.famous-scale{--fs-px-cm: 0;--fs-h: min(52vh, 300px);--fs-cap: 52px;--fs-gap: 24px;--fs-gutter: 34px;--fs-m: 100px;--fs-ref-w: 25.6;--fs-pad-x: var(--f-pad-x, 24px);--fs-ink: var(--f-ink, #000);--fs-bg: var(--f-bg, #fefbf6);--fs-body: var(--f-body, #4b5563);--fs-muted: var(--f-muted, #6a6a6a);--fs-line: var(--f-line, #e5e7eb);--fs-tile: var(--f-tile, #f4ebe0);--fs-brown: var(--f-brown, #5c4033);--fs-font: var(--f-font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-family:var(--fs-font);color:var(--fs-ink);position:relative}.famous-scale[hidden]{display:none}.famous-scale:after{content:"";position:absolute;right:0;bottom:0;width:56px;height:calc(var(--fs-h) + var(--fs-cap) + 18px);pointer-events:none;z-index:4;background:linear-gradient(to right,transparent,var(--fs-bg));opacity:1;transition:opacity .18s ease-out}.famous-scale[data-end]:after{opacity:0}.famous-scale__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;margin:0 0 10px;padding:0 var(--fs-pad-x);min-height:20px}.famous-scale__readout{margin:0;font-size:13px;line-height:20px;color:var(--fs-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.famous-scale__readout b{font-weight:600;color:var(--fs-ink)}.famous-scale__total{margin:0;order:-1;flex:1 0 100%;font-size:11px;line-height:20px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fs-muted)}.famous-scale__stage{position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:var(--fs-bg);border-top:1px solid var(--fs-line);border-bottom:1px solid var(--fs-line);scrollbar-width:thin;scrollbar-color:var(--fs-muted) transparent}.famous-scale__stage:focus-visible{outline:2px solid var(--fs-ink);outline-offset:2px}.famous-scale__stage::-webkit-scrollbar{height:10px}.famous-scale__stage::-webkit-scrollbar-thumb{background:#00000047;border-radius:10px;border:3px solid transparent;background-clip:content-box}.famous-scale__inner{position:relative;display:flex;align-items:flex-end;width:max-content;min-width:100%;height:calc(var(--fs-h) + var(--fs-cap) + 16px);padding:16px 0 0}.famous-scale__inner:after{content:"";position:absolute;left:0;right:0;bottom:var(--fs-cap);height:1px;background:var(--fs-ink);opacity:.45;pointer-events:none;z-index:1}.famous-scale__rule{position:absolute;left:0;right:0;bottom:var(--fs-cap);height:var(--fs-h);pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to top,rgba(0,0,0,.07) 0,rgba(0,0,0,.07) 1px,transparent 1px,transparent var(--fs-m))}.famous-scale__ref{position:sticky;left:0;z-index:3;flex:none;align-self:stretch;width:calc(var(--fs-gutter) + var(--fs-ref-w) * var(--fs-px-cm) * 1px + 14px);background:var(--fs-bg);border-right:1px solid var(--fs-line)}.famous-scale__ref:before{content:"";position:absolute;left:0;right:0;bottom:var(--fs-cap);height:var(--fs-h);pointer-events:none;background-image:repeating-linear-gradient(to top,rgba(0,0,0,.07) 0,rgba(0,0,0,.07) 1px,transparent 1px,transparent var(--fs-m))}.famous-scale__tick{position:absolute;left:0;width:var(--fs-gutter);bottom:calc(var(--fs-cap) + var(--t) * var(--fs-px-cm) * 1px);margin-bottom:1px;padding-right:6px;text-align:right;font-size:10px;line-height:12px;font-variant-numeric:tabular-nums;color:var(--fs-muted);white-space:nowrap}.famous-scale__human{position:absolute;bottom:var(--fs-cap);left:var(--fs-gutter);width:calc(var(--fs-ref-w) * var(--fs-px-cm) * 1px);height:calc(170 * var(--fs-px-cm) * 1px)}.famous-scale__human svg{display:block;width:100%;height:100%;fill:var(--fs-body);opacity:.9}.famous-scale__reflabel{position:absolute;left:var(--fs-gutter);bottom:0;height:var(--fs-cap);padding:6px 8px 0 0;font-size:10px;line-height:1.35;color:var(--fs-muted);white-space:nowrap}.famous-scale__reflabel b{display:block;font-size:11px;font-weight:700;color:var(--fs-brown)}.famous-scale__track{display:flex;align-items:flex-end;gap:var(--fs-gap);margin:0;padding:0 var(--fs-gap) 0 var(--fs-gap);list-style:none;align-self:stretch;z-index:2}.famous-scale__item{container:fsitem / inline-size;position:relative;flex:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:calc(var(--w) * var(--fs-px-cm) * 1px);min-width:1px;list-style:none}.famous-scale__link{position:relative;display:block;width:100%;height:calc(var(--h) * var(--fs-px-cm) * 1px);text-decoration:none;color:inherit}.famous-scale__link:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,24px);height:max(100%,24px)}.famous-scale__link:focus-visible{outline:2px solid var(--fs-ink);outline-offset:3px}.famous-scale__frame{container:fsframe / size;position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#0000000b;box-shadow:inset 0 0 0 1px #00000029,0 1px 2px #00000029}.famous-scale__img{display:block;width:100%;height:100%;object-fit:cover}.famous-scale__blank{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:6px;gap:2px;overflow:hidden;background:var(--fs-tile)}.famous-scale__blank span{display:none;color:var(--fs-brown);line-height:1.2}.famous-scale__blank .famous-scale__bnum{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.famous-scale__blank .famous-scale__btitle{font-size:11px;font-weight:500;color:var(--fs-body);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@container fsframe (min-width: 44px) and (min-height: 34px){.famous-scale__blank .famous-scale__bnum{display:block}}@container fsframe (min-width: 96px) and (min-height: 66px){.famous-scale__blank .famous-scale__btitle{display:-webkit-box}}@container fsframe (min-width: 180px) and (min-height: 110px){.famous-scale__blank .famous-scale__bnum{font-size:18px}.famous-scale__blank .famous-scale__btitle{font-size:13px}}@container fsitem (min-width: 150px){.famous-scale__blank .famous-scale__btitle{display:none}}.famous-scale__cap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;width:100%;height:var(--fs-cap);padding-top:7px;text-align:center;pointer-events:none}.famous-scale__num{font-size:11px;font-weight:800;line-height:13px;font-variant-numeric:tabular-nums;color:var(--fs-ink);white-space:nowrap}.famous-scale__title,.famous-scale__size{display:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.famous-scale__title{font-size:11px;line-height:14px;color:var(--fs-body)}.famous-scale__size{font-size:10px;line-height:13px;font-variant-numeric:tabular-nums;color:var(--fs-muted)}@container fsitem (min-width: 76px){.famous-scale__size{display:block}}@container fsitem (min-width: 150px){.famous-scale__title{display:block}}.famous-scale__item[data-read] .famous-scale__frame{box-shadow:inset 0 0 0 1px #00000029,0 1px 2px #00000029,0 0 0 2px var(--fs-brown)}.famous-scale__item[data-read] .famous-scale__num{color:var(--fs-brown)}@media(min-width:600px){.famous-scale{--fs-h: min(48vh, 380px);--fs-cap: 54px}.famous-scale__head{flex-wrap:nowrap}.famous-scale__total{order:0;flex:none}}@media(min-width:1024px){.famous-scale{--fs-h: min(56vh, 520px);--fs-cap: 56px;--fs-gap: 30px;--fs-gutter: 38px}.famous-scale__readout{font-size:14px}}.famous-scale__end{flex:none;width:1px;align-self:stretch}@media(prefers-reduced-motion:reduce){.famous-scale__stage{scroll-behavior:auto}.famous-scale:after,.famous-scale__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/famous-scale.css.map */