:root{--tire-sticker-color-success: #2a9d8f;--tire-sticker-color-warning: #ffb703;--tire-sticker-color-danger: #e63946}.tire-sticker__container{display:flex;flex-direction:column;gap:1.75rem;font-family:inherit;padding-top:1rem}.tire-sticker__field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tire-sticker__field-header{display:flex;justify-content:space-between;align-items:center}.tire-sticker__label{font-size:inherit}.tire-sticker__char-count{font-size:1.2rem;font-variant-numeric:tabular-nums;letter-spacing:.025em;font-weight:500}.tire-sticker__label,.tire-sticker__char-count{color:rgb(var(--color-foreground));transition:color .25s ease}.tire-sticker__helper-text{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));display:none;margin-top:3px}.tire-sticker__helper-text--error{color:var(--tire-sticker-color-danger)}.tire-sticker__field-body{width:100%}.tire-sticker__input{width:100%;border:1px solid rgb(var(--color-border-input));border-radius:var(--border-radius-input);padding:.2rem 1.6rem;font-size:1.6rem;color:rgb(var(--color-foreground));transition:border-color .25s,box-shadow .25s;min-height:4rem;background:transparent}.tire-sticker__input:focus{border-color:var(--input-border-color, var(--tire-sticker-color-success, #2a9d8f));box-shadow:0 0 0 2px color-mix(in srgb,var(--input-border-color, #2a9d8f) 25%,transparent);outline:none}.tire-sticker__input.tire-sticker__input--error{border-color:var(--tire-sticker-color-danger, #e63946);box-shadow:0 0 0 2px color-mix(in srgb,var(--tire-sticker-color-danger, #e63946) 25%,transparent);outline:none}.product-form__controls-group label{transition:all .25s ease}.product-form__controls-group input[type=radio][value=Yes]:checked+label,.product-form__controls-group input[type=radio][value=Oui]:checked+label{color:var(--tire-sticker-color-success, #2a9d8f);border-color:var(--tire-sticker-color-success, #2a9d8f);box-shadow:0 0 0 2px color-mix(in srgb,var(--tire-sticker-color-success, #2a9d8f) 25%,transparent)}.product-form__controls-group input[type=radio][value=No]:checked+label,.product-form__controls-group input[type=radio][value=Non]:checked+label{color:var(--tire-sticker-color-danger, #e63946);border-color:var(--tire-sticker-color-danger, #e63946);box-shadow:0 0 0 2px color-mix(in srgb,var(--tire-sticker-color-danger, #e63946) 25%,transparent)}.product-form__controls-group input[type=radio]+label:hover{filter:brightness(1.1);cursor:pointer}.product-form__controls-group input[type=radio]:focus-visible+label{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 30%,transparent)}.tire-sticker__mode-toggle{display:flex;align-items:center;gap:.25rem}.tire-sticker__mode-button{display:flex;align-items:center;gap:.25rem;background-color:transparent;border:none;padding:0;font-size:1.45rem;font-weight:500;color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s}.tire-sticker__mode-button-icon{width:2.25rem;margin-right:-.5rem}.tire-sticker__mode-button:hover{background-color:transparent}.tire-sticker__mode-button--active{background-color:#3b82f6;color:#fff;border-color:#2563eb}.tire-sticker__input-group{display:flex;align-items:center;gap:.5rem}.tire-sticker__input--color{flex:1}.tire-sticker__button{display:inline-flex;align-items:center;justify-content:center;padding:0 1.2rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s;min-height:4rem;border-radius:var(--border-radius-input)}.tire-sticker__button--picker{background-color:#000;color:#fff}.tire-sticker__button--picker:hover{background-color:#454545}.tire-sticker__mode-button-icon svg{width:1.1em;height:1.1em;transition:transform .3s ease}@keyframes icon-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-3px)}60%{transform:translateY(2px)}}.tire-sticker__mode-button-icon svg.is-animating{animation:icon-bounce .35s ease}.tire-sticker__field--multicolor{display:none;opacity:0;transition:opacity .3s ease}.tire-sticker__field--multicolor.tire-sticker__field--active{display:flex;opacity:1}.tire-sticker__color-picker{margin-top:1rem;display:none;transition:opacity .3s ease}.tire-sticker__color-picker--visible{display:block;opacity:1}.tire-sticker__color-picker-element{padding:14px;border-radius:10px;background:#262d33;width:auto;border:1px solid rgb(var(--color-border-input))}.tire-sticker__color-picker-element::part(saturation){margin:0 0 14px;border-radius:6px;border-bottom:none}.tire-sticker__color-picker-element::part(hue),.tire-sticker__color-picker-element::part(alpha){height:14px;border-radius:6px}.tire-sticker__color-picker-element::part(hue-pointer),.tire-sticker__color-picker-element::part(alpha-pointer){width:20px;height:20px}.tire-sticker__input--text{font-family:inherit;text-transform:uppercase}.tire-sticker__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:5}.tire-sticker__spinner.is-visible{opacity:1;visibility:visible}.tire-sticker__spinner-inner{width:42px;height:42px;border-radius:50%;border:4px solid #ccc;border-top-color:#000;animation:spin .8s linear infinite;box-shadow:0 0 6px #0003}@keyframes spin{to{transform:rotate(360deg)}}[class*=section-][class*=-product-sticker-generator] .show-on-mobile{display:none}.tire-sticker__preview-label{font-style:italic}@media screen and (max-width: 576px){[class*=section-][class*=-product-sticker-generator] .hide-on-mobile{display:none}[class*=section-][class*=-product-sticker-generator] .show-on-mobile{display:block}.tire-sticker__preview-label.show-on-mobile{margin-top:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/tire-sticker.css.map */