.rf{--rf-spring: cubic-bezier(.34, 1.45, .64, 1);--rf-out: cubic-bezier(.22, 1, .36, 1)}@media(prefers-reduced-motion:no-preference){.rf-next-enter-active,.rf-prev-enter-active{transition:opacity .24s var(--rf-out),transform .28s var(--rf-spring)}.rf-next-leave-active,.rf-prev-leave-active{transition:opacity .13s ease-in,transform .13s ease-in}.rf-next-enter-from{opacity:0;transform:translate3d(32px,0,0)}.rf-next-leave-to{opacity:0;transform:translate3d(-24px,0,0)}.rf-prev-enter-from{opacity:0;transform:translate3d(-32px,0,0)}.rf-prev-leave-to{opacity:0;transform:translate3d(24px,0,0)}.rf-fade-enter-active{transition:opacity .26s var(--rf-out),transform .3s var(--rf-spring)}.rf-fade-leave-active{transition:opacity .16s ease-in}.rf-fade-enter-from{opacity:0;transform:translate3d(0,10px,0)}.rf-fade-leave-to{opacity:0}.rf-pop{animation:rf-pop .32s var(--rf-spring) both}.rf-press{transition:transform .16s var(--rf-spring),background-color .16s ease,border-color .16s ease,opacity .16s ease}.rf-press:active{transform:scale(.97)}.rf-shake{animation:rf-shake .32s ease both}.rf-tile{animation:rf-tile-loop 3.6s infinite both;animation-delay:var(--rf-delay, 0ms)}.rf-board-tile.is-settle>.rf-board-face{animation:rf-settle .36s var(--rf-out) both}.rf-board-tile.is-glow>.rf-board-face:after,.rf-board-reveal>.rf-board-face:after{content:"";position:absolute;inset:0;background:var(--rf-glow);opacity:0;animation:rf-glow 1s var(--rf-out) both;animation-delay:var(--rf-delay, 0ms)}.rf-board-reveal>.rf-board-face{animation:rf-reveal .56s var(--rf-spring) both;animation-delay:var(--rf-delay, 0ms)}.rf-board-reveal>.rf-board-face:after{animation-duration:.9s;animation-delay:var(--rf-shine, 0ms)}.rf-arrive{animation:rf-arrive .42s var(--rf-spring) both;animation-delay:var(--rf-delay, 0ms)}.rf-burst{animation:rf-burst .7s var(--rf-out) both}.rf-tick{animation:rf-tick .22s var(--rf-spring)}}@keyframes rf-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes rf-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes rf-tile-loop{0%{opacity:0;transform:translate3d(0,10px,0) scale(.82);animation-timing-function:var(--rf-spring)}13%{opacity:1;transform:none}58%{opacity:1;transform:none;animation-timing-function:ease-in}70%,to{opacity:0;transform:scale(.9)}}@keyframes rf-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.rf-tile{animation:rf-pulse 2.4s ease-in-out infinite;animation-delay:var(--rf-delay, 0ms)}.rf-board-tile.is-settle>.rf-board-face{animation:rf-pulse 2.4s ease-in-out infinite}}@keyframes rf-settle{0%{transform:translate3d(0,-7%,0)}55%{transform:translate3d(0,2.5%,0)}to{transform:none}}@keyframes rf-glow{0%{opacity:0}35%{opacity:.5}to{opacity:0}}@keyframes rf-reveal{0%{opacity:0;transform:translate3d(0,-45%,0)}to{opacity:1;transform:none}}.rf-board{--rf-gap: 3px;--rf-radius: 3px;--rf-glow: var(--mb-surface);--p: calc(100cqw / var(--cols));position:relative;container-type:inline-size;aspect-ratio:var(--cols) / var(--rows);overflow:hidden;contain:layout paint style}[data-theme=dark] .rf-board{--rf-glow: var(--mb-ink)}.rf-board-finish{--rf-gap: 5px;--rf-radius: 4px}.rf-board-tile,.rf-board-slot{position:absolute;top:calc(var(--y) * var(--p));left:calc(var(--x) * var(--p));width:var(--p);height:var(--p)}.rf-board-slot:before{content:"";position:absolute;inset:calc(var(--rf-gap) / 2);border-radius:var(--rf-radius);background:color-mix(in srgb,var(--mb-line) 24%,transparent)}.rf-board-face{position:absolute;inset:var(--it) var(--ir) var(--ib) var(--il);overflow:hidden}.rf-board-photo{position:absolute;left:calc(var(--rf-gap) / 2 - var(--il) - var(--dx) * var(--p));top:calc(var(--rf-gap) / 2 - var(--it) - var(--dy) * var(--p));width:calc(var(--w) * var(--p) - var(--rf-gap));height:calc(var(--h) * var(--p) - var(--rf-gap));background-position:center;background-size:cover}.rf-board-ghost>.rf-board-face{border-style:dashed;border-color:color-mix(in srgb,var(--mb-muted) 55%,transparent)}.rf-board-settled,.rf-board-layer,.rf-board-spin{position:absolute;inset:0}.rf-board-layer{pointer-events:none;will-change:transform}.rf-board-live{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}@keyframes rf-arrive{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes rf-burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}35%{transform:translate(-50%,-50%) scale(1.25);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes rf-tick{50%{transform:scale(1.08)}}.rf-range{appearance:none;background:transparent;width:100%;height:56px;touch-action:pan-y}.rf-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--mb-sand)}.rf-range::-moz-range-track{height:6px;border-radius:999px;background:var(--mb-sand)}.rf-range::-webkit-slider-thumb{appearance:none;width:36px;height:36px;margin-top:-15px;border-radius:999px;background:var(--mb-primary);border:4px solid var(--mb-surface);box-shadow:0 0 0 1px var(--mb-line);cursor:grab}.rf-range::-moz-range-thumb{width:28px;height:28px;border-radius:999px;background:var(--mb-primary);border:4px solid var(--mb-surface);cursor:grab}.rf-range[data-unset=true]::-webkit-slider-thumb{background:var(--mb-muted)}.rf-range[data-unset=true]::-moz-range-thumb{background:var(--mb-muted)}.rf-range:focus-visible{outline:2px solid var(--mb-accent);outline-offset:4px;border-radius:8px}.rf-viewer{background:var(--mb-ink);color:var(--mb-bg)}.rf-viewer-chip{background:color-mix(in srgb,var(--mb-bg) 16%,transparent)}[data-theme=dark] .rf-viewer{background:var(--mb-bg);color:var(--mb-ink)}[data-theme=dark] .rf-viewer-chip{background:color-mix(in srgb,var(--mb-ink) 16%,transparent)}