@import './tokens.css';
@font-face{font-family:'Nowik Sans';src:url('./fonts/NowikSans-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
/* Komponenten sind gekapselt; kein Reset für fremde Seiten. */
.nw { font-family:var(--nw-font-family); color:var(--nw-color-text); color-scheme:dark; font-synthesis:none; }
.nw *, .nw *::before, .nw *::after {box-sizing:border-box}
.nw :is(button, input, select, textarea) {font:inherit}
.nw :is(button, a, input, select, textarea):focus-visible, .nw-option:has(input:focus-visible) {outline:2px solid var(--nw-color-focus);outline-offset:4px}
.nw :is(button, a) {-webkit-tap-highlight-color:transparent}
.nw button {cursor:pointer}
.nw button:disabled {cursor:not-allowed;opacity:.5;transform:none}
.nw-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nw-button {display:inline-flex;align-items:center;justify-content:space-between;gap:var(--nw-space-6);min-height:var(--nw-size-target);padding:var(--nw-space-3) var(--nw-space-5);border:1px solid transparent;border-radius:var(--nw-radius-small);font-size:var(--nw-font-small)!important;font-weight:var(--nw-font-weight-strong)!important;transition:background var(--nw-motion-feedback),border-color var(--nw-motion-feedback),transform var(--nw-motion-state) var(--nw-motion-ease)}
.nw-button--primary {background:var(--nw-color-inverse);color:var(--nw-color-on-inverse)}
.nw-button--primary:not(:disabled):hover {background:var(--nw-color-inverse-hover)}
.nw-button--secondary {background:var(--nw-color-surface);color:var(--nw-color-text);border-color:var(--nw-color-border-interactive)}
.nw-button--secondary:not(:disabled):hover {background:var(--nw-color-surface-active)}
.nw-button--quiet {background:transparent;color:var(--nw-color-text-secondary)}
.nw-button--quiet:not(:disabled):hover {background:var(--nw-color-surface-raised);color:var(--nw-color-text)}
.nw-button:not(:disabled):active {transform:scale(.98)}
.nw-motion-label {border:1px solid var(--nw-color-border-interactive);border-radius:var(--nw-radius-pill);padding:var(--nw-space-1) var(--nw-space-3);font-size:var(--nw-font-label)}
.nw-surface {background:var(--nw-color-surface);border:1px solid var(--nw-color-border);border-radius:var(--nw-radius-large);padding:var(--nw-space-6)}
.nw-tile-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--nw-space-4)}
.nw-tile {appearance:none;width:100%;display:flex;flex-direction:column;min-height:15.75rem;text-align:left;background:var(--nw-color-surface);color:var(--nw-color-text);border:1px solid var(--nw-color-border);border-radius:var(--nw-radius-large);padding:var(--nw-space-6) var(--nw-space-6) 0;transition:background var(--nw-motion-state),color var(--nw-motion-state),transform var(--nw-motion-move) var(--nw-motion-ease),border-color var(--nw-motion-state)}
.nw-tile:not(:disabled):hover {background:var(--nw-color-surface-raised);border-color:var(--nw-color-border-interactive)}
.nw-tile[data-selected=true], .nw-tile[data-selected=true]:not(:disabled):hover {background:var(--nw-color-inverse);color:var(--nw-color-on-inverse);border-color:var(--nw-color-inverse)}
.nw-tile-top {display:flex;align-items:center;justify-content:space-between;gap:var(--nw-space-3)}
.nw-tile-meta {font-size:var(--nw-font-label);letter-spacing:.04em;color:var(--nw-color-text-muted)}
.nw-tile-icon {display:flex;flex-shrink:0}

