@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.inter{font-family:Inter,sans-serif;font-size:20px;font-weight:600}body{background-color:#e1e1e1;color:#000;margin:0;padding:0;background-image:none;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Nanum SR;src:url(/fonts/NanumSquareRoundR.ttf)}@font-face{font-family:SeoulNamsanM;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff) format("woff");font-weight:400;font-style:normal}.page_title{display:flex;font-size:25px}.Namsan,.page_title{font-family:SeoulNamsanM}.Namsan{font-size:1.6rem}.button__back{margin-bottom:1.5rem;align-self:flex-start;color:#004c9c;font-family:SeoulNamsanM;font-size:1.2rem}.button__back,.matches-title{display:flex;align-items:center}.matches-title{width:100%;flex-direction:column;text-align:center;justify-content:center;gap:10px;margin-bottom:20px;padding-top:20px;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:500}.container{width:80%;margin:auto}.home-link{display:flex;margin-bottom:10px;align-self:flex-start}.page-title,.title{display:flex;align-items:center;flex:1;text-align:center;margin-bottom:20px}.page-title{font-size:25px}.page-title,.tricolor-bar{font-family:Inter,sans-serif}.tricolor-bar{display:flex;flex-direction:row;align-items:flex-end;width:100%}.tricolor{min-width:0;white-space:nowrap;box-sizing:inherit;height:25px;margin-top:5px;margin-bottom:5px}.tritext{font-size:18px;font-weight:800;margin-bottom:5px}.tritext,.tritext2{display:flex;justify-content:space-between;font-family:Inter,sans-serif}.tritext2{font-size:16px;font-weight:400}.tritext3{justify-content:space-between;font-size:14px;font-weight:400;align-items:center}.form,.tritext3{display:flex;font-family:Inter,sans-serif}.form{flex-direction:column;align-items:left;justify-content:center;align-self:center;font-size:1rem;height:-moz-fit-content;height:fit-content;gap:15px}.rotated-icon{transform:rotate(-180deg)}.form-createaccount{width:90%;gap:45px}.form-addmatch,.form-createaccount{display:flex;flex-direction:column;align-items:left;justify-content:center;align-self:center;font-size:1rem;font-family:Inter,sans-serif;height:-moz-fit-content;height:fit-content}.form-addmatch{gap:15px}form .form-row .input-data{width:-webkit-fill-available;width:-moz-available;width:stretch;height:40px;margin:0 20px;position:relative}form .form-row .textarea{height:70px}.input-data input,.textarea textarea{display:block;width:100%;height:100%;font-size:17px;background:#e1e1e1;border:none;border-bottom:2px solid rgba(0,0,0,.12);outline:none}.input-data input:focus~label,.input-data input:valid~label,.textarea textarea:focus~label,.textarea textarea:valid~label{transform:translateY(-28px);font-size:14px;color:#111}.input-data label{position:absolute;pointer-events:none;bottom:10px;font-size:16px;transition:all .3s ease}.textarea label{width:100%;bottom:40px;background:#e1e1e1}.input-data .underline{position:absolute;bottom:0;height:2px;width:100%}.input-data .underline:before{border-top:none;position:absolute;content:"";height:2px;width:100%;background:#004c9c;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.input-data input:focus~.underline:before,.input-data input:valid~.underline:before,.textarea textarea:focus~.underline:before,.textarea textarea:valid~.underline:before{transform:scale(1);border-top:none}.form-addmember,.form-createaccount div{font-family:Inter,sans-serif}.form-addmember{display:flex;flex-direction:column;align-items:left;justify-content:center;font-size:1rem;height:-moz-fit-content;height:fit-content;gap:15px}.form label{font-size:1.2em}.select-match{font-size:.8em;width:240px;height:40px;color:#000;background-color:transparent;border-bottom:2px solid #000;border-top:transparent;display:flex}.select-row input[type=radio]{display:none!important}.select-row{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:10px}.select-row input[type=radio]:checked+.button-label{background-color:#1e90ff}.input-box{display:flex;align-items:center;gap:10px}.input-linetext{font-size:1.2rem;width:60px}.input-underline{border:none;border-bottom:1px solid #000;font-size:1.2rem;background:transparent;border-radius:0}.left-text{align-self:flex-start;font-family:Inter,sans-serif}.button-label{padding:8px 16px}.button-label,.button-label3{display:inline-block;background-color:#d3d3d3;color:#fff;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:550;width:-moz-fit-content;width:fit-content}.button-label3{padding:6px 10px}.addusers{display:flex;flex-wrap:wrap;gap:5px}.userbtns{display:inline-block;padding:8px 16px;background-color:#d9d1ff;color:#000;border-radius:5px;border-color:transparent;cursor:pointer;font-size:1.2rem;width:-moz-fit-content;width:fit-content}.checkbox-button{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-button input{display:none}.checkbox-button input:checked+.button-label,.checkbox-button input:checked+.button-label3{background-color:#cc64ff}.add-event input[type=checkbox]{display:none!important}.add-event{display:flex;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;justify-content:center;width:80px}.add-event input[type=checkbox]:checked+.button-label2{color:#009c53}.button-label2{display:inline-block;padding:0 4px;color:#444;cursor:pointer;font-size:1.2rem;font-weight:550;width:-moz-fit-content;width:fit-content}.flex-container-addevent{display:flex;gap:10px 0;align-items:center;flex-wrap:wrap;flex-direction:row}.submit-button{margin-top:5px;padding:7px 14px;background-color:#0064ff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;font-weight:400;align-self:flex-end;font-family:Inter,sans-serif}.submit-button:hover{background-color:#004c9c}.copy-button{padding:5px 10px;height:-moz-fit-content;height:fit-content;background-color:#75af7d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.copy-button:hover{background-color:#1e7e34}.buttons{display:flex;width:100%;flex-direction:row;justify-content:space-between;gap:10px}a.event__item h2{margin-top:0}div.event__item-details{width:100%;display:flex;justify-content:space-between;align-items:center}div.event__item-details>div{display:flex;align-items:center;font-size:.875rem;color:gray}div.event__item-participants{position:relative}div.event__item-participants>div{margin-top:.25rem;border-radius:.25rem;padding:1rem;background-color:#111827;position:absolute;top:100%;left:0;display:none;flex-direction:column}div.event__item-participants:hover>div{display:flex}div.event__item-participants>div p{color:#fff;display:block;margin-bottom:.25rem}div.event__item-participants>div p:last-of-type{margin-bottom:0}.member-list{width:90%;padding:5px 20px;margin-bottom:8px}.member-list,.member-list-small{display:flex;justify-content:space-between;align-items:center;gap:10px;height:100%;background-color:#d9d1ff;text-decoration:none;color:#000;border-radius:5px}.member-list-small{padding:10px}.member-text{display:flex;font-size:1.2rem;font-weight:400;font-family:SeoulNamsanM;height:100%}.whiteblack{justify-content:space-between;font-size:1.4rem;width:100%;gap:10px}.delete-button,.whiteblack{display:flex;align-items:center}.comp-button,.delete-button{color:#ff2626;border:none;font-weight:600;border-radius:5px;cursor:pointer;height:25px;font-size:15px;justify-content:center;width:30px}.comp-button{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}.delete-button:hover{background-color:#c82333}.delete-button-small{display:flex;align-items:center;color:#cd2626;border:none;background-color:transparent;font-weight:400;height:10px;font-size:20px;padding:0}.flex-container{display:flex;justify-content:space-between;gap:0 30px;flex-wrap:wrap;align-items:center;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:auto;width:100%;font-family:Inter,sans-serif;color:#000}.new-flex-container{margin-top:30px;width:100%;color:#000;padding-right:15px;padding-left:15px}.faaddmatch{height:1em;rotate:90deg}.flex-container-admin,.flex-content-admin{display:flex;justify-content:left;gap:0;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:auto;font-family:Inter,sans-serif}.flex-content-admin{width:90vw;padding-top:30px}.react-datetime-picker__wrapper{border:none!important;border-bottom:1.5px solid #000!important}.react-calendar{background-color:#fff!important}.flex-container-pending{flex-direction:column;height:90vh;font-family:Inter,sans-serif;font-size:20px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:0 10px}.submit-button-pending{padding:5px 10px;background-color:#0064ff;color:#fff;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;font-family:Inter,sans-serif}.link-container{width:120px;text-decoration:none;height:120px;margin:10px 0;padding:15px;background-color:#cee9ff;border-radius:5px;color:#000}.link-container,.link-container-img{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.link-container-img{gap:15px;flex-direction:column}.white-square{background-color:#fff}.black-square,.white-square{width:12px;height:12px;border-radius:3px}.black-square{background-color:#111}.form-field{display:flex;flex-wrap:wrap;width:100%;gap:10px}.addmatch-flex-container{display:flex;justify-content:center;flex-direction:row;width:240px;margin-left:auto}.swap{display:flex;align-self:flex-end;padding:2px;cursor:pointer;border-radius:5px;background-color:transparent}.link-container:hover{background-color:#89deff}.index-icon{-o-object-fit:fill;object-fit:fill}.fifty-box{display:flex}.index-text{font-family:Inter,sans-serif;font-size:1rem}.match-container{display:flex;flex-direction:column;width:100%;gap:10px}.match-item{display:flex;justify-content:space-between;font-family:Inter,sans-serif;font-size:15px;align-items:center;width:100%}.home-icon{display:flex;align-self:flex-start;padding-bottom:10px}.userContainer{display:flex;width:100%;align-items:center;margin-bottom:10px;height:80px;gap:10px;border-bottom:1px solid #000}.userContainer img{max-height:80%;width:auto;-o-object-fit:cover;object-fit:cover;margin-right:10px;border-radius:15px}.userContainer button{margin-left:auto;padding:5px 10px;background-color:#5e86b3;color:#fff;border:none;border-radius:5px}@media screen and (min-width:768px){div.event__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}