#root{max-width:1280px;margin:0;padding:0;text-align:center}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;margin:0 auto;text-align:center}#logo{position:absolute;width:4vw;left:30px;top:30px}#ads-message{position:relative;top:50px;border:3px solid white;background-color:#434343;padding:5px 20px;margin:0;border-radius:100px;animation-name:ads-animation;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);z-index:5}.final-message{animation-name:final-message-animation;animation-duration:.5s}.secondary-message-container{position:relative}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ads-animation{0%{opacity:0;transform:rotateX(90deg) translate(100px)}40%{opacity:0;transform:rotateX(90deg) translate(100px)}45%{opacity:1;transform:rotateX(0) translate(0)}55%{opacity:1;transform:rotateX(0) translate(0)}60%{opacity:0;transform:rotateX(-90deg) translate(-100px)}to{opacity:0;transform:rotateX(-90deg) translate(-100px)}}@keyframes final-message-animation{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@media screen and (max-width: 500px){#logo{width:12vw;left:8vw;top:8vw}}.countdown-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:50%}.countdown-time-category{flex:1 1 0px;display:flex;flex-direction:column;padding:1em 3em;min-width:5vw}.contdown-label{margin:0}.countdown-digits{font-size:7em;font-weight:700;margin:0}.seconds{font-weight:200}.seconds-only{font-weight:700}@media screen and (max-width: 1024px){.countdown-container{width:80%;padding:0}.countdown-time-category{padding:0}.countdown-label{font-size:1em}.countdown-digits{font-size:6em}}.seconds-animation{animation-name:seconds-animation-1;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}@keyframes seconds-animation-1{0%{transform:scale(1)}75%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@media screen and (max-width: 740px){.countdown-container{width:90%;padding:0}.countdown-time-category{padding:0}.countdown-label{font-size:.7em}.countdown-digits{font-size:4em}}.control-panel-container{position:absolute;top:20px;left:40px;width:360px;max-height:90vh;overflow-y:scroll;background-color:#5d5d5d80;border-radius:10px;color:#000;box-shadow:0 0 15px #0005;transition:left .5s;opacity:.9;z-index:10}.hide-panel{left:-400px}.cp-top-menu{display:flex}.cp-top-menu>.box-container{background-color:#9d9d9d;padding:3px 5px}.cp-top-menu .box-container:hover{background-color:var(--primary-color)}.cp-top-menu .active-top-menu-item{background-color:#c2e8d5}.cp-top-menu-item{margin:5px;display:flex}.cp-top-menu .cp-top-menu-item{text-decoration:none;font-weight:700;color:#000;cursor:pointer}.box-container{border:1px solid rgb(103,103,103);border-radius:5px;padding:10px;margin:10px;background-color:#d7d7d7;box-shadow:0 2px 3px #000000a0}.box-container-title{font-size:1rem;font-weight:700;text-align:left;margin-top:-5px;padding-bottom:5px;border-bottom:1px solid rgb(141,141,141)}.input-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:40px}.input-item input[type=text]{background-color:var(--dark-gray);height:25px;color:#fff;border:none;padding-left:10px;border-radius:5px}.input-item input[type=text]:focus{color:var(--primary-color)}.input-item input[type=text]::selection{background-color:var(--primary-color);color:#000}.input-item input[type=text]::placeholder{color:#aaa}.input-item button.util-button{padding:0 1px;margin:0 0 0 2px;min-width:24px;font-size:14px;font-weight:700;border-radius:100px;color:gray;background-color:transparent}.input-item button.util-button:hover{color:var(--dark-gray);border:2px solid var(--dark-gray)}.radio-container{flex-direction:column;align-items:flex-start;justify-content:space-between;width:fit-content}.radio-container>*{padding:4px;width:100%;display:flex;justify-content:space-between}#animate-seconds{transform:scale(1.5)}.full-width{width:100%}.gap-sm{gap:3px}.control-panel-expand-button{position:absolute;margin:0;left:5px;top:5px;z-index:100;opacity:.2}.button{display:inline-block;padding:0 5px;color:gray;border:2px solid grey;border-radius:100px;cursor:pointer;font-size:.7rem;font-weight:700}.button:hover{color:#5d5d5d;border-color:#5d5d5d;opacity:1}input{margin-left:10px}input[type=text]{padding:3px}.col{flex-direction:column;align-items:flex-start}#bgimage{margin-left:0;margin-bottom:10px;width:250px}input[type=radio]{width:30px;color:var(--)}.templates--container{display:flex;flex-direction:column;gap:10px}.user-project-list{display:flex;flex-direction:column;align-items:center;width:100%}.user-project-list>div{text-align:left;width:100%;padding:4px 8px;margin:4px 8px;background-color:#e0e0e0;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between}.user-project-list>div>p,.user-project-list img{display:inline-block;margin:0;cursor:pointer}.filename{font-weight:400}.filename.edit-highlight,.filename.current-highlight{font-weight:700}.filename.edit-highlight{color:var(--primary-color-dark)}.util-icons--container{display:flex;flex-direction:row;gap:5px}.util-icon{cursor:pointer}.util-icon svg{fill:gray}#rename-file{width:150px}.file-delete-button{background-color:red}#file-rename-button{margin-left:10px}#delete-file-widget{flex-direction:column}.hide-widget{display:none}.success-report,.error-report{width:100%;padding:4px;background-color:var(--primary-color)}.error-report{background-color:#db6666}@media screen and (max-width: 500px){.control-panel-container{width:300px}}.pro-plan-button{background-color:#000;color:var(--primary-color);font-weight:700;font-size:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:20px}.pro-plan-button>img{color:#ff0}.pro-feature-box{border:5px solid var(--primary-color)}.template{width:100%;display:flex;flex-direction:column;place-items:center;border:1px solid black;border-radius:5px;cursor:pointer}.template-header{font-size:1.5rem;font-weight:700}.template-labels,.template-counter{display:flex;width:60%;flex-direction:row;justify-content:space-between}.template-labels>p{font-size:.8rem;padding:0;margin:0}.template-counter>p{font-size:2rem;font-weight:700;padding:0;margin:0 0 10px}.template-counter>p:last-child{font-weight:200}:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #4cec9f;--primary-color-dark: #00c064;--dark-gray: #3b3b3b}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:.8rem;font-weight:500;font-family:inherit;background-color:#2c2c2c;cursor:pointer;transition:border-color .25s;width:100%}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}