.layout-basic-demo[data-v-06075c22]{flex-wrap:wrap;gap:16px;display:flex}.layout-basic-item[data-v-06075c22]{border-radius:8px;width:calc(50% - 8px);max-width:calc(50% - 8px);overflow:hidden}.layout-basic-item[data-v-06075c22] .sd-layout-header{color:#fff;text-align:center;background:#4096ff;height:64px;padding-inline:48px;line-height:64px}.layout-basic-item[data-v-06075c22] .sd-layout-content{color:#fff;text-align:center;background:#0958d9;min-height:120px;line-height:120px}.layout-basic-item[data-v-06075c22] .sd-layout-sider{color:#fff;text-align:center;background:#1677ff;line-height:120px}.layout-basic-item[data-v-06075c22] .sd-layout-footer{color:#fff;text-align:center;background:#4096ff}.layout-top-demo[data-v-8d3e7b24]{border-radius:8px;overflow:hidden}.layout-top-demo[data-v-8d3e7b24] .sd-layout-header{color:#fff;text-align:center;background:#4096ff;height:64px;padding-inline:48px;line-height:64px}.layout-top-demo[data-v-8d3e7b24] .sd-layout-content{color:#fff;text-align:center;background:#0958d9;min-height:120px;line-height:120px}.layout-top-demo[data-v-8d3e7b24] .sd-layout-footer{color:#fff;text-align:center;background:#4096ff}.layout-side-demo[data-v-239e71e8]{border-radius:8px;height:360px;min-height:280px;overflow:hidden}.layout-side-demo[data-v-239e71e8] .sd-layout-header{color:#fff;text-align:center;background:#4096ff;height:64px;padding-inline:48px;line-height:64px}.layout-side-demo[data-v-239e71e8] .sd-layout-content{color:#fff;text-align:center;background:#0958d9;min-height:120px;line-height:120px}.layout-side-demo[data-v-239e71e8] .sd-layout-footer{color:#fff;text-align:center;background:#4096ff}.logo[data-v-239e71e8]{background:#ffffff4d;border-radius:6px;height:32px;margin:16px}.layout-fixed-demo[data-v-2202cdf3]{border-radius:8px;min-height:360px;overflow:hidden}.header[data-v-2202cdf3]{z-index:1;text-align:center;background:var(--sd-color-fill-3);height:64px;padding-inline:48px;line-height:64px;position:sticky;top:0}.sider[data-v-2202cdf3]{text-align:center;background:var(--sd-color-fill-1)}.content[data-v-2202cdf3]{text-align:center;background:var(--sd-color-fill-4);min-height:120px;line-height:120px}.footer[data-v-2202cdf3]{text-align:center;background:var(--sd-color-fill-3)}.logo[data-v-2202cdf3]{background:#0000004d;border-radius:6px;height:32px;margin:16px}.layout-responsive-demo[data-v-6871175b]{border-radius:8px;min-height:280px;overflow:hidden}.layout-responsive-demo[data-v-6871175b] .sd-layout-header{color:#fff;text-align:center;background:#4096ff;height:64px;padding-inline:48px;line-height:64px}.layout-responsive-demo[data-v-6871175b] .sd-layout-content{color:#fff;text-align:center;background:#0958d9;min-height:120px;line-height:120px}.layout-responsive-demo[data-v-6871175b] .sd-layout-footer{color:#fff;text-align:center;background:#4096ff}.logo[data-v-6871175b]{background:#ffffff4d;border-radius:6px;height:32px;margin:16px}.layout-custom-trigger-demo[data-v-0548462e]{border-radius:8px;min-height:280px;overflow:hidden}.header[data-v-0548462e]{background:#fff;height:64px;padding:0}.trigger[data-v-0548462e]{width:64px;height:64px;font-size:16px}.content[data-v-0548462e]{color:#fff;background:#0958d9;border-radius:8px;min-height:280px;margin:24px 16px;padding:24px}.logo[data-v-0548462e]{background:#ffffff4d;border-radius:6px;height:32px;margin:16px}.layout-temporary-demo[data-v-4824f47c]{border-radius:8px;min-height:280px;overflow:hidden}.layout-temporary-demo[data-v-4824f47c] .sd-layout-header{color:#fff;text-align:center;background:#4096ff;height:64px;padding-inline:48px;line-height:64px}.layout-temporary-demo[data-v-4824f47c] .sd-layout-content{color:#fff;text-align:center;background:#0958d9;min-height:120px;line-height:120px}.layout-temporary-demo[data-v-4824f47c] .sd-layout-footer{color:#fff;text-align:center;background:#4096ff}.logo[data-v-4824f47c]{background:#00000014;border-radius:6px;height:32px;margin:16px}.layout-rail-demo[data-v-944a5efc]{border-radius:8px;height:360px;min-height:280px;overflow:hidden}.layout-rail-demo[data-v-944a5efc] .sd-layout-header{color:#fff;text-align:center;background:#4096ff;height:64px;padding-inline:48px;line-height:64px}.layout-rail-demo[data-v-944a5efc] .sd-layout-content{color:#fff;text-align:center;background:#0958d9;min-height:120px;line-height:120px}.layout-rail-demo[data-v-944a5efc] .sd-layout-footer{color:#fff;text-align:center;background:#4096ff}.logo[data-v-944a5efc]{background:#ffffff4d;border-radius:6px;height:32px;margin:16px}