@import '../../navigation/stylesheets/variables.scss'; .woocommerce-transient-notices { position: absolute; left: $gap; bottom: 100%; margin-bottom: $gap-small; z-index: calc(z-index('.components-snackbar-list') + 1); width: auto; .woocommerce-profile-wizard__body & { left: unset; width: 100%; .components-snackbar { margin-left: auto; margin-right: auto; } } } .components-snackbar { &.components-snackbar-explicit-dismiss { cursor: default; } &__content { white-space: pre-line; } .components-snackbar__content-with-icon { margin-left: 32px; } .components-snackbar__icon { position: absolute; top: 24px; left: 26px; } .components-snackbar__dismiss-button { margin-left: 32px; cursor: pointer; } }