.user-dashboard-component{border-radius:5px;margin:10px 100px;padding:20px 10px}.user-dashboard-header{background-color:#c9a66b;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px;padding:15px;display:flex;position:relative}.user-dashboard-header h2{text-align:center;z-index:1;flex-grow:1;position:relative}.user-profile-link{z-index:2;flex-direction:row;align-items:center;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.user-profile-info{text-align:left;margin-left:10px}.dashboard-content{display:flex}.dashboard-links{background-color:#c9a66b;border-radius:5px;flex-direction:column;width:250px;margin-right:20px;padding:20px;display:flex}.dashboard-links button{background-color:#faf1e6;border:1px solid #8b4513;border-radius:10px;margin:20px 0;padding:10px 20px;font-size:14px;font-weight:600}.dashboard-links button:hover{background-color:#ffedd9;transition:all .5s ease-in}.selected-dashboard-link{background-color:#c9a66b;border-radius:5px;flex-grow:1;padding:20px 30px}.user-preferences-component,.user-favourites-component,.user-search-history-component{margin:10px}.user-preferences-component h2,.user-favourites-component h2,.user-search-history-component h2{margin-bottom:20px}.dashboard-sidebar-icon{margin-right:10px}.dashboard-links button.active{color:#faf1e6;background:linear-gradient(90deg,#5a2d0c,#b17a54,#c9a66b);font-weight:700;transition:all .7s ease-in-out}.dashboard-sidebar-icon{color:#8b4513;font-size:15px}.dashboard-links button.active .dashboard-sidebar-icon,.user-library-links button.active .library-links-icon,.user-profile-links button.active .profile-links-icon{color:#faf1e6;font-size:15px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.dashboard-section-load-message{background:linear-gradient(90deg,#8b4513 0%,#e5c494 35%,#8b4513 70%) 0 0/400px 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:600;animation:9.5s linear infinite shimmer}@media (max-width:600px){.user-dashboard-component{margin:0 15px;padding:20px 0}.user-dashboard-component h1{font-size:25px;font-weight:500}.user-dashboard-header{margin-bottom:20px;padding:10px}.user-dashboard-header h2{text-align:left;margin-left:20px}.user-profile-link{font-size:11px;right:5px}.user-profile-info{text-align:left;margin-left:10px}.dashboard-content{flex-direction:column;display:flex}.dashboard-links{z-index:1000;flex-direction:row;justify-content:center;place-items:center;width:100%;margin:0;padding:10px;display:flex;position:fixed;bottom:0;left:0}.dashboard-links button{border-radius:5px;flex:1;margin:10px 5px;padding:10px 2px;font-size:13px;font-weight:500}.selected-dashboard-link{border-radius:5px;flex:1;margin:0 0 70px}.dashboard-sidebar-icon{margin-right:1px}.user-preferences-component,.user-favourites-component,.user-search-history-component{margin:10px}.user-preferences-component h2,.user-favourites-component h2,.user-search-history-component h2{margin-bottom:10px;font-size:20px;font-weight:500}.dashboard-section-load-message{font-size:14px}}@media (min-width:600px) and (max-width:900px){.user-dashboard-component{margin:10px 30px;padding:20px 0}.dashboard-content{flex-direction:column;display:flex}.dashboard-links{z-index:1000;flex-direction:row;justify-content:space-around;place-items:center;width:100%;margin:0;padding:10px;display:flex;position:fixed;bottom:0;left:0}.dashboard-links button{border-radius:5px;flex:1;margin:10px 20px;padding:10px 20px;font-weight:500}.selected-dashboard-link{border-radius:5px;flex:1;margin:10px 0 60px}.user-preferences-component,.user-favourites-component,.user-search-history-component{margin:15px}.user-preferences-component h2,.user-favourites-component h2,.user-search-history-component h2{margin-bottom:10px;font-size:20px;font-weight:500}.dashboard-section-load-message{font-size:15px}}@media (min-width:900px) and (max-width:1300px){.user-dashboard-component{margin:20px;padding:20px 0}.dashboard-links{width:220px}.dashboard-links button{margin:20px 0;padding:10px}.user-preferences-component,.user-favourites-component,.user-search-history-component{margin:20px}.user-preferences-component h2,.user-favourites-component h2,.user-search-history-component h2{margin-bottom:10px;font-size:22px;font-weight:500}}

.user-library-links{justify-content:center;align-items:center}.user-library-links button{background-color:#faf1e6;border:1px solid #8b4513;border-radius:10px;margin:10px 30px;padding:10px 40px;font-size:14px}.user-library-links button:hover{background-color:#ffedd9;transition:all .5s ease-in}.library-links-icon{color:#8b4513;margin-right:10px;font-size:15px}.user-library-links button.active{color:#faf1e6;background:linear-gradient(90deg,#5a2d0c,#b17a54,#c9a66b);font-weight:700;transition:all .7s ease-in-out}@media (max-width:600px){.user-library-links{flex-direction:row;margin-bottom:10px;display:flex}.user-library-links button{margin:5px;padding:1px;font-size:13px}.library-links-icon{margin-right:5px;font-size:13px}}@media (max-width:600px) and (max-width:1000px){.user-library-links{flex-direction:row;margin-bottom:10px;display:flex}.user-library-links button{padding:10px}}
.favourites-list{grid-template-columns:repeat(3,1fr);display:grid}.fav-recipe-card{background-color:#faf1e6;border-radius:5px;flex-direction:row;justify-content:space-between;margin:10px;padding:10px 20px;display:flex}.fav-recipe-card-header{flex-direction:row;display:flex}.fav-recipe-card-header img{border-radius:5px;margin-right:10px}.fav-recipe-card-content{text-align:left;flex-grow:1}.fav-recipe-card-content h4{font-size:15px}.fav-recipe-card-title-date small{color:#4b4b4b;font-size:12px}.fav-recipe-card-content p{text-align:left;margin:5px 0;font-size:13px;line-height:17px}.fav-recipe-card-steps ul li{font-size:13px}.fav-recipe-card-remove-btn{justify-content:center;place-items:center;margin-left:10px}.fav-recipe-card-remove-btn button{color:#ff4646;background-color:#faf1e6;border:none;border-radius:5px;justify-content:center;place-items:center;padding:0 4px;font-size:15px}@media (max-width:600px){.user-favourites-component{margin:10px}.user-favourites-component h2{margin-bottom:10px;font-size:20px;font-weight:500}.favourites-list{flex-direction:column;display:flex}.fav-recipe-card{flex-direction:row;margin:5px;display:flex}.fav-recipe-card-content h4{font-size:13px}.fav-recipe-card-content p{font-size:11px;line-height:15px}.fav-recipe-card-remove-btn{margin-left:5px}}@media (min-width:600px) and (max-width:1000px){.user-favourites-component{margin:15px}.user-favourites-component h2{margin-bottom:10px;font-size:20px;font-weight:500}.favourites-list{grid-template-columns:repeat(2,1fr)}.fav-recipe-card{flex-direction:row;display:flex}.fav-recipe-card-content h4{font-size:13px}.fav-recipe-card-content p{font-size:12px;line-height:16px}.fav-recipe-card-remove-btn{margin-left:5px}}@media (min-width:1000px) and (max-width:1300px){.user-preferences-component,.user-favourites-component,.user-search-history-component{margin:20px}.user-preferences-component h2,.user-favourites-component h2,.user-search-history-component h2{margin-bottom:10px;font-size:22px;font-weight:500}.fav-recipe-card{flex-direction:row;display:flex}.fav-recipe-card-content h4{font-size:13px}.fav-recipe-card-content p{font-size:12px;line-height:16px}.fav-recipe-card-remove-btn{margin-left:5px}}
