@import url(https://fonts.bunny.net/css?family=Poppins);
.calendar-container{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.calendar-container .calendar-container-top{align-items:center;display:flex;height:24px;justify-content:space-between;width:366px}.calendar-container .calendar-container-top .left{align-items:center;display:flex;gap:4px;justify-content:center}.calendar-container .calendar-container-top .right{color:#bb4b3a;text-decoration-line:underline}.calendar-container .calendar-container-bottom,.calendar-container .calendar-container-bottom .arrow-area{align-items:center;display:flex;gap:4px;height:64px;justify-content:center}.calendar-container .calendar-container-bottom .arrow-area{background:#fff;border:1px solid #e8ecef;border-radius:4px;width:60px}.calendar-container .calendar-container-bottom .arrow-area .arrow-area-left{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;width:30px}.calendar-container .calendar-container-bottom .arrow-area .arrow-area-left .next-prev-text{align-items:center;color:#4e565a;display:flex;justify-content:center;width:100%}.calendar-container .calendar-container-bottom .arrow-area .arrow-area-left .total-event-quantity{align-items:center;background-color:#4e565a;border-radius:50%;color:#fff;display:flex;height:12px;justify-content:center;width:12px}.calendar-container .calendar-container-bottom .active-week-section{align-items:center;background:#fff;border:1px solid var(--Pb360-red,#bb4b3a);border-radius:4px;display:flex;height:100%;justify-content:center;min-width:240px}.calendar-container .calendar-container-bottom .active-week-section .eachday{align-items:center;display:flex;flex-direction:column;gap:2px;height:56px;justify-content:center;width:34px}.calendar-container .calendar-container-bottom .active-week-section .eachday .day{align-items:center;color:#4e565a;display:flex;height:14px;justify-content:center;width:100%}.calendar-container .calendar-container-bottom .active-week-section .eachday .day.active{color:#bb4b3a}.calendar-container .calendar-container-bottom .active-week-section .eachday .date{align-items:center;border-radius:50%;color:#4e565a;display:flex;height:24px;justify-content:center;width:24px}.calendar-container .calendar-container-bottom .active-week-section .eachday .date.active{background-color:#bb4b3a;color:#fff}.calendar-container .calendar-container-bottom .active-week-section .eachday .quantity-section{align-items:center;display:flex;height:12px;justify-content:center;width:100%}.calendar-container .calendar-container-bottom .active-week-section .eachday .quantity-section .quantity{align-items:center;background-color:#4e565a;border-radius:50%;color:#fff;display:flex;height:12px;justify-content:center;width:12px}.calendar-container .calendar-container-bottom .active-week-section .eachday .quantity-section .quantity.active{background-color:#bb4b3a}.events-container{flex-direction:column;gap:8px;width:100%}.events-container,.events-container .filter-section{align-items:center;display:flex;justify-content:center}.events-container .filter-section{background:#fff;border:1px solid #a2abb1;border-radius:18.5px;gap:20px;height:36px;width:366px}.events-container .events-section{align-items:center;display:flex;flex-direction:column;max-height:calc(100dvh - 230px);overflow-y:auto;scroll-snap-type:y mandatory;white-space:nowrap;width:366px}.events-container .events-section .event{display:flex;flex:0 0 auto;flex-direction:column;gap:8px;scroll-snap-align:start;width:100%}.events-container .events-section .event .event-header{align-items:center;display:flex;height:40px;width:100%}.events-container .events-section .event .event-card{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:4px 12px;width:100%}.events-container .events-section .event .event-card .top{align-items:center;display:flex;height:18px;justify-content:space-between;width:100%}.events-container .events-section .event .event-card .top .title{color:#393939}.events-container .events-section .event .event-card .top .event-status{align-items:center;display:flex;gap:4px}.events-container .events-section .event .event-card .bottom{align-items:center;display:flex;flex-direction:row;gap:8px}.events-container .events-section .event .event-card .bottom .club-picture{border-radius:4px;display:flex;flex-direction:column;height:88px;overflow:hidden;position:relative;width:88px}.events-container .events-section .event .event-card .bottom .club-picture img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.events-container .events-section .event .event-card .bottom .event-description{display:flex;flex-direction:column;justify-content:center}.events-container .events-section .event .event-card .bottom .event-description .attendee-count{color:#00ac30;font-weight:600}.events-container .events-section .event .event-card .bottom .event-description .attendee-count.full{color:red}.events-container .events-section .event .no-activities{align-items:center;border-radius:4px;display:flex;height:2px;justify-content:center;width:92px}.events-container .events-section .event .expiring-membership-section{background:#ffd42a;border-radius:4px;display:flex;gap:4px;height:92px;justify-content:space-between;padding:4px;width:100%}.events-container .events-section .event .expiring-membership-section .left{display:flex;flex-direction:column;gap:2px;width:278px}.events-container .events-section .event .expiring-membership-section .left .header{width:100%}.events-container .events-section .event .expiring-membership-section .left .info{height:90px;white-space:normal;width:100%}.events-container .events-section .event .expiring-membership-section .right{align-items:center;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:74pxpx}.events-container .events-section .event .expiring-membership-section .right .price{width:100%}.events-container .events-section .event .expiring-membership-section .right .renew-btn{align-items:center;background:#bb4b3a;border:none;border-radius:4px;color:#fff;display:flex;flex-direction:column;height:46px;justify-content:center;text-decoration:none;width:111px}.events-container .events-section .event .expiring-membership-section .right .renew-btn.not-clickable{background:#ccc}.events-container .events-section .event-placeholder{background-color:transparent;border:none;flex:0 0 auto;height:670px;width:100%}.sliding-popup-section{align-items:center;background:#e8ecef;border:2px solid #a2abb1;border-radius:20px 20px 0 0;bottom:-500px;display:flex;flex-direction:column;left:50%;min-height:300px;padding:24px 20px;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:375px;z-index:5}.sliding-popup-section.active{bottom:0}.sliding-popup-section .close-btn{align-items:center;background:#e8ecef;border:2px solid #a2abb1;border-radius:50%;display:flex;height:46px;justify-content:center;position:absolute;right:0;top:-52px;width:46px}.sliding-popup-section .filter-activities-with-club-section{border-radius:4px;gap:12px}.sliding-popup-section .filter-activities-with-club-section,.sliding-popup-section .filter-activities-with-club-section .filter-row{align-items:center;display:flex;flex-direction:column;width:100%}.sliding-popup-section .filter-activities-with-club-section .filter-row .header{align-items:center;display:flex;margin-bottom:8px;width:100%}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .dropdown-display-area{align-items:center;background-color:#fff;cursor:pointer;display:flex;height:48px;position:relative;width:74px}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .dropdown-display-area.full{border:1px solid #a2abb1;border-radius:4px;width:100%}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .dropdown-display-area .dropdown-arrow{position:absolute;right:15px}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .dropdown-display-area .dropdown-display-box{align-items:center;display:flex;height:100%;padding-left:15px;width:100%}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .dropdown-box{background:#fff;border:0 solid #a2abb1;border-radius:4px;display:flex;flex-direction:column;height:0;overflow-y:auto;position:absolute;top:43px;transition:all .3s linear;width:100%;z-index:5}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .dropdown-box.active{border:1px solid #a2abb1;height:165px}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .rows{display:flex;flex-direction:column;gap:16px;padding:8px 15px;width:100%}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .rows .row{cursor:pointer;height:24px;min-height:24px;width:100%}.sliding-popup-section .filter-activities-with-club-section .filter-row .dropdown-section .rows .row label{align-items:center;display:flex;gap:8px}.sliding-popup-section .filter-activities-with-club-section .react-calendar-section{border-radius:8px;margin-top:12px;overflow:hidden}.sliding-popup-section .filter-activities-with-club-section .react-calendar-section .react-calendar{border:none}.sliding-popup-section .filter-activities-with-club-section .react-calendar-section .react-calendar__tile.react-calendar__tile--active.react-calendar__tile--range.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--rangeBothEnds.react-calendar__month-view__days__day{background-color:#bb4b3a;border:none;border-radius:12px;color:#fff;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;letter-spacing:.5px;line-height:14px;text-align:center}.sliding-popup-section .filter-activities-with-club-section .react-calendar-section .react-calendar__tile.react-calendar__tile--now.react-calendar__month-view__days__day{background-color:#fff;border:1px solid #4e565a;border-radius:12px;color:#4e565a;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.5px;line-height:16px;text-align:center}.buttons,.sliding-popup-section .add-a-new-player-section.active{display:flex}.buttons{align-items:center;background-color:#fff;bottom:10px;gap:12px;height:52px;justify-content:center;position:absolute;width:336px}.buttons .button{background-color:transparent;border:2px solid #bb4b3a;border-radius:4px;color:#bb4b3a;font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;height:100%;line-height:113.2%;text-align:center;width:100%}.buttons .button.active{background-color:#bb4b3a;color:#fff}.general-text{font-family:Poppins;font-style:normal;line-height:normal;text-align:center;vertical-align:middle}.left{text-align:left}.fs-8{font-size:8px}.fs-10{font-size:10px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-17{font-size:17px}.fs-18{font-size:18px}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.my-pb360-container{align-items:center;background:#f3f6f8;display:flex;flex-direction:column;gap:12px;height:calc(100dvh - 60px);padding:8px 0;width:100%}input[type=checkbox]{border:1px solid #b6b6b6;border-radius:4px;height:22px;vertical-align:text-top;width:22px}input:checked{accent-color:#c95d4d;border:none}.page-cover{background:rgba(0,0,0,.66);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.page-cover.active{display:block}