.variant-wrapper--media,.variant-wrapper--media *,.variant-wrapper--media *:before,.variant-wrapper--media *:after{box-sizing:border-box}.variant-wrapper--media{margin-bottom:22px}.variant-input-wrap--media{display:grid!important;grid-template-columns:repeat(var(--swatch-cols, 4),minmax(0,1fr))!important;gap:calc(var(--swatch-gap, 8px) + 2px) var(--swatch-gap, 8px)!important;justify-items:center!important;align-items:start!important;margin:0!important;padding:0!important;border:0!important}.variant-input-wrap--media .optioncontainer--media{position:relative;display:block!important;width:100%;max-width:var(--swatch-max, 120px);margin:0!important;padding:0!important}.variant-input-wrap--media .variant-input{display:block!important;width:100%;margin:0!important;padding:0!important;background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;clip-path:none!important;-webkit-clip-path:none!important;outline:none!important}.variant-input-wrap--media input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variant-input-wrap--media .variant__media-label{display:block!important;aspect-ratio:1 / 1;width:100%;margin:0!important;padding:var(--swatch-edge, 2px)!important;overflow:hidden;cursor:pointer;text-align:center;text-transform:none!important;font-family:inherit!important;font-weight:400!important;letter-spacing:0!important;color:inherit!important;background-color:var(--colorBorder, #c0c0c0)!important;border:0!important;border-radius:var(--swatch-radius, 0px)!important;box-shadow:none!important;clip-path:polygon(0 0,calc(100% - var(--swatch-chop, 10px)) 0,100% var(--swatch-chop, 10px),100% 100%,0 100%)!important;-webkit-clip-path:polygon(0 0,calc(100% - var(--swatch-chop, 10px)) 0,100% var(--swatch-chop, 10px),100% 100%,0 100%)!important;transition:background-color .15s ease-out;-webkit-tap-highlight-color:transparent}.variant-input-wrap--media .variant__media-inner{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background-color:var(--colorBody, #fff);border-radius:var(--swatch-radius, 0px);clip-path:polygon(0 0,calc(100% - var(--swatch-chop-inner, 8px)) 0,100% var(--swatch-chop-inner, 8px),100% 100%,0 100%);-webkit-clip-path:polygon(0 0,calc(100% - var(--swatch-chop-inner, 8px)) 0,100% var(--swatch-chop-inner, 8px),100% 100%,0 100%)}.variant-input-wrap--media .variant__media-frame{position:relative;flex:1 1 auto;min-height:0;width:100%;padding:var(--swatch-pad, 4px);overflow:hidden;background-color:var(--colorSmallImageBg, #f7f7f7)}.variant-input-wrap--media .variant__media-img{display:block;width:100%;height:100%;object-fit:var(--swatch-fit, cover);object-position:var(--swatch-pos, center);transform:scale(var(--swatch-zoom, 1));transform-origin:var(--swatch-pos, center);background-position:var(--swatch-pos, center);background-size:var(--swatch-fit, cover);background-repeat:no-repeat}.variant-input-wrap--media .variant__media-name{flex:0 0 auto;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;padding:3px 2px;font-size:var(--swatch-name-size, 9px);line-height:1.1;letter-spacing:0;text-transform:none;overflow:hidden;overflow-wrap:break-word;background-color:transparent;color:inherit;opacity:.85;transition:background-color .15s ease-out,color .15s ease-out}.variant-input-wrap--media input[type=radio]:checked+.variant__media-label{background-color:var(--colorTextBody, #000)!important}.variant-input-wrap--media input[type=radio]:checked+.variant__media-label .variant__media-name{background-color:var(--colorTextBody, #000)!important;color:var(--colorBody, #fff)!important;font-weight:700!important;opacity:1}.variant-input-wrap--media input[type=radio]:focus-visible+.variant__media-label{outline:2px solid var(--colorTextBody, #1c1d1d);outline-offset:2px}.variant-input-wrap--media .variant__media-label.disabled{opacity:.4}.variant-input-wrap--media .variant__media-label.disabled:after{content:none!important}.variant-input-wrap--media .variant__media-label.disabled .variant__media-frame:after{content:"";position:absolute;top:50%;left:-15%;width:130%;height:2px;background-color:currentColor;transform:rotate(-45deg);transform-origin:center}.variant-input-wrap--media .optioncontainer--media .ct-badge{position:absolute;top:-7px;right:-3px;z-index:2;width:auto;margin:0;padding:2px 5px;font-size:9px;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;border-radius:3px;pointer-events:none}@media(hover:hover)and (pointer:fine){.variant-input-wrap--media input[type=radio]:not(:checked)+.variant__media-label:hover{background-color:#0006!important}}.variant__swatch-note{margin:-4px 0 18px;font-size:13px;line-height:1.45;opacity:.75}.variant__swatch-note p:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.variant-input-wrap--media .variant__media-label,.variant-input-wrap--media .variant__media-name{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/component-variant-image-swatch.css.map */