.character-art{background:#241c2e;display:block;position:relative;overflow:hidden}.character-art .character-art__image{object-fit:cover;object-position:center 28%;width:100%;height:100%;position:absolute;inset:0}.character-art--avatar .character-art__image{object-position:center}.character-art__initial{color:#edc4e1;width:100%;height:100%;font:inherit;background:linear-gradient(145deg,#452b50,#20192c);place-items:center;display:grid}.rs-portrait-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;align-self:flex-start;padding:0;display:block}.rs-portrait-button:hover{box-shadow:0 0 0 2px #f0a1cb80}.rs-speaker-button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.rs-speaker-button:hover{text-underline-offset:3px;text-decoration:underline}.rs-portrait-button:focus-visible,.rs-speaker-button:focus-visible{outline-offset:4px;outline:2px solid #f0a1cb}.rc-modal.rc-character-profile{width:min(860px,100%)}.rc-character-profile>.rc-modal__head{z-index:2;background:#1c1520f5;padding-block:8px;position:sticky;top:-24px}.character-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.character-details__art{aspect-ratio:3/4;border-radius:16px;width:100%}.character-details__info{overflow-wrap:anywhere;min-width:0;padding-block:12px}.character-details__title{color:#f0a1cb;margin:0 0 6px;font-size:13px}.character-details__info h2{letter-spacing:-.04em;margin:0 0 16px;font-size:28px}.character-details__tags{flex-wrap:wrap;gap:6px;display:flex}.character-details__tags span{color:#dfbfd9;background:#f0a1cb14;border-radius:999px;padding:4px 8px;font-size:12px}.character-details__info blockquote{color:#f3d9e9;border-left:2px solid #e89ac0;margin:24px 0;padding:0 0 0 14px;font-style:normal;line-height:1.8}.character-details__info h3{margin:24px 0 8px;font-size:14px}.character-details__description{color:#e1d8e8;margin:0;font-size:15px;line-height:1.8}.character-details__story{color:#b9a9c5;margin:20px 0 0;font-size:12px}.character-details__actions{margin-top:24px}@media (max-width:639px){.rc-modal.rc-character-profile{padding:20px}.rc-character-profile>.rc-modal__head{top:-20px}.character-details{grid-template-columns:minmax(0,1fr);gap:12px}.character-details__art{max-width:360px;margin-inline:auto}.character-details__info{padding-block:8px}}