.nw-tile-body {display:flex;flex-direction:column;gap:var(--nw-space-3);padding:var(--nw-space-8) 0 var(--nw-space-6)}
.nw-tile-title {font-size:var(--nw-font-heading);font-weight:var(--nw-font-weight-medium);letter-spacing:var(--nw-font-tracking-heading);line-height:1.3;overflow-wrap:anywhere}
.nw-tile-description {font-size:var(--nw-font-small);line-height:var(--nw-font-line-body);color:var(--nw-color-text-secondary)}
.nw-tile-footer {display:flex;justify-content:space-between;gap:var(--nw-space-3);border-top:1px solid var(--nw-color-border);padding:var(--nw-space-4) 0;margin-top:auto;font-size:var(--nw-font-label);color:var(--nw-color-text-muted)}
.nw-tile[data-selected=true] :is(.nw-tile-meta,.nw-tile-description,.nw-tile-footer) {color:var(--nw-color-on-inverse-secondary)}
.nw-tile[data-selected=true] .nw-tile-footer {border-color:var(--nw-color-on-inverse-secondary)}
.nw-fieldset {border:0;margin:0;padding:0;min-width:0}
.nw-segments {display:grid;grid-template-columns:repeat(var(--nw-option-count),minmax(0,1fr));position:relative;isolation:isolate;padding:var(--nw-space-1);border:1px solid var(--nw-color-border-interactive);border-radius:var(--nw-radius-medium);background:var(--nw-color-canvas)}
.nw-segments::before {content:'';position:absolute;z-index:-1;left:var(--nw-space-1);top:var(--nw-space-1);bottom:var(--nw-space-1);width:calc((100% - 2 * var(--nw-space-1))/var(--nw-option-count));border-radius:var(--nw-radius-small);background:var(--nw-color-inverse);transform:translateX(calc(var(--nw-selected-index)*100%));transition:transform var(--nw-motion-move) var(--nw-motion-ease)}
.nw-segments[data-has-selection=false]::before {visibility:hidden}
.nw-option {position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:var(--nw-size-target);padding:var(--nw-space-2);font-size:var(--nw-font-small);color:var(--nw-color-text-secondary);cursor:pointer;overflow-wrap:anywhere;transition:color var(--nw-motion-state)}
.nw-option[data-selected=true] {color:var(--nw-color-on-inverse)}
.nw-option[data-disabled=true] {opacity:.5;cursor:not-allowed}
.nw-option input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
.nw-collapse {display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--nw-motion-expand) var(--nw-motion-ease),visibility 0s var(--nw-motion-expand)}
.nw-collapse[data-open=true] {grid-template-rows:1fr;visibility:visible;transition:grid-template-rows var(--nw-motion-expand) var(--nw-motion-ease),visibility 0s}
.nw-collapse-inner {min-height:0;overflow:hidden;opacity:0;transition:opacity var(--nw-motion-feedback)}
.nw-collapse[data-open=true]>.nw-collapse-inner {opacity:1;transition:opacity var(--nw-motion-state) var(--nw-motion-feedback)}
.nw-status {position:fixed;z-index:100;bottom:var(--nw-space-6);left:50%;max-width:calc(100vw - 2 * var(--nw-space-4));padding:var(--nw-space-4) var(--nw-space-6);border-radius:var(--nw-radius-medium);background:var(--nw-color-inverse);color:var(--nw-color-on-inverse);font-size:var(--nw-font-small);pointer-events:none;transform:translate(-50%,var(--nw-motion-distance));opacity:0;transition:opacity var(--nw-motion-state),transform var(--nw-motion-move) var(--nw-motion-ease)}
.nw-status[data-visible=true] {transform:translate(-50%,0);opacity:1}
.nw-nav-item {display:flex;align-items:center;gap:var(--nw-space-3);min-height:var(--nw-size-target);border:0;padding:var(--nw-space-3);border-radius:var(--nw-radius-small);text-align:left;text-decoration:none;background:transparent;color:var(--nw-color-text-secondary);font-size:var(--nw-font-small);transition:background var(--nw-motion-feedback),color var(--nw-motion-feedback)}
.nw-nav-item:hover {background:var(--nw-color-surface-raised);color:var(--nw-color-text)}
.nw-nav-item[aria-current=page] {background:var(--nw-color-surface-active);color:var(--nw-color-text)}
.nw-enter {animation:nw-reveal var(--nw-motion-move) var(--nw-motion-ease)}
@keyframes nw-reveal {from{opacity:0;transform:translateY(var(--nw-motion-distance))}to{opacity:1;transform:translateY(0)}}
.nw[data-nw-motion=reduced] *, .nw[data-nw-motion=reduced] *::before, .nw[data-nw-motion=reduced] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.nw *, .nw *::before, .nw *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.nw-option[data-selected=true],.nw-tile[data-selected=true]{outline:2px solid Highlight;outline-offset:-3px}.nw-option:has(input:checked) span{text-decoration:underline}.nw-segments::before{display:none}}

