.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--clr-primary: #fcfde9;--clr-border: #3d5c92;--clr-onion: #ffffff08;--bg-main-1: hsl(218deg 82% 11%);--bg-main-2: hsl(218deg 63% 30%);min-height:100dvh}:root::view-transition-new(root){animation-duration:.2s}:root::view-transition-old(root){animation-duration:.2s}body{font-size:1.25rem;line-height:1.2;font-family:Roboto,serif;font-feature-settings:initial;color:var(--clr-primary);background:radial-gradient(farthest-corner at 400px 400px,var(--bg-main-1) 0%,var(--bg-main-1) 40%,var(--bg-main-2) 100%)}@keyframes rotate-out{to{transform:rotate(-40deg)}}@keyframes rotate-in{0%{transform:rotate(40deg)}}*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-text-size-adjust:100%;tab-size:4}body,h1,h2,h3,h4,h5,h6,p,ul,button,input,optgroup,select,textarea{margin:0}button,fieldset,legend,ul{padding:0}fieldset{border:none}button,input,optgroup,select,h1,h2,h3,h4,h5,h6,textarea{font:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;display:block;border:none;text-align:inherit;background:none;outline:none}button:disabled{cursor:not-allowed}a{display:block;color:inherit;text-decoration:none}a--disabled{cursor:not-allowed}progress{vertical-align:baseline}router-outlet{display:none}small{font-size:80%}li{list-style:none}iframe{width:100%;height:100%;border:0;vertical-align:middle}details>summary{list-style:none}hr{height:.0625rem;margin:.25rem 0;border:none;background-color:orange}select{padding:.25rem;border:none;border-radius:.5rem;background-color:#0d496d}button:hover{background-color:#0f1!important}.o-tag{font-size:.8rem;line-height:1.5;align-self:center;padding:.125rem .5rem;border-radius:.75rem}.o-hr-bottom{border-bottom:.0625rem solid var(--clr-border)}.o-hr-top{border-top:.0625rem solid var(--clr-border)}.o-full-screen--open{position:fixed;z-index:5;inset:0;width:100dvw!important;height:100dvh!important;border:4rem solid transparent;object-fit:contain!important;background-color:#0000004d;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.o-full-screen--closed{cursor:pointer}.o-full-screen--closed:hover{filter:brightness(.9)}.o-card{padding:1rem;border-radius:.5rem;background-color:#2798cc60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.o-card:hover{background-color:#ea00ffc4}.o-card:active{background-color:#00b3ffb3}.code-sample{padding-inline:.25rem;border-radius:.25rem;color:#f6d7be;background-color:#9c6033;font-size:.8rem;line-height:1.5}.o-placeholder{background-color:#12858dc3}.o-placeholder:after{pointer-events:none;content:attr(data-placeholder);color:orange}.o-tooltip{pointer-events:none;position:absolute;scale:0;overflow:hidden;display:none;min-width:5rem;max-width:15rem;margin:.125rem;padding:.125rem .5rem;opacity:0;background-color:red;transition-delay:.5s;transition-duration:.2s;position-area:top;position-try:right,bottom,left;position-try-order:most-width;position-visibility:anchors-visible;transition-behavior:allow-discrete;font-size:.8rem;line-height:1.5;border-radius:.25rem}.o-tooltip--open{scale:1;display:block;opacity:1}@starting-style{.o-tooltip--open{scale:0;opacity:0}}.app-root{overflow:hidden;display:flex;flex-direction:column;height:100vh}.app-root__header{display:flex;gap:1.25rem;justify-content:flex-end;padding-block:.5rem;padding-inline:1.5rem;border-bottom:rgb(61,82,133) solid 1px;background:#01103c}.app-root__header:empty{display:none}.app-root__header-nav-button{padding-block:.25rem;padding-inline:1.5rem;border:1px solid rgb(174,177,200);border-radius:.25rem;font-weight:600;color:#d9dadf;background:#265d85;transition:filter .15s}.app-root__header-nav-button:hover{filter:brightness(140%) hue-rotate(-12deg)}.app-root__header-nav-button:active{filter:brightness(60%)}.app-root__header-nav-button:disabled,.app-root__header-nav-button--disabled{filter:opacity(60%) grayscale(100%)!important}.app-root__header-nav-button--active{border-color:orange;border-bottom:3px solid orange;color:orange;filter:brightness(110%)}.app-root>router-outlet+*{overflow:auto}.app-root>router-outlet+*::-webkit-scrollbar{width:1rem;background:color-mix(in hsl,var(--bg-main-2) 60%,black)}.app-root>router-outlet+*::-webkit-scrollbar-thumb{border-radius:.25rem;background-color:color-mix(in hsl,var(--bg-main-2) 70%,transparent)}.app-root>router-outlet+*::-webkit-scrollbar-thumb:hover{background-color:color-mix(in hsl,var(--bg-main-2) 95%,white)}.app-recipe-details app-gallery{width:22.5rem;height:22.5rem}.app-icon{display:inline-block;flex-shrink:0;vertical-align:middle}.app-icon--xs{width:.75rem;height:.75rem}.app-icon--sm{width:1rem;height:1rem}.app-icon--md{width:1.25rem;height:1.25rem}.app-icon--lg{width:1.5rem;height:1.5rem}.app-icon--xl{width:2rem;height:2rem}.app-icon--2xl{width:2.75rem;height:2.75rem}.app-step-sequence__sub-recipe{border:1px solid rgb(54,54,54);border-radius:.25rem;background-color:var(--clr-onion);box-shadow:0 0 .5rem #363636}.app-step-sequence__step{overflow:hidden;border:1px solid var(--clr-border);border-radius:.25rem}.app-step-sequence__step:has(>*+*:not(:empty)){display:grid;grid-template-columns:1fr min-content;gap:1rem;justify-content:space-between}@media (width <= 768px){.app-step-sequence__step{grid-template-columns:1fr}}.app-step-sequence__step-description{background-color:var(--clr-onion)}.app-ingredients{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,5fr) minmax(4.5rem,1fr));column-gap:2rem;height:max-content;clip-path:inset(0 0 .25rem 0)}.app-ingredients__ingredient{display:grid;grid-column:span 2;grid-template-columns:subgrid;column-gap:.5rem}.app-ingredients__delete-button{display:grid;place-items:center;border-radius:.75rem;color:#830b0b;background-color:#9756561b}.app-ingredients__delete-button:hover{filter:brightness(1.5)}.app-ingredients__delete-button:active{filter:brightness(3)}.app-ingredients:empty{display:none}.app-dropdown__trigger{position:relative}.app-dropdown__dropdown{position:absolute;right:0;display:none;flex-direction:column;border:1px solid var(--clr-border);background-color:var(--bg-main-1)}.app-dropdown__trigger:focus-within .app-dropdown__dropdown{display:flex}.app-dropdown p{white-space:nowrap;transition:background-color .15s}.app-dropdown p:hover{background-color:orange}.app-list__container--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.app-list__container--list{display:flex;flex-direction:column}.app-list__item{scale:.75;display:flex;flex-grow:1;opacity:0;transition:scale attr(data-animation-time ms) ease-in-out,background-color calc(attr(data-animation-time ms)*2) ease-in-out,opacity attr(data-animation-time ms) ease-in-out}.app-list__container--grid .app-list__item{flex-direction:column}.app-list__item--open{scale:1;opacity:1}@starting-style{.app-list__item--open{scale:.75;opacity:0}}.app-list__item--open:hover{scale:1.02}.app-list__image{overflow:hidden;display:block;height:12.5rem}.app-list__container--list .app-list__image{width:18rem;min-width:18rem}.app-grid-list-toggle{border:1px solid rgba(255,255,255,.5);background-color:#0003}.app-grid-list-toggle__button{box-sizing:content-box;outline:1px solid rgba(255,255,255,.5)}.app-grid-list-toggle__button--active{background-color:#13c1dc80}.app-grid-list-toggle__button:hover{background-color:#639}.app-grid-list-toggle__button:active{background-color:red}.app-input-file__preview-container{display:flex;gap:.5rem;width:20rem;interpolate-size:allow-keywords;transition-behavior:allow-discrete}.app-input-file__preview-container>*{flex:1;transition:all .2s .1s ease-in-out!important}.app-input-file__preview-container>*:hover{flex-grow:10}.app-input-file__add-image-button{display:grid;place-items:center;width:10rem;height:10rem;background-color:#fff2}.app-image-preview{position:relative;max-width:10rem;height:10rem}.app-image-preview__remove-image-button{position:absolute;top:.5rem;right:.5rem;display:none;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;opacity:0;background-color:red;transition:display .1s ease-in-out,opacity .4s ease-in-out;transition-behavior:allow-discrete}.app-image-preview:hover .app-image-preview__remove-image-button{display:grid;opacity:1}@starting-style{.app-image-preview:hover .app-image-preview__remove-image-button{opacity:0}}.app-gears{width:min(40rem,100%);padding-inline:1.5rem}.app-gears__text{border-radius:0rem 0rem 1.25rem 1.25rem;position:relative;z-index:-1;top:-1rem;padding-block:1.5rem .5rem;text-align:center;background-color:#1b1b1b;box-shadow:inset 0 0 .75rem #00000040}.app-gears__gear-box{border-radius:1.25rem 1.25rem 0rem 0rem;position:relative;overflow:hidden;width:min(40rem,100%);height:20rem;background-color:#1b1b1b}.app-gears__gear-box:before{border-radius:1.25rem 1.25rem 0rem 0rem;content:"";position:absolute;z-index:1;inset:0;box-shadow:inset 0 0 3.25rem #000}.app-gears__gear{position:absolute}.app-gears__tooth-pair{border-radius:.25rem}.app-gears__gear-1{top:11rem;left:18rem;display:grid;place-items:center;width:8rem;height:8rem;border-radius:9999rem;background-color:#646464;animation:gear-tick 4s normal linear infinite}.app-gears__gear-1:after{content:"";position:absolute;width:100%;height:100%;border:2rem solid rgb(100,100,100);border-radius:9999rem;background-color:#1b1b1b}.app-gears__gear-1 .app-gears__tooth-pair{position:absolute;width:2rem;height:11rem;background-color:#646464;transform:rotate(44deg)}.app-gears__gear-1 .app-gears__tooth-pair:nth-child(1){transform:rotate(104deg)}.app-gears__gear-1 .app-gears__tooth-pair:nth-child(2){transform:rotate(164deg)}.app-gears__gear-1 .app-gears__tooth-pair:nth-child(3){transform:rotate(224deg)}.app-gears__gear-2{top:-1.8rem;left:-3rem;display:grid;place-items:center;width:16rem;height:16rem;border-radius:9999rem;background-color:#646464;animation:gear-tick 8s normal linear infinite}.app-gears__gear-2:after{content:"";position:absolute;width:100%;height:100%;border:2rem solid rgb(100,100,100);border-radius:9999rem;background-color:#1b1b1b}.app-gears__gear-2 .app-gears__tooth-pair{position:absolute;width:2rem;height:19rem;background-color:#646464;transform:rotate(20deg)}.app-gears__gear-2 .app-gears__tooth-pair:nth-child(1){transform:rotate(50deg)}.app-gears__gear-2 .app-gears__tooth-pair:nth-child(2){transform:rotate(80deg)}.app-gears__gear-2 .app-gears__tooth-pair:nth-child(3){transform:rotate(110deg)}.app-gears__gear-2 .app-gears__tooth-pair:nth-child(4){transform:rotate(140deg)}.app-gears__gear-2 .app-gears__tooth-pair:nth-child(5){transform:rotate(170deg)}.app-gears__gear-2 .app-gears__tooth-pair:nth-child(6){transform:rotate(200deg)}.app-gears__gear-3{top:-22rem;left:11.6rem;display:grid;place-items:center;width:32rem;height:32rem;border-radius:9999rem;background-color:#646464;animation:gear-tick 16s reverse linear infinite}.app-gears__gear-3:after{content:"";position:absolute;width:100%;height:100%;border:2rem solid rgb(100,100,100);border-radius:9999rem;background-color:#1b1b1b}.app-gears__gear-3 .app-gears__tooth-pair{position:absolute;width:2rem;height:35rem;background-color:#646464;transform:rotate(0)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(1){transform:rotate(15deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(2){transform:rotate(30deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(3){transform:rotate(45deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(4){transform:rotate(60deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(5){transform:rotate(75deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(6){transform:rotate(90deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(7){transform:rotate(105deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(8){transform:rotate(120deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(9){transform:rotate(135deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(10){transform:rotate(150deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(11){transform:rotate(165deg)}.app-gears__gear-3 .app-gears__tooth-pair:nth-child(12){transform:rotate(180deg)}@keyframes gear-tick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overflow-hidden{overflow:hidden}.hidden-if-empty:empty{display:none}.push-right,.ml-auto{margin-inline-start:auto}.push-left,.mr-auto{margin-inline-end:auto}.w-full{width:100%}.h-full{height:100%}.max-w-full{max-width:100%}.w-fit-content{width:fit-content}.max-h-full{max-height:100%}.object-contain,.object-cover{object-fit:cover}.text-center{text-align:center}.bg--1{background-color:#e2e2e215}.bg--2{background-color:#446907}.fs-display{font-size:3.052rem;line-height:1.2}.fs-headline{font-size:2.441rem;line-height:1.2}.fs-title{font-size:1.953rem;line-height:1.2}.fs-subtitle{font-size:1.563rem;line-height:1.2}.fs-body{font-size:1.25rem;line-height:1.2}.fs-caption{font-size:.8rem;line-height:1.5}.fs-overline{font-size:.64rem;line-height:1.5}.block{display:block}.inline-block{display:inline-block}.flow-12{display:flex;flex-direction:column;gap:.75rem}.flow-24{display:flex;flex-direction:column;gap:1.5rem}.flow-32{display:flex;flex-direction:column;gap:2rem}.flow-44{display:flex;flex-direction:column;gap:2.75rem}.max-w-screen-1080,.max-w-screen-1080--children>*{width:min(67.5rem,100%);margin-inline:auto}.max-w-screen-1400{width:min(87.5rem,100%);margin-inline:auto}.grid-auto-fill-240{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.grid-auto-fit-240{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.flex{display:flex}.flex-inline{display:inline-flex}.grow{flex-grow:1}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.text-no-wrap{text-wrap:nowrap}.flex-column{display:flex;flex-direction:column}.grid-center{display:grid;place-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:end}.basis-full{flex-basis:100%}.justify-self-end{justify-self:end}.gap-4{gap:.25rem}.gap-8{gap:.5rem}.gap-12{gap:.75rem}.gap-16{gap:1rem}.gap-20{gap:1.25rem}.gap-24{gap:1.5rem}.gap-32{gap:2rem}.gap-64{gap:4rem}.gap-x-4{column-gap:.25rem}.gap-x-8{column-gap:.5rem}.gap-x-12{column-gap:.75rem}.gap-x-16{column-gap:1rem}.gap-x-20{column-gap:1.25rem}.gap-x-24{column-gap:1.5rem}.gap-x-32{column-gap:2rem}.gap-x-64{column-gap:4rem}.gap-y-4{row-gap:.25rem}.gap-y-8{row-gap:.5rem}.gap-y-12{row-gap:.75rem}.gap-y-16{row-gap:1rem}.gap-y-20{row-gap:1.25rem}.gap-y-24{row-gap:1.5rem}.gap-y-32{row-gap:2rem}.gap-y-64{row-gap:4rem}.p-4{padding:.25rem}.p-8{padding:.5rem}.p-12{padding:.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}.p-24{padding:1.5rem}.p-32{padding:2rem}.p-64{padding:4rem}.px-4{padding-inline:.25rem}.px-8{padding-inline:.5rem}.px-12{padding-inline:.75rem}.px-16{padding-inline:1rem}.px-20{padding-inline:1.25rem}.px-24{padding-inline:1.5rem}.px-32{padding-inline:2rem}.px-64{padding-inline:4rem}.pl-4{padding-inline-start:.25rem}.pl-8{padding-inline-start:.5rem}.pl-12{padding-inline-start:.75rem}.pl-16{padding-inline-start:1rem}.pl-20{padding-inline-start:1.25rem}.pl-24{padding-inline-start:1.5rem}.pl-32{padding-inline-start:2rem}.pl-64{padding-inline-start:4rem}.pr-4{padding-inline-end:.25rem}.pr-8{padding-inline-end:.5rem}.pr-12{padding-inline-end:.75rem}.pr-16{padding-inline-end:1rem}.pr-20{padding-inline-end:1.25rem}.pr-24{padding-inline-end:1.5rem}.pr-32{padding-inline-end:2rem}.pr-64{padding-inline-end:4rem}.py-4{padding-block:.25rem}.py-8{padding-block:.5rem}.py-12{padding-block:.75rem}.py-16{padding-block:1rem}.py-20{padding-block:1.25rem}.py-24{padding-block:1.5rem}.py-32{padding-block:2rem}.py-64{padding-block:4rem}.pt-4{padding-block-start:.25rem}.pt-8{padding-block-start:.5rem}.pt-12{padding-block-start:.75rem}.pt-16{padding-block-start:1rem}.pt-20{padding-block-start:1.25rem}.pt-24{padding-block-start:1.5rem}.pt-32{padding-block-start:2rem}.pt-64{padding-block-start:4rem}.pb-4{padding-block-end:.25rem}.pb-8{padding-block-end:.5rem}.pb-12{padding-block-end:.75rem}.pb-16{padding-block-end:1rem}.pb-20{padding-block-end:1.25rem}.pb-24{padding-block-end:1.5rem}.pb-32{padding-block-end:2rem}.pb-64{padding-block-end:4rem}.m-4{margin:.25rem}.m-8{margin:.5rem}.m-12{margin:.75rem}.m-16{margin:1rem}.m-20{margin:1.25rem}.m-24{margin:1.5rem}.m-32{margin:2rem}.m-64{margin:4rem}.mx-auto{margin-inline:auto}.mx-4{margin-inline:.25rem}.mx-8{margin-inline:.5rem}.mx-12{margin-inline:.75rem}.mx-16{margin-inline:1rem}.mx-20{margin-inline:1.25rem}.mx-24{margin-inline:1.5rem}.mx-32{margin-inline:2rem}.mx-64{margin-inline:4rem}.my-auto{margin-inline:auto}.my-4{margin-block:.25rem}.my-8{margin-block:.5rem}.my-12{margin-block:.75rem}.my-16{margin-block:1rem}.my-20{margin-block:1.25rem}.my-24{margin-block:1.5rem}.my-32{margin-block:2rem}.my-64{margin-block:4rem}.rounded-0{border-radius:0rem}.rounded-xs{border-radius:.25rem}.rounded-sm{border-radius:.5rem}.rounded-md{border-radius:.75rem}.rounded-lg{border-radius:1rem}.rounded-xl{border-radius:1.25rem}.rounded-2xl{border-radius:1.5rem}.rounded-full{border-radius:6249.9375rem}.t-floating-tools{position:fixed;right:3rem;bottom:.7rem;display:flex;gap:.5rem}.t-floating-save{z-index:100;padding:.5rem;border:1px solid var(--clr-border);border-radius:.5rem;background-color:#0c7e37;box-shadow:0 0 12px -5px #eaff00}.t-floating-save:hover{background-color:#0e9943;box-shadow:0 0 26px -5px #eaff00}.t-floating-save:active{background-color:#0dbe51}.t-working-on-1{background-color:#4cab11af}.t-working-on-2{background-color:#ab4c11af}.t-working-on-3{background-color:#ab1185af}.t-working-on-4{background-color:#cbc102af}.t-working-on-5{background-color:#00eeffaf}.test{background-color:#ffa60080}.t-add-button{grid-column:span 2;height:max-content;padding:.5rem 1rem;text-align:center;background-color:#fff2}.t-add-button:hover{background-color:#ffffff56}