:root{--light: #EBEBEE;--dark: #414142;--gray: #cfcfd7;--break-color: $break;--long-break-color: $long-break;--shadow: -5px -5px 30px rgba(0, 0, 0, .2) inset;--primary: #4AB3AC;--primary-dark: #3b8f89;--primary-darker: #2c6b67;--primary-light: #6dc3bd;--primary-lighter: #91d2cd;--secondary: #FFBEB3;--secondary-dark: #ff9280;--secondary-darker: #ff674d;--secondary-light: #ffeae6;--secondary-lighter: white;--third: #EA5D2A;--third-dark: #cd4514;--third-darker: #9e3610;--third-light: #ef8058;--third-lighter: #f3a487;--noise-brown: #723C2E;--noise-brown-dark: #563028;--noise-brown-darker: #291611;--noise-brown-ligth: #964f3d;--noise-brown-ligther: #b8644e;--noise-gray: #BFBEBA;--noise-gray-dark: #9E9C93;--noise-gray-darker: #8e8c85;--noise-gray-ligth: #d8d7d4;--noise-gray-ligther: #f0f0ef;--noise-white: #F8F5E7;--noise-white-dark: #E2DED0;--noise-white-darker: #e1d498;--noise-white-light: white;--noise-white-lighter: white;--noise-pink: #FFBEB3;--noise-pink-dark: #C18E87;--noise-pink-darker: #ff674d;--noise-pink-light: #ffeae6;--noise-pink-lighter: white;--progress-completed-bg: var(--primary-darker);--progress-completed-bar-bg: var(--dark);--progress-bg: var(--primary-darker);--progress-bar-bg: var(--primary);--body-bg: #6dc3bd;--body-color: #EBEBEE}*,*:before,*:after{box-sizing:border-box}:root{scroll-behavior:smooth;font-size:16px}body{width:100%;height:100vh;min-height:100%;min-width:100%;max-width:100vw;max-height:100vh;margin:0;padding:0;font-size:16px;font-family:sans-serif;font-weight:400;line-height:18px;text-align:left;color:var(--body-color);background-color:var(--body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#414142;overflow-y:auto;overflow-x:hidden}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}a{color:inherit;text-decoration:underline;transition:all .1s cubic-bezier(.19,1,.22,1)}a:hover{color:var(--secondary-light)}.no-interaction{pointer-events:none}.d-flex{display:flex}flex-row{flex-direction:row;flex-wrap:wrap}flex-row>*{flex-basis:100%;flex:1}flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.text-end{text-align:end}.text-start{text-align:start}.text-brownnoise{color:var(--noise-brown)}.text-brownnoise-dark{color:var(--noise-brown-dark)}.text-graynoise{color:var(--noise-gray)}.text-graynoise-dark{color:var(--noise-gray-dark)}.text-pinknoise{color:var(--noise-pink)}.text-pinknoise-dark{color:var(--noise-pink-dark)}.text-whitenoise{color:var(--noise-white)}.text-whitenoise-dark{color:var(--noise-white-dark)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.1em;font-weight:400;font-family:sans-serif}h1,h2,h3,h4{color:var(--light);display:block}.btn{display:block;cursor:pointer;background-color:var(--primary);transition:all .1s cubic-bezier(.19,1,.22,1);text-decoration:none;padding:.85em 1.1em;color:var(--light)}.btn:hover{background-color:var(--primary-dark)}.btn:active{background-color:var(--primary-light)}.btn.btn-primary{background-color:var(--primary);color:var(--light)}.btn.btn-primary:hover{background-color:var(--primary-dark);transform:scale(105%)}.btn.btn-noise.active{padding:1.5rem;border-radius:16%}.btn.btn-noise-brown{background-color:var(--noise-brown);color:var(--light)}.btn.btn-noise-brown:hover{background-color:var(--noise-brown-dark)}.btn.btn-noise-brown:active{background-color:var(--noise-brown)}.btn.btn-noise-pink{background-color:var(--noise-pink);color:var(--dark)}.btn.btn-noise-pink:hover{background-color:var(--noise-pink-dark)}.btn.btn-noise-pink:active{background-color:var(--noise-pink)}.btn.btn-noise-white{background-color:var(--noise-white);color:var(--dark)}.btn.btn-noise-white:hover{background-color:var(--noise-white-dark)}.btn.btn-noise-white:active{background-color:var(--noise-white)}.btn.btn-noise-gray{background-color:var(--noise-gray);color:var(--dark)}.btn.btn-noise-gray:hover{background-color:var(--noise-gray-dark)}.btn.btn-noise-gray:active{background-color:var(--noise-gray)}.btn.btn-circle{position:relative;border-radius:50%;border:1px solid transparent;width:8rem;height:8rem;box-shadow:var(--shadow)}.btn.btn-circle.btn-color-small{width:4rem;height:4rem}.btn.btn-circle.btn-color-small label{pointer-events:none;font-size:1.3333333333rem}.btn.btn-circle.btn-icon label{font-size:4rem}.btn.btn-circle label,.btn.btn-circle img{pointer-events:none;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn.btn-circle:hover{background-color:var(--primary-dark);transform:scale(1.1)}.btn.btn-circle:active{background-color:var(--primary-light);transform:scale(1.2)}.bg-primary{background-color:var(--primary)}.bg-primary-noise{background:url("./media/noise-BNAAHZ6R.svg"),var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-third{background-color:var(--third)}.bg-light{background-color:var(--light)}.bg-dark{background-color:var(--dark)}.bg-brownnoise{background-color:var(--noise-brown)}.bg-brownnoise-dark{background-color:var(--noise-brown-dark)}.bg-graynoise{background-color:var(--noise-gray)}.bg-graynoise-dark{background-color:var(--noise-gray-dark)}.bg-pinknoise{background-color:var(--noise-pink)}.bg-pinknoise-dark{background-color:var(--noise-pink-dark)}.bg-whitenoise{background-color:var(--noise-white)}.bg-whitenoise-dark{background-color:var(--noise-white-dark)}.bg-gradient-primary{background:#1c6762;background:linear-gradient(0deg,#1c6762,#4ab3ac 62% 100%)}.bg-gradient-primary-noise{background:url("./media/noise-BNAAHZ6R.svg"),linear-gradient(0deg,#1c6762cc,#4ab3ac80 38%,#4ab3ac66)}.color-primary{color:var(--primary)}.color-secondary{color:var(--secondary)}.color-third{color:var(--third)}.color-light{color:var(--light)}.color-dark{color:var(--dark)}.main-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.padding-default{padding:.5vh .5vw}.px-default{padding-left:.5vw;padding-right:.5vw}.py-default{padding-top:.5vh;padding-bottom:.5vh}.py-1{padding-top:1rem;padding-bottom:1rem}progress{width:100%;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:var(--progress-bg);box-shadow:-5px -5px 30px #0003 inset;border-radius:.5em}progress.noise-brown{--progress-bar-bg: var(--noise-brown-dark);--progress-completed-bg: var(--noise-brown-darker);--progress-completed-bar-bg: var(--noise-brown-dark)}progress.noise-pink{--progress-bar-bg: var(--noise-pink-dark);--progress-completed-bg: var(--noise-pink-darker);--progress-completed-bar-bg: var(--noise-pink-dark)}progress.noise-gray{--progress-bar-bg: var(--noise-gray-dark);--progress-completed-bg: var(--noise-gray-darker);--progress-completed-bar-bg: var(--noise-gray-dark)}progress.noise-white{--progress-bar-bg: var(--noise-white-dark);--progress-completed-bg: var(--noise-white-darker);--progress-completed-bar-bg: var(--noise-white-dark)}progress::-webkit-progress-bar{background-color:var(--progress-bg);box-shadow:-5px -5px 30px #0003 inset;border-radius:.5em}progress::-webkit-progress-value{background-color:var(--progress-bar-bg);border-radius:.5em}progress::-moz-progress-bar{background-color:var(--progress-bar-bg);border-radius:.5em}progress::-ms-fill{background-color:var(--progress-bar-bg);border-radius:.5em}progress.completed{background-color:var(--progress-completed-bg)}progress.completed::-webkit-progress-bar{background-color:var(--progress-completed-bg);box-shadow:-5px -5px 30px #0003 inset;border-radius:.5em}progress.completed::-webkit-progress-value{background-color:var(--progress-completed-bar-bg);box-shadow:-5px -5px 30px #0003 inset;border-radius:.5em}progress.completed::-moz-progress-bar{background-color:var(--progress-completed-bar-bg);box-shadow:-5px -5px 30px #0003 inset;border-radius:.5em}progress.completed::-ms-fill{background-color:var(--progress-completed-bar-bg);box-shadow:-5px -5px 30px #0003 inset;border-radius:.5em}.text-center{text-align:center}h2{transition:all .1s cubic-bezier(.19,1,.22,1)}h2.playing{color:var(--light)}h2.paused{color:var(--primary-darker)}.main-nav,.footer-nav{height:8vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center}nav ul{margin:0;padding:0;list-style:none}nav ul li{margin:0;padding:0}.volume-control{position:relative}.volume-control .volume-control-container{position:absolute;top:-4.5rem;right:0;height:3rem;width:auto;display:flex;flex-direction:row;align-items:center;justify-content:start}.volume-control .volume-control-range-container input[type=range]{display:block;width:9rem;height:1em}.volume-control .volume-control-range-container .volume-slider{display:block;-webkit-appearance:none;appearance:none;height:3rem;width:9rem;background:var(--primary-darker);outline:none;opacity:.6;transition:all .1s cubic-bezier(.19,1,.22,1)}.volume-control .volume-control-range-container .volume-slider:hover{opacity:.9;transform:scale(105%)}.volume-control .volume-control-range-container .volume-slider:active{opacity:1;transform:scale(1.1)}.volume-control .volume-control-range-container .volume-slider::-webkit-slider-thumb,.volume-control .volume-control-range-container .volume-slider::-moz-range-thumb{transition:all .1s cubic-bezier(.19,1,.22,1);-webkit-appearance:none;appearance:none;width:3rem;height:3rem;background:var(--primary-darker);cursor:pointer;border-radius:1.5rem;border:none}.btn-audio-control{position:relative;border-radius:50%;border:1px solid transparent;width:3rem;height:3rem}.btn-audio-control.btn-icon label{font-size:1rem}.btn-audio-control label,.btn-audio-control img{pointer-events:none;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-audio-control:hover{background-color:var(--primary-dark);transform:scale(1.1)}.btn-audio-control:active{background-color:var(--primary-light);transform:scale(1.2)}.label{padding:.5rem 1rem}.main{position:relative;width:100%;height:100%}.main .main-header{width:100%;min-height:10vh;height:10vh;max-height:10vh;padding:4vh 4vw}.main .main-content{width:100%;min-height:75vh;height:75vh;max-height:75vh;overflow-y:auto;padding:4vh 4vw}.main .main-footer-nav{position:absolute;bottom:0;left:0;min-height:15vh;height:15vh;max-height:15vh;width:100%;min-width:100%;display:flex;flex-direction:column;justify-content:center;padding:0 4vw}.main .main-section{width:100%;display:flex;align-items:center;flex-direction:column}.main .main-visualizer{position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%}