@charset "UTF-8";:root{padding:0;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;background-color:#141414;color:#fff5ff;display:flex;flex-direction:column;min-height:100dvh;padding:0;margin:0;position:relative}*,*:before,*:after{box-sizing:border-box}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}#root{padding:0;text-align:center;display:flex;flex-direction:column;min-height:100dvh}header{display:flex;padding:8px 16px;justify-content:space-between;align-items:center;position:sticky;background-color:#141414dd;top:0;z-index:1;height:100px;box-sizing:border-box}header ul{margin:0;align-items:center}header ul .profile-picture{width:40px;height:40px}header ul li:not(.profile-tab){border:1px solid #505050;padding:6px 12px;border-radius:20px;background-color:#202020}header ul li:not(.profile-tab,.profile-action):hover{border-color:#a6dbff;background-color:#a6dbff;color:#202020}header ul.profile-actions li{border:none;padding:0;background:none}ul{padding:0;gap:16px;list-style:none;display:flex;justify-content:space-around}a{text-decoration:none;color:inherit}.main-logo{height:48px}.main-logo img{height:100%}footer{border-top:1px solid #202020;padding:24px 16px}footer .footer-cta{display:flex;gap:16px;padding-bottom:16px;border-bottom:1px solid #505050}footer .footer-cta h2{font-size:18px;font-weight:700}footer .footer-cta button{margin:auto 0;font-weight:700;border-radius:24px;border:1px solid #ffa6db;padding:12px 24px;color:#ffa6db;background-color:#141414}footer .footer-cta button:hover{color:#141414;background-color:#ffa6db;cursor:pointer;transition:all .3s ease-in-out}footer .site-map,footer .tdt-sns{padding-top:16px;display:grid;grid-template-columns:repeat(3,1fr)}footer .site-map h3,footer .tdt-sns h3{grid-row:1;font-size:16px}footer .site-map ul,footer .tdt-sns ul{flex-direction:column;gap:8px;align-self:start;margin:0;font-size:14px}footer .site-map p,footer .tdt-sns p{display:flex;gap:8px;justify-content:center;align-items:center;font-size:16px;align-self:end;margin-bottom:0}footer .site-map p a,footer .tdt-sns p a{display:flex;align-items:center}footer .site-map p a i,footer .tdt-sns p a i{font-size:20px}footer .site-map p:nth-child(2) a,footer .tdt-sns p:nth-child(2) a{text-decoration:underline}.home-page{display:flex;flex-direction:column;padding:5% 16px;width:100%;overflow:hidden;box-sizing:border-box;align-items:flex-start;height:100dvh}.home-page h1,.home-page h2{align-self:center;font-weight:400}.home-page svg{margin:0 auto}.home-page .home-buttons{margin:auto}.home-page .home-buttons ul{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-page .home-buttons ul li{padding:16px 32px;border-radius:36px;background-color:#141414;border:2px solid #cb56e6;color:#cb56e6;font-size:large;font-weight:700}.home-page .home-buttons ul li:first-child{border:2px solid #fff5ff;color:#fff5ff}.home-page .home-buttons ul li:first-child:hover{background-color:#fff5ff;color:#141414}.home-page .home-buttons ul li:hover{color:#141414;background-color:#cb56e6;cursor:pointer;transition:all .3s ease-in-out}.home-page p.privacy-policy-text{margin-top:50px;margin-bottom:0;font-size:12px;color:#7d7d7d;width:100%;text-align:center}.home-page p.privacy-policy-text a{color:#fff5ff}.event-dashboard{display:grid;grid-template-columns:400px 1px 2fr;grid-template-rows:max-content 1fr;gap:16px;padding:24px 16px;width:100%;overflow:hidden;box-sizing:border-box;align-items:flex-start}.event-search{width:100%}.event-search p{margin-top:0}.event-schedule{grid-column:1;align-self:stretch;display:flex;flex-direction:column;gap:24px}.event-schedule h2{margin:0}.schedule-separator{grid-row:1/3;grid-column:2;width:100%;height:100%;background-color:#a6dbff}.event-cards{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:solid 1px #202020}.event-cards h3{text-align:left;padding-inline:12px;color:#777}.event-container{grid-row:1/3;grid-column:3;display:flex;flex:1;justify-content:center;align-items:center;width:100%}.event-details-container{display:grid;row-gap:8px;grid-template-columns:1fr 1fr;justify-content:left;text-align:left;width:100%;align-items:center}.event-details-container .event-sns,.event-details-container .event-creator{padding:0;align-self:end}.event-details-container .event-creator p{text-wrap:nowrap}.event-details-container .skeleton i{color:#7d7d7d}.event-details-container .skeleton-image{background-color:#202020;width:100%;height:100%;border-radius:24px}.create-event-title,.event-container .event-name,.event-banner .event-name{color:#ffa6db;width:100%;grid-column:1/3}.event-sns{text-align:right;padding:8px 16px}.event-sns h2{font-size:medium;font-weight:400;margin:0;color:#7d7d7d}.event-sns p{margin:0;display:flex;gap:8px;font-size:18px;justify-content:right}.event-section,.event-details{grid-column:1/3}.event-section:not(:last-child){border-bottom:1px solid #202020}.event-section h2 span{color:#7d7d7d;font-size:smaller;font-weight:400}.event-styles{display:flex}.event-styles ul{margin:0}.event-dancers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.event-dancers .attendee{display:flex;gap:8px;align-items:center}.event-dancers .attendee .profile-picture{width:40px;height:40px}.event-details{display:flex;flex:1;justify-content:space-between;flex-wrap:wrap}.event-details p{display:flex;gap:8px}.event-image-container{width:100%;position:relative;grid-column:1/3;margin:0 auto}.event-image-container .event-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex}.event-image-container .event-image img{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;border-radius:24px}.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.team-member{width:100%;margin:0 auto}.team-member .member-image{width:100%;overflow:hidden;display:flex}.team-member .member-image img{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;border-radius:24px}.event-image-container:before{content:"";background-color:#181818;border-radius:24px;display:block;width:100%;padding-top:100%}.event-datepicker-container{width:100%}.event-date,.event-venue{display:flex;align-items:center;gap:8px}.event-date p,.event-venue p{margin:0}.event-interactions ul{margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.event-interactions li{display:flex;align-items:center;gap:8px;justify-content:right}.event-banner{grid-column:1/3;text-align:left;position:-webkit-sticky;position:sticky;bottom:0;width:100%;left:0;display:grid;grid-template-columns:2fr 1fr;align-items:center;padding:16px;box-sizing:border-box;background-color:#202020;box-shadow:0 -2px 2px #141414cc}.event-banner .event-date i{color:#7d7d7d}.event-banner .event-name{grid-column:1;margin:0}.event-banner .event-actions{grid-column:2;grid-row:1/3}.event-banner .event-actions ul{margin:0;padding:0;display:grid;gap:8px;align-items:center;grid-template-columns:repeat(4,max-content)}.event-banner .event-actions li button{width:100%;font-size:large;font-weight:bolder;border-radius:30px;border:1px solid #ffa6db;padding:12px 24px;color:#ffa6db;background-color:#202020}.event-banner .event-actions li button:hover{color:#141414;background-color:#ffa6db;transition:all .3s ease-in-out}.event-banner .event-attendance h2,.event-banner .event-attendance a{margin:0;text-align:right}.event-banner .event-attendance h2{color:#ffa6db}.event-banner .event-attendance a{font-size:smaller}.event-creator{display:flex;align-items:center;gap:16px}.event-creator h2{font-size:medium;font-weight:400;margin:0;color:#7d7d7d}.event-creator p{margin:0}.event-creator figure{width:40px;height:40px;flex-shrink:0}.event-card-container{min-height:76px;display:flex;flex-direction:column;justify-content:center;background-color:#202020;border-radius:16px;padding:8px 16px;box-sizing:border-box;gap:8px}.event-card{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.event-card-container:hover{outline:1px solid #a6dbff;box-shadow:2px 2px 2px #000c}.event-card .event-date{width:40px;text-align:center;display:flex;flex-direction:column;gap:8px}.event-card .event-date :first-child{color:#a6dbff;font-weight:700}.event-card .event-date p{margin:0}.event-thumb{width:60px;height:60px;overflow:hidden;display:flex;flex-shrink:0}.event-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;border-radius:4px}.create-event-form .event-thumb{justify-self:center}.flyer-filename{justify-self:left;color:#a6dbff}.edit-form-buttons{display:flex;gap:8px;grid-column:2;justify-content:right;margin-left:auto}.edit-form-buttons button{width:80px}.event-card .event-details{text-align:left;display:flex;flex-direction:column;gap:8px}.event-card .event-details .event-name{padding-bottom:2px}.event-card .event-details p{margin:0}.event-card .event-details a{display:flex;gap:8px}.event-card .event-links{display:flex;gap:16px;justify-content:space-between}.event-card .event-name{font-size:larger;font-weight:700;max-height:23px;overflow:hidden}.event-card .event-venues a,.event-card .event-sns{font-size:medium;display:flex;gap:8px;align-items:center;margin-bottom:0;padding:0}.event-card a:hover{color:#ffa6db;transition:all .3s ease-in-out}.event-card .event-sns :first-child{margin-left:auto}.event-actions ul{flex-direction:column;margin:0;gap:8px;padding-left:16px}.edit-event-buttons ul{margin:0;display:grid;grid-template-columns:repeat(2,minmax(100px,1fr))}.edit-event-buttons ul li button{width:100%}.searchbar{padding:8px 16px;height:40px;background-color:#202020;border-radius:20px;box-sizing:border-box;display:flex;gap:8px;align-items:center;flex:1;align-self:stretch;border:1px solid #303030}.searchbar #country-search:focus{border:solid 1px #20202000;background-color:#1d1d1d}.search,.clear-search,.searchbar input{border:none;background-color:#20202000;color:#fff5ff}.searchbar input{flex:1;height:24px;padding:4px 8px;border:solid 1px #20202000;border-radius:12px;box-sizing:border-box}.searchbar:focus-within{border:solid 1px #a6dbff}.searchbar input:focus{outline:none}.clear-search{opacity:.5;pointer-events:none;transition:opacity .2s ease-in-out}.clear-search.show{opacity:1;pointer-events:auto}.clear-search:hover{cursor:pointer}.filter-container{align-self:stretch;padding-top:16px}.filter-container p{font-size:smaller}.search-filter{padding-top:16px;border-top:solid 1px #202020;display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:8px}.search-filter input{background-color:#202020;border:solid 1px #303030;padding:8px 16px;border-radius:20px;height:40px;color:#fff5ff;width:100%}.search-filter input:focus,.search-filter select:focus,.search-filter button:focus{border:solid 1px #a6dbff;outline:none}.search-filter input[type=month]{color-scheme:dark}.date-filter{display:flex;align-items:center;gap:8px}#date-search.empty,#date.empty{color:#7d7d7d}.search-buttons{grid-column:2;display:flex;gap:16px;align-items:center}.search-buttons button{background-color:#202020;border:solid 1px #505050;padding:8px 16px;border-radius:24px;color:#fff5ff;box-shadow:2px 2px 2px #000c;width:100%;margin-top:16px}.submit-search:hover{background-color:#a6dbff;color:#141414;transition:all .3s ease-in-out}.search-not-found{background-color:#202020;border-radius:16px;padding:16px 24px;box-sizing:border-box}.search-not-found span{font-weight:700;color:#a6dbff}.no-match-title{color:#ffa6db}.no-match-message{font-size:larger}.no-match-message span{font-weight:700;color:#a6dbff}.no-match-cta{font-size:larger}.create-link,.back-to-events{text-decoration:underline;font-weight:700;color:#ffa6db}.create-button{flex-shrink:0;width:48px;height:48px;border-radius:50%;background-color:#ffa6db;font-size:24px;justify-content:center;align-items:center;position:relative;box-shadow:5px 2px 5px #000c}.create-button i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.create-button:hover,.create-button:focus{background-color:#fff5ff;color:#ffa6db;outline:none;transition:all .3s ease-in-out}.create-event,.edit-event{display:flex;justify-content:center;padding:24px 16px}form{padding:24px 32px;border-radius:16px;background-color:#181818;gap:16px;max-width:600px;display:grid;grid-template-columns:max-content 1fr;align-items:center;margin-bottom:32px;border:1px solid #505050;position:relative}form input{background-color:#202020;border:solid 1px #303030;padding:8px 20px;border-radius:20px;color:#fff5ff;height:40px}form input:focus{border:solid 1px #a6dbff;outline:none}form textarea{background-color:#202020;border:solid 1px #303030;padding:8px 16px;border-radius:20px;color:#fff5ff;resize:none;overflow:hidden;box-sizing:border-box}form textarea:focus{border:solid 1px #a6dbff;outline:none}form button:not(.remove-sns,.react-datepicker__close-icon,.react-datepicker__navigation){grid-column:2;margin-left:auto;background-color:#202020;border:solid 1px #505050;padding:8px 16px;border-radius:20px;color:#fff5ff;box-shadow:2px 2px 2px #000c}form .event-form-action{margin-top:24px;min-width:100px;cursor:pointer}.search-container{display:flex;flex-direction:column;margin-bottom:0}.form-section-header{grid-column:1 / 3}.form-separator{height:1px;width:100%;grid-column:1 / 3;background-color:#202020;margin-top:16px}.sns-container,.user-sns-container{grid-column:1 / 3;display:flex;flex-direction:column;gap:12px;transition:height .3s ease-in-out}input[type=date]{color-scheme:dark}.sns-group{height:60px;background-color:#202020;border:1px solid #303030;padding:8px 16px;border-radius:30px;color:#fff5ff;display:flex;align-items:center}.sns-group input:nth-child(2){flex:1;border:solid 1px #202020}.sns-group input:nth-child(2):focus{border:solid 1px #20202000;background-color:#1d1d1d}.sns-group select,.sns-group button{background-color:#202020;border:solid 1px #20202000;padding:8px 16px;border-radius:16px;color:#fff5ff}.sns-group select:focus{outline:none}.sns-group:focus-within{border:solid 1px #a6dbff}.remove-sns.disabled{color:#505050}.remove-sns:not(.disabled):hover{cursor:pointer;color:#a6dbff;transition:all .3s ease-in-out}.edit-profile-submit,.edit-profile-pic-submit,.user-banner-buttons{display:flex;gap:8px}.edit-profile-submit button,.edit-profile-pic-submit button,.user-banner-buttons button{width:100%}.edit-profile-submit{grid-column:1/3;margin-top:32px;align-self:stretch}.user-banner-buttons{grid-column:1/3}.user-form:not(.profile-pic-form){width:max-content}.edit-profile-submit button,.edit-profile-pic-submit button,.user-button,.edit-event-buttons button{grid-column:2;margin-left:auto;background-color:#202020;border:solid 1px #505050;padding:8px 16px;border-radius:24px;color:#fff5ff;box-shadow:2px 2px 2px #000c}.edit-profile-pic-submit button.disabled{pointer-events:none;color:#7d7d7d;box-shadow:none;border:1px solid #505050}.edit-profile-submit button:hover,.edit-profile-pic-submit button:hover,.user-button:hover,.edit-event-buttons button:hover,.event-form-action:hover,#user-add-style:hover{background-color:#a6dbff;color:#141414;cursor:pointer;transition:all .3s ease-in-out}#add-sns.disabled,#update-profile-pic{border:solid 1px #202020;color:#505050}#add-sns:not(.disabled):hover,.submit-event:hover{background-color:#a6dbff;color:#141414;cursor:pointer;transition:all .3s ease-in-out}input[type=file]{height:auto}input[type=file]::file-selector-button{background-color:#202020;border:solid 1px #20202000;border-radius:16px;color:#fff5ff}.form-checkbox-container{grid-column:1 / 3;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;align-items:center}.form-checkbox-container label{display:flex;align-items:center;gap:8px}.style-checkbox,.user-style-checkbox,.user-privacy-checkbox{position:absolute;opacity:.5;border-radius:8px;margin:0 8px 0 0;width:24px;height:16px;padding:0;opacity:0}.custom-checkbox{left:0;top:0;width:24px;height:16px;border-radius:8px;padding:2px;background-color:#202020;border:solid 1px #505050;box-shadow:inset 0 0 2px 2px #141414;box-sizing:border-box;transition:background-color .3s ease-in-out}.style-checkbox:focus+.custom-checkbox{border:solid 1px #a6dbff}label:hover input~.custom-checkbox{background-color:#505050;transition:all .3s ease-in-out}label input:checked~.custom-checkbox{background-color:#a6dbff}.other-style-container{display:flex;gap:12px;flex-wrap:wrap;width:100%}.other-style-container input{flex:1}.modal-backdrop{width:100vw;height:100dvh;box-sizing:border-box;position:fixed;top:0;display:flex;z-index:1;background-color:#141414cc}.modal-content{margin:auto;background-color:#141414;padding:28px 36px;border-radius:8px;border:1px solid #505050;box-shadow:4px 4px 4px #000c}.login-form-container{position:relative}.login-form-container h2{margin-top:0;color:#ffa6db}.login-form-container p{font-size:12px;margin-top:32px}.login-form-container a{color:#a6dbff;text-decoration:underline}.confirm-delete{position:relative}.confirm-delete h2{margin-top:0;color:#ffa6db}.confirm-delete p{font-size:12px;margin-bottom:32px}.login-form-container button,.confirm-delete form.confirm-delete-actions button{background-color:#141414;border:1px solid #202020;padding:12px 36px;margin:0 auto;border-radius:8px;display:flex;gap:16px;align-items:center;justify-content:center;box-shadow:none}.login-form-container button p,.confirm-delete form.confirm-delete-actions button p{margin:0;font-size:16px}.login-form-container button i,.confirm-delete form.confirm-delete-actions button i{font-size:20px}.login-form-container button:hover,.confirm-delete form.confirm-delete-actions button:hover{background-color:#a6dbff;color:#141414;cursor:pointer;transition:all .3s ease-in-out}.modal-content{position:relative}.modal-content .close-button{position:absolute;top:4px;right:4px;padding:0;background-color:#181818;border:none;width:20px;height:20px;display:flex;align-items:center;justify-items:center}.modal-content .close-button:hover{cursor:pointer;color:#a6dbff}.confirm-delete button.close-button{padding:0;border:none;position:absolute}form.confirm-delete-actions{padding:0;border-radius:0;background-color:inherit;max-width:100%;margin-bottom:0;border:none;display:flex;gap:16px;flex-wrap:wrap}form.confirm-delete-actions button{width:150px;text-align:center}.legal-document,.about-page{padding-inline:24px;text-align:left}.legal-document h1,.about-page h1{color:#ffa6db;font-size:24px}.legal-document ul,.about-page ul{flex-direction:column}.profile-actions{position:absolute;flex-direction:column;z-index:1;background-color:#141414;border-radius:8px;border:1px solid #505050;padding:8px 16px;right:16px;box-shadow:4px 4px 4px #000c}.profile-actions a:hover{color:#a6dbff;transition:all .3s ease-in-out}.profile-container{display:flex;gap:16px;padding:24px 16px}.user-details{display:grid;gap:16px;grid-template-rows:max-content;align-self:start}.user-social-media,.user-bio,.user-styles{position:relative}.user-social-media .user-section-title,.user-bio .user-section-title,.user-styles .user-section-title{color:#7d7d7d;position:absolute;padding-inline:8px;top:-12px;background:linear-gradient(to bottom,#141414 50%,#181818 50%)}.user-social-media ul,.user-social-media p,.user-bio ul,.user-bio p,.user-styles ul,.user-styles p{margin:0}.user-bio{text-align:left}.user-banner,.user-social-media,.user-bio,.user-styles,.events-created,.events-going{border:1px solid #505050;padding:24px 16px;border-radius:16px;background-color:#181818;display:flex;flex-direction:column;gap:16px;position:relative}.user-name{text-align:left}.user-email{text-align:left;margin:0}.user-styles,.event-styles{flex-direction:row;flex-wrap:wrap}.user-styles .dance-style,.event-styles .dance-style{border:1px solid #505050;padding:4px 12px;border-radius:8px;background-color:#202020;font-size:small}.user-sns{display:flex;gap:8px;font-size:larger}.user-banner{display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:8px;align-items:center}.user-banner a{display:flex;align-items:center;justify-content:center}.user-banner h1{color:#ffa6db;font-size:24px;margin:0}.profile-picture{margin:0;width:60px;height:60px;box-sizing:border-box;border:1px solid #505050;border-radius:50%;box-shadow:4px 4px 4px #000c;overflow:hidden;display:flex;justify-content:center;align-items:center}.profile-picture img{width:100%;height:100%;object-fit:cover}.profile-picture div{width:100%;height:100%}.profile-picture svg{width:100%;height:100%}.profile-picture.edit{position:relative}.profile-picture.edit i{position:absolute;right:-12px;top:-12px;background-color:#141414;border:1px solid #202020;padding:6px;border-radius:50%}.profile-picture.edit i:hover{color:#a6dbff;transition:all .3s ease-in-out}.user-email{grid-column:1/3;font-size:12px}.user-country{justify-self:left}.user-button:not(.delete-account){width:100%;grid-column:auto}.delete-account{grid-column:1/3;width:100%}.user-events{display:flex;flex-direction:column;gap:24px;width:100%}.events-section-title{position:absolute;top:-12px;padding:0 8px;background:linear-gradient(to bottom,#141414 50%,#181818 50%);color:#7d7d7d}.create-event-button{border-radius:8px;border:2px solid #ffa6db;color:#ffa6db;width:100%;padding-block:8px;font-size:large;font-weight:700}.create-event-button:hover{color:#141414;background-color:#ffa6db;cursor:pointer;transition:all .3s ease-in-out}.loading-img{filter:blur(10px);clip-path:inset(0)}.loaded-img{filter:blur(0px);transition:filter .5s linear}.form-error{color:#faa;margin:0;grid-column:2}.input-error{border-color:#faa}.character-counter{grid-column:2;text-align:right;width:100%;margin:0;color:#7d7d7d}.error-page-content,.community-page{flex:1;align-self:stretch;padding:16px 8px}.error-page-content h1,.community-page h1{color:#ffa6db;font-size:24px}.error-page-message a{color:#a6dbff;text-decoration:underline}.login-page{flex:1;padding:24px 16px}.login-page .login-content{margin:auto;background-color:#141414;padding:28px 36px;border-radius:8px;border:1px solid #505050;box-shadow:4px 4px 4px #000c}@media (max-width: 600px){header{height:auto}header ul{gap:8px}header ul li:not(.profile-tab){padding:4px 8px}header ul.profile-actions{padding:6px 12px}.home-page{justify-content:center;align-items:center}.home-page .home-buttons{margin:32px 0 0}.home-page .home-buttons ul{display:flex;flex-direction:column;margin:0}.event-dashboard{display:flex;flex-direction:column;padding:16px 8px}.schedule-separator{height:1px}.event-schedule{border-top:1px solid #a6dbff;padding-top:16px}footer .tdt-sns{grid-template-columns:1fr}footer .tdt-sns p:first-child{margin-top:0;border-top:1px solid #505050;padding-top:16px}.modal-content{max-width:90%;padding:24px}.modal-content button{padding:12px 18px}.profile-container{flex-direction:column;padding:16px 8px}.user-banner,.user-social-media,.user-bio,.events-created,.events-going{padding:16px 8px}.user-details{align-self:stretch}header,.event-card-container{padding:6px 12px}.event-card{gap:6px}.event-actions ul{padding-left:8px}.user-form,.user-form:not(.profile-pic-form){width:100%;justify-content:start}.user-form label,.user-form:not(.profile-pic-form) label{text-align:left}input[type=file]{flex-grow:1;flex-shrink:1;flex-basis:auto;width:100%;min-width:0;box-sizing:border-box}.event-banner h2{font-size:medium}.event-banner .event-actions ul{grid-template-columns:repeat(3,max-content);justify-content:center;text-align:center}.event-banner .event-actions ul li:last-child{grid-column:1/4}.event-banner .event-actions ul button{padding:8px 16px}form:not(.profile-pic-form){padding:12px 16px;display:flex;flex-direction:column;text-align:left;gap:8px}form:not(.profile-pic-form) label{text-align:left;padding-left:20px}form:not(.profile-pic-form) label,form:not(.profile-pic-form) input:not(.style-checkbox),form:not(.profile-pic-form) textarea,form:not(.profile-pic-form) .form-checkbox-container,form:not(.profile-pic-form) .sns-container{width:100%}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:flex;background-color:#202020;border:1px solid #303030;color:#fff5ff;padding:4px 20px;border-radius:30px}.react-datepicker-wrapper input{border:none;background-color:#202020;border-radius:20px;flex:1;color:#fff5ff}.react-datepicker-wrapper input:focus{outline:none;border:none;background-color:#181818}.react-datepicker-wrapper:focus-within{outline:1px solid #a6dbff}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#181818;color:#fff5ff;border:1px solid #505050;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0;box-shadow:2px 2px 4px #181818cc}.react-datepicker-popper .react-datepicker__triangle{stroke:#202020}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#505050;color:#505050}.react-datepicker__header{text-align:center;background-color:#202020;border-bottom:1px solid #505050;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#fff5ff;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#505050}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#fff5ff;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#505050}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#216ba5;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#505050}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:flex;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:12px .5rem;box-sizing:content-box;color:#7d7d7d}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#fff5ff;color:#202020;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}