@charset "UTF-8";
@font-face {
  font-family: ProximaNova400;
  src: url("/assets/fonts/ProximaNovaRegular.otf") format("opentype");
}
@font-face {
  font-family: ProximaNova500;
  src: url("/assets/fonts/ProximaNovaRegular.otf") format("opentype");
}
@font-face {
  font-family: ProximaNova600;
  src: url("/assets/fonts/ProximaNovaSemibold.otf") format("opentype");
}
@font-face {
  font-family: ProximaNova700;
  src: url("/assets/fonts/ProximaNovaBold.otf") format("opentype");
}
@font-face {
  font-family: ProximaNova800;
  src: url("/assets/fonts/ProximaNovaExtrabold.otf") format("opentype");
}
@font-face {
  font-family: CascadiaMonoConsole;
  src: url("/assets/fonts/CascadiaMono.ttf") format("truetype");
}
:root {
  --CfxResolver-primaryColor: #197DFF;
  --CfxResolver-primaryBackdropColor: color-mix(in srgb, var(--CfxResolver-primaryColor) 8%, var(--CfxResolver-mainBackground));
  --CfxResolver-blurGradientColor1: #197DFF60;
  --CfxResolver-blurGradientColor2: #07152A60;
  --CfxResolver-blurGradientAmount: blur(10px);
  --CfxResolver-boxShadow: unset;
  --CfxResolver-skellyLoad1: #7780A1;
  --CfxResolver-skellyLoad2: #51576D;
  --CfxResolver-onlineStatusOnline: #05A884;
  --CfxResolver-onlineStatusAway: #F0B232;
  --CfxResolver-onlineStatusDND: #ED4245;
  --CfxResolver-onlineStatusOffline: #7A7E87;
  --CfxResolver-mainBackground: #050C17;
  --CfxResolver-navbarBackground: #050C17;
  --CfxResolver-sideMenuBackground: #050C17;
  --CfxResolver-sideMenuBackgroundMobile: #050C17;
  --CfxResolver-sideMenuPulseText: #FFF;
  --CfxResolver-sideMenuSideline: #2C2D3050;
  --CfxResolver-sideMenuCategoryHeader: #FFFFFF;
  --CfxResolver-sideMenuCategoryHeaderLock: #FFFFFF;
  --CfxResolver-sideMenuCategoryHeaderLockReason: var(--CfxResolver-generic-chip-redbackdrop);
  --CfxResolver-sideMenuCategoryHeaderLockReasonText: var(--CfxResolver-generic-chip-red);
  --CfxResolver-sideMenuCategoryHeaderHover: #FFFFFF;
  --CfxResolver-sideMenuIcons: #7780A1;
  --CfxResolver-sideMenuText: #7780A1;
  --CfxResolver-sideMenuHover: #08182F;
  --CfxResolver-sideMenuHoverText: #FFFFFF;
  --CfxResolver-sideMenuSelected: var(--CfxResolver-generic-chip-bluebackdrop);
  --CfxResolver-sideMenuSelectedText: var(--CfxResolver-generic-chip-blue);
  --CfxResolver-sideMenuUnusable: #9195AB20;
  --CfxResolver-sideMenuUnusableText: #7780A1;
  --CfxResolver-NavbarUnderline: var(--CfxResolver-sideMenuSideline);
  --CfxResolver-NavbarIconColor: #5A6383;
  --CfxResolver-profileSectionDropdown: #020812;
  --CfxResolver-profileSectionDropdownText: #7780A1;
  --CfxResolver-profileSectionDropdownHeader: #FFF;
  --CfxResolver-profileSectionDropdownHover: #0D1522;
  --CfxResolver-profileSectionDropdownSpacer: var(--CfxResolver-sideMenuSideline);
  --CfxResolver-generic-chip-red: #FF3232;
  --CfxResolver-generic-chip-redbackdrop: #582022;
  --CfxResolver-generic-chip-green: #00D085;
  --CfxResolver-generic-chip-greenbackdrop: #042023;
  --CfxResolver-generic-chip-blue: #197DFF;
  --CfxResolver-generic-chip-bluebackdrop: #08182F;
  --CfxResolver-generic-chip-purple: #7A69FB;
  --CfxResolver-generic-chip-purplebackdrop: #1D1F45;
  --CfxResolver-generic-chip-orange: #ff7C51;
  --CfxResolver-generic-chip-orangebackdrop: #372322;
  --CfxResolver-contentSpacing: 40px;
  --module-general-containerBackground: #0D1522;
  --module-general-containerBackground2: #152237;
  --module-general-containerBorder: var(--CfxResolver-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #7780A1;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--CfxResolver-sideMenuSideline);
  --moduleLookupClient-searchbar: #0D1522;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--CfxResolver-secundairBackground);
  --CfxResolver-profileImageBorder: var(--CfxResolver-mainBackground);
  --CfxResolver-profileNameContainer: var(--CfxResolver-mainBackground);
  --backdrop-color: rgba(40, 42, 51, 0.9);
  --hairline: color-mix(in srgb, var(--CfxResolver-separator) 60%, transparent);
  --CfxResolver-serverinfoBackground: rgba(10,12,14,.95);
  --CfxResolver-panel: rgba(18,20,23,.96);
  --CfxResolver-elevated: rgba(24,27,31,.96);
  --CfxResolver-border: #2a2f34;
  --CfxResolver-separator: #202428;
  --CfxResolver-text: #eef2f4;
  --CfxResolver-textMuted: #a8b0b6;
  --CfxResolver-textDim: #7d868c;
  --CfxResolver-serverinfoButtons: rgba(28,32,36,.96);
  --CfxResolver-serverinfoButtonsHover: rgba(36,41,46,.96);
  --CfxResolver-buttonText: #e8ecee;
  --CfxResolver-accent: #3fd1c6;
  --CfxResolver-accent-600: #35b7ae;
  --CfxResolver-accent-700: #2a9e97;
  --CfxResolver-focus: rgba(63,209,198,.38);
  --CfxResolver-info: #6bb7ff;
  --CfxResolver-success: #48d06d;
  --CfxResolver-warning: #ffb454;
  --CfxResolver-danger: #ff6b7a;
  --CfxResolver-shadow: 0 10px 30px rgba(0,0,0,.35);
  --CfxResolver-blur: blur(6px);
  --row-bg: rgba(255,255,255,0.04);
  --row-bg-hover: rgba(255,255,255,0.08);
  --row-border: rgba(255,255,255,0.10);
  --row-border-hover: rgba(255,255,255,0.18);
  --pill-bg: rgba(255,255,255,0.08);
  --pill-fg: var(--module-general-containerTitle);
  --muted: var(--module-general-containerText);
}

.locale-xx {
  background-image: url(/assets/locale/xx-5f776f5b.svg);
}

.locale-ad {
  background-image: url(/assets/locale/ad-5d1a748c.svg);
}

.locale-ae {
  background-image: url(/assets/locale/ae-3bc52a4a.svg);
}

.locale-af {
  background-image: url(/assets/locale/af-14111fcd.svg);
}

.locale-ag {
  background-image: url(/assets/locale/ag-13128213.svg);
}

.locale-ai {
  background-image: url(/assets/locale/ai-06aeb7cf.svg);
}

.locale-al {
  background-image: url(/assets/locale/al-57743b2d.svg);
}

.locale-am {
  background-image: url(/assets/locale/am-efb6cdaa.svg);
}

.locale-ao {
  background-image: url(/assets/locale/ao-4321af76.svg);
}

.locale-aq {
  background-image: url(/assets/locale/aq-454424bf.svg);
}

.locale-ar {
  background-image: url(/assets/locale/ar-77870402.svg);
}

.locale-as {
  background-image: url(/assets/locale/as-71f068fd.svg);
}

.locale-at {
  background-image: url(/assets/locale/at-2754ed2f.svg);
}

.locale-au {
  background-image: url(/assets/locale/au-cbb2206c.svg);
}

.locale-aw {
  background-image: url(/assets/locale/aw-6cabd939.svg);
}

.locale-ax {
  background-image: url(/assets/locale/ax-1f2bddd3.svg);
}

.locale-az {
  background-image: url(/assets/locale/az-33ad245b.svg);
}

.locale-ba {
  background-image: url(/assets/locale/ba-b321fe9b.svg);
}

.locale-bb {
  background-image: url(/assets/locale/bb-46cfd88a.svg);
}

.locale-bd {
  background-image: url(/assets/locale/bd-1aabb4a7.svg);
}

.locale-be {
  background-image: url(/assets/locale/be-d6aff6fa.svg);
}

.locale-bf {
  background-image: url(/assets/locale/bf-606b17ad.svg);
}

.locale-bg {
  background-image: url(/assets/locale/bg-a2282477.svg);
}

.locale-bh {
  background-image: url(/assets/locale/bh-7a519f58.svg);
}

.locale-bi {
  background-image: url(/assets/locale/bi-5ef1a56b.svg);
}

.locale-bj {
  background-image: url(/assets/locale/bj-0a46cbae.svg);
}

.locale-bl {
  background-image: url(/assets/locale/bl-d511eb84.svg);
}

.locale-bm {
  background-image: url(/assets/locale/bm-45607c46.svg);
}

.locale-bn {
  background-image: url(/assets/locale/bn-03fb1b01.svg);
}

.locale-bo {
  background-image: url(/assets/locale/bo-c43d783e.svg);
}

.locale-bq {
  background-image: url(/assets/locale/bq-23881e6c.svg);
}

.locale-br {
  background-image: url(/assets/locale/br-0de267c8.svg);
}

.locale-bs {
  background-image: url(/assets/locale/bs-1f179c39.svg);
}

.locale-bt {
  background-image: url(/assets/locale/bt-04653c4c.svg);
}

.locale-bv {
  background-image: url(/assets/locale/bv-d972d58c.svg);
}

.locale-bw {
  background-image: url(/assets/locale/bw-180bfa4e.svg);
}

.locale-by {
  background-image: url(/assets/locale/by-c8f5fce1.svg);
}

.locale-bz {
  background-image: url(/assets/locale/bz-c5182369.svg);
}

.locale-ca {
  background-image: url(/assets/locale/ca-6f183784.svg);
}

.locale-cc {
  background-image: url(/assets/locale/cc-51906da2.svg);
}

.locale-cd {
  background-image: url(/assets/locale/cd-ad93c1af.svg);
}

.locale-cf {
  background-image: url(/assets/locale/cf-1b58dc20.svg);
}

.locale-cg {
  background-image: url(/assets/locale/cg-628dcfc7.svg);
}

.locale-ch {
  background-image: url(/assets/locale/ch-ac676cd3.svg);
}

.locale-ci {
  background-image: url(/assets/locale/ci-4ecfea70.svg);
}

.locale-ck {
  background-image: url(/assets/locale/ck-b17c039f.svg);
}

.locale-cl {
  background-image: url(/assets/locale/cl-bcf0ccdf.svg);
}

.locale-cm {
  background-image: url(/assets/locale/cm-c9a327dc.svg);
}

.locale-cn {
  background-image: url(/assets/locale/cn-981da9bd.svg);
}

.locale-co {
  background-image: url(/assets/locale/co-6bab3c96.svg);
}

.locale-cr {
  background-image: url(/assets/locale/cr-4775ef01.svg);
}

.locale-cu {
  background-image: url(/assets/locale/cu-15013e0b.svg);
}

.locale-cv {
  background-image: url(/assets/locale/cv-2fa67e0a.svg);
}

.locale-cw {
  background-image: url(/assets/locale/cw-c845d0ca.svg);
}

.locale-cx {
  background-image: url(/assets/locale/cx-ae25f09c.svg);
}

.locale-cy {
  background-image: url(/assets/locale/cy-c74cf841.svg);
}

.locale-cz {
  background-image: url(/assets/locale/cz-d601fcc2.svg);
}

.locale-de {
  background-image: url(/assets/locale/de-761e230a.svg);
}

.locale-dj {
  background-image: url(/assets/locale/dj-2a22d382.svg);
}

.locale-dk {
  background-image: url(/assets/locale/dk-d2847c0b.svg);
}

.locale-dm {
  background-image: url(/assets/locale/dm-3eb04b16.svg);
}

.locale-do {
  background-image: url(/assets/locale/do-71b1b3fe.svg);
}

.locale-dz {
  background-image: url(/assets/locale/dz-9ea0cf93.svg);
}

.locale-ec {
  background-image: url(/assets/locale/ec-da347b6c.svg);
}

.locale-ee {
  background-image: url(/assets/locale/ee-06eea21c.svg);
}

.locale-eg {
  background-image: url(/assets/locale/eg-c5997f42.svg);
}

.locale-eh {
  background-image: url(/assets/locale/eh-a957f2ae.svg);
}

.locale-er {
  background-image: url(/assets/locale/er-fb5f4394.svg);
}

.locale-es {
  background-image: url(/assets/locale/es-f9fe443d.svg);
}

.locale-et {
  background-image: url(/assets/locale/et-43d5922f.svg);
}

.locale-fi {
  background-image: url(/assets/locale/fi-012edd98.svg);
}

.locale-fj {
  background-image: url(/assets/locale/fj-d7f52f6d.svg);
}

.locale-fk {
  background-image: url(/assets/locale/fk-d7a1f432.svg);
}

.locale-fm {
  background-image: url(/assets/locale/fm-23db3e9f.svg);
}

.locale-fo {
  background-image: url(/assets/locale/fo-ec85991b.svg);
}

.locale-fr {
  background-image: url(/assets/locale/fr-8cdacc8d.svg);
}

.locale-ga {
  background-image: url(/assets/locale/ga-f7b775c4.svg);
}

.locale-gb {
  background-image: url(/assets/locale/gb-c8be1e72.svg);
}

.locale-gd {
  background-image: url(/assets/locale/gd-ecf92e0e.svg);
}

.locale-ge {
  background-image: url(/assets/locale/ge-3821d90a.svg);
}

.locale-gf {
  background-image: url(/assets/locale/gf-cb5464e2.svg);
}

.locale-gg {
  background-image: url(/assets/locale/gg-ea806b48.svg);
}

.locale-gh {
  background-image: url(/assets/locale/gh-53c55ca4.svg);
}

.locale-gi {
  background-image: url(/assets/locale/gi-9fde3a8d.svg);
}

.locale-gl {
  background-image: url(/assets/locale/gl-15a60b07.svg);
}

.locale-gm {
  background-image: url(/assets/locale/gm-2aa3fad4.svg);
}

.locale-gn {
  background-image: url(/assets/locale/gn-ee01e7dd.svg);
}

.locale-gp {
  background-image: url(/assets/locale/gp-ee9d78d0.svg);
}

.locale-gq {
  background-image: url(/assets/locale/gq-b8d96a07.svg);
}

.locale-gr {
  background-image: url(/assets/locale/gr-a184070f.svg);
}

.locale-gs {
  background-image: url(/assets/locale/gs-ba7c7e0d.svg);
}

.locale-gt {
  background-image: url(/assets/locale/gt-60de265e.svg);
}

.locale-gu {
  background-image: url(/assets/locale/gu-e5cb4dff.svg);
}

.locale-gw {
  background-image: url(/assets/locale/gw-6b81a234.svg);
}

.locale-gy {
  background-image: url(/assets/locale/gy-5bd7a7b3.svg);
}

.locale-hk {
  background-image: url(/assets/locale/hk-d9d142b2.svg);
}

.locale-hm {
  background-image: url(/assets/locale/hm-b57fb521.svg);
}

.locale-hn {
  background-image: url(/assets/locale/hn-67130fa0.svg);
}

.locale-hr {
  background-image: url(/assets/locale/hr-5e167b3f.svg);
}

.locale-ht {
  background-image: url(/assets/locale/ht-f360b297.svg);
}

.locale-hu {
  background-image: url(/assets/locale/hu-ffc4edd5.svg);
}

.locale-id {
  background-image: url(/assets/locale/id-5cd3acc4.svg);
}

.locale-ie {
  background-image: url(/assets/locale/ie-f82568d7.svg);
}

.locale-il {
  background-image: url(/assets/locale/il-04a099ac.svg);
}

.locale-im {
  background-image: url(/assets/locale/im-14dd48d6.svg);
}

.locale-in {
  background-image: url(/assets/locale/in-91185efa.svg);
}

.locale-io {
  background-image: url(/assets/locale/io-0561beab.svg);
}

.locale-iq {
  background-image: url(/assets/locale/iq-b6c0c264.svg);
}

.locale-ir {
  background-image: url(/assets/locale/ir-cb363e09.svg);
}

.locale-is {
  background-image: url(/assets/locale/is-4ef2de6f.svg);
}

.locale-it {
  background-image: url(/assets/locale/it-9fa88118.svg);
}

.locale-je {
  background-image: url(/assets/locale/je-dbdfee3f.svg);
}

.locale-jm {
  background-image: url(/assets/locale/jm-f837df1a.svg);
}

.locale-jo {
  background-image: url(/assets/locale/jo-e3a570d5.svg);
}

.locale-jp {
  background-image: url(/assets/locale/jp-bfea80ba.svg);
}

.locale-ke {
  background-image: url(/assets/locale/ke-699163d8.svg);
}

.locale-kg {
  background-image: url(/assets/locale/kg-177caf2d.svg);
}

.locale-kh {
  background-image: url(/assets/locale/kh-706c89a1.svg);
}

.locale-ki {
  background-image: url(/assets/locale/ki-7d34b300.svg);
}

.locale-km {
  background-image: url(/assets/locale/km-81e1befb.svg);
}

.locale-kn {
  background-image: url(/assets/locale/kn-0832acb7.svg);
}

.locale-kp {
  background-image: url(/assets/locale/kp-c0815d9c.svg);
}

.locale-kr {
  background-image: url(/assets/locale/kr-7a6cd5b5.svg);
}

.locale-kw {
  background-image: url(/assets/locale/kw-172a4281.svg);
}

.locale-ky {
  background-image: url(/assets/locale/ky-cedf3c90.svg);
}

.locale-kz {
  background-image: url(/assets/locale/kz-ff45b584.svg);
}

.locale-la {
  background-image: url(/assets/locale/la-da591b98.svg);
}

.locale-lb {
  background-image: url(/assets/locale/lb-251c575c.svg);
}

.locale-lc {
  background-image: url(/assets/locale/lc-99645e00.svg);
}

.locale-li {
  background-image: url(/assets/locale/li-6dbe6c67.svg);
}

.locale-lk {
  background-image: url(/assets/locale/lk-7cacc04f.svg);
}

.locale-lr {
  background-image: url(/assets/locale/lr-69f2ce4b.svg);
}

.locale-ls {
  background-image: url(/assets/locale/ls-83d2e415.svg);
}

.locale-lt {
  background-image: url(/assets/locale/lt-dc040199.svg);
}

.locale-lu {
  background-image: url(/assets/locale/lu-a6c17cd0.svg);
}

.locale-lv {
  background-image: url(/assets/locale/lv-15d4e812.svg);
}

.locale-ly {
  background-image: url(/assets/locale/ly-47d96b6e.svg);
}

.locale-ma {
  background-image: url(/assets/locale/ma-28cfcdec.svg);
}

.locale-mc {
  background-image: url(/assets/locale/mc-690c23fe.svg);
}

.locale-md {
  background-image: url(/assets/locale/md-72e632c4.svg);
}

.locale-me {
  background-image: url(/assets/locale/me-2d8a2d92.svg);
}

.locale-mf {
  background-image: url(/assets/locale/mf-137b371d.svg);
}

.locale-mg {
  background-image: url(/assets/locale/mg-59246c21.svg);
}

.locale-mh {
  background-image: url(/assets/locale/mh-96d7c0b9.svg);
}

.locale-mk {
  background-image: url(/assets/locale/mk-22488dc8.svg);
}

.locale-ml {
  background-image: url(/assets/locale/ml-49e84081.svg);
}

.locale-mm {
  background-image: url(/assets/locale/mm-c0b2e23a.svg);
}

.locale-mn {
  background-image: url(/assets/locale/mn-adf2695f.svg);
}

.locale-mo {
  background-image: url(/assets/locale/mo-72c3a2b0.svg);
}

.locale-mp {
  background-image: url(/assets/locale/mp-732180a3.svg);
}

.locale-mq {
  background-image: url(/assets/locale/mq-94315e14.svg);
}

.locale-mr {
  background-image: url(/assets/locale/mr-7f3c3ca0.svg);
}

.locale-ms {
  background-image: url(/assets/locale/ms-497011d5.svg);
}

.locale-mt {
  background-image: url(/assets/locale/mt-1a645024.svg);
}

.locale-mu {
  background-image: url(/assets/locale/mu-51f86810.svg);
}

.locale-mv {
  background-image: url(/assets/locale/mv-5546d527.svg);
}

.locale-mw {
  background-image: url(/assets/locale/mw-81a7fe8f.svg);
}

.locale-mx {
  background-image: url(/assets/locale/mx-661bdfaf.svg);
}

.locale-my {
  background-image: url(/assets/locale/my-da82a094.svg);
}

.locale-mz {
  background-image: url(/assets/locale/mz-207c2ddc.svg);
}

.locale-na {
  background-image: url(/assets/locale/na-caa43fcd.svg);
}

.locale-nc {
  background-image: url(/assets/locale/nc-f8b9e240.svg);
}

.locale-ne {
  background-image: url(/assets/locale/ne-4b91653d.svg);
}

.locale-nf {
  background-image: url(/assets/locale/nf-298cf95f.svg);
}

.locale-ng {
  background-image: url(/assets/locale/ng-b7a2a45a.svg);
}

.locale-ni {
  background-image: url(/assets/locale/ni-f3892526.svg);
}

.locale-nl {
  background-image: url(/assets/locale/nl-54b194d9.svg);
}

.locale-no {
  background-image: url(/assets/locale/no-ceea17af.svg);
}

.locale-np {
  background-image: url(/assets/locale/np-09078387.svg);
}

.locale-nr {
  background-image: url(/assets/locale/nr-f1de4b06.svg);
}

.locale-nu {
  background-image: url(/assets/locale/nu-835c94f3.svg);
}

.locale-nz {
  background-image: url(/assets/locale/nz-794a2c8c.svg);
}

.locale-om {
  background-image: url(/assets/locale/om-bd5e4e78.svg);
}

.locale-pa {
  background-image: url(/assets/locale/pa-6181586e.svg);
}

.locale-pe {
  background-image: url(/assets/locale/pe-e9dd299d.svg);
}

.locale-pf {
  background-image: url(/assets/locale/pf-7568f177.svg);
}

.locale-pg {
  background-image: url(/assets/locale/pg-39b3e01c.svg);
}

.locale-ph {
  background-image: url(/assets/locale/ph-4cccf403.svg);
}

.locale-pk {
  background-image: url(/assets/locale/pk-d4949a03.svg);
}

.locale-pl {
  background-image: url(/assets/locale/pl-369bb3e1.svg);
}

.locale-pm {
  background-image: url(/assets/locale/pm-10cc79ca.svg);
}

.locale-pn {
  background-image: url(/assets/locale/pn-e4bc9080.svg);
}

.locale-pr {
  background-image: url(/assets/locale/pr-968c343f.svg);
}

.locale-ps {
  background-image: url(/assets/locale/ps-3045c52b.svg);
}

.locale-pt {
  background-image: url(/assets/locale/pt-55239976.svg);
}

.locale-pw {
  background-image: url(/assets/locale/pw-a61ab9d9.svg);
}

.locale-py {
  background-image: url(/assets/locale/py-20b8e698.svg);
}

.locale-qa {
  background-image: url(/assets/locale/qa-fb955ef3.svg);
}

.locale-re {
  background-image: url(/assets/locale/re-7b5a5202.svg);
}

.locale-ro {
  background-image: url(/assets/locale/ro-17a3a747.svg);
}

.locale-rs {
  background-image: url(/assets/locale/rs-cbd1c389.svg);
}

.locale-ru {
  background-image: url(/assets/locale/ru-6c62f886.svg);
}

.locale-rw {
  background-image: url(/assets/locale/rw-9512100a.svg);
}

.locale-sa {
  background-image: url(/assets/locale/sa-07dd2814.svg);
}

.locale-sb {
  background-image: url(/assets/locale/sb-b34eabf3.svg);
}

.locale-sc {
  background-image: url(/assets/locale/sc-30cdbe42.svg);
}

.locale-sd {
  background-image: url(/assets/locale/sd-25b3fa24.svg);
}

.locale-se {
  background-image: url(/assets/locale/se-b3b5071e.svg);
}

.locale-sg {
  background-image: url(/assets/locale/sg-25de9044.svg);
}

.locale-sh {
  background-image: url(/assets/locale/sh-559acea1.svg);
}

.locale-si {
  background-image: url(/assets/locale/si-c73e4b63.svg);
}

.locale-sj {
  background-image: url(/assets/locale/sj-b60dad0e.svg);
}

.locale-sk {
  background-image: url(/assets/locale/sk-e82f6617.svg);
}

.locale-sl {
  background-image: url(/assets/locale/sl-d0c384b0.svg);
}

.locale-sm {
  background-image: url(/assets/locale/sm-3c448abb.svg);
}

.locale-sn {
  background-image: url(/assets/locale/sn-6437db13.svg);
}

.locale-so {
  background-image: url(/assets/locale/so-249e1acb.svg);
}

.locale-sr {
  background-image: url(/assets/locale/sr-5194a6af.svg);
}

.locale-ss {
  background-image: url(/assets/locale/ss-f7ac7017.svg);
}

.locale-st {
  background-image: url(/assets/locale/st-880c17f9.svg);
}

.locale-sv {
  background-image: url(/assets/locale/sv-94e59678.svg);
}

.locale-sx {
  background-image: url(/assets/locale/sx-59d017c7.svg);
}

.locale-sy {
  background-image: url(/assets/locale/sy-9f4f226b.svg);
}

.locale-sz {
  background-image: url(/assets/locale/sz-cc06803f.svg);
}

.locale-tc {
  background-image: url(/assets/locale/tc-83c26721.svg);
}

.locale-td {
  background-image: url(/assets/locale/td-19a278fb.svg);
}

.locale-tf {
  background-image: url(/assets/locale/tf-0bf7174a.svg);
}

.locale-tg {
  background-image: url(/assets/locale/tg-ec624b49.svg);
}

.locale-th {
  background-image: url(/assets/locale/th-329cc0d5.svg);
}

.locale-tj {
  background-image: url(/assets/locale/tj-93a976af.svg);
}

.locale-tk {
  background-image: url(/assets/locale/tk-8040c00b.svg);
}

.locale-tl {
  background-image: url(/assets/locale/tl-09c763aa.svg);
}

.locale-tm {
  background-image: url(/assets/locale/tm-70e92477.svg);
}

.locale-tn {
  background-image: url(/assets/locale/tn-8e0274e5.svg);
}

.locale-to {
  background-image: url(/assets/locale/to-b351703f.svg);
}

.locale-tr {
  background-image: url(/assets/locale/tr-256a1d6a.svg);
}

.locale-tt {
  background-image: url(/assets/locale/tt-04c13dcd.svg);
}

.locale-tv {
  background-image: url(/assets/locale/tv-d94fa5f1.svg);
}

.locale-tw {
  background-image: url(/assets/locale/tw-931757f0.svg);
}

.locale-tz {
  background-image: url(/assets/locale/tz-fd317aba.svg);
}

.locale-ua {
  background-image: url(/assets/locale/ua-2d869c23.svg);
}

.locale-ug {
  background-image: url(/assets/locale/ug-cfbbc57e.svg);
}

.locale-um {
  background-image: url(/assets/locale/um-60a63330.svg);
}

.locale-us {
  background-image: url(/assets/locale/us-e7be4240.svg);
}

.locale-uy {
  background-image: url(/assets/locale/uy-47656c0b.svg);
}

.locale-uz {
  background-image: url(/assets/locale/uz-62ce6f10.svg);
}

.locale-va {
  background-image: url(/assets/locale/va-78d508db.svg);
}

.locale-vc {
  background-image: url(/assets/locale/vc-4e0a8644.svg);
}

.locale-ve {
  background-image: url(/assets/locale/ve-5712f1c6.svg);
}

.locale-vg {
  background-image: url(/assets/locale/vg-7cd2b24c.svg);
}

.locale-vi {
  background-image: url(/assets/locale/vi-91e6caf9.svg);
}

.locale-vn {
  background-image: url(/assets/locale/vn-23550372.svg);
}

.locale-vu {
  background-image: url(/assets/locale/vu-f7bd4168.svg);
}

.locale-wf {
  background-image: url(/assets/locale/wf-ad34db05.svg);
}

.locale-ws {
  background-image: url(/assets/locale/ws-6b1a7ebc.svg);
}

.locale-ye {
  background-image: url(/assets/locale/ye-4ad43705.svg);
}

.locale-yt {
  background-image: url(/assets/locale/yt-f6ed4975.svg);
}

.locale-za {
  background-image: url(/assets/locale/za-1755a5e1.svg);
}

.locale-zm {
  background-image: url(/assets/locale/zm-32fbded9.svg);
}

.locale-zw {
  background-image: url(/assets/locale/zw-2bf28f2b.svg);
}

.locale-cp {
  background-image: url(/assets/locale/cp-bd880fc5.svg);
}

.locale-dg {
  background-image: url(/assets/locale/dg-6f80e54a.svg);
}

.locale-un {
  background-image: url(/assets/locale/un-d088c3e3.svg);
}

.locale-xk {
  background-image: url(/assets/locale/xk-b73926fa.svg);
}

.locale-eu {
  background-image: url(/assets/locale/eu-67040ccd.svg);
}

.locale-ic {
  background-image: url(/assets/locale/ic-9a584e04.svg);
}

.locale-pc {
  background-image: url(/assets/locale/pc-540c3f0b.svg);
}

.locale-eac {
  background-image: url(/assets/locale/eac-0c899038.svg);
}

.locale-arab {
  background-image: url(/assets/locale/arab-e6c1aa2e.svg);
}

.locale-es-ct {
  background-image: url(/assets/locale/es-ct-11229703.svg);
}

.locale-es-ga {
  background-image: url(/assets/locale/es-ga-5642a44f.svg);
}

.locale-es-pv {
  background-image: url(/assets/locale/es-pv-70a6e0fb.svg);
}

.locale-sh-ac {
  background-image: url(/assets/locale/sh-ac-2ef919af.svg);
}

.locale-sh-hl {
  background-image: url(/assets/locale/sh-hl-6d3a5278.svg);
}

.locale-sh-ta {
  background-image: url(/assets/locale/sh-ta-4ccf3700.svg);
}

.locale-cefta {
  background-image: url(/assets/locale/cefta-bfefb0f6.svg);
}

.locale-gb-eng {
  background-image: url(/assets/locale/gb-eng-53797ba9.svg);
}

.locale-gb-nir {
  background-image: url(/assets/locale/gb-nir-a34747d6.svg);
}

.locale-gb-sct {
  background-image: url(/assets/locale/gb-sct-7b55bce7.svg);
}

.locale-gb-wls {
  background-image: url(/assets/locale/gb-wls-3a95845d.svg);
}

.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
  margin-right: 0.25rem;
}