/* Direction is semantic; only the decorative copies move. Never rotate the whole icon slot. */
.nw-indicator {--nw-flight-x:130%;--nw-flight-y:-130%;position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:var(--nw-icon-frame);height:var(--nw-icon-frame);border:1px solid transparent;border-radius:var(--nw-radius-medium);transition:background var(--nw-motion-state),border-color var(--nw-motion-state),border-radius var(--nw-motion-state);color:inherit}
.nw-indicator[data-direction=forward] {--nw-flight-y:0%}
.nw-indicator[data-framed=true] {border-color:color-mix(in srgb,currentColor 22%,transparent)}
.nw-indicator[data-compact=true] {width:var(--nw-icon-frame-small);height:var(--nw-icon-frame-small);border-radius:var(--nw-radius-small)}
.nw-indicator-viewport {position:relative;display:block;width:var(--nw-icon-size);height:var(--nw-icon-size);overflow:hidden}
.nw-indicator-viewport svg {width:100%;height:100%;display:block}
.nw-indicator-travel {position:absolute;inset:0;transition:opacity var(--nw-motion-exit),transform var(--nw-motion-travel) var(--nw-motion-ease)}
.nw-indicator-first,.nw-indicator-next,.nw-indicator-expanded {position:absolute;display:grid;place-items:center;inset:0;transition:transform var(--nw-motion-travel) var(--nw-motion-ease),opacity var(--nw-motion-exit)}
.nw-indicator-next {transform:translate(calc(-1 * var(--nw-flight-x)),calc(-1 * var(--nw-flight-y)));opacity:0}
.nw-indicator-expanded {opacity:0;transform:scale(.75)}
.nw-indicator[data-expanded=true] .nw-indicator-travel {opacity:0;transform:scale(.8)}
.nw-indicator[data-expanded=true] .nw-indicator-expanded {opacity:1;transform:scale(1)}
[data-nw-interactive]:not(:disabled):focus-visible .nw-indicator {background:color-mix(in srgb,currentColor 7%,transparent);border-color:color-mix(in srgb,currentColor 50%,transparent)}
[data-nw-interactive]:not(:disabled):focus-visible .nw-indicator:not([data-expanded=true]) .nw-indicator-first {transform:translate(var(--nw-flight-x),var(--nw-flight-y));opacity:0}
[data-nw-interactive]:not(:disabled):focus-visible .nw-indicator:not([data-expanded=true]) .nw-indicator-next {transform:translate(0,0);opacity:1}
@media(hover:hover) and (pointer:fine){
  .nw-tile:not(:disabled):hover {transform:translateY(-2px)}
  [data-nw-interactive]:not(:disabled):hover .nw-indicator {background:color-mix(in srgb,currentColor 7%,transparent);border-color:color-mix(in srgb,currentColor 50%,transparent)}
  [data-nw-interactive]:not(:disabled):hover .nw-indicator:not([data-expanded=true]) .nw-indicator-first {transform:translate(var(--nw-flight-x),var(--nw-flight-y));opacity:0}
  [data-nw-interactive]:not(:disabled):hover .nw-indicator:not([data-expanded=true]) .nw-indicator-next {transform:translate(0,0);opacity:1}
}
.nw-tile {isolation:isolate;position:relative;overflow:hidden}
.nw-tile[data-selected=true] .nw-indicator {border-color:color-mix(in srgb,currentColor 24%,transparent)}
.nw-tile-title {transition:transform var(--nw-motion-travel) var(--nw-motion-ease)}
.nw-tile:focus-visible {outline-offset:4px}
.nw-button:has(.nw-indicator) {padding-right:var(--nw-space-2);padding-top:var(--nw-space-2);padding-bottom:var(--nw-space-2);gap:var(--nw-space-8)}
.nw-button--quiet:has(.nw-indicator) {gap:var(--nw-space-3)}
.nw-option>span {display:inline-flex;gap:var(--nw-space-2);align-items:center}
.nw-option:hover:not([data-selected=true])>span {color:var(--nw-color-text)}
.nw-option[data-disabled=true]:hover>span {color:inherit}
.nw-segments {transition:border-color var(--nw-motion-state)}
.nw-segments:focus-within {border-color:var(--nw-color-text)}
.nw-nav-item {position:relative}
/* All states remain recognisable when spatial motion is disabled. */
.nw[data-nw-motion=reduced] .nw-tile:hover {transform:none}
.nw[data-nw-motion=reduced] .nw-indicator-first {transform:none!important;opacity:1!important}
.nw[data-nw-motion=reduced] .nw-indicator-next {display:none}
@media(prefers-reduced-motion:reduce){.nw-tile:hover {transform:none}.nw-indicator-first{transform:none!important;opacity:1!important}.nw-indicator-next{display:none}}
@media(forced-colors:active){.nw-indicator[data-framed=true]{border-color:ButtonText}.nw-indicator[data-expanded=true]{border-color:Highlight}}
/* Keep short option names intact in narrow modules, independently of page width. */
.nw-fieldset {container-type:inline-size}
.nw-option>span {white-space:nowrap}
@container (max-width:280px){
  .nw-option {font-size:var(--nw-font-label);padding-inline:2px}
  .nw-option>span {gap:4px}
}
/* Header and details are one local surface; siblings keep their position. */
.nw-tile-grid {align-items:start}
.nw-expandable-tile {min-width:0;align-self:start;border:1px solid var(--nw-color-border);border-radius:var(--nw-radius-large);background:var(--nw-color-surface);overflow:hidden}
.nw-expandable-tile>.nw-tile {border:0;border-radius:var(--nw-radius-large);width:100%}
.nw-expandable-tile>.nw-tile:hover {transform:none}
.nw-expandable-tile:focus-within {outline:2px solid var(--nw-color-focus);outline-offset:4px}
.nw-expandable-tile>.nw-tile:focus-visible {outline-offset:-4px}
/* 0.4: one typographic interaction language; no ornamental bars or bullets. */
.nw-button,.nw-nav-item {background:transparent;color:var(--nw-color-text-secondary);border-color:transparent;border-radius:var(--nw-radius-small);font-weight:500!important;justify-content:flex-start;gap:0}
.nw-label{display:inline-flex;align-items:center;gap:12px;transform-origin:left center;transition:transform 420ms var(--nw-motion-ease),color 280ms,text-shadow 420ms;will-change:auto}
.nw-nav-item[aria-current=page]{background:transparent;color:var(--nw-color-text);font-weight:650}
.nw-nav-item[aria-current=page]>.nw-label{transform:translateX(3px) scale(1.035)}
.nw-button:is(:focus-visible,:hover),.nw-nav-item:is(:focus-visible,:hover){background:transparent;color:var(--nw-color-text)}
.nw-button--primary{color:var(--nw-color-text)}
.nw-button--primary:not(:disabled):hover,.nw-button--secondary:not(:disabled):hover,.nw-button--quiet:not(:disabled):hover{background:transparent}
.nw-button:not(:disabled):focus-visible>.nw-label,.nw-nav-item:not(:disabled):focus-visible>.nw-label{transform:translateX(3px) scale(1.035);text-shadow:0 0 .5px currentColor}
@media(hover:hover) and (pointer:fine){
 .nw-button:not(:disabled):hover>.nw-label,.nw-nav-item:not(:disabled):hover>.nw-label{transform:translateX(3px) scale(1.035);text-shadow:0 0 .5px currentColor}
 .nw-tile:not(:disabled):hover .nw-tile-title{transform:translateX(3px) scale(1.025);text-shadow:0 0 .4px currentColor}
}
.nw-button:not(:disabled):active,.nw-nav-item:not(:disabled):active{transform:none}
.nw-button:not(:disabled):active>.nw-label,.nw-nav-item:not(:disabled):active>.nw-label{transform:translateX(1px) scale(.985)}
.nw-tile-title{transform-origin:left center;transition:transform var(--nw-motion-feedback) var(--nw-motion-ease),text-shadow var(--nw-motion-feedback)}
.nw-tile:not(:disabled):active .nw-tile-title{transform:scale(.985)}
.nw-tile-top{min-height:0}
.nw-tile-body{padding:24px 0 34px}
.nw-expandable-tile{border-radius:var(--nw-radius-large);transition:border-color var(--nw-motion-state)}
.nw-expandable-tile:focus-within{outline:none}
.nw-expandable-tile:has(>.nw-tile:focus-visible){outline:2px solid var(--nw-color-focus);outline-offset:4px}
.nw-expandable-tile>.nw-tile:focus-visible{outline:none}
.nw-option>span{gap:0}
@media(hover:hover) and (pointer:fine){.nw-option:hover:not([data-selected=true])>span{transform:translateX(2px)}}
.nw-option>span{transition:transform var(--nw-motion-feedback) var(--nw-motion-ease),text-shadow var(--nw-motion-feedback)}
.nw-option[data-selected=true]>span{font-weight:600}
.nw-collapse{transition-duration:var(--nw-motion-expand),0s}
.nw-collapse[data-open=true]>.nw-collapse-inner{transition:opacity var(--nw-motion-state) var(--nw-motion-ease) var(--nw-motion-detail-delay)}
.nw[data-nw-motion=reduced] .nw-label,.nw[data-nw-motion=reduced] .nw-tile-title{transform:none!important}
@media(prefers-reduced-motion:reduce){.nw-label,.nw-tile-title{transform:none!important}}
.nw-nav-item[aria-current=page]{font-weight:650!important}

