:root{min-width:1450px;--separatorColor: #87808b;--text-unimportant-color: #3c4043;--black: black;--info: #8C8CFF;--notice: #FFC800;--warning: red;--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:4rem}h3{display:inline}.separator{margin-top:5rem}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}.container{margin:4rem}.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}.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}.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-group-name>span{font-size:.8rem;margin-right:.5rem}.details-second-row{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-second-row{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_download-button{margin-top:1rem;text-align:center}.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}