body.has-open-modal{overflow:hidden;position:fixed;width:100%;overscroll-behavior:contain}@media(min-width: 1080px){body.has-open-modal{position:static}}.vl-my-valio-modal{display:flex;justify-content:center;align-items:center}.vl-my-valio-modal__content{display:flex;flex-direction:column;background:var(--color-white);padding-block-start:var(--spacing-48);padding-block-end:var(--spacing-40);padding-inline:var(--spacing-32);width:100%;height:auto;min-height:fit-content;max-height:40vh;max-height:40dvh;border-top-left-radius:1rem;border-top-right-radius:1rem;transition:transform .25s cubic-bezier(0.19, 1, 0.22, 1),opacity .25s cubic-bezier(0.19, 1, 0.22, 1);transform:translateY(100%);pointer-events:none;opacity:0;position:fixed;bottom:0;z-index:9999}@media(min-width: 1080px){.vl-my-valio-modal__content{border-radius:1rem;padding-block-start:var(--spacing-40);width:min(100%,640px);max-height:550px;inset:0;margin:auto}}.vl-my-valio-modal__content.is-open{opacity:1;transform:translateY(0);pointer-events:auto}@media(min-width: 1080px){.vl-my-valio-modal__content.is-open{transform:translateY(-50%)}}.vl-my-valio-modal__content h3{letter-spacing:0;font-size:1.25rem;line-height:1.2;text-transform:none}.vl-my-valio-modal__content p{font-size:1.0625rem;line-height:1.3}.vl-my-valio-modal__close-button{display:none !important;position:absolute;top:1.25rem;right:1.25rem}@media(min-width: 1080px){.vl-my-valio-modal__close-button{display:inline-flex !important}}
.vl-checkbox{position:relative;display:inline-block;width:1.25rem;height:1.25rem;flex-shrink:0}.vl-checkbox__input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer;margin:0}.vl-checkbox__custom-box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px solid var(--valio-ash-gray);border-radius:50%;background-color:var(--color-white);pointer-events:none;position:relative}.vl-checkbox__input:checked+.vl-checkbox__custom-box{background-color:var(--valio-action-blue);border-color:var(--valio-action-blue)}.vl-checkbox__input:checked+.vl-checkbox__custom-box::after{content:"";position:absolute}
.vl-my-valio-modal__content.is-open{opacity:1;transform:translateY(0);pointer-events:auto}@media(min-width: 1080px){.vl-my-valio-modal__content.is-open{transform:translateY(-50%)}}