.customization-poster{display:flex;min-height:calc(100vh - 6.4rem)}.product-custom-editor{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;padding-inline:1.5rem}@media screen and (max-width: 749px){.customization-poster{flex-wrap:wrap;flex-direction:column}}.product-custom-previous{padding:2rem 0 0 2rem}.product-custom-previous .button{padding:0 2rem;gap:1rem}@media screen and (min-width: 750px){.product-custom-previous{padding-top:3.2rem}}.customization-poster-preview{display:flex;align-items:self-start;justify-content:center;width:100%;height:100%}.customization-poster-frame{background:rgb(var(--color-white));display:flex;justify-content:center;width:100%;max-width:54rem;margin:0 auto;padding:3rem}.frame--bordered{position:relative;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 var(--color-primary-01)}@media screen and (min-width: 750px){.customization-poster-preview{padding:3.2rem}.frame--sticky{position:sticky;top:3rem;z-index:2}.landscape-preview{padding-top:10%}.landscape-preview .frame--sticky{top:12rem}}.poster-preview-container{position:relative;width:100%;box-sizing:border-box;overflow:hidden;z-index:1}.poster-preview{border:solid .1rem rgba(var(--color-darken-button),.05);display:flex;height:100%;width:100%}.poster-preview.loading:before{content:"";position:absolute;width:100%;height:100%;z-index:9;background-color:#fff}.poster-preview.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}.product-custom-controls{border:.1rem solid var(--color-primary-border);background-color:var(--color-primary-00);display:flex;flex:1;flex-direction:column;max-width:100%;box-shadow:-.4rem 0 4rem rgba(var(--border-shadow-color),.06)}.product-custom-controls__heading{border-bottom:solid .1rem var(--color-primary-02);background-color:var(--color-primary-01);padding:1rem 2.4rem}@media screen and (min-width: 750px){.product-custom-controls{border-radius:var(--text-boxes-radius);width:46rem;max-width:46rem;min-width:46rem;margin:2rem}.product-custom-controls__heading{border-top-left-radius:calc(var(--text-boxes-radius) - .1rem);border-top-right-radius:calc(var(--text-boxes-radius) - .1rem)}}.product-custom-title{margin:.4rem 0}.product-custom-price{display:flex;align-items:center}.product-custom-price>span{display:inline-block;margin-right:.4rem;font-size:75%;color:rgba(var(--color-foreground),.85)}.product-custom-controls .field__input,.product-custom-controls .field-column__input,.product-custom-controls .select__select{background-color:var(--color-primary-00)}.product-custom-controls{--inputs-radius-outset: var(--border-radius-2);--inputs-radius: var(--border-radius-2)}.poster-options{padding:1.5rem}@media screen and (min-width: 750px){.poster-options{padding:2rem}}.poster-options fieldset{border:.1rem solid var(--color-primary-border);border-radius:var(--border-radius-2);background-color:rgb(var(--color-white));padding:.6rem 1.6rem 1.6rem;min-width:0}.poster-options fieldset.fieldset-illustration{padding-top:1.6rem}.poster-options fieldset+fieldset{display:block;margin-top:1.6rem}.poster-options legend{font-weight:700;padding-left:1rem;padding-right:1.6rem;color:var(--color-primary-12)}.poster-option+.poster-option{margin-top:1.6rem}.poster-option__label{margin-bottom:.4rem}.poster-option__content{position:relative;margin-top:1.6rem}.poster-option__content .grid{margin-bottom:0}.poster-option__description{font-size:1.2rem;margin-bottom:1rem}.poster-option__notice{font-size:1.2rem;margin-top:1rem}.picker-options{--grid-desktop-horizontal-spacing: 1rem;--grid-desktop-vertical-spacing: 1rem;--grid-mobile-horizontal-spacing: 1rem;--grid-mobile-vertical-spacing: 1rem}.picker-options.picker-options--spacing-tight{--grid-desktop-horizontal-spacing: .2rem;--grid-desktop-vertical-spacing: .5rem;--grid-mobile-horizontal-spacing: .2rem;--grid-mobile-vertical-spacing: .5rem}.picker-option--border{border:.1rem solid transparent}.picker-option--background{border-radius:var(--border-radius-2);border:.1rem solid var(--color-primary-00)}.picker-option--check:before{content:"";position:absolute;top:-.8rem;left:50%;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transform:translate(calc(50% - 2rem)) scale(2.2);transition:all var(--duration-medium) ease;pointer-events:none;opacity:0}.picker-option--check[selected]:before{content:"\2713";border:solid .1rem rgba(var(--selected-color),1);background-color:rgba(var(--selected-color),1);color:rgb(var(--color-white));font-weight:700;transform:translate(calc(50% - 2rem)) scale(1);transition:all var(--duration-medium) ease;opacity:1}.picker-option__image{border:solid .1rem transparent;width:100%;height:100%}.picker-option--check[selected] .picker-option__image{border-color:rgba(var(--selected-color),1)}@media screen and (max-width: 749px){.slider--mobile .slider__slide .picker-option__image{height:auto;max-height:100%}}.picker-option--border[selected] .picker-option__image{border-color:rgba(var(--selected-color),1)}.picker-options__flag{position:absolute;bottom:.2rem;right:.4rem;z-index:1;height:1.6rem}.picker-options--color .picker-option{border-radius:.3rem;border-style:solid;border-width:.2rem;flex-grow:0;width:4.3rem;height:4.3rem;white-space:nowrap;overflow:hidden}.picker-options--color .picker-option[selected]:before{content:"\2714";background-color:rgb(var(--color-white));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}.picker-options--colors{column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.picker-option--color{width:1.95rem;height:1.95rem;aspect-ratio:1 / 1}.picker-option.picker-option--color{flex-grow:unset}.picker-option--color[selected]:before{content:"\2713";position:absolute;color:rgb(var(--color-white));font-weight:700;display:flex;justify-content:center;align-items:center;width:1.95rem;height:1.95rem}.hidetext-picker .picker-options__option:before{text-indent:0}.rounded-picker .picker-options__option:before{top:calc(50% - 1rem);left:50%}.picker-options--landscape .picker-options__option{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}@media screen and (max-width: 749px){.picker-options--landscape{justify-content:center}}.picker-options--square .picker-options__option{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0;font-size:1rem}.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}@media screen and (min-width: 750px){.picker-options-slider{display:flex;flex-wrap:wrap}.grid.grid-poster{margin:0}}.slider-picker-option-wrapper .picker-option{flex-wrap:unset;max-height:10rem}@media screen and (max-width: 749px){.slider-picker-option-wrapper{display:inline-block}.poster-option .slider.slider--tablet{padding-top:2rem}.poster-option .slider-button{top:calc(50% - 3.3rem)}.poster-year-color .poster-option__label{text-align:center}.grid.grid--1-3-col-mobile .grid__item:first-child{width:100%;max-width:100%;flex:0 0 100%}.grid.grid--1-3-col-mobile .grid__item:first-child .year-input{display:block;max-width:14rem;text-align:center;margin:0 auto}.grid.grid--1-3-col-mobile .grid__item:nth-child(2),.grid.grid--1-3-col-mobile .grid__item:nth-child(3){flex:0 0 calc(50% - var(--grid-mobile-horizontal-spacing) / 2);width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2)}.grid.grid-inputs .picker-options.picker-options--colors{justify-content:center;margin-bottom:1.6rem}}.grid.grid-inputs{--grid-desktop-horizontal-spacing: 2rem;--grid-desktop-vertical-spacing: 2rem}.color-item{color:rgb(var(--color-white));width:100%;height:100%;border-radius:var(--border-radius-1);aspect-ratio:1 / 1}.picker-option__name{margin-top:.5rem;font-size:1.2rem;line-height:1.2rem}.picker-option--info{clear:both;font-size:.85rem;line-height:1rem;margin:.2rem auto .5rem}.customization-input-label{font-size:1.4rem;font-weight:300}.customization-input,.customization-textarea{border:.1rem solid var(--color-primary-01);border-bottom-left-radius:var(--border-radius-2);border-bottom-right-radius:var(--border-radius-2);background-color:rgb(var(--color-white));width:100%;outline:none}.customization-input{height:4.5rem;padding:0 1rem}.customization-textarea{outline:none;padding:1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary-11) var(--color-primary-00)}.customization-input:focus::placeholder{color:transparent}.customization-input.invalid{border-color:rgb(var(--required-color))}.bowls-title-input{font-family:Cereal;text-transform:uppercase;font-weight:200;text-align:center}.bowl-name-input,.bowls-subtitle-input{font-family:Ceremony;text-align:center}.bowl-name-input,.bowls-title-input,.bowls-subtitle-input,.shoes-text-input{border-top-width:.2rem}.section-summary{padding-top:2rem}.product-summary-container{display:flex;align-items:center;justify-content:center;margin:3rem auto}.product-summary-poster{position:relative;background-color:rgb(var(--color-white));box-shadow:0 .1rem 2rem rgba(var(--border-shadow-color),.1)}.product-summary-portrait{width:18rem;height:25.4rem}.product-summary-landscape{width:25.4rem;height:18rem}@media screen and (min-width: 750px){.product-summary-portrait{width:30rem;height:42.4rem}.product-summary-landscape{width:42.4rem;height:30rem}}.product-summary-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:3}.note-container{max-width:68rem;padding:2rem;margin:3rem auto 2rem;border-radius:var(--text-boxes-radius);background-color:rgb(var(--color-white));box-shadow:var(--box-shadow);--inputs-radius: var(--border-radius-2);--inputs-radius-outset: var(--border-radius-2)}.customization__note label{color:rgba(var(--color-foreground),1)}.customization__note p{margin:0;font-size:75%;color:rgba(var(--color-foreground),.75)}.customization__note .field{margin-top:2rem}.customization__note .field__input{height:100%;min-height:13rem;position:relative;border-radius:var(--inputs-radius);padding:1rem 2rem}.customization__note .text-area{resize:vertical}.customization__note:after,.customization__note:hover.customization__note:after,.customization__note:before,.customization__note:hover.customization__note:before,.customization__note .field__input:focus,.customization__note .field__input{border-bottom-right-radius:0}.product-summary-action{display:flex;justify-content:center;gap:2rem;padding:4rem 1.5rem}.product-summary-action .button--previous{padding:0 2rem;gap:1rem}.product-custom-action{margin:2rem 0}.product-form__error-message-wrapper:not([hidden]){display:flex;align-items:flex-start;font-size:1.2rem;margin:1.6rem 1.6rem 0}.product-form__error-message-wrapper svg{flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:.7rem;margin-top:.5rem}
/*# sourceMappingURL=/cdn/shop/t/42/assets/customization-poster.css.map */