.HTS-variant-flavours{margin-top:20px;margin-bottom:20px}.HTS-variant-label{text-transform:uppercase;color:#393939;font-size:12px;line-height:16px;letter-spacing:.8px;margin-top:0;margin-bottom:14px;font-weight:700}.HTS-variant-swatches{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:12px;column-gap:10px}.HTS-variant-swatch{border-radius:10px;background-color:#fff;border:1px solid #E6E6E6;transition:border .35s;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative}.HTS-swatch-confetti{background-image:url("data:image/svg+xml, %3Csvg width='138' height='63' viewBox='0 0 138 63' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Ccircle cx='123.5' cy='50' r='2.5' fill='%23FF6928'/%3E%3Ccircle cx='61.5' cy='2.5' r='2.5' fill='%239B5BE9'/%3E%3Ccircle cx='45.5' cy='60.5' r='2.5' fill='%23EFCA23'/%3E%3Ccircle cx='2.5' cy='28.5' r='2.5' fill='%23FFE0F9'/%3E%3Ccircle cx='111.5' cy='7.5' r='2.5' fill='%23FFE0F9'/%3E%3Ccircle cx='135.5' cy='28' r='2.5' fill='%230FD4CC'/%3E%3C/svg%3E");background-position-x:-2px;background-position-y:-2px;background-repeat:no-repeat;background-size:93%}.HTS-swatch-badge{position:absolute;top:-6px;right:8px;color:#f50d3a;border:1px solid #F50D3A;background-color:#fff;border-radius:4px;padding:4px 6px;display:flex;gap:2.5px;text-transform:uppercase;font-size:8px;font-weight:700;line-height:8px;letter-spacing:.5px}.HTS-variant-swatch--active{border:1px solid #F50D3A}.HTS-variant-swatch:not(.HTS-variant-swatch--active):hover{border:1px solid #9b9b9b}.HTS-variant-swatch p{margin:0;width:100%;text-transform:uppercase;color:#393939;font-size:11px;line-height:16px;letter-spacing:.8px;font-weight:700}@media screen and (max-width: 1099px){.HTS-variant-swatches{grid-template-columns:1fr 1fr}}@media screen and (max-width:499px){.HTS-variant-swatches{grid-template-columns:1fr 1fr 1fr}.HTS-variant-label{font-size:10px;line-height:10px}.HTS-variant-swatch{flex-direction:column;align-items:baseline;gap:8px;padding:8px 2px 8px 12px}.HTS-variant-swatch img{height:30px;width:30px}.HTS-variant-swatch p{font-size:9px;line-height:9px}.HTS-variant-swatch p br{display:none}.HTS-swatch-confetti{background-position-x:0px;background-position-y:-.5px;background-size:90%;background-image:url("data:image/svg+xml,%3Csvg width='94' height='37' viewBox='0 0 94 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='68.5' cy='34.5' r='2.5' fill='%23FF6928'/%3E%3Ccircle cx='57.5' cy='15.5' r='2.5' fill='%239B5BE9'/%3E%3Ccircle cx='2.5' cy='31.5' r='2.5' fill='%23EFCA23'/%3E%3Ccircle cx='80.5' cy='2.5' r='2.5' fill='%23FFE0F9'/%3E%3Ccircle cx='91.5' cy='23.5' r='2.5' fill='%230FD4CC'/%3E%3C/svg%3E%0A")}.HTS-swatch-badge{right:5px;padding:4px 6px;font-size:7px;line-height:7px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/HTS-variant-swatch.css.map */