.play-footer{padding:8px;border-radius:12px 12px 0 0;-webkit-backdrop-filter:blur(11px);box-shadow:0 -4px 8px 0 rgba(0,0,0,.1);background-color:#fff;display:flex}.play-footer.hide{opacity:0;transition:.25s}.play-footer>div{margin:auto}.play-footer>div.thumbnail{margin-left:16px}.play-footer>div.thumbnail img{width:49px;height:49px;-o-object-fit:contain;object-fit:contain}.play-footer>div.content{flex:1 1;margin-left:24px}.play-footer>div.content>div{padding-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-footer>div.content>div.theme-title{font-size:13px;font-weight:600;line-height:1;color:#333}.play-footer>div.content>div.stage-title{font-size:12px;line-height:1.33;color:#999}.play-footer>div.button{margin:8px;width:100px;border-radius:6px;background-color:var(--bright-blue);display:flex;cursor:pointer}.play-footer>div.button>div{margin:auto;flex:1 1;font-size:13px;font-weight:700;line-height:1;text-align:center;color:#fff}.main>.header .top-notice{display:flex;background-color:var(--bg-light);padding:16px;border-radius:6px;border:1px solid var(--bg-border);cursor:pointer}.main>.header .top-notice>div{white-space:nowrap;margin:auto}.main>.header .top-notice>div.icon{text-align:center;padding:6px 10px;border-radius:11px;font-size:12px;font-weight:700;line-height:1;color:#fff}.main>.header .top-notice>div.icon.notice{background-color:var(--bright-blue)}.main>.header .top-notice>div.icon.event{background-color:var(--event-bg)}.main>.header .top-notice>div.title{margin-left:12px;text-align:left;font-size:15px;font-weight:600;line-height:1.46;color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis}.main>.header .menu{display:flex;font-size:14px;margin:28px 0}.main>.header .menu .tab-item{width:86px;flex:1 1;text-align:center;color:#333}.main>.header .menu .tab-item .img-wrapper{position:relative;height:56px;margin-bottom:10px}.main>.header .menu .tab-item .img-wrapper .tab-btn-bg{width:56px;height:56px}.main>.header .menu .tab-item .img-wrapper .tab-btn-img{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;bottom:0;right:0;left:0;margin:auto;width:26px;height:26px}.main>.header .menu .tab-item span{font-size:14px;font-weight:600;letter-spacing:-.5px;color:#333}.main>.header .menu .tab-item.router-link-active span{font-weight:700;border-bottom:2px solid #f1f1f1}.main>.content{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:32px;margin-left:-16px}.main>.content>div{width:100%;padding-left:16px;margin-bottom:16px}.main>.content .topic-banner{padding-left:0}.main>.content .topic-banner>div{display:block;padding-left:0;margin-right:-16px}.main>.content .topic-banner .bg-img{padding-top:18%}@media screen and (min-width:600px){.main>.content .topic-card{width:50%}}.main>.content .topic-card .bg-img{padding-top:50%;border-radius:6px}.main>.content .header{display:flex;margin-top:28px;margin-bottom:16px}.main>.content .header .title{flex:1 1;font-size:22.5px;font-weight:600;color:#333}.main>.content .header .more{font-size:15px;line-height:1.33;color:#999;margin:auto auto 2px;cursor:pointer}.main>.content .header .more img{margin-left:4px;width:6px}.banner-swiper{margin:32px -16px 0;padding:0 16px}.banner-swiper>.swiper-pagination{left:auto;right:24px;bottom:8px;width:45px;height:20px;border-radius:11px;border:1px solid rgba(20,22,24,.02);background-color:rgba(20,22,24,.4);display:flex}.banner-swiper>.swiper-pagination div{flex:1 1;margin:auto;font-size:13px;font-weight:600;line-height:1;text-align:center;color:#bfbfbf}.banner-swiper>.swiper-pagination div span{color:#fff}.banner-swiper .container{width:100%;padding-top:50%;border-radius:6px;background-color:var(--bright-blue)}.banner-swiper .wrapper{position:absolute;top:0;left:0;right:0;bottom:0;padding:28px 18px;cursor:pointer}.banner-swiper .wrapper>div{width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-swiper .wrapper>div:not(:first-child){margin-top:8px}.banner-swiper .wrapper>div.sub-title{font-size:12px;font-weight:600;line-height:normal;letter-spacing:-.46px;color:#fff}.banner-swiper .wrapper>div.title{font-size:20px;font-weight:700;letter-spacing:-.48px;color:#fff}.banner-swiper .wrapper>div.content{margin-top:8px;font-size:12px;line-height:1.42em;letter-spacing:-.5px;color:hsla(0,0%,100%,.8);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;max-height:2.84em}.banner-swiper .wrapper>div.types{position:absolute;margin:0;bottom:16px;left:18px;font-size:12px;line-height:1.33;letter-spacing:-.46px;color:#fff}.banner-swiper .wrapper>div.types .separator{color:#e9e9e9;display:inline-block;width:6px;margin:auto;font-size:7px;text-align:center}@media screen and (min-width:520px){.banner-swiper .wrapper>div.sub-title{font-size:18px;line-height:1.42;font-weight:500}.banner-swiper .wrapper>div.title{font-size:31px;font-weight:600}.banner-swiper .wrapper>div.content{font-size:18px;line-height:1.42;margin-top:18px;word-break:keep-all}.banner-swiper .wrapper>div.types{font-size:18px}}.banner-swiper .thumbnail{position:absolute;bottom:0;right:6px;top:0;width:34%;height:100%;display:flex;align-items:center;justify-content:flex-end}.banner-swiper .thumbnail img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.theme-swiper-wrapper.loading{display:flex}.theme-swiper-wrapper>.ph-item{width:33.3%;padding:0;margin:0}.theme-swiper-wrapper>.ph-item>*{padding-left:8px;padding-right:8px}.theme-swiper-wrapper>.ph-item .ph-picture{height:60px}.theme-swiper{margin:auto -16px 0;padding:0 16px}.theme-swiper .theme-cell-wrapper{width:100%}.theme-swiper .theme-cell-wrapper .cell-content{display:flex;flex-wrap:wrap;cursor:pointer}.theme-swiper .theme-cell-wrapper .cell-content .cell-image{position:relative;width:100%;margin:auto;border-radius:8px;border:1px solid var(--border-light);background-color:#fff}.theme-swiper .theme-cell-wrapper .cell-content .cell-image .bg-img{border-radius:8px}.theme-swiper .theme-cell-wrapper .cell-content .cell-image div.currency-icon{position:absolute;top:8px;left:8px;width:32px;height:32px;background-image:url(/packs/media/images/icon-currency-a31d5b4435324d585566d891a829db00.png);background-size:cover}.theme-swiper .theme-cell-wrapper .cell-content .cell-title{width:100%;font-size:15px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.5px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:10px}.theme-swiper .theme-cell-wrapper .cell-content .cell-title .new{font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.5px;color:var(--bright-blue);margin-right:2px}.theme-swiper .theme-cell-wrapper .cell-content .cell-detail{font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-.5px;color:#999;padding-top:4px}.theme-swiper .theme-cell-wrapper .cell-content .cell-detail .separator{color:#e9e9e9;display:inline-block;width:5px;margin:auto;font-size:7px;text-align:center}.share-modal>div{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:8px 0}.share-modal>div:last-child{margin-bottom:16px}.share-modal>div>div:first-child{height:30px;width:30px;background-size:contain;background-repeat:no-repeat}.share-modal>div>div:nth-child(2){margin-left:16px;flex:1 1;text-align:left;font-size:13px;font-weight:600;color:#333}.share-modal>div.facebook>div:first-child{background-image:url(/packs/media/images/icon-facebook-share@3x-04fc159c6d9798816cee3b0765e59f2a.png)}.share-modal>div.kakaotalk>div:first-child{background-image:url(/packs/media/images/icon-kakao-share-34328a42d18a220d863e8b386d51e35d.png)}.share-modal>div.link>div:first-child{background-image:url(/packs/media/images/icon-link@3x-62ed098cb7efd01c3b43cbe7608d948e.png)}.share-modal>div.link>div:nth-child(2){display:flex;flex-direction:column}.share-modal>div.link>div:nth-child(2) textarea{display:block;color:#666;height:11px;font-size:10px;margin-top:2px}.share-modal>div.hide,.share-modal>div.link>div:nth-child(2) textarea.hide{display:none}.theme-header{display:flex;width:100%}.theme-header .theme-header-image{min-width:60px;height:60px;width:60px;border-radius:15px;border:1px solid var(--border-light);overflow:hidden;cursor:pointer}.theme-header .theme-header-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background-position:50%}.theme-header .theme-header-content{flex:1 1;margin:auto auto auto 16px}.theme-header .theme-header-content .theme-header-row{display:flex;margin:auto}.theme-header .theme-header-content .theme-header-row>div{padding:3px 0}.theme-header .theme-header-content .theme-header-row .theme-header-title{flex:1 1;margin-right:8px;display:flex;justify-content:baseline;align-items:center;cursor:pointer}.theme-header .theme-header-content .theme-header-row .theme-header-title div{font-family:AppleSDGothicNeo;font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:110%;letter-spacing:-.5px;text-align:left;color:#333330}.theme-header .theme-header-content .theme-header-row .theme-header-icon-wrapper{float:right;margin-left:8px;padding-top:0}.theme-header .theme-header-content .theme-header-row .theme-header-icon-wrapper.hide{display:none}.theme-header .theme-header-content .theme-header-row .theme-header-icon-wrapper .theme-header-icon{background-size:cover;min-width:26px;width:26px;padding-top:100%}.theme-header .theme-header-content .theme-header-row .theme-header-icon-wrapper .theme-header-icon.like{cursor:pointer;background-image:url(/packs/media/images/icon-like-on@3x-cfa2fc1eb0dcc1946ab69623a90041b6.png)}.theme-header .theme-header-content .theme-header-row .theme-header-icon-wrapper .theme-header-icon.like.off{background-image:url(/packs/media/images/icon-like-off@3x-6fe1709149a566216ef4e69f85f63913.png)}.theme-header .theme-header-content .theme-header-row .theme-header-icon-wrapper .theme-header-icon.share{cursor:pointer;background-image:url(/packs/media/images/icon-share-on@3x-907ff315fdf451a742185fc75019cb4d.png)}.theme-header .theme-header-content .theme-header-row .theme-header-icon-wrapper .theme-header-icon.share.off{background-image:url(/packs/media/images/icon-share-off@3x-5a6af7fd7217763c821fff15adc697f1.png)}.theme-header .theme-header-content .theme-header-row .types{margin:auto;flex:1 1;font-size:12px;line-height:1.33;letter-spacing:-.46px;color:#999}.theme-header .theme-header-content .theme-header-row .types .separator{display:inline-block;width:13px;margin:auto;color:#e6ecf0;font-size:7px;text-align:center}.rank-cell-wrapper .rank-cell-profile-image{width:50px;height:50px;margin:auto;position:relative}.rank-cell-wrapper .rank-cell-profile-image .image-wrapper{width:50px;height:50px;border-radius:50%;border:1px solid var(--img-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.rank-cell-wrapper .rank-cell-profile-image .image-wrapper img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover}.rank-cell-wrapper .rank-cell-profile-image .rank-cell-profile-image-mark{position:absolute;right:0;bottom:0;width:14px;height:14px;border-radius:50%;border:2px solid #fff;color:#999;background-color:var(--bg-deep);font-family:AppleSDGothicNeo;font-size:11px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.5px;text-align:center;display:flex;justify-content:center;align-items:center;box-sizing:content-box}.rank-cell-wrapper .rank-cell-profile-image .rank-cell-profile-image-mark.first{color:#fff;background-color:#ffd64d}.rank-cell-wrapper .rank-cell-profile-image .rank-cell-profile-image-mark.second{color:#fff;background-color:#d8d8d8}.rank-cell-wrapper .rank-cell-profile-image .rank-cell-profile-image-mark.third{color:#fff;background-color:#e3a963}.rank-cell-wrapper .rank-cell-name{margin-top:12px;font-size:13px;font-weight:600;color:#333}.rank-cell-wrapper .rank-cell-name,.rank-cell-wrapper .rank-cell-score{font-family:AppleSDGothicNeo;font-stretch:normal;font-style:normal;letter-spacing:-.5px;text-align:center}.rank-cell-wrapper .rank-cell-score{margin-top:2px;font-size:12px;font-weight:400;line-height:1.33;color:#999}.ranks-cell-wrapper .theme-header-title>div:first-child{font-size:13px}.ranks-cell-wrapper .cell-content{margin-top:16px;border-radius:6px;border:1px solid var(--border-deep);background-color:#fff;padding:0 18px}.ranks-cell-wrapper .cell-content .top-rankers-wrapper{display:flex;justify-content:center;align-items:center}.ranks-cell-wrapper .cell-content .top-rankers-wrapper .divider{width:1px;height:14px;background-color:#e9e9e9}.ranks-cell-wrapper .cell-content .top-rankers-wrapper .divider:last-child{display:none}.ranks-cell-wrapper .cell-content .top-rankers-wrapper .ranker{padding:18px 0;width:33%}.ranks-cell-wrapper .cell-content .more-button{margin-bottom:18px;padding:12px;border-radius:4px;border:1px solid var(--bg-border);background-color:var(--bg-deep);cursor:pointer;font-family:AppleSDGothicNeo;font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.31px;text-align:center;color:#333}