html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;height:100%;background-color:#fff}body{margin:0;padding:0;width:80%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{display:none}@media (min-width: 1024px){body{width:100%;padding:15px}}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:2rem;min-width:200px}input{background-color:#303030;margin-top:5px;border:none;border-radius:5px;display:flex;color:#fff;justify-content:center;align-items:center;width:25%;height:25px}.button{text-align:center;cursor:pointer;font-size:24px;outline:none;color:#fff;background-color:#01c489;border:none;border-radius:5px;min-height:35vh;box-shadow:0 8px #007954;width:100%}.text{display:inline-block;font-size:40px;font-weight:500}.r{transform:rotate(180deg)}.button.is-counting{background-color:#17916c;box-shadow:0 -4px #147a5b;transition:.2s}.button.finish{background-color:#ce2121;box-shadow:0 -4px #911616;transition:.2s}.options-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:2rem;margin-top:8px}.options-container button{padding:0;background:none;border:none;display:flex;justify-content:center;align-items:center;width:38px;height:38px}.options-container img{width:100%;height:100%;object-fit:cover;object-position:center}.options-container button:hover{scale:1.1;transition:.2s}.options-container button:active{scale:.9;transition:.2s}@media (min-width: 1024px){.container{flex-direction:row;justify-content:center;gap:2rem;min-width:200px}.button{text-align:center;cursor:pointer;font-size:24px;outline:none;color:#fff;background-color:#01c489;border:none;border-radius:5px;height:90vh;box-shadow:0 8px #007954}.options-container{flex-direction:column;gap:2rem;margin-top:0;width:350px;justify-content:center;align-items:center}.text{font-size:60px;font-weight:500}.r{transform:rotate(0)}.options-container button{padding:0;background:none;border:none;display:flex;justify-content:center;align-items:center;width:48px;height:48px}}.config-card{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;color:#fff;background-color:#505050ec;border-radius:15px 15px 0 0;padding:15px 15px 200px;position:absolute;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;display:flex;flex-direction:column;align-items:center;bottom:0;width:85%;max-width:500px}.slide-top{animation:slide-top .1s linear both}@keyframes slide-top{0%{transform:translateY(100px)}to{transform:translateY(0)}}.slide-bottom{animation:slide-bottom .1s linear both}@keyframes slide-bottom{0%{transform:translateY(0)}to{transform:translateY(100px)}}.config-card input{padding:5px;width:60%;margin-inline:0px;margin-bottom:10px}.config-card button{margin-top:15px;border:none;align-items:center;cursor:pointer}.config-card button.disabled{pointer-events:none}.button-set{display:flex;border-radius:5px;padding:10px;color:#fff;font-weight:700;background-color:#242424;flex-direction:row;justify-content:space-between;column-gap:10px}.button-x{background:none;position:absolute;color:#fff;right:5px;top:10px}.button-x:hover{color:#f2f2f2;scale:1.1;transition:.1s}@media (min-width: 1024px){.slide-bottom{animation:slide-bottom .1s linear both}@keyframes slide-bottom{0%{transform:translateY(0)}to{transform:translateY(3000px)}}}