@charset "utf-8";

.pwa-notification[_ngcontent-ng-c1150771844] { --stb-tooltip-margin-top: 0; --stb-tooltip-margin-bottom: 0; --stb-tooltip-gradient: linear-gradient(180deg, transparent, rgb(254 238 212) 65%); --stb-tooltip-index: 1000; position: fixed; inset-inline: 0px; top: var(--stb-tooltip-top-position, auto); bottom: var(--stb-tooltip-bottom-position, auto); z-index: var(--stb-tooltip-index); overflow: hidden; max-width: 520px; margin-inline: auto; padding: 13px 12px; animation: _ngcontent-ng-c1150771844_tooltip-in var(--stb-sidebars-transition-time); }

@media (orientation: portrait) {
  .pwa-notification[_ngcontent-ng-c1150771844] { --stb-tooltip-index: 9; overflow: visible; }
  .pwa-notification[_ngcontent-ng-c1150771844]::before { position: absolute; inset: -39px 0px 0px; background: var(--stb-tooltip-gradient); content: ""; }
}

.pwa-notification__container[_ngcontent-ng-c1150771844] { display: flex; align-items: center; gap: 12px; margin: var(--stb-tooltip-margin-top) auto var(--stb-tooltip-margin-bottom) auto; padding: 12px; border-radius: 16px; border: 2px double transparent; background-image: var(--stb-gradient-2600),var(--stb-gradient-2500-reverted); background-clip: padding-box, border-box; background-origin: border-box; box-shadow: var(--stb-shadow-secondary); transform: translateZ(0px); }

.pwa-notification__image[_ngcontent-ng-c1150771844] { flex-shrink: 0; width: 48px; height: 48px; }

.pwa-notification--top[_ngcontent-ng-c1150771844] { --stb-tooltip-translate-from: -100%; --stb-tooltip-top-position: 0; --stb-tooltip-margin-top: 0; }

.pwa-notification--top[_ngcontent-ng-c1150771844] .pwa-notification__container[_ngcontent-ng-c1150771844] { flex-direction: row-reverse; }

.pwa-notification--bottom[_ngcontent-ng-c1150771844] { --stb-tooltip-translate-from: 100%; --stb-tooltip-bottom-position: 0; --stb-tooltip-margin-bottom: 0; }

@media screen and (min-aspect-ratio: 12 / 9) and (max-width: 1279px) {
  .pwa-notification--bottom[_ngcontent-ng-c1150771844] { --stb-tooltip-translate-from: -100%; --stb-tooltip-top-position: 0; overflow: inherit; height: 0px; }
}

.pwa-notification[_ngcontent-ng-c1150771844] .text[_ngcontent-ng-c1150771844] { display: flex; flex: 1 1 0%; flex-flow: column; gap: 2px; }

.pwa-notification[_ngcontent-ng-c1150771844] .text__icon[_ngcontent-ng-c1150771844] { display: inline-block; color: var(--stb-text-primary); }

.pwa-notification[_ngcontent-ng-c1150771844] .text__icon--aligned[_ngcontent-ng-c1150771844] { vertical-align: middle; }

.pwa-notification[_ngcontent-ng-c1150771844] .close-button[_ngcontent-ng-c1150771844] { color: var(--stb-text-secondary); opacity: 0.5; }

@keyframes _ngcontent-ng-c1150771844_tooltip-in { 
  0% { opacity: 0; transform: translateY(var(--stb-tooltip-translate-from)); }
}