.activity-centers-page{padding-top:78px}@media screen and (max-width:992px){.activity-centers-page{padding-top:68px}}@media screen and (max-width:600px){.activity-centers-page{padding-top:58px}}.activity-centers-page .main{padding:25px 0}
.filter-content{width:100%}.filter-content .separator{box-sizing:content-box;background-color:#e9e9e9;width:calc(100% - 20px);height:1px;margin:auto}.filter-content .MuiCheckbox-root,.filter-content .MuiRadio-root{padding:6px}.filter-content .MuiFormControlLabel-root{margin-left:-8px}.filter-content .MuiPaper-root{box-shadow:none;border:0}.filter-content .MuiPaper-root:before{border:0;height:0}.filter-content .MuiAccordion-heading,.filter-content .MuiCollapse-root{box-shadow:none;border:0}.filter-content .MuiRadio-colorPrimary,.filter-content .MuiFormGroup-root .MuiCheckbox-colorPrimary,.filter-content .MuiFormGroup-root .MuiCheckbox-indeterminate,.filter-content .MuiFormGroup-root .Mui-checked{color:#ff6122}.filter-content .MuiToggleButton-primary{color:#ffb625}.filter-content .MuiToggleButton-root{color:#646464;background-color:transparent;border-color:#ffb625;padding-top:3px;padding-bottom:3px}.filter-content .MuiToggleButton-root.Mui-selected{color:#fff;background-color:#ffb625}.filter-content .MuiSlider-colorPrimary{color:#ff6122}.filter-content .MuiSlider-thumb,.filter-content .MuiSlider-colorSecondary{background-color:#ffb625}.filter-content .MuiSlider-rail,.filter-content .MuiSlider-track{height:8px}.filter-content .MuiSlider-thumb{width:18px;height:18px}.filter-content .MuiSlider-valueLabel{background-color:#ffb625}.filter-content h3{margin-bottom:0}.filter-content .slider-wrapper{max-width:300px;padding:0 8px}.filter-content .slider-description{max-width:300px}.filter-content .group-button-wrapper{width:100%}.filter-dialog{height:90vh;position:relative}.filter-dialog .head-row{z-index:10;background-color:#fff;border-bottom:1px solid #e9e9e9;width:100%;padding:20px 20px 10px;position:absolute;top:0;left:0}.filter-dialog .filter-wrapper{height:100%;padding:70px 20px 20px;position:relative;overflow-y:auto}.activity-centers-section .filter-loading-wrapper{z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(255,255,255,.7);justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;display:flex;position:fixed;top:0;left:0}.activity-centers-section .filter-loading-wrapper .MuiCircularProgress-colorPrimary{color:#ff6122}.activity-centers-section .flex-container{gap:20px}.activity-centers-section .flex-container .column-filter{flex-shrink:0;width:250px}@media screen and (max-width:992px){.activity-centers-section .flex-container .column-filter{display:none}}@media screen and (max-width:600px){.activity-centers-section .flex-container .column-filter{display:none}}.activity-centers-section .flex-container .column-filter .filter-wrapper{scrollbar-width:none;background-color:#fff;border-radius:20px;height:calc(100vh - 150px);padding:20px 0;position:-webkit-sticky;position:sticky;top:103px;overflow-y:auto;box-shadow:0 2px 4px rgba(0,0,0,.1)}.activity-centers-section .flex-container .column-filter .filter-wrapper::-webkit-scrollbar{display:none}.activity-centers-section .flex-container .column-list{flex:1}.activity-centers-section .flex-container .column-list .filter-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.activity-centers-section .flex-container .column-list .filter-row .filter-button{margin-bottom:20px;display:none}@media screen and (max-width:992px){.activity-centers-section .flex-container .column-list .filter-row .filter-button{display:block}}@media screen and (max-width:600px){.activity-centers-section .flex-container .column-list .filter-row .filter-button{display:block}}.activity-centers-section .flex-container .column-list .activity-center-list{position:relative}.activity-centers-section .flex-container .column-list .activity-center-list .empty-result{background-color:#ffedd7;border-radius:20px;margin-bottom:20px;padding:40px}.activity-centers-section .flex-container .column-list .activity-center-list .empty-result h3{margin-bottom:10px}.activity-centers-section .flex-container .column-list .activity-center-list .empty-result p,.activity-centers-section .flex-container .column-list .activity-center-list .activity-center-row{margin-bottom:20px}.activity-centers-section .flex-container .column-list .activity-center-list .load-more-wrapper,.activity-centers-section .flex-container .column-list .activity-center-list .initial-loading-wrapper{justify-content:center;width:100%;margin-top:40px;display:flex}.activity-centers-section .flex-container .column-list .activity-center-list .initial-loading-wrapper .MuiCircularProgress-colorPrimary{color:#ff6122}.activity-centers-section .flex-container .column-list .activity-center-list .pagination-loading-wrapper{justify-content:center;width:100%;margin-top:40px;display:flex}.activity-centers-section .flex-container .column-list .activity-center-list .pagination-loading-wrapper .MuiCircularProgress-colorPrimary{color:#ff6122}.activity-centers-section .flex-container .column-ad{flex-shrink:0;width:300px}@media screen and (max-width:1200px){.activity-centers-section .flex-container .column-ad{display:none}}@media screen and (max-width:992px){.activity-centers-section .flex-container .column-ad{display:none}}@media screen and (max-width:600px){.activity-centers-section .flex-container .column-ad{display:none}}
.arrow-button{color:#000;cursor:pointer;white-space:nowrap;background-color:transparent;border:none;align-items:center;gap:8px;height:40px;font-size:14px;font-weight:400;transition:all .3s;display:inline-flex}.arrow-button .arrow-icon{transition:all .3s}.arrow-button .arrow-icon path{fill:#000}.arrow-button:hover .arrow-icon{transform:translate(4px)}.arrow-button.primary{color:#ff6122}.arrow-button.primary .arrow-icon path{fill:#ff6122}.arrow-button.primary:hover{color:#fc8759}.arrow-button.primary:hover .arrow-icon path{fill:#fc8759}.arrow-button.secondary{color:#ffb625}.arrow-button.secondary .arrow-icon path{fill:#ffb625}.arrow-button.secondary:hover{color:#ffca4a}.arrow-button.secondary:hover .arrow-icon path{fill:#ffca4a}.arrow-button.black{color:#000}.arrow-button.black .arrow-icon path{fill:#000}.arrow-button.black:hover{color:#333}.arrow-button.black:hover .arrow-icon path{fill:#333}.arrow-button.small{font-size:14px}@media screen and (max-width:992px){.arrow-button.small{font-size:13px}}@media screen and (max-width:600px){.arrow-button.small{font-size:12px}}.arrow-button.medium{font-size:14px}@media screen and (max-width:992px){.arrow-button.medium{font-size:13px}}@media screen and (max-width:600px){.arrow-button.medium{font-size:12px}}.arrow-button.large{font-size:16px}@media screen and (max-width:992px){.arrow-button.large{font-size:15px}}@media screen and (max-width:600px){.arrow-button.large{font-size:14px}}
.activity-center-large-card{border-radius:20px;transition:box-shadow .3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.activity-center-large-card:hover{box-shadow:0 2px 4px rgba(0,0,0,.2)}.activity-center-large-card .card-wrapper{background-color:#fff;border-radius:20px;padding:20px;display:block;overflow:hidden}.activity-center-large-card .card-wrapper .flex-container{align-items:flex-start;gap:20px}.activity-center-large-card .card-wrapper .flex-container .column-image{flex-shrink:0;width:20%;max-width:100px;position:relative}.activity-center-large-card .card-wrapper .flex-container .column-image .image-card.thumbnail{border-radius:10px;width:100%;height:100%;overflow:hidden}.activity-center-large-card .card-wrapper .flex-container .column-image .image-card.thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.activity-center-large-card .card-wrapper .flex-container .column-image .image-card.logo{background-color:#fff;border:1px solid #fff;border-radius:10px;width:48px;height:48px;position:absolute;top:10px;left:10px;overflow:hidden}.activity-center-large-card .card-wrapper .flex-container .column-image .image-card.logo img{object-fit:contain;width:100%;height:100%}.activity-center-large-card .card-wrapper .flex-container .column-content{flex-direction:column;gap:8px;width:100%;display:flex}.activity-center-large-card .card-wrapper .flex-container .column-content .separator{background-color:#e9e9e9;height:1px;margin:0 0 8px}.activity-center-large-card .card-wrapper .flex-container .column-content .content-row{justify-content:flex-start;align-items:center;gap:16px;width:100%;display:flex}.activity-center-large-card .card-wrapper .flex-container .column-content .content-row .location,.activity-center-large-card .card-wrapper .flex-container .column-content .content-row .category,.activity-center-large-card .card-wrapper .flex-container .column-content .content-row .rating,.activity-center-large-card .card-wrapper .flex-container .column-content .content-row .review,.activity-center-large-card .card-wrapper .flex-container .column-content .content-row .favorite{gap:4px}.activity-center-large-card .card-wrapper .flex-container .column-content .supplementary-info{gap:8px}.activity-center-large-card .card-wrapper .flex-container .column-content .supplementary-info .address,.activity-center-large-card .card-wrapper .flex-container .column-content .supplementary-info .category,.activity-center-large-card .card-wrapper .flex-container .column-content .supplementary-info .suitable-age{flex:1 0 50%}.activity-center-large-card .card-wrapper .flex-container .column-content .supplementary-info .suitable-age .age-row{gap:8px;display:flex}.activity-center-large-card .card-wrapper .flex-container .column-content .supplementary-info .suitable-age .age-row .age-tag{background-color:#ffb625;border:1px solid #ffb625;border-radius:2px;padding:0 6px}.activity-center-large-card .card-wrapper .flex-container .column-content .supplementary-info .average-fee{flex:1 0 50%}
