.dcs-case-builder__layout{display:grid;gap:3.2rem;grid-template-columns:1fr;align-items:start}@media screen and (min-width:990px){.dcs-case-builder__layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4.8rem}.dcs-case-builder__preview{position:sticky;top:2rem}}.dcs-case-builder__stage{position:relative;aspect-ratio:var(--dcs-stage-ratio, 3 / 4);perspective:90rem}.dcs-case-builder__frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--media-radius);overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.dcs-case-builder__frame[hidden]{display:none}.dcs-case-builder__design-layer{position:absolute;left:var(--dcs-safe-x, 0%);top:var(--dcs-safe-y, 0%);width:var(--dcs-safe-w, 100%);height:var(--dcs-safe-h, 100%);background-position:center;background-size:cover;background-repeat:no-repeat}.dcs-case-builder__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--dcs-overlay-fit, contain);pointer-events:none}@media(prefers-reduced-motion:no-preference){.dcs-case-builder__frame{transform:rotateX(calc(var(--dcs-tilt-y, 0) * 6deg)) rotateY(calc(var(--dcs-tilt-x, 0) * 6deg));transition:transform var(--dcs-dur-snap) var(--dcs-ease-snap);will-change:transform}}.dcs-case-builder__preview-note,.dcs-case-builder__note{margin:1.2rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.dcs-case-builder__steps{display:flex;flex-direction:column;gap:2.4rem;margin:0}.dcs-case-builder__fieldset{margin:0;padding:0;border:0;min-width:0}.dcs-case-builder__step[hidden]{display:none}.dcs-case-builder__step-label{display:block;margin:0 0 1.2rem;padding:0}.dcs-case-builder__options{display:flex;flex-wrap:wrap;gap:.8rem}.dcs-case-builder__options--stacked{flex-direction:column}.dcs-case-builder__option{display:flex;flex-direction:column;gap:.2rem;min-height:4.4rem;justify-content:center;padding:1.2rem 1.8rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:var(--buttons-radius, 0);background-color:transparent;color:rgb(var(--color-foreground));font-size:1.5rem;text-align:left;cursor:pointer;transition:border-color var(--dcs-dur-snap) var(--dcs-ease-snap),background-color var(--dcs-dur-snap) var(--dcs-ease-snap)}.dcs-case-builder__option[hidden]{display:none}.dcs-case-builder__option[aria-checked=true]{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.dcs-case-builder__option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.dcs-case-builder__option:focus-visible{outline:var(--focused-base-outline);outline-offset:.3rem}@media(prefers-reduced-motion:no-preference){.dcs-case-builder__option:hover:not([aria-disabled=true]){border-color:rgba(var(--color-foreground),.5)}}.dcs-case-builder__option-note,.dcs-case-builder__tier-note{font-size:1.3rem;color:rgba(var(--color-foreground),.85)}.dcs-case-builder__option-note[hidden],.dcs-case-builder__tier-note[hidden]{display:none}.dcs-case-builder__tier-title{font-size:1.6rem}.dcs-case-builder__tier-price{font-size:1.5rem;color:rgba(var(--color-foreground),.75)}.dcs-case-builder__tier-price:empty{display:none}.dcs-case-builder__tier-text{font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.dcs-case-builder__designs{display:flex;flex-wrap:wrap;gap:1.2rem}.dcs-case-builder__design{position:relative;width:8rem}.dcs-case-builder__design-radio{position:absolute;width:.1rem;height:.1rem;opacity:0;pointer-events:none}.dcs-case-builder__design-label{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.4rem;border:.1rem solid transparent;border-radius:var(--media-radius);cursor:pointer}.dcs-case-builder__design-radio:checked+.dcs-case-builder__design-label{border-color:rgb(var(--color-foreground))}.dcs-case-builder__design-radio:focus-visible+.dcs-case-builder__design-label{outline:var(--focused-base-outline);outline-offset:.3rem}.dcs-case-builder__design-thumb{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--media-radius) / 2);background-color:rgba(var(--color-foreground),.04)}.dcs-case-builder__design-title{font-size:1.1rem;line-height:1.3;text-align:center;color:rgba(var(--color-foreground),.75)}.dcs-case-builder__explainer{margin:0;padding:1.2rem 1.6rem;border-left:.2rem solid rgba(var(--color-foreground),.3);color:rgba(var(--color-foreground),.8);font-size:1.4rem}.dcs-case-builder__explainer[hidden]{display:none}.dcs-case-builder__explainer>:first-child{margin-top:0}.dcs-case-builder__explainer>:last-child{margin-bottom:0}.dcs-case-builder__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0}.dcs-case-builder__price-amount{font-size:2.4rem}.dcs-case-builder__price-amount:empty{display:none}.dcs-case-builder__price-note{font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.dcs-case-builder__actions{display:flex;flex-wrap:wrap;gap:1.2rem}.dcs-case-builder__actions .button[hidden]{display:none}.dcs-case-builder__error{color:rgb(var(--color-foreground));font-size:1.4rem;padding:1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.4);border-radius:var(--buttons-radius, 0)}.dcs-case-builder__error:empty{display:none}.dcs-case-builder__noscript{font-size:1.4rem}.dcs-case-builder__admin-note{margin:1.6rem 0 0;padding:1.2rem 1.6rem;border:.1rem dashed rgba(var(--color-foreground),.4);font-size:1.3rem;color:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-dcs-case-builder.css.map */