:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#1d1d26}html,body,#root,#background{width:100%;height:100%}body{margin:0}#background{position:relative;background:radial-gradient(circle at 20% 20%,#dde3ff,#c3c3f6,#bbc4ef)}#background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;transition:background-color .8s ease-in-out;pointer-events:none}.container{position:relative;z-index:1;display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden}.outputContainer{flex-grow:1;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;position:absolute;transform:translateY(-50%)}.timezone{font-size:clamp(1rem,1.8vw,1.4rem);letter-spacing:.01em}.canCall{font-size:clamp(3rem,8vw,5rem);font-weight:600}.statusText{margin:0 0 8px;font-size:.95rem}.statusText.error{color:#8f1111}.inputContainer{position:absolute;bottom:48%;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:1.35rem;transition:all .8s ease}.inputContainer.subbed{bottom:6%;font-size:1rem}.inputContainer>input{min-width:min(90vw,320px);background-color:transparent;border:1px solid rgba(0,0,0,.1);padding:10px 12px;text-align:center;transition:all .4s ease}.inputContainer.subbed>input{border:1px solid rgba(0,0,0,.05)}.inputContainer>input:focus{outline:2px solid rgba(51,87,189,.4);outline-offset:2px}.redBackground{--overlay-color: rgba(255, 135, 135, .88)}.greenBackground{--overlay-color: rgba(192, 192, 255, .88)}.blankBackground{--overlay-color: rgba(242, 243, 249, .92)}#background.redBackground:before,#background.greenBackground:before,#background.blankBackground:before{background-color:var(--overlay-color)}.credits{position:absolute;bottom:12px;right:12px;font-size:.72rem}.credits a{color:inherit}@media (max-width: 768px){.inputContainer{bottom:42%}.inputContainer.subbed{bottom:8%}}