/* 
-------------------------
CSS TABLE OF CONTENTS
-------------------------
0.0 RESET
0.1 FONTS
0.2 VARIABLES
1.0 GLOBALS
-------------------------
2.0 BLOCKS
  2.1 Skip links
  2.2 Hero
  2.3 ToC
  2.4 Icons
  2.5 Buttons
  2.6 Cards
  2.7 Pills
  2.8 Splide (slider)
  2.9 Snackbar
  2.10 Skeleton
  2.11 Uniqs
  2.12 Blocks
  2.13 Footer
-------------------------
3.0 UTILITIES
  3.1 Spacing
  3.2 Colors
  3.3 Borders
  3.4 Shadows
  3.5 Layout
  3.6 Screen readers
  3.7 Text
  3.8 Link full
-------------------------
4.0 LEAGUES
-------------------------
*/



/*** 0.0 RESET ***/

@charset "utf-8";

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

[hidden], .hidden {
  display: none !important;
}

/* Scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
::-webkit-scrollbar { width: var(--scrollbar-width); height: var(--scrollbar-width) }
::-webkit-scrollbar-track { background: 0 0 }
::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: 4px }


/*** 0.1 FONTS ***/

/* Inter Ultra */
@font-face {
  font-family: "Inter Ultra";
  src: url("../fonts/InterUltra-Bold.otf") format("opentype");
  font-weight: 700;
  font-display: optional;
}
@font-face {
  font-family: "Inter Ultra";
  src: url("../fonts/InterUltra-Medium.otf") format("opentype");
  font-weight: 500;
  font-display: optional;
}
@font-face {
  font-family: "Inter Ultra";
  src: url("../fonts/InterUltra-Regular.otf") format("opentype");
  font-weight: 400;
  font-display: optional;
}

/* Arial Fallback */
@font-face {
  font-family: "Adjusted Arial Fallback";
  src: local(Arial);
  size-adjust: 105%;
  ascent-override: normal;
  descent-override: normal;
  line-gap-override: 3.5%;
}



/*** 0.2 VARIABLES ***/