.fi:before {
  content: " ";
}

.fi:lazy {
  background-image: none;
}

.fi.fis {
  width: 1em;
}

.cfxC0 {
  color: #F0F0F0;
}

.cfxC1 {
  color: #F99D97;
}

.cfxC2 {
  color: #92CF94;
}

.cfxC3 {
  color: #fff5A1;
}

.cfxC4 {
  color: #60CCFD;
}

.cfxC5 {
  color: #60CCFD;
}

.cfxC6 {
  color: #CA61DC;
}

.cfxC7 {
  color: #F0F0F0;
}

.cfxC8 {
  color: #FFA588;
}

.cfxC9 {
  color: #9E9E9E;
}

.green {
  color: rgb(25, 148, 25);
}

.red {
  color: rgb(233, 90, 90);
}

.orange {
  color: orange;
}

.search {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.search #CFXResolver__inputContainer {
  position: relative;
  bottom: -19.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: calc(100% - 15px);
}
.search #CFXResolver__inputContainer svg {
  margin: 10px 16px;
  width: 20px;
  height: 20px;
  fill: var(--module-general-containerText);
}
.search #CFXResolver__inputContainer input {
  font-size: 16px;
  padding: 10px 0;
  width: 100%;
  color: var(--moduleLookupClient-searchbarText);
  border: none;
  background: unset;
}
.search #CFXResolver__inputContainer input:focus {
  outline: none;
}
.search #CFXResolver__inputContainer input::-moz-placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
.search #CFXResolver__inputContainer input::placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
.search #CFXResolver__inputContainer .open-filter-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 0 8px 8px 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: ivory;
  padding: 0 8px;
  font-size: 1.2rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.search #CFXResolver__inputContainer .open-filter-btn svg {
  height: 18px;
  width: 18px;
  fill: #FFF;
}
.search #CFXResolver__inputContainer .open-filter-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
  background-color: #0e0d0d;
  color: #fff;
  border-radius: 3px;
  white-space: initial;
  font-size: 0.85rem;
  line-height: 1.2;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 100;
}
.search #CFXResolver__inputContainer .open-filter-btn:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
.search #CFXResolver__inputContainer .open-filter-btn:hover {
  background: var(--CfxResolver-primaryColor);
}

