.product-swatch{--button-max-height:64px;--button-width:64px;--button-height:64px;--button-border-radius:var(--swatch-border-radius,100%);background-color:var(--swatch-background-color,transparent);z-index:0;flex-shrink:0;padding:0;transition:all .25s ease-in-out;overflow:visible}.product-swatch.selected,.product-swatch:hover{--swatch-border-color:var(--c-primary)}.product-swatch.disabled{opacity:.4}.product-swatch.unselectable{pointer-events:none}.product-swatch.square-type{--swatch-border-radius:1px}.product-swatch.square-rounded-corners-type{--swatch-border-radius:6px}.product-swatch.rounded-label-inside-type{--swatch-border-radius:100%}.product-swatch.rounded-label-outside-type{--swatch-border-radius:100%;--swatch-label-bottom:-22px}.product-swatch__picture{-o-object-fit:contain;object-fit:contain;pointer-events:none;max-width:100%;max-height:100%;overflow:hidden}.product-swatch__picture-wrapper{border-width:1px;border-color:var(--swatch-border-color,transparent);border-radius:var(--swatch-border-radius,0);border-style:solid;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.product-swatch__label{padding:var(--swatch-label-padding,0);border-radius:var(--swatch-label-border-radius,0);width:var(--swatch-label-width,100%);max-width:var(--swatch-label-max-width,unset);background-color:var(--swatch-label-background-color,#fff9);color:var(--swatch-label-color,var(--c-black));bottom:var(--swatch-label-bottom,0);transition:var(--swatch-label-transition,background-color .25s ease);transform:var(--swatch-label-transform,scale(1) translate(0,0));font-family:var(--font-family--secondary);text-overflow:ellipsis;font-size:10px;font-weight:400;line-height:20px;overflow:hidden}.product-swatch__label,.product-swatch__ribbon{white-space:nowrap;text-align:center;position:absolute}.product-swatch__ribbon{--badge-padding:0px;--badge-height:16px;--badge-line-height:16px;transform-origin:0 0;z-index:1;width:100%;font-size:9px;font-weight:700;top:30px;left:-15px;transform:rotate(-45deg)}
