.color1{color:#112f41}.color1-bg{background-color:#112f41}.color1-border{border:1px solid #112f41}.color1-border-bottom{border-bottom:1px solid #112f41}.color2{color:#068587}.color2-bg{background-color:#068587}.color2-border{border:1px solid #068587}.color2-border-bottom{border-bottom:1px solid #068587}.color3{color:#4fb99f}.color3-bg{background-color:#4fb99f}.color3-border{border:1px solid #4fb99f}.color3-border-bottom{border-bottom:1px solid #4fb99f}.color4{color:#f2b134}.color4-bg{background-color:#f2b134}.color4-border{border:1px solid #f2b134}.color4-border-bottom{border-bottom:1px solid #f2b134}.color5{color:#ed553b}.color5-bg{background-color:#ed553b}.color5-border{border:1px solid #ed553b}.color5-border-bottom{border-bottom:1px solid #ed553b}.form-group{margin:1.2rem 0}.form-group label{display:inline-block;font-weight:400;font-size:1rem;margin-bottom:.2rem;padding-left:2px}.theme-input{border:1px solid hsla(0,0%,66.7%,.3);background-color:#fff;color:#068587;transition:all .3s cubic-bezier(.25,.8,.25,1);letter-spacing:.5px;text-align:left;outline:none;border-radius:15px;padding:.5rem 1rem;width:100%;-webkit-appearance:none;appearance:none}.theme-input:active,.theme-input:focus{outline:none}.theme-input:focus:not([readonly]){border-color:rgba(6,133,135,.5)}.theme-input[readonly]{opacity:.7;color:#4d4d4d;background-color:hsla(0,0%,50.2%,.2)}select.theme-input{-webkit-appearance:none;appearance:none;position:relative;background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0),radial-gradient(#ddd 70%,transparent 72%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - .5em) .5em;background-size:5px 5px,5px 5px,1.5em 1.5em;background-repeat:no-repeat}.theme-input-members{background-color:#fff;color:#068587;transition:all .3s cubic-bezier(.25,.8,.25,1);letter-spacing:.5px;text-align:left;outline:none;border:0;border-bottom:1px solid hsla(0,0%,66.7%,.3);border-radius:0;padding:.25rem .5rem}.theme-input-members:active,.theme-input-members:focus{outline:none}.theme-input-members:focus{border-color:rgba(6,133,135,.5)}.gradient-bg{background-image:linear-gradient(45deg,#2af1fb,#2aeefb 10%,#34d2fb,#45bdfa,#50b0fa,#54adfa 70%,#bf9ff2)}.btn-secondary-bg{background-image:linear-gradient(120deg,#fccb90,#d57eeb)}.gradient-btn{box-shadow:0 6px 15px rgba(36,37,38,.08);border:0;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none;border-radius:1000px;background-image:linear-gradient(270deg,#48c0dc,#48c0dc);color:#fff;padding:.6rem 1.5rem;font-weight:700;letter-spacing:1px;text-decoration:none;text-align:center}.gradient-btn:hover{box-shadow:0 6px 15px rgba(36,37,38,.13);cursor:pointer}.gradient-btn:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-filter:brightness(.95);filter:brightness(.95)}.gradient-btn:focus{outline:none}.gradient-btn.disabled,.gradient-btn:disabled{opacity:.7;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:no-drop}.gradient-btn.secondary{background-image:linear-gradient(120deg,#fccb90,#d57eeb)}.gradient-btn.block{display:block;width:100%}.color1-big-btn{box-shadow:0 6px 15px rgba(36,37,38,.08);border:0;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:15px;padding-top:3rem;padding-bottom:3rem;margin:5px;width:calc(100% - 10px);display:block}.color1-big-btn:hover{box-shadow:0 6px 15px rgba(36,37,38,.13);cursor:pointer}.color1-big-btn:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-filter:brightness(.95);filter:brightness(.95)}.color1-big-btn:focus{outline:none}.color1-big-btn.disabled,.color1-big-btn:disabled{opacity:.7;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:no-drop}.color1-big-btn .text{margin-top:.75rem;letter-spacing:1px;font-size:14px}.form-school-img-1{box-shadow:0 6px 15px rgba(36,37,38,.08);border:0;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:15px;display:block;background-color:#d3d3d3;object-fit:cover;width:120px;height:120px;min-width:120px;min-height:120px}.form-school-img-1:hover{box-shadow:0 6px 15px rgba(36,37,38,.13);cursor:pointer}.form-school-img-1:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-filter:brightness(.95);filter:brightness(.95)}.form-school-img-1:focus{outline:none}.form-school-img-1.disabled,.form-school-img-1:disabled{opacity:.7;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:no-drop}.school-info-img-1{box-shadow:0 6px 15px rgba(36,37,38,.08);border:0;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:15px;background-size:cover;background-repeat:no-repeat;background-color:#d3d3d3;background-position:50%;display:block;height:100px;margin:0 2.5px 5px;padding:0;position:relative;overflow:hidden;border-radius:10px}.school-info-img-1:hover{box-shadow:0 6px 15px rgba(36,37,38,.13);cursor:pointer}.school-info-img-1:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-filter:brightness(.95);filter:brightness(.95)}.school-info-img-1:focus{outline:none}.school-info-img-1.disabled,.school-info-img-1:disabled{opacity:.7;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:no-drop}.school-info-img-1:after{content:"";padding-top:100%;display:block}.school-info-img-1 .mask{top:0;left:0;right:0;bottom:0;opacity:.5;position:absolute;background:#000;transition:opacity .3s cubic-bezier(.4,0,.2,1) 0ms}.school-info-img-1 h6{position:absolute;width:100%;color:#fff;font-weight:500;font-size:.9rem;padding:.5rem;margin:0;bottom:0;text-shadow:0 0 1rem rgba(0,0,0,.3);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-info-img-1 h6:after{content:"";width:20px;height:4px;border-radius:20px;text-align:center;display:block;background:#fff;margin:8px auto 0}.mcip-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;padding:1.5rem 0;overflow:hidden;-webkit-user-select:none;user-select:none}.mcip-logo img{max-width:300px;width:100%;height:auto}.loader{width:100%;text-align:center;padding:3rem 0;display:inline-block;-webkit-user-select:none;user-select:none}.loader svg path,.loader svg rect{fill:#ccc}.loader .text{color:#ccc;font-size:10px;font-weight:300;letter-spacing:1px;margin-top:.5rem}.news-card{margin:.75rem 0;box-shadow:none!important}.news-card .card-header{padding-left:0;padding-right:0;background-color:initial;border:none}.news-card .card-content,.news-card .card-content-more{padding-left:0;padding-right:0;padding-top:0;padding-bottom:12px!important}.news-card .content-hide{max-height:180px;overflow:hidden}.news-card .cover-photo{height:auto;width:100%;object-fit:cover;background:snow}.news-card .avatar,.news-list .news-card .avatar{background:#00b9e6}.news-list .error-msg{text-align:center;opacity:.6;font-size:80%}.story .article{padding-top:8px;padding-bottom:8px;line-height:1.8}.story .article strong{font-weight:700}.privacy-policy{line-height:1.8}.privacy-policy .content .title{font-weight:700;margin-top:.75rem}.setting-qa .category{margin-top:1.5rem}.setting-qa .category .title{color:rgba(0,0,0,.54)}.setting-qa .category .expansion-panel{box-shadow:none}.setting-qa .category .expansion-panel .expansion-panel-summary{padding-right:0;padding-left:0}.setting-qa .category .expansion-panel .expansion-panel-detail{padding-right:0;padding-left:0;white-space:pre-line}.setting-qa .first-category{margin-top:.25rem}.page{margin-bottom:5rem}.notice-title{position:relative;font-size:14px;text-align:center;font-weight:400;margin:2rem auto 3rem;letter-spacing:1px}.notice-title:after{border-radius:1000px;content:"";background:linear-gradient(270deg,#48c0dc,#48c0dc);width:30px;height:7px;position:absolute;left:calc(50% - 15px);bottom:-1.2rem}.form-card{background-color:#fff;margin-top:4rem;padding:.5rem 1rem 4rem}.empty-message{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem 0;position:relative}.empty-message img.icon{width:5rem;height:5rem;margin-bottom:1rem;opacity:.7}.empty-message span{font-size:.9rem;font-style:italic}.top-bar{position:relative;display:flex;align-items:center}.top-bar .icon{z-index:1}.top-bar .title{position:absolute;width:100%;text-align:center}.news-list .card-content{position:relative}.news-list .card-content:after{content:"";z-index:2;position:absolute;bottom:0;left:0;height:50px;width:100%;background:linear-gradient(0deg,#fff 15%,hsla(0,0%,100%,0))}.school-list .bg-cover{background-image:linear-gradient(45deg,#2af1fb,#2aeefb 10%,#34d2fb,#45bdfa,#50b0fa,#54adfa 70%,#bf9ff2)}.school-list .filter{margin:1rem 0}.school-list .filter .filter-chip{margin-bottom:.25rem;margin-right:.25rem}.school-list .list-title{font-size:.8rem;color:#999}.school-list .divider{height:0;width:100%;border-bottom:1px solid #ccc;margin:1rem 0}.school-list .school-item{display:flex;margin:1rem 0;transition:all .3s cubic-bezier(.25,.8,.25,1);align-items:center;-webkit-user-select:none;user-select:none}.school-list .school-item .avatar{box-shadow:0 6px 15px rgba(36,37,38,.08);border:0;-webkit-user-select:none;user-select:none;border-radius:15px;display:block;background-color:#d3d3d3;object-fit:cover;width:120px;height:120px;min-width:120px;min-height:120px}.school-list .school-item .content{margin-left:1rem}.school-list .school-item .content .date,.school-list .school-item .content .deadline,.school-list .school-item .content .name,.school-list .school-item .content .period,.school-list .school-item .content .status{font-size:.8rem}.school-list .school-item .content .name{font-weight:700;margin-bottom:0;font-size:1.1rem}.school-list .school-item .content .period{font-weight:500}.school-list .school-item .content .date-list{display:flex;flex-wrap:wrap}.school-list .school-item .content .date-list .date{display:flex;align-items:center;color:#999;margin-right:1rem;margin-bottom:0}.school-list .school-item .content .date-list .date:before{content:"";background-color:#999;display:inline-block;height:.25rem;width:.5rem;border-radius:.25rem;margin-right:.2rem}.school-list .school-item .content .deadline{color:#ed553b;font-weight:500}.school-list .school-item .content .status{color:#999}.school-list .school-item:not(.disabled):hover{cursor:pointer;background-color:rgba(0,0,0,.05)}.school-list .school-item:not(.disabled):active{-webkit-transform:scale(.98);transform:scale(.98)}.school-list .school-item.disabled{cursor:no-drop;opacity:.3}.school-list .school-item.disabled .avatar{width:80px;height:80px;min-width:80px;min-height:80px}.school-list .loader{margin:0;padding:0}.school-list .loader .school-item .avatar{background:#ddd;border:0}.school-list .loader .school-item .content{width:100%}.school-list .loader .school-item .content .date,.school-list .loader .school-item .content .deadline,.school-list .loader .school-item .content .name,.school-list .loader .school-item .content .period{display:block;width:60%;max-width:15rem;background-color:#ddd;height:1.2rem;margin-bottom:.4rem}.school-list .loader .school-item .content .date,.school-list .loader .school-item .content .deadline,.school-list .loader .school-item .content .period{height:.8rem;width:50%;max-width:12.5rem}.school-list .loader .school-item .content .period{width:20%;max-width:5rem}@-webkit-keyframes form-in{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{-webkit-transform:none;transform:none}}@keyframes form-in{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{-webkit-transform:none;transform:none}}.form .bg-cover{-webkit-animation:none;animation:none;background-size:cover;background-position:50%;position:fixed;top:0;left:0;z-index:-1}.form form{position:relative;margin-top:6rem;background-color:#fff;padding:1.5rem 1rem;-webkit-animation:form-in .5s .2s;animation:form-in .5s .2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.form form .cancel{display:flex;justify-content:space-between;width:100%;position:absolute;top:-3rem;left:0}.form form .remind strong{margin-left:.25rem;margin-right:.25rem;font-weight:700}.form form .stepper{padding-left:0;padding-right:0}.payment{border-radius:15px;border:1px solid hsla(0,0%,66.7%,.3);color:rgba(51,51,51,.8);padding:.5rem 1rem;margin:16px 0 8px}.payment .icon{padding-right:.75rem;font-size:2rem}.payment .text{font-weight:400}.payment .last5Code{font-size:.8rem;opacity:.9}.payment .last5Code .code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.payment.paid{background-color:#a4cc38;border:0;color:#fff}.success-title{font-size:16px;margin:0 auto 2rem;text-align:center;letter-spacing:1px}.success-title .icon{color:#a4cc38;font-size:5rem;margin-bottom:.5rem;-webkit-animation:bounce-in .7s .3s;animation:bounce-in .7s .3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.success-title .text{color:#a4cc38;-webkit-animation:move-down .3s .5s;animation:move-down .3s .5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.form-note-text{color:#ed553b;margin:.75rem;padding:.75rem 1rem;background-color:hsla(0,0%,93.3%,.5);border-radius:15px;font-size:14px}.payment-info .title{font-weight:bolder;text-align:center}.payment-info .content{margin-top:1.5rem}.payment-info .content .item{display:flex;justify-content:space-between;margin-top:.75rem;margin-bottom:.75rem}.payment-info .content .item .value{font-weight:bolder;white-space:nowrap}.payment-info .content .item .explain{font-size:.7rem;opacity:.6}.payment-info .content .paid{color:green;font-weight:bolder}.payment-info .content .unpaid{color:red;font-weight:bolder}.payment-info .content .btn-group{display:block;text-align:right;margin-top:1rem}@-webkit-keyframes bg-gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bg-gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-cover{background-color:#333;background-size:400% 400%;-webkit-animation:bg-gradient-animation 10s ease infinite;animation:bg-gradient-animation 10s ease infinite;height:10rem;position:relative;width:100%}.bg-cover.gradient{background-image:linear-gradient(45deg,#2af1fb,#2aeefb 10%,#34d2fb,#45bdfa,#50b0fa,#54adfa 70%,#bf9ff2)}.bg-cover.gradient-secondary{background-image:linear-gradient(120deg,#fccb90,#d57eeb)}.bg-cover.mask:before{z-index:0;content:"";top:0;left:0;right:0;bottom:0;opacity:.6;position:absolute;background:#000}.top-fixed{position:fixed}@-webkit-keyframes mcip-payment-in{0%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem);opacity:0}to{opacity:1}}@keyframes mcip-payment-in{0%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem);opacity:0}to{opacity:1}}.school .bg-cover{-webkit-animation:none;animation:none;background-size:cover;background-position:50%}.school .bg-cover .header{height:100%;z-index:100}.school .bg-cover .header .container{height:100%}.school .bg-cover .header .row{height:100%;align-items:center}.school .bg-cover .header .period{color:#fff;font-size:1.2rem;font-weight:500}.school .bg-cover .header .name{color:#fff;font-weight:700;font-size:2rem}.school .date-list{margin-bottom:.25rem;padding-top:1rem;display:flex;flex-wrap:wrap}.school .date-list .date{margin-bottom:.25rem;font-size:.8rem;margin-right:1rem}.school .date-list .date .icon{margin-right:.25rem;font-size:1rem}.school .participate{margin:.75rem 0}.school .participate .button .content{display:flex;flex-direction:column;padding:1rem 0}.school .participate .button .content .text{font-size:2rem;font-weight:700}.school .list .icon{width:24px}.school .list .count{font-weight:700;display:inline-block;font-size:.9rem;vertical-align:middle}.school .mcip-payment{font-size:.8rem;margin-bottom:.25rem}.school .mcip-payment span{display:inline-block}.school .mcip-payment .icon{color:#00d7ff;margin-right:.5rem;-webkit-animation:mcip-payment-in .4s .2s;animation:mcip-payment-in .4s .2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.school .mcip-payment .text{font-weight:500;color:#555;-webkit-animation:mcip-payment-in .4s .4s;animation:mcip-payment-in .4s .4s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(45deg,#2af1fb,#2aeefb 10%,#34d2fb,#45bdfa,#50b0fa,#54adfa 70%,#bf9ff2)}.QA .expansion-panel{box-shadow:none}.QA .expansion-panel .expansion-panel-summary{padding-right:0;padding-left:0}.QA .expansion-panel .expansion-panel-detail{padding-right:0;padding-left:0;white-space:pre-line}.lottery-attend-success-modal{text-align:center}.lottery-attend-success-modal .icon-wrapper{padding:3rem 0 1.5rem}.lottery-attend-success-modal .icon-wrapper .icon{font-size:100px;color:#a4cc38}.lottery-attend-success-modal .message{font-size:1.5rem}.lottery-attend-success-modal .button-wrapper{margin:1rem 0}.lottery-item{box-shadow:0 6px 15px rgba(36,37,38,.08);border:0;border-radius:15px;margin-bottom:1rem;background-color:#fff;overflow:hidden}.detail-mask{z-index:2;position:relative;height:50px;margin-top:-50px;overflow:hidden;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 70%)}@-webkit-keyframes twinkle-border{0%{border:1px solid rgba(0,0,0,.2);box-shadow:0 6px 15px rgba(36,37,38,.08)}to{border:1px solid rgba(237,85,59,.5);box-shadow:0 6px 15px rgba(237,85,59,.1)}}@keyframes twinkle-border{0%{border:1px solid rgba(0,0,0,.2);box-shadow:0 6px 15px rgba(36,37,38,.08)}to{border:1px solid rgba(237,85,59,.5);box-shadow:0 6px 15px rgba(237,85,59,.1)}}@-webkit-keyframes update-time-shine{0%{color:#26e1a5}to{color:#1e1e1e}}@keyframes update-time-shine{0%{color:#26e1a5}to{color:#1e1e1e}}@-webkit-keyframes sleep-z-s-float{0%{-webkit-transform:none;transform:none;opacity:0}25%{opacity:1}50%{-webkit-transform:translate(1.5rem,-1.5rem);transform:translate(1.5rem,-1.5rem);opacity:1}to{-webkit-transform:translate(3rem,-3rem);transform:translate(3rem,-3rem);opacity:0}}@keyframes sleep-z-s-float{0%{-webkit-transform:none;transform:none;opacity:0}25%{opacity:1}50%{-webkit-transform:translate(1.5rem,-1.5rem);transform:translate(1.5rem,-1.5rem);opacity:1}to{-webkit-transform:translate(3rem,-3rem);transform:translate(3rem,-3rem);opacity:0}}@-webkit-keyframes competition-item-text-show{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{-webkit-transform:none;transform:none}}@keyframes competition-item-text-show{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.15);transform:scale(1.15)}10%{-webkit-transform:scale(1.05);transform:scale(1.05)}15%{-webkit-transform:scale(1.25);transform:scale(1.25)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.15);transform:scale(1.15)}10%{-webkit-transform:scale(1.05);transform:scale(1.05)}15%{-webkit-transform:scale(1.25);transform:scale(1.25)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.competition{margin-bottom:3rem}.competition .header{margin:1rem 0;display:flex;flex-direction:column}.competition .header .school{display:inline-block;font-size:2.6rem;font-weight:600;line-height:3rem}.competition .header .school span{-webkit-background-clip:text;background-image:linear-gradient(45deg,#2af1fb,#2aeefb 10%,#34d2fb,#45bdfa,#50b0fa,#54adfa 70%,#bf9ff2);background-clip:text;color:transparent;background-image:linear-gradient(270deg,#48c0dc,#48c0dc)}.competition .header .group{font-size:1.6rem;font-weight:600;padding-left:.25rem;margin-bottom:.5rem}.competition .header .last-update{opacity:.5;display:block;font-size:.8rem;padding-left:.25rem;-webkit-animation:update-time-shine 5s;animation:update-time-shine 5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.competition .header .status{padding-left:.25rem;font-weight:400;margin-top:.25rem}.competition .header.scroll{position:fixed;top:0;left:0;right:0;background-color:#f6f6f6;z-index:100;padding:.75rem 1rem;opacity:0;transition:opacity .4s;margin:0;flex-direction:row;align-items:center;flex-wrap:wrap}.competition .header.scroll .school{font-size:1.6rem;line-height:normal;flex:0 0 100%}.competition .header.scroll .group{font-size:1.1rem;padding-left:.15rem;margin-bottom:.25rem}.competition .header.scroll .last-update{margin-left:.5rem}.competition .header.scroll .status{flex:0 0 100%}.competition .header.scroll.show{opacity:1;-webkit-transform:none;transform:none}.competition .header.scroll:after{content:"";position:absolute;width:100%;height:1.5rem;bottom:-1.5rem;left:0;right:0;background:linear-gradient(180deg,#f6f6f6,hsla(0,0%,96.5%,0));z-index:500}.competition .tab-list{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:.5rem .5rem .3rem;display:flex;list-style:none;position:fixed;bottom:3rem;left:.5rem;right:.5rem;width:auto;background-image:linear-gradient(120deg,#fdfbfb,#ebedee);background-image:linear-gradient(90deg,#434343 0,#000);z-index:1000;border-radius:15px}.competition .tab-list .item{font-size:.9rem;font-weight:500;padding:.2rem .5rem;border-bottom:3px solid transparent;transition:all .2s;color:hsla(0,0%,100%,.9);cursor:pointer}.competition .tab-list .item.active{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(270deg,#48c0dc,#48c0dc)}.competition .tab-list .item:active{-webkit-user-select:none;user-select:none}.competition .tab-list .item .icon{color:#26e1a5;margin-right:.2rem;font-size:.7rem;vertical-align:initial}.competition .list{padding:0}.competition .list .item{border-radius:15px;display:block;list-style:none;padding:0 .5rem;margin:1.25rem .1rem;transition:padding-bottom .5s,padding-top .5s;box-shadow:0 6px 15px rgba(36,37,38,0);border:1px solid transparent;overflow:hidden}.competition .list .item.disabled{opacity:.4}.competition .list .item .index{font-family:Roboto,sans-serif;font-size:16px;font-weight:300;-webkit-transform:scale(1.3);transform:scale(1.3)}.competition .list .item .index .icon{display:none}.competition .list .item .song{font-size:14px;font-weight:500}.competition .list .item .name{font-size:14px;opacity:.8;font-weight:400}.competition .list .item .name:before{content:"-";opacity:.5;font-size:12px;margin:0 .2rem}.competition .list .item.active{-webkit-animation:twinkle-border 1s;animation:twinkle-border 1s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:90000;box-shadow:0 6px 15px rgba(36,37,38,.08);background-color:#fff;padding:.75rem .5rem}.competition .list .item.active .info{display:flex;flex-direction:column}.competition .list .item.active .index{color:#ed553b}.competition .list .item.active .index .number{display:none}.competition .list .item.active .index .icon{display:inline-block;-webkit-animation:heartbeat 3s infinite;animation:heartbeat 3s infinite}.competition .list .item.active .song{display:inline-block;-webkit-animation:competition-item-text-show .5s;animation:competition-item-text-show .5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-delay:.2s;animation-delay:.2s;font-size:1.1rem;margin-bottom:.2rem}.competition .list .item.active .name{-webkit-animation:competition-item-text-show .5s;animation:competition-item-text-show .5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.competition .list .item.active .name:before{content:"";margin:0}.empty-message .sleeping-z-s{background:url(/static/media/moon.ac8398f4.svg);background-repeat:no-repeat;background-size:contain;position:relative;width:6rem;height:6rem;margin:auto auto 1.5rem;opacity:.3}.empty-message .sleeping-z-s:after,.empty-message .sleeping-z-s:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/static/media/z-char.61ab7bf5.svg);background-repeat:no-repeat;background-size:contain;-webkit-animation:sleep-z-s-float 5s linear 2.5s;animation:sleep-z-s-float 5s linear 2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0}.empty-message .sleeping-z-s:after{background-image:url(/static/media/z-char.61ab7bf5.svg);-webkit-animation-delay:0s;animation-delay:0s}table.table td,table.table th{padding-top:.75rem!important;padding-bottom:.75rem!important}table.table thead tr th{font-weight:700}.popular .icon-vote{position:fixed;bottom:15vh;right:4vh}.popular .table{text-align:center}.popular .table .th-rank{width:15%}.popular .table .th-song{width:65%}.popular .table .th-vote{width:20%}.popular .table .content .user{display:block}.popular .table .content .song{display:block;font-weight:bolder}.setting .list{background:#fff;margin:1rem 0}.update-success-remind{position:fixed;width:100%;top:0;left:0;background-color:#4fb99f;color:#fff;text-align:center;padding:.4rem 0;z-index:1000;font-size:14px;letter-spacing:1px}.join-title{display:flex;align-items:center;font-weight:700;font-size:2rem;margin-top:.5rem}.join-title span.add{margin-right:1rem;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(270deg,#48c0dc,#48c0dc)}.join-title .mcip-logo{justify-content:flex-start;padding:0;width:auto}.profile .contract{display:flex;align-items:center}.profile .contract label{margin-bottom:0}.profile .error-remind{color:red;font-weight:600;display:block}.comment-item{box-shadow:0 6px 15px rgba(36,37,38,.08);border:0;border-radius:15px;margin-bottom:1rem;background-color:#fff;overflow:hidden;padding:1rem}.comment-item h6{margin-bottom:.2rem;font-size:1.2rem;font-weight:400}.comment-item .school small{font-size:.8rem;color:grey;margin-left:.5rem}.comment-item .comment .score{color:#00b9e6;font-size:2rem}.comment-item .comment .score .label{margin:0 .25rem;font-size:.8rem;color:grey}.comment-item .comment .content{white-space:pre-wrap;margin-bottom:0}.comment-item .img-wrapper{width:100%;min-height:160px;max-height:calc(320px + .6rem);margin-top:.75rem;overflow:auto}.comment-item .img{display:inline-block;margin:.15rem}.comment-item .img img{border-radius:3px;width:100%;height:160px;object-fit:cover}.comment-image-modal .icon-wrapper{text-align:right;padding:12px 0}.comment-image-modal .image{max-width:100%;height:auto}
/*# sourceMappingURL=main.7ec2820a.chunk.css.map */