.ui-tappable-deck{width:100%;min-width:0;max-width:34rem;color:var(--color-ink);font:var(--type-body)/var(--line-body) var(--font-body);isolation:isolate;margin-inline:auto;container:tappable/inline-size}.ui-tappable-stage{padding:var(--space-3) var(--space-3) var(--space-6);min-width:0;position:relative}.ui-tappable-surface{min-width:0;position:relative}.ui-tappable-deck[data-navigation-placement=inside] .ui-tappable-surface{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--gradient-control),var(--color-paper);box-shadow:var(--shadow-float);overflow:hidden}.ui-tappable-deck[data-navigation-placement=inside] .ui-tappable-cards{isolation:isolate;overflow:hidden}.ui-tappable-deck[data-navigation-placement=inside] .ui-tappable-card{box-shadow:none;background:0 0;border:0;border-radius:0}.ui-tappable-deck[data-navigation-placement=inside] .ui-tappable-footer{margin-inline:var(--space-6);padding:var(--space-4) 0 var(--space-6);border-top:1px solid var(--color-line)}.ui-tappable-stack{inset:var(--space-3) var(--space-3) var(--space-6);pointer-events:none;position:absolute}.ui-tappable-stack i{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--gradient-control),var(--color-raised);box-shadow:var(--shadow-control);position:absolute;inset:0;transform:translateY(9px)scale(.966)}.ui-tappable-stack i:first-child{opacity:.65;transform:translateY(18px)scale(.926)}.ui-tappable-cards{touch-action:pan-y pinch-zoom;grid-template-areas:"card";min-width:0;display:grid;position:relative}.ui-tappable-card{visibility:hidden;opacity:0;pointer-events:none;border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-paper);background-image:var(--gradient-control);min-width:0;min-height:27rem;box-shadow:var(--shadow-float);backface-visibility:hidden;transform-origin:50%;overflow-wrap:anywhere;touch-action:pan-y pinch-zoom;flex-direction:column;grid-area:card;display:flex;overflow:hidden}.ui-tappable-card[data-active=true]{visibility:visible;opacity:1;pointer-events:auto;z-index:2}.ui-tappable-card:not(:has(.ui-tappable-media)){min-height:18rem}.ui-tappable-card[data-leaving=true]{visibility:visible;opacity:1;pointer-events:none;z-index:3}.ui-tappable-card[data-can-advance=true]{cursor:pointer}.ui-tappable-card[data-active=true]:has(:focus-visible){outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-offset)}.ui-tappable-media{aspect-ratio:16/9;background:var(--gradient-inset),var(--color-canvas);flex-shrink:0;place-items:center;width:100%;display:grid;overflow:hidden}.ui-tappable-media img{object-fit:cover;width:100%;height:100%;min-height:0;display:block}.ui-tappable-media[data-layout=art]{aspect-ratio:16/10;padding:var(--space-6);background:radial-gradient(ellipse at 50% 70%,var(--color-hover),transparent 65%)}.ui-tappable-media[data-layout=art] img{object-fit:contain;max-height:15rem;filter:drop-shadow(0 8px 10px color-mix(in srgb,var(--color-ink) 12%,transparent))}.ui-tappable-media-fallback{justify-items:center;gap:var(--space-3);padding:var(--space-5);color:var(--color-muted);font-size:var(--type-caption);display:grid}.ui-tappable-copy{padding:var(--space-6);align-content:start;gap:var(--space-3);flex:1;min-width:0;display:grid}.ui-tappable-copy:empty{display:none}.ui-tappable-copy :is(h3,p){margin:0}.ui-tappable-copy h3{font:var(--weight-strong) clamp(1.4rem,3cqi,1.85rem)/1.2 var(--font-body);letter-spacing:normal;text-wrap:balance;color:var(--color-ink)}.ui-tappable-eyebrow{font-size:var(--type-caption);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.ui-tappable-description{color:var(--color-muted);font-size:var(--type-body);white-space:pre-line;min-width:0;line-height:1.65}.ui-tappable-description :is(p,ul,ol){margin-block:0 var(--space-2)}.ui-tappable-actions{gap:var(--space-3);padding:0 var(--space-6) var(--space-6);flex-wrap:wrap;display:flex}.ui-tappable-actions .ui-button{flex:1;min-width:min(100%,7rem);min-height:44px}.ui-tappable-actions .ui-button-icon{width:32px;height:32px;display:inline-flex}.ui-tappable-footer{padding:var(--space-3);gap:var(--space-3);display:grid}.ui-tappable-navigation{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-tappable-navigation>.ui-button{min-height:44px;padding-inline:var(--space-3);gap:var(--space-2)}.ui-tappable-navigation .ui-button-icon{width:24px;height:24px}.ui-tappable-indicators{min-width:0;max-width:100%;font-size:var(--type-caption);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;display:flex}.ui-tappable-indicators>span{white-space:nowrap;font-weight:var(--weight-medium)}.ui-tappable-indicators>span>span{color:var(--color-muted);font-weight:var(--weight-normal)}.ui-tappable-indicators button{border-radius:var(--radius-small);cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.ui-tappable-indicators button span{border-radius:var(--radius-pill);background:var(--color-control-line);width:6px;height:6px;display:block}.ui-tappable-indicators button[aria-current=step] span{background:var(--color-ink);width:18px}.ui-tappable-indicators[data-style=segments] button{flex:1;min-width:44px;max-width:52px;padding-inline:3px}.ui-tappable-indicators[data-style=segments] button span{width:100%;height:4px}.ui-tappable-indicators button:focus-visible{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:0}.ui-tappable-indicators button:disabled{opacity:var(--opacity-disabled);cursor:default}.ui-tappable-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-tappable-empty{place-content:center;justify-items:center;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);min-height:20rem;color:var(--color-muted);grid-area:card;display:grid}@media (hover:hover){.ui-tappable-card[data-can-advance=true]:hover{border-color:var(--color-control-line)}.ui-tappable-indicators button:hover:not(:disabled){background:var(--color-hover)}}@container tappable (max-width:420px){.ui-tappable-stage{padding-inline:var(--space-1)}.ui-tappable-stack{inset-inline:var(--space-1)}.ui-tappable-copy{padding:var(--space-5)}.ui-tappable-actions{padding:0 var(--space-5) var(--space-5)}.ui-tappable-navigation>.ui-button{padding-inline:var(--space-2)}.ui-tappable-indicators{flex-basis:100%;order:-1}.ui-tappable-footer{padding-inline:var(--space-1)}}@media (forced-colors:active){.ui-tappable-card,.ui-tappable-stack i{box-shadow:none;background:canvas;border-color:canvastext}.ui-tappable-media{background:canvas}.ui-tappable-indicators button span{background:graytext}.ui-tappable-indicators button[aria-current=step] span{forced-color-adjust:none;background:highlight}}