:root { 

    /* Fonts */
    --font: "Inter Ultra", "Adjusted Arial Fallback", "Inter", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    /* Colors */
    --color-white-5:      rgba(255, 255, 255, 0.05); /* White 5% */
    --color-white-10:     rgba(255, 255, 255, 0.1); /* White 10% */
    --color-white-15:     rgba(255, 255, 255, 0.15); /* White 15% */
    --color-white-20:     rgba(255, 255, 255, 0.2); /* White 20% */
    --color-white-30:     rgba(255, 255, 255, 0.3); /* White 30% */
    --color-white-50:     rgba(255, 255, 255, 0.5); /* White 50% */
    --color-white-70:     rgba(255, 255, 255, 0.7); /* White 70% */
    --color-white-80:     rgba(255, 255, 255, 0.8); /* White 80% */
    --color-white-100:    rgba(255, 255, 255, 1); /* White 100% */
    --color-black-2:      rgba(0, 0, 0, 0.2);  /* Black 2% */
    --color-black-12:     rgba(0, 0, 0, 0.12); /* Black 12% */
    --color-black-14:     rgba(0, 0, 0, 0.14); /* Black 14% */
    --color-black-25:     rgba(0, 0, 0, 0.25); /* Black 25% */
    --color-grey-1:       rgba(35, 32, 38, 1); /* Ultra Grey 1 */
    --color-grey-1-12:    rgba(35, 32, 38, 0.12); /* Ultra Grey 1 12% */
    --color-grey-1-14:    rgba(35, 32, 38, 0.14); /* Ultra Grey 1 14% */
    --color-grey-1-20:    rgba(35, 32, 38, 0.2); /* Ultra Grey 1 20% */
    --color-grey-2:       rgba(40, 38, 44, 1); /* Ultra Grey 2 */
    --color-grey-2-12:    rgba(40, 38, 44, 0.12); /* Ultra Grey 2 12% */
    --color-grey-2-14:    rgba(40, 38, 44, 0.14); /* Ultra Grey 2 14% */
    --color-grey-2-20:    rgba(40, 38, 44, 0.2); /* Ultra Grey 2 20% */
    --color-grey-3:       rgba(49, 45, 54, 1); /* Ultra Grey 3 */
    --color-grey-3-0:     rgba(49, 45, 54, 0); /* Ultra Grey 3 0% */
    --color-grey-3-30:    rgba(49, 45, 54, 0.3); /* Ultra Grey 3 30% */
    --color-grey-3-50:    rgba(49, 45, 54, 0.5); /* Ultra Grey 3 50% */
    --color-grey-3-100:   var(--color-grey-3); /* Ultra Grey 3 100% */
    --color-grey-4:       rgba(60, 56, 70, 1); /* Ultra Grey 4 */
    --color-grey-4-15:    rgba(60, 56, 70, 0.15); /* Ultra Grey 4 15% */
    --color-grey-4-30:    rgba(60, 56, 70, 0.3); /* Ultra Grey 4 30% */
    --color-grey-4-50:    rgba(60, 56, 70, 0.5); /* Ultra Grey 4 50% */
    --color-grey-4-100:   var(--color-grey-4); /* Ultra Grey 4 100% */
    --color-grey-5:       rgba(70, 66, 80, 1); /* Ultra Grey 5 */
    --color-grey-7:       rgba(112, 109, 120, 1); /* Ultra Grey 7 */
    --color-grey-dark-1:  var(--color-grey-4); /* Ultra Grey Dark 1 */
    --color-grey-light-2: rgb(112, 109, 120); /* Ultra Grey Light 2 */
    --color-grey-light-4: var(--color-grey-5); /* Ultra Grey Light 4 */
    --color-rank-1-0:     rgba(250, 246, 167, 0);
    --color-rank-1-5:     rgba(250, 246, 167, 0.05);
    --color-rank-1-10:    rgba(250, 246, 167, 0.1);
    --color-rank-1-15:    rgba(250, 246, 167, 0.15);
    --color-rank-1-30:    rgba(250, 246, 167, 0.3);
    --color-rank-1-50:    rgba(250, 246, 167, 0.5);
    --color-rank-1-80:    rgba(250, 246, 167, 0.8);
    --color-rank-1-100:   rgba(250, 246, 167, 1);
    --color-rank-2-0:     rgba(200, 200, 200, 0);
    --color-rank-2-5:     rgba(200, 200, 200, 0.05);
    --color-rank-2-10:    rgba(200, 200, 200, 0.1);
    --color-rank-2-15:    rgba(200, 200, 200, 0.15);
    --color-rank-2-10:    rgba(200, 200, 200, 0.1);
    --color-rank-2-30:    rgba(200, 200, 200, 0.3);
    --color-rank-2-50:    rgba(200, 200, 200, 0.5);
    --color-rank-2-80:    rgba(200, 200, 200, 0.8);
    --color-rank-2-100:   rgba(200, 200, 200, 1);
    --color-rank-3-0:     rgba(250, 209, 152, 0);
    --color-rank-3-5:    rgba(250, 209, 152, 0.05);
    --color-rank-3-10:    rgba(250, 209, 152, 0.1);
    --color-rank-3-15:    rgba(250, 209, 152, 0.15);
    --color-rank-3-30:    rgba(250, 209, 152, 0.3);
    --color-rank-3-50:    rgba(250, 209, 152, 0.5);
    --color-rank-3-80:    rgba(250, 209, 152, 0.8);
    --color-rank-3-100:   rgba(250, 209, 152, 1);
    --color-primary-10:   rgba(137, 106, 226, 0.1);
    --color-primary-15:   rgba(137, 106, 226, 0.15);
    --color-primary-30:   rgba(137, 106, 226, 0.3);
    --color-primary-60:   rgba(137, 106, 226, 0.6);
    --color-primary-100:  rgba(137, 106, 226, 1); /* Ultra Purple */
    --color-primary-light-10:  rgba(197, 171, 255, 0.1); 
    --color-primary-light-30:  rgba(197, 171, 255, 0.3); 
    --color-primary-light-100: rgba(197, 171, 255, 1); /* Ultra Purple Light */
    --color-primary-hover:     rgba(149, 121, 229, 1); /* Ultra Purple Primary Hover */
    --color-secondary-green-light-10:  rgba(141, 231, 150, 0.1);
    --color-secondary-green-light-100: rgba(141, 231, 150, 1);
    --color-secondary-yellow-light-0:   rgba(250, 209, 152, 0); /* Yellow Light 0% */
    --color-secondary-yellow-light-15:  rgba(250, 209, 152, 0.15); /* Yellow Light 15% */
    --color-secondary-yellow-light-80:  rgba(250, 209, 152, 0.8); /* Yellow Light 80% */
    --color-secondary-yellow-light-100: rgba(250, 209, 152, 1); /* Yellow Light 100% */
    --color-background: var(--color-grey-3);
    --color-success: var(--color-secondary-green-light);
    --color-link: var(--color-primary-light-100);
    --color-selection: var(--color-primary-100);
    --color-icon: var(--color-white-70);

    /* Gradients */
    --gradient-dark-1: linear-gradient(to bottom, transparent 0%, var(--color-grey-4) 100%);

    /* Border */
    --border-width: 1px;
    --border-color: #45424A;
    --border: var(--border-width) solid var(--border-color);
    --border-r-1: var(--spacing-1);
    --border-r-2: var(--spacing-2);

    /* Focus */
    --focus-width: 2px;
    --focus-color: var(--color-primary-light-100);
    --focus-offset: 2px;

    /* Spacing */
    --spacing-0: 0;
    --spacing-px: 1px;
    --spacing-2px: 2px;
    --spacing-1: .25rem;
    --spacing-2: .5rem;
    --spacing-3: .75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-8: 2rem;
    --spacing-10: 2.5rem;
    --spacing-12: 3rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;

    /* Font sizes */
    --text-xs: .75rem;
    --text-sm: clamp(0.75rem, 0.675rem + 0.333vi, 0.875rem);
    --text-base: clamp(0.813rem, 0.7rem + 0.5vi, 1rem);
    --text-lg: clamp(0.813rem, 0.625rem + 0.833vi, 1.125rem);
    --text-xl: clamp(0.875rem, 0.65rem + 1vi, 1.25rem);
    --text-2xl: clamp(1rem, 0.7rem + 1.333vi, 1.5rem);
    --text-3xl: clamp(1.125rem, 0.75rem + 1.667vi, 1.75rem);
    --text-4xl: clamp(1.25rem, 0.65rem + 2.667vi, 2.25rem);
    --text-5xl: clamp(1.5rem, 0.6rem + 4vi, 3rem);
    --text-6xl: clamp(1.75rem, 0.4rem + 6vi, 4rem);

    --lh: 1.3684210526em;

    /* Shadows */
    --shadow-cta-hover: 0px 4px 5px 0px var(--color-black-2), 0px 3px 14px 0px var(--color-black-12), 0px 8px 10px 0px var(--color-black-14);
    --shadow-2xl: drop-shadow(0px 20px 80px var(--color-black-25)) drop-shadow(0px 24px 38px var(--color-black-14)) drop-shadow(0px 9px 46px var(--color-black-12));
    --shadow-dark-3: 0px 4px 5px 0px var(--color-grey-2-20), 0px 3px 14px 0px var(--color-grey-2-12), 0px 8px 10px 0px var(--color-grey-2-14);
    --shadow-dark-4: 0px 4px 5px 0px var(--color-grey-1-20), 0px 3px 14px 0px var(--color-grey-1-12), 0px 8px 10px 0px var(--color-grey-1-14);

    /* Icons */
    --icon-ticket: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M21 0.626145C20.63 0.235621 20 0.235621 19.6063 0.626145L12.9743 7.25815C12.9316 7.28902 12.8908 7.32367 12.8524 7.36211C12.8139 7.40055 12.7793 7.44134 12.7484 7.48402L0.625901 19.6065C0.438365 19.7941 0.333008 20.0484 0.333008 20.3136C0.333008 20.5789 0.438365 20.8332 0.625901 21L3.36141 23.7563C3.59095 24 3.91763 24 4.23758 24C4.55752 23.9799 4.83092 23.7731 5 23.4802C5.09707 23.216 5.26997 22.9674 5.4911 22.7462C6.53001 21.7073 8.21443 21.7073 9.25335 22.7462C10.2923 23.7852 10.2923 25.4696 9.25335 26.5085C9.03223 26.7296 8.78361 26.9025 8.51939 27.0287C8.22648 27.1687 8 27.4421 7.96483 27.762C7.90995 28 8 28.4086 8.24333 28.6382L10.9788 31.3737C11.3694 31.7642 12.0025 31.7642 12.3931 31.3737L31.3734 12.3933C31.561 12.2058 31.6663 11.9514 31.6663 11.6862C31.6663 11.421 31.561 11.1666 31.3734 10.9791L28.6379 8.24357C28.4084 8 28 7.9102 27.7618 7.96507C27.4418 8 27.1684 8.22672 27.0285 8.51963C26.9023 8.78385 26.7294 9.03247 26.5083 9.2536C25.4693 10.2925 23.7849 10.2925 22.746 9.2536C21.7071 8.21468 21.7071 6.53026 22.746 5.49134C22.9671 5.27021 23.2157 5.09731 23.48 5C23.7729 4.83116 23.9796 4.55776 24 4.23782C24 3.91787 24 3.59119 23.756 3.36165L21 0.626145ZM2.74722 20.3136L13.5685 9.4924L22.5072 18.4311L11.686 29.2524L10.50 28C10.5623 28 10.6154 2849 10.6676 27.9227C12.4875 26.1027 12.4875 23.152 10.6676 21.332C8.8476 19.5121 5.89685 19.5121 4.07688 21.332C4 21.3842 3.97406 21.4373 3.92487 21.4913L2.74722 20.3136ZM15 8L23.9214 17.0169L29.2521 11.6862L28 10.50C28 10.5626 2846 10.6157 27.9225 10.6678C26.1025 12.4878 23.1517 12.4878 21.3318 10.6678C19.5118 8.84784 19.5118 5.89709 21.3318 4.07713C21.3839 4 21.437 3.97431 21.491 3.92511L20.3134 2.74747L15 8Z'/%3E%3C/svg%3E%0A");
    --icon-clipboard: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M12.0668 1.66675C10.9622 1.66675 10 2.56218 10 3.66675V4.33346H8.4C6.37502 4.33346 4.7334 5.97508 4.7334 8L4.7334 26.6668C4.7334 28.6918 6.37502 30.3335 8.4 30.3335H24.4001C26.4251 30.3335 28.0667 28.6918 28.0667 26.6668V8C28.0667 5.97508 26.4251 4.33346 24.4001 4.33346L22.7334 4.33346V3.66675C22.7334 2.56218 21.838 1.66675 20.7334 1.66675L12.0668 1.66675ZM8.4 6.33346H10V7C10 8.10465 10.9622 9 12.0668 9H20.7334C21.838 9 22.7334 8.10465 22.7334 7V6.33346H24.4001C25.3205 6.33346 26.0667 7.07965 26.0667 8V26.6668C26.0667 27.5873 25.3205 28.3335 24.4001 28.3335H8.4C7.47959 28.3335 6.7334 27.5873 6.7334 26.6668L6.7334 8C6.7334 7.07965 7.47959 6.33346 8.4 6.33346ZM20.7334 5.33346L20.7334 5.32706V3.66675L12.0668 3.66675V7L20.7334 7V5.33985L20.7334 5.33346ZM11.0668 12C10.5145 12 10 12.4477 10 13C10 13.5523 10.5145 14 11.0668 14L21.7334 14C22.2857 14 22.7334 13.5523 22.7334 13C22.7334 12.4477 22.2857 12 21.7334 12L11.0668 12ZM11.0668 17.5C10.5145 17.5 10 17.9477 10 18.5C10 19.0523 10.5145 19.5 11.0668 19.5H21.7334C22.2857 19.5 22.7334 19.0523 22.7334 18.5C22.7334 17.9477 22.2857 17.5 21.7334 17.5H11.0668ZM11.0668 23C10.5145 23 10 23.4477 10 24C10 24.5523 10.5145 25 11.0668 25H21.7334C22.2857 25 22.7334 24.5523 22.7334 24C22.7334 23.4477 22.2857 23 21.7334 23H11.0668Z' /%3E%3C/svg%3E%0A");
    --icon-trade: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M22.9491 3.29458C22.6634 3 22.2329 2.9212 21.8587 3C21.4844 3.23021 21.2403 3.59514 21.2403 4L21.2403 8.33796L16.2022 8.32644C15.6499 8.32517 15.2011 8.77186 15.2 9.32415C15.1986 9.87643 15.6453 10.3252 16.1976 10.3264L22.238 10.3402C22.5036 10.3409 22.7586 10.2358 22.9466 10C23.1346 9.86056 23.2403 9.60586 23.2403 9.34025L23.2403 6.42225L29.4559 12.667L23.2403 18.9167V16C23.2403 15.4477 22.7926 15 22.2403 15L11.1594 15L11.1594 10.6598C11.1594 10.2548 10.9152 9.88982 10.5409 9.73536C10.1665 9.58091 9.73596 9.66747 9.4504 9.9546L0.824163 18.6282C0.436106 19 0.436232 19.6488 0.824445 20L9.45068 28.7055C9.73631 29 10.1668 29 10.541 28.9244C10.9153 28.7698 11.1594 28.4049 11.1594 28L11.1594 23.6598H16.2C16.7522 23.6598 17.2 23.2121 17.2 22.6598C17.2 22.1075 16.7522 21.6598 16.2 21.6598H10.1594C9.89422 21.6598 9.63987 21.7652 9.45233 21.9527C9.26479 22.1402 9.15944 22.3946 9.15944 22.6598L9.15944 25.5778L2.94384 19.3331L9.15944 13L9.15944 16C9.15944 16.5523 9.60715 17 10.1594 17L21.2403 17V21.3403C21.2403 21.7453 21.4845 22.1102 21.8589 22.2647C22.2332 22.4192 22.6638 22.3326 22.9493 22L31.5756 13.3719C31.9636 12.9817 31.9635 12.3513 31.5753 11.9612L22.9491 3.29458Z'/%3E%3C/svg%3E%0A");
    --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M8.64957 2C8.64957 1.64111 8.35855 1.3501 8 1.3501C7.64058 1.3501 7.34957 1.64111 7.34957 2V3.35006H5C3.53606 3.35006 2.34961 4.5365 2.34961 6V10V20C2.34961 21.4636 3.53605 22.6501 5 22.6501H18.9996C20.4632 22.6501 21.6496 21.4636 21.6496 20V10V6C21.6496 4.5365 20.4632 3.35006 18.9996 3.35006H16.6497V2C16.6497 1.64111 16.3586 1.3501 16 1.3501C15.6407 1.3501 15.3497 1.64111 15.3497 2V3.35006H8.64957V2ZM5 4.65006H7.34957V6C7.34957 6.35908 7.64058 6.6501 8 6.6501C8.35855 6.6501 8.64957 6.35908 8.64957 6V4.65006H15.3497V6C15.3497 6.35908 15.6407 6.6501 16 6.6501C16.3586 6.6501 16.6497 6.35908 16.6497 6V4.65006H18.9996C19.7452 4.65006 20.3496 5.25447 20.3496 6V9.35006H3.64961V6C3.64961 5.25447 4.25402 4.65006 5 4.65006ZM3.64961 10.6501H20.3496V20C20.3496 20.7456 19.7452 21.3501 18.9996 21.3501H5C4.25402 21.3501 3.64961 20.7456 3.64961 20V10.6501Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    --icon-sword: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M10.6665 1.5C10.5339 1.5 10.4067 1.55268 10.3129 1.64645L3.9998 7.95956L3.02002 6.97978C2.82476 6.78452 2.50818 6.78452 2.31291 6.97978C2.11765 7.17504 2.11765 7.49162 2.31291 7.68689L3.64625 9.02022L4.12603 9.5L2.31312 11.3129L2.31291 11.3131L2.31271 11.3133L1.81291 11.8131C1.15741 12.4686 1.15742 13.5314 1.81291 14.1869C2.46841 14.8424 3.53119 14.8424 4.18669 14.1869L4.68669 13.6869L6.4998 11.8738L6.97958 12.3536L8.31291 13.6869C8.50818 13.8821 8.82476 13.8821 9.02002 13.6869C9.21528 13.4916 9.21528 13.175 9.02002 12.9798L8.04024 12L14.3534 5.68689C14.4471 5.59312 14.4998 5.46594 14.4998 5.33333V2C14.4998 1.72386 14.2759 1.5 13.9998 1.5H10.6665ZM5.18669 9.14645L4.70691 8.66667L10.8736 2.5H13.4998V5.12623L7.33313 11.2929L6.85335 10.8131L6.37357 10.3333L11.02 5.68689C11.2153 5.49162 11.2153 5.17504 11.02 4.97978C10.8248 4.78452 10.5082 4.78452 10.3129 4.97978L5.66647 9.62623L5.18669 9.14645ZM3.37357 11.6667L4.83313 10.2071L5.31291 10.6869L5.79269 11.1667L4.33313 12.6262L3.37357 11.6667ZM2.66647 12.3738L3.62603 13.3333L3.47958 13.4798C3.21461 13.7448 2.785 13.7448 2.52002 13.4798C2.25505 13.2148 2.25505 12.7852 2.52002 12.5202L2.66647 12.3738Z'/%3E%3C/svg%3E");
    --icon-swords: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.6498 7.23086L5.6498 3.1501L9.73056 3.1501L19.0806 12.5001L18.2902 13.2905L17.4998 14.0809L10.4594 7.04048C10.2056 6.78664 9.79402 6.78664 9.54018 7.04048C9.28634 7.29432 9.28634 7.70588 9.54018 7.95972L16.5806 15L15.7902 15.7905L15 16.5809L5.6498 7.23086ZM10.4594 2.04048L20 11.5809L21.5402 10.0405C21.794 9.78664 22.2056 9.78664 22.4594 10.0405C22.7133 10.2943 22.7133 10.7059 22.4594 10.9597L20.4594 12.9597L19.669 13.7501L22.4594 16.5405L23.2094 17.2905C24.1536 18.2347 24.1536 19.7655 23.2094 20.7097C22.2652 21.6539 20.7344 21.6539 19.7902 20.7097L19.0402 19.9597L16.2498 17.1693L15.4594 17.9597L13.4594 19.9597C13.2056 20.2136 12.794 20.2136 12.5402 19.9597C12.2863 19.7059 12.2863 19.2943 12.5402 19.0405L14.0806 17.5001L4.54018 7.95972C4.41828 7.83782 4.3498 7.67249 4.3498 7.5001V2.5001C4.3498 2.32771 4.41828 2.16238 4.54018 2.04048C4.66208 1.91858 4.82741 1.8501 5 1.8501H10C10.1722 1.8501 10.3375 1.91858 10.4594 2.04048ZM17.9594 15.4597L18.7498 14.6693L21.0806 17L19.4998 18.5809L17.169 16.2501L17.9594 15.4597ZM20.419 19.5001L22 17.9193L22.2902 18.2097C22.7267 18.6462 22.7267 19.354 22.2902 19.7905C21.8537 20.227 21.1459 20.227 20.7094 19.7905L20.419 19.5001ZM14.4998 1.8501C14.3274 1.8501 14.1621 1.91858 14.0402 2.04048L13.2902 2.79048C13.0363 3.04432 13.0363 3.45588 13.2902 3.70972C13.544 3.96356 13.9556 3.96356 14.2094 3.70972L14.769 3.1501H18.8498V7.23086L18.4152 7.66548C18.1613 7.91932 18.1613 8.33088 18.4152 8.58472C18.669 8.83856 19.0806 8.83856 19.3344 8.58472L19.9594 7.95972C20.0813 7.83782 20.1498 7.67249 20.1498 7.5001V2.5001C20.1498 2.14111 19.8588 1.8501 19.4998 1.8501H14.4998ZM2.95942 10.0405C2.70558 9.78664 2.29402 9.78664 2.04018 10.0405C1.78634 10.2943 1.78634 10.7059 2.04018 10.9597L4.04018 12.9597L4.83056 13.7501L2.04018 16.5405L1.29018 17.2905C0.345982 18.2347 0.345982 19.7655 1.29018 20.7097C2.23438 21.6539 3.76522 21.6539 4.70942 20.7097L5.45942 19.9597L8.2498 17.1693L9.04018 17.9597L10.1652 19.0847C10.419 19.3386 10.8306 19.3386 11.0844 19.0847C11.3383 18.8309 11.3383 18.4193 11.0844 18.1655L10.419 17.5001L11.2094 16.7097C11.4633 16.4559 11.4633 16.0443 11.2094 15.7905C10.9556 15.5366 10.544 15.5366 10.2902 15.7905L9.4998 16.5809L8.70942 15.7905L7.91904 15L8.70942 14.2097C8.96326 13.9559 8.96326 13.5443 8.70942 13.2905C8.45558 13.0366 8.04402 13.0366 7.79018 13.2905L7 14.0809L6.20942 13.2905L5.41904 12.5001L6.20942 11.7097C6.46326 11.4559 6.46326 11.0443 6.20942 10.7905C5.95558 10.5366 5.54402 10.5366 5.29018 10.7905L4.4998 11.5809L2.95942 10.0405ZM3.41904 17L5.7498 14.6693L6.54018 15.4597L7.33056 16.2501L5 18.5809L3.41904 17ZM2.4998 17.9193L4.08056 19.5001L3.79018 19.7905C3.35366 20.227 2.64593 20.227 2.20942 19.7905C1.7729 19.354 1.7729 18.6462 2.20942 18.2097L2.4998 17.9193Z' clip-rule='evenodd' /%3E%3C/svg%3E");
    --icon-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6.36576 1.3501C6.08582 1.3501 5.83733 1.52933 5.74898 1.79496L6.36576 2C5.74898 1.79496 5.74895 1.79506 5.74891 1.79519L5.74878 1.79558L5.74836 1.79682L5.74692 1.8012L5.7416 1.81735L5.72175 1.87829C5.70461 1.93125 5.67989 2 5.64906 2.10681C5.58741 2.3035 5.50124 2.58522 5.40234 2.9277C5.3488 3.11312 5.29142 3.31673 5.2321 3.53465C4.92315 3.58552 4.72919 3.5922 4.61038 3.58466C4.53914 3.58014 4.50025 3.57079 4.48275 3.56555C4.46762 3.56103 4.46056 3.55731 4.4533 3.55311C4.44748 3.54973 4.44 3.54507 4.42475 3.53502L4.41874 3.53105L4.41873 3.53104C4.40519 3.52206 4.37927 3.50487 4.35543 3.49022C4.29071 3.45043 4.17144 3.38377 4.00741 3.35946C3.69408 3.31301 3.41937 3.45106 3.22869 3.55782C1.72257 4.40105 1.12104 6.09012 1.42868 7.4734C1.58518 8.17706 1.98444 8.83185 2.65082 9.23974C3.14541 9.54247 3.7438 9.68298 4.42054 9.64346C4.42895 9.6938 4.4382 9.74349 4.44833 9.79246C4.52997 10.1871 4.67981 10.5887 4.96176 10.8989L4.97351 10.9118L4.98595 10.9241L5.44272 10.4616C4.98595 10.9241 4.9861 10.9242 4.98626 10.9244L4.9866 10.9247L4.9874 10.9255L4.98943 10.9275L5 10.9332L5.01371 10.9508C5.02904 10.9653 5.05038 10.9852 5.07746 11C5.13159 11.0587 5.20887 11.1263 5.30712 11.2062C5.5031 11.3657 5.78543 11.5767 6.13646 11.7879C6.83066 12.2054 7.83786 12.6501 9 12.6501C9.27497 12.6501 9.40744 12.7133 9.47147 12.7614C9.53333 12.8078 9.59525 12.8878 9.63757 13.0477C9.7326 13.4067 9.67923 13.9789 9.49601 14.6874C9.31955 15.3697 9.05151 16.075 8.81935 16.6508C8.76702 16.7805 8.71329 16.9115 8.66335 17.0333L8.66332 17.0334C8.6152 17.1507 8.5706 17.2594 8.53415 17.3503C7.32979 17.3627 6.28367 18.1867 6 19.3574L5.36972 21.8425C5.32117 22.0366 5.3648 22.2424 5.48798 22.4001C5.61116 22.5579 5.80015 22.6501 6.00031 22.6501H18.0003C18.2005 22.6501 18.3895 22.5579 18.5126 22.4001C18.6358 22.2424 18.6794 22.0366 18.6309 21.8425L18.0096 19.3574C17.717 18.1867 16.6708 17.3627 15.4665 17.3503C15.43 17.2594 15.3854 17.1507 15.3373 17.0334L15.3373 17.0333L15.3372 17.033C15.2872 16.9113 15.2336 16.7805 15.1813 16.6508C14.9491 16.075 14.6811 15.3697 14.5046 14.6874C14.3214 13.9789 14.268 13.4067 14.363 13.0477C14.4053 12.8878 14.4673 12.8078 14.5291 12.7614C14.5932 12.7133 14.7256 12.6501 15 12.6501C16.1627 12.6501 17.1699 12.2054 17.8641 11.7879C18.2152 11.5767 18.4975 11.3657 18.6935 11.2062C18.7917 11.1263 18.869 11.0587 18.9231 11C18.9502 10.9852 18.9716 10.9653 18.9869 10.9508L19 10.9332L19.0112 10.9275L19.0132 10.9255L19.014 10.9247L19.0143 10.9244C19.0145 10.9242 19.0147 10.9241 18.5579 10.4616L19.0147 10.9241L19.0271 10.9118L19.0388 10.8989C19.3208 10.5887 19.4706 10.1871 19.5523 9.79246C19.5624 9.74349 19.5717 9.6938 19.5801 9.64345C20.2568 9.68298 20.8553 9.54248 21.3499 9.23974C22.0163 8.83185 22.4155 8.17707 22.572 7.4734C22.8797 6.09012 22.2781 4.40104 20.772 3.55781C20.6646 3.49772 20.554 3.44214 20.4436 3.40453C20.3313 3.36628 20.1749 3.33101 20 3.36189C19.8102 3.39393 19.6844 3.48333 19.6255 3.52869C19.6054 3.54413 19.5783 3.56651 19.5712 3.5723L19.5701 3.57322C19.5124 3.58751 19.3029 3.61343 18.7628 3.51378C18.7055 3.30372 18.6501 3.10718 18.5983 2.9277C18.4994 2.58522 18.4132 2.3035 18.3515 2.10681C18.3207 2 18.296 1.93125 18.2788 1.87829L18.259 1.81735L18.2537 1.8012L18.2522 1.79682L18.2518 1.79558L18.2517 1.79519C18.2517 1.79506 18.2516 1.79496 17.6348 2L18.2516 1.79496C18.1633 1.52933 17.9148 1.3501 17.6348 1.3501H6.36576ZM6.65131 3.28836C6.7235 3.03839 6.78857 2.82221 6.84157 2.6501H17.159C17.212 2.82221 17.2771 3.03839 17.3493 3.28836C17.5412 3.9531 17.7819 4.8515 17.9794 5.79317C18.1781 6.73997 18.3278 7.70594 18.348 8.51323C18.3581 8.9169 18.3351 9.25922 18.2792 9.52907C18.2253 9.78984 18.1502 9.93661 18.0879 10.0117C18.0794 10.0198 18.067 10.0312 18.051 10.0457C18.0121 10 17.9521 10.1335 17.873 10.1978C17.7145 10.3268 17.4824 10.5004 17.194 10.6739C16.6094 11.0255 15.8379 11.3501 15 11.3501H9C8.16274 11.3501 7.39115 11.0255 6.80656 10.6739C6.5182 10.5004 6.28613 10.3268 6.12756 10.1978C6.04854 10.1335 5.98851 10 5.94964 10.0457C5.93363 10.0313 5.92125 10.0198 5.91266 10.0117C5.85041 9.93661 5.77532 9.78985 5.72137 9.52907C5.66554 9.25922 5.64251 8.9169 5.65261 8.51323C5.67281 7.70594 5.82254 6.73997 6.02117 5.79317C6.21872 4.8515 6.45936 3.9531 6.65131 3.28836ZM10.8761 12.6501H13.1245C13.1181 12.6717 13.1121 12.6933 13.1063 12.715C12.9201 13.4185 13.0542 14.2713 13.246 15.0129C13.4446 15.7805 13.739 16.5502 13.9756 17.1369C14 17.2127 14.035 17.2835 14.0622 17.3501H9.93847C9.96566 17.2835 10 17.2127 10.025 17.1369C10.2616 16.5502 10.5561 15.7805 10.7546 15.0128C10.9464 14.2713 11.0805 13.4185 10.8943 12.715C10.8885 12.6933 10.8825 12.6717 10.8761 12.6501ZM3.84557 4.70243C4.0985 4.83749 4.41434 4.90869 4.89156 4.88148C4.84255 5.09243 4.79464 5.30806 4.74886 5.52626C4.55364 6.45685 4.39249 7.45624 4.3574 8.34518C3.89985 8.3742 3.56553 8.27543 3.3295 8.13096C3 7.93527 2.79018 7.60709 2.69768 7.19118C2.50852 6.34064 2.88265 5.25245 3.84557 4.70243ZM20.6712 8.13096C20.4351 8.27544 20.1008 8.37421 19.6432 8.34517C19.6081 7.45624 19.447 6.45685 19.2517 5.52626C19.2054 5.30542 19.1569 5.0872 19.1073 4.87382C19.5923 4.91523 19.9254 4.8602 20.1856 4.72014C21.1259 5.27555 21.4902 6.34968 21.303 7.19117C21.2105 7.60708 21 7.93526 20.6712 8.13096ZM19.5881 3.56689C19.5885 3.56724 19.5847 3.56925 19.5752 3.57189C19.5829 3.56786 19.5876 3.56654 19.5881 3.56689ZM7.25217 19.6727C7.40241 19.0717 7.94239 18.6501 8.56186 18.6501H15.4388C16.0582 18.6501 16.5982 19.0717 16.7484 19.6727L17.1678 21.3501H6.83281L7.25217 19.6727Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    --icon-user-group: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M9 2.3501C6.43153 2.3501 4.34965 4.43197 4.34965 7.0001C4.34965 9.56822 6.43153 11.6501 9 11.6501C11.5678 11.6501 13.6496 9.56822 13.6496 7.0001C13.6496 4.43197 11.5678 2.3501 9 2.3501ZM5.64965 7.0001C5.64965 5.14994 7.1495 3.6501 9 3.6501C10.8498 3.6501 12.3497 5.14994 12.3497 7.0001C12.3497 8.85025 10.8498 10.3501 9 10.3501C7.1495 10.3501 5.64965 8.85025 5.64965 7.0001ZM16.1608 2.50041C15.8131 2.41137 15.459 2.62111 15.3699 2.96887C15.2809 3.31664 15.4906 3.67074 15.8384 3.75979C17.3207 4.13932 18.3575 5.47498 18.3575 7.0051C18.3575 8.53522 17.3207 9.87088 15.8384 10.2504C15.4906 10.3395 15.2809 10.6936 15.3699 11.0413C15.459 11.3891 15.8131 11.5988 16.1608 11.5098C18.2184 10.983 19.6575 9.129 19.6575 7.0051C19.6575 4.8812 18.2184 3.02722 16.1608 2.50041ZM5 14.3501C2.43149 14.3501 0.349609 16.432 0.349609 19V21C0.349609 21.3591 0.640624 21.6501 1 21.6501C1.35859 21.6501 1.64961 21.3591 1.64961 21V19C1.64961 17.1499 3.14946 15.6501 5 15.6501H13C14.8498 15.6501 16.3496 17.1499 16.3496 19V21C16.3496 21.3591 16.6406 21.6501 17 21.6501C17.3586 21.6501 17.6496 21.3591 17.6496 21V19C17.6496 16.432 15.5677 14.3501 13 14.3501H5ZM20.1621 14.5007C19.8146 14.411 19.46 14.62 19.3703 14.9676C19.2805 15.3152 19.4896 15.6697 19.8371 15.7595C21.3153 16.1411 22.3485 17.4739 22.3496 19V21C22.3496 21.3591 22.6407 21.6501 23 21.6501C23.3586 21.6501 23.6496 21.3591 23.6496 21V19V19C23.6481 16.8805 22.214 15.0305 20.1621 14.5007Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    --icon-uniq-lozenge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 20 20'%3E%3Cg %3E%3Cpath fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M10.5472 1.54752C9.76613 0.766469 8.4998 0.766469 7.71875 1.54752L0.680513 8.58576C-0.100535 9.36681 -0.100536 10.6331 0.680512 11.4142L7.71875 18.4524C8.4998 19.2335 9.76613 19.2335 10.5472 18.4524L17.5854 11.4142C18.3665 10.6331 18.3665 9.36681 17.5854 8.58576L10.5472 1.54752ZM8.99963 6.79997C7.63692 6.79997 6.59963 7.8426 6.59963 9.04759V10.9524C6.59963 11.9073 7.25106 12.7602 8.19963 13.0731V14.7224C6.39691 14.3684 4.99963 12.8419 4.99963 10.9524V9.04759C4.99963 6.88628 6.82772 5.19997 8.99963 5.19997C11.1743 5.19997 12.9996 6.89691 12.9996 9.05557V10.9524C12.9996 12.8419 11.6024 14.3684 9.79963 14.7224V13.0731C10.7482 12.7602 11.3996 11.9073 11.3996 10.9524V9.05557C11.3996 7.84792 10.3596 6.79997 8.99963 6.79997ZM8.19963 10.8C8.19963 11.2418 8.55781 11.6 8.99963 11.6C9.44146 11.6 9.79963 11.2418 9.79963 10.8V9.19997C9.79963 8.75814 9.44146 8.39997 8.99963 8.39997C8.55781 8.39997 8.19963 8.75814 8.19963 9.19997V10.8Z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --icon-logo-ultra-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM4 4.8V8.06068C4.00513 9.21726 4.35352 10.2546 5.11816 11.0057C5.87437 11.7425 6.8418 12.08 8 12.08C9.15649 12.08 10.1311 11.7435 10.8883 11.0057C11.6568 10.2508 12 9.23121 12 8.06068V4.8H10.4V8.06068C10.4 8.91276 10.1611 9.47666 9.77085 9.86057C9.36865 10.252 8.82437 10.48 8 10.48C7.17739 10.48 6.63887 10.253 6.23564 9.8606C5.84199 9.47343 5.6041 8.91549 5.6 8.0861V4.8H4ZM8.8 4.8V8C8.8 8.30985 8.72036 8.5149 8.59028 8.6545C8.4562 8.79684 8.27481 8.87975 8 8.87975C7.72578 8.87975 7.54629 8.7972 7.41187 8.65452C7.28062 8.51367 7.20132 8.31069 7.2 8.0089V4.8H8.8Z' /%3E%3C/svg%3E%0A");
    --icon-rank-1: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='66'%20height='73'%20fill='none'%3e%3cpath%20fill='%23312D36'%20d='M30%205.732a6%206%200%200%201%206%200l21.713%2012.536a6%206%200%200%201%203%205.196v25.072a6%206%200%200%201-3%205.196L36%2066.268a6%206%200%200%201-6%200L8.287%2053.732a6%206%200%200%201-3-5.196V23.464a6%206%200%200%201%203-5.196L30%205.732Z'/%3e%3cpath%20fill='%23FAF6A7'%20fill-opacity='.2'%20d='M30%205.732a6%206%200%200%201%206%200l21.713%2012.536a6%206%200%200%201%203%205.196v25.072a6%206%200%200%201-3%205.196L36%2066.268a6%206%200%200%201-6%200L8.287%2053.732a6%206%200%200%201-3-5.196V23.464a6%206%200%200%201%203-5.196L30%205.732Z'/%3e%3cg%20filter='url(%23a)'%3e%3cpath%20stroke='url(%23b)'%20stroke-width='2'%20d='m35.5%206.598%2021.713%2012.536a5%205%200%200%201%202.5%204.33v25.072a5%205%200%200%201-2.5%204.33L35.5%2065.402a5%205%200%200%201-5%200L8.787%2052.866a5%205%200%200%201-2.5-4.33V23.464a5%205%200%200%201%202.5-4.33L30.5%206.598a5%205%200%200%201%205%200Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='33'%20x2='33'%20y1='4'%20y2='68'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FAF6A7'/%3e%3cstop%20offset='1'%20stop-color='%23FAF6A7'%20stop-opacity='.2'/%3e%3c/linearGradient%3e%3cfilter%20id='a'%20width='65.426'%20height='72.144'%20x='.287'%20y='.428'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.5'/%3e%3cfeGaussianBlur%20stdDeviation='2.5'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.2%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_3119_117931'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='1.25'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.12%200'/%3e%3cfeBlend%20in2='effect1_dropShadow_3119_117931'%20result='effect2_dropShadow_3119_117931'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.14%200'/%3e%3cfeBlend%20in2='effect2_dropShadow_3119_117931'%20result='effect3_dropShadow_3119_117931'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect3_dropShadow_3119_117931'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    --icon-rank-2: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='66'%20height='73'%20fill='none'%3e%3cpath%20fill='%23312D36'%20d='M30%205.732a6%206%200%200%201%206%200l21.713%2012.536a6%206%200%200%201%203%205.196v25.072a6%206%200%200%201-3%205.196L36%2066.268a6%206%200%200%201-6%200L8.287%2053.732a6%206%200%200%201-3-5.196V23.464a6%206%200%200%201%203-5.196L30%205.732Z'/%3e%3cpath%20fill='white'%20fill-opacity='.2'%20d='M30%205.732a6%206%200%200%201%206%200l21.713%2012.536a6%206%200%200%201%203%205.196v25.072a6%206%200%200%201-3%205.196L36%2066.268a6%206%200%200%201-6%200L8.287%2053.732a6%206%200%200%201-3-5.196V23.464a6%206%200%200%201%203-5.196L30%205.732Z'/%3e%3cg%20filter='url(%23a)'%3e%3cpath%20stroke='url(%23b)'%20stroke-width='2'%20d='m35.5%206.598%2021.713%2012.536a5%205%200%200%201%202.5%204.33v25.072a5%205%200%200%201-2.5%204.33L35.5%2065.402a5%205%200%200%201-5%200L8.787%2052.866a5%205%200%200%201-2.5-4.33V23.464a5%205%200%200%201%202.5-4.33L30.5%206.598a5%205%200%200%201%205%200Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='33'%20x2='33'%20y1='4'%20y2='68'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='.2'/%3e%3c/linearGradient%3e%3cfilter%20id='a'%20width='65.426'%20height='72.144'%20x='.287'%20y='.428'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.5'/%3e%3cfeGaussianBlur%20stdDeviation='2.5'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.2%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_3119_117932'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='1.25'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.12%200'/%3e%3cfeBlend%20in2='effect1_dropShadow_3119_117932'%20result='effect2_dropShadow_3119_117932'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.14%200'/%3e%3cfeBlend%20in2='effect2_dropShadow_3119_117932'%20result='effect3_dropShadow_3119_117932'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect3_dropShadow_3119_117932'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    --icon-rank-3: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='66'%20height='73'%20fill='none'%3e%3cpath%20fill='%23312D36'%20d='M30%205.732a6%206%200%200%201%206%200l21.713%2012.536a6%206%200%200%201%203%205.196v25.072a6%206%200%200%201-3%205.196L36%2066.268a6%206%200%200%201-6%200L8.287%2053.732a6%206%200%200%201-3-5.196V23.464a6%206%200%200%201%203-5.196L30%205.732Z'/%3e%3cpath%20fill='%23FAD198'%20fill-opacity='.2'%20d='M30%205.732a6%206%200%200%201%206%200l21.713%2012.536a6%206%200%200%201%203%205.196v25.072a6%206%200%200%201-3%205.196L36%2066.268a6%206%200%200%201-6%200L8.287%2053.732a6%206%200%200%201-3-5.196V23.464a6%206%200%200%201%203-5.196L30%205.732Z'/%3e%3cg%20filter='url(%23a)'%3e%3cpath%20stroke='url(%23b)'%20stroke-width='2'%20d='m35.5%206.598%2021.713%2012.536a5%205%200%200%201%202.5%204.33v25.072a5%205%200%200%201-2.5%204.33L35.5%2065.402a5%205%200%200%201-5%200L8.787%2052.866a5%205%200%200%201-2.5-4.33V23.464a5%205%200%200%201%202.5-4.33L30.5%206.598a5%205%200%200%201%205%200Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='33'%20x2='33'%20y1='4'%20y2='68'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FAD198'/%3e%3cstop%20offset='1'%20stop-color='%23FAD198'%20stop-opacity='.2'/%3e%3c/linearGradient%3e%3cfilter%20id='a'%20width='65.426'%20height='72.144'%20x='.287'%20y='.428'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='.5'/%3e%3cfeGaussianBlur%20stdDeviation='2.5'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.2%200'/%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_3119_117933'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='1.25'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.12%200'/%3e%3cfeBlend%20in2='effect1_dropShadow_3119_117933'%20result='effect2_dropShadow_3119_117933'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.137255%200%200%200%200%200.12549%200%200%200%200%200.14902%200%200%200%200.14%200'/%3e%3cfeBlend%20in2='effect2_dropShadow_3119_117933'%20result='effect3_dropShadow_3119_117933'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect3_dropShadow_3119_117933'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");

    /* Layout */
    --max-w: 100rem; /* 1600px */
    --gutter: clamp(2rem, 1.217rem + 3.478vw, 4rem); /* 360px: 32px -> 1280px: 64px */

    /* Animation */
    --timing: .2s;
    --easing: cubic-bezier(0.25, 1, 0.5, 1); /* easeOutQuart */

    /* Scrollbar */
    --scrollbar-width: 4px;
    --scrollbar-track: transparent;
    --scrollbar-thumb: rgba(255, 255, 255, .2);
}



