.toggle_btn-box{width:80px;position:relative;display:none;height:33px;top:-1.5px}.toggle_btn{width:100%;cursor:pointer;display:none;box-sizing:border-box;padding:20px}.toggle_btn i{display:block;width:100%;position:relative;border-radius:3px;box-shadow:0 2px 10px #504f4f4d;height:3px;background-color:var(--navbar-color)}i+i{margin-top:14px}.toggle_btn.open{z-index:1000}.open i:nth-child(1){top:0;animation:ease .3s top forwards}i:nth-child(1){top:17px;animation:ease .3s top-2 forwards}.open i:nth-child(2){animation:ease .5s scaled forwards}i:nth-child(2){animation:ease .3s scaled-2 forwards}.open i:nth-child(3){bottom:0;animation:ease .3s bottom forwards}i:nth-child(3){bottom:17px;animation:ease .5s bottom-2 forwards}@keyframes top{0%{transform:rotate(0)}50%{transform:translateY(17px) rotate(0)}to{transform:translateY(17px) rotate(45deg)}}@keyframes top-2{0%{transform:rotate(45deg)}50%{transform:translateY(17px) rotate(0)}to{transform:translateY(0) rotate(0)}}@keyframes bottom{0%{transform:rotate(0)}50%{transform:translateY(-17px) rotate(0)}to{transform:translateY(-17px) rotate(135deg)}}@keyframes bottom-2{0%{transform:rotate(135deg)}50%{transform:rotate(0)}to{transform:translateY(17px) rotate(0)}}@keyframes scaled{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}.toast-container{position:fixed;z-index:9999;top:25px;right:30px;max-width:600px;display:grid;margin-left:20px;gap:1rem}.toast-container:has(.toast.close){overflow:visible}.toast-container:not(:has(.toast.close)){overflow:hidden}.toast{display:flex;justify-content:space-between;justify-items:center;min-height:55px;border-radius:12px;background:#fff;padding:20px 35px 20px 25px;box-shadow:0 6px 20px -5px #0000001a;overflow:hidden;transform:translate(calc(100% + 30px));transition:all .5s cubic-bezier(.68,-.55,.265,1.35);width:100%;height:100%}.toast.Erreur .check,.toast.Erreur .progress{background-color:#ff4b4ba6}.toast.active{transform:translate(0)}.toast .toast-content{display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;min-height:55px;max-height:200px;width:100%;height:100%}.toast-content .check{display:flex;align-items:center;justify-content:center;height:35px;min-width:35px;background-color:#4070f4;color:#fff;font-size:var(--text-fs-body);border-radius:50%}.toast-content .message{display:flex;flex-direction:column;margin:0 70px 0 20px}.message .text{font-size:var(--text-fs-body);font-weight:400;text-wrap:pretty;color:#666}.message .text.text-1{font-weight:600;color:#333;text-wrap:pretty}.toast .toggle_btn-box{width:70px;position:absolute;top:10px;right:1px;cursor:pointer;opacity:.7;display:block}.toast .toggle_btn{display:block}.toast .toggle_btn i{background-color:#2b2727}.toast .toggle_btn-box:hover{opacity:1;border-radius:5px;box-shadow:2px -6px 20px -5px #00000080;transform:translate(calc(-5% - 10px));transition:all .3s}.toast .toggle_btn-box:active{opacity:.5;box-shadow:-2px -6px 20px -5px #000;transform:translate(-5px);transition:all .1s}.toast.close{animation:fade .5s both}@keyframes fade{to{opacity:0}}.toast .progress{position:absolute;bottom:0;left:0;height:3px;width:100%}.toast .progress:before{content:"";position:absolute;bottom:0;right:0;height:100%;width:100%;background-color:#4070f4}.progress.active:before{animation:progress 5s linear forwards}@keyframes progress{to{right:100%}}.toast.active~button{pointer-events:none}.toast .open i:nth-child(1){animation:ease .7s top forwards}.toast i:nth-child(1){animation:ease .7s top-2 forwards}.toast .open i:nth-child(2){animation:ease .7s scaled forwards}.toast i:nth-child(2){animation:ease .7s scaled-2 forwards}.toast .open i:nth-child(3){animation:ease .7s bottom forwards}.toast i:nth-child(3){animation:ease .7s bottom-2 forwards}.item_container{--line-height: 1.4em;--max-lines-count: 3;--max-lines-count-title: 2;margin:40px 5px;position:relative;background-color:var(--card-color2);box-shadow:-5px 4px 50px -1px #00000059;transition:transform .3s,opacity 1.5s,scale .3s;transform:translate3d(0,-1px,0);border-radius:20px}.item_container:hover,.item_container:has(a.hover){z-index:10;transform:translate3d(0,-10px,0)}.item_container:hover .item__body:not(.no-fade),.item_container:has(a.hover) .item__body:not(.no-fade){opacity:0;transition:opacity .3s ease}.item_container:hover .item__image:not(.no-hover),.item_container:has(a.hover) .item__image:not(.no-hover){transform:translateY(10px) scale(1.2);transition:transform .3s}.item_container:has(input):not(:has(input:checked)){filter:grayscale(100%);filter:brightness(50%)}.item_container:hover:has(iframe) iframe,.item_container:has(a.hover):has(iframe) iframe{display:block;z-index:105}.item_container:hover:has(iframe) img,.item_container:has(a.hover):has(iframe) img{display:none}.item_container img,.item_container iframe{width:100%;height:100%;border:none;border-radius:10px;background-size:contain;aspect-ratio:16 / 9}.item_container img{-o-object-fit:cover;object-fit:cover;display:block}.item_container iframe{display:none;overflow:none;-o-object-fit:contain;object-fit:contain}.item_container .item__body{transition:opacity .5s ease;margin:15px 10px}.item_container .item__title{display:-webkit-box;position:relative;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--max-lines-count-title);font-size:var(--fs-title);font-weight:500;margin-bottom:10px;height:85px;z-index:-1}.item_container .item__title:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:30%;height:var(--line-height);background:linear-gradient(to right,#1f212200,#1f2122)}.item_container .item__description{display:-webkit-box;position:relative;font-size:var(--fs-description);margin:10px auto;overflow:hidden;height:85px;-webkit-box-orient:vertical;-webkit-line-clamp:var(--max-lines-count)}.item_container .item__description:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:30%;height:var(--line-height);background:linear-gradient(to right,#1f212200,#1f2122)}.item_container .item__image{transition:transform .3s}.item_container .item__author{padding-bottom:20px}.item_container .item__buttons{display:flex;align-items:center;justify-content:flex-end;position:relative;gap:1rem;padding:20px}.item_container .item__buttons .item__icon-link{position:relative;cursor:pointer;max-width:30px;height:25px;transition:transform .3s ease}.item_container .item__buttons .item__icon-link:hover{transform:scale(1.15);z-index:11}.item_container .item__buttons .item__icon-link:active{transform:scale(.9)}.item_container .item__buttons .item__icon-link path{fill:#fff}.item_container .item__buttons .item__icon-link a{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0}.item_container .item__buttons .toggle{flex:1;place-items:flex-end;margin:unset}.item_container .item__buttons .toggle>input{display:none}.item_container.display-list{display:flex;margin:unset;overflow:hidden}.item_container.display-list .item__image{position:relative;max-height:150px;max-width:60%}.item_container.display-list .item__image img{-o-object-position:center;object-position:center}.item_container.display-list .item__image:after{content:"";position:absolute;clip-path:polygon(100% 0,85% 100%,100% 100%);left:0;top:-3px;bottom:-3px;right:-3px;background-color:var(--card-color2)}.item_container.display-list .item__buttons{flex:1 0 58px;flex-direction:column;justify-content:center;align-items:self-end;padding:10px;margin:20px auto;min-width:40px}.item_container.display-list .item__buttons svg{height:30px}.item_container.display-list .item__body{align-content:center;margin:unset;left:-30px}.item_container.display-list .item__title{margin-bottom:unset;text-align:center;font-size:medium;align-content:center;position:relative;width:100%;height:100%;overflow:visible}@media screen and (max-width: 576px){.item_container.display-list{margin:10px 0}.item_container.display-list .item__title{z-index:unset}}.carousel{position:relative;justify-content:center}.carousel:focus-visible .carousel__container,.carousel:focus .carousel__container{outline:var(--button-color-a-hover) 1px solid}.carousel .carousel__container{transition:transform .3s;transform:translateZ(0)}.carousel .carousel__container .carousel__item{float:left!important}.carousel .carousel__container .carousel__item:has(:focus-visible),.carousel .carousel__container .carousel__item:has(:focus){outline:var(--button-color-a-hover) 1px solid}.carousel .carousel__container:after{content:"";clear:both;display:block}.carousel .carousel__next,.carousel .carousel__prev{position:absolute;background:#fff url(../recettes/img/rightsmall.svg) center center no-repeat;background-size:70% 70%;border-radius:100vh;top:50%;margin:-20px 10px 10px;right:-20px;box-shadow:-5px 4px 50px -1px #00000059;cursor:pointer;transition:transform .3s,opacity .3s;width:40px;height:40px;animation:backgroundIMGLeft .8s alternate infinite;animation-delay:2s}.carousel .carousel__next{animation:backgroundIMGRight .8s alternate infinite;animation-delay:2s}.carousel .carousel__prev{background-image:url(../recettes/img/leftsmall.svg);left:-20px}.carousel .carousel__next:hover,.carousel>.carousel__prev:hover{transform:scale(1.2);animation-play-state:paused}.carousel .carousel__next:active,.carousel .carousel__prev:active{transform:scale(.8)}.carousel .carousel__prev--hidden,.carousel .carousel__next--hidden{opacity:0}.carousel__pagination{position:absolute;bottom:0;right:0;left:0;text-align:center;display:none}.carousel__pagination .carousel__pagination__button{background-color:#fff;width:10px;height:6px;border-radius:100vh;display:inline-block;margin:0 3px;box-shadow:-5px 4px 50px -1px #00000059;transition:transform .1s,height .7s cubic-bezier(1,0,0,1),width .5s cubic-bezier(.755,.05,.855,2.06);cursor:pointer;transform:scale(.5)}.carousel__pagination .carousel__pagination__button--active,.carousel__pagination .carousel__pagination__button:hover{transform:scale(1.4);width:25px;margin:0 8px;animation:slideRight .2s ease-out}.carousel__pagination .carousel__pagination__button:before{content:"";position:absolute;left:50%;top:-50%;right:0%;bottom:50%;margin-left:-15px;border:12px solid transparent}.carousel__pagination .carousel__pagination__button:after{content:"";position:relative}.carousel__pagination .carousel__pagination__loadingBar{animation:loading 3s linear;width:100%;height:100%;border-radius:100vh}@keyframes backgroundIMGRight{to{background-position:15px}50%{background-position:5px}0%{background-position:5px}}@keyframes backgroundIMGLeft{to{background-position:-3px}50%{background-position:6px}0%{background-position:6px}}@keyframes slideRight{0%{height:10px;width:28px}to{height:5px;width:20px}}@keyframes defaultslideRight{0%{height:12px;width:10px}to{height:8px;width:30px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1;width:150px}}@keyframes loading{0%{background-color:#fff;width:0%;opacity:0;border-right:0px rgb(237,243,237) solid}50%{opacity:.85}to{background-color:#ff4832;width:100%;opacity:.2;border-right:4px rgb(237,243,237) solid}}button,a[type=button]{border:1px solid burlywood}@media screen and (min-width: 800px){.carousel__pagination{display:block}}.loader{margin:max(5vh,30px);width:25px;aspect-ratio:1;border-radius:50%;border:8px solid #0000;border-right-color:var(--button-color);position:relative;animation:l24 1s infinite linear}.loader:before,.loader:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:inherit;animation:inherit;animation-duration:2s}.loader:after{animation-duration:4s}@keyframes l24{to{transform:rotate(1turn)}}.toggle{--padding: 1px;--width: 60;--height: 30;--ratio: calc(var(--width) / var(--height));--dark: #7e7e7e;--light: #fff;--light-input-background: #ebebeb;--dark-input-background: #242424;--light-button-background: linear-gradient(180deg, #ffcc89, #d8860b);--dark-button-background: linear-gradient(180deg, #777, #3a3a3a);--input-shadow: inset 0px 5px 15px rgba(0, 0, 0, .4), inset 0px -5px 15px rgba(255, 255, 255, .4);--button-shadow: 0px 5px 10px rgba(0, 0, 0, .2);padding:5px;overflow:hidden;margin:20px auto}.toggle>label{overflow:hidden;display:flex;justify-content:space-around;flex-direction:row-reverse;width:calc(var(--width) * 1px);height:calc(var(--height) * 1px);padding:var(--padding);background:var(--light-input-background);border-radius:100vh;cursor:pointer;position:relative;box-shadow:var(--input-shadow)}.toggle>label:after{content:"";left:var(--padding);width:calc((100% / var(--ratio)) - (var(--padding) * 2));height:calc(100% - (var(--padding) * 2));background:var(--dark-button-background);position:absolute;border-radius:100vh;box-shadow:var(--button-shadow);overflow:hidden}.toggle>label:active:after,.toggle>label:hover:after,.toggle>label:focus:after{width:calc(((var(--width) + (var(--width) * .03)) / 2) * 1px)}.toggle>label>svg{justify-content:center;position:relative;width:12px;top:0;justify-self:center;z-index:1}.toggle>label>svg:hover.moon path{fill:var(--dark)}.toggle>label>svg:hover.sun g path{fill:var(--light)}.toggle>label>svg.sun g path{fill:var(--dark);transition:.3s}.toggle>label>svg.moon path{fill:var(--light);transition:.3s}.toggle>label,.toggle>label:after{transition:.3s ease,width .2s}.toggle>input{width:0;height:0;visibility:hidden}.toggle>input:not([checked])+label{background:var(--dark-input-background)}.toggle>input:is([checked])+label:after{left:calc((var(--width) * 1px) - var(--padding));transform:translate(-100%);background:var(--light-button-background)}.toggle>input:is([checked])+label>svg.sun:hover g path{fill:var(--dark)}.toggle>input:is([checked])+label>svg.sun g path{fill:var(--light)}.toggle>input:is([checked])+label>svg.moon path{fill:var(--dark)}.toggle>input:is([checked])+label>svg.moon:hover path{fill:var(--light)}a{color:inherit}.menu-item,.menu-open-button{background:#eee;border-radius:100%;width:80px;height:80px;position:absolute;color:#fff;text-align:center;line-height:80px;transform:translateZ(0);transition:transform ease-out .2s}.menu-open{display:none}.lines{width:25px;height:3px;background:#596778;display:block;position:absolute;top:50%;left:50%;margin-left:-12.5px;margin-top:-1.5px;transition:transform .2s}.line-1{transform:translate3d(0,-8px,0)}.line-2{transform:translateZ(0)}.line-3{transform:translate3d(0,8px,0)}.menu-open:checked+.menu-open-button .line-1{transform:translateZ(0) rotate(45deg)}.menu-open:checked+.menu-open-button .line-2{transform:translateZ(0) scaleX(.1)}.menu-open:checked+.menu-open-button .line-3{transform:translateZ(0) rotate(-45deg)}.bubble-menu{margin:auto 15% 15% auto;position:fixed;display:block;bottom:0;right:0;width:80px;height:80px;box-sizing:border-box;font-size:26px}@media screen and (max-width: 576px){.bubble-menu{display:none}}.menu-item:hover{background:#eee;color:#3290b1}.menu-item:nth-child(3){transition-duration:.18s}.menu-item:nth-child(4){transition-duration:.18s}.menu-item:nth-child(5){transition-duration:.18s}.menu-item:nth-child(6){transition-duration:.18s}.menu-item:nth-child(7){transition-duration:.18s}.menu-item:nth-child(8){transition-duration:.18s}.menu-item:nth-child(9){transition-duration:.18s}.menu-open-button{z-index:2;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:.4s;transform:scale(1.1) translateZ(0);cursor:pointer;box-shadow:3px 3px #00000024}.menu-open-button:hover{transform:scale(1.2) translateZ(0)}.menu-open:checked+.menu-open-button{transition-timing-function:linear;-webkit-transition-duration:.2s;-webkit-transform:scale(.8,.8) translate3d(0,0,0);transition-duration:.2s;transform:scale(.8) translateZ(0)}.menu-open:checked~.menu-item{transition-timing-function:cubic-bezier(.935,0,.34,1.33)}.menu-open:checked~.menu-item:nth-child(3){-webkit-transition-duration:.18s;-webkit-transform:translate3d(.08361px,-104.99997px,0);transition-duration:.18s;transform:translate3d(.08361px,-104.99997px,0)}.menu-open:checked~.menu-item:nth-child(4){-webkit-transition-duration:.28s;-webkit-transform:translate3d(90.9466px,-52.47586px,0);transition-duration:.28s;transform:translate3d(90.9466px,-52.47586px,0)}.menu-open:checked~.menu-item:nth-child(5){-webkit-transition-duration:.38s;-webkit-transform:translate3d(90.9466px,52.47586px,0);transition-duration:.38s;transform:translate3d(90.9466px,52.47586px,0)}.menu-open:checked~.menu-item:nth-child(6){-webkit-transition-duration:.48s;-webkit-transform:translate3d(.08361px,104.99997px,0);transition-duration:.48s;transform:translate3d(.08361px,104.99997px,0)}.menu-open:checked~.menu-item:nth-child(7){-webkit-transition-duration:.58s;-webkit-transform:translate3d(-90.86291px,52.62064px,0);transition-duration:.58s;transform:translate3d(-90.86291px,52.62064px,0)}.menu-open:checked~.menu-item:nth-child(8){-webkit-transition-duration:.68s;-webkit-transform:translate3d(-91.03006px,-52.33095px,0);transition-duration:.68s;transform:translate3d(-91.03006px,-52.33095px,0)}.menu-open:checked~.menu-item:nth-child(9){-webkit-transition-duration:.78s;-webkit-transform:translate3d(-.25084px,-104.9997px,0);transition-duration:.78s;transform:translate3d(-.25084px,-104.9997px,0)}.blue{background-color:#669ae1;box-shadow:3px 3px #00000024;text-shadow:1px 1px 0 rgba(0,0,0,.12)}.blue:hover{color:#669ae1!important;text-shadow:none}.green{background-color:#70cc72;box-shadow:3px 3px #00000024;text-shadow:1px 1px 0 rgba(0,0,0,.12)}.green:hover{color:#70cc72;text-shadow:none}.red{background-color:#fe4365;box-shadow:3px 3px #00000024;text-shadow:1px 1px 0 rgba(0,0,0,.12)}.red:hover{color:#fe4365;text-shadow:none}.purple{background-color:#c49cde;box-shadow:3px 3px #00000024;text-shadow:1px 1px 0 rgba(0,0,0,.12)}.purple:hover{color:#c49cde;text-shadow:none}.orange{background-color:#fc913a;box-shadow:3px 3px #00000024;text-shadow:1px 1px 0 rgba(0,0,0,.12)}.orange:hover{color:#fc913a;text-shadow:none}.lightblue{background-color:#62c2e4;box-shadow:3px 3px #00000024;text-shadow:1px 1px 0 rgba(0,0,0,.12)}.lightblue:active:after,.lightblue:focus:after{content:"✓";width:100%;height:100%;position:absolute;fill:green;color:green;display:block;top:0}.lightblue:hover{color:#62c2e4;text-shadow:none}.credit{margin:24px 20px 120px 0;text-align:right;color:#eee}.credit a{padding:8px 0;color:#c49cde;text-decoration:none;transition:all .3s ease 0s}.credit a:hover{text-decoration:underline}.steps-buttons{--button-size: 80px;--progress-bar-width: 30px;--font-size: 1rem;background:var(--button-color);border-radius:50%;aspect-ratio:1;border:0;width:var(--button-size);position:relative;color:#fff;text-align:center;align-content:center}.steps-buttons .step-button-open{display:none}.steps-buttons:hover .step-button__long-arrow{animation:slideToTheRight .5s ease-out forwards}.steps-buttons .step-button__long-arrow{display:inline-block;transform:translateY(0);transition:transform ease-out .2s;margin:auto 40%;width:20px;height:20px;border-top:2px solid white;border-left:2px solid white}.steps-buttons .step-button__long-arrow.right{transform:rotate(135deg)}.steps-buttons .step-button__long-arrow.left{transform:rotate(-45deg)}.steps-buttons .step-button__long-arrow:after{content:"";display:block;width:2px;height:35px;background-color:#fff;transform:rotate(-45deg) translate(12px,4px);top:0;right:0;bottom:0;left:0;position:absolute}.steps-buttons:after,.steps-buttons:before{content:"";position:absolute;aspect-ratio:1;border-radius:50%;display:block;scale:1;top:0;right:0;bottom:0;left:0;margin:-10px}.filling-effect{transition:color .25s}.filling-effect:after,.filling-effect:before{scale:0;border:2px solid transparent}.filling-effect:before{top:0;left:0}.filling-effect:after{bottom:0;right:0}.filling-effect:hover{color:red}.filling-effect:hover:before,.filling-effect:hover:after{scale:1}.filling-effect:hover:before{border-top-color:red;border-right-color:red;transition:scale .25s ease-out .25s}.filling-effect:hover:after{border-bottom-color:red;border-left-color:red;transition:border-color 0s ease-out .5s,scale .25s ease-out}@keyframes slideToTheRight{to{transform:rotate(135deg) translate3d(-15%,-3px,0)}}@keyframes slideToTheRight2{to{transform:translate3d(10%,0,0)}}@keyframes slideToTheLeft{to{opacity:1;transform:translate(0)}}:root{--button-size: 80px;--progress-bar-width: 30px;--font-size: 1rem}.circular-progress2{width:var(--button-size);aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;align-content:center;background-color:#fff;position:relative}.circular-progress2:after{content:"";display:inline-block;position:absolute;border:3px solid transparent;background-color:#00f;width:80%;aspect-ratio:1;border-radius:50%}.circular-progress2:hover .step-button__long-arrow{animation:slideToTheRight .5s ease-out forwards}.circular-progress2 .step-button-open{display:none}.inner-circle2{position:absolute;width:calc(var(--button-size) - var(--progress-bar-width));aspect-ratio:1;border-radius:50%;background-color:var(--button-color)}.inner-circle2:after{content:"";display:inline-block;position:absolute;border:3px solid red;aspect-ratio:1;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:-10px}.percentage2{display:none;position:relative;font-size:var(--font-size);color:#000c}.step-button__long-arrow{display:inline-block;margin:0 auto;width:20px;height:20px;border-top:2px solid white;border-left:2px solid white;top:0;right:5px;bottom:0;left:5px;position:relative}.step-button__long-arrow.right{transform:rotate(135deg)}.step-button__long-arrow.left{transform:rotate(-45deg)}.step-button__long-arrow:after{content:"";display:block;width:2px;height:35px;background-color:#fff;transform:rotate(-45deg) translate(12px,4px);top:0;right:0;bottom:0;left:0;position:absolute}@property --data-percentage{syntax: "<number>+"; inherits: false; initial-value: 200 1400;}@property --data-dashoffset{syntax: "<number>+"; inherits: false; initial-value: 1;}.circular-progress-button-container{--button-size: 80px;--progress-bar-width: 30px;--progress-bar-color: green;--share-text-text-color: var(--button-hover-color);--share-text-font-size: large;--share-text-font-size-hover: 1rem;--share-text-font-weigth: 700;--show: none;--inner-circle-border-color: var(--button-color);--inner-circle-stroke-color: burlywood;--arrow-color: var(--button-hover-color);--arrow-border-color: var(--border-color);width:var(--button-size);aspect-ratio:1;display:grid;place-items:center;cursor:pointer}.circular-progress-button-container.right-corner{place-self:end;grid-column:2 / 3}.circular-progress-button-container.left-corner{place-self:baseline;grid-column:1 / 2}.circular-progress-button-container>input{display:none}.circular-progress-button-container .circular-progress-button{display:grid;place-items:center}.circular-progress-button-container .circular-progress-button[data-arrowflip=flip] .arrow{transform:translate(100%) scaleX(-1)}.circular-progress-button-container .circular-progress-button:after{display:var(--show);content:attr(aria-valuenow) "%";position:absolute;font-size:var(--share-text-font-size)}.circular-progress-button-container .circular-progress-button .progress-bar-color{stroke:var(--progress-bar-color);stroke-dasharray:var(--data-percentage, 0 1400);stroke-dashoffset:var(--data-dashoffset, 1);transition:stroke-dashoffset .3s linear,stroke-dasharray .3s linear}.circular-progress-button-container .circular-progress-button .arrow{fill:var(--arrow-color);stroke:var(--arrow-border-color)}.circular-progress-button-container .circular-progress-button .inner-circle-border{stroke:var(--inner-circle-stroke-color)}.circular-progress-button-container .circular-progress-button .inner-circle{fill:var(--inner-circle-border-color)}.circular-progress-button-container .circular-progress-button .share{fill:var(--share-text-text-color);font-size:var(--share-text-font-size);font-weight:var(--share-text-font-weigth);transition:font-size .3s ease}.circular-progress-button-container:is(:hover,:active,:focus) [data-arrowflip=none] .arrow{transform:translate(10%);transition:transform ease-out .5s}.circular-progress-button-container:is(:hover,:active,:focus) [data-arrowflip=flip] .arrow{transform:translate(90%) scaleX(-1);transition:transform ease-out .5s}.circular-progress-button-container:is(:hover,:active,:focus) .share{font-size:var(--share-text-font-size-hover)}.circular-progress-button-container:not(:hover,:active,:focus) .arrow{transition:transform ease-out .2s}@media screen and (max-width: 576px){.circular-progress-button-container{display:none}}.progress-bar{content:url(../img/arrowbutton.svg);fill:#fff}.circular-progress3{--button-size: 80px;--progress-bar-width: 30px;--font-size: 1rem;border-radius:50%;aspect-ratio:1;width:var(--button-size);text-align:center;align-content:center;z-index:2;display:grid;place-self:center;transform:translate(0)}.circular-progress3 .step-button-open{display:none}.circular-progress3:not(:hover) #Arrow3{transform:translate(0);transition:transform ease-out .2s}.circular-progress3:hover svg #Arrow3{transform:translate(12px);transition:transform ease-out .5s}.circular-progress3:after{content:"";position:absolute;place-self:center;aspect-ratio:1;border-radius:50%;scale:1;width:90px;z-index:-1;background-color:conic-gradient();top:-8px;right:-8px;bottom:-8px;left:-8px}.circular-progress3 .percentage3{display:none}:root{--button: hsl(44, 0%, 70%);--button-color: hsl(0, 0%, 4%);--shadow: hsl(0, 0%, 0%);--bg: hsl(53, 0%, 45%);--header: hsl(0, 0%, 41%);--color: hsl(0, 0%, 98%);--lit-header: hsl(0, 0%, 100%);--speed: 2s }@property --swing-y{initial-value: 0; inherits: false; syntax: "<integer>";}@property --swing-x{initial-value: 0; inherits: false; syntax: "<integer>";}body:has(.fourofour){background:var(--bg)!important;color:var(--color)!important}h1.fourofour{perspective:1200px;transform-style:preserve-3d;animation:swing var(--speed) infinite alternate ease-in-out;font-size:clamp(5rem,40vmin,20rem);font-family:"system-ui","sans-serif";margin:0;margin-bottom:1rem;letter-spacing:1rem;transform:translateZ(0);--x: calc(50% + (var(--swing-x) * .5) * 1%);background:radial-gradient(var(--lit-header),var(--header) 45%) var(--x) 100% / 200% 200%;-webkit-background-clip:text;color:transparent}h1.fourofour:after{animation:swing var(--speed) infinite alternate ease-in-out;content:"404";position:absolute;top:0;right:0;bottom:0;left:0;color:var(--shadow);filter:blur(1.5vmin);transform:scale(1.05) translate3d(0,12%,-10vmin) translate(calc((var(--swing-x, 0) * .05) * 1%),calc((var(--swing-y) * .05) * 1%))}h1.fourofour.no-js:after{content:"JS"}.cloak__wrapper{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.cloak__wrapper>.cloak__container{height:250vmax;width:250vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloak__wrapper>.cloak__container>.cloak{animation:swing var(--speed) infinite alternate-reverse ease-in-out;height:100%;width:100%;transform-origin:50% 30%;transform:rotate(calc(var(--swing-x) * -.25deg));background:radial-gradient(40% 40% at 50% 42%,transparent,black 35%)}.info{transform-style:preserve-3d;justify-self:center;top:0;right:0;bottom:0;left:0;text-align:center;line-height:1.5;margin-inline:auto;max-width:clamp(16rem,90vmin,25rem)}.info>p{margin-bottom:3rem;font-weight:100!important}.info>a{text-transform:uppercase;padding:1rem 4rem;border-radius:4rem;font-size:.875rem;letter-spacing:.05rem;margin-inline:auto;transition:all .3s ease}.info>a:hover,.info>a:active,.info>a:focus{color:var(--button-color);background:var(--button-hover-color);border:.5px var(--button-color) solid}.info>h2{display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;font-weight:700}@keyframes swing{0%{--swing-x: -100;--swing-y: -100 }50%{--swing-y: 0 }to{--swing-y: -100;--swing-x: 100 }}:root{--fs-hero-title: 4rem;--f-hero-title-color: rgb(37, 36, 36);--fs-carousel-title: 2.75rem;--fs-title: 2rem;--fs-description: 1.35rem;--f-title-color: #232323;--f-color: #585858;font-family:system-ui,sans-serif;--navbar-color: #eeeeee;--navbar-text-color: #000;--navbar-hoover-text-color: #a39191;--navbar-hoover-background-color: #555252;--site-color-01: #a39191;--site-color-01-hover: #555252;--button-color: orange;--button-color-a-hover: rgba(255, 166, 0, .747);--button-hover-color: #3b3b3b;--navbar-background-color: transparent;--background-color: linear-gradient(95deg, rgba(33, 36, 37, 1) 0%, rgba(11, 13, 13, 1) 90%, rgba(0, 0, 0, 1) 100%);--global-text-color: #eeeeee;--logo-color: drop-shadow(16px 16px 20px rgb(255, 254, 254)) invert(70%);--card-color: rgba(243, 243, 243, .05);--card-color2: #1f2122;--border-color: #a391913b;--input-focus: #7aa8dd;--input-focus-gradient: linear-gradient(318deg, #71C4FFFF 0%, #A100FF00 100%), radial-gradient(75% 75% at 50% 50%, #00FFFFFF 0%, #073AFFFF 81%);--input-background-color: #cccccc80;--textfs: 1.6rem;--step--2: clamp(.7387rem, .7961rem + -.0741vw, .7813rem);--text-fs-body: clamp(.9375rem, .9211rem + .0819vw, .9846rem);--step-0: clamp(1.125rem, 1.0598rem + .3261vw, 1.3125rem);--step-1: clamp(1.35rem, 1.211rem + .6949vw, 1.7496rem);--step-2: clamp(1.62rem, 1.3723rem + 1.2386vw, 2.3322rem);--step-3: clamp(1.944rem, 1.5389rem + 2.0257vw, 3.1088rem);--step-4: clamp(2.3328rem, 1.7028rem + 3.1499vw, 4.144rem);--step-5: clamp(2.7994rem, 1.8517rem + 4.7384vw, 5.524rem)}@font-face{font-family:Caveat;src:url(/assets/ttf/Caveat-VariableFont_wght-Cd5oCIlo.ttf)}@font-face{font-family:Roboto;src:url(/assets/ttf/Roboto-Regular-BHeBnKzs.ttf),url(/assets/ttf/Roboto-Bold-BKtbn9Wi.ttf),url(/assets/ttf/Roboto-Black-qr0G-G-3.ttf),url(/assets/ttf/Roboto-Thin-D4yhO5KI.ttf),url(/assets/ttf/Roboto-Medium-CFKDKRMh.ttf),url(/assets/ttf/Roboto-Light-y85UWPYz.ttf)}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--global-text-color)}[light-theme]{--background-color: #eeeeee;--logo-color: unset;--navbar-background-color: #3b3b3b;--card-color: #3b3b3b}.hero{overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:75vh;border-radius:30px;border-top:1px solid var(--site-color-01);border-bottom:1px solid var(--site-color-01)}.hero p{position:absolute;display:flex;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex-wrap:wrap;font-size:4rem;color:var(--global-text-color);font-weight:600;letter-spacing:.1rem;margin:20px auto;padding:0 20px}.hero p span{position:relative;color:var(--button-color)}.hero p span:before{content:"";right:-22px;top:50%;position:absolute;height:4rem;width:20px;background:var(--button-color);transform:translateY(-45%);animation:blink .7s infinite}.hero p span.stop-blinking:before{animation:none}@keyframes blink{50%{opacity:0}}html,body{margin:0;padding:0;scroll-behavior:smooth}html:not(:has(.recipe,.read__aside,.settings-grid)),body:not(:has(.recipe,.read__aside,.settings-grid)){overflow-x:hidden}body{background:var(--background-color);font-size:var(--text-fs-body)}a,p{text-decoration:none;color:var(--global-text-color);font-weight:400}a:hover:not(.action-btn),a.active{color:var(--site-color-01-hover);color:var(--button-color);cursor:pointer;transform:scale(1.03);transition:transform .1s ease-in-out;animation:fadeIn .3s all}a.active:hover{color:var(--navbar-hoover-text-color);color:var(--button-color-a-hover)}a.greyed{color:var(--button-hover-color);opacity:1;cursor:pointer;transform:scale(1.03);transition:transform .1s ease-in-out,opacity .3 ease}a.greyed:hover{color:var(--button-color-a-hover)}@keyframes fadeIn{to{opacity:1}}h1{font-size:6rem;font-size:xx-large;font-weight:700;min-height:-moz-fit-content;min-height:fit-content;margin-bottom:100px;margin-inline:auto;text-align:center}@media (max-width: 576px){.pw_reset{padding-right:unset;margin:20px auto}}.pw_reset:hover{padding-left:2px}header{--width-crop: 1rem;--max-width-content: 2160px;position:relative;margin-inline:auto;top:0;left:0;right:0;width:min(var(--max-width-content),100%,calc(100% - (var(--width-crop) * 2)));max-width:100%}header:has(.read_header){--max-width-content: 0}nav.nav{--margin-auto: auto;--margin: 15px;--test: calc(var(--margin) - .5rem);width:clamp(min(98%,556px),95%,max(80%,1024px));height:80px;position:sticky;margin:var(--margin) auto;top:0;left:0;right:0;padding:2rem 3rem;gap:1rem;outline:none;display:flex!important;z-index:1000;align-items:center;justify-content:space-between;align-content:space-between}@media screen and (max-width: 576px){nav.nav{flex-direction:column;height:100%}nav.nav:not(.fadeOut){animation:fadeOut .3s}nav.nav:not(.fadeOut) .dropdown-menu.open{top:288px}}nav.nav .logo{transition:scale .3s;width:100px;position:relative;z-index:1000;margin:5px auto}nav.nav .logo:hover{scale:1.05}nav.nav .logo:active{scale:.95}nav.nav .account-img{transition:scale .3s;width:30px}nav.nav .account-img:hover{scale:1.05}nav.nav .account-img:active{scale:.95}nav.nav.fadeOut .search{transition:none}nav.nav.fadeOut .search.open{transition:width .3s,opacity .3s;opacity:1}@starting-style{nav.nav.fadeOut .search.open{opacity:0}}nav.nav>.dropdown-menu{display:none;position:absolute;z-index:1000;height:0px;top:85px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;overflow:hidden;transition:max-height .3s cubic-bezier(.175,.885,.32,1.275),height .3s cubic-bezier(.175,.885,.32,1.275),.3s linear}@media screen and (min-width: 577px) and (max-width: 992px){nav.nav>.dropdown-menu{display:block;width:300px;position:fixed;right:0}}@media screen and (max-width: 576px){nav.nav>.dropdown-menu{left:0;top:273px;display:block;right:0;position:fixed}}nav.nav>.dropdown-menu.open{transition:top .3s cubic-bezier(.39,.575,.565,.3),height .3s linear;overflow:hidden;display:block;height:300px;min-height:-moz-max-content;min-height:max-content;max-height:600px;position:fixed;margin-bottom:100px;top:100px;z-index:1000;visibility:visible}@media screen and (max-width: 576px){nav.nav>.dropdown-menu.open{margin-inline:5px}nav.nav>.dropdown-menu.open~.navbar.fadeOut{top:0}}@media screen and (min-width: 577px) and (max-width: 992px){nav.nav>.dropdown-menu.open{right:0;width:300px;margin-inline:var(--test)}}nav.nav>.dropdown-menu>li{padding:.7rem;display:flex;align-items:center;justify-content:center}nav.nav>.dropdown-menu>.action-btn{width:100%;display:flex;justify-content:center}.navbar2{width:clamp(min(95%,556px),95%,max(70%,1024px));height:80px;position:sticky;margin:0 auto;padding:2rem 3rem;gap:1rem;border-radius:100vh;border:.5px rgb(196,186,186) solid;outline:none;display:flex;z-index:1000;align-items:center;justify-content:space-between;align-content:space-between}.navbar2:is(:has(.search.open)){border:none transparent;overflow:hidden}.navbar2 .fadeOut .search{transition:none}.navbar2 .fadeOut .search.open{width:clamp(min(98%,556px),90%,max(80%,1024px));background:transparent;transition:opacity .5s;margin:0 auto;position:fixed;opacity:1;top:20px;left:0;right:0}@starting-style{.navbar2 .fadeOut .search.open{right:25px;opacity:0}}.nav .logo a{font-size:var(--textfs);font-weight:600;cursor:pointer}.navbar .links{display:flex;cursor:pointer;flex-wrap:wrap;align-items:center;justify-content:center}.navbar .active,.navbar a:hover:not(.action-btn){display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;animation:fadeIn .5s both}.navbar a.active:before{content:"";position:absolute;opacity:1;border-bottom:2px solid burlywood;animation:borderSlide .3s both;padding:15px;width:50%}@starting-style{{opacity:0}}.navbar.fadeOut a.active{visibility:hidden}.slideUp{animation-name:slideUp;animation-duration:.3s}.fadeOut{animation:fadeOut}@keyframes borderSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;height:0;transform:translateY(-70%)}}.sub-menu{position:absolute;min-height:50px;background:gray;min-width:-moz-fit-content;min-width:fit-content;width:-moz-max-content;width:max-content;top:85px;padding:10px;visibility:hidden;opacity:0}.action-btn{background-color:var(--button-color);outline:none;border:none;padding:.5rem 1rem;color:var(--global-text-color);border-radius:20px;font-size:var(--textfs);font-weight:600;cursor:pointer;transition:scale .2 ease}.action-btn:hover{scale:1.05;color:var(--global-text-color)}.action-btn:active{scale:.95}.dropdown-menu-background{width:100%;height:100%;position:fixed;z-index:1000;top:0;visibility:hidden;overflow:hidden;background-color:#e6b5b533;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:background-color 10s ease-in-out}footer{display:flex;background:red;transition:all 1.5s ease;height:auto;width:100%;flex-shrink:0;margin-top:auto}@media (max-width: 992px){.navbar .links,.navbar .action-btn{display:none}.navbar .toggle_btn,.toggle_btn-box,.navbar-grid .toggle_btn{display:block;visibility:visible;color:var(--global-text-color)}.dropdown-menu-background.open{overflow:hidden;visibility:visible;top:0;right:0;bottom:0;left:0}.toggle_btn{height:80px}.toggle_btn-box{position:absolute;border-radius:6px}.toggle_btn-box:hover{background-color:var(--button-color);transition:height .2s;height:100%;max-height:80px;border:1px solid grey}.navbar{justify-content:space-between;position:sticky;align-items:flex-end;flex-wrap:wrap;flex-direction:column;justify-content:center}.navbar.fadeOut :is(.search.open){position:fixed;top:15px;right:25px}@media screen and (max-width: 576px){.navbar.fadeOut :is(.search.open){right:0}}.navbar.fadeOut .toggle_btn-box{max-height:80px!important;position:fixed;margin-top:15px;right:20px}}@media (max-width: 576px){.dropdown-menu-background.open{top:0;right:0;bottom:0;left:0;visibility:visible}.navbar{align-items:center}.all-resolutions{display:none;visibility:hidden}}@media (min-width: 577px){.mobile-only{display:none;visibility:hidden}}.wrapper{--max-width-content: 100%;--width-crop: 1.5rem;margin-top:30px;margin-bottom:60px;min-height:clamp(400px,100vh - 288px + 5rem,100vh);width:min(var(--max-width-content),100%,calc(100% - (var(--width-crop) * 2)));max-width:1500px;margin-inline:auto}@media screen and (orientation: landscape) and (min-width: 576px) and (max-width: 996px){.wrapper{margin-top:60px}}.card{box-shadow:-5px 11px 31px -3px #000c;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--card-color);border-radius:20px;border-inline-start:1px solid var(--border-color);padding:20px;margin:0 auto;overflow:hidden}.card.form-recipe,.card.recipe{will-change:transform;padding:5%}@media screen and (max-width: 576px){.card{padding:0;width:100%}}@media screen and (min-width: 996px){.card{margin-left:20px}.card.form-recipe{width:100%}.card.recipe{width:80%;margin:0 auto;position:sticky;top:0;bottom:0}.card.asideprep{margin:0 auto;position:sticky;top:0;bottom:0;right:0}}.card-header-section{display:grid;grid-auto-rows:1fr;align-items:start;text-align:center;row-gap:0!important}.card-header{display:flex;justify-content:center;font-size:xx-large;font-weight:700;flex-direction:column}@media screen and (max-width: 976px){.card-header{padding-left:5px}}.contact-section{position:relative;justify-content:center;margin-top:5px;bottom:0;top:0}.contact-section a{color:#ff90408f}* img,svg{-o-object-fit:contain;object-fit:contain;display:block;width:100%;height:100%}::-moz-placeholder{text-align:center;font-weight:400;font-size:medium}::placeholder{text-align:center;font-weight:400;font-size:medium}.input_error:hover::-moz-placeholder{color:#00800000;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.input_error:hover::placeholder{color:#00800000;transition:all .3s ease-in-out}input:focus::-moz-placeholder,input.input_error:focus::-moz-placeholder{color:#00800000}input:focus::placeholder,input.input_error:focus::placeholder{color:#00800000}:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder,::-webkit-input-placeholder{text-align:center}:hover::-moz-placeholder,.input_error:hover::-moz-placeholder{color:#00800000}.search,.account{background:var(--button-color);background-position:50%;background-repeat:no-repeat;border-radius:80px;padding:1px;color:transparent;right:0;top:0;width:66px;z-index:11;transition:height .2s,width .2s,scale .2s,margin 0s;display:flex;justify-content:center;align-items:center;position:relative}.search.account .icon-search-input,.account.account .icon-search-input{height:80px}.search:hover:not(.open),.search .account:hover,.account:hover:not(.open),.account .account:hover{height:80px;border-radius:10px;grid-column-start:search-start;grid-column-end:search-end;justify-self:center;align-items:center;justify-items:center}.search:hover:not(.open) .sub-menu,.search .account:hover .sub-menu,.account:hover:not(.open) .sub-menu,.account .account:hover .sub-menu{transition:opacity .5s;opacity:1;visibility:visible}.search:not(.open),.account:not(.open){height:33px}.search:not(.open) .close-search,.account:not(.open) .close-search{display:none}.search>input,.account>input{display:none;background:var(--button-color);background-position:50%;background-repeat:no-repeat;border:0;border-radius:80px;box-shadow:none;color:transparent;height:100%;outline:none;padding:0;position:absolute;right:0;width:66px}.search.close,.account.close{animation:width-shrink .3s}.search.open,.account.open{position:absolute;height:80px;right:25px;top:0;width:100%;margin-right:20px}.search.open~.account,.account.open~.account{opacity:0;visibility:hidden}.search.open>input,.account.open>input{color:#fff;visibility:visible;cursor:text;outline:none;padding:0 25px;font-size:19px;width:100%;display:block}.search.open .icon-search-input,.account.open .icon-search-input{opacity:0;visibility:hidden}.search.open>.close-search,.account.open>.close-search{opacity:1;transition:width .2s;visibility:visible}.search.open:after,.account.open:after{content:"";padding:60px}.search.open:before,.account.open:before{content:"";padding:60px}.search .icon-search-input,.account .icon-search-input{cursor:pointer;position:relative;padding:20px;z-index:11}.search .icon-search-input i,.account .icon-search-input i{font-size:24px}.search .icon-search-input:hover,.account .icon-search-input:hover{scale:1.2;transition:scale .2s;animation:fa-bounce 1s infinite cubic-bezier(.28,.84,.42,1)}@media screen and (max-width: 996px){.search.open,.account.open{width:100%;left:0;margin:0 auto}.search.open~.toggle_btn-box,.account.open~.toggle_btn-box{display:none}.search.open .close-search,.account.open .close-search{margin:0}}@media screen and (max-width: 576px){.search,.account{margin-inline:0}.search.open,.account.open{right:0}.search.open .close-search,.account.open .close-search{display:none}}.search>.close-search,.account>.close-search{align-items:center;cursor:pointer;display:flex;font-size:45px;height:30px;justify-content:center;opacity:0;position:absolute;right:-40px;top:calc(50% - 2px);transform:translateY(-50%) rotate(45deg);visibility:hidden;width:30px;z-index:11}.search>.close-search:hover,.account>.close-search:hover{scale:1.1;color:var(--button-color)}@keyframes width-shrink{to{opacity:0;width:0}}@keyframes height-shrink{to{height:20px}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1) translateY(0)}30%{transform:scale(.9) translateY(-.5em)}50%{transform:scale(1.05) translateY(0)}57%{transform:scale(1) translateY(-.125em)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes top-2{0%{top:17px;transform:rotate(45deg)}50%{top:17px;transform:rotate(0)}to{top:0;transform:rotate(0)}}label,.label{font-size:var(--textfs);text-wrap:pretty;color:var(--global-text-color)}label#add_image,.label#add_image{cursor:pointer}.btn{display:flex;font-size:var(--textfs);cursor:pointer;max-width:-moz-fit-content;max-width:fit-content;justify-content:center;background-color:var(--button-color);box-shadow:-5px 11px 11px -13px #00000080;transition:all .3s ease}.form-contact .btn{margin-left:0;width:100%;max-width:unset;padding:10px}.btn:hover{color:var(--button-color);transition:all .3s ease}.button,a[type=button]{width:100%;position:relative;background-color:#c7bdb1;border:2px solid white;font-size:2.8rem;color:#fff;padding:10px;width:120px;margin:10px auto;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer}#start{width:auto}.button:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.button:active:after{padding:0;margin:0;opacity:1;transition:0s}button:hover,a[type=button]:hover{background-color:var(--button-hover-color);cursor:pointer}input[type=text],input[type=file],div[type=text],input[type=number],input[type=password],input[type=email],textarea,select,button,a[type=button]{padding:10px;width:100%;border-radius:10px;color:#eee;transition:all .3s ease;font-size:larger}@media screen and (max-width: 976px){input[type=text],input[type=file],div[type=text],input[type=number],input[type=password],input[type=email],textarea,select,button,a[type=button]{margin:10px auto}}textarea{display:flex;align-items:center;max-width:100%;min-height:50px;resize:vertical;margin-left:0;width:100%;text-align:justify!important;border:1px solid var(--border-color);background-color:#ffffff1a}select,.custom-ingredient{border:2px solid #ccc;color:#fff;background-color:#000;width:20rem;padding:10px;cursor:pointer}select:hover{color:var(--button-hover-color)}input[type=password],select,input[type=number]{display:inline-block;text-align:center;border-radius:10px;max-width:100%;font-size:larger}input:focus,textarea:focus,input:hover,textarea:hover,.custom-ingredient:hover,.custom-ingredient:focus-within{border:1px solid var(--input-focus);background-color:var(--input-background-color);transition:all .3s cubic-bezier(.215,.61,.355,1)}input[type=password].input_error,div[type=text].input_error,input[type=text].input_error,input[type=email].input_error,input[type=number].input_error,textarea.input_error{border-bottom:1px solid red;border-inline:red;position:relative}input.input_error::-moz-placeholder,textarea.input_error::-moz-placeholder{color:#f77474}input.input_error::placeholder,textarea.input_error::placeholder{color:#f77474}input.input_error:focus,input.input_error:hover{border-bottom:1px solid var(--input-focus);border-inline:unset}:is(input,textarea)+span{position:absolute}:is(input,textarea).input_error+span{bottom:15px;right:10px;grid-column:1 / 2}:is(input,textarea).input_error+span:before{content:"✖";color:red}:is(input,textarea).valid_input+span{bottom:15px;right:-12px;grid-column:auto / 3}:is(input,textarea).valid_input+span:before{content:"✓";color:green;font-weight:900}:is(div).tooltiptext{bottom:100%;left:20%;padding:15px 10px;text-align:left}:is(div).tooltiptext p.input_error{bottom:15px;right:10px;grid-row:1 / 1;grid-column:2 / 2;color:red}:is(div).tooltiptext p.input_error:before{content:"✖";color:red;margin:5px}:is(div).tooltiptext p.valid_input{bottom:15px;right:10px;grid-row:1 / 1;grid-column:2 / 2;color:green}:is(div).tooltiptext p.valid_input:before{content:"✓";color:green;margin:5px;font-weight:900}input,div[type=text]{border:1px solid var(--border-color);border-inline:#ccc0 solid 1px;background-color:#ffffff1a}input,textarea{text-align:center;font-size:var(--textfs)}.alert-error{text-align:center;align-content:center;color:orange;max-width:-moz-fit-content;max-width:fit-content;animation:fadeIn 1s;position:fixed;bottom:0;left:0;right:0;background:#3b3b3b;z-index:1001;min-height:40px;border-radius:100vh;margin:1% auto;padding:10px}@media (max-width: 976px){form{min-width:50px}}.form-hidden{opacity:0;filter:blur(5px);transform:translate(-100%)}.form-show,.form-hidden:has(.input_error){opacity:1;filter:blur(0);transform:translate(0);transition:all 1s}.form-logo{filter:var(--logo-color);display:flex;width:auto;margin:10px auto}.form-logo.icon{height:50px}@media screen and (max-width: 576px){.form-logo img{opacity:1}}@media (max-width: 770px){.form-logo{margin:10px auto}}.form{display:flex;justify-content:space-between;padding-left:5px;align-items:center;align-content:center;min-height:20px;width:100%;flex-direction:row;flex-wrap:nowrap}@media (min-width: 996px){.form{gap:1.3rem;flex-direction:column;align-items:baseline;padding:5px}.form:not(.first-column){min-width:400px}}@media screen and (max-width: 976px){.form{flex-direction:column;gap:.5rem;padding:0;align-items:baseline;min-width:30px}}@media screen and (min-width: 576px){.opening_drawer_button{display:none}.form-index{display:grid;grid-auto-columns:1fr;grid-template-areas:"username username password password" "submit   submit   submit   submit" "recovery recovery .        .";justify-items:center}.form-index>:nth-child(1){grid-area:username}.form-index>:nth-child(2){grid-area:password}.form-index>:nth-child(3){grid-area:submit}.form-index>:nth-child(4){grid-area:recovery}}@media screen and (min-width: 576px){.form-index>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.form-index>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3;-ms-grid-column-span:2}.form-index>:nth-child(3){-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:4}.form-index>:nth-child(4){-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}.form-contact{display:grid;padding:0 5px 5px;margin:0 auto;gap:1.2rem;max-width:100%;width:100%;min-height:50px}@media screen and (max-width: 976px){.form-contact{gap:1rem;margin-top:5%}.form-contact input{width:400px;max-width:100%;border-inline:1px solid var(--border-color)}}@media screen and (max-width: 425px){.form-contact{justify-content:unset}}#recovery-input{gap:1.2rem}#recovery-input>.signupsuccess{grid-template-columns:repeat(2,400px);grid-template-rows:auto}@media (min-width: 996px){#recovery-input{width:50vh}}#recovery-input input{width:100%;margin:0 auto}#recovery-input .contact{display:block}#recovery-input .btn{margin:0 auto}#recovery-input .form-contact{margin:0 auto 20px}.contact{display:grid;justify-content:center;align-items:center;max-width:100%;width:100%;min-height:50px}.contact-grid{display:grid;row-gap:45px;-moz-column-gap:30px;column-gap:30px;justify-content:center;grid-template-columns:repeat(2,1fr);position:relative;align-items:center;align-content:center;justify-items:end}.contact-grid .add_ingredient{display:none}.contact-grid .full{grid-column:1 / 3;width:100%;display:grid;position:relative;grid-auto-columns:1fr;row-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;place-self:center;align-items:baseline}.contact-grid .full>:not(.total_time,.three-columns){display:grid;row-gap:2rem}.contact-grid .full>:not(.total_time,.three-columns)>*{margin:unset}.contact-grid .full>button{place-self:center}.contact-grid .full>p{color:var(--button-color)}.contact-grid .full,.contact-grid .full *{min-width:unset}.contact-grid .three-columns{grid-column:1 / 3;width:100%}.contact-grid .three-columns>p{color:var(--button-color)}.contact-grid .three-columns>#submit-recipe{display:grid;row-gap:2rem}.contact-grid .first-column{grid-column:1 / 2}.contact-grid .second-column{grid-column:2 / 3}.contact-grid .js-form-recipe{position:relative;width:100%;display:flex;flex-direction:column;gap:15px}.contact-grid .js-form-recipe:has(#title,#description,#video_link){grid-column:1 / 3;width:75%;place-self:baseline}.contact-grid .js-form-recipe:has(:is(input,textarea)) input,.contact-grid .js-form-recipe:has(:is(input,textarea)) textarea{margin:0}@media screen and (max-width: 576px){.contact-grid .js-form-recipe{grid-column:1 / 3}}.contact-grid#recipe_creation,.contact-grid#recipe_creation_all_resolutions{align-items:unset;place-items:normal center}.contact-grid#recipe_creation .btn,.contact-grid#recipe_creation_all_resolutions .btn{width:100%;max-width:unset;margin-left:0}.contact-grid#recipe_creation #title,.contact-grid#recipe_creation_all_resolutions #title{margin-left:0;width:100%}@media screen and (min-width: 576px){.contact-grid .js-append-to-drawer{display:grid;row-gap:45px}.contact-grid .js-append-to-drawer .card-header-section>.form-logo{margin:unset}}@media screen and (min-width: 576px) and (max-width: 992px){.contact-grid .form-recipe{padding-bottom:20px;height:-moz-max-content;height:max-content}}@media screen and (max-width: 576px){.contact-grid{display:flex;flex-direction:column-reverse;margin:45px auto}.contact-grid>img{height:100%;position:fixed;right:0;top:0;opacity:.1;z-index:-1;filter:blur(1.5px)}.contact-grid .form-logo img{opacity:1;position:unset;filter:blur(0)}.contact-grid .js-four{margin-top:2rem}.contact-grid .js-four>*:not(.three-columns){grid-column:1 / 3;display:grid;row-gap:2rem}.contact-grid .js-four>*:not(.three-columns)>*{margin:unset}.contact-grid .js-four hr{place-self:center}.contact-grid .form-recipe{display:flex;flex-direction:column;gap:30px;padding:0}.contact-grid .js-form-recipe:has(#title,#description,#video_link){width:100%}}.pw-recovery{display:grid;justify-content:center;grid:minmax(50px,min-content) / repeat(auto-fill,minmax(400px,650px));grid-template-rows:auto;align-items:center;align-content:center}@media screen and (max-width: 992px){.pw-recovery{margin:15px}}@media screen and (max-width: 576px){.pw-recovery{margin:0 auto;display:flex;flex-direction:column-reverse}}.contact-img{-o-object-fit:contain;object-fit:contain;height:100%;width:100%;max-width:30vw}.contact-img img{position:relative;opacity:1}@media screen and (max-width: 576px){.contact-img img{height:100%;position:fixed;right:0;top:0;opacity:.1;z-index:-1}}@media (max-width: 992px){.contact-img{max-width:50vw}}#register-btn{flex-direction:row;justify-content:center}@media screen and (max-width: 425px){#btn{margin:0 auto}}@media (prefers-reduced-motion){.form-hidden{transition:none}}.form:nth-child(1){transition-delay:.1s}.form:nth-child(2){transition-delay:.3s}.form:nth-child(3){transition-delay:.5s}.form__label{position:absolute;top:-40%;left:2%;transition:.2s;font-size:1rem;width:auto;color:#fff}.form__group{overflow:visible;position:relative;margin-top:10px;width:100%}.form__field{font-family:inherit;width:100%;outline:0;font-size:var(--textfs);color:#fff;padding:7px 0;transition:border-color .2s}.form__field::-moz-placeholder{color:transparent}.form__field::placeholder{color:transparent}.form__field:-moz-placeholder-shown~.form__label{font-size:var(--textfs);cursor:text;align-content:left;top:30%;left:5%}.form__field:placeholder-shown~.form__label{font-size:var(--textfs);cursor:text;align-content:left;top:30%;left:5%}.form__field:focus{font-weight:700;margin-bottom:15px}.form__field:focus~.form__label{position:absolute;display:block;top:-40%;left:5%;transition:.2s;padding-bottom:10px;font-size:1rem;color:#fff;margin-bottom:15px;font-weight:700}.form__field{position:relative;transition:.2s}.form__field:required,.form__field:invalid{box-shadow:none}.recipe{height:100vh;opacity:1;display:none;scroll-snap-type:y mandatory;overflow:visible;overflow-x:auto;width:-moz-fit-content;width:fit-content}.recipe .add_ingredient{padding-bottom:30px;width:min(100%,650px)}.recipe.opened{top:20%}.recipe.opened.fullyOpened{top:0;overscroll-behavior-y:contain}.recipe.opened,.recipe.open{display:block;position:fixed;z-index:1000;max-height:100%;scroll-snap-type:y mandatory;background-color:#28292a}.recipe.opened:after,.recipe.open:after{content:"";clear:both}.recipe.opened .show_drawer,.recipe.open .show_drawer{display:block;row-gap:45px}.recipe.open{transition:width 1s ease-in-out,transform 1s}.recipe .show_drawer{position:relative;height:100%}@media screen and (max-width: 576px){.recipe .show_drawer{display:none;bottom:0}}.recipe .show_drawer:after{content:"";clear:both}@media screen and (min-width: 576px) and (max-width: 992px){.recipe{scroll-snap-type:y mandatory;width:-moz-fit-content;width:fit-content;position:sticky;top:0;bottom:0}}@media screen and (max-width: 576px){.recipe{width:unset;position:fixed;right:0;top:100%;left:0;will-change:transform}}@keyframes scaleOut{0%{width:50%;position:fixed;transform:scale(.7);transform:translate3d(0,5%,0)}to{background-color:#28292a;width:550px;transform:scale(1);position:fixed}}@keyframes gridContraction{to{grid-template-columns:repeat(2,50%);grid-template-rows:auto}}@keyframes scaleOutSteps{0%{width:100%;position:sticky;transform:translate3d(5%,0,0)}to{background-color:#28292a;width:550px;transform:translateZ(0);position:sticky;z-index:10}}.hidden{animation:both fadeOut .3s}.show{animation:both fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideFromTop{to{transform:translate3d(0,20%,0)}}@keyframes slideToTop{to{transform:translate3d(0,-100%,0)}}@keyframes slideToFullTop{to{transform:translate3d(0,-20%,0)}}@keyframes slideToBottom{to{opacity:0;transform:translate3d(0,75%,0)}}@keyframes slideToRight{0%{scale:1.02;width:550px;height:100%;transform:translate3d(-160px,-150px,0);position:sticky}to{scale:1;transform:translateZ(0);position:sticky;width:100%}}.form-flex{display:flex;gap:1.5rem}.form-recipe,.recipe{will-change:transform;padding:5%;width:100%}.form-recipe.opened{left:15px;background-color:#28292a;width:550px;position:sticky;z-index:10}.time{display:grid;gap:1rem;position:relative;grid-template-columns:4.5fr 1fr 1fr;grid-template-rows:auto;align-content:center;justify-items:start;align-items:center}.time>input{width:40px;place-self:center;padding:10px 0}.time>select{text-align:center;width:-moz-fit-content;width:fit-content;place-self:end;align-self:center;margin:unset}.first-column-bottom-border{grid-column:1 / 2;border-bottom:grey 1px solid;width:100%;height:100%;align-content:center}.persons{margin-bottom:15px}@media screen and (max-width: 576px){.persons{grid-template-columns:3fr 1fr}.persons>.input{place-self:end;margin-inline:unset}}.ingredients>.add_ingredient{width:min(100%,650px)}.ingredient{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;gap:10px}.ingredient>select{margin:unset;width:100%}.ingredient-stack{display:flex;flex-wrap:wrap;width:100%;gap:10px;min-height:-moz-fit-content;min-height:fit-content}hr{border-bottom:1px solid;width:50%;margin:100px auto}.custom-ingredient[type=text]{position:relative;display:inline-flex;text-align:center;cursor:pointer;width:-moz-fit-content;width:fit-content;border:1px solid var(--border-color);border-radius:10px}.custom-ingredient[type=text]:active{background-color:unset}.custom-ingredient[type=text]:after{content:"";clear:both}@media screen and (max-width: 976px){.custom-ingredient[type=text]{margin:unset}}.js-stops{position:fixed;top:0;bottom:-100%;left:-100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translate3d(-310px,0,0);right:-100%;background:#fff3;z-index:1}.js-stops:after{content:"";clear:both}.interactive-container{position:absolute}.custom-ingredient__interactive-elements,.interactive-container__elements{animation:fadeIn .4s;position:absolute;left:0;display:flex;z-index:1001;justify-content:flex-end;background-color:#474444;top:-50px;border-radius:100vh;padding:10px;width:-moz-max-content;width:max-content;z-index:1000000000000}.custom-ingredient__interactive-elements:after,.interactive-container__elements:after{content:"";clear:both}.interactive-elements__validate,.interactive-elements__cancel,.interactive-elements__modify,.interactive-elements__delete,.interactive-elements__close{margin:0 5px;height:25px;width:30px;background-color:var(--global-text-color)}.interactive-elements__validate:hover,.interactive-elements__cancel:hover,.interactive-elements__modify:hover,.interactive-elements__delete:hover,.interactive-elements__close:hover{transition:scale .3s ease-in-out;scale:1.1}.interactive-elements__validate:active,.interactive-elements__cancel:active,.interactive-elements__modify:active,.interactive-elements__delete:active,.interactive-elements__close:active{transition:scale .3s ease-in-out;scale:.95}.interactive-elements__validate:after,.interactive-elements__cancel:after,.interactive-elements__modify:after,.interactive-elements__delete:after,.interactive-elements__close:after{content:"";clear:both}#add{fill:green}.opening_drawer_button{position:fixed!important;bottom:40px;height:50px;width:50px;right:50px;background-color:var(--button-color);border-radius:100vh;z-index:3}.opening_drawer_button:hover{transition:scale .3s ease-in-out;scale:1.2}.opening_drawer_button:active{transition:scale .3s ease;scale:.95}.opening_drawer_button img{position:relative;opacity:1;filter:invert(1);padding:8px}.drawer{display:none;position:fixed;top:0;bottom:0;height:50px;width:100%;opacity:1;z-index:4;overflow:auto;left:0}@media screen and (min-width: 576px){.drawer{display:none}}.drawer.open{display:none}.drawer .drawer__button{border-radius:100vh;border:solid 1px var(--border-color);width:40px;background-color:var(--input-background-color);justify-content:center;display:block;padding:5px;margin:5px auto;bottom:10px;position:relative;animation:both fadeIn .3s}.drawer .drawer__button:is(.fullyOpened){animation:both fadeOut .3s}.drawer .drawer__close{position:absolute;color:var(--global-text-color);top:10px;right:15px;filter:invert(1);z-index:4}.drawer .drawer__close img{position:relative;opacity:1;filter:none}.drawer .drawer__close:hover{scale:1.1;transition:scale .3s ease}.drawer .drawer__close:active{scale:.95;transition:scale .3s ease}.drawer .drawer__button:hover{scale:1.15;transition:scale .3s ease}.img_preview label:is(:hover)~.profile-picture .upload-icon{opacity:1}.img_preview .profile-picture{margin-top:20px;opacity:.75;height:250px;width:100%;position:relative;overflow:hidden;background:url(https://qph.cf2.quoracdn.net/main-qimg-f32f85d21d59a5540948c3bfbce52e68);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 8px 6px -6px #000}.img_preview .profile-picture:hover .upload-icon{opacity:0;scale:1.05}.img_preview .profile-picture .upload-icon{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);opacity:1;scale:1;transition:scale .3s ease,opacity .3s ease;color:#ccc;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#bbb}.read_header{overflow:hidden;display:grid;position:relative;grid-template-columns:2fr 1fr;max-block-size:clamp(min(556px,50vh),75vh,916px);height:100%;width:100%;border-radius:30px;border-top:1px solid var(--site-color-01);border-bottom:1px solid var(--site-color-01)}.read_header>.read_header__bg-img{position:absolute;filter:blur(20px);opacity:.35;z-index:-1;top:0;left:0;bottom:0;right:0;animation:fadeIn .3s both}.read_header>.read_header__inner-poster{-o-object-fit:cover;object-fit:cover;aspect-ratio:1 / 1;max-block-size:clamp(min(556px,50vh),75vh,916px);width:100%;animation:slideToTop .5s ease-in reverse forwards,fadeIn .5s ease}.read_header>.read_header__side-bg{--delay: 0s;--base-time: .3s;display:grid;grid-template-areas:"read_header__inner-poster read_header__inner-poster read_header__title" "read_header__inner-poster read_header__inner-poster read_header__description" "read_header__inner-poster read_header__inner-poster read_header__preview" "read_header__inner-poster read_header__inner-poster read_header__buttons";grid-template-rows:auto auto 10% 10%;background:#ffffff1a;overflow:hidden;place-items:center;row-gap:10px;opacity:0;padding:20px;animation:slideFromRight .5s var(--base-time) ease forwards,fadeIn .3s var(--base-time) ease forwards}.read_header>.read_header__side-bg>*{animation:fadeIn .3s calc(var(--delay) + (var(--base-time) + .3s)) ease forwards}.read_header>.read_header__side-bg>.read_header__title{-ms-grid-row:1;-ms-grid-column:5;margin-bottom:unset;grid-area:read_header__title;font-size:40px;opacity:0;--delay: .2s }.read_header>.read_header__side-bg>.read_header__description{-ms-grid-row:3;-ms-grid-column:5;align-self:baseline;grid-area:read_header__description;font-weight:300;font-size:18px;opacity:0;--delay: .4s }.read_header>.read_header__side-bg>.read_header__preview{-ms-grid-row:5;-ms-grid-column:5;grid-area:read_header__preview;display:grid;grid-template-columns:auto auto auto;gap:5px;align-items:center;opacity:0;--delay: .6s}.read_header>.read_header__side-bg>.read_header__preview>:is(.read_header__preview__time,.read_header__preview__price,.read_header__preview__skills){display:grid;grid-template-columns:2rem auto;width:100%;place-content:center;overflow:hidden}.read_header>.read_header__side-bg>.read_header__preview>:is(.read_header__preview__time,.read_header__preview__price,.read_header__preview__skills):before{content:"";display:inline-block;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-position:center}.read_header>.read_header__side-bg>.read_header__preview>.read_header__preview__time:before{background-image:url(../img/check-mark.svg)}.read_header>.read_header__side-bg>.read_header__preview>.read_header__preview__skills:before{background-image:url(../img/check-mark.svg)}.read_header>.read_header__side-bg>.read_header__preview>.read_header__preview__price:before{background-image:url(../img/check-mark.svg)}.read_header>.read_header__side-bg>.read_header__preview>.dot{width:4px;height:4px;border-radius:50%;background:#ffffff4d;margin:0 14px}.read_header>.read_header__side-bg>.read_header__buttons{-ms-grid-row:7;-ms-grid-column:5;grid-area:read_header__buttons;place-self:end;align-self:center;width:100%;opacity:0;--delay: .8s }@media screen and (max-width: 976px){.read_header{grid-template-columns:1fr;grid-template-rows:1fr auto;max-block-size:unset}}@keyframes slideFromRight{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}.read_page{display:flex;margin-top:45px;justify-content:center;min-block-size:clamp(min(0px,100vh),1000px,1000px)}.read_page>.articles-container{display:grid;grid-template-columns:1fr;gap:80px;width:min(70%,960px);height:100%}.read_page>.articles-container>article{display:grid;text-align:justify;width:100%;height:-moz-fit-content;height:fit-content;gap:1rem}.read_page>.articles-container>article p:not(.card){background:#f8f8f70d;padding:30px;width:80%;place-self:center;border-radius:10px}.read_page>.articles-container>article .title{margin:unset;align-items:flex-start;position:sticky;top:0;background:#474747!important;padding:20px!important}.read_page>.articles-container>article .title>span{color:var(--button-color)}.read_page>.read__aside{display:grid;gap:2rem;place-items:center;background:#f8f8f70d;place-self:center;align-self:start;position:sticky;border-radius:20px;word-break:break-word;overflow-wrap:anywhere;top:0;bottom:0;border-left:1px grey solid;min-width:300px;background:linear-gradient(-45deg,#ffffff1a,transparent)}.read_page>.read__aside .aside__container{margin-bottom:20px}.read_page>.read__aside h2{color:var(--button-color);padding:20px;font-size:xx-large;font-weight:700;margin:0 auto;text-align:center;align-self:center}.read_page>.read__aside .read__preparations{line-height:1.4em;margin-bottom:20px}.read_page>.read__aside .read__credits{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);line-height:1.4em}.read_page>.read__aside .read__aside__item{display:flex;justify-content:space-between}.read_page>.read__aside .read__aside__item:nth-last-child(2){border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.read_page>.read__aside .read__aside__item:nth-child(2){padding-bottom:20px}.read_page>.read__aside .read__aside__head{font-weight:600;margin-bottom:10px;color:var(--button-color)}.read_page>.read__aside .socials-icons{margin-top:20px}@media screen and (max-width: 576px){.read_page{flex-direction:column-reverse;gap:45px}.read_page>.articles-container{width:unset}.read_page>.articles-container>article p:not(.card){width:100%}.read_page>.read__aside{position:unset;align-self:unset;padding-inline:20px;place-items:unset}}@media screen and (min-width: 577px) and (max-width: 996px){.read_page .articles-container{grid-column:unset}}.socials-icons{display:grid;place-content:end;grid-template-columns:repeat(auto-fit,minmax(20px,30px))}.socials-icons .socials-icons_container{cursor:pointer;position:relative;transition:scale .3s cubic-bezier(.175,.885,.32,1.275)}.socials-icons .socials-icons_container:hover{scale:1.05}.socials-icons .socials-icons_container:active{scale:.8}.socials-icons .social-like-checkbox[type=checkbox]{width:100%;top:0;right:0;bottom:0;left:0;position:absolute;background-color:transparent;border-color:transparent}.socials-icons .social-like-checkbox[type=checkbox]:checked+.socials-like path{fill:url(#likeGradient)}.socials-icons svg{max-height:25px;width:unset}.socials-icons .socials-like path{fill:#fff}.socials-icons .socials-share path{fill:#fff}.preps{margin-top:45px;display:grid;gap:45px}.preps h5{place-self:center;color:var(--button-color);font-size:var(--step-0)}.preps>.preps_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-items:center;gap:2rem;background:#f8f8f70d;width:min(100%,1200px);justify-self:center}.searched-recipes{padding:max(3vh,20px) 0}.container{margin:80px auto;display:grid}.inline-flex{display:inline-flex;align-items:center;gap:6rem;justify-content:space-around;align-content:space-between;flex-wrap:wrap}.navbar-grid{--padding-inline: 1rem;--max-width-content: 1160px;--content-max-width: 100%;--test: grid-column-start: search-start;--testt: grid-column-end: menu-start;margin:15px auto;min-height:80px;z-index:1000;top:0;left:0;position:sticky;width:100%;display:grid;align-items:center;justify-items:center;justify-content:center;padding:0 4rem;gap:1rem;grid-template-rows:[top-start] 1fr [top-end center-start] 80px [center-end bottom-start] minmax(0,0) [bottom-end];grid-template-columns:[logo-start] minmax(0,max-content) [logo-end] minmax(0,max-content) [search-start] max-content [search-end menu-start] minmax(0,700px) [menu-end]}.navbar-grid>.logo{grid-column:logo;grid-row:center;transition:scale .3s;width:100px;position:relative;z-index:1000;margin:5px auto}.navbar-grid>.logo:hover{scale:1.05}.navbar-grid>.logo>img{aspect-ratio:auto}.navbar-grid>.logo:before{position:absolute;z-index:-1;width:100%;height:100%;border-radius:100vh;background:var(--button-color);opacity:0;content:""}.navbar-grid>.logo:active{scale:.95}.navbar-grid>.logo:active:before{animation:blastOut .3s}.navbar-grid>.navbar{position:relative;display:grid;grid-column:search-start / burger-end;grid-row:center;grid-template-columns:subgrid;grid-template-rows:subgrid;align-items:center;gap:3rem;position:sticky;padding:2rem 3rem;border-radius:100vh;border:.5px var(--button-color) solid;outline:none;background:var(--navbar-background-color)}.navbar-grid>.navbar:is(:has(.search.open)){border:none transparent;overflow:hidden}.navbar-grid>.navbar>.action-btn{grid-column:register}.navbar-grid>.navbar>.account{grid-column:register;margin-inline:0;justify-self:end}.navbar-grid>.navbar>.toggle_btn-box{grid-column:menu;justify-self:end;top:0}.navbar-grid>.navbar>.search-form{grid-column:search}.navbar-grid>.navbar>.links{grid-column:menu;gap:2rem;align-items:unset;line-height:0}.navbar-grid>.navbar.fadeOut .search{transition:none}.navbar-grid>.navbar.fadeOut .search.open{width:clamp(min(98%,556px),90%,max(80%,1024px));background:transparent;transition:.5s;margin:0 auto;position:fixed;opacity:1;top:20px;left:0}@starting-style{.navbar-grid>.navbar.fadeOut .search.open{opacity:0}}@media screen and (max-width: 576px){.navbar-grid{gap:0;padding:0 var(--padding-inline)}.navbar-grid>.logo{grid-column:search / burger;grid-row:top;place-self:center}.navbar-grid .navbar>.toggle_btn-box{grid-column:menu;justify-self:end}.navbar-grid .navbar:has(.account)>.toggle_btn-box{grid-column:menu;justify-self:center}.navbar-grid .navbar{padding:0 var(--padding-inline)}.navbar-grid:not(.fadeOut){animation:fadeOut .3s}.navbar-grid:not(.fadeOut) .dropdown-menu.open{animation:slideDown .5s forwards}}@media screen and (max-width: 400px){.navbar-grid{padding:0 var(--padding-inline)}.navbar-grid .navbar{padding:0 var(--padding-inline)}}.navbar-grid.fadeOut .search{transition:none}.navbar-grid.fadeOut .search.open{transition:width .3s,opacity .3s;opacity:1}@starting-style{.navbar-grid.fadeOut .search.open{opacity:0}}.navbar-grid>.dropdown-menu{display:none;position:absolute;z-index:1000;height:0;max-height:100px;top:100px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;place-content:center;overflow:hidden;transition:max-height .3s cubic-bezier(.175,.885,.32,1.275),height .3s cubic-bezier(.175,.885,.32,1.275),.3s linear}@media screen and (min-width: 577px) and (max-width: 992px){.navbar-grid>.dropdown-menu{display:block;width:300px;position:fixed;right:10px}}@media screen and (max-width: 576px){.navbar-grid>.dropdown-menu{left:0;animation:slideOut .5s;display:block;right:0;position:fixed}}.navbar-grid>.dropdown-menu.open{--space-from-top: 115px;transition:top .3s cubic-bezier(.39,.575,.565,.3);overflow:hidden;display:block;height:100%;min-height:0;max-height:350px;box-shadow:0 4px 5px #00000014;position:fixed;margin-bottom:100px;top:var(--space-from-top);z-index:1000;visibility:visible}@media screen and (max-width: 576px){.navbar-grid>.dropdown-menu.open{margin-inline:5px}.navbar-grid>.dropdown-menu.open~.navbar.fadeOut{top:0}}@media screen and (orientation: landscape) and (min-width: 577px) and (max-width: 992px){.navbar-grid>.dropdown-menu.open{right:10px;width:300px;height:350px;max-height:calc(100% - var(--space-from-top));overflow-y:auto}}.navbar-grid>.dropdown-menu>li{padding:.7rem;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;height:40px;line-height:40px;cursor:pointer;width:80%;margin:0 auto}.navbar-grid>.dropdown-menu>li:after:not(:is(:focus)){content:"";cursor:none;position:absolute;width:80%;border-bottom:1px solid var(--button-color);bottom:50%;left:-100%;transition-delay:all .5s;transition:all .5s;clear:both}.navbar-grid>.dropdown-menu>li:hover:after:not(:is(:focus)){left:100%;clear:both}.navbar-grid>.dropdown-menu>li:active,.navbar-grid>.dropdown-menu>li:focus{transition:none}.navbar-grid>.dropdown-menu>li>a{text-shadow:0px -40px 0px rgba(255,255,255,1);transition:all .75s;transform:translateY(100%) translateZ(0);transition-delay:all .25s}.navbar-grid>.dropdown-menu>li>a.active{text-shadow:0px -40px 0px var(--button-color)}.navbar-grid>.dropdown-menu>li:hover a{text-shadow:0px -40px 0px rgba(255,255,255,0);transform:translateY(0) translateZ(0) scale(1.1);font-weight:600;color:var(--button-color)}.navbar-grid>.dropdown-menu>.action-btn{width:100%;display:flex;justify-content:center}@keyframes blastOut{0%{transform:scale(.9);opacity:.4}to{transform:scale(10);opacity:0}}.comment-grid{display:grid;grid-template-columns:.5fr 1fr 20px 3fr .5fr;gap:0;row-gap:45px;justify-items:center;overscroll-behavior-y:contain}.comment-grid>p{align-content:center}.comment-grid h2,.comment-grid h3{place-self:auto center;color:var(--button-color);font-size:var(--step-0)}.comment-grid input,.comment-grid label{display:none}.comment-grid .note_container{grid-column:2;display:flex;flex-direction:column;gap:2rem;align-items:center}.comment-grid .note_container>.note__stars{display:flex;justify-content:center}.comment-grid .note_container>.note__stars>.star{margin:2px;cursor:pointer;max-width:3ch}.comment-grid .note_container>.note__stars>.star:active svg path,.comment-grid .note_container>.note__stars>.star:focus svg path,.comment-grid .note_container>.note__stars>.star:hover svg path{fill:transparent}.comment-grid .note_container>p{text-align:center}.comment-grid .comment_section{display:grid;grid-column:4;gap:45px;width:min(100%,1200px);justify-self:center}.comment-grid .comment_container{display:grid;overflow-y:auto;scroll-snap-type:y mandatory;max-height:650px;height:100%;gap:45px}.comment-grid .comment_container>.comment{background-color:#28292a;display:grid;border-radius:10px;padding-left:10px;padding-bottom:10px;gap:1rem;transition:padding .3s ease,scale .3s cubic-bezier(.075,.82,.165,1)}@starting-style{.comment-grid .comment_container>.comment{scale:0}}.comment-grid .comment_container>.comment>.comment__header{display:flex;gap:.5rem;align-items:center}.comment-grid .comment_container>.comment>.comment__title{display:flex;gap:.5ch;align-content:center}.comment-grid .comment_container>.comment>.comment__title>.star{max-width:2ch}.comment-grid .comment_container>.comment>.comment__title>.comment__title-text{text-align:center;margin-left:10px;color:var(--global-text-color);font-size:var(--text-fs-body);font-weight:500}.comment-grid .comment_container>.comment>.comment__body{color:var(--global-text-color);font-size:var(--text-fs-body)}.comment-grid .comment_container>.comment:hover,.comment-grid .comment_container>.comment:active,.comment-grid .comment_container>.comment:focus,.comment-grid .comment_container>.comment.hover{padding:20px;cursor:pointer;border:1px var(--button-hover-color) solid;transition:padding .3s ease,border .3s ease}.comment-grid .comment_container>.comment:hover .comment__body,.comment-grid .comment_container>.comment:active .comment__body,.comment-grid .comment_container>.comment:focus .comment__body,.comment-grid .comment_container>.comment.hover .comment__body{z-index:2}@media screen and (max-width: 576px){.comment-grid{grid-template-columns:1fr}.comment-grid .note_container,.comment-grid .comment_section{grid-column:unset}}@media screen and (min-width: 577px) and (max-width: 996px){.comment-grid{grid-template-columns:1fr 2fr}.comment-grid .note_container,.comment-grid .comment_section{grid-column:unset}}.comment-form_container{display:grid;place-items:center;grid-template-columns:1fr 1fr 1fr;row-gap:45px}.comment-form_container input[name=recipe_id]{display:none}.comment-form_container>.comment-form{display:grid;gap:1rem;grid-column:2;max-width:640px;width:100%}.comment-form_container>.comment-form>.comment-form__note-star{display:flex;align-items:center;gap:1rem}.comment-form_container>.comment-form>.comment-form__note-star>.comment-form__star-container{display:flex;flex-direction:row}.comment-form_container>.comment-form>.comment-form__note-star>.comment-form__star-container .star{cursor:pointer;max-width:3ch;position:relative}.comment-form_container>.comment-form>.comment-form__note-star>.comment-form__star-container .star:is(:active,:focus,:hover,.hover) svg path{fill:var(--button-color)}.comment-form_container>.comment-form>.comment-form__note-star>.comment-form__star-container.input-error:not(:has(:hover,.hover,:active,:focus)) .star svg path:nth-child(2){stroke:red}.comment-form_container>.comment-form>.comment-form__note-star>.comment-form__star-container input,.comment-form_container>.comment-form>.comment-form__note-star>.comment-form__star-container label{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}.comment-form_container>.comment-form>.comment-form__title{display:grid;grid-template-columns:1fr;gap:1rem}.comment-form_container>.comment-form .btn{max-width:unset;margin-top:1rem}.comment-form_container h4{grid-column:2;place-self:center;color:var(--button-color);font-size:var(--step-0)}@media screen and (max-width: 640px){.comment-form_container{grid-template-columns:1fr}.comment-form_container>.comment-form,.comment-form_container h4{grid-column:unset}}@media screen and (min-width: 641px) and (max-width: 996px){.comment-form_container{grid-template-columns:1fr 2fr 1fr}}.tooltiptext{visibility:hidden;min-width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:130%;left:50%;margin-left:-60px}.tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.file-uploader,.img-link{opacity:0;height:100%;width:100%;cursor:pointer;position:absolute;top:0%;left:0%}.align-center{display:flex;justify-content:center}.small{max-height:200px;min-height:100px}.small p{font-size:var(--fs-title)}.plus{text-align:center;background:green;border-radius:100vh;border:none;cursor:pointer;display:flex;width:50%!important;margin:0 auto;overflow:hidden;min-height:31px;align-content:center;justify-content:center;align-items:center;transition:.3s ease;padding:unset}.plus>span{height:100%;width:100%;text-align:center;clear:both}.plus>span:before{content:"Ajouter une étape";text-align:center;display:block;line-height:18px;font-size:20px;position:relative;clear:both;padding:1px;width:100%;height:100%;align-content:center}.plus:hover{scale:1.03;background-color:var(--button-hover-color);border:1px solid burlywood;color:var(--button-color)}.plus:hover>span:before{color:var(--button-color)}.plus:is(:active,:focus){scale:.95}@media screen and (max-width: 576px){.plus{width:75%!important}}.tabulation_container{display:grid;grid-template-columns:1fr 1fr}.tabulation_container>.tabulation{display:inline-flex;flex-wrap:wrap}.tabulation_container>a{cursor:pointer;place-self:end;color:var(--global-text-color)}.li-arrow{background:0 70% no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy4zNTM2IDQuODUzNTVDMTMuNTQ4OCA0LjY1ODI5IDEzLjU0ODggNC4zNDE3MSAxMy4zNTM2IDQuMTQ2NDVMMTAuMTcxNiAwLjk2NDQ2N0M5Ljk3NjMxIDAuNzY5MjA1IDkuNjU5NzMgMC43NjkyMDUgOS40NjQ0NyAwLjk2NDQ2N0M5LjI2OTIgMS4xNTk3MyA5LjI2OTIgMS40NzYzMSA5LjQ2NDQ3IDEuNjcxNTdMMTIuMjkyOSA0LjVMOS40NjQ0NyA3LjMyODQzQzkuMjY5MiA3LjUyMzY5IDkuMjY5MiA3Ljg0MDI3IDkuNDY0NDcgOC4wMzU1NEM5LjY1OTczIDguMjMwOCA5Ljk3NjMxIDguMjMwOCAxMC4xNzE2IDguMDM1NTRMMTMuMzUzNiA0Ljg1MzU1Wk0zLjUzMDUyZS0wOCA1TDEzIDVMMTMgNEwtMy41MzA1NWUtMDggNEwzLjUzMDUyZS0wOCA1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+);min-width:14px;height:20px;margin:0 5px}.highlight{position:relative;color:red;font-weight:700}.settings-grid{width:min(100%,1500px);margin-top:80px;display:grid;grid-template-columns:minmax(auto,100px) 1fr;gap:1rem;justify-self:center;align-items:start;position:relative}.settings-grid h1{text-align:center;font-size:var(--fs-title)}.settings-grid .card{grid-column:2 / 2;grid-row:1;margin:0;gap:1rem;justify-content:unset;align-items:unset}.settings-grid .card>.parameter{display:flex;justify-content:space-between;align-items:center;background-color:#3b3b3b;border-radius:20px;padding:20px;z-index:1}.settings-grid .card>.parameter>.toggle{margin:0}.settings-grid .card>.parameter>.toggle>input{position:absolute}.settings-grid .card:has(.form){overflow:unset}.settings-grid .card:has(.form)>.parameter{cursor:pointer;position:sticky;top:0}.settings-grid .card:has(.form)>.parameter .form{flex-direction:unset;padding:unset}@media screen and (max-width: 576px){.settings-grid .card{grid-column:1 / 3;grid-row:2}}.settings-grid aside{position:sticky;grid-row:1 / 3;top:1rem;align-self:start}.settings-grid aside h2{display:none}@media screen and (max-width: 576px){.settings-grid aside{grid-column:1 / 3;grid-row:1;overflow:hidden;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;padding:20px;margin-inline:-20px;display:flex;flex-direction:column;gap:1rem}}.settings-grid .picture{position:relative;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;gap:20px}.settings-grid .picture .profile_picture{grid-row:1;grid-column:1;max-width:120px;background-color:#3b3b3b;padding:10px;border-radius:50%;aspect-ratio:1}.settings-grid .picture .edit_img{grid-row:1;grid-column:1;cursor:pointer;max-width:15px;max-height:15px;bottom:0;justify-self:end;align-self:end;background-color:var(--button-color);border-radius:50%}@media screen and (max-width: 576px){.settings-grid .picture .edit_img{position:relative;justify-self:unset}}.settings-grid .picture p{text-align:center}@media screen and (max-width: 576px){.settings-grid .picture{justify-items:baseline;display:flex;gap:unset;align-items:center}}.settings-grid ul{position:relative;display:grid;row-gap:2rem;justify-self:center;margin-top:60px}.settings-grid ul:after{content:"";position:absolute;border-right:1px solid var(--button-hover-color);top:0;right:50%;height:100%;z-index:-1}.settings-grid ul>li:nth-child(n){cursor:pointer;padding:10px;max-width:60px;border-radius:50%;background-color:#3b3b3b;justify-self:center;aspect-ratio:1;transition:transform .3s ease}.settings-grid ul>li:nth-child(n):hover{transform:scale(1.06)}.settings-grid ul>li:nth-child(n):active{transform:scale(.95)}@media screen and (max-width: 576px){.settings-grid ul{margin-top:unset;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:center}}@keyframes slideDown{0%{clip-path:inset(0 0 100% 0)}50%{transform:translateY(160px);clip-path:inset(0 0 50% 0)}to{transform:translateY(130px);clip-path:inset(0)}}@keyframes slideOut{0%{transform:translateY(130px)}50%{transform:translateY(200px)}to{transform:translateY(70px)}}@keyframes slideStepFromTheRight{0%{transform:translate3d(100%,0,0);transform-origin:50% 50%;opacity:0;scale:.8}to{transform-origin:50% 0%;scale:1;opacity:1}}@keyframes slideStepFromTheLeft{0%{transform:translate3d(-100%,50%,0);scale:.6;opacity:0}to{scale:1;opacity:1;transform-origin:50% 0%}}