.confirm-page-container-summary { padding: 16px 24px; background-color: #f9fafa; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-evenly; &__origin, &__action-row { padding-bottom: 8px; } &__origin { @include H6; } &__action-row { display: flex; justify-content: space-between; } &__action { @include H7; color: var(--oslo-gray); padding: 3px 8px; border: 1px solid var(--oslo-gray); border-radius: 4px; display: inline-flex; align-items: center; &__name { text-transform: uppercase; } .info-tooltip { margin-inline-start: 4px; &__tooltip-container { margin-bottom: -3px; } } &__contract-address { margin-inline-end: 4px; } &__contract-address-btn { background: none; border: none; padding: 0; margin-inline-end: 4px; color: var(--primary-1); } } &__nonce { color: var(--oslo-gray); } &__title { display: flex; align-items: center; } &__icon { flex: 0 0 auto; margin-right: 8px; } &__title-text { @include H1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } &__subtitle { @include H5; color: var(--oslo-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } &--border { border-bottom: 1px solid var(--geyser); } }