@layer sbt.components{.sbt-build-leather{fill:var(--build-leather,none)}.sbt-build-cord{stroke:var(--build-cord,currentColor)}.sbt-formats{column-gap:var(--space-8);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:relative}.sbt-format{grid-template-rows:var(--floor) auto;justify-items:center;row-gap:var(--space-12);min-inline-size:var(--touch-min);min-block-size:var(--touch-min);font-size:var(--text-caption);text-align:center;display:grid;position:relative}.sbt-format__art{align-self:end;margin-block-end:-7px;display:block;overflow:visible}.sbt-format__name{justify-items:center;row-gap:2px;display:grid}.sbt-format__code{color:var(--ink);font-weight:500}.sbt-format__size{color:var(--ink-muted-deep);font-variant-numeric:tabular-nums}.sbt-format__size bdi{white-space:nowrap}.sbt-formats[data-many] .sbt-format__unit{display:block}@media (min-width:768px){.sbt-formats{column-gap:var(--space-32);inline-size:fit-content;grid-auto-columns:max-content;padding-inline-end:var(--space-24)}}.sbt-formats:after{content:"";border-block-end:var(--stitch-width) dashed var(--stitch-thread);pointer-events:none;position:absolute;inset-block-start:var(--floor);inset-inline:0}.sbt-format__ring{fill:none;stroke:var(--primary);stroke-width:2px;stroke-dasharray:5 4;clip-path:inset(0 0 100%)}.sbt-format[data-checked] .sbt-format__ring{clip-path:inset(0)}@media (prefers-reduced-motion:no-preference){.sbt-format[data-checked] .sbt-format__ring{transition:clip-path .38s var(--ease)}}:is(.sbt-sample[data-checked] .sbt-sample__leather,.sbt-material[data-checked] .sbt-material__face){outline:2px dashed var(--primary);outline-offset:5px}.sbt-group :is(.sbt-tab,.sbt-closure,.sbt-count,.sbt-leaf,.sbt-slot)[data-checked]>.sbt-stitch:not(.sbt-stitch--mark){--stitch-color:var(--stitch-thread)}.sbt-group :is(.sbt-tab,.sbt-closure,.sbt-count,.sbt-leaf,.sbt-slot)>.sbt-stitch--mark{z-index:1;--stitch-color:var(--primary);clip-path:inset(0 0 100%);display:block}.sbt-group :is(.sbt-tab,.sbt-closure,.sbt-count,.sbt-leaf,.sbt-slot)>.sbt-stitch--mark>rect{stroke-width:2px}.sbt-group :is(.sbt-tab,.sbt-closure,.sbt-count,.sbt-leaf,.sbt-slot)[data-checked]>.sbt-stitch--mark{clip-path:inset(0)}@media (prefers-reduced-motion:no-preference){.sbt-group :is(.sbt-tab,.sbt-closure,.sbt-count,.sbt-leaf,.sbt-slot)[data-checked]>.sbt-stitch--mark{transition:clip-path .38s var(--ease)}}.sbt-tab--charm{background:linear-gradient(var(--build-cord,transparent), var(--build-cord,transparent)) no-repeat 50% 0 / 2px 12px}.sbt-book{gap:var(--space-8);display:grid;container-type:inline-size}.sbt-book__ring{--per-row:5;grid-template-columns:repeat(var(--per-row), minmax(0, 1fr));gap:var(--space-24) var(--space-8);padding-block-start:14px;display:grid}@container (min-width:470px){.sbt-book__ring{--per-row:6}}@container (min-width:700px){.sbt-book__ring{--per-row:10}}.sbt-book__family{gap:2px;margin-block-start:var(--space-8);display:grid}.sbt-book__name{font-size:var(--text-body);color:var(--ink);margin:0}.sbt-book__note{max-inline-size:46ch;font-size:var(--text-caption);color:var(--ink-muted);margin:0}.sbt-sample__leather[data-photo]{background-position:50%;background-size:cover}.sbt-sample__leather[data-texture=pebble]{background-image:radial-gradient(circle at 45% 40%, #ffffff24, #00000038 72%), var(--sbt-grain);background-size:7px 7px,auto}.sbt-sample__leather[data-texture=crinkle]{background-image:repeating-linear-gradient(118deg, transparent 0 5px, #00000029 5px 6px, transparent 6px 11px, #ffffff14 11px 12px), var(--sbt-grain)}.sbt-sample__leather[data-texture=gloss]{background-image:linear-gradient(135deg, transparent 28%, #ffffff38 44%, transparent 60%), var(--sbt-grain)}.sbt-sample__leather[data-texture=patent_croc]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c), black 25%)}.sbt-sample__leather[data-texture=patent_croc]:after{border-color:#f3e7d0}.sbt-sample{align-content:start;justify-items:center;gap:var(--space-8);font-size:var(--text-caption);text-align:center;display:grid}.sbt-sample>:last-child{text-wrap:balance}.sbt-sample__leather{background-color:var(--c);background-image:var(--sbt-grain);transform-origin:50% 12px;width:46px;height:74px;transform:rotate(calc(clamp(-6deg, (var(--i) - var(--mid)) * 2.2deg, 6deg) * var(--sbt-dir)));transition:transform .45s var(--ease);border-radius:9px 9px 14px 14px;display:block;position:relative}@supports (width:calc(mod(3px, 2px))){.sbt-sample__leather{--in-row:min(var(--per-row), var(--n) - var(--i) + mod(var(--i), var(--per-row)));transform:rotate(calc((mod(var(--i), var(--per-row)) - (var(--in-row) - 1) / 2) * 2.2deg * var(--sbt-dir)))}}.sbt-sample__leather:before{content:"";background:var(--ground);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:7px;left:50%;box-shadow:0 0 0 2px #ffffff47}.sbt-sample__leather{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c), var(--ink) 30%)}.sbt-sample__leather:after{content:"";border:var(--stitch-width) dashed color-mix(in srgb, #f3e7d0 70%, var(--c));border-radius:6px 6px 11px 11px;position:absolute;inset:4px}.sbt-sample[data-premium] .sbt-sample__leather{box-shadow:0 0 0 1.5px var(--foil-gold), 0 0 0 2.5px color-mix(in srgb, var(--foil-gold), black 35%)}.sbt-sample[data-disabled]{opacity:1}.sbt-sample[data-disabled] .sbt-sample__leather{opacity:.85;transform:none}.sbt-sample[data-disabled] .sbt-sample__leather:before{box-shadow:none;outline:var(--stitch-width) dashed color-mix(in srgb, #f3e7d0 70%, var(--c));outline-offset:-1px;background:0 0}@media (min-width:768px){.sbt-sample__leather{width:54px;height:86px}}.sbt-sample[data-none] .sbt-sample__leather{box-sizing:border-box;border:1.3px dashed var(--stitch);background:0 0}.sbt-sample[data-none] .sbt-sample__leather:after{display:none}.sbt-sample[data-none] .sbt-sample__leather:before{box-shadow:0 0 0 1.3px var(--stitch)}.sbt-closure svg:not(.sbt-stitch){stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:44px;transform:scaleX(var(--sbt-dir))}.sbt-leaf__metal{aspect-ratio:1;background-color:var(--c);inline-size:38px;transition:transform var(--duration-fast) var(--ease), background-color var(--duration-slow) var(--ease);border-radius:4px;display:block;position:relative;transform:rotate(-4deg)}.sbt-leaf:not([data-finish=none],[data-finish=blind]) .sbt-leaf__metal{clip-path:polygon(7% 4%,51% 0,96% 7%,100% 49%,93% 96%,46% 100%,4% 92%,0 47%);background-image:linear-gradient(115deg,#0000 36%,#ffffff6b 48%,#0000 60%)}.sbt-leaf[data-finish=none] .sbt-leaf__metal{background-color:var(--ground);outline:var(--stitch-width) dashed var(--stitch);outline-offset:-5px}.sbt-leaf[data-finish=blind] .sbt-leaf__metal{background-color:color-mix(in srgb, var(--ground-deep) 70%, var(--ground-raised));box-shadow:inset 0 2px 2px #00000038,inset 0 -2px 2px #ffffff80}.sbt-leaf[data-finish=blind] .sbt-leaf__metal:after{content:"";border-radius:3px;position:absolute;inset:11px;box-shadow:inset 0 2px 1px #00000047,0 1px #ffffffa6}:is(.sbt-count,.sbt-leaf){place-items:center;row-gap:var(--space-8);inline-size:var(--tile);padding:var(--space-8) 6px var(--space-4);border-radius:var(--radius-tile);font-size:var(--text-caption);text-align:center;flex:none;grid-template-rows:44px auto;display:grid;position:relative}:is(.sbt-count,.sbt-leaf)>:is(bdi,span):last-of-type{text-wrap:balance;align-self:stretch}.sbt-slot{place-items:center;row-gap:var(--space-8);padding:var(--space-8) 6px var(--space-4);border-radius:var(--radius-tile);font-size:var(--text-caption);text-align:center;grid-template-rows:44px 2lh;display:grid;position:relative}.sbt-slot>span:last-of-type{text-wrap:balance;align-self:stretch}.sbt-glyph.sbt-glyph--place{inline-size:64px;overflow:visible}.sbt-hung__open .sbt-glyph.sbt-glyph--place{inline-size:52px}.sbt-glyph--place :is(.sbt-glyph__journal,.sbt-glyph__stitch){opacity:.5}.sbt-glyph--place .sbt-glyph__stitch{stroke-width:.9px;stroke-dasharray:1.6 1.4}.sbt-glyph--place .sbt-glyph__at{fill:var(--ground);stroke-width:1.6px}:is(.sbt-slot__hung,.sbt-offstage){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sbt-hung{gap:var(--space-8);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.sbt-hung__chip{border-radius:var(--radius-tile);align-items:center;display:flex;position:relative}.sbt-hung__chip>.sbt-stitch{--stitch-inset:3px;--stitch-width:1px;--stitch-color:color-mix(in srgb, var(--stitch) 60%, transparent);--stitch-radius:calc(var(--radius-tile) - 3px)}.sbt-hung__chip:is([data-checked],:has(.sbt-hung__open:active))>.sbt-stitch{--stitch-width:1.5px;--stitch-color:var(--ink)}.sbt-hung__open{align-items:center;gap:var(--space-8);min-inline-size:0;padding:var(--space-12);color:var(--ink);text-align:start;border-radius:var(--radius-tile);flex:1;padding-inline-end:var(--space-8);display:flex}.sbt-hung__words{min-inline-size:0;font-size:var(--text-body);gap:2px;margin-inline-start:var(--space-4);display:grid}.sbt-hung__place{font-size:var(--text-caption);color:var(--ink-muted)}.sbt-hung__remove{margin-inline-end:var(--space-8)}.sbt-letters{grid-template-columns:repeat(7, minmax(var(--touch-min), 1fr));gap:var(--tile-gap);direction:ltr;display:grid}.sbt-spots{z-index:3;pointer-events:none;position:fixed;inset:0}.sbt-spot{inline-size:var(--touch-min);block-size:var(--touch-min);margin:calc(var(--touch-min) / -2);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.sbt-spot[hidden]{display:none}.sbt-spots .sbt-remove{z-index:20001}.sbt-spots__hint{white-space:nowrap;font-size:var(--text-caption);color:var(--ink);margin:0;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translate(-50%)}.sbt-spots__hint[hidden]{display:none}.sbt-spot[data-lit] i{background:color-mix(in srgb, var(--ground-raised) 85%, transparent);outline:var(--stitch-width) dashed var(--ink);outline-offset:-4px;border-radius:50%;block-size:26px;inline-size:26px}@media (max-width:1023.98px){.sbt-spot[data-lit] i{outline-offset:-3px;block-size:18px;inline-size:18px}}.sbt-count{font-variant-numeric:tabular-nums}.sbt-count svg:not(.sbt-stitch){block-size:44px;display:block}.sbt-count__block{fill:var(--ground-raised);stroke:var(--stitch);stroke-width:1.5px}.sbt-count__tint{fill:var(--c,var(--ink-muted));stroke:color-mix(in srgb, var(--ink) 35%, transparent);stroke-width:.8px}.sbt-count__pile[data-mirror]{transform:scaleX(-1)}.sbt-count__cover{fill:var(--c,var(--ink-muted));stroke:color-mix(in srgb, var(--ink) 55%, transparent);stroke-width:1.3px;stroke-linejoin:round}.sbt-count__pages{fill:var(--ground-raised)}.sbt-count__lines{fill:none;stroke:var(--ink-muted);stroke-width:.5px}}