.msgwelcome {
  position: fixed;
  z-index: var(--msgwelcome-z, 999);
  inline-size: min(
    var(--msgwelcome-width, 280px),
    calc(100vw - (2 * var(--msgwelcome-offset-x, 24px)) - env(safe-area-inset-left) - env(safe-area-inset-right))
  );
  color: #fff;
  font: inherit;
  isolation: isolate;
  visibility: visible;
  --msgwelcome-ease-enter: cubic-bezier(.2, 0, 0, 1);
  --msgwelcome-ease-exit: cubic-bezier(.3, 0, 1, .3);
  --msgwelcome-side-enter: 88px;
  --msgwelcome-side-card: 140px;
  --msgwelcome-offscreen: calc(100vw + 120px);
  --msgwelcome-flip-angle: 96deg;
  --msgwelcome-origin-x: right;
  --msgwelcome-origin-y: bottom;
}

.msgwelcome--bottom-right,
.msgwelcome--top-right {
  --msgwelcome-side-enter: 88px;
  --msgwelcome-side-card: 140px;
  --msgwelcome-offscreen: calc(100vw + 120px);
  --msgwelcome-flip-angle: 96deg;
  --msgwelcome-origin-x: right;
}

.msgwelcome--bottom-left,
.msgwelcome--top-left {
  --msgwelcome-side-enter: -88px;
  --msgwelcome-side-card: -140px;
  --msgwelcome-offscreen: calc(-100vw - 120px);
  --msgwelcome-flip-angle: -96deg;
  --msgwelcome-origin-x: left;
}

.msgwelcome--bottom-right,
.msgwelcome--bottom-left {
  --msgwelcome-origin-y: bottom;
}

.msgwelcome--top-right,
.msgwelcome--top-left {
  --msgwelcome-origin-y: top;
}

.msgwelcome--bottom-right {
  inset-block-end: calc(var(--msgwelcome-offset-y, 24px) + env(safe-area-inset-bottom));
  inset-inline-end: calc(var(--msgwelcome-offset-x, 24px) + env(safe-area-inset-right));
}

.msgwelcome--bottom-left {
  inset-block-end: calc(var(--msgwelcome-offset-y, 24px) + env(safe-area-inset-bottom));
  inset-inline-start: calc(var(--msgwelcome-offset-x, 24px) + env(safe-area-inset-left));
}

.msgwelcome--top-right {
  inset-block-start: calc(var(--msgwelcome-offset-y, 24px) + env(safe-area-inset-top));
  inset-inline-end: calc(var(--msgwelcome-offset-x, 24px) + env(safe-area-inset-right));
}

.msgwelcome--top-left {
  inset-block-start: calc(var(--msgwelcome-offset-y, 24px) + env(safe-area-inset-top));
  inset-inline-start: calc(var(--msgwelcome-offset-x, 24px) + env(safe-area-inset-left));
}

.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="pending"],
.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="dismissed"],
.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="destroyed"] {
  visibility: hidden;
  pointer-events: none;
}

