variant-selects,variant-selects *,variant-selects .scroll-trigger.animate--slide-in{animation:none!important;animation-delay:0s!important}.swatch-input>.swatch:not(.swatch--text-pill){border-radius:4px!important;width:50px!important;height:50px!important;aspect-ratio:1 / 1!important}.swatch-input>.swatch img,.swatch-input>.swatch .swatch__image{border-radius:2px!important;width:100%!important;height:100%!important;object-fit:cover!important}.swatch-input>.swatch .swatch__color{border-radius:2px!important;width:100%!important;height:100%!important}.product-form__input--swatch-list{display:flex!important;flex-wrap:wrap;gap:.5rem;align-items:center}.swatch-input{display:inline-flex;position:relative;contain:layout style}.swatch-input input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch{display:flex;align-items:center;justify-content:center;position:relative;width:50px;height:50px;padding:2px;border:2px solid #e0e0e0;border-radius:9px;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.swatch-input>.swatch.swatch--circle:not(.swatch--text-pill),.swatch-input>.swatch.swatch--square:not(.swatch--text-pill),.swatch-input>.swatch.swatch--rounded-square:not(.swatch--text-pill){border-radius:4px!important}.swatch-input:not(.swatch-input--disabled) .swatch:hover{border-color:#888;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.swatch-input input[type=radio]:checked+.swatch{border-color:#000;box-shadow:0 0 0 1px #000}.swatch-input--disabled .swatch{opacity:.4;cursor:not-allowed}.swatch-input--disabled .swatch:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:2px;background:#c80000b3;transform:rotate(-45deg);z-index:2}.swatch--variant-image,.swatch--custom-image{padding:0}.swatch__image,.swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px;transition:opacity .1s ease}.swatch-input>.swatch.swatch--circle .swatch__image,.swatch-input>.swatch.swatch--circle img,.swatch-input>.swatch.swatch--square .swatch__image,.swatch-input>.swatch.swatch--square img,.swatch-input>.swatch.swatch--rounded-square .swatch__image,.swatch-input>.swatch.swatch--rounded-square img{border-radius:2px!important}.swatch--custom-color{padding:0}.swatch__color{display:block;width:100%;height:100%;border-radius:5px}.swatch-input input[type=radio]:checked+.swatch--custom-color .swatch__color{box-shadow:inset 0 0 0 2px #ffffffe6}.swatch--pill{width:auto;min-width:50px;height:36px;padding:0 1.125rem;border-radius:18px;font-size:.875rem;font-weight:600;color:#1a1a1a}.swatch-input input[type=radio]:checked+.swatch--pill{background:#000;color:#fff;border-color:#000}.swatch-input--disabled .swatch--pill{text-decoration:line-through}.swatch-input--disabled .swatch--pill:after{display:none}.swatch[title]{position:relative}.swatch[title]:before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#1a1a1a;color:#fff;font-size:11px;font-weight:400;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:10}.swatch[title]:after{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1a1a;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:10}.swatch:hover[title]:before,.swatch:hover[title]:after{opacity:1;visibility:visible}@media(max-width:768px){.swatch:hover[title]:before,.swatch:hover[title]:after{opacity:0;visibility:hidden}}@media(max-width:768px){.swatch:not(.swatch--text-pill){width:60px;height:60px}.swatch--pill{height:42px;padding:0 1.125rem;font-size:.8125rem}}.swatch-input input[type=radio]:checked+.swatch--variant-image:before,.swatch-input input[type=radio]:checked+.swatch--custom-image:before,.swatch-input input[type=radio]:checked+.swatch--custom-color:before{content:"";position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#000;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6L5 9L10 3' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-size:9px;background-repeat:no-repeat;background-position:center;z-index:3}.swatch--text-pill{width:auto!important;height:auto!important;aspect-ratio:unset!important;min-height:40px;padding:0 18px!important;border:2px solid #000!important;border-radius:50px!important;background:#fff;font-size:14px;font-weight:700!important;color:#000;white-space:nowrap;overflow:visible!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.swatch--text-pill .swatch__text{display:block;line-height:1;font-weight:700}.swatch-input:not(.swatch-input--disabled) .swatch--text-pill:hover{background:#f5f5f5;transform:none;box-shadow:none}.swatch-input input[type=radio]:checked+.swatch--text-pill{background:#000;color:#fff;border-color:#000;box-shadow:none}.swatch-input--disabled .swatch--text-pill{opacity:.5;cursor:not-allowed}.swatch-input--disabled .swatch--text-pill .swatch__text{text-decoration:line-through}.swatch-input--disabled .swatch--text-pill:after{display:none}@media(max-width:768px){.swatch--text-pill{min-height:48px;padding:0 18px!important;font-size:15px}.swatch-input input[type=radio]:checked+.swatch--variant-image:before,.swatch-input input[type=radio]:checked+.swatch--custom-image:before,.swatch-input input[type=radio]:checked+.swatch--custom-color:before{bottom:3px;right:3px;width:21px;height:21px;background-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/custom-swatches.css.map */