hr{width:80%;border-color:#171a21;background-color:unset}form{width:100%}a{text-decoration:none;-webkit-transition:background-color .2s;transition:background-color .2s}a:active{background-color:#AAAAAA33;border-radius:38px}button{height:38px;width:38px;padding:0;background-color:unset;border:none;border-radius:38px;outline:none;color:#fff;cursor:pointer;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}button:hover{background-color:#AAAAAA22}button:active{background-color:#33333399}.icon_btn{font-family:Material Icons;font-size:16px}.icon_btn.right{margin-left:auto}.fab_btn{height:46px;width:46px;margin:8px 6px;border-radius:32px;background:#f60;border:none;cursor:pointer;color:#333;text-align:center;font-family:Material Icons;font-size:24px;-webkit-transition:background-color .2s;transition:background-color .2s}.fab_btn:hover{color:#333;background:#f80}.fab_btn:disabled{background:#171a21}input[type=email],input[type=password],input[type=search],input[type=text]{width:auto;color:#fff;font-size:16px;background-color:#AAAAAA33;padding:12px;margin:8px 0;border:none;border-radius:3px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus{color:#555;background-color:#fff;outline:none}input[type=email]:focus::-webkit-input-placeholder,input[type=password]:focus::-webkit-input-placeholder,input[type=search]:focus::-webkit-input-placeholder,input[type=text]:focus::-webkit-input-placeholder{color:#33333399;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]:focus::-moz-placeholder,input[type=password]:focus::-moz-placeholder,input[type=search]:focus::-moz-placeholder,input[type=text]:focus::-moz-placeholder{color:#33333399;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]:focus::-ms-input-placeholder,input[type=password]:focus::-ms-input-placeholder,input[type=search]:focus::-ms-input-placeholder,input[type=text]:focus::-ms-input-placeholder{color:#33333399;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]:focus::placeholder,input[type=password]:focus::placeholder,input[type=search]:focus::placeholder,input[type=text]:focus::placeholder{color:#33333399;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]:invalid,input[type=password]:invalid,input[type=search]:invalid,input[type=text]:invalid{border:1px solid #223}input[type=email]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{color:#BBBBBB77;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=text]::-moz-placeholder{color:#BBBBBB77;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder{color:#BBBBBB77;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=text]::placeholder{color:#BBBBBB77;opacity:1;-webkit-transition:color .2s;transition:color .2s}input[type=email]:-webkit-autofill,input[type=password]:-webkit-autofill,input[type=search]:-webkit-autofill,input[type=text]:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #2f2f42 inset}input[type=email]:-webkit-autofill:focus,input[type=password]:-webkit-autofill:focus,input[type=search]:-webkit-autofill:focus,input[type=text]:-webkit-autofill:focus{-webkit-text-fill-color:#555!important;-webkit-box-shadow:0 0 0 1000px #fff inset}.input_spread{width:calc(100% - 24px)!important}.input_button{position:absolute;right:0;height:38px;width:38px;margin:3px;font-family:Material Icons;font-size:24px;color:#f60;-webkit-transition:border-radius .2s,background-color .2s;transition:border-radius .2s,background-color .2s}.input_button:hover{border-radius:19px}.icon_s{font-weight:700;font-size:12px;line-height:12px;padding:12px 2px 8px 8px}.icon_m,.icon_s{font-family:Material Icons;-ms-flex-negative:0;flex-shrink:0}.icon_m{font-size:24px;line-height:24px}.icon_l{font-family:Material Icons;font-size:32px;line-height:32px;-ms-flex-negative:0;flex-shrink:0}.label{display:block;margin:12px 0 0 8px;font-size:10px;line-height:10px;color:#bbb}.card{height:calc(100% - 224px);width:312px;margin:80px 80px 80px 0;padding:32px;font-size:16px;line-height:18px;color:#f60;background:#223;-webkit-box-shadow:0 0 128px #333;box-shadow:0 0 128px #333;overflow:hidden}.card.card_full{height:100%;width:calc(100% - 64px);margin:0}.card.card_onboarding{width:100%;height:100%;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0 32px}.card.card_onboarding .card_body{height:100%}.card_head{width:100%;height:64px}.card_body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:calc(100% - 64px);overflow-x:hidden;overflow-y:auto}.card_body,.card_title{display:-webkit-box;display:-ms-flexbox;display:flex}.card_title{position:relative;width:auto;font-size:32px;font-weight:700;line-height:38px;color:#f60;padding:16px 0}.card_title_btn{height:38px;width:38px;margin-left:auto;font-family:Material Icons;font-size:24px;color:#f60;-webkit-transition:border-radius .2s,background-color .2s;transition:border-radius .2s,background-color .2s}.card_title_btn:hover{border-radius:19px}.card_title_input{margin:0!important;width:100%!important}@media screen and (max-height:900px),screen and (max-width:1024px){.card{height:100%;width:calc(100% - 384px);margin:0;-webkit-box-shadow:none;box-shadow:none}}.play_btn{height:98px;min-width:98px;margin:29px 16px 29px 29px;border:1px solid #fff;border-radius:0;-webkit-box-shadow:0 0 48px #000;box-shadow:0 0 48px #000;background-position:50%;background-clip:padding-box;background-size:cover;background-repeat:no-repeat;font-family:Material Icons;font-size:32px;color:#fff;text-shadow:0 0 4px #000;cursor:pointer;opacity:1;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.play_btn:hover{background-color:unset;opacity:.8}.play_btn:active{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}.play_center{padding:46px 8px;height:64px;overflow:hidden}.play_txt{width:100%;padding:0 2px 8px;overflow:hidden;color:#fff;font-weight:700;font-size:13px;line-height:12px;text-shadow:0 0 4px #000;white-space:nowrap;text-overflow:ellipsis}.song_title{padding:0 2px 10px;font-size:18px;line-height:20px}.session_title,.song_artist{line-height:14px}.skip_label{position:relative;width:46px;height:46px;-ms-flex-negative:0;flex-shrink:0;margin:55px 19px 55px auto;cursor:pointer;background:#BBBBBB77;border-radius:32px;-webkit-box-shadow:0 0 48px #000;box-shadow:0 0 48px #000;overflow:hidden;-webkit-transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s}.skip_label:hover{background:#AAAAAA33}.skip_label:hover .skip_bar{opacity:.9}.skip_label:active{-webkit-transform:scale(.9);transform:scale(.9)}.skip_btn{position:absolute;height:24px;width:24px;top:calc(50% - 12px);padding:0 10px;background:none;border:none;text-shadow:0 0 4px #000;font-family:Material Icons;font-size:22px}.skip_btn,.skip_btn:hover{color:#fff}.skip_btn:active{background-color:unset}.skip_progress{position:relative;height:calc(100% - 8px);width:38px;margin:4px;border-radius:23px;overflow:hidden}.skip_bar{position:absolute;width:100%;height:77%;bottom:0;background:#223;opacity:1;-webkit-transition:opacity .2s,height .2s;transition:opacity .2s,height .2s}.session_switch_wrap{overflow:hidden;color:#fff}.vote_view{max-width:512px;width:calc(100% - 64px);height:calc(100% - 116px);padding:32px;margin:auto;overflow-x:hidden;overflow-y:auto;background-color:#44444477}.session_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;height:52px;background:#33333399;cursor:-webkit-grab;cursor:grab}.session_nav:active{cursor:-webkit-grabbing;cursor:grabbing}.session_menu{max-width:512px;width:calc(100% - 64px);height:calc(100% - 116px);padding:32px;margin:auto;overflow-y:auto;background-color:#44444477}.ses_nav_item{position:relative;display:block;height:46px;width:46px;margin:3px 12px;background:unset;border:none;border-radius:23px;font-size:24px;font-family:Material Icons;color:#fff;cursor:pointer;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}.ses_nav_item:hover{color:#bbb}.ses_nav_item:active{background-color:#AAAAAA33}.ses_radio{position:absolute;opacity:0}.ses_radio:checked~.ses_nav_item_icon{color:#f60}.ses_nav_item_icon{display:block;height:24px;width:24px;padding:11px;line-height:24px}.ses_toggle{margin-left:auto}.toggle_view_page{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin-bottom:64px}.toggle_page_title,.toggle_view_page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;width:100%}.toggle_page_title{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:38px;margin:12px 2px;font-size:26px;line-height:28px}.toggle_page_title .toggle_page_title_btn{height:38px;width:38px;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;margin-right:8px;font-family:Material Icons;font-size:22px;-webkit-transition:border-radius .2s,background-color .2s;transition:border-radius .2s,background-color .2s}.toggle_page_title .toggle_page_title_btn:hover{border-radius:19px}.switch{position:relative;display:inline-block;width:54px;height:28px;-ms-flex-negative:0;flex-shrink:0}.switch_check_box{display:none}.lever{cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:28px;background-color:#bbb}.lever,.lever:before{position:absolute;-webkit-transition:.4s;transition:.4s}.lever:before{content:"";height:20px;width:20px;left:4px;bottom:4px;border-radius:50%;background-color:#fff}.switch_check_box:checked~.switch .lever{background-color:#f60}.switch_check_box:checked~.switch .lever:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switch_wrap{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.switch_text{margin:0 6px;line-height:28px;-webkit-transition:color .4s;transition:color .4s}.switch_text_left{color:#bbb}.switch_check_box:checked~.switch_text_left,.switch_text_right{color:#555}.switch_check_box:checked~.switch_text_right{color:#bbb}.switch_item{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 40px);height:32px;padding:20px;margin:5px 0;border-radius:6px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.switch_item:hover{background:#AAAAAA33}.switch_item_title{color:#bbb;font-weight:700;margin:4px}@media (max-width:300px){.switch_wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.playlist{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.playlist,.playlist_head{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.playlist_head{height:32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px;background:#AAAAAA22;border-radius:4px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.playlist_head:hover{background:#AAAAAA33}.playlist_head .playlist_title{margin:8px;font-size:16px;line-height:18px;font-weight:700}.playlist_head .playlist_toggle{color:#fff;font-family:Material Icons;font-size:24px}.playlist_body{width:100%;height:0;overflow:hidden;-webkit-transition:height .2s;transition:height .2s}.playlist_body_show{height:auto}.song_item_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:8px}.song_item_wrap:last-of-type{margin-bottom:24px}.song_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(100% - 58px);padding:8px;border-radius:4px;line-height:16px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.song_item:hover{background:#AAAAAA33}.song_item .song_item_cover{height:14px;width:14px;margin-right:8px}.song_item .song_item_artists,.song_item .song_item_title{-ms-flex-negative:1;flex-shrink:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.song_item .song_item_artists{margin-left:8px;color:#bbb}.song_add{height:32px;width:34px;-ms-flex-negative:0;flex-shrink:0;margin-left:8px;border-radius:34px;cursor:pointer;color:#fff;font-family:Material Icons;font-size:16px;-webkit-transition:background-color .2s;transition:background-color .2s}.song_add:hover{color:#fff;background:#AAAAAA33}.vote_item{width:100%;margin-bottom:8px}.vote_item,.vote_item .vote_item_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vote_item .vote_item_info{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(100% - 126px);padding:8px;line-height:16px;border-radius:4px;cursor:-webkit-grab;cursor:grab;background:#AAAAAA11;-webkit-transition:background-color .2s;transition:background-color .2s}.vote_item .vote_item_info:active{cursor:-webkit-grabbing;cursor:grabbing}.vote_item .vote_item_info:hover{background:#AAAAAA33}.vote_item .vote_item_info .vote_item_artists,.vote_item .vote_item_info .vote_item_title{-ms-flex-negative:1;flex-shrink:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vote_item .vote_item_info .vote_item_artists{margin-left:8px;color:#bbb}.vote_item_thumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;border-radius:34px;cursor:pointer;color:#fff;font-family:Material Icons;font-size:16px;-webkit-transition:background-color .2s;transition:background-color .2s}.vote_item_thumb:hover{color:#fff;background:#AAAAAA33}.vote_item_thumb .vote_item_thumb_count{margin-left:8px;font-size:12px;font-family:Open Sans}.vote_item_thumb_up{margin-right:8px}.vote_item_thumb_down{margin-left:8px}.note_view_wrap{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;width:100%;height:100%}.note_view{width:100%;max-width:256px;min-height:32px;padding:24px 32px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;background:#33333399;border-radius:6px}.note_title{display:block;margin-bottom:28px;line-height:32px}.note_point{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:12px 0;font-size:14px;line-height:18px}.note_point .note_point_text{display:inline-block;margin-left:12px}.slide_spin{width:64px;height:64px;margin:12px;-webkit-animation:spin_l 1s cubic-bezier(.6,.3,.3,.6) infinite;animation:spin_l 1s cubic-bezier(.6,.3,.3,.6) infinite}.slide_spin,.slide_spin_small{display:inline-block;background-image:url("/img/slide.png");background-size:contain;background-repeat:no-repeat}.slide_spin_small{position:relative;top:-64px;height:32px;width:32px;-webkit-animation:spin_s 1s cubic-bezier(.3,.6,.6,.3) infinite;animation:spin_s 1s cubic-bezier(.3,.6,.6,.3) infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes spin_l{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin_l{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin_s{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spin_s{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.how_to_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;width:100%;margin:12px 0;background-color:#171a21;border-radius:6px}.how_to_view .how_to_item{display:block;height:232px;width:232px;margin:12px}.how_to_view .how_to_item .how_to_img{height:210px;width:210px;margin:-6px 2px}.how_to_view .how_to_item .how_to_desc{display:block;width:calc(100% - 12px);height:24px;font-size:15px;font-weight:700;text-align:center;color:#fff}.card_body .site_content_wrap{height:unset}@media screen and (max-height:900px),screen and (max-width:1024px){.how_to_view{width:auto;margin-top:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.how_to_view .how_to_item{height:128px;width:128px}.how_to_view .how_to_item .how_to_img{height:110px;width:110px;margin:-6px 7px}.how_to_view .how_to_item .how_to_desc{height:16px;font-size:12px}}@media screen and (max-width:620px){.how_to_view{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.how_to_view .how_to_item{height:84px;width:84px}.how_to_view .how_to_item .how_to_img{height:64px;width:64px;margin:-2px 10px}.how_to_view .how_to_item .how_to_desc{width:100%;height:12px;font-size:10px;line-height:12px}}.back_btn{width:24px;position:relative;right:10px;font-family:Material Icons;font-size:38px;line-height:38px;padding:0;color:#f60;-webkit-transition:color .2s;transition:color .2s}.back_btn:active,.back_btn:hover{color:#171a21;background:none}.list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.list .list_item{width:100%;height:32px;margin-bottom:6px}.list .list_item input[type=radio]{position:relative;height:0;width:0;opacity:0;pointer-events:none}.list .list_item input[type=radio]:checked+label{background:#BBBBBB77}.list .list_item label{display:block;width:calc(100% - 24px);height:12px;padding:8px;background:#AAAAAA11;border-radius:4px;cursor:pointer}.list .list_item label:hover{background:#AAAAAA22}.settings_item{margin:8px 0;padding:12px 12px 18px;border:1px solid #AAAAAA22;border-radius:4px}.settings_item .settings_item_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.double_nav_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:#bbb;text-decoration:none;line-height:normal;padding:8px 0;cursor:pointer;border-radius:6px;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}.double_nav_wrap:hover{background-color:#AAAAAA11}.double_nav_wrap:active{background-color:#AAAAAA33;border-radius:6px}.double_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 32px)}.double_nav_title{padding-left:6px;font-weight:700}.double_nav_desc{padding-left:6px}.double_nav_arrow{height:38px;width:38px;margin-top:4px;font-family:Material Icons;font-size:32px;line-height:38px;text-align:center}.app_container,.site{height:100%}.site{width:100%}.site_header{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:256px;background-color:#223}.site_header .site_logo{width:128px;height:128px}.site_header .site_name{position:relative;top:-8px;font-size:12px;color:#fff}.site_headline{margin:18px 0;font-size:28px;line-height:32px;text-transform:capitalize}.site_headline,.site_subheadline{font-weight:400;text-align:center}.site_subheadline{margin:12px 64px;font-size:18px;line-height:26px}.site_nav{position:absolute;right:0;top:0;height:100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.site_nav,.site_nav_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.site_nav_item{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:48px;min-width:64px;margin:12px;cursor:pointer}.site_nav_item .site_nav_tile{width:6px;height:48px;background:#AAAAAA33}.site_nav_item .site_nav_title_wrap{width:0;height:48px;background:#171a21;-webkit-transition:width .2s;transition:width .2s}.site_nav_item .site_nav_title{display:block;width:100%;height:100%;overflow:hidden;font-size:18px;line-height:48px;color:#fff;text-align:center}.site_nav_item:hover .site_nav_title_wrap{width:128px}.site_nav_item.active .site_nav_tile{background:#f60}.site_nav_item.active .site_nav_title_wrap{width:128px}.site_content_wrap{width:100%;height:calc(100% - 256px);background-color:#223}.site_content_wrap.onboarding{height:calc(100% - 320px)}.site_content{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:720px;width:calc(100% - 24px);height:calc(100% - 25px);margin:auto;padding:12px;background-color:#223;color:#f60;border-top:1px solid #171a21;overflow-x:hidden;overflow-y:auto}.form_wrap{width:100%}.cta_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:64px auto;padding:18px 24px;height:64px;max-width:256px;width:50%;background-color:#f60;border-radius:3px;font-family:Open Sans;font-size:20px;line-height:24px;color:#fff;-webkit-transition:background-color .2s;transition:background-color .2s}.cta_btn:hover{color:#fff;background-color:#171a21}.cta_icon{margin-left:auto}@media screen and (max-height:900px),screen and (max-width:1024px){.site_header{height:64px}.site_header .site_logo{width:48px;height:48px}.site_header .site_name{margin-top:4px;font-size:8px}.site_content_wrap{height:calc(100% - 64px)}.site_content_wrap.onboarding{height:calc(100% - 128px)}.site_content{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.site_content .input_spread{width:calc(100% - 24px)!important}.site_nav{height:100%;width:32px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.site_nav_item{min-width:32px;margin:8px}.site_nav_item .site_nav_title{font-size:10px}.site_nav_item.active .site_nav_title_wrap,.site_nav_item:hover .site_nav_title_wrap{width:48px}}.wrap_main{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.app_nav,.wrap_main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.app_nav{z-index:99;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;margin:64px 0 64px 64px;width:320px;height:calc(100% - 128px);background:#fff;overflow:hidden;-webkit-box-shadow:0 0 128px #333;box-shadow:0 0 128px #333}.app_nav.nav_full{margin:0;width:100%;height:100%}.nav_head_wrap{height:128px;background:#223;color:#fff}.nav_head_title{display:block;width:100%;margin-top:56px;font-size:16px;text-align:center}.nav_fab_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.session_list_wrap{height:calc(100% - 128px);overflow-x:hidden;overflow-y:auto}.session_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:calc(100% - 32px);padding:16px;border-bottom:1px solid #ddd;text-decoration:none;color:#333;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}.session_item:hover{border-radius:0;color:#555;background-color:#efefef}.session_item:active,.session_item:focus{border-radius:0}.session_item .session_item_text{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-flex:1;-ms-flex-positive:1;flex-grow:1}.session_item .session_item_title{display:block;font-weight:700}.session_item .session_item_desc{display:block;margin-top:8px}.session_item .session_item_icon{display:block;width:20px;height:20px;padding:6px;-ms-flex-negative:0;flex-shrink:0;text-align:center;font-family:Material Icons;font-size:20px;line-height:20px;color:#555}.session_item .session_item_icon.selected{font-size:14px;line-height:20px;color:#f60}@media screen and (max-height:900px),screen and (max-width:1024px){.app_nav{height:100%;margin:0;-webkit-box-shadow:none;box-shadow:none;border-right:1px solid #171a21}}.session_wrap{position:relative;z-index:1;height:calc(100% - 160px);width:calc(100% - 400px);margin:80px 80px 80px 0;-webkit-box-shadow:0 0 128px #333;box-shadow:0 0 128px #333;overflow:hidden}.session_wrap.session_full{height:100%;width:100%;margin:0}.session_background{min-height:calc(100% + 12px);min-width:calc(100% + 12px);-o-object-fit:cover;object-fit:cover;-o-object-position:calc(50% - 12px) calc(50% - 12px);object-position:calc(50% - 12px) calc(50% - 12px);-webkit-filter:blur(12px);filter:blur(12px)}.session_content{position:absolute;width:100%;height:100%;top:0}.session_content .session_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;top:calc(-100% - 8px);height:156px;max-width:720px;margin:auto}.session_content .session_switch_wrap{width:100%;height:calc(100% - 156px);top:calc(-100% - 9px);border-top:1px solid #bbb;background:#33333399}@media screen and (max-height:900px),screen and (max-width:1024px){.session_wrap{height:100%;width:calc(100% - 320px);margin:0;-webkit-box-shadow:none;box-shadow:none}}.friend_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:8px}.friend_item:last-of-type{margin-bottom:24px}.friend_item_name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(100% - 58px);padding:8px;border-radius:4px;line-height:16px;color:#fff;-webkit-transition:background-color .2s;transition:background-color .2s}.friend_item_name:hover{background:#AAAAAA33}.friend_item_action{height:32px;width:34px;-ms-flex-negative:0;flex-shrink:0;margin-left:8px;border-radius:34px;cursor:pointer;color:#fff;font-family:Material Icons;font-size:16px;-webkit-transition:background-color .2s;transition:background-color .2s}.friend_item_action:hover{color:#fff;background:#AAAAAA33}.browse{height:calc(100% - 224px);width:312px;margin:80px 80px 80px 0;padding:32px;font-size:16px;line-height:18px;color:#f60;background:#fff;border:none;-webkit-box-shadow:0 0 30px #333;box-shadow:0 0 30px #333;overflow-x:hidden;overflow-y:auto}@media screen and (max-height:900px),screen and (max-width:1024px){.browse{height:100%;width:calc(100% - 384px);margin:0;-webkit-box-shadow:none;box-shadow:none}}.onboarding_steps_wrap{width:100%;background-color:#223}.onboarding_steps{width:100%;height:64px;max-width:720px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-top:1px solid #171a21}.onboarding_steps .onboarding_step{-webkit-box-flex:3;-ms-flex:3;flex:3;margin:8px}.onboarding_steps .onboarding_step .onboarding_step_title{opacity:0;height:24px;margin-top:4px;font-size:16px;color:#fff;-webkit-transition:opacity .2s;transition:opacity .2s}.onboarding_steps .onboarding_step .onboarding_step_tile{width:100%;height:6px;background-color:#BBBBBB77;-webkit-transition:background-color .2s;transition:background-color .2s}.onboarding_steps .onboarding_step.small{-webkit-box-flex:1;-ms-flex:1;flex:1}.onboarding_steps .onboarding_step.active .onboarding_step_title{opacity:1}.onboarding_steps .onboarding_step.active .onboarding_step_tile{background-color:#f60}.onboarding_steps .onboarding_step.passed{cursor:pointer}.onboarding_steps .onboarding_step.passed .onboarding_step_title{font-size:12px}.onboarding_steps .onboarding_step.passed .onboarding_step_tile{background-color:#f60}.onboarding_steps .onboarding_step.passed:hover .onboarding_step_title{opacity:.5}.onboarding_steps .onboarding_step.passed:hover .onboarding_step_tile{background-color:#f80}@media screen and (max-width:720px){.onboarding_steps .onboarding_step .onboarding_step_title{font-size:10px}}.wrap_message{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#223;height:100%;width:100%}.message{color:#f60;text-align:center}.message h1{width:100%;font-size:32px}.message p{display:block;width:100%;margin-top:32px;font-size:16px}.loader_wrap{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.loader_wrap .loader{display:inline-block;width:100%;height:48px;background:#AAAAAA11;border-radius:4px;overflow:hidden}.loader_wrap .loader .loader_progress{width:0;height:100%;background:#f60;-webkit-transition:background-color .2s;transition:background-color .2s}.loader_wrap .loader .loader_text{position:relative;top:-32px;left:calc(50% - 36px);font-size:32px;line-height:16px;white-space:nowrap;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:#fff}.loader_wrap .loader:hover .loader_progress{background-color:#171a21}.loader_wrap_min{z-index:999;position:fixed;bottom:calc(50vh - 128px);left:calc(50vw - 128px);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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:128px;height:128px;overflow:hidden;background-color:#223;padding:64px;border:1px solid #77777777;border-radius:6px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.loader_wrap_min:hover{opacity:.8}body,html{position:fixed;margin:0;background:#555;font-family:Open Sans;font-size:12px;line-height:12px;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.app,body,html{height:100%;width:100%}.app{display:inline-block}
/*# sourceMappingURL=style.css.map*/