.product-customizer{padding:clamp(2rem,5vw,4rem) 0}.product-customizer__inner{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,1fr);padding-inline:clamp(1rem,4vw,2.5rem)}.product-customizer__header{display:grid;gap:.75rem;margin-bottom:1rem}.product-customizer__title{margin:0;text-transform:none}.product-customizer__intro{margin:0;color:rgba(var(--color-foreground),.8)}.product-customizer__iframe-wrapper{position:relative;width:100%;border-radius:var(--text-boxes-radius, 0);overflow:hidden;background:rgba(var(--color-foreground),.08);min-height:min(80vh,900px)}.product-customizer__iframe{display:block;width:100%;min-height:min(80vh,900px);border:0;background:#111}.product-customizer__results{display:grid;gap:1.5rem}.product-customizer__error{margin-bottom:1.5rem;padding:1.25rem 1.5rem;background:rgba(var(--color-foreground),.08);border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--text-boxes-radius, 0)}.product-customizer__error-title{margin:0 0 .5rem;font-weight:600}.product-customizer__error-list{margin:0;padding-left:1.25rem;display:grid;gap:.25rem;font-size:.95em}.product-customizer__error-list code{font-family:var(--font-body-family);font-size:.9em}.product-customizer__placeholder{margin:0;padding:1.5rem;background:rgba(var(--color-background-contrast),.08);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--text-boxes-radius, 0);text-align:center}.product-customizer__result{display:grid;gap:1rem;grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;padding:1.25rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--text-boxes-radius, 0);background:rgba(var(--color-background-contrast),.05)}.product-customizer__result-preview{position:relative;width:100%;padding-top:75%;background:rgba(var(--color-foreground),.05);border-radius:var(--text-boxes-radius, 0);overflow:hidden}.product-customizer__result-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background-color:rgba(var(--color-background),1)}.product-customizer__result-details{display:grid;gap:.5rem}.product-customizer__result-title{margin:0;font-weight:600}.product-customizer__result-meta{margin:0;font-size:.875rem;color:rgba(var(--color-foreground),.7)}.product-customizer__result-action{justify-self:start;padding:.75rem 1.5rem;border-radius:var(--buttons-radius, 0);border:none;cursor:pointer;background:rgb(var(--color-button, var(--color-foreground)));color:rgb(var(--color-button-text, var(--color-background)));transition:opacity .15s ease,transform .15s ease}.product-customizer__result-action[data-loading=true]{opacity:.65;pointer-events:none}.product-customizer__result-action[data-success=true]{background:rgba(var(--color-foreground),.15);color:rgb(var(--color-foreground))}.product-customizer__result-action[data-error=true]{background:#b4231d;color:#fff}.product-customizer__sidebar{display:grid;gap:1.5rem}.product-customizer__block{padding:1.5rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--text-boxes-radius, 0);background:rgba(var(--color-background-contrast),.05)}.product-customizer__block-title{margin:0 0 .5rem}.product-customizer__block--product-card{padding:1rem}.product-customizer__product-card{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:1rem;align-items:center}.product-customizer__product-card-media{border-radius:var(--media-radius, 0);overflow:hidden;background:rgba(var(--color-foreground),.08)}.product-customizer__product-card-media img{display:block;width:100%;height:auto;object-fit:cover}.product-customizer__product-card-details{display:grid;gap:.35rem}.product-customizer__product-card-label{margin:0;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.product-customizer__product-card-title{margin:0;font-size:1.1rem}.product-customizer__product-card-title a{color:inherit;text-decoration:none}.product-customizer__product-card-title a:hover{text-decoration:underline}@media (min-width: 992px){.product-customizer__inner{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:start}.product-customizer__result{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}@media (max-width: 640px){.product-customizer__result{grid-template-columns:minmax(0,1fr)}.product-customizer__result-preview{padding-top:56%}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */