.swatch .header{min-width:100%}.swatch input{top:0;left:0;height:100%;opacity:0;cursor:pointer}@media (max-width: 991px){.swatch{overflow-x:auto;overflow-y:hidden}.swatch::-webkit-scrollbar{width:2px;height:0px;border-radius:3px}.swatch::-webkit-scrollbar-track{background:#f1f1f1;width:80%}.swatch::-webkit-scrollbar-thumb{background:var(--mainColor)}.swatch::-webkit-scrollbar-thumb:hover{background:var(--mainColor)}}@media (max-width: 991px){.scroll_info .info{margin-right:-10%}.fade_mb{margin-left:calc(-10% - 8px)}.fade_mb .swatch{padding-left:calc(10% + 8px)}.fade_mb:after{content:'';width:50px;height:100%;position:absolute;right:0;top:0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%)}.fade_mb:before{content:'';width:50px;height:100%;position:absolute;left:0;top:0;background:linear-gradient(270deg, rgba(255,255,255,0) 0%, #fff 100%);z-index:1}}.swatch label,.swatch .dlabel,.list_pr_tag .b_pr .item a{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;min-height:44px;border-radius:8px;border:1.5px solid var(--border-subtle);background:#fff;font-size:13px;font-weight:500;color:var(--ink-primary);cursor:pointer;transition:border-color 300ms var(--hebekery-easing-bounce),color 300ms var(--hebekery-easing-bounce),background 200ms var(--hebekery-easing-default),transform 300ms var(--hebekery-easing-bounce)}.swatch label:before,.swatch .dlabel:before,.list_pr_tag .b_pr .item a:before{font-weight:bold;height:0;overflow:hidden;visibility:hidden}.color.swatch-element label{padding:0;border-radius:6px;width:34px;height:34px;min-height:auto;flex-shrink:0;background:var(--oat-cream)}.swatch .swatch-element:hover>label,.swatch .swatch-element:hover .dlabel{border-color:var(--ink-tertiary)}.swatch .swatch-element input:checked+label,.swatch .swatch-element input:checked+.dlabel{border-color:var(--mainColor2);border-width:2px;color:var(--mainColor);background:rgba(26,154,155,0.05);animation:swatchTick 300ms var(--hebekery-easing-bounce)}.swatch .color input:checked+label{background:initial;border-color:initial;color:#000}.swatch .color input:checked+label{position:relative}.swatch .color input:checked+label:after{width:100%;height:100%;position:absolute;top:0;left:0}.swatch .swatch-element{-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;margin-bottom:8px !important}.swatch .swatch-element.soldout{pointer-events:none}.swatch .swatch-element.soldout .dlabel{cursor:not-allowed;background-color:#f7f7f7;opacity:.6}.swatch .swatch-element.soldout label{background-color:#f7f7f7;opacity:.6}.swatch.error code{font-family:monospace}label[for]{cursor:pointer}.product-variation__tick{width:1rem;height:1rem;overflow:hidden;right:0;bottom:0;display:none;pointer-events:none}.product-variation__tick::before{border:1rem solid transparent;border-bottom-color:transparent;border-bottom-color:var(--mainColor);content:'';position:absolute;right:-1rem;bottom:0}.product-variation__tick>.icon-tick-bold{position:absolute;right:2px;bottom:1px;fill:#fff;font-size:0.5rem;width:1em;height:1em}@keyframes swatchTick{0%{transform:scale(1)}45%{transform:scale(1.05)}100%{transform:scale(1)}}