.dropShadowGrayVariant{box-shadow:0 0 12px rgba(0,0,0,.1607843137)}.gradiantBoxForSelectedMorningTime{background:rgba(0,0,0,0) linear-gradient(180deg,#291d6a,#72b6e1) 0 0 no-repeat padding-box}.gradiantBoxForSelectedNoonTime{background:rgba(0,0,0,0) linear-gradient(180deg,#72b6e1,#ffbd00) 0 0 no-repeat padding-box}.gradiantBoxForSelectedEveningTime{background:rgba(0,0,0,0) linear-gradient(180deg,#a88136,#271590) 0 0 no-repeat padding-box}.gradiantBoxForSelectedNightTime{background:rgba(0,0,0,0) linear-gradient(180deg,#2a1e6e,#150f37) 0 0 no-repeat padding-box}.bannerCard .card{background:rgba(0,0,0,0) linear-gradient(90deg,#0679F7,#06A4FC 44%,#017BFB) 0 0 no-repeat padding-box;border-radius:20px;opacity:1}.bannerCard .countCard{background:#fff 0 0 no-repeat padding-box;border-radius:10px;opacity:1;min-width:74px;font:normal normal 800 29px/36px Proxima Nova;letter-spacing:0}.actionBar{background:#3a3536 0 0 no-repeat padding-box}.activityCard{background:var(--unnamed-color-ffffff) 0 0 no-repeat padding-box;background:#fff 0 0 no-repeat padding-box;box-shadow:0 16px 40px rgba(216,216,216,.2);border:1px solid #f2f3f8;border-radius:16px;opacity:1;overflow:hidden}.activityCard .flex.flex-row.px-5.py-4{gap:3px}.activityCard .rounded-md{overflow:hidden}.activityCard button{align-items:center;padding-top:7px}.activityCard button svg{margin-top:-4px}.activityCard .text-lg.w-full.py-1.flex.items-center.justify-center.rounded-lg.mt-1{text-transform:uppercase}.activityCard img{object-fit:cover}.activitySkeleton .bannerCard .card{border-radius:20px;opacity:1}:root{--primary-dark:#0d4573;--regal-blue:#1b8eed;--success:#39B54A;--primary-color:#002f57;--secondary-color:"#0A70C4";--profile-gradient:transparent linear-gradient(#1B8EED,#0A70C4)}.profile-gradient{background:var(--profile-gradient)}html{scroll-behavior:smooth}.siteContainerMySpace{width:100%;padding-right:1rem;padding-left:1rem}@media(min-width:640px){.siteContainerMySpace{max-width:640px;padding-right:1rem;padding-left:1rem}}@media(min-width:768px){.siteContainerMySpace{max-width:768px;padding-right:1.5rem;padding-left:1.5rem}}@media(min-width:1024px){.siteContainerMySpace{max-width:1024px;padding-right:10rem;padding-left:10rem}}@media screen and (min-width:450px){.explore-sport-page .container{padding-left:16px;padding-right:16px}}.css-0{padding:1!important}.bottomBar,.siteContainer,.top0,.topBar,.topStickyBar{width:100%;height:100%}@media(min-width:576px){.bottomBar,.siteContainer,.top0,.topBar,.topStickyBar{width:420px;height:100%!important;margin:auto}}.modalSiteContainer{width:100%}@media(min-width:768px){.modalSiteContainer{padding-left:7%;padding-right:25%}}@media(max-width:768px){.modalSiteContainer{padding-left:5%;padding-right:5%}}.activityBgSection{background-image:url(https://cdn.dev.sporfy.com/trackboard/commons/svg/createscreen.png);padding:0;width:100%;background-repeat:no-repeat}.top0,.topBar,.topStickyBar{top:0;height:fit-content!important}.topBar{position:fixed}.topStickyBar{position:sticky}.bottomBar{position:fixed;bottom:0;background-color:#fff;height:fit-content!important;z-index:10}.css-ehm9hl-MuiSnackbar-root{bottom:80px!important}.text-end{text-align:end!important}.activitySectionUnderMeWeb .MuiCardContent-root{padding:16px 12px!important}.activitySectionUnderMeMobile .MuiCardContent-root{padding:14px 12px!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0!important;left:0;width:100%}.dotsHeight .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px!important;left:0;width:100%}.dealOfDay .swiper-pagination-bullet-active{width:10px!important;height:10px!important;top:1px;background-color:#000!important}.dealOfDay.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%!important;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}#mistake .w-screen{width:100%!important}@media screen and (max-width:600px){#mistake .swiper-horizontal>.swiper-pagination-bullets,#mistake .swiper-pagination-bullets.swiper-pagination-horizontal,#mistake .swiper-pagination-custom,#mistake .swiper-pagination-fraction{bottom:25px!important;left:0;width:100%}}.relative.flex-1 .h-full{height:197px!important}.flex.justify-center.capitalize.proximaNova-medium.font-semibold{text-align:center}@media screen and (min-width:1024px){.explore-tournaments-matches .swiper-wrapper{transform:none!important}}.flex.items-center.justify-center.fixed.w-full.z-10{background-color:#fff!important}.explore-sport-page .swiper-horizontal>.swiper-pagination-bullets,.explore-sport-page .swiper-pagination-bullets.swiper-pagination-horizontal,.explore-sport-page .swiper-pagination-custom,.explore-sport-page .swiper-pagination-fraction{bottom:0!important;left:0;width:100%}.explore-sport-page .swiper-pagination-bullet-active{width:20px!important;border-radius:3px!important;height:6px!important}.explore-sport-page .teamAvatar{border-radius:50%!important;outline:none!important}@media screen and (max-width:768px){.explore-sport-page .teamAvatar{border:2px solid #fff!important;outline:none!important}}@media(min-width:320px)and (max-width:425px){.explore-sport-page .teamAvatar{height:40px!important;width:40px!important}}@media(min-width:426px)and (max-width:767px){.explore-sport-page .teamAvatar{height:50px!important;width:50px!important}}@media(min-width:768px)and (max-width:1023px){.explore-sport-page .teamAvatar{height:60px!important;width:60px!important}}@media(min-width:1024px){.explore-sport-page .teamAvatar{height:70px!important;width:70px!important;border:2px solid #fff!important}}.explore-sport-page .tour-card-height{height:297px;width:210px!important;overflow:hidden!important}.explore-sport-page .tour-card-height img:hover{transform:scale(1.1);filter:brightness(1.1);transition:all .25s ease-out}@media screen and (max-width:500px){.explore-sport-page .tour-card-height{height:max(255px,32vh);width:max(40vw,165px)!important}}.explore-sport-page .featured-tournaments{--gap:2rem;display:grid!important;height:100%;gap:calc(var(--gap)/2);grid-auto-columns:auto;grid-auto-flow:column;overflow-x:scroll;scroll-snap-type:x mandatory;justify-content:flex-start!important}@media screen and (min-width:550px){.explore-sport-page .featured-tournaments{grid-auto-columns:auto;gap:var(--gap)}}@media screen and (min-width:1200px){.explore-sport-page .featured-tournaments{gap:29px}}.explore-sport-page #score-image .flex.gap-2.overflow-scroll div:first-child{padding-left:0!important}.explore-sport-page .featured-tournaments>*{scroll-snap-align:start}.explore-sport-page .swiper{height:100%;padding-bottom:6px}.explore-sport-page .swiper .swiper-slide{height:auto}.grid-x-scroll{--gap:4%;display:grid!important;height:100%;gap:calc(var(--gap)/2);grid-auto-columns:auto;grid-auto-flow:column;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-padding:calc(var(--gap)/2)}.grid-x-scroll>*{scroll-snap-align:start}@media(min-width:320px)and (max-width:425px){.followingPage.MuiDrawer-root .MuiDrawer-paper{width:100%!important}}@media(min-width:426px){.followingPage.MuiDrawer-root .MuiDrawer-paper{width:auto!important}}.orderDetail .MuiPaper-root.MuiDrawer-paper{top:0!important}.meSectionCard.MuiCardHeader-root{padding:0!important}.meSectionCard.MuiCardHeader-root .MuiCardHeader-avatar{margin-right:12px!important}@media(min-width:320px)and (max-width:374px){.meSectionCard.MuiCardHeader-root .MuiCardHeader-content .MuiTypography-root.MuiTypography-body2.MuiCardHeader-title{font-size:20px!important;font-weight:bolder!important}}@media(min-width:375px)and (max-width:424px){.meSectionCard.MuiCardHeader-root .MuiCardHeader-content .MuiTypography-root.MuiTypography-body2.MuiCardHeader-title{font-size:22px!important;font-weight:700!important}}@media(min-width:425px){.meSectionCard.MuiCardHeader-root .MuiCardHeader-content .MuiTypography-root.MuiTypography-body2.MuiCardHeader-title{font-size:24px!important;font-weight:700!important}}@media(min-width:320px)and (max-width:374px){.meSectionCard.MuiCardHeader-root .MuiCardHeader-content .MuiTypography-root.MuiTypography-body2.MuiCardHeader-subheader{font-size:12px!important}}@media(min-width:375px)and (max-width:424px){.meSectionCard.MuiCardHeader-root .MuiCardHeader-content .MuiTypography-root.MuiTypography-body2.MuiCardHeader-subheader{font-size:13px!important}}@media(min-width:425px){.meSectionCard.MuiCardHeader-root .MuiCardHeader-content .MuiTypography-root.MuiTypography-body2.MuiCardHeader-subheader{font-size:14px!important}}.ring{box-shadow:none!important}.confirmDialog .MuiDialogTitle-root .MuiTypography-h6{display:flex;justify-content:center!important;font-family:ProximaNovaBold!important}.confirmDialog .MuiDialogActions-root{padding:18px!important;justify-content:center!important}.confirmDialog .MuiButton-containedSecondary{background-color:#60b158!important}.followTab.MuiTabs-root{min-height:fit-content!important}.followTab.MuiTabs-root .MuiButtonBase-root.MuiTab-root{min-height:fit-content!important;padding:4px 16px!important;text-transform:capitalize!important}.followTab.MuiTabs-root .Mui-selected{color:#000!important}.followTab.MuiTabs-root .MuiTabs-indicator{background-color:#000!important}.swiperPagination .swiper-pagination-bullet{background:#000!important}.gmap-auto:focus,.gmap-auto:focus-visible,.gmap-auto:focus-within{outline:none!important}.gmap-black{background-color:#222!important;color:#fff!important}.gmap-white{background-color:#fff!important;color:#000!important}.dot-elastic{position:relative;width:8px;height:8px;border-radius:5px;background-color:#fff;color:#fff;animation:dot-elastic 1s linear infinite}.dot-elastic:after,.dot-elastic:before{content:"";display:inline-block;position:absolute;top:0}.dot-elastic:before{left:-15px;animation:dot-elastic-before 1s linear infinite}.dot-elastic:after,.dot-elastic:before{width:8px;height:8px;border-radius:5px;background-color:#fff;color:#fff}.dot-elastic:after{left:15px;animation:dot-elastic-after 1s linear infinite}@keyframes dot-elastic-before{0%{transform:scale(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.67)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(1.5)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic-after{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(.67)}75%{transform:scaleY(1.5)}to{transform:scale(1)}}.storyBarMenu .barMenu-border{font-size:.9rem;line-height:1.6rem}.khokho-live-anime{background:linear-gradient(128deg,#125d9b,#073e6c,#1d86dd);background-size:400% 400%;animation:gradient 10s linear infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (min-width:450px){.me-sport .container{padding-left:16px!important;padding-right:16px!important}}.tabScroll{width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;padding-bottom:4px;box-sizing:content-box}.tabScroll ::-webkit-scrollbar{display:none}.qa{border-bottom:2px}.qa:nth-of-type(n-1){border-bottom:none}.boxShadowGrayVariant{box-shadow:0 0 6px rgba(0,0,0,.1607843137)}.create::placeholder{color:#000;opacity:1}.custom-dropdown{position:relative;display:inline-block}.custom-dropdown-content{display:none;position:absolute;background-color:#fff;filter:brightness(1.1);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:200;max-height:400px;overflow:scroll}.custom-dropdown:hover .custom-dropdown-content{display:block;animation:scaleup .25s linear 0s 1 normal;animation-fill-mode:forwards}#wheel_section #wheel #canvas{width:calc(100% + 200px)!important;height:100%!important;padding-left:14%}@media(min-width:320px)and (max-width:375px){#wheel_section #wheel #canvas{padding-left:2%}}@media(min-width:375px)and (max-width:425px){#wheel_section #wheel #canvas{padding-left:6%}}@media(min-width:425px)and (max-width:768px){#wheel_section #wheel #canvas{padding-left:9%}}@media(min-width:320px)and (max-width:375px){.couponCodeBackground{height:15%;width:47%}}@media(min-width:375px)and (max-width:425px){.couponCodeBackground{height:15%;width:40%}}@media(min-width:425px)and (max-width:768px){.couponCodeBackground{height:17%;width:35%}}@media(min-width:320px)and (max-width:375px){.spinWheelContent{bottom:-21%}}@media(min-width:375px)and (max-width:425px){.spinWheelContent{bottom:-25%}}@media(min-width:425px)and (max-width:768px){.spinWheelContent{bottom:-22%}}@media(min-width:320px)and (max-width:375px){.spinWheelCouponContent{bottom:-24%}}@media(min-width:375px)and (max-width:425px){.spinWheelCouponContent{bottom:-27%}}@media(min-width:425px)and (max-width:768px){.spinWheelCouponContent{bottom:-29%}}.markdown>*{all:revert}.vertical{text-align:center;transform:rotate(180deg);writing-mode:vertical-lr}.manageaccountDetail .MuiBadge-root .MuiBadge-badge{bottom:0!important;right:50%!important}.manageaccountDetail .MuiBadge-root .MuiAvatar-root .MuiAvatar-img{padding:4px!important;border-radius:100%!important}.contentswiped{transform:translateX(-25%)}.manageAddressCss .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-root{font-size:13px!important;color:#000!important}.sizeReduce .MuiInputBase-root.MuiOutlinedInput-root{font-size:12px!important}.text-dark{color:#02335c!important}.pac-container{z-index:99999!important;display:block}.listing-carousel .swiper-horizontal>.swiper-pagination-bullets,.listing-carousel .swiper-pagination-bullets.swiper-pagination-horizontal,.listing-carousel .swiper-pagination-custom,.listing-carousel .swiper-pagination-fraction{bottom:20px!important;left:0;width:100%}.listing-carousel .swiper-pagination-bullet-active{width:15px!important;border-radius:5px!important;height:6px!important}.listing-carousel .swiper-pagination-bullet{background-color:#fff!important;opacity:1!important;width:10px!important;height:10px!important}.listing-carousel .swiperPagination .swiper-wrapper{padding-bottom:40px}.bannerHeight{position:relative!important}@media screen and (max-width:2560px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:2000px)and (max-width:2499px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:1701px)and (max-width:2000px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:1471px)and (max-width:1700px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:1441px)and (max-width:1470px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:1024px)and (max-width:1440px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:769px)and (max-width:1024px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:376px)and (max-width:768px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (min-width:322px)and (max-width:375px){.bannerHeight{min-height:auto;max-height:auto}}@media screen and (max-width:321px){.bannerHeight{min-height:auto;max-height:auto}}.eventCard{width:91%;bottom:20px}.nickname-outlined-basic .MuiInputBase-root.MuiOutlinedInput-root{padding-left:5px!important}.pac-container:after{display:none!important}.pageCenterCard .nickname-outlined-basic .MuiInputBase-root.MuiOutlinedInput-root{padding-left:5px!important}.pageCenterCard .pageCenterCard{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}@media(max-width:565px){.pageCenterCard .pageCenterCard{height:90vh!important}}.pageCenterCard .doughnutBackground{opacity:1;padding:8px;border-radius:100%}.graduated-multi-range-slider .css-1tfve6q-MuiSlider-mark{border-color:#b9b9b9!important;background-color:#b9b9b9!important;width:14px!important;height:14px!important;border-radius:50%!important}.graduated-multi-range-slider .css-14gf62f-MuiSlider-thumb:after{border-color:#39b54a!important;background-color:#39b54a!important;width:25px!important;height:25px!important;border-radius:50%!important}.graduated-multi-range-slider .css-1n40zqk-MuiSlider-track{background-color:#39b54a!important}.graduated-multi-range-slider .css-14pt78w-MuiSlider-rail{border-color:#b9b9b9!important;background-color:#b9b9b9!important}.graduated-multi-range-slider .css-6cwnna-MuiSlider-mark{width:14px!important;height:14px!important;border-color:#39b54a!important;background-color:#39b54a!important;border-radius:50%!important}.textHideSpaceCard{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important}@media(min-width:320px)and (max-width:374px){.eventCard{width:92%;bottom:20px}}@media(min-width:375px)and (max-width:424px){.eventCard{width:93%;bottom:20px}}@media(min-width:425px)and (max-width:767px){.eventCard{width:94%;bottom:20px}}@media(min-width:768px)and (max-width:1024px){.eventCard{width:93%;bottom:20px}}.popularcities.MuiSkeleton-root{border-radius:20px!important}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dot{width:12px;height:12px;background-color:#3498db;border-radius:50%;margin-right:6px;animation:bounce .8s infinite}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(3){animation-delay:.2s}.meet-tabs .tab-border{border-top:1px solid #d9d9d9!important;border-left:1px solid #d9d9d9!important;border-right:1px solid #d9d9d9!important}.meet-tabs .tab-border:after,.meet-tabs .tab-border:before{position:absolute;display:block;content:"";height:1px;width:100vw;background:#d9d9d9;bottom:1px}.meet-tabs .tab-border:after{right:100%}.meet-tabs .tab-border:before{left:100%}.animate-rotate{animation:activeBottomNavRotate .35s ease-out 0s forwards}@keyframes activeBottomNavRotate{0%{transform:rotate(-180deg)}to{transform:rotate(0deg)}}.center-slide-bottom-nav .swiper-slide{height:auto!important}.bottom-nav-white-gradiant{background:linear-gradient(180deg,transparent 50%,white 0)}.offlineNameEditingTextField.css-17vbkzs-MuiFormControl-root-MuiTextField-root{margin-top:0!important}@media screen and (max-width:1024px){.noSelect-Mobile{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noSelect-Mobile:focus{outline:none!important}}.modalEventsSiteContainer{width:100%}@media(min-width:768px){.modalEventsSiteContainer{padding-left:7%;padding-right:7%}}@media(max-width:768px){.modalEventsSiteContainer{padding-left:5%;padding-right:5%}}.footer-hide,.remove-on-footer-hide,.remove-on-footer-hide-lg,.topbar-event-tags{user-select:none}.just-top-bar{max-height:calc(100vh - 91.93px)}:root:has(.just-top-bar) .remove-on-footer-hide{display:none!important}:root:has(.just-top-bar) .remove-on-footer-hide-lg{display:none!important}