@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);.button-container-login-register{background-color:silver;border-radius:10px;display:flex;justify-content:space-between;margin-top:40px}.button-login-register{border:none;cursor:pointer;flex:1 1;font-size:16px;margin:.8rem;padding:13px 28px}.button.login,.button.register{background-color:none;color:#000}.button:hover{opacity:.8}.recording{border:6px solid #000;border-radius:20rem;padding-bottom:1rem;padding-top:1rem;width:70px}.play-container,.recording{align-items:center;background-color:#fff;display:flex;justify-content:center}.play-container{border:3px solid #000;border-radius:3rem;padding:.75rem .25rem .75rem .4rem;width:35px}.text-prompts{font-size:.7em;font-weight:bolder;margin-top:1.5rem}.emdedResponsive{overflow:hidden;padding-bottom:56.25%}.iframe{align-self:center;border:0;bottom:4.5rem;left:0;overflow:hidden;position:absolute;width:100%}.toggle-button{background-color:initial;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:.9rem;margin-left:10px;padding:5px 10px;transition:background-color .2s,color .2s}.toggle-button:hover{background-color:#007bff;color:#fff}.check-container{align-items:center;background:#549acc;border-radius:.5rem;color:#fff;cursor:pointer;display:block;display:flex;font-size:1.1rem;margin-bottom:12px;padding:.8rem;position:relative;-webkit-user-select:none;user-select:none}.check-text{width:90%}.check-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.home-checkmark{background-color:#000;border-radius:15px;height:25px;position:absolute;right:1rem;top:.8rem;width:25px}.check-container:hover input~.home-checkmark{background-color:#ccc}.check-container input:checked~.home-checkmark{background-color:#efeeed}.home-checkmark:after{content:"";display:none;position:absolute}.check-container input:checked~.home-checkmark:after{display:block}.check-container .home-checkmark:after{border:solid #3d414d;border-width:0 3px 3px 0;height:10px;left:9px;top:5px;transform:rotate(45deg);width:5px}.audioJournal{flex-direction:column;height:300px}.homeBttnContainer{display:flex;justify-content:center;margin-bottom:3rem;margin-top:3rem;width:100%}.homeBttn{background-color:#3d414d;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1.5rem 5.25rem;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out;width:100%}.homeBttn:hover{background-color:#efeeed;color:#3d414d}.donut{left:50%;margin-left:-20px;top:50%;transform:translate(-55%,-50%)}.progressContainer{margin-top:2rem}.progressItem{background:#549acc;border-radius:1rem;color:#fff;height:100%;margin:.5rem;padding:.8rem;text-align:center;width:100%}.progressText{font-size:12px;font-weight:bolder;line-height:1.5em}.progressCounter{font-size:32px;font-weight:700;margin-top:1rem}.highlight{position:relative}.highlight:before{border:2px solid #ffa473;border-radius:50%;box-shadow:0 0 3px 2px #ffa473;content:"";height:100%;position:absolute;right:-3px;top:-2px;width:calc(100% + 5px);z-index:-3}body{background:#efeeed;background:linear-gradient(180deg,#efeeed 0,#86b7e7);background-attachment:fixed;background-size:cover;font-family:Open Sans,sans-serif;min-height:100%}.container ul{color:#fff;font-size:13px;list-style:none;margin:20px 0 0;padding:1px 10px;position:relative;width:100%}.container ul li{background-color:#549acc;border-radius:6px;box-shadow:0 0 4px #0000001f,0 2px 2px #00000014;margin-left:15px;padding:14px;position:relative;width:85%}.container ul li:not(:first-child){margin-top:30px}.container ul li>span{background:#fff;height:100%;left:-30px;position:absolute;top:0;width:2px}.container ul li>span:after,.container ul li>span:before{background:#86b7e7;border:2px solid #fff;border-radius:50%;content:"";height:8px;left:-5px;position:absolute;top:0;width:8px}.container ul li span:after{top:100%}.container ul li>div{margin-left:10px}.container div .title,.container div .type{font-size:16px;font-weight:600}.container div .info{font-weight:300}.container div>div{margin-top:5px}.container span.number{height:100%}.container span.number span{font-size:10px;font-weight:700;left:-35px;position:absolute}.container span.number span:first-child{top:0}.container span.number span:last-child{top:100%}.popupContainer{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:100}.formContainer{background-color:#efeeed;border-radius:8px;box-shadow:0 4px 10px #0003;height:57%;left:50%;max-width:420px;min-height:600px;min-width:365px;padding:20px;position:relative;top:50%;transform:translate(-50%,-50%);width:65%}.popupButtonGroup{bottom:1rem;display:flex;justify-content:space-between;margin-top:1.2rem;position:absolute;width:90%}.popupButton{background-color:#404040;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1.5rem 5.25rem;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out;width:90%}.questionInfo{font-size:.7em;text-align:center;width:310px}.formBttnContainer{align-items:center;bottom:3rem;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;width:100%}.formButtonBody,p{font-size:.8em;text-align:center}.onboardingQuestion,.relapseQuestion{font-size:.8em;margin-bottom:.3rem;margin-top:.3rem;width:310px}.popupNavigationBttn{padding:.2rem;width:4.5rem}.learningFeedback{align-items:center;display:flex;flex-direction:column;height:100%;max-height:80%;overflow-y:auto;position:relative;text-align:center}.closeBttn,.nextBttn,.previousBttn{height:30px;padding-top:.2rem;width:30px}.previousBttn{transform:rotate(180deg)}.editBttn{height:20px;padding-top:.2rem;width:18px}.learningTextContent li{font-size:.9em}.learningTextContent ol{text-align:left}.dummy-positioning{display:flex;justify-content:center;padding-top:1rem}.success-icon{animation:showSuccess .18s ease-in-out;background-color:#fff;border:4px solid #96df8f;border-radius:50%;display:inline-block;font-size:20px;height:8em;overflow:hidden;position:relative;transform:scale(1);transform-origin:center;width:8em}.success-icon__long,.success-icon__tip{background-color:#96df8f;border-radius:10px;display:block;height:4px;position:absolute}.success-icon__tip{animation:tipInPlace .3s ease-in-out;animation-delay:.18s;animation-fill-mode:forwards;left:1.4em;top:4.3em;transform:rotate(45deg);visibility:hidden;width:2.4em}.success-icon__long{animation:longInPlace .14s ease-in-out;animation-delay:.44s;animation-fill-mode:forwards;left:2.75em;top:3.7em;transform:rotate(-45deg);visibility:hidden;width:4em}@keyframes showSuccess{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes tipInPlace{0%{left:-1.6em;top:0;width:0}to{left:1.4em;top:4.3em;visibility:visible;width:2.4em}}@keyframes longInPlace{0%{left:3.2em;top:5.1em;width:0}to{left:2.75em;top:3.7em;visibility:visible;width:4em}}.learningProgressIcon{height:51px;padding:.5rem;width:49px}.learningProgressBody{font-size:.7em;margin-top:3rem;text-align:center}.incompleteIcon{filter:hue-rotate(400deg)}.learningProgressContainer{padding-bottom:1rem}.learningTextContent h2{font-size:1em}.learningTextContent h3{font-size:.9em}.learningTextContent p{font-size:.85em}.timer-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.timer{background-color:#ffffff1a;display:inline-block;padding:10px;text-align:center;width:320px}.col-4{float:left;width:25%}.box{border-right:1px solid #fff3;font-weight:300;padding:10px}.col-4:last-child .box{border-right-color:#0000}.box p{font-size:calc(16px + 2vmin);margin:0}.text{font-size:14px}.log-entry-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:sans-serif;margin:2rem auto;max-width:600px;padding:1.5rem}.log-title{color:#333;font-size:1.75rem;margin-bottom:1rem;text-align:center}.accordion-section{border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.accordion-toggle{align-items:center;background-color:#f5f5f5;border:none;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.accordion-toggle:focus,.accordion-toggle:hover{background-color:#eaeaea;outline:none}.accordion-icon{font-size:1.25rem}.accordion-content{background-color:#fff;border-top:1px solid #ddd;color:#444;font-size:.95rem;padding:.75rem 1rem}.category-container{font-family:Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:24px}.title{font-size:24px;font-weight:600;margin-bottom:16px}.search-input{border:1px solid #ddd;border-radius:12px;box-sizing:border-box;font-size:16px;margin-bottom:24px;padding:12px 16px;width:100%}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.card{border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s ease}.card:hover{transform:scale(1.02)}.card-text{margin-bottom:12px}.card-title{color:#fff;font-size:18px;font-weight:600;margin:0;text-align:center}.card-subtitle{color:#fff;font-size:14px;margin:4px 0 0}.card-image{border-radius:12px;height:auto;object-fit:contain;width:100%}a.button,button{border-radius:6px}a.button{font-size:20px;margin:20px;padding:.8rem;width:40px}.arrow{color:#f6f3ed;font-size:1rem;margin:.5rem 0}.arrow:after{content:"➞";display:inline-block;padding-left:8px;transition:transform .3s ease-out}.arrow:hover{background-color:#efeeed;color:#3d414d}.arrow:hover:after{transform:translateX(4px)}input[type=checkbox]{height:0;visibility:hidden;width:0}input:checked+label{background:#bada55}input:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}label:active:after{width:100px}.dislike,.like{cursor:pointer;display:inline-block}.dislike:hover,.like:hover{color:#52be80;transform:scale(1.1);transition:all .2s ease-in-out}.active{background-color:#efefef}.chat-circle{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;margin-top:.5rem;width:30px}.stickyfooter{bottom:0;position:fixed;width:100%}@keyframes donut-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.donut{animation:donut-spin 1.2s linear infinite;border:7px solid #0000001a;border-left-color:#549acc;border-radius:50%;display:none;height:34px;position:absolute;top:45%;transform:translate(-50%,-50%);width:34px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{border-bottom:1px solid;margin:2em 0 2em 2em;padding-bottom:1em}.header a{font-size:1.2em;margin:0 1em;text-decoration:none}.content{font-size:1.5em;margin-left:.5em;margin-right:.5em}.message{color:#000;font-size:.7em;font-weight:bolder;margin-bottom:0}.footer,.message{text-align:center}.footer{bottom:0;left:0;position:fixed;width:100%}#messagesContainer{bottom:4rem;font-size:1.1rem;margin:0 auto 0 1rem;max-height:calc(100% - 15rem);overflow-y:auto;position:absolute;top:6rem}.bubble{animation:expand .7s ease-in-out infinite;border-radius:20px;display:inline-block;height:11px;margin:0 6px;transform-origin:center center;width:11px}.bubble:first-child{background:#549acc}.bubble:nth-child(2){animation-delay:.18s;background:#549acc}.bubble:nth-child(3){animation-delay:.36s;background:#549acc}.bubble:nth-child(4){animation-delay:.54s;background:#549acc}@keyframes expand{0%{transform:scale(1)}25%{transform:scale(1.55)}}.outer{margin-top:200px;text-align:center;width:100%}.cubes{list-style:inline;margin:0}.cube{background:#333;display:inline-block;height:20px;opacity:0;width:20px}.top .cube:first-child{animation:pulse 2s infinite}.top .cube:nth-child(2){animation:pulse 2s 1s infinite}.bottom .cube:first-child{animation:pulse 2s 1.5s infinite}.bottom .cube:nth-child(2){animation:pulse 2s .5s infinite}@keyframes pulse{10%{opacity:0}50%{opacity:1}90%{opacity:0}}body,html{font-weight:200;margin:0}.container,body,html{height:100%;width:100%}.container{align-items:center;display:flex}.item{height:100%}.item,.radioButton{padding:1.5rem;text-align:center;width:100%}.text-center{text-align:center}input{background-color:initial;border:none;border-bottom:2px solid #000;color:#000;display:block;font-size:20px;height:30px;opacity:.7;outline:none;padding-top:.3em;transition:all .3s ease-in-out;width:100%}.form-group{padding-top:.8em}.submit-bttn{background-color:#000;border:2px solid #000;border-radius:4px;color:#fff;display:block;font-size:16px;height:55px;opacity:1;outline:none;transition:all .3s ease-in-out;width:100%}.submit-bttn:hover{background-color:grey;border-color:#fff}.textinput{border:1px solid grey;float:left;min-height:75px;outline:none;resize:none;width:100%}.dailySection{padding-bottom:1rem}.radioButtons{align-items:center;display:inline-block;display:flex;justify-content:center}.radioButton{padding-top:1.5rem}.audioJournal{align-items:center;display:flex;height:100%;width:100%}.audio-controls{text-align:center}.display-none{display:none}textarea{height:150px;margin-bottom:2rem}.onboarding-loader{bottom:0;height:100px;left:0;margin:auto;position:relative;right:0;top:0;width:175px}.onboarding-loader span{background:#ccc;border-radius:14px;display:block;float:left;height:10%;margin-right:5px;margin-top:25%;width:7px}.onboarding-loader span:last-child{margin-right:0}.onboarding-loader span:first-child{animation:load 2.5s linear 1.4s infinite}.onboarding-loader span:nth-child(2){animation:load 2.5s linear 1.2s infinite}.onboarding-loader span:nth-child(3){animation:load 2.5s linear 1s infinite}.onboarding-loader span:nth-child(4){animation:load 2.5s linear .8s infinite}.onboarding-loader span:nth-child(5){animation:load 2.5s linear .6s infinite}.onboarding-loader span:nth-child(6){animation:load 2.5s linear .4s infinite}.onboarding-loader span:nth-child(7){animation:load 2.5s linear .2s infinite}.onboarding-loader span:nth-child(8){animation:load 2.5s linear 0s infinite}.onboarding-loader span:nth-child(9){animation:load 2.5s linear .2s infinite}.onboarding-loader span:nth-child(10){animation:load 2.5s linear .4s infinite}.onboarding-loader span:nth-child(11){animation:load 2.5s linear .6s infinite}.onboarding-loader span:nth-child(12){animation:load 2.5s linear .8s infinite}.onboarding-loader span:nth-child(13){animation:load 2.5s linear 1s infinite}.onboarding-loader span:nth-child(14){animation:load 2.5s linear 1.2s infinite}.onboarding-loader span:nth-child(15){animation:load 2.5s linear 1.4s infinite}@keyframes load{0%{background:#ccc;height:10%;margin-top:25%}50%{background:#444;height:100%;margin-top:0}to{background:#ccc;height:10%;margin-top:25%}}.profile-card{background-color:#212121;border-radius:8px;color:#fff;font-family:Arial,sans-serif;padding:20px}.header{margin-bottom:20px}.avatar,.header{align-items:center;display:flex}.avatar{background-color:#616161;border-radius:50%;color:#fff;font-size:24px;font-weight:700;height:48px;justify-content:center;margin-right:16px;width:48px}.info h2{font-size:24px;margin:0}.info p{color:#bdbdbd;font-size:14px;margin:0}.progress-container{margin-bottom:20px}.experience-bar{background-color:#424242;border-radius:8px;height:16px;overflow:hidden}.progress{background-color:#ffc107;height:100%}.experience-info{color:#bdbdbd;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.skill-points{font-size:14px;margin-bottom:16px}.skill-bar{align-items:center;display:flex;margin-bottom:8px}.skill-name{font-size:14px;width:80px}.progress-bar{background-color:#424242;border-radius:8px;flex-grow:1;height:16px;margin:0 8px;overflow:hidden}.skill-level{font-size:14px;text-align:right;width:40px}.ios-toggle{background:#ccc;border-radius:30px;display:inline-block;height:30px;position:relative;width:50px}.ios-toggle .slider{background:#fd3a69;border-radius:30px;height:100%;left:0;position:absolute;top:0;transition:.5s;width:100%}.ios-toggle .handle{background:#fff;border-radius:28px;height:28px;left:1px;position:absolute;top:1px;transition:.5s;width:28px}.ios-toggle input:checked+.slider{background:#4bd865}.ios-toggle input:checked+.slider .handle{transform:translateX(20px)}.button-container{background-color:#fff;display:flex;justify-content:space-between;width:100%}.button-active{background-color:#000;color:#fff}.button{cursor:pointer;flex:1 1;padding:15px 20px;transition:background-color .2s ease}.header{border:none;margin:0 0 1.5rem}.sticky{max-width:500px;position:fixed;top:0;width:100%;z-index:10}.header a{color:#000;font-weight:bolder;margin:.5em;text-align:center}.nav-button{cursor:pointer;flex:1 1;font-size:1.1em;padding:1em;transition:background-color .2s ease}.chatBttn{height:27px;width:27px}h1,h2,h4{color:#404040}
/*# sourceMappingURL=main.aeb225f2.css.map*/