body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes move-in-left{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}to{opacity:1;transform:translate(0)}}@keyframes move-in-right{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes move-in-bottom{0%{opacity:0;transform:translateY(3rem)}80%{transform:translateX(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes move-in-top{0%{opacity:0;transform:translateY(-3rem)}80%{transform:translateX(1rem)}to{opacity:1;transform:translate(0)}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}@media only screen and (min-width:112.5em){html{font-size:75%}}body{background-color:#fff;box-sizing:border-box;color:#777;font-family:Lato,sans-serif;font-weight:400;line-height:1.7;min-height:100vh;padding:3rem}@media only screen and (max-width:56.25em){body{padding:0}}::selection{background-color:#ff8099;color:#fff}::placeholder{color:#bbb}.heading-primary{font-size:3.5rem;letter-spacing:3px}.heading-primary,.heading-secondary{font-weight:700;text-transform:capitalize}.heading-secondary{font-size:3rem}.heading-tertiary{font-size:1.6rem;font-weight:700;margin-bottom:1rem;text-transform:capitalize}.paragraph{font-size:1.6rem}.paragraph:not(:last-child){margin-bottom:3rem}.header-margin{margin-top:14rem}@media only screen and (max-width:56.25em){.header-margin{margin-top:17rem}}.title-margin{margin-bottom:3rem}.input-margin{margin-bottom:6rem}.u-center-text{text-align:center!important}.u-margin-bottom-small{margin-bottom:1.5rem!important}.u-margin-bottom-medium{margin-bottom:4rem!important}@media only screen and (max-width:56.25em){.u-margin-bottom-medium{margin-bottom:3rem!important}}.u-margin-bottom-big{margin-bottom:8rem!important}@media only screen and (max-width:56.25em){.u-margin-bottom-big{margin-bottom:5rem!important}}.u-margin-top-big{margin-top:8rem!important}.u-margin-top-xbig{margin-top:10rem!important}.display-message{display:flex;justify-content:center;margin-bottom:3rem;width:100%}.display-message__alert,.display-message__error,.display-message__success{background-color:#d42424cc;border-radius:1rem;color:#fff;display:flex;justify-content:center;padding:.5rem 0;width:58%}@media only screen and (max-width:56.25em){.display-message__alert,.display-message__error,.display-message__success{width:75%}}@media only screen and (max-width:37.5em){.display-message__alert,.display-message__error,.display-message__success{width:95%}}.display-message__error{background-color:#d42424cc}.display-message__alert{background-color:#f59e0bcc}.display-message__success{background-color:#1a964acc}.display-message__type{margin-right:1rem;text-transform:capitalize}.dropdown-container{align-items:center;display:flex;flex-direction:column;height:30%;justify-content:center;position:relative;width:100%}.dropdown-container__select{align-items:center;display:flex;justify-content:flex-start;width:100%}.dropdown-container__input,.dropdown-container__select__text{margin-right:-3.25rem;width:100%}.dropdown-container__input{background-color:#eee;border:none;border-radius:10rem;color:inherit;font-family:inherit;font-size:1.6rem;padding:.7rem 2rem;transition:all .2s}.dropdown-container__input:focus{outline:none}.dropdown-container~.suggestion-container{left:1.5rem;top:105%;width:98%}.suggestion-container{top:80%}.suggestion-container__list li{text-align:center}.suggestion-container__list li,.suggestion-container__list-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media only screen and (max-width:37.5em){.suggestion-container__list-item{font-size:1.5rem}}.field{align-items:center;display:flex;flex-direction:column;height:30%;justify-content:center;position:relative;width:100%}.field__select__text,.field__text{background-color:#eee;border:3px solid #0000;border-radius:10rem;color:inherit;display:block;font-family:inherit;font-size:1.6rem;padding:1.5rem 2rem;position:relative;transition:all .3s;width:100%}.field__select__text:focus,.field__text:focus{border-bottom:3px solid #ff8099;box-shadow:0 1rem 2rem #0000001a;outline:none}.field__label{color:inherit;display:block;font-size:1.6rem;font-size:2rem;font-weight:700;left:0;margin-left:2rem;margin-top:-1.2rem;position:absolute;top:-18%;transition:all .3s}.field__select__text:placeholder-shown~.field__label,.field__text:placeholder-shown~.field__label{opacity:0;transform:translateY(4rem);visibility:hidden}.field__select{align-items:center;display:flex;justify-content:flex-start;width:100%}.field__select__text{margin-right:-3.25rem;width:100%}.label-button{-webkit-touch-callout:none;border:1px solid #fff;border-radius:10px;cursor:pointer;font-size:1.6rem;margin-bottom:1rem;margin-top:auto;padding:.8rem;text-align:center;-webkit-user-select:none;user-select:none;width:10rem}.label-button:hover{background-color:#fff;color:#ff8099}.loader-overlay,.loader-overlay-mini{align-items:center;display:flex;height:35rem;justify-content:center;margin-top:-10rem;width:100%}.loader-overlay-mini{height:-webkit-fit-content;height:fit-content;margin-top:0}.loader-container,.loader-container-mini{animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite;border:3px solid #c3c3c399;border-radius:50%;border-top-color:#636767;display:block;height:50px;width:50px}@keyframes spin{to{-webkit-transform:rotate(1turn)}}.loader-container-mini{display:inline-block;height:20px;width:20px}.media-container{align-items:"center";display:"flex";flex-direction:"column";height:10rem;justify-content:"center";width:18rem}.media-container__img,.media-container__video{border-radius:10px;height:auto;overflow:hidden;width:100%;z-index:-100}.media-container__video{z-index:0}.navigation__checkbox{display:none}.navigation__button-container{cursor:pointer;height:3rem;width:4rem;z-index:1500}.navigation__button{height:3rem;margin-left:1rem;text-align:center;width:3rem;z-index:1100}.pagination{align-items:center;display:flex;flex-flow:row wrap;font-size:2rem;justify-content:center;margin-top:2rem;width:100%}.pagination__label--arrow{font-size:3rem;margin:0;padding:0}@media only screen and (max-width:37.5em){.pagination__label--arrow{font-size:2rem;width:5rem}}.pagination__list{display:flex;list-style:none;margin-top:1rem}.pagination__list :not(:last-child){margin-right:1.5rem}@media only screen and (max-width:37.5em){.pagination__list :not(:last-child){margin-right:1rem}}.pagination__list li{display:flex;margin-top:auto}.pagination__label--number,.pagination__label--selected-number{-webkit-touch-callout:none;align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:2.5rem;-webkit-user-select:none;user-select:none;width:2rem}@media only screen and (max-width:37.5em){.pagination__label--number,.pagination__label--selected-number{font-size:1.6rem;height:1rem;padding:1.5rem;width:1rem}}.pagination__label--number:active,.pagination__label--number:hover,.pagination__label--selected-number,.pagination__label--selected-number:active,.pagination__label--selected-number:hover{background-color:#ff8099;color:#fff}.text-area-container{align-items:center;display:flex;height:30%;position:relative;width:100%}.text-area-container__text{background-color:#eee;border:3px solid #0000;border-radius:10rem;border-radius:20px;color:inherit;display:block;font-family:inherit;font-size:1.6rem;height:15rem;padding:3.5rem 2rem 1.5rem;position:relative;resize:none;transition:all .3s;width:100%}.text-area-container__text:focus{border-bottom:3px solid #ff8099;box-shadow:0 1rem 2rem #0000001a;outline:none}.text-area-container__label{color:inherit;display:block;font-size:2rem;font-weight:700;left:0;margin-left:2rem;margin-top:-3.2rem;position:absolute;top:-5%;transition:all .3s}.text-area-container__text:placeholder-shown~.text-area-container__label{opacity:0;transform:translateY(4rem);visibility:hidden}.text-area-container__remove{fill:#777;cursor:pointer;height:2.5rem;margin:1rem .5rem;position:absolute;right:0;top:0;transition:all .5s;width:3rem}.text-area-container__remove:hover{fill:#d42424;transform:scale(1.1)}.text-area-container__number{cursor:default;height:3rem;left:0;margin:1rem;position:absolute;top:0;transition:all .5s;width:3rem}.edit-steps{cursor:default;flex-direction:column}.edit-steps,.edit-steps__header{align-items:center;display:flex;justify-content:center}.edit-steps__header{width:18%}.edit-steps__list{font-weight:600;list-style:none;max-height:35rem;overflow-x:hidden;overflow-y:auto;padding:2rem;width:60%}@media only screen and (max-width:37.5em){.edit-steps__list{width:100%}}.edit-steps__list .no-steps{display:flex;justify-content:center;width:100%}@media only screen and (max-width:37.5em){.edit-steps__list .no-steps{font-size:1.2rem}}.edit-steps__list :not(:last-child){margin-bottom:3rem}.edit-steps__list li{font-size:1.6rem;font-weight:400}.edit-steps__list::-webkit-scrollbar{width:1.5rem}.edit-steps__list::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.edit-steps__list::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.edit-steps__text{background-color:#eee;border:3px solid #0000;border-radius:10rem;color:inherit;display:block;font-family:inherit;font-size:1.6rem;outline:none;padding:1.5rem 2rem;resize:none;width:100%}.edit-steps__button{background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1.6rem;outline:none;padding:.8rem 2rem;text-align:center;width:10rem}.edit-steps__button:hover{background-color:#ff8099;color:#fff}.header{background-color:#fff;border-bottom:2px solid #bbbbbb80;height:9rem;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:1000}.header,.header__right{align-items:center;display:flex}.header__right{gap:5rem;height:100%}.header__right--logo{cursor:pointer;height:95%}.helper-button-container,.helper-button-select{border:none;color:inherit;cursor:pointer;font-size:2.5rem;transition:all .5s;z-index:100}.helper-button-container:active,.helper-button-container:focus,.helper-button-select:active,.helper-button-select:focus{outline:none}.helper-button-container:hover,.helper-button-select:hover{color:#ff8099;transform:scale(1.16)}.helper-button-select{font-size:1.5rem}.image-upload{background-image:linear-gradient(to right bottom,#777,#f7d5dc);border-radius:10px;position:relative}.image-upload:hover{background-color:#e5e8e8;background-image:linear-gradient(to right bottom,#777,#e5e8e8)}.image-upload__img{fill:#e5e8e8;border-radius:10px;box-shadow:0 2rem 6rem #0000004d;cursor:pointer;display:flex;height:27rem;transition:all .2s;width:35rem}@media only screen and (max-width:56.25em){.image-upload__img{height:17rem;width:25rem}}@media only screen and (max-width:37.5em){.image-upload__img{height:17rem;width:25rem}}.image-upload__img:hover{fill:#e5e8e8;background-color:#ff8099;box-shadow:0 2.5rem 4rem #00000080;transform:scale(1.05) translateY(-.5rem)}.image-upload input{display:none}.navigation{display:flex}.navigation__nav{height:100%;left:-100%;opacity:0;position:fixed;top:0;transition:all .5s ease-out;width:100%;z-index:150}@supports(-webkit-backdrop-filter:blur(10px)) or (background-color:rgba(0,0,0,0.3)){.navigation__nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d}}.navigation__list{align-items:center;background-image:linear-gradient(to left top,#777,#f7d5dc);display:flex;flex-direction:column;height:100%;justify-content:flex-start;list-style:none;width:26rem;z-index:1000}.navigation__item{margin-top:1.5rem}.navigation__link{border-radius:10px;color:#fff;cursor:pointer;font-size:2.5rem;font-weight:600;padding:.8rem 2rem;text-decoration:none}.navigation__link:hover{background-color:#fff;color:#ff8099}.navigation__checkbox:checked~.navigation__nav{left:0;opacity:1}.recipe-items{display:flex;flex-flow:row wrap;justify-content:center}.recipe-item{cursor:default;flex-shrink:2;font-size:1.2rem;height:32rem;margin:1rem;perspective:150rem;-moz-perspective:150rem;width:28rem}.recipe-item .details-checkbox{display:none}.recipe-item__container{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-shadow:0 1.5rem 4rem #00000026;color:#fff;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:transform 1s ease;width:100%}.recipe-item__container--front{align-items:center;background-image:linear-gradient(to right bottom,#777,#f7d5dc);display:flex;flex-direction:column;justify-content:flex-start;z-index:100}.recipe-item__container--back-button{font-size:2.5rem;padding:0 2rem}.recipe-item__container--recipe-button{color:inherit;text-decoration:none}.recipe-item__container--back{align-items:center;background-image:linear-gradient(to left bottom,#777,#f7d5dc);display:flex;flex-flow:row wrap;flex-direction:column;justify-content:flex-start;transform:rotateY(180deg)}.details-checkbox:checked~.recipe-item__container--front{transform:rotateY(-180deg)}.details-checkbox:checked~.recipe-item__container--back{transform:rotateY(0)}.recipe-item__ingredients{height:60%;list-style:none;overflow-y:auto;text-align:center;width:100%}.recipe-item__ingredients li{font-size:1.6rem}.recipe-item__ingredients :not(:last-child){margin-bottom:.8rem}.recipe-item__ingredients :hover{color:#333}.recipe-item__ingredients::-webkit-scrollbar{width:1.5rem}.recipe-item__ingredients::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #fff}.recipe-item__ingredients::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.recipe-item .back-button-container,.recipe-item .front-button-container{display:flex;justify-content:space-evenly;margin-top:auto;width:100%}.recipe-item .front-button-container__edit{-webkit-touch-callout:none;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1.6rem;margin-bottom:1rem;margin-top:auto;padding:.8rem;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:10rem}.recipe-item .front-button-container__edit:hover{background-color:#fff;color:#ff8099}.rate{font-size:2.5rem}.rate .no-rate{-webkit-touch-callout:none;color:#0000;-webkit-user-select:none;user-select:none}.rate .give-rate{cursor:pointer}.recipe-header{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:3rem}@media only screen and (max-width:37.5em){.recipe-header__title{font-size:3rem}}.recipe-header__rate{align-items:center;color:#ff8099;display:flex;justify-content:center}.favorite-icon{background-color:#e5e8e880;border-radius:10px;box-shadow:0 2rem 6rem #0000004d;cursor:pointer;display:flex;height:3rem;margin-top:1rem;transition:all .2s;width:3rem}.favorite-icon:hover{fill:#d42424;transform:scale(1.05) translateY(-.5rem)}.recipe-steps{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:flex-start;max-width:60%}@media only screen and (max-width:56.25em){.recipe-steps{max-width:100%}}.recipe-steps__list{align-items:flex-start;display:flex;flex-direction:column;font-weight:600;justify-content:center;list-style:none}.recipe-steps__list li{font-size:1.6rem;font-weight:400}.recipe-steps__list :not(:last-child){margin-bottom:.8rem}.recipe-steps__list :hover{color:#333}.recipe-steps__list::-webkit-scrollbar{width:1.5rem}.recipe-steps__list::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.recipe-steps__list::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.recipes{align-items:center;display:flex;flex-direction:column;height:55vh;justify-content:flex-start;position:relative}.recipes__hidden-title{-webkit-touch-callout:none;margin-bottom:1rem;opacity:0;-webkit-user-select:none;user-select:none;visibility:hidden}.recipes::-webkit-scrollbar{width:1.5rem}.recipes::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.recipes::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.review-container{color:#ff8099;display:inline-block;text-align:center}.review-container__rate{align-self:center}@media only screen and (max-width:56.25em){.review-container__rate{margin:3rem 0}}.review-container .text{color:#777;margin-bottom:2rem}.review-container button{background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1.6rem;outline:none;padding:.8rem 2rem;text-align:center;width:10rem;width:20rem}.review-container button:hover{background-color:#ff8099;color:#fff}.review-items{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;max-height:22.5rem;max-width:50%;overflow-y:auto}@media only screen and (max-width:56.25em){.review-items{margin:5rem 0;max-width:100%;order:2;width:100%}}.review-items::-webkit-scrollbar{width:1.5rem}.review-items::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.review-items::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.review-item{background-image:linear-gradient(to right bottom,#777,#f7d5dc);border-radius:10px;height:50%;width:99%}.review-item:not(:last-child){margin-bottom:3.5rem}.review-item .review{box-shadow:0 2rem 5rem #0000000f;color:#fff;overflow:hidden;padding:1.5rem;width:100%}.review-item .review__text{font-size:1.6rem;margin-bottom:1rem;position:relative;z-index:10}.review-item .review__user{align-items:center;display:flex}.review-item .review__photo{border-radius:50%;height:6rem;margin-right:1.5rem;width:6rem}.review-item .review__user-box{margin-right:auto}.review-item .review__user-name{font-size:1.6rem;font-weight:600;margin-bottom:.4rem;text-transform:uppercase}.review-item .review__user-date{font-size:1.6rem}.review-item .review__rating{font-size:2.2rem}.search-container{align-items:center;display:flex;justify-content:center;position:relative}.search-container__input{background-color:#eee;border:3px solid #0000;border-radius:10rem;color:inherit;font-family:inherit;font-size:1.6rem;margin-right:-3.25rem;padding:.7rem 2rem;transition:all .2s;width:100%}.search-container__input:focus{border-bottom:3px solid #ff8099;box-shadow:0 1rem 2rem #0000001a;outline:none}.search-container~.suggestion-container{left:1.35rem;top:102%;width:98%}.suggestion-container{background-color:#eee;border-bottom-left-radius:10rem;border-bottom-right-radius:10rem;box-shadow:0 1rem 2rem #0000001a;color:inherit;font-family:inherit;font-size:1.6rem;left:0;outline:none;position:absolute;top:47%;width:100%;z-index:1000}.suggestion-container__list{align-items:center;display:flex;flex-direction:column;font-weight:600;justify-content:center;list-style:none;max-height:35rem;max-height:30rem;overflow-x:hidden;overflow-y:auto;padding:2rem}.suggestion-container__list li{cursor:pointer}.suggestion-container__list li:hover{color:#ff8099}.suggestion-container__list::-webkit-scrollbar{width:1.5rem}.suggestion-container__list::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.suggestion-container__list::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.suggestion-container__list-item--selected{color:#ff8099}.select{color:#0000;cursor:pointer;text-shadow:0 0 0 #777}.select:focus{outline:none}.suggestion-display-form,.suggestion-display-search{color:inherit;display:flex;flex-direction:row-reverse;left:42%;overflow-x:auto;overflow-y:hidden;position:absolute;top:-170%;width:60%}.suggestion-display-form__item,.suggestion-display-search__item{background-color:#eee;border-radius:10px;display:flex;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;margin-left:auto;padding:0 .5rem}.suggestion-display-form__item:hover,.suggestion-display-search__item:hover{background-color:#fff;color:#d42424}.suggestion-display-form__item--text,.suggestion-display-search__item--text{cursor:pointer;margin-right:1rem;white-space:nowrap}.suggestion-display-form__item--remove,.suggestion-display-search__item--remove{cursor:pointer}.suggestion-display-form__item:not(:last-child),.suggestion-display-search__item:not(:last-child){margin-right:1rem}.suggestion-display-form::-webkit-scrollbar,.suggestion-display-search::-webkit-scrollbar{height:1.5rem;width:1.5rem}.suggestion-display-form::-webkit-scrollbar-track,.suggestion-display-search::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.suggestion-display-form::-webkit-scrollbar-thumb,.suggestion-display-search::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.suggestion-display-form{left:42%;top:-45%;width:58%}.switch-container{align-items:center;display:flex;justify-content:space-around}@media only screen and (max-width:75em){.switch-container{margin-left:2.5rem}}@media only screen and (max-width:28.5em){.switch-container{margin:0 1rem}}.switch-label{display:inline-block;font-family:inherit;font-size:1.5rem;margin-bottom:55px}.toggle-switch{display:inline-block;position:absolute;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:middle;width:75px}.toggle-switch-checkbox{display:none}.toggle-switch-label{border:0 solid #fff;border-radius:20px;cursor:pointer;display:block;margin:0;overflow:hidden}.toggle-switch-inner{display:block;margin-left:-100%;transition:margin .3s ease-in 0s;width:200%}.toggle-switch-inner:after,.toggle-switch-inner:before{box-sizing:border-box;color:#fff;display:block;float:left;font-size:14px;height:34px;line-height:34px;padding:0;width:50%}.toggle-switch-inner:before{background-color:#ff8099;color:#fff;content:"";padding-left:10px;text-transform:uppercase}.toggle-switch-inner:after{background-color:#bbb;color:#fff;content:"";padding-right:10px;text-align:right;text-transform:uppercase}.toggle-switch-switch{background:#fff;border:0 solid #bbb;border-radius:20px;bottom:0;display:block;margin:5px;position:absolute;right:40px;top:0;transition:all .3s ease-in 0s;width:24px}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:0}.recipe-form__title{align-items:center;display:flex;justify-content:center}.recipe-form .center{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:37.5em){.recipe-form .center{flex-direction:column}}.recipe-form .center .container,.recipe-form .center .container-2,.recipe-form .center .container-3,.recipe-form .center .step-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:45%}@media only screen and (max-width:56.25em){.recipe-form .center .container,.recipe-form .center .container-2,.recipe-form .center .container-3,.recipe-form .center .step-container{width:55%}}@media only screen and (max-width:37.5em){.recipe-form .center .container,.recipe-form .center .container-2,.recipe-form .center .container-3,.recipe-form .center .step-container{width:90%}}@media only screen and (max-width:56.25em){.recipe-form .center .container-3{width:35%}}@media only screen and (max-width:37.5em){.recipe-form .center .container-3{justify-content:center;width:90%}}.recipe-form .center .step-container{align-items:center;height:auto;width:100%}.recipe-form .center .step-container__text-area{width:60%}@media only screen and (max-width:37.5em){.recipe-form .center .step-container__text-area{width:99%}}.recipe-form .center .step-container__button{background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1.6rem;margin-top:2rem;outline:none;padding:.8rem 2rem;text-align:center;width:10rem;width:15rem}.recipe-form .center .step-container__button:hover{background-color:#ff8099;color:#fff}.recipe-form .center .image-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:8rem;width:40%}@media only screen and (max-width:37.5em){.recipe-form .center .image-container{margin-bottom:5rem}}.recipe-form .center .image-container .text{cursor:default;margin-bottom:10px}.recipe-form .center .save-button-container{display:flex;justify-content:center;margin-top:5rem;width:100%}.recipe-form .center .save-button-container button{background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1.6rem;outline:none;padding:.8rem 2rem;text-align:center;width:10rem;width:15rem}.recipe-form .center .save-button-container button:hover{background-color:#ff8099;color:#fff}.filter{align-items:center;display:flex;justify-content:center;width:100%}.filter__hidden-title{-webkit-touch-callout:none;margin-bottom:1rem;opacity:0;-webkit-user-select:none;user-select:none;visibility:hidden}.filter__container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:60%}@media only screen and (max-width:37.5em){.filter__container{width:90%}}.filter__apply-btn{background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:1.6rem;outline:none;padding:.8rem 2rem;text-align:center;width:10rem}.filter__apply-btn:hover{background-color:#ff8099;color:#fff}.home{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;position:relative;width:100%}.home__search-container{position:relative;width:40%}@media only screen and (max-width:56.25em){.home__search-container{width:50%}}@media only screen and (max-width:37.5em){.home__search-container{width:70%}}.home::-webkit-scrollbar{width:1.5rem}.home::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.home::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.login{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.login__title{flex-flow:row wrap}.login__container,.login__title{align-items:center;display:flex;justify-content:center}.login__container{flex-direction:column;width:40%}@media only screen and (max-width:75em){.login__container{width:50%}}@media only screen and (max-width:56.25em){.login__container{width:60%}}@media only screen and (max-width:37.5em){.login__container{width:90%}}.login__button-container{align-items:center;display:flex;justify-content:center;width:100%}@media only screen and (max-width:37.5em){.login__button-container{flex-direction:column;margin-top:0}}.login__button-container button{align-items:center;background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:4.5rem;justify-content:center;margin-right:3rem;outline:none;padding:.8rem 2rem;text-align:center;width:10rem;width:16rem}.login__button-container button:hover{background-color:#ff8099;color:#fff}@media only screen and (max-width:37.5em){.login__button-container button{margin-bottom:1rem;margin-right:0}}.login__button-container--sign-up{align-items:center;background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:4.5rem;justify-content:center;margin-bottom:0!important;margin-top:0!important;outline:none;padding:.8rem 2rem;text-align:center;text-decoration:none;width:10rem;width:16rem}.login__button-container--sign-up:hover{background-color:#ff8099;color:#fff}.my-recipes{align-items:center;display:flex;flex-direction:column;height:55vh;justify-content:flex-start;position:relative}.my-recipes__title{margin-bottom:1rem}.my-recipes::-webkit-scrollbar{width:1.5rem}.my-recipes::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.my-recipes::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.my-favorites{align-items:center;display:flex;flex-direction:column;height:55vh;justify-content:flex-start;position:relative}.my-favorites__title{margin-bottom:1rem}.my-favorites::-webkit-scrollbar{width:1.5rem}.my-favorites::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.my-favorites::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.filtered-recipes{align-items:center;display:flex;flex-direction:column;height:55vh;justify-content:flex-start}.filtered-recipes__title{margin-bottom:1rem}.filtered-recipes .pagination{margin-top:auto}.filtered-recipes::-webkit-scrollbar{width:1.5rem}.filtered-recipes::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #777}.filtered-recipes::-webkit-scrollbar-thumb{background:#777;border-radius:10px}.recipe-container{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10rem}@media only screen and (max-width:56.25em){.recipe-container{flex-direction:column;margin-bottom:2rem}}.recipe-container .image-container,.recipe-container .video-container{border-radius:10px;box-shadow:0 2rem 6rem #0000004d;display:"flex";height:27rem;margin-left:auto;width:35rem}@media only screen and (max-width:56.25em){.recipe-container .image-container,.recipe-container .video-container{align-self:center;height:22rem;margin-left:0;margin-top:5rem;width:30rem}}.recipe-container .image-container__img,.recipe-container .image-container__video,.recipe-container .video-container__img,.recipe-container .video-container__video{border-radius:10px;height:100%;overflow:hidden;width:100%;z-index:-100}.recipe-container .image-container__video,.recipe-container .video-container__video{z-index:0}.sign-up{align-items:center;display:flex;justify-content:space-around;width:100%}@media only screen and (max-width:37.5em){.sign-up{flex-direction:column;position:relative}}.sign-up .user-data{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}@media only screen and (max-width:37.5em){.sign-up .user-data{width:90%}}.sign-up .user-data__title{align-items:center;display:flex;justify-content:center}.sign-up .user-data__container{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-evenly;width:90%}@media only screen and (max-width:56.25em){.sign-up .user-data__container{width:100%}}.sign-up .user-data__button-container{align-items:center;display:flex;justify-content:center;width:100%}@media only screen and (max-width:37.5em){.sign-up .user-data__button-container{align-items:center;bottom:-15%;flex-direction:column;left:0;position:absolute}}.sign-up .user-data__button-container button{align-items:center;background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:4rem;justify-content:center;margin-right:3rem;outline:none;padding:.8rem 2rem;text-align:center;width:10rem;width:20rem}.sign-up .user-data__button-container button:hover{background-color:#ff8099;color:#fff}@media only screen and (max-width:37.5em){.sign-up .user-data__button-container button{margin-bottom:1rem!important;margin-right:0}}.sign-up .user-data__button-container--sign-in{align-items:center;background-color:#bbb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:4rem;justify-content:center;margin-bottom:0!important;margin-top:0!important;outline:none;padding:.8rem 2rem;text-align:center;text-decoration:none;width:10rem;width:20rem}.sign-up .user-data__button-container--sign-in:hover{background-color:#ff8099;color:#fff}@media only screen and (max-width:37.5em){.sign-up .user-data__button-container--sign-in{margin-bottom:2rem!important}}.sign-up__avatar{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:auto;width:30%}@media only screen and (max-width:37.5em){.sign-up__avatar{margin-bottom:3rem}}.sign-up__avatar .text{cursor:default;margin-bottom:10px}