@charset "UTF-8";html{--black: #2D2925;--off-white: #efefef;--off-black: #36322E;--white: #FFFFFF;--orange: #DC602E}#light{--background-color: var(--white);--button-color: var(--black);--light-text: var(--white);--dark-text: var(--black);--input-color: var(--black);--card-color: var(--off-white);--accent-color: var(--orange);--logo-color: var(--black)}#dark{--background-color: var(--black);--button-color: var(--white);--light-text: var(--black);--dark-text: var(--white);--input-color: var(--white);--card-color: var(--off-black);--accent-color: var(--orange);--logo-color: var(--white)}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-weight:400;text-decoration:none}html{height:calc(100% + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}body,#app{height:100%}#app{position:relative}body{background-color:var(--background-color)}.wrapper{max-width:1280px;margin:0 auto;padding:50px 30px 30px;height:100%;position:relative}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa.ttf)}@font-face{font-family:Jost;src:url(/fonts/Jost.ttf)}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf)}@keyframes loading-animation{0%{background-position:0% 0%}to{background-position:0% 100%}}.logo path{fill:var(--logo-color)}input,textarea{border:3px solid var(--input-color);border-radius:30px;font-family:Roboto;font-size:1rem;font-weight:400;color:var(--dark-text);padding:5px 10px;width:100%;max-width:500px;background-color:transparent}label{font-family:Jost;font-size:1rem;font-weight:400;color:var(--input-color)}.settings-container{position:fixed;left:0;top:0;width:100%;height:100%;padding-top:env(safe-area-inset-top);background-color:var(--background-color);transition:transform .5s ease}.settings-container.close{transform:translate(100%)}.settings-container .settings-wrapper{position:relative;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;max-width:1280px;margin:0 auto;padding:110px 30px 30px}.settings-container .setting-element{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--dark-text);padding:30px 0;border-bottom:solid 2px var(--dark-text)}.settings-container .setting-element p,.settings-container .setting-element select{font-family:Comfortaa;font-size:1.25rem;font-weight:700;border:none;background-color:transparent;color:var(--dark-text)}.settings-container .setting-element select option{background-color:var(--background-color)}.clickable:hover{cursor:pointer}.card-container{position:relative;background-color:var(--card-color);border-radius:5px;padding:10px;width:400px}.card-container.selectable{-webkit-box-shadow:0px 0px 0px 0px transparent;box-shadow:0 0 0 0 transparent;transition:all .3s ease}.card-container.selectable.selected{-webkit-box-shadow:0px 0px 15px 5px var(--accent-color);box-shadow:0 0 15px 5px var(--accent-color)}.card-container .head{display:grid;grid-template-columns:2;width:100%;padding-bottom:10px}.card-container .head .day{grid-column:1;justify-self:flex-start;color:var(--dark-text);font-family:Comfortaa;font-size:.9rem;font-weight:700}.card-container .head .handle{grid-column:2;justify-self:flex-end;cursor:grab}.card-container .head .handle svg circle{fill:var(--dark-text)}.card-container .body{display:flex;justify-content:flex-start;align-items:start;gap:10px}.card-container .body .main-image{width:100%;max-width:130px;aspect-ratio:3/4;background-size:cover;background-position:center center;background-color:var(--light-text)}.card-container .body .content{display:flex;justify-content:flex-start;align-items:start;flex-direction:column;gap:10px}.card-container .body .content .recipe-name{color:var(--dark-text);font-family:Comfortaa;font-size:.9rem;font-weight:700}.card-container .body .content .time-indicator{font-family:Jost;font-size:.8rem;font-weight:700;color:var(--accent-color);display:flex;justify-content:center;align-items:center;gap:5px}.card-container .body .content .time-indicator svg,.card-container .body .content .time-indicator img{height:20px}.card-container .body .icons{position:absolute;right:10px;bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px}.card-container .lock{opacity:.2;cursor:pointer}.card-container .lock svg rect{fill:var(--dark-text)}.card-container .lock svg path{stroke:var(--dark-text);transform:translateY(5%)}.card-container .lock.closed{opacity:1}.card-container .lock.closed svg path{transform:translateY(25%)}.card-container .lock.transitioning{transition:opacity .3s ease}.card-container .lock.transitioning svg path{transition:transform .5s cubic-bezier(.68,-1.5,.35,1.8)}.card-container.loading .body .main-image{background-image:-moz-linear-gradient(0deg,var(--light-text) 25%,var(--card-color) 49%,var(--light-text) 75%)!important;background-image:-webkit-linear-gradient(0deg,var(--light-text) 25%,var(--card-color) 49%,var(--light-text) 75%)!important;background-image:linear-gradient(0deg,var(--light-text) 25%,var(--card-color) 49%,var(--light-text) 75%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);background-size:100% 400%;background-position:0% 0%;animation:loading-animation 1s linear infinite}.card-container.loading .body .content{width:100%;height:2rem;background-image:-moz-linear-gradient(0deg,var(--light-text) 25%,var(--card-color) 49%,var(--light-text) 75%)!important;background-image:-webkit-linear-gradient(0deg,var(--light-text) 25%,var(--card-color) 49%,var(--light-text) 75%)!important;background-image:linear-gradient(0deg,var(--light-text) 25%,var(--card-color) 49%,var(--light-text) 75%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);background-size:100% 400%;background-position:0% 0%;animation:loading-animation 1s linear infinite}@media (width <= 450px){.options-container,.draggable-area{min-width:100%}.card-container{max-width:none;width:100%}}button{border-radius:100px;border:none;padding:10px 20px;background-color:var(--button-color);color:var(--light-text);font-family:Jost;font-size:1rem;font-weight:400;cursor:pointer}button.text-icon{display:flex;justify-content:center;align-items:center;gap:20px}button.icon{padding:0;width:50px;height:50px;display:flex;justify-content:center;align-items:center}button.icon svg{width:50%;height:50%}button.icon-small{padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center}button.icon-small svg{width:50%;height:50%}button.filter{display:flex;justify-content:center;align-items:center;gap:10px;padding:5px 10px;font-family:Jost;font-size:1rem;font-weight:400;background-color:var(--card-color);color:var(--dark-text)}button.option{display:flex;justify-content:center;align-items:center;gap:10px;padding:5px 10px;font-family:Jost;font-size:1rem;font-weight:400;background-color:transparent;color:var(--dark-text)}button.option span{border:1px solid var(--dark-text);border-radius:50%;display:block;width:10px;aspect-ratio:1/1;transform:translateY(1px);transition:all .1s ease}button.option.selected span{background-color:var(--dark-text)}.back-btn{position:absolute;top:50px;left:30px}.check-btn{position:fixed;bottom:50px;right:-50px;z-index:1000;transition:right .3s ease}.check-btn.ready{right:30px}.waiting-container{position:fixed;top:100%;left:0;z-index:1000;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:top .5s ease;display:none}.waiting-container.cover{display:block;top:0}.waiting-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--background-color);opacity:.5}.waiting-container .loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;gap:20px}.waiting-container .loading-container .loading-element{animation:loading-rotation 2s infinite linear}.waiting-container .loading-container .loading-element circle{stroke:var(--dark-text);stroke-width:3px;stroke-dasharray:300,10000;stroke-dashoffset:30;animation:loading-animation 1s 1s alternate infinite ease-in-out;fill:none}.waiting-container .loading-container .progress-bar-container{position:relative;width:100%;max-width:500px;height:30px;opacity:0;animation:delay-show 1s 2s ease forwards}.waiting-container .loading-container .progress-bar-container>div{position:absolute;top:0;left:0;width:100%;height:100%;max-width:calc(100vw - 60px);margin:0 30px}.waiting-container .loading-container .progress-bar-container .outline{border:var(--dark-text) 3px solid;background-color:transparent}.waiting-container .loading-container .progress-bar-container .progress{background-color:var(--accent-color);transform-origin:center left;transform:scale(0);animation:progress-animation 30s linear forwards}@keyframes progress-animation{0%{transform:scaleX(0)}to{transform:scale(1)}}.waiting-container .loading-container p{font-family:Roboto;font-size:1rem;font-weight:400;color:var(--dark-text);opacity:0;animation:delay-show 1s 2s ease forwards}@keyframes delay-show{0%{opacity:0}to{opacity:1}}.login-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;margin-top:10svh}.login-container form{display:flex;flex-direction:column;gap:10px}.login-container form .info{font-family:Comfortaa;font-size:.7rem;font-weight:400;text-decoration:underline;cursor:pointer;color:var(--dark-text)}.login-container form .email{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.login-container form .email.open{grid-template-rows:1fr}.login-container form .email>div{overflow:hidden}.login-container p{font-family:Roboto;font-size:1rem;font-weight:400;color:var(--accent-color)}.login-container .loading-container{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;display:none;opacity:0;transition:opacity .5s ease}.login-container .loading-container.show{display:flex;opacity:1}.login-container .loading-container:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:var(--background-color);opacity:.5}.login-container .loading-container .loading-element{animation:loading-rotation 2s infinite linear;z-index:1}.login-container .loading-container .loading-element circle{stroke:var(--dark-text);stroke-width:3px;stroke-dasharray:300,10000;stroke-dashoffset:30;animation:loading-animation 1s 1s alternate infinite ease-in-out;fill:none}.main-menu-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;margin-top:10svh}.main-menu-container .navigation{display:flex;justify-content:center;align-items:center;gap:10px;flex-direction:column}.main-menu-container .btn-settings{position:absolute;bottom:30px;right:30px}.main-menu-container:after{content:"";display:block;position:fixed;top:100%;left:0;width:100%;height:100%;background-color:var(--background-color);transition:top 1s ease}.main-menu-container.cover:after{top:0}.selection-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:20px;margin-top:80px;padding-bottom:50px}.selection-container h1{color:var(--dark-text);font-family:Comfortaa;font-size:1.25rem;font-weight:700}.selection-container .options-container{display:flex;flex-wrap:wrap;gap:10px}.selection-container .options-container .draggable-area{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.selection-container .options-container .draggable-area .ghost-class{opacity:0}.selection-container .options-container .draggable-area .sortable-drag{opacity:1!important}.selection-container .filter-container{display:flex;justify-content:flex-start;flex-direction:column;gap:10px;width:100%}.selection-container .filter-container .add-filter{display:flex;justify-content:flex-start;align-items:center;gap:10px}.selection-container .filter-container .add-filter p{color:var(--dark-text);font-family:Comfortaa;font-size:.9rem;font-weight:700}.selection-container .filter-container .filters{display:flex;flex-wrap:wrap;gap:10px}.selection-container .arrows>*{padding:20px;color:var(--dark-text)}.selection-container:after{content:"";display:block;position:fixed;top:100%;left:0;width:100%;height:100%;background-color:var(--background-color);transition:top 1s ease}.selection-container.cover:after{top:0}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.search-overlay.hide{display:none}.search-overlay:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--background-color);opacity:.2}.search-overlay .search-box-container{background-color:var(--background-color);border-radius:5px;padding:20px;-webkit-box-shadow:0px 0px 15px 5px rgba(0,0,0,.5);box-shadow:0 0 15px 5px #00000080;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.search-overlay .search-box-container h2{color:var(--dark-text);font-family:Comfortaa;font-size:1.25rem;font-weight:700;width:100%}.search-overlay .search-box-container .choices{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.add-recipe-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:80px 0}.add-recipe-container h1{font-family:Comfortaa;font-size:1.25rem;font-weight:700;color:var(--dark-text)}.add-recipe-container form{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%}.add-recipe-container form div{width:100%;max-width:500px;display:flex;justify-content:start;align-items:start;flex-direction:column}.add-recipe-container form input,.add-recipe-container form textarea{margin-bottom:10px}.add-recipe-container .loading-container{position:fixed;top:100%;left:0;z-index:100000;width:100%;height:100%;background-color:var(--background-color);display:flex;justify-content:center;align-items:center;transition:top .5s ease}.add-recipe-container .loading-container.cover{top:0}.add-recipe-container .loading-container .loading-element{animation:loading-rotation 2s infinite linear}.add-recipe-container .loading-container .loading-element circle{stroke:var(--dark-text);stroke-width:3px;stroke-dasharray:300,10000;stroke-dashoffset:30;animation:loading-animation 1s 1s alternate infinite ease-in-out;fill:none}.recipe-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:50px;padding:30px 0}.recipe-container h1{font-family:Comfortaa;font-size:1.25rem;font-weight:700;color:var(--dark-text);width:100%;text-align:center}.recipe-container .top-section{width:100%;display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:20px;margin-top:20px}.recipe-container .top-section .main-section{width:100%;max-width:600px}.recipe-container .top-section .main-section .food-image{width:100%;aspect-ratio:1/1;background-image:url(https://ucarecdn.com/3829be38-3c6a-40e3-891a-e05ab3232a81/-/crop/999x1350/1,0/-/preview/);background-size:cover;background-position:center center}.recipe-container .top-section .main-section .og-link{font-family:Comfortaa;font-size:.7rem;font-weight:400;text-decoration:underline;cursor:pointer;color:var(--dark-text);width:100%;text-align:left;padding-top:10px}.recipe-container .top-section .side-section{width:100%;max-width:600px;height:100%}.recipe-container .top-section .side-section .cooking-info{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-grow:1;gap:10px;color:var(--accent-color);font-family:Comfortaa;font-size:.9rem;font-weight:700;border:var(--dark-text) 2px solid;border-left:none;border-right:none;padding:20px 0;margin-top:20px}.recipe-container .top-section .side-section .cooking-info .buttons{display:flex;gap:10px}.recipe-container .top-section .side-section .comments-container{position:relative;display:flex;justify-content:center;align-items:start;flex-direction:column;flex-grow:1}.recipe-container .top-section .side-section .comments-container textarea{border-radius:0;color:var(--accent-color);border:none;border-bottom:var(--dark-text) 3px solid;width:100%;max-width:none;font-family:Roboto;font-size:1rem}.recipe-container .top-section .side-section .comments-container.updating:after{content:"Mise à jour du commentaire ...";display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);opacity:.5;font-family:Roboto;font-size:1rem;font-weight:400;color:var(--accent-color)}.recipe-container .instructions{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:50px}.recipe-container .instructions .ingredient,.recipe-container .instructions .steps{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:20px;max-width:500px}.recipe-container .instructions .ingredient h1,.recipe-container .instructions .steps h1{text-align:left}.recipe-container .instructions .ingredient ul,.recipe-container .instructions .steps ul{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:10px}.recipe-container .instructions .ingredient ul li,.recipe-container .instructions .steps ul li{font-family:Roboto;font-size:1rem;color:var(--dark-text)}.recipe-container .loading-container{position:fixed;top:100%;left:0;z-index:1000;width:100%;height:100%;background-color:var(--background-color);display:flex;justify-content:center;align-items:center;transition:top .5s ease}.recipe-container .loading-container.cover{top:0}.recipe-container .loading-container .loading-element{animation:loading-rotation 2s infinite linear}.recipe-container .loading-container .loading-element circle{stroke:var(--dark-text);stroke-width:3px;stroke-dasharray:300,10000;stroke-dashoffset:30;animation:loading-animation 1s 1s alternate infinite ease-in-out;fill:none}@keyframes loading-animation{0%{stroke-dashoffset:30}to{stroke-dashoffset:290}}@keyframes loading-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{html{--background-color: #ffffff !important;--dark-text: #000000 !important}.main-section,.side-section{width:48%!important;flex-grow:0!important}.og-link,button,.loading-container{display:none!important}.ingredient{width:100%!important;height:4in!important;max-width:100%!important;page-break-after:always}.ingredient ul{width:100%!important;height:100%!important;justify-content:flex-start!important}.steps{max-width:100%!important}li{margin-left:15px!important}}