:root{--text-font-family:"Poppins";--text-font-weight:normal;--text-size-header-1:max(12px, calc(20px * var(--scale-size)));--text-size-header-2:max(12px, calc(18px * var(--scale-size)));--text-size:max(12px, calc(18px * var(--scale-size)));--text-size-small:max(12px, calc(14px * var(--scale-size)));--text-size-very-small:max(12px, calc(12px * var(--scale-size)))}html,body,#root-element{width:100vw;height:100vh;width:100dvw;height:100dvh;margin:var(--size-0);padding:var(--size-0);color:var(--color-text);background-color:var(--color-background-primary);flex-direction:column;display:flex;overflow:hidden}*{font-size:var(--text-size);font-family:var(--text-font-family);box-sizing:border-box;font-weight:var(--text-font-weight);transition:color .1s linear,background .2s linear}::-webkit-scrollbar-track{background:var(--color-background-primary);z-index:1}::-webkit-scrollbar{width:calc(18px * var(--scale-size));background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-background-secondary);border:var(--size-1) solid transparent;border-radius:var(--border-radius-4);background-clip:padding-box}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--color-background-button)}::-webkit-scrollbar-corner{background:var(--color-background-primary)}* .scrollbar-small::-webkit-scrollbar{width:var(--size-12);height:var(--size-12)}* .scrollbar-very-small::-webkit-scrollbar{width:var(--size-6);height:var(--size-6)}* .scrollbar-disabled{scrollbar-width:none}* .scrollbar-disabled::-webkit-scrollbar{display:none}* .scrollbar-left{direction:rtl}* .scrollbar-left>*{direction:ltr}* .scrollbar-on-hover::-webkit-scrollbar{background-color:#0000}* .scrollbar-on-hover::-webkit-scrollbar-track{background-color:#0000}* .scrollbar-on-hover::-webkit-scrollbar-thumb{background-color:#0000}* .scrollbar-on-hover:hover::-webkit-scrollbar{background-color:var(--color-background-secondary)}* .scrollbar-on-hover:hover::-webkit-scrollbar-track{background-color:var(--color-background-primary)}* .scrollbar-on-hover:hover::-webkit-scrollbar-thumb{background-color:var(--color-background-secondary)}[data-theme=light] * .scrollbar-on-hover:hover::-webkit-scrollbar-thumb{background-color:var(--color-background-button)}h1,h2,h3,h4,h5,h6{text-overflow:ellipsis;margin:0;overflow:hidden}h1{font-size:var(--text-size-header-1);font-family:var(--text-font-family-header);font-weight:700}h2{font-size:var(--text-size-header-2);text-transform:uppercase}p,pre,code{margin:0}pre,code{font-size:var(--text-size-small);margin:0}a,.text{color:var(--color-text)}.row{flex-direction:row;display:flex}.column{flex-direction:column;display:flex}.flex,.fill{flex:1}.divider-horizontal{height:var(--size-1);min-height:var(--size-1);background-color:var(--color-background-divider);width:100%}.divider-vertical{height:100%;width:var(--size-1);min-width:var(--size-1);background-color:var(--color-background-divider)}:root{--user-scale-size:1;--responsive-scale-minimum-size:.5;--responsive-scale-maximum-size:20;--responsive-scale-size:1;--scale-size:calc(var(--user-scale-size) * var(--responsive-scale-size));--size-max:calc(999px * var(--scale-size));--size-0:calc(0px * var(--scale-size));--size-0-5:calc(.5px * var(--scale-size));--size-1:calc(1px * var(--scale-size));--size-2:calc(2px * var(--scale-size));--size-4:calc(4px * var(--scale-size));--size-8:calc(8px * var(--scale-size));--size-16:calc(16px * var(--scale-size));--size-32:calc(32px * var(--scale-size));--size-64:calc(64px * var(--scale-size));--size-128:calc(128px * var(--scale-size));--size-256:calc(256px * var(--scale-size));--size-512:calc(512px * var(--scale-size));--size-1024:calc(1024px * var(--scale-size));--size-6:calc(6px * var(--scale-size));--size-12:calc(12px * var(--scale-size));--size-24:calc(24px * var(--scale-size));--size-48:calc(48px * var(--scale-size));--size-96:calc(96px * var(--scale-size));--size-192:calc(192px * var(--scale-size));--size-384:calc(384px * var(--scale-size));--size-768:calc(768px * var(--scale-size));--size-1536:calc(1536px * var(--scale-size));--size-button-large:var(--size-64);--size-button:var(--size-48);--size-button-small:calc(38px * var(--scale-size));--size-button-very-small:calc(var(--size-24));--size-button-icon-large:var(--size-48);--size-button-icon:calc(28px * var(--scale-size));--size-button-icon-small:calc(20px * var(--scale-size));--size-button-icon-very-small:var(--size-16);--size-button-gap-large:var(--size-8);--size-button-gap:var(--size-8);--size-button-gap-small:var(--size-6);--size-button-gap-very-small:var(--size-4);--button-shadow-height:var(--size-0-5);--border-radius-4:var(--size-4);--border-radius-8:var(--size-8)}@media (min-height:900px){:root{--responsive-scale-size:clamp(var(--responsive-scale-minimum-size), tan(atan2(100dvh, 900px)), var(--responsive-scale-maximum-size))}}@media (max-height:500px){:root{--responsive-scale-size:clamp(var(--responsive-scale-minimum-size), tan(atan2(100dvh, 500px)), var(--responsive-scale-maximum-size))}}:root{--hue-angle-base:225deg;--hue-angle-accent:90deg;--chroma-base:0%;--chroma-accent:45%;--alpha-base:1;--color-base-0:oklch(0% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-0:oklch(0% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-1:oklch(1% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-1:oklch(1% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-2:oklch(2% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-2:oklch(2% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-3:oklch(3% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-3:oklch(3% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-4:oklch(4% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-4:oklch(4% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-5:oklch(5% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-5:oklch(5% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-6:oklch(6% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-6:oklch(6% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-7:oklch(7% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-7:oklch(7% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-8:oklch(8% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-8:oklch(8% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-9:oklch(9% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-9:oklch(9% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-10:oklch(10% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-10:oklch(10% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-11:oklch(11% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-11:oklch(11% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-12:oklch(12% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-12:oklch(12% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-13:oklch(13% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-13:oklch(13% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-14:oklch(14% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-14:oklch(14% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-15:oklch(15% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-15:oklch(15% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-16:oklch(16% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-16:oklch(16% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-17:oklch(17% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-17:oklch(17% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-18:oklch(18% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-18:oklch(18% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-19:oklch(19% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-19:oklch(19% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-20:oklch(20% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-20:oklch(20% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-21:oklch(21% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-21:oklch(21% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-22:oklch(22% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-22:oklch(22% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-23:oklch(23% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-23:oklch(23% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-24:oklch(24% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-24:oklch(24% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-25:oklch(25% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-25:oklch(25% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-26:oklch(26% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-26:oklch(26% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-27:oklch(27% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-27:oklch(27% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-28:oklch(28% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-28:oklch(28% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-29:oklch(29% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-29:oklch(29% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-30:oklch(30% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-30:oklch(30% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-31:oklch(31% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-31:oklch(31% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-32:oklch(32% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-32:oklch(32% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-33:oklch(33% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-33:oklch(33% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-34:oklch(34% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-34:oklch(34% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-35:oklch(35% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-35:oklch(35% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-36:oklch(36% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-36:oklch(36% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-37:oklch(37% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-37:oklch(37% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-38:oklch(38% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-38:oklch(38% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-39:oklch(39% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-39:oklch(39% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-40:oklch(40% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-40:oklch(40% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-41:oklch(41% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-41:oklch(41% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-42:oklch(42% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-42:oklch(42% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-43:oklch(43% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-43:oklch(43% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-44:oklch(44% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-44:oklch(44% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-45:oklch(45% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-45:oklch(45% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-46:oklch(46% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-46:oklch(46% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-47:oklch(47% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-47:oklch(47% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-48:oklch(48% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-48:oklch(48% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-49:oklch(49% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-49:oklch(49% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-50:oklch(50% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-50:oklch(50% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-51:oklch(51% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-51:oklch(51% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-52:oklch(52% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-52:oklch(52% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-53:oklch(53% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-53:oklch(53% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-54:oklch(54% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-54:oklch(54% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-55:oklch(55% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-55:oklch(55% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-56:oklch(56% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-56:oklch(56% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-57:oklch(57% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-57:oklch(57% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-58:oklch(58% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-58:oklch(58% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-59:oklch(59% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-59:oklch(59% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-60:oklch(60% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-60:oklch(60% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-61:oklch(61% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-61:oklch(61% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-62:oklch(62% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-62:oklch(62% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-63:oklch(63% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-63:oklch(63% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-64:oklch(64% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-64:oklch(64% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-65:oklch(65% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-65:oklch(65% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-66:oklch(66% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-66:oklch(66% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-67:oklch(67% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-67:oklch(67% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-68:oklch(68% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-68:oklch(68% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-69:oklch(69% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-69:oklch(69% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-70:oklch(70% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-70:oklch(70% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-71:oklch(71% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-71:oklch(71% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-72:oklch(72% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-72:oklch(72% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-73:oklch(73% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-73:oklch(73% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-74:oklch(74% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-74:oklch(74% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-75:oklch(75% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-75:oklch(75% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-76:oklch(76% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-76:oklch(76% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-77:oklch(77% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-77:oklch(77% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-78:oklch(78% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-78:oklch(78% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-79:oklch(79% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-79:oklch(79% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-80:oklch(80% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-80:oklch(80% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-81:oklch(81% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-81:oklch(81% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-82:oklch(82% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-82:oklch(82% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-83:oklch(83% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-83:oklch(83% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-84:oklch(84% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-84:oklch(84% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-85:oklch(85% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-85:oklch(85% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-86:oklch(86% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-86:oklch(86% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-87:oklch(87% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-87:oklch(87% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-88:oklch(88% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-88:oklch(88% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-89:oklch(89% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-89:oklch(89% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-90:oklch(90% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-90:oklch(90% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-91:oklch(91% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-91:oklch(91% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-92:oklch(92% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-92:oklch(92% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-93:oklch(93% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-93:oklch(93% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-94:oklch(94% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-94:oklch(94% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-95:oklch(95% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-95:oklch(95% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-96:oklch(96% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-96:oklch(96% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-97:oklch(97% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-97:oklch(97% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-98:oklch(98% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-98:oklch(98% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-99:oklch(99% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-99:oklch(99% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-100:oklch(100% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-100:oklch(100% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--gold-gradient:linear-gradient(90deg, #7c5505 5%, #ce9914 23%, #f3e4a2 45%, #eecb4c 60%, #f0d878 70%, #aa780d 85%, #7c5505 100%);--bifrost-gradient:linear-gradient(90deg, #ff595e 0%, #ffca3a 20%, #8ac926 40%, #1982c4 60%, #6a4c93 80%, #ff595e 100%);--silver-gradient:linear-gradient(90deg, #4a4d52 5%, #8a909a 23%, #f0f3f6 45%, #c4cbd4 60%, #e6ebf0 70%, #787e88 85%, #4a4d52 100%);--bronze-gradient:linear-gradient(90deg, #5e2c14 5%, sienna 23%, #f8cfb4 45%, #cd7f32 60%, #eeb997 70%, #8c431d 85%, #5e2c14 100%);--color-background-primary:var(--color-primary-1);--color-background-secondary:var(--color-primary-2);--color-background-button:var(--color-primary-3);--color-background-button-disabled:var(--color-primary-1);--color-background-button-outline:var(--color-primary-4);--color-background-button-action:var(--color-accent-3);--button-shadow-color:color-mix(in srgb, var(--color-min) 10%, transparent);--color-background-danger:var(--red-1);--color-background-confirm:var(--green-1);--color-background-divider:var(--color-primary-4);--color-background-input:var(--color-primary-1);--color-border-input:var(--color-primary-4);--color-text:var(--color-contrast-1);--color-text-action:var(--color-accent-contrast-1);--color-text-secondary:var(--color-contrast-2);--color-text-disabled:var(--color-primary-4);--color-text-danger:var(--red-2);--color-text-success:var(--green-2);--color-button-stitched:var(--color-background-divider)}:root,[data-theme=dark]{--color-max:var(--color-base-0);--color-min:var(--color-base-100);--color-primary-1:var(--color-base-18);--color-primary-2:var(--color-base-24);--color-primary-3:var(--color-base-30);--color-primary-4:var(--color-base-39);--color-accent-1:var(--color-accent-100);--color-accent-2:var(--color-accent-98);--color-accent-3:var(--color-accent-94);--color-accent-4:var(--color-accent-75);--color-contrast-1:var(--color-base-100);--color-contrast-2:var(--color-base-81);--color-contrast-3:var(--color-base-68);--color-contrast-4:var(--color-base-53);--color-accent-contrast-1:var(--color-base-30);--color-accent-contrast-2:var(--color-base-30);--color-accent-contrast-3:var(--color-base-34);--color-accent-contrast-4:var(--color-base-40);--red-1:#512929;--red-2:#ef4f4f;--green-1:#295129;--green-2:#398339}[data-theme=light]{--color-max:var(--color-base-100);--color-min:var(--color-base-0);--color-primary-1:var(--color-base-100);--color-primary-2:var(--color-base-98);--color-primary-3:var(--color-base-94);--color-primary-4:var(--color-base-75);--color-contrast-1:var(--color-base-30);--color-contrast-2:var(--color-base-30);--color-contrast-3:var(--color-base-34);--color-contrast-4:var(--color-base-40);--red-1:#ff6e6e;--red-2:#b63535;--green-1:#56e756;--green-2:#2c972c}#loading-element{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#loading-element img{width:auto;height:auto;animation:3s ease-in-out infinite loading-fade-in-out}@keyframes loading-fade-in-out{0%,to{opacity:1}50%{opacity:.5}}.application{z-index:0;flex-direction:column;height:100%;display:flex;position:relative}.application .application-content-container{flex-direction:row;flex:1;display:flex;position:relative;overflow:hidden}.application .application-content-container .application-content{z-index:0;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.application .application-content-container .application-content #loading-element{display:none}.application .application-content-container .application-content .background{z-index:-1;pointer-events:none;background-color:var(--color-background-primary);opacity:.05;pointer-events:none;background-image:url(/images/main-menu-background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.application .application-content-container .application-content .application-floating-controls{top:var(--size-4);right:var(--size-4);z-index:100;gap:var(--size-2);display:flex;position:absolute}.input-visualizer-modal{z-index:2}.input-visualizer-modal .input-visualizer-wrapper{bottom:var(--size-4);align-items:center;gap:var(--size-4);pointer-events:none;flex-direction:row;display:flex;position:absolute;left:50%;transform:translate(-50%)}@font-face{font-family:Norse;src:url(/fonts/norse/norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/norse-bold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/poppins-bold.ttf)}:root{--image-background-size:var(--size-192)}.button{z-index:0;--button-scoped-border-radius:var(--border-radius-8);--button-icon-size:var(--size-button-icon);justify-content:center;align-items:center;gap:var(--size-button-gap);height:var(--size-button);padding:var(--size-0) var(--size-16);color:var(--color-text);background:var(--color-background-button);border-radius:var(--button-scoped-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text);box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color);border:none;text-decoration:none;transition:box-shadow 50ms linear,transform 50ms linear;display:flex;position:relative}.button svg{height:var(--button-icon-size);flex-shrink:0;width:auto}.button.button-selected,.button.selected,.button[aria-selected=true]{outline-offset:var(--size-0);outline:var(--size-2) solid var(--color-text)}.button:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.button:hover{box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color)}.button:hover .button-tooltip{opacity:1;visibility:visible}.button:active{transform:translate(0, var(--button-shadow-height));box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) var(--button-shadow-color)}.button.button-disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none;box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) color-mix(in srgb, var(--color-min) 10%, transparent);cursor:initial}.button.button-disabled svg{color:var(--color-text-disabled)}.button.button-disabled:hover{box-shadow:none}.button.button-disabled:hover .button-tooltip{opacity:0;visibility:hidden}.button.button-stitched{color:var(--color-button-stitched);border:var(--size-2) dashed currentColor;background-color:var(--color-background-secondary);box-shadow:none}.button.button-stitched svg{color:currentColor}.button.button-stitched:hover,.button.button-stitched:active{box-shadow:none}.button.button-basic{border-radius:var(--size-0);box-shadow:none;background-color:#0000}.button.button-basic:hover{box-shadow:none}.button.button-basic:active{box-shadow:none;transform:none}.button.button-flat{box-shadow:none;background-color:#0000}.button.button-flat:hover{background-color:color-mix(in srgb, var(--color-min) 4%, transparent)}.button.button-action{color:var(--color-text-action);background:var(--color-background-button-action)}.button.button-square,.button.button-round{aspect-ratio:1;flex-shrink:0;width:auto;padding:0}.button.button-round{border-radius:calc(999px * var(--scale-size))}.button.button-tall{aspect-ratio:1/2;width:auto;height:calc(var(--size-button) * 2);flex-shrink:0;padding:0}.button.button-tall.button-large{height:calc(var(--size-button-large) * 2)}.button.button-tall.button-small{height:calc(var(--size-button-small) * 2)}.button.button-tall.button-very-small{height:calc(var(--size-button-very-small) * 2)}.button.button-list:not(.button-confirming){justify-content:flex-start}.button.button-list{border-radius:var(--size-0);width:100%;box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background-color:#0000;flex-shrink:0}.button.button-list svg{height:var(--size-24);width:auto}.button.button-list:hover:not(.button-confirming){background:var(--color-background-button)}.button.button-list:hover{box-shadow:none}.button.button-list:active:not(.button-confirming){background:var(--color-background-button-outline)}.button.button-list:active{box-shadow:none}.button.button-large{--button-icon-size:var(--size-button-icon-large);height:var(--size-button-large);gap:var(--size-button-gap-large)}.button.button-large svg{height:var(--button-icon-size)}.button.button-small{--button-icon-size:var(--size-button-icon-small);height:var(--size-button-small);gap:var(--size-button-gap-small);font-size:var(--text-size-small)}.button.button-small svg{height:var(--button-icon-size)}.button.button-very-small{--button-icon-size:var(--size-button-icon-very-small);height:var(--size-button-very-small);gap:var(--size-button-gap-very-small);font-size:var(--text-size-very-small)}.button.button-very-small svg{height:var(--button-icon-size)}.button.button-danger{background-color:var(--color-background-danger)}.button.button-loading .button-content{animation:1s ease-in-out infinite button-loading-animation}.button.button-pill{border-radius:calc(999px * var(--scale-size))}.button .button-tooltip{z-index:10;pointer-events:none;gap:var(--size-6);background-color:var(--color-background-primary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);padding:var(--size-6) var(--size-12);max-width:var(--size-256);font-size:var(--text-size-small);color:var(--color-text);text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute}.button .button-tooltip svg{height:calc(20px * var(--scale-size))}.button .button-tooltip.button-tooltip-top{bottom:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}.button .button-tooltip.button-tooltip-bottom{top:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}.button .button-tooltip.button-tooltip-left{right:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}.button .button-tooltip.button-tooltip-right{left:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}@keyframes button-loading-animation{0%,to{opacity:.2}50%{opacity:.5}}.home-page{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.home-page .home-page-content{padding:var(--size-32);z-index:0;justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.home-page .home-page-content .home-page-content-menu{width:calc(600px * var(--scale-size));max-width:min(100%, 600px * var(--scale-size));background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1;flex-direction:column;margin:auto;display:flex}.home-page .home-page-content .home-page-content-menu .home-page-header{background-color:var(--color-background-secondary);flex-direction:column;display:flex;position:relative}.home-page .home-page-content .home-page-content-menu .home-page-header .home-page-row{justify-content:center;align-items:center;gap:var(--size-4);padding:var(--size-12) var(--size-4);flex-direction:row;display:flex}.home-page .home-page-content .home-page-content-menu .home-page-header .home-page-row .home-page-title{font-size:var(--text-size-header-1);text-align:center}.home-page .home-page-content .home-page-content-menu .divider-horizontal{width:100%;height:var(--size-1);background-color:var(--color-background-divider)}.home-page .home-page-content .home-page-content-menu .home-page-actions{gap:var(--size-12);padding:var(--size-16);flex-direction:column;display:flex}.game-select-page{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.game-select-page .game-select-page-content{padding:var(--size-32);z-index:0;justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.game-select-page .game-select-page-content .game-select-page-content-menu{width:calc(600px * var(--scale-size));max-width:min(100%, 600px * var(--scale-size));background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1;flex-direction:column;margin:auto;padding:0;display:flex}.game-select-page .game-select-page-content .game-select-page-content-menu .game-select-page-header{background-color:var(--color-background-secondary);flex-direction:column;display:flex;position:relative}.game-select-page .game-select-page-content .game-select-page-content-menu .game-select-page-header .game-select-page-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.game-select-page .game-select-page-content .game-select-page-content-menu .game-select-page-header .game-select-page-row .game-select-page-title{font-size:var(--text-size-header-1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-select-page .game-select-page-content .game-select-page-content-menu .divider-horizontal{width:100%;height:var(--size-1);background-color:var(--color-background-divider)}.game-select-page .game-select-page-content .game-select-page-content-menu .game-select-page-options{gap:var(--size-12);padding:var(--size-16);flex-direction:column;display:flex}.header{align-items:center;gap:var(--size-4);padding:var(--size-4);background-color:var(--color-background-secondary);z-index:1;flex-direction:row;display:flex;position:absolute;top:0;left:0;right:0}.header.header-transparent{-webkit-backdrop-filter:blur(var(--size-8));backdrop-filter:blur(var(--size-8));background-color:color-mix(in srgb, var(--color-background-secondary) 70%, transparent)}.header.header-no-background{background-color:#0000}.modal{z-index:1;padding:var(--size-32);flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.modal-background{background-color:color-mix(in srgb, var(--color-max) 50%, transparent);-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4))}.modal:not(.modal-background){pointer-events:none}:where(.modal:not(.modal-background))>*{pointer-events:initial}@media (max-width:768px){.modal{padding:var(--size-16)}}.menu{padding:var(--size-16);border-radius:var(--border-radius-8);-webkit-user-select:none;user-select:none;color:var(--color-text);background-color:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);flex-direction:column;display:flex;overflow:hidden auto}.minimap{width:var(--size-192);height:var(--size-192);box-sizing:border-box;background:var(--color-background-primary);border-radius:var(--border-radius-4);border:var(--size-1) solid var(--color-background-divider)}.game-user-interface{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.game-user-interface .game-page-header,.game-user-interface .abilities-menu-container,.game-user-interface .minimap{pointer-events:auto}.game-user-interface .game-page-header{top:var(--size-0);left:var(--size-0);right:var(--size-0);justify-content:space-between;position:absolute}.game-user-interface .minimap{bottom:var(--size-0);left:var(--size-0);position:absolute}.game-user-interface .abilities-menu-container{bottom:var(--size-0);right:var(--size-0);align-items:end;gap:var(--size-4);flex-direction:row;display:flex;position:absolute}.game-user-interface .portrait-preview{height:var(--size-128);aspect-ratio:1;background:var(--color-background-primary);width:auto;padding:var(--size-4);border-radius:var(--border-radius-4);border:var(--size-1) solid var(--color-background-divider);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.game-user-interface .portrait-preview .portrait-image{object-fit:cover;width:auto;height:100%;image-rendering:pixelated}.game-user-interface .portrait-preview .portrait-placeholder-icon{width:50%;height:50%;color:var(--color-text-disabled);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-user-interface .abilities-grid{gap:var(--size-4);background:var(--color-background-secondary);padding:var(--size-4);border-radius:var(--border-radius-4);border:var(--size-1) solid var(--color-background-divider)}.game-user-interface .abilities-grid .ability-row{gap:var(--size-4)}.game-user-interface .abilities-grid .ability-button{position:relative;overflow:hidden}.game-user-interface .abilities-grid .ability-button.prepared{outline:var(--size-2) solid var(--color-background-button-outline);outline-offset:calc(-2px * var(--scale-size))}.game-user-interface .abilities-grid .ability-button .ability-image{aspect-ratio:1;object-fit:cover;z-index:0;width:auto;height:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-user-interface .abilities-grid .ability-button .ability-hotkey{top:var(--size-0);left:var(--size-0);padding:var(--size-0) var(--size-4);font-size:var(--text-size-very-small);color:var(--color-text-secondary);text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;z-index:1;min-width:0;line-height:normal;position:absolute;overflow:hidden}.game-user-interface .abilities-grid .ability-button .ability-hotkey-ghost{color:var(--color-text-disabled)}.game-menu.menu{width:var(--size-512);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);max-width:100%;margin:auto;padding:0}.game-menu.menu .game-menu-header{background-color:var(--color-background-secondary);flex-direction:column;display:flex;position:relative}.game-menu.menu .game-menu-header .game-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.game-menu.menu .game-menu-header .game-menu-row .game-menu-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-menu.menu .game-menu-form{gap:var(--size-16);padding:var(--size-16);flex-direction:column;display:flex}.game-page{background:var(--color-background-primary);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.game-page .select-box{background:var(--color-background-secondary);outline:2px solid var(--color-background-button);opacity:.25;pointer-events:none;z-index:9999;position:fixed}.game-page .game-view-wrapper{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.game-page .game-view-wrapper #game_html_element{width:100%;height:100%}.game-page .game-view-wrapper #game_blocker{pointer-events:none;z-index:1000;position:absolute;top:0;bottom:0;left:0;right:0}.multiplayer-page{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.multiplayer-page .multiplayer-page-content{padding:var(--size-32);z-index:0;justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu{width:calc(600px * var(--scale-size));max-width:min(100%, 600px * var(--scale-size));background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1;flex-direction:column;margin:auto;display:flex}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .multiplayer-page-header{background-color:var(--color-background-secondary);flex-direction:column;display:flex;position:relative}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .multiplayer-page-header .multiplayer-page-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .multiplayer-page-header .multiplayer-page-row .multiplayer-page-title{font-size:var(--text-size-header-1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .divider-horizontal{width:100%;height:var(--size-1);background-color:var(--color-background-divider)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section{gap:var(--size-12);padding:var(--size-16);flex-direction:column;display:flex}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section label{font-size:var(--text-size-small);color:var(--color-text-secondary)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section input{padding:var(--size-12);border-radius:var(--border-radius-4);background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);color:var(--color-text);outline:none}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section input:focus{border-color:var(--color-border-input-focus)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section{gap:var(--size-12);padding:var(--size-16);flex-direction:column;display:flex}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .games-list-header{font-size:var(--text-size-small);color:var(--color-text-secondary)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item{padding:var(--size-12);background-color:var(--color-background-input);border-radius:var(--border-radius-4);border:var(--size-1) solid var(--color-border-input);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item .game-info{gap:var(--size-2);flex-direction:column;display:flex}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item .game-info .game-name{font-size:var(--text-size);font-weight:500}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item .game-info .game-host{font-size:var(--text-size-very-small);color:var(--color-text-secondary)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .multiplayer-page-actions{gap:var(--size-8);padding:var(--size-16);flex-direction:column;display:flex}.input-option-row{align-items:center;gap:var(--size-4);min-width:0;padding:var(--size-4);border-radius:var(--border-radius-8);background:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);flex-flow:wrap;display:flex}.input-option-row .input-option-button{border-radius:var(--border-radius-8);white-space:nowrap}.input-option-row .input-option-button-selected{background:var(--color-background-button)}.input-slider-horizontal{align-items:center;gap:var(--size-16);width:100%;min-width:var(--size-0);min-height:unset;background:0 0;flex:1;display:flex}.input-slider-horizontal input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size-button-small);min-width:var(--size-0);min-height:unset;padding:var(--size-6);border-radius:var(--border-radius-8);background:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);cursor:pointer;touch-action:pan-y;outline:none;flex:1;margin:0}@media (pointer:coarse){.input-slider-horizontal input[type=range]{pointer-events:none}}.input-slider-horizontal input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size-24);aspect-ratio:1;background:var(--color-background-button);border:var(--size-1) solid var(--color-background-button);border-radius:var(--border-radius-8);width:auto;box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color);cursor:pointer;transition:box-shadow 50ms linear,transform 50ms linear,background-color .1s linear,border-color .1s linear}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:active{transform:translate(0, var(--button-shadow-height));box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal input[type=range]::-moz-range-thumb{pointer-events:auto;height:var(--size-24);aspect-ratio:1;background:var(--color-background-button);border:var(--size-1) solid var(--color-background-button);border-radius:var(--border-radius-8);width:auto;box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color);cursor:pointer;transition:box-shadow 50ms linear,transform 50ms linear,background-color .1s linear,border-color .1s linear}.input-slider-horizontal input[type=range]::-moz-range-thumb:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.input-slider-horizontal input[type=range]::-moz-range-thumb:hover{box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal input[type=range]::-moz-range-thumb:active{transform:translate(0, var(--button-shadow-height));box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal.input-slider-horizontal-small input[type=range],.input-slider-horizontal.input-slider-horizontal-very-small input[type=range]{height:var(--size-button-very-small);padding:calc(3px * var(--scale-size))}.input-slider-horizontal.input-slider-horizontal-small input[type=range]::-webkit-slider-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal-very-small input[type=range]::-webkit-slider-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal-small input[type=range]::-moz-range-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal-very-small input[type=range]::-moz-range-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal_disabled{pointer-events:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]{background-color:var(--color-background-secondary)}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb{background:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);cursor:initial;box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb:hover{box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb:active{box-shadow:none;transform:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-moz-range-thumb{background:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);cursor:initial;box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-moz-range-thumb:hover{box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-moz-range-thumb:active{box-shadow:none;transform:none}.input-slider-horizontal .input-slider-horizontal-value{font-size:var(--text-size-small);min-width:var(--size-32)}.hue-angle-input-slider{width:100%;min-width:var(--size-0);flex:1;display:flex}.hue-angle-input-slider .input-slider-horizontal input[type=range]{border:var(--size-1) solid transparent;background:linear-gradient(color-mix(in srgb, var(--color-background-input) 90%, transparent), color-mix(in srgb, var(--color-background-input) 90%, transparent)) padding-box, linear-gradient(to right, oklch(60% 40% 0deg/var(--alpha-base,1)), oklch(60% 40% 60deg/var(--alpha-base,1)), oklch(60% 40% 120deg/var(--alpha-base,1)), oklch(60% 40% 180deg/var(--alpha-base,1)), oklch(60% 40% 240deg/var(--alpha-base,1)), oklch(60% 40% 300deg/var(--alpha-base,1)), oklch(60% 40% 360deg/var(--alpha-base,1))) border-box}.hue-angle-input-slider .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:oklch(60% 40% var(--hue-value,0deg)/var(--alpha-base,1))}.hue-angle-input-slider .input-slider-horizontal input[type=range]::-moz-range-thumb{background:oklch(60% 40% var(--hue-value,0deg)/var(--alpha-base,1));border:var(--size-1) solid var(--color-text)}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]{border:var(--size-1) solid var(--color-border-input);background:var(--color-background-button-disabled)}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]::-moz-range-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.chroma-input-slider{width:100%;min-width:var(--size-0);flex:1;display:flex}.chroma-input-slider .input-slider-horizontal input[type=range]{border:var(--size-1) solid transparent;background:linear-gradient(color-mix(in srgb, var(--color-background-input) 90%, transparent), color-mix(in srgb, var(--color-background-input) 90%, transparent)) padding-box, linear-gradient(to right, oklch(60% 0% var(--hue-angle-base,0deg)/var(--alpha-base,1)), oklch(60% 30% var(--hue-angle-base,0deg)/var(--alpha-base,1))) border-box}.chroma-input-slider .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:oklch(60% calc(2 * var(--chroma-value,0%)) var(--hue-angle-base,0deg)/var(--alpha-base,1))!important}.chroma-input-slider .input-slider-horizontal input[type=range]::-moz-range-thumb{border:var(--size-1) solid var(--color-text);background:oklch(60% calc(2 * var(--chroma-value,0%)) var(--hue-angle-base,0deg)/var(--alpha-base,1))!important}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]{border:var(--size-2) solid var(--color-border-input);background:var(--color-background-button-disabled)}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]::-moz-range-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.input-component{height:var(--size-button);min-height:var(--size-button);width:100%;min-width:var(--size-0);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);padding:calc(10px * var(--scale-size)) var(--size-16);color:var(--color-text);background:var(--color-background-input);box-sizing:border-box}.input-component.input-small{height:var(--size-button-small);min-height:var(--size-button-small);padding:calc(6px * var(--scale-size)) var(--size-12);font-size:var(--text-size-small)}.input-component.input-very-small{height:var(--size-button-very-small);min-height:var(--size-button-very-small);padding:calc(2px * var(--scale-size)) var(--size-8);font-size:var(--text-size-very-small)}.input-component:disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}.input-component:disabled::placeholder,.input-component::placeholder{color:var(--color-text-disabled)}.settings-menu{gap:var(--size-12);width:var(--size-768);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:0;flex-direction:column;max-width:100%;margin:auto;display:flex;position:relative}.settings-menu .settings-menu-header{flex-direction:column;display:flex;position:relative}.settings-menu .settings-menu-header .settings-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.settings-menu .settings-menu-header .settings-menu-row .settings-menu-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-menu .settings-menu-form{gap:var(--size-48);padding:var(--size-16);flex-direction:column;display:flex}.settings-menu .settings-menu-form .settings-menu-group{gap:var(--size-12);flex-direction:column;width:100%;display:flex}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-header{align-items:center;gap:var(--size-12);white-space:nowrap;flex-direction:row;display:flex}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-item-header{align-items:center;gap:var(--size-4);font-size:var(--text-size-small);padding:var(--size-4) 0;flex-direction:row;display:flex}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-item-row{align-items:center;gap:var(--size-8);flex-direction:row;display:flex}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_fill{flex:1}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_unchecked{background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input)}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_service_checked{background:var(--color-background-confirm)}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_service_unchecked{background:var(--color-background-danger)}.settings-menu .settings-menu-actions{justify-content:flex-end;align-items:center;gap:var(--size-8);flex-direction:row;display:flex}.settings-menu .settings-menu-footer{align-items:center;gap:var(--size-8);width:100%;padding-bottom:var(--size-8);flex-direction:column;display:flex}.input-visualizer{--key-size:var(--size-48);--button-gap:var(--size-4);--section-gap:var(--size-8)}.input-visualizer.size-small{--key-size:var(--size-button-small)}.input-visualizer.size-very-small{--key-size:var(--size-button-very-small)}.input-visualizer.size-micro{--key-size:var(--size-12);--button-gap:var(--size-2);--section-gap:var(--size-4)}.input-visualizer.size-micro .key{height:var(--key-size);gap:var(--size-2);border-radius:var(--size-2)}.input-visualizer.size-micro .key svg{height:var(--size-8)}.input-visualizer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s,visibility .8s;display:flex;position:relative}.input-visualizer.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,visibility .2s}.input-visualizer .controller-container{padding:var(--size-4);gap:var(--section-gap);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);flex-direction:row;display:flex}.input-visualizer .controller-container .key{color:var(--color-text-disabled);background:var(--color-background-button-disabled)}.input-visualizer .controller-container .key.hidden{opacity:0}.input-visualizer .controller-container .key.button-active{color:var(--color-text);background:var(--color-background-button);box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000, inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d;transform:translate(0, var(--size-1))}.input-visualizer .controller-container.keyboard .section{justify-content:space-between;gap:var(--button-gap);flex-direction:column;display:flex}.input-visualizer .controller-container.keyboard .section-group{justify-content:space-between;gap:var(--section-gap);flex-direction:column;display:flex}.input-visualizer .controller-container.keyboard .key-row{gap:var(--button-gap);flex-direction:row;display:flex}.input-visualizer .controller-container.keyboard .section-functions{justify-content:space-between}.input-visualizer .controller-container.keyboard .section-functions .key-row{justify-content:space-between;gap:0;width:100%}.input-visualizer .controller-container.keyboard .section-functions .function-group{gap:var(--button-gap);flex-direction:row;display:flex}.input-visualizer .controller-container.keyboard .section-main .key-backspace,.input-visualizer .controller-container.keyboard .section-main .key-tab,.input-visualizer .controller-container.keyboard .section-main .key-\\{flex:1}.input-visualizer .controller-container.keyboard .section-main .key-capslock{flex:2}.input-visualizer .controller-container.keyboard .section-main .key-enter{flex:3}.input-visualizer .controller-container.keyboard .section-main .key-shift,.input-visualizer .controller-container.keyboard .section-main .key-space{flex:1}.input-visualizer .controller-container.keyboard .section-navigation-arrows{grid-template-columns:repeat(3, var(--key-size));grid-template-rows:repeat(2, var(--key-size));gap:var(--button-gap);margin-top:auto;display:grid}.input-visualizer .controller-container.keyboard .section-numpad{grid-template-columns:repeat(4, var(--key-size));grid-template-rows:repeat(5, var(--key-size));gap:var(--button-gap);margin-top:auto;display:grid}.input-visualizer .controller-container.keyboard .section-numpad .key-plus,.input-visualizer .controller-container.keyboard .section-numpad .key-enter{aspect-ratio:auto;grid-area:span 2/4;width:100%;height:100%}.input-visualizer .controller-container.keyboard .section-numpad .key-0{aspect-ratio:auto;grid-column:span 2;width:100%;height:100%}.input-visualizer .controller-container.mouse{grid-template-columns:repeat(3, var(--key-size));grid-template-rows:repeat(4, var(--key-size));gap:var(--button-gap);padding:var(--size-0);border-radius:var(--size-16) var(--size-16) var(--size-12) var(--size-12);display:grid;overflow:hidden}.input-visualizer .controller-container.mouse .key-left{aspect-ratio:auto;grid-area:1/1/span 2;width:100%;height:100%}.input-visualizer .controller-container.mouse .key-middle{grid-area:1/2;width:100%;height:100%}.input-visualizer .controller-container.mouse .key-right{aspect-ratio:auto;grid-area:1/3/span 2;width:100%;height:100%}.drawer-wrapper{z-index:1;height:100%;position:relative}.drawer-wrapper .drawer-background{z-index:1;-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4));background-color:#0000004d;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-wrapper .drawer-content{z-index:2;background-color:var(--color-background-primary);flex-direction:column;transition:width .2s ease-in-out,border-width .2s ease-in-out;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.drawer-wrapper.drawer-direction-left .drawer-content{border-right:var(--size-1) solid var(--color-background-divider);left:0}.drawer-wrapper.drawer-direction-right .drawer-content{border-left:var(--size-1) solid var(--color-background-divider);right:0}.drawer-wrapper.drawer-open,.drawer-wrapper.drawer-open .drawer-content{width:var(--size-256)}.drawer-wrapper.drawer-minimized,.drawer-wrapper.drawer-minimized .drawer-content{width:var(--size-48)}.drawer-wrapper.drawer-closed{width:var(--size-0)}.drawer-wrapper.drawer-closed .drawer-content{width:var(--size-0);border-left-width:0;border-right-width:0}.drawer-wrapper.drawer-hidden{width:var(--size-0)}.drawer-wrapper.drawer-hidden .drawer-content{width:var(--size-0);border-width:0;display:none}.drawer-wrapper.drawer-overlay{width:var(--size-0)}.drawer-wrapper.drawer-overlay .drawer-content{box-shadow:0 0 var(--size-16) #0003}.drawer-wrapper.drawer-overlay.drawer-open{width:var(--size-0)}.drawer-wrapper.drawer-overlay.drawer-open .drawer-content{width:var(--size-256)}.drawer-wrapper.drawer-overlay.drawer-minimized{width:var(--size-0)}.drawer-wrapper.drawer-overlay.drawer-minimized .drawer-content{width:var(--size-48)}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body{gap:var(--size-16);padding:var(--size-16);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section{gap:var(--size-8);flex-direction:column;display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-section-title{text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-section-title .team-color-indicator{height:var(--size-16);aspect-ratio:1;width:auto}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list{gap:var(--size-4);flex-direction:column;display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list .row{justify-content:space-between;gap:var(--size-16);color:var(--color-text);display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list .row span{font-size:var(--text-size-small);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list .row.row-child{padding-left:var(--size-12)}.vertical-drawer-server-stats-drawer .export-json-container{align-items:end;gap:var(--size-4);padding:var(--size-4);flex-direction:column;display:flex}.loading-text-ellipsis{display:inline-block}.loading-text-ellipsis .loading-text-ellipsis-dot.is-hidden{visibility:hidden}.game-session-joined-guard-loading{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}