.basic-library{padding:22px;border:1px solid #d7e4ef;background:#fff;border-radius:18px;margin-bottom:18px}.basic-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.basic-heading h2{margin:0;font-size:22px}.basic-heading p{font-size:13px;color:#60758d;line-height:1.7}.basic-heading a{font-size:13px;color:#1475c8;white-space:nowrap;padding:9px 0}.basic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.basic-card{min-height:90px;padding:15px;background:#edf5fd;border:1px solid #cddff0;text-align:left;color:#244e76;display:flex;flex-direction:column;gap:9px;overflow-wrap:anywhere}.basic-card strong{font-size:16px}.basic-card span{font-size:12px;font-weight:400;color:#667f99}.basic-card[aria-pressed=true]{border-color:#1475c8;background:#dceeff;box-shadow:inset 0 0 0 1px #1475c8}.basic-card:disabled{opacity:.55;cursor:default}.basic-player{border:1px solid #dce6ef;border-radius:12px;padding:17px;background:#f8fbfe}.basic-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.basic-controls button{min-width:86px}.basic-controls button:first-child{background:#1475c8;color:white}.basic-controls label{display:flex;gap:7px;align-items:center;font-size:13px}.basic-controls input{width:auto}.basic-progress{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:12px;color:#5d728b}.basic-progress span{white-space:nowrap}.basic-progress input{flex:1;min-width:0}.basic-status{font-size:13px;color:#57718d;line-height:1.7;margin:14px 0 0}.basic-assignment{border-bottom:1px solid #e0e8f0;padding:8px 0}.basic-assignment:last-child{border:0}.basic-assignment label{font-size:13px}.basic-player button:disabled{opacity:.45}.basic-player>strong{overflow-wrap:anywhere;display:block}@media(max-width:760px){.basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-library{padding:17px}.basic-heading{display:block}.basic-heading a{display:inline-block}.basic-card{min-height:85px;padding:13px}.basic-card strong{font-size:14px}.basic-progress{display:block}.basic-progress input{width:100%;margin-top:10px}.basic-controls button{min-width:68px;flex:1}}.tv .basic-library{max-width:100%}
