.dialog-album-name{width:400px}#od4AlbumModal.open .dialog-album-name{transform-origin:bottom center;animation:od4-album-modal-enter .22s cubic-bezier(.34,1.2,.64,1) both}@keyframes od4-album-modal-enter{0%{opacity:0;transform:scale(.93) translateY(var(--spacing-80))}to{opacity:1;transform:none}}.od4-album-name-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-160)}.od4-album-name-illustration-wrap{display:flex;align-items:center;justify-content:center}.od4-album-name-illustration{width:40%;max-width:100%;height:auto;display:none}.od4-album-name-illustration-dark{display:block}[data-theme=light] .od4-album-name-illustration-dark{display:none}[data-theme=light] .od4-album-name-illustration-light{display:block}.od4-album-name-content .text-input{text-align:center;width:100%;background:transparent;border:none;border-bottom:1px solid var(--stroke-neutral-1-rest);border-radius:0;padding-inline:0}.od4-album-name-content .text-input:hover:not(:disabled):not(:focus):not([readonly]){border-bottom-color:var(--stroke-neutral-1-hover)}.od4-album-name-content .text-input:focus{border-bottom-color:var(--stroke-neutral-1-rest);box-shadow:inset 0 -2px 0 0 var(--stroke-brand-1-rest)}.od4-album-name-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}