/*** 1.0 GLOBAL ***/

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  min-height: 100vh;
  margin: 0;
  font-family: var(--font);
  font-size: var(--text-base);
  line-height: var(--lh);
  text-rendering: optimizeSpeed;
  color: var(--color-white, white);
  background-color: var(--color-background);
  accent-color: var(--color-primary-100);
  overflow-x: hidden;
}
body > * {
  max-width: var(--max-w);
  margin: 0 auto;
}

/* Selection */
::selection {
  color: var(--color-white-100);
  background-color: var(--color-selection);
}

/* Focus */
:focus,
:focus-visible {
  outline: var(--focus-width, 3px) solid var(--focus-color, #0bf) !important;
  outline-offset: var(--focus-offset, 3px);
  border-radius: var(--border-r-1);
}

/* Headings */
h1, h2, h3, h4, h5 {
  margin: 0 0 .5em;
  text-wrap: balance;
}
h1 {
  line-height: 1;
}
h2 {
  line-height: 1.125;
}
h3 {
  line-height: 1.25;
}

/* Paragraphs */
p {
  margin-block-start: 0;
  color: var(--color-white-70);
}

/* Links*/
a {
  text-decoration: none;
  color: var(--color-link);
}

/* Definition lists */
dd {
  margin-left: 0;
}

/* Abbrevations */
abbr {
  text-decoration: none;
}

/* Sup & Sub */
sup {
  font-size: .75em;
  vertical-align: top;
}

/* Media */
img,
picture,
iframe {
  max-width: 100%;
  display: block;
  border-radius: var(--border-r-1);
}
iframe, video {
  width: 100%;
  background-color: #000;
  aspect-ratio: 16/9;
}

/* SVG */
svg {
  color: var(--color-icon);
  fill: currentColor !important;
}
svg > * {
  fill: inherit;
}

/* Select */
select::-ms-expand {
  display: none;
}
select {
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.475;
  outline: none;
  min-width: 8ch;
  width: fit-content;
  max-width: calc(100% - 8rem);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-r-1);
  padding: 0.2em 2em 0.2em 0.5em;
  margin: 0 2px;
  cursor: pointer;
  color: var(--color-white-100);
  background-color: var(--color-white-5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 8px;
  background-size: 1rem;
}

/* Table */
table,
thead,
tbody,
tfoot {
  position: relative;
  width: 100%;
}
tr {
  position: relative;
  display: flex;
  background-color: var(--color-grey-4);
  border-radius: var(--border-r-1);
  padding: 1rem;
  border: var(--border);
}
tr + tr {
  margin-top: 1rem;
}
tr,
td {
  display: flex;
  align-items: center;
  gap: 1em;
}
table img {
  display: inline-block;
  background-color: var(--color-white-10);
}

/* Main */
main {
  padding: var(--gutter);
  line-height: 1.5;
}

/* Links */
main a {
  text-decoration: none;
  color: var(--color-link);
}
main a:hover {
  text-decoration: underline;
}

/* Sections */
section {
  --flow-space: 8rem;
}
section,
section > * {
  position: relative;
}
section[style*="--backgroundImage"]::before {
  content: "";
  display: block;
  position: absolute;
  inset: calc(-1 * var(--gutter));
  background: 
    linear-gradient(0deg, var(--color-grey-3-0) 0%, var(--color-grey-3-50) 100%, var(--color-grey-3) 100%),
    linear-gradient(80deg, var(--color-grey-3) 0%, rgba(49, 45, 54, 0) 100%),
    linear-gradient(280deg, var(--color-grey-3-30) 0%, var(--color-grey-3) 100%),
    radial-gradient(100% 50% at 100% 50%, var(--color-grey-3-0) 0%, var(--color-grey-3) 100%),
    var(--backgroundImage);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  z-index: -1;
  transform: translateX(calc((max(100vw, var(--max-w)) - var(--max-w)) / 2));
}



/*** 2.0 BLOCKS ***/


/** 2.1 Skip links **/
a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  left: auto;
  top: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: auto;
  text-align: center;
  z-index: 999;
}


