:root{--primary-color: #000;--primary-border: #ff00ff;--primary-shade: #5e10a669;--white: #fff;--black: #000;--black-shadow: #00000059;--green: #17b834;--green-shade: #5ffa81;--chat-from-bg: #3a3452;--chat-from-text: #855eaa;--chat-to-bg: #1e6ade;--chat-to-text: #10438d;--drawer-title: #ff4500;--orange: #fe5b30;--locked: #fe5b30;--option-title: #ff1493;--contacts-border-top: #ff00ff;--contacts-border-bottom: #e6e6e6;--plain-background: #fff;--save-slot-background: #3b003b;--save-slot-text: #ff1493;--disabled-strong: #494b49;--points-substract: #737271;--points-sign: #a0a8a0;--button-disabled: #909797;--blinker-color: red;--sidebar-background-color: black;--sidebar-text-color: #fff;--drawer-header-border-line: #fff;--typing-text-color: #17b834}@keyframes GrowLoadingBoxCircle{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes messageIndicator{0%{transform:scale(1)}25%{transform:scale(1.5)}50%{transform:scale(1)}to{transform:scale(1)}}@keyframes messageSlide{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes messageFromAvatarSlide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes messageToAvatarSlide{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes optionsSlide{0%{margin-bottom:-150%;opacity:0}to{margin-bottom:-.5em;opacity:1}}.page-slide-enter-active,.page-slide-leave-active{transition:all .25s ease}.page-slide-enter-from,.page-slide-leave-to{opacity:0;transform:translateY(50%)}.notification-slide-enter-active,.notification-slide-leave-active{transition:all .25s ease}.notification-slide-enter-from,.notification-slide-leave-to{opacity:0;transform:translateY(-100%)}.toast-slide-enter-active,.toast-slide-leave-active{transition:transform .15s ease}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translateY(100%)}.points-slide-enter-active,.points-slide-leave-active{transition:transform .25s linear}.points-slide-enter-from,.points-slide-leave-to{opacity:0;transform:translate(50%)}html,body{margin:0;padding:0;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;font-family:"system-ui","sans-serif"}#app,main{width:100%;height:100%}*{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*:focus,*:active{outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=text]{width:100%;padding:12px 20px;border-radius:6px;border:none;outline:none}input[type=text]:focus{outline:none;border:none}#game-header{background-color:var(--primary-color);display:flex;flex-direction:row;flex-wrap:nowrap;padding:.5em;align-items:center}#game-header .menu-toggle{margin-right:1em;cursor:pointer}#game-header .menu-toggle img{height:3em}#game-header .game-title-holder{width:100%;margin:0 auto;width:auto;position:relative}#game-header .game-title-holder .floating-points{position:absolute;top:2.25em;left:0;text-align:center;width:3em}#game-header .game-title-holder .floating-points b{background:var(--orange);color:var(--white);padding:.25em .5em;font-size:.65em;border-radius:6px}.avatar{background-size:cover;background-position:center;border-radius:50%;width:3em;height:3em;cursor:pointer;border:2px solid var(--white);box-shadow:0 2px .5px 1px #0000002e}.avatar.small{width:2em;height:2em}.avatar.borderless{border:none}.avatar.shadowless{box-shadow:none}.game-title-holder{display:flex;flex-direction:row;min-width:0}.game-title-holder.hidden{filter:blur(2px)}.game-title-holder .avatar{margin-right:.5em;flex-shrink:0}.game-title-holder .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-title-holder .title,.game-title-holder .subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--white)}.game-title-holder .title{font-size:1.2em;margin-bottom:.125em;display:flex;flex-direction:row}.avatar_image img{width:3.5em}.avatar_image img path{fill:#fff}.install_button{background:var(--white);color:var(--primary-color);font-weight:700;position:absolute;right:1em;padding:.75em 1em;border-radius:6px;cursor:pointer}.size-container{max-width:600px;margin:0 auto}#chat-container{position:relative;overflow-x:hidden}.response_bar{background-color:var(--primary-color);padding:1em;color:var(--white);text-align:center;position:relative;transition:all .5s ease-in-out}.response_bar .typing-gif{position:absolute;top:-20px;left:0;width:100%;color:var(--typing-text-color);transform:translateY(-50%);display:flex;justify-content:center;align-items:center;padding:1em}.response_bar .typing-gif .typing-gif-content{max-width:600px;width:100%}.response_bar .clickable{cursor:pointer}.response_bar .small{font-size:.65em}.response_bar .options{margin-bottom:-.5em;animation:optionsSlide .25s ease-in-out;width:100%}.response_bar .options .growing-button{margin-bottom:.5em}.response_bar .options .option{background:var(--white);color:var(--black);border-radius:6px;width:100%;padding:.5em;margin-bottom:.5em}.response_bar .points{display:inline-flex;flex-wrap:wrap;max-width:10em;margin-bottom:-.25em}.response_bar .points .point{margin-right:.25em;margin-left:.25em;margin-bottom:.25em;display:flex;flex-direction:row;justify-items:center;align-items:center;align-content:center;justify-content:center;padding:.25em .5em;border-radius:6px;flex-shrink:0}.response_bar .points .point.add{background:var(--green)}.response_bar .points .point.subtract{background:var(--points-substract)}.response_bar .points .point .sign{font-size:.85em;color:var(--points-sign);margin-left:.25em}.game-container{height:100%;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap}.game-container #chat-container{height:100%;flex-grow:1;overflow-y:auto;padding:1em}.message{margin-bottom:1em}.message.context,.message.monologue{padding:1em;background:var(--white);text-align:center;color:#ff4500;min-width:120px;width:80%;border-radius:6px;margin:0 auto 1em;animation:messageSlide .15s ease-in-out}.message.context{width:100%;border-radius:6px;background:var(--green);padding:1.5em;margin:2em 0 3em;border:1px solid var(--green-shade);color:var(--white);font-size:1.25em;text-shadow:0 1px 2px var(--green)}.message.monologue{width:100%;border-radius:10px;background:var(--primary-color);padding:2em;margin:2em 0 3em;border:1px solid var(--primary-border);color:var(--white);box-shadow:0 0 10px 5px var(--primary-shade)}.message.from,.message.to{display:flex;flex-direction:row;align-items:start;min-width:0}.message.from .avatar,.message.to .avatar{flex-shrink:0}.message.from .avatar{margin-left:.5em;animation:messageFromAvatarSlide .15s ease-in-out}.message.from .message_list{display:flex;flex-direction:column;align-items:flex-end}.message.from .message_list .msg{width:100%}.message.to .avatar{margin-right:.5em;animation:messageToAvatarSlide .15s ease-in-out}.message .message_list{padding-bottom:.25em;width:100%}.message .message_list .msg{animation:messageSlide .25s ease-in-out}.message .message_list .message-name{font-weight:700;font-size:.85em;margin-bottom:.5em;color:var(--chat-from-text);display:flex;flex-direction:row;justify-content:space-between}.message .message_list .message-name .points{font-size:.75em;font-weight:400;color:var(--white)}.message .message_list .message-text{margin-bottom:.5em;background:var(--chat-from-bg);color:var(--white);box-shadow:0 2px 3px var(--black-shadow);border-radius:6px;padding:.75em;font-family:"Segoe UI Emoji","system-ui","sans-serif"}.message .message_list .time{display:inline-block;position:relative;top:5px;float:right;clear:both;font-size:.75em}.message .message_list .message-image{margin-bottom:.5em;background:var(--chat-from-bg);color:var(--white);padding:.75em;border-radius:6px;box-shadow:0 2px 3px var(--black)}.message .message_list .message-image img{border-radius:3px}.message .message_list .message-audio,.message .message_list .message-video{margin-bottom:.5em;background:var(--chat-from-bg);color:var(--white);padding:.75em;border-radius:6px;box-shadow:0 2px 3px var(--black)}.message .message_list .message-video img{border-radius:3px}.message.to .message_list .message-text,.message.to .message_list .message-image,.message.to .message_list .message-audio,.message.to .message_list .message-video{background:var(--chat-to-bg)}.message.to .message_list .message-text .message-name,.message.to .message_list .message-image .message-name,.message.to .message_list .message-audio .message-name,.message.to .message_list .message-video .message-name{color:var(--chat-to-text)}.typing-gif .typing-gif-content{display:flex;flex-direction:row;align-items:center}.typing-gif .typing-gif-content .loading-box{display:flex;flex-direction:row;padding-right:.5em}.typing-gif .typing-gif-content .loading-box .circle{width:10px;height:10px;background:var(--typing-text-color);border-radius:50px;margin-right:.5em;animation:.75s infinite alternate GrowLoadingBoxCircle ease-in-out}.typing-gif .typing-gif-content .loading-box .circle-2{animation-delay:1s}.typing-gif .typing-gif-content .loading-box .circle-3{animation-delay:70ms}.zoomed-image{position:fixed;z-index:9999;top:0;left:0;background:var(--black);width:100%;height:100%;display:flex;flex-direction:column}.zoomed-image .image_container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoomed-image .image_container.img_only{background-size:contain;background-repeat:no-repeat;background-position:center}.zoomed-image .nav_bar{color:var(--white);display:flex;flex-direction:row;align-items:center;padding:1em}.zoomed-image .nav_bar img{width:1em;margin-right:1em}.zoomed-image img{max-width:100%;max-height:100%;width:100%;margin:auto;display:block}.drawer-container{position:fixed;top:0;right:0;width:100%;height:100%;z-index:9999;transform:translate(100%);background:transparent;transition:transform 0s linear .2s,background .2s ease-in-out}.drawer-container .drawer{background:var(--white);width:80%;position:absolute;height:100%;right:0;display:flex;flex-direction:column;flex-wrap:nowrap;transition:transform .2s ease-in-out;transform:translate(100%);max-width:320px}.drawer-container.left{left:0;transform:translate(-100%);right:auto}.drawer-container.left .drawer{left:0;right:auto;transform:translate(-100%)}.drawer-container.left .drawer .drawer-body{background:var(--sidebar-background-color)}.drawer-container.left .drawer .drawer-body ul li{color:var(--sidebar-text-color)}.drawer-container.active{background:#000000e6;transition:background .2s ease-in-out;transform:translate(0)}.drawer-container.active .drawer{transform:translate(0)}.drawer-container .drawer-header{background-color:var(--primary-color);display:flex;flex-direction:row;align-items:center;padding:1em;color:var(--white);min-height:4.75em}.drawer-container .drawer-header .title{color:var(--drawer-title);font-weight:700;font-size:2em}.drawer-container .drawer-header .icon{margin-right:1em}.drawer-container .drawer-header .icon img{width:1.5em}.drawer-container .drawer-body{height:100%;overflow-y:auto}.drawer-container .drawer-footer{width:100%;background-color:var(--primary-color);padding:1em;color:var(--white)}.notification{display:flex;flex-direction:row;align-items:center;padding:1em;position:fixed;background:var(--black);color:var(--white);width:100%;min-height:4.75em;z-index:9999;cursor:pointer}.notification img{width:3em;height:3em;object-fit:cover;border-radius:50%;margin-right:1em}.notification .text .user{font-size:.8em;font-weight:700;display:block}.message-indicator{position:relative;cursor:pointer}.message-indicator .indicator{background:orange;width:1.5em;height:1.5em;border-radius:100%;position:absolute;right:0;top:0;border:2px solid var(--primary-color);animation:messageIndicator 2s ease-in-out infinite;animation-delay:2s}.message-indicator .indicator img{width:100%}.message-indicator .indicator.no-animate{animation:none;background:transparent;border-radius:0;border:none}.contacts_body{height:100%}.contacts_body ul{list-style:none;margin:0;padding:0;color:var(--black)}.contacts_body ul li{cursor:pointer;list-style:none;padding:1em;border-bottom:1px solid var(--contacts-border-bottom);border-top:1px solid var(--white);background:#ffffff40}.contacts_body ul li .game-title-holder .title,.contacts_body ul li .game-title-holder .subtitle{color:var(--black)}.contacts_body ul li .game-title-holder .title{font-size:1em;display:flex;flex-direction:row;justify-content:space-between;align-content:space-between;width:100%}.contacts_body ul li .game-title-holder .title .points{font-size:.75em;font-weight:700;color:var(--black)}.contacts_body ul li .game-title-holder .subtitle{font-size:.75em}.contacts_body ul li .game-title-holder .text{align-items:center;align-content:center;width:100%}.contacts_body .indicator{background:var(--blinker-color);border-color:var(--white)}.drawer_page{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:var(--primary-color);display:flex;flex-direction:column}.drawer_page .drawer_header{padding:1em;border-bottom:1px solid var(--white);color:var(--white);display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--drawer-header-border-line);box-shadow:0 0 4px -1px var(--black) b8}.drawer_page .drawer_header .back-btn{width:1.5em;margin-right:1em;cursor:pointer}.drawer_page .drawer_header .back-btn img{width:100%}.drawer_page .drawer_header .drawer_title{cursor:pointer}.drawer_page .drawer_header .drawer_title .title{color:var(--drawer-title);font-weight:700;font-size:2em}.drawer_page .drawer_body{height:100%;overflow-y:auto}.gallery_drawer{padding:2em;color:var(--white)}.gallery_drawer .gallery_row{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.gallery_drawer .gallery_row .gallery_col{width:50%;padding:.5em;display:flex;align-items:center;justify-items:center;justify-content:center}.gallery_drawer .gallery_row .gallery_col .inner{position:relative;border:2px solid var(--white);padding:.5em;display:flex;justify-items:center;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;height:100%;min-height:8em;overflow:hidden}.gallery_drawer .gallery_row .gallery_col .inner .gallery_img,.gallery_drawer .gallery_row .gallery_col .inner video,.gallery_drawer .gallery_row .gallery_col .inner audio{width:100%;cursor:pointer}.gallery_drawer .gallery_row .gallery_col .inner .lock-img{width:2em}.gallery_drawer .gallery_row .gallery_col .inner .substring{width:100%;margin-top:1em;font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery_drawer .gallery_row .gallery_col .inner.locked{background:var(--locked)}.gallery_drawer .gallery_row .gallery_col .inner .play_icon{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-items:center;justify-content:center}.gallery_drawer .gallery_row .gallery_col .inner .play_icon img{max-width:50%}@media screen and (min-width: 700px){.gallery_drawer .gallery_row .gallery_col .inner{height:15em}}.chapter_drawer{padding:1em}.chapter_drawer .chapter{position:relative;border:2px solid var(--white);margin-bottom:1em;padding:1em;text-align:center;color:var(--white)}.chapter_drawer .chapter .replay{background:var(--black);padding:1em;margin:1em -1em -1em;cursor:pointer}.chapter_drawer .chapter .title{font-weight:700;font-size:1.5em}.chapter_drawer .chapter .subtitle{margin:.5em 0}.chapter_drawer .chapter .lock{width:1em;position:absolute;top:1em;right:1em}.chapter_drawer .chapter .lock img{width:100%}.setting_drawer{color:var(--white)}.setting_drawer .option{display:flex;flex-direction:row;padding:1.5em 1em}.setting_drawer .option .icon{width:2em;margin-right:1em;height:2em}.setting_drawer .option .icon img{max-width:100%;max-height:100%}.setting_drawer .option .opts .title{font-weight:700;font-size:1.25em;margin-bottom:.75em;padding-top:.15em}.setting_drawer .option .opts .choice{padding:.5em 0;cursor:pointer}.setting_drawer .option .opts .choice.title{padding:.15em 0 0}.setting_drawer .option .opts .choice:not(.title){color:var(--option-title)}.setting_drawer .option .opts .choice:not(.title).selected{color:var(--white)}.setting_drawer .option .opts .choice .tick{display:inline-block;margin-left:.5em}.setting_drawer .option .opts .choice .tick img{width:.75em}.credits_drawer{text-align:center}.credits_drawer .logo-icon{display:block;margin:0 auto}.credits_drawer .content{margin:1em 0}.credits_drawer .section{font-size:1.2em;font-weight:700;border-top:1px solid var(--white);border-bottom:1px solid var(--white);padding:.5em 0;margin-bottom:1em}.credits_drawer ul,.credits_drawer li{list-style:none;padding:0;margin:0}.credits_drawer li{margin-bottom:1em}.setup_screen{position:fixed;top:0;left:0;width:100%;height:100%;color:var(--white);background:var(--primary-color);padding:1em;display:flex;flex-direction:column}.setup_screen .page{animation:messageSlide .15s ease-in-out;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;display:none;text-align:center}.setup_screen .page.show{display:flex}.setup_screen .page .size-container .logo-icon{display:block;margin:0 auto 1em}.setup_screen .page .size-container input[type=text],.setup_screen .page .size-container .growing-button{margin-top:1em}.setup_screen .page.continue .title{font-size:3em}.setup_screen .page.continue .subtitle{margin-top:1em;margin-bottom:2em}.setup_screen .icon{cursor:pointer}.setup_screen .icon.setting{width:2em}.drawer-menu .drawer-header{color:var(--drawer-title)}.drawer-menu .drawer-header .header{font-size:2em}.drawer-menu .drawer-body{background:var(--primary-color)}.drawer-menu .drawer-body ul,.drawer-menu .drawer-body li{list-style:none;margin:0;padding:0}.drawer-menu .drawer-body li{cursor:pointer;color:var(--white);display:flex;flex-direction:row;padding:1em;font-size:1em;text-align:center}.drawer-menu .drawer-body li img{width:2em;margin-right:1em}.drawer-menu .drawer-body li .sponsers>a{display:block;width:100%;margin-bottom:1em;align-items:center}.drawer-menu .drawer-body li .sponsers>a img{width:100%;max-width:10em}.logo-icon{max-width:10em}.growing-button{background:var(--white);color:var(--black);border-radius:6px;width:100%;padding:.5em;position:relative;cursor:pointer;font-family:"Segoe UI Emoji","system-ui","sans-serif";display:flex;flex-direction:row;align-items:center;justify-content:center;justify-items:center;align-content:center}.growing-button .background{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:0;overflow-x:hidden;transition-timing-function:linear}.growing-button .background .inner-text{padding:.5em;background:var(--orange);border-radius:6px;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;justify-items:center;align-content:center}.growing-button .text{margin:0 auto}.growing-button.active .background{width:100%}.growing-button.disabled{cursor:not-allowed;background:var(--button-disabled);color:var(--disabled-strong)}.growing-button.disabled .points .point .message-indicator{opacity:.75}.growing-button.disabled .points .point .sign{color:var(--disabled-strong)}.install-sidebar-button{width:100%;background:var(--white);color:var(--primary-color);padding:.75em;display:block;text-decoration:none;text-align:center;border-radius:6px}ul.flex_ul{height:100%;display:flex;flex-direction:column}.setting-profile-image{border-radius:50%;width:10em;height:10em;border:5px solid var(--white);object-fit:cover;object-position:center;margin:2em 0 1em}.btn{display:block;background:var(--white);padding:.75em 1em;margin-top:1em;text-align:center;text-decoration:none;border-radius:6px;font-size:.85em}.flex-center{display:flex;align-items:center;flex-direction:column}.flex-center .btn{width:100%}.game_version{margin-bottom:1em}.toast{bottom:0;width:100%;position:absolute;overflow:hidden;left:0;text-align:center;padding-bottom:1em}.toast .toast-inner{position:relative;animation:messageSlide .15s ease-in-out;color:var(--plain-background);background:var(--black);padding:.5em 1.5em;display:inline-block;border-radius:6px}.save-slot{background:var(--save-slot-background);color:var(--plain-background);margin-bottom:1em;padding:1em 1.25em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:4px}.save-slot.auto-save{margin-bottom:3em}.save-slot.clickable{cursor:pointer}.save-slot .slot-title{display:flex;font-weight:700;font-size:1.1em;color:var(--save-slot-text)}.save-slot .slot-title .slot-chapter{margin-right:.5em;color:var(--plain-background)}.save-slot .slot-date{font-size:.75em}.save-slot img{width:2em;height:2em;object-fit:cover;margin-left:1em;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.save-slot img.small_icon{width:1.5em;height:1.5em;margin-left:.5em}.save-slot .save-icon{cursor:pointer}@media screen and (max-width: 600px){.save-slot{flex-direction:column}.save-slot .action-items{margin-top:1em}}.slot-auto-controls{margin-top:2em;display:flex;flex-direction:row;justify-content:flex-end;width:100%}.slot-auto-controls>div{background:var(--save-slot-background);color:var(--plain-background);padding:1em 1.25em;cursor:pointer;border-radius:4px}.slot-auto-controls>div img{width:2em;height:2em;object-fit:cover;margin-left:1em}.point-indicator{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f5;display:flex;justify-items:center;align-items:center;justify-content:center}.point-indicator .user img{width:10em;height:10em;object-fit:cover;border-radius:50%}.point-indicator .user .points{color:var(--plain-background);text-align:center;margin-top:.25em}.point-indicator .user .points .inner{background:var(--orange);padding:.25em .5em;border-radius:2px;display:inline-block}.point-indicator .user .points.increase .inner{background:var(--green)}.point-indicator .user .points.animate .inner{animation:messageIndicator .25s linear infinite}.diary-section{margin-bottom:2em}.diary-section .diary-section-title{font-size:1.5em;margin-bottom:.75em;color:var(--plain-background)}.diary-section .diary-entry{background:var(--plain-background);padding:.5em;display:flex;flex-direction:row;border-radius:6px;margin-bottom:.5em}.diary-section .diary-entry .diary-text{margin-top:.3em}.diary-section .diary-entry .diary-avatar{margin-right:.25em}.diary-section .diary-entry .diary-avatar .avatar{box-shadow:none;cursor:default}.user-drawer-container{background:#000000e6;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-items:center;justify-content:center}.user-drawer-container .user-drawer{background:var(--white);max-width:400px;width:90%;border-radius:6px;text-align:center}.user-drawer-container .user-drawer .user-drawer-image{text-align:center}.user-drawer-container .user-drawer .user-drawer-image .avatar{display:inline-block;width:6em;height:6em;margin-top:-3em}.user-drawer-container .user-drawer .user-drawer-overview{padding:0 .5em}.user-drawer-container .user-drawer .user-drawer-overview .inner{margin-bottom:1em;border-bottom:3px solid var(--primary-color);padding-bottom:1em}.user-drawer-container .user-drawer .user-drawer-overview .ud-title{font-size:2em;color:var(--primary-color)}.user-drawer-container .user-drawer .user-drawer-overview .ud-subtitle{font-size:.75em;color:var(--primary-shade)}.user-drawer-container .user-drawer .user-drawer-overview .ud-overview{margin-top:1em}.user-drawer-container .user-drawer .user-drawer-overview .ud-points{color:var(--primary-color);margin-top:1em}.user-drawer-container .user-drawer .user-drawer-assets{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 .75em;max-height:50vh;overflow-y:auto}.user-drawer-container .user-drawer .user-drawer-assets .tile{width:33.33%;padding:.25em;cursor:pointer}.user-drawer-container .user-drawer .user-drawer-assets img.gallery_img{width:100%;height:6em;object-fit:cover}.user-drawer-container .user-drawer .user-drawer-assets .audio{background:#000;width:100%;height:6em;position:relative}.user-drawer-container .user-drawer .user-drawer-assets .audio>div{width:100%;height:100%}.user-drawer-container .user-drawer .user-drawer-assets .audio .play_icon{position:absolute;top:1.5em;width:100%}.user-drawer-container .user-drawer .user-drawer-assets .audio .play_icon img{width:3em;height:3em}.user-drawer-container .user-drawer .user-drawer-assets video{width:100%;height:6em;object-fit:cover}.user-drawer-container .user-drawer .user-drawer-assets .zoomed-image video{height:auto}.user-drawer-container .user-drawer .user-drawer-assets .zoomed-image .nav_bar>div{margin-right:-2em}.pause-button{width:24px;cursor:pointer;margin-left:.5em}.gallery_asset_counts{padding:.5em;font-weight:700;width:100%}.gallery_asset_counts>div{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5em}