.blog-player{width:100%;min-width:0;margin:0}.blog-player[data-aspect="9:16"]{max-width:380px;margin-inline:auto}.blog-player[data-aspect="1:1"]{max-width:640px;margin-inline:auto}.blog-player-frame{aspect-ratio:16/9;color:#f2f7fc;border:1px solid var(--border);isolation:isolate;background:#101820;border-radius:20px;position:relative;overflow:hidden}.blog-player[data-provider=youtube] .blog-player-frame{min-height:200px}.blog-player[data-aspect="9:16"] .blog-player-frame{aspect-ratio:9/16}.blog-player[data-aspect="1:1"] .blog-player-frame{aspect-ratio:1}.blog-player-start{width:100%;height:100%;color:inherit;cursor:pointer;background:radial-gradient(at 50% 20%,#304757,#101820 80%);border:0;place-content:center;justify-items:center;gap:12px;padding:0;display:grid;position:absolute;inset:0}.blog-player-start .blog-image,.blog-player-start img{object-fit:cover;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.blog-player-play{color:#162735;background:#f2f7fc;border-radius:50%;place-content:center;width:58px;height:58px;transition:transform .16s;display:grid;position:relative;box-shadow:0 4px 24px #0003}.blog-player-play svg{margin-left:3px}.blog-player-start-label{text-shadow:0 1px 4px #000;font-size:.875rem;font-weight:700;position:relative}.blog-player-placeholder{opacity:.16;width:35%;height:35%;position:absolute;inset:15% auto auto 12%}.blog-player-runtime,.blog-player-runtime media-controller{width:100%;height:100%;display:block}.blog-player-runtime media-controller{--media-primary-color:#f2f7fc;--media-secondary-color:transparent;--media-control-background:transparent;--media-control-hover-background:#ffffff24;--media-control-height:44px;--media-control-padding:10px;--media-icon-size:22px;--media-font-family:inherit;--media-font-size:12px;--media-range-track-height:4px;--media-range-thumb-width:12px;--media-range-thumb-height:12px}.blog-player-runtime [slot=media]{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.blog-player-runtime video::cue{color:#fff;background:#101820e6;font-size:14px;line-height:1.4}.blog-player-controls{background:linear-gradient(#0000,#07121dcc 30%,#07121def);width:100%;padding:10px 8px 4px}.blog-player-controls media-time-range{--media-control-height:28px;width:100%;height:28px;display:block}.blog-player-controls media-control-bar{background:0 0;align-items:center;width:100%;display:flex}.blog-player-controls media-play-button,.blog-player-controls media-mute-button,.blog-player-controls media-captions-button,.blog-player-controls media-fullscreen-button,.blog-player-controls media-playback-rate-button{border-radius:50%;flex:0 0 44px;min-width:44px;height:44px}.blog-player-controls media-time-display{font-variant-numeric:tabular-nums;flex:none;padding-inline:4px}.blog-player-control-spacer{flex:1}.blog-player-loading{pointer-events:none;white-space:nowrap;background:#101820e6;border-radius:20px;margin:0;padding:8px 12px;font-size:.8125rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.blog-player-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.875rem;display:flex;position:absolute;inset:0}.blog-player-error p{color:#c3d1dd;max-width:34ch;margin:0;font-size:.8125rem}.blog-player-error button{color:#162735;background:#f2f7fc;min-height:44px}.blog-player figcaption{color:var(--muted);overflow-wrap:anywhere;gap:6px;padding-top:10px;font-size:.8125rem;line-height:1.6;display:grid}.blog-player-provider a{color:var(--teal);text-underline-offset:3px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}@media (hover:hover){.blog-player-start:hover .blog-player-play{transform:scale(1.07)}}@media (max-width:600px){.blog-player-controls .blog-player-speed{display:none}.blog-player-frame{border-radius:16px}.blog-player-error>svg{display:none}}@media (prefers-reduced-motion:reduce){.blog-player-play{transition:none}}