.swatch{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0;flex:0 1 100%}.text-center .swatch{justify-content:center}.swatch .header{width:100%;font-size:12.6px;line-height:normal;padding:2px 0;margin:0 0 8px;display:block}.swatch input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;border-radius:10%;z-index:2;cursor:pointer}.swatch input:checked+label:after{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s;-webkit-transform:translateY(0);transform:translateY(0)}.swatch label{position:relative;float:left;height:var(--swatch_height)!important;min-width:var(--swatch_width)!important;margin:0;text-align:center;line-height:25px;white-space:nowrap;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.swatch label span{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ddd;background-position:center center;background-size:cover;background-repeat:no-repeat}.swatch label:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px solid rgba(60,60,60,.5);border-radius:50%;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.swatch .swatch-element{position:relative;margin:0 10px 10px 0;-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased}.swatch .swatch-element label{padding:0 10px;cursor:pointer}.swatch .swatch-element .crossed-out{display:none}.swatch .swatch-element.color label{padding:0}.swatch .swatch-element.soldout .crossed-out{display:block}.swatch .swatch-element.soldout label{filter:alpha(opacity=60);-khtml-opacity:.6;-moz-opacity:.6;opacity:.6}.swatch .swatch-element.white label span{box-shadow:inset 0 0 0 1px var(--color_site_border)}@media only screen and (max-width:768px){.swatch .swatch-element{float:none;display:inline-block;margin:0 5px 10px}}.swatch .swatch-element:after{content:attr(data-value);position:absolute;left:0;top:100%;margin-top:8px;background:var(--color_bg);color:var(--color_text);padding:2px 5px;border-radius:3px;box-shadow:0 1px 3px #00000026;border:1px solid var(--color_site_border);white-space:nowrap;opacity:0;visibility:hidden;transition:transform .15s ease,opacity .15s ease,visibility 0s linear .15s;font-size:12.6px;-webkit-transform:translateY(50%);transform:translateY(50%)}.swatch .swatch-element:hover{z-index:5}.swatch .swatch-element:hover:after{opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease,visibility 0s linear 0s;-webkit-transform:translateY(0);transform:translateY(0)}.swatch.error{background-color:#e8d2d2!important;color:#333!important;padding:1em}.swatch.error p{margin:.7em 0}.swatch.error p:first-child{margin-top:0}.swatch.error p:last-child{margin-bottom:0}.swatch.error code{font-family:monospace}
/*# sourceMappingURL=/cdn/shop/t/412/assets/swatch.css.map */