.playtrace-brand {
    display: flex;
    width: fit-content;
    gap: 11px;
    align-items: center;
    color: var(--color-text-primary);
    text-decoration: none;
}

.playtrace-brand:focus-visible {
    outline: var(--focus-ring);
    outline-offset: 4px;
}

.playtrace-brand-mark {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    width: 25px;
    height: 34px;
    border-radius: 7px;
    background: var(--color-brand-mark);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.playtrace-brand-mark-inner {
    position: absolute;
    inset: 7px 7px 7px 5px;
    border-radius: 4px;
    background: var(--color-page-background);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}