.napkin-color-choice__custom{display:flex;align-items:center;align-self:flex-start;gap:.6rem}.napkin-color-choice__label{display:flex}.napkin-color-choice__swatch{display:block;box-sizing:border-box;width:48px;height:48px;padding:3px;cursor:pointer;background-color:transparent;background-image:conic-gradient(#e04a4a,#e8c24a,#5fbf6a,#4aa8e0,#7a5fd0,#d05fb0,#e04a4a);background-clip:content-box;border:1px solid rgb(var(--color-foreground-rgb) / .18);border-radius:50%;-webkit-appearance:none;appearance:none}.napkin-color-choice__swatch::-webkit-color-swatch-wrapper{padding:0}.napkin-color-choice__swatch::-webkit-color-swatch{border:0;border-radius:50%}.napkin-color-choice__swatch::-moz-color-swatch{border:0;border-radius:50%}.napkin-color-choice__custom:not(.is-picked) .napkin-color-choice__swatch::-webkit-color-swatch{opacity:0}.napkin-color-choice__custom:not(.is-picked) .napkin-color-choice__swatch::-moz-color-swatch{opacity:0}.napkin-color-choice__custom.is-picked .napkin-color-choice__swatch{border-color:var(--color-foreground);box-shadow:0 0 0 1px var(--color-foreground)}.napkin-color-choice__text{font-size:.8125rem;line-height:1.35;cursor:pointer;color:rgb(var(--color-foreground-rgb) / .62)}.napkin-color-choice__custom.is-picked .napkin-color-choice__text{color:var(--color-foreground)}.napkin-color-choice__code{letter-spacing:.04em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/15/assets/napkin-color-choice.css.map */