cfxFilter {
  position: fixed;
  inset: 70px 0 0 auto;
  width: min(92vw, 360px);
  height: calc(100vh - 60px);
  padding: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(22, 24, 28, 0.55);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.25);
  z-index: 1000;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  padding-right: max(16px, env(safe-area-inset-right));
  padding-left: max(16px, env(safe-area-inset-left));
  /* ===== Header ===== */
  /* ===== Content area (scrolls) ===== */
  /* ===== Groups ===== */
  /* Search with icon */
  /* ===== Toggle ===== */
  /* ===== Country list ===== */
  /* ===== Active filters ===== */
}
cfxFilter.active {
  transform: translateX(0);
}
cfxFilter cfxFilter-container {
  height: auto;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 12px;
  overflow: hidden;
}
cfxFilter cfxFilter-header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  background: linear-gradient(to bottom, rgba(22, 24, 28, 0.8), rgba(22, 24, 28, 0));
  border-bottom: 1px solid var(--module-general-containerBorder);
}
cfxFilter cfxFilter-header cfxFilter-headerTitle {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.2px;
}
cfxFilter cfxFilter-header cfxFilter-headerCloseBtn {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
cfxFilter cfxFilter-header cfxFilter-headerCloseBtn:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}
cfxFilter cfxFilter-header cfxFilter-headerCloseBtn svg {
  width: 22px;
  height: 22px;
  fill: var(--CfxResolver-NavbarIconColor);
}
cfxFilter cfxFilter-seperator {
  display: none;
}
cfxFilter .filter-scroll {
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  /* eigen scrollbar niet nodig, de lijst scrolt zelf */
}
cfxFilter .filter-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}
cfxFilter .filter-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}
cfxFilter .filter-scroll::-webkit-scrollbar-track {
  background: transparent;
}
cfxFilter .filter-group {
  display: grid;
  gap: 8px;
}
cfxFilter .filter-group label {
  font-size: 0.9rem;
  color: #d8d8d8;
  font-weight: 600;
}
cfxFilter .filter-group input[type=text],
cfxFilter .filter-group select {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--CfxResolver-panel);
  color: var(--CfxResolver-text);
  font-size: 0.95rem;
  padding: 0 12px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
