/* Shared Material motion, using the current neXXXt Level palette. */
.nxl-select { position:relative;display:inline-flex;min-width:0;max-width:100%; }
.nxl-native-select { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none; }
.nxl-select-trigger { position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;width:100%;padding:12px 16px;border:1px solid var(--tile-line,#526172);border-radius:12px;background:var(--tile-inset,#162439);color:var(--tile-text,#f3f4f1);font:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer;isolation:isolate;transition:border-color 180ms,background-color 180ms; }
.nxl-select-trigger:hover { background:var(--tile-hover,#22354c); }
.nxl-select-trigger[aria-expanded=true] { border-color:var(--lime,#dfff38); }
.nxl-select-trigger:focus-visible { outline:2px solid var(--lime,#dfff38);outline-offset:4px; }
.nxl-select-trigger:disabled { opacity:.45;cursor:default; }
.nxl-select-value { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.nxl-select-caret { width:8px;height:8px;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform 300ms; }
.nxl-select-trigger[aria-expanded=true] .nxl-select-caret { transform:rotate(225deg) translate(-1px,-1px); }
.nxl-dropdown { position:fixed;inset:auto;margin:0;padding:7px 0;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid var(--tile-border,#536174);border-radius:12px;background:rgb(16 29 49 / 94%);color:var(--tile-text,#f3f4f1);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);box-shadow:0 20px 56px -16px #000b,0 5px 16px #0005;font:inherit;font-size:13px;scrollbar-width:thin;scrollbar-color:#627186 transparent;z-index:100; }
.nxl-dropdown::backdrop { background:transparent;pointer-events:none; }
.nxl-dropdown-option { position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 18px;font-size:13px;line-height:1.5;cursor:pointer;isolation:isolate;transition:background 100ms;color:inherit; }
.nxl-dropdown-option[data-active=true] { background:rgb(243 244 241 / 8%); }
.nxl-dropdown-option[data-selected=true] { color:var(--lime,#dfff38); }
.nxl-dropdown-option[aria-disabled=true] { opacity:.4;cursor:default; }
.nxl-dropdown-option[hidden] { display:none; }
.nxl-option-check { opacity:0;flex-shrink:0;color:var(--lime,#dfff38); }
.nxl-dropdown-option[data-selected=true] .nxl-option-check { opacity:1; }
[data-dropdown-ripple] { position:relative; }
.nxl-ripple-layer { position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0;color:inherit; }
.nxl-ripple-wave { position:absolute;top:0;left:0;border-radius:50%;opacity:.12;background:radial-gradient(closest-side,currentColor 65%,transparent 100%);pointer-events:none; }
body.design-preview .discovery-filter .nxl-select { min-width:230px;max-width:65%; }
body.design-preview .section > .content-lane:has([role=combobox]:focus) { transform:none!important;transition:none!important; }
body.design-preview .section > .content-lane:has([role=combobox]:focus) > * { translate:none!important;transition:none!important; }
.section-switcher .nxl-select { min-width:150px; }
@media(max-width:700px) {body.design-preview .discovery-filter .nxl-select { width:100%;max-width:100%;min-width:0; }}
.motion-off .nxl-select-caret { transition:none; }
@media(prefers-reduced-motion:reduce) {.nxl-select-caret { transition:none; }}
