.housepoints-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.housepoint-hourglass{width:7rem;margin:auto}.housepoint-hourglass .points{margin-top:0.5rem;text-align:center;font-size:1rem}.housepoint-hourglass-last-changes{display:grid;gap:0.5rem}.housepoint-hourglass-last-changes-heading{margin-top:1rem;margin-bottom:0.5rem;text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:0.5px;text-align:center}.index-housepoints{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;margin-top:1rem;background-color:var(--background-color-dark);padding:1rem;width:40%;margin:auto}.housepoint-hourglass-index .housepoint-hourglass{width:unset}.housepoint-hourglass-index svg{width:2rem}.housepoint-hourglass-index .points{font-size:0.75rem}.housepoints-form-headline{margin-top:4rem}.housepoints-form{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.housepoints-form-label-input-container label{text-transform:uppercase;font-weight:700;letter-spacing:0.5px;font-size:10px}.housepoints-form-label-input-container input{width:100%}.housepoints-form-label-input-container input::-webkit-outer-spin-button,.housepoints-form-label-input-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.housepoints-form-label-input-container input[type=number]{-moz-appearance:textfield}.button.housepoints-submit{grid-column:1/5}.housepoints-form-label-input-container{display:grid}.housepoints-banner .alert{text-align:left !important}.housepoints-banner ul{margin:0}.housepoint-change a.housepoint-link{border-bottom:1px solid}.housepoint-hourglass path.outline{fill:var(--content-bg) !important}.housepoint-hourglass.gryffindor path{fill:#dd6353}.housepoint-hourglass.hufflepuff path{fill:#ceb140}.housepoint-hourglass.ravenclaw path{fill:#7d8fdb}.housepoint-hourglass.slytherin path{fill:#57ac4c}