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}body,html{background:linear-gradient(to bottom right,#f8f8fc,#e1e2e8);background-attachment:fixed;font-family:Inter,sans-serif;height:100%;margin:0;overflow:auto;padding:0}#root,.App{-webkit-overflow-scrolling:touch;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}#root,.App,.app-header{align-items:center;display:flex}.app-header{color:#757575;font-size:24px;justify-content:space-between;padding:15px;text-align:center;width:90vw}.youtube-icon-header{background:linear-gradient(145deg,#f2f3f6,#e5e6ec);box-shadow:inset 3px 3px 3px #d1d1d1,inset -3px -3px 3px #fff;margin-right:20px}.user-icon-container,.youtube-icon-header{align-items:center;border-radius:20px;display:inline-flex;height:60px;justify-content:center;width:60px}.user-icon-container{background:linear-gradient(-145deg,#f2f3f6,#e5e6ec);box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;margin-left:auto}.user-icon-container:hover{background:linear-gradient(145deg,#e5e6ec,#f2f3f6);box-shadow:inset 3px 3px 3px #d1d1d1,inset -3px -3px 3px #fff}.user-icon-link{align-items:center;color:inherit;display:flex;justify-content:center;text-decoration:none}.divider{background-color:#757575;box-shadow:0 -2px 4px #00000059;height:1px;margin-bottom:15px;margin-top:5px;width:100%}.category-dropdown{display:flex;justify-content:center;margin-bottom:20px}.category-dropdown select{-webkit-appearance:none;appearance:none;background:linear-gradient(145deg,#f2f3f6,#e5e6ec);background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23757575%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;border:none;border-radius:20px;box-shadow:5px 5px 7px #bebebe,-5px -5px 7px #fff;color:#757575;cursor:pointer;font-size:16px;padding:10px 60px 10px 40px;transition:box-shadow .3s ease}.category-dropdown select:focus,.category-dropdown select:hover{box-shadow:inset 3px 3px 3px #d1d1d1,inset -3px -3px 3px #fff}.category-dropdown select:focus{outline:none}.category-dropdown select::-ms-expand{display:none}.footer{bottom:0;color:#757575;left:50%;margin-bottom:20px;padding:10px;position:absolute;text-align:center;transform:translateX(-50%)}button{cursor:pointer}.load-more-container{display:flex;justify-content:center;margin-bottom:120px;margin-top:-20px}.load-more-button{background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border:none;border-radius:20px;box-shadow:5px 5px 7px #bebebe,-5px -5px 7px #fff;color:#757575;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.load-more-button:hover{background:linear-gradient(145deg,#e5e6ec,#f2f3f6);box-shadow:inset 3px 3px 3px #d1d1d1,inset -3px -3px 3px #fff;color:#585858}.load-more-button:focus{outline:none}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{border-radius:10px;margin:16px}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#e5e6ec,#f2f3f6);background-clip:content-box;border:4px solid #0000;border-radius:10px;box-shadow:inset -2px -2px 3px #ffffffe6,inset 2px 2px 3px #0003}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#e1e2e6,#e5e6ec)}@media (max-width:768px){.app-header{font-size:18px}.user-icon-container,.youtube-icon-header{height:35px;width:35px}}@media (max-width:480px){.app-header{font-size:16px;padding:10px}.user-icon-container,.youtube-icon-header{height:30px;width:30px}.category-dropdown select{font-size:12px;padding:6px 30px 6px 15px}.load-more-button{font-size:12px;padding:8px 16px}}.search-bar-container{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:100%}.search-bar{align-items:center;background:linear-gradient(170deg,#f2f3f6,#e5e6ec);border-radius:40px;box-shadow:5px 5px 7px #bebebe,-5px -5px 7px #fff;display:flex;justify-content:flex-start;margin:0 auto;padding-left:25px;width:40vw}.search-icon{color:#757575}.search-input{background:inherit;border:none;border-radius:30px;color:#757575;flex:1 1;font-size:18px;padding:15px 20px}.search-input:focus{outline:none}.search-button{background:linear-gradient(145deg,#e5e6ec,#f2f3f6);border:none;border-radius:30px;box-shadow:inset 3px 3px 3px #d1d1d1,inset -3px -3px 3px #fff;color:#757575;cursor:pointer;font-size:18px;margin:6px;padding:15px 25px;transition:box-shadow .3s ease,color .3s ease}.search-button:hover{box-shadow:inset 6px 6px 6px #d1d1d1,inset -6px -6px 6px #fff;color:#585858}@media (max-width:768px){.search-bar-container{align-items:center;flex-direction:column;margin-top:10px;width:90vw}.search-bar{margin-bottom:0;width:83vw}.search-input{width:100%}.search-button{width:25vw}}.video-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-bottom:50px;max-width:1200px;padding:20px;width:100%}.expanded-row{grid-column:1/-1;margin-bottom:25px;margin-top:25px}@media (max-width:768px){.video-grid{grid-template-columns:repeat(2,1fr);width:95%}}@media (max-width:480px){.video-grid{grid-template-columns:1fr;width:95%}}.video-card{background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border-radius:15px;box-shadow:5px 5px 7px #bebebe,-5px -5px 5px #fff;display:flex;flex-direction:column;height:325px;position:relative;text-align:left}.icon-container.dropdown-icon-container,.video-card{transition:all .3s ease}.video-card.expanded{grid-column:1/-1;height:auto}.expanded-content{background-color:#f5f5f5;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:20px}.video-card-info{height:calc(100% - 214px);padding-left:10px;position:relative}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#757575;display:-webkit-box;font-weight:700;margin:10px 0;overflow:hidden;text-overflow:ellipsis}.video-creator{color:#717c8c;margin-bottom:10px}.video-thumbnail{border-top-left-radius:15px;border-top-right-radius:15px;height:214px;object-fit:cover;width:100%}.video-card-footer{bottom:10px;justify-content:space-between;left:10px;position:absolute;right:10px}.footer-left,.video-card-footer{align-items:center;display:flex}.youtube-icon-container{margin-right:10px}.video-creator{font-size:.93em;margin-bottom:0;margin-left:5px}.icon-container,.video-creator{align-items:center;color:#757575;display:flex}.icon-container{background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border-radius:50%;box-shadow:5px 5px 7px #bebebe,-5px -5px 7px #fff;height:40px;justify-content:center;transition:all .3s ease;width:40px}.icon-container:hover{background:linear-gradient(145deg,#e5e6ec,#f2f3f6);box-shadow:inset 3px 3px 3px #d1d1d1,inset -3px -3px 3px #fff;color:#585858}.video-card.active{box-shadow:8px 10px 15px #00000080,-8px -8px 6px #fff;transform:translateY(-5px)}.video-card.active .icon-container.dropdown-icon-container{background:linear-gradient(145deg,#e5e6ec,#f2f3f6);box-shadow:inset 3px 3px 3px #d1d1d1,inset -3px -3px 3px #fff;color:#4caf50}@media (max-width:768px){.video-card{height:auto;padding-bottom:10px}.video-card-info{height:auto;padding:10px 10px 30px}.video-title{margin:5px 0 10px}.video-card-footer{bottom:0;left:10px;position:absolute;right:10px}.icon-container{height:30px;width:30px}.video-creator{font-size:.8em;margin-left:5px}.youtube-icon-container{margin-right:5px}}@media (max-width:480px){.video-title{font-size:12px}.icon-container{height:25px;width:25px}.video-creator{font-size:.7em}}.expanded-video-card{background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border-radius:15px;box-shadow:5px 5px 7px #bebebe,-5px -5px 5px #fff;color:#757575;padding:20px}.expanded-header{border-bottom:1px solid #d1d1d1;padding-bottom:15px;position:relative}.title-and-delete{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.expanded-title{color:#5a616b;flex-grow:1;font-size:1.5em;margin:0;padding-right:10px;word-break:break-word}.delete-button-container{align-items:center;background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border:1px solid #ff4d4d;border-radius:20px;box-shadow:2px 2px 4px #0000004d,-3px -3px 4px #fffc;display:flex;height:40px;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:40px;z-index:10}.delete-button-container.expanded{width:150px}.delete-confirmation-text{color:#ff4d4d;flex-grow:1;font-size:14px;padding:0 5px;text-align:center}.cancel-delete-button,.confirm-delete-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.confirm-delete-button{color:#4caf50}.cancel-delete-button{color:#ff4d4d}.cancel-delete-button:hover,.confirm-delete-button:hover,.delete-button:hover{background:linear-gradient(145deg,#e5e6ec,#f2f3f6)}.cancel-delete-button:active,.confirm-delete-button:active,.delete-button:active{box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80}.delete-button-container.expanded .cancel-delete-button,.delete-button-container.expanded .confirm-delete-button,.delete-button-container.expanded .delete-confirmation-text{opacity:1}.cancel-delete-button svg,.confirm-delete-button svg,.delete-button svg{font-size:18px}.expanded-creator{font-size:1em;margin-bottom:5px}.expanded-category{font-size:.9em}.expanded-description,.expanded-recipe{margin-top:20px}.expanded-description h3,.expanded-recipe h3{color:#5a616b;font-size:1.2em;margin-bottom:10px}.expanded-description p{line-height:1.5}.recipe-cards-container{display:flex;gap:20px;justify-content:space-between;margin-right:-3px;overflow-x:auto;padding-bottom:10px;padding-right:6px}.recipe-card{background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border-radius:10px;box-shadow:3px 3px 5px #bebebe,-3px -3px 5px #fff;display:flex;flex:1 1;flex-direction:column;height:300px;margin-left:5px;margin-top:5px;max-width:calc(33.333% - 14px);min-width:250px;overflow:hidden;padding:15px;position:relative}.recipe-card.expanded{height:auto}.recipe-card h4{color:#5a616b;margin-bottom:10px}.recipe-content{flex-grow:1;margin-right:-10px;overflow-y:auto;padding-right:10px;position:relative}.recipe-card ol,.recipe-card ul{padding-left:20px}.recipe-card li{margin-bottom:5px}.recipe-card p{margin-bottom:10px}.recipe-card strong{font-weight:700}.button-container{margin-top:10px;position:relative}.button-container.show-shadow:before{opacity:1}.expand-button{align-items:center;background:none;border:none;color:#5a616b;cursor:pointer;display:flex;justify-content:center;padding:5px;position:relative;transition:background-color .3s;width:100%;z-index:1}.expand-button:hover{color:#303135}.expand-button svg{margin-right:5px}.recipe-content::-webkit-scrollbar{width:14px}.recipe-content::-webkit-scrollbar-track{border-radius:10px}.recipe-content::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#e5e6ec,#f2f3f6);background-clip:content-box;border-radius:10px;box-shadow:inset -2px -2px 3px #ffffffbf,inset 2px 2px 3px #00000021}.recipe-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#e1e2e6,#e5e6ec)}.recipe-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.recipe-card-header h4{margin:0}.copy-button{align-items:center;background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border:none;border-radius:50%;box-shadow:2px 2px 4px #0000004d,-3px -3px 4px #fffc;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .3s ease;width:30px}.copy-button:hover{background:linear-gradient(145deg,#e5e6ec,#f2f3f6)}.copy-button:active{box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80}.copy-button svg{color:#5a616b;font-size:14px;position:absolute;transition:opacity .3s ease,transform .3s ease}.copy-button .fa-copy{opacity:1;transform:scale(1)}.copy-button .fa-check{color:#4caf50}.copy-button .fa-check,.copy-button.copied .fa-copy{opacity:0;transform:scale(.8)}.copy-button.copied .fa-check{color:#4caf50;opacity:1;transform:scale(1)}@media (max-width:768px){.recipe-cards-container{flex-direction:column}.recipe-card{max-width:100%}.title-and-delete{align-items:flex-start;flex-direction:column}.expanded-title{margin-bottom:10px}.delete-button-container{align-self:flex-end}}.delete-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.delete-button svg{color:#ff4d4d;font-size:18px}.delete-button:hover{background:linear-gradient(145deg,#e5e6ec,#f2f3f6)}.delete-button:active{box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80}.delete-button-container:not(.expanded) .delete-button{opacity:1}.spinner-container{align-items:center;display:flex;height:60vh;justify-content:center}.neomorphic-spinner{animation:spin 1s linear infinite;background:linear-gradient(145deg,#f2f3f6,#e5e6ec);border-radius:50%;box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;height:70px;width:70px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2dc2d060.css.map*/