.detail-character-container{margin-top:27px;display:flex;max-width:690px;flex-direction:column;row-gap:1.5rem}@media (min-width: 768px){.detail-character-container{row-gap:3rem}}.detail-character-image{aspect-ratio:1 / 1;overflow:hidden;border-radius:1.5rem}@media (min-width: 768px){.detail-character-image{border-radius:56px}}.detail-character-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.detail-author-container{margin-top:27px;display:flex;max-width:502px;flex-direction:column;border-radius:52px;background-color:#00020699;padding:1rem 1.5rem 3rem}.detail-author-header{display:flex;flex-direction:column;row-gap:.5rem}.detail-author-header-image{aspect-ratio:1 / 1;max-height:460px;max-width:454px;overflow:hidden;border-radius:1.5rem}@media (min-width: 768px){.detail-author-header-image{border-radius:49px}}.detail-author-header-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.detail-author-header-name{text-align:center;font-family:Archivo,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(211 237 5 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.detail-author-header-name{text-align:left;font-size:32px}}.detail-author-header-name{line-height:170%;letter-spacing:0em}.detail-author-content.rich-text-section{margin-top:1.5rem}@media (min-width: 768px){.detail-author-content.rich-text-section{margin-top:4rem}}.detail-author-socials{margin-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-around}@media (min-width: 768px){.detail-author-socials{margin-top:4rem}}@media (min-width: 1536px){.detail-author-socials{gap:2.5rem}}.detail-author-socials svg{width:2.5rem}@media (min-width: 1024px){.detail-author-socials svg{width:3.5rem}}@media (min-width: 1280px){.detail-author-socials svg{width:70px}}.container-charactrer-detail{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));justify-content:space-between;-moz-column-gap:2.5rem;column-gap:2.5rem;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 768px){.container-charactrer-detail{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0;padding-right:0}}@media (min-width: 1280px){.container-charactrer-detail{display:flex}}.container-charactrer-detail+.container-charactrer-detail{margin-top:2.5rem}@media (min-width: 768px){.container-charactrer-detail+.container-charactrer-detail{margin-top:5rem}}