/* Crisp, solid surfaces: the light trigger meets the dark detail directly. */
.nw-expandable-tile{background:var(--nw-color-surface);isolation:isolate}
.nw .nw-expandable-tile>.nw-tile,
.nw .nw-expandable-tile>.nw-tile:hover,
.nw .nw-expandable-tile>.nw-tile[data-selected=true]:not(:disabled):hover{
 background:var(--nw-color-inverse);color:var(--nw-color-on-inverse)
}
.nw-expandable-tile>.nw-tile .nw-tile-description,
.nw-expandable-tile>.nw-tile .nw-tile-meta{color:var(--nw-color-on-inverse-secondary)}
.nw-expandable-tile>.nw-collapse>.nw-collapse-inner{opacity:1;transition:none}
.nw-detail-heading{padding:28px 24px 16px;background:var(--nw-color-surface)}
.nw-detail-caption{font-family:var(--nw-font-family);font-size:20px;font-weight:500;line-height:1.35;letter-spacing:var(--nw-font-tracking-heading);color:var(--nw-color-text);margin:0;max-width:100%}
.nw-detail-caption>span{visibility:hidden}
.nw-expandable-tile[data-open=true] .nw-detail-caption>span{animation:nw-caption-type 1ms step-end both;animation-delay:calc((var(--nw-motion-expand) - 1ms) * var(--nw-letter-fraction))}
@keyframes nw-caption-type{from{visibility:hidden}to{visibility:visible}}
.nw-moving-heading{font-size:22px;font-weight:500;line-height:1.1;letter-spacing:.08em;margin:0;writing-mode:vertical-rl;white-space:nowrap;color:var(--nw-color-text);transform:none!important}
.nw-moving-heading>span{animation:none}
/* One measured height animation, with a deliberately gentle start. */
@property --nw-panel-height {syntax:'<length>';inherits:true;initial-value:0px}
.nw-collapse{display:block;grid-template-rows:none;height:var(--nw-panel-height);overflow:clip;transition:--nw-panel-height var(--nw-motion-expand) var(--nw-motion-ease),visibility 0s var(--nw-motion-expand)}
.nw-collapse[data-open=true]{display:block;grid-template-rows:none;transition:--nw-panel-height var(--nw-motion-expand) var(--nw-motion-ease),visibility 0s}
.nw-collapse-inner{display:flow-root;min-height:0;overflow:visible}
.nw-reading-actions{position:fixed;z-index:80;left:50%;bottom:20px;transform:translateX(-50%);display:flex;justify-content:space-between;gap:24px;width:max-content;max-width:calc(100% - 32px);padding:6px 16px;background:var(--nw-color-surface);border:1px solid var(--nw-color-border-interactive);border-radius:var(--nw-radius-large);box-shadow:0 8px 28px #0005;animation:nw-reading-in 240ms var(--nw-motion-ease)}
.nw-reading-actions .nw-button{white-space:nowrap;font-size:13px!important;padding:10px 8px}
@keyframes nw-reading-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:380px){.nw-reading-actions{width:calc(100% - 24px);gap:8px;padding-inline:6px}.nw-reading-actions .nw-button{font-size:12px!important}}

