.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;cursor:pointer}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size));justify-content:space-between}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}.live-chat-box{--box-max-width:416px;--box-padding:22px;--box-radius:24px;--box-gap:11px;--text-indent:8px;--footer-height:100px;background-color:var(--box-bg);border-radius:var(--box-radius);display:flex;flex-direction:column;height:100%;max-height:100vh;max-width:var(--box-max-width);overflow:hidden;position:relative;width:100%}.live-chat-box .header{border-bottom:2px solid var(--dividing-line);display:flex;flex-direction:column;gap:var(--box-gap);padding:var(--box-padding) 0}.live-chat-box .title{color:var(--header);font-size:22px;font-weight:600;line-height:34px;padding:0 var(--box-padding);text-indent:var(--text-indent);width:100%}.live-chat-box .donation{--donation-gap:6px;--donation-item-height:48px;--donation-item-gap:7px;--donation-item-padding:10px 15px 10px 10px;--donation-profile-size:30px;--donation-profile-lg-size:60px;display:flex;flex-direction:column;gap:var(--box-gap)}.live-chat-box .donation .donation-list{display:flex;gap:var(--donation-gap);overflow-x:auto;overflow-y:hidden;padding:0 var(--box-padding)}.live-chat-box .donation .donation-list .item{align-items:center;border-radius:var(--donation-item-height);display:flex;gap:var(--donation-item-gap);height:var(--donation-item-height);justify-content:flex-start;padding:var(--donation-item-padding);width:fit-content}.live-chat-box .donation .donation-list .item .profile{background-color:var(--profile-bg);flex-shrink:0}.live-chat-box .donation .donation-list .item .profile,.live-chat-box .donation .donation-list .item .profile img{border-radius:50%;height:var(--donation-profile-size);width:var(--donation-profile-size)}.live-chat-box .donation .donation-list .item label{color:var(--donation-label);font-size:18px;font-weight:600;white-space:nowrap}.live-chat-box .donation .donation-list .item.orange{background-color:var(--donation-orange)}.live-chat-box .donation .donation-list .item.blue{background-color:var(--donation-blue)}.live-chat-box .donation .donation-list .item.green{background-color:var(--donation-green)}.live-chat-box .donation .donation-desc{color:var(--donation-desc);font-size:15px;font-weight:400;line-height:22px;padding:0 var(--box-padding) 0 calc(var(--box-padding) + var(--text-indent))}.live-chat-box .contents{display:flex;flex-direction:column;flex-grow:1;gap:11px;min-height:150px;padding:var(--box-padding)}.live-chat-box .contents .noti{--noti-padding:15px 22px;background-color:var(--box-bg);border-radius:15px;color:var(--noti);display:flex;flex-direction:column;gap:8px;margin-bottom:6px;padding:var(--noti-padding)}.live-chat-box .contents .noti .noti-title{align-items:center;display:flex;gap:6px}.live-chat-box .contents .noti .noti-title label{font-size:19px;font-weight:600;line-height:30px}.live-chat-box .contents .text{color:var(--chat-text);font-size:20px;font-weight:500;line-height:32px}.live-chat-box .contents .text span{color:var(--user-nickname);font-weight:400;padding-right:9px}.live-chat-box .contents .text span.deleted{color:var(--chat-deleted)}.live-chat-box .contents .donation{border-radius:15px;display:flex;flex-direction:row;padding:19px}.live-chat-box .contents .donation.orange{background-color:var(--donation-orange)}.live-chat-box .contents .donation.blue{background-color:var(--donation-blue)}.live-chat-box .contents .donation.green{background-color:var(--donation-green)}.live-chat-box .contents .donation .profile{background-color:var(--profile-bg)}.live-chat-box .contents .donation .profile,.live-chat-box .contents .donation .profile img{border-radius:50%;height:var(--donation-profile-lg-size);width:var(--donation-profile-lg-size)}.live-chat-box .contents .donation .text .nickname{font-weight:600}.live-chat-box .contents .donation .text .amount span{color:var(--chat-text);font-weight:600;padding-right:0}.live-chat-box .contents .chat-list{display:flex;flex-direction:column;gap:11px;overflow-y:auto}.live-chat-box .footer{align-items:center;background-color:var(--box-bg);color:var(--footer);display:flex;font-size:19px;gap:22px;justify-content:space-between;line-height:30px;padding:15px 22px;width:100%}.live-chat-box .footer img{height:50px;width:50px}.live-donation-box{background-color:var(--box-bg-50);border-radius:20px;display:flex;flex-direction:column;max-height:100vh;max-width:417px;overflow:hidden;padding:30px 0 10px;position:relative;width:100%}.live-donation-box header{align-items:baseline;color:#fff;display:flex;font-size:23px;font-weight:600;gap:8px;padding:0 30px}.live-donation-box header span{display:none;font-size:18px;font-weight:400}.live-donation-box main{overflow-y:scroll}.live-donation-box .donation-item{align-items:center;display:flex;gap:15px;height:104px;padding:0 26px}.live-donation-box .donation-item .profile-bg{background-color:#fff;border-radius:31px;height:62px;width:62px}.live-donation-box .donation-item .profile-bg img{border-radius:31px;height:62px;width:62px}.live-donation-box .donation-item .donation-info{color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:6px}.live-donation-box .donation-item .donation-info .name-time-wrap{align-items:center;display:flex;justify-content:space-between}.live-donation-box .donation-item .donation-info .name-time-wrap .nickname{font-size:18px;font-weight:600}.live-donation-box .donation-item .donation-info .name-time-wrap .time{font-size:15px;font-weight:400}.live-donation-box .donation-item .donation-info .amount{font-size:18px}.live-donation-box .donation-item .donation-info .amount span{font-weight:600}.donations-alert{align-items:center;display:flex;flex-direction:column;height:450px;justify-content:center;width:450px}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.donations-alert.fade-in-out{animation:fadeInOut 15s ease-in-out forwards}.donations-alert .gif{height:250px;width:250px}.donations-alert .content{color:#fff;font-size:21px;font-weight:400;margin-top:21px;max-width:450px;padding:0 20px;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000,0 0 3px #000}.donations-alert .content .donation-target,.donations-alert .content .nickname{font-size:22px;font-weight:600;overflow-x:hidden;padding:0 3px;text-overflow:ellipsis;white-space:pre}.donations-alert .content .amount{color:#ff7210;font-size:22px;font-weight:600;padding:0 3px;text-shadow:-.5px -.5px 0 #fff,.5px -.5px 0 #fff,-.5px .5px 0 #fff,.5px .5px 0 #fff,0 0 3px #000}.donations-alert .content .flex-row{display:flex;justify-content:center}.donations-alert .content .no-shrink{flex-shrink:0}@font-face{font-family:Pretendard-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff")}:root{--scrollbar:#0000;--box-bg:#000000bf;--box-bg-50:#00000080;--header:#fff;--footer:#fff;--noti:#fff;--chat-text:#fff;--chat-deleted:#999;--dividing-line:#ffffff80;--donation-orange:#ff7210;--donation-blue:#2f7bcb;--donation-green:#159895;--donation-label:#fff;--donation-desc:#efefef;--profile-bg:#fff;--user-nickname:#ccc}body,html{height:100vh;width:100vw}#root{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Pretendard-Regular,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-style:normal;letter-spacing:-2.5%;margin:0;padding:0}::-webkit-scrollbar{height:0;width:0}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}
/*# sourceMappingURL=main.c313e798.css.map*/