@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}@font-face{font-family:Roboto;src:url(/font/Tiresias_Infofont.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Tiresias_Infofont;width:100%;font-size:16px;color:#333}body,html{overflow-x:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column;align-content:space-around;align-items:center;justify-content:flex-start}a{text-decoration:none}h2{margin-bottom:20px;font-weight:500;font-size:1.5rem}.overlay{width:100%;height:100%;background-color:#ffffff80;position:absolute;z-index:0}.main-content{position:relative;margin-top:20px;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:calc(100vh - 215px);overflow-y:scroll;gap:10px;padding:10px}.main-content.blur{filter:blur(5px);transition:filter .3s ease}.header{position:relative;z-index:3;height:135px}@media screen and (max-width: 768px){.header{height:80px}}.menu-burger{position:absolute;top:100%;right:0;width:max-content;background-color:#fff;box-shadow:0 2px 8px #00000026;z-index:4}.form-page{width:100%;margin:0 auto 20px;padding:20px}.form-page .button{margin-top:20px}form{display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;row-gap:10px}form .css-b62m3t-container,form .css-13cymwt-control{border-radius:10px!important}form .image-upload{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}form .img-preview{display:flex;flex-direction:row;align-items:center;gap:10px}form .img-preview label{width:100px}form .img-preview img{max-width:100px;height:auto}form .input-field{display:flex;margin-bottom:15px;width:100%;flex-direction:column;align-items:flex-start}form .input-field label{display:block;margin-bottom:10px}form .input-field input,form .input-field textarea,form .input-field select{width:100%;padding:8px;box-sizing:border-box;border-radius:10px;border:1px solid #8c5ec0;filter:drop-shadow(0px 3px 1px rgba(0,0,0,.2))}form .input-field textarea{resize:vertical;min-height:100px}.search-form{padding:20px;background-color:#f9f9f9;flex:1;display:flex;flex-direction:column;align-items:center}.search-form button{margin-bottom:20px}.footer{position:relative;z-index:3;height:50px}.search-container{display:flex;padding:20px;margin-bottom:200px;width:100%}.search-container .search{flex:1;margin-right:20px}.search-container .result-list{flex:2}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.list-container{width:100%;padding:15px;background-color:#f7ebec1a;height:100%;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:hidden;flex:2}.list-container .list-event-left{display:flex;flex-direction:row;width:100%;cursor:zoom-in}.list-container .list-event-left .list-event-img{width:100px;height:100px;object-fit:cover;border-radius:12px}.list-container .list-event{display:flex;flex-direction:column}.list-container img{border-radius:12px}@media screen and (min-width: 768px) and (max-width: 1200px){.list-container .isNotMobile{display:none}}@media screen and (max-width: 767){.list-container .isOnMobile{display:block}}.list-event{display:flex;align-items:center;padding:15px;background-color:#fdf1e6;margin:12px 0;border-radius:12px;font-size:1rem;box-shadow:0 3px 6px #00000026;transition:background-color .3s ease}.list-event:hover{background-color:#f8dcc2;cursor:pointer}.list-event-img{width:20%;aspect-ratio:1;object-fit:cover;flex-shrink:0;border-radius:10px;box-shadow:0 2px 5px #0003}@media (min-width: 768px) and (max-width: 950px){.list-event-img{display:none}}.list-event-content{flex:1;width:100%;padding-left:15px;display:flex;flex-direction:row;justify-content:flex-start}@media screen and (max-width: 768px){.list-event-content{flex-direction:column}.list-event-content .list-event-details-date{width:100%}}.list-event-content .list-event-details{display:flex;flex-direction:column;width:70%;padding:0 5px}.list-event-content .list-event-details-date{display:flex;flex-direction:column;align-items:flex-end;width:30%}@media screen and (max-width: 768px){.list-event-content .list-event-details-date{width:100%}}.list-event-title{font-size:1.2em;font-weight:700;margin:0 0 5px;color:#333}.list-event-text{font-size:1em;margin:5px 0;color:#666}.list-event-location{display:flex;align-items:center;font-size:1em;color:#888}.list-event-location img{height:1.5em;margin-right:5px}.list-icon-container-event{display:flex;align-items:center;justify-content:space-around;width:100%;margin-top:20px}.list-icon-btn{background-color:transparent;cursor:pointer}.list-icon-btn:hover{transform:scale(1);background-color:#fafafaad}.empty-list .list-event{padding:1em;cursor:auto;background-color:#fafafa}.participation-toggle{display:flex;flex-direction:column;align-items:center;gap:8px}.participation-toggle .participation-label{margin-bottom:50px;color:#4caf50}.participation-toggle .toggle-button{position:relative;width:60px;height:28px;background-color:#ccc;border-radius:14px;border:none;cursor:pointer;transition:background-color .3s ease}.participation-toggle .toggle-button .toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:left .3s ease}.participation-toggle .toggle-button.active{background-color:#4caf50}.participation-toggle .toggle-button.active .toggle-slider{left:34px}.participation-toggle .participation-label-active,.participation-toggle .participation-label-inactive{font-size:1.1em}.participation-toggle .participation-label-active{color:#4caf50}.participation-toggle .participation-label-inactive{color:#555}@media (max-width: 768px){.participation-toggle .participation-label-active,.participation-toggle .participation-label-inactive{font-size:1.2em;text-align:center}}@media screen and (max-width: 768px){.result-list{width:100%}}.result-list .list-container{padding:10px}@media screen and (max-width: 768px){.result-list .list-container{display:flex;flex-direction:column;align-items:center}.result-list .list-container .list-event{width:95%}.result-list .list-container .list-event .list-event-left{font-size:1rem}}.notification-container{position:fixed;top:150px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:0}.notification{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background-color:#333;color:#fff;max-width:300px;animation:fadeIn .5s ease,fadeOut .5s ease 7.5s;opacity:.9}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.notification.info{background-color:#2196f3}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.header{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;background-color:#1d1e2c;position:sticky;top:0;z-index:1;box-shadow:0 5px 6px #0009;width:100%}.header .header-left{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.header .header-left .header-left-top{display:flex;flex-direction:row;align-items:center;gap:10px}.header .header-left .header-left-top img{width:80px}@media screen and (max-width: 880px){.header .header-left{flex-direction:column;align-items:center;text-align:center}.header .header-left img{width:80px}.header .header-left .txt-logo{font-size:1.2rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.2)}}.header .header-right,.header .header-right .header-user{display:flex;flex-direction:row;align-items:center;gap:10px}.header .header-right .header-user .header-user-message{display:flex;flex-direction:row;align-items:center;gap:10px;color:#fff}.txt-logo{font-size:1.5rem;font-weight:700;color:#ddbdd5;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.nav-links{display:flex;flex-direction:row}.home{filter:drop-shadow(0px 2px 20px rgba(232,227,227,.6))}.button{border:none;padding:10px 20px;border-radius:10px;border-color:#8c5ec0;border-style:solid;color:#8c5ec0ed;font-size:1.2rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;filter:drop-shadow(0px 0px 2px rgba(0,0,0,.2))}.button:hover{color:#8c5ec0;box-shadow:0 0 8px #8c5ec0cc,0 0 16px #8c5ec099,0 0 24px #8c5ec066}.button:active{transform:translateY(2px);box-shadow:inset 0 4px 6px #00000080}.button.alt{background-color:#c5f1f1;box-shadow:inset 0 4px 6px #00000080}.icon_link{font-weight:200;border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease,background-color .3s,color .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;filter:drop-shadow(0px 2px 4px rgba(203,203,203,.621));padding:10px 0 0}.icon_link .icon_link_img{width:60px;height:60px;padding:10px;background-color:#f7ebec;border-radius:10px;transition:transform .2s ease,box-shadow .3s;filter:drop-shadow(0px 0px 2px rgba(0,0,0,.2))}.icon_link .icon_link_img:hover{box-shadow:1px 1px 15px #ffffff80}.icon_link .icon_link_img:active{transform:translateY(2px);box-shadow:inset 0 4px 6px #00000080}.icon_link .icon_link_img.alt{background-color:#c5f1f1;box-shadow:inset 0 4px 6px #00000080}.icon_link span{text-align:center;width:100px;color:#ddbdd5;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:100;display:flex;align-items:center;justify-content:center;gap:5px;height:40px;transition:font-weight .3s,color .3s}.icon_link:hover,.icon_link:hover span{font-weight:500;color:#8c5ec0}.icon_link:hover .icon_link_img{filter:none}.icon_link.active{background-color:#8c5ec0;color:#fff}.icon_link.active .icon_link_img{filter:none}.icon_link.active .icon_link_img:hover{box-shadow:none}.icon_link.active span{color:#fff;font-weight:700}.icon_link--icon-only{flex-direction:row;gap:10px}.icon_link--icon-only span{display:none}@media screen and (max-width: 880px){.icon_link{max-width:21dvw}.icon_link span{font-size:clamp(.8rem,1.2vw,1rem);height:20px;gap:2px}.icon_link .icon_link_img{width:40px;height:40px;padding:5px}}.menu-burger{position:absolute;top:100%;right:0;width:max-content;background-color:#fff;box-shadow:0 2px 8px #00000026;z-index:1000;transition:opacity .3s ease;opacity:1;width:70%}.menu-burger .menu-burger__nav{list-style:none;margin:0;padding:0}.menu-burger .menu-burger__nav li{border-bottom:1px solid #eaeaea}.menu-burger .menu-burger__nav li a{display:block;padding:15px;color:#333;text-decoration:none}.menu-burger .menu-burger__nav li a:hover{background-color:#f5f5f5}.menu-burger.hidden{opacity:0;pointer-events:none}.menu-burger__nav-link{margin:20px auto;display:block;padding:15px;color:#333;width:70%}#footer--mobile{background-color:#1d1e2c;position:fixed;bottom:0;color:#fff;width:100%;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7ebec 1%,#1d1e2c 5%)}#footer--mobile .footer__nav{display:flex;justify-content:space-evenly;align-items:center;width:100vw}#footer--mobile .footer__nav span{overflow-wrap:break-word}#footer--mobile .footer__nav__items{cursor:pointer}#footer--desktop{background-color:#59656f;position:fixed;bottom:0;width:100%;color:#fff}#footer--desktop .footer__nav{display:flex;justify-content:center;align-items:center}#footer--desktop .footer__nav__items{cursor:pointer;padding:1em}a{text-decoration:none;color:#fff}a:hover{color:#8c5ec0}.user-board{display:flex;flex-direction:column;margin-top:20px;align-items:center;height:100%;width:100%;gap:10px}.user-board .user-board-card{display:flex;flex-direction:column;align-items:center;row-gap:10px;width:100%}@media (min-width: 768px){.user-board{flex-direction:row;flex-wrap:wrap;justify-content:center}.user-board .user-board-card{width:calc(50% - 30px);margin-bottom:20px}}.carousel-container{width:100%;height:29vh;margin:auto;text-align:center;position:relative;border-radius:10px;border:#8c5ec0 2px solid;padding:10px;transition:transform .2s ease,box-shadow .2s ease;filter:drop-shadow(0px 0px 2px rgba(0,0,0,.4))}.carousel-container:hover{color:#8c5ec0;box-shadow:0 0 8px #8c5ec0cc,0 0 16px #8c5ec099,0 0 24px #8c5ec066}.carousel-container.is-mobile{border-radius:0}.carousel-container.is-desktop{width:40vw}.carousel-container.large{width:100%;border-radius:0;margin-top:20px;padding:0 10px}.carousel-title{margin-bottom:20px;font-size:1.5em}.carousel{position:relative;height:70%;overflow:hidden}.arrow{position:absolute;height:100%;top:50%;transform:translateY(-50%);border:none;padding:10px;font-size:2em;cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;background-color:#fff0}.arrow img{width:60px;height:60px;border-radius:50%;background-color:#ffffffa6}.left-arrow{left:0}.right-arrow{right:0}.carousel-dots{margin-top:15px}.dot{height:15px;width:15px;margin:0 5px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer}.dot.active{background-color:#717171}.carousel-slides{height:100%}.carousel-slides.large{display:flex;justify-content:space-between;align-items:center;overflow:hidden;height:100%}.carousel-slides.large .carousel-slide{flex:0 0 30%;margin:0 5px}.carousel-slides.large .carousel-slide.active{transform:scale(1);opacity:1;z-index:1}.carousel-slides.large .carousel-slide.prev,.carousel-slides.large .carousel-slide.next{display:none}.carousel-slide{position:relative;opacity:.5;transform:scale(.85);border-radius:10px;overflow:hidden;display:none}.carousel-slide{position:relative;opacity:.5;transform:scale(.85);border-radius:10px;overflow:hidden;display:none;height:100%}.carousel-slide:hover{cursor:pointer}.carousel-slide.in-large-carousel{width:30%}.carousel-slide.active{transform:translate(35%) scale(1);opacity:1;z-index:1;width:60%;height:100%;display:block}.carousel-slide.prev,.carousel-slide.next{position:absolute;top:0;width:85%;height:120%;transform:scale(.7);opacity:.5;z-index:0;display:block}.carousel-slide.prev .event-info,.carousel-slide.next .event-info{display:none}.carousel-slide.prev{transform:translate(-70%) translateY(-10%) scale(.7)}.carousel-slide.next{transform:translate(88%) translateY(-10%) scale(.7)}.event-image{width:130%;height:100%;display:block;border-radius:10px;object-fit:cover;overflow:hidden}.event-info{position:absolute;bottom:0;left:0;background-color:#ffffffa2;text-align:center;width:100%;padding:1em;border-radius:0 0 10px 10px}.event-date{font-size:1em;margin:0}.event-title{font-size:1.2em;margin:5px 0 0}.modal-header{position:relative;width:100%}.modal-icon{height:40px;width:40px}.modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;width:100%;max-width:100%!important}.modal-body .action-buttons{display:flex;margin-top:1em;column-gap:1em}.modal-body .button{display:flex;align-items:center}.modal-body .main-img{width:100%;height:30vh;border-radius:10px;box-shadow:0 4px 12px #0000001a;object-fit:cover}.modal-body .text-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#000000dc);padding:.5em 1em;color:#5b6e80;display:flex;flex-direction:column;justify-content:flex-end;border-radius:10px}.modal-body .text-overlay .modal-title{font-size:2em;font-weight:700;color:#fff;margin-bottom:5px;text-align:center;text-shadow:3px 3px 13px black}.modal-body .text-overlay .modal-detail{display:flex;flex-direction:column;gap:5px;color:#f1f1f1;font-size:1em;padding-top:1em}.modal-body .text-overlay .modal-detail .label{font-weight:700}.modal-body .text-overlay .modal-header-bottom{display:flex;align-items:center;justify-content:space-between}.modal-body .like-my-event{display:flex;align-items:center;gap:5px;font-size:1.2em;color:#ff5a5f;margin-top:10px}.modal-body .add-friend-my-events,.modal-body .description,.modal-body .add-comment-my-events,.modal-body .comments-my-events{background-color:#ddbdd51a;border:1px solid #ddbdd5;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;margin-top:20px;color:#1d1e2c;width:100%}.modal-body .add-friend-my-events h4,.modal-body .add-friend-my-events h3,.modal-body .description h4,.modal-body .description h3,.modal-body .add-comment-my-events h4,.modal-body .add-comment-my-events h3,.modal-body .comments-my-events h4,.modal-body .comments-my-events h3{font-weight:700;margin-bottom:10px}.modal-body .invited-friends{font-size:1em;background-color:#ddbdd54d;padding:10px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.modal-body .select-friends{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.modal-body .select-friends label{font-weight:700;font-size:1em}.modal-body .select-friends .css-b62m3t-container{width:60%}.modal-body .select-friends .css-13cymwt-control{border-radius:10px}.modal-body .select-friends .button{background-color:#5b6e80;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.modal-body .select-friends .button:disabled{background-color:#8c5ec0;cursor:not-allowed}.modal-body .add-comment{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.modal-body .add-comment textarea{width:100%;border-radius:10px;border:1px solid #ddbdd5;padding:10px;resize:vertical}.modal-body .add-comment .button{background-color:#5b6e80;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.modal-body .add-comment .button:disabled{background-color:#8c5ec0;cursor:not-allowed}.modal-body .comments-my-events{display:flex;flex-direction:column;gap:10px;max-width:100%;text-align:left}.modal-body .comments-my-events h3{font-size:1.2em;color:#5b6e80}.comment-card{background-color:#ddbdd5;padding:15px;margin:10px 0;background-color:#ddbdd566;border-radius:8px;box-shadow:0 1px 5px #0000001a;font-size:1.2em;line-height:1.4;width:100%}.comment-card .comment-title{font-weight:700;font-size:1.3em;color:#5b6e80;margin-bottom:8px}.comment-card .comment-content{font-size:1.1em;color:#1d1e2c;margin-bottom:10px}.comment-card .comment-meta{font-size:.9em;color:#8c5ec0;display:flex;justify-content:space-between;border-top:1px solid #5B6E80;padding-top:8px}.button{border:none}.modal-content{width:max-content}.modal-body{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;max-width:600px;margin:20px auto}.modal-body .image-container{position:relative;width:100%;height:300px;overflow:hidden}.modal-body .image-container .main-img{width:100%;height:100%;object-fit:cover}.modal-body .image-container .name-overlay{position:absolute;bottom:20px;left:20px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);background:#0006;padding:10px 15px;border-radius:8px}.modal-body .image-container .name-overlay h2{font-size:24px;font-weight:700;margin:0;color:#fff}.modal-body .image-container .name-overlay p{margin:5px 0 0;font-size:16px}.modal-body .info-section{width:100%;padding:20px;display:flex;flex-direction:column;gap:15px}.modal-body .info-section .description{font-size:16px;color:#333;line-height:1.5}.modal-body .info-section .interests h3{font-size:18px;margin-bottom:10px;color:#444}.modal-body .info-section .interests ul{list-style-type:disc;padding-left:20px}.modal-body .info-section .interests ul li{font-size:14px;color:#555}.modal-body .info-section p{font-size:14px;color:#666}.modal-body .info-section .like-btn{align-self:center;display:flex;align-items:center;gap:10px;color:#ff4757;border:none;border-radius:8px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.modal-body .info-section .like-btn img{width:20px;height:20px}.modal-body .info-section .like-btn:hover{background-color:#e63946}.form-page{max-width:600px;padding:20px;margin:50px}.form-page h2{text-align:center;margin-bottom:30px}.button-form-profile{align-self:flex-end;background:transparent;border:#f1f1f1 solid 1px;padding:10px;border-radius:10px;color:#5b6e80;font-size:1.2rem;cursor:pointer;transition:color .3s ease}.button-form-profile:hover{color:#ddbdd5}.gender-selector{margin-bottom:15px}.gender-selector label{display:block;margin-bottom:5px;font-weight:700}.gender-selector select{width:100%;padding:8px;box-sizing:border-box;border-radius:10px;border:1px solid #8c5ec0;filter:drop-shadow(0px 3px 1px rgba(0,0,0,.2))}.looking-for-selector{display:flex;flex-direction:column;gap:5px}.looking-for-selector label{margin-bottom:10px}.looking-for-selector .react-select__control{width:100%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-content{background-color:#f7ebec;padding:20px;border-radius:8px;position:relative;width:max-content;max-height:90%;overflow-y:auto}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;cursor:pointer}.modal-body{display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.mentions-legales{max-width:800px;margin:0 auto;padding:2rem;background-color:#fff;color:#333;line-height:1.6;border-radius:8px;box-shadow:0 4px 8px #0000001a}.mentions-legales h2{font-size:1.4rem;color:#4caf50;text-align:center;margin-bottom:1.5rem}.mentions-legales h3{font-size:1.8rem;color:#333;margin-top:1.5rem;margin-bottom:1rem}.mentions-legales p,.mentions-legales li{margin-bottom:1rem;font-size:1rem}.mentions-legales ul{list-style:disc;padding-left:1.5rem}.mentions-legales a{color:#4caf50;text-decoration:none}.mentions-legales a:hover{text-decoration:underline}.mentions-legales .contact-info{margin-top:2rem;text-align:center}.mentions-legales .footer-note{margin-top:2rem;font-size:.9rem;color:#666;text-align:center}.about-page{max-width:800px;margin:0 auto;padding:2rem;color:#333;line-height:1.6;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px}h2{font-size:1.4rem;text-align:center;margin-bottom:1rem;color:#333}.intro{font-size:1.1rem;margin-bottom:2rem;text-align:center;color:#555}h3{font-size:1.2rem;color:#4caf50;margin-bottom:.8rem}.team-list{list-style-type:none;padding:0;margin-top:1.5rem;color:#444}.team-list li{margin-bottom:1rem;font-size:1.1rem}.cta{text-align:center;margin-top:2rem}.cta a{color:#4caf50;text-decoration:none;font-weight:700}.cta a:hover{text-decoration:underline}.faq-page{max-width:800px;margin:0 auto;padding:2rem;background-color:#fff;color:#333;line-height:1.6;border-radius:8px;box-shadow:0 4px 8px #0000001a}.faq-page h2{font-size:1.4rem;color:#4caf50;text-align:center;margin-bottom:1.5rem}.faq-page .intro{font-size:1.1rem;color:#555;text-align:center;margin-bottom:2rem}.faq-page .intro a{color:#4caf50;text-decoration:none}.faq-page .intro a:hover{text-decoration:underline}.faq-page .faq-accordion{border-top:1px solid #ddd}.faq-page .faq-item{border-bottom:1px solid #ddd;padding:1rem 0}.faq-page .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.2rem;color:#333;transition:color .3s ease}.faq-page .faq-item .faq-question:hover{color:#4caf50}.faq-page .faq-item .faq-question h3{margin:0}.faq-page .faq-item .faq-question .toggle-icon{font-size:1.5rem;color:#4caf50}.faq-page .faq-item .faq-answer{margin-top:.5rem;padding-left:1rem;font-size:1rem;color:#555;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.contact-form{max-width:600px;margin:0 auto;padding:2rem;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.index-link{margin-bottom:20px;align-self:flex-start}h2{text-align:center;width:100%;margin-top:0;margin-bottom:1rem}.friendly-message{font-size:1.3rem;margin-bottom:1rem;color:#444;text-align:center}.contact-form form{display:flex;flex-direction:column;gap:1rem;width:100%}.contact-form label{font-weight:700;text-align:left}.button-onClick{border:none;padding:10px 20px;border-radius:10px;border-color:#8c5ec0;border-style:solid;color:#8c5ec0ed;font-size:1.2rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;filter:drop-shadow(0px 0px 2px rgba(0,0,0,.2))}.button-onClick:hover{color:#8c5ec0;box-shadow:0 0 8px #8c5ec0cc,0 0 16px #8c5ec099,0 0 24px #8c5ec066}.button-onClick:active{transform:translateY(2px);box-shadow:inset 0 4px 6px #00000080}.button-onClick.alt{background-color:#c5f1f1;box-shadow:inset 0 4px 6px #00000080}.hook-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:40px;text-align:center;color:#1d1e2c;background-image:url(/img/img-app/index-img-hook.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:overlay;background-color:#0006}.hook-container .hook-title{font-size:2.5rem;color:#fff;font-weight:700}.hook-container .hook-description{color:#fff;font-size:1.25rem;max-width:600px;line-height:1.5;margin:0}.benefits{width:100%;max-width:800px;margin:40px auto;text-align:center;padding:20px;background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 8px #0000001a}.benefits h2{color:#1d1e2c;font-size:1.4rem;margin-bottom:20px}.benefits ul{list-style-type:none;padding:0;font-size:1.1rem;color:#1d1e2c}.benefits ul li{margin:10px 0;display:flex;align-items:center;justify-content:center;gap:10px}.cta{text-align:center;padding:40px 20px}.cta h3{font-size:1.4rem;color:#8c5ec0;margin-bottom:10px}.cta p{font-size:1.2rem;color:#1d1e2c;max-width:600px;margin:0 auto 20px;line-height:1.5}.cta a{margin-top:20px;display:inline-block}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.event-carousel-container{width:100%;padding:20px 0}.swiper{width:100%;height:320px}.swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.image-container{width:100%;height:240px;overflow:hidden;border-radius:10px}.image-container img{width:100%;height:100%;object-fit:cover}.swiper-slide p{color:#fff;font-size:1.4rem;border-radius:10px;padding:5px;margin:10px 0;width:100%;text-align:center;background:#8c5ec0}.swiper-button-prev,.swiper-button-next{color:#8c5ec0;background-color:#fffc;padding:10px;width:80px!important;height:80px!important;margin-top:-40px!important;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.swiper-pagination{margin-top:5px;opacity:1;transition:background-color .3s ease}.swiper-pagination-bullets,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:5px;left:0;width:100%;display:flex;justify-content:center}.register-page{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px;width:100%;max-width:600px}.register-page .existing-user,.register-page .new-user{flex:1 1 300px;margin:10px}.register-page .existing-user h2,.register-page .new-user h2{text-align:center;font-size:larger;margin-bottom:20px}.register-page .existing-user form,.register-page .new-user form{display:flex;flex-direction:column;align-items:center}.events-container-mobile{overflow-y:scroll}.list-icon-container-event{justify-content:space-between}.list-icon-container-event .list-icon-btn-container{display:flex;align-items:center;gap:10px}.list-icon-container-event .list-icon-btn-container .button{border-style:none}.list-event.selected{transition:transform .2s ease,box-shadow .2s ease;background-color:#ddbdd599!important;color:#8c5ec0;box-shadow:0 0 8px #8c5ec099,0 0 16px #8c5ec04d,0 0 24px #8c5ec033}.drawer-content{width:300px;padding:20px;background-color:#fff;height:100%;display:flex;flex-direction:column}@media screen and (max-width: 880px){.drawer-content{width:100%}}.content-user-mobile{overflow-y:scroll;width:100%}.user-container{width:100%;padding:15px;background-color:#f7ebec1a;height:100%;overflow-y:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a}.result-list{overflow-y:scroll;height:100vw}.user-info{display:flex;flex-direction:row}.list-user{display:flex;flex-direction:column;padding:15px;background-color:#fdf1e6;margin:12px 0;border-radius:12px;font-size:1.8em;box-shadow:0 3px 6px #00000026;transition:background-color .3s ease}.list-user:hover{background-color:#f8dcc2;cursor:pointer}.list-user-img{width:160px;height:160px;object-fit:cover;flex-shrink:0;border-radius:10px;box-shadow:0 2px 5px #0003}.list-user-content{padding-left:15px;display:flex;flex-direction:column;justify-content:center}.list-user-title{font-size:1.3em;font-weight:700;margin:0 0 5px;color:#333}@media screen and (max-width: 930px){.list-user-title{font-size:1em}}.list-user-text{font-size:.8em;margin:5px 0;color:#666}.list-user-location{display:flex;align-items:center;font-size:1em;color:#888}.list-user-location img{height:40px;width:40px;margin-right:5px}@media screen and (max-width: 930px){.list-user-location img{height:30px;width:30px}}.list-icon{transition:transform .3s ease}.empty-list{padding:2em;text-align:center}.empty-list .button{display:block;font-size:1.2em;margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:8px;text-decoration:none;transition:background-color .3s ease}.empty-list .button:hover{background-color:#0056b3}.empty-list .list-user{padding:1em;cursor:auto;background-color:#fafafa}.user-icon-container{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-top:20px}.user-icon-btn{background-color:transparent;cursor:pointer;border:none}.user-icon{height:45px;width:45px;border:none}@media screen and (max-width: 930px){.user-icon{height:35px;width:35px}}.friends-container{display:flex;height:100%;width:100vw;padding:1em;gap:10px}.contact-list{width:100%;height:100%;overflow-y:auto;border-right:1px solid #ccc;background-color:#fff2f2;padding:.8em;border-radius:10px}.contact-list .contact-info{display:flex;flex-direction:column;margin-bottom:.5rem}.contact-list .contact-info h3{font-size:1.2rem;margin-bottom:.2rem;font-weight:700}.contact-list .contact-info p{font-size:1rem}.contact-item{display:flex;align-items:center;padding:.5rem;cursor:pointer;border-bottom:rgba(204,204,204,.5333333333) 1px solid}.contact-item:hover{background-color:#f0f0f0}.contact-image{width:5em;height:5em;border-radius:20%;margin-right:.5rem}.icon{flex:1;text-align:right}.icon img{height:3em;margin:0 2px}.contact-name{font-size:1.5em}.modal img{width:80px;height:80px;border-radius:50%;margin-bottom:15px}.modal p{font-size:1rem;margin:5px 0}.modal .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.4rem;color:#333;cursor:pointer}.conversation{width:100%;display:flex;overflow-y:auto;flex-direction:column;height:100%}.conversation ul{display:flex;flex-direction:column;gap:5px}.conversation .conversation-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#f0f0f0;border-bottom:1px solid #ccc;position:sticky;top:0}.conversation .conversation-mobile-header button{margin-right:10px}.conversation .conversation-mobile-header h2{font-size:1.2rem}.message-list{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-top:1rem;padding-bottom:1rem;scroll-behavior:smooth}.message-item{display:flex;flex-direction:column;gap:.2rem;max-width:70%}.sent,.received{width:max-content;max-width:90%;display:flex;gap:5px;flex-direction:column;filter:drop-shadow(0px 3px 1px rgba(0,0,0,.2))}.sent p,.received p{width:max-content;max-width:100%;padding:.5rem 1rem;border-radius:10px;color:#fff;overflow-wrap:break-word;white-space:pre-wrap}@media screen and (max-width: 768px){.sent p,.received p{max-width:80%}}.sent{align-self:flex-end}.sent p{background-color:#8c5ec0;align-self:flex-end}.received p{background-color:#5b6e80}.sent small,.received small{text-align:end;font-size:.7em;width:100%}.message-input{display:flex;align-items:center;padding:.5rem;border-top:1px solid #ccc;background-color:#f9f9f9;gap:10px}.message-input textarea{flex:1;padding:.5rem;border-radius:5px;border:1px solid #ccc;font-size:1rem;resize:none;overflow-y:auto;min-height:2rem;max-height:8rem}.message-input button{padding:.5rem 1rem;border-radius:5px;border:none;background-color:#5b6e80;color:#fff;cursor:pointer}.message-input button:hover{background-color:#465462}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;max-height:80%;overflow-y:auto;box-shadow:0 4px 10px #0000001a;position:relative;z-index:1001}.conversation-modal h2{font-size:1.5rem;margin-bottom:1rem}.button-close-conversation{position:fixed;top:10px;right:10px}.drawer-content{width:90vw;padding:2px}.loading-old-messages{background:none;border:none;color:#5b6e80;font-size:1rem;cursor:pointer;width:100%;padding:.5rem;margin-bottom:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-old-messages:hover{color:#465462}.loading-spinner{display:flex;gap:5px;flex-direction:column;align-self:center;justify-content:center;align-items:center}.loading-spinner .contact-name{font-weight:800}.content-my-events{width:100%;display:flex;flex-direction:row}.content-my-events .left-my-events{width:40%;height:70vh;display:flex;flex-direction:column;align-items:center}.content-my-events .left-my-events .list-event{background-color:#ddbdd566;font-size:1.2em}.content-my-events .left-my-events .list-event:hover{background-color:#ddbdd599;transition:all .15s ease-in-out}.content-my-events .left-my-events-mobile{width:100%}.content-my-events .right-my-events{width:60%;padding:20px;background-color:#f7ebec80;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px}.content-my-events .right-my-events .modal-body{height:70vh;overflow:auto}.content-my-events .right-my-events .view-my-events{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;text-align:left}.content-my-events .right-my-events .view-my-events h3{font-size:1.1em;color:#1d1e2c}.content-my-events .right-my-events .view-my-events .event-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #ddbdd5;margin-bottom:15px}.content-my-events .right-my-events .view-my-events .event-header .date-my-event{font-size:1em;color:#5b6e80;font-weight:700}.content-my-events .right-my-events .view-my-events .event-header .detail-my-event{font-size:1.4em;font-weight:700;color:#1d1e2c;text-align:center}.content-my-events .right-my-events .view-my-events .event-header .type-my-event{font-size:1em;font-weight:500;color:#8c5ec0;text-align:right}.content-my-events .right-my-events .view-my-events .event-sub-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #ddbdd5;margin-bottom:15px}.content-my-events .right-my-events .view-my-events .event-sub-header .location-my-event,.content-my-events .right-my-events .view-my-events .event-sub-header .department-my-event{font-size:1.2em;color:#5b6e80;margin:5px 0;display:block;text-align:center}.content-my-events .right-my-events .view-my-events .event-sub-header .like-my-event{display:flex;align-items:center;justify-content:center;gap:5px;font-size:1.2em;color:#ff5a5f;margin-top:10px}.content-my-events .right-my-events .view-my-events .event-sub-header .like-my-event img{width:20px;height:20px}.content-my-events .right-my-events .description-my-event{font-size:1em;line-height:1.6;color:#1d1e2c;margin:15px 0;padding:10px;border:1px solid #ddbdd5;border-radius:5px;text-align:center;font-weight:500}.content-my-events .right-my-events .creator-my-event{font-size:.9em;color:#8c5ec0;margin-top:10px;text-align:center}.content-my-events .add-friend-my-events,.content-my-events .add-comment-my-events,.content-my-events .comments-my-events{border:1px solid #ddbdd5;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;text-align:center;font-size:1.2em;color:#5b6e80}.content-my-events .add-friend-my-events,.content-my-events .add-comment-my-events{border:1px solid #ddbdd5;color:#5b6e80;font-style:italic;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.content-my-events .add-friend-my-events .invited-friends,.content-my-events .add-comment-my-events .invited-friends{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:large;width:80%;background-color:#ddbdd566;border-radius:8px;box-shadow:0 1px 5px #0000001a;padding:5px}.content-my-events .add-friend-my-events .invited-friends h4,.content-my-events .add-comment-my-events .invited-friends h4{font-weight:700}.content-my-events .add-friend-my-events .add-comment-my-events,.content-my-events .add-friend-my-events .comments-my-events,.content-my-events .add-comment-my-events .add-comment-my-events,.content-my-events .add-comment-my-events .comments-my-events{background-color:#ddbdd500;color:#5b6e80}.content-my-events .add-friend-my-events .select-friends,.content-my-events .add-friend-my-events .add-comment-my-events,.content-my-events .add-comment-my-events .select-friends,.content-my-events .add-comment-my-events .add-comment-my-events{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}.content-my-events .add-friend-my-events .select-friends .css-b62m3t-container,.content-my-events .add-friend-my-events .add-comment-my-events .css-b62m3t-container,.content-my-events .add-comment-my-events .select-friends .css-b62m3t-container,.content-my-events .add-comment-my-events .add-comment-my-events .css-b62m3t-container{width:60%}.content-my-events .add-friend-my-events .select-friends .css-13cymwt-control,.content-my-events .add-friend-my-events .add-comment-my-events .css-13cymwt-control,.content-my-events .add-comment-my-events .select-friends .css-13cymwt-control,.content-my-events .add-comment-my-events .add-comment-my-events .css-13cymwt-control{border-radius:10px}textarea{border-radius:10px;border:#ddbdd5 solid 3px;width:80%;min-height:100px}.input-field{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;width:100%;padding:10px}.comments-my-events{margin-top:20px;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%;text-align:left;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.comments-my-events h3{font-size:1.1em;color:#5b6e80;margin-bottom:15px;text-align:center}.add-comment{display:flex;justify-content:center;align-items:center;width:100%}.form-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.form-page .button-alert{border-color:#c05e7b;border-style:dotted;border:1px solid #c05e7b}.page404-container{text-align:center;background-color:#fff;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;height:100%;overflow:auto}.page404-container img{width:50%}.page404-container .error-message{margin-bottom:2rem}.page404-container .error-message .error-title{font-size:3rem;color:#e74c3c}.page404-container .error-message .error-description{font-size:1.25rem;color:#555;margin-bottom:10px}.page404-container .suggested-events{margin:2rem 0}.page404-container .explore-options{padding:1rem;background-color:#faebd7;border-radius:15px;filter:drop-shadow(0px 2px 1px black)}.page404-container .explore-options .cta-buttons{display:flex;gap:1rem;justify-content:center}.page404-container .explore-options p,.page404-container .explore-options h3{font-size:1.25rem;color:#555;margin-bottom:10px}