.popularCard{display:flex;justify-content:space-between;text-decoration:none;width:55vw;height:3rem;margin:0 auto;padding:.3rem;background-color:var(--color-dark-background-alt)}.popularCard span{margin:auto 0 auto var(--space-2xs);font-weight:100;font-size:var(--step-1);text-transform:none;text-align:left;line-height:1.4rem}.popularCard img{width:var(--step-1);height:auto;margin:auto var(--space-2xs) auto 0}[theme=lightMode] .popularCard{background-color:var(--color-light-background-alt)}.popularCard:nth-child(3n+1){border-bottom:1px solid var(--color-intinor-green)}.popularCard:nth-child(3n+2){border-bottom:1px solid var(--color-intinor-blue)}.popularCard:nth-child(3n){border-bottom:1px solid var(--color-intinor-red)}.hideOrShowSpan{display:none}.hideOrShowSpan div{position:relative;bottom:20px;width:100%;height:20px;background:linear-gradient(transparent,var(--color-dark-card))}[theme=lightMode] .hideOrShowSpan div{background:linear-gradient(transparent,var(--color-light-card))}.hideOrShowSpan span{position:relative;bottom:20px}.pointerCursor{cursor:pointer}.savedCard{width:calc(var(--space-3xl)*2.5);height:30rem;margin-right:2vw;padding-bottom:2rem;background-color:var(--color-dark-card)}.savedCardButtons{display:grid;grid-template-columns:1fr;height:100%}.savedCard:last-child{margin-right:0}.savedCard>img{width:calc(var(--space-3xl)*2.5);height:12rem;background-color:var(--color-card-background);object-fit:cover}.savedCard a img,.savedCard div img{margin:1rem 1rem 0}.savedCard h4{font-size:1.8rem;font-weight:500;overflow-wrap:break-word;width:calc(var(--space-3xl)*2);padding-left:1rem;margin:16px 0}.savedCard p{color:var(--color-intinor-green);padding-left:16px;margin:0}.savedCardContent{margin-bottom:0;overflow:hidden}.savedCardContent p{margin-top:8px}.savedCardContent ul{margin-top:0;margin-bottom:0}.savedCard span{padding-left:40px}[theme=lightMode] .savedCard{background-color:var(--color-light-card)}[theme=lightMode] .savedCard p{color:var(--color-intinor-green-alt)}[theme=lightMode] .savedCard ul{color:var(--color-light-text)}.hero{position:relative;height:20rem}.hero img{width:100vw;height:100%;object-fit:cover;filter:brightness(50%)}.hero h1{width:100vw;position:absolute;z-index:2;padding:var(--space-l) 0 var(--space-l) 0;top:35%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:var(--space-xl)}.hero span{font-weight:700;font-size:var(--step-3)}.heroColors{display:flex;position:absolute;z-index:1;width:100vw;top:50%;transform:translateY(-50%);filter:brightness(50%)}.heroColors div{width:100vw;height:20rem;z-index:2;opacity:.5}.heroColors div:nth-child(1){background-color:var(--color-intinor-green)}.heroColors div:nth-child(2){background-color:var(--color-intinor-blue)}.heroColors div:nth-child(3){background-color:var(--color-intinor-red)}[theme=lightMode] .hero{color:var(--color-dark-text)}.callToAction,.popular{margin:4rem 0 5rem;text-align:center;line-height:var(--space-s)}.callToAction p,.popular p{width:40rem;margin:0 auto 4rem;font-weight:300;font-size:var(--step--1)}.callToAction a{display:flex;justify-content:space-between;width:calc(var(--space-3xl)*1.8);padding:1rem 3rem;margin:0 auto;background-image:url(/images/icons/addCircleDark.svg);background-repeat:no-repeat;background-position:85% 50%;color:var(--color-intinor-green);font-weight:600;font-size:var(--step-0);text-decoration:none;border:2px solid var(--color-intinor-green)}.callToAction a:hover{background-image:url(/images/icons/addCircleDarkHover.svg);color:var(--color-light-text);background-color:var(--color-intinor-green);transition:background-color .15s linear,color .15s linear,background-image .15s linear}.callToAction img{width:var(--step-0);height:auto;margin:auto 0}[theme=lightMode] .callToAction a{background-image:url(/images/icons/addCircleLight.svg);color:var(--color-intinor-green-alt);border-color:var(--color-intinor-green-alt)}[theme=lightMode] .callToAction a:hover{background-image:url(/images/icons/addCircleLightHover.svg);color:var(--color-dark-text);background-color:var(--color-intinor-green-alt)}.savedTemplates{background-color:var(--color-dark-background-alt);padding-bottom:4rem;height:auto;min-height:10rem}.savedTemplates h3{margin-top:5px}.hasContent{height:45rem}.templatesTitle{margin-left:15%;margin-right:15%;padding:4rem 0 0;display:flex;justify-content:space-between}.carouselContainer{height:34rem;width:70%;position:absolute;overflow:auto;left:15%}.hasContent ::-webkit-scrollbar{width:10px}.hasContent ::-webkit-scrollbar-track{background:var(--color-dark-card)}.hasContent ::-webkit-scrollbar-thumb{background:var(--color-intinor-green);border-radius:4px}.hasContent ::-webkit-scrollbar-thumb:hover{background:var(--color-intinor-green-alt)}.carousel{display:flex;gap:10px;position:absolute;top:0;left:0}[theme=lightMode] .savedTemplates{background-color:var(--color-light-background-alt)}[theme=lightMode] .hasContent ::-webkit-scrollbar-track{background-color:var(--color-light-card);border-color:var(--color-intinor-green-alt)}[theme=lightMode] .hasContent ::-webkit-scrollbar-thumb:hover{background:var(--color-intinor-green)}[theme=lightMode] .hasContent ::-webkit-scrollbar-thumb{background:var(--color-intinor-green-alt)}@media screen and (max-width: 768px){.callToAction p,.popular p{width:80vw}}@media screen and (max-width: 1124px){.templatesTitle{display:block;margin-bottom:1rem}}input[type=checkbox]{width:1.5em;height:1.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-dark-ui);font-size:inherit;border:.15em solid;border-radius:8px;transform:translateY(-.075em)}input[type=checkbox]:checked{background-color:var(--color-intinor-green)}[theme=lightMode] input[type=checkbox]{background-color:var(--color-light-ui);border-color:var(--color-intinor-green-alt)}[theme=lightMode] input[type=checkbox]:checked{background-color:var(--color-intinor-green-alt)}select{width:4rem;height:1.5em;padding-left:.5em;background-color:var(--color-dark-text);font-size:inherit;border-style:none;border-radius:100px;transform:translateY(-.075em)}input[type=number]{width:3.45rem;height:1.35em;padding-left:.5em;font-size:inherit;background-color:var(--color-dark-text);border-radius:100px;border:var(--color-intinor-green-alt) solid 2px;transform:translateY(-.075em)}[theme=dark] input[type=number]{border-color:var(--color-intinor-green)}.questionHeader{width:60vw;margin:10px auto;text-align:center}.questionHeader>p{width:min-content}.questionHeader>h2{font-size:var(--step-3)}.questionHeader>p{font-size:var(--step--1)}.questionContent{display:grid;grid-template-columns:var(--space-2xl) var(--space-xl);align-items:center;justify-items:center}.questionContent :first-child{justify-self:start}.questionDivider{width:0;margin:0;border:1px solid var(--color-intinor-green)}[theme=lightMode] .questionDivider{border:1px solid var(--color-intinor-green-alt)}.contentCenter{padding-top:2rem;padding-bottom:2rem;display:flex;justify-content:center;align-items:center}.questionBoxContent{padding-bottom:2rem}.questionDivider:last-of-type{display:none}@media screen and (max-width: 768px){.questionHeader{width:80vw}}h2{text-align:center}.options>#outerLocationDiv>div{display:flex;flex-direction:column}.questionContent{margin-top:1.5rem}.options .questionContent{justify-items:start}.options #optionsBox .questionContent{margin-top:1.5rem}.addOnResults{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.addOnResults>h3{text-transform:none}.addOnResults>*{display:grid;grid-template-columns:auto auto;align-items:center}.addOnResults>h3{display:block}.turnOffGrid>*{display:flex;flex-direction:column}.addOnResults .questionContent{grid-template-columns:var(--space-3xl) var(--space-xl);margin-left:1.5rem}.contentCenter>.twoLocationHrPlacementOption{position:relative;right:calc(-53% + var(--space-2xl) * 1.19)}.contentCenter>.threeLocationHrPlacementOption{position:relative;right:calc(-45% + var(--space-l) * 1.28)}@media screen and (max-width: 768px){.addOnResults>*{display:flex;flex-direction:column}.options>#outerLocationDiv{display:flex;flex-direction:column-reverse}}.fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}.arrowRight{position:absolute;right:80%}.arrowLeft{position:absolute;left:80%}.dot{height:15px;width:15px;margin:0 2px;margin-top:1rem;display:inline-block;cursor:pointer;background-color:#bbb;border-radius:50%;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.tabField{margin-left:30%;display:flex}.tab{height:2rem;width:23.06%;margin-top:.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--color-dark-background-alt);border:solid;border-width:.15rem;border-color:var(--color-dark-card);transition:background-color .2s ease}.activeLocation{background-color:var(--color-dark-card)}.result{width:60%}.index0,.index1,.index2{display:none}.activeSlide{display:flex}.configurationResults{width:100%;margin-bottom:0%}.configurationResults p{width:100%;margin-bottom:0}.configurationResults p:first-child{margin-top:0}.productRecommendation a{align-self:center}.productRecommendation{margin-bottom:var(--space-s);display:flex}.flipX{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.configurationResults h4{margin:0 1.5rem .5rem;padding-top:1.5rem;overflow-wrap:break-word;background-color:var(--color-dark-card)}[theme=lightMode] .configurationResults h4{background-color:var(--color-light-card)}.configurationInfoBox{width:25%;height:100%;margin-right:5%;background-color:var(--color-dark-card)}.configurationInfoBox ul{height:13rem;min-height:calc(var(--space-3xl) - 2rem);margin-bottom:0;overflow-y:scroll;padding-right:1rem}.configurationProductBox{width:70%;height:fit-content;background-color:var(--color-dark-card)}.configurationProductBox>div{height:12.5rem;overflow-y:scroll;margin:0 0 0 1.5rem;overflow-wrap:break-word;padding-right:1rem}.configurationProductBox a{text-transform:none;text-decoration-line:underline}.configurationProductBox a:hover{color:var(--color-intinor-green)}.configurationProductBox ul{margin-top:0;padding-left:1rem}.configurationProductBox li{list-style:none}.supportNote{margin:0rem 1.5rem 1rem;background-color:var(--color-dark-card)}.columns{display:grid;grid-template-columns:4ch 6ch 1fr}.formFields{margin-top:1rem;display:flex}.formFields>input{width:50%;margin-bottom:5%}.formFields input:first-child{margin-right:5%}.formFields input,form textarea{padding:.5vw 0 .5vw 1vw;font-size:var(--step-0);font-weight:300;font-family:var(--font-primary);color:var(--dark-text);border:3px solid var(--color-intinor-green);background-color:var(--color-dark-card)}form textarea{width:calc(100% - 1vw - 6px);height:12rem;margin-bottom:2%}.productRecommendation ::-webkit-scrollbar{width:10px}.productRecommendation ::-webkit-scrollbar-track{background:var(--color-dark-card)}.productRecommendation ::-webkit-scrollbar-thumb{background:var(--color-intinor-green);border-radius:4px}.productRecommendation ::-webkit-scrollbar-thumb:hover{background:var(--color-intinor-green-alt)}.submitButtonContainer{margin-bottom:4rem}.submitButton{display:block;background:none;border:none;color:var(--dark-text);font-size:var(--step-0)}[theme=lightMode] .formFields input,[theme=lightMode] textarea,[theme=lightMode] .configurationInfoBox,[theme=lightMode] .configurationProductBox,[theme=lightMode] .productRecommendation ::-webkit-scrollbar-track{background-color:var(--color-light-card);border-color:var(--color-intinor-green-alt)}[theme=lightMode] .productRecommendation ::-webkit-scrollbar-thumb:hover{background:var(--color-intinor-green)}[theme=lightMode] .productRecommendation ::-webkit-scrollbar-thumb{background:var(--color-intinor-green-alt)}[theme=lightMode] .tab{background-color:var(--color-light-background-alt);border-color:var(--color-light-card)}[theme=lightMode] .activeLocation{background-color:var(--color-light-card);border-color:var(--color-light-card)}[theme=lightMode] .supportNote{background-color:var(--color-light-card)}@media screen and (max-width: 768px){.activeSlide,.formFields{display:block}.formFields input{width:calc(100% - 1vw - 6px)}.result{width:80%}.arrowRight{right:92%;transform:translateY(-15px) scaleX(-1)}.arrowLeft{left:92%;transform:translateY(-15px)}.configurationResults>div{width:100%}.configurationInfoBox{height:14rem;padding-top:.1rem;margin-bottom:.8rem}.configurationInfoBox ul{height:9.7rem}.tabField{margin-left:0%;display:flex}}@media screen and (max-width: 1126px){.configurationInfoBox ul{height:9.7rem;overflow-wrap:break-word}}.configHero{position:relative;height:5rem;margin-bottom:4rem}.configHero img{width:100vw;height:100%;object-fit:cover;filter:brightness(50%)}.configHeroColors{display:flex;position:absolute;z-index:1;width:100vw;top:50%;transform:translateY(-50%);filter:brightness(50%)}.configHeroColors div{width:100vw;height:5rem;z-index:2;opacity:.5}.configHeroColors div:nth-child(1){background-color:var(--color-intinor-green)}.configHeroColors div:nth-child(2){background-color:var(--color-intinor-blue)}.configHeroColors div:nth-child(3){background-color:var(--color-intinor-red)}[theme=darkMode] button{background-color:var(--color-dark-background);color:var(--color-dark-text);border-color:var(--color-intinor-green)}[theme=darkMode] .resultBox{background-color:var(--color-dark-background-alt)}button{color:var(--color-intinor-green-alt);background-color:var(--color-light-background);border-color:var(--color-intinor-green-alt);border-style:solid;padding:.5rem}button:hover{background-color:var(--color-light-background-alt)}[theme=darkMode] button:hover{background-color:var(--color-dark-background-alt)}.followScroll{position:sticky;position:-webkit-sticky;top:0;z-index:3}[theme=lightMode] .followScroll{background-color:var(--color-light-background)}.locationsField{width:100vw;height:fit-content;position:relative;right:.8rem;padding-bottom:-2px;padding-top:1rem;display:flex;flex-direction:row;justify-content:space-evenly;background-color:var(--color-dark-background)}[theme=lightMode] .locationsField{background-color:var(--color-light-background)}.location{margin:auto auto 0;display:flex;justify-content:center;color:var(--color-dark-text)}.location>div{color:var(--color-dark-text)}.location>:nth-child(3)>button{display:flex;align-items:center;padding:0rem}.location>div>button>span{font-size:.9rem;padding:.5rem}.location:has(.currentLocation)>:nth-child(2)>button{background-color:var(--color-intinor-green-alt);color:var(--color-dark-text)}[theme=darkMode] .location:has(.currentLocation)>:nth-child(2)>button{background-color:var(--color-intinor-green);color:var(--color-light-text)}.locationNameButton{min-width:4rem;max-width:7.5rem;height:100%;padding-left:.7rem;border-bottom:none;overflow-wrap:break-word}.removeLocationButton{height:100%;border-bottom:none;border-left:none}.renameButton{width:1.8rem;height:1.8rem;padding:0rem;border-radius:100%;position:relative;bottom:.8rem;left:.8rem;background-color:var(--color-light-background);color:var(--color-intinor-green-alt)}[theme=darkMode] .renameButton{background-color:var(--color-dark-background)}.material-symbols-outlined{font-size:.95rem;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;padding:.2rem}.toggleSideBySideButton{margin-top:1rem;display:flex;flex-direction:row;align-items:center}.toggleSideBySideButton:has(.toggleColor){background-color:var(--color-intinor-green-alt);color:var(--color-dark-text)}[theme=darkMode] .toggleSideBySideButton:has(.toggleColor){background-color:var(--color-intinor-green);color:var(--color-light-text)}.toggleSideBySideIcon{font-size:2rem;padding:0rem 0rem 0rem .3rem}.greenLine{width:100vw;height:2px;background-color:var(--color-intinor-green-alt)}[theme=darkMode] .greenLine{background-color:var(--color-intinor-green)}.center{display:flex;flex-direction:column;align-items:center}.resultBox{background-color:var(--color-light-background-alt)}.resultBox>h3{margin-top:3rem;text-align:center}.options{display:flex;flex-direction:column}.options>h2{text-align:center}.options .answers{display:grid;grid-template-columns:auto auto;align-items:center}.saveButtonField{margin:0 1.5rem 1.5rem}.resultBox>p{width:40rem;margin:0 auto 1rem;font-weight:300;font-size:var(--step--1);text-align:center}#outerLocationDiv{width:100vw;margin:0 auto;display:flex;flex-direction:row;justify-content:space-evenly}.flexRow{position:relative;left:31vw;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.flexRow>button{height:2.5rem;margin-top:1rem}@media screen and (max-width: 768px){.resultBox>p,.resultBox>h3{width:80vw}.toggleSideBySideButton{display:none}.location{width:10px}}@media screen and (min-width: 769px){.addLocationButton{border-right:none}}.noBg>a{background-image:none}.noBg>a:hover{background-image:none}:root{--step--2: clamp(.7813rem, .7191rem + .3109vi, .96rem);--step--1: clamp(.9375rem, .8462rem + .4565vi, 1.2rem);--step-0: clamp(1.125rem, .9946rem + .6522vi, 1.5rem);--step-1: clamp(1.35rem, 1.1674rem + .913vi, 1.875rem);--step-2: clamp(1.62rem, 1.3683rem + 1.2587vi, 2.3438rem);--step-3: clamp(1.944rem, 1.6012rem + 1.7142vi, 2.9297rem);--step-4: clamp(2.3328rem, 1.8704rem + 2.3118vi, 3.6621rem);--step-5: clamp(2.7994rem, 2.1808rem + 3.0927vi, 4.5776rem);--space-3xs: clamp(.3125rem, .2908rem + .1087vi, .375rem);--space-2xs: clamp(.5625rem, .4973rem + .3261vi, .75rem);--space-xs: clamp(.875rem, .788rem + .4348vi, 1.125rem);--space-s: clamp(1.125rem, .9946rem + .6522vi, 1.5rem);--space-m: clamp(1.6875rem, 1.4918rem + .9783vi, 2.25rem);--space-l: clamp(2.25rem, 1.9891rem + 1.3043vi, 3rem);--space-xl: clamp(3.375rem, 2.9837rem + 1.9565vi, 4.5rem);--space-2xl: clamp(4.5rem, 3.9783rem + 2.6087vi, 6rem);--space-3xl: clamp(6.75rem, 5.9674rem + 3.913vi, 9rem);--font-primary: "Roboto", sans-serif;--font-secondary: Arial, Helvetica, sans-serif;--color-intinor-green: #47B15D;--color-intinor-green-alt: #347F3A;--color-intinor-blue: #5FC5D3;--color-intinor-blue-alt: #2898A9;--color-intinor-red: #ED1C47;--color-light-background: #F5F5F5;--color-light-background-alt: #D9D9D9;--color-dark-background: #333333;--color-dark-background-alt: #1E1E1E;--color-dark-card: #131313;--color-light-card: #FFFFFF;--color-card-background: #595959;--color-dark-ui: #B3B3B3;--color-light-ui: #8E8E8E;--color-light-text: #333333;--color-dark-text: #F5F5F5}html,body,template{margin:0;padding:0;scroll-behavior:smooth;transition:background-color .5s ease;font-family:var(--font-primary);overflow-x:clip}h1,h3,a{text-transform:uppercase}h1{font-weight:900;font-size:var(--step-5)}h2{font-weight:600;font-size:var(--step-1)}h3{font-weight:600;font-size:var(--step-0)}a{text-decoration:none;color:var(--color-dark-text)}[theme=lightMode] a{color:var(--color-light-text)}[theme=lightMode]{background-color:var(--color-light-background);color:var(--color-light-text)}[theme=darkMode]{background-color:var(--color-dark-background);color:var(--color-dark-text)}#app{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.flex{display:flex}.space-between{justify-content:space-between}nav{display:flex;justify-content:space-between;margin:2.5rem 20%}.logo{width:auto;height:2.5rem}nav a{height:2.5rem}.switch{width:5rem;min-width:5rem;height:2.5rem;margin-top:.43rem;border-radius:100px;border-style:none;background-color:var(--color-dark-background);color:#fff;transition:all .5s ease-in-out;transform:translateY(-.25rem)}.switchToggle{width:1.8rem;height:1.8rem;padding:.1rem;border-radius:100px;background-color:var(--color-light-background);transform:translate(1.96rem) translateY(-.25rem)}.switchToggle img{position:absolute;top:12%;left:12%}[theme=darkMode] .switch{background-color:var(--color-light-background)}[theme=darkMode] .switchToggle{background-color:var(--color-dark-background);transform:translate(0);transform:translateY(-.25rem)}@media screen and (max-width: 768px){nav{margin:2.5rem 5%}}.switchAnimation{animation:.5s toggle}@keyframes toggle{0%{padding-left:2.3rem}to{padding-left:.5rem}}.switchAnimationReverse{animation:.5s toggleReverse}@keyframes toggleReverse{0%{transform:translateY(-.3rem)}to{padding-right:-.5rem}}footer{background-color:var(--color-intinor-blue-alt)}footer .contact{width:70vw;height:max-content;padding:2rem 0;margin:0 auto;display:flex;justify-content:space-between}footer p{font-size:var(--step-0)}footer a{height:fit-content;padding:.5rem 1.5rem;margin:auto 0;border:2px solid var(--color-dark-text);font-weight:600;font-size:var(--step--1)}footer a:hover{color:var(--color-intinor-blue);background-color:var(--color-dark-text);transition:background-color .15s linear,color .15s linear}[theme=lightMode] footer,[theme=lightMode] footer a{color:var(--color-dark-text)}@media screen and (max-width: 1124px){footer .contact{padding-top:.5rem;padding-bottom:2rem;text-align:center;display:block}}.toTopDiv{bottom:0;margin-bottom:2vh;margin-right:var(--space-m);display:flex;flex-direction:column;align-self:flex-end;position:fixed}.backToTopBtn{height:var(--space-l);width:var(--space-l);font-size:var(--step-0);display:flex;justify-content:center}.backToHome{height:calc(var(--space-l) - 4px);width:calc(var(--space-l) - 4px);border:2px solid var(--color-intinor-green);border-bottom:none;background-color:var(--color-dark-background);display:flex;justify-content:center}[theme=lightMode] .backToHome{background-color:var(--color-light-background);border-color:var(--color-intinor-green-alt)}.backToHome:hover{background-color:var(--color)}.backToHome:hover{background-color:var(--color-dark-background-alt)}[theme=lightMode] .backToHome:hover{background-color:var(--color-light-background-alt)}.backToHome img{height:var(--step-0);width:var(--step-0);margin-top:auto;margin-bottom:auto}