.msgwelcome__panel {
  position: relative;
  overflow: hidden;
  inline-size: 100%;
  border: var(--msgwelcome-border-width, 0) solid var(--msgwelcome-border-color, #fff);
  border-radius: var(--msgwelcome-radius, 20px);
  background: #111;
}

.msgwelcome:not([data-msgwelcome-enhanced]) .msgwelcome__controls button,
.msgwelcome:not([data-msgwelcome-enhanced]) .msgwelcome__restore,
.msgwelcome:not([data-msgwelcome-enhanced]) .msgwelcome__cta:not(a) {
  display: none;
}

.msgwelcome--shadow-small .msgwelcome__panel {
  box-shadow: 0 6px 18px rgb(0 0 0 / .22);
}

.msgwelcome--shadow-medium .msgwelcome__panel {
  box-shadow: 0 12px 36px rgb(0 0 0 / .3);
}

.msgwelcome--shadow-large .msgwelcome__panel {
  box-shadow: 0 20px 56px rgb(0 0 0 / .38);
}

.msgwelcome__media-shell {
  position: relative;
  inline-size: 100%;
  aspect-ratio: var(--msgwelcome-ratio, 16 / 9);
  overflow: hidden;
  background: #111;
}

.msgwelcome__media-shell iframe,
.msgwelcome__media-shell video,
.msgwelcome__poster {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
  object-fit: cover;
}

.msgwelcome__poster {
  position: absolute;
  inset: 0;
}

.msgwelcome__consent-content {
  position: absolute;
  z-index: 1;
  inset-inline: 12px;
  inset-block-end: 12px;
  display: none;
  max-block-size: calc(100% - 76px);
  padding: 8px 10px;
  overflow: auto;
  border-radius: 10px;
  background: rgb(0 0 0 / .68);
  color: #fff;
  font-size: 13px;
  line-height: 1.35;
  text-align: center;
}

.msgwelcome__consent-content > :first-child {
  margin-block-start: 0;
}

.msgwelcome__consent-content > :last-child {
  margin-block-end: 0;
}

.msgwelcome[data-msgwelcome-consent="required"] .msgwelcome__consent-content {
  display: block;
}

.msgwelcome[data-msgwelcome-media-ready="true"] .msgwelcome__poster,
.msgwelcome[data-msgwelcome-media-ready="true"] .msgwelcome__play {
  display: none;
}

.msgwelcome__play {
  z-index: 2;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 48px;
  min-block-size: 48px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: rgb(0 0 0 / .68);
  color: #fff;
  cursor: pointer;
  gap: 8px;
  text-decoration: none;
}

.msgwelcome__play--overlay {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}

.msgwelcome__playback {
  z-index: 3;
  box-sizing: border-box;
  display: grid;
  min-inline-size: 48px;
  min-block-size: 48px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgb(0 0 0 / .68);
  color: #fff;
  cursor: pointer;
  place-items: center;
}

.msgwelcome__playback--overlay {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity 160ms ease;
}

.msgwelcome[data-msgwelcome-media-ready="true"] .msgwelcome__playback--overlay {
  visibility: visible;
}

.msgwelcome[data-msgwelcome-media-ready="true"] .msgwelcome__media-shell:hover .msgwelcome__playback--overlay,
.msgwelcome[data-msgwelcome-media-ready="true"] .msgwelcome__playback--overlay:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

.msgwelcome__play-label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.msgwelcome__icon {
  flex: 0 0 auto;
  inline-size: 24px;
  block-size: 24px;
}

.msgwelcome__actions {
  position: static;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 4px;
}

.msgwelcome__controls {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-inline-size: 100%;
  gap: 4px;
}

.msgwelcome__cta {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-inline-size: 0;
  text-align: center;
}

.msgwelcome__actions--right .msgwelcome__cta {
  order: 2;
}

.msgwelcome__actions--above,
.msgwelcome__actions--below {
  flex-direction: column;
  align-items: stretch;
}

.msgwelcome__actions--above .msgwelcome__cta,
.msgwelcome__actions--below .msgwelcome__cta {
  inline-size: 100%;
}

.msgwelcome__actions--above .msgwelcome__controls,
.msgwelcome__actions--below .msgwelcome__controls {
  inline-size: 100%;
}

.msgwelcome__actions--below .msgwelcome__cta {
  order: 2;
}

.msgwelcome__controls button,
.msgwelcome__restore {
  display: grid;
  min-inline-size: 44px;
  min-block-size: 44px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgb(0 0 0 / .68);
  color: #fff;
  cursor: pointer;
  place-items: center;
}

.msgwelcome__play:focus-visible,
.msgwelcome__playback--overlay:focus-visible,
.msgwelcome__controls button:focus-visible,
.msgwelcome__restore:focus-visible,
.msgwelcome__cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.msgwelcome__restore {
  display: none;
  inline-size: var(--msgwelcome-minimized, 72px);
  block-size: var(--msgwelcome-minimized, 72px);
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 8px 24px rgb(0 0 0 / .3);
}

.msgwelcome__restore img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"] {
  inline-size: var(--msgwelcome-minimized, 72px);
}

.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"] .msgwelcome__panel {
  display: none;
}

.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"] .msgwelcome__restore {
  display: grid;
}

.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"][data-msgwelcome-motion="minimize"] {
  inline-size: min(
    var(--msgwelcome-width, 280px),
    calc(100vw - (2 * var(--msgwelcome-offset-x, 24px)) - env(safe-area-inset-left) - env(safe-area-inset-right))
  );
}

.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"][data-msgwelcome-motion="minimize"] .msgwelcome__panel {
  display: block;
}

.msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"][data-msgwelcome-motion="minimize"] .msgwelcome__restore {
  display: none;
}

.msgwelcome[data-msgwelcome-motion="enter"] .msgwelcome__restore {
  transform-origin: var(--msgwelcome-origin-x) var(--msgwelcome-origin-y);
  animation-duration: var(--msgwelcome-duration-enter, 360ms);
  animation-timing-function: var(--msgwelcome-ease-enter);
  animation-fill-mode: both;
}

.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="spring"] .msgwelcome__restore { animation-name: msgwelcome-enter-spring; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="fade"] .msgwelcome__restore { animation-name: msgwelcome-enter-fade; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="slide-up"] .msgwelcome__restore { animation-name: msgwelcome-enter-slide-up; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="slide-side"] .msgwelcome__restore { animation-name: msgwelcome-enter-slide-side; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="offscreen-in"] .msgwelcome__restore { animation-name: msgwelcome-enter-offscreen-in; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="scale"] .msgwelcome__restore { animation-name: msgwelcome-enter-scale; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="bounce"] .msgwelcome__restore { animation-name: msgwelcome-enter-bounce; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="shake"] .msgwelcome__restore { animation-name: msgwelcome-enter-shake; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="pulse"] .msgwelcome__restore { animation-name: msgwelcome-enter-pulse; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="flip"] .msgwelcome__restore { animation-name: msgwelcome-enter-flip; }
.msgwelcome[data-msgwelcome-motion="enter"][data-msgwelcome-enter="none"] .msgwelcome__restore { animation: none; }

.msgwelcome[data-msgwelcome-motion="expand"] .msgwelcome__panel {
  transform-origin: var(--msgwelcome-origin-x) var(--msgwelcome-origin-y);
  animation-duration: var(--msgwelcome-duration-expand, 460ms);
  animation-timing-function: var(--msgwelcome-ease-enter);
  animation-fill-mode: both;
}

.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="scale"] .msgwelcome__panel { animation-name: msgwelcome-expand-scale; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="fade"] .msgwelcome__panel { animation-name: msgwelcome-expand-fade; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="slide"] .msgwelcome__panel { animation-name: msgwelcome-expand-slide; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="slide-side"] .msgwelcome__panel { animation-name: msgwelcome-expand-slide-side; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="spring"] .msgwelcome__panel { animation-name: msgwelcome-expand-spring; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="bounce"] .msgwelcome__panel { animation-name: msgwelcome-expand-bounce; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="reveal"] .msgwelcome__panel { animation-name: msgwelcome-expand-reveal; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="blur"] .msgwelcome__panel { animation-name: msgwelcome-expand-blur; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="flip"] .msgwelcome__panel { animation-name: msgwelcome-expand-flip; }
.msgwelcome[data-msgwelcome-motion="expand"][data-msgwelcome-expand="none"] .msgwelcome__panel { animation: none; }

.msgwelcome[data-msgwelcome-motion="minimize"] .msgwelcome__panel {
  transform-origin: var(--msgwelcome-origin-x) var(--msgwelcome-origin-y);
  animation-duration: var(--msgwelcome-duration-minimize, 400ms);
  animation-timing-function: var(--msgwelcome-ease-exit);
  animation-fill-mode: both;
}

.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="scale"] .msgwelcome__panel { animation-name: msgwelcome-minimize-scale; }
.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="fade"] .msgwelcome__panel { animation-name: msgwelcome-minimize-fade; }
.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="slide"] .msgwelcome__panel { animation-name: msgwelcome-minimize-slide; }
.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="slide-side"] .msgwelcome__panel { animation-name: msgwelcome-minimize-slide-side; }
.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="collapse"] .msgwelcome__panel { animation-name: msgwelcome-minimize-collapse; }
.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="blur"] .msgwelcome__panel { animation-name: msgwelcome-minimize-blur; }
.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="flip"] .msgwelcome__panel { animation-name: msgwelcome-minimize-flip; }
.msgwelcome[data-msgwelcome-motion="minimize"][data-msgwelcome-minimize="none"] .msgwelcome__panel { animation: none; }

.msgwelcome[data-msgwelcome-motion="close"] .msgwelcome__restore {
  transform-origin: var(--msgwelcome-origin-x) var(--msgwelcome-origin-y);
  animation-duration: var(--msgwelcome-duration-close, 360ms);
  animation-timing-function: var(--msgwelcome-ease-exit);
  animation-fill-mode: both;
}

