.scc-filter-bar{max-width:120rem;margin:0 auto;padding:.5rem 1.5rem 2rem}@media screen and (min-width:750px){.scc-filter-bar{padding:.5rem 5rem 2.5rem}}.page-width>.scc-filter-bar{max-width:none;padding-left:0;padding-right:0}.scc-filter-bar__search{display:flex;margin-bottom:1.2rem;background:rgba(var(--color-background),.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-foreground),.12);transition:border-color .3s ease,box-shadow .3s ease}.scc-filter-bar__search:hover{border-color:rgba(var(--color-foreground),.3)}.scc-filter-bar__search:focus-within{border-color:rgba(var(--color-foreground),.5);box-shadow:0 4px 20px rgba(var(--color-foreground),.06)}.scc-filter-bar__search-input{flex:1;min-width:0;height:5.2rem;padding:0 2rem;margin:0;border:none;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--font-body-weight);letter-spacing:.06rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.scc-filter-bar__search-input::placeholder{color:rgba(var(--color-foreground),.3);letter-spacing:.08rem;font-size:1.3rem}.scc-filter-bar__search-btn{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.2rem;margin:0;padding:0;border:none;border-left:1px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-foreground));color:rgb(var(--color-background));cursor:pointer;transition:opacity .3s ease;flex-shrink:0}.scc-filter-bar__search-btn:hover{opacity:.8}.scc-filter-bar__search-btn svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:2;pointer-events:none}.scc-filter-bar__dropdowns{display:flex;flex-wrap:wrap;margin-bottom:1.2rem;background:rgba(var(--color-background),.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-foreground),.12);transition:border-color .3s ease}.scc-filter-bar__dropdowns:hover{border-color:rgba(var(--color-foreground),.2)}.scc-filter-bar__select-wrap{flex:1 1 0%;min-width:0;position:relative}.scc-filter-bar__select-wrap+.scc-filter-bar__select-wrap{border-left:1px solid rgba(var(--color-foreground),.1)}.scc-filter-bar__select-wrap select{display:block;width:100%;height:4.8rem;padding:0 3rem 0 1.4rem;margin:0;border:none;border-radius:0;background-color:transparent;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);font-size:1.15rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:.1rem;text-transform:uppercase;text-align:center;cursor:pointer;outline:none;box-shadow:none;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(0,0,0,0.4)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem .6rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:background-color .3s ease,color .3s ease}.scc-filter-bar__select-wrap select::-ms-expand{display:none}.scc-filter-bar__select-wrap select:hover{background-color:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.scc-filter-bar__select-wrap select:focus{background-color:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.scc-filter-bar__select-wrap--active select{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.scc-filter-bar__select-wrap--active select:hover{opacity:.85;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.scc-filter-bar__clear-wrap{margin-bottom:.8rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}.scc-filter-bar__clear-wrap--visible{max-height:6rem;opacity:1;margin-bottom:.8rem}.scc-filter-bar__clear-btn{display:block;width:100%;padding:1.3rem 2rem;margin:0;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));text-align:center;text-decoration:none;font-family:var(--font-body-family);font-size:1.15rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:.15rem;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .3s ease}.scc-filter-bar__clear-btn:hover{opacity:.8}.scc-filter-bar__count{text-align:center;padding-top:.6rem;transition:opacity .3s ease}.scc-filter-bar__count-text{font-family:var(--font-body-family);font-size:1.1rem;color:rgba(var(--color-foreground),.5);letter-spacing:.12rem;text-transform:uppercase}.scc-filter-bar--loading .scc-filter-bar__dropdowns{opacity:.25;pointer-events:none;transition:opacity .4s ease}@media screen and (max-width:989px){.scc-filter-bar__dropdowns{flex-wrap:wrap;border:none;gap:.5rem;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.scc-filter-bar__select-wrap{flex:1 1 calc(33.333% - .35rem);min-width:calc(33.333% - .35rem);background:rgba(var(--color-background),.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-foreground),.12)}.scc-filter-bar__select-wrap+.scc-filter-bar__select-wrap{border-left:1px solid rgba(var(--color-foreground),.12)}}@media screen and (max-width:749px){.scc-filter-bar__search{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scc-filter-bar__search-input{height:4.8rem;font-size:1.2rem}.scc-filter-bar__search-btn{height:4.8rem;width:5rem}.scc-filter-bar__dropdowns{gap:.4rem}.scc-filter-bar__select-wrap{flex:1 1 calc(50% - .2rem);min-width:calc(50% - .2rem)}.scc-filter-bar__select-wrap select{height:4.2rem;font-size:1rem;letter-spacing:.08rem;padding:0 2.4rem 0 1rem}}.scc-pagination{display:flex;align-items:center;justify-content:center;gap:1.6rem;padding:2rem 0 1rem}.scc-pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:1px solid rgba(var(--color-foreground),.15);background:rgba(var(--color-background),.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .3s ease,background-color .3s ease}.scc-pagination__btn:hover:not(:disabled){border-color:rgba(var(--color-foreground),.4);background-color:rgba(var(--color-foreground),.06)}.scc-pagination__btn--disabled,.scc-pagination__btn:disabled{opacity:.25;cursor:default;pointer-events:none}.scc-pagination__btn svg{width:1.2rem;height:1.2rem}.scc-pagination__info{font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;color:rgba(var(--color-foreground),.6);min-width:5rem;text-align:center}@media screen and (max-width:749px){.scc-pagination{gap:1.2rem;padding:1.6rem 0 .8rem}.scc-pagination__btn{width:4rem;height:4rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scc-pagination__info{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.scc-filter-bar__search,.scc-filter-bar__search-btn,.scc-filter-bar__dropdowns,.scc-filter-bar__select-wrap select,.scc-filter-bar__clear-btn,.scc-filter-bar__clear-wrap,.scc-filter-bar__count,.scc-pagination__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/scc-filter-bar.css.map */