.card-swatches{padding:0}.card-swatches__btn{--button-width:32px;--button-height:32px;--button-max-height:32px;--button-border-radius:0px;--button-border-style:none}.card-swatches__image{-o-object-fit:contain;object-fit:contain;pointer-events:none;--image-width:30px;--image-height:30px;--min-width:30px;--min-height:30px;overflow:hidden}.card-swatches__image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.card-swatches__active-border{border-bottom:2px solid var(--c-primary--500);width:calc(100% - 2px);position:absolute;bottom:-2px}.card-swatches__ribbon{--badge-padding:0px;--badge-height:16px;--badge-line-height:16px;transform-origin:0 0;white-space:nowrap;z-index:1;text-align:center;width:100%;font-size:9px;font-weight:700;position:absolute;top:30px;left:-15px;transform:rotate(-45deg)}