.readmade-reader-dialog { position: fixed; inset: 0; display: flex; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: #f7f4ef; box-shadow: 0 28px 100px #100d1766; }
.readmade-reader-dialog[open] { display: flex; }
.readmade-reader-dialog::backdrop { background: #17131dc7; backdrop-filter: blur(4px); }
.readmade-reader-dialog__frame { display: block; flex: 1 1 auto; min-width: 0; min-height: 0; border: 0; border-radius: inherit; background: #f7f4ef; }
.readmade-reader-dialog__close { position: absolute; z-index: 3; top: 10px; right: clamp(8px, 2vw, 20px); display: grid; width: 38px; height: 38px; place-items: center; padding: 0; border: 1px solid #ffffffab; border-radius: 10px; background: #fffefaed; color: #28242e; font: 700 22px/1 system-ui, sans-serif; box-shadow: 0 2px 9px #19151c24; cursor: pointer; }
.readmade-reader-dialog__close:hover { border-color: #6138c6; color: #6138c6; }
.readmade-reader-dialog__close:focus-visible { outline: 3px solid #6138c6; outline-offset: 2px; }
@media (max-width: 640px) {
  .readmade-reader-dialog { inset: 0; width: 100vw; height: 100vh; height: 100dvh; border: 0; border-radius: 0; }
  .readmade-reader-dialog__frame { border-radius: 0; }
  .readmade-reader-dialog__close { top: 8px; right: 5px; width: 28px; height: 30px; border-radius: 7px; }
}