.of-index__controls{align-items:center;gap:var(--of-space-base);flex-wrap:wrap;padding-block-end:var(--of-space-tight);display:flex}.of-index__announcement{inline-size:var(--of-space-hair);block-size:var(--of-space-hair);margin:calc(var(--of-space-hair) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.of-index__count{margin-block:var(--of-space-tight) var(--of-space-base);color:var(--of-color-ink-muted);font-size:var(--of-type-size-small)}.of-index__count:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-bevel-width)}.of-index__grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--of-layout-card-cell), 45%), 1fr));justify-items:center;gap:var(--of-space-tight);isolation:isolate;margin-block-start:var(--of-space-loose);padding:0;list-style:none;display:grid}.of-index__cell{inline-size:100%;max-inline-size:var(--of-layout-card-cell);display:block;position:relative}.of-index__cell:hover,.of-index__cell:focus-within{z-index:1}.of-index__stack{isolation:isolate;display:block;position:relative}.of-index__card{--tilt:calc(var(--i,0) - (var(--n,1) - 1) / 2);transform-origin:50% 100%;transition:transform var(--of-motion-base) var(--of-motion-ease), clip-path var(--of-motion-base) var(--of-motion-ease);display:block;position:relative;transform:translate(0)rotate(0)}.of-index__stack .of-index__card{z-index:calc(var(--n,1) - var(--i,0));clip-path:inset(0 calc((var(--n,1) - var(--i,0) - 1) / var(--n,1) * 100%) 0 calc(var(--i,0) / var(--n,1) * 100%))}.of-index__card--behind{inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.of-index__stack:hover .of-index__card,.of-index__stack:focus-within .of-index__card{transform:translate(calc(var(--tilt) * 26%), calc(-1 * var(--of-space-tight))) rotate(calc(var(--tilt) * 4deg));--open:calc(var(--of-space-tight) * -1);clip-path:inset(var(--open) var(--open) var(--open) var(--open))}.of-index__card:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-space-tightest)}.of-index__stack .of-index__card:hover,.of-index__stack .of-index__card:focus-visible{z-index:calc(var(--n,1) * 2)}:is(.of-index__stack .of-index__card:has(~.of-index__card:hover),.of-index__stack .of-index__card:has(~.of-index__card:focus-visible)){z-index:calc(var(--n,1) + var(--i,0))}@media (prefers-reduced-motion:reduce){.of-index__card{transition:none}}.of-index__rows{margin:var(--of-space-loose) 0 0;padding:0;list-style:none}.of-index__row-face{inline-size:var(--of-layout-card-row);flex:none;align-self:flex-start;display:block}.of-index__row-face img{border:var(--of-ornament-rule-width) solid var(--of-color-rule)}.of-index__stones{align-items:center;gap:var(--of-space-tightest);flex-wrap:wrap;margin-inline-start:var(--of-space-tight);display:inline-flex}.of-index__stone:focus-visible{outline:var(--of-bevel-width) solid var(--of-color-accent);outline-offset:var(--of-space-tightest)}.of-index__stone{min-inline-size:var(--of-layout-target-min);min-block-size:var(--of-layout-target-min);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.of-choice__label{inline-size:var(--of-space-hair);block-size:var(--of-space-hair);clip-path:inset(50%);white-space:nowrap;padding:0;position:absolute;overflow:hidden}.of-choice{align-items:center;display:inline-flex}.of-choice__joiner{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);color:var(--of-color-ink-muted)}.of-choice__select{appearance:none;border:0;border-block-end:var(--of-ornament-rule-width) solid var(--of-color-rule-strong);border-radius:var(--of-bevel-radius);padding-block:var(--of-space-tightest);padding-inline:0 var(--of-space-tightest);font-family:var(--of-type-family-sans);font-size:var(--of-type-size-field);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink);cursor:pointer;background:0 0}.of-choice__select:hover{border-block-end-color:var(--of-color-accent)}.of-choice__select:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-space-tightest)}.of-choice__select option{background:var(--of-color-surface);color:var(--of-color-ink)}.of-cards__announcement{inline-size:var(--of-space-hair);block-size:var(--of-space-hair);margin:calc(var(--of-space-hair) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.of-cards__notices{margin-block:var(--of-space-base) 0;padding-inline-start:0;list-style:none}.of-cards__notice{padding-block:var(--of-space-tightest);border-inline-start:calc(var(--of-bevel-width) * 2) solid var(--of-color-accent);color:var(--of-color-ink-muted);font-size:var(--of-type-size-small);padding-inline-start:var(--of-space-tight)}.of-cards__count{margin-block:0 var(--of-space-base);color:var(--of-color-ink-muted);font-size:var(--of-type-size-small)}.of-browse__lede{margin-block:0 var(--of-space-tighter);font-family:var(--of-type-family-display);font-size:var(--of-type-size-display);font-weight:var(--of-type-weight-regular);line-height:var(--of-type-leading-tight);letter-spacing:var(--of-type-tracking-tight);color:var(--of-color-ink);text-wrap:balance}.of-browse__head{justify-content:space-between;align-items:baseline;gap:var(--of-space-tight) var(--of-space-base);flex-wrap:wrap;margin-block-end:var(--of-space-base);display:flex}.of-browse__title{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-small);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);margin:0;font-weight:600}.of-browse__more{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide)}.of-browse__faces{grid-template-columns:repeat(auto-fill, minmax(min(var(--of-layout-card-cell), 45%), 1fr));justify-items:center;gap:var(--of-space-tight);margin:0;padding:0;list-style:none;display:grid}.of-browse__face{inline-size:100%;max-inline-size:var(--of-layout-card-cell)}.of-cards__browse{grid-template-columns:repeat(auto-fill, minmax(min(var(--of-layout-card-cell), 100%), 1fr));gap:0 var(--of-space-loosest);margin:0;padding:0;list-style:none;display:grid}.of-cards__browse li{justify-content:space-between;align-items:baseline;gap:var(--of-space-base);padding-block:var(--of-space-tight);border-block-start:var(--of-ornament-rule-width) solid var(--of-color-rule);flex-wrap:wrap;display:flex}.of-cards__browse-link{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-small);letter-spacing:var(--of-type-tracking-wide)}.of-cards__browse-count{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);color:var(--of-color-ink-muted)}.of-random__fallback{color:var(--of-color-ink-muted)}.of-rules__announcement{inline-size:var(--of-space-hair);block-size:var(--of-space-hair);margin:calc(var(--of-space-hair) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.of-rules__notices{margin-block:var(--of-space-base) 0;padding-inline-start:0;list-style:none}.of-rules__notice{padding-block:var(--of-space-tightest);border-inline-start:calc(var(--of-bevel-width) * 2) solid var(--of-color-accent);color:var(--of-color-ink-muted);font-size:var(--of-type-size-small);padding-inline-start:var(--of-space-tight)}.of-rules__count{margin-block:0 var(--of-space-base);color:var(--of-color-ink-muted);font-size:var(--of-type-size-small)}.of-rules__count:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-bevel-width)}.of-rules__results{margin:0;padding:0;list-style:none}.of-rules__result{align-items:baseline;gap:var(--of-space-tight);padding-block:var(--of-space-base);border-block-start:var(--of-ornament-rule-width) solid var(--of-color-rule);flex-wrap:wrap;display:flex}.of-rules__body{flex:60%;min-inline-size:0}.of-rules__line{line-height:var(--of-type-leading-base);font-size:var(--of-type-size-small);color:var(--of-color-ink-muted);margin:0}.of-rules__title{font-family:var(--of-type-family-serif);font-size:var(--of-type-size-large);letter-spacing:var(--of-type-tracking-tight);color:var(--of-color-ink)}.of-rules__meta{gap:var(--of-space-tight);margin-block:var(--of-space-tightest) 0;font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);flex-wrap:wrap;display:flex}.of-rules__why{color:var(--of-color-ink-muted)}.of-sets__filter{margin-block-end:var(--of-space-loose)}.of-sets__filter-label{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);margin-block-end:var(--of-space-tighter);display:block}.of-sets__filter-field{appearance:none;border:0;border-block-end:var(--of-ornament-rule-width) solid var(--of-color-rule-strong);border-radius:var(--of-bevel-radius);inline-size:100%;padding-block:var(--of-space-tight);font-family:var(--of-type-family-serif);font-size:var(--of-type-size-large);color:var(--of-color-ink);background:0 0;padding-inline:0}.of-sets__filter-field::placeholder{color:var(--of-color-ink-muted)}.of-sets__filter-field:hover{border-block-end-color:var(--of-color-accent)}.of-sets__filter-field:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-space-tightest)}.of-sets__suggestions{align-items:baseline;gap:var(--of-space-tighter) var(--of-space-tight);margin-block:var(--of-space-tight) 0;flex-wrap:wrap;display:flex}.of-sets__suggestion{appearance:none;border:0;border-block-end:var(--of-ornament-rule-width) solid var(--of-color-rule);border-radius:var(--of-bevel-radius);font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);cursor:pointer;background:0 0;padding:0}.of-sets__suggestion:hover{color:var(--of-color-link-hover);border-block-end-color:var(--of-color-accent)}.of-sets__suggestion:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-space-tightest)}.of-sets__suggestion--clear{margin-inline-start:auto}.of-sets__controls{align-items:center;gap:var(--of-space-base);flex-wrap:wrap;margin-block-start:var(--of-space-base);display:flex}.of-sets__announcement{inline-size:var(--of-space-hair);block-size:var(--of-space-hair);margin:calc(var(--of-space-hair) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.of-sets__count{margin-block:0 var(--of-space-loose);color:var(--of-color-ink-muted);font-size:var(--of-type-size-small)}.of-sets__empty{margin-block:0 var(--of-space-loose);color:var(--of-color-ink-muted)}.of-sets__era+.of-sets__era{margin-block-start:var(--of-space-looser)}.of-sets__year{margin-block:0 var(--of-space-tight);font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);font-weight:var(--of-type-weight-medium);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted)}.of-sets{margin:0;padding:0;list-style:none}.of-sets__set{align-items:baseline;gap:var(--of-space-tight) var(--of-space-base);padding-block:var(--of-space-tight);flex-wrap:wrap;display:flex}.of-sets__name{font-family:var(--of-type-family-serif);font-size:var(--of-type-size-large)}.of-sets__facts{align-items:baseline;gap:var(--of-space-tighter) var(--of-space-tight);flex-wrap:wrap;margin-inline-start:auto;display:flex}.of-sets__mix{flex-basis:100%;margin-block-start:var(--of-space-tight)}.of-plate{--plate-edge-block-start:var(--of-color-rule);--plate-edge-block-end:var(--of-color-rule);--plate-pad:var(--of-space-loose);box-sizing:border-box;padding:var(--plate-pad);border-style:solid;border-width:var(--of-bevel-width);border-radius:var(--of-bevel-radius);border-block-start-color:var(--plate-edge-block-start);border-block-end-color:var(--plate-edge-block-end);border-inline-color:var(--of-color-rule);background:var(--plate-face);color:var(--of-color-ink);box-shadow:var(--plate-depth);display:block;position:relative}.of-plate--flat{--plate-face:var(--of-color-surface);--plate-bevel-block-start:var(--of-bevel-light);--plate-bevel-block-end:var(--of-bevel-dark);--plate-depth:none}.of-plate--raised{--plate-face:var(--of-color-surface-raised);--plate-bevel-block-start:var(--of-bevel-light);--plate-bevel-block-end:var(--of-bevel-dark);--plate-depth:inset 0 var(--of-bevel-width) 0 0 var(--of-bevel-light), inset 0 calc(-1 * var(--of-bevel-width)) 0 0 var(--of-bevel-dark)}.of-plate--sunken{--plate-face:var(--of-color-sunken);--plate-bevel-block-start:var(--of-bevel-dark);--plate-bevel-block-end:var(--of-bevel-light);--plate-depth:inset 0 var(--of-bevel-width) 0 0 var(--of-bevel-dark), inset 0 calc(-1 * var(--of-bevel-width)) 0 0 var(--of-bevel-light)}.of-plate--bevel-block-start{--plate-edge-block-start:var(--plate-bevel-block-start)}.of-plate--bevel-block-end{--plate-edge-block-end:var(--plate-bevel-block-end)}.of-plate--ornamented{--plate-pad:var(--of-space-loosest)}.of-panel-corner{inline-size:calc(var(--of-ornament-filigree-size) * 2);block-size:calc(var(--of-ornament-filigree-size) * 2);color:var(--of-ornament-filigree-ink);pointer-events:none;position:absolute}.of-panel-corner[data-corner=start-start]{inset-block-start:0;inset-inline-start:0}.of-panel-corner[data-corner=start-end]{inset-block-start:0;inset-inline-end:0}.of-panel-corner[data-corner=end-start]{inset-block-end:0;inset-inline-start:0}.of-panel-corner[data-corner=end-end]{inset-block-end:0;inset-inline-end:0}@media (prefers-reduced-motion:reduce){.of-plate{transition:none}}.of-card-face{gap:var(--of-space-hair);flex-direction:column;margin:0;display:flex}.of-card-face__frame{line-height:0;display:block;position:relative}.of-card-face__frame img{block-size:auto;max-inline-size:100%;aspect-ratio:var(--face-ratio);object-fit:contain;border-radius:var(--of-bevel-radius);border-block-start:var(--of-bevel-width) solid var(--of-bevel-light);border-block-end:var(--of-bevel-width) solid var(--of-bevel-dark);border-inline:var(--of-bevel-width) solid var(--of-color-rule);background:var(--of-color-sunken);display:block}.of-card-face__jewel{line-height:normal;position:absolute;inset-block-start:var(--of-space-tight);inset-inline-start:var(--of-space-tight)}.of-citation{align-items:baseline;gap:var(--of-space-tighter);box-sizing:border-box;padding-block:var(--of-space-tightest);padding-inline:var(--of-space-tight);border-block-start:var(--of-bevel-width) solid var(--of-bevel-light);border-block-end:var(--of-bevel-width) solid var(--of-bevel-dark);border-inline:var(--of-bevel-width) solid var(--of-color-rule);border-radius:var(--of-bevel-radius);background:var(--of-color-surface);color:var(--of-color-ink);font-family:var(--of-type-family-sans);font-size:var(--of-type-size-small);font-weight:var(--of-type-weight-medium);line-height:var(--of-type-leading-tight);letter-spacing:var(--of-type-tracking-wide);white-space:nowrap;transition:background-color var(--of-motion-fast) var(--of-motion-ease), border-color var(--of-motion-fast) var(--of-motion-ease);text-decoration:none;display:inline-flex}.of-citation__rule-id{-webkit-user-select:all;user-select:all}.of-citation__separator,.of-citation__version{color:var(--of-color-ink-muted)}.of-citation__version{font-size:var(--of-type-size-micro)}.of-citation:hover{background:var(--of-color-surface-raised);border-inline-color:var(--of-color-rule-strong)}.of-citation:hover,.of-citation:focus-visible{text-underline-offset:var(--of-space-tightest);text-decoration:underline}.of-citation:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-bevel-width)}.of-citation:active{background:var(--of-color-sunken);border-block-start-color:var(--of-bevel-dark);border-block-end-color:var(--of-bevel-light)}.of-citation__sr-only{inline-size:var(--of-space-hair);block-size:var(--of-space-hair);margin:calc(var(--of-space-hair) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.of-citation{transition:none}}.of-eyebrow{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted)}.of-eyebrow[data-tone=ink]{color:var(--of-color-ink)}.of-fact{align-items:baseline;gap:var(--of-space-tighter);box-sizing:border-box;padding-block:var(--of-space-tightest);padding-inline:var(--of-space-tight);border-radius:var(--of-bevel-radius);background:var(--of-color-surface);box-shadow:inset 0 var(--of-bevel-width) 0 0 var(--of-bevel-light), inset 0 calc(-1 * var(--of-bevel-width)) 0 0 var(--of-bevel-dark);line-height:var(--of-type-leading-tight);display:inline-flex}.of-fact[data-semantics=description]{margin:0}.of-fact__label{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);white-space:nowrap}.of-fact__value{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-small);color:var(--of-color-ink-muted);white-space:nowrap;margin:0}.of-fact__mark{inline-size:var(--of-ornament-band-small);align-self:center;display:block}.of-mark{block-size:var(--of-ornament-mark-base);inline-size:auto;filter:drop-shadow(0 calc(-1 * var(--of-bevel-width)) 0 var(--of-bevel-light)) drop-shadow(0 var(--of-bevel-width) 0 var(--of-bevel-dark));display:inline-block;overflow:visible}.of-mark--sm{block-size:var(--of-ornament-mark-small)}.of-mark--lg{block-size:var(--of-ornament-mark-large)}.of-mark[data-variant=pitch] .of-mark__link[data-link="0"]{fill:var(--of-color-pitch-one)}.of-mark[data-variant=pitch] .of-mark__link[data-link="1"]{fill:var(--of-color-pitch-two)}.of-mark[data-variant=pitch] .of-mark__link[data-link="2"]{fill:var(--of-color-pitch-three)}.of-mark[data-variant=ink] .of-mark__link{fill:currentColor}.of-mark[data-variant=ink] .of-mark__link[data-link="1"]{fill:var(--of-color-accent)}@media (forced-colors:active){.of-mark[data-variant=pitch] .of-mark__link[data-link="0"],.of-mark[data-variant=pitch] .of-mark__link[data-link="1"],.of-mark[data-variant=pitch] .of-mark__link[data-link="2"],.of-mark[data-variant=ink] .of-mark__link,.of-mark[data-variant=ink] .of-mark__link[data-link="1"]{fill:canvastext}.of-mark{filter:none}}@media (prefers-reduced-motion:reduce){.of-mark{transition:none}}.of-rule{margin-block:var(--of-space-looser);align-items:center;column-gap:var(--of-space-base);grid-template-columns:1fr auto 1fr;display:grid}.of-rule--flush{margin-block:0}.of-rule__line{inline-size:100%;block-size:var(--of-ornament-rule-width);background:var(--of-color-rule);box-shadow:0 calc(-1 * var(--of-bevel-width)) 0 0 var(--of-bevel-light), 0 var(--of-bevel-width) 0 0 var(--of-bevel-dark);border:0;margin:0;display:block}.of-rule__mount{color:var(--of-ornament-filigree-ink);line-height:var(--of-type-leading-tight);justify-content:center;align-items:center;display:flex}.of-rule__mark{inline-size:var(--of-ornament-filigree-size);block-size:calc(var(--of-ornament-filigree-size) / 2);background:var(--of-ornament-filigree-ink);border-radius:var(--of-bevel-radius);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);display:block}@media (prefers-reduced-motion:reduce){.of-rule{transition:none}}.of-pages{align-items:baseline;gap:var(--of-space-tight) var(--of-space-looser);font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);flex-wrap:wrap;margin-block-start:var(--of-space-loose);display:flex}.of-pages>.of-rule{flex:1 0 100%;margin-block-end:calc(var(--of-space-base) - var(--of-space-tight))}.of-pages__range{flex:1 0 100%;margin:0}.of-pages__list{align-items:center;gap:var(--of-space-tightest);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.of-pages__item{display:flex}.of-pages__page,.of-pages__step{min-inline-size:calc(var(--of-space-loosest) + var(--of-space-tighter));min-block-size:calc(var(--of-space-loosest) + var(--of-space-tighter));padding-inline:var(--of-space-tight);border-radius:var(--of-bevel-radius);color:var(--of-color-link);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.of-pages__page:hover,.of-pages__step:hover{color:var(--of-color-link-hover);background:var(--of-color-surface)}.of-pages__page--here{background:var(--of-color-sunken);border-block-start:var(--of-bevel-width) solid var(--of-bevel-dark);border-block-end:var(--of-bevel-width) solid var(--of-bevel-light);border-inline:var(--of-bevel-width) solid var(--of-color-rule);color:var(--of-color-ink);font-weight:var(--of-type-weight-medium)}.of-pages__step--spent{min-inline-size:calc(var(--of-space-loosest) + var(--of-space-tighter));min-block-size:calc(var(--of-space-loosest) + var(--of-space-tighter));padding-inline:var(--of-space-tight);color:var(--of-color-ink-muted);justify-content:center;align-items:center;display:inline-flex}.of-pages__gap{min-inline-size:var(--of-space-loose);color:var(--of-color-ink-muted);justify-content:center;align-items:center;display:inline-flex}.of-pages__sizes{align-items:center;gap:var(--of-space-tightest);flex-wrap:wrap;margin:0;display:flex}.of-pages__sizes-label{color:var(--of-color-ink-muted);margin-inline-end:var(--of-space-tighter)}.of-pages__size{min-inline-size:calc(var(--of-space-loosest) + var(--of-space-tighter));min-block-size:calc(var(--of-space-loosest) + var(--of-space-tighter));padding-inline:var(--of-space-tight);border-radius:var(--of-bevel-radius);color:var(--of-color-link);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.of-pages__size:hover{color:var(--of-color-link-hover);background:var(--of-color-surface)}.of-pages__size--here{background:var(--of-color-sunken);border-block-start:var(--of-bevel-width) solid var(--of-bevel-dark);border-block-end:var(--of-bevel-width) solid var(--of-bevel-light);border-inline:var(--of-bevel-width) solid var(--of-color-rule);color:var(--of-color-ink);font-weight:var(--of-type-weight-medium)}.of-pages__page:focus-visible,.of-pages__step:focus-visible,.of-pages__size:focus-visible{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-bevel-width)}.of-pitch-box{box-sizing:border-box;border-radius:var(--of-bevel-radius);padding-block:0;padding-inline:var(--of-space-tighter);background:var(--band);box-shadow:inset 0 var(--of-bevel-width) 0 0 var(--of-bevel-light), inset 0 calc(-1 * var(--of-bevel-width)) 0 0 var(--of-bevel-dark);font-family:var(--of-type-family-display);font-size:var(--of-type-size-small);font-weight:var(--of-type-weight-medium);line-height:var(--of-type-leading-tight);letter-spacing:var(--of-type-tracking-normal);vertical-align:middle;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.of-pitch-box__text{white-space:nowrap}.of-pitch-box--sm{font-size:var(--of-type-size-micro)}.of-pitch-box--tone-none{--band:var(--of-color-pitch-none);color:var(--of-color-pitch-none-ink)}.of-pitch-box--tone-one{--band:var(--of-color-pitch-one);color:var(--of-color-pitch-one-ink)}.of-pitch-box--tone-two{--band:var(--of-color-pitch-two);color:var(--of-color-pitch-two-ink)}.of-pitch-box--tone-three{--band:var(--of-color-pitch-three);color:var(--of-color-pitch-three-ink)}.of-pitch-box--tone-four{--band:var(--of-color-pitch-four);color:var(--of-color-pitch-four-ink)}.of-pitch-box--bar{inline-size:100%;display:flex}@media (prefers-reduced-motion:reduce){.of-pitch-box{transition:none}}.of-rarity-bar{inline-size:100%;block-size:calc(var(--of-bevel-width) * 3);border-radius:var(--of-bevel-radius);box-shadow:0 calc(-1 * var(--of-bevel-width)) 0 0 var(--of-bevel-light), 0 var(--of-bevel-width) 0 0 var(--of-bevel-dark);-webkit-user-select:none;user-select:none;gap:0;display:flex;overflow:hidden}.of-rarity-bar--sm{block-size:calc(var(--of-bevel-width) * 2)}.of-rarity-bar__slice{min-inline-size:var(--of-space-tightest);background:var(--rarity,var(--of-color-ink-faint));flex-basis:0}.of-rarity-bar__slice[data-rarity=common]{--rarity:var(--of-color-rarity-common)}.of-rarity-bar__slice[data-rarity=rare]{--rarity:var(--of-color-rarity-rare)}.of-rarity-bar__slice[data-rarity=super]{--rarity:var(--of-color-rarity-super)}.of-rarity-bar__slice[data-rarity=majestic]{--rarity:var(--of-color-rarity-majestic)}.of-rarity-bar__slice[data-rarity=legendary]{--rarity:var(--of-color-rarity-legendary)}.of-rarity-bar__slice[data-rarity=fabled]{--rarity:var(--of-color-rarity-fabled)}.of-rarity-bar__slice[data-rarity=token]{--rarity:var(--of-color-rarity-token)}.of-rarity-bar__slice[data-rarity=basic]{--rarity:var(--of-color-rarity-basic)}.of-rarity-bar__slice[data-rarity=marvel]{--rarity:var(--of-color-rarity-marvel)}.of-rarity-bar__slice[data-rarity=promo]{--rarity:var(--of-color-rarity-promo)}.of-result{align-items:baseline;gap:var(--of-space-tighter);padding-block:var(--of-space-base);border-block-start:var(--of-ornament-rule-width) solid var(--of-color-rule);flex-wrap:wrap;display:flex}.of-result__body{flex:60%;min-inline-size:0}.of-result__line{margin:0}.of-result__name{font-family:var(--of-type-family-serif);font-size:var(--of-type-size-large);letter-spacing:var(--of-type-tracking-tight)}.of-result__meta{gap:var(--of-space-tight);margin-block:var(--of-space-tightest) 0;font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);flex-wrap:wrap;display:flex}.of-result__meta span{color:var(--of-color-ink-muted)}.of-result__qualifier{-webkit-user-select:none;user-select:none;inline-size:var(--of-space-hair);block-size:var(--of-space-hair);margin:calc(var(--of-space-hair) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.of-search{display:block}.of-search__label{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;color:var(--of-color-ink-muted);margin-block-end:var(--of-space-tight);display:block}.of-search__well{align-items:center;gap:var(--of-space-tight);display:flex}.of-search__mark{flex:none;line-height:0;display:inline-flex}.of-search__field{min-inline-size:0;color:var(--of-color-ink);font-family:var(--of-type-family-serif);font-size:var(--of-type-size-title);line-height:var(--of-type-leading-tight);letter-spacing:var(--of-type-tracking-tight);background:0 0;border:0;flex:auto;margin:0;padding:0}.of-search__field::placeholder{color:var(--of-color-ink-faint)}.of-search__field:focus{outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:0;border-radius:var(--of-bevel-radius)}.of-search__submit{inline-size:var(--of-space-hair);block-size:var(--of-space-hair);margin:calc(var(--of-space-hair) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.of-search__submit:focus-visible{block-size:auto;inline-size:auto;padding-block:var(--of-space-tighter);padding-inline:var(--of-space-base);clip-path:none;border-block-start:var(--of-bevel-width) solid var(--of-bevel-light);border-block-end:var(--of-bevel-width) solid var(--of-bevel-dark);border-inline:var(--of-bevel-width) solid var(--of-color-rule);border-radius:var(--of-bevel-radius);background:var(--of-color-surface-raised);color:var(--of-color-ink);font-family:var(--of-type-family-sans);font-size:var(--of-type-size-micro);font-weight:var(--of-type-weight-medium);letter-spacing:var(--of-type-tracking-wide);text-transform:uppercase;cursor:pointer;outline:calc(var(--of-bevel-width) * 2) solid var(--of-color-focus);outline-offset:var(--of-bevel-width);margin:0;position:static}.of-search__hint{margin-block:var(--of-space-tight) 0;color:var(--of-color-ink-muted);font-size:var(--of-type-size-small)}.of-search__hint kbd{font-family:var(--of-type-family-sans);font-size:var(--of-type-size-small);letter-spacing:var(--of-type-tracking-wide);color:var(--of-color-ink-muted)}