/* Three touch areas embedded in one continuous material surface. */
#core-gesture-help { display:none; }
html[data-core-webgl="true"] #core-gesture-help { display:block; }
.ap-core-dock { inline-size:min(100%,28rem); column-gap:.5rem; row-gap:0; }
.ap-core-selector { inline-size:100%; }
.ap-blob-selector { display:block; inline-size:100%; aspect-ratio:600/250; margin:-.5rem auto -.25rem; }
.ap-blob-selector > svg { display:block; inline-size:100%; block-size:100%; overflow:visible; }
.ap-blob-surface { transform-origin:300px 125px; transition:transform 360ms cubic-bezier(.2,.8,.2,1); }
.ap-blob-selector:has(.ap-blob-choice:active) .ap-blob-surface { transform:scale(.982,.965); }
.ap-blob-choice { cursor:pointer; outline:none; -webkit-tap-highlight-color:transparent; }
.ap-blob-hit { fill:transparent; pointer-events:all; }
.ap-blob-label { fill:#142c23; pointer-events:none; transition:transform 220ms,fill 220ms; }
.ap-blob-choice:is(:hover,:focus-visible) .ap-blob-label { transform:translateY(-3px); fill:#071e15; }
.ap-blob-label text { text-anchor:middle; font-family:inherit; font-size:30px; font-weight:550; letter-spacing:-.7px; }
.ap-blob-icon { fill:none; stroke:currentColor; color:#142c23; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.ap-blob-selected { fill:none; stroke:currentColor; color:#142c23; stroke-width:3; stroke-linecap:round; opacity:0; transition:opacity 200ms; }
.ap-blob-choice[aria-current="true"] .ap-blob-selected { opacity:1; }
.ap-blob-focus { fill:none; stroke:#142c23; stroke-width:2; vector-effect:non-scaling-stroke; opacity:0; }
.ap-blob-choice:focus-visible .ap-blob-focus { opacity:1; }
.ap-blob-pointer { opacity:0; transition:opacity 250ms; }
.ap-blob-selector[data-pointer-active] .ap-blob-pointer { opacity:.7; }
.ap-core-next { block-size:44px; min-block-size:44px; margin-block-start:.05rem; }
.ap-core-main { gap:.3rem; }
.ap-core-stage { inline-size:min(100%,62rem,max(26rem,calc((100svh - 23rem) * 1.92))); }
@media(max-width:44rem) {
  .ap-core-main { gap:0; }
  .ap-core-stage { inline-size:calc(100% + 1rem); max-block-size:calc(100svh - 22rem); min-block-size:13rem; margin-block:.3rem .6rem; }
  .ap-blob-selector { margin-block:-.2rem 0; }
}
@media(max-height:36rem) and (min-width:45rem) { .ap-hero.ap-hero--thin { min-block-size:42rem; } }
@media(prefers-reduced-motion:reduce) {
  .ap-blob-surface,.ap-blob-label,.ap-blob-selected,.ap-blob-pointer { transition:none; }
  .ap-blob-selector:has(.ap-blob-choice:active) .ap-blob-surface,.ap-blob-choice:is(:hover,:focus-visible) .ap-blob-label { transform:none; }
}
@media(forced-colors:active) {
  .ap-blob-label,.ap-blob-icon { fill:CanvasText; color:CanvasText; }
  .ap-blob-icon { fill:none; }
  .ap-blob-focus,.ap-blob-selected { stroke:Highlight; }
  .ap-blob-hit { fill:Canvas; }
}