.arda-video-wrap{display:inline-flex;align-items:center}.arda-video-btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font:inherit;font-weight:600;line-height:1;white-space:nowrap;padding:12px 22px;border-radius:999px;color:#2f7d32;background:#fff0;border:2px solid #2f7d32;transition:background .15s ease,color .15s ease,transform .15s ease}.arda-video-btn:hover{background:#2f7d32;color:#fff;transform:translateY(-1px)}.arda-video-btn:hover .arda-video-ico{border-left-color:#fff}.arda-video-btn--inline{margin:6px 0}.arda-video-ico{width:0;height:0;flex:none;border-style:solid;border-width:6px 0 6px 10px;border-color:#fff0 #fff0 #fff0 #2f7d32;margin-left:1px}.arda-video-modal[hidden]{display:none}.arda-video-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px}.arda-video-overlay{position:absolute;inset:0;background:rgb(11 20 33 / .82);backdrop-filter:blur(2px)}.arda-video-dialog{position:relative;width:min(1000px, 100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:12px}.arda-video-title{color:#fff;margin:0;font-size:20px;font-weight:700;text-align:left}.arda-video-frame{position:relative;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px rgb(0 0 0 / .5);aspect-ratio:16 / 9}.arda-video-el{position:absolute;inset:0;width:100%;height:100%;display:block}.arda-video-close{position:absolute;top:-16px;right:-16px;z-index:2;width:40px;height:40px;min-width:0;padding:0;box-sizing:border-box;border:0;border-radius:50%;cursor:pointer;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;background:#fff;color:#16283f;font-size:22px;line-height:1;box-shadow:0 6px 18px rgb(0 0 0 / .35);transition:background .15s ease,transform .15s ease}.arda-video-close:hover{background:#f0f0f0;transform:scale(1.06)}.arda-video-spinner{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:3px solid rgb(255 255 255 / .25);border-top-color:#fff;border-radius:50%;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:1;animation:arda-spin .9s linear infinite}.arda-video-frame.is-loading .arda-video-spinner{opacity:1;visibility:visible}@keyframes arda-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.arda-video-spinner{animation-duration:2.4s}}html.arda-video-open{overflow:hidden}@media (max-width:782px){.arda-video-btn{padding:10px 16px;font-size:14px}.arda-video-close{top:-50px;right:0}}