.top-banner-br{left:0;overflow-x:hidden;position:fixed;top:0;width:100%;z-index:99;z-index:10}.top-banner-br .comp-top-invite-card{display:-moz-box;display:flex;height:60px;margin:8px;-moz-box-align:center;align-items:center;-moz-box-pack:justify;background:#1c1c1e;border-radius:8px;cursor:pointer;justify-content:space-between;padding:10px}.top-banner-br .comp-top-invite-card .left-section{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.top-banner-br .comp-top-invite-card .left-section .content{margin-left:8px}.top-banner-br .comp-top-invite-card .left-section .content .username{color:hsla(0,0%,100%,.85);font-size:14px;font-weight:500;line-height:20px}.top-banner-br .comp-top-invite-card .left-section .content .description{color:hsla(0,0%,100%,.5);font-size:12px;font-style:normal;font-weight:500;line-height:17px;margin-top:1px}.top-banner-br .comp-top-invite-card .right-section .icon-arrow{height:12px;width:12px}.top-banner-br .comp-top-invite-card .right-section .content{background:none;border:1px solid #00cb64;color:#00cb64;font-size:13px;font-weight:600;line-height:18px;padding:9px 12px;-moz-transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s cubic-bezier(.4,0,.2,1)}.flex-center{-moz-box-pack:center;justify-content:center}.flex-center,.flex-start-center{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.flex-start-center{-moz-box-pack:start;justify-content:flex-start}.flex-end-center{-moz-box-pack:end;justify-content:flex-end}.flex-between,.flex-end-center{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.flex-between{-moz-box-pack:justify;justify-content:space-between}.theme-button{background-image:-moz-linear-gradient(left,#ff6464 0,#e5005a 100%);background-image:linear-gradient(90deg,#ff6464,#e5005a);color:#fff;cursor:pointer;font-family:Gilmer,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600}.sub-text{color:hsla(0,0%,100%,.6);font-size:11px}.abs-center{left:50%;position:absolute;top:50%;-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.with-icon{background-size:contain}.with-bg,.with-icon{background-position:50%;background-repeat:no-repeat}.with-bg{background-size:cover}.transparent-panel{background-color:rgba(188,174,207,.1);border-radius:12px}.expoEaseOut{-moz-transition-timing-function:cubic-bezier(.14,1,.34,1);transition-timing-function:cubic-bezier(.14,1,.34,1)}.sineEaseInOut{-moz-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}.to-bottom-easing-gradient{background:-moz-linear-gradient(top,rgba(19,16,23,0) 0,rgba(19,16,23,.08) 8%,rgba(19,16,23,.11) 11%,rgba(19,16,23,.15) 15%,rgba(19,16,23,.21) 21%,rgba(19,16,23,.29) 29%,rgba(19,16,23,.37) 37%,rgba(19,16,23,.46) 46%,rgba(19,16,23,.55) 55%,rgba(19,16,23,.64) 64%,rgba(19,16,23,.73) 73%,rgba(19,16,23,.81) 81%,rgba(19,16,23,.88) 88%,rgba(19,16,23,.94) 94%,rgba(19,16,23,.98) 98%,#131017 100%);background:linear-gradient(180deg,rgba(19,16,23,0) 0,rgba(19,16,23,.08) 8%,rgba(19,16,23,.11) 11%,rgba(19,16,23,.15) 15%,rgba(19,16,23,.21) 21%,rgba(19,16,23,.29) 29%,rgba(19,16,23,.37) 37%,rgba(19,16,23,.46) 46%,rgba(19,16,23,.55) 55%,rgba(19,16,23,.64) 64%,rgba(19,16,23,.73) 73%,rgba(19,16,23,.81) 81%,rgba(19,16,23,.88) 88%,rgba(19,16,23,.94) 94%,rgba(19,16,23,.98) 98%,#131017)}.container-width-match{margin:auto;width:940px}@media screen and (max-width:960px){.container-width-match{-moz-box-sizing:border-box;box-sizing:border-box;padding:0 16px;width:100%}}@media screen and (min-width:1440px){.container-width-match{max-width:1400px;width:-moz-calc(100vw - 500px);width:calc(100vw - 500px)}}@-moz-keyframes common-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes common-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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) format("truetype")}@font-face{font-family:Douyin Number;src:url(https://lf-luna.qishui.com/obj/music-luna-fe/ies/luna-share-h5-edenx/static/font/DouyinNumberABC-ExtraBold.50431dec.otf)}a{cursor:pointer;text-decoration:none}body,html{background-color:#131017;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}body{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}*{-moz-box-sizing:border-box;box-sizing:border-box;font-family:Gilmer,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button,h1,h2,h3,p{margin:0;padding:0}button{border:none;outline:none}#root{height:100%;position:relative;width:100%;z-index:0}@media screen and (min-width:800px){#root{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}}.app{margin:auto;min-height:100vh;padding-bottom:112px;width:940px}@media screen and (max-width:960px){.app{-moz-box-sizing:border-box;box-sizing:border-box;padding:0 16px;width:100%}}@media screen and (min-width:1440px){.app{max-width:1400px;width:-moz-calc(100vw - 500px);width:calc(100vw - 500px)}}@media screen and (max-width:960px){.app{padding-bottom:48px;padding-top:88px}}.ugc-page{background-color:#121212;height:100vh;position:relative;width:100%}.ugc-page__orientation-remind-mask{background-color:#121212;display:-moz-box;display:flex;height:100%;padding-top:68px;position:fixed;width:100%;z-index:2;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.ugc-page__orientation-remind-mask .comp-orientation-remind-block__lottie{margin-top:-16px}.ugc-page__video-empty{display:-moz-box;display:flex;height:-moz-calc(100% - 248px);height:calc(100% - 248px);position:relative;width:100%;z-index:0;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.ugc-page__video-empty .text{color:hsla(0,0%,100%,.35);font-size:15px;font-weight:500;line-height:21px}.ugc-page__video-container{height:100%;padding-top:68px;-moz-transition:padding .3s linear;transition:padding .3s linear;width:100%}.ugc-page__video-player-wrapper{height:-moz-calc(100% - 248px);height:calc(100% - 248px);position:relative;z-index:0}.ugc-page__video-player,.ugc-page__video-player-wrapper{display:-moz-box;display:flex;width:100%;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.ugc-page__video-player{height:100%;overflow:hidden}.ugc-page__video-footer{background:-moz-linear-gradient(top,hsla(0,0%,7%,0) 0,hsla(0,0%,7%,.01) 10%,hsla(0,0%,7%,.04) 20%,hsla(0,0%,7%,.09) 30%,hsla(0,0%,7%,.16) 40%,hsla(0,0%,7%,.25) 50%,hsla(0,0%,7%,.36) 60%,hsla(0,0%,7%,.49) 70%,hsla(0,0%,7%,.64) 80%,hsla(0,0%,7%,.81) 90%,#121212 100%);background:linear-gradient(180deg,hsla(0,0%,7%,0),hsla(0,0%,7%,.01) 10%,hsla(0,0%,7%,.04) 20%,hsla(0,0%,7%,.09) 30%,hsla(0,0%,7%,.16) 40%,hsla(0,0%,7%,.25) 50%,hsla(0,0%,7%,.36) 60%,hsla(0,0%,7%,.49) 70%,hsla(0,0%,7%,.64) 80%,hsla(0,0%,7%,.81) 90%,#121212);bottom:128px;height:120px;position:fixed;-moz-transition:padding .3s linear,margin .3s linear;transition:padding .3s linear,margin .3s linear;width:100%;z-index:1}.ugc-page__video-footer .video-description-section{bottom:64px;left:20px;position:absolute;right:20px}.ugc-page__video-footer .artist-name{color:#fff;font-size:20px;font-weight:600;line-height:28px;text-shadow:0 0 3px rgba(0,0,0,.75)}.ugc-page__video-footer .artist-info{display:-moz-box;display:flex;margin-top:84px}.ugc-page__video-footer .artist-avatar{border-radius:50%;height:24px;width:24px}.ugc-page__video-footer .video-description-end .artist-name{color:hsla(0,0%,100%,.75);font-size:16px;font-weight:500;line-height:normal;margin-left:8px;text-shadow:0 0 2px rgba(0,0,0,.75)}.ugc-page__video-footer .video-description-error{bottom:12px}.ugc-page__video-footer .video-name{color:hsla(0,0%,100%,.75);font-size:16px;font-weight:500;line-height:22px;margin-top:4px;text-shadow:0 0 2px rgba(0,0,0,.75)}.ugc-page__video-footer .video-controls-wrapper{-moz-box-pack:center;justify-content:center;left:20px;margin-top:13px;position:absolute;right:20px}.ugc-page__footer,.ugc-page__video-footer .video-controls-wrapper{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;bottom:0}.ugc-page__footer{background-color:#121212;height:128px;padding:12px 20px;position:fixed;width:100%;z-index:1;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.ugc-page__footer-tips{color:hsla(0,0%,100%,.5);font-size:13px;font-weight:400;margin-bottom:12px}.ugc-page__footer-button{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;background:#fff;border-radius:24px;height:44px;justify-content:center;width:100%}.ugc-page__footer-button:active{background:#ededed}.ugc-page__footer-button-text{color:#121212;font-size:16px;font-weight:500;line-height:22px}