:root{--lv-size: 50px;--lv-radius: 50%;--lv-gap: 8px;--lv-border-color: #e0e0e0;--lv-border-width: 2px;--lv-active-color: #000000;--lv-active-ring-gap: 2px;--lv-oos-opacity: .4;--lv-oos-line-color: #999;--lv-transition: .15s ease;--lv-tooltip-bg: rgba(0, 0, 0, .82);--lv-tooltip-color: #fff;--lv-tooltip-font-size: 11px;--lv-tooltip-radius: 4px;--lv-tooltip-padding: 4px 8px;--lv-heading-font-size: .85em;--lv-heading-color: currentColor;--lv-subsection-font-size: .75em;--lv-subsection-color: #888}.lv-swatches-wrapper{opacity:0;transition:opacity var(--lv-transition);margin:8px 0}.lv-swatches-wrapper.lv-swatches-wrapper--ready{opacity:1}.lv-swatches-heading{font-size:var(--lv-heading-font-size);color:var(--lv-heading-color);margin:0 0 6px;font-weight:600}.lv-swatches-subsection{font-size:var(--lv-subsection-font-size);color:var(--lv-subsection-color);margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.lv-selected-label{font-size:var(--lv-heading-font-size);margin:6px 0 0;color:var(--lv-heading-color)}.lv-swatches-list{display:flex;flex-wrap:wrap;gap:var(--lv-gap);align-items:center;list-style:none;margin:0;padding:0}.lv-swatch-item{position:relative;display:inline-flex;align-items:center;justify-content:center}.lv-swatch{display:inline-flex;align-items:center;justify-content:center;width:80px!important;height:80px!important;border-radius:10px;border:var(--lv-border-width) solid var(--lv-border-color);cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:transform var(--lv-transition),border-color var(--lv-transition),box-shadow var(--lv-transition);outline:none;background-color:#ccc;background-size:cover;background-position:center;flex-shrink:0}.lv-swatch:hover,.lv-swatch:focus-visible{transform:scale(1.12);border-color:var(--lv-active-color)}[data-swatch-border=border] .lv-swatch-item--active .lv-swatch,[data-swatch-border=border] .lv-swatch[aria-current=true]{border:2px solid var(--lv-active-color)}[data-swatch-border=ring] .lv-swatch-item--active .lv-swatch,[data-swatch-border=ring] .lv-swatch[aria-current=true]{box-shadow:0 0 0 var(--lv-active-ring-gap) #fff,0 0 0 calc(var(--lv-active-ring-gap) + 2px) var(--lv-active-color);border-color:transparent}[data-swatch-border=dot] .lv-swatch-item--active .lv-swatch:after,[data-swatch-border=dot] .lv-swatch[aria-current=true]:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--lv-active-color)}.lv-swatch--oos{opacity:var(--lv-oos-opacity);cursor:default}[data-out-of-stock=strikethrough] .lv-swatch--oos:before{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1.5px;background-color:var(--lv-oos-line-color);transform:rotate(-45deg);pointer-events:none;z-index:1}.lv-swatch-label{font-size:10px;line-height:1;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.lv-tooltip{position:absolute;left:50%;transform:translate(-50%);background:var(--lv-tooltip-bg);color:var(--lv-tooltip-color);font-size:var(--lv-tooltip-font-size);padding:var(--lv-tooltip-padding);border-radius:var(--lv-tooltip-radius);white-space:nowrap;pointer-events:none;z-index:100;opacity:0;transition:opacity var(--lv-transition),transform var(--lv-transition)}.lv-tooltip--top{bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px)}.lv-tooltip--top.lv-tooltip--visible{opacity:1;transform:translate(-50%) translateY(0)}.lv-tooltip--bottom{top:calc(100% + 6px);transform:translate(-50%) translateY(-4px)}.lv-tooltip--bottom.lv-tooltip--visible{opacity:1;transform:translate(-50%) translateY(0)}.lv-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:4px solid transparent}.lv-tooltip--top:after{top:100%;border-top-color:var(--lv-tooltip-bg)}.lv-tooltip--bottom:after{bottom:100%;border-bottom-color:var(--lv-tooltip-bg)}.lv-card-swatches{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0;align-items:center}.lv-card-swatches .lv-swatch{--lv-size: 18px;cursor:pointer}.lv-card-swatches .lv-swatch:hover{transform:scale(1.15)}.lv-card-overflow{font-size:11px;color:#888;line-height:var(--lv-size)}.lv-swatch:focus-visible{outline:2px solid var(--lv-active-color);outline-offset:3px}@media screen and (max-width:480px){:root{--lv-gap: 6px}.lv-swatch{touch-action:manipulation}}@media(forced-colors:active){.lv-swatch{border:2px solid ButtonText}.lv-swatch-item--active .lv-swatch{border:3px solid Highlight}}@media print{.lv-swatches-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lv-swatches.css.map */