.button,.icon-button{cursor:pointer;background:0 0;border:none}.button{background:var(--color-hunter-green);color:var(--secondary-text-color);border-radius:3px;padding:.125rem 1rem;font-family:inherit}.icon-button{color:var(--primary-text-color)}.visibility-hidden{visibility:hidden}.display-none{display:none}@font-face{font-family:Funnel Display;src:url(./FunnelDisplay-VariableFont_wght-CYddJW1B.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--fade-in--animation-duration:2s}.fade-in{animation:fade-in var(--fade-in--animation-duration) ease-out forwards}.fade-out{animation:fade-out var(--fade-in--animation-duration) ease-out forwards}.animation-duration-short{animation-duration:.25s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--color-dust-grey:#dad7cd;--color-dry-sage:#a3b18a;--color-fern:#588157;--color-hunter-green:#3a5a40;--color-pine-teal:#344e41;--color-white:#fff;--color-black:#0000000;--primary-text-color:var(--color-black);--secondary-text-color:var(--color-white);--background-color:var(--color-dust-grey)}body{background:radial-gradient(circle, var(--color-dust-grey), var(--color-dry-sage));height:100dvh;margin:0}#root{flex-direction:column;height:100%;display:flex}main{flex-grow:1}body{font-family:Funnel Display,sans-serif}main{flex-direction:column;justify-content:center;align-items:center;display:flex}#breathing-duration-selector__wrapper{margin-top:20px}#breathing-box__wrapper{margin-bottom:1.5rem}:root{--minimum-size:175px;--maximum-size:250px}#breathing-box__wrapper{height:var(--maximum-size);width:var(--maximum-size);justify-content:center;align-items:center;display:flex}#breathing-box{animation-composition:add;background:radial-gradient(circle, var(--color-dust-grey), var(--color-fern));border-radius:50%;animation-timing-function:ease-in-out;animation-direction:normal;animation-delay:0s;animation-fill-mode:forwards}@keyframes four-four-four-four__breathing{0%{height:var(--minimum-size);width:var(--minimum-size)}25%{height:var(--maximum-size);width:var(--maximum-size)}50%{height:var(--maximum-size);width:var(--maximum-size)}75%{height:var(--minimum-size);width:var(--minimum-size)}to{height:var(--minimum-size);width:var(--minimum-size)}}@keyframes four-seven-eight__breathing{0%{height:var(--minimum-size);width:var(--minimum-size)}21.05%{height:var(--maximum-size);width:var(--maximum-size)}57.89%{height:var(--maximum-size);width:var(--maximum-size)}to{height:var(--minimum-size);width:var(--minimum-size)}}#breathing-instructions{text-align:center}.repeat-button__wrapper{margin-top:1rem}.repeat-button__wrapper button{cursor:pointer;background:0 0;border:none}#start-breathing-button{border-bottom:3px solid #000;font-size:1.125rem}#start-breathing-button:active{border-bottom:2px solid #000}#breathing-duration-selector__wrapper input{width:0;position:absolute}#breathing-duration-selector__wrapper input:focus{outline:none}#breathing-duration-selector__wrapper:has(input:focus-visible){outline:2px solid highlight}#breathing-duration-selector__wrapper label{cursor:pointer;padding:.125rem 1rem}#breathing-duration-selector__wrapper label.checked{position:relative}#breathing-duration-selector__wrapper label.checked:after{content:"";background:var(--color-hunter-green);opacity:.25;width:75%;height:7px;display:inline-block;position:absolute;bottom:3px;left:12.5%}#logo{margin-top:4rem;font-size:2.75rem;transform:skewY(-2deg)}header{flex-direction:column;align-items:center;display:flex}#settings__wrapper{width:100%;position:relative}#settings{gap:.25rem;display:flex;position:absolute;top:1rem;right:1rem}#settings-icon__wrapper{align-items:center;display:flex}#settings-icon.open{transition:transform .5s ease-out;transform:rotate(-30deg)}#settings-icon.hidden{transition:transform .5s ease-out;transform:rotate(0)}#settings-content__wrapper{position:relative;overflow:hidden}#settings-content{transition:all .5s ease-out;position:relative}#settings-content.hidden{left:200px}#settings-content.open{left:0}#breathing-exercise-selector{background-color:var(--color-dust-grey);border-radius:5px;gap:.25rem;padding:.25rem;display:flex}#breathing-exercise-selector div{opacity:.25;cursor:pointer;background-color:#fff;border-radius:5px;padding:.125rem .75rem}#breathing-exercise-selector div.active{opacity:1;background-color:var(--color-hunter-green);color:var(--secondary-text-color)}footer{justify-content:flex-end;padding:1rem;display:flex}#streak-counter{align-items:center;font-size:1.25rem;display:flex}#streak-counter svg{fill:var(--color-fern)}#streak-counter{font-size:1.25rem}#streak-counter svg{width:1.25rem;height:1.25rem}#streak-counter{overflow-y:hidden}#streak-counter #count.vanish{--streak-counter-count-vanish--animation-delay:var(--fade-in--animation-duration);animation:number-vanish .5s ease-out forwards var(--streak-counter-count-vanish--animation-delay)}#streak-counter #count.appear{animation:.75s ease-out forwards number-appear}@keyframes number-vanish{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes number-appear{0%{transform:translateY(-20px)}to{transform:translateY(0)}}