.dg-guide{--dg-ink: #0b1613;--dg-grey: #5a625f;--dg-mist: #f5f5f7;--dg-border: #ecedec;--dg-edge: #b8bcba;--dg-blue: #0171e3;--dg-blue-hover: #005fc5;--dg-blue-pressed: #014ca1;--dg-rail: 340px;--dg-head: 74px;color:var(--dg-ink);font-family:Inter,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;max-width:1180px;margin:0 auto;padding:32px 24px 88px}.dg-guide *,.dg-guide *:before,.dg-guide *:after{box-sizing:border-box}.dg-guide p{margin:0 0 12px}.dg-guide a{color:var(--dg-blue)}.dg-guide img,.dg-guide video{max-width:100%}.dg-guide .dg-guide__top{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:56px;align-items:center}.dg-guide .dg-guide__back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--dg-grey);text-decoration:none;margin-bottom:20px}.dg-guide .dg-guide__back:hover{color:var(--dg-ink);text-decoration:underline}.dg-guide .dg-guide__back svg{width:16px;height:16px}.dg-guide h1.dg-guide__title{font-size:48px;line-height:1.08;font-weight:400;margin:0 0 16px;color:var(--dg-ink);text-transform:none}.dg-guide .dg-guide__lede{font-size:18px;line-height:1.55;color:var(--dg-grey);max-width:46ch;margin:0 0 28px}.dg-guide .dg-guide__facts{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--dg-border);display:flex;flex-wrap:wrap;gap:14px 32px}.dg-guide .dg-guide__facts li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--dg-grey);margin:0;padding:0}.dg-guide .dg-guide__facts li:before,.dg-guide .dg-guide__facts li::marker{content:none;display:none}.dg-guide .dg-guide__facts svg{width:22px;height:22px;color:var(--dg-ink);flex:none}.dg-guide .dg-guide__facts b{color:var(--dg-ink);font-weight:600}.dg-guide .dg-guide__photo{margin:0;border-radius:20px;overflow:hidden;background:var(--dg-mist);aspect-ratio:4 / 3}.dg-guide .dg-guide__photo img{display:block;width:100%;height:100%;object-fit:cover}.dg-guide .dg-guide__prep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:56px 0 0}.dg-guide .dg-guide__panel{background:var(--dg-mist);border-radius:16px;padding:22px 24px 20px}.dg-guide .dg-guide__panel h2{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 10px;color:var(--dg-ink);text-transform:none;letter-spacing:0}.dg-guide .dg-guide__panel p{color:var(--dg-ink);margin:0}.dg-guide .dg-guide__panel p+p{margin-top:4px;color:var(--dg-grey)}.dg-guide .dg-guide__need{list-style:none;margin:0;padding:0}.dg-guide .dg-guide__need li{display:flex;gap:10px;align-items:flex-start;margin:0 0 6px;padding:0}.dg-guide .dg-guide__need li:before,.dg-guide .dg-guide__need li::marker{content:none;display:none}.dg-guide .dg-guide__need svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--dg-ink)}.dg-guide .dg-guide__layers{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:stretch}.dg-guide .dg-guide__layers img{width:84px;height:auto;display:block}.dg-guide .dg-guide__layers ol{list-style:none;margin:0;padding:10px 0;counter-reset:none;display:flex;flex-direction:column;justify-content:space-between}.dg-guide .dg-guide__layers ol li{margin:0;padding:0;font-size:15px;line-height:1.3}.dg-guide .dg-guide__layers ol li:before,.dg-guide .dg-guide__layers ol li::marker{content:none;display:none}.dg-guide .dg-guide__main{--dg-ar: .5625;--dg-vid-h: min(calc(var(--dg-rail) / var(--dg-ar)), calc(100vh - var(--dg-head) - 96px));display:grid;grid-template-columns:minmax(0,1fr) var(--dg-rail);gap:64px;margin-top:72px;align-items:start}.dg-guide .dg-guide__main--solo{grid-template-columns:minmax(0,760px);justify-content:start;margin-top:56px}.dg-guide .dg-guide__rail{position:sticky;top:calc(var(--dg-head) + (100vh - var(--dg-head) - var(--dg-vid-h) - 40px) / 2)}.dg-guide .dg-guide__video{display:block;height:var(--dg-vid-h);width:calc(var(--dg-vid-h) * var(--dg-ar));max-width:100%;margin:0 auto;border-radius:16px;background:#2f3431;object-fit:contain}.dg-guide .dg-guide__caption{font-size:14px;color:var(--dg-grey);margin:12px auto 0;max-width:calc(var(--dg-vid-h) * var(--dg-ar))}.dg-guide .dg-guide__body h2{font-size:26px;font-weight:400;line-height:1.2;margin:0 0 24px;color:var(--dg-ink);text-transform:none}.dg-guide .dg-guide__body *+h2{margin-top:48px}.dg-guide .dg-guide__body h3{font-size:18px;font-weight:600;margin:32px 0 8px;color:var(--dg-ink);text-transform:none}.dg-guide .dg-guide__body p,.dg-guide .dg-guide__body li{max-width:68ch}.dg-guide .dg-guide__body>section>ul,.dg-guide .dg-guide__body>ul{padding-left:20px}.dg-guide .dg-guide__body img{height:auto;border-radius:12px}.dg-guide .dg-guide__body h2>img,.dg-guide .dg-guide__body p>img{display:block;max-width:min(100%,420px)!important;margin:8px 0}.dg-guide .dg-guide__body iframe{display:block;max-width:100%;border:0;border-radius:12px}.dg-guide .dg-guide__body ol:not(li ol){list-style:none;margin:0;padding:0;counter-reset:dg-step}.dg-guide .dg-guide__body ol:not(li ol)>li{counter-increment:dg-step;position:relative;max-width:none;margin:0;padding:0 0 28px 64px;min-height:72px}.dg-guide .dg-guide__body ol:not(li ol)>li::marker{content:none}.dg-guide .dg-guide__body ol:not(li ol)>li:before{content:counter(dg-step);position:absolute;left:0;top:0;z-index:1;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--dg-ink);background:#fff;color:var(--dg-ink);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.dg-guide .dg-guide__body ol:not(li ol)>li:not(:last-child):after{content:"";position:absolute;left:21.5px;top:44px;bottom:0;width:1px;background:var(--dg-edge)}.dg-guide .dg-guide__body ol:not(li ol)>li em{display:block;font-style:normal;color:var(--dg-grey);font-size:15px;margin-top:8px;padding-left:14px;border-left:2px solid var(--dg-border)}.dg-guide .dg-guide__body ol:not(li ol)>li>br{display:none}.dg-guide .dg-guide__body ol:not(li ol)>li:not(:has(>img)){padding:0 0 18px 48px;min-height:50px}.dg-guide .dg-guide__body ol:not(li ol)>li:not(:has(>img)):before{width:32px;height:32px;font-size:15px;top:-3px}.dg-guide .dg-guide__body ol:not(li ol)>li:not(:has(>img)):not(:last-child):after{left:15.5px;top:29px}.dg-guide .dg-guide__body ol:not(li ol)>li:has(>img:first-child){padding-left:324px;min-height:144px}.dg-guide .dg-guide__body ol:not(li ol)>li>img:first-child{position:absolute;left:68px;top:0;width:232px;height:auto;aspect-ratio:2 / 1;border:1px solid var(--dg-border);border-radius:12px;background:#fff;padding:10px 14px;margin:0}.dg-guide .dg-guide__body ol:not(li ol)>li>img:first-child+strong{display:block;font-size:18px;font-weight:600;line-height:1.35;padding-top:10px;margin-bottom:4px}.dg-guide .dg-guide__top--text{grid-template-columns:minmax(0,760px)}.dg-guide .dg-guide__layers--text{grid-template-columns:1fr}.dg-guide>.dg-guide__download,.dg-guide>.dg-guide__help{max-width:776px}.dg-guide .dg-guide__empty{margin:24px 0;padding:14px 18px;border:1px dashed var(--dg-edge);border-radius:12px;color:var(--dg-grey);font-size:14px}.dg-guide .dg-guide__help{margin-top:32px;color:var(--dg-grey)}.dg-guide .dg-guide__help p{margin:0}.dg-guide .dg-guide__help a{color:var(--dg-blue)}.dg-guide .dg-guide__download{display:grid;grid-template-columns:112px minmax(0,1fr);gap:28px;align-items:center;margin-top:56px;padding:24px;border:1px solid var(--dg-border);border-radius:20px;background:#fff}.dg-guide .dg-guide__download img{width:112px;height:auto;display:block;border:1px solid var(--dg-border);border-radius:6px}.dg-guide .dg-guide__download h2{font-size:22px;font-weight:400;margin:0 0 6px}.dg-guide .dg-guide__download p{color:var(--dg-grey);margin:0 0 16px}.dg-guide a.dg-guide__button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--dg-blue);color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}.dg-guide a.dg-guide__button:hover{background:var(--dg-blue-hover);color:#fff}.dg-guide a.dg-guide__button:active{background:var(--dg-blue-pressed)}.dg-guide a.dg-guide__button svg{width:18px;height:18px}.dg-guide a:focus-visible{outline:2px solid var(--dg-blue);outline-offset:3px;border-radius:4px}.dg-guide a.dg-guide__button:focus-visible{border-radius:999px}.dg-guide .dg-guide__more{margin-top:88px;padding-top:40px;border-top:1px solid var(--dg-border)}.dg-guide .dg-guide__more h2{font-size:22px;font-weight:400;margin:0 0 20px}.dg-guide .dg-guide__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.dg-guide .dg-guide__cards li{margin:0;padding:0}.dg-guide .dg-guide__cards li:before,.dg-guide .dg-guide__cards li::marker{content:none;display:none}.dg-guide .dg-guide__cards a{color:var(--dg-ink);text-decoration:none;display:block}.dg-guide .dg-guide__cards a:hover span{text-decoration:underline}.dg-guide .dg-guide__cards img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;background:var(--dg-mist);margin-bottom:10px}.dg-guide .dg-guide__cards span{font-size:15px;line-height:1.4}@media(max-width:1023px){.dg-guide .dg-guide__top{gap:32px}.dg-guide h1.dg-guide__title{font-size:36px}.dg-guide .dg-guide__prep{grid-template-columns:1fr 1fr}.dg-guide .dg-guide__prep>:last-child{grid-column:1 / -1}.dg-guide .dg-guide__main{--dg-rail: 280px;gap:40px}.dg-guide .dg-guide__body ol:not(li ol)>li:has(>img:first-child){padding-left:272px;min-height:118px}.dg-guide .dg-guide__body ol:not(li ol)>li>img:first-child{width:180px}.dg-guide .dg-guide__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.dg-guide{padding:16px 16px 64px}.dg-guide .dg-guide__top{grid-template-columns:1fr;gap:24px}.dg-guide h1.dg-guide__title{font-size:32px;line-height:1.1}.dg-guide .dg-guide__lede{font-size:17px;margin-bottom:20px}.dg-guide .dg-guide__facts{gap:10px 22px}.dg-guide .dg-guide__prep{grid-template-columns:1fr;margin-top:32px;gap:12px}.dg-guide .dg-guide__main{grid-template-columns:1fr;gap:40px;margin-top:40px}.dg-guide .dg-guide__rail{position:static;order:-1;max-width:240px;width:100%;margin:0 auto}.dg-guide .dg-guide__video{width:100%;height:auto}.dg-guide .dg-guide__caption{max-width:none}.dg-guide .dg-guide__body h2{font-size:24px}.dg-guide .dg-guide__body ol:not(li ol)>li,.dg-guide .dg-guide__body ol:not(li ol)>li:has(>img:first-child){padding-left:50px;min-height:0}.dg-guide .dg-guide__body ol:not(li ol)>li:before{width:36px;height:36px;font-size:15px}.dg-guide .dg-guide__body ol:not(li ol)>li:not(:last-child):after{left:17.5px;top:36px}.dg-guide .dg-guide__body ol:not(li ol)>li>img:first-child{position:static;display:block;width:100%;max-width:280px!important;margin:0 0 4px}.dg-guide .dg-guide__body ol:not(li ol)>li>img:first-child+strong{padding-top:6px}.dg-guide .dg-guide__download{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px;margin-top:48px;align-items:start}.dg-guide .dg-guide__download img{width:64px}.dg-guide .dg-guide__download h2{font-size:19px}.dg-guide .dg-guide__download p{font-size:15px;margin-bottom:14px}.dg-guide .dg-guide__more{margin-top:56px}.dg-guide .dg-guide__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(prefers-reduced-motion:reduce){.dg-guide *{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/dg-installation-guide.css.map */