cfxFilter .filter-group input[type=text]:focus,
cfxFilter .filter-group select:focus {
  border-color: var(--CfxResolver-primaryBackdropColor);
  box-shadow: 0 0 0 3px rgba(var(--CfxResolver-primaryRgb, 76, 147, 255), 0.15);
  background: var(--module-general-containerBackground);
}
cfxFilter .input-with-icon {
  position: relative;
}
cfxFilter .input-with-icon .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  opacity: 0.6;
  pointer-events: none;
}
cfxFilter .input-with-icon input[type=text] {
  padding-left: 34px;
}
cfxFilter .toggle-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: var(--CfxResolver-panel);
}
cfxFilter .toggle-container p {
  margin: 0;
  font-size: 0.95rem;
  color: var(--CfxResolver-text);
}
cfxFilter .toggle-container input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 42px;
  height: 24px;
  border-radius: 999px;
  background: #454a53;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: background 0.2s;
}
cfxFilter .toggle-container input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
cfxFilter .toggle-container input[type=checkbox]:checked {
  background: var(--CfxResolver-primaryBackdropColor);
}
cfxFilter .toggle-container input[type=checkbox]:checked::after {
  transform: translateX(18px);
}
cfxFilter .toggle-container input[type=checkbox]:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
}
cfxFilter cfxFilter-CountryList {
  flex: 1 1 auto;
  min-height: 250px; /* zodat hij op kleine lijsten niet “krimpt” */
  max-height: 350px;
  overflow: auto; /* hier scrolt het */
  padding: 6px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
  /* prettige scrollbar */
}
cfxFilter cfxFilter-CountryList::-webkit-scrollbar {
  width: 8px;
}
cfxFilter cfxFilter-CountryList::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}
cfxFilter cfxFilter-CountryList::-webkit-scrollbar-track {
  background: transparent;
}
cfxFilter cfxFilter-CountryList .cfxFilter-CountryListItem {
  display: grid;
  grid-template-columns: 20px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  transition: background 0.15s, transform 0.06s ease-out;
}
cfxFilter cfxFilter-CountryList .cfxFilter-CountryListItem:hover {
  background: var(--CfxResolver-sideMenuHover);
}
cfxFilter cfxFilter-CountryList .cfxFilter-CountryListItem:active {
  transform: scale(0.997);
}
cfxFilter cfxFilter-CountryList .cfxFilter-CountryListItem.selected {
  background: color-mix(in srgb, var(--CfxResolver-primaryBackdropColor) 85%, #000);
  border: 1px solid color-mix(in srgb, var(--CfxResolver-primaryBackdropColor) 95%, transparent);
  color: #fff;
  font-weight: 700;
}
cfxFilter cfxFilter-CountryList .cfxFilter-CountryListItem .cfxFilter-CountryListItem-country-name {
  color: var(--CfxResolver-sideMenuPulseText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
cfxFilter cfxFilter-CountryList .cfxFilter-CountryListItem .cfxFilter-CountryListItem-server-count {
  min-width: 48px;
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--CfxResolver-highlightColor, #aab0b6);
}
cfxFilter cfxFilter-ActiveFilters {
  display: block;
  padding-top: 6px;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
}
cfxFilter cfxFilter-ActiveFilters span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
}
cfxFilter cfxFilter-ActiveFilters .filter-count {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--module-general-containerBackground2);
  font-size: 0.8rem;
  font-weight: 700;
  color: #fff;
}
cfxFilter cfxFilter-ActiveFilters cfxFilter-ActiveFiltersList {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  padding: 8px;
  border-radius: 12px;
  background: var(--module-general-containerBackground2);
  max-height: 120px;
  overflow: auto;
}
cfxFilter cfxFilter-ActiveFilters cfxFilter-ActiveFiltersList .cfxFilter-ActiveFiltersList-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.85rem;
  background: var(--CfxResolver-primaryBackdropColor);
  color: #fff;
  cursor: pointer;
  transition: filter 0.15s, transform 0.05s;
}
cfxFilter cfxFilter-ActiveFilters cfxFilter-ActiveFiltersList .cfxFilter-ActiveFiltersList-item .remove-filter {
  font-weight: 900;
  opacity: 0.9;
}
cfxFilter cfxFilter-ActiveFilters cfxFilter-ActiveFiltersList .cfxFilter-ActiveFiltersList-item:hover {
  filter: brightness(1.06);
}
cfxFilter cfxFilter-ActiveFilters cfxFilter-ActiveFiltersList .cfxFilter-ActiveFiltersList-item:active {
  transform: translateY(1px);
}

