@import"https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap";:root{--color1: #1e2a38;--color2: #253f4f;--color3: #3b6e68;--color4: #354e6f}body{margin:0;height:100vh;background:linear-gradient(-45deg,var(--color1),var(--color2),var(--color3),var(--color4));background-size:400% 400%;animation:gradientAnimation 20s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:8vh}.timer-container{position:relative;width:40vh;height:40vh;display:flex;justify-content:center;align-items:center;z-index:10}@keyframes emptyCircle{0%{--angle: 360deg}to{--angle: 0deg}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.7}to{transform:scale(1);opacity:1}}.pulse-ring{transform-box:fill-box;transform-origin:center;animation:pulse 1.5s ease-in-out infinite}.pulse-ring{transform-origin:50% 50%;animation:pulse 1.5s ease-in-out infinite}.header-container{width:100%;display:flex;align-items:center;padding:0 40px;box-sizing:border-box;justify-content:space-between;margin-bottom:5vh}.title{justify-content:center;width:100%;text-align:center;color:#f5f5f5;font-size:5vh;font-family:Inknut Antiqua,serif;margin-top:5px;margin-bottom:5px}.audio-menu{cursor:pointer;color:#f5f5f5;font-size:2vh}.custom-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:5px;background:linear-gradient(to right,#2bae8b 0%,#2bae8b var(--value, 50%),#ccc var(--value, 50%),#ccc 100%);outline:none}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2bae8b;cursor:pointer;position:relative;z-index:2}.custom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2bae8b;cursor:pointer}.filterTitle{font-family:Inknut Antiqua,serif}.subtitle{margin-top:8vh;justify-content:center;width:100%;text-align:center;color:#f5f5f5;font-size:3vh;font-family:Inknut Antiqua,serif;transition:opacity .5s ease}.fade-in{opacity:1}.fade-out{opacity:0}@media (max-width: 767px){.title{font-size:4vh}.timer-container{width:40vw;height:40vw}.audio-settings{width:5vh;height:5vh}}@media (max-width: 480px){.title{font-size:3vh}.timer-container{width:60vw!important;height:60vw!important}.audio-settings{width:3vh;height:3vh;padding-top:8px}.header-container{margin-bottom:15%!important}.volum-settings-container{width:220px!important}.filter-title{margin-right:5px}.seconds{font-size:30px}}@media (max-width: 340px){.title{font-size:12px}.timer-container{width:20vw;height:20vw}.seconds,.start{font-size:25px!important}.filter-container{justify-content:center}.filter-title{font-size:15px!important}.filter-dropdown{width:60%!important}.audio-settings{width:2vh;height:2vh;padding-top:4px}.subtitle{font-size:2vh}}