.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-sponsorship{animation:slide-in .3s linear;background:linear-gradient(90deg,rgba(23,23,25,.7) 20%,rgba(23,23,25,0));border-radius:999px;display:flex;gap:8px;height:52px;margin-bottom:10px;opacity:1;padding:8px 12px 8px 15px;transform:translateX(0);transition:transform .3s linear,opacity .3s linear;width:316px}@keyframes slide-in{0%{opacity:0;transform:translateX(calc(-100% - 40px))}to{opacity:1;transform:translateX(0)}}.content-sponsorship.disappear{opacity:0}.content-sponsorship.levelUp{background:linear-gradient(90deg,#6456dc,rgba(54,46,118,0));background:linear-gradient(90deg,var(--color-secondary-purple,#6456dc) 0,rgba(54,46,118,0) 100%)}.content-sponsorship .message-box{display:flex;flex-direction:column;gap:2px}.content-sponsorship .message-box .user{font-size:15px;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 3px rgba(0,0,0,.4);white-space:nowrap}.content-sponsorship .message-box .sponsorship-message{font-size:13px;font-style:normal;font-weight:400;line-height:normal;text-shadow:0 0 3px rgba(0,0,0,.4)}.content-mid-section{margin-top:auto;max-width:335px;padding-left:16px;width:calc(100% - 62px)}.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}:export{pageHeaderHeight:56px;dialogHeaderHeight:56px;accentChatBooster300:#df005d;accentChatBooster200:#8314c8;accentChatBooster100:#1254b1;accentChatBooster50:#07b6dc;accentChatBooster20:#06b22b;accentChatBooster10:#4d4d4d}.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}