.page-title {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0
}

.page-icon {
    width: 58px;
    height: 58px;
    border-radius: var(--radius-lg);
    background: var(--tint);
    color: var(--tone);
    display: grid;
    place-items: center;
    flex-shrink: 0
}

@media(max-width:450px) {
    .page-title {
        gap: 12px
    }

    .page-icon {
        width: 46px;
        height: 46px;
        border-radius: var(--radius-lg)
    }

    .page-icon svg {
        width: 22px;
        height: 22px
    }
}