:root{min-width:1450px;--separatorColor: #87808b;--text-unimportant-color: #3c4043;--black: black;--info: #ebebff;--notice: #ffe070;--warning: #ffa4a4;--small-size: .8rem}*{margin:0;padding:0}body{font-family:Helvetica Neue,sans-serif}.info{display:flex;justify-content:center;align-items:center}.app{max-width:3000px;margin:auto}h1{text-align:center;margin:2rem 0}h3{display:inline}.separator{margin-top:5rem;margin-bottom:2rem}button{height:2rem;padding-left:.5rem;padding-right:.5rem}.content{display:block;margin-left:2rem;margin-right:2rem}.bottom{height:50vh;display:block}.section-filter{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.around-details-open-close{display:inline}.around-details-open-close>button{margin-left:.5rem;width:6rem}.container{margin:4rem}.container-header{display:grid;width:auto;grid-template-columns:1fr 1fr 1fr;align-items:center}.container-header-right{justify-self:right}.time-line-line{border-top:1px solid black;height:1.5rem;display:flex;flex-direction:row;justify-content:space-between}.time-line-line.first{border:none;font-size:var(--small-size)}.time-line-line.first>div{display:flex;flex-direction:row;justify-content:center;align-items:center}.time-line-line.last{border:none}.lines-control{text-align:start;margin:1rem;margin-left:0}.lines-control>button{width:7rem;margin-right:.5rem}.group-name{--width: 9rem;width:var(--width);min-width:var(--width);max-width:var(--width);display:flex;justify-content:end;align-items:center;border-right:1px solid var(--separatorColor);box-sizing:border-box;padding-right:1rem}.group-name>div{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-bar{width:100%}.tags{--width: 6rem;width:var(--width);min-width:var(--width);max-width:var(--width);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--separatorColor)}.tag-space{width:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.tag-space>div{border-radius:4pt;width:5rem;height:1.2rem;font-size:var(--small-size);display:flex;justify-content:center;align-items:center}.tag-space>div.standard{display:none}.standard{background-color:var(--info)}.notice{background-color:var(--notice)}.warning{background-color:var(--warning)}.tooltip{display:inline-block;position:relative}.tooltip-text{visibility:hidden;text-align:center;position:absolute;bottom:125%;left:50%;transform:translate(-100%)}.tooltip-looks{width:max-content;white-space:normal;max-width:20rem;overflow-wrap:break-word;box-shadow:0 2px 6px #0003;font-size:var(--small-size);border-radius:4px;padding:8px;background-color:#fff;z-index:1}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.highlighted{background:#8080802b}.modal-content{padding:2rem}.modal-content>div{margin-bottom:1rem}.diagramabsrel{display:flex;flex-direction:row;min-height:10rem;padding:1rem 0 0}.diagramabsrel>div{flex:1}.diagramabsrel-diagram{height:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content}.diagramabsrel-diagram>div{height:80%}.diagramabsrel-absrel{display:flex;flex-direction:column;justify-content:center}.details-line{min-height:1rem;display:flex;flex-direction:row;justify-content:space-around}.details-line-header{height:2rem;text-align:center;align-items:center}.member-names>div>div>.details-line{justify-content:end;margin-right:2rem}.details-lines-body{display:grid;grid-template-columns:1fr 1fr}.centered-vertically{display:flex;flex-direction:column;justify-content:center;height:100%}.absrel-special{background-color:#f4f4f6}.group-details-member-highlight{background-color:#8c8cff}.absrel-text-container{display:flex;width:9rem;text-align:end}.absrel-text-container>div{flex:1}.absrel-abs{padding-right:.5rem}.absrel-in-parenthesis{display:flex;flex-direction:row;justify-content:space-between}.absrel-in-parenthesis>:nth-child(2){width:3rem}.details-card{border:1px solid black;border-radius:4pt;padding:1rem;margin-bottom:1rem}.details-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.details-second-row{display:flex;flex-direction:row;align-items:end}.details-second-row>:first-child{flex:1 1 auto}.details-second-row>:last-child{flex:0 0 auto}.details-group-name>span{font-size:.8rem;margin-right:.5rem}.details-contents{display:grid;grid-template-columns:repeat(13,1fr);row-gap:2rem;min-height:10rem}.details-grid-item{border-left:solid 1px black;padding-left:1rem;padding-right:1rem}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-reason{grid-column:span 4}@media (max-width: 2000px){.details-contents{grid-template-columns:repeat(9,1fr)}.col-reason{grid-column:span 9;border-left:none}}.around_info-button{margin-left:.5rem;display:inline}.details-student-name{border:none}.details-group-text{display:flex;justify-content:space-between;flex-direction:column}.details-line-tag{justify-content:start}.details-line-tag>div>span{display:inline-block;font-size:.8rem;margin-right:.5rem}.details-reason{display:flex}.entire-group{margin-top:.5rem}.around-detail-buttons{margin-top:1rem;display:flex;flex-direction:row;justify-content:center}.third-row{margin:1rem 0 0}.table{width:100%;border-collapse:collapse;table-layout:fixed;border:3px solid black}.table-cell{border:1px solid black;padding:.5rem}.table-cell-1{width:10%;text-align:center}.table-cell-2{width:15%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center{text-align:center}.table-cell-disabled{background-color:#d3d3d3}.outer-line-end{border-bottom:3px double black}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2}.modal-foreground{background:#fff;padding:1.5rem;border-radius:4px;max-width:500px;width:90%;box-shadow:0 4px 12px #0000004d;position:relative}.modal-foreground button{background:none;border:none;cursor:pointer;position:absolute;top:.75rem;right:.75rem;font-size:1.25rem}.rule-config-line{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid black;border-radius:.5rem;padding:.5rem;align-items:center;margin-top:.5rem}.rule-config-line>div{display:flex;gap:.5rem;align-items:center}.rule-config-header{margin-top:.5rem}.center{justify-content:center}