:root{--xray-paper:#0b2545;--xray-paper-raised:#1a3250;--xray-ink:#eaf4ff;--xray-ink-muted:#a8c8e8;--xray-ink-subtle:#8fb8de;--xray-line:#8fb8de;--xray-line-soft:#4d7ba8;--xray-accent:#8fe0ff;--xray-grid:#ffffff0b;--xray-grid-major:#ffffff17;--xray-grid-step:12px;--xray-grid-step-major:96px;--xray-plate-leading:1.1;--xray-plate-tracking:.04em;--xray-legend-leading:1.2;--xray-legend-tracking:.14em;--xray-tick-length:9px;--xray-develop:.72s;--xray-undevelop:.48s}:root[data-xray=on],[data-xray=on]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ds-surface:var(--xray-paper);--ds-surface-raised:var(--xray-paper-raised);--ds-surface-overlay:var(--xray-paper-raised);--ds-text:var(--xray-ink);--ds-text-muted:var(--xray-ink-muted);--ds-text-subtle:var(--xray-ink-subtle);--ds-border:var(--xray-line-soft);--ds-border-strong:var(--xray-line);--ds-accent:var(--xray-accent);--ds-accent-hover:var(--xray-ink);--ds-accent-surface:var(--xray-paper-raised);--ds-accent-border:var(--xray-line);--ds-accent-contrast:var(--xray-paper);--ds-info:var(--xray-ink);--ds-info-surface:var(--xray-paper-raised);--ds-info-border:var(--xray-line-soft);--ds-success:var(--xray-ink);--ds-success-surface:var(--xray-paper-raised);--ds-success-border:var(--xray-line-soft);--ds-warning:var(--xray-ink);--ds-warning-surface:var(--xray-paper-raised);--ds-warning-border:var(--xray-line-soft);--ds-danger:var(--xray-ink);--ds-danger-surface:var(--xray-paper-raised);--ds-danger-border:var(--xray-line-soft);--ds-danger-contrast:var(--xray-paper)}@property --xray-tick{syntax:"<length>";inherits:false;initial-value:0}[data-xray] body{position:relative}[data-xray] body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--xray-grid-major) 0 1px, transparent 1px), linear-gradient(to bottom, var(--xray-grid-major) 0 1px, transparent 1px), linear-gradient(to right, var(--xray-grid) 0 1px, transparent 1px), linear-gradient(to bottom, var(--xray-grid) 0 1px, transparent 1px);background-size:var(--xray-grid-step-major) var(--xray-grid-step-major), var(--xray-grid-step-major) var(--xray-grid-step-major), var(--xray-grid-step) var(--xray-grid-step), var(--xray-grid-step) var(--xray-grid-step);background-repeat:repeat;position:absolute;inset:0}[data-xray=on] body:after{animation:xray-paper-in var(--xray-develop) var(--ds-ease,ease) both}[data-xray=leaving] body:after{animation:xray-paper-out var(--xray-undevelop) var(--ds-ease,ease) both}[data-xray=leaving] body{transition-duration:var(--xray-undevelop)}[data-xray=on] [data-ds-component]{color:#0000;box-shadow:none;background-color:#0000;border-color:#0000;text-decoration-color:#0000}[data-xray] [data-ds-component]{--xray-tick:var(--xray-tick-length);outline:1px solid var(--ds-border-strong);outline-offset:0;background-image:linear-gradient(var(--ds-border-strong), var(--ds-border-strong)), linear-gradient(var(--ds-border-strong), var(--ds-border-strong)), linear-gradient(var(--ds-border-strong), var(--ds-border-strong)), linear-gradient(var(--ds-border-strong), var(--ds-border-strong)), linear-gradient(var(--ds-border-strong), var(--ds-border-strong)), linear-gradient(var(--ds-border-strong), var(--ds-border-strong)), linear-gradient(var(--ds-border-strong), var(--ds-border-strong)), linear-gradient(var(--ds-border-strong), var(--ds-border-strong));background-size:var(--xray-tick) 1px, 1px var(--xray-tick), var(--xray-tick) 1px, 1px var(--xray-tick), var(--xray-tick) 1px, 1px var(--xray-tick), var(--xray-tick) 1px, 1px var(--xray-tick);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;position:relative}[data-xray=on] :is([data-ds-component],[data-ds-region]) :not([data-ds-component],[data-ds-region],[data-ds-chrome],[data-ds-chrome] *),[data-xray=on] :is([data-ds-component],[data-ds-region]) :not([data-ds-component],[data-ds-region],[data-ds-chrome],[data-ds-chrome] *):before,[data-xray=on] :is([data-ds-component],[data-ds-region]) :not([data-ds-component],[data-ds-region],[data-ds-chrome],[data-ds-chrome] *):after{color:#0000!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important;text-decoration-color:#0000!important}[data-xray] [data-ds-component][data-ds-local]{background-image:none}[data-xray] [data-ds-component][data-ds-local]:before{color:var(--ds-text-muted)}[data-xray] [data-ds-component][data-ds-flow=inline]{box-shadow:none;background-color:#0000;background-image:none;outline:none}[data-xray] [data-ds-component][data-ds-flow=inline]:before,[data-xray] [data-ds-component][data-ds-flow=inline]:after{display:none}[data-xray=on] :is([data-ds-component],[data-ds-region]) :where(svg,img,video,canvas,picture):not([data-ds-chrome] *){opacity:0}[data-xray=on] [data-ds-component][data-ds-draw]{animation:xray-frame-in var(--ds-duration-slow,.36s) var(--ds-ease,ease) both;animation-delay:var(--xray-delay,0s)}[data-xray=leaving] [data-ds-component][data-ds-draw]{animation:xray-frame-out var(--xray-undevelop) var(--ds-ease,ease) both}[data-xray] [data-ds-component]:focus-visible{outline:var(--ds-focus-width,2px) solid var(--ds-accent);outline-offset:var(--ds-focus-offset,2px)}[data-xray] [data-ds-component]:before{content:attr(data-ds-component);z-index:2;padding-inline:var(--ds-space-2,4px);color:var(--ds-accent);font-family:var(--ds-font-mono,monospace);font-size:var(--ds-text-xs,11px);font-variant:normal;font-style:normal;font-weight:var(--ds-weight-regular,400);text-transform:none;line-height:var(--xray-plate-leading);letter-spacing:var(--xray-plate-tracking);text-align:center;white-space:pre-line;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;inset:0;overflow:hidden}[data-xray] [data-ds-component]:has([data-ds-component]:not([data-ds-flow=inline])):before{inset:auto;background:var(--ds-surface);text-align:start;width:max-content;max-width:100%;margin-block-end:3px;padding-inline:3px;display:block;inset-block-end:100%;inset-inline-start:0}[data-xray] [data-ds-component][data-ds-plate=off]:before{content:""}[data-xray=on] [data-ds-component][data-ds-draw]:before{animation:xray-label-in var(--ds-duration,.2s) var(--ds-ease,ease) both;animation-delay:calc(var(--xray-delay,0s) + var(--ds-duration-fast,.12s))}[data-xray=leaving] [data-ds-component][data-ds-draw]:before{animation:xray-label-out var(--xray-undevelop) var(--ds-ease,ease) both}[data-xray] [data-ds-component]:after{content:"";z-index:1;outline:1px dashed var(--ds-border);pointer-events:none;position:absolute;inset-block-start:var(--xray-pbs,0);inset-block-end:var(--xray-pbe,0);inset-inline-start:var(--xray-pis,0);inset-inline-end:var(--xray-pie,0)}[data-xray=on] [data-ds-component][data-ds-draw]:after{animation:xray-content-in var(--ds-duration-slow,.36s) var(--ds-ease,ease) both;animation-delay:calc(var(--xray-delay,0s) + var(--ds-duration-fast,.12s))}[data-xray=leaving] [data-ds-component][data-ds-draw]:after{animation:xray-label-out var(--xray-undevelop) var(--ds-ease,ease) both}[data-xray] [data-ds-region]{--xray-enclosure:var(--ds-space-3,8px);color:#0000;box-shadow:none;outline:1px dashed var(--ds-border);outline-offset:var(--xray-enclosure);background-color:#0000;border-color:#0000;text-decoration-color:#0000;position:relative}[data-xray] [data-ds-region] [data-ds-region]{--xray-enclosure:0px}[data-xray] [data-ds-region]:before{content:attr(data-ds-region);z-index:2;padding-inline:var(--ds-space-3,8px);background:var(--ds-surface);color:var(--ds-text-subtle);font-family:var(--ds-font-mono,monospace);font-size:var(--ds-text-xs,11px);line-height:var(--xray-legend-leading);letter-spacing:var(--xray-legend-tracking);text-transform:uppercase;white-space:nowrap;pointer-events:none;position:absolute;inset-block-start:calc(-1 * var(--xray-enclosure));inset-inline-end:0;transform:translateY(-50%)}[data-xray=on] [data-ds-region],[data-xray=on] [data-ds-region]:before{animation:xray-fade-in var(--ds-duration-slow,.36s) var(--ds-ease,ease) both}[data-xray=leaving] [data-ds-region],[data-xray=leaving] [data-ds-region]:before{animation:xray-label-out var(--xray-undevelop) var(--ds-ease,ease) both}[data-xray] [data-ds-chrome],[data-xray] [data-ds-chrome] *,[data-xray] [data-ds-chrome] [data-ds-component]{color:inherit;box-shadow:none;background-image:none;outline:none;text-decoration-color:currentColor}[data-xray] [data-ds-chrome]:before,[data-xray] [data-ds-chrome]:after,[data-xray] [data-ds-chrome] [data-ds-component]:before,[data-xray] [data-ds-chrome] [data-ds-component]:after{content:none}@keyframes xray-paper-in{0%{opacity:0}}@keyframes xray-paper-out{to{opacity:0}}@keyframes xray-frame-in{0%{--xray-tick:0px;outline-color:#0000}}@keyframes xray-frame-out{to{--xray-tick:0px;outline-color:#0000}}@keyframes xray-label-in{0%{opacity:0;transform:translateY(3px)}}@keyframes xray-fade-in{0%{opacity:0}}@keyframes xray-label-out{to{opacity:0}}@keyframes xray-content-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){[data-xray] [data-ds-component],[data-xray] [data-ds-component]:before,[data-xray] [data-ds-component]:after{animation-delay:0s!important}[data-xray] body:after{animation:none}[data-xray] body{transition:none}}[data-vision=protanopia] body{filter:url(#ds-protanopia)}[data-vision=deuteranopia] body{filter:url(#ds-deuteranopia)}[data-vision=tritanopia] body{filter:url(#ds-tritanopia)}
