.bg-top-gradient{background:#575757;background:linear-gradient(180deg,#000,transparent)}.bg-bottom-gradient{background:#575757;background:linear-gradient(1turn,#000,hsla(0,0%,100%,0))}.more-btn{position:fixed;bottom:0;right:0;z-index:3;width:100%}.chat-btn-badge span.v-badge__badge{opacity:0;transform:scale(0)}.chat-btn-badge.active-badge .v-badge__wrapper span.v-badge__badge{opacity:1;transform:scale(1)}#chat-preview{position:absolute;bottom:170px;transition:all .2s;width:100%}#chat-preview.bottom-none,#chat-preview.bottom-regular,#chat-preview.bottom-regular.bottom-none{bottom:60px}#posts-container{max-width:calc(100% - 16px);z-index:2;overflow:auto;transition:all .2s}#posts-container.bottom-none{bottom:5px}#posts-container::-webkit-scrollbar{width:3px!important;height:5px!important}#posts-container::-webkit-scrollbar-track{background-color:hsla(0,0%,63.9%,.514);padding:10px}#posts-container::-webkit-scrollbar-thumb{background-color:#a1a1a1;border-radius:10px;padding:10px;-webkit-transition:all .2s;transition:all .2s}#posts-container::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.customer{margin:30% 10px 0}.customer-backdrop{position:absolute;background:rgba(0,0,0,.4);bottom:0;height:94%;z-index:9}.left-button-float-camera{bottom:15px}.left-button-float-camera,.left-button-float-p-screen{z-index:1000000000000000000;padding:0;position:absolute;left:18px}.left-button-float-p-screen{bottom:65px}#actions-container{z-index:10;background:#fff;max-width:500px;margin:0 auto}#actions-container.top-borders{border-radius:20px!important}#chat-mode,#videos{position:relative;width:100%;height:100%;z-index:1}#chat-mode{height:calc(100% - 46px)}#videos #subscriber-info{position:absolute;left:0;top:0;z-index:3;color:#fff}#videos #subscriber .subscriber-cont{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}#videos #publisher{position:absolute;width:80px;height:100px;bottom:0;right:10px;z-index:3;border:0 solid #fff;opacity:0;transition:all .3s}#videos #publisher.show{bottom:10px;opacity:1}#videos #publisher.bottom-right{right:10px}#videos #publisher.bottom-left{left:10px}#videos #publisher-screen .OT_widget-container,#videos #publisher .OT_widget-container,#videos #publisher video{border-radius:5px}#videos #publisher-screen{position:absolute;width:150px;height:100px;bottom:10px;right:100px;z-index:3;border:0 solid #fff}#videos #publisher-screen #screen-preview{border-radius:5px;width:100%!important;height:100%!important}#videos #publisher-screen video{border-radius:5px;-o-object-fit:contain!important;object-fit:contain!important;width:100%;height:100%}#videos #options{position:absolute;bottom:10px;left:10px;z-index:100}#videos .video-overlay-opacity{width:100%;height:100%;visibility:hidden;position:absolute;bottom:0;z-index:2;background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0) 72%,hsla(0,0%,100%,0) 73%,hsla(0,0%,100%,0) 74%,#fff 99%)}#videos .video-overlay-opacity.show{visibility:visible}#ocular-chat-container,#ocular-recommendation-container{transition:all .2s;visibility:hidden;display:none;height:0!important}#ocular-chat-container.show,#ocular-recommendation-container.show{visibility:visible;height:400px!important;display:unset;max-height:calc(100% - 52px)!important}.hidden{visibility:hidden!important;opacity:0;height:0!important;transition:all .5s}#videos #subscriber .subscriber-cont#p-screen{text-align:center!important}#videos #subscriber .subscriber-cont video{width:100%!important;height:100%!important}#videos #subscriber .subscriber-cont#camera.video-contain video,#videos #subscriber .subscriber-cont#p-screen video{-o-object-fit:contain;object-fit:contain}