.skill-selectors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.skill-selectors>div{min-width:0}.skill-selectors>div:last-child{grid-column:1/-1}.skill-selectors label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.skills-panel .skill-selectors select{display:block;width:100%;min-height:48px;background:#fff;border:1px solid #8495a7;color:#24364b;font-size:16px}.skill-selectors select:focus-visible,.video-controls button:focus-visible,.video-controls a:focus-visible{outline:3px solid #235d9c;outline-offset:3px}#video-title{margin:18px 0 8px}#video-range{font-size:14px;color:#526475;margin-bottom:18px;font-variant-numeric:tabular-nums}.skills-player-frame{position:relative;background:#111;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.skills-player-frame .skills-video{display:block;width:100%;height:100%;border:0;border-radius:0}.video-watermark{position:absolute;left:12px;bottom:62px;width:66px;height:66px;object-fit:contain;padding:4px;background:rgba(255,255,255,.86);border-radius:8px;pointer-events:none;opacity:.82}.video-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.video-controls button,.video-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid #bdcad6;border-radius:8px;background:#f5f8fc;color:#24364b;font-size:14px;line-height:1.4}.video-controls a{color:#235d9c}#video-status{font-size:14px;margin:14px 0;line-height:1.6}.video-credit{font-size:13px;color:#526475}.skills-player-frame:fullscreen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:0;aspect-ratio:auto}.skills-player-frame:fullscreen .skills-video{width:100%;height:100%}.skills-player-frame:fullscreen .video-watermark{left:24px;bottom:90px;width:82px;height:82px}#video-fullscreen-inside{position:absolute;right:12px;bottom:12px;z-index:2;min-height:44px;background:#fff;color:#24364b;border:1px solid #8495a7;font-size:13px;padding:8px 12px;border-radius:8px}.skills-player-frame:not(:fullscreen) #video-fullscreen-inside{display:none}@media(max-width:560px){.skill-selectors{grid-template-columns:1fr}.skill-selectors>div:last-child{grid-column:auto}.skills-panel .skill-selectors select{font-size:14px}.video-watermark{width:43px;height:43px;left:7px;bottom:44px;padding:3px}.video-controls{gap:8px}.video-controls button,.video-controls a{font-size:13px;padding:9px 12px}}
.skills-player-frame{min-height:200px}