.sort-dropdown{position:relative}.sort-dropdown button{margin-left:0}.sort-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:rgb(var(--color-foreground));font-size:1.4rem;cursor:pointer;list-style:none;padding:1rem 1.5rem;margin:0;border:.1rem solid rgba(var(--color-foreground),.2);transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.sort-dropdown__trigger::-webkit-details-marker{display:none}.sort-dropdown__trigger .icon-caret{position:static;height:.6rem}.sort-dropdown[open] .sort-dropdown__trigger,.sort-dropdown__trigger:hover{border-color:rgba(var(--color-foreground),.5);background-color:rgba(var(--color-foreground),.02)}.sort-dropdown[open]>.sort-dropdown__trigger:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:block;cursor:default;content:" ";background:transparent}.sort-dropdown__trigger:before{display:none}.sort-dropdown__panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:3;width:max-content;min-width:18rem;background-color:rgb(var(--color-background));border-width:var(--popup-border-width);border-style:solid;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));overflow:hidden}.sort-dropdown[open] .sort-dropdown__panel{animation:animateMenuOpen var(--duration-default) ease}.sort-dropdown__list{padding:.5rem 0;margin:0;list-style:none}.sort-dropdown__item{list-style:none}.sort-dropdown__option{display:block;width:100%;padding:.6rem 1.2rem;font-size:1.4rem;line-height:calc(1 + .3 / var(--font-body-scale));color:rgba(var(--color-foreground),.75);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;white-space:nowrap;transition:color var(--duration-short) ease,background-color var(--duration-short) ease}.sort-dropdown__option:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.sort-dropdown__option--active{color:rgb(var(--color-foreground));font-weight:600}.sort-dropdown__option:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-sort-dropdown.css.map */