.filter-button-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.filter-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:600}.filter-button+.filter-button{margin-left:1rem}.filter-button svg{width:20px;height:auto}.filter-button svg path{stroke:currentColor}@media screen and (max-width:380px){.filter-button--layout{display:none}}@media screen and (max-width:991px){.filter-button{padding:8px 15px}.filter-button--layout{border-radius:50%;padding:8px 8.8px}}@media screen and (min-width:992px){.js-toggle-collection-size{display:none}.filter-button{min-width:165px;padding:8px 15px}.filter-button .row{width:100%}}@media screen and (min-width:1200px){.filter-button-list{position:static;right:auto}}.collection__header{padding:0;background:0 0;width:100%}.collection__header--banner{position:relative;padding:10rem 2.5rem 2.5rem 2.5rem;min-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:#000 none center center no-repeat;background-size:cover;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.6s -webkit-transform ease-in-out;transition:.6s -webkit-transform ease-in-out;transition:.6s transform ease-in-out;transition:.6s transform ease-in-out,.6s -webkit-transform ease-in-out;border-radius:1rem;overflow:hidden}.collection__header--banner>*{z-index:1}.collection__header--banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(31,36,50,.4);-webkit-box-shadow:inset 0 0 50px rgba(31,36,50,.75);box-shadow:inset 0 0 50px rgba(31,36,50,.75);-webkit-transition:1s background-color;transition:1s background-color}@media screen and (min-width:575px){.collection__header--banner{min-height:250px}}@media screen and (min-width:992px){.collection__header--banner{position:relative;padding:10rem 3.5rem 3.5rem 3.5rem;min-height:300px}.collection__header--banner:hover{-webkit-transform:scale(103%);transform:scale(103%)}.collection__header--banner:hover::before{background:rgba(0,0,0,0)}}@media screen and (min-width:1200px){.collection__header--banner{position:relative;padding:10rem 5rem 5rem 5rem;height:456px}}.collection__header--banner .collection__title{color:#fff}.collection__summary{font-style:normal;font-weight:400;font-size:var(--font-size-xsmall);line-height:150%;color:var(--color-text-1)}.collection__summary>:last-child{margin-bottom:0}.filter-panel{font-size:var(--font-size-button);line-height:120%}.filter-panel__content{padding:2.6rem;width:100%;max-width:640px;margin:0 auto}.filter-panel .variation-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:auto;padding:0;margin-top:1rem;margin-bottom:1.5rem}@media screen and (min-width:992px){.filter-panel .variation-list{max-height:26.1em}}.filter-panel .variation{-webkit-box-shadow:none;box-shadow:none;margin:0;border:none;margin-right:1rem;margin-bottom:1rem;text-transform:uppercase}.filter-panel .variation:not(.variation--swatch){-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--color-text-1);border-radius:5px}.filter-panel .variation.selected{background-color:var(--color-btn-1-bg);color:var(--color-accent-1)}.filter-panel .variation--swatch{margin-right:1rem;margin-bottom:1.5rem;min-width:55px}.filter-panel .variation--swatch .variation__button{width:100%;height:100%;padding:0}.filter-panel .variation__button{width:100%;height:100%;padding:1em;position:relative;z-index:1}.filter-panel .filter-panel__gallery img{border-radius:15px;overflow:hidden;background-color:#fff}.filter-panel .filter-panel__gallery img+img{margin-top:2rem}.filter-panel .filter-panel select{background-color:transparent}.sidepanel:not(.sidepanel--desktop).sidepanel--bottom{max-width:100%}@media screen and (min-width:992px){.sidepanel:not(.sidepanel--desktop).sidepanel--bottom{max-width:66vw}}@media screen and (min-width:1200px){.sidepanel:not(.sidepanel--desktop).sidepanel--bottom{max-width:50vw}}.dark-mode .sidepanel.sidepanel--filter{background:rgba(31,36,50,.95)}.dark-mode .sidepanel.sidepanel--filter svg path{stroke:#fff}.light-mode .sidepanel.sidepanel--filter{background:rgba(255,255,255,.9)}