.wa-studio{--wa-muslin: #efecec;--wa-muslin-deep: #e4e0e0;--wa-ink: #252525;--wa-ink-soft: #505655;--wa-oxblood: #2c332f;--wa-oxblood-deep: #1e231f;--wa-thread: #c9c3b8;--wa-white: #fff;--wa-radius: 6px;--wa-display: var(--font-heading-family, Georgia, serif);--wa-body: var(--font-body-family, system-ui, sans-serif);font-family:var(--wa-body);color:var(--wa-ink)}.wa-studio--fonts{--wa-display: "Trirong", Georgia, serif;--wa-body: "Quattrocento Sans", system-ui, sans-serif}.wa-heading{font-family:var(--wa-display);font-weight:500;letter-spacing:.032rem;margin:0 0 2.24rem;color:var(--wa-ink)}.wa-grid{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:start}@media screen and (min-width:990px){.wa-grid--right{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.wa-grid--left{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.wa-grid--left .wa-showcase{order:-1}.wa-grid{gap:4.8rem}.wa-panel{align-self:center}}.wa-showcase{position:relative}.wa-stage{position:relative;width:100%;aspect-ratio:var(--wa-ratio, 3 / 4);max-height:var(--wa-max-height, 78vh);background:var(--wa-muslin-deep);border:1px solid var(--wa-thread);border-radius:var(--wa-radius);overflow:hidden;box-shadow:0 1px 5px #0000001f}.wa-slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.wa-slide.is-active{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.wa-slide{transition:none}}.wa-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.wa-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--wa-split, 50%)) 0 0)}.wa-divider{position:absolute;top:0;bottom:0;left:var(--wa-split, 50%);width:2px;margin-left:-1px;background:var(--wa-white);box-shadow:0 0 0 1px #0000002e;pointer-events:none}.wa-grip{position:absolute;top:50%;left:50%;width:3.52rem;height:3.52rem;transform:translate(-50%,-50%);border-radius:50%;background:var(--wa-white);border:1px solid var(--wa-thread);box-shadow:0 1px 6px #00000040}.wa-grip:before,.wa-grip:after{content:"";position:absolute;top:50%;width:0;height:0;border-block:5px solid transparent;transform:translateY(-50%)}.wa-grip:before{left:.72rem;border-right:6px solid var(--wa-ink-soft)}.wa-grip:after{right:.72rem;border-left:6px solid var(--wa-ink-soft)}.wa-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.wa-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4.8rem;height:100%}.wa-range::-moz-range-thumb{width:4.8rem;height:100%;border:0;opacity:0}.wa-range:focus-visible{opacity:1;outline:2px solid var(--wa-oxblood);outline-offset:-2px}.wa-caption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:.96rem 1.44rem;font-size:1.6rem;line-height:1.35;color:var(--wa-white);background:linear-gradient(to top,#0000008c,#0000);pointer-events:none}.wa-pause{position:absolute;top:1.12rem;right:1.12rem;width:3.52rem;height:3.52rem;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--wa-ink);background:#ffffffe0;border:1px solid var(--wa-thread);border-radius:var(--wa-radius);transition:border-color .15s,background .15s}.wa-pause:hover{border-color:var(--wa-oxblood);background:var(--wa-white)}.wa-pause:focus-visible{outline:2px solid var(--wa-oxblood);outline-offset:2px}.wa-pause svg{width:1.76rem;height:1.76rem;display:block}.wa-dots{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.44rem}.wa-dot{width:1.68rem;height:1.68rem;padding:0;cursor:pointer;border-radius:50%;background:var(--wa-dot, var(--wa-oxblood));border:1px solid var(--wa-thread);box-shadow:inset 0 0 0 2px var(--wa-white);transition:transform .15s,box-shadow .15s,border-color .15s}.wa-dot:hover{transform:scale(1.15);border-color:var(--wa-oxblood)}.wa-dot:focus-visible{outline:2px solid var(--wa-oxblood);outline-offset:2px}.wa-dot[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--wa-white),0 0 0 2px var(--wa-oxblood);border-color:var(--wa-oxblood)}.wa-open{display:inline-block;margin-top:1.44rem;font-size:1.6rem;color:var(--wa-ink-soft);text-underline-offset:3px}.wa-open:hover{color:var(--wa-oxblood)}.wa-panel{max-width:70.4rem}.wa-text{font-size:1.8rem;line-height:1.7;color:var(--wa-ink-soft);max-width:46ch;margin:0 0 2.56rem;text-wrap:pretty}.wa-doorways{display:flex;flex-direction:column;gap:1.12rem}.wa-doorway{display:block;width:100%;text-align:left;text-decoration:none;cursor:pointer;background:var(--wa-white);border:1px solid var(--wa-thread);border-radius:var(--wa-radius);box-shadow:0 1px 5px #0000001f;padding:1.52rem 1.76rem;color:var(--wa-ink);transition:border-color .15s,box-shadow .15s,background .15s,color .15s}.wa-doorway:hover{border-color:var(--wa-oxblood);box-shadow:0 2px 9px #00000024}.wa-doorway:focus-visible{outline:2px solid var(--wa-oxblood);outline-offset:2px}.wa-doorway-title{display:block;font-family:var(--wa-display);font-weight:500;font-size:2rem;letter-spacing:.032rem;line-height:1.2;color:var(--wa-ink)}.wa-doorway--primary{background:var(--wa-oxblood);border-color:var(--wa-oxblood)}.wa-doorway--primary:hover{background:var(--wa-oxblood-deep);box-shadow:0 2px 11px #0003}.wa-doorway--primary .wa-doorway-title{color:var(--wa-white)}.wa-code-row{display:flex;gap:.8rem;margin-top:.96rem;flex-wrap:wrap}.wa-code-row[hidden]{display:none}.wa-code-row input{flex:1;min-width:180px;font-family:var(--wa-body);font-size:1.8rem;line-height:1.35;color:var(--wa-ink);padding:.96rem 1.36rem;border:1px solid var(--wa-thread);background:var(--wa-white);border-radius:var(--wa-radius)}.wa-code-row input::placeholder{color:var(--wa-ink-soft);opacity:1}.wa-code-row input:focus-visible{outline:2px solid var(--wa-oxblood);outline-offset:1px}.wa-btn{font-family:var(--wa-body);font-size:1.8rem;cursor:pointer;padding:.96rem 1.76rem;color:var(--wa-ink);background:var(--wa-white);border:1px solid var(--wa-thread);border-radius:var(--wa-radius);transition:border-color .15s,background .15s,color .15s}.wa-btn:hover{border-color:var(--wa-oxblood);background:var(--wa-oxblood);color:var(--wa-white)}.wa-btn:focus-visible{outline:2px solid var(--wa-oxblood);outline-offset:2px}.wa-status{font-size:1.5rem;color:var(--wa-oxblood);margin-top:.96rem;min-height:1.2em}.wa-status:empty{margin-top:0;min-height:0}.wa-sep{display:flex;align-items:center;gap:1.28rem;margin:2.4rem 0 1.6rem;color:var(--wa-ink-soft);font-size:1.4rem;letter-spacing:.01em}.wa-sep:before,.wa-sep:after{content:"";height:1px;background:var(--wa-thread);flex:1 1 auto}.wa-learn{display:grid;grid-template-columns:1fr 1fr;gap:.96rem}@media screen and (max-width:380px){.wa-learn{grid-template-columns:1fr}}.wa-tile{display:block;background:var(--wa-white);border:1px solid var(--wa-thread);border-radius:var(--wa-radius);padding:1.28rem 1.44rem;text-decoration:none;color:var(--wa-ink);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.wa-tile:hover{border-color:var(--wa-oxblood);box-shadow:0 1px 5px #0000001f}.wa-tile:focus-visible{outline:2px solid var(--wa-oxblood);outline-offset:2px}.wa-tile-title{display:block;font-family:var(--wa-display);font-weight:500;font-size:1.7rem;letter-spacing:.032rem;line-height:1.2;color:var(--wa-ink)}.wa-tile--future{opacity:.5;cursor:not-allowed;background:var(--wa-muslin);box-shadow:none}.wa-tile--future:hover{border-color:var(--wa-thread);box-shadow:none}.wa-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--wa-muslin-deep);color:var(--wa-ink-soft);font-size:1.6rem;text-align:center;padding:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/design-studio-intro.css.map */