.avatar img{border-radius:50%;overflow:hidden}
.panel{min-height:100dvh;padding-block:var(--gap);align-items:center;display:grid}
.summary{margin-block:var(--gap);flex-direction:column-reverse;display:flex}.summary__details{width:100%}.summary__summary{border-bottom:2px solid var(--color-gray-300);-webkit-user-select:none;user-select:none;cursor:pointer;padding-block:5px;font-style:italic;font-weight:700;display:inline-flex;position:relative}.summary__summary::-webkit-details-marker{display:none}.summary__summary:before{content:"";background-color:var(--color-primary);transform-origin:100%;border-radius:2px;width:100%;height:2px;transition:transform .25s ease-in-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.summary__summary:hover:before{transform-origin:0;transform:scaleX(1)}.summary__definition{opacity:0;transition-behavior:allow-discrete;will-change:grid-template-rows,display,opacity;grid-template-rows:0fr;transition-property:grid-template-rows,display,opacity;transition-duration:.5s;transition-timing-function:ease-in-out;display:none}.summary__definition>div{overflow:hidden}.summary__definition>div p:last-child{margin-block-end:var(--gap)}.summary__details[open]+.summary__definition{opacity:1;grid-template-rows:1fr;display:grid}@starting-style{.summary__details[open]+.summary__definition{opacity:0;grid-template-rows:0fr}}
.title{text-wrap:balance;margin-block:var(--gap);line-height:1.25}.title:first-child{margin-block-start:0}.title:last-child{margin-block-end:0}.title--small{font-size:var(--font-size-medium)}.title--medium{font-size:var(--font-size-large)}.title--large{font-size:var(--font-size-huge)}
.wrapper{max-width:600px;padding-inline:var(--gap);margin-inline:auto}.wrapper--small{max-width:400px}.wrapper--medium{max-width:800px}.wrapper--large{max-width:1200px}.wrapper--huge{max-width:1400px}