.babel-book-loader{--bb-shelf-purple:#7c5cbf;--bb-shelf-stroke:#2d2d2d;--bb-shelf-page:#d8b4fe;--bb-shelf-page-soft:#ede4fb;--bb-shelf-page-back:#c4b5fd;--bb-border-w:clamp(2px, calc(var(--bb-w,52px) * .072), 4px);--bb-radius:clamp(2px, calc(var(--bb-w,52px) * .055), 4px);--bb-page-corner:max(0px, calc(var(--bb-radius) - var(--bb-border-w) * 2 - 4px));vertical-align:middle;flex-direction:column;align-items:center;gap:.35rem;display:inline-flex}.babel-book-loader__row{flex-direction:row;align-items:center;gap:.55rem;display:inline-flex}.babel-book-loader--book-only .babel-book-loader__row{gap:0}.babel-book-loader__caption{color:var(--soy-text-muted,#9ca3af);letter-spacing:.02em;text-align:center;max-width:12rem;font-size:.68rem;line-height:1.25}.babel-book-loader__shell{width:var(--bb-w,52px);height:var(--bb-h,42px);box-sizing:border-box;border:var(--bb-border-w) solid var(--bb-shelf-stroke);border-radius:var(--bb-radius);background:var(--bb-shelf-purple);flex-direction:column;flex-shrink:0;min-height:0;padding:4px;display:flex;position:relative;overflow:hidden}.babel-book-loader__shell:before{content:"";inset:var(--bb-border-w);pointer-events:none;z-index:0;border-radius:max(0px, calc(var(--bb-radius) - var(--bb-border-w)));background:linear-gradient(#0000 0% 22%,#2d2d2d1f 22% 28%,#0000 28% 62%,#2d2d2d1f 62% 68%,#0000 68%);position:absolute}.babel-book-loader__spread{grid-template-columns:minmax(0, 1fr) var(--bb-border-w) minmax(0, 1fr);box-sizing:border-box;border:var(--bb-border-w) solid var(--bb-shelf-stroke);border-radius:max(0px, calc(var(--bb-radius) - var(--bb-border-w) - 4px));z-index:1;flex:auto;align-items:stretch;column-gap:0;width:100%;min-height:0;display:grid;position:relative}.babel-book-loader__left{background:var(--bb-shelf-page);border-radius:var(--bb-page-corner) 0 0 var(--bb-page-corner);box-sizing:border-box;border:none;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:4px;display:flex}.babel-book-loader__spine{width:var(--bb-border-w);background:var(--bb-shelf-stroke);z-index:4;border-radius:1px;align-self:stretch}.babel-book-loader__right-wrap{perspective:140px;perspective-origin:0%;min-width:0;position:relative}.babel-book-loader__right-base{background:linear-gradient(118deg, var(--bb-shelf-page) 0%, var(--bb-shelf-page) 46%, var(--bb-shelf-page-soft) 46%, var(--bb-shelf-page-soft) 100%);border-radius:0 var(--bb-page-corner) var(--bb-page-corner) 0;box-sizing:border-box;border:none;flex-direction:column;justify-content:center;gap:2px;padding:4px;display:flex;position:absolute;inset:0}.babel-book-loader__line{opacity:.95;background:#2d2d2d4d;border-radius:1px;height:2px}.babel-book-loader__flip{transform-style:preserve-3d;transform-origin:0;z-index:3;position:absolute;inset:0}.babel-book-loader__flip-face{box-sizing:border-box;backface-visibility:hidden;border-radius:0 var(--bb-page-corner) var(--bb-page-corner) 0;border:none;flex-direction:column;justify-content:center;gap:2px;padding:4px;display:flex;position:absolute;inset:0}.babel-book-loader__flip-face--front{background:linear-gradient(118deg, var(--bb-shelf-page) 0%, var(--bb-shelf-page) 50%, var(--bb-shelf-page-soft) 50%, var(--bb-shelf-page-soft) 100%)}.babel-book-loader__flip-face--back{background:var(--bb-shelf-page-back);transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.babel-book-loader__flip{transform:rotateY(0)!important}}