.marble-card-colors{display:flex;align-items:center;flex-wrap:nowrap;gap:9px;padding:10px 12px 5px;overflow-x:auto;scrollbar-width:none;position:relative;z-index:5}.marble-card-colors::-webkit-scrollbar{display:none}.marble-card-colors__item{flex:0 0 auto}.marble-card-colors__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:2px;border:1px solid #dedede;border-radius:50%;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .15s ease}.marble-card-colors__button img{width:100%;height:100%;border-radius:50%;object-fit:cover}.marble-card-colors__button.is-active{border:2px solid #111;padding:3px}.marble-card-colors__button:hover{border-color:#111}.marble-card-colors__button:focus-visible{outline:2px solid #111;outline-offset:3px}@media(max-width:749px){.marble-card-colors{gap:7px;padding:9px 7px 4px}.marble-card-colors__button{width:28px;height:28px}}.card-wrapper .marble-card-colors{width:100%;max-width:100%;box-sizing:border-box;grid-column:1 / -1;flex-basis:100%}.card-wrapper{min-width:0}.card-wrapper .card,.card-wrapper .card__information{min-width:0;max-width:100%}.card-wrapper .marble-card-colors{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px 4px 6px!important;margin:0!important;scrollbar-width:none;overscroll-behavior-x:contain}.card-wrapper .marble-card-colors::-webkit-scrollbar{display:none}.card-wrapper .marble-card-colors__item{flex:0 0 auto!important}.card-wrapper .marble-card-colors__button{width:29px!important;height:29px!important}.card-wrapper .card__heading{overflow-wrap:anywhere}.card-wrapper .marble-card-colors{position:relative;padding-right:26px!important}.card-wrapper .marble-card-colors:after{content:"";position:absolute;top:0;right:0;width:24px;height:100%;pointer-events:none;background:linear-gradient(to right,#fff0,#fff 75%)}.card-wrapper .marble-card-colors{scroll-behavior:smooth}.card-wrapper .marble-card-colors:before{content:"\203a";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:16px;line-height:1;color:#888;pointer-events:none;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/25/assets/marble-card-colors.css.map */