.blog_container{overflow:hidden;.blog_banner{padding-block:23px 40px;position:relative;.banner_img{img{display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}}.banner_title{color:#fff;font-family:Onest-Bold;font-size:36px;inset-block-start:50%;inset-inline-start:50%;line-height:46px;position:absolute;transform:translate(-50%,-70%)}}.blog_popular{.popular_title{color:#252530;font-family:Onest-SemiBold;font-size:24px;line-height:38px;-webkit-padding-after:20px;padding-block-end:20px}.blog_popular_content{display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,1.5fr);grid-template-rows:auto auto;grid-row-gap:25px;row-gap:25px;grid-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-margin-after:80px;margin-block-end:80px;.blog_popular_card{background:#fff;border-radius:10px;box-shadow:0 -4px 47px rgba(0,0,0,.09);display:flex;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;.card_image{flex-shrink:0;padding:15px;img{border-radius:10px;height:100%;max-height:248px;max-width:248px;-o-object-fit:cover;object-fit:cover;width:100%}}.card_info{padding-block:23px 26px;-webkit-padding-end:24px;display:flex;flex-direction:column;flex-grow:1;padding-inline-end:24px;.card_tags{display:flex;gap:9px;-webkit-padding-after:12px;padding-block-end:12px;.card_tag{background:#f0f5f5;border-radius:16px;color:#191919;font-family:Onest-Medium;font-size:16px;padding-block:7.5px;padding-inline:12px}}.card_title{color:#373737;font-family:Onest-SemiBold;font-size:20px;-webkit-margin-after:12px;margin-block-end:12px}.card_description{color:#000;flex-grow:1;font-family:Onest;font-size:16px;line-height:120%}.card_read_btn{background:#00b67a;border-radius:10px;padding-block:10px;padding-inline:43px;-webkit-margin-before:10px;align-self:flex-start;color:#fff;cursor:pointer;font-family:Onest-SemiBold;font-size:16px;margin-block-start:10px}}&:first-child{flex-direction:column;grid-row:1/3;.card_image{img{max-height:200px;max-width:444px}}.card_info{padding-block:10px 30px;padding-inline:25px;.card_tags{-webkit-padding-after:27px;padding-block-end:27px}.card_title{-webkit-margin-after:15px;margin-block-end:15px}}}}}}.blog_upcoming{-webkit-padding-after:80px;padding-block-end:80px;.upcoming_title{color:#252530;font-family:Onest-SemiBold;font-size:24px;line-height:38px;-webkit-padding-after:30px;padding-block-end:30px}.upcoming_content{display:grid;grid-template-columns:373px 1fr;grid-gap:26px;align-items:start;.upcoming_card_release{height:100%;.card_container{background-position:50%;background-size:cover;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-block:20px 25px;padding-inline:25px 20px;position:relative;.card_date{align-self:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.3);border-radius:8px;color:#fff;padding-block:12px 19px;padding-inline:24px;text-align:center;.date_number{display:block;font-family:Onest-Bold;font-size:50px;letter-spacing:-.08em;line-height:100%;text-align:center}.date_month{font-family:Onest-Medium;font-size:16px;line-height:120%}}.card_info{color:#fff;.card_info_game{align-items:center;display:flex;gap:6px;-webkit-padding-after:11px;padding-block-end:11px;.game_icon{filter:invert(30%) sepia(6%) saturate(0) hue-rotate(318deg) brightness(93%) contrast(92%);height:18px;width:18px}.game_title{color:hsla(0,0%,100%,.7);font-family:Onest-SemiBold;font-size:16px}}.card_title{font-family:Onest-Bold;font-size:24px;line-height:100%;-webkit-padding-after:16px;padding-block-end:16px}.card_read_btn{background:transparent;border:1px solid hsla(0,0%,100%,.5);border-radius:8px;cursor:pointer;font-family:Onest-Medium;font-size:16px;padding-block:15px;padding-inline:64.5px}}}}.upcoming_calendar{border-radius:10px;box-shadow:0 -4px 47px rgba(0,0,0,.09);max-width:100%;overflow:hidden;padding-block:35px 38px;padding-inline:38px;.calendar_header{align-items:center;display:flex;justify-content:space-between;-webkit-padding-after:30px;padding-block-end:30px;position:relative;.calendar_month{color:#252530;font-family:Onest-SemiBold;font-size:20px}.calendar_date{display:inline-block;position:relative;.btn_date{align-items:center;background:#f6f6f6;border:1px solid #efefef;border-radius:10px;color:rgba(22,22,26,.8);cursor:pointer;display:flex;font-family:Onest-SemiBold;font-size:16px;gap:8px;line-height:125%;padding-block:10px;padding-inline:15px 21px;transition:all .2s ease;svg{height:16px;width:16px}.arrow-icon{height:12px;transition:transform .3s ease;width:12px}&[aria-expanded=true] .arrow-icon{transform:rotate(180deg)}}.date_input{border:none;height:0;left:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:30px;width:120px}}}.calendar_container{-webkit-padding-after:15px;padding-block-end:15px;position:relative;width:100%;.calendar_arrow{align-items:center;color:#a4a4a4;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;width:40px;z-index:10;&.calendar_arrow_left{left:-35px;transform:translateY(-80%)}&.calendar_arrow_right{right:-35px;transform:translateY(-80%)}}.calendar_days{display:grid;grid-auto-columns:98px;grid-auto-flow:column;grid-gap:3px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;&::-webkit-scrollbar{display:none;height:0;width:0}.day{align-items:flex-start;border:1px solid #efefef;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:72px;padding-block:8px;padding-inline:12px 7px;position:relative;transition:all .2s ease;.day-name{color:#a4a4a4;font-family:Onest-Medium;font-size:14px;line-height:21px}.day-number{color:#1a1a1a;font-family:Onest-SemiBold;font-size:24px;line-height:31px}.day-dot{background:#007bff;border-radius:50%;height:6px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:6px}&.has-event .day-dot{opacity:1}&.active{background:rgba(0,182,122,.1);border:2px solid #1acb6e}}}}.releases_container{max-height:290px;min-height:290px;overflow-y:auto}.releases_list.top{display:block}.releases_list{display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:290px;.releases_empty{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;.empty_text{color:#000;font-family:Onest-Medium;font-size:16px;line-height:20px}}.release_item{align-items:center;background:#f8f8f8;border-radius:10px;display:flex;gap:22px;padding-block:10px;padding-inline:10px 30px;.release_icon{border-radius:6px;height:70px;-o-object-fit:cover;object-fit:cover;width:70px}.release_date{color:rgba(0,0,0,.7);font-family:Onest-SemiBold;font-size:12px;line-height:120%;padding-block:6px;text-align:center}.release_info{display:flex;flex:1 1;flex-direction:column;gap:11px;.release_info_game{align-items:center;display:flex;gap:8px;.release_title{color:rgba(0,0,0,.7);font-family:Onest-SemiBold;font-size:14px;line-height:120%}.game_icon{filter:invert(80%) sepia(6%) saturate(0) hue-rotate(318deg) brightness(93%) contrast(92%);height:18px;width:18px}}.release_game{color:#000;font-family:Onest-Bold;font-size:20px;letter-spacing:-.02em;line-height:100%}}.release_status{border-radius:8px;font-family:Onest-Bold;font-size:14px;min-width:100px;padding-block:6px;text-align:center;&.update{background:rgba(133,42,238,.1);color:#852aee}&.new_patch{background:rgba(18,175,128,.1);color:#12af80}&.new_season{background:rgba(237,181,49,.1);color:#edb531}&.new_addon{background:#bee1f6;color:#0953a8}&.pre_patch{background:#f0cde5;color:#d91da1}}}}}}}.blog_articles{-webkit-padding-after:90px;padding-block-end:90px;.articles_header{display:flex;flex-direction:column;gap:18px;-webkit-padding-after:20px;padding-block-end:20px;.articles_title{color:#252530;font-family:Onest-SemiBold;font-size:24px;line-height:38px}.articles_filters{display:flex;gap:14px;.articles_search{align-items:center;display:flex;flex:3 1;position:relative;.search_icon{cursor:pointer;height:14px;left:20px;position:absolute;width:14px}.search_input{background:#f6f6f6;border-radius:10px;font-family:Onest;font-size:16px;padding-block:16px;padding-inline:48px 20px;transition:all .2s ease;width:100%;&::-moz-placeholder{color:#aeaeae}&::-webkit-input-placeholder{color:#aeaeae}&::placeholder{color:#aeaeae}}}.articles_game_filter{flex:1 1;position:relative;.custom_select{position:relative;width:100%;.select_trigger{align-items:center;background:#f6f6f6;border:1px solid #efefef;border-radius:10px;color:#16161a;cursor:pointer;display:flex;font-family:Onest-SemiBold;font-size:16px;gap:12px;padding-block:14.5px;padding-inline:20px;transition:all .2s ease;width:100%;.select_icon{flex-shrink:0;height:18px;width:18px}.select_text{flex:1 1;text-align:left}.select_arrow{flex-shrink:0;transition:transform .3s ease}&[aria-expanded=true] .select_arrow{transform:rotate(180deg)}}.select_dropdown{background:#fff;border:1px solid #efefef;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transition:all .3s ease;visibility:hidden;z-index:100;&.open{max-height:300px;opacity:1;overflow-y:auto;visibility:visible}.select_option{align-items:center;color:#16161a;cursor:pointer;display:flex;font-family:Onest;font-size:16px;gap:12px;padding-block:12px;padding-inline:20px;transition:background .2s ease;.option_icon{flex-shrink:0;height:18px;width:18px}.option_text{flex:1 1}&:hover{background:#f8f8f8}&.active{background:rgba(26,203,110,.1);color:#00b67a}&.active svg{fill:#00b67a}}}}}}}.articles_list{display:flex;flex-direction:column;gap:18px}.blog_pagination{display:flex;justify-content:center;margin-block:30px 10px;.pagination_wrapper{display:flex;gap:25px;.pagination_arrow{align-items:center;background:#f3f7f7;border-radius:8px;color:#a0b5b5;display:flex;height:40px;justify-content:center;width:40px}.pagination_numbers{display:flex;gap:5px;.pagination_number{align-items:center;background:#f3f7f7;border-radius:8px;color:#000;display:flex;font-size:14px;height:36px;justify-content:center;line-height:1;min-width:36px;min-width:40px;&.active{background:#00b67a;color:#fff}}.pagination_dots{align-items:center;color:#000;display:flex;font-size:14px;justify-content:center;min-width:20px}}}}}.blog_banner_subscribe{align-items:center;display:flex;-webkit-margin-after:90px;margin-block-end:90px;min-height:180px;position:relative;.blog-banner-bg{background-image:url(../image/blog/bg-banner-blog.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.blog-banner-img{align-items:flex-end;bottom:0;display:flex;justify-content:center;position:absolute;width:100%;z-index:2}.blog-banner-content{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding-inline:5%;position:relative;z-index:2;.blog-banner-wrapper{align-items:flex-start;color:#fff;display:flex;flex-direction:column;gap:5px;.blog-banner-title{font-family:Onest-Bold;font-size:36px;margin:0}.blog-banner-text{font-family:Onest-Medium;font-size:18px;margin:0}}.blog-subscribe{align-items:center;display:flex;gap:11px;.blog-subscribe-input{background:#fff;border-radius:8px;color:#16161a;font-family:Onest;font-size:16px;padding-block:14px;padding-inline:14px;width:100%}.blog-banner-btn{background:#ed3173;border-radius:10px;color:#fff;font-family:Onest-Bold;font-size:14px;padding-block:16px;padding-inline:32px}}}}}@media (max-width:1280px){.blog_container{.blog_popular{.blog_popular_content{gap:15px;.blog_popular_card{.card_image{img{max-height:200px;max-width:200px}}.card_info{padding-block:15px;.card_tags{.card_tag{font-size:14px}}.card_title{font-size:18px}.card_description{font-size:14px}}}}}}}@media (max-width:1024px){.blog_container{.blog_upcoming{.upcoming_content{gap:10px;grid-template-columns:.8fr 1fr;.upcoming_card_release{.card_container{padding-block:18px 23px;padding-inline:23px 18px}}.upcoming_calendar{padding-block:18px 43px;padding-inline:15px;.calendar_container{.calendar_arrow{display:none}}.releases_list{.release_item{.release_info{.release_game{font-size:18px}}}}}}}}}@media (max-width:940px){.blog_container{.blog_popular{.blog_popular_content{gap:10px;grid-template-columns:1fr 1fr;.blog_popular_card{flex-direction:column;.card_image{img{max-height:200px;max-width:444px}}.card_info{padding-block:0 20px;padding-inline:15px;.card_tags{-webkit-padding-after:16px;gap:6px;padding-block-end:16px;.card_tag{font-size:12px;padding-inline:21px}}.card_read_btn{padding-block:10px;width:100%}}&:first-child{grid-row:1;.card_info{padding-block:0 20px;padding-inline:15px;.card_tags{-webkit-padding-after:16px;gap:6px;padding-block-end:16px}.card_title{-webkit-margin-after:15px;margin-block-end:15px}}}&:last-child{display:none}}}}.blog_upcoming{-webkit-padding-after:50px;padding-block-end:50px;.upcoming_content{.upcoming_card_release{.card_container{.card_date{padding-block:21px 15px;padding-inline:20px;.date_number{font-size:46px;line-height:80%}.date_month{font-size:15px}}.card_info{.card_info_game{-webkit-padding-after:9px;padding-block-end:9px;.game_icon{height:18px;width:18px}.game_title{font-size:14px}}.card_title{font-size:22px;-webkit-padding-after:15px;padding-block-end:15px}.card_read_btn{font-size:15px;padding-block:10.5px;padding-inline:60px}}}}.upcoming_calendar{.calendar_header{-webkit-padding-after:13px;padding-block-end:13px;.calendar_month{font-size:16px}.calendar_date{.btn_date{padding-block:9px;-webkit-padding-end:9px;font-size:14px;padding-inline-end:9px;svg{height:14px;width:14px}}}}.calendar_container{.calendar_days{gap:5px;grid-auto-columns:80px;.day{border-radius:8px;min-height:58px;padding-block:6.5px 5px;padding-inline:9px;.day-name{font-size:11px;line-height:17px}.day-number{font-size:20px;line-height:100%}}}}.releases_list{gap:6px;.release_item{gap:12px;-webkit-padding-end:10px;padding-inline-end:10px;.release_icon{height:50px;width:50px}.release_date{font-size:10px}.release_info{gap:6px;.release_info_game{gap:4px;.game_icon{height:12px;width:12px}.release_title{font-size:12px}}.release_game{font-size:16px}}.release_status{font-size:12px;min-width:90px;padding-block:7.5px}}}}}}.blog_articles{-webkit-padding-after:80px;padding-block-end:80px;.articles_header{gap:11px;-webkit-padding-after:15px;padding-block-end:15px;.articles_filters{gap:10px;.articles_search{flex:1 1;.search_input{padding-block:10px}}.articles_game_filter{flex:1 1;.custom_select{.select_trigger{gap:8px;padding-block:8.5px;.select_icon{height:22px;width:22px}}}}}}.articles_list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;grid-row-gap:12px;row-gap:12px}}.blog_banner_subscribe{min-height:235px;.blog-banner-img{right:15px;width:50%}.blog-banner-content{align-items:flex-start;flex-direction:column;gap:20px;.blog-banner-wrapper{.blog-banner-title{font-size:28px}.blog-banner-text{font-size:15px}}}}}}@media (min-width:768px) and (max-width:860px){.blog_container{.blog_upcoming{.upcoming_content{gap:10px;grid-template-columns:1fr 1fr}}}}@media (max-width:768px){.blog_container{.blog_banner{padding-block:28px 30px;.banner_title{font-size:20px;transform:translate(-50%,-35%)}}.blog_popular{.popular_title{font-size:20px;-webkit-padding-after:15px;padding-block-end:15px}.blog_popular_content{-webkit-margin-after:50px;margin-block-end:50px;row-gap:0;.blog_popular_card{.card_image{img{max-height:160px;max-width:100%}}.card_info{.card_title{font-size:16px;-webkit-margin-after:10px;margin-block-end:10px}.card_description{font-size:12px}.card_read_btn{-webkit-margin-before:22px;margin-block-start:22px}}&:first-child{.card_image{img{max-height:160px;max-width:100%}}.card_info{.card_title{-webkit-margin-after:10px;margin-block-end:10px}}}}}}.blog_upcoming{.upcoming_title{font-size:20px;-webkit-padding-after:15px;padding-block-end:15px}}.blog_articles{-webkit-padding-after:70px;padding-block-end:70px;.articles_header{.articles_title{font-size:20px}}.blog_pagination{margin-block:20px 0;.pagination_wrapper{gap:4px;.pagination_numbers{gap:2px;margin:0 4px}}}}.blog_banner_subscribe{-webkit-margin-after:160px;margin-block-end:160px;.blog-banner-content{.blog-banner-wrapper{.blog-banner-title{font-size:20px}.blog-banner-text{font-size:12px}}.blog-subscribe{flex-direction:column;gap:5px;width:270px;.blog-banner-btn,.blog-subscribe-input{padding-block:10.5px;width:100%}}}}}}@media (max-width:610px){.blog_container{.blog_popular{.blog_popular_content{grid-template-columns:1fr;.blog_popular_card{.card_image{img{max-height:160px;max-width:100%}&:first-child{img{max-height:160px;max-width:100%}}}.card_info{padding-block:0 15px;padding-inline:15px;.card_tags{gap:6px;-webkit-padding-after:16px;padding-block-end:16px;.card_tag{font-size:12px}}.card_title{font-size:16px}.card_description{font-size:12px}.card_read_btn{background:#00b67a;border-radius:10px;padding-block:10px;padding-inline:43px;-webkit-margin-before:10px;align-self:flex-start;color:#fff;cursor:pointer;font-family:Onest-SemiBold;font-size:16px;margin-block-start:10px}}&:last-child{display:flex}}}}.blog_upcoming{.upcoming_content{grid-template-columns:1fr;.upcoming_card_release{.card_container{height:400px}}.upcoming_calendar{.calendar_container{.calendar_days{grid-auto-columns:80px}}}}}}}@media (max-width:560px){.blog_container{.blog_articles{-webkit-padding-after:60px;padding-block-end:60px;.articles_list{grid-template-columns:1fr}}}}@media (max-width:480px){.blog_container{.blog_articles{.articles_header{.articles_filters{flex-direction:column}}}.blog_banner{.banner_title{inset-inline-start:41%;transform:translate(-32%,-36%)}}.blog_banner_subscribe{align-items:flex-start;-webkit-margin-after:60px;margin-block-end:60px;min-height:380px;-webkit-padding-before:36px;padding-block-start:36px;.blog-banner-img{border-radius:10px;overflow:hidden;right:0;width:100%}.blog-banner-content{align-items:center}.blog-banner-btn{justify-content:center;text-align:center;width:270px}}}}.air-datepicker{--dp-accent:#00b67a!important;--dp-accent-weak:rgba(0,182,122,.15)!important;border-radius:14px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;font-family:Onest,system-ui,-apple-system,Segoe UI,Roboto!important;z-index:1000!important}.air-datepicker-nav{font-weight:600!important}.air-datepicker-body--day-names{color:#6b7280!important}.air-datepicker-body--day-name{color:#000!important}.air-datepicker-cell.-current-,.air-datepicker-cell.-focus{background:#00b67a!important;color:#fff!important;height:32px;width:32px}.air-datepicker-cell.-in-range-{background:var(--dp-accent-weak)!important}.air-datepicker-cell.-range-from-,.air-datepicker-cell.-range-to-{background:var(--dp-accent)!important;color:#fff!important}.air-datepicker-cell.-range-from-{border-radius:999px 0 0 999px!important}.air-datepicker-cell.-range-to-{border-radius:0 999px 999px 0!important}.air-datepicker-cell.-selected-:not(.-in-range-){border-radius:999px!important}.air-datepicker-cell.has-dot{position:relative!important}.air-datepicker-cell.has-dot:after{background:#2aabee!important;border-radius:50%!important;content:""!important;height:4px!important;position:absolute!important;right:6px!important;top:6px!important;width:4px!important}.empty_state,.loading_state{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;p{color:#6c757d;font-family:Onest;font-size:14px;margin:0}}