.more-colors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.more-colors__ribbon{position:absolute;display:block;box-sizing:border-box;width:20rem;padding:var(--mc-pad, 6px) 0;border:.1rem solid rgba(var(--color-badge-border),var(--alpha-badge-border));background-color:rgb(var(--color-badge-background));color:rgb(var(--color-badge-foreground));font-size:1rem;line-height:1;letter-spacing:.05rem;text-align:center;text-transform:uppercase;white-space:nowrap;box-shadow:0 .1rem calc(.2rem + .8rem * var(--mc-shadow, .25)) rgba(var(--color-shadow),calc(.6 * var(--mc-shadow, .25)))}.more-colors--top-left .more-colors__ribbon{top:var(--mc-y, 44px);left:var(--mc-x, 44px);transform:translate(-50%,-50%) rotate(-45deg)}.more-colors--top-right .more-colors__ribbon{top:var(--mc-y, 44px);right:var(--mc-x, 44px);transform:translate(50%,-50%) rotate(45deg)}.more-colors--bottom-left .more-colors__ribbon{bottom:var(--mc-y, 44px);left:var(--mc-x, 44px);transform:translate(-50%,50%) rotate(45deg)}.more-colors--bottom-right .more-colors__ribbon{bottom:var(--mc-y, 44px);right:var(--mc-x, 44px);transform:translate(50%,50%) rotate(-45deg)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-more-colors.css.map */