:root{--font-pixel:"VT323",apple-system,"Roboto",system-ui,"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--font-regular:"Quicksand",apple-system,"Roboto",system-ui,"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--color-white:#fff;--color-black:#02071c;--color-orange:#ff6200;--color-orange-dark:#a64001;--color-yellow:#ff0;--color-yellow-dark:#c0c002;--color-beige:#ee9f4c;--color-brown:#654321cc;--color-brown-middle:#4b3218cc;--color-brown-dark:#31200fcc;--color-blue-dark:#02071c;--color-grey:#fff6;--background-image-color-dark:var(--color-blue-dark);--background-card-dark:var(--color-brown);--background-button-primary:var(--color-brown-middle);--background-button-primary-hover:var(--color-brown-dark);--background-button-secondary:var(--color-yellow);--background-button-secondary-hover:var(--color-yellow-dark);--color-border-card:var(--color-orange);--color-border-secondary:var(--color-blue-dark);--color-button-primary:var(--color-yellow);--color-link:var(--color-yellow);--color-button-secondary:var(--color-blue-dark);--main-width:576px}@media (width>=576px){:root{--main-width:65%}}:root{--height-header-big:5rem;--height-header-small:2.5rem;--height-footer:4.5rem}@media (width>=576px){:root{--height-footer:2.5rem}}:root{--padding-card:1rem;--padding-s:.5rem;--padding-m:1rem;--padding-l:1.5rem;--padding-xl:2rem;--margin-s:.5rem;--margin-m:1rem;--margin-l:1.5rem;--margin-xl:2rem;--z-index-header:100;--z-index-modal:1010;--z-index-modal-backdrop:1000;--z-index-recipe-focus-mode:900;--font-size-default:1rem;--font-size-big:1.5rem;--font-weight-medium:400;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}@font-face{font-family:VT323;src:local(""),url(/_build/assets/VT323-Regular-DmV0tCZb.woff2)format("woff2 supports variations"),url(/_build/assets/VT323-Regular-DmV0tCZb.woff2)format("woff2-variations");font-display:swap;font-weight:200 900}@font-face{font-family:Quicksand;src:local(""),url(/_build/assets/Quicksand-VariableFont_wght-DSr3kuKC.woff2)format("woff2 supports variations"),url(/_build/assets/Quicksand-VariableFont_wght-DSr3kuKC.woff2)format("woff2-variations");font-display:swap;font-weight:200 900}body{color:var(--color-beige);font-size:1.5rem}p{background:var(--color-blue-dark);color:var(--color-beige);box-decoration-break:clone;margin:0;padding:.2rem .4rem;line-height:1.5;display:inline;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);word-wrap:break-word;hyphens:auto;margin:1rem 0;position:relative}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:3rem}h4{font-size:2rem}hr{margin:var(--margin-xl)0;background-color:var(--color-border-card);border:0;height:.25rem;position:relative}main{padding-top:calc(var(--height-header-big) + var(--padding-m));padding-left:var(--padding-s);padding-right:var(--padding-s);max-width:var(--main-width);min-height:1000px;margin:0 auto}body{font-family:var(--font-pixel);background-color:var(--background-image-color-dark);min-height:100vh;margin:0}.break-out{--_space-override:calc(50vw - 50%);margin-left:calc(-1*var(--_space-override));margin-right:calc(-1*var(--_space-override));padding-left:var(--_space-override);padding-right:var(--_space-override);background-color:var(--color-beige);color:var(--color-brown-dark);position:relative}header{width:100%;height:var(--height-header-big);transition:all .2s ease-in-out;position:absolute;top:.5rem;left:0}header.is-shaking{animation:1s horizontal-shaking}header.sticky-header{z-index:var(--z-index-header);height:var(--height-header-small);transition:all .2s ease-in-out;position:sticky;top:0}header.sticky-header .header-container{clip-path:unset;border-bottom:3px solid var(--color-border-card);max-width:100%;margin:0;transition:all .2s ease-in-out}header.sticky-header .header-container:after{content:none}header.sticky-header img{width:auto;height:35px;animation:.75s upAndDown;bottom:-.5rem}header.sticky-header .action-container svg{height:1.5rem}header.sticky-header .action-icon,header.sticky-header .action-icon a{font-size:1.5rem}header.sticky-header .viewed-list,header.sticky-header .liked-list,header.sticky-header .ep{position:relative;top:.25rem}header .header-logo-text{margin:auto;font-size:2.5rem}header .header-logo-text.big{display:none}@media (width>=576px){header .header-logo-text.big{display:block}}header .header-logo-text.small{display:none}@media (width>=400px){header .header-logo-text.small{display:none}}@media (width>=576px){header .header-logo-text.small{display:none}}header .header-logo{display:flex}header .header-container{max-width:calc(100% - 3rem);height:calc(100% - 2*var(--padding-card));align-items:center;margin:0 auto;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}header img{margin-right:var(--margin-m);transition:bottom .5s ease-in-out;position:relative;bottom:-.75rem}header .action-container{gap:var(--margin-l);right:var(--margin-m);display:flex;position:absolute}header .action-container svg{height:2rem}header .action-icon{gap:var(--margin-s);color:var(--color-yellow);font-size:2rem;display:flex}header .action-icon a{gap:var(--margin-s);font-size:2rem;display:flex}header .action-icon.search{display:none}@media (width>=1024px){header .action-icon.search{display:block}}header .action-icon.settings{display:none}@media (width>=1024px){header .action-icon.settings{display:block}}header .action-icon.viewed-list{display:none}@media (width>=1024px){header .action-icon.viewed-list{display:block}}header .action-icon.lang{display:none}@media (width>=1024px){header .action-icon.lang{display:block}}header .select .svg-icon{width:auto;height:2rem}header .select div[class$=control]{height:2rem}.third-card-scrolled header img{transition:bottom .5s ease-in-out;bottom:-10rem}.third-card-scrolled .scroll-top-container button{transition:top .5s ease-in-out;top:40px}.scroll-top-container button{clip-path:none;z-index:1;background:0 0;border:none;padding:0;transition:top .5s ease-in-out;position:fixed;top:-150px;left:10px}.scroll-top-container button:after{clip-path:none!important;background:0 0!important}.scroll-top-container button:hover,.scroll-top-container button:focus-visible{background:unset!important;transform:none!important}.scroll-top-container .scroll-top-text{color:#000;background-color:#fff;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:relative;top:25px;left:10px;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000}.scroll-top-container .scroll-top-text svg{width:auto;height:1.5rem;transform:rotate(270deg)}.scroll-top-container img{transform:rotate(180deg)}@keyframes upAndDown{0%{bottom:-10rem}to{bottom:-.5rem}}body.modal-open header img,body.offcanvas-open header img{transition:bottom .5s ease-in-out;bottom:-10rem}@keyframes horizontal-shaking{0%{left:0}10%{left:-5px}20%{left:0}30%{left:-5px}40%{left:0}50%{left:-5px}60%{left:0}70%{left:-5px}80%{left:0}90%{left:-5px}to{left:0}}footer{width:100%;height:var(--height-footer);border-top:2px solid var(--color-border-card);color:var(--color-white);position:relative;bottom:0;left:0}footer .footer-container{max-width:calc(100% - 3rem);height:var(--height-footer);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex;overflow-y:hidden}footer .footer-container img{width:auto;height:20px;margin-right:var(--margin-s);bottom:-.75rem}footer .footer-links{gap:var(--margin-m);width:100%;display:flex;position:relative}@media (width>=576px){footer .footer-links{right:var(--margin-m);width:max-content;position:absolute}}.bg-img{width:auto;height:calc(100% - var(--height-footer));position:fixed;top:0;left:50%;transform:translate(-50%)}@media (width>=320px){.bg-img{max-height:calc(100% - var(--height-footer));width:100%;height:auto;transform:unset;position:fixed;left:0}}@media (width>=576px){.bg-img{width:auto;height:calc(100% - var(--height-footer));left:50%;transform:translate(-50%)}}.card{backdrop-filter:blur(.25rem);padding:var(--padding-card);background:var(--background-card-dark);clip-path:polygon(0 calc(100% - 15px),3px calc(100% - 15px),3px calc(100% - 9px),6px calc(100% - 9px),6px calc(100% - 6px),9px calc(100% - 6px),9px calc(100% - 3px),15px calc(100% - 3px),15px 100%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 15px),100% calc(100% - 15px),100% 15px,calc(100% - 3px) 15px,calc(100% - 3px) 9px,calc(100% - 6px) 9px,calc(100% - 6px) 6px,calc(100% - 9px) 6px,calc(100% - 9px) 3px,calc(100% - 15px) 3px,calc(100% - 15px) 0,15px 0,15px 3px,9px 3px,9px 6px,6px 6px,6px 9px,3px 9px,3px 15px,0 15px);position:relative}.card:after{content:"";clip-path:polygon(0 calc(100% - 15px),3px calc(100% - 15px),3px calc(100% - 9px),6px calc(100% - 9px),6px calc(100% - 6px),9px calc(100% - 6px),9px calc(100% - 3px),15px calc(100% - 3px),15px 100%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 15px),100% calc(100% - 15px),100% 15px,calc(100% - 3px) 15px,calc(100% - 3px) 9px,calc(100% - 6px) 9px,calc(100% - 6px) 6px,calc(100% - 9px) 6px,calc(100% - 9px) 3px,calc(100% - 15px) 3px,calc(100% - 15px) 0,15px 0,15px 3px,9px 3px,9px 6px,6px 6px,6px 9px,3px 9px,3px 15px,0 15px,0 50%,3px 50%,3px 15px,6px 15px,6px 9px,9px 9px,9px 6px,15px 6px,15px 3px,calc(100% - 15px) 3px,calc(100% - 15px) 6px,calc(100% - 9px) 6px,calc(100% - 9px) 9px,calc(100% - 6px) 9px,calc(100% - 6px) 15px,calc(100% - 3px) 15px,calc(100% - 3px) calc(100% - 15px),calc(100% - 6px) calc(100% - 15px),calc(100% - 6px) calc(100% - 9px),calc(100% - 9px) calc(100% - 9px),calc(100% - 9px) calc(100% - 6px),calc(100% - 15px) calc(100% - 6px),calc(100% - 15px) calc(100% - 3px),15px calc(100% - 3px),15px calc(100% - 6px),9px calc(100% - 6px),9px calc(100% - 9px),6px calc(100% - 9px),6px calc(100% - 15px),3px calc(100% - 15px),3px 50%,0 50%);background:var(--color-border-card);pointer-events:none;display:block;position:absolute;inset:0}.card p{background:unset;display:block}button,.btn-primary,a.btn-primary{background:var(--background-button-primary);color:var(--color-button-primary);justify-content:center;align-items:center;gap:var(--margin-s);box-sizing:border-box;padding:var(--padding-m);font-size:var(--font-size-default);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;font-family:var(--font-pixel);clip-path:polygon(3px 9px,6px 9px,6px 6px,9px 6px,9px 3px,calc(100% - 9px) 3px,calc(100% - 9px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 9px,calc(100% - 3px) 9px,calc(100% - 3px) calc(100% - 9px),calc(100% - 6px) calc(100% - 9px),calc(100% - 6px) calc(100% - 6px),calc(100% - 9px) calc(100% - 6px),calc(100% - 9px) calc(100% - 3px),9px calc(100% - 3px),9px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 9px),3px calc(100% - 9px));margin:1px;display:inline-flex;position:relative}:is(button,.btn-primary,a.btn-primary):after{content:"";clip-path:polygon(0 calc(100% - 9px),3px calc(100% - 9px),3px calc(100% - 6px),6px calc(100% - 3px),9px calc(100% - 3px),9px 100%,calc(100% - 9px) 100%,calc(100% - 9px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 9px),100% calc(100% - 9px),100% 9px,calc(100% - 3px) 9px,calc(100% - 3px) 6px,calc(100% - 6px) 3px,calc(100% - 9px) 3px,calc(100% - 9px) 0,9px 0,9px 3px,6px 3px,3px 6px,3px 9px,0 9px,0 50%,3px 50%,3px 9px,6px 9px,6px 6px,9px 6px,9px 3px,calc(100% - 9px) 3px,calc(100% - 9px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 9px,calc(100% - 3px) 9px,calc(100% - 3px) calc(100% - 9px),calc(100% - 6px) calc(100% - 9px),calc(100% - 6px) calc(100% - 6px),calc(100% - 9px) calc(100% - 6px),calc(100% - 9px) calc(100% - 3px),9px calc(100% - 3px),9px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 9px),3px calc(100% - 9px),3px 50%,0 50%);background:var(--color-border-card);pointer-events:none;display:block;position:absolute;inset:0}:is(button,.btn-primary,a.btn-primary):hover,:is(button,.btn-primary,a.btn-primary):focus-visible{background:var(--background-button-primary-hover);cursor:pointer;transform:translate(2px,2px)scale(.95)}:is(button,.btn-primary,a.btn-primary):disabled{opacity:.5}:is(button,.btn-primary,a.btn-primary):disabled:hover{cursor:not-allowed!important;transform:unset!important}:is(button,.btn-primary,a.btn-primary).disabled{opacity:.5}:is(button,.btn-primary,a.btn-primary).disabled:hover{cursor:not-allowed!important;transform:unset!important}:is(button,.btn-primary,a.btn-primary).btn-secondary{color:var(--color-button-secondary);background:var(--background-button-secondary);border:#0000}:is(button,.btn-primary,a.btn-primary).btn-secondary:after{background:var(--color-border-secondary)}:is(button,.btn-primary,a.btn-primary).btn-secondary:hover,:is(button,.btn-primary,a.btn-primary).btn-secondary:focus-visible{background:var(--background-button-secondary-hover)}:is(button,.btn-primary,a.btn-primary).btn-no-style{border:unset;color:var(--color-button-primary);font-size:var(--font-size-default);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;font-family:var(--font-pixel);background:0 0;padding:0;position:relative}:is(button,.btn-primary,a.btn-primary).btn-no-style:after{content:none}:is(button,.btn-primary,a.btn-primary).btn-no-style:hover{transform:unset;background:0 0}:is(button,.btn-primary,a.btn-primary).btn-star{padding:.25rem}:is(button,.btn-primary,a.btn-primary).btn-star:hover{transition:transform .1s ease-in-out;transform:scale(1.75)}a{color:var(--color-link);padding:2px;text-decoration:none;transition:all .2s ease-out;position:relative}a:after{content:"";background:var(--color-link);width:100%;height:2px;transition:all .2s ease-out;position:absolute;bottom:0;right:0}a:before{content:"";background:var(--color-link);opacity:0;width:8px;height:2px;position:absolute;bottom:0;right:-2px}a:hover{background:rgba(var(--color-link),.1);transition:all .1s ease-out}a:hover:after{width:0;transition:all .1s ease-out}a:hover:before{opacity:1;transition:all .1s ease-out;animation:.4s .1s infinite blink}a.no-style{font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;background:0 0;padding:0;position:relative}a.no-style:after,a.no-style:before{content:none}a.no-style:hover{transform:unset;background:0 0}.card-link{width:100%;height:100%;position:absolute;top:0;left:0}.card-link:after,.card-link:before{content:none}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}ol,li{list-style:none}ul{margin:0;padding-left:0}.modal-image{color:var(--color-blue-dark);z-index:var(--z-index-modal);transition:left .5s ease-in-out;position:fixed;bottom:0;left:-100%}.modal-open .modal-image{transition:left .5s ease-in-out;left:0}.modal{opacity:0;z-index:var(--z-index-modal);text-align:center;color:#000;padding:var(--padding-s);box-sizing:border-box;background-color:#fff;width:calc(100% - 2rem);margin:0;transition:opacity .25s ease-in-out;display:inline-block;position:fixed;bottom:-50rem;left:1rem;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000}@media (width>=768px){.modal{width:40rem;margin:0}}.modal:after{content:"";box-sizing:border-box;display:block;position:absolute}.modal.show{opacity:1;transition:opacity 1.5s ease-in-out;bottom:17rem}.modal.hidden{opacity:0;transition:opacity .25s ease-in-out}.modal.shadow{box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000,4px 12px #0000001a,12px 4px #0000001a,8px 8px #0000001a}.modal.mini{width:110px;padding:4px;font-family:monospace;font-size:16px}.modal.medium{width:350px}.modal.large{text-align:left;text-transform:uppercase;width:560px;font-size:24px}.modal.grow{width:initial}.modal.top:after{width:4px;height:4px;top:-8px;left:32px;box-shadow:0 -4px #000,0 -8px #000,0 -12px #000,0 -16px #000,-4px -12px #000,-8px -8px #000,-12px -4px #000,-4px -4px #fff,-8px -4px #fff,-4px -8px #fff,-4px 0 #fff,-8px 0 #fff,-12px 0 #fff}.modal.right:after{background:#fff;width:4px;height:4px;top:84px;right:-8px;box-shadow:4px -4px #fff,4px 0 #fff,8px 0 #fff,0 -8px #fff,4px 4px #000,8px 4px #000,12px 4px #000,16px 4px #000,12px 0 #000,8px -4px #000,4px -8px #000,0 -4px #fff}.modal.bottom:after{width:4px;height:4px;bottom:-8px;left:120px;transform:scaleX(-1);box-shadow:4px 0 #000,0 8px #000,0 12px #000,0 16px #000,-4px 12px #000,-8px 8px #000,-12px 4px #000,-4px 4px #fff,-8px 4px #fff,-4px 8px #fff,-4px 0 #fff,-8px 0 #fff,-12px 0 #fff}.modal.left:after{background:#fff;width:4px;height:4px;top:20px;left:-8px;box-shadow:-4px -4px #fff,-4px 0 #fff,-8px 0 #fff,0 -8px #fff,-4px 4px #000,-8px 4px #000,-12px 4px #000,-16px 4px #000,-12px 0 #000,-8px -4px #000,-4px -8px #000,0 -4px #fff}.modal .modal-content{max-height:calc(100vh - 20rem);overflow:hidden auto}.modal p{background:unset;display:block}.modal button{width:100%}.modal .card{background:var(--color-white);color:var(--color-black)}.modal .card:after{background:var(--color-black)}.modal button{background:var(--color-white);color:var(--color-black)}.modal button:after{background:var(--color-black)}.modal button:hover{color:var(--color-white)}.modal-backdrop{z-index:var(--z-index-modal-backdrop);visibility:hidden;width:100%;height:100%;transition:all 1.5s ease-in-out;position:fixed;top:0;bottom:0;left:0}.modal-backdrop.show{visibility:visible;backdrop-filter:blur(1px);background:#2226;transition:all 1.5s ease-in-out}body.modal-open{overflow-y:hidden}.modal-star{width:calc(100% - 2rem)}@media (width>=768px){.modal-star{width:50%;margin:0}}.recipe{transition:all .2s ease-in-out;position:relative}.recipe.focus-mode{padding:var(--padding-s)var(--padding-l);background-color:var(--color-black);color:var(--color-white);width:calc(100% - 2*var(--padding-l));font-size:var(--font-size-big);z-index:var(--z-index-recipe-focus-mode);clip-path:unset;border:unset;transition:all .2s ease-in-out;position:absolute;top:0;left:-2px}.recipe.focus-mode:after{content:none}.recipe.focus-mode .collapse,.recipe.focus-mode .comments{display:none}.recipe .finish-icon{opacity:1;width:1rem;height:1rem;position:relative;overflow:hidden}.recipe .back{padding:.5rem}.recipe .back svg{width:1rem;height:1rem;transform:rotate(180deg)}.recipe .table{margin-bottom:var(--margin-m)}.recipe .collapse{margin:var(--margin-m)0}.recipe .recipe-image{width:100%;height:auto;margin:0 auto;display:block}@media (width>=576px){.recipe .recipe-image{width:50%}}.recipe-header{justify-content:space-between;align-items:center;display:flex}.recipe-header .info{padding:.5rem .75rem}.recipe-header .small-buttons{align-items:center;gap:var(--margin-s);display:flex}.recipe-header .voice-toggle-wrapper{margin-right:var(--margin-s);align-items:center;display:flex}.recipe-header .voice-toggle{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.recipe-header .voice-toggle input{opacity:0;width:0;height:0}.recipe-header .voice-toggle input:checked+.voice-toggle-slider{background-color:var(--color-orange)}.recipe-header .voice-toggle input:checked+.voice-toggle-slider:before{background-color:var(--color-yellow);transform:translate(20px)}.recipe-header .voice-toggle input:checked~.voice-toggle-icon{color:var(--color-white)}.recipe-header .voice-toggle .voice-toggle-slider{background-color:var(--color-brown-middle);transition:all .2s;position:absolute;inset:0;box-shadow:0 -2px #fff,0 -4px #000,2px 0 #fff,2px -2px #000,4px 0 #000,0 2px #fff,0 4px #000,-2px 0 #fff,-2px 2px #000,-4px 0 #000,-2px -2px #000,2px 2px #000}.recipe-header .voice-toggle .voice-toggle-slider:before{content:"";background-color:var(--color-grey);width:16px;height:16px;transition:all .2s;position:absolute;bottom:4px;left:4px;box-shadow:0 -2px #000,2px 0 #000,0 2px #000,-2px 0 #000}.recipe-header .voice-toggle .voice-toggle-icon{color:var(--color-brown-middle);align-items:center;transition:all .2s;display:flex;position:absolute;top:4px;right:-24px}.recipe-detail-item{padding:var(--padding-l)0;border-bottom:1px solid var(--color-border-card)}.recipe-detail-item:last-of-type{border-bottom:none}.recipe-detail-item .badge{margin-bottom:var(--margin-s);margin-right:var(--margin-m);padding:var(--padding-s)var(--padding-m)}.recipe-footer{margin-bottom:var(--margin-m);justify-content:space-between;align-items:center;display:flex}.cook-timer{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.cook-timer .cook-timer__label{letter-spacing:.08em;text-transform:uppercase;opacity:.45;font-size:.65rem;font-weight:600}.cook-timer .cook-timer__display{font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--color-primary,#ff6200);font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700}.finish-cook-count{opacity:.65;letter-spacing:.02em;margin-left:.35rem;font-size:.75rem;font-weight:400}.cooked-count-list{margin-top:var(--margin-m);flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.cooked-count-item{background:var(--color-card,#ffffff0d);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.875rem;display:flex}.cooked-count-badge{background:var(--color-primary,#ff6200);color:#fff;letter-spacing:.04em;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.finished .finish-icon{animation:2.25s ease-out forwards move-up-and-down}.finished .recipe-animation-icon{z-index:calc(var(--z-index-recipe-focus-mode) + 1);opacity:0;width:5rem;height:5rem;animation:1.5s linear forwards diagonal-move-rotate;position:absolute;bottom:500px}.recipe-animation-icon{opacity:0;width:1rem;position:absolute}.rating-container{align-items:center;gap:var(--margin-xl);display:flex}@keyframes move-up-and-down{0%{opacity:1;bottom:0}10%{opacity:0;bottom:5rem;right:5rem}50%{opacity:0;bottom:-5rem;right:0}to{opacity:1;bottom:0}}@keyframes diagonal-move-rotate{0%{opacity:0;transform:rotate(0)}50%{opacity:1}to{opacity:0;top:0;left:calc(100% - 5rem);transform:rotate(720deg)}}.collapse-button{box-sizing:border-box;width:100%;padding:var(--padding-s);text-align:unset;background:0 0;border:none;justify-content:space-between;align-items:center;transition:border-radius 1s ease-out;display:flex}.collapse-button.collapse-open{transition:border-radius .25s ease-out}.collapse-button.collapse-open .icon{transition:transform .25s ease-out;transform:rotate(90deg)}@media (hover:hover){.collapse-button:hover{box-shadow:unset;cursor:pointer}}.collapse-button .icon{align-self:baseline;padding:.5rem .75rem;transition:transform .25s ease-out;display:flex;position:relative;width:fit-content!important}.collapse{border:unset;opacity:1;visibility:visible;transition:opacity .25s ease-out;position:relative}.collapse-content{max-height:0;transition:max-height .25s ease-in-out;overflow:hidden}.collapse-content.collapse-closed{border:none;padding:0;transition:max-height .25s ease-out,padding .25s ease-out .5s}.accordion .collapse{margin-bottom:var(--margin-s)}.accordion div .collapse:last-child,.accordion>button,.collapse:last-of-type{margin-bottom:0}.swiper-button-next,.swiper-button-prev{background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800'%20height='800'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23FF6200'%20d='M8%205v2h2V5H8zm4%204V7h-2v2h2zm2%202V9h-2v2h2zm0%202h2v-2h-2v2zm-2%202v-2h2v2h-2zm0%200h-2v2h2v-2zm-4%204v-2h2v2H8z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:2.5rem;color:#0000!important;height:100%!important;display:none!important;top:20px!important}@media (width>=768px){.swiper-button-next,.swiper-button-prev{display:block!important}}:is(.swiper-button-next,.swiper-button-prev):after{content:""!important}.swiper-button-prev{transform:rotate(180deg)}.swiper-slide{border-right:3px solid var(--color-border-card)}.table .row{background-color:var(--color-brown-middle);border-bottom:1px solid var(--color-border-card);display:flex}.table .row:nth-of-type(2n){background-color:var(--color-brown)}.table .row:last-of-type{border-bottom:none}.table .column{width:50%;padding:var(--padding-s);border-right:1px solid var(--color-border-card)}.table .column:nth-of-type(2n){border-right:none}.badge{padding:var(--padding-s)var(--padding-m);background:var(--background-button-primary);clip-path:polygon(3px 9px,6px 9px,6px 6px,9px 6px,9px 3px,calc(100% - 9px) 3px,calc(100% - 9px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 9px,calc(100% - 3px) 9px,calc(100% - 3px) calc(100% - 9px),calc(100% - 6px) calc(100% - 9px),calc(100% - 6px) calc(100% - 6px),calc(100% - 9px) calc(100% - 6px),calc(100% - 9px) calc(100% - 3px),9px calc(100% - 3px),9px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 9px),3px calc(100% - 9px));border-radius:50%;display:inline-block;position:relative}.badge:after{content:"";clip-path:polygon(0 calc(100% - 9px),3px calc(100% - 9px),3px calc(100% - 6px),6px calc(100% - 3px),9px calc(100% - 3px),9px 100%,calc(100% - 9px) 100%,calc(100% - 9px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 9px),100% calc(100% - 9px),100% 9px,calc(100% - 3px) 9px,calc(100% - 3px) 6px,calc(100% - 6px) 3px,calc(100% - 9px) 3px,calc(100% - 9px) 0,9px 0,9px 3px,6px 3px,3px 6px,3px 9px,0 9px,0 50%,3px 50%,3px 9px,6px 9px,6px 6px,9px 6px,9px 3px,calc(100% - 9px) 3px,calc(100% - 9px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 9px,calc(100% - 3px) 9px,calc(100% - 3px) calc(100% - 9px),calc(100% - 6px) calc(100% - 9px),calc(100% - 6px) calc(100% - 6px),calc(100% - 9px) calc(100% - 6px),calc(100% - 9px) calc(100% - 3px),9px calc(100% - 3px),9px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 9px),3px calc(100% - 9px),3px 50%,0 50%);background:var(--color-border-card);pointer-events:none;display:block;position:absolute;inset:0}.stars-container{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.retro-star{filter:drop-shadow(1px 1px #333);width:28px;height:28px}.retro-star .star-shape{stroke:#000;stroke-width:1.5px;fill:#888}.retro-star.filled .star-shape{fill:gold}.retro-star.half .star-shape{stroke:#000;stroke-width:1.5px}.retro-star .half-star-overlay{opacity:1}.retro-star{shape-rendering:crispEdges}.comments{display:block;position:relative}.comment{text-align:center;color:#000;padding:var(--padding-s);box-sizing:border-box;background-color:#fff;width:calc(100% - 2rem);margin-bottom:2rem;display:block;position:relative;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000}.comment:last-of-type{margin-bottom:0}.comment:after{content:"";box-sizing:border-box;display:block;position:absolute}.comment.shadow{box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000,4px 12px #0000001a,12px 4px #0000001a,8px 8px #0000001a}.comment.mini{width:110px;padding:4px;font-family:monospace;font-size:16px}.comment.medium{width:350px}.comment.large{text-align:left;text-transform:uppercase;width:560px;font-size:24px}.comment.right{margin-left:auto;margin-right:.5rem}.comment.right:after{background:#fff;width:4px;height:4px;top:18px;right:-8px;box-shadow:4px -4px #fff,4px 0 #fff,8px 0 #fff,0 -8px #fff,4px 4px #000,8px 4px #000,12px 4px #000,16px 4px #000,12px 0 #000,8px -4px #000,4px -8px #000,0 -4px #fff}.comment.left{margin-left:.5rem;margin-right:auto}.comment.left:after{background:#fff;width:4px;height:4px;top:20px;left:-8px;box-shadow:-4px -4px #fff,-4px 0 #fff,-8px 0 #fff,0 -8px #fff,-4px 4px #000,-8px 4px #000,-12px 4px #000,-16px 4px #000,-12px 0 #000,-8px -4px #000,-4px -8px #000,0 -4px #fff}.comment p{background:unset;color:var(--color-black)}textarea{font-family:var(--font-pixel);width:-webkit-fill-available;padding:var(--padding-m);margin:var(--margin-s);font-size:1.5rem;font-size:var(--font-size-m);resize:none;scrollbar-color:black transparent;scrollbar-width:thin;border:none;display:block;position:relative;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000}textarea:focus-visible{outline:none}input[type=text]{font-family:var(--font-pixel);width:-webkit-fill-available;padding:var(--padding-m);margin:var(--margin-s);font-size:1.5rem;font-size:var(--font-size-m);resize:none;scrollbar-color:black transparent;scrollbar-width:thin;border:none;display:block;position:relative;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000}input[type=text]:focus-visible{outline:none}.input-with-suggestions{width:100%;position:relative}.input-with-suggestions .suggestion-list{z-index:calc(var(--z-index-modal) - 1);padding:var(--padding-s);width:calc(100% - 2*var(--padding-s) - 2*4px);background-color:var(--color-white);position:absolute;top:5rem;left:4px;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000}@media (width>=1024px){.input-with-suggestions .suggestion-list{max-width:30rem}}.input-with-suggestions .suggestion-list li{border-bottom:3px solid var(--color-black)}.input-with-suggestions .suggestion-list li:last-of-type{border-bottom:none}.input-with-suggestions .suggestion-list li button{padding:var(--padding-s);width:100%;color:var(--color-black);word-break:break-word;text-align:start;justify-content:flex-start}.input-with-suggestions .suggestion-list li button:hover{background:var(--color-grey);scale:.95}.input-with-suggestions .suggestion-backdrop{width:100%;height:100%;z-index:calc(var(--z-index-modal) - 2);position:fixed;top:0;left:0}.m-b-s{margin-bottom:var(--margin-s)}.m-b-m{margin-bottom:var(--margin-m)}.m-t-m{margin-top:var(--margin-m)}.btn-offcanvas{background:unset;align-items:unset;clip-path:none;color:unset;border:none;gap:0;padding:0}.btn-offcanvas:before{background-color:var(--color-border-card);content:"";width:2rem;height:.25rem;box-shadow:0 .625rem 0 var(--color-border-card);transition:all .2s ease-in-out;display:block;position:relative;top:4px}.btn-offcanvas:after{width:2rem;height:.25rem;transition:all .2s ease-in-out;display:block;clip-path:none!important;background-color:var(--color-border-card)!important;bottom:2px!important;left:unset!important;top:unset!important;right:unset!important;content:""!important}.btn-offcanvas:hover{background:unset!important;transform:scale(1.1)!important}.btn-offcanvas.open:before{box-shadow:0 0 0 var(--color-black);transform:translateY(.625rem)rotate(45deg)}.btn-offcanvas.open:after{transform:translateY(-.625rem)rotate(-45deg)}@media (width>=1024px){.btn-offcanvas{display:none}}.sticky-header .btn-offcanvas:before{width:1.5rem;height:.1rem;box-shadow:0 .45rem 0 var(--color-border-card)}.sticky-header .btn-offcanvas:after{width:1.5rem;height:.1rem}@media (width>=1024px){.action-icon.off{display:none}}.offcanvas{z-index:calc(var(--z-index-modal) - 2);background-color:#fff;background:var(--background-card-dark);width:100%;height:100%;transition:transform .3s ease-in-out;position:fixed;top:0;right:0;transform:translate(100%)}@media (width>=768px){.offcanvas{width:50%}}.offcanvas.open{transform:translate(0)}.offcanvas li{margin:1rem 0;font-size:2.5rem}.offcanvas-header{border-bottom:3px solid var(--color-border-card);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;overflow:hidden}.offcanvas-header img{position:relative;bottom:-17px}.offcanvas-title-container{align-items:center;gap:1rem;display:flex}.offcanvas-body{height:calc(100% - 4rem);padding:1rem;overflow-y:auto}.offcanvas-backdrop{z-index:var(--z-index-modal-backdrop);visibility:hidden;background-color:#2226;transition:visibility .3s ease-in-out;position:fixed;inset:0}.offcanvas-backdrop.show{visibility:visible}body.offcanvas-open{overflow-y:hidden}.search-input-container{margin:var(--margin-xl)0}@media (width>=576px){.search-input-container{gap:var(--margin-m);display:flex}}.search-input-container button{width:100%}@media (width>=576px){.search-input-container button{width:fit-content;height:72px}}.search-input-container input{margin-bottom:var(--margin-m)}@media (width>=576px){.search-input-container input{margin-bottom:0}}:is(.recipe-search,.liked-recipes-container) .recipe-list{margin:var(--margin-xl)0}:is(.recipe-search,.liked-recipes-container) .recipe-list .card{transition:transform .2s ease-in-out}:is(.recipe-search,.liked-recipes-container) .recipe-list .card:hover{transition:transform .2s ease-in-out;transform:scale(1.05)}:is(.recipe-search,.liked-recipes-container) .recipe-list .card:hover img{transition:transform .2s ease-in-out;transform:scale(1.25)}:is(.recipe-search,.liked-recipes-container) .recipe-list .card img{transition:transform .2s ease-in-out}:is(.recipe-search,.liked-recipes-container) .sort-container{align-items:center;gap:var(--margin-m);justify-content:end;display:flex}:is(.recipe-search,.liked-recipes-container) .sort-container .select-sort{margin-top:1rem}.select.full-width div[class$=control],.select.full-width div[class$=container]{width:100%}.select input{display:none}.select .svg-icon{width:3rem;height:auto;margin-right:1rem;display:inline-block}.select div[class$=singleValue] .svg-icon{margin-right:0}.select div[class$=placeholder]{color:var(--color-orange)}.select span[class$=indicatorSeparator]{display:none}.select div[class$=indicatorContainer]{color:var(--color-yellow);padding:0}.select div[class$=indicatorContainer]:hover{cursor:pointer}.select div[class$=indicatorContainer] svg{width:2rem;height:2rem;transform:rotate(90deg)}.select div[class$=control]{background:unset;border:unset;width:fit-content}.select div[class$=menu]{left:unset}.select-sort div[class$=menu]{min-width:unset}.select-person,.select-sort{margin-bottom:var(--margin-m);gap:var(--margin-s)}@media (width>=1024px){.select-person,.select-sort{align-items:center;display:flex}}:is(.select-person,.select-sort) label{margin-bottom:var(--margin-m);display:block}@media (width>=1024px){:is(.select-person,.select-sort) label{margin-bottom:0}}:is(.select-person,.select-sort) div[class$=control]{background:var(--background-card-dark);clip-path:polygon(0 calc(100% - 15px),3px calc(100% - 15px),3px calc(100% - 9px),6px calc(100% - 9px),6px calc(100% - 6px),9px calc(100% - 6px),9px calc(100% - 3px),15px calc(100% - 3px),15px 100%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 15px),100% calc(100% - 15px),100% 15px,calc(100% - 3px) 15px,calc(100% - 3px) 9px,calc(100% - 6px) 9px,calc(100% - 6px) 6px,calc(100% - 9px) 6px,calc(100% - 9px) 3px,calc(100% - 15px) 3px,calc(100% - 15px) 0,15px 0,15px 3px,9px 3px,9px 6px,6px 6px,6px 9px,3px 9px,3px 15px,0 15px);padding:.5rem}:is(.select-person,.select-sort) div[class$=control]:after{content:"";clip-path:polygon(0 calc(100% - 15px),3px calc(100% - 15px),3px calc(100% - 9px),6px calc(100% - 9px),6px calc(100% - 6px),9px calc(100% - 6px),9px calc(100% - 3px),15px calc(100% - 3px),15px 100%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 15px),100% calc(100% - 15px),100% 15px,calc(100% - 3px) 15px,calc(100% - 3px) 9px,calc(100% - 6px) 9px,calc(100% - 6px) 6px,calc(100% - 9px) 6px,calc(100% - 9px) 3px,calc(100% - 15px) 3px,calc(100% - 15px) 0,15px 0,15px 3px,9px 3px,9px 6px,6px 6px,6px 9px,3px 9px,3px 15px,0 15px,0 50%,3px 50%,3px 15px,6px 15px,6px 9px,9px 9px,9px 6px,15px 6px,15px 3px,calc(100% - 15px) 3px,calc(100% - 15px) 6px,calc(100% - 9px) 6px,calc(100% - 9px) 9px,calc(100% - 6px) 9px,calc(100% - 6px) 15px,calc(100% - 3px) 15px,calc(100% - 3px) calc(100% - 15px),calc(100% - 6px) calc(100% - 15px),calc(100% - 6px) calc(100% - 9px),calc(100% - 9px) calc(100% - 9px),calc(100% - 9px) calc(100% - 6px),calc(100% - 15px) calc(100% - 6px),calc(100% - 15px) calc(100% - 3px),15px calc(100% - 3px),15px calc(100% - 6px),9px calc(100% - 6px),9px calc(100% - 9px),6px calc(100% - 9px),6px calc(100% - 15px),3px calc(100% - 15px),3px 50%,0 50%);background:var(--color-border-card);pointer-events:none;display:block;position:absolute;inset:0}:is(.select-person,.select-sort) div[class$=singleValue]{color:var(--color-orange)}:is(.select-person,.select-sort) div[class$=indicatorContainer]{margin-bottom:-.5rem}:is(.select-person,.select-sort) .multi-select-clear-indicator svg{width:1.5rem!important;height:1.5rem!important}:is(.select-person,.select-sort) .multi-select-remove-indicator svg{margin-top:.3rem;width:1rem!important;height:1rem!important}:is(.select-person,.select-sort) div[class$=multiValue] div[role=button]:hover{cursor:pointer;background-color:unset}:is(.select-person,.select-sort) div[class$=menu]{background-color:var(--color-brown-dark);min-height:unset;left:unset}:is(.select-person,.select-sort) div[id$=listbox]{min-width:unset;min-height:unset!important;max-height:unset!important}div[class$=option]{align-items:center;display:flex}div[class$=option] .svg-icon{width:3rem;height:auto;margin-right:1rem;display:inline-block}div[aria-selected=true]{background-color:var(--color-orange);color:var(--color-beige)}div[class$=menu]{background-color:var(--color-brown-dark);min-width:180px;min-height:335px;left:-80px}div[class$=menu] div[id$=listbox]{min-width:180px;min-height:335px;max-height:unset!important}div[class$=multiValue]{background-color:var(--color-beige)}.recipe-item{position:relative}.recipe-item.liked:after{background:var(--color-yellow)}.recipe-item.liked svg{fill:var(--color-black)}.recipe-item.big{gap:var(--margin-m);flex-wrap:wrap;align-items:center;transition:transform .2s ease-in-out;display:flex}@media (width>=576px){.recipe-item.big{flex-wrap:nowrap}}.recipe-item.big img{transition:transform .2s ease-in-out}.recipe-item.big:hover{transition:transform .2s ease-in-out;transform:scale(1.05)}.recipe-item.big:hover img{transition:transform .2s ease-in-out;transform:scale(1.25)}.recipe-item.big img{object-fit:cover;width:100%;height:auto}@media (width>=576px){.recipe-item.big img{width:auto;height:100px}}@media (width>=1024px){.recipe-item.big img{width:auto;height:200px}}.recipe-item.big .recipe-item-image-container{object-fit:cover;width:100%;height:auto}@media (width>=576px){.recipe-item.big .recipe-item-image-container{width:auto;height:100px}}@media (width>=1024px){.recipe-item.big .recipe-item-image-container{width:auto;height:200px}}.recipe-item.big .rating-count{position:relative}.recipe-item.big .recipe-item-content{flex:1}.recipe-item.small{text-align:center}.recipe-item.small svg{width:1.5rem;height:1.5rem}.recipe-item.small img{object-fit:cover;width:90%;height:auto;margin-bottom:var(--margin-m)}@media (width>=576px){.recipe-item.small img{width:auto;height:150px}}@media (width>=1024px){.recipe-item.small img{width:auto;height:100px}}@media (width>=1600px){.recipe-item.small img{width:auto;height:200px}}.recipe-item.small .recipe-item-image-container{object-fit:cover;width:90%;height:auto;margin-bottom:var(--margin-m)}@media (width>=576px){.recipe-item.small .recipe-item-image-container{width:auto;height:150px}}@media (width>=1024px){.recipe-item.small .recipe-item-image-container{width:auto;height:100px}}@media (width>=1600px){.recipe-item.small .recipe-item-image-container{width:auto;height:200px}}.recipe-item.small .recipe-item-header{display:block}@media (width>=576px){.recipe-item.small .recipe-item-header{display:flex}}.recipe-item.small .recipe-item-header{gap:var(--margin-xl);justify-content:center;align-items:center}.recipe-item.small .rating-container{margin:var(--margin-m)0;justify-content:center}.recipe-item .title{color:var(--color-yellow)}.recipe-item .recipe-item-header{justify-content:space-between;align-items:flex-start;gap:var(--margin-s);display:flex}.recipe-item .recipe-item-header button{margin-top:var(--margin-s);z-index:1}.recipe-item .recipe-item-header svg{width:1.5rem;height:1.5rem}.recipe-item .intro{-webkit-line-clamp:2;text-overflow:ellipsis;max-height:3em;margin-bottom:var(--margin-m);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recipe-item .recipe-item-image-container{overflow:hidden}.account-stuff{gap:var(--margin-m);flex-wrap:wrap;display:flex}@media (width>=576px){.account-stuff{flex-wrap:nowrap}}.account-stuff .card{width:100%}@media (width>=576px){.account-stuff .card{width:calc(50% - 2*var(--margin-m) - .5rem)}}.link-list{padding:var(--margin-m)0;gap:var(--margin-l);flex-wrap:wrap;display:flex}.cat-grid{gap:var(--margin-m);grid-template-columns:1fr;justify-content:center;display:grid}@media (width>=576px){.cat-grid{grid-template-columns:repeat(2,calc(50% - var(--margin-m)/2))}}@media (width>=1024px){.cat-grid{grid-template-columns:repeat(3,calc(33.333% - var(--margin-m)))}}.cat-grid img{width:-webkit-fill-available;height:auto;margin-bottom:var(--margin-m);transition:transform .2s ease-in-out}.cat-grid .card{text-align:center;transition:transform .2s ease-in-out}.cat-grid .card:hover,.cat-grid .card:hover img{transition:transform .2s ease-in-out;transform:scale(1.05)}.pos-rel{position:relative}.toaster-container{z-index:10000;pointer-events:none;flex-direction:column;gap:1rem;display:flex;position:fixed;top:1rem;right:1rem}.toaster{pointer-events:auto;color:#000;padding:var(--padding-s);box-sizing:border-box;background:#fff;min-width:200px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;animation:.3s ease-out toaster-in;position:relative;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000}.toaster.exit{animation:.3s ease-in forwards toaster-out}.toaster-close{cursor:pointer;font-size:14px;font-weight:700;position:absolute;top:0;right:4px}.timer-content{flex-direction:column;gap:4px;display:flex}.timer-name{font-size:14px;font-weight:700}.timer-time{font-family:monospace;font-size:18px}.progress-container{background:#eee;border:2px solid #000;width:100%;height:8px;margin-top:8px;position:relative;overflow:hidden}.progress-bar{background:var(--color-blue,#007bff);height:100%;transition:width 1s linear}@keyframes toaster-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toaster-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}