.border-3[data-v-88feb5e6]{border-radius:4px!important}.flip[data-v-88feb5e6]{position:relative;margin:5px 3px;width:37px;height:61px;font-size:50px;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.flip .item[data-v-88feb5e6]{list-style:none;z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;perspective:200px;transition:opacity .3s}.flip .item.active[data-v-88feb5e6],.flip .item[data-v-88feb5e6]:first-child{z-index:2}.flip .item .down[data-v-88feb5e6],.flip .item .up[data-v-88feb5e6]{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden}.flip .item .up[data-v-88feb5e6]{transform-origin:50% 100%;top:0;--line-color:rgba(0,0,0,0.2)}.flip .item .up[data-v-88feb5e6]:after{content:"";position:absolute;top:30px;left:0;z-index:5;width:100%;height:1px;background-color:var(--line-color)}.flip .item .down[data-v-88feb5e6]{transform-origin:50% 0;bottom:0;transition:opacity .3s;--line-color:rgba(0,0,0,0.2)}.flip .item .down[data-v-88feb5e6]:after{content:"";position:absolute;bottom:30px;left:0;z-index:5;width:100%;height:1px;background-color:var(--line-color)}.flip .item .inn[data-v-88feb5e6]{position:absolute;left:0;z-index:1;width:100%;height:200%;text-align:center;background-color:#fff;border-radius:4px}.flip .item .up .inn[data-v-88feb5e6]{top:0}.flip .item .down .inn[data-v-88feb5e6]{bottom:0}.play .item.before[data-v-88feb5e6]{z-index:3}.play .item.active[data-v-88feb5e6]{-webkit-animation:asd-data-v-88feb5e6 .2s linear .2s both;animation:asd-data-v-88feb5e6 .2s linear .2s both;z-index:2}.play .item.before .up[data-v-88feb5e6]{z-index:2;-webkit-animation:turn-up-data-v-88feb5e6 .2s cubic-bezier(.67,0,1,1) both;animation:turn-up-data-v-88feb5e6 .2s cubic-bezier(.67,0,1,1) both}.play .item.active .down[data-v-88feb5e6]{z-index:2;-webkit-animation:turn-down-data-v-88feb5e6 .2s cubic-bezier(0,0,.37,1) .2s both;animation:turn-down-data-v-88feb5e6 .2s cubic-bezier(0,0,.37,1) .2s both}@-webkit-keyframes turn-down-data-v-88feb5e6{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes turn-down-data-v-88feb5e6{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@-webkit-keyframes turn-up-data-v-88feb5e6{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes turn-up-data-v-88feb5e6{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@-webkit-keyframes asd-data-v-88feb5e6{0%{z-index:2}5%{z-index:4}to{z-index:4}}@keyframes asd-data-v-88feb5e6{0%{z-index:2}5%{z-index:4}to{z-index:4}}.play .shadow[data-v-88feb5e6]{position:absolute;width:100%;height:100%;z-index:2}.play .before .up .shadow[data-v-88feb5e6]{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));-webkit-animation:show-data-v-88feb5e6 .2s linear both;animation:show-data-v-88feb5e6 .2s linear both}.play .active .up .shadow[data-v-88feb5e6]{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));-webkit-animation:hide-data-v-88feb5e6 .2s linear both;animation:hide-data-v-88feb5e6 .2s linear both;border-top-left-radius:4px;border-top-right-radius:4px}.play .before .down .shadow[data-v-88feb5e6]{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.1));-webkit-animation:show-data-v-88feb5e6 .2s linear both;animation:show-data-v-88feb5e6 .2s linear both;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.play .active .down .shadow[data-v-88feb5e6]{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.1));-webkit-animation:hide-data-v-88feb5e6 .2s linear both;animation:hide-data-v-88feb5e6 .2s linear both}@-webkit-keyframes show-data-v-88feb5e6{0%{opacity:0}to{opacity:1}}@keyframes show-data-v-88feb5e6{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-data-v-88feb5e6{0%{opacity:1}to{opacity:0}}@keyframes hide-data-v-88feb5e6{0%{opacity:1}to{opacity:0}}.time-box[data-v-dc19d910]{font-family:Bebas Neue;display:flex;align-items:center;justify-content:center;padding:0 17px;border-radius:4px}.colon[data-v-dc19d910]{height:36px;padding:0 5px;display:flex;justify-content:space-around;flex-direction:column;--af-background:"white"}.colon[data-v-dc19d910]:after,.colon[data-v-dc19d910]:before{content:"";display:block;width:5px;height:5px;background:var(--af-background)}.message-item[data-v-7a67c28e]{position:relative;height:28px;width:16px}.message-item .current[data-v-7a67c28e]{position:absolute;opacity:1;top:0}.message-item .before[data-v-7a67c28e]{top:-100%;opacity:0;position:absolute}.play .current[data-v-7a67c28e]{-webkit-animation:slideIn-data-v-7a67c28e .66s cubic-bezier(.65,0,.35,1) both;animation:slideIn-data-v-7a67c28e .66s cubic-bezier(.65,0,.35,1) both}.play .before[data-v-7a67c28e]{-webkit-animation:slideOut-data-v-7a67c28e .66s cubic-bezier(.65,0,.35,1) both;animation:slideOut-data-v-7a67c28e .66s cubic-bezier(.65,0,.35,1) both}@-webkit-keyframes slideIn-data-v-7a67c28e{0%{top:100%}to{top:0}}@keyframes slideIn-data-v-7a67c28e{0%{top:100%}to{top:0}}@-webkit-keyframes slideOut-data-v-7a67c28e{0%{top:0;opacity:1}to{opacity:0;top:-100%}}@keyframes slideOut-data-v-7a67c28e{0%{top:0;opacity:1}to{opacity:0;top:-100%}}.viewer-item[data-v-4d9f33f8]{position:relative}.digit-group[data-v-4d9f33f8]{font-size:40px;height:47px;width:54px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;background-color:hsla(0,0%,100%,.35);position:relative}.digit-group.white-bg[data-v-4d9f33f8]{background-color:hsla(0,0%,80%,.35)}.digit-group .digit[data-v-4d9f33f8]{height:48px;line-height:53px}.group-box[data-v-4d9f33f8]{position:relative}.hour-box[data-v-4d9f33f8]:after{content:"HOUR"}.hour-box[data-v-4d9f33f8]:after,.min-box[data-v-4d9f33f8]:after{position:absolute;opacity:.5;font-family:Bebas Neue,sans-serif;font-size:11px;bottom:-17px;left:50%;transform:translateX(-50%);margin-left:-3px;height:13px;line-height:13px}.min-box[data-v-4d9f33f8]:after{content:"MINUTES"}.sec-box[data-v-4d9f33f8]:after{position:absolute;content:"SECONDS";opacity:.5;font-family:Bebas Neue,sans-serif;font-size:11px;bottom:-17px;left:50%;margin-left:-3px;transform:translateX(-50%);height:13px;line-height:13px}.view-box[data-v-4d9f33f8]{--rot:241deg;left:241px;padding:14px 17px 16px 17px;box-shadow:0 0 6px 0 rgba(0,0,0,.4);border-radius:4px}.message-box[data-v-4d9f33f8]{font-family:Malgun Gothic,Segoe UI,sans-serif;font-size:16px;font-weight:700;margin-bottom:12px;max-width:250px;white-space:pre-wrap;padding-left:2px;min-height:23px}.time-box[data-v-4d9f33f8]{font-family:Bebas Neue,sans-serif;display:flex;align-items:center;justify-content:center;border-radius:3px;padding-bottom:10px}.margin-right-4[data-v-4d9f33f8]{margin-right:4px}.zone[data-v-4d9f33f8]{margin-left:11px}.spot[data-v-4d9f33f8]{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px}.spot .spot-dot[data-v-4d9f33f8]{height:10px;line-height:14px}.digit-box>div[data-v-7f36a80c]{margin-bottom:2px}.time-box[data-v-7f36a80c]{font-family:Major Mono Display;display:flex;border-radius:54px;font-size:52px;padding:14px 27px 16px 27px;-o-object-fit:contain;object-fit:contain;box-shadow:0 0 6px 0 rgba(0,0,0,.2);height:51px}.time-box.clock[data-v-7f36a80c]{padding:14px 29px 16px 27px}.digit-box[data-v-7f36a80c]{display:flex;align-items:center;justify-content:center}.digit[data-v-7f36a80c]{width:37px}.zone[data-v-7f36a80c]{font-size:24px;margin-left:5px;font-weight:700;margin-bottom:6px;position:relative;top:27px;width:49px}.spot[data-v-7f36a80c]{font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.8;width:12px}.spot .spot-dot[data-v-7f36a80c]{height:14px;line-height:19px}.spot-in[data-v-7f36a80c]{-webkit-animation:SpotIn-data-v-7f36a80c .1s linear both;animation:SpotIn-data-v-7f36a80c .1s linear both}.spot-out[data-v-7f36a80c]{-webkit-animation:SpotOut-data-v-7f36a80c .1s linear both;animation:SpotOut-data-v-7f36a80c .1s linear both}@-webkit-keyframes SpotIn-data-v-7f36a80c{0%{opacity:0}to{opacity:.8}}@keyframes SpotIn-data-v-7f36a80c{0%{opacity:0}to{opacity:.8}}@-webkit-keyframes SpotOut-data-v-7f36a80c{0%{opacity:.8}to{opacity:0}}@keyframes SpotOut-data-v-7f36a80c{0%{opacity:.8}to{opacity:0}}.time-box>div[data-v-bc7df07a]{margin-bottom:3px}.time-box[data-v-bc7df07a]{display:flex;align-items:center;justify-content:center;padding:0 12px 0 12px;border-radius:3px;height:67px}.margin-right-12[data-v-bc7df07a]{margin-right:12px}.zone[data-v-bc7df07a]{position:relative;bottom:0}.spot[data-v-bc7df07a]{display:flex;flex-direction:column;align-items:center;justify-content:center}.spot .spot-dot[data-v-bc7df07a]{height:18px;line-height:24px}.spot-in[data-v-bc7df07a]{-webkit-animation:SpotIn-data-v-bc7df07a .1s linear both;animation:SpotIn-data-v-bc7df07a .1s linear both}.spot-out[data-v-bc7df07a]{-webkit-animation:SpotOut-data-v-bc7df07a .1s linear both;animation:SpotOut-data-v-bc7df07a .1s linear both}@-webkit-keyframes SpotIn-data-v-bc7df07a{0%{opacity:0}to{opacity:1}}@keyframes SpotIn-data-v-bc7df07a{0%{opacity:0}to{opacity:1}}@-webkit-keyframes SpotOut-data-v-bc7df07a{0%{opacity:1}to{opacity:0}}@keyframes SpotOut-data-v-bc7df07a{0%{opacity:1}to{opacity:0}}.viewer-item[data-v-1321b8d6]{transform:scale(1.64)}.time-box>div[data-v-1321b8d6]{margin-bottom:3px}.line[data-v-1321b8d6]{height:10px;width:100%;margin-bottom:7px;border-radius:20px;overflow:hidden;transition-duration:1s;transition-timing-function:linear}.line-bar[data-v-1321b8d6]{height:100%;width:100%;border-radius:20px}.bg-area[data-v-1321b8d6]{font-family:LCDMono;padding:0 12px;border-radius:5px}.textarea[data-v-1321b8d6]{font-size:20px;width:93px}.time-box[data-v-1321b8d6]{display:flex;align-items:center;justify-content:center;padding:0 0 0 12px;border-radius:3px;height:67px}.is-mul-color[data-v-1321b8d6]{-webkit-background-clip:text;-webkit-text-fill-color:transparent}.margin-right-12[data-v-1321b8d6]{margin-right:12px}.zone[data-v-1321b8d6]{position:relative;bottom:0}.spot[data-v-1321b8d6]{display:flex;flex-direction:column;align-items:center;justify-content:center}.spot .spot-dot[data-v-1321b8d6]{height:18px;line-height:24px}.spot-in[data-v-1321b8d6]{-webkit-animation:SpotIn-data-v-1321b8d6 .1s linear both;animation:SpotIn-data-v-1321b8d6 .1s linear both}.spot-out[data-v-1321b8d6]{-webkit-animation:SpotOut-data-v-1321b8d6 .1s linear both;animation:SpotOut-data-v-1321b8d6 .1s linear both}@-webkit-keyframes SpotIn-data-v-1321b8d6{0%{opacity:0}to{opacity:1}}@keyframes SpotIn-data-v-1321b8d6{0%{opacity:0}to{opacity:1}}@-webkit-keyframes SpotOut-data-v-1321b8d6{0%{opacity:1}to{opacity:0}}@keyframes SpotOut-data-v-1321b8d6{0%{opacity:1}to{opacity:0}}.img-player[data-v-369d29c8]{width:100%}.custom-color[data-v-369d29c8]{--img-color:#fff;filter:drop-shadow(var(--img-color) 1920px 0);position:relative;left:-1920px;border-right:1920px solid transparent}.viewer-item[data-v-4a349428]{transform:scale(.56)}.time-box[data-v-4a349428]{display:flex;align-items:center;justify-content:center;padding:0 12px 0 12px;border-radius:3px;height:67px;transform:scale(1.5);position:relative}.hidden[data-v-4a349428]{visibility:hidden}.num-render[data-v-4a349428]{width:240px;margin:0 -90px}.bg[data-v-4a349428]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px}.audio-play[data-v-1f3705ea]{position:absolute;top:0;left:0;visibility:hidden}.color-bar[data-v-585f21d7]{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden}.color-bar.is-visi[data-v-585f21d7]{visibility:inherit}.view-container[data-v-a52710b2]{width:100%;height:100%;color:#fff;overflow:hidden;font-family:SegoeUI;font-size:50px;z-index:1;position:relative}.settting-item[data-v-3ccc609e]{display:flex;margin-bottom:6px}.settting-name[data-v-3ccc609e]{margin-right:6px}#log_area{z-index:10000;position:absolute;top:0;left:0;overflow-y:hidden;background:rgba(6,219,120,.06666666666666667);width:600px;height:500px;color:#fff;font-size:14px;font-weight:700;opacity:.6}*{margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden}#app,.viewer-item{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.viewer-item{white-space:nowrap}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;src:url(../fonts/BebasNeue-Regular.ttf)}@font-face{font-family:Major Mono Display;font-style:normal;font-weight:400;src:url(../fonts/MajorMonoDisplay-Regular.ttf)}@font-face{font-family:Nanum Gothic;font-style:normal;font-weight:400;src:url(../fonts/NanumGothic-Regular.ttf)}@font-face{font-family:Nanum Gothic;font-style:normal;font-weight:700;src:url(../fonts/NanumGothic-Bold.ttf)}@font-face{font-family:LCDMono;font-style:normal;font-weight:400;src:url(../fonts/LCD_Middle_Normal.TTF)}