wp-component[name=BlockTestBanner]{--bg-color: #fff;background-color:var(--bg-color);padding-block:50px}@media (min-width: 768px){wp-component[name=BlockTestBanner]{padding-block:100px}}wp-component[name=BlockTestBanner] .content{grid-column:1/-1;display:flex;flex-direction:column;justify-content:start;align-items:center;text-align:left}@media (min-width: 768px){wp-component[name=BlockTestBanner] .content{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1600px){wp-component[name=BlockTestBanner] .content{grid-column:2/12}}wp-component[name=BlockTestBanner] .content .image{margin:auto}wp-component[name=BlockTestBanner] .content .image>img{max-width:500px;position:relative;bottom:20px}wp-component[name=BlockTestBanner] .content .right-content{display:flex;flex-direction:column;padding:25px}wp-component[name=BlockTestBanner] .content .right-content .product-content{margin-block-end:15px;font-family:var(--font-family-heading)}wp-component[name=BlockTestBanner] .content .right-content .product-content .product-title{color:var(--color-blue);font-size:var(--font-size-h7);font-weight:700}wp-component[name=BlockTestBanner] .content .right-content .headline{color:var(--color-blue);font-family:var(--font-family-heading);font-size:var(--font-size-h7);font-weight:700;margin-bottom:15px}wp-component[name=BlockTestBanner] .content .right-content .text{margin-block-end:25px;font-size:16px;line-height:1rem;text-wrap:pretty;color:#000}wp-component[name=BlockTestBanner] .content .right-content .text ul,wp-component[name=BlockTestBanner] .content .right-content .text ol{margin-block-start:15px}wp-component[name=BlockTestBanner] .content .right-content .text ul li::marker,wp-component[name=BlockTestBanner] .content .right-content .text ol li::marker{font-weight:700}wp-component[name=BlockTestBanner] .form-container{max-inline-size:540px;margin-inline:auto}@media (min-width: 1180px){wp-component[name=BlockTestBanner] .form-container{max-inline-size:600px;margin-inline:initial}}wp-component[name=BlockTestBanner] .form-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=BlockTestBanner] .form-container .form-group{display:grid;grid-auto-flow:column;grid-template-columns:1fr max-content;margin-inline:initial}}wp-component[name=BlockTestBanner] .form-container .form-group>label{font-size:0}wp-component[name=BlockTestBanner] .form-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=BlockTestBanner] .form-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=BlockTestBanner] .form-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=BlockTestBanner] .form-container .form-group>input[type=email]::placeholder{font-size:var(--font-size-body-medium)}}wp-component[name=BlockTestBanner] .form-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=BlockTestBanner] .form-container .form-group>input[type=email] input:not(:placeholder-shown){background:red}wp-component[name=BlockTestBanner] .form-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=BlockTestBanner] .form-container .form-group>.button{--button-padding-block: 15px}}@media (min-width: 480px){wp-component[name=BlockTestBanner] .form-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=BlockTestBanner] .form-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=BlockTestBanner] .form-container .form-error[data-has-error=true]{display:block}wp-component[name=BlockTestBanner] .form-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=BlockTestBanner] .form-container .form-info{justify-content:start}}wp-component[name=BlockTestBanner] .form-container .form-info>p{text-align:left;font-size:var(--font-size-body-small);text-wrap:balance}wp-component[name=BlockTestBanner] .form-container .form-error{text-align:left}wp-component[name=BlockTestBanner] .form-container .form-info{color:#000000b3}wp-component[name=BlockTestBanner] .form-container .form-info>p{text-wrap:wrap}wp-component[name=BlockTestBanner] .button-container{display:flex}
