@keyframes spinnerIntro{0%{opacity:0}to{opacity:1}}.spinner{position:relative;display:flex;flex-grow:1;flex-shrink:0;justify-content:center;align-items:center;animation:spinnerIntro ease both;height:100%;z-index:1}.spinner>*:first-child{width:10%;height:10%}:root{--shadow-medium: 0px 0px 7px rgba(46, 46, 46, .25);--header-height: 68px;--categories-height: 58px;--page-header-height: 30px;--view-padding-top: 18px;--view-padding-bottom: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--root-scrollbar-thumb-background);border-radius:999px;opacity:.5}body{width:100vw;height:100vh;font-family:Open Sans,sans-serif}#root{width:100%;height:100%}.card{position:relative;display:flex;flex-shrink:0;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--card-background)}.card__header{padding:7px 11px}.card__body{width:100%;height:100%}.card.size-medium .card__body{padding:11px 11px 14px}.card.size-large .card__body{padding:17px 15px 21px}.divider{width:100%;height:1px;border:none;border-top:1px solid var(--divider-border-color)}.heading{font-family:Poppins,sans-serif;color:var(--heading-color)}.heading.level-1{font-weight:700;font-size:16px;line-height:24px}.heading.level-2{font-weight:700;font-size:14px;line-height:19px}.scroll-area{--scrollbar-size: 6px}.scroll-area__viewport{width:100%;height:100%;border-radius:inherit}.scroll-area__viewport>*{height:100%}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:2;background:transparent}.scroll-area__scrollbar[data-orientation=vertical]{width:var(--scrollbar-size)}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:var(--scrollbar-size)}.scroll-area__scrollbar__thumb{flex:1;background-color:var(--root-scrollbar-thumb-background);border-radius:var(--scrollbar-size);position:relative}.scroll-area__scrollbar__thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44;min-height:44}.search-input{position:relative;width:100%;height:41px;color:var(--search-input-color);box-shadow:var(--shadow-medium);border-radius:999px;background:transparent}.search-input__input{font-family:Poppins;font-size:14px;color:var(--search-input-color);font-weight:400;padding:10px 36px 10px 19px;outline:none;border:none;width:100%;height:100%;background:var(--search-input-background);border-radius:999px}.search-input__input::placeholder{color:var(--search-input-placeholder-color)}.search-input__button{position:absolute;width:32px;height:32px;right:4px;top:50%;transform:translateY(-50%);padding:7px;border-radius:999px;background:var(--search-input-button-background);color:var(--search-input-button-color);outline:none;border:none;cursor:pointer}.circle-button{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;background:var(--circle-button-background);padding:6px;box-shadow:var(--shadow-medium);color:var(--circle-button-color);border-radius:999px;outline:none;border:none;transition:all .2s ease;cursor:pointer}.circle-button.tertiary{background:var(--circle-button-tertiary-background);color:var(--circle-button-tertiary-color)}.header{display:flex;flex-shrink:0;align-items:center;width:100%;height:var(--header-height);background:var(--header-background);padding:6px 39px 6px 18px}@media print{.header{display:none}}.header__logo{margin-right:20px;flex-shrink:0;margin-top:-4px;cursor:pointer}.header__actions-container{display:flex;gap:12px;margin-left:16px}.layout{display:flex;flex-direction:column;width:100%;height:100%}.view{padding:var(--view-padding-top) 16px var(--view-padding-bottom);background:var(--view-background);width:100%;height:100%}.view__scrollbar{padding:18px 4px 16px;box-sizing:content-box}.favorite-button{display:flex;color:var(--favorite-button-color);cursor:pointer}.favorite-button.favorite{color:var(--favorite-button-favorite-color)}.paragraph{font-family:Open Sans;font-weight:400;font-size:12px;line-height:135%;color:var(--paragraph-color)}.rating{display:flex;gap:4px;color:var(--rating-color)}.rating__star.filled{color:var(--rating-filled-color)}.planner{display:flex;background:var(--planner-background);color:var(--planner-color)}.planner.open{width:100%}.planner__icon{padding:5px;box-sizing:content-box}.planner__check{padding:0 4px;box-sizing:content-box;color:var(--planner-check-color)}.planner__days{display:flex;list-style:none;width:100%;font-weight:600;font-size:9px;padding:0 4px;align-items:center}.planner__days__day{display:flex;flex-grow:1;justify-self:center;justify-content:center;padding:8px 0;margin:0 auto;text-align:center}.recipe-vertical{position:relative;display:flex;flex-direction:column;gap:7px;height:100%}.recipe-vertical:hover .recipe-vertical__planner{opacity:1}.recipe-vertical__planner{position:absolute;top:0;right:0;opacity:0;transition:all .2s ease}.recipe-vertical__content{display:flex;flex-direction:column;height:100%}.recipe-vertical__image{width:100%;height:149px;object-fit:cover;object-position:center}.recipe-vertical__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-vertical__description{display:-webkit-box;margin-top:4px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}.recipe-vertical__actions-container{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.recipe-vertical__actions-container__favorite{width:18px;height:18px}.recipe-horizontal{position:relative;display:flex;gap:9px}.recipe-horizontal:hover .recipe-horizontal__planner{opacity:1}.recipe-horizontal__planner{position:absolute;top:0;right:0;opacity:0;transition:all .2s ease;color:var(--recipe-horizontal-planner-color)}.recipe-horizontal__image-wrapper{position:relative}.recipe-horizontal__image{width:140px;height:123px;object-fit:cover;object-position:center}.recipe-horizontal__title{margin-top:-2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-horizontal__description{display:-webkit-box;margin-top:4px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recipe-horizontal__description-wrapper{height:54px}.recipe-horizontal__actions-container{display:flex;align-items:center;gap:30px;margin-top:7px}.recipe-horizontal__actions-container__favorite{width:18px;height:18px}.home{display:grid;grid-template-columns:max-content 1fr;gap:15px}.home__left-container{display:flex;flex-direction:column;gap:15px;width:193px;flex-shrink:0}.home__special-recipe__header{background:var(--home-special-recipe-header-background)}.home__special-recipe__header__heading{color:var(--home-special-recipe-heading-color)}.home__weekly-planner{background:var(--home-weekly-planner-background);border:none;outline:none;width:100%;height:100%;border-radius:14px;padding:12px;position:relative;cursor:pointer}.home__weekly-planner__illustration{position:absolute;bottom:0;right:0}.home__weekly-planner__heading{color:var(--home-weekly-planner-heading-color)}.home__recipes{width:100%;height:100%;padding:0 2px}.home__recipes__viewport{height:428px}.home__recipes__scrollbar{padding:11px 4px 14px;box-sizing:content-box}.home__recipes__header{padding:9px 13px}.home__recipes__container{padding-top:4px}.home__recipes__list{display:flex;flex-direction:column;height:calc(100% - 28px);padding-right:7px;gap:12px}.recipes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:297px;gap:19px 9px;overflow-y:auto;height:100%}.category-view{height:100%}.button{font-weight:400;font-size:12px;color:var(--button-color);background-color:var(--button-background);border-radius:999px;line-height:135%;padding:2px 4px;outline:none;border:none;cursor:pointer}.planner-navigation{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;justify-items:center;list-style:none;height:100%;font-weight:400;font-size:12px;color:var(--planner-navigation-color)}.planner-navigation__day{height:100%}.planner-navigation li,.planner-navigation__check{display:flex;padding:0 7px;box-sizing:content-box;height:100%;align-items:center;cursor:pointer;transition:all .2s ease}.planner-navigation__check{color:var(--planner-navigation-check-color)}.planner-navigation__check svg{width:18px;height:18px}.planner-navigation__day.active li,.planner-navigation__day.active .planner-navigation__check{background-color:var(--planner-navigation-check-background);color:var(--planner-navigation-check-color)}.page-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--page-header-background);padding:0 20px 0 16px;height:var(--page-header-height);flex-shrink:0}.page-header__back{display:flex;gap:8px;font-weight:400;font-size:12px;color:var(--page-header-back-color);align-items:center;cursor:pointer}.page-header__back svg path{fill-opacity:1}.recipe-view{display:block}@media print{.recipe-view__page-header,.recipe-view__image,.recipe-view__actions{display:none!important}}.recipe-view__viewport{height:498px}.recipe-view__scrollbar{padding:17px 5px 21px;box-sizing:content-box}.recipe-view__container{display:flex;flex-direction:column}.recipe-view__container-wrapper{display:flex;gap:17px}.recipe-view__image{width:100%;height:195px;object-fit:cover;object-position:center;margin-bottom:10px}.recipe-view__play{position:absolute;top:100px;left:0;right:0;margin:0 auto;cursor:pointer}.recipe-view__actions{display:flex;align-items:center;color:var(--recipe-actions-color);margin-top:11px}.recipe-view__actions__icons{display:flex;gap:9px;margin-left:13px;margin-right:22px}.recipe-view__actions__icons>*{cursor:pointer}.recipe-view__actions__buttons{display:flex;gap:7px}.recipe-view__actions__buttons>*{width:75px}.recipe-view__recipe{display:block;margin-top:11px}.recipe-view__ingredients{display:flex;flex-direction:column;gap:11px;width:189px;box-shadow:0 0 7px #2e2e2e40;border-radius:14px;margin-top:12px;flex-shrink:0;padding:12px;background:var(--recipe-ingredients-background)}.empty-state{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:17px;height:100%;padding:16px}.empty-state__content{font-weight:700;font-size:14px;line-height:135%;color:var(--empty-state-content-color)}.planner-view__grid{margin-top:11px;height:calc(100% - var(--view-padding-top) - var(--view-padding-bottom))}.favorites-view__page-header{display:flex;align-items:center;flex-shrink:0;background:var(--favorites-background);height:30px;padding:0 19px}.favorites-view__page-header__heading{color:var(--favorites-heading-color)}.favorites-view__grid{margin-top:11px;height:calc(100% - var(--view-padding-top) - var(--view-padding-bottom))}.search-view__page-header{display:flex;align-items:center;flex-shrink:0;background:var(--search-background);height:30px;padding:0 19px}.search-view__page-header__heading{color:var(--search-heading-color)}.category-item{display:flex;flex-direction:column;align-items:center;color:var(--item-color);gap:1px;transition:all .2s ease;outline:none;border:none;background:transparent;white-space:nowrap;cursor:pointer}.category-item__icon{display:flex;align-items:center;width:24px;height:24px}.category-item__name{font-weight:600;font-size:13px;line-height:18px;font-family:Open Sans,sans-serif}.category-item:hover,.category-item.active{color:var(--item-active-color)}.categories{display:flex;align-items:center;padding:8px 10px;width:100%;height:var(--categories-height);background:var(--categories-background);-webkit-user-select:none;user-select:none}.categories__carret{flex-shrink:0;padding:6px 0 6px 6px;box-sizing:content-box;cursor:pointer;transition:all .2s ease;color:var(--categories-carret-color)}.categories__carret.right{padding:6px 6px 6px 0;transform:rotate(180deg)}.categories__carret.disabled{opacity:.5;cursor:default}.categories__container{display:flex;gap:22px;overflow-y:auto;margin:0 14px}.categories__container::-webkit-scrollbar{height:0px}