.valio-newsletter-checkbox .form-checkbox{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;background-color:rgba(0,0,0,0);padding-top:3rem;padding-left:.25rem;padding-right:.25rem}@media(min-width: 782px){.valio-newsletter-checkbox .form-checkbox{padding-top:2.5rem}}.valio-newsletter-checkbox .form-checkbox .form-image{width:5rem;height:5rem;border-radius:5rem}.valio-newsletter-checkbox .form-checkbox .form-image img{width:100%;height:100%;object-fit:contain;object-position:center}.valio-newsletter-checkbox .form-checkbox .form-image svg{width:100%;height:100%}.valio-newsletter-checkbox .form-checkbox__heading{padding:0 .5rem;margin-top:1.5rem;margin-bottom:1rem;font-size:var(--font-size-lg);line-height:1.2;letter-spacing:.0825rem}@media(min-width: 782px){.valio-newsletter-checkbox .form-checkbox__heading{letter-spacing:.075rem;padding:0 1.5625rem}}.valio-newsletter-checkbox .form-checkbox__text{padding:0 .5rem 1.875rem;font-family:var(--font-family-omnes);font-size:.875rem;font-weight:var(--font-weight-regular);line-height:1.2;padding-bottom:1.5rem;margin-bottom:0}@media(min-width: 782px){.valio-newsletter-checkbox .form-checkbox__text{padding:0 1.5625rem 1.875rem}}.valio-newsletter-checkbox .form-checkbox label{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-blue);padding:1.125rem 1rem;margin-top:auto;width:100%;font-family:var(--font-family-omnes);background-color:rgba(0,0,0,0);color:var(--color-brand);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.1;padding:0}.valio-newsletter-checkbox .form-checkbox label input{margin-right:.5rem}.valio-newsletter-checkbox .form-checkbox label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.5rem;height:1.5rem;background-color:var(--color-white);border-radius:.375rem;border:1px solid rgba(97,97,97,.2);cursor:pointer;position:relative;flex-shrink:0;transition:all .2s ease;display:block;align-content:center}.valio-newsletter-checkbox .form-checkbox label input[type=checkbox]:hover{border-color:var(--color-brand)}.valio-newsletter-checkbox .form-checkbox label input[type=checkbox]:checked::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -55%) rotate(45deg);width:6px;height:12px;border:solid var(--color-brand);border-width:0 2.5px 2.5px 0}.valio-newsletter-checkbox .form-checkbox label:hover{cursor:pointer;filter:brightness(1.1)}.valio-newsletter-checkbox .form-checkbox.is-checked label{background-color:var(--color-brand)}