.box__door{padding-top:var(--s5);padding-bottom:var(--s3)}.box__door h1{font:600 clamp(44px,8vw,80px)/1 var(--serif);margin:4px 0 var(--s2);letter-spacing:-.01em}.box__lede{font-size:19px;line-height:1.55;max-width:660px;color:var(--ink-2);margin:0}.box__stats{display:flex;flex-wrap:wrap;gap:6px 21px;margin:var(--s3) 0 0;padding:0;list-style:none;font-size:16px;color:var(--ink-3)}.box__stats b{color:var(--ink);font-weight:600}.box__dir{position:sticky;top:0;z-index:6;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.box__dir .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}.box__dir a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid var(--line-2);border-radius:999px;font:500 15px var(--sans);color:var(--ink);text-decoration:none;background:var(--paper)}.box__dir a:hover,.box__dir a:focus-visible{border-color:var(--ink)}.box__dir a span{color:var(--ink-3);font-variant-numeric:tabular-nums}.box__tools{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr)) auto;gap:13px;align-items:end;padding-top:var(--s3);padding-bottom:var(--s2)}.box__field{display:grid;gap:6px;min-width:0}.box__field label{font:600 14px var(--sans);color:var(--ink-3)}.box__field input,.box__field select{width:100%;min-width:0;min-height:48px;border:1.5px solid var(--line-2);border-radius:999px;padding:0 16px;background:var(--paper);color:var(--ink);font:16px var(--sans)}.box__field input:focus,.box__field select:focus{border-color:var(--ink);outline:none}.box__wander{min-height:48px;white-space:nowrap}.box__count{margin-top:0;margin-bottom:var(--s2);font-size:16px;color:var(--ink-3)}.box__count b{color:var(--ink)}@media(max-width:960px){.box__tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.box__q,.box__wander{grid-column:1 / -1}}.box__table{padding-top:var(--s3);padding-bottom:var(--s4)}.box__table h2,.aisle__sign h2{font:600 28px/1.15 var(--serif);margin:0}.box__table p{margin:4px 0 var(--s3);color:var(--ink-3)}.table__top{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:var(--s3);padding:var(--s3);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius)}.faceout{display:grid;gap:8px;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);font:inherit;min-width:0}.faceout img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:0 1px 0 var(--line-2),0 12px 24px -14px #17130f73;transition:transform .18s ease}.faceout:hover img,.faceout:focus-visible img{transform:translateY(-6px)}.faceout:focus-visible{outline:3px solid var(--rubric);outline-offset:4px;border-radius:6px}.faceout b{font:600 17px/1.25 var(--serif)}.faceout span{font-size:15px;color:var(--ink-3)}.aisle{padding-top:var(--s4);padding-bottom:var(--s3);border-top:1px solid var(--line);scroll-margin-top:72px}.aisle__sign{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:6px 21px;margin-bottom:var(--s2)}.aisle__sign p{margin:4px 0 0;color:var(--ink-3);font-size:16px}.aisle__sign .aisle__n{font:600 15px var(--sans);color:var(--ink-3)}.case{--row: 252px;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:13px 13px 0;overflow:hidden}.shelf{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:3px;row-gap:0;margin:0;padding:0;list-style:none;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--row) - 13px),#D9CAAE calc(var(--row) - 13px),#D9CAAE calc(var(--row) - 4px),#BFAE8E calc(var(--row) - 4px),#BFAE8E var(--row))}.slot{height:var(--row);display:flex;align-items:flex-end;padding-bottom:13px}.spine{--h: 190px;--w: 34px;position:relative;height:var(--h);width:var(--w);padding:10px 0 8px;border:0;border-radius:3px 3px 2px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;background:var(--bg);color:var(--fg);font:inherit;box-shadow:inset -3px 0 #00000029,inset 2px 0 #ffffff24;transition:transform .18s ease}.spine:hover,.spine:focus-visible{transform:translateY(-9px)}.spine:focus-visible{outline:3px solid var(--rubric);outline-offset:2px}.spine__t{writing-mode:vertical-rl;transform:rotate(180deg);font:600 14px/1.15 var(--serif);white-space:normal;overflow:hidden;text-align:center;inline-size:calc(var(--h) - 54px);max-block-size:calc(3 * 1.15em);min-height:0;overflow-wrap:anywhere}.spine__no{font:600 14px/1 var(--sans);white-space:nowrap;flex:0 0 auto;font-variant-numeric:tabular-nums;letter-spacing:-.02em;writing-mode:vertical-rl;transform:rotate(180deg)}.spine__mk{flex:0 0 auto;width:58%;height:3px;border-radius:2px;background:var(--ac)}.spine.is-soon{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2),inset 0 9px 0 var(--bg);padding-top:16px}.spine.is-soon .spine__mk{background:var(--bg)}@media(max-width:680px){.case{--row: 214px;padding:10px 10px 0}.spine{--h: calc(var(--hh) * .82) !important}.aisle__sign h2,.box__table h2{font-size:24px}}.pickup{border:0;padding:0;width:min(1000px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:0 30px 80px -30px #17130f8c;overflow:hidden}.pickup[open]{display:flex;flex-direction:column}.pickup::backdrop{background:#17130f80}.pickup__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--paper);flex:0 0 auto}.pickup__bar .where{font:600 14px var(--sans);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pickup__nav{display:flex;gap:8px;flex:0 0 auto}.pickup__nav button,.pickup__close{min-height:44px;min-width:44px}.pickup__close{white-space:nowrap;padding-left:16px;padding-right:16px}.pickup__nav button{padding-left:12px;padding-right:12px}.pickup__in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--s4);padding:var(--s4);overflow:auto;flex:1 1 auto;overscroll-behavior:contain}.pickup__cover{display:grid;gap:13px;align-content:start}.pickup__face img,.cssbook,.backcover{width:100%;aspect-ratio:2 / 3;border-radius:4px 10px 10px 4px;box-shadow:0 1px 0 var(--line-2),0 16px 30px -18px #17130f80}.pickup__face img{display:block;height:auto;object-fit:cover}.cssbook{background:var(--bg);color:var(--fg);padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden}.cssbook__top{display:flex;justify-content:space-between;gap:8px;font:600 14px var(--sans);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:8px;opacity:.92}.cssbook__t{font:600 clamp(24px,3.4vw,30px)/1.1 var(--serif);margin:0;overflow-wrap:break-word}.cssbook__s{font:italic 16px/1.35 var(--serif);margin:8px 0 0}.cssbook__by{font:500 15px var(--sans);border-top:1px solid currentColor;padding-top:8px}.cssbook__rule{height:4px;width:38%;background:var(--ac);border-radius:2px}.backcover{background:var(--paper-2);border:1px solid var(--line-2);padding:22px 20px;overflow:auto;font:16px/1.55 var(--serif)}.backcover p{margin:0 0 13px}.backcover small{display:block;font:600 14px var(--sans);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.pickup__main{min-width:0}.pickup__main h2{font:600 clamp(28px,4vw,40px)/1.1 var(--serif);margin:0 0 6px;overflow-wrap:break-word}.pickup__by{margin:0 0 13px;font-size:17px;color:var(--ink-2)}.pickup__status{display:inline-flex;align-items:center;gap:8px;margin:0 0 var(--s3);padding:6px 13px;border-radius:999px;font:600 14px var(--sans);background:var(--paper-3);color:var(--ink)}.pickup__status.is-shelf{background:#e7f2ea;color:var(--ok)}.pickup__syn{font:18px/1.6 var(--serif);color:var(--ink);overflow-wrap:break-word}.pickup__syn p{margin:0 0 13px}.pickup__syn .from{display:block;font:600 14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.pickup__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:var(--s3) 0}.pickup__facts div{background:var(--paper);padding:10px 13px}.pickup__facts dt{font:600 14px var(--sans);color:var(--ink-3)}.pickup__facts dd{margin:2px 0 0;font:600 17px var(--sans)}.pickup__label{border:2px solid var(--ink);border-radius:10px;padding:13px 16px;margin:0 0 var(--s3);font-size:16px}.pickup__label b{display:block;font:600 14px var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.pickup__label p{margin:4px 0 0}.pickup__label .ai{color:var(--rubric-ink)}.pickup__acts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 var(--s2)}.pickup__acts .btn{flex:1 1 200px}.pickup__inside{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:var(--s3)}.pickup__inside h3{font:600 22px var(--serif);margin:0 0 13px}.pickup__inside .page-text{max-height:60vh;overflow:auto;padding:var(--s3);background:var(--paper-2);border:1px solid var(--line);border-radius:10px;font:18px/1.65 var(--serif)}.pickup__inside ol{margin:0;padding-left:26px;columns:2 220px;column-gap:var(--s4);font-size:16px;line-height:1.5}.pickup__inside ol li{break-inside:avoid;margin-bottom:4px}@media(max-width:760px){.pickup{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;border-radius:0}.pickup__in{grid-template-columns:minmax(0,1fr);padding:16px 16px 32px;gap:var(--s3)}.pickup__cover{max-width:230px;width:100%;margin:0 auto}}.box__nojs{padding-top:var(--s3);padding-bottom:var(--s3)}.box__nojs ul{columns:2 280px;column-gap:var(--s4)}@media(prefers-reduced-motion:reduce){.spine,.faceout img{transition:none}.spine:hover,.spine:focus-visible,.faceout:hover img,.faceout:focus-visible img{transform:none}}.pickup__qt{margin:var(--s3) 0 0;padding:4px 0 4px 18px;border-left:3px solid var(--rubric);font:italic 18px/1.55 var(--serif);color:var(--ink-2)}.pickup__qt p{margin:0}.spine__seal{flex:0 0 auto;width:16px;height:16px;border-radius:3px;box-shadow:inset 0 0 0 1px #17130f99,inset 0 0 0 4px #ffffff47,0 0 0 1.5px var(--bg)}.spine__seal[data-m="1"]{background:conic-gradient(from 210deg,#fff0b0,#e3bc48,#a87a16,#e3bc48,#fff7d6,#d9b03c,#fff0b0)}.spine__seal[data-m="2"]{background:conic-gradient(from 210deg,#fff,#c6cbd1,#878e97,#c6cbd1,#fff,#bfc5cc,#fff)}.spine__seal[data-m="3"]{background:conic-gradient(from 210deg,#f5d3a0,#c38b48,#865826,#c38b48,#f8e0bc,#bc8442,#f5d3a0)}.spine__seal[data-m="4"]{background:conic-gradient(from 210deg,#f8c3a8,#c9663e,#8d3c1f,#c9663e,#fbd6c4,#c2603a,#f8c3a8)}.pickup__label:after{content:"";display:table;clear:both}.pickup__seal{float:right;width:80px;height:80px;margin:-4px -4px 6px 12px}.pickup__step{font:600 15px var(--sans);color:var(--ink-2)}.pickup__cert{font:500 14px ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink-3);letter-spacing:.02em}.pickup__cert a{color:inherit;display:inline-block;padding:6px 0}.pickup__inside .listen-go{margin:0 0 var(--s2)}html.is-listening .pickup__in{padding-bottom:calc(var(--listen-h, 160px) + 16px)}@media(max-width:680px){.pickup__seal{width:76px;height:76px}}#aisle-haunted .aisle__sign h2:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.35em;vertical-align:-.05em;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 60%,#ffd27a 0 18%,#e8732a 19% 100%);box-shadow:inset 0 -3px #0000002e}#aisle-haunted .case{background:linear-gradient(#1b140f,#0f0b08);border-color:#2c2118}#aisle-haunted .shelf{border-bottom-color:#3a2a1c}#aisle-haunted .spine.is-soon{background:var(--bg);color:var(--fg);opacity:.9}#aisle-haunted .spine.is-soon .spine__mk{background:var(--ac)}.box[data-only]:not([data-only=""]) .box__stats,.box[data-only]:not([data-only=""]) .box__dir{display:none}.box__table{padding-bottom:calc(var(--s4) + 48px)}.table__top{position:relative;border:0;border-radius:6px 6px 3px 3px;color:#24170d;--ink: #24170D;--ink-2: #3A2A1C;--ink-3: #4A3524;--line: rgba(74, 46, 22, .25);background:linear-gradient(180deg,#ffffff38,#fff0 38%),repeating-linear-gradient(90deg,rgba(110,70,36,.07) 0 2px,transparent 2px 11px,rgba(110,70,36,.05) 11px 12px,transparent 12px 27px),linear-gradient(90deg,#ddb98e,#d1a877 30%,#d9b386 58%,#cda272);box-shadow:inset 0 1px #ffffff73,0 12px #8c5b35,0 13px #6e4527,0 30px 26px -16px #3a220e73}.table__top:before,.table__top:after{content:"";position:absolute;bottom:-52px;width:clamp(14px,1.6vw,22px);height:40px;background:linear-gradient(90deg,#6e4527,#94613a 45%,#6e4527);border-radius:0 0 3px 3px;pointer-events:none}.table__top:before{left:5%}.table__top:after{right:5%}.table__top img{box-shadow:0 12px 14px -9px #2816088c,0 2px 3px #2816082e}.table__top a{color:inherit}
/*# sourceMappingURL=/cdn/shop/t/20/assets/aibooks-box.css.map */