.App,.App-dark,.App-light,.CreatorContainer{align-content:center;text-align:center;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 7s ease-in-out infinite alternate}}.meditationApp-dark,.meditationApp-light{min-height:100vh;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg) scale(1);filter:hue-rotate(45deg)}to{transform:rotate(97deg) scale(2)}}.breathBox{pointer-events:none}@media (prefers-reduced-motion:no-preference){.breathBoxAnimated{animation:breathBox-spin 7s ease-in-out infinite alternate}}@keyframes breathBox-spin{0%{transform:rotate(0deg) scale(.7)}to{transform:rotate(97deg) scale(1.4)}}.player-wrapper{display:none}.playerApp{margin:auto}.playerCard{max-width:600px}.playerBarMax,.playerBarMaxDark{background:rgba(255,225,255,.17);height:350px;border:1px solid rgba(225,225,255,.1);z-index:2}.playerBar,.playerBarDark{background:rgba(255,225,255,.17);height:110px;z-index:2;background-size:cover;background-position-y:center;background-repeat:no-repeat}.sliderBox{margin-left:2%;margin-right:2%}.sliderBoxMax{background-color:hsla(0,0%,95%,.418);padding:2%}.timePlayed,.timeRemaining{font-size:15px}.timePlayed{float:left}.timeRemaining{float:right}.meditationHeader{background:linear-gradient(hsla(0,0%,97%,0),rgba(38,46,56,.4));margin:0;padding:40px 10px;color:#6dd1ff;font-weight:700;letter-spacing:1px}.meditationHeaderContainerBar{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.meditationHeaderContainer,.meditationHeaderContainerBar{background-size:cover;background-position-y:center;background-repeat:no-repeat;margin:0;padding:0}.meditationHeaderInnerContainer{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.meditationTitle{background-color:hsla(266,6%,79%,.507);padding:10px;margin-bottom:0;color:#972c7c;font-weight:700;letter-spacing:1px}.authorName{background-color:rgba(160,94,235,.2);margin:0;padding:5px;color:#252525}.description{background-color:hsla(268,7%,55%,.2);border-radius:5px;padding:15px 25px}.playerBarPlayButton{margin-right:20px!important}.playerBarPlayButtonIcon{font-size:2rem;border:2px solid rgba(47,108,136,.76);padding:8px;border-radius:100%}.meditationHeaderBar,.playerBarPlayButtonIcon{color:rgba(47,108,136,.76);animation:colorFade 7s ease-in-out infinite alternate}.meditationHeaderBar{margin:auto;font-weight:700;letter-spacing:1px}.meditationHeaderBarSeperator{margin:auto}.meditationTitleBar{transform:scale(.8);margin:5px auto auto;color:rgba(70,9,94,.685);font-weight:700;letter-spacing:1px}.meditationArtistBar{margin:auto;color:rgba(29,53,63,.8);letter-spacing:1px}.meditationTimePlayedBar{transform:scale(.8);margin:auto;color:rgba(70,9,94,.55);font-weight:700;letter-spacing:1px}.meditationTimeRemainingBar{margin:auto;color:rgba(70,9,94,.4);letter-spacing:1px}.playerBarPlayButtonDark{margin-right:20px!important}.playerBarPlayButtonIconDark{font-size:2rem;border:2px solid rgba(109,209,255,.76);padding:8px;border-radius:100%}.meditationHeaderBarDark,.playerBarPlayButtonIconDark{color:rgba(109,209,255,.76);animation:colorFade 7s ease-in-out infinite alternate}.meditationHeaderBarDark{margin:auto;font-weight:700;letter-spacing:1px}.meditationHeaderBarSeperatorDark{margin:auto}.meditationTitleBarDark{transform:scale(.8);margin:auto;color:rgba(246,255,117,.568);font-weight:700;letter-spacing:1px}.meditationArtistBarDark{margin:auto;color:rgba(213,237,247,.8);letter-spacing:1px}.meditationTimePlayedBarDark{transform:scale(.8);margin:auto;color:rgba(176,221,241,.74);font-weight:700;letter-spacing:1px}.meditationTimeRemainingBarDark{margin:auto;color:rgba(176,221,241,.562);letter-spacing:1px}@keyframes colorFade{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(90deg)}}.ocean{z-index:0;height:5%;width:100%;bottom:0;left:0;background:#015871}.ocean,.wave{position:absolute}.wave{z-index:-1;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x;top:-198px;width:6400px;height:198px;animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;transform:translateZ(0)}.wave:nth-of-type(2){z-index:-1;top:-175px;animation:wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:1}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}