:root{--th-primary-color: rgb(var(--color-link));--th-primary-hover: rgb(var(--color-link));--th-text-color: rgb(var(--color-foreground));--th-text-muted: rgba(var(--color-foreground), .75);--th-border-color: rgba(var(--color-foreground), .08);--th-background: rgb(var(--color-background));--th-background-alt: rgba(var(--color-foreground), .04);--th-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));--th-shadow-hover: 0 4px 12px rgba(var(--color-shadow), .15);--th-border-radius: var(--border-radius);--th-transition: all var(--duration-medium) ease;--th-sidebar-width: 300px}.th-sort-dropdown{position:relative;display:inline-block}.th-sort-toggle{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;color:var(--th-text-color);display:flex;align-items:center;gap:.5rem;position:relative}.th-sort-toggle:hover .th-sort-toggle__title{color:var(--th-primary-color)}.th-sort-toggle__title{font-size:1.5rem;font-weight:600;color:var(--th-text-color);white-space:nowrap;transition:color .3s ease}.th-sort-toggle__icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1);color:var(--th-text-muted);width:20px;height:20px;transform:rotate(90deg)}.th-sort-dropdown.open .th-sort-toggle__icon{transform:rotate(0)}.th-sort-dropdown.closing .th-sort-toggle__icon{transition:transform .25s cubic-bezier(.4,0,.2,1);transform:rotate(90deg)}.th-sort-menu{position:absolute;top:calc(100% + 10px);right:0;width:280px;max-width:90vw;max-height:400px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--color-foreground),.08);border-radius:12px;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014;z-index:50;overflow-y:auto;overflow-x:hidden;padding:.75rem 0;display:none;transform-origin:top right}.th-sort-dropdown.open .th-sort-menu{display:block;animation:dropdownOpen .3s cubic-bezier(.34,1.56,.64,1) forwards}.th-sort-dropdown.closing .th-sort-menu{display:block!important;animation:dropdownClose .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes dropdownOpen{0%{transform:scale(.95) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes dropdownClose{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.95) translateY(-10px);opacity:0}}.th-sort-option{width:100%;padding:.75rem 1.25rem;margin:0 .5rem;width:calc(100% - 1rem);border:none;background:transparent;text-align:left;cursor:pointer;color:var(--th-text-color);font-size:1.3rem;font-weight:500;transition:background 0s,transform 0s,box-shadow 0s;display:flex;align-items:center;justify-content:space-between;position:relative;white-space:nowrap;opacity:0;transform:translate(20px)}.th-sort-dropdown[aria-expanded=true] .th-sort-option{opacity:1;transform:translate(0);transition:opacity .3s ease,transform .3s ease}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(1){transition-delay:.05s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(2){transition-delay:.1s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(3){transition-delay:.15s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(4){transition-delay:.2s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(5){transition-delay:.25s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(6){transition-delay:.3s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(7){transition-delay:.35s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(8){transition-delay:.4s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(9){transition-delay:.45s}.th-sort-dropdown[aria-expanded=true] .th-sort-option:nth-child(10){transition-delay:.5s}.th-sort-option:hover{background:rgba(var(--color-foreground),.06);transform:translate(0)}.th-sort-option--active{background:linear-gradient(135deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.05));font-weight:600;color:var(--th-primary-color);border-left:3px solid var(--th-primary-color);padding-left:calc(1.25rem - 3px)}.th-sort-option--active svg{color:var(--th-primary-color);animation:checkMark .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkMark{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}.th-sort-option:not(:last-child):after{content:"";position:absolute;bottom:0;left:1.25rem;right:1.25rem;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.08),transparent)}@media screen and (max-width: 768px){.th-sort-toggle__title{font-size:1.5rem}.th-sort-toggle__icon{width:18px;height:18px}.th-sort-menu{width:280px;max-width:calc(100vw - 2rem);right:1rem}.th-sort-option{font-size:1.2rem;padding:.875rem 1.25rem}}@media screen and (max-width: 480px){.th-sort-toggle__title{font-size:1.4rem}.th-sort-menu{width:260px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/th-sort-dropdown.css.map */