.content-live-notice-qna-event-drawer{border-radius:12px 12px 0 0;height:100%;max-height:max(calc(var(--vh, 1vh)*70),500px)}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs{display:flex;flex-direction:column;height:100%;width:100%}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list{border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:8px;height:50px;margin-bottom:-1px;padding:0 60px;width:100%}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list .content-live-notice-qna-event-tabs-trigger{color:#999;flex:1 1;flex-shrink:0;font-size:15px;font-weight:400;height:100%;letter-spacing:-.276px;line-height:normal;padding-top:4px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list .content-live-notice-qna-event-tabs-trigger[data-state=active]{color:#ff3c78;font-weight:700;margin-bottom:-2px;position:relative}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list .content-live-notice-qna-event-tabs-trigger[data-state=active].count-over:after{background-color:#ff3c78;bottom:0;content:"";height:2px;left:-5px;position:absolute;right:-5px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list .content-live-notice-qna-event-tabs-trigger[data-state=active]:not(.count-over){border-bottom:2px solid #ff3c78}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list .content-live-notice-qna-event-tabs-trigger[data-state=active]:not(.count-over).single{border-bottom:initial;margin-bottom:0}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list .content-live-notice-qna-event-tabs-trigger.single{border-bottom:initial;color:#000;font-weight:500;margin-bottom:0}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-list .content-live-notice-qna-event-tabs-trigger.single .count{color:#ff3c78}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content{height:100%;margin-top:2px;overflow:auto;width:100%}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .notice{color:#000;display:flex;flex-direction:column;gap:12px;line-height:145%;margin:0 20px;padding:24px 0;position:relative}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .notice:not(:first-of-type){padding-top:20px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .notice:not(:last-of-type){border-bottom:1px solid #f3f3f3;padding-bottom:20px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .notice .type{font-size:18px;font-weight:700}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .notice .content{color:#323232;font-size:15px;font-weight:400;line-height:21px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item{display:flex;flex-direction:column;gap:12px;margin:0 20px;padding:20px 0;position:relative}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item.emphasize{animation-duration:1s;animation-fill-mode:forwards;animation-name:emphasize;animation-timing-function:linear}@keyframes emphasize{0%{background-color:#fff}50%{background-color:#fff5f8}to{background-color:#fff}}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item:not(:first-of-type){padding-top:24px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item:not(:last-of-type){border-bottom:1px solid #f3f3f3;padding-bottom:28px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question{display:flex;gap:12px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question .icon{height:20px;width:20px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question .detail{display:flex;flex-direction:column;gap:4px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question .detail .title{color:#000;font-size:16px;font-weight:700;letter-spacing:-.296px;line-height:normal}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question .detail .info{align-items:center;display:flex;gap:4px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question .detail .info .nickname{color:#999;font-size:13px;font-weight:400;letter-spacing:-.296px;line-height:normal}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question .detail .info .dot{background-color:#999;border-radius:3px;height:3px;width:3px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .question .detail .info .time{color:#999;font-size:13px;font-weight:400;letter-spacing:-.296px;line-height:normal}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .answer{background-color:#f8f8f8;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .answer .answer-text{color:#000;font-size:14px;font-weight:400;line-height:145%}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .answer .answer-info{align-items:center;display:flex;gap:4px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .answer .answer-info .answer-nickname{color:#999;font-size:13px;font-weight:400;letter-spacing:-.296px;line-height:normal}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .answer .answer-info .answer-dot{background-color:#999;border-radius:3px;height:3px;width:3px}.content-live-notice-qna-event-drawer .content-live-notice-qna-event-tabs-content .qna-item .answer .answer-info .answer-time{color:#999;font-size:13px;font-weight:400;letter-spacing:-.296px;line-height:normal}.content-live-notice-qna-event-drawer .content-tips-iframe{height:100%;margin-top:1px;width:100%}.content-live-notice{background-color:rgba(64,65,73,.3);border-radius:20px;gap:6px;height:30px;justify-content:flex-start;max-width:100%;padding-left:4px;padding-right:8px;width:-moz-fit-content;width:fit-content}.content-live-notice>.avatar{border-radius:22px;flex-shrink:0;height:22px;width:22px}.content-live-notice>.text{color:#fff;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 3px rgba(0,0,0,.4);white-space:nowrap}.content-live-notice>.arrow-icon{color:hsla(0,0%,100%,.5);flex-shrink:0;height:14px;margin-left:auto;width:14px}.content-live-qna{animation:fade-in .2s linear;background-color:rgba(64,65,73,.3);border-radius:20px;font-size:14px;gap:3px;height:30px;justify-content:flex-start;line-height:normal;max-width:100%;padding-left:8px;padding-right:8px;width:-moz-fit-content;width:fit-content}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.content-live-qna .icon{color:#fff;flex-shrink:0;height:14px;width:14px}.content-live-qna .text{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 3px rgba(0,0,0,.4);white-space:nowrap}.content-live-qna>.arrow-icon{color:hsla(0,0%,100%,.5);flex-shrink:0;height:14px;margin-left:auto;width:14px}.content-live-qna-detail{align-items:flex-start;animation-duration:5.5s;animation-fill-mode:forwards;animation-name:live-qna-expand-then-shrink;animation-timing-function:linear;background-color:rgba(64,65,73,.3);border-radius:10px;display:flex;flex-direction:column;gap:4px;justify-content:center;overflow:hidden}@keyframes live-qna-expand-then-shrink{0%{height:32px;opacity:.3;padding:0;width:32px}4%,96%{height:54px;opacity:1;padding-left:8px;padding-right:8px;width:100%}to{height:32px;opacity:.3;padding:0;width:32px}}.content-live-qna-detail .question{align-items:center;display:flex;width:100%}.content-live-qna-detail .question .icon{color:#fff;flex-shrink:0;height:14px;width:14px}.content-live-qna-detail .question .nickname{color:hsla(0,0%,100%,.7);font-size:14px;font-weight:600;margin-left:4px;text-shadow:0 0 3px rgba(0,0,0,.4)}.content-live-qna-detail .question .text{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;margin-left:5px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 3px rgba(0,0,0,.4);white-space:nowrap}.content-live-qna-detail .answer{align-items:center;display:flex;width:100%}.content-live-qna-detail .answer .icon{color:#fff;flex-shrink:0;height:14px;width:14px}.content-live-qna-detail .answer .text{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;margin-left:4px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 3px rgba(0,0,0,.4);white-space:nowrap}.content-scrolling-button{margin-top:10px;position:relative;width:100%}.content-scrolling-button .item{left:0;opacity:0;pointer-events:visible;position:absolute;top:0;transition-duration:.2s;transition-property:opacity,visibility;transition-timing-function:linear;visibility:hidden;width:100%}.content-scrolling-button .active{opacity:1;position:static;visibility:visible}.content-mid-section{margin-top:auto;max-width:335px;padding-left:16px;width:calc(100% - 102px)}.content-mid-section,.content-seek-bar{display:flex;flex-direction:column;pointer-events:visible}.content-seek-bar{align-items:center;gap:10px;padding:2px 16px 12px}.content-seek-bar .slider{height:6px}.content-seek-bar .slider .slider-thumb{height:14px;width:14px}.content-seek-bar .slider .slider-track{background-color:hsla(0,0%,90%,.3)}.content-seek-bar .controls{align-items:center;display:flex;gap:10px;width:100%}.content-seek-bar .controls .time{color:#fff;display:flex;font-size:12px;font-weight:400;text-shadow:0 0 3px rgba(0,0,0,.4);width:-moz-fit-content;width:fit-content}.content-seek-bar .play{flex-shrink:0;height:24px;width:24px}.content-seek-bar .play svg{color:#fff;height:100%;width:100%}.content-seek-bar .time{flex-shrink:0;font-feature-settings:"tnum";font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.022px;text-shadow:0 1px 0 rgba(0,0,0,.2)}.content-seek-bar .time.duration{color:#c2c2c2}.content-seek-bar .playback-rate{border:1px solid hsla(0,0%,100%,.5);border-radius:95px;flex-shrink:0;font-size:12px;font-weight:700;height:22px;margin-left:auto;text-shadow:0 0 3px rgba(0,0,0,.4);width:40px}.content-tap-area{display:flex;height:100%;position:absolute;width:100%;z-index:-1}.content-tap-area .ripple{align-items:center;display:flex;flex-grow:1;justify-content:center;position:relative}.content-tap-area .ripple .ripple-animation{background-color:hsla(0,0%,100%,.4);border-radius:100%;display:none;padding-top:100%;position:absolute;width:100%}.content-tap-area .ripple .ripple-animation.active{animation-duration:.25s;animation-fill-mode:forwards;animation-name:ripple;animation-timing-function:linear;display:block;transform:scale(0)}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}.content-tap-area .ripple .ripple-text{align-items:center;display:none;flex-direction:column;font-size:16px;font-weight:500;letter-spacing:-.2px;text-shadow:0 1px 1px rgba(0,0,0,.3)}.content-tap-area .ripple .ripple-text.active{display:flex}.content-tap-area .ripple .ripple-text .icon{height:32px;width:32px}@keyframes appearBanner{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes increaseBanner{0%{width:90%}to{width:100%}}@keyframes decreaseBanner{0%{width:100%}to{width:142px}}@keyframes boosterMaxInfo{0%{display:none;opacity:0;transform:translateY(15%)}20%{display:flex;transform:translateY(0)}50%{opacity:1}}@keyframes boosterMinInfo{0%{opacity:0}to{opacity:1}}@keyframes boosterMaxImg{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes boosterMinImg{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.base-stack{display:flex;padding:14px 16px;position:relative}.row{align-items:center;display:flex;flex-direction:row}.booster-animtaion{border-radius:12px;display:flex;flex-direction:column;height:60px;max-width:254px;min-width:142px;position:relative;transform-origin:0 0;transition:width 1.5s ease-out;width:auto;will-change:transform,width,background-color}.booster-animtaion>.appear{animation:appearBanner ease-in 10;max-width:254px;transform-origin:0 0;transition:opacity 10 ease-in}.booster-animtaion>.appear.cocktail{max-width:200px}.booster-animtaion>.increase{animation:increaseBanner 1s forwards;height:60px;max-width:254px;opacity:1;transition:background-color 1s linear}.booster-animtaion>.max{max-width:254px;transition:background-color 1s ease-in}.booster-animtaion.max.money-gun{height:360px;max-width:360px;width:360px}.increase{animation:increaseBanner 1s forwards;height:60px;max-width:254px;opacity:1;transition:background-color 1s linear}.appear{animation:appearBanner .5s ease-in;max-width:254px;transform-origin:0 0;transition:opacity .5s ease-in}.decrease{animation:decreaseBanner .5s linear;width:142px}.image-wrapper{display:flex;flex-direction:column;min-height:55px;min-width:55px;position:relative}.image-wrapper .money-gun-wrapper{height:65px;width:65px}.image-wrapper .cocktail-wrapper{height:60px;width:60px}.booster-min-img{align-items:center;animation:boosterMinImg .5s ease-in-out 0s;border-radius:12px!important;display:flex;flex-direction:row;position:relative}.booster-min-img,.booster-min-img>img{height:55px;width:55px}.booster-min-img.money-gun{height:65px;width:65px}.booster-min-img.cocktail{height:60px;width:60px}.booster-min-info{animation:boosterMinInfo 1s linear;display:flex;flex-direction:row;opacity:0;padding:0 5px}.booster-min-info>img{height:55px;width:55px}.booster-min-info .min-info{display:flex;flex-direction:column}.booster-min-info .min-info .user{color:hsla(0,0%,100%,.1);font-size:13px;line-height:15px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booster-min-info .min-info .price{color:hsla(0,0%,100%,.8);font-size:14px;font-weight:500;line-height:16px;margin-left:2px}.booster-min-info .min-info .row{margin-top:2px}.booster-min-info .min-info .row>img{height:12px;width:12px}.booster-min-info.extended,.booster-min-info.short{animation-fill-mode:forwards}.booster-max-info{animation:boosterMaxInfo 4s;animation-fill-mode:forwards;border-radius:12px;display:flex;flex-direction:row;height:60px}.booster-max-info .booster-max-img{align-items:center;animation:boosterMaxImg .5s ease-in-out;display:flex;flex-direction:row;height:auto;position:relative;width:auto}.booster-max-info .booster-max-img.money-gun{height:360px;margin-left:-10px;margin-top:-5px;position:absolute;top:0;transform:translateY(-20px);width:360px}.booster-max-info .booster-max-img.cocktail{height:150px;margin-left:-10px;margin-top:5px;position:absolute;top:0;transform:translateY(-5px);width:190px}.booster-max-info .booster-max-img.others{height:60px;width:60px}.booster-max-info .max{align-items:center;display:flex;flex-direction:row}.booster-max-info .max .user{color:hsla(0,0%,100%,.8);font-size:13px;font-weight:600;line-height:16px;max-width:100px;overflow:hidden;padding-right:2px;text-overflow:ellipsis;white-space:nowrap}.booster-max-info .max .price{color:hsla(0,0%,100%,.8);font-size:14px;font-weight:500;line-height:16px;margin-left:2px}.booster-max-info .max .dot{background-color:hsla(0,0%,100%,.5);border-radius:4px;height:3px;margin:0 3px;width:3px}.booster-max-info .message{color:#fff;font-size:15px;font-weight:600;line-height:18px;max-width:172px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booster-max-info .max-info-without-message{align-items:center;display:flex;flex-direction:row}.booster-max-info .max-info-without-message .user{color:#fff;font-size:14px;font-weight:600;line-height:16px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booster-max-info .max-info-without-message .price{color:hsla(0,0%,100%,.8);font-size:14px;font-weight:500;line-height:16px;margin-left:2px}.booster-max-info .user-info-wrapper{padding:11px 12px 13px 0;right:0}.user-info-wrapper{display:flex;flex-direction:column;gap:3px}.user-info-wrapper>.max{align-items:center;display:flex;flex-direction:row}.final-banner{padding-left:6px;padding-top:6px}.final-banner .final-booster{border-radius:12px!important;height:60px;width:142px}.final-banner .final-booster .info{display:flex;flex-direction:row;gap:3px}.final-banner .final-booster .info .user{display:flex;flex-direction:column;gap:3px;overflow:hidden;padding:14px 13px 10px 0}.final-banner .final-booster .info .user .name{color:#fff;font-size:13px;font-weight:600;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-banner .final-booster .info .price{color:hsla(0,0%,100%,.8);font-size:14px;font-weight:500;line-height:16px;margin-left:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatting-badge{border-radius:8px;display:flex;flex-direction:row;gap:2px;padding:3px 4px 3px 3px;width:-moz-max-content;width:max-content}.chatting-badge .price{font-size:9px;font-weight:600;letter-spacing:-.3px}:export{pageHeaderHeight:56px;dialogHeaderHeight:56px;accentChatBooster300:#df005d;accentChatBooster200:#8314c8;accentChatBooster100:#1254b1;accentChatBooster50:#07b6dc;accentChatBooster20:#06b22b;accentChatBooster10:#4d4d4d}.live-ranking-drawer{background-color:#191919;border-radius:12px 12px 0 0;color:#fff;font-style:normal;font-weight:500;height:calc(100vh - 30%);height:calc(var(--vh, 1vh)*100 - 30%);line-height:normal;padding:23px 0;width:100%}.live-ranking-drawer .header{align-items:center;display:flex;flex-direction:row;margin-bottom:15px;position:relative}.live-ranking-drawer .header .title{color:#fff;font-size:18px;font-weight:600;margin:auto}.live-ranking-drawer .header .back-btn{cursor:pointer;left:14px;margin-bottom:auto;margin-top:auto;position:absolute}.live-ranking-drawer .content{overflow-y:auto;padding-bottom:43px}.live-ranking-drawer .content,.live-ranking-drawer .content .list{display:flex;flex-direction:column}.live-ranking-drawer .content .list .item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 20px 10px 12px}.live-ranking-drawer .content .list .item .leading{align-items:center;display:flex;flex-direction:row;flex-grow:1}.live-ranking-drawer .content .list .item .leading .ranking-badge{height:28px;margin-right:13px;width:28px}.live-ranking-drawer .content .list .item .leading .avatar{margin-right:12px}.live-ranking-drawer .content .list .item .leading .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-ranking-drawer .content .list .item .tail{align-items:center;display:flex;flex-direction:row;flex-shrink:0}.live-ranking-drawer .content .list .item .tail .total-booster{font-size:15px;font-weight:400;margin-left:3px}