.fw-swatches-section .page-width{display:flex;justify-content:center;align-items:center}.fw-lp-swatches-container{max-width:1000px;width:100%;display:flex;position:relative;padding:48px 0}.fw-lp-swatches-container .fw-modal__media{width:50%;display:flex;align-items:center}.fw-lp-swatches-container .fw-modal__media .fw-lp-swatch-mobile-toggle{background:none;border:0;padding:0;display:none}.fw-lp-swatches-container .fw-modal__media .fw-lp-swatch-mobile-toggle p{font-family:brandongrotesque,sans-serif;font-weight:600;font-size:16px;border-bottom:1px solid black;line-height:1;margin:0}.fw-lp-swatches-container .fw-modal__action{width:50%;padding:3rem 3rem 3rem 7rem}@media screen and (max-width: 749px){.fw-lp-swatches-container{flex-direction:column}.fw-lp-swatches-container .fw-modal__media{width:100%;order:2;z-index:1;transition:margin .3s,box-shadow .3s ease;margin-top:-30em;box-shadow:0 -2em 3em 3em #f9f9f5;flex-direction:column;align-items:flex-start;justify-content:center;background:#f9f9f5}.fw-lp-swatches-container .fw-modal__media.expanded{margin-top:3em;box-shadow:0 0 #f9f9f5}.fw-lp-swatches-container .fw-modal__media .fw-lp-swatch-mobile-toggle{display:block;transition:padding .3s,height .3s,opacity .3s ease;padding:1em;margin-bottom:1em}.fw-lp-swatches-container .fw-modal__media.expanded .fw-lp-swatch-mobile-toggle{padding:0;margin:0;height:0;opacity:0}.fw-lp-swatches-container .fw-modal__media .fw-lp-swatch-mobile-toggle:hover{cursor:pointer}.fw-lp-swatches-container .fw-modal__action{width:100%;padding:0}}.fw-lp-swatches-container .fw-modal__media-carousel-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:#0a0a0a33}.fw-lp-swatches-container .fw-modal__media-carousel-wrap .fw-modal__loading-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.fw-lp-swatches-container .fw-modal__media-carousel-wrap .fw-modal__loading-spinner svg{width:100px;height:100px}.fw-lp-swatches-container .fw-modal__media-carousel{visibility:hidden;width:100%;height:100%}.fw-lp-swatches-container .fw-modal__media-carousel:not(.slick-initialized){aspect-ratio:75 / 97}.fw-lp-swatches-container .fw-modal__media-carousel-wrap.initialized .fw-modal__media-carousel{visibility:visible}.fw-lp-swatches-container .fw-modal__media-carousel-wrap.initialized .fw-modal__loading-spinner{display:none}.fw-lp-swatches-container .fw-modal__media-carousel .slick-list,.fw-lp-swatches-container .fw-modal__media-carousel .slick-track,.fw-lp-swatches-container .fw-modal__media-carousel .slick-slide>div,.fw-lp-swatches-container .fw-modal__media-carousel-slide{height:100%}.fw-lp-swatches-container .fw-modal__media-carousel .slick-slide>div{display:flex}.fw-lp-swatches-container .fw-modal__media-carousel-slide{display:flex;width:100%;aspect-ratio:1 / 1;height:auto}.fw-lp-swatches-container .fw-modal__media-carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.fw-lp-swatches-container .fw-modal__media-carousel .fw-modal-media-control{position:absolute;background:transparent;z-index:1;border:0}.fw-lp-swatches-container .fw-modal__media-carousel .fw-modal-media-control:hover{cursor:pointer}.fw-lp-swatches-container .fw-modal__media-carousel .fw-modal-media-prev{top:50%;left:10px}.fw-lp-swatches-container .fw-modal__media-carousel .fw-modal-media-next{top:50%;right:10px}.fw-lp-swatches-container .fw-modal__action h2{font-size:36px;margin-top:24px;margin-bottom:36px;padding:0 .5em}.fw-lp-swatches-container .fw-modal-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.fw-lp-swatches-container .fw-modal-options .fw-modal-option .fw-modal-option-swatch{border-radius:50%;aspect-ratio:1 / 1;overflow:hidden;position:relative}.fw-lp-swatches-container .fw-modal-options .fw-modal-option:hover{cursor:pointer}.fw-lp-swatches-container .fw-modal-options .fw-modal-option .fw-selected-indicator{display:none;justify-content:center;align-items:center;background:#000;position:absolute;top:0;right:0;bottom:0;left:0}.fw-lp-swatches-container .fw-modal-options .fw-modal-option .fw-selected-indicator span{font-family:suisseworks-semibold;font-size:24px;color:#fff}.fw-lp-swatches-container .fw-modal-options .fw-modal-option p{text-align:center;margin:10px 0 0}.fw-lp-swatches-container .fw-modal-options .fw-modal-option img{object-fit:cover;object-position:center;width:100%;height:100%}.fw-lp-swatches-container .fw-modal-options .fw-modal-option.selected img{display:none}.fw-lp-swatches-container .fw-modal-options .fw-modal-option.selected .fw-selected-indicator{display:flex}.fw-lp-swatches-container .fw-modal-options .fw-modal-option.active .fw-modal-option-swatch{border:2px solid black}@media screen and (max-width: 1000x){.fw-lp-swatches-container .fw-modal-options{gap:1rem}}@media screen and (max-width: 749px){.fw-lp-swatches-container .fw-modal__action h2{margin-bottom:24px;margin-top:0}}.fw-lp-swatches-container .fw-modal-action{margin-top:3rem}.fw-lp-swatches-container .fw-modal-action button{display:none}.fw-lp-swatches-container .fw-modal-action button.active{display:flex}.fw-lp-swatches-container .fw-modal-button{background:#fac8a7;max-width:300px;margin-left:auto;margin-right:auto}.fw-lp-swatches-container .fw-modal-button:before,.fw-lp-swatches-container .fw-modal-button:after{display:none}@media screen and (max-width: 749px){.fw-lp-swatches-container .fw-modal-button{visibility:hidden}.fw-lp-swatches-container .fw-modal__media.expanded+.fw-modal__action .fw-modal-button{visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/section-fw-lp-swatches.css.map */