.hd-home .op-br-marks{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.hd-home .op-br-marks .mc{background:var(--hd-well);min-height:300px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent);color:inherit;box-sizing:border-box;transition:background-color .2s var(--ease);border-radius:16px;flex-direction:column;grid-column:span 2;justify-content:flex-end;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hd-home .op-br-marks .mc:before{content:"";pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--hp-blueprint) 18%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--hp-blueprint) 18%, transparent) 1px, transparent 1px);opacity:.8;filter:grayscale(0);transition:opacity .25s var(--ease), filter .25s var(--ease);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 80% 0,#000 25%,#0000 90%);mask-image:radial-gradient(at 80% 0,#000 25%,#0000 90%)}.hd-home .op-br-marks .mc:is(:hover,:focus-visible):before{opacity:.24;filter:grayscale();transition-delay:.36s}.hd-home .op-br-marks .mc.big{grid-column:span 3;min-height:340px}.hd-home .op-br-marks .mc:hover{background:var(--hd-well)}.hd-home .op-br-marks .mc:focus-visible{outline:2px solid var(--hd-ink);outline-offset:2px}.hd-home .op-br-marks .art{pointer-events:none;width:78%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:radial-gradient(120% 100% at 85% 20%,#000 30%,#0000 78%);mask-image:radial-gradient(120% 100% at 85% 20%,#000 30%,#0000 78%)}.hd-home .op-br-marks .mc:not(.big) .art{width:92%}.hd-home .op-br-marks .art .g{fill:none;stroke:color-mix(in srgb, var(--hp-blueprint) 34%, transparent);stroke-width:.65px;vector-effect:non-scaling-stroke}.hd-home .op-br-marks .art .g.d{stroke-dasharray:3 3;stroke:color-mix(in srgb, var(--hp-blueprint) 24%, transparent)}.hd-home .op-br-marks .art .ol{-webkit-mask:var(--brand-outline-mask);mask:var(--brand-outline-mask);fill:none;stroke:color-mix(in srgb, var(--hp-blueprint) 66%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:1;transition:stroke .3s var(--ease)}.hd-home .op-br-marks .art .ol *{fill:none;vector-effect:non-scaling-stroke}.hd-home .op-br-marks .art .ol svg{overflow:visible}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .art .ol{stroke:var(--hp-blueprint)}.hd-home .op-br-marks .ph{font:400 12px/16px var(--font-sans);color:var(--hp-faint);font-style:normal;position:absolute;top:36px;left:80px}.hd-home .op-br-marks .tx{gap:16px;max-width:360px;display:grid;position:relative}.hd-home .op-br-marks .mc:not(.big) .tx{max-width:300px}.hd-home .op-br-marks .tx b{font:500 20px/28px var(--font-sans);letter-spacing:-.01em;color:var(--hd-ink);text-wrap:balance}.hd-home .op-br-marks .mc.big .tx b{font-size:22px;line-height:30px}.hd-home .op-br-marks .lk{font:400 14px/20px var(--font-sans);color:var(--hd-muted);transition:color .2s var(--ease);align-items:center;gap:6px;display:inline-flex}.hd-home .op-br-marks .lk .ar{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .2s var(--ease)}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .lk{color:var(--hd-ink)}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .lk .ar{transform:translate(2px)}.hd-home .op-br-marks .art .fl{-webkit-mask:var(--brand-paint-mask);mask:var(--brand-paint-mask);opacity:0;transition:opacity .16s var(--ease)}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .art .fl{opacity:1;transition:none}.hd-home .op-br-marks .brand-paint-stroke{stroke-dasharray:1;stroke-dashoffset:1px;stroke-width:calc(var(--paint-width) * .55);transition:stroke-dashoffset .16s var(--ease), stroke-width .16s var(--ease)}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .brand-paint-stroke{stroke-dashoffset:0;stroke-width:var(--paint-width);transition:stroke-dashoffset var(--paint-duration) cubic-bezier(.42, 0, .18, 1) var(--paint-delay), stroke-width var(--paint-duration) cubic-bezier(.16, 1, .3, 1) var(--paint-delay)}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .art .ol :is(rect,circle,ellipse,path){stroke-dasharray:1;animation:.55s cubic-bezier(.65,0,.35,1) both br-draw}.hd-home .op-br-marks .art .gs{transition:opacity .25s var(--ease), filter .25s var(--ease);opacity:.8;filter:grayscale(0)}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .art .gs{opacity:.24;filter:grayscale();transition-delay:.36s}@media (prefers-reduced-motion:reduce){.hd-home .op-br-marks .mc:before,.hd-home .op-br-marks .mc:is(:hover,:focus-visible):before,.hd-home .op-br-marks .mc,.hd-home .op-br-marks .mc .art :is(.ol,.fl,.gs,.brand-paint-stroke),.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .art :is(.ol,.fl,.gs),.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .brand-paint-stroke{transition:none}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .art .ol :is(rect,circle,ellipse,path){animation:none}.hd-home .op-br-marks .art :is(.fl,.ol){-webkit-mask:none;mask:none}.hd-home .op-br-marks .mc:is(:hover,:focus-visible) .art .ol{opacity:0}}.hd-home .op-br-marks{margin:0 -20px}.hd-home #brands .sx-more{padding-top:32px}.hd-home .op-br-marks .art{width:62%;height:70%}.hd-home .op-br-marks .mc:not(.big) .art{width:80%;height:62%}.hd-home .op-br-marks .mc.main{grid-column:1/-1;min-height:340px}.hd-home .op-br-marks .mc.main .art{width:46%;height:100%}.hd-home .op-br-marks .tx b{font:500 22px/30px var(--font-sans)}.hd-home .op-br-marks .mc.main .tx b{letter-spacing:-.015em;font-size:28px;line-height:36px}.hd-home .op-fd-named{--n0:#fcfcfc;--n1:#f9f9f9;--n2:var(--hp-soft);--n3:#e8e8e8;--n4:var(--hp-soft);--n5:#d9d9d9;--n6:var(--hp-bar);--n7:#bbb;--n8:#8d8d8d;--n9:#838383;--n10:var(--hd-muted);--n11:var(--hd-ink);--b0:#fbfdff;--b1:#f4faff;--b2:#e6f4fe;--b3:#d5efff;--b4:#c2e5ff;--b5:#acd8fc;--b6:#8ec8f6;--b7:#5eb1ef;--b8:#0090ff;--b9:#0588f0;--b10:#0d74ce;--b11:#113264;--guide:#0090ff;--guide-f:#0090ff1f;grid-template-rows:360px 300px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hd-home .op-fd-named .tl{color:inherit;transition:background-color .2s var(--ease);border-radius:16px;place-items:center;padding:36px 16px 64px;text-decoration:none;display:grid;position:relative;overflow:hidden}.hd-home .op-fd-named .tl.w{grid-column:span 2}.hd-home .op-fd-named .tl:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hd-home .op-fd-named .cap{display:grid;position:absolute;bottom:18px;left:20px;right:20px}.hd-home .op-fd-named .cap b{font:500 15px/22px var(--font-sans);color:var(--ink)}.hd-home .op-fd-named .cap span{font:400 14px/20px var(--font-sans);color:var(--mute)}.hd-home .op-fd-named .ro{opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);pointer-events:none;align-items:baseline;gap:8px;display:flex;position:absolute;top:18px;left:20px;transform:translateY(-3px)}.hd-home .op-fd-named .ro b{font:500 14px/20px var(--font-sans);color:var(--ink)}.hd-home .op-fd-named .ro span{font:400 14px/20px var(--font-sans);color:var(--mute)}.hd-home .op-fd-named .tl:is(:hover,:focus-visible) .ro{opacity:1;transform:none}.hd-home .op-fd-named i,.hd-home .op-fd-named u{display:block}.hd-home .op-fd-named .dw{transition:transform .35s var(--ease);display:block}.hd-home .op-fd-named .cd{background:var(--hp-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 1px 2px #0000000a, 0 8px 18px -10px #00000040;border-radius:12px;display:grid;position:relative}.hd-home .op-fd-named .b{background:var(--hp-soft);border-radius:3px;height:6px}.hd-home .op-fd-named .fan{width:96px;height:128px;position:relative;top:-13px}.hd-home .op-fd-named .fan i{background:var(--c);width:96px;height:128px;box-shadow:0 0 0 4px var(--hd-paper), 0 8px 18px -8px #00000040;transform-origin:50% 230%;transform:rotate(calc((var(--k) - 5.5) * 4deg));transition:transform .4s var(--ease) calc(var(--k) * 12ms);border-radius:14px;position:absolute;top:0;left:0}.hd-home .op-fd-named .c-col:is(:hover,:focus-visible) .fan i{transform:rotate(calc((var(--k) - 5.5) * 5.4deg))}.hd-home .op-fd-named .c-col .fan i.on{transform:rotate(calc((var(--k) - 5.5) * 5.4deg)) translateY(-10px);transition-delay:0s}.hd-home .op-fd-named .c-col .dw.fan{transform:none}.hd-home .op-fd-named .typ{align-items:center;gap:44px;display:flex}.hd-home .op-fd-named .aa{font:500 104px/1 var(--font-sans);letter-spacing:-.045em;color:var(--hd-ink);transition:color .3s var(--ease)}.hd-home .op-fd-named .typ .ls{justify-items:start;gap:12px;display:grid}.hd-home .op-fd-named .typ .ls i{width:var(--w);height:var(--h);border-radius:calc(var(--h) / 2);background:var(--hp-bar);transition:background-color .2s var(--ease);position:relative}.hd-home .op-fd-named .typ .ls i:first-child{background:var(--hp-faint);margin-bottom:2px}.hd-home .op-fd-named .typ .ls i:before{content:"";position:absolute;inset:-6px -8px}.hd-home .op-fd-named .typ .ls i.on{background:var(--hd-ink)}.hd-home .op-fd-named .spc .cd{box-sizing:border-box;gap:12px;width:148px;padding:16px}.hd-home .op-fd-named .spc .b.t{background:var(--hp-secondary);width:64px;height:7px}.hd-home .op-fd-named .spc .pd{box-shadow:inset 0 0 0 16px var(--guide-f);opacity:0;transition:opacity .25s var(--ease);border-radius:12px;position:absolute;inset:0}.hd-home .op-fd-named .spc .g{position:relative}.hd-home .op-fd-named .spc .g:before{content:"";background:var(--guide-f);opacity:0;height:12px;transition:opacity .25s var(--ease) 60ms;position:absolute;bottom:100%;left:0;right:0}.hd-home .op-fd-named .spc .g:after{content:"";background:var(--guide);opacity:0;width:1px;height:8px;transition:opacity .25s var(--ease) 60ms;position:absolute;bottom:calc(100% + 2px);left:50%}.hd-home .op-fd-named .c-spc:is(:hover,:focus-visible) .pd,.hd-home .op-fd-named .c-spc:is(:hover,:focus-visible) .g:before,.hd-home .op-fd-named .c-spc:is(:hover,:focus-visible) .g:after{opacity:1}.hd-home .op-fd-named .spc .b{width:100%}.hd-home .op-fd-named .spc .b.t{width:64px}.hd-home .op-fd-named .spc .b.s{width:72%}.hd-home .op-fd-named .rad{--r0:6px;width:164px;height:120px;position:relative}.hd-home .op-fd-named .rad i{inset:calc(var(--k) * 10px);border-radius:calc(var(--r0) + (4 - var(--k)) * 10px);transition:border-radius .45s var(--ease);position:absolute}.hd-home .op-fd-named .rad i:first-child{background:var(--hp-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 1px 2px #0000000a, 0 10px 22px -12px #00000040}.hd-home .op-fd-named .rad i:nth-child(2),.hd-home .op-fd-named .rad i:nth-child(3){background:var(--hp-soft)}.hd-home .op-fd-named .rad i:nth-child(4){background:var(--hp-secondary)}.hd-home .op-fd-named .rad i:nth-child(5){background:var(--hd-ink)}.hd-home .op-fd-named .c-rad:is(:hover,:focus-visible) .rad{--r0:18px}.hd-home .op-fd-named .rad{transition:--r0 .45s var(--ease)}.hd-home .op-fd-named .rad i{transition:none}.hd-home .op-fd-named .den .cd{box-sizing:border-box;width:156px;padding:4px;overflow:hidden}.hd-home .op-fd-named .den .r{height:32px;transition:height .4s var(--ease);align-items:center;gap:8px;padding:0 8px;display:flex}.hd-home .op-fd-named .den .r+.r{box-shadow:inset 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent)}.hd-home .op-fd-named .den .d{background:var(--hp-soft);border-radius:50%;flex:none;width:14px;height:14px}.hd-home .op-fd-named .den .b{width:84px}.hd-home .op-fd-named .den .b.s{width:64px}.hd-home .op-fd-named .den .b.m{width:96px}.hd-home .op-fd-named .c-den:is(:hover,:focus-visible) .den .r{height:24px}.hd-home .op-fd-named .rnd .cd{--f:1;box-sizing:border-box;border-radius:calc(12px * var(--f));width:156px;transition:border-radius .45s var(--ease);gap:10px;padding:14px}.hd-home .op-fd-named .rnd .b.t{background:var(--hp-secondary);width:72px;height:7px}.hd-home .op-fd-named .rnd .in{border-radius:calc(6px * var(--f));height:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 14.9%, transparent);transition:border-radius .45s var(--ease)}.hd-home .op-fd-named .rnd .ft{justify-content:flex-end;display:flex}.hd-home .op-fd-named .rnd .pr{border-radius:calc(6px * var(--f));background:var(--hd-ink);width:52px;height:22px;transition:border-radius .45s var(--ease);place-items:center;display:grid}.hd-home .op-fd-named .rnd .pr i{background:color-mix(in srgb, var(--hp-inverse) 85.1%, transparent);border-radius:2px;width:22px;height:4px}.hd-home .op-fd-named .c-rnd:is(:hover,:focus-visible) .rnd .cd{--f:2.2}.hd-home .op-fd-named .tl:is(:hover,:focus-visible) .dw:not(.den):not(.rnd){transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.hd-home .op-fd-named *,.hd-home .op-fd-named .fan i,.hd-home .op-fd-named .rad{transition-duration:10ms;transition-delay:0s}.hd-home .op-fd-named .tl:is(:hover,:focus-visible) .dw{transform:none}}.hd-home .op-fd-named .tl{box-sizing:border-box;padding:36px 16px 104px}.hd-home .op-fd-named .rad2{-webkit-mask-composite:source-in;width:150px;height:130px;display:block;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000),linear-gradient(#000 70%,#0000);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hd-home .op-fd-named .rad2 svg{display:block;overflow:visible}.hd-home .op-fd-named .rad2 path{transition:d .45s var(--ease)}.hd-home .op-fd-named .spc .g{--guide:#e5484d;--guide-f:#e5484d2e}.hd-home .op-fd-named .fan i{pointer-events:none;transition:transform .4s var(--ease)}.hd-home .op-fd-named .c-col .fan i.on{transform:rotate(calc((var(--k) - 5.5) * 5.4deg)) translateY(-8px)}.hd-home .op-fd-named .typ .ls i{transform-origin:0}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .ls i{animation:.9s cubic-bezier(.23,1,.32,1) both fd-draw}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .ls i:nth-child(2){animation-delay:60ms}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .ls i:nth-child(3){animation-delay:.12s}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .ls i:nth-child(4){animation-delay:.18s}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .ls i:nth-child(5){animation-delay:.24s}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .ls i:nth-child(6){animation-delay:.3s}.hd-home .op-fd-named .aa{text-shadow:none;transition:color .3s var(--ease), text-shadow .65s cubic-bezier(.22, 1, .36, 1)}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .aa{text-shadow:.008em 0,-.008em 0,0 .008em,0 -.008em,.006em .006em,-.006em .006em,.006em -.006em,-.006em -.006em}@media (prefers-reduced-motion:reduce){.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .ls i{animation:none}.hd-home .op-fd-named .aa{transition:none}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .aa{text-shadow:none}}.hd-home .op-fd-named .typ .aa{position:relative}.hd-home .op-fd-named .typ .aa:after{content:"";pointer-events:none;clip-path:inset(0 100% 0 0);background:linear-gradient(#e5484d,#e5484d) 0 14px/100% 1px no-repeat,linear-gradient(#e5484d99,#e5484d99) 0 33px/100% 1px no-repeat,linear-gradient(#e5484d,#e5484d) 0 90px/100% 1px no-repeat;width:384px;height:104px;transition:clip-path .7s cubic-bezier(.23,1,.32,1) .1s;position:absolute;top:0;left:-24px}.hd-home .op-fd-named .c-typ:is(:hover,:focus-visible) .typ .aa:after{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.hd-home .op-fd-named .typ .aa:after{transition:none}}.hd-home .op-fd-named .mot svg{display:block;overflow:visible}.hd-home .op-fd-named .mot .ax{stroke:var(--hp-bar);stroke-width:1.5px;stroke-linecap:round}.hd-home .op-fd-named .mot .cv{stroke:var(--hd-ink);stroke-width:2px;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:0}.hd-home .op-fd-named .mot .dt{fill:var(--hd-paper);stroke:var(--hd-ink);stroke-width:1.5px;offset-path:path("M8 96C46 8 70 8 160 8");offset-distance:100%;offset-rotate:0deg;cx:0;cy:0}.hd-home .op-fd-named .c-mot:is(:hover,:focus-visible) .mot .cv{animation:.7s cubic-bezier(.23,1,.32,1) both fd-cv}.hd-home .op-fd-named .c-mot:is(:hover,:focus-visible) .mot .dt{animation:.7s cubic-bezier(.23,1,.32,1) both fd-dt}@media (prefers-reduced-motion:reduce){.hd-home .op-fd-named .c-mot .mot :is(.cv,.dt){animation:none}}.hd-home .op-fd-named .typ .aa{display:inline-block}.hd-home .op-fd-named .typ .aa:after{width:auto;left:-16px;right:-16px}.hd-home .op-pat-story{--bar:#d9d9d9;--bar2:#e9e9e9;--ring:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent);--lift:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 18px 40px -22px #00000040}.hd-home .op-pat-story .ops-tabs{justify-content:center;margin:0 0 24px;display:flex}.hd-home .op-pat-story .jobs{background:var(--hp-hover);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.hd-home .op-pat-story .jobs button{all:unset;box-sizing:border-box;height:34px;font:500 14px/34px var(--font-sans);color:var(--sub);cursor:pointer;white-space:nowrap;transition:background-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);border-radius:9px;padding:0 16px}.hd-home .op-pat-story .jobs button:hover{color:var(--ink)}.hd-home .op-pat-story .jobs button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hd-home .op-pat-story .jobs button[aria-pressed=true]{background:var(--hp-surface);color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 1px 2px #0000000f}.hd-home .op-pat-story .ops-pl{background:var(--hd-well);min-height:0;box-shadow:none;box-sizing:border-box;border-radius:16px;flex-direction:column;align-items:center;height:auto;padding:96px 64px 72px;display:flex}.hd-home .op-pat-story .ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.hd-home .op-pat-story i{font-style:normal;display:block}.hd-home .op-pat-story .ops-card{background:var(--hp-surface);width:520px;height:340px;box-shadow:var(--lift);border-radius:16px;position:relative}.hd-home .op-pat-story .vw{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s .3s;position:absolute;inset:0}.hd-home .op-pat-story .vw.on{opacity:1;visibility:visible;transition:opacity .35s var(--ease) 50ms}.hd-home .op-pat-story .tb{height:60px;box-shadow:inset 0 -1px color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent);align-items:center;gap:8px;padding:0 16px;display:flex}.hd-home .op-pat-story .ctl{background:var(--hp-surface);height:32px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 12.16%, transparent);color:var(--hp-faint);box-sizing:border-box;border-radius:8px;flex:none;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:relative}.hd-home .op-pat-story .ctl i{background:var(--bar);border-radius:4px;height:7px}.hd-home .op-pat-story .sq{justify-content:center;width:32px;padding:0}.hd-home .op-pat-story .cnt{margin-left:auto}.hd-home .op-pat-story .cnt i{background:var(--bar2);border-radius:4px;width:44px;height:7px}.hd-home .op-pat-story .bd{border-radius:0 0 16px 16px;height:280px;position:relative;overflow:hidden}.hd-home .op-pat-story .rw{box-sizing:border-box;height:42px;box-shadow:inset 0 -1px color-mix(in srgb, var(--hp-edge-ink) 3.92%, transparent);transition:height .36s var(--ease) calc(var(--i) * 25ms), opacity .25s var(--ease) calc(var(--i) * 25ms);align-items:center;gap:12px;padding:0 20px;display:flex;overflow:hidden}.hd-home .op-pat-story .rw b{background:var(--bar2);border-radius:50%;flex:none;width:20px;height:20px}.hd-home .op-pat-story .rw i{background:var(--bar);border-radius:4px;flex:none;height:7px}.hd-home .op-pat-story .rw i.m{background:var(--bar2)}.hd-home .op-pat-story .rw em{background:var(--bar);border-radius:50%;flex:none;width:8px;height:8px;margin-left:auto}.hd-home .op-pat-story .rw.a em{background:var(--hd-ink)}.hd-home .op-pat-story .emp{opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0;transform:translateY(6px)}.hd-home .op-pat-story .gl{background:var(--hp-field);border-radius:50%;width:48px;height:48px;margin-bottom:4px;position:relative}.hd-home .op-pat-story .gl i{border-radius:50%;width:20px;height:20px;position:absolute;top:14px;left:14px;box-shadow:inset 0 0 0 2px #bdbdbd}.hd-home .op-pat-story .gl:after{content:"";background:var(--hp-secondary);border-radius:1px;width:7px;height:2px;position:absolute;top:31px;left:31px;transform:rotate(45deg)}.hd-home .op-pat-story .emp .ebar{background:var(--bar);border-radius:4px;height:8px}.hd-home .op-pat-story .emp .ebar.m{background:var(--bar2)}.hd-home .op-pat-story .pill{height:28px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 12.16%, transparent);border-radius:8px;place-items:center;margin-top:6px;padding:0 14px;display:grid}.hd-home .op-pat-story .pill i{background:var(--bar);border-radius:4px;height:7px}.hd-home .op-pat-story .spin{animation:.8s linear infinite ops-spin}.hd-home .op-pat-story .jf .chips{gap:6px;display:flex}.hd-home .op-pat-story .jf .chip{background:var(--hp-field);max-width:0;height:32px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 7.84%, transparent);color:var(--hp-faint);opacity:0;box-sizing:border-box;transition:max-width .36s var(--ease), padding .36s var(--ease), opacity .25s var(--ease), transform .36s var(--ease);border-radius:8px;flex:none;align-items:center;gap:8px;padding:0;display:inline-flex;overflow:hidden;transform:scale(.97)}.hd-home .op-pat-story .jf .chip i{background:var(--hp-secondary);border-radius:4px;flex:none;height:7px}.hd-home .op-pat-story .jf .chip .ic{flex:none;width:12px;height:12px}.hd-home .op-pat-story .jf:is([data-s="1"],[data-s="2"]) .c1,.hd-home .op-pat-story .jf[data-s="2"] .c2{opacity:1;max-width:120px;padding:0 10px 0 12px;transform:none}.hd-home .op-pat-story .jf:is([data-s="1"],[data-s="2"]) .rw:not(.a),.hd-home .op-pat-story .jf[data-s="2"] .rw{opacity:0;height:0}.hd-home .op-pat-story .jf[data-s="2"] .emp{opacity:1;transition-delay:.2s;transform:none}.hd-home .op-pat-story .jsv .ttl{background:var(--hp-secondary);border-radius:5px;height:9px;margin-left:4px;margin-right:auto}.hd-home .op-pat-story .jsv .pri{background:var(--hd-ink);width:104px;box-shadow:none;color:var(--hd-paper);justify-content:center}.hd-home .op-pat-story .jsv .pri .lb{background:color-mix(in srgb, var(--hp-inverse) 80%, transparent);width:52px;height:7px;transition:opacity .2s var(--ease);border-radius:4px}.hd-home .op-pat-story .jsv .pri :is(.spin,.ok){opacity:0;transition:opacity .2s var(--ease), transform .3s var(--ease);margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.hd-home .op-pat-story .jsv .pri .ok{width:14px;height:14px;display:grid;transform:scale(.8)}.hd-home .op-pat-story .jsv .pri .ok .ic{stroke-width:2.5px}.hd-home .op-pat-story .jsv[data-s="1"] .pri .lb,.hd-home .op-pat-story .jsv[data-s="2"] .pri .lb{opacity:0}.hd-home .op-pat-story .jsv[data-s="1"] .pri .spin{opacity:1}.hd-home .op-pat-story .jsv[data-s="2"] .pri .ok{opacity:1;transform:none}.hd-home .op-pat-story .jsv .fm{box-sizing:border-box;align-content:start;gap:22px;padding:30px 28px 0;display:grid}.hd-home .op-pat-story .jsv .fl{grid-template-columns:88px 1fr;align-items:center;gap:16px;display:grid}.hd-home .op-pat-story .jsv .lab{background:var(--bar2);border-radius:4px;width:56px;height:7px}.hd-home .op-pat-story .jsv .in{background:var(--hp-surface);height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 12.16%, transparent);transition:background-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:8px;align-items:center;gap:2px;padding:0 12px;display:flex}.hd-home .op-pat-story .jsv .in i{background:var(--bar);height:7px;transition:background-color .3s var(--ease);border-radius:4px}.hd-home .op-pat-story .jsv .in.ta{align-content:start;gap:9px;height:72px;padding-top:14px;display:grid}.hd-home .op-pat-story .jsv .caret{background:var(--hd-ink);opacity:0;width:1.5px;height:16px;display:block}.hd-home .op-pat-story .jsv[data-s="0"] .caret{opacity:1;animation:1s step-end infinite ops-blink}.hd-home .op-pat-story .jsv[data-s="1"] .in{background:var(--hd-well);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 7.06%, transparent)}.hd-home .op-pat-story .jsv[data-s="1"] .in i{background:var(--bar2)}.hd-home .op-pat-story .jsv .toast{background:var(--hd-ink);opacity:0;height:34px;transition:opacity .3s var(--ease), transform .35s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 10px;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%,8px)}.hd-home .op-pat-story .jsv .toast .tk{background:color-mix(in srgb, var(--hp-inverse) 14.9%, transparent);width:18px;height:18px;color:var(--hd-paper);border-radius:50%;place-items:center;display:grid}.hd-home .op-pat-story .jsv .toast .tk .ic{stroke-width:3px;width:11px;height:11px}.hd-home .op-pat-story .jsv .toast i{background:color-mix(in srgb, var(--hp-inverse) 70.2%, transparent);border-radius:4px;height:7px}.hd-home .op-pat-story .jsv[data-s="2"] .toast{opacity:1;transform:translate(-50%)}.hd-home .op-pat-story .jlv .layer{transition:opacity .3s var(--ease);position:absolute;inset:0}.hd-home .op-pat-story .jlv .sk .rw b,.hd-home .op-pat-story .jlv .sk .rw i{background:var(--hp-hover)}.hd-home .op-pat-story .jlv .shim{background:linear-gradient(100deg, #fff0 30%, var(--hp-shimmer) 50%, #fff0 70%);position:absolute;inset:0;transform:translate(-100%)}.hd-home .op-pat-story .jlv.on[data-s="0"] .shim{animation:1.3s linear infinite ops-shim}.hd-home .op-pat-story .jlv .real,.hd-home .op-pat-story .jlv .emp,.hd-home .op-pat-story .jlv[data-s="1"] .sk,.hd-home .op-pat-story .jlv[data-s="2"] .sk{opacity:0}.hd-home .op-pat-story .jlv[data-s="1"] .real{opacity:1}.hd-home .op-pat-story .jlv .real .rw{opacity:0;transition:opacity .3s var(--ease) calc(var(--i) * 40ms), transform .3s var(--ease) calc(var(--i) * 40ms);transform:translateY(4px)}.hd-home .op-pat-story .jlv[data-s="1"] .real .rw{opacity:1;transform:none}.hd-home .op-pat-story .jlv[data-s="2"] .emp{opacity:1;transition-delay:.1s;transform:none}.hd-home .op-pat-story .ops-scrub{width:400px;margin-top:56px;position:relative}.hd-home .op-pat-story .pp{all:unset;box-sizing:border-box;background:var(--hp-surface);width:32px;height:32px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 14.12%, transparent);cursor:pointer;color:var(--ink);transition:box-shadow .2s var(--ease);border-radius:8px;place-items:center;display:grid;position:absolute;top:0;left:-56px}.hd-home .op-pat-story .pp:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 25.1%, transparent)}.hd-home .op-pat-story .pp:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hd-home .op-pat-story .pp .ic{fill:currentColor;stroke:none;width:13px;height:13px}.hd-home .op-pat-story .pp .i-play,.hd-home .op-pat-story.paused .pp .i-pause{display:none}.hd-home .op-pat-story.paused .pp .i-play{display:block}.hd-home .op-pat-story .trk{width:400px;padding-top:7px}.hd-home .op-pat-story .rail{cursor:pointer;touch-action:none;height:18px;position:relative}.hd-home .op-pat-story .rail:before{content:"";background:color-mix(in srgb, var(--hp-edge-ink) 9.02%, transparent);border-radius:1px;height:2px;position:absolute;top:8px;left:0;right:0}.hd-home .op-pat-story .fill{background:var(--ink);height:2px;width:calc(var(--p,0) * 100%);transition:width .35s var(--ease);border-radius:1px;position:absolute;top:8px;left:0}.hd-home .op-pat-story .rail .dot{background:var(--hp-surface);width:8px;height:8px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 18.82%, transparent);border-radius:50%;margin-left:-4px;position:absolute;top:5px}.hd-home .op-pat-story .d0{left:0}.hd-home .op-pat-story .d1{left:50%}.hd-home .op-pat-story .d2{left:100%}.hd-home .op-pat-story .th{top:0;left:calc(var(--p,0) * 100%);background:var(--hp-surface);width:18px;height:18px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 18.04%, transparent), 0 2px 6px -1px #0003;cursor:grab;transition:left .35s var(--ease), box-shadow .2s var(--ease);border-radius:50%;outline:none;margin-left:-9px;position:absolute}.hd-home .op-pat-story .th:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 27.06%, transparent), 0 2px 8px -1px #00000040}.hd-home .op-pat-story .th:focus-visible{box-shadow:0 0 0 2px var(--hd-paper), 0 0 0 4px var(--ink)}.hd-home .op-pat-story.drag .th{cursor:grabbing;transition:none}.hd-home .op-pat-story.drag .fill{transition:none}.hd-home .op-pat-story .stops{height:24px;margin-top:10px;position:relative}.hd-home .op-pat-story .stops button{all:unset;font:500 13px/20px var(--font-sans);color:var(--mute);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease);border-radius:6px;padding:2px 6px;position:absolute;top:0;transform:translate(-50%)}.hd-home .op-pat-story .stops button:first-child{left:0}.hd-home .op-pat-story .stops button:nth-child(2){left:50%}.hd-home .op-pat-story .stops button:nth-child(3){left:100%}.hd-home .op-pat-story .stops button:hover{color:var(--ink)}.hd-home .op-pat-story .stops button:focus-visible{outline:2px solid var(--ink);outline-offset:0}.hd-home .op-pat-story .stops button[aria-current=step]{color:var(--ink)}.hd-home .ov .op-pat-story{align-content:center;height:100%;display:grid}.hd-home .ov .op-pat-story .ops-pl{background:0 0;height:auto;padding:24px 0 0}.hd-home .ov .op-pat-story .ops-scrub{margin-top:40px}.hd-home .ov .op-pat-story .ops-tabs{margin-bottom:4px}@media (prefers-reduced-motion:reduce){.hd-home .op-pat-story :is(.vw,.rw,.chip,.emp,.fill,.th,.toast,.layer,.in,.pri *){transition-duration:10ms;transition-delay:0s}.hd-home .op-pat-story :is(.spin,.shim,.caret){animation:none}}.hd-home .op-pat-story.paused .stops button:after,.hd-home .op-pat-story.paused .jobs .jb-tick:after{animation-play-state:paused}.hd-home .op-pat-story.paused.done .stops button[aria-current=step]:after{opacity:1;animation:none;transform:none}.hd-home .op-pat-story .ops-pl{padding-top:40px}.hd-home .op-pat-story .ops-pl>.ops-tabs{margin:0 0 56px}.hd-home .op-pat-story .pp{border-radius:50%}.hd-home .op-pat-story .pp .i-re{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:none}.hd-home .op-pat-story.done .pp .i-play,.hd-home .op-pat-story.done .pp .i-pause{display:none}.hd-home .op-pat-story.done .pp .i-re{display:block}.hd-home .ov .op-pat-story .ops-pl{height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:40px 48px}.hd-home .ov .op-pat-story .ops-pl>.ops-tabs{margin:0 0 32px}.hd-home .ov .op-pat-story .ops-scrub{margin-top:36px;padding-bottom:40px}.hd-home .ov .sx-more{display:none}.hd-home .op-pat-story .jer .ttl,.hd-home .op-pat-story .jnt .ttl,.hd-home .op-pat-story .jds .ttl{background:var(--hp-secondary);border-radius:5px;height:9px;margin-left:4px;margin-right:auto}.hd-home .op-pat-story .jer .pri{background:var(--hd-ink);width:104px;box-shadow:none;transition:opacity .3s var(--ease);justify-content:center}.hd-home .op-pat-story .jer .pri .lb{background:color-mix(in srgb, var(--hp-inverse) 80%, transparent);border-radius:4px;width:52px;height:7px}.hd-home .op-pat-story :is(.jer,.jds) .fm{box-sizing:border-box;align-content:start;gap:18px;padding:30px 28px 0;display:grid}.hd-home .op-pat-story :is(.jer,.jds) .fl{grid-template-columns:88px 1fr;align-items:center;gap:16px;display:grid}.hd-home .op-pat-story :is(.jer,.jds) .lab{background:var(--bar2);border-radius:4px;width:56px;height:7px}.hd-home .op-pat-story :is(.jer,.jds) .in{background:var(--hp-surface);height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 12.16%, transparent);transition:box-shadow .3s var(--ease);border-radius:8px;align-items:center;padding:0 12px;display:flex;position:relative}.hd-home .op-pat-story :is(.jer,.jds) .in i{background:var(--bar);border-radius:4px;height:7px}.hd-home .op-pat-story .jer .st{opacity:0;width:16px;height:16px;transition:opacity .25s var(--ease), transform .3s var(--ease);display:grid;position:absolute;top:9px;right:10px;transform:scale(.8)}.hd-home .op-pat-story .jer .st .ic{width:16px;height:16px}.hd-home .op-pat-story .jer .st.bad{color:#e5484d}.hd-home .op-pat-story .jer .st.good{color:#30a46c}.hd-home .op-pat-story .jer .hint{opacity:0;height:0;transition:height .3s var(--ease), opacity .25s var(--ease);margin-top:-10px;overflow:hidden}.hd-home .op-pat-story .jer .hint .msg i{background:#e5484d73;border-radius:4px;height:7px}.hd-home .op-pat-story .jer[data-s="0"] .er .in{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 25.1%, transparent), 0 0 0 3px color-mix(in srgb, var(--hp-edge-ink) 3.92%, transparent)}.hd-home .op-pat-story .jer[data-s="1"] .er .in{box-shadow:inset 0 0 0 1px #e5484d,0 0 0 3px #e5484d1f}.hd-home .op-pat-story .jer[data-s="1"] .st.bad{opacity:1;transform:none}.hd-home .op-pat-story .jer[data-s="1"] .hint{opacity:1;height:12px}.hd-home .op-pat-story .jer[data-s="1"] .pri{opacity:.4}.hd-home .op-pat-story .jer[data-s="2"] .st.good{opacity:1;transform:none}.hd-home .op-pat-story .jnt .bell{position:relative}.hd-home .op-pat-story .jnt .bdg{width:8px;height:8px;box-shadow:0 0 0 2px var(--hd-paper);transition:transform .3s var(--ease);background:#e5484d;border-radius:50%;position:absolute;top:5px;right:5px;transform:scale(0)}.hd-home .op-pat-story .jnt[data-s="1"] .bdg{transform:none}.hd-home .op-pat-story .jnt .nt{box-sizing:border-box;background:var(--hp-surface);width:260px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 1px 1px -.5px #0000000f, 0 3px 3px -1.5px #0000000f, 0 6px 6px -3px #0000000f, 0 12px 12px -6px #0000000a, 0 24px 24px -12px #0000000a;opacity:0;transition:opacity .25s var(--ease), transform .3s var(--ease);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex;position:absolute;top:14px;right:16px;transform:translateY(-8px)scale(.97)}.hd-home .op-pat-story .jnt .nt .dot{background:#0b63d6;border-radius:50%;flex:none;width:8px;height:8px;margin-top:3px}.hd-home .op-pat-story .jnt .nt .tx{flex:1;gap:8px;display:grid}.hd-home .op-pat-story .jnt .nt .tx i{background:var(--hp-secondary);border-radius:4px;height:7px}.hd-home .op-pat-story .jnt .nt .tx i.m{background:var(--bar2)}.hd-home .op-pat-story .jnt .nt .x{color:var(--hp-strong)}.hd-home .op-pat-story .jnt .nt .x .ic{width:12px;height:12px}.hd-home .op-pat-story .jnt[data-s="1"] .nt{opacity:1;transform:none}.hd-home .op-pat-story .jnt[data-s="2"] .nt{opacity:0;transform:translate(16px)}.hd-home .op-pat-story .jds .dtg{height:24px;color:var(--hp-faint);align-items:center;gap:8px;margin-top:4px;display:flex}.hd-home .op-pat-story .jds .dtg i{background:var(--bar);border-radius:4px;height:7px}.hd-home .op-pat-story .jds .cv{transition:transform .3s var(--ease);display:grid;transform:rotate(-90deg)}.hd-home .op-pat-story .jds .cv .ic{width:14px;height:14px}.hd-home .op-pat-story .jds .more{opacity:0;max-height:0;transition:max-height .45s var(--ease), opacity .3s var(--ease);gap:18px;display:grid;overflow:hidden}.hd-home .op-pat-story .jds .sw{background:var(--hd-ink);border-radius:9px;width:32px;height:18px;position:relative}.hd-home .op-pat-story .jds .sw i{background:var(--hp-surface);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px}.hd-home .op-pat-story .jds:is([data-s="1"],[data-s="2"]) .cv{transform:none}.hd-home .op-pat-story .jds[data-s="1"] .more{opacity:.6;max-height:40px}.hd-home .op-pat-story .jds[data-s="2"] .more{opacity:1;max-height:120px}.hd-home .op-pat-story .jobs button:focus:not(:focus-visible){outline:none}.hd-home .sx-start{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 -32px;display:grid}.hd-home .sx-scw{position:relative}.hd-home .sx-scw:hover .sx-dl,.hd-home .sx-dl:focus-visible{opacity:1}.hd-home .sx-sc{color:inherit;border-radius:16px;gap:14px;text-decoration:none;display:grid}.hd-home .sx-sc .well{background:var(--plate);height:200px;transition:background-color .2s var(--ease);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.hd-home .sx-sc:hover .well{background:var(--hp-hover)}.hd-home .sx-sc:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hd-home .sx-sc .cap{justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px;display:flex}.hd-home .sx-sc .cap b{font:500 16px/22px var(--font-sans);color:var(--ink)}.hd-home .sx-sc .cap span{font:400 13px/20px var(--font-sans);color:var(--mute)}.hd-home .sx-sc:hover .cap b{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.hd-home .sx-sc:hover .w-mark img{transform:translateY(-3px)}.hd-home .w-fan{width:150px;height:110px;display:block;position:relative}.hd-home .w-fan i{width:70px;height:92px;box-shadow:0 0 0 4px var(--hd-paper), 0 6px 14px -6px #00000040;transform-origin:50% 120%;transform:rotate(calc((var(--k) - 2) * 9deg));transition:transform .35s var(--ease);border-radius:10px;position:absolute;top:6px;left:40px}.hd-home .sx-sc:hover .w-fan i{transform:rotate(calc((var(--k) - 2) * 12deg))}.hd-home .w-sel{gap:6px;width:150px;display:grid}.hd-home .w-sel .tr,.hd-home .w-sel .ls{background:var(--hp-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 14.9%, transparent);border-radius:8px}.hd-home .w-sel .tr{justify-content:space-between;align-items:center;height:30px;padding:0 8px 0 10px;display:flex}.hd-home .w-sel .ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hd-home .w-sel .tr .ic{width:14px;height:14px;color:var(--hd-muted)}.hd-home .w-sel i{background:var(--hp-bar);border-radius:3px;width:64px;height:6px;display:block}.hd-home .w-sel i.s{width:44px}.hd-home .w-sel .ls{box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 6px 14px -8px #0003;padding:4px;display:grid}.hd-home .w-sel .ls>span{border-radius:5px;justify-content:space-between;align-items:center;height:24px;padding:0 6px;display:flex}.hd-home .w-sel .ls>span.on{background:color-mix(in srgb, var(--hp-edge-ink) 3.92%, transparent)}.hd-home .w-sel .ls .ic{width:13px;height:13px;color:var(--hd-ink)}.hd-home .sx-sc .well{box-shadow:none;margin:0;padding:0}.hd-home .sx-sc .cap{background:0 0;border:0;margin:0;padding:0 4px}.hd-home .sx-intro2 .sx-scw{position:relative}.hd-home .sx-tlist .meta,.hd-home .sx-tr-st b,.hd-home .sx-sc .cap span{font-variant-numeric:tabular-nums}.hd-home .w-lay{background:var(--hp-surface);width:220px;height:148px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 7.84%, transparent), 0 1px 2px #0000000a, 0 12px 24px -12px #0000002e;border-radius:12px;grid-template-columns:52px minmax(0,1fr);display:grid;overflow:hidden}.hd-home .w-lay .sb{background:var(--hp-panel);box-shadow:inset -1px 0 color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent);align-content:start;gap:8px;padding:12px 10px;display:grid}.hd-home .w-lay .sb i{background:var(--hp-bar);border-radius:3px;height:6px;display:block}.hd-home .w-lay .sb i:first-child{background:var(--hd-ink);border-radius:5px;width:18px;height:18px;margin-bottom:4px}.hd-home .w-lay .sb i:nth-child(3){background:var(--hp-strong)}.hd-home .w-lay .mn{grid-template-rows:auto 1fr;gap:10px;padding:12px;display:grid}.hd-home .w-lay .hd{justify-content:space-between;align-items:center;display:flex}.hd-home .w-lay .hd b{background:var(--hp-strong);border-radius:3px;width:56px;height:7px}.hd-home .w-lay .hd em{background:var(--hd-ink);border-radius:5px;width:32px;height:16px}.hd-home .w-lay .gr{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;display:grid}.hd-home .w-lay .gr i{background:var(--hp-cell);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent);transition:background-color .3s var(--ease);border-radius:6px;display:block}.hd-home .sx-sc:hover .w-lay .gr i:first-child{background:var(--hp-soft)}.hd-home .w-fan{top:6px}.hd-home .sx-sc{display:block;position:relative}.hd-home .sx-sc .well{box-sizing:border-box;height:280px;padding-bottom:56px}.hd-home .sx-sc .cap{z-index:1;justify-content:space-between;align-items:baseline;margin:0;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.hd-home --b .sx-start{margin:0}.hd-home .w-marks{width:168px;height:112px;display:block;position:relative}.hd-home .w-marks>*{width:76px;height:76px;box-shadow:0 0 0 4px var(--hd-paper), 0 1px 2px #00000014, 0 10px 24px -10px #00000059;transform-origin:50% 120%;transition:transform .35s var(--ease);border-radius:18px;position:absolute;top:18px}.hd-home .w-marks img{z-index:3;display:block;left:30px;transform:rotate(-6deg)}.hd-home .w-marks .m2{background:var(--hp-bar);z-index:2;left:50px;transform:rotate(6deg)}.hd-home .w-marks .m3{background:var(--hp-soft);z-index:1;left:70px;transform:rotate(18deg)}.hd-home .w-marks :is(.m2,.m3){color:var(--hd-muted);place-items:center;display:grid}.hd-home .w-marks .intro-semtype-mark{background:currentColor;width:42px;height:44px;display:block;-webkit-mask:url(/brands/semtype/brand_glyph-outline_light-mode.svg) 50%/contain no-repeat;mask:url(/brands/semtype/brand_glyph-outline_light-mode.svg) 50%/contain no-repeat}.hd-home .sx-sc:hover .w-marks img{transform:rotate(-10deg)translate(-6px)}.hd-home .sx-sc:hover .w-marks .m2{transform:rotate(8deg)translate(4px)}.hd-home .sx-sc:hover .w-marks .m3{transform:rotate(24deg)translate(14px)}@media (prefers-reduced-motion:reduce){.hd-home .w-marks>*{transition:none}}.hd-home .sx-sc .cap{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px}.hd-home .sx-sc .cap span{font:400 13px/18px var(--font-sans);color:var(--mute)}.hd-home .sx-sc .well .w-marks img{z-index:3;left:46px;transform:none}.hd-home .sx-sc .well .w-marks .m2{z-index:2;left:46px;transform:translate(-30px)rotate(-12deg)}.hd-home .sx-sc .well .w-marks .m3{z-index:1;left:46px;transform:translate(30px)rotate(12deg)}.hd-home .sx-sc .well .w-sel .tr{transition:box-shadow .2s var(--ease)}.hd-home .sx-sc .well .w-sel .tr .ic{transition:rotate .2s var(--ease)}.hd-home .sx-sc .well .w-sel .ls{opacity:0;transform-origin:50% 0;transition:opacity .18s var(--ease), transform .2s var(--ease);transform:translateY(-4px)scale(.97)}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-marks img{transform:translateY(-4px)}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-marks .m2{transform:translate(-60px)rotate(-16deg)}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-marks .m3{transform:translate(60px)rotate(16deg)}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-sel .tr{box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 25.1%, transparent), 0 0 0 3px color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent)}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-sel .tr .ic{rotate:180deg}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-sel .ls{opacity:1;transition-delay:50ms;transform:none}@media (prefers-reduced-motion:reduce){.hd-home .sx-sc .well :is(.w-sel .ls,.w-sel .tr .ic){transition:none}}.hd-home .sx-sc,.hd-home .sx-sc *{text-decoration:none}.hd-home .w-fan i{background:var(--g);transition:transform .35s var(--ease), background-color .3s var(--ease) calc(var(--k) * 40ms)}.hd-home .sx-sc:is(:hover,:focus-visible) .w-fan i{background:var(--c)}.hd-home .sx-sc .well .w-sel .ls{opacity:1;transition:none;position:relative;transform:none}.hd-home .sx-sc .well .w-sel .ls:before{content:"";background:color-mix(in srgb, var(--hp-edge-ink) 3.92%, transparent);height:24px;transition:transform .3s var(--ease);border-radius:5px;position:absolute;top:4px;left:4px;right:4px}.hd-home .sx-sc .well .w-sel .ls>span{position:relative}.hd-home .sx-sc .well .w-sel .ls>span.on{background:0 0}.hd-home .sx-sc .well .w-sel .ls>span.on .ic{transition:transform .3s var(--ease)}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-sel .ls{opacity:1;transform:none}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-sel .ls:before,.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-sel .ls>span.on .ic{transform:translateY(24px)}.hd-home .sx-sc:is(:hover,:focus-visible) .well .w-sel .tr .ic{rotate:0deg}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i{animation:2.4s step-end infinite wl-step}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i:not(:first-child){background:var(--hp-cell);animation-fill-mode:backwards}@media (prefers-reduced-motion:reduce){.hd-home .sx-sc .w-lay :is(.gr i,.hd em){animation:none}}.hd-home .sx-sc .w-lay{position:relative}.hd-home .sx-sc .w-lay:before{content:"";z-index:3;box-shadow:inset 0 0 0 1.5px var(--hd-ink);pointer-events:none;opacity:0;border-radius:12px;position:absolute;inset:0}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay{animation:1s both wl-fill}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .sb{animation:.4s cubic-bezier(.23,1,.32,1) .3s both wl-in}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .hd{animation:.4s cubic-bezier(.23,1,.32,1) .42s both wl-in}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i{background:var(--hp-cell);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent);animation:.45s cubic-bezier(.23,1,.32,1) both wl-tile}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .hd em{animation:none}@media (prefers-reduced-motion:reduce){.hd-home .sx-sc .w-lay,.hd-home .sx-sc .w-lay *,.hd-home .sx-sc .w-lay:before{animation:none}}.hd-home .sx-sc .w-lay:before{box-shadow:none;border:1px dashed #3b82f6a6;border-radius:12px}.hd-home .sx-sc .w-lay:after{content:"";z-index:3;pointer-events:none;opacity:0;--d:repeating-linear-gradient(90deg, #3b82f6a6 0 4px, transparent 4px 8px);--v:repeating-linear-gradient(180deg, #3b82f6a6 0 4px, transparent 4px 8px);background:var(--v) 52px 0 / 1px 100% no-repeat, var(--d) 52px 38px / calc(100% - 52px) 1px no-repeat, var(--v) 136px 38px / 1px calc(100% - 38px) no-repeat, var(--d) 52px 88px / calc(100% - 52px) 1px no-repeat;position:absolute;inset:0}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay:before{animation:1.5s cubic-bezier(.23,1,.32,1) both wl-guides}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay:after{animation:1.5s cubic-bezier(.23,1,.32,1) .12s both wl-guides}@media (prefers-reduced-motion:reduce){.hd-home .sx-sc .w-lay:after{animation:none}}.hd-home .sx-sc .w-lay:after{background:repeating-linear-gradient(#3b82f6a6 0 4px,#0000 4px 8px) 52px 0/1px 100% no-repeat,repeating-linear-gradient(90deg,#3b82f6a6 0 4px,#0000 4px 8px) 52px 38px/calc(100% - 52px) 1px no-repeat}.hd-home .sx-sc .w-lay .gr i{outline-offset:-1px;outline:1px dashed #3b82f600}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i{box-shadow:none;animation-name:wl-cell;animation-duration:.9s}.hd-home .sx-sc .w-lay:before{display:none}.hd-home .sx-sc .w-lay:after{background:linear-gradient(#3b82f6,#3b82f6) 52px 0/1px 100% no-repeat,linear-gradient(#3b82f61f,#3b82f61f) 64px 0/68px 100% no-repeat,linear-gradient(#3b82f61f,#3b82f61f) 140px 0/68px 100% no-repeat,linear-gradient(#3b82f61f,#3b82f61f) 53px 38px/167px 45px no-repeat,linear-gradient(#3b82f61f,#3b82f61f) 53px 91px/167px 45px no-repeat;border-radius:12px}.hd-home .sx-sc .w-lay .gr i{z-index:4;outline:none;position:relative}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i{animation-name:wl-tile;animation-duration:.45s}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i:first-child{animation-delay:.7s}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i:nth-child(2){animation-delay:.8s}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i:nth-child(3){animation-delay:.9s}.hd-home .sx-sc:is(:hover,:focus-visible) .w-lay .gr i:nth-child(4){animation-delay:1s}.hd-home .hx-stage .hm-svg{display:none}.hd-home .hx-stage.hl-marks .hm-svg{width:82%;height:82%;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.hd-home .hm-svg .hm-g path{fill:none;stroke:color-mix(in srgb, var(--hp-edge-ink) 7.06%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.hd-home .hm-svg .hm-g path.d{stroke-dasharray:3 3;stroke:color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent)}.hd-home .hm-svg .hm-p{opacity:0;transition:opacity .35s}.hd-home .hm-svg .hm-p.on{opacity:1}.hd-home .hm-svg .hm-p :is(rect,path,circle){fill:none;stroke:var(--hd-ink);stroke-width:.3px;stroke-linecap:round;stroke-linejoin:round}.hd-home .hm-svg .hm-p .bar{stroke:none;fill:var(--hp-bar);transition:fill .4s}.hd-home .hm-svg .hm-p .bar.hk{fill:var(--hp-strong)}.hd-home .hm-svg .hm-p .bar.hw{fill:var(--hd-paper)}.hd-home .hm-svg .hm-p .hf{transition:fill .45s .7s}.hd-home .hm-svg .hm-p.on .hf{fill:var(--hd-paper)}.hd-home .hm-svg .hm-p.on .hf.hk{fill:var(--hd-ink)}.hd-home .hm-svg .hm-p .tk{stroke-width:.45px}.hd-home .hm-svg .hm-p.on .tk{stroke:var(--hd-paper)}.hd-home .hm-svg .hm-p[data-n="0"] .tk{stroke:var(--hd-ink)}.hd-home .hm-svg .hm-p .kn{fill:var(--hd-paper);stroke:none}.hd-home .hm-svg .hm-p .sw{transition:fill .45s .7s}.hd-home .hm-svg .hm-p.on .sw{fill:var(--fl)}.hd-home .hm-svg .hm-p .aa{fill:none;stroke:var(--hd-ink);stroke-width:.3px;font:600 44px/1 Inter Tight,Inter,system-ui,sans-serif;transition:fill .5s .6s}.hd-home .hm-svg .hm-p.on .aa{fill:var(--hd-ink)}@media (prefers-reduced-motion:reduce){.hd-home .hm-svg .hm-p,.hd-home .hm-svg .hm-p *{transition:none;animation:none}}.hd-home .hx-stage.hl-marks>.hm-svg{display:block}.hd-home .hm-svg .hm-p :is(rect,path,circle){fill:none;stroke:color-mix(in srgb, var(--hp-edge-ink) 23.92%, transparent);stroke-width:.28px;transition:fill .45s .45s,stroke .3s,filter .45s .45s}.hd-home .hm-svg .hm-p .bar,.hd-home .hm-svg .hm-p .aa{fill:none;stroke:color-mix(in srgb, var(--hp-edge-ink) 23.92%, transparent);stroke-width:.28px}.hd-home .hm-svg .hm-p.on .f,.hd-home .hm-svg .hm-p.on .hf{fill:none}.hd-home .hm-svg .hm-p.on :is(rect:not(.bar),path,circle){stroke-dasharray:none;animation:none}.hd-home .hm-svg .hm-p.on.in :is(rect:not(.bar),path,circle){stroke-dasharray:1 1;animation:.8s cubic-bezier(.65,0,.35,1) both hm-draw}.hd-home .hm-svg .hm-p.on.in rect:not(.bar):not(.sw){fill:var(--hd-paper);stroke:color-mix(in srgb, var(--hp-edge-ink) 14.9%, transparent);filter:drop-shadow(0 .4px .5px #0000000f)drop-shadow(0 1.6px 2.4px #0000000d)}.hd-home .hm-svg .hm-p.on.in .bar{fill:var(--hp-bar);stroke:none}.hd-home .hm-svg .hm-p.on.in .bar.hk{fill:var(--hp-strong)}.hd-home .hm-svg .hm-p.on.in .bar.hw{fill:color-mix(in srgb, var(--hp-inverse) 85.1%, transparent)}.hd-home .hm-svg .hm-p.on.in :is(path,circle):not(.tk):not(.kn){stroke:var(--hd-muted)}.hd-home .hm-svg .hm-p.on.in .tk{stroke:var(--hd-paper);stroke-width:.5px}.hd-home .hx-stage.hm-hov .hm-svg .hm-p[data-n="0"].on .tk{stroke:var(--hd-ink)}.hd-home .hm-svg .hm-p.on.in .kn{fill:var(--hd-paper);stroke:none}.hd-home .hm-svg .hm-p.on.in .sw{fill:var(--fl);stroke:color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent)}.hd-home .hm-svg .hm-p.on.in .aa{fill:var(--hd-ink);stroke:none}.hd-home .hx-stage.hl-marks>.hm-svg{width:60%;height:60%}.hd-home .hm-svg .hm-g path{stroke:color-mix(in srgb, var(--hp-edge-ink) 4.31%, transparent)}.hd-home .hm-svg .hm-g path.d{stroke:color-mix(in srgb, var(--hp-edge-ink) 3.14%, transparent)}.hd-home .hm-svg .hm-p :is(rect,path,circle),.hd-home .hm-svg .hm-p .bar,.hd-home .hm-svg .hm-p .aa{stroke:color-mix(in srgb, var(--hp-edge-ink) 18.82%, transparent);stroke-width:.22px}.hd-home .hm-svg .hm-p.on.in rect:not(.bar){fill:var(--hd-paper);stroke:color-mix(in srgb, var(--hp-edge-ink) 10.2%, transparent);stroke-width:.22px;filter:drop-shadow(0 .3px .4px #0000000f)drop-shadow(0 1.2px 2px #0000000d)}.hd-home .hm-svg .hm-p.on.in rect.hk:not(.bar){fill:var(--hd-ink);stroke:none}.hd-home .hm-svg .hm-p.on.in rect.hl{fill:var(--hp-field);stroke:none;filter:none}.hd-home .hm-svg .hm-p.on.in rect.sw{fill:var(--fl);stroke:color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent);filter:none}.hd-home .hm-svg .hm-p.on.in :is(path,circle):not(.tk):not(.kn){stroke:var(--hp-faint);stroke-width:.35px}.hd-home .hm-svg .hm-p.on.in .bar{stroke:none}.hd-home .hm-svg .hm-p.on.in .aa{stroke:none;fill:var(--hd-ink)}.hd-home .sx-pl--ag2{padding:0}.hd-home .ag2{height:400px;position:relative}.hd-home .ag2-w{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hd-home .ag2-w path{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.hd-home .ag2-w .w{stroke:color-mix(in srgb, var(--hp-edge-ink) 9.02%, transparent)}.hd-home .ag2-w .p{stroke:var(--hd-ink);stroke-width:1.5px;stroke-dasharray:.14 1.2;stroke-dashoffset:.14px;opacity:0}.hd-home .ag2-w .p.go{opacity:1;animation:.9s cubic-bezier(.65,0,.35,1) both ag2-run}.hd-home .ag2-f{box-sizing:border-box;background:var(--hp-surface);width:200px;height:44px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 1px 2px -1px #0000000f, 0 2px 4px #0000000a;color:var(--hd-muted);transition:color .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute;left:64px}.hd-home .ag2-f svg,.hd-home .ag2-a svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.hd-home .ag2-f code{font:400 13px/20px var(--font-mono);color:inherit;background:0 0;padding:0}.hd-home .ag2-f.on{color:var(--hd-ink);box-shadow:0 0 0 1px var(--hd-ink), 0 1px 2px -1px #0000000f, 0 2px 4px #0000000a}.hd-home .ag2-a{background:var(--hd-ink);width:64px;height:64px;color:var(--hd-paper);box-shadow:0 0 0 4px var(--hd-paper), 0 0 0 5px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 8px 18px -8px #00000059;transition:transform .25s var(--ease);border-radius:16px;place-items:center;display:grid;position:absolute;top:168px;left:488px}.hd-home .ag2-a svg{width:24px;height:24px}.hd-home .ag2-a.on{transform:scale(1.04)}.hd-home .ag2-s{box-sizing:border-box;background:var(--hp-surface);width:372px;height:272px;box-shadow:0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.88%, transparent), 0 1px 2px -1px #0000000f, 0 2px 4px #0000000a;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;position:absolute;top:64px;left:700px}.hd-home .ag2-s .pt{transition:opacity .4s var(--ease);display:flex}.hd-home .ag2-s i{background:var(--hp-soft);transition:background-color .4s var(--ease);border-radius:6px;display:block}.hd-home .ag2-s .hd{justify-content:space-between;align-items:center;height:28px}.hd-home .ag2-s .hd .b{height:12px}.hd-home .ag2-s .hd .bt{border-radius:8px;width:28px;height:28px}.hd-home .ag2-s .rows{flex-direction:column;flex:1;gap:0}.hd-home .ag2-s .r{border-top:1px solid color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent);align-items:center;gap:10px;height:40px;display:flex}.hd-home .ag2-s .r .av{border-radius:50%;flex:none;width:20px;height:20px}.hd-home .ag2-s .r .b{height:8px}.hd-home .ag2-s .r .b2{margin-left:auto}.hd-home .ag2-s .ft{justify-content:space-between;align-items:center}.hd-home .ag2-s .ft .tg{border-radius:999px;width:72px;height:20px}.hd-home .ag2-s .ft .btn{border-radius:8px;width:96px;height:32px}.hd-home .ag2-s .pt.in .b1,.hd-home .ag2-s .hd.in .b{background:var(--hd-ink)}.hd-home .ag2-s .pt.in .b2{background:var(--hp-bar)}.hd-home .ag2-s .hd.in .bt{background:var(--hp-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 14.12%, transparent)}.hd-home .ag2-s .rows.in .av{background:#0090ff}.hd-home .ag2-s .ft.in .tg{background:var(--hp-accent-wash);box-shadow:inset 0 0 0 1px #0090ff40}.hd-home .ag2-s .ft.in .btn{background:var(--hd-ink)}@media (prefers-reduced-motion:reduce){.hd-home .ag2 *{transition:none;animation:none}}@keyframes br-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fd-draw{0%{opacity:1;transform:scaleX(1)}22%{opacity:0;transform:scaleX(1)}23%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes fd-cv{0%{stroke-dashoffset:220px}to{stroke-dashoffset:0}}@keyframes fd-dt{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes ops-spin{to{transform:rotate(360deg)}}@keyframes ops-blink{50%{opacity:0}}@keyframes ops-shim{to{transform:translate(100%)}}@keyframes pt-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pt-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes sx-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sx-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes sx-spin{to{transform:rotate(360deg)}}@keyframes sx-xf{0%{opacity:.35}to{opacity:1}}@keyframes sx-tr-blink{50%{opacity:.35}}@keyframes wl-step{0%,22%{background:var(--hp-cell-active);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 14.12%, transparent)}25%,to{background:var(--hp-cell);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hp-edge-ink) 5.1%, transparent)}}@keyframes wl-press{0%,to{transform:none}8%{transform:scale(.92)}16%{transform:none}}@keyframes wl-frame{0%{clip-path:inset(0 100% 100% 0 round 12px);opacity:1}40%{clip-path:inset(0 round 12px);opacity:1}75%{opacity:1}to{clip-path:inset(0 round 12px);opacity:0}}@keyframes wl-fill{0%,30%{background-color:#fff0}60%,to{background-color:var(--hp-surface)}}@keyframes wl-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes wl-tile{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes wl-guides{0%{clip-path:inset(0 100% 100% 0);opacity:1}35%{clip-path:inset(0);opacity:1}70%{opacity:1}to{clip-path:inset(0);opacity:0}}@keyframes wl-cell{0%{opacity:0;background:0 0;outline-color:#3b82f6a6}15%{opacity:1}55%{background:0 0;outline-color:#3b82f6a6}to{opacity:1;background:var(--hp-cell);outline-color:#3b82f600}}@keyframes hl-run{0%{transform:scaleX(0)}to{transform:none}}@keyframes hm-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ag2-run{0%{stroke-dashoffset:.14px}to{stroke-dashoffset:-1px}}
.hd-home{--sans:var(--font-sans);--mono:var(--font-mono);--ink:var(--hd-ink);--mute:var(--hd-muted);--sub:var(--hd-muted);--plate:var(--hd-well);--ease:cubic-bezier(.65, 0, .35, 1);--hp-surface:var(--hd-paper);--hp-edge-ink:#000;--hp-inverse:#fff;--hp-field:#f1f1f1;--hp-cell:#f3f3f3;--hp-cell-active:#e6e6e6;--hp-panel:#fafafa;--hp-hover:#efefef;--hp-secondary:#bbb;--hp-shimmer:#ffffffd9;--hp-accent-wash:#e6f4fe;--hp-bar:#d4d4d4;--hp-soft:#ededed;--hp-strong:#a3a3a3;--hp-faint:#8f8f8f;--hp-blueprint:#2c80c6;--hp-card-shadow:0 0 0 1px #0000000f, 0 1px 2px -1px #0000000f, 0 2px 4px #0000000a}.dark .hd-home{--hp-surface:#2b2b2b;--hp-edge-ink:#fff;--hp-inverse:#202020;--hp-field:#393939;--hp-cell:#373737;--hp-cell-active:#505050;--hp-panel:#252525;--hp-hover:#2b2b2b;--hp-secondary:#8b8b8b;--hp-shimmer:#ffffff18;--hp-accent-wash:#253b4b;--hp-bar:#777;--hp-soft:#484848;--hp-strong:#a8a8a8;--hp-faint:#aaa;--hp-blueprint:#87b7e5;--hp-card-shadow:0 0 0 1px #ffffff12, 0 2px 4px #00000030}.hp-section{border-top:1px solid var(--hd-line);padding:64px 32px 32px;scroll-margin-top:72px}.hp-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px;margin:0 20px 40px;display:grid}.hp-label{color:var(--hd-muted);grid-column:1/-1;font-size:15px;font-weight:500}.hp-heading h2{letter-spacing:-.025em;text-wrap:balance;grid-column:1;margin:0;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.12}.hp-heading p{color:var(--hd-muted);grid-area:2/2;max-width:520px;margin:0;font-size:17px;line-height:1.55}.hp-heading:not(:has(.hp-label)) p{grid-row:1}.hp-heading>.hp-button{grid-column:1;justify-self:start;margin-top:8px}.hp-button{width:max-content;max-width:100%;min-height:36px;box-shadow:var(--hp-card-shadow);border:1px solid var(--hd-line);background:var(--hd-paper);color:var(--hd-ink);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:background-color .2s;display:inline-flex}.hp-button:hover{background:var(--hd-well)}.hp-button-primary{color:var(--hd-paper);background:var(--hd-ink);border-color:var(--hd-ink)}.hp-button-primary:hover{opacity:.85;background:var(--hd-ink)}.hp-more{align-items:center;gap:28px;min-height:110px;padding:32px 20px 0;display:flex}.hp-more>div{flex:1;min-width:0}.hp-more strong{font-size:16px;font-weight:500}.hp-more p{color:var(--hd-muted);margin:3px 0 0;font-size:15px;line-height:1.5}.hp-stack{flex:none;width:108px;height:58px;position:relative}.hp-stack>i{background:var(--hd-paper);width:56px;height:46px;box-shadow:var(--hp-card-shadow);border-radius:12px;place-content:center;gap:5px;display:grid;position:absolute;top:6px}.hp-stack>i:first-child{left:0}.hp-stack>i:nth-child(2){z-index:1;height:58px;top:0;left:26px}.hp-stack>i:last-child{right:0}.hp-stack b{background:var(--hp-bar);border-radius:3px;width:24px;height:5px;display:block}.hp-stack b:last-child{background:var(--hp-soft);width:17px}.hp-stack-0>i:first-child{transform:rotate(-8deg)}.hp-stack-0>i:last-child{transform:rotate(8deg)}.hp-stack-1>i:first-child{background:var(--hp-soft)}.hp-stack-1>i:last-child{background:var(--hp-bar)}.hd-home .sx-start{gap:12px;margin:0}.hd-home .sx-sc .well{height:220px;box-shadow:var(--hp-card-shadow)}.hd-home .sx-sc .cap{flex-wrap:wrap;gap:8px;padding:0 20px}.hd-home .sx-sc .cap b{text-decoration:none}.hd-home .op-br-marks{margin:0}.hd-home .op-br-marks .mc{box-shadow:var(--hp-card-shadow);background:var(--hd-well)}.hd-home .op-br-marks .art .fl{color:var(--acc)}.hd-home .op-br-marks .art .fl :is(path,rect){fill:var(--acc)}.hd-home .op-fd-named{grid-template-rows:360px 260px;margin:0}.hd-home .op-fd-named .tl{background:var(--hd-well);box-shadow:var(--hp-card-shadow)}.hp-foundation-art{place-items:center;width:100%;height:100%;display:grid}.hd-home .op-fd-named .cap b{font-size:15px}.hd-home .op-fd-named .cap span{line-height:1.4}.hd-home .op-fd-named .c-col:is(:hover,:focus-visible) .fan i{background:var(--c)}.hd-home .hd-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;min-height:0;padding:80px 32px 32px}.hd-home .hd-hero-copy{padding:0 40px 40px}.hd-home .hd-hero-copy h1{letter-spacing:-.025em;margin:0 0 28px;font-size:44px;line-height:1.12}.hd-home .hd-hero-copy h1 img{width:31px;height:31px;margin-right:3px}.hd-home .hd-hero-copy p{margin-bottom:32px;font-size:17px;line-height:1.55}.hd-home .hd-hero-actions{flex-wrap:wrap;gap:10px}.hp-hero-preview{background-color:var(--hd-well);min-width:0;height:560px;box-shadow:var(--hp-card-shadow);background-image:linear-gradient(#80808008 1px,#0000 1px),linear-gradient(90deg,#80808008 1px,#0000 1px);background-size:17px 17px;border-radius:16px;position:relative;overflow:hidden}.hp-hero-label{font-size:14px;line-height:20px;position:absolute;top:24px;left:24px}.hp-hero-label b{font-weight:500}.hp-hero-label span{color:var(--hp-faint);font:13px/20px var(--font-mono);margin-left:8px}.hp-hero-preview .hm-svg{width:60%;height:60%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.hp-hero-preview .hm-svg .hm-p{opacity:1}.hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p rect:not(.bar):not(.sw){fill:var(--hd-paper);stroke:#80808030;filter:drop-shadow(0 1px 2px #00000010)}.hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p rect.hk:not(.bar){fill:var(--hd-ink);stroke:none}.hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .bar{fill:var(--hp-bar);stroke:none}.hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .bar.hw{fill:var(--hd-paper)}.hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .kn{fill:var(--hd-paper);stroke:none}.hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .sw{fill:var(--fl)}.hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .aa{fill:var(--hd-ink);stroke:none}.hp-hero-controls{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:24px;right:16px}.hp-hero-controls>div{gap:3px;display:flex}.hp-hero-controls button{cursor:pointer;width:28px;min-height:28px;color:var(--hd-muted);place-items:center;display:grid}.hp-hero-controls i{background:var(--hp-soft);width:18px;height:2px;display:block}.hp-hero-controls [aria-pressed=true] i{background:var(--hp-strong)}.hd-home #patterns .op-pat-story{margin:0!important}.hd-home #patterns .ops-pl{background:var(--hd-well);box-shadow:var(--hp-card-shadow);border-radius:16px;grid-template-rows:1fr auto;grid-template-columns:32% minmax(0,1fr);align-items:start;gap:0;display:grid;position:relative;height:520px!important;padding:40px 20px 20px!important}.hd-home #patterns .ops-tabs{grid-area:1/1;justify-content:start;align-self:start;margin:0;padding:0}.hd-home #patterns .jobs{box-shadow:inset 1px 0 var(--hd-line);background:0 0;border:0;border-radius:0;flex-direction:column;align-items:start;gap:10px;margin:0;padding:0 0 0 14px;display:flex;position:relative}.hd-home #patterns .jobs button{all:unset;font:500 17px/24px var(--font-sans);letter-spacing:-.01em;color:var(--hp-faint);cursor:pointer;display:block}.hd-home #patterns .jobs button:hover{color:var(--hd-muted)}.hd-home #patterns .jobs button[aria-pressed=true]{color:var(--hd-ink);box-shadow:none}.hd-home #patterns .jobs button:before,.hd-home #patterns .jobs button:after{display:none}.hd-home #patterns .jb-tick{background:var(--hd-ink);width:2px;height:24px;transform:translateY(calc(var(--job) * 34px));transition:transform .25s cubic-bezier(.77,0,.175,1);position:absolute;top:0;left:0}.hp-pattern-drawing{grid-area:1/2/3;align-self:center;place-items:center;width:100%;min-width:0;display:grid;container-type:inline-size}.hd-home #patterns .ops-card{background:var(--hd-paper);width:520px;height:340px;margin:0;position:relative;inset:auto;transform:none;box-shadow:0 0 0 1px #0000000f,0 18px 40px -22px #00000040}.hd-home #patterns .ops-scrub{grid-area:2/1;align-items:center;gap:8px;width:100%;margin:0;padding:0;display:flex;position:relative;inset:auto}.hd-home #patterns .stops{align-items:center;gap:12px;display:flex}.hd-home #patterns .stops button{width:auto;font:400 13px/20px var(--font-sans);color:var(--hp-faint);white-space:nowrap;padding:8px 0;position:relative}.hd-home #patterns .stops [aria-current=step]{color:var(--hd-ink)}.hp-play{width:28px;height:32px;color:var(--hd-muted);cursor:pointer;flex:none;place-items:center;display:grid}.hp-play:disabled,.hp-hero-controls button:disabled{visibility:hidden}.hp-layer-track{--hp-layer-stage-height:min(900px, max(620px, 100svh - 72px));height:calc(var(--hp-layer-stage-height) + 195vh)}.hp-layer-stage{height:var(--hp-layer-stage-height);grid-template-columns:32% minmax(0,1fr);gap:12px;display:grid;position:sticky;top:72px}.hp-layer-copy{padding:64px 20px 0}.hp-layer-copy nav{border-left:1px solid var(--hd-line);flex-direction:column;align-items:start;gap:10px;display:flex;position:relative}.hp-layer-copy nav button{cursor:pointer;color:var(--hp-faint);text-align:left;padding-left:14px;font-size:17px;font-weight:500;line-height:24px;transition:color .2s;position:relative}.hp-layer-copy nav button:hover{color:var(--hd-muted)}.hp-layer-copy nav [aria-current=step]{color:var(--hd-ink)}.hp-layer-tick{background:var(--hd-ink);transform-origin:top;width:2px;height:24px;transition:transform .25s cubic-bezier(.77,0,.175,1);position:absolute;top:0;left:-1px}.hp-layer-statements{max-width:328px;margin-top:36px;display:grid}.hp-layer-copy p{color:var(--hd-muted);text-wrap:pretty;opacity:0;grid-area:1/1;margin:0;font-size:20px;line-height:1.45;transition:opacity .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1);transform:translateY(8px)}.hp-layer-copy p.up{transform:translateY(-8px)}.hp-layer-copy p.in{opacity:1;transition-duration:.25s;transform:none}.hp-layer-copy strong{color:var(--hd-ink);font-weight:500}.hp-layer-drawing{background:var(--hd-well);border-radius:16px;place-items:center;min-width:0;margin:16px 0;display:grid;position:relative;overflow:hidden}.hp-layer-definitions{width:0;height:0;position:absolute}.hp-layer-tower{height:100%;max-height:730px;margin-block:auto;position:absolute;inset:0}.hp-layer,.hp-layer-callout{position:absolute;inset:0}.hp-layer-svg{width:100%;height:100%;display:block;overflow:visible}.hp-layer-svg .f{stroke:none}.hp-layer-svg :is(.o,.e,.d,.t,.a){fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hp-layer-svg .o{stroke:#00000026;stroke-width:1px}.hp-layer-svg .e{stroke:#0000001a;stroke-width:1px}.hp-layer-svg .d{stroke:#00000059;stroke-width:1.25px}.hp-layer-svg :is(.t,.a){stroke:#00000014;stroke-width:1px}.hp-layer-svg :is(.cr,.cf){opacity:var(--hp-layer-carriers,0)}.hp-layer-svg .cr{stroke:#00000024}.hp-layer-svg .cf{fill:#ffffff6b}.hp-layer-svg .sh{fill:#000;opacity:calc(.07 * var(--hp-layer-carriers,0));filter:url(#td-blur)}.hp-layer[data-layer="0"] .sh{opacity:.07}.hp-layer{transition:filter .2s}.hp-layer.on{filter:brightness(.86)saturate(1.35)}.hp-layer-callout{opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.23,1,.32,1)}.hp-layer-callout.on{opacity:1}.hp-layer-callout path{fill:none;stroke:#c8c8c8;stroke-width:1px}.hp-layer-callout circle{fill:#fff;stroke:#050505;stroke-width:1.5px}.hp-layer-callout text{fill:#202020;font:12px var(--font-mono)}.hp-layer-track.hp-reduced{height:auto}.hp-reduced .hp-layer-stage{position:relative;top:auto}.hp-agent-actions{flex-wrap:wrap;gap:10px;margin:-8px 20px 40px;display:flex}.hp-agent-preview{background:var(--hd-well);box-shadow:var(--hp-card-shadow);border-radius:16px;height:35.2113cqw;min-height:300px;position:relative;overflow:hidden;container-type:inline-size}.hp-agent-art{transform-origin:0 0;width:1136px;height:400px;scale:calc(100cqw / 1136px)}.hp-agent-preview>.hp-play{position:absolute;bottom:12px;right:12px}.hd-home .ag2-f{text-decoration:none}.hd-home .ag2-f:hover,.hd-home .ag2-f:focus-visible{color:var(--hd-ink);box-shadow:0 0 0 1px var(--hd-ink)}.hd-home .ag2-f:focus-visible{outline:2px solid var(--hd-ink);outline-offset:4px}.hd-home .ag2-s .pt{opacity:1}.hp-agent-preview[data-step="0"] .ag2-f[data-i="0"],.hp-agent-preview[data-step="1"] .ag2-f[data-i="1"],.hp-agent-preview[data-step="2"] .ag2-f[data-i="2"]{color:var(--hd-ink);box-shadow:0 0 0 1px var(--hd-ink)}.hp-agent-preview:is([data-step="0"],[data-step="1"],[data-step="2"],[data-step="3"]) .ag2-s .hd .b,.hp-agent-preview:is([data-step="1"],[data-step="2"],[data-step="3"]) .ag2-s .rows .b1,.hp-agent-preview:is([data-step="2"],[data-step="3"]) .ag2-s .ft .btn{background:var(--hd-ink)}.hp-agent-preview:is([data-step="1"],[data-step="2"],[data-step="3"]) .ag2-s .rows .av{background:#0090ff}.hp-agent-preview:is([data-step="2"],[data-step="3"]) .ag2-s .ft .tg{background:var(--hp-accent-wash);box-shadow:inset 0 0 0 1px #0090ff40}.hp-agent-preview[data-step="0"] .ag2-w .p[data-i="0"],.hp-agent-preview[data-step="1"] .ag2-w .p[data-i="1"],.hp-agent-preview[data-step="2"] .ag2-w .p[data-i="2"]{opacity:1;animation:ag2-run 1.6s var(--ease) both}.hp-releases{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;padding:80px 52px;display:grid}.hp-releases h2{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:400;line-height:1.2}.hp-releases-list{display:grid}.hp-release{border-top:1px dotted var(--hd-line);grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:20px;min-height:60px;padding:16px 0;display:grid}.hp-release:first-child{border-top:0}.hp-release-title{border-bottom:1px dotted #0000;justify-self:start;font-size:18px;line-height:26px}.hp-release:is(:hover,:focus-visible) .hp-release-title{border-bottom-color:var(--hd-muted)}.hp-release-meta{color:var(--hd-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;line-height:20px}.hp-release>svg{grid-column:3}@media (max-width:480px){.hp-release{grid-template-columns:minmax(0,1fr) 16px;gap:4px 16px}.hp-release-meta{grid-area:2/1}.hp-release>svg{grid-area:1/2/span 2}}.hp-close{border-top:1px solid var(--hd-line);justify-content:space-between;align-items:center;gap:24px;padding:52px;display:flex}.hp-close h2{letter-spacing:-.02em;font-size:28px;font-weight:400}.hp-close>div{flex-wrap:wrap;gap:10px;display:flex}.hp-footer{border-top:1px solid var(--hd-line);grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:64px 52px 32px;display:grid}.hp-footer-mark{align-self:start;align-items:center;display:flex}.hp-footer nav{flex-direction:column;gap:12px;font-size:14px;display:flex}.hp-footer nav strong{margin-bottom:8px;font-weight:500}.hp-footer nav a{color:var(--hd-muted)}.hp-footer nav a:hover{color:var(--hd-ink)}.hp-footer small{color:var(--hd-muted);grid-column:1/-1;font-size:12px}.dark .hp-layer-svg{filter:invert(.88)hue-rotate(180deg)}.dark .hd-home .sx-sc .well{background:var(--hd-well)}.dark .op-pat-story{--bar:#626262;--bar2:#383838}.hd-home :is(.hp-button,.hp-play,.hp-hero-controls button,.jobs button,.stops button,.hp-layer-copy button):focus-visible{outline:2px solid var(--hd-ink);outline-offset:4px;border-radius:3px}@container (max-width:540px){.hd-home #patterns .ops-card{scale:calc((100cqw - 32px) / 520px)}}@media (max-width:1200px){.hd-home .hd-hero-copy{padding-left:20px;padding-right:20px}.hd-home .hd-hero-actions{flex-direction:column;align-items:start}.hp-hero-preview{height:480px}.hp-more{gap:20px}.hp-stack{width:90px}.hp-more>.hp-button{font-size:13px}.hd-home .op-fd-named .typ{gap:24px}.hd-home .op-fd-named .typ .aa{font-size:80px}.hd-home #patterns .ops-scrub{flex-wrap:wrap}.hd-home #patterns .stops{gap:10px}}@media (max-width:1000px){.hp-releases{grid-template-columns:1fr;gap:32px}.hd-home .sx-start{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.hd-home .op-fd-named{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px}.hd-home .op-fd-named .tl.w{grid-column:auto}.hd-home .op-fd-named .c-col .dw{scale:.7}.hd-home .op-fd-named .typ{scale:.8}.hp-more{flex-wrap:wrap}.hp-more>.hp-button{margin-left:110px}.hp-footer{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-footer-mark{grid-column:1/-1}}@media (max-width:900px){.hp-layer-track{height:auto}.hp-layer-stage{grid-template-columns:1fr;height:auto;max-height:none;position:relative;top:auto}.hp-layer-copy{padding:12px 20px 0}.hp-layer-copy nav{border:0;flex-flow:wrap;gap:8px 16px}.hp-layer-copy nav button{padding:6px 0;font-size:15px}.hp-layer-tick{display:none}.hp-layer-copy nav [aria-current=step]:before{content:"";background:var(--hd-ink);width:auto;height:2px;position:absolute;inset:auto 0 0}.hp-layer-statements{max-width:560px;min-height:80px;margin-top:20px}.hp-layer-copy p{font-size:18px}.hp-layer-drawing{height:600px}}@media (max-width:767px){.hp-section{padding:44px 24px 24px}.hp-heading{grid-template-columns:1fr;gap:16px;margin:0 0 28px}.hp-label{font-size:14px}.hp-heading h2{font-size:30px}:is(.hp-heading p,.hp-heading:not(:has(.hp-label)) p){grid-area:auto/1;font-size:16px}.hp-heading>.hp-button{margin-top:4px}.hd-home .hd-hero{grid-template-columns:1fr;gap:32px;padding:52px 24px 24px}.hd-home .hd-hero-copy{padding:0}.hd-home .hd-hero-copy h1{font-size:40px}.hd-home .hd-hero-copy p{font-size:16px}.hd-home .hd-hero-actions{flex-direction:row}.hp-hero-preview{height:360px}.hd-home .sx-sc .well{height:180px}.hd-home .sx-sc .cap{flex-direction:column;gap:2px;padding:0}.hd-home .sx-sc .cap b{font-size:15px}.hd-home .sx-sc .well>span{scale:.85}.hd-home .op-br-marks{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-home .op-br-marks .mc{grid-column:auto;min-height:220px;padding:20px}.hd-home .op-br-marks .mc.main{min-height:260px}.hd-home .op-br-marks .mc:last-child:nth-child(2n){grid-column:1/-1}.hd-home .op-br-marks .mc.main .art{width:70%}.hd-home .op-br-marks .tx b{font-size:19px}.hd-home .op-fd-named{grid-auto-rows:220px}.hd-home .op-fd-named .tl.w{grid-column:1/-1;min-height:300px}.hd-home .op-fd-named .c-col .dw{scale:.75}.hd-home .op-fd-named .typ{scale:1}.hd-home .op-fd-named .tl{padding:24px 8px 68px}.hd-home .op-fd-named .cap{bottom:16px;left:16px;right:12px}.hd-home .op-fd-named .cap span{font-size:12px}.hd-home .op-fd-named .spc,.hd-home .op-fd-named .den,.hd-home .op-fd-named .mot,.hd-home .op-fd-named .rad2{scale:.75}.hp-more{gap:16px;padding:24px 0 0}.hp-more>div{flex-basis:calc(100% - 110px)}.hp-more p{font-size:14px}.hp-more>.hp-button{margin-left:106px}.hd-home #patterns .ops-pl{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:24px;min-height:500px;height:auto!important;padding:24px 16px 16px!important}.hd-home #patterns .ops-tabs{grid-row:1}.hd-home #patterns .jobs{box-shadow:none;flex-flow:wrap;gap:12px 20px;padding:0}.hd-home #patterns .jobs button{font-size:15px}.hd-home #patterns .jb-tick{display:none}.hd-home #patterns .jobs button[aria-pressed=true]{text-underline-offset:6px;text-decoration:underline}.hp-pattern-drawing{grid-area:2/1;height:240px}.hd-home #patterns .ops-scrub{flex-wrap:nowrap;grid-area:3/1;justify-content:center}.hd-home #patterns .stops{gap:20px}.hp-layer-copy{padding:0}.hp-layer-copy p{min-height:110px}.hp-layer-drawing{height:450px;margin:0}.hp-agent-actions{margin:0 0 28px}.hp-agent-preview{height:480px}.hp-agent-art{width:100%;height:480px;scale:none}.hd-home .ag2{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:480px;padding:24px 16px;display:grid}.hd-home .ag2-w{display:none}.hd-home .ag2-f{flex-direction:column;justify-content:center;gap:4px;width:auto;height:48px;padding:0 8px;position:relative;left:auto;top:auto!important}.hd-home .ag2-f code{font-size:10px}.hd-home .ag2-a{width:56px;height:56px;top:108px;left:calc(50% - 28px)}.hd-home .ag2-s{width:auto;height:240px;padding:16px;top:200px;left:24px;right:24px}.hd-home .ag2-s .r{height:34px}.hp-releases{padding:44px 24px}.hp-releases h2{font-size:28px}.hp-close{padding:40px 24px;display:block}.hp-close h2{margin:0 0 24px;font-size:25px}.hp-footer{gap:32px 16px;padding:40px 24px 24px}.hp-footer nav{font-size:13px}}@media (prefers-reduced-motion:reduce){.hd-home :is(.hp-hero-preview,.op-fd-named,.op-br-marks,.op-pat-story,.hp-agent-preview,.sx-start) *{transition:none!important;animation:none!important}.hp-layer,.hp-layer-callout,.hp-layer-tick,.hp-layer-copy p{transition:none}.hp-layer-copy p,.hp-layer-copy p.up{transform:none}}@media (max-width:767px){.hd-home .op-fd-named{grid-auto-rows:auto}.hd-home .op-fd-named .tl{min-height:220px}.hd-home .op-fd-named .tl.w{min-height:300px}}.hd-home .hp-hero-preview .hm-svg .hm-p :is(rect,path,circle,text){fill:none;stroke:#80808050;stroke-width:.22px}.hd-home .hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .bar{fill:var(--hp-bar);stroke:none}.hd-home .hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p rect:not(.bar):not(.sw){fill:var(--hd-paper);stroke:#80808030}.hd-home .hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p rect.hk:not(.bar){fill:var(--hd-ink);stroke:none}.hd-home .hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .bar.hw{fill:var(--hd-paper)}.hd-home .hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .sw{fill:var(--fl)}.hd-home .hp-hero-preview:is(:hover,:focus-within) .hm-svg .hm-p .aa{fill:var(--hd-ink);stroke:none}.hp-pattern-drawing{grid-template-columns:minmax(0,1fr)}.hd-home #patterns .ops-card{justify-self:center}.hd-home #patterns .stops{height:auto;margin:0}.hd-home #patterns .stops button{left:auto;transform:none}.dark .hd-home .ag2-f{color:var(--hd-muted)}.dark .hd-home .ag2-w .w{stroke:var(--hd-line)}.dark .hd-home .ag2-w .p{stroke:var(--hd-ink)}@media (max-width:767px){.hd-home #patterns .ops-pl{grid-template-columns:minmax(0,1fr)}}.hd-home{--hp-faint:#707070}.dark .hd-home{--hp-faint:#aaa}.hd-home .sx-sc .well{height:280px;padding-bottom:64px}.hd-home .sx-sc .cap{padding:0}.hd-home #patterns .ops-pl{overflow:clip;padding-top:48px!important}.hp-pattern-drawing{align-self:start;height:100%}.hd-home #patterns .ops-card{justify-self:start;width:760px;height:560px}.hd-home #patterns .fm .in>i{max-width:100%}@media (min-width:768px){.hd-home #patterns .ops-card{scale:none}}@media (max-width:767px){.hd-home .sx-sc .well{height:220px}.hd-home .sx-sc .well>span{scale:.75}.hd-home .sx-sc .cap{left:16px;right:12px}.hd-home #patterns .ops-pl{padding-top:24px!important}.hp-pattern-drawing{align-self:center;height:240px}.hd-home #patterns .ops-card{justify-self:center;width:520px;height:340px}}@media (min-width:768px){.hd-home #patterns .ops-card{max-width:100%}}.dark .hd-home .sx-sc:is(:hover,:focus-visible) .well{background:var(--hp-hover)}.dark .hd-home .sx-sc .well .w-sel .ls:before{background:#505050;box-shadow:inset 0 0 0 1px #ffffff18}.dark .hd-home .w-sel .tr,.dark .hd-home .w-sel .ls{box-shadow:0 0 0 1px #ffffff2b,0 6px 14px -8px #0006}.dark .hd-home .w-sel .ls>span i{background:#b0b0b0}.dark .hd-home .w-marks :is(.m2,.m3){color:#d4d4d4}.dark .hd-home .w-marks .m2{background:#424242}.dark .hd-home .w-marks .m3{background:#343434}.dark .hd-home .sx-sc:not(:hover,:focus-visible) .w-fan i{background:color-mix(in srgb, silver calc(80% - var(--k) * 12%), #303030)}.dark .hd-home .op-fd-named{--n0:#242424;--n1:#292929;--n3:#424242;--n5:#565656;--n7:#8b8b8b;--n8:#a3a3a3;--n9:#b5b5b5}.dark .hd-home .hp-pattern-drawing .ops-card{background:var(--hp-surface)}.dark .hd-home .hp-hero-preview .hm-svg .hm-p.on.in rect:not(.bar):not(.hk):not(.hl):not(.sw){fill:var(--hp-surface)}.dark .hd-home .op-fd-named .b{background:var(--hp-bar)}.dark .hd-home .hp-hero-preview .hm-svg .hm-p.on.in rect:not(.bar):not(.hk):not(.hl):not(.sw){stroke:#ffffff30}
.hd-component-showcase{--cb-surface:var(--hd-paper);--cb-bar:#d4d4d4;--cb-strong:#a3a3a3;--cb-faint:#e3e3e3;--cb-dot:#ececec;--cb-pill:#f0f0f0;--cb-track:#e8e8e8;--cb-inactive:#c4c4c4;--cb-pressed:#050505;--cb-inverse-bar:#ffffff8c;--cb-checkbox-border:#0004;--cb-divider:#0000000d;--cb-shadow:#0000001a;--cb-shadow-strong:#00000040;--cb-highlight:#0000000a;--cb-outline:#0000000f;--cb-plate:#f8f8f8;--cb-plate-hover:#f3f3f3;--cb-ring:0 0 0 1px #00000026;--cb-float:0 0 0 1px var(--cb-outline), 0 6px 14px -8px #0003;--cb-float-lg:0 0 0 1px var(--cb-outline), 0 1px 2px #0000000a, 0 16px 32px -18px var(--cb-shadow-strong);--cb-card-shadow:0 0 0 1px var(--cb-outline), 0 1px 2px -1px var(--cb-outline), 0 2px 4px #0000000a;--cb-ease:cubic-bezier(.32, .72, 0, 1)}.dark .hd-component-showcase{--cb-surface:#2b2b2b;--cb-bar:#848484;--cb-strong:#aaa;--cb-faint:#555;--cb-dot:#484848;--cb-pill:#3b3b3b;--cb-track:#383838;--cb-inactive:#666;--cb-pressed:#fff;--cb-inverse-bar:#1919198c;--cb-checkbox-border:#fff4;--cb-divider:#ffffff0d;--cb-highlight:#ffffff1f;--cb-outline:#ffffff26;--cb-plate:var(--hd-well);--cb-plate-hover:#292929;--cb-ring:0 0 0 1px #ffffff26}.hd-component-showcase .cb-heading{grid-template-columns:1fr 1fr;align-items:start;column-gap:24px;margin-bottom:40px;display:grid}.hd-component-showcase .cb-label{color:var(--hd-muted);grid-column:1/-1;margin-bottom:24px;font-size:15px;font-weight:500;line-height:22px}.hd-home .hd-component-showcase h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.45vw,44px);line-height:1.12}.hd-component-showcase .cb-heading p{max-width:47ch;color:var(--hd-muted);margin:0;font-size:17px;line-height:26px}.hd-component-showcase .cb-link{background:var(--cb-surface);min-height:36px;color:var(--hd-ink);box-shadow:inset var(--cb-ring), 0 1px 2px var(--cb-divider);transition:background-color .2s var(--cb-ease);border-radius:10px;justify-content:center;justify-self:start;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.hd-component-showcase .cb-link:hover{background:var(--cb-plate-hover)}.hd-component-showcase .cb-heading .cb-link{grid-column:1;margin-top:32px}.hd-component-showcase .cb-bn{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-inline:-20px;display:grid}.hd-component-showcase .cb-t{background:var(--cb-plate);height:260px;box-shadow:var(--cb-card-shadow);color:inherit;transition:background-color .2s var(--cb-ease);border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden;container-type:inline-size}.hd-component-showcase .cb-t.cb-lg{grid-column:span 2;height:480px}.hd-component-showcase .cb-t:is(:hover,:focus-visible){background:var(--cb-plate-hover)}.hd-component-showcase .cb-art{transition:transform .3s var(--cb-ease);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0 0 52px}.hd-component-showcase .cb-lg .cb-art{inset-block-end:56px}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-art{transform:translateY(-2px)}.hd-component-showcase .cb-cap{font-size:15px;font-weight:500;line-height:22px;position:absolute;bottom:20px;left:20px;right:20px}.hd-component-showcase .cb-more{align-items:center;gap:20px;padding-top:32px;display:flex}.hd-component-showcase .cb-stk{flex:none;width:116px;height:56px;position:relative}.hd-component-showcase .cb-stk>i{background:var(--cb-surface);width:52px;height:52px;box-shadow:var(--cb-card-shadow);transition:transform .3s var(--cb-ease);border-radius:12px;place-items:center;display:grid;position:absolute;top:2px}.hd-component-showcase .cb-stk .k1{z-index:1;left:0;transform:scale(.86)}.hd-component-showcase .cb-stk .k2{z-index:3;left:32px;transform:scale(1.1)}.hd-component-showcase .cb-stk .k3{z-index:2;left:64px;transform:scale(.86)}.hd-component-showcase .cb-stk :is(.k1,.k3)>*{opacity:.6}.hd-component-showcase .cb-more:hover .k1{transform:translate(-4px)scale(.86)}.hd-component-showcase .cb-more:hover .k3{transform:translate(4px)scale(.86)}.hd-component-showcase .cb-stk .av{background:var(--cb-faint);border-radius:50%;width:20px;height:20px}.hd-component-showcase .cb-stk .dl{background:var(--cb-surface);width:30px;box-shadow:0 0 0 1px var(--cb-outline), 0 2px 6px -3px var(--cb-shadow);border-radius:6px;gap:4px;padding:6px;display:grid}.hd-component-showcase .cb-stk .dl b{background:var(--cb-strong);border-radius:2px;height:4px}.hd-component-showcase .cb-stk .dl b+b{background:var(--cb-bar);width:60%}.hd-component-showcase .cb-stk .tt{background:var(--hd-ink);border-radius:5px;padding:5px 7px}.hd-component-showcase .cb-stk .tt b{background:var(--cb-inverse-bar);border-radius:2px;width:18px;height:4px;display:block}.hd-component-showcase .cb-mtx{gap:2px;min-width:0;display:grid}.hd-component-showcase .cb-mtx strong{font-size:16px;font-weight:500;line-height:24px}.hd-component-showcase .cb-mtx>span{color:var(--hd-muted);font-size:15px;line-height:22px}.hd-component-showcase .cb-more .cb-link{flex:none;margin-left:auto}.hd-component-showcase .ic{width:14px;height:14px;color:var(--hd-muted);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.hd-component-showcase .cb-w{background:var(--cb-surface);box-shadow:var(--cb-ring);border-radius:8px}.hd-component-showcase i.cb-b{background:var(--cb-bar);border-radius:3px;flex:none;max-width:100%;height:6px;display:block}.hd-component-showcase i.cb-l{background:var(--cb-strong);border-radius:3px;flex:none;height:5px;display:block}.hd-component-showcase .cb-fd{box-sizing:border-box;justify-content:space-between;align-items:center;height:30px;padding:0 8px 0 10px;display:flex}.hd-component-showcase .cb-cb{background:var(--cb-surface);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--cb-checkbox-border);transition:background-color .2s var(--cb-ease), box-shadow .2s var(--cb-ease);border-radius:4px;flex:none;place-items:center;display:grid}.hd-component-showcase .cb-cb .ic{width:11px;height:11px;color:var(--hd-paper);stroke-width:3px;opacity:0;transition:opacity .2s var(--cb-ease), transform .2s var(--cb-ease);transform:scale(.8)}.hd-component-showcase .cb-cb.cb-on{background:var(--hd-ink);box-shadow:none}.hd-component-showcase .cb-cb.cb-on .ic{opacity:1;transform:none}.hd-component-showcase .cb-bt{box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 12px;display:inline-flex}.hd-component-showcase .cb-bt.cb-p{background:var(--hd-ink)}.hd-component-showcase .cb-bt.cb-p i.cb-b{background:var(--cb-inverse-bar)}.hd-component-showcase .cb-bt.cb-p .ic{color:var(--hd-paper)}.hd-component-showcase .cb-bt.cb-s{background:var(--cb-surface);box-shadow:var(--cb-ring), 0 1px 2px var(--cb-divider)}.hd-component-showcase .cb-fm{background:var(--cb-surface);width:min(300px,100% - 48px);box-shadow:var(--cb-float-lg);box-sizing:border-box;border-radius:12px;gap:16px;padding:20px;display:grid}.hd-component-showcase .cb-fm .cb-hd{gap:8px;padding-bottom:4px;display:grid}.hd-component-showcase .cb-fm .cb-hd i.cb-l{background:var(--cb-strong);border-radius:3px;width:112px;height:6px}.hd-component-showcase .cb-fm .cb-grp{gap:8px;display:grid}.hd-component-showcase .cb-fm .cb-grp>i.cb-l{width:40px}.hd-component-showcase .cb-fm .cb-fd.cb-fo{box-shadow:0 0 0 1px var(--hd-ink), 0 0 0 4px var(--cb-divider);justify-content:flex-start;gap:2px}.hd-component-showcase .cb-fm .cb-crt{background:var(--hd-ink);border-radius:1px;width:1.5px;height:14px}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-fm .cb-crt{animation:1s step-end infinite hd-component-caret}@keyframes hd-component-caret{50%{opacity:0}}.hd-component-showcase .cb-fm .cb-ck{align-items:center;gap:8px;display:flex}.hd-component-showcase .cb-fm .cb-act{box-shadow:inset 0 1px var(--cb-divider);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.hd-component-showcase .cb-mt{width:min(392px,100% - 40px);position:relative}.hd-component-showcase .cb-tb{display:grid}.hd-component-showcase .cb-tb>span{grid-template-columns:28px minmax(0,1fr) 64px 26px 24px;align-items:center;gap:12px;height:48px;padding:0 6px 0 0;display:grid}.hd-component-showcase .cb-tb b{background:var(--cb-dot);border-radius:50%;width:28px;height:28px}.hd-component-showcase .cb-tb em{background:var(--cb-pill);border-radius:6px;width:26px;height:12px}.hd-component-showcase .cb-tb .cb-mo{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.hd-component-showcase .cb-tb .cb-mo .ic{color:var(--cb-strong)}.hd-component-showcase .cb-tb>span:nth-child(5){opacity:.5}.hd-component-showcase .cb-tb>span:nth-child(6){opacity:.3}.hd-component-showcase .cb-tb>.cb-hl .cb-mo{background:var(--cb-highlight)}.hd-component-showcase .cb-tb>.cb-hl .cb-mo .ic{color:var(--hd-ink)}.hd-component-showcase .cb-mn{background:var(--cb-surface);width:176px;box-shadow:0 0 0 1px var(--cb-outline), 0 4px 8px -4px var(--cb-shadow), 0 16px 32px -12px var(--cb-shadow-strong);box-sizing:border-box;border-radius:10px;padding:4px;display:grid;position:absolute;top:136px;right:6px}.hd-component-showcase .cb-mn>span{z-index:1;align-items:center;gap:10px;height:30px;padding:0 8px;display:flex;position:relative}.hd-component-showcase .cb-mn .ic{width:13px;height:13px}.hd-component-showcase .cb-mn hr{background:var(--cb-divider);border:0;height:1px;margin:4px -4px}.hd-component-showcase .cb-mn .cb-hi{background:var(--cb-highlight);height:30px;transition:transform .3s var(--cb-ease);border-radius:6px;position:absolute;top:4px;left:4px;right:4px}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-mn .cb-hi{transform:translateY(30px)}.hd-component-showcase .cb-bts{gap:6px;display:flex}.hd-component-showcase .cb-bts .cb-bt{height:32px;transition:background-color .2s var(--cb-ease)}.hd-component-showcase .cb-bts .cb-g{width:32px;padding:0}.hd-component-showcase .cb-bts .cb-g .ic{color:var(--hd-muted)}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-bts .cb-g{background:var(--cb-highlight)}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-bts .cb-p{background:var(--cb-pressed)}.hd-component-showcase .cb-tg{background:var(--cb-surface);width:200px;height:52px;box-shadow:var(--cb-float);box-sizing:border-box;border-radius:10px;align-items:center;gap:10px;padding:0 12px 0 10px;display:flex}.hd-component-showcase .cb-tg .cb-sq{background:var(--cb-highlight);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.hd-component-showcase .cb-tg .cb-tx{flex:1;gap:6px;display:grid}.hd-component-showcase .cb-tg .cb-tx i.cb-l{width:64px}.hd-component-showcase .cb-tg .cb-tx i.cb-b{background:var(--cb-faint);width:88px;height:5px}.hd-component-showcase .cb-sw{background:var(--cb-bar);width:28px;height:16px;transition:background-color .25s var(--cb-ease);border-radius:8px;flex:none;position:relative}.hd-component-showcase .cb-sw:after{content:"";background:var(--cb-surface);width:12px;height:12px;box-shadow:0 1px 2px var(--cb-shadow);transition:transform .25s var(--cb-ease);border-radius:50%;position:absolute;top:2px;left:2px}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-sw{background:var(--hd-ink)}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-sw:after{transform:translate(12px)}.hd-component-showcase .cb-sg{background:var(--cb-track);border-radius:8px;grid-template-columns:repeat(3,56px);padding:2px;display:grid;position:relative}.hd-component-showcase .cb-sg .cb-th{background:var(--cb-surface);width:56px;height:28px;box-shadow:0 1px 2px var(--cb-shadow), 0 0 0 1px var(--cb-outline);transition:transform .3s var(--cb-ease);border-radius:6px;position:absolute;top:2px;left:2px}.hd-component-showcase .cb-sg>span{place-items:center;height:28px;display:grid;position:relative}.hd-component-showcase .cb-sg>span i.cb-b{background:var(--cb-inactive);width:28px;height:5px;transition:background-color .3s var(--cb-ease)}.hd-component-showcase .cb-sg>span:first-of-type i.cb-b{background:var(--cb-strong)}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-sg .cb-th{transform:translate(56px)}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-sg>span:first-of-type i.cb-b{background:var(--cb-inactive)}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-sg>span:nth-of-type(2) i.cb-b{background:var(--cb-strong)}.hd-component-showcase .cb-ckl{background:var(--cb-surface);width:168px;box-shadow:var(--cb-float);box-sizing:border-box;border-radius:10px;padding:4px;display:grid}.hd-component-showcase .cb-ckl>span{align-items:center;gap:10px;height:30px;padding:0 8px;display:flex}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-ckl .cb-cb.cb-h{background:var(--hd-ink);box-shadow:none}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-ckl .cb-cb.cb-h .ic{opacity:1;transform:none}@media (max-width:1100px){.hd-component-showcase .cb-bn{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-component-showcase .cb-t.cb-lg{grid-column:auto;height:440px}.hd-component-showcase .cb-heading{grid-template-columns:1fr;gap:16px}.hd-component-showcase .cb-label{margin:0}.hd-component-showcase .cb-heading .cb-link{margin-top:8px}}@media (max-width:767px){.hd-component-showcase .cb-bn{margin-inline:0}.hd-component-showcase .cb-t.cb-lg{grid-column:span 2;height:400px}.hd-component-showcase .cb-t{height:200px}.hd-component-showcase .cb-cap{font-size:13px;bottom:16px;left:12px;right:12px}.hd-component-showcase .cb-heading{margin-bottom:28px}.hd-component-showcase .cb-link{min-height:44px}.hd-component-showcase .cb-more{grid-template-columns:auto 1fr;gap:16px;display:grid}.hd-component-showcase .cb-more .cb-link{grid-column:1/-1;margin-left:0}}@container not (min-width:400px){.hd-component-showcase .cb-fm{transform:scale(.9)}.hd-component-showcase .cb-tb>span{grid-template-columns:28px minmax(0,1fr) 42px 26px 24px;gap:8px}}@container not (min-width:240px){.hd-component-showcase .cb-art>span{transform:scale(.85)}}@container not (min-width:190px){.hd-component-showcase .cb-art>span{transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.hd-component-showcase *,.hd-component-showcase :after{transition:none!important;animation:none!important}.hd-component-showcase .cb-t:is(:hover,:focus-visible) .cb-art{transform:none}.hd-component-showcase .cb-more:hover .k1,.hd-component-showcase .cb-more:hover .k3{transform:scale(.86)}}
@media (min-width:1280px){#nd-docs-layout:has(.hd-accessibility){--fd-toc-width:220px}}#nd-page:has(.hd-accessibility){max-width:none}.hd-accessibility{--a11y-line:color-mix(in srgb, var(--hd-ink) 18%, var(--hd-paper));--a11y-bar:color-mix(in srgb, var(--hd-ink) 36%, var(--hd-paper));font-size:14px;line-height:1.7}#nd-page .prose .hd-accessibility>h2{border:0;margin:48px 0 12px;padding:0;scroll-margin-top:96px;font-size:20px;font-weight:500;line-height:28px}.hd-accessibility>p{max-width:75ch;color:var(--hd-muted);margin:0 0 20px}.hd-accessibility>ul{color:var(--hd-muted)}.hd-accessibility .not-prose{color:var(--hd-ink)}.hd-a11y-figure,.hd-a11y-layout{margin:24px 0 32px}.hd-a11y-figure figcaption,.hd-a11y-layout figcaption{color:var(--hd-muted);max-width:80ch;margin:14px 0 0;font-size:13px;line-height:1.6}.hd-a11y-layout figcaption strong{color:var(--hd-ink);font-size:14px;font-weight:500;display:block}.hd-a11y-layout figcaption p{margin:6px 0 0}.hd-a11y-contrast,.hd-a11y-focus-scene,.hd-a11y-names-scene,.hd-a11y-small-scene,.hd-a11y-review-scene{background:var(--hd-well);border-radius:16px}.hd-a11y-contrast{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px 24px 28px;display:grid}.hd-a11y-contrast>div{align-content:start;justify-items:center;gap:6px;min-width:0;display:grid}.hd-a11y-contrast strong{font-size:13px;font-weight:500}.hd-a11y-measure{font:12px/1.5 var(--font-mono);color:var(--hd-muted)}.hd-a11y-contrast-sample{background:var(--hd-art-surface);width:100%;max-width:200px;height:110px;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.hd-a11y-normal{flex-direction:column;gap:10px;font-size:14px}.hd-a11y-normal i{background:var(--a11y-line);border-radius:3px;width:104px;height:5px}.hd-a11y-normal i:last-child{width:70px}.hd-a11y-large{letter-spacing:-.03em;font-size:44px}.hd-a11y-control{gap:10px;font-size:13px}.hd-a11y-control>span:first-child{border:1.5px solid;border-radius:4px;place-items:center;width:25px;height:25px;display:grid}.hd-a11y-focus-scene{padding:40px}.hd-a11y-focus-window{background:var(--hd-art-surface);width:100%;max-width:570px;box-shadow:var(--shadow-sm);border-radius:12px;margin:auto;overflow:hidden}.hd-a11y-window-top{border-bottom:1px solid var(--hd-line);align-items:center;gap:5px;height:30px;padding:0 14px;display:flex}.hd-a11y-window-top i{background:var(--a11y-line);border-radius:50%;width:4px;height:4px}.hd-a11y-focus-order{grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:start;gap:12px;padding:38px 28px 24px;display:grid}.hd-a11y-focus-order>div{text-align:center;min-width:0}.hd-a11y-drawn-button{background:var(--hd-paper);border:1px solid var(--a11y-line);border-radius:6px;place-items:center;width:100%;height:36px;display:grid}.hd-a11y-drawn-button i{background:var(--a11y-bar);border-radius:3px;width:52%;height:5px}.hd-a11y-focused{outline:2px solid var(--hd-ink);outline-offset:4px}.hd-a11y-solid{background:var(--hd-ink);border-color:var(--hd-ink)}.hd-a11y-solid i{background:var(--hd-paper)}.hd-a11y-focus-order small{font:12px/1.5 var(--font-mono);color:var(--hd-muted);margin-top:16px;display:block}.hd-a11y-order-arrow{color:var(--hd-muted);margin-top:9px}.hd-a11y-key-hint{color:var(--hd-muted);justify-content:center;align-items:center;gap:10px;padding:0 20px 26px;font-size:12px;display:flex}.hd-a11y-key-hint kbd{border:1px solid var(--a11y-line);background:var(--hd-well);font:11px/1.5 var(--font-mono);border-radius:4px;padding:3px 7px}.hd-a11y-names-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:36px;display:grid}.hd-a11y-form-paper{background:var(--hd-art-surface);box-shadow:var(--shadow-sm);border-radius:12px;justify-self:center;width:100%;max-width:330px;padding:22px}.hd-a11y-form-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hd-a11y-form-title>i{background:var(--a11y-bar);border-radius:3px;width:95px;height:7px}.hd-a11y-form-title>span{border:1px solid var(--a11y-line);border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.hd-a11y-label-line{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.hd-a11y-annotation{color:var(--hd-muted);font-size:11px}.hd-a11y-drawn-input{border:1px solid var(--hd-ink);border-radius:6px;justify-content:space-between;align-items:center;height:38px;padding:10px;display:flex}.hd-a11y-drawn-input>i{background:var(--hd-ink);width:1px;height:14px}.hd-a11y-error{align-items:center;gap:5px;margin-top:8px;font-size:11px;display:flex}.hd-a11y-error svg{flex-shrink:0}.hd-a11y-form-help{color:var(--hd-muted);margin-top:10px;font-size:11px;line-height:1.5}.hd-a11y-form-footer{border-top:1px solid var(--hd-line);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.hd-a11y-form-footer>i{background:var(--a11y-line);border-radius:3px;width:58px;height:5px}.hd-a11y-form-footer>span{background:var(--hd-ink);border-radius:6px;place-items:center;width:70px;height:28px;display:grid}.hd-a11y-form-footer>span>i{background:var(--hd-paper);border-radius:3px;width:36px;height:4px}.hd-a11y-annotations{gap:26px;display:grid}.hd-a11y-annotations>div{align-items:flex-start;gap:12px;display:flex}.hd-a11y-annotations>div>svg{flex-shrink:0;margin-top:2px}.hd-a11y-annotations strong{font-size:13px;font-weight:500;display:block}.hd-a11y-annotations span{color:var(--hd-muted);margin-top:4px;font-size:12px;line-height:1.6;display:block}.hd-a11y-status-note{background:var(--hd-art-surface);box-shadow:var(--shadow-xs);border-radius:12px;padding:14px}.hd-a11y-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.hd-a11y-layout>figure{min-width:0;margin:0}.hd-a11y-small-scene{justify-content:center;align-items:center;gap:20px;height:200px;padding:20px;display:flex}.hd-a11y-targets{gap:30px;position:relative}.hd-a11y-targets>div{grid-template-rows:56px auto;place-items:center;gap:12px;display:grid}.hd-a11y-targets>div>span{font:11px/1.5 var(--font-mono);color:var(--hd-muted);white-space:nowrap}.hd-a11y-target{border:1px solid var(--a11y-bar);outline:1px dashed var(--a11y-line);outline-offset:5px;background:var(--hd-paper);border-radius:4px;place-items:center;display:grid}.hd-a11y-target-min{width:24px;height:24px}.hd-a11y-target-touch{width:44px;height:44px}.hd-a11y-target-pointer{fill:var(--hd-paper);position:absolute;top:100px;left:calc(50% + 43px)}.hd-a11y-lines{gap:6px;display:grid}.hd-a11y-lines i{background:var(--a11y-line);border-radius:3px;height:4px;display:block}.hd-a11y-lines i:first-child{background:var(--a11y-bar);width:60%}.hd-a11y-lines i:last-child{width:76%}.hd-a11y-reflow{gap:10px}.hd-a11y-reflow>div{background:var(--hd-art-surface);box-shadow:var(--shadow-xs);border-radius:6px;padding:12px}.hd-a11y-reflow>svg{color:var(--hd-muted);flex-shrink:0}.hd-a11y-reflow-wide{width:100px}.hd-a11y-reflow-narrow{width:62px}.hd-a11y-reflow>div>div:last-child{gap:5px;margin-top:14px;display:flex}.hd-a11y-reflow i{min-width:0}.hd-a11y-reflow>div>div:last-child i{background:var(--hd-well);border:1px solid var(--hd-line);border-radius:3px;flex:1;height:30px;display:block}.hd-a11y-reflow .hd-a11y-reflow-narrow>div:last-child{flex-direction:column}.hd-a11y-reflow .hd-a11y-reflow-narrow>div:last-child i{flex:none;height:24px}.hd-a11y-motion{flex-direction:column;gap:24px}.hd-a11y-motion>div{width:100%;max-width:160px}.hd-a11y-motion>div>span{color:var(--hd-muted);margin-bottom:10px;font-size:11px;display:block}.hd-a11y-motion-track{justify-content:space-between;align-items:center;gap:12px;height:24px;display:flex}.hd-a11y-motion-track>i,.hd-a11y-motion-track>b{border-radius:6px;width:24px;height:24px;display:block}.hd-a11y-motion-track>i{border:1px dashed var(--a11y-bar)}.hd-a11y-motion-track>b{background:var(--hd-ink)}.hd-a11y-motion-track>svg{color:var(--hd-muted)}.hd-a11y-motion-still{justify-content:flex-end}.hd-a11y-motion-still>svg{background:var(--hd-ink);width:24px;height:24px;color:var(--hd-paper);border-radius:6px;padding:4px}.hd-a11y-review-scene{padding:36px}.hd-a11y-journey{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:18px;max-width:720px;margin:auto;display:grid}.hd-a11y-journey-step{text-align:center;justify-items:center;gap:14px;min-width:0;display:grid}.hd-a11y-journey-step>span{font-size:12px}.hd-a11y-mini-screen{background:var(--hd-art-surface);width:100%;max-width:180px;height:154px;box-shadow:var(--shadow-sm);border-radius:12px;padding:20px}.hd-a11y-mini-field{border:1px solid var(--a11y-line);border-radius:4px;height:24px;margin-top:16px}.hd-a11y-mini-action{background:var(--hd-ink);border-radius:4px;width:48px;height:20px;margin-top:12px;margin-left:auto}.hd-a11y-mini-invalid{border-color:var(--hd-ink);justify-content:flex-end;align-items:center;padding-right:5px;display:flex}.hd-a11y-mini-error{gap:4px;margin-top:10px;display:grid}.hd-a11y-mini-error i{background:var(--a11y-bar);border-radius:3px;width:85%;height:3px}.hd-a11y-mini-error i:last-child{width:60%}.hd-a11y-mini-complete{align-content:center;justify-items:center;gap:18px;display:grid}.hd-a11y-mini-complete>span{background:var(--hd-well);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.hd-a11y-mini-complete>.hd-a11y-lines{width:80%}.hd-a11y-journey-arrow{color:var(--hd-muted);margin-bottom:30px}.hd-a11y-review-bridge{color:var(--hd-muted);justify-content:center;align-items:center;gap:8px;margin:28px 0 20px;font-size:12px;display:flex}.hd-a11y-review-tools{border-top:1px solid var(--hd-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;padding-top:20px;display:flex}.hd-a11y-review-tools>span{align-items:center;gap:8px;font-size:12px;display:flex}@media (max-width:800px){.hd-a11y-names-scene{gap:24px;padding:28px}.hd-a11y-layout{gap:12px}.hd-a11y-small-scene{padding:12px}}@media (max-width:600px){.hd-a11y-contrast{grid-template-columns:1fr;gap:24px 14px;padding:24px 16px}.hd-a11y-contrast>div{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);place-items:center start;gap:0 16px}.hd-a11y-contrast-sample{grid-row:span 2;height:96px;margin:0}.hd-a11y-contrast strong{align-self:end;margin-bottom:4px}.hd-a11y-contrast .hd-a11y-measure{align-self:start}.hd-a11y-control{flex-direction:column;gap:6px}.hd-a11y-normal{font-size:12px}.hd-a11y-normal i{max-width:75%}.hd-a11y-focus-scene{padding:28px 16px}.hd-a11y-focus-order{grid-template-columns:1fr 16px 1fr 16px 1fr;gap:8px;padding:32px 16px 24px}.hd-a11y-order-arrow{width:16px}.hd-a11y-names-scene{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 20px}.hd-a11y-form-paper{padding:20px}.hd-a11y-annotations{justify-self:center;gap:20px;width:100%;max-width:330px}.hd-a11y-layout{grid-template-columns:minmax(0,1fr);gap:28px}.hd-a11y-small-scene{height:190px}.hd-a11y-review-scene{padding:28px 20px}.hd-a11y-journey{grid-template-columns:minmax(0,1fr);gap:16px}.hd-a11y-journey-arrow{justify-self:center;margin:0;transform:rotate(90deg)}.hd-a11y-mini-screen{max-width:200px}.hd-a11y-review-tools{justify-content:flex-start;gap:16px}}
@media (min-width:1280px){#nd-docs-layout:has(.hd-colors-page){--fd-toc-width:220px}}#nd-page.hd-colors-page{max-width:none}#nd-page.hd-colors-page>h1{font-size:32px}#nd-page.hd-colors-page>h1+p{font-size:16px;line-height:1.65}.hd-colors{font-size:14px;line-height:1.7}#nd-page .hd-colors :is(h2,h3){scroll-margin-top:96px}#nd-page .prose .hd-colors>h2{border:0;margin:48px 0 12px;padding:0;font-size:20px;font-weight:500;line-height:28px}#nd-page .prose .hd-colors>h2:first-of-type{margin-top:24px}#nd-page .prose .hd-colors>h3,.hd-color-layering h3{margin:32px 0 12px;font-size:16px;font-weight:500;line-height:24px}.hd-colors>p,.hd-color-layering>p{color:var(--hd-muted);margin:0 0 20px}.hd-colors>ul{margin:16px 0 24px;padding-left:18px}.hd-colors>ul li{margin-block:8px;padding-left:0}.hd-colors .not-prose{color:var(--hd-ink)}.hd-colors .not-prose code{font:12px/1.5 var(--font-mono)}.hd-colors :is(button,select,input,[tabindex]):focus-visible{outline:2px solid var(--hd-ink);outline-offset:3px}.hd-colors button{cursor:pointer}.hd-color-dark{display:none}.dark .hd-color-dark{display:inline}.dark .hd-color-light{display:none}.hd-palette-frame,.hd-color-table-frame{border:1px solid var(--hd-line);background:var(--hd-canvas);border-radius:14px;margin:20px 0;padding:3px}.hd-palette-panel{background:var(--hd-paper);border-radius:10px;padding:24px;position:relative}.hd-color-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hd-color-segments{background:var(--hd-well);border-radius:9px;padding:3px;display:flex}.hd-color-segments button{min-height:28px;color:var(--hd-muted);font:500 12px/20px var(--font-sans);background:0 0;border:0;border-radius:6px;padding:3px 12px}.hd-color-segments button[aria-pressed=true]{background:var(--hd-paper);color:var(--hd-ink);box-shadow:0 1px 3px #0000001f}.hd-color-step-toggle{color:var(--hd-muted);cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:12px;display:inline-flex;position:relative}.hd-color-step-toggle input{opacity:0;width:28px;height:20px;position:absolute}.hd-color-step-toggle>span{background:var(--hd-line);border-radius:12px;width:28px;height:16px;padding:2px}.hd-color-step-toggle>span:before{content:"";background:var(--hd-paper);border-radius:50%;width:12px;height:12px;transition:transform .18s ease-out;display:block}.hd-color-step-toggle input:checked+span{background:var(--hd-ink)}.hd-color-step-toggle input:checked+span:before{transform:translate(12px)}.hd-color-step-toggle input:focus-visible+span{outline:2px solid var(--hd-ink);outline-offset:4px}.hd-color-palette-scroll{scrollbar-width:thin;margin:-32px -4px -4px;padding:36px 4px 4px;overflow-x:auto}.hd-palette-table{border-collapse:separate;border-spacing:3px;table-layout:fixed;width:100%;min-width:650px}.hd-palette-table.hd-palette-expanded{min-width:1100px}.hd-palette-table th,.hd-palette-table td{border:0;padding:0}.hd-palette-table th:first-child,.hd-palette-table td:first-child{width:72px}.hd-palette-table thead th{text-align:center;color:var(--hd-muted);padding-bottom:4px;font-size:11px;font-weight:400}.hd-palette-table tbody th{text-align:left;font-size:13px;font-weight:500}.hd-color-swatch{--swatch:var(--swatch-light);background:var(--swatch);border:1px solid #8080801f;border-radius:4px;width:100%;height:34px;display:block;position:relative}.dark .hd-color-swatch{--swatch:var(--swatch-dark)}.hd-color-swatch.hd-color-alpha{background:linear-gradient(var(--swatch), var(--swatch)), conic-gradient(var(--hd-line) 25%, var(--hd-paper) 0 50%, var(--hd-line) 0 75%, var(--hd-paper) 0) 0 0 / 10px 10px}.hd-color-swatch[aria-pressed=true],.hd-color-swatch:hover{outline:1px solid var(--hd-ink);outline-offset:2px;z-index:2}.hd-color-swatch:focus-visible{z-index:3}.hd-color-tooltip{white-space:nowrap;border:1px solid var(--hd-line);background:var(--hd-paper);color:var(--hd-ink);font:11px/16px var(--font-mono);pointer-events:none;text-align:left;border-radius:6px;padding:5px 8px;display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.hd-color-tooltip b{font-weight:500;display:block}.hd-color-swatch:is(:hover,:focus-visible) .hd-color-tooltip{display:block}.hd-palette-table td:nth-child(2) .hd-color-tooltip{left:0;transform:none}.hd-palette-table td:last-child .hd-color-tooltip{left:auto;right:0;transform:none}.hd-palette-table tfoot td:not(:first-child){border-top:1px solid var(--hd-line);color:var(--hd-muted);text-align:center;padding-top:7px;font-size:11px}.hd-color-copy-status{color:var(--hd-muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}.hd-color-copy-status:empty{display:none}.hd-color-table-scroll{background:var(--hd-paper);border-radius:10px;overflow-x:auto}.hd-color-table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:13px}.hd-color-table th,.hd-color-table td{border:0;border-bottom:1px solid var(--hd-line);vertical-align:middle;padding:12px 16px}.hd-color-table thead th{color:var(--hd-muted);background:var(--hd-canvas);font-size:12px;font-weight:400}.hd-color-table tbody th{white-space:nowrap;font-weight:400}.hd-color-table tr:last-child>:is(th,td){border-bottom:0}.hd-color-table td{color:var(--hd-muted)}.hd-color-table code{background:var(--hd-well);color:var(--hd-ink);border-radius:4px;padding:1px 4px}.hd-color-semantic-table{min-width:740px}.hd-color-semantic-table th,.hd-color-semantic-table td{padding:10px 12px}.hd-color-token-copy{color:var(--hd-ink);background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;display:inline-flex}.hd-color-token-copy svg{color:var(--hd-muted);opacity:0}.hd-color-token-copy:is(:hover,:focus-visible) svg{opacity:1}.hd-color-value{--swatch:var(--swatch-light);color:var(--hd-ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.dark .hd-color-value{--swatch:var(--swatch-dark)}.hd-color-value-swatch{background:var(--swatch);border:1px solid var(--hd-line);border-radius:5px;flex-shrink:0;width:22px;height:22px}.hd-color-border-swatch{border:1px solid var(--swatch);background:var(--hd-paper)}.hd-color-text-sample{color:var(--swatch);min-width:22px;font-size:15px;font-weight:500}.hd-color-on-solid .hd-color-text-sample{text-align:center;background:var(--colors-neutral-bg-solid);border-radius:4px;min-width:28px;padding:2px}.hd-color-empty{color:var(--hd-muted)}.hd-semantic-colors{margin-bottom:20px}.hd-semantic-colors .hd-color-table-frame{margin-bottom:0}.hd-color-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.hd-color-status-grid figure,.hd-color-layering figure{min-width:0;margin:0}.hd-color-status-grid figure>div{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:80px;padding:16px;font-size:12px;line-height:18px;display:flex}.hd-color-status-grid svg{flex-shrink:0}.hd-color-status-grid figcaption{gap:2px;margin-top:10px;display:grid}.hd-color-status-grid figcaption>span{color:var(--hd-muted);font-size:12px}.hd-color-layering{container-type:inline-size}.hd-color-palette-picker{color:var(--hd-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:24px 0 16px;font-size:13px;display:flex}.hd-color-palette-options{background:var(--hd-well);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.hd-color-palette-options button{min-width:28px;min-height:28px;color:var(--hd-ink);font:500 13px/20px var(--font-sans);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 4px;transition:background-color .15s;display:inline-flex}.hd-color-palette-options button:hover{background:var(--hd-paper)}.hd-color-palette-options button[aria-pressed=true]{background:var(--hd-paper);box-shadow:0 0 0 1px var(--hd-line), 0 1px 2px #0000000a;padding-right:10px}.hd-color-palette-chip{border:1px solid;border-radius:6px;flex:none;width:18px;height:18px}.hd-color-palette-name{display:none}[aria-pressed=true]>.hd-color-palette-name{display:inline}.hd-color-layers-grid,.hd-color-border-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.hd-color-layering figure{border:1px solid var(--hd-line);background:var(--hd-paper);border-radius:12px;grid-template-rows:1fr auto;padding:4px;display:grid}.hd-color-layer-stage,.hd-color-border-stage{aspect-ratio:1;background:var(--hd-canvas);min-width:0;box-shadow:inset 0 0 0 1px var(--hd-line);border-radius:8px}.hd-color-layer-stage{padding:24px;display:grid}.hd-color-layer{border:0 solid #0000;border-radius:8px;min-width:0;padding:21px;transition:background-color .35s cubic-bezier(.23,1,.32,1),border-color .35s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.hd-color-layer-stage>.hd-color-layer{border-radius:10px}.hd-color-layer .hd-color-layer .hd-color-layer{padding:0}.hd-color-layer>span{color:var(--hd-ink);font:11px/14px var(--font-sans);white-space:nowrap;position:absolute;top:6px;left:6px}.hd-color-layer>.hd-color-layer-border-label{top:auto;bottom:6px}.hd-color-layering figcaption{color:var(--hd-muted);font:400 13px/20px var(--font-sans);padding:8px 8px 6px}.hd-colors .hd-color-layering figcaption code{background:var(--hd-well);color:var(--hd-ink);font:12px/20px var(--font-sans);border-radius:4px;padding:1px 4px}.hd-color-border-stage{transition:background-color .35s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.hd-color-border-corners{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hd-color-border-corner{left:-24px;right:calc(16px + var(--border-level) * 32px);top:calc(36px + var(--border-level) * 44px);border-radius:0 calc(48px - var(--border-level) * 12px) 0 0;border:2px solid;height:600px;transition:border-color .35s cubic-bezier(.23,1,.32,1);position:absolute}.hd-colors .hd-color-border-corner code{background:var(--hd-well);color:var(--hd-ink);font:12px/14px var(--font-sans);white-space:nowrap;border-radius:4px;padding:1px 5px;position:absolute;top:-24px;left:48px}.hd-color-rules{gap:16px;margin:20px 0 28px;display:grid}.hd-color-rules>div{align-items:flex-start;gap:12px;display:flex}.hd-color-rules svg{color:var(--hd-muted);flex-shrink:0;margin-top:3px}.hd-color-rules p{gap:4px;margin:0;display:grid}.hd-color-rules strong{font-weight:500}.hd-color-rules p>span{color:var(--hd-muted)}@media (max-width:1100px){.hd-color-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#nd-page.hd-colors-page{padding-inline:20px}.hd-palette-panel{padding:16px 12px}.hd-color-toolbar{flex-wrap:wrap;gap:8px}.hd-color-swatch{height:40px}.hd-color-status-grid figure>div{flex-direction:column;align-items:flex-start;min-height:104px}.hd-color-token-copy svg{opacity:1}}@container (max-width:864px){.hd-color-layers-grid,.hd-color-border-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:500px){.hd-color-layers-grid,.hd-color-border-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hd-color-layer,.hd-color-border-stage,.hd-color-border-corner,.hd-color-palette-options button,.hd-color-step-toggle>span:before{transition:none}}@media (forced-colors:active){.hd-color-step-toggle>span,.hd-color-swatch{border:1px solid canvastext}.hd-color-step-toggle>span:before{background:canvastext}}