.installation-guide{padding-block:80px;background:var(--surface-bg);color:var(--surface-fg)}.installation-guide [hidden]{display:none!important}.ig__intro{max-width:70ch;margin:16px 0 28px}.ig__prompt{margin:0 0 16px}.ig__selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap,20px)}.ig__selector{min-width:0;padding:0;overflow:hidden;border:1px solid transparent;border-radius:var(--card-radius-14,14px);background:var(--surface-card,#e9e9e9);color:inherit;cursor:pointer;text-align:left;font:inherit}.ig__drawing{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:contain;mix-blend-mode:multiply}.ig__selector-text{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:18px}.ig__selector-title{font-weight:500}.ig__description{margin:48px 0 36px;max-width:75ch}.ig__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap,20px);margin-top:28px}.ig__step{min-width:0}.ig__media{position:relative;aspect-ratio:1;width:100%;background:var(--surface-card,#e9e9e9);border-radius:var(--card-radius-14,14px);overflow:hidden}.ig__media>:is(img,video){position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.ig__video{z-index:1}.ig__title{margin:16px 0 8px}.ig__copy{margin:0;line-height:1.5}.ig__play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--surface-accent,#0019ff);color:#fff;cursor:pointer;box-shadow:0 1px 8px #0003}.ig__pause-symbol{display:none}.ig__play[data-playing=true]{opacity:0}.ig__play[data-playing=true]:focus-visible{opacity:1}.ig__play[data-playing=true] .ig__play-symbol{display:none}.ig__play[data-playing=true] .ig__pause-symbol{display:block}.ig__selector:focus-visible,.ig__play:focus-visible,.ig__dot:focus-visible{outline:3px solid var(--surface-indicator,#0019ff);outline-offset:4px}.ig__navigation{display:none}.ig__status{font-size:14px;margin:16px 0 0;color:var(--surface-muted)}.ig__empty{padding:20px;border:1px dashed currentColor}.ig__steps.ig__changed{animation:ig-reveal .18s ease-out}@keyframes ig-reveal{0%{opacity:.35}to{opacity:1}}@media(hover:hover){.ig__selector:hover{background:color-mix(in srgb,var(--surface-card,#e9e9e9),#fff 45%)}}@media(max-width:749px){.ig__selectors{gap:12px}.ig__drawing{aspect-ratio:1.35}.ig__selector-text{display:block;padding:12px}.ig__selector-title{display:block;font-size:15px}.ig__steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;gap:16px;padding-bottom:10px}.ig__step{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always}.ig__step:last-child{margin-right:12%}.ig__navigation{display:none}.ig__dot{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--surface-fg);cursor:pointer}.ig__dot:after{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.3}.ig__dot[aria-current=step]:after{opacity:1;background:var(--surface-indicator)}}@media(prefers-reduced-motion:reduce){.ig__steps.ig__changed{animation:none}}.ig__selector[aria-pressed=true]{border-color:var(--brand-blue, #0019ff);box-shadow:0 0 12px color-mix(in srgb,var(--brand-blue, #0019ff) 20%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/47/assets/installation-guide.css.map */