[data-v-77ef6cff]:root{--desktop-vw:1vw;--mobile-vw:.23364vw;--mobile-scale:.22292}.server-dropdown[data-v-77ef6cff]{position:relative;width:100%}.server-dropdown__btn[data-v-77ef6cff]{align-items:center;background-image:url(../images/landing/june-ranking/btn_tongkim_select_server.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;display:flex;font-size:.83333vw;font-weight:400;height:2.23958vw;justify-content:space-between;padding-left:.83333vw;padding-right:.83333vw;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:.8;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.server-dropdown__btn[data-v-77ef6cff]:focus{outline:.10417vw solid transparent;outline-offset:.10417vw}.server-dropdown__btn[data-v-77ef6cff]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media screen and (max-width:768px){.server-dropdown__btn[data-v-77ef6cff]{border-radius:.93458vw;font-size:2.1028vw;height:5.60748vw;padding:0 1.86916vw}}.server-dropdown__text[data-v-77ef6cff]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-dropdown__arrow[data-v-77ef6cff]{flex-shrink:0;margin-left:.41667vw;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media screen and (max-width:768px){.server-dropdown__arrow[data-v-77ef6cff]{height:1.16822vw;margin-left:.93458vw;width:1.86916vw}}.server-dropdown__arrow--open[data-v-77ef6cff]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.server-dropdown__menu[data-v-77ef6cff]{border-radius:.20833vw;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;top:calc(100% + .3125vw);width:100%;z-index:40;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-bottom:.20833vw;padding-top:.20833vw;--tw-shadow:0 .20833vw .625vw rgba(0,0,0,.15);--tw-shadow-colored:0 .20833vw .625vw var(--tw-shadow-color);animation:slideDown-77ef6cff .2s ease-out;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media screen and (max-width:768px){.server-dropdown__menu[data-v-77ef6cff]{border-radius:.93458vw;padding-bottom:.46729vw;padding-top:.46729vw;top:6.54206vw}}.server-dropdown__group[data-v-77ef6cff]{border-bottom-width:1px;margin-bottom:.10417vw;--tw-border-opacity:1;border-color:rgb(245 230 225/var(--tw-border-opacity,1));padding-bottom:.10417vw}.server-dropdown__group[data-v-77ef6cff]:last-child{border-bottom-width:0;margin-bottom:0;padding-bottom:0}.server-dropdown__cluster[data-v-77ef6cff]{align-items:center;cursor:pointer;display:flex;gap:.3125vw;--tw-bg-opacity:1;background-color:rgb(250 243 240/var(--tw-bg-opacity,1));font-size:.72917vw;font-weight:400;letter-spacing:.05em;padding:.36458vw .83333vw;text-align:left;--tw-text-opacity:1;color:rgb(138 90 86/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.server-dropdown__cluster[data-v-77ef6cff]:hover{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(178 67 32/var(--tw-text-opacity,1))}@media screen and (max-width:768px){.server-dropdown__cluster[data-v-77ef6cff]{font-size:1.86916vw;gap:.70093vw;padding:.93458vw 1.86916vw}}.server-dropdown__cluster--active[data-v-77ef6cff]{--tw-bg-opacity:1;background-color:rgb(255 245 240/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(178 67 32/var(--tw-text-opacity,1))}.server-dropdown__cluster-badge[data-v-77ef6cff]{border-radius:.20833vw;margin-left:auto;--tw-bg-opacity:1;background-color:rgb(178 67 32/var(--tw-bg-opacity,1));font-size:.46875vw;font-weight:400;letter-spacing:0;padding:1px .3125vw;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media screen and (max-width:768px){.server-dropdown__cluster-badge[data-v-77ef6cff]{border-radius:.46729vw;font-size:1.40187vw;padding:0 .70093vw}}.server-dropdown__group-items[data-v-77ef6cff]{display:flex;flex-direction:column}.server-dropdown__item[data-v-77ef6cff]{cursor:pointer;font-size:.72917vw;font-weight:400;padding:.41667vw 1.25vw;text-align:left;--tw-text-opacity:1;color:rgb(74 28 25/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.server-dropdown__item[data-v-77ef6cff]:hover{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(178 67 32/var(--tw-text-opacity,1))}@media screen and (max-width:768px){.server-dropdown__item[data-v-77ef6cff]{font-size:2.1028vw;padding:.70093vw 2.80374vw}}.server-dropdown__item--active[data-v-77ef6cff]{--tw-bg-opacity:1;background-color:rgb(255 245 240/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(178 67 32/var(--tw-text-opacity,1))}@keyframes slideDown-77ef6cff{0%{opacity:0;transform:translateY(-.41667vw)}to{opacity:1;transform:translateY(0)}}