.materials[data-v-a3e9178b]{color:#fff;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:20px 28px;padding:24px;display:grid}.material[data-v-a3e9178b]{gap:10px;margin:0;display:grid}.sample[data-v-a3e9178b]{align-content:start;gap:4px;min-height:110px;padding:16px;display:grid}.sample__title[data-v-a3e9178b]{font-size:14px;font-weight:600}.sample__body[data-v-a3e9178b]{opacity:.8;font-size:13px}.sample--glass[data-v-a3e9178b]{-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;border-radius:12px}.sample--dark[data-v-a3e9178b]{-webkit-backdrop-filter:blur(14px);background:#0c0e168c;border:1px solid #ffffff1a;border-radius:16px}.sample--float[data-v-a3e9178b]{color:#172240;background:#fff;border-radius:10px;box-shadow:0 14px 34px -16px #14193c73}.material figcaption[data-v-a3e9178b]{color:#ffffffbf;font-size:12px;line-height:1.5}.material code[data-v-a3e9178b]{font-family:var(--font-mono);color:inherit;background:0 0;border:0;padding:0;font-size:11px}@media (width<=760px){.materials[data-v-a3e9178b]{grid-template-columns:1fr}}