sqft-calculator{display:block}sqft-calculator .sc__box{margin-left:auto;margin-right:auto;max-width:1326px;padding-left:16px;padding-right:16px;width:100dvw}@media (min-width:1280px){sqft-calculator .sc__box{padding-left:32px;padding-right:32px}}@media (min-width:1328px){sqft-calculator .sc__box{padding-left:48px;padding-right:48px}}@media (max-width:767px){sqft-calculator .sc__box{padding:0}}sqft-calculator .sc__content-box{background-color:#f8f7f3;border-radius:10px;box-shadow:0 7px 13px -10px hsla(0,0%,5%,.14);padding:16px}@media (min-width:576px){sqft-calculator .sc__content-box{padding:24px}}@media (min-width:768px){sqft-calculator .sc__content-box{padding:32px}}sqft-calculator .sc__header{display:flex;justify-content:flex-end}sqft-calculator .sc__header button{align-items:center;background-color:transparent;background-color:hsla(0,0%,100%,0);border:1px solid #0d0d0d;border-radius:8px;color:#0d0d0d;cursor:pointer;display:flex;font-family:inherit;font-family:PPNeueMontreal-regular,sans-serif;font-family:PPNeueMontreal-book,sans-serif;font-size:inherit;font-size:15px;font-style:inherit;font-weight:inherit;font-weight:400;gap:4px;gap:8px;justify-content:center;letter-spacing:0;line-height:inherit;line-height:100%;line-height:15px;padding:10px 12px 10px 10px;text-align:left;text-decoration:none;text-shadow:inherit;transition:all .24s ease;width:-moz-max-content;width:max-content}sqft-calculator .sc__header button span{text-decoration:none!important}sqft-calculator .sc__header button:focus-visible{background-color:#0d0d0d;color:#fff}@media (hover:hover){sqft-calculator .sc__header button:hover{background-color:#0d0d0d;color:#fff}}sqft-calculator .sc__header button icon-box{height:12px;width:12px}sqft-calculator .sc__header room-dropdown{display:flex;flex-direction:column}sqft-calculator .sc__header room-dropdown[hidden]{display:none}sqft-calculator .sc__header room-dropdown button{width:100%}sqft-calculator .sc__cards{display:flex;flex-direction:column;gap:24px;margin-top:24px}sqft-calculator .sc__room-card{border:1px solid #0d0d0d;border-radius:10px;display:flex;flex-direction:column;gap:16px;padding:16px}@media (min-width:768px){sqft-calculator .sc__room-card{gap:24px;padding:24px}}sqft-calculator .sc__card-header{display:flex;justify-content:space-between}sqft-calculator .sc__card-header span{color:#0d0d0d;font-family:PPNeueMontreal-medium,sans-serif;font-size:26px;font-weight:400;letter-spacing:0;line-height:1}@media (min-width:768px){sqft-calculator .sc__card-header span{font-size:32px}}sqft-calculator .sc__card-header button{background-color:transparent;background-color:#b44519;border-radius:50%;border-width:0;color:#fff;cursor:pointer;display:grid;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;height:24px;line-height:inherit;padding:0;place-items:center;text-align:left;text-shadow:inherit;transition:background-color .24s ease;width:24px}@media (min-width:768px){sqft-calculator .sc__card-header button{height:32px;width:32px}}sqft-calculator .sc__card-header button svg{display:block;height:16px;width:16px}sqft-calculator .sc__card-header button :focus-visible,sqft-calculator .sc__card-header button:hover{background-color:rgba(180,69,25,.8)}sqft-calculator .sc__card-details{display:flex;flex-direction:column}@media (min-width:768px){sqft-calculator .sc__card-details{align-items:center;flex-direction:row;justify-content:space-between}}sqft-calculator .sc__card-fields{display:flex;flex-direction:column;gap:12px}sqft-calculator .sc__card-name{align-items:flex-end;display:flex;gap:8px;margin-bottom:8px}sqft-calculator .sc__card-name span:first-child{color:#0d0d0d;font-family:PPNeueMontreal-bold,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:18px}sqft-calculator .sc__card-name span:last-child{color:#0d0d0d;font-family:PPNeueMontreal-book,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:18px}sqft-calculator .sc__card-field label{display:block;font-family:PPNeueMontreal-bold,sans-serif;margin-bottom:4px}sqft-calculator .sc__card-field label,sqft-calculator .sc__card-field span{color:#0d0d0d;font-size:16px;font-weight:400;letter-spacing:0;line-height:18px}sqft-calculator .sc__card-field span{font-family:PPNeueMontreal-book,sans-serif}sqft-calculator .sc__card-field input{all:unset;border:1px solid #d5d5d5;border-radius:4px;font-family:PPNeueMontreal-book,sans-serif;font-weight:400;padding:12px 8px 12px 16px;width:48px}sqft-calculator .sc__card-guide{position:relative;width:-moz-max-content;width:max-content}@media (max-width:767px){sqft-calculator .sc__card-guide{margin-left:auto;margin-right:auto;margin-top:24px}}sqft-calculator .sc__card-guide .shape{background-color:hsla(0,0%,84%,.3);border-radius:4px}sqft-calculator .sc__card-guide .label{color:#0d0d0d;font-family:PPNeueMontreal-book,sans-serif;font-size:14px;font-weight:400;height:-moz-max-content;height:max-content;position:absolute;transform-origin:center;width:-moz-max-content;width:max-content}sqft-calculator .sc__card-guide .line-horizontal{background-color:#d5d5d5;height:1px;position:absolute;width:92%}sqft-calculator .sc__card-guide .line-horizontal:after,sqft-calculator .sc__card-guide .line-horizontal:before{border:5px solid transparent;content:"";display:none;height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}sqft-calculator .sc__card-guide .line-vertical{background-color:#d5d5d5;height:88%;position:absolute;width:1px}sqft-calculator .sc__card-guide .line-vertical:after,sqft-calculator .sc__card-guide .line-vertical:before{border:5px solid transparent;content:"";display:none;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}sqft-calculator .sc__card-guide .rectangle{height:100px;width:200px}@media (min-width:768px){sqft-calculator .sc__card-guide .rectangle{height:150px;width:300px}}sqft-calculator .sc__card-guide .rectangle .line-horizontal{left:4%;top:calc(100% + 8px)}sqft-calculator .sc__card-guide .rectangle .line-horizontal:before{border-right:10px solid #d5d5d5;right:100%}sqft-calculator .sc__card-guide .rectangle .line-horizontal:after{border-left:10px solid #d5d5d5;left:100%}sqft-calculator .sc__card-guide .rectangle .line-vertical{right:calc(100% + 8px);top:6%}sqft-calculator .sc__card-guide .rectangle .line-vertical:before{border-bottom:10px solid #d5d5d5;bottom:100%}sqft-calculator .sc__card-guide .rectangle .line-vertical:after{border-top:10px solid #d5d5d5;top:100%}sqft-calculator .sc__card-guide .rectangle .label.vertical{right:calc(100% + 4px);top:calc(6% + 16px);transform:rotate(-90deg)}sqft-calculator .sc__card-guide .rectangle .label.horizontal{right:calc(6% + 2px);top:calc(100% + 10px)}sqft-calculator .sc__card-guide .circle{border-radius:50%;height:150px;width:150px}sqft-calculator .sc__card-guide .square{height:150px;width:150px}sqft-calculator .sc__card-guide .square .line-horizontal{left:4%;top:calc(100% + 8px)}sqft-calculator .sc__card-guide .square .line-horizontal:before{border-right:10px solid #d5d5d5;right:100%}sqft-calculator .sc__card-guide .square .line-horizontal:after{border-left:10px solid #d5d5d5;left:100%}sqft-calculator .sc__card-guide .square .label{right:calc(6% + 2px);top:calc(100% + 10px)}sqft-calculator .sc__card-guide .circle .line-horizontal{left:4%;top:calc(50% - 2px)}sqft-calculator .sc__card-guide .circle .line-horizontal:before{border-right:10px solid #d5d5d5;right:100%}sqft-calculator .sc__card-guide .circle .line-horizontal:after{border-left:10px solid #d5d5d5;left:100%}sqft-calculator .sc__card-guide .circle .label{right:calc(6% + 4px);top:calc(50% + 2px)}sqft-calculator .sc__card-area{display:flex;justify-content:flex-end;margin-top:40px}sqft-calculator .sc__card-area span{color:#0d0d0d;font-family:PPNeueMontreal-regular,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:18px}sqft-calculator .sc__card-area span[label]{font-family:PPNeueMontreal-bold,sans-serif;font-weight:400}sqft-calculator .sc__total{align-items:center;display:flex;gap:16px;justify-content:flex-end;padding:16px}@media (min-width:768px){sqft-calculator .sc__total{padding:24px}}sqft-calculator .sc__total span:first-child{color:#0d0d0d;font-family:PPNeueMontreal-medium,sans-serif;font-size:18px;font-weight:400;letter-spacing:0;line-height:1}@media (min-width:768px){sqft-calculator .sc__total span:first-child{font-size:24px}}sqft-calculator .sc__total span:last-child{color:#0d0d0d;font-family:PPNeueMontreal-book,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1}@media (min-width:768px){sqft-calculator .sc__total span:last-child{font-size:16px}}sqft-calculator .sc__actions{align-items:center;display:flex;gap:8px;justify-content:flex-start}sqft-calculator .sc__actions button{align-items:center;background-color:transparent;background-color:#0d0d0d;border-radius:22px;border-width:0;color:#f7f7f7;cursor:pointer;display:flex;font-family:inherit;font-family:PPNeueMontreal-regular,sans-serif;font-size:inherit;font-size:14px;font-style:inherit;font-weight:inherit;font-weight:400;gap:4px;height:44px;justify-content:center;letter-spacing:0;line-height:inherit;line-height:100%;padding:0 16px;text-align:left;text-decoration:none;text-shadow:inherit;transition:all .24s ease}sqft-calculator .sc__actions button span{text-decoration:none!important}sqft-calculator .sc__actions button icon-box{height:16px;width:16px}sqft-calculator .sc__actions[hidden]{display:none}sqft-calculator-popover{background:#fff;border:none;border-radius:10px;height:-moz-max-content;height:max-content;margin:auto;max-width:520px;padding:24px;width:-moz-max-content;width:max-content}sqft-calculator-popover p.sc__popover-headline{color:#0d0d0d;font-family:PPNeueMontreal-medium,sans-serif;font-size:20px;font-weight:400;line-height:1.2}sqft-calculator-popover p.sc__popover-message{color:#0d0d0d;font-family:PPNeueMontreal-regular,sans-serif;font-size:16px;font-weight:400;line-height:1.2;margin-top:16px}sqft-calculator-popover button{background-color:transparent;background-color:#0d0d0d;border-radius:50%;border-width:0;color:#fff;cursor:pointer;display:grid;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;height:24px;line-height:inherit;padding:0;place-items:center;position:absolute;right:8px;text-align:left;text-shadow:inherit;top:8px;width:24px}sqft-calculator-popover button icon-box{height:16px;width:16px}sqft-calculator-popover::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,5%,.5);pointer-events:none}