:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{width:100%;height:6em;display:flex;justify-content:space-between;align-items:center;padding:1.5em;box-sizing:border-box;border-bottom:1px solid var(--primary-color-10)}.header .actions{display:flex;flex-direction:row;align-items:center;gap:.5em;height:100%}.header .actions a{height:100%}.header .actions img{height:4em;width:4em;object-fit:cover;border-radius:50%}.burger-menu{display:none}@media(max-width:1200px){.header .btn-wrapper .btn{font-size:.9rem}}@media(max-width:992px){.header .btn-wrapper .btn{font-size:.8rem}}@media(max-width:768px){.header h1{font-size:1.5rem}.header .actions{display:none}.burger-menu{display:flex;cursor:pointer;color:var(--primary-color)}.mobile-menu{position:absolute;top:6em;right:0;background-color:#fff;width:150px;display:flex;flex-direction:column;gap:1em;padding:1em;box-shadow:0 2px 10px #0003;z-index:1000;border-radius:15px 0 0 15px}}.main{width:100%;min-height:calc(100vh - 14em);display:flex;padding:1.5em;box-sizing:border-box}.main-menu{width:15%}.main-menu ul{display:flex;flex-direction:column;gap:.5em}.main-menu li{height:3em}.main-menu .btn-wrapper{width:100%}.main-menu .btn-wrapper .btn{text-align:left}.main-menu button.active{background-color:var(--primary-color-10);font-weight:700}@media(max-width:1200px){.main-menu .btn-wrapper .btn{font-size:.9rem}}@media(max-width:992px){.main-menu .btn-wrapper .btn{font-size:.8rem}}@media(max-width:768px){.main-menu{display:none}}.home{width:100%;display:flex;flex-direction:column;align-items:center;padding-left:1.5em;box-sizing:border-box;gap:1.5em}.home .home-header{display:none}.home:not(:has(.card-detail)) .home-header{display:flex;flex-direction:row;height:3em;width:100%;gap:1em;align-items:center}.home-header .input-wrapper{flex:1}.home-header .btn-wrapper button.active{background-color:#186d86;color:#fff}.home-content{width:100%;height:100%;box-sizing:border-box;text-align:left}.home-content .passions-view{display:block;gap:1em;height:100%}.home-content .passions-view:not(:has(.card-detail)){display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1em}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-content p{font-size:1rem;color:#555;text-align:center}@media(max-width:1200px){.home-header .btn-wrapper .btn,.home-header .select-wrapper select,.home-header .input-wrapper input{font-size:.9rem}}@media(max-width:992px){.home-header .btn-wrapper .btn,.home-header .select-wrapper select,.home-header .input-wrapper input{font-size:.8rem}}.card{width:100%;height:22em;border-radius:.5em;border:1px solid var(--primary-color-10);overflow:hidden;cursor:pointer;transition:transform .3s ease,opacity .3s ease;background-color:#fff}.card:hover{transform:translateY(-5px)}.card.hidden{opacity:0;pointer-events:none}.card-header{height:12em;overflow:hidden}.card-header img{width:100%;height:100%;object-fit:cover}.card-content{width:100%;height:calc(100% - 12em);padding:.5em;box-sizing:border-box}.card-content p,.card-content span,.card-detail-meta{font-weight:600;margin:5px 0}.card-meta-wrapper{display:flex;justify-content:space-between;align-items:center;gap:.5em}.card-meta-wrapper .card-category{background-color:var(--primary-color-10);border-radius:.3em;padding:.3em .5em;box-sizing:border-box}.card-detail{background-color:#fff;border-radius:.5em;border:1px solid var(--primary-color-10);width:100%;height:100%;padding:1em;box-sizing:border-box;text-align:center;box-shadow:0 4px 12px #0000001a;opacity:0;animation:fadeIn .5s forwards}.card-detail-header{position:relative;width:100%}.card-detail-header img{width:100%;max-height:300px;object-fit:cover;border-radius:.5em}.card-content p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}p.card-detail-description{width:100%;text-align:left}.close-detail{position:absolute;top:10px;right:10px;font-size:1.5rem;color:#fff;cursor:pointer;background:#0000004d;border-radius:50%;padding:.2em .3em;transition:background .2s}.close-detail:hover{background:#0009}.card-detail-body{padding-top:1em}.card-detail-meta,.card-detail-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.card-detail-meta .card-category{background-color:var(--primary-color-10);border-radius:.3em;padding:.3em .5em}.card-detail-meta .card-likes{font-weight:600;display:flex;align-items:center;gap:.3em}.card-likes:hover{color:#186d86;cursor:pointer}.card-likes.liked{color:#186d86}.card-likes.liked:hover{color:#333}.card-detail p{margin-bottom:1em;color:#333;font-weight:600}.card-detail p:last-child{margin-bottom:0}.card-lightbox{position:relative;width:100%;height:700px;overflow:hidden;border-radius:.5em;margin-bottom:1em;background-color:#333}.card-lightbox img{position:absolute;border-radius:.5em;max-width:100%;max-height:100%;object-fit:cover;object-position:center;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation-name:fadeLightbox;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes fadeLightbox{0%{opacity:0}10%{opacity:1}45%{opacity:1}55%{opacity:0}to{opacity:0}}.card-details-author{position:fixed;bottom:.2em;left:50%;transform:translate(-50%)}@media(max-width:576px){.card-lightbox{height:500px}}.myPassions-body{height:100%;width:100%;padding-left:1.5em;box-sizing:border-box}.myPassions-body .passions-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:1em}.main-auth{width:100%;min-height:calc(100vh - 14em);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5em;box-sizing:border-box}#login-form,#signup-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;height:auto;gap:2em;margin:0 auto;border:1px solid var(--primary-color-10);border-radius:1em;padding:2em;box-sizing:border-box}#signup-form{max-width:800px}#signup-form .inlineGroup-wrapper,#signup-form .inlineGroup-wrapper div{width:100%}#login-form .input-wrapper:not(:has(ul)),#login-form .btn-wrapper,#signup-form .input-wrapper:not(:has(ul)),#signup-form .btn-wrapper{height:3em}.error-item{color:var(--error-color)}.general-message{width:100%;padding:1em;box-sizing:border-box;border-radius:.3em;margin-bottom:1em;text-align:center;font-weight:500}.general-message.error{background-color:#ffe5e5;color:var(--error-color);border:1px solid var(--error-color)}.general-message.success{background-color:#e5ffe5;color:var(--success-color);border:1px solid var(--success-color)}#signup-form .picture-wrapper{width:8em;height:8em;border:1px solid var(--primary-color-10);border-radius:50%;overflow:hidden}#signup-form .picture-wrapper label{font-size:3em;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#signup-form .picture-wrapper label img{width:100%;height:100%;object-fit:cover;border-radius:50%}#signup-form input[type=file]{display:none}.create{width:100%;display:flex;flex-direction:column;align-items:center;padding-left:1.5em;box-sizing:border-box;gap:1.5em}.create form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1em}.create form .select-wrapper{width:15%}.create form .input-wrapper{flex:1}.create form .textarea-wrapper{height:100%}.create form .grid-wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:1em}.create form .grid-wrapper div{background-color:var(--primary-color-10);color:var(--primary-color-100);font-size:1.2em;text-align:center;border-radius:.3em;cursor:pointer;height:5em}.create form .grid-wrapper div:hover{transform:scale(1.02)}.create form .picture-wrapper i{font-size:1.2em}.create form .picture-wrapper label{height:100%;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.create form .picture-wrapper label img{width:100%;height:100%;object-fit:cover}.create form .picture-wrapper input[type=file]{display:none}:root{--primary-color-100: #3C424B;--primary-color-30: #3c424b5d;--primary-color-20: #3c424b44;--primary-color-10: #3c424b21;--error-color: #ff0000;--success-color: #2e7d32;padding:0;margin:0;font-size:15px;background-color:#f1f7fb;color:var(--primary-color-100);font-family:Caladea,serif;font-weight:400;font-style:normal}body{margin:0;padding:4em;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#root{width:100%;background-color:#fff;border-radius:1em;box-shadow:0 0 10px #0000001a;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul,li{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}.input-wrapper:not(:has(ul)),.select-wrapper:not(:has(ul)),.btn-wrapper:not(:has(ul)){position:relative;display:inline-block;height:3em;min-height:3em;max-height:3em}.textarea-wrapper{position:relative;display:inline-block}.inlineGroup-wrapper{display:flex;gap:1em;justify-content:center;height:3em}.input-wrapper input{background-color:transparent;border:1px solid var(--primary-color-10);width:100%;font-size:1.2em;padding:.5em;box-sizing:border-box;color:var(--primary-color-100);border-radius:.3em}.input-wrapper:not(:has(ul)) input{height:100%}.btn-wrapper .btn{height:100%;width:100%;box-sizing:border-box;font-size:1.2em;border-radius:.3em;cursor:pointer;border:none;background-color:transparent;color:var(--primary-color-100)}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border:none;background-color:transparent;font-size:1.2em;padding:.5em 2em .5em .5em;box-sizing:border-box;color:var(--primary-color-100);border-radius:.3em;cursor:pointer}.select-wrapper:not(:has(ul)) select{height:100%}.textarea-wrapper textarea{background-color:transparent;border:1px solid var(--primary-color-10);width:100%;min-height:90%;font-size:1.2em;padding:.5em;box-sizing:border-box;color:var(--primary-color-100);border-radius:.3em}.textarea-wrapper:not(:has(ul)) textarea{height:100%}input,select,textarea{font-family:Caladea,serif;font-weight:400;font-style:normal;color:var(--primary-color-100)}.select-wrapper .select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.8em}.btn-wrapper .btn{height:100%}.input-wrapper input:focus,.select-wrapper select:focus{outline:none;border-color:var(--primary-color-10)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:var(--primary-color-100)!important;background-clip:padding-box!important}.btn.filled,select.filled{background-color:var(--primary-color-10)}.btn:hover{background-color:var(--primary-color-30)}.hidden{display:none}@media(max-width:768px){body{padding:0}}