.ysp-popup{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:9999}.ysp-popup.active{display:flex;flex-direction:column;gap:10px}.ysp-popup-inner{position:relative;width:90%;max-width:800px;background:#000;border-radius:8px;overflow:hidden}.ysp-video-wrapper{position:relative;padding-top:56.25%}.ysp-video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}.ysp-close{position:absolute;top:8px;right:8px;background:var(--color-accent);border:none;color:#fff;cursor:pointer;z-index:10;padding:0;height:38px;width:38px}.youtube-solution{box-sizing:border-box;display:inline-flex;align-items:center;background-color:#6E8CFB40;color:#fff;padding:10px;border-radius:50px;cursor:pointer;overflow:hidden;height:38px;width:38px;gap:0;transition:width 0.6s cubic-bezier(.16,1,.3,1),gap 0.6s cubic-bezier(.16,1,.3,1),padding 0.6s cubic-bezier(.16,1,.3,1),background-color 0.4s ease;position:absolute;right:5px;top:5px}.youtube-solution:hover{width:140px;padding:10px 20px;gap:10px}.label{font-size:10px;font-weight:500;white-space:nowrap;opacity:0;transform:translateX(-10px);color:#000;transition:opacity 0.3s ease,transform 0.3s ease,max-width 0.4s ease;pointer-events:none;max-width:0}.youtube-solution:hover .label{opacity:1;transform:translateX(0);max-width:150px;transition:opacity 0.4s ease 0.2s,transform 0.4s ease 0.2s,max-width 0.4s ease}.icon{flex-shrink:0;transition:transform 0.6s cubic-bezier(.16,1,.3,1)}.youtube-solution:hover .icon{transform:scale(1.1)}