.svc{display:block;max-width:1140px;margin:auto}.svc *{box-sizing:border-box}.svc [hidden]{display:none!important}.svc__rail{position:relative}.svc__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px}.svc__track::-webkit-scrollbar{display:none}.svc__card{position:relative;flex:0 0 calc((100% - 48px)/4);aspect-ratio:9/16;padding:0;border:0;border-radius:8px;overflow:hidden;background:#182122;color:white;cursor:pointer;scroll-snap-align:start;font:inherit}.svc__card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.svc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;padding-left:4px;border-radius:50%;background:#0006;color:white;font-size:27px;line-height:1}.svc button:focus-visible,.svc__track:focus-visible{outline:3px solid #145789;outline-offset:3px}.svc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:white;color:#152025;box-shadow:0 2px 12px #0003;cursor:pointer}.svc__previous{left:12px}.svc__next{right:12px}.svc svg{width:100%;height:100%}.svc__dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:20px 72px;background:transparent;overflow:hidden;color:white}.svc__dialog::backdrop{background:#28282865;backdrop-filter:blur(8px)}.svc__stage{height:100%;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.svc__stage video{display:block;width:auto;max-width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;background:black;border-radius:5px;pointer-events:auto}.svc__close,.svc__switch button{position:absolute;right:18px;display:grid;place-items:center;border:0;background:#0004;border-radius:4px;color:white;padding:10px;width:44px;height:44px;cursor:pointer}.svc__close{top:14px}.svc__switch{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:18px}.svc__switch button{position:static}.svc__switch svg{transform:rotate(90deg)}.svc__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html:has(.svc__dialog[open]){overflow:hidden}
@media(max-width:900px){.svc__card{flex-basis:calc((100% - 32px)/3)}}@media(max-width:600px){.svc__track{gap:12px}.svc__card{flex-basis:72%}.svc__dialog{padding:56px 48px 16px 10px}.svc__close{right:6px;top:6px}.svc__switch{right:5px;gap:12px}.svc__switch button{width:38px;height:38px;padding:9px}.svc__stage video{height:auto;max-height:100%;width:100%}}