/* Shared visual contract for the catalog selector on chat and multimedia pages. */
.unified-format-option {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    border: 1px solid transparent;
}

.unified-format-option[aria-selected="true"] {
    border-color: rgba(2, 115, 168, .42);
    background: var(--dropdown-selected);
}

.unified-aspect-icon {
    width: 30px;
    height: 24px;
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.unified-aspect-icon > span {
    display: block;
    box-sizing: border-box;
    min-width: 7px;
    min-height: 7px;
    max-width: 28px;
    max-height: 20px;
    border: 1.7px solid currentColor;
    border-radius: 2px;
}