.video-listing{--_accent:var(--video-accent,#d7004e);--_dark:var(--video-dark,#171726);--_gap:var(--video-gap,32px)}.video-listing__intro{margin-bottom:48px}.video-listing__grid{display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));list-style:none;margin:0;padding:0}.video-listing__grid>li{margin:0;padding:0}.video-listing__grid>li[hidden]{display:none}.video-card{color:inherit;display:flex;flex-direction:column;gap:16px;height:100%;text-decoration:none}.video-card__thumbnail{aspect-ratio:16/9;background-color:var(--_dark);border-radius:12px;display:block;overflow:hidden;position:relative}.video-card__thumbnail img,.video-card__thumbnail video{display:block;height:100%;margin:0;object-fit:cover;transition:scale .4s ease-in-out;width:100%}.video-card__play{background-color:rgba(0,0,0,.6);border-radius:50%;display:grid;height:72px;inset:50% auto auto 50%;place-items:center;position:absolute;transition:background-color .3s;translate:-50% -50%;width:72px}.video-card__play svg{fill:#fff;height:32px;width:32px}.video-card__title{font-size:20px;font-weight:600;line-height:1.3;transition:color .3s}.video-card__description{display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;-webkit-line-clamp:3;line-clamp:3;line-height:1.5;opacity:.8;overflow:hidden}.video-card:is(:hover,:focus-visible) img,.video-card:is(:hover,:focus-visible) video{scale:1.05}.video-card:is(:hover,:focus-visible) .video-card__play{background-color:var(--_accent)}.video-card:is(:hover,:focus-visible) .video-card__title{color:var(--_accent)}.video-listing__more{display:flex;justify-content:center;margin-top:48px}.video-listing__more[hidden]{display:none}.video-listing__dialog{background:transparent;border:0;border-radius:20px;color:#fff;margin:auto;max-height:none;max-width:none;opacity:0;overflow:visible;padding:0;transition:opacity .3s,translate .3s,overlay allow-discrete .3s,display allow-discrete .3s;translate:0 16px;width:min(1080px,100dvw - 64px)}.video-listing__dialog::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.8);opacity:0;transition:opacity .3s,overlay allow-discrete .3s,display allow-discrete .3s}.video-listing__dialog[open]{opacity:1;translate:0 0}.video-listing__dialog[open]::backdrop{opacity:1}@starting-style{.video-listing__dialog[open]{opacity:0;translate:0 16px}.video-listing__dialog[open]::backdrop{opacity:0}}.video-listing__dialog form{display:contents}.video-listing__player{aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden}.video-listing__player iframe,.video-listing__player video{border:0;display:block;height:100%;margin:0;width:100%}.video-listing__close{background:transparent;border:1px solid hsla(0,0%,100%,.35);border-radius:999px;color:hsla(0,0%,100%,.8);cursor:pointer;font:inherit;font-size:14px;inset:100% auto auto 50%;letter-spacing:.02em;padding:6px 18px;position:absolute;transition:color .2s,border-color .2s;translate:-50% 14px}.video-listing__close:is(:hover,:focus-visible){border-color:#fff;color:#fff}.video-listing__backdrop-close{background:transparent;border:0;cursor:pointer;inset:0;position:fixed;z-index:-1}