.sb-sidebar-layout{width:100%;max-width:none;height:calc(var(--sf-spacing)*26);border:1px solid var(--border-color);flex-direction:column;display:flex;overflow:hidden}.sb-basic-layout{flex:1;width:100%;min-height:0;display:flex}.sb-basic-layout .sf-sidebar,.sb-basic-layout .sf-sidebar-main{height:100%}.sb-toolbar-title{flex:1;margin:0}.sb-sidebar-actions{align-items:center;gap:var(--sf-spacing-12);display:flex}.sb-sidebar-list{border-right:1px solid var(--border-color)}.sb-sidebar-listview .sb-sidebar-list-item{align-items:center;gap:var(--sf-spacing-8);display:flex}
.sb-common-toolbar{justify-content:space-between;align-items:center;gap:var(--sf-spacing-16);padding:0 var(--sf-spacing-20);display:flex}.sb-common-toolbar.sf-toolbar{border-radius:0}.sb-common-content{padding:var(--sf-spacing-24)}.sb-common-surface{height:100%;padding:var(--sf-spacing-16);box-sizing:border-box;background:var(--preview-background-color);flex-direction:column;display:flex}.sb-common-footer{padding-top:var(--sf-spacing-18);border-top:1px solid var(--border-color);gap:var(--sf-spacing-10);margin-top:auto}
.position-header{min-height:calc(var(--sf-spacing)*4);padding:0 var(--sf-spacing-16);border:1px solid var(--border-color);margin-bottom:var(--sf-spacing-10)}.position-controls{align-items:center;gap:var(--sf-spacing-24);flex-wrap:wrap;display:flex}.position-control-group{align-items:center;gap:var(--sf-spacing-8);display:flex}.position-controls-title{margin:0 var(--sf-spacing-4)0 0;font-size:var(--sf-font-size-md);font-weight:600}.position-layout{min-height:calc(var(--sf-spacing-64)*32);border:1px solid var(--border-color);overflow:hidden}.position-mail-sidebar{box-sizing:border-box;height:100%;padding:var(--sf-spacing-18)var(--sf-spacing-12);background:var(--background-color)}.position-mail-sidebar-left{border-right:1px solid var(--border-color)}.position-mail-sidebar-right{border-left:1px solid var(--border-color)}.position-mail-icon.sf-icon.sf-icon-size{width:var(--sf-spacing-16);height:var(--sf-spacing-16)}.position-mail-tree{width:100%;margin-top:var(--sf-spacing-12)}.position-mail-tree-label{align-items:center;gap:var(--sf-spacing-8);width:100%;display:flex}.position-mail-folder-name{flex:1}.position-mail-folder-count{min-width:var(--sf-spacing-24);font-size:var(--sf-font-size-xs);text-align:right}.position-mail-toolbar{align-items:center;gap:var(--sf-spacing-12);min-height:calc(var(--sf-spacing)*4);padding:0 var(--sf-spacing-20);border-bottom:1px solid var(--border-color);display:flex}.position-mail-list{gap:var(--sf-spacing-10);flex-direction:column;display:flex}
.college-demo{width:100%;padding:var(--sf-spacing-16)}.college-layout{height:calc(var(--sf-spacing)*26);border:1px solid var(--border-color);border-radius:var(--sf-spacing-16)}.sb-left-title{margin:0 0 var(--sf-spacing-20)}.college-right-sidebar{border-left:1px solid var(--border-color);background:var(--background-color)}.college-toolbar-action{margin-left:auto}.college-title{margin:0 0 var(--sf-spacing-8)}.college-description{margin-top:0}.college-cards{gap:var(--sf-spacing-12);margin:var(--sf-spacing-24)0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.college-right-sidebar{height:100%;padding:var(--sf-spacing-10)}.college-right-sidebar .card-label,.college-right-sidebar .card-value{margin-top:var(--sf-spacing-20);display:block}.college-list-view{width:100%}.college-list-item{align-items:center;gap:var(--sf-spacing-10);width:100%;display:flex}
.copilot-demo{width:100%;height:calc(var(--sf-spacing)*38);border:var(--sf-spacing-1)solid var(--border-color);border-radius:var(--sf-spacing-10);overflow:hidden}.copilot-sidebar{border-right:var(--sf-spacing-1)solid var(--border-color)}.copilot-sidebar-content{height:100%;padding:var(--sf-spacing-5);flex-direction:column;display:flex}.copilot-sidebar-header{min-height:var(--sf-spacing-36);margin-bottom:var(--sf-spacing-14)}.copilot-brand{font-size:var(--sf-spacing-20)}.dockable-button{margin-left:var(--sf-spacing-5)}.copilot-sidebar-content .sf-menu{background:0 0}.copilot-profile{padding:var(--sf-spacing-10)var(--sf-spacing-4);justify-content:center;align-items:center;gap:8px;margin-top:auto;display:flex}.copilot-profile-details{flex-direction:column;flex:1;min-width:0;display:flex}.copilot-toolbar{padding:var(--sf-spacing-10);justify-content:flex-end;display:flex}.copilot-chat{min-height:calc(100% - 52px);padding:var(--sf-spacing-32)var(--sf-spacing-24);justify-content:center;align-items:center;display:flex}.copilot-chat-content{width:min(calc(var(--sf-spacing)*52),100%);flex-direction:column;align-items:center;display:flex}.copilot-heading{font-size:var(--sf-spacing-36);font-weight:500}.copilot-message-box.sf-medium.sf-input-group.sf-outline{border-radius:var(--sf-spacing-32);min-height:var(--sf-spacing-56)}.copilot-prompts{justify-content:center;gap:var(--sf-spacing-10);margin-top:var(--sf-spacing-24);flex-wrap:wrap;display:flex}.copilot-sidebar-docked .copilot-navigation .sf-menu-item{padding:var(--sf-spacing-10)0;justify-content:center;gap:0}.sf-sidebar .sf-menu.sf-menu-vertical .sf-menu-root{width:100%;min-width:0}
.controlled-demo{width:100%;max-width:none;height:calc(var(--sf-spacing)*31.75);border:1px solid var(--border-color);border-radius:var(--sf-spacing-12);position:relative;overflow:hidden}.controlled-layout{width:100%;height:100%;position:relative;overflow:visible}.controlled-sidebar{border-inline-end:1px solid var(--border-color)}.controlled-brand-details{flex-direction:column;display:flex}.controlled-panel{height:100%;padding:var(--sf-spacing-12);background:var(--preview-background-color);flex-direction:column;display:flex;position:relative}.controlled-brand{align-items:center;gap:var(--sf-spacing-10);padding:var(--sf-spacing-5)var(--sf-spacing-20);display:flex}.controlled-btn{margin-bottom:var(--sf-spacing-12)}.controlled-btn-icon{transform:rotate(0)}.controlled-btn-icon-open{transform:rotate(180deg)}
.uncontrolled-demo{width:100%;height:calc(var(--sf-spacing)*31);border:1px solid var(--border-color);border-radius:var(--sf-spacing-12);max-width:none;overflow:hidden}.uncontrolled-layout{width:100%;height:100%}.uncontrolled-panel{height:100%;padding:var(--sf-spacing-12);border-inline-end:1px solid var(--border-color);flex-direction:column;display:flex}.uncontrolled-brand{align-items:center;gap:var(--sf-spacing-10);padding:0 var(--sf-spacing-8)var(--sf-spacing-24);display:flex}.uncontrolled-brand-details{flex-direction:column;display:flex}.uncontrolled-navigation-item{align-items:center;gap:var(--sf-spacing-12);display:flex}.uncontrolled-toolbar{min-height:var(--sf-spacing-56)}.uncontrolled-footer{padding-top:var(--sf-spacing-18);border-top:1px solid var(--border-color);margin-top:auto}.uncontrolled-logout{justify-content:center;align-items:center;gap:var(--sf-spacing-12);font-size:var(--sf-spacing-14);font-weight:500;display:flex}.uncontrolled-main{padding:var(--sf-spacing-16)}