.demo-page{--demo-frame-line:#cfd8e3}.demo-public-header{position:sticky;top:0;z-index:50}.demo-dashboard-frame{border-color:var(--demo-frame-line);background:#f3f6f9}.demo-dashboard-content{min-width:0}.demo-dashboard-tab{position:relative;transition:background-color .15s ease,color .15s ease,transform .15s ease}.demo-dashboard-tab:hover{background:rgb(var(--brand-nav-on)/.1)}.demo-dashboard-tab:active{transform:scale(.98)}.demo-attendance-row,.demo-message-row,.demo-module-row,.demo-student-row{transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.demo-attendance-row:hover,.demo-message-row:hover,.demo-module-row:hover,.demo-student-row:hover{border-color:rgb(var(--brand-600)/.3);background:#f9fbfd;transform:translateY(-1px)}.demo-message-row:first-child{background:rgb(var(--brand-50)/.55);border-color:rgb(var(--brand-600)/.24)}@media (min-width:1024px){.demo-dashboard-tab.is-active:before{content:"";position:absolute;left:-16px;width:4px;height:24px;border-radius:0 4px 4px 0;background:rgb(var(--brand-nav-active))}}@media (max-width:1023px){.demo-dashboard-nav{position:sticky;top:77px;z-index:30}.demo-dashboard-tab{scroll-snap-align:center}}@media (max-width:639px){.demo-page .dashboard-title{text-wrap:balance}.demo-dashboard-frame{border-radius:16px}.demo-attendance-row{align-items:flex-start;gap:12px}}