.c-color-swatches__container.is-active .c-color-swatches__modal{-webkit-transform:translate(0);transform:translate(0)}.c-color-swatches__container.is-active .c-color-swatches__overlay{opacity:60%;pointer-events:all}.c-color-swatches__modal{position:fixed;right:0;top:0;-webkit-transform:translate(100%);transform:translate(100%);width:100%;max-width:336px;height:100%;background-color:#fff;z-index:999999;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.c-color-swatches__modal-items{display:grid;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(95dvh - 82px);overflow-y:scroll;padding:22px;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;row-gap:14px}.c-color-swatches__modal-items::-webkit-scrollbar{width:3px}.c-color-swatches__modal-items::-webkit-scrollbar-track{background:#fff}.c-color-swatches__modal-items::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.c-color-swatches__modal-items::-webkit-scrollbar-thumb:hover{background:#787878}.c-color-swatches__overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none;z-index:999999;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.c-color-swatches__modal-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:39px 22px 21px;border-bottom:1px solid rgba(0,0,0,.2705882353)}.c-color-swatches__modal-title{font-family:"Roboto Condensed",sans-serif;font-size:18px;font-weight:400;line-height:21.09px;letter-spacing:.065em;color:#000;text-transform:uppercase;margin-bottom:0}.c-color-swatches__btn-close{position:relative}.c-color-swatches__btn-close::after{content:"";position:absolute;width:100%;height:100%;-webkit-transform:translate(-50%, -50%) scale(2);transform:translate(-50%, -50%) scale(2);top:50%;left:50%}.c-color-swatches__wrapper .swatch__button::after{display:none}.c-color-swatches__wrapper .product-swatches-colors__item{width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat;padding:0;margin:0}.c-color-swatches__wrapper .product-swatches-colors__swatch{height:180px;position:relative;background-color:#f9f9f9}.c-color-swatches__wrapper .product-swatches-colors__swatch:hover::after{opacity:100%}.c-color-swatches__wrapper .product-swatches-colors__swatch::after{content:"";position:absolute;width:100%;height:100%;border:1px solid #000;top:0;left:0;pointer-events:none;opacity:0}.c-color-swatches__wrapper .product-swatches-colors__swatch--active::after{opacity:100%}.c-color-swatches__wrapper .product-swatches-colors__title{font-family:"Roboto Condensed",sans-serif;font-size:12px;font-weight:400;line-height:21.06px;letter-spacing:.065em;text-transform:uppercase;width:100%;display:block;margin:0;color:#000}.c-color-swatches__wrapper.swatch-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}.c-color-swatches__wrapper>.product-swatches-colors__swatch{height:128px}.c-color-swatches__wrapper>.product-swatches-colors__swatch>.product-swatches-colors__title{display:none}body .c-color-swatches__wrapper .c-color-swatches__btn-open{background-color:#f9f9f9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:128px;font-family:"Roboto Condensed",sans-serif;font-size:14px;font-weight:400;line-height:16.41px;letter-spacing:.065em;text-align:center;color:#000}.product-swatches__colors-name{font-family:"Roboto Condensed",sans-serif !important;font-size:14px !important;font-weight:400 !important;line-height:16.41px !important;letter-spacing:.065em !important;margin-left:2px !important;color:#000 !important}.product-form__color-label{font-family:"Roboto Condensed",sans-serif !important;font-size:14px !important;font-weight:400 !important;line-height:16.41px !important;letter-spacing:.065em !important;color:#000 !important}.product-swatches-colors:has(.c-color-swatches__wrapper){display:block}@media screen and (min-width: 768px){.product-swatches-colors:has(.c-color-swatches__wrapper){height:0}}