/** 2.2 Hero **/
.hero {
  padding: 10rem var(--gutter) 2.75rem;
  gap: 1.25rem;
}
.hero::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 45rem;
  background: 
    radial-gradient(circle at top, var(--color-grey-3-0) 0%, var(--color-grey-3-50) 100%, var(--color-grey-3-30) 100%), 
    linear-gradient(to top, var(--color-background) 0%, var(--color-grey-3-30) 100%), 
    linear-gradient(to bottom, var(--color-primary-15), var(--color-primary-15)),
    linear-gradient(to bottom, var(--color-primary-60) 0%, transparent 100%),
    var(--heroImage);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.hero, 
.hero hgroup { 
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
}
.hero .organizationName {
  margin-bottom: var(--spacing-1);
}
.hero .shortDescription {
  margin: var(--spacing-4) 0 var(--spacing-12);
}
.hero img {
  order: -1;
  border-radius: var(--spacing-2);
}
.hero h1 {
  font-size: 3rem;
  margin: var(--spacing-4) 0 var(--spacing-2);
}
.hero p {
  max-width: 40ch;
}
.hero .pill {
  min-width: 7rem;
}


/** 2.3 ToC **/
.toc {
  overflow-x: auto;
  max-width: calc(100% + calc(var(--gutter)) * 2);
  display: flex;
  margin: 0 calc(-1 * var(--gutter));
  padding: 0 var(--gutter) 1rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.toc:focus,
.toc:focus-visible {
  outline: none !important;
}
.toc::-webkit-scrollbar {
  display: none;
}
.toc ol {
  padding: var(--spacing-1);
  margin: 0;
  border-radius: var(--spacing-1);
  list-style: none;
  display: flex;
  justify-content: center;
  gap: .5em;
  background-color: var(--color-white-5);
}
.toc ol li {
  display: flex;
  align-items: center;
}
.toc ol li a {
  padding: .5em 1em;
  border-radius: .25em;
  font-weight: 700;
  color: var(--color-white-70);
  white-space: pre;
  transition: background var(--timing) var(--easing);
}
.toc ol li a:hover {
  color: var(--color-white-80);
  background-color: var(--color-white-5);
}
.toc ol li a.active,
.toc ol li a:active {
  color: var(--color-white-100);
  background-color: var(--color-white-10);
}


/** 2.4 Icons **/
.icon {
  display: inline-block;
  width: var(--icon-size, var(--lh));
  height: var(--icon-size, var(--lh));
  position: relative;
}
.icon[style*="--icon:"]::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  mask-image: var(--icon);
  mask-size: var(--icon-size, var(--lh));
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--icon-color, currentColor);
  position: absolute;
  left: 0;
  top: 0;
}
.icon[style*="--icon-uniq-lozenge"]::before {
  transform: scale(1.125);
}


