:root{--spc-accent: #173B2D;--spc-accent-hover: #245A44;--spc-row-hover: #EEF2EC;--spc-swatch-size: 2.2rem;--spc-swatch-gap: 6px;--spc-swatch-per-row: 6;--spc-swatch-align: center;--spc-swatch-ring-w: 1px;--spc-swatch-ring-color: #000000;--spc-swatch-border: rgba(0, 0, 0, .15);--spc-swatch-ring-gap: 2px;--spc-swatch-gap-color: #ffffff;--spc-title-gap: 4px;--spc-price-size: 13px;--spc-price-weight: 400;--spc-price-gap: 10px;--spc-price-color: #173B2D;--spc-price-compare-color: #A9B3AE;--spc-price-strike-color: #A9B3AE;--spc-price-strike-width: 1px;--spc-quick-size: 36px;--spc-quick-icon-scale: 58%;--spc-quick-stroke: 1.5;--spc-quick-offset: 10px;--spc-quick-bg: #ffffff;--spc-quick-icon: var(--spc-accent);--spc-quick-bg-hover: var(--spc-accent);--spc-quick-icon-hover: #ffffff}swatch-card{display:block;cursor:pointer}.spc .card__inner{position:relative}.spc .card__heading a,.spc .card__heading a:hover,.spc .card__heading a:focus-visible{text-decoration:none}.spc .card__content>.card__information>.card__heading{margin-bottom:var(--spc-title-gap)!important}.spc .card__content>.card__information>.card-information{margin-top:0!important}.spc .card__heading a:after{content:none;display:none}.spc__img-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;cursor:pointer}.spc .card,.spc .card__inner,.spc .card__media,.spc .card__content{position:relative;z-index:2}.spc .card__inner>.card__content{display:none}.spc__quick{position:absolute;right:var(--spc-quick-offset);bottom:var(--spc-quick-offset);z-index:5;width:var(--spc-quick-size);height:var(--spc-quick-size);border-radius:50%;border:0;padding:0;background:var(--spc-quick-bg);color:var(--spc-quick-icon);box-shadow:0 1px 3px #0000002e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.spc__quick svg{width:var(--spc-quick-icon-scale);height:var(--spc-quick-icon-scale);fill:none;stroke:currentColor;stroke-width:var(--spc-quick-stroke);stroke-linecap:round;stroke-linejoin:round}@media(hover:hover)and (pointer:fine){.spc__quick{transition:background-color .15s ease,color .15s ease,transform .15s ease}.spc__quick:hover{background:var(--spc-quick-bg-hover);color:var(--spc-quick-icon-hover);transform:translateY(-1px)}}.spc .price,.spc .price .price__container,.spc .price .price-item{font-size:var(--spc-price-size);font-weight:var(--spc-price-weight);color:var(--spc-price-color);letter-spacing:0;line-height:1.3}.spc .price .price__container,.spc .price .price__regular,.spc .price .price__sale{display:inline-flex;align-items:baseline;flex-wrap:wrap;justify-content:var(--spc-swatch-align);gap:0 var(--spc-price-gap);margin:0}.spc .price .price-item{margin:0}.spc .price .spc__price-regular{display:inline-flex;gap:0 var(--spc-price-gap)}.spc .price--on-sale .price-item--regular,.spc .price s.price-item{color:var(--spc-price-compare-color)!important;font-weight:var(--spc-price-weight);text-decoration:line-through;text-decoration-color:var(--spc-price-strike-color);text-decoration-thickness:var(--spc-price-strike-width);opacity:1}.spc .price--on-sale .price-item--sale,.spc .price .price-item--last{color:var(--spc-price-color);font-weight:var(--spc-price-weight)}.spc .spc__price-from{font-weight:var(--spc-price-weight);color:var(--spc-price-color)}.spc__swatches{position:relative;z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--spc-swatch-align);gap:var(--spc-swatch-gap);max-width:calc(var(--spc-swatch-per-row) * var(--spc-swatch-size) + (var(--spc-swatch-per-row) - 1) * var(--spc-swatch-gap));margin:8px auto 6px}.spc__swatches[data-align=flex-start]{margin-left:0}.spc__sw{display:inline-flex;position:relative}.spc__sw .swatch-input__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.spc__sw .swatch-input__input+.swatch-input__label{--swatch-input--size: var(--spc-swatch-size);width:var(--spc-swatch-size)!important;height:var(--spc-swatch-size)!important;min-width:var(--spc-swatch-size)!important;display:inline-flex!important;margin:0;cursor:pointer;border:var(--spc-swatch-ring-w) solid transparent!important;padding:var(--spc-swatch-ring-gap)!important;background:var(--spc-swatch-gap-color)!important;background-clip:padding-box!important;box-sizing:border-box!important;box-shadow:none!important;outline:none!important;transition:border-color .12s ease}.spc__sw .swatch-input__label .swatch{--swatch--size: 100%;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;flex:1 1 auto}.spc__sw .swatch-input__input:checked+.swatch-input__label{border-color:var(--spc-swatch-ring-color)!important}.spc__swatches[data-outline=true] .swatch-input__input:not(:checked)+.swatch-input__label{border-color:var(--spc-swatch-border)!important}.spc__sw .swatch-input__label .swatch{box-shadow:inset 0 0 0 1px #0000001a}.spc__sw .swatch-input__input:focus+.swatch-input__label,.spc__sw .swatch-input__input:hover+.swatch-input__label,.spc__sw .swatch-input__input+.swatch-input__label:hover{box-shadow:none!important;outline:none!important}.spc__sw .swatch-input__input:focus-visible+.swatch-input__label{outline:2px solid var(--spc-accent)!important;outline-offset:2px}@media(hover:hover)and (pointer:fine){.spc__sw .swatch-input__input:not(:checked)+.swatch-input__label:hover{border-color:var(--spc-swatch-ring-color)!important}}.spc__sw.is-soldout .swatch-input__label{opacity:.4}.spc__swatch--hidden{display:none}.spc__swatches.is-expanded .spc__swatch--hidden{display:inline-flex}.spc__more{min-width:var(--spc-swatch-size);height:var(--spc-swatch-size);border:0;background:none;padding:0 2px;font-size:12px;font-weight:600;color:var(--spc-accent);cursor:pointer;line-height:1}@media(hover:hover)and (pointer:fine){.spc__more:hover{text-decoration:underline}}swatch-quick-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}swatch-quick-modal[hidden]{display:none}body.spc-modal-open{overflow:hidden}.spc-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.spc-modal__panel{position:relative;width:100%;max-width:430px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;color:var(--spc-accent)}.spc-modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(0,0,0,.08)}.spc-modal__title{margin:0;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.spc-modal__close{width:32px;height:32px;border:0;background:none;padding:0;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center}.spc-modal__close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.spc-modal__product{display:flex;align-items:center;gap:14px;padding:16px 20px 0}.spc-modal__img{width:72px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#f3f3f1}.spc-modal__name{margin:0 0 3px;font-size:14px;font-weight:600}.spc-modal__color{margin:0;font-size:12px;opacity:.75}.spc-modal__swatches{display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px 10px;border-bottom:1px solid rgba(0,0,0,.08)}.spc-modal__swatches .spc__sw .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.6rem}.spc-modal__sizes{list-style:none;margin:0;padding:0}.spc-modal__size{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border:0;border-bottom:1px solid rgba(0,0,0,.08);background:none;font:inherit;font-size:14px;color:inherit;cursor:pointer;text-align:left}.spc-modal__size:disabled{cursor:default;opacity:.45}.spc-modal__size em{font-style:normal;font-size:11px;margin-left:6px;opacity:.8}.spc-modal__size-price{font-size:13px;opacity:.85}.spc-modal__compare{opacity:.55;margin-right:6px}.spc-modal__size.is-loading{opacity:.6}@media(hover:hover)and (pointer:fine){.spc-modal__size{transition:background-color .12s ease}.spc-modal__size:not(:disabled):hover{background:var(--spc-row-hover)}}.spc-modal__size:not(:disabled):active{background:var(--spc-row-hover)}.spc-modal__error{margin:0;padding:10px 20px;font-size:13px;color:#a33}.spc-modal__details{display:block;padding:14px 20px 18px;text-align:center;font-size:12px;color:inherit;text-decoration:underline;text-underline-offset:3px}@media screen and (max-width:749px){swatch-quick-modal{align-items:flex-end;padding:0}.spc-modal__panel{max-width:none;border-radius:14px 14px 0 0;max-height:90vh}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/card-product-swatch.css.map */
