:root{font-family:Manrope;line-height:1.5;font-weight:400;color:var(--color-text-default);background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;text-align:center;--color-primary: #28808f;--color-primary-dark: #246f7c;--color-primary-darker: #1c5863;--color-primary-subtle: #f1f8f9;--color-primary-subtle-light: #f6fbfb;--color-accent: #d0480e;--color-accent-dark: #b44a1b;--color-accent-light: #ea8a5f;--color-text-default: #323232;--color-gray-light-1: #5d5d5d;--color-gray-light-2: #808080;--color-gray-light-3: #c6c6c6;--color-gray-light-4: #d5d5d5;--color-negative: #dc3545;--color-negative-dark: #b22d3a;--color-focus-outline: #0056b3}a{display:flex;font-weight:400;color:var(--color-text-default);text-decoration:inherit}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:16px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@font-face{font-family:Manrope;src:url(/assets/Manrope-0N3pECc_.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Bricolage Grotesque;src:url(/assets/BricolageGrotesque-DcWnIxAz.ttf) format("truetype");font-style:normal}.app-shell{display:flex;height:100dvh;width:100%;padding:0;overflow:hidden}.main-content-area{background-color:#fff;display:flex;justify-content:center;align-items:flex-start;font-size:3rem;height:95dvh;width:100%;margin:0;padding:50px 80px 0;overflow-y:auto}.page-structure{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:0}.page-title{font-size:2rem;font-weight:500;margin:0;padding-top:0;padding-left:5px;padding-right:5px;text-align:left;height:70px}.section-title{font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;margin:24px 0 12px;border-bottom:1.5px solid var(--color-accent);padding-bottom:3px;color:var(--color-accent);text-align:left}.logo-welcome-page{font-family:Bricolage Grotesque;font-size:5rem;color:#000;height:auto}.welcome-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.centered{display:flex;flex-direction:column;align-self:center;justify-self:center}.category-section{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:0;border-top:1.5px solid var(--color-gray-light-3)}.category-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 5px 20px;overflow-x:scroll;scrollbar-width:none}.category-header{font-size:1.7rem;font-weight:500;padding-left:5px;padding-right:5px}.event-row{display:flex;flex-direction:row;gap:24px}.category-row::-webkit-scrollbar{display:none}.selectButtonBox{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;background-color:var(--color-gray-light-4);margin:16px;border-radius:16px;border:var(--color-gray-light-3) solid 1.5px}.backgroundBox{background-color:var(--color-gray-light-3);width:50%;height:3rem;position:absolute;margin:0;border-radius:16px;left:49%;border:var(--color-gray-light-3) solid 1.5px;transition:.5s}.selectButton{margin-left:auto;margin-right:auto;height:3rem;width:7rem;transition:.2s;background-color:#0000;z-index:0}.loginSelected{left:0}.signupSelected{left:49%}.dev-description{font:16px sans-serif;color:var(--color-gray-light-2);text-align:start}.loading{font-size:18px;font-weight:500;color:var(--color-text-default);text-align:center;margin-top:32px}.home-layout{display:flex;flex-direction:row;width:100%;gap:90px;justify-content:flex-start}.home-left{flex:1;max-width:720px;text-align:left}.postContainer{margin-top:16px;width:100%}.home-right{width:380px;position:sticky;top:20px;text-align:left;display:flex;flex-direction:column;gap:32px}.trending-wrapper{display:flex;flex-direction:column;width:379px}.trending-title{font-size:28px;font-weight:500;margin:0 0 28px;text-align:left}.trending-box{background:#fff;font-size:large;border:1.5px solid var(--color-gray-light-3);border-radius:16px;padding:16px;width:379px;box-sizing:border-box}.trending-events-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.trending-event-item{display:flex;flex-direction:row;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--color-gray-light-3)}.trending-event-item:last-child{border-bottom:none}.trending-event-thumb{width:64px;height:64px;border-radius:8px;background:var(--color-gray-light-3);display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;overflow:hidden}.trending-event-img{width:100%;height:100%;object-fit:cover;border-radius:8px}.trending-event-thumb-placeholder{font-weight:600;color:var(--color-text-default)}.trending-event-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.trending-event-date{font-size:13px;color:var(--color-text-default);margin-bottom:2px}.trending-event-title{font-size:18px;font-weight:600;line-height:1.2;margin:0}.trending-event-place{font-size:14px;color:var(--color-text-default);margin-top:2px}.trending-event-date,.trending-event-title,.trending-event-place{margin:0;padding:0;line-height:1.2}.trending-show-more{border:none;background:none;color:var(--color-primary);font-size:14px;margin-top:12px;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;padding:0;cursor:pointer}.profile-photo{width:100px;height:100px;border-radius:50%;object-fit:cover}.error-message{color:var(--color-negative);font-size:.875rem;margin-top:0;margin-bottom:2px}.success-message{color:#019e38;font-size:.875rem;margin-top:0;margin-bottom:2px}.column-layout{display:flex;flex-direction:column;width:100%;gap:32px;justify-content:flex-start}.row-layout{display:flex;flex-direction:row;width:100%;gap:16px;justify-content:flex-start}.event-section-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.input-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;background:#fff;border:1.5px solid var(--color-gray-light-3);border-radius:16px;font-size:16px;font-weight:400;text-align:left;cursor:pointer}.input-trigger.placeholder{color:#686868}.input-trigger.has-draft{color:var(--color-text-default)}.input-trigger:focus{outline:none}.input-trigger:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.input-trigger:hover{background-color:var(--color-primary-subtle-light)}.input-trigger-text{width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.chip{font-size:12px;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--color-gray-light-3);flex-shrink:0}.empty-state{display:flex;flex-direction:column;font-size:18px;font-weight:500;color:var(--color-gray-light-1);text-align:center;margin-top:32px;align-items:center}.empty-state svg{font-size:100px;color:var(--color-gray-light-1)}.places-map{width:100%;max-width:1200px;height:auto;margin-top:16px;border-radius:16px;align-self:center;opacity:.6}.info-box{background:var(--color-primary-subtle-light);border:1.5px solid var(--color-gray-light-3);border-radius:16px;padding:16px;width:100%;box-sizing:border-box}.info-text{font-size:20px;font-weight:600;text-align:left;color:var(--color-gray-light-1);margin:0}.form-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;border:1.5px solid var(--color-gray-light-3);border-radius:16px;width:400px;font-size:1.1rem;font-weight:500}.input-row{display:flex;flex-direction:row;width:100%;gap:2rem;padding:0;margin:0}.input-column{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0;margin:0}.login{justify-content:center;align-items:center}.inputfield{width:100%;height:2rem;padding:5px 0 2px;margin:0;border:0;border-radius:0;border-bottom:var(--color-gray-light-3) solid 1.2px;opacity:.75;outline:none;font-size:1rem}.inputfield:focus{opacity:100%;color:var(--color-text-default)}.inputfield::placeholder{color:var(--color-gray-light-2);opacity:1}.failed{border-bottom:var(--color-negative) solid 2px}.inputfield.failed::placeholder{color:var(--color-negative);font-weight:600}.placeholder{color:var(--color-gray-light-2);opacity:.8}.enabledButton{height:3rem;width:10rem}.enabledButton:hover{background-color:var(--color-gray-light-3);transition:.2s}.disabledButton{height:3rem;width:10rem;cursor:default}.validation-message{align-self:flex-start;height:.2rem;color:var(--color-negative);font-size:.8rem;padding:0;margin:0}.sidebar{box-sizing:border-box;background-color:#fff;min-height:100%;height:100%;max-height:100%;display:flex;justify-content:flex-start;flex-direction:column;max-width:200px;border-right:1px solid var(--color-gray-light-3);padding:16px;flex:0 0;transition:.2s}.sidebar-logo{margin-left:0}.logo{font-family:Bricolage Grotesque;font-size:2rem;color:var(--color-text-default);float:left;margin:0 0 40px;padding:0;height:auto}.sidebar-title-list{display:flex;flex-direction:column;list-style:none;align-items:flex-start;justify-content:flex-start;padding:0;margin:0;gap:5px}.sidebar-links{display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0;width:100%}.sidebar-icons{width:1.5rem;height:1.5rem;padding-right:.8rem;align-self:center}.sidebar-item-text{font-size:1.1rem;padding:0;margin:0;align-self:flex-start}.sidebar-title-list a{width:100%;padding:15px}.sidebar-title-list a:hover{background-color:var(--color-primary-subtle-light);border-radius:1rem;transition:.2s}.sidebar-links a.active{transition:0s;color:var(--color-primary);font-weight:600;background-color:var(--color-primary-subtle);border-radius:1rem}.sidebar-profile{margin-top:auto;margin-bottom:16px}.sidebar-profile:hover{margin-top:auto;background-color:var(--color-primary-subtle-light);border-radius:1rem;transition:.2s}.sidebar-profile a.active{background-color:var(--color-primary-subtle);border-radius:1rem}.sidebar-profile a.active .profile-name{font-weight:800;color:var(--color-primary)}.sidebar-profile a.active .profile-username{font-weight:600;color:var(--color-primary)}.logout-button{white-space:nowrap;height:43px}.logo-full{display:flex}.logo-collapsed{display:none}@media not (min-width:1200px){.sidebar{max-width:83px;transition:.2s}.sidebar-title-list{padding:0;margin:0}.sidebar-links{padding:0;margin:0;height:56px}.sidebar-item-text{display:none}.sidebar-icons{align-items:center;padding:0;margin:0}.longtext,.sidebar-profile .profile-text{display:none}.sidebar-profile .profile-info{padding-left:0;height:64px;width:64px}.sidebar-profile:hover{margin-top:auto;background-color:var(--color-primary-subtle-light);border-radius:999px;padding-left:6px;padding-right:6px;margin-left:-6px;margin-right:-6px;transition:.2s}.sidebar-profile a.active{background-color:var(--color-primary-subtle);border-radius:999px;padding-left:6px;padding-right:6px;margin-left:-6px;margin-right:-6px}.sidebar-logo{padding-left:18px}.logo-full{display:none}.logo-collapsed{display:flex}.logout-button .button{width:100%;min-width:0;height:43px}}.profile-info{display:flex;align-items:center;gap:10px;padding:8px;width:100%;box-sizing:border-box}.profile-text{min-width:0}.profile-name{font-size:14px;color:var(--color-text-default);font-weight:600;margin:0;text-overflow:ellipsis;text-wrap:nowrap;max-width:100%;overflow-inline:hidden}.profile-username{font-size:12px;color:var(--color-text-default);margin:0;float:left;text-overflow:ellipsis;text-wrap:nowrap;max-width:100%;overflow-inline:hidden}.avatar{width:50px;aspect-ratio:1 / 1;border-radius:999px;object-fit:cover;overflow:hidden;flex-shrink:0}.fallback{background-color:var(--color-primary-subtle);align-content:center;align-items:center;text-align:center;font-family:Manrope;font-weight:600;font-size:18px;border-color:var(--color-primary);border-width:2px;width:50px;aspect-ratio:1 / 1;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;font-family:inherit;border-radius:16px;border:1px solid transparent;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin:0}.button--sm{font-size:.8rem;padding:.4em .8em;gap:4px}.button--sm svg{width:16px;height:16px}.button--md{font-size:1rem;padding:.6em 1.2em;gap:6px}.button--md svg{width:20px;height:20px}.button--lg{font-size:1.125rem;padding:.8em 1.6em;gap:8px}.button--lg svg{width:24px;height:24px}.button--isBlock{width:100%}.button--rounded{border-radius:999px;padding:.4em 1em}.button:focus{outline:none}.button:focus-visible{outline:3px solid var(--color-focus-outline);outline-offset:3px}.button:disabled,.button:disabled:hover,.button:disabled:active{background-color:var(--color-gray-light-3);color:var(--color-grey-light-2);cursor:not-allowed;box-shadow:none;transform:none;border-color:transparent}.button:active{transform:scale(.95)}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover{background-color:var(--color-primary-dark)}.button--primary-selected{background-color:var(--color-accent)}.button--primary-selected:hover{background-color:#b44a1b}.button--secondary{background-color:#fff;color:var(--color-text-default);border-color:var(--color-gray-light-3)}.button--secondary:hover{background-color:#d5d5d5}.button--secondary-selected{background-color:#28808f;color:#fff;border-color:transparent}.button--secondary-selected:hover{background-color:#1d5d69}.button--ghost{background-color:transparent;color:var(--color-text-default);border-color:transparent;box-shadow:none}.button--ghost:hover{background-color:var(--color-primary-subtle-light)}.button--ghost-selected{background-color:var(--color-primary-subtle);color:var(--color-primary);border-color:transparent;font-weight:600}.button--ghost-selected:hover{background-color:#eaf7f9}.button--destructive{background-color:var(--color-negative);color:#fff}.button--destructive:hover{background-color:var(--color-negative-dark)}.button--destructiveGhost{background-color:transparent;color:var(--color-negative);border:var(--color-negative) solid 1px}.button--destructiveGhost:hover{background-color:#f6cece}.button-dock{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;width:100%;align-self:flex-end}input{padding:10px;border:1.5px solid var(--color-gray-light-3);border-radius:16px;font-size:16px;font-family:Manrope;width:100%;box-sizing:border-box}input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-primary-subtle)}.input-container{width:100%;display:flex;flex-direction:column;gap:8px;align-items:start;position:relative;overflow:visible}.form-container{width:100%;display:flex;flex-direction:column;gap:16px}select{padding:10px 20px 10px 10px;border:1.5px solid var(--color-gray-light-3);border-radius:16px;font-size:16px;font-family:Manrope;width:100%;box-sizing:border-box;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right;background-size:20px}select:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-primary-subtle)}select:invalid,input::placeholder,input:invalid{color:#686868}.toggle-button-group{display:flex;flex-direction:row;gap:12px}textarea{padding:10px;border:1px solid var(--color-gray-light-4);border-radius:4px;font-size:16px;font-family:Manrope;width:100%;resize:none;min-height:32px;field-sizing:content;box-sizing:border-box}textarea.naked{padding:0;border:0px;border-radius:0;font-size:16px;background-color:transparent;text-wrap:wrap}textarea.naked:focus{outline:none}.text-box{width:100%;padding:10px;border:1.5px solid var(--color-gray-light-3);border-radius:16px;font-size:1rem;box-sizing:border-box}.text-box:has(textarea.naked:focus){border-color:var(--color-primary);background-color:var( --color-primary-subtle )}.icon-container{width:100%;display:flex;flex-direction:row;gap:8px}.icon{width:24px;height:24px;cursor:pointer}.photo-preview-container{position:relative;width:40%}.photo-preview{width:100%;height:auto;border-radius:8px}.icon-overlay{position:absolute;top:12px;right:10px;left:10px;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.filters{display:flex;flex-direction:row;gap:12px;padding-top:16px}.card{background-color:#fff;border-radius:16px;padding:16px;border:1.5px solid var(--color-gray-light-3);cursor:pointer;transition:all .2s;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-items:flex-start;width:auto;max-width:100%;position:relative}.home{min-width:450}.card_image{width:100%;height:11rem;aspect-ratio:4/3;border-radius:16px;margin:auto 0;padding:0;object-fit:cover}.card:hover{transform:scale(1.02)}.thread-open-container,.thread-card-container{padding:12px 1px;border-radius:10px;margin-bottom:12px;display:flex;flex-direction:column;width:100%;max-width:720px}.thread-text{color:var(--color-text-default);line-height:1.4;font-size:1rem;margin:0;padding:0;text-align:left}.thread-open-container .card:hover{transform:none}.thread-header{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:start;gap:8px}.event_card{width:20rem;height:20rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.event_card_header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-bottom:auto}.title{font-size:1.3rem;font-weight:400;padding:0;margin-top:0;margin-bottom:0;margin-left:10px;margin-right:0rem}.event_icon{padding:0;margin:0}.Music{color:var(--color-accent-dark)}.Food{color:var(--color-primary)}.Social{color:var(--color-primary-dark)}.Sport{color:var(--color-accent-light)}.Culture{color:var(--color-accent)}.date_time{font-size:1rem;font-weight:800;margin:auto 0 0;padding:0}.location{font-size:1rem;color:var(--color-gray-light-1);margin:0 0 auto;padding:0}.post_info{font-size:.75rem;opacity:1;color:var(--color-gray-light-2);padding:0;margin:0}.footer-container,.date-signup{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.event-signup-button{display:flex;height:100%;width:5rem;font-size:.8rem;padding:0;margin:0 0 0 auto;align-items:center;justify-content:center}.tag{display:inline-block;border:1px solid var(--color-accent);background-color:var(--color-accent);color:#fff;font-size:12px;padding:2px 6px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.username{font-size:16px;font-family:Manrope;font-weight:800;color:var(--color-text-default);margin:0}.user_display{display:flex;flex-direction:row;align-items:center;gap:16px;min-width:0}.column{display:flex;flex-direction:column;gap:2px;min-width:0}.row{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;align-items:center;padding:0;margin:0;min-width:0}.subtle{font-size:14px;font-family:Manrope;font-weight:500;color:#5d5d5d;margin:0;align-self:flex-start}.flag{font-size:18px;border-radius:999px;object-fit:cover;overflow:hidden;flex-shrink:0;border:.5px solid var(--color-gray-light-3)}.PostInteractions{display:flex;align-items:center;gap:15px;margin-top:2px}.PostInteractions button{margin:0;padding:0}.likeWrapper,.commentWrapper{display:inline-flex;align-items:center;gap:6px;padding:0;margin:0}.likeButton,.commentButton,.bookmarkButton,.repostButton{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-primary)}.likeButton:hover,.commentButton:hover,.bookmarkButton:hover,.repostButton:hover{color:var(--color-accent-dark)}.likeButton:focus,.commentButton:focus,.bookmarkButton:focus,.repostButton:focus{outline:none}.likesCount,.commentsCount{font-size:15px;font-weight:600;color:var(--color-primary);line-height:1;margin:0;padding:0}.blanket{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog{background-color:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:16px;align-items:start;justify-items:center;align-self:center;max-width:calc(100vw - 32px)}.dialog--sm{width:420px}.dialog--md{width:600px}.dialog--lg{width:820px}.dialog-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:20px 20px 10px;margin:-20px -20px 0}.dialog-header.divider{border-width:1px;border-color:var(--color-gray-light-4);border-bottom-style:solid}.dialog-title{font-size:1.25rem;font-weight:600;margin:0}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;padding:0}.close-button:hover{color:var(--color-gray-light-4)}.dialog-content{width:100%;display:flex;flex-direction:column;gap:16px}p{text-align:left}.comment-list{display:flex;flex-direction:column;width:100%;max-width:720px;margin:0 auto;box-sizing:border-box}.comment{position:relative;background:#fff;padding:16px;border-bottom:1px solid var(--color-gray-light-3);margin:8px 0 0;display:flex;flex-direction:column;gap:3px;width:100%;box-sizing:border-box}.comment-text{font-size:.95rem;line-height:1.4;color:var(--color-text-default);text-align:left;margin:8px 0 4px}.comment-input-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:8px}.submit-button{position:absolute;right:10px;bottom:10px}button.delete-button{position:absolute;right:8px;padding:4px}.comment-placeholder-text{font-size:.95rem;line-height:1.4;color:#333;text-align:center;margin:12px 0 0}.profiles-container{margin:0 -12px 0 0;padding:0}.going-avatar{padding:0;margin:0;height:1.5rem;width:1.5rem;font-size:.75rem;border:1.5px solid white}.others-container{display:flex;font-size:.7rem}.under3{margin-left:20px}.over3{margin-left:15px}.picture-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;line-height:0;margin:0;padding:0}.going-container{display:flex;margin-left:auto}.search-section{width:100%;max-width:1000px;min-width:170px;margin-inline:auto;height:76.7dvh}.search-bar{border-radius:16px;box-sizing:border-box;padding:10px}.search bar:has(input.naked:focus){background-color:var(--color-primary-subtle)}.post-container{height:100%}.posts{height:100%;padding:10px;overflow-y:scroll;scrollbar-width:none}