.DemoTutorials_layout__Oi_rE{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.DemoTutorials_player__QoriW{min-width:0}.DemoTutorials_video__dyfga{aspect-ratio:16/9;background:#000;border-radius:12px;display:block;width:100%}.DemoTutorials_nowTitle__2rQOC{font-size:18px;margin:12px 0 4px}.DemoTutorials_nowSub__b_9QN{color:var(--light-grey);font-size:13px;margin:0}.DemoTutorials_list__vOxxw{display:flex;flex-direction:column;gap:14px;max-height:62vh;overflow-y:auto;padding-right:4px}.DemoTutorials_sectionTitle__h7w3o{color:var(--safari-tan);font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 6px}.DemoTutorials_item__ci3li{align-items:center;background:none;border:1px solid transparent;border-radius:10px;color:inherit;cursor:pointer;display:grid;font-size:14px;grid-gap:8px;gap:8px;grid-template-columns:20px 1fr auto;padding:8px 10px;text-align:left;transition:all .3s;width:100%}.DemoTutorials_item__ci3li:hover{border-color:var(--light-grey)}.DemoTutorials_itemActive__naDf4{background:linear-gradient(90deg,#86c3ae,#93e2cf);border-color:#86c3ae;color:#1f2326}.DemoTutorials_itemActive__naDf4:hover{border-color:#86c3ae}.DemoTutorials_itemIcon__UN9Xc{opacity:.85}.DemoTutorials_itemTitle__FG2Jw{font-weight:600}.DemoTutorials_itemTime__U9bK1{font-size:12px;opacity:.75;white-space:nowrap}.DemoTutorials_bookLink__fOT7D{border-top:1px solid var(--light-grey);font-size:13px;font-weight:600;margin-top:4px;padding-top:12px;text-align:center}.DemoTutorials_state__O9Lta{padding:40px 0;text-align:center}@media (max-width:768px){.DemoTutorials_layout__Oi_rE{grid-template-columns:1fr}.DemoTutorials_list__vOxxw{max-height:none;overflow:visible}}