.q-book{--q-book-width:var(--q-book-sm,196);--q-book-color:var(--ss-primary);--q-book-cover:#fafafa;--q-book-back:#ebebeb;--q-book-ink:#171717;--q-book-depth:29cqw;--q-book-shadow:0 1px 1px rgba(0,0,0,.02),0 4px 8px -4px rgba(0,0,0,.1),0 16px 24px -8px rgba(0,0,0,.03);display:inline-block;perspective:900px;flex:0 1 auto;color:var(--q-book-ink)}.q-book__rotate{position:relative;width:calc(var(--q-book-width) * 1px);min-width:calc(var(--q-book-width) * 1px);aspect-ratio:49/60;container-type:inline-size;transform-style:preserve-3d;transform:translateZ(0);transition:transform 250ms ease-out}.q-book:hover .q-book__rotate{transform:rotateY(-20deg) scale(1.066) translateX(-8px)}.q-book__cover{position:absolute;inset:0;display:flex;flex-direction:column;min-width:100%;overflow:hidden;border-radius:6px 4px 4px 6px;background:var(--q-book-cover);box-shadow:var(--q-book-shadow);transform:translateZ(0)}.q-book__stripe{position:relative;display:flex;align-items:stretch;flex:1;gap:8px;overflow:hidden;background:var(--q-book-color);transform:translateZ(0)}.q-book__stripe>.q-book__bind{position:absolute;inset:0 auto 0 0;width:8.2%}.q-book__body{display:flex;align-items:stretch;flex:0 1 auto}.q-book__bind{min-width:8.2%;width:8.2%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 12%,rgba(255,255,255,.25) 29.25%,rgba(255,255,255,0) 50.5%,rgba(255,255,255,0) 75.25%,rgba(255,255,255,.25) 91%,rgba(255,255,255,0) 100%),linear-gradient(90deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.1) 12%,rgba(0,0,0,0) 30%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.2) 73.5%,rgba(0,0,0,.5) 75.25%,rgba(0,0,0,.15) 85.25%,rgba(0,0,0,0) 100%)}.q-book__content{display:flex;flex-direction:column;align-items:stretch;flex:0 1 auto;width:100%;padding:6.1cqw;gap:calc(24px * var(--q-book-width) / 196);container-type:inline-size}.q-book__title{display:block;margin:0;font-family:QuoterGeist,Arial,sans-serif;font-size:10.5cqw;font-weight:600;line-height:13.125cqw;letter-spacing:-.02em;color:var(--q-book-ink)}.q-book__content>svg,.q-book__content>img{flex-shrink:0}.q-book__mark{width:16px;height:16px}.q-book[data-variant=simple] .q-book__body{height:100%}.q-book[data-variant=simple] .q-book__content{gap:calc(16px * var(--q-book-width) / 196)}.q-book[data-variant=simple] .q-book__title{font-size:12cqw;line-height:15cqw}.q-book[data-variant=simple][data-custom-color=true]{--q-book-cover:var(--q-book-color);--q-book-back:var(--q-book-color)}.q-book__pages{position:absolute;top:3px;bottom:3px;left:0;width:calc(var(--q-book-depth) - 2px);background:linear-gradient(90deg,#eaeaea,transparent 70%),linear-gradient(#fff,#fafafa);transform:translate3d(calc(100cqw - var(--q-book-depth) / 2 - 3px),0,calc(var(--q-book-depth) / -2)) rotateY(90deg)}.q-book__back{position:absolute;inset:0;border-radius:6px 4px 4px 6px;background:var(--q-book-back);transform:translateZ(calc(-1 * var(--q-book-depth)))}.q-book__texture{position:absolute;inset:0;background:url('../assets/book-paper.avif') no-repeat 0 0/cover;mix-blend-mode:hard-light;transform:rotate(180deg);pointer-events:none}.q-book[data-textured=true] .q-book__pages{background:repeating-linear-gradient(90deg,#fff,#efefef 1px,#fff 3px,#9a9a9a 1px)}[data-theme=dark] .q-book{--q-book-cover:linear-gradient(rgba(255,255,255,.1),transparent 50%),#1f1f1f;--q-book-back:#1f1f1f;--q-book-ink:#ededed;--q-book-shadow:0 1.8px 3.6px rgba(0,0,0,.05),0 10.8px 21.6px rgba(0,0,0,.08),inset 0 -.9px 0 rgba(0,0,0,.1),inset 0 1.8px 1.8px rgba(255,255,255,.1),inset 3.6px 0 3.6px rgba(0,0,0,.1)}[data-theme=dark] .q-book[data-variant=simple][data-custom-color=true]{--q-book-cover:linear-gradient(rgba(255,255,255,.1),transparent 50%),var(--q-book-color);--q-book-back:var(--q-book-color)}@media(max-width:400px){.q-book{--q-book-width:var(--q-book-xs,var(--q-book-sm,196))}}@media(min-width:601px) and (max-width:768px){.q-book{--q-book-width:var(--q-book-smd,var(--q-book-md,var(--q-book-sm,196)))}}@media(min-width:769px) and (max-width:960px){.q-book{--q-book-width:var(--q-book-md,var(--q-book-smd,var(--q-book-sm,196)))}}@media(min-width:961px){.q-book{--q-book-width:var(--q-book-lg,var(--q-book-md,var(--q-book-smd,var(--q-book-sm,196))))}}

.q-book__title{text-wrap:balance}
.q-book__body>.q-book__bind{opacity:.2}
.q-book__stripe>.q-book__bind{mix-blend-mode:overlay}
.q-book__cover::after{content:"";position:absolute;inset:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.08);border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 2px #ffffff4d}
[data-theme=dark] .q-book__cover::after{border:none}
[data-theme=dark] .q-book[data-variant=simple]:not([data-custom-color=true]) .q-book__cover::after{box-shadow:inset 0 1px 2px #ffffff1a}
.q-book[data-variant=simple][data-custom-color=true] .q-book__body>.q-book__bind{mix-blend-mode:overlay;opacity:1}
[data-theme=dark] .q-book[data-variant=simple][data-custom-color=true]{--q-book-cover:var(--q-book-color)}
.q-book[data-variant=simple] .q-book__title{text-shadow:0 .025em .5px color-mix(in srgb,var(--q-book-color) 80%,white 20%),-.02em -.02em .5px color-mix(in srgb,var(--q-book-color) 80%,black 20%)}
.q-book__texture{opacity:.5;filter:brightness(1.1)}
[data-theme=dark] .q-book__texture{opacity:1;filter:brightness(1)}
.q-book[data-variant=simple]:not([data-custom-color=true]){--q-book-color:var(--q-gray-200,#ebebeb)}