.sticky-vdo-wrapper{position:fixed;bottom:20px;right:35px;z-index:99999999;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.35);background:#000;transition:width .3s ease,height .3s ease,opacity .3s ease,transform .3s ease;border:4px solid #fff;}.sticky-vdo-wrapper.is-dragging{cursor:grabbing;transition:none;user-select:none;}.sticky-vdo-wrapper.is-dragging .vdo-iframe-box{pointer-events:none;}.sticky-vdo-wrapper.vertical{width:189px;height:336px;}.sticky-vdo-wrapper.horizontal{width:320px;height:180px;}.sticky-vdo-wrapper.is-hidden{opacity:0;pointer-events:none;transform:translateY(20px);}.sticky-vdo-wrapper.is-playing .vdo-thumbnail{display:none;}.sticky-vdo-wrapper.is-playing .vdo-iframe-box{display:block;}.sticky-vdo-wrapper.is-playing .sticky-vdo-nav button{opacity:0;visibility:hidden;}.sticky-vdo-wrapper.is-playing:hover .sticky-vdo-nav button{opacity:1;visibility:visible;}.sticky-vdo-wrapper .btn-close-sticky{position:absolute;top:-18px;right:-16px;z-index:20;width:30px;height:30px;border-radius:50%;border:0;background:#fff;color:#000;font-size:30px;line-height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s;}.sticky-vdo-wrapper .btn-close-sticky img{width:14px;display:block;}.sticky-vdo-wrapper .drag-handle{position:absolute;top:0;left:0;right:0;height:32px;z-index:18;cursor:grab;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 100%);border-radius:12px 12px 0 0;}.sticky-vdo-wrapper .drag-handle:active{cursor:grabbing;}.sticky-vdo-wrapper .drag-handle .drag-indicator{width:32px;height:4px;background:rgba(255,255,255,.6);border-radius:2px;margin-top:6px;}.sticky-vdo-wrapper .vdo-content{width:100%;height:100%;position:relative;border-radius:12px;overflow:hidden;}.sticky-vdo-wrapper .vdo-thumbnail{width:100%;height:100%;position:relative;cursor:pointer;z-index:2;}.sticky-vdo-wrapper .vdo-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;}.sticky-vdo-wrapper .btn-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:52px;height:52px;border:0;background:transparent;cursor:pointer;padding:0;transition:transform .2s,opacity .2s;}.sticky-vdo-wrapper .btn-play-overlay img{width:100%;height:100%;}.sticky-vdo-wrapper .btn-play-overlay:hover{transform:translate(-50%,-50%) scale(1.1);opacity:.9;}.sticky-vdo-wrapper .vdo-iframe-box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:none;}.sticky-vdo-wrapper .vdo-iframe-box iframe{width:100%;height:100%;border:0;}.sticky-vdo-nav{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 6px;z-index:15;pointer-events:none;}.sticky-vdo-nav button{pointer-events:all;width:25px;height:25px;border-radius:50%;border:0;background:rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:background .2s,opacity .3s,visibility .3s;box-shadow:0 2px 6px rgba(0,0,0,.25);}.sticky-vdo-nav button img{width:100%;height:100%;display:block;filter:brightness(0);}.sticky-vdo-nav button:hover{background:#fff;}.sticky-vdo-counter{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:15;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:500;padding:2px 10px;border-radius:10px;pointer-events:none;}@media(max-width:767px){.sticky-vdo-wrapper{bottom:10px;right:10px;}.sticky-vdo-wrapper.vertical{width:140px;height:249px;}.sticky-vdo-wrapper.horizontal{width:240px;height:135px;}.sticky-vdo-wrapper .btn-close-sticky{width:24px;height:24px;top:-14px;right:-10px;}.sticky-vdo-wrapper .btn-close-sticky img{width:12px;}.sticky-vdo-wrapper .btn-play-overlay{width:36px;height:36px;}.sticky-vdo-nav button{width:24px;height:24px;font-size:11px;}.sticky-vdo-counter{font-size:10px;bottom:8px;padding:1px 8px;}}