.hidden {display: none !important;visibility: hidden !important;}.tp-swatches {align-items: center;display: flex;flex-wrap: wrap;justify-content: flex-start;padding: 5px;}.swatch-container {margin: 10px 0;margin-right: 20px;position: relative;}.swatch-container:last-of-type {margin-right: 0;}.swatch {cursor: pointer;height: 30px;position: relative;transition: 0.3s ease;white-space: nowrap;width: 30px;}.swatch:before, .swatch:after {display: block;}.swatch:before {border: 1px solid #ddd;bottom: -4px;content: '';left: -4px;position: absolute;right: -4px;top: -4px;}.swatch .text {font-size: 0;}.swatch.small {height: 20px;width: 20px;}.swatch.medium {height: 30px;width: 30px;}.swatch.large {height: 40px;width: 40px;}.swatch.swatch--circle {border-radius: 50%;}.swatch.swatch--circle:before {border-radius: 50%;}.swatch.swatch--rounded {border-radius: 5px;}.swatch.swatch--rounded:before {border-radius: 5px;}.swatch.swatch--square {border-radius: 0;}.swatch.swatch--square:before {border-radius: 0;}.swatch.swatch__colour {text-indent: -100vw;}.swatch.selected {border-color: transparent;}.swatch.selected:after {border: solid #eee;border-radius: 0;border-width: 0 2px 2px 0;content: "";display: block;height: 10px;left: 50%;margin: -2px -2px 0 0;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 6px;}.swatch:not(.swatch-color) {background-color: #f1f1f1;}.swatch.disabled {cursor: default;opacity: 0.4 !important;}.swatch.disabled .swatch__tooltip {display: none;}.swatch__tooltip {background: #333;border-radius: 3px;color: #fff;font-size: 14px;font-weight: 500;display: inline-block;position: absolute;left: 50%;min-width: max-content;opacity: 0;padding: 5px 10px;text-indent: initial;top: 100%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);transition: all 0.3s;user-select: none;visibility: hidden;word-break: break-all;white-space: normal;z-index: 2;}.swatch__tooltip:after {background: #333;content: "";height: 12px;margin-left: -6px;left: 50%;position: absolute;top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);width: 12px;z-index: -1;}.swatch:hover + .swatch__tooltip {opacity: 1;user-select: auto;visibility: visible;}