/* Behaviour styles for assets/thetreasure.js */

/* The three framed boxes pulse (opacity .5 <-> 1) at different speeds */
@keyframes tt-pulse-a { 0% { opacity: .5; } 33% { opacity: 1; } 50% { opacity: 1; } 83% { opacity: .5; } 100% { opacity: .5; } }
@keyframes tt-pulse-b { 0% { opacity: .5; } 31% { opacity: 1; } 50% { opacity: 1; } 81% { opacity: .5; } 100% { opacity: .5; } }
@keyframes tt-pulse-c { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
.framer-zs4apy { animation: tt-pulse-a 3s linear infinite; }
.framer-2odga3 { animation: tt-pulse-b 4s linear infinite; }
.framer-ft362i { animation: tt-pulse-c 2s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .framer-zs4apy, .framer-2odga3, .framer-ft362i { animation: none; }
}

/* Trailer lightbox */
.tt-lightbox {
  position: fixed; inset: 0; z-index: 100; display: grid; place-items: center;
  background: rgba(0, 0, 0, .85); cursor: zoom-out; animation: tt-fade .25s ease;
}
.tt-lightbox__box {
  width: min(90vw, calc((100vh - 48px) * 16 / 9)); aspect-ratio: 16 / 9;
  border-radius: 16px; overflow: hidden; background: #000; cursor: default;
}
.tt-lightbox__box iframe { display: block; width: 100%; height: 100%; border: 0; }
@keyframes tt-fade { from { opacity: 0; } to { opacity: 1; } }

/* Diorama cards: soft light across the card, the name plate rises and the glass dome glows */
.framer-F8Nyb { transition: background .35s ease; }
.framer-F8Nyb .framer-ytgmrv { transition: opacity .35s ease, bottom .35s ease; }
.framer-F8Nyb .framer-1lzl80i { transition: opacity .35s ease; }
.framer-F8Nyb:hover { background: linear-gradient(126deg, rgba(255, 255, 255, 0) -16%, rgba(255, 255, 255, .08) 100%) !important; }
.framer-F8Nyb:hover .framer-ytgmrv { opacity: 1 !important; bottom: 36px !important; }
.framer-F8Nyb:hover .framer-1lzl80i { opacity: .33 !important; }
/* the "fixing an error" note on a card flickers */
@keyframes tt-flicker { from { opacity: .15; } to { opacity: .49; } }
.framer-1o8ve22 { animation: tt-flicker .45s linear infinite alternate; }
@media (prefers-reduced-motion: reduce) { .framer-1o8ve22 { animation: none; } }
[hidden] { display: none !important; }