body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,.hero{box-sizing:border-box}.hero{display:flex;justify-content:space-around;padding:0 4rem;align-items:center;height:calc(100vh - 100px);background:#f4f4f4}.hero__left{width:50%}.hero__title{color:#505050;font-size:1.3rem;font-weight:500}@media screen and (max-width:860px){.hero__title{font-size:1rem;font-weight:400}}.hero__text{padding-bottom:20px;font-size:1.2rem}@media screen and (max-width:768px){.hero{flex-direction:column-reverse;padding:10px}.hero__left{width:90%}.hero__right{height:50%;margin-top:-40px;margin-bottom:-10px}}@media screen and (max-width:480px){.hero__title{font-size:16px}.hero__text{font-size:14px}.hero__left{margin-top:40px}}@media screen and (max-width:380px){.hero__title{line-height:24px;font-size:14px}.hero__text{line-height:21px;font-size:12px}.hero__left{margin-bottom:30px}}.main__section{background:#f4f4f4;display:flex;justify-content:center;align-items:center;padding:4rem 0;z-index:10}.main__left{background:#505050;padding:20px 10px;border-radius:8px;width:70%;color:#f2f2f2}@media screen and (max-width:768px){.medidation__options li{font-size:16px;font-weight:400}.main__left{width:90%}}@media screen and (max-width:480px){.main__section{margin:.5rem 1rem}}.main__right{margin-left:2rem;display:flex;flex-direction:column;align-items:center;width:50%;background:#777;padding:2rem;box-sizing:border-box;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.19),0 3px 6px 0 rgba(0,0,0,.2)}.player__heading{color:#fff;font-weight:500;font-size:1.8rem}.main__right img{width:50%;border-radius:8px;margin-bottom:30px}.music__title{font-size:20px;font-weight:500}.controls{align-items:center}.controls,.player{display:flex}.control__buttons,.player__container,.progress__container{display:flex;align-items:center}.control__buttons{font-size:24px;border:none;cursor:pointer;font-family:monospace;background:none;border-radius:8px;margin-right:20px}.control__buttons:hover{color:#f6f}.play__button{border:none;background:none;outline:none;font-size:32px;display:flex;align-items:center;justify-content:center;margin-right:20px;color:#f4f4f4}.current__time,.duration{font-size:16px;color:#f4f4f4}.current__time{margin-left:20px;color:#f4f4f4}.progressbar{--bar-bg:#ffe3d4;--seek-before-width:100px;--seek-before-color:#ffc2a1;--knobby:#3452a5;--selectedKnobby:#26c9c3;-webkit-appearance:none;appearance:none;background:var(--bar-bg);border-radius:10px;position:relative;width:100%;height:11px;outline:none}.progressbar::-webkit-slider-runnable-track{background:var(--bar-bg);border-radius:10px;position:relative;width:100%;height:11px;outline:none}.progressbar::-moz-range-track{background:var(--bar-bg);border-radius:10px;position:relative;width:100%;height:11px;outline:none}.progressbar::-moz-focus-outer{border:0}.progressbar:before{content:"";height:11px;width:var(--seek-before-width);background-color:var(--seek-before-color);border-top-left-radius:10px;border-bottom-left-radius:10px;position:absolute;top:0;left:0;z-index:2;cursor:pointer}.progressbar::-moz-range-progress{background-color:var(--seek-before-color);height:11px;border-top-left-radius:10px;border-bottom-left-radius:10px}.progressbar::-webkit-slider-thumb{-webkit-appearance:none;height:15px;width:15px;border-radius:50%;border:none;background-color:var(--knobby);cursor:pointer;position:relative;margin:-2px 0 0;z-index:3;box-sizing:border-box}.progressbar:active::-webkit-slider-thumb{-webkit-transform:scale(1.2);transform:scale(1.2);background:var(--selectedKnobby)}.progressbar::-moz-range-thumb{height:15px;width:15px;border-radius:50%;border:transparent;background-color:var(--knobby);cursor:pointer;position:relative;z-index:3;box-sizing:border-box}.progressbar:active::-moz-range-thumb{transform:scale(1.2);background:var(--selectedKnobby)}@media screen and (max-width:600px){.main{width:100%;height:100vh;margin-top:.5rem}.main__section{flex-direction:column-reverse}.main__left{box-sizing:border-box;width:100%}.controls{position:sticky;padding:0;margin:0}.player__container{flex-direction:column}.player{order:2}.progress__container{position:absolute;top:0;margin-left:-40px}.play__button{width:40px;height:40px}.main__section{padding:0}}@media screen and (max-width:380px){.main{margin-top:.7rem}}.footer__content{padding:15px 10px;font-size:20px;text-align:center;color:#f7f7f7;font-weight:500;margin:0;bottom:0;background:#333}footer .disclaimer{font-weight:400;color:tomato}footer .copyrights{font-weight:400;font-size:20px}@media screen and (max-width:480px){.footer__content{font-size:16px;padding:12px 5px}}.container{padding:20px 10px;justify-content:space-between;border-bottom:1px solid grey}.container,.options__left{display:flex;align-items:center}.options__left .icon{margin-right:1rem;height:80px;width:80px;object-fit:contain;border-radius:4px}.meditation__title{font-size:20px;cursor:pointer}.meditation__time{opacity:.7}.icon__wrapper{background:transparent;border:none}.play__button{cursor:pointer}@media screen and (max-width:480px){.icon{margin-right:.5rem;width:50px;height:50px}.meditation__title{font-size:16px}.play__button{font-size:20px;margin:0}.container{padding:5px 10px}}
/*# sourceMappingURL=main.925892e9.chunk.css.map */