.messagebleft-container { transition-property: top, right, bottom, left, opacity; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: initial; font-family: Roboto, sans-serif; font-size: 14px; min-height: 14px; background-color: rgb(7, 11, 14); position: fixed; display: flex; justify-content: space-between; align-items: center; color: rgb(255, 255, 255); line-height: 22px; padding-top: 18px; padding-right: 24px; padding-bottom: 18px; padding-left: 24px; bottom: -100px; top: -100px; opacity: 0; z-index: 9999; }.messagebleft-container .action { background-attachment: inherit; background-color: inherit; background-image: inherit; background-position: inherit; background-repeat: inherit; display: inline-block; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; font-size: inherit; text-transform: uppercase; color: rgb(76, 175, 80); margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 24px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; min-width: min-content; cursor: pointer; }@media (min-width: 640px) { .messagebleft-container { min-width: 288px; max-width: 568px; display: inline-flex; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; margin-top: 24px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; } }@media (max-width: 640px) { .messagebleft-container { left: 0; right: 0; width: 100%; } }.messagebleft-pos.bottom-center { top: auto !important; bottom: 0; left: 50%; transform: translate(-50%, 0); }.messagebleft-pos.bottom-left { top: auto !important; bottom: 0; left: 0; }.messagebleft-pos.bottom-right { top: auto !important; bottom: 0; right: 0; }.messagebleft-pos.top-left { bottom: auto !important; top: 0; left: 0; }.messagebleft-pos.top-center { bottom: auto !important; top: 0; left: 50%; transform: translate(-50%, 0); }.messagebleft-pos.top-right { bottom: auto !important; top: 0; right: 0; }@media (max-width: 640px) { .messagebleft-pos.bottom-center, .messagebleft-pos.top-center { left: 0; transform: none; } }.messagebleft { border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 1px; }