.sanvt-colors{--cpk-label: 12.5px;--cpk-name: 12px;--cpk-name-gap: 10px;--cpk-head-gap: 10px;--cpk-swatch: 20px;--cpk-swatch-gap: 10px;--cpk-line-gap: 5px;--cpk-hit: 44px;--cpk-line-gap-narrow: 4px;--cpk-bleed: 20px;--cpk-scrollbar-gap: 4px;--cpk-scrollbar-h: 1px}.sanvt-colors__head{display:flex;align-items:baseline;gap:var(--cpk-name-gap)}.sanvt-colors__label{font-size:var(--cpk-label);color:var(--sanvt-black)}.sanvt-colors__name{font-size:var(--cpk-name);color:var(--sanvt-color-name)}.sanvt-colors__track{--sanvt-swatch-size: var(--cpk-swatch);--ui-swatch-line-gap: var(--cpk-line-gap);margin-top:var(--cpk-head-gap)}.sanvt-colors__swatches{display:flex;flex-wrap:wrap;gap:var(--cpk-swatch-gap)}.sanvt-colors__bar{margin-top:var(--cpk-scrollbar-gap);margin-bottom:calc((var(--cpk-scrollbar-gap) + var(--cpk-scrollbar-h)) * -1)}.sanvt-colors--fit .sanvt-colors__track{contain:inline-size;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.sanvt-colors--fit .sanvt-colors__track::-webkit-scrollbar{display:none;height:0;width:0}.sanvt-colors--fit .sanvt-colors__swatches{flex-wrap:nowrap}.sanvt-colors--fit .ui-swatch{flex:0 0 auto}@media(max-width:1100px){.sanvt-colors__track{--ui-swatch-pad: calc((var(--cpk-hit) - var(--cpk-swatch)) / 2);--ui-swatch-line-gap: var(--cpk-line-gap-narrow);margin-top:0;margin-left:calc((var(--cpk-hit) - var(--cpk-swatch)) / -2)}.sanvt-colors__swatches{gap:0}.sanvt-colors--scroll .sanvt-colors__track{contain:inline-size;margin-right:calc(var(--cpk-bleed) * -1);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.sanvt-colors--scroll .sanvt-colors__track::-webkit-scrollbar{display:none;height:0;width:0}.sanvt-colors--scroll .sanvt-colors__swatches{flex-wrap:nowrap}.sanvt-colors--scroll .ui-swatch{flex:0 0 auto}.sanvt-colors--fit .sanvt-colors__track{margin-right:calc(var(--cpk-bleed) * -1)}}
/*# sourceMappingURL=/cdn/shop/t/629/assets/sanvt-color-picker.css.map */