.variant-customizer_wrapper{width:fit-content;min-width:300px;max-width:400px;width:100%;background-color:rgb(var(--color-background));border-radius:4px;padding:1.5rem;transition:all .3s ease;margin-top:2rem}.variant-customizer_wrapper:not(.isOpen),.variant-customizer_wrapper:not(.isOpen) #variant-customizer_container{overflow:hidden}#variant-customizer_btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease}#variant-customizer_btn input[type=checkbox]{display:none}#variant-customizer_btn .variant-customizer_custom-checkbox{display:inline-block;width:24px;border-radius:4px;height:24px;border:1px solid rgb(var(--color-button));background-color:#fff;position:relative;cursor:pointer}input[type=checkbox]:checked+.variant-customizer_custom-checkbox:after{content:"\2713";font-size:18px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#variant-customizer_container{height:100%;max-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transition:all .3s ease}#variant-customizer_container .product-form__input--dropdown,#variant-customizer_container .product-form__input{margin:0;width:100%}#variant-customizer_container .variant-customizer_option-container{margin-top:1.5rem}.variant-customizer_option-container{width:100%}.variant-customizer_option-container .label{font-weight:700;font-size:13px;line-height:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-primary);margin-bottom:12px}.variant-customizer_wrapper input,.variant-customizer_wrapper select,.variant-customizer_wrapper .variant-customizer_text-font-select{background-color:#fff;width:100%}@media screen and (max-width: 750px){#variant-customizer_container{flex-direction:column;flex-wrap:nowrap}}@media screen and (max-width: 450px){.variant-customizer_wrapper{min-width:100%;width:100%}}.variant-customizer_text-font-select{position:relative;cursor:pointer;background-color:#fff;padding:0;z-index:2}.variant-customizer_text-font-select:focus{outline:2px solid #000}.variant-customizer_text-font-select .selected-option{width:100%;height:100%;display:flex;align-items:center;padding:0 calc(var(--inputs-border-width) + 3rem) 0 2rem}.variant-customizer_text-font-select .options{width:calc(100% + 2px);margin-left:-1px;margin-top:-3px;border:1px solid #8591c5;border-top:none;background-color:#fff;border-bottom-right-radius:var(--inputs-radius);border-bottom-left-radius:var(--inputs-radius)}.field:hover .variant-customizer_text-font-select .options{border-width:2px;width:calc(100% + 4px);margin-left:-2px}.variant-customizer_text-font-select .option{padding:1rem calc(var(--inputs-border-width) + 3rem) 1rem 2rem}.variant-customizer_text-font-select .option:hover{background-color:#2c42953b}.variant-customizer_text-font-select .arrow-down{display:inline-block;position:absolute;right:6px;top:calc(50% - 2px);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;vertical-align:middle}.variant-customizer_wrapper .mm-btn-primary{margin:12px auto auto;padding:6px 24px;cursor:pointer}.variant-customizer_text-font-select .selected-option,.variant-customizer_text-font-select .option[data-value=comfortaa]{font-family:Comfortaa}.variant-customizer_text-font-select .option[data-value=twentieth]{font-family:Twentieth Century for Kenmore}.variant-customizer_text-font-select .option[data-value=dancing]{font-family:Dancing Script}.variant-customizer_text-font-select .option[data-value=times]{font-family:Times New Roman}.variant-customizer_text-preview{position:absolute;line-height:20px;bottom:43%;transform:translate(-50%) rotate(-90deg);width:40%;font-family:Comfortaa;text-wrap:nowrap;color:#8e8e8e}.variant-customizer_text-preview-pack-decouverte{left:65%}.variant-customizer_text-preview-gourde{left:67%}.variant-customizer_text-preview.horizontal{bottom:24%;transform:translate(-50%);width:unset;font-size:12px}.variant-customizer_go-to-preview{margin-top:1.5rem;display:flex;gap:1rem}.variant-customizer_go-to-preview .icon-arrow{transform:rotate(-90deg)}@media screen and (min-width: 749px){.variant-customizer_go-to-preview{display:none}.variant-customizer_text-preview-gourde{left:68%}}.quick-add-modal_slider-cross-sells .product__media-wrapper{display:flex!important;flex-direction:column}.quick-add-modal_slider-cross-sells .product.grid{flex-direction:column}.quick-add-modal_slider-cross-sells .product.grid>div{width:100%!important;max-width:100%!important}
/*# sourceMappingURL=/cdn/shop/t/165/assets/component-variant-customizer.css.map */