.bx{--bx-ground:var(--ui-ground);--bx-panel:var(--ui-panel);--bx-raised:var(--ui-raised);--bx-ink:var(--ui-ink);--bx-muted:var(--ui-muted);--bx-faint:var(--ui-faint);--bx-green:var(--ui-hue-green);--bx-amber:var(--ui-hue-amber);overflow:hidden;container-type:inline-size}html[data-color-scheme=dark] .bx__in.bo-scope{--ui-ground:var(--bx-ground);--ui-panel:var(--bx-raised);--ui-raised:var(--bx-raised);--ui-raised-hover:color-mix(in oklab, var(--bx-ink) 6%, var(--bx-raised));--ui-inverse:var(--bx-ink);--ui-ink:var(--bx-ink);--ui-muted:var(--bx-muted);--ui-faint:var(--bx-faint);--ui-line:color-mix(in oklab, var(--bx-ink) 10%, transparent);--ui-ring:color-mix(in oklab, var(--bx-ink) 9%, transparent);--ui-fill:color-mix(in oklab, var(--bx-ink) 4%, transparent);--ui-hue-green:var(--bx-green);--ui-hue-amber:var(--bx-amber);--ui-on-inverse:inherit;--ui-inverse-sheen:inherit;--ui-shadow-hairline:inherit;--ui-shadow-button:inherit;--ui-shadow-button-hover:inherit;--ui-shadow-inverse:inherit;--ui-shadow-inverse-hover:inherit;--bo-stage:var(--bx-panel);--bo-edge:color-mix(in oklab, var(--bx-ink) 34%, var(--bx-panel));--bo-face-t:color-mix(in oklab, var(--bx-ink) 7%, var(--bx-raised));--bo-face-l:var(--bx-raised);--bo-face-r:color-mix(in oklab, var(--bx-raised) 55%, var(--bx-ground));--bo-accent-t:color-mix(in oklab, var(--bx-ink) 16%, var(--bx-raised));--bo-hover-t:color-mix(in oklab, var(--bx-ink) 14%, var(--bx-raised));--bo-sel-t:color-mix(in oklab, var(--bo-brand) 72%, var(--bx-raised));--bo-sel-l:color-mix(in oklab, var(--bo-brand) 56%, var(--bx-raised));--bo-sel-r:color-mix(in oklab, var(--bo-brand) 42%, var(--bx-raised));--bo-sel-edge:color-mix(in oklab, var(--bo-brand) 30%, var(--bx-ink));--bo-mark:color-mix(in oklab, var(--bo-brand) 22%, var(--bx-raised));--bo-screen:var(--bx-ground)}html[data-color-scheme=dark] .bx .bo-tag b{color:var(--bo-brand-ink);box-shadow:inset 1px 0 0 color-mix(in oklab, var(--bx-ground) 16%, transparent)}.bx__in{padding:var(--ui-space-4) var(--ui-space-4) 64px;background:var(--bo-stage);color:var(--ui-ink);font:var(--ui-weight-regular) var(--ui-text-sm) / 1.25rem var(--ui-font-sans);display:grid;position:absolute;inset:0}.bx-draw{min-width:0;min-height:0;position:relative}.bx-draw .bo-iso{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bx--swap .bx__in{gap:var(--ui-space-2);grid-template-rows:1fr auto}.bx-stats.bo-stats{top:var(--ui-space-4);left:var(--ui-space-4);flex-direction:column;align-items:flex-start;gap:6px}.bx-stats.bo-stats div{min-width:0;padding:6px 10px 7px}.bx-stats.bo-stats dd{font-size:var(--ui-text-lg)}.bx--swap .bx-draw{margin:8px 0 0 136px}.bx--swap .bx-options{z-index:1;isolation:isolate;position:relative}.bx--swap .bx-options:before{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, var(--bo-stage) 20px);pointer-events:none;position:absolute;inset:-20px -100vmax -100vmax}.bx-options{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.bx-options .ui-segmented{background:color-mix(in oklab, var(--ui-ink) 6%, var(--bo-stage))}.bx-options .bo-options__note{text-align:center;text-wrap:balance;margin:0}.bx--price .bx__in{gap:var(--ui-space-3);grid-template-columns:minmax(0,1fr) 240px;padding-top:48px}.bx--price .bx-draw{margin-left:var(--ui-space-8)}.bx-rows.bo-rows{flex-direction:column;justify-content:center;gap:4px;margin:-32px 0 0;padding:0;list-style:none;display:flex}.bx-rows .bo-row{border-radius:10px}.bx-rows .bo-row__head{align-items:center;gap:var(--ui-space-2);font-size:var(--ui-text-sm);border-radius:10px;grid-template-columns:28px 1fr auto;padding:4px 10px 4px 4px}.bx-rows .bo-row__head .bo-thumb{border-radius:6px;width:28px;height:28px;padding:2px}.bx-rows .bo-row__text{padding-top:0}.bx-rows .bo-row__text b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bx-rows .bo-row__end{padding-top:0}@media (pointer:coarse){.bx-rows .bo-row__head{min-height:44px}}.bx--flow .bx__in{gap:var(--ui-space-2);grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:92px}.bx-chip{justify-self:start;position:relative}@media (pointer:coarse){.bx-chip:after{content:"";position:absolute;inset:-7px -2px}}.bx-legend{font-size:var(--ui-text-xs);flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.bx-legend li{color:var(--ui-faint);transition:color var(--ui-dur-exit) var(--ui-ease);align-items:center;gap:8px;display:flex}.bx-legend i{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-faint);font-size:var(--bo-text-micro);font-style:normal;font-weight:var(--ui-weight-medium);font-variant-numeric:tabular-nums;transition:background-color var(--ui-dur-exit) var(--ui-ease), color var(--ui-dur-exit) var(--ui-ease), box-shadow var(--ui-dur-exit) var(--ui-ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.bx-legend[data-on] li{color:var(--ui-muted);transition-duration:var(--ui-dur-base);transition-delay:calc(.1s + var(--i) * .22s)}.bx-legend[data-on] i{background:var(--bo-brand);box-shadow:none;color:var(--ui-panel);transition-duration:var(--ui-dur-base);transition-delay:calc(.1s + var(--i) * .22s)}@media (prefers-reduced-motion:reduce){.bx-legend[data-on] :is(li,i){transition-delay:0s}}@container (max-width:440px){.bx-stats.bo-stats{right:var(--ui-space-4);flex-direction:row;align-items:stretch}.bx-stats.bo-stats div{flex:1}.bx-stats.bo-stats dd{flex-wrap:wrap;row-gap:0}.bx-stats.bo-stats dd>span:last-child{white-space:nowrap}.bx--swap .bx__in{padding-bottom:100px}.bx--swap .bx-draw{margin:64px 0 0}.bx--price .bx__in{padding-top:var(--ui-space-8);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.bx-rows.bo-rows{margin:0}.bx--price .bx__in{padding-bottom:76px}.bx--price .bx-draw{margin-inline:var(--ui-space-10)}}@container (min-width:560px){.bx--flow .bx__in{column-gap:var(--ui-space-8);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto}.bx--flow .bx-chip{grid-column:1/-1}.bx--flow .bx-draw{grid-area:2/1}.bx--flow .bx-legend{padding-right:var(--ui-space-4);font-size:var(--ui-text-sm);grid-area:2/2;align-self:center;gap:10px}}@container (max-width:340px){.bx .ui-segmented__item{padding-inline:var(--ui-space-2);font-size:var(--ui-text-xs)}}
@font-face{font-family:hand;src:url(../media/caveat_500-s.0v3psdy2p79bq.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:hand Fallback;src:local(Arial);ascent-override:127.75%;descent-override:39.92%;line-gap-override:0.0%;size-adjust:75.15%}.iL80eq_className{font-family:hand,hand Fallback;font-weight:500}.iL80eq_variable{--font-hand:"hand", "hand Fallback"}
.sx{background:radial-gradient(70% 55% at 50% 0,#4a3420,#1d130b 70%,#150c07);place-items:center;display:grid;position:absolute;inset:0;overflow:clip}.sx-board{transform-origin:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.sx-case{background:linear-gradient(90deg,#5a3a20,#7a5232 12%,#6a4428 50%,#7a5232 88%,#5a3a20);border-radius:6px;width:880px;padding:0 22px;box-shadow:0 30px 60px -20px #000000b3,inset 0 1px #ffdcaa2e}.sx-top{background:linear-gradient(#9a6a3e,#7a4f2c 60%,#5e3b20);border-radius:6px 6px 2px 2px;height:44px;margin:0 -34px;position:relative;box-shadow:0 6px 10px -4px #0009}.sx-plaque{color:#3a2a12;font:600 15px/1 var(--ui-font-serif);letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(#e2c27a,#b8913f);border-radius:3px;padding:5px 18px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 1px #fff5d299,0 1px 2px #00000080}.sx-plaque span{opacity:.7;margin-left:8px}.sx-bay{background:repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 9px),linear-gradient(#24170d,#3a2716 30%,#2e1f12);align-items:flex-end;gap:4px;height:340px;padding:30px 26px 0;display:flex;position:relative;box-shadow:inset 0 14px 22px -10px #000c,inset 10px 0 18px -10px #000000b3,inset -10px 0 18px -10px #000000b3}.sx-bay--low{justify-content:space-between;gap:30px;height:320px}.sx-board-edge{background:linear-gradient(#b0784a,#8a5a32 40%,#6a4325);height:26px;margin:0 -10px;box-shadow:0 8px 12px -6px #0009,inset 0 1px #ffe1b459}.sx-spine{--cloth:#4a3e36;background:linear-gradient(90deg, #00000047, transparent 18%, #ffffff14 45%, transparent 70%, #00000052), var(--cloth);color:#e9dcc0;cursor:pointer;border:0;border-radius:3px 3px 1px 1px;flex-direction:column;justify-content:space-between;align-items:center;width:46px;height:262px;padding:18px 0 16px;transition:translate .16s cubic-bezier(.2,0,0,1);display:flex;position:relative;box-shadow:inset 0 9px 0 -6px #d6b46ebf,inset 0 -10px 0 -7px #d6b46e99,0 2px 4px #00000080}.sx-spine[data-tall]{height:290px}.sx-spine:nth-child(3n){width:54px}.sx-spine:nth-child(4n+1){width:40px}.sx-spine__title{writing-mode:vertical-rl;max-height:190px;font:600 15px/1.1 var(--ui-font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;rotate:180deg}.sx-spine__by{font:500 11px/1 var(--ui-font-serif);letter-spacing:.06em;opacity:.75}@media (hover:hover){button.sx-spine:hover{transition-duration:0s;translate:0 -8px}}.sx-spine[data-picked]{translate:0 -22px;box-shadow:inset 0 9px 0 -6px #d6b46ebf,inset 0 -10px 0 -7px #d6b46e99,0 12px 18px #0000008c}.sx-spine:focus-visible{outline-offset:2px;outline:2px solid #e2c27a}.sx-spine[data-worn]{filter:saturate(.55)brightness(1.18)contrast(.9)}.sx-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:#b3262a;width:7px;height:34px;position:absolute;top:calc(100% - 4px);left:8px;box-shadow:0 1px 2px #0006}.sx-spine[data-gilded]{animation:.7s ease-out sx-gild;box-shadow:inset 0 9px 0 -6px #e8c46a,inset 0 -10px 0 -7px #e8c46a,inset 2px 0 #d9b25a,inset -2px 0 #d9b25a,0 0 14px #e8c46a59}@keyframes sx-gild{0%{filter:brightness(1.6);translate:0 -30px}}.sx-spine[data-book=pride]{--cloth:#4d3b6b}.sx-spine[data-book=middlemarch]{--cloth:#4f5a3a}.sx-spine[data-book=walden]{--cloth:#6e2633}.sx-spine[data-book=moby]{--cloth:#6a2c3a}.sx-spine[data-book=meditations]{--cloth:#4a5a6c}.sx-spine[data-book=eyre]{--cloth:#47303a}.sx-spine[data-book=frankenstein]{--cloth:#3c3832}.sx-spine[data-book=odyssey]{--cloth:#5a5240}.sx-spine[data-book=expectations]{--cloth:#2f4f7a}.sx-spine[data-book=dracula]{--cloth:#2e3f42}.sx-spine[data-book=persuasion]{--cloth:#3b332c}.sx-spine[data-book=leaves]{--cloth:#3e4a44}.sx-spine[data-book=war]{--cloth:#34363a}.sx-spine[data-book=cristo]{--cloth:#2f4245}.sx-spine[data-book=women]{--cloth:#2f5a45}.sx-spine[data-book=karenina]{--cloth:#4a4e3e}.sx-spine[data-book=emma]{--cloth:#4e3632}.sx-spine[data-book=artofwar]{--cloth:#4a3a5e}.sx-finished{align-items:flex-end;gap:4px;display:flex}.sx-finished .sx-spine{cursor:default}.sx-bookend{background:linear-gradient(90deg,#8a6a2a,#e2c27a,#8a6a2a);border-radius:2px 2px 0 0;width:6px;height:120px;margin-left:4px}.sx-slot{flex:1;align-self:center;place-items:center;min-height:240px;display:grid}.sx-hint{color:#e9dcc08c;font:500 18px/1.4 var(--ui-font-sans);margin:0}.sx-slip,.sx-card{color:#2a2118;text-align:center;background:#f3ede1;width:440px;padding:26px 30px;animation:.26s cubic-bezier(.2,0,0,1) sx-in;position:relative;box-shadow:0 18px 30px -12px #000000b3}@keyframes sx-in{0%{opacity:0;translate:0 12px}}.sx-slip{text-align:left}.sx-slip__title{font:600 26px/1.15 var(--ui-font-serif);margin:0}.sx-slip__by{color:#6b5d4c;font:400 16px/1.3 var(--ui-font-sans);margin:4px 0 0}.sx-slip__bar{background:#d8cfbf;border-radius:2px;height:4px;margin-top:18px;display:block}.sx-slip__bar span{border-radius:inherit;background:#b3262a;height:100%;display:block}.sx-slip__meta{color:#6b5d4c;font:400 15px/1.3 var(--ui-font-sans);font-variant-numeric:tabular-nums;margin:10px 0 0}.sx-slip__finish{color:#f3ede1;font:500 15px/1 var(--ui-font-sans);cursor:pointer;background:#2a2118;border:0;border-radius:999px;margin-top:18px;padding:10px 16px}@media (hover:hover){.sx-slip__finish:hover{background:#3d3124}}.sx-slip__finish:focus-visible{outline-offset:2px;outline:2px solid #b3262a}.sx-card{outline-offset:-10px;outline:1px solid #cdbf9f;padding:30px 30px 26px}.sx-card__ex{color:#8a6a2a;font:600 14px/1 var(--ui-font-sans);letter-spacing:.32em;text-transform:uppercase;margin:0}.sx-card__title{font:600 28px/1.15 var(--ui-font-serif);text-wrap:balance;margin:16px 0 0}.sx-card__on{color:#6b5d4c;font:400 16px/1.3 var(--ui-font-sans);margin:10px 0 0}.sx-card__hand{font:500 30px/1.1 var(--font-hand), cursive;margin:14px 0 0}.sx-card__stamp{color:#b3262a;font:700 14px/1 var(--ui-font-sans);letter-spacing:.14em;text-transform:uppercase;border:2px solid #b3262a;border-radius:3px;padding:3px 8px;position:absolute;top:14px;right:-16px;rotate:-14deg}@media (prefers-reduced-motion:reduce){.sx-spine,.sx-slip,.sx-card{transition:none;animation:none}}
