@font-face{font-family:DD;font-weight:500;font-display:block;src:url(/dd.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/JetBrainsMono-Regular.woff2) format("woff2")}::selection{background:var(--color-orange);color:#fff}@theme{--font-sans:"DD",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,serif;--font-mono:"JetBrains Mono","Menlo",monospace;--text-10:0.625rem;--text-12:0.75rem;--text-13:0.8125rem;--text-14:0.875rem;--text-15:0.9375rem;--text-16:1rem;--text-18:1.125rem;--text-20:1.25rem;--text-24:1.5rem;--text-32:2rem;--text-40:2.5rem;--text-48:3rem;--text-56:3.5rem;--text-64:4rem;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--font-weight-800:800;--leading-12:0.75rem;--leading-16:1rem;--leading-20:1.25rem;--leading-24:1.5rem;--leading-28:1.75rem;--leading-32:2rem;--leading-40:2.5rem;--leading-48:3rem;--leading-56:3.5rem;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-24:24px;--radius-32:32px;--radius-full:9999px;--shadow-border-color:rgba(0,0,0,.05);--shadow-medium:0 8px 30px rgba(0,0,0,.12);--shadow-border:0 0 0 1px var(--shadow-border-color);--shadow-border-inset:inset 0 0 0 1px rgba(0,0,0,.08);--shadow-small:0px 2px 2px rgba(0,0,0,.04);--shadow-border-small:var(--shadow-border),var(--shadow-small);--shadow-medium:0px 2px 2px rgba(0,0,0,.04),0px 8px 8px -8px rgba(0,0,0,.04);--shadow-border-medium:var(--shadow-border),var(--shadow-medium);--shadow-large:0px 2px 2px rgba(0,0,0,.04),0px 8px 16px -4px rgba(0,0,0,.04);--shadow-border-large:var(--shadow-border),var(--shadow-large);--shadow-tooltip:var(--shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px rgba(0,0,0,.04);--shadow-menu:var(--shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px -4px rgba(0,0,0,.04),0px 16px 24px -8px rgba(0,0,0,.06);--shadow-modal:var(--shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);--shadow-fullscreen:var(--shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);--color-orange:#ff4d00;--color-red:#ff2b43;--color-orange-bg:#ff4d0010;--color-orange-bg2:#ff4d0095;--color-orange-bg3:#ff4d0018;--color-yellow:#ffd335;--color-blue:#0070f3;--color-code-block-bg:#fff;--color-demo-bg:var(--color-gray2);--color-code-tag:#fb7100;--color-code-string:#067a6e;--color-high-contrast:#000;--color-low-contrast:#fff;--color-bg:var(--color-gray1);--color-gray1:#fcfcfc;--color-gray2:#f8f8f8;--color-gray3:#f3f3f3;--color-gray4:#ededed;--color-gray5:#e8e8e8;--color-gray6:#e2e2e2;--color-gray7:#dbdbdb;--color-gray8:#c7c7c7;--color-gray9:#8f8f8f;--color-gray10:#858585;--color-gray11:#6f6f6f;--color-gray12:#171717;--color-gray-a1:rgba(0,0,0,.012);--color-gray-a2:rgba(0,0,0,.027);--color-gray-a3:rgba(0,0,0,.047);--color-gray-a4:rgba(0,0,0,.071);--color-gray-a5:rgba(0,0,0,.09);--color-gray-a6:rgba(0,0,0,.114);--color-gray-a7:rgba(0,0,0,.141);--color-gray-a8:rgba(0,0,0,.22);--color-gray-a9:rgba(0,0,0,.439);--color-gray-a10:rgba(0,0,0,.478);--color-gray-a11:rgba(0,0,0,.565);--color-gray-a12:rgba(0,0,0,.91);--color-blue1:#fbfdff;--color-blue2:#f5faff;--color-blue3:#edf6ff;--color-blue4:#e1f0ff;--color-blue5:#cee7fe;--color-blue6:#b7d9f8;--color-blue7:#96c7f2;--color-blue8:#5eb0ef;--color-blue9:#0091ff;--color-blue10:#0081f1;--color-blue11:#006adc;--color-blue12:#00254d;--color-blueA1:#0080ff04;--color-blueA2:#008cff0b;--color-blueA3:#008ff519;--color-blueA4:#009eff2a;--color-blueA5:#0093ff3d;--color-blueA6:#0088f653;--color-blueA7:#0083eb71;--color-blueA8:#0084e6a1;--color-blueA9:#0090ff;--color-blueA10:#0086f0fa;--color-blueA11:#006dcbf2;--color-blueA12:#002359ee;--color-pink1:#fffcfe;--color-pink2:#fff7fc;--color-pink3:#feeef8;--color-pink4:#fce5f3;--color-pink5:#f9d8ec;--color-pink6:#f3c6e2;--color-pink7:#ecadd4;--color-pink8:#e38ec3;--color-pink9:#d6409f;--color-pink10:#d23197;--color-pink11:#cd1d8d;--color-pink12:#3b0a2a;--color-red1:#fffcfc;--color-red2:#fff8f8;--color-red3:#ffefef;--color-red4:#ffe5e5;--color-red5:#fdd8d8;--color-red6:#f9c6c6;--color-red7:#f3aeaf;--color-red8:#eb9091;--color-red9:#e5484d;--color-red10:#dc3d43;--color-red11:#cd2b31;--color-red12:#381316;--color-amber1:#fefdfb;--color-amber2:#fff9ed;--color-amber3:#fff4d5;--color-amber4:#ffecbc;--color-amber5:#ffe3a2;--color-amber6:#ffd386;--color-amber7:#f3ba63;--color-amber8:#ee9d2b;--color-amber9:#ffb224;--color-amber10:#ffa01c;--color-amber11:#ad5700;--color-amber12:#4e2009;--color-green1:#fbfefc;--color-green2:#f2fcf5;--color-green3:#e9f9ee;--color-green4:#ddf3e4;--color-green5:#ccebd7;--color-green6:#b4dfc4;--color-green7:#92ceac;--color-green8:#5bb98c;--color-green9:#30a46c;--color-green10:#299764;--color-green11:#18794e;--color-green12:#153226;--color-focus:var(--color-orange);--focus-ring:2px solid var(--color-focus);--breakpoint-*:initial;--breakpoint-sm:960px;--animate-blink:blink 1.2s ease infinite;--animate-fade-in:fade-in 250ms ease-in-out forwards;--ease-swift:cubic-bezier(0.23,0.88,0.26,0.92);--ease-overlay:cubic-bezier(0.175,0.885,0.32,1.1);--timing-bounce:linear(0 0%,0.005871 1%,0.022058 2%,0.046612 3%,0.077823 4%,0.114199 5%,0.154441 6%,0.197431 7.000000000000001%,0.242208 8%,0.287959 9%,0.333995 10%,0.379743 11%,0.424732 12%,0.46858 13%,0.510982 14.000000000000002%,0.551702 15%,0.590564 16%,0.627445 17%,0.662261 18%,0.694971 19%,0.725561 20%,0.754047 21%,0.780462 22%,0.804861 23%,0.82731 24%,0.847888 25%,0.866679 26%,0.883775 27%,0.899272 28.000000000000004%,0.913267 28.999999999999996%,0.925856 30%,0.937137 31%,0.947205 32%,0.956153 33%,0.96407 34%,0.971043 35%,0.977153 36%,0.982479 37%,0.987094 38%,0.991066 39%,0.994462 40%,0.997339 41%,0.999755 42%,1.001761 43%,1.003404 44%,1.004727 45%,1.00577 46%,1.006569 47%,1.007157 48%,1.007563 49%,1.007813 50%,1.007931 51%,1.007939 52%,1.007855 53%,1.007697 54%,1.007477 55.00000000000001%,1.00721 56.00000000000001%,1.006907 56.99999999999999%,1.006576 57.99999999999999%,1.006228 59%,1.005868 60%,1.005503 61%,1.005137 62%,1.004776 63%,1.004422 64%,1.004078 65%,1.003746 66%,1.003429 67%,1.003127 68%,1.00284 69%,1.002571 70%,1.002318 71%,1.002082 72%,1.001863 73%,1.00166 74%,1.001473 75%,1.001301 76%,1.001143 77%,1.001 78%,1.000869 79%,1.000752 80%,1.000645 81%,1.00055 82%,1.000464 83%,1.000388 84%,1.000321 85%,1.000261 86%,1.000209 87%,1.000163 88%,1.000123 89%,1.000088 90%);@keyframes blink{0%{opacity:1}40%{opacity:0}60%{opacity:1}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}.dark{--color-bg:#0a0a0a;--color-high-contrast:#fff;--color-low-contrast:#0a0a0a;--color-demo-bg:#121212;--color-code-block-bg:var(--color-demo-bg);--color-code-tag:#ffc799;--color-code-string:#99ffe4;--color-gray1:#161616;--color-gray2:#1c1c1c;--color-gray3:#232323;--color-gray4:#282828;--color-gray5:#2e2e2e;--color-gray6:#343434;--color-gray7:#3e3e3e;--color-gray8:#505050;--color-gray9:#707070;--color-gray10:#7e7e7e;--color-gray11:#a0a0a0;--color-gray12:#ededed;--color-gray-a1:hsla(0,0%,100%,0);--color-gray-a2:hsla(0,0%,100%,.026);--color-gray-a3:hsla(0,0%,100%,.056);--color-gray-a4:hsla(0,0%,100%,.077);--color-gray-a5:hsla(0,0%,100%,.103);--color-gray-a6:hsla(0,0%,100%,.129);--color-gray-a7:hsla(0,0%,100%,.172);--color-gray-a8:hsla(0,0%,100%,.249);--color-gray-a9:hsla(0,0%,100%,.386);--color-gray-a10:hsla(0,0%,100%,.446);--color-gray-a11:hsla(0,0%,100%,.592);--color-gray-a12:hsla(0,0%,100%,.923);--color-blue1:#0f1720;--color-blue2:#0f1b2d;--color-blue3:#10243e;--color-blue4:#102a4c;--color-blue5:#0f3058;--color-blue6:#0d3868;--color-blue7:#0a4481;--color-blue8:#0954a5;--color-blue9:#0091ff;--color-blue10:#369eff;--color-blue11:#52a9ff;--color-blue12:#eaf6ff;--color-blueA1:#004df211;--color-blueA2:#1166fb18;--color-blueA3:#0077ff3a;--color-blueA4:#0075ff57;--color-blueA5:#0081fd6b;--color-blueA6:#0f89fd7f;--color-blueA7:#2a91fe98;--color-blueA8:#3094feb9;--color-blueA9:#0090ff;--color-blueA10:#3b9eff;--color-blueA11:#70b8ff;--color-blueA12:#c2e6ff;--color-pink1:#1f121b;--color-pink2:#271421;--color-pink3:#3a182f;--color-pink4:#451a37;--color-pink5:#501b3f;--color-pink6:#601d48;--color-pink7:#7a1d5a;--color-pink8:#a71873;--color-pink9:#d6409f;--color-pink10:#e34ba9;--color-pink11:#f65cb6;--color-pink12:#feebf7;--color-red1:#1f1315;--color-red2:#291415;--color-red3:#3c181a;--color-red4:#481a1d;--color-red5:#541b1f;--color-red6:#671e22;--color-red7:#822025;--color-red8:#aa2429;--color-red9:#e5484d;--color-red10:#f2555a;--color-red11:#ff6369;--color-red12:#feecee;--color-amber1:#1f1300;--color-amber2:#271700;--color-amber3:#341c00;--color-amber4:#3f2200;--color-amber5:#4a2900;--color-amber6:#573300;--color-amber7:#693f05;--color-amber8:#824e00;--color-amber9:#ffb224;--color-amber10:#ffcb47;--color-amber11:#f1a10d;--color-amber12:#fef3dd;--color-green1:#0d1912;--color-green2:#0c1f17;--color-green3:#0f291e;--color-green4:#113123;--color-green5:#133929;--color-green6:#164430;--color-green7:#1b543a;--color-green8:#236e4a;--color-green9:#30a46c;--color-green10:#3cb179;--color-green11:#4cc38a;--color-green12:#e5fbeb;--shadow-border-color:var(--color-gray3)}@supports (color:color(display-p3 1 1 1)){@theme{--color-yellow:color(display-p3 0.99 0.8 0.14);--color-orange:color(display-p3 0.99 0.4 0.02);--color-orange-bg:color(display-p3 0.99 0.4 0.02/0.06);--color-orange-bg2:color(display-p3 0.99 0.4 0.02/0.55);--color-orange-bg3:color(display-p3 0.99 0.4 0.02/0.1);--color-red:color(display-p3 1 0.28 0.3);--color-green:color(display-p3 0.16 0.81 0.49);--color-blue:color(display-p3 0.07 0.48 1);--color-purple:color(display-p3 0.71 0.52 1)}}@layer components{.gesture-grabbing{cursor:-webkit-grabbing;cursor:grabbing;-moz-user-select:none;user-select:none;-webkit-user-select:none;*{pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}}.gesture-resizing{cursor:ew-resize;-moz-user-select:none;user-select:none;-webkit-user-select:none;*{pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}}.flex-center{@apply flex items-center justify-center}.grid-stack{@apply grid;place-items:center center;>*{grid-area:1/1}}.truncate{@apply overflow-hidden whitespace-nowrap;text-overflow:ellipsis}.translate-center-x{@apply left-[50%] -translate-x-1/2}.translate-z-0{transform:translateZ(0)}.translate-center,.translate-center-y{@apply top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2}.bleed{width:100vw;position:relative;left:50%;right:50%;transform:translateX(-50%);max-width:var(--max-width)}a,button,input,textarea{outline:0;&:focus-visible{outline:2px solid var(--color-focus)}}}.system-wrapper{position:relative;display:flex;height:100vh;width:100%;align-items:center;justify-content:flex-end;overflow:hidden}.system-carousel{position:fixed;left:0;top:30%;display:flex}.system-carousel-img{pointer-events:none;height:100%;width:100%;object-fit:cover;object-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame-class{position:absolute;height:100%;cursor:pointer;filter:grayscale(100%);transition:filter .3s ease-in-out}.frame-class:hover,.frame-class[data-active=true]{filter:grayscale(0)}.image-container{position:relative}.image-content{position:absolute;left:50%;bottom:10px;transform:translate(-50%,-10%);padding:18px;box-sizing:border-box;background:var(--color-primary-dark-900-09);border:.01px solid var(--color-primary-900);width:95%;border-radius:8px;box-shadow:0 4px 50px 5px rgba(27,42,64,.08);transition:.2s ease-in-out;.image-content-header{display:flex;align-items:center;margin-bottom:6px;justify-content:space-between;svg path{fill:var(--color-primary-100)}}h5{color:var(--color-primary-100);text-transform:uppercase;font-family:DivineRgular;font-size:14px;letter-spacing:1px}h5,p{margin:0}p{color:var(--color-primary-300);font-size:11px;line-height:17px;letter-spacing:.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}button{p{margin:0}}}.image-content:hover{background:var(--color-primary-dark-900)}@media (max-width:1024px){.image-content{width:70%}}