/* Form fields share the same neutral surface and focus grammar. */
.nw-field{display:grid;gap:8px;min-width:0;font-size:var(--nw-font-small)}
.nw-field>label{font-size:12px;color:var(--nw-color-text-secondary);line-height:1.4}
.nw-field>input,.nw-field>select{box-sizing:border-box;width:100%;min-width:0;min-height:var(--nw-size-target);padding:var(--nw-space-2) var(--nw-space-4);border:1px solid var(--nw-color-border-interactive);border-radius:var(--nw-radius-medium);background:var(--nw-color-surface);color:var(--nw-color-text);font:inherit;color-scheme:dark}
.nw-field>input::placeholder{color:var(--nw-color-text-muted)}
.nw-field>input:focus-visible,.nw-field>select:focus-visible{outline:2px solid var(--nw-color-focus);outline-offset:3px}
.nw-field-error{color:var(--nw-color-text);font-size:12px;line-height:1.5}
.nw-field [aria-invalid=true]{border-width:2px}

/* Action hierarchy: filled primary, outlined secondary, text-only quiet. */
.nw .nw-button{min-width:var(--nw-size-target);min-height:var(--nw-size-target);font-size:var(--nw-font-small)!important}
.nw .nw-button--primary,.nw .nw-button--primary:not(:disabled):hover{background:var(--nw-color-inverse);color:var(--nw-color-on-inverse);border-color:var(--nw-color-inverse);font-weight:600!important}
.nw .nw-button--primary:not(:disabled):hover{background:var(--nw-color-inverse-hover)}
.nw .nw-button--secondary,.nw .nw-button--secondary:not(:disabled):hover{background:transparent;color:var(--nw-color-text);border-color:var(--nw-color-border-interactive)}
.nw .nw-button--secondary[aria-pressed=true]{background:var(--nw-color-inverse);color:var(--nw-color-on-inverse)}
.nw .nw-button--quiet{background:transparent;border-color:transparent;color:var(--nw-color-text-secondary)}
.nw .nw-nav-item{min-width:var(--nw-size-target);min-height:var(--nw-size-target);font-size:var(--nw-font-small)}
.nw .nw-option{min-height:var(--nw-size-target)}
.nw .nw-label{transition:transform var(--nw-motion-feedback) var(--nw-motion-ease),color var(--nw-motion-feedback)}

