.app-button{border:2px solid var(--gray-3);background:var(--surface);color:var(--pure-black);border-radius:12px;align-items:center;gap:3px;max-height:50px;padding:5px;display:inline-flex}.app-button.shake{animation:3s ease-in-out infinite pulse;animation-delay:calc(3s + (5s * random()))}.app-button button.button-content:disabled{cursor:unset;background-color:unset!important}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes pulse{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}.button-content{color:var(--button-ink);background:var(--gray-2);letter-spacing:1.12px;white-space:nowrap;border:none;border-bottom:1px solid #524b494d;border-radius:7px 4px 4px 7px;flex:1 0 0;align-self:stretch;align-items:center;gap:6px;min-width:0;padding:8px 12px;font-size:22px;line-height:100%;display:flex}.button-content span{text-overflow:ellipsis;overflow:hidden}.button-content img{width:24px;height:24px}.button-content:hover{cursor:pointer;background-color:var(--gray-3)}.arrow-forward{justify-content:center;align-items:center;width:36px;height:36px;display:flex;transform:scaleX(-1)}.audio-assistance-button:hover{cursor:pointer}.audio-assistance-button img{width:15px!important}.audio-assistance-button{max-height:fit-content}.action-button{height:40px;color:var(--pure-black);background:var(--gray-3);border:none;border-bottom:1px solid #524b494d;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #524b4980}.action-button.xs{height:25px;padding:5px, 5px;gap:6px}.action-button.small{height:30px;padding:6px, 6px;gap:6px}.action-button.normal{height:40px;padding:6px, 12px;gap:6px}.action-button.large{height:50px;padding:8px, 16px;gap:6px}.action-button img{width:16px;height:16px}.action-button.go{background:var(--primary-color);color:var(--on-brand)}.action-button.go:hover{background:var(--primary-color-hover)}.action-button.edit{background:var(--purple);color:var(--on-brand)}.action-button.edit:hover{background:var(--purple-hover)}.action-button.delete{background:var(--dark-pink);color:var(--on-brand)}.action-button.option{background:var(--moss-green);color:var(--on-brand)}.action-button.option:hover{background:var(--moss-green-hover)}.action-button:hover{cursor:pointer;transform:scale(1.02)}.action-button:disabled{cursor:auto;background-color:var(--gray-3)!important}.landing-button{border:none;border-radius:7px;flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:6px 8px;display:flex;box-shadow:0 1px 3px #524b4980}.landing-button span{flex-direction:row;align-items:center;gap:10px;display:flex}.landing-button:hover{cursor:pointer;transform:scale(1.02)}.landing-button.black{background:var(--text);color:var(--surface)}.landing-button.white{background:var(--surface);color:var(--pure-black)}.landing-button.green{background:var(--dark-green);color:var(--on-brand)}.landing-button.grey{background:var(--gray-2);border-bottom:1px solid #524b494d}.landing-button.blue{background:var(--dark-blue);color:var(--on-brand)}.landing-button img{width:20px!important;height:20px!important}.icon-button{background:var(--gray-3);border:none;border-radius:4px;align-items:center;padding:6px;display:flex;flex:none!important}.icon-button:hover{cursor:pointer;background:var(--gray-3);transform:scale(1.02)}.icon-button.transparent{background:0 0}.icon-button.edit{background:var(--purple);color:var(--on-brand)}.icon-button.edit:hover{background:var(--purple-hover)}.icon-button.go{background:var(--primary-color);color:var(--on-brand)}.icon-button.go:hover{background:var(--primary-color-hover)}.icon-button.download-roster-button{z-index:1;background-color:var(--moss-green);width:32px;height:32px;color:var(--on-brand);opacity:.3;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.icon-button.download-worksheet-button{z-index:1;background-color:var(--moss-green);width:32px;height:32px;color:var(--on-brand);opacity:.4;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.icon-button.download-worksheet-button:hover:not(:disabled){opacity:1}.sidebar-button{text-align:center;border:none;border-radius:7px;flex-direction:row;justify-content:left;align-self:stretch;align-items:center;gap:14px;height:60px;padding:15px;display:flex;box-shadow:0 1px 3px #524b4980}.sidebar-button img{width:24px;height:24px}.sidebar-button:hover{cursor:pointer;transform:scale(1.02)}.sidebar-button.go{background:var(--primary-color);color:var(--on-brand)}.sidebar-button.go:hover{background:linear-gradient(0deg, #0003 0%, #0003 100%), var(--primary-color)}.sidebar-button.default{background:var(--gray-3);color:var(--gray-10)}.sidebar-button.default:hover{background:var(--gray-4)}.sidebar-button.option{background:var(--purple);color:var(--on-brand)}.sidebar-button.option:hover{background:var(--purple-hover)}.sidebar-button.view{background:var(--moss-green);color:var(--on-brand)}.sidebar-button.view:hover{background:var(--moss-green-hover)}.sidebar-nav{flex-direction:column;align-self:stretch;gap:8px;display:flex}.sidebar-nav-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--gray-8);padding:0 2px;font-size:11px;font-weight:600}.sidebar-nav-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sidebar-nav-item{border:1px solid var(--gray-3);background:var(--gray-2);color:var(--gray-10);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;transition:background .15s,transform .1s;display:flex}.sidebar-nav-item.go{background:var(--primary-color);color:var(--on-brand)}.sidebar-nav-item.go:hover{background:var(--primary-color-hover)}.sidebar-nav-item:hover{background:var(--gray-3);transform:translateY(-1px)}.sidebar-nav-item .sidebar-nav-item-label{letter-spacing:.3px;text-align:center;font-size:12px;font-weight:500;line-height:1.2}@media screen and (width<=700px){.button-content{font-size:18px}}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--gray-1);z-index:101;pointer-events:auto;border-radius:24px;flex-direction:column;align-items:stretch;gap:0;width:fit-content;max-width:95vw;max-height:95vh;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #524b4933}.modal-body{overscroll-behavior:contain;flex-direction:column;flex:auto;align-items:stretch;min-height:0;padding:36px 12px 12px;display:flex;overflow:hidden auto}.x-modal-button{background:var(--gray-2);z-index:100;border:none;border-radius:4px;align-items:center;gap:10px;padding:6px;display:flex;position:absolute;top:10px;right:10px}.x-modal-button:hover{cursor:pointer}