@property --button-gradient-angle{syntax:"<angle>";initial-value:135deg;inherits:false}@keyframes button-gradient-rotate{0%{--button-gradient-angle:0deg}to{--button-gradient-angle:360deg}}.vl-recipe-note{align-items:center;border-radius:8px;margin:2rem 0;max-width:380px;width:100%}.vl-recipe-note h3{font-size:1.125rem;font-weight:600;margin-bottom:16px}.vl-recipe-note__form{align-items:stretch;display:flex;flex-direction:column}.vl-recipe-note__form :is(.vl-recipe-note__add-btn,.vl-recipe-note__delete-btn,.vl-recipe-note__edit-btn,.vl-recipe-note__editor,.vl-recipe-note__loader){display:none}.vl-recipe-note__form[data-state=loading] .vl-recipe-note__loader{display:flex}.vl-recipe-note__form[data-state=empty] .vl-recipe-note__add-btn{display:inline-flex}:is(.vl-recipe-note__form[data-state=editing],.vl-recipe-note__form[data-state=saved]) .vl-recipe-note__editor{display:flex}.vl-recipe-note__form[data-state=saved] .vl-recipe-note__actions{display:none}.vl-recipe-note__form[data-has-note] :is(.vl-recipe-note__delete-btn,.vl-recipe-note__edit-btn){display:inline-flex}.vl-recipe-note__editor{flex-direction:column;width:100%}.vl-recipe-note__editor-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.vl-recipe-note__editor-actions{align-items:center;display:flex;gap:.25rem}.vl-recipe-note__textarea{background:linear-gradient(var(--color-white),var(--color-white)) padding-box,linear-gradient(135deg,#cfb5ff,#ffdae0,#dccbfa,#a383dc) border-box;border:1.5px solid #0000;border-radius:12px;font-family:inherit;font-size:.9375rem;line-height:1.5;margin-bottom:1rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.vl-recipe-note__textarea:focus{border-color:#0073aa;outline:none}.vl-recipe-note__textarea:disabled{background-color:#0000;border-color:#0000;color:var(--color-text,inherit);cursor:default;resize:none}.vl-recipe-note__textarea--demo{caret-color:var(--color-primary,#0073aa);cursor:pointer;resize:none}.vl-recipe-note__actions{align-items:center;display:flex}.vl-recipe-note__save-btn{--button-padding:var(--spacing-12) var(--spacing-22) var(--spacing-12) var(--spacing-24);--button-background:var(--button-primary);--button-text:var(--color-button-text);--button-border:#0000;align-items:center;background-color:var(--button-background);border:.0625rem;border-radius:1.875rem;color:var(--button-text);display:inline-flex;font-family:var(--font-family-gotham);font-size:1rem;font-weight:var(--font-weight-medium);gap:.75rem;letter-spacing:.0112rem;line-height:1.2;padding:var(--button-padding);position:relative;text-decoration:none;text-transform:uppercase;transition:all .25s cubic-bezier(.19,1,.22,1)}.vl-recipe-note__save-btn:after{background-color:currentcolor;content:"";height:12px;mask-image:url(icon-arrow-downward.svg?v=d1b3efad9fdd44a18cb1);-webkit-mask-image:url(icon-arrow-downward.svg?v=d1b3efad9fdd44a18cb1);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;position:relative;top:unset;transform:none;transition-delay:0s;transition-duration:.15s;transition-property:transform,background-color;transition-timing-function:ease-in-out;width:12px}.vl-recipe-note__save-btn:active,.vl-recipe-note__save-btn:hover{background-color:var(--button-primary-hover)}.vl-recipe-note__save-btn:active:after,.vl-recipe-note__save-btn:active:before,.vl-recipe-note__save-btn:hover:after,.vl-recipe-note__save-btn:hover:before{right:unset;transform:translateX(2px)}.vl-recipe-note__save-btn:focus{outline:1px solid var(--button-primary)}.vl-recipe-note__save-btn:focus-visible{outline:2px solid var(--button-primary);outline-offset:.25rem}.block-editor-block-preview__content .vl-recipe-note__save-btn{background-color:var(--button-background)!important}.vl-recipe-note__save-btn:after{display:none}.vl-recipe-note__save-btn{cursor:pointer;margin-right:auto}.vl-recipe-note__save-btn:hover:not(:disabled){background-color:var(--color-primary-dark,#005f8a)}.vl-recipe-note__save-btn:disabled{cursor:not-allowed;opacity:.5}.vl-recipe-note__add-btn{align-items:center;background:var(--color-white);border:1px solid #6161614d;border-radius:50%;color:var(--valio-iconic-blue);cursor:pointer;display:flex;font-size:1rem;font-weight:var(--font-weight-medium);gap:.375rem;height:3rem;justify-content:center;letter-spacing:.16px;padding:0;transition:color .25s ease,border-color .25s ease;width:3rem}@media(min-width:782px){.vl-recipe-note__add-btn{border-radius:2rem;height:2.5rem;padding-inline:1rem;width:fit-content}}.vl-recipe-note__add-btn.gradient{background:linear-gradient(var(--color-white),var(--color-white)) padding-box,linear-gradient(var(--button-gradient-angle,135deg),#cfb5ff,#ffdae0,#dccbfa,#a383dc) border-box;border:1.5px solid #0000}.vl-recipe-note__add-btn.gradient.animated{animation:button-gradient-rotate 4s linear infinite}@media(prefers-reduced-motion:reduce){.vl-recipe-note__add-btn.gradient.animated{animation:none}}.is-authenticated .vl-recipe-note__add-btn.gradient{border:1px solid #6161614d}.vl-recipe-note__add-btn.gradient:hover{background:linear-gradient(var(--color-white),var(--color-white)) padding-box,linear-gradient(var(--button-gradient-angle,135deg),#a383dc,#dccbfa,#ffdae0,#cfb5ff) border-box}.vl-recipe-note__add-btn[data-loaded=false]{cursor:wait;pointer-events:none;position:relative}.vl-recipe-note__add-btn:disabled{cursor:not-allowed;pointer-events:none}.vl-recipe-note__add-btn:hover{border-color:var(--valio-iconic-blue);filter:brightness(1)}.vl-recipe-note__delete-btn,.vl-recipe-note__edit-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-muted,#666);cursor:pointer;justify-content:center;padding:.25rem}.vl-recipe-note__delete-btn:hover,.vl-recipe-note__edit-btn:hover{color:var(--color-error,#d63638)}.vl-recipe-note__status{color:var(--color-text-muted,#666);font-size:.8125rem}.vl-recipe-note__status--error{color:var(--color-error,#d63638)}.vl-recipe-note__loader{align-items:center;justify-content:center;padding:1.5rem}.vl-recipe-note__spinner{animation:vl-recipe-note-spin .6s linear infinite;border:3px solid var(--color-border,#ccc);border-radius:50%;border-top-color:var(--color-primary,#0073aa);height:24px;width:24px}.vl-recipe-note__login-prompt{align-items:center;display:flex;flex-direction:column;gap:.75rem}.vl-recipe-note__login-prompt p{color:var(--color-text-muted,#666);font-size:.9375rem;margin:0}.vl-recipe-note__login-btn{align-items:center;background:var(--color-white);border:1px solid #6161614d;border-radius:50%;color:var(--valio-iconic-blue);cursor:pointer;display:flex;font-size:1rem;font-weight:var(--font-weight-medium);gap:.375rem;height:3rem;justify-content:center;letter-spacing:.16px;padding:0;transition:color .25s ease,border-color .25s ease;width:3rem}@media(min-width:782px){.vl-recipe-note__login-btn{border-radius:2rem;height:2.5rem;padding-inline:1rem;width:fit-content}}.vl-recipe-note__login-btn.gradient{background:linear-gradient(var(--color-white),var(--color-white)) padding-box,linear-gradient(var(--button-gradient-angle,135deg),#cfb5ff,#ffdae0,#dccbfa,#a383dc) border-box;border:1.5px solid #0000}.vl-recipe-note__login-btn.gradient.animated{animation:button-gradient-rotate 4s linear infinite}@media(prefers-reduced-motion:reduce){.vl-recipe-note__login-btn.gradient.animated{animation:none}}.is-authenticated .vl-recipe-note__login-btn.gradient{border:1px solid #6161614d}.vl-recipe-note__login-btn.gradient:hover{background:linear-gradient(var(--color-white),var(--color-white)) padding-box,linear-gradient(var(--button-gradient-angle,135deg),#a383dc,#dccbfa,#ffdae0,#cfb5ff) border-box}.vl-recipe-note__login-btn[data-loaded=false]{cursor:wait;pointer-events:none;position:relative}.vl-recipe-note__login-btn:disabled{cursor:not-allowed;pointer-events:none}.vl-recipe-note__login-btn:hover{border-color:var(--valio-iconic-blue);filter:brightness(1)}.vl-recipe-note__login-btn{background:linear-gradient(98deg,#f2e3e6 6.92%,#e2d1ff 61.33%,#af8dec 94.84%);border:none;border-radius:2rem;padding-inline:1rem;width:fit-content}.vl-recipe-note [data-auth=logged_in]{display:none}.vl-recipe-note [data-auth=login]{display:flex;gap:1rem}.is-authenticated .vl-recipe-note [data-auth=logged_in]{display:flex}.is-authenticated .vl-recipe-note [data-auth=login]{display:none}.is-authenticated .vl-recipe-note .vl-recipe-note__textarea{background:var(--color-white);border-color:var(--color-border,#ccc)}.is-authenticated .vl-recipe-note .vl-recipe-note__textarea:focus{border-color:#0073aa}.is-authenticated .vl-recipe-note .vl-recipe-note__textarea:disabled{color:var(--color-text,inherit);cursor:default;resize:none}@keyframes vl-recipe-note-spin{to{transform:rotate(1turn)}}