.ly-motion { position: relative; width: 100%; min-width: 0; color: #30373e; font-family: inherit; }
.ly-motion *, .ly-motion *::before, .ly-motion *::after { box-sizing: border-box; }
.ly-motion-viewport { position: relative; width: 100%; overflow: hidden; isolation: isolate; }
.ly-motion-svg { display: block; width: 100%; height: auto; overflow: hidden; }
.ly-motion-service .ly-motion-viewport { aspect-ratio: 720 / 388; }
.ly-motion-service .ly-motion-svg { height: 100%; object-fit: cover; }
.ly-motion-bag .ly-motion-viewport { aspect-ratio: 720 / 256; }
.ly-motion-receipt .ly-motion-viewport { aspect-ratio: 720 / 266; }
.ly-motion-quota .ly-motion-viewport { aspect-ratio: 720 / 246; }
.ly-motion-story { padding: 16px 2px 6px; }
.ly-motion-story-top { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.ly-motion-step { color: #8c959e; font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; }
.ly-motion-story-top > b { margin: 0; color: #222a31; font-size: 15px; font-weight: 600; line-height: 1.4; }
.ly-motion-story p { margin: 9px 0 13px 32px; color: #7a858e; font-size: 12px; line-height: 1.7; min-height: 41px; }
.ly-motion-play, .ly-motion-replay { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 32px; min-height: 32px; padding: 4px 6px; border: 0; border-radius: 4px; background: transparent; color: #525e68; font: inherit; font-size: 11px; cursor: pointer; }
.ly-motion-play svg, .ly-motion-play i, .ly-motion-replay svg, .ly-motion-replay i { width: 14px; height: 14px; stroke-width: 1.6; }
.ly-motion-play[data-playing="false"] svg { opacity: .6; }
.ly-motion-play:hover, .ly-motion-replay:hover { color: #171d22; background: #edeff1; }
.ly-motion-track { display: grid; grid-template-columns: minmax(0, 1fr) auto 27px; gap: 11px; align-items: center; }
.ly-motion-track > span { color: #8b969f; font-size: 9px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ly-motion-track input[type="range"] { appearance: none; -webkit-appearance: none; display: block; min-width: 0; width: 100%; height: 28px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
.ly-motion-track input[type="range"]::-webkit-slider-runnable-track { height: 2px; border-radius: 1px; background: #dce0e4; }
.ly-motion-track input[type="range"]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 8px; height: 8px; margin-top: -3px; border: 0; border-radius: 50%; background: #53606c; }
.ly-motion-track input[type="range"]::-moz-range-track { height: 2px; background: #dce0e4; }
.ly-motion-track input[type="range"]::-moz-range-thumb { width: 8px; height: 8px; border: 0; border-radius: 50%; background: #53606c; }
.ly-motion-chapters { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0; margin: 9px 0 0; padding: 0; list-style: none; }
.ly-motion-chapters button { display: flex; flex-direction: column; align-items: center; gap: 5px; width: 100%; min-height: 48px; padding: 5px 0; border: 0; border-radius: 3px; background: transparent; color: #a3aab1; font: inherit; cursor: pointer; }
.ly-motion-chapters button > span { font-size: 8px; font-variant-numeric: tabular-nums; }
.ly-motion-chapters button > b { font-size: 10px; font-weight: 400; white-space: nowrap; }
.ly-motion-chapters button[aria-current="step"] { color: #37444f; }
.ly-motion-chapters button[aria-current="step"] > b { font-weight: 600; }
.ly-motion-chapters button[aria-current="step"]::after { content: ""; width: 3px; height: 3px; margin-top: -2px; border-radius: 50%; background: #586773; }
.ly-motion-static-note { display: none; }
.ly-motion-reduced .ly-motion-static-note { display: block; min-height: 0; margin: 8px 0 0; font-size: 11px; }
.ly-motion-journey { margin: 0; }
.ly-motion-journey .ly-motion-viewport { aspect-ratio: 720 / 430; }
.ly-motion :focus-visible { outline: 2px solid #647581; outline-offset: 3px; }
@media (max-width: 360px) {
  .ly-motion-story-top > b { font-size: 14px; }
  .ly-motion-story p { margin-left: 0; font-size: 11px; }
  .ly-motion-track { gap: 7px; }
  .ly-motion-track > span { font-size: 8px; }
}
