.input-container{position:relative}.input-container:not(.unstyled){--_font-familiy: var(--typeHeaderPrimary), var(--typeBaseFallback);--_background-color: transparent;--_outline-opacity: .2;--_outline-color: rgba(var(--color-rgb-accent-500), var(--_outline-opacity));--_outline-width: 1px;--_color-opacity: 1;--_color: rgba(var(--color-rgb-accent-500), var(--_color-opacity));--_support-text-opacity: 1;--_support-text-color: rgba(255, 255, 255, var(--_support-text-opacity));--_support-text-font-size: var(--text-body-2);--_color-error: var(--color-error);--_color-error-opacity: 1;--_error-font-size: var(--text-body-2);--_error-display: none;--_support-text-display: block;--_border-radius: 40px;--_padding-block: 8px;--_padding-inline: 20px}.dark .input-container{--_outline-color: rgba(255, 255, 255, var(--_outline-opacity));--_color: rgba(255, 255, 255, var(--_color-opacity))}.dark .unstyled *{color:#fff}.input-container:has(input:hover),.input-container:has(select:hover),.input-container:has(textarea:hover){--_outline-opacity: 1}.input-container:not(.unstyled) input,.input-container:not(.unstyled) select,.input-container:not(.unstyled) textarea{background-color:var(--_background-color);color:var(--_color);outline-width:var(--_outline-width);outline-color:var(--_outline-color);padding:26px 20px 8px;border-radius:var(--_border-radius);font-family:var(--_font-familiy);outline-style:solid;border:none;font-weight:500;width:100%;text-transform:uppercase}.input-container:not(.unstyled) textarea{resize:vertical;height:50px;border-radius:calc(var(--_border-radius) / 2)}.input-container:not(.unstyled) label{--_label-color_opacity: 100;--_label-font-size: var(--text-body-1);--_label-color: rgba(var(--color-rgb-accent-500), var(--_label-color_opacity));--_label-font-weight: 500;--_label-translate: 0 0;--_label-scale: 1;--_label-position: absolute;--_label-background-color: transparent;translate:var(--_label-translate);font-size:var(--_label-font-size);color:var(--_label-color);font-weight:var(--_label-font-weight);position:var(--_label-position);left:var(--_padding-inline);top:calc(26px - var(--_label-font-size) / 2);background-color:var(--_label-background-color);font-family:var(--_font-familiy);transition:color .3s,background-color .3s,translate .3s,font-size .3s;text-transform:uppercase}.dark .input-container:not(.unstyled) label{--_label-color: rgba(255, 255, 255, var(--_label-color_opacity))}.input-container:not(.unstyled):has(input:focus) label,.input-container:not(.unstyled):has(input:not(:placeholder-shown)) label,.input-container:not(.unstyled):has(select:focus) label,.input-container:not(.unstyled):has(select:not(:placeholder-shown)) label,.input-container:not(.unstyled):has(textarea:focus) label,.input-container:not(.unstyled):has(textarea:not(:placeholder-shown)) label{--_label-translate: calc(var(--_padding-inline) * .1 * -1) calc(var(--_padding-block) * 1.5 * -1);--_label-font-size: calc(var(--text-body-2) * .75);--_label-color_opacity: .5}.input-container .input-text{display:var(--_support-text-display);color:var(--_support-text-color);font-size:var(--_support-text-font-size)}.input-container .input-error{display:var(--_error-display);color:var(--_color-error);font-size:var(--_error-font-size)}.input-container .input-text,.input-container .input-error{padding:5px 0}.input-container:has(.input-text:empty){--_support-text-display: none}.input-container:not(.unstyled) input:focus,.input-container:not(.unstyled) input:focus-within,.input-container:not(.unstyled) select:focus,.input-container:not(.unstyled) select:focus-within,.input-container:not(.unstyled) textarea:focus,.input-container:not(.unstyled) textarea:focus-within{--_outline-width: 2px}.input-container:not(.unstyled):has(input.invalid),.input-container:not(.unstyled):has(select.invalid),.input-container:not(.unstyled):has(textarea.invalid){--_outline-color: var(--_color-error);--_outline-width: 2px;--_support-text-display: none;--_error-display: block}.input-container:not(.unstyled):has(input:disabled),.input-container:not(.unstyled):has(select:disabled),.input-container:not(.unstyled):has(textarea:disabled){pointer-events:none;opacity:.5;cursor:not-allowed}.input-container:not(.unstyled):has(input[type=checkbox]) label{--_label-translate: 0 0;--_label-scale: 1;--_label-font-size: var(--text-body);--_label-color_opacity: 1;left:0;width:100%;height:100%;outline-width:var(--_outline-width);outline-color:var(--_outline-color);border-radius:var(--_border-radius);outline-style:solid;display:flex;align-items:center;justify-content:center;max-height:43px}.input-container:not(.unstyled):has(input[type=checkbox]){min-height:43px}.input-container:not(.unstyled):has(input[type=checkbox]) .inner{display:contents}.input-container:not(.unstyled):has(input[type=checkbox]:checked) label{--_label-color: white;--_label-background-color: var(--color-accent-500)}.dark .input-container:not(.unstyled):has(input[type=checkbox]:checked) label{--_label-color: black;--_label-background-color: var(--color-accent-500)}.input-container input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;opacity:0}.input-container.unstyled:has(input[type=checkbox]) label{display:flex;align-items:baseline;flex-direction:row-reverse;margin:0;padding:0 0 0 44px;font-weight:500;position:relative;z-index:1}.input-container.unstyled:has(input[type=checkbox]):after{position:absolute;content:"";width:24px;height:24px;border:#fff solid 1px;border-radius:4px;left:0;top:5px;background-color:transparent}.input-container.unstyled:has(input[type=checkbox]:checked):after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M400-304 240-464l56-56 104 104 264-264 56 56-320 320Z'/%3E%3C/svg%3E")}.input-container.unstyled:has(input[type=checkbox]) label .inner{font-family:inherit;font-size:inherit}.product__quantity .js-qty__wrapper{width:100%;max-width:none}.product__quantity .js-qty__wrapper input{border:none;font-family:Druk Wide Medium,sans-serif;font-size:32px}.product__quantity .js-qty__wrapper .js-qty__adjust{width:48px;height:48px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;top:7px}.product__quantity .js-qty__wrapper .js-qty__adjust .icon{width:20px;height:20px}
/*# sourceMappingURL=/cdn/shop/t/62/assets/novatize-inputs.css.map */
