.table-base{margin:16px 0 32px}.table-base__options{display:flex;gap:0 8px;flex-wrap:wrap}.table-base__option{padding:10px 30px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #d9e8ea;transition:box-shadow .2s ease,border-color .2s ease,font-weight .2s ease;border-radius:8px 0;color:#3a7a85;font-weight:400;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.table-base__option.active{color:#3a7a85;pointer-events:none;cursor:default;font-weight:600;border:2px solid #397a85}.table-base__option:hover{border:2px solid #397a85;font-weight:600}.table-base__option.not-active{pointer-events:none;background-color:#f5f5f5;color:#a1a1a1;border:1px solid #cccccc;cursor:not-allowed}.variant-mix-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.variant-mix-swatch{display:inline-block;width:40px;height:40px;border-radius:100px;border:2px solid rgba(0,0,0,.2);background-clip:padding-box;background-color:var(--swatch-background-color, #d5d5d5);background-image:var(--swatch-background-image, none);background-size:cover;background-position:center;transition:border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;text-decoration:none;cursor:pointer}.variant-mix-swatch.is-current{border-color:#397a85;box-shadow:0 0 0 2px #fff,0 0 0 3px #397a85;cursor:default;pointer-events:none}.variant-mix-swatch:not(.is-current):not(.is-unavailable):hover{border-color:#397a85b3}.variant-mix-swatch.is-unavailable{opacity:.45;cursor:pointer}.variant-mix-swatch.is-unavailable:after{content:"";position:absolute;top:50%;left:-4%;width:108%;height:1px;background:#00000059;transform:rotate(-45deg);pointer-events:none}.info-tooltip{display:inline-block;position:relative}.tooltip-icon{background-color:#177f87;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;margin-left:8px;cursor:pointer}.tooltip-content{display:none;position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;width:400px;top:20px;left:-70px;z-index:10;box-shadow:0 4px 8px #0000001a;font-size:12px}@media(max-width:768px){.tooltip-content{width:250px;right:0}}.info-tooltip:hover .tooltip-content{display:block}.tooltip-content p{font-weight:400}.tooltip-content>p:last-child{margin-bottom:0}.tooltip-item{display:flex;align-items:flex-start}.tooltip-image{height:auto;margin-right:10px;padding:10px}
/*# sourceMappingURL=/cdn/shop/t/177/assets/variant-mix.css.map */