.fence-configurator{width:100%;max-width:none;margin:0 0 2.5rem}.product-card-wrapper .card__media{cursor:pointer}.grid__item.is-fence-color-disabled{display:none!important}.accessory-item.is-fence-color-disabled{opacity:.42;filter:grayscale(.8);transition:opacity .2s ease,filter .2s ease}.accessory-item.is-fence-color-disabled quantity-input,.accessory-item.is-fence-color-disabled button{cursor:not-allowed}.fence-configurator__header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.2rem;padding:2.2rem 2.4rem;border:1px solid rgba(var(--theme-color-primary-dark-rgb),.12);border-radius:.8rem;background:var(--theme-color-surface)}.fence-configurator__header>div:first-child{flex:1 1 36rem}.fence-configurator__metrics{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,minmax(15rem,auto));align-self:stretch}.fence-configurator__eyebrow{margin:0 0 .3rem;color:var(--theme-color-primary-dark);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.fence-configurator__title{margin:0;color:var(--theme-color-primary-dark);font-size:clamp(2.2rem,2.5vw,3.2rem);line-height:1.12}.fence-configurator__title:after{content:"";display:block;width:4.8rem;height:.2rem;margin-top:1rem;background:var(--theme-color-accent)}.fence-configurator__drag-hint{margin:.35rem 0 0;color:rgba(var(--color-foreground),.58);font-size:1.15rem}.fence-configurator__summary{display:flex;min-width:0;flex-direction:column;align-items:flex-end;justify-content:center;padding-right:2rem;padding-left:2rem;border-left:1px solid rgba(var(--theme-color-primary-dark-rgb),.18);text-align:right}.fence-configurator__summary strong{color:var(--theme-color-primary-dark);font-size:1.8rem;font-weight:600}.fence-configurator__summary span{margin-top:.2rem;font-size:1.2rem}.fence-configurator__price-note{margin-top:.2rem;color:rgba(var(--color-foreground),.6);font-size:1.05rem;white-space:nowrap}.fence-configurator__price-note a{color:inherit;text-decoration:underline}.fence-configurator__stage{display:flex;align-items:end;min-height:170px;overflow-x:auto;padding:1.8rem 2rem 2.4rem;border:1px solid #d5ddd6;border-radius:.8rem;background:linear-gradient(165deg,#f8fcfb 0 66%,#dcebd5 66% 72%,#f3ead8 72%);box-shadow:0 14px 35px #2d43321a}@media(min-width:990px){.fence-configurator__overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:1.2rem}.fence-configurator__overview>.fence-configurator__checks{width:26rem}}.fence-configurator__empty{display:grid;justify-items:center;gap:1.2rem;max-width:48rem;margin:auto;color:rgba(var(--color-foreground),.58);text-align:center}.fence-configurator__empty[hidden]{display:none}.fence-configurator__empty-arrow{display:grid;place-items:center;width:4rem;height:4rem;border:1px solid var(--theme-color-primary-dark);border-radius:50%;color:var(--theme-color-primary-dark);text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease}.fence-configurator__empty-arrow span{transform:translateY(-.1rem);font-size:2.2rem;line-height:1}.fence-configurator__empty-arrow:hover{transform:translateY(.25rem);background:var(--theme-color-primary-dark);color:var(--theme-color-on-primary)}.fence-configurator__empty-arrow:focus-visible{outline:var(--focused-base-outline);outline-offset:.3rem}#product-grid{scroll-margin-top:3rem}.fence-configurator__scene{--post-ground-depth: 0px;display:flex;align-items:end;justify-content:safe center;box-sizing:border-box;width:max-content;min-width:100%;height:calc(115px + var(--post-ground-depth));padding-bottom:var(--post-ground-depth);padding-inline:3.2rem}.fence-pixel-post{--post-height: 150px;position:relative;z-index:5;flex:0 0 12px;height:var(--post-height);margin:0 -2px;overflow:visible;border:1.5px solid #57432f;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#7b5b3d,#a77d52 55%,#684b34);box-shadow:2px 4px 7px #372d1f38}.fence-pixel-post.is-missing{filter:grayscale(.8);opacity:.2}.fence-pixel-post--white{border-color:#a7afa8;background:linear-gradient(90deg,#cbd1cb,#fbfcfa 55%,#b8c0b9);box-shadow:2px 4px 7px #37413929}.fence-pixel-post--metal{border-color:#424b4f;background:linear-gradient(90deg,#4d575b,#a8b0b2 52%,#394145);box-shadow:2px 4px 7px #21282b38}.fence-pixel-anchor{position:absolute;z-index:7;left:50%;bottom:-5px;width:26px;height:7px;transform:translate(-50%);border:1px solid #596167;border-radius:2px;background:linear-gradient(#c7cdd0,#7d878c);box-shadow:0 2px 3px #21272a40}.fence-pixel-anchor:before,.fence-pixel-anchor:after{content:"";position:absolute;bottom:4px;width:4px;height:19px;border:1px solid #596167;border-radius:2px 2px 0 0;background:linear-gradient(90deg,#7d878c,#d2d6d8)}.fence-pixel-anchor:before{left:4px}.fence-pixel-anchor:after{right:4px}.fence-pixel-anchor.is-missing{filter:grayscale(1);opacity:.18}.fence-pixel-panel{--panel-width: 150px;--panel-height: 150px;position:relative;flex:0 0 var(--panel-width);height:var(--panel-height);overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:2px solid #765334;border-radius:8px 8px 4px 4px;background:linear-gradient(145deg,#efc982,#d99f5c 52%,#c88749);box-shadow:0 6px 9px #4a35222e,inset 0 0 0 4px #ffe6b357}.fence-pixel-panel:active,.fence-pixel-panel.is-dragging{cursor:grabbing;opacity:.48}.fence-element-remove{position:absolute;z-index:9;left:50%;bottom:7px;display:grid;place-items:center;width:22px;height:22px;padding:0;transform:translate(-50%);border:1px solid rgba(91,52,35,.28);border-radius:50%;color:#663421;background:#fff9eeeb;box-shadow:0 2px 5px #4a2d1e38;font:700 17px/1 Arial,sans-serif;cursor:pointer}.fence-element-remove:hover{color:#fff;background:#a8482f}.fence-element-remove:focus-visible{outline:var(--focused-base-outline);outline-offset:2px}.fence-pixel-panel.is-drop-before{box-shadow:-7px 0 #4b9d63,0 6px 9px #4a35222e}.fence-pixel-panel.is-drop-after{box-shadow:7px 0 #4b9d63,0 6px 9px #4a35222e}.fence-pixel-panel i{position:absolute;z-index:1;top:9px;right:9px;bottom:9px;left:9px;border:0;border-radius:5px;background:repeating-linear-gradient(to bottom,transparent 0 12px,rgba(111,72,39,.38) 12px 14px,rgba(255,224,166,.36) 14px 16px)}.fence-pixel-panel i:before,.fence-pixel-panel i:after{content:"";position:absolute;top:5%;bottom:5%;width:2px;border-radius:999px;background:#724a294d}.fence-pixel-panel i:before{left:32%}.fence-pixel-panel i:after{right:32%}.fence-pixel-panel--color-weiss:not(.fence-pixel-panel--wpc-panel):not(.fence-pixel-panel--wpc-gate){border-color:#aeb5ad;background:linear-gradient(145deg,#fbfcfa,#e7eae5 55%,#d2d7d1);box-shadow:0 6px 9px #37413924,inset 0 0 0 4px #ffffff7a}.fence-pixel-panel--color-weiss:not(.fence-pixel-panel--wpc-panel):not(.fence-pixel-panel--wpc-gate) i{background:repeating-linear-gradient(to bottom,transparent 0 12px,rgba(125,134,126,.28) 12px 14px,rgba(255,255,255,.55) 14px 16px)}.fence-pixel-panel--color-weiss:not(.fence-pixel-panel--wpc-panel):not(.fence-pixel-panel--wpc-gate) i:before,.fence-pixel-panel--color-weiss:not(.fence-pixel-panel--wpc-panel):not(.fence-pixel-panel--wpc-gate) i:after{background:#7d867e40}.fence-pixel-panel--gate i{top:8px;right:10px;bottom:8px;left:10px;outline:2px solid rgba(107,72,42,.48)}.fence-pixel-panel--gate i:after{content:"";position:absolute;top:48%;right:7px;bottom:auto;width:7px;height:7px;border:1px solid #6c592e;border-radius:50%;background:#f2d777}.fence-pixel-post--embedded{transform:translateY(var(--post-embed-depth, 0px))}.fence-pixel-panel--wpc-panel,.fence-pixel-panel--wpc-gate{--wpc-fill: #3c3d3b;--wpc-fill-light: #535450;--wpc-frame: #b9c0c1;overflow:hidden;border:3px solid var(--wpc-frame);border-radius:3px;background:var(--wpc-fill);box-shadow:0 5px 10px #171b1b38}.fence-pixel-panel--wpc-panel{border-width:3px 1px 2px}.fence-pixel-panel--color-anthrazit{--wpc-fill: #343634;--wpc-fill-light: #4b4d49}.fence-pixel-panel--color-grau{--wpc-fill: #4b4e49;--wpc-fill-light: #62655f}.fence-pixel-panel--color-mokka{--wpc-fill: #875d60;--wpc-fill-light: #a27476}.fence-pixel-panel--color-weiss{--wpc-fill: #e5e7e5;--wpc-fill-light: #fafbf9}.fence-pixel-panel--color-teak{--wpc-fill: #875b40;--wpc-fill-light: #a97857}.fence-pixel-panel--color-smoke-white{--wpc-fill: #c9cdca;--wpc-fill-light: #e3e6e3}.fence-pixel-panel--color-charcoal{--wpc-fill: #303438;--wpc-fill-light: #494e52}.fence-pixel-panel--color-antique{--wpc-fill: #858071;--wpc-fill-light: #a29a88}.fence-pixel-panel--color-beige{--wpc-fill: #b6aa95;--wpc-fill-light: #d0c6b4}.fence-pixel-panel--frame-anthrazit{--wpc-frame: #292e30}.fence-pixel-panel--frame-silber{--wpc-frame: #b9c0c1}.fence-pixel-post--wpc{width:10px;flex-basis:10px;border-color:#737a7c;border-radius:2px 2px 0 0;background:linear-gradient(90deg,#959d9f,#d1d6d5 55%,#858d8f);box-shadow:1px 3px 6px #191f1f38}.fence-pixel-post--frame-anthrazit{border-color:#1e2325;background:linear-gradient(90deg,#202527,#3c4244 55%,#181d1f)}.fence-pixel-post--frame-silber{border-color:#737a7c;background:linear-gradient(90deg,#959d9f,#d1d6d5 55%,#858d8f)}.fence-pixel-panel--wpc-panel i,.fence-pixel-panel--wpc-gate i{top:1px;right:1px;bottom:1px;left:1px;border-radius:0;background:repeating-linear-gradient(to bottom,var(--wpc-fill-light) 0 6px,var(--wpc-fill) 6px 12px,rgba(15,18,17,.55) 12px 14px)}.fence-pixel-panel--wpc-panel i:before,.fence-pixel-panel--wpc-panel i:after,.fence-pixel-panel--wpc-gate i:before{display:none}.fence-pixel-panel--wpc-gate{border-width:4px}.fence-pixel-panel--wpc-gate i:after{content:"";position:absolute;top:48%;right:4px;bottom:auto;display:block;width:14px;height:3px;border:0;border-radius:999px;background:var(--wpc-frame);box-shadow:-2px 0 #181c1b59}.fence-pixel-panel--picket,.fence-pixel-panel--picket-concave,.fence-pixel-panel--picket-convex,.fence-pixel-panel--picket-gate,.fence-pixel-panel--picket-gate-convex{overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:0 5px 8px #5d3a1a29}.fence-pixel-panel--picket i,.fence-pixel-panel--picket-concave i,.fence-pixel-panel--picket-convex i,.fence-pixel-panel--picket-gate i,.fence-pixel-panel--picket-gate-convex i{top:0;right:0;bottom:0;left:0;border:0;border-radius:3px 3px 0 0;background:linear-gradient(to bottom,transparent 0 31%,#b97838 31% 37%,#e1aa62 37% 41%,transparent 41% 70%,#a96530 70% 76%,#d99b54 76% 81%,transparent 81%),repeating-linear-gradient(to right,#d78f43 0 4px,#f0bd72 4px 7px,#b96e31 7px 9px,transparent 9px 14px);box-shadow:none}.fence-pixel-panel--picket i:before,.fence-pixel-panel--picket-concave i:before,.fence-pixel-panel--picket-convex i:before,.fence-pixel-panel--picket-gate i:before,.fence-pixel-panel--picket-gate-convex i:before,.fence-pixel-panel--picket i:after,.fence-pixel-panel--picket-concave i:after,.fence-pixel-panel--picket-convex i:after,.fence-pixel-panel--picket-gate i:after,.fence-pixel-panel--picket-gate-convex i:after{display:none}.fence-pixel-panel--picket-concave{-webkit-mask:radial-gradient(ellipse 72% var(--arch-drop, 18%) at 50% 0,transparent 98%,#000 100%);mask:radial-gradient(ellipse 72% var(--arch-drop, 18%) at 50% 0,transparent 98%,#000 100%)}.fence-pixel-panel--picket-gate i,.fence-pixel-panel--picket-gate-convex i{background:linear-gradient(28deg,transparent 0 46%,rgba(132,78,35,.88) 47% 51%,transparent 52%),linear-gradient(to bottom,transparent 0 31%,#b97838 31% 37%,#e1aa62 37% 41%,transparent 41% 70%,#a96530 70% 76%,#d99b54 76% 81%,transparent 81%),repeating-linear-gradient(to right,#d78f43 0 4px,#f0bd72 4px 7px,#b96e31 7px 9px,transparent 9px 14px)}.fence-pixel-panel--double-gate i{background:linear-gradient(to right,transparent 0 49%,#8f572c 49% 51%,transparent 51%),linear-gradient(28deg,transparent 0 46%,rgba(132,78,35,.88) 47% 51%,transparent 52%),linear-gradient(-28deg,transparent 0 46%,rgba(177,108,47,.82) 47% 51%,transparent 52%),linear-gradient(to bottom,transparent 0 31%,#b97838 31% 37%,#e1aa62 37% 41%,transparent 41% 70%,#a96530 70% 76%,#d99b54 76% 81%,transparent 81%),repeating-linear-gradient(to right,#d78f43 0 4px,#f0bd72 4px 7px,#b96e31 7px 9px,transparent 9px 14px)}.fence-pixel-panel--lattice:before,.fence-pixel-panel--lattice-slope:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:66%;left:0;border-bottom:2px solid #765334;background:repeating-linear-gradient(45deg,transparent 0 10px,#ad7741 10px 14px,transparent 14px 24px),repeating-linear-gradient(-45deg,#f7e8c9 0 10px,#bd864c 10px 14px,#f7e8c9 14px 24px)}.fence-pixel-panel--color-weiss.fence-pixel-panel--lattice:before,.fence-pixel-panel--color-weiss.fence-pixel-panel--lattice-slope:before{border-color:#aeb5ad;background:repeating-linear-gradient(45deg,transparent 0 10px,#c5cbc4 10px 14px,transparent 14px 24px),repeating-linear-gradient(-45deg,#f8faf7 0 10px,#d7dcd6 10px 14px,#f8faf7 14px 24px)}.fence-pixel-panel--lattice i{top:38%}.fence-pixel-panel--step{clip-path:polygon(0 0,72% 0,72% 18%,100% 18%,100% 100%,0 100%)}.fence-pixel-panel--slope,.fence-pixel-panel--lattice-slope{--slope-drop: 46%;clip-path:polygon(0 0,100% var(--slope-drop),100% 100%,0 100%)}.fence-pixel-panel--slope.fence-pixel-panel--high-right,.fence-pixel-panel--lattice-slope.fence-pixel-panel--high-right{clip-path:polygon(0 var(--slope-drop),100% 0,100% 100%,0 100%)}.fence-pixel-panel--lattice-slope:before{top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% var(--slope-drop),100% calc(var(--slope-drop) + 24%),0 30%);border-bottom:0}.fence-pixel-panel--lattice-slope.fence-pixel-panel--high-right:before{clip-path:polygon(0 var(--slope-drop),100% 0,100% 30%,0 calc(var(--slope-drop) + 24%))}.fence-pixel-panel--lattice-slope i{top:52%}.fence-pixel-panel--arch-convex,.fence-pixel-panel--arch-convex-lattice,.fence-pixel-panel--arch-convex-full-lattice,.fence-pixel-panel--arch-convex-gate,.fence-pixel-panel--picket-convex,.fence-pixel-panel--picket-gate-convex{border-radius:50% 50% 4px 4px / var(--arch-drop, 18%) var(--arch-drop, 18%) 4px 4px}.fence-pixel-panel--arch-concave-lattice{-webkit-mask:radial-gradient(ellipse 72% var(--arch-drop, 18%) at 50% 0,transparent 98%,#000 100%);mask:radial-gradient(ellipse 72% var(--arch-drop, 18%) at 50% 0,transparent 98%,#000 100%)}.fence-pixel-panel--arch-convex-lattice:before,.fence-pixel-panel--arch-convex-full-lattice:before,.fence-pixel-panel--arch-concave-lattice:before,.fence-pixel-panel--arch-slope-lattice:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:67%;left:0;border-bottom:2px solid #765334;background:repeating-linear-gradient(45deg,transparent 0 10px,#ad7741 10px 14px,transparent 14px 24px),repeating-linear-gradient(-45deg,#f7e8c9 0 10px,#bd864c 10px 14px,#f7e8c9 14px 24px)}.fence-pixel-panel--arch-convex-lattice:before{border-radius:50% 50% 0 0/55% 55% 0 0}.fence-pixel-panel--arch-convex-full-lattice:before{top:0;right:0;bottom:0;left:0;border-bottom:0;border-radius:50% 50% 0 0 / var(--arch-drop, 18%) var(--arch-drop, 18%) 0 0}.fence-pixel-panel--arch-convex-full-lattice i{display:none}.fence-pixel-panel--arch-concave-lattice:after{content:"";position:absolute;z-index:3;top:-18%;left:8%;width:84%;height:36%;border-bottom:2px solid #765334;border-radius:0 0 50% 50%}.fence-pixel-panel--arch-slope-lattice{border-radius:0 100% 4px 4px / 0 var(--slope-drop, 40%) 4px 4px}.fence-pixel-panel--arch-slope-lattice.fence-pixel-panel--high-right{border-radius:100% 0 4px 4px / var(--slope-drop, 40%) 0 4px 4px}.fence-pixel-panel--arch-convex-lattice i,.fence-pixel-panel--arch-convex-full-lattice i,.fence-pixel-panel--arch-concave-lattice i,.fence-pixel-panel--arch-slope-lattice i{top:36%}.fence-pixel-panel--arch-convex-gate i{top:9px;right:10px;bottom:8px;left:10px;outline:2px solid rgba(107,72,42,.48)}.fence-pixel-panel--arch-convex-gate i:after{content:"";position:absolute;top:48%;right:7px;bottom:auto;width:7px;height:7px;border:1px solid #6c592e;border-radius:50%;background:#f2d777}.fence-pixel-panel--slope:after,.fence-pixel-panel--lattice-slope:after{content:"";position:absolute;z-index:2;top:0;left:-2%;width:106%;height:2px;border-radius:999px;background:#765334;transform-origin:left center;transform:rotate(var(--slope-angle, 22deg))}.fence-pixel-panel--slope.fence-pixel-panel--high-right:after,.fence-pixel-panel--lattice-slope.fence-pixel-panel--high-right:after{top:var(--slope-drop);transform:rotate(var(--slope-angle-reverse, -22deg))}.fence-pixel-panel--step:after{content:"";position:absolute;z-index:2;top:0;left:72%;width:28%;height:18%;border:2px solid #765334;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.fence-pixel-bracket{position:absolute;z-index:7;width:9px;height:7px;border:1px solid #596360;border-radius:4px;background:linear-gradient(#dce3df,#9faeaa);box-shadow:0 2px 3px #22272540}.fence-pixel-bracket--left-top{top:var(--bracket-top, 12px);right:5px}.fence-pixel-bracket--left-bottom{right:5px;bottom:12px}.fence-pixel-bracket--right-top{top:var(--bracket-top, 12px);left:5px}.fence-pixel-bracket--right-bottom{left:5px;bottom:12px}.fence-pixel-bracket.is-missing{filter:grayscale(1);opacity:.25}.fence-configurator__checks{display:grid;align-content:start;gap:.8rem;width:100%}.fence-pixel-panel--visual-glass{border-color:#718b98;background:linear-gradient(135deg,rgba(255,255,255,.72) 0 18%,transparent 18% 55%,rgba(255,255,255,.36) 55% 68%,transparent 68%),linear-gradient(160deg,#b7dae7c7,#e0eff36b);box-shadow:0 6px 10px #37535e33,inset 0 0 0 3px #ffffff61}.fence-pixel-panel--visual-glass i{top:6px;right:6px;bottom:6px;left:6px;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.7) 39% 48%,transparent 49%)}.fence-pixel-panel--visual-glass-clear{opacity:.82}.fence-pixel-panel--visual-glass-striped i{background:repeating-linear-gradient(to bottom,#eff7f9d6 0 9px,#82a5b157 9px 15px),linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.65) 39% 48%,transparent 49%)}.fence-pixel-panel--visual-glass-frosted i{background:radial-gradient(circle at 22% 30%,rgba(255,255,255,.62),transparent 34%),#d2e2e7cc}.fence-pixel-panel--visual-woven{border-color:#755134;background:#b57c49}.fence-pixel-panel--visual-woven i{top:5px;right:5px;bottom:5px;left:5px;background:repeating-linear-gradient(32deg,transparent 0 5px,rgba(83,49,25,.46) 5px 8px,transparent 8px 13px),repeating-linear-gradient(-32deg,#d5a36a 0 5px,#976238 5px 8px,#c58b51 8px 13px)}.fence-pixel-panel--visual-wire-mesh{--wire-color: #4b5051;overflow:hidden;border:2px solid var(--wire-color);border-radius:2px;background:#dde3e338;box-shadow:0 5px 8px #252d2e29}.fence-pixel-panel--visual-wire-green{--wire-color: #315d3d}.fence-pixel-panel--visual-wire-anthracite{--wire-color: #30383b}.fence-pixel-panel--visual-wire-galvanized{--wire-color: #9ba5a7}.fence-pixel-panel--visual-wire-mesh i{top:1px;right:1px;bottom:1px;left:1px;border-radius:0;background:repeating-linear-gradient(to right,var(--wire-color) 0 2px,transparent 2px 10px),repeating-linear-gradient(to bottom,var(--wire-color) 0 3px,transparent 3px 12px)}.fence-pixel-panel--visual-wire-heavy i{background:repeating-linear-gradient(to right,var(--wire-color) 0 3px,transparent 3px 10px),repeating-linear-gradient(to bottom,var(--wire-color) 0 4px,transparent 4px 12px)}.fence-pixel-panel--visual-wire-mesh i:before,.fence-pixel-panel--visual-wire-mesh i:after{display:none}.fence-pixel-panel--visual-wire-caro:before,.fence-pixel-panel--visual-wire-rondo:before{content:"";position:absolute;z-index:1;top:8%;right:3px;left:3px;height:30%;pointer-events:none}.fence-pixel-panel--visual-wire-caro:before{background:linear-gradient(45deg,transparent 43%,var(--wire-color) 44% 51%,transparent 52%) 0 0 / 28px 28px,linear-gradient(-45deg,transparent 43%,var(--wire-color) 44% 51%,transparent 52%) 0 0 / 28px 28px}.fence-pixel-panel--visual-wire-rondo:before{background:radial-gradient(circle,transparent 0 7px,var(--wire-color) 8px 10px,transparent 11px) 0 0 / 28px 24px}.fence-pixel-panel--visual-wire-mesh.fence-pixel-panel--gate i{outline-color:var(--wire-color)}.fence-pixel-panel--visual-wire-mesh.fence-pixel-panel--double-gate i:after{display:block;top:0;right:calc(50% - 1px);bottom:0;width:2px;height:auto;border:0;border-radius:0;background:var(--wire-color)}.fence-pixel-post--wire-mesh{--wire-color: #4b5051;width:9px;flex-basis:9px;border-color:#4b5051;border-radius:2px 2px 0 0;background:linear-gradient(90deg,#3c4244,#697174 55%,#303638)}.fence-pixel-post--wire-green{--wire-color: #315d3d;border-color:#254c31;background:linear-gradient(90deg,#294f34,#477257 55%,#213f2b)}.fence-pixel-post--wire-anthracite{--wire-color: #30383b;border-color:#22292b;background:linear-gradient(90deg,#252c2e,#4a5356 55%,#1d2325)}.fence-pixel-post--wire-galvanized{--wire-color: #9ba5a7;border-color:#788285;background:linear-gradient(90deg,#899396,#c3cbcc 55%,#707a7d)}.fence-pixel-post--wire-tom:after{content:"";position:absolute;top:18%;right:-3px;width:4px;height:64%;background:repeating-linear-gradient(to bottom,var(--wire-color, #4b5051) 0 5px,transparent 5px 12px)}.fence-pixel-post--wire-jerry:after{content:"";position:absolute;top:10%;right:-2px;bottom:10%;width:3px;background:var(--wire-color, #4b5051)}.fence-pixel-panel--visual-reed{border-color:#8a7445;background:#d4bd76}.fence-pixel-panel--visual-reed i{top:4px;right:4px;bottom:4px;left:4px;background:repeating-linear-gradient(to right,#dbc77e 0 3px,#a88c4c 3px 4px,#ead793 4px 7px)}.fence-pixel-panel--visual-vertical-slat i{top:5px;right:5px;bottom:5px;left:5px;background:linear-gradient(to bottom,transparent 0 28%,rgba(104,72,45,.55) 28% 34%,transparent 34% 72%,rgba(104,72,45,.55) 72% 78%,transparent 78%),repeating-linear-gradient(to right,#d7a05e 0 7px,#f0c27e 7px 10px,transparent 10px 14px)}.fence-pixel-panel--visual-pointed-picket i{top:7px;right:3px;bottom:0;left:3px;overflow:visible;border-radius:0;background:linear-gradient(to bottom,transparent 0 31%,#8d5e36 31% 38%,#c78c50 38% 42%,transparent 42% 70%,#80522f 70% 77%,#b97942 77% 81%,transparent 81%),repeating-linear-gradient(to right,#9d673b 0 6px,#ce9252 6px 9px,transparent 9px 15px)}.fence-pixel-panel--visual-pointed-picket i:before{top:-7px;bottom:auto;left:0;display:block;width:100%;height:8px;border-radius:0;background:repeating-conic-gradient(from 315deg at 4.5px 100%,#b67943 0 90deg,transparent 0 180deg) 0 0 / 15px 8px}.fence-pixel-panel--visual-pointed-picket i:after{display:none}.fence-pixel-panel--picket-gate.fence-pixel-panel--visual-pointed-picket i,.fence-pixel-panel--picket-gate-convex.fence-pixel-panel--visual-pointed-picket i{background:linear-gradient(28deg,transparent 0 46%,rgba(107,65,35,.88) 47% 51%,transparent 52%),linear-gradient(to bottom,transparent 0 31%,#8d5e36 31% 38%,#c78c50 38% 42%,transparent 42% 70%,#80522f 70% 77%,#b97942 77% 81%,transparent 81%),repeating-linear-gradient(to right,#9d673b 0 6px,#ce9252 6px 9px,transparent 9px 15px)}.fence-pixel-panel--double-gate.fence-pixel-panel--visual-pointed-picket i{background:linear-gradient(to right,transparent 0 49%,#684326 49% 51%,transparent 51%),linear-gradient(28deg,transparent 0 46%,rgba(107,65,35,.88) 47% 51%,transparent 52%),linear-gradient(-28deg,transparent 0 46%,rgba(142,87,44,.82) 47% 51%,transparent 52%),linear-gradient(to bottom,transparent 0 31%,#8d5e36 31% 38%,#c78c50 38% 42%,transparent 42% 70%,#80522f 70% 77%,#b97942 77% 81%,transparent 81%),repeating-linear-gradient(to right,#9d673b 0 6px,#ce9252 6px 9px,transparent 9px 15px)}.fence-pixel-panel--visual-horizontal-slat i,.fence-pixel-panel--visual-rhombus i{top:5px;right:5px;bottom:5px;left:5px;background:repeating-linear-gradient(to bottom,#dca766 0 7px,#f0c888 7px 9px,#7c583d 9px 11px)}.fence-pixel-panel--visual-rhombus i{background:repeating-linear-gradient(to bottom,#a98263 0 5px,#d1b39a 5px 7px,#5c4a3e 7px 10px)}.fence-pixel-panel--visual-rustic-board i{top:5px;right:5px;bottom:5px;left:5px;background:repeating-linear-gradient(88deg,#bc7d3d 0 9px,#e0aa67 9px 16px,#9c6334 16px 18px),linear-gradient(to bottom,transparent,rgba(86,51,29,.2))}.fence-pixel-panel--visual-open-top-rails{background:linear-gradient(to bottom,transparent 0 27%,#efc982 27%,#d99f5c 62%,#c88749 100%)}.fence-pixel-panel--visual-open-top-rails:before{content:"";position:absolute;z-index:2;top:2px;right:3px;bottom:72%;left:3px;border-bottom:3px solid #8f5d32;background:repeating-linear-gradient(to right,#bc7a3e 0 4px,#e3aa65 4px 7px,transparent 7px 16px)}.fence-pixel-panel--visual-open-top-rails i{top:31%}.fence-pixel-panel--visual-metal{border-color:#3f494d;background:linear-gradient(145deg,#667176,#31393d);box-shadow:0 6px 9px #21282b38,inset 0 0 0 3px #dce5e733}.fence-pixel-panel--visual-metal i,.fence-pixel-panel--visual-metal.fence-pixel-panel--visual-vertical-slat i{background:linear-gradient(to bottom,transparent 0 28%,#4b5559 28% 34%,transparent 34% 72%,#4b5559 72% 78%,transparent 78%),repeating-linear-gradient(to right,#3a4347 0 7px,#737e82 7px 10px,transparent 10px 14px)}.fence-pixel-panel--visual-plastic{border-color:#9da5a5;background:linear-gradient(145deg,#fff,#dfe4e3);box-shadow:0 6px 9px #414c4d26,inset 0 0 0 3px #fff9}.fence-pixel-panel--visual-plastic i,.fence-pixel-panel--visual-plastic.fence-pixel-panel--visual-horizontal-slat i{background:repeating-linear-gradient(to bottom,#f8faf9 0 7px,#d4dcda 7px 9px,#aab5b3 9px 11px)}.fence-configurator__checks[hidden],.fence-configurator__check[hidden],.fence-configurator__system-color[hidden],.fence-configurator__post-length[hidden]{display:none}.fence-configurator__system-color{display:flex;align-items:center;gap:.7rem;width:fit-content;max-width:100%}.fence-configurator__color-label{color:rgba(var(--color-foreground),.72);font-size:1.2rem;font-weight:600;white-space:nowrap}.fence-configurator__post-length{display:block;width:fit-content;max-width:100%}.fence-configurator__post-length select{max-width:100%;min-height:3.2rem;padding:.4rem 3rem .4rem 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:999px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;cursor:pointer}.fence-configurator__post-length select:focus-visible{outline:2px solid var(--theme-color-primary-dark);outline-offset:2px}.fence-configurator__color-options{display:flex;flex:1 1 auto;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(var(--color-foreground),.18);border-radius:999px;background:rgb(var(--color-background))}.fence-configurator__color-options button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:3rem;min-height:3rem;padding:.35rem;border:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;cursor:pointer;white-space:nowrap;transition:box-shadow .2s ease,background .2s ease}.fence-configurator__color-options button[hidden]{display:none}.fence-configurator__color-options button+button{border-left:1px solid rgba(var(--color-foreground),.14)}.fence-configurator__color-options button[aria-pressed=true]{position:relative;z-index:1;border-radius:999px;background:rgba(var(--theme-color-primary-rgb),.08);box-shadow:inset 0 0 0 2px var(--theme-color-primary-dark)}.fence-configurator__post-type-options button{width:auto;min-width:5.4rem;padding-inline:.8rem;font-weight:700}.fence-configurator__color-swatch{width:1.35rem;height:1.35rem;flex:0 0 auto;border:1px solid rgba(var(--color-foreground),.24);border-radius:50%}.fence-configurator__color-swatch.is-silver{background:linear-gradient(135deg,#f4f5f5,#aeb4b5)}.fence-configurator__color-swatch.is-anthracite{background:#34383a}.fence-configurator__color-swatch.is-field-anthracite{border-radius:.3rem;background:#313436}.fence-configurator__color-swatch.is-field-grey{border-radius:.3rem;background:#777a77}.fence-configurator__color-swatch.is-field-mocha{border-radius:.3rem;background:#8b6260}.fence-configurator__color-swatch.is-field-white{border-radius:.3rem;background:#f4f5f3}.fence-configurator__color-swatch.is-field-teak{border-radius:.3rem;background:#96674a}.fence-configurator__color-swatch.is-field-smoke-white{border-radius:.3rem;background:#cbd0ce}.fence-configurator__color-swatch.is-field-charcoal{border-radius:.3rem;background:#34383c}.fence-configurator__color-swatch.is-field-antique{border-radius:.3rem;background:#918a79}.fence-configurator__color-swatch.is-field-beige{border-radius:.3rem;background:#b9ad98}.fence-configurator__color-swatch.is-field-green{border-radius:.3rem;background:#315d3d}.fence-configurator__color-swatch.is-field-galvanized{border-radius:.3rem;background:linear-gradient(135deg,#e0e4e4,#919b9e)}.fence-configurator__check{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.9rem 1rem;border:1px solid rgba(var(--color-foreground),.14);border-radius:.6rem;background:rgba(var(--color-foreground),.03);transition:background .2s ease,border-color .2s ease}@media(max-width:989px){.fence-configurator__checks{margin-top:1.4rem}}.fence-configurator__check.is-ok{border-color:rgba(var(--theme-color-success-rgb),.35);background:rgba(var(--theme-color-success-rgb),.06)}.fence-configurator__check.is-missing{border-color:rgba(var(--theme-color-sale-rgb),.35);background:rgba(var(--theme-color-sale-rgb),.05)}.fence-configurator__check--optional:not(.is-ok){border-color:rgba(var(--color-foreground),.18);background:rgba(var(--color-foreground),.035)}.fence-configurator__check--optional:not(.is-ok) .fence-configurator__check-icon{background:var(--theme-color-primary-dark)}.fence-configurator__check--optional:not(.is-ok) .fence-configurator__check-icon:before{content:"+"}.fence-configurator__check--optional .fence-configurator__check-fix{border-color:var(--theme-color-primary-dark);color:var(--theme-color-primary-dark)}.fence-configurator__check--optional .fence-configurator__check-fix:hover{background:var(--theme-color-primary-dark);color:#fff}.fence-configurator__check-icon{display:grid;place-items:center;flex:0 0 2.6rem;height:2.6rem;border-radius:50%;color:#fff;box-shadow:0 2px 5px #00000026;font:700 1.5rem/1 Arial,sans-serif}.fence-configurator__check.is-ok .fence-configurator__check-icon{background:var(--theme-color-success)}.fence-configurator__check.is-ok .fence-configurator__check-icon:before{content:"\2713"}.fence-configurator__check.is-missing .fence-configurator__check-icon{background:var(--theme-color-sale)}.fence-configurator__check.is-missing .fence-configurator__check-icon:before{content:"!"}.fence-configurator__check-text{display:grid;gap:.1rem;min-width:0}.fence-configurator__check-text strong{font-size:1.35rem}.fence-configurator__check-text span{color:rgba(var(--color-foreground),.65);font-size:1.2rem}.fence-configurator__check-fix{display:inline-grid;place-items:center;justify-self:end;width:3.8rem;min-width:3.8rem;height:3.8rem;min-height:3.8rem;padding:0;border:1px solid rgba(var(--theme-color-sale-rgb),.5);border-radius:50%;background:#fff;color:var(--theme-color-sale);font-size:2rem;font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.fence-configurator__check-fix[hidden]{display:none}.fence-configurator__check-fix:hover{border-color:var(--theme-color-sale);background:var(--theme-color-sale);color:#fff}.fence-configurator__check-fix:focus-visible{outline:var(--focused-base-outline);outline-offset:2px}.fence-configurator__cart-action{display:flex;align-items:center;gap:1.6rem;margin-top:1.2rem;padding:1.4rem 1.6rem;border:1px solid rgba(var(--theme-color-primary-dark-rgb),.14);border-radius:.6rem;background:var(--theme-color-surface);box-shadow:0 .8rem 2.4rem rgba(var(--theme-color-primary-dark-rgb),.08)}.fence-configurator__cart-copy{display:grid;flex:1 1 auto;gap:.2rem}.fence-configurator__cart-copy strong{color:var(--theme-color-primary-dark);font-size:1.35rem}.fence-configurator__cart-copy span{color:rgba(var(--color-foreground),.62);font-size:1.15rem}.fence-configurator__cart-button{display:inline-flex;gap:.9rem;min-width:24rem;--color-button: var(--theme-color-primary-dark-rgb);--color-button-text: var(--theme-color-on-primary-rgb)}.fence-configurator__cart-button .svg-wrapper{width:1.8rem;height:1.8rem}.fence-configurator__cart-button .loading__spinner{position:absolute}.fence-configurator__cart-button.loading>span:not(.loading__spinner){opacity:0}.fence-configurator__cart-status{color:rgba(var(--color-foreground),.68);font-size:1.2rem}.fence-configurator__warning-dialog{width:min(56rem,calc(100vw - 3rem));max-width:none;padding:0;border:1px solid rgba(var(--theme-color-primary-dark-rgb),.18);border-radius:.8rem;color:rgb(var(--color-foreground));background:var(--theme-color-surface);box-shadow:0 2.4rem 7rem #162a1f47}.fence-configurator__warning-dialog::backdrop{background:#12201985;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem)}.fence-configurator__warning-content{padding:3rem}.fence-configurator__warning-eyebrow{margin:0 0 .7rem;color:var(--theme-color-sale);font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.fence-configurator__warning-content h3{margin:0 0 1.5rem;color:var(--theme-color-primary-dark);font-size:2.6rem}.fence-configurator__warning-content>p:not(.fence-configurator__warning-eyebrow){margin:.7rem 0;color:rgba(var(--color-foreground),.72);line-height:1.5}.fence-configurator__warning-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.4rem}.fence-configurator__warning-actions .button--primary{--color-button: var(--theme-color-primary-dark-rgb);--color-button-text: var(--theme-color-on-primary-rgb)}@media(max-width:749px){.fence-configurator__header{flex-wrap:wrap;align-items:start;padding:1.8rem}.fence-configurator__summary{padding-right:1.2rem;padding-left:1.2rem}.fence-configurator__metrics{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.fence-configurator__stage{padding-inline:1rem}.fence-configurator__scene{justify-content:flex-start}.fence-configurator__cart-action{flex-direction:column;align-items:stretch;padding:1.4rem}.fence-configurator__cart-button{width:100%;min-width:0}.fence-configurator__cart-status{text-align:center}.fence-configurator__warning-content{padding:2.2rem}.fence-configurator__warning-actions{flex-direction:column-reverse}.fence-configurator__warning-actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/fence-configurator.css.map */