.q-materials-page__sample{max-width:240px;height:100px;color:transparent}
.q-materials-page__class{font-family:QuoterFontMono,monospace;font-size:13px;line-height:16px}
.q-materials-page .q-materials-page__usage{max-width:160px;white-space:normal;text-align:left;text-wrap:pretty;font-size:14px;line-height:20px}
.q-materials-page .q-table__head-cell:last-child{text-align:left}
.q-materials-page .q-table__body .q-table__row{border-bottom:1px solid var(--q-table-border)}
.q-materials-page .q-table__head-cell{height:56px}
.q-materials-page .q-table__gap{display:table-row-group;height:0}
.q-materials-page .q-docs-example:has(table)>p{margin:8px 0 16px;line-height:24px;color:var(--q-gray-900)}
.q-materials-page .q-docs-example:has(table){padding-bottom:49px}
@media(max-width:767px){.q-materials-page .q-docs-example:has(table){padding-bottom:25px}}
.q-materials-page__section-title{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.96px}
.q-materials-page__guidance>.q-materials-page__section-title{margin-bottom:8px}
.q-materials-page__guidance-group{margin-bottom:24px}
.q-materials-page__guidance-group:last-child{margin-bottom:0}
.q-materials-page__guidance-group h4{font-size:16px;line-height:20px;font-weight:400;margin:0 0 8px}
.q-materials-page__guidance-group ul{font-size:14px;line-height:20px;color:var(--q-gray-900);list-style:disc;padding:0 0 0 20px;margin:0}
.q-materials-page__guidance-group li{margin:0 0 6px}
.q-materials-page__guidance-group li:last-child{margin-bottom:0}
.q-materials-page__guidance-group code{font-family:QuoterGeistMono,monospace;font-size:12px;line-height:18px;color:var(--q-gray-1000);background:var(--q-gray-100);border:1px solid var(--q-gray-400);border-radius:6px;padding:2px 3.6px}
.q-materials-page>footer.q-docs-example{padding-top:32px;padding-bottom:32px;border-bottom:0}
.q-materials-page .q-table__head-cell{color:var(--q-gray-1000)}
.q-materials-page__guidance-group code{border-color:#e6e6e6}
[data-theme=dark] .q-materials-page__guidance-group code{border-color:#292929}
@media(min-width:1200px){.q-materials-page>section.q-docs-example{position:relative;left:-1px}}
@media(max-width:1199px){.q-materials-page>footer.q-docs-example{padding:48px 16px}.q-materials-page__guidance{padding-bottom:49px}}
@media(min-width:768px) and (max-width:1023px){.q-materials-page__guidance{padding-bottom:41px}}
@media(max-width:767px){.q-materials-page__guidance{padding-bottom:25px}}
@media(min-width:768px) and (max-width:1023px){.q-materials-page .q-docs-example:has(table){padding-bottom:41px}}