.sign-configurator{--sign-ink:#222323;--sign-paper:#fbf9f3;--sign-line:#b9b3a8;--sign-active:#234b78;color:var(--sign-ink);background:#eeeae1;scroll-margin-top:5rem}.sign-config-heading{max-inline-size:52rem;margin-bottom:clamp(1.25rem,3vw,2.5rem)}.sign-config-grid{grid-template-columns:minmax(0,1fr) minmax(0,.96fr);align-items:start;gap:clamp(1.25rem,4vw,4rem);display:grid}.sign-config-controls{gap:1.2rem;min-width:0;display:grid}.sign-configurator fieldset{border:0;min-width:0;margin:0;padding:0}.sign-configurator legend{margin:0 0 .5rem;padding:0;font-size:1rem;font-weight:850}.sign-segments,.sign-preview-switch{flex-wrap:wrap;gap:.4rem;display:flex}.sign-segments button,.sign-shapes button,.sign-swatches button,.sign-preview-switch button{border:1px solid var(--sign-line);color:inherit;background:var(--sign-paper);cursor:pointer;border-radius:.25rem}.sign-segments button{text-align:left;min-height:44px;padding:.55rem .75rem;font-weight:750}.sign-configurator button[aria-pressed=true]{border-color:var(--sign-active);box-shadow:inset 0 0 0 1px var(--sign-active);background:#dce7f2}.sign-configurator button:focus-visible,.sign-configurator input:focus-visible,.sign-configurator select:focus-visible{outline-offset:2px;outline:2px solid #234b78}.sign-configurator .sign-config-note{margin:.5rem 0 0;font-size:.875rem;line-height:1.45}.sign-shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.sign-shapes button{place-items:center;min-width:0;min-height:3.9rem;padding:.3rem;font-size:.82rem;line-height:1.15;display:grid}.sign-shapes svg{width:100%;height:2.55rem;max-inline-size:8rem}.sign-swatches{flex-wrap:wrap;gap:.4rem;display:flex}.sign-swatches button{align-items:center;gap:.35rem;min-height:44px;padding:.25rem .5rem;font-size:.8rem;display:flex}.sign-swatches button>span{border-radius:50%;width:.9rem;height:.9rem;box-shadow:0 0 0 1px #49453b}.sign-address-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.sign-address-fields label,.sign-contact>label{gap:.25rem;min-width:0;font-weight:750;display:grid}.sign-address-fields :is(input,select),.sign-contact>label>input{border:1px solid var(--sign-line);background:var(--sign-paper);width:100%;min-width:0;min-height:44px;color:var(--sign-ink);font:inherit;border-radius:.25rem;padding:.5rem;font-weight:500}.sign-config-result{border:1px solid var(--sign-line);background:var(--sign-paper);min-width:0;position:sticky;top:5rem}.sign-preview{margin:0}.sign-preview-toolbar,.sign-estimate{justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex}.sign-preview-toolbar{min-height:3rem;font-size:.8rem;font-weight:750}.sign-preview-switch button{padding:.3rem .5rem}.sign-preview-wall{background-color:#d8c9af;background-image:repeating-linear-gradient(0deg,#0000 0 42px,#b7a88f 42px 43px,#eee4d2 43px 44px);place-items:center;min-height:clamp(10rem,22vw,18rem);padding:clamp(.7rem,3vw,2rem);display:grid}.sign-preview-wall-night{background-color:#17232d;background-image:repeating-linear-gradient(0deg,#0000 0 42px,#233644 42px 44px)}.sign-preview-wall .sign-drawing{filter:drop-shadow(0 4px 4px #1115);width:100%;height:auto;max-height:12rem}.sign-preview-wall-night .sign-drawing{filter:brightness(1.2)drop-shadow(0 0 .65rem #e1edffaa)}.sign-preview figcaption{padding:.45rem 1rem;font-size:.8rem}.sign-estimate{border-top:1px solid var(--sign-line);border-bottom:1px solid var(--sign-line);padding-block:.9rem}.sign-estimate strong{text-align:end;font-size:1.3rem}.sign-contact,.sign-success{gap:.75rem;padding:1rem;display:grid}.sign-contact .button{width:100%}.sign-contact .button:disabled{cursor:not-allowed;opacity:.72}.sign-contact .personal-data-consent p{margin:.25rem 0}.sign-bulk>summary{cursor:pointer;font-weight:850}.sign-bulk{padding-block:1rem}@media (width<=820px){.sign-config-grid{grid-template-columns:minmax(0,1fr)}.sign-config-result{position:static}.sign-preview-wall{min-height:9rem}}@media (width<=390px){.sign-address-fields{grid-template-columns:minmax(0,1fr)}.sign-shapes{gap:.3rem}}@media (width<=820px){.sign-config-result{display:contents}.sign-preview{z-index:1;border:1px solid var(--sign-line);background:var(--sign-paper);grid-row:1}.sign-estimate{padding-inline:0}.sign-contact,.sign-success{padding:0}}@media (width<=820px) and (height>=650px){.sign-preview{position:sticky;top:4rem}.sign-preview-wall{min-height:7rem}.sign-preview-wall .sign-drawing{max-height:7rem}}
