body{--background_content:#5c9ce6;--header_background:#5c9ce6}.Panel__separator{display:none}.Panel__in{padding-top:calc(40px + var(--safe-area-inset-top))}body{background:#5c9ce6}#OnBoarding .content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:calc(100vh - 44px)}#OnBoarding .content .logo{height:173px;object-fit:scale-down}#OnBoarding .content .info_block{margin-top:16px;display:flex;flex-direction:column}#OnBoarding .content .info_block .title{font-family:TT Commons,-apple-system,Roboto,Helvetica Neue,Arial;font-size:24px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:normal;text-align:center;color:#fff}#OnBoarding .content .info_block .description{margin-top:8px;opacity:.64;font-family:-apple-system,Roboto,Helvetica Neue,Arial;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:-.32px;text-align:center;color:#fff}#EmptyHabits .div_top{padding-bottom:0}#EmptyHabits .div_top .info_block{display:flex;flex-direction:column}#EmptyHabits .div_top .info_block .title{font-family:TT Commons,-apple-system,Roboto,Helvetica Neue,Arial;font-size:24px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:normal;text-align:center;color:#fff}#EmptyHabits .div_top .info_block .description{margin-top:5px;opacity:.72;font-family:-apple-system,Roboto,Helvetica Neue,Arial;font-size:16px;line-height:1.25;letter-spacing:-.32px;text-align:center;color:#fff}#EmptyHabits .btn{margin-top:32px;margin-bottom:32px;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.08);background-color:#f7bb07}#EmptyHabits .div_cards{padding-top:32.5px}.EmptyCard{display:flex;flex-direction:column;border-radius:14px;box-shadow:0 8px 32px 0 rgba(0,0,0,.08);background-color:#fff;padding:16px;margin-bottom:20px}.EmptyCard .info{display:flex;margin-bottom:16px}.EmptyCard .info .emoji{width:56px;height:55px;border-radius:10px;background-color:rgba(0,28,61,.08);display:flex;justify-content:center;align-items:center;font-size:32px}.EmptyCard .info .name{margin-left:12px;font-family:-apple-system,Roboto,Helvetica Neue,Arial;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:-.32px;color:#000;display:flex;align-items:center}.EmptyCard .can_btn{height:36px;font-weight:500;font-size:15px}.EmptyCard .can_btn .Button__content{padding:0;display:flex;align-items:center;justify-content:center}.EmptyCard .can_btn .Button__content .text{margin-left:8px}#FriendsCards .my_cards{margin-top:93px;display:flex;overflow:auto;overflow-y:hidden}#FriendsCards .my_cards -webkit-scrollbar,#FriendsCards .my_cards::-webkit-scrollbar{display:none}#FriendsCards .my_cards .MyCard{margin-right:15px}#FriendsCards .friends{width:100vw;background-color:#fff;max-height:calc(100vh - 350px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));overflow:auto;border-radius:14px 14px 0 0}#FriendsCards .friends .header{position:fixed;width:100%;height:52px;display:flex;justify-content:center;align-items:center;font-family:TT Commons,-apple-system,Roboto,Helvetica Neue,Arial;font-size:21px;font-weight:600;line-height:1.24;letter-spacing:normal;text-align:center;color:#000;z-index:450;background:#fff;border-radius:14px 14px 0 0}#FriendsCards .friends .scroll_box{padding-top:52px}#FriendsCards .FixedLayout--bottom{background-color:#fff;border-radius:14px 14px 0 0}.MyCard{display:flex;flex-direction:column;justify-content:space-between;min-width:250px;max-width:250px;height:200px;max-height:138px;border-radius:14px;box-shadow:0 8px 32px 0 rgba(0,0,0,.08);background-color:#fff;padding:16px;margin-bottom:20px;position:relative}.MyCard.new{margin-left:16px}.MyCard.new .emoji{min-width:56px;min-height:56px;width:56px;height:55px;border-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.08);border:.5px solid rgba(0,0,0,.12);background-color:#f2f3f5;display:flex;justify-content:center;align-items:center;font-size:32px}.MyCard .canvas_titles{margin-left:16px}.MyCard .canvas_titles .canvas_title{font-size:12px;font-weight:500;line-height:1.17;color:#818c99}.MyCard .canvas_titles .canvas_title,.MyCard .canvas_titles .name_canvas{font-family:-apple-system,Roboto,Helvetica Neue,Arial -apple-system,Arial;font-stretch:normal;font-style:normal;letter-spacing:-.24px}.MyCard .canvas_titles .name_canvas{font-size:15px;font-weight:400;line-height:1.2;color:#000}.MyCard .info{display:flex;margin-bottom:16px}.MyCard .info .emoji{min-width:56px;min-height:56px;width:56px;height:55px;border-radius:10px;background-color:rgba(0,28,61,.08);display:flex;justify-content:center;align-items:center;font-size:32px}.MyCard .info .name{margin-left:12px;font-family:-apple-system,Roboto,Helvetica Neue,Arial;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:-.32px;color:#000;display:flex;align-items:center}.MyCard .info .name.canvas{margin-top:6px;margin-left:0}.MyCard .days{font-family:TT Commons,-apple-system,Roboto,Helvetica Neue,Arial;font-size:20px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.4px;color:#000}.MyCard .days.canvas{display:flex}.MyCard .btn_block{display:flex;margin-top:16px}.MyCard .btn_block .btn{height:36px;display:flex;justify-content:center;align-items:center;font-family:-apple-system,Roboto,Helvetica Neue,Arial -apple-system,Arial;font-size:15px;color:#fff}.MyCard .btn_block .btn.new{width:100%;background-color:#f7a900}.MyCard .btn_block .btn.checkin{flex:4 1}.MyCard .btn_block .btn.share{max-width:48px;flex:1 1;margin-left:12px;color:#3f8ae0}.MyCard .btn_block .btn.canvas{width:100%;border-radius:10px;background-image:-webkit-gradient(linear,left bottom,left top,from(#f9bd00),to(#f7a900));background-image:linear-gradient(0deg,#f9bd00,#f7a900);border:none}.MyCard .description{height:86px;display:flex;justify-content:center;align-items:center;opacity:.72;font-family:-apple-system,Roboto,Helvetica Neue,Arial -apple-system,Arial;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:-.28px;text-align:center;color:#000}.AddHabitModal{padding:16px;border-radius:14px;box-shadow:0 8px 32px 0 rgba(0,0,0,.08);background-color:#fff}.AddHabitModal .info_block{display:flex}.AddHabitModal .info_block .emoji_picker{width:56px;height:55px;border-radius:10px;border:.5px solid rgba(0,0,0,.12);background-color:#f2f3f5;display:flex;justify-content:center;align-items:center;color:#3f8ae0}.AddHabitModal .info_block .textarea{margin-left:12px}.AddHabitModal .btn{margin-top:16px}.Modal{position:absolute;z-index:-1;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.EmojiPicker{padding:16px;border-radius:14px;box-shadow:0 8px 32px 0 rgba(0,0,0,.08);background-color:#fff}.EmojiPicker .grid{display:flex;flex-direction:column}.EmojiPicker .grid .row{display:flex}.EmojiPicker .grid .row .emoji{font-size:25px;padding:7px 10px;border:.5px solid transparent}.EmojiPicker .grid .row .emoji.selected{border-radius:6px;border:.5px solid rgba(0,0,0,.12);background-color:#f2f3f5}.EmojiPicker .btn{margin-top:16px}.HabitModal{border-radius:14px;box-shadow:0 8px 32px 0 rgba(0,0,0,.08);background-color:#fff;display:flex;flex-direction:column;padding:16px;min-width:300px;max-width:90vw}.HabitModal .info_block,.HabitModal .info_block .emoji{display:flex;align-items:center}.HabitModal .info_block .emoji{width:56px;height:55px;border-radius:10px;background-color:rgba(0,28,61,.08);justify-content:center;font-size:32px}.HabitModal .info_block .name{margin-left:12px;font-family:-apple-system,Roboto,Helvetica Neue,Arial;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:-.32px;color:#000;display:flex;align-items:center}.HabitModal .btn{margin-top:16px}