.index .flex-col{display:flex;flex-direction:column;margin-left:2%;margin-right:2%;margin-top:50px;padding-bottom:157px;width:100%;max-width:var(--size-index-box-width-max);height:100%;text-align:center}.index .persons-container{align-items:flex-start;display:flex;flex-direction:1;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:38px;height:100%;padding-bottom:20px;overflow-y:auto;overflow-x:hidden}.persons-container::-webkit-scrollbar{width:1px}.persons-container::-webkit-scrollbar-track{background:var(--secondary-color);border-radius:25px}.persons-container::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:25px;margin-left:40px}.index .person-box{align-items:flex-end;background-color:var(--secondary-color);border-radius:10px;display:flex;justify-content:flex-end;width:calc(20% - 28px);min-width:var(--size-person-box-width-min);aspect-ratio:10/11;padding:10px 6px;box-sizing:border-box;user-select:none}.person-box-dead{filter:grayscale(100%)}.index .person-box:hover{transform:scale(1.1);cursor:pointer;z-index:3}.index .person-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;white-space:pre-line;line-height:1;font-weight:700;color:#000;display:none;border-radius:10px;content:attr(data-tooltip)}.index .person-box:hover::before{display:block}.index .person-label{background-color:var(--secondary-color);color:var(--text-color);border-radius:7px;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;height:20%;overflow:hidden;opacity:90%;transition:height .4s}.index .person-box:hover .person-label{height:96%;content:attr(data-tooltip);align-items:last baseline}.index .person-box:hover .person-label p{transform:translateY(-20px)}@keyframes fadein{from{opacity:0}to{opacity:1}}.index .person-label p{color:var(--dove-gray);font-family:var(--font-family-gillsans-ultrabold);font-size:var(--font-size-m)}.index .tooltip{padding-top:15px;padding-left:20px;padding-right:20px;position:absolute;top:0;left:0;width:100%;height:100%;white-space:pre-line;line-height:1;font-size:var(--font-size-s);font-weight:700;color:var(--text-color);display:none;border-radius:10px;-webkit-animation:fadein .4s;animation:fadein .4s;opacity:0;font-family:var(--font-family-gillsans-ultrabold)}.index .person-box:hover .tooltip{display:block}.index .person-box:hover .tooltip p{display:block;opacity:1}@media screen and (max-width:1500px){.index .person-box:hover .person-label p{visibility:hidden}.index .tooltip{font-size:var(--font-size-s)!important}.index .person-label p{font-size:var(--font-size-tt)}}@media screen and (max-width:680px){.index .flex-col{padding-bottom:125px}}@media screen and (max-width:540px){.index .flex-col{margin-top:10px;padding-bottom:80px}}