@charset "UTF-8";html,body{line-height:2rem}h2{margin-top:24px;font-weight:600}:root{--border-radius: 12px}.noscroll{overflow:hidden}.swal2-container{z-index:200000!important}.mood-detail .the-mood{margin-top:16px;display:flex;justify-content:center;box-shadow:0 4px 6px #00000020;border-radius:100%}.mood-detail .selected-mood-label span{color:#fff;background-color:#000000eb;padding:4px 12px;border-radius:var(--border-radius)}.add-mood-container{display:inline-block;position:relative}.add-mood-container .mood-selector-container{position:fixed;z-index:90;bottom:-24px;max-width:360px;width:100%;height:160px;margin:0 auto}.add-mood-container .mood-selector-container .the-mood{position:absolute;top:100%;left:50%;width:48px;height:48px;margin:-24px;transform-origin:0 -160px;box-shadow:0 0 8px #00000040;border-radius:100%}.add-mood-container .mood-selector-container .the-mood .mood-label{position:absolute;left:50%;color:#fffffff5;transform:translate(-50%);display:inline-block;white-space:nowrap;text-align:center;font-size:.75rem;background:#ffffff40;padding:0 6px;border-radius:var(--border-radius);margin-top:2px}.add-mood-container .mood-selector-container .the-mood img{width:100%;height:100%;object-fit:contain;box-shadow:0 0 8px #00000040;border-radius:100%;border:3px solid #fff}.add-mood-container .mood-selector-container .the-mood:nth-child(1){transform:rotate(-60deg) translateY(-160px) rotate(60deg)}.add-mood-container .mood-selector-container .the-mood:nth-child(2){transform:rotate(-36deg) translateY(-160px) rotate(36deg)}.add-mood-container .mood-selector-container .the-mood:nth-child(3){transform:rotate(-12deg) translateY(-160px) rotate(12deg)}.add-mood-container .mood-selector-container .the-mood:nth-child(4){transform:rotate(12deg) translateY(-160px) rotate(-12deg)}.add-mood-container .mood-selector-container .the-mood:nth-child(5){transform:rotate(36deg) translateY(-160px) rotate(-36deg)}.add-mood-container .mood-selector-container .the-mood:nth-child(6){transform:rotate(60deg) translateY(-160px) rotate(-60deg)}.add-mood-container .button-container{position:fixed;z-index:100;bottom:16px;left:50%;transform:translate(-50%);display:flex;justify-content:center}.add-mood-container .button-container button{width:48px;height:48px;text-align:center;border-radius:100%;background:#ffffffe6;box-shadow:0 8px 16px #00000020;border:2px solid #fff;display:flex;flex-direction:column}.add-mood-container .button-container button i{font-size:1.5rem}.add-mood-container .button-container button:active{background:#fffc}.datepicker-header{position:fixed;top:12px;width:100%;display:flex;justify-content:center}.datepicker-header input{display:inline;white-space:nowrap;text-align:center;background-color:#ffffffeb;padding:4px 12px;border-radius:var(--border-radius);font-weight:600;font-size:.9rem}.datepicker-header .date-select-label{margin-left:8px;font-size:.9rem;color:#fff;margin-top:4px}.days-container{position:absolute;bottom:0;width:100%;height:48vh;overflow:scroll;padding:12px;display:flex;flex-direction:column}.days-container .swiper,.days-container .swiper-slide{background-color:transparent}.days-container .mood-content-detail{line-height:1.25rem}.days-container .day-content{display:flex;background-color:#ffffffe6;min-width:80px;padding:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #ffffff13;border:2px solid rgba(255,255,255,.125);margin-bottom:4px}.days-container .day-content:last-child{margin-bottom:48px}.days-container .day-content .date-container .date{margin-top:-6px;text-align:center;font-weight:600;font-size:1.5rem;letter-spacing:-1px}.days-container .day-content .date-container .date .month{font-size:1rem;letter-spacing:-1px}.days-container .day-content .date-container .time{font-size:.75rem;margin-top:-8px;font-weight:600}.days-container .day-content .day-mood{width:40px;height:40px;box-shadow:0 2px 6px 2px #00000013;border-radius:100%}.mood-container{position:fixed;top:0;margin:0;width:100vw;height:100vh}.mood-container .profile{position:absolute;bottom:-6px;left:-6px}.mood-container .profile img{border:2px solid #fff;box-shadow:0 4px 8px #00000020}.mood-container .profile-name{position:absolute;left:50%;transform:translate(-50%);display:inline-block;white-space:nowrap;margin-top:12px}.mood-container .face-container{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%)}.mood-container .mood-name{position:absolute;top:-48px;left:50%;transform:translate(-50%);display:inline-block;white-space:nowrap;text-align:center;background-color:#ffffffeb;padding:4px 12px;border-radius:var(--border-radius)}.mood-container .the-face{box-shadow:0 8px 16px #00000020;border-radius:100%}.mood-container .the-face img{width:100%;max-width:80vw;height:auto}.mood-container .logo{box-shadow:0 8px 16px #00000020;border-radius:100%;overflow:hidden;border:6px solid rgba(255,255,255,.25);max-width:150px}.mood-container .logo img{width:100%;max-width:150px;height:auto}.mood-nothing{background:radial-gradient(circle at center,#c09042,#996516)}.mood-awesome{background:radial-gradient(circle at center,#ff99c9,#ff76b8)}.mood-good{background:radial-gradient(circle at center,#396,#05873e)}.mood-neutral{background:radial-gradient(circle at center,#c09042,#996516)}.mood-bad{background:radial-gradient(circle at center,#999997,#72716f)}.mood-awful{background:radial-gradient(circle at center,#543a88,#281466)}.mood-angry{background:radial-gradient(circle at center,#e06666,#f4313f)}.mood-text-nothing{color:#fff4d1}.mood-text-awesome{color:#3d003d}.mood-text-good{color:#d6f5e1}.mood-text-neutral{color:#fff4d1}.mood-text-bad{color:#f0f0f0}.mood-text-awful{color:#d1c4e9}.mood-text-angry{color:#fff}