/** 2.5 Buttons **/
.btn {
  --bg-color: var(--color-white-10);
  --color: var(--color-white-100);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--text-sm);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding: var(--spacing-2);
  background-color: var(--bg-color);
  color: var(--color);
  border-radius: var(--border-r-1);
  border: none;
  min-height: 2rem;
  min-width: 2rem;
  cursor: pointer;
  transition: background var(--timing) var(--easing);
}
.btn:hover {
  text-decoration: none;
  --bg-color: var(--color-white-20);
}
.btn--secondary {
  --bg-color: var(--color-white-10);
  --color: var(--color-white-100);
}
.btn--primary {
  --bg-color: var(--color-primary-100);
  --color: var(--color-white-100);
}
.btn--primary:hover {
  --bg-color: var(--color-primary-hover);
}
.btn--back {
  padding: .315rem .75rem .317rem 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='white'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left 8px;
  background-size: 1rem;
}


/** 2.6 Cards **/
.card {
  --border-r: var(--border-r-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: var(--border-r);
  background-color: var(--color-grey-3);
  position: relative;
}
.card__bg {
  position: absolute;
  inset: -1px;
  z-index: -1;
  clip-path: xywh(0 0 100% 100% round var(--border-r));
}
.card__bg::before {
  content: '';
  position: absolute;
  inset: -1px;
  display: block;
  border-radius: var(--border-r);
  background-image: 
    linear-gradient(0deg, var(--color-primary-15), var(--color-primary-15)),
    linear-gradient(0deg, var(--color-grey-4) 0.27%, var(--color-grey-4-30) 100%),
    radial-gradient(50% 100% at 50% 0%, transparent 0%, var(--color-grey-4-30) 100%),
    var(--heroImage);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
  transition: transform var(--timing) var(--easing);
}
.card:hover .card__bg::before {
  transform: scale(1.05);
}
.card__header,
.card__main,
.card__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
.card__header {
  position: relative;
  border-radius: var(--border-r) var(--border-r) 0 0;
}
.card__main {
  position: relative;
  flex: 1;
}
.card__footer {
  border-radius: 0 0 var(--border-r) var(--border-r);
}
.card__cta {
  z-index: 1;
  min-height: 2rem;
}
.card__cta:hover {
  text-decoration: none;
}
.card--stack {
  margin-bottom: 8px;
}
.card--stack::after,
.card--stack::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -9px;
  right: -9px;
  border: var(--border-width) solid transparent;
  border-right-color: var(--border-color);
  border-bottom-color: var(--border-color);
  border-radius: 0 0 calc(var(--border-r) + 7px) 0;
  z-index: -1;
  opacity: .5;
}
.card--stack::after {
  bottom: -13px;
  right: -13px;
  border-radius: 0 0 calc(var(--border-r) + 9px) 0;
  opacity: .3;
}
@supports (mix-blend-mode: lighten) {
  .card--gradient-box::after {
    --outline-width: 4px;
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
    border: var(--outline-width) solid transparent;
    border-radius: var(--border-r);
    background-image: linear-gradient(black, black), 
                      linear-gradient(to top, var(--color-primary-100), var(--color-primary-10));
    background-origin: border-box;
    background-clip: content-box, border-box;
    mix-blend-mode: lighten;
  }
}



