.h2o-swatches.swatch{font-size:14px;margin-bottom:18px}.h2o-swatches .h2o-swatches__label{display:block;margin:0 0 10px;font-size:14px;font-weight:600;color:#1a1a2e}.h2o-swatches .h2o-swatches__value{font-weight:400;color:#3d3d4e}.h2o-swatches .h2o-swatches__list{display:flex;flex-wrap:wrap;gap:12px;padding:5px;margin:-5px}.h2o-swatches .h2o-swatch{position:relative}.h2o-swatches .h2o-swatch input[type=radio]{display:block!important;position:absolute!important;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.h2o-swatches .h2o-swatch .h2o-swatch__chip{display:block;position:relative;width:36px;height:36px;min-width:0;margin:0;padding:0;border:0;border-radius:50%;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #0000002e;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.h2o-swatches .h2o-swatch .h2o-swatch__chip:hover{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 3px #fff,0 0 0 4px #9fbfc2}.h2o-swatches .h2o-swatch input:checked+.h2o-swatch__chip{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 3px #fff,0 0 0 5px #00838f}.h2o-swatches .h2o-swatch input:checked+.h2o-swatch__chip:after{content:"";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:#00838f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat;box-sizing:border-box}.h2o-swatches .h2o-swatch input:focus-visible+.h2o-swatch__chip{outline:2px solid #1a1a2e;outline-offset:7px}.h2o-swatches .h2o-swatch.soldout .h2o-swatch__chip{opacity:.45;cursor:not-allowed}.h2o-swatches .h2o-swatch.soldout .h2o-swatch__chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top right,transparent calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% - 1px),#b3261e calc(50% - 1px),#b3261e calc(50% + 1px),#fff calc(50% + 1px),#fff calc(50% + 2px),transparent calc(50% + 2px))}.h2o-swatches .h2o-swatch__tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:4px;background:#1a1a2e;color:#fff;font-size:12px;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:5}@media(hover:hover){.h2o-swatches .h2o-swatch:hover .h2o-swatch__tip{opacity:1;visibility:visible}}.h2o-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media(max-width:767px){.h2o-swatches .h2o-swatch .h2o-swatch__chip{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.h2o-swatches .h2o-swatch .h2o-swatch__chip,.h2o-swatches .h2o-swatch__tip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/h2o-swatches.css.map */