@charset "utf-8";

:where(.css-o4sewt).ant-layout-sider { font-family: var(--ant-font-family); font-size: var(--ant-font-size); box-sizing: border-box; }

:where(.css-o4sewt).ant-layout-sider::before, :where(.css-o4sewt).ant-layout-sider::after { box-sizing: border-box; }

:where(.css-o4sewt).ant-layout-sider [class^="ant-layout-sider"], :where(.css-o4sewt).ant-layout-sider [class*=" ant-layout-sider"] { box-sizing: border-box; }

:where(.css-o4sewt).ant-layout-sider [class^="ant-layout-sider"]::before, :where(.css-o4sewt).ant-layout-sider [class*=" ant-layout-sider"]::before, :where(.css-o4sewt).ant-layout-sider [class^="ant-layout-sider"]::after, :where(.css-o4sewt).ant-layout-sider [class*=" ant-layout-sider"]::after { box-sizing: border-box; }

:where(.css-o4sewt).ant-layout-sider { position: relative; min-width: 0px; background: var(--ant-layout-sider-bg); transition: all var(--ant-motion-duration-mid),background 0s; }

:where(.css-o4sewt).ant-layout-sider-has-trigger { padding-bottom: var(--ant-layout-trigger-height); }

:where(.css-o4sewt).ant-layout-sider-right { order: 1; }

:where(.css-o4sewt).ant-layout-sider .ant-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; }

:where(.css-o4sewt).ant-layout-sider .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed { width: auto; }

:where(.css-o4sewt).ant-layout-sider-zero-width .ant-layout-sider-children { overflow: hidden; }

:where(.css-o4sewt).ant-layout-sider .ant-layout-sider-trigger { position: fixed; bottom: 0px; z-index: 1; height: var(--ant-layout-trigger-height); color: var(--ant-layout-trigger-color); line-height: var(--ant-layout-trigger-height); text-align: center; background: var(--ant-layout-trigger-bg); cursor: pointer; transition: all var(--ant-motion-duration-mid); }

:where(.css-o4sewt).ant-layout-sider .ant-layout-sider-zero-width-trigger { position: absolute; top: var(--ant-layout-header-height); inset-inline-end: calc(var(--ant-layout-zero-trigger-width) * -1); z-index: 1; width: var(--ant-layout-zero-trigger-width); height: var(--ant-layout-zero-trigger-height); color: var(--ant-layout-trigger-color); font-size: var(--ant-font-size-xl); display: flex; align-items: center; justify-content: center; background: var(--ant-layout-sider-bg); border-radius: 0 var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0; cursor: pointer; transition: background var(--ant-motion-duration-slow) ease; }

:where(.css-o4sewt).ant-layout-sider .ant-layout-sider-zero-width-trigger::after { position: absolute; inset: 0px; background: transparent; transition: all var(--ant-motion-duration-slow); content: ""; }

:where(.css-o4sewt).ant-layout-sider .ant-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.2); }

:where(.css-o4sewt).ant-layout-sider .ant-layout-sider-zero-width-trigger-right { inset-inline-start: calc(var(--ant-layout-zero-trigger-width) * -1); border-radius: var(--ant-border-radius-lg) 0 0 var(--ant-border-radius-lg); }

:where(.css-o4sewt).ant-layout-sider-light { background: var(--ant-layout-light-sider-bg); }

:where(.css-o4sewt).ant-layout-sider-light .ant-layout-sider-trigger { color: var(--ant-layout-light-trigger-color); background: var(--ant-layout-light-trigger-bg); }

:where(.css-o4sewt).ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: var(--ant-layout-light-trigger-color); background: var(--ant-layout-light-trigger-bg); border: 1px solid var(--ant-layout-body-bg); border-inline-start: 0px; }