.c-plp-sort-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--xsm-spacing);flex-wrap:nowrap;background-color:var(--color-white);margin-inline:-7vw;padding:var(--md-spacing) 7vw;opacity:1;transition:opacity var(--transition-duration-slow) ease-in-out}@starting-style{.c-plp-sort-bar{opacity:0}}.is-rerendering .c-plp-sort-bar{transition:none}.c-plp-sort-bar__title{display:none;margin:0;font-family:var(--font-body);font-size:var(--2xl-font-size);font-weight:700;color:var(--color-primary);letter-spacing:.02em;white-space:nowrap}.c-plp-sort-bar__title-query{font-weight:var(--regular-font-weight);font-size:var(--lg-font-size);color:var(--color-text-mid);letter-spacing:0}.c-plp-sort-bar__results-count{font-family:var(--font-body);font-size:var(--md-font-size);color:var(--color-text-light);white-space:nowrap}.c-plp-sort-bar__spacer{flex:1}.c-plp-sort-bar__by-label{display:none;font-family:var(--font-body);font-size:var(--sm-font-size);color:var(--color-text-mid)}.c-plp-sort-bar__dropdown{position:relative;display:inline-block}.c-plp-sort-bar__dropdown[data-open=true] .c-plp-sort-bar__trigger-caret{transform:rotate(180deg)}.c-plp-sort-bar__dropdown[data-open=true] .c-plp-sort-bar__menu{opacity:1;visibility:visible}.c-plp-sort-bar__trigger{display:inline-flex;align-items:center;gap:var(--xsm-spacing);min-height:2rem;padding:0 var(--sm-spacing);background-color:var(--color-white);border:1px solid var(--color-primary);border-radius:.25rem;cursor:pointer;font-family:var(--font-body);font-size:var(--xsm-font-size);font-weight:700;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);white-space:nowrap;flex-shrink:0}.c-plp-sort-bar__trigger:before{content:"SORT";font-family:var(--font-body);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.c-plp-sort-bar__trigger-label{display:none}.c-plp-sort-bar__trigger-caret{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;transition:transform .15s ease}.c-plp-sort-bar__trigger-caret svg{width:100%;height:100%}.c-plp-sort-bar__menu{list-style:none;margin:0;padding:var(--xsm-spacing) 0;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-end:0;min-width:12rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.25rem;box-shadow:0 .25rem .75rem #0000001f;z-index:8;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.c-plp-sort-bar__option{display:block;width:100%;padding:var(--sm-spacing) var(--md-spacing);background-color:transparent;border:none;text-align:start;cursor:pointer;font-family:var(--font-body);font-size:var(--sm-font-size);color:var(--color-primary)}.c-plp-sort-bar__option:hover{background-color:var(--color-surface)}.c-plp-sort-bar__option[data-active=true]{background-color:var(--color-accent);font-weight:700}@media(min-width:900px){.c-plp-sort-bar{gap:var(--sm-spacing)}.c-plp-sort-bar__title{display:block;font-size:var(--3xl-font-size)}.c-plp-sort-bar__results-count{font-size:var(--sm-font-size)}.c-plp-sort-bar__by-label{display:inline}.c-plp-sort-bar__trigger{min-height:2.25rem;padding:0 var(--md-spacing);font-size:var(--sm-font-size);text-transform:none;font-weight:400;letter-spacing:0}.c-plp-sort-bar__trigger:before{content:none}.c-plp-sort-bar__trigger-label{display:inline}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-plp-sort-bar.css.map */