@layer layout{.stage__panel.stage__panel--type{position:relative;container-type:size;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--panel-navigation-cap-gap);inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;padding:0;border:0;border-radius:0;overflow:visible;color:var(--type-archive-color);background:none;box-shadow:none;font-family:var(--type-archive-font-family)}.type-archive__actions{min-block-size:var(--panel-action-size)}.type-archive__container{display:grid;justify-items:center;min-inline-size:0;min-block-size:0;padding:var(--type-archive-container-padding);background:var(--type-archive-container-background);border-radius:var(--panel-navigation-cap-inner-radius) var(--panel-navigation-cap-inner-radius) var(--panel-navigation-cap-radius) var(--panel-navigation-cap-radius);corner-shape:var(--panel-navigation-cap-corner-shape)}.type-archive__surface{inline-size:min(var(--type-archive-inline-size),100%);block-size:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-inline-size:0;min-block-size:0;border:0;border-radius:var(--type-archive-radius);corner-shape:var(--type-archive-corner-shape);overflow:hidden;color:var(--type-archive-color);background:var(--type-archive-background);box-shadow:none}.type-archive__header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--type-archive-header-gap);min-block-size:var(--type-archive-header-min-block-size);padding:var(--type-archive-padding);border-block-end:1px solid var(--type-archive-line-color)}.type-archive__identity{display:grid;gap:var(--type-archive-small-gap);min-inline-size:0}.type-archive__title,.type-archive__instruction,.type-archive__empty,.type-media{margin:0}.type-archive__title{overflow:hidden;font-size:var(--type-archive-title-font-size);font-weight:var(--type-archive-title-weight);line-height:var(--type-archive-title-line-height);letter-spacing:var(--type-archive-title-tracking);text-overflow:ellipsis;white-space:nowrap}.type-archive__instruction{color:var(--type-archive-muted-color);font-size:var(--type-archive-meta-font-size);line-height:var(--type-archive-meta-line-height)}.type-archive__mode{position:absolute;inset-block-start:var(--type-archive-mode-offset-block);inset-inline-start:50%;z-index:3;translate:-50% 0}.type-archive:not([data-enhanced]) .type-archive__mode{display:none}.type-archive__clear{border:0;border-radius:var(--type-archive-control-radius);corner-shape:var(--type-archive-control-corner-shape);color:var(--type-archive-muted-color);background:transparent;font:inherit;font-size:var(--type-archive-meta-font-size);cursor:pointer;transition:color var(--type-archive-fast-duration) var(--type-archive-standard-ease),background-color var(--type-archive-fast-duration) var(--type-archive-standard-ease),scale var(--type-archive-fast-duration) var(--type-archive-standard-ease)}.type-archive__clear:hover:not(:disabled){color:var(--type-archive-color);background:var(--type-archive-control-hover-background)}.type-archive__clear:active:not(:disabled),.type-archive__character:active{scale:var(--type-archive-pressed-scale)}.type-archive__workspace{position:relative;min-block-size:0;padding:var(--type-archive-padding)}.type-archive__solo,.type-archive__compose{block-size:100%;min-block-size:0}.type-archive__solo[hidden],.type-archive__compose[hidden]{display:none}.type-archive__solo{display:grid;grid-template-rows:minmax(0,1fr)}.type-archive__visual,.type-archive__sentence{min-inline-size:0;min-block-size:0;--surface-edge-border-width: var(--type-archive-viewer-border-width);--surface-edge-border-style: var(--type-archive-viewer-border-style);--surface-edge-border-color: var(--type-archive-viewer-border-color);--surface-edge-shadow: var(--type-archive-viewer-shadow);border:0;border-radius:var(--type-archive-viewer-radius);corner-shape:var(--type-archive-viewer-corner-shape);overflow:hidden;background:var(--type-archive-viewer-background);box-shadow:none}.type-archive__visual{display:grid}.type-media{position:relative;display:grid;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;overflow:hidden;animation:type-media-enter var(--type-archive-motion-duration) var(--type-archive-emphasised-ease) both}.type-media__picture{display:contents}.type-media__asset,.type-media__placeholder{grid-area:1 / 1;inline-size:100%;block-size:100%}.type-media__asset{position:absolute;inset:0;display:block;object-fit:contain}.type-media__placeholder{position:relative;display:grid;place-items:center;overflow:hidden;color:var(--type-archive-placeholder-color)}.type-media__placeholder:before,.type-media__placeholder:after{content:"";position:absolute;background:var(--type-archive-placeholder-rule-color)}.type-media__placeholder:before{inset-block:0;inset-inline-start:50%;inline-size:1px}.type-media__placeholder:after{inset-inline:0;inset-block-start:50%;block-size:1px}.type-media__placeholder span{position:relative;z-index:1;font-size:var(--type-archive-placeholder-font-size);font-weight:var(--type-archive-placeholder-weight);line-height:.8;letter-spacing:var(--type-archive-placeholder-tracking)}.type-archive__instruction{display:flex;justify-content:space-between;gap:var(--type-archive-workspace-gap)}.type-archive__compose{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--type-archive-workspace-gap)}.type-archive__sentence{display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--type-archive-sentence-gap);padding:var(--type-archive-padding);overflow-y:auto;overscroll-behavior-block:contain}.type-archive__sentence[data-empty=true]{display:grid;place-items:center}.type-archive__empty{max-inline-size:20ch;color:var(--type-archive-muted-color);font-size:var(--type-archive-sentence-empty-font-size);line-height:var(--type-archive-sentence-empty-line-height);text-align:center}.type-media--sentence{flex:none;inline-size:auto;block-size:var(--type-archive-sentence-tile-size);aspect-ratio:var(--type-media-ratio, 1);border-radius:var(--type-archive-viewer-radius);corner-shape:var(--type-archive-viewer-corner-shape);background:var(--type-archive-background)}.type-media--sentence .type-media__placeholder span{font-size:var(--type-archive-sentence-glyph-size)}.type-archive__sentence-space{flex:none;inline-size:var(--type-archive-sentence-space-size);block-size:1px}.type-archive__compose-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--type-archive-workspace-gap)}.type-archive__clear{padding:var(--type-archive-control-padding-block) var(--type-archive-control-padding-inline)}.type-archive__clear:disabled{opacity:.45;cursor:default}.type-archive__characters{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:var(--type-archive-key-gap);padding:var(--type-archive-padding);border-block-start:1px solid var(--type-archive-line-color)}.type-archive__character{display:grid;place-items:center;min-inline-size:0;min-block-size:var(--type-archive-key-min-block-size);border-radius:var(--type-archive-key-radius);corner-shape:var(--type-archive-key-corner-shape);overflow:hidden;color:var(--type-archive-muted-color);background:var(--type-archive-key-background);font-size:var(--type-archive-key-font-size);text-decoration:none;transition:color var(--type-archive-fast-duration) var(--type-archive-standard-ease),background-color var(--type-archive-fast-duration) var(--type-archive-standard-ease),scale var(--type-archive-fast-duration) var(--type-archive-standard-ease)}.type-archive__character:hover{color:var(--type-archive-color);background:var(--type-archive-key-hover-background)}.type-archive[data-mode=solo] .type-archive__character[aria-current=page]{color:var(--type-archive-key-active-color);background:var(--type-archive-key-active-background)}@keyframes type-media-enter{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}@media(max-width:48rem){.type-archive__container{padding:var(--type-archive-container-padding-narrow)}.type-archive__header{align-items:flex-start;flex-direction:column}.type-archive__identity{align-items:flex-start;flex-direction:column;gap:var(--type-archive-mobile-header-gap)}.type-archive__characters{grid-template-columns:repeat(9,minmax(0,1fr))}.type-archive__sentence{align-content:flex-start}}@media(prefers-reduced-motion:reduce){.type-media{animation:none}}.type-archive__surface{gap:var(--type-archive-surface-gap);background:none}.type-archive__surface>:is(.type-archive__header,.type-archive__workspace,.type-archive__characters){border-block:0;background:var(--type-archive-background);border-radius:var(--type-archive-inner-radius);corner-shape:var(--type-archive-corner-shape)}.type-archive__surface>.type-archive__header{border-start-start-radius:var(--type-archive-radius);border-start-end-radius:var(--type-archive-radius)}.type-archive__surface>.type-archive__characters{border-end-start-radius:var(--type-archive-radius);border-end-end-radius:var(--type-archive-radius)}}@layer layout{.type-archive__mode{--segment-padding: var(--type-archive-control-gap);--segment-gap: var(--type-archive-control-gap);--segment-option-padding: var(--type-archive-control-padding-block) var(--type-archive-control-padding-inline);--segment-height: 0px;--segment-background: var(--type-archive-overlay-background);--segment-backdrop-filter: var(--type-archive-overlay-backdrop-filter);--segment-selected-background: var(--type-archive-overlay-selected-background);--segment-selected-color: var(--type-archive-control-active-color);--segment-color: var(--type-archive-muted-color);--segment-hover-color: var(--type-archive-color);--segment-hover-background: var(--type-archive-control-hover-background);--segment-corner-shape: var(--type-archive-control-corner-shape);--segment-border-width: 0px;--segment-font-size: var(--type-archive-meta-font-size);--segment-duration: var(--type-archive-toggle-duration);--segment-ease: var(--type-archive-toggle-ease);--segment-pressed-scale: var(--type-archive-pressed-scale)}}