.demo-module__UY2DYW__demo{box-sizing:border-box;gap:var(--ds-space-4);scroll-margin-top:var(--ds-space-4);display:grid}.demo-module__UY2DYW__title{max-inline-size:var(--ds-layout-reading)}.demo-module__UY2DYW__lead{max-inline-size:var(--ds-layout-reading);color:var(--ds-color-muted);margin:0}.demo-module__UY2DYW__layout{gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"nav""exp""aside";display:grid}.demo-module__UY2DYW__nav{justify-content:space-between;align-items:center;gap:var(--ds-space-2) var(--ds-space-4);flex-wrap:wrap;display:flex}.demo-module__UY2DYW__navTop{grid-area:nav}.demo-module__UY2DYW__navSide{display:none}.demo-module__UY2DYW__steps{gap:var(--ds-space-2) var(--ds-space-3);color:var(--ds-color-muted);font-size:var(--ds-type-meta-size);line-height:var(--ds-type-meta-line);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.demo-module__UY2DYW__step{align-items:center;gap:var(--ds-space-1);display:inline-flex}.demo-module__UY2DYW__step[aria-current=step]{color:var(--ds-color-ink);font-weight:var(--ds-type-label-weight)}.demo-module__UY2DYW__stepNumber{inline-size:var(--ds-size-icon);block-size:var(--ds-size-icon);border-radius:var(--ds-radius-pill);background-color:var(--ds-color-subtle);color:var(--ds-color-ink);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.demo-module__UY2DYW__step[aria-current=step] .demo-module__UY2DYW__stepNumber{background-color:var(--ds-color-ink);color:var(--ds-color-inverse)}.demo-module__UY2DYW__experience{border-radius:var(--ds-radius-card);background-color:var(--ds-color-panel);min-inline-size:0;box-shadow:var(--ds-shadow-card);scroll-margin-top:var(--ds-space-4);flex-direction:column;grid-area:exp;display:flex;overflow:hidden}.demo-module__UY2DYW__band{padding-block:var(--ds-space-2);padding-inline:var(--ds-space-4);background-color:var(--ds-color-ink);color:var(--ds-color-inverse);font-size:var(--ds-type-meta-size);line-height:var(--ds-type-meta-line);font-weight:var(--ds-type-label-weight);margin:0}.demo-module__UY2DYW__foot{padding-block:var(--ds-space-2);padding-inline:var(--ds-space-4);background-color:var(--ds-color-panel);color:var(--ds-color-muted);font-size:var(--ds-type-meta-size);line-height:var(--ds-type-meta-line);margin:0}.demo-module__UY2DYW__scene{aspect-ratio:3/2;background-color:var(--ds-color-subtle);position:relative;overflow:hidden}:root[data-character=hidden] .demo-module__UY2DYW__scene{display:none}.demo-module__UY2DYW__scene[data-scene-asset=failed],.demo-module__UY2DYW__scene[data-scene-source=scene]{aspect-ratio:auto;background-color:var(--ds-color-panel)}.demo-module__UY2DYW__sceneFrame[data-scene-state=asset-failed]>div:empty{display:none}.demo-module__UY2DYW__sceneFrame>button[aria-pressed]{inset-block:var(--ds-space-3) auto}.demo-module__UY2DYW__plate{background-color:var(--ds-color-subtle);justify-content:flex-start;align-items:flex-start;display:flex;position:absolute;inset:0}.demo-module__UY2DYW__plate>picture{position:absolute;inset:0}.demo-module__UY2DYW__image{object-fit:cover;block-size:100%;inline-size:100%;display:block}.demo-module__UY2DYW__image[data-status=loading]{visibility:hidden}.demo-module__UY2DYW__pending{gap:var(--ds-space-1);padding:var(--ds-space-4);color:var(--ds-color-muted);font-size:var(--ds-type-meta-size);line-height:var(--ds-type-meta-line);margin:0;display:grid}.demo-module__UY2DYW__pendingName{color:var(--ds-color-ink);font-weight:var(--ds-type-label-weight)}.demo-module__UY2DYW__route{block-size:50%;position:absolute;inset-block-end:0;inset-inline:0}.demo-module__UY2DYW__route[data-layout=frame]{block-size:100%;inset-block-start:0}.demo-module__UY2DYW__routeLine{fill:none;block-size:100%;inline-size:100%;stroke:var(--ds-color-ink);stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 9;position:absolute;inset:0;overflow:visible}.demo-module__UY2DYW__port{inline-size:var(--ds-size-icon);block-size:var(--ds-size-icon);border-radius:var(--ds-radius-pill);background-color:var(--ds-color-ink);color:var(--ds-color-inverse);font-size:var(--ds-type-meta-size);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;translate:-50% -50%}.demo-module__UY2DYW__port[data-first=true]{background-color:var(--ds-color-action);color:var(--ds-color-inverse);box-shadow:0 0 0 var(--ds-border-focus) var(--ds-color-panel)}.demo-module__UY2DYW__hotspot{inline-size:var(--ds-size-target);block-size:var(--ds-size-target);border-radius:var(--ds-radius-pill);cursor:pointer;pointer-events:auto;background-color:#0000;border:0;margin:0;padding:0;position:absolute;translate:-50% -50%}.demo-module__UY2DYW__portGlow{inline-size:calc(var(--ds-size-target) * 2);block-size:calc(var(--ds-size-target) * 2);border-radius:var(--ds-radius-pill);-webkit-backdrop-filter:brightness(var(--demo-port-glow));backdrop-filter:brightness(var(--demo-port-glow));pointer-events:none;position:absolute;translate:-50% -50%;-webkit-mask-image:radial-gradient(closest-side,#000,#0000);mask-image:radial-gradient(closest-side,#000,#0000)}.demo-module__UY2DYW__opening{justify-items:start;gap:var(--ds-space-2);box-sizing:border-box;max-inline-size:calc(100% - var(--ds-space-6));padding-block:var(--ds-space-3);padding-inline:var(--ds-space-4);border-radius:var(--ds-radius-control);background-color:var(--ds-color-panel);color:var(--ds-color-ink);box-shadow:var(--ds-shadow-overlay);pointer-events:auto;display:grid;position:absolute;inset-block-start:var(--ds-space-3);inset-inline-start:var(--ds-space-3)}.demo-module__UY2DYW__scene[data-scene-source=scene]:has(.demo-module__UY2DYW__opening) .demo-module__UY2DYW__sceneFrame>button[aria-pressed]{visibility:hidden}@media (min-width:48em){.demo-module__UY2DYW__scene[data-scene-source=scene]:has(.demo-module__UY2DYW__opening) .demo-module__UY2DYW__sceneFrame>button[aria-pressed]{visibility:visible}}.demo-module__UY2DYW__openingName{align-items:center;gap:var(--ds-space-2);padding-block:var(--ds-space-1);padding-inline:var(--ds-space-3);border-radius:var(--ds-radius-control);font-weight:var(--ds-type-label-weight);margin:0;display:inline-flex;position:relative}.demo-module__UY2DYW__openingEmphasis{border-radius:inherit;box-shadow:inset 0 0 0 var(--ds-border-control) var(--ds-color-action);pointer-events:none;position:absolute;inset:0}.demo-module__UY2DYW__openingText{font-size:var(--ds-type-meta-size);line-height:var(--ds-type-meta-line);margin:0}.demo-module__UY2DYW__sceneStatus:not(:empty){padding:var(--ds-space-3)}.demo-module__UY2DYW__errorActions{gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.demo-module__UY2DYW__stage{gap:var(--ds-space-4);padding:var(--ds-space-4);display:grid}.demo-module__UY2DYW__candidates{gap:var(--ds-space-3);display:grid}.demo-module__UY2DYW__candidate{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--ds-space-3);inline-size:100%;min-block-size:var(--ds-size-control-large);padding-block:var(--ds-space-3);padding-inline:var(--ds-space-4);border:var(--ds-border-control) solid var(--ds-color-control-border);border-radius:var(--ds-radius-control);background-color:var(--ds-color-panel);color:var(--ds-color-ink);font-family:inherit;font-size:var(--ds-type-label-size);line-height:var(--ds-type-label-line);font-weight:var(--ds-type-label-weight);text-align:start;cursor:pointer;transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--ds-ui-u03-duration);transition-timing-function:var(--ds-motion-ease);margin:0;display:flex}.demo-module__UY2DYW__candidate:hover{border-color:var(--ds-color-action)}.demo-module__UY2DYW__candidate[aria-pressed=true]{border-color:var(--ds-color-action);box-shadow:inset 0 0 0 var(--ds-border-control) var(--ds-color-action)}.demo-module__UY2DYW__check,.demo-module__UY2DYW__openingCheck{inline-size:var(--ds-size-icon);block-size:var(--ds-size-icon);fill:none;stroke:var(--ds-color-action);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.demo-module__UY2DYW__check{visibility:hidden}.demo-module__UY2DYW__candidate[aria-pressed=true] .demo-module__UY2DYW__check{visibility:visible}.demo-module__UY2DYW__stageBody{gap:var(--ds-space-3);display:grid}.demo-module__UY2DYW__stageTitle{scroll-margin-top:var(--ds-space-4)}.demo-module__UY2DYW__ports{gap:var(--ds-space-2);margin:0;padding:0;list-style:none;display:grid}.demo-module__UY2DYW__portItem{align-items:center;gap:var(--ds-space-3);display:flex}.demo-module__UY2DYW__portItem[data-first=true]{font-weight:var(--ds-type-label-weight)}.demo-module__UY2DYW__portNumber{inline-size:var(--ds-size-icon);block-size:var(--ds-size-icon);border-radius:var(--ds-radius-pill);background-color:var(--ds-color-subtle);color:var(--ds-color-ink);font-size:var(--ds-type-meta-size);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-module__UY2DYW__portItem[data-first=true] .demo-module__UY2DYW__portNumber{background-color:var(--ds-color-action);color:var(--ds-color-inverse)}.demo-module__UY2DYW__actions{align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.demo-module__UY2DYW__nextPort{color:var(--ds-color-muted);font-size:var(--ds-type-meta-size);line-height:var(--ds-type-meta-line);font-weight:var(--ds-type-label-weight);margin:0}.demo-module__UY2DYW__disclosure{justify-items:start;gap:var(--ds-space-2);display:grid}.demo-module__UY2DYW__disclosure>div{justify-self:stretch}.demo-module__UY2DYW__answer{padding-block:var(--ds-space-3);padding-inline:var(--ds-space-4);border-radius:var(--ds-radius-control);background-color:var(--ds-color-subtle);color:var(--ds-color-ink);margin:0}.demo-module__UY2DYW__result{font-weight:var(--ds-type-label-weight);margin:0}.demo-module__UY2DYW__explain{gap:var(--ds-space-1);padding:var(--ds-space-4);border-radius:var(--ds-radius-control);background-color:var(--ds-color-canvas);color:var(--ds-color-ink);display:grid}.demo-module__UY2DYW__explain>p{margin:0}.demo-module__UY2DYW__explainTitle{font-weight:var(--ds-type-label-weight)}.demo-module__UY2DYW__chevron{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition-property:rotate;transition-duration:var(--ds-ui-u04-duration);transition-timing-function:var(--ds-motion-ease)}[aria-expanded=true] .demo-module__UY2DYW__chevron{rotate:180deg}.demo-module__UY2DYW__aside{align-content:start;gap:var(--ds-space-4);grid-area:aside;display:grid}.demo-module__UY2DYW__others{justify-items:start;gap:var(--ds-space-2);display:grid}.demo-module__UY2DYW__othersList,.demo-module__UY2DYW__noscriptList{gap:var(--ds-space-3);justify-self:stretch;margin:0;padding:0;list-style:none;display:grid}.demo-module__UY2DYW__othersList>li,.demo-module__UY2DYW__noscriptList>li{gap:var(--ds-space-1);padding-block:var(--ds-space-3);padding-inline:var(--ds-space-4);border-radius:var(--ds-radius-control);background-color:var(--ds-color-panel);color:var(--ds-color-ink);display:grid}.demo-module__UY2DYW__othersList p,.demo-module__UY2DYW__noscriptList p{margin:0}.demo-module__UY2DYW__others[data-open=false] .demo-module__UY2DYW__othersList{display:none}.demo-module__UY2DYW__otherName{font-weight:var(--ds-type-label-weight)}.demo-module__UY2DYW__note{color:var(--ds-color-muted);font-size:var(--ds-type-meta-size);line-height:var(--ds-type-meta-line);margin:0}.demo-module__UY2DYW__noscript{gap:var(--ds-space-3);display:grid}.demo-module__UY2DYW__noscript>p{margin:0}@media (scripting:none){.demo-module__UY2DYW__candidates{display:none}}@media (forced-colors:active){.demo-module__UY2DYW__candidate[aria-pressed=true]{border-color:highlight}.demo-module__UY2DYW__check,.demo-module__UY2DYW__openingCheck{stroke:canvastext}.demo-module__UY2DYW__openingEmphasis{border:var(--ds-border-control) solid Highlight}}@media (min-width:75em){.demo-module__UY2DYW__layout{column-gap:var(--ds-space-8);grid-template:"exp side""exp aside"1fr/minmax(0,7fr) minmax(0,5fr);align-items:start}.demo-module__UY2DYW__navTop{display:none}.demo-module__UY2DYW__navSide{flex-direction:column;grid-area:side;align-items:flex-start;display:flex}.demo-module__UY2DYW__steps{font-size:var(--ds-type-body-size);line-height:var(--ds-type-body-line);flex-direction:column}.demo-module__UY2DYW__others .demo-module__UY2DYW__othersToggle{display:none}.demo-module__UY2DYW__others[data-open=false] .demo-module__UY2DYW__othersList{display:grid}}
.page-module__45E8ZG__main{--lp-layout-section-max:75rem;box-sizing:border-box;gap:var(--ds-space-4);max-inline-size:calc(var(--lp-layout-section-max) + 2 * var(--ds-layout-gutter-large));padding-block:var(--ds-space-8) var(--ds-space-16);padding-inline:var(--ds-layout-gutter-small);margin-inline:auto;display:grid}.page-module__45E8ZG__toHarbor{margin:0}@media (min-width:48em){.page-module__45E8ZG__main{padding-inline:var(--ds-layout-gutter-medium)}}@media (min-width:75em){.page-module__45E8ZG__main{padding-block:var(--ds-space-12) var(--ds-space-20);padding-inline:var(--ds-layout-gutter-large)}}
.page-module__yGifVG__main{box-sizing:border-box;gap:var(--ds-space-4);max-inline-size:var(--ds-layout-max);padding-block:var(--ds-space-8);padding-inline:var(--ds-layout-gutter-small);margin-inline:auto;display:grid}.page-module__yGifVG__note{color:var(--ds-color-muted);font-size:var(--ds-type-meta-size);margin:0}@media (min-width:48em){.page-module__yGifVG__main{padding-inline:var(--ds-layout-gutter-medium)}}@media (min-width:75em){.page-module__yGifVG__main{padding-inline:var(--ds-layout-gutter-large)}}