.learning-video-quote{border:1px solid #b8d6e8;border-left:5px solid #267eb0;background:linear-gradient(145deg,#f5fbff,#eaf5fb);border-radius:10px;display:grid;gap:12px}
.learning-video-quote-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.learning-video-quote-head>div{display:grid}.learning-video-quote-head small{font-weight:900;letter-spacing:.12em;color:#39708d}.learning-video-quote-head strong{font-size:19px;color:#123e57}.learning-video-quote-head>strong{font-size:23px;white-space:nowrap}
.learning-video-quote-facts,.learning-video-quote ul{display:flex;gap:8px;flex-wrap:wrap}.learning-video-quote-facts span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #c7dce8;font-size:13px;font-weight:800}.learning-video-quote ul{list-style:none;padding:0;margin:0}.learning-video-quote li{padding:7px 10px;border-radius:8px;background:#173f57;color:#fff;font-size:13px}
.learning-video-samples{display:grid;gap:6px}.learning-video-samples span{padding:7px 9px;background:#fff;border-left:3px solid #e9a74a;border-radius:4px;font-size:13px;color:#365767}
.learning-video-item{box-shadow:0 6px 18px #173d310d}.learning-video-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.learning-video-item-head>span{padding:4px 8px;border-radius:999px;background:#e4f2ec;color:#176b53;font-size:12px;font-weight:900}.learning-video-item video{aspect-ratio:16/9;border-radius:9px;box-shadow:0 8px 22px #102f4230}.learning-video-actions .danger{margin-left:auto;color:#8d2f2f;border-color:#dab4b4}.learning-video-progress{height:10px;margin:10px 0}.learning-video-progress i{background:linear-gradient(90deg,#267eb0,#36a889);transition:width .35s ease}
.learning-video-empty{display:grid;place-items:center;text-align:center;padding:34px 16px;color:#567168}.learning-video-empty b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#dcece5;color:#176b53;font-size:20px}.learning-video-empty p{margin:5px 0;max-width:260px}
.learning-video-preview-button{justify-self:start;border-color:#267eb0!important;color:#185d83!important;background:#fff!important}.learning-video-preview-status{margin:0;color:#496a7d;font-size:13px}.learning-video-style-preview{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;background:#071b2b;box-shadow:0 10px 28px #123e5730}
@media(max-width:900px){.learning-video-quote-head{display:grid}.learning-video-quote-head>strong{font-size:20px}}