.nb-book{--cover:oklch(72% .12 75);--spine:oklch(58% .11 65);--pattern:none;--pattern-size:auto;aspect-ratio:3/4;background-color:var(--cover);background-image:var(--pattern);background-size:var(--pattern-size);border-start-start-radius:3px;border-start-end-radius:12px;border-end-end-radius:12px;border-end-start-radius:3px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 2px oklch(0% 0 0/.1),0 8px 18px -8px oklch(0% 0 0/.35)}.nb-book:before{content:"";background:var(--spine);width:11%;position:absolute;inset-block:0;inset-inline-start:0}.nb-book:after{content:"";background:oklch(100% 0 0/.22);width:2px;position:absolute;inset-block:0;inset-inline-start:11%;box-shadow:0 0 0 1px oklch(0% 0 0/.06)}a:hover>.nb-book,a:focus-visible>.nb-book,.nb-book[data-lifted=true]{transform:translateY(-2px);box-shadow:0 2px 4px oklch(0% 0 0/.12),0 14px 26px -10px oklch(0% 0 0/.4)}.nb-label{color:oklch(25% .015 260);background:oklch(98.5% .008 90/.92);box-shadow:0 1px 2px oklch(0% 0 0/.15)}.nb-book[data-cover=amber]{--cover:oklch(74% .12 75);--spine:oklch(60% .11 65)}.nb-book[data-cover=terracotta]{--cover:oklch(64% .12 42);--spine:oklch(52% .11 38)}.nb-book[data-cover=sage]{--cover:oklch(74% .06 145);--spine:oklch(60% .06 150)}.nb-book[data-cover=teal]{--cover:oklch(60% .08 200);--spine:oklch(48% .07 205)}.nb-book[data-cover=indigo]{--cover:oklch(50% .1 268);--spine:oklch(40% .09 268)}.nb-book[data-cover=plum]{--cover:oklch(52% .09 335);--spine:oklch(42% .08 335)}.nb-book[data-cover=graphite]{--cover:oklch(40% .015 260);--spine:oklch(30% .015 260)}.nb-book[data-cover=linen]{--cover:oklch(87% .035 82);--spine:oklch(70% .06 70);--pattern:repeating-linear-gradient(0deg, oklch(0% 0 0/.045) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, oklch(100% 0 0/.16) 0 1px, transparent 1px 3px)}.nb-book[data-cover=dots]{--cover:oklch(42% .07 255);--spine:oklch(33% .06 255);--pattern:radial-gradient(oklch(86% .08 80/.6) 1.3px, transparent 1.8px);--pattern-size:12px 12px}.nb-book[data-cover=grid]{--cover:oklch(95% .012 90);--spine:oklch(60% .07 245);--pattern:linear-gradient(oklch(60% .06 245/.22) 1px, transparent 1px), linear-gradient(90deg, oklch(60% .06 245/.22) 1px, transparent 1px);--pattern-size:14px 14px}.nb-book[data-cover=waves]{--cover:oklch(62% .08 195);--spine:oklch(50% .07 200);--pattern:radial-gradient(circle at 50% 100%, transparent 7px, oklch(100% 0 0/.2) 7.5px 9px, transparent 9.5px);--pattern-size:20px 11px}.nb-book[data-cover=stripes]{--cover:oklch(73% .08 18);--spine:oklch(58% .09 18);--pattern:repeating-linear-gradient(135deg, oklch(100% 0 0/.17) 0 6px, transparent 6px 15px)}.dark .nb-book{filter:brightness(.86)saturate(.95);box-shadow:0 1px 2px oklch(0% 0 0/.4),0 8px 18px -8px oklch(0% 0 0/.7)}.nb-page{transition:transform .15s,box-shadow .15s;box-shadow:0 1px 2px oklch(0% 0 0/.06),0 6px 14px -8px oklch(0% 0 0/.22)}a:hover>.nb-page,a:focus-visible>.nb-page{transform:translateY(-1px)}.dark .nb-page{box-shadow:0 1px 2px oklch(0% 0 0/.4),0 6px 14px -8px oklch(0% 0 0/.6)}