.cfg-controls{gap:clamp(1.75rem,3vw,2.5rem);display:grid}.cfg-group{border:0;min-width:0;margin:0;padding:0}.cfg-legend{font-family:var(--display);letter-spacing:var(--display-track);color:var(--navy);margin-bottom:1rem;padding:0;font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.05}.cfg-color-name{font-family:var(--sans);font-size:var(--text-sm);letter-spacing:0;color:var(--ink-soft);margin-left:.8rem;font-weight:700}.cfg-hint{font-size:var(--text-xs);color:var(--ink-soft);margin-top:.9rem;line-height:1.45}.cfg-seg-opt input,.cfg-swatch input,.cfg-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cfg-seg{border-radius:var(--r-control);background:var(--canvas);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #131f4514}.cfg-tile{border-radius:calc(var(--r-control) - 4px);background:var(--navy-deep);width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--i) * 100%));transition:transform .2s var(--ease-out);position:absolute;top:4px;bottom:4px;left:4px}.cfg-seg-opt{z-index:1;border-radius:calc(var(--r-control) - 4px);cursor:pointer;min-height:56px;transition:transform .12s var(--ease-out);align-content:start;gap:2px;padding:.7rem .75rem;display:grid;position:relative}.cfg-seg-opt:active{transform:scale(.98)}.cfg-seg-opt:has(:focus-visible){outline:2px solid var(--sky);outline-offset:2px}.cfg-seg-opt .icon{color:var(--navy);flex:none;margin-bottom:.5rem;transition:color .18s}.cfg-seg-opt:has(:checked) .icon{color:#fff}.cfg-seg-name{font-size:var(--text-sm);color:var(--navy);font-weight:700;transition:color .18s}.cfg-seg-note{font-size:var(--text-xs);color:var(--ink-soft);text-wrap:pretty;line-height:1.3;transition:color .18s}.cfg-seg-opt:has(:checked) .cfg-seg-name{color:#fff}.cfg-seg-opt:has(:checked) .cfg-seg-note{color:var(--on-dark-soft)}.cfg-dims{gap:.4rem;display:grid}.cfg-dim{opacity:1;transition:opacity .22s var(--ease-out) calc(var(--n) * 50ms), transform .22s var(--ease-out) calc(var(--n) * 50ms);transform:none}@starting-style{.cfg-dim{opacity:0;transform:translateY(6px)}}.cfg-dim-head{font-size:var(--text-sm);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cfg-dim-head label{color:var(--navy);font-weight:700}.cfg-dim-value{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.cfg-range{--thumb:22px;--fill:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p));cursor:pointer;appearance:none;background:0 0;width:100%;height:44px;margin:0;display:block}.cfg-range:focus-visible{outline:0}.cfg-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--navy) var(--fill), var(--sand) var(--fill));border-radius:999px;height:4px}.cfg-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--thumb);height:var(--thumb);margin-top:calc((4px - var(--thumb)) / 2);border:2px solid var(--navy);transition:transform .12s var(--ease-out);background:#fff;border-radius:50%}.cfg-range:active::-webkit-slider-thumb{transform:scale(1.1)}.cfg-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--sky)}.cfg-range::-moz-range-track{background:var(--sand);border-radius:999px;height:4px}.cfg-range::-moz-range-progress{background:var(--navy);border-radius:999px;height:4px}.cfg-range::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:2px solid var(--navy);transition:transform .12s var(--ease-out);background:#fff;border-radius:50%}.cfg-range:active::-moz-range-thumb{transform:scale(1.1)}.cfg-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--sky)}.cfg-swatches{flex-wrap:wrap;gap:.25rem;display:flex}.cfg-swatch{cursor:pointer;width:52px;height:52px;transition:transform .12s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.cfg-swatch:active{transform:scale(.94)}.cfg-disc{border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 1px #131f452e}.cfg-swatch:after{content:"";border:2px solid var(--navy-deep);opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:50%;position:absolute;inset:0;transform:scale(.9)}.cfg-swatch:has(:checked):after{opacity:1;transform:scale(1)}.cfg-swatch:has(:focus-visible){outline:2px solid var(--sky);outline-offset:2px}.cfg-extras{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cfg-extra{opacity:1;transition:opacity .22s var(--ease-out) calc(var(--n) * 40ms), transform .22s var(--ease-out) calc(var(--n) * 40ms);transform:none}@starting-style{.cfg-extra{opacity:0;transform:translateY(6px)}}.cfg-chip{border-radius:var(--r-control);background:var(--canvas);min-height:56px;color:var(--navy);cursor:pointer;transition:transform .12s var(--ease-out), background .18s ease, color .18s ease;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #131f4514}@media (hover:hover) and (pointer:fine){.cfg-chip:hover{background:#fff}}.cfg-chip:active{transform:scale(.98)}.cfg-chip:has(:focus-visible){outline:2px solid var(--sky);outline-offset:2px}.cfg-chip:has(:checked){background:var(--navy-deep);color:#fff}.cfg-chip:has(:checked):hover{background:var(--navy-deep);color:#fff}.extra-ico{border-radius:var(--r-control);width:40px;height:40px;color:var(--navy);flex:none;place-items:center;transition:background .18s,color .18s,box-shadow .18s;display:grid;box-shadow:inset 0 0 0 1px #131f4529}.cfg-chip:has(:checked) .extra-ico{color:#fff;box-shadow:none;background:#ffffff1f}.cfg-chip-text{flex:1;gap:2px;min-width:0;display:grid}.cfg-chip-name{font-size:var(--text-sm);font-weight:700}.cfg-chip-note{font-size:var(--text-xs);color:var(--ink-soft);line-height:1.35;transition:color .18s}.cfg-chip:has(:checked) .cfg-chip-note{color:var(--on-dark-soft)}.cfg-check{width:24px;height:24px;color:var(--navy-deep);opacity:0;transition:opacity .1s var(--ease-out), transform .1s var(--ease-out);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;transform:scale(.8)}.cfg-chip:has(:checked) .cfg-check{opacity:1;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);transform:scale(1)}.cfg-summary{border-bottom:1px solid var(--line);margin:0}.cfg-summary-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:1.25rem;padding:.85rem 0;display:grid}.cfg-summary dt{font-size:var(--text-sm);color:var(--ink-soft)}.cfg-summary dd{text-align:right;color:var(--navy);font-variant-numeric:tabular-nums;text-wrap:balance;margin:0;font-weight:700}@media (prefers-reduced-motion:reduce){.cfg-tile{transition:none}.cfg-seg-opt:active,.cfg-chip:active,.cfg-swatch:active{transform:none}.cfg-range:active::-webkit-slider-thumb{transform:none}.cfg-range:active::-moz-range-thumb{transform:none}.cfg-dim,.cfg-extra{transition:opacity .22s var(--ease-out) calc(var(--n) * 50ms)}@starting-style{.cfg-dim,.cfg-extra{transform:none}}.cfg-swatch:after{transition:opacity .15s var(--ease-out);transform:none}.cfg-swatch:has(:checked):after{transition:opacity .15s var(--ease-out);transform:none}.cfg-check{transform:none}.cfg-chip:has(:checked) .cfg-check{transform:none}.cfg-check{transition:opacity .1s var(--ease-out)}.cfg-chip:has(:checked) .cfg-check{transition:opacity .15s var(--ease-out)}.cfg-seg-opt{transition:none}.cfg-range::-webkit-slider-thumb{transition:none}.cfg-range::-moz-range-thumb{transition:none}.cfg-chip{transition:background .18s,color .18s}.cfg-swatch,.extra-ico{transition:none}}
.cfg-figure{margin:0}.cfg-figure figcaption{font-size:var(--text-xs);color:var(--ink-soft);margin-top:.8rem}.cfg-scene{aspect-ratio:4/3;isolation:isolate;--move:.22s;background:#e7dfcf;position:relative;overflow:hidden;container-type:inline-size}.cfg-zoom{--u:10cqw;--g:calc(4.5 * var(--u));transform-origin:50% var(--g);transform:scale(var(--zoom));transition:transform .45s var(--ease-out);position:absolute;inset:0}.cfg-world{perspective:calc(18 * var(--u));perspective-origin:50% calc(var(--g) - 6 * var(--u));position:absolute;inset:0}.cfg-world>*{position:absolute;left:50%}.cfg-wall{top:calc(var(--g) - 14 * var(--u));width:calc(40 * var(--u));height:calc(14 * var(--u));margin-left:calc(-20 * var(--u));background:linear-gradient(0deg, #c9bfaa 0 calc(.4 * var(--u)), transparent calc(.4 * var(--u))), linear-gradient(180deg, #efe8da, #e4dbc8)}.cfg-shop{top:calc(var(--g) - 2.75 * var(--u));width:calc(6 * var(--u));height:calc(2.35 * var(--u));margin-left:calc(-3 * var(--u));border:calc(.07 * var(--u)) solid #2c3346;background:repeating-linear-gradient(90deg, #2c3346 0 calc(.05 * var(--u)), transparent calc(.05 * var(--u)) calc(1.172 * var(--u))), linear-gradient(160deg, #7f93a8, #43546b 55%, #2b3a52)}.cfg-ground{top:var(--g);width:calc(80 * var(--u));height:calc(12 * var(--u));margin-left:calc(-40 * var(--u));transform-origin:50% 0;background:repeating-linear-gradient(90deg, #131f4512 0 calc(.03 * var(--u)), transparent calc(.03 * var(--u)) var(--u)), repeating-linear-gradient(0deg, #131f4512 0 calc(.03 * var(--u)), transparent calc(.03 * var(--u)) var(--u)), linear-gradient(180deg, #d6cdb9, #e3dccb);transform:rotateX(90deg)}.cfg-shadow,.cfg-pool{width:calc(7 * var(--u));height:calc(5 * var(--u));margin-left:calc(-3.5 * var(--u));transform-origin:50% 0;transform:translate(calc(var(--x) * var(--u) + .3 * var(--u)), calc(var(--z) * var(--u) + .2 * var(--u))) scale(calc(var(--sw) / 7), calc(var(--sd) / 5));opacity:0;transition:transform var(--move) var(--ease-out), opacity .3s ease;position:absolute;top:0;left:50%}.cfg-shadow{filter:blur(calc(.12 * var(--u)));background:#131f454d}.cfg-shadow[data-on]{opacity:1}.cfg-pool{background:radial-gradient(closest-side,#ffe2aad1,#ffc8825c 48%,#ffc88200)}.cfg-night{mix-blend-mode:multiply;opacity:0;pointer-events:none;background:#485686;width:500%;height:500%;transition:opacity .6s;top:-200%;left:-200%}.cfg-night-top{background:#a8aecc}.cfg-wash{top:calc(var(--g) - 3.7 * var(--u));width:calc(9 * var(--u));height:calc(3.7 * var(--u));margin-left:calc(-4.5 * var(--u));transform:scaleX(calc((var(--w) + 2) / 9));opacity:0;transition:transform var(--move) var(--ease-out), opacity .5s ease;background:radial-gradient(50% 48% at 50% 26%,#ffc47866,#ffc4781f 58%,#ffc47800)}.cfg-glow{top:calc(var(--g) - 2.68 * var(--u));width:calc(5.86 * var(--u));height:calc(2.21 * var(--u));margin-left:calc(-2.93 * var(--u));background:repeating-linear-gradient(90deg, #12182eeb 0 calc(.05 * var(--u)), transparent calc(.05 * var(--u)) calc(1.172 * var(--u))), radial-gradient(ellipse 72% 95% at 50% 100%, #ffdca0f5, #f4a658cc 58%, #965430c7);opacity:0;transition:opacity .5s}.cfg-fx{background:0 0}.cfg-spill{width:calc(6.6 * var(--u));height:calc(3.2 * var(--u));margin-left:calc(-3.3 * var(--u));opacity:0;background:radial-gradient(50% 100% at 50% 0,#ffc88280,#ffc88224 60%,#ffc88200);transition:opacity .5s;position:absolute;top:0;left:50%}.cfg-led{opacity:0;transition:opacity .25s}.cfg-led-line{width:calc(7 * var(--u));height:calc(.04 * var(--u));margin-left:calc(-3.5 * var(--u));box-shadow:0 0 calc(.1 * var(--u)) calc(.03 * var(--u)) #ffe4b0f2, 0 0 calc(.5 * var(--u)) calc(.12 * var(--u)) #ffc4786b;background:#fff1cf}.cfg-led-line:after{content:"";height:calc(1.5 * var(--u));background:linear-gradient(#ffce8c3d,#ffce8c00);position:absolute;top:100%;left:0;right:0}.cfg-led-m{top:calc(var(--g) - 3.04 * var(--u) + var(--d) * .2125 * var(--u));transform:translateZ(calc(var(--d) * .978 * var(--u))) scaleX(calc(var(--w) / 7))}.cfg-led-p{top:calc(var(--g) - 2.44 * var(--u));transform:translateZ(calc(var(--d) * var(--u))) scaleX(calc(var(--w) / 7))}.cfg-led-u{top:calc(var(--g) - 2.15 * var(--u));width:calc(3.4 * var(--u));height:calc(2.15 * var(--u));margin-left:calc(-1.7 * var(--u));transform:translate3d(calc(var(--x) * var(--u)), 0, calc(var(--uz) * var(--u)));clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:radial-gradient(14% 7% at 50% 0,#fff0c8,#fff0c800),linear-gradient(#ffce8c52,#ffce8c00 88%)}.cfg-scene[data-night] .cfg-night,.cfg-scene[data-night] .cfg-glow,.cfg-scene[data-night] .cfg-spill,.cfg-scene[data-night] .cfg-pool[data-on],.cfg-scene[data-night]:not([data-product=parasole]) .cfg-wash{opacity:1}.cfg-scene[data-night] .cfg-shadow{opacity:0}.cfg-scene[data-night][data-product=markiza] .cfg-led-m,.cfg-scene[data-night][data-product=pergola] .cfg-led-p{opacity:1;transition:opacity .35s .28s}.cfg-scene[data-night] .cfg-led-u[data-on]{opacity:1;transition:opacity .35s ease calc(.28s + var(--i) * 90ms)}.cfg-deck,.cfg-deck-front{width:calc(8 * var(--u));margin-left:calc(-4 * var(--u));top:calc(var(--g) - .18 * var(--u));opacity:0;transition:transform var(--move) var(--ease-out), opacity .18s ease}.cfg-deck{height:calc(6 * var(--u));transform-origin:50% 0;transform:translateY(calc(.3 * var(--u))) translateZ(calc(var(--dz) * var(--u))) rotateX(90deg) scale(calc(var(--dw) / 8), calc(var(--dd) / 6));background:repeating-linear-gradient(90deg, #3c261447 0 calc(.03 * var(--u)), transparent calc(.03 * var(--u)) calc(.6 * var(--u))), linear-gradient(180deg, #b08a62, #c39e75)}.cfg-deck-front{height:calc(.18 * var(--u));transform:translateY(calc(.3 * var(--u))) translateZ(calc((var(--dz) + var(--dd)) * var(--u))) scaleX(calc(var(--dw) / 8));background:#8a6a48}.cfg-scene[data-deck] .cfg-deck,.cfg-scene[data-deck] .cfg-deck-front{opacity:1;transition:transform .35s var(--ease-out), opacity .35s var(--ease-out)}.cfg-scene[data-deck] .cfg-deck{transform:translateZ(calc(var(--dz) * var(--u))) rotateX(90deg) scale(calc(var(--dw) / 8), calc(var(--dd) / 6))}.cfg-scene[data-deck] .cfg-deck-front{transform:translateZ(calc((var(--dz) + var(--dd)) * var(--u))) scaleX(calc(var(--dw) / 8))}.cfg-screen{top:calc(var(--g) - var(--sh) * var(--u));width:calc(5 * var(--u));height:calc(var(--sh) * var(--u));transform-origin:0;transform:translateX(calc(var(--side) * var(--w) / 2 * var(--u))) rotateY(-90deg) scaleX(calc(var(--d) / 5));border:calc(.05 * var(--u)) solid #2c3346;clip-path:inset(100% 0 0);transition:transform var(--move) var(--ease-out), clip-path .2s var(--ease-out);background:linear-gradient(120deg,#bedcf080,#96bedc38)}.cfg-scene[data-screens] .cfg-screen{clip-path:inset(0);transition:transform var(--move) var(--ease-out), clip-path .4s var(--ease-out)}.cfg-ink{background:var(--fab);clip-path:inset(0);transition:clip-path .38s var(--ease-out);position:absolute;inset:0}@starting-style{.cfg-ink{clip-path:inset(0 0 100%)}}.cfg-cassette{top:calc(var(--g) - 3.22 * var(--u));width:calc(7 * var(--u));height:calc(.24 * var(--u));margin-left:calc(-3.5 * var(--u));border-radius:calc(.05 * var(--u));transform:scaleX(calc(var(--w) / 7 + .03));opacity:0;transition:transform var(--move) var(--ease-out), opacity .2s ease;background:linear-gradient(#8f98a9,#3a4254 45%,#171b26)}.cfg-fabric{top:calc(var(--g) - 3.1 * var(--u));width:calc(7 * var(--u));height:calc(4.09 * var(--u));margin-left:calc(-3.5 * var(--u));transform-origin:50% 0;transform:rotateX(78deg) scale(calc(var(--w) / 7), .02);background:var(--fab-prev);opacity:0;transition:transform var(--move) var(--ease-out), opacity .2s ease}.cfg-fabric:after,.cfg-roof:after{content:"";position:absolute;inset:0}.cfg-fabric:after{background:repeating-linear-gradient(90deg,#0003 0 1px,#ffffff12 1px 2px,#0000 2px 14.28%),linear-gradient(#00000038,#ffffff1a)}.cfg-front{top:calc(var(--g) - 3.1 * var(--u));width:calc(7 * var(--u));height:0;margin-left:calc(-3.5 * var(--u));transform-origin:50% 0;transform-style:preserve-3d;transform:rotateX(78deg) translateY(calc(.08 * var(--u)));transition:transform var(--move) var(--ease-out)}.cfg-front>*{opacity:0;transition:opacity .2s;position:absolute;left:0;right:0}.cfg-bar{top:calc(-.05 * var(--u));height:calc(.1 * var(--u));transform:scaleX(calc(var(--w) / 7 + .02));background:linear-gradient(#c3c9d6,#5d6678 40%,#1b1f2a)}.cfg-valance{top:calc(.04 * var(--u));height:calc(.3 * var(--u));transform-origin:50% 0;transform:rotateX(-78deg) scaleX(calc(var(--w) / 7));background:var(--fab);box-shadow:inset 0 calc(-.03 * var(--u)) 0 #00000038;transition:opacity .2s ease, transform var(--move) var(--ease-out), background-color .3s ease .12s}.cfg-print{font-family:var(--sans);letter-spacing:.16em;white-space:nowrap;text-align:center;color:var(--print);font-weight:700}.cfg-front>.cfg-print{top:calc(.04 * var(--u));height:calc(.3 * var(--u));line-height:calc(.27 * var(--u));font-family:var(--display);letter-spacing:-.02em;font-weight:700;font-size:calc(.2 * var(--u));transform-origin:50% 0;filter:blur(3px);transition:opacity .2s,filter .2s;transform:rotateX(-78deg)}.cfg-scene[data-product=markiza] .cfg-cassette,.cfg-scene[data-product=markiza] .cfg-fabric,.cfg-scene[data-product=markiza] .cfg-bar,.cfg-scene[data-product=markiza] .cfg-valance{opacity:1}.cfg-scene[data-product=markiza] .cfg-fabric{transform:rotateX(78deg) scale(calc(var(--w) / 7), calc(var(--d) / 4))}.cfg-scene[data-product=markiza] .cfg-front{transform:rotateX(78deg) translateY(calc(var(--d) * 1.0225 * var(--u)))}.cfg-scene[data-product=markiza][data-print] .cfg-front>.cfg-print{opacity:.92;filter:none;transition:opacity .35s,filter .35s}.cfg-scene[data-installing][data-product=markiza] .cfg-fabric,.cfg-scene[data-installing][data-product=markiza] .cfg-front{transition-duration:.56s,.2s;transition-timing-function:var(--ease), ease}.cfg-post{top:calc(var(--g) - 2.6 * var(--u));width:calc(.13 * var(--u));height:calc(2.6 * var(--u));margin-left:calc(-.065 * var(--u));transform-origin:50% 100%;transform:translate3d(calc(var(--px) * var(--w) / 2 * var(--u)), 0, calc(var(--pz) * var(--d) * var(--u))) scaleY(.05);background:linear-gradient(90deg, #ffffff29, #00000040), var(--fab);opacity:0;transition:transform var(--move) var(--ease-out), opacity .2s ease, background-color .3s ease}.cfg-roof{top:calc(var(--g) - 2.6 * var(--u));width:calc(7 * var(--u));height:calc(5 * var(--u));margin-left:calc(-3.5 * var(--u));transform-origin:50% 0;transform:rotateX(88deg) scale(calc(var(--w) / 7), .04);background:var(--fab-prev);opacity:0;transition:transform var(--move) var(--ease-out), opacity .2s ease}.cfg-roof:after{border:calc(.12 * var(--u)) solid #0000004d;background:repeating-linear-gradient(180deg, #00000057 0 calc(.05 * var(--u)), #ffffff1a calc(.05 * var(--u)) calc(.25 * var(--u)))}.cfg-beam{top:calc(var(--g) - 2.6 * var(--u));width:calc(7 * var(--u));height:calc(.16 * var(--u));margin-left:calc(-3.5 * var(--u));transform:translateZ(calc(var(--d) * var(--u))) scaleX(calc(var(--w) / 7 + .02));background:linear-gradient(180deg, #ffffff2e, #00000047), var(--fab);opacity:0;transition:transform var(--move) var(--ease-out), opacity .2s ease, background-color .3s ease}.cfg-scene[data-product=pergola] .cfg-post,.cfg-scene[data-product=pergola] .cfg-roof,.cfg-scene[data-product=pergola] .cfg-beam{opacity:1}.cfg-scene[data-product=pergola] .cfg-post{transform:translate3d(calc(var(--px) * var(--w) / 2 * var(--u)), 0, calc(var(--pz) * var(--d) * var(--u))) scaleY(1)}.cfg-scene[data-product=pergola] .cfg-roof{transform:rotateX(88deg) scale(calc(var(--w) / 7), calc(var(--d) / 5))}.cfg-scene[data-installing][data-product=pergola] .cfg-post{transition-duration:.38s,.2s,.3s;transition-delay:calc(var(--i) * 45ms)}.cfg-scene[data-installing][data-product=pergola] .cfg-roof{transition-duration:.5s,.2s;transition-timing-function:var(--ease), ease;transition-delay:.2s}.cfg-scene[data-installing][data-product=pergola] .cfg-beam{transition-delay:0s,.32s,0s}.cfg-pole{top:calc(var(--g) - 2.5 * var(--u));width:calc(.09 * var(--u));height:calc(2.5 * var(--u));margin-left:calc(-.045 * var(--u));transform:translate3d(calc(var(--x) * var(--u)), 0, calc(var(--uz) * var(--u)));opacity:0;transition:transform var(--move) var(--ease-out), opacity .2s ease;background:linear-gradient(90deg,#c3c9d6,#5d6678)}.cfg-umb{--h:calc(5 * var(--u) / 2.326);top:calc(var(--g) - 2.15 * var(--u) - var(--h));width:calc(5 * var(--u));height:var(--h);margin-left:calc(-2.5 * var(--u));transform-origin:50% 100%;transform:translate3d(calc(var(--x) * var(--u)), 0, calc(var(--uz) * var(--u))) scale(var(--k));transition:transform .25s var(--ease-out)}.cfg-canopy{transform-origin:50% 10%;opacity:0;transition:transform .25s var(--ease-out), opacity .2s ease;position:absolute;inset:0;transform:scale(.14,1.45)}.cfg-skin{background:var(--fab-prev);position:absolute;inset:0;-webkit-mask:url(/img/cfg/parasol.webp) 50%/100% 100% no-repeat;mask:url(/img/cfg/parasol.webp) 50%/100% 100% no-repeat}.cfg-canopy .cfg-ink{clip-path:circle(130% at 50% 12%)}@starting-style{.cfg-canopy .cfg-ink{clip-path:circle(0% at 50% 12%)}}.cfg-skin:after{content:"";background:url(/img/cfg/parasol-light.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.cfg-skin>.cfg-print{opacity:0;filter:blur(3px);transition:opacity .2s,filter .2s;position:absolute}.cfg-print-panel{height:42%;font-family:var(--display);letter-spacing:-.02em;font-weight:700;line-height:1;font-size:calc(.54 * var(--u));transform-origin:50% 100%;transform:perspective(calc(7 * var(--u))) rotateX(54deg);place-items:center;display:grid;top:34%;left:16%;right:16%}.cfg-print-edge{font-size:calc(.12 * var(--u));letter-spacing:.24em;bottom:4%;left:0;right:0}.cfg-pole[data-on],.cfg-canopy[data-on]{opacity:1}.cfg-canopy[data-on]{transition:transform .46s var(--ease-out) calc(var(--i) * 70ms), opacity .2s ease calc(var(--i) * 70ms);transform:none}.cfg-scene[data-print] .cfg-canopy[data-on] .cfg-print{opacity:.9;filter:none;transition:opacity .35s,filter .35s}.cfg-dimline{top:var(--g);width:calc(7 * var(--u));height:max(1.5px, calc(.025 * var(--u)));margin-left:calc(-3.5 * var(--u));transform:translateZ(calc((var(--d) + .55) * var(--u))) scaleX(calc(var(--w) / 7));background:var(--navy);transition:transform var(--move) var(--ease-out), opacity .2s ease}.cfg-dimlabel{top:calc(var(--g) + .08 * var(--u));width:calc(3 * var(--u));margin-left:calc(-1.5 * var(--u));transform:translateZ(calc((var(--d) + .55) * var(--u)));font-size:max(11px, calc(.24 * var(--u)));font-variant-numeric:tabular-nums;text-align:center;color:var(--navy);transition:transform var(--move) var(--ease-out), opacity .2s ease;font-weight:700}.cfg-scene[data-product=parasole] .cfg-dimline,.cfg-scene[data-product=parasole] .cfg-dimlabel,.cfg-scene[data-night] .cfg-dimline,.cfg-scene[data-night] .cfg-dimlabel{opacity:0}.cfg-scene{cursor:pointer}.cfg-3d{opacity:0;cursor:grab;outline:none;transition:opacity .28s;position:absolute;inset:0}.cfg-3d[data-view="3d"]{opacity:1}.core:has(.cfg-3d[data-view="3d"]) .cfg-scene{visibility:hidden;transition:visibility 0s linear .3s}.cfg-3d:active{cursor:grabbing}.cfg-3d:focus-visible{box-shadow:inset 0 0 0 2px var(--sky)}.cfg-canvas{touch-action:none;width:100%;height:100%;display:block}.cfg-3d-toggle{z-index:2;border-radius:var(--r-control);min-height:44px;font:inherit;font-size:var(--text-sm);color:var(--navy-deep);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .14s var(--ease-out), background-color .18s ease;background:#ffffffdb;border:0;align-items:center;gap:.45rem;padding:0 .85rem 0 .7rem;font-weight:500;display:inline-flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 0 0 1px #131f4514,0 6px 18px -8px #131f4559}.cfg-3d-toggle:active{transform:scale(.97)}.cfg-3d-toggle[data-busy]{cursor:progress}.cfg-3d-toggle[data-busy] .icon{animation:.9s linear infinite cfg-spin}@keyframes cfg-spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.cfg-3d-toggle:hover{background:#fff}}.cfg-3d-hint{z-index:1;font-size:var(--text-xs);color:#fff;pointer-events:none;transition:opacity .24s ease, transform .24s var(--ease-out);background:#131f459e;border-radius:999px;margin:0;padding:.4rem .8rem;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}@starting-style{.cfg-3d-hint{opacity:0;transform:translate(-50%,6px)}}.cfg-3d-hint[data-gone]{opacity:0;transform:translate(-50%,6px)}@media (prefers-reduced-motion:reduce){.cfg-zoom,.cfg-world *,.cfg-scene[data-installing] .cfg-world *{transition-property:opacity,background-color!important;transition-delay:0s!important}.cfg-3d-toggle[data-busy] .icon{animation:none}.cfg-3d-hint{transition-property:opacity}@starting-style{.cfg-ink,.cfg-canopy .cfg-ink{clip-path:none}}}