.slab-home-random{padding:24px 0 56px;position:relative;z-index:0;isolation:isolate}.slab-home-random__stage{position:relative;height:min(82svh,900px);min-height:380px;background:transparent;isolation:isolate}.slab-home-random__controls{text-align:center}.slab-home-random__controls h2{margin:12px 0 24px}.slab-home-random__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}@media(max-width:749px){.slab-home-random__stage{height:min(72svh,680px);min-height:320px}.slab-home-random__buttons{gap:12px}.slab-home-random__buttons .button{width:100%}}.slab-home-random__eyebrow{margin:0 0 4px;text-align:center;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:#93a7bd}.slab-home-random__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;transition:opacity .4s ease}.slab-home-random__stage:has(.slab-card-3d[data-loaded]) .slab-home-random__poster{opacity:0}.slab-home-random .slab-model-snapshot{display:none}.slab-home-random__hint{position:absolute;left:50%;bottom:14px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;transform:translate(-50%,6px);opacity:0;pointer-events:none;white-space:nowrap;background:#0a111bb8;border:1px solid rgba(26,140,255,.35);color:#eaf1f8;font-size:1.25rem;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .5s ease,transform .5s ease}.slab-home-random__hint svg{width:18px;height:18px;color:#3aa0ff;flex:none}.slab-home-random.is-hinting .slab-home-random__hint{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.slab-home-random.is-hinting .slab-home-random__hint svg{animation:slab-hint-sway 2.4s ease-in-out infinite}}@keyframes slab-hint-sway{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.slab-home-random__next{display:inline-flex;align-items:center;justify-content:center;gap:10px}.slab-home-random__next svg{width:18px;height:18px;flex:none}.slab-home-random__note{margin:14px auto 0;max-width:42rem;text-align:center;font-size:1.3rem;line-height:1.5;color:#93a7bd}body:has(.menu-drawer-container[open]) .slab-home-random,body.overflow-hidden-mobile .slab-home-random{z-index:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/slabhub-random-frame.css.map */