.toolbar{z-index:10000;&.subcard{z-index:9999}}.card-form{--size-card-panel-width:350px;margin:0;&:not(.mobile) .sidebar-width{max-width:var(--size-card-panel-width)}.panel{&.left,&.right{max-width:var(--size-card-panel-width);min-width:var(--size-card-panel-width);width:var(--size-card-panel-width)}&.left{border-right:1px solid var(--color-border-translucent)}&.right{border-left:1px solid var(--color-border-translucent);&>div{position:relative}}&.center{width:100%}}>.card-body{word-wrap:normal;&:has(.left)>.center{width:calc(100% - var(--size-card-panel-width))}&:has(.right) .center{width:calc(100% - var(--size-card-panel-width))}&:has(.left):has(.right) .center{width:calc(100% - var(--size-card-panel-width)*2)}}>.card-body{.center.hasLeftSlot,center.hasRightSlot{width:calc(100% - var(--size-card-panel-width))}.center.hasLeftSlot.hasRightSlot{width:calc(100% - var(--size-card-panel-width)*2)}}>.card-footer-sticky{position:sticky;z-index:200;left:0;bottom:calc(var(--space-view-padding) + var(--border-width));border-bottom:1px solid var(--color-border);background:var(--color-surface-tertiary);&:after{content:"";position:absolute;left:-1px;top:calc(100% + 1px);background:var(--color-surface-tertiary);width:calc(100% + 2px);height:calc(var(--space-view-padding) + var(--border-width))}}&.mobile>.card-body .center{width:auto}&.mobile.responsive{min-height:var(--size-view-mobile-height);.panel{transition:var(--transition-layout);background-color:var(--color-surface-body);&.left{margin-left:calc(var(--size-card-panel-width)*-1);&.show{margin-left:0}}&.right{margin-right:calc(var(--size-card-panel-width)*-1);&.show{margin-right:0}}}>.card-body{overflow-x:clip;&:has(.left.show)>.center{margin-right:calc(var(--size-card-panel-width)*-1)}&:has(.right.show) .center{margin-left:calc(var(--size-card-panel-width)*-1)}}}&.mobile:not(.responsive){.panel{padding:16px;&.left{border-right:none}&.right{border-left:none}}}&.tablet{--size-card-panel-width:50%}&.phone{--size-card-panel-width:100%;.panel{border:none}}}[data-theme=dark]{.toolbar{background-color:var(--color-surface-body)!important;border-bottom:1px solid hsla(0,0%,100%,.03)}.card-form{background-color:var(--color-surface-body);border-color:hsla(0,0%,100%,.05);box-shadow:none;>.card-footer,>.card-header{border-color:hsla(0,0%,100%,.05)}>.card-body,>.card-footer,>.card-header{background-color:var(--color-surface-body)}.panel{&.left,&.right{background-color:var(--color-surface-tertiary)}&.left{border-right-color:var(--color-border)}&.right{border-left-color:var(--color-border)}}>.card-footer-sticky{background:var(--color-surface-body);border-bottom-color:hsla(0,0%,100%,.05);&:after{background:var(--color-surface-body)}}}}