/* Touch presentation only. Keyboard focus and all desktop rules remain available. */
@media (max-width: 900px) {
  html body :is(a, button, summary, video, [role="button"], [tabindex]) {
    -webkit-tap-highlight-color: transparent !important;
  }
  html.an-mobile-pointer body :is(a, button, summary, video, [role="button"], [tabindex]):not(input):not(textarea):not(select):focus,
  html body :is(a, button, summary, video, [role="button"], [tabindex]):focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
  }
  html.an-mobile-pointer body :is(.an-shop-index-card, .an-shop-index-image, .an-shop-index-label):focus-within {
    outline: none !important;
    box-shadow: none !important;
  }
  html body .an-mobile-rotation-host {
    position: relative !important;
    background-color: transparent !important;
  }
  html body video.an-mobile-rotation-original {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  html body .an-mobile-rotation-layer {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    background: transparent !important;
  }
  html body .an-mobile-rotation-layer :is(canvas, img, video) {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    pointer-events: none !important;
  }
  html body .an-mobile-rotation-layer video { opacity: 0 !important; }
  html body .an-mobile-rotation-layer canvas { opacity: 0; }
  html body .an-mobile-rotation-layer.an-rotation-playing canvas { opacity: 1; }
  html body .an-mobile-rotation-layer.an-rotation-playing img { opacity: 0; }
  html body video.an-mobile-loop {
    pointer-events: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  video.an-mobile-loop::-webkit-media-controls,
  video.an-mobile-loop::-webkit-media-controls-start-playback-button,
  .an-mobile-rotation-layer video::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none;
  }
}
@media (min-width: 901px) {
  .an-mobile-rotation-layer { display: none !important; }
}