@import url("/static/palette.css?v=d087293871ba");
/* A3 deadline information uses the existing quiet text and dialog styles. */
.retention-line{display:block;font:400 13px/1.4 var(--site-body);color:var(--site-muted);margin:4px 0 0;overflow-wrap:anywhere}
.retention-line[hidden]{display:none!important}
.drag-source .retention-line{visibility:hidden}
.studio-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.studio-title-row .retention-line{margin:0;font-size:11px}
.studio-title-row #studioBookName{min-width:0;max-width:100%}
dialog.retention-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;border:1px solid var(--site-line);border-radius:4px;background:var(--site-panel);color:var(--site-ink);width:440px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);overflow:auto;padding:28px;font:14px/1.5 var(--site-body);box-shadow:0 24px 90px color-mix(in srgb, var(--site-ink) 13.3333%, transparent)}
dialog.retention-dialog::backdrop{background:color-mix(in srgb, var(--site-button) 33.3333%, transparent)}
dialog.retention-dialog h2{font-size:20px;line-height:1.4;font-weight:600;margin:0 0 24px;letter-spacing:normal}
dialog.retention-dialog p{font-size:13px;line-height:1.5;color:var(--site-muted);margin:12px 0}
dialog.retention-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
dialog.retention-dialog .creation-button{min-height:44px;padding:0 16px;border:1px solid var(--site-line);border-radius:4px;background:var(--site-panel);color:var(--site-ink);font:inherit;cursor:pointer}
dialog.retention-dialog .primary{background:var(--site-button);border-color:var(--site-ink);color:var(--site-page)}
dialog.retention-dialog .retention-order{width:100%;margin-bottom:16px}
dialog.retention-dialog .retention-link{display:block;background:none;border:0;padding:0;color:var(--site-ink);text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:13px;cursor:pointer}
dialog.retention-dialog :focus-visible{outline:2px solid var(--site-ink);outline-offset:3px}
dialog.retention-dialog :disabled{opacity:.5;cursor:default}
dialog.retention-dialog [hidden]{display:none!important}
@media(max-width:600px){.studio-title-row{gap:0}.studio-title-row .retention-line{flex-basis:100%;font-size:10px;line-height:1.2}}