.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{display:flex;flex-direction:column;margin-top:auto;max-width:335px;padding-left:16px;pointer-events:visible;width:calc(100% - 102px)}.content-onboarding-coupon-animation{align-items:center;background-color:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.content-onboarding-coupon-animation .title{color:#ff3c78;font-size:32px;font-weight:700;line-height:130%;text-align:center}.content-onboarding-coupon-animation .animating-coupon{align-items:center;display:flex;height:277px;justify-content:center;width:100%}.content-onboarding-coupon-animation .animating-coupon .effect{animation-delay:.45s;animation-duration:3s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;aspect-ratio:1/1;border-radius:100%;-webkit-mask-image:radial-gradient(#000,transparent);mask-image:radial-gradient(#000,transparent);position:relative;width:100%;z-index:-1}@keyframes rotate{0%{rotate:0deg}to{rotate:1turn}}.content-onboarding-coupon-animation .animating-coupon .coupon-image{animation-delay:.3s;animation-duration:4s;animation-fill-mode:both;animation-name:content-onboarding-coupon;animation-timing-function:linear;display:flex;height:222px;overflow:hidden;position:absolute;width:343px}@keyframes content-onboarding-coupon{0%{left:50%;opacity:0;top:50%;transform:scale(0) translate(-50%,-50%);transform-origin:0 0}5%,93%{left:50%;opacity:1;top:50%;transform:scale(1) translate(-50%,-50%)}to{left:100%;opacity:.2;top:56px;transform:scale(.2) translate(-50%,-50%) rotate(-10deg);transform-origin:-25% 25%}}.content-onboarding-coupon-animation .description{color:#fff;font-size:24px;font-weight:700;line-height:130%;text-align:center}.arrow-box{display:flex}.arrow-box.topCenter,.arrow-box.topEnd,.arrow-box.topStart{flex-direction:column-reverse}.arrow-box.rightCenter,.arrow-box.rightEnd,.arrow-box.rightStart{flex-direction:row}.arrow-box.bottomCenter,.arrow-box.bottomEnd,.arrow-box.bottomStart{flex-direction:column}.arrow-box.leftCenter,.arrow-box.leftEnd,.arrow-box.leftStart{flex-direction:row-reverse}.arrow-box .arrow-box-content{border-radius:6px;padding:14px;position:relative}.arrow-box .arrow-box-arrow{aspect-ratio:14/12;flex-shrink:0;height:-moz-fit-content;height:fit-content;position:relative;fill:#fff}.arrow-box .arrow-box-arrow.topCenter,.arrow-box .arrow-box-arrow.topEnd,.arrow-box .arrow-box-arrow.topStart{transform:translateX(-50%)}.arrow-box .arrow-box-arrow.rightCenter,.arrow-box .arrow-box-arrow.rightEnd,.arrow-box .arrow-box-arrow.rightStart{transform:rotate(90deg) translateX(-50%) translateY(1px)}.arrow-box .arrow-box-arrow.bottomCenter,.arrow-box .arrow-box-arrow.bottomEnd,.arrow-box .arrow-box-arrow.bottomStart{transform:rotate(180deg) translateX(50%)}.arrow-box .arrow-box-arrow.leftCenter,.arrow-box .arrow-box-arrow.leftEnd,.arrow-box .arrow-box-arrow.leftStart{transform:rotate(270deg) translateX(50%) translateY(1px)}.arrow-box .arrow-box-arrow.bottomCenter,.arrow-box .arrow-box-arrow.topCenter{left:50%}.arrow-box .arrow-box-arrow.bottomStart,.arrow-box .arrow-box-arrow.topStart{left:25%}.arrow-box .arrow-box-arrow.bottomEnd,.arrow-box .arrow-box-arrow.topEnd{left:75%}.arrow-box .arrow-box-arrow.leftCenter,.arrow-box .arrow-box-arrow.rightCenter{top:50%}.arrow-box .arrow-box-arrow.leftStart,.arrow-box .arrow-box-arrow.rightStart{top:25%}.arrow-box .arrow-box-arrow.leftEnd,.arrow-box .arrow-box-arrow.rightEnd{top:75%}.content-onboarding-drawer-custom-overlay{background:linear-gradient(180deg,transparent 16.55%,rgba(0,0,0,.8) 78.63%)}.coupon-animating-drawer-custom-overlay{background:rgba(0,0,0,.9)}.content-onboarding-drawer{background-color:transparent;max-height:500px;padding:20px 16px}.content-onboarding-drawer .info{display:flex;gap:6px}.content-onboarding-drawer .info .avatar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.content-onboarding-drawer .info .avatar .name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;font-size:11px;font-weight:600;max-width:30px;text-shadow:0 0 2px rgba(0,0,0,.25);white-space:pre-line;word-break:break-word}.content-onboarding-drawer .info .description{min-height:80px;position:relative;width:100%}.content-onboarding-drawer .info .description .notice{color:hsla(0,0%,100%,.6);font-size:12px;font-weight:400;position:absolute;right:0;top:0;transform:translateY(calc(-100% - 10px))}.content-onboarding-drawer .info .description .description-content{background-color:#fff;border-radius:10px;color:#191919;display:flex;flex-direction:column;font-size:15px;font-weight:500;height:100%;justify-content:center;line-height:135%;padding:10px 12px;width:100%}.content-onboarding-drawer .reviews{display:flex;flex-direction:column;gap:10px;margin-top:20px}.content-onboarding-drawer .reviews .item{display:flex;font-size:15px;font-weight:600;gap:5px;text-shadow:0 0 3px rgba(0,0,0,.4)}.content-onboarding-drawer .reviews .item .name{color:hsla(0,0%,100%,.8);flex-shrink:0}.content-onboarding-drawer .reviews .item .content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;white-space:pre-line;word-break:break-word}.content-onboarding-drawer .actions{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:20px}.content-onboarding-drawer .actions .join-button{animation-name:fade-in-up;background-color:#eb2b51;border-radius:8px;gap:5px;height:50px;padding-left:20px;padding-right:20px;width:100%}.content-onboarding-drawer .actions .join-button>span{font-size:16px;font-weight:600;line-height:135%}.content-onboarding-drawer .actions .close-for-today{animation-name:fade-in-up;color:#eff0f4;font-size:13px;font-weight:400;-webkit-text-decoration:underline;text-decoration:underline}@keyframes fade-in-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.content-seek-bar{align-items:center;display:flex;flex-direction:column;gap:10px;padding:2px 16px 12px;pointer-events:visible}.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}