wp-component[name=BenefitSwitch]{--bg-color: rgba(255,255,255, 0)}wp-component[name=BenefitSwitch]>.title{color:var(--text-primary-base);grid-column:1/-1;justify-self:center;text-align:center;margin-block-end:var(--spacing-scalable-s)}wp-component[name=BenefitSwitch] .button-wrapper{grid-column:1/-1;justify-self:center}wp-component[name=BenefitSwitch] .table-container{background-color:var(--surface-primary-transparent-base);border-radius:var(--radius-non-scalable-s);grid-column:1/-1;justify-self:center;margin-block-end:var(--spacing-non-scalable-m);padding:var(--spacing-scalable-l);width:100%}@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;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{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-non-scalable-xs);margin-block-end:var(--spacing-non-scalable-m);justify-self:start}@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{align-self:center;border-radius:var(--radius-non-scalable-round);padding:var(--spacing-non-scalable-xs) var(--spacing-non-scalable-m)}wp-component[name=BenefitSwitch] .table-container .table .column .head .product-name.con{background-color:var(--surface-system-error-inversed);color:var(--on-surface-text-system-error)}wp-component[name=BenefitSwitch] .table-container .table .column .head .product-name.pro{background-color:var(--surface-system-success-inversed);color:var(--on-surface-text-system-success)}wp-component[name=BenefitSwitch] .table-container .table .column .head .icon{width:62px;height:62px}wp-component[name=BenefitSwitch] .table-container .table .column .head .icon-smile{background:url(./icon-smile-d2876579.svg) no-repeat center;background-size:contain;background-position:50% 0%}wp-component[name=BenefitSwitch] .table-container .table .column .head .icon-anguish{background:url(./icon-anguish-300fbb82.svg) no-repeat center;background-size:contain;background-position:50% 0%}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:var(--spacing-non-scalable-m)}wp-component[name=BenefitSwitch] .tab-list .tab-list-item{display:grid;gap:var(--spacing-non-scalable-m);grid-template-columns:auto 1fr;text-wrap:pretty}wp-component[name=BenefitSwitch] .tab-list .tab-list-item>span{background-color:var(--surface-neutral-base-inversed);block-size:24px;border-radius:var(--radius-non-scalable-round);display:grid;inline-size:24px;padding:4px;place-items:center}wp-component[name=BenefitSwitch] .tab-list .tab-list-item>span>svg{block-size:18px;inline-size:18px}wp-component[name=BenefitSwitch] .tab-list .tab-list-item.pro>span{color:var(--text-system-success-lighter)}wp-component[name=BenefitSwitch] .tab-list .tab-list-item.con>span{color:var(--text-system-error)}wp-component[name=BenefitSwitch] .tab-list .tab-list-item strong{color:var(--text-primary-base);font-weight:600}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}