/* ===== Small helpers to slot content into rows ===== */
cfxFilter > cfxFilter-container > .filter-group:first-of-type {
  margin-top: 4px;
}

cfxFilter > cfxFilter-container > .filter-scroll {
  grid-row: 2;
}

cfxFilter > cfxFilter-container > cfxFilter-ActiveFilters {
  grid-row: 3;
}

cfxResolverButtons {
  right: 20px;
  bottom: 80px;
  position: absolute;
  padding: 4px;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  border-radius: 6px;
  width: -moz-max-content;
  width: max-content;
  z-index: 10;
  background: var(--CfxResolver-serverinfoButtons);
  opacity: 0.85;
}
cfxResolverButtons:hover {
  opacity: 1;
}
cfxResolverButtons listScrollButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 6px;
  cursor: pointer;
  color: var(--module-general-containerText);
}
cfxResolverButtons listScrollButton svg {
  margin: 4px 6px;
  stroke: var(--module-general-containerText);
  animation: bounce 1s infinite;
  transform-origin: center bottom;
}
cfxResolverButtons listScrollButton p {
  margin: 0;
}
cfxResolverButtons listScrollButton span {
  display: flex;
}
cfxResolverButtons listScrollButton:hover {
  color: var(--CfxResolver-sideMenuSelectedText);
  background: var(--CfxResolver-serverinfoButtonsHover);
  opacity: 1;
}
cfxResolverButtons listScrollButton:hover svg {
  stroke: var(--CfxResolver-text);
  animation-play-state: paused;
  transform: translateY(0) !important;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
cfxResourceListContent {
  flex-grow: 1;
  line-height: 1.5;
}
cfxResourceListContent cfxResourceList {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 0px - 2px + 21px - 60px - 60px - 52px + 6px) !important;
}
cfxResourceListContent cfxResourceList .resource-cards {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  justify-content: center;
  padding: 3px 3px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background-color 0.22s ease-in-out;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  cursor: pointer;
  transition: background-color 0.22s ease-in-out;
  width: 100%;
  margin-right: 8px;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .left-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .left-img svg {
  aspect-ratio: 1/1;
  width: 2.7rem;
  height: 2.7rem;
  -o-object-fit: cover;
     object-fit: cover;
  fill: var(--module-general-containerText);
  stroke: var(--module-general-containerText);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .left-img.skeleton {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 8px;
  background: #444;
  animation: skeleton 1.5s infinite ease-in-out;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .resource-rank {
  width: 2.8rem;
  height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(80, 80, 80, 0.2);
  font-size: 1.1rem;
  color: ivory;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  position: relative;
  border-radius: 8px;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .resource-rank.gold {
  background-color: rgba(255, 217, 0, 0.6);
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .resource-rank.silver {
  background-color: rgba(192, 192, 192, 0.6);
  box-shadow: 0 0 10px rgba(192, 192, 192, 0.5);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .resource-rank.bronze {
  background-color: rgba(205, 128, 50, 0.6745098039);
  box-shadow: 0 0 10px rgba(205, 127, 50, 0.5);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .left .resource-rank.standard {
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 0.8rem;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-info .skeleton-line {
  height: 12px;
  background: #444;
  border-radius: 4px;
  animation: skeleton 1.5s infinite ease-in-out;
  margin-bottom: 6px;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-info .skeleton-line.title {
  height: 14px;
  margin-bottom: 4px;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-info .skeleton-line.desc {
  height: 10px;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resourcecard-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  font-size: 15px;
  margin-bottom: 0.1rem;
  opacity: 0.9;
  font-weight: 600;
  font-size: 18px;
  color: var(--CfxResolver-sideMenuPulseText);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resourcecard-title svg {
  margin-left: 3px;
  height: 1.2em;
  width: 1.2em;
  fill: rgba(255, 255, 255, 0.7647058824);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resourcecard-description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4901960784);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resourcecard-description a {
  color: #5865F2;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-tags-container {
  margin-right: 10px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-tags-container {
    display: none;
  }
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-tags-container .resource-tag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  flex-shrink: 1;
  min-width: auto;
  max-width: 100%;
  height: 1.8rem;
  padding: 0.2rem 0.4rem;
  border-radius: 8px;
  font-size: clamp(0.7rem, 1vw, 0.85rem);
  font-weight: 500;
  color: var(--module-general-containerTitle);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-tags-container .resource-tag::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 185%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.4rem 0.8rem;
  color: var(--module-general-containerText);
  border-radius: 3px;
  white-space: initial;
  font-size: 0.8rem;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  background-color: var(--CfxResolver-profileSectionDropdown);
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  pointer-events: none;
  z-index: 100;
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-tags-container .resource-tag:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-tags-container .resource-tag svg {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 5px;
  fill: var(--module-general-containerText);
  stroke: var(--module-general-containerText);
}
cfxResourceListContent cfxResourceList .resource-cards .resource-card .resource-content .resource-tags-container .rank-standard {
  background-color: var(--module-general-containerBackground2);
  border: 1px solid var(--module-general-containerBackground2);
}
cfxResourceListContent cfxResourceList .resource-cards .loading {
  text-align: left;
  color: #888;
}
@keyframes skeleton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
cfxResourceListContent cfxResourceSearchContainer {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer {
  position: relative;
  bottom: -19.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 8px;
  background: var(--moduleLookupClient-searchbar);
  box-shadow: var(--CfxResolver-boxShadow);
  width: calc(100% - 15px);
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer svg {
  margin: 10px 16px;
  width: 20px;
  height: 20px;
  fill: var(--module-general-containerText);
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer input {
  font-size: 16px;
  padding: 10px 0;
  width: 100%;
  color: var(--moduleLookupClient-searchbarText);
  border: none;
  background: unset;
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer input:focus {
  outline: none;
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer input::-moz-placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer input::placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer .open-filter-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0px 8px 8px 0px;
  background-color: color-mix(in srgb, var(--moduleLookupClient-searchbar) 80%, rgb(0, 0, 0) 20%);
  color: ivory;
  padding: 0 8px;
  font-size: 1.2rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer .open-filter-btn svg {
  height: 18px;
  width: 18px;
  fill: #FFF;
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer .open-filter-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
  background-color: #0e0d0d;
  color: #fff;
  border-radius: 3px;
  white-space: initial;
  font-size: 0.85rem;
  line-height: 1.2;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  pointer-events: none;
  z-index: 100;
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer .open-filter-btn:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
cfxResourceListContent cfxResourceSearchContainer #CFXResolver__inputContainer .open-filter-btn:hover {
  background: var(--CfxResolver-primaryColor);
}

.server-cards {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.server-cards .server-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  justify-content: center;
  padding: 3px 3px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background-color 0.22s ease-in-out;
}
.server-cards .server-card:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.server-cards .server-card .server-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  cursor: pointer;
  transition: background-color 0.22s ease-in-out;
  width: 100%;
  margin-right: 8px;
  flex-wrap: nowrap;
}
.server-cards .server-card .server-content.off {
  color: rgba(109, 109, 109, 0.4470588235);
}
.server-cards .server-card .server-content.off span {
  color: rgba(109, 109, 109, 0.5764705882);
}
.server-cards .server-card .server-content .left-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.server-cards .server-card .server-content .left-img svg {
  aspect-ratio: 1/1;
  width: 2.7rem;
  height: 2.7rem;
  -o-object-fit: cover;
     object-fit: cover;
  fill: var(--module-general-containerText);
  stroke: var(--module-general-containerText);
}
.server-cards .server-card .server-content .left-img.skeleton {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 8px;
  background: #444;
  animation: skeleton 1.5s infinite ease-in-out;
}
.server-cards .server-card .server-content .left {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
}
.server-cards .server-card .server-content .left .avatar {
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  overflow: hidden;
  flex: 0 0 auto;
}
.server-cards .server-card .server-content .left .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.server-cards .server-card .server-content .left .avatar .badge-rank {
  position: absolute;
  bottom: -2px;
  right: -2px;
  background: rgba(17, 17, 17, 0.6666666667);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border: 1px solid var(--row-border);
  border-radius: 6px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 700;
}
.server-cards .server-card .server-content .server-image,
.server-cards .server-card .server-content .gradient-placeholder {
  aspect-ratio: 1/1;
  width: 2.7rem;
  height: 2.7rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.server-cards .server-card .server-content .server-image.gradient-placeholder,
.server-cards .server-card .server-content .gradient-placeholder.gradient-placeholder {
  background: linear-gradient(to right, #6e48aa, #9d50bb);
}
.server-cards .server-card .server-content .server-info {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  min-width: 0;
  flex-shrink: 1;
  flex: 1;
}
.server-cards .server-card .server-content .server-info .skeleton-line {
  height: 12px;
  background: #444;
  border-radius: 4px;
  animation: skeleton 1.5s infinite ease-in-out;
  margin-bottom: 6px;
}
.server-cards .server-card .server-content .server-info .skeleton-line.title {
  height: 14px;
  margin-bottom: 4px;
}
.server-cards .server-card .server-content .server-info .skeleton-line.desc {
  height: 10px;
}
.server-cards .server-card .server-content .server-title {
  display: flex;
  flex-direction: row;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: auto;
  max-width: 100%;
  font-size: 15px;
  margin-bottom: 0.1rem;
  opacity: 0.9;
  font-weight: 600;
  color: var(--module-general-containerTitle);
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
}
.server-cards .server-card .server-content .server-title svg {
  margin-left: 3px;
  height: 1.2em;
  width: 1.2em;
  fill: rgba(255, 255, 255, 0.7647058824);
}
.server-cards .server-card .server-content .server-description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  font-size: 11px;
  color: var(--module-general-containerText);
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
}
.server-cards .server-card .server-content .tags {
  margin-right: 10px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .server-cards .server-card .server-content .tags {
    display: none;
  }
}
.server-cards .server-card .server-content .tags .tag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  flex-shrink: 1;
  min-width: auto;
  max-width: 100%;
  height: 1.8rem;
  padding: 0.2rem 0.4rem;
  border-radius: 8px;
  font-size: clamp(0.7rem, 1vw, 0.85rem);
  font-weight: 500;
  color: var(--module-general-containerTitle);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.server-cards .server-card .server-content .tags .tag::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 185%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.4rem 0.8rem;
  background: var(--CfxResolver-elevated);
  color: var(--CfxResolver-text);
  border: 1px solid var(--CfxResolver-border);
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  white-space: initial;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  pointer-events: none;
  z-index: 100;
}
.server-cards .server-card .server-content .tags .tag:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
.server-cards .server-card .server-content .tags .tag .premium-icon {
  height: 1.2rem;
  width: 1.2rem;
}
.server-cards .server-card .server-content .tags .tag svg {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 5px;
  fill: var(--module-general-containerText);
  stroke: var(--module-general-containerText);
}
.server-cards .server-card .server-content .tags .tag .rank {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 5rem;
  padding: 0.2rem 0.8rem;
  background-color: var(--module-general-containerBackground2);
  border: 1px solid var(--module-general-containerBackground2);
}
.server-cards .server-card .server-content .tags .tag.gold {
  background-color: rgba(255, 169, 10, 0.2823529412);
  border: 1px solid rgba(255, 169, 10, 0.2823529412);
}
.server-cards .server-card .server-content .tags .tag.silver {
  background-color: rgba(145, 148, 151, 0.3019607843);
  border: 1px solid rgba(145, 148, 151, 0.3019607843);
}
.server-cards .server-card .server-content .tags .tag.bronze {
  background-color: rgba(200, 145, 93, 0.3137254902);
  border: 1px solid rgba(200, 145, 93, 0.3137254902);
}
.server-cards .server-card .server-content .tags .tag.premium,
.server-cards .server-card .server-content .tags .tag.lang {
  background-color: transparent;
  width: auto;
  min-width: 2rem;
}
.server-cards .server-card .server-content .tags .tag.offline {
  background-color: rgba(244, 67, 54, 0.6039215686);
  width: auto;
  min-width: 5rem;
}
.server-cards .loading {
  text-align: left;
  color: #888;
}
@keyframes skeleton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.serverinfo-banner {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  background: var(--CfxResolver-panel);
  -webkit-backdrop-filter: var(--CfxResolver-blur);
          backdrop-filter: var(--CfxResolver-blur);
  color: var(--CfxResolver-text);
  border-style: solid;
  border-color: var(--CfxResolver-border);
  border-width: 1px 1px 0 1px;
  box-shadow: var(--CfxResolver-shadow);
  border-radius: 8px 8px 0px 0px;
}
.serverinfo-banner .banner-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-height: 4rem;
  border-radius: 8px 8px 0px 0px;
}
.serverinfo-banner .banner-noimage {
  width: 100%;
  height: 4rem;
  max-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serverinfo-banner .back-button {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  padding: 0.5rem 1rem;
  background: var(--CfxResolver-serverinfoButtons);
  color: var(--CfxResolver-buttonText);
  border: none;
  border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  z-index: 100000;
}
.serverinfo-banner .back-button:hover {
  background: var(--CfxResolver-serverinfoButtonsHover);
  border-color: var(--CfxResolver-separator);
}

.serverinfo-container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px - 2px - 40px - 60px - 60px - 52px + 16px) !important;
}

.layout-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}

.servercard-left,
.servercard-right {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.serverinfo {
  background: var(--CfxResolver-panel);
  color: var(--CfxResolver-text);
  border-style: solid;
  border-color: var(--CfxResolver-border);
  border-width: 0px 1px 0 1px;
  -webkit-backdrop-filter: var(--CfxResolver-blur);
          backdrop-filter: var(--CfxResolver-blur);
  padding: 1rem;
  flex: 1;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.serverinfo .serverinfo-serverimage {
  margin-right: 10px;
  width: 128px;
  height: 128px;
}
@media (max-width: 768px) {
  .serverinfo .serverinfo-serverimage {
    width: 64px;
    height: 64px;
  }
}
.serverinfo .servercard-left {
  align-items: flex-start;
  gap: 0.75rem;
}
.serverinfo .servercard-left .servercard-title {
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: ivory;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.serverinfo .servercard-left .servercard-title-playercount {
  font-size: 14px;
  font-weight: 600;
  color: rgb(196, 196, 196);
}
.serverinfo .servercard-left a {
  color: #FFF;
}
.serverinfo .servercard-left .servercard-desc {
  font-size: 0.8rem;
  font-weight: 400;
  color: ivory;
  opacity: 0.7;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.serverinfo .servercard-left .servercard-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.serverinfo .servercard-left .servercard-tags .servercard-tag {
  height: 32px;
  padding: 0 0.6rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--CfxResolver-serverinfoButtons);
  color: var(--CfxResolver-buttonText);
  border: 1px solid var(--CfxResolver-border);
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
}
.serverinfo .servercard-left .servercard-tags .servercard-tag:hover {
  background: var(--CfxResolver-serverinfoButtonsHover);
  border-color: var(--CfxResolver-separator);
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.connect {
  background-color: rgb(195, 4, 64);
  border: 1px solid rgb(195, 4, 64);
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.connect:hover {
  background-color: rgba(195, 4, 64, 0.7);
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.offline {
  position: relative;
  background-color: #f44336;
  color: #fff;
  width: auto;
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.offline .status-text {
  margin-right: 0.5rem;
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.offline .last-seen-time {
  font-weight: normal;
  opacity: 0.8;
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.offline:hover {
  background-color: #e53935;
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.offline::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 185%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.4rem 0.8rem;
  background: var(--CfxResolver-elevated);
  color: var(--CfxResolver-text);
  border: 1px solid var(--CfxResolver-border);
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  white-space: initial;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  pointer-events: none;
  z-index: 100;
}
.serverinfo .servercard-left .servercard-tags .servercard-tag.offline:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
.serverinfo .servercard-left .servercard-tags .servercard-tag a {
  color: #FFF;
}
.serverinfo .servercard-left .PremiumShip {
  display: flex;
  font-size: 10px;
  text-align: center;
  position: relative;
}
.serverinfo .servercard-left .PremiumShip::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 185%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.4rem 0.8rem;
  background: var(--CfxResolver-elevated);
  color: var(--CfxResolver-text);
  border: 1px solid var(--CfxResolver-border);
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  white-space: initial;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  pointer-events: none;
  z-index: 100;
}
.serverinfo .servercard-left .PremiumShip:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
.serverinfo .servercard-right {
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.serverinfo .servercard-right .result-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.serverinfo .servercard-right .result-tags .result-tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: var(--CfxResolver-serverinfoButtons);
  color: var(--CfxResolver-buttonText);
  border: 1px solid var(--CfxResolver-border);
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  cursor: default;
}
.serverinfo .servercard-right .result-tags .result-tag::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  background: var(--CfxResolver-elevated);
  color: var(--CfxResolver-text);
  border: 1px solid var(--CfxResolver-border);
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  z-index: 99999;
  white-space: nowrap;
}
.serverinfo .servercard-right .result-tags .result-tag:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
.serverinfo .servercard-right .result-tags .result-tag.click {
  cursor: pointer;
}
.serverinfo .servercard-right .result-tags .result-tag.click:hover {
  background: var(--CfxResolver-serverinfoButtonsHover);
  border-color: var(--CfxResolver-separator);
}
.serverinfo .servercard-right .result-tags .result-tag svg {
  margin-right: 0.25rem;
  height: 1em;
  width: 1em;
  vertical-align: middle;
}
.serverinfo .servercard-right .result-tags .result-tag img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
.serverinfo .servercard-right .result-tags .result-tag .owner-avatar,
.serverinfo .servercard-right .result-tags .result-tag .owner-fallback-avatar {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 5px;
}
.serverinfo .servercard-right .result-tags .result-tag .owner-avatar {
  -o-object-fit: cover;
     object-fit: cover;
}
.serverinfo .servercard-right .result-tags .result-tag .owner-fallback-avatar {
  background: #8e44ad;
  color: #fff;
  font: bold 12px sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.servercard-bottom {
  width: 100%;
  padding: 1rem;
  background: var(--CfxResolver-panel);
  -webkit-backdrop-filter: var(--CfxResolver-blur);
          backdrop-filter: var(--CfxResolver-blur);
  color: var(--CfxResolver-text);
  border-style: solid;
  border-color: var(--CfxResolver-border);
  border-width: 0 1px 1px 1px;
  margin-top: -0.5rem;
  border-radius: 0 0 8px 8px;
}
.servercard-bottom .chart-section {
  width: 100%;
}
.servercard-bottom .chart-section .chart-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10vh;
}
.servercard-bottom .chart-section .chart-spinner .spinner {
  border: 4px solid color-mix(in srgb, var(--CfxResolver-text) 10%, transparent);
  border-top: 4px solid var(--CfxResolver-info);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.servercard-bottom .chart-tabs {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--CfxResolver-separator);
  padding-bottom: 0.5rem;
}
.servercard-bottom .chart-tabs .chart-tab {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  color: var(--CfxResolver-textDim);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.servercard-bottom .chart-tabs .chart-tab::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 180%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  background: var(--CfxResolver-elevated);
  color: var(--CfxResolver-text);
  border: 1px solid var(--CfxResolver-border);
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  z-index: 100;
  white-space: nowrap;
}
.servercard-bottom .chart-tabs .chart-tab:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -10px);
}
.servercard-bottom .chart-tabs .chart-tab:hover {
  color: var(--CfxResolver-text);
}
.servercard-bottom .chart-tabs .chart-tab.active {
  color: var(--CfxResolver-text);
}
.servercard-bottom .chart-tabs .chart-tab.active::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: var(--CfxResolver-accent);
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.servercard-bottom .chart-tabs .chart-tab:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.servercard-bottom #playerChart {
  width: 100% !important;
  height: auto !important;
  max-height: 10vh;
}

.cfxPlayerFilter {
  display: flex;
  position: absolute;
  top: 40px;
  right: 0;
  background: var(--CfxResolver-panel);
  color: var(--CfxResolver-text);
  border-style: solid;
  border-color: var(--CfxResolver-border);
  border-width: 1px;
  -webkit-backdrop-filter: var(--CfxResolver-blur);
          backdrop-filter: var(--CfxResolver-blur);
  border-radius: 6px;
  padding: 12px;
  flex-direction: column;
  gap: 5px;
  z-index: 100;
  min-width: 160px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.cfxPlayerFilter button {
  background: var(--CfxResolver-serverinfoButtons);
  color: var(--CfxResolver-sideMenuPulseText);
  padding: 10px 12px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s ease-in-out;
  white-space: nowrap;
  text-align: left;
  width: 100%;
}
.cfxPlayerFilter button:hover {
  background: var(--CfxResolver-primaryColor);
}

.cfxPlayerFilter.hidden {
  display: none !important;
}

.cfxPlayerFilter-dropdown {
  position: relative;
}
.cfxPlayerFilter-dropdown .cfxPlayerFilter-button {
  display: flex;
  font-size: 18px;
  cursor: pointer;
  padding: 0.4rem 0.4rem;
  color: var(--moduleLookupClient-searchbarText);
  background: var(--CfxResolver-serverinfoButtons);
  border-radius: 3px;
  transition: background 0.3s;
  justify-content: center;
  align-items: center;
}
.cfxPlayerFilter-dropdown .cfxPlayerFilter-button svg {
  color: var(--CfxResolver-sideMenuPulseText);
  width: 22px;
  height: 22px;
}
.cfxPlayerFilter-dropdown .cfxPlayerFilter-button:hover {
  background-color: var(--CfxResolver-primaryColor);
}

.bottom-row {
  display: flex;
  flex: 1;
  gap: 0.5rem;
  max-height: 40vh;
}
.bottom-row input[type=text] {
  font-size: 18px;
  width: 100%;
  color: var(--moduleLookupClient-searchbarText);
  background: var(--CfxResolver-serverinfoButtons);
  border: none;
  padding: 0.4rem 0.75rem;
  border-radius: 3px;
}
.bottom-row input[type=text]:focus {
  outline: none;
}
.bottom-row input[type=text]::-moz-placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
.bottom-row input[type=text]::placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
.bottom-row .resources {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: var(--CfxResolver-panel);
  color: var(--CfxResolver-text);
  border-style: solid;
  border-color: var(--CfxResolver-border);
  border-width: 1px;
  -webkit-backdrop-filter: var(--CfxResolver-blur);
          backdrop-filter: var(--CfxResolver-blur);
  overflow: auto;
  border-radius: 8px;
}
.bottom-row .resources .resource-list {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  overflow-y: auto;
  margin: 0;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-top: 10px;
  scrollbar-width: thin;
  scrollbar-color: var(--CfxResolver-serverinfoButtons) transparent;
}
.bottom-row .resources .resource-list::-webkit-scrollbar {
  width: 6px;
}
.bottom-row .resources .resource-list::-webkit-scrollbar-thumb {
  background-color: var(--CfxResolver-primaryColor);
  border-radius: 3px;
}
.bottom-row .resources .resource-item {
  background: var(--CfxResolver-serverinfoButtons);
  color: var(--CfxResolver-sideMenuPulseText);
  border-radius: 4px;
  font-size: 0.9rem;
  padding: 0.4rem 0.6rem;
  transition: transform 0.2s ease, background-color 0.3s ease;
}
.bottom-row .resources .resource-item mark {
  background: rgba(var(--CfxResolver-primaryColor-rgb), 0.25);
  color: var(--CfxResolver-primaryColor);
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(var(--CfxResolver-primaryColor-rgb), 0.4);
}
.bottom-row .resources .resource-item:hover {
  background: var(--CfxResolver-primaryColor);
  cursor: pointer;
}
.bottom-row .players-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: var(--CfxResolver-panel);
  color: var(--CfxResolver-text);
  border-style: solid;
  border-color: var(--CfxResolver-border);
  border-width: 1px;
  -webkit-backdrop-filter: var(--CfxResolver-blur);
          backdrop-filter: var(--CfxResolver-blur);
  overflow: auto;
  border-radius: 8px;
}
.bottom-row .players-container .players-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bottom-row .players-container .players-container-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  overflow-y: auto;
  margin: 0;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-top: 10px;
  scrollbar-width: thin;
  scrollbar-color: var(--CfxResolver-serverinfoButtons) transparent;
}
.bottom-row .players-container .players-container-list::-webkit-scrollbar {
  width: 6px;
}
.bottom-row .players-container .players-container-list::-webkit-scrollbar-thumb {
  background-color: var(--CfxResolver-primaryColor);
  border-radius: 3px;
}
.bottom-row .players-container .player-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.6rem;
  background: var(--CfxResolver-serverinfoButtons);
  border-radius: 6px;
  transition: transform 0.2s ease-in-out;
  font-size: 0.9rem;
  cursor: default;
  border-left: 4px solid rgba(255, 255, 255, 0.1);
  margin-right: 10px;
}
.bottom-row .players-container .player-card .player-info {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.bottom-row .players-container .player-card .player-id {
  text-align: center;
  color: #b0b0b0;
  font-weight: bold;
  background: var(--CfxResolver-serverinfoBackground);
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  font-size: 0.85rem;
  min-width: 40px;
}
.bottom-row .players-container .player-card .player-name {
  color: #ffffff;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}
.bottom-row .players-container .player-card .player-ping {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 6px;
  padding: 0.3rem 0.8rem;
  justify-content: space-between;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}
.bottom-row .players-container .player-card .player-ping .ping-value {
  font-size: 0.85rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .bottom-row {
    flex-direction: column;
    max-height: none;
  }
  .bottom-row .resources,
  .bottom-row .players-container {
    max-height: 50vh;
    width: 100%;
  }
  .bottom-row .players-container {
    max-height: 50vh;
    width: 100%;
  }
  .bottom-row .players-container-content {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.6rem;
  }
  .bottom-row .players-container-content-ping {
    width: 100%;
    justify-content: flex-start;
  }
  .bottom-row .player-name {
    max-width: 100%;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .players-container {
    padding: 1rem;
  }
  .players-container .players-container-content {
    padding: 0.8rem;
    border-radius: 5px;
  }
  .players-container .players-container-content .players-container-content-ping {
    font-size: 0.75rem;
    right: 8px;
    top: 8px;
  }
  .players-container .players-container-content .players-container-content-identifiers {
    gap: 0.3rem;
    font-size: 0.75rem;
  }
}
@media (max-width: 768px) {
  .serverinfo-container {
    flex-direction: column;
    height: auto;
  }
  .layout-container {
    flex-basis: 100%;
  }
  .resource-list,
  .resources,
  .players-container {
    max-height: 50vh;
  }
}
@media only screen and (max-width: 600px) {
  .tag.rank, .tag.players, .tag.avg-players, .tag.lang, .tag.premium, .PremiumShip, .results-serverimage {
    display: none !important;
  }
  .tag.offline {
    display: flex !important;
  }
  .servercard-title {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .cfx-container {
    width: 100% !important;
  }
  .cfx-container .cfx-title {
    text-align: center;
    font-size: 1.2em;
  }
  .cfx-container .cfx-desc {
    color: var(--CfxResolver-sideMenuPulseText);
    font-size: 1em !important;
  }
}
pulseCfxResolverContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
pulseCfxResolverContainer ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
pulseCfxResolverContainer ::-webkit-scrollbar-thumb {
  background: var(--CfxResolver-profileSectionDropdownText);
}
pulseCfxResolverContainer ::-webkit-scrollbar-corner {
  background: transparent;
}
pulseCfxResolverContainer pulseCfxResolverWindowContainer {
  flex-direction: column;
  width: 100%;
}
pulseCfxResolverContainer pulseCfxResolverWindowContainer #cfxResolverWindow {
  display: block;
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
pulseCfxResolverContainer pulseCfxResolverWindowContainer #cfxResolverWindow::-webkit-scrollbar {
  display: none;
}

cfxResourceContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
cfxResourceContent cfxResourcePageBackContent {
  top: 42px;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
cfxResourceContent cfxResourcePageBackContent .cfxResourceBackButton {
  position: absolute;
  transform: translateY(-50%);
  padding: 0.8rem 1rem;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
cfxResourceContent cfxResourcePageBackContent .cfxResourceBackButton svg {
  margin-bottom: -4px;
}
cfxResourceContent cfxResourcePageBackContent .cfxResourceBackButton:hover {
  background: var(--CfxResolver-serverinfoButtonsHover);
  border-color: var(--CfxResolver-separator);
}
cfxResourceContent cfxResourcePageContent {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails {
  position: relative;
  width: 60%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 1rem;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceDetailsName {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 500;
  color: ivory;
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem;
  border-radius: 8px;
  width: calc(100% - 59px);
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  color: var(--module-general-containerTitle);
  padding: 1rem;
  border-radius: 8px;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel pre {
  position: relative;
  background-color: #1e1e1e;
  color: #ffffff;
  padding: 10px 5px;
  border-radius: 8px;
  font-size: 14px;
  overflow-x: auto;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel pre:hover {
  background-color: rgba(30, 30, 30, 0.6196078431);
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel pre svg {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  fill: #ffffff;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel pre code {
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel p {
  margin: 0;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel em {
  margin-left: 6px;
}
cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel cfxResourceStatisticsPanelTitle {
  margin: 0;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--module-general-containerText);
}
cfxResourceContent cfxResourceServerContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
cfxResourceContent cfxResourceServerContent #CFXResolver__inputContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: calc(100% - 15px);
}
cfxResourceContent cfxResourceServerContent #CFXResolver__inputContainer svg {
  margin: 10px 16px;
  width: 20px;
  height: 20px;
  fill: var(--module-general-containerText);
}
cfxResourceContent cfxResourceServerContent #CFXResolver__inputContainer input {
  font-size: 16px;
  padding: 10px 0;
  width: 100%;
  color: var(--moduleLookupClient-searchbarText);
  border: none;
  background: unset;
}
cfxResourceContent cfxResourceServerContent #CFXResolver__inputContainer input:focus {
  outline: none;
}
cfxResourceContent cfxResourceServerContent #CFXResolver__inputContainer input::-moz-placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
cfxResourceContent cfxResourceServerContent #CFXResolver__inputContainer input::placeholder {
  color: var(--moduleLookupClient-searchbarPlaceholder);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: calc(100vh - 60px - 2px - 40px - 60px - 60px - 52px + 16px) !important;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  justify-content: center;
  padding: 3px 3px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background-color 0.22s ease-in-out;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  cursor: pointer;
  transition: background-color 0.22s ease-in-out;
  width: 100%;
  margin-right: 8px;
  flex-wrap: nowrap;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content.off {
  color: rgba(109, 109, 109, 0.4470588235);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content.off span {
  color: rgba(109, 109, 109, 0.5764705882);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .left {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .left .left-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .left .left-img svg {
  aspect-ratio: 1/1;
  width: 2.7rem;
  height: 2.7rem;
  -o-object-fit: cover;
     object-fit: cover;
  fill: var(--module-general-containerText);
  stroke: var(--module-general-containerText);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .left .left-img.skeleton {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 8px;
  background: #444;
  animation: skeleton 1.5s infinite ease-in-out;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-image,
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .gradient-placeholder {
  aspect-ratio: 1/1;
  width: 2.7rem;
  height: 2.7rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-image.gradient-placeholder,
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .gradient-placeholder.gradient-placeholder {
  background: linear-gradient(to right, #6e48aa, #9d50bb);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-info {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  min-width: 0;
  flex-shrink: 1;
  flex: 1;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-info .skeleton-line {
  height: 12px;
  background: #444;
  border-radius: 4px;
  animation: skeleton 1.5s infinite ease-in-out;
  margin-bottom: 6px;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-info .skeleton-line.title {
  height: 14px;
  margin-bottom: 4px;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-info .skeleton-line.desc {
  height: 10px;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-title {
  display: flex;
  flex-direction: column;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: auto;
  max-width: 100%;
  font-size: 15px;
  margin-bottom: 0.1rem;
  opacity: 0.9;
  font-weight: 600;
  color: var(--module-general-containerTitle);
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-title svg {
  margin-left: 3px;
  height: 1.2em;
  width: 1.2em;
  fill: rgba(255, 255, 255, 0.7647058824);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .server-description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  font-size: 11px;
  color: var(--module-general-containerText);
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags {
  margin-right: 10px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags {
    display: none;
  }
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  flex-shrink: 1;
  min-width: auto;
  max-width: 100%;
  height: 1.8rem;
  padding: 0.2rem 0.4rem;
  border-radius: 8px;
  font-size: clamp(0.7rem, 1vw, 0.85rem);
  font-weight: 500;
  color: var(--module-general-containerTitle);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 185%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.4rem 0.8rem;
  color: var(--module-general-containerText);
  border-radius: 3px;
  white-space: initial;
  font-size: 0.8rem;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  background-color: var(--CfxResolver-profileSectionDropdown);
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  pointer-events: none;
  z-index: 100;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-10px);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag .premium-icon {
  height: 1.2rem;
  width: 1.2rem;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag svg {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 5px;
  fill: var(--module-general-containerText);
  stroke: var(--module-general-containerText);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag .rank {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 5rem;
  padding: 0.2rem 0.8rem;
  background-color: var(--module-general-containerBackground2);
  border: 1px solid var(--module-general-containerBackground2);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag.gold {
  background-color: rgba(255, 169, 10, 0.2823529412);
  border: 1px solid rgba(255, 169, 10, 0.2823529412);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag.silver {
  background-color: rgba(145, 148, 151, 0.3019607843);
  border: 1px solid rgba(145, 148, 151, 0.3019607843);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag.bronze {
  background-color: rgba(200, 145, 93, 0.3137254902);
  border: 1px solid rgba(200, 145, 93, 0.3137254902);
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag.premium,
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag.lang {
  background-color: transparent;
  width: auto;
  min-width: 2rem;
}
cfxResourceContent cfxResourceServerContent cfxResourceServerlist .server-card .server-content .tags .tag.offline {
  background-color: rgba(244, 67, 54, 0.6039215686);
  width: auto;
  min-width: 5rem;
}
@media (max-width: 768px) {
  cfxResourceContent cfxResourcePageContent {
    flex-direction: column;
    gap: 1rem;
  }
  cfxResourceContent cfxResourcePageContent cfxResourceDetails,
  cfxResourceContent cfxResourcePageContent cfxResourceServerContent {
    width: 100%;
  }
  cfxResourceContent cfxResourcePageContent cfxResourceDetails {
    gap: 1rem;
  }
  cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceDetailsName {
    font-size: 1.3rem;
    padding: 0.8rem;
    text-align: center;
  }
  cfxResourceContent cfxResourcePageContent cfxResourceDetails cfxResourceStatisticsPanel {
    padding: 0.8rem;
    font-size: 0.9rem;
    gap: 0.6rem;
  }
  cfxResourceContent cfxResourcePageContent cfxResourceServerContent {
    gap: 1rem;
  }
  cfxResourceContent cfxResourcePageContent cfxResourceServerContent cfxResourceServerlist {
    height: auto;
    max-height: 60vh;
    gap: 0.5rem;
  }
}

.api-data-container {
  font-size: 1rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 30px;
  text-align: left;
}
.api-data-container .api-data-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--module-general-containerBackground);
  border: 2px solid var(--module-general-containerBorder);
  font-size: 1.05rem;
  transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}
.api-data-container .api-data-item span.label {
  font-weight: 600;
  opacity: 0.85;
}
.api-data-container .api-data-item span.value {
  font-weight: 500;
  min-width: 120px;
  text-align: right;
  color: #f0f0f0;
}
.api-data-container .api-data-item .loader {
  display: inline-block;
  width: 70px;
  height: 14px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.15) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
  border-radius: 6px;
}
.api-data-container .api-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding: 20px;
  background: rgba(255, 0, 0, 0.05);
  border: 1px solid rgba(255, 0, 0, 0.3);
  border-radius: 10px;
}
.api-data-container .api-error .error-message {
  color: #ff4a4a;
  font-size: 1.05rem;
}
.api-data-container .api-error .retry-button {
  padding: 10px 20px;
  border: none;
  background: #ff4a4a;
  color: white;
  font-size: 1rem;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.api-data-container .api-error .retry-button:hover {
  background: #d13c3c;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.CFXLoadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.CFXLoadingOverlay .spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #050C17;
  border-top: 5px solid rgba(255, 255, 255, 0.5058823529);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.CFXLoadingSpinner {
  display: flex;
  width: 2rem;
  height: 2rem;
  border: 3px solid var(--module-general-containerBackground2);
  border-top-color: rgba(255, 255, 255, 0.4352941176);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=stylingCFXResolver.css.map */