omri-dropdown{display:block;min-width:0;position:relative}omri-dropdown [data-dropdown-trigger]{display:none}omri-dropdown[data-enhanced] [data-dropdown-native]{display:none}omri-dropdown[data-enhanced] [data-dropdown-trigger]{display:flex}omri-dropdown[data-variant=compact]{display:block}omri-dropdown[data-variant=compact]:not([data-enhanced]) [data-dropdown-trigger]{display:flex;pointer-events:none}omri-dropdown[data-variant=compact]:not([data-enhanced]) [data-dropdown-native]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font:inherit;font-size:16px}omri-dropdown[data-variant=compact]:not([data-enhanced]) [data-dropdown-native]:focus-visible~[data-dropdown-trigger]{outline:2px solid var(--oc-c,var(--omri-ink,#67645E));outline-offset:6px}omri-dropdown:not([data-variant=compact]) [data-dropdown-native],.omri-dropdown-trigger{box-sizing:border-box;width:100%;height:56px;min-height:56px;margin:0;padding:14px 16px;border:1px solid #86868B;border-radius:12px;background:var(--omri-dropdown-field-bg,rgba(255,255,255,.8));color:var(--omri-ink-strong,#4F4F52);font:inherit;font-size:17px;line-height:22px;font-weight:400;text-align:left}.omri-dropdown-trigger{appearance:none;-webkit-appearance:none;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color .125s ease-in,box-shadow .125s ease-in}.omri-dropdown-trigger svg{flex:none;transition:transform .3s ease-in-out}.omri-dropdown-value{min-width:0}.omri-dropdown-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.omri-dropdown-trigger:focus-visible,.omri-dropdown-trigger[aria-expanded=true]{outline:none;border-color:var(--omri-step-active,#D7B8C1);box-shadow:inset 0 0 0 1px var(--omri-step-active,#D7B8C1)}omri-dropdown [data-dropdown-native].is-invalid~.omri-dropdown-trigger{border-color:var(--omri-error,#A95F5F);box-shadow:none}.omri-dropdown-trigger:disabled{opacity:.6;cursor:default}.omri-dropdown-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483020;pointer-events:none;font-family:var(--omri-dropdown-font,var(--font-body-family,sans-serif));font-style:var(--omri-dropdown-font-style,normal);font-synthesis:none;color:var(--omri-dropdown-ink,#4F4F52)}.omri-dropdown-layer[hidden]{display:none}.omri-dropdown-layer *,.omri-dropdown-layer *:before,.omri-dropdown-layer *:after{box-sizing:border-box}.omri-dropdown-panel{position:fixed;overflow:clip;outline:none;pointer-events:auto;border:0;border-radius:10px;background:#f1f0edcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #00000040;filter:drop-shadow(0 4px 52px rgba(0,0,0,.18));height:0;transition:height .7s cubic-bezier(.76,0,.24,1)}.omri-dropdown-content{position:relative;padding:48px 8px 8px}.omri-dropdown-layer .omri-dropdown-close{--omri-close-size:18px;position:absolute;top:3px;right:3px;z-index:1}.omri-dropdown-layer[data-mode=desktop][data-variant=field] .omri-dropdown-close{display:none}.omri-dropdown-layer[data-mode=desktop][data-variant=field] .omri-dropdown-content{padding:8px}.omri-dropdown-list{margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;outline:none}.omri-dropdown-option{display:flex;align-items:center;min-height:48px;margin:0;padding:12px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:400;line-height:22.4px;letter-spacing:normal;text-align:left;text-transform:none;cursor:pointer;transition:background-color .3s ease-in-out}.omri-dropdown-option:hover,.omri-dropdown-option.is-focused,.omri-dropdown-option[aria-selected=true]{background:#fffffeb3}.omri-dropdown-option[aria-selected=true]{font-weight:700;transition:none}.omri-dropdown-layer[data-input=keyboard] .omri-dropdown-option.is-focused{outline:1px solid rgba(79,79,82,.55);outline-offset:-1px}.omri-dropdown-backdrop{display:none}.omri-dropdown-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.omri-dropdown-layer[data-mode=mobile] .omri-dropdown-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;opacity:0;pointer-events:auto;transition:opacity .3s ease-in-out}.omri-dropdown-layer[data-mode=mobile].is-open .omri-dropdown-backdrop{opacity:1}.omri-dropdown-layer[data-mode=mobile] .omri-dropdown-panel{top:auto;right:0;bottom:0;left:0;width:100%;height:auto;border-radius:10px 10px 0 0;transform:translateY(100%);transition:transform .7s cubic-bezier(.76,0,.24,1)}.omri-dropdown-layer[data-mode=mobile].is-open .omri-dropdown-panel{transform:translateY(0)}.omri-dropdown-layer[data-mode=mobile] .omri-dropdown-content{padding:48px 32px calc(16px + env(safe-area-inset-bottom,0px))}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.omri-dropdown-panel{background:#f1f0ed}}@media(prefers-reduced-motion:reduce){.omri-dropdown-trigger,.omri-dropdown-trigger svg,.omri-dropdown-panel,.omri-dropdown-layer[data-mode=mobile] .omri-dropdown-panel,.omri-dropdown-backdrop,.omri-dropdown-option{transition:none}}@media(forced-colors:active){.omri-dropdown-panel{border:1px solid CanvasText;background:Canvas}.omri-dropdown-option[aria-selected=true]{outline:2px solid Highlight;outline-offset:-2px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/omri-dropdown.css.map */