.wall-cta{display:flex;align-items:center;gap:16px;width:100%;margin:0 0 18px;padding:16px 18px;border:1px solid var(--rule);background:var(--paper);cursor:pointer;text-align:left;transition:border-color .25s,background .25s}.wall-cta:hover{border-color:var(--ink);background:#fff}.wall-cta__icon{flex:none;width:44px;height:44px;display:grid;place-items:center;background:var(--wall)}.wall-cta__icon svg{width:26px;height:26px;stroke:var(--bronze);fill:none;stroke-width:1.4}.wall-cta__text{display:flex;flex-direction:column;gap:3px}.wall-cta__title{font:400 19px/1.2 var(--display)}.wall-cta__sub{font:400 13px/1.4 var(--sans);color:var(--muted)}.wall-cta__go{margin-left:auto;font:500 13px var(--sans);color:var(--bronze);white-space:nowrap}.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--ivory)}.no-js .wall-cta{display:none}.wt{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#1a1916;color:#efe8dc}.wt::backdrop{background:#1a1916}.wt[open]{display:flex;flex-direction:column}.wt__top{display:flex;justify-content:space-between;align-items:center;padding:12px var(--gutter);border-bottom:1px solid rgba(239,232,220,.1)}.wt__title{margin:0;font:400 14px/1 var(--display);letter-spacing:.24em;text-transform:uppercase}.wt__x{background:none;border:0;color:#efe8dc;font:500 14px var(--sans);padding:10px 0;cursor:pointer}.wt__intro,.wt__stage,.wt__panel{display:none}.wt[data-step=intro] .wt__intro{display:flex}.wt[data-step=scale] .wt__stage,.wt[data-step=place] .wt__stage{display:grid}.wt[data-step=scale] .wt__panel--scale,.wt[data-step=place] .wt__panel--place{display:block}.wt[data-step=scale] .wt__piece,.wt[data-step=place] .wt__dot,.wt[data-step=place] .wt__line{display:none}.wt__intro{flex:1;overflow:auto;background:var(--ivory);color:var(--ink);padding:clamp(28px,6vh,70px) var(--gutter)}.wt__intro-inner{max-width:34em;margin:auto}.wt__h{font:400 clamp(34px,6vw,52px)/1.05 var(--display);letter-spacing:-.02em;margin:0 0 22px}.wt__how{margin:0 0 30px;padding-left:1.2em;font-size:17px;line-height:1.6}.wt__how li{margin-bottom:8px}.wt__pick{display:flex;gap:12px;flex-wrap:wrap}.wt__pick .btn{flex:1 1 180px}.wt__err{color:#8a3b2a;font:400 14px var(--sans);min-height:1em;margin:14px 0 0}.wt__private{font:italic 15px var(--serif);color:var(--muted);margin:8px 0 0}.wt__stage{flex:1;min-height:0;place-items:center;overflow:hidden}.wt__wrap{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.wt__wrap>img{width:100%;height:100%;display:block;pointer-events:none}.wt__line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.wt__line line{stroke:#f4d9a6;stroke-width:2;stroke-dasharray:6 5;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.wt__dot{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;padding:0;background:none;cursor:grab;touch-action:none}.wt__dot:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#f4d9a6;box-shadow:0 0 0 3px #1a1916bf,0 2px 8px #0009}.wt__dot.is-drag{cursor:grabbing}.wt__dot.is-drag:after{top:8px;right:8px;bottom:8px;left:8px}.wt__piece{position:absolute;transform:translate(-50%,-50%);cursor:grab;touch-action:none;padding:var(--mould);background-color:#c3ac86;background-image:linear-gradient(180deg,#fff6e438,#fff6e400 40%,#5a40221a);box-shadow:inset 0 0 0 1px #fff6e44d,calc(var(--shadow)*.3) calc(var(--shadow)*.6) var(--shadow) #281c0e6b}.wt__piece.is-drag{cursor:grabbing}.wt__mount{width:100%;height:100%;padding:var(--mount);background:#f3f0e3;box-shadow:inset 1px 2px 4px #503a222e}.wt__window{width:100%;height:100%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000026}.wt__tag{position:absolute;left:50%;top:100%;transform:translate(-50%,10px);white-space:nowrap;font:500 12px var(--sans);background:#1a1916cc;color:#efe8dc;padding:5px 9px;pointer-events:none}.wt__panel{padding:14px var(--gutter) calc(16px + env(safe-area-inset-bottom));background:var(--ivory);color:var(--ink);max-height:52svh;overflow:auto}.wt__step,.wt__note{font:500 14px/1.45 var(--sans);margin:0 0 12px;color:#4d463e}.wt__note.is-warn{color:#8a5a1f}.wt__row{display:flex;gap:10px;align-items:flex-end}.wt__len{flex:1;font:500 13px var(--sans);color:var(--muted);display:flex;flex-direction:column;gap:6px}.wt__len input{min-height:48px;padding:0 14px;border:1px solid var(--rule);background:#fff;font:400 18px var(--serif);color:var(--ink);width:100%}.wt__units{display:flex;border:1px solid var(--rule)}.wt__units button{min-height:48px;min-width:48px;border:0;background:var(--paper);font:500 14px var(--sans);cursor:pointer}.wt__units button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.wt__presets{font:400 13px/1 var(--sans);color:var(--muted);margin:12px 0 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wt__presets button{border:1px solid var(--rule);background:var(--paper);padding:8px 10px;font:500 13px var(--sans);cursor:pointer;color:var(--ink)}.wt__presets span{color:var(--muted);font-weight:400}.wt__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wt__actions .btn{flex:1 1 200px}.wt__link{background:none;border:0;padding:8px 0;font:500 14px var(--sans);color:var(--muted);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.wt__more{margin:10px 0 0;font:400 14px var(--sans);color:var(--muted)}.wt__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}.wt__size{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--rule);background:var(--paper);text-align:left;cursor:pointer}.wt__size[aria-pressed=true]{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}.wt__size:disabled{opacity:.45;cursor:not-allowed}.wt__size-name{font:400 17px/1.2 var(--display)}.wt__size-dims{font:400 12px var(--sans);color:var(--muted)}.wt__size-price{font:500 13px var(--sans)}@media(min-width:900px){.wt[data-step=scale],.wt[data-step=place]{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr}.wt__top{grid-column:1/-1}.wt__panel{max-height:none;border-left:1px solid var(--rule);padding-top:28px}.wt__sizes{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/siloam-wall.css.map */