.radio__button--custom-colors,.radio__fieldset .radio__button--custom-colors{display:inline-block!important;position:relative!important;min-width:var(--option-image-width, 0)!important;max-width:none!important;width:auto!important;height:auto!important;padding:4px!important;margin:0!important;vertical-align:middle!important;box-sizing:content-box!important;flex:none!important;flex-grow:0!important;flex-shrink:0!important}.radio__button--custom-colors input:checked~label,.radio__fieldset .radio__button--custom-colors input:checked~label,.radio__buttons .radio__button--custom-colors input:checked~label{background:var(--custom-bg, var(--text))!important;color:var(--custom-text, var(--bg))!important;border-color:var(--custom-border, var(--custom-bg, var(--text)))!important}.radio__button--custom-colors label:hover,.radio__button--custom-colors label:active,.radio__button--custom-colors label:focus,.radio__fieldset .radio__button--custom-colors label:hover,.radio__fieldset .radio__button--custom-colors label:active,.radio__fieldset .radio__button--custom-colors label:focus{background:var(--custom-hover-bg, var(--custom-bg, var(--text)))!important;color:var(--custom-hover-text, var(--custom-text, var(--bg)))!important;border-color:var(--custom-border, var(--custom-hover-bg, var(--text)))!important}.radio__button--custom-colors label,.radio__fieldset .radio__button--custom-colors label{display:block!important;font-family:var(--BTN-FONT-STACK)!important;font-size:var(--BTN-FONT-SIZE)!important;font-style:var(--BTN-FONT-STYLE)!important;font-weight:var(--BTN-FONT-WEIGHT)!important;line-height:var(--line-height-normal)!important;letter-spacing:var(--BTN-LETTER-SPACING)!important;text-transform:var(--BTN-UPPERCASE)!important;position:relative!important;margin:0!important;padding:10px!important;min-width:calc(var(--BTN-FONT-SIZE) * var(--line-height-normal) + 22px)!important;max-width:none!important;width:auto!important;text-align:center!important;border:1px solid var(--text)!important;border-radius:min(var(--RADIUS),20px)!important;box-sizing:border-box!important;transition:color .5s cubic-bezier(.215,.61,.355,1),background .5s cubic-bezier(.215,.61,.355,1),border .5s cubic-bezier(.215,.61,.355,1)!important}.radio__button--custom-colors input:disabled+label,.radio__button--custom-colors input.sold-out+label,.radio__button--custom-colors input.unavailable+label{opacity:.5;filter:grayscale(50%);cursor:not-allowed}.radio__button--custom-colors label{transition:color .3s cubic-bezier(.215,.61,.355,1),background .3s cubic-bezier(.215,.61,.355,1),border .3s cubic-bezier(.215,.61,.355,1)}.is-focused .radio__button--custom-colors:focus-within{outline:3px solid var(--variant-bg-color, var(--accent));outline-offset:2px}@media screen and (max-width: 767px){.radio__button--custom-colors,.radio__fieldset .radio__button--custom-colors{display:inline-block!important;position:relative!important;padding:4px!important;margin:0!important;vertical-align:middle!important;width:auto!important;max-width:none!important}.radio__button--custom-colors label,.radio__fieldset .radio__button--custom-colors label{display:block!important;margin:0!important;padding:10px!important;width:auto!important;max-width:none!important;min-width:calc(var(--BTN-FONT-SIZE) * var(--line-height-normal) + 22px)!important;height:auto!important;min-height:0!important;box-sizing:border-box!important;font-size:var(--BTN-FONT-SIZE)!important;line-height:var(--line-height-normal)!important;text-align:center!important}}.radio__fieldset--variant-option-image .radio__button--custom-colors input:checked~label{border-color:var(--variant-border-color, var(--variant-bg-color, var(--text)))!important;background:var(--variant-bg-color, var(--text))!important}.radio__fieldset--variant-option-image .radio__button--custom-colors input:checked~label *{color:var(--variant-text-color, var(--bg))!important}.is-sticky .radio__button--custom-colors input:checked~label{background:var(--variant-bg-color, var(--text))!important;color:var(--variant-text-color, var(--bg))!important;border-color:var(--variant-border-color, var(--variant-bg-color, var(--text)))!important}@media (prefers-contrast: high){.radio__button--custom-colors label{border-width:2px}}.radio__button--custom-colors input:checked~label{text-shadow:0 0 0 transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=/cdn/shop/t/18/assets/variant-colors-custom.css.map */
