@import url(https://fonts.googleapis.com/css2?family=Mona+Sans:wdth,wght@75..125,200..900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid hsla(0,0%,47%,.466);color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.overlay:before{animation:backgroundPulse 8s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff79c64d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundPulse{0%{opacity:.3}to{opacity:.6}}.bottom-section{gap:0;padding:0}.bottom-section,.time-box{align-items:center;display:flex;height:160px}.time-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;overflow:hidden;padding:20px;position:relative;width:360px}.time-box:before{content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.timebox-image{border-radius:12px;filter:brightness(1.1) contrast(1.1);object-fit:cover}.time-content,.timebox-image{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1);height:100%;width:100%}.time-content{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.time-label{color:#e0e0e0;font-size:24px;font-weight:500;letter-spacing:1.5px;opacity:1;text-transform:uppercase}.time-value{font-feature-settings:"tnum";-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#fed0e4);background-clip:text;-webkit-background-clip:text;font-size:72px;font-variant-numeric:tabular-nums;font-weight:700;margin:-12px 0 0;text-shadow:0 2px 10px #0006}.ticker-bar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0003;border-radius:12px;display:flex;flex:1 1;height:160px;overflow:hidden;padding:12px 32px;position:relative}.cheers-label,.subscribers-label,.tips-label{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);background-clip:text;-webkit-background-clip:text;display:inline-block;font-size:32px;font-weight:700;margin-right:20px;position:relative;text-shadow:0 2px 8px #ff6b6b4d;text-transform:uppercase}.cheers-label:after,.subscribers-label:after,.tips-label:after{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.cheer-name,.subscriber-name,.tip-name{animation:slideUpStagger .6s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:inline-block;font-size:28px;font-weight:600;margin-right:20px;overflow:hidden;padding:6px 16px;position:relative;transition:all .5s ease}@keyframes slideUpStagger{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;scale:1;transform:translateY(0)}50%{opacity:.5;scale:.95;transform:translateY(10px)}to{opacity:0;scale:.9;transform:translateY(30px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}to{opacity:0;transform:scale(.8)}}@keyframes fadeOutSlide{0%{opacity:1;scale:1;transform:translateX(0)}50%{opacity:.6;scale:.95;transform:translateX(20px)}to{opacity:0;scale:.9;transform:translateX(50px)}}.subscriber-name.fade-out{animation:fadeOutDown .5s cubic-bezier(.4,0,.8,1) forwards}.cheer-name.fade-out{animation:fadeOutUp .5s cubic-bezier(.4,0,.8,1) forwards}.tip-name.fade-out{animation:fadeOutScale .5s cubic-bezier(.4,0,.8,1) forwards}.cheer-name.fade-out-slide,.subscriber-name.fade-out-slide,.tip-name.fade-out-slide{animation:fadeOutSlide .5s cubic-bezier(.4,0,.8,1) forwards}.cheer-name:before,.subscriber-name:before,.tip-name:before{animation:itemShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes itemShimmer{0%{left:-100%}to{left:100%}}.cheer-name:hover,.subscriber-name:hover,.tip-name:hover{box-shadow:0 5px 15px #fff3;transform:translateY(-2px)}.cheer-name{background:#e269a233;border-color:#e269a266;color:#f9d4d7}.tip-name{background:#8f68e333;border-color:#8f68e366;color:#e9cff5}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(40px)}60%{opacity:.8;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cheer-name:contains("Loading..."),.subscriber-name:contains("Loading..."),.tip-name:contains("Loading..."){animation:pulse 2s infinite;background:#64646433}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:1920px){.overlay{width:1920px}.cheers-label,.subscribers-label,.tips-label{font-size:28px}.cheer-name,.subscriber-name,.tip-name{font-size:20px;padding:5px 12px}.time-box{height:100px;width:300px}.time-label{font-size:20px}.time-value{font-size:36px}}@media (max-width:1440px){.overlay{height:160px;width:1440px}.bottom-section{gap:18px;height:110px}.cheers-label,.subscribers-label,.tips-label{font-size:26px;margin-right:15px}.cheer-name,.subscriber-name,.tip-name{font-size:19px;margin-right:15px;padding:5px 11px}.time-box{height:90px;width:280px}.time-label{font-size:18px}.time-value{font-size:32px}.ticker-bar{height:110px;padding:0 25px}.ticker-page{gap:30px}}@media (max-width:1280px){.overlay{height:140px;width:1280px}.bottom-section{gap:15px;height:100px}.cheers-label,.subscribers-label,.tips-label{font-size:24px;margin-right:12px}.cheer-name,.subscriber-name,.tip-name{font-size:18px;margin-right:12px;padding:4px 10px}.time-box{height:80px;width:250px}.time-label{font-size:16px}.time-value{font-size:28px}.ticker-bar{height:100px;padding:0 20px}.ticker-page{gap:25px}}@media (max-width:1080px){.overlay{height:120px;width:1080px}.bottom-section{gap:12px;height:85px}.cheers-label,.subscribers-label,.tips-label{font-size:20px;letter-spacing:1px;margin-right:10px}.cheer-name,.subscriber-name,.tip-name{border-radius:12px;font-size:16px;margin-right:10px;padding:3px 8px}.time-box{height:70px;width:220px}.time-label{font-size:14px;letter-spacing:1.5px}.time-value{font-size:24px}.ticker-bar{height:85px;padding:0 18px}.ticker-page{gap:20px}}.names-row-wrapper{height:100%}.names-row,.names-row-wrapper{align-items:center;display:flex}.names-row{gap:16px}.ticker-page{white-space:nowrap}.ticker-page,.ticker-page-flex{align-items:center;display:flex;gap:24px;min-height:48px;position:relative;width:100%}.cheers-label,.socials-label,.subscribers-label,.tips-label{flex-shrink:0;min-width:0;white-space:nowrap}.label-in{opacity:0;transform:translateY(40px)}.animated-in,.label-in,.slide-in{animation:slideUpIn .5s ease-out forwards}.animated-in{animation-fill-mode:both;opacity:0;transform:translateY(40px)}.ticker-element{animation:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fff;display:inline-block;font-size:28px;font-weight:600;margin-right:20px;overflow:hidden;padding:6px 16px;position:relative;transition:all .5s ease}.row-in .ticker-element{animation:slideUpIn .5s ease-out forwards}.row-out{animation:fadeOutRow .5s forwards}.row-in{animation:none;z-index:2}.row-out{z-index:1}.fade-out-up,.ticker-element.fade-out-up{animation:fadeOutUp .5s ease-in forwards}@keyframes fadeOutRow{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slideUpIn{to{opacity:1;transform:translateY(0)}}.socials-label{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6bafff,#8ecbff);background-clip:text;-webkit-background-clip:text;display:inline-block;font-size:32px;font-weight:700;margin-right:20px;position:relative;text-shadow:0 2px 8px #6bafff4d;text-transform:uppercase}.socials-message{color:#b8e0ff;display:inline-block;font-size:24px;font-weight:500;letter-spacing:1.5px;margin-left:12px;text-shadow:0 2px 8px #6bafff33;white-space:nowrap}.social-icon{height:48px;margin-right:10px;width:48px}.social-icon,.social-text{justify-content:center;vertical-align:middle}.social-text{display:inline-block;font-size:24px;font-weight:600;line-height:1}
/*# sourceMappingURL=main.fe00c2fc.css.map*/