.empty-state { align-items: center; color: $grey; background: $ui-gray-010; display: flex; justify-content: center; padding: $spacing-xxl $spacing-s; box-shadow: 0 -2px 0 -1px $ui-gray-300; } .empty-state-transparent { align-items: center; color: $grey; background: transparent; display: flex; justify-content: center; padding: $spacing-xxl 0; box-shadow: none; } .empty-state-content { max-width: 320px; } .empty-state-title { color: $grey; font-size: $size-4; font-weight: $font-weight-semibold; line-height: 1.2; margin-bottom: $spacing-xs; } .empty-state-subTitle { font-size: $size-7; margin-top: -10px; padding-bottom: $spacing-s; } .empty-state-message.has-border-bottom-light { padding-bottom: $spacing-s; } .empty-state-actions { margin-top: $spacing-xs; display: flex; justify-content: space-between; a, .link, a:not(.button):not(.file-delete-button):not(.tag) { color: $blue; font-size: $size-8; font-weight: $font-weight-semibold; text-decoration: none; } > * + * { margin-left: $spacing-s; margin-right: $spacing-s; } } .empty-state-icon > .hs-icon, .empty-state-icon > .flight-icon { float: left; margin-right: $spacing-xs; }