body:has([data-roofline-measurer]) #shopify-section-header,body:has([data-roofline-measurer]) #shopify-section-header.shopify-section-header-sticky{position:relative!important;top:auto!important;transform:none!important;transition:none!important}.rmt{--night:#07131d;--night-2:#102531;--mint:#70ead2;--green:#0d806b;--orange:#ff6a21;--paper:#f5f6f2;--ink:#101820;--muted:#5d6971;--line:rgba(16,24,32,.14);background:var(--paper);color:var(--ink);overflow:hidden}.rmt *,.rmt *:before,.rmt *:after{box-sizing:border-box}.rmt button,.rmt input,.rmt select{font:inherit}.rmt [hidden]{display:none!important}.rmt-eyebrow{margin:0 0 1.2rem;color:var(--green);font-size:1.1rem;font-weight:850;letter-spacing:.17rem;text-transform:uppercase}.rmt-eyebrow span{margin-left:.5rem;padding:.35rem .7rem;border-radius:999px;background:#70ead221;color:var(--mint);font-size:.88rem;letter-spacing:.1rem}.rmt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rmt-button{min-height:5.2rem;padding:1.35rem 2.1rem;border:1px solid transparent;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:1.28rem;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.rmt-button:hover{transform:translateY(-2px)}.rmt-button--primary{background:var(--green);color:#fff}.rmt-button--secondary{border-color:var(--line);background:#fff;color:var(--ink)}.rmt-button--light{background:#fff;color:var(--ink)}.rmt-button--outline{border-color:#ffffff57;background:transparent;color:#fff}.rmt-hero{position:relative;padding:clamp(6rem,8vw,10rem) 0;background:linear-gradient(135deg,var(--night) 0%,#102531 68%,#173b3c 130%);color:#fff}.rmt-hero:after{position:absolute;right:-13rem;bottom:-28rem;width:68rem;height:68rem;border:1px solid rgba(112,234,210,.2);border-radius:50%;box-shadow:0 0 0 7rem #70ead206,0 0 0 14rem #70ead204;content:"";pointer-events:none}.rmt-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(34rem,.65fr);gap:clamp(4rem,8vw,11rem);align-items:center}.rmt-hero .rmt-eyebrow{color:var(--mint)}.rmt-hero h1{max-width:86rem;margin:0;color:#fff;font-size:clamp(5rem,7vw,8.8rem);font-weight:500;letter-spacing:-.055em;line-height:.96}.rmt-hero__lede{max-width:72rem;margin:2.3rem 0 0;color:#ffffffbd;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.55}.rmt-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.rmt-hero__steps{margin:0;padding:1.2rem 2.5rem;border:1px solid rgba(255,255,255,.14);border-radius:1.7rem;background:#030b1161;list-style:none;box-shadow:0 2.5rem 7rem #0000002e}.rmt-hero__steps li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.65rem 0;border-bottom:1px solid rgba(255,255,255,.11)}.rmt-hero__steps li:last-child{border:0}.rmt-hero__steps span{color:var(--mint);font-size:1.05rem;font-weight:850;letter-spacing:.08rem}.rmt-hero__steps strong,.rmt-hero__steps small{display:block}.rmt-hero__steps strong{color:#fff;font-size:1.35rem}.rmt-hero__steps small{margin-top:.35rem;color:#ffffff9e;font-size:1.1rem;line-height:1.45}.rmt-main{padding-top:clamp(4rem,6vw,7rem);padding-bottom:clamp(6rem,8vw,10rem)}.rmt-notice{max-width:110rem;margin:0 auto 4rem;padding:1.5rem 2rem;border:1px solid rgba(13,128,107,.2);border-radius:1rem;background:#e7f8f4;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;color:#36534e}.rmt-notice strong{color:#0a6c5a;font-size:1.25rem;white-space:nowrap}.rmt-notice p{margin:0;font-size:1.2rem;line-height:1.55}.rmt-upload{display:grid;grid-template-columns:minmax(0,.8fr) minmax(42rem,1.2fr);gap:clamp(4rem,7vw,10rem);align-items:center;padding:clamp(2rem,5vw,6rem) 0 clamp(7rem,9vw,11rem)}.rmt-upload__copy h2,.rmt-workspace__header h2,.rmt-guide h2{margin:0;font-size:clamp(3.8rem,5vw,6rem);font-weight:500;letter-spacing:-.05em;line-height:1}.rmt-upload__copy>p:not(.rmt-eyebrow){margin:2rem 0;color:var(--muted);font-size:1.5rem;line-height:1.65}.rmt-upload__copy ul{display:grid;gap:1rem;margin:2rem 0 0;padding:0;list-style:none}.rmt-upload__copy li{position:relative;padding-left:2.2rem;color:#35444c;font-size:1.25rem;line-height:1.5}.rmt-upload__copy li:before{position:absolute;top:.55rem;left:0;width:.85rem;height:.85rem;border-radius:50%;background:var(--green);content:""}.rmt-upload__card{padding:1.3rem;border:1px solid var(--line);border-radius:1.8rem;background:#fff;box-shadow:0 2.5rem 7rem #07131d17}.rmt-upload__illustration{min-height:32rem;border-radius:1.2rem;background:linear-gradient(145deg,#07131d,#17303d);display:grid;place-items:center;overflow:hidden}.rmt-upload__illustration svg{width:86%;height:auto}.rmt-upload__actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}.rmt-upload input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.rmt-privacy,.rmt-message{margin:1.1rem .5rem 0;color:var(--muted);font-size:1.05rem;line-height:1.5;text-align:center}.rmt-message{min-height:1.6rem;color:#9a4d22}.rmt-workspace{padding-bottom:clamp(7rem,9vw,11rem)}.rmt-workspace__header{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.rmt-workspace__header-actions{display:flex;gap:.8rem}.rmt-workspace__header-actions button{min-height:4.3rem;padding:1rem 1.4rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;color:var(--ink);font-size:1.15rem;font-weight:750;cursor:pointer}.rmt-workspace__header-actions button:last-child{color:#8a352f}.rmt-workspace__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(32rem,.62fr);gap:2rem;align-items:start}.rmt-editor{min-width:0;border:1px solid var(--line);border-radius:1.6rem;background:#fff;overflow:hidden;box-shadow:0 2.5rem 7rem #07131d14}.rmt-mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e7ebe9}.rmt-mode-tabs button{min-height:6rem;padding:1.2rem;border:0;border-bottom:.3rem solid transparent;background:transparent;color:#536168;font-size:1.25rem;font-weight:800;cursor:pointer}.rmt-mode-tabs button span{width:2.6rem;height:2.6rem;margin-right:.6rem;border-radius:50%;background:#d1d8d5;display:inline-grid;place-items:center;font-size:1rem}.rmt-mode-tabs button.is-active{border-color:var(--mint);background:var(--night);color:#fff}.rmt-mode-tabs button.is-active span{background:var(--mint);color:var(--night)}.rmt-reference-panel{min-height:7.4rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(20rem,1fr) 12rem 11rem auto;gap:.8rem;align-items:center;background:#f9faf7}.rmt-reference-panel strong,.rmt-reference-panel small{display:block}.rmt-reference-panel strong{font-size:1.25rem}.rmt-reference-panel small{margin-top:.25rem;color:var(--muted);font-size:1.05rem}.rmt-reference-panel input,.rmt-reference-panel select{width:100%;height:4.5rem;padding:0 1rem;border:1px solid #c5cdca;border-radius:.65rem;background:#fff;color:var(--ink);font-size:1.4rem}.rmt-reference-panel button{min-height:4.5rem;padding:.8rem 1.1rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;color:var(--ink);font-size:1.05rem;font-weight:750;cursor:pointer}.rmt-toolbar{min-height:6rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;background:#fff}.rmt-toolbar button{min-height:4rem;padding:.8rem 1.1rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;color:var(--ink);font-size:1.05rem;font-weight:750;cursor:pointer}.rmt-toolbar button span{margin-right:.35rem;color:var(--green);font-size:1.35rem}.rmt-toolbar button:disabled{opacity:.38;cursor:not-allowed}.rmt-stage-wrap{max-height:70vh;padding:1.2rem;overflow:auto;overscroll-behavior:contain;background:#08131b;touch-action:pan-x pan-y}.rmt-stage{position:relative;width:100%;margin:auto;line-height:0;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.rmt-stage img{width:100%;height:auto;display:block;pointer-events:none}.rmt-stage svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;touch-action:none}.rmt-stage .rmt-reference-line{fill:none;stroke:#ffb14d;stroke-width:5;stroke-dasharray:13 9;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}.rmt-stage .rmt-roofline{fill:none;stroke:#70ead2;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.rmt-stage .rmt-roofline.is-selected{stroke:#fff;stroke-width:7}.rmt-stage .rmt-handle{fill:#fff;stroke:#0d806b;stroke-width:4;vector-effect:non-scaling-stroke;cursor:grab}.rmt-stage .rmt-reference-handle{fill:#ffb14d;stroke:#fff}.rmt-stage .rmt-handle.is-selected{fill:#70ead2;stroke:#fff}.rmt-stage .rmt-measure-label rect{fill:#07131de0;stroke:#ffffff59;stroke-width:1}.rmt-stage .rmt-measure-label text{fill:#fff;font-size:20px;font-weight:800;text-anchor:middle;dominant-baseline:middle}.rmt-stage__hint{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);max-width:90%;padding:1rem 1.5rem;border:1px solid rgba(255,255,255,.22);border-radius:1rem;background:#07131dd1;color:#fff;line-height:1.3;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rmt-stage__hint strong,.rmt-stage__hint span{display:block}.rmt-stage__hint strong{font-size:1.25rem}.rmt-stage__hint span{margin-top:.25rem;color:#c1ced2;font-size:1.05rem}.rmt-stage-status{min-height:4.8rem;margin:0;padding:1.3rem 1.5rem;border-top:1px solid var(--line);background:#f9faf7;color:#3c4d54;font-size:1.15rem;line-height:1.5}.rmt-results{position:sticky;top:2rem;padding:2.2rem;border-radius:1.6rem;background:var(--night);color:#fff;box-shadow:0 2.5rem 7rem #07131d29}.rmt-results .rmt-eyebrow{color:var(--mint)}.rmt-results h2{margin:0;color:#fff;font-size:2.4rem;font-weight:600}.rmt-results__total{margin-top:1.2rem;color:#fff;display:block;font-size:clamp(4.8rem,5vw,7rem);font-weight:500;letter-spacing:-.055em;line-height:1}.rmt-results__secondary{margin:.7rem 0 0;color:#a9bbc1;font-size:1.4rem}.rmt-results__stats{display:grid;gap:0;margin-top:2rem;border-top:1px solid rgba(255,255,255,.13)}.rmt-results__stats>div{padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:1rem}.rmt-results__stats span{color:#9fb0b6;font-size:1.05rem}.rmt-results__stats strong{color:#fff;font-size:1.1rem;text-align:right}.rmt-results__runs{margin-top:2rem}.rmt-results__runs h3{margin:0 0 .8rem;color:#fff;font-size:1.3rem}.rmt-results__runs ol{max-height:18rem;margin:0;padding:0;overflow:auto;list-style:none}.rmt-results__runs li{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#dbe4e7;font-size:1.1rem}.rmt-results__runs li.is-empty{display:block;color:#91a1a7;line-height:1.45}.rmt-results__note{margin:2rem 0;padding:1.2rem;border:1px solid rgba(112,234,210,.23);border-radius:.8rem;background:#70ead214}.rmt-results__note strong{color:var(--mint);font-size:1.1rem}.rmt-results__note p{margin:.5rem 0 0;color:#b7c4c8;font-size:1rem;line-height:1.5}.rmt-results>.rmt-button{width:100%}.rmt-guide{padding:clamp(6rem,8vw,10rem) 0 2rem;border-top:1px solid var(--line)}.rmt-guide>div:first-child{max-width:90rem}.rmt-guide__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:4rem}.rmt-guide article{min-height:20rem;padding:2rem;border:1px solid var(--line);border-radius:1.4rem;background:#fff}.rmt-guide article>span{color:var(--green);font-size:1rem;font-weight:850;letter-spacing:.12rem;text-transform:uppercase}.rmt-guide h3{margin:2rem 0 .7rem;font-size:1.8rem}.rmt-guide article p{margin:0;color:var(--muted);font-size:1.2rem;line-height:1.6}.rmt-camera{width:min(92vw,90rem);padding:0;border:0;border-radius:1.6rem;overflow:hidden;background:#02070a;color:#fff}.rmt-camera::backdrop,.rmt-confirm::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rmt-camera__header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.rmt-camera__header strong,.rmt-camera__header span{display:block}.rmt-camera__header span{color:#9ba9ae;font-size:1.1rem}.rmt-camera__header button{width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:#fff;font-size:3rem;line-height:1;cursor:pointer}.rmt-camera__view{position:relative;aspect-ratio:16/9;background:#000}.rmt-camera video{width:100%;height:100%;object-fit:cover}.rmt-camera__guide{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:2px solid var(--mint);border-radius:1rem;display:grid;place-items:end center}.rmt-camera__guide span{margin-bottom:1rem;padding:.5rem 1rem;border-radius:2rem;background:#0000009e;font-size:1.1rem}.rmt-camera__view>p{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:max-content;max-width:90%;padding:.7rem 1rem;border-radius:.6rem;background:#fff5d8;color:#5f4c17;font-size:1.2rem}.rmt-camera__actions{padding:1.5rem;display:grid;place-items:center}.rmt-camera__actions button{width:6rem;height:6rem;padding:.5rem;border:2px solid #fff;border-radius:50%;background:none;cursor:pointer}.rmt-camera__actions button span{width:100%;height:100%;border-radius:50%;display:block;background:#fff}.rmt-confirm{max-width:44rem;padding:3rem;border:0;border-radius:1.4rem;color:var(--ink)}.rmt-confirm h2{margin:0;font-size:3rem}.rmt-confirm p{color:var(--muted);font-size:1.25rem;line-height:1.55}.rmt-confirm>div{display:flex;justify-content:flex-end;gap:.8rem}.rmt-confirm button{min-height:4.5rem;padding:1rem 1.5rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;cursor:pointer}.rmt-confirm button:last-child{border-color:#9a302f;background:#9a302f;color:#fff}@media(max-width:1099px){.rmt-workspace__grid{grid-template-columns:1fr}.rmt-results{position:static}.rmt-results__runs ol{max-height:none}}@media(max-width:989px){.rmt-hero__grid,.rmt-upload{grid-template-columns:1fr}.rmt-hero__steps{max-width:68rem}.rmt-upload{gap:3rem}.rmt-reference-panel{grid-template-columns:1fr 1fr 1fr}.rmt-reference-panel>div{grid-column:1/-1}}@media(max-width:749px){.rmt-hero{padding:5rem 0}.rmt-hero h1{font-size:5.35rem}.rmt-hero__actions{display:grid}.rmt-button{width:100%}.rmt-main{padding-right:1.5rem;padding-left:1.5rem}.rmt-notice{grid-template-columns:1fr;gap:.5rem}.rmt-notice strong{white-space:normal}.rmt-upload{padding-bottom:7rem}.rmt-upload__card{padding:1rem}.rmt-upload__illustration{min-height:22rem}.rmt-upload__actions{grid-template-columns:1fr}.rmt-workspace__header{display:block}.rmt-workspace__header-actions{margin-top:1.5rem}.rmt-workspace__header-actions button{flex:1}.rmt-workspace__grid{margin-right:-1.5rem;margin-left:-1.5rem}.rmt-editor,.rmt-results{border-radius:0}.rmt-mode-tabs button{font-size:1.05rem}.rmt-reference-panel{grid-template-columns:1fr 1fr}.rmt-reference-panel>div{grid-column:1/-1}.rmt-reference-panel button{grid-column:1/-1}.rmt-toolbar{display:grid;grid-template-columns:1fr 1fr}.rmt-toolbar button{padding:.7rem .5rem}.rmt-stage-wrap{max-height:58vh;padding:.7rem}.rmt-results{padding:2rem 1.5rem}.rmt-guide__cards{grid-template-columns:1fr}.rmt-guide article{min-height:0}}@media(max-width:899px),(max-height:600px){.rmt-camera[open]{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:var(--camera-viewport-height,100dvh);max-height:none;margin:0;border-radius:0}.rmt-camera__header{min-height:5.6rem;padding:max(1rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) .9rem max(1.5rem,env(safe-area-inset-left))}.rmt-camera__view{min-height:0;aspect-ratio:auto;overflow:hidden}.rmt-camera__actions{min-height:8.6rem;padding:1rem max(1.5rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left))}}@media(orientation:landscape)and (max-height:600px){.rmt-camera[open]{grid-template-rows:auto minmax(0,1fr)}.rmt-camera__header{min-height:4.8rem;padding:max(.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left))}.rmt-camera__header span{display:none}.rmt-camera__view{grid-row:2}.rmt-camera__guide{top:8%;right:12%;bottom:8%;left:12%}.rmt-camera__actions{position:absolute;z-index:2;top:50%;right:max(1.2rem,env(safe-area-inset-right));min-height:0;padding:0;transform:translateY(-35%)}.rmt-camera__actions button{width:5.8rem;height:5.8rem;background:#00000047;box-shadow:0 0 0 .4rem #0003}}@media(prefers-reduced-motion:reduce){.rmt-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/roofline-measuring-tool.css.map */