.sgcalc{--ink:#21211f;--muted:#6b6a65;--line:#dedbd4;--surface:#f0f0f0;--paper:#fff;--warm:#eae6de;color:var(--ink);font-family:inherit;font-size:14px;line-height:1.5;max-width:1440px;margin:0 auto;padding:22px clamp(15px,3.3vw,48px) 32px}.sgcalc *{box-sizing:border-box}.sgcalc button,.sgcalc input,.sgcalc select{font:inherit}.sgcalc button{cursor:pointer}.sgcalc__top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 16px}.sgcalc__crumb{color:#8c8982;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sgcalc__crumb a{color:inherit;text-decoration:none}.sgcalc h1{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.045em;line-height:1.12;font-weight:600;margin:4px 0 5px}.sgcalc__intro{color:var(--muted);margin:0;font-size:13px}.sgcalc__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#827e75;font-weight:700}.sgcalc__tag{border:1px solid var(--line);padding:6px 10px;white-space:nowrap;font-size:11px;color:#716d66}.sgcalc__layout{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(440px,1.12fr);gap:16px;align-items:start}.sgcalc__panel{background:#fff;border:1px solid var(--line);border-radius:5px;min-width:0;overflow:hidden}.sgcalc__pad{padding:20px}.sgcalc__section{padding:15px 0;border-bottom:1px solid #ebe9e4}.sgcalc__section:last-child{border:0;padding-bottom:0}.sgcalc__step{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sgcalc__step b{display:grid;place-items:center;background:#252522;color:#fff;width:22px;height:22px;font-size:10px;font-weight:500}.sgcalc h2{font-size:15px;letter-spacing:-.02em;margin:0;font-weight:650}.sgcalc__small{font-size:11px;color:var(--muted);margin:5px 0}.sgcalc__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sgcalc__tabs--three{grid-template-columns:repeat(3,minmax(0,1fr))}.sgcalc__choice{border:1px solid #dedbd5;background:#fff;color:#373631;text-align:center;min-height:36px;padding:6px 7px;border-radius:3px;font-size:12px;transition:.18s}.sgcalc__choice.is-active,.sgcalc__choice[aria-pressed=true]{border-color:#272724;background:#272724;color:#fff}.sgcalc__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sgcalc__field{display:block;min-width:0}.sgcalc__field span{display:block;color:#625f59;font-size:11px;margin-bottom:4px}.sgcalc__inputwrap{display:flex;border:1px solid #d9d7d0;background:#fff;border-radius:3px;min-width:0;height:36px;align-items:center}.sgcalc__inputwrap input,.sgcalc__inputwrap select{border:0;outline:0;min-width:0;width:100%;padding:0 9px;background:transparent;color:#272723;font-size:13px;height:100%}.sgcalc__inputwrap em{font-style:normal;color:#a09b91;font-size:10px;padding-right:9px}.sgcalc__hint{font-size:11px;color:#817c74;margin-top:7px;line-height:1.45}.sgcalc__note{background:#f0f0f0;border-left:2px solid #999184;padding:9px 11px;font-size:11px;color:#686359;margin-top:10px}.sgcalc__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.sgcalc__btn{border:1px solid #d4d1ca;padding:9px 12px;border-radius:2px;background:#fff;color:#33322d;font-size:11px;font-weight:600;white-space:nowrap}.sgcalc__btn--dark{background:#252522;color:#fff;border-color:#252522}.sgcalc__visual-head{padding:15px 18px;border-bottom:1px solid #e5e1da;display:flex;justify-content:space-between;align-items:center;gap:8px}.sgcalc__live{color:#586b55;font-size:11px;white-space:nowrap}.sgcalc__live:before{content:"";display:inline-block;background:#768a72;border-radius:50%;height:6px;width:6px;margin-right:6px}.sgcalc__drawing{padding:16px;position:relative;background:#f0f0f0;min-height:280px;display:flex;align-items:center;justify-content:center}.sgcalc__drawing svg{width:100%;height:260px;max-width:640px}.sgcalc__drawing svg text{font-family:Arial,sans-serif}.sgcalc__legend{display:flex;gap:15px;flex-wrap:wrap;padding:0 18px 12px;background:#f0f0f0;color:#716e67;font-size:10px}.sgcalc__legend i{display:inline-block;width:16px;height:3px;margin-right:5px;vertical-align:middle;background:#252522}.sgcalc__legend i.alt{background:#b18f65}.sgcalc__legend i.dash{background:#c2bdb4}.sgcalc__results{padding:15px 18px}.sgcalc__res-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.sgcalc__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sgcalc__metric{background:#f0f0f0;border:1px solid #ece9e3;padding:11px;min-width:0}.sgcalc__metric span{font-size:10px;color:#77736c;display:block}.sgcalc__metric strong{font-size:18px;letter-spacing:-.04em;font-weight:600;display:block;margin-top:3px}.sgcalc__metric small{font-size:10px;color:#9b958a;font-weight:400}.sgcalc__bottom{border-top:1px solid #eae7e0;margin-top:12px;padding-top:10px;color:#7e796f;font-size:10px}.sgcalc__footer{font-size:11px;color:#7a766e;padding:12px 0 0}.sgcalc__footer a{color:#333;text-underline-offset:3px}.sgcalc--curtain .sgcalc__layout{grid-template-columns:minmax(430px,1fr) minmax(420px,1fr)}.sgcalc--curtain .sgcalc__drawing{min-height:245px}.sgcalc--curtain .sgcalc__drawing svg{height:232px}.sgcalc__highlight{background:#272722;color:#fff;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sgcalc__highlight span{display:block;color:#c5c2b8;font-size:10px;letter-spacing:.05em}.sgcalc__highlight strong{font-size:24px;font-weight:600;letter-spacing:-.04em}.sgcalc__highlight small{color:#c5c2b8;font-size:11px}.sgcalc__accordion{border-top:1px solid #e6e2db;margin-top:11px;padding-top:10px}.sgcalc__accordion summary{font-weight:600;font-size:12px;cursor:pointer}.sgcalc__accordion p{font-size:11px;color:#706b62;margin:7px 0}.sgcalc__compact{display:flex;gap:10px;align-items:center;justify-content:space-between}.sgcalc__compact .sgcalc__field{flex:1}.sgcalc__pill{font-size:10px;color:#6c685e;background:#eae7df;padding:5px 7px}.sgcalc__panel input:focus,.sgcalc__panel select:focus{outline:1px solid #34332f;outline-offset:-1px}.sgcalc__btn:focus-visible,.sgcalc__choice:focus-visible{outline:2px solid #836e50;outline-offset:2px}@media(max-width:1020px){.sgcalc__layout,.sgcalc--curtain .sgcalc__layout{grid-template-columns:1fr}.sgcalc__drawing{min-height:220px}.sgcalc__drawing svg{height:240px}}@media(max-width:600px){.sgcalc{padding:16px 12px 25px}.sgcalc__pad{padding:13px}.sgcalc__top{align-items:flex-start}.sgcalc__tag{display:none}.sgcalc__fields--three,.sgcalc__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sgcalc__drawing svg{height:210px}.sgcalc__visual-head{padding:13px}.sgcalc__legend{padding:0 13px 10px}.sgcalc__actions{gap:5px}.sgcalc__btn{flex:1}.sgcalc__highlight strong{font-size:20px}}.sgcalc,.sgcalc h1,.sgcalc h2,.sgcalc button,.sgcalc input,.sgcalc select,.sgcalc summary{font-family:inherit}.sgcalc{padding-top:12px;padding-bottom:18px}.sgcalc__top{margin-bottom:12px}.sgcalc__intro{max-width:680px}.sgcalc{max-width:1480px;padding:clamp(22px,2.8vw,40px) clamp(18px,3vw,44px) 56px;font-family:inherit;font-size:14px;line-height:1.6}.sgcalc__top{align-items:flex-end;gap:24px;margin-bottom:26px}.sgcalc__crumb{font-family:inherit;font-size:12px;font-weight:500;text-transform:none;letter-spacing:.015em;line-height:1.6;color:#6b6862;margin-bottom:9px}.sgcalc__crumb a{color:#252522;font:inherit;text-decoration:none}.sgcalc__crumb a:hover{text-decoration:underline;text-underline-offset:3px}.sgcalc h1{font-family:inherit;font-size:clamp(28px,2.5vw,38px);font-weight:650;line-height:1.18;letter-spacing:-.035em;margin:0 0 10px}.sgcalc__intro{font-family:inherit;font-size:14px;line-height:1.65;max-width:760px}.sgcalc__tag{font-family:inherit;font-size:10px;padding:10px 13px}.sgcalc__layout,.sgcalc--curtain .sgcalc__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.sgcalc__panel{border-radius:7px}.sgcalc__pad{padding:26px}.sgcalc__section{padding:24px 0}.sgcalc__section:first-child{padding-top:0}.sgcalc__step{gap:10px;margin-bottom:16px}.sgcalc__step b{width:24px;height:24px;flex:0 0 24px;border-radius:2px}.sgcalc h2{font-family:inherit;font-size:16px;line-height:1.4}.sgcalc__fields{gap:16px 14px;align-items:start}.sgcalc__fields--three{grid-template-columns:repeat(3,minmax(0,1fr))}.sgcalc__field{display:flex;flex-direction:column;min-width:0;gap:7px}.sgcalc__field>span{margin:0;min-height:19px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;color:#494740}.sgcalc__inputwrap{height:44px;min-height:44px;border-radius:5px}.sgcalc__inputwrap input,.sgcalc__inputwrap select{padding:0 12px;font-size:14px;font-family:inherit}.sgcalc__inputwrap em{padding-right:12px;font-size:11px}.sgcalc__tabs{gap:9px}.sgcalc__choice{min-height:44px;padding:9px 10px;border-radius:5px;font-family:inherit;font-size:13px}.sgcalc__hint{margin-top:11px;font-size:12px;line-height:1.6}.sgcalc__small{margin-bottom:12px;font-size:12px}.sgcalc__note{margin-top:16px;padding:13px 15px;font-size:12px;line-height:1.6}.sgcalc__visual-head{padding:20px 22px}.sgcalc__drawing{min-height:300px;padding:22px}.sgcalc--curtain .sgcalc__drawing{min-height:300px}.sgcalc--curtain .sgcalc__drawing svg{height:auto;max-height:270px}.sgcalc__drawing svg{height:auto;max-height:285px}.sgcalc__drawing svg text{font-family:inherit}.sgcalc__results{padding:20px 22px}.sgcalc__metrics{gap:10px}.sgcalc__metric{padding:14px}.sgcalc__metric span{font-size:11px}.sgcalc__highlight{padding:18px 22px}.sgcalc__actions{gap:10px;margin-top:18px}.sgcalc__btn{min-height:41px;padding:10px 14px;font-size:12px;border-radius:4px}.sgcalc__accordion{margin-top:16px;padding-top:14px}.sgcalc__bottom{margin-top:18px;padding-top:14px;font-size:11px}@media(max-width:1100px){.sgcalc__layout,.sgcalc--curtain .sgcalc__layout{grid-template-columns:1fr}.sgcalc__drawing,.sgcalc--curtain .sgcalc__drawing{min-height:255px}}@media(max-width:700px){.sgcalc{padding:20px 14px 36px}.sgcalc__top{align-items:flex-start;margin-bottom:20px}.sgcalc__tag{display:none}.sgcalc__layout,.sgcalc--curtain .sgcalc__layout{gap:16px}.sgcalc__pad{padding:17px}.sgcalc__section{padding:19px 0}.sgcalc__fields--three{grid-template-columns:repeat(2,minmax(0,1fr))}.sgcalc__fields{gap:13px 10px}.sgcalc__inputwrap{height:43px}.sgcalc__visual-head,.sgcalc__results{padding:16px}.sgcalc__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sgcalc__drawing,.sgcalc--curtain .sgcalc__drawing{padding:12px;min-height:225px}}@media(max-width:400px){.sgcalc__fields--three,.sgcalc__metrics{grid-template-columns:1fr}}@media(min-width:990px){.sgcalc.measurement-calculator{box-sizing:border-box;width:calc(100vw - 96px);max-width:1600px;position:relative;left:50%;transform:translate(-50%);margin-left:0;margin-right:0;padding:8px 0 32px}}@media(max-width:989px){.sgcalc.measurement-calculator{box-sizing:border-box;width:calc(100% - 32px);max-width:none;margin-inline:auto;left:auto;transform:none;padding-top:8px}}.sgcalc.measurement-calculator .sgcalc__crumb{font-family:inherit;text-transform:none;letter-spacing:normal;font-weight:400}.sgcalc.measurement-calculator{padding-top:16px}.sgcalc.measurement-calculator .sgcalc__crumb{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:13px;line-height:1.5;color:#77746d;text-transform:none;letter-spacing:normal;font-weight:400}.sgcalc.measurement-calculator .sgcalc__crumb a{color:#282824;text-decoration:none}.sgcalc.measurement-calculator .sgcalc__crumb a:hover{text-decoration:underline}.sgcalc.measurement-calculator .sgcalc__separator{display:inline-block;margin:0 10px;color:#b9b6b0}.sgcalc.measurement-calculator .sgcalc__top{margin-bottom:16px}.sgcalc.measurement-calculator .sgcalc__top h1{margin-top:10px}@media(max-width:749px){.sgcalc.measurement-calculator{padding-top:16px}.sgcalc.measurement-calculator .sgcalc__separator{margin:0 7px}}.sgcalc.measurement-calculator .sgcalc__crumb{display:flex;align-items:center;flex-wrap:wrap;font-family:inherit;font-size:14px;line-height:1.5;letter-spacing:normal;text-transform:none;font-weight:400;color:inherit}.sgcalc.measurement-calculator .sgcalc__crumb a{color:inherit;text-decoration:none}.sgcalc.measurement-calculator .sgcalc__crumb [aria-current=page]{color:var(--muted)}.sgcalc.measurement-calculator .sgcalc__separator{margin:0 12px;color:#b6b4ae}.sgcalc.measurement-calculator .sgcalc__live{color:#18843e;font-weight:600}.sgcalc.measurement-calculator .sgcalc__live:before{content:"";width:8px;height:8px;display:inline-block;vertical-align:middle;margin-right:8px;border-radius:50%;background:#16a34a;animation:sg-live-pulse 1.65s ease-in-out infinite}@keyframes sg-live-pulse{0%,to{opacity:1;box-shadow:0 0 #16a34a47}50%{opacity:.5;box-shadow:0 0 0 5px #16a34a00}}@media(prefers-reduced-motion:reduce){.sgcalc.measurement-calculator .sgcalc__live:before{animation:none}}.sgcalc.measurement-calculator .sgcalc__top h1{margin-top:20px}.sgcalc.measurement-calculator .sgcalc__crumb .breadcrumbs--sep{margin:0 12px}@media(max-width:749px){.sgcalc.measurement-calculator .sgcalc__top h1{margin-top:16px}}.sgcalc--curtain .sgcalc__fields>.sgcalc__field{display:grid;grid-template-rows:minmax(3.2em,auto) 44px;align-content:start;min-width:0}.sgcalc--curtain .sgcalc__fields>.sgcalc__field>span{align-self:end;line-height:1.4;margin-bottom:7px}.sgcalc--curtain .sgcalc__fields>.sgcalc__field>.sgcalc__inputwrap{min-width:0;height:44px}.sgcalc--curtain .sgcalc__fields>.sgcalc__field>.sgcalc__tabs{min-width:0;height:44px}.sgcalc--curtain .sgcalc__fields>.sgcalc__field>.sgcalc__tabs .sgcalc__choice{min-width:0;height:44px}@media(max-width:480px){.sgcalc--curtain .sgcalc__fields,.sgcalc--curtain .sgcalc__fields--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:340px){.sgcalc--curtain .sgcalc__fields,.sgcalc--curtain .sgcalc__fields--three{grid-template-columns:1fr}}.sgcalc.measurement-calculator.sgcalc--invalid .sgcalc__live,.sgcalc.measurement-calculator.sgcalc--invalid .sgcalc__highlight strong,.sgcalc.measurement-calculator.sgcalc--invalid .sgcalc__highlight>div:nth-child(2),.sgcalc.measurement-calculator.sgcalc--invalid .sgcalc__metrics{color:#c62828}.sgcalc.measurement-calculator.sgcalc--invalid .sgcalc__live:before{background:#dc2626;animation:none;box-shadow:none}.sgcalc.measurement-calculator.sgcalc--invalid .sgcalc__metrics .sgcalc__metric strong{color:#c62828}.sgcalc--bay .sgcalc__drawing svg{visibility:visible}.sgcalc.measurement-calculator .sgcalc__top h1{margin-top:60px}@media(max-width:749px){.sgcalc.measurement-calculator .sgcalc__top h1{margin-top:60px}}.sgcalc.measurement-calculator.page-width{box-sizing:border-box;position:static;left:auto;right:auto;transform:none;width:100%;max-width:none;margin:0;padding:16px var(--page-padding) 36px}.sgcalc.measurement-calculator.page-width .sgcalc__top h1{margin-top:16px}@media(max-width:749px){.sgcalc.measurement-calculator.page-width{padding-top:16px;padding-bottom:32px}}.sgcalc.measurement-calculator.page-width .sgcalc__top h1{margin-top:60px}@media(max-width:749px){.sgcalc.measurement-calculator.page-width .sgcalc__top h1{margin-top:60px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sg-calculators-design.css.map */