@font-face{font-display:swap;font-family:"DM Serif Display";font-style:normal;font-weight:400;src:url(/build/fonts/DMSerifDisplay-Regular.309d0764.ttf) format("truetype")}:root{--font-base:"Nunito",sans-serif;--font-heading:"Dm Serif Display";--primary-text-color:#000;--header-footer-background-color:#632024;--button-background-color:#632024;--secondary-text-color:#f9f6e1;--title-text-color:#25344f;--primary-background-color:#f9f6e1;--secondary-background-color:#d5b893;font-size:16px}header{background-color:var(--header-footer-background-color);box-shadow:1px 1px 10px rgba(0,0,0,.1);color:var(--secondary-text-color);display:flex;flex-direction:column;justify-content:center;padding:10px;width:100%}.mobile-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;z-index:1001}nav{justify-content:center}.nav-list,nav{display:flex;width:100%}.nav-list{background-color:var(--header-footer-background-color);flex-direction:column;gap:40px;height:100vh;left:0;list-style:none;padding:150px 20px 20px;position:fixed;text-decoration:none;top:0;transform:translateX(-100%);transition:transform .5s ease-in-out;z-index:1000}.nav-list.active{transform:translateX(0)}nav a{color:var(--secondary-text-color);font-size:1.5rem;padding:10px;text-decoration:none}nav a:hover{color:#fff;font-weight:700}.logo-container{line-height:0}.logo{height:auto;width:100px}.burger-btn{background:none;border:none;cursor:pointer;display:block}.burger-btn span{background-color:var(--secondary-text-color);display:block;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}.no-scroll{overflow:hidden}@media(min-width:773px){.burger-btn{display:none}header{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.nav-list,nav{width:auto}.nav-list{background:none;flex-direction:row;gap:8px;height:auto;padding:0;position:static;transform:none}nav a{font-size:1rem;padding:10px 0}}@media(min-width:1024px){nav a{padding:10px}}@media(min-width:1200px){nav a{font-size:1.2rem}}*{box-sizing:border-box;margin:0;padding:0}.game-title,h1,h2,h3,h4,h5,h6{color:var(--title-text-color);font-family:var(--font-heading)}.alert,.flash{background-color:red;border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);color:#fff;font-size:1.5rem;padding:10px;text-decoration:underline;width:100%}.button-link,button{background-color:var(--button-background-color);border:none;border-radius:10px;color:var(--secondary-text-color);cursor:pointer;font-size:1.2rem;padding:6px 10px;text-decoration:none;width:fit-content}.organizer-actions{display:flex;flex-flow:row wrap;gap:10px;justify-content:space-between}.event-title{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.event-description{max-height:200px;max-width:100%;overflow:auto;overflow-wrap:break-word}.event-details{display:flex;flex-direction:column;gap:20px;min-width:0}.event-icon{height:30px;width:30px}.event-date-place-container{display:flex;flex-flow:row wrap;gap:8px;justify-content:space-between}.event-date,.event-duration,.event-money,.event-place{align-items:center;display:flex;flex-flow:row nowrap;gap:10px}.maps{height:300px;max-width:300px;width:100%}.messages-section,.participants-section{display:flex;flex-direction:column;gap:20px}.participant-container{align-items:center;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;gap:10px;padding:4px}.organizer{color:#626262;font-size:1rem}.messages-container{border:1px solid #000;gap:20px;max-height:400px;min-height:100px;overflow:auto}.message,.messages-container{border-radius:10px;display:flex;flex-direction:column;padding:10px}.message{background-color:var(--secondary-background-color);box-shadow:0 2px 8px 0 rgba(99,99,99,.2);gap:10px}.message-header{justify-content:space-between}.message-author,.message-header{align-items:center;display:flex;gap:10px}.message-author{flex:1;overflow:hidden}.games-section h1,.games-section h2{width:100%}.game-container{align-items:center;background-color:var(--secondary-background-color);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:4px}.game-title{flex:1}.game-container:hover{transform:scale(1.05);transition:transform .3s}.game-container p{display:flex;flex-direction:column;justify-content:center;max-width:150px;padding:10px;text-align:center}.game-container img{border-radius:10px 10px 0 0}.game-image{max-height:150px;max-width:150px;object-fit:contain}.profil-picture{border-radius:50%;height:50px;overflow:hidden;width:50px}form{align-items:center;display:flex;flex-direction:column;gap:20px;padding:10px 0}form>div,input{width:100%}input{border:1px solid #000;border-radius:4px;font-size:1.2rem;padding:6px}form>div>div{display:flex;flex-direction:column;gap:4px}.checkbox-container{align-items:center;display:flex;flex-flow:row wrap;gap:6px}.ts-control{border-color:#000!important}textarea{border:1px solid #000;border-radius:4px;font-size:1.2rem;height:120px;padding:12px;resize:none;width:100%}input[type=checkbox]{height:25px;width:25px}button{background-color:var(--button-background-color);border:none;border-radius:10px;color:var(--secondary-text-color);cursor:pointer;font-size:1.2rem;padding:6px 20px;text-decoration:none;width:fit-content}.addresses-suggestions{background-color:#fff;border:1px solid #000;border-radius:4px;list-style-type:none;max-height:150px;overflow-y:auto}.address-suggestion{cursor:pointer;padding:6px}.address-suggestion:hover{background-color:var(--primary-background-color)}.delete-form,.unregister-form{display:inline;padding:0;width:fit-content}.hidden{display:none}.modal-background{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:var(--primary-background-color);border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);display:flex;flex-direction:column;gap:20px;max-width:400px;padding:20px;text-align:center;width:100%}.modal-close-button{align-self:flex-end;background-color:var(--button-background-color);border-radius:10px;color:var(--secondary-text-color);cursor:pointer;font-size:2rem;padding:0 10px;width:fit-content}.modal p{color:var(--primary-text-color);font-size:1.5rem}.modal-actions{display:flex;justify-content:space-around}.pagination{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;max-width:500px;width:100%;grid-column-gap:0;grid-row-gap:0}.next,.pages-numbers,.previous{font-size:1.2rem}.previous{grid-area:1/1/2/2;text-align:left}.pages-numbers{display:flex;gap:10px;grid-area:1/2/2/3;justify-content:center}.next{grid-area:1/3/2/4;text-align:right}@media(min-width:768px){.button-link,button{padding:10px 16px}.event-details{flex:1;max-width:none}}body{background-color:var(--primary-background-color);color:var(--primary-text-color);flex-direction:column;font-family:var(--font-base);min-height:100vh}body,main{display:flex}main{flex:1;flex-direction:column;gap:20px;padding:10px}.players-image{height:auto;max-height:300px;max-width:300px;width:auto}.notice-section{display:flex;flex-direction:column;gap:10px}.events-list-page-image{height:auto;width:100%}.events-section{align-items:center;display:flex;flex-direction:column;gap:16px;padding:4px 0;width:100%}.filter-section,.filterForm{align-items:flex-end;display:flex;flex-flow:row wrap;gap:10px;justify-content:space-between}.filter-section{padding:10px}.event-container,.filter-section{border:1px solid #000;border-radius:10px;max-width:500px}.event-container{box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px;padding:4px;width:100%}.event-organizer{background-color:var(--secondary-background-color);border-radius:10px 10px 0 0;box-shadow:0 0 10px 0 rgba(0,0,0,.1);flex-flow:row;margin:-4px -4px 0;padding:4px 10px}.event-organizer,.register{align-items:center;display:flex;gap:10px}.register{flex-flow:row wrap;justify-content:space-between;padding:4px 10px 4px 0}.event-link,.game-link{color:var(--primary-text-color);display:flex;text-decoration:none}.joined-events-section,.organized-events-section{display:flex;flex-direction:column;gap:20px}.my-event-container{background-color:var(--secondary-background-color);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;flex-flow:row wrap;gap:10px;padding:10px}.my-event-date-place{width:100%}.my-event-actions-container{gap:10px}.event-details-container,.my-event-actions-container{align-items:center;display:flex;justify-content:space-between}.event-details-container{flex-flow:row wrap;gap:20px}.delete-button{padding:6px 10px}.games-section{display:flex;flex-flow:row wrap;gap:20px;justify-content:center;padding:10px 20px}.password-help{text-align:left;width:100%}.user-profile-link{color:var(--primary-text-color);text-decoration:none}.user-main-information{align-items:flex-start;display:flex;flex-flow:row wrap;gap:20px;justify-content:center;margin:20px 0;width:100%}.user-introduction{display:flex;flex:1;flex-direction:column;gap:10px;max-height:250px;min-width:300px}.biography{flex:1;overflow:auto;word-break:break-word}.my-profile-picture{height:250px;object-fit:cover;width:250px}#delete-account-form{display:block}footer{background-color:var(--header-footer-background-color);color:var(--secondary-text-color);gap:20px;justify-content:center;padding:10px}.legal-container,footer{align-items:center;display:flex;flex-direction:column;width:100%}.legal-container{gap:10px;max-width:500px}.legal-container a{color:var(--secondary-text-color)}@media(min-width:375px){.games-section{justify-content:flex-start}}@media(min-width:500px){main{padding:20px 40px}.filterForm>div{width:30%}}@media (min-width:768px){.players-image{max-width:400px}.event-container,.filter-section,.pagination{max-width:600px}.maps{height:400px;max-width:400px}.user-main-information{flex-flow:row nowrap;justify-content:normal;max-height:250px}.legal-container{flex-flow:row wrap;justify-content:space-around}.delete-button{padding:10px 16px}}@media(min-width:1024px){main{font-size:1.15rem;margin:0 auto;max-width:1000px;width:100%}.event-container,.filter-section{max-width:700px}.event-container{gap:8px;padding:10px}.event-organizer{margin:-10px -10px 0}.pagination{max-width:1000px}}