.ethos-sort{--ethos-sort-brand: var(--color-brand)}.ethos-sort__panel[hidden],.ethos-sort__overlay[hidden]{display:none}.ethos-sort--desktop{position:relative;display:inline-flex}.collection-breadcrumb__sort{display:inline-flex;flex-shrink:0}.ethos-sort__trigger{display:inline-flex;align-items:center;gap:.85rem;padding:.85rem 1.5rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.18);border-radius:0;font-size:1.2rem;font-weight:500;letter-spacing:.02em;color:rgb(var(--color-foreground));line-height:1;cursor:pointer;transition:border-color .2s ease,background .2s ease}.ethos-sort__trigger:hover,.ethos-sort.is-open .ethos-sort__trigger{border-color:rgb(var(--color-brand));background:rgba(var(--color-brand),.04)}.ethos-sort__icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:rgba(var(--color-foreground),.45);transition:color .2s ease}.ethos-sort__trigger-prefix{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--color-foreground),.4);white-space:nowrap}.ethos-sort__trigger-label{font-weight:600;color:rgb(var(--color-foreground));white-space:nowrap;transition:color .2s ease}.ethos-sort__caret{width:1rem;height:1rem;margin-left:.1rem;color:rgba(var(--color-foreground),.45);transition:transform .2s ease,color .2s ease}.ethos-sort.is-open .ethos-sort__caret{transform:rotate(180deg)}.ethos-sort__trigger:hover .ethos-sort__trigger-label,.ethos-sort.is-open .ethos-sort__trigger-label,.ethos-sort__trigger:hover .ethos-sort__caret,.ethos-sort.is-open .ethos-sort__caret,.ethos-sort__trigger:hover .ethos-sort__icon,.ethos-sort.is-open .ethos-sort__icon{color:rgb(var(--color-brand))}.ethos-sort--desktop .ethos-sort__panel{position:absolute;top:calc(100% + .6rem);right:0;min-width:25rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);box-shadow:0 12px 32px #0000001f;z-index:40;padding:.5rem}.ethos-sort--desktop .ethos-sort__head{display:none}.ethos-sort__option{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;text-decoration:none;font-size:1.25rem;font-weight:500;letter-spacing:.01em;color:rgba(var(--color-foreground),.7);transition:background .15s ease,color .15s ease}.ethos-sort__option:hover{background:rgba(var(--color-brand),.08);color:rgb(var(--color-foreground))}.ethos-sort__option.is-active{color:rgb(var(--color-brand));font-weight:600}.ethos-sort__check{width:1.6rem;height:1.6rem;flex-shrink:0;color:rgb(var(--color-brand));opacity:0}.ethos-sort__option.is-active .ethos-sort__check{opacity:1}.ethos-sort--mobile .ethos-sort__overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#00000080;z-index:1000;opacity:0;transition:opacity .25s ease}.ethos-sort--mobile .ethos-sort__overlay[hidden]{display:none}.ethos-sort.is-open .ethos-sort__overlay{opacity:1}.ethos-sort--mobile .ethos-sort__panel{position:fixed;left:0;right:0;bottom:0;z-index:1001;max-height:82vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgb(var(--color-brand));color:#fff;transform:translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px #00000040}.ethos-sort.is-open .ethos-sort--mobile .ethos-sort__panel,.ethos-sort--mobile.is-open .ethos-sort__panel{transform:translateY(0)}.ethos-sort--mobile .ethos-sort__head{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;background:rgb(var(--color-brand));z-index:1}.ethos-sort--mobile .ethos-sort__head-title{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff}.ethos-sort--mobile .ethos-sort__close{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#ffffffd9;padding:.4rem;cursor:pointer}.ethos-sort--mobile .ethos-sort__close svg{width:2rem;height:2rem}.ethos-sort--mobile .ethos-sort__option{color:#ffffffd1;padding:1.6rem 2rem;font-size:1.5rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}.ethos-sort--mobile .ethos-sort__option:hover{background:#ffffff0f;color:#fff}.ethos-sort--mobile .ethos-sort__option.is-active{color:#fff;font-weight:700}.ethos-sort--mobile .ethos-sort__option:last-child{border-bottom:none}.ethos-sort--mobile .ethos-sort__check{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ethos-sort.css.map */