.request-signature { &__container { width: 380px; border-radius: 8px; background-color: $white; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08); display: flex; flex-flow: column nowrap; z-index: 25; align-items: center; font-family: Roboto; position: relative; height: 100%; @media screen and (max-width: $break-small) { width: 100%; top: 0; box-shadow: none; } } &__header { height: 64px; width: 100%; position: relative; display: flex; flex-flow: column; justify-content: center; align-items: center; } &__header-background { position: absolute; background-color: $athens-grey; z-index: 2; width: 100%; height: 100%; } &__header__text { height: 29px; width: 179px; color: #5B5D67; font-family: Roboto; font-size: 22px; font-weight: 300; line-height: 29px; z-index: 3; } &__header__tip-container { width: 100%; display: flex; justify-content: center; } &__header__tip { height: 25px; width: 25px; background: $athens-grey; transform: rotate(45deg); position: absolute; bottom: -8px; z-index: 1; } &__account-info { display: flex; justify-content: space-between; margin-top: 18px; margin-bottom: 20px; } &__account { color: $dusty-gray; margin-left: 17px; } &__account-text { font-size: 14px; } &__balance { color: $dusty-gray; margin-right: 17px; width: 124px; } &__balance-text { text-align: right; font-size: 14px; } &__balance-value { text-align: right; margin-top: 2.5px; } &__request-icon { margin-top: 25px; } &__body { width: 100%; height: 100%; display: flex; flex-flow: column; } &__request-info { display: flex; justify-content: center; } &__headline { height: 48px; width: 240px; color: $tundora; font-family: Roboto; font-size: 18px; font-weight: 300; line-height: 24px; text-align: center; margin-top: 20px; } &__notice { color: #9B9B9B; font-family: "Avenir Next"; font-size: 14px; line-height: 19px; text-align: center; margin-top: 41px; margin-bottom: 11px; width: 100%; } &__rows { height: 100%; overflow-y: scroll; overflow-x: hidden; border-top: 1px solid $geyser; display: flex; flex-flow: column; padding-right: 4px; } &__row { display: flex; flex-flow: column; border-bottom: 1px solid $geyser; } &__row-title { width: 80px; color: $dusty-gray; font-family: Roboto; font-size: 16px; line-height: 22px; margin-top: 12px; margin-left: 18px; width: 100%; } &__row-value { color: $scorpion; font-family: Roboto; font-size: 14px; line-height: 19px; margin-top: 6px; margin-bottom: 15px; margin-left: 18px; width: 95%; overflow-wrap: break-word; } &__footer { height: 108px; width: 100%; display: flex; align-items: center; justify-content: space-evenly; font-size: 22px; position: relative; &__cancel-button, &__sign-button { display: flex; align-items: center; justify-content: center; flex: 1 0 auto; font-family: Roboto; font-size: 16px; font-weight: 300; height: 55px; line-height: 32px; cursor: pointer; border-radius: 2px; box-shadow: none; max-width: 162px; } &__cancel-button { background: none; border: 1px solid $dusty-gray; } &__sign-button { background-color: $caribbean-green; border-width: 0; color: $white; } } }