:root{--primary-color: #0f2c3e;--background-color: #f4f4f4;--surface-color: #ffffff;--accent-color: #d7ac39;--gray-color: #ededf0;--light-gray-color: #f4f4f4;--body-color: #ffff00;--field-color: #e9ecef}:root{--header-height: 56px}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}body{background-color:var(--gray-color);color:var(--primary-color)}.queued{color:var(--accent-color)}.app-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:900px;margin:0 auto;box-shadow:0 0 20px #0000001a;background-color:var(--background-color)}.app-header{flex:0 0 auto;z-index:1000;width:100%;padding-top:env(safe-area-inset-top);max-height:56px}.app-content-wrapper{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;overscroll-behavior-y:none;height:100%}.app-content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-left:.5rem;padding-right:.5rem}@media(min-width:576px){.app-content{padding-left:1.5rem;padding-right:1.5rem}}#recompute{background-color:var(--accent-color)}#navbar-container{width:100%}#button-container{max-height:45px}#groups,#groupSize{background-color:transparent;border:none;color:var(--primary-color);background-color:var(--field-color)}#groups:focus,#groupSize:focus{background-color:#fff;color:#333}#previous button:disabled,#next button:disabled,#previous button.disabled,#next button.disabled{background:transparent!important;color:#0f2c3e73!important;border:2px solid rgba(15,44,62,.25)!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed;pointer-events:none}#previous button:disabled i,#next button:disabled i{opacity:.6}#recommend{cursor:pointer}.bg-popout-header{background-color:var(--primary-color)!important}.navbar{background-color:var(--primary-color)!important;color:var(--accent-color)!important;height:40px;display:flex;align-items:center}.navbar .container-fluid{padding-left:.5rem;padding-right:.5rem;height:40px;display:flex;align-items:center}.navbar .nav-link,.navbar .navbar-brand,.navbar .navbar-text{color:var(--surface-color)!important}.navbar-arrow{font-size:1.2rem;transition:opacity .2s ease}.navbar-arrow:hover{opacity:1!important}.navbar-title-container{white-space:nowrap;min-width:200px}.navbar-title-container #navbar-title{display:inline-block;min-width:120px;text-align:center}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.slide-in-left{animation:slideInFromLeft .3s ease-out}.slide-in-right{animation:slideInFromRight .3s ease-out}.navbar-toggler{border-color:#ffffff80}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25em;height:1.25em;border:1px solid var(--primary-color);border-radius:.25em;background-color:var(--surface-color);vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:80%;cursor:pointer}input[type=checkbox]:checked{border-color:var(--accent-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23d7ac39' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}input[type=radio]{accent-color:var(--accent-color)}@media(max-width:576px){#navbarNav{position:absolute;top:56px;left:0;width:100%;background:#fff;z-index:9999}}#navbarNav{box-shadow:0 4px 10px #00000026}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}#save{transition:all .3s ease}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.checkmark{display:inline-block;color:var(--accent-color);animation:pop 1.5s ease}.unsaved{color:red}.login-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-color)}.title-container{margin-bottom:20px}#logo{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.2;text-align:center;color:var(--primary-color)}.fancy-font{font-family:Dancing Script,cursive,Arial,sans-serif}.login-form{width:100%;max-width:400px;padding:20px;border:1px solid var(--gray-color);border-radius:8px;background-color:var(--surface-color);box-shadow:0 2px 8px #0000001a}.link-under-o{color:inherit;text-decoration:none;cursor:pointer;position:relative}.link-under-o:hover:after{content:"";position:absolute;left:0;right:0;bottom:2px;border-bottom:1px solid;color:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.matrix{margin-left:0;margin-right:auto}.matrix .header{font-weight:700;white-space:nowrap}.matrix .header .right{text-align:right}.matrix .speler-naam{text-align:right;white-space:nowrap}.matrix{text-align:center}.matrix .table{padding:0}.matrix .rotated-td{display:inline-block;writing-mode:vertical-lr}.matrix .rotated-label{white-space:nowrap}.matrix th{background-color:var(--surface-color)}.matrix td{background-color:var(--surface-color);border-right:.26px dotted black}.matrix-scroll-wrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;width:100%}.matrix table{border-collapse:separate;border-spacing:0}.matrix table thead th{position:sticky;top:0;background:var(--surface-color, #fff);z-index:2}.matrix table tbody th.speler-naam{position:sticky;left:0;background:var(--surface-color, #fff);z-index:1}.matrix table thead th:first-child{position:sticky;left:0;top:0;z-index:3;background:var(--surface-color, #fff)}.matrix table td.matrix-highlight,.matrix table th.matrix-highlight{background-color:#d7ac3940!important}.matrix table td.matrix-selected{background-color:#d7ac3980!important}.truncate-multiline{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:pointer;max-width:100%}.title-wrapper{min-height:3em;display:flex;flex-direction:column;justify-content:center}.tooltip{pointer-events:none}