/* Filtering changes only this result surface, never the surrounding document. */
.nw-filtered-list{overflow-anchor:none}
.nw-filtered-list-content{display:flow-root;opacity:1;transition:opacity var(--nw-motion-state) var(--nw-motion-ease)}
.nw-filtered-list-content[data-phase=exit]{opacity:0;pointer-events:none;transition-duration:var(--nw-motion-exit)}
.nw[data-nw-motion=reduced] .nw-filtered-list-content{transition:none}
@media(prefers-reduced-motion:reduce){.nw-filtered-list-content{transition:none}}

/* Numeric entry keeps the same surface; keyboard stepping remains native. */
.nw-field>input[type=number]{appearance:textfield;-moz-appearance:textfield}
.nw-field>input[type=number]::-webkit-inner-spin-button,.nw-field>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* A shared neutral combobox. Its menu is portalled within .nw, outside moving cards. */
.nw-select-trigger{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:var(--nw-space-3);width:100%;min-width:0;min-height:var(--nw-size-target);padding:var(--nw-space-2) var(--nw-space-4);border:1px solid var(--nw-color-border-interactive);border-radius:var(--nw-radius-medium);background:var(--nw-color-surface);color:var(--nw-color-text);font-size:var(--nw-font-small)!important;line-height:var(--nw-font-line-body);text-align:left;transition:background var(--nw-motion-feedback) var(--nw-motion-ease),border-color var(--nw-motion-feedback) var(--nw-motion-ease)}
.nw-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw .nw-select-trigger:focus-visible{outline:2px solid var(--nw-color-focus);outline-offset:3px}
.nw-select-trigger[aria-expanded=true]{border-color:var(--nw-color-text);background:var(--nw-color-surface-raised)}
.nw-select-trigger[aria-invalid=true]{border-width:2px}
.nw-select-trigger .nw-select-indicator{width:var(--nw-icon-size);height:var(--nw-icon-size);border:0;background:transparent!important}
.nw-select-trigger .nw-select-indicator .nw-indicator-viewport{width:var(--nw-icon-size);height:var(--nw-icon-size)}
.nw-select-indicator[data-direction=forward]{--nw-flight-x:0%;--nw-flight-y:130%}
.nw-select-menu{position:fixed;z-index:110;display:block;max-height:calc(100dvh - var(--nw-space-8));overflow:auto;overscroll-behavior:contain;padding:var(--nw-space-1);border:1px solid var(--nw-color-border-interactive);border-radius:var(--nw-radius-large);background:var(--nw-color-surface);color:var(--nw-color-text);font-family:var(--nw-font-family);font-size:var(--nw-font-small);line-height:var(--nw-font-line-body);opacity:0;transform:translateY(calc(-1 * var(--nw-space-1)));pointer-events:none;transition:opacity var(--nw-motion-exit) var(--nw-motion-ease),transform var(--nw-motion-exit) var(--nw-motion-ease);scrollbar-color:var(--nw-color-border-interactive) var(--nw-color-surface)}
.nw-select-menu[data-upwards=true]{transform:translateY(var(--nw-space-1))}
.nw-select-menu[data-open=true]{opacity:1;transform:translateY(0);pointer-events:auto;transition-duration:var(--nw-motion-feedback)}
@starting-style{.nw-select-menu[data-open=true]{opacity:0;transform:translateY(calc(-1 * var(--nw-space-1)))}.nw-select-menu[data-upwards=true][data-open=true]{transform:translateY(var(--nw-space-1))}}
.nw-select-option{display:flex;align-items:center;min-height:var(--nw-size-target);padding:var(--nw-space-2) var(--nw-space-3);border-radius:var(--nw-radius-small);color:var(--nw-color-text-secondary);cursor:pointer;overflow-wrap:anywhere;transition:background var(--nw-motion-feedback) var(--nw-motion-ease),color var(--nw-motion-feedback) var(--nw-motion-ease)}
.nw-select-option[aria-selected=true]{font-weight:var(--nw-font-weight-strong);color:var(--nw-color-text)}
.nw-select-option[data-active=true]:not([aria-disabled=true]){background:var(--nw-color-inverse);color:var(--nw-color-on-inverse)}
.nw-select-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}
@media(forced-colors:active){.nw-select-option[data-active=true]:not([aria-disabled=true]){outline:2px solid Highlight;outline-offset:-2px}.nw-select-option[aria-selected=true]>.nw-label{text-decoration:underline}}