.moha-ds-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6%;background:#1a1c1e}.moha-ds-grid{display:grid;gap:clamp(3px,.5vw,6px);width:100%;height:100%;grid-template-rows:repeat(4,1fr)}.moha-ds-tile{border-radius:clamp(4px,.6vw,8px);display:flex;align-items:center;justify-content:center;background:#25282c}.moha-ds-tile--active{background:#2f3439;box-shadow:0 1px 0 0 #3a3f45,inset 0 1px 0 0 rgba(255,255,255,.04)}.moha-ds-tile--active span{color:rgba(255,255,255,.88);font-family:var(--font-dm-sans),system-ui,-apple-system,sans-serif;font-weight:500;font-size:clamp(6px,1.1vw,16px);letter-spacing:.05em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.moha-ds-tile--accent{background:#788d9d;box-shadow:0 1px 0 0 #8da0ae,inset 0 1px 0 0 rgba(255,255,255,.1)}.moha-ds-tile--accent span{color:rgba(255,255,255,.95);font-family:var(--font-dm-sans),system-ui,-apple-system,sans-serif;font-weight:600;font-size:clamp(6px,1.1vw,16px);letter-spacing:.05em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.light .moha-ds-thumb{background:#e8eaed}.light .moha-ds-tile{background:#d5d8dc}.light .moha-ds-tile--active{background:#f0f1f3;box-shadow:0 1px 2px 0 rgba(0,0,0,.08),inset 0 1px 0 0 rgba(255,255,255,.6)}.light .moha-ds-tile--active span{color:rgba(0,0,0,.82)}.light .moha-ds-tile--accent{background:#788d9d;box-shadow:0 1px 2px 0 rgba(0,0,0,.12),inset 0 1px 0 0 rgba(255,255,255,.15)}.light .moha-ds-tile--accent span{color:rgba(255,255,255,.95)}