.product-variants .sk-consumable-color-field{min-width:0}.sk-consumable-color-field sk-consumable-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-variants .sk-consumable-color-field [type=radio]+.sk-consumable-color-choice{position:relative;display:flex;justify-content:flex-start;gap:6px;min-width:0;min-height:48px;height:auto;margin:0;padding:6px;border:1px solid var(--color-border);border-radius:5px;box-shadow:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.4rem);line-height:1.4;text-indent:0;opacity:1;overflow:visible}.product-variants .sk-consumable-color-field [type=radio]:checked+label{border-color:rgb(var(--color-accent-2));box-shadow:inset 0 0 0 1px rgb(var(--color-accent-2));background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.product-variants .sk-consumable-color-field [type=radio].disabled+label{opacity:1;overflow:visible}.product-variants .sk-consumable-color-field [type=radio]:focus-visible+label{outline:3px solid Highlight;outline-offset:3px}.product-variants .sk-consumable-color-field [type=radio].disabled+label:after{content:none}.sk-consumable-color-field .sk-consumable-color-swatch{flex:0 0 24px;width:24px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #a9afb6;border-radius:3px;overflow:hidden}.sk-consumable-color-field .sk-consumable-color-swatch img{display:block;width:100%;height:100%;object-fit:cover}.sk-consumable-color-field .is-material{position:relative;background:var(--sk-material-fill),#fff}.sk-consumable-color-field [data-material-kind=transparent]{background-image:var(--sk-material-fill),conic-gradient(#d6d9dc 25%,#fff 0 50%,#d6d9dc 0 75%,#fff 0);background-size:auto,8px 8px}.sk-consumable-color-field [data-material-kind=sparkle]:before,.sk-consumable-color-field [data-material-kind=marble]:before,.sk-consumable-color-field [data-material-kind=sheen]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sk-consumable-color-field [data-material-kind=sparkle]:before{background:radial-gradient(circle,#ffffffb3 .7px,transparent 1px) 0 0 / 7px 9px}.sk-consumable-color-field [data-material-kind=marble]:before{background:radial-gradient(circle,#5559 .6px,transparent 1px) 0 0 / 9px 7px}.sk-consumable-color-field [data-material-kind=sheen]:before{background:linear-gradient(115deg,transparent 20%,#ffffff55 45%,transparent 70%)}.sk-consumable-color-field .is-missing{border-style:dashed;color:rgb(var(--color-foreground))}.sk-consumable-color-field .sk-consumable-color-copy{min-width:0}.sk-consumable-color-field .sk-consumable-color-name{display:block;overflow-wrap:anywhere}.sk-consumable-color-field .sk-consumable-color-status{display:block;font-size:11px;font-weight:400;margin-top:2px}.sk-consumable-color-field .sk-consumable-color-check{position:absolute;top:-5px;right:-4px;width:15px;height:15px;border-radius:50%;background:rgb(var(--color-accent-2));color:#fff;text-align:center;font-size:11px;line-height:15px;visibility:hidden}.sk-consumable-color-field input:checked+label .sk-consumable-color-check{visibility:visible}.sk-consumable-color-field .sk-consumable-color-choice.is-wide{grid-column:1 / -1}.sk-consumable-color-field .sk-consumable-color-note{margin:10px 0 0;font-size:12px;line-height:1.5;font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/50/assets/sk-consumable-colors.css.map */