html{color:#323c4c;height:100vh;margin:0;padding:0;font-family:Lato,sans-serif}body{background:#dedcda;height:100vh;margin:0 auto;padding:0}body.no-print .pane-content{padding:0}h1.header{white-space:nowrap;background:#adc7e1;border-bottom:2px solid #193243;width:100%;margin-top:0;font-size:clamp(24px,10vw,48px);font-weight:lighter}h1.header a{color:#000;text-decoration:none}h1.header img{height:1em;margin-bottom:-.1em}.content,.subtitle,.privacy{margin:0 .5em}.pane{max-width:800px;margin:2em auto;box-shadow:6px 4px 6px #0003}.pane .pane-title{color:#fff;background:#323c4c;padding:1em 0 .8em .6em}.pane .pane-title span.chevron{float:right;padding-right:1.5em}.pane .pane-title span.chevron:before{content:"—"}.pane .pane-title span.chevron.collapsed:before{content:"+"}.pane .pane-content{background:#8dadc8;padding:.6em 0}.setup-pane>table.tile{border:1.5px solid #000}.setup-pane{flex-direction:column;align-items:center;gap:20px;display:flex}.preview-pane{text-align:center}.preview-header{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.preview-title{text-align:center;flex:0;width:100%;margin:10px}.preview-settings-btn{width:30px;position:absolute;top:10px;right:5px}.preview-checkbox-row{justify-content:center;gap:20px;margin-top:25px;display:flex}.setup-inputs{width:100%;margin-top:1em;display:flex}.setup-inputs>*{flex:1}.setup-inputs>:first-child{flex:25%}.setup-inputs>:nth-child(2){flex:50%;justify-content:center;align-items:center;display:flex}.setup-inputs>:nth-child(3){flex:25%}.setup-inputs .setup-input{display:block}.setup-inputs .setup-input .label{text-align:center;font-weight:700}.setup-inputs .setup-input select{margin:0 auto;display:block}@media (width<=600px){.setup-inputs{flex-direction:column}.setup-inputs .setup-input{background:#adc7e1;width:100%;margin-top:.5em}.setup-inputs .setup-input select{width:100%}}table.roster-table th{color:#fff;background:#323c4c}table.roster-table td{background:#8dadc8}table.roster-table td input.tail{max-width:5em}table.roster-table td input.qualification{max-width:10em}table.tile{background:#fff;width:100%;margin:auto;padding:0}table.tile.preview{border:none;font-size:small}table.tile.preview td.left img,table.tile.preview td.right img{max-width:4vw}table.tile.occupant td.left img,table.tile.occupant td.right img{max-width:40px}table.tile td.left{text-align:right}table.tile td.right{text-align:left}table.tile td.left,table.tile td.right{width:70px}table.tile td.left img,table.tile td.right img{max-width:70px;max-height:70px}table.tile td.middle{text-align:center;width:10em;font-family:sans-serif}.lineup-container{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(30px,1fr);gap:10px;width:100%;display:grid}.lineup-container.c1{grid-template-columns:repeat(1,1fr)}.lineup-container.c2{grid-template-columns:repeat(2,1fr)}.lineup-container.c3{grid-template-columns:repeat(3,1fr)}.lineup-container.c4{grid-template-columns:repeat(4,1fr)}.lineup-container.c5{grid-template-columns:repeat(5,1fr)}.lineup-container .lineup-cell{cursor:pointer;flex-direction:column;display:flex}.lineup-container .lineup-cell .lineup-cell-inner{text-align:center;background:#fff;border:1.5px solid #000;flex:1;justify-content:center;align-items:center;width:100%;min-height:30px;display:flex}.lineup-container .lineup-cell .lineup-occupant{border:1.5px solid gray;width:100%;display:flex}.lineup-container .lineup-cell .lineup-occupant-add{background:#fff;border:1.5px solid gray;justify-content:center;width:100%;display:flex}.lineup-container .lineup-cell.label-color-red{background:red}.lineup-container .lineup-cell.label-color-white{background:#fff}.lineup-container .lineup-cell.label-color-blue{background:#00f}.lineup-container .lineup-cell.label-color-green{background:green}.lineup-container .lineup-cell.label-color-yellow{background:#ff0}.lineup-container .lineup-label input.lineup-label-input{text-align:center;height:2em;font-weight:700}.lineup-container .lineup-cell,.lineup-container .empty{color:#d3d3d3}body.no-print input.lineup-label-input{border:none;font-size:large}.lineup-container.labels{grid-template-rows:auto minmax(30px,1fr)[row-start]}.lineup-container.labels.c1{grid-template-columns:1.6em repeat(1,1fr)}.lineup-container.labels.c2{grid-template-columns:1.6em repeat(2,1fr)}.lineup-container.labels.c3{grid-template-columns:1.6em repeat(3,1fr)}.lineup-container.labels.c4{grid-template-columns:1.6em repeat(4,1fr)}.lineup-container.labels.c5{grid-template-columns:1.6em repeat(5,1fr)}.lineup-container.has-row-handle.c1{grid-template-columns:1.6em repeat(1,1fr)}.lineup-container.has-row-handle.c2{grid-template-columns:1.6em repeat(2,1fr)}.lineup-container.has-row-handle.c3{grid-template-columns:1.6em repeat(3,1fr)}.lineup-container.has-row-handle.c4{grid-template-columns:1.6em repeat(4,1fr)}.lineup-container.has-row-handle.c5{grid-template-columns:1.6em repeat(5,1fr)}.drag-handle{color:#727171;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;margin:5px;padding:4px 1px;font-size:1em;transition:background .2s;display:inline-block}.drag-handle:hover{background:#e0e7ef}.drag-handle:active{cursor:grabbing;background:#adc7e1}label{display:block}.modal-overlay{display:none}.modal-overlay.active{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active .modal{background:#fff;border-radius:10px;width:500px;max-width:100%;height:80%;min-height:500px;padding:20px;position:relative}.modal-overlay.active .modal input.modal-control{width:100%;margin-top:1em;padding:1em;display:block}.canvas{display:none}.plane-pick{flex-direction:column;height:100%;display:flex;overflow:hidden}.plane-pick .close-button button{float:right;margin-top:10px;margin-right:20px;display:block}.plane-pick .plane-selected{box-sizing:border-box;flex-shrink:0;padding-right:16px}.plane-pick .plane-all{flex-grow:1;overflow-y:auto}.plane-pick ul{list-style:none}.plane-pick ul li{padding:.5em}.plane-pick ul li table{cursor:pointer;border:1.5px solid #000}.plane-pick .search-text{text-align:center;flex-shrink:0}.plane-pick .search-text input[type=text]{width:75%;font-size:16pt}.share .close-button button{float:right;margin-top:10px;margin-right:20px;display:block}.share h3{clear:both}.share .text{text-align:center;flex-shrink:0}.share .text input[type=text]{width:75%;font-size:16pt}.share .text button{font-size:16pt}input.flash{background:#ff0}.settings-panel{overflow:auto}.settings-grid table{border-collapse:collapse;width:100%}.settings-grid th,.settings-grid td{text-align:center;border-bottom:1px solid #e5e7eb;padding:4px 8px}.settings-grid thead th:first-child,.settings-grid tbody .row-label{text-align:left}.settings-grid td.disabled{opacity:.45}.settings-grid input[type=checkbox]{width:16px;height:16px}.form-margin-top{margin-top:.5em}@media print{body{background:#fff}.no-print{display:none!important}.pane{box-shadow:none}.pane-content{background:#fff}.lineup-cell.empty{color:#0000;border:none}.lineup-cell.empty .lineup-cell-inner{border:none}}body.no-print{background:#fff}body.no-print .no-print{display:none!important}body.no-print .pane{box-shadow:none}body.no-print .pane-content{background:#fff}body.no-print .lineup-cell.empty{color:#0000;border:none}body.no-print .lineup-cell.empty .lineup-cell-inner{border:none}@media screen and (width<=600px){.roster-pane,.lineup-container{overflow-x:auto}}
/*# sourceMappingURL=index.css.map */