.customization-poster{display:flex;min-height:calc(100vh - 6.4rem);--background-color-controls: 215, 234, 234;--grid-desktop-horizontal-spacing: var(--grid-mobile-horizontal-spacing);--grid-desktop-vertical-spacing: var(--grid-mobile-vertical-spacing)}.customization-poster .poster-option__field,.customization-poster .picker-option,.customization-poster .product-form__input{--color-border: 193, 225, 225;--color-shadow: 193, 225, 225}@media screen and (max-width: 749px){.customization-poster{flex-wrap:wrap;flex-direction:column}}.poster-editor{display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.customization-poster-preview{display:flex;align-items:self-start;justify-content:center;width:100%;height:100%;padding:2rem}.customization-poster-frame{background:#fff;display:flex;justify-content:center;box-sizing:content-box;width:100%;max-width:54rem;margin:0 auto}.customization-poster-frame.white{border-color:rgb(var(--color-white));box-shadow:0 0 0 2rem #e0c2ac,inset 0 0 .5rem #00000080;transform:scale(.875)}.frame--bordered{position:relative;padding:3rem;box-shadow:0 0 0 2rem #e0c2ac,inset 0 0 .5rem #00000080;transform:scale(.875)}.frame--bordered:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:.3rem solid #d9b89f;box-shadow:inset 0 0 .5rem #000c;z-index:1}.frame--shadow{box-shadow:0 0 6rem rgb(var(--background-color-controls))}@media screen and (min-width: 750px){.customization-poster-preview{padding:4rem 4rem 8rem}.customization-poster-frame{border-width:2.5rem}.product-poster-controls{width:46rem;max-width:46rem;min-width:46rem}.customization-poster-frame--sticky{position:sticky;top:3rem;z-index:2}}.poster-preview-container{position:relative;width:100%;box-sizing:border-box;overflow:hidden;z-index:1}.poster-preview-container.loading:before,.poster-option.loading:before{content:"";position:absolute;width:100%;height:100%;z-index:9;background-color:#fff}.poster-option.loading:before{width:calc(100% - 3rem);height:calc(100% - 1.8rem)}.poster-preview-container.loading:after,.poster-option.loading:after{animation:loading var(--duration-long) infinite linear;border:.5rem solid rgba(var(--color-button-text),.4);border-left:.5rem solid rgb(var(--color-button-text));border-radius:100%;box-sizing:content-box;content:"";display:block;height:6rem;width:6rem;position:absolute;left:calc(50% - 3rem);top:calc(50% - 3rem);z-index:10}.poster-option.loading:after{border-width:.2rem;height:4rem;width:4rem;left:calc(50% - 2rem);top:calc(50% - 2rem)}.poster-preview{position:relative;display:flex;flex-direction:column;height:100%;width:100%}.poster-preview-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center}.poster-preview-image svg{max-width:100%;max-height:100%}.poster-label__name,.poster-label__info{width:100%;display:block;position:relative;margin-left:0;text-align:center;line-height:1.6;color:rgb(var(--color-base-text));font-weight:600}.poster-label__name{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.poster-label__info{font-size:9px;letter-spacing:1px}@media screen and (max-width: 749px){.poster-label__info{font-size:7px}}.poster-label__info span{position:relative}.poster-label__info span+span:not(:empty):before{content:" | "}.poster-preview__info{position:absolute;top:auto;bottom:0;width:100%;text-align:center}.poster-preview__info[position=top]{top:6%;bottom:auto}.poster-preview__name,.poster-preview__text{height:50%;font-size:3rem;margin-left:4rem;margin-right:4rem;overflow:hidden}.poster-preview__headline{font-size:1.8rem;font-weight:600;letter-spacing:.4rem;margin-top:.4rem;min-height:1.8rem}.poster-preview__divider{display:inline-block;position:relative;font-size:1rem;font-weight:500;letter-spacing:.5rem;line-height:1.4;margin:.2rem 0;min-height:1.6rem}.poster-preview__divider:not(:empty):before,.poster-preview__divider:not(:empty):after{content:"";position:absolute;background-color:rgba(var(--color-button-text),1);width:2.5rem;height:.1rem;top:50%;transform:translateY(-50%)}.poster-preview__divider:before{left:-3.5rem}.poster-preview__divider:after{right:-3.5rem}@media screen and (min-width: 750px){.poster-preview__headline{font-size:4rem;min-height:4rem;margin-top:.5rem}.poster-preview__divider{font-size:2rem;min-height:2.8rem;margin-top:.5rem}.poster-preview__divider:not(:empty):before,.poster-preview__divider:not(:empty):after{width:3.5rem;height:.2rem}.poster-preview__divider:before{left:-4.5rem}.poster-preview__divider:after{right:-4.5rem}}.product-poster-controls{border-left:.1rem solid var(--color-primary-border);display:flex;flex:1;flex-direction:column;max-width:100%;box-shadow:-.4rem 0 4rem var(--color-primary-01)}.product-poster-controls__heading{background-color:var(--color-primary-01);border-bottom:solid .1rem var(--color-primary-border);padding:1rem 2.4rem}.product-poster-title{margin:.4rem 0}.product-poster-price{display:flex;align-items:center}.product-poster-price>span{display:inline-block;margin-right:.4rem;font-size:75%;color:rgba(var(--color-base-text),.85)}.product-poster-controls .field__input,.product-poster-controls .field-column__input,.product-poster-controls .select__select{background-color:var(--color-primary-01)}.poster-option-accordion.accordion summary{background-color:#fff;padding-left:1.5rem;padding-right:1.5rem}.product-poster-options .poster-option-accordion.accordion{border-left-width:0;border-right-width:0;border-color:rgb(var(--background-color-controls));margin:0}.poster-option-accordion .poster-option{margin:0}.poster-option-accordion .poster-option+.poster-option{margin-top:1.6rem}.poster-option{position:relative;border:solid .1rem var(--color-primary-border);border-radius:var(--inputs-radius);background-color:#fff;margin:1.6rem;padding:1.2rem}.poster-option-flex{display:flex;gap:1rem}.poster-option__label{width:40%}.poster-option-self-center{align-self:center}.label-with-checkbox{display:flex;align-items:center}.label-with-checkbox label{margin-right:auto}.poster-option__field{width:59%;margin-left:1%}.poster-label{position:relative;display:block}.poster-label--small{font-size:85%}@media screen and (max-width: 749px){.poster-label--small{font-size:65%}}.poster-label.required:after,.poster-label.facultatif:after{font-size:.8rem;font-weight:400;font-style:italic;text-transform:lowercase;position:absolute;bottom:-1.4rem;left:0}.poster-label.required:after{content:"obligatoire"}.poster-label.facultatif:after{content:"facultatif"}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group input{position:relative;flex:1 1 auto;width:1%}.input-group-append,.input-group-prepend{display:flex;align-items:center;font-size:75%}.input-group-append,.input-group-prepend{padding-left:1rem;padding-right:1rem}.picker-options.grid{margin-bottom:0}.picker-options__flag{position:absolute;bottom:.2rem;right:.4rem;z-index:1;height:1.6rem}.picker-options--color .picker-option{border-radius:50%;border-style:solid;border-width:.2rem;flex-grow:0;width:4.5rem;height:4.5rem;white-space:nowrap;overflow:hidden}.picker-options--color .picker-option[selected]:before{content:"\2714";background-color:#fff;position:absolute;top:calc(50% - 1rem);left:calc(50% - 1rem);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--duration-medium) ease;pointer-events:none}.hidetext-picker .picker-option:before{text-indent:0}.rounded-picker .picker-option:before{top:calc(50% - 1rem);left:50%}.picker-options--landscape .picker-option{display:flex;align-items:center;justify-content:center;padding:0;outline-offset:.2rem;outline-color:transparent;outline-style:solid}@media screen and (max-width: 749px){.picker-options--landscape{justify-content:center}}.picker-options--square .picker-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font-size:1rem;outline-offset:.2rem;outline-color:transparent;outline-style:solid}.picker-options--square .picker-options__icon{width:80%;margin:.5rem auto}.picker-options--square .picker-options__name{margin-bottom:.5rem}.picker-options-slider{display:block}.picker-option__image canvas{object-fit:cover;border-radius:calc(var(--variant-pills-radius) - .1rem);width:100%;height:100%;pointer-events:none;aspect-ratio:var(--aspect-ratio, 1 / 1)}.grid.grid-poster{margin:0}@media screen and (min-width: 750px){.picker-options-slider{display:flex;flex-wrap:wrap}.grid-poster.grid--4-col-desktop .grid__item{min-width:8.6rem}}.color-swatch,.pattern-swatch{width:100%;aspect-ratio:1 / 1;border-radius:var(--border-radius-2);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 .1rem #0000001a}.color-swatch-primary,.pattern-swatch-primary{flex:3;width:100%}.color-swatch-secondary,.pattern-swatch-secondary{flex:1;width:100%;border-top:.1rem solid rgba(0,0,0,.05);border-bottom-left-radius:calc(var(--border-radius-2) + .1rem);border-bottom-right-radius:calc(var(--border-radius-2) + .1rem)}.pattern-swatch-primary{position:relative;overflow:hidden}.color-item{border-radius:var(--border-radius-1);color:rgb(var(--color-white));width:100%;height:100%;aspect-ratio:1 / 1;box-shadow:0 0 0 .1rem #0000001a}.product-form__input{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-horizontal-spacing);width:100%;padding:0;margin:0;min-width:fit-content;border:none}input[type=date]{padding-top:0;padding-bottom:0}@media screen and (max-width: 749px){.select__select,input[type=date]{background-color:#fff}}variant-selects{display:block}.product-form__input .form__label{padding-left:0}fieldset.product-form__input .form__label{margin-bottom:.6rem}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]+label{border:var(--variant-pills-border-width) solid rgba(var(--color-button),.2);background-color:rgb(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--variant-pills-radius);display:inline-block;width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);margin:0;padding:1rem 2rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.product-form__input input[type=radio]+label:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.product-form__input input[type=radio]:not(:checked)+label:hover{outline:.1rem solid rgba(var(--color-interactive),.4)}.product-form__input input[type=radio]:checked+label{outline:.2rem solid rgb(var(--color-interactive))}.product-form__input input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.product-form__input input[type=radio]:disabled+label,.product-form__input input[type=radio].disabled+label{outline:0;border-color:rgba(var(--color-button),.05);background-color:rgb(var(--color-background),.2);color:rgba(var(--color-foreground),.6);text-decoration:line-through;pointer-events:none}.product-form__input input[type=radio].disabled+label:hover,.product-form__input input[type=radio]:disabled+label:hover{outline:0}.product-form__input input[type=radio].disabled:checked+label,.product-form__input input[type=radio]:disabled:checked+label{color:rgba(var(--color-background),.6)}.product-form__input input[type=radio]:checked+label:focus-visible{outline:.2rem solid rgb(var(--color-interactive));box-shadow:0 0 0 .3rem rgb(var(--color-shadow-button)),0 0 0 .5rem rgba(var(--color-shadow-button-inset),.55)}.product-form__input input[type=radio]:checked+label:focus,.product-form__input input[type=radio]:checked+label.focused{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-shadow-button)),0 0 0 .5rem rgba(var(--color-shadow-button-inset),.55)}@media (forced-colors: active){.product-form__input input[type=radio]:checked+label{text-decoration:underline}.product-form__input input[type=radio]:checked+label:focus,.product-form__input input[type=radio]:checked+label.focused{outline:transparent solid .2rem}}.product-form__input input[type=radio]:checked+label:focus:not(:focus-visible){outline:0;box-shadow:0 0 0 .2rem rgb(var(--color-foreground))}.product-form__input input[type=radio]:checked+label:after{content:"\2713";position:absolute;left:0;top:0;width:1.6rem;height:1.3rem;border-top-left-radius:calc(var(--variant-pills-radius) - var(--variant-pills-border-width));border-bottom-right-radius:var(--variant-pills-radius);background-color:rgb(var(--color-interactive));color:rgb(var(--color-white));font-size:1rem;line-height:1.2rem;font-weight:700;text-align:center;transform:translate(-.3rem,-.3rem)}.product-form__input input[type=radio]:checked+label:hover{box-shadow:0 0 0 calc(.1rem + var(--variant-pills-border-width)) var(--color-primary-02)}.product-form__input input[type=radio]:not(.disabled)+label>.visually-hidden{display:none}.product-form__input input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input label>.option-price{display:block;margin-top:.4rem;padding-top:.4rem;font-size:80%;font-weight:700}.field:after,.select:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-border),.8)}.field:hover.field:after,.select:hover.select:after,.select__select:hover.select__select:after,.field__input:focus,.select__select:focus{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-border),1)}.form__label--price{display:block;margin-top:.5rem;font-size:1.2rem;font-weight:700}.product-form__input .select{max-width:25rem}.product__buttons{margin:3rem 1.6rem}.product__informations p{margin-top:0}.signs-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0}.signs-list li{border:.1rem solid var(--color-primary-border);background:#fff;width:calc(33.333333% - .5rem);padding:.7rem 1.5rem;margin:0 .5rem .5rem 0}@media screen and (max-width: 749px){.signs-list li{width:100%}}.sign-period{border-top:.1rem dashed var(--color-primary-border);margin-top:.4rem;padding-top:.4rem}@media screen and (min-width: 750px){.product__content--media{padding-right:5rem}}input[type=date]::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-input-placeholder{visibility:hidden!important}.datepicker.datepicker-dropdown{border-radius:var(--inputs-radius);border:.1rem solid var(--color-primary-border);box-shadow:0 0 4rem var(--color-primary-01);max-width:36rem}.product-form__error-message-wrapper:not([hidden]){display:flex;align-items:flex-start;font-size:1.2rem;margin:0 1.6rem 1.6rem}.product-form__error-message-wrapper svg{flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:.7rem;margin-top:.5rem}.section-icon-with-text{border-top:.1rem solid var(--color-primary-border)}
/*# sourceMappingURL=/cdn/shop/t/89/assets/customization-poster.css.map */
