.portal-stage{width:100%;min-width:0;position:relative;container-type:inline-size}.portal-device{min-width:0}.portal-laptop{border:1px solid var(--mist);background:var(--page-background);width:100%;height:480px;box-shadow:var(--marketing-card-shadow);border-radius:10px;position:relative;overflow:hidden}.portal-browser-bar{background:var(--cloud);border-bottom:1px solid var(--mist);align-items:center;gap:6px;height:24px;padding:0 12px;display:none}.portal-laptop-app{grid-template-columns:minmax(0,1fr);height:100%;display:grid}.portal-sidebar{background:var(--ink);color:var(--paper);flex-direction:column;display:none}.portal-logo-row{border-bottom:1px solid color-mix(in srgb,var(--mist) 20%,transparent);align-items:center;height:40px;padding:0 12px;display:flex}.portal-laptop-main{min-width:0}.portal-app-bar{border-bottom:1px solid var(--mist);background:var(--paper);height:36px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 10px;display:none}.portal-laptop-content{padding:8px}.portal-laptop:after,.portal-phone-screen:after{content:"";pointer-events:none;background:linear-gradient(transparent,var(--page-background));height:40px;position:absolute;bottom:0;left:0;right:0}.portal-phone{border:1px solid var(--ink);background:var(--ink);width:240px;max-width:100%;height:480px;box-shadow:var(--marketing-card-shadow);border-radius:32px;margin:auto;padding:4px}.portal-phone-screen{background:var(--page-background);border-radius:27px;height:100%;position:relative;overflow:hidden}.portal-status{background:var(--paper);height:30px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;display:flex;position:relative}.portal-camera{background:var(--ink);border-radius:0 0 12px 12px;width:72px;height:15px;position:absolute;top:0;left:50%;transform:translate(-50%)}.portal-phone-content{padding:8px}.portal-student-phone .portal-phone-content{padding-bottom:50px}.portal-student-phone .portal-phone-screen:after{bottom:39px}.portal-student-bottom-bar{z-index:2;border-top:1px solid var(--mist);background:var(--paper);grid-template-columns:repeat(5,minmax(0,1fr));height:39px;display:grid;position:absolute;bottom:0;left:0;right:0}.portal-student-bottom-bar>div{min-width:0;color:var(--slate);letter-spacing:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;line-height:1.3;display:flex}.portal-student-bottom-bar svg{flex:none;width:13px;height:13px}.portal-student-bottom-bar .portal-student-tab-active{color:var(--ink);font-weight:700}.portal-popouts{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin-top:22px;padding-bottom:8px;display:flex;position:relative;overflow-x:auto}.portal-popouts::-webkit-scrollbar{display:none}.portal-popout{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 80%;min-width:0}.portal-popout-label{color:var(--brand-gold-readable);align-items:flex-start;gap:5px;margin-bottom:8px;font-size:11px;font-weight:700;line-height:1.3;display:flex}.portal-popout-label svg{margin-top:1px}.portal-dots{justify-content:center;display:flex}.portal-popout .shadow-lg{box-shadow:var(--marketing-card-shadow)}.portal-laptop-content,.portal-phone-content,.portal-popout{overflow-wrap:normal;word-break:normal}@media(min-width:768px){.portal-browser-bar{display:flex}.portal-laptop{height:520px}.portal-laptop-app{grid-template-rows:minmax(0,1fr);grid-template-columns:48px minmax(0,1fr);height:auto;position:absolute;inset:24px 0 0}.portal-sidebar{min-height:0;display:flex}.portal-logo-row{justify-content:center;padding:0}.portal-logo-row b,.portal-school-block b,.portal-navigation span,.portal-sidebar-footer>div{display:none}.portal-school-block,.portal-sidebar-footer{justify-content:center;padding-left:0;padding-right:0}.portal-navigation{padding-left:4px;padding-right:4px}.portal-navigation>div{justify-content:center;padding-left:0;padding-right:0}.portal-laptop:after{left:48px}.portal-app-bar{display:flex}.portal-phone{height:520px}.portal-popouts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;margin-top:20px;padding:0;display:grid;overflow:visible}.portal-popout{z-index:1;position:relative}.portal-stage-laptop .portal-popouts{margin-top:12px}.portal-stage-phone .portal-popouts{grid-template-columns:repeat(2,minmax(0,190px));justify-content:center}.portal-dots{display:none}}@media(min-width:1024px){.portal-laptop{height:560px}}@media(min-width:1280px){.portal-laptop-app{grid-template-columns:146px minmax(0,1fr)}.portal-laptop:after{left:146px}.portal-logo-row{justify-content:flex-start;padding:0 12px}.portal-logo-row b,.portal-school-block b,.portal-navigation span,.portal-sidebar-footer>div{display:block}.portal-school-block{justify-content:flex-start;padding-left:8px;padding-right:8px}.portal-sidebar-footer{padding-left:12px;padding-right:12px}.portal-navigation{padding-left:8px;padding-right:8px}.portal-navigation>div{justify-content:flex-start;padding-left:8px;padding-right:8px}}@container (width>=560px){@media(min-width:768px){.portal-stage-phone .portal-popouts{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.portal-stage-phone .portal-popout{width:190px;position:absolute}.portal-stage-phone .portal-popout:first-child{top:160px;left:calc(50% - 280px)}.portal-stage-phone .portal-popout:nth-child(2){top:160px;right:calc(50% - 280px)}.portal-stage-phone{min-height:540px}}}@container (width>=610px){@media(min-width:768px){.portal-stage-phone .portal-popout:first-child{left:calc(50% - 305px)}.portal-stage-phone .portal-popout:nth-child(2){right:calc(50% - 305px)}}}@container (width>=560px) and (width<=609px){@media(min-width:768px){.portal-stage-phone .portal-popouts{margin-top:20px;display:grid;position:relative;inset:auto}.portal-stage-phone .portal-popout{width:auto;position:relative}.portal-stage-phone .portal-popout:first-child,.portal-stage-phone .portal-popout:nth-child(2){top:auto;left:auto;right:auto}}}@media(min-width:768px)and (max-width:1023px){.portal-stage-phone .portal-popouts{margin:0;display:block;position:absolute;inset:0}.portal-stage-phone .portal-popout{width:190px;position:absolute}.portal-stage-phone .portal-popout:first-child{top:160px;left:calc(50% - 305px);right:auto}.portal-stage-phone .portal-popout:nth-child(2){top:160px;left:auto;right:calc(50% - 305px)}}.portal-sidebar-footer{z-index:1;background:var(--ink);flex-shrink:0;position:relative}.portal-profile-tabs>span{padding-left:4px;padding-right:4px}.portal-stage-device-only{min-height:0}.home-device-pair{width:100%;max-width:860px;height:480px;margin:auto;position:relative}.home-ad-device{display:none}.home-student-device{width:240px;margin:auto}.home-student-device .portal-phone{width:100%;height:480px;box-shadow:var(--marketing-photo-shadow)}.home-student-device .portal-phone-screen:after{height:16px;bottom:39px}.home-student-device .portal-status{height:24px}.home-student-device .portal-phone-screen>.h-12{height:40px}.home-student-device .portal-student-bottom-bar{font-size:9px;line-height:1.3}@media(min-width:768px){.home-device-pair{height:600px}.home-ad-device{width:calc(100% - 140px);display:block}.home-ad-device .portal-laptop{height:520px}.home-ad-device .portal-laptop-app{grid-template-columns:48px minmax(0,1fr)}.home-ad-device .portal-laptop:after{left:48px}.home-ad-device .portal-laptop-content{padding:8px 96px 8px 8px}.home-ad-device .portal-logo-row{justify-content:center;padding:0}.home-ad-device .portal-logo-row b,.home-ad-device .portal-school-block b,.home-ad-device .portal-navigation span,.home-ad-device .portal-sidebar-footer>div{display:none}.home-ad-device .portal-school-block,.home-ad-device .portal-sidebar-footer,.home-ad-device .portal-navigation>div{justify-content:center;padding-left:0;padding-right:0}.home-ad-device .portal-navigation{padding-left:4px;padding-right:4px}.home-student-device{width:220px;position:absolute;bottom:0;right:0}}@media(min-width:1024px){.home-device-pair{height:640px}.home-ad-device{width:calc(100% - 140px)}.home-ad-device .portal-laptop{height:560px}.home-student-device{width:220px}}@media(min-width:1280px){.home-ad-device .portal-laptop-app{grid-template-columns:146px minmax(0,1fr)}.home-ad-device .portal-laptop:after{left:146px}.home-ad-device .portal-logo-row{justify-content:flex-start;padding:0 12px}.home-ad-device .portal-logo-row b,.home-ad-device .portal-school-block b,.home-ad-device .portal-navigation span,.home-ad-device .portal-sidebar-footer>div{display:block}.home-ad-device .portal-school-block{justify-content:flex-start;padding-left:8px;padding-right:8px}.home-ad-device .portal-sidebar-footer{padding-left:12px;padding-right:12px}.home-ad-device .portal-navigation{padding-left:8px;padding-right:8px}.home-ad-device .portal-navigation>div{justify-content:flex-start;padding-left:8px;padding-right:8px}}.portal-device,.portal-popout{font-size:10px;line-height:1.3}.portal-device *,.portal-popout *{line-height:1.3}.portal-device svg,.portal-popout svg{flex-shrink:0;width:12px;height:12px}.portal-card{padding:8px}.portal-screen-title,.portal-card-title,.portal-popout-label,.portal-school-name,.portal-popout p,.portal-phone-content p,.portal-phone-content .text-\[10px\]{text-wrap:balance}.portal-popout{align-self:start}.portal-card-title{font-weight:700;display:block}.portal-list-row{border-top:1px solid var(--mist);margin-top:0;padding-top:6px;padding-bottom:6px}.portal-list-row:not(.portal-list-row+.portal-list-row){margin-top:8px}.mt-2>.portal-list-row:first-child{margin-top:0}.portal-card>.portal-list-row:first-child{border-top:0;margin-top:0}.portal-list-row :is(b,.text-\[11px\])+:is(span,p),.portal-list-row>div>div+span{margin-top:2px;display:block}.portal-list-row>div{min-width:0}.portal-list-row>div+p,.portal-list-row>div+span{margin-top:2px}.portal-control{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;height:24px;padding:0 6px;display:inline-flex}.portal-pill{align-self:center;align-items:center;height:20px;padding:0 6px}.portal-laptop-content table{table-layout:auto;margin-top:8px}.portal-laptop-content th,.portal-laptop-content td{padding:6px 3px}.portal-laptop-content th:first-child,.portal-laptop-content td:first-child{padding-left:0}.portal-laptop-content th:last-child,.portal-laptop-content td:last-child{padding-right:0}.portal-profile-tabs>span{padding:6px 4px}.portal-school-name>span{display:inline-block}.portal-student-bottom-bar svg{width:13px;height:13px}@media(min-width:768px)and (max-width:1023px){.home-student-device .portal-student-bottom-bar>div{letter-spacing:-.2px;font-size:8px}}@media(min-width:1024px){.home-student-device .portal-student-bottom-bar>div{letter-spacing:-.2px;font-size:9px}}.portal-phone,.home-student-device .portal-phone,.home-device-pair,.portal-laptop{height:540px}@media(min-width:768px){.portal-phone,.portal-laptop{height:580px}.home-ad-device .portal-laptop{height:558px}.home-device-pair{height:660px}}@media(min-width:1024px){.home-ad-device .portal-laptop{height:560px}.home-device-pair{height:700px}}@media(min-width:768px){.portal-stage-laptop .portal-popouts{grid-template-rows:auto auto;row-gap:8px}.portal-stage-laptop .portal-popout{grid-template-rows:subgrid;grid-row:span 2;align-self:stretch;display:grid}.portal-stage-laptop .portal-popout-label{margin-bottom:0}.portal-stage-laptop .portal-popout>:last-child{align-self:start}}