.xl-vbtn{position:absolute;right:8px;bottom:8px;z-index:5;width:40px;height:40px;border-radius:50%;background:#fff;color:#1d2433;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s;line-height:1;-webkit-tap-highlight-color:transparent}
.xl-vbtn svg{width:16px;height:16px;margin-left:2px;fill:currentColor;display:block}
.xl-vbtn:hover,.xl-vbtn:focus-visible{background:var(--xl-orange-500,#E86622);color:#fff;transform:scale(1.06);outline:none}
.xl-vbtn__tip{position:absolute;right:0;bottom:calc(100% + 8px);white-space:nowrap;background:#1d2433;color:#fff;font-size:12px;font-style:normal;font-weight:500;line-height:1.2;padding:6px 10px;border-radius:6px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s}
.xl-vbtn:hover .xl-vbtn__tip,.xl-vbtn:focus-visible .xl-vbtn__tip{opacity:1;transform:none}
.xl-vbtn.is-watched::after{content:"";position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#2fa84f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.5 2.5L10 3.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/10px no-repeat}
.xl-rprod__img .xl-vbtn{width:30px;height:30px;right:4px;bottom:4px}.xl-rprod__img .xl-vbtn svg{width:12px;height:12px}.xl-rprod__img .xl-vbtn__tip{display:none}
@media (hover:none){.xl-vbtn__tip{display:none}}
html.xl-vmodal-lock{overflow:hidden}
.xl-vmodal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;background:rgba(10,14,24,.75);display:none;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.xl-vmodal.is-open{display:flex}
.xl-vmodal__box{background:#000;border-radius:12px;width:100%;max-width:960px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.xl-vmodal__head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff}
.xl-vmodal__title{flex:1;min-width:0;font-weight:600;font-size:16px;color:#1d2433;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xl-vmodal__close{flex:none;border:0;background:#f1f3f6;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:36px;padding:0;cursor:pointer;color:#1d2433}
.xl-vmodal__close:hover,.xl-vmodal__close:focus-visible{background:var(--xl-orange-500,#E86622);color:#fff;outline:none}
.xl-vmodal__body{position:relative;padding-top:56.25%;background:#000}
.xl-vmodal__body iframe,.xl-vmodal__body video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:#000}
@media (max-width:600px){.xl-vmodal{padding:0}.xl-vmodal__box{border-radius:0}}