/** 2.7 Pills **/
.pills {
  display: flex;
  justify-content: center;
  gap: var(--spacing-3);
}
.pill {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5em;
  border-radius: var(--border-r-1);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: .3rem .5rem;
  max-height: 2rem;
  white-space: pre;
}
.pill--sm {
  font-size: .75rem;
  font-weight: 700;
}
.pill--round {
  --icon-size: var(--text-base);
  font-size: var(--text-sm);
  border-radius: 1rem;
  max-height: 2rem;
  color: var(--color-white-70);
  background-color: var(--color-white-10);
  padding: var(--spacing-2) var(--spacing-3);
}
.pill--success,
.pill[data-status="live"] {
  color: var(--color-secondary-green-light-100);
  background-color: var(--color-secondary-green-light-10);
  backdrop-filter: blur(8px);
}
.pill[data-status="ended"] {
  color: var(--color-white-100);
  background-color: var(--color-white-10);
}
.pill[data-status="incoming"] {
  color: var(--color-primary-light-100);
  background-color: var(--color-primary-light-10);
}
.pill--gradient::before {
  content: '';
  display: block;
  position: absolute;
  top: 20%;
  bottom: -10%;
  left: 20%;
  right: -10%;
  background-color: currentColor;
  border-radius: 100% 4px 4px 4px;
  opacity: .2;
  filter: blur(10px);
  transform-origin: bottom left;
}
.pill--gradient::after {
  --mask: url("data:image/svg+xml,%3Csvg width='112' height='32' viewBox='0 0 112 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='111' height='31' rx='4' stroke='black'/%3E%3C/svg%3E%0A");
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  height: 2rem;
  border-radius: inherit;
  background: linear-gradient(-10deg, currentColor, transparent 50%);
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  opacity: .25;
}


