@charset "UTF-8";html,body{height:100%;margin:0;display:flex;flex-direction:column;justify-content:space-between;overflow-x:hidden}body{align-items:center;font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#e8f4f2;color:#86594a;flex:1}h1,h2,p{margin:0}h1,h2{color:#5a3b2e}.container{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;width:100%;box-sizing:border-box}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#b37666;border-radius:10px;border:3px solid transparent}*{scrollbar-width:thin;scrollbar-color:#b37666 transparent}.navbar{background-color:#91bfb7;padding:.2rem 1rem;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.navbar a{text-decoration:none}.navbar .logo{display:flex;flex-direction:row}.navbar .logo .app-logo{height:45px}.navbar .logo .primary-text{color:#658f8a;font-size:2.5rem}.navbar .logo .secondary-text{color:#c99b5e;font-size:2.5rem}.navbar .nav-links{list-style:none;display:flex;gap:1rem;margin:0;height:100%}.navbar .nav-links li{position:relative;height:100%}.navbar .nav-links li .active{border-bottom:3px solid #5a3b2e;color:#5a3b2e}.navbar .nav-links li .active:hover,.navbar .nav-links li:hover{border-bottom:3px solid #b37666}.navbar .nav-links li:hover a{color:#b37666}.navbar .nav-links li a{display:flex;align-items:center;width:100%;height:100%;padding:0;text-decoration:none;color:#86594a}.navbar .menu-icon{display:none;font-size:24px;cursor:pointer}.navbar .mobile-menu{display:none;position:absolute;top:60px;right:16px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;z-index:1000}.navbar .mobile-menu.open{display:block}.navbar .mobile-menu ul{list-style:none;padding:0;margin:0}.navbar .mobile-menu ul li{position:relative;padding:0;border-bottom:1px solid #e6e6e6;border-left:3px solid transparent}.navbar .mobile-menu ul li a{display:block;width:100%;height:100%;padding:10px;text-decoration:none;color:#86594a}.navbar .mobile-menu ul li .active{border-left:3px solid #5a3b2e;color:#5a3b2e}.navbar .mobile-menu ul li .active:hover,.navbar .mobile-menu ul li:hover{border-left:3px solid #e2b0a8}.navbar .mobile-menu ul li:hover a{color:#e2b0a8}.navbar .mobile-menu ul li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.navbar .mobile-menu ul li:last-child{margin-bottom:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media (max-width: 768px){.navbar .menu-icon{display:block}.navbar .nav-links{display:none}}.footer{display:flex;flex-direction:row-reverse;width:100%;box-sizing:border-box;padding:.6rem 1rem;background-color:#d1e9e5}.primary-button{background-color:#b4d9d3;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,transform .2s}.primary-button:hover{background-color:#91bfb7}.primary-button:active{background-color:#658f8a;transform:scale(.98)}.primary-button:disabled{background-color:#e6e6e6;cursor:not-allowed}.secondary-button{background-color:#f3dca1;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,transform .2s}.secondary-button:hover{background-color:#e6c07a}.secondary-button:active{background-color:#c99b5e;transform:scale(.98)}.secondary-button:disabled{background-color:#e6e6e6;cursor:not-allowed}.tertiary-button{background-color:#d89a8f;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,transform .2s}.tertiary-button:hover{background-color:#b37666}.tertiary-button:active{background-color:#86594a;transform:scale(.98)}.tertiary-button:disabled{background-color:#e6e6e6;cursor:not-allowed}.small-button{padding:5px 10px;font-size:.8rem}.medium-button{padding:10px 20px;font-size:1rem}.large-button{padding:15px 30px;font-size:1.2rem}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:left;transition:transform .3s ease;cursor:pointer}.card:hover{transform:scale(1.05)}.card a{text-decoration:none;color:inherit}.card img{width:100%;max-height:235px;border-radius:8px}.card .title{font-size:1.2rem;font-weight:700;padding:.5rem}.card .details{color:gray;display:flex;justify-content:space-between;padding:.5rem;font-size:.9rem}.card .details .prep-time,.card .details .score{display:block}.card .input-favorite{position:absolute;top:10px;right:10px}.form{display:flex;flex-direction:column;gap:1.5rem}.form .form-group{display:flex;flex-direction:column;gap:.6rem}.form .form-group label{width:100%}.input-text{width:auto;padding:10px;border:1px solid #e6e6e6;border-radius:8px;font-size:1rem;color:#86594a;background-color:#fff;transition:border-color .3s}.input-text:focus{border-color:#b37666;outline:none;background:#fbeed8}.input-text:focus::placeholder{color:#86594a}.input-text:hover{border:1px solid #b37666}.input-text::placeholder{color:#e6e6e6}.input-number{width:1.2rem;text-align:center;border:1px solid #e6e6e6;border-radius:8px;padding:.5rem;font-size:1rem;background-color:#fff;transition:border-color .3s;-moz-appearance:textfield}.input-number:focus{border-color:#b37666;outline:none;background:#fbeed8}.input-number:hover{border-color:#b37666}.input-number::-webkit-outer-spin-button,.input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-textarea{width:100%;padding:10px;border:1px solid #e6e6e6;border-radius:8px;font-size:1rem;color:#86594a;background-color:#fff;transition:border-color .3s;resize:vertical;box-sizing:border-box}.input-textarea:hover{border:1px solid #b37666}.input-textarea:focus{border:1px solid #b37666;outline:none;background:#fbeed8}.input-textarea:focus::placeholder{color:#86594a}.input-textarea::placeholder{color:#e6e6e6}.input-star-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:5px}.input-star-rating.read-only .star{cursor:default;pointer-events:none}.input-star-rating .star{position:relative;font-size:1.2rem;cursor:pointer;transition:color .2s;color:#ccc;bottom:1px}.input-star-rating .star.filled{color:#e6c07a}.input-star-rating .star:hover,.input-star-rating .star:hover~.star{color:#f3dca1}.input-favorite .favorite-checkbox{appearance:none;width:2rem;height:2rem;cursor:pointer;color:#b37666;background:none;border:none;font-size:2rem;display:inline-block;text-align:center}.input-favorite .favorite-checkbox:before{content:"\2764";color:#ccc}.input-favorite .favorite-checkbox:checked:before{content:"\2764";color:#b37666}.pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pagination .navigation{display:flex;gap:.5rem}.pagination .navigation button{width:60px}.pagination .navigation .page-info{display:flex;align-items:center;font-size:1rem;color:#86594a}.pagination .results-filter{display:flex;flex-direction:row;align-items:center;gap:8px}@media (max-width: 650px){.pagination{flex-direction:column;align-items:center}.pagination .navigation{margin-bottom:1rem}}.select-wrapper{position:relative;display:inline-block;width:100%}.select{position:relative;display:flex;flex-direction:column;width:100%}.select-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;background-color:#fff}.select-trigger .arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #86594a}.select .select-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;background-color:#fff;white-space:nowrap;overflow:hidden}.select .select-trigger:hover{border-color:#b37666}.select .options{position:absolute;top:100%;left:0;right:0;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;display:none;z-index:10;list-style:none;padding:0;margin:3px 0;max-height:300px;overflow-y:auto}.select .options.up{top:auto;bottom:100%}.select .options .option{padding:10px;cursor:pointer;border-bottom:1px solid #e6e6e6;white-space:nowrap;overflow:hidden}.select .options .option:hover{background-color:#fdf6ed}.select .options .option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.select .options .option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.select .options .option.selected,.select .options .option.default{color:#5a3b2e;font-weight:700}.select.open .options{display:block}.select.open .arrow{border-top:none;border-bottom:5px solid #86594a}.select.open .select-trigger{border-color:#b37666;outline:none;background:#fbeed8}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background-color:transparent}.loader-spinner{border:4px solid #e6e6e6;border-top:4px solid #91bfb7;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.loader-small .loader-spinner{width:20px;height:20px;border-width:2px}.loader-large .loader-spinner{width:60px;height:60px;border-width:6px}.loader-message{margin-top:10px;font-size:14px;color:#86594a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-snackbar{margin-top:2rem}.custom-alert{border:1px solid #e6e6e6;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important}.notification{margin-top:2rem;position:fixed;top:24px;left:50%;transform:translate(-50%);min-width:300px;max-width:600px;padding:8px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #00000026;z-index:1001;color:#000000de;font-size:14px;font-family:Roboto,Helvetica Neue,sans-serif;line-height:1.5}.notification.success{background-color:#e8f5e9;border-left:4px solid #4caf50}.notification.error{background-color:#fdeded;border-left:4px solid #f44336}.notification.info{background-color:#e3f2fd;border-left:4px solid #2196f3}.notification.warning{background-color:#fff8e1;border-left:4px solid #ff9800}.notification-message{flex-grow:1;padding:8px 0;display:flex;align-items:center}.notification-message:before{content:"";width:20px;height:20px;margin-right:12px;background-position:center;background-repeat:no-repeat;background-size:contain}.notification.success .notification-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%234caf50' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.notification.error .notification-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23f44336' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E")}.notification.info .notification-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%232196f3' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E")}.notification.warning .notification-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff9800' d='M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z'/%3E%3C/svg%3E")}.notification-close{background:transparent;color:#0000008a;border:none;font-size:26px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;margin-left:8px;transition:background-color .2s}.notification-close:hover{background-color:#0000000a}.home{display:flex;flex-direction:column;gap:2rem}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.hero h1{font-size:2.5rem}.hero p{color:#86594a;font-size:1.2rem}.hero .app-logo{height:120px}.hero .primary-text{color:#658f8a;font-size:3rem}.hero .secondary-text{color:#c99b5e;font-size:3rem}.hero .search-bar{display:flex;align-items:center;gap:10px;width:100%;max-width:500px}.hero .search-bar .input-text{flex:1;padding:10px;border-radius:8px;width:100%}.features{display:flex;justify-content:space-around;text-align:center;gap:1rem;flex-wrap:wrap}.features .feature{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1;background-color:#f9f9f9}@media (max-width: 920px){.features{flex-direction:column;align-items:center}.features .feature{width:calc(100% - 64px)}}.search{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.search .filters{display:flex;justify-content:center;gap:1rem}.search .dropdowns{display:flex;gap:1rem}.search .search-bar{display:flex;gap:10px;width:100%}.search .search-bar .filters{display:flex;gap:10px;margin:0;width:100%}@media (max-width: 924px){.search .filters{flex-direction:column-reverse}.search .search-input{width:100%}.search .dropdowns{flex-wrap:wrap;justify-content:space-between}.search .dropdowns .filter{width:calc(50% - .5rem)}}.search .filter{display:flex;flex-direction:column;min-width:155px;gap:2px}.search .filter label{padding-left:4px}.search .filter.results-filter{flex-direction:row;align-items:center;gap:8px}.search .filter.search-input{width:100%;height:40px;flex-direction:row;gap:8px;padding-top:20px}.search .filter.search-input .input-text{width:100%}.search .filter .filter-dropdown{padding:.5rem;border-radius:8px;border:1px solid #cccccc}.search .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.recipe-container{display:flex;flex-direction:column;padding:2rem;width:100%;justify-content:space-between;align-items:center;overflow:auto;box-sizing:border-box}.recipe-detail{max-width:70%;padding:2rem;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;border-radius:8px;display:flex;flex-direction:column;gap:16px}.recipe-detail .recipe-header{text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.recipe-detail .recipe-header h1{font-size:2.5rem;color:#86594a}.recipe-detail .recipe-main{display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;justify-content:center;align-items:center}.recipe-detail .recipe-main .recipe-image{width:100%;max-width:556px}.recipe-detail .recipe-main .recipe-image img{width:100%;max-height:400px;height:auto;object-fit:cover;border-radius:8px}.recipe-detail .recipe-section{display:flex;gap:16px}.recipe-detail .recipe-section .ingredients-container{flex:1 1 35%;display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:8px;flex-grow:1;padding:1rem}.recipe-detail .recipe-section .ingredients-container .servings-filter{display:flex;flex-direction:column;width:100%;gap:4px}.recipe-detail .recipe-section .ingredients-container .servings-filter label{font-size:1rem;color:#5a3b2e}.recipe-detail .recipe-section .ingredients-container .servings-filter .servings-selector{display:flex;justify-content:center;align-items:center;gap:8px}.recipe-detail .recipe-section .ingredients-container .ingredients{display:flex;flex-direction:column;gap:8px}.recipe-detail .recipe-section .ingredients-container .ingredients label{font-size:1rem;color:#5a3b2e}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient{display:flex;align-items:center;gap:.6rem;padding:.5rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:.8rem}@media (max-width: 768px){.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient{padding:0 .5rem}}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient .ingredient-quantities{display:flex;flex-direction:column;align-items:center;gap:0;width:2rem;font-size:.8rem}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient .ingredient-quantities .ingredient-quantity{font-weight:700;color:#91bfb7}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient .ingredient-quantities .ingredient-unit{color:#e6c07a;font-size:.7rem}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient .ingredient-info{display:flex;align-items:center;justify-content:space-between;flex-grow:1}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient .ingredient-info .ingredient-name{color:#86594a}.recipe-detail .recipe-section .ingredients-container .ingredients .ingredient-list .ingredient .ingredient-info .ingredient-image{width:40px;height:40px;object-fit:cover;border-radius:50%}.recipe-detail .recipe-section .recipe-wrapper{display:flex;flex-direction:column;gap:16px}.recipe-detail .recipe-section .recipe-wrapper .recipe-info{display:flex;flex-direction:row;gap:8px}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .stats{display:flex;flex-direction:column;padding:1rem;gap:8px;background-color:#d1e9e5;border-radius:8px;justify-content:center}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .stats .stat{display:flex;flex-direction:column;justify-content:center;gap:4px}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .stats .stat label{font-weight:700;font-size:1.2rem;color:#5a3b2e}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .stats .stat p{font-size:1rem;color:#86594a}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .info{display:flex;flex-direction:column;gap:8px;padding:1rem;background-color:#f7ddb1;border-radius:8px;flex-grow:1}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .info .info-item{display:flex;font-size:.8rem;gap:8px;flex-wrap:wrap}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .info .info-item label{font-weight:700;color:#5a3b2e;width:100%}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .info .info-item span{font-size:.7rem;color:#86594a}.recipe-detail .recipe-section .recipe-wrapper .recipe-info .info .info-item .info-content{display:flex;flex-wrap:wrap;gap:10px}.recipe-detail .recipe-section .recipe-wrapper .recipe-instructions{flex:1 1 60%;display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:8px;flex-grow:1;padding:1rem}.recipe-detail .recipe-section .recipe-wrapper .recipe-instructions label{font-size:1.5rem;color:#5a3b2e;font-weight:700}.recipe-detail .recipe-section .recipe-wrapper .recipe-instructions .instructions-steps{padding-left:0;list-style:none;counter-reset:instruction-counter}.recipe-detail .recipe-section .recipe-wrapper .recipe-instructions .instructions-steps .instruction-step{font-size:1rem;margin-bottom:10px;display:flex;gap:10px}.recipe-detail .recipe-section .recipe-wrapper .recipe-instructions .instructions-steps .instruction-step:before{counter-increment:instruction-counter;content:counter(instruction-counter) ".";display:flex;font-weight:700;color:#e6c07a;font-size:1.2rem;transform:translateY(-3px)}.recipe-detail .review-section{padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:16px}.recipe-detail .review-section .review-form{display:flex;flex-direction:column;gap:1rem}.recipe-detail .review-section .review-form>label{font-size:1.4rem;font-weight:700}.recipe-detail .review-section .review-form .rating{align-items:center;display:flex;flex-direction:row;gap:.5rem;width:100%}.recipe-detail .review-section .review-form .rating>label{font-size:1.2rem}.recipe-detail .review-section .review-form .comment{display:flex;flex-direction:column;gap:.5rem;width:100%}.recipe-detail .review-section .review-form .comment label{font-size:1.2rem}.recipe-detail .review-section .reviews-container{display:flex;flex-direction:column;gap:1rem}.recipe-detail .review-section .reviews-container .review{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.recipe-detail .review-section .reviews-container .rating{display:flex;gap:.5rem;align-items:center}.recipe-detail .review-section .reviews-container .rating .input-star-rating label{font-size:1rem}.recipe-detail .review-section .reviews-container .review-header{display:flex;justify-content:space-between;align-items:center}.recipe-detail .review-section .reviews-container .review-header .star-rating label{color:#e6c07a}.recipe-detail .review-section .reviews-container .date-edit{display:flex;align-items:center;gap:.5rem}.recipe-detail .review-section .reviews-container .date-edit .review-date{font-size:.6rem;color:#86594a;display:flex}.recipe-detail .review-section .reviews-container .review-comment{margin-top:1rem;font-size:1rem;color:#86594a}@media (max-width: 768px){.recipe-section{flex-direction:column}.recipe-section .ingredients-container{order:1;display:flex;flex-wrap:wrap;gap:16px}.recipe-section .ingredients-container .ingredients{display:flex;flex-wrap:wrap;gap:16px}.recipe-section .ingredients-container .ingredients .ingredient{flex:1 1 calc(50% - 16px);padding:0}.recipe-section .instructions{order:2}}.favorites{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.favorites input{width:100%}.favorites .search-input,.favorites .search-bar{width:100%;display:flex;gap:10px}.favorites .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.login{display:flex;flex-direction:column;gap:1rem;width:400px;padding:2rem;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;border-radius:8px}@media (max-width: 768px){.login{width:300px}}.register{width:400px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;border-radius:8px}@media (max-width: 768px){.register{width:300px}}.register h1{color:#5a3b2e;font-size:2rem;margin:0 0 2rem}app-root,app-home,app-register,app-login,app-search,app-favorites,app-recipe-detail,recipe-header,recipe-info,recipe-ingredients,recipe-instructions,recipe-main,recipe-section,recipe-wrapper,review,review-form,review-section,review-list,servings-filter,app-navbar,app-footer,app-hero-section,app-features-section,app-favorite-button,app-image,app-search-bar,app-button,app-input,app-star-rating,app-search-input,app-form,app-form-group,app-search-filters,app-card,app-pagination,app-notification,app-dropdown,ng-template{display:contents}.main-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:auto}.lazy-loading{opacity:.2;transition:opacity .3s ease;background-color:#f0f0f0}.lazy-loaded{opacity:1}.fade-in{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:.2}to{opacity:1}}