@keyframes styles_skeleton-animation__838zA{0%{transform:translateX(-100%)}30%{transform:translateX(-100%)}to{transform:translateX(100%)}}.styles_container__uPk5n{width:-moz-fit-content;width:fit-content;padding:16px;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .25s ease-in-out,opacity .25s ease-in-out;border-radius:var(--shape-borderRadius);opacity:.8;position:relative;overflow:hidden;cursor:pointer}.styles_container__uPk5n:after,.styles_container__uPk5n:before{content:"";width:100%;height:100%;z-index:0;position:absolute;transition:all .3s}.styles_container__uPk5n:before{width:100%;height:100%;background:linear-gradient(0deg,var(--rank-color) -30%,var(--card-color) 80%);inset:0;opacity:.3}.styles_container__uPk5n:hover:before{width:400%;height:400%}.styles_container--selected__Y_VTD,.styles_container__uPk5n:hover{background-color:var(--background-paper-color);opacity:1}.styles_container--selected__Y_VTD:before,.styles_container__uPk5n:hover:before{width:400%;height:100%;opacity:.75}.styles_container--loading__ez2P0{pointer-events:none}.styles_container__image__23jBv{width:42px;height:auto;z-index:1}.styles_container__label__HIYys{font-size:12px;font-weight:700;z-index:1;color:var(--text-primary-color);transition:color .25s ease-in-out;white-space:nowrap}.styles_image__80kW2,.styles_text__Cr_lo{position:relative;overflow:hidden!important;background-color:var(--background-paper-color)}.styles_image__80kW2:after,.styles_text__Cr_lo:after{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden!important;transform:translateX(-100%);content:"";background:linear-gradient(90deg,transparent,var(--background-default-color),transparent);pointer-events:none;opacity:.8;animation:styles_skeleton-animation__AHZmp 2s infinite}@keyframes styles_skeleton-animation__AHZmp{0%{transform:translateX(-100%)}30%{transform:translateX(-100%)}to{transform:translateX(100%)}}.styles_image__80kW2,.styles_text__Cr_lo{border-radius:var(--shape-borderRadius)}.styles_image__80kW2{width:32px;height:32px}.styles_text__Cr_lo{width:40px;height:14px}@keyframes styles_skeleton-animation__9sHKM{0%{transform:translateX(-100%)}30%{transform:translateX(-100%)}to{transform:translateX(100%)}}.styles_container__BXAjX{width:-moz-fit-content;width:fit-content;padding:16px;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .25s ease-in-out,opacity .25s ease-in-out;border-radius:var(--shape-borderRadius);opacity:.8;position:relative;overflow:hidden;color:var(--text-secondary-color);cursor:pointer}.styles_container__BXAjX:after,.styles_container__BXAjX:before{content:"";width:100%;height:100%;z-index:0;position:absolute;transition:all .3s}.styles_container__BXAjX:before{width:100%;height:100%;inset:0;opacity:.3;border:1px solid;background:linear-gradient(0deg,var(--rank-color) -30%,var(--card-color) 80%);border-image:linear-gradient(to top,var(--rank-color) 20%,var(--card-color) 80%);border-image-slice:1}.styles_container__BXAjX:hover:before{width:400%;height:400%}.styles_container--selected___zve8,.styles_container__BXAjX:hover{background-color:var(--background-paper-color);opacity:1;border-radius:var(--shape-borderRadius);color:var(--text-primary-color)}.styles_container--selected___zve8:before,.styles_container__BXAjX:hover:before{width:400%;height:100%;opacity:.75}.styles_container--selected___zve8:after,.styles_container__BXAjX:hover:after{content:"";width:100%;height:100%;border:1px solid;border-image:linear-gradient(to top,var(--rank-color) 20%,var(--card-color) 80%);border-image-slice:1}.styles_container--loading___k1gd{pointer-events:none}.styles_container__image__hBtQC{width:56px;height:auto;z-index:1}.styles_container__label__bnPXK{font-size:12px;font-weight:500;z-index:1;transition:color .25s ease-in-out;white-space:nowrap}@keyframes styles_skeleton-animation__Qlplm{0%{transform:translateX(-100%)}30%{transform:translateX(-100%)}to{transform:translateX(100%)}}.styles_container__Mriwm{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:background .25s ease-in-out,opacity .25s ease-in-out;border-radius:var(--shape-borderRadius);opacity:.8;position:relative;overflow:hidden;color:var(--text-secondary-color);cursor:pointer;padding:2px}@media(max-width:768px){.styles_container__Mriwm{min-width:130px}}.styles_container__Mriwm:after,.styles_container__Mriwm:before{content:"";width:100%;height:100%;z-index:0;position:absolute;transition:all .3s}.styles_container__Mriwm:before{width:100%;height:100%;inset:0;opacity:.3;border:1px solid;border-top:none;background:linear-gradient(0deg,var(--rank-color) -40%,transparent 80%);border-image:linear-gradient(to top,var(--rank-color) 20%,transparent);border-image-slice:1}.styles_container__Mriwm:hover:before{width:400%;height:400%}.styles_container--selected__WgiX_,.styles_container__Mriwm:hover{background-color:var(--background-paper-color);opacity:1;border-radius:var(--shape-borderRadius);color:var(--text-primary-color)}.styles_container--selected__WgiX_:before,.styles_container__Mriwm:hover:before{width:400%;height:100%;opacity:.75}.styles_container--selected__WgiX_:after,.styles_container__Mriwm:hover:after{content:"";width:100%;height:100%;border:1px solid;border-top:none;border-image:linear-gradient(to top,var(--rank-color) 20%,transparent 80%);border-image-slice:1}.styles_container--loading__dGvwH{pointer-events:none}.styles_container__image__KaWUS{width:60%;height:auto;z-index:1}.styles_container__label__9aPqg{font-size:12px;font-weight:500;z-index:1;transition:color .25s ease-in-out;white-space:nowrap}