/** 2.8 Splide (slider) **/
.splide__arrows {
  position: absolute;
  top: -2rem;
  right: 0;
}
.splide__arrow {
  top: 0;
  border-radius: var(--border-r-1);
  width: 2rem;
  height: 2rem;
  opacity: 1;
  background-color: var(--color-white-10);
}
.splide__arrow:hover {
  opacity: 1;
  background-color: var(--color-white-20);
}
.splide__arrow svg {
  fill: white;
  width: .5rem;
  height: .5rem;
}
.splide__arrow--prev {
  left: unset;
  right: 2.5rem;
}
.splide__arrow--next {
  top: 0;
  right: 0;
}
.splide__pagination {
  bottom: -2.5rem;
}
.splide__pagination__page {
  max-width: .25rem;
  max-height: .25rem;
  margin: .333rem;
  position: relative;
}
/* Increase splide__pagination__page target size */
.splide__pagination__page:after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.splide__pagination__page.is-active {
  transform: none;
  opacity: 1;
}


/** 2.9 Snackbar **/
.snackbar {
  background-color: var(--color-grey-2);
  position: absolute;
  top: 6rem;
  right: calc(var(--gutter) + 3rem);
  height: 2rem;
  padding: .4em .875em .45em .75em;
  gap: .5em;
  z-index: 9999;
  box-shadow: var(--shadow-dark-3);
  transform-origin: right center;
  transform: scale(1);
  opacity: 1;
  transition: all .1s ease-out;
}
.snackbar:hover {
  background-color: var(--color-grey-1);
}
.snackbar__icon {
  color: var(--color-primary-100);
}
.snackbar.is-hidden {
  transform: scale(.95);
  opacity: 0;
}


/** 2.10 Skeleton **/
.skeleton {
  --skeleton-background: var(--color-white-5);
  position: relative;
  color: transparent;
}
.skeleton::before {
  --duration: 2s;
  --delay: 0s;
  --timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: var(--border-r-1);
  background-color: var(--skeleton-background);
  background-image: linear-gradient(90deg, transparent 0, var(--skeleton-background) 4rem, transparent 8rem);
  background-position: -150% 0;
  background-size: 2rem;
  background-repeat: no-repeat;
  will-change: background-position;
  -webkit-animation: skeleton var(--duration) var(--delay) var(--timing-function) forwards infinite;
  animation: skeleton var(--duration) var(--delay) var(--timing-function) forwards infinite;
}
.skeleton + .skeleton::before {
  --delay: .1s;
}
.skeleton + .skeleton + .skeleton::before {
  --delay: .2s;
}
.skeleton + .skeleton + .skeleton + .skeleton::before {
  --delay: .3s;
}
@keyframes skeleton {
  0%, 10% {
    background-position: -150% 0;
  }
  100% {
    background-position: 350% 0;
  }
}

/** 2.11 Uniqs **/
.uniq {
  --border-color: rgba(112, 110, 117, 1);
  position: relative;
  height: 100%;
  padding: var(--spacing-1);
  border-radius: var(--spacing-1);
  background-color: var(--color-grey-5);
  text-align: center;
  outline: 1px solid var(--border-color);
  outline-offset: 2px;
}
.uniq picture {
  flex: 0;
  aspect-ratio: 1/1;
  position: relative;
}
.uniq picture img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  padding: 1px;
  border-radius: 6px;
  background-image: linear-gradient(to top, var(--border-color), transparent);
}
.uniq picture::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' style='transform:rotate(-45deg);opacity:0.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00065 0C4.3808 0 1.33398 2.81051 1.33398 6.4127V9.5873C1.33398 12.7366 3.66279 15.2807 6.66732 15.8707V13.1219C5.08636 12.6004 4.00065 11.1788 4.00065 9.5873V6.4127C4.00065 4.40438 5.72946 2.66667 8.00065 2.66667C10.2672 2.66667 12.0007 4.41325 12.0007 6.426V9.5873C12.0007 11.1788 10.9149 12.6004 9.33399 13.1219V15.8707C12.3385 15.2807 14.6673 12.7366 14.6673 9.5873V6.426C14.6673 2.82824 11.6251 0 8.00065 0ZM6.66732 9.33333C6.66732 10.0697 7.26427 10.6667 8.00065 10.6667C8.73703 10.6667 9.33399 10.0697 9.33399 9.33333V6.66667C9.33399 5.93029 8.73703 5.33333 8.00065 5.33333C7.26427 5.33333 6.66732 5.93029 6.66732 6.66667V9.33333Z' fill='white' /%3E%3C/svg%3E%0A");
  background-color: var(--color-grey-5);
  background-repeat: no-repeat;
  background-position: center;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-r-1);
  transform: translate(-50%, 50%) rotate(45deg);
  z-index: 1;
}
.uniq__name {
  --skeleton-background: var(--color-white-10);
  min-width: 80%;
  min-height: 20px;
  margin: var(--spacing-6) 0 0;
  font-size: var(--text-sm);
}
.uniq__subName {
  min-width: 70%;
  max-width: 90%;
  font-size: var(--text-sm);
  font-weight: bold;
  color: var(--color-white-50);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.uniq__type-creator {
  min-width: 60%;
  font-size: var(--text-xs);
  color: var(--color-white-50);
  margin: var(--spacing-1) 0 var(--spacing-4);
}
.uniq__type {
  display: inline-block;
  min-width: 30%;
  text-transform: capitalize;
}
.uniq__creator {
  display: inline-block;
  min-width: 20%;
  text-transform: capitalize;
}
.uniq__type-creator:not(.skeleton) .uniq__creator::before,
.tournament__discipline_organizationName:not(.skeleton) .tournament__organizationName::before {
  content: ' • by ';
  color: var(--color-white-70);
  display: inline-block;
  white-space: pre;
  text-transform: lowercase;
}
.uniq__quantity {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(calc(50% - 2px), -50%);
  color: var(--color-white-70);
  font-weight: 700;
  font-size: var(--text-xs);
  padding: .25rem .5rem;
  background-color: var(--color-grey-7);
  border-radius: 1rem;
  border: 2px solid var(--color-grey-2);
  outline: 1px solid var(--color-grey-7);
}
.uniq__cta {
  min-height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary-100);
  border-radius: var(--border-r-1);
  padding: .5rem;
  color: var(--color-white-50);
  text-align: center;
  align-self: stretch;
  font-size: var(--text-sm);
  font-weight: bold;
  color: var(--color-white-100);
  line-height: 1.333;
  transition: all 0.15s ease-out;
}
.uniq__cta:hover {
  text-decoration: none;
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-cta-hover);
}


