.framework-demo__runtime-mount :where(.demo-app){min-height:auto!important;background:transparent!important;color:#f1f5f9!important;overflow:visible!important}.framework-demo__runtime-mount :where(app-root>main){min-height:auto!important;background:transparent!important;color:#f1f5f9!important;overflow:visible!important}.framework-demo__runtime-mount :where(.demo-app>div){max-width:100%!important;padding:0!important;overflow:visible!important}.framework-demo__runtime-mount :where(app-root>main>div){max-width:100%!important;padding:0!important;overflow:visible!important}.framework-demo__runtime-mount :where(.demo-app section){overflow:visible!important}.framework-demo__runtime-mount :where(app-root section){overflow:visible!important}.framework-demo__runtime-mount :where(.demo-shell){gap:1.6rem!important}.framework-demo__runtime-mount :where(.demo-cases-grid){gap:1.3rem!important}.framework-demo__runtime-mount :where(.demo-card){position:relative;overflow:visible!important;min-height:15.1rem;min-width:0;border:1px solid rgba(62,76,104,.46)!important;border-radius:1.85rem!important;background:linear-gradient(180deg,#111524fb,#0f1321fc)!important;box-shadow:inset 0 1px #7892c80b,0 12px 24px #03081429!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.framework-demo__runtime-mount :where(.demo-card:has(.drm-cf__trigger[aria-expanded=true])){z-index:30}.framework-demo__runtime-mount :where(.demo-card__header){margin-bottom:.98rem!important}.framework-demo__runtime-mount :where(.demo-card__eyebrow){margin:0!important;color:#7dd3fc!important;font-size:12px!important;font-weight:400!important;letter-spacing:3.6px!important;line-height:16px!important;text-transform:uppercase!important}.framework-demo__runtime-mount :where(.demo-card__title){margin:.5rem 0 0!important;color:#fff!important;font-size:1.25rem!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.4!important}.framework-demo__runtime-mount :where(.demo-card__copy){margin-bottom:1.25rem!important;max-width:35rem;color:#cbd5e1!important;font-size:.875rem!important;line-height:1.5rem!important}.framework-demo__runtime-mount :where(.demo-card__badge){min-width:auto!important;width:auto!important;border-radius:9999px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important;letter-spacing:normal!important;line-height:16px!important;box-shadow:inset 0 1px #ffffff0d}.framework-demo__runtime-mount :where(.demo-card__badge--default){border-color:#35aa8a8f!important;background:#144a456b!important;color:#a7f3d0!important}.framework-demo__runtime-mount :where(.demo-card__badge--max){border-color:#2591be8f!important;background:#0e3a5c6b!important;color:#9de2ff!important}.framework-demo__runtime-mount :where(.demo-card__badge--filter){border-color:#934cbf8f!important;background:#4d20676b!important;color:#e0b1ff!important}.framework-demo__runtime-mount :where(.demo-card__badge--combined){border-color:#c99a3694!important;background:#5f481266!important;color:#ffd978!important}.framework-demo__runtime-mount :where(.demo-card__filter-code){display:block!important;margin-bottom:1.15rem!important;border:1px solid rgba(18,28,53,.92);border-radius:1rem!important;background:#080c18eb!important;color:#e5ecf8e0!important;font-size:.88rem!important;line-height:1.2!important;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff05;overflow-x:auto;overflow-y:hidden}.framework-demo__runtime-mount :where(.drm-cf,drm-countries-flags){display:block!important;min-width:0!important;width:min(100%,220px)!important;max-width:220px!important}.framework-demo__runtime-mount :where(drm-countries-flags){position:relative!important;background:transparent!important;border:0!important;padding:0!important}.framework-demo__runtime-mount :where(.drm-cf__trigger){display:flex!important;min-width:0!important;width:100%!important;min-height:3rem!important;padding:0 .95rem!important;border:1px solid rgba(48,61,88,.78)!important;border-radius:1rem!important;background:linear-gradient(180deg,#0e1322f5,#0c111ffa)!important;color:#eef2faf5!important;box-shadow:inset 0 1px #ffffff08!important}.framework-demo__runtime-mount :where(.drm-cf__trigger:hover){border-color:#546a96db!important}.framework-demo__runtime-mount :where(.drm-cf__trigger-content){gap:.66rem!important}.framework-demo__runtime-mount :where(.drm-cf__placeholder){color:#8593aeb8!important}.framework-demo__runtime-mount :where(.drm-cf__label){color:#eef2faf5!important}.framework-demo__runtime-mount :where(.drm-cf__flag){width:1.2rem!important;height:1.2rem!important;border-radius:999px!important}.framework-demo__runtime-mount :where(.drm-cf__chevron){color:#a3b1ccc7!important}.framework-demo__runtime-mount :where(.drm-cf__backdrop){z-index:90!important}.framework-demo__runtime-mount :where(.drm-cf__list){z-index:100!important;min-width:100%!important;margin-top:.35rem!important;padding:.34rem!important;border:1px solid rgba(60,75,108,.82)!important;border-radius:1rem!important;background:#0b0f1bfb!important;box-shadow:0 16px 30px #0207124d!important}.framework-demo__runtime-mount :where(.drm-cf__option){min-height:2.7rem!important;border-radius:.8rem!important}.framework-demo__runtime-mount :where(.drm-cf__option:hover),.framework-demo__runtime-mount :where(.drm-cf__option--active){background:#1a243eeb!important}.framework-demo__runtime-mount :where(.drm-cf__option--selected){background:#225797c2!important}.framework-demo__runtime-mount :where(.demo-notes-card){border:1px solid rgba(62,76,104,.46)!important;border-radius:1.85rem!important;background:linear-gradient(180deg,#101422fb,#0e121ffc)!important;box-shadow:inset 0 1px #7892c80a,0 12px 24px #03081424!important}.framework-demo__runtime-mount :where(.demo-notes-card__title){margin:0!important;color:#f7f9fffa!important;font-size:1.72rem!important;font-weight:700!important;letter-spacing:-.04em!important}.framework-demo__runtime-mount :where(.demo-notes-card__grid){margin-top:1.15rem!important;gap:1.5rem!important}.framework-demo__runtime-mount :where(.demo-notes-card__list){margin:0;padding-left:0;list-style:none}.framework-demo__runtime-mount :where(.demo-notes-card__list li){color:#cdd6e7d1!important;font-size:.94rem!important;line-height:1.58!important}.framework-demo__runtime-mount :where(.demo-notes-card__events){display:grid;align-content:start}.framework-demo__runtime-mount :where(.demo-notes-card__events-title){color:#e8eef9f0!important;font-size:.96rem!important;font-weight:600!important}.framework-demo__runtime-mount :where(.demo-notes-card__empty),.framework-demo__runtime-mount :where(.demo-notes-card__event-item){min-height:2.75rem;border-radius:1rem!important}.framework-demo__runtime-mount :where(.demo-notes-card__empty){border-color:#46547261!important;background:#0a0f1d85!important;color:#909eb7c2!important}.framework-demo__runtime-mount :where(.demo-notes-card__event-item){border-color:#4654726b!important;background:#0a0f1da3!important}.framework-demo__runtime-mount :where(.demo-notes-card__event-code){color:#8fdcff!important}@media(max-width:640px){.framework-demo__runtime-mount :where(.demo-card){min-height:auto;border-radius:1.4rem!important}.framework-demo__runtime-mount :where(.demo-card__title){font-size:1.1rem!important}.framework-demo__runtime-mount :where(.demo-card__copy){font-size:.82rem!important;line-height:1.45rem!important}.framework-demo__runtime-mount :where(.demo-card__filter-code){font-size:.8rem!important}.framework-demo__runtime-mount :where(.drm-cf,drm-countries-flags){width:100%!important;max-width:none!important}}