.block-configurator{background:var(--bg-dark);color:var(--ink-on-dark)}:root[data-theme=light] .block-configurator{--block-configurator-bg:var(--bg-light);--block-configurator-tile:var(--light-raised);--block-configurator-line:oklch(0.24 0.012 220/0.3);--block-configurator-tile-line:oklch(0.24 0.012 220/0.4);--block-configurator-line-strong:oklch(0.24 0.012 220/0.55);--block-configurator-accent:var(--brand-deep);--block-configurator-selected-bg:oklch(0.62 0.038 102/0.14);background:var(--block-configurator-bg)}@media print{.block-configurator{background:#fff;border:0;color:#000}:root[data-theme=light] .block-configurator{background:#fff}}.block-configurator__shell{display:grid;grid-template-columns:1fr 27rem;min-height:100svh}@media(max-width:1100px){.block-configurator__shell{grid-template-columns:1fr 24rem}}@media(max-width:900px){.block-configurator__shell{grid-template-columns:1fr;min-height:0}}@media print{.block-configurator__shell{display:block;min-height:0}}.block-configurator__preview{background:oklch(.18 .01 220);display:flex;flex-direction:column;height:calc(100svh - var(--admin-bar));overflow:hidden;position:sticky;top:var(--admin-bar)}@media(max-width:900px){.block-configurator__preview{height:auto;position:sticky;top:var(--admin-bar);z-index:5}}@media print{.block-configurator__preview{display:none!important}}.block-configurator__stage{display:grid;flex:1;isolation:isolate;overflow:hidden;place-items:center;position:relative}@media(max-width:900px){.block-configurator__stage{aspect-ratio:16/9;flex:none;max-height:40svh}}.block-configurator__media{animation:block-configurator-fade .52s var(--ease-out) both;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}@media(prefers-reduced-motion:reduce){.block-configurator__media{animation:none}}@keyframes block-configurator-fade{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.block-configurator__playtoggle{backdrop-filter:blur(6px);background:oklch(.15 .01 220/.6);border:1px solid oklch(1 0 0/.3);border-radius:50%;bottom:clamp(1rem,2vw,1.5rem);color:var(--ink-on-dark);cursor:pointer;display:grid;height:2.75rem;opacity:.75;place-items:center;position:absolute;right:clamp(1rem,2vw,1.5rem);transition:opacity .2s ease,background .2s ease;width:2.75rem;z-index:2}.block-configurator__playtoggle:focus-visible{opacity:1;outline:2px solid var(--focus-ring);outline-offset:2px}@media(hover:hover)and (pointer:fine){.block-configurator__playtoggle:hover{background:oklch(.15 .01 220/.85);opacity:1}}.block-configurator__playtoggle-icon{height:.9375rem;width:.9375rem;fill:currentcolor;stroke:none}.block-configurator__caption{align-items:center;background:oklch(.15 .01 220);border-top:1px solid var(--hairline-dark);color:var(--ink-on-dark);display:flex;font-size:.9219rem;font-weight:540;min-height:3.25rem;padding:1rem clamp(1.25rem,3vw,2rem)}@media(max-width:900px){.block-configurator__caption{font-size:.8125rem;min-height:0;padding:.75rem 1.25rem}}.block-configurator__panel{background:var(--bg-dark);border-left:1px solid var(--hairline-dark);display:flex;flex-direction:column;min-height:100svh}:root[data-theme=light] .block-configurator__panel{background:var(--block-configurator-bg)}@media(max-width:900px){.block-configurator__panel{border-left:0;min-height:0}}@media print{.block-configurator__panel{background:#fff;border:0;color:#000}:root[data-theme=light] .block-configurator__panel{background:#fff}}.block-configurator__head{border-bottom:1px solid var(--hairline-dark);padding:clamp(6.5rem,12vh,8rem) clamp(1.5rem,2.5vw,2.25rem) 1.5rem}@media(max-width:900px){.block-configurator__head{padding-top:1.75rem}}.block-configurator__breadcrumbs{font-size:.875rem}@media print{.block-configurator__breadcrumbs{display:none!important}}.block-configurator__crumbs{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.block-configurator__crumb{align-items:center;color:var(--muted-on-dark);display:flex;gap:.5rem}.block-configurator__crumb:not(:last-child):after{border-right:1px solid;border-top:1px solid;content:"";height:.3125rem;opacity:.55;transform:rotate(45deg);width:.3125rem}.block-configurator__crumb-link{color:var(--muted-on-dark);display:inline-block;margin-block:-.1875rem;padding-block:.1875rem;transition:color .18s ease}@media(hover:hover)and (pointer:fine){.block-configurator__crumb-link:hover{color:var(--ink-on-dark)}}.block-configurator__crumb-current{color:var(--brand-bright);font-weight:540}.block-configurator__model{color:var(--ink-on-dark);font-size:1.75rem;font-stretch:80%;font-weight:720;letter-spacing:-.02em;line-height:1.1}@media print{.block-configurator__model{color:#000}}.block-configurator__model-sub{color:var(--brand-bright);font-size:.875rem;font-style:italic;margin-top:.25rem}@media print{.block-configurator__model-sub{color:#444;font-style:normal}}.block-configurator__progress{margin-top:1.5rem}@media print{.block-configurator__progress{display:none!important}}.block-configurator__progress-label{color:var(--muted-on-dark);font-size:.875rem;font-weight:540;margin-bottom:.5rem}.block-configurator__progress-track{background:oklch(1 0 0/.12);border-radius:999px;height:3px;overflow:hidden}:root[data-theme=light] .block-configurator__progress-track{background:oklch(.24 .012 220/.12)}.block-configurator__progress-bar{background:var(--brand);height:100%;transform:scaleX(0);transform-origin:left;transition:transform .42s var(--ease-out)}:root[data-theme=light] .block-configurator__progress-bar{background:var(--block-configurator-accent)}@media(prefers-reduced-motion:reduce){.block-configurator__progress-bar{transition:none}}.block-configurator__stepper{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:1.25rem}@media(pointer:coarse){.block-configurator__stepper{row-gap:1rem}}@media print{.block-configurator__stepper{display:none!important}}.block-configurator__stepper-button{background:none;border:1px solid var(--hairline-dark);border-radius:999px;color:var(--muted-on-dark);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:520;padding:.3125rem .6875rem;position:relative;transition:color .18s ease,border-color .18s ease,background .18s ease}.block-configurator__stepper-button:after{content:"";inset:-.1875rem;position:absolute}@media(pointer:coarse){.block-configurator__stepper-button:after{bottom:auto;height:max(100%,2.75rem);top:50%;translate:0 -50%}}@media(hover:hover)and (pointer:fine){.block-configurator__stepper-button:hover{border-color:var(--brand);color:var(--ink-on-dark)}}:root[data-theme=light] .block-configurator__stepper-button{border-color:var(--block-configurator-line)}@media(hover:hover)and (pointer:fine){:root[data-theme=light] .block-configurator__stepper-button:not(.block-configurator__stepper-button--active):hover{border-color:var(--block-configurator-accent);color:var(--ink-on-dark)}}.block-configurator__stepper-button--active{background:var(--brand);border-color:var(--brand);color:var(--bg-dark)}@media(hover:hover)and (pointer:fine){.block-configurator__stepper-button--active:hover{color:var(--bg-dark)}}:root[data-theme=light] .block-configurator__stepper-button--active{border-color:var(--brand);color:var(--on-brand)}.block-configurator__step{flex:1;padding:clamp(1.5rem,3vh,2.25rem) clamp(1.5rem,2.5vw,2.25rem)}.block-configurator__step--entering :is(.block-configurator__step-title,.block-configurator__step-desc,.block-configurator__options){animation:block-configurator-step-in .3s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.block-configurator__step--entering :is(.block-configurator__step-title,.block-configurator__step-desc,.block-configurator__options){animation:none}}.block-configurator__step--entering .block-configurator__step-desc{animation-delay:40ms}.block-configurator__step--entering .block-configurator__options{animation-delay:80ms}@keyframes block-configurator-step-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.block-configurator__step-title{color:var(--ink-on-dark);font-size:1.5rem;font-stretch:80%;font-weight:720;letter-spacing:-.02em;line-height:1.15}.block-configurator__step-desc{color:var(--muted-on-dark);font-size:.9219rem;line-height:1.6;margin-top:.625rem;text-align:left;text-wrap:pretty}.block-configurator__sublabel{color:var(--brand-bright);font-size:.75rem;font-weight:800;letter-spacing:.16em;margin:1.5rem 0 .625rem;text-transform:uppercase}@media(max-width:540px){.block-configurator__sublabel{margin:1.125rem 0 .5rem}}.block-configurator__sublabel:first-child{margin-top:1.5rem}.block-configurator__swatch{border:1px solid oklch(1 0 0/.28);border-radius:50%;box-shadow:inset 0 1px 2px oklch(0 0 0/.35);flex:none;height:1.625rem;margin-top:.0625rem;width:1.625rem}@media(max-width:540px){.block-configurator__swatch{height:1.5rem;width:1.5rem}}:root[data-theme=light] .block-configurator__swatch{border-color:var(--block-configurator-line-strong);box-shadow:inset 0 1px 2px oklch(0 0 0/.18)}.block-configurator__options-list{display:grid;gap:.625rem}.block-configurator__options-list+.block-configurator__sublabel{margin-top:1.5rem}.block-configurator__options{display:block;margin-top:.25rem}.block-configurator__option{align-items:flex-start;background:oklch(1 0 0/.04);border:1px solid oklch(1 0 0/.32);border-radius:6px;cursor:pointer;display:flex;font-family:inherit;gap:.875rem;padding:1rem 1.125rem;position:relative;text-align:left;transition:border-color .2s var(--ease-out),background .2s var(--ease-out);width:100%}@media(max-width:540px){.block-configurator__option{gap:.6875rem;padding:.8125rem .875rem}}.block-configurator__option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(hover:hover)and (pointer:fine){.block-configurator__option:hover{background:oklch(1 0 0/.07);border-color:oklch(.62 .038 102/.6)}}:root[data-theme=light] .block-configurator__option{background:var(--block-configurator-tile);border-color:var(--block-configurator-tile-line)}@media(hover:hover)and (pointer:fine){:root[data-theme=light] .block-configurator__option:hover{background:oklch(1 0 0);border-color:oklch(.49 .045 102/.7)}}.block-configurator__option--selected{background:oklch(.62 .038 102/.12);border-color:var(--brand)}@media(hover:hover)and (pointer:fine){.block-configurator__option--selected:hover{background:oklch(.62 .038 102/.16);border-color:var(--brand)}}:root[data-theme=light] .block-configurator__option--selected{background:var(--block-configurator-selected-bg);border-color:var(--block-configurator-accent)}@media(hover:hover)and (pointer:fine){:root[data-theme=light] .block-configurator__option--selected:hover{background:oklch(.62 .038 102/.18);border-color:var(--block-configurator-accent)}}.block-configurator__option-mark{border:1px solid oklch(1 0 0/.35);border-radius:50%;color:transparent;display:grid;flex:none;height:1.25rem;margin-top:.125rem;place-items:center;transition:background .2s ease,border-color .2s ease,color .2s ease;width:1.25rem}:root[data-theme=light] .block-configurator__option-mark{border-color:var(--block-configurator-line-strong)}.block-configurator__option--selected .block-configurator__option-mark{background:var(--brand);border-color:var(--brand);color:var(--bg-dark)}:root[data-theme=light] .block-configurator__option--selected .block-configurator__option-mark{background:var(--block-configurator-accent);border-color:var(--block-configurator-accent);color:var(--light-raised)}.block-configurator__check{height:.75rem;width:.75rem;stroke-width:3}.block-configurator__option--selected .block-configurator__swatch{border-color:oklch(1 0 0/.5)}:root[data-theme=light] .block-configurator__option--selected .block-configurator__swatch{border-color:oklch(.24 .012 220/.75)}.block-configurator__option-text{display:grid;gap:.25rem}.block-configurator__option-name{color:var(--ink-on-dark);font-size:1rem;font-weight:620}.block-configurator__option-desc{color:var(--muted-on-dark);font-size:.8125rem;line-height:1.55;text-align:left}.block-configurator__nav{backdrop-filter:blur(8px);background:oklch(.2 .012 220/.96);border-top:1px solid var(--hairline-dark);bottom:0;display:flex;gap:.75rem;padding:1.125rem clamp(1.5rem,2.5vw,2.25rem);position:sticky}:root[data-theme=light] .block-configurator__nav{background:oklch(.965 .006 102/.96)}@media(max-width:900px){.block-configurator__nav{bottom:0;position:sticky}}@media print{.block-configurator__nav{display:none!important}}.block-configurator__nav-button{flex:1;justify-content:center}.block-configurator__nav-button:disabled{opacity:.4;pointer-events:none}.block-configurator__summary{padding:clamp(1.5rem,3vh,2.25rem) clamp(1.5rem,2.5vw,2.25rem)}@media print{.block-configurator__summary{padding:0}}.block-configurator__print-head{display:none}@media print{.block-configurator__print-head{display:block!important;margin-bottom:1.5rem}}.block-configurator__summary-title{color:var(--ink-on-dark);font-size:1.5rem;font-stretch:80%;font-weight:720;letter-spacing:-.02em}@media print{.block-configurator__summary-title{color:#000}}.block-configurator__summary-text{color:var(--muted-on-dark);font-size:.9219rem;line-height:1.6;margin-top:.625rem}@media print{.block-configurator__summary-text{color:#444}}.block-configurator__back{background:none;border:0;color:var(--brand-bright);cursor:pointer;font-family:inherit;margin-top:1rem;margin-inline:-.25rem;padding:.5rem .25rem}.block-configurator__summary-list{border-top:1px solid var(--hairline-dark);margin-top:1.5rem}.block-configurator__summary-row{align-items:center;border-bottom:1px solid var(--hairline-dark);display:flex;gap:1rem;justify-content:space-between;padding:.9375rem 0}@media print{.block-configurator__summary-row{border-color:#ccc}}.block-configurator__summary-step{color:var(--muted-on-dark);font-size:.8125rem}@media print{.block-configurator__summary-step{color:#444}}.block-configurator__summary-value{color:var(--ink-on-dark);font-size:1rem;font-weight:620;margin-top:.125rem}@media print{.block-configurator__summary-value{color:#000}}.block-configurator__summary-value--empty{color:var(--muted-on-dark);font-style:italic;font-weight:420}@media print{.block-configurator__summary-value--empty{color:#666}}.block-configurator__summary-edit{background:none;border:0;color:var(--brand-bright);cursor:pointer;flex:none;font-family:inherit;font-size:.8125rem;margin:-.75rem -.25rem;padding:.75rem .25rem}@media print{.block-configurator__summary-edit{display:none!important}}.block-configurator__summary-edit .block-configurator__edit-icon{height:.875rem;width:.875rem}.block-configurator__price{background:oklch(.62 .038 102/.1);border:1px solid oklch(.62 .038 102/.4);border-radius:6px;margin-top:1.5rem;padding:1.125rem 1.25rem}@media print{.block-configurator__price{background:none;border-color:#999}}.block-configurator__price-label{color:var(--muted-on-dark);font-size:.8125rem}.block-configurator__price-value{color:var(--brand-bright);font-size:1.25rem;font-stretch:80%;font-weight:720;margin-top:.25rem}.block-configurator__price-note{color:var(--muted-on-dark);font-size:.8125rem;line-height:1.55;margin-top:.625rem}@media print{.block-configurator__price-note{color:#000}}.block-configurator__actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1.5rem}@media print{.block-configurator__actions{display:none!important}}.block-configurator__action{flex:1;justify-content:center;white-space:nowrap}@media(max-width:540px){.block-configurator__action{flex:none;width:100%}}.block-configurator__action .block-configurator__action-icon{height:1.1em;width:1.1em}.block-configurator__quote{border-top:1px solid var(--hairline-dark);margin-top:2.25rem;padding-top:2.25rem}@media print{.block-configurator__quote{display:none!important}}.block-configurator__quote-title{color:var(--ink-on-dark);font-size:1.125rem;font-weight:660;margin-bottom:.5rem}.block-configurator__quote-text{color:var(--muted-on-dark);font-size:.875rem;line-height:1.6;margin-bottom:1.25rem}.block-configurator__form-grid{grid-template-columns:1fr}.block-configurator__form .field__label{color:var(--ink-on-dark)}.block-configurator__form .field__control{background-color:oklch(1 0 0/.06);border-color:oklch(1 0 0/.35);color:var(--ink-on-dark)}:root[data-theme=light] .block-configurator__form .field__control{background-color:oklch(1 0 0/.7);border-color:oklch(.24 .012 220/.6)}.block-configurator__form .field__control:focus{border-color:var(--brand);box-shadow:0 0 0 3px oklch(.62 .038 102/.22)}:root[data-theme=light] .block-configurator__form .field__control:focus{border-color:var(--brand-deep);box-shadow:none}.block-configurator__form .field__control:focus-visible{outline:none}:root[data-theme=light] .block-configurator__form .field__control:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.block-configurator__form .field__control:user-invalid{border-color:oklch(.6 .16 25)}:root[data-theme=light] .block-configurator__form .field__control:user-invalid{border-color:oklch(.55 .16 25)}.block-configurator__form .field__control::-moz-placeholder{color:var(--muted-on-dark)}.block-configurator__form .field__control::placeholder{color:var(--muted-on-dark)}:root[data-theme=light] .block-configurator__form .field__control::-moz-placeholder{color:var(--muted-on-light)}:root[data-theme=light] .block-configurator__form .field__control::placeholder{color:var(--muted-on-light)}.block-configurator__form .field__req{color:var(--brand-bright)}.block-configurator__form .field__hint{color:var(--muted-on-dark)}.block-configurator__form .form__legal{border-top-color:var(--hairline-dark);color:var(--muted-on-dark)}.block-configurator__form .form__legal a{color:var(--brand-bright)}.block-configurator__form .form__status--ok{background:oklch(.62 .038 102/.16);border-color:var(--brand);color:var(--brand-bright)}.block-configurator__form .form__status--error{background:oklch(.55 .16 25/.18);border-color:oklch(.6 .16 25/.55);color:oklch(.8 .11 25)}:root[data-theme=light] .block-configurator__form .form__status--error{background:oklch(.55 .16 25/.1);border-color:oklch(.55 .16 25/.4);color:oklch(.45 .17 25)}
