.recipe-dialog-procedure,.recipe-dialog-notes{opacity:1;scale:1;transition:opacity .2s ease-out,scale .2s ease-out,overlay .2s ease-out allow-discrete,display .2s ease-out allow-discrete;height:75vh;overflow:scroll;border:1px solid #2b6732;border-radius:10.4px}.recipe-dialog-procedure:not([open]),.recipe-dialog-notes:not([open]){opacity:0;scale:.9}.recipe-dialog-procedure:not([open])::backdrop,.recipe-dialog-notes:not([open])::backdrop{background-color:rgba(0,0,255,0)}@starting-style{.recipe-dialog-procedure,.recipe-dialog-notes{opacity:0;scale:.9}}.recipe-dialog-procedure::backdrop,.recipe-dialog-notes::backdrop{background-color:rgba(43,103,50,.1);backdrop-filter:blur(0.2rem);transition:background-color .2s ease-out,overlay .2s ease-out allow-discrete,display .2s ease-out allow-discrete}@starting-style{.recipe-dialog-procedure::backdrop,.recipe-dialog-notes::backdrop{background-color:rgba(0,0,255,0)}}.recipe-dialog-procedure-close,.recipe-dialog-notes-close{width:100%;padding:16px 0px;border-radius:8px;background:hsl(127,41.095890411%,75.0196078431%);border:1px solid #2b6732;font-weight:normal;color:#2b6732;font-size:var(--step-h3)}.scroller{transition-timing-function:cubic-bezier(0.35, 0.01, 0.43, 0.93);transition-property:all;transition-delay:.25s;transition-duration:.5s}.recipe{padding-top:112px}.recipe-header{margin-bottom:32px;padding:8px;border-top:1px solid rgba(43,103,50,.95);border-bottom:1px solid rgba(43,103,50,.95)}.recipe-buttons{display:flex;flex-direction:row;justify-content:space-evenly;padding-bottom:32px;border-bottom:1px solid rgba(43,103,50,.95)}.recipe-button{width:40%;padding:0px 8px;line-height:4rem;text-align:center;cursor:pointer;border:1px solid rgb(101,103.1886792453,115.5);border-radius:8px;background-color:rgba(43,103,50,.15);font-size:var(--step-h5)}.recipe-panel{display:none}.recipe-panel-active{display:block;margin-bottom:124px}.recipe-panel-ingredients{display:block}.recipe-section{display:grid;grid-template-columns:40% 1fr;padding-top:16px;width:100%}.recipe-top{grid-column:2/3;display:grid;grid-template-columns:repeat(4, 1fr);border-bottom:1px solid #2b6732;justify-items:center;font-weight:700}.recipe-top-standard{grid-column:1/2}.recipe-top-slow{grid-column:2/3}.recipe-top-busy{grid-column:3/4}.recipe-top-measure{grid-column:4/5}.recipe-ingredients{grid-column:1/3;display:grid;grid-template-columns:40% 15% 15% 15% 15%;line-height:24px;border-bottom:1px solid #2b6732}.recipe-ingredients p:nth-child(1){line-height:32px;width:100%;border-right:1px solid #2b6732}.recipe-ingredients p:nth-child(2){line-height:32px;text-align:center;width:100%;border-right:1px solid #2b6732}.recipe-ingredients p:nth-child(3){line-height:32px;justify-self:center}.recipe-ingredients p:nth-child(4){line-height:32px;justify-self:center}.recipe-ingredients p:nth-child(5){line-height:32px;justify-self:center;font-weight:700}.recipe-procedure{list-style-position:inside;font-size:var(--step-h5);margin-bottom:16px;padding:16px;border:1px solid hsl(127,41.095890411%,46.4705882353%);border-radius:8px}.recipe-procedure::marker{font-weight:700;padding-right:16px}.recipe-procedure-list{margin-top:16px}.recipe-note{margin-bottom:16px;padding:16px;border:1px solid hsl(127,41.095890411%,46.4705882353%);border-radius:8px;font-size:var(--step-h5)}.recipe-note-list{margin-top:16px}.recipe-dialog-notes-nothing{font-size:var(--step-h4)}.wake-screen-button{display:none;position:fixed;left:22%;bottom:0px;width:250px;height:50px;background-color:rgba(43,103,50,.55);border-radius:30% 30% 0% 0%;border-top:1px solid rgb(43,77.25,46.9958333333);border-right:1px solid rgb(43,77.25,46.9958333333);border-left:1px solid rgb(43,77.25,46.9958333333);box-shadow:3px 3px 5px 0px rgba(0,0,0,.25);cursor:pointer}.wake-screen-button-active{display:grid;grid-template-columns:30% 70%;align-items:center}.wake-screen-button svg{grid-column:1/2;justify-self:end;height:55%;fill:inherit}.wake-screen-button-text{grid-column:2/3;padding-left:16px;font-weight:700}.wake-screen-button[data-status=on]>svg{fill:#f0f0f0}.scroller{opacity:0;position:fixed;right:0px;bottom:32px;width:65px;height:65px;border-radius:30% 0% 0% 30%;background-color:rgba(43,103,50,.55);border-left:1px solid rgb(43,77.25,46.9958333333);border-top:1px solid rgb(43,77.25,46.9958333333);border-bottom:1px solid rgb(43,77.25,46.9958333333);box-shadow:3px 3px 5px 0px rgba(0,0,0,.25);backdrop-filter:blur(6px);cursor:pointer;z-index:350}.scroller::before{content:"";position:absolute;width:25px;height:25px;top:14px;left:17px;transform:rotate(45deg);background:rgba(0,0,0,0);border-top:.3em solid hsl(0,0%,96.1764705882%);border-left:.3em solid hsl(0,0%,96.1764705882%)}.scroller-visible{opacity:1}.scroller p{position:absolute;top:30px;left:13px;color:hsl(0,0%,96.1764705882%);font-weight:700}