.explore{width:100%;padding-bottom:20px}.explore .explore_public-course-list-section-notice-header{display:block;background-color:#fff;margin-top:40px;border:1px solid #e7e7e7;box-shadow:0 2px 0 0 rgba(0,0,0,.1);overflow:hidden;width:100%;max-width:1200px}.explore .explore_content{display:flex;flex-direction:column;align-items:center;padding:0 50px}.explore .explore_tio-start-now-playground{display:block;margin-top:11px}.explore .explore_playgrounds-container{width:calc(100% - 240px);margin-left:40px}.explore .explore_playgrounds-container.with-filter{margin-left:240px}.explore .explore_playgrounds-container.without-filter{width:100%;margin-left:0}.explore .explore_wrapper{padding-top:30px;display:flex;justify-content:center;width:100%;max-width:1200px;position:relative}.explore .explore_header{width:100%;display:flex;justify-content:center;background-color:#252e38;padding:0 50px}.explore .explore_header-content{width:100%;max-width:1200px;display:flex;align-items:center;padding:20px 0}.explore .explore_header-title-wrapper{display:flex;align-items:center;flex:1}.explore .explore_header-title{color:#fff;font-size:24px;font-weight:300;display:flex;align-items:center}.explore .explore_header-title:before{width:24px;height:24px;content:"";display:block;background-position:50%;background-repeat:no-repeat;background-size:contain;margin-right:15px}.explore .explore_header-title.tag:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBpZD0iVGFnXzI0IiBkPSJNMzAyNCAxMDMzYTMgMyAwIDAgMSAwIDZoLTJ2MmEzIDMgMCAwIDEtNiAwdi0yaC0ydjJhMyAzIDAgMCAxLTYgMHYtMmgtMmEzIDMgMCAwIDEgMC02aDJ2LTJoLTJhMyAzIDAgMCAxIDAtNmgydi0yYTMgMyAwIDAgMSA2IDB2Mmgydi0yYTMgMyAwIDAgMSA2IDB2MmgyYTMgMyAwIDAgMSAwIDZoLTJ2MmgyWm0tMTIgNGgxMmExIDEgMCAwIDAgMC0yaC0xMnYyWm0tMiA0YTEgMSAwIDAgMCAyIDB2LTJoLTJ2MlptLTQtNmExIDEgMCAwIDAgMCAyaDR2LTJoLTRabTAtOGExIDEgMCAwIDAgMCAyaDR2LTJoLTRabTYtNGExIDEgMCAwIDAtMiAwdjE2aDJ2LTE2Wm00IDhoLTJ2Mmgydi0yWm00LThhMSAxIDAgMCAwLTIgMHY0aDJ2LTRabTAgNmgtMnY2aDJ2LTZabTAgOGgtMnY0YTEgMSAwIDAgMCAyIDB2LTRabTQtOGExIDEgMCAwIDAgMC0yaC0xMnYyaDEyWm0zIDdabS04IDhabS04IDBabS04LThabTAtOFptOC04Wm04IDBabTggOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDAzIC0xMDIwKSIgc3R5bGU9ImZpbGw6I2YyYmIxMztmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==)}.explore .explore_header-title-explore:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny42IiBoZWlnaHQ9IjQ3LjgxMiIgdmlld0JveD0iMCAwIDQ3LjYgNDcuODEyIj48cGF0aCBpZD0iRXhwbG9yZV9NNDgiIGQ9Ik0xMzE0Ni41IDIwMy42NTJhMS45NjUgMS45NjUgMCAwIDEtMS45IDEuMzYgMS44IDEuOCAwIDAgMS0uNi0uMWwtNi4zLTIuMTE1LS4zLjg0OGExLjcyNSAxLjcyNSAwIDAgMS0xIDEuMTU4IDIuMDg4IDIuMDg4IDAgMCAxLS45LjIxMyAxLjg1NSAxLjg1NSAwIDAgMS0uNi0uMWwtMTAuMS0zLjM3OXYyLjg0NWE2IDYgMCAwIDEgNCA1LjYwNiA1Ljc3NSA1Ljc3NSAwIDAgMS0xIDMuMTU0bDYuNyAxMy45YTEuOTU1IDEuOTU1IDAgMCAxLS45IDIuNjYgMi4xODMgMi4xODMgMCAwIDEtLjkuMiAyLjExIDIuMTEgMCAwIDEtMS44LTEuMTI2bC02LjMtMTMuMTMyYTUuNDgxIDUuNDgxIDAgMCAxLTEuOC4zMTkgNS45ODggNS45ODggMCAwIDEtMS44LS4zMTlsLTYuMyAxMy4xMzJhMi4xMSAyLjExIDAgMCAxLTEuOCAxLjEyNiAyLjE4MyAyLjE4MyAwIDAgMS0uOS0uMiAxLjk1NSAxLjk1NSAwIDAgMS0uOS0yLjY2bDYuNy0xMy45YTUuNzc4IDUuNzc4IDAgMCAxLTEtMy4xNTUgNiA2IDAgMCAxIDQtNS42MDZ2LTQuMTdsLTcuNy0yLjU3M3YuMTVhMi4xMzYgMi4xMzYgMCAwIDEtMSAxLjE5NSAxLjg0OCAxLjg0OCAwIDAgMS0uOS4yNTEgMi4zMzEgMi4zMzEgMCAwIDEtLjYtLjA3OGwtMTAuMi0yLjkyYTIuMTYzIDIuMTYzIDAgMCAxLTEuMi0uOTQ3IDEuOTg4IDEuOTg4IDAgMCAxLS4xLTEuNTE2bDIuOS0xMC4yMmExLjk1MSAxLjk1MSAwIDAgMSAyLjQtMS4zNjhsMTAuMiAyLjkyMWExLjk3OSAxLjk3OSAwIDAgMSAxLjQgMi40NjJsLS4yLjYxNyAyMi4yIDcuNGExLjk0NSAxLjk0NSAwIDAgMSAxLjIgMi41MTFsLS4zLjkxOSA2LjQgMi4xMjFhMS45NTYgMS45NTYgMCAwIDEgMS4yIDIuNTE2Wm0tNDEuMy0xNy4xLTEuOCA2LjM5MSA2LjQgMS44MTl2LS4zMjJjLjEtLjExMy4xLS4yMTguMi0uMzE5bDEuNi01LjczN1ptMTcuNiAyNS40MThhMS45OTIgMS45OTIgMCAxIDAtMi0xLjk5MyAyIDIgMCAwIDAgMiAxLjk5N1ptLTguMS0xOS45NjMtLjUgMS43ODkgMjAuMSA2LjcuNS0xLjc2NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzA5OSAtMTgyLjA5NCkiIHN0eWxlPSJmaWxsOiNmMmJiMTM7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48L3N2Zz4=)}.explore .explore_header-title-search:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny44MSIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ3LjgxIDQ4Ij48cGF0aCBpZD0iU2VhcmNoX000OCIgZD0iTTQyMDAuMjYgMTQ2Ny40MWExLjk4IDEuOTggMCAwIDEtMi44MiAwbC0xNS4zLTE1LjM2YTE3Ljc2NCAxNy43NjQgMCAwIDEtMTEuMTggMy45NSAxOC4wMSAxOC4wMSAwIDEgMSAxNC02Ljc4bDE1LjMgMTUuMzdhMS45OTIgMS45OTIgMCAwIDEgMCAyLjgyWm0tMjkuMy00My40MWExNCAxNCAwIDEgMCAxMy45NSAxNCAxMy45OTIgMTMuOTkyIDAgMCAwLTEzLjk1LTE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQxNTMuMDMgLTE0MjApIiBzdHlsZT0iZmlsbDojNDFhNGQxO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+)}.explore .explore_header-empty{flex:1}.explore .explore_header-container{display:flex;justify-content:center}.explore .explore_header-tabs{display:flex;justify-content:center;align-items:center;background-color:#fff}.explore .explore_header-tab{background-color:#fff;color:#454c55;font-size:14px;font-weight:400;width:120px;height:40px;display:flex;align-items:center;justify-content:center;text-align:center;transition:color .2s}.explore .explore_header-tab:not(:disabled):hover{color:rgba(69,76,85,.7)}.explore .explore_header-tab.selected{transition:.2s;background-color:#f2bb13;font-weight:600}.explore .explore_header-tab.selected:hover{color:#454c55;background-color:rgba(242,187,19,.7)}.explore .explore_header-tab.selected .explore_header-tab-icon path{fill:#454c55}.explore .explore_header-tab-icon{display:none}.explore .explore_header-tab-icon path{fill:#f2bb13}.explore .explore_header-tab-icon{width:30px;height:30px;margin-right:10px}.explore .explore_header-filter{border:1px solid #e7e7e7;width:85px;height:85px;justify-content:center;align-items:center;background-color:#fff;margin-left:50px;display:none;position:relative;cursor:pointer}.explore .explore_header-filter:hover .explore_header-filter-icon path{fill:rgba(242,187,19,.7)}.explore .explore_header-filter-icon{width:30px;height:30px}.explore .explore_header-filter-icon path{fill:#f2bb13}.explore .explore_header-filter-tick{position:absolute;right:0;bottom:0;width:20px;height:20px}.explore .explore_header-filter-tick path{fill:#f7c327;fill-rule:evenodd}.explore .explore_loading-more{display:flex;justify-content:center;align-items:center;padding:20px}.explore .explore_loading-more-icon{flex:none;width:32px;height:32px}.explore .explore_loading-more-label{flex:none;margin-left:10px;font-weight:400}.explore .explore-filter-section{position:sticky;top:40px;background-color:#fff;border:1px solid #e7e7e7;overflow:auto;max-height:calc(100vh - 80px);scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0);scrollbar-width:thin}.explore .explore-filter-section::-webkit-scrollbar{width:14px;height:14px;background-color:rgba(0,0,0,0)}.explore .explore-filter-section::-webkit-scrollbar-thumb{min-height:40px;border:4px solid rgba(0,0,0,0);background-clip:padding-box;-webkit-border-radius:7px;background-color:rgba(0,0,0,.2)}.explore .explore-filter-section::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.explore .explore-filter-section{transition:top .2s;width:200px;min-width:200px;margin:10px 0}.mobile .explore .explore_content{padding:0 20px}.mobile .explore .explore-filter-section{display:none}.mobile .explore .explore_public-course-list-section-notice-header{display:none}.mobile .explore .explore_playgrounds-container{width:100%;margin:0}.mobile .explore .explore_playgrounds-container.with-filter{margin-left:0}.mobile .explore .explore_header{background-color:rgba(0,0,0,0);border:none}.mobile .explore .explore_header-content{flex-direction:column;padding-bottom:0;margin-top:20px}.mobile .explore .explore_header-container{margin-top:20px;width:100%}.mobile .explore .explore_header-tabs{flex:1}.mobile .explore .explore_header-title-wrapper{margin-bottom:20px;border-bottom:2px dashed #e7e7e7;position:relative;width:100%}.mobile .explore .explore_header-title{justify-content:center;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);font-weight:400;padding:20px;white-space:nowrap;color:#454c55}.mobile .explore .explore_header-tab{width:50%;height:85px;font-size:20px}.mobile .explore .explore_header-tab-icon{display:block}.mobile .explore .explore_header-filter{display:flex}
.explore-filters_container .explore-filters_header{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;border-bottom:1px solid #e7e7e7}.explore-filters_container .explore-filters_header-title{color:#f2bb13;font-weight:600;font-size:16px}.explore-filters_container .explore-filters_header-reset{color:#454c55;font-size:12px;font-weight:400;transition:color .2s}.explore-filters_container .explore-filters_header-reset:not(:disabled):hover{color:rgba(69,76,85,.7)}.explore-filters_container .explore-filters_header-reset{display:flex;align-items:center;cursor:pointer}.explore-filters_container .explore-filters_header-reset-icon{width:8px;height:9px;margin-right:5px}.explore-filters_container .explore-filters_header-reset-icon path{fill:#f7c327}.explore-filters_container .explore-filters_tags-container{padding:8px 15px}.explore-filters_container .explore-filters_tag-category{font-size:14px;font-weight:600;text-align:justify;color:#454c55}.explore-filters_container .explore-filters_tag-icon{width:12px;height:12px;margin-right:8px}.explore-filters_container .explore-filters_tag-icon path{fill:#454c55}.explore-filters_container .explore_filter-tag{display:flex;align-items:center;font-size:14px;font-weight:400;margin:2px 0;text-align:justify;color:#454c55;cursor:pointer;transition:color .2s}.explore-filters_container .explore_filter-tag:not(:disabled):hover{color:rgba(69,76,85,.7)}.explore-filters_container .explore_filter-tag.selected{font-weight:600;color:#f2bb13;transition:color .2s}.explore-filters_container .explore_filter-tag.selected:not(:disabled):hover{color:rgba(242,187,19,.7)}.explore-filters_container .explore_filter-tag.selected .explore-filters_tag-icon path{fill:#f2bb13}.explore-filters_container .explore_filter-tag span{overflow:hidden;width:calc(100% - 20px);text-overflow:ellipsis;white-space:nowrap}.explore-filters_container .explore-filters_divider{height:1px;background-image:linear-gradient(to right, #e7e7e7 50%, transparent 0%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;margin:10px 0}.mobile .explore-filters_container{display:none}
.explore-filter-popup{height:calc(100vh - 100px);width:calc(100vw - 100px);background-color:#fff;overflow:auto}.explore-filter-popup .explore-filter-popup_header{display:flex;width:100%;overflow:hidden}.explore-filter-popup .explore-filter-popup_header-title,.explore-filter-popup .explore-filter-popup_header-action{display:flex;align-items:center;padding:25px 20px;font-size:25px}.explore-filter-popup .explore-filter-popup_header-title{flex:1;border-bottom:1px solid #e7e7e7;font-weight:600}.explore-filter-popup .explore-filter-popup_header-action{font-weight:400;cursor:pointer}.explore-filter-popup .explore-filter-popup_header-actions-container{display:flex;align-items:center;background-color:#f2bb13;color:#fff}.explore-filter-popup .explore-filter-popup_header-actions-container .explore-filter-popup_header-icon path{fill:#fff}.explore-filter-popup .explore-filter-popup_header-action-divider{height:30px;border-left:1px solid #fff}.explore-filter-popup .explore-filter-popup_header-icon{width:30px;height:30px}.explore-filter-popup .explore-filter-popup_header-icon path{fill:#f2bb13}.explore-filter-popup .explore-filter-popup_header-icon{margin-right:10px}.explore-filter-popup .explore-filter-popup_tag{display:flex;align-items:center;font-size:24px;font-weight:400;cursor:pointer;color:#454c55;transition:color .2s}.explore-filter-popup .explore-filter-popup_tag:not(:disabled):hover{color:rgba(69,76,85,.7)}.explore-filter-popup .explore-filter-popup_tag-icon{width:24px;height:24px;margin-right:20px}.explore-filter-popup .explore-filter-popup_tags-wrapper{padding:25px 20px}.explore-filter-popup .explore-filter-popup_tag-divider{height:1px;background-image:linear-gradient(to right, #e7e7e7 50%, transparent 0%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;margin:25px 0}.explore-filter-popup .explore-filter-popup_tag-container:last-child .explore-filter-popup_tag-divider{display:none}.mobile .explore-filter-popup .explore-filter-popup_tag-divider{height:2px;background-image:linear-gradient(to right, #e7e7e7 50%, transparent 0%);background-position:bottom;background-size:16px 2px;background-repeat:repeat-x}

/*# sourceMappingURL=explore-5cde39f8.css.map*/