#soundsContainer{position:absolute;top:70px;width:30px;display:flex;flex-direction:column}#sounds{margin-right:10px}.sounds{margin-left:5px;color:#ffffff80}.sounds.active{color:#fff}#mute{margin-bottom:12px}.sound-item{display:flex;padding:0;margin-bottom:5px;width:max-content;align-items:center}input[type=range]{-webkit-appearance:none!important;margin-left:10px;background:#fff6;height:3px;width:50px;outline:none;cursor:pointer;border-radius:5px}input[type=range]:focus,input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background:#afaeae;height:7px;width:7px;border-radius:50%}input[type=range]::-moz-range-track{border:none;background:transparent}input[type=range]::-moz-range-thumb{background:#afaeae;border:none;height:7px;width:7px;border-radius:50%}#navbar{display:flex;align-items:center;height:35px;padding-top:20px}#options{display:flex;align-items:center}#settings{margin-left:auto}#break-menu{font-size:1.3em}#break-menu-options{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%}#break-menu-dialogue{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%)}#break-menu-text{margin:5px}#clockIcon{padding:5px;margin-left:15px}#svg{transform:scaleX(-1) rotate(-90deg);overflow:visible;position:relative;z-index:-1}#svg circle{stroke:#db8d3c;stroke-width:8;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}#svg #bar{stroke:#fdcf3c;filter:drop-shadow(0px 0px 10px #FDCF3CB2);stroke-linecap:round}.timer-container{width:200px;margin:auto;padding:33px;position:relative;text-align:center;align-self:center}.widget{position:relative}#countdown{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%)}#text{text-align:center;font-size:3em;margin-bottom:10px}#coffee{left:83px;top:70px}#footer{text-align:right;padding-bottom:5%}#footer{display:flex;justify-content:space-between;align-items:center}body{margin:0;background:#a15200;color:#fff;font-family:"Manrope",Sans-serif}#app{display:flex;flex-direction:column;height:100vh;width:90%;margin:0 auto}.icon{cursor:pointer;z-index:1}#meditation,#reset{margin-right:10px}#soundsContainer{z-index:999999999}#soundsContainer:after{content:"";position:absolute;left:-6px;top:-8px;width:340%;height:120%;background:#0003;z-index:-1;border-radius:5px}.cursor-pointer{cursor:pointer}.volume-controller{margin-bottom:5px;filter:invert(.7)}.white{filter:invert()}#settingsMenu{width:400px;position:absolute;left:50%;top:20%;transform:translate(-50%)}.heading{font-size:1.3em}.optionsText{font-size:18px}.optionsValue{position:absolute;right:0}.optionsValue input[type=text]{width:30px;text-align:right;margin-right:5px;background-color:transparent;color:#fff;font-size:18px;border:none;border:1px solid white;padding:2px 8px;border-radius:5px}.optionsValue input[type=range]::-moz-range-thumb{height:10px;width:10px}.optionsValue input[type=range]::-webkit-slider-thumb{height:10px;width:10px}.menu-input-value{width:25px;display:inline-block;text-align:right}input:focus,input:focus-visible{outline:1px solid #E0E0E1}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}#settings-footer{margin-top:80px;display:flex;justify-content:space-between;border-top:.5px solid #E0E0E1;padding-top:10px;padding-bottom:50px}.settings-link{display:flex;align-items:center;text-decoration:none;color:#fff}.settings-link-text{margin-left:10px}#meditation-display{width:200px;margin:auto;padding:33px;position:relative;text-align:center;align-self:center}#breath-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.8em;width:max-content}#meditation-svg{transform:scaleX(-1) rotate(-90deg);overflow:visible;position:relative;z-index:-1}#meditation-circle-bar{stroke:#fdcf3c;stroke-width:8;filter:drop-shadow(0px 0px 10px #FDCF3CB2);stroke-linecap:round;transform-origin:center center}@keyframes inhale{0%{r:120px}to{r:220px}}@keyframes exhale{0%{r:220px}to{r:120px}}@media only screen and (max-width: 600px){#breath-label{font-size:1.5em}@keyframes inhale{0%{r:100px}to{r:150px}}@keyframes exhale{0%{r:150px}to{r:100px}}}