.favorites-hero{width:335px;height:516px;background-color:var(--onyx);margin:0 auto 40px;border-radius:15px;background-image:url(/tastytreats/assets/favorites-hero-mobile-AF4oANo4.webp)}.favorites-placeholder{display:flex;flex-direction:column;gap:24px;margin:0 auto 40px;justify-content:center;align-items:center}.placeholder-icon{width:68px;height:58px}.favorites-placeholder-text{width:335px}@media (min-resolution: 2dppx){.favorites-hero{background-image:url(/tastytreats/assets/favorites-hero-mobile@2x-CaynJaua.webp);background-size:100% auto;background-repeat:no-repeat}}@media only screen and (min-width: 768px){.favorites-hero{width:704px;height:356px;margin-bottom:64px;background-image:url(/tastytreats/assets/favorites-hero-tablet-r4zcrXfz.webp)}@media (min-resolution: 2dppx){.favorites-hero{background-image:url(/tastytreats/assets/favorites-hero-tablet@2x-ioSmhxfl.webp)}}.favorites-placeholder{gap:32px;margin-bottom:64px}.placeholder-icon{width:97px;height:83px}.favorites-placeholder-text{width:481px}}@media only screen and (min-width: 1280px){.favorites-hero{width:1080px;background-image:url(/tastytreats/assets/favorites-hero-desktop-mdq1c4M4.webp)}@media (min-resolution: 2dppx){.favorites-hero{background-image:url(/tastytreats/assets/favorites-hero-desktop@2x-r7bWOKb3.webp)}}}@media only screen and (min-width: 1440px){.favorites-hero{width:1376px;background-image:url(/tastytreats/assets/favorites-hero-desktop-mdq1c4M4.webp);background-repeat:no-repeat;background-size:100% auto}@media (min-resolution: 2dppx){.favorites-hero{background-image:url(/tastytreats/assets/favorites-hero-desktop@2x-r7bWOKb3.webp)}}}.favorite-recipes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(335px,1fr));gap:24px;width:335px;margin:0 auto}.favorite-recipe-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:335px;border-radius:12px;overflow:hidden;color:#fff;box-shadow:0 6px 15px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.favorite-recipe-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.favorite-recipe-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--onyx-30-opacity);z-index:1}.favorite-recipe-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.favorite-recipe-card-details{display:flex;flex-direction:column;position:relative;z-index:2;margin:16px;gap:8px}.favorite-recipe-title,.favorite-recipe-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.favorite-recipe-text{width:303px;-webkit-line-clamp:2}.see-recipe-btn{font-weight:500;font-size:12px}.favorite-recipe-card-footer{display:flex;justify-content:space-between;margin-right:16px}.favorite-heart-btn:hover svg{stroke:#fff;fill:#fff6}.categories-filter{width:335px;display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:15px;margin:0 auto 24px;gap:12px;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.categories-filter.grabbing{cursor:grabbing}.categories-filter::-webkit-scrollbar{display:none}.category-btn.active{background-color:var(--pistachio);color:var(--white-smoke);border:none}.favorites-pagination{display:flex;align-items:center;justify-content:center;height:100%;width:335px;margin:24px auto 0;gap:4px;flex-wrap:wrap}.pagination-btn,.pagination-number,.pagination-ellipsis{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;color:var(--dark-charcoal);font-size:14px;font-weight:500;cursor:pointer;min-width:40px;height:40px;-webkit-user-select:none;user-select:none;border:1px solid var(--onyx-30-opacity)}.pagination-ellipsis{border:none}.pagination-btn:hover,.pagination-number.active,.pagination-number:hover{background-color:var(--pistachio);color:var(--onyx);border-color:var(--pistachio)}.pagination-ellipsis{cursor:default;background-color:transparent;min-width:auto;padding:0 6px}.prev-first:disabled,.prev:disabled,.next:disabled,.next-last:disabled{background-color:var(--onyx);color:var(--white-50-opacity);cursor:not-allowed}@media only screen and (min-width: 768px){.favorite-recipes-list{grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:16px;width:704px}.favorite-recipe-card{flex-direction:row;height:244px}.favorite-recipe-card-details{width:192px;gap:12px;margin-top:123px}.favorite-recipe-text{width:192px}.rating-box{display:flex;gap:1px;width:96px;height:18px}.favorite-recipe-card-footer{width:192px;display:flex;justify-content:space-between;align-items:center;margin:0}.categories-filter{width:704px;margin-bottom:32px;gap:15px}.favorites-pagination{height:44px;width:446px;gap:8px;flex-wrap:nowrap}.pagination-btn,.pagination-number{min-width:44px;height:44px}.pagination-ellipsis{padding:0 10px}.favorites-pagination .pagination-btn.prev-first+.pagination-btn.prev{margin-right:8px}.favorites-pagination .pagination-btn.prev+.pagination-number:first-of-type{margin-left:24px}.favorites-pagination .pagination-number:last-of-type+.pagination-btn.next{margin-right:24px}}@media only screen and (min-width: 1280px){.favorite-recipes-list{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));width:1080px}.favorite-recipe-card{height:287px}.favorite-recipe-card-details{width:226px;margin-top:166px}.favorite-recipe-text{width:226px}.rating-box{gap:4px;width:116px}.favorite-recipe-card-footer{width:226px;display:flex;justify-content:space-between;align-items:center;margin:0}.categories-filter{width:1080px}}@media only screen and (min-width: 1440px){.categories-filter{width:1350px}.favorite-recipes-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));width:1350px}}.hidden{display:none}
