@keyframes modal-enter{from{opacity:0;transform:scale(0.95) translateY(var(--motion-translate-base))}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-exit{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.95) translateY(calc(-1 * var(--motion-translate-base)))}}@keyframes glass-appear{from{opacity:0;backdrop-filter:blur(0);transform:scale(0.98)}to{opacity:1;backdrop-filter:blur(12px);transform:scale(1)}}@keyframes glass-disappear{from{opacity:1;backdrop-filter:blur(12px);transform:scale(1)}to{opacity:0;backdrop-filter:blur(0);transform:scale(0.98)}}@keyframes input-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes page-enter{from{opacity:0;transform:translateX(var(--motion-translate-medium))}to{opacity:1;transform:translateX(0)}}@keyframes page-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(-1 * var(--motion-translate-medium)))}}@layer components{.dropdown{--dropdown-width: 320px;--dropdown-height: 40px;--dropdown-trigger-height: 40px;--dropdown-trigger-padding-x: var(--space-unit-3);--dropdown-trigger-padding-y: 0;--dropdown-trigger-radius: var(--radius-md);--dropdown-trigger-gap: var(--space-unit-2);--dropdown-trigger-bg: var(--color-paper);--dropdown-trigger-fg: var(--text);--dropdown-menu-gap: var(--space-unit-2);--dropdown-font-size: var(--type-input-size);--dropdown-font-weight: var(--type-input-weight);--dropdown-line-height: var(--type-input-line-height);box-sizing:border-box;position:relative;display:inline-block;width:var(--dropdown-width);max-width:100%;font-family:var(--font-family-body);transition:opacity var(--motion-duration-swift) var(--motion-ease-soft-out)}.dropdown *,.dropdown *::before,.dropdown *::after{box-sizing:border-box}.dropdown__trigger{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--dropdown-trigger-height);padding:var(--dropdown-trigger-padding-y) var(--dropdown-trigger-padding-x);border:0;border-radius:var(--dropdown-trigger-radius);font-family:inherit;font-size:var(--dropdown-font-size);font-weight:var(--dropdown-font-weight);line-height:var(--dropdown-line-height);color:var(--dropdown-trigger-fg);text-align:left;cursor:pointer;user-select:none;background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:var(--elev-1-micro);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--dropdown-trigger-bg);transition:transform var(--motion-button-hover-duration) var(--motion-button-hover-easing),background var(--motion-button-hover-duration) var(--motion-button-hover-easing),box-shadow var(--motion-button-hover-duration) var(--motion-button-hover-easing),backdrop-filter var(--motion-glass-appear-duration) var(--motion-glass-appear-easing),-webkit-backdrop-filter var(--motion-glass-appear-duration) var(--motion-glass-appear-easing);will-change:backdrop-filter;transform:translateZ(0)}@supports (-webkit-mask: none) or (mask-composite: exclude){.dropdown__trigger{border-color:transparent}.dropdown__trigger::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.6) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--motion-duration-swift) var(--motion-ease-soft-out)}}.dropdown__trigger:hover:not(:disabled){background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--dropdown-trigger-bg);transform:translateY(calc(-1 * var(--motion-translate-micro))) var(--motion-scale-hover);box-shadow:var(--elev-2-micro)}.dropdown__trigger:hover:not(:disabled)::before{opacity:1}.dropdown__trigger:active:not(:disabled){transform:var(--motion-scale-press);transition-duration:var(--motion-button-press-duration);transition-timing-function:var(--motion-button-press-easing)}.dropdown__trigger:focus-visible{outline:2px solid color-mix(in oklab, white 35%, var(--color-primary));outline-offset:var(--space-unit-0_5);transition-duration:var(--motion-duration-swift)}.dropdown__trigger:focus-visible::before{opacity:1}.dropdown__trigger:disabled{cursor:not-allowed;opacity:0.6}.dropdown__trigger[aria-expanded="true"]{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:var(--elev-2-micro)}.dropdown__trigger[aria-expanded="true"]::before{opacity:1}.dropdown__trigger[aria-expanded="true"] .dropdown__chevron svg{transform:rotate(180deg)}.dropdown__trigger-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dropdown__trigger-content[data-placeholder="true"]{color:var(--text-placeholder)}.dropdown__icons{display:flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;flex-shrink:0}.dropdown__clear{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;background:none;border:none;color:var(--default-400);cursor:pointer;flex-shrink:0;opacity:0.8;transition:opacity var(--motion-duration-swift) var(--motion-ease-soft-out),color var(--motion-duration-swift) var(--motion-ease-soft-out),transform var(--motion-duration-swift) var(--motion-ease-soft-out)}.dropdown__clear svg{width:100%;height:100%;display:block}.dropdown__clear:hover{opacity:1;color:var(--text)}.dropdown__clear:active{transform:var(--motion-scale-press)}.dropdown__clear[hidden]{display:none !important}.dropdown__chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;min-height:16px;color:var(--text);flex-shrink:0}.dropdown__chevron svg{width:100%;height:100%;display:block;transition:transform var(--motion-duration-moderate) var(--motion-ease-soft-in-out)}.dropdown__menu{display:none !important}.qlunar-dropdown-menu.dropdown__menu{position:fixed;z-index:var(--z-dropdown-menu);pointer-events:auto;box-sizing:border-box;flex-direction:column;gap:2px;max-height:300px;padding:4px;border-radius:var(--radius-md);top:0;left:0;min-width:200px;background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border:1px solid rgba(255,255,255,0.2);box-shadow:var(--elev-2);overflow-y:auto;overflow-x:hidden;transition:opacity var(--motion-dropdown-open-duration) var(--motion-dropdown-open-easing),transform var(--motion-dropdown-open-duration) var(--motion-dropdown-open-easing);transform-origin:top center;display:none !important}.qlunar-dropdown-menu.dropdown__menu[data-state="open"]:not([hidden]){display:flex !important;animation:dropdown-fade-in var(--motion-dropdown-open-duration) var(--motion-dropdown-open-easing)}.qlunar-dropdown-menu.dropdown__menu[hidden]{display:none !important}@keyframes dropdown-fade-in{from{opacity:0;transform:translateY(-8px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-fade-in-up{from{opacity:0;transform:translateY(8px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown__menu[data-placement="top"][data-state="open"]{animation:dropdown-fade-in-up var(--motion-dropdown-open-duration) var(--motion-dropdown-open-easing)}.dropdown__search{position:sticky;top:0;z-index:10;width:100%;height:36px;padding:8px 12px;margin-bottom:4px;border:none;border-bottom:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md) var(--radius-md) 0 0;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--font-family-body);font-size:var(--type-input-size);font-weight:var(--type-input-weight);line-height:var(--type-input-line-height);color:var(--text);transition:background-color var(--motion-duration-swift) var(--motion-ease-soft-out),border-color var(--motion-duration-swift) var(--motion-ease-soft-out)}.dropdown__search::placeholder{color:var(--text-muted);opacity:1}.dropdown__search:focus{outline:none;background:rgba(255,255,255,0.15);border-bottom-color:rgba(255,255,255,0.2)}.dropdown__no-results{padding:16px 12px;text-align:center;color:var(--text-muted);font-size:var(--type-input-size);font-style:italic;user-select:none}.dropdown__option--highlighted{background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dropdown__option--highlighted:not([aria-selected="true"]){color:var(--color-primary)}.dropdown__match{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);color:var(--color-primary);font-weight:var(--font-weight-semibold);padding:0 2px;border-radius:2px}.dropdown__menu:has(.dropdown__search){padding-top:0}.dropdown__menu:has(.dropdown__search) .dropdown__option:first-of-type{margin-top:0}.dropdown__option{display:flex;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;user-select:none;font-family:inherit;font-size:var(--type-input-size);font-weight:var(--type-input-weight);line-height:var(--type-input-line-height);transition:background-color var(--motion-duration-swift) var(--motion-ease-soft-out),color var(--motion-duration-swift) var(--motion-ease-soft-out)}.dropdown__option:hover:not([aria-disabled="true"]){background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dropdown__option[aria-selected="true"]{background:rgba(255,255,255,0.1);color:var(--color-primary);font-weight:var(--font-weight-medium)}.dropdown__option[aria-disabled="true"]{cursor:not-allowed;color:var(--text-disabled);opacity:0.5}.dropdown__option:focus-visible{outline:2px solid var(--border-focus-primary);outline-offset:-2px}.dropdown--primary{--dropdown-trigger-bg: var(--color-paper)}.dropdown--primary .dropdown__trigger:focus-visible,.dropdown--primary .dropdown__trigger[aria-expanded="true"]{box-shadow:var(--elev-focus-primary)}.dropdown--primary .dropdown__option[aria-selected="true"]{color:var(--primary-600)}.dropdown--secondary{--dropdown-trigger-bg: var(--color-paper)}.dropdown--secondary .dropdown__trigger:focus-visible,.dropdown--secondary .dropdown__trigger[aria-expanded="true"]{box-shadow:var(--elev-focus-secondary)}.dropdown--secondary .dropdown__option[aria-selected="true"]{color:var(--secondary-700)}.dropdown--success{--dropdown-trigger-bg: var(--success-100)}.dropdown--success .dropdown__trigger:focus-visible,.dropdown--success .dropdown__trigger[aria-expanded="true"]{box-shadow:var(--elev-1-success)}.dropdown--success .dropdown__option[aria-selected="true"]{color:var(--success-600)}.dropdown--warning{--dropdown-trigger-bg: var(--warning-100)}.dropdown--warning .dropdown__trigger:focus-visible,.dropdown--warning .dropdown__trigger[aria-expanded="true"]{box-shadow:var(--elev-1-warning)}.dropdown--warning .dropdown__option[aria-selected="true"]{color:var(--warning-600)}.dropdown--danger{--dropdown-trigger-bg: var(--danger-100)}.dropdown--danger .dropdown__trigger:focus-visible,.dropdown--danger .dropdown__trigger[aria-expanded="true"]{box-shadow:var(--elev-1-danger)}.dropdown--danger .dropdown__option[aria-selected="true"]{color:var(--danger-600)}.dropdown--neutral{--dropdown-trigger-bg: var(--default-100)}.dropdown--sm{--dropdown-width: 240px;--dropdown-trigger-height: 32px;--dropdown-trigger-padding-x: var(--space-unit-2);--dropdown-font-size: var(--font-size-body-s)}.dropdown--sm .dropdown__clear,.dropdown--sm .dropdown__chevron{width:14px;height:14px;min-width:14px;min-height:14px}.dropdown--md{--dropdown-width: 320px;--dropdown-trigger-height: 40px;--dropdown-trigger-padding-x: var(--space-unit-3)}.dropdown--lg{--dropdown-width: 400px;--dropdown-trigger-height: 48px;--dropdown-trigger-padding-x: var(--space-unit-4);--dropdown-font-size: var(--font-size-body-l)}.dropdown--lg .dropdown__clear,.dropdown--lg .dropdown__chevron{width:18px;height:18px;min-width:18px;min-height:18px}.dropdown__menu[data-alignment="start"]{transform-origin:top left}.dropdown__menu[data-alignment="end"]{transform-origin:top right}.dropdown__menu[data-alignment="center"]{transform-origin:top center}.dropdown__menu[data-placement="top"][data-alignment="start"]{transform-origin:bottom left}.dropdown__menu[data-placement="top"][data-alignment="end"]{transform-origin:bottom right}.dropdown__menu[data-placement="top"][data-alignment="center"]{transform-origin:bottom center}.dropdown--disabled,.dropdown:has(.dropdown__trigger:disabled){opacity:0.6;pointer-events:none;cursor:not-allowed}.dropdown--disabled .dropdown__trigger,.dropdown:has(.dropdown__trigger:disabled) .dropdown__trigger{cursor:not-allowed;backdrop-filter:none;-webkit-backdrop-filter:none}@media (prefers-reduced-motion: reduce){.dropdown,.dropdown__trigger,.dropdown__trigger::before,.dropdown__menu,.dropdown__option,.dropdown__chevron svg{transition-duration:10ms !important;animation:none !important}}@media (prefers-contrast: high){.dropdown__trigger,.dropdown__menu{border:2px solid var(--border-2)}}.dropdown-showcase{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-unit-8);padding:var(--space-unit-10)}.dropdown-showcase__item{display:flex;flex-direction:column;gap:var(--space-unit-3)}.dropdown-showcase__label{font-size:var(--type-label-size);color:var(--text-secondary);font-weight:var(--type-label-weight)}.component-section{margin-bottom:var(--space-unit-15);margin-top:var(--space-unit-15)}.component-section__title{width:100%;color:var(--text);margin:0 0 var(--space-unit-6) 0;font-size:28px;font-weight:600;border-bottom:2px solid var(--border-0);padding-bottom:var(--space-unit-3)}.component-card--spaced{margin-bottom:var(--space-unit-10)}}

/*# sourceMappingURL=dropdown.css.map */