@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", monospace;--spacing: .25rem;--container-xs: 20rem;--container-md: 28rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .25rem;--blur-lg: 16px;--blur-3xl: 64px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-hextech-black: #010a13;--color-void: #0a1428;--color-abyss: #091016;--color-panel: #0f1b2d;--color-panel-2: #162033;--color-panel-raised: #1a263c;--color-ink: #03080f;--color-sink: #040c18;--color-shadow: #000000;--color-gold: #c8aa6e;--color-gold-bright: #f0e6d2;--color-gold-light: #cdbe91;--color-gold-rich: #c89b3c;--color-gold-deep: #785a28;--color-gold-dark: #463714;--color-gold-pale: #f5ecd8;--color-hex: #0ac8b9;--color-hex-deep: #0397ab;--color-hex-bright: #cdfafa;--color-blue-steel: #005a82;--color-blue-abyssal: #0a323c;--color-danger: #c24b4b;--color-danger-light: #d47c7c;--color-danger-strong: #be1e37;--color-success: oklch(76.5% .177 163.223);--color-success-light: oklch(90.5% .093 164.15);--color-warning: oklch(82.8% .189 84.429);--color-warning-light: oklch(92.4% .12 95.746);--color-text: #f0e6d2;--color-text-muted: #a09b8c;--color-text-dim: #8f8d82;--color-good: #37b06e;--color-bad: #dc3d3d;--color-series-blue: #6a8cff;--color-series-green: #37b06e;--color-series-red: #dc3d3d;--color-series-cyan: #49cfd6;--color-track: rgb(255 255 255 / .06);--font-beaufort: "Beaufort", "Times New Roman", serif;--font-spiegel: "Spiegel", ui-sans-serif, system-ui, sans-serif;--ease-hextech: cubic-bezier(.22, 1, .36, 1)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.hx-corners{position:relative}.hx-corners:before,.hx-corners:after{content:"";position:absolute;inline-size:.9rem;block-size:.9rem;border:1px solid color-mix(in srgb,#c8aa6e 75%,transparent);pointer-events:none}@supports (color: color-mix(in lab,red,red)){.hx-corners:before,.hx-corners:after{border:1px solid color-mix(in srgb,var(--color-gold) 75%,transparent)}}.hx-corners:before{inset-block-start:-1px;inset-inline-start:-1px;border-inline-end:0;border-block-end:0}.hx-corners:after{inset-block-end:-1px;inset-inline-end:-1px;border-inline-start:0;border-block-start:0}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.hx-switch{position:relative;height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 11);flex:none;cursor:pointer;appearance:none;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gold-deep);background-color:var(--color-void);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--hx-switch-travel: 1.25rem}.hx-switch:checked{border-color:var(--color-hex)}.hx-switch:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-switch:focus-visible{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-switch:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.hx-switch:focus-visible{--tw-outline-style: none;outline-style:none}.hx-switch:dir(rtl){--hx-switch-travel: -1.25rem}.hx-switch:after{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:1rem;block-size:1rem;border-radius:9999px;background:var(--color-gold-deep);transition:translate .2s var(--ease-hextech),background-color .2s var(--ease-hextech)}.hx-switch:checked{background:color-mix(in srgb,#0ac8b9 18%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-switch:checked{background:color-mix(in srgb,var(--color-hex) 18%,transparent)}}.hx-switch:checked:after{translate:var(--hx-switch-travel) 0;background:var(--color-hex)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.hextech-frame{position:relative;background:linear-gradient(180deg,color-mix(in srgb,#1a263c 94%,transparent),color-mix(in srgb,#0a1428 94%,transparent));border:1px solid color-mix(in srgb,#c8aa6e 42%,transparent);clip-path:var(--hx-bevel);box-shadow:inset 0 1px color-mix(in srgb,#f0e6d2 6%,transparent),0 12px 44px -14px color-mix(in srgb,#010a13 85%,transparent);transition:border-color .4s var(--ease-hextech),box-shadow .4s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.hextech-frame{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-raised) 94%,transparent),color-mix(in srgb,var(--color-void) 94%,transparent))}}@supports (color: color-mix(in lab,red,red)){.hextech-frame{border:1px solid color-mix(in srgb,var(--color-gold) 42%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hextech-frame{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold-bright) 6%,transparent),0 12px 44px -14px color-mix(in srgb,var(--color-hextech-black) 85%,transparent)}}.hx-rule{position:relative;block-size:1px;border:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,#c8aa6e 55%,transparent),transparent)}@supports (color: color-mix(in lab,red,red)){.hx-rule{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-gold) 55%,transparent),transparent)}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0px}.inset-y-0{inset-block:0px}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.-end-24{inset-inline-end:calc(var(--spacing) * -24)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-2\.5{inset-inline-end:calc(var(--spacing) * 2.5)}.-top-1\/3{top:calc(calc(1 / 3 * 100%) * -1)}.top-0{top:0}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-32{top:calc(var(--spacing) * 32)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-\[9999px\]{left:-9999px}.left-1\/2{left:50%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-30{z-index:30}.z-\[1100\]{z-index:1100}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-6{margin:calc(var(--spacing) * 6)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-6{margin-block:calc(var(--spacing) * 6)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.ms-auto{margin-inline-start:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[0\.6rem\]{margin-top:.6rem}.mt-\[0\.7rem\]{margin-top:.7rem}.mt-\[0\.9rem\]{margin-top:.9rem}.mt-\[0\.55rem\]{margin-top:.55rem}.mt-\[1\.3rem\]{margin-top:1.3rem}.mt-\[1\.15rem\]{margin-top:1.15rem}.mt-\[4vh\]{margin-top:4vh}.mt-\[8vh\]{margin-top:8vh}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-\[0\.4rem\]{margin-bottom:.4rem}.mb-\[0\.9rem\]{margin-bottom:.9rem}.mb-\[1\.15rem\]{margin-bottom:1.15rem}.hx-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#c8aa6e 70%,transparent);background-color:color-mix(in srgb,#c8aa6e 15%,transparent);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-family:var(--font-beaufort);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-tracking: .15em;letter-spacing:.15em;color:var(--color-gold-bright);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}@supports (color: color-mix(in lab,red,red)){.hx-btn{border-color:color-mix(in oklab,var(--color-gold) 70%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-btn{background-color:color-mix(in oklab,var(--color-gold) 15%,transparent)}}@media(hover:hover){.hx-btn:hover{border-color:var(--color-gold)}}@media(hover:hover){.hx-btn:hover{background-color:color-mix(in srgb,#c8aa6e 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-btn:hover{background-color:color-mix(in oklab,var(--color-gold) 25%,transparent)}}}@media(hover:hover){.hx-btn:hover{--tw-shadow: 0 0 28px -6px var(--tw-shadow-color, var(--hx-glow-accent));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.hx-btn:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-btn:focus-visible{--tw-ring-color: color-mix(in srgb, #c8aa6e 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-btn:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-gold) 40%, transparent)}}.hx-btn:focus-visible{--tw-outline-style: none;outline-style:none}.hx-btn:disabled{cursor:not-allowed}.hx-btn:disabled{opacity:50%}@media(prefers-reduced-motion:reduce){.hx-btn{transition-property:none}}.hx-btn-danger{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#dc3d3d 50%,transparent);background-color:color-mix(in srgb,#dc3d3d 8%,transparent);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-family:var(--font-beaufort);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-tracking: .15em;letter-spacing:.15em;color:var(--color-danger-light);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}@supports (color: color-mix(in lab,red,red)){.hx-btn-danger{border-color:color-mix(in oklab,var(--color-bad) 50%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-btn-danger{background-color:color-mix(in oklab,var(--color-bad) 8%,transparent)}}@media(hover:hover){.hx-btn-danger:hover{background-color:color-mix(in srgb,#dc3d3d 18%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-btn-danger:hover{background-color:color-mix(in oklab,var(--color-bad) 18%,transparent)}}}@media(hover:hover){.hx-btn-danger:hover{--tw-shadow: 0 0 22px -10px var(--tw-shadow-color, var(--hx-glow-danger));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.hx-btn-danger:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-btn-danger:focus-visible{--tw-ring-color: color-mix(in srgb, #dc3d3d 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-btn-danger:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-bad) 40%, transparent)}}.hx-btn-danger:focus-visible{--tw-outline-style: none;outline-style:none}.hx-btn-danger:disabled{cursor:not-allowed}.hx-btn-danger:disabled{opacity:50%}@media(prefers-reduced-motion:reduce){.hx-btn-danger{transition-property:none}}.hx-btn-ghost{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#785a28 40%,transparent);background-color:transparent;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-family:var(--font-beaufort);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-tracking: .15em;letter-spacing:.15em;color:var(--color-text-muted);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}@supports (color: color-mix(in lab,red,red)){.hx-btn-ghost{border-color:color-mix(in oklab,var(--color-gold-deep) 40%,transparent)}}@media(hover:hover){.hx-btn-ghost:hover{border-color:color-mix(in srgb,#0ac8b9 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-btn-ghost:hover{border-color:color-mix(in oklab,var(--color-hex) 60%,transparent)}}}@media(hover:hover){.hx-btn-ghost:hover{color:var(--color-hex)}}.hx-btn-ghost:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-btn-ghost:focus-visible{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-btn-ghost:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.hx-btn-ghost:focus-visible{--tw-outline-style: none;outline-style:none}.hx-btn-ghost:disabled{cursor:not-allowed}.hx-btn-ghost:disabled{opacity:50%}@media(prefers-reduced-motion:reduce){.hx-btn-ghost{transition-property:none}}.hx-btn-gold{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:0px;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-family:var(--font-beaufort);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-tracking: .15em;letter-spacing:.15em;color:var(--color-hextech-black);text-transform:uppercase;transition-property:filter,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;background:linear-gradient(180deg,var(--color-gold-bright),var(--color-gold) 55%,var(--color-gold-rich));clip-path:var(--hx-bevel-btn)}@media(hover:hover){.hx-btn-gold:hover{--tw-shadow: 0 0 28px -6px var(--tw-shadow-color, var(--hx-glow-accent-strong));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hx-btn-gold:hover{--tw-brightness: brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.hx-btn-gold:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-btn-gold:focus-visible{--tw-ring-color: color-mix(in srgb, #c8aa6e 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-btn-gold:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-gold) 50%, transparent)}}.hx-btn-gold:focus-visible{--tw-outline-style: none;outline-style:none}.hx-btn-gold:disabled{cursor:not-allowed}.hx-btn-gold:disabled{opacity:50%}@media(prefers-reduced-motion:reduce){.hx-btn-gold{transition-property:none}}.hx-chip{display:inline-flex;align-items:center;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#785a28 50%,transparent);background-color:color-mix(in srgb,#0a1428 90%,transparent);padding-inline:calc(var(--spacing) * 2.5);padding-block:var(--spacing);font-family:var(--font-mono);font-size:11px;--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-text-muted);text-transform:uppercase}@supports (color: color-mix(in lab,red,red)){.hx-chip{border-color:color-mix(in oklab,var(--color-gold-deep) 50%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-chip{background-color:color-mix(in oklab,var(--color-void) 90%,transparent)}}.hx-chip-hex{display:inline-flex;align-items:center;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-abyssal);background-color:color-mix(in srgb,#0ac8b9 10%,transparent);padding-inline:calc(var(--spacing) * 2.5);padding-block:var(--spacing);font-family:var(--font-mono);font-size:11px;--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-hex);text-transform:uppercase}@supports (color: color-mix(in lab,red,red)){.hx-chip-hex{background-color:color-mix(in oklab,var(--color-hex) 10%,transparent)}}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[760\/240\]{aspect-ratio:760/240}.aspect-square{aspect-ratio:1 / 1}.hx-check{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);flex-shrink:0;appearance:none;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#785a28 60%,transparent);background-color:var(--color-void);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@supports (color: color-mix(in lab,red,red)){.hx-check{border-color:color-mix(in oklab,var(--color-gold-deep) 60%,transparent)}}.hx-check:checked{border-color:var(--color-hex)}.hx-check:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-check:focus{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-check:focus{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.hx-check:focus{--tw-outline-style: none;outline-style:none}.hx-check:checked{background-color:var(--color-hex);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 8l3 3 5-6' fill='none' stroke='%230a1428' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center;background-size:.7rem}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-64{width:calc(var(--spacing) * 64);height:calc(var(--spacing) * 64)}.size-\[1\.05rem\]{width:1.05rem;height:1.05rem}.size-\[34rem\]{width:34rem;height:34rem}.size-\[62rem\]{width:62rem;height:62rem}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-\[1\.6rem\]{height:1.6rem}.h-\[5\.6rem\]{height:5.6rem}.h-\[62vh\]{height:62vh}.h-full{height:100%}.h-px{height:1px}.max-h-\[46rem\]{max-height:46rem}.max-h-\[80vh\]{max-height:80vh}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[26rem\]{min-height:26rem}.min-h-dvh{min-height:100dvh}.hx-input{width:100%;appearance:none;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#785a28 50%,transparent);background-color:color-mix(in srgb,#0a1428 70%,transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-family:var(--font-spiegel);font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@supports (color: color-mix(in lab,red,red)){.hx-input{border-color:color-mix(in oklab,var(--color-gold-deep) 50%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-input{background-color:color-mix(in oklab,var(--color-void) 70%,transparent)}}.hx-input::placeholder{color:var(--color-text-dim)}@media(hover:hover){.hx-input:hover{border-color:color-mix(in srgb,#c8aa6e 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-input:hover{border-color:color-mix(in oklab,var(--color-gold) 60%,transparent)}}}.hx-input:focus{border-color:var(--color-hex)}.hx-input:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-input:focus{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-input:focus{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.hx-input:focus{--tw-outline-style: none;outline-style:none}.w-0\.5{width:calc(var(--spacing) * .5)}.w-28{width:calc(var(--spacing) * 28)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-\[5\.5rem\]{width:5.5rem}.w-\[30rem\]{width:30rem}.w-\[45\%\]{width:45%}.w-\[70\%\]{width:70%}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[14ch\]{max-width:14ch}.max-w-\[26rem\]{max-width:26rem}.max-w-\[46rem\]{max-width:46rem}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[65ch\]{max-width:65ch}.max-w-\[68ch\]{max-width:68ch}.max-w-\[70vw\]{max-width:70vw}.max-w-\[110rem\]{max-width:110rem}.max-w-\[calc\(100vw-6rem\)\]{max-width:calc(100vw - 6rem)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0px}.min-w-60{min-width:calc(var(--spacing) * 60)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.brand-logo{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}@media(hover:hover){.brand-logo:is(:where(.group):hover *){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.\[transform\:scale\(0\.72\)\]{transform:scale(.72)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.hx-breathe{animation:hx-breathe 7s ease-in-out infinite}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize-y{resize:vertical}.snap-start{scroll-snap-align:start}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.scroll-mt-26{scroll-margin-top:calc(var(--spacing) * 26)}.\[scrollbar-width\:none\]{scrollbar-width:none}.hx-select{appearance:none;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#785a28 60%,transparent);background-color:var(--color-void);padding-block:calc(var(--spacing) * 2);padding-inline-start:calc(var(--spacing) * 3);padding-inline-end:calc(var(--spacing) * 8);font-family:var(--font-spiegel);font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%23c8aa6e' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right .65rem center;background-size:.7rem}@supports (color: color-mix(in lab,red,red)){.hx-select{border-color:color-mix(in oklab,var(--color-gold-deep) 60%,transparent)}}@media(hover:hover){.hx-select:hover{border-color:color-mix(in srgb,#c8aa6e 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-select:hover{border-color:color-mix(in oklab,var(--color-gold) 70%,transparent)}}}.hx-select:focus{border-color:var(--color-hex)}.hx-select:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hx-select:focus{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.hx-select:focus{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.hx-select:focus{--tw-outline-style: none;outline-style:none}.hx-select:dir(rtl){background-position:left .65rem center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[7rem_1fr\]{grid-template-columns:7rem 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[minmax\(6rem\,1fr\)_auto\]{grid-template-columns:minmax(6rem,1fr) auto}.grid-cols-\[repeat\(auto-fit\,minmax\(9\.5rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(11rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[0\.3rem\]{gap:.3rem}.gap-\[0\.6rem\]{gap:.6rem}.gap-\[0\.7rem\]{gap:.7rem}.gap-\[0\.8rem\]{gap:.8rem}.gap-\[0\.9rem\]{gap:.9rem}.gap-\[0\.35rem\]{gap:.35rem}.gap-\[0\.45rem\]{gap:.45rem}.gap-\[0\.55rem\]{gap:.55rem}.gap-\[1\.15rem\]{gap:1.15rem}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1\.25{column-gap:calc(var(--spacing) * 1.25)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-\[0\.9rem\]{column-gap:.9rem}.gap-x-\[1\.1rem\]{column-gap:1.1rem}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.justify-self-center{justify-self:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-sm{border-radius:var(--radius-sm)}.stat-cell{border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#785a28 40%,transparent);background-color:color-mix(in srgb,#0a1428 70%,transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2)}@supports (color: color-mix(in lab,red,red)){.stat-cell{border-color:color-mix(in oklab,var(--color-gold-deep) 40%,transparent)}}@supports (color: color-mix(in lab,red,red)){.stat-cell{background-color:color-mix(in oklab,var(--color-void) 70%,transparent)}}.border{border-style:var(--tw-border-style);border-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.hextech-frame-hover:hover{border-color:var(--color-gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,#0ac8b9 25%,transparent),0 0 24px -6px color-mix(in srgb,#0ac8b9 35%,transparent)}@supports (color: color-mix(in lab,red,red)){.hextech-frame-hover:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-hex) 25%,transparent),0 0 24px -6px color-mix(in srgb,var(--color-hex) 35%,transparent)}}.border-bad\/50{border-color:color-mix(in srgb,#dc3d3d 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-bad\/50{border-color:color-mix(in oklab,var(--color-bad) 50%,transparent)}}.border-blue-abyssal{border-color:var(--color-blue-abyssal)}.border-danger-strong\/60{border-color:color-mix(in srgb,#be1e37 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-danger-strong\/60{border-color:color-mix(in oklab,var(--color-danger-strong) 60%,transparent)}}.border-gold-deep{border-color:var(--color-gold-deep)}.border-gold-deep\/25{border-color:color-mix(in srgb,#785a28 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold-deep\/25{border-color:color-mix(in oklab,var(--color-gold-deep) 25%,transparent)}}.border-gold-deep\/30{border-color:color-mix(in srgb,#785a28 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold-deep\/30{border-color:color-mix(in oklab,var(--color-gold-deep) 30%,transparent)}}.border-gold-deep\/40{border-color:color-mix(in srgb,#785a28 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold-deep\/40{border-color:color-mix(in oklab,var(--color-gold-deep) 40%,transparent)}}.border-gold-deep\/45{border-color:color-mix(in srgb,#785a28 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold-deep\/45{border-color:color-mix(in oklab,var(--color-gold-deep) 45%,transparent)}}.border-gold-deep\/50{border-color:color-mix(in srgb,#785a28 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold-deep\/50{border-color:color-mix(in oklab,var(--color-gold-deep) 50%,transparent)}}.border-gold-deep\/60{border-color:color-mix(in srgb,#785a28 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold-deep\/60{border-color:color-mix(in oklab,var(--color-gold-deep) 60%,transparent)}}.border-gold\/16{border-color:color-mix(in srgb,#c8aa6e 16%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold\/16{border-color:color-mix(in oklab,var(--color-gold) 16%,transparent)}}.border-gold\/28{border-color:color-mix(in srgb,#c8aa6e 28%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold\/28{border-color:color-mix(in oklab,var(--color-gold) 28%,transparent)}}.border-gold\/50{border-color:color-mix(in srgb,#c8aa6e 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold\/50{border-color:color-mix(in oklab,var(--color-gold) 50%,transparent)}}.border-gold\/60{border-color:color-mix(in srgb,#c8aa6e 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-gold\/60{border-color:color-mix(in oklab,var(--color-gold) 60%,transparent)}}.border-good\/50{border-color:color-mix(in srgb,#37b06e 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-good\/50{border-color:color-mix(in oklab,var(--color-good) 50%,transparent)}}.border-hex\/40{border-color:color-mix(in srgb,#0ac8b9 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-hex\/40{border-color:color-mix(in oklab,var(--color-hex) 40%,transparent)}}.border-transparent{border-color:transparent}.bg-abyss{background-color:var(--color-abyss)}.bg-gold{background-color:var(--color-gold)}.bg-hextech-black\/95{background-color:color-mix(in srgb,#010a13 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-hextech-black\/95{background-color:color-mix(in oklab,var(--color-hextech-black) 95%,transparent)}}.bg-panel{background-color:var(--color-panel)}.bg-panel-2{background-color:var(--color-panel-2)}.bg-track{background-color:var(--color-track)}.bg-void{background-color:var(--color-void)}.bg-void\/60{background-color:color-mix(in srgb,#0a1428 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-void\/60{background-color:color-mix(in oklab,var(--color-void) 60%,transparent)}}.bg-void\/70{background-color:color-mix(in srgb,#0a1428 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-void\/70{background-color:color-mix(in oklab,var(--color-void) 70%,transparent)}}.bg-linear-to-b{--tw-gradient-position: to bottom;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.bg-linear-to-b{--tw-gradient-position: to bottom in oklab}}.bg-linear-to-br{--tw-gradient-position: to bottom right;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position: to bottom right in oklab}}.bg-linear-to-r{--tw-gradient-position: to right;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position: to right in oklab}}.from-gold-deep{--tw-gradient-from: var(--color-gold-deep);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gold-light{--tw-gradient-from: var(--color-gold-light);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-hex-deep{--tw-gradient-from: var(--color-hex-deep);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-hex-deep\/40{--tw-gradient-from: color-mix(in srgb, #0397ab 40%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.from-hex-deep\/40{--tw-gradient-from: color-mix(in oklab, var(--color-hex-deep) 40%, transparent)}}.from-transparent{--tw-gradient-from: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-gold\/50{--tw-gradient-via: color-mix(in srgb, #c8aa6e 50%, transparent);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}@supports (color: color-mix(in lab,red,red)){.via-gold\/50{--tw-gradient-via: color-mix(in oklab, var(--color-gold) 50%, transparent)}}.via-gold\/60{--tw-gradient-via: color-mix(in srgb, #c8aa6e 60%, transparent);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}@supports (color: color-mix(in lab,red,red)){.via-gold\/60{--tw-gradient-via: color-mix(in oklab, var(--color-gold) 60%, transparent)}}.to-gold{--tw-gradient-to: var(--color-gold);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gold\/30{--tw-gradient-to: color-mix(in srgb, #c8aa6e 30%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-gold\/30{--tw-gradient-to: color-mix(in oklab, var(--color-gold) 30%, transparent)}}.to-hex{--tw-gradient-to: var(--color-hex);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.text-gold-grad{background:linear-gradient(180deg,var(--color-gold-pale) 8%,var(--color-gold) 60%,var(--color-gold-rich) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-\[50\%_18\%\]{object-position:50% 18%}.object-top{object-position:top}.hx-btn-sm:is(.hx-btn,.hx-btn-ghost,.hx-btn-gold,.hx-btn-danger){padding:.34rem .6rem;font-size:.62rem;line-height:1.55;letter-spacing:.1em}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[0\.7rem\]{padding-inline:.7rem}.px-\[0\.35rem\]{padding-inline:.35rem}.px-\[1\.6rem\]{padding-inline:1.6rem}.px-\[1\.15rem\]{padding-inline:1.15rem}.px-\[1\.35rem\]{padding-inline:1.35rem}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-\[0\.1rem\]{padding-block:.1rem}.py-\[0\.15rem\]{padding-block:.15rem}.py-\[0\.32rem\]{padding-block:.32rem}.py-\[0\.35rem\]{padding-block:.35rem}.py-\[0\.65rem\]{padding-block:.65rem}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-9{padding-bottom:calc(var(--spacing) * 9)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-end{text-align:end}.text-right{text-align:right}.text-start{text-align:start}.eyebrow{font-family:var(--font-beaufort);text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;color:var(--color-gold)}.font-beaufort{font-family:var(--font-beaufort)}.font-mono{font-family:var(--font-mono)}.font-spiegel{font-family:var(--font-spiegel)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.86rem\]{font-size:.86rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.7rem\]{font-size:1.7rem}.text-\[1\.9rem\]{font-size:1.9rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[clamp\(2\.4rem\,6vw\,4\.5rem\)\]{font-size:clamp(2.4rem,6vw,4.5rem)}.leading-\[0\.95\]{--tw-leading: .95;line-height:.95}.leading-\[1\.1\]{--tw-leading: 1.1;line-height:1.1}.leading-\[1\.02\]{--tw-leading: 1.02;line-height:1.02}.leading-none{--tw-leading: 1;line-height:1}.leading-normal{--tw-leading: var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking: .2em;letter-spacing:.2em}.tracking-\[0\.03em\]{--tw-tracking: .03em;letter-spacing:.03em}.tracking-\[0\.3em\]{--tw-tracking: .3em;letter-spacing:.3em}.tracking-\[0\.04em\]{--tw-tracking: .04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking: .06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking: .08em;letter-spacing:.08em}.tracking-\[0\.11em\]{--tw-tracking: .11em;letter-spacing:.11em}.tracking-\[0\.12em\]{--tw-tracking: .12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking: .14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking: .15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking: .16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking: .18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking: .22em;letter-spacing:.22em}.tracking-\[0\.26em\]{--tw-tracking: .26em;letter-spacing:.26em}.tracking-normal{--tw-tracking: var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.\[overflow-wrap\:normal\]{overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.nav-link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}@media(hover:hover){.nav-link:hover{color:var(--color-hex)}}.nav-link:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.nav-link:focus-visible{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.nav-link:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.nav-link:focus-visible{--tw-ring-offset-width: 0px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.nav-link:focus-visible{--tw-outline-style: none;outline-style:none}@media(prefers-reduced-motion:reduce){.nav-link{transition-property:none}}.text-danger-light{color:var(--color-danger-light)}.text-gold{color:var(--color-gold)}.text-gold-bright{color:var(--color-gold-bright)}.text-gold-deep{color:var(--color-gold-deep)}.text-gold-light{color:var(--color-gold-light)}.text-gold-rich{color:var(--color-gold-rich)}.text-gold\/12{color:color-mix(in srgb,#c8aa6e 12%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-gold\/12{color:color-mix(in oklab,var(--color-gold) 12%,transparent)}}.text-gold\/15{color:color-mix(in srgb,#c8aa6e 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-gold\/15{color:color-mix(in oklab,var(--color-gold) 15%,transparent)}}.text-gold\/50{color:color-mix(in srgb,#c8aa6e 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-gold\/50{color:color-mix(in oklab,var(--color-gold) 50%,transparent)}}.text-gold\/70{color:color-mix(in srgb,#c8aa6e 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-gold\/70{color:color-mix(in oklab,var(--color-gold) 70%,transparent)}}.text-gold\/80{color:color-mix(in srgb,#c8aa6e 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-gold\/80{color:color-mix(in oklab,var(--color-gold) 80%,transparent)}}.text-good{color:var(--color-good)}.text-hex{color:var(--color-hex)}.text-hex-bright{color:var(--color-hex-bright)}.text-text{color:var(--color-text)}.text-text-dim{color:var(--color-text-dim)}.text-text-muted{color:var(--color-text-muted)}.text-void{color:var(--color-void)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-gold-deep{text-decoration-color:var(--color-gold-deep)}.underline-offset-4{text-underline-offset:4px}.opacity-12{opacity:12%}.opacity-20{opacity:20%}.opacity-35{opacity:35%}.opacity-40{opacity:40%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-75{opacity:75%}.opacity-80{opacity:80%}.opacity-\[0\.05\]{opacity:.05}.shadow-\[inset_0_0_0_1px_var\(--hx-ring-accent-2\)\]{--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--hx-ring-accent-2));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.gold-hairline{box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 35%,transparent)}@supports (color: color-mix(in lab,red,red)){.gold-hairline{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 35%,transparent)}}.hex-glow{box-shadow:0 0 20px -4px color-mix(in srgb,#0ac8b9 35%,transparent)}@supports (color: color-mix(in lab,red,red)){.hex-glow{box-shadow:0 0 20px -4px color-mix(in srgb,var(--color-hex) 35%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur: blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[34px\]{--tw-blur: blur(34px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-lg{--tw-blur: blur(var(--blur-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_2px_18px_var\(--hx-shadow-hard\)\]{--tw-drop-shadow-size: drop-shadow(0 2px 18px var(--tw-drop-shadow-color, var(--hx-shadow-hard)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.saturate-150{--tw-saturate: saturate(150%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.brand-title{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-500{--tw-duration: .5s;transition-duration:.5s}.gold-rule{border-block-start:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--color-gold),transparent) 1}.select-none{-webkit-user-select:none;user-select:none}.splash-scrim{background:linear-gradient(180deg,color-mix(in srgb,#010a13 15%,transparent),color-mix(in srgb,#010a13 55%,transparent) 55%,color-mix(in srgb,#0a1428 97%,transparent)),linear-gradient(90deg,color-mix(in srgb,#010a13 75%,transparent) 0%,transparent 45%)}@supports (color: color-mix(in lab,red,red)){.splash-scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--color-hextech-black) 15%,transparent),color-mix(in srgb,var(--color-hextech-black) 55%,transparent) 55%,color-mix(in srgb,var(--color-void) 97%,transparent)),linear-gradient(90deg,color-mix(in srgb,var(--color-hextech-black) 75%,transparent) 0%,transparent 45%)}}.splash-scrim:dir(rtl){background:linear-gradient(180deg,color-mix(in srgb,#010a13 15%,transparent),color-mix(in srgb,#010a13 55%,transparent) 55%,color-mix(in srgb,#0a1428 97%,transparent)),linear-gradient(270deg,color-mix(in srgb,#010a13 75%,transparent) 0%,transparent 45%)}@supports (color: color-mix(in lab,red,red)){.splash-scrim:dir(rtl){background:linear-gradient(180deg,color-mix(in srgb,var(--color-hextech-black) 15%,transparent),color-mix(in srgb,var(--color-hextech-black) 55%,transparent) 55%,color-mix(in srgb,var(--color-void) 97%,transparent)),linear-gradient(270deg,color-mix(in srgb,var(--color-hextech-black) 75%,transparent) 0%,transparent 45%)}}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x: var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-gold:is(:where(.group):hover *){color:var(--color-gold)}.group-hover\:text-gold-bright:is(:where(.group):hover *){color:var(--color-gold-bright)}.group-hover\:text-hex:is(:where(.group):hover *){color:var(--color-hex)}.group-hover\/evo\:text-hex:is(:where(.group\/evo):hover *){color:var(--color-hex)}.group-hover\/node\:scale-110:is(:where(.group\/node):hover *){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/node\:text-gold-bright:is(:where(.group\/node):hover *){color:var(--color-gold-bright)}}.first-letter\:uppercase:first-letter{text-transform:uppercase}@media(hover:hover){.hover\:border-gold:hover{border-color:var(--color-gold)}.hover\:border-hex:hover{border-color:var(--color-hex)}.hover\:border-hex\/50:hover{border-color:color-mix(in srgb,#0ac8b9 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-hex\/50:hover{border-color:color-mix(in oklab,var(--color-hex) 50%,transparent)}}.hover\:bg-void\/90:hover{background-color:color-mix(in srgb,#0a1428 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-void\/90:hover{background-color:color-mix(in oklab,var(--color-void) 90%,transparent)}}.hover\:text-gold-bright:hover{color:var(--color-gold-bright)}.hover\:text-gold-light:hover{color:var(--color-gold-light)}.hover\:text-hex:hover{color:var(--color-hex)}.hover\:text-hex-bright:hover{color:var(--color-hex-bright)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-hex:focus{border-color:var(--color-hex)}.focus\:ring-1:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-hex\/40:focus{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.focus\:ring-hex\/40:focus{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.focus-visible\:text-hex:focus-visible{color:var(--color-hex)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-gold\/40:focus-visible{--tw-ring-color: color-mix(in srgb, #c8aa6e 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-gold\/40:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-gold) 40%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-50:disabled{opacity:50%}.has-\[\.page-actions\>\*\]\:mb-6:has(:is(.page-actions>*)){margin-bottom:calc(var(--spacing) * 6)}.aria-selected\:border-gold[aria-selected=true]{border-color:var(--color-gold)}.aria-selected\:text-gold-bright[aria-selected=true]{color:var(--color-gold-bright)}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media(width<40rem){.max-sm\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}}@media(width>=460px){@media(width<48rem){.min-\[460px\]\:max-md\:inline-flex{display:inline-flex}}}@media(width>=861px){.min-\[861px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=23rem){@media(width<48rem){.min-\[23rem\]\:max-md\:inline{display:inline}.min-\[23rem\]\:max-md\:inline-block{display:inline-block}}}@media(width>=40rem){.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}.sm\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.sm\:size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.sm\:w-32{width:calc(var(--spacing) * 32)}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-\[1\.35fr_1fr\]{grid-template-columns:1.35fr 1fr}.sm\:grid-cols-\[14rem_1fr\]{grid-template-columns:14rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:ps-4{padding-inline-start:calc(var(--spacing) * 4)}.sm\:text-end{text-align:end}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}}@media(width>=48rem){.md\:col-span-2{grid-column:span 2 / span 2}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}@media(width<80rem){.md\:max-xl\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}}}@media(width>=54rem){.min-\[54rem\]\:inline{display:inline}.min-\[54rem\]\:inline-block{display:inline-block}}@media(width>=64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:top-\[4\.25rem\]{top:4.25rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:mt-0{margin-top:0}.lg\:grid{display:grid}.lg\:inline{display:inline}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_19rem\]{grid-template-columns:minmax(0,1fr) 19rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_21rem\]{grid-template-columns:minmax(0,1fr) 21rem}.lg\:items-start{align-items:flex-start}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:pt-14{padding-top:calc(var(--spacing) * 14)}}@media(width>=73.75rem){.min-\[73\.75rem\]\:inline-flex{display:inline-flex}}@media(width>=80rem){.xl\:hidden{display:none}.xl\:inline{display:inline}.xl\:gap-x-7{column-gap:calc(var(--spacing) * 7)}}.rtl\:-scale-x-100:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x: -100% ;scale:var(--tw-scale-x) var(--tw-scale-y)}.rtl\:bg-linear-to-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-gradient-position: to left;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.rtl\:bg-linear-to-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-gradient-position: to left in oklab}}.rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}@media(hover:hover){.rtl\:group-hover\:-translate-x-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.\[\&\>main\]\:flex-1>main{flex:1}}:root{--hx-bevel: polygon( 14px 0, 100% 0, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 0 100%, 0 14px );--hx-bevel-sm: polygon( 12px 0, 100% 0, 100% calc(100% - 12px) , calc(100% - 12px) 100%, 0 100%, 0 12px );--hx-bevel-btn: polygon( 9px 0, 100% 0, 100% calc(100% - 9px) , calc(100% - 9px) 100%, 0 100%, 0 9px );--hx-glow-accent: rgba(200, 170, 110, .65);--hx-glow-accent-strong: rgba(200, 170, 110, .75);--hx-glow-danger: rgba(220, 61, 61, .7);--hx-shadow-soft: rgba(1, 10, 19, .75);--hx-shadow-hard: rgba(1, 10, 19, .9);--hx-ring-accent-2: rgba(10, 200, 185, .14)}@font-face{font-family:Beaufort;src:url(/fonts/BeaufortforLOL-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Beaufort;src:url(/fonts/BeaufortforLOL-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel_TT_Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@layer base{body{background-color:var(--color-void);color:var(--color-text);font-family:var(--font-spiegel);background-image:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,#0397ab 10%,transparent),transparent 60%),radial-gradient(900px 500px at 100% 0%,color-mix(in srgb,#c8aa6e 6%,transparent),transparent 55%);background-attachment:fixed;overflow-wrap:break-word}@supports (color: color-mix(in lab,red,red)){body{background-image:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--color-hex-deep) 10%,transparent),transparent 60%),radial-gradient(900px 500px at 100% 0%,color-mix(in srgb,var(--color-gold) 6%,transparent),transparent 55%)}}h1,h2,h3,.display{font-family:var(--font-beaufort);letter-spacing:.06em}::selection{background:color-mix(in srgb,#0ac8b9 30%,transparent);color:var(--color-gold-bright)}@supports (color: color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--color-hex) 30%,transparent)}}*{scrollbar-width:thin;scrollbar-color:var(--color-gold-deep) transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{appearance:none;background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}select:dir(rtl){background-position:left 1rem center}input,select,textarea{font-size:max(1rem,1em)}[id]{scroll-margin-block-start:5.5rem}[data-section-target]:focus{outline:none}}.js-reveal [data-reveal]{opacity:0;transform:translateY(16px)}.js-reveal [data-reveal].reveal-in{opacity:1;transform:none;transition:opacity .65s var(--ease-hextech),transform .65s var(--ease-hextech)}@media(prefers-reduced-motion:reduce){.js-reveal [data-reveal]{opacity:1;transform:none;transition:none}}@keyframes hx-breathe{0%,to{opacity:.18;transform:translate(-50%) scale(1)}50%{opacity:.36;transform:translate(-50%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.hx-breathe{animation:none}.hx-switch:after{transition:none}}@media(pointer:coarse){.hx-btn,.hx-btn-ghost,.hx-btn-danger{min-block-size:2.75rem}}.group:hover .brand-logo,.group:hover .brand-title{filter:drop-shadow(0 0 14px color-mix(in srgb,#c8aa6e 45%,transparent))}@supports (color: color-mix(in lab,red,red)){.group:hover .brand-logo,.group:hover .brand-title{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--color-gold) 45%,transparent))}}.hx-rule:after{content:"";position:absolute;top:50%;left:50%;inline-size:7px;block-size:7px;transform:translate(-50%,-50%) rotate(45deg);background:var(--color-gold);box-shadow:0 0 10px -1px color-mix(in srgb,#c8aa6e 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-rule:after{box-shadow:0 0 10px -1px color-mix(in srgb,var(--color-gold) 70%,transparent)}}@layer components{.hx-ambient-glow--cyan{background:radial-gradient(closest-side,color-mix(in srgb,#0ac8b9 20%,transparent),color-mix(in srgb,#0397ab 8%,transparent) 45%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.hx-ambient-glow--cyan{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-hex) 20%,transparent),color-mix(in srgb,var(--color-hex-deep) 8%,transparent) 45%,transparent 72%)}}.hx-ambient-glow--gold{background:radial-gradient(closest-side,color-mix(in srgb,#c8aa6e 16%,transparent),transparent 70%)}@supports (color: color-mix(in lab,red,red)){.hx-ambient-glow--gold{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-gold) 16%,transparent),transparent 70%)}}.weave-iron,.weave-chevron,.weave-seigaiha{display:none}.hx-ambient-vignette{background:radial-gradient(120% 80% at 50% 0%,transparent 55%,color-mix(in srgb,#010a13 55%,transparent))}@supports (color: color-mix(in lab,red,red)){.hx-ambient-vignette{background:radial-gradient(120% 80% at 50% 0%,transparent 55%,color-mix(in srgb,var(--color-hextech-black) 55%,transparent))}}.hx-logo-halo{background:radial-gradient(closest-side,color-mix(in srgb,#0ac8b9 35%,transparent),transparent)}@supports (color: color-mix(in lab,red,red)){.hx-logo-halo{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-hex) 35%,transparent),transparent)}}.brand-link{position:relative;display:inline-block;cursor:pointer;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;-webkit-user-select:none;user-select:none}@media(hover:hover){.brand-link:hover{--tw-translate-y: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}.brand-link:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.brand-link:focus-visible{--tw-ring-color: color-mix(in srgb, #0ac8b9 40%, transparent)}@supports (color: color-mix(in lab,red,red)){.brand-link:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-hex) 40%, transparent)}}.brand-link:focus-visible{--tw-outline-style: none;outline-style:none}@media(prefers-reduced-motion:reduce){.brand-link{transition-property:none}}.codex-header{display:flex;align-items:center;gap:.85rem}.codex-header:before{content:"";inline-size:9px;block-size:9px;flex:none;transform:rotate(45deg);background:var(--color-gold);box-shadow:0 0 12px -2px color-mix(in srgb,#c8aa6e 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.codex-header:before{box-shadow:0 0 12px -2px color-mix(in srgb,var(--color-gold) 90%,transparent)}}.codex-header:after{content:"";flex:1;block-size:1px;background:linear-gradient(90deg,color-mix(in srgb,#c8aa6e 45%,transparent),transparent)}@supports (color: color-mix(in lab,red,red)){.codex-header:after{background:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 45%,transparent),transparent)}}.codex-header:dir(rtl):after{background:linear-gradient(270deg,color-mix(in srgb,#c8aa6e 45%,transparent),transparent)}@supports (color: color-mix(in lab,red,red)){.codex-header:dir(rtl):after{background:linear-gradient(270deg,color-mix(in srgb,var(--color-gold) 45%,transparent),transparent)}}.codex-header h2,.codex-header .codex-header__title{font-family:var(--font-beaufort);font-size:.9rem;text-transform:uppercase;letter-spacing:.24em;color:var(--color-gold);text-wrap:balance;overflow-wrap:break-word}.codex-header .codex-header__meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--color-text-dim);white-space:nowrap}@media(max-width:480px){.codex-header{flex-wrap:wrap}.codex-header h2,.codex-header .codex-header__title{max-inline-size:100%}.codex-header .codex-header__meta{order:1;flex-basis:100%;white-space:normal}}.hx-plate{display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,#c8aa6e 28%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#0f1b2d 85%,transparent),color-mix(in srgb,#091016 92%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#f0e6d2 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-plate{border:1px solid color-mix(in srgb,var(--color-gold) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-plate{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 85%,transparent),color-mix(in srgb,var(--color-abyss) 92%,transparent))}}@supports (color: color-mix(in lab,red,red)){.hx-plate{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold-bright) 5%,transparent)}}.hx-plate__label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-dim);overflow-wrap:normal;hyphens:auto}.hx-plate__value{font-family:var(--font-beaufort);font-size:1.05rem;color:var(--color-gold-bright)}.hx-backdrop{background:color-mix(in srgb,#010a13 78%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.hx-backdrop{background:color-mix(in srgb,var(--color-hextech-black) 78%,transparent)}}.hx-dialog{inline-size:min(46rem,calc(100vw - 2rem),calc(100% - 6px - 2em))}.hx-dialog--form{inline-size:min(34rem,calc(100vw - 2rem),calc(100% - 6px - 2em))}.hx-dialog--picker{inline-size:min(32rem,calc(100vw - 3rem))}.hx-dialog--wide{inline-size:min(56rem,94vw,calc(100% - 6px - 2em))}.hx-dialog .hx-dialog-panel{max-block-size:calc(100dvh - 2rem)}.hx-dialog--form .hx-dialog-panel{padding:1.5rem}@media(width>=40rem){.hx-dialog--form .hx-dialog-panel{padding:1.75rem}}.hx-dialog .cdk-dialog-container{animation:hx-dialog-in .2s var(--ease-hextech)}.hx-dialog .cdk-dialog-container:focus,.hx-sheet .cdk-dialog-container:focus{outline:none}.hx-sheet{inline-size:100%}.hx-sheet .cdk-dialog-container{animation:hx-sheet-in .25s var(--ease-hextech)}.hx-sheet .hx-dialog-panel{max-block-size:85dvh;border-inline:0;border-block-end:0;padding-block-end:max(1.4rem,env(safe-area-inset-bottom))}.hx-dialog--wide .hx-dialog-panel{max-block-size:min(88vh,calc(100dvh - 2rem))}.hx-sheet--wide .hx-dialog-panel{max-block-size:92dvh}.hx-dialog--wide .hx-dialog-panel,.hx-sheet--wide .hx-dialog-panel{background:linear-gradient(180deg,color-mix(in srgb,#0f1b2d 98%,transparent),color-mix(in srgb,#091016 99%,transparent));box-shadow:0 24px 60px -20px color-mix(in srgb,#010a13 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-dialog--wide .hx-dialog-panel,.hx-sheet--wide .hx-dialog-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 98%,transparent),color-mix(in srgb,var(--color-abyss) 99%,transparent))}}@supports (color: color-mix(in lab,red,red)){.hx-dialog--wide .hx-dialog-panel,.hx-sheet--wide .hx-dialog-panel{box-shadow:0 24px 60px -20px color-mix(in srgb,var(--color-hextech-black) 90%,transparent)}}.hx-dialog-panel{display:block;max-block-size:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:1.4rem;color:var(--color-text);background:linear-gradient(180deg,var(--color-void),var(--color-hextech-black));border:1px solid var(--color-gold-deep);box-shadow:0 30px 90px -24px color-mix(in srgb,#000000 85%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-dialog-panel{box-shadow:0 30px 90px -24px color-mix(in srgb,var(--color-shadow) 85%,transparent)}}.hx-dialog-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1.1rem}.hx-dialog-panel__close{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;margin-block:-.375rem;margin-inline-end:-.6rem;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .25s var(--ease-hextech)}.hx-dialog-panel__close:hover{color:var(--color-gold-bright)}.hx-dialog-panel__close:focus-visible{outline:none;color:var(--color-hex)}.hx-dialog-panel__glyph{inline-size:1rem;block-size:1rem}.hx-dialog-panel__head--titled{align-items:flex-start;margin-block-end:1rem}.hx-dialog-panel__close--large{margin-block:-.6rem;margin-inline-end:-.95rem;color:var(--color-text);transition-duration:.3s}.hx-dialog-panel__close--large:hover{color:var(--color-hex)}.hx-dialog-panel__times{font-size:1.5rem;line-height:1}.theme-trigger{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:.4rem .7rem;border:1px solid color-mix(in srgb,#c8aa6e 45%,transparent);background:color-mix(in srgb,#010a13 60%,transparent);color:var(--color-gold-light);cursor:pointer;transition:border-color .25s var(--ease-hextech),color .25s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.theme-trigger{border:1px solid color-mix(in srgb,var(--color-gold) 45%,transparent)}}@supports (color: color-mix(in lab,red,red)){.theme-trigger{background:color-mix(in srgb,var(--color-hextech-black) 60%,transparent)}}.theme-trigger:hover{border-color:var(--color-gold);color:var(--color-gold-bright)}.theme-trigger:focus-visible{outline:none;border-color:var(--color-hex)}.theme-trigger__crest{display:none}:root:not([data-theme=zaun],[data-theme=noxus],[data-theme=spirit-blossom]) .theme-trigger__crest--hextech,[data-theme=zaun] .theme-trigger__crest--zaun,[data-theme=noxus] .theme-trigger__crest--noxus,[data-theme=spirit-blossom] .theme-trigger__crest--spirit-blossom{display:block}.theme-dialog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem}.theme-card{display:grid;justify-items:start;gap:.3rem;padding:.9rem .9rem .8rem;cursor:pointer;text-align:start;border:1px solid color-mix(in srgb,#785a28 55%,transparent);background:var(--sw-ground);transition:border-color .25s var(--ease-hextech),box-shadow .25s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.theme-card{border:1px solid color-mix(in srgb,var(--color-gold-deep) 55%,transparent)}}.theme-card:hover{border-color:var(--sw-a)}@supports (color: color-mix(in lab,red,red)){.theme-card:hover{border-color:color-mix(in srgb,var(--sw-a) 70%,transparent)}}.theme-card:focus-visible{outline:none;border-color:var(--sw-a)}.theme-card[aria-pressed=true]{border-color:var(--sw-a);box-shadow:inset 0 0 0 1px var(--sw-a)}@supports (color: color-mix(in lab,red,red)){.theme-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sw-a) 45%,transparent)}}.theme-card__crest{color:var(--sw-a)}.theme-card__name{font-family:var(--font-beaufort);font-size:.95rem;color:var(--sw-text)}.theme-card__origin{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--sw-text)}@supports (color: color-mix(in lab,red,red)){.theme-card__origin{color:color-mix(in srgb,var(--sw-text) 55%,transparent)}}.theme-card__palette{display:flex;gap:3px;margin-block-start:.45rem}.theme-card__palette i{inline-size:1.15rem;block-size:.4rem;border:1px solid var(--sw-text)}@supports (color: color-mix(in lab,red,red)){.theme-card__palette i{border:1px solid color-mix(in srgb,var(--sw-text) 18%,transparent)}}.theme-card__palette i:nth-child(1){background:var(--sw-a)}.theme-card__palette i:nth-child(2){background:var(--sw-b)}.theme-card__palette i:nth-child(3){background:var(--sw-c)}.theme-card__palette i:nth-child(4){background:var(--sw-text)}.theme-swatch--hextech{--sw-ground: #0a1428;--sw-a: #c8aa6e;--sw-b: #0ac8b9;--sw-c: #785a28;--sw-text: #f0e6d2}}@keyframes hx-dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hx-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.hx-dialog .cdk-dialog-container,.hx-sheet .cdk-dialog-container{animation:none}}@layer components{.hx-dialog--picker .hx-dialog-panel,.hx-sheet--picker .hx-dialog-panel{background:linear-gradient(180deg,var(--color-panel),var(--color-hextech-black))}.hx-dialog--picker .hx-dialog-panel{max-block-size:min(38rem,85dvh);padding:1.25rem 1.5rem 1.5rem;border-color:color-mix(in srgb,#c8aa6e 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-dialog--picker .hx-dialog-panel{border-color:color-mix(in srgb,var(--color-gold) 45%,transparent)}}.hx-sheet--picker .hx-dialog-panel{max-block-size:84dvh;padding:.75rem 1.25rem calc(1rem + env(safe-area-inset-bottom))}.hx-sheet--picker .hx-dialog-panel:before{content:"";display:block;inline-size:2.5rem;block-size:4px;margin-block-end:1.65rem;margin-inline:auto;background:color-mix(in srgb,#c8aa6e 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-sheet--picker .hx-dialog-panel:before{background:color-mix(in srgb,var(--color-gold) 50%,transparent)}}.hx-dialog--picker .hx-dialog-panel__head,.hx-sheet--picker .hx-dialog-panel__head{margin-block-end:.9rem}.hx-dialog--picker .hx-dialog-panel__close,.hx-sheet--picker .hx-dialog-panel__close{position:relative;inline-size:2.25rem;block-size:2.25rem;margin:0;border:1px solid color-mix(in srgb,#785a28 50%,transparent);transition:color .25s var(--ease-hextech),border-color .25s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.hx-dialog--picker .hx-dialog-panel__close,.hx-sheet--picker .hx-dialog-panel__close{border:1px solid color-mix(in srgb,var(--color-gold-deep) 50%,transparent)}}.hx-dialog--picker .hx-dialog-panel__close:after,.hx-sheet--picker .hx-dialog-panel__close:after{content:"";position:absolute;inset:-.25rem}.hx-dialog--picker .hx-dialog-panel__close:hover,.hx-sheet--picker .hx-dialog-panel__close:hover{color:var(--color-gold-bright);border-color:var(--color-gold)}.hx-dialog--picker .hx-dialog-panel__close:focus-visible,.hx-sheet--picker .hx-dialog-panel__close:focus-visible{border-color:var(--color-hex)}@media(prefers-reduced-motion:reduce){.hx-dialog--picker .hx-dialog-panel__close,.hx-sheet--picker .hx-dialog-panel__close{transition:none}}.hx-backdrop--lightbox{background:color-mix(in srgb,#010a13 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports (color: color-mix(in lab,red,red)){.hx-backdrop--lightbox{background:color-mix(in srgb,var(--color-hextech-black) 80%,transparent)}}.hx-backdrop--compact{background:color-mix(in srgb,#010a13 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports (color: color-mix(in lab,red,red)){.hx-backdrop--compact{background:color-mix(in srgb,var(--color-hextech-black) 75%,transparent)}}.hx-lightbox{inline-size:min(94vw,72rem)}.hx-lightbox--compact{inline-size:min(92vw,30rem)}.hx-lightbox .cdk-dialog-container:focus{outline:none}.hx-viewer-button{display:grid;place-items:center;color:var(--color-gold);border:1px solid var(--color-gold-deep);background:color-mix(in srgb,#040c18 72%,transparent);cursor:pointer;transition:color .2s ease,border-color .2s ease}@supports (color: color-mix(in lab,red,red)){.hx-viewer-button{background:color-mix(in srgb,var(--color-sink) 72%,transparent)}}.hx-viewer-button:hover,.hx-viewer-button:focus-visible{color:var(--color-gold-bright);border-color:var(--color-gold);outline:none}.hx-viewer-button svg{fill:none;stroke:currentColor;stroke-width:2}.section-nav{position:sticky;inset-block-start:0;z-index:20;display:flex;gap:.35rem;overflow-x:auto;padding:.55rem 1.5rem;background:color-mix(in srgb,#010a13 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid color-mix(in srgb,#c8aa6e 25%,transparent);scrollbar-width:none}@supports (color: color-mix(in lab,red,red)){.section-nav{background:color-mix(in srgb,var(--color-hextech-black) 82%,transparent)}}@supports (color: color-mix(in lab,red,red)){.section-nav{border-block-end:1px solid color-mix(in srgb,var(--color-gold) 25%,transparent)}}.section-nav::-webkit-scrollbar{display:none}.section-nav a{flex:none;display:inline-flex;align-items:center;min-block-size:2.5rem;padding:.3rem .95rem;font-family:var(--font-beaufort);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);border:1px solid transparent;transition:color .25s var(--ease-hextech),border-color .25s var(--ease-hextech)}.section-nav a:hover{color:var(--color-hex)}.section-nav a:focus-visible{outline:none;border-color:var(--color-hex)}.section-nav a[aria-current]{color:var(--color-gold-bright);border-color:color-mix(in srgb,#c8aa6e 50%,transparent);background:color-mix(in srgb,#c8aa6e 8%,transparent)}@supports (color: color-mix(in lab,red,red)){.section-nav a[aria-current]{border-color:color-mix(in srgb,var(--color-gold) 50%,transparent)}}@supports (color: color-mix(in lab,red,red)){.section-nav a[aria-current]{background:color-mix(in srgb,var(--color-gold) 8%,transparent)}}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:stretch}.pager__link{display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-block-size:4.25rem;padding:.85rem 1.15rem;border:1px solid color-mix(in srgb,#c8aa6e 30%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#0f1b2d 70%,transparent),color-mix(in srgb,#091016 85%,transparent));transition:border-color .3s var(--ease-hextech),transform .3s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.pager__link{border:1px solid color-mix(in srgb,var(--color-gold) 30%,transparent)}}@supports (color: color-mix(in lab,red,red)){.pager__link{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 70%,transparent),color-mix(in srgb,var(--color-abyss) 85%,transparent))}}.pager__link:hover,.pager__link:focus-visible{border-color:var(--color-gold);transform:translateY(-2px);outline:none}.pager__link--next{align-items:flex-end;text-align:end}.pager__eyebrow{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-dim)}.pager__name{font-family:var(--font-beaufort);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold-bright)}.pager__hub{display:grid;place-items:center;min-inline-size:4.25rem;min-block-size:4.25rem;border:1px solid color-mix(in srgb,#c8aa6e 40%,transparent);color:var(--color-gold);background:color-mix(in srgb,#010a13 60%,transparent);transition:border-color .3s var(--ease-hextech),color .3s var(--ease-hextech),box-shadow .3s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.pager__hub{border:1px solid color-mix(in srgb,var(--color-gold) 40%,transparent)}}@supports (color: color-mix(in lab,red,red)){.pager__hub{background:color-mix(in srgb,var(--color-hextech-black) 60%,transparent)}}.pager__hub:hover,.pager__hub:focus-visible{border-color:var(--color-hex);color:var(--color-hex-bright);box-shadow:0 0 22px -6px color-mix(in srgb,#0ac8b9 50%,transparent);outline:none}@supports (color: color-mix(in lab,red,red)){.pager__hub:hover,.pager__hub:focus-visible{box-shadow:0 0 22px -6px color-mix(in srgb,var(--color-hex) 50%,transparent)}}.pager__hub .hx-icon{inline-size:1.15rem;block-size:1.15rem;rotate:45deg}@media(width<360px){.pager{gap:.4rem}.pager__link{min-inline-size:0;padding:.7rem .75rem}.pager__name{hyphens:auto}.pager__hub{min-inline-size:3rem}}.pager--tight{gap:.4rem}.pager--tight .pager__link{min-inline-size:0;padding:.7rem .75rem}.pager--tight .pager__name{hyphens:auto}.pager--tight .pager__hub{min-inline-size:3rem}.hx-version-chip{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,#785a28 55%,transparent);background:color-mix(in srgb,#0a1428 85%,transparent);padding:.1rem .5rem;font-family:var(--font-mono);font-size:.72rem;line-height:1.4;letter-spacing:.04em;color:var(--color-gold);transition:color .25s var(--ease-hextech),border-color .25s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.hx-version-chip{border:1px solid color-mix(in srgb,var(--color-gold-deep) 55%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-version-chip{background:color-mix(in srgb,var(--color-void) 85%,transparent)}}a.hx-version-chip:hover,a.hx-version-chip:focus-visible{color:var(--color-gold-bright);border-color:color-mix(in srgb,#c8aa6e 70%,transparent);outline:none}@supports (color: color-mix(in lab,red,red)){a.hx-version-chip:hover,a.hx-version-chip:focus-visible{border-color:color-mix(in srgb,var(--color-gold) 70%,transparent)}}a.hx-version-chip[aria-current]{color:var(--color-gold-bright);border-color:color-mix(in srgb,#c8aa6e 60%,transparent)}@supports (color: color-mix(in lab,red,red)){a.hx-version-chip[aria-current]{border-color:color-mix(in srgb,var(--color-gold) 60%,transparent)}}.hx-version-chip--lg{padding:.2rem .65rem;font-size:.85rem}@media(prefers-reduced-motion:reduce){.pager__link,.pager__hub,.section-nav a,.hx-version-chip{transition:none}.pager__link:hover{transform:none}}.cdk-drag-preview{box-shadow:0 10px 24px -10px color-mix(in srgb,#010a13 90%,transparent);opacity:.9}@supports (color: color-mix(in lab,red,red)){.cdk-drag-preview{box-shadow:0 10px 24px -10px color-mix(in srgb,var(--color-hextech-black) 90%,transparent)}}.hx-drop-slot,.hx-drop-row{border:1px dashed var(--color-gold-rich);background:color-mix(in srgb,#c89b3c 12%,transparent);pointer-events:none}@supports (color: color-mix(in lab,red,red)){.hx-drop-slot,.hx-drop-row{background:color-mix(in srgb,var(--color-gold-rich) 12%,transparent)}}.hx-drop-slot{flex:none;inline-size:3rem;block-size:3rem}.hx-drop-row{block-size:.4rem}.cdk-drag-animating,.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform .2s var(--ease-hextech)}@media(prefers-reduced-motion:reduce){.cdk-drag-animating,.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:none}}}@keyframes hx-sk-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@layer components{.hx-sk{display:block;border:1px solid color-mix(in srgb,#c8aa6e 16%,transparent);background-image:linear-gradient(90deg,color-mix(in srgb,#c8aa6e 5%,transparent),color-mix(in srgb,#c8aa6e 13%,transparent),color-mix(in srgb,#c8aa6e 5%,transparent));background-size:200% 100%;animation:hx-sk-sweep 1.6s linear infinite}@supports (color: color-mix(in lab,red,red)){.hx-sk{border:1px solid color-mix(in srgb,var(--color-gold) 16%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-sk{background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 5%,transparent),color-mix(in srgb,var(--color-gold) 13%,transparent),color-mix(in srgb,var(--color-gold) 5%,transparent))}}@media(prefers-reduced-motion:reduce){.hx-sk{animation:none}}.hx-sk-line{block-size:.85rem;inline-size:100%}.hx-sk-title{block-size:1.6rem;inline-size:60%}.hx-sk-bar{block-size:2.5rem;inline-size:100%}.hx-sk-block{aspect-ratio:16 / 9;inline-size:100%}.hx-sk-tile{block-size:9rem;inline-size:100%}.hx-sk-portrait{inline-size:100%;padding-block-end:12rem}.hx-sk-portrait:before{content:"";display:block;aspect-ratio:4 / 5}.hx-sk-circle{block-size:3rem;inline-size:3rem;border-radius:50%}}.hx-img[data-img-state=loading]{background-image:linear-gradient(90deg,color-mix(in srgb,#c8aa6e 5%,transparent),color-mix(in srgb,#c8aa6e 13%,transparent),color-mix(in srgb,#c8aa6e 5%,transparent));background-size:200% 100%;animation:hx-sk-sweep 1.6s linear infinite}@supports (color: color-mix(in lab,red,red)){.hx-img[data-img-state=loading]{background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 5%,transparent),color-mix(in srgb,var(--color-gold) 13%,transparent),color-mix(in srgb,var(--color-gold) 5%,transparent))}}.hx-img[data-img-state=error]{color:transparent;background:radial-gradient(circle at center,color-mix(in srgb,#c8aa6e 18%,transparent) 0 2px,transparent 2.5px) center / 100% 100% no-repeat,color-mix(in srgb,#0a1428 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-img[data-img-state=error]{background:radial-gradient(circle at center,color-mix(in srgb,var(--color-gold) 18%,transparent) 0 2px,transparent 2.5px) center / 100% 100% no-repeat,color-mix(in srgb,var(--color-void) 80%,transparent)}}.hx-img-initials{display:grid;place-items:center;font-family:var(--font-beaufort);font-size:.875rem;color:color-mix(in srgb,#c8aa6e 70%,transparent);background:color-mix(in srgb,#0a1428 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-img-initials{color:color-mix(in srgb,var(--color-gold) 70%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-img-initials{background:color-mix(in srgb,var(--color-void) 80%,transparent)}}@media(prefers-reduced-motion:reduce){.hx-img[data-img-state=loading]{animation:none}}@layer components{.ddragon-rich{line-height:1.65;color:var(--color-text)}.ddragon-rich b,.ddragon-rich strong{color:var(--color-gold-bright);font-weight:700}.ddragon-rich i,.ddragon-rich em{color:var(--color-text-muted)}.ddragon-rich br{content:"";display:block;margin-block-start:.35rem}.ddragon-rich a{color:var(--color-hex);text-decoration:underline;text-underline-offset:2px}.ddragon-rich hr{block-size:1px;border:0;margin-block:.85rem;background:linear-gradient(90deg,color-mix(in srgb,#c8aa6e 40%,transparent),transparent)}@supports (color: color-mix(in lab,red,red)){.ddragon-rich hr{background:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 40%,transparent),transparent)}}.ddragon-rich li{display:list-item;list-style:none;margin-block-start:.3rem;padding-inline-start:1rem;position:relative}.ddragon-rich li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.55em;inline-size:5px;block-size:5px;transform:rotate(45deg);background:var(--color-gold-deep)}.ddragon-rich physicaldamage,.ddragon-rich scalead,.ddragon-rich ornnbonus,.ddragon-rich buffedstat{color:#f0a868;font-weight:600}.ddragon-rich magicdamage,.ddragon-rich scaleap,.ddragon-rich scalemana{color:#0ac8b9;font-weight:600}.ddragon-rich truedamage{color:#f5e9c8;font-weight:600}.ddragon-rich healing,.ddragon-rich lifesteal,.ddragon-rich omnivamp,.ddragon-rich health,.ddragon-rich scalehealth,.ddragon-rich statgood{color:#3fb96f;font-weight:600}.ddragon-rich shield{color:#d6c38a;font-weight:600}.ddragon-rich speed,.ddragon-rich haste,.ddragon-rich ms{color:#63d8e0;font-weight:600}.ddragon-rich status,.ddragon-rich onhit{color:#c99bff;font-weight:600}.ddragon-rich scalearmor,.ddragon-rich scalemr,.ddragon-rich scalelevel,.ddragon-rich scalelethality,.ddragon-rich attackspeed{color:var(--color-gold-light);font-weight:600}.ddragon-rich gold{color:var(--color-gold-rich);font-weight:600}.ddragon-rich attention,.ddragon-rich keywordmajor,.ddragon-rich keywordstealth,.ddragon-rich rarementionable{color:var(--color-gold);font-weight:600}.ddragon-rich active,.ddragon-rich recast{color:var(--color-gold-bright);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ddragon-rich passive,.ddragon-rich spellpassive{color:var(--color-hex);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ddragon-rich spellname{color:var(--color-gold-bright);font-style:italic}.ddragon-rich unique{color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ddragon-rich keyword,.ddragon-rich lol-uikit-tooltipped-keyword{color:var(--color-gold-light);border-block-end:1px dotted color-mix(in srgb,#c8aa6e 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.ddragon-rich keyword,.ddragon-rich lol-uikit-tooltipped-keyword{border-block-end:1px dotted color-mix(in srgb,var(--color-gold) 50%,transparent)}}.ddragon-rich raritylegendary{color:var(--color-gold-rich);font-weight:700}.ddragon-rich raritymythic,.ddragon-rich prismatic{color:#c99bff;font-weight:700}.ddragon-rich raritygeneric{color:var(--color-text-muted);font-weight:700}.ddragon-rich maintext{display:block}.ddragon-rich stats{display:block;margin-block-end:.9rem;padding:.75rem 1rem;border-inline-start:2px solid var(--color-gold-deep);background:color-mix(in srgb,#010a13 45%,transparent);color:var(--color-text-muted)}@supports (color: color-mix(in lab,red,red)){.ddragon-rich stats{background:color-mix(in srgb,var(--color-hextech-black) 45%,transparent)}}.ddragon-rich stats attention{color:var(--color-gold-bright)}.ddragon-rich rules{display:block;margin-block-start:.75rem;padding-block-start:.6rem;border-block-start:1px solid color-mix(in srgb,#c8aa6e 18%,transparent);font-size:.8125rem;color:var(--color-text-muted)}@supports (color: color-mix(in lab,red,red)){.ddragon-rich rules{border-block-start:1px solid color-mix(in srgb,var(--color-gold) 18%,transparent)}}.ddragon-rich flavortext{display:block;margin-block-start:.75rem;font-style:italic;font-size:.85rem;color:var(--color-text-dim)}.ddragon-rich--lore{font-size:1.02rem;line-height:1.8;color:var(--color-text)}.ddragon-rich--lore:first-letter{font-family:var(--font-beaufort);font-size:3.9em;line-height:.8;float:inline-start;padding-inline-end:.14em;padding-top:.05em;color:var(--color-gold);text-shadow:0 0 18px color-mix(in srgb,#c8aa6e 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.ddragon-rich--lore:first-letter{text-shadow:0 0 18px color-mix(in srgb,var(--color-gold) 45%,transparent)}}.hx-prose{font-family:var(--font-spiegel)}.hx-prose section{scroll-margin-block-start:6.5rem}.hx-prose h2{margin-block-end:1rem;font-family:var(--font-beaufort);font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold-bright)}.hx-prose h3{margin-block:1.25rem .5rem;font-family:var(--font-beaufort);font-size:1rem;letter-spacing:.06em;color:var(--color-gold)}.hx-prose p,.hx-prose li,.hx-prose blockquote{color:var(--color-text-muted);line-height:1.75}.hx-prose p+p{margin-block-start:.75rem}.hx-prose a{color:var(--color-hex);text-underline-offset:4px}.hx-prose a:hover{text-decoration:underline}.hx-prose ul,.hx-prose ol{margin-block:.75rem;padding-inline-start:1.4rem}.hx-prose ul{list-style:square}.hx-prose ol{list-style:decimal}.hx-prose li+li{margin-block-start:.4rem}.hx-prose strong{color:var(--color-text);font-weight:600}.hx-table-scroll{overflow-x:auto}.hx-prose table,.hx-table{inline-size:100%;border-collapse:collapse;font-size:.875rem}.hx-prose table{margin-block:1rem}.hx-prose th,.hx-prose td,.hx-table th,.hx-table td{border:1px solid color-mix(in srgb,#785a28 45%,transparent);padding:.6rem .75rem;text-align:start;vertical-align:top}@supports (color: color-mix(in lab,red,red)){.hx-prose th,.hx-prose td,.hx-table th,.hx-table td{border:1px solid color-mix(in srgb,var(--color-gold-deep) 45%,transparent)}}.hx-prose th,.hx-table th{font-family:var(--font-beaufort);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-gold);background:color-mix(in srgb,#0a1428 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-prose th,.hx-table th{background:color-mix(in srgb,var(--color-void) 70%,transparent)}}.hx-table--flush th,.hx-table--flush td{border:0;border-block-end:1px solid color-mix(in srgb,#785a28 35%,transparent);padding:.5rem .75rem}@supports (color: color-mix(in lab,red,red)){.hx-table--flush th,.hx-table--flush td{border-block-end:1px solid color-mix(in srgb,var(--color-gold-deep) 35%,transparent)}}.hx-table--flush th{background:none}.hx-table .num{text-align:end;font-family:var(--font-mono)}.switcher{position:relative}.switcher>summary{display:inline-flex;align-items:center;gap:.5rem;min-block-size:2.75rem;padding:.4rem .9rem;border:1px solid color-mix(in srgb,#c8aa6e 45%,transparent);background:color-mix(in srgb,#010a13 60%,transparent);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--color-gold-light);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:border-color .25s var(--ease-hextech),color .25s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.switcher>summary{border:1px solid color-mix(in srgb,var(--color-gold) 45%,transparent)}}@supports (color: color-mix(in lab,red,red)){.switcher>summary{background:color-mix(in srgb,var(--color-hextech-black) 60%,transparent)}}.switcher>summary::-webkit-details-marker{display:none}.switcher>summary:hover{border-color:var(--color-gold);color:var(--color-gold-bright)}.switcher>summary:focus-visible{outline:none;border-color:var(--color-hex)}.switcher.switcher--current>summary{color:var(--color-gold-bright)}.switcher__chevron{inline-size:.65rem;block-size:.65rem;transition:rotate .25s var(--ease-hextech)}.switcher[open]>summary .switcher__chevron{rotate:180deg}.switcher__panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + .5rem);z-index:40;inline-size:min(20rem,calc(100vw - 2rem));padding:1rem;border:1px solid color-mix(in srgb,#c8aa6e 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#0f1b2d 98%,transparent),color-mix(in srgb,#010a13 98%,transparent));box-shadow:0 22px 60px -18px color-mix(in srgb,#010a13 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.switcher__panel{border:1px solid color-mix(in srgb,var(--color-gold) 45%,transparent)}}@supports (color: color-mix(in lab,red,red)){.switcher__panel{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 98%,transparent),color-mix(in srgb,var(--color-hextech-black) 98%,transparent))}}@supports (color: color-mix(in lab,red,red)){.switcher__panel{box-shadow:0 22px 60px -18px color-mix(in srgb,var(--color-hextech-black) 95%,transparent)}}[dir=rtl] .switcher--account>.switcher__panel{inset-inline-end:auto;inset-inline-start:0}.switcher--nav>summary{min-block-size:0;padding:.25rem .1rem;border:0;background:transparent;font-family:inherit;font-size:inherit;letter-spacing:inherit;color:inherit}.switcher--nav .switcher__panel{inset-inline-end:auto;inset-inline-start:0}.switcher__panel--menu{display:flex;flex-direction:column;gap:.15rem;inline-size:max-content;min-inline-size:12rem;padding:.5rem}.switcher__panel--menu a,.switcher__panel--menu button{display:block;inline-size:100%;padding:.5rem .7rem;border:0;background:transparent;text-align:start;font-family:var(--font-beaufort);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);cursor:pointer}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-block-start:1px solid color-mix(in srgb,#c8aa6e 40%,transparent);background:color-mix(in srgb,#010a13 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-block-end:env(safe-area-inset-bottom)}@supports (color: color-mix(in lab,red,red)){.bottom-nav{border-block-start:1px solid color-mix(in srgb,var(--color-gold) 40%,transparent)}}@supports (color: color-mix(in lab,red,red)){.bottom-nav{background:color-mix(in srgb,var(--color-hextech-black) 92%,transparent)}}.bottom-nav:before{content:"";position:absolute;inset-inline:0;inset-block-start:-1px;block-size:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,#c8aa6e 70%,transparent),transparent)}@supports (color: color-mix(in lab,red,red)){.bottom-nav:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-gold) 70%,transparent),transparent)}}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-block-size:3.9rem;padding:.45rem .25rem;color:var(--color-text-muted);transition:color .25s var(--ease-hextech)}.bottom-nav a:focus-visible{outline:none;color:var(--color-hex)}.bottom-nav .hx-icon{inline-size:1.35rem;block-size:1.35rem}.bottom-nav span{font-family:var(--font-beaufort);font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}@media(width<22.5rem){.bottom-nav span{letter-spacing:.08em}}.bottom-nav a[aria-current]{color:var(--color-gold-bright)}.bottom-nav a[aria-current] .hx-icon{color:var(--color-gold);filter:drop-shadow(0 0 8px color-mix(in srgb,#c8aa6e 80%,transparent))}@supports (color: color-mix(in lab,red,red)){.bottom-nav a[aria-current] .hx-icon{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-gold) 80%,transparent))}}@media(width<48rem){.hx-shell:not(.hx-shell--bare){padding-block-end:calc(3.9rem + env(safe-area-inset-bottom))}}@media(width>=48rem){.bottom-nav{display:none}}.hx-nav-progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:60;block-size:3px;background:var(--color-hex);transform:scaleX(0);transform-origin:left center;pointer-events:none}.hx-nav-progress:dir(rtl){transform-origin:right center}.hx-nav-progress--pending{transform:scaleX(.9);transition:transform 10s cubic-bezier(.08,.6,.2,1)}.hx-nav-progress--done{transform:scaleX(1);opacity:0;transition:transform .3s var(--ease-hextech),opacity .15s ease-in .15s}.hx-toaster{position:fixed;inset-block-start:1.25rem;inset-inline-end:1.25rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;inline-size:min(20rem,calc(100vw - 2.5rem));pointer-events:none}.hx-toast{--toast-from: 1.5rem;display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;pointer-events:auto;animation:hx-toast-in .3s var(--ease-hextech)}.hx-toast:dir(rtl){--toast-from: -1.5rem}.hx-toast__glyph{flex:none;inline-size:1rem;block-size:1rem;margin-block-start:.1rem;filter:drop-shadow(0 0 6px currentColor)}.hx-toast__text{flex:1;min-inline-size:0;font-size:.875rem;line-height:1.25rem;color:var(--color-text);white-space:pre-line}.hx-toast__close{display:grid;flex:none;place-items:center;inline-size:1.75rem;block-size:1.75rem;margin:-.25rem;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.hx-toast__close:hover,.hx-toast__close:focus-visible{outline:none;color:var(--color-gold-bright)}}@layer utilities{.hx-toast.hx-toast--info{color:var(--color-hex-bright);border-color:color-mix(in srgb,#0ac8b9 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-toast.hx-toast--info{border-color:color-mix(in srgb,var(--color-hex) 50%,transparent)}}.hx-toast.hx-toast--success{color:var(--color-success-light);border-color:color-mix(in srgb,oklch(76.5% .177 163.223) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-toast.hx-toast--success{border-color:color-mix(in srgb,var(--color-success) 50%,transparent)}}.hx-toast.hx-toast--warning{color:var(--color-warning-light);border-color:color-mix(in srgb,oklch(82.8% .189 84.429) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-toast.hx-toast--warning{border-color:color-mix(in srgb,var(--color-warning) 50%,transparent)}}.hx-toast.hx-toast--error{color:var(--color-danger-light);border-color:color-mix(in srgb,#c24b4b 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-toast.hx-toast--error{border-color:color-mix(in srgb,var(--color-danger) 60%,transparent)}}.hx-toast.hx-toast--leaving{opacity:0;translate:var(--toast-from) 0;transition:opacity .22s var(--ease-hextech),translate .22s var(--ease-hextech)}}@keyframes hx-toast-in{0%{opacity:0;translate:var(--toast-from) 0}to{opacity:1;translate:none}}@media(prefers-reduced-motion:reduce){.hx-toast{animation:none}.hx-toast.hx-toast--leaving{transition:none}.hx-nav-progress{transform:scaleX(1)}.hx-nav-progress--pending,.hx-nav-progress--done,.switcher__chevron{transition:none}}@layer components{.hx-core{position:relative;inline-size:122px;block-size:122px;margin:0 auto 1.5rem}.hx-core__glow{position:absolute;inset:-22%;background:radial-gradient(closest-side,color-mix(in srgb,#0ac8b9 40%,transparent),transparent 70%);filter:blur(6px);animation:hx-loader-glow 3.2s ease-in-out infinite}@supports (color: color-mix(in lab,red,red)){.hx-core__glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-hex) 40%,transparent),transparent 70%)}}.hx-core__svg{position:relative;inline-size:100%;block-size:100%;overflow:visible}.hx-core__ring{stroke:color-mix(in srgb,#c8aa6e 45%,transparent);stroke-width:1.5}@supports (color: color-mix(in lab,red,red)){.hx-core__ring{stroke:color-mix(in srgb,var(--color-gold) 45%,transparent)}}.hx-core__sweep{stroke:var(--color-hex);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:22 78;filter:drop-shadow(0 0 6px color-mix(in srgb,#0ac8b9 70%,transparent));animation:hx-loader-sweep 1.6s linear infinite}@supports (color: color-mix(in lab,red,red)){.hx-core__sweep{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-hex) 70%,transparent))}}.hx-core__inner{fill:color-mix(in srgb,#0ac8b9 6%,transparent);stroke:color-mix(in srgb,#c8aa6e 30%,transparent);stroke-width:1;transform-box:view-box;transform-origin:60px 60px;animation:hx-loader-inner 3.2s ease-in-out infinite}@supports (color: color-mix(in lab,red,red)){.hx-core__inner{fill:color-mix(in srgb,var(--color-hex) 6%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-core__inner{stroke:color-mix(in srgb,var(--color-gold) 30%,transparent)}}.hx-core__orbit{fill:var(--color-hex-bright);transform-box:view-box;transform-origin:60px 60px;animation:hx-loader-spin 6s linear infinite}.hx-core__gem{fill:var(--color-gold);stroke:var(--color-gold-bright);stroke-width:1;transform-box:view-box;transform-origin:60px 60px;filter:drop-shadow(0 0 5px color-mix(in srgb,#c8aa6e 60%,transparent));animation:hx-loader-gem 7s linear infinite}@supports (color: color-mix(in lab,red,red)){.hx-core__gem{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--color-gold) 60%,transparent))}}@keyframes hx-loader-sweep{to{stroke-dashoffset:-100}}@keyframes hx-loader-spin{to{transform:rotate(360deg)}}@keyframes hx-loader-gem{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes hx-loader-inner{0%,to{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}@keyframes hx-loader-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.hx-core__glow,.hx-core__sweep,.hx-core__inner,.hx-core__orbit,.hx-core__gem{animation:none}}.hx-loader{padding:2.25rem 2rem 1.9rem;text-align:center}.hx-loader__eyebrow{margin-block-end:.6rem}.hx-loader__title{font-family:var(--font-beaufort);text-transform:uppercase;letter-spacing:.08em;font-size:1.4rem;color:var(--color-gold-bright)}.hx-loader__subtitle{margin-block-start:.4rem;min-block-size:1.2em;font-family:var(--font-spiegel);font-size:.85rem;color:var(--color-text-muted)}.hx-manifest{margin:1.5rem 0 1rem;padding:0;list-style:none;text-align:start}.hx-row{display:flex;align-items:center;gap:.6rem;padding-block:.4rem}.hx-row__icon{display:grid;place-items:center;flex:none;inline-size:1.85rem;block-size:1.85rem;color:var(--color-gold);border:1px solid color-mix(in srgb,#785a28 50%,transparent);background:color-mix(in srgb,#0a1428 60%,transparent);animation:hx-loader-row 1.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .16s)}@supports (color: color-mix(in lab,red,red)){.hx-row__icon{border:1px solid color-mix(in srgb,var(--color-gold-deep) 50%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-row__icon{background:color-mix(in srgb,var(--color-void) 60%,transparent)}}.hx-row--ready .hx-row__icon{color:var(--color-gold-bright);border-color:var(--color-gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,#c8aa6e 20%,transparent);animation:none}@supports (color: color-mix(in lab,red,red)){.hx-row--ready .hx-row__icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-gold) 20%,transparent)}}.hx-row__label{font-family:var(--font-spiegel);font-size:.9rem;color:var(--color-text);white-space:nowrap}.hx-row__lead{flex:1;align-self:flex-end;block-size:1px;margin:0 .35rem .4rem;border-block-end:1px dotted color-mix(in srgb,#785a28 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-row__lead{border-block-end:1px dotted color-mix(in srgb,var(--color-gold-deep) 50%,transparent)}}.hx-row__status{display:inline-flex;align-items:center;gap:.3rem;flex:none;font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-hex)}.hx-row--ready .hx-row__status{color:var(--color-gold-bright)}.hx-row__check{inline-size:.85rem;block-size:.85rem}.hx-now{display:flex;align-items:center;gap:.7rem;min-block-size:2.9rem;margin-block-end:1.2rem;padding:.7rem .9rem;text-align:start;border:1px solid color-mix(in srgb,#785a28 28%,transparent);background:color-mix(in srgb,#040c18 55%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-now{border:1px solid color-mix(in srgb,var(--color-gold-deep) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-now{background:color-mix(in srgb,var(--color-sink) 55%,transparent)}}.hx-now__dot{flex:none;inline-size:.5rem;block-size:.5rem;border-radius:1px;transform:rotate(45deg);background:var(--color-gold-deep);transition:background .25s var(--ease-hextech),box-shadow .25s var(--ease-hextech)}.hx-now__dot[data-resource=champions]{background:var(--color-hex);box-shadow:0 0 8px 0 var(--color-hex)}.hx-now__dot[data-resource=items]{background:var(--color-gold);box-shadow:0 0 8px 0 var(--color-gold)}.hx-now__dot[data-resource=runes]{background:var(--color-hex-bright);box-shadow:0 0 8px 0 var(--color-hex-bright)}.hx-now__dot[data-resource=summoners]{background:var(--color-gold-bright);box-shadow:0 0 8px 0 var(--color-gold-bright)}.hx-now__name{flex:1;min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-spiegel);font-size:1rem;color:var(--color-gold-bright);animation:hx-loader-swap .28s var(--ease-hextech)}.hx-now__category{flex:none;font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-hex)}.hx-bar{position:relative;block-size:4px;overflow:hidden;background:color-mix(in srgb,#785a28 18%,transparent);border:1px solid color-mix(in srgb,#785a28 35%,transparent)}@supports (color: color-mix(in lab,red,red)){.hx-bar{background:color-mix(in srgb,var(--color-gold-deep) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.hx-bar{border:1px solid color-mix(in srgb,var(--color-gold-deep) 35%,transparent)}}.hx-bar__fill{display:block;block-size:100%;inline-size:0;background:linear-gradient(90deg,var(--color-gold),var(--color-hex-bright));box-shadow:0 0 10px -1px color-mix(in srgb,#0ac8b9 70%,transparent);transition:inline-size .35s var(--ease-hextech)}@supports (color: color-mix(in lab,red,red)){.hx-bar__fill{box-shadow:0 0 10px -1px color-mix(in srgb,var(--color-hex) 70%,transparent)}}.hx-bar--indeterminate .hx-bar__fill{inline-size:40%!important;background:linear-gradient(90deg,transparent,var(--color-gold),var(--color-hex),transparent);animation:hx-loader-slide 1.3s var(--ease-hextech) infinite;transition:none}.hx-bar--indeterminate:dir(rtl) .hx-bar__fill{animation-name:hx-loader-slide-rtl}.hx-bar__pct{margin-block-start:.45rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;color:var(--color-hex)}@keyframes hx-loader-row{0%,to{border-color:color-mix(in srgb,var(--color-gold-deep) 50%,transparent);color:var(--color-gold);box-shadow:none}50%{border-color:var(--color-hex);color:var(--color-hex-bright);box-shadow:0 0 14px -2px color-mix(in srgb,var(--color-hex) 60%,transparent)}}@keyframes hx-loader-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes hx-loader-slide-rtl{0%{transform:translate(120%)}to{transform:translate(-320%)}}@keyframes hx-loader-swap{0%{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hx-row__icon,.hx-now__name{animation:none}.hx-bar__fill{transition:none}.hx-bar--indeterminate .hx-bar__fill{inline-size:100%!important;opacity:.6;animation:none}}}[data-theme=zaun]{--color-hextech-black: #030706;--color-void: #0a100e;--color-abyss: #060b0a;--color-panel: #131b19;--color-panel-2: #1d2825;--color-panel-raised: #243230;--color-ink: #020504;--color-sink: #071110;--color-shadow: #010403;--color-gold: #3fbf6e;--color-gold-bright: #d8f3e2;--color-gold-light: #7be8a0;--color-gold-rich: #2e9e5e;--color-gold-deep: #1c6b45;--color-gold-dark: #4a3a1c;--color-gold-pale: #eafaf0;--color-hex: #c98be8;--color-hex-deep: #a64fd0;--color-hex-bright: #eedcfa;--color-blue-steel: #3a4642;--color-blue-abyssal: #3a2a55;--color-danger: #e0523b;--color-danger-light: #f4796a;--color-danger-strong: #b23a1e;--color-text: #e3e9e2;--color-text-muted: #9aa8a0;--color-text-dim: #86948b;--hx-glow-accent: rgba(63, 191, 110, .5);--hx-glow-accent-strong: rgba(63, 191, 110, .6);--hx-shadow-soft: rgba(1, 4, 3, .78);--hx-shadow-hard: rgba(1, 4, 3, .92);--hx-ring-accent-2: rgba(166, 79, 208, .16);--font-beaufort: "Grenze", "Beaufort", "Times New Roman", serif;--hx-bevel: none;--hx-bevel-sm: none;--hx-bevel-btn: none;--hx-iron-radius: 22px 3px 22px 3px;--hx-iron-radius-sm: 16px 2px 16px 2px;--hx-iron-radius-btn: 12px 2px 12px 2px;--hx-iron-radius-chip: 8px 2px 8px 2px;--ease-hextech: cubic-bezier(.2, .9, .1, 1)}[data-theme=zaun] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.032'/%3E%3C/svg%3E"),radial-gradient(1100px 520px at 50% 104%,color-mix(in srgb,#c8aa6e 9%,transparent),transparent 62%),radial-gradient(880px 460px at 96% -6%,color-mix(in srgb,#0397ab 7%,transparent),transparent 58%)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.032'/%3E%3C/svg%3E"),radial-gradient(1100px 520px at 50% 104%,color-mix(in srgb,var(--color-gold) 9%,transparent),transparent 62%),radial-gradient(880px 460px at 96% -6%,color-mix(in srgb,var(--color-hex-deep) 7%,transparent),transparent 58%)}}[data-theme=zaun] .hx-rule{background:linear-gradient(90deg,transparent,var(--color-gold) 30%,var(--color-hex-deep) 70%,transparent)}[data-theme=zaun] .hx-rule:after{transform:translate(-50%,-50%);inline-size:6px;block-size:6px;background:var(--color-gold-light);box-shadow:0 0 10px -1px color-mix(in srgb,#c8aa6e 70%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-rule:after{box-shadow:0 0 10px -1px color-mix(in srgb,var(--color-gold) 70%,transparent)}}@keyframes zaun-breathe{0%,to{opacity:.18;transform:translate(-50%)}50%{opacity:.3;transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference){[data-theme=zaun] .hx-breathe{animation:zaun-breathe 4.5s ease-in-out infinite}[data-theme=zaun].js-reveal [data-reveal]{transform:translateY(10px)}[data-theme=zaun].js-reveal [data-reveal].reveal-in{transition:opacity .34s var(--ease-hextech),transform .34s var(--ease-hextech)}}[data-theme=zaun] .hx-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%233fbf6e' stroke-width='1.5' stroke-linecap='round'/></svg>")}[data-theme=zaun] .hx-check:checked{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 8l3 3 5-6' fill='none' stroke='%23030706' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.theme-swatch--zaun{--sw-ground: #0a100e;--sw-a: #3fbf6e;--sw-b: #a64fd0;--sw-c: #4a3a1c;--sw-text: #e3e9e2}@font-face{font-family:Grenze;src:url(/fonts/grenze/latin.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Grenze;src:url(/fonts/grenze/latin-ext.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grenze;src:url(/fonts/grenze/vietnamese.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}[data-theme=zaun] h1,[data-theme=zaun] h2,[data-theme=zaun] h3,[data-theme=zaun] .display{letter-spacing:.005em;font-weight:600}[data-theme=zaun] .hero-name{letter-spacing:-.01em;font-weight:700}[data-theme=zaun] .eyebrow,[data-theme=zaun] .codex-header h2,[data-theme=zaun] .codex-header .codex-header__title{font-family:var(--font-mono);font-weight:600;letter-spacing:.18em;text-transform:uppercase}[data-theme=zaun] .codex-header h2,[data-theme=zaun] .codex-header .codex-header__title{font-size:.78rem}[data-theme=zaun] .hx-btn,[data-theme=zaun] .hx-btn-ghost,[data-theme=zaun] .hx-btn-gold{letter-spacing:.09em;font-weight:600}[data-theme=zaun] .nav-link,[data-theme=zaun] .brand-title,[data-theme=zaun] .section-nav a,[data-theme=zaun] .bottom-nav span,[data-theme=zaun] .switcher__panel--menu a,[data-theme=zaun] .switcher__panel--menu button{letter-spacing:.05em}[data-theme=zaun] .text-gold-grad{background-image:linear-gradient(180deg,var(--color-gold-pale) 4%,var(--color-gold-light) 46%,var(--color-gold) 100%)}[data-theme=zaun] .hextech-frame{border-radius:var(--hx-iron-radius);border-color:color-mix(in srgb,#785a28 62%,transparent);background:linear-gradient(152deg,color-mix(in srgb,#f0e6d2 6%,transparent) 0%,transparent 36%),linear-gradient(180deg,color-mix(in srgb,#162033 94%,transparent),color-mix(in srgb,#0a1428 97%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 20%,transparent),0 14px 40px -18px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hextech-frame{border-color:color-mix(in srgb,var(--color-gold-deep) 62%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hextech-frame{background:linear-gradient(152deg,color-mix(in srgb,var(--color-gold-bright) 6%,transparent) 0%,transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel-2) 94%,transparent),color-mix(in srgb,var(--color-void) 97%,transparent))}}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hextech-frame{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 20%,transparent),0 14px 40px -18px var(--color-shadow)}}[data-theme=zaun] .hextech-frame-hover:hover{border-color:color-mix(in srgb,#c8aa6e 72%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 34%,transparent),inset 0 0 0 1px color-mix(in srgb,#0397ab 26%,transparent),inset 0 -28px 34px -30px var(--color-gold),0 14px 40px -18px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hextech-frame-hover:hover{border-color:color-mix(in srgb,var(--color-gold) 72%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hextech-frame-hover:hover{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 34%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--color-hex-deep) 26%,transparent),inset 0 -28px 34px -30px var(--color-gold),0 14px 40px -18px var(--color-shadow)}}[data-theme=zaun] .hx-plate{border-radius:var(--hx-iron-radius-sm);border-color:color-mix(in srgb,#785a28 55%,transparent);background:linear-gradient(152deg,color-mix(in srgb,#f0e6d2 4%,transparent) 0%,transparent 40%),linear-gradient(180deg,color-mix(in srgb,#0f1b2d 88%,transparent),color-mix(in srgb,#091016 94%,transparent))}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-plate{border-color:color-mix(in srgb,var(--color-gold-deep) 55%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-plate{background:linear-gradient(152deg,color-mix(in srgb,var(--color-gold-bright) 4%,transparent) 0%,transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 88%,transparent),color-mix(in srgb,var(--color-abyss) 94%,transparent))}}[data-theme=zaun] .switcher>summary,[data-theme=zaun] .switcher__panel,[data-theme=zaun] .theme-trigger,[data-theme=zaun] .list-count,[data-theme=zaun] .stat-cell,[data-theme=zaun] .section-nav a{border-radius:var(--hx-iron-radius-btn)}[data-theme=zaun] .hx-chip,[data-theme=zaun] .hx-chip-hex,[data-theme=zaun] .edition-badge{border-radius:var(--hx-iron-radius-chip)}[data-theme=zaun] .switcher--nav>summary{border-radius:0}[data-theme=zaun] .hx-btn,[data-theme=zaun] .hx-btn-ghost,[data-theme=zaun] .hx-btn-gold,[data-theme=zaun] .hx-input,[data-theme=zaun] .hx-select{border-radius:var(--hx-iron-radius-btn)}[data-theme=zaun] .hx-btn-gold{clip-path:none}[data-theme=zaun] .hx-check{border-radius:3px}[data-theme=zaun] .hx-input,[data-theme=zaun] .hx-select{background-color:color-mix(in srgb,#040c18 82%,transparent);box-shadow:inset 0 2px 5px -3px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-input,[data-theme=zaun] .hx-select{background-color:color-mix(in srgb,var(--color-sink) 82%,transparent)}}[data-theme=zaun] .filter-console,[data-theme=zaun] lodb-filter-console .console,[data-theme=zaun] .filter-empty,[data-theme=zaun] lodb-catalogue-list :is(.notice,.empty){border-radius:var(--hx-iron-radius)}[data-theme=zaun] .visibility-card,[data-theme=zaun] .socket--empty,[data-theme=zaun] .socket--unavailable,[data-theme=zaun] .skin-socket--empty{border-radius:var(--hx-iron-radius-sm)}[data-theme=zaun] .filter-console,[data-theme=zaun] lodb-filter-console .console{background:linear-gradient(152deg,color-mix(in srgb,#f0e6d2 5%,transparent) 0%,transparent 30%),linear-gradient(180deg,color-mix(in srgb,#1a263c 94%,transparent),color-mix(in srgb,#0a1428 97%,transparent))}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .filter-console,[data-theme=zaun] lodb-filter-console .console{background:linear-gradient(152deg,color-mix(in srgb,var(--color-gold-bright) 5%,transparent) 0%,transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel-raised) 94%,transparent),color-mix(in srgb,var(--color-void) 97%,transparent))}}[data-theme=zaun] .hx-rule{block-size:3px;background:linear-gradient(90deg,transparent,var(--color-gold) 22%,var(--color-hex-deep) 78%,transparent) 0 0 / 100% 1px no-repeat,linear-gradient(90deg,transparent,color-mix(in srgb,#000000 70%,transparent) 20%,color-mix(in srgb,#000000 70%,transparent) 80%,transparent) 0 100% / 100% 1px no-repeat}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-rule{background:linear-gradient(90deg,transparent,var(--color-gold) 22%,var(--color-hex-deep) 78%,transparent) 0 0 / 100% 1px no-repeat,linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-shadow) 70%,transparent) 20%,color-mix(in srgb,var(--color-shadow) 70%,transparent) 80%,transparent) 0 100% / 100% 1px no-repeat}}[data-theme=zaun] .hx-rule:after{transform:translate(-50%,-50%);inline-size:22px;block-size:9px;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,#cdbe91 55%,transparent),var(--color-gold-dark) 55%,color-mix(in srgb,#000000 60%,#463714));box-shadow:inset 0 1px color-mix(in srgb,#f0e6d2 30%,transparent),0 0 12px -3px color-mix(in srgb,#c8aa6e 60%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-rule:after{background:linear-gradient(180deg,color-mix(in srgb,var(--color-gold-light) 55%,transparent),var(--color-gold-dark) 55%,color-mix(in srgb,var(--color-shadow) 60%,var(--color-gold-dark)))}}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-rule:after{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold-bright) 30%,transparent),0 0 12px -3px color-mix(in srgb,var(--color-gold) 60%,transparent)}}[data-theme=zaun] .codex-header:after{block-size:3px;background:linear-gradient(90deg,var(--color-gold) 0%,color-mix(in srgb,#0397ab 60%,transparent) 55%,transparent) 0 0 / 100% 1px no-repeat,linear-gradient(90deg,color-mix(in srgb,#000000 70%,transparent),transparent 70%) 0 100% / 100% 1px no-repeat}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .codex-header:after{background:linear-gradient(90deg,var(--color-gold) 0%,color-mix(in srgb,var(--color-hex-deep) 60%,transparent) 55%,transparent) 0 0 / 100% 1px no-repeat,linear-gradient(90deg,color-mix(in srgb,var(--color-shadow) 70%,transparent),transparent 70%) 0 100% / 100% 1px no-repeat}}[data-theme=zaun] .codex-header:dir(rtl):after{background:linear-gradient(270deg,var(--color-gold) 0%,color-mix(in srgb,#0397ab 60%,transparent) 55%,transparent) 0 0 / 100% 1px no-repeat,linear-gradient(270deg,color-mix(in srgb,#000000 70%,transparent),transparent 70%) 0 100% / 100% 1px no-repeat}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .codex-header:dir(rtl):after{background:linear-gradient(270deg,var(--color-gold) 0%,color-mix(in srgb,var(--color-hex-deep) 60%,transparent) 55%,transparent) 0 0 / 100% 1px no-repeat,linear-gradient(270deg,color-mix(in srgb,var(--color-shadow) 70%,transparent),transparent 70%) 0 100% / 100% 1px no-repeat}}[data-theme=zaun] .codex-header:before{inline-size:11px;block-size:11px;rotate:0deg;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--color-gold-light) 0 1.5px,transparent 1.5px 3px,var(--color-gold) 3px 4.5px,transparent 4.5px);box-shadow:0 0 0 1px color-mix(in srgb,#c8aa6e 60%,transparent),0 0 10px -2px color-mix(in srgb,#c8aa6e 70%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .codex-header:before{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-gold) 60%,transparent),0 0 10px -2px color-mix(in srgb,var(--color-gold) 70%,transparent)}}[data-theme=zaun] .filter-marker,[data-theme=zaun] :is(lodb-filter-console,lodb-filter-sheet,lodb-active-filters) .marker,[data-theme=zaun] lodb-catalogue-list .empty__mark,[data-theme=zaun] .cl-node:before,[data-theme=zaun] lodb-changelog-page .node:before,[data-theme=zaun] .slot-node i,[data-theme=zaun] .ddragon-rich li:before{transform:none;rotate:0deg;border-radius:50%}[data-theme=zaun] .cl-node:before,[data-theme=zaun] lodb-changelog-page .node:before{box-shadow:inset 0 1px color-mix(in srgb,#f0e6d2 45%,transparent),0 0 10px -1px color-mix(in srgb,#c8aa6e 70%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .cl-node:before,[data-theme=zaun] lodb-changelog-page .node:before{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold-bright) 45%,transparent),0 0 10px -1px color-mix(in srgb,var(--color-gold) 70%,transparent)}}[data-theme=zaun] .hx-pip{display:inline-block;inline-size:5px;block-size:5px;border-radius:50%;background:currentColor;font-size:0;vertical-align:middle}[data-theme=zaun] .socket__hex{rotate:0deg;border-radius:50%;border-width:2px}[data-theme=zaun] .donate-tier__gem:before,[data-theme=zaun] .donate-seal:before,[data-theme=zaun] .donate-seal:after{transform:none;border-radius:50%}[data-theme=zaun] .hx-corners:before,[data-theme=zaun] .hx-corners:after{z-index:1;inline-size:6px;block-size:6px;border:0;border-radius:50%;background:var(--color-gold-dark);box-shadow:inset 0 1px color-mix(in srgb,#f0e6d2 45%,transparent),0 1px 2px color-mix(in srgb,#000000 80%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-corners:before,[data-theme=zaun] .hx-corners:after{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold-bright) 45%,transparent),0 1px 2px color-mix(in srgb,var(--color-shadow) 80%,transparent)}}[data-theme=zaun] .hx-corners:before{top:9px;left:auto;right:9px}[data-theme=zaun] .hx-corners:after{bottom:9px;right:auto;left:9px}[data-theme=zaun] .header-seam{background:linear-gradient(90deg,transparent,var(--color-gold) 28%,var(--color-hex-deep) 72%,transparent);box-shadow:0 1px color-mix(in srgb,#000000 80%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .header-seam{box-shadow:0 1px color-mix(in srgb,var(--color-shadow) 80%,transparent)}}[data-theme=zaun] .bottom-nav:before{background:linear-gradient(90deg,transparent,var(--color-gold) 25%,var(--color-hex-deep) 75%,transparent)}[data-theme=zaun] .weave-hex{display:none}[data-theme=zaun] .weave-iron{display:block}[data-theme=zaun] .hx-ambient-glow--cyan{inset-block-start:auto;inset-block-end:-28%}[data-theme=zaun] .hx-bar__fill{background:linear-gradient(90deg,var(--color-gold),var(--color-hex-deep))}[data-theme=zaun] .hx-ambient-glow--gold{background:radial-gradient(closest-side,color-mix(in srgb,#0397ab 22%,transparent),transparent 70%)}@supports (color: color-mix(in lab,red,red)){[data-theme=zaun] .hx-ambient-glow--gold{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-hex-deep) 22%,transparent),transparent 70%)}}[data-theme=noxus]{--color-hextech-black: #08090b;--color-void: #0f1214;--color-abyss: #0a0c0d;--color-panel: #161a1d;--color-panel-2: #1e2427;--color-panel-raised: #252c30;--color-ink: #050607;--color-sink: #0c0f11;--color-shadow: #000000;--color-gold: #b8925a;--color-gold-bright: #e9e3d7;--color-gold-light: #d4b483;--color-gold-rich: #9c7440;--color-gold-deep: #5c4526;--color-gold-dark: #3a2c18;--color-gold-pale: #f4efe4;--color-hex: #e8697a;--color-hex-deep: #c0203a;--color-hex-bright: #f7d8dc;--color-blue-steel: #3a4448;--color-blue-abyssal: #4a1220;--color-danger: #ff6b5e;--color-danger-light: #ff9186;--color-danger-strong: #8e1a12;--color-text: #e9e3d7;--color-text-muted: #9aa0a0;--color-text-dim: #83898a;--hx-glow-accent: rgba(184, 146, 90, .45);--hx-glow-accent-strong: rgba(184, 146, 90, .55);--hx-shadow-soft: rgba(5, 6, 7, .8);--hx-shadow-hard: rgba(5, 6, 7, .94);--hx-ring-accent-2: rgba(192, 32, 58, .18);--hx-bevel: none;--hx-bevel-sm: none;--hx-bevel-btn: none;--nx-hoist-x: 3px;--nx-bank-x: 4%;--nx-edge-angle: 90deg;--ease-hextech: cubic-bezier(.45, 0, .15, 1)}[data-theme=noxus]:dir(rtl){--nx-hoist-x: -3px;--nx-bank-x: 96%;--nx-edge-angle: 270deg}.theme-swatch--noxus{--sw-ground: #0f1214;--sw-a: #c0203a;--sw-b: #b8925a;--sw-c: #3a4448;--sw-text: #e9e3d7}@font-face{font-family:Archivo;src:url(/fonts/archivo/latin.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(/fonts/archivo/latin-ext.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}[data-theme=noxus]{--font-beaufort: "Archivo", "Beaufort", ui-sans-serif, system-ui, sans-serif}[data-theme=noxus] h1,[data-theme=noxus] h2,[data-theme=noxus] h3,[data-theme=noxus] .display{letter-spacing:-.015em;font-weight:800}[data-theme=noxus] .hero-name{letter-spacing:-.035em;font-weight:900}[data-theme=noxus] .eyebrow,[data-theme=noxus] .codex-header h2,[data-theme=noxus] .codex-header .codex-header__title{font-weight:800;letter-spacing:.1em}[data-theme=noxus] .codex-header h2,[data-theme=noxus] .codex-header .codex-header__title{font-size:.82rem}[data-theme=noxus] .hx-btn,[data-theme=noxus] .hx-btn-ghost,[data-theme=noxus] .hx-btn-gold{letter-spacing:.06em;font-weight:700}[data-theme=noxus] .nav-link,[data-theme=noxus] .brand-title,[data-theme=noxus] .section-nav a,[data-theme=noxus] .bottom-nav span,[data-theme=noxus] .switcher__panel--menu a,[data-theme=noxus] .switcher__panel--menu button{letter-spacing:.03em;font-weight:700}[data-theme=noxus] .hextech-frame h3{font-weight:600;letter-spacing:-.005em}[data-theme=noxus] .text-gold-grad{background-image:linear-gradient(180deg,var(--color-gold-pale) 4%,var(--color-gold-light) 52%,var(--color-gold-rich) 100%)}[data-theme=noxus] .hextech-frame{border-radius:0;border-block-color:color-mix(in srgb,#005a82 70%,transparent);border-inline-end-color:color-mix(in srgb,#005a82 70%,transparent);border-inline-start:3px solid var(--color-hex-deep);background:linear-gradient(180deg,color-mix(in srgb,#162033 96%,transparent),color-mix(in srgb,#0f1b2d 98%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 14%,transparent),0 10px 30px -16px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hextech-frame{border-block-color:color-mix(in srgb,var(--color-blue-steel) 70%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hextech-frame{border-inline-end-color:color-mix(in srgb,var(--color-blue-steel) 70%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hextech-frame{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-2) 96%,transparent),color-mix(in srgb,var(--color-panel) 98%,transparent))}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hextech-frame{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 14%,transparent),0 10px 30px -16px var(--color-shadow)}}[data-theme=noxus] .hextech-frame-hover:hover{border-block-color:color-mix(in srgb,#c8aa6e 55%,transparent);border-inline-end-color:color-mix(in srgb,#c8aa6e 55%,transparent);border-inline-start-color:var(--color-hex);box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 30%,transparent),inset var(--nx-hoist-x) 0 14px -8px var(--color-hex-deep),0 10px 30px -16px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hextech-frame-hover:hover{border-block-color:color-mix(in srgb,var(--color-gold) 55%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hextech-frame-hover:hover{border-inline-end-color:color-mix(in srgb,var(--color-gold) 55%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hextech-frame-hover:hover{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 30%,transparent),inset var(--nx-hoist-x) 0 14px -8px var(--color-hex-deep),0 10px 30px -16px var(--color-shadow)}}[data-theme=noxus] .hx-plate,[data-theme=noxus] .filter-console,[data-theme=noxus] lodb-filter-console .console{border-radius:0;border-inline-start:2px solid color-mix(in srgb,#0397ab 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#0f1b2d 92%,transparent),color-mix(in srgb,#091016 96%,transparent))}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-plate,[data-theme=noxus] .filter-console,[data-theme=noxus] lodb-filter-console .console{border-inline-start:2px solid color-mix(in srgb,var(--color-hex-deep) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-plate,[data-theme=noxus] .filter-console,[data-theme=noxus] lodb-filter-console .console{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 92%,transparent),color-mix(in srgb,var(--color-abyss) 96%,transparent))}}[data-theme=noxus] .filter-empty,[data-theme=noxus] lodb-catalogue-list :is(.notice,.empty),[data-theme=noxus] .visibility-card,[data-theme=noxus] .socket--empty,[data-theme=noxus] .socket--unavailable,[data-theme=noxus] .skin-socket--empty,[data-theme=noxus] .switcher>summary,[data-theme=noxus] .switcher__panel,[data-theme=noxus] .theme-trigger,[data-theme=noxus] .list-count,[data-theme=noxus] .stat-cell,[data-theme=noxus] .section-nav a,[data-theme=noxus] .hx-chip,[data-theme=noxus] .hx-chip-hex,[data-theme=noxus] .hx-btn,[data-theme=noxus] .hx-btn-ghost,[data-theme=noxus] .hx-btn-gold,[data-theme=noxus] .hx-input,[data-theme=noxus] .hx-select,[data-theme=noxus] .hx-check{border-radius:0}[data-theme=noxus] .hx-btn-gold{clip-path:none}[data-theme=noxus] .section-nav a[aria-current]{border-color:transparent;border-block-end:2px solid var(--color-hex-deep);background:color-mix(in srgb,#0397ab 12%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .section-nav a[aria-current]{background:color-mix(in srgb,var(--color-hex-deep) 12%,transparent)}}[data-theme=noxus] .hx-input,[data-theme=noxus] .hx-select{background-color:color-mix(in srgb,#040c18 88%,transparent);box-shadow:inset 0 2px 4px -2px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-input,[data-theme=noxus] .hx-select{background-color:color-mix(in srgb,var(--color-sink) 88%,transparent)}}[data-theme=noxus] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.038'/%3E%3C/svg%3E"),radial-gradient(1400px 460px at 50% -8%,color-mix(in srgb,#005a82 26%,transparent),transparent 68%),radial-gradient(700px 620px at var(--nx-bank-x) 30%,color-mix(in srgb,#0397ab 9%,transparent),transparent 60%)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.038'/%3E%3C/svg%3E"),radial-gradient(1400px 460px at 50% -8%,color-mix(in srgb,var(--color-blue-steel) 26%,transparent),transparent 68%),radial-gradient(700px 620px at var(--nx-bank-x) 30%,color-mix(in srgb,var(--color-hex-deep) 9%,transparent),transparent 60%)}}[data-theme=noxus] .hx-rule{block-size:3px;background:linear-gradient(90deg,color-mix(in srgb,#c8aa6e 55%,transparent),color-mix(in srgb,#c8aa6e 55%,transparent)) 0 0 / 100% 1px no-repeat,linear-gradient(90deg,transparent,color-mix(in srgb,#0397ab 85%,transparent) 12%,color-mix(in srgb,#0397ab 85%,transparent) 88%,transparent) 0 100% / 100% 2px no-repeat}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-rule{background:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 55%,transparent),color-mix(in srgb,var(--color-gold) 55%,transparent)) 0 0 / 100% 1px no-repeat,linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-hex-deep) 85%,transparent) 12%,color-mix(in srgb,var(--color-hex-deep) 85%,transparent) 88%,transparent) 0 100% / 100% 2px no-repeat}}[data-theme=noxus] .hx-rule:after{rotate:0deg;inline-size:14px;block-size:12px;top:0;background:var(--color-hex-deep);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);box-shadow:none}[data-theme=noxus] .codex-header:after{block-size:3px;background:linear-gradient(var(--nx-edge-angle),color-mix(in srgb,#c8aa6e 50%,transparent),transparent 85%) 0 0 / 100% 1px no-repeat,linear-gradient(var(--nx-edge-angle),color-mix(in srgb,#0397ab 70%,transparent),transparent 60%) 0 100% / 100% 2px no-repeat}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .codex-header:after{background:linear-gradient(var(--nx-edge-angle),color-mix(in srgb,var(--color-gold) 50%,transparent),transparent 85%) 0 0 / 100% 1px no-repeat,linear-gradient(var(--nx-edge-angle),color-mix(in srgb,var(--color-hex-deep) 70%,transparent),transparent 60%) 0 100% / 100% 2px no-repeat}}[data-theme=noxus] .codex-header:before{inline-size:10px;block-size:12px;rotate:0deg;background:var(--color-hex-deep);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);box-shadow:none}[data-theme=noxus] .filter-marker,[data-theme=noxus] :is(lodb-filter-console,lodb-filter-sheet,lodb-active-filters) .marker,[data-theme=noxus] lodb-catalogue-list .empty__mark,[data-theme=noxus] .cl-node:before,[data-theme=noxus] lodb-changelog-page .node:before,[data-theme=noxus] .slot-node i,[data-theme=noxus] .ddragon-rich li:before,[data-theme=noxus] .hx-pip{transform:none;rotate:0deg;border-radius:0;clip-path:polygon(0 0,100% 0,50% 100%)}[data-theme=noxus] .slot-node i{rotate:45deg}[data-theme=noxus] .hx-pip{display:inline-block;inline-size:7px;block-size:6px;background:currentColor;font-size:0;vertical-align:middle}[data-theme=noxus] .cl-node:before,[data-theme=noxus] lodb-changelog-page .node:before{box-shadow:none}[data-theme=noxus] .socket__hex{rotate:0deg;border-radius:0;border-width:2px}[data-theme=noxus] .donate-tier__gem:before,[data-theme=noxus] .donate-seal:before,[data-theme=noxus] .donate-seal:after{transform:none;border-radius:0}[data-theme=noxus] .hx-corners:before{z-index:1;inline-size:9px;block-size:9px;inset-block-start:10px;inset-inline-start:auto;inset-inline-end:10px;border:0;border-radius:50%;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,#0ac8b9 90%,transparent) 0 2px,var(--color-hex-deep) 2px);box-shadow:0 1px 2px color-mix(in srgb,#000000 85%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-corners:before{background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--color-hex) 90%,transparent) 0 2px,var(--color-hex-deep) 2px)}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-corners:before{box-shadow:0 1px 2px color-mix(in srgb,var(--color-shadow) 85%,transparent)}}[data-theme=noxus] .hx-corners:after{content:none}[data-theme=noxus] .header-seam{background:linear-gradient(var(--nx-edge-angle),color-mix(in srgb,#0397ab 70%,transparent),color-mix(in srgb,#c8aa6e 45%,transparent) 55%,transparent);box-shadow:0 1px color-mix(in srgb,#000000 85%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .header-seam{background:linear-gradient(var(--nx-edge-angle),color-mix(in srgb,var(--color-hex-deep) 70%,transparent),color-mix(in srgb,var(--color-gold) 45%,transparent) 55%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .header-seam{box-shadow:0 1px color-mix(in srgb,var(--color-shadow) 85%,transparent)}}[data-theme=noxus] .bottom-nav:before{background:linear-gradient(var(--nx-edge-angle),color-mix(in srgb,#0397ab 75%,transparent),color-mix(in srgb,#c8aa6e 40%,transparent) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .bottom-nav:before{background:linear-gradient(var(--nx-edge-angle),color-mix(in srgb,var(--color-hex-deep) 75%,transparent),color-mix(in srgb,var(--color-gold) 40%,transparent) 60%,transparent)}}[data-theme=noxus] .weave-hex{display:none}[data-theme=noxus] .weave-chevron{display:block}[data-theme=noxus] .hx-ambient-glow--cyan{background:radial-gradient(closest-side,color-mix(in srgb,#0397ab 16%,transparent),transparent 70%)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-ambient-glow--cyan{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-hex-deep) 16%,transparent),transparent 70%)}}[data-theme=noxus] .hx-ambient-glow--gold{background:radial-gradient(closest-side,color-mix(in srgb,#c8aa6e 12%,transparent),transparent 70%)}@supports (color: color-mix(in lab,red,red)){[data-theme=noxus] .hx-ambient-glow--gold{background:radial-gradient(closest-side,color-mix(in srgb,var(--color-gold) 12%,transparent),transparent 70%)}}[data-theme=noxus] .hx-bar__fill{background:linear-gradient(90deg,var(--color-hex-deep),var(--color-gold))}[data-theme=spirit-blossom]{--color-hextech-black: #07070e;--color-void: #12121e;--color-abyss: #0c0c16;--color-panel: #1e1e36;--color-panel-2: #2a2a4e;--color-panel-raised: #33335c;--color-ink: #05050b;--color-sink: #16162a;--color-shadow: #04040a;--color-gold: #98d8f8;--color-gold-bright: #eef6ff;--color-gold-light: #c6e9fc;--color-gold-rich: #3fb6de;--color-gold-deep: #2a6f8e;--color-gold-dark: #5a4a2e;--color-gold-pale: #f6fbff;--color-hex: #b78bea;--color-hex-deep: #8b5cf6;--color-hex-bright: #eedcfa;--color-blue-steel: #424272;--color-blue-abyssal: #36365a;--color-danger: #ff6b7a;--color-danger-light: #ff9aa4;--color-danger-strong: #c93a52;--color-text: #e8e6f5;--color-text-muted: #b9b5d6;--color-text-dim: #9c98bd;--hx-glow-accent: rgba(152, 216, 248, .42);--hx-glow-accent-strong: rgba(152, 216, 248, .55);--hx-shadow-soft: rgba(4, 4, 10, .7);--hx-shadow-hard: rgba(4, 4, 10, .88);--hx-ring-accent-2: rgba(183, 139, 234, .18);--sb-sakura: #e87bb4;--hx-bevel: none;--hx-bevel-sm: none;--hx-bevel-btn: none;--sb-arch: 16px 16px 4px 4px;--sb-arch-sm: 12px 12px 3px 3px;--sb-arch-btn: 10px 10px 3px 3px;--ease-hextech: cubic-bezier(.16, .8, .24, 1)}.theme-swatch--spirit-blossom{--sw-ground: #12121e;--sw-a: #98d8f8;--sw-b: #b78bea;--sw-c: #e87bb4;--sw-text: #e8e6f5}@font-face{font-family:Shippori Mincho;src:url(/fonts/shippori/latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shippori Mincho;src:url(/fonts/shippori/latin-600.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shippori Mincho;src:url(/fonts/shippori/latin-ext-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shippori Mincho;src:url(/fonts/shippori/latin-ext-600.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}[data-theme=spirit-blossom]{--font-beaufort: "Shippori Mincho", "Beaufort", "Times New Roman", serif}[data-theme=spirit-blossom] h1,[data-theme=spirit-blossom] h2,[data-theme=spirit-blossom] h3,[data-theme=spirit-blossom] .display{letter-spacing:.09em;font-weight:400}[data-theme=spirit-blossom] .hero-name{letter-spacing:.06em;font-weight:600}[data-theme=spirit-blossom] .eyebrow,[data-theme=spirit-blossom] .codex-header h2,[data-theme=spirit-blossom] .codex-header .codex-header__title{letter-spacing:.32em;font-weight:400}[data-theme=spirit-blossom] .hx-btn,[data-theme=spirit-blossom] .hx-btn-ghost,[data-theme=spirit-blossom] .hx-btn-gold{letter-spacing:.2em;font-weight:600}[data-theme=spirit-blossom] .brand-title{letter-spacing:.03em}[data-theme=spirit-blossom] .nav-link,[data-theme=spirit-blossom] .bottom-nav span,[data-theme=spirit-blossom] .switcher__panel--menu a,[data-theme=spirit-blossom] .switcher__panel--menu button{letter-spacing:.07em}[data-theme=spirit-blossom] .hextech-frame h3{font-weight:600;letter-spacing:.02em}[data-theme=spirit-blossom] .text-gold-grad{background-image:linear-gradient(180deg,var(--color-gold-pale) 4%,var(--color-gold) 48%,var(--sb-sakura) 100%)}[data-theme=spirit-blossom] .hextech-frame{border-radius:var(--sb-arch);border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,#c8aa6e 7%,transparent) 0%,transparent 22%),linear-gradient(180deg,color-mix(in srgb,#0f1b2d 96%,transparent),color-mix(in srgb,#0f1b2d 99%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 26%,transparent),0 12px 34px -20px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hextech-frame{background:linear-gradient(180deg,color-mix(in srgb,var(--color-gold) 7%,transparent) 0%,transparent 22%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 96%,transparent),color-mix(in srgb,var(--color-panel) 99%,transparent))}}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hextech-frame{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 26%,transparent),0 12px 34px -20px var(--color-shadow)}}[data-theme=spirit-blossom] .hextech-frame-hover:hover{border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,#c8aa6e 12%,transparent) 0%,transparent 26%),linear-gradient(180deg,color-mix(in srgb,#162033 96%,transparent),color-mix(in srgb,#0f1b2d 99%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 55%,transparent),0 0 26px -10px color-mix(in srgb,#0397ab 45%,transparent),0 12px 34px -20px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hextech-frame-hover:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-gold) 12%,transparent) 0%,transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel-2) 96%,transparent),color-mix(in srgb,var(--color-panel) 99%,transparent))}}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hextech-frame-hover:hover{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 55%,transparent),0 0 26px -10px color-mix(in srgb,var(--color-hex-deep) 45%,transparent),0 12px 34px -20px var(--color-shadow)}}[data-theme=spirit-blossom] .hx-plate,[data-theme=spirit-blossom] .filter-console,[data-theme=spirit-blossom] lodb-filter-console .console{border-radius:var(--sb-arch);border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,#0f1b2d 92%,transparent),color-mix(in srgb,#091016 96%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#c8aa6e 20%,transparent),0 12px 34px -22px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-plate,[data-theme=spirit-blossom] .filter-console,[data-theme=spirit-blossom] lodb-filter-console .console{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 92%,transparent),color-mix(in srgb,var(--color-abyss) 96%,transparent))}}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-plate,[data-theme=spirit-blossom] .filter-console,[data-theme=spirit-blossom] lodb-filter-console .console{box-shadow:inset 0 1px color-mix(in srgb,var(--color-gold) 20%,transparent),0 12px 34px -22px var(--color-shadow)}}[data-theme=spirit-blossom] .filter-empty,[data-theme=spirit-blossom] lodb-catalogue-list :is(.notice,.empty),[data-theme=spirit-blossom] .visibility-card,[data-theme=spirit-blossom] .socket--empty,[data-theme=spirit-blossom] .socket--unavailable,[data-theme=spirit-blossom] .skin-socket--empty{border-radius:var(--sb-arch-sm)}[data-theme=spirit-blossom] .switcher>summary,[data-theme=spirit-blossom] .switcher__panel,[data-theme=spirit-blossom] .theme-trigger,[data-theme=spirit-blossom] .list-count,[data-theme=spirit-blossom] .stat-cell,[data-theme=spirit-blossom] .section-nav a,[data-theme=spirit-blossom] .hx-btn,[data-theme=spirit-blossom] .hx-btn-ghost,[data-theme=spirit-blossom] .hx-btn-gold,[data-theme=spirit-blossom] .hx-input,[data-theme=spirit-blossom] .hx-select{border-radius:var(--sb-arch-btn)}[data-theme=spirit-blossom] .hx-btn-gold{clip-path:none}[data-theme=spirit-blossom] .hx-chip,[data-theme=spirit-blossom] .hx-chip-hex,[data-theme=spirit-blossom] .edition-badge{border-radius:8px 8px 3px 3px}[data-theme=spirit-blossom] .hx-check{border-radius:4px}[data-theme=spirit-blossom] .hx-input,[data-theme=spirit-blossom] .hx-select{background-color:color-mix(in srgb,#040c18 80%,transparent);border-color:color-mix(in srgb,#005a82 80%,transparent);box-shadow:none}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-input,[data-theme=spirit-blossom] .hx-select{background-color:color-mix(in srgb,var(--color-sink) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-input,[data-theme=spirit-blossom] .hx-select{border-color:color-mix(in srgb,var(--color-blue-steel) 80%,transparent)}}[data-theme=spirit-blossom] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E"),radial-gradient(1200px 620px at 50% -12%,color-mix(in srgb,#c8aa6e 11%,transparent),transparent 62%),radial-gradient(820px 520px at 92% 18%,var(--sb-sakura),transparent 58%)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E"),radial-gradient(1200px 620px at 50% -12%,color-mix(in srgb,var(--color-gold) 11%,transparent),transparent 62%),radial-gradient(820px 520px at 92% 18%,color-mix(in srgb,var(--sb-sakura) 8%,transparent),transparent 58%)}}[data-theme=spirit-blossom] .hx-rule{block-size:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,#c8aa6e 75%,transparent) 26%,var(--sb-sakura) 74%,transparent);filter:drop-shadow(0 0 4px color-mix(in srgb,#c8aa6e 30%,transparent))}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-rule{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-gold) 75%,transparent) 26%,color-mix(in srgb,var(--sb-sakura) 70%,transparent) 74%,transparent)}}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-rule{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--color-gold) 30%,transparent))}}[data-theme=spirit-blossom] .hx-rule:after{inline-size:9px;block-size:9px;border-radius:50%;background:radial-gradient(circle,var(--color-gold-pale) 0 1.5px,color-mix(in srgb,#c8aa6e 80%,transparent) 1.5px 3px,transparent 3.4px);box-shadow:0 0 14px 1px color-mix(in srgb,#c8aa6e 45%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-rule:after{background:radial-gradient(circle,var(--color-gold-pale) 0 1.5px,color-mix(in srgb,var(--color-gold) 80%,transparent) 1.5px 3px,transparent 3.4px)}}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-rule:after{box-shadow:0 0 14px 1px color-mix(in srgb,var(--color-gold) 45%,transparent)}}[data-theme=spirit-blossom] .codex-header:after{block-size:2px;background:linear-gradient(90deg,color-mix(in srgb,#c8aa6e 60%,transparent),var(--sb-sakura) 55%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .codex-header:after{background:linear-gradient(90deg,color-mix(in srgb,var(--color-gold) 60%,transparent),color-mix(in srgb,var(--sb-sakura) 30%,transparent) 55%,transparent)}}[data-theme=spirit-blossom] .codex-header:dir(rtl):after{background:linear-gradient(270deg,color-mix(in srgb,#c8aa6e 60%,transparent),var(--sb-sakura) 55%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .codex-header:dir(rtl):after{background:linear-gradient(270deg,color-mix(in srgb,var(--color-gold) 60%,transparent),color-mix(in srgb,var(--sb-sakura) 30%,transparent) 55%,transparent)}}[data-theme=spirit-blossom] .codex-header:before{inline-size:10px;block-size:10px;rotate:0deg;border-radius:50%;background:radial-gradient(circle,var(--color-gold-pale) 0 1.6px,color-mix(in srgb,#c8aa6e 70%,transparent) 1.6px 3.2px,transparent 3.6px);box-shadow:0 0 16px 1px color-mix(in srgb,#c8aa6e 50%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .codex-header:before{background:radial-gradient(circle,var(--color-gold-pale) 0 1.6px,color-mix(in srgb,var(--color-gold) 70%,transparent) 1.6px 3.2px,transparent 3.6px)}}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .codex-header:before{box-shadow:0 0 16px 1px color-mix(in srgb,var(--color-gold) 50%,transparent)}}[data-theme=spirit-blossom] .filter-marker,[data-theme=spirit-blossom] :is(lodb-filter-console,lodb-filter-sheet,lodb-active-filters) .marker,[data-theme=spirit-blossom] lodb-catalogue-list .empty__mark,[data-theme=spirit-blossom] .cl-node:before,[data-theme=spirit-blossom] lodb-changelog-page .node:before,[data-theme=spirit-blossom] .slot-node i,[data-theme=spirit-blossom] .ddragon-rich li:before{transform:none;rotate:0deg;border-radius:50%}[data-theme=spirit-blossom] .cl-node:before,[data-theme=spirit-blossom] lodb-changelog-page .node:before{box-shadow:0 0 14px 1px color-mix(in srgb,#c8aa6e 45%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .cl-node:before,[data-theme=spirit-blossom] lodb-changelog-page .node:before{box-shadow:0 0 14px 1px color-mix(in srgb,var(--color-gold) 45%,transparent)}}[data-theme=spirit-blossom] .hx-pip{display:inline-block;inline-size:5px;block-size:5px;border-radius:50%;background:currentColor;font-size:0;vertical-align:middle;box-shadow:0 0 8px currentColor}[data-theme=spirit-blossom] .socket__hex{rotate:0deg;border-radius:50%}[data-theme=spirit-blossom] .donate-tier__gem:before,[data-theme=spirit-blossom] .donate-seal:before,[data-theme=spirit-blossom] .donate-seal:after{transform:none;border-radius:50%}[data-theme=spirit-blossom] .hx-corners:before,[data-theme=spirit-blossom] .hx-corners:after{content:none}[data-theme=spirit-blossom] .header-seam{background:linear-gradient(90deg,transparent,color-mix(in srgb,#c8aa6e 65%,transparent) 30%,var(--sb-sakura) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .header-seam{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-gold) 65%,transparent) 30%,color-mix(in srgb,var(--sb-sakura) 55%,transparent) 70%,transparent)}}[data-theme=spirit-blossom] .bottom-nav:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,#c8aa6e 60%,transparent) 30%,var(--sb-sakura) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .bottom-nav:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-gold) 60%,transparent) 30%,color-mix(in srgb,var(--sb-sakura) 50%,transparent) 70%,transparent)}}[data-theme=spirit-blossom] .weave-hex{display:none}[data-theme=spirit-blossom] .weave-seigaiha{display:block}@keyframes sb-breathe{0%,to{opacity:.16;transform:translate(-50%)}50%{opacity:.34;transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference){[data-theme=spirit-blossom] .hx-breathe{animation:sb-breathe 9s ease-in-out infinite}}[data-theme=spirit-blossom] .hx-ambient-glow--gold{background:radial-gradient(closest-side,var(--sb-sakura),transparent 70%)}@supports (color: color-mix(in lab,red,red)){[data-theme=spirit-blossom] .hx-ambient-glow--gold{background:radial-gradient(closest-side,color-mix(in srgb,var(--sb-sakura) 18%,transparent),transparent 70%)}}[data-theme=spirit-blossom] .hx-bar__fill{background:linear-gradient(90deg,var(--color-gold),var(--sb-sakura))}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-pan-x{syntax: "*"; inherits: false;}@property --tw-pan-y{syntax: "*"; inherits: false;}@property --tw-pinch-zoom{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-duration: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-tracking: initial;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-pan-x: initial;--tw-pan-y: initial;--tw-pinch-zoom: initial;--tw-space-y-reverse: 0;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-outline-style: solid;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}