https://upkeep.com/8381-862a55994b91ae2be90f.js

1"use strict";(self.webpackChunkupkeep_marketing_site=self.webpackChunkupkeep_marketing_site||[]).push([[8381],{78381:function(e,t,i){i.r(t),i.d(t,{default:function(){return L}});var l=i(67294),n=i(14670),a=i.n(n),o=i(27951);const d=o.default.section.withConfig({displayName:"OffsetSwitcherstyled__SwitcherContainer",componentId:"sc-6rf0x7-0"})(["width:100%;height:auto;padding:96px 0px;@media (max-width:768px){padding:64px 0px;}.show{animation:fadeIn 1.75s;@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}}.hide{display:none;}"]);var r=i(41336),p=i(28982);const s=o.default.div.withConfig({displayName:"Togglestyled__ToggleSwitchContainer",componentId:"sc-1nnbnof-0"})(["height:64px;padding:5px;width:269px;position:relative;margin:0 auto 16px auto;input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:100;}label{background:#ffffff;border:1px solid #e9eaed;border-radius:12px;display:block;height:100%;position:relative;transition:all 0.5s ease;width:100%;}label .toggle-toggle{display:block;height:calc(100% - 10px);left:6px;position:absolute;top:6px;transition:all 0.5s ease;width:47%;z-index:3;}label .toggle-toggle:before{align-items:center;background:",";border-radius:12px;bottom:0;box-shadow:0 3px 6px 1px rgba(160,161,188,0.35);content:'';display:flex;height:100%;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:-2px;transition:all 0.5s ease;width:auto;}label .toggle-toggle:before p{color:#ffffff;}input:checked ~ label .toggle-toggle{left:50%;}.toggle-title{color:#7e828a;"," text-align:center;z-index:9;margin:0;}.toggle-title.selected{color:",";}.toggle-title-container{align-items:center;display:flex;height:100%;justify-content:center;width:50%;}.toggle-titles{height:100%;display:flex;}@media (max-width:576px){.toggle-title{padding:0 10px;}}"],r.$.primary[900],(0,p.LZ)("text","sm","700"),r.$.common.white);var c=e=>{let{categories:t,handleToggle:i,selectedCategory:n}=e;return l.createElement(s,null,l.createElement("input",{type:"checkbox",onChange:()=>i()}),l.createElement("label",null,l.createElement("div",{className:"toggle-titles"},t.map(((e,t)=>l.createElement("div",{className:"toggle-title-container",key:`toggle-title-container-${t}`},l.createElement("p",{className:"toggle-title "+(t===n?"selected":"")},null==e?void 0:e.categoryTitle))))),l.createElement("div",{className:"toggle-toggle"})))},m=i(17493);const g=o.default.button.withConfig({displayName:"Cardstyled__Frame",componentId:"sc-1b934so-0"})(["display:flex;flex-direction:column;padding:24px;width:100%;height:100%;background:transparent;border:none;text-align:start;border:1px solid transparent;&:focus{cursor:pointer;background:#ffffff;box-shadow:0px 2px 40px rgba(10,16,34,0.1);border:1px solid transparent;outline:none;border-radius:8px;}&:active{cursor:pointer;background:#ffffff;box-shadow:0px 2px 40px rgba(10,16,34,0.1);border:none;outline:none;border-radius:8px;}&:hover{background:#fafbfc;border:1px solid #eceef6;box-sizing:border-box;border-radius:8px;}@media (max-width:576px){height:auto;min-width:285px;padding:24px;background:#fafbfc;border:1px solid #eceef6;box-sizing:border-box;border-radius:8px;margin:0px 12px 0px 12px;}"]),u=o.default.h4.withConfig({displayName:"Cardstyled__CardHeading",componentId:"sc-1b934so-1"})(["color:",";"," margin-left:8px;@media (max-width:577px){font-size:18px;line-height:24px;}"],r.$.darkBlue[900],(0,p.LZ)("display","xs","500")),x=o.default.div.withConfig({displayName:"Cardstyled__HeadingWrapper",componentId:"sc-1b934so-2"})(["display:flex;align-items:center;margin-bottom:8px;"]),h=o.default.p.withConfig({displayName:"Cardstyled__Subhead",componentId:"sc-1b934so-3"})(["color:",";",";"],r.$.darkBlue[600],(0,p.LZ)("text","lg","400")),f=o.default.div.withConfig({displayName:"Cardstyled__IconContainer",componentId:"sc-1b934so-4"})(["display:flex;justify-content:center;align-items:center;min-width:34px;min-height:31px;background:",";border-radius:8px;svg{color:#fff;}"],r.$.primary[700]);var b=e=>{let{card:t,id:i,onCategoryClick:n}=e;return l.createElement(g,{onClick:()=>n(i)},l.createElement(x,null,l.createElement(f,null,l.createElement(m.Z,{id:null==t?void 0:t.fontAwesomeIcon,fillColor:r.$.common.white,width:"16px",height:"16px"})),l.createElement(u,null,null==t?void 0:t.heading)),l.createElement(h,null,null==t?void 0:t.subhead))},y=i(20446);const w=o.default.div.withConfig({displayName:"Slidestyled__SlideContainer",componentId:"sc-1011rq6-0"})(["display:flex;flex-direction:column;width:470px;@media (max-width:992px){flex-direction:row-reverse;width:100%;min-height:390px;margin:0 auto;}@media (max-width:576px){flex-direction:column-reverse;align-items:center;}"]),v=o.default.div.withConfig({displayName:"Slidestyled__TextWrapper",componentId:"sc-1011rq6-1"})(["display:flex;flex-direction:column;@media (max-width:992px){width:90%;padding:56px 0px;}@media (max-width:576px){padding-top:0;padding-bottom:48px;}"]),C=o.default.h5.withConfig({displayName:"Slidestyled__Heading",componentId:"sc-1011rq6-2"})(["color:",";"," margin-top:32px;"],r.$.darkBlue[900],(0,p.LZ)("display","xs","500")),k=o.default.p.withConfig({displayName:"Slidestyled__Text",componentId:"sc-1011rq6-3"})(["color:",";"," margin-bottom:16px;"],r.$.darkBlue[600],(0,p.LZ)("text","lg","400")),_=o.default.div.withConfig({displayName:"Slidestyled__ImgWrapper",componentId:"sc-1011rq6-4"})(["width:100%;"]),E=o.default.img.withConfig({displayName:"Slidestyled__Img",componentId:"sc-1011rq6-5"}

1)(["height:auto;max-width:100%;"]),N=`\n  width: fit-content;\n  position: relative;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 15px;\n  line-height: 15px;\n  color: ${r.$.primary[900]};\n  &:hover {\n    color: ${r.$.primary[900]};\n  }\n  &:after {\n    position: absolute;\n    content: '';\n    top: 50%;\n    margin: auto;\n    right: -16px;\n    transform: translateY(-50%) rotate(45deg);\n    transform-origin: bottom;\n    width: 6px;\n    height: 6px;\n    border-top: 2px solid ${r.$.primary[900]};\n    border-right: 2px solid ${r.$.primary[900]};\n    transition: all 0.3s ease;\n  }\n  &:before {\n    position: absolute;\n    content: '';\n    top: 50%;\n    left: calc(100% + 13px);\n    width: 0;\n    opacity: 0;\n    border-bottom: 2px solid ${r.$.primary[900]};\n  }\n`;var I=e=>{var t,i,n,a,o,d;let{slide:r,active:p,id:s}=e;return l.createElement(w,{className:p===s?"show":"hide"},l.createElement(_,null,l.createElement(E,{src:null==r||null===(t=r.image)||void 0===t||null===(i=t.image)||void 0===i?void 0:i.url,alt:(null==r||null===(n=r.image)||void 0===n?void 0:n.alt)||(null==r?void 0:r.heading)})),l.createElement(v,null,l.createElement(C,null,null==r?void 0:r.heading),l.createElement(k,null,null==r?void 0:r.description),(null==r||null===(a=r.callToAction)||void 0===a?void 0:a.url)&&l.createElement(y.Z,{url:null==r||null===(o=r.callToAction)||void 0===o?void 0:o.url,label:null==r||null===(d=r.callToAction)||void 0===d?void 0:d.label,styles:N})))};const $=o.default.div.withConfig({displayName:"Categorystyled__CategoryContainer",componentId:"sc-zxi8yg-0"})(["display:flex;width:100%;max-width:1170px;margin:0 auto;@media (max-width:1170px){max-width:992px;}@media (max-width:992px){flex-direction:column;max-width:770px;}@media (max-width:770px){max-width:576px;}"]),S=o.default.div.withConfig({displayName:"Categorystyled__CardContainer",componentId:"sc-zxi8yg-1"})(["display:grid;grid-template-columns:285px 285px;grid-template-rows:auto;column-gap:24px;row-gap:24px;grid-template-areas:'card card';margin:0 auto;padding:0px 40px;@media (max-width:992px){grid-template-columns:370px 370px;}@media (max-width:770px){grid-template-columns:285px 285px;}@media (max-width:577px){display:flex;height:100%;overflow:scroll;margin:0px;padding:32px 0;column-gap:0px;&::-webkit-scrollbar{width:0;background:transparent;}&::-webkit-scrollbar-thumb{background:transparent;}}"]);var B=e=>{let{item:t}=e;const{0:i,1:n}=(0,l.useState)(0),o=e=>{n(e)};return l.createElement($,null,l.createElement(S,null,null==t?void 0:t.offsetSwitcherSlides.map(((e,t)=>l.createElement(b,{key:a().generate(),card:e,id:t,onCategoryClick:o})))),null==t?void 0:t.offsetSwitcherSlides.map(((e,t)=>l.createElement(I,{key:a().generate(),slide:e,active:i,id:t}))))};const Z=o.default.div.withConfig({displayName:"Headerstyled__Container",componentId:"sc-1hfsuiz-0"})(["width:100%;max-width:840px;height:auto;text-align:center;padding:0px 35px;margin:0px auto;.kicker{color:",";","}.heading{color:",";",";@media (max-width:575px){",";}}.subhead{color:",";",";margin-bottom:24px;}"],r.$.primary[700],(0,p.LZ)("overline","lg","500"),r.$.darkBlue[900],(0,p.LZ)("display","lg","500"),(0,p.LZ)("display","md","500"),r.$.darkBlue[600],(0,p.LZ)("text","lg","400")),z=o.default.div.withConfig({displayName:"Headerstyled__Buttons",componentId:"sc-1hfsuiz-1"})(["width:100%;height:auto;display:flex;align-items:center;justify-content:center;margin-bottom:64px;.button{display:flex;justify-content:center;align-items:center;padding:12px 24px;width:auto;height:45px;border-radius:4px;margin:0px 12px;font-style:normal;font-weight:bold;font-size:16px;line-height:21px;text-align:center;}@media (max-width:575px){flex-direction:column;.button{width:100%;margin:0px;}.button:first-child{margin-bottom:16px;}}"]);var T=e=>{var t,i,n,a;let{component:o}=e;return null!=o&&o.headingKicker||null!=o&&o.heading||null==o||!o.subhead?l.createElement(Z,null,(null==o?void 0:o.headingKicker)&&l.createElement("h5",{className:"kicker"},null==o?void 0:o.headingKicker),(null==o?void 0:o.heading)&&l.createElement("h2",{className:"heading"},null==o?void 0:o.heading),(null==o?void 0:o.subhead)&&l.createElement("p",{className:"subhead"},null==o?void 0:o.subhead),null!=o&&o.primaryButton||null!=o&&o.secondaryButton?l.createElement(z,null,l.createElement(y.Z,{variant:"Primary",classes:"button",url:null==o||null===(t=o.primaryButton)||void 0===t?void 0:t.url,label:null==o||null===(i=o.primaryButton)||void 0===i?void 0:i.label}),l.createElement(y.Z,{variant:"Secondary",classes:"button",url:null==o||null===(n=o.secondaryButton)||void 0===n?void 0:n.url,label:null==o||null===(a=o.secondaryButton)||void 0===a?void 0:a.label})):null):null};var L=e=>{let{component:t}=e;const{0:i,1:n}=(0,l.useState)(0);return l.createElement(d,null,l.createElement(T,{component:t}),l.createElement(c,{categories:null==t?void 0:t.offsetSwitcherCategories,handleToggle:e=>{n(e||(0===i?1:0))},selectedCategory:i}),null==t?void 0:t.offsetSwitcherCategories.map(((e,t)=>l.createElement("div",{key:a().generate(),className:i===t?"show":"hide"},l.createElement(B,{item:{...e,index:t}})))))}}}]);
2//# sourceMappingURL=8381-862a55994b91ae2be90f.js.map