:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html,body{margin:0;height:100%;background:#fff;color:#16325c;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif}:root[data-theme=dark],:root[data-theme=dark] body{background:#141413;color:#f2f0ec}.demo-boot{min-height:100%;display:grid;place-content:center;gap:6px;padding:24px;text-align:center;box-sizing:border-box}.demo-boot__brand{margin:0 0 6px;font-size:20px;font-weight:600;letter-spacing:.01em}.demo-boot__line{margin:0;font-size:14px}.demo-stage:lang(ja),.demo-boot:lang(ja),.demo-narrow:lang(ja),.demo-chrome:lang(ja),.demo-notice:lang(ja),.demo-about:lang(ja),.demo-tour:lang(ja),.pt:lang(ja){line-break:strict}@property --aperture{syntax: "<length>"; inherits: true; initial-value: 0px;}.demo-stage{--ox: 50%;--oy: 50%;position:fixed;inset:0;z-index:2147483647;display:grid;align-content:center;justify-items:center;gap:8px;padding:24px;box-sizing:border-box;background:#faf7f0;color:#0b1f3b;text-align:center;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark] .demo-stage{background:#0b1f3b;color:#f6f2e7}.demo-stage[hidden]{display:none}.demo-stage__lockup{display:grid;justify-items:center;gap:14px;margin-bottom:18px}.demo-stage__mark{display:block;width:64px;height:64px;color:currentColor}.demo-stage .mark-star{fill:#fbbf24}.demo-stage .mark-gold{stroke:#fbbf24}.demo-stage__name{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,URW Palladio L,P052,Georgia,serif;font-size:30px;font-weight:500;letter-spacing:-.01em}.demo-stage__line{margin:0;color:#56627a;font-size:14px}:root[data-theme=dark] .demo-stage__line{color:#d9dfea}.demo-stage__noscript{max-width:34em;margin:12px 0 0;color:inherit;font-size:14px;line-height:1.5}.demo-stage__ring{position:fixed;left:var(--ox);top:var(--oy);width:calc(2 * var(--aperture) + 4px);height:calc(2 * var(--aperture) + 4px);translate:-50% -50%;border:1.5px solid #fbbf24;border-radius:50%;box-sizing:border-box;opacity:0;pointer-events:none}@media (prefers-reduced-motion: no-preference){.demo-stage__lockup{animation:demo-stage-in .52s cubic-bezier(.16,1,.3,1) both}.demo-stage__line{animation:demo-stage-fade .52s ease-out .12s both}}.demo-stage.is-opening{-webkit-mask:radial-gradient(circle at var(--ox) var(--oy),transparent var(--aperture),#000 calc(var(--aperture) + .5px));mask:radial-gradient(circle at var(--ox) var(--oy),transparent var(--aperture),#000 calc(var(--aperture) + .5px));animation:demo-aperture-open var(--stage-open, .72s) cubic-bezier(.65,0,.35,1) 90ms both}.demo-stage.is-opening .demo-stage__lockup,.demo-stage.is-opening .demo-stage__line{animation:demo-stage-out .2s ease-in both}.demo-stage.is-opening .demo-stage__ring{animation:demo-ring var(--stage-open, .72s) cubic-bezier(.65,0,.35,1) 90ms both}.demo-stage.is-closing{-webkit-mask:radial-gradient(circle at var(--ox) var(--oy),transparent var(--aperture),#000 calc(var(--aperture) + .5px));mask:radial-gradient(circle at var(--ox) var(--oy),transparent var(--aperture),#000 calc(var(--aperture) + .5px));animation:demo-aperture-close var(--stage-close, .62s) cubic-bezier(.65,0,.35,1) both}.demo-stage.is-closing .demo-stage__line{display:none}.demo-stage.is-closing .demo-stage__lockup{animation:demo-stage-in .42s cubic-bezier(.16,1,.3,1) .36s both}.demo-stage.is-closing .demo-stage__mark{view-transition-name:sextant-mark}.demo-stage.is-closing .demo-stage__ring{animation:demo-ring-close var(--stage-close, .62s) cubic-bezier(.65,0,.35,1) both}@keyframes demo-stage-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes demo-stage-fade{0%{opacity:0}to{opacity:1}}@keyframes demo-stage-out{to{opacity:0;transform:scale(.96)}}@keyframes demo-aperture-open{0%{--aperture: 7px}to{--aperture: var(--aperture-max, 150vmax)}}@keyframes demo-aperture-close{0%{--aperture: var(--aperture-max, 150vmax)}to{--aperture: 0px}}@keyframes demo-ring{0%{opacity:1}70%{opacity:.9}to{opacity:0}}@keyframes demo-ring-close{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion: reduce){.demo-stage.is-opening,.demo-stage.is-closing{animation:none;-webkit-mask:none;mask:none}}