/** 2.12 Blocks **/
.blocks {
  --flow-space: var(--spacing-32);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-24) 0;
}
.block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16) var(--spacing-32);
}
.block__text {
  flex: 2 1 auto;
}
.block__text > * {
  max-width: 56rem;
}
.block__image {
  flex: 1 0 auto;
  min-width: 20rem;
  max-width: 27.5rem;
  max-height: 25rem;
  background: linear-gradient(155.14deg, transparent -2.13%, var(--color-white-15) 136.58%);
  border: 1.75px solid;
  border-image-source: linear-gradient(151.65deg, var(--color-white-30) -6.81%, transparent 106.92%);
  border-radius: 1rem;
  box-shadow: 0px 4.5px 57px 0px rgba(0, 7, 72, 0.12);
  transform: skewX(-10deg) scale(0.9);
  overflow: hidden;
}
.block__image.invisible {
  visibility: hidden;
  display: none;
}
.block__image img {
  min-height: 20rem;
  height: 100%;
  object-fit: cover;
  transform: skewX(10deg) scale(1.2);
}
@media (min-width: 80rem) {
  .block {
    flex-direction: row;
    justify-content: center;
  }
  .block:nth-child(even) {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
  .block__image {
    transform: skewX(-10deg) translateX(-2rem);
  }
  .block__image.invisible {
    display: block;
  }
  .block:nth-child(even) .block__image {
    transform: skewX(-10deg) translateX(2rem);
    margin-right: 2rem;
  }
}


/** 2.13 Footer **/

.footer {
  font-size: smaller;
  color: var(--color-white-50);
  padding: 0 var(--gutter);
  margin-top: var(--spacing-24);
}
.footer > div {
  padding: var(--spacing-8) 0;
  border-top: var(--border);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footer > div > * + * {
  border-left: var(--border);
  margin-left: var(--spacing-4);
  padding-left: var(--spacing-4);
}

/* Socials */
.footer address {
  font-style: normal;
  display: flex;
  gap: 1em;
}
.footer address > a {
  height: 1rem;
  color: var(--color-white-30);
}
.footer address > a svg {
  color: inherit;
  transition: color var(--timing) var(--easing);
}
.footer address > a:hover svg {
  color: var(--color-white-50);
}


/*** 3.0 UTILITIES ***/


/** 3.1 Spacing **/

/* Padding */
.p-3 { padding: var(--spacing-3) }
.p-6 { padding: var(--spacing-6) }
.py-3 { padding-top: var(--spacing-3); padding-bottom: var(--spacing-3) }

/* Margin */
.mx-auto { margin-left: auto; margin-right: auto }
.my-3 { margin-top: var(--spacing-3); margin-bottom: var(--spacing-3) }
.my-4 { margin-top: var(--spacing-4); margin-bottom: var(--spacing-4) }
.my-5 { margin-top: var(--spacing-5); margin-bottom: var(--spacing-5) }
.my-6 { margin-top: var(--spacing-6); margin-bottom: var(--spacing-6) }


/** 3.2 Colors **/

/* Text colors */
.text-white-5  { color: var(--color-white-5)  }
.text-white-10 { color: var(--color-white-10) }
.text-white-20 { color: var(--color-white-20) }
.text-white-30 { color: var(--color-white-30) }
.text-white-50 { color: var(--color-white-50) }
.text-white-70 { color: var(--color-white-70) }
.text-primary-100 { color: var(--color-primary-100) }
.text-primary-light-100 { color: var(--color-primary-light-100) }

/* Background colors */
.bg-white-5  { background-color: var(--color-white-5)  }
.bg-white-10 { background-color: var(--color-white-10) }
.bg-white-20 { background-color: var(--color-white-20) }


/** 3.3 Borders **/

.border-r-4 { border-radius: .25rem }
.border-r-8 { border-radius: .5rem }
.border {
  border: var(--border-width) solid var(--border-color);
}


/** 3.4 Shadows **/

.shadow-2xl { filter: var(--shadow-2xl) }
.shadow-dark-3 { box-shadow: var(--shadow-dark-3) }
.shadow-dark-4 { box-shadow: var(--shadow-dark-4) }


/** 3.5 Layout **/

.auto-grid {
  display: grid;
  grid-template-columns: repeat(
    var(--auto-grid-placement, auto-fit),
    minmax(var(--min-size, 16rem), 1fr)
  );
  grid-gap: var(--gap, 1rem);
}
.flex {
  display: flex;
  gap: var(--gap, 1rem);
}
.justify-center {
  justify-content: center;
}
.max-w {
  --max-w: 66rem;
  max-width: var(--max-w);
}
.flow > * + * {
  margin-top: var(--flow-space, 1.5em);
}
.order-first { order: -1 }


/** 3.6 Screen readers **/

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}


/** 3.7 Text **/

/* Font sizes */
.text-xs   { font-size: var(--text-xs) }
.text-sm   { font-size: var(--text-sm) }
.text-base { font-size: var(--text-base) }
.text-lg   { font-size: var(--text-lg) }
.text-xl   { font-size: var(--text-xl) }
.text-2xl  { font-size: var(--text-2xl) }
.text-3xl  { font-size: var(--text-3xl) }
.text-4xl  { font-size: var(--text-4xl) }
.text-5xl  { font-size: var(--text-5xl) }
.text-6xl  { font-size: var(--text-6xl) }

/* Font weights */
.font-medium { font-weight: 500 }
.font-bold { font-weight: 700 }

/* Text alignement */
.text-left { text-align: left }
.text-center { text-align: center }

/* Overline */
.overline {
  text-transform: uppercase;
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: .15em;
}


/** 3.8 Link full **/

a.link-full::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 5;
}
a.link-full:focus,
a.link-full:focus-visible {
  outline-width: 0 !important;
}
a.link-full:focus::after,
a.link-full:focus-visible::after {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: calc(var(--focus-offset) + 2px);
  border-radius: var(--border-r-2);
}



/*** 4.0 LEAGUES ***/

[data-layout="leagues"] h1 {
  font-size: clamp(1.75rem, 0.821rem + 4.643vw, 5rem);
  margin: .5em 0 var(--spacing-6);
}

/* Leaderboard */
.leaderboards {
  --flow-space: var(--spacing-36);
}
.leaderboards .auto-grid {
  --min-size: 20rem; 
  --gap: 2rem;
}

/* League card */
.league.card {
  --icon-size: var(--text-base);
  --icon-color: var(--color-white-100);
  padding: var(--spacing-8);
  min-height: 28rem;
  height: 100%;
  justify-content: flex-start;
  background-color: transparent;
}
.league.card::before {
  content: '';
  display: block;
  position: absolute;
  inset: -1px;
  background-image: 
    linear-gradient(0deg, var(--color-primary-15), var(--color-primary-15)),
    linear-gradient(0deg, var(--color-grey-4) 0.27%, var(--color-grey-4-30) 100%),
    radial-gradient(50% 100% at 50% 0%, transparent 0%, var(--color-grey-4-30) 100%),
    var(--heroImage);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
  border-radius: var(--border-r);
  transition: transform var(--timing) var(--easing);
}
.league.card:hover::before {
  transform: scale(1.05);
}
.league.card p {
  color: var(--color-white-100);
}
.league.card .card__header {
  position: initial;
}
.league.card .card__main {
  flex-grow: 0;
  padding-top: var(--spacing-3);
  margin-top: var(--spacing-3);
  border-top: var(--border-width) solid var(--color-white-20);
}
.league__logo {
  margin: var(--spacing-20) 0 var(--spacing-12);
}
.league__infos {
  font-size: var(--text-sm);
  flex: 1 0;
  display: flex;
  flex-direction: column;
}
.league__name {
  font-size: var(--text-xl);
  line-height: 1.125;
  margin: .25em 0 .5em;
}
.league__name a,
.league__name a:hover {
  color: inherit;
  text-decoration: none;
}
.league__date {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: .5em;
}
.league__prizepool {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}
.league__description {
  font-size: var(--text-sm);
}

/* Featured Leaderboards */
#featured-leaderboards {
  --flow-space: var(--spacing-16);
}
#featured-leaderboards .splide__track {
  overflow: visible;
}
#featured-leaderboards .splide__arrows {
  visibility: hidden;
}
.league--featured.card .league__prizepool {
  display: none;
}
@media (min-width: 60rem) { /* >= 960px */
  .league--featured.card {
    min-height: 25rem;
    justify-content: center;
  }
  .league--featured.card::before {
    background-image: 
      linear-gradient(0deg, var(--color-primary-15), var(--color-primary-15)),
      linear-gradient(0deg, var(--color-grey-4) 0%, var(--color-grey-4-30) 100%),
      linear-gradient(360deg, var(--color-grey-4-15) 0%, var(--color-grey-4-50) 100%),
      radial-gradient(50% 100% at 50% 0%, transparent 0%, var(--color-grey-4-30) 100%),
      var(--heroImage);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .league--featured.card .card__header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 1rem;
  }
  .league--featured.card .card__header::before {
    content: 'Leaderboard';
    position: absolute;
    top: 1rem;
    left: -1rem;
    z-index: 10;
    background-color: var(--color-primary-100);
    color: var(--color-white-70);
    padding: .333rem .5rem;
    height: 2rem;
    font-size: var(--text-sm);
    border-radius: var(--border-r-1);
  }
  .league--featured.card .league__logo {
    width: 6rem;
    height: 6rem;
    margin: 0;
  }
  .league--featured.card .league__infos {
    text-align: left;
  }
  .league--featured.card .league__name {
    font-size: var(--text-4xl);
    margin: .1em 0;
  }
  .league--featured.card .league__date {
    justify-content: flex-start;
  }
  .league--featured.card .league__description {
    font-size: var(--text-xl);
  }
  .league--featured.card .league__prizepool {
    display: flex;
  }
}