.customization-poster{display:flex;min-height:calc(100vh - 6.4rem);--color-button: var(--color-darken-button);--color-button-text: 255, 255, 255;--alpha-button-background: 1}.product-custom-editor{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;padding:8rem 3.5rem}@media screen and (max-width: 989px){.customization-poster{flex-direction:column}.product-custom-editor{padding:4rem}}.product-custom-previous{padding:2rem 0 0 2rem}.product-custom-previous .button{padding:0 2rem;gap:1rem}@media screen and (min-width: 990px){.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:var(--color-white);display:flex;justify-content:center;width:100%;max-width:44rem;margin:0 auto;padding:3rem}.frame--landscape{max-width:48rem}.frame--bordered{position:relative;box-shadow:0 0 0 2rem #e0c2ac,inset 0 0 .5rem #00000080}.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: 990px){.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%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.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-02);background-color:var(--color-primary-00);display:flex;flex:1;flex-direction:column;max-width:100%;box-shadow:-.4rem 0 4rem rgba(var(--color-darken-button),.1)}.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: 990px){.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)}.poster-options{padding:2rem}.poster-options fieldset{border:.1rem solid var(--color-primary-02);border-radius:var(--border-radius-2);background-color: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-darken-11)}.poster-option+.poster-option{margin-top:1.6rem}.product-option__label{margin-bottom:.4rem}.product-option__content{position:relative;margin-top:1.6rem}.product-option__content .grid{margin-bottom:0}.product-option__description{font-size:1.2rem;margin-bottom:1rem}.product-option__notice{font-size:1.2rem;margin-top:1rem}.picker-illustrations .picker-option{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.customization-image-classic[loaded]{max-width:100%;max-height:4rem}@media screen and (max-width: 749px){.poster-year-color .product-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-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}.picker-option__pattern{object-position:center top}.pattern-swatch:has(.pattern-swatch-secondary) .picker-option__pattern{border-bottom-left-radius:0;border-bottom-right-radius:0}.color-item{border-radius:var(--border-radius-1);color:var(--color-white);width:100%;height:100%;aspect-ratio:1 / 1;box-shadow:0 0 0 .1rem #0000001a}.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: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:var(--color-white);box-shadow:0 .1rem 2rem rgba(var(--color-button),.1)}.product-summary-portrait{width:18rem;height:25.4rem}.product-summary-landscape{width:25.4rem;height:18rem}@media screen and (min-width: 990px){.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:var(--color-white);box-shadow:0 .1rem 1rem rgba(var(--color-button),.02)}.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;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]){border-radius:var(--border-radius-2);background-color:var(--color-red-00);display:flex;align-items:flex-start;font-size:1.2rem;margin-top:1.6rem;padding:1rem}.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/21/assets/customization-poster.css.map */