.image {
position: relative;
overflow: hidden;
&__preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
&.loaded &__preview {
display: none;
img {
display: block;
border: 0;
background: transparent;
opacity: 0;
&.loaded img {
opacity: 1;
.link-footer {
flex: 0 0 auto;
padding: 10px;
padding-top: 20px;
z-index: 1;
font-size: 13px;
p {
color: $dark-text-color;
margin-bottom: 20px;
strong {
font-weight: 500;
a {
text-decoration: underline;
&:hover,
&:focus,
&:active {
text-decoration: none;
.about {
padding: 20px;
@media screen and (min-width: $no-gap-breakpoint) {
border-radius: 4px;
&__footer {
text-align: center;
font-size: 15px;
line-height: 22px;
margin-top: 20px;
&__header {
margin-bottom: 30px;
&__hero {
height: auto;
aspect-ratio: 1.9;
background: lighten($ui-base-color, 4%);
border-radius: 8px;
h1,
h1 {
font-size: 24px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: $darker-text-color;
&__meta {
display: flex;
&__column {
box-sizing: border-box;
width: 50%;
&__divider {
width: 0;
border-style: solid;
border-color: lighten($ui-base-color, 8%);
border-left-width: 1px;
min-height: calc(100% - 60px);
h4 {
text-transform: uppercase;
@media screen and (max-width: 600px) {
flex-direction: column;
align-items: center;
min-height: 0;
border-left-width: 0;
border-top-width: 1px;
.layout-multiple-columns & {
&__mail {
color: $primary-text-color;
padding: 0;
margin-top: 60px;
.account {
.account__avatar-wrapper {
margin-left: 0;
.account__relationship {
&__section {
&__title {
font-size: 17px;
font-weight: 600;
color: $highlight-text-color;
cursor: pointer;
&.active &__title {
border-radius: 4px 4px 0 0;
&__body {
border: 1px solid lighten($ui-base-color, 4%);
border-top: 0;
&__domain-blocks {
margin-top: 30px;
border-collapse: collapse;
break-inside: auto;
th {
text-align: left;
thead tr,
tbody tr {
border-bottom: 1px solid lighten($ui-base-color, 8%);
tbody tr:last-child {
border-bottom: 0;
th,
td {
padding: 8px;