.example[data-v-c4e74fec]{margin-bottom:2.6em;position:relative}.demo[data-v-c4e74fec]{padding:0;transition:padding .3s}.showcode .demo[data-v-c4e74fec]{border:1px solid rgba(0,0,0,.12);border-top:none;padding:14px}.demo[data-v-c4e74fec]:after{clear:both;content:" ";display:table}.demo-label[data-v-c4e74fec]{box-sizing:border-box;color:rgba(0,0,0,.38);user-select:none;border:1px solid rgba(0,0,0,.12);border-radius:3px 3px 0 0;width:100%;padding:9px 14px;font-size:12px;font-weight:700;line-height:1;display:none;border-bottom:none!important}.showcode .demo-label[data-v-c4e74fec]{display:block}.code[data-v-c4e74fec]{border:1px solid rgba(0,0,0,.12);border-radius:0 0 3px 3px;margin:0;line-height:1.7;display:none;border-top:none!important;padding-bottom:0!important}.showcode .code[data-v-c4e74fec]{display:block}.tools[data-v-c4e74fec]{user-select:none;transition:top .3s;position:absolute;top:-24px;right:0}.showcode .tools[data-v-c4e74fec]{top:4px}.tools a[data-v-c4e74fec]{color:rgba(0,0,0,.54);margin:0 8px;display:inline-block}.tools a[data-v-c4e74fec]:hover{color:rgba(0,0,0,.87)}.mdui-theme-layout-dark .showcode .demo[data-v-c4e74fec]{border:1px solid rgba(255,255,255,.12)}.mdui-theme-layout-dark .demo-label[data-v-c4e74fec]{color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.12)}.mdui-theme-layout-dark .code[data-v-c4e74fec]{border:1px solid rgba(255,255,255,.12)}.mdui-theme-layout-dark .tools a[data-v-c4e74fec]{color:rgba(255,255,255,.7)}.mdui-theme-layout-dark .tools a[data-v-c4e74fec]:hover{color:#fff}@media (prefers-color-scheme:dark){.mdui-theme-layout-auto .showcode .demo[data-v-c4e74fec]{border:1px solid rgba(255,255,255,.12)}.mdui-theme-layout-auto .demo-label[data-v-c4e74fec]{color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.12)}.mdui-theme-layout-auto .code[data-v-c4e74fec]{border:1px solid rgba(255,255,255,.12)}.mdui-theme-layout-auto .tools a[data-v-c4e74fec]{color:rgba(255,255,255,.7)}.mdui-theme-layout-auto .tools a[data-v-c4e74fec]:hover{color:#fff}}.to-mdui2[data-v-cc378b65]{padding-bottom:16px}@media (min-width:480px){.to-mdui2[data-v-cc378b65]{padding-bottom:32px}}@media (min-width:840px){.to-mdui2[data-v-cc378b65]{padding-bottom:48px}}