.card-swatch{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.card-swatch .card-swatch__header{font-size:14px;display:flex;align-items:center;gap:4px}.card-swatch .card-swatch__header .js-open-swatch-detail{cursor:pointer}.card-swatch .card-swatch__banner{padding:16px;border:solid 1px rgba(204,204,204,1);font-size:14px;display:flex;flex-direction:column;gap:12px;position:relative}.card-swatch .swatch-banner{aspect-ratio:3;object-fit:cover}.card-swatch .swatch-banner__title{font-weight:600}.card-swatch .swatch-banner__detail{text-decoration:underline;cursor:pointer;text-underline-offset:3px;font-size:16px}.card-swatch .card-swatch__list{margin:0;gap:16px;display:flex;row-gap:24px;padding-left:2px}.card-swatch .swatch-item{width:80px;text-align:center;position:relative;border-radius:50%;padding:2px;transition:all .3s}.card-swatch .swatch-item:not(.swatch-item__active) .swatch-item__label{opacity:0}.card-swatch .swatch-item.swatch-item__active,.card-swatch .swatch-item:hover{box-shadow:0 0 0 1.5px #000}.card-swatch .swatch-item:hover .swatch-item__label{opacity:1}.card-swatch .swatch-item__image{aspect-ratio:1;border-radius:50%;overflow:hidden}.card-swatch .swatch-item__image img{height:100%}.card-swatch .swatch-item__label{margin-top:8px;display:block;font-size:12px;position:absolute;left:0;right:0;line-height:1;transition:all .3s}.card-swatch .swatch-item__link{text-decoration:none!important}.card-swatch .icon-active{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff}.card-swatch .js-btn-banner-close{position:absolute;right:32px;top:28px;background-color:#fff;border:solid 1px #242222;color:#242222;transition:all .3s;border-radius:20px}.card-swatch .js-btn-banner-close svg{width:13px;height:12px;margin:8px}@media (max-width: 639px){.card-swatch{padding-bottom:32px}.card-swatch .swatch-banner{aspect-ratio:2}}.modal-swatch__detail .modal__inner{max-width:480px}.modal-swatch__detail .h0,.modal-swatch__detail h1,.modal-swatch__detail .h1,.modal-swatch__detail h2,.modal-swatch__detail .h2,.modal-swatch__detail h3,.modal-swatch__detail .h3,.modal-swatch__detail h4,.modal-swatch__detail .h4,.modal-swatch__detail h5,.modal-swatch__detail .h5,.modal-swatch__detail h6,.modal-swatch__detail .h6{font-weight:600}.modal-swatch__detail .swatch-banner__content{margin-top:32px;font-size:14px}.modal-swatch__detail .modal__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.modal-swatch__detail .modal__close{position:static;transform:none;background-color:#fff;border:solid 1px #242222;color:#242222;transition:all .3s}.modal-swatch__detail .modal__close .icon{width:10px;height:10px;margin:8px}.modal-swatch__detail .modal__close:hover{background-color:#242222;color:#fff}.collapsible-content__inner li{list-style:initial}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product.scss.css.map */