.pip-header-wrap{display:flex;align-items:center;gap:2px}.pip-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:2px;background:rgba(0,0,0,0);border:none;border-radius:50%;cursor:pointer;transition:transform .15s ease}.pip-trigger:hover{transform:scale(1.08)}.pip-trigger-avatar{position:relative;width:40px;height:40px}@media(max-width: 39.999rem){.pip-trigger-avatar{width:38px;height:38px}}.pip-trigger-avatar img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;display:block}.pip-trigger-avatar .pip-trigger-icon{position:absolute;inset:4px;display:flex;align-items:center;justify-content:center}.pip-trigger-avatar .pip-trigger-icon .d-icon{width:18px;height:18px;color:var(--header_primary)}.pip-progress-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.pip-progress-bg{stroke:rgba(var(--secondary-rgb), 0.2)}.pip-progress-fill{stroke:red;transition:stroke-dashoffset .8s linear}.pip-close-trigger{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:50%;cursor:pointer;color:var(--header_primary);opacity:.45;transition:opacity .15s,background .15s,color .15s}.pip-close-trigger:hover{opacity:1;background:rgba(220,50,50,.15);color:var(--danger)}.pip-close-trigger .d-icon{width:10px;height:10px}.vaperina-pip-panel{position:fixed;width:340px;max-width:calc(100vw - 16px);z-index:calc(var(--z-header, 1000) - 1);background:var(--secondary);border:1px solid var(--primary-low);border-radius:var(--d-default-border-radius);box-shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-6px) scale(0.98);transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1),transform .2s cubic-bezier(0.4, 0, 0.2, 1)}.vaperina-pip-panel .pip-panel-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(0.4, 0, 0.2, 1)}.vaperina-pip-panel .pip-panel-body>div{overflow:hidden}.vaperina-pip-panel .pip-panel-body iframe{width:100%;aspect-ratio:16/9;border:none;border-top-left-radius:0;border-top-right-radius:0;display:block;visibility:hidden}.vaperina-pip-panel.pip-panel--open{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.vaperina-pip-panel.pip-panel--open .pip-panel-body{grid-template-rows:1fr}.vaperina-pip-panel.pip-panel--open .pip-panel-body iframe{visibility:visible}.pip-panel-header{background:var(--header_background);color:var(--header_primary);padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--primary-low)}.pip-meta{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.pip-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--tertiary)}.pip-avatar-placeholder{width:30px;height:30px;border-radius:50%;background:var(--primary-low);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-medium)}.pip-user-info{display:flex;flex-direction:column;line-height:1.25;min-width:0}.pip-username{font-size:var(--font-down-2);font-weight:600;color:var(--primary-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pip-video-title{font-size:var(--font-down-1);font-weight:500;color:var(--header_primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pip-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.pip-controls button.pip-btn{background:rgba(0,0,0,0);border:none;color:var(--secondary);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;padding:0;transition:background .15s,color .15s}.pip-controls button.pip-btn:hover,.pip-controls button.pip-btn:focus{background:var(--primary-low)}.pip-controls button.pip-btn:hover .d-icon,.pip-controls button.pip-btn:focus .d-icon{color:var(--tertiary)}.lazy-video-container.youtube-onebox .pip-launch-btn{position:absolute;bottom:12px;left:12px;z-index:3;background:rgba(0,0,0,.75);color:#fff;border:none;border-radius:9999px;padding:8px 14px;font-size:var(--font-down-1);font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:background .2s,transform .2s;pointer-events:all}.lazy-video-container.youtube-onebox .pip-launch-btn:hover{background:var(--tertiary);transform:translateY(-1px)}.lazy-video-container.youtube-onebox .pip-launch-btn svg{width:18px;height:18px}.pip-placeholder{background:var(--secondary);border:2px dashed var(--primary-low);border-radius:8px;padding:20px;color:var(--primary-medium);min-height:180px;display:flex;align-items:center;justify-content:center}.pip-placeholder .pip-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.pip-placeholder .pip-placeholder-inner svg{width:48px;height:48px;opacity:.6}@media(max-width: 39.999rem){.vaperina-pip-panel{width:calc(100vw - 16px);left:8px !important}}
/*# sourceMappingURL=common_theme_1004_04e6e61d090928803ad5a2d6e67429a19011fd9e.css.map?__ws=vaperina.cc */