.ranking[data-v-e3300909]{display:flex;gap:20px;width:100%}.ranking .filterRank[data-v-e3300909]{cursor:pointer;display:none}.ranking .sorts[data-v-e3300909]{width:20%}.ranking .close[data-v-e3300909]{display:none}.ranking .rankList[data-v-e3300909]{flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;width:0}@media screen and (max-width:768px){.ranking[data-v-e3300909]{flex-direction:column}.ranking .sorts[data-v-e3300909]{background-color:#0c1a34;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:75%;z-index:100}.ranking .sorts .close[data-v-e3300909]{background-color:#0c1a34;box-sizing:border-box;display:flex;justify-content:flex-end;padding:.2666666667rem;width:100%}.ranking .sorts .close .svg-icon[data-v-e3300909]{fill:#fff;font-size:.3733333333rem}.ranking .opaque[data-v-e3300909]{background:#0000004d;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:100}.ranking .filterRank[data-v-e3300909]{align-items:center;display:flex;gap:.1333333333rem;justify-content:flex-end;width:100%}.ranking .filterRank .svg-icon[data-v-e3300909]{font-size:.6rem}.ranking .filterRank span[data-v-e3300909]{font-size:.32rem}.ranking .rankList[data-v-e3300909]{flex:auto;width:100%}}@media screen and (min-width:768px){.sorts[data-v-e3300909]{display:block!important}}