.fusion-carousel-item-wrapper:has(.hohyte-bubble) {
display: grid !important;
grid-template-columns: 145px auto auto 1fr;
grid-template-rows: auto auto;
align-items: center;
column-gap: 0; row-gap: 30px;
padding: 0 !important;
overflow: visible !important;
--awb-overflow: visible !important;
} .swiper-slide:has(.hohyte-bubble) {
overflow: visible !important;
}  .hohyte-bubble {
grid-column: 1 / -1;
grid-row: 1;
position: relative;
background: #f5f5f5 !important;
border: none !important; border-radius: 0 !important;
padding: 1.25em 1.5em !important; color: #747474 !important;
font-style: italic !important;
font-size: 18px !important; line-height: 30px !important; letter-spacing: 2px !important; text-align: left !important;
overflow: visible !important;
box-shadow: none !important;
z-index: 2;
}
.hohyte-bubble p {
margin: 0 !important;
}
.hohyte-bubble p + p {
margin-top: 0.6em !important;
} .hohyte-bubble::after {
content: "";
position: absolute;
left: 108px;
bottom: -11px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-width: 11px 11px 0; border-top-color: #f5f5f5;
margin-left: -11px;
z-index: 3;
} .hohyte-avatar {
grid-column: 1;
grid-row: 2;
--awb-aspect-ratio: auto !important;
overflow: visible !important;
border-radius: 0 !important;
} .hohyte-avatar .fusion-image-wrapper {
z-index: auto !important;
border-radius: 0 !important;
overflow: visible !important;
}
.hohyte-avatar a {
border-radius: 0 !important;
overflow: visible !important;
}
.hohyte-avatar img {
width: 100% !important;
height: auto !important;
aspect-ratio: auto !important;
border-radius: 0 !important;
display: block;
} .hohyte-avatar:not(:has(img)) {
width: 108.75px; height: 108.75px !important; border-radius: 0 !important; background: transparent !important; display: flex !important;
align-items: center;
justify-content: center;
color: #747474 !important; font-family: awb-icons !important;
font-size: 80px !important; line-height: 1 !important;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hohyte-avatar:not(:has(img))::before {
content: "\e61b"; font-family: awb-icons !important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
} .hohyte-avatar.male:not(:has(img))::before {
content: "\e61a"; }
.hohyte-avatar.female:not(:has(img))::before {
content: "\e61b"; } .hohyte-name {
grid-column: 2;
grid-row: 2;
margin: 0 0 0 1em !important; padding: 0 !important;
color: #747474 !important; font-weight: 700 !important; font-size: 1rem !important; line-height: 1.3 !important;
}
.hohyte-name p {
margin: 0 !important;
display: inline !important;
}
.hohyte-sub {
grid-column: 3;
grid-row: 2;
margin: 0 !important;
padding: 0 !important;
color: #747474 !important;
font-weight: 400 !important; font-size: 1rem !important; line-height: 1.3 !important;
} .hohyte-sub::before {
content: ", ";
} .hohyte-sub:empty::before,
.hohyte-sub:has(p:empty):not(:has(p:not(:empty)))::before {
content: "";
}
.hohyte-sub p {
margin: 0 !important;
display: inline !important;
} @media (max-width: 480px) {
.fusion-carousel-item-wrapper:has(.hohyte-bubble) {
grid-template-columns: 90px auto auto 1fr;
}
.hohyte-bubble::after {
left: 68px; }
.hohyte-avatar:not(:has(img)) {
width: 67.5px; height: 67.5px !important;
font-size: 50px !important; }
}