.ct-fw-tools374{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;margin-block:0 3.2rem}.ct-fw-tools374 .ct-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:48px;white-space:normal;text-align:center}.ct-fw-tools374 svg{flex:none;width:20px;height:20px}.ct-fw-tools374 p{flex:1 1 100%;margin:0!important;font-size:1.4rem;line-height:1.6;color:var(--ct-page-muted,#485867)}.ct-fw-guide374{--guide-action:var(--ct-action,#034aa6);box-sizing:border-box;width:min(1120px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:12px;background:#fff;color:var(--ct-page-text,#142638);box-shadow:0 20px 64px #14263840;overflow:hidden;font:inherit}.ct-fw-guide374[open]{display:flex;flex-direction:column}.ct-fw-guide374::backdrop{background:#142638ad}.ct-fw-guide374__header{display:flex;align-items:flex-start;gap:1.6rem;padding:2.4rem 2.4rem 1.6rem;border-bottom:1px solid #d3dce7;flex:none}.ct-fw-guide374__header h2{font-size:clamp(2rem,2.6vw,2.8rem);line-height:1.3;margin:0;flex:1;min-width:0;text-wrap:balance}.ct-fw-guide374__close{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;margin:-.8rem -.8rem 0 0;border:0;border-radius:8px;background:#f4f7fb;color:#142638;cursor:pointer}.ct-fw-guide374__close svg{width:20px;height:20px}.ct-fw-guide374__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2.4rem;line-height:1.65;scrollbar-color:#8191a4 #f4f7fb;scrollbar-width:thin}.ct-fw-guide374__body p{max-width:75ch;margin:0 0 1.6rem}.ct-fw-guide374__body h3{font-size:2rem;line-height:1.4;margin:0 0 .8rem;text-wrap:balance}.ct-fw-guide374 a{color:var(--guide-action);text-underline-offset:.22em}.ct-fw-guide374 a.ct-button--primary{color:#fff}.ct-fw-guide374 a:hover{text-decoration-thickness:2px}.ct-fw-guide374 :is(a,button,summary):focus-visible{outline:2px solid var(--guide-action);outline-offset:4px}.ct-fw-guide374 ::selection{color:#fff;background:var(--guide-action)}.ct-fw-guide374__intro{font-size:1.6rem}.ct-fw-guide374__before{padding:1.6rem 0;border-block:1px solid #d3dce7;margin:2.4rem 0}.ct-fw-guide374__before summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;font-weight:600;min-height:44px;cursor:pointer}.ct-fw-guide374__before summary svg{width:14px;height:14px;flex:none}.ct-fw-guide374__before[open] summary svg{transform:rotate(180deg)}.ct-fw-guide374__before ul{max-width:75ch;margin:0 0 1.2rem;padding-left:2rem}.ct-fw-guide374__before li+li{margin-top:.8rem}.ct-fw-guide374__text-link{display:inline-flex;align-items:center;gap:.8rem;min-height:44px}.ct-fw-guide374__text-link svg{flex:none}.ct-fw-guide374__examples{font-size:1.4rem;color:#485867}.ct-fw-guide374 .ct-fw-guide374__steps{list-style:none;counter-reset:guide-step;margin:3.2rem 0;padding:0;display:grid;gap:4rem}.ct-fw-guide374__steps>li{counter-increment:guide-step;min-width:0}.ct-fw-guide374__steps h3:before{content:counter(guide-step) ". ";color:var(--guide-action);font-variant-numeric:tabular-nums}.ct-fw-guide374__figure{margin:1.6rem 0 0;max-width:100%}.ct-fw-guide374__image{position:relative;display:block;line-height:0;border-radius:8px;overflow:hidden;background:#282d35}.ct-fw-guide374__image img{display:block;box-sizing:border-box;width:100%;height:auto;max-width:100%;object-fit:contain}.ct-fw-guide374__marks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ct-fw-guide374__marks ellipse{fill:none;vector-effect:non-scaling-stroke}.ct-fw-guide374__mark-under{stroke:#fff;stroke-width:5px}.ct-fw-guide374__mark{stroke:#db283d;stroke-width:3px}.ct-fw-guide374__figure figcaption{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;font-size:1.3rem;color:#485867}.ct-fw-guide374__figure--range,.ct-fw-guide374__figure--install{max-width:560px}.ct-fw-guide374__after{padding-top:2.4rem;border-top:1px solid #d3dce7}.ct-fw-guide374__sources{display:flex;flex-wrap:wrap;gap:.4rem 2.4rem;margin:2.4rem 0;font-size:1.4rem}.ct-fw-guide374__sources a{display:inline-flex;align-items:center;min-height:44px}.ct-fw-guide374__footer{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem}.ct-fw-guide374__footer :is(a,button){display:inline-flex;justify-content:center;align-items:center;gap:.8rem;white-space:normal;min-height:48px;text-align:center}@media(max-width:749px){.ct-fw-tools374{margin-bottom:2.4rem}.ct-fw-tools374 .ct-button{flex:1 1 100%}.ct-fw-guide374{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.ct-fw-guide374__header{padding:1.6rem;gap:.8rem}.ct-fw-guide374__header h2{font-size:2rem}.ct-fw-guide374__body{padding:1.6rem}.ct-fw-guide374__steps{gap:3.2rem}.ct-fw-guide374__footer>*{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.ct-fw-guide374,.ct-fw-guide374__body{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.ct-fw-board402{margin-block:2.4rem;padding-block:2.4rem;border-block:1px solid #d3dce7}.ct-fw-board402__examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-block:2rem}.ct-fw-board402__example{min-width:0;margin:0}.ct-fw-board402__image{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#edf1f5}.ct-fw-guide374 .ct-fw-board402__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 75%;max-width:100%}.ct-fw-board402__example figcaption{display:grid;gap:.4rem;margin-top:1.2rem;font-size:1.4rem;line-height:1.5}.ct-fw-board402__example strong{font-size:1.6rem;color:#142638}.ct-fw-board402__example code{font:inherit;overflow-wrap:anywhere;color:#485867}.ct-fw-guide374__body .ct-fw-board402__toolkit{margin-bottom:0}.ct-fw-board402__toolkit a,.ct-fw-board402__opener{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;text-underline-offset:.22em}.ct-fw-board402__toolkit a svg{flex:none;width:16px;height:16px}.ct-fw-board402__opener{font-size:1.4rem}.ct-fw-board402__opener:focus-visible{outline:2px solid var(--ct-action,#034aa6);outline-offset:4px}@media(max-width:749px){.ct-fw-board402__examples{grid-template-columns:minmax(0,1fr);gap:2.4rem}.ct-fw-board402{padding-block:2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ct-fw-guide374.css.map */