.bookbox{border-radius:max(var(--radius,8px), 8px);color:#1f2421;background:#fff;border:0;width:min(100vw - 2rem,980px);max-width:none;height:min(100dvh - 2rem,860px);max-height:none;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 90px -20px #0000008c}.bookbox::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e0c9e}.bookbox__panel{grid-template-rows:auto 1fr;height:100%;display:grid;position:relative}.bookbox__bar{font:600 .95rem/1.2 var(--font-body,system-ui);border-bottom:1px solid #0000001a;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.1rem;display:flex}.bookbox__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bookbox__out{color:inherit;white-space:nowrap;font-size:.85rem;font-weight:600}.bookbox__close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.bookbox__close:hover{background:#0000000f}.bookbox__close svg{width:22px;height:22px}.bookbox__frame{background:#fff;border:0;width:100%;height:100%}.bookbox__loading{text-align:center;color:#5b625e;margin:0;position:absolute;inset:60px 0 auto}@media (max-width:640px){.bookbox{border-radius:0;width:100vw;height:100dvh}.bookbox__out{display:none}}