@import"https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&family=Montserrat:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bowlby+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--green-text: #274d44;--primary-background: #fdf5e6}.App{font-family:Montserrat,sans-serif}.home{padding-top:40px}.home h1{font-family:Bowlby One,cursive;font-size:98px;text-align:center;margin-top:150px;margin-bottom:80px;color:var(--green-text)}.home .border{margin-top:100px;border-bottom:2px dashed #ccc}.home .bookings{padding:50px}.home .bookings h3,.home .filter h3{margin:0 0 40px;font-family:Bowlby One,cursive}.home .booking{width:100%;display:flex;padding:10px 20px;border:2px solid #eee;border-radius:5px;margin-bottom:20px}.home .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input div p{display:none}.home .booking>div:not(.DeleteModal){width:calc(100% / 6);padding:0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .filter>div{display:flex;align-items:center;flex-wrap:wrap}.home .filter{padding:0 50px}.home .calendarButton{width:120px;height:56px;background-color:transparent;border:1px solid #ccc;border-radius:5px;margin-left:8px}.home .calendarButton:hover{border:1px solid #000}.home .booking>div:not(.action,.DeleteModal){border-right:2px dashed #ddd}.home .booking .customer *{margin-bottom:5px}.home .booking>div:not(.DeleteModal) div{display:flex;align-items:center;flex-direction:row}.home .booking div.action>div{width:100%;flex-direction:column!important}.home .booking h6{color:var(--green-text);font-family:Bowlby One,cursive;text-transform:capitalize;font-size:15px}.home .booking h6.h6-slot{font-size:13px}@media (max-width: 1200px){.home .booking{display:grid;grid-template-columns:1fr 1fr 1fr}.home .booking>div:not(.DeleteModal){width:100%}.home .booking>div:not(.action,.DeleteModal){border-right:2px dashed #ddd;border-bottom:2px dashed #ddd}}@media (max-width: 800px){.home{padding-top:0}.home .bookings,.home .filter{padding:20px}.home .booking>div:not(.DeleteModal){align-items:flex-start}.home .booking>div:not(.DeleteModal) p{margin-bottom:10px}}@media (max-width: 550px){.home .booking{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 420px){.home .booking{padding:10px}}.bookingSection{min-width:800px;width:30%;margin:50px auto 0;background-color:var(--primary-background);height:100px;display:flex;border:3px solid var(--green-text);position:relative;z-index:3}.Sportshow{display:none!important}.backdrop,.button.booking{display:none}.bookingSection>img{width:60px;height:40px;object-fit:contain;margin:auto}.bookingSection>h3{width:20%;display:flex;align-items:center;height:100%;justify-content:center;text-transform:uppercase;color:var(--green-text);font-family:Hanken Grotesk,sans-serif;font-weight:500;cursor:pointer;letter-spacing:.01vw;text-align:center;font-size:1.17em;margin:0}.bookingSection .addOn{border-left:1px dashed var(--green-text);border-right:1px dashed var(--green-text);text-align:center}.bookingSection .sport{border-right:1px dashed var(--green-text);border-left:1px dashed var(--green-text);text-align:center}.bookingSection .book{border:none;border-left:3px solid var(--green-text);font-weight:bolder;transition:.2s;letter-spacing:2px;font-family:Bowlby One,cursive;font-size:22px;width:19%;display:flex;align-items:center;height:100%;justify-content:center;text-transform:uppercase;color:var(--green-text);cursor:pointer;outline:none;background-color:transparent}.bookingSection .book:hover{background-color:var(--green-text);color:var(--primary-background)}.calendar-popup{position:absolute;top:0;left:0;width:100%;min-height:100vh;max-height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99}.calendar-popup>div{background-color:var(--primary-background);padding:20px;border:3px solid var(--green-text);display:flex;flex-direction:column}.calendar-popup .facilityCard{max-height:52px}.calendar-popup>div>h2{text-align:center;width:auto;font-family:Bowlby One,cursive;text-transform:uppercase;letter-spacing:.03vw;color:var(--green-text);font-size:20px;margin:0 10px 20px;position:relative;z-index:5}.calendar-popup .react-calendar{border:none!important;background-color:transparent}.react-calendar .react-calendar__navigation__label span{text-transform:uppercase;font-family:Hanken Grotesk,sans-serif;color:var(--green-text);font-size:16px;font-weight:600;letter-spacing:1px}.react-calendar .react-calendar__navigation__label:hover{background-color:var(--green-text)!important}.react-calendar .react-calendar__navigation__label:hover span{color:var(--primary-background)}.react-calendar .react-calendar__navigation__arrow.react-calendar__navigation__next-button,.react-calendar .react-calendar__navigation__arrow.react-calendar__navigation__prev-button{color:var(--green-text);background-color:transparent;border-radius:5px}.react-calendar .react-calendar__navigation button.react-calendar__navigation__arrow:hover{color:var(--primary-background);background-color:var(--green-text);border-radius:5px}.react-calendar .react-calendar__navigation__arrow:disabled{background-color:#d6d8e777!important}.react-calendar abbr[title]{text-decoration:none;color:#333}.react-calendar .react-calendar__tile{color:var(--green-text);font-weight:600;padding:15px;font-family:Hanken Grotesk,sans-serif;font-size:14px}.react-calendar .react-calendar__tile:enabled:hover{background-color:#d5e2df}.react-calendar .react-calendar__tile:disabled{color:#d6d8e7!important;background-color:#fff!important}.react-calendar .react-calendar__tile--now{background:transparent;color:var(--green-text);border:2px solid var(--green-text);border-radius:.5rem}.react-calendar .react-calendar__tile--active{background-color:var(--green-text)!important;color:var(--primary-background)!important;border-radius:.5rem}.calendar-popup .time-slot{max-height:300px;width:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;overflow-y:auto;padding-left:1rem;overflow-x:hidden;padding-right:10px;scrollbar-color:var(--green-text);scroll-behavior:smooth;scrollbar-width:thin}.calendar-popup .time-slot::-webkit-scrollbar{width:5px}.calendar-popup .time-slot::-webkit-scrollbar-thumb{background-color:var(--green-text);border-radius:20px}.calendar-popup .time-slot .slot.unavailable{opacity:.8;cursor:not-allowed}.calendar-popup .time-slot .slot.active{background-color:var(--green-text);color:#fff}.calendar-popup .time-slot .slot{border:2px solid var(--green-text);padding:5px;color:var(--green-text);cursor:pointer;transition:all .5s;display:flex;align-items:center;align-self:center;justify-content:center;white-space:nowrap;font-size:13px;font-weight:600;width:100%;border-radius:.5rem;margin:0;background-color:var(--primary-background)}button.button{background-color:var(--primary-background);color:var(--green-text);border-radius:0;border:3px solid var(--green-text);-webkit-transition:.3s all;transition:.3s all;text-align:left;line-height:35px;font-size:1em!important;padding:0 10px!important;cursor:pointer;text-transform:uppercase;font-family:Hanken Grotesk,sans-serif;font-weight:600;margin-top:auto;margin-left:auto;margin-bottom:0}button.button:hover{background-color:var(--green-text);color:var(--primary-background)}.calendar-popup .addon-screen{padding:0 20px;height:100%;margin-top:10px}.calendar-popup .addon-screen .local-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:#000}.calendar-popup .addon-screen .local-row>p:first-of-type{width:200px;font-size:18px}.calendar-popup .addon-screen .local-row>p:nth-child(2){width:100px}.calendar-popup .location{max-height:90vh;overflow-y:auto}.calendar-popup .location .cards{display:grid;grid-template-columns:1fr 1fr;margin:10px 0;grid-gap:10px}.calendar-popup .location .facilityCard{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:10px;border:2px solid var(--green-text);cursor:pointer}.calendar-popup .location .facilityCard.active{background-color:var(--green-text)}.calendar-popup .location .facilityCard.active h3{color:#fff}.calendar-popup .location .facilityCard h3{color:var(--green-text);padding:5px 0;font-size:16px;text-transform:capitalize;text-align:center;height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;width:100%;margin:0}.calendar-popup .location .facilityCard img{width:100%;height:150px;border-radius:8px 8px 0 0;object-fit:cover}@media (max-width: 1024px){.bookingSection{min-width:250px;width:250px;height:auto;flex-direction:column;align-items:center;display:none}.Sportshow{display:flex!important}.bookingSection>h3{width:100%;height:100px;border:0}.bookingSection .location{border:none}.bookingSection>h3:not(:last-of-type){border-bottom:3px dashed var(--green-text)}.bookingSection>img{display:none}.bookingSection .book{width:100%;height:100px;border-left:0;border-top:3px solid var(--green-text)}.button.booking{margin-top:0;position:relative;z-index:5;padding:15px 35px!important;display:block;font-family:Bowlby One,cursive;letter-spacing:2px}.backdrop{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fff9;z-index:98;display:flex;align-items:center;justify-content:center}.backdrop .bookingSection{display:flex;z-index:1000;margin:0}}@media (max-width: 600px){.calendar-popup .time-slot{grid-template-columns:repeat(2,1fr)}}@media (max-width: 350px){.calendar-popup>.time{padding:20px 0}}.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.available_modal .per_lane{display:flex;align-items:center;width:600px}.available_modal .per_lane:not(:last-child){margin-bottom:20px}.available_modal>div>h2{margin-bottom:40px}.available_modal .per_lane>*:first-child{width:34%}.available_modal .per_lane>*:not(:last-child){margin-right:auto}.available_modal .per_lane h3{font-size:22px;margin:0}.available_modal .per_lane .timings{display:flex;align-items:center;flex-wrap:wrap;width:200px}.available_modal .per_lane .timings p{font-size:15px;margin:0}.payment_modal .switch{width:100%;display:flex;border:3px solid var(--green-text);margin-top:20px;margin-bottom:30px;margin-left:auto}.payment_modal .switch div{width:50%;height:50px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Bowlby One,sans-serif;color:var(--green-text);cursor:pointer}.payment_modal .switch div.active{background-color:var(--green-text);color:var(--primary-background)}button.button:disabled{opacity:.6;cursor:no-drop}button.button:disabled:hover{background-color:#fff;color:var(--green-text)}.DeleteModal{position:fixed!important;width:100%!important;height:100vh!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999!important;top:0!important;left:0!important;background-color:#0003!important}.DeleteModal .main{width:500px;background-color:#fff;padding:10px 20px;border-radius:10px}.DeleteModal .main h2{font-size:20px;display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px dashed #ccc}.DeleteModal .main p{font-size:18px;padding-bottom:10px;border-bottom:1px dashed #ccc}.actionButton{display:flex;justify-content:flex-end}@media (max-width: 500px){.DeleteModal .main{width:95%}}.app-navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 50px;border-bottom:2px dashed #ccc;width:100%}.app-navbar h5{margin:0}.app-navbar h5 i{display:none}.app-navbar nav a{margin-right:40px;color:#333;text-decoration:none}.nav img{display:none;width:30px;height:30px;margin:20px}@media (max-width: 800px){.nav img{display:block}.app-navbar{position:fixed;width:95vw!important;height:100vh;left:-100%;transition:.2s;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:15px 30px;border-bottom:none;z-index:999;border-right:1px solid #333;background-color:#fff}.app-navbar.visible{left:0}.app-navbar nav{display:flex;flex-direction:column;margin-top:20px}.app-navbar nav a{margin-bottom:20px;color:#333;font-weight:700;font-size:18px;text-decoration:none}.app-navbar h5 i{display:block;font-size:28px}.app-navbar h5{display:flex;width:100%;align-items:center;justify-content:space-between}}.Facility{padding:0 120px;display:flex;flex-direction:column;align-items:center}.Facility h1{font-family:Bowlby One,cursive;font-size:80px;text-align:center;margin-top:50px;padding-bottom:50px;color:var(--green-text)}.Facility .wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px;position:relative}.Facility .left{padding-right:50px;border-right:1px dashed var(--green-text);display:flex;flex-direction:column;align-items:flex-start}.Facility .right{padding-left:50px;border-left:1px dashed var(--green-text);display:flex;flex-direction:column;align-items:flex-start}.Facility .left>img{width:350px}.Facility .left>button{margin:10px 0!important}.Facility .left .mb-3{width:100%}.Facility .left .buttons{display:flex;margin:10px 0}.Facility .left .buttons button{margin:0 5px}.days{display:flex;flex-direction:column;margin:10px 0}.days .day{padding:10px 5px;font-size:18px;transition:.2s;display:flex;justify-content:space-between;align-items:center}.days .day:hover{background-color:#ebebeb}.days .day input{width:15px;height:15px}.days .day span.active{background-color:#333}.days .time{display:flex;justify-content:space-between;padding:0 5px;align-items:center;margin:10px 0}.days .time>div{display:flex;flex-direction:column;width:40%}.days .time>div p{margin-bottom:2px;font-weight:600;font-size:15px}.days .time>div label{font-size:14px;font-weight:500;margin-bottom:5px}.days .time>div input{padding:7px;border-radius:10px;cursor:pointer;border:1px solid #ccc}@media (max-width: 1000px){.Facility{padding:0 40px}}@media (max-width: 800px){.Facility .wrapper{grid-template-columns:1fr}.Facility .left .buttons{margin:20px 0}.Facility .left .floatingButton{position:absolute;bottom:0;margin-top:20px;padding-top:20px;width:100%;justify-content:flex-end;border-top:1px dashed #ccc;z-index:-1}.Facility .wrapper .right{padding-left:0;border-left:none}.Facility .wrapper .left{padding-right:0;border-right:none}}@media (max-width: 600px){.Facility{padding:0 20px}.Facility h1{font-size:50px}}.memberships{padding:0 120px}.memberships h1{font-family:Bowlby One,cursive;font-size:80px;text-align:center;margin-top:80px;padding-bottom:20px;color:var(--green-text)}.memberships .tabs{display:flex;margin:50px auto;justify-content:center;align-items:center;background-color:#eee;width:max-content;flex-wrap:wrap;border-radius:20px}.memberships .tabs .tab{padding:20px;font-size:20px;text-transform:capitalize;font-family:Bowlby One,cursive;color:var(--green-text);border-radius:20px;cursor:pointer;transition:.2s;text-align:center;border:2px solid transparent}.memberships .tabs .tab.active{background-color:#fff;border:2px solid var(--green-text)}.memberships .conta{flex-wrap:wrap}.memberships .table_container{box-shadow:19px 19px 28px #e8e8e8,-19px -19px 28px #fff;border:1px solid #eee;padding:20px;border-radius:15px;margin-top:50px}.memberships .table_container .neu_btn{all:unset;cursor:pointer;color:#fff;border-radius:10px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;padding:5px 10px;box-shadow:10px 10px 19px #dfd8ca,-10px -10px 19px #fff}.memberships .table_container button.neu_btn.red{background-color:#f7665e}.memberships .table_container button.neu_btn.red:hover{box-shadow:inset 15px 15px 17px #e65f57,inset -15px -15px 17px #ff6d65}@media (max-width: 1100px){.memberships{padding:0 40px}}@media (max-width: 900px){.memberships .table_container{overflow-x:auto;margin-top:30px}}@media (max-width: 800px){.memberships h1{font-size:40px;margin-top:20px;margin-bottom:0;padding-bottom:0;width:auto}.memberships .tabs{margin:40px auto}.memberships .conta{justify-content:center}}@media (max-width: 620px){.memberships .conta{flex-direction:column;justify-content:center}.custom_card{margin-right:0!important;width:100%}.memberships .tabs{display:grid;grid-template-columns:1fr 1fr;overflow-x:auto}.memberships{padding:0 20px}}@media (max-width: 400px){.memberships{padding:0 20px}.memberships .tabs{width:300px}.memberships h1{font-size:30px}.memberships .tabs .tab{padding:10px;font-size:18px}}.form{padding:20px 40px;background-color:#fff;display:flex;width:500px;flex-direction:column;border-radius:10px;justify-content:space-evenly;align-items:flex-start}.loginContainer{height:500px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#eee}.input-container{margin:10px 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;font-size:16px}.form .mb-3{width:100%;display:flex;flex-direction:column;margin-bottom:0!important;align-items:flex-start}.label{margin-bottom:5px;font-family:Bowlby One,cursive;color:var(--green-text);font-weight:100}.input{padding:5px 15px 5px 5px;width:100%;all:unset;border-bottom:1px solid var(--green-text)}#login-btn{align-self:end;padding:10px 30px;margin-top:30px;border:none;color:#fff;background-color:var(--green-text);cursor:pointer;text-transform:uppercase;transition:all .2s ease-in}@media (max-width: 550px){.form{width:95%}}.users{padding:0 120px}.users h1{font-family:Bowlby One,cursive;font-size:80px;text-align:center;margin-top:80px;padding-bottom:20px;color:var(--green-text)}.users .tabs{display:flex;margin:50px auto;justify-content:center;align-items:center;background-color:#eee;width:max-content;flex-wrap:wrap;border-radius:20px}.users .tabs .tab{padding:20px;font-size:20px;text-transform:capitalize;font-family:Bowlby One,cursive;color:var(--green-text);border-radius:20px;cursor:pointer;transition:.2s;text-align:center;border:2px solid transparent}.users .tabs .tab.active{background-color:#fff;border:2px solid var(--green-text)}.custom_card{background-color:var(--primary-background);padding:20px;border-radius:20px;margin-bottom:20px;width:fit-content;min-width:200px;box-shadow:15px 15px 17px #ededed,-15px -15px 17px #fff}.custom_card h5{text-transform:capitalize}.custom_card p{display:flex;align-items:center}.custom_card p i{font-size:10px;margin-top:2px}.custom_card p i.active{color:#94af9f}.custom_card .actions{display:flex;align-items:center}.users .conta{flex-wrap:wrap}button.neu_btn{all:unset;cursor:pointer;color:#fff;padding:5px 10px;border-radius:10px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:10px 10px 19px #dfd8ca,-10px -10px 19px #fff}button.neu_btn.round{padding:0;width:35px;height:35px;border-radius:50%}button.neu_btn i{margin:0}button.neu_btn.blue:hover{box-shadow:inset 15px 15px 17px #97b3d0,inset -15px -15px 17px #adcff0}button.neu_btn.red:hover{box-shadow:inset 15px 15px 17px #e65f57,inset -15px -15px 17px #ff6d65}button.neu_btn.deep:hover{box-shadow:inset 15px 15px 17px #373c61,inset -15px -15px 17px #3f446f}button.neu_btn.green:hover{box-shadow:inset 15px 15px 17px #ad86b8,inset -15px -15px 17px #c79ad4}button.neu_btn.blue{background-color:#a2c1e0}button.neu_btn.red{background-color:#f7665e}button.neu_btn.deep{background-color:#3b4068;font-size:14px}button.neu_btn.green{background-color:#ba90c6}.users .table_container{box-shadow:19px 19px 28px #e8e8e8,-19px -19px 28px #fff;border:1px solid #eee;padding:20px;border-radius:15px;margin-top:50px}.users .table_container .table>:not(caption)>*>span{box-shadow:none}.users .table_container .neu_btn{all:unset;cursor:pointer;color:#fff;border-radius:10px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;padding:5px 10px;box-shadow:10px 10px 19px #dfd8ca,-10px -10px 19px #fff}.users .table_container button.neu_btn.red{background-color:#f7665e}.users .table_container button.neu_btn.red:hover{box-shadow:inset 15px 15px 17px #e65f57,inset -15px -15px 17px #ff6d65}@media (max-width: 1100px){.users{padding:0 40px}}@media (max-width: 900px){.users .table_container{overflow-x:auto;margin-top:30px}}@media (max-width: 800px){.users h1{font-size:40px;margin-top:20px;margin-bottom:0;padding-bottom:0;width:auto}.users .tabs{margin:40px auto}.users .conta{justify-content:center}}@media (max-width: 620px){.users .conta{flex-direction:column;justify-content:center}.custom_card{margin-right:0!important;width:100%}.users .tabs{display:grid;grid-template-columns:1fr 1fr;overflow-x:auto}.users{padding:0 20px}}@media (max-width: 400px){.users{padding:0 20px}.users .tabs{width:300px}.users h1{font-size:30px}.users .tabs .tab{padding:10px;font-size:18px}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px}