.editable-book-name_display__D8EYs,.editable-book-name_form__ANt98{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;grid-gap:4px;gap:4px;width:100%;min-width:0;height:44px;margin:0;box-sizing:border-box}.editable-book-name_display__D8EYs .editable-book-name_name__TGXaD{grid-column:1}.editable-book-name_display__D8EYs button{grid-column:3;width:44px;padding:8px}.editable-book-name_display__D8EYs .editable-book-name_name__TGXaD{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font:400 1.1rem/1.3 var(--font-serif,"Times New Roman",serif)}.editable-book-name_form__ANt98{flex-wrap:nowrap}.editable-book-name_form__ANt98 .editable-book-name_input__aMe08{flex:1 1 160px;width:100%;max-width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 10px;border:1px solid #6e7b70;border-radius:6px;background:#fffaf0;color:#183d35;font:400 16px/1.4 var(--font-serif,"Times New Roman",serif);text-align:left}.editable-book-name_display__D8EYs button,.editable-book-name_form__ANt98 button{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #6e7b70;border-radius:6px;background:#fffaf0;color:#183d35;font:500 .85rem/1.3 var(--font-sans,system-ui,sans-serif);cursor:pointer}.editable-book-name_display__D8EYs button:hover,.editable-book-name_form__ANt98 button:hover{background:#eae2d3}.editable-book-name_form__ANt98 button[type=submit]{background:#234b40;color:#fffaf0;border-color:#234b40}.editable-book-name_display__D8EYs button:focus-visible,.editable-book-name_form__ANt98 :focus-visible{outline:3px solid #a34432;outline-offset:2px}.editable-book-name_form__ANt98 .editable-book-name_error__GDzWK{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:50;margin:0;padding:8px;color:#8d2e26;background:#fff1ed;border:1px solid #8d2e26;border-radius:6px;font:400 .85rem/1.4 var(--font-sans,system-ui,sans-serif)}