.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="offscreen"] .msgwelcome__restore { animation-name: msgwelcome-close-offscreen; }
.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="fade"] .msgwelcome__restore { animation-name: msgwelcome-close-fade; }
.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="scale"] .msgwelcome__restore { animation-name: msgwelcome-close-scale; }
.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="slide"] .msgwelcome__restore { animation-name: msgwelcome-close-slide; }
.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="drop"] .msgwelcome__restore { animation-name: msgwelcome-close-drop; }
.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="blur"] .msgwelcome__restore { animation-name: msgwelcome-close-blur; }
.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="flip"] .msgwelcome__restore { animation-name: msgwelcome-close-flip; }
.msgwelcome[data-msgwelcome-motion="close"][data-msgwelcome-close="none"] .msgwelcome__restore { animation: none; }

@keyframes msgwelcome-enter-spring {
  0% { transform: scale(.55); opacity: 0; }
  62% { transform: scale(1.08); opacity: 1; }
  80% { transform: scale(.97); }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes msgwelcome-enter-fade { from { opacity: 0; } }
@keyframes msgwelcome-enter-slide-up { from { transform: translateY(44px); opacity: 0; } }
@keyframes msgwelcome-enter-slide-side { from { transform: translateX(var(--msgwelcome-side-enter)); opacity: 0; } }
@keyframes msgwelcome-enter-offscreen-in { from { transform: translateX(var(--msgwelcome-offscreen)); opacity: 0; } }
@keyframes msgwelcome-enter-scale { from { transform: scale(.55); opacity: 0; } }

@keyframes msgwelcome-enter-bounce {
  0% { transform: translateY(64px) scale(.78); opacity: 0; }
  54% { transform: translateY(-11px) scale(1.03); opacity: 1; }
  72% { transform: translateY(5px) scale(.99); }
  86% { transform: translateY(-3px); }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes msgwelcome-enter-shake {
  0% { transform: scale(.72); opacity: 0; }
  24% { transform: translateX(0) scale(1); opacity: 1; }
  38% { transform: translateX(-10px); }
  52% { transform: translateX(8px); }
  66% { transform: translateX(-5px); }
  80% { transform: translateX(3px); }
  100% { transform: translateX(0); opacity: 1; }
}

@keyframes msgwelcome-enter-pulse {
  0% { transform: scale(.68); opacity: 0; }
  42% { transform: scale(1.14); opacity: 1; }
  68% { transform: scale(.96); }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes msgwelcome-enter-flip {
  from { transform: perspective(600px) rotateY(var(--msgwelcome-flip-angle)); opacity: 0; }
  to { transform: perspective(600px) rotateY(0); opacity: 1; }
}

@keyframes msgwelcome-expand-scale { from { transform: scale(.60); opacity: 0; } }
@keyframes msgwelcome-expand-fade { from { opacity: 0; } }
@keyframes msgwelcome-expand-slide { from { transform: translateY(72px); opacity: 0; } }
@keyframes msgwelcome-expand-slide-side { from { transform: translateX(var(--msgwelcome-side-card)); opacity: 0; } }

@keyframes msgwelcome-expand-spring {
  0% { transform: scale(.60); opacity: 0; }
  62% { transform: scale(1.04); opacity: 1; }
  82% { transform: scale(.99); }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes msgwelcome-expand-bounce {
  0% { transform: translateY(72px) scale(.72); opacity: 0; }
  58% { transform: translateY(-12px) scale(1.02); opacity: 1; }
  76% { transform: translateY(5px); }
  90% { transform: translateY(-2px); }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes msgwelcome-expand-reveal { from { clip-path: inset(100% 0 0); } to { clip-path: inset(0 0 0); } }
@keyframes msgwelcome-expand-blur { from { transform: scale(.70); filter: blur(20px); opacity: 0; } }

@keyframes msgwelcome-expand-flip {
  from { transform: perspective(900px) rotateY(var(--msgwelcome-flip-angle)); opacity: 0; }
  to { transform: perspective(900px) rotateY(0); opacity: 1; }
}

@keyframes msgwelcome-minimize-scale { to { transform: scale(.18); opacity: 0; } }
@keyframes msgwelcome-minimize-fade { to { opacity: 0; } }
@keyframes msgwelcome-minimize-slide { to { transform: translateY(76px); opacity: 0; } }
@keyframes msgwelcome-minimize-slide-side { to { transform: translateX(var(--msgwelcome-side-card)); opacity: 0; } }
@keyframes msgwelcome-minimize-collapse { to { transform: scaleY(.40); opacity: 0; } }
@keyframes msgwelcome-minimize-blur { to { transform: scale(.88); filter: blur(18px); opacity: 0; } }

@keyframes msgwelcome-minimize-flip {
  from { transform: perspective(900px) rotateY(0); opacity: 1; }
  to { transform: perspective(900px) rotateY(var(--msgwelcome-flip-angle)); opacity: 0; }
}

@keyframes msgwelcome-close-offscreen { to { transform: translateX(var(--msgwelcome-offscreen)); opacity: 0; } }
@keyframes msgwelcome-close-fade { to { opacity: 0; } }
@keyframes msgwelcome-close-scale { to { transform: scale(.42); opacity: 0; } }
@keyframes msgwelcome-close-slide { to { transform: translateY(84px); opacity: 0; } }
@keyframes msgwelcome-close-drop { to { transform: translateY(144px) rotate(7deg) scale(.84); opacity: 0; } }
@keyframes msgwelcome-close-blur { to { transform: scale(.80); filter: blur(18px); opacity: 0; } }

@keyframes msgwelcome-close-flip {
  from { transform: perspective(600px) rotateY(0); opacity: 1; }
  to { transform: perspective(600px) rotateY(var(--msgwelcome-flip-angle)); opacity: 0; }
}

@media (max-width: 639px) {
  .msgwelcome {
    inline-size: min(
      var(--msgwelcome-width-mobile, 200px),
      calc(100vw - (2 * var(--msgwelcome-offset-x-mobile, 16px)) - env(safe-area-inset-left) - env(safe-area-inset-right))
    );
  }

  .msgwelcome--mobile-full-width:not([data-msgwelcome-state="minimized"]) {
    inline-size: calc(
      100vw - (2 * var(--msgwelcome-offset-x-mobile, 16px)) - env(safe-area-inset-left) - env(safe-area-inset-right)
    );
  }

  .msgwelcome[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"][data-msgwelcome-motion="minimize"] {
    inline-size: min(
      var(--msgwelcome-width-mobile, 200px),
      calc(100vw - (2 * var(--msgwelcome-offset-x-mobile, 16px)) - env(safe-area-inset-left) - env(safe-area-inset-right))
    );
  }

  .msgwelcome--mobile-full-width[data-msgwelcome-enhanced][data-msgwelcome-state="minimized"][data-msgwelcome-motion="minimize"] {
    inline-size: calc(
      100vw - (2 * var(--msgwelcome-offset-x-mobile, 16px)) - env(safe-area-inset-left) - env(safe-area-inset-right)
    );
  }

  .msgwelcome--bottom-right,
  .msgwelcome--top-right {
    inset-inline-end: calc(var(--msgwelcome-offset-x-mobile, 16px) + env(safe-area-inset-right));
  }

  .msgwelcome--bottom-left,
  .msgwelcome--top-left {
    inset-inline-start: calc(var(--msgwelcome-offset-x-mobile, 16px) + env(safe-area-inset-left));
  }

  .msgwelcome--bottom-right,
  .msgwelcome--bottom-left {
    inset-block-end: calc(var(--msgwelcome-offset-y-mobile, 16px) + env(safe-area-inset-bottom));
  }

  .msgwelcome--top-right,
  .msgwelcome--top-left {
    inset-block-start: calc(var(--msgwelcome-offset-y-mobile, 16px) + env(safe-area-inset-top));
  }
}

@media (hover: none) and (max-width: 639px) {
  .msgwelcome[data-msgwelcome-media-ready="true"] .msgwelcome__playback--overlay {
    opacity: 0;
    pointer-events: auto;
    background: transparent;
  }

  .msgwelcome[data-msgwelcome-media-ready="true"] .msgwelcome__playback--overlay[aria-pressed="false"] {
    opacity: 1;
    background: rgb(0 0 0 / .68);
  }
}

@media (prefers-reduced-motion: reduce) {
  .msgwelcome *,
  .msgwelcome *::before,
  .msgwelcome *::after {
    scroll-behavior: auto !important;
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
  }
}