.vl-recipe-note{border-radius:8px;align-items:center;width:100%;max-width:380px;margin:2rem 0}.vl-recipe-note h3{margin-bottom:16px;font-size:1.125rem;font-weight:600}.vl-recipe-note__form{flex-direction:column;align-items:stretch;display:flex}.vl-recipe-note__form .vl-recipe-note__loader,.vl-recipe-note__form .vl-recipe-note__add-btn,.vl-recipe-note__form .vl-recipe-note__editor,.vl-recipe-note__form .vl-recipe-note__delete-btn,.vl-recipe-note__form .vl-recipe-note__edit-btn{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}.vl-recipe-note__form[data-state=editing] .vl-recipe-note__editor,.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] .vl-recipe-note__delete-btn,.vl-recipe-note__form[data-has-note] .vl-recipe-note__edit-btn{display:inline-flex}.vl-recipe-note__editor{flex-direction:column;width:100%}.vl-recipe-note__editor-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.vl-recipe-note__editor-actions{align-items:center;gap:.25rem;display:flex}.vl-recipe-note__textarea{resize:vertical;background:linear-gradient(var(--vl--color--pure-white), var(--vl--color--pure-white)) padding-box, linear-gradient(135deg, #cfb5ff, #ffdae0, #dccbfa, #a383dc) border-box;border:1.5px solid #0000;border-radius:12px;width:100%;min-height:100px;margin-bottom:1rem;padding:.75rem;font-family:inherit;font-size:.9375rem;line-height:1.5}.vl-recipe-note__textarea:focus{border-color:#0073aa;outline:none}.vl-recipe-note__textarea:disabled{color:var(--vl--color--text);cursor:default;resize:none;background-color:#0000;border-color:#0000}.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(--vl--spacing--12) var(--vl--spacing--22) var(--vl--spacing--12) var(--vl--spacing--24);--button-background:var(--vl--color--button-primary);--button-text:var(--color-button-text);--button-border:transparent;background-color:var(--button-background);color:var(--button-text);padding:var(--button-padding);text-transform:uppercase;cursor:pointer;font-family:var(--vl--font-family--valio-sans);font-size:var(--vl--font-size--small);line-height:1.2;font-weight:var(--vl--font-weight--medium);letter-spacing:var(--vl--letter-spacing--caps);border:.0625rem;border-radius:1.875rem;align-items:center;gap:.75rem;text-decoration:none;transition:all .25s cubic-bezier(.19,1,.22,1);display:inline-flex;position:relative}.vl-recipe-note__save-btn:after{content:"";width:12px;height:12px;top:unset;background-color:currentColor;transition:transform .15s ease-in-out,background-color .15s ease-in-out;position:relative;transform:none;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='13'%20height='12'%20viewBox='0%200%2013%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='arrow_downward_alt'%20d='M12.4038%205.99998L6.74998%2011.6538L5.69615%2010.6L9.54618%206.74996L-2.14354e-07%206.74996L-2.79919e-07%205.25001L9.54618%205.25001L5.69615%201.39998L6.74998%200.346158L12.4038%205.99998Z'%20fill='white'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='13'%20height='12'%20viewBox='0%200%2013%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='arrow_downward_alt'%20d='M12.4038%205.99998L6.74998%2011.6538L5.69615%2010.6L9.54618%206.74996L-2.14354e-07%206.74996L-2.79919e-07%205.25001L9.54618%205.25001L5.69615%201.39998L6.74998%200.346158L12.4038%205.99998Z'%20fill='white'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.vl-recipe-note__save-btn:hover,.vl-recipe-note__save-btn:active{background-color:var(--vl--color--button-primary-hover)}.vl-recipe-note__save-btn:hover:after,.vl-recipe-note__save-btn:hover:before,.vl-recipe-note__save-btn:active:after,.vl-recipe-note__save-btn:active:before{right:unset;transform:translate(2px)}.vl-recipe-note__save-btn:focus{outline:1px solid var(--vl--color--button-primary)}.vl-recipe-note__save-btn:focus-visible{outline:2px solid var(--vl--color--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{opacity:.5;cursor:not-allowed}.vl-recipe-note__add-btn{width:3rem;height:3rem;font-size:var(--vl--font-size--medium);font-weight:var(--vl--font-weight--medium);letter-spacing:0;color:var(--vl--color--iconic-blue);background:var(--vl--color--pure-white);cursor:pointer;border:1px solid #6161614d;border-radius:50%;justify-content:center;align-items:center;gap:.375rem;padding:0;transition:color .25s,border-color .25s;display:flex}@media (width>=782px){.vl-recipe-note__add-btn{border-radius:2rem;width:fit-content;height:2.5rem;padding-inline:1rem}}.vl-recipe-note__add-btn.gradient{background:linear-gradient(var(--vl--color--pure-white), var(--vl--color--pure-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:4s linear infinite button-gradient-rotate}@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(--vl--color--pure-white), var(--vl--color--pure-white)) padding-box, linear-gradient(var(--button-gradient-angle,135deg), #a383dc, #dccbfa, #ffdae0, #cfb5ff) border-box}.vl-recipe-note__add-btn[data-loaded=false]{pointer-events:none;cursor:wait;position:relative}.vl-recipe-note__add-btn:disabled{pointer-events:none;cursor:not-allowed}.vl-recipe-note__add-btn:hover{border-color:var(--vl--color--iconic-blue);filter:brightness()}.vl-recipe-note__delete-btn,.vl-recipe-note__edit-btn{color:var(--color-text-muted,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items: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{justify-content:center;align-items:center;padding:1.5rem}.vl-recipe-note__spinner{border:3px solid var(--color-border,#ccc);border-top-color:var(--color-primary,#0073aa);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite vl-recipe-note-spin}.vl-recipe-note__login-prompt{flex-direction:column;align-items:center;gap:.75rem;display:flex}.vl-recipe-note__login-prompt p{color:var(--color-text-muted,#666);margin:0;font-size:.9375rem}.vl-recipe-note__login-btn{width:3rem;height:3rem;font-size:var(--vl--font-size--medium);font-weight:var(--vl--font-weight--medium);letter-spacing:0;color:var(--vl--color--iconic-blue);background:var(--vl--color--pure-white);cursor:pointer;border:1px solid #6161614d;border-radius:50%;justify-content:center;align-items:center;gap:.375rem;padding:0;transition:color .25s,border-color .25s;display:flex}@media (width>=782px){.vl-recipe-note__login-btn{border-radius:2rem;width:fit-content;height:2.5rem;padding-inline:1rem}}.vl-recipe-note__login-btn.gradient{background:linear-gradient(var(--vl--color--pure-white), var(--vl--color--pure-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:4s linear infinite button-gradient-rotate}@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(--vl--color--pure-white), var(--vl--color--pure-white)) padding-box, linear-gradient(var(--button-gradient-angle,135deg), #a383dc, #dccbfa, #ffdae0, #cfb5ff) border-box}.vl-recipe-note__login-btn[data-loaded=false]{pointer-events:none;cursor:wait;position:relative}.vl-recipe-note__login-btn:disabled{pointer-events:none;cursor:not-allowed}.vl-recipe-note__login-btn:hover{border-color:var(--vl--color--iconic-blue);filter:brightness()}.vl-recipe-note__login-btn{background:linear-gradient(98deg,#f2e3e6 6.92%,#e2d1ff 61.33%,#af8dec 94.84%);border:none;border-radius:2rem;width:fit-content;padding-inline:1rem}.vl-recipe-note [data-auth=logged_in]{display:none}.vl-recipe-note [data-auth=login]{gap:1rem;display:flex}.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(--vl--color--pure-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(--vl--color--text);cursor:default;resize:none}@keyframes vl-recipe-note-spin{to{transform:rotate(360deg)}}