@layer components{.inline-dropdown{--inline-dropdown-width: 320px;--inline-dropdown-height: 40px;--inline-dropdown-gap: var(--space-unit-2);--inline-dropdown-inner-gap: var(--space-unit-2);--inline-dropdown-padding: var(--space-unit-2);--inline-dropdown-menu-gap: var(--space-unit-2);box-sizing:border-box;--inline-dropdown-label-size: var(--type-label-size);--inline-dropdown-label-weight: var(--type-label-weight);--inline-dropdown-label-color: var(--text);--inline-dropdown-label-line-height: var(--type-label-line-height);--inline-dropdown-btn-bg: var(--tertiary-100);--inline-dropdown-btn-fg: var(--text);--inline-dropdown-btn-radius: var(--radius-md);--inline-dropdown-btn-padding-x: var(--space-unit-3);--inline-dropdown-btn-padding-y: var(--space-unit-2);--inline-dropdown-btn-gap: var(--space-unit-1);--inline-dropdown-btn-height: max(16px, calc(var(--inline-dropdown-height) - 16px));--inline-dropdown-stepper-bg: var(--inline-dropdown-btn-bg);--inline-dropdown-stepper-fg: var(--inline-dropdown-btn-fg);--inline-dropdown-stepper-radius: var(--inline-dropdown-btn-radius);--inline-dropdown-stepper-height: var(--inline-dropdown-btn-height);--inline-dropdown-input-color: var(--text);--inline-dropdown-input-placeholder-color: var(--text-muted);--inline-dropdown-input-size: var(--type-input-size);--inline-dropdown-input-weight: var(--type-input-weight);--inline-dropdown-input-line-height: var(--type-input-line-height);--inline-dropdown-surface-bg: var(--surface-glass-ghost);--inline-dropdown-surface-radius: var(--radius-md);--inline-dropdown-surface-blur: 8px;--inline-dropdown-surface-saturation: 200%;--inline-dropdown-surface-brightness: 105%;--inline-dropdown-surface-border-gradient: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.3) 50%,
      rgba(255, 255, 255, 0.6) 100%
    );--inline-dropdown-surface-shadow: var(--elev-glass-surface);position:relative;display:inline-flex;flex-direction:column;gap:var(--inline-dropdown-gap);width:var(--inline-dropdown-width);max-width:100%;font-family:var(--font-family-body);transition:opacity var(--motion-duration-swift) var(--motion-ease-soft-out)}.inline-dropdown *,.inline-dropdown *::before,.inline-dropdown *::after{box-sizing:border-box}.inline-dropdown__label{display:block;font-size:var(--inline-dropdown-label-size);font-weight:var(--inline-dropdown-label-weight);line-height:var(--inline-dropdown-label-line-height);color:var(--inline-dropdown-label-color);cursor:pointer;user-select:none;transition:color var(--motion-duration-swift) var(--motion-ease-soft-out)}.inline-dropdown__surface{position:relative;display:flex;align-items:center;gap:var(--inline-dropdown-inner-gap);width:100%;height:var(--inline-dropdown-height);padding:var(--inline-dropdown-padding);border-radius:var(--inline-dropdown-surface-radius);box-sizing:border-box;border:0;background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(var(--inline-dropdown-surface-blur)) saturate(var(--inline-dropdown-surface-saturation)) brightness(var(--inline-dropdown-surface-brightness));-webkit-backdrop-filter:blur(var(--inline-dropdown-surface-blur)) saturate(var(--inline-dropdown-surface-saturation)) brightness(var(--inline-dropdown-surface-brightness));box-shadow:var(--inline-dropdown-surface-shadow);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--inline-dropdown-surface-bg);transition: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){.inline-dropdown__surface{border-color:transparent}.inline-dropdown__surface::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--inline-dropdown-surface-border-gradient);-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.6;transition:opacity var(--motion-duration-swift) var(--motion-ease-soft-out)}}.inline-dropdown__surface:focus-within::before{opacity:1}.inline-dropdown__dropdown{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--inline-dropdown-btn-gap);padding:var(--inline-dropdown-btn-padding-y) var(--inline-dropdown-btn-padding-x);border-radius:var(--inline-dropdown-btn-radius);border:0;cursor:pointer;height:var(--inline-dropdown-btn-height);max-width:144px;flex-shrink:0;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(--inline-dropdown-btn-fg);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-0);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--inline-dropdown-btn-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)}@supports (-webkit-mask: none) or (mask-composite: exclude){.inline-dropdown__dropdown{border-color:transparent}.inline-dropdown__dropdown::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)}}.inline-dropdown__dropdown:hover{background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--inline-dropdown-btn-bg);transform:translateY(calc(-1 * var(--motion-translate-micro))) var(--motion-scale-hover);box-shadow:var(--elev-1-micro)}.inline-dropdown__dropdown:hover::before{opacity:1}.inline-dropdown__dropdown:active{transform:var(--motion-scale-press);transition-duration:var(--motion-button-press-duration);transition-timing-function:var(--motion-button-press-easing)}.inline-dropdown__dropdown: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)}.inline-dropdown__dropdown-content{display:flex;align-items:center;gap:var(--inline-dropdown-btn-gap);position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.inline-dropdown__chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;flex-shrink:0;position:relative;z-index:2;margin-left:auto}.inline-dropdown__chevron svg{width:100%;height:100%;transition:transform var(--motion-duration-moderate) var(--motion-ease-soft-in-out)}.inline-dropdown__dropdown[aria-expanded="true"] .inline-dropdown__chevron svg{transform:rotate(180deg)}.inline-dropdown__input{flex:1;min-width:0;height:var(--inline-dropdown-btn-height);border:none;outline:none;background:transparent;padding:0;padding-left:var(--space-unit-3);font-family:var(--font-family-body);font-size:var(--inline-dropdown-input-size);font-weight:var(--inline-dropdown-input-weight);line-height:var(--inline-dropdown-input-line-height);color:var(--inline-dropdown-input-color);transition:color var(--motion-duration-swift) var(--motion-ease-soft-out)}.inline-dropdown__input::placeholder{color:var(--inline-dropdown-input-placeholder-color);opacity:1}.inline-dropdown__input:focus{outline:none;box-shadow:none;border:none}.inline-dropdown__dropdown--horizontal{flex-direction:row}.inline-dropdown__dropdown--vertical{flex-direction:column;gap:var(--space-unit-0_5)}.inline-dropdown__dropdown--reverse{flex-direction:row-reverse}.inline-dropdown__dropdown--vertical.inline-dropdown__dropdown--reverse{flex-direction:column-reverse}.inline-dropdown__dropdown--flat{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--inline-dropdown-btn-bg);box-shadow:none;border:1px solid var(--border-1)}.inline-dropdown__dropdown--flat::before{display:none}.inline-dropdown__dropdown--flat:hover{background:color-mix(in oklab, var(--inline-dropdown-btn-bg) 90%, black 10%);box-shadow:var(--elev-1);backdrop-filter:none;-webkit-backdrop-filter:none}.inline-dropdown__surface--flat{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface-1);box-shadow:var(--elev-1);border:1px solid var(--border-0)}.inline-dropdown__surface--flat::before{display:none}.inline-dropdown--primary{--inline-dropdown-btn-bg: var(--primary-100)}.inline-dropdown--secondary{--inline-dropdown-btn-bg: var(--secondary-100)}.inline-dropdown--success{--inline-dropdown-btn-bg: var(--success-100)}.inline-dropdown--warning{--inline-dropdown-btn-bg: var(--warning-100)}.inline-dropdown--danger{--inline-dropdown-btn-bg: var(--danger-100)}.inline-dropdown--neutral{--inline-dropdown-btn-bg: var(--default-100)}.inline-dropdown--sm{--inline-dropdown-width: 240px;--inline-dropdown-height: 32px;--inline-dropdown-padding: var(--space-unit-1);--inline-dropdown-btn-padding-x: var(--space-unit-2);--inline-dropdown-btn-padding-y: var(--space-unit-1);--inline-dropdown-input-size: var(--font-size-body-s)}.inline-dropdown--md{--inline-dropdown-width: 320px;--inline-dropdown-height: 40px;--inline-dropdown-padding: var(--space-unit-2)}.inline-dropdown--lg{--inline-dropdown-width: 400px;--inline-dropdown-height: 48px;--inline-dropdown-padding: var(--space-unit-2);--inline-dropdown-btn-padding-x: var(--space-unit-4);--inline-dropdown-btn-padding-y: var(--space-unit-2_5);--inline-dropdown-input-size: var(--font-size-body-l)}.inline-dropdown--disabled,.inline-dropdown:has(.inline-dropdown__input:disabled){opacity:0.6;pointer-events:none;cursor:not-allowed}.inline-dropdown--disabled .inline-dropdown__dropdown,.inline-dropdown:has(.inline-dropdown__input:disabled) .inline-dropdown__dropdown{cursor:not-allowed;backdrop-filter:none;-webkit-backdrop-filter:none}.inline-dropdown--disabled .inline-dropdown__input,.inline-dropdown:has(.inline-dropdown__input:disabled) .inline-dropdown__input{cursor:not-allowed}.inline-dropdown--error .inline-dropdown__surface{--inline-dropdown-surface-border-gradient: linear-gradient(
        135deg,
        var(--danger-300) 0%,
        var(--danger-500) 50%,
        var(--danger-300) 100%
      )}.inline-dropdown--error .inline-dropdown__surface::before{opacity:1}.inline-dropdown--error .inline-dropdown__label{color:var(--danger-600)}.inline-dropdown__stepper{flex:1;min-width:0;height:var(--inline-dropdown-stepper-height);display:flex;align-items:center;gap:0;border-radius:0}.inline-dropdown__stepper .inline-dropdown__stepper-input{flex:1;min-width:0;height:var(--inline-dropdown-btn-height);border:none;outline:none;background:transparent;padding:0 var(--space-unit-2);text-align:center;font-family:var(--font-family-body);font-size:var(--inline-dropdown-input-size);font-weight:var(--inline-dropdown-input-weight);line-height:var(--inline-dropdown-input-line-height);color:var(--inline-dropdown-input-color);-moz-appearance:textfield;appearance:textfield;transition:color var(--motion-duration-swift) var(--motion-ease-soft-out)}.inline-dropdown__stepper .inline-dropdown__stepper-input::-webkit-outer-spin-button,.inline-dropdown__stepper .inline-dropdown__stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inline-dropdown__stepper .inline-dropdown__stepper-input:focus{outline:none;box-shadow:none}.inline-dropdown__stepper .inline-dropdown__stepper-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:32px;height:var(--inline-dropdown-btn-height);padding:0 var(--space-unit-2);border:0;cursor:pointer;flex-shrink:0;font-family:var(--font-family-body);font-size:var(--type-input-size);color:var(--inline-dropdown-stepper-fg);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-0);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--inline-dropdown-stepper-bg);border-radius:0;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)}@supports (-webkit-mask: none) or (mask-composite: exclude){.inline-dropdown__stepper .inline-dropdown__stepper-btn::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)}}.inline-dropdown__stepper .inline-dropdown__stepper-btn svg{width:16px;height:16px;position:relative;z-index:2}.inline-dropdown__stepper .inline-dropdown__stepper-btn::after{content:attr(data-action);font-size:18px;font-weight:600;line-height:1;position:relative;z-index:2}.inline-dropdown__stepper .inline-dropdown__stepper-btn:has(svg)::after{display:none}.inline-dropdown__stepper .inline-dropdown__stepper-btn:not(:has(svg))::after{display:block}.inline-dropdown__stepper .inline-dropdown__stepper-btn:hover{background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--inline-dropdown-stepper-bg);transform:translateY(calc(-1 * var(--motion-translate-micro))) var(--motion-scale-hover);box-shadow:var(--elev-1-micro)}.inline-dropdown__stepper .inline-dropdown__stepper-btn:hover::before{opacity:1}.inline-dropdown__stepper .inline-dropdown__stepper-btn:active{transform:var(--motion-scale-press);transition-duration:var(--motion-button-press-duration);transition-timing-function:var(--motion-button-press-easing)}.inline-dropdown__stepper .inline-dropdown__stepper-btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.inline-dropdown__stepper .inline-dropdown__stepper-btn--decrement{border-radius:var(--inline-dropdown-stepper-radius) 0 0 var(--inline-dropdown-stepper-radius)}.inline-dropdown__stepper .inline-dropdown__stepper-btn--increment{border-radius:0 var(--inline-dropdown-stepper-radius) var(--inline-dropdown-stepper-radius) 0}.inline-dropdown__stepper--flat .inline-dropdown__stepper-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--inline-dropdown-stepper-bg);box-shadow:none;border:1px solid var(--border-1)}.inline-dropdown__stepper--flat .inline-dropdown__stepper-btn::before{display:none}.inline-dropdown__stepper--flat .inline-dropdown__stepper-btn:hover{background:color-mix(in oklab, var(--inline-dropdown-stepper-bg) 90%, black 10%);box-shadow:var(--elev-1);backdrop-filter:none;-webkit-backdrop-filter:none}.inline-dropdown__menu{display:none !important}.qlunar-dropdown-menu.inline-dropdown__menu{position:fixed;z-index:var(--z-dropdown-menu);box-sizing:border-box;flex-direction:column;gap:var(--space-unit-3);max-height:300px;padding:var(--space-unit-2) !important;border-radius:var(--radius-md);top:0;left:0;min-width:200px;background:var(--glass-bg, rgba(255,255,255,0.2));backdrop-filter:blur(10px) saturate(120%) brightness(105%);-webkit-backdrop-filter:blur(10px) saturate(120%) brightness(105%);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.inline-dropdown__menu[data-state="visible"]:not([hidden]),.qlunar-dropdown-menu.inline-dropdown__menu[data-state="open"]:not([hidden]){display:flex !important;animation:inline-dropdown-fade-in var(--motion-dropdown-open-duration) var(--motion-dropdown-open-easing)}.qlunar-dropdown-menu.inline-dropdown__menu[hidden]{display:none !important}.qlunar-dropdown-menu.inline-dropdown__menu--up{transform-origin:bottom center}.inline-dropdown--menu-up .inline-dropdown__menu[data-state="open"]{animation:inline-dropdown-fade-in-up var(--motion-dropdown-open-duration) var(--motion-dropdown-open-easing)}@keyframes inline-dropdown-fade-in{from{opacity:0;transform:translateY(-8px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes inline-dropdown-fade-in-up{from{opacity:0;transform:translateY(8px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.inline-dropdown__option{display:flex;align-items:center;gap:var(--space-unit-2);padding:var(--space-unit-2) var(--space-unit-3);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;user-select:none;box-sizing:border-box;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)}.inline-dropdown__option:hover:not([aria-disabled="true"]){background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.inline-dropdown__option[aria-selected="true"]{background:rgba(255,255,255,0.1);color:var(--color-primary);font-weight:var(--font-weight-medium)}.inline-dropdown__option[aria-disabled="true"]{cursor:not-allowed;color:var(--text-disabled);opacity:0.5}.inline-dropdown__option:focus-visible{outline:2px solid var(--border-focus-primary);outline-offset:-2px}.inline-dropdown__option-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;color:currentColor}.inline-dropdown__option-icon svg{width:100%;height:100%;display:block}.inline-dropdown__dropdown-content .inline-dropdown__option-icon{width:16px;height:16px;min-width:16px;min-height:16px}.inline-dropdown__option-leading{margin-right:auto}.inline-dropdown__option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-dropdown__option-code{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:var(--radius-xs);background:rgba(255,255,255,0.1);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);flex-shrink:0}@media (prefers-reduced-motion: reduce){.inline-dropdown,.inline-dropdown__surface,.inline-dropdown__surface::before,.inline-dropdown__dropdown,.inline-dropdown__dropdown::before,.inline-dropdown__chevron svg,.inline-dropdown__stepper-btn,.inline-dropdown__stepper-btn::before,.inline-dropdown__menu,.inline-dropdown__option{transition-duration:10ms !important;animation:none !important}}@media (prefers-contrast: high){.inline-dropdown__surface,.inline-dropdown__dropdown,.inline-dropdown__stepper-btn,.inline-dropdown__menu{border:2px solid var(--border-2)}}.inline-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)}.inline-dropdown__search::placeholder{color:var(--text-muted);opacity:1}.inline-dropdown__search:focus{outline:none;background:rgba(255,255,255,0.15);border-bottom-color:rgba(255,255,255,0.2)}.inline-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}.inline-dropdown__option--highlighted{background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.inline-dropdown__option--highlighted:not([aria-selected="true"]){color:var(--color-primary)}.inline-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}.inline-dropdown__menu:has(.inline-dropdown__search){padding-top:0}.inline-dropdown__menu:has(.inline-dropdown__search) .inline-dropdown__option:first-of-type{margin-top:0}}

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