html.mini-vsl-page-locked,body.mini-vsl-page-locked{overflow:hidden;overscroll-behavior:none}
body[data-stage=offer] #header[hidden],body[data-stage=offer] #footer[hidden],.mini-vsl-remainder[hidden],.mini-vsl-stage [hidden]{display:none!important}
#main.mini-vsl-offer{margin:0;padding:0;max-width:none;min-height:0}
.mini-vsl-stage{box-sizing:border-box;height:100vh;height:100svh;height:100dvh;max-width:720px;margin:0 auto;padding:12px 20px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff}
.mini-vsl-brand{height:55px;flex:0 0 55px;display:flex;align-items:center;justify-content:center}
.mini-vsl-brand .brand{width:76px;height:55px;min-height:55px;margin:0}
.mini-vsl-brand .brand-image{position:absolute;left:-11px;top:-24px;display:block;max-width:none;width:98px;height:98px;object-fit:contain}
.mini-vsl-stage>h1{margin:0;text-align:center;font:800 clamp(21px,3vw,28px)/1.15 var(--sans);letter-spacing:-.6px;color:#111;flex-shrink:0}
.mini-vsl-stage>h1>span{color:#15803d}
.mini-vsl-media{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;width:100%;padding:10px 0}
.mini-vsl-player{position:relative;height:100%;aspect-ratio:720/1320;max-width:100%;flex-shrink:1;border:0;border-radius:21px;overflow:visible;box-shadow:0 0 20px 6px #22c55e4d,0 0 42px 12px #22c55e29;background:transparent;isolation:isolate}
.mini-vsl-player::after{content:"";position:absolute;inset:0;border:2.5px solid #4bc56c;border-radius:inherit;pointer-events:none;z-index:5}
.mini-vsl-screen{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:transparent}
.mini-vsl-screen>video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.mini-vsl-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:#1111;z-index:1}
.mini-vsl-loading>span:first-child{width:36px;height:36px;border:3px solid #ffffff50;border-top-color:#4ade80;border-radius:50%;animation:mini-vsl-spin .8s linear infinite}
.mini-vsl-controls{position:absolute;bottom:14px;left:9px;right:9px;display:flex;align-items:center;z-index:2;opacity:0;transform:translateY(22px);visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s .3s}
.mini-vsl-player.controls-visible .mini-vsl-controls{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
.mini-vsl-controls::before{content:"";position:absolute;z-index:-1;left:-9px;right:-9px;bottom:-14px;height:106px;background:linear-gradient(transparent,#0009);pointer-events:none}
.mini-vsl-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}
.mini-vsl-controls button:hover{background:#ffffff18}
.mini-vsl-controls svg{width:23px;height:23px;filter:drop-shadow(0 1px 2px #0005)}
.mini-vsl-controls [data-vsl-play] svg{fill:currentColor;stroke-width:2.3}
.mini-vsl-controls-space{flex:1}
.mini-vsl-speeds{position:absolute;bottom:66px;right:12px;z-index:4;width:144px;padding:6px;border:1px solid #ffffff30;border-radius:12px;background:#202923f5;color:white;box-shadow:0 5px 20px #0003}
.mini-vsl-speeds>span{display:block;padding:8px 10px 4px;font:500 11px/1.4 var(--sans);color:#cbd5ce}
.mini-vsl-speeds button{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:500 14px/1 var(--sans);cursor:pointer}
.mini-vsl-speeds button:hover,.mini-vsl-speeds button[aria-pressed=true]{background:#ffffff12}
.mini-vsl-speeds svg{width:18px;height:18px;visibility:hidden;color:#86efac}
.mini-vsl-speeds button[aria-pressed=true] svg{visibility:visible}
.mini-vsl-progress{position:absolute;bottom:8px;left:14px;right:14px;height:4px;border-radius:4px;overflow:hidden;background:#ffffff70;pointer-events:none;user-select:none;z-index:3}
.mini-vsl-played{position:absolute;left:0;top:0;height:100%;width:0;background:#75e88b;border-radius:inherit}
.mini-vsl-player:fullscreen{width:100%;height:100%;aspect-ratio:auto;max-width:none;border-radius:0;box-shadow:none;background:#101410}
.mini-vsl-player:fullscreen::after{display:none}
.mini-vsl-player:fullscreen .mini-vsl-screen{border-radius:0}
.mini-vsl-player:fullscreen video{object-fit:contain}
.mini-vsl-player:fullscreen .mini-vsl-controls{left:12px;right:12px;bottom:20px}
.mini-vsl-player:fullscreen .mini-vsl-progress{left:22px;right:22px;bottom:12px}
.mini-vsl-player:fullscreen .mini-vsl-speeds{bottom:76px;right:20px}
.mini-vsl-feedback{flex:0 0 auto;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:8px}
.mini-vsl-status{margin:0;width:100%;text-align:center;color:#777;font:400 11px/1.4 var(--sans)}
.mini-vsl-start{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:4px 8px;border:0;background:transparent;color:#333;font:500 12px/1.4 var(--sans)}
.mini-vsl-start svg{width:15px;height:15px;flex-shrink:0}
.mini-vsl-released{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;padding:0 8px;background:transparent;color:#15803d;font:500 12px/1.4 var(--sans)}
.mini-vsl-arrows{width:22px;height:25px;display:block;animation:mini-vsl-down 1.7s ease-in-out infinite}
.mini-vsl-arrows svg{display:block;width:100%;height:100%}
.mini-vsl-stage button:focus-visible{outline:2px solid #15803d;outline-offset:3px}
.mini-vsl-player:focus-visible{outline:2px solid #15803d;outline-offset:5px}
.mini-vsl-controls button:focus-visible,.mini-vsl-speeds button:focus-visible{outline-color:#86efac;outline-offset:-3px}
.mini-vsl-remainder{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}
.mini-vsl-remainder.is-revealing{opacity:0;transform:translateY(12px)}
@keyframes mini-vsl-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@keyframes mini-vsl-spin{to{transform:rotate(360deg)}}
@media(max-height:660px){.mini-vsl-stage{padding-top:6px;gap:5px}.mini-vsl-brand{height:42px;flex-basis:42px}.mini-vsl-brand .brand{width:60px;height:42px;min-height:42px}.mini-vsl-brand .brand-image{left:-9px;top:-19px;width:78px;height:78px}.mini-vsl-stage>h1{font-size:20px}.mini-vsl-media{padding:4px 0}}
@media(orientation:landscape) and (max-height:500px){.mini-vsl-stage{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);grid-template-rows:auto auto 1fr;max-width:760px;gap:8px 14px;padding:12px 18px}.mini-vsl-brand{grid-column:1}.mini-vsl-stage>h1{grid-column:1;font-size:21px}.mini-vsl-feedback{grid-column:1;align-self:end}.mini-vsl-media{grid-column:2;grid-row:1/4;height:100%;padding:2px 0}.mini-vsl-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mini-vsl-arrows,.mini-vsl-loading>span:first-child{animation:none}.mini-vsl-remainder,.mini-vsl-controls{transition:none}}
