body,html{height:auto}.center{gap:var(--gap-main);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.clear-wrapper,.grade-wrapper,.result-wrapper{width:100%}.clear-container,.grade-container,.result-container{width:100%;height:100%;overflow:hidden;gap:var(--gap-main)}.table-wrapper{flex:1;width:100%;padding:var(--gap-small);gap:var(--gap-small);border-radius:var(--gap-main);overflow:hidden;background:var(--first-color)}.grade-wrapper .table-wrapper{background:var(--second-color)}.table-container{width:100%;height:100%;padding:var(--gap-main);border-radius:var(--gap-main);background:var(--white-first);display:flex;justify-content:center;align-items:center}.table-container table{width:100%;height:100%;padding:var(--gap-main);border-collapse:collapse;border-radius:var(--gap-middle);overflow:hidden;box-shadow:0 0 5px var(--box-shadow-light);background:var(--white-first)}.table-container th{padding:var(--gap-small);font-size:var(--size-h4);color:var(--black-first);background:var(--first-color)}.clear-wrapper tbody tr{padding:var(--gap-middle) 0}.clear-wrapper tbody td{padding:var(--gap-middle) 0}.clear-wrapper tbody td a.show{display:inline-block;font-weight:bold;background-color:var(--first-color);padding:2px 5px;border-radius:5px}.grade-wrapper .table-wrapper .table-container th{background:var(--second-color)}.table-container td{text-align:center;font-size:var(--size-h4);font-weight:bold}.table-container img{display:inline-block;width:80px}.result-wrapper .table-wrapper tbody tr td:nth-child(1){padding:0 5px}.page-title h2{font-size:var(--size-h1);font-family:var(--font-title);font-weight:bold}@media screen and (max-width: 650px){.table-container,.table-wrapper{padding:var(--gap-small)}.table-container img{display:inline-block;width:60px}.table-container td{font-size:var(--size-basic)}}