.dropdown-menu{--dropdown-label-normal: #121213;--dropdown-label-neutral: #585b64;--dropdown-label-alternative: #828692;--dropdown-primary: #0066ff;--dropdown-line-normal: rgba(106, 109, 118, .4);--dropdown-line-medium: rgba(106, 109, 118, .16);--dropdown-fill-strong: rgba(106, 109, 118, .16);--dropdown-interaction-light: rgba(18, 18, 19, .09);--dropdown-scrollbar-thumb: #c2c6d2;--dropdown-font: var(--font-kit-family);position:relative;display:inline-flex}.dropdown-menu>details{position:relative}.dropdown-menu__trigger{display:inline-flex;align-items:center;gap:.4rem;width:auto;max-width:38rem;height:3.8rem;padding-inline:1.6rem;background:none;border-radius:999px;border:1px solid var(--dropdown-line-normal);font-family:var(--dropdown-font);font-size:1.4rem;font-weight:600;color:var(--dropdown-label-normal);cursor:pointer;list-style:none}.dropdown-menu__trigger::-webkit-details-marker{display:none}.dropdown-menu__icon{width:2rem;height:2rem;flex-shrink:0;transition:transform .15s ease}.dropdown-menu>details[open] .dropdown-menu__icon{transform:rotate(180deg)}.dropdown-menu__list{position:absolute;top:calc(100% + .4rem);right:0;z-index:5;display:flex;flex-direction:column;gap:.4rem;min-width:100%;width:max-content;max-width:32rem;margin:0;padding:.4rem 0;list-style:none;background:rgb(var(--color-background));border:1px solid var(--dropdown-line-medium);border-radius:.8rem;box-shadow:0 0 .1rem #12121314,0 .1rem .4rem #12121314,0 .2rem .8rem #1212131f}.dropdown-menu__list:focus:not(:focus-visible){outline:none}.dropdown-menu__option{display:flex;align-items:center;width:100%;height:3.6rem;padding-inline:1.2rem;background:none;border:none;font-family:var(--dropdown-font);font-size:1.6rem;font-weight:400;letter-spacing:-.025rem;color:var(--dropdown-label-neutral);text-align:left;text-decoration:none;cursor:pointer;white-space:nowrap}.dropdown-menu__option:hover{background-color:#1212130a}.dropdown-menu__option--selected{font-weight:600;color:var(--dropdown-primary)}.dropdown-menu__option-label{flex:1 0 0;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu--field{display:flex;width:100%}.dropdown-menu--field>details{width:100%}.dropdown-menu--field .dropdown-menu__trigger{box-sizing:border-box;justify-content:space-between;width:100%;max-width:none;height:4.8rem;padding-inline:1.6rem .6rem;background:rgb(var(--color-background));border-radius:.8rem;font-size:1.6rem;font-weight:400;line-height:1.3;letter-spacing:-.025rem}.dropdown-menu--field .dropdown-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu--field .dropdown-menu__label--placeholder{color:var(--dropdown-label-alternative)}.dropdown-menu--field .dropdown-menu__icon{width:2.4rem;height:2.4rem;margin:.8rem;color:var(--dropdown-label-alternative)}.dropdown-menu--field .dropdown-menu__list{box-sizing:border-box;right:auto;left:0;min-width:100%;max-width:42rem;max-height:42.8rem;overflow-x:hidden;overflow-y:auto}.dropdown-menu--field .dropdown-menu__option{box-sizing:border-box;color:var(--dropdown-label-normal)}.dropdown-menu--field .dropdown-menu__option--selected{color:var(--dropdown-primary)}.dropdown-menu--sheet .dropdown-menu__list{position:static;z-index:auto;box-sizing:border-box;width:100%;min-width:0;max-width:none;max-height:none;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.dropdown-menu--sheet .dropdown-menu__sheet{position:fixed;inset:auto 0 0;z-index:1001;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.8rem;max-height:80vh;max-height:80dvh;padding:.8rem 1.6rem 4.8rem;background:rgb(var(--color-background));border-radius:1.6rem 1.6rem 0 0;animation:dropdown-sheet-in .24s cubic-bezier(.16,1,.3,1)}.dropdown-menu__sheet:focus:not(:focus-visible){outline:none}.dropdown-menu--sheet .dropdown-menu__handlebar,.dropdown-menu--sheet .dropdown-menu__sheet-header{touch-action:none}.dropdown-menu--sheet .dropdown-menu__handlebar{flex-shrink:0;width:4.8rem;height:.4rem;border-radius:999px;background:var(--dropdown-fill-strong)}.dropdown-menu--sheet .dropdown-menu__sheet-header{box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;gap:.6rem;width:100%;height:4rem;padding-left:.8rem}.dropdown-menu--sheet .dropdown-menu__sheet-title{margin:0;overflow:hidden;font-family:var(--dropdown-font);font-size:1.8rem;font-weight:700;line-height:1.3;letter-spacing:-.01rem;color:var(--dropdown-label-normal);text-overflow:ellipsis;white-space:nowrap}.dropdown-menu--sheet .dropdown-menu__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;width:100%;padding:0;border:0;background:rgba(var(--color-foreground),.5);cursor:default;animation:dropdown-sheet-scrim-in .24s ease}.dropdown-menu--sheet .dropdown-menu__list{flex:0 1 auto;min-height:0;gap:.8rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.dropdown-menu--sheet .dropdown-menu__option{box-sizing:border-box;gap:.6rem;height:4.4rem;padding-inline:.8rem;font-size:1.6rem;font-weight:400;line-height:1.3;letter-spacing:-.025rem;color:var(--dropdown-label-normal)}.dropdown-menu--sheet .dropdown-menu__option:hover,.dropdown-menu--sheet .dropdown-menu__option:active{background-color:var(--dropdown-interaction-light)}.dropdown-menu--sheet .dropdown-menu__option--selected{font-weight:600;color:var(--dropdown-primary)}@keyframes dropdown-sheet-in{0%{transform:translateY(100%)}}@keyframes dropdown-sheet-scrim-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.dropdown-menu--sheet .dropdown-menu__sheet,.dropdown-menu--sheet .dropdown-menu__scrim{animation:none}}@media screen and (min-width:1280px){.dropdown-menu--sheet .dropdown-menu__sheet{position:absolute;inset:calc(100% + .4rem) auto auto 0;z-index:5;align-items:stretch;gap:0;width:max-content;min-width:100%;max-width:42rem;max-height:42.8rem;overflow-x:hidden;overflow-y:auto;padding:.4rem 0;border:1px solid var(--dropdown-line-medium);border-radius:.8rem;box-shadow:0 0 .1rem #12121314,0 .1rem .4rem #12121314,0 .2rem .8rem #1212131f;touch-action:auto;animation:none}.dropdown-menu--sheet .dropdown-menu__handlebar,.dropdown-menu--sheet .dropdown-menu__sheet-header,.dropdown-menu--sheet .dropdown-menu__scrim{display:none}.dropdown-menu--sheet .dropdown-menu__list{gap:.4rem;overflow:visible}.dropdown-menu--sheet .dropdown-menu__option{height:3.6rem;padding-inline:1.2rem}.dropdown-menu--sheet .dropdown-menu__option:hover,.dropdown-menu--sheet .dropdown-menu__option:active{background-color:#1212130a}}.dropdown-menu--sheet .dropdown-menu__sheet::-webkit-scrollbar,.dropdown-menu--field .dropdown-menu__list::-webkit-scrollbar{width:.6rem}.dropdown-menu--sheet .dropdown-menu__sheet::-webkit-scrollbar-track,.dropdown-menu--field .dropdown-menu__list::-webkit-scrollbar-track{margin-block:.4rem;background:transparent}.dropdown-menu--sheet .dropdown-menu__sheet::-webkit-scrollbar-thumb,.dropdown-menu--field .dropdown-menu__list::-webkit-scrollbar-thumb{border-right:.2rem solid transparent;border-radius:999px;background-color:var(--dropdown-scrollbar-thumb);background-clip:padding-box}@supports not selector(::-webkit-scrollbar){.dropdown-menu--sheet .dropdown-menu__sheet,.dropdown-menu--field .dropdown-menu__list{scrollbar-width:thin;scrollbar-color:var(--dropdown-scrollbar-thumb) transparent}}.dropdown-menu--sheet .dropdown-menu__list{scrollbar-width:none}.dropdown-menu--sheet .dropdown-menu__list::-webkit-scrollbar{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-dropdown-menu.css.map */