:root{--feel-ease-move:cubic-bezier(.5, 0, 0, 1);--feel-ease-fade:cubic-bezier(.5, 0, .5, 1);--feel-ease-pop:cubic-bezier(.33, 0, 0, 1);--feel-ease-rise:cubic-bezier(0, 0, 0, 1);--feel-t-hover:.12s;--feel-t-press:.17s;--feel-t-pop:.2s;--feel-t-swap:.24s;--feel-t-check:.42s;--feel-t-line:.67s;--feel-t-travel:.8s;--feel-t-enter:1s;--feel-stagger:.1s;--feel-rise:10px;--feel-press-scale:.97}
@layer theme,base;@layer components{.feel-select-trigger{justify-content:space-between;align-items:center;gap:var(--spacing-12,12px);text-align:left;touch-action:manipulation;transition:border-color var(--feel-t-hover) var(--feel-ease-fade), background-color var(--feel-t-hover) var(--feel-ease-fade), box-shadow var(--feel-t-hover) var(--feel-ease-fade), transform var(--feel-t-press) linear;outline:none;display:flex}.feel-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.feel-select-value[data-placeholder]{color:var(--color-text-secondary)}.feel-select-chevron{stroke-width:1.5px;width:20px;height:20px;color:var(--color-text-secondary);transition:transform var(--feel-t-pop) var(--feel-ease-move);flex-shrink:0}.feel-select-trigger[data-hovered]{border-color:var(--color-text)}.feel-select:not([data-open]) .feel-select-trigger[data-pressed]{background:var(--color-soft);transform:scale(calc(1 - (1 - var(--feel-press-scale)) / 3));transition-timing-function:var(--feel-ease-fade), var(--feel-ease-fade), var(--feel-ease-fade), var(--feel-ease-move)}.feel-select-trigger[data-focus-visible]{outline:3px solid var(--color-focus);outline-offset:3px}.feel-select[data-open] .feel-select-trigger{border-color:var(--color-action);box-shadow:inset 0 0 0 1px var(--color-action)}.feel-select[data-open] .feel-select-chevron{color:var(--color-action);transform:rotate(180deg)}.feel-select[data-invalid] .feel-select-trigger{border-color:var(--color-error)}.feel-select-trigger:is([data-disabled],:disabled){cursor:default;transform:none}.feel-select-popover{min-width:var(--trigger-width);background:var(--color-surface);border:1px solid var(--color-line-row);border-radius:calc(var(--radius-control) * 2);max-width:calc(100vw - 16px);box-shadow:var(--shadow-glass-card,0 16px 44px color-mix(in srgb, var(--color-text) 13%, transparent));transform-origin:top;--feel-pop-shift:-6px;overflow:hidden}.feel-select-popover[data-placement=top]{transform-origin:bottom;--feel-pop-shift:6px}.feel-select-popover[data-entering]{animation:feel-fade-in var(--feel-t-pop) var(--feel-ease-fade), feel-pop-in var(--feel-t-pop) var(--feel-ease-pop)}.feel-select-popover[data-exiting]{animation:feel-fade-out var(--feel-t-hover) var(--feel-ease-fade) forwards}.feel-select-list{max-height:inherit;padding:var(--spacing-4,4px);overscroll-behavior:contain;outline:none;display:block;overflow:auto}.feel-option{justify-content:space-between;align-items:center;gap:var(--spacing-12,12px);min-height:var(--size-touch-min,44px);padding:var(--spacing-8,8px) var(--spacing-12,12px);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--text-base,16px);line-height:var(--leading-tight-20,20px);cursor:default;transition:background-color var(--feel-t-hover) var(--feel-ease-fade);outline:none;display:flex}.feel-option-check{width:18px;height:18px;color:var(--color-action);visibility:hidden;flex-shrink:0}.feel-option[data-focused]{background:var(--color-soft)}.feel-option[data-focus-visible]{outline:2px solid var(--color-focus);outline-offset:-2px}.feel-option[data-pressed]{background:var(--color-accent-surface)}.feel-option[data-selected]{font-weight:var(--font-weight-semibold,600)}.feel-option[data-selected] .feel-option-check{visibility:visible}.feel-option[data-disabled]{color:var(--color-text-secondary-cockpit);background:0 0}.feel-line{display:block}}@layer utilities;@media (prefers-reduced-motion:no-preference) and (scripting:enabled){@layer components{.feel-reveal,.feel-line{--feel-d:var(--feel-t-line);transition:opacity var(--feel-d) var(--feel-ease-fade) calc(var(--feel-i,0) * var(--feel-stagger)), transform var(--feel-d) var(--feel-ease-rise) calc(var(--feel-i,0) * var(--feel-stagger))}.feel-reveal[data-pace=enter],.feel-lines[data-pace=enter] .feel-line{--feel-d:var(--feel-t-enter)}.feel-reveal:not([data-entered]),.feel-lines:not([data-entered]) .feel-line{opacity:0;transform:translateY(var(--feel-rise))}}}@keyframes feel-fade-in{0%{opacity:0}}@keyframes feel-pop-in{0%{transform:translateY(var(--feel-pop-shift)) scale(.98)}}@keyframes feel-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){@layer components{.feel-select-trigger,.feel-select-chevron,.feel-option{transition:none}.feel-select-popover:is([data-entering],[data-exiting]){animation:none}.feel-select-trigger[data-pressed]{transform:none}}}