.tt-group { position: relative; display: flex; gap: var(--tt-gap); justify-content: var(--tt-group-justify); align-items: var(--tt-group-align); background: var(--tt-group-bg, transparent); color: var(--tt-group-color, inherit); border-radius: var(--tt-group-radius); border: var(--tt-group-border, 0); overflow: hidden; }
.tt-group--vertical { flex-direction: column; }
.tt-group--horizontal { flex-direction: row; }
.tt-group--horizontal.tt-group--wrap { flex-wrap: wrap; }
@media (max-width: 749px) { .tt-group--horizontal:not(.tt-group--wrap) { flex-direction: column; } }
.tt-group--w-fill { width: 100%; } .tt-group--w-fit { width: fit-content; } .tt-group--w-custom { width: var(--tt-group-width, 100%); }
.tt-group--h-fill { height: 100%; } .tt-group--h-fit { height: auto; }
.tt-group__bg { position: absolute; inset: 0; z-index: 0; }
.tt-group__bg img { width: 100%; height: 100%; object-fit: cover; }
.tt-group > :not(.tt-group__bg) { position: relative; z-index: 1; }
.tt-group__link { display: contents; color: inherit; text-decoration: none; }