wp-component[name=BenefitSwitch]{--margin-block: 100px;margin-block:var(--margin-block)}wp-component[name=BenefitSwitch]>.title{grid-column:1/-1;justify-self:center;text-align:center;font-size:32px;font-weight:600;color:var(--color-blue)}@media (min-width: 768px){wp-component[name=BenefitSwitch]>.title{text-align:start}}@media (min-width: 1180px){wp-component[name=BenefitSwitch]>.title{font-size:42px}}wp-component[name=BenefitSwitch] .button-group{grid-column:1/-1;justify-self:center;display:flex;gap:25px;flex-direction:column;margin-block-start:50px}@media (min-width: 1180px){wp-component[name=BenefitSwitch] .button-group{flex-direction:row}}wp-component[name=BenefitSwitch] .table-container{grid-column:1/-1;justify-self:center;background-color:var(--color-gray-light);border-radius:33px;width:100%;padding:15px;margin-block-start:25px}@media (min-width: 768px){wp-component[name=BenefitSwitch] .table-container{padding:50px}}@media (min-width: 1600px){wp-component[name=BenefitSwitch] .table-container{grid-column:3/11}}wp-component[name=BenefitSwitch] .table-container .table{display:flex;flex-direction:column;font-size:18px;gap:50px}@media (min-width: 768px){wp-component[name=BenefitSwitch] .table-container .table{display:grid;grid-template-columns:1fr 1fr}}wp-component[name=BenefitSwitch] .table-container .table[data-active=false]{display:none}wp-component[name=BenefitSwitch] .table-container .table .column{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){wp-component[name=BenefitSwitch] .table-container .table .column{margin-block-start:0}}wp-component[name=BenefitSwitch] .table-container .table .column .head{display:flex;flex-direction:column;margin-block-end:25px;justify-self:start;align-items:center}@media (min-width: 1024px){wp-component[name=BenefitSwitch] .table-container .table .column .head{flex-direction:row}}wp-component[name=BenefitSwitch] .table-container .table .column .head .product-name{padding:10px 25px;border-radius:33px;align-self:center}wp-component[name=BenefitSwitch] .table-container .table .column .head .product-name.con{background-color:var(--color-red-light);color:var(--color-red-dark)}wp-component[name=BenefitSwitch] .table-container .table .column .head .product-name.pro{background-color:var(--color-green-light);color:var(--color-green-dark)}wp-component[name=BenefitSwitch] .table-container .table .column .head .icon{inline-size:20px;block-size:20px;width:60px;height:60px;margin-right:5px}wp-component[name=BenefitSwitch] .table-container .table .column .head .icon-smile{background:url(./icon-smile-d2876579.svg) no-repeat center;background-size:contain}wp-component[name=BenefitSwitch] .table-container .table .column .head .icon-anguish{background:url(./icon-anguish-300fbb82.svg) no-repeat center;background-size:contain}wp-component[name=BenefitSwitch] .product-content{grid-column:1/-1;justify-self:center}wp-component[name=BenefitSwitch] .product-content .product-info{display:flex;align-items:center;margin-block-end:18px;justify-content:center}@media (min-width: 768px){wp-component[name=BenefitSwitch] .product-content .product-info{justify-content:start}}wp-component[name=BenefitSwitch] .product-content .product-info-icon,wp-component[name=BenefitSwitch] .product-content .product-info-icon>span>svg{inline-size:20px;block-size:20px}@media (min-width: 1180px){wp-component[name=BenefitSwitch] .product-content .product-info-icon,wp-component[name=BenefitSwitch] .product-content .product-info-icon>span>svg{inline-size:49px;block-size:49px}}wp-component[name=BenefitSwitch] .product-content .product-info-title{color:var(--color-blue);font-size:var(--font-size-body-medium);font-weight:500;padding-inline:20px 20px}@media (min-width: 1180px){wp-component[name=BenefitSwitch] .product-content .product-info-title{font-size:31px}}wp-component[name=BenefitSwitch] .product-content .product-info-platform{align-items:center;display:flex;gap:5px;margin-block-start:0}wp-component[name=BenefitSwitch] .product-content .product-info-platform .platform{align-items:center;background-color:#f2f2f2;border-radius:22px;display:flex;height:25px;justify-content:center;width:25px;background-color:var(--color-yellow-light)}wp-component[name=BenefitSwitch] .product-content .product-info-platform .platform:after{--icon-color: #fff;background-color:var(--icon-color);content:"";display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}wp-component[name=BenefitSwitch] .product-content .product-info-platform .platform[data-platform=cloud]:after{height:12px;width:14px;mask-image:url(./icon-cloud-c7c1b572.svg);-webkit-mask-image:url(./icon-cloud-c7c1b572.svg)}wp-component[name=BenefitSwitch] .product-content .product-info-platform .platform[data-platform=windows]:after{height:13px;width:13px;mask-image:url(./icon-windows-4444d9d3.svg);-webkit-mask-image:url(./icon-windows-4444d9d3.svg)}wp-component[name=BenefitSwitch] .product-content .product-info-platform .platform[data-platform=web-app]:after{height:13px;width:13px;mask-image:url(./icon-web-2f200baa.svg);-webkit-mask-image:url(./icon-web-2f200baa.svg)}wp-component[name=BenefitSwitch] .product-content .product-info-platform .platform[data-platform=mobile-app]:after{height:14px;width:10px;mask-image:url(./icon-smartphone-fc84803f.svg);-webkit-mask-image:url(./icon-smartphone-fc84803f.svg)}wp-component[name=BenefitSwitch] .product-content .product-info-platform .platform:after{background-color:var(--color-blue)}wp-component[name=BenefitSwitch] .tab-list{display:flex;flex-direction:column;list-style-type:none;row-gap:25px}wp-component[name=BenefitSwitch] .tab-list .tab-list-item{display:grid;grid-template-columns:auto 1fr;color:var(--color-blue);text-wrap:pretty}wp-component[name=BenefitSwitch] .tab-list .tab-list-item.con:before{content:"";background:url(./icon-close-5f6df2c8.svg) no-repeat center;width:16px;height:16px}wp-component[name=BenefitSwitch] .tab-list .tab-list-item.pro:before{content:"";background:url(./icon-check-16f9f115.svg) no-repeat center;width:20px;height:20px}wp-component[name=BenefitSwitch] .tab-list .tab-list-item.con:before,wp-component[name=BenefitSwitch] .tab-list .tab-list-item.pro:before{display:inline-block;margin-right:10px;background-size:contain;transform:translateY(7px)}wp-component[name=BenefitSwitch] .form-container,wp-component[name=BenefitSwitch] .button-container{grid-column:1/-1;max-inline-size:540px;margin-block-start:50px;margin-inline:auto}@media (min-width: 1180px){wp-component[name=BenefitSwitch] .form-container,wp-component[name=BenefitSwitch] .button-container{grid-column:3/span 4;max-inline-size:100%;margin-inline:initial}}@media (min-width: 1600px){wp-component[name=BenefitSwitch] .form-container,wp-component[name=BenefitSwitch] .button-container{grid-column:5/span 4}}wp-component[name=BenefitSwitch] .form-container .form-group,wp-component[name=BenefitSwitch] .button-container .form-group{display:flex;align-items:center;margin-inline:auto;row-gap:0;background-color:#fff;border:1px solid #CBCBCB;border-radius:34px}@media (min-width: 480px){wp-component[name=BenefitSwitch] .form-container .form-group,wp-component[name=BenefitSwitch] .button-container .form-group{display:grid;grid-auto-flow:column;grid-template-columns:1fr max-content;margin-inline:initial}}wp-component[name=BenefitSwitch] .form-container .form-group>label,wp-component[name=BenefitSwitch] .button-container .form-group>label{font-size:0}wp-component[name=BenefitSwitch] .form-container .form-group>input[type=email],wp-component[name=BenefitSwitch] .button-container .form-group>input[type=email]{background:transparent;border:none;border-radius:34px;padding:10px 0 10px 15px;margin-right:auto;max-inline-size:145px}@media (min-width: 480px){wp-component[name=BenefitSwitch] .form-container .form-group>input[type=email],wp-component[name=BenefitSwitch] .button-container .form-group>input[type=email]{padding:15px 25px;grid-column:1;grid-row:1;inline-size:100%;max-inline-size:initial}}wp-component[name=BenefitSwitch] .form-container .form-group>input[type=email]::placeholder,wp-component[name=BenefitSwitch] .button-container .form-group>input[type=email]::placeholder{text-align:left;color:#6d6d6d;font-size:var(--font-size-body-small)}@media (min-width: 480px){wp-component[name=BenefitSwitch] .form-container .form-group>input[type=email]::placeholder,wp-component[name=BenefitSwitch] .button-container .form-group>input[type=email]::placeholder{font-size:var(--font-size-body-medium)}}wp-component[name=BenefitSwitch] .form-container .form-group>input[type=email]:focus,wp-component[name=BenefitSwitch] .button-container .form-group>input[type=email]:focus{outline:none;background:RGBA(242,242,242,1);background:linear-gradient(90deg,rgb(242,242,242) 75%,rgba(255,255,255,0) 100%)}wp-component[name=BenefitSwitch] .form-container .form-group>input[type=email] input:not(:placeholder-shown),wp-component[name=BenefitSwitch] .button-container .form-group>input[type=email] input:not(:placeholder-shown){background:red}wp-component[name=BenefitSwitch] .form-container .form-group>.button,wp-component[name=BenefitSwitch] .button-container .form-group>.button{--button-padding-block: 5px;--button-border-radius: 28px;font-size:var(--font-size-body-small);inline-size:max-content;padding-inline:5px;margin-block:5px;margin-inline-end:6px;text-wrap:nowrap}@media (min-width: 1180px){wp-component[name=BenefitSwitch] .form-container .form-group>.button,wp-component[name=BenefitSwitch] .button-container .form-group>.button{--button-padding-block: 15px}}@media (min-width: 480px){wp-component[name=BenefitSwitch] .form-container .form-group>.button,wp-component[name=BenefitSwitch] .button-container .form-group>.button{--button-padding-block: 10px;padding-inline:25px;grid-column:2;grid-row:1;inline-size:initial;font-size:var(--font-size-body-medium)}}wp-component[name=BenefitSwitch] .form-container .form-error,wp-component[name=BenefitSwitch] .button-container .form-error{color:var(--color-red);display:none;font-size:var(--font-size-body-xsmall);margin-block-end:6px;padding-inline:25px}wp-component[name=BenefitSwitch] .form-container .form-error[data-has-error=true],wp-component[name=BenefitSwitch] .button-container .form-error[data-has-error=true]{display:block}wp-component[name=BenefitSwitch] .form-container .form-info,wp-component[name=BenefitSwitch] .button-container .form-info{align-items:center;color:var(--text-color);display:flex;gap:12px;justify-content:center;margin-block-start:20px;padding-inline:12px}@media (min-width: 1180px){wp-component[name=BenefitSwitch] .form-container .form-info,wp-component[name=BenefitSwitch] .button-container .form-info{justify-content:start}}wp-component[name=BenefitSwitch] .form-container .form-info>p,wp-component[name=BenefitSwitch] .button-container .form-info>p{text-align:left;font-size:var(--font-size-body-small);text-wrap:balance}wp-component[name=BenefitSwitch] .button-container{display:flex;justify-content:center}