.breath-body{background:-webkit-gradient(linear,left top,left bottom,from(#11c4c0),to(#23265a));background:linear-gradient(180deg,#11c4c0,#23265a);font-family:Roboto,Verdana,sans-serif!important;width:100%;height:100vh;overflow:hidden;position:relative}.breath-body,.sleep-back-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sleep-back-btn{position:fixed;cursor:pointer;z-index:2;top:5vh;left:3vw}.step1-box{position:relative;width:100%;min-height:100vh;padding:5rem 2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-align:center}.play-start-wrapper,.step1-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.circle1,.play-start-wrapper{margin-bottom:2rem}.circle1{width:50px;height:50px;border-radius:50%;background:rgba(188,237,243,.889);-webkit-animation:breathe 4s linear infinite;animation:breathe 4s linear infinite;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.circle1 img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.breathe-instructions{text-align:center;font-weight:400;max-width:600px;margin:2rem 0;text-align:left}.breathe-instructions p,ul li{color:#fff;line-height:1.6rem;margin-top:.8rem;font-family:Roboto,Verdana,sans-serif!important;position:relative;padding-left:1rem}.breathe-instructions ul,li{list-style:unset}.breath-play-icon{width:35px;height:35px;cursor:pointer}.breath-play-icon img{width:100%;height:auto}.message-text{font-size:.9rem;font-weight:400;color:#fff;cursor:pointer}@-webkit-keyframes breathe{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}}@keyframes breathe{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1);box-shadow:0 0 0 15px rgba(188,237,243,.2),0 0 0 30px rgba(188,237,243,.15),0 0 0 45px rgba(188,237,243,.1)}}.start-text{font-size:1.5rem;color:#fff;cursor:pointer}.wrapper{width:100vh;padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.relax{font-size:2rem}.countdown,.relax{font-weight:700;color:#fff}.countdown{font-size:1.5rem}.circle-progress{position:relative;width:220px;height:220px;margin-top:1rem}.progress-ring{width:100%;height:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:0;left:0}@-webkit-keyframes progressLoop{0%{stroke-dashoffset:339.29}to{stroke-dashoffset:0}}@keyframes progressLoop{0%{stroke-dashoffset:339.29}to{stroke-dashoffset:0}}.progress-ring__circle{stroke-dasharray:339.29;stroke-dashoffset:339.29;-webkit-animation:progressLoop 18s linear infinite;animation:progressLoop 18s linear infinite;stroke-linecap:round}.progress-ring__background{stroke-dasharray:339.29;stroke-dashoffset:0}.breath-shape-container{width:180px;height:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2}.breath-shape-container,.message-in-circle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.message-in-circle{font-size:1rem;font-weight:800;color:#fff;pointer-events:none;text-align:center}.center-shape{width:90%;height:90%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}@media (max-width:600px){.step1-box{padding:1rem}.breathe-instructions{font-size:.9rem}}