/* Generated readable CSS: edit release/private/styles, then run build-styles.py.
 * Section order preserves the existing cascade. Do not edit this bundle directly.
 */

/* 01. Scene containers, decorative savings layers and animation foundations
 * Source: themes/simpleasy/assets/styles/savings-scene.css
 */

/* v41: room artwork/layout retained; coupon rules live in coupons-v41.css.
 * Rails match 450px ad space + two 16px margins in the existing theme grid.
 * Coupon background percentages retain the original PNG aspect ratios.
 * Both room sources now share aligned landmarks; no one-sided calibration needed.
 */
.af-scenery {
  display: none;
}

.af-scene-stage {
  display: flow-root;
  --af-scene-top: 79px;
}

#page #primary {
  background: #fff;
}

#page .af-social-grid .af-social-button,
#page #secondary .af-social-button {
  background-color: #fff !important;
}

#page .af-social-grid .af-social-button:is(:hover, :focus, :active),
#page #secondary .af-social-button:is(:hover, :focus, :active) {
  background-color: #120e5b !important;
}

@media screen and (min-width: 768px),
screen and (min-width: 600px) and (orientation: landscape) {
  .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right)) {
    --af-rail-width: 482px;
    position: relative;
    isolation: isolate;
  }

  body.admin-bar .af-scene-stage {
    --af-scene-top: 111px;
  }

  #page .af-footer-widgets {
    background: transparent;
    box-shadow: none;
  }

  .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>.af-scenery {
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    user-select: none;
    /* Absolute inset sizing measures the existing stage without sizing it. */
    container: af-stage / size;
  }

  /* One isolated background stacking context keeps even future sidebar
       children above the art, without demanding z-index on every widget. */
  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content {
    background: transparent;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
  }

  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content>#primary {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content> :is(#secondary, #af-right-sidebar) {
    background: transparent;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .af-scene-rail {
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--af-rail-width);
    overflow: clip;
    container-type: size;
  }

  .af-scene-left {
    left: 0;
  }

  .af-scene-right {
    right: 0;
  }

  .af-scene-view {
    position: sticky;
    top: var(--af-scene-top);
    width: 100%;
    height: min(calc(100vh - var(--af-scene-top)), 100%);
    height: min(calc(100svh - var(--af-scene-top)), 100%);
    container-type: size;
    overflow: clip;
    isolation: isolate;
  }

  /* One moving plane and one sticky viewport for BOTH physical sides. */
  .af-room-pan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1446px;
    height: max(100cqh, min(1446px, 400cqh));
    overflow: clip;
    transform: translateY(min(0px, max(calc(100vh - var(--af-scene-top) - 100%), calc((100vh - var(--af-scene-top)) * .5 - 42%))));
    transform: translateY(min(0px, max(calc(100cqh - 100%), calc(50cqh - 42%))));
    z-index: 0;
  }

  .af-room {
    position: absolute;
    top: 0;
    width: var(--af-rail-width);
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .af-room-left {
    left: 0;
    background-image: url('../../../themes/simpleasy/images/parallax/living-room-left-v51.webp');
  }

  .af-room-right {
    right: 0;
    background-image: url('../../../themes/simpleasy/images/parallax/living-room-right-v51.webp');
    /* v26: signs, paneling and floors are aligned in the source pair. */
  }

  .af-scene-rail {
    z-index: 1;
  }

}

/* v24: tablet and landscape-phone artwork, independent of widget columns.
 * At >=1564px the original 482px desktop rails and sizing still apply.
 * Normal browser pinch-to-zoom is intentionally unrestricted.
 */
@media screen and (min-width: 768px) and (max-width: 1563px),
screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
  .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right)) {
    --af-rail-width: clamp(64px, 14vw, 180px);
  }

  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    grid-template-columns: var(--af-rail-width) minmax(0, 1fr) var(--af-rail-width);
  }

  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content>#primary {
    grid-column: 2;
    grid-row: 1;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }

  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content> :is(#secondary, #af-right-sidebar) {
    grid-column: 2;
    max-width: none;
    width: 100%;
    background: #fff;
  }

  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content>#secondary {
    grid-row: 2;
  }

  #page .af-scene-stage:has(> #content > #primary:is(.sidebar-left, .sidebar-right)):has(> #content > #secondary:is(.sidebar-left, .sidebar-right))>#content>#af-right-sidebar:not(.af-sidebar-empty) {
    grid-row: 3;
  }

  .af-scene-rail {
    overflow: clip;
  }

  .af-room-pan {
    height: 660px;
    height: max(100cqh, min(660px, 400cqh));
  }

  .af-room {
    background-size: auto 100%;
  }

  /* Focus crops on the signs, retaining the shared floor geometry. */
  .af-room-left {
    background-position: 38% bottom;
  }

  .af-room-right {
    background-position: 62% bottom;
  }

}

/* The WordPress mobile admin bar is 46px high. */
@media screen and (min-width: 600px) and (max-width: 782px) {
  body.admin-bar .af-scene-stage {
    --af-scene-top: 125px;
  }
}

/* v27: registered blink plane uses the room background's coordinate system.
 * Source: 724x2172; head crop: x240 y1220, 180x190. The room stays untouched.
 * Input is hit-tested against Lilly's silhouette, not a rectangular chair area.
 */
.af-room-right {
  overflow: clip;
}

.af-lilly-plane {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.af-lilly-head {
  position: absolute;
  left: 33.1491712707%;
  top: 56.1694290976%;
  width: 24.861878453%;
  height: 8.7476979742%;
  background: url('../../../themes/simpleasy/images/parallax/lilly-trust-blink-v27.webp') center / 100% 100% no-repeat;
  opacity: 0;
  transition: opacity 100ms ease-out;
}

.af-lilly-plane.is-petted .af-lilly-head {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .af-lilly-head {
    transition: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1563px),
screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
  .af-lilly-plane {
    inset: 0 auto auto 62%;
    height: 100%;
    width: auto;
    aspect-ratio: 1 / 3;
    transform: translateX(-62%);
  }
}

/* v41: conservative CSS-only short-page gate. The stage excludes the header
 * and any pre-stage widgets. Requiring its own height >= viewport + 500px
 * guarantees enough travel without measuring document height in JavaScript.
 * Borderline documents stay static. See docs/COUPON-MOTION-v41.md. */
@supports (animation-timeline: scroll(root block)) and (animation-range: 1% 90%) and (container-type: size) and (height: 1cqh) and (width: 1cqw) {
  @media screen and (min-width: 768px) and (prefers-reduced-motion: no-preference),
  screen and (min-width: 600px) and (orientation: landscape) and (prefers-reduced-motion: no-preference) {
    @container af-stage (min-height: calc(100vh + 500px)) {
      .af-room-pan {
        height: max(1446px, 100cqh);
        animation: af-room-pan auto linear both;
        animation-timeline: scroll(root block);
      }

      @media screen and (max-width: 1563px) {
        .af-room-pan {
          height: max(660px, 100cqh);
        }
      }
    }
  }
}

@keyframes af-room-pan {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(min(0px, calc(100cqh - 100%)));
  }
}

/* v51: original upper-room pixels remain above the newly cleared floor art.
 * The left cutoff is above the new broken piggy bank. The right cutoff is
 * BELOW Lily and her entire blink patch. Keep these original source files:
 * their reuse preserves the registered Easter egg without redrawing Lily.
 * Inherited background sizing and crop keep both layers aligned on mobile.
 */
.af-room::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: inherit;
  background-position: inherit;
  background-repeat: no-repeat;
  pointer-events: none;
}

.af-room-left::before {
  background-image: url('../../../themes/simpleasy/images/parallax/living-room-left.webp');
  clip-path: inset(0 0 48% 0);
}

.af-room-right::before {
  background-image: url('../../../themes/simpleasy/images/parallax/living-room-right.webp');
  clip-path: inset(0 0 28% 0);
}

/* v51: landed papers, NOT falling animation elements. No keyframes/timeline.
 * af-art-* is the existing shared coupon asset map in coupons-v41.css.
 * x/y/width are percentages of the source 724x2172 room; turn is rotation
 * ON the floor, then flatten foreshortens that plane toward the back wall.
 * Translate centers each paper on its coordinates. DOM order defines small
 * overlapping groups. These intentional transforms simulate fallen paper,
 * not random animation or duplicated image variants. Blank backs use CSS.
 */
.af-floor-plane {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.af-floor-coupon {
  position: absolute;
  display: block;
  left: var(--af-floor-x);
  top: var(--af-floor-y);
  width: var(--af-floor-width);
  aspect-ratio: var(--af-ratio, 2.25);
  background: #f4eddc var(--af-image, none) center / 100% 100% no-repeat;
  border: .5px solid #513824;
  box-sizing: border-box;
  box-shadow: 1px 2px 1.5px rgba(45, 25, 12, .35);
  transform: translate(-50%, -50%) scaleY(var(--af-floor-flatten)) rotate(var(--af-floor-turn));
  transform-origin: center;
  pointer-events: none;
}

/* Same plane width/crop as the room image and Lily's registered plane.
 * The two crop anchors deliberately differ to keep each wall sign in view.
 */
@media screen and (min-width: 768px) and (max-width: 1563px),
screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
  .af-floor-plane {
    inset: 0 auto auto 38%;
    height: 100%;
    width: auto;
    aspect-ratio: 1 / 3;
    transform: translateX(-38%);
  }

  .af-room-right .af-floor-plane {
    left: 62%;
    transform: translateX(-62%);
  }
}


/* 02. Coupon artwork, positioning and motion
 * Source: themes/simpleasy/assets/styles/coupons-v41.css
 */

/* v41: calculated scroll-driven paper. Authoring source: tools/coupon-motion/.
 * v49: af-fall = lifetime gate; af-attitude = rail travel + whole-paper rotation;
 * af-coupon = restrained local sway; af-paper = unchanged +/-12deg hinges.
 * All units resolve in each clipped rail, never in the moving room plane.
 */
.af-depth {
  display: none;
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.af-fall {
  --af-width: calc(min(190px, var(--af-rail-width) * .72) * var(--af-scale));
  --af-clearance: calc(var(--af-width) * .94 + 8px);
  --af-sway: calc(var(--af-width) * .04);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.af-attitude {
  display: block;
  position: absolute;
  width: var(--af-width);
  aspect-ratio: var(--af-ratio);
  left: calc(var(--af-width) * -.5);
  top: calc(var(--af-width) / var(--af-ratio) * -.5);
  translate: 50cqw calc(-1 * var(--af-clearance));
  transform-style: preserve-3d;
}

.af-coupon {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

/* v48: two equal paper halves share one central hinge. The original travel,
 * whole-paper attitude, sway, flap timing and +/-12deg angles are retained.
 * Only painted faces overlap 0.75px at the joint; hinge boxes stay exactly
 * 50% wide. Corrected 200% image sizing keeps both halves registered.
 * Perimeter ink stays on top/bottom and the two exterior sides, never the seam.
 */
.af-paper {
  --af-seam-bleed: .75px;
  --af-paper-outline: .8px;
  --af-paper-ink: #513824;
  --af-face-extension: var(--af-seam-bleed);
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  transform-style: preserve-3d;
}

.af-paper::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--af-seam-bleed));
  right: calc(-1 * var(--af-seam-bleed));
  box-sizing: border-box;
  border: 0 solid var(--af-paper-ink);
  border-top-width: var(--af-paper-outline);
  border-bottom-width: var(--af-paper-outline);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

.af-paper::before {
  background-image: var(--af-image);
  background-size: calc(200% - 2 * var(--af-face-extension)) 100%;
  background-origin: border-box;
  background-clip: border-box;
  background-repeat: no-repeat;
  background-position: inherit;
  transform: translateZ(.01px);
}

/* v49: the hinge's own painted surface supplies its blank reverse. Only
 * the printed front needs a child face and backface culling. This removes
 * the extra rotated back-face layer from each half without flattening it.
 * Hard, unblurred shadows draw the rear perimeter and extend paper only into
 * the shared hinge. No filters, masks, or extra raster assets are involved. */
.af-paper {
  background-color: #f4eddc;
  box-shadow: inset 0 var(--af-paper-outline) var(--af-paper-ink),
    inset 0 calc(-1 * var(--af-paper-outline)) var(--af-paper-ink),
    inset var(--af-outside-ink) 0 var(--af-paper-ink),
    var(--af-inside-bleed) 0 #f4eddc;
}

.af-paper-left {
  --af-outside-ink: var(--af-paper-outline);
  --af-inside-bleed: var(--af-seam-bleed);
}

.af-paper-right {
  --af-outside-ink: calc(-1 * var(--af-paper-outline));
  --af-inside-bleed: calc(-1 * var(--af-seam-bleed));
}

.af-paper-left {
  left: 0;
  background-position: left center;
  transform-origin: right center;
}

.af-paper-right {
  left: 50%;
  background-position: right center;
  transform-origin: left center;
}

/* Bleed goes INTO joints, never beyond the coupon's outside left/right edges. */
.af-paper-left::before {
  left: 0;
}

.af-paper-right::before {
  right: 0;
}

/* Printed front perimeter: never draw ink down the internal hinge. */
.af-paper-left::before {
  border-left-width: var(--af-paper-outline);
}

.af-paper-right::before {
  border-right-width: var(--af-paper-outline);
}

@supports (animation-timeline: scroll(root block)) and (animation-range: 1% 90%) and (container-type: size) and (height: 1cqh) and (width: 1cqw) {
  @media screen and (min-width: 768px) and (prefers-reduced-motion: no-preference),
  screen and (min-width: 600px) and (orientation: landscape) and (prefers-reduced-motion: no-preference) {
    @container af-stage (min-height: calc(100vh + 500px)) {
      .af-depth {
        display: block;
      }

      /* v49: skip the entire offscreen subtree outside its existing flight.
     * This gate sits OUTSIDE the 3D paper. During flight content-visibility
     * is visible, so paint containment cannot flatten the live hinges.
     * No fades or resets: descendants still follow the root scroll timeline. */
      @supports (content-visibility: hidden) and (transition-behavior: allow-discrete) {
        .af-fall {
          content-visibility: hidden;
          animation: af-paper-presence auto steps(1, end) none;
          animation-timeline: scroll(root block);
          animation-range: var(--af-begin) var(--af-end);
        }
      }

      /* v49: translate is separate from attitude's transform. Both animations
     * now run on the real-sized paper box, instead of a zero-area anchor.
     * CSS composes translate before transform, preserving the original path. */
      .af-attitude {
        animation: var(--af-travel) auto linear both, var(--af-orient) auto linear both;
        animation-timeline: scroll(root block), scroll(root block);
        animation-range: var(--af-begin) var(--af-end), var(--af-begin) var(--af-end);
      }

      .af-coupon {
        animation: af-paper-sway auto ease-in-out var(--af-swings) alternate both;
        animation-timeline: scroll(root block);
        animation-range: var(--af-local-begin) var(--af-local-end);
      }

      .af-paper-left,
      .af-paper-right {
        animation: af-paper-fold auto ease-in-out var(--af-swings) alternate both;
        animation-timeline: scroll(root block);
        animation-range: var(--af-local-begin) var(--af-local-end);
      }

      .af-paper-right {
        animation-direction: alternate-reverse;
      }
    }
  }
}

/* Same local rocking angles as v40; perspective is now owned by af-attitude. */
@keyframes af-paper-sway {
  from {
    transform: translateX(calc(var(--af-sway) * -1)) rotateZ(-9deg) rotateY(-24deg) rotateX(10deg);
  }

  to {
    transform: translateX(var(--af-sway)) rotateZ(9deg) rotateY(24deg) rotateX(-10deg);
  }
}

@keyframes af-paper-fold {
  from {
    transform: rotateY(-12deg);
  }

  to {
    transform: rotateY(12deg);
  }
}

@keyframes af-paper-presence {

  from,
  to {
    content-visibility: visible;
  }
}

.af-art-1 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-cereal.webp');
  --af-ratio: 2.400494;
}

.af-art-2 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-laundry.webp');
  --af-ratio: 2.000000;
}

.af-art-3 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-dish-soap.webp');
  --af-ratio: 2.598972;
}

.af-art-4 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-toothpaste.webp');
  --af-ratio: 2.000000;
}

.af-art-5 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-dishwasher-pods.webp');
  --af-ratio: 2.299879;
}

.af-art-6 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-coffee.webp');
  --af-ratio: 2.198582;
}

.af-art-7 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-pet-food.webp');
  --af-ratio: 2.400494;
}

.af-art-8 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-shampoo.webp');
  --af-ratio: 1.795940;
}

.af-art-9 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-paper-towels.webp');
  --af-ratio: 2.500631;
}

.af-art-10 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-pasta-sauce.webp');
  --af-ratio: 2.000000;
}

.af-art-11 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-free-yogurt.webp');
  --af-ratio: 2.198582;
}

.af-art-12 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-free-hand-soap.webp');
  --af-ratio: 1.895719;
}

.af-art-13 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-free-sponges.webp');
  --af-ratio: 2.500631;
}

.af-art-14 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-free-tea.webp');
  --af-ratio: 2.098152;
}

.af-art-15 {
  --af-image: url('../../../themes/simpleasy/images/parallax/coupon-v40-free-crackers.webp');
  --af-ratio: 2.299879;
}

.af-drop-1 {
  --af-scale: 0.50061;
  --af-begin: 0.72933%;
  --af-end: 33.94092%;
  --af-local-begin: -9.49944%;
  --af-local-end: 34.78269%;
  --af-swings: 4;
  --af-travel: af-travel-1;
  --af-orient: af-orient-1;
  z-index: 501;
}

@keyframes af-travel-1 {
  0% {
    translate: 49.305cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.2546% {
    translate: 48.294cqw calc(0.365cqh + var(--af-clearance) * -0.99269);
  }

  2.6568% {
    translate: 47.243cqw calc(1.117cqh + var(--af-clearance) * -0.97766);
  }

  6.0515% {
    translate: 44.956cqw calc(3.867cqh + var(--af-clearance) * -0.92266);
  }

  9.4463% {
    translate: 42.928cqw calc(7.225cqh + var(--af-clearance) * -0.8555);
  }

  15.9406% {
    translate: 39.585cqw calc(14.082cqh + var(--af-clearance) * -0.71836);
  }

  20.5899% {
    translate: 37.565cqw calc(18.858cqh + var(--af-clearance) * -0.62285);
  }

  24.6488% {
    translate: 36.195cqw calc(22.917cqh + var(--af-clearance) * -0.54165);
  }

  34.5379% {
    translate: 34.135cqw calc(32.798cqh + var(--af-clearance) * -0.34403);
  }

  40.5156% {
    translate: 32.816cqw calc(39.051cqh + var(--af-clearance) * -0.21899);
  }

  48.1169% {
    translate: 30.697cqw calc(47.045cqh + var(--af-clearance) * -0.0591);
  }

  64.5741% {
    translate: 26.636cqw calc(63.537cqh + var(--af-clearance) * 0.27073);
  }

  79.5553% {
    translate: 22.662cqw calc(79.182cqh + var(--af-clearance) * 0.58365);
  }

  84.5736% {
    translate: 21.934cqw calc(84.193cqh + var(--af-clearance) * 0.68386);
  }

  92.5439% {
    translate: 21.52cqw calc(92.162cqh + var(--af-clearance) * 0.84324);
  }

  100% {
    translate: 20.804cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-1 {
  0% {
    transform: perspective(650px) rotateZ(14.62deg) rotateY(1.74deg) rotateX(-0.65deg);
  }

  2.952% {
    transform: perspective(650px) rotateZ(6.36deg) rotateY(-5.45deg) rotateX(-20.53deg);
  }

  6.8633% {
    transform: perspective(650px) rotateZ(-8.65deg) rotateY(-13.27deg) rotateX(-46.58deg);
  }

  8.8559% {
    transform: perspective(650px) rotateZ(-16.57deg) rotateY(-15.75deg) rotateX(-54.32deg);
  }

  10.7008% {
    transform: perspective(650px) rotateZ(-23.23deg) rotateY(-16.88deg) rotateX(-56.25deg);
  }

  12.2506% {
    transform: perspective(650px) rotateZ(-27.93deg) rotateY(-16.9deg) rotateX(-53.72deg);
  }

  13.8004% {
    transform: perspective(650px) rotateZ(-31.55deg) rotateY(-16.06deg) rotateX(-47.68deg);
  }

  17.8593% {
    transform: perspective(650px) rotateZ(-34.73deg) rotateY(-10.25deg) rotateX(-21.04deg);
  }

  20.3685% {
    transform: perspective(650px) rotateZ(-31.97deg) rotateY(-4.73deg) rotateX(-3.68deg);
  }

  22.2873% {
    transform: perspective(650px) rotateZ(-27.76deg) rotateY(-0.05deg) rotateX(6.17deg);
  }

  24.0585% {
    transform: perspective(650px) rotateZ(-22.66deg) rotateY(4.28deg) rotateX(10.95deg);
  }

  25.8296% {
    transform: perspective(650px) rotateZ(-16.85deg) rotateY(8.33deg) rotateX(10.87deg);
  }

  27.3056% {
    transform: perspective(650px) rotateZ(-11.82deg) rotateY(11.3deg) rotateX(7.06deg);
  }

  28.9292% {
    transform: perspective(650px) rotateZ(-6.48deg) rotateY(13.96deg) rotateX(-0.56deg);
  }

  33.4309% {
    transform: perspective(650px) rotateZ(4.38deg) rotateY(16.98deg) rotateX(-31.7deg);
  }

  36.7519% {
    transform: perspective(650px) rotateZ(6.13deg) rotateY(14.67deg) rotateX(-50.91deg);
  }

  38.154% {
    transform: perspective(650px) rotateZ(4.98deg) rotateY(12.62deg) rotateX(-55.1deg);
  }

  39.5562% {
    transform: perspective(650px) rotateZ(2.74deg) rotateY(10.06deg) rotateX(-56.28deg);
  }

  41.3274% {
    transform: perspective(650px) rotateZ(-1.48deg) rotateY(6.23deg) rotateX(-53.34deg);
  }

  43.1724% {
    transform: perspective(650px) rotateZ(-7.21deg) rotateY(1.82deg) rotateX(-45.48deg);
  }

  48.8549% {
    transform: perspective(650px) rotateZ(-28.13deg) rotateY(-11.2deg) rotateX(-6.58deg);
  }

  50.7737% {
    transform: perspective(650px) rotateZ(-34.24deg) rotateY(-14.29deg) rotateX(4.21deg);
  }

  52.6186% {
    transform: perspective(650px) rotateZ(-38.74deg) rotateY(-16.22deg) rotateX(10.31deg);
  }

  54.3898% {
    transform: perspective(650px) rotateZ(-41.43deg) rotateY(-16.98deg) rotateX(11.31deg);
  }

  57.0466% {
    transform: perspective(650px) rotateZ(-42.05deg) rotateY(-16.03deg) rotateX(3.73deg);
  }

  60.2199% {
    transform: perspective(650px) rotateZ(-37.35deg) rotateY(-11.82deg) rotateX(-15.98deg);
  }

  64.9431% {
    transform: perspective(650px) rotateZ(-22.04deg) rotateY(-1.4deg) rotateX(-47.54deg);
  }

  66.7142% {
    transform: perspective(650px) rotateZ(-15.1deg) rotateY(2.96deg) rotateX(-54.24deg);
  }

  68.4116% {
    transform: perspective(650px) rotateZ(-8.56deg) rotateY(6.97deg) rotateX(-56.3deg);
  }

  69.9614% {
    transform: perspective(650px) rotateZ(-3.08deg) rotateY(10.26deg) rotateX(-54.2deg);
  }

  71.585% {
    transform: perspective(650px) rotateZ(1.83deg) rotateY(13.14deg) rotateX(-48.19deg);
  }

  75.7915% {
    transform: perspective(650px) rotateZ(8.69deg) rotateY(16.95deg) rotateX(-20.73deg);
  }

  78.0793% {
    transform: perspective(650px) rotateZ(8.24deg) rotateY(16.44deg) rotateX(-4.79deg);
  }

  79.8504% {
    transform: perspective(650px) rotateZ(5.89deg) rotateY(14.79deg) rotateX(4.8deg);
  }

  81.474% {
    transform: perspective(650px) rotateZ(2.41deg) rotateY(12.43deg) rotateX(10.13deg);
  }

  83.0976% {
    transform: perspective(650px) rotateZ(-2.06deg) rotateY(9.37deg) rotateX(11.46deg);
  }

  84.795% {
    transform: perspective(650px) rotateZ(-7.46deg) rotateY(5.62deg) rotateX(8.41deg);
  }

  86.5662% {
    transform: perspective(650px) rotateZ(-13.41deg) rotateY(1.34deg) rotateX(0.83deg);
  }

  91.2155% {
    transform: perspective(650px) rotateZ(-26.93deg) rotateY(-9.56deg) rotateX(-30.95deg);
  }

  93.2081% {
    transform: perspective(650px) rotateZ(-30.3deg) rotateY(-13.18deg) rotateX(-43.92deg);
  }

  94.9054% {
    transform: perspective(650px) rotateZ(-31.53deg) rotateY(-15.4deg) rotateX(-51.91deg);
  }

  97.4146% {
    transform: perspective(650px) rotateZ(-30.3deg) rotateY(-16.96deg) rotateX(-56.29deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-25.35deg) rotateY(-16.22deg) rotateX(-50.54deg);
  }
}

.af-drop-2 {
  --af-scale: 0.79877;
  --af-begin: 2.81623%;
  --af-end: 24.10514%;
  --af-local-begin: 2.12184%;
  --af-local-end: 28.73298%;
  --af-swings: 5;
  --af-travel: af-travel-2;
  --af-orient: af-orient-2;
  z-index: 799;
}

@keyframes af-travel-2 {
  0% {
    translate: 49.514cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.7269% {
    translate: 48.036cqw calc(0.59cqh + var(--af-clearance) * -0.98821);
  }

  3.6841% {
    translate: 46.507cqw calc(1.694cqh + var(--af-clearance) * -0.96612);
  }

  5.7565% {
    translate: 45.049cqw calc(3.244cqh + var(--af-clearance) * -0.93513);
  }

  8.2893% {
    translate: 43.475cqw calc(5.469cqh + var(--af-clearance) * -0.89061);
  }

  13.7004% {
    translate: 40.736cqw calc(10.706cqh + var(--af-clearance) * -0.78589);
  }

  20.6082% {
    translate: 38.001cqw calc(17.63cqh + var(--af-clearance) * -0.6474);
  }

  29.4731% {
    translate: 35.119cqw calc(26.659cqh + var(--af-clearance) * -0.46682);
  }

  36.8414% {
    translate: 33.249cqw calc(34.103cqh + var(--af-clearance) * -0.31793);
  }

  44.5551% {
    translate: 32.022cqw calc(42.055cqh + var(--af-clearance) * -0.15891);
  }

  60.0975% {
    translate: 30.559cqw calc(57.962cqh + var(--af-clearance) * 0.15924);
  }

  71.7256% {
    translate: 29.254cqw calc(70.718cqh + var(--af-clearance) * 0.41436);
  }

  81.7419% {
    translate: 29.024cqw calc(81.461cqh + var(--af-clearance) * 0.62923);
  }

  92.6792% {
    translate: 29.113cqw calc(92.57cqh + var(--af-clearance) * 0.8514);
  }

  100% {
    translate: 28.79cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-2 {
  0% {
    transform: perspective(650px) rotateZ(132.53deg) rotateY(6.5deg) rotateX(61.61deg);
  }

  4.6052% {
    transform: perspective(650px) rotateZ(128.08deg) rotateY(0.24deg) rotateX(44.59deg);
  }

  15.3122% {
    transform: perspective(650px) rotateZ(106.5deg) rotateY(-12.93deg) rotateX(-11.37deg);
  }

  18.3056% {
    transform: perspective(650px) rotateZ(99.49deg) rotateY(-15.23deg) rotateX(-21.4deg);
  }

  21.0687% {
    transform: perspective(650px) rotateZ(93.39deg) rotateY(-16.54deg) rotateX(-25.8deg);
  }

  24.1772% {
    transform: perspective(650px) rotateZ(87.37deg) rotateY(-17deg) rotateX(-24.54deg);
  }

  27.4008% {
    transform: perspective(650px) rotateZ(82.53deg) rotateY(-16.31deg) rotateX(-16.51deg);
  }

  32.927% {
    transform: perspective(650px) rotateZ(78.42deg) rotateY(-12.57deg) rotateX(9.22deg);
  }

  36.1506% {
    transform: perspective(650px) rotateZ(78.72deg) rotateY(-9.14deg) rotateX(26.03deg);
  }

  38.4532% {
    transform: perspective(650px) rotateZ(80.13deg) rotateY(-6.28deg) rotateX(34.31deg);
  }

  41.1012% {
    transform: perspective(650px) rotateZ(82.86deg) rotateY(-2.73deg) rotateX(37.48deg);
  }

  43.7492% {
    transform: perspective(650px) rotateZ(86.61deg) rotateY(0.95deg) rotateX(33.34deg);
  }

  47.6636% {
    transform: perspective(650px) rotateZ(93.49deg) rotateY(6.26deg) rotateX(16.62deg);
  }

  57.3344% {
    transform: perspective(650px) rotateZ(111.62deg) rotateY(15.66deg) rotateX(-39.35deg);
  }

  63.206% {
    transform: perspective(650px) rotateZ(118.64deg) rotateY(16.94deg) rotateX(-75.21deg);
  }

  68.7323% {
    transform: perspective(650px) rotateZ(119.93deg) rotateY(14.62deg) rotateX(-107.01deg);
  }

  73.1072% {
    transform: perspective(650px) rotateZ(116.89deg) rotateY(10.65deg) rotateX(-128.62deg);
  }

  77.4821% {
    transform: perspective(650px) rotateZ(110.61deg) rotateY(5.31deg) rotateX(-146.36deg);
  }

  92.9094% {
    transform: perspective(650px) rotateZ(78.5deg) rotateY(-13.81deg) rotateX(-192.78deg);
  }

  100% {
    transform: perspective(650px) rotateZ(69.9deg) rotateY(-16.99deg) rotateX(-220.79deg);
  }
}

.af-drop-5 {
  --af-scale: 0.76334;
  --af-begin: 7.89127%;
  --af-end: 31.0353%;
  --af-local-begin: 3.66528%;
  --af-local-end: 32.59533%;
  --af-swings: 5;
  --af-travel: af-travel-5;
  --af-orient: af-orient-5;
  z-index: 763;
}

@keyframes af-travel-5 {
  0% {
    translate: 45.691cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.9062% {
    translate: 46.826cqw calc(0.54cqh + var(--af-clearance) * -0.98921);
  }

  4.0242% {
    translate: 47.964cqw calc(1.715cqh + var(--af-clearance) * -0.9657);
  }

  6.5659% {
    translate: 49.21cqw calc(3.65cqh + var(--af-clearance) * -0.927);
  }

  9.8488% {
    translate: 50.722cqw calc(6.583cqh + var(--af-clearance) * -0.86834);
  }

  16.3088% {
    translate: 53.633cqw calc(12.995cqh + var(--af-clearance) * -0.7401);
  }

  24.5691% {
    translate: 57.067cqw calc(21.861cqh + var(--af-clearance) * -0.56277);
  }

  29.4405% {
    translate: 58.607cqw calc(27.124cqh + var(--af-clearance) * -0.45752);
  }

  34.4179% {
    translate: 59.685cqw calc(32.251cqh + var(--af-clearance) * -0.35498);
  }

  41.9369% {
    translate: 60.849cqw calc(39.771cqh + var(--af-clearance) * -0.20458);
  }

  48.2909% {
    translate: 61.535cqw calc(46.538cqh + var(--af-clearance) * -0.06923);
  }

  54.9627% {
    translate: 61.518cqw calc(53.54cqh + var(--af-clearance) * 0.07079);
  }

  67.8826% {
    translate: 61.111cqw calc(66.382cqh + var(--af-clearance) * 0.32765);
  }

  81.0144% {
    translate: 62.092cqw calc(80.34cqh + var(--af-clearance) * 0.60679);
  }

  92.134% {
    translate: 62.747cqw calc(91.567cqh + var(--af-clearance) * 0.83133);
  }

  100% {
    translate: 63.357cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-5 {
  0% {
    transform: perspective(650px) rotateZ(24.18deg) rotateY(16.8deg) rotateX(-46.14deg);
  }

  3.3888% {
    transform: perspective(650px) rotateZ(32.21deg) rotateY(15.05deg) rotateX(-17deg);
  }

  6.46% {
    transform: perspective(650px) rotateZ(36.61deg) rotateY(12.05deg) rotateX(6.89deg);
  }

  9.5311% {
    transform: perspective(650px) rotateZ(37.85deg) rotateY(7.99deg) rotateX(27.9deg);
  }

  12.6022% {
    transform: perspective(650px) rotateZ(35.86deg) rotateY(3.22deg) rotateX(46.11deg);
  }

  18.1091% {
    transform: perspective(650px) rotateZ(25.19deg) rotateY(-5.76deg) rotateX(74.08deg);
  }

  23.5101% {
    transform: perspective(650px) rotateZ(9.24deg) rotateY(-13deg) rotateX(101.24deg);
  }

  27.5343% {
    transform: perspective(650px) rotateZ(-3.05deg) rotateY(-16.2deg) rotateX(125.14deg);
  }

  33.5707% {
    transform: perspective(650px) rotateZ(-16.83deg) rotateY(-16.34deg) rotateX(170.04deg);
  }

  38.8657% {
    transform: perspective(650px) rotateZ(-20.52deg) rotateY(-11.91deg) rotateX(216.73deg);
  }

  44.6903% {
    transform: perspective(650px) rotateZ(-14.09deg) rotateY(-3.54deg) rotateX(269.33deg);
  }

  48.3968% {
    transform: perspective(650px) rotateZ(-5.26deg) rotateY(2.56deg) rotateX(299.82deg);
  }

  51.8916% {
    transform: perspective(650px) rotateZ(5.03deg) rotateY(8.02deg) rotateX(324.94deg);
  }

  56.1276% {
    transform: perspective(650px) rotateZ(17.97deg) rotateY(13.35deg) rotateX(350.46deg);
  }

  61.5286% {
    transform: perspective(650px) rotateZ(31.22deg) rotateY(16.83deg) rotateX(377.75deg);
  }

  65.341% {
    transform: perspective(650px) rotateZ(36.1deg) rotateY(16.56deg) rotateX(396.58deg);
  }

  68.9416% {
    transform: perspective(650px) rotateZ(36.31deg) rotateY(14.23deg) rotateX(416.48deg);
  }

  72.6482% {
    transform: perspective(650px) rotateZ(31.92deg) rotateY(10.03deg) rotateX(440.63deg);
  }

  76.3547% {
    transform: perspective(650px) rotateZ(23.43deg) rotateY(4.54deg) rotateX(469deg);
  }

  85.5681% {
    transform: perspective(650px) rotateZ(-6.87deg) rotateY(-9.97deg) rotateX(551.07deg);
  }

  91.6045% {
    transform: perspective(650px) rotateZ(-23.93deg) rotateY(-15.93deg) rotateX(602.3deg);
  }

  95.8405% {
    transform: perspective(650px) rotateZ(-30.29deg) rotateY(-16.97deg) rotateX(632.33deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-30.72deg) rotateY(-15.23deg) rotateX(656.67deg);
  }
}

.af-drop-9 {
  --af-scale: 0.98136;
  --af-begin: 16.51643%;
  --af-end: 34.66877%;
  --af-local-begin: 14.12655%;
  --af-local-end: 35.90935%;
  --af-swings: 6;
  --af-travel: af-travel-9;
  --af-orient: af-orient-9;
  z-index: 981;
}

@keyframes af-travel-9 {
  0% {
    translate: 47.183cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.0253% {
    translate: 45.473cqw calc(0.519cqh + var(--af-clearance) * -0.98962);
  }

  4.1857% {
    translate: 43.71cqw calc(1.593cqh + var(--af-clearance) * -0.96813);
  }

  6.4811% {
    translate: 41.912cqw calc(3.205cqh + var(--af-clearance) * -0.9359);
  }

  9.1816% {
    translate: 39.911cqw calc(5.541cqh + var(--af-clearance) * -0.88919);
  }

  15.6626% {
    translate: 35.713cqw calc(12.086cqh + var(--af-clearance) * -0.75828);
  }

  22.2788% {
    translate: 32.386cqw calc(18.983cqh + var(--af-clearance) * -0.62034);
  }

  29.84% {
    translate: 29.495cqw calc(26.58cqh + var(--af-clearance) * -0.46841);
  }

  41.587% {
    translate: 25.752cqw calc(38.569cqh + var(--af-clearance) * -0.22861);
  }

  47.9331% {
    translate: 24.101cqw calc(45.467cqh + var(--af-clearance) * -0.09065);
  }

  53.7391% {
    translate: 23.072cqw calc(51.786cqh + var(--af-clearance) * 0.03572);
  }

  59.8151% {
    translate: 22.479cqw calc(58.124cqh + var(--af-clearance) * 0.16247);
  }

  75.0727% {
    translate: 21.063cqw calc(73.497cqh + var(--af-clearance) * 0.46995);
  }

  89.2501% {
    translate: 18.796cqw calc(88.849cqh + var(--af-clearance) * 0.77697);
  }

  100% {
    translate: 17.967cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-9 {
  0% {
    transform: perspective(650px) rotateZ(-125.41deg) rotateY(-16.94deg) rotateX(128.31deg);
  }

  8.6415% {
    transform: perspective(650px) rotateZ(-132.96deg) rotateY(-14.57deg) rotateX(86.45deg);
  }

  16.7428% {
    transform: perspective(650px) rotateZ(-130.83deg) rotateY(-7.23deg) rotateX(47.91deg);
  }

  24.1691% {
    transform: perspective(650px) rotateZ(-121.48deg) rotateY(1.72deg) rotateX(12.22deg);
  }

  36.9963% {
    transform: perspective(650px) rotateZ(-98.02deg) rotateY(14.62deg) rotateX(-51.86deg);
  }

  44.6926% {
    transform: perspective(650px) rotateZ(-87.11deg) rotateY(16.99deg) rotateX(-91.37deg);
  }

  51.4437% {
    transform: perspective(650px) rotateZ(-83.22deg) rotateY(14.79deg) rotateX(-125.82deg);
  }

  61.1653% {
    transform: perspective(650px) rotateZ(-88.27deg) rotateY(5.78deg) rotateX(-174.01deg);
  }

  75.4778% {
    transform: perspective(650px) rotateZ(-109.04deg) rotateY(-10.88deg) rotateX(-242.4deg);
  }

  84.7943% {
    transform: perspective(650px) rotateZ(-119.24deg) rotateY(-16.67deg) rotateX(-287.47deg);
  }

  92.2206% {
    transform: perspective(650px) rotateZ(-120.2deg) rotateY(-16.01deg) rotateX(-324.6deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-113.43deg) rotateY(-10.45deg) rotateX(-364.41deg);
  }
}

.af-drop-10 {
  --af-scale: 0.52465;
  --af-begin: 16.43543%;
  --af-end: 47.11435%;
  --af-local-begin: 14.23094%;
  --af-local-end: 55.13616%;
  --af-swings: 4;
  --af-travel: af-travel-10;
  --af-orient: af-orient-10;
  z-index: 525;
}

@keyframes af-travel-10 {
  0% {
    translate: 47.068cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.2783% {
    translate: 46.01cqw calc(0.395cqh + var(--af-clearance) * -0.9921);
  }

  2.6364% {
    translate: 44.975cqw calc(1.119cqh + var(--af-clearance) * -0.97762);
  }

  5.9919% {
    translate: 42.812cqw calc(3.799cqh + var(--af-clearance) * -0.92402);
  }

  10.6256% {
    translate: 40.602cqw calc(8.21cqh + var(--af-clearance) * -0.83579);
  }

  16.4576% {
    translate: 38.536cqw calc(13.845cqh + var(--af-clearance) * -0.7231);
  }

  21.6506% {
    translate: 37.29cqw calc(18.98cqh + var(--af-clearance) * -0.62039);
  }

  26.9234% {
    translate: 36.522cqw calc(24.553cqh + var(--af-clearance) * -0.50894);
  }

  40.425% {
    translate: 35.254cqw calc(39.125cqh + var(--af-clearance) * -0.2175);
  }

  60.7174% {
    translate: 34.09cqw calc(59.679cqh + var(--af-clearance) * 0.19357);
  }

  73.4202% {
    translate: 34.34cqw calc(72.961cqh + var(--af-clearance) * 0.45923);
  }

  93.0734% {
    translate: 34.185cqw calc(92.85cqh + var(--af-clearance) * 0.85701);
  }

  100% {
    translate: 34.523cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-10 {
  0% {
    transform: perspective(650px) rotateZ(48.81deg) rotateY(5.1deg) rotateX(93.04deg);
  }

  1.6777% {
    transform: perspective(650px) rotateZ(45.31deg) rotateY(1.25deg) rotateX(81.53deg);
  }

  3.7549% {
    transform: perspective(650px) rotateZ(38.66deg) rotateY(-3.57deg) rotateX(62.58deg);
  }

  6.7908% {
    transform: perspective(650px) rotateZ(25.55deg) rotateY(-10.01deg) rotateX(32.35deg);
  }

  8.7082% {
    transform: perspective(650px) rotateZ(16.21deg) rotateY(-13.24deg) rotateX(16.31deg);
  }

  10.7853% {
    transform: perspective(650px) rotateZ(6.17deg) rotateY(-15.71deg) rotateX(5.06deg);
  }

  12.7027% {
    transform: perspective(650px) rotateZ(-2.25deg) rotateY(-16.86deg) rotateX(2.04deg);
  }

  14.1408% {
    transform: perspective(650px) rotateZ(-7.64deg) rotateY(-16.96deg) rotateX(4.75deg);
  }

  15.5788% {
    transform: perspective(650px) rotateZ(-11.96deg) rotateY(-16.4deg) rotateX(11.5deg);
  }

  17.0968% {
    transform: perspective(650px) rotateZ(-15.17deg) rotateY(-15.11deg) rotateX(22.36deg);
  }

  18.9343% {
    transform: perspective(650px) rotateZ(-17deg) rotateY(-12.69deg) rotateX(39.14deg);
  }

  22.8489% {
    transform: perspective(650px) rotateZ(-13.22deg) rotateY(-5.09deg) rotateX(77.41deg);
  }

  25.0859% {
    transform: perspective(650px) rotateZ(-6.92deg) rotateY(0.06deg) rotateX(92.54deg);
  }

  27.4027% {
    transform: perspective(650px) rotateZ(1.84deg) rotateY(5.38deg) rotateX(97.54deg);
  }

  31.2375% {
    transform: perspective(650px) rotateZ(18.25deg) rotateY(12.77deg) rotateX(93.15deg);
  }

  32.8354% {
    transform: perspective(650px) rotateZ(24.64deg) rotateY(14.91deg) rotateX(93.56deg);
  }

  34.5131% {
    transform: perspective(650px) rotateZ(30.45deg) rotateY(16.38deg) rotateX(98.56deg);
  }

  36.1908% {
    transform: perspective(650px) rotateZ(34.93deg) rotateY(16.99deg) rotateX(108.58deg);
  }

  40.1854% {
    transform: perspective(650px) rotateZ(38.65deg) rotateY(14.84deg) rotateX(143.15deg);
  }

  44.2598% {
    transform: perspective(650px) rotateZ(31.45deg) rotateY(8.17deg) rotateX(186.72deg);
  }

  47.5354% {
    transform: perspective(650px) rotateZ(19.03deg) rotateY(0.86deg) rotateX(228.81deg);
  }

  55.0452% {
    transform: perspective(650px) rotateZ(-15.03deg) rotateY(-14.14deg) rotateX(333.76deg);
  }

  57.5218% {
    transform: perspective(650px) rotateZ(-22.61deg) rotateY(-16.48deg) rotateX(364.77deg);
  }

  59.8386% {
    transform: perspective(650px) rotateZ(-26.31deg) rotateY(-16.96deg) rotateX(390.44deg);
  }

  62.5549% {
    transform: perspective(650px) rotateZ(-25.88deg) rotateY(-15.35deg) rotateX(416.56deg);
  }

  65.3511% {
    transform: perspective(650px) rotateZ(-20.19deg) rotateY(-11.49deg) rotateX(440.37deg);
  }

  69.6653% {
    transform: perspective(650px) rotateZ(-3.47deg) rotateY(-2.52deg) rotateX(476.67deg);
  }

  72.781% {
    transform: perspective(650px) rotateZ(11.25deg) rotateY(4.69deg) rotateX(507.08deg);
  }

  75.1778% {
    transform: perspective(650px) rotateZ(21.89deg) rotateY(9.73deg) rotateX(534.38deg);
  }

  77.7343% {
    transform: perspective(650px) rotateZ(30.94deg) rotateY(13.93deg) rotateX(567.19deg);
  }

  81.8887% {
    transform: perspective(650px) rotateZ(37.66deg) rotateY(16.99deg) rotateX(625.51deg);
  }

  85.6435% {
    transform: perspective(650px) rotateZ(33.8deg) rotateY(15.1deg) rotateX(677.56deg);
  }

  90.0376% {
    transform: perspective(650px) rotateZ(19.37deg) rotateY(7.98deg) rotateX(730.08deg);
  }

  92.7539% {
    transform: perspective(650px) rotateZ(7.73deg) rotateY(1.96deg) rotateX(756.8deg);
  }

  96.1892% {
    transform: perspective(650px) rotateZ(-6.27deg) rotateY(-5.94deg) rotateX(786.2deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-16.53deg) rotateY(-13.11deg) rotateX(818.17deg);
  }
}

.af-drop-12 {
  --af-scale: 0.9875;
  --af-begin: 22.65129%;
  --af-end: 40.78788%;
  --af-local-begin: 20.03163%;
  --af-local-end: 41.79553%;
  --af-swings: 6;
  --af-travel: af-travel-12;
  --af-orient: af-orient-12;
  z-index: 987;
}

@keyframes af-travel-12 {
  0% {
    translate: 49.328cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.892% {
    translate: 47.093cqw calc(0.693cqh + var(--af-clearance) * -0.98615);
  }

  4.0542% {
    translate: 44.734cqw calc(1.945cqh + var(--af-clearance) * -0.9611);
  }

  6.3516% {
    translate: 42.436cqw calc(3.69cqh + var(--af-clearance) * -0.92619);
  }

  9.0544% {
    translate: 39.974cqw calc(6.122cqh + var(--af-clearance) * -0.87756);
  }

  15.5411% {
    translate: 34.869cqw calc(12.79cqh + var(--af-clearance) * -0.74421);
  }

  23.3792% {
    translate: 29.681cqw calc(21.193cqh + var(--af-clearance) * -0.57613);
  }

  32.839% {
    translate: 24.265cqw calc(31.052cqh + var(--af-clearance) * -0.37897);
  }

  41.6232% {
    translate: 19.945cqw calc(39.831cqh + var(--af-clearance) * -0.20337);
  }

  51.083% {
    translate: 16.427cqw calc(49.411cqh + var(--af-clearance) * -0.01177);
  }

  68.3809% {
    translate: 11.189cqw calc(67.99cqh + var(--af-clearance) * 0.3598);
  }

  81.4895% {
    translate: 7.289cqw calc(81.19cqh + var(--af-clearance) * 0.62381);
  }

  90.679% {
    translate: 5.579cqw calc(90.29cqh + var(--af-clearance) * 0.80581);
  }

  100% {
    translate: 5.275cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-12 {
  0% {
    transform: perspective(650px) rotateZ(124.51deg) rotateY(16.98deg) rotateX(39.36deg);
  }

  4.1893% {
    transform: perspective(650px) rotateZ(133.42deg) rotateY(15.7deg) rotateX(62.95deg);
  }

  8.1084% {
    transform: perspective(650px) rotateZ(138.81deg) rotateY(12.83deg) rotateX(82.49deg);
  }

  11.8923% {
    transform: perspective(650px) rotateZ(140.75deg) rotateY(8.79deg) rotateX(98.31deg);
  }

  15.6763% {
    transform: perspective(650px) rotateZ(139.33deg) rotateY(3.91deg) rotateX(111.11deg);
  }

  22.4333% {
    transform: perspective(650px) rotateZ(129.32deg) rotateY(-5.41deg) rotateX(128.72deg);
  }

  28.92% {
    transform: perspective(650px) rotateZ(114.04deg) rotateY(-12.86deg) rotateX(145.01deg);
  }

  33.785% {
    transform: perspective(650px) rotateZ(102.1deg) rotateY(-16.17deg) rotateX(160.85deg);
  }

  41.0826% {
    transform: perspective(650px) rotateZ(88.87deg) rotateY(-16.3deg) rotateX(193.83deg);
  }

  47.4342% {
    transform: perspective(650px) rotateZ(85.74deg) rotateY(-11.72deg) rotateX(229.84deg);
  }

  54.1912% {
    transform: perspective(650px) rotateZ(92.27deg) rotateY(-3.46deg) rotateX(269.19deg);
  }

  58.5157% {
    transform: perspective(650px) rotateZ(100.86deg) rotateY(2.56deg) rotateX(291.52deg);
  }

  62.5699% {
    transform: perspective(650px) rotateZ(110.73deg) rotateY(7.92deg) rotateX(309.01deg);
  }

  67.4349% {
    transform: perspective(650px) rotateZ(123.05deg) rotateY(13.16deg) rotateX(325.44deg);
  }

  73.5162% {
    transform: perspective(650px) rotateZ(135.75deg) rotateY(16.71deg) rotateX(341.09deg);
  }

  77.7056% {
    transform: perspective(650px) rotateZ(140.89deg) rotateY(16.78deg) rotateX(351.21deg);
  }

  81.7598% {
    transform: perspective(650px) rotateZ(142.16deg) rotateY(14.98deg) rotateX(362.53deg);
  }

  85.814% {
    transform: perspective(650px) rotateZ(139.55deg) rotateY(11.52deg) rotateX(376.72deg);
  }

  90.0033% {
    transform: perspective(650px) rotateZ(133.08deg) rotateY(6.61deg) rotateX(395.08deg);
  }

  100% {
    transform: perspective(650px) rotateZ(107.79deg) rotateY(-6.98deg) rotateX(450.74deg);
  }
}

.af-drop-15 {
  --af-scale: 0.96932;
  --af-begin: 29.48598%;
  --af-end: 47.18589%;
  --af-local-begin: 28.87592%;
  --af-local-end: 50.11581%;
  --af-swings: 6;
  --af-travel: af-travel-15;
  --af-orient: af-orient-15;
  z-index: 969;
}

@keyframes af-travel-15 {
  0% {
    translate: 49.08cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.0771% {
    translate: 50.106cqw calc(0.75cqh + var(--af-clearance) * -0.98501);
  }

  4.2927% {
    translate: 51.095cqw calc(2.024cqh + var(--af-clearance) * -0.95952);
  }

  6.7852% {
    translate: 52.097cqw calc(3.91cqh + var(--af-clearance) * -0.9218);
  }

  9.6932% {
    translate: 53.143cqw calc(6.526cqh + var(--af-clearance) * -0.86949);
  }

  14.4013% {
    translate: 54.631cqw calc(11.288cqh + var(--af-clearance) * -0.77425);
  }

  21.7404% {
    translate: 56.582cqw calc(19.205cqh + var(--af-clearance) * -0.61589);
  }

  32.8184% {
    translate: 58.661cqw calc(31.328cqh + var(--af-clearance) * -0.37343);
  }

  45.558% {
    translate: 59.623cqw calc(44.505cqh + var(--af-clearance) * -0.1099);
  }

  74.6376% {
    translate: 60.001cqw calc(73.68cqh + var(--af-clearance) * 0.4736);
  }

  85.7155% {
    translate: 60.713cqw calc(84.708cqh + var(--af-clearance) * 0.69417);
  }

  100% {
    translate: 62.093cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-15 {
  0% {
    transform: perspective(650px) rotateZ(79.6deg) rotateY(-4.67deg) rotateX(126.49deg);
  }

  5.6774% {
    transform: perspective(650px) rotateZ(69.65deg) rotateY(-10.72deg) rotateX(104.38deg);
  }

  9.6932% {
    transform: perspective(650px) rotateZ(61.99deg) rotateY(-14deg) rotateX(92.04deg);
  }

  13.2935% {
    transform: perspective(650px) rotateZ(55.31deg) rotateY(-15.98deg) rotateX(85.43deg);
  }

  16.8939% {
    transform: perspective(650px) rotateZ(49.3deg) rotateY(-16.93deg) rotateX(84.05deg);
  }

  19.6633% {
    transform: perspective(650px) rotateZ(45.39deg) rotateY(-16.91deg) rotateX(86.71deg);
  }

  22.4328% {
    transform: perspective(650px) rotateZ(42.28deg) rotateY(-16.23deg) rotateX(92.36deg);
  }

  29.0796% {
    transform: perspective(650px) rotateZ(38.73deg) rotateY(-12.15deg) rotateX(114.83deg);
  }

  36.5572% {
    transform: perspective(650px) rotateZ(41.74deg) rotateY(-4.45deg) rotateX(143.39deg);
  }

  41.5423% {
    transform: perspective(650px) rotateZ(47.3deg) rotateY(1.52deg) rotateX(155.97deg);
  }

  46.1119% {
    transform: perspective(650px) rotateZ(54.04deg) rotateY(6.85deg) rotateX(157.25deg);
  }

  56.082% {
    transform: perspective(650px) rotateZ(69.7deg) rotateY(15.32deg) rotateX(144.97deg);
  }

  61.2056% {
    transform: perspective(650px) rotateZ(75.78deg) rotateY(16.94deg) rotateX(148.54deg);
  }

  69.2371% {
    transform: perspective(650px) rotateZ(79.59deg) rotateY(15.02deg) rotateX(168.95deg);
  }

  77.2686% {
    transform: perspective(650px) rotateZ(75.33deg) rotateY(8.34deg) rotateX(196.24deg);
  }

  83.4999% {
    transform: perspective(650px) rotateZ(67.38deg) rotateY(1.18deg) rotateX(222.75deg);
  }

  100% {
    transform: perspective(650px) rotateZ(42.56deg) rotateY(-15.17deg) rotateX(299.96deg);
  }
}

.af-drop-16 {
  --af-scale: 0.75738;
  --af-begin: 29.54237%;
  --af-end: 51.83526%;
  --af-local-begin: 27.00481%;
  --af-local-end: 56.72865%;
  --af-swings: 4;
  --af-travel: af-travel-16;
  --af-orient: af-orient-16;
  z-index: 757;
}

@keyframes af-travel-16 {
  0% {
    translate: 46.233cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.979% {
    translate: 48.476cqw calc(0.497cqh + var(--af-clearance) * -0.99006);
  }

  4.1779% {
    translate: 50.812cqw calc(1.643cqh + var(--af-clearance) * -0.96714);
  }

  6.7066% {
    translate: 53.319cqw calc(3.521cqh + var(--af-clearance) * -0.92958);
  }

  9.6751% {
    translate: 56.042cqw calc(6.2cqh + var(--af-clearance) * -0.87601);
  }

  16.7116% {
    translate: 61.624cqw calc(13.467cqh + var(--af-clearance) * -0.73066);
  }

  24.8475% {
    translate: 66.823cqw calc(22.303cqh + var(--af-clearance) * -0.55394);
  }

  36.5016% {
    translate: 73.196cqw calc(34.477cqh + var(--af-clearance) * -0.31046);
  }

  50.2447% {
    translate: 79.738cqw calc(48.346cqh + var(--af-clearance) * -0.03309);
  }

  58.2706% {
    translate: 83.033cqw calc(56.982cqh + var(--af-clearance) * 0.13963);
  }

  66.5164% {
    translate: 85.41cqw calc(65.438cqh + var(--af-clearance) * 0.30877);
  }

  79.9297% {
    translate: 88.511cqw calc(78.716cqh + var(--af-clearance) * 0.57432);
  }

  89.7147% {
    translate: 90.72cqw calc(89.012cqh + var(--af-clearance) * 0.78024);
  }

  94.8821% {
    translate: 91.501cqw calc(94.62cqh + var(--af-clearance) * 0.89239);
  }

  100% {
    translate: 91.801cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-16 {
  0% {
    transform: perspective(650px) rotateZ(-52.74deg) rotateY(-15.44deg) rotateX(24.69deg);
  }

  5.3873% {
    transform: perspective(650px) rotateZ(-52.49deg) rotateY(-10.39deg) rotateX(48.59deg);
  }

  10.9945% {
    transform: perspective(650px) rotateZ(-46.06deg) rotateY(-2.63deg) rotateX(72.83deg);
  }

  14.0729% {
    transform: perspective(650px) rotateZ(-40.35deg) rotateY(2.04deg) rotateX(81.01deg);
  }

  17.0414% {
    transform: perspective(650px) rotateZ(-33.89deg) rotateY(6.41deg) rotateX(83.65deg);
  }

  19.9% {
    transform: perspective(650px) rotateZ(-27.25deg) rotateY(10.18deg) rotateX(80.91deg);
  }

  22.9784% {
    transform: perspective(650px) rotateZ(-20.17deg) rotateY(13.5deg) rotateX(72.64deg);
  }

  29.3552% {
    transform: perspective(650px) rotateZ(-8.12deg) rotateY(16.94deg) rotateX(44.64deg);
  }

  32.8734% {
    transform: perspective(650px) rotateZ(-4.17deg) rotateY(16.54deg) rotateX(28.75deg);
  }

  34.9624% {
    transform: perspective(650px) rotateZ(-2.98deg) rotateY(15.52deg) rotateX(21.74deg);
  }

  37.711% {
    transform: perspective(650px) rotateZ(-2.78deg) rotateY(13.36deg) rotateX(18.62deg);
  }

  40.4596% {
    transform: perspective(650px) rotateZ(-4.11deg) rotateY(10.4deg) rotateX(23.54deg);
  }

  42.5485% {
    transform: perspective(650px) rotateZ(-6.08deg) rotateY(7.72deg) rotateX(32.05deg);
  }

  44.8574% {
    transform: perspective(650px) rotateZ(-9.07deg) rotateY(4.44deg) rotateX(44.86deg);
  }

  57.501% {
    transform: perspective(650px) rotateZ(-32deg) rotateY(-12.97deg) rotateX(127deg);
  }

  62.7783% {
    transform: perspective(650px) rotateZ(-38.91deg) rotateY(-16.55deg) rotateX(157.61deg);
  }

  67.9457% {
    transform: perspective(650px) rotateZ(-41.06deg) rotateY(-16.54deg) rotateX(182.66deg);
  }

  75.4219% {
    transform: perspective(650px) rotateZ(-35.12deg) rotateY(-10.54deg) rotateX(212deg);
  }

  81.4689% {
    transform: perspective(650px) rotateZ(-24.38deg) rotateY(-2.16deg) rotateX(234.98deg);
  }

  86.0866% {
    transform: perspective(650px) rotateZ(-14.95deg) rotateY(4.8deg) rotateX(255.47deg);
  }

  93.6727% {
    transform: perspective(650px) rotateZ(-2.58deg) rotateY(13.98deg) rotateX(297.55deg);
  }

  100% {
    transform: perspective(650px) rotateZ(0.59deg) rotateY(16.99deg) rotateX(338.28deg);
  }
}

.af-drop-18 {
  --af-scale: 0.51388;
  --af-begin: 29.16178%;
  --af-end: 61.7812%;
  --af-local-begin: 26.74453%;
  --af-local-end: 65.88782%;
  --af-swings: 6;
  --af-travel: af-travel-18;
  --af-orient: af-orient-18;
  z-index: 514;
}

@keyframes af-travel-18 {
  0% {
    translate: 47.531cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.1039% {
    translate: 49.998cqw calc(0.702cqh + var(--af-clearance) * -0.98597);
  }

  4.5083% {
    translate: 52.452cqw calc(2.398cqh + var(--af-clearance) * -0.95204);
  }

  8.7912% {
    translate: 55.982cqw calc(6.522cqh + var(--af-clearance) * -0.86956);
  }

  13.2995% {
    translate: 58.682cqw calc(11.207cqh + var(--af-clearance) * -0.77586);
  }

  17.1316% {
    translate: 60.311cqw calc(15.101cqh + var(--af-clearance) * -0.69798);
  }

  21.6399% {
    translate: 61.699cqw calc(19.542cqh + var(--af-clearance) * -0.60915);
  }

  33.061% {
    translate: 63.905cqw calc(30.684cqh + var(--af-clearance) * -0.38632);
  }

  39.7484% {
    translate: 64.56cqw calc(37.563cqh + var(--af-clearance) * -0.24873);
  }

  52.3717% {
    translate: 65.489cqw calc(51.132cqh + var(--af-clearance) * 0.02264);
  }

  57.8568% {
    translate: 65.569cqw calc(56.836cqh + var(--af-clearance) * 0.13671);
  }

  64.2436% {
    translate: 65.32cqw calc(63.15cqh + var(--af-clearance) * 0.26301);
  }

  72.058% {
    translate: 64.732cqw calc(70.741cqh + var(--af-clearance) * 0.41481);
  }

  78.5951% {
    translate: 63.838cqw calc(77.286cqh + var(--af-clearance) * 0.54571);
  }

  100% {
    translate: 60.166cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-18 {
  0% {
    transform: perspective(650px) rotateZ(94.53deg) rotateY(-79.84deg) rotateX(-15.84deg);
  }

  2.5547% {
    transform: perspective(650px) rotateZ(87.06deg) rotateY(-81.6deg) rotateX(-16.89deg);
  }

  5.1846% {
    transform: perspective(650px) rotateZ(80.9deg) rotateY(-78.16deg) rotateX(-16.82deg);
  }

  7.8896% {
    transform: perspective(650px) rotateZ(76.71deg) rotateY(-69.63deg) rotateX(-15.53deg);
  }

  11.1957% {
    transform: perspective(650px) rotateZ(75.04deg) rotateY(-54.38deg) rotateX(-12.44deg);
  }

  14.4266% {
    transform: perspective(650px) rotateZ(77.26deg) rotateY(-37.68deg) rotateX(-8.11deg);
  }

  17.8079% {
    transform: perspective(650px) rotateZ(83.39deg) rotateY(-22.48deg) rotateX(-2.69deg);
  }

  20.2123% {
    transform: perspective(650px) rotateZ(89.71deg) rotateY(-15.2deg) rotateX(1.39deg);
  }

  22.5416% {
    transform: perspective(650px) rotateZ(96.96deg) rotateY(-11.98deg) rotateX(5.27deg);
  }

  25.0963% {
    transform: perspective(650px) rotateZ(105.66deg) rotateY(-13.25deg) rotateX(9.19deg);
  }

  27.8013% {
    transform: perspective(650px) rotateZ(115.03deg) rotateY(-19.85deg) rotateX(12.69deg);
  }

  30.5815% {
    transform: perspective(650px) rotateZ(124.05deg) rotateY(-31.13deg) rotateX(15.31deg);
  }

  34.8644% {
    transform: perspective(650px) rotateZ(135.03deg) rotateY(-52.89deg) rotateX(17deg);
  }

  39.8235% {
    transform: perspective(650px) rotateZ(140.97deg) rotateY(-74.49deg) rotateX(15.11deg);
  }

  43.881% {
    transform: perspective(650px) rotateZ(139.55deg) rotateY(-81.62deg) rotateX(10.8deg);
  }

  46.586% {
    transform: perspective(650px) rotateZ(135.64deg) rotateY(-79.43deg) rotateX(6.89deg);
  }

  49.3661% {
    transform: perspective(650px) rotateZ(129.63deg) rotateY(-71.7deg) rotateX(2.35deg);
  }

  58.3076% {
    transform: perspective(650px) rotateZ(104.59deg) rotateY(-28.76deg) rotateX(-11.68deg);
  }

  61.6137% {
    transform: perspective(650px) rotateZ(96.81deg) rotateY(-16.71deg) rotateX(-15.06deg);
  }

  65.0701% {
    transform: perspective(650px) rotateZ(91.52deg) rotateY(-11.83deg) rotateX(-16.84deg);
  }

  68.5265% {
    transform: perspective(650px) rotateZ(89.95deg) rotateY(-16.07deg) rotateX(-16.63deg);
  }

  71.0812% {
    transform: perspective(650px) rotateZ(91.38deg) rotateY(-24.5deg) rotateX(-15.19deg);
  }

  74.0868% {
    transform: perspective(650px) rotateZ(95.77deg) rotateY(-38.4deg) rotateX(-12.24deg);
  }

  80.699% {
    transform: perspective(650px) rotateZ(113.17deg) rotateY(-70.48deg) rotateX(-2.39deg);
  }

  83.2537% {
    transform: perspective(650px) rotateZ(121.31deg) rotateY(-78.31deg) rotateX(1.95deg);
  }

  85.6581% {
    transform: perspective(650px) rotateZ(128.83deg) rotateY(-81.54deg) rotateX(5.92deg);
  }

  88.3631% {
    transform: perspective(650px) rotateZ(136.48deg) rotateY(-79.86deg) rotateX(9.97deg);
  }

  91.2184% {
    transform: perspective(650px) rotateZ(142.9deg) rotateY(-72.3deg) rotateX(13.45deg);
  }

  95.6516% {
    transform: perspective(650px) rotateZ(148.06deg) rotateY(-52.25deg) rotateX(16.61deg);
  }

  100% {
    transform: perspective(650px) rotateZ(146.39deg) rotateY(-30.25deg) rotateX(16.58deg);
  }
}

.af-drop-19 {
  --af-scale: 0.78679;
  --af-begin: 36.39122%;
  --af-end: 57.34009%;
  --af-local-begin: 32.75962%;
  --af-local-end: 60.69145%;
  --af-swings: 4;
  --af-travel: af-travel-19;
  --af-orient: af-orient-19;
  z-index: 787;
}

@keyframes af-travel-19 {
  0% {
    translate: 48.046cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.691% {
    translate: 46.907cqw calc(0.734cqh + var(--af-clearance) * -0.98532);
  }

  5.6159% {
    translate: 45.731cqw calc(2.455cqh + var(--af-clearance) * -0.9509);
  }

  9.4769% {
    translate: 44.324cqw calc(5.593cqh + var(--af-clearance) * -0.88813);
  }

  14.5078% {
    translate: 42.876cqw calc(10.362cqh + var(--af-clearance) * -0.79277);
  }

  27.9626% {
    translate: 40.225cqw calc(24.486cqh + var(--af-clearance) * -0.51029);
  }

  34.8655% {
    translate: 39.481cqw calc(31.431cqh + var(--af-clearance) * -0.37139);
  }

  40.2474% {
    translate: 39.518cqw calc(37.057cqh + var(--af-clearance) * -0.25885);
  }

  52.2982% {
    translate: 40.295cqw calc(50.133cqh + var(--af-clearance) * 0.00267);
  }

  63.881% {
    translate: 40.744cqw calc(61.914cqh + var(--af-clearance) * 0.23827);
  }

  69.9649% {
    translate: 40.952cqw calc(68.412cqh + var(--af-clearance) * 0.36823);
  }

  75.3469% {
    translate: 40.725cqw calc(74.119cqh + var(--af-clearance) * 0.48238);
  }

  87.7487% {
    translate: 39.87cqw calc(86.718cqh + var(--af-clearance) * 0.73437);
  }

  100% {
    translate: 39.38cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-19 {
  0% {
    transform: perspective(650px) rotateZ(-136.77deg) rotateY(-13.33deg) rotateX(130.62deg);
  }

  5.1479% {
    transform: perspective(650px) rotateZ(-152.51deg) rotateY(-16.6deg) rotateX(163.97deg);
  }

  10.1788% {
    transform: perspective(650px) rotateZ(-164.06deg) rotateY(-16.57deg) rotateX(203.1deg);
  }

  14.2738% {
    transform: perspective(650px) rotateZ(-168.87deg) rotateY(-14.18deg) rotateX(239.12deg);
  }

  18.3687% {
    transform: perspective(650px) rotateZ(-168.79deg) rotateY(-9.98deg) rotateX(277.11deg);
  }

  21.8787% {
    transform: perspective(650px) rotateZ(-164.85deg) rotateY(-5.33deg) rotateX(309.53deg);
  }

  25.6226% {
    transform: perspective(650px) rotateZ(-157.24deg) rotateY(0.16deg) rotateX(342.28deg);
  }

  31.5895% {
    transform: perspective(650px) rotateZ(-140.34deg) rotateY(8.65deg) rotateX(387.78deg);
  }

  36.1524% {
    transform: perspective(650px) rotateZ(-126.41deg) rotateY(13.67deg) rotateX(416.52deg);
  }

  42.2364% {
    transform: perspective(650px) rotateZ(-111.29deg) rotateY(16.91deg) rotateX(449.65deg);
  }

  46.4483% {
    transform: perspective(650px) rotateZ(-105.49deg) rotateY(16.4deg) rotateX(472.45deg);
  }

  50.4262% {
    transform: perspective(650px) rotateZ(-104.52deg) rotateY(13.87deg) rotateX(496.36deg);
  }

  54.4042% {
    transform: perspective(650px) rotateZ(-108deg) rotateY(9.67deg) rotateX(523.99deg);
  }

  58.4991% {
    transform: perspective(650px) rotateZ(-115.64deg) rotateY(4.13deg) rotateX(556.72deg);
  }

  67.859% {
    transform: perspective(650px) rotateZ(-141.12deg) rotateY(-9.27deg) rotateX(641.96deg);
  }

  73.9429% {
    transform: perspective(650px) rotateZ(-155.67deg) rotateY(-15.23deg) rotateX(695.87deg);
  }

  77.8038% {
    transform: perspective(650px) rotateZ(-161.07deg) rotateY(-16.88deg) rotateX(726deg);
  }

  81.5478% {
    transform: perspective(650px) rotateZ(-162.44deg) rotateY(-16.64deg) rotateX(751.51deg);
  }

  85.2917% {
    transform: perspective(650px) rotateZ(-159.74deg) rotateY(-14.61deg) rotateX(773.8deg);
  }

  89.2696% {
    transform: perspective(650px) rotateZ(-152.68deg) rotateY(-10.76deg) rotateX(795.3deg);
  }

  95.3535% {
    transform: perspective(650px) rotateZ(-135.73deg) rotateY(-2.56deg) rotateX(828.4deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-120.64deg) rotateY(4.32deg) rotateX(857.64deg);
  }
}

.af-drop-22 {
  --af-scale: 0.78802;
  --af-begin: 41.93778%;
  --af-end: 63.73575%;
  --af-local-begin: 36.06142%;
  --af-local-end: 65.12538%;
  --af-swings: 4;
  --af-travel: af-travel-22;
  --af-orient: af-orient-22;
  z-index: 788;
}

@keyframes af-travel-22 {
  0% {
    translate: 48.398cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.9235% {
    translate: 46.748cqw calc(1.228cqh + var(--af-clearance) * -0.97545);
  }

  6.2967% {
    translate: 45.129cqw calc(3.733cqh + var(--af-clearance) * -0.92535);
  }

  12.9307% {
    translate: 42.891cqw calc(10.085cqh + var(--af-clearance) * -0.7983);
  }

  20.2393% {
    translate: 41.717cqw calc(17.439cqh + var(--af-clearance) * -0.65122);
  }

  39.5791% {
    translate: 41.399cqw calc(37.485cqh + var(--af-clearance) * -0.25031);
  }

  59.2563% {
    translate: 40.073cqw calc(57.914cqh + var(--af-clearance) * 0.15828);
  }

  71.7372% {
    translate: 40.365cqw calc(70.627cqh + var(--af-clearance) * 0.41253);
  }

  82.5315% {
    translate: 40.759cqw calc(81.921cqh + var(--af-clearance) * 0.63843);
  }

  100% {
    translate: 39.862cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-22 {
  0% {
    transform: perspective(650px) rotateZ(44.56deg) rotateY(1.13deg) rotateX(-70.7deg);
  }

  10.1197% {
    transform: perspective(650px) rotateZ(23.69deg) rotateY(-12.78deg) rotateX(-117.39deg);
  }

  13.0431% {
    transform: perspective(650px) rotateZ(16.61deg) rotateY(-15.27deg) rotateX(-126.13deg);
  }

  15.8541% {
    transform: perspective(650px) rotateZ(10.24deg) rotateY(-16.66deg) rotateX(-129.68deg);
  }

  18.3278% {
    transform: perspective(650px) rotateZ(5.37deg) rotateY(-17deg) rotateX(-128.46deg);
  }

  20.914% {
    transform: perspective(650px) rotateZ(1.29deg) rotateY(-16.44deg) rotateX(-122.95deg);
  }

  23.725% {
    transform: perspective(650px) rotateZ(-1.69deg) rotateY(-14.81deg) rotateX(-112.86deg);
  }

  27.2107% {
    transform: perspective(650px) rotateZ(-3.05deg) rotateY(-11.48deg) rotateX(-96.56deg);
  }

  34.0696% {
    transform: perspective(650px) rotateZ(1.79deg) rotateY(-2.03deg) rotateX(-65.64deg);
  }

  36.6557% {
    transform: perspective(650px) rotateZ(5.76deg) rotateY(1.95deg) rotateX(-58.7deg);
  }

  39.1294% {
    transform: perspective(650px) rotateZ(10.28deg) rotateY(5.65deg) rotateX(-55.93deg);
  }

  41.9404% {
    transform: perspective(650px) rotateZ(15.89deg) rotateY(9.51deg) rotateX(-57.75deg);
  }

  44.8639% {
    transform: perspective(650px) rotateZ(21.79deg) rotateY(12.87deg) rotateX(-64.94deg);
  }

  51.0481% {
    transform: perspective(650px) rotateZ(32.1deg) rotateY(16.81deg) rotateX(-92.16deg);
  }

  56.3328% {
    transform: perspective(650px) rotateZ(36.17deg) rotateY(16.1deg) rotateX(-116.54deg);
  }

  59.0314% {
    transform: perspective(650px) rotateZ(36.04deg) rotateY(14.29deg) rotateX(-125.09deg);
  }

  61.6175% {
    transform: perspective(650px) rotateZ(34.46deg) rotateY(11.76deg) rotateX(-129.3deg);
  }

  64.6534% {
    transform: perspective(650px) rotateZ(30.92deg) rotateY(7.98deg) rotateX(-128.6deg);
  }

  67.8018% {
    transform: perspective(650px) rotateZ(25.63deg) rotateY(3.43deg) rotateX(-121.59deg);
  }

  70.9501% {
    transform: perspective(650px) rotateZ(19.17deg) rotateY(-1.39deg) rotateX(-109.44deg);
  }

  79.6081% {
    transform: perspective(650px) rotateZ(0.55deg) rotateY(-12.96deg) rotateX(-68.87deg);
  }

  82.4191% {
    transform: perspective(650px) rotateZ(-4.14deg) rotateY(-15.31deg) rotateX(-60.14deg);
  }

  85.0052% {
    transform: perspective(650px) rotateZ(-7.27deg) rotateY(-16.61deg) rotateX(-56.2deg);
  }

  88.0411% {
    transform: perspective(650px) rotateZ(-9.23deg) rotateY(-16.97deg) rotateX(-57.25deg);
  }

  91.1895% {
    transform: perspective(650px) rotateZ(-9.09deg) rotateY(-15.99deg) rotateX(-64.58deg);
  }

  94.4502% {
    transform: perspective(650px) rotateZ(-6.63deg) rotateY(-13.62deg) rotateX(-77.46deg);
  }

  100% {
    transform: perspective(650px) rotateZ(2.26deg) rotateY(-7.03deg) rotateX(-104.52deg);
  }
}

.af-drop-23 {
  --af-scale: 0.96488;
  --af-begin: 45.7674%;
  --af-end: 63.52002%;
  --af-local-begin: 43.10899%;
  --af-local-end: 65.29976%;
  --af-swings: 5;
  --af-travel: af-travel-23;
  --af-orient: af-orient-23;
  z-index: 965;
}

@keyframes af-travel-23 {
  0% {
    translate: 46.647cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.9329% {
    translate: 44.956cqw calc(0.628cqh + var(--af-clearance) * -0.98744);
  }

  4.0038% {
    translate: 43.287cqw calc(1.737cqh + var(--af-clearance) * -0.96527);
  }

  6.2128% {
    translate: 41.66cqw calc(3.319cqh + var(--af-clearance) * -0.93362);
  }

  8.836% {
    translate: 39.922cqw calc(5.584cqh + var(--af-clearance) * -0.88832);
  }

  14.4966% {
    translate: 36.853cqw calc(11.212cqh + var(--af-clearance) * -0.77577);
  }

  20.7095% {
    translate: 34.418cqw calc(17.65cqh + var(--af-clearance) * -0.647);
  }

  28.9932% {
    translate: 32.113cqw calc(26.024cqh + var(--af-clearance) * -0.47952);
  }

  38.6577% {
    translate: 30.077cqw calc(35.677cqh + var(--af-clearance) * -0.28646);
  }

  49.4266% {
    translate: 28.699cqw calc(46.855cqh + var(--af-clearance) * -0.0629);
  }

  67.6509% {
    translate: 27.59cqw calc(66.92cqh + var(--af-clearance) * 0.33841);
  }

  75.6586% {
    translate: 27.666cqw calc(75.332cqh + var(--af-clearance) * 0.50664);
  }

  88.6365% {
    translate: 28.098cqw calc(88.353cqh + var(--af-clearance) * 0.76706);
  }

  100% {
    translate: 29.185cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-23 {
  0% {
    transform: perspective(650px) rotateZ(-114.97deg) rotateY(13.29deg) rotateX(-100.66deg);
  }

  3.7277% {
    transform: perspective(650px) rotateZ(-113.2deg) rotateY(9.57deg) rotateX(-99.2deg);
  }

  7.5935% {
    transform: perspective(650px) rotateZ(-114.34deg) rotateY(4.82deg) rotateX(-105.47deg);
  }

  10.4928% {
    transform: perspective(650px) rotateZ(-117.11deg) rotateY(0.92deg) rotateX(-114.64deg);
  }

  13.9444% {
    transform: perspective(650px) rotateZ(-122.27deg) rotateY(-3.76deg) rotateX(-128.9deg);
  }

  22.0901% {
    transform: perspective(650px) rotateZ(-139.6deg) rotateY(-13.07deg) rotateX(-163.12deg);
  }

  25.4036% {
    transform: perspective(650px) rotateZ(-147.22deg) rotateY(-15.47deg) rotateX(-171.64deg);
  }

  28.5791% {
    transform: perspective(650px) rotateZ(-153.95deg) rotateY(-16.75deg) rotateX(-174.72deg);
  }

  31.3403% {
    transform: perspective(650px) rotateZ(-158.97deg) rotateY(-16.98deg) rotateX(-172.98deg);
  }

  34.1016% {
    transform: perspective(650px) rotateZ(-162.9deg) rotateY(-16.38deg) rotateX(-167.31deg);
  }

  37.139% {
    transform: perspective(650px) rotateZ(-165.73deg) rotateY(-14.79deg) rotateX(-157.28deg);
  }

  40.8667% {
    transform: perspective(650px) rotateZ(-166.8deg) rotateY(-11.67deg) rotateX(-141.47deg);
  }

  48.184% {
    transform: perspective(650px) rotateZ(-161.25deg) rotateY(-2.85deg) rotateX(-110.83deg);
  }

  50.9453% {
    transform: perspective(650px) rotateZ(-156.93deg) rotateY(0.91deg) rotateX(-103.24deg);
  }

  53.4304% {
    transform: perspective(650px) rotateZ(-152.32deg) rotateY(4.25deg) rotateX(-99.52deg);
  }

  56.7439% {
    transform: perspective(650px) rotateZ(-145.51deg) rotateY(8.43deg) rotateX(-99.67deg);
  }

  60.1955% {
    transform: perspective(650px) rotateZ(-138.23deg) rotateY(12.15deg) rotateX(-105.97deg);
  }

  63.9232% {
    transform: perspective(650px) rotateZ(-130.95deg) rotateY(15.12deg) rotateX(-118.56deg);
  }

  69.1696% {
    transform: perspective(650px) rotateZ(-123.28deg) rotateY(16.98deg) rotateX(-141.63deg);
  }

  75.5205% {
    transform: perspective(650px) rotateZ(-120.18deg) rotateY(15.26deg) rotateX(-166.26deg);
  }

  78.1437% {
    transform: perspective(650px) rotateZ(-121.21deg) rotateY(13.36deg) rotateX(-172.21deg);
  }

  80.6288% {
    transform: perspective(650px) rotateZ(-123.43deg) rotateY(11deg) rotateX(-174.64deg);
  }

  84.0804% {
    transform: perspective(650px) rotateZ(-128.34deg) rotateY(7.04deg) rotateX(-172.5deg);
  }

  87.67% {
    transform: perspective(650px) rotateZ(-135.32deg) rotateY(2.35deg) rotateX(-163.9deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-164.35deg) rotateY(-12.79deg) rotateX(-112.86deg);
  }
}

.af-drop-27 {
  --af-scale: 0.50627;
  --af-begin: 44.38327%;
  --af-end: 76.9381%;
  --af-local-begin: 41.94815%;
  --af-local-end: 81.01394%;
  --af-swings: 6;
  --af-travel: af-travel-27;
  --af-orient: af-orient-27;
  z-index: 506;
}

@keyframes af-travel-27 {
  0% {
    translate: 44.998cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.0328% {
    translate: 43.399cqw calc(0.728cqh + var(--af-clearance) * -0.98543);
  }

  4.5173% {
    translate: 41.608cqw calc(2.489cqh + var(--af-clearance) * -0.95022);
  }

  9.2604% {
    translate: 38.678cqw calc(6.845cqh + var(--af-clearance) * -0.86311);
  }

  13.9282% {
    translate: 36.673cqw calc(11.585cqh + var(--af-clearance) * -0.76831);
  }

  18.5208% {
    translate: 35.117cqw calc(16.411cqh + var(--af-clearance) * -0.67179);
  }

  24.1674% {
    translate: 33.503cqw calc(22.008cqh + var(--af-clearance) * -0.55983);
  }

  35.6111% {
    translate: 31.359cqw calc(33.939cqh + var(--af-clearance) * -0.32121);
  }

  40.806% {
    translate: 30.305cqw calc(39.148cqh + var(--af-clearance) * -0.21703);
  }

  49.2382% {
    translate: 29.053cqw calc(48.023cqh + var(--af-clearance) * -0.03954);
  }

  56.4658% {
    translate: 27.9cqw calc(55.193cqh + var(--af-clearance) * 0.10386);
  }

  68.5119% {
    translate: 27.102cqw calc(67.625cqh + var(--af-clearance) * 0.35251);
  }

  80.9343% {
    translate: 28.017cqw calc(80.626cqh + var(--af-clearance) * 0.61252);
  }

  92.3028% {
    translate: 28.848cqw calc(92.146cqh + var(--af-clearance) * 0.84291);
  }

  100% {
    translate: 28.799cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-27 {
  0% {
    transform: perspective(650px) rotateZ(5.53deg) rotateY(-12.85deg) rotateX(-82.07deg);
  }

  2.4845% {
    transform: perspective(650px) rotateZ(-7.93deg) rotateY(-16.09deg) rotateX(-57.72deg);
  }

  4.8937% {
    transform: perspective(650px) rotateZ(-18.86deg) rotateY(-16.98deg) rotateX(-29.25deg);
  }

  7.8299% {
    transform: perspective(650px) rotateZ(-26.91deg) rotateY(-14.93deg) rotateX(11.73deg);
  }

  10.6156% {
    transform: perspective(650px) rotateZ(-27.67deg) rotateY(-10.15deg) rotateX(54.44deg);
  }

  12.6483% {
    transform: perspective(650px) rotateZ(-23.89deg) rotateY(-5.43deg) rotateX(85.64deg);
  }

  14.7564% {
    transform: perspective(650px) rotateZ(-16.61deg) rotateY(0.02deg) rotateX(116.11deg);
  }

  18.1444% {
    transform: perspective(650px) rotateZ(-0.23deg) rotateY(8.54deg) rotateX(158.05deg);
  }

  20.7041% {
    transform: perspective(650px) rotateZ(13.17deg) rotateY(13.56deg) rotateX(183.41deg);
  }

  24.1674% {
    transform: perspective(650px) rotateZ(27.94deg) rotateY(16.9deg) rotateX(212.13deg);
  }

  26.5766% {
    transform: perspective(650px) rotateZ(33.57deg) rotateY(16.42deg) rotateX(231.88deg);
  }

  28.8352% {
    transform: perspective(650px) rotateZ(34.4deg) rotateY(13.91deg) rotateX(252.9deg);
  }

  31.0938% {
    transform: perspective(650px) rotateZ(30.81deg) rotateY(9.72deg) rotateX(277.85deg);
  }

  33.4278% {
    transform: perspective(650px) rotateZ(23.08deg) rotateY(4.16deg) rotateX(308.2deg);
  }

  38.7732% {
    transform: perspective(650px) rotateZ(-2.62deg) rotateY(-9.33deg) rotateX(388.89deg);
  }

  42.3117% {
    transform: perspective(650px) rotateZ(-17.45deg) rotateY(-15.37deg) rotateX(440.53deg);
  }

  44.5704% {
    transform: perspective(650px) rotateZ(-22.82deg) rotateY(-16.93deg) rotateX(468.85deg);
  }

  46.9043% {
    transform: perspective(650px) rotateZ(-23.85deg) rotateY(-16.38deg) rotateX(493.54deg);
  }

  49.0123% {
    transform: perspective(650px) rotateZ(-20.61deg) rotateY(-14.06deg) rotateX(512.46deg);
  }

  51.1957% {
    transform: perspective(650px) rotateZ(-13.42deg) rotateY(-10.09deg) rotateX(530.16deg);
  }

  54.6589% {
    transform: perspective(650px) rotateZ(3.7deg) rotateY(-1.68deg) rotateX(559.13deg);
  }

  57.3693% {
    transform: perspective(650px) rotateZ(18.91deg) rotateY(5.36deg) rotateX(586.6deg);
  }

  59.5526% {
    transform: perspective(650px) rotateZ(30.14deg) rotateY(10.41deg) rotateX(613.22deg);
  }

  61.8865% {
    transform: perspective(650px) rotateZ(39.38deg) rotateY(14.49deg) rotateX(645.86deg);
  }

  63.844% {
    transform: perspective(650px) rotateZ(43.99deg) rotateY(16.48deg) rotateX(675.52deg);
  }

  65.8015% {
    transform: perspective(650px) rotateZ(45.27deg) rotateY(16.97deg) rotateX(705.87deg);
  }

  69.5659% {
    transform: perspective(650px) rotateZ(38.38deg) rotateY(13.64deg) rotateX(760.82deg);
  }

  72.8033% {
    transform: perspective(650px) rotateZ(24.85deg) rotateY(7.08deg) rotateX(799.81deg);
  }

  75.5136% {
    transform: perspective(650px) rotateZ(11.25deg) rotateY(0.16deg) rotateX(825.89deg);
  }

  79.5039% {
    transform: perspective(650px) rotateZ(-6.13deg) rotateY(-9.72deg) rotateX(858.44deg);
  }

  81.9131% {
    transform: perspective(650px) rotateZ(-12.09deg) rotateY(-14.14deg) rotateX(879.07deg);
  }

  84.1717% {
    transform: perspective(650px) rotateZ(-13.33deg) rotateY(-16.52deg) rotateX(901.69deg);
  }

  86.2798% {
    transform: perspective(650px) rotateZ(-10.47deg) rotateY(-16.93deg) rotateX(926.65deg);
  }

  88.4631% {
    transform: perspective(650px) rotateZ(-3.78deg) rotateY(-15.48deg) rotateX(956.37deg);
  }

  95.766% {
    transform: perspective(650px) rotateZ(32.12deg) rotateY(-0.22deg) rotateX(1066.62deg);
  }

  97.9494% {
    transform: perspective(650px) rotateZ(41.27deg) rotateY(5.43deg) rotateX(1095.66deg);
  }

  100% {
    transform: perspective(650px) rotateZ(47.02deg) rotateY(10.19deg) rotateX(1119.26deg);
  }
}

.af-drop-28 {
  --af-scale: 0.73154;
  --af-begin: 53.23149%;
  --af-end: 75.8983%;
  --af-local-begin: 48.68624%;
  --af-local-end: 78.90866%;
  --af-swings: 4;
  --af-travel: af-travel-28;
  --af-orient: af-orient-28;
  z-index: 732;
}

@keyframes af-travel-28 {
  0% {
    translate: 46.77cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.9464% {
    translate: 45.35cqw calc(0.47cqh + var(--af-clearance) * -0.9906);
  }

  4.0008% {
    translate: 43.909cqw calc(1.509cqh + var(--af-clearance) * -0.96981);
  }

  6.3797% {
    translate: 42.314cqw calc(3.241cqh + var(--af-clearance) * -0.93517);
  }

  9.083% {
    translate: 40.607cqw calc(5.663cqh + var(--af-clearance) * -0.88674);
  }

  16.1115% {
    translate: 36.821cqw calc(12.948cqh + var(--af-clearance) * -0.74103);
  }

  23.0319% {
    translate: 34.177cqw calc(20.289cqh + var(--af-clearance) * -0.59423);
  }

  40.3328% {
    translate: 30.229cqw calc(37.611cqh + var(--af-clearance) * -0.24777);
  }

  49.5239% {
    translate: 28.191cqw calc(47.379cqh + var(--af-clearance) * -0.05241);
  }

  59.9045% {
    translate: 26.846cqw calc(58.51cqh + var(--af-clearance) * 0.1702);
  }

  76.5566% {
    translate: 26.471cqw calc(75.145cqh + var(--af-clearance) * 0.50291);
  }

  85.2071% {
    translate: 26.133cqw calc(84.277cqh + var(--af-clearance) * 0.68553);
  }

  92.2356% {
    translate: 26.227cqw calc(91.928cqh + var(--af-clearance) * 0.83856);
  }

  100% {
    translate: 26.975cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-28 {
  0% {
    transform: perspective(650px) rotateZ(24.65deg) rotateY(-14.08deg) rotateX(-37.23deg);
  }

  4.974% {
    transform: perspective(650px) rotateZ(9.32deg) rotateY(-16.74deg) rotateX(-62.08deg);
  }

  8.9749% {
    transform: perspective(650px) rotateZ(-0.23deg) rotateY(-16.78deg) rotateX(-81.51deg);
  }

  12.7594% {
    transform: perspective(650px) rotateZ(-5.75deg) rotateY(-15.07deg) rotateX(-99.48deg);
  }

  16.3277% {
    transform: perspective(650px) rotateZ(-7.23deg) rotateY(-12.06deg) rotateX(-116.18deg);
  }

  20.3286% {
    transform: perspective(650px) rotateZ(-4.43deg) rotateY(-7.42deg) rotateX(-134.84deg);
  }

  24.5457% {
    transform: perspective(650px) rotateZ(3.19deg) rotateY(-1.63deg) rotateX(-154.68deg);
  }

  36.6563% {
    transform: perspective(650px) rotateZ(39.54deg) rotateY(13.58deg) rotateX(-214.32deg);
  }

  43.1442% {
    transform: perspective(650px) rotateZ(56.53deg) rotateY(16.92deg) rotateX(-247.69deg);
  }

  48.767% {
    transform: perspective(650px) rotateZ(63.8deg) rotateY(15.81deg) rotateX(-276.58deg);
  }

  53.0922% {
    transform: perspective(650px) rotateZ(63.42deg) rotateY(12.54deg) rotateX(-298.37deg);
  }

  57.6337% {
    transform: perspective(650px) rotateZ(57.57deg) rotateY(7.35deg) rotateX(-320.65deg);
  }

  62.1752% {
    transform: perspective(650px) rotateZ(47.28deg) rotateY(1.08deg) rotateX(-342.32deg);
  }

  74.1777% {
    transform: perspective(650px) rotateZ(14.18deg) rotateY(-13.81deg) rotateX(-398.53deg);
  }

  77.9623% {
    transform: perspective(650px) rotateZ(7.01deg) rotateY(-16.22deg) rotateX(-416.66deg);
  }

  81.5306% {
    transform: perspective(650px) rotateZ(3.4deg) rotateY(-17deg) rotateX(-434.15deg);
  }

  85.6396% {
    transform: perspective(650px) rotateZ(3.65deg) rotateY(-16deg) rotateX(-454.77deg);
  }

  89.8567% {
    transform: perspective(650px) rotateZ(8.85deg) rotateY(-13deg) rotateX(-476.35deg);
  }

  94.29% {
    transform: perspective(650px) rotateZ(19.02deg) rotateY(-8.1deg) rotateX(-499.23deg);
  }

  100% {
    transform: perspective(650px) rotateZ(36.68deg) rotateY(-0.26deg) rotateX(-528.47deg);
  }
}

.af-drop-29 {
  --af-scale: 0.96681;
  --af-begin: 58.23776%;
  --af-end: 77.00284%;
  --af-local-begin: 54.86685%;
  --af-local-end: 78.32319%;
  --af-swings: 5;
  --af-travel: af-travel-29;
  --af-orient: af-orient-29;
  z-index: 967;
}

@keyframes af-travel-29 {
  0% {
    translate: 48.407cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.2204% {
    translate: 46.862cqw calc(0.86cqh + var(--af-clearance) * -0.98279);
  }

  4.7021% {
    translate: 45.288cqw calc(2.414cqh + var(--af-clearance) * -0.95173);
  }

  7.8368% {
    translate: 43.484cqw calc(4.933cqh + var(--af-clearance) * -0.90134);
  }

  11.8859% {
    translate: 41.358cqw calc(8.63cqh + var(--af-clearance) * -0.82741);
  }

  19.5921% {
    translate: 37.59cqw calc(16.248cqh + var(--af-clearance) * -0.67504);
  }

  27.6902% {
    translate: 33.957cqw calc(24.866cqh + var(--af-clearance) * -0.50268);
  }

  33.1759% {
    translate: 31.955cqw calc(30.839cqh + var(--af-clearance) * -0.38322);
  }

  38.5311% {
    translate: 30.502cqw calc(36.495cqh + var(--af-clearance) * -0.2701);
  }

  55.3803% {
    translate: 27.602cqw calc(53.405cqh + var(--af-clearance) * 0.06809);
  }

  67.1356% {
    translate: 26.003cqw calc(66.034cqh + var(--af-clearance) * 0.32068);
  }

  75.8867% {
    translate: 25.808cqw calc(75.314cqh + var(--af-clearance) * 0.50628);
  }

  88.8175% {
    translate: 26.167cqw calc(88.214cqh + var(--af-clearance) * 0.76428);
  }

  100% {
    translate: 25.607cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-29 {
  0% {
    transform: perspective(650px) rotateZ(82.25deg) rotateY(-14.86deg) rotateX(-143.1deg);
  }

  5.6164% {
    transform: perspective(650px) rotateZ(82.75deg) rotateY(-10.46deg) rotateX(-170.43deg);
  }

  11.3634% {
    transform: perspective(650px) rotateZ(89.89deg) rotateY(-4.26deg) rotateX(-198.41deg);
  }

  16.7186% {
    transform: perspective(650px) rotateZ(101.54deg) rotateY(2.17deg) rotateX(-224.67deg);
  }

  24.2942% {
    transform: perspective(650px) rotateZ(122.54deg) rotateY(10.53deg) rotateX(-262.37deg);
  }

  33.0453% {
    transform: perspective(650px) rotateZ(145.41deg) rotateY(16.34deg) rotateX(-306.63deg);
  }

  38.1393% {
    transform: perspective(650px) rotateZ(154.36deg) rotateY(16.94deg) rotateX(-332.52deg);
  }

  42.8414% {
    transform: perspective(650px) rotateZ(158.29deg) rotateY(15.53deg) rotateX(-356.34deg);
  }

  48.0659% {
    transform: perspective(650px) rotateZ(157.27deg) rotateY(11.95deg) rotateX(-382.58deg);
  }

  53.4211% {
    transform: perspective(650px) rotateZ(150.67deg) rotateY(6.59deg) rotateX(-409.15deg);
  }

  72.3601% {
    transform: perspective(650px) rotateZ(106.56deg) rotateY(-13.85deg) rotateX(-501.56deg);
  }

  80.4582% {
    transform: perspective(650px) rotateZ(94.89deg) rotateY(-16.99deg) rotateX(-541.56deg);
  }

  85.0297% {
    transform: perspective(650px) rotateZ(93.65deg) rotateY(-16.32deg) rotateX(-564.48deg);
  }

  89.6012% {
    transform: perspective(650px) rotateZ(96.6deg) rotateY(-13.94deg) rotateX(-587.59deg);
  }

  94.4339% {
    transform: perspective(650px) rotateZ(103.86deg) rotateY(-9.83deg) rotateX(-612.15deg);
  }

  100% {
    transform: perspective(650px) rotateZ(116.15deg) rotateY(-3.71deg) rotateX(-640.42deg);
  }
}

.af-drop-30 {
  --af-scale: 0.50071;
  --af-begin: 48.88018%;
  --af-end: 82.83921%;
  --af-local-begin: 48.1694%;
  --af-local-end: 88.92023%;
  --af-swings: 6;
  --af-travel: af-travel-30;
  --af-orient: af-orient-30;
  z-index: 501;
}

@keyframes af-travel-30 {
  0% {
    translate: 48.436cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.2991% {
    translate: 49.269cqw calc(0.476cqh + var(--af-clearance) * -0.99047);
  }

  2.8148% {
    translate: 50.17cqw calc(1.401cqh + var(--af-clearance) * -0.97199);
  }

  6.7844% {
    translate: 52.267cqw calc(4.814cqh + var(--af-clearance) * -0.90373);
  }

  15.5175% {
    translate: 55.794cqw calc(13.902cqh + var(--af-clearance) * -0.72196);
  }

  21.7246% {
    translate: 57.474cqw calc(20.54cqh + var(--af-clearance) * -0.5892);
  }

  26.9211% {
    translate: 58.589cqw calc(25.773cqh + var(--af-clearance) * -0.48454);
  }

  32.6951% {
    translate: 59.305cqw calc(31.416cqh + var(--af-clearance) * -0.37168);
  }

  43.1604% {
    translate: 59.738cqw calc(41.692cqh + var(--af-clearance) * -0.16616);
  }

  52.471% {
    translate: 60.588cqw calc(51.578cqh + var(--af-clearance) * 0.03156);
  }

  58.7502% {
    translate: 61.556cqw calc(58.211cqh + var(--af-clearance) * 0.16423);
  }

  68.4216% {
    translate: 63.403cqw calc(67.734cqh + var(--af-clearance) * 0.35468);
  }

  81.4852% {
    translate: 65.07cqw calc(80.717cqh + var(--af-clearance) * 0.61434);
  }

  92.5279% {
    translate: 65.895cqw calc(92.54cqh + var(--af-clearance) * 0.85079);
  }

  100% {
    translate: 66.288cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-30 {
  0% {
    transform: perspective(650px) rotateZ(59.13deg) rotateY(-3.94deg) rotateX(-16.13deg);
  }

  1.9487% {
    transform: perspective(650px) rotateZ(56.96deg) rotateY(8.17deg) rotateX(-14.47deg);
  }

  4.547% {
    transform: perspective(650px) rotateZ(57.31deg) rotateY(28.13deg) rotateX(-11.07deg);
  }

  9.1662% {
    transform: perspective(650px) rotateZ(66.83deg) rotateY(62.12deg) rotateX(-2.71deg);
  }

  11.5479% {
    transform: perspective(650px) rotateZ(75.4deg) rotateY(72.79deg) rotateX(2.09deg);
  }

  13.7854% {
    transform: perspective(650px) rotateZ(84.91deg) rotateY(76.06deg) rotateX(6.45deg);
  }

  15.9506% {
    transform: perspective(650px) rotateZ(94.75deg) rotateY(72.49deg) rotateX(10.24deg);
  }

  18.2602% {
    transform: perspective(650px) rotateZ(105.13deg) rotateY(61.97deg) rotateX(13.54deg);
  }

  23.3846% {
    transform: perspective(650px) rotateZ(123.6deg) rotateY(23.88deg) rotateX(16.99deg);
  }

  25.8385% {
    transform: perspective(650px) rotateZ(128.55deg) rotateY(5.51deg) rotateX(16.47deg);
  }

  27.8594% {
    transform: perspective(650px) rotateZ(130.24deg) rotateY(-6.23deg) rotateX(14.99deg);
  }

  29.4473% {
    transform: perspective(650px) rotateZ(129.98deg) rotateY(-12.23deg) rotateX(13.22deg);
  }

  31.0351% {
    transform: perspective(650px) rotateZ(128.37deg) rotateY(-14.86deg) rotateX(10.98deg);
  }

  32.6229% {
    transform: perspective(650px) rotateZ(125.47deg) rotateY(-13.9deg) rotateX(8.35deg);
  }

  34.2108% {
    transform: perspective(650px) rotateZ(121.45deg) rotateY(-9.44deg) rotateX(5.42deg);
  }

  37.1699% {
    transform: perspective(650px) rotateZ(111.59deg) rotateY(6.83deg) rotateX(-0.46deg);
  }

  42.5109% {
    transform: perspective(650px) rotateZ(90.6deg) rotateY(48.25deg) rotateX(-10.45deg);
  }

  44.6761% {
    transform: perspective(650px) rotateZ(82.86deg) rotateY(62.67deg) rotateX(-13.52deg);
  }

  46.9857% {
    transform: perspective(650px) rotateZ(76.17deg) rotateY(72.86deg) rotateX(-15.81deg);
  }

  49.2231% {
    transform: perspective(650px) rotateZ(71.81deg) rotateY(76.06deg) rotateX(-16.9deg);
  }

  50.8831% {
    transform: perspective(650px) rotateZ(70.16deg) rotateY(73.85deg) rotateX(-16.94deg);
  }

  52.6153% {
    transform: perspective(650px) rotateZ(69.97deg) rotateY(67.57deg) rotateX(-16.28deg);
  }

  54.4919% {
    transform: perspective(650px) rotateZ(71.55deg) rotateY(56.88deg) rotateX(-14.79deg);
  }

  56.6571% {
    transform: perspective(650px) rotateZ(75.56deg) rotateY(41.04deg) rotateX(-12.17deg);
  }

  60.4823% {
    transform: perspective(650px) rotateZ(87.29deg) rotateY(10.92deg) rotateX(-5.72deg);
  }

  62.9363% {
    transform: perspective(650px) rotateZ(96.82deg) rotateY(-4.57deg) rotateX(-0.87deg);
  }

  65.2459% {
    transform: perspective(650px) rotateZ(106.18deg) rotateY(-13.19deg) rotateX(3.76deg);
  }

  67.4833% {
    transform: perspective(650px) rotateZ(114.79deg) rotateY(-14.64deg) rotateX(7.99deg);
  }

  69.2877% {
    transform: perspective(650px) rotateZ(120.88deg) rotateY(-10.66deg) rotateX(11deg);
  }

  71.1642% {
    transform: perspective(650px) rotateZ(126.01deg) rotateY(-2.1deg) rotateX(13.59deg);
  }

  73.6903% {
    transform: perspective(650px) rotateZ(130.42deg) rotateY(14.87deg) rotateX(16.01deg);
  }

  76.0721% {
    transform: perspective(650px) rotateZ(131.52deg) rotateY(33.77deg) rotateX(16.97deg);
  }

  78.7425% {
    transform: perspective(650px) rotateZ(129.03deg) rotateY(54.13deg) rotateX(16.44deg);
  }

  80.7634% {
    transform: perspective(650px) rotateZ(124.65deg) rotateY(66.29deg) rotateX(14.94deg);
  }

  82.7121% {
    transform: perspective(650px) rotateZ(118.63deg) rotateY(73.73deg) rotateX(12.68deg);
  }

  84.5887% {
    transform: perspective(650px) rotateZ(111.51deg) rotateY(76.07deg) rotateX(9.86deg);
  }

  86.6817% {
    transform: perspective(650px) rotateZ(102.5deg) rotateY(72.78deg) rotateX(6.15deg);
  }

  88.9192% {
    transform: perspective(650px) rotateZ(92.3deg) rotateY(62.94deg) rotateX(1.77deg);
  }

  91.1566% {
    transform: perspective(650px) rotateZ(82.28deg) rotateY(48.05deg) rotateX(-2.74deg);
  }

  95.054% {
    transform: perspective(650px) rotateZ(67.54deg) rotateY(17.24deg) rotateX(-9.95deg);
  }

  97.7245% {
    transform: perspective(650px) rotateZ(60.9deg) rotateY(-1.15deg) rotateX(-13.75deg);
  }

  100% {
    transform: perspective(650px) rotateZ(58.12deg) rotateY(-11.43deg) rotateX(-15.92deg);
  }
}

.af-drop-31 {
  --af-scale: 0.94243;
  --af-begin: 61.89053%;
  --af-end: 80.73446%;
  --af-local-begin: 56.84784%;
  --af-local-end: 81.97308%;
  --af-swings: 4;
  --af-travel: af-travel-31;
  --af-orient: af-orient-31;
  z-index: 942;
}

@keyframes af-travel-31 {
  0% {
    translate: 48.952cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.0811% {
    translate: 47.607cqw calc(0.745cqh + var(--af-clearance) * -0.9851);
  }

  4.2922% {
    translate: 46.247cqw calc(2.03cqh + var(--af-clearance) * -0.9594);
  }

  6.8936% {
    translate: 44.722cqw calc(3.997cqh + var(--af-clearance) * -0.92006);
  }

  10.1453% {
    translate: 42.912cqw calc(6.884cqh + var(--af-clearance) * -0.86232);
  }

  14.9577% {
    translate: 40.435cqw calc(11.641cqh + var(--af-clearance) * -0.76718);
  }

  21.5912% {
    translate: 37.524cqw calc(18.653cqh + var(--af-clearance) * -0.62695);
  }

  26.9239% {
    translate: 35.682cqw calc(24.402cqh + var(--af-clearance) * -0.51195);
  }

  32.777% {
    translate: 34.122cqw calc(30.735cqh + var(--af-clearance) * -0.3853);
  }

  46.5641% {
    translate: 31.284cqw calc(45.418cqh + var(--af-clearance) * -0.09163);
  }

  62.3023% {
    translate: 28.618cqw calc(60.84cqh + var(--af-clearance) * 0.2168);
  }

  71.6671% {
    translate: 27.524cqw calc(69.939cqh + var(--af-clearance) * 0.39878);
  }

  78.0404% {
    translate: 26.769cqw calc(76.389cqh + var(--af-clearance) * 0.52778);
  }

  88.4458% {
    translate: 25.83cqw calc(87.492cqh + var(--af-clearance) * 0.74983);
  }

  100% {
    translate: 25.577cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-31 {
  0% {
    transform: perspective(650px) rotateZ(55.38deg) rotateY(166.94deg) rotateX(4.23deg);
  }

  3.2517% {
    transform: perspective(650px) rotateZ(51.63deg) rotateY(155.8deg) rotateX(0.67deg);
  }

  7.2838% {
    transform: perspective(650px) rotateZ(44.97deg) rotateY(138.34deg) rotateX(-3.77deg);
  }

  16.6486% {
    transform: perspective(650px) rotateZ(23.89deg) rotateY(96.74deg) rotateX(-12.59deg);
  }

  20.4206% {
    transform: perspective(650px) rotateZ(14.68deg) rotateY(85.49deg) rotateX(-15deg);
  }

  24.0625% {
    transform: perspective(650px) rotateZ(6.25deg) rotateY(80.03deg) rotateX(-16.46deg);
  }

  27.7043% {
    transform: perspective(650px) rotateZ(-1.19deg) rotateY(80.56deg) rotateX(-17deg);
  }

  31.4763% {
    transform: perspective(650px) rotateZ(-7.36deg) rotateY(87.36deg) rotateX(-16.55deg);
  }

  35.3783% {
    transform: perspective(650px) rotateZ(-11.7deg) rotateY(100.11deg) rotateX(-15.04deg);
  }

  40.3209% {
    transform: perspective(650px) rotateZ(-13.8deg) rotateY(121.72deg) rotateX(-11.75deg);
  }

  46.1739% {
    transform: perspective(650px) rotateZ(-11.24deg) rotateY(148.8deg) rotateX(-6.33deg);
  }

  50.0759% {
    transform: perspective(650px) rotateZ(-6.75deg) rotateY(163.71deg) rotateX(-2.15deg);
  }

  53.7178% {
    transform: perspective(650px) rotateZ(-0.95deg) rotateY(173.1deg) rotateX(1.87deg);
  }

  57.2296% {
    transform: perspective(650px) rotateZ(5.73deg) rotateY(176.88deg) rotateX(5.66deg);
  }

  61.2617% {
    transform: perspective(650px) rotateZ(14.11deg) rotateY(174.28deg) rotateX(9.63deg);
  }

  65.5539% {
    transform: perspective(650px) rotateZ(23.08deg) rotateY(163.84deg) rotateX(13.13deg);
  }

  69.7161% {
    transform: perspective(650px) rotateZ(31.02deg) rotateY(147.85deg) rotateX(15.54deg);
  }

  76.6097% {
    transform: perspective(650px) rotateZ(40.57deg) rotateY(115.85deg) rotateX(16.99deg);
  }

  81.8124% {
    transform: perspective(650px) rotateZ(43.56deg) rotateY(94.55deg) rotateX(15.84deg);
  }

  86.1046% {
    transform: perspective(650px) rotateZ(42.89deg) rotateY(83.16deg) rotateX(13.51deg);
  }

  89.4863% {
    transform: perspective(650px) rotateZ(40.35deg) rotateY(79.6deg) rotateX(10.93deg);
  }

  92.8681% {
    transform: perspective(650px) rotateZ(36.2deg) rotateY(81.26deg) rotateX(7.81deg);
  }

  96.2498% {
    transform: perspective(650px) rotateZ(30.65deg) rotateY(87.97deg) rotateX(4.32deg);
  }

  100% {
    transform: perspective(650px) rotateZ(23.26deg) rotateY(100.42deg) rotateX(0.21deg);
  }
}

.af-drop-38 {
  --af-scale: 0.56502;
  --af-begin: 64.59292%;
  --af-end: 95.55555%;
  --af-local-begin: 61.76302%;
  --af-local-end: 100.4663%;
  --af-swings: 5;
  --af-travel: af-travel-38;
  --af-orient: af-orient-38;
  z-index: 565;
}

@keyframes af-travel-38 {
  0% {
    translate: 46.484cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.1373% {
    translate: 44.496cqw calc(0.883cqh + var(--af-clearance) * -0.98233);
  }

  4.7496% {
    translate: 42.268cqw calc(2.825cqh + var(--af-clearance) * -0.9435);
  }

  9.1825% {
    translate: 38.95cqw calc(7.13cqh + var(--af-clearance) * -0.85741);
  }

  13.2196% {
    translate: 36.576cqw calc(11.395cqh + var(--af-clearance) * -0.7721);
  }

  20.0273% {
    translate: 33.888cqw calc(18.232cqh + var(--af-clearance) * -0.63537);
  }

  25.4101% {
    translate: 32.129cqw calc(23.604cqh + var(--af-clearance) * -0.52793);
  }

  32.4553% {
    translate: 30.211cqw calc(31.088cqh + var(--af-clearance) * -0.37823);
  }

  42.9835% {
    translate: 28.91cqw calc(41.61cqh + var(--af-clearance) * -0.1678);
  }

  48.9996% {
    translate: 28.367cqw calc(47.974cqh + var(--af-clearance) * -0.04051);
  }

  53.3534% {
    translate: 28.332cqw calc(52.507cqh + var(--af-clearance) * 0.05013);
  }

  59.8444% {
    translate: 28.367cqw calc(58.9cqh + var(--af-clearance) * 0.17801);
  }

  70.8476% {
    translate: 27.503cqw calc(70.43cqh + var(--af-clearance) * 0.40859);
  }

  80.0301% {
    translate: 27.201cqw calc(79.555cqh + var(--af-clearance) * 0.5911);
  }

  85.4129% {
    translate: 26.923cqw calc(85.228cqh + var(--af-clearance) * 0.70455);
  }

  90.2416% {
    translate: 27.001cqw calc(90.29cqh + var(--af-clearance) * 0.8058);
  }

  100% {
    translate: 27.108cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-38 {
  0% {
    transform: perspective(650px) rotateZ(-56.27deg) rotateY(-8.17deg) rotateX(-6.32deg);
  }

  5.6995% {
    transform: perspective(650px) rotateZ(-77.66deg) rotateY(-15.19deg) rotateX(-62.49deg);
  }

  10.8448% {
    transform: perspective(650px) rotateZ(-94.23deg) rotateY(-16.95deg) rotateX(-112.31deg);
  }

  14.5653% {
    transform: perspective(650px) rotateZ(-101.39deg) rotateY(-15.14deg) rotateX(-147.75deg);
  }

  18.2066% {
    transform: perspective(650px) rotateZ(-103.15deg) rotateY(-11.12deg) rotateX(-182.13deg);
  }

  21.2939% {
    transform: perspective(650px) rotateZ(-100.4deg) rotateY(-6.4deg) rotateX(-211.24deg);
  }

  24.6185% {
    transform: perspective(650px) rotateZ(-93.56deg) rotateY(-0.58deg) rotateX(-242.77deg);
  }

  34.9884% {
    transform: perspective(650px) rotateZ(-59.91deg) rotateY(14.86deg) rotateX(-343.49deg);
  }

  40.8462% {
    transform: perspective(650px) rotateZ(-45.98deg) rotateY(16.89deg) rotateX(-401.51deg);
  }

  46.1499% {
    transform: perspective(650px) rotateZ(-43.56deg) rotateY(13.28deg) rotateX(-453.67deg);
  }

  52.0077% {
    transform: perspective(650px) rotateZ(-52.96deg) rotateY(4.64deg) rotateX(-510.16deg);
  }

  59.8444% {
    transform: perspective(650px) rotateZ(-76.81deg) rotateY(-8.93deg) rotateX(-584.27deg);
  }

  64.9106% {
    transform: perspective(650px) rotateZ(-90.55deg) rotateY(-15.07deg) rotateX(-632.28deg);
  }

  68.2353% {
    transform: perspective(650px) rotateZ(-95.77deg) rotateY(-16.86deg) rotateX(-664.21deg);
  }

  71.4017% {
    transform: perspective(650px) rotateZ(-96.92deg) rotateY(-16.64deg) rotateX(-695.01deg);
  }

  74.8056% {
    transform: perspective(650px) rotateZ(-93.68deg) rotateY(-14.35deg) rotateX(-728.49deg);
  }

  78.3677% {
    transform: perspective(650px) rotateZ(-85.7deg) rotateY(-9.98deg) rotateX(-763.76deg);
  }

  89.2126% {
    transform: perspective(650px) rotateZ(-47.39deg) rotateY(8.46deg) rotateX(-870.12deg);
  }

  93.0122% {
    transform: perspective(650px) rotateZ(-36.29deg) rotateY(13.56deg) rotateX(-906.44deg);
  }

  96.5744% {
    transform: perspective(650px) rotateZ(-30.1deg) rotateY(16.38deg) rotateX(-940.14deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-28.91deg) rotateY(16.93deg) rotateX(-972.44deg);
  }
}

.af-drop-39 {
  --af-scale: 0.73233;
  --af-begin: 74.1355%;
  --af-end: 96.5812%;
  --af-local-begin: 70.74959%;
  --af-local-end: 97.68442%;
  --af-swings: 6;
  --af-travel: af-travel-39;
  --af-orient: af-orient-39;
  z-index: 732;
}

@keyframes af-travel-39 {
  0% {
    translate: 47.003cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.8391% {
    translate: 50.296cqw calc(1.062cqh + var(--af-clearance) * -0.97877);
  }

  6.0058% {
    translate: 53.609cqw calc(3.288cqh + var(--af-clearance) * -0.93423);
  }

  11.4656% {
    translate: 58.49cqw calc(8.426cqh + var(--af-clearance) * -0.83148);
  }

  17.0346% {
    translate: 62.449cqw calc(14.082cqh + var(--af-clearance) * -0.71835);
  }

  21.9484% {
    translate: 65.234cqw calc(18.986cqh + var(--af-clearance) * -0.62027);
  }

  27.1898% {
    translate: 67.65cqw calc(24.143cqh + var(--af-clearance) * -0.51714);
  }

  32.5404% {
    translate: 69.626cqw calc(29.465cqh + var(--af-clearance) * -0.41071);
  }

  38.983% {
    translate: 71.52cqw calc(36.137cqh + var(--af-clearance) * -0.27726);
  }

  53.7244% {
    translate: 75.043cqw calc(51.982cqh + var(--af-clearance) * 0.03965);
  }

  64.3165% {
    translate: 76.222cqw calc(62.916cqh + var(--af-clearance) * 0.25832);
  }

  71.5234% {
    translate: 76.217cqw calc(70.022cqh + var(--af-clearance) * 0.40044);
  }

  79.4947% {
    translate: 75.607cqw calc(78.068cqh + var(--af-clearance) * 0.56136);
  }

  100% {
    translate: 73.93cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-39 {
  0% {
    transform: perspective(650px) rotateZ(-77.19deg) rotateY(-16.56deg) rotateX(-91.29deg);
  }

  2.4023% {
    transform: perspective(650px) rotateZ(-83.69deg) rotateY(-17deg) rotateX(-90.55deg);
  }

  4.8046% {
    transform: perspective(650px) rotateZ(-88.71deg) rotateY(-16.52deg) rotateX(-85.95deg);
  }

  7.4253% {
    transform: perspective(650px) rotateZ(-92.14deg) rotateY(-14.98deg) rotateX(-77.18deg);
  }

  10.7012% {
    transform: perspective(650px) rotateZ(-93.05deg) rotateY(-11.72deg) rotateX(-62.63deg);
  }

  13.8679% {
    transform: perspective(650px) rotateZ(-90.26deg) rotateY(-7.44deg) rotateX(-47.62deg);
  }

  17.1438% {
    transform: perspective(650px) rotateZ(-83.89deg) rotateY(-2.28deg) rotateX(-34.46deg);
  }

  19.5461% {
    transform: perspective(650px) rotateZ(-77.38deg) rotateY(1.67deg) rotateX(-28.04deg);
  }

  21.8392% {
    transform: perspective(650px) rotateZ(-70.12deg) rotateY(5.37deg) rotateX(-25.3deg);
  }

  24.4599% {
    transform: perspective(650px) rotateZ(-61.11deg) rotateY(9.25deg) rotateX(-26.6deg);
  }

  27.1898% {
    transform: perspective(650px) rotateZ(-51.6deg) rotateY(12.67deg) rotateX(-32.75deg);
  }

  30.0289% {
    transform: perspective(650px) rotateZ(-42.37deg) rotateY(15.27deg) rotateX(-43.31deg);
  }

  34.3967% {
    transform: perspective(650px) rotateZ(-31.26deg) rotateY(16.99deg) rotateX(-63.71deg);
  }

  39.529% {
    transform: perspective(650px) rotateZ(-25.46deg) rotateY(15.17deg) rotateX(-84.44deg);
  }

  43.6784% {
    transform: perspective(650px) rotateZ(-27.43deg) rotateY(10.95deg) rotateX(-91.43deg);
  }

  46.5175% {
    transform: perspective(650px) rotateZ(-31.99deg) rotateY(7deg) rotateX(-89.5deg);
  }

  49.4658% {
    transform: perspective(650px) rotateZ(-38.96deg) rotateY(2.34deg) rotateX(-82deg);
  }

  58.6383% {
    transform: perspective(650px) rotateZ(-66.48deg) rotateY(-11.62deg) rotateX(-41.44deg);
  }

  62.1325% {
    transform: perspective(650px) rotateZ(-75.16deg) rotateY(-15.09deg) rotateX(-29.72deg);
  }

  65.736% {
    transform: perspective(650px) rotateZ(-80.86deg) rotateY(-16.86deg) rotateX(-25.18deg);
  }

  69.3395% {
    transform: perspective(650px) rotateZ(-82.33deg) rotateY(-16.59deg) rotateX(-29.47deg);
  }

  72.397% {
    transform: perspective(650px) rotateZ(-80.01deg) rotateY(-14.77deg) rotateX(-39.26deg);
  }

  76.4372% {
    transform: perspective(650px) rotateZ(-72.27deg) rotateY(-10.43deg) rotateX(-57.42deg);
  }

  82.1154% {
    transform: perspective(650px) rotateZ(-54.84deg) rotateY(-1.85deg) rotateX(-82.02deg);
  }

  86.4832% {
    transform: perspective(650px) rotateZ(-39.55deg) rotateY(5.27deg) rotateX(-91.16deg);
  }

  89.3223% {
    transform: perspective(650px) rotateZ(-30.34deg) rotateY(9.47deg) rotateX(-90.3deg);
  }

  92.1614% {
    transform: perspective(650px) rotateZ(-22.66deg) rotateY(12.95deg) rotateX(-84.1deg);
  }

  96.2017% {
    transform: perspective(650px) rotateZ(-15.61deg) rotateY(16.18deg) rotateX(-68.28deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-14.06deg) rotateY(16.97deg) rotateX(-50.26deg);
  }
}

.af-drop-40 {
  --af-scale: 0.97331;
  --af-begin: 81.1056%;
  --af-end: 99.05882%;
  --af-local-begin: 78.6372%;
  --af-local-end: 102.57484%;
  --af-swings: 4;
  --af-travel: af-travel-40;
  --af-orient: af-orient-40;
  z-index: 973;
}

@keyframes af-travel-40 {
  0% {
    translate: 46.976cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.0478% {
    translate: 44.527cqw calc(0.613cqh + var(--af-clearance) * -0.98774);
  }

  4.3687% {
    translate: 41.98cqw calc(1.857cqh + var(--af-clearance) * -0.96286);
  }

  6.826% {
    translate: 39.541cqw calc(3.655cqh + var(--af-clearance) * -0.9269);
  }

  9.966% {
    translate: 36.781cqw calc(6.39cqh + var(--af-clearance) * -0.87221);
  }

  15.2903% {
    translate: 32.841cqw calc(11.462cqh + var(--af-clearance) * -0.77075);
  }

  21.9798% {
    translate: 28.685cqw calc(18.064cqh + var(--af-clearance) * -0.63873);
  }

  30.0345% {
    translate: 24.263cqw calc(26.48cqh + var(--af-clearance) * -0.47041);
  }

  36.4509% {
    translate: 21.334cqw calc(33.477cqh + var(--af-clearance) * -0.33046);
  }

  42.7309% {
    translate: 19.156cqw calc(40.092cqh + var(--af-clearance) * -0.19816);
  }

  54.3351% {
    translate: 15.922cqw calc(51.835cqh + var(--af-clearance) * 0.0367);
  }

  62.3898% {
    translate: 13.84cqw calc(60.501cqh + var(--af-clearance) * 0.21001);
  }

  70.9906% {
    translate: 12.288cqw calc(69.724cqh + var(--af-clearance) * 0.39447);
  }

  79.7279% {
    translate: 11.056cqw calc(78.536cqh + var(--af-clearance) * 0.57073);
  }

  86.1443% {
    translate: 9.801cqw calc(85.094cqh + var(--af-clearance) * 0.70189);
  }

  100% {
    translate: 6.935cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-40 {
  0% {
    transform: perspective(650px) rotateZ(51.83deg) rotateY(-15.54deg) rotateX(-95.65deg);
  }

  5.0513% {
    transform: perspective(650px) rotateZ(38.81deg) rotateY(-17deg) rotateX(-126.28deg);
  }

  9.4199% {
    transform: perspective(650px) rotateZ(31.26deg) rotateY(-15.94deg) rotateX(-151.78deg);
  }

  13.5155% {
    transform: perspective(650px) rotateZ(28.38deg) rotateY(-13.1deg) rotateX(-175.05deg);
  }

  17.6111% {
    transform: perspective(650px) rotateZ(29.96deg) rotateY(-8.8deg) rotateX(-198.07deg);
  }

  24.7102% {
    transform: perspective(650px) rotateZ(42.3deg) rotateY(0.64deg) rotateX(-238.57deg);
  }

  36.3144% {
    transform: perspective(650px) rotateZ(75.64deg) rotateY(14.2deg) rotateX(-309.45deg);
  }

  43.1404% {
    transform: perspective(650px) rotateZ(91.27deg) rotateY(17deg) rotateX(-353.3deg);
  }

  49.1473% {
    transform: perspective(650px) rotateZ(96.84deg) rotateY(15.16deg) rotateX(-391.63deg);
  }

  53.2429% {
    transform: perspective(650px) rotateZ(95.35deg) rotateY(11.78deg) rotateX(-417.01deg);
  }

  57.6116% {
    transform: perspective(650px) rotateZ(89.3deg) rotateY(6.74deg) rotateX(-443.17deg);
  }

  74.1305% {
    transform: perspective(650px) rotateZ(47.83deg) rotateY(-13.79deg) rotateX(-537.13deg);
  }

  81.5026% {
    transform: perspective(650px) rotateZ(37.29deg) rotateY(-17deg) rotateX(-580.73deg);
  }

  85.7348% {
    transform: perspective(650px) rotateZ(37.18deg) rotateY(-16.1deg) rotateX(-606.96deg);
  }

  89.9669% {
    transform: perspective(650px) rotateZ(41.7deg) rotateY(-13.29deg) rotateX(-633.89deg);
  }

  94.4721% {
    transform: perspective(650px) rotateZ(51deg) rotateY(-8.56deg) rotateX(-662.9deg);
  }

  100% {
    transform: perspective(650px) rotateZ(66.7deg) rotateY(-1.27deg) rotateX(-698.22deg);
  }
}

.af-drop-41 {
  --af-scale: 0.74231;
  --af-begin: 0.82543%;
  --af-end: 22.99741%;
  --af-local-begin: -4.66426%;
  --af-local-end: 24.89838%;
  --af-swings: 4;
  --af-travel: af-travel-41;
  --af-orient: af-orient-41;
  z-index: 742;
}

@keyframes af-travel-41 {
  0% {
    translate: 54.962cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.7687% {
    translate: 53.021cqw calc(0.575cqh + var(--af-clearance) * -0.98849);
  }

  3.7585% {
    translate: 50.991cqw calc(1.663cqh + var(--af-clearance) * -0.96673);
  }

  6.0799% {
    translate: 48.8cqw calc(3.356cqh + var(--af-clearance) * -0.93288);
  }

  8.733% {
    translate: 46.498cqw calc(5.642cqh + var(--af-clearance) * -0.88716);
  }

  13.3758% {
    translate: 42.93cqw calc(10.143cqh + var(--af-clearance) * -0.79713);
  }

  17.9081% {
    translate: 40.012cqw calc(14.889cqh + var(--af-clearance) * -0.70221);
  }

  22.2194% {
    translate: 37.81cqw calc(19.547cqh + var(--af-clearance) * -0.60905);
  }

  26.5306% {
    translate: 36.196cqw calc(24.166cqh + var(--af-clearance) * -0.51667);
  }

  32.0578% {
    translate: 34.856cqw calc(29.854cqh + var(--af-clearance) * -0.40293);
  }

  45.4336% {
    translate: 32.64cqw calc(43.165cqh + var(--af-clearance) * -0.13671);
  }

  61.6836% {
    translate: 29.334cqw calc(60.504cqh + var(--af-clearance) * 0.21009);
  }

  77.9336% {
    translate: 26.586cqw calc(76.746cqh + var(--af-clearance) * 0.53492);
  }

  86.7771% {
    translate: 24.827cqw calc(86.114cqh + var(--af-clearance) * 0.72227);
  }

  93.0781% {
    translate: 24.088cqw calc(92.906cqh + var(--af-clearance) * 0.85811);
  }

  100% {
    translate: 23.977cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-41 {
  0% {
    transform: perspective(650px) rotateZ(-128.75deg) rotateY(5.28deg) rotateX(-16.91deg);
  }

  9.3962% {
    transform: perspective(650px) rotateZ(-135.66deg) rotateY(-45.41deg) rotateX(-14.68deg);
  }

  18.2398% {
    transform: perspective(650px) rotateZ(-133.46deg) rotateY(-93.12deg) rotateX(-7.39deg);
  }

  26.42% {
    transform: perspective(650px) rotateZ(-124.31deg) rotateY(-137.25deg) rotateX(1.67deg);
  }

  40.6802% {
    transform: perspective(650px) rotateZ(-101.19deg) rotateY(-214.16deg) rotateX(14.78deg);
  }

  49.3027% {
    transform: perspective(650px) rotateZ(-90.43deg) rotateY(-260.66deg) rotateX(16.97deg);
  }

  56.9302% {
    transform: perspective(650px) rotateZ(-86.68deg) rotateY(-301.8deg) rotateX(14.29deg);
  }

  67.5424% {
    transform: perspective(650px) rotateZ(-91.55deg) rotateY(-359.04deg) rotateX(4.81deg);
  }

  85.2295% {
    transform: perspective(650px) rotateZ(-112.99deg) rotateY(-454.45deg) rotateX(-13.3deg);
  }

  92.9676% {
    transform: perspective(650px) rotateZ(-119.44deg) rotateY(-496.19deg) rotateX(-16.8deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-120.63deg) rotateY(-534.12deg) rotateX(-16.15deg);
  }
}

.af-drop-42 {
  --af-scale: 0.99952;
  --af-begin: 2.12318%;
  --af-end: 19.27606%;
  --af-local-begin: 1.80036%;
  --af-local-end: 23.24147%;
  --af-swings: 5;
  --af-travel: af-travel-42;
  --af-orient: af-orient-42;
  z-index: 1000;
}

@keyframes af-travel-42 {
  0% {
    translate: 52.617cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.0005% {
    translate: 50.567cqw calc(0.603cqh + var(--af-clearance) * -0.98795);
  }

  4.1438% {
    translate: 48.475cqw calc(1.694cqh + var(--af-clearance) * -0.96611);
  }

  6.4301% {
    translate: 46.357cqw calc(3.262cqh + var(--af-clearance) * -0.93475);
  }

  9.0021% {
    translate: 44.11cqw calc(5.387cqh + var(--af-clearance) * -0.89226);
  }

  12.7172% {
    translate: 41.125cqw calc(8.883cqh + var(--af-clearance) * -0.82234);
  }

  17.8613% {
    translate: 37.512cqw calc(14.137cqh + var(--af-clearance) * -0.71725);
  }

  22.2909% {
    translate: 34.873cqw calc(18.794cqh + var(--af-clearance) * -0.62412);
  }

  27.1492% {
    translate: 32.418cqw calc(23.939cqh + var(--af-clearance) * -0.52122);
  }

  43.4386% {
    translate: 25.89cqw calc(41.235cqh + var(--af-clearance) * -0.1753);
  }

  64.1577% {
    translate: 17.834cqw calc(61.994cqh + var(--af-clearance) * 0.23987);
  }

  75.4461% {
    translate: 13.449cqw calc(73.836cqh + var(--af-clearance) * 0.47672);
  }

  84.0195% {
    translate: 10.642cqw calc(82.969cqh + var(--af-clearance) * 0.65939);
  }

  100% {
    translate: 6.162cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-42 {
  0% {
    transform: perspective(650px) rotateZ(143.15deg) rotateY(2.57deg) rotateX(136.52deg);
  }

  6.1443% {
    transform: perspective(650px) rotateZ(135.45deg) rotateY(-4.84deg) rotateX(114.45deg);
  }

  14.289% {
    transform: perspective(650px) rotateZ(120.88deg) rotateY(-13.02deg) rotateX(84.21deg);
  }

  18.1471% {
    transform: perspective(650px) rotateZ(113.62deg) rotateY(-15.51deg) rotateX(75.41deg);
  }

  21.7193% {
    transform: perspective(650px) rotateZ(107.4deg) rotateY(-16.77deg) rotateX(72.47deg);
  }

  24.72% {
    transform: perspective(650px) rotateZ(102.89deg) rotateY(-16.98deg) rotateX(74.21deg);
  }

  27.8636% {
    transform: perspective(650px) rotateZ(99.12deg) rotateY(-16.36deg) rotateX(79.98deg);
  }

  31.293% {
    transform: perspective(650px) rotateZ(96.35deg) rotateY(-14.75deg) rotateX(90.11deg);
  }

  35.4368% {
    transform: perspective(650px) rotateZ(95.06deg) rotateY(-11.62deg) rotateX(105.78deg);
  }

  43.5815% {
    transform: perspective(650px) rotateZ(99.11deg) rotateY(-2.86deg) rotateX(136.09deg);
  }

  46.7251% {
    transform: perspective(650px) rotateZ(102.65deg) rotateY(0.96deg) rotateX(143.74deg);
  }

  49.5829% {
    transform: perspective(650px) rotateZ(106.55deg) rotateY(4.39deg) rotateX(147.46deg);
  }

  53.441% {
    transform: perspective(650px) rotateZ(112.43deg) rotateY(8.71deg) rotateX(146.98deg);
  }

  57.4419% {
    transform: perspective(650px) rotateZ(118.72deg) rotateY(12.48deg) rotateX(139.99deg);
  }

  61.0141% {
    transform: perspective(650px) rotateZ(123.95deg) rotateY(15deg) rotateX(129.14deg);
  }

  65.7295% {
    transform: perspective(650px) rotateZ(129.54deg) rotateY(16.8deg) rotateX(110.97deg);
  }

  72.7312% {
    transform: perspective(650px) rotateZ(133.51deg) rotateY(15.97deg) rotateX(85.05deg);
  }

  76.3034% {
    transform: perspective(650px) rotateZ(133.13deg) rotateY(13.97deg) rotateX(76.36deg);
  }

  79.7328% {
    transform: perspective(650px) rotateZ(131.19deg) rotateY(11.2deg) rotateX(72.62deg);
  }

  83.5908% {
    transform: perspective(650px) rotateZ(127.33deg) rotateY(7.28deg) rotateX(74.39deg);
  }

  87.5917% {
    transform: perspective(650px) rotateZ(121.77deg) rotateY(2.64deg) rotateX(82.58deg);
  }

  91.4498% {
    transform: perspective(650px) rotateZ(115.38deg) rotateY(-2.05deg) rotateX(95.23deg);
  }

  100% {
    transform: perspective(650px) rotateZ(100.55deg) rotateY(-11.39deg) rotateX(128.57deg);
  }
}

.af-drop-45 {
  --af-scale: 0.9786;
  --af-begin: 8.25363%;
  --af-end: 26.98651%;
  --af-local-begin: 5.10762%;
  --af-local-end: 28.52372%;
  --af-swings: 5;
  --af-travel: af-travel-45;
  --af-orient: af-orient-45;
  z-index: 979;
}

@keyframes af-travel-45 {
  0% {
    translate: 55.799cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.7009% {
    translate: 54.477cqw calc(0.405cqh + var(--af-clearance) * -0.9919);
  }

  3.5326% {
    translate: 53.149cqw calc(1.248cqh + var(--af-clearance) * -0.97504);
  }

  5.4952% {
    translate: 51.815cqw calc(2.54cqh + var(--af-clearance) * -0.94921);
  }

  7.8503% {
    translate: 50.307cqw calc(4.473cqh + var(--af-clearance) * -0.91054);
  }

  14.2614% {
    translate: 46.569cqw calc(10.672cqh + var(--af-clearance) * -0.78656);
  }

  20.4108% {
    translate: 43.444cqw calc(16.811cqh + var(--af-clearance) * -0.66379);
  }

  26.0369% {
    translate: 41.066cqw calc(22.413cqh + var(--af-clearance) * -0.55174);
  }

  31.7937% {
    translate: 39.137cqw calc(28.256cqh + var(--af-clearance) * -0.43489);
  }

  38.7282% {
    translate: 37.339cqw calc(35.578cqh + var(--af-clearance) * -0.28845);
  }

  52.8587% {
    translate: 33.755cqw calc(51.021cqh + var(--af-clearance) * 0.02042);
  }

  61.1016% {
    translate: 31.274cqw calc(59.434cqh + var(--af-clearance) * 0.18868);
  }

  66.7276% {
    translate: 29.966cqw calc(65.152cqh + var(--af-clearance) * 0.30304);
  }

  84.6525% {
    translate: 27.626cqw calc(84.508cqh + var(--af-clearance) * 0.69015);
  }

  93.4187% {
    translate: 26.657cqw calc(93.439cqh + var(--af-clearance) * 0.86878);
  }

  100% {
    translate: 26.291cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-45 {
  0% {
    transform: perspective(650px) rotateZ(-9.01deg) rotateY(16.99deg) rotateX(74.28deg);
  }

  10.5979% {
    transform: perspective(650px) rotateZ(4.31deg) rotateY(13.12deg) rotateX(138.79deg);
  }

  15.1773% {
    transform: perspective(650px) rotateZ(6.33deg) rotateY(9.2deg) rotateX(162.38deg);
  }

  20.0183% {
    transform: perspective(650px) rotateZ(5.65deg) rotateY(4.1deg) rotateX(184.1deg);
  }

  28.3919% {
    transform: perspective(650px) rotateZ(-1.69deg) rotateY(-5.4deg) rotateX(216.11deg);
  }

  36.3731% {
    transform: perspective(650px) rotateZ(-13.31deg) rotateY(-12.93deg) rotateX(245.97deg);
  }

  42.2608% {
    transform: perspective(650px) rotateZ(-22.32deg) rotateY(-16.2deg) rotateX(271.61deg);
  }

  49.8494% {
    transform: perspective(650px) rotateZ(-31.39deg) rotateY(-16.64deg) rotateX(311.76deg);
  }

  59.0081% {
    transform: perspective(650px) rotateZ(-34.93deg) rotateY(-11.52deg) rotateX(369.03deg);
  }

  69.3444% {
    transform: perspective(650px) rotateZ(-27.72deg) rotateY(-0.75deg) rotateX(434.56deg);
  }

  77.1947% {
    transform: perspective(650px) rotateZ(-16.72deg) rotateY(7.96deg) rotateX(476.96deg);
  }

  82.9516% {
    transform: perspective(650px) rotateZ(-7.96deg) rotateY(13.07deg) rotateX(502.56deg);
  }

  90.1477% {
    transform: perspective(650px) rotateZ(1.01deg) rotateY(16.64deg) rotateX(529.91deg);
  }

  100% {
    transform: perspective(650px) rotateZ(5.33deg) rotateY(15.22deg) rotateX(567.23deg);
  }
}

.af-drop-49 {
  --af-scale: 0.50568;
  --af-begin: 13.62581%;
  --af-end: 46.60266%;
  --af-local-begin: 11.03965%;
  --af-local-end: 50.61187%;
  --af-swings: 6;
  --af-travel: af-travel-49;
  --af-orient: af-orient-49;
  z-index: 506;
}

@keyframes af-travel-49 {
  0% {
    translate: 54.684cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.9324% {
    translate: 56.418cqw calc(0.673cqh + var(--af-clearance) * -0.98654);
  }

  4.3108% {
    translate: 58.265cqw calc(2.291cqh + var(--af-clearance) * -0.95419);
  }

  8.3243% {
    translate: 60.779cqw calc(5.871cqh + var(--af-clearance) * -0.88259);
  }

  12.5608% {
    translate: 62.705cqw calc(10.034cqh + var(--af-clearance) * -0.79931);
  }

  21.1824% {
    translate: 65.307cqw calc(19.175cqh + var(--af-clearance) * -0.61651);
  }

  32.4797% {
    translate: 68.005cqw calc(31.302cqh + var(--af-clearance) * -0.37397);
  }

  39.3919% {
    translate: 69.614cqw calc(38.218cqh + var(--af-clearance) * -0.23564);
  }

  48.6824% {
    translate: 70.903cqw calc(47.78cqh + var(--af-clearance) * -0.04441);
  }

  55.8919% {
    translate: 71.884cqw calc(54.942cqh + var(--af-clearance) * 0.09885);
  }

  64.5878% {
    translate: 72.961cqw calc(64.089cqh + var(--af-clearance) * 0.28178);
  }

  71.2027% {
    translate: 73.868cqw calc(70.606cqh + var(--af-clearance) * 0.41212);
  }

  82.7973% {
    translate: 73.965cqw calc(82.47cqh + var(--af-clearance) * 0.64939);
  }

  92.3108% {
    translate: 73.611cqw calc(92.294cqh + var(--af-clearance) * 0.84587);
  }

  100% {
    translate: 73.908cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-49 {
  0% {
    transform: perspective(650px) rotateZ(64.46deg) rotateY(-34.05deg) rotateX(16.23deg);
  }

  1.6351% {
    transform: perspective(650px) rotateZ(68.3deg) rotateY(-24.56deg) rotateX(14.8deg);
  }

  3.1216% {
    transform: perspective(650px) rotateZ(70.78deg) rotateY(-19.31deg) rotateX(12.94deg);
  }

  4.6081% {
    transform: perspective(650px) rotateZ(72.2deg) rotateY(-17.72deg) rotateX(10.61deg);
  }

  6.0946% {
    transform: perspective(650px) rotateZ(72.52deg) rotateY(-19.92deg) rotateX(7.88deg);
  }

  7.5811% {
    transform: perspective(650px) rotateZ(71.74deg) rotateY(-25.73deg) rotateX(4.87deg);
  }

  9.1419% {
    transform: perspective(650px) rotateZ(69.77deg) rotateY(-35.2deg) rotateX(1.51deg);
  }

  15.4595% {
    transform: perspective(650px) rotateZ(52.78deg) rotateY(-88.38deg) rotateX(-11.28deg);
  }

  18.3581% {
    transform: perspective(650px) rotateZ(42.83deg) rotateY(-105.93deg) rotateX(-15.14deg);
  }

  19.5473% {
    transform: perspective(650px) rotateZ(38.92deg) rotateY(-109.31deg) rotateX(-16.14deg);
  }

  20.7365% {
    transform: perspective(650px) rotateZ(35.27deg) rotateY(-109.57deg) rotateX(-16.77deg);
  }

  24.973% {
    transform: perspective(650px) rotateZ(25.81deg) rotateY(-98.96deg) rotateX(-15.78deg);
  }

  26.7567% {
    transform: perspective(650px) rotateZ(24.02deg) rotateY(-97.95deg) rotateX(-13.93deg);
  }

  28.7635% {
    transform: perspective(650px) rotateZ(23.8deg) rotateY(-104.34deg) rotateX(-10.97deg);
  }

  30.9189% {
    transform: perspective(650px) rotateZ(25.67deg) rotateY(-120.07deg) rotateX(-6.99deg);
  }

  35.0811% {
    transform: perspective(650px) rotateZ(34.55deg) rotateY(-161.28deg) rotateX(1.92deg);
  }

  38.6486% {
    transform: perspective(650px) rotateZ(45.55deg) rotateY(-202.6deg) rotateX(9.21deg);
  }

  44.2973% {
    transform: perspective(650px) rotateZ(62deg) rotateY(-279.56deg) rotateX(16.39deg);
  }

  48.6081% {
    transform: perspective(650px) rotateZ(67.91deg) rotateY(-341.12deg) rotateX(16.31deg);
  }

  51.9527% {
    transform: perspective(650px) rotateZ(66.49deg) rotateY(-385.44deg) rotateX(12.81deg);
  }

  55.1486% {
    transform: perspective(650px) rotateZ(60.22deg) rotateY(-422.79deg) rotateX(7.27deg);
  }

  58.2702% {
    transform: perspective(650px) rotateZ(50.45deg) rotateY(-454.56deg) rotateX(0.67deg);
  }

  66.7432% {
    transform: perspective(650px) rotateZ(20.08deg) rotateY(-533.82deg) rotateX(-14.77deg);
  }

  69.5675% {
    transform: perspective(650px) rotateZ(13.64deg) rotateY(-564.6deg) rotateX(-16.8deg);
  }

  72.3919% {
    transform: perspective(650px) rotateZ(10.82deg) rotateY(-599.41deg) rotateX(-16.63deg);
  }

  75.1418% {
    transform: perspective(650px) rotateZ(11.87deg) rotateY(-636.72deg) rotateX(-14.36deg);
  }

  77.9662% {
    transform: perspective(650px) rotateZ(16.59deg) rotateY(-677.08deg) rotateX(-10.18deg);
  }

  82.5743% {
    transform: perspective(650px) rotateZ(29.93deg) rotateY(-741.97deg) rotateX(-0.81deg);
  }

  86.1418% {
    transform: perspective(650px) rotateZ(41.85deg) rotateY(-786.95deg) rotateX(6.81deg);
  }

  89.4121% {
    transform: perspective(650px) rotateZ(51.16deg) rotateY(-822.6deg) rotateX(12.59deg);
  }

  93.3513% {
    transform: perspective(650px) rotateZ(57.51deg) rotateY(-860.01deg) rotateX(16.55deg);
  }

  96.6216% {
    transform: perspective(650px) rotateZ(57.45deg) rotateY(-889.77deg) rotateX(16.69deg);
  }

  100% {
    transform: perspective(650px) rotateZ(52.3deg) rotateY(-922.98deg) rotateX(13.76deg);
  }
}

.af-drop-50 {
  --af-scale: 0.73794;
  --af-begin: 17.71593%;
  --af-end: 42.26356%;
  --af-local-begin: 16.24301%;
  --af-local-end: 48.97318%;
  --af-swings: 4;
  --af-travel: af-travel-50;
  --af-orient: af-orient-50;
  z-index: 738;
}

@keyframes af-travel-50 {
  0% {
    translate: 55.311cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.4961% {
    translate: 52.268cqw calc(0.821cqh + var(--af-clearance) * -0.98358);
  }

  5.3917% {
    translate: 49.155cqw calc(2.777cqh + var(--af-clearance) * -0.94445);
  }

  10.8832% {
    translate: 44.223cqw calc(7.717cqh + var(--af-clearance) * -0.84565);
  }

  16.3747% {
    translate: 40.394cqw calc(13.086cqh + var(--af-clearance) * -0.73828);
  }

  20.7679% {
    translate: 38.097cqw calc(17.581cqh + var(--af-clearance) * -0.64838);
  }

  25.6604% {
    translate: 36.175cqw calc(22.814cqh + var(--af-clearance) * -0.54372);
  }

  31.0521% {
    translate: 34.614cqw calc(28.706cqh + var(--af-clearance) * -0.42588);
  }

  36.1442% {
    translate: 33.679cqw calc(34.242cqh + var(--af-clearance) * -0.31516);
  }

  45.8293% {
    translate: 33.321cqw calc(44.146cqh + var(--af-clearance) * -0.11709);
  }

  57.012% {
    translate: 34.187cqw calc(55.255cqh + var(--af-clearance) * 0.1051);
  }

  77.081% {
    translate: 37.67cqw calc(76.841cqh + var(--af-clearance) * 0.53681);
  }

  93.5556% {
    translate: 41.113cqw calc(93.274cqh + var(--af-clearance) * 0.86548);
  }

  100% {
    translate: 42.662cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-50 {
  0% {
    transform: perspective(650px) rotateZ(-89.22deg) rotateY(-8.88deg) rotateX(-141.49deg);
  }

  2.7957% {
    transform: perspective(650px) rotateZ(-99.73deg) rotateY(-12.86deg) rotateX(-156.36deg);
  }

  5.0921% {
    transform: perspective(650px) rotateZ(-108.41deg) rotateY(-15.23deg) rotateX(-164.78deg);
  }

  7.3886% {
    transform: perspective(650px) rotateZ(-116.48deg) rotateY(-16.64deg) rotateX(-168.47deg);
  }

  9.5852% {
    transform: perspective(650px) rotateZ(-123.1deg) rotateY(-16.99deg) rotateX(-167.08deg);
  }

  13.1797% {
    transform: perspective(650px) rotateZ(-130.51deg) rotateY(-15.44deg) rotateX(-155.17deg);
  }

  18.0721% {
    transform: perspective(650px) rotateZ(-132.1deg) rotateY(-9.6deg) rotateX(-127.18deg);
  }

  20.9676% {
    transform: perspective(650px) rotateZ(-128.27deg) rotateY(-4.72deg) rotateX(-110.62deg);
  }

  23.2641% {
    transform: perspective(650px) rotateZ(-123.07deg) rotateY(-0.48deg) rotateX(-100.6deg);
  }

  25.4607% {
    transform: perspective(650px) rotateZ(-116.7deg) rotateY(3.61deg) rotateX(-95.05deg);
  }

  27.5575% {
    transform: perspective(650px) rotateZ(-109.78deg) rotateY(7.32deg) rotateX(-94.11deg);
  }

  29.6542% {
    transform: perspective(650px) rotateZ(-102.49deg) rotateY(10.64deg) rotateX(-97.54deg);
  }

  31.8508% {
    transform: perspective(650px) rotateZ(-94.98deg) rotateY(13.51deg) rotateX(-105.38deg);
  }

  38.241% {
    transform: perspective(650px) rotateZ(-78.46deg) rotateY(16.98deg) rotateX(-141.77deg);
  }

  40.7371% {
    transform: perspective(650px) rotateZ(-75.7deg) rotateY(16.1deg) rotateX(-155.19deg);
  }

  42.8339% {
    transform: perspective(650px) rotateZ(-75.37deg) rotateY(14.42deg) rotateX(-163.46deg);
  }

  44.8308% {
    transform: perspective(650px) rotateZ(-76.76deg) rotateY(12.11deg) rotateX(-167.83deg);
  }

  46.7279% {
    transform: perspective(650px) rotateZ(-79.55deg) rotateY(9.37deg) rotateX(-168.35deg);
  }

  48.9245% {
    transform: perspective(650px) rotateZ(-84.37deg) rotateY(5.69deg) rotateX(-164.49deg);
  }

  51.221% {
    transform: perspective(650px) rotateZ(-90.87deg) rotateY(1.5deg) rotateX(-155.89deg);
  }

  58.4099% {
    transform: perspective(650px) rotateZ(-114.92deg) rotateY(-11.01deg) rotateX(-114.62deg);
  }

  60.906% {
    transform: perspective(650px) rotateZ(-122.19deg) rotateY(-14.11deg) rotateX(-102.66deg);
  }

  63.2025% {
    transform: perspective(650px) rotateZ(-127.36deg) rotateY(-16.04deg) rotateX(-95.82deg);
  }

  65.4989% {
    transform: perspective(650px) rotateZ(-130.66deg) rotateY(-16.94deg) rotateX(-93.98deg);
  }

  67.2961% {
    transform: perspective(650px) rotateZ(-131.74deg) rotateY(-16.89deg) rotateX(-96.22deg);
  }

  69.0934% {
    transform: perspective(650px) rotateZ(-131.43deg) rotateY(-16.19deg) rotateX(-101.5deg);
  }

  73.3867% {
    transform: perspective(650px) rotateZ(-125.18deg) rotateY(-12.04deg) rotateX(-123.25deg);
  }

  77.3806% {
    transform: perspective(650px) rotateZ(-113.54deg) rotateY(-5.77deg) rotateX(-147.19deg);
  }

  79.8767% {
    transform: perspective(650px) rotateZ(-104.49deg) rotateY(-1.21deg) rotateX(-159.34deg);
  }

  82.3729% {
    transform: perspective(650px) rotateZ(-94.95deg) rotateY(3.44deg) rotateX(-166.82deg);
  }

  84.6693% {
    transform: perspective(650px) rotateZ(-86.44deg) rotateY(7.5deg) rotateX(-168.49deg);
  }

  86.4666% {
    transform: perspective(650px) rotateZ(-80.35deg) rotateY(10.35deg) rotateX(-166.12deg);
  }

  88.2638% {
    transform: perspective(650px) rotateZ(-75.05deg) rotateY(12.81deg) rotateX(-160.72deg);
  }

  92.657% {
    transform: perspective(650px) rotateZ(-66.77deg) rotateY(16.54deg) rotateX(-138.21deg);
  }

  97.0502% {
    transform: perspective(650px) rotateZ(-66.43deg) rotateY(16.47deg) rotateX(-112.21deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-70.66deg) rotateY(14.26deg) rotateX(-99.43deg);
  }
}

.af-drop-52 {
  --af-scale: 0.52908;
  --af-begin: 18.94194%;
  --af-end: 52.0376%;
  --af-local-begin: 15.11839%;
  --af-local-end: 54.83318%;
  --af-swings: 6;
  --af-travel: af-travel-52;
  --af-orient: af-orient-52;
  z-index: 529;
}

@keyframes af-travel-52 {
  0% {
    translate: 55.787cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.9255% {
    translate: 54.398cqw calc(0.812cqh + var(--af-clearance) * -0.98376);
  }

  4.2953% {
    translate: 52.89cqw calc(2.544cqh + var(--af-clearance) * -0.94911);
  }

  8.5907% {
    translate: 50.666cqw calc(6.474cqh + var(--af-clearance) * -0.87052);
  }

  12.8119% {
    translate: 49.135cqw calc(10.664cqh + var(--af-clearance) * -0.78671);
  }

  20.7361% {
    translate: 47.651cqw calc(19.067cqh + var(--af-clearance) * -0.61867);
  }

  28.4381% {
    translate: 47.538cqw calc(27.199cqh + var(--af-clearance) * -0.45601);
  }

  42.8052% {
    translate: 49.359cqw calc(41.354cqh + var(--af-clearance) * -0.17292);
  }

  53.0992% {
    translate: 51.459cqw calc(52.28cqh + var(--af-clearance) * 0.0456);
  }

  59.8384% {
    translate: 53.017cqw calc(59.323cqh + var(--af-clearance) * 0.18645);
  }

  74.2796% {
    translate: 56.475cqw calc(73.563cqh + var(--af-clearance) * 0.47125);
  }

  89.4614% {
    translate: 60.239cqw calc(89.65cqh + var(--af-clearance) * 0.793);
  }

  100% {
    translate: 62.604cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-52 {
  0% {
    transform: perspective(650px) rotateZ(8.8deg) rotateY(-14.39deg) rotateX(17.26deg);
  }

  2.7401% {
    transform: perspective(650px) rotateZ(0.2deg) rotateY(-16.71deg) rotateX(11.22deg);
  }

  5.4062% {
    transform: perspective(650px) rotateZ(-6.27deg) rotateY(-16.72deg) rotateX(15.41deg);
  }

  7.4057% {
    transform: perspective(650px) rotateZ(-9.28deg) rotateY(-15.26deg) rotateX(24.45deg);
  }

  9.8496% {
    transform: perspective(650px) rotateZ(-10.42deg) rotateY(-11.93deg) rotateX(39.98deg);
  }

  14.3671% {
    transform: perspective(650px) rotateZ(-5.06deg) rotateY(-2.66deg) rotateX(69.02deg);
  }

  16.3667% {
    transform: perspective(650px) rotateZ(-0.09deg) rotateY(2deg) rotateX(76.8deg);
  }

  18.2181% {
    transform: perspective(650px) rotateZ(5.43deg) rotateY(6.19deg) rotateX(79.35deg);
  }

  19.9955% {
    transform: perspective(650px) rotateZ(11.17deg) rotateY(9.83deg) rotateX(77.23deg);
  }

  21.8469% {
    transform: perspective(650px) rotateZ(17.19deg) rotateY(13.01deg) rotateX(70.56deg);
  }

  26.8088% {
    transform: perspective(650px) rotateZ(30.18deg) rotateY(17deg) rotateX(39.1deg);
  }

  30.2895% {
    transform: perspective(650px) rotateZ(33.95deg) rotateY(15.23deg) rotateX(18.66deg);
  }

  33.1777% {
    transform: perspective(650px) rotateZ(32.88deg) rotateY(11.12deg) rotateX(11.3deg);
  }

  35.0292% {
    transform: perspective(650px) rotateZ(30.31deg) rotateY(7.52deg) rotateX(12.69deg);
  }

  36.8806% {
    transform: perspective(650px) rotateZ(26.51deg) rotateY(3.44deg) rotateX(18.72deg);
  }

  38.9542% {
    transform: perspective(650px) rotateZ(21.22deg) rotateY(-1.38deg) rotateX(29.91deg);
  }

  44.8788% {
    transform: perspective(650px) rotateZ(5.12deg) rotateY(-13.27deg) rotateX(68.45deg);
  }

  46.8784% {
    transform: perspective(650px) rotateZ(1.15deg) rotateY(-15.66deg) rotateX(76.49deg);
  }

  48.7298% {
    transform: perspective(650px) rotateZ(-1.21deg) rotateY(-16.82deg) rotateX(79.34deg);
  }

  50.211% {
    transform: perspective(650px) rotateZ(-2.03deg) rotateY(-16.97deg) rotateX(78.11deg);
  }

  51.6921% {
    transform: perspective(650px) rotateZ(-1.83deg) rotateY(-16.42deg) rotateX(73.87deg);
  }

  55.0987% {
    transform: perspective(650px) rotateZ(2.52deg) rotateY(-12.67deg) rotateX(55.24deg);
  }

  60.1346% {
    transform: perspective(650px) rotateZ(16.74deg) rotateY(-2.52deg) rotateX(22.38deg);
  }

  61.912% {
    transform: perspective(650px) rotateZ(22.89deg) rotateY(1.62deg) rotateX(14.88deg);
  }

  63.5413% {
    transform: perspective(650px) rotateZ(28.5deg) rotateY(5.34deg) rotateX(11.5deg);
  }

  65.3187% {
    transform: perspective(650px) rotateZ(34.24deg) rotateY(9.09deg) rotateX(12.08deg);
  }

  67.096% {
    transform: perspective(650px) rotateZ(39.2deg) rotateY(12.29deg) rotateX(17.02deg);
  }

  69.0215% {
    transform: perspective(650px) rotateZ(43.35deg) rotateY(14.94deg) rotateX(26.54deg);
  }

  71.5395% {
    transform: perspective(650px) rotateZ(46.35deg) rotateY(16.8deg) rotateX(43.05deg);
  }

  75.9089% {
    transform: perspective(650px) rotateZ(44.35deg) rotateY(15.32deg) rotateX(70.45deg);
  }

  77.6122% {
    transform: perspective(650px) rotateZ(41.27deg) rotateY(13.19deg) rotateX(76.79deg);
  }

  79.1674% {
    transform: perspective(650px) rotateZ(37.55deg) rotateY(10.61deg) rotateX(79.27deg);
  }

  81.0929% {
    transform: perspective(650px) rotateZ(32.1deg) rotateY(6.76deg) rotateX(77.58deg);
  }

  83.1665% {
    transform: perspective(650px) rotateZ(25.67deg) rotateY(2.11deg) rotateX(70.22deg);
  }

  90.1279% {
    transform: perspective(650px) rotateZ(7.67deg) rotateY(-12.58deg) rotateX(25.83deg);
  }

  93.0902% {
    transform: perspective(650px) rotateZ(4.98deg) rotateY(-16.08deg) rotateX(13.33deg);
  }

  94.7935% {
    transform: perspective(650px) rotateZ(5.24deg) rotateY(-16.92deg) rotateX(11.19deg);
  }

  96.4228% {
    transform: perspective(650px) rotateZ(6.72deg) rotateY(-16.86deg) rotateX(13deg);
  }

  98.1261% {
    transform: perspective(650px) rotateZ(9.42deg) rotateY(-15.9deg) rotateX(18.71deg);
  }

  100% {
    transform: perspective(650px) rotateZ(13.54deg) rotateY(-13.85deg) rotateX(28.66deg);
  }
}

.af-drop-54 {
  --af-scale: 0.98251;
  --af-begin: 27.56138%;
  --af-end: 45.30293%;
  --af-local-begin: 26.44453%;
  --af-local-end: 48.62146%;
  --af-swings: 5;
  --af-travel: af-travel-54;
  --af-orient: af-orient-54;
  z-index: 983;
}

@keyframes af-travel-54 {
  0% {
    translate: 51.352cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.2104% {
    translate: 49.289cqw calc(0.723cqh + var(--af-clearance) * -0.98554);
  }

  4.6971% {
    translate: 47.15cqw calc(2.126cqh + var(--af-clearance) * -0.95747);
  }

  7.4601% {
    translate: 44.975cqw calc(4.196cqh + var(--af-clearance) * -0.91609);
  }

  11.0519% {
    translate: 42.402cqw calc(7.332cqh + var(--af-clearance) * -0.85335);
  }

  17.4068% {
    translate: 38.336cqw calc(13.449cqh + var(--af-clearance) * -0.73101);
  }

  23.8998% {
    translate: 34.7cqw calc(20.208cqh + var(--af-clearance) * -0.59584);
  }

  29.1495% {
    translate: 32.285cqw calc(25.916cqh + var(--af-clearance) * -0.48168);
  }

  34.3991% {
    translate: 30.457cqw calc(31.561cqh + var(--af-clearance) * -0.36878);
  }

  51.2533% {
    translate: 26.603cqw calc(48.671cqh + var(--af-clearance) * -0.02658);
  }

  65.2064% {
    translate: 23.838cqw calc(63.696cqh + var(--af-clearance) * 0.27392);
  }

  80.8173% {
    translate: 22.441cqw calc(79.531cqh + var(--af-clearance) * 0.59061);
  }

  88.4155% {
    translate: 21.853cqw calc(87.625cqh + var(--af-clearance) * 0.75249);
  }

  100% {
    translate: 21.994cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-54 {
  0% {
    transform: perspective(650px) rotateZ(155.54deg) rotateY(16.95deg) rotateX(50.84deg);
  }

  10.3612% {
    transform: perspective(650px) rotateZ(165.75deg) rotateY(12.6deg) rotateX(-9.77deg);
  }

  20.0316% {
    transform: perspective(650px) rotateZ(166.41deg) rotateY(3.68deg) rotateX(-65.59deg);
  }

  27.2154% {
    transform: perspective(650px) rotateZ(161.29deg) rotateY(-4.03deg) rotateX(-106.66deg);
  }

  36.3332% {
    transform: perspective(650px) rotateZ(150.34deg) rotateY(-12.43deg) rotateX(-158.71deg);
  }

  48.0759% {
    transform: perspective(650px) rotateZ(135.83deg) rotateY(-17deg) rotateX(-226.41deg);
  }

  57.3319% {
    transform: perspective(650px) rotateZ(129.84deg) rotateY(-14.15deg) rotateX(-280.53deg);
  }

  66.1735% {
    transform: perspective(650px) rotateZ(131.17deg) rotateY(-6.93deg) rotateX(-332.51deg);
  }

  73.9098% {
    transform: perspective(650px) rotateZ(137.59deg) rotateY(1.24deg) rotateX(-377.83deg);
  }

  86.3432% {
    transform: perspective(650px) rotateZ(152.78deg) rotateY(12.94deg) rotateX(-449.71deg);
  }

  93.6651% {
    transform: perspective(650px) rotateZ(160.41deg) rotateY(16.52deg) rotateX(-491.56deg);
  }

  100% {
    transform: perspective(650px) rotateZ(164.05deg) rotateY(16.77deg) rotateX(-527.71deg);
  }
}

.af-drop-55 {
  --af-scale: 0.56412;
  --af-begin: 25.23589%;
  --af-end: 56.34396%;
  --af-local-begin: 22.0626%;
  --af-local-end: 59.39229%;
  --af-swings: 6;
  --af-travel: af-travel-55;
  --af-orient: af-orient-55;
  z-index: 564;
}

@keyframes af-travel-55 {
  0% {
    translate: 52.365cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.3394% {
    translate: 53.92cqw calc(0.379cqh + var(--af-clearance) * -0.99242);
  }

  2.7576% {
    translate: 55.428cqw calc(1.138cqh + var(--af-clearance) * -0.97725);
  }

  6.2243% {
    translate: 58.532cqw calc(3.964cqh + var(--af-clearance) * -0.92072);
  }

  9.9274% {
    translate: 61.08cqw calc(7.709cqh + var(--af-clearance) * -0.84581);
  }

  14.1033% {
    translate: 63.293cqw calc(12.21cqh + var(--af-clearance) * -0.7558);
  }

  18.2003% {
    translate: 64.903cqw calc(16.678cqh + var(--af-clearance) * -0.66644);
  }

  22.2973% {
    translate: 65.934cqw calc(21.023cqh + var(--af-clearance) * -0.57954);
  }

  44.0432% {
    translate: 68.668cqw calc(42.377cqh + var(--af-clearance) * -0.15246);
  }

  52.9463% {
    translate: 70.323cqw calc(51.784cqh + var(--af-clearance) * 0.03568);
  }

  60.9828% {
    translate: 71.237cqw calc(59.857cqh + var(--af-clearance) * 0.19714);
  }

  65.7102% {
    translate: 71.71cqw calc(64.865cqh + var(--af-clearance) * 0.29731);
  }

  72.4861% {
    translate: 71.688cqw calc(72.037cqh + var(--af-clearance) * 0.44075);
  }

  81.3893% {
    translate: 71.078cqw calc(80.862cqh + var(--af-clearance) * 0.61724);
  }

  90.45% {
    translate: 71.184cqw calc(90.388cqh + var(--af-clearance) * 0.80777);
  }

  100% {
    translate: 71.153cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-55 {
  0% {
    transform: perspective(650px) rotateZ(-96.62deg) rotateY(1.59deg) rotateX(-11.09deg);
  }

  3.3091% {
    transform: perspective(650px) rotateZ(-106.97deg) rotateY(-5.36deg) rotateX(-39.94deg);
  }

  5.9092% {
    transform: perspective(650px) rotateZ(-117.73deg) rotateY(-10.23deg) rotateX(-64.04deg);
  }

  7.8001% {
    transform: perspective(650px) rotateZ(-126.23deg) rotateY(-13.13deg) rotateX(-78.82deg);
  }

  10.085% {
    transform: perspective(650px) rotateZ(-136.43deg) rotateY(-15.64deg) rotateX(-90.68deg);
  }

  12.2911% {
    transform: perspective(650px) rotateZ(-145.39deg) rotateY(-16.87deg) rotateX(-94.06deg);
  }

  13.8669% {
    transform: perspective(650px) rotateZ(-150.83deg) rotateY(-16.96deg) rotateX(-91.23deg);
  }

  15.4427% {
    transform: perspective(650px) rotateZ(-155.2deg) rotateY(-16.39deg) rotateX(-84.27deg);
  }

  17.176% {
    transform: perspective(650px) rotateZ(-158.57deg) rotateY(-15.04deg) rotateX(-72.56deg);
  }

  19.2246% {
    transform: perspective(650px) rotateZ(-160.41deg) rotateY(-12.53deg) rotateX(-54.9deg);
  }

  23.4792% {
    transform: perspective(650px) rotateZ(-156.62deg) rotateY(-4.97deg) rotateX(-16.03deg);
  }

  26.158% {
    transform: perspective(650px) rotateZ(-149.63deg) rotateY(0.66deg) rotateX(0.94deg);
  }

  27.4186% {
    transform: perspective(650px) rotateZ(-145.42deg) rotateY(3.32deg) rotateX(4.19deg);
  }

  28.6793% {
    transform: perspective(650px) rotateZ(-140.81deg) rotateY(5.9deg) rotateX(4.38deg);
  }

  32.8551% {
    transform: perspective(650px) rotateZ(-124.53deg) rotateY(13.07deg) rotateX(-4.88deg);
  }

  34.5097% {
    transform: perspective(650px) rotateZ(-118.53deg) rotateY(15.03deg) rotateX(-6.07deg);
  }

  36.3218% {
    transform: perspective(650px) rotateZ(-112.84deg) rotateY(16.43deg) rotateX(-2.4deg);
  }

  38.2128% {
    transform: perspective(650px) rotateZ(-108.26deg) rotateY(17deg) rotateX(7.09deg);
  }

  42.5462% {
    transform: perspective(650px) rotateZ(-104.55deg) rotateY(14.76deg) rotateX(38.52deg);
  }

  46.8796% {
    transform: perspective(650px) rotateZ(-111.13deg) rotateY(8.28deg) rotateX(77.86deg);
  }

  50.5039% {
    transform: perspective(650px) rotateZ(-123.14deg) rotateY(0.94deg) rotateX(117.99deg);
  }

  58.9343% {
    transform: perspective(650px) rotateZ(-156.55deg) rotateY(-14.3deg) rotateX(220.28deg);
  }

  61.8495% {
    transform: perspective(650px) rotateZ(-163.87deg) rotateY(-16.64deg) rotateX(251.38deg);
  }

  64.5284% {
    transform: perspective(650px) rotateZ(-166.71deg) rotateY(-16.86deg) rotateX(276.1deg);
  }

  67.3648% {
    transform: perspective(650px) rotateZ(-165.17deg) rotateY(-15.04deg) rotateX(298.48deg);
  }

  70.28% {
    transform: perspective(650px) rotateZ(-158.92deg) rotateY(-11.23deg) rotateX(318.82deg);
  }

  74.6922% {
    transform: perspective(650px) rotateZ(-142.62deg) rotateY(-2.86deg) rotateX(349.4deg);
  }

  77.9225% {
    transform: perspective(650px) rotateZ(-128.26deg) rotateY(3.96deg) rotateX(375.51deg);
  }

  82.0196% {
    transform: perspective(650px) rotateZ(-111.58deg) rotateY(11.56deg) rotateX(416.15deg);
  }

  86.9045% {
    transform: perspective(650px) rotateZ(-99.94deg) rotateY(16.62deg) rotateX(473.99deg);
  }

  89.8197% {
    transform: perspective(650px) rotateZ(-99.11deg) rotateY(16.8deg) rotateX(510.09deg);
  }

  92.7349% {
    transform: perspective(650px) rotateZ(-102.99deg) rotateY(14.77deg) rotateX(544.51deg);
  }

  96.3592% {
    transform: perspective(650px) rotateZ(-113.23deg) rotateY(9.58deg) rotateX(582.21deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-126.93deg) rotateY(2.42deg) rotateX(613.31deg);
  }
}

.af-drop-58 {
  --af-scale: 0.71104;
  --af-begin: 33.29776%;
  --af-end: 57.38895%;
  --af-local-begin: 30.99324%;
  --af-local-end: 59.90267%;
  --af-swings: 6;
  --af-travel: af-travel-58;
  --af-orient: af-orient-58;
  z-index: 711;
}

@keyframes af-travel-58 {
  0% {
    translate: 51.23cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.5261% {
    translate: 50.516cqw calc(0.453cqh + var(--af-clearance) * -0.99093);
  }

  3.2556% {
    translate: 49.736cqw calc(1.357cqh + var(--af-clearance) * -0.97287);
  }

  5.1886% {
    translate: 48.893cqw calc(2.734cqh + var(--af-clearance) * -0.94531);
  }

  7.3251% {
    translate: 47.996cqw calc(4.561cqh + var(--af-clearance) * -0.90877);
  }

  10.8859% {
    translate: 46.597cqw calc(8.026cqh + var(--af-clearance) * -0.83949);
  }

  15.8711% {
    translate: 44.96cqw calc(13.303cqh + var(--af-clearance) * -0.73394);
  }

  23.2979% {
    translate: 43.555cqw calc(21.224cqh + var(--af-clearance) * -0.57552);
  }

  39.4742% {
    translate: 42.988cqw calc(37.395cqh + var(--af-clearance) * -0.25209);
  }

  54.7348% {
    translate: 42.401cqw calc(53.673cqh + var(--af-clearance) * 0.07347);
  }

  66.8416% {
    translate: 42.538cqw calc(65.739cqh + var(--af-clearance) * 0.31477);
  }

  72.9459% {
    translate: 42.093cqw calc(72.014cqh + var(--af-clearance) * 0.44028);
  }

  86.2735% {
    translate: 41.149cqw calc(86.313cqh + var(--af-clearance) * 0.72626);
  }

  100% {
    translate: 40.969cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-58 {
  0% {
    transform: perspective(650px) rotateZ(4.09deg) rotateY(-13.12deg) rotateX(-9.66deg);
  }

  7.2234% {
    transform: perspective(650px) rotateZ(-15.32deg) rotateY(-56.14deg) rotateX(-15.63deg);
  }

  13.8363% {
    transform: perspective(650px) rotateZ(-30.01deg) rotateY(-94.33deg) rotateX(-16.9deg);
  }

  18.9232% {
    transform: perspective(650px) rotateZ(-36.52deg) rotateY(-122.88deg) rotateX(-14.87deg);
  }

  23.8066% {
    transform: perspective(650px) rotateZ(-37.69deg) rotateY(-149.9deg) rotateX(-10.75deg);
  }

  27.9778% {
    transform: perspective(650px) rotateZ(-34.64deg) rotateY(-172.95deg) rotateX(-5.99deg);
  }

  32.3526% {
    transform: perspective(650px) rotateZ(-27.91deg) rotateY(-197.38deg) rotateX(-0.34deg);
  }

  46.1889% {
    transform: perspective(650px) rotateZ(4.72deg) rotateY(-277.98deg) rotateX(14.8deg);
  }

  54.1244% {
    transform: perspective(650px) rotateZ(18.7deg) rotateY(-325.8deg) rotateX(16.91deg);
  }

  61.246% {
    transform: perspective(650px) rotateZ(21.67deg) rotateY(-368.22deg) rotateX(13.46deg);
  }

  69.2833% {
    transform: perspective(650px) rotateZ(13.2deg) rotateY(-414.48deg) rotateX(4.83deg);
  }

  80.9831% {
    transform: perspective(650px) rotateZ(-11.54deg) rotateY(-479.42deg) rotateX(-9.9deg);
  }

  88.5117% {
    transform: perspective(650px) rotateZ(-24.73deg) rotateY(-521.57deg) rotateX(-15.89deg);
  }

  94.3108% {
    transform: perspective(650px) rotateZ(-28.73deg) rotateY(-555.04deg) rotateX(-16.93deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-26deg) rotateY(-588.78deg) rotateX(-14.66deg);
  }
}

.af-drop-59 {
  --af-scale: 1.01404;
  --af-begin: 38.28242%;
  --af-end: 55.27584%;
  --af-local-begin: 33.53991%;
  --af-local-end: 56.19781%;
  --af-swings: 4;
  --af-travel: af-travel-59;
  --af-orient: af-orient-59;
  z-index: 1014;
}

@keyframes af-travel-59 {
  0% {
    translate: 51.586cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.7308% {
    translate: 50.892cqw calc(0.528cqh + var(--af-clearance) * -0.98943);
  }

  3.6058% {
    translate: 50.194cqw calc(1.452cqh + var(--af-clearance) * -0.97096);
  }

  5.625% {
    translate: 49.491cqw calc(2.786cqh + var(--af-clearance) * -0.94428);
  }

  7.7885% {
    translate: 48.782cqw calc(4.507cqh + var(--af-clearance) * -0.90985);
  }

  11.3943% {
    translate: 47.685cqw calc(7.777cqh + var(--af-clearance) * -0.84446);
  }

  17.0193% {
    translate: 46.2cqw calc(13.252cqh + var(--af-clearance) * -0.73496);
  }

  25.0962% {
    translate: 44.701cqw calc(21.262cqh + var(--af-clearance) * -0.57476);
  }

  34.6155% {
    translate: 43.996cqw calc(31.027cqh + var(--af-clearance) * -0.37947);
  }

  48.6059% {
    translate: 43.454cqw calc(46.189cqh + var(--af-clearance) * -0.07623);
  }

  62.1636% {
    translate: 42.642cqw calc(60.109cqh + var(--af-clearance) * 0.20217);
  }

  76.2982% {
    translate: 42.301cqw calc(75.553cqh + var(--af-clearance) * 0.51105);
  }

  83.9425% {
    translate: 41.591cqw calc(83.64cqh + var(--af-clearance) * 0.6728);
  }

  100% {
    translate: 39.891cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-59 {
  0% {
    transform: perspective(650px) rotateZ(17.15deg) rotateY(16.3deg) rotateX(86deg);
  }

  7.5% {
    transform: perspective(650px) rotateZ(26.95deg) rotateY(10.99deg) rotateX(132.83deg);
  }

  11.1058% {
    transform: perspective(650px) rotateZ(27.23deg) rotateY(7deg) rotateX(151.29deg);
  }

  14.8558% {
    transform: perspective(650px) rotateZ(24.39deg) rotateY(2.28deg) rotateX(167.83deg);
  }

  21.4904% {
    transform: perspective(650px) rotateZ(12.66deg) rotateY(-6.28deg) rotateX(192.89deg);
  }

  27.6924% {
    transform: perspective(650px) rotateZ(-3.07deg) rotateY(-12.86deg) rotateX(216.35deg);
  }

  32.452% {
    transform: perspective(650px) rotateZ(-15.54deg) rotateY(-16deg) rotateX(237.75deg);
  }

  38.6539% {
    transform: perspective(650px) rotateZ(-28.71deg) rotateY(-16.85deg) rotateX(272.45deg);
  }

  45.7213% {
    transform: perspective(650px) rotateZ(-35.46deg) rotateY(-13.21deg) rotateX(320.49deg);
  }

  49.4713% {
    transform: perspective(650px) rotateZ(-34.6deg) rotateY(-9.6deg) rotateX(347.79deg);
  }

  53.3655% {
    transform: perspective(650px) rotateZ(-30.5deg) rotateY(-5.01deg) rotateX(375.79deg);
  }

  58.1251% {
    transform: perspective(650px) rotateZ(-21.73deg) rotateY(1.17deg) rotateX(407.61deg);
  }

  62.5963% {
    transform: perspective(650px) rotateZ(-10.95deg) rotateY(6.85deg) rotateX(433.68deg);
  }

  67.5002% {
    transform: perspective(650px) rotateZ(1.83deg) rotateY(12.12deg) rotateX(457.52deg);
  }

  73.1252% {
    transform: perspective(650px) rotateZ(14.92deg) rotateY(16.01deg) rotateX(479.98deg);
  }

  80.4809% {
    transform: perspective(650px) rotateZ(24.81deg) rotateY(16.57deg) rotateX(507.08deg);
  }

  85.2406% {
    transform: perspective(650px) rotateZ(25.07deg) rotateY(14.09deg) rotateX(527.16deg);
  }

  90.0002% {
    transform: perspective(650px) rotateZ(20.18deg) rotateY(9.72deg) rotateX(551.42deg);
  }

  94.6156% {
    transform: perspective(650px) rotateZ(11.17deg) rotateY(4.23deg) rotateX(579.43deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-2.99deg) rotateY(-2.78deg) rotateX(616.59deg);
  }
}

.af-drop-63 {
  --af-scale: 0.53949;
  --af-begin: 37.63325%;
  --af-end: 71.31925%;
  --af-local-begin: 32.70269%;
  --af-local-end: 74.81019%;
  --af-swings: 5;
  --af-travel: af-travel-63;
  --af-orient: af-orient-63;
  z-index: 539;
}

@keyframes af-travel-63 {
  0% {
    translate: 51.858cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.3097% {
    translate: 50.81cqw calc(0.342cqh + var(--af-clearance) * -0.99315);
  }

  2.6921% {
    translate: 49.791cqw calc(1.085cqh + var(--af-clearance) * -0.97829);
  }

  6.4028% {
    translate: 47.452cqw calc(4.137cqh + var(--af-clearance) * -0.91727);
  }

  10.0408% {
    translate: 45.729cqw calc(7.644cqh + var(--af-clearance) * -0.84711);
  }

  13.8971% {
    translate: 44.493cqw calc(11.605cqh + var(--af-clearance) * -0.7679);
  }

  18.4082% {
    translate: 43.614cqw calc(16.442cqh + var(--af-clearance) * -0.67117);
  }

  22.9193% {
    translate: 43.239cqw calc(21.224cqh + var(--af-clearance) * -0.57551);
  }

  37.544% {
    translate: 43.337cqw calc(35.752cqh + var(--af-clearance) * -0.28495);
  }

  49.9859% {
    translate: 43.48cqw calc(48.919cqh + var(--af-clearance) * -0.02163);
  }

  63.3736% {
    translate: 43.246cqw calc(62.189cqh + var(--af-clearance) * 0.24377);
  }

  68.7578% {
    translate: 43.478cqw calc(67.793cqh + var(--af-clearance) * 0.35586);
  }

  77.198% {
    translate: 44.459cqw calc(76.759cqh + var(--af-clearance) * 0.53518);
  }

  91.0951% {
    translate: 46.858cqw calc(90.539cqh + var(--af-clearance) * 0.81078);
  }

  100% {
    translate: 48.664cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-63 {
  0% {
    transform: perspective(650px) rotateZ(-16.07deg) rotateY(-14.73deg) rotateX(2.06deg);
  }

  2.3283% {
    transform: perspective(650px) rotateZ(-25.89deg) rotateY(-16.8deg) rotateX(-3.21deg);
  }

  4.5839% {
    transform: perspective(650px) rotateZ(-33.16deg) rotateY(-16.66deg) rotateX(1.76deg);
  }

  6.6939% {
    transform: perspective(650px) rotateZ(-37.01deg) rotateY(-14.63deg) rotateX(14.22deg);
  }

  9.7498% {
    transform: perspective(650px) rotateZ(-36.65deg) rotateY(-8.94deg) rotateX(39.14deg);
  }

  12.8785% {
    transform: perspective(650px) rotateZ(-29.27deg) rotateY(-1.02deg) rotateX(61.27deg);
  }

  14.1881% {
    transform: perspective(650px) rotateZ(-24.53deg) rotateY(2.49deg) rotateX(66.58deg);
  }

  15.425% {
    transform: perspective(650px) rotateZ(-19.44deg) rotateY(5.71deg) rotateX(68.66deg);
  }

  17.0258% {
    transform: perspective(650px) rotateZ(-12.36deg) rotateY(9.53deg) rotateX(66.86deg);
  }

  18.6992% {
    transform: perspective(650px) rotateZ(-4.9deg) rotateY(12.87deg) rotateX(59.86deg);
  }

  20.4455% {
    transform: perspective(650px) rotateZ(2.31deg) rotateY(15.41deg) rotateX(48.15deg);
  }

  23.1376% {
    transform: perspective(650px) rotateZ(10.88deg) rotateY(17deg) rotateX(25.9deg);
  }

  26.2662% {
    transform: perspective(650px) rotateZ(15.05deg) rotateY(15.05deg) rotateX(3.95deg);
  }

  27.5759% {
    transform: perspective(650px) rotateZ(14.66deg) rotateY(13.11deg) rotateX(-1.23deg);
  }

  28.8856% {
    transform: perspective(650px) rotateZ(13.02deg) rotateY(10.61deg) rotateX(-3.2deg);
  }

  30.4135% {
    transform: perspective(650px) rotateZ(9.68deg) rotateY(7.13deg) rotateX(-1.2deg);
  }

  32.0142% {
    transform: perspective(650px) rotateZ(4.78deg) rotateY(3.05deg) rotateX(5.55deg);
  }

  33.6877% {
    transform: perspective(650px) rotateZ(-1.44deg) rotateY(-1.43deg) rotateX(16.67deg);
  }

  38.7081% {
    transform: perspective(650px) rotateZ(-21.17deg) rotateY(-13.07deg) rotateX(56.45deg);
  }

  40.3816% {
    transform: perspective(650px) rotateZ(-26.17deg) rotateY(-15.45deg) rotateX(65.02deg);
  }

  41.9095% {
    transform: perspective(650px) rotateZ(-29.32deg) rotateY(-16.7deg) rotateX(68.54deg);
  }

  43.2192% {
    transform: perspective(650px) rotateZ(-30.76deg) rotateY(-17deg) rotateX(67.91deg);
  }

  44.6017% {
    transform: perspective(650px) rotateZ(-30.89deg) rotateY(-16.53deg) rotateX(63.64deg);
  }

  47.6576% {
    transform: perspective(650px) rotateZ(-26.11deg) rotateY(-12.79deg) rotateX(43.83deg);
  }

  52.3142% {
    transform: perspective(650px) rotateZ(-8.24deg) rotateY(-1.98deg) rotateX(7.36deg);
  }

  53.9876% {
    transform: perspective(650px) rotateZ(-0.31deg) rotateY(2.5deg) rotateX(-0.47deg);
  }

  55.5156% {
    transform: perspective(650px) rotateZ(6.82deg) rotateY(6.44deg) rotateX(-3.19deg);
  }

  56.9708% {
    transform: perspective(650px) rotateZ(13.09deg) rotateY(9.86deg) rotateX(-1.49deg);
  }

  58.426% {
    transform: perspective(650px) rotateZ(18.47deg) rotateY(12.75deg) rotateX(4.2deg);
  }

  60.0267% {
    transform: perspective(650px) rotateZ(23deg) rotateY(15.16deg) rotateX(14.26deg);
  }

  62.1367% {
    transform: perspective(650px) rotateZ(26.27deg) rotateY(16.84deg) rotateX(31.21deg);
  }

  65.7019% {
    transform: perspective(650px) rotateZ(24.15deg) rotateY(15.48deg) rotateX(58.48deg);
  }

  67.0844% {
    transform: perspective(650px) rotateZ(20.92deg) rotateY(13.59deg) rotateX(65.17deg);
  }

  68.394% {
    transform: perspective(650px) rotateZ(16.84deg) rotateY(11.2deg) rotateX(68.36deg);
  }

  70.0675% {
    transform: perspective(650px) rotateZ(10.56deg) rotateY(7.48deg) rotateX(67.55deg);
  }

  71.8138% {
    transform: perspective(650px) rotateZ(3.28deg) rotateY(3.04deg) rotateX(61.01deg);
  }

  73.4872% {
    transform: perspective(650px) rotateZ(-3.77deg) rotateY(-1.44deg) rotateX(50.3deg);
  }

  75.8155% {
    transform: perspective(650px) rotateZ(-12.58deg) rotateY(-7.43deg) rotateX(31.35deg);
  }

  78.7987% {
    transform: perspective(650px) rotateZ(-20.13deg) rotateY(-13.56deg) rotateX(8.45deg);
  }

  80.4721% {
    transform: perspective(650px) rotateZ(-21.8deg) rotateY(-15.77deg) rotateX(0.13deg);
  }

  82.0729% {
    transform: perspective(650px) rotateZ(-21.47deg) rotateY(-16.86deg) rotateX(-3.15deg);
  }

  83.7463% {
    transform: perspective(650px) rotateZ(-19.14deg) rotateY(-16.85deg) rotateX(-1.18deg);
  }

  85.4926% {
    transform: perspective(650px) rotateZ(-14.74deg) rotateY(-15.6deg) rotateX(6.41deg);
  }

  87.166% {
    transform: perspective(650px) rotateZ(-9deg) rotateY(-13.29deg) rotateX(17.83deg);
  }

  91.5316% {
    transform: perspective(650px) rotateZ(9.21deg) rotateY(-3.51deg) rotateX(53.08deg);
  }

  94.0782% {
    transform: perspective(650px) rotateZ(18.84deg) rotateY(3.28deg) rotateX(66.28deg);
  }

  95.5334% {
    transform: perspective(650px) rotateZ(23.05deg) rotateY(6.99deg) rotateX(68.7deg);
  }

  96.9158% {
    transform: perspective(650px) rotateZ(25.84deg) rotateY(10.18deg) rotateX(67.12deg);
  }

  98.371% {
    transform: perspective(650px) rotateZ(27.31deg) rotateY(13.01deg) rotateX(61.56deg);
  }

  100% {
    transform: perspective(650px) rotateZ(27.05deg) rotateY(15.37deg) rotateX(51.4deg);
  }
}

.af-drop-64 {
  --af-scale: 0.79993;
  --af-begin: 45.54832%;
  --af-end: 68.24897%;
  --af-local-begin: 41.84331%;
  --af-local-end: 69.08409%;
  --af-swings: 6;
  --af-travel: af-travel-64;
  --af-orient: af-orient-64;
  z-index: 800;
}

@keyframes af-travel-64 {
  0% {
    translate: 51.581cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.2674% {
    translate: 48.591cqw calc(0.959cqh + var(--af-clearance) * -0.98082);
  }

  4.7507% {
    translate: 45.646cqw calc(2.716cqh + var(--af-clearance) * -0.94568);
  }

  8.9615% {
    translate: 41.398cqw calc(6.555cqh + var(--af-clearance) * -0.86891);
  }

  13.8201% {
    translate: 37.423cqw calc(11.294cqh + var(--af-clearance) * -0.77413);
  }

  21.0541% {
    translate: 32.391cqw calc(18.459cqh + var(--af-clearance) * -0.63082);
  }

  27.3163% {
    translate: 28.443cqw calc(25.079cqh + var(--af-clearance) * -0.49842);
  }

  32.2829% {
    translate: 25.794cqw calc(30.419cqh + var(--af-clearance) * -0.39162);
  }

  37.5734% {
    translate: 23.523cqw calc(35.839cqh + var(--af-clearance) * -0.28322);
  }

  46.103% {
    translate: 20.35cqw calc(44.315cqh + var(--af-clearance) * -0.1137);
  }

  52.3653% {
    translate: 18.141cqw calc(50.923cqh + var(--af-clearance) * 0.01845);
  }

  60.7869% {
    translate: 16.07cqw calc(59.869cqh + var(--af-clearance) * 0.19737);
  }

  72.3396% {
    translate: 14.188cqw calc(71.408cqh + var(--af-clearance) * 0.42816);
  }

  82.2728% {
    translate: 12.62cqw calc(82.019cqh + var(--af-clearance) * 0.64038);
  }

  87.8873% {
    translate: 12.391cqw calc(87.796cqh + var(--af-clearance) * 0.75593);
  }

  100% {
    translate: 12.601cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-64 {
  0% {
    transform: perspective(650px) rotateZ(59.81deg) rotateY(-16.57deg) rotateX(-87.12deg);
  }

  9.7173% {
    transform: perspective(650px) rotateZ(50.37deg) rotateY(-15.28deg) rotateX(-156.72deg);
  }

  18.7867% {
    transform: perspective(650px) rotateZ(51.58deg) rotateY(-7.9deg) rotateX(-222.17deg);
  }

  26.8844% {
    transform: perspective(650px) rotateZ(60.75deg) rotateY(1.4deg) rotateX(-280.44deg);
  }

  40.8125% {
    transform: perspective(650px) rotateZ(84.59deg) rotateY(14.8deg) rotateX(-379.4deg);
  }

  49.0182% {
    transform: perspective(650px) rotateZ(95.44deg) rotateY(16.97deg) rotateX(-437.17deg);
  }

  56.4681% {
    transform: perspective(650px) rotateZ(99.25deg) rotateY(14.22deg) rotateX(-489.76deg);
  }

  66.5093% {
    transform: perspective(650px) rotateZ(94.23deg) rotateY(4.85deg) rotateX(-561.37deg);
  }

  84.5402% {
    transform: perspective(650px) rotateZ(71.18deg) rotateY(-14.04deg) rotateX(-691.33deg);
  }

  92.5299% {
    transform: perspective(650px) rotateZ(65.25deg) rotateY(-16.99deg) rotateX(-748.49deg);
  }

  100% {
    transform: perspective(650px) rotateZ(65.85deg) rotateY(-15.07deg) rotateX(-801.41deg);
  }
}

.af-drop-65 {
  --af-scale: 0.95526;
  --af-begin: 50.60936%;
  --af-end: 68.66259%;
  --af-local-begin: 47.7786%;
  --af-local-end: 71.84959%;
  --af-swings: 4;
  --af-travel: af-travel-65;
  --af-orient: af-orient-65;
  z-index: 955;
}

@keyframes af-travel-65 {
  0% {
    translate: 52.568cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.9007% {
    translate: 54.328cqw calc(0.452cqh + var(--af-clearance) * -0.99096);
  }

  3.8014% {
    translate: 56.018cqw calc(1.313cqh + var(--af-clearance) * -0.97374);
  }

  5.8379% {
    translate: 57.748cqw calc(2.607cqh + var(--af-clearance) * -0.94786);
  }

  8.2816% {
    translate: 59.71cqw calc(4.527cqh + var(--af-clearance) * -0.90945);
  }

  12.7618% {
    translate: 62.958cqw calc(8.635cqh + var(--af-clearance) * -0.8273);
  }

  17.1063% {
    translate: 65.638cqw calc(12.933cqh + var(--af-clearance) * -0.74135);
  }

  21.4507% {
    translate: 67.833cqw calc(17.348cqh + var(--af-clearance) * -0.65305);
  }

  25.7952% {
    translate: 69.56cqw calc(21.817cqh + var(--af-clearance) * -0.56367);
  }

  33.8052% {
    translate: 71.719cqw calc(30.087cqh + var(--af-clearance) * -0.39827);
  }

  47.2459% {
    translate: 73.938cqw calc(43.983cqh + var(--af-clearance) * -0.12035);
  }

  60.5508% {
    translate: 76.576cqw calc(58.387cqh + var(--af-clearance) * 0.16775);
  }

  75.349% {
    translate: 80.765cqw calc(74.48cqh + var(--af-clearance) * 0.4896);
  }

  88.5182% {
    translate: 84.714cqw calc(88.129cqh + var(--af-clearance) * 0.76258);
  }

  100% {
    translate: 87.155cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-65 {
  0% {
    transform: perspective(650px) rotateZ(-64.22deg) rotateY(1.58deg) rotateX(41.88deg);
  }

  6.5167% {
    transform: perspective(650px) rotateZ(-73deg) rotateY(-5.25deg) rotateX(21.51deg);
  }

  14.7983% {
    transform: perspective(650px) rotateZ(-88.12deg) rotateY(-12.55deg) rotateX(-4.74deg);
  }

  18.8712% {
    transform: perspective(650px) rotateZ(-96deg) rotateY(-15.03deg) rotateX(-13.46deg);
  }

  22.6726% {
    transform: perspective(650px) rotateZ(-102.95deg) rotateY(-16.48deg) rotateX(-17.48deg);
  }

  26.474% {
    transform: perspective(650px) rotateZ(-109.1deg) rotateY(-17deg) rotateX(-16.99deg);
  }

  30.4111% {
    transform: perspective(650px) rotateZ(-114.21deg) rotateY(-16.53deg) rotateX(-11.8deg);
  }

  34.6198% {
    transform: perspective(650px) rotateZ(-117.93deg) rotateY(-14.94deg) rotateX(-1.77deg);
  }

  39.7789% {
    transform: perspective(650px) rotateZ(-119.67deg) rotateY(-11.6deg) rotateX(14.58deg);
  }

  49.8254% {
    transform: perspective(650px) rotateZ(-114.17deg) rotateY(-2.1deg) rotateX(45.61deg);
  }

  53.7626% {
    transform: perspective(650px) rotateZ(-109.35deg) rotateY(2.07deg) rotateX(52.78deg);
  }

  57.4282% {
    transform: perspective(650px) rotateZ(-103.98deg) rotateY(5.85deg) rotateX(55.41deg);
  }

  61.6369% {
    transform: perspective(650px) rotateZ(-97.25deg) rotateY(9.79deg) rotateX(53.22deg);
  }

  66.1171% {
    transform: perspective(650px) rotateZ(-90.04deg) rotateY(13.25deg) rotateX(45.16deg);
  }

  77.114% {
    transform: perspective(650px) rotateZ(-76.44deg) rotateY(17deg) rotateX(10.74deg);
  }

  82.4088% {
    transform: perspective(650px) rotateZ(-73.75deg) rotateY(16.03deg) rotateX(-5.22deg);
  }

  86.7532% {
    transform: perspective(650px) rotateZ(-73.91deg) rotateY(13.92deg) rotateX(-14.17deg);
  }

  90.0116% {
    transform: perspective(650px) rotateZ(-75.44deg) rotateY(11.66deg) rotateX(-17.44deg);
  }

  93.2699% {
    transform: perspective(650px) rotateZ(-78.11deg) rotateY(8.93deg) rotateX(-17.38deg);
  }

  96.5282% {
    transform: perspective(650px) rotateZ(-81.78deg) rotateY(5.82deg) rotateX(-14.02deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-86.6deg) rotateY(2.25deg) rotateX(-7.14deg);
  }
}

.af-drop-66 {
  --af-scale: 0.5583;
  --af-begin: 44.93174%;
  --af-end: 73.96454%;
  --af-local-begin: 43.06254%;
  --af-local-end: 79.35355%;
  --af-swings: 5;
  --af-travel: af-travel-66;
  --af-orient: af-orient-66;
  z-index: 558;
}

@keyframes af-travel-66 {
  0% {
    translate: 54.865cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.4352% {
    translate: 55.74cqw calc(0.362cqh + var(--af-clearance) * -0.99277);
  }

  3.0392% {
    translate: 56.65cqw calc(1.159cqh + var(--af-clearance) * -0.97681);
  }

  4.812% {
    translate: 57.56cqw calc(2.399cqh + var(--af-clearance) * -0.95203);
  }

  6.9225% {
    translate: 58.512cqw calc(4.192cqh + var(--af-clearance) * -0.91616);
  }

  10.4682% {
    translate: 59.832cqw calc(7.657cqh + var(--af-clearance) * -0.84685);
  }

  19.3324% {
    translate: 62.516cqw calc(16.979cqh + var(--af-clearance) * -0.66041);
  }

  26.5926% {
    translate: 64.074cqw calc(24.191cqh + var(--af-clearance) * -0.51618);
  }

  36.7232% {
    translate: 64.532cqw calc(34.88cqh + var(--af-clearance) * -0.30239);
  }

  41.4507% {
    translate: 64.647cqw calc(39.647cqh + var(--af-clearance) * -0.20706);
  }

  47.9512% {
    translate: 64.452cqw calc(46.148cqh + var(--af-clearance) * -0.07703);
  }

  55.2958% {
    translate: 64.094cqw calc(53.988cqh + var(--af-clearance) * 0.07976);
  }

  67.0303% {
    translate: 64.491cqw calc(65.834cqh + var(--af-clearance) * 0.31669);
  }

  73.1087% {
    translate: 64.567cqw calc(72.292cqh + var(--af-clearance) * 0.44584);
  }

  77.6674% {
    translate: 64.926cqw calc(77.063cqh + var(--af-clearance) * 0.54127);
  }

  86.9537% {
    translate: 65.922cqw calc(86.327cqh + var(--af-clearance) * 0.72654);
  }

  100% {
    translate: 67.178cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-66 {
  0% {
    transform: perspective(650px) rotateZ(-122.36deg) rotateY(8.85deg) rotateX(-15.82deg);
  }

  3.4613% {
    transform: perspective(650px) rotateZ(-135.15deg) rotateY(-22.98deg) rotateX(-16.99deg);
  }

  6.416% {
    transform: perspective(650px) rotateZ(-142.35deg) rotateY(-49.37deg) rotateX(-15.84deg);
  }

  9.2863% {
    transform: perspective(650px) rotateZ(-145.05deg) rotateY(-74.51deg) rotateX(-12.96deg);
  }

  12.0722% {
    transform: perspective(650px) rotateZ(-143.3deg) rotateY(-98.72deg) rotateX(-8.78deg);
  }

  17.1375% {
    transform: perspective(650px) rotateZ(-130.04deg) rotateY(-143.27deg) rotateX(0.77deg);
  }

  23.6379% {
    transform: perspective(650px) rotateZ(-102.22deg) rotateY(-203.15deg) rotateX(12.2deg);
  }

  28.7876% {
    transform: perspective(650px) rotateZ(-82.29deg) rotateY(-252.6deg) rotateX(16.75deg);
  }

  32.08% {
    transform: perspective(650px) rotateZ(-74.7deg) rotateY(-284.39deg) rotateX(16.63deg);
  }

  35.2036% {
    transform: perspective(650px) rotateZ(-72.62deg) rotateY(-314.14deg) rotateX(14.28deg);
  }

  38.0739% {
    transform: perspective(650px) rotateZ(-75.32deg) rotateY(-340.85deg) rotateX(10.48deg);
  }

  41.1131% {
    transform: perspective(650px) rotateZ(-82.49deg) rotateY(-368.38deg) rotateX(5.21deg);
  }

  48.8798% {
    transform: perspective(650px) rotateZ(-111.75deg) rotateY(-436.37deg) rotateX(-9.47deg);
  }

  53.7762% {
    transform: perspective(650px) rotateZ(-127.87deg) rotateY(-479.55deg) rotateX(-15.58deg);
  }

  56.9842% {
    transform: perspective(650px) rotateZ(-133.38deg) rotateY(-508.77deg) rotateX(-16.99deg);
  }

  60.0234% {
    transform: perspective(650px) rotateZ(-133.69deg) rotateY(-537.24deg) rotateX(-16.17deg);
  }

  62.8093% {
    transform: perspective(650px) rotateZ(-129.61deg) rotateY(-563.88deg) rotateX(-13.65deg);
  }

  65.8484% {
    transform: perspective(650px) rotateZ(-120.9deg) rotateY(-593.25deg) rotateX(-9.31deg);
  }

  78.1739% {
    transform: perspective(650px) rotateZ(-70.18deg) rotateY(-708.4deg) rotateX(12.8deg);
  }

  81.1287% {
    transform: perspective(650px) rotateZ(-63.09deg) rotateY(-734.38deg) rotateX(15.82deg);
  }

  83.9145% {
    transform: perspective(650px) rotateZ(-60.54deg) rotateY(-758.61deg) rotateX(16.98deg);
  }

  87.0381% {
    transform: perspective(650px) rotateZ(-62.81deg) rotateY(-785.85deg) rotateX(16.18deg);
  }

  90.2461% {
    transform: perspective(650px) rotateZ(-70.38deg) rotateY(-814.33deg) rotateX(13.18deg);
  }

  100% {
    transform: perspective(650px) rotateZ(-110.2deg) rotateY(-905.76deg) rotateX(-4.14deg);
  }
}

.af-drop-68 {
  --af-scale: 1.00106;
  --af-begin: 56.5143%;
  --af-end: 74.53925%;
  --af-local-begin: 53.08086%;
  --af-local-end: 77.11414%;
  --af-swings: 4;
  --af-travel: af-travel-68;
  --af-orient: af-orient-68;
  z-index: 1001;
}

@keyframes af-travel-68 {
  0% {
    translate: 50.842cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.7195% {
    translate: 52.34cqw calc(1.008cqh + var(--af-clearance) * -0.97985);
  }

  5.711% {
    translate: 53.823cqw calc(2.93cqh + var(--af-clearance) * -0.9414);
  }

  9.3824% {
    translate: 55.386cqw calc(5.988cqh + var(--af-clearance) * -0.88024);
  }

  14.1416% {
    translate: 56.996cqw calc(10.535cqh + var(--af-clearance) * -0.78931);
  }

  19.8527% {
    translate: 58.424cqw calc(16.459cqh + var(--af-clearance) * -0.67081);
  }

  35.762% {
    translate: 61.748cqw calc(33.65cqh + var(--af-clearance) * -0.32699);
  }

  51.3993% {
    translate: 65.202cqw calc(49.364cqh + var(--af-clearance) * -0.01273);
  }

  58.7421% {
    translate: 66.134cqw calc(56.975cqh + var(--af-clearance) * 0.1395);
  }

  75.0593% {
    translate: 68.016cqw calc(74.615cqh + var(--af-clearance) * 0.49231);
  }

  89.065% {
    translate: 70.264cqw calc(88.686cqh + var(--af-clearance) * 0.77372);
  }

  100% {
    translate: 71.004cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-68 {
  0% {
    transform: perspective(650px) rotateZ(163.45deg) rotateY(-2.87deg) rotateX(11.3deg);
  }

  7.6147% {
    transform: perspective(650px) rotateZ(147.25deg) rotateY(-11.62deg) rotateX(-24.54deg);
  }

  13.8697% {
    transform: perspective(650px) rotateZ(132.67deg) rotateY(-16.03deg) rotateX(-53.54deg);
  }

  20.3966% {
    transform: perspective(650px) rotateZ(120.4deg) rotateY(-16.78deg) rotateX(-82.97deg);
  }

  26.1076% {
    transform: perspective(650px) rotateZ(114.63deg) rotateY(-14.06deg) rotateX(-108.06deg);
  }

  31.1387% {
    transform: perspective(650px) rotateZ(114.36deg) rotateY(-9.44deg) rotateX(-129.91deg);
  }

  36.4419% {
    transform: perspective(650px) rotateZ(118.86deg) rotateY(-3.1deg) rotateX(-153.02deg);
  }

  51.3993% {
    transform: perspective(650px) rotateZ(146.52deg) rotateY(13.94deg) rotateX(-220.77deg);
  }

  58.8781% {
    transform: perspective(650px) rotateZ(158.1deg) rotateY(16.99deg) rotateX(-255.94deg);
  }

  65.5409% {
    transform: perspective(650px) rotateZ(161.67deg) rotateY(15.13deg) rotateX(-287.15deg);
  }

  69.8922% {
    transform: perspective(650px) rotateZ(159.83deg) rotateY(11.77deg) rotateX(-307.17deg);
  }

  74.3795% {
    transform: perspective(650px) rotateZ(154.68deg) rotateY(6.95deg) rotateX(-327.4deg);
  }

  92.0565% {
    transform: perspective(650px) rotateZ(120.1deg) rotateY(-13.64deg) rotateX(-404.69deg);
  }

  100% {
    transform: perspective(650px) rotateZ(111.04deg) rotateY(-16.99deg) rotateX(-440.19deg);
  }
}

.af-drop-70 {
  --af-scale: 0.71041;
  --af-begin: 55.21315%;
  --af-end: 80.40475%;
  --af-local-begin: 51.15368%;
  --af-local-end: 81.38361%;
  --af-swings: 6;
  --af-travel: af-travel-70;
  --af-orient: af-orient-70;
  z-index: 710;
}

@keyframes af-travel-70 {
  0% {
    translate: 55.879cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.1405% {
    translate: 53.28cqw calc(0.79cqh + var(--af-clearance) * -0.98421);
  }

  4.6701% {
    translate: 50.484cqw calc(2.524cqh + var(--af-clearance) * -0.94952);
  }

  9.0483% {
    translate: 46.348cqw calc(6.498cqh + var(--af-clearance) * -0.87004);
  }

  14.3022% {
    translate: 42.291cqw calc(11.595cqh + var(--af-clearance) * -0.76811);
  }

  18.9722% {
    translate: 39.183cqw calc(16.316cqh + var(--af-clearance) * -0.67369);
  }

  23.0586% {
    translate: 36.881cqw calc(20.678cqh + var(--af-clearance) * -0.58644);
  }

  26.853% {
    translate: 35.229cqw calc(24.737cqh + var(--af-clearance) * -0.50525);
  }

  31.0366% {
    translate: 33.902cqw calc(29.01cqh + var(--af-clearance) * -0.4198);
  }

  38.5282% {
    translate: 31.988cqw calc(36.471cqh + var(--af-clearance) * -0.27057);
  }

  44.3659% {
    translate: 30.569cqw calc(42.659cqh + var(--af-clearance) * -0.14683);
  }

  51.6629% {
    translate: 29.525cqw calc(50.341cqh + var(--af-clearance) * 0.00682);
  }

  59.5437% {
    translate: 29.028cqw calc(58.205cqh + var(--af-clearance) * 0.1641);
  }

  65.6731% {
    translate: 28.785cqw calc(64.72cqh + var(--af-clearance) * 0.29439);
  }

  71.2189% {
    translate: 29.046cqw calc(70.567cqh + var(--af-clearance) * 0.41135);
  }

  81.2401% {
    translate: 29.569cqw calc(80.581cqh + var(--af-clearance) * 0.61163);
  }

  91.5532% {
    translate: 28.999cqw calc(91.552cqh + var(--af-clearance) * 0.83104);
  }

  100% {
    translate: 28.416cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-70 {
  0% {
    transform: perspective(650px) rotateZ(163.43deg) rotateY(16.98deg) rotateX(89.61deg);
  }

  6.0322% {
    transform: perspective(650px) rotateZ(175.45deg) rotateY(12.91deg) rotateX(39.79deg);
  }

  11.6752% {
    transform: perspective(650px) rotateZ(176.29deg) rotateY(4.07deg) rotateX(-8.97deg);
  }

  15.7616% {
    transform: perspective(650px) rotateZ(170.44deg) rotateY(-3.52deg) rotateX(-45.43deg);
  }

  20.9181% {
    transform: perspective(650px) rotateZ(157.92deg) rotateY(-11.91deg) rotateX(-91.73deg);
  }

  27.3395% {
    transform: perspective(650px) rotateZ(141.46deg) rotateY(-16.93deg) rotateX(-147.79deg);
  }

  32.8852% {
    transform: perspective(650px) rotateZ(133.46deg) rotateY(-14.73deg) rotateX(-193.96deg);
  }

  38.1391% {
    transform: perspective(650px) rotateZ(134.75deg) rotateY(-7.69deg) rotateX(-236.64deg);
  }

  43.0037% {
    transform: perspective(650px) rotateZ(143.34deg) rotateY(1.12deg) rotateX(-276.63deg);
  }

  51.2737% {
    transform: perspective(650px) rotateZ(165.25deg) rotateY(14.09deg) rotateX(-348.09deg);
  }

  56.1384% {
    transform: perspective(650px) rotateZ(175.14deg) rotateY(16.97deg) rotateX(-391.73deg);
  }

  60.4193% {
    transform: perspective(650px) rotateZ(178.32deg) rotateY(15.57deg) rotateX(-430.01deg);
  }

  63.63% {
    transform: perspective(650px) rotateZ(176.6deg) rotateY(12.25deg) rotateX(-458.13deg);
  }

  67.0353% {
    transform: perspective(650px) rotateZ(171.08deg) rotateY(7.08deg) rotateX(-487.17deg);
  }

  78.1267% {
    transform: perspective(650px) rotateZ(139.4deg) rotateY(-12.1deg) rotateX(-577.95deg);
  }

  82.0185% {
    transform: perspective(650px) rotateZ(130.03deg) rotateY(-15.97deg) rotateX(-610.19deg);
  }

  85.4237% {
    transform: perspective(650px) rotateZ(125.19deg) rotateY(-16.99deg) rotateX(-639.23deg);
  }

  88.6344% {
    transform: perspective(650px) rotateZ(124.14deg) rotateY(-15.8deg) rotateX(-667.35deg);
  }

  91.9424% {
    transform: perspective(650px) rotateZ(126.67deg) rotateY(-12.53deg) rotateX(-696.89deg);
  }

  100% {
    transform: perspective(650px) rotateZ(143.93deg) rotateY(0.99deg) rotateX(-768.91deg);
  }
}

.af-drop-77 {
  --af-scale: 0.51317;
  --af-begin: 61.3351%;
  --af-end: 94.2862%;
  --af-local-begin: 58.38932%;
  --af-local-end: 102.32412%;
  --af-swings: 4;
  --af-travel: af-travel-77;
  --af-orient: af-orient-77;
  z-index: 513;
}

@keyframes af-travel-77 {
  0% {
    translate: 52.847cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.3389% {
    translate: 53.538cqw calc(0.445cqh + var(--af-clearance) * -0.99109);
  }

  2.7521% {
    translate: 54.241cqw calc(1.271cqh + var(--af-clearance) * -0.97458);
  }

  6.6944% {
    translate: 56.125cqw calc(4.641cqh + var(--af-clearance) * -0.90718);
  }

  20.4551% {
    translate: 61.855cqw calc(18.044cqh + var(--af-clearance) * -0.63912);
  }

  27.2983% {
    translate: 64.45cqw calc(25.22cqh + var(--af-clearance) * -0.49561);
  }

  32.8026% {
    translate: 66.068cqw calc(31.055cqh + var(--af-clearance) * -0.3789);
  }

  45.2989% {
    translate: 68.676cqw calc(44.278cqh + var(--af-clearance) * -0.11444);
  }

  58.3158% {
    translate: 71.342cqw calc(57.087cqh + var(--af-clearance) * 0.14175);
  }

  63.8201% {
    translate: 72.373cqw calc(62.767cqh + var(--af-clearance) * 0.25533);
  }

  69.6963% {
    translate: 73.149cqw calc(69.021cqh + var(--af-clearance) * 0.38043);
  }

  83.9033% {
    translate: 74.18cqw calc(84.061cqh + var(--af-clearance) * 0.68123);
  }

  92.2341% {
    translate: 75.737cqw calc(92.297cqh + var(--af-clearance) * 0.84594);
  }

  100% {
    translate: 77.623cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-77 {
  0% {
    transform: perspective(650px) rotateZ(65deg) rotateY(-2.43deg) rotateX(83.22deg);
  }

  4.7605% {
    transform: perspective(650px) rotateZ(47.73deg) rotateY(-10.39deg) rotateX(47.49deg);
  }

  7.4382% {
    transform: perspective(650px) rotateZ(36.66deg) rotateY(-13.79deg) rotateX(31.24deg);
  }

  10.0416% {
    transform: perspective(650px) rotateZ(26.15deg) rotateY(-16.01deg) rotateX(21.86deg);
  }

  12.5706% {
    transform: perspective(650px) rotateZ(17.05deg) rotateY(-16.96deg) rotateX(20.36deg);
  }

  14.5046% {
    transform: perspective(650px) rotateZ(11.3deg) rotateY(-16.84deg) rotateX(24.49deg);
  }

  16.5873% {
    transform: perspective(650px) rotateZ(6.61deg) rotateY(-15.89deg) rotateX(33.58deg);
  }

  18.8187% {
    transform: perspective(650px) rotateZ(3.59deg) rotateY(-13.99deg) rotateX(47.52deg);
  }

  21.9428% {
    transform: perspective(650px) rotateZ(3.12deg) rotateY(-10.01deg) rotateX(70.93deg);
  }

  25.1412% {
    transform: perspective(650px) rotateZ(7.1deg) rotateY(-4.77deg) rotateX(94.04deg);
  }

  27.6702% {
    transform: perspective(650px) rotateZ(13.03deg) rotateY(-0.19deg) rotateX(107.74deg);
  }

  29.9761% {
    transform: perspective(650px) rotateZ(20.06deg) rotateY(4deg) rotateX(114.56deg);
  }

  32.2819% {
    transform: perspective(650px) rotateZ(28.1deg) rotateY(7.95deg) rotateX(115.01deg);
  }

  34.3646% {
    transform: perspective(650px) rotateZ(35.71deg) rotateY(11.1deg) rotateX(109.87deg);
  }

  36.5217% {
    transform: perspective(650px) rotateZ(43.41deg) rotateY(13.77deg) rotateX(99.6deg);
  }

  42.7699% {
    transform: perspective(650px) rotateZ(60.35deg) rotateY(16.98deg) rotateX(54.62deg);
  }

  45.1501% {
    transform: perspective(650px) rotateZ(63.3deg) rotateY(16.22deg) rotateX(38.38deg);
  }

  47.2328% {
    transform: perspective(650px) rotateZ(63.92deg) rotateY(14.67deg) rotateX(27.6deg);
  }

  49.1667% {
    transform: perspective(650px) rotateZ(62.82deg) rotateY(12.57deg) rotateX(21.6deg);
  }

  51.1007% {
    transform: perspective(650px) rotateZ(60.18deg) rotateY(9.93deg) rotateX(20.04deg);
  }

  53.4065% {
    transform: perspective(650px) rotateZ(55.21deg) rotateY(6.23deg) rotateX(24.18deg);
  }

  55.8611% {
    transform: perspective(650px) rotateZ(48.17deg) rotateY(1.87deg) rotateX(35.09deg);
  }

  58.167% {
    transform: perspective(650px) rotateZ(40.44deg) rotateY(-2.35deg) rotateX(49.99deg);
  }

  63.7457% {
    transform: perspective(650px) rotateZ(21deg) rotateY(-11.48deg) rotateX(91.44deg);
  }

  66.7954% {
    transform: perspective(650px) rotateZ(12.36deg) rotateY(-14.92deg) rotateX(108.26deg);
  }

  69.9194% {
    transform: perspective(650px) rotateZ(6.62deg) rotateY(-16.77deg) rotateX(115.54deg);
  }

  73.0435% {
    transform: perspective(650px) rotateZ(4.89deg) rotateY(-16.74deg) rotateX(110.98deg);
  }

  75.9444% {
    transform: perspective(650px) rotateZ(7.19deg) rotateY(-15.02deg) rotateX(97.09deg);
  }

  79.5891% {
    transform: perspective(650px) rotateZ(15.12deg) rotateY(-10.82deg) rotateX(71.24deg);
  }

  84.7215% {
    transform: perspective(650px) rotateZ(33.32deg) rotateY(-2.31deg) rotateX(35.03deg);
  }

  86.7298% {
    transform: perspective(650px) rotateZ(41.57deg) rotateY(1.37deg) rotateX(25.66deg);
  }

  88.5894% {
    transform: perspective(650px) rotateZ(49.22deg) rotateY(4.72deg) rotateX(20.86deg);
  }

  91.044% {
    transform: perspective(650px) rotateZ(58.74deg) rotateY(8.83deg) rotateX(20.96deg);
  }

  93.573% {
    transform: perspective(650px) rotateZ(67.17deg) rotateY(12.42deg) rotateX(28.61deg);
  }

  96.2508% {
    transform: perspective(650px) rotateZ(73.81deg) rotateY(15.21deg) rotateX(43.66deg);
  }

  100% {
    transform: perspective(650px) rotateZ(78.12deg) rotateY(16.97deg) rotateX(71.38deg);
  }
}

.af-drop-78 {
  --af-scale: 0.8091;
  --af-begin: 73.07761%;
  --af-end: 94.84731%;
  --af-local-begin: 70.29624%;
  --af-local-end: 97.50837%;
  --af-swings: 5;
  --af-travel: af-travel-78;
  --af-orient: af-orient-78;
  z-index: 809;
}

@keyframes af-travel-78 {
  0% {
    translate: 56.046cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.6888% {
    translate: 56.839cqw calc(0.504cqh + var(--af-clearance) * -0.98992);
  }

  3.6028% {
    translate: 57.724cqw calc(1.527cqh + var(--af-clearance) * -0.96945);
  }

  5.6293% {
    translate: 58.636cqw calc(3.018cqh + var(--af-clearance) * -0.93963);
  }

  8.1062% {
    translate: 59.69cqw calc(5.226cqh + var(--af-clearance) * -0.89549);
  }

  14.8615% {
    translate: 62.035cqw calc(11.993cqh + var(--af-clearance) * -0.76014);
  }

  28.4844% {
    translate: 65.623cqw calc(25.558cqh + var(--af-clearance) * -0.48884);
  }

  36.3655% {
    translate: 67.644cqw calc(33.899cqh + var(--af-clearance) * -0.32203);
  }

  41.6571% {
    translate: 68.64cqw calc(39.635cqh + var(--af-clearance) * -0.2073);
  }

  55.9556% {
    translate: 69.986cqw calc(54.171cqh + var(--af-clearance) * 0.08341);
  }

  67.7772% {
    translate: 71.025cqw calc(66.869cqh + var(--af-clearance) * 0.33738);
  }

  73.8569% {
    translate: 71.008cqw calc(73.165cqh + var(--af-clearance) * 0.46331);
  }

  85.4533% {
    translate: 70.742cqw calc(84.72cqh + var(--af-clearance) * 0.69441);
  }

  92.8841% {
    translate: 70.77cqw calc(92.632cqh + var(--af-clearance) * 0.85264);
  }

  100% {
    translate: 70.376cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-78 {
  0% {
    transform: perspective(650px) rotateZ(80.15deg) rotateY(-16.44deg) rotateX(41.72deg);
  }

  3.8279% {
    transform: perspective(650px) rotateZ(77.15deg) rotateY(-13.51deg) rotateX(72.84deg);
  }

  7.6559% {
    transform: perspective(650px) rotateZ(79.21deg) rotateY(-8.5deg) rotateX(105.59deg);
  }

  12.3845% {
    transform: perspective(650px) rotateZ(88.25deg) rotateY(-0.62deg) rotateX(144.38deg);
  }

  16.3251% {
    transform: perspective(650px) rotateZ(99.72deg) rotateY(6.14deg) rotateX(172.55deg);
  }

  20.4908% {
    transform: perspective(650px) rotateZ(113.34deg) rotateY(12.18deg) rotateX(197.11deg);
  }

  25.5572% {
    transform: perspective(650px) rotateZ(128.06deg) rotateY(16.47deg) rotateX(221.36deg);
  }

  28.8222% {
    transform: perspective(650px) rotateZ(134.55deg) rotateY(16.94deg) rotateX(235.92deg);
  }

  31.9746% {
    transform: perspective(650px) rotateZ(137.68deg) rotateY(15.58deg) rotateX(251.02deg);
  }

  35.5774% {
    transform: perspective(650px) rotateZ(137.09deg) rotateY(12.05deg) rotateX(271.12deg);
  }

  39.4054% {
    transform: perspective(650px) rotateZ(131.87deg) rotateY(6.51deg) rotateX(296.83deg);
  }

  43.1207% {
    transform: perspective(650px) rotateZ(123.31deg) rotateY(0.17deg) rotateX(325.81deg);
  }

  53.1409% {
    transform: perspective(650px) rotateZ(96.5deg) rotateY(-14.51deg) rotateX(409.63deg);
  }

  56.406% {
    transform: perspective(650px) rotateZ(91deg) rotateY(-16.62deg) rotateX(433.39deg);
  }

  59.671% {
    transform: perspective(650px) rotateZ(88.72deg) rotateY(-16.87deg) rotateX(453.85deg);
  }

  63.0486% {
    transform: perspective(650px) rotateZ(90.13deg) rotateY(-15.13deg) rotateX(471.74deg);
  }

  66.5388% {
    transform: perspective(650px) rotateZ(95.48deg) rotateY(-11.44deg) rotateX(487.89deg);
  }

  71.8303% {
    transform: perspective(650px) rotateZ(109.32deg) rotateY(-3.26deg) rotateX(512.01deg);
  }

  75.6583% {
    transform: perspective(650px) rotateZ(121.33deg) rotateY(3.41deg) rotateX(532.47deg);
  }

  80.4995% {
    transform: perspective(650px) rotateZ(135.28deg) rotateY(10.96deg) rotateX(564.59deg);
  }

  85.9037% {
    transform: perspective(650px) rotateZ(144.76deg) rotateY(16.17deg) rotateX(607.97deg);
  }

  89.1687% {
    transform: perspective(650px) rotateZ(145.93deg) rotateY(17deg) rotateX(635.93deg);
  }

  92.4337% {
    transform: perspective(650px) rotateZ(143.38deg) rotateY(15.91deg) rotateX(663.25deg);
  }

  96.3743% {
    transform: perspective(650px) rotateZ(135.86deg) rotateY(12.25deg) rotateX(693.25deg);
  }

  100% {
    transform: perspective(650px) rotateZ(125.81deg) rotateY(7.1deg) rotateX(716.76deg);
  }
}

.af-drop-79 {
  --af-scale: 0.96157;
  --af-begin: 80.65613%;
  --af-end: 97.71247%;
  --af-local-begin: 80.09505%;
  --af-local-end: 100.56266%;
  --af-swings: 6;
  --af-travel: af-travel-79;
  --af-orient: af-orient-79;
  z-index: 962;
}

@keyframes af-travel-79 {
  0% {
    translate: 54.226cqw calc(0cqh + var(--af-clearance) * -1);
  }

  2.1555% {
    translate: 51.897cqw calc(0.489cqh + var(--af-clearance) * -0.99022);
  }

  4.311% {
    translate: 49.682cqw calc(1.454cqh + var(--af-clearance) * -0.97092);
  }

  6.6102% {
    translate: 47.443cqw calc(2.92cqh + var(--af-clearance) * -0.94159);
  }

  9.1967% {
    translate: 45.08cqw calc(4.978cqh + var(--af-clearance) * -0.90043);
  }

  13.9388% {
    translate: 41.189cqw calc(9.439cqh + var(--af-clearance) * -0.81122);
  }

  18.8246% {
    translate: 37.772cqw calc(14.433cqh + var(--af-clearance) * -0.71135);
  }

  23.854% {
    translate: 34.832cqw calc(19.644cqh + var(--af-clearance) * -0.60711);
  }

  29.3146% {
    translate: 32.202cqw calc(25.283cqh + var(--af-clearance) * -0.49433);
  }

  36.9307% {
    translate: 29.304cqw calc(33.216cqh + var(--af-clearance) * -0.33567);
  }

  53.8872% {
    translate: 24.073cqw calc(51.456cqh + var(--af-clearance) * 0.02911);
  }

  72.2806% {
    translate: 17.794cqw calc(70.527cqh + var(--af-clearance) * 0.41054);
  }

  82.3396% {
    translate: 14.405cqw calc(81.317cqh + var(--af-clearance) * 0.62635);
  }

  90.9615% {
    translate: 12.178cqw calc(90.58cqh + var(--af-clearance) * 0.81161);
  }

  100% {
    translate: 10.702cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-79 {
  0% {
    transform: perspective(650px) rotateZ(115.15deg) rotateY(1.45deg) rotateX(120.98deg);
  }

  6.4665% {
    transform: perspective(650px) rotateZ(104.34deg) rotateY(-5.06deg) rotateX(96.21deg);
  }

  14.6573% {
    transform: perspective(650px) rotateZ(85.79deg) rotateY(-12.11deg) rotateX(63.96deg);
  }

  18.5372% {
    transform: perspective(650px) rotateZ(76.38deg) rotateY(-14.54deg) rotateX(52.88deg);
  }

  22.2734% {
    transform: perspective(650px) rotateZ(67.65deg) rotateY(-16.13deg) rotateX(46.61deg);
  }

  26.2969% {
    transform: perspective(650px) rotateZ(59.19deg) rotateY(-16.95deg) rotateX(45.47deg);
  }

  30.4642% {
    transform: perspective(650px) rotateZ(52deg) rotateY(-16.76deg) rotateX(50.57deg);
  }

  34.7752% {
    transform: perspective(650px) rotateZ(46.76deg) rotateY(-15.47deg) rotateX(61.81deg);
  }

  39.9483% {
    transform: perspective(650px) rotateZ(43.89deg) rotateY(-12.57deg) rotateX(80.94deg);
  }

  45.9837% {
    transform: perspective(650px) rotateZ(45.52deg) rotateY(-7.71deg) rotateX(105.88deg);
  }

  52.4502% {
    transform: perspective(650px) rotateZ(52.73deg) rotateY(-1.41deg) rotateX(128.02deg);
  }

  57.1922% {
    transform: perspective(650px) rotateZ(60.83deg) rotateY(3.39deg) rotateX(137.08deg);
  }

  61.6469% {
    transform: perspective(650px) rotateZ(69.8deg) rotateY(7.67deg) rotateX(138.31deg);
  }

  65.5268% {
    transform: perspective(650px) rotateZ(78.04deg) rotateY(10.96deg) rotateX(133.44deg);
  }

  69.6941% {
    transform: perspective(650px) rotateZ(86.68deg) rotateY(13.83deg) rotateX(122.73deg);
  }

  79.753% {
    transform: perspective(650px) rotateZ(102.8deg) rotateY(17deg) rotateX(83.5deg);
  }

  84.6388% {
    transform: perspective(650px) rotateZ(106.57deg) rotateY(16.36deg) rotateX(64.83deg);
  }

  88.6623% {
    transform: perspective(650px) rotateZ(107.19deg) rotateY(14.78deg) rotateX(53.14deg);
  }

  94.4103% {
    transform: perspective(650px) rotateZ(104.09deg) rotateY(11.08deg) rotateX(45.32deg);
  }

  100% {
    transform: perspective(650px) rotateZ(96.97deg) rotateY(6.23deg) rotateX(49.28deg);
  }
}

.af-drop-80 {
  --af-scale: 0.51312;
  --af-begin: 65.95634%;
  --af-end: 99.18061%;
  --af-local-begin: 59.39814%;
  --af-local-end: 103.69717%;
  --af-swings: 4;
  --af-travel: af-travel-80;
  --af-orient: af-orient-80;
  z-index: 513;
}

@keyframes af-travel-80 {
  0% {
    translate: 51.497cqw calc(0cqh + var(--af-clearance) * -1);
  }

  1.2541% {
    translate: 50.64cqw calc(0.363cqh + var(--af-clearance) * -0.99274);
  }

  2.582% {
    translate: 49.829cqw calc(1.077cqh + var(--af-clearance) * -0.97845);
  }

  5.7541% {
    translate: 48.204cqw calc(3.697cqh + var(--af-clearance) * -0.92607);
  }

  11.4345% {
    translate: 45.871cqw calc(9.327cqh + var(--af-clearance) * -0.81345);
  }

  16.1558% {
    translate: 44.489cqw calc(13.937cqh + var(--af-clearance) * -0.72125);
  }

  28.6968% {
    translate: 42.712cqw calc(27.054cqh + var(--af-clearance) * -0.45893);
  }

  34.2296% {
    translate: 41.829cqw calc(32.547cqh + var(--af-clearance) * -0.34905);
  }

  43.5248% {
    translate: 41.072cqw calc(42.182cqh + var(--af-clearance) * -0.15636);
  }

  52.5986% {
    translate: 40.405cqw calc(51.2cqh + var(--af-clearance) * 0.02401);
  }

  62.6314% {
    translate: 39.966cqw calc(61.824cqh + var(--af-clearance) * 0.23647);
  }

  69.1232% {
    translate: 39.376cqw calc(68.249cqh + var(--af-clearance) * 0.36498);
  }

  77.3118% {
    translate: 39.263cqw calc(76.78cqh + var(--af-clearance) * 0.53559);
  }

  85.7217% {
    translate: 39.153cqw calc(85.142cqh + var(--af-clearance) * 0.70284);
  }

  94.8692% {
    translate: 39.322cqw calc(94.852cqh + var(--af-clearance) * 0.89705);
  }

  100% {
    translate: 39.083cqw calc(100cqh + var(--af-clearance) * 1);
  }
}

@keyframes af-orient-80 {
  0% {
    transform: perspective(650px) rotateZ(43.94deg) rotateY(35.21deg) rotateX(-12.5deg);
  }

  3.0984% {
    transform: perspective(650px) rotateZ(47.2deg) rotateY(77.21deg) rotateX(-7.5deg);
  }

  6.3443% {
    transform: perspective(650px) rotateZ(54.72deg) rotateY(119.53deg) rotateX(-1.19deg);
  }

  10.9181% {
    transform: perspective(650px) rotateZ(70.16deg) rotateY(171.81deg) rotateX(7.77deg);
  }

  14.3853% {
    transform: perspective(650px) rotateZ(82.98deg) rotateY(204.58deg) rotateX(13.19deg);
  }

  18.8115% {
    transform: perspective(650px) rotateZ(96.66deg) rotateY(240.5deg) rotateX(16.79deg);
  }

  21.8362% {
    transform: perspective(650px) rotateZ(102.36deg) rotateY(264.44deg) rotateX(16.65deg);
  }

  24.7132% {
    transform: perspective(650px) rotateZ(104.16deg) rotateY(289.29deg) rotateX(14.52deg);
  }

  27.4427% {
    transform: perspective(650px) rotateZ(102.44deg) rotateY(316.15deg) rotateX(10.93deg);
  }

  30.1723% {
    transform: perspective(650px) rotateZ(97.66deg) rotateY(346.76deg) rotateX(6.2deg);
  }

  33.1969% {
    transform: perspective(650px) rotateZ(89.6deg) rotateY(384.66deg) rotateX(0.22deg);
  }

  42.1969% {
    transform: perspective(650px) rotateZ(61.64deg) rotateY(503.89deg) rotateX(-14.82deg);
  }

  45.2953% {
    transform: perspective(650px) rotateZ(55.61deg) rotateY(539.68deg) rotateX(-16.83deg);
  }

  48.3936% {
    transform: perspective(650px) rotateZ(53.3deg) rotateY(570.65deg) rotateX(-16.56deg);
  }

  51.1969% {
    transform: perspective(650px) rotateZ(54.69deg) rotateY(595.03deg) rotateX(-14.4deg);
  }

  54.1478% {
    transform: perspective(650px) rotateZ(59.49deg) rotateY(618.48deg) rotateX(-10.4deg);
  }

  58.7953% {
    transform: perspective(650px) rotateZ(71.99deg) rotateY(656.07deg) rotateX(-1.78deg);
  }

  62.4101% {
    transform: perspective(650px) rotateZ(83.2deg) rotateY(690.27deg) rotateX(5.44deg);
  }

  65.2871% {
    transform: perspective(650px) rotateZ(91.13deg) rotateY(722.11deg) rotateX(10.53deg);
  }

  68.4593% {
    transform: perspective(650px) rotateZ(97.31deg) rotateY(761.66deg) rotateX(14.71deg);
  }

  73.6232% {
    transform: perspective(650px) rotateZ(98.9deg) rotateY(831.15deg) rotateX(16.93deg);
  }

  78.2708% {
    transform: perspective(650px) rotateZ(90.62deg) rotateY(890.8deg) rotateX(13.59deg);
  }

  82.3282% {
    transform: perspective(650px) rotateZ(77.69deg) rotateY(935.21deg) rotateX(7.29deg);
  }

  86.0167% {
    transform: perspective(650px) rotateZ(64.07deg) rotateY(968.72deg) rotateX(0.07deg);
  }

  92.4348% {
    transform: perspective(650px) rotateZ(44.58deg) rotateY(1019.8deg) rotateX(-11.72deg);
  }

  96.4184% {
    transform: perspective(650px) rotateZ(39.61deg) rotateY(1054.98deg) rotateX(-16.05deg);
  }

  100% {
    transform: perspective(650px) rotateZ(41.15deg) rotateY(1092.83deg) rotateX(-16.93deg);
  }
}


/* 03. Offer cards, prices and actions
 * Source: plugins/amazingfreebies-games/assets/offers.css
 */

.af-offers {
  --af-ink: #241c31;
  --af-purple: #120e5b;
  --af-border: #ded8ce;
  --af-paper: #fffdf7;
  color: var(--af-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  container-type: inline-size;
  overflow-wrap: anywhere
}

.af-offers * {
  box-sizing: border-box
}

.af-offers a {
  color: var(--af-purple)
}

.af-offers a:hover {
  text-decoration: underline
}

.af-offers :focus-visible,
.af-site-links a:focus-visible {
  outline: 3px solid #cb562f;
  outline-offset: 4px
}

.af-offers h1,
.af-offers h2,
.af-offers h3 {
  color: #211740;
  line-height: 1.22;
  margin: 0 0 .6rem;
  font-weight: 750
}

.af-offers h1 {
  font-size: clamp(1.65rem, 3vw, 2.4rem)
}

.af-offers h2 {
  font-size: clamp(1.4rem, 2.5vw, 1.85rem)
}

.af-offers h3 {
  font-size: 1.08rem
}

.af-offers p {
  margin: .4rem 0 1rem
}

.af-hub-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem .8rem;
  border-bottom: 1px solid var(--af-border);
  padding: 0 0 1rem;
  margin-bottom: 1.25rem
}

.af-hub-nav a {
  font-size: .925rem;
  font-weight: 700;
  padding: .25rem 0;
  text-decoration: none
}

.af-shop-intro {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem
}

.af-shop-intro p {
  font-size: 1.05rem;
  margin: 0
}

.af-shop-intro>a {
  font-size: .875rem
}

.af-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1rem 0 1.6rem
}

.af-platforms a {
  border: 1px solid #c7c0d4;
  padding: .45rem .8rem;
  font-size: .9rem;
  text-decoration: none;
  background: #fff
}

.af-platforms a[aria-current=page] {
  background: var(--af-purple);
  color: #fff;
  border-color: var(--af-purple)
}

.af-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap
}

.af-section-heading>span {
  font-size: .875rem;
  color: #5f5667
}

.af-section-note {
  color: #5d5366;
  font-size: .95rem
}

.af-free-section {
  padding-bottom: 1.6rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid var(--af-purple)
}

.af-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem
}

.af-offer-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--af-border);
  background: var(--af-paper)
}

.af-cover-link {
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #e7e2ec
}

.af-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0 !important
}

.af-cover-empty {
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 100px;
  color: #645477;
  background: #ede8f3;
  font-size: 2rem;
  font-weight: bold
}

.af-card-copy {
  padding: 1rem 1rem .3rem;
  flex: 1;
  min-width: 0
}

.af-card-meta {
  display: flex;
  gap: .5rem;
  align-items: center;
  flex-wrap: wrap;
  font-size: .825rem;
  color: #655c6a;
  margin-bottom: .65rem
}

.af-badge {
  background: #f9e8de;
  color: #7a2e1d;
  padding: .13rem .45rem;
  font-size: .8125rem;
  font-weight: 700;
  white-space: nowrap
}

.af-badge-free {
  background: #e3f3da;
  color: #245422
}

.af-card-copy h3 a {
  text-decoration: none
}

.af-card-copy h3 a:hover {
  text-decoration: underline
}

.af-offers .af-store {
  font-size: .875rem;
  color: #675e6e;
  margin: .25rem 0 .5rem
}

.af-card-summary {
  font-size: .925rem;
  line-height: 1.5
}

.af-card-action {
  padding: .65rem 1rem 1rem;
  display: flex;
  gap: .2rem;
  flex-direction: column;
  align-items: flex-start
}

.af-price {
  font-size: 1.35rem;
  color: #211740;
  line-height: 1.2
}

.af-was {
  font-size: .8125rem;
  color: #6b6270
}

.af-cta,
.af-offers button.af-cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  background: var(--af-purple);
  color: #fff !important;
  border: 2px solid var(--af-purple);
  border-radius: 0;
  padding: .5rem 1rem;
  text-decoration: none;
  font: 700 .9rem/1.35 Arial, sans-serif;
  cursor: pointer;
  margin-top: .6rem;
  box-shadow: none
}

.af-cta:hover,
.af-offers button.af-cta:hover {
  background: #29227b;
  text-decoration: none
}

.af-offers .af-disclosure {
  font-size: .875rem;
  line-height: 1.4;
  color: #574529;
  margin: .5rem 0
}

.af-filter-form {
  display: grid;
  grid-template-columns: minmax(130px, 1.7fr) repeat(3, minmax(105px, 1fr));
  gap: .75rem;
  padding: 1rem;
  background: #f3f0f7;
  border: 1px solid #e0dbe8;
  margin: 1.25rem 0
}

.af-offers label {
  display: block;
  font-size: .875rem;
  font-weight: 700;
  color: #493e55;
  min-width: 0
}

.af-offers input[type=search],
.af-offers select {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  font: 400 1rem Arial, sans-serif;
  padding: .6rem;
  border: 1px solid #aaa0ba;
  background: #fff;
  color: #241c31;
  border-radius: 0;
  margin: .35rem 0 0;
  box-shadow: none
}

.af-filter-actions {
  grid-column: 1/-1;
  display: flex;
  gap: 1.2rem;
  align-items: center
}

.af-filter-actions .af-cta {
  margin: 0
}

.af-filter-actions a {
  font-size: .9rem
}

.af-results-note {
  font-size: .875rem;
  color: #625768
}

.af-deal-list {
  display: grid;
  gap: .7rem
}

.af-offer-row {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr) 135px;
  align-items: center
}

.af-offer-row .af-cover-link {
  aspect-ratio: 16/9;
  margin: .75rem 0 .75rem .75rem
}

.af-offer-row .af-card-copy {
  padding: .75rem 1rem
}

.af-offer-row .af-card-action {
  padding: .75rem;
  align-items: flex-end;
  text-align: right
}

.af-offer-row .af-cta {
  width: 100%;
  font-size: .875rem;
  padding: .4rem .65rem
}

.af-offer-row .af-card-meta {
  margin-bottom: .5rem
}

.af-offer-row h3 {
  margin-bottom: .3rem;
  font-size: 1.03rem
}

.af-attribution,
.af-help-link {
  font-size: .875rem;
  color: #655b6a;
  margin-top: 1rem !important
}

.af-empty {
  padding: 1.4rem;
  background: #f5f2f8;
  border-left: 4px solid #8d7ba0
}

.af-empty h2,
.af-empty h3 {
  font-size: 1.1rem
}

.af-empty p {
  font-size: .95rem;
  margin-bottom: .5rem
}

.af-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3rem;
  margin: 1.5rem 0
}

.af-pagination a {
  display: inline-block;
  border: 1px solid #a398b4;
  padding: .45rem 1rem;
  min-height: 42px;
  text-decoration: none
}

.af-pagination span {
  font-size: .9rem
}

.af-hub-search {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  margin: 1rem 0 1.5rem
}

.af-hub-search label {
  flex: 1
}

.af-hub-search .af-cta {
  margin: 0;
  min-height: 44px
}

.af-home-offers {
  margin: 0 0 2rem
}

.af-home-offers>h1 {
  margin-bottom: 1rem
}

.af-home-offers>h2 {
  margin: 1rem 0
}

.af-detail-status {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .8rem;
  font-weight: bold;
  color: #62556e
}

.af-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: center;
  margin: 1rem 0 1.5rem
}

.af-detail-hero>.af-cover {
  height: auto;
  aspect-ratio: 16/9
}

.af-detail-hero>.af-cover-empty {
  aspect-ratio: 16/9
}

.af-detail-price {
  font-size: 2rem !important;
  font-weight: 700;
  line-height: 1.2
}

.af-detail-summary {
  font-size: 1.1rem;
  line-height: 1.7
}

.af-facts {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: .8rem 1.25rem;
  padding: 1.3rem;
  background: #f6f3f8;
  margin: 1.5rem 0 2rem
}

.af-facts dt {
  font-size: .925rem;
  font-weight: 700
}

.af-facts dd {
  margin: 0;
  font-size: .95rem
}

.af-claim-steps {
  padding-left: 1.5rem;
  margin: 1rem 0 2rem
}

.af-claim-steps li {
  padding-left: .25rem;
  margin: .7rem 0
}

.af-coupon-code {
  border: 2px dashed #93829d;
  padding: 1rem
}

.af-offer-detail>h2 {
  margin-top: 2rem
}

.af-digest ul {
  padding-left: 1.3rem
}

.af-digest li {
  margin: .8rem 0
}

.af-site-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.3rem;
  background: #120e5b;
  color: #fff;
  padding: .7rem
}

.af-site-links a {
  color: #fff !important;
  font: 400 .875rem Arial, sans-serif
}

@container (max-width:760px) {
  .af-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .af-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .af-filter-form .af-search {
    grid-column: 1/-1
  }

  .af-offer-row {
    grid-template-columns: 120px minmax(0, 1fr) 115px
  }

  .af-offer-row .af-card-copy {
    padding: .7rem
  }

  .af-offer-row h3 {
    font-size: 1rem
  }

  .af-card-summary {
    font-size: .9rem
  }
}

@container (max-width:460px) {
  .af-card-grid {
    grid-template-columns: 1fr
  }

  .af-offer-card:not(.af-offer-row) .af-cover-link {
    aspect-ratio: 2/1
  }

  .af-offer-row {
    grid-template-columns: 100px minmax(0, 1fr)
  }

  .af-offer-row .af-card-action {
    grid-column: 2;
    grid-row: 2;
    align-items: flex-start;
    text-align: left;
    padding: 0 .75rem .8rem
  }

  .af-offer-row .af-cover-link {
    grid-row: 1/3;
    margin: .75rem 0 .75rem .6rem;
    align-self: start
  }

  .af-offer-row .af-cta {
    width: auto
  }

  .af-detail-hero {
    grid-template-columns: 1fr;
    gap: 1rem
  }

  .af-facts {
    grid-template-columns: 1fr;
    gap: .2rem;
    padding: 1rem
  }

  .af-facts dd {
    margin-bottom: .9rem
  }

  .af-platforms a {
    font-size: .875rem;
    padding: .4rem .55rem
  }

  .af-filter-form {
    padding: .8rem
  }

  .af-section-heading>span {
    font-size: .8rem
  }
}

@media(max-width:600px) {
  .af-offers {
    font-size: 1.0625rem
  }

  .af-hub-nav {
    gap: .3rem .8rem
  }

  .af-offers h3 {
    font-size: 1.15rem
  }
}

@media(prefers-reduced-motion:reduce) {
  .af-offers * {
    scroll-behavior: auto !important;
    transition: none !important
  }
}

#page .entry-content:has(.af-offers) {
  clear: both;
  display: flow-root
}

#page .af-offers {
  width: 100%;
  clear: both
}

#page .af-offers h2 {
  font-size: clamp(1.35rem, 2.5vw, 1.85rem)
}

#page .af-offers h3,
#page .af-offers h3 a {
  font-size: 1.06rem;
  line-height: 1.3
}

#page .af-offers .af-card-copy p {
  font-size: .92rem
}

#page .af-offers .af-cover-link {
  padding: 0;
  border: 0
}

#page .af-offers .af-platforms a[aria-current=page] {
  color: #fff !important
}

@container(min-width:700px) {
  .af-free-section .af-card-grid:has(>.af-offer-card:only-child) {
    grid-template-columns: 1fr
  }

  .af-free-section .af-card-grid>.af-offer-card:only-child {
    display: grid;
    grid-template-columns: 42% minmax(0, 1fr)
  }

  .af-free-section .af-card-grid>.af-offer-card:only-child .af-cover-link {
    grid-row: 1/3;
    height: 100%;
    aspect-ratio: auto
  }

  .af-free-section .af-card-grid>.af-offer-card:only-child .af-card-action {
    padding-top: 0
  }
}

.af-card-grid:has(>.af-offer-card:only-child) {
  grid-template-columns: 1fr
}

.af-hub-guide {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--af-border)
}

#page .af-offers .af-offer-card {
  margin: 0 !important;
  padding: 0 !important
}

#page .af-offers a.af-cta,
#page .af-offers button.af-cta {
  color: #fff !important;
  background: #120e5b !important;
  border: 2px solid #120e5b !important;
  text-decoration: none;
  font: 700 .9rem/1.35 Arial, sans-serif !important
}

#page .af-offers a.af-cta:hover,
#page .af-offers button.af-cta:hover {
  background: #29227b !important
}

#page .af-offers input[type=search],
#page .af-offers select {
  height: 46px !important;
  min-height: 46px !important;
  font: 400 16px Arial, sans-serif !important;
  padding: 10px !important;
  margin: .35rem 0 0 !important;
  box-shadow: none !important
}

.af-home-list {
  display: grid;
  gap: 1.25rem
}

.af-home-list .af-offer-row {
  grid-template-columns: 180px minmax(0, 1fr) 155px;
  align-items: start
}

.af-home-list .af-card-summary {
  display: block
}

.af-home-list .af-details-link {
  font-size: .82rem;
  margin-top: .65rem;
  text-decoration: underline;
  font-weight: 400
}

.af-detail-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem
}

.af-detail-gallery img {
  width: 100%;
  height: auto
}

.af-detail-hero>.af-cover {
  object-fit: contain;
  max-height: 520px;
  aspect-ratio: auto
}

@container(max-width:700px) {
  .af-home-list .af-offer-row {
    grid-template-columns: 130px minmax(0, 1fr)
  }

  .af-home-list .af-card-action {
    grid-column: 2;
    align-items: flex-start;
    text-align: left;
    padding-top: 0
  }

  .af-home-list .af-cover-link {
    grid-row: 1/3
  }

  .af-home-list .af-details-link {
    text-align: left
  }
}

@container(max-width:400px) {
  .af-home-list .af-offer-row {
    grid-template-columns: 1fr
  }

  .af-home-list .af-cover-link {
    grid-row: auto;
    margin: 0;
    aspect-ratio: 16/9
  }

  .af-home-list .af-card-action {
    grid-column: 1;
    padding: 0 1rem 1rem
  }

  .af-home-list .af-card-copy {
    padding: 1rem
  }

  .af-detail-gallery {
    grid-template-columns: 1fr
  }
}

#page .af-body-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .6rem 1.25rem;
  padding: 1rem .5rem;
  margin-top: 1rem;
  border-top: 1px solid #d3bc98;
  background: transparent;
  color: #53361f;
  font: 400 .875rem/1.5 Arial, sans-serif
}

#page .af-body-links a {
  color: #53361f !important;
  text-decoration: underline
}

/* Shared game facts must wrap without clipping on home, hub and detail pages. */
#page .af-store-identity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .65rem;
  min-width: 0;
  line-height: 1.5;
  overflow-wrap: anywhere
}

#page .af-store-name {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  max-width: 100%
}

#page .af-store-logo {
  display: block;
  flex: 0 0 32px;
  width: 32px;
  height: 24px;
  max-width: 32px;
  max-height: 24px;
  object-fit: contain;
  margin: 0
}

#page .af-activation {
  flex-basis: 100%;
  display: block;
  font-size: .85rem;
  font-weight: 400
}

#page .af-rating {
  display: block;
  min-width: 0;
  max-height: none;
  overflow: visible;
  overflow-wrap: anywhere
}

#page .af-rating-row {
  display: block;
  margin: 0 0 .5rem;
  font-size: .88rem;
  line-height: 1.55
}

#page .af-rating-row:last-child {
  margin-bottom: 0
}


/* 04. Shared site frame, typography, navigation and responsive structure
 * Source: themes/simpleasy/assets/styles/af-site.css
 */

:root {
  --af-surface: #fffcf8;
  --af-card: #fffdfa;
  --af-ink: #30261f;
  --af-muted: #695d54;
  --af-line: #e5d9cb;
  --af-link: #875038;
  --af-accent: #d94337;
  --af-header-height: 126px;
  --af-rail-width: 360px;
  --af-wood: url('../../../themes/simpleasy/images/branding/walnut-texture-v32.webp');
  color-scheme: light
}

html[data-theme=dark] {
  --af-surface: #1c242d;
  --af-card: #252f39;
  --af-ink: #f7f0e6;
  --af-muted: #c4c6c9;
  --af-line: #45515c;
  --af-link: #ffd2b3;
  --af-accent: #e9584c;
  color-scheme: dark
}

* {
  box-sizing: border-box
}

html {
  scroll-padding-top: calc(var(--af-header-height) + 20px)
}

body.af-redesign {
  margin: 0;
  color: var(--af-ink);
  background: var(--af-surface);
  font: 16px/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
}

button,
input,
select,
textarea {
  font: inherit
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent
}

button {
  cursor: pointer
}

a {
  color: var(--af-link)
}

a:hover {
  text-decoration-thickness: 2px
}

img {
  max-width: 100%;
  height: auto
}

h1,
h2,
h3 {
  line-height: 1.2;
  color: var(--af-ink)
}

h1 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  margin: 0 0 22px;
  font-weight: 800;
  letter-spacing: -.04em
}

h2 {
  font-size: 1.2rem
}

p {
  margin: 0 0 1rem
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #0ba8ca;
  outline-offset: 4px
}

.screen-reader-text,
.af-skip:not(:focus) {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap
}

.af-skip:focus {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 10001;
  background: var(--af-surface);
  padding: 12px
}

#af-site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  background: #684124 var(--af-wood) center/640px auto;
  border-bottom: 3px solid #c0946e;
  box-shadow: 0 3px 12px #0004;
  color: #fff8ee
}

.admin-bar #af-site-header {
  top: 32px
}

.af-brand-row {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1320px;
  margin: auto;
  padding: 10px 22px 5px
}

.af-site-logo {
  display: block;
  width: min(390px, 65vw);
  line-height: 0
}

.af-site-logo img {
  width: 100%;
  height: auto;
  max-height: 70px;
  object-fit: contain
}

.af-nav-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 0 22px 10px
}

#af-primary-nav {
  display: flex;
  gap: 6px;
  align-items: center
}

#af-primary-nav>a {
  color: #fff9ed;
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 650;
  position: relative
}

#af-primary-nav>a[aria-current=page] {
  color: #ffd0bb
}

#af-primary-nav>a[aria-current=page]::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 14px;
  right: 14px;
  height: 3px;
  background: #ff8170;
  border-radius: 3px
}

.af-header-search {
  display: flex;
  align-items: center;
  position: relative;
  width: min(300px, 24vw);
  margin: 0
}

.af-header-search input {
  width: 100%;
  border: 1px solid #dbb48e;
  border-radius: 6px;
  padding: 6px 36px 6px 11px;
  background: #fffcf6;
  color: #31261e;
  font-size: 13px
}

.af-header-search button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 34px;
  border: 0;
  background: transparent;
  color: #30251e;
  font-size: 23px
}

.af-theme-button,
.af-menu-button {
  border: 1px solid #e4c19c;
  background: #704123;
  color: #fff9ed;
  border-radius: 6px;
  min-width: 40px;
  height: 40px;
  font-size: 24px
}

.af-menu-button {
  display: none
}

.af-header-space {
  height: var(--af-header-height)
}

#page {
  width: 100%;
  overflow: clip;
  isolation: isolate
}

.af-scene-stage {
  position: relative;
  isolation: isolate;
  --af-scene-top: var(--af-header-height);
  min-height: calc(100svh - var(--af-header-height));
  padding-bottom: 0
}

#content {
  position: relative;
  display: block;
  width: calc(100% - 2*var(--af-rail-width));
  margin: 0 auto;
  background: none;
  box-shadow: none
}

#page #primary.af-main-body {
  width: 100%;
  margin: 0;
  padding: 32px 26px 20px;
  border: 1px solid var(--af-line);
  background: var(--af-surface) !important;
  box-shadow: 0 2px 18px #0002;
  min-height: 600px;
  float: none;
  border-radius: 0 0 10px 10px
}

.af-list-heading h1 {
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
  margin-bottom: 16px
}

.af-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px
}

.af-category-tabs a {
  background: var(--af-line);
  padding: 7px 16px;
  border-radius: 24px;
  text-decoration: none;
  color: var(--af-ink);
  font-size: 14px;
  font-weight: 650
}

.af-category-tabs a[aria-current=page] {
  background: var(--af-accent);
  color: white
}

.af-native-list {
  display: grid;
  gap: 14px
}

.af-native-card {
  display: grid;
  grid-template-columns: 134px minmax(0, 1fr);
  gap: 20px;
  padding: 17px;
  border: 1px solid var(--af-line);
  border-radius: 10px;
  background: var(--af-card)
}

.af-native-picture {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  background: #eee6db
}

.af-native-picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain
}

.af-picture-placeholder {
  font-size: 52px;
  color: #b27d4e
}

.af-native-copy h2 {
  font-size: 17px;
  letter-spacing: -.015em;
  margin: 0 0 8px
}

.af-native-copy h2 a {
  color: var(--af-ink);
  text-decoration: none
}

.af-native-copy>p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 10px
}

.af-native-copy .af-native-meta {
  font-size: 12px;
  color: var(--af-muted);
  margin: 10px 0
}

.af-native-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 17px
}

.af-primary-button,
.af-redesign .af-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 9px 17px;
  min-height: 40px;
  background: var(--af-accent);
  color: #fff !important;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.3
}

.af-primary-button:hover {
  filter: brightness(.94)
}

.af-details-link {
  font-size: 13px;
  text-decoration: underline;
  color: var(--af-link)
}

.af-save-offer {
  padding: 4px 0;
  color: var(--af-muted);
  border: 0;
  background: none;
  text-decoration: underline;
  font-size: 12px
}

.af-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  margin: 24px 0;
  flex-wrap: wrap
}

.af-pagination .page-numbers {
  border: 1px solid var(--af-line);
  padding: 6px 12px;
  border-radius: 5px;
  text-decoration: none
}

.af-pagination .current {
  background: var(--af-line)
}

.af-empty {
  padding: 24px;
  border: 1px solid var(--af-line);
  background: var(--af-card);
  border-radius: 8px
}

.af-site-footnote {
  position: relative;
  max-width: 760px;
  padding: 20px 16px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  font-size: 11px;
  color: var(--af-muted);
  background: var(--af-surface)
}

.af-site-footnote>span:last-child {
  display: flex;
  gap: 16px;
  flex-wrap: wrap
}

.af-site-footnote a {
  color: var(--af-muted)
}

.af-redesign .af-scenery {
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  user-select: none;
  container: af-stage/size
}

.af-redesign .af-scene-view {
  position: sticky;
  top: var(--af-header-height);
  height: calc(100svh - var(--af-header-height));
  width: 100%;
  overflow: clip;
  container-type: size;
  isolation: isolate
}

.af-redesign .af-room-pan {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  height: calc(var(--af-rail-width)*3);
  min-height: 100%;
  transform: translateY(var(--af-room-shift, -10%));
  animation: none
}

.af-redesign .af-room {
  position: absolute;
  top: 0;
  width: var(--af-rail-width);
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.af-redesign .af-room-left {
  left: 0;
  background-image: url('../../../themes/simpleasy/images/parallax/living-room-left-v51.webp')
}

.af-redesign .af-room-right {
  right: 0;
  background-image: url('../../../themes/simpleasy/images/parallax/living-room-right-v51.webp')
}

.af-redesign .af-room::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: transparent;
  z-index: 6;
  transition: background .25s ease
}

.af-redesign .af-lilly-plane {
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none
}

.af-redesign .af-scene-rail {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--af-rail-width);
  overflow: clip;
  container-type: size;
  z-index: 7
}

.af-scene-left {
  left: 0
}

.af-scene-right {
  right: 0
}

.af-wall-clock {
  position: absolute;
  left: 61.8%;
  top: 22.65%;
  width: 17.8%;
  aspect-ratio: 1;
  z-index: 4
}

.af-room-clock {
  display: block;
  width: 100%;
  height: auto
}

.af-pet-keyboard {
  position: absolute;
  left: 20%;
  top: 57%;
  width: 35%;
  height: 10%;
  opacity: 0;
  pointer-events: auto;
  border: 0;
  background: transparent
}

.af-pet-keyboard:focus-visible {
  opacity: 1;
  background: #fff2;
  color: transparent;
  outline: 2px solid #08b5d1
}

.af-redesign .af-floor-plane {
  z-index: 2
}

html[data-theme=dark] .af-redesign:not(.af-games) .af-room::after {
  background: linear-gradient(#1020399c, #10162688 48%, #09122155 80%);
  mix-blend-mode: multiply
}

html[data-theme=dark] .af-redesign:not(.af-games) .af-room-right::after {
  background: radial-gradient(ellipse at 77% 58%, #fff0 0 11%, #111c3177 29%, #0a172799 90%);
  mix-blend-mode: multiply
}

html[data-theme=dark] .af-redesign:not(.af-games) .af-floor-coupon {
  filter: brightness(.78)
}

.af-breadcrumb {
  font-size: 12px;
  color: var(--af-muted)
}

.af-native-detail h1 {
  font-size: clamp(1.8rem, 3vw, 2.4rem)
}

.af-native-detail-hero {
  display: grid;
  grid-template-columns: minmax(120px, 36%) 1fr;
  gap: 24px;
  margin: 22px 0
}

.af-native-detail-hero>img {
  width: 100%;
  max-height: 280px;
  object-fit: contain;
  background: var(--af-card);
  border-radius: 10px
}

.af-native-facts {
  display: grid;
  grid-template-columns: minmax(100px, 30%) 1fr;
  gap: 9px 20px;
  margin: 28px 0;
  padding: 18px;
  background: var(--af-card);
  border: 1px solid var(--af-line);
  border-radius: 8px
}

.af-native-facts:empty {
  display: none
}

.af-native-facts dt {
  font-weight: 700
}

.af-native-facts dd {
  margin: 0;
  white-space: pre-line
}

.entry-content {
  overflow-wrap: anywhere
}

.entry-content h2 {
  margin-top: 30px;
  font-size: 1.45rem
}

.entry-content li {
  margin-bottom: 9px
}

.entry-content .wp-block-image {
  margin: 20px 0
}

.af-source-note {
  font-size: 12px;
  color: var(--af-muted);
  margin-top: 30px
}

.af-expiry-notice {
  padding: 18px;
  background: var(--af-line);
  border: 1px solid var(--af-muted);
  border-radius: 8px;
  margin: 16px 0
}

.af-expiry-notice p {
  margin: 8px 0 0
}

.af-expired .af-native-detail-hero>img {
  filter: grayscale(1);
  opacity: .72
}

.af-expired .af-primary-button {
  background: #647078
}

.af-native-detail .entry-content:empty {
  display: none
}

.af-hub-nav {
  display: none !important
}

.af-offers {
  color: var(--af-ink) !important
}

.af-offer-card,
.af-empty,
.af-detail-hero {
  background: var(--af-card) !important;
  color: var(--af-ink) !important
}

.af-redesign .af-offer-card h3 a,
.af-redesign .af-offers h2,
.af-redesign .af-offers h3 {
  color: var(--af-ink) !important
}

.af-redesign .af-offers p {
  color: var(--af-muted)
}

.af-redesign .af-facts {
  background: var(--af-card);
  color: var(--af-ink)
}

body.af-games {
  --af-surface: #09162b;
  --af-card: #0c1d36;
  --af-ink: #e5f1ff;
  --af-muted: #a7c1d9;
  --af-line: #314f73;
  --af-link: #91e9ff;
  --af-accent: #22db83;
  --af-rail-width: 360px;
  color-scheme: dark
}

body.af-games #af-site-header {
  background: linear-gradient(180deg, #233957, #101f37 70%, #080e1d);
  border: 2px solid #426486;
  border-bottom-color: #75dcff;
  box-shadow: inset 0 0 0 5px #112238, 0 3px 14px #04cfff3b
}

body.af-games #af-primary-nav>a[aria-current=page] {
  background: #193851;
  border: 1px solid #74d8fd;
  color: #e4f4ff;
  border-radius: 3px
}

body.af-games #af-primary-nav>a[aria-current=page]::after {
  display: none
}

body.af-games #page #primary.af-main-body {
  border: 3px solid #74d8fd;
  border-radius: 9px;
  background: #09162b !important;
  box-shadow: inset 0 0 0 5px #172d4a, 0 0 13px #39b8ee42;
  padding: 25px
}

body.af-games .af-primary-button,
body.af-games .af-cta {
  color: #032519 !important;
  background: #22db83 !important;
  border-radius: 3px !important
}

body.af-games #content {
  width: calc(100% - 2*var(--af-rail-width))
}

body.af-games .af-room::before,
body.af-games .af-room::after,
body.af-games .af-wall-clock,
body.af-games .af-pet-keyboard {
  display: none
}

body.af-games .af-site-footnote {
  background: #09162b
}

body.af-games .af-page-title {
  color: #bdedff;
  text-align: center
}

body.af-games .af-menu-button {
  background: #142b43;
  color: #e5f2ff;
  border-color: #73c9ee
}

@media(min-width:1401px) {
  body.af-games .af-mobile-den {
    display: none !important
  }

  body.af-games .af-room .af-game-pet {
    display: block !important
  }
}

@media(max-width:1400px) {
  :root {
    --af-header-height: 126px
  }

  .af-nav-row {
    gap: 12px
  }

  #af-primary-nav>a {
    padding: 9px 10px
  }

  .af-header-search {
    width: 230px
  }

  #content,
  body.af-games #content {
    width: min(760px, 100%)
  }

  .af-redesign .af-scenery {
    position: relative;
    inset: auto;
    height: 300px;
    width: min(560px, 100%);
    margin: auto;
    z-index: 0;
    container: none
  }

  .af-redesign .af-scene-view {
    position: relative;
    top: 0;
    height: 300px;
    container-type: normal
  }

  .af-redesign .af-room-pan {
    height: 840px;
    min-height: 0;
    transform: translateY(-34%);
    --af-rail-width: 280px
  }

  .af-redesign .af-room {
    width: 50%;
    height: 100%;
    background-size: 100% 100%
  }

  .af-redesign .af-scene-rail {
    display: none
  }

  .af-redesign .af-room-left {
    left: 0
  }

  .af-redesign .af-room-right {
    right: 0
  }

  #page #primary.af-main-body {
    border-top: 1px solid var(--af-line);
    padding: 24px;
    border-radius: 10px
  }

  .af-site-footnote {
    flex-direction: column;
    gap: 8px
  }

  .af-redesign .af-scenery .af-floor-plane {
    display: none
  }

  body.af-games .af-scenery {
    display: none
  }

  body.af-games .af-mobile-den {
    display: block !important
  }
}

@media(max-width:600px) {
  :root {
    --af-header-height: 112px
  }

  .af-brand-row {
    justify-content: space-between;
    padding: 12px 16px 5px
  }

  .af-site-logo {
    width: min(310px, calc(100vw - 82px))
  }

  .af-site-logo img {
    max-height: 54px
  }

  .af-menu-button {
    display: block;
    width: 38px;
    height: 38px
  }

  .af-nav-row {
    padding: 5px 16px 10px;
    gap: 8px
  }

  .af-header-search {
    width: 100%;
    max-width: none
  }

  .af-theme-button {
    height: 34px;
    min-width: 36px;
    font-size: 21px
  }

  #af-primary-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 12px 16px;
    background: #603d27 var(--af-wood) center/640px auto;
    border-top: 1px solid #c59e78;
    box-shadow: 0 6px 12px #0004;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px
  }

  #af-primary-nav.is-open {
    display: grid
  }

  #af-primary-nav>a {
    padding: 12px;
    text-align: center;
    border: 1px solid #b58b64;
    border-radius: 5px
  }

  .af-native-card {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 13px;
    padding: 13px
  }

  .af-native-copy h2 {
    font-size: 16px
  }

  .af-native-copy>p {
    font-size: 13px
  }

  .af-native-actions {
    gap: 10px 14px
  }

  .af-primary-button {
    padding: 8px 11px;
    font-size: 13px
  }

  .af-native-actions .af-save-offer {
    display: none
  }

  #page #primary.af-main-body {
    padding: 20px 14px
  }

  .af-category-tabs {
    gap: 7px
  }

  .af-category-tabs a {
    padding: 7px 14px
  }

  .af-native-detail-hero {
    grid-template-columns: 1fr
  }

  .af-native-detail-hero>img {
    max-height: 240px
  }

  .af-native-facts {
    grid-template-columns: 1fr;
    gap: 4px
  }

  .af-native-facts dd {
    margin-bottom: 12px
  }

  .af-redesign .af-scenery {
    height: 260px
  }

  .af-redesign .af-scene-view {
    height: 260px
  }

  .af-redesign .af-room-pan {
    height: 150vw;
    transform: translateY(-32%)
  }

  body.af-games #af-primary-nav {
    background: #12243c
  }

  .af-site-footnote {
    font-size: 11px
  }

  .admin-bar #af-site-header {
    top: 46px
  }
}

@media(prefers-reduced-motion:reduce) {

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important
  }

  .af-room-pan {
    transform: none
  }

  .af-room::after {
    transition: none
  }

  .af-fall {
    display: none
  }
}

.af-report form {
  display: grid;
  gap: 18px
}

.af-report label {
  display: grid;
  gap: 7px
}

.af-report input:not([type=checkbox]),
.af-report textarea,
.af-report select {
  width: 100%;
  background: var(--af-card);
  color: var(--af-ink);
  border: 1px solid var(--af-line);
  border-radius: 5px;
  padding: 10px
}

.af-report fieldset {
  border: 1px solid var(--af-line);
  padding: 16px
}

.af-report fieldset label {
  display: block;
  margin-bottom: 14px
}

.af-report-honey {
  position: absolute !important;
  left: -10000px !important
}

.af-credits dt {
  font-weight: 700;
  margin-top: 20px
}

.af-credits dd {
  margin: 8px 0 20px
}

.af-countdown {
  display: block;
  font-size: 12px;
  color: var(--af-muted);
  margin-bottom: 8px
}

.af-offer-expired .af-cover {
  filter: grayscale(1);
  opacity: .65
}

.af-offer-ended {
  opacity: .55
}

/* Dark-only controls also override the inherited Games walnut button rules. */
body.af-games #page .af-offers .af-cta {
  background: #22db83 !important;
  color: #06251b !important;
  border: 1px solid #48f3a3 !important;
  box-shadow: 0 0 10px #24da8326 !important;
  border-radius: 4px !important;
  text-shadow: none !important
}

body.af-games #page .af-offers .af-platforms a,
body.af-games #page .af-offers .af-pagination a {
  background: #142f4d !important;
  color: #d8efff !important;
  border: 1px solid #43678b !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  text-shadow: none !important
}

body.af-games .af-filter-form {
  background: #10243d;
  border: 1px solid #385678;
  color: #daeaff
}

body.af-games .af-filter-form label,
body.af-games .af-price,
body.af-games .af-offer-card h3 {
  color: #e5f1ff
}

body.af-games .af-filter-form input,
body.af-games .af-filter-form select {
  background: #07182c;
  color: #e5f1ff;
  border: 1px solid #4d739b;
  border-radius: 4px
}

body.af-games .af-offer-card {
  border-color: #314f73
}

body.af-games .af-rating {
  font-size: 12px;
  line-height: 1.6;
  color: #bdd5e9
}

body.af-games .af-rating small {
  display: block;
  font-size: 10px
}

.af-native-detail-hero:not(:has(>img)) {
  grid-template-columns: 1fr
}

.af-native-picture {
  text-decoration: none
}

/* Inherit the site palette instead of the plugin's old light-only variables. */
.af-redesign .af-offers {
  --af-purple: var(--af-link);
  --af-border: var(--af-line);
  --af-paper: var(--af-card)
}

html[data-theme=dark] .af-redesign .af-offers {
  --af-ink: #f7f0e6;
  --af-purple: #a1e8ff;
  --af-border: #45515c;
  --af-paper: #252f39
}

body.af-games .af-offers {
  --af-ink: #e5f1ff;
  --af-purple: #91e9ff;
  --af-border: #314f73;
  --af-paper: #0c1d36
}

html[data-theme=dark] .af-redesign .af-cover-empty {
  background: #152a44;
  color: #a3c4e2
}

html[data-theme=dark] .af-redesign .af-section-heading>span,
html[data-theme=dark] .af-redesign .af-was,
html[data-theme=dark] .af-redesign .af-card-meta {
  color: #a7c1d9
}

/* Every feature stays discoverable without crowding the main navigation. */
.af-more-menu {
  position: relative;
  color: #fff9ed;
  font-size: 14px
}

.af-more-menu>summary {
  cursor: pointer;
  padding: 10px 14px;
  white-space: nowrap;
  font-weight: 650;
  list-style: none
}

.af-more-menu>summary::-webkit-details-marker {
  display: none
}

.af-more-menu>summary:focus-visible {
  outline: 2px solid #ffd9a3;
  outline-offset: 2px
}

.af-more-links {
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 250px;
  max-height: calc(100dvh - var(--af-header-height) - 24px);
  overflow: auto;
  padding: 10px;
  background: #473022;
  border: 1px solid #c0946e;
  border-radius: 8px;
  box-shadow: 0 8px 24px #0004
}

.af-more-links>a {
  display: block;
  padding: 10px 14px;
  color: #fff9ed;
  text-decoration: none;
  line-height: 1.35
}

.af-more-links>a:hover,
.af-more-links>a:focus-visible {
  background: #ffffff18
}

.af-games .af-more-links {
  background: #11243c;
  border-color: #52799a
}

.af-more-menu[open]>summary {
  color: #ffd0bb
}

.af-scroll-preview {
  margin: 24px 0;
  display: grid;
  gap: 18px
}

.af-preview-notice {
  padding: 18px;
  border: 1px dashed var(--af-line);
  border-radius: 8px;
  background: var(--af-card)
}

.af-preview-notice>p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6
}

.af-preview-card {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 22px;
  padding: 24px;
  border: 1px dashed var(--af-line);
  border-radius: 8px;
  background: var(--af-card);
  min-height: 240px
}

.af-preview-card h2 {
  font-size: 21px;
  margin: 8px 0 14px
}

.af-preview-card p {
  font-size: 15px;
  line-height: 1.7;
  margin: 8px 0
}

.af-preview-cover {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  align-self: start;
  background: var(--af-line);
  font: bold 32px/1 monospace;
  color: var(--af-muted);
  border-radius: 6px
}

@media(max-width:900px) and (min-width:601px) {
  .af-nav-row {
    flex-wrap: wrap;
    gap: 4px 12px
  }

  .af-header-search {
    width: 220px
  }

  .af-more-menu>summary {
    padding: 9px 8px
  }

  #af-primary-nav>a {
    padding: 9px 8px
  }
}

@media(max-width:600px) {
  #af-primary-nav {
    max-height: calc(100dvh - var(--af-header-height) - 12px);
    overflow: auto
  }

  .af-more-menu {
    grid-column: 1/-1
  }

  .af-more-menu>summary {
    text-align: center;
    border: 1px solid #b58b64;
    border-radius: 5px;
    padding: 12px
  }

  .af-more-links {
    position: static;
    min-width: 0;
    max-height: none;
    box-shadow: none;
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px
  }

  .af-more-links>a {
    padding: 12px 9px;
    white-space: normal
  }

  .af-preview-card {
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 16px;
    gap: 14px
  }

  .af-preview-card h2 {
    font-size: 18px
  }

  .af-preview-cover {
    font-size: 22px
  }
}

html[data-theme=dark] .af-redesign:not(.af-games) .af-lilly-head {
  opacity: 1
}


/* 05. Catalog layout, filters, stores and production components
 * Source: plugins/amazingfreebies-games/assets/production.css
 */

.af-game-filters {
  padding: 16px;
  margin: 20px 0 30px;
  border: 1px solid var(--af-line);
  background: var(--af-card);
  border-radius: 7px
}

.af-filter-top,
.af-filter-bottom {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 12px
}

.af-filter-bottom {
  margin-top: 14px
}

.af-game-filters label {
  display: grid;
  gap: 5px;
  font-size: 12px;
  font-weight: 650;
  min-width: 0
}

.af-game-filters input:not([type=checkbox]),
.af-game-filters select {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid var(--af-line);
  border-radius: 4px;
  background: var(--af-surface);
  color: var(--af-ink);
  font-size: 13px
}

.af-filter-top>label {
  flex: 1 1 130px
}

.af-filter-top>.af-game-search {
  flex: 2 1 180px
}

.af-filter-bottom>label {
  flex: 1 1 110px
}

.af-filter-help {
  font-size: 11px !important;
  line-height: 1.5;
  margin: 14px 0 0 !important
}

.af-filter-bottom>a {
  font-size: 12px;
  padding: 10px 0
}

.af-facet {
  flex: 1 1 120px;
  align-self: stretch;
  position: relative;
  min-width: 0
}

.af-facet>summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  min-height: 40px;
  border: 1px solid #487199;
  border-radius: 4px;
  cursor: pointer;
  background: #102944;
  color: #e8f7ff;
  font-size: 13px;
  font-weight: 700;
  list-style: none
}

.af-facet>summary:after {
  content: '⌄';
  color: #8ce9ff
}

.af-facet>summary>span {
  font-size: 10px;
  font-weight: 400;
  color: #bad5e9
}

.af-facet-body {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  z-index: 30;
  width: min(310px, 72vw);
  background: #0c2038;
  color: #ecf7ff;
  border: 1px solid #527aa0;
  padding: 14px;
  box-shadow: 0 10px 30px #0008;
  border-radius: 6px
}

.af-facet:nth-child(2) .af-facet-body {
  left: auto;
  right: 0
}

.af-facet fieldset {
  border: 0;
  padding: 0;
  margin: 10px 0
}

.af-facet legend {
  font-size: 11px;
  color: #a5c4db
}

.af-facet-options {
  max-height: 250px;
  overflow: auto;
  padding: 8px 0
}

.af-facet-options>label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  cursor: pointer;
  font-weight: 400;
  font-size: 13px
}

.af-facet-options>label[hidden] {
  display: none
}

.af-facet-options input {
  width: 17px;
  height: 17px;
  accent-color: #29e194;
  flex: none
}

.af-region-note {
  font-size: 12px;
  padding: 12px;
  border: 1px solid var(--af-line);
  border-radius: 5px
}

.af-game-details {
  margin: 32px 0;
  padding-top: 22px;
  border-top: 1px solid var(--af-line)
}

.af-game-facts {
  display: grid;
  grid-template-columns: minmax(130px, 28%) minmax(0, 1fr);
  gap: 9px 18px;
  font-size: 14px
}

.af-game-facts dt {
  font-weight: 700
}

.af-game-facts dd {
  margin: 0;
  overflow-wrap: anywhere
}

.af-game-description {
  font-size: 15px;
  line-height: 1.7
}

.af-game-details details,
.af-store-atlas {
  padding: 14px 0;
  border-top: 1px solid var(--af-line)
}

.af-game-details summary,
.af-store-atlas summary {
  cursor: pointer;
  color: var(--af-link);
  font-weight: 650
}

.af-game-details h3 {
  font-size: 1rem
}

.af-game-details .af-requirements {
  font-size: 13px
}

.af-tag-votes {
  columns: 2;
  padding-left: 20px;
  font-size: 12px
}

.af-tag-votes span {
  color: var(--af-muted);
  margin-left: 6px
}

.af-store-atlas {
  margin-top: 32px
}

.af-store-atlas table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin: 15px 0
}

.af-store-atlas th,
.af-store-atlas td {
  padding: 10px;
  border-bottom: 1px solid var(--af-line);
  text-align: left
}

.af-store-atlas>p {
  font-size: 12px
}

/* Shared layout and image proportions. */
.af-offers,
.af-free-apps {
  min-width: 0;
  container-type: inline-size
}

.af-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  align-items: stretch
}

.af-card-grid>.af-offer-card,
.af-card-grid>.af-offer-card:only-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
  grid-template-columns: none
}

.af-card-grid .af-cover-link,
.af-card-grid>.af-offer-card:only-child .af-cover-link {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  grid-row: auto;
  margin: 0;
  flex: none;
  background: #080b10
}

.af-offers .af-cover {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: contain;
  display: block
}

.af-offers .af-cover-empty {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  min-height: 0;
  display: grid;
  place-items: center
}

.af-card-copy {
  padding: 14px;
  min-width: 0
}

.af-card-action {
  padding: 0 14px 14px;
  gap: 8px;
  min-width: 0;
  margin-top: auto
}

.af-card-action>* {
  max-width: 100%
}

.af-card-meta {
  flex-wrap: wrap;
  gap: 6px;
  line-height: 1.5
}

.af-offer-card h3 {
  overflow-wrap: anywhere;
  font-size: 1rem
}

.af-offer-card h3 a {
  text-decoration: none
}

.af-offer-row {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) 148px;
  gap: 14px;
  align-items: center;
  padding: 12px
}

.af-offer-row .af-cover-link {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  margin: 0;
  align-self: center
}

.af-offer-row .af-card-copy {
  padding: 0
}

.af-offer-row .af-card-action {
  padding: 0;
  align-items: flex-end;
  text-align: right;
  margin: 0
}

.af-offer-row .af-card-summary {
  display: none
}

.af-offer-row .af-rating {
  font-size: 11px
}

.af-rating small {
  display: block;
  font-size: .8em
}

.af-detail-hero {
  grid-template-columns: minmax(0, 1.3fr) minmax(180px, 1fr);
  align-items: center;
  padding: 16px;
  border: 1px solid var(--af-line)
}

.af-offers .af-detail-hero>.af-cover {
  height: auto;
  max-height: 380px;
  aspect-ratio: auto;
  object-fit: contain;
  background: #080b10
}

.af-detail-gallery,
.af-game-screenshots {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 14px
}

.af-detail-gallery img,
.af-game-screenshots img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: contain;
  background: #080b10
}

.af-store-atlas {
  overflow: auto
}

.af-store-atlas table {
  min-width: 290px
}

.af-store-atlas th {
  color: var(--af-ink)
}

.af-section-heading {
  align-items: center;
  gap: 12px;
  flex-wrap: wrap
}

.af-section-heading h2 {
  margin: 0;
  font-size: 1rem
}

.af-section-heading>span {
  font-size: 12px;
  white-space: normal
}

.af-breadcrumb {
  margin: 0 0 18px;
  line-height: 1.6;
  overflow-wrap: anywhere
}

.af-search-results {
  display: grid;
  gap: 18px
}

.af-search-card {
  display: grid;
  grid-template-columns: minmax(100px, 25%) minmax(0, 1fr);
  gap: 20px;
  padding: 18px;
  border: 1px solid var(--af-line);
  background: var(--af-card);
  border-radius: 6px
}

.af-search-card:not(:has(.af-search-picture)) {
  grid-template-columns: 1fr
}

.af-search-picture {
  aspect-ratio: 16/9;
  align-self: start;
  display: block;
  background: var(--af-surface)
}

.af-search-picture img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.af-search-card h2 {
  margin: 0 0 10px;
  font-size: 1.15rem
}

.af-search-card p {
  font-size: 14px
}

.af-search-card a {
  overflow-wrap: anywhere
}

.af-tool-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--af-line);
  background: var(--af-card);
  margin: 22px 0
}

.af-tool-filters label {
  display: grid;
  gap: 6px;
  flex: 1 1 140px;
  min-width: 0;
  font-size: 13px
}

.af-tool-filters input,
.af-tool-filters select {
  max-width: 100%;
  min-height: 42px;
  padding: 8px;
  background: var(--af-surface);
  color: var(--af-ink);
  border: 1px solid var(--af-line)
}

.af-app-grid {
  display: grid;
  gap: 16px
}

.af-app-card {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid var(--af-line);
  border-radius: 6px;
  background: var(--af-card)
}

.af-app-card h2 {
  font-size: 1.15rem;
  margin: 0 0 8px
}

.af-app-card p {
  font-size: 14px;
  margin: 8px 0
}

.af-app-badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap
}

.af-app-badges span {
  padding: 3px 7px;
  border: 1px solid var(--af-line);
  font-size: 12px
}

.af-app-picture img {
  width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: contain
}

.af-app-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap
}

.af-app-hero {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 24px;
  align-items: start
}

.af-app-hero img {
  width: 100%;
  max-height: 150px;
  object-fit: contain
}

.af-app-screens {
  display: grid;
  gap: 20px
}

.af-app-screens figure {
  margin: 0
}

.af-app-screens img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain
}

.af-app-screens figcaption {
  font-size: 12px;
  margin-top: 8px;
  color: var(--af-muted)
}

.af-report input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: var(--af-accent);
  vertical-align: middle;
  margin-right: 8px
}

.af-report fieldset label:has(textarea),
.af-report fieldset label:has(input[type=url]) {
  display: grid
}

.af-report label>span {
  font-size: 12px;
  color: var(--af-muted)
}

.af-report button {
  justify-self: start
}

/* One small nine-slice metal image supplies borders throughout the Games interface. */
body.af-games,
body.af-games .af-offers {
  --af-surface: #0c0f15;
  --af-card: #11151c;
  --af-ink: #dce3eb;
  --af-muted: #b6c0cd;
  --af-line: #505a68;
  --af-link: #66e8ff;
  --af-accent: #36f38c;
  --af-purple: #66e8ff;
  --af-border: #505a68;
  --af-paper: #11151c;
  --af-rack: url('../../../themes/simpleasy/images/gaming/rack-frame.webp');
  --af-main-width: clamp(900px, 61.2vw, 1100px);
  --af-rail-width: 360px;
  color-scheme: dark
}

body.af-games {
  background: #090b12
}

body.af-games #content {
  width: var(--af-main-width)
}

body.af-games #af-site-header {
  background: #101319;
  border: 0;
  border-bottom: 2px solid #606873;
  box-shadow: 0 4px 12px #0008
}

body.af-games .af-brand-row {
  max-width: var(--af-main-width);
  background: #101319;
  border: 16px solid transparent;
  border-image: var(--af-rack) 20/16px stretch;
  padding: 4px 22px 2px
}

body.af-games .af-nav-row {
  gap: 20px;
  padding: 6px 20px 10px;
  max-width: var(--af-main-width);
  margin: auto;
  background: #0c1016
}

body.af-games .af-site-logo {
  width: min(365px, 65vw)
}

body.af-games #af-primary-nav>a,
body.af-games .af-more-menu>summary {
  color: #dce3eb;
  background: linear-gradient(#242a33, #0d1118);
  border: 1px solid #5b6675;
  padding: 8px 13px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 2px #10151d
}

body.af-games #af-primary-nav>a[aria-current=page] {
  color: #83f0ff;
  border-color: #36d6f4;
  box-shadow: inset 0 -2px #36d6f4, 0 0 9px #12caff38
}

body.af-games .af-more-menu>summary {
  font-size: 14px
}

.af-games .af-more-links {
  background: #10151d;
  border-color: #6f7c8f
}

.af-games .af-more-links a {
  color: #b8f4ff
}

.af-games .af-more-menu[open]>summary {
  color: #85edff
}

body.af-games .af-header-search {
  width: min(300px, 26vw)
}

body.af-games .af-header-search input {
  background: #070b11;
  color: #dce3eb;
  border-color: #6a788d;
  border-radius: 2px;
  min-height: 38px
}

body.af-games .af-header-search button {
  color: #66e8ff
}

body.af-games input::placeholder {
  color: #9eabbc;
  opacity: 1
}

body.af-games #page #primary.af-main-body {
  padding: 20px 22px 24px;
  border: 16px solid transparent;
  border-image: var(--af-rack) 20/16px stretch;
  border-radius: 0;
  background: #0c0f15 !important;
  box-shadow: 0 0 22px #0009
}

body.af-games h1,
body.af-games h2,
body.af-games h3,
body.af-games .af-offers h2,
body.af-games .af-offers h3 {
  color: #6bedff !important;
  letter-spacing: .025em;
  text-shadow: 0 0 8px #1cbad04d
}

body.af-games h1 {
  font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  font-weight: 900;
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  letter-spacing: .02em
}

body.af-games .af-page-title {
  margin: 0;
  text-align: center;
  padding: 18px 10px 8px;
  background: #060b17;
  border-top: 1px solid #657180
}

body.af-games .af-offers p {
  color: #b6c0cd
}

.af-games .af-shop-intro {
  justify-content: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 20px;
  background: #060b17;
  padding: 6px 12px 14px;
  border-bottom: 1px solid #657180
}

.af-games .af-shop-intro>p {
  color: #78e8ed !important;
  margin: 0
}

.af-games .af-shop-intro>a {
  font-size: 12px;
  color: #bf9dff
}

body.af-games .af-game-filters {
  border: 12px solid transparent;
  border-image: var(--af-rack) 20/12px stretch;
  border-radius: 0;
  padding: 12px;
  margin: 18px 0 22px
}

body.af-games .af-game-filters label {
  color: #89e7f5
}

.af-games .af-game-filters select,
.af-games .af-game-filters input:not([type=checkbox]) {
  background: #080d14;
  color: #dce3eb;
  border: 1px solid #647287;
  border-radius: 2px;
  margin: 0
}

body.af-games .af-facet>summary {
  background: #151c26;
  border-color: #647287;
  color: #95edff
}

.af-games .af-facet-body {
  background: #111823;
  color: #e0e7ee;
  border-color: #7b8ca3
}

.af-games .af-facet-body label {
  color: #dce3eb
}

body.af-games .af-section-heading {
  padding: 11px 14px;
  background: #171d26;
  border: 1px solid #697481;
  box-shadow: inset 0 0 0 3px #0b1016;
  margin: 24px 0 14px;
  text-transform: uppercase;
  letter-spacing: .035em
}

body.af-games .af-section-heading h2 {
  font-family: ui-monospace, Consolas, monospace;
  font-size: 1rem;
  margin: 0
}

.af-games .af-section-heading>span {
  color: #c1cbd8 !important;
  font-size: 11px
}

.af-games .af-section-note {
  font-size: 13px
}

body.af-games .af-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px
}

body.af-games .af-card-grid>.af-offer-card,
body.af-games .af-card-grid>.af-offer-card:only-child {
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
  border: 9px solid transparent;
  border-image: var(--af-rack) 20/9px stretch;
  border-radius: 0;
  background: #10151c !important;
  overflow: visible
}

body.af-games .af-card-grid .af-cover-link,
body.af-games .af-card-grid>.af-offer-card:only-child .af-cover-link {
  grid-row: auto;
  grid-column: auto;
  width: 100%;
  height: auto;
  margin: 0;
  aspect-ratio: 16/9;
  flex: none;
  background: #060a11
}

body.af-games .af-card-grid .af-card-copy {
  grid-column: auto;
  padding: 10px 9px 6px
}

.af-games .af-card-grid .af-card-action {
  grid-column: auto;
  padding: 0 9px 12px;
  align-items: stretch;
  flex-direction: column;
  gap: 7px
}

body.af-games .af-offer-card h3 a {
  color: #c9f4ff !important;
  line-height: 1.4;
  text-shadow: 0 0 6px #00a4ff35
}

.af-games .af-card-summary {
  font-size: 13px;
  line-height: 1.5
}

.af-games .af-card-meta {
  font-size: 10px
}

.af-games .af-store {
  font-size: 12px;
  letter-spacing: .04em
}

.af-games .af-rating {
  font-size: 11px;
  line-height: 1.55
}

.af-games .af-rating a {
  color: #99ddec
}

body.af-games .af-price,
body.af-games .af-detail-price {
  color: #45f78f !important;
  font-family: ui-monospace, Consolas, monospace;
  font-weight: 900;
  text-shadow: 0 0 8px #08e66d44
}

.af-games .af-price {
  font-size: 1.45rem
}

.af-games .af-was {
  font-size: 11px;
  color: #adb8c8 !important
}

.af-games .af-badge {
  background: #151c26;
  color: #ffd078;
  border: 1px solid #8c7342;
  border-radius: 2px
}

.af-games .af-badge-free {
  color: #61ffae;
  border-color: #368c61
}

body.af-games #page .af-offers .af-cta,
body.af-games .af-primary-button {
  color: #baf5ff !important;
  background: linear-gradient(#293443, #0c121d) !important;
  border: 1px solid #60d4e9 !important;
  border-radius: 2px !important;
  box-shadow: inset 0 0 0 2px #131c28, 0 0 6px #0cc5de22 !important;
  text-shadow: none !important;
  min-height: 40px;
  padding: 9px 12px;
  font-size: 13px;
  white-space: normal
}

body.af-games #page .af-offers .af-cta:hover {
  color: #efffff !important;
  border-color: #a2f7ff !important;
  box-shadow: 0 0 12px #21d9ff66 !important
}

.af-games .af-details-link {
  color: #c7b0ff
}

.af-games .af-card-grid .af-countdown {
  font-size: 11px
}

.af-games .af-deal-list {
  gap: 8px
}

body.af-games .af-offer-row {
  grid-template-columns: 100px minmax(0, 1fr) 145px;
  gap: 14px;
  padding: 12px;
  border: 1px solid #505d6d;
  background: #0f151e !important;
  border-radius: 2px;
  align-items: center
}

.af-games .af-offer-row .af-card-meta {
  margin: 0 0 5px
}

.af-games .af-offer-row h3 {
  margin: 0 0 5px
}

.af-games .af-offer-row .af-card-summary {
  display: none
}

.af-games .af-offer-row .af-card-action {
  align-items: flex-end
}

.af-games .af-offer-row .af-cover {
  object-fit: contain;
  aspect-ratio: 16/9
}

.af-games .af-offer-detail>.af-detail-hero {
  background: #0b111a !important
}

.af-games .af-facts {
  background: #151d29 !important
}

.af-games .af-pagination a {
  color: #96eeff !important;
  background: #131e2c !important;
  border: 1px solid #647287 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  text-shadow: none !important
}

body.af-games .af-site-footnote {
  max-width: var(--af-main-width);
  background: #0c0f15;
  color: #b6c0cd
}

.af-games .af-site-footnote a {
  color: #abc4d7
}

.af-games .af-empty {
  border-radius: 2px;
  background: #101722 !important
}

/* Portraits always fill their rails; motion is bounded by the actual image height. */
@media(min-width:1401px) {
  .af-redesign:not(.af-games) .af-room-pan {
    height: max(calc(var(--af-rail-width)*3), calc(100svh - var(--af-header-height)));
    min-height: 0;
    transform: translateY(calc(min(0px, calc(100svh - var(--af-header-height) - var(--af-rail-width)*3))*var(--af-room-progress, 0)))
  }

  .af-redesign:not(.af-games) .af-room {
    width: var(--af-rail-width)
  }

  .af-redesign:not(.af-games) .af-room-left {
    left: 0
  }

  .af-redesign:not(.af-games) .af-room-right {
    right: 0
  }
}

/* Subscription area follows the main document at every viewport. */
.af-subscribe-area {
  position: relative;
  z-index: 9;
  box-sizing: border-box;
  width: min(760px, 100%);
  margin: 24px auto 0;
  padding: 16px;
  background: var(--af-surface);
  color: var(--af-ink);
  border: 1px solid var(--af-line)
}

.af-subscribe-area h2 {
  margin: 0 0 12px;
  font: 800 21px/1.3 Arial, sans-serif
}

.af-subscribe-links,
.af-reader-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 10px
}

.af-subscribe-links a,
.af-reader-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 0;
  min-height: 40px;
  padding: 5px 7px;
  font: 700 14px/1.35 Arial, sans-serif;
  overflow-wrap: anywhere;
  border: 1px solid var(--af-line);
  color: var(--af-link)
}

.af-social-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0
}

.af-social-links .af-social-destination {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 8px 3px;
  min-width: 0;
  min-height: 64px;
  text-align: center;
  border: 1px solid var(--af-line);
  text-decoration: none;
  color: var(--af-ink)
}

.af-social-links .af-social-logo {
  display: block;
  position: static;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 5px;
  padding: 3px;
  flex: none;
  transform: none
}

.af-social-links .af-platform-logo {
  display: block;
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
  filter: none
}

.af-social-label {
  font: 700 12px/1.3 Arial, sans-serif;
  overflow-wrap: anywhere
}

.af-social-links .af-social-unavailable {
  border-style: dashed
}

.af-social-links .af-social-unavailable small {
  font: 400 10px/1.25 Arial, sans-serif;
  color: var(--af-ink)
}

.af-follow-all {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700
}

.af-follow-intro .af-social-links {
  max-width: 680px
}

.af-follow-intro .af-social-destination {
  padding: 16px 8px
}

.af-follow-intro .af-social-label {
  font-size: 16px
}

.af-games .af-subscribe-area {
  width: min(var(--af-main-width), 100%);
  background: #10151c
}

.af-games .af-subscribe-area a {
  color: var(--af-link)
}

@media(max-width:1400px) {
  body.af-games {
    --af-main-width: min(900px, 100%)
  }

  body.af-games #content {
    width: var(--af-main-width)
  }

  .af-games .af-subscribe-area {
    width: var(--af-main-width)
  }

  body.af-games .af-nav-row,
  body.af-games .af-brand-row {
    max-width: 900px
  }

  .af-games .af-header-search {
    width: min(300px, 30vw)
  }
}

@media(max-width:700px) {
  body.af-games .af-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .af-games .af-card-grid .af-card-summary {
    display: none
  }

  .af-games .af-nav-row {
    gap: 10px;
    padding-inline: 12px
  }

  body.af-games #af-primary-nav>a,
  body.af-games .af-more-menu>summary {
    padding: 8px
  }

  .af-games .af-header-search {
    width: 100%
  }
}

@media(max-width:600px) {
  body.af-games .af-brand-row {
    border: 0;
    padding: 12px 16px 5px
  }

  body.af-games #page #primary.af-main-body {
    border-width: 8px;
    border-image-width: 8px;
    padding: 18px 10px
  }

  body.af-games .af-nav-row {
    padding: 6px 16px 10px
  }

  body.af-games .af-header-search {
    width: 100%;
    max-width: none
  }

  .af-games .af-more-menu>summary {
    padding: 12px
  }

  .af-games .af-more-links {
    grid-template-columns: 1fr
  }

  .af-game-filters {
    padding: 10px
  }

  .af-filter-top>label,
  .af-filter-bottom>label,
  .af-filter-bottom>.af-facet {
    flex-basis: calc(50% - 8px)
  }

  .af-filter-top>.af-game-search {
    flex-basis: 100%
  }

  .af-facet-body {
    width: min(280px, 78vw)
  }

  .af-game-facts,
  .af-facts {
    grid-template-columns: 1fr;
    gap: 4px
  }

  .af-game-facts dd,
  .af-facts dd {
    margin-bottom: 12px
  }

  .af-detail-hero {
    grid-template-columns: 1fr
  }

  .af-offer-row,
  body.af-games .af-offer-row {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 12px
  }

  .af-offer-row .af-cover-link {
    grid-row: 1/3;
    align-self: start
  }

  .af-offer-row .af-card-action,
  .af-games .af-offer-row .af-card-action {
    grid-column: 2;
    grid-row: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    padding: 0;
    gap: 10px
  }

  .af-offer-row .af-card-action .af-cta {
    width: auto
  }

  .af-search-card {
    grid-template-columns: 78px minmax(0, 1fr);
    padding: 12px;
    gap: 12px
  }

  .af-app-card {
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 14px;
    gap: 14px
  }

  .af-app-hero {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 16px
  }
}

@media(max-width:420px) {
  body.af-games .af-card-grid {
    grid-template-columns: 1fr
  }

  body.af-games .af-card-grid .af-card-summary {
    display: block
  }

  body.af-games .af-card-grid .af-cover-link {
    aspect-ratio: 16/9;
    max-height: none
  }

  .af-tag-votes {
    columns: 1
  }
}

@media(prefers-reduced-motion:reduce) {
  .af-room-pan {
    transform: none !important
  }
}

.af-high-traffic .af-fall,
.af-high-traffic .af-floor-plane {
  display: none !important
}

.af-high-traffic .af-room-canvas,
.af-high-traffic .af-city-view>span {
  animation: none !important;
  transform: none
}

.af-high-traffic .af-low-image {
  image-rendering: pixelated
}

body.af-games #page .af-section-heading h2 {
  font-size: 16px;
  line-height: 1.4;
  margin: 0
}

body.af-games #page #primary.af-main-body {
  background: #0c0f15 !important
}

@font-face {
  font-family: Silkscreen;
  src: url('../../../themes/simpleasy/assets/fonts/silkscreen/Silkscreen-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

body.af-games h1,
body.af-games #page .af-section-heading h2 {
  font-family: Silkscreen, ui-monospace, monospace;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0
}

body.af-games h1 {
  font-size: clamp(23px, 2vw, 32px)
}

body.af-games #page .af-section-heading h2 {
  font-size: 16px
}

.af-game-sale-row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 104px 116px;
  gap: 14px;
  align-items: center;
  padding: 10px 12px;
  background: #0e141d;
  border: 1px solid #4b5665;
  min-width: 0
}

.af-sale-cover {
  aspect-ratio: 16/9;
  display: block;
  background: #070b12;
  overflow: hidden
}

.af-sale-cover .af-cover {
  height: 100%;
  object-fit: contain
}

.af-sale-copy {
  min-width: 0
}

.af-sale-copy h3 {
  font-size: 14px !important;
  line-height: 1.4;
  margin: 0 0 5px
}

.af-sale-copy h3 a {
  color: #ccf4ff;
  text-decoration: none
}

.af-sale-copy p {
  font-size: 11px;
  margin: 0
}

.af-sale-copy small {
  font-size: 10px;
  color: #b7c5d6
}

.af-sale-price {
  text-align: right
}

.af-sale-price .af-price {
  font-size: 18px;
  display: block
}

.af-sale-price>small {
  display: block;
  font-size: 10px;
  color: #b0bac8
}

.af-sale-price>small>span {
  color: #ffc563
}

.af-sale-action {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  text-align: right
}

.af-sale-action .af-details-link {
  font-size: 11px
}

.af-games .af-card-grid .af-card-summary {
  display: none !important
}

.af-games .af-card-grid .af-card-action {
  padding-top: 4px
}

.af-games .af-card-grid .af-card-action .af-price {
  font-size: 22px
}

@media(max-width:600px) {
  .af-game-sale-row {
    grid-template-columns: 64px minmax(0, 1fr) 100px;
    gap: 10px;
    padding: 10px
  }

  .af-sale-price {
    grid-column: 2;
    text-align: left
  }

  .af-sale-action {
    grid-column: 3;
    grid-row: 1/3;
    align-self: center
  }

  .af-sale-copy {
    grid-column: 2
  }

  .af-sale-cover {
    grid-row: 1/3;
    align-self: start
  }

  .af-sale-price .af-price {
    font-size: 16px
  }

  .af-sale-copy h3 {
    font-size: 13px !important
  }

  .af-sale-action .af-cta {
    padding: 8px !important;
    font-size: 12px !important
  }
}

@media(max-width:360px) {
  .af-game-sale-row {
    grid-template-columns: 52px minmax(0, 1fr)
  }

  .af-sale-action {
    grid-column: 2;
    grid-row: auto;
    align-items: flex-start
  }

  .af-sale-price {
    grid-column: 2
  }
}

/* Complete app catalog: intrinsic artwork proportions and compact reusable cards. */
.af-app-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px
}

.af-app-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--af-line, #536373);
  border-radius: 10px;
  background: var(--af-card, #fff);
  min-width: 0
}

.af-app-card>div {
  min-width: 0
}

.af-app-card h2 {
  margin: 0 0 10px;
  font-size: 1.28rem;
  line-height: 1.3;
  overflow-wrap: anywhere
}

.af-app-icon {
  display: block;
  width: 76px;
  height: 76px !important;
  max-width: 100%;
  object-fit: contain !important;
  align-self: start;
  filter: drop-shadow(0 2px 5px #0003)
}

.af-app-card .af-tool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 16px
}

.af-app-card .af-cta {
  white-space: normal;
  line-height: 1.3
}

.af-app-intro {
  display: flex;
  gap: 24px;
  align-items: center;
  margin: 18px 0 24px
}

.af-app-intro .af-app-icon {
  width: 120px;
  height: 120px !important;
  flex: 0 0 120px
}

.af-app-detail li {
  margin: 0 0 12px;
  padding-left: 4px;
  line-height: 1.65
}

.af-app-detail ol {
  padding-left: 26px
}

.af-app-screenshot {
  margin: 24px 0
}

.af-app-screenshot img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: contain;
  max-height: none !important;
  border: 1px solid #778898;
  border-radius: 5px
}

.af-app-screenshot figcaption {
  margin-top: 10px;
  font-size: .9rem;
  line-height: 1.5
}

.af-app-review {
  padding: 15px;
  border: 1px solid #718090;
  border-radius: 6px
}

.af-app-review summary {
  cursor: pointer;
  font-weight: 700
}

.af-app-review li {
  overflow-wrap: anywhere
}

.af-credits li {
  margin-bottom: 14px;
  overflow-wrap: anywhere
}

.af-apps .af-tool-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: end
}

.af-apps .af-tool-filters label {
  flex: 1 1 150px;
  min-width: 0
}

.af-apps .af-tool-filters input,
.af-apps .af-tool-filters select {
  width: 100%;
  min-height: 44px
}

.af-apps .af-pagination {
  margin: 24px 0
}

.af-apps .af-pagination a[aria-current] {
  outline: 2px solid currentColor;
  outline-offset: 2px
}

@media(max-width:760px) {
  .af-app-grid {
    grid-template-columns: 1fr
  }

  .af-app-card {
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 16px;
    gap: 12px
  }

  .af-app-card .af-app-icon {
    width: 64px;
    height: 64px !important
  }

  .af-app-intro {
    align-items: flex-start;
    gap: 15px
  }

  .af-app-intro .af-app-icon {
    width: 72px;
    height: 72px !important;
    flex-basis: 72px
  }
}

/* Compact free-game shelves leave room for the deal controls below. */
.af-games .af-card-grid .af-card-meta {
  display: none
}

.af-games .af-card-grid .af-card-copy {
  padding: 8px 8px 4px
}

.af-games .af-card-grid .af-store {
  font-size: 12px;
  margin: 4px 0
}

.af-games .af-card-grid .af-card-copy h3 {
  font-size: 16px;
  line-height: 1.3;
  margin: 0
}

.af-games .af-card-grid .af-card-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 10px;
  padding: 4px 8px 10px;
  align-items: center
}

.af-games .af-card-grid .af-card-action .af-price {
  grid-column: 1;
  grid-row: 1;
  font-size: 21px
}

.af-games .af-card-grid .af-card-action .af-old-price {
  display: none
}

.af-games .af-card-grid .af-card-action .af-countdown {
  grid-column: 1/-1;
  grid-row: 2;
  margin: 0
}

.af-games .af-card-grid .af-card-action .af-cta {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 8px 6px;
  font-size: 12px
}

.af-games .af-card-grid .af-card-action .af-details-link {
  grid-column: 1/-1;
  font-size: 11px
}

.af-app-screenshot img {
  width: auto;
  max-width: 100%;
  margin-inline: auto
}

.af-games .af-card-grid .af-card-action .af-was {
  display: none
}

.af-high-traffic .af-depth,
.af-high-traffic .af-power-sprite {
  display: none !important
}

.af-high-traffic .af-room-canvas,
.af-high-traffic .af-city-view>span {
  animation: none !important
}

.af-high-traffic .af-room-art {
  image-rendering: pixelated
}

.af-app-icon {
  background: #dbe4eb;
  border: 1px solid #899aa8;
  border-radius: 8px;
  padding: 5px;
  box-sizing: border-box
}

body.af-games .af-section-heading {
  margin-top: 16px;
  margin-bottom: 10px;
  padding: 8px 12px
}

body.af-games .af-sales-section {
  padding-top: 10px;
  margin-top: 18px
}

body.af-games .af-shop-intro {
  margin-bottom: 16px;
  padding-bottom: 16px
}

.af-games .af-card-grid+.af-pagination {
  margin: 16px 0
}

body.af-games .af-free-section {
  padding-bottom: 10px;
  margin-bottom: 16px
}

/* Solid action colors provide readable white text in both ordinary site modes. */
.af-redesign:not(.af-games) .af-primary-button,
.af-redesign:not(.af-games) .af-cta,
.af-redesign:not(.af-games) .af-category-tabs a[aria-current=page] {
  background: #b9362b !important;
  color: #fff !important
}

.af-search-types {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 28px
}

.af-search-types a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid var(--af-line);
  border-radius: 4px;
  color: var(--af-link);
  font-weight: 700
}

.af-search-types a[aria-current=true] {
  background: var(--af-ink);
  color: var(--af-surface);
  text-decoration: underline;
  text-underline-offset: 4px
}

.af-search-types a:focus-visible {
  outline: 3px solid var(--af-link);
  outline-offset: 3px
}

/* One readable button system for social destinations and topic feeds. */
.af-subscribe-area,
.af-games .af-subscribe-area {
  position: relative;
  inset: auto;
  max-height: none;
  overflow: visible;
  padding: 24px;
  margin: 32px auto 0;
  width: min(1000px, 100%)
}

.af-social-links,
.af-subscribe-links,
.af-reader-links,
.af-follow-intro .af-social-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 12px;
  max-width: none;
  margin: 16px 0 24px
}

.af-social-links .af-social-destination,
.af-subscribe-links a,
.af-reader-links a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  justify-content: start;
  gap: 10px;
  text-align: left;
  padding: 10px 12px;
  min-height: 58px;
  border: 1px solid var(--af-line);
  background: var(--af-card);
  color: var(--af-ink);
  border-radius: 4px;
  font: 700 16px/1.4 Arial, sans-serif;
  text-decoration: none;
  min-width: 0
}

.af-social-links .af-social-label {
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
  overflow-wrap: normal
}

.af-social-links .af-social-logo,
.af-follow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  grid-column: 1;
  grid-row: 1/3;
  width: 30px;
  height: 30px;
  padding: 0;
  background: transparent;
  transform: none;
  flex: none
}

.af-social-links .af-platform-logo,
.af-reader-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block
}

.af-social-links .af-social-unavailable small {
  grid-column: 2;
  font: 400 12px/1.3 Arial, sans-serif;
  color: var(--af-ink)
}

.af-social-links .af-social-logo-x {
  background: #101419;
  border-radius: 4px;
  padding: 3px
}

.af-subscribe-area h3,
.af-reader-services h3 {
  font-size: 18px;
  line-height: 1.4;
  margin: 24px 0 12px
}

.af-feed-formats summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--af-link);
  padding: 10px 0
}

.af-reader-services label {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 16px
}

.af-reader-topic {
  max-width: 100%;
  min-height: 44px;
  background: var(--af-surface);
  color: var(--af-ink);
  padding: 6px 12px;
  border: 1px solid var(--af-line)
}

.af-games .af-reader-logo,
html[data-theme=dark] .af-reader-logo {
  filter: brightness(0) invert(1)
}

body.af-games #page :is(.af-social-links .af-social-destination, .af-subscribe-links a, .af-reader-links a) {
  border: 5px solid transparent;
  border-image: var(--af-button-metal) 5/5px stretch;
  background: linear-gradient(#25282d, #0a0c10);
  color: #e6e6e6;
  font-size: 16px;
  min-height: 58px;
  line-height: 1.4;
  padding: 8px 10px
}

body.af-games #page .af-social-links .af-social-unavailable small {
  font-size: 12px
}

body.af-games #page .af-subscribe-area {
  width: min(var(--af-main-width), 100%)
}

@media(max-width:480px) {

  .af-subscribe-area,
  .af-games .af-subscribe-area {
    padding: 14px
  }

  .af-social-links,
  .af-subscribe-links,
  .af-reader-links {
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .af-social-links .af-social-destination,
  .af-subscribe-links a,
  .af-reader-links a {
    padding: 8px;
    gap: 7px;
    font-size: 14px
  }

  .af-social-links .af-social-label {
    font-size: 14px
  }
}

.af-feed-owner-note {
  padding: 12px 14px;
  margin: 0 0 16px;
  border: 1px solid currentColor;
  border-radius: 4px;
  font: 14px/1.5 Arial, sans-serif
}

.af-feed-owner-note p {
  margin: 4px 0 0
}

.af-feed-refresh-status {
  font: 14px/1.5 Arial, sans-serif;
  margin: 8px 0 12px
}


/* 06. Games visual theme and catalog refinements
 * Source: plugins/amazingfreebies-games/assets/lounge.css
 */

/* 3.5: exact approved metal pixels, moderate game boxes, solid readable type. */
:root {
  --af-button-metal: url('../../../themes/simpleasy/images/gaming/button-frame.webp')
}

body.af-redesign #page :is(.af-cta, .af-primary-button, button[type=submit], .af-header-search button) {
  border: 5px solid transparent !important;
  border-image: var(--af-button-metal) 5/5px stretch !important;
  border-radius: 0 !important;
  background: linear-gradient(#272b31, #0b0d11) !important;
  box-shadow: none !important;
  color: #e6e6e6 !important;
  text-shadow: none !important;
  font-weight: 700;
  min-height: 44px;
  line-height: 1.3
}

body.af-games {
  --af-main-width: clamp(900px, 64vw, 1200px);
  --af-ink: #CFD9E3;
  --af-muted: #CFD9E3;
  --af-link: #E4F3FF;
  --af-line: #72777d;
  --af-card: #101217;
  --af-surface: #090c10;
  --af-paper: #101217;
  --af-acid: #E4F3FF;
  --af-free: #8ad6ba;
  --af-discount: #f2be79;
  --af-price: #e6e6e6;
  --af-rack: url('../../../themes/simpleasy/images/gaming/rack-frame.webp');
  --af-card-rim: url('../../../themes/simpleasy/images/gaming/card-frame.webp');
  color: #e6e6e6;
  font-size: 17px;
  line-height: 1.55
}

body.af-games #page :is(h1, h2, h3, h4, p, a, span, strong, small, li, dt, dd, label, summary, select, input, button) {
  text-shadow: none !important
}

body.af-games #page :is(p, li, dt, dd, small, .af-store, .af-rating, .af-was, .af-card-meta, .af-facet legend, .af-section-note, .af-section-heading>span, .af-facet>summary>span, .af-attribution) {
  color: #e6e6e6 !important
}

body.af-games #page :is(h1, h2, h3, h4, a, label, summary) {
  color: var(--af-acid) !important
}

body.af-games #page :is(a, label, summary) {
  font-weight: 700
}

body.af-games #page :is(h1, h2, h3, h4) {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25
}

body.af-games #page h1 {
  font-size: clamp(28px, 2.5vw, 36px)
}

body.af-games #page h2,
body.af-games #page .af-section-heading h2 {
  font-size: 24px
}

body.af-games #page h3 {
  font-size: 21px
}

body.af-games #page .af-page-title {
  padding: 20px 12px 12px
}

body.af-games #page #primary.af-main-body {
  border: 28px solid transparent;
  border-image: var(--af-rack) 28/28px stretch repeat;
  padding: 20px 18px;
  background: #0c0f15 !important
}

body.af-games #page .af-brand-row {
  border: 1px solid #697078;
  border-radius: 0;
  background: #101216;
  position: relative;
  isolation: isolate
}

body.af-games .af-brand-row:before,
body.af-games .af-brand-row:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 16px;
  bottom: 16px;
  width: 24%;
  background: url('../../../themes/simpleasy/images/gaming/rack-vent.webp') center/auto 29px repeat-x;
  opacity: .9
}

body.af-games .af-brand-row:before {
  left: 18px
}

body.af-games .af-brand-row:after {
  right: 18px
}

body.af-games #page .af-game-filters {
  border: 1px solid #7c838b;
  box-shadow: inset 0 0 0 3px #050709;
  border-radius: 0;
  padding: 18px;
  margin: 20px 0 24px;
  background: #101318
}

body.af-games .af-filter-top,
body.af-games .af-filter-bottom {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: 14px
}

body.af-games .af-filter-bottom {
  margin-top: 18px
}

body.af-games #page .af-game-filters label {
  font-size: 16px;
  line-height: 1.5;
  gap: 6px
}

body.af-games #page .af-game-filters :is(input:not([type=checkbox]), select) {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  height: 48px;
  min-height: 48px;
  padding: 8px 10px;
  background: #090c10;
  color: #e6e6e6;
  border: 1px solid #89929b;
  font: 700 16px/1.3 Arial, sans-serif
}

body.af-games #page input::placeholder {
  color: #e6e6e6;
  opacity: .8
}

body.af-games .af-facet {
  align-self: end;
  min-width: 0
}

body.af-games #page .af-facet>summary {
  box-sizing: border-box;
  height: 48px;
  min-height: 48px;
  padding: 8px 10px;
  font-size: 16px;
  background: #191d22;
  border: 1px solid #89929b
}

body.af-games .af-facet>summary:after {
  color: #f2ce99
}

body.af-games #page .af-facet>summary>span {
  font-size: 14px
}

body.af-games .af-filter-bottom>button {
  grid-column: 1/3;
  justify-self: start;
  min-width: 180px
}

body.af-games .af-filter-bottom>a {
  grid-column: 3/5;
  justify-self: end;
  font-size: 17px;
  padding: 10px 4px
}

body.af-games #page .af-filter-help {
  font-size: 15px !important;
  line-height: 1.6;
  margin-top: 16px !important
}

body.af-games #page .af-facet-body {
  background: #111519;
  color: #e6e6e6;
  border: 1px solid #90979f;
  width: min(340px, 76vw)
}

body.af-games #page .af-facet-options>label {
  font-size: 16px;
  min-height: 40px;
  font-weight: 400
}

body.af-games #page .af-section-heading {
  padding: 14px;
  margin: 24px 0 16px;
  background: #171a1e;
  border: 1px solid #80868d;
  box-shadow: inset 0 0 0 3px #080a0e;
  gap: 16px;
  flex-wrap: wrap
}

body.af-games #page .af-section-heading>span {
  font-size: 15px
}

body.af-games #page :is(.af-shop-intro p, .af-section-note, .af-detail-summary, .af-game-description, .af-game-description p, .af-facts, .af-game-facts, .af-claim-steps, .af-game-details .af-requirements) {
  font-size: 17px;
  line-height: 1.65
}

body.af-games #page .af-shop-intro>a {
  font-size: 17px
}

body.af-games #page :is(.af-card-grid, .af-deal-list) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch
}

body.af-games #page :is(.af-card-grid>.af-offer-card, .af-card-grid>.af-offer-card:only-child, .af-game-sale-row) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  border: 10px solid transparent;
  border-image: var(--af-card-rim) 10/10px stretch;
  border-radius: 0;
  background: #101217 !important;
  gap: 0;
  overflow: visible
}

body.af-games #page :is(.af-cover-link, .af-sale-cover) {
  display: block;
  flex: none;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 16/9;
  background: #06080c;
  margin: 0;
  overflow: hidden
}

body.af-games #page :is(.af-cover-link, .af-sale-cover) .af-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: auto
}

body.af-games #page :is(.af-card-copy, .af-sale-copy) {
  padding: 12px 14px 4px;
  min-width: 0
}

body.af-games #page :is(.af-card-copy, .af-sale-copy) h3 {
  font-size: 21px !important;
  line-height: 1.35;
  margin: 0 0 8px;
  overflow-wrap: anywhere
}

body.af-games #page :is(.af-card-copy, .af-sale-copy) h3 a {
  font-size: inherit;
  color: #f2ce99 !important;
  text-decoration: none
}

body.af-games #page :is(.af-card-grid .af-store, .af-sale-copy p, .af-sale-copy small, .af-card-summary, .af-rating) {
  font-size: 15px;
  line-height: 1.55;
  margin: 5px 0
}

body.af-games #page .af-rating small {
  font-size: 13px
}

body.af-games #page :is(.af-price, .af-detail-price) {
  color: #f2ce99 !important;
  font-weight: 800;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: none !important
}

body.af-games #page .af-price {
  font-size: 25px !important
}

body.af-games #page .af-card-grid .af-card-action {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 4px 14px 16px;
  margin-top: auto
}

body.af-games #page .af-sale-price {
  text-align: left;
  padding: 4px 14px 8px;
  margin-top: auto;
  display: flex;
  gap: 12px;
  align-items: baseline;
  flex-wrap: wrap
}

body.af-games #page .af-sale-price>small {
  font-size: 15px
}

body.af-games #page .af-sale-price>small>span {
  color: #ffc56b
}

body.af-games #page .af-sale-action {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  gap: 10px;
  padding: 0 14px 16px
}

body.af-games #page :is(.af-card-grid .af-countdown, .af-was) {
  font-size: 15px
}

body.af-games #page .af-offers .af-cta {
  font-size: 17px !important;
  min-height: 46px;
  padding: 8px 14px;
  color: #f2ce99 !important;
  background: linear-gradient(#25282d, #0a0c10) !important;
  border: 5px solid transparent !important;
  border-image: var(--af-button-metal) 5/5px stretch !important;
  border-radius: 0 !important;
  box-shadow: none !important
}

body.af-games #page .af-offers .af-cta:hover {
  color: #fff0d9 !important;
  box-shadow: none !important;
  background: #30281f !important
}

body.af-games #page .af-details-link,
body.af-games #page .af-card-grid .af-card-action .af-details-link {
  display: inline-block;
  align-self: flex-start;
  color: #f2ce99 !important;
  font-size: 18px !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  padding: 6px 0;
  line-height: 1.5
}

body.af-games #page a:focus-visible,
body.af-games #page button:focus-visible,
body.af-games #page summary:focus-visible {
  outline: 2px solid #f2ce99;
  outline-offset: 4px
}

body.af-games #page .af-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(180px, 1fr);
  gap: 24px;
  align-items: start;
  padding: 18px;
  border: 10px solid transparent;
  border-image: var(--af-card-rim) 10/10px stretch;
  background: #101217 !important
}

body.af-games #page .af-detail-hero>.af-cover {
  width: 100%;
  height: auto !important;
  max-height: 460px;
  aspect-ratio: 16/9;
  object-fit: contain
}

body.af-games #page .af-detail-price {
  font-size: 34px
}

body.af-games #page .af-game-details :is(dl, p, li),
body.af-games #page .af-game-facts {
  font-size: 17px;
  line-height: 1.65
}

body.af-games #page .af-game-details h3 {
  font-size: 21px
}

body.af-games #page .af-detail-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px
}

body.af-games #page .af-detail-gallery img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: contain;
  max-height: none
}

body.af-games #page :is(.af-related-editions, .af-related-dlc) {
  padding: 18px;
  border: 1px solid #7c838b;
  background: #111419
}

body.af-games #page .af-related-offers {
  margin: 8px 0 18px
}

body.af-games #page :is(.af-attribution, .af-region-note, .af-store-atlas table, .af-store-atlas>p, .af-subscribe-area p, .af-subscribe-links a, .af-social-links a) {
  font-size: 15px;
  line-height: 1.6
}

/* A true alpha window in the foreground art; all city layers share one aperture. */
.af-room-half-right .af-room-art {
  mask: none;
  -webkit-mask: none
}

.af-room-half-right .af-city-view {
  left: 8.2%;
  top: 5.4%;
  width: 60.3%;
  height: 35.9%;
  overflow: hidden;
  background: #090c36
}

.af-city-view>span {
  position: absolute;
  inset: -12%;
  display: block;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  will-change: transform
}

.af-city-view>.af-city-far {
  background-image: url('../../../themes/simpleasy/images/gaming/lounge-city.webp')
}

.af-city-view>.af-city-mid {
  background-image: url('../../../themes/simpleasy/images/gaming/lounge-city-mid.webp')
}

.af-city-view>.af-city-near {
  background-image: url('../../../themes/simpleasy/images/gaming/lounge-city-near.webp')
}

@supports(animation-timeline:scroll(root block)) {
  .af-city-view>.af-city-far {
    animation: af-city-far-travel linear both;
    animation-timeline: scroll(root block)
  }

  .af-city-view>.af-city-mid {
    animation: af-city-mid-travel linear both;
    animation-timeline: scroll(root block)
  }

  .af-city-view>.af-city-near {
    animation: af-city-near-travel linear both;
    animation-timeline: scroll(root block)
  }
}

@keyframes af-city-far-travel {
  from {
    transform: translateY(-1%)
  }

  to {
    transform: translateY(1%)
  }
}

@keyframes af-city-mid-travel {
  from {
    transform: translateY(-2.5%)
  }

  to {
    transform: translateY(2.5%)
  }
}

@keyframes af-city-near-travel {
  from {
    transform: translateY(-4%)
  }

  to {
    transform: translateY(4%)
  }
}

.af-room-half-right .af-game-pet {
  left: 4%;
  top: 47.1%;
  width: 32%
}

.af-room-half-right .af-desk-mug {
  left: 82%;
  bottom: 12%;
  width: 49%
}

.af-high-traffic .af-city-view>.af-city-mid {
  background-image: url('../../../themes/simpleasy/images/gaming/compact/lounge-city-mid.webp')
}

.af-high-traffic .af-city-view>.af-city-near {
  background-image: url('../../../themes/simpleasy/images/gaming/compact/lounge-city-near.webp')
}

.af-high-traffic .af-city-view>span {
  animation: none !important;
  transform: none !important
}

@media(max-width:1400px) {
  body.af-games {
    --af-main-width: min(900px, 100%)
  }
}

@media(max-width:760px) {
  body.af-games #page #primary.af-main-body {
    border-width: 16px;
    border-image-width: 16px;
    padding: 16px 12px
  }

  body.af-games .af-filter-top,
  body.af-games .af-filter-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  body.af-games .af-filter-bottom>button {
    grid-column: 1;
    min-width: 0;
    width: 100%
  }

  body.af-games .af-filter-bottom>a {
    grid-column: 2
  }

  body.af-games #page .af-detail-hero {
    grid-template-columns: 1fr
  }

  body.af-games #page .af-detail-hero>.af-cover {
    max-height: none
  }

  body.af-games #page .af-detail-gallery {
    grid-template-columns: 1fr
  }

  body.af-games #page .af-game-facts {
    grid-template-columns: 1fr;
    gap: 4px
  }

  body.af-games #page .af-game-facts dd {
    margin-bottom: 14px
  }
}

@media(max-width:440px) {
  body.af-games #page #primary.af-main-body {
    border-width: 12px;
    border-image-width: 12px;
    padding: 14px 8px
  }

  body.af-games #page .af-game-filters {
    padding: 12px
  }

  body.af-games #page .af-game-filters label {
    font-size: 15px
  }

  body.af-games #page .af-game-filters :is(select, input:not([type=checkbox])) {
    font-size: 15px;
    padding: 7px
  }

  body.af-games #page h1 {
    font-size: 27px
  }

  body.af-games #page .af-section-heading h2 {
    font-size: 22px
  }
}

@media(prefers-reduced-motion:reduce) {
  .af-city-view>span {
    animation: none !important;
    transform: none !important
  }
}

body.af-games #page .af-offer-status {
  display: flex;
  align-items: baseline;
  gap: 10px 16px;
  flex-wrap: wrap;
  width: 100%;
  padding: 8px 0;
  line-height: 1.5
}

body.af-games #page .af-discount {
  color: #f2ce99 !important;
  font-size: 20px;
  font-weight: 800
}

body.af-games #page :is(.af-countdown, .af-deadline) {
  font-size: 15px !important;
  color: #e6e6e6 !important;
  display: block
}

body.af-games #page .af-sale-status {
  padding: 0 14px 8px
}

body.af-games #page .af-detail-hero .af-offer-status {
  margin: 12px 0
}

/* The brand fills its fixed-height slot without inflating navigation. */
body.af-games #page .af-brand-row {
  height: 86px;
  min-height: 0;
  box-sizing: border-box;
  padding: 6px 18px;
  border-width: 1px
}

body.af-games #page .af-site-logo {
  width: min(620px, 72%);
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center
}

body.af-games #page .af-site-logo img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 72px;
  object-fit: contain;
  object-position: center
}

body.af-games #page .af-nav-row {
  min-height: 54px;
  box-sizing: border-box
}

body.af-games #page #af-primary-nav>a,
body.af-games #page .af-more-menu>summary {
  border: 5px solid transparent;
  border-image: var(--af-button-metal) 5/5px stretch;
  border-radius: 0;
  box-shadow: none;
  color: #f2ce99 !important;
  padding: 5px 10px;
  line-height: 1.4;
  font-size: 16px
}

body.af-games #page #af-primary-nav>a[aria-current=page] {
  background: #30281f;
  border-image: var(--af-button-metal) 5/5px stretch;
  box-shadow: inset 0 -2px #f2ce99
}

body.af-games #page .af-header-search {
  height: 44px;
  max-width: 310px
}

body.af-games #page .af-header-search input {
  height: 44px;
  min-height: 44px;
  font-size: 15px;
  padding-right: 46px
}

body.af-games #page .af-header-search button {
  width: 42px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 24px
}

@media(max-width:600px) {
  body.af-games #page .af-brand-row {
    height: 68px;
    padding: 5px 12px
  }

  body.af-games #page .af-site-logo {
    width: calc(100% - 52px);
    height: 56px
  }

  body.af-games #page .af-site-logo img {
    max-height: 56px
  }

  body.af-games #page .af-nav-row {
    padding: 3px 12px 8px;
    min-height: 54px
  }

  body.af-games #page .af-header-search {
    width: 100%;
    max-width: none
  }
}

@media(orientation:landscape) and (max-height:500px) and (max-width:1400px) {
  body.af-games #af-site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 36%);
    align-items: center;
    padding: 3px 10px;
    gap: 12px
  }

  body.af-games #page .af-brand-row {
    width: 100%;
    height: 56px;
    padding: 0;
    border: 0;
    gap: 12px
  }

  body.af-games #page .af-site-logo {
    width: calc(100% - 52px);
    height: 50px
  }

  body.af-games #page .af-site-logo img {
    max-height: 50px
  }

  body.af-games #page .af-menu-button {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px
  }

  body.af-games #page .af-nav-row {
    width: 100%;
    padding: 0;
    min-height: 44px
  }

  body.af-games #page .af-header-search {
    width: 100%;
    max-width: none
  }

  body.af-games #page #af-primary-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100dvh - 62px);
    overflow: auto;
    padding: 10px;
    background: #101419;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px
  }

  body.af-games #page #af-primary-nav.is-open {
    display: grid
  }

  body.af-games .af-brand-row:before,
  body.af-games .af-brand-row:after {
    display: none
  }

  body.af-games #page .af-more-links {
    position: static;
    grid-template-columns: 1fr
  }
}

body.af-games #page .af-brand-row {
  padding-block: 0
}

body.af-games #page .af-site-logo,
body.af-games #page .af-site-logo img {
  height: 82px;
  max-height: 82px
}

body.af-games #page .af-game-sale-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start
}

body.af-games #page .af-game-sale-row>:is(.af-sale-cover, .af-sale-copy, .af-sale-action) {
  grid-column: 1/-1;
  grid-row: auto
}

body.af-games #page .af-game-sale-row>.af-sale-price {
  grid-column: 1;
  grid-row: auto;
  margin: 0;
  align-self: center;
  padding: 8px 14px
}

body.af-games #page .af-game-sale-row>.af-sale-status {
  grid-column: 2;
  grid-row: auto;
  padding: 8px 14px
}

body.af-games #page .af-game-sale-row>.af-sale-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 8px
}

body.af-games #page .af-card-grid .af-card-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 6px 12px
}

body.af-games #page .af-card-grid .af-card-action>.af-price {
  grid-column: 1;
  grid-row: 1
}

body.af-games #page .af-card-grid .af-card-action>.af-cta {
  grid-column: 2;
  grid-row: 1
}

body.af-games #page .af-card-grid .af-card-action>:is(.af-offer-status, .af-details-link) {
  grid-column: 1/-1;
  grid-row: auto
}

@media(max-width:600px) {

  body.af-games #page .af-site-logo,
  body.af-games #page .af-site-logo img {
    height: 62px;
    max-height: 62px
  }
}

@media(orientation:landscape) and (max-height:500px) and (max-width:1400px) {

  body.af-games #page .af-site-logo,
  body.af-games #page .af-site-logo img {
    height: 54px;
    max-height: 54px
  }
}

/* Match card footprint to the available content width, including short landscape. */
body.af-games #page .af-card-grid:has(>.af-offer-card:only-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

body.af-games #page :is(.af-card-action, .af-sale-action)>.af-cta {
  margin-top: 0
}

body.af-games #page .af-offers {
  --af-purple: #f2ce99
}

body.af-games #page .af-section-heading h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: 0
}

body.af-games #page .af-offer-detail .af-detail-price {
  color: #f2ce99 !important;
  font-size: 34px !important
}

body.af-redesign #page :is(.af-pagination a, .af-menu-button) {
  border: 5px solid transparent !important;
  border-image: var(--af-button-metal) 5/5px stretch !important;
  border-radius: 0 !important;
  background: linear-gradient(#272b31, #0b0d11) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #e6e6e6 !important;
  line-height: 1.3
}

body.af-games #page :is(.af-pagination a, .af-menu-button) {
  color: #f2ce99 !important;
  font-weight: 700
}

body.af-games #page .af-pagination a {
  font-size: 17px;
  min-height: 44px;
  padding: 8px 14px
}

body.af-redesign #page #primary.af-main-body .af-pagination a {
  border: 5px solid transparent !important;
  border-image: var(--af-button-metal) 5/5px stretch !important;
  border-radius: 0 !important;
  background: linear-gradient(#272b31, #0b0d11) !important;
  box-shadow: none !important;
  color: #e6e6e6 !important;
  text-shadow: none !important
}

body.af-games #page #primary.af-main-body .af-pagination a {
  color: #f2ce99 !important
}

/* Values carry distinct meanings; lettering stays solid with no glow. */
body.af-games #page :is(.af-price, .af-detail-price),
body.af-games #page .af-offer-detail .af-detail-price {
  color: var(--af-price) !important
}

body.af-games #page .af-discount.af-is-discount {
  color: var(--af-discount) !important
}

body.af-games #page :is(.af-price.af-is-free, .af-discount.af-is-free, .af-badge-free),
body.af-games #page .af-offer-detail .af-detail-price.af-is-free {
  color: var(--af-free) !important
}

body.af-games #page .af-discount.af-status-unknown {
  color: var(--af-ink) !important;
  font-size: 16px
}

body.af-games #page .af-badge {
  background: #292318;
  color: var(--af-discount) !important;
  border: 1px solid #776340
}

body.af-games #page .af-badge-free {
  background: #19281c;
  color: var(--af-free) !important;
  border-color: #527150
}

/* A brief meteor crosses behind the buildings once per minute. */
.af-city-view>.af-shooting-star {
  position: absolute;
  left: 10%;
  top: 7%;
  width: 26%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #b7c2ec 70%, #fff);
  border-radius: 50%;
  opacity: 0;
  transform: rotate(25deg);
  transform-origin: right center;
  animation: af-shooting-star 60s linear infinite;
  pointer-events: none
}

@keyframes af-shooting-star {

  0%,
  96% {
    left: 10%;
    top: 7%;
    opacity: 0
  }

  97% {
    left: 12%;
    top: 8%;
    opacity: 1
  }

  99.5% {
    left: 85%;
    top: 35%;
    opacity: 1
  }

  100% {
    left: 91%;
    top: 38%;
    opacity: 0
  }
}

.af-high-traffic .af-city-view>.af-shooting-star {
  display: none
}

@media(prefers-reduced-motion:reduce) {
  .af-city-view>.af-shooting-star {
    display: none;
    animation: none
  }
}

body.af-games #page .af-subscribe-area {
  border: 10px solid transparent;
  border-image: var(--af-card-rim) 10/10px stretch
}

body.af-games #page .af-subscribe-area h2 {
  font-size: 20px
}

body.af-games #page :is(.af-subscribe-links a, .af-reader-links a) {
  border: 5px solid transparent;
  border-image: var(--af-button-metal) 5/5px stretch;
  background: linear-gradient(#25282d, #0a0c10);
  font-size: 14px;
  line-height: 1.35;
  min-height: 40px
}

body.af-games #page .af-social-links .af-social-destination {
  font-size: 12px;
  line-height: 1.3
}

body.af-games #page .af-social-links .af-social-unavailable small {
  font-size: 10px
}

/* Offer card follows actual content width; prose resumes full width below the card. */
body.af-games #page .af-game-detail-flow {
  display: flow-root
}

body.af-games #page .af-game-detail-flow>.af-detail-hero {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  margin: 0 0 24px;
  min-width: 0
}

body.af-games #page .af-game-detail-flow .af-game-facts {
  display: block;
  margin: 20px 0
}

body.af-games #page .af-game-detail-flow .af-game-facts dt {
  margin-top: 12px;
  color: #f4e7d0
}

body.af-games #page .af-game-detail-flow .af-game-facts dd {
  margin: 2px 0 12px
}

body.af-games #page .af-game-trailers {
  clear: both;
  margin: 28px 0;
  padding-top: 22px;
  border-top: 1px solid var(--af-line)
}

.af-trailer {
  margin: 0 0 24px
}

.af-trailer :is(video, iframe) {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  border: 0;
  background: #06080c;
  object-fit: contain
}

.af-trailer figcaption {
  padding: 12px 0
}

.af-trailer-link {
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px
}

body.af-games #page :is(.af-requirements, .af-detail-gallery, .af-related-editions, .af-related-dlc) {
  clear: both
}

@container(min-width:780px) {
  body.af-games #page .af-game-detail-flow>.af-detail-hero {
    float: right;
    width: 36%;
    max-width: 380px;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 0 0 24px 28px;
    padding: 12px
  }

  body.af-games #page .af-game-detail-flow>.af-detail-hero .af-detail-price {
    font-size: 30px !important
  }
}

@container(max-width:540px) {
  body.af-games #page .af-game-detail-flow>.af-detail-hero {
    grid-template-columns: 1fr;
    padding: 12px
  }
}

/* Four captured fasteners: each head, slot and hole shares one flange center. */
body.af-games {
  --af-rack: url('../../../themes/simpleasy/images/gaming/rack-frame-v360.svg')
}

body.af-games #page #primary.af-main-body {
  border-image: var(--af-rack) 32/1 stretch
}

/* Card content follows its actual height: store identity and both ratings can wrap. */
body.af-games #page :is(.af-card-copy, .af-sale-copy) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 15px;
  flex: 1;
  min-width: 0
}

body.af-games #page :is(.af-card-copy, .af-sale-copy)>* {
  min-width: 0;
  margin: 0;
  flex-shrink: 0
}

body.af-games #page :is(.af-card-copy, .af-sale-copy)>h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 2.7em
}

body.af-games #page :is(.af-card-copy, .af-sale-copy)>.af-card-summary {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.65em;
  overflow-wrap: anywhere
}

body.af-games #page :is(.af-card-copy>.af-disclosure, .af-sale-copy>small) {
  font-size: 15px;
  line-height: 1.55
}

body.af-games #page .af-game-sale-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto 1fr auto auto
}

body.af-games #page .af-game-sale-row>.af-sale-price {
  grid-row: 3;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 4px
}

body.af-games #page .af-game-sale-row>.af-sale-status {
  grid-row: 3;
  align-self: start;
  min-width: 0
}

body.af-games #page .af-game-sale-row>.af-sale-action {
  grid-row: 4;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: stretch
}

body.af-games #page .af-card-grid .af-card-action {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: stretch
}

body.af-games #page :is(.af-card-action, .af-sale-status) .af-offer-status {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 15px;
  line-height: 1.55
}

body.af-games #page :is(.af-card-action, .af-sale-status) :is(.af-countdown, .af-deadline) {
  display: block;
  overflow-wrap: anywhere
}

body.af-games #page :is(.af-card-action, .af-sale-action)>.af-cta {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  white-space: normal;
  line-height: 1.4
}

body.af-games #page :is(.af-card-action, .af-sale-action)>.af-details-link {
  align-self: start;
  margin: 0
}

/* 3.7.6: approved Ice Blue palette. Financial status colors keep their meaning. */
body.af-games #page :is(p, li, dt, dd, small, .af-store, .af-rating, .af-was, .af-card-meta, .af-countdown, .af-deadline) {
  color: #CFD9E3 !important
}

body.af-games #page :is(.af-card-copy, .af-sale-copy) h3 a,
body.af-games #page :is(.af-details-link, .af-card-grid .af-card-action .af-details-link, .af-offers .af-cta, .af-trailer-link, .af-rating a, .af-attribution a),
body.af-games #page #primary.af-main-body .af-pagination a,
body.af-games #page :is(#af-primary-nav>a, .af-more-menu>summary) {
  color: #E4F3FF !important
}

body.af-games #page .af-offers {
  --af-purple: #E4F3FF
}

body.af-games #page .af-offers .af-cta:hover {
  color: #FFFFFF !important
}

body.af-games #page :is(a, button, summary):focus-visible {
  outline-color: #E4F3FF
}

/* Games launch polish: content-only; preserve approved room geometry and animation. */
body.af-games #page .af-game-shop {
  container-type: inline-size;
}

body.af-games #page :is(.af-card-grid, .af-deal-list) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.af-games #page .af-store-identity {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
  font-weight: 600;
}

body.af-games #page .af-store-logo {
  width: 32px;
  height: 24px;
  object-fit: contain;
  flex: none;
}

body.af-games #page .af-activation {
  display: block;
  font-size: .85rem;
  font-weight: 400;
}

body.af-games #page .af-game-back {
  display: inline-block;
  margin: 0 0 1rem;
  font-size: .9rem;
}

body.af-games #page .af-rating {
  display: block;
  max-height: none;
  overflow: visible;
  font-size: .88rem;
}

body.af-games #page .af-rating-row {
  display: block;
  margin: 0 0 .5rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

body.af-games #page .af-rating-row:last-child {
  margin-bottom: 0;
}

body.af-games #page .af-unrated {
  opacity: .8;
}

body.af-games #page .af-game-ended {
  border: 2px solid #b96529;
  padding: 1rem;
  border-radius: .5rem;
  background: rgba(160, 76, 12, .12);
  font-weight: 600;
}

body.af-games #page .af-facet-zero {
  opacity: .5;
  order: 2;
}

body.af-games #page .af-facet-options {
  display: flex;
  flex-direction: column;
}

body.af-games #page .af-facet-options>label {
  flex-shrink: 0;
}

/* Equal columns keep all six primary filters the same width and 48px height. */
body.af-games #page .af-filter-bottom {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  align-items: start
}

body.af-games #page .af-filter-bottom>:is(.af-facet, label) {
  min-width: 0;
  width: 100%;
  align-self: start
}

body.af-games #page .af-filter-bottom>button {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  white-space: normal
}

body.af-games #page .af-filter-bottom>a {
  grid-column: 2;
  min-width: 0;
  justify-self: start;
  align-self: center;
  margin: 0;
  padding: 8px 4px
}

body.af-games #page .af-game-filters .af-filter-bottom>label {
  display: block;
  box-sizing: border-box;
  height: 48px;
  min-height: 48px;
  padding: 3px 10px;
  border: 1px solid #6f8192;
  border-radius: 4px;
  background: #101418;
  font: 400 12px/14px Arial, sans-serif
}

body.af-games #page .af-game-filters .af-filter-bottom>label>:is(input, select) {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  font: 400 16px/26px Arial, sans-serif !important
}

@container (min-width: 960px) {
  body.af-games #page .af-filter-bottom {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }
}

@container (max-width: 620px) {
  body.af-games #page .af-filter-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:620px) {
  body.af-games #page .af-filter-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

body.af-games #page .af-gameplay {
  margin: 1.5rem 0;
}

body.af-games #page .af-gameplay iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  border: 0;
}

body.af-games #page .af-pages {
  display: flex;
  gap: 1rem;
  margin: 1rem 0;
}

body.af-games #page [hidden] {
  display: none !important;
}

@container (max-width: 620px) {
  body.af-games #page :is(.af-card-grid, .af-deal-list) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media(max-width:620px) {
  body.af-games #page :is(.af-card-grid, .af-deal-list) {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* 07. Social and follow controls
 * Source: themes/simpleasy/assets/styles/compact-follow.css
 */

/* One bounded footer region inside #content. Dropdowns participate in layout. */
body.af-redesign #page #primary>.af-subscribe-area {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 14px;
  width: auto;
  max-width: 100%;
  margin: 24px 0 0;
  padding: 14px 0 0;
  border: 0;
  border-top: 1px solid var(--af-line, #7776);
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: left;
  font-size: 13px;
  box-sizing: border-box
}

.af-subscribe-area>strong {
  font-size: 13px;
  white-space: nowrap
}

.af-follow-options {
  display: flex;
  flex: 1 1 210px;
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: start
}

.af-follow-profiles,
.af-feed-services {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 6px;
  min-width: 0;
  max-width: 100%
}

.af-follow-profile,
.af-feed-service>summary {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 36px;
  padding: 6px 9px;
  border: 1px solid #8887;
  border-radius: 5px;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer
}

.af-feed-service {
  min-width: 0;
  max-width: 100%
}

.af-feed-service>summary {
  list-style: none
}

.af-feed-service>summary::-webkit-details-marker {
  display: none
}

.af-feed-service>summary::after {
  content: '⌄';
  font-size: 12px
}

.af-feed-service[open] {
  flex-basis: 100%
}

.af-feed-service[open]>summary::after {
  content: '⌃'
}

.af-feed-icon {
  flex: none
}

.af-feed-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin: 8px 0 0;
  padding: 10px;
  max-width: 100%;
  border: 1px solid #8885;
  border-radius: 5px;
  background: transparent
}

.af-feed-picker fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  flex: 1 1 210px
}

.af-feed-picker legend {
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 6px
}

.af-feed-picker label {
  display: flex;
  align-items: start;
  gap: 6px;
  font-size: 13px;
  line-height: 1.4;
  margin: 5px 0;
  overflow-wrap: anywhere
}

.af-feed-picker input {
  flex: none;
  margin-top: 3px
}

.af-feed-picker button {
  border: 1px solid #8889;
  border-radius: 4px;
  min-height: 36px;
  padding: 7px 12px;
  font: inherit;
  color: inherit;
  background: transparent;
  cursor: pointer
}

.af-follow-profile:focus-visible,
.af-feed-service>summary:focus-visible,
.af-feed-picker button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px
}

body.af-redesign #page #primary>.af-site-footnote {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 12px 0 20px;
  background: none;
  box-shadow: none;
  border: 0;
  font-size: 11px;
  overflow-wrap: anywhere
}

.af-site-footnote>span {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}

body.af-redesign #page #primary>.af-subscribe-area {
  border-image: none
}

body.af-redesign #page #primary .af-feed-picker button[type=submit] {
  border: 1px solid #8889 !important;
  border-image: none !important;
  background: transparent !important;
  color: inherit !important;
  border-radius: 4px !important;
  min-height: 36px;
  padding: 7px 12px;
  box-shadow: none !important
}

/* Search stays within the input instead of inheriting tall framed action buttons. */
body.af-redesign #page .af-header-search {
  height: 40px;
  min-width: 0
}

body.af-redesign #page .af-header-search input {
  height: 100%;
  min-width: 0;
  padding-right: 38px;
  box-sizing: border-box
}

body.af-redesign #page .af-header-search button {
  display: grid;
  place-items: center;
  min-height: 0 !important;
  height: 100%;
  width: 36px;
  padding: 0 !important;
  border: 0 !important;
  border-image: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #30251e !important;
  box-shadow: none !important
}

body.af-redesign.af-games #page .af-header-search button {
  color: #f2ce99 !important
}

body.af-redesign #page .af-header-search button svg {
  display: block;
  width: 19px;
  height: 19px
}


/* 08. Games room layers, parallax, weather, TV, Lilly and gadgets
 * Source: themes/simpleasy/assets/styles/immersive-room.css
 */

/* 3.7.3: unified camera and depth-correct city motion; one image scale and source-coordinate overlays; no detached CSS panels. */
/* 01 — Room frame and shared source coordinates */
body.af-games .af-scene-stage {
  display: block;
  background: #0c0f15
}

body.af-games #content {
  width: min(1100px, 100%);
  min-width: 0;
  margin: 0 auto
}

.af-room-rail {
  display: none;
  position: sticky;
  top: var(--af-header-height);
  grid-row: 1;
  min-width: 0;
  width: 100%;
  height: calc(100svh - var(--af-header-height));
  max-height: none;
  overflow: clip;
  align-self: start;
  margin: 0;
  isolation: isolate
}

.af-room-rail-left {
  grid-column: 1
}

.af-room-rail-right {
  grid-column: 3
}

.af-room-rail .af-room-scene {
  transform: translateY(var(--room-shift, 0px))
}

.af-room-scene {
  position: relative;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  isolation: isolate
}

.af-room-scene>.af-room-svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  overflow: hidden
}

body.af-games #page .af-room-inline {
  display: block;
  margin: 0;
  width: 100%;
  max-width: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: none;
  overflow: hidden
}

.af-room-inline figcaption {
  padding: 8px 0;
  color: var(--af-muted);
  font: 12px/1.5 system-ui, sans-serif
}

.af-room-motion {
  font: 12px/1.4 system-ui, sans-serif !important;
  padding: 5px 8px !important;
  min-height: 32px;
  color: var(--af-muted) !important;
  background: transparent !important;
  border: 1px solid var(--af-line) !important;
  border-radius: 4px !important;
  margin: 14px 0 0;
  cursor: pointer
}

/* 02 — Interactive hit areas and decorative layers */
.af-room-scene .hit {
  outline: none;
  fill: transparent;
  stroke: none;
  cursor: pointer;
  pointer-events: all
}

.af-room-scene .hit:focus-visible {
  fill: #b0edff26
}

.af-room-scene .decor,
.af-room-scene .room-pet {
  pointer-events: none
}

/* 03 — Window weather, sky and ambient motion */
.af-room-scene .rain,
.af-room-scene .aurora,
.af-room-scene .ships {
  display: none
}

[data-room-weather=rain] .af-room-scene .rain,
[data-room-weather=aurora] .af-room-scene .aurora,
[data-room-ships=true] .af-room-scene .ships {
  display: block
}

.af-room-scene .rain-sheet {
  animation: af-room-downpour 1.35s linear infinite;
  will-change: transform
}

.af-room-scene .rain-middle {
  animation-duration: .92s;
  animation-delay: -.31s
}

.af-room-scene .rain-front {
  animation-duration: .68s;
  animation-delay: -.43s
}

.af-room-scene .glass-water {
  animation: af-room-water 5s ease-in-out infinite alternate
}

.af-room-scene .aurora-curtain {
  animation: af-room-curtain 12s ease-in-out infinite alternate;
  transform-origin: 670px 150px;
  opacity: .86
}

.af-room-scene .aurora-curtain.secondary {
  animation-duration: 17s;
  animation-delay: -7s;
  opacity: .65
}

.af-room-scene .aurora-rays {
  animation: af-room-rays 7s ease-in-out infinite alternate;
  opacity: .6
}

.af-room-scene .aurora-edge {
  animation: af-room-radiance 5s ease-in-out infinite alternate
}

.af-room-scene .ship-flight {
  animation: af-room-flight 14s linear infinite;
  animation-delay: -3s
}

.af-room-scene .ship-flight.second {
  animation-duration: 19s;
  animation-delay: -9s
}

.af-room-scene .star {
  animation: af-room-twinkle 7s ease-in-out infinite;
  animation-delay: var(--delay, 0s)
}

.af-room-scene .meteor {
  animation: af-room-meteor 17s linear infinite;
  opacity: 0
}

.af-room-scene .meteor.second {
  animation-duration: 23s;
  animation-delay: -9s
}

.af-room-scene .dust {
  animation: af-room-dust 17s ease-in-out infinite alternate;
  animation-delay: var(--delay, 0s);
  opacity: .2
}

.af-room-scene .light-wash {
  animation: af-room-light 13s ease-in-out infinite alternate
}

/* 04 — Lamp states */
.af-room-scene .lantern-glow,
.af-room-scene .desk-glow {
  transition: opacity .35s
}

.af-room-scene .lantern-off,
.af-room-scene .desk-off {
  opacity: 0;
  transition: opacity .35s
}

.room-lantern-off .af-room-scene .lantern-glow,
.room-desk-off .af-room-scene .desk-glow {
  opacity: 0
}

.room-lantern-off .af-room-scene .lantern-off,
.room-desk-off .af-room-scene .desk-off {
  opacity: 1
}

/* 05 — TV channel changes, static and screen effects */
.af-room-scene .tv-static {
  opacity: 0
}

.room-changing .af-room-scene .tv-static {
  animation: af-room-tune .38s ease-out both
}

.af-room-scene .static-grain {
  animation: none;
  image-rendering: pixelated
}

.room-changing .af-room-scene .static-grain {
  animation: af-room-snow .30s steps(1, end) infinite
}

.af-room-scene .scanlines {
  opacity: .16
}

.af-room-scene .glass {
  opacity: .07
}

.af-room-scene .equalizer {
  animation: af-room-eq 3.3s steps(8, end) infinite alternate;
  transform-origin: 0 933px
}

.af-room-scene .equalizer:nth-child(even) {
  animation-delay: -1s;
  animation-duration: 2.5s
}

/* 06 — Lilly / kitty, mug and fall states */
.af-room-scene .lilly-frame {
  image-rendering: auto
}

.af-room-scene .floor-mug {
  opacity: 0
}

.room-mug-fallen .af-room-scene .floor-mug {
  opacity: 1
}

.room-mug-fallen .af-room-scene .room-mug {
  opacity: 0
}

.room-mug-falling .af-room-scene .mug-motion {
  animation: af-room-mug .7s ease-in both;
  transform-box: view-box;
  transform-origin: 0 0
}

/* 07 — Pause, offscreen and calm-motion controls */
.room-paused .af-room-scene *,
.af-room-scene.out-of-view *,
.room-tab-hidden .af-room-scene * {
  animation-play-state: paused !important
}

.room-calm .af-room-scene .rain-sheet,
.room-calm .af-room-scene .glass-water,
.room-calm .af-room-scene .dust,
.room-calm .af-room-scene .star,
.room-calm .af-room-scene .light-wash,
.room-calm .af-room-scene .aurora-curtain,
.room-calm .af-room-scene .aurora-rays,
.room-calm .af-room-scene .aurora-edge,
.room-calm .af-room-scene .equalizer {
  animation: none !important
}

.room-calm .af-room-scene .ships,
.room-calm .af-room-scene .meteor,
.room-calm .af-room-scene .tv-static {
  display: none !important
}

.room-calm .af-room-scene .rain-sheet {
  opacity: .35
}

/* 08 — Room animation keyframes */
@keyframes af-room-downpour {
  from {
    transform: translateY(0)
  }

  to {
    transform: translateY(560px)
  }
}

@keyframes af-room-water {
  from {
    opacity: .13
  }

  to {
    opacity: .3
  }
}

@keyframes af-room-curtain {
  from {
    transform: translate(-12px, -5px) skewX(-5deg) scaleY(.92);
    opacity: .66
  }

  to {
    transform: translate(12px, 8px) skewX(5deg) scaleY(1.08);
    opacity: .92
  }
}

@keyframes af-room-rays {
  from {
    transform: translateX(-8px);
    opacity: .32
  }

  to {
    transform: translateX(9px);
    opacity: .7
  }
}

@keyframes af-room-radiance {
  from {
    opacity: .45
  }

  to {
    opacity: .9
  }
}

@keyframes af-room-flight {
  from {
    transform: translate(440px, 0)
  }

  to {
    transform: translate(880px, 0)
  }
}

@keyframes af-room-twinkle {

  0%,
  100% {
    opacity: .15
  }

  50% {
    opacity: .75
  }
}

@keyframes af-room-meteor {

  0%,
  76% {
    opacity: 0;
    transform: translate(0, 0)
  }

  78% {
    opacity: .8
  }

  88%,
  100% {
    opacity: 0;
    transform: translate(-150px, 100px)
  }
}

@keyframes af-room-dust {
  from {
    transform: translate(0, 0);
    opacity: .1
  }

  to {
    transform: translate(10px, -18px);
    opacity: .3
  }
}

@keyframes af-room-light {
  from {
    opacity: .12
  }

  to {
    opacity: .28
  }
}

@keyframes af-room-eq {
  from {
    transform: scaleY(.4)
  }

  to {
    transform: scaleY(1)
  }
}

@keyframes af-room-tune {
  0% {
    opacity: 0
  }

  16% {
    opacity: .94
  }

  34% {
    opacity: .88
  }

  58% {
    opacity: .55
  }

  100% {
    opacity: 0
  }
}

@keyframes af-room-snow {

  0%,
  100% {
    transform: translate(-13px, 7px)
  }

  16% {
    transform: translate(7px, -11px)
  }

  33% {
    transform: translate(2px, 5px)
  }

  50% {
    transform: translate(-7px, -4px)
  }

  66% {
    transform: translate(13px, 10px)
  }

  83% {
    transform: translate(-3px, -12px)
  }
}

@keyframes af-room-mug {
  0% {
    transform: translate(0, 0) rotate(0)
  }

  30% {
    transform: translate(17px, 15px) rotate(35deg)
  }

  100% {
    transform: translate(37px, 278px) rotate(75deg)
  }
}

/* 09 — Inline mobile view and desktop artwork rails */
body.af-games #page .af-room-after {
  display: none
}

@media(orientation:portrait), (max-width:1279px) {
  body.af-games #page .af-room-before {
    display: none
  }

  body.af-games #page .af-room-after {
    display: block
  }
}

/* Keep the source scale equal on both rails and tall enough to fill their viewport. */
@media(min-width:1280px) and (min-aspect-ratio:3/2) {
  body.af-games {
    --af-main-width: min(clamp(760px, 64vw, 1200px), calc(100vw - (100svh - var(--af-header-height))*83/92))
  }

  body.af-games .af-scene-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--af-main-width)) minmax(0, 1fr);
    align-items: start;
    gap: 0
  }

  body.af-games #content {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    margin: 0
  }

  .af-room-rail {
    display: block
  }

  body.af-games #page .af-room-inline {
    display: none
  }
}

@media(prefers-reduced-motion:reduce) {
  .af-room-scene * {
    animation: none !important;
    transition: none !important
  }

  .af-room-scene .ships,
  .af-room-scene .meteor,
  .af-room-scene .tv-static {
    display: none !important
  }
}

/* 10 — City depth layers behind the transparent window */
/* Retained pixel-art city layers sit behind the foreground's window aperture. */
.af-room-scene .city-layer {
  pointer-events: none;
  will-change: transform
}

.af-room-scene .city-layer image {
  image-rendering: pixelated
}

@media(prefers-reduced-motion:reduce) {
  .af-room-scene .city-layer {
    will-change: auto
  }
}

/* 11 — Gadget power states, feedback and animation keyframes */
/* Localized device feedback; artwork and TV contents retain their original geometry. */
.af-room-scene .gadget-effects {
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s
}

.af-room-scene .gadget-effects.is-powered {
  opacity: 1
}

.af-room-scene .gadget-effects:not(.is-powered) * {
  animation-play-state: paused !important
}

.af-room-scene .gadget-rotor {
  transform-box: fill-box;
  transform-origin: center;
  animation: af-device-spin 2.8s linear infinite
}

.af-room-scene .gadget-led {
  animation: af-device-led 2.4s ease-in-out infinite;
  animation-delay: var(--device-delay, 0s)
}

.af-room-scene .gadget-trace {
  animation: af-device-flow 1.8s linear infinite
}

.af-room-scene .gadget-pulse,
.af-room-scene .gadget-sweep {
  animation: af-device-led 3.4s ease-in-out infinite
}

.af-room-scene .gadget-meter {
  animation: af-device-level 1.9s ease-in-out infinite alternate;
  animation-delay: var(--device-delay, 0s);
  transform-box: fill-box;
  transform-origin: bottom
}

.af-room-scene .gadget-boot-scan {
  opacity: 0
}

.af-room-scene .is-booting .gadget-boot-scan {
  animation: af-device-boot 1.1s ease-out both
}

.af-room-scene .is-booting .gadget-rotor {
  animation-duration: 1.2s
}

@keyframes af-device-spin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes af-device-led {

  0%,
  100% {
    opacity: .28
  }

  50% {
    opacity: 1
  }
}

@keyframes af-device-flow {
  to {
    stroke-dashoffset: -34
  }
}

@keyframes af-device-level {
  from {
    transform: scaleY(.3)
  }

  to {
    transform: scaleY(1)
  }
}

@keyframes af-device-boot {
  0% {
    transform: translateY(0);
    opacity: 0
  }

  15% {
    opacity: .45
  }

  90% {
    opacity: .3
  }

  100% {
    transform: translateY(105px);
    opacity: 0
  }
}

.room-calm .af-room-scene .gadget-effects * {
  animation: none !important;
  transition: none !important
}

@media(prefers-reduced-motion:reduce) {
  .af-room-scene .gadget-effects * {
    animation: none !important;
    transition: none !important
  }
}

/* 12 — Four-frame storm atlas and weather-screen states */
/* The generated cloud/bolt atlas supplies storm artwork; JS selects its four frames. */
.af-room-scene .storm-clouds,
.af-room-scene .weather-storm {
  display: none;
  pointer-events: none
}

[data-room-weather=rain] .af-room-scene .storm-clouds,
[data-room-weather=rain] .af-room-scene .weather-storm {
  display: block
}

[data-room-weather=rain] .af-room-scene [data-gadget-visual=tablet] .gadget-trace {
  opacity: 0
}

.af-room-scene .city-layer .storm-frame {
  image-rendering: auto
}


/* 09. Compact header and navigation overrides
 * Source: themes/simpleasy/assets/styles/compact-header.css
 */

/* One compact header contract, loaded after the original theme and games skin. */
body.af-redesign #page #af-site-header {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 7px max(16px, calc((100% - 1480px)/2));
  background: #563925;
  border: 0;
  border-bottom: 1px solid #9d795a;
  box-shadow: 0 2px 6px #0003;
  min-height: 0;
}

body.af-games #page #af-site-header {
  background: #11151c;
  border-bottom-color: #3d4855;
  box-shadow: 0 2px 6px #0005
}

body.af-redesign #page #af-site-header .af-brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.af-redesign #page #af-site-header .af-brand-row::before,
body.af-redesign #page #af-site-header .af-brand-row::after {
  content: none;
  display: none
}

body.af-redesign #page #af-site-header .af-site-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 240px;
  width: 240px;
  max-width: 100%;
  height: 50px;
  min-width: 0;
}

body.af-redesign #page #af-site-header .af-site-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}

body.af-redesign #page #af-site-header .af-nav-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  gap: 12px;
}

body.af-redesign #page #af-site-header #af-primary-nav {
  gap: 2px;
  flex: none
}

body.af-redesign #page #af-site-header #af-primary-nav>a,
body.af-redesign #page #af-site-header .af-more-menu>summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.35;
  border: 0;
  border-image: none;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
}

body.af-redesign #page #af-site-header #af-primary-nav>a[aria-current=page] {
  background: #ffffff12;
  box-shadow: inset 0 -2px #e8b090
}

body.af-redesign #page #af-site-header #af-primary-nav>a::after {
  display: none
}

body.af-redesign #page #af-site-header .af-header-search {
  flex: 1 1 180px;
  width: auto;
  min-width: 110px;
  max-width: 250px;
  height: 38px;
}

body.af-redesign #page #af-site-header .af-header-search input {
  width: 100%;
  height: 38px;
  min-height: 38px;
  padding: 6px 38px 6px 10px;
  border: 1px solid #ab927d;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.3;
}

body.af-games #page #af-site-header .af-header-search input {
  background: #20262e;
  color: #eee;
  border-color: #5b626b
}

body.af-redesign #page #af-site-header .af-header-search button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 38px;
  min-height: 0;
  padding: 0;
  border: 0 !important;
  border-image: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #493527 !important;
}

body.af-games #page #af-site-header .af-header-search button {
  color: #ead4b6 !important
}

body.af-redesign #page #af-site-header .af-theme-button,
body.af-redesign #page #af-site-header .af-menu-button {
  flex: none;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border: 0 !important;
  border-image: none !important;
  border-radius: 4px !important;
  background: #ffffff0d !important;
  box-shadow: none !important;
  line-height: 1;
  font-size: 23px;
}

body.af-redesign #page #af-site-header .af-menu-button {
  display: none
}

body.af-redesign #page #af-site-header .af-more-links {
  font-size: 14px
}

@media(max-width:1199px) {
  body.af-redesign #page #af-site-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 5px 14px 7px
  }

  body.af-redesign #page #af-site-header .af-brand-row {
    justify-content: center
  }

  body.af-redesign #page #af-site-header .af-site-logo {
    height: 42px;
    flex-basis: 230px;
    width: 230px
  }

  body.af-redesign #page #af-site-header .af-site-logo img {
    max-height: 42px
  }

  body.af-redesign #page #af-site-header .af-nav-row {
    justify-content: center;
    gap: 9px
  }
}

@media(max-width:900px) {
  body.af-redesign #page #af-site-header .af-brand-row {
    justify-content: space-between
  }

  body.af-redesign #page #af-site-header .af-menu-button {
    display: block
  }

  body.af-redesign #page #af-site-header #af-primary-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100dvh - var(--af-header-height) - 12px);
    overflow: auto;
    padding: 10px 14px;
    background: #563925;
    box-shadow: 0 4px 8px #0003;
    border: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body.af-games #page #af-site-header #af-primary-nav {
    background: #161c25
  }

  body.af-redesign #page #af-site-header #af-primary-nav.is-open {
    display: grid
  }

  body.af-redesign #page #af-site-header #af-primary-nav>a {
    justify-content: center;
    white-space: normal
  }

  body.af-redesign #page #af-site-header .af-more-menu {
    grid-column: 1/-1
  }

  body.af-redesign #page #af-site-header .af-more-menu>summary {
    justify-content: center
  }

  body.af-redesign #page #af-site-header .af-more-links {
    position: static;
    min-width: 0;
    max-height: none;
    box-shadow: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px
  }

  body.af-redesign #page #af-site-header .af-more-links>a {
    white-space: normal
  }

  body.af-redesign #page #af-site-header .af-header-search {
    max-width: none;
    min-width: 0 !important
  }
}

@media(max-width:420px) {
  body.af-redesign #page #af-site-header {
    padding-inline: 10px
  }

  body.af-redesign #page #af-site-header .af-nav-row {
    gap: 6px
  }

  body.af-redesign #page #af-site-header .af-header-search input {
    font-size: 16px
  }
}

@media(orientation:landscape) and (max-height:500px) and (max-width:1400px) {
  body.af-redesign #page #af-site-header {
    grid-template-columns: minmax(160px, 34%) minmax(0, 1fr);
    gap: 12px;
    padding: 4px 10px
  }

  body.af-redesign #page #af-site-header .af-brand-row {
    gap: 6px;
    justify-content: space-between
  }

  body.af-redesign #page #af-site-header .af-site-logo {
    width: calc(100% - 46px);
    height: 36px;
    flex-basis: auto
  }

  body.af-redesign #page #af-site-header .af-site-logo img {
    max-height: 36px
  }

  body.af-redesign #page #af-site-header .af-menu-button {
    display: block
  }

  body.af-redesign #page #af-site-header .af-nav-row {
    gap: 6px
  }

  body.af-redesign #page #af-site-header .af-header-search {
    min-width: 0;
    max-width: none
  }

  body.af-redesign #page #af-site-header #af-primary-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 8px 12px;
    max-height: calc(100dvh - var(--af-header-height));
    overflow: auto;
    background: #563925;
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  body.af-games #page #af-site-header #af-primary-nav {
    background: #161c25
  }

  body.af-redesign #page #af-site-header #af-primary-nav.is-open {
    display: grid
  }

  body.af-redesign #page #af-site-header .af-more-menu {
    grid-column: 1/-1
  }

  body.af-redesign #page #af-site-header .af-more-links {
    position: static;
    min-width: 0;
    max-height: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    box-shadow: none
  }

  body.af-redesign #page #af-site-header .af-more-links>a {
    white-space: normal
  }
}


/* 3.7.6: shared geometry on every section; logo centered across the full header. */
body.af-redesign #page #af-site-header {
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  padding: 4px max(12px, calc((100% - 1480px)/2))
}

body.af-redesign #page #af-site-header .af-brand-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 40px;
  gap: 6px;
  justify-content: normal
}

body.af-redesign #page #af-site-header .af-site-logo {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: 190px;
  height: 38px;
  max-width: 100%;
  margin: 0
}

body.af-redesign #page #af-site-header .af-site-logo img {
  height: auto;
  max-height: 38px
}

body.af-redesign #page #af-site-header .af-menu-button {
  grid-column: 3;
  grid-row: 1
}

body.af-redesign #page #af-site-header .af-nav-row {
  justify-content: center;
  gap: 8px
}

body.af-redesign #page #af-site-header #af-primary-nav {
  display: flex;
  position: static;
  max-height: none;
  overflow: visible;
  padding: 0;
  background: transparent;
  box-shadow: none;
  gap: 2px
}

body.af-redesign #page #af-site-header #af-primary-nav>a,
body.af-redesign #page #af-site-header .af-more-menu>summary {
  box-sizing: border-box;
  min-height: 36px;
  padding: 6px 9px;
  font-size: 13px;
  line-height: 1.35;
  border: 0;
  border-image: none
}

@media(max-width:900px), (orientation:landscape) and (max-height:500px) and (max-width:1400px) {
  body.af-redesign #page #af-site-header {
    padding: 4px 12px
  }

  body.af-redesign #page #af-site-header .af-site-logo {
    width: 175px;
    height: 32px
  }

  body.af-redesign #page #af-site-header .af-site-logo img {
    max-height: 32px
  }

  body.af-redesign #page #af-site-header .af-menu-button {
    display: block
  }

  body.af-redesign #page #af-site-header #af-primary-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100dvh - var(--af-header-height) - 12px);
    overflow: auto;
    padding: 8px 12px;
    background: #563925;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px
  }

  body.af-games #page #af-site-header #af-primary-nav {
    background: #161c25
  }

  body.af-redesign #page #af-site-header #af-primary-nav.is-open {
    display: grid
  }

  body.af-redesign #page #af-site-header #af-primary-nav>a,
  body.af-redesign #page #af-site-header .af-more-menu>summary {
    min-height: 44px;
    justify-content: center;
    white-space: normal
  }

  body.af-redesign #page #af-site-header .af-more-menu {
    grid-column: 1/-1
  }

  body.af-redesign #page #af-site-header .af-more-links {
    position: static;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    box-shadow: none
  }

  body.af-redesign #page #af-site-header .af-header-search {
    min-width: 0;
    max-width: none
  }
}


/* 10. Games color palette overrides
 * Source: plugins/amazingfreebies-games/assets/games-palette.css
 */

body.af-games {
  --af-ink: #e4e8ed;
  --af-muted: #abb6c2;
  --af-link: #8ab4f8;
  --af-acid: #8ab4f8;
  --af-free: #8dd8a8;
  --af-discount: #8dd8a8;
  --af-price: #e4e8ed;
  background-color: #101418 !important;
  color: #e4e8ed !important
}

body.af-games #page#page :is(#af-site-header, .af-brand-row, .af-nav-row) {
  background-color: #191f26 !important;
  border-color: #6f8192 !important
}

body.af-games #page#page :is(.af-scene-stage, #primary.af-main-body, .af-page-title, .af-shop-intro) {
  background-color: #101418 !important
}

body.af-games #page#page :is(.af-offer-card, .af-game-sale-row, .af-game-filters, .af-store-atlas, .af-game-detail, .af-game-details, .af-facet-body, .af-game-facts, .af-requirements) {
  background-color: #191f26 !important;
  color: #e4e8ed !important;
  border-color: #6f8192 !important
}

body.af-games #page#page :is(.af-section-heading, .af-facet>summary, .af-game-offers-table th) {
  background-color: #242c35 !important;
  border-color: #6f8192 !important
}

body.af-games #page#page :is(h1, h2, h3, h4, p, li, dt, dd, label, summary, strong, .af-price) {
  color: #e4e8ed !important
}

body.af-games #page#page :is(.af-card-copy, .af-sale-copy) h3 a {
  color: #e4e8ed !important
}

body.af-games #page#page :is(.af-card-copy, .af-sale-copy) h3 a:hover {
  color: #8ab4f8 !important
}

body.af-games #page#page :is(.af-store, .af-rating, .af-was, .af-deadline, .af-countdown, .af-section-note, .af-section-heading>span, .af-card-meta, .af-card-meta>span:not(.af-badge), .af-filter-help, .af-shop-intro p, .af-sale-copy>p, .af-sale-copy>small, .af-sale-price>small, .af-attribution, .af-facet>summary>span, .af-site-footnote, .af-site-footnote span, .af-game-credit) {
  color: #abb6c2 !important
}

body.af-games #page#page :is(a, .af-details-link, .af-rating a, .af-trailer-link, .af-attribution a),
body.af-games .af-game-credit a {
  color: #8ab4f8 !important
}

body.af-games #page#page :is(input, select, .af-header-search input) {
  background-color: #101418 !important;
  color: #e4e8ed !important;
  border-color: #6f8192 !important
}

body.af-games #page#page input::placeholder {
  color: #abb6c2 !important;
  opacity: 1 !important
}

body.af-games #page#page :is(.af-cta, .af-primary-button, button[type=submit]) {
  background-color: #244f84 !important;
  color: #f1f6ff !important
}

body.af-games #page#page :is(.af-cta, .af-primary-button):hover {
  background-color: #242c35 !important;
  color: #8ab4f8 !important
}

body.af-games #page#page :is(#af-primary-nav>a, .af-more-menu>summary) {
  color: #abb6c2 !important;
  background-color: transparent !important
}

body.af-games #page#page #af-primary-nav>a[aria-current=page] {
  background-color: #242c35 !important;
  color: #8ab4f8 !important;
  box-shadow: inset 0 -3px #8ab4f8 !important
}

body.af-games #page#page #af-primary-nav>a:hover {
  color: #e4e8ed !important;
  background-color: #242c35 !important
}

body.af-games #page#page .af-header-search button {
  background-color: transparent !important;
  color: #8ab4f8 !important
}

body.af-games #page#page :is(.af-is-free, .af-is-discount, .af-badge-free) {
  color: #8dd8a8 !important
}

body.af-games #page#page .af-badge-free {
  background-color: #101418 !important;
  border-color: #8dd8a8 !important
}

body.af-games #page#page :is(a, button, input, select, summary):focus-visible {
  outline-color: #8ab4f8 !important
}

body.af-games #page#page :is(.af-site-footnote, .af-game-credit) {
  background-color: #101418 !important
}

body.af-games #page#page :is(.af-expiry-notice, .af-expired, .af-status-unknown) {
  color: #e4ba77 !important
}

body.af-games #page#page :is(.af-error, [aria-invalid=true]) {
  color: #ffb4ab !important;
  border-color: #ffb4ab !important
}

body.af-games #page#page :is(.af-cta, .af-primary-button, button[type=submit]) {
  background-image: none !important
}

body.af-games #page#page .af-facet>summary:after {
  color: #8ab4f8 !important
}

body.af-games #page#page :is(a, button, input, select, summary):focus-visible {
  outline: 2px solid #8ab4f8 !important;
  outline-offset: 2px !important
}


/* 11. Game detail pages, credits and prelaunch refinements
 * Source: plugins/amazingfreebies-games/assets/prelaunch.css
 */

.af-terms {
  font: 400 .9rem/1.7 Arial, Helvetica, sans-serif
}

.af-terms h2 {
  font-size: 1.15rem
}

.af-game-credit {
  font: 400 .875rem/1.6 Arial, Helvetica, sans-serif;
  max-width: 1050px;
  margin: 1.5rem auto;
  padding: 0 1rem
}

.af-store-atlas img {
  vertical-align: middle;
  object-fit: contain
}

.af-game-offers-table {
  overflow-x: auto
}

.af-game-offers-table table {
  width: 100%;
  border-collapse: collapse
}

.af-game-offers-table th,
.af-game-offers-table td {
  padding: .75rem;
  text-align: left;
  vertical-align: top
}

.af-game-offers-table small {
  display: block
}

.af-game-detail>.af-cover {
  max-width: 640px;
  width: 100%;
  height: auto
}

/* Directory and attributions stay within the document's centre column. */
.af-store-atlas {
  margin: 32px 0 20px;
  max-width: 100%;
  min-width: 0;
  overflow: visible
}

.af-store-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 12px
}

.af-store-card {
  width: 100%;
  box-sizing: border-box;
  aspect-ratio: 1;
  min-width: 0;
  min-height: 224px;
  margin: 0;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--af-line, #596574);
  border-radius: 8px;
  background: var(--af-card, #1c2530)
}

.af-store-name {
  min-height: 70px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  text-align: center;
  font: 600 16px/1.25 Arial, Helvetica, sans-serif !important
}

.af-store-name span {
  flex-basis: 100%
}

.af-store-name img {
  object-fit: contain;
  max-width: 80px;
  height: 44px;
  width: auto;
  margin: 0
}

.af-store-name sup {
  align-self: start;
  font: 10px/1.5 Arial, sans-serif
}

.af-store-card ul {
  list-style: none !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 2px
}

.af-store-card li {
  margin: 0;
  padding: 0;
  text-align: center
}

.af-store-card a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 4px;
  box-sizing: border-box;
  font: 400 13px/1.35 Arial, sans-serif;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: 3px
}

.af-store-card a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px
}

.af-store-disclaimer {
  font: 400 12px/1.5 Arial, sans-serif
}

.af-game-credit {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 20px 0;
  padding: 16px 0;
  border-top: 1px solid var(--af-line, #596574)
}

.af-game-credit .af-steam-mark {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-right: 8px
}

.af-steam-mark img {
  width: 32px;
  height: 32px;
  object-fit: contain
}

@media(max-width:600px) {
  .af-store-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px
  }

  .af-store-card {
    padding: 12px 8px;
    min-height: 232px
  }

  .af-store-card a {
    min-height: 44px
  }
}

@media(max-width:340px) {
  .af-store-grid {
    grid-template-columns: minmax(0, 1fr)
  }
}

.af-store-name img {
  box-sizing: content-box;
  background: transparent;
  padding: 5px;
  width: 70px;
  max-width: 70px;
  height: 44px;
  object-fit: contain
}

.af-store-name img[src$="-mark.svg"] {
  filter: brightness(0) invert(1)
}


/* Copyright AmazingFreebies.com 2026. We reserve all rights in our original CSS, artwork, and assets, subject to applicable licenses. */