.marker-specimen{--marker-panel:var(--s-field);--marker-tile:var(--s-blue-mid);--marker-tile-ink:var(--s-ink);--marker-selected:var(--s-white);--marker-selected-ink:var(--s-blue);font-family:Barlow Condensed,sans-serif;font-synthesis:none;min-width:0}html[data-tnr-theme=light] .marker-specimen{--marker-tile:var(--s-static);--marker-selected:var(--s-blue);--marker-selected-ink:var(--s-white)}html[data-tnr-theme=dark] .marker-specimen{--marker-tile:var(--s-carbon);--marker-selected:var(--s-white);--marker-selected-ink:var(--s-carbon)}.marker-specimen .marker-font,.shop-root .marker-specimen .marker-control.marker-font{font-family:Marker by Tanner,sans-serif;letter-spacing:0;font-synthesis:none;transition:none}.marker-chapter{padding:48px 0;min-width:0}.marker-chapter .shop-title{font-family:Barlow Condensed,sans-serif;font-size:48px;line-height:1.05;overflow-wrap:anywhere}.marker-eyebrow,.marker-label{font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.24em;margin:0 0 16px}.marker-eyebrow{color:hsl(var(--s-accent))}.marker-rule{height:3px;background:hsl(var(--s-ink));margin:20px 0 24px}.marker-panel{background:hsl(var(--marker-panel));padding:24px;min-width:0}.marker-weight-preview{font-size:48px;line-height:1.3;overflow-wrap:anywhere}.marker-weight-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.shop-root .marker-control{border:0;border-radius:0;box-shadow:none;background:hsl(var(--marker-tile));color:hsl(var(--marker-tile-ink));font-family:Barlow Condensed,sans-serif;cursor:pointer;white-space:normal;height:auto;min-width:0;padding:12px;font-size:13px;line-height:1.5;font-weight:700;letter-spacing:0;transition:none}.shop-root .marker-control:hover{background:hsl(var(--marker-tile))}.shop-root .marker-control:focus-visible{outline:3px solid hsl(var(--s-accent));outline-offset:3px}.shop-root .marker-control[aria-pressed=true]{background:hsl(var(--marker-selected));color:hsl(var(--marker-selected-ink))}.shop-root .marker-weight-tile{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.marker-weight-tile .marker-font{font-size:24px;line-height:1.25;overflow-wrap:anywhere}.marker-weight-tile .marker-number{margin:0;color:hsl(var(--s-accent))}.marker-weight-tile[aria-pressed=true] .marker-number{color:inherit}.marker-specimen fieldset{border:0;padding:0;margin:24px 0;min-width:0}.marker-pills,.marker-swatches{display:flex;flex-wrap:wrap;gap:12px}.shop-root .marker-pill{min-height:44px}.shop-root .marker-pill[aria-pressed=true]{background:hsl(var(--s-btn));color:hsl(var(--s-btn-ink))}.marker-size{display:flex;flex-direction:column;gap:16px;margin:32px 0}.marker-size span{display:flex;justify-content:space-between;gap:16px}.marker-size input{width:100%;height:32px;accent-color:hsl(var(--s-accent));cursor:pointer}.marker-size input::-webkit-slider-thumb{background:hsl(var(--s-accent))!important;border-color:hsl(var(--s-accent))!important}.marker-size input::-moz-range-thumb{background:hsl(var(--s-accent))!important;border-color:hsl(var(--s-accent))!important}.marker-size input::-webkit-slider-runnable-track{background:hsl(var(--s-line))!important}.marker-size input::-moz-range-track{background:hsl(var(--s-line))!important}.marker-specimen .marker-ground-blue{--marker-ground:var(--s-blue);--marker-ink:var(--s-white)}.marker-specimen .marker-ground-paper{--marker-ground:var(--s-white);--marker-ink:var(--s-blue)}.marker-specimen .marker-ground-gold{--marker-ground:var(--s-gold);--marker-ink:var(--s-carbon)}.marker-specimen .marker-ground-carbon{--marker-ground:var(--s-carbon);--marker-ink:var(--s-gold)}.shop-root .marker-swatch{background:hsl(var(--marker-ground));color:hsl(var(--marker-ink));min-height:52px;min-width:72px;display:flex;align-items:center;gap:8px}.shop-root .marker-swatch[aria-pressed=true]{background:hsl(var(--marker-ground));color:hsl(var(--marker-ink));outline:2px solid hsl(var(--s-accent));outline-offset:3px}.marker-swatch-dot{width:12px;height:12px;flex:none;background:currentColor}.marker-textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:300px;padding:20px 16px;box-sizing:border-box;background:hsl(var(--marker-ground));color:hsl(var(--marker-ink));border:0;border-radius:0;line-height:1.18;text-transform:uppercase;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;overflow-x:hidden;resize:vertical}.marker-textarea:focus-visible{outline:3px solid hsl(var(--s-accent));outline-offset:3px}.marker-note{margin-top:16px}.marker-inspector-head{display:flex;flex-direction:column;gap:12px}.marker-inspector-head p{margin:0;overflow-wrap:anywhere}.marker-metrics{position:relative;height:308px;margin-top:48px;isolation:isolate}.marker-inspected-glyph{font-size:220px;line-height:1.18;height:259.6px;text-align:center;position:relative;z-index:1}.marker-metric{position:absolute;top:var(--metric-top);left:0;right:0;display:flex;justify-content:space-between;gap:8px;border-top:1px solid hsl(var(--s-ink));font-size:12px;font-weight:700;line-height:1.5;letter-spacing:0;z-index:2}.marker-metric span{transform:translateY(-100%);background:hsl(var(--marker-panel));padding:0 4px}.marker-metric-x{border-top-style:dashed}.marker-metric-baseline{border-top:2px solid hsl(var(--s-accent));color:hsl(var(--s-accent))}.marker-glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.shop-root .marker-glyph{aspect-ratio:1;min-height:56px;font-size:36px;padding:6px}.marker-story{display:grid;gap:24px;max-width:900px}.marker-story p,.marker-spec-table dd,.marker-license li{font-size:20px;line-height:1.5;margin:0;letter-spacing:0}.marker-spec-table{margin:32px 0 0;border-block:3px solid hsl(var(--s-ink))}.marker-spec-table>div{display:grid;gap:8px;padding:16px 0}.marker-spec-table>div+div{border-top:1px solid hsl(var(--s-line))}.marker-spec-table dt{margin:0}.marker-spec-table dd{overflow-wrap:anywhere}.marker-license{display:grid;gap:32px;margin-bottom:32px}.marker-license ul{padding-left:20px;margin:0}.marker-license li+li{margin-top:12px}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen :is(h2,p,label,legend,dt,dd,li){color:hsl(var(--s-ink))!important;-webkit-text-fill-color:currentColor}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-eyebrow{color:hsl(var(--s-accent))!important}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-control,html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-control span{color:hsl(var(--marker-tile-ink))!important;-webkit-text-fill-color:currentColor}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-control[aria-pressed=true],html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-control[aria-pressed=true] span{color:hsl(var(--marker-selected-ink))!important}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-weight-tile:not([aria-pressed=true]) .marker-number{color:hsl(var(--s-accent))!important}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-pill[aria-pressed=true]{color:hsl(var(--s-btn-ink))!important}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-swatch,html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-swatch span,html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-textarea{color:hsl(var(--marker-ink))!important;-webkit-text-fill-color:currentColor}@media (min-width:768px){.marker-chapter{padding:64px 0}.marker-chapter .shop-title{font-size:64px}.marker-weight-preview{font-size:96px}.marker-weight-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin-top:32px}.marker-weight-tile .marker-font{font-size:28px}.marker-panel{padding:32px}.marker-inspector-head{flex-direction:row;justify-content:space-between}.marker-license,.marker-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.marker-spec-table>div{grid-template-columns:180px minmax(0,1fr)}.marker-textarea{padding:32px}.marker-glyph-grid{gap:16px}}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-swatch.marker-ground-blue:not(#_),html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-swatch.marker-ground-blue:not(#_) span{background:#00f!important;color:#fff!important;-webkit-text-fill-color:#FFFFFF!important}html[data-tnr-theme] body .shop-root .shop-v2-main .marker-specimen .marker-swatch.marker-ground-blue:not(#_) .marker-swatch-dot{background:#fff!important}