@layer base{button{cursor:pointer;&:disabled{cursor:default}}[popover]{inset:auto}*,:before,:after,::backdrop{--un-border-opacity:100%;--un-bg-opacity:100%;--un-text-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-leading:initial;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-outline-opacity:100%;--un-outline-style:solid;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-ease:initial}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-leading{syntax:"*";inherits:false}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1}@property --un-ease{syntax:"*";inherits:false}@property --un-backdrop-blur{syntax:"*";inherits:false}@property --un-backdrop-brightness{syntax:"*";inherits:false}@property --un-backdrop-contrast{syntax:"*";inherits:false}@property --un-backdrop-grayscale{syntax:"*";inherits:false}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false}@property --un-backdrop-invert{syntax:"*";inherits:false}@property --un-backdrop-opacity{syntax:"*";inherits:false}@property --un-backdrop-saturate{syntax:"*";inherits:false}@property --un-backdrop-sepia{syntax:"*";inherits:false}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --un-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --un-numeric-figure{syntax:"*";inherits:false}@property --un-numeric-fraction{syntax:"*";inherits:false}@property --un-numeric-spacing{syntax:"*";inherits:false}@property --un-ordinal{syntax:"*";inherits:false}@property --un-slashed-zero{syntax:"*";inherits:false}:root,:host{--spacing:.25rem;--colors-cyan-950:#053345;--colors-neutral-950:#0a0a0a;--colors-neutral-300:#d4d4d4;--colors-white:#fff;--colors-black:#000;--colors-cyan-900:#104e64;--colors-neutral-400:#a1a1a1;--text-xl-fontSize:1.25rem;--text-xl-lineHeight:1.75rem;--text-sm-fontSize:.875rem;--text-sm-lineHeight:1.25rem;--text-xs-fontSize:.75rem;--text-xs-lineHeight:1rem;--fontWeight-normal:400;--tracking-wide:.025em;--colors-neutral-800:#262626;--colors-neutral-200:#e5e5e5;--colors-green-400:#05df72;--colors-red-400:#ff6568;--colors-neutral-500:#737373;--text-lg-fontSize:1.125rem;--text-lg-lineHeight:1.75rem;--text-base-fontSize:1rem;--text-base-lineHeight:1.5rem;--colors-red-500:#fb2c36;--colors-yellow-800:#874b00;--tracking-widest:.1em;--tracking-wider:.05em;--colors-red-600:#e40014;--colors-blue-DEFAULT:#54a2ff;--colors-neutral-900:#171717;--colors-amber-100:#fef3c6;--colors-cyan-300:#53eafd;--colors-yellow-950:#432004;--colors-amber-200:#fee685;--colors-cyan-400:#00d2ef;--colors-cyan-800:#005f78;--colors-yellow-900:#733e0a;--radius-md:.375rem;--radius-sm:.25rem;--colors-amber-900:#7b3306;--colors-red-900:#82181a;--colors-amber-600:#dd7400;--colors-amber-400:#fcbb00;--colors-amber-950:#461901;--colors-red-950:#460809;--colors-yellow-100:#fef9c2;--colors-red-DEFAULT:#ff6568;--colors-yellow-200:#fff085;--text-2xl-fontSize:1.5rem;--text-2xl-lineHeight:2rem;--colors-indigo-400:#7d87ff;--colors-orange-DEFAULT:#ff8b1a;--colors-emerald-600:#009767;--colors-orange-300:#ffb96d;--colors-orange-600:#f05100;--colors-cyan-DEFAULT:#00d2ef;--colors-cyan-50:#ecfeff;--colors-green-300:#7bf1a8;--colors-sky-400:#00bcfe;--colors-red-700:#bf000f;--colors-yellow-50:#fefce8;--colors-amber-DEFAULT:#fcbb00;--colors-purple-DEFAULT:#c07eff;--colors-neutral-50:#fafafa;--colors-neutral-100:#f5f5f5;--colors-pink-300:#fda5d5;--colors-orange-200:#ffd7a8;--colors-orange-400:#ff8b1a;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--fontWeight-semibold:600;--leading-none:1;--fontWeight-medium:500;--leading-tight:1.25;--default-transition-timingFunction:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--colors-blue-950:#162456;--colors-pink-DEFAULT:#fb64b6;--text-3xl-fontSize:1.875rem;--text-3xl-lineHeight:2.25rem;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-monoFont-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--colors-cyan-950:lab(19.1528% -9.68757 -15.5267);--colors-neutral-950:lab(2.75381% 0 0);--colors-neutral-300:lab(84.92% 0 -.0000119209);--colors-cyan-900:lab(30.372% -13.1853 -18.7887);--colors-neutral-400:lab(66.128% -.0000298023 .0000119209);--colors-neutral-800:lab(15.204% 0 -.00000596046);--colors-neutral-200:lab(90.952% 0 -.0000119209);--colors-green-400:lab(78.503% -64.9265 39.7492);--colors-red-400:lab(63.7053% 60.745 31.3109);--colors-neutral-500:lab(48.496% 0 0);--colors-red-500:lab(55.4814% 75.0732 48.8528);--colors-yellow-800:lab(38.7484% 23.5833 51.4916);--colors-red-600:lab(48.4493% 77.4328 61.5452);--colors-blue-DEFAULT:lab(65.0361% -1.42065 -56.9802);--colors-neutral-900:lab(7.78201% -.0000149012 0);--colors-amber-100:lab(95.916% -1.21653 23.111);--colors-cyan-300:lab(85.3886% -36.7636 -21.5716);--colors-yellow-950:lab(16.8146% 15.7422 23.1133);--colors-amber-200:lab(91.7203% -.505269 49.9084);--colors-cyan-400:lab(76.6045% -40.9406 -29.6231);--colors-cyan-800:lab(36.5114% -17.1989 -21.6292);--colors-yellow-900:lab(32.3865% 21.1273 38.5959);--colors-amber-900:lab(31.2288% 30.2627 40.0378);--colors-red-900:lab(28.5139% 44.5539 29.0463);--colors-amber-600:lab(60.3514% 40.5624 87.1228);--colors-amber-400:lab(80.1641% 16.6016 99.2089);--colors-amber-950:lab(15.8111% 20.9107 23.3752);--colors-red-950:lab(13.003% 29.04 16.7519);--colors-yellow-100:lab(97.3564% -4.51407 27.344);--colors-red-DEFAULT:lab(63.7053% 60.745 31.3109);--colors-yellow-200:lab(94.3433% -5.00429 52.9663);--colors-indigo-400:lab(59.866% 22.4834 -64.4485);--colors-orange-DEFAULT:lab(70.0429% 42.5156 75.8207);--colors-emerald-600:lab(55.0481% -49.9246 15.93);--colors-orange-300:lab(80.8059% 21.7313 50.4455);--colors-orange-600:lab(57.1026% 64.2584 89.8886);--colors-cyan-DEFAULT:lab(76.6045% -40.9406 -29.6231);--colors-cyan-50:lab(98.3304% -5.97432 -2.62108);--colors-green-300:lab(86.9953% -47.2691 25.0054);--colors-sky-400:lab(70.687% -23.6078 -45.9483);--colors-red-700:lab(40.4273% 67.2623 53.7441);--colors-yellow-50:lab(98.6846% -1.79055 9.7766);--colors-amber-DEFAULT:lab(80.1641% 16.6016 99.2089);--colors-purple-DEFAULT:lab(63.6946% 47.6127 -59.2066);--colors-neutral-50:lab(98.26% 0 0);--colors-neutral-100:lab(96.52% -.0000298023 .0000119209);--colors-pink-300:lab(77.8308% 38.525 -10.5394);--colors-orange-200:lab(88.4871% 9.94918 28.8378);--colors-orange-400:lab(70.0429% 42.5156 75.8207);--colors-blue-950:lab(15.6723% 8.86232 -32.2945);--colors-pink-DEFAULT:lab(64.5597% 64.3615 -12.7988)}}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-featureSettings,normal);font-variation-settings:var(--default-font-variationSettings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){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-monoFont-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-monoFont-featureSettings,normal);font-variation-settings:var(--default-monoFont-variationSettings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}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;opacity:1;background-color:#0000;border-radius:0}: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: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}.i-ph\:arrow-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m205.66 149.66l-72 72a8 8 0 0 1-11.32 0l-72-72a8 8 0 0 1 11.32-11.32L120 196.69V40a8 8 0 0 1 16 0v156.69l58.34-58.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:arrow-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:arrow-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:arrow-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 117.66a8 8 0 0 1-11.32 0L136 59.31V216a8 8 0 0 1-16 0V59.31l-58.34 58.35a8 8 0 0 1-11.32-11.32l72-72a8 8 0 0 1 11.32 0l72 72a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:caret-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:caret-left-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M168.49 199.51a12 12 0 0 1-17 17l-80-80a12 12 0 0 1 0-17l80-80a12 12 0 0 1 17 17L97 128Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:caret-up-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M216.49 168.49a12 12 0 0 1-17 0L128 97l-71.51 71.49a12 12 0 0 1-17-17l80-80a12 12 0 0 1 17 0l80 80a12 12 0 0 1 0 17'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:copy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8m-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:exclamation-mark-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M148 200a20 20 0 1 1-20-20a20 20 0 0 1 20 20m-20-40a12 12 0 0 0 12-12V48a12 12 0 0 0-24 0v100a12 12 0 0 0 12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:magnifying-glass-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M232.49 215.51L185 168a92.12 92.12 0 1 0-17 17l47.53 47.54a12 12 0 0 0 17-17ZM44 112a68 68 0 1 1 68 68a68.07 68.07 0 0 1-68-68'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:plus-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M228 128a12 12 0 0 1-12 12h-76v76a12 12 0 0 1-24 0v-76H40a12 12 0 0 1 0-24h76V40a12 12 0 0 1 24 0v76h76a12 12 0 0 1 12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:trash{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16M96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0m48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:warning-circle-light{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m0 192a90 90 0 1 1 90-90a90.1 90.1 0 0 1-90 90m-6-82V80a6 6 0 0 1 12 0v56a6 6 0 0 1-12 0m16 36a10 10 0 1 1-10-10a10 10 0 0 1 10 10'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:warning-light{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M235.07 189.09L147.61 37.22a22.75 22.75 0 0 0-39.22 0L20.93 189.09a21.53 21.53 0 0 0 0 21.72A22.35 22.35 0 0 0 40.55 222h174.9a22.35 22.35 0 0 0 19.6-11.19a21.53 21.53 0 0 0 .02-21.72m-10.41 15.71a10.46 10.46 0 0 1-9.21 5.2H40.55a10.46 10.46 0 0 1-9.21-5.2a9.51 9.51 0 0 1 0-9.72l87.45-151.87a10.75 10.75 0 0 1 18.42 0l87.46 151.87a9.51 9.51 0 0 1-.01 9.72M122 144v-40a6 6 0 0 1 12 0v40a6 6 0 0 1-12 0m16 36a10 10 0 1 1-10-10a10 10 0 0 1 10 10'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:x{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}.i-ph\:x-bold{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;mask-size:100% 100%}}@layer page{@font-face{font-family:Atkinson Hyperlegible Next;src:url(../fonts/AtkinsonHyperlegibleNext-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(../fonts/AtkinsonHyperlegibleNext-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(../fonts/AtkinsonHyperlegibleNext-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next Variable;src:url(../fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf)format("truetype");font-weight:100 -900;font-style:normal;font-display:swap}:focus-visible{z-index:101}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--size-page-max-w:120rem;--size-page-px:var(--fluid-8-24);--size-page-computed-px:calc(var(--size-page-px) + max(0px, calc((100vw - var(--size-page-max-w)) / 2) - var(--size-page-px)))}body{min-height:100vh;font-family:Atkinson Hyperlegible Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;@supports (font-variation-settings:'wdth' 800){font-family:Atkinson Hyperlegible Next Variable,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}}#__nuxt{grid-template-columns:[page-start] minmax(var(--size-page-px), 1fr) [content-start] minmax(min(calc(100vw - 2 * var(--size-page-px)), var(--size-page-max-w)), 1fr) [content-end] minmax(var(--size-page-px), 1fr) [page-end];grid-template-rows:auto max-content 1fr;min-height:100vh;display:grid;&>*{grid-column:content}}select,input{background-color:#000}label>input[type=checkbox]{vertical-align:-.0625em}}@layer utilities{.hoverable\:text-white:hover,.hoverable\:text-white:focus-visible{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)}.hoverable\:bg-cyan-800:hover{background-color:color-mix(in srgb, var(--colors-cyan-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-neutral-800:hover{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-red-500:hover{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent)}.hoverable\:bg-white\/10:hover{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent)}.hoverable\:bg-yellow-900:hover{background-color:color-mix(in srgb, var(--colors-yellow-900) var(--un-bg-opacity), transparent)}.hoverable\:bg-cyan-800:focus-visible{background-color:color-mix(in srgb, var(--colors-cyan-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-neutral-800:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-red-500:focus-visible{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent)}.hoverable\:bg-white\/10:focus-visible{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent)}.hoverable\:bg-yellow-900:focus-visible{background-color:color-mix(in srgb, var(--colors-yellow-900) var(--un-bg-opacity), transparent)}.flex-center{justify-content:center;align-items:center;display:flex}.grid-center{place-items:center;display:grid}.translate-center{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%}@supports (color:color-mix(in lab, red, red)){.hoverable\:text-white:hover,.hoverable\:text-white:focus-visible{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)}.hoverable\:bg-cyan-800:hover{background-color:color-mix(in oklab, var(--colors-cyan-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-neutral-800:hover{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-red-500:hover{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent)}.hoverable\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent)}.hoverable\:bg-yellow-900:hover{background-color:color-mix(in oklab, var(--colors-yellow-900) var(--un-bg-opacity), transparent)}.hoverable\:bg-cyan-800:focus-visible{background-color:color-mix(in oklab, var(--colors-cyan-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-neutral-800:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent)}.hoverable\:bg-red-500:focus-visible{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent)}.hoverable\:bg-white\/10:focus-visible{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent)}.hoverable\:bg-yellow-900:focus-visible{background-color:color-mix(in oklab, var(--colors-yellow-900) var(--un-bg-opacity), transparent)}}.text-\[80px\]{font-size:80px}.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading,var(--text-2xl-lineHeight))}.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight))}.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight))}.text-lg\/6{font-size:var(--text-lg-fontSize);line-height:1.5rem}.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight))}.text-sm\/4{font-size:var(--text-sm-fontSize);line-height:1rem}.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight))}.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight))}.text-xs\/3{font-size:var(--text-xs-fontSize);line-height:.75rem}.dark .dark\:text-white,.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)}.text-\[--path-icon-clr\]{color:color-mix(in oklab, var(--path-icon-clr) var(--un-text-opacity), transparent)}.text-\[\#020420\]{color:color-mix(in oklab, #020420 var(--un-text-opacity), transparent)}.text-\[\#0f0\]{color:color-mix(in oklab, #0f0 var(--un-text-opacity), transparent)}.text-\[\#64748B\]{color:color-mix(in oklab, #64748b var(--un-text-opacity), transparent)}.text-\[\#f0f\]{color:color-mix(in oklab, #f0f var(--un-text-opacity), transparent)}.text-amber{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent)}.text-amber-100{color:color-mix(in srgb, var(--colors-amber-100) var(--un-text-opacity), transparent)}.text-amber-200{color:color-mix(in srgb, var(--colors-amber-200) var(--un-text-opacity), transparent)}.text-amber-400{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent)}.text-amber-950{color:color-mix(in srgb, var(--colors-amber-950) var(--un-text-opacity), transparent)}.text-black{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent)}.text-blue{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent)}.text-cyan{color:color-mix(in srgb, var(--colors-cyan-DEFAULT) var(--un-text-opacity), transparent)}.text-cyan-300{color:color-mix(in srgb, var(--colors-cyan-300) var(--un-text-opacity), transparent)}.text-cyan-50{color:color-mix(in srgb, var(--colors-cyan-50) var(--un-text-opacity), transparent)}.text-emerald-600{color:color-mix(in srgb, var(--colors-emerald-600) var(--un-text-opacity), transparent)}.text-green-300{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent)}.text-green-400{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent)}.text-indigo-400{color:color-mix(in srgb, var(--colors-indigo-400) var(--un-text-opacity), transparent)}.text-neutral-100{color:color-mix(in srgb, var(--colors-neutral-100) var(--un-text-opacity), transparent)}.text-neutral-200{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent)}.text-neutral-300{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent)}.text-neutral-400{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent)}.text-neutral-50{color:color-mix(in srgb, var(--colors-neutral-50) var(--un-text-opacity), transparent)}.text-neutral-500{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent)}.text-orange{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent)}.text-orange-200{color:color-mix(in srgb, var(--colors-orange-200) var(--un-text-opacity), transparent)}.text-orange-300{color:color-mix(in srgb, var(--colors-orange-300) var(--un-text-opacity), transparent)}.text-orange-400{color:color-mix(in srgb, var(--colors-orange-400) var(--un-text-opacity), transparent)}.text-orange-600{color:color-mix(in srgb, var(--colors-orange-600) var(--un-text-opacity), transparent)}.text-pink-300{color:color-mix(in srgb, var(--colors-pink-300) var(--un-text-opacity), transparent)}.text-purple{color:color-mix(in srgb, var(--colors-purple-DEFAULT) var(--un-text-opacity), transparent)}.text-red{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent)}.text-red-400{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent)}.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent)}.text-red-950{color:color-mix(in srgb, var(--colors-red-950) var(--un-text-opacity), transparent)}.text-sky-400{color:color-mix(in srgb, var(--colors-sky-400) var(--un-text-opacity), transparent)}.text-transparent{color:#0000}.text-yellow-100{color:color-mix(in srgb, var(--colors-yellow-100) var(--un-text-opacity), transparent)}.text-yellow-200{color:color-mix(in srgb, var(--colors-yellow-200) var(--un-text-opacity), transparent)}.text-yellow-50{color:color-mix(in srgb, var(--colors-yellow-50) var(--un-text-opacity), transparent)}.hover\:text-\[\#00DC82\]:hover{color:color-mix(in oklab, #00dc82 var(--un-text-opacity), transparent)}.leading-\[1\]{--un-leading:1;line-height:1}.leading-3{--un-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-4\.25{--un-leading:calc(var(--spacing) * 4.25);line-height:calc(var(--spacing) * 4.25)}.leading-4\.5{--un-leading:calc(var(--spacing) * 4.5);line-height:calc(var(--spacing) * 4.5)}.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-5\.5{--un-leading:calc(var(--spacing) * 5.5);line-height:calc(var(--spacing) * 5.5)}.leading-7{--un-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--un-leading:var(--leading-none);line-height:var(--leading-none)}.leading-tight{--un-leading:var(--leading-tight);line-height:var(--leading-tight)}.tracking-\[-1em\]{--un-tracking:-1em;letter-spacing:-1em}.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--un-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.font-300{--un-font-weight:300;font-weight:300}.font-500{--un-font-weight:500;font-weight:500}.font-600{--un-font-weight:600;font-weight:600}.font-700{--un-font-weight:700;font-weight:700}.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium)}.font-normal{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal)}.font-sans{font-family:var(--font-sans)}.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold)}.tab{tab-size:4}.-m-1{margin:calc(calc(var(--spacing) * 1) * -1)}.m-\[--item-button-img-b-w\]{margin:var(--item-button-img-b-w)}.m-\[--soul-rotation-size-diff\]{margin:var(--soul-rotation-size-diff)}.m-0\.5{margin:calc(var(--spacing) * .5)}.m-auto{margin:auto}.m-unset{margin:unset}.m237\.66{margin:calc(var(--spacing) * 237.66)}.m243\.28{margin:calc(var(--spacing) * 243.28)}.-mx-1{margin-inline:calc(calc(var(--spacing) * 1) * -1)}.-my-0\.75{margin-block:calc(calc(var(--spacing) * .75) * -1)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-\[--header-row-gap-y\]{margin-block:var(--header-row-gap-y)}.-me-3\.5{margin-inline-end:calc(calc(var(--spacing) * 3.5) * -1)}.-ms-\[--ms\]{margin-inline-start:calc(var(--ms) * -1)}.-ms-\[7\.5\%\]{margin-inline-start:-7.5%}.-ms-1{margin-inline-start:calc(calc(var(--spacing) * 1) * -1)}.-ms-1\/3{margin-inline-start:-33.3333%}.-ms-5{margin-inline-start:calc(calc(var(--spacing) * 5) * -1)}.-mt-\[7\.5\%\]{margin-top:-7.5%}.-mt-0\.5{margin-top:calc(calc(var(--spacing) * .5) * -1)}.-mt-1{margin-top:calc(calc(var(--spacing) * 1) * -1)}.-mt-1\/3{margin-top:-33.3333%}.-mt-2{margin-top:calc(calc(var(--spacing) * 2) * -1)}.-mt-6{margin-top:calc(calc(var(--spacing) * 6) * -1)}.mb-\[--path-row-mb\]{margin-bottom:var(--path-row-mb)}.mb-\[calc\(var\(--ability-level-button-indicator-size\)\+2\*var\(--ability-level-button-py\)\)\]{margin-bottom:calc(var(--ability-level-button-indicator-size) + 2 * var(--ability-level-button-py))}.mb-\[calc\(var\(--primary-slot-row-height\)_\/_2_-_var\(--slot-row-height\)_\/_2\)\]{margin-bottom:calc(var(--primary-slot-row-height) / 2 - var(--slot-row-height) / 2)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.25{margin-bottom:calc(var(--spacing) * 1.25)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-auto{margin-bottom:auto}.me-\[--me\]{margin-inline-end:var(--me)}.me-\[calc\(\(var\(--selected-path-width\)_-_var\(--selected-indicator-width\)\)_\/_2_\+_var\(--selected-path-to-options-gap\)\)\]{margin-inline-end:calc((var(--selected-path-width) - var(--selected-indicator-width)) / 2 + var(--selected-path-to-options-gap))}.me-\[calc\(0\.5\*var\(--size\)\)\]{margin-inline-end:calc(.5 * var(--size))}.me-\[calc\(var\(--item-size\)\+var\(--me\)\)\]{margin-inline-end:calc(var(--item-size) + var(--me))}.me-\[calc\(var\(--selected-path-to-options-gap\)_-_var\(--path-options-gap-x\)\)\]{margin-inline-end:calc(var(--selected-path-to-options-gap) - var(--path-options-gap-x))}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.me-0\.5{margin-inline-end:calc(var(--spacing) * .5)}.me-1\.5{margin-inline-end:calc(var(--spacing) * 1.5)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-5{margin-inline-end:calc(var(--spacing) * 5)}.me-auto{margin-inline-end:auto}.ms-\[0\.5ch\]{margin-inline-start:.5ch}.ms-\[calc\(\(var\(--selected-path-width\)_-_var\(--selected-indicator-width\)\)_\/_2\)\]{margin-inline-start:calc((var(--selected-path-width) - var(--selected-indicator-width)) / 2)}.ms-0{margin-inline-start:calc(var(--spacing) * 0)}.ms-0\.5{margin-inline-start:calc(var(--spacing) * .5)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-2\.5{margin-inline-start:calc(var(--spacing) * 2.5)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.ms-4{margin-inline-start:calc(var(--spacing) * 4)}.ms-5{margin-inline-start:calc(var(--spacing) * 5)}.ms-auto{margin-inline-start:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.p-\[--p\]{padding:var(--p)}.p-\[--side-panel-p\]{padding:var(--side-panel-p)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.25{padding:calc(var(--spacing) * 1.25)}.p-2{padding:calc(var(--spacing) * 2)}.p-7{padding:calc(var(--spacing) * 7)}.px,.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[--px\]{padding-inline:var(--px)}.px-0\.25{padding-inline:calc(var(--spacing) * .25)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-\[--ability-level-button-py\]{padding-block:var(--ability-level-button-py)}.py-\[--keystone-row-py\]{padding-block:var(--keystone-row-py)}.py-\[--path-row-py\]{padding-block:var(--path-row-py)}.py-\[--py\]{padding-block:var(--py)}.py-\[--section-header-row-py\]{padding-block:var(--section-header-row-py)}.py-\[--slot-row-py\]{padding-block:var(--slot-row-py)}.py-\[calc\(0\.5\*\(var\(--soul-size\)-var\(--stack-size\)\)\+var\(--soul-rotation-size-diff\)\)\]{padding-block:calc(.5 * (var(--soul-size) - var(--stack-size)) + var(--soul-rotation-size-diff))}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.pb-\[--header-row-pb\]{padding-bottom:var(--header-row-pb)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pe-\[calc\(\(var\(--funny-ability-w\)-var\(--ability-size\)\)\/2\)\]{padding-inline-end:calc((var(--funny-ability-w) - var(--ability-size)) / 2)}.pe-\[calc\(var\(--side-panel-w\)-var\(--side-panel-inner-p\)-var\(--item-button-img-b-w\)\)\]{padding-inline-end:calc(var(--side-panel-w) - var(--side-panel-inner-p) - var(--item-button-img-b-w))}.pe-0\.5{padding-inline-end:calc(var(--spacing) * .5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.ps-\[--ps\]{padding-inline-start:var(--ps)}.ps-\[calc\(var\(--side-panel-inner-p\)\+var\(--item-button-img-b-w\)\)\]{padding-inline-start:calc(var(--side-panel-inner-p) + var(--item-button-img-b-w))}.ps-0\.5{padding-inline-start:calc(var(--spacing) * .5)}.ps-1\.5{padding-inline-start:calc(var(--spacing) * 1.5)}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-2\.5{padding-inline-start:calc(var(--spacing) * 2.5)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.ps-6{padding-inline-start:calc(var(--spacing) * 6)}.ps-8{padding-inline-start:calc(var(--spacing) * 8)}.pt-\[--selected-dot-translate-y\]{padding-top:var(--selected-dot-translate-y)}.pt-\[calc\(var\(--secondary-slot-second-dot-translate-y\)_-_var\(--secondary-slot-first-dot-translate-y\)\)\]{padding-top:calc(var(--secondary-slot-second-dot-translate-y) - var(--secondary-slot-first-dot-translate-y))}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.375{padding-top:calc(var(--spacing) * 1.375)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.outline-2{outline-style:var(--un-outline-style);outline-width:2px}.outline-3{outline-style:var(--un-outline-style);outline-width:3px}.outline-red-600{outline-color:color-mix(in srgb, var(--colors-red-600) var(--un-outline-opacity), transparent)}.-outline-offset-2{outline-offset:-2px}.outline-offset-1{outline-offset:1px}.outline-offset-5{outline-offset:5px}.outline-offset-8{outline-offset:8px}.outline{outline-style:var(--un-outline-style);outline-width:1px}.focus-visible\:outline-none:focus-visible{--un-outline-style:none;outline-style:none}.outline-auto{--un-outline-style:auto;outline-style:auto}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.b,.border{border-width:1px}.b-\[length\:--b-width\]{border-width:var(--b-width)}.b-2{border-width:2px}.b-y{border-block-width:1px}.b-b{border-bottom-width:1px}.b-b-0{border-bottom-width:0}.b-e{border-inline-end-width:1px}.b-e-0{border-inline-end-width:0}.b-s-0{border-inline-start-width:0}.b-t{border-top-width:1px}.b-\[--col-damage-source-clr\,var\(--ui-button-border-clr\)\]{border-color:color-mix(in oklab, var(--col-damage-source-clr,var(--ui-button-border-clr)) var(--un-border-opacity), transparent)}.b-\[--col-damage-target-clr\,var\(--ui-button-border-clr\)\]{border-color:color-mix(in oklab, var(--col-damage-target-clr,var(--ui-button-border-clr)) var(--un-border-opacity), transparent)}.b-\[--path-icon-clr\]{border-color:color-mix(in oklab, var(--path-icon-clr) var(--un-border-opacity), transparent)}.b-\[--slot-border-clr\]{border-color:color-mix(in oklab, var(--slot-border-clr) var(--un-border-opacity), transparent)}.b-\[--ui-button-border-clr\]{border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent)}.b-amber-600{border-color:color-mix(in srgb, var(--colors-amber-600) var(--un-border-opacity), transparent)}.b-neutral-400{border-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-border-opacity), transparent)}.b-neutral-500{border-color:color-mix(in srgb, var(--colors-neutral-500) var(--un-border-opacity), transparent)}.b-red-600{border-color:color-mix(in srgb, var(--colors-red-600) var(--un-border-opacity), transparent)}.b-transparent{border-color:#0000}.rounded-\[--funny-rounded\]{-webkit-border-radius:var(--funny-rounded);border-radius:var(--funny-rounded)}.rounded-\[--image-funny-rounded\]{-webkit-border-radius:var(--image-funny-rounded);border-radius:var(--image-funny-rounded)}.rounded-1\/2{border-radius:50%}.rounded-full{border-radius:3.40282e38px}.rounded-inherit{-webkit-border-radius:inherit;border-radius:inherit}.rounded-md{-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md)}.rounded-es-sm{border-end-start-radius:var(--radius-sm)}.b-none{--un-border-style:none;border-style:none}.bg-\[--bg-clr\]{background-color:color-mix(in oklab, var(--bg-clr) var(--un-bg-opacity), transparent)}.bg-\[--fill-bg\]{background-color:color-mix(in oklab, var(--fill-bg) var(--un-bg-opacity), transparent)}.bg-\[--path-icon-clr\]{background-color:color-mix(in oklab, var(--path-icon-clr) var(--un-bg-opacity), transparent)}.bg-\[--placeholder-champion-bg-clr\]{background-color:color-mix(in oklab, var(--placeholder-champion-bg-clr) var(--un-bg-opacity), transparent)}.bg-\[--selected-dots-column-clr\]{background-color:color-mix(in oklab, var(--selected-dots-column-clr) var(--un-bg-opacity), transparent)}.bg-\[--slot-bg\]{background-color:color-mix(in oklab, var(--slot-bg) var(--un-bg-opacity), transparent)}.bg-\[--ui-button-border-clr\]{background-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-bg-opacity), transparent)}.bg-\[var\(--build-path-clr\)\]{background-color:color-mix(in oklab, var(--build-path-clr) var(--un-bg-opacity), transparent)}.bg-amber-100{background-color:color-mix(in srgb, var(--colors-amber-100) var(--un-bg-opacity), transparent)}.bg-amber-400{background-color:color-mix(in srgb, var(--colors-amber-400) var(--un-bg-opacity), transparent)}.bg-amber-900\/10{background-color:color-mix(in srgb, var(--colors-amber-900) 10%, transparent)}.bg-black{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent)}.bg-black\/20{background-color:color-mix(in srgb, var(--colors-black) 20%, transparent)}.bg-blue-950{background-color:color-mix(in srgb, var(--colors-blue-950) var(--un-bg-opacity), transparent)}.bg-blue\/10{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) 10%, transparent)}.bg-cyan-400{background-color:color-mix(in srgb, var(--colors-cyan-400) var(--un-bg-opacity), transparent)}.bg-cyan-900{background-color:color-mix(in srgb, var(--colors-cyan-900) var(--un-bg-opacity), transparent)}.bg-cyan-950{background-color:color-mix(in srgb, var(--colors-cyan-950) var(--un-bg-opacity), transparent)}.bg-inherit{background-color:inherit}.bg-neutral-300{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent)}.bg-neutral-800{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent)}.bg-neutral-900{background-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-bg-opacity), transparent)}.bg-neutral-950\/30{background-color:color-mix(in srgb, var(--colors-neutral-950) 30%, transparent)}.bg-pink{background-color:color-mix(in srgb, var(--colors-pink-DEFAULT) var(--un-bg-opacity), transparent)}.bg-red-400{background-color:color-mix(in srgb, var(--colors-red-400) var(--un-bg-opacity), transparent)}.bg-red-600{background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent)}.bg-red-900\/10{background-color:color-mix(in srgb, var(--colors-red-900) 10%, transparent)}.bg-red\/25{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 25%, transparent)}.bg-transparent{background-color:#0000}.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent)}.bg-white\/05{background-color:color-mix(in srgb, var(--colors-white) 5%, transparent)}.bg-white\/10{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent)}.bg-white\/50{background-color:color-mix(in srgb, var(--colors-white) 50%, transparent)}.bg-yellow-800\/60{background-color:color-mix(in srgb, var(--colors-yellow-800) 60%, transparent)}.bg-yellow-950{background-color:color-mix(in srgb, var(--colors-yellow-950) var(--un-bg-opacity), transparent)}.dark .dark\:bg-\[\#020420\]{background-color:color-mix(in oklab, #020420 var(--un-bg-opacity), transparent)}.hover\:bg-white\/10:hover{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent)}.after\:bg-neutral-400:after{background-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-bg-opacity), transparent)}.op-0{opacity:0}.op-100{opacity:1}.op-50{opacity:.5}.op-60{opacity:.6}.underline{text-decoration-line:underline}.underline-offset-3{text-underline-offset:3px}.flex{display:flex}.\*\:shrink-0>*{flex-shrink:0}.basis-\[40\%\]{flex-basis:40%}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\[--gap\]{gap:var(--gap)}.gap-\[--side-panel-eq-gap\]{gap:var(--side-panel-eq-gap)}.gap-\[0\.5ch\]{gap:.5ch}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-x-\[--abilities-gap\]{column-gap:var(--abilities-gap)}.gap-x-\[--path-options-gap-x\]{column-gap:var(--path-options-gap-x)}.gap-x-0{column-gap:calc(var(--spacing) * 0)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.\[\&\[open\]\]-grid[open],.\[\&\[open\]\]\:grid[open],.\*\:grid>*,.grid{display:grid}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.row-span-2{grid-row:span 2/span 2}.row-span-full{grid-row:1/-1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.auto-cols-\[1fr\]{grid-auto-columns:1fr}.auto-cols-max{grid-auto-columns:max-content}.auto-rows-min{grid-auto-rows:min-content}.grid-flow-col{grid-auto-flow:column}.\*\:grid-cols-\[auto_1fr\]>*,.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1fr_var\(--control-button-size\)_1fr\]{grid-template-columns:1fr var(--control-button-size) 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[auto_auto_min-content_1fr\]{grid-template-columns:auto auto min-content 1fr}.grid-cols-\[auto_auto\]{grid-template-columns:auto auto}.grid-cols-\[repeat\(3\,_max-content\)\]{grid-template-columns:repeat(3,max-content)}.grid-cols-\[repeat\(auto-fit\,_minmax\(var\(--fluid-48-90\)\,_1fr\)\)\]{grid-template-columns:repeat(auto-fit, minmax(var(--fluid-48-90), 1fr))}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto_1fr\]{grid-template-rows:auto auto 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.grid-rows-\[auto_max-content_1fr\]{grid-template-rows:auto max-content 1fr}.grid-rows-\[min-content_1fr\]{grid-template-rows:min-content 1fr}.grid-rows-\[min-content_min-content\]{grid-template-rows:min-content min-content}.grid-rows-\[repeat\(2\,_max-content\)\]{grid-template-rows:repeat(2,max-content)}.grid-rows-\[repeat\(3\,_max-content\)\]{grid-template-rows:repeat(3,max-content)}.grid-rows-\[repeat\(4\,1\.5rem\)\]{grid-template-rows:repeat(4,1.5rem)}.grid-rows-\[var\(--non-expanded-row-height\)_var\(--non-expanded-row-height\)_minmax\(0\,_0fr\)\]{grid-template-rows:var(--non-expanded-row-height) var(--non-expanded-row-height) minmax(0, 0fr)}.grid-rows-\[var\(--non-expanded-row-height\)_var\(--non-expanded-row-height\)_minmax\(0\,_1fr\)\]{grid-template-rows:var(--non-expanded-row-height) var(--non-expanded-row-height) minmax(0, 1fr)}.\*\:grid-rows-2>*,.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,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-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.size---item-img-borderless-size{width:var(--item-img-borderless-size);height:var(--item-img-borderless-size)}.size---item-img-size{width:var(--item-img-size);height:var(--item-img-size)}.size-\[--ability-level-button-indicator-size\]{width:var(--ability-level-button-indicator-size);height:var(--ability-level-button-indicator-size)}.size-\[--ability-size-passive\]{width:var(--ability-size-passive);height:var(--ability-size-passive)}.size-\[--ability-size\]{width:var(--ability-size);height:var(--ability-size)}.size-\[--control-button-size\]{width:var(--control-button-size);height:var(--control-button-size)}.size-\[--header-champion-select-size\]{width:var(--header-champion-select-size);height:var(--header-champion-select-size)}.size-\[--item-size\]{width:var(--item-size);height:var(--item-size)}.size-\[--keystone-row-button-size\]{width:var(--keystone-row-button-size);height:var(--keystone-row-button-size)}.size-\[--path-button-size\]{width:var(--path-button-size);height:var(--path-button-size)}.size-\[--secondary-path-icon-size\]{width:var(--secondary-path-icon-size);height:var(--secondary-path-icon-size)}.size-\[--select-champion-size\]{width:var(--select-champion-size);height:var(--select-champion-size)}.size-\[--selected-keystone-width\]{width:var(--selected-keystone-width);height:var(--selected-keystone-width)}.size-\[--selected-slot-checked-width\]{width:var(--selected-slot-checked-width);height:var(--selected-slot-checked-width)}.size-\[--selected-slot-width\]{width:var(--selected-slot-width);height:var(--selected-slot-width)}.size-\[--side-panel-eq-button-size\]{width:var(--side-panel-eq-button-size);height:var(--side-panel-eq-button-size)}.size-\[--size\]{width:var(--size);height:var(--size)}.size-\[--slot-row-button-size\]{width:var(--slot-row-button-size);height:var(--slot-row-button-size)}.size-\[--soul-size\]{width:var(--soul-size);height:var(--soul-size)}.size-\[--stack-size\]{width:var(--stack-size);height:var(--stack-size)}.size-\[115\%\]{width:115%;height:115%}.size-\[calc\(0\.6\*var\(--item-img-size\)\)\]{width:calc(.6 * var(--item-img-size));height:calc(.6 * var(--item-img-size))}.size-\[calc\(var\(--ability-size\)\*0\.45\)\]{width:calc(var(--ability-size) * .45);height:calc(var(--ability-size) * .45)}.size-\[calc\(var\(--ability-size\)\*0\.55\)\]{width:calc(var(--ability-size) * .55);height:calc(var(--ability-size) * .55)}.size-\[calc\(var\(--ability-size\)\*0\.7\)\]{width:calc(var(--ability-size) * .7);height:calc(var(--ability-size) * .7)}.size-\[calc\(var\(--ability-size\)\+1\.5\*var\(--spacing\)\)\]{width:calc(var(--ability-size) + 1.5 * var(--spacing));height:calc(var(--ability-size) + 1.5 * var(--spacing))}.size-\[calc\(var\(--secondary-path-icon-size\)_\+_var\(--spacing\)\)\]{width:calc(var(--secondary-path-icon-size) + var(--spacing));height:calc(var(--secondary-path-icon-size) + var(--spacing))}.size-\[calc\(var\(--side-panel-eq-button-size\)-6px\)\]{width:calc(var(--side-panel-eq-button-size) - 6px);height:calc(var(--side-panel-eq-button-size) - 6px)}.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-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-21{width:calc(var(--spacing) * 21);height:calc(var(--spacing) * 21)}.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-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-5\.5{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.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-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h---item-img-size{height:var(--item-img-size)}.h---side-panel-eq-h{height:var(--side-panel-eq-h)}.h---side-panel-h{height:var(--side-panel-h)}.h-\[--ability-size\]{height:var(--ability-size)}.h-\[--control-button-size\]{height:var(--control-button-size)}.h-\[--item-size\]{height:var(--item-size)}.h-\[50vh\]{height:50vh}.h-\[calc\(var\(--secondary-slot-row-button-size\)_\+_2_\*_var\(--slot-row-py\)\)\]{height:calc(var(--secondary-slot-row-button-size) + 2 * var(--slot-row-py))}.h-\[calc\(var\(--stack-size\)\*0\.2\)\]{height:calc(var(--stack-size) * .2)}.h-1\.25{height:calc(var(--spacing) * 1.25)}.h-18{height:calc(var(--spacing) * 18)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4,.h4{height:calc(var(--spacing) * 4)}.h-5,.h5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-inherit{height:inherit}.h-max{height:max-content}.h-min{height:min-content}.h-px{height:1px}.h1{height:calc(var(--spacing) * 1)}.h2{height:calc(var(--spacing) * 2)}.h3{height:calc(var(--spacing) * 3)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-w-\[--path-options-width\]{max-width:var(--path-options-width)}.max-w-\[90vw\]{max-width:90vw}.max-w-156{max-width:calc(var(--spacing) * 156)}.max-w-160{max-width:calc(var(--spacing) * 160)}.max-w-520px{max-width:520px}.max-w-none{max-width:none}.max-w-screen{max-width:100vw}.max-w-unset{max-width:unset}.min-h-\[calc\(var\(--selected-path-width\)_\+_2_\*_var\(--path-row-py\)_\+_var\(--path-row-mb\)_\+_3_\*_var\(--slot-row-height\)\)\]{min-height:calc(var(--selected-path-width) + 2 * var(--path-row-py) + var(--path-row-mb) + 3 * var(--slot-row-height))}.min-h-px{min-height:1px}.min-h-screen{min-height:100vh}.min-w-\[--size\]{min-width:var(--size)}.min-w-0{min-width:calc(var(--spacing) * 0)}.w---side-panel-w{width:var(--side-panel-w)}.w---width{width:var(--width)}.w-\[--funny-ability-w\]{width:var(--funny-ability-w)}.w-\[4\.5em\]{width:4.5em}.w-\[6ch\]{width:6ch}.w-\[min\(90vw\,_600px\)\]{width:min(90vw,600px)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.75{width:calc(var(--spacing) * 1.75)}.w-12{width:calc(var(--spacing) * 12)}.w-160{width:calc(var(--spacing) * 160)}.w-24{width:calc(var(--spacing) * 24)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-64{width:calc(var(--spacing) * 64)}.w-66{width:calc(var(--spacing) * 66)}.w-7{width:calc(var(--spacing) * 7)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-min{width:min-content}.w-px,.after\:w-px:after{width:1px}.aspect-1{aspect-ratio:1}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.resize{resize:both}.select-none{user-select:none}.whitespace-nowrap{white-space:nowrap}.content-empty,.after\:content-empty:after{content:""}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.text-wrap{text-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.shadow-none{--un-shadow:0 0 var(--un-shadow-color,transparent);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.origin-left{transform-origin:0}.-translate-\[calc\(var\(--soul-rotation-size-diff\)\/4\)\]{--un-translate-x:calc(calc(var(--soul-rotation-size-diff) / 4) * -1);--un-translate-y:calc(calc(var(--soul-rotation-size-diff) / 4) * -1);translate:var(--un-translate-x) var(--un-translate-y)}.translate-0{--un-translate-x:calc(var(--spacing) * 0);--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y)}.-translate-x-0\.25{--un-translate-x:calc(calc(var(--spacing) * .25) * -1);translate:var(--un-translate-x) var(--un-translate-y)}.-translate-x-0\.5{--un-translate-x:calc(calc(var(--spacing) * .5) * -1);translate:var(--un-translate-x) var(--un-translate-y)}.-translate-x-1\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y)}.-translate-x-full{--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y)}.-translate-y-\[calc\(50\%-var\(--item-button-img-b-w\)\)\]{--un-translate-y:calc(calc(50% - var(--item-button-img-b-w)) * -1);translate:var(--un-translate-x) var(--un-translate-y)}.-translate-y-\[calc\(var\(--height\)_\+_1rem\)\]{--un-translate-y:calc(calc(var(--height) + 1rem) * -1);translate:var(--un-translate-x) var(--un-translate-y)}.-translate-y-0\.5{--un-translate-y:calc(calc(var(--spacing) * .5) * -1);translate:var(--un-translate-x) var(--un-translate-y)}.-translate-y-1\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y)}.-translate-y-1\/5{--un-translate-y:-20%;translate:var(--un-translate-x) var(--un-translate-y)}.-translate-y-full{--un-translate-y:-100%;translate:var(--un-translate-x) var(--un-translate-y)}.translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y)}.translate-x-0\.5{--un-translate-x:calc(var(--spacing) * .5);translate:var(--un-translate-x) var(--un-translate-y)}.translate-y-\[--control-button-size\]{--un-translate-y:var(--control-button-size);translate:var(--un-translate-x) var(--un-translate-y)}.translate-y-\[--selected-dot-translate-y\]{--un-translate-y:var(--selected-dot-translate-y);translate:var(--un-translate-x) var(--un-translate-y)}.translate-y-\[calc\(-50\%_\+_var\(--selected-dot-translate-y\)\)\]{--un-translate-y:calc(-50% + var(--selected-dot-translate-y));translate:var(--un-translate-x) var(--un-translate-y)}.translate-y-0\.5{--un-translate-y:calc(var(--spacing) * .5);translate:var(--un-translate-x) var(--un-translate-y)}.translate-y-1{--un-translate-y:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y)}.translate-y-1\/3{--un-translate-y:33.3333%;translate:var(--un-translate-x) var(--un-translate-y)}.translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y)}.after\:-translate-x-1\/2:after{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y)}.-rotate-45{rotate:-45deg}.rotate-180{rotate:180deg}.rotate-270{rotate:270deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.scale-x-\[var\(--fill-percentage\,0\)\]{--un-scale-x:var(--fill-percentage,0);scale:var(--un-scale-x) var(--un-scale-y)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.items-start{align-items:flex-start}.items-start\!{align-items:flex-start!important}.items-center{align-items:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.box-content{box-sizing:content-box}.float-end{float:inline-end}.-inset-1{inset:calc(calc(var(--spacing) * 1) * -1)}.inset-0{inset:calc(var(--spacing) * 0)}.-end-\[0\.5px\]{inset-inline-end:-.5px}.-end-0{inset-inline-end:calc(calc(var(--spacing) * 0) * -1)}.-end-0\.5{inset-inline-end:calc(calc(var(--spacing) * .5) * -1)}.-end-4{inset-inline-end:calc(calc(var(--spacing) * 4) * -1)}.end-\[--inset-end\]{inset-inline-end:var(--inset-end)}.end-\[--secondary-path-inset-end\]{inset-inline-end:var(--secondary-path-inset-end)}.end-\[--side-panel-inner-p\]{inset-inline-end:var(--side-panel-inner-p)}.end-\[--side-panel-w\]{inset-inline-end:var(--side-panel-w)}.end-\[calc\(var\(--soul-size\)\+2\*var\(--soul-rotation-size-diff\)\+var\(--gap\)\+var\(--stack-size\)\/2\)\]{inset-inline-end:calc(var(--soul-size) + 2 * var(--soul-rotation-size-diff) + var(--gap) + var(--stack-size) / 2)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-0\.125{inset-inline-end:calc(var(--spacing) * .125)}.end-0\.25{inset-inline-end:calc(var(--spacing) * .25)}.end-1\/2{inset-inline-end:50%}.end-auto{inset-inline-end:auto}.start-\[--ability-size\]{inset-inline-start:var(--ability-size)}.start-\[--inset-end\]{inset-inline-start:var(--inset-end)}.start-\[--left\]{inset-inline-start:var(--left)}.start-\[--lock-inline-start\]{inset-inline-start:var(--lock-inline-start)}.start-\[--secondary-path-inset-end\]{inset-inline-start:var(--secondary-path-inset-end)}.start-\[0\.5px\]{inset-inline-start:.5px}.start-\[calc\(\(var\(--selected-path-width\)_-_var\(--selected-slot-checked-width\)\)_\/_2\)\]{inset-inline-start:calc((var(--selected-path-width) - var(--selected-slot-checked-width)) / 2)}.start-\[calc\(var\(--ability-size-passive\)\+0\.25\*var\(--abilities-gap\)\)\]{inset-inline-start:calc(var(--ability-size-passive) + .25 * var(--abilities-gap))}.start-\[calc\(var\(--check-icon-start\,0px\)\+0\.5\*var\(--item-img-size\)\)\]{inset-inline-start:calc(var(--check-icon-start,0px) + .5 * var(--item-img-size))}.start-\[calc\(var\(--selected-path-width\)_\/_2\)\]{inset-inline-start:calc(var(--selected-path-width) / 2)}.start-\[calc\(var\(--selected-path-width\)_\+_var\(--selected-path-to-options-gap\)\)\]{inset-inline-start:calc(var(--selected-path-width) + var(--selected-path-to-options-gap))}.start-\[calc\(var\(--stack-size\)\/2\)\]{inset-inline-start:calc(var(--stack-size) / 2)}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-0\.25{inset-inline-start:calc(var(--spacing) * .25)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-1\/2{inset-inline-start:50%}.start-11\.5{inset-inline-start:calc(var(--spacing) * 11.5)}.start-8{inset-inline-start:calc(var(--spacing) * 8)}.start-auto{inset-inline-start:auto}.after\:start-1\/2:after{inset-inline-start:50%}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0,.after\:inset-y-0:after{inset-block:calc(var(--spacing) * 0)}.inset-t-1,.top-1{top:calc(var(--spacing) * 1)}.-bottom-0\.25{bottom:calc(calc(var(--spacing) * .25) * -1)}.-bottom-0\.5{bottom:calc(calc(var(--spacing) * .5) * -1)}.-bottom-px{bottom:-1px}.-top-\[0\.5px\]{top:-.5px}.-top-0{top:calc(calc(var(--spacing) * 0) * -1)}.-top-0\.5{top:calc(calc(var(--spacing) * .5) * -1)}.-top-1{top:calc(calc(var(--spacing) * 1) * -1)}.-top-2{top:calc(calc(var(--spacing) * 2) * -1)}.-top-px{top:-1px}.bottom-\[--py\]{bottom:var(--py)}.bottom-\[0\.5px\]{bottom:.5px}.bottom-\[calc\(var\(--py\)\+0\.75\*var\(--spacing\)\)\]{bottom:calc(var(--py) + .75 * var(--spacing))}.bottom-\[calc\(var\(--side-panel-eq-h\)\+2\*var\(--side-panel-p\)\+14\*var\(--spacing\)\)\]{bottom:calc(var(--side-panel-eq-h) + 2 * var(--side-panel-p) + 14 * var(--spacing))}.bottom-\[calc\(var\(--slot-row-height\)_-_var\(--selected-dot-mt-translate\)\)\]{bottom:calc(var(--slot-row-height) - var(--selected-dot-mt-translate))}.bottom-\[calc\(var\(--slot-row-height\)_\/_2\)\]{bottom:calc(var(--slot-row-height) / 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1\/2{bottom:50%}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-8{bottom:calc(var(--spacing) * 8)}.top-\[--section-header-row-h\]{top:var(--section-header-row-h)}.top-\[--top\]{top:var(--top)}.top-\[calc\(var\(--check-icon-top\,0px\)\+0\.5\*var\(--item-img-size\)\)\]{top:calc(var(--check-icon-top,0px) + .5 * var(--item-img-size))}.top-\[calc\(var\(--selected-path-width\)_\+_var\(--path-row-py\)\)\]{top:calc(var(--selected-path-width) + var(--path-row-py))}.top-\[calc\(var\(--slot-row-height\)_\/_2\)\]{top:calc(var(--slot-row-height) / 2)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.125{top:calc(var(--spacing) * .125)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-11{top:calc(var(--spacing) * 11)}.top-16{top:calc(var(--spacing) * 16)}.top-auto{top:auto}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.place-content-center{place-content:center}.place-items-center{place-items:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.after\:absolute:after{position:absolute}.static{position:static}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-100{z-index:100}.z-11{z-index:11}.z-2{z-index:2}.z-20{z-index:20}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-50{z-index:50}.of-hidden,.overflow-hidden{overflow:hidden}.of-visible{overflow:visible}.of-y-auto,.overflow-y-auto{overflow-y:auto}.bg-no-repeat{background-repeat:no-repeat}.hyphens-auto{hyphens:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.isolate{isolation:isolate}.object-none{object-fit:none}.backdrop-blur-2{--un-backdrop-blur:blur(2px);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,)}.blur-3{--un-blur:blur(3px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.brightness-\[--focus-brightness\]{--un-brightness:brightness(var(--focus-brightness));filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.brightness-100{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.brightness-200{--un-brightness:brightness(200%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.brightness-50{--un-brightness:brightness(50%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.brightness-60{--un-brightness:brightness(60%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.brightness-80{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.grayscale{--un-grayscale:grayscale(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.grayscale-70{--un-grayscale:grayscale(70%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.saturate-100{--un-saturate:saturate(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.saturate-60{--un-saturate:saturate(60%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.filter{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.table{display:table}.border-separate{border-collapse:separate}.border-spacing-0{--un-border-spacing-x:calc(var(--spacing) * 0);--un-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y)}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,)}@supports (color:color-mix(in lab, red, red)){.dark .dark\:text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)}.text-amber{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent)}.text-amber-100{color:color-mix(in oklab, var(--colors-amber-100) var(--un-text-opacity), transparent)}.text-amber-200{color:color-mix(in oklab, var(--colors-amber-200) var(--un-text-opacity), transparent)}.text-amber-400{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent)}.text-amber-950{color:color-mix(in oklab, var(--colors-amber-950) var(--un-text-opacity), transparent)}.text-black{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent)}.text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent)}.text-cyan{color:color-mix(in oklab, var(--colors-cyan-DEFAULT) var(--un-text-opacity), transparent)}.text-cyan-300{color:color-mix(in oklab, var(--colors-cyan-300) var(--un-text-opacity), transparent)}.text-cyan-50{color:color-mix(in oklab, var(--colors-cyan-50) var(--un-text-opacity), transparent)}.text-emerald-600{color:color-mix(in oklab, var(--colors-emerald-600) var(--un-text-opacity), transparent)}.text-green-300{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent)}.text-green-400{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent)}.text-indigo-400{color:color-mix(in oklab, var(--colors-indigo-400) var(--un-text-opacity), transparent)}.text-neutral-100{color:color-mix(in oklab, var(--colors-neutral-100) var(--un-text-opacity), transparent)}.text-neutral-200{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent)}.text-neutral-300{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent)}.text-neutral-400{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent)}.text-neutral-50{color:color-mix(in oklab, var(--colors-neutral-50) var(--un-text-opacity), transparent)}.text-neutral-500{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent)}.text-orange{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent)}.text-orange-200{color:color-mix(in oklab, var(--colors-orange-200) var(--un-text-opacity), transparent)}.text-orange-300{color:color-mix(in oklab, var(--colors-orange-300) var(--un-text-opacity), transparent)}.text-orange-400{color:color-mix(in oklab, var(--colors-orange-400) var(--un-text-opacity), transparent)}.text-orange-600{color:color-mix(in oklab, var(--colors-orange-600) var(--un-text-opacity), transparent)}.text-pink-300{color:color-mix(in oklab, var(--colors-pink-300) var(--un-text-opacity), transparent)}.text-purple{color:color-mix(in oklab, var(--colors-purple-DEFAULT) var(--un-text-opacity), transparent)}.text-red{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent)}.text-red-400{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent)}.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent)}.text-red-950{color:color-mix(in oklab, var(--colors-red-950) var(--un-text-opacity), transparent)}.text-sky-400{color:color-mix(in oklab, var(--colors-sky-400) var(--un-text-opacity), transparent)}.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)}.text-yellow-100{color:color-mix(in oklab, var(--colors-yellow-100) var(--un-text-opacity), transparent)}.text-yellow-200{color:color-mix(in oklab, var(--colors-yellow-200) var(--un-text-opacity), transparent)}.text-yellow-50{color:color-mix(in oklab, var(--colors-yellow-50) var(--un-text-opacity), transparent)}.outline-red-600{outline-color:color-mix(in oklab, var(--colors-red-600) var(--un-outline-opacity), transparent)}.b-amber-600{border-color:color-mix(in oklab, var(--colors-amber-600) var(--un-border-opacity), transparent)}.b-neutral-400{border-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-border-opacity), transparent)}.b-neutral-500{border-color:color-mix(in oklab, var(--colors-neutral-500) var(--un-border-opacity), transparent)}.b-red-600{border-color:color-mix(in oklab, var(--colors-red-600) var(--un-border-opacity), transparent)}.bg-amber-100{background-color:color-mix(in oklab, var(--colors-amber-100) var(--un-bg-opacity), transparent)}.bg-amber-400{background-color:color-mix(in oklab, var(--colors-amber-400) var(--un-bg-opacity), transparent)}.bg-amber-900\/10{background-color:color-mix(in oklab, var(--colors-amber-900) 10%, transparent)}.bg-black{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent)}.bg-black\/20{background-color:color-mix(in oklab, var(--colors-black) 20%, transparent)}.bg-blue-950{background-color:color-mix(in oklab, var(--colors-blue-950) var(--un-bg-opacity), transparent)}.bg-blue\/10{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) 10%, transparent)}.bg-cyan-400{background-color:color-mix(in oklab, var(--colors-cyan-400) var(--un-bg-opacity), transparent)}.bg-cyan-900{background-color:color-mix(in oklab, var(--colors-cyan-900) var(--un-bg-opacity), transparent)}.bg-cyan-950{background-color:color-mix(in oklab, var(--colors-cyan-950) var(--un-bg-opacity), transparent)}.bg-neutral-300{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent)}.bg-neutral-800{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent)}.bg-neutral-900{background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent)}.bg-neutral-950\/30{background-color:color-mix(in oklab, var(--colors-neutral-950) 30%, transparent)}.bg-pink{background-color:color-mix(in oklab, var(--colors-pink-DEFAULT) var(--un-bg-opacity), transparent)}.bg-red-400{background-color:color-mix(in oklab, var(--colors-red-400) var(--un-bg-opacity), transparent)}.bg-red-600{background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent)}.bg-red-900\/10{background-color:color-mix(in oklab, var(--colors-red-900) 10%, transparent)}.bg-red\/25{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 25%, transparent)}.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent)}.bg-white\/05{background-color:color-mix(in oklab, var(--colors-white) 5%, transparent)}.bg-white\/10{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent)}.bg-white\/50{background-color:color-mix(in oklab, var(--colors-white) 50%, transparent)}.bg-yellow-800\/60{background-color:color-mix(in oklab, var(--colors-yellow-800) 60%, transparent)}.bg-yellow-950{background-color:color-mix(in oklab, var(--colors-yellow-950) var(--un-bg-opacity), transparent)}.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent)}.after\:bg-neutral-400:after{background-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-bg-opacity), transparent)}}@media (width>=40rem){.sm\:text-\[110px\]{font-size:110px}.sm\:text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading,var(--text-3xl-lineHeight))}}}@layer components{:root{--ui-button-border-clr:#d6af61;--ui-pretend-button-icon-clr:#f1c379}.pretend-ui-button{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-cyan-950) var(--un-bg-opacity), transparent) ;& .icon{color:color-mix(in oklab, var(--ui-pretend-button-icon-clr) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.pretend-ui-button{background-color:color-mix(in oklab, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }}.pretend-ui-button:hover{background-color:color-mix(in srgb, var(--colors-cyan-900) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.pretend-ui-button:hover{background-color:color-mix(in oklab, var(--colors-cyan-900) var(--un-bg-opacity), transparent) }}.pretend-ui-button:focus-visible{background-color:color-mix(in srgb, var(--colors-cyan-900) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.pretend-ui-button:focus-visible{background-color:color-mix(in oklab, var(--colors-cyan-900) var(--un-bg-opacity), transparent) }}.pretend-ui-button:hover:disabled{background-color:color-mix(in srgb, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.pretend-ui-button:hover:disabled{background-color:color-mix(in oklab, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }}.pretend-ui-button:focus-visible:disabled{background-color:color-mix(in srgb, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.pretend-ui-button:focus-visible:disabled{background-color:color-mix(in oklab, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }}.pretend-ui-button:disabled{--un-brightness:brightness(60%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}.inline-search-label{position:relative;& label{pointer-events:none;white-space:nowrap;inset:calc(var(--spacing) * 0);align-items:center;display:flex;position:absolute}& input:is(:focus,:focus-visible,:not([data-empty=true]))+label span:nth-child(2){opacity:0}}.hover-tooltip{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-neutral-950) var(--un-bg-opacity), transparent) ;pointer-events:none;max-width:100vw}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.hover-tooltip{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-neutral-950) var(--un-bg-opacity), transparent) }}.skip-link{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent) ;--un-font-weight:600;padding:calc(var(--spacing) * 1);background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;font-weight:600;position:absolute;inset-inline-start:calc(calc(var(--spacing) * 2500) * -1)}@supports (color:color-mix(in lab, red, red)){.skip-link{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}.skip-link:focus-visible{inset-inline-start:calc(var(--spacing) * 0)}:where(.icon){display:inline-block}.v-select{position:relative;& select{cursor:pointer;inset:calc(var(--spacing) * 0);z-index:0;position:absolute;overflow:hidden}& select:focus-visible+label{outline:auto}& label{pointer-events:none;z-index:1;display:block;position:relative;&>:first-child{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>button{width:100%;height:100%}}}.alert{padding-block:calc(var(--spacing) * 2);border-radius:var(--radius-md);text-wrap:wrap;border-width:1px;width:fit-content;padding-inline-start:calc(var(--spacing) * 2);position:relative;overflow:hidden;& a{--un-font-weight:600;font-weight:600;display:inline}&:after{margin-top:calc(calc(var(--spacing) * 2) * -1);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);content:"";float:inline-end;z-index:0;border-end-start-radius:var(--radius-sm);margin-inline-start:.5ch;display:block}& .icon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);inset-inline-end:calc(var(--spacing) * .125);top:calc(var(--spacing) * .125);z-index:10;position:absolute}&.warning{color:color-mix(in srgb, var(--colors-amber-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in srgb, var(--colors-amber-600) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-amber-900) 10%, transparent) ;&:after{background-color:color-mix(in srgb, var(--colors-amber-400) var(--un-bg-opacity), transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb,var(--colors-amber-400) var(--un-text-opacity),transparent) ;border-color:color-mix(in srgb,var(--colors-amber-600) var(--un-border-opacity),transparent) ;background-color:color-mix(in srgb,var(--colors-amber-900) 10%,transparent) ;&:after{background-color:color-mix(in oklab, var(--colors-amber-400) var(--un-bg-opacity), transparent) }}& .icon{color:color-mix(in srgb, var(--colors-amber-950) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& .icon{color:color-mix(in oklab, var(--colors-amber-950) var(--un-text-opacity), transparent) }}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&.warning{color:color-mix(in oklab, var(--colors-amber-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in oklab, var(--colors-amber-600) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-amber-900) 10%, transparent) }}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&.error{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in srgb, var(--colors-red-600) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-red-900) 10%, transparent) ;&:after{background-color:color-mix(in srgb, var(--colors-red-400) var(--un-bg-opacity), transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb,var(--colors-red-400) var(--un-text-opacity),transparent) ;border-color:color-mix(in srgb,var(--colors-red-600) var(--un-border-opacity),transparent) ;background-color:color-mix(in srgb,var(--colors-red-900) 10%,transparent) ;&:after{background-color:color-mix(in oklab, var(--colors-red-400) var(--un-bg-opacity), transparent) }}& .icon{color:color-mix(in srgb, var(--colors-red-950) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& .icon{color:color-mix(in oklab, var(--colors-red-950) var(--un-text-opacity), transparent) }}}@supports (color:color-mix(in lab, red, red)){&.error{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in oklab, var(--colors-red-600) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-red-900) 10%, transparent) }}}.item-description-header{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));--un-font-weight:500;text-align:start;column-gap:calc(var(--spacing) * 2);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:auto 1fr;align-items:center;width:100%;font-weight:500;display:grid;&>img{width:var(--item-img-size);height:var(--item-img-size);grid-row:1/-1}& span:first-of-type{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight))}& span:nth-of-type(2){font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));color:color-mix(in srgb, var(--colors-amber-200) var(--un-text-opacity), transparent) ;text-align:start;justify-content:flex-start;align-items:center;gap:.5ch;display:flex;& img{height:calc(var(--spacing) * 4);width:auto}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& span:nth-of-type(2){color:color-mix(in oklab, var(--colors-amber-200) var(--un-text-opacity), transparent) }}& span:nth-of-type(3),& span:nth-of-type(4){font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));display:none}& span:nth-of-type(4){color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;text-align:end}@supports (color:color-mix(in lab, red, red)){& span:nth-of-type(4){color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) }}&[data-show-subtitles]{grid-template-columns:auto 1fr auto}&[data-show-subtitles] span:nth-of-type(2){font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));text-align:end;justify-content:flex-end}&[data-show-subtitles] span:nth-of-type(3),&[data-show-subtitles] span:nth-of-type(4){display:inline}}.item-description{& ul li{align-items:center;gap:.5ch;display:flex;& img{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}& span:last-child{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;text-transform:capitalize}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& span:last-child{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) }}}& h4{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;&:has(img){align-items:center;gap:.5ch;display:flex}& img{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}& span{&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& h4{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) }}& div{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;& img{vertical-align:middle;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);display:inline-block}& li{margin-inline-start:calc(var(--spacing) * 5)}}@supports (color:color-mix(in lab, red, red)){& div{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) }}}.item-description,.game-description{& img{vertical-align:middle;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);display:inline-block}& variablename{--un-font-weight:500;text-decoration-skip-ink:auto;font-weight:500;text-decoration:underline .1em dashed #f0f}& unknown{color:#f0f;font-weight:700}& passive{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;--un-font-weight:700;font-weight:700}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& passive{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}& scaleap{color:color-mix(in srgb, var(--colors-indigo-400) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& scaleap{color:color-mix(in oklab, var(--colors-indigo-400) var(--un-text-opacity), transparent) }}& scalead{color:color-mix(in srgb, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& scalead{color:color-mix(in oklab, var(--colors-orange-DEFAULT) var(--un-text-opacity), transparent) }}& scalehealth{color:color-mix(in srgb, var(--colors-emerald-600) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& scalehealth{color:color-mix(in oklab, var(--colors-emerald-600) var(--un-text-opacity), transparent) }}& scalemana{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& scalemana{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) }}& scalearmor{color:color-mix(in srgb, var(--colors-orange-300) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& scalearmor{color:color-mix(in oklab, var(--colors-orange-300) var(--un-text-opacity), transparent) }}& scalemr{color:color-mix(in srgb, var(--colors-cyan-300) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& scalemr{color:color-mix(in oklab, var(--colors-cyan-300) var(--un-text-opacity), transparent) }}& scalelethality{color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& scalelethality{color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-text-opacity), transparent) }}& attackspeed{color:color-mix(in srgb, var(--colors-yellow-200) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& attackspeed{color:color-mix(in oklab, var(--colors-yellow-200) var(--un-text-opacity), transparent) }}& onhit{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& onhit{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}& physicaldamage{color:color-mix(in srgb, var(--colors-orange-600) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& physicaldamage{color:color-mix(in oklab, var(--colors-orange-600) var(--un-text-opacity), transparent) }}& magicdamage{color:color-mix(in srgb, var(--colors-cyan-DEFAULT) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& magicdamage{color:color-mix(in oklab, var(--colors-cyan-DEFAULT) var(--un-text-opacity), transparent) }}& truedamage{color:color-mix(in srgb, var(--colors-cyan-50) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& truedamage{color:color-mix(in oklab, var(--colors-cyan-50) var(--un-text-opacity), transparent) }}& healing{color:color-mix(in srgb, var(--colors-green-300) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& healing{color:color-mix(in oklab, var(--colors-green-300) var(--un-text-opacity), transparent) }}& shield{color:color-mix(in srgb, var(--colors-sky-400) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& shield{color:color-mix(in oklab, var(--colors-sky-400) var(--un-text-opacity), transparent) }}& lifesteal,& omnivamp{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& lifesteal,& omnivamp{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent) }}& speed{color:color-mix(in srgb, var(--colors-yellow-50) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& speed{color:color-mix(in oklab, var(--colors-yellow-50) var(--un-text-opacity), transparent) }}& gold{color:color-mix(in srgb, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& gold{color:color-mix(in oklab, var(--colors-amber-DEFAULT) var(--un-text-opacity), transparent) }}& status{color:color-mix(in srgb, var(--colors-purple-DEFAULT) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& status{color:color-mix(in oklab, var(--colors-purple-DEFAULT) var(--un-text-opacity), transparent) }}& attention{color:color-mix(in srgb, var(--colors-neutral-50) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& attention{color:color-mix(in oklab, var(--colors-neutral-50) var(--un-text-opacity), transparent) }}& raritygeneric{color:color-mix(in srgb, var(--colors-neutral-100) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& raritygeneric{color:color-mix(in oklab, var(--colors-neutral-100) var(--un-text-opacity), transparent) }}& raritylegendary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& raritylegendary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}& rules{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& rules{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}& keyword{color:color-mix(in srgb, var(--colors-pink-300) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& keyword{color:color-mix(in oklab, var(--colors-pink-300) var(--un-text-opacity), transparent) }}& keywordmajor{color:color-mix(in srgb, var(--colors-yellow-100) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& keywordmajor{color:color-mix(in oklab, var(--colors-yellow-100) var(--un-text-opacity), transparent) }}& keywordstealth{color:color-mix(in srgb, var(--colors-pink-300) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& keywordstealth{color:color-mix(in oklab, var(--colors-pink-300) var(--un-text-opacity), transparent) }}& active{color:color-mix(in srgb, var(--colors-orange-200) var(--un-text-opacity), transparent) ;--un-font-weight:500;font-weight:500}@supports (color:color-mix(in lab, red, red)){& active{color:color-mix(in oklab, var(--colors-orange-200) var(--un-text-opacity), transparent) }}& stattracking{color:color-mix(in srgb, var(--colors-orange-400) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){& stattracking{color:color-mix(in oklab, var(--colors-orange-400) var(--un-text-opacity), transparent) }}}.hover-tooltip.champion-item{width:calc(var(--spacing) * 160);justify-self:anchor-center;position-try:flip-block;max-width:100vw}.coming-soon-cover{--un-font-weight:600;text-align:center;background-color:color-mix(in srgb, var(--colors-neutral-950) 30%, transparent) ;cursor:default;z-index:50;place-items:center;font-weight:600;display:grid;&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>p{text-wrap:wrap;text-transform:uppercase}}@supports (color:color-mix(in lab, red, red)){.coming-soon-cover{background-color:color-mix(in oklab, var(--colors-neutral-950) 30%, transparent) }}.hover-tooltip.champion-stat,.hover-tooltip.champion-rune,.hover-tooltip.champion-ability,.hover-tooltip.dragon-thing,.hover-tooltip.role-quest{padding:calc(var(--spacing) * 2);&>h5{font-size:var(--text-lg-fontSize);color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;--un-font-weight:500;font-weight:500;line-height:1.5rem}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){padding:calc(var(--spacing) * 2);&>h5{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}&>:where(:is(div,p).game-description){--un-leading:calc(var(--spacing) * 4.5);line-height:calc(var(--spacing) * 4.5);margin-top:calc(var(--spacing) * .5);margin-bottom:calc(var(--spacing) * 1.25);padding-top:calc(var(--spacing) * 1.5);padding-bottom:calc(var(--spacing) * 1);border-top-width:1px;border-bottom-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) }@property --un-leading{syntax:"*";inherits:false}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}.hover-tooltip.champion-item{padding:calc(var(--spacing) * 2)}.hover-tooltip>.game-description:last-child{margin-bottom:calc(var(--spacing) * 0);padding-bottom:calc(var(--spacing) * 0);border-bottom-width:0}.hover-tooltip.champion-ability{max-width:calc(var(--spacing) * 160);justify-self:anchor-center;position-try:flip-block;grid-template-columns:auto 1fr auto;grid-auto-rows:min-content;position:relative;inset-block-start:calc(anchor(end) - 1px);&:popover-open{display:grid}&>img{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);grid-row:span 2/span 2}&>h5{--un-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);grid-row:span 2/span 2}@property --un-leading{syntax:"*";inherits:false}&>span{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));text-align:end;&:first-of-type{color:color-mix(in srgb, var(--colors-yellow-100) var(--un-text-opacity), transparent) ;justify-content:flex-end;align-items:center;gap:.5ch;display:flex}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));text-align:end;&:first-of-type{color:color-mix(in oklab, var(--colors-yellow-100) var(--un-text-opacity), transparent) }}&:nth-of-type(2){align-self:flex-start}}&>div{margin-top:calc(var(--spacing) * 2);grid-column:1/-1;& rules{font-style:italic}}&>p.alert{grid-column:1/-1}&>span.unknown,&>footer>dl>:where(dt,dd).unknown{color:#f0f;font-weight:700}&>footer{grid-column:1/-1;&>p{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);text-align:end}@property --un-leading{syntax:"*";inherits:false}&>div{font-style:italic}&>dl{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);grid-template-columns:1fr auto;display:grid;&:not(:first-child){margin-top:calc(var(--spacing) * 1.5)}&>dd{text-align:end;&>span{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){text-align:end;&>span{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}& [data-current]{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;--un-font-weight:500;font-weight:500}@supports (color:color-mix(in lab, red, red)){& [data-current]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}}}}}.v-extras-number{grid-template-rows:min-content min-content;grid-template-columns:auto auto min-content 1fr;display:grid;&>img{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:var(--ability-size);height:var(--ability-size);grid-row:1/-1;margin-inline-end:calc(var(--spacing) * 2)}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>label{grid-column:span 3/span 3}&>input{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent) ;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * .5);background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;box-sizing:content-box;grid-row:span 2/span 2;width:6ch;height:min-content;margin-inline-end:calc(var(--spacing) * 2)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>input{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>button{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 7)}}#dialog-champion-select>section button img{aspect-ratio:1;object-fit:none;object-position:100px 100px;background-position:50%;background-repeat:no-repeat;background-size:108%;border-width:1px}#dialog-rune-select{padding-inline:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 2);background-color:color-mix(in srgb, var(--colors-cyan-950) var(--un-bg-opacity), transparent) ;column-gap:calc(var(--spacing) * 12);--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);grid-template:"header header""primary secondary"max-content"primary shards"1fr/auto auto;grid-auto-flow:column;&>header{grid-area:header;&>p{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>form{gap:calc(var(--spacing) * 2);margin-inline-start:auto;display:flex;&>button{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, var(--placeholder-champion-bg-clr) var(--un-bg-opacity), transparent) ;height:calc(var(--spacing) * 7);place-items:center;display:grid;&:first-child{padding-inline:calc(var(--spacing) * 2);position:relative;&:before,&:after{--un-translate-y:calc(calc(var(--spacing) * .5) * -1);translate:var(--un-translate-x) var(--un-translate-y);--un-translate-x:calc(var(--spacing) * .5);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:calc(calc(var(--spacing) * .5) * -1);top:calc(calc(var(--spacing) * .5) * -1);z-index:1;display:block;position:absolute}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:before{outline-style:var(--un-outline-style);outline-width:2px;outline-color:color-mix(in srgb, var(--colors-red-600) var(--un-outline-opacity), transparent) ;outline-offset:1px;background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);border-radius:50%}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:before{outline-color:color-mix(in oklab, var(--colors-red-600) var(--un-outline-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) }}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:after{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M148 200a20 20 0 1 1-20-20a20 20 0 0 1 20 20m-20-40a12 12 0 0 0 12-12V48a12 12 0 0 0-24 0v100a12 12 0 0 0 12 12'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@supports (color:color-mix(in lab, red, red)){&:after{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}}&:last-child{width:calc(var(--spacing) * 7);border-radius:50%;&>span:first-child{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>.icon{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}gap:calc(var(--spacing) * 2);margin-inline-start:auto;display:flex;&>button:hover{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){gap:calc(var(--spacing) * 2);margin-inline-start:auto;display:flex;&>button:hover{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}gap:calc(var(--spacing) * 2);margin-inline-start:auto;display:flex;&>button:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){gap:calc(var(--spacing) * 2);margin-inline-start:auto;display:flex;&>button:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}}}&[data-invalid]{&>header>form>button:first-child{&:before,&:after{content:""}}}}@supports (color:color-mix(in lab, red, red)){#dialog-rune-select{background-color:color-mix(in oklab, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }}#dialog-rune-select[open]{display:grid}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}#rune-select-primary{grid-area:primary}#rune-select-secondary{grid-area:secondary}#rune-select-primary,#rune-select-secondary{&[inert]{opacity:.5}}#rune-select-shards{grid-area:shards}#rune-select-primary,#rune-select-secondary,#rune-select-shards{& :where([role=radiogroup]),& :where([data-placeholder-secondary-slot-row]){--selected-indicator-width:var(--selected-slot-width);--selected-slot-checked-width:calc(var(--spacing) * 2);align-items:center;display:flex;position:relative;&[data-path]{margin-bottom:var(--path-row-mb);padding-block:var(--path-row-py);column-gap:var(--path-options-gap-x)}&>button{margin-inline:auto}&:before{background-color:color-mix(in oklab, var(--slot-bg) var(--un-bg-opacity), transparent) ;width:var(--selected-slot-width);height:var(--selected-slot-width);content:"";z-index:10;border-width:2px;border-color:var(--path-icon-clr,var(--slot-border-clr));border-radius:3.40282e38px;margin-inline-start:calc((var(--selected-path-width) - var(--selected-indicator-width)) / 2);margin-inline-end:calc((var(--selected-path-width) - var(--selected-indicator-width)) / 2 + var(--selected-path-to-options-gap));display:block}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:after{background-color:color-mix(in oklab, var(--path-icon-clr) var(--un-bg-opacity), transparent) ;width:var(--selected-slot-checked-width);height:var(--selected-slot-checked-width);--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc((var(--selected-path-width) - var(--selected-slot-checked-width)) / 2);z-index:10;border-radius:3.40282e38px;display:block;position:absolute;top:50%;box-shadow:0 0 6px 1px #fffc,inset 2px 3px 5px #fff9,inset -2px 3px 5px #fff9}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:not([data-path]):not([data-keystone])>button>img,&[data-keystone]>button{border-width:2px;border-color:color-mix(in oklab, var(--path-icon-clr) var(--un-border-opacity), transparent) ;border-radius:3.40282e38px}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:not([data-path]){padding-block:var(--slot-row-py);&>button{outline-style:var(--un-outline-style);outline-offset:8px;background-color:color-mix(in oklab, var(--slot-bg) var(--un-bg-opacity), transparent) ;--outline-op:0;outline-width:3px;outline-color:hsl(from var(--path-icon-clr) h s l / var(--outline-op));transition-property:outline-offset,outline-color,border-color;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);border-radius:3.40282e38px;&:hover,&:focus-visible{outline-offset:5px;--outline-op:.5}&>img{width:var(--slot-row-button-size);height:var(--slot-row-button-size);max-width:unset;transition:filter var(--transition-duration) var(--transition-timing-function);display:block}}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:has(button[aria-checked=true]){&[data-keystone]>button[aria-checked=false]:not(:hover){border-color:color-mix(in oklab, var(--slot-border-clr) var(--un-border-opacity), transparent) }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>button[aria-checked=false]:not(:hover)>img{--un-grayscale:grayscale(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}&:after{content:""}}}&[data-keystone]>button{position:relative;&>img{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;inset-inline-start:50%;position:absolute;top:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&:nth-last-of-type(-n+2){&>button:last-child:after{background-color:color-mix(in srgb, var(--colors-yellow-800) 60%, transparent) ;pointer-events:none;content:"";--un-translate-y:-50%;height:1px;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--selected-path-width) + var(--selected-path-to-options-gap));inset-inline-end:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>button:last-child:after{background-color:color-mix(in oklab, var(--colors-yellow-800) 60%, transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&[data-keystone]{--selected-indicator-width:var(--selected-keystone-width);--selected-slot-checked-width:calc(var(--spacing) * 2.5);&>button{width:var(--keystone-row-button-size);height:var(--keystone-row-button-size);&>img{width:calc(var(--spacing) * 21);height:calc(var(--spacing) * 21);pointer-events:none}}&:before{width:var(--selected-keystone-width);height:var(--selected-keystone-width)}}}}#rune-select-primary-path,#rune-select-secondary-path{--selected-slot-width:var(--selected-path-width);&:before{background-color:#0000;margin-inline-start:calc(var(--spacing) * 0);margin-inline-end:calc(var(--selected-path-to-options-gap) - var(--path-options-gap-x))}&:after{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);content:"";--un-shadow:0 0 var(--un-shadow-color,#0000);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;background-color:var(--path-icon-clr);mask:var(--path-icon,linear-gradient(transparent 0 0)) no-repeat center;inset-inline-start:calc(var(--spacing) * 8)}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}& button{width:var(--path-button-size);height:var(--path-button-size);border-width:2px;border-color:#0000;border-radius:3.40282e38px;place-items:center;display:grid;position:relative;&:before{outline-style:var(--un-outline-style);outline-offset:1px;opacity:0;content:"";inset:calc(var(--spacing) * 0);transition-property:outline-offset,opacity;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);border-radius:3.40282e38px;outline-width:2px;outline-color:oklch(68.1% .162 75.834);position:absolute}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}& span{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}&:hover,&:focus-visible{& span{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}}& button[aria-checked=true]{&:before{outline-offset:-2px;opacity:.6}& span{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}}#rune-select-primary,#rune-select-secondary,#rune-select-shards{--transition-duration:.15s;--transition-timing-function:ease-in-out;--path-button-size:calc(var(--spacing) * 13);--path-options-width:calc(var(--path-button-size) * var(--path-options-length));--path-row-py:calc(var(--spacing) * 2);--path-options-gap-x:calc(var(--spacing) * 1);--selected-path-width:calc(var(--spacing) * 16);--selected-path-to-options-gap:calc(var(--spacing) * 6);--selected-keystone-width:calc(var(--spacing) * 5.5);--selected-slot-width:calc(var(--spacing) * 4.5);--keystone-row-py:calc(var(--spacing) * 9.5);--keystone-row-button-size:calc(var(--spacing) * 12);--keystone-row-height:calc(var(--keystone-row-button-size) + 2 * var(--keystone-row-py));--slot-bg:oklch(20.5% 0 0);--slot-border-clr:oklch(55.6% 0 0);--slot-row-button-size:calc(var(--spacing) * 11);--slot-row-height:calc(var(--slot-row-button-size) + 2 * var(--slot-row-py));--primary-slot-row-button-size:calc(var(--spacing) * 11);--primary-path-row-mb:calc(var(--spacing) * 12);--primary-slot-row-py:calc(var(--spacing) * 6);--primary-slot-row-height:calc(var(--primary-slot-row-button-size) + 2 * var(--primary-slot-row-py));--secondary-slot-row-button-size:calc(var(--spacing) * 11);--secondary-path-row-mb:calc(var(--spacing) * 8.5);--secondary-slot-row-py:calc(var(--spacing) * 5);--secondary-slot-row-height:calc(var(--secondary-slot-row-button-size) + 2 * var(--secondary-slot-row-py));--selected-dots-column-clr:var(--path-icon-clr,var(--slot-border-clr));--selected-dots-column-lining-clr:hsl(from var(--path-icon-clr,var(--slot-border-clr)) h calc(s * 1.4) calc(l * 1.2));height:max-content;position:relative;&:before{background-color:color-mix(in oklab, var(--selected-dots-column-clr) var(--un-bg-opacity), transparent) ;opacity:.6;width:calc(var(--spacing) * 1);content:"";--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--selected-path-width) / 2);top:calc(var(--selected-path-width) + var(--path-row-py));bottom:calc(var(--slot-row-height) / 2);box-shadow:0 0 6px 0 var(--path-icon-clr), inset 1px 0 0 var(--selected-dots-column-lining-clr), inset -1px 0 0 var(--selected-dots-column-lining-clr);position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}& :where([role=radiogroup]),& :where([data-placeholder-secondary-slot-row]){&[data-keystone]{padding-block:var(--keystone-row-py);border-block-width:1px;border-color:color-mix(in oklab, var(--path-icon-clr) var(--un-border-opacity), transparent) ;border-image:linear-gradient(90deg, transparent 0%, var(--path-icon-clr) 20%, var(--path-icon-clr) 80%, transparent 100%) 1;&>span{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in oklab, var(--path-icon-clr) var(--un-text-opacity), transparent) ;--un-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);--un-font-weight:300;margin:unset;text-transform:uppercase;--un-translate-y:-100%;width:auto;height:auto;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--selected-path-width) + var(--selected-path-to-options-gap));top:calc(calc(var(--spacing) * 1) * -1);clip:unset;font-weight:300;position:absolute}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}}#rune-select-primary{--path-row-mb:var(--primary-path-row-mb);--slot-row-py:var(--primary-slot-row-py)}#rune-select-secondary{--path-row-mb:var(--secondary-path-row-mb);--slot-row-py:var(--secondary-slot-row-py);--selected-dot-mt-translate:calc(var(--primary-path-row-mb) - var(--secondary-path-row-mb));min-height:calc(var(--selected-path-width) + 2 * var(--path-row-py) + var(--path-row-mb) + 3 * var(--slot-row-height));&:before{bottom:calc(var(--slot-row-height) - var(--selected-dot-mt-translate))}--path-icon-clr:var(--slot-border-clr);& [role=radiogroup],& [data-placeholder-secondary-slot-row]{&:nth-of-type(4){&:before,&:after{opacity:0}}--secondary-slot-first-dot-translate-y:calc((var(--keystone-row-height) - var(--slot-row-height)) / 2 + var(--selected-dot-mt-translate));--secondary-slot-second-dot-translate-y:calc(var(--keystone-row-height) - var(--secondary-slot-row-height) + (var(--primary-slot-row-height) - var(--secondary-slot-row-height)) / 2 + var(--selected-dot-mt-translate) + 1px);&:nth-of-type(n+2){--selected-dot-translate-y:var(--secondary-slot-first-dot-translate-y);&:before{--un-translate-y:var(--selected-dot-translate-y);translate:var(--un-translate-x) var(--un-translate-y)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:after{--un-translate-y:calc(-50% + var(--selected-dot-translate-y));translate:var(--un-translate-x) var(--un-translate-y)}}&:nth-of-type(3){--selected-dot-translate-y:var(--secondary-slot-second-dot-translate-y);&:before{--un-translate-y:var(--selected-dot-translate-y);translate:var(--un-translate-x) var(--un-translate-y)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:after{--un-translate-y:calc(-50% + var(--selected-dot-translate-y));translate:var(--un-translate-x) var(--un-translate-y)}}&:nth-of-type(n+2):after{display:none}}&[data-slots-filled="1"],&[data-slots-filled="2"]{& [role=radiogroup]:nth-of-type(2):after{content:"";display:block}}&[data-slots-filled="2"]{& [role=radiogroup]{&:nth-of-type(3):after{content:"";display:block}&:nth-of-type(n+2):not(:has(button[aria-checked=true])){&>button:not(:hover):not(:focus-visible){border-color:color-mix(in oklab, var(--slot-border-clr) var(--un-border-opacity), transparent) ;& img{--un-grayscale:grayscale(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}}}& [data-placeholder-secondary-slot-row]{padding-block:calc(var(--spacing) * 0);height:calc(var(--secondary-slot-row-button-size) + 2 * var(--slot-row-py));box-sizing:content-box;grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid;&:nth-of-type(2){padding-top:var(--selected-dot-translate-y)}&:nth-of-type(3){padding-top:calc(var(--secondary-slot-second-dot-translate-y) - var(--secondary-slot-first-dot-translate-y))}&:before{--selected-dot-translate-y:0px;grid-row:1/-1}& h3{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;align-self:flex-end}& p{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) ;--un-leading:calc(var(--spacing) * 4.25);line-height:calc(var(--spacing) * 4.25);max-width:var(--path-options-width);align-self:flex-start}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& p{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}@property --un-leading{syntax:"*";inherits:false}}}#rune-select-shards{--button-size-share:.6;--padding-size-share:.4;--slot-row-button-size:calc(var(--primary-slot-row-height) * var(--button-size-share) / 2);--slot-row-py:calc(var(--primary-slot-row-height) * var(--padding-size-share) / 4);margin-top:auto;margin-bottom:calc(var(--primary-slot-row-height) / 2 - var(--slot-row-height) / 2);&:before{top:calc(var(--slot-row-height) / 2)}}#rune-select-dialog-hover-tooltip{--un-leading:calc(var(--spacing) * 5.5);line-height:calc(var(--spacing) * 5.5);padding:calc(var(--spacing) * 7);width:var(--width);--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:calc(calc(var(--height) + 1rem) * -1);translate:var(--un-translate-x) var(--un-translate-y);--width:21.5rem;inset-inline-start:clamp(calc(var(--width) / 2), var(--left), calc(100vw - min(100vw, var(--width) / 2)));top:clamp(var(--height), var(--top), 100vh);border-width:2px;position:fixed;& h4{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);--un-font-weight:600;margin-bottom:calc(var(--spacing) * 1);text-transform:uppercase;font-weight:600}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& h4{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}&>div{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;& lol-uikit-tooltipped-keyword,& lol-uikit-tooltipped-keyword font{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb,var(--colors-neutral-300) var(--un-text-opacity),transparent) ;& lol-uikit-tooltipped-keyword,& lol-uikit-tooltipped-keyword font{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}& rules{color:inherit}& li{margin-inline-start:calc(var(--spacing) * 5);& rules{margin-inline-start:calc(calc(var(--spacing) * 5) * -1);display:block}}}@supports (color:color-mix(in lab, red, red)){&>div{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) }}}@property --un-leading{syntax:"*";inherits:false}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}:root{--item-img-size:3.5rem}[data-sprite-image]{object-fit:none;background-repeat:no-repeat;background-position:calc(var(--txt-uv-start-x) * var(--txt-scale)) calc(var(--txt-uv-start-y) * var(--txt-scale))}#dialog-item-shop{background-color:color-mix(in oklab, var(--bg-clr) var(--un-bg-opacity), transparent) ;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);max-width:90vw;max-height:80vh;box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--bg-clr:oklch(30.2% .056 229.695);--item-button-img-b-w:3px;--item-img-borderless-size:calc(var(--item-img-size) - 2 * var(--item-button-img-b-w));position:relative;overflow:visible;&[open]{display:grid}grid-template:"header header builds-into""aside items builds-into"1fr"footer footer builds-into"/auto 1fr 32rem;& #item-shop-swap-sort-order:hover,& #item-shop-swap-sort-order:focus-visible,& #item-shop-clear-stat-filters:hover,& #item-shop-clear-stat-filters:focus-visible{& img{--txt-uv-start-x:var(--txt-hover-uv-start-x)!important;--txt-uv-start-y:var(--txt-hover-uv-start-y)!important}}& #item-shop-stat-filters{& label{cursor:pointer;--un-brightness:brightness(200%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}& input,& label>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& input{&:disabled+label,&:checked+label{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}&:focus-visible+label{--un-brightness:brightness(200%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);outline:auto}&:disabled+label{cursor:default;& img{--un-brightness:brightness(50%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}&:checked+label img{--txt-uv-start-x:var(--txt-selected-uv-start-x)!important;--txt-uv-start-y:var(--txt-selected-uv-start-y)!important}}}& #item-shop-search[data-empty=true]~button{display:none}& #item-shop-panel-boots,& #item-shop-panel-eq{background-color:color-mix(in oklab, var(--bg-clr) var(--un-bg-opacity), transparent) ;--side-panel-gap:calc(var(--spacing) * 3);--side-panel-py:calc(4 * var(--spacing));--side-panel-row-h:calc(var(--item-img-size) + 1.5rem);--side-panel-p:calc(var(--spacing) * 4);--side-panel-inner-p:calc(var(--spacing) * 1.25);--side-panel-w:calc(var(--item-img-size) + 2 * var(--side-panel-inner-p));--side-panel-eq-gap:calc(1 * var(--spacing));--side-panel-eq-button-size:calc((var(--side-panel-inner-p) + 2 * var(--item-img-size) + var(--side-panel-gap)) / 3);--side-panel-eq-h:calc(var(--side-panel-eq-button-size) * 2 + var(--side-panel-eq-gap));:where(&[data-pinned]){&>.pin-button img{--txt-uv-start-x:var(--txt-hover-uv-start-x)!important;--txt-uv-start-y:var(--txt-hover-uv-start-y)!important}}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}& #item-shop-panel-boots{padding:var(--side-panel-p);--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * 0);bottom:calc(var(--side-panel-eq-h) + 2 * var(--side-panel-p) + 14 * var(--spacing));z-index:10;--side-panel-h:calc(var(--side-panel-row-h) * 3 + 2 * var(--side-panel-gap) + 2 * var(--side-panel-inner-p));padding-inline-start:calc(var(--spacing) * 6);position:absolute;&>div{width:var(--side-panel-w);height:var(--side-panel-h);box-sizing:content-box;position:relative;overflow:hidden;&>ul{padding:calc(var(--spacing) * 1.25);gap:calc(var(--spacing) * 3);inset-inline-start:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);direction:rtl;grid-template-rows:repeat(3,max-content);grid-template-columns:repeat(3,max-content);grid-auto-flow:column;display:grid;position:absolute}}}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}& #item-shop-panel-eq{padding:var(--side-panel-p);--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 8);z-index:10;padding-inline-start:calc(var(--spacing) * 6);position:absolute;&>div{height:var(--side-panel-eq-h);box-sizing:content-box;padding-inline-end:calc(var(--side-panel-w) - var(--side-panel-inner-p) - var(--item-button-img-b-w));position:relative;overflow:hidden;&>ul{gap:var(--side-panel-eq-gap);inset-inline-end:var(--side-panel-w);top:calc(var(--spacing) * 0);z-index:0;grid-template-rows:repeat(2,max-content);grid-template-columns:repeat(3,max-content);padding-inline-start:calc(var(--side-panel-inner-p) + var(--item-button-img-b-w));display:grid;position:absolute;&>li{width:var(--side-panel-eq-button-size);height:var(--side-panel-eq-button-size);&>*{margin:var(--item-button-img-b-w);background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--side-panel-eq-button-size) - 6px);height:calc(var(--side-panel-eq-button-size) - 6px);&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){width:var(--side-panel-eq-button-size);height:var(--side-panel-eq-button-size);&>*{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}&:nth-child(7){--un-translate-y:calc(calc(50% - var(--item-button-img-b-w)) * -1);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:var(--side-panel-inner-p);position:absolute;top:50%;&>button{border-radius:50%;&>img{border-radius:inherit}}}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}}&>img{width:var(--side-panel-eq-button-size);height:var(--side-panel-eq-button-size);--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:var(--side-panel-inner-p);position:absolute;top:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&>div{margin:var(--item-button-img-b-w);background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--side-panel-eq-button-size) - 6px);height:calc(var(--side-panel-eq-button-size) - 6px);cursor:not-allowed;--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:var(--side-panel-inner-p);display:none;position:absolute;top:50%;&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&:before{content:"";--un-brightness:brightness(80%);width:100%;height:100%;filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/minimap/pings/need_ward_gray.png);background-position:50%;background-repeat:no-repeat;background-size:60%;display:block}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>div{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}}&[data-pinned],&:hover,&:has(li>button:focus-visible){&>div{&>img{display:none}&>div{display:block}}}}& #item-shop-panel-boots,& #item-shop-panel-eq{&>h2{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>.pin-button{opacity:0;--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-20%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);z-index:10;position:absolute;&:hover img,&:focus-visible img{--txt-uv-start-x:var(--txt-slcHover-uv-start-x)!important;--txt-uv-start-y:var(--txt-slcHover-uv-start-y)!important}&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&>.icon.caret{background-color:color-mix(in srgb, var(--colors-cyan-400) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * 1);position:absolute;top:50%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>.icon.caret{background-color:color-mix(in oklab, var(--colors-cyan-400) var(--un-bg-opacity), transparent) }}&[data-pinned],&:hover,&:focus-within{&>.pin-button{opacity:1}}&[data-pinned],&:hover,&:has(li>button:focus-visible){padding-inline-start:calc(var(--spacing) * 4);&>.icon.caret{display:none}&>div{width:auto;overflow:visible;& ul{width:auto;position:static}}}}& .item-shop-item-btn{margin:calc(calc(var(--spacing) * 1) * -1);padding:var(--p);--p:calc(1 * var(--spacing));direction:ltr;&>span:first-child{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>span:last-of-type{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);--un-font-weight:500;padding-top:calc(var(--spacing) * .5);text-align:center;font-weight:500;display:block}@property --un-leading{syntax:"*";inherits:false}&:hover,&:focus-visible{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) 10%, transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:hover,&:focus-visible{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) 10%, transparent) }}&.selected{background-image:linear-gradient(#0000,oklch(70.7% .165 254.624/.1));box-shadow:0 0 0 1px oklch(70.7% .165 254.624)}}& .item-shop-item-btn>img,& .item-shop-item-img{--size:calc(var(--item-img-size) - 2 * var(--item-button-img-b-w));font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));margin:var(--item-button-img-b-w);text-align:center;width:var(--size);height:var(--size);min-width:var(--size);overflow-wrap:break-word}& #item-shop-panel-eq>div>ul>li>*,& #item-shop-panel-eq>div>div,& .item-shop-item-btn img,& .item-shop-item-img{box-shadow:0 0 0 2px var(--inner-border,oklch(43.9% 0 0)), 0 0 0 var(--item-button-img-b-w) black}& #item-shop-builds-into-list>li>button[popovertarget]:is(:hover,:focus-visible,:has(+[popover]:popover-open)),& #builds-into-more-list>li>button:is(:hover,:focus-visible),& #item-shop-panel-eq>div>ul>li>button:is(:hover,:focus-visible,.selected),& .item-shop-item-btn:is(:hover,:focus-visible,.selected) img,& #item-shop-search-listbox>li:is(:hover,:focus-visible,.selected) img,& .item-shop-item-img:hover{--inner-border:white}& #item-shop-builds-into-list{&>li{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:var(--item-img-size);height:var(--item-img-size);&>button{width:100%;height:100%;&:disabled,&[popovertarget]{margin:var(--item-button-img-b-w);width:var(--item-img-borderless-size);height:var(--item-img-borderless-size);box-shadow:0 0 0 2px var(--inner-border,oklch(43.9% 0 0)), 0 0 0 var(--item-button-img-b-w) black}&[popovertarget]:is(:hover,:focus-visible),&[popovertarget]:has(+[popover]:popover-open){background-image:linear-gradient(#0000,#fff3)}}&:last-child{anchor-name:--last-builds-into-button;position:relative}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>li{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}}& #builds-into-more-list{padding-block:calc(var(--spacing) * 1);max-width:100vw;height:max-content;max-height:60vh;width:calc(var(--spacing) * 66);z-index:10;position-anchor:--last-builds-into-button;inset-block-start:calc(anchor(bottom) + 2px);inset-inline-end:anchor(right);overflow-y:auto;&>li{&>button{padding-block:var(--py);padding-inline:var(--px);text-align:start;gap:calc(var(--spacing) * 2);--px:calc(var(--spacing) * 5);--py:calc(var(--spacing) * 2);align-items:center;width:100%;display:flex;&[data-bought]{background-color:color-mix(in srgb, var(--colors-black) 20%, transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&[data-bought]{background-color:color-mix(in oklab, var(--colors-black) 20%, transparent) }}&>span{--un-font-weight:500;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}}&>button:hover{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent) }@supports (color:color-mix(in lab, red, red)){&>button:hover{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent) }}&>button:focus-visible{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent) }@supports (color:color-mix(in lab, red, red)){&>button:focus-visible{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent) }}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}}& #item-shop-hover-tooltip{padding:calc(var(--spacing) * 2);width:var(--width);--width:36rem;position:fixed;inset-block-start:clamp(0px, var(--top), calc(100vh - min(100vh, var(--height))));inset-inline-start:clamp(0px, var(--left), calc(100vw - min(100vw, var(--width))))}& #item-shop-search-listbox>li,& #builds-into-more-list>li>button,& #item-shop-builds-into-list>li>button,& .item-shop-item-btn{position:relative;&>.sr-status{color:#0000;--un-tracking:-1em;letter-spacing:-1em;width:calc(.6 * var(--item-img-size));height:calc(.6 * var(--item-img-size));pointer-events:none;--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;inset-inline-start:calc(var(--check-icon-start,0px) + .5 * var(--item-img-size));top:calc(var(--check-icon-top,0px) + .5 * var(--item-img-size));z-index:2;display:block;position:absolute}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}& :is(#item-shop-search-listbox>li,#builds-into-more-list>li>button,#item-shop-builds-into-list>li>button,.item-shop-item-btn):where([data-bought],[data-buyability="0"],[data-buyability="-1"])>img,& #item-shop-build-path ul .item-shop-item-btn[data-bought]>img,& #item-shop-build-path .item-shop-item-btn[data-bought]+ul .item-shop-item-btn>img{--un-brightness:brightness(60%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}& :is(#item-shop-search-listbox>li,#builds-into-more-list>li>button,#item-shop-builds-into-list>li>button,.item-shop-item-btn)[data-bought][data-legendary]>.sr-status,& #item-shop-build-path ul .item-shop-item-btn[data-bought]>.sr-status,& #item-shop-build-path .item-shop-item-btn[data-bought]+ul .item-shop-item-btn>.sr-status{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3C!-- Icon from Phosphor by Phosphor Icons - https://github.com/phosphor-icons/core/blob/main/LICENSE --%3E%3Cg%3E%3Cpath fill='oklch(78.9%25 0.154 211.53)' d='m237.66 85.26l-128.4 128.4a8 8 0 0 1-11.32 0l-71.6-72a8 8 0 0 1 0-11.31l24-24a8 8 0 0 1 11.32 0L104 147.43l98.34-97.09a8 8 0 0 1 11.32 0l24 23.6a8 8 0 0 1 0 11.32'/%3E%3Cpath fill='%23000' d='m243.28 68.24l-24-23.56a16 16 0 0 0-22.59 0L104 136.23l-36.69-35.6a16 16 0 0 0-22.58.05l-24 24a16 16 0 0 0 0 22.61l71.62 72a16 16 0 0 0 22.63 0L243.33 90.91a16 16 0 0 0-.05-22.67M103.62 208L32 136l24-24a.6.6 0 0 1 .08.08l42.35 41.09a8 8 0 0 0 11.19 0L208.06 56L232 79.6Z'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}& .item-shop-item-btn{--check-icon-start:var(--p);--check-icon-top:var(--p)}& #builds-into-more-list>li>button{--check-icon-start:var(--px);--check-icon-top:var(--py)}:is(#builds-into-more-list>li>button,#item-shop-builds-into-list>li>button,.item-shop-item-btn):where(&[data-bought],&[data-buyability="0"],&[data-buyability="-1"]),& #item-shop-search-listbox>li:where([data-bought],[data-buyability="0"],[data-buyability="-1"])>span:last-of-type{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){:is(#builds-into-more-list>li>button,#item-shop-builds-into-list>li>button,.item-shop-item-btn):where(&[data-bought],&[data-buyability="0"],&[data-buyability="-1"]),& #item-shop-search-listbox>li:where([data-bought],[data-buyability="0"],[data-buyability="-1"])>span:last-of-type{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}& :where(#builds-into-more-list>li>button[data-buyability="-1"]),& :where(.item-shop-item-btn[data-buyability="-1"]>span:last-of-type){position:relative;&:before{border-width:2px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);content:"";--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);box-shadow:0 2px var(--item-button-img-b-w) 2px #00000073;border-radius:50%;position:absolute}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){position:relative;&:before{background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent) }}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}&:after{background-color:color-mix(in srgb, var(--colors-amber-100) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);content:"";--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-saturate:saturate(60%);mask:var(--lock-icon-url) center / 100% 100% no-repeat;position:absolute}@supports (color:color-mix(in lab, red, red)){&:after{background-color:color-mix(in oklab, var(--colors-amber-100) var(--un-bg-opacity), transparent) }}}& .item-shop-item-btn[data-buyability="-1"]{&>span:last-of-type{color:#0000;--un-tracking:-1em;letter-spacing:-1em;&:before{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;bottom:calc(calc(var(--spacing) * .25) * -1)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:after{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;bottom:calc(var(--spacing) * .5)}}}& #builds-into-more-list>li>button[data-buyability="-1"]{--lock-inline-start:calc(var(--px) + .5 * (var(--item-img-size) + var(--item-button-img-b-w)));&:before{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:var(--lock-inline-start);bottom:var(--py);z-index:1}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:after{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:var(--lock-inline-start);bottom:calc(var(--py) + .75 * var(--spacing));z-index:1}}& #builds-into-more-list>li>button[data-buyability="-1"]:where(:hover,:focus-visible),& .item-shop-item-btn[data-buyability="-1"]:where(:hover,:focus-visible)>span:last-of-type{&:before{--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}&:after{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;--un-brightness:brightness(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-saturate:saturate(100%)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:after{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}}&>section{&:nth-of-type(3){flex-direction:column;grid-area:builds-into;display:flex;&>button{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));color:color-mix(in srgb, var(--colors-cyan-300) var(--un-text-opacity), transparent) ;--un-font-weight:600;padding-block:calc(var(--spacing) * .5);border-width:2px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-cyan-900) var(--un-bg-opacity), transparent) ;text-transform:uppercase;order:4;font-weight:600}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>button{color:color-mix(in oklab, var(--colors-cyan-300) var(--un-text-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-cyan-900) var(--un-bg-opacity), transparent) }}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>button:hover{background-color:color-mix(in srgb, var(--colors-cyan-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&>button:hover{background-color:color-mix(in oklab, var(--colors-cyan-800) var(--un-bg-opacity), transparent) }}&>button:focus-visible{background-color:color-mix(in srgb, var(--colors-cyan-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&>button:focus-visible{background-color:color-mix(in oklab, var(--colors-cyan-800) var(--un-bg-opacity), transparent) }}}}&>footer{padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);border-top-width:1px;border-color:color-mix(in srgb, var(--colors-neutral-500) var(--un-border-opacity), transparent) ;grid-area:footer;align-items:center;display:flex;&>button{color:color-mix(in srgb, var(--colors-amber-100) var(--un-text-opacity), transparent) ;--un-font-weight:500;padding-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 2);text-align:center;border-width:2px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:calc(var(--spacing) * 24);text-transform:uppercase;font-weight:500;&:first-of-type{background-color:color-mix(in srgb, var(--colors-yellow-950) var(--un-bg-opacity), transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb,var(--colors-amber-100) var(--un-text-opacity),transparent) ;--un-font-weight:500;padding-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 2);text-align:center;border-width:2px;border-color:color-mix(in oklab,var(--ui-button-border-clr) var(--un-border-opacity),transparent) ;width:calc(var(--spacing) * 24);text-transform:uppercase;font-weight:500;&:first-of-type{background-color:color-mix(in oklab, var(--colors-yellow-950) var(--un-bg-opacity), transparent) }}color:color-mix(in srgb:hover,var(--colors-amber-100) var(--un-text-opacity):hover,transparent) ;--un-font-weight:500;padding-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 2);text-align:center;border-width:2px;border-color:color-mix(in oklab:hover,var(--ui-button-border-clr) var(--un-border-opacity):hover,transparent) ;width:calc(var(--spacing) * 24);text-transform:uppercase;font-weight:500;&:first-of-type:hover{background-color:color-mix(in srgb, var(--colors-yellow-900) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb:hover,var(--colors-amber-100) var(--un-text-opacity):hover,transparent) ;--un-font-weight:500;padding-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 2);text-align:center;border-width:2px;border-color:color-mix(in oklab:hover,var(--ui-button-border-clr) var(--un-border-opacity):hover,transparent) ;width:calc(var(--spacing) * 24);text-transform:uppercase;font-weight:500;&:first-of-type:hover{background-color:color-mix(in oklab, var(--colors-yellow-900) var(--un-bg-opacity), transparent) }}color:color-mix(in srgb:focus-visible,var(--colors-amber-100) var(--un-text-opacity):focus-visible,transparent) ;--un-font-weight:500;padding-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 2);text-align:center;border-width:2px;border-color:color-mix(in oklab:focus-visible,var(--ui-button-border-clr) var(--un-border-opacity):focus-visible,transparent) ;width:calc(var(--spacing) * 24);text-transform:uppercase;font-weight:500;&:first-of-type:focus-visible{background-color:color-mix(in srgb, var(--colors-yellow-900) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb:focus-visible,var(--colors-amber-100) var(--un-text-opacity):focus-visible,transparent) ;--un-font-weight:500;padding-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 2);text-align:center;border-width:2px;border-color:color-mix(in oklab:focus-visible,var(--ui-button-border-clr) var(--un-border-opacity):focus-visible,transparent) ;width:calc(var(--spacing) * 24);text-transform:uppercase;font-weight:500;&:first-of-type:focus-visible{background-color:color-mix(in oklab, var(--colors-yellow-900) var(--un-bg-opacity), transparent) }}&:nth-of-type(2){background-color:color-mix(in oklab, var(--placeholder-champion-bg-clr) var(--un-bg-opacity), transparent) ;margin-inline-start:calc(var(--spacing) * 2.5);margin-inline-end:calc(var(--spacing) * 5)}&:nth-of-type(2):hover{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:nth-of-type(2):hover{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}&:nth-of-type(2):focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:nth-of-type(2):focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>button{color:color-mix(in oklab, var(--colors-amber-100) var(--un-text-opacity), transparent) }}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>p{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) ;--un-font-weight:500;align-items:center;font-weight:500;display:flex;&>img{height:calc(var(--spacing) * 3.5);vertical-align:-.0625em;width:auto;display:inline-block}&>span{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));color:color-mix(in srgb, var(--colors-amber-200) var(--un-text-opacity), transparent) ;--un-font-weight:500;margin-inline:calc(var(--spacing) * 1.5);font-weight:500}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>span{color:color-mix(in oklab, var(--colors-amber-200) var(--un-text-opacity), transparent) }}}@supports (color:color-mix(in lab, red, red)){&>p{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>footer{border-color:color-mix(in oklab, var(--colors-neutral-500) var(--un-border-opacity), transparent) }}&>section:nth-of-type(3)>button,&>footer>button{&:disabled{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in srgb, var(--colors-neutral-500) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:disabled{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) ;border-color:color-mix(in oklab, var(--colors-neutral-500) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:disabled:hover{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:disabled:hover{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}&:disabled:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:disabled:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}}}#scoreboard>div>ul:first-of-type>[data-scoreboard-item]{border-inline-start:.25rem solid var(--damage-source-clr)}#scoreboard>div>ul:nth-of-type(2)>[data-scoreboard-item]{--bg-direction:270deg;border-inline-end:.25rem solid var(--damage-source-clr)}#scoreboard>div>ul>[data-scoreboard-item]{padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);grid-auto-columns:max-content;grid-auto-flow:column;grid-template-rows:var(--non-expanded-row-height) var(--non-expanded-row-height) minmax(0, 0fr);--select-champion-size:calc(var(--spacing) * 14);--non-expanded-row-height:calc(var(--select-champion-size) / 2);--transition-duration:.15s;--ability-size-passive:calc(var(--spacing) * 10);--ability-size:calc(var(--spacing) * 14);--ability-level-button-indicator-size:calc(2 * var(--spacing));--ability-level-button-py:calc(1 * var(--spacing));--ability-level-buttons-size:calc(var(--ability-level-button-indicator-size) + 2 * var(--ability-level-button-py));--abilities-gap:calc(var(--spacing) * 2);--abilities-width:calc(4 * var(--ability-size) + var(--ability-size-passive) + 4 * var(--abilities-gap));--abilities-height:calc(var(--ability-size) + var(--ability-level-buttons-size));--soul-size:calc(10 * var(--spacing));--stack-size:calc(8 * var(--spacing));--soul-rotation-size-diff:calc((var(--soul-size) * sqrt(2) - var(--soul-size)) / 2);transition-duration:var(--transition-duration);anchor-scope:all;background-image:linear-gradient(var(--bg-direction,90deg), oklch(from var(--damage-source-clr) l c h / .08), oklch(from var(--damage-source-clr) l c h / .08));grid-template-columns:repeat(5,max-content) 1fr max-content;grid-template-areas:"move-up move-column select-champion select-runes select-items items clear""move-down duplicate select-champion select-runes select-items items expand""expanded expanded expanded expanded expanded expanded expanded";transition-property:grid-template-rows;transition-timing-function:ease-in-out;display:grid;position:relative;overflow:hidden;&.highlighted{background-image:linear-gradient(var(--bg-direction,90deg), oklch(from var(--damage-source-clr) calc(l * 1.15) c h / .35) 0%, oklch(from var(--damage-source-clr) calc(l * 1.15) c h / .15) 12.5%, oklch(from var(--damage-source-clr) calc(l * 1.15) c h / .15) 100%)}&:has(>details[open]){grid-template-rows:var(--non-expanded-row-height) var(--non-expanded-row-height) minmax(0, 1fr);&>button:last-of-type{rotate:180deg}}&>h3{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>button{&:first-of-type{margin-bottom:calc(var(--spacing) * .5);grid-area:move-up;align-self:flex-end;margin-inline-end:calc(var(--spacing) * .5)}&:nth-of-type(2){margin-top:calc(var(--spacing) * .5);grid-area:move-down;align-self:flex-start;margin-inline-end:calc(var(--spacing) * .5)}&:nth-of-type(3){margin-bottom:calc(var(--spacing) * .5);grid-area:move-column;align-self:flex-end;margin-inline-start:calc(var(--spacing) * .5)}&:nth-of-type(4){margin-top:calc(var(--spacing) * .5);grid-area:duplicate;align-self:flex-start;margin-inline-start:calc(var(--spacing) * .5)}&:nth-last-of-type(3){font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);--un-font-weight:600;text-align:center;background-color:color-mix(in srgb, var(--colors-black) 20%, transparent) ;inset:calc(var(--spacing) * 0);z-index:10;--un-backdrop-blur:blur(2px);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);-webkit-text-stroke:black .15em;paint-order:stroke fill;place-items:center;font-weight:600;display:grid;position:absolute;&:before{--un-outline-style:auto;height:calc(var(--spacing) * 7);content:"";--un-translate-x:-50%;width:4.5em;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;inset-inline-start:50%;outline-style:auto;position:absolute;top:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&:nth-last-of-type(3):focus-visible{--un-outline-style:none;outline-style:none}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:nth-last-of-type(3){background-color:color-mix(in oklab, var(--colors-black) 20%, transparent) }}@property --un-backdrop-blur{syntax:"*";inherits:false}@property --un-backdrop-brightness{syntax:"*";inherits:false}@property --un-backdrop-contrast{syntax:"*";inherits:false}@property --un-backdrop-grayscale{syntax:"*";inherits:false}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false}@property --un-backdrop-invert{syntax:"*";inherits:false}@property --un-backdrop-opacity{syntax:"*";inherits:false}@property --un-backdrop-saturate{syntax:"*";inherits:false}@property --un-backdrop-sepia{syntax:"*";inherits:false}&:nth-last-of-type(2){margin-bottom:calc(var(--spacing) * .5);grid-area:clear;align-self:flex-end;&:not(:disabled){&:hover,&:focus-visible{&>.icon{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>.icon{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}}}&:not(:disabled):hover{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:not(:disabled):hover{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) }}&:not(:disabled):focus-visible{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) }}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}&:last-of-type{margin-top:calc(var(--spacing) * .5);grid-area:expand;align-self:flex-start}&:nth-of-type(-n+4),&:nth-last-of-type(-n+2){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);place-items:center;display:grid;& .icon{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}}&>[data-select-champion]{margin-inline:calc(var(--spacing) * 3);width:var(--select-champion-size);height:var(--select-champion-size);grid-area:select-champion;position:relative;&>button{border-width:2px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;border-radius:3.40282e38px;width:100%;height:100%;overflow:hidden;& img{margin-inline-start:-7.5%;width:115%;max-width:none;height:115%;margin-top:-7.5%}&:hover,&:focus-visible{& img{--un-brightness:brightness(var(--focus-brightness));filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>[data-select-champion-level]{inset-inline-end:var(--inset-end);bottom:calc(calc(var(--spacing) * .5) * -1);--inset-end:calc(-.5 * var(--spacing));position:absolute;&>select{border-radius:3.40282e38px}&>label>span:last-child{font-size:var(--text-sm-fontSize);color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;text-align:center;border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);border-radius:3.40282e38px;place-items:center;line-height:1rem;display:grid}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>label>span:last-child{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}}&>[data-select-runes]{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);--secondary-path-icon-size:calc(3 * var(--spacing));--secondary-path-inset-end:calc(-.5 * var(--spacing));background-color:var(--placeholder-champion-bg-clr);border-radius:3.40282e38px;grid-area:select-runes;align-self:center;place-items:center;display:grid;position:relative;& [data-secondary-path-icon]{width:var(--secondary-path-icon-size);height:var(--secondary-path-icon-size);inset-inline-end:var(--secondary-path-inset-end);bottom:calc(calc(var(--spacing) * .5) * -1);z-index:11;display:block;position:absolute}&:has([data-secondary-path-icon]):before{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:inherit;width:calc(var(--secondary-path-icon-size) + var(--spacing));height:calc(var(--secondary-path-icon-size) + var(--spacing));content:"";--un-translate-x:calc(var(--spacing) * .5);translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:calc(var(--spacing) * .5);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:var(--secondary-path-inset-end);bottom:calc(calc(var(--spacing) * .5) * -1);z-index:10;border-radius:3.40282e38px;position:absolute}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>[data-select-runes]:hover{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&>[data-select-runes]:hover{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}&>[data-select-runes]:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&>[data-select-runes]:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>[data-select-items]{margin-inline:calc(var(--spacing) * 2);border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;height:calc(var(--spacing) * 8);white-space:nowrap;background-color:var(--placeholder-champion-bg-clr);border-radius:3.40282e38px;grid-area:select-items;align-self:center;width:max-content;padding-inline-start:calc(var(--spacing) * 2.5);padding-inline-end:calc(var(--spacing) * 2);position:relative;& img{margin-top:calc(calc(var(--spacing) * .5) * -1);vertical-align:middle;display:inline-block}}&>[data-select-items]:hover{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&>[data-select-items]:hover{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}&>[data-select-items]:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&>[data-select-items]:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}&>ul{gap:calc(var(--spacing) * .5);height:var(--item-size);anchor-name:--scoreboard-item-items;--item-size:calc(8 * var(--spacing));--me:calc(3 * var(--spacing));grid-area:items;align-self:center;width:min-content;margin-inline-end:var(--me);display:flex;position:relative;&>li{&>*{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:var(--item-size);height:var(--item-size);cursor:default;display:inline-block;&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>img{-webkit-border-radius:inherit;border-radius:inherit}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>*{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}&:last-child>*{margin:calc(var(--spacing) * .5);width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);border-radius:50%}}&:not([data-role-quest=bot]){margin-inline-end:calc(var(--item-size) + var(--me));&>li:last-child{display:none}}&[data-drop-buyability]{&>li{opacity:.5}&:before{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent) ;content:"";inset:calc(var(--spacing) * 0);z-index:10;position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:before{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent) }}&:after{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5);content:"";--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;inset-inline-start:50%;position:absolute;top:50%;mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M228 128a12 12 0 0 1-12 12h-76v76a12 12 0 0 1-24 0v-76H40a12 12 0 0 1 0-24h76V40a12 12 0 0 1 24 0v76h76a12 12 0 0 1 12 12'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@supports (color:color-mix(in lab, red, red)){&:after{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:not([data-drop-buyability="1"]){&:before{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) 25%, transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:before{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) 25%, transparent) }}&:after{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);--un-font-weight:600;width:auto;height:auto;mask:unset;-webkit-text-stroke:black .15em;paint-order:stroke fill;background-color:#0000;font-weight:600}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:after{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}}&[data-drop-buyability="-1"]:after{content:"INVALID"}&[data-drop-buyability="0"]:after{content:"FULL"}}}& .hover-tooltip.champion-item{position-anchor:--scoreboard-item-items;inset-block-start:calc(anchor(end) + 4 * var(--spacing))}&>details{grid-area:expanded;position:relative;&::details-content{margin-top:calc(calc(var(--spacing) * 6) * -1);padding-top:calc(var(--spacing) * 4);grid-template:"stats abilities abilities""stats resources resources""stats role-quest dragons"1fr/auto 1fr auto;display:grid}& [data-loading]{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading,var(--text-2xl-lineHeight));--un-font-weight:600;padding-top:calc(var(--spacing) * 10);text-align:center;inset:calc(calc(var(--spacing) * 1) * -1);top:calc(var(--spacing) * 1);z-index:10;--un-backdrop-blur:blur(2px);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);-webkit-text-stroke:black .1em;paint-order:stroke fill;font-weight:600;display:none;position:absolute}@property --un-backdrop-blur{syntax:"*";inherits:false}@property --un-backdrop-brightness{syntax:"*";inherits:false}@property --un-backdrop-contrast{syntax:"*";inherits:false}@property --un-backdrop-grayscale{syntax:"*";inherits:false}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false}@property --un-backdrop-invert{syntax:"*";inherits:false}@property --un-backdrop-opacity{syntax:"*";inherits:false}@property --un-backdrop-saturate{syntax:"*";inherits:false}@property --un-backdrop-sepia{syntax:"*";inherits:false}&[aria-busy=true]>[data-loading]{display:block}&>summary{visibility:hidden;pointer-events:none;list-style-type:none}&>section{height:min-content}&>[data-runes-stats],&>[data-abilities],&>[data-health-ability-resource]{&>h4{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}&>[data-runes-stats]{anchor-name:--scoreboard-item-runes-stats;grid-area:stats;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:".minor-stats""runes major-stats";display:grid;&>dl{padding:calc(var(--spacing) * .5);border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-cyan-950) var(--un-bg-opacity), transparent) ;white-space:nowrap;grid-template-rows:repeat(4,1.5rem);grid-template-columns:1.25rem 5rem 1.25rem 5rem;align-items:center;width:fit-content;display:grid;&:first-of-type{border-inline-end-width:0;grid-area:runes;align-self:flex-end;position:relative;&:has(>.coming-soon-cover):before{background-color:color-mix(in srgb, var(--colors-neutral-950) 30%, transparent) ;content:"";inset-inline-start:50%;inset-inline-end:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);position:absolute;bottom:50%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:has(>.coming-soon-cover):before{background-color:color-mix(in oklab, var(--colors-neutral-950) 30%, transparent) }}&>dt:first-of-type{grid-area:1/1}&>dd:first-of-type{grid-area:1/2}&>dt:nth-of-type(2){grid-area:2/1}&>dd:nth-of-type(2){grid-area:2/2}&>dt:nth-of-type(3){grid-area:3/1}&>dd:nth-of-type(3){grid-area:3/2}&>dt:nth-of-type(4){grid-area:4/1}&>dd:nth-of-type(4){grid-area:4/2}&>dt:nth-of-type(5){grid-area:1/3}&>dd:nth-of-type(5){grid-area:1/4}&>dt:nth-of-type(6){grid-area:2/3}&>dd:nth-of-type(6){grid-area:2/4}&>dt:nth-of-type(7){grid-area:3/3}&>dd:nth-of-type(7){grid-area:3/4}&>dt:has(>span:last-child){&:before{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5);content:"";border-radius:3.40282e38px;display:block}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:before{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}}}&:nth-of-type(2){border-bottom-width:0;grid-area:minor-stats}&:nth-of-type(3){grid-area:major-stats}&>dt{padding-block:calc(var(--spacing) * .5);padding-inline-start:calc(var(--spacing) * .5);&>:first-child{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}&>dd{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * .5);width:max-content;height:100%;padding-inline-start:calc(var(--spacing) * 1.5);padding-inline-end:calc(var(--spacing) * .5);&[data-has-bonus]{color:color-mix(in srgb, var(--colors-yellow-200) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * .5);width:max-content;height:100%;padding-inline-start:calc(var(--spacing) * 1.5);padding-inline-end:calc(var(--spacing) * .5);&[data-has-bonus]{color:color-mix(in oklab, var(--colors-yellow-200) var(--un-text-opacity), transparent) }}}@property --un-leading{syntax:"*";inherits:false}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>dl{background-color:color-mix(in oklab, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }}& .hover-tooltip.champion-rune,& .hover-tooltip.champion-stat{max-width:calc(var(--spacing) * 156);position-anchor:--scoreboard-item-runes-stats;position-try:flip-block;top:calc(anchor(bottom) - 1px);justify-self:anchor-center}& .hover-tooltip.champion-rune{& .game-description{& rules{font-style:italic}}}& .hover-tooltip.champion-stat{& dl{--un-leading:calc(var(--spacing) * 5.5);line-height:calc(var(--spacing) * 5.5);& dt,& dd{display:inline}& dd{margin-inline-start:.5ch}}@property --un-leading{syntax:"*";inherits:false}& [data-total],& [data-base]{color:color-mix(in srgb, var(--colors-cyan-300) var(--un-text-opacity), transparent) ;--un-font-weight:500;font-weight:500}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& [data-total],& [data-base]{color:color-mix(in oklab, var(--colors-cyan-300) var(--un-text-opacity), transparent) }}& [data-bonus]{color:color-mix(in oklab, #0f0 var(--un-text-opacity), transparent) ;--un-font-weight:500;font-weight:500}& [data-has-bonus]{& [data-total]{color:color-mix(in oklab, #0f0 var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}& p:last-child{margin-top:calc(var(--spacing) * 1)}}}&>[data-abilities]{column-gap:var(--abilities-gap);anchor-name:--scoreboard-item-abilities;width:var(--abilities-width);height:var(--abilities-height);grid-area:abilities;display:flex;position:relative;& [data-passive],& [data-q],& [data-w],& [data-e],& [data-r]{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:var(--ability-size);height:var(--ability-size);position:relative;&>h5{--un-leading:1;pointer-events:none;--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:33.3333%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);z-index:1;-webkit-text-stroke:black .1em;paint-order:stroke fill;line-height:1;position:absolute}@property --un-leading{syntax:"*";inherits:false}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}details[data-empty] & [data-passive]{border-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-border-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){details[data-empty] & [data-passive]{border-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-border-opacity), transparent) }}& [data-q],& [data-w],& [data-e],& [data-r]{margin-bottom:calc(var(--ability-level-button-indicator-size) + 2 * var(--ability-level-button-py));&[data-level="0"],&:not([data-level]){border-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-border-opacity), transparent) ;& img{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-grayscale:grayscale(70%)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){margin-bottom:calc(var(--ability-level-button-indicator-size) + 2 * var(--ability-level-button-py));&[data-level="0"],&:not([data-level]){border-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-border-opacity), transparent) }}&>[role=radiogroup]{justify-content:center;display:flex;&>button{padding-block:var(--ability-level-button-py);padding-inline:calc(var(--spacing) * .25);&:before{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:var(--ability-level-button-indicator-size);height:var(--ability-level-button-indicator-size);content:"";border-radius:3.40282e38px;margin-inline:auto;display:block}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){padding-block:var(--ability-level-button-py);padding-inline:calc(var(--spacing) * .25);&:before{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}&[aria-checked=true]:before,&:has(~[aria-checked=true]):before{background-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-bg-opacity), transparent) }&:has(~:hover):before,&:has(~:focus-visible):before{background-color:color-mix(in srgb, var(--colors-white) 50%, transparent) }@supports (color:color-mix(in lab, red, red)){&:has(~:hover):before,&:has(~:focus-visible):before{background-color:color-mix(in oklab, var(--colors-white) 50%, transparent) }}&:hover~:before,&:focus-visible~:before{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:hover~:before,&:focus-visible~:before{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}&:hover:before,&:focus-visible:before{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:hover:before,&:focus-visible:before{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}}& [data-loading]{grid-area:1/1/span 1/-1;place-items:center;display:grid}& [data-passive]{width:var(--ability-size-passive);height:var(--ability-size-passive);&>h5{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}& .hover-tooltip.champion-ability{position-anchor:--scoreboard-item-abilities}}&[data-ability-tooltip-extras]>[data-abilities]>.hover-tooltip.champion-ability{position-anchor:--scoreboard-item-extras;inset-block-start:auto;inset-block-end:calc(anchor(top) + 1px)}&>[data-health-ability-resource]{padding-top:calc(var(--spacing) * 1.375);grid-area:resources;& [data-current-health],& [data-current-ability-resource]{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;justify-content:center;align-items:center;column-gap:calc(var(--spacing) * 2);height:calc(var(--spacing) * 6);white-space:nowrap;display:flex;position:relative;&:before{background-color:color-mix(in oklab, var(--fill-bg) var(--un-bg-opacity), transparent) ;content:"";transform-origin:0;--un-scale-x:var(--fill-percentage,0);scale:var(--un-scale-x) var(--un-scale-y);inset:calc(var(--spacing) * 0);z-index:0;display:block;position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1}&>label{z-index:1;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>span{pointer-events:none;user-select:none;z-index:1}&>input{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent) ;--un-leading:1;padding-inline:calc(var(--spacing) * 1);text-align:center;background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 12);z-index:1;appearance:textfield;line-height:1;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>input{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) }}@property --un-leading{syntax:"*";inherits:false}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){& [data-current-health],& [data-current-ability-resource]{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}& [data-current-health]{--fill-bg:oklch(72.3% .219 149.579)}& [data-current-ability-resource]{--fill-bg:oklch(62.3% .214 259.815)}}&>[data-role-quest]{padding-block:calc(.5 * (var(--soul-size) - var(--stack-size)) + var(--soul-rotation-size-diff));anchor-name:--scoreboard-item-role-quest;grid-area:role-quest;position:relative;&>.v-select{&>select{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);border-radius:3.40282e38px}&>select:focus-visible+label{outline:none;&:before{outline:auto}}&>label{gap:calc(var(--spacing) * 1);align-items:center;width:fit-content;display:flex;position:relative;&:before{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);content:"";border-radius:3.40282e38px}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){gap:calc(var(--spacing) * 1);align-items:center;width:fit-content;display:flex;position:relative;&:before{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}&>img{&:first-of-type{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);inset-inline-start:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);border-radius:3.40282e38px;position:absolute}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:nth-of-type(2){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}}}}& .hover-tooltip.role-quest{justify-self:anchor-center;position-anchor:--scoreboard-item-role-quest;top:calc(anchor(bottom));&>h5:first-letter{text-transform:capitalize}&>ul{list-style-type:disc;&>li{margin-inline-start:calc(var(--spacing) * 4)}}}}&>[data-dragons]{justify-content:center;align-items:center;gap:var(--gap);--gap:calc(2 * var(--spacing));anchor-name:--scoreboard-item-dragons;grid-area:dragons;align-items:center;height:max-content;margin-inline:auto;display:flex;position:relative;&:before{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;height:calc(var(--stack-size) * .2);content:"";--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--stack-size) / 2);inset-inline-end:calc(var(--soul-size) + 2 * var(--soul-rotation-size-diff) + var(--gap) + var(--stack-size) / 2);position:absolute;top:50%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:before{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&>[data-dragon-stack]{&>select{border-radius:3.40282e38px}&>label{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:var(--stack-size);height:var(--stack-size);border-radius:3.40282e38px;place-items:center;display:grid;overflow:hidden}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>label{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}}&>[data-dragon-soul]{margin:var(--soul-rotation-size-diff);&>select{width:100%;height:100%;rotate:45deg}&>label{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:var(--soul-size);height:var(--soul-size);place-items:center;display:grid;overflow:hidden;rotate:45deg;&>div{--un-translate-x:calc(calc(var(--soul-rotation-size-diff) / 4) * -1);--un-translate-y:calc(calc(var(--soul-rotation-size-diff) / 4) * -1);translate:var(--un-translate-x) var(--un-translate-y);rotate:-45deg}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>label{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}}&>[data-dragon-stack],&>[data-dragon-soul]{&>:last-child{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;outline-style:var(--un-outline-style);outline-width:2px;outline-color:color-mix(in srgb, var(--colors-red-600) var(--un-outline-opacity), transparent) ;outline-offset:1px;background-color:color-mix(in srgb, var(--colors-red-600) var(--un-bg-opacity), transparent) ;inset-inline-end:calc(calc(var(--spacing) * 0) * -1);top:calc(calc(var(--spacing) * 0) * -1);z-index:1;border-radius:3.40282e38px;place-items:center;display:grid;position:absolute;&>span{&:first-child{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&:nth-child(2){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>:last-child{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) ;outline-color:color-mix(in oklab, var(--colors-red-600) var(--un-outline-opacity), transparent) ;background-color:color-mix(in oklab, var(--colors-red-600) var(--un-bg-opacity), transparent) }}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}& .dragon-thing.hover-tooltip{white-space:nowrap;width:fit-content;max-width:100vw;top:calc(anchor(bottom));position-anchor:--scoreboard-item-dragons;position:fixed}}&>[data-role-quest],&>[data-dragons]{align-self:center;&>h4{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) ;--un-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3);--un-font-weight:500;text-transform:uppercase;inset-inline-start:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);font-weight:500;position:absolute}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){align-self:center;&>h4{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) }}@property --un-leading{syntax:"*";inherits:false}}&>[data-extras]{anchor-name:--scoreboard-item-extras;flex-wrap:wrap;grid-column:1/-1;display:flex;&>article{padding:calc(var(--spacing) * 2);border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;border-radius:var(--radius-md);background-color:color-mix(in oklab, var(--placeholder-champion-bg-clr) var(--un-bg-opacity), transparent) ;width:fit-content}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}}}#scoreboard{&>#scoreboard-header{text-align:center;margin-inline:auto}&>label{white-space:nowrap;width:min-content;margin-inline:auto;display:block}&>div{column-gap:calc(var(--spacing) * 10);grid-template-rows:min-content 1fr;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;width:max-content;margin-inline:auto;display:grid;position:relative;&>h3{text-align:center}&>ul{&>li:last-child{height:calc(var(--spacing) * 18);place-items:center;display:grid;&>button{padding-block:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 2)}}}&>[data-drag-preview]{padding:calc(var(--spacing) * 1);border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-cyan-950) var(--un-bg-opacity), transparent) ;gap:calc(var(--spacing) * 1);pointer-events:none;inset-inline-start:var(--left);top:var(--top);align-items:center;position:absolute;&:popover-open{display:flex}&>:first-child{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);border-radius:3.40282e38px;position:relative;overflow:hidden;&>img{margin-inline-start:calc(calc(var(--spacing) * 1) * -1);margin-top:calc(calc(var(--spacing) * 1) * -1);width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);max-width:none}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>:nth-child(2){font-size:var(--text-xs-fontSize);text-align:center;border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;inset-inline-start:calc(var(--spacing) * 11.5);top:calc(var(--spacing) * 11);border-radius:3.40282e38px;place-items:center;line-height:.75rem;display:grid;position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>:nth-child(2){background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&>:nth-child(3){gap:calc(var(--spacing) * 1);flex-direction:column;align-self:center;align-items:center;display:flex;& [data-primary-path-keystone]{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}& [data-secondary-path]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}&>:nth-child(4){gap:calc(var(--spacing) * .5);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid;& li{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){gap:calc(var(--spacing) * .5);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid;& li{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>[data-drag-preview]{background-color:color-mix(in oklab, var(--colors-cyan-950) var(--un-bg-opacity), transparent) }}& [data-drop-direction]{--drop-indicator-bg-direction:180deg;position:relative;&:before,&:after{content:"";z-index:10;position:absolute}&:before{inset:calc(var(--spacing) * 0);background-image:linear-gradient(var(--drop-indicator-bg-direction), #fff 0px, #fff .5px, #fff3 .5px, transparent 1.5rem)}&:after{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;top:calc(var(--spacing) * .5);mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M216.49 168.49a12 12 0 0 1-17 0L128 97l-71.51 71.49a12 12 0 0 1-17-17l80-80a12 12 0 0 1 17 0l80 80a12 12 0 0 1 0 17'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:after{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}& [data-drop-direction=below]{--drop-indicator-bg-direction:0deg;&:after{bottom:calc(var(--spacing) * .5);top:auto;rotate:180deg}}}&>div:after{background-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-bg-opacity), transparent) ;content:"";--un-translate-x:-50%;width:1px;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;inset-block:calc(var(--spacing) * 0);position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>div:after{background-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}#results-table{background-color:color-mix(in oklab, var(--bg-clr) var(--un-bg-opacity), transparent) ;border-collapse:separate;--un-border-spacing-x:calc(var(--spacing) * 0);--un-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);--bg-clr:oklch(14.5% 0 0);--control-button-size:calc(6 * var(--spacing));--header-row-gap-y:calc(3 * var(--spacing));--header-champion-select-size:calc(10 * var(--spacing));--header-row-pb:calc(3 * var(--spacing));--section-header-row-h:calc(22 * var(--spacing));--section-header-row-py:calc(1 * var(--spacing));--section-body-pb:0px;margin-inline:auto;&[inert]{--un-blur:blur(3px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}&>caption{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));text-align:start}& th{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);text-align:start}&>thead{top:calc(var(--spacing) * 0);z-index:5;position:sticky;&>tr:first-child>th>*{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>tr:nth-child(2){height:100%;min-height:1px}&>tr:nth-child(2)>td:first-child{padding-inline-start:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 3);text-align:start;vertical-align:top;background-color:color-mix(in oklab, var(--bg-clr) var(--un-bg-opacity), transparent) ;min-height:1px;height:inherit;&>div{flex-direction:column;align-items:flex-start;height:100%;display:flex;&>label,&>select{--at-apply:""}&>button{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight));--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);margin-bottom:auto;margin-top:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 1);height:var(--control-button-size)}@property --un-leading{syntax:"*";inherits:false}}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>tr:nth-child(2)>td:not(:first-child){padding-bottom:var(--header-row-pb);vertical-align:top;background-color:color-mix(in oklab, var(--bg-clr) var(--un-bg-opacity), transparent) ;&[data-drop-direction]:after{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);content:"";--un-translate-y:var(--control-button-size);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * .25);top:calc(var(--spacing) * 0);z-index:3;position:absolute;rotate:270deg;mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M216.49 168.49a12 12 0 0 1-17 0L128 97l-71.51 71.49a12 12 0 0 1-17-17l80-80a12 12 0 0 1 17 0l80 80a12 12 0 0 1 0 17'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){padding-bottom:var(--header-row-pb);vertical-align:top;background-color:color-mix(in oklab,var(--bg-clr) var(--un-bg-opacity),transparent) ;&[data-drop-direction]:after{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&[data-drop-direction=after]:after{inset-inline-start:auto;inset-inline-end:calc(var(--spacing) * .25);rotate:90deg}&>div{grid-template-rows:auto 1fr;grid-template-columns:1fr var(--control-button-size) 1fr;grid-template-areas:"move-left remove move-right""source vs target""add-abilities add-abilities add-abilities""add-items add-items add-items";display:grid;position:relative;&>.v-select{margin-block:var(--header-row-gap-y);width:var(--header-champion-select-size);height:var(--header-champion-select-size);--b-width:2px;&:has(>select[value]){--b-width:2.5px}&:first-of-type{grid-area:source;justify-self:end}&:nth-of-type(2){grid-area:target}&>select{border-radius:50%;width:100%;height:100%}&>label{border-width:var(--b-width);border-color:color-mix(in oklab, var(--col-damage-source-clr,var(--ui-button-border-clr)) var(--un-border-opacity), transparent) ;background-color:color-mix(in oklab, var(--placeholder-champion-bg-clr) var(--un-bg-opacity), transparent) ;border-radius:50%;width:100%;height:100%;overflow:hidden;&>img{margin-inline-start:-7.5%;width:115%;max-width:none;height:115%;margin-top:-7.5%}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>select:is(:hover,:focus-visible)+label{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) ;&>img{--un-brightness:brightness(var(--focus-brightness));filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}}@supports (color:color-mix(in lab, red, red)){&>select:is(:hover,:focus-visible)+label{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) }}&:nth-of-type(2)>label{border-color:color-mix(in oklab, var(--col-damage-target-clr,var(--ui-button-border-clr)) var(--un-border-opacity), transparent) }}&>span{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));--un-font-weight:600;text-align:center;pointer-events:none;z-index:1;-webkit-text-stroke:black .15em;paint-order:stroke fill;grid-area:vs;align-self:center;font-weight:600}&>button{&:nth-last-of-type(2){grid-area:add-abilities}&:last-of-type{grid-area:add-items}&:nth-last-of-type(-n+2){--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);margin-inline:calc(var(--spacing) * 2);height:var(--control-button-size)}@property --un-leading{syntax:"*";inherits:false}}}&:not(:last-child)>div{&>button{align-self:center;place-items:center;display:grid;&:nth-of-type(-n+3):not(:last-child){width:var(--control-button-size);height:var(--control-button-size);&>span:nth-child(2){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}}&:first-of-type{grid-area:move-left;justify-self:end}&:nth-of-type(2){grid-area:remove;&:hover,&:focus-visible{&>.icon{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>.icon{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}}}&:nth-of-type(2):hover{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:nth-of-type(2):hover{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) }}&:nth-of-type(2):focus-visible{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:nth-of-type(2):focus-visible{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) }}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:nth-of-type(3){grid-area:move-right;justify-self:start}&:nth-of-type(4){font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);--un-font-weight:600;text-align:center;background-color:color-mix(in srgb, var(--colors-black) 20%, transparent) ;height:100%;inset:calc(var(--spacing) * 0);z-index:10;--un-backdrop-blur:blur(2px);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);-webkit-text-stroke:black .15em;paint-order:stroke fill;place-items:center;font-weight:600;display:grid;position:absolute;&:before{--un-outline-style:auto;height:calc(var(--spacing) * 7);content:"";--un-translate-x:-50%;width:4.5em;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:-50%;inset-inline-start:50%;outline-style:auto;position:absolute;top:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&:nth-of-type(4):focus-visible{--un-outline-style:none;outline-style:none}@supports (color:color-mix(in lab, red, red)){&:nth-of-type(4){background-color:color-mix(in oklab, var(--colors-black) 20%, transparent) }}@property --un-backdrop-blur{syntax:"*";inherits:false}@property --un-backdrop-brightness{syntax:"*";inherits:false}@property --un-backdrop-contrast{syntax:"*";inherits:false}@property --un-backdrop-grayscale{syntax:"*";inherits:false}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false}@property --un-backdrop-invert{syntax:"*";inherits:false}@property --un-backdrop-opacity{syntax:"*";inherits:false}@property --un-backdrop-saturate{syntax:"*";inherits:false}@property --un-backdrop-sepia{syntax:"*";inherits:false}&>span:first-child{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}}&:last-child>div{&>button:first-of-type{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);padding-inline:calc(var(--spacing) * 1);width:auto;height:var(--control-button-size);grid-area:1/1/2/4;justify-self:center}@property --un-leading{syntax:"*";inherits:false}}}}&>tbody{anchor-scope:all;&:not([aria-labelledby]){background-color:color-mix(in oklab, var(--bg-clr) var(--un-bg-opacity), transparent) ;top:var(--section-header-row-h);z-index:4;position:sticky;&>tr{anchor-name:--section-header-row;&>td{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;display:grid;&>button{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);place-items:center;display:grid;&>span{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}&>span:first-child{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&:nth-child(3):not(:disabled){&:hover,&:focus-visible{&>.icon{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>.icon{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}}}&:nth-child(3):not(:disabled):hover{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:nth-child(3):not(:disabled):hover{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) }}&:nth-child(3):not(:disabled):focus-visible{background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){&:nth-child(3):not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent) }}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&[aria-expanded=true]>span{rotate:180deg}}}&>*{padding-block:var(--section-header-row-py)}&>th>div{width:max-content;&>span,&>select{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));--un-font-weight:500;white-space:nowrap;font-weight:500}&>img{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);margin-inline-start:calc(var(--spacing) * 2);margin-inline-end:calc(var(--spacing) * 1.5);display:inline-block}&>[popover]{position-anchor:--section-header-row;inset-block-start:auto;inset-block-end:calc(anchor(start) - 1px)}&>label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>select{padding-inline:calc(var(--spacing) * 1);margin-inline-start:.5ch}}}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&[aria-labelledby]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent) ;&>tr{&.info-row{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) ;--un-font-weight:600;font-weight:600}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&.info-row{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}&:where(:not(.info-row)):hover{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;&>*{border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&>td:not(.irrelevant){&.higher{color:color-mix(in srgb, var(--colors-green-400) var(--un-text-opacity), transparent) ;&>span:after{content:"▲"}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&.higher{color:color-mix(in oklab, var(--colors-green-400) var(--un-text-opacity), transparent) }}&.lower{color:color-mix(in srgb, var(--colors-red-400) var(--un-text-opacity), transparent) ;&>span:after{content:"▼"}}@supports (color:color-mix(in lab, red, red)){&.lower{color:color-mix(in oklab, var(--colors-red-400) var(--un-text-opacity), transparent) }}}}@supports (color:color-mix(in lab, red, red)){&:where(:not(.info-row)):hover{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}&.unknown{color:color-mix(in oklab, #f0f var(--un-text-opacity), transparent) }&>*{padding-block:calc(var(--spacing) * 1);border-block-width:1px;border-color:#0000}&>th{overflow-wrap:anywhere;hyphens:auto;--ps:calc(2 * var(--control-button-size));padding-inline-start:var(--ps);&>img{vertical-align:middle;width:var(--size);height:var(--size);--size:calc(5 * var(--spacing));--ms:calc(.5 * (var(--ps) + var(--size)));margin-inline-start:calc(var(--ms) * -1);margin-inline-end:calc(.5 * var(--size));display:inline-block}&>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}&>td{padding-inline:calc(var(--spacing) * 3);&.irrelevant{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){padding-inline:calc(var(--spacing) * 3);&.irrelevant{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent) }}&.unknown{color:color-mix(in oklab, #f0f var(--un-text-opacity), transparent) }&:not(.irrelevant,:last-child)>span{position:relative;&:after{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:calc(calc(var(--spacing) * 4) * -1);position:absolute;top:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}}&:nth-child(2n){background-color:color-mix(in srgb, var(--colors-white) 5%, transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:nth-child(2n){background-color:color-mix(in oklab, var(--colors-white) 5%, transparent) }}}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&[aria-labelledby]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent) }}}&>thead>tr:nth-child(2)>td:nth-child(n+2).highlighted,&>tbody[aria-labelledby]>tr>td.highlighted{background-image:linear-gradient(to right, oklch(from var(--source-clr,var(--col-damage-source-clr,white)) l c h / .1), oklch(from var(--target-clr,var(--col-damage-target-clr,white)) l c h / .1))}&>thead>tr:nth-child(2)>td,&>tbody[aria-labelledby]>tr>td,&>tbody[aria-labelledby],&>tfoot{isolation:isolate;position:relative}&>thead>tr:nth-child(2)>td,&>tbody[aria-labelledby]>tr>td,&>tbody,&>tfoot{&[data-drop-direction]{--drop-indicator-bg-direction:90deg;--drop-indicator-b-w:1px;&:before{content:"";inset-inline-start:calc(var(--spacing) * 0);inset-inline-end:-.5px;z-index:3;background-image:linear-gradient(var(--drop-indicator-bg-direction), #fff 0px, #fff var(--drop-indicator-b-w), #fff3 var(--drop-indicator-b-w), transparent 1rem);position:absolute;top:-1px;bottom:-1px}}&[data-drop-direction=after]{--drop-indicator-bg-direction:270deg;--drop-indicator-b-w:0px;&:before{inset-inline-start:.5px;inset-inline-end:calc(var(--spacing) * 0)}}}&>tfoot{&>tr>td>form{padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2);grid-template-columns:auto 1fr;grid-auto-rows:min-content;display:grid;&>label{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));text-align:start;grid-column:1/-1}&>select{padding-inline:calc(var(--spacing) * 1);width:calc(var(--spacing) * 64);&:disabled{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:disabled{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}}&>button{padding-inline:calc(var(--spacing) * 1);width:fit-content;height:calc(var(--spacing) * 6);white-space:nowrap}}}}@property --un-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --un-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}:root{--placeholder-champion-bg-clr:#020a13}#results{text-align:center;margin-inline:auto;position:relative;&>p{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));--un-font-weight:500;padding-block:calc(var(--spacing) * 2);text-align:center;--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;top:calc(var(--spacing) * 16);z-index:10;-webkit-text-stroke:black .2em;paint-order:stroke fill;font-weight:500;position:absolute}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}#__nuxt{&>main{position:relative;&>#share-configuration{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);inset-inline-end:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);anchor-name:--share-configuration;position:absolute;&>[popover]{padding-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 1);text-align:end;border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;position-anchor:--share-configuration;inset-block-start:calc(anchor(end) + .25rem);inset-inline-end:calc(anchor(end));&>.alert{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));margin-bottom:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 1);&:after{margin-top:calc(calc(var(--spacing) * 1) * -1)}}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>[popover]{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}}}&>footer{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) ;padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 3);text-align:center;margin-top:auto;&>a{&>span{text-decoration-line:underline}}color:color-mix(in srgb:hover,var(--colors-neutral-400) var(--un-text-opacity):hover,transparent) ;padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 3);text-align:center;margin-top:auto;&>a:hover{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb:hover,var(--colors-neutral-400) var(--un-text-opacity):hover,transparent) ;padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 3);text-align:center;margin-top:auto;&>a:hover{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}color:color-mix(in srgb:focus-visible,var(--colors-neutral-400) var(--un-text-opacity):focus-visible,transparent) ;padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 3);text-align:center;margin-top:auto;&>a:focus-visible{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){color:color-mix(in srgb:focus-visible,var(--colors-neutral-400) var(--un-text-opacity):focus-visible,transparent) ;padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 3);text-align:center;margin-top:auto;&>a:focus-visible{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&>footer{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) }}}}@layer overrides{#scoreboard>div>ul>[data-scoreboard-item=Aphelios]>details>[data-abilities]{column-gap:calc(var(--spacing) * 0);--aphelios-border-clr:oklch(86.9% .022 252.894);--funny-rounded:20% / 50%;--image-funny-rounded:15% / 15%;--funny-ability-w:calc(var(--ability-size) * 10 / 9);&>[data-passive]{--un-border-style:none;--ui-button-border-clr:var(--aphelios-border-clr);border-style:none;width:auto;height:auto;padding-inline-end:calc(var(--spacing) * 2);&>h5{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>img{border-width:2px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:var(--ability-size-passive);height:var(--ability-size-passive);border-radius:50%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}&>[data-aphelios-q]>h5:first-of-type,&>[data-aphelios-w]>h5:nth-of-type(n+2){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&>[data-aphelios-q],&>[data-aphelios-w],&>[data-aphelios-r]{--ui-button-border-clr:var(--aphelios-border-clr);height:var(--ability-size);position:relative;&>h5{--un-leading:1;pointer-events:none;--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-y:33.3333%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);z-index:2;-webkit-text-stroke:black .1em;paint-order:stroke fill;line-height:1;position:absolute}@property --un-leading{syntax:"*";inherits:false}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&>[data-aphelios-q],&>[data-aphelios-r]{&:after,&:before{border-radius:var(--funny-rounded);width:var(--funny-ability-w);height:var(--ability-size);pointer-events:none;content:"";--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);display:block;position:absolute;top:50%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:before{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;z-index:0}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:before{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}&:after{border-width:2px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;z-index:1}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}&>[data-aphelios-q],&>[data-aphelios-r]{&:not([data-level]):after{border-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-border-opacity), transparent) }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:not([data-level]):after{border-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-border-opacity), transparent) }}}&>[data-aphelios-q]>img:nth-of-type(2),&>[data-aphelios-r]>img{border-radius:var(--image-funny-rounded);width:var(--ability-size);height:var(--ability-size);border-width:2px;border-color:#0000}&>[data-aphelios-q]:not([data-level])>img:nth-of-type(2),&>[data-aphelios-r]:not([data-level])>img{--un-brightness:brightness(80%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);--un-grayscale:grayscale(70%)}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}&>[data-aphelios-q]{z-index:1;align-items:center;padding-inline-end:calc((var(--funny-ability-w) - var(--ability-size)) / 2);display:flex;&>h5{inset-inline-start:var(--ability-size)}&>img{&:first-of-type{margin-block:calc(calc(var(--spacing) * .75) * -1);border-width:2px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:calc(var(--ability-size) + 1.5 * var(--spacing));height:calc(var(--ability-size) + 1.5 * var(--spacing));z-index:2;border-radius:50%;margin-inline-end:calc(calc(var(--spacing) * 3.5) * -1)}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:nth-of-type(2){z-index:0}}}&>[data-aphelios-w]{grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:auto 1fr auto;place-items:center;display:grid;&:after{border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;width:calc(var(--ability-size) * .7);height:calc(var(--ability-size) * .7);content:"";z-index:0;border-radius:50%;grid-row-start:1;grid-column-start:2}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:auto 1fr auto;place-items:center;display:grid;&:after{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}&>h5:first-of-type{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);margin-inline:calc(calc(var(--spacing) * 1) * -1);text-align:center;border-block-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent) ;height:calc(var(--spacing) * 5.5);width:calc(var(--spacing) * 6);--un-translate-x:calc(var(--spacing) * 0);--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);z-index:0;position:static;&:before,&:after{background-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-bg-opacity), transparent) ;height:calc(var(--spacing) * 1.25);width:calc(var(--spacing) * 1.75);content:"";position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:before{--un-translate-y:-100%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-x:calc(calc(var(--spacing) * .25) * -1);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-end:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);clip-path:polygon(0% 0%,100% 100%,0% 100%)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&:after{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-x:calc(var(--spacing) * .5);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);clip-path:polygon(0% 0%,100% 0%,100% 100%)}}@property --un-leading{syntax:"*";inherits:false}@supports (color:color-mix(in lab, red, red)){&>h5:first-of-type{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&>img{&:first-of-type{width:calc(var(--ability-size) * .55);height:calc(var(--ability-size) * .55);z-index:1;grid-row-start:1;grid-column-start:2}&:nth-of-type(2){margin-top:-33.3333%;border-width:1px;border-color:color-mix(in oklab, var(--ui-button-border-clr) var(--un-border-opacity), transparent) ;width:calc(var(--ability-size) * .45);height:calc(var(--ability-size) * .45);border-radius:50%;align-self:flex-start;margin-inline-start:-33.3333%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}}}&>[data-aphelios-r]{width:var(--funny-ability-w);place-items:center;margin-inline-start:auto;display:grid;&>h5{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}&>img{z-index:1}}}#scoreboard[data-mirrored]>div>ul:first-of-type>[data-scoreboard-item]{grid-template-columns:max-content 1fr repeat(5,max-content);grid-template-areas:"clear items select-items select-runes select-champion move-column move-up""expand items select-items select-runes select-champion duplicate move-down""expanded expanded expanded expanded expanded expanded expanded";&>button{&:first-of-type,&:nth-of-type(2){margin-inline-start:calc(var(--spacing) * .5);margin-inline-end:auto}&:nth-of-type(3),&:nth-of-type(4){margin-inline-start:auto;margin-inline-end:calc(var(--spacing) * .5)}}&>[data-select-champion]{&>[data-select-champion-level]{inset-inline-start:var(--inset-end);inset-inline-end:auto}}&>[data-select-runes]{& [data-secondary-path-icon]{inset-inline-start:var(--secondary-path-inset-end);inset-inline-end:auto}&:has([data-secondary-path-icon]):before{--un-translate-x:calc(calc(var(--spacing) * .5) * -1);translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:var(--secondary-path-inset-end);inset-inline-end:auto}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&>ul{justify-self:end;margin-inline-start:calc(var(--spacing) * 3);margin-inline-end:calc(var(--spacing) * 0)}&>details{&>[data-extras]{flex-direction:row-reverse}}}#scoreboard[data-mirrored]>div>ul:nth-of-type(2)>[data-scoreboard-item]{&>details{&::details-content{grid-template-areas:"abilities abilities stats""resources resources stats""dragons role-quest stats"}&>[data-runes-stats]{grid-template-areas:"minor-stats.""major-stats runes";&>dl{&:first-of-type{border-inline-width:0 1px}}}}}#results-table{&[data-flip-results]{&>thead>tr:nth-child(2)>td:not(:first-child)>div{& .v-select{grid-area:target;justify-self:start;&:nth-of-type(2){grid-area:source;justify-self:end}}}&>thead>tr:nth-child(2)>td:nth-child(n+2).highlighted,&>tbody[aria-labelledby]>tr>td.highlighted{--source-clr:var(--col-damage-target-clr,white);--target-clr:var(--col-damage-source-clr,white)}}&>tbody,&>tfoot{&[data-drop-direction]{--drop-indicator-bg-direction:180deg;&:before{inset-inline:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);top:-.5px}&:after{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent) ;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);content:"";--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;top:calc(var(--spacing) * .5);z-index:3;position:absolute;mask:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M216.49 168.49a12 12 0 0 1-17 0L128 97l-71.51 71.49a12 12 0 0 1-17-17l80-80a12 12 0 0 1 17 0l80 80a12 12 0 0 1 0 17'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){&:after{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) }}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&[data-drop-direction=after]{--drop-indicator-bg-direction:0deg;&:before{bottom:.5px;top:calc(var(--spacing) * 0)}&:after{bottom:calc(var(--spacing) * .5);top:auto;rotate:180deg}}}&>thead>tr:nth-child(2)>td,&>tbody[aria-labelledby]>tr>td{&:last-child[data-drop-direction=after]:before{--drop-indicator-b-w:1px;inset-inline-end:-.5px}}&>tfoot[data-drop-direction]:before,&>tbody:first-of-type[data-drop-direction]:before{top:calc(var(--spacing) * 0)}}}:root{--fluid-8-24:clamp(.5rem, .2143rem + 1.4286vw, 1.5rem);--fluid-48-90:clamp(3rem, 2.25rem + 3.75vw, 5.625rem)}#item-shop-build-path{--build-path-clr:oklch(96.2% .059 95.617);& button[data-has-components]{margin-bottom:calc(var(--spacing) * 1.5);position:relative;&:before{background-color:color-mix(in oklab, var(--build-path-clr) var(--un-bg-opacity), transparent) ;width:1px;height:calc(var(--spacing) * 1.25);pointer-events:none;content:"";--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;bottom:calc(calc(var(--spacing) * .5) * -1);z-index:100;display:block;position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}& ul li{position:relative;& button{margin-top:calc(var(--spacing) * 4);position:relative;&:after{background-color:color-mix(in oklab, var(--build-path-clr) var(--un-bg-opacity), transparent) ;width:1px;height:calc(var(--spacing) * 5);pointer-events:none;content:"";--un-translate-y:-100%;translate:var(--un-translate-x) var(--un-translate-y);--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);inset-inline-start:50%;top:calc(var(--spacing) * 1);display:block;position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}}&:before{background-color:color-mix(in oklab, var(--build-path-clr) var(--un-bg-opacity), transparent) ;pointer-events:none;content:"";height:1px;inset-inline-start:calc(var(--spacing) * 0);inset-inline-end:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);display:block;position:absolute}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}&:first-child:before{inset-inline-start:50%}&:last-child:before{inset-inline-end:50%}}}