/* ITODI 0.7.267: all five material families in one compact row.
   Shared by body, custom fronts and custom backs; original controls survive. */
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #itsMaterialFamilyLabel{container:itodi-material-families / inline-size!important;display:block!important;min-width:0!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #itsMaterialFamilyLabel[hidden]{display:none!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #itsMaterialFamilyLabel>span{display:block!important;margin:0!important;font-size:12px!important;line-height:1.4!important;color:#63708a!important;font-weight:400!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies{display:grid!important;grid-template-columns:minmax(min-content,1.5fr) minmax(min-content,1.4fr) minmax(min-content,.7fr) minmax(min-content,.9fr) minmax(min-content,1.3fr)!important;grid-auto-rows:minmax(36px,auto)!important;align-items:stretch!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:8px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:36px!important;height:auto!important;box-sizing:border-box!important;margin:0!important;padding:5px 4px!important;border:1px solid #dce2ec!important;border-radius:8px!important;background:#fff!important;color:#47536a!important;font-family:Manrope,system-ui,sans-serif!important;font-size:11px!important;font-weight:500!important;line-height:1.25!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;box-shadow:none!important;transform:none!important;cursor:pointer!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button:hover:not(:disabled){border-color:#9ba9c1!important;background:#f6f7f9!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button:is([aria-pressed=true],[aria-selected=true],.selected){border-color:#0646ff!important;background:#f1f3f6!important;color:#0646ff!important;box-shadow:inset 0 0 0 1px #0646ff!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button:focus-visible{outline:2px solid #0646ff!important;outline-offset:2px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button:disabled{opacity:.5!important;cursor:not-allowed!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #itsPanelHeader:has(>#itsMaterialFamilyLabel:not([hidden])){flex:0 0 auto!important;min-height:0!important;margin:0!important;padding:10px 16px 10px!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #itsPanelHeader>#itsMaterialFamilyLabel{margin-bottom:0!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow[data-visual-group=color] .left:has(>#itsPanelHeader>#itsMaterialFamilyLabel:not([hidden])) #itodiShellSections{padding-top:0!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow .itodi-samples-material-link{display:inline-flex!important;align-items:center!important;min-height:30px!important;margin:0 0 6px!important;padding:5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#0646ff!important;font-size:12px!important;line-height:1.4!important;font-weight:500!important;text-decoration:underline!important;text-underline-offset:3px!important;box-shadow:none!important}
html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow .iv-palette-heading{margin-top:0!important;margin-bottom:10px!important}
@container itodi-material-families (min-width:560px){
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button{font-size:12px!important}
}
@container itodi-material-families (max-width:360px){
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies{gap:3px!important}
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button{font-size:10px!important;padding:5px 2px!important}
}
@media(max-width:920px){
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies{grid-auto-rows:minmax(44px,auto)!important}
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow #ivMaterialFamilies button{min-height:44px!important}
 html#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi#itodiUi.itodi-visual-flow .itodi-samples-material-link{min-height:40px!important}
}