.vl-full-screen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--my-valio-background-color, #FFFFFF);z-index:999999}
.vl-my-valio-error-toast{position:fixed;top:2rem;right:2rem;padding:1rem 3rem;background:var(--color-primary);border-radius:2rem;z-index:9999}.vl-my-valio-error-toast>p{margin:0;color:#fff;font-weight:bold}.vl-my-valio-error-toast__close-button{position:absolute;top:.5rem;right:.75rem;background:rgba(0,0,0,0);border:none;color:#fff;font-size:1.5rem;cursor:pointer}
@keyframes skeleton-shimmer{0%{background-position:-470px 0}100%{background-position:470px 0}}.skeleton-loader{background:linear-gradient(to right, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);background-size:1200px 100%;animation:skeleton-box-shimmer 1.5s linear infinite;border-radius:.5rem}.skeleton-grid-card{background-color:#f5f5f5;border-radius:.5rem;overflow:hidden;aspect-ratio:1}.skeleton-grid-card__image{border-radius:.5rem;width:100%;height:auto;aspect-ratio:163/117}.skeleton-grid-card__info{width:90%;margin-inline:auto}.skeleton-grid-card__title{width:80%;height:1rem;margin-block-start:.5rem;margin-block-end:.375rem}.skeleton-grid-card__count{width:50%;height:.675rem}
@keyframes skeleton-shimmer{0%{background-position:-470px 0}100%{background-position:470px 0}}.skeleton-loader{background:linear-gradient(to right, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33%);background-size:1200px 100%;animation:skeleton-box-shimmer 1.5s linear infinite;border-radius:.5rem}
.vl-loading-spinner{transform-origin:center;animation:vl-spinner-360 .75s infinite linear}@keyframes vl-spinner-360{100%{transform:rotate(360deg)}}
.recipe-folder-card--error{border:2px dashed #d63638;background-color:#fef2f2;color:#9b2c2c;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.recipe-folder-card--error .recipe-folder-card__image{display:none}.recipe-folder-card--error .recipe-folder-card__info{text-align:center;width:100%;padding:1rem}.recipe-folder-card--error .recipe-folder-card__title{color:#c53030;margin-bottom:.5rem}.recipe-folder-card--error .recipe-folder-card__error-message{margin:0}.recipe-folder-card--error .recipe-folder-card__retry-button{margin-top:1rem;padding:.5rem 1rem;border:1px solid #e2e8f0;background-color:#fff;color:#2d3748;cursor:pointer;border-radius:4px;font-weight:600}.recipe-folder-card--error .recipe-folder-card__retry-button:hover{background-color:#f7fafc}
.recipe-folder-card{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;isolation:isolate}.recipe-folder-card:hover{transform:translateY(-5px);filter:unset}.recipe-folder-card:focus-visible{outline:2px solid var(--valio-action-blue);outline-offset:2px;transition:none}@media(min-width: 600px){.recipe-folder-card{aspect-ratio:277/284}}.recipe-folder-card__image{background-color:#e9ecef;border-radius:.5rem;width:100%;height:auto;object-fit:cover;object-position:center center;aspect-ratio:163/117}@media(min-width: 782px){.recipe-folder-card__image{aspect-ratio:277/207}}.recipe-folder-card__title{font-size:1rem;font-weight:600;text-transform:none;letter-spacing:normal;margin-block-start:.5rem;margin-block-end:.375rem;hyphens:auto;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.recipe-folder-card__count{font-size:.875rem;font-weight:325;line-height:125%;letter-spacing:-0.42px;color:#616161}
.recipe-folder-card--add-new{border:1px dashed #204dc6;background-color:rgba(0,0,0,0);align-items:center;justify-content:center;color:#204dc6;box-shadow:none;height:100%}.recipe-folder-card--add-new:hover{background-color:#e7f5ff}@media(max-width: 320px){.recipe-folder-card--add-new{min-height:12rem}}
.recipe-folder-grid{display:grid;grid-template-columns:repeat(2, 1fr);justify-content:center;row-gap:1.5rem;column-gap:.75rem}@media(min-width: 782px){.recipe-folder-grid{grid-template-columns:repeat(3, minmax(0, 1fr));row-gap:2rem;column-gap:1.5rem}}@media(min-width: 1080px){.recipe-folder-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(max-width: 320px){.recipe-folder-grid{grid-template-columns:1fr}}
.vl-my-valio-button-circle{--_text-color: var(--valio-pure-white);--_background-color: var(--valio-action-blue);--_border-color: var(--valio-action-blue);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;width:2.875rem;height:auto;font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1.1;letter-spacing:.0088rem;text-transform:uppercase;color:var(--_text-color);background-color:var(--_background-color);border-radius:50%;border:none;aspect-ratio:1;padding:0;margin:0;transition:all .25s cubic-bezier(0.19, 1, 0.22, 1);cursor:pointer}.vl-my-valio-button-circle:focus-visible{outline:2px solid var(--valio-action-blue);outline-offset:2px;transition:none}.vl-my-valio-button-circle.is-size-sm{width:1.875rem;padding:.25rem .5rem}.vl-my-valio-button-circle:hover,.vl-my-valio-button-circle:active{--_text-color: var(--valio-pure-white);--_background-color: var(--valio-action-blue);--_border-color: var(--valio-action-blue);filter:brightness(1.1)}.vl-my-valio-button-circle:hover svg path,.vl-my-valio-button-circle:active svg path{stroke:var(--_text-color)}.vl-my-valio-button-circle:disabled{opacity:.5;pointer-events:none;color:var(--color-gray-500)}.vl-my-valio-button-circle:disabled svg path{stroke:var(--color-gray-500)}.vl-my-valio-button-circle:disabled{pointer-events:none;cursor:default}.vl-my-valio-button-circle--secondary{--_text-color: var(--color-brand);--_background-color: var(--valio-pure-white);--_border-color: var(--valio-pure-white)}
.vl-my-valio-button-dashed{display:inline-flex;align-self:center;justify-content:center;align-items:center;gap:.375rem;flex-shrink:0;font-size:1rem;color:var(--color-brand);line-height:1.2;font-weight:var(--font-weight-medium);letter-spacing:.0088rem;background-color:rgba(0,0,0,0);transition:all .25s cubic-bezier(0.19, 1, 0.22, 1);border:1px dashed;border-color:rgba(97,97,97,.45);border-radius:.5rem;padding:.875rem 1rem;cursor:pointer;width:100%;height:3.5rem}.vl-my-valio-button-dashed:focus-visible{outline:2px solid var(--valio-action-blue);outline-offset:2px;transition:none}.vl-my-valio-button-dashed:hover{border-color:var(--color-brand)}
.vl-link-button{--_text-color: var(--valio-pure-white);--_background-color: var(--valio-action-blue);--_border-color: var(--valio-action-blue);display:inline-flex;flex-shrink:0;align-items:center;align-self:center;gap:.375rem;width:max-content;height:2.4375rem;font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.0088rem;text-transform:uppercase;color:var(--_text-color);background-color:var(--_background-color);border-radius:1.5rem;border:2px solid var(--_border-color);padding:.75rem 1.375rem;transition:all .25s cubic-bezier(0.19, 1, 0.22, 1);cursor:pointer}.vl-link-button:focus-visible{outline:2px solid var(--valio-action-blue);outline-offset:2px;transition:none}.vl-link-button.is-size-sm{font-size:.875rem;padding:.25rem .5rem}.vl-link-button:hover,.vl-link-button:active{--_text-color: var(--valio-pure-white);--_background-color: var(--valio-action-blue);--_border-color: var(--valio-action-blue);filter:brightness(1.1)}.vl-link-button:hover svg path,.vl-link-button:active svg path{stroke:var(--_text-color)}.vl-link-button:disabled{opacity:.5;pointer-events:none;color:var(--color-gray-500)}.vl-link-button:disabled svg path{stroke:var(--color-gray-500)}.vl-link-button:disabled{pointer-events:none;cursor:default}.vl-link-button--secondary{--_text-color: var(--color-brand);--_background-color: var(--valio-pure-white);--_border-color: var(--valio-pure-white)}.vl-link-button--outline{--_text-color: var(--valio-action-blue);--_background-color: var(--valio-pure-white);--_border-color: var(--valio-action-blue)}.vl-link-button--text{--_text-color: var(--valio-action-blue);--_background-color: transparent;--_border-color: transparent;padding:0}.vl-link-button--text:hover,.vl-link-button--text:active{--_text-color: $button-primary-hover;--_background-color: transparent;--_border-color: transparent}
.vl-my-valio-button-pill{--_text-color: var(--valio-pure-white);--_background-color: var(--valio-action-blue);--_border-color: var(--valio-action-blue);display:inline-flex;flex-shrink:0;align-items:center;align-self:center;gap:.375rem;width:max-content;height:2.4375rem;font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.0088rem;text-transform:uppercase;color:var(--_text-color);background-color:var(--_background-color);border-radius:1.5rem;border:2px solid var(--_border-color);padding:.75rem 1.375rem;transition:all .25s cubic-bezier(0.19, 1, 0.22, 1);cursor:pointer}.vl-my-valio-button-pill:focus-visible{outline:2px solid var(--valio-action-blue);outline-offset:2px;transition:none}.vl-my-valio-button-pill.is-size-sm{font-size:.875rem;padding:.25rem .5rem}.vl-my-valio-button-pill:hover,.vl-my-valio-button-pill:active{--_text-color: var(--valio-pure-white);--_background-color: var(--valio-action-blue);--_border-color: var(--valio-action-blue);filter:brightness(1.1)}.vl-my-valio-button-pill:hover svg path,.vl-my-valio-button-pill:active svg path{stroke:var(--_text-color)}.vl-my-valio-button-pill:disabled{opacity:.7;pointer-events:none;color:#fff;background-color:#204cc5}.vl-my-valio-button-pill:disabled svg path{stroke:unset}.vl-my-valio-button-pill:disabled{pointer-events:none;cursor:default}.vl-my-valio-button-pill--secondary{--_text-color: var(--color-brand);--_background-color: var(--valio-pure-white);--_border-color: var(--valio-pure-white)}.vl-my-valio-button-pill--outline{--_text-color: var(--valio-action-blue);--_background-color: var(--valio-pure-white);--_border-color: var(--valio-action-blue)}.vl-my-valio-button-pill--text{--_text-color: var(--valio-action-blue);--_background-color: transparent;--_border-color: transparent;padding:0;height:fit-content}.vl-my-valio-button-pill--text:hover,.vl-my-valio-button-pill--text:active{--_text-color: $button-primary-hover;--_background-color: transparent;--_border-color: transparent}.vl-my-valio-button-pill--text:disabled{opacity:1;pointer-events:none;cursor:default;background-color:rgba(0,0,0,0);color:var(--color-gray-500)}.vl-my-valio-button-pill--text:disabled svg path{stroke:var(--color-gray-500)}
.vl-my-valio-button-close{display:inline-flex;align-items:center;justify-content:center;background-color:var(--valio-natural-white);border:none;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(0,0,0,0);transition:.25s ease-in-out}.vl-my-valio-button-close:focus-visible{outline:2px solid var(--valio-action-blue);outline-offset:2px;transition:none}.vl-my-valio-button-close svg{width:2rem;height:2rem}.vl-my-valio-button-close:hover{border-color:var(--color-brand)}
.no-folders-found{display:grid;justify-items:center}.no-folders-found__title{margin-block-start:0;margin-block-end:var(--spacing-24);text-align:center}.no-folders-found__description{margin-block-start:0;margin-block-end:var(--spacing-24);text-align:center}@media(min-width: 782px){.no-folders-found__description{margin-block-end:var(--spacing-32)}}.no-folders-found__heart-icon::after{content:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"13\" viewBox=\"0 0 14 13\" fill=\"%23D46594\"><path d=\"M12.0747 2.63199C11.7815 2.3437 11.4333 2.11502 11.0502 1.95899C10.667 1.80296 10.2563 1.72266 9.84153 1.72266C9.42677 1.72266 9.01607 1.80296 8.63289 1.95899C8.24972 2.11502 7.90158 2.3437 7.60837 2.63199L6.99985 3.23L6.39132 2.63199C5.79905 2.04995 4.99576 1.72296 4.15817 1.72296C3.32057 1.72296 2.51728 2.04995 1.92501 2.63199C1.33273 3.21403 1 4.00345 1 4.82658C1 5.64971 1.33273 6.43913 1.92501 7.02117L2.53353 7.61919L6.99985 12.0084L11.4662 7.61919L12.0747 7.02117C12.368 6.73302 12.6007 6.3909 12.7595 6.01434C12.9183 5.63779 13 5.23418 13 4.82658C13 4.41898 12.9183 4.01537 12.7595 3.63882C12.6007 3.26226 12.368 2.92014 12.0747 2.63199Z\" stroke=\"%23D46594\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");display:inline-block;width:1rem;height:auto}.no-folders-found__actions{display:flex;flex-direction:column;gap:var(--spacing-16)}@media(min-width: 782px){.no-folders-found__actions{flex-direction:row}}
[data-valio-page=list-archive] .vl-my-valio-page-hero--list-archive{margin-block-end:var(--spacing-40)}@media(min-width: 782px){[data-valio-page=list-archive] .vl-my-valio-page-hero--list-archive{margin-block-end:calc(var(--spacing-56)*2)}}[data-valio-page=list-archive] .vl-my-valio-page-section{padding-block-end:var(--spacing-48)}@media(min-width: 782px){[data-valio-page=list-archive] .vl-my-valio-page-section{padding-block-end:var(--spacing-80)}}[data-valio-page=list-archive] .has-no-folders .vl-my-valio-page-hero{margin-block-end:var(--spacing-24)}@media(min-width: 782px){[data-valio-page=list-archive] .has-no-folders .vl-my-valio-page-hero{margin-block-end:var(--spacing-32)}}
.recipe-card-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));justify-content:center;row-gap:1.5rem;column-gap:.75rem}@media(min-width: 782px){.recipe-card-grid{grid-template-columns:repeat(3, minmax(0, 1fr));row-gap:2rem;column-gap:1.5rem}}@media(min-width: 1080px){.recipe-card-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(max-width: 320px){.recipe-card-grid{grid-template-columns:1fr}}
.recipe-card__image{border-radius:var(--_border-radius) var(--_border-radius) 0 0;width:100%;height:auto;aspect-ratio:163/104;object-fit:cover;object-position:center center}@media(min-width: 782px){.recipe-card__image{aspect-ratio:277/203}}.recipe-card__image-wrapper{display:grid;place-items:center;background-color:#fff;border-radius:var(--_border-radius) var(--_border-radius) 0 0}.recipe-card__image-wrapper>*{grid-area:1/1}.recipe-card__image--unavailable{opacity:.1}.recipe-card__image__unavailable-text{font-weight:500;z-index:1}
.recipe-card__tags{grid-area:tags;display:flex;gap:var(--spacing-8);height:fit-content}.recipe-card-tag{padding:.175em .75em;border-radius:2.25rem;font-size:1rem;font-weight:500;color:#fff;line-height:1.5;letter-spacing:.01rem;text-transform:uppercase;background-color:var(--color-brand)}.recipe-card-tag--new{background-color:#89328f}
.recipe-card__action-bar{--_spacing: var(--spacing-12);position:absolute;top:var(--_spacing);left:var(--_spacing);right:var(--_spacing);display:grid;justify-content:end;grid-template-columns:fit-content(100%) 1fr;grid-template-areas:"tags favorite";gap:.5rem;width:calc(100% - 2*var(--_spacing));z-index:99}.recipe-card__move-button{height:2rem}.recipe-card__delete-button{height:2rem;width:2rem;justify-self:flex-end}.recipe-card__favorite-button{--_favorite-btn-border: 1px solid transparent;--_favorite-btn-border-hover: 1px solid var(--valio-iconic-blue);--_favorite-btn-icon-color: transparent;--_favorite-btn-icon-border: #dfe3e6;grid-area:favorite;background-color:var(--color-white);border:var(--_favorite-btn-border);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;justify-self:flex-end;transition:opacity .3s ease-in-out,border-color .2s ease-in-out;pointer-events:auto;aspect-ratio:1}.recipe-card__favorite-button svg{animation:pulsate-card 1s ease-in-out infinite;width:1rem;height:1rem}.recipe-card__favorite-button svg path{fill:var(--_favorite-btn-icon-color);stroke:var(--_favorite-btn-icon-border);stroke-width:1;transition:fill .25s ease,stroke .25s ease}.recipe-card__favorite-button:hover{cursor:pointer;border:var(--_favorite-btn-border-hover)}.recipe-card__favorite-button:disabled{pointer-events:none}@keyframes pulsate-card{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}[data-loaded=true] .recipe-card__favorite-button{--_favorite-btn-icon-border: var(--valio-iconic-blue)}[data-loaded=true] .recipe-card__favorite-button svg{animation:none}[data-favorited=true] .recipe-card__favorite-button{--_favorite-btn-icon-color: #d46594;--_favorite-btn-icon-border: #d46594;--_favorite-btn-border-hover: 1px solid #d46594}
.recipe-card--error{border:2px dashed #d63638;background-color:#fef2f2;color:#9b2c2c;min-height:250px;display:flex}.recipe-card--error .recipe-card__image{display:none}.recipe-card--error .recipe-card__content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;padding:1rem}.recipe-card--error .recipe-card__title{color:#c53030;margin-bottom:.5rem}.recipe-card--error .recipe-card__retry-button{margin-top:1rem;padding:.5rem 1rem;border:1px solid #e2e8f0;background-color:#fff;color:#2d3748;cursor:pointer;border-radius:4px;font-weight:600}.recipe-card--error .recipe-card__retry-button:hover{background-color:#f7fafc}
.recipe-card-link{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;isolation:isolate;border-radius:.5rem}.recipe-card-link:hover{transform:translateY(-5px);filter:unset}.recipe-card-link:focus-visible{outline:2px solid var(--valio-action-blue);outline-offset:2px;transition:none}.recipe-card{--_border-radius: 1rem;position:relative;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;background-color:#fff;border-radius:var(--_border-radius);height:100%}.recipe-card__content{display:grid;grid-template-rows:subgrid;grid-row:span 2}.recipe-card__content>*{margin:0}.recipe-card__content{padding:var(--spacing-16)}.recipe-card__content--unavailable h2{color:#616161}.recipe-card__title{font-size:1.0625rem;line-height:130%;text-transform:none;letter-spacing:initial;font-weight:500;margin-block-end:var(--spacing-2);hyphens:auto;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.recipe-card__footer{display:flex;gap:var(--spacing-8);margin-block:var(--spacing-4);font-size:.875rem;font-weight:500}@media(min-width: 600px){.recipe-card__footer{font-size:1rem}}@media screen and (max-width: 375px){.recipe-card__footer{flex-direction:column;gap:var(--spacing-2)}}.recipe-card__rating{display:flex;align-items:center;gap:var(--spacing-4)}.recipe-card__rating svg{width:16px;height:16px}@media(min-width: 600px){.recipe-card__rating svg{width:20px;height:20px}}.recipe-card__time{display:flex;align-items:center;gap:var(--spacing-4);color:#616161}.recipe-card__time svg{width:16px;height:16px}@media(min-width: 600px){.recipe-card__time svg{width:20px;height:20px}}
.no-recipes-found{display:grid;justify-items:center}.no-recipes-found__images{display:grid;grid-template-columns:repeat(3, 90px);justify-content:center;margin-block:var(--spacing-32)}.no-recipes-found__image-wrapper{--_degrees: 0deg;position:relative}.no-recipes-found__image-wrapper img{width:100%;height:auto;border-radius:.75rem;object-fit:cover;object-position:center center;transform:rotate(var(--_degrees));aspect-ratio:90/108}.no-recipes-found__image-wrapper:nth-child(1){--_degrees: 2deg}.no-recipes-found__image-wrapper:nth-child(2){--_degrees: -4deg}.no-recipes-found__image-wrapper:nth-child(3){--_degrees: 2deg}.no-recipes-found__image-wrapper svg{position:absolute;top:.25rem;right:.25rem;width:1rem;height:1rem}.no-recipes-found__title{margin-block-start:0;margin-block-end:var(--spacing-24);text-align:center;font-size:1.0625rem;line-height:1.1;letter-spacing:1.02px}.no-recipes-found__description{margin-block-start:0;margin-block-end:var(--spacing-32);text-align:center}.no-recipes-found__heart-icon::after{content:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"13\" viewBox=\"0 0 14 13\" fill=\"%23D46594\"><path d=\"M12.0747 2.63199C11.7815 2.3437 11.4333 2.11502 11.0502 1.95899C10.667 1.80296 10.2563 1.72266 9.84153 1.72266C9.42677 1.72266 9.01607 1.80296 8.63289 1.95899C8.24972 2.11502 7.90158 2.3437 7.60837 2.63199L6.99985 3.23L6.39132 2.63199C5.79905 2.04995 4.99576 1.72296 4.15817 1.72296C3.32057 1.72296 2.51728 2.04995 1.92501 2.63199C1.33273 3.21403 1 4.00345 1 4.82658C1 5.64971 1.33273 6.43913 1.92501 7.02117L2.53353 7.61919L6.99985 12.0084L11.4662 7.61919L12.0747 7.02117C12.368 6.73302 12.6007 6.3909 12.7595 6.01434C12.9183 5.63779 13 5.23418 13 4.82658C13 4.41898 12.9183 4.01537 12.7595 3.63882C12.6007 3.26226 12.368 2.92014 12.0747 2.63199Z\" stroke=\"%23D46594\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");display:inline-block;width:1rem;height:auto}
.vl-my-valio-recipe-folder-header__actions{grid-area:actions;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;align-items:flex-start;justify-content:flex-end}.vl-my-valio-recipe-folder-header__action--desktop{display:none}@media(min-width: 1280px){.vl-my-valio-recipe-folder-header__action--desktop{display:inline-flex}}.vl-my-valio-recipe-folder-header__action--mobile{display:inline-flex}@media(min-width: 1280px){.vl-my-valio-recipe-folder-header__action--mobile{display:none}}.vl-my-valio-recipe-folder-header__action--mobile.vl-my-valio-recipe-folder-header__action--set-edit-mode{position:fixed;bottom:5vh;bottom:5dvh;left:0;right:0;margin:auto;z-index:999}.vl-my-valio-recipe-folder-header__action--open-menu{width:2rem;height:2rem}.vl-my-valio-recipe-folder-header__action--open-menu:hover svg path{fill:#fff}[data-action-loading=true] .vl-my-valio-recipe-folder-header__action{pointer-events:none;background-color:#fff;color:var(--color-gray-500)}[data-action-loading=true] .vl-my-valio-recipe-folder-header__action svg path{stroke:var(--color-gray-500)}
.vl-my-valio-recipe-folder-header__title{display:flex;align-items:center;gap:var(--spacing-12);grid-area:title;align-self:center}.vl-my-valio-recipe-folder-header__title>h1{font-size:1.5rem;line-height:110%;letter-spacing:1.2px;text-transform:uppercase;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.vl-my-valio-recipe-folder-header__back:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.vl-my-valio-recipe-folder-header__description{grid-area:description;font-size:.875rem;font-weight:325;line-height:125%;letter-spacing:-0.42px;margin:0;margin-block-start:var(--spacing-16)}.vl-my-valio-recipe-folder-header__count{grid-area:count;margin-block-start:var(--spacing-24);color:var(--color-heading)}@media(min-width: 1280px){.vl-my-valio-recipe-folder-header__count{align-self:center;margin-block-start:0}}
.vl-my-valio-recipe-folder-header{display:grid;grid-template-areas:"title actions" "description actions" "count actions";grid-template-columns:1fr fit-content(100%);grid-template-rows:2.4375rem auto auto;align-items:flex-start;column-gap:var(--spacing-12);margin-block-end:var(--spacing-16)}@media(min-width: 1280px){.vl-my-valio-recipe-folder-header{grid-template-areas:"title count actions" "description description actions";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:2.4375rem auto;margin-block-end:var(--spacing-40)}}
[data-valio-page=list-single] .my-valio-page-section{padding-block-end:var(--spacing-48)}@media(min-width: 782px){[data-valio-page=list-single] .my-valio-page-section{padding-block-end:var(--spacing-64)}}
.vl-user-not-logged-in-list{padding:0}.vl-user-not-logged-in-list-item{list-style:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M7.81458 4.14588C6.85542 3.24431 6.38336 1.88539 6.37133 0H5.62867C5.61664 1.88539 5.14458 3.2476 4.18542 4.14588C3.10298 5.1626 1.41318 5.51467 0 5.61009V6.38991C1.41619 6.48862 3.10298 6.8374 4.18542 7.85413C5.14458 8.75569 5.61664 10.1146 5.62867 12H6.37133C6.38336 10.1146 6.85542 8.7524 7.81458 7.85413C8.89702 6.8374 10.5868 6.48533 12 6.38991V5.61009C10.5838 5.51138 8.89702 5.1626 7.81458 4.14588Z\" fill=\"%23002F6D\"/></svg>");padding-left:.5rem;font-size:1rem;color:var(--color-brand);font-weight:500;letter-spacing:.14px}.vl-user-not-logged-in-list-item::marker{font-size:1rem}

.vl-user-not-logged-in__images{display:grid;grid-template-columns:repeat(3, 90px);justify-content:center;margin-block:var(--spacing-24)}@media(min-width: 782px){.vl-user-not-logged-in__images{margin-block:var(--spacing-32)}}.vl-user-not-logged-in__image-wrapper{--_degrees: 0deg;position:relative}.vl-user-not-logged-in__image-wrapper img{width:100%;height:auto;border-radius:.75rem;object-fit:cover;object-position:center center;transform:rotate(var(--_degrees));aspect-ratio:90/108}.vl-user-not-logged-in__image-wrapper:nth-child(1){--_degrees: 2deg}.vl-user-not-logged-in__image-wrapper:nth-child(2){--_degrees: -4deg}.vl-user-not-logged-in__image-wrapper:nth-child(3){--_degrees: 2deg}.vl-user-not-logged-in__image-wrapper svg{position:absolute;top:.25rem;right:.25rem;width:1rem;height:1rem}
.vl-user-not-logged-in{display:grid;justify-items:center}
:where(main.is-vl-my-valio-app){--my-valio-background-color: #ffffff;transition:background-color .15s ease-in-out;background-color:var(--my-valio-background-color)}:where(main.is-vl-my-valio-app[data-valio-page=list-single]){--my-valio-background-color: #f7f3ed}:where(.vl-my-valio){width:min(100% - 1.25rem,1180px);margin-inline:auto}:where(.vl-my-valio>section){display:grid;padding-block-start:var(--spacing-56);padding-block-end:var(--spacing-48)}.vl-my-valio-page-hero{text-align:center}.vl-my-valio-page-hero__subtitle{margin:0;color:var(--valio-iconic-blue);font-size:1rem;font-weight:500}@media(min-width: 782px){.vl-my-valio-page-hero__subtitle{font-size:1.0675rem;letter-spacing:.34px}}.vl-my-valio-page-hero__title{font-size:1.5625rem;font-weight:800;line-height:1.1;letter-spacing:1.5px;color:var(--valio-iconic-blue);text-transform:uppercase;margin-block-start:var(--spacing-12);margin-block-end:var(--spacing-24)}@media(min-width: 782px){.vl-my-valio-page-hero__title{margin-block-start:var(--spacing-16);font-size:2.5rem;line-height:1.2;letter-spacing:2.4px}}