.subj-obj{--obj-size:72px;--obj-phase:0;--obj-foot:50% 92%;--obj-centre:50% 50%;--obj-shade:0, 0, 0;--obj-occl:.62;--obj-contact:.8;--obj-sheen-color:#fff1d6;--obj-sheen-peak:.24;width:var(--obj-size);height:var(--obj-size);isolation:isolate;vertical-align:middle;flex:none;display:inline-block;position:relative}.subj-obj:not([data-framed]){--obj-occl:.55}:root[data-theme=light] .subj-obj{--obj-shade:59, 42, 20;--obj-occl:.2;--obj-contact:.34;--obj-sheen-color:#fff;--obj-sheen-peak:.32}.subj-obj__img{z-index:2;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 92%;max-width:none;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .32s cubic-bezier(.16,1,.3,1);display:block;position:absolute}.subj-obj__shadow{z-index:1;pointer-events:none;transform-origin:var(--obj-foot);transition:scale .24s cubic-bezier(.16,1,.3,1),opacity .24s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.subj-obj__occl,.subj-obj__contact{border-radius:50%;transition:opacity .24s cubic-bezier(.16,1,.3,1);position:absolute}.subj-obj__occl{background:radial-gradient(closest-side, rgba(var(--obj-shade), var(--obj-occl)) 0%, rgba(var(--obj-shade), calc(var(--obj-occl) * .55)) 40%, rgba(var(--obj-shade), calc(var(--obj-occl) * .18)) 72%, rgba(var(--obj-shade), 0) 100%)}.subj-obj__contact{background:radial-gradient(closest-side, rgba(var(--obj-shade), var(--obj-contact)) 0%, rgba(var(--obj-shade), calc(var(--obj-contact) * .55)) 40%, rgba(var(--obj-shade), calc(var(--obj-contact) * .18)) 72%, rgba(var(--obj-shade), 0) 100%)}.subj-obj__light{z-index:0;pointer-events:none;background:radial-gradient(closest-side,#ffd4963d,#ffba6817 55%,#0000 74%);border-radius:50%;transition:opacity .24s cubic-bezier(.16,1,.3,1);position:absolute;inset:2% 4% 8%}:root[data-theme=light] .subj-obj__light{background:radial-gradient(closest-side,#ffc4704d,#ffd2961f 55%,#0000 74%)}.subj-obj--glyph{color:inherit;place-items:center;display:inline-grid}.subj-obj__float,.subj-obj__tilt,.subj-obj__react{z-index:2;pointer-events:none;position:absolute;inset:0}.subj-obj--alive .subj-obj__float{transform-origin:var(--obj-foot);animation:7.2s infinite both subj-obj-float;animation-delay:calc(var(--obj-phase) * -7.2s)}.subj-obj--alive .subj-obj__shadow{animation:7.2s infinite both subj-obj-float-shadow;animation-delay:calc(var(--obj-phase) * -7.2s)}.subj-obj[data-offscreen] .subj-obj__float,.subj-obj[data-offscreen] .subj-obj__shadow{animation-play-state:paused}.app-shell .subj-obj--alive .subj-obj__float,.app-shell .subj-obj--alive .subj-obj__shadow{animation-iteration-count:2}.app-shell .subj-obj--alive[data-float=a] .subj-obj__float{animation:7.2s both subj-obj-float-a}.app-shell .subj-obj--alive[data-float=a] .subj-obj__shadow{animation:7.2s both subj-obj-float-shadow-a}.app-shell .subj-obj--alive[data-float=b] .subj-obj__float{animation:7.2s both subj-obj-float-b}.app-shell .subj-obj--alive[data-float=b] .subj-obj__shadow{animation:7.2s both subj-obj-float-shadow-b}@keyframes subj-obj-float-a{0%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(0)rotate(0)}50%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(-3%)rotate(-1.2deg)}to{transform:translateY(0)rotate(0)}}@keyframes subj-obj-float-b{0%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(0)rotate(0)}50%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(-3%)rotate(-1.2deg)}to{transform:translateY(0)rotate(0)}}@keyframes subj-obj-float-shadow-a{0%{opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:scale(1)}50%{opacity:.65;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes subj-obj-float-shadow-b{0%{opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:scale(1)}50%{opacity:.65;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes subj-obj-float{0%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(0)rotate(0)}50%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(-3%)rotate(-1.2deg)}to{transform:translateY(0)rotate(0)}}@keyframes subj-obj-float-shadow{0%{opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:scale(1)}50%{opacity:.65;animation-timing-function:cubic-bezier(.37,0,.63,1);transform:scale(.86)}to{opacity:1;transform:scale(1)}}.subj-obj__tilt{transform-origin:var(--obj-centre)}.subj-obj__react{transform-origin:var(--obj-foot);transition:translate .24s cubic-bezier(.16,1,.3,1),scale .24s cubic-bezier(.16,1,.3,1)}.subj-obj__sheen{z-index:3;pointer-events:none;background:linear-gradient(135deg, transparent calc((var(--along,.5) - .11) * 100%), var(--obj-sheen-color) calc(var(--along,.5) * 100%), transparent calc((var(--along,.5) + .11) * 100%));opacity:calc(var(--sheen,0) * var(--obj-sheen-peak));position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.subj-obj__life{display:none}.subj-obj__spark{pointer-events:none;width:150%;height:150%;position:absolute;inset:-25%}.subj-obj__spark--bloom{z-index:0}.subj-obj__spark--glints{z-index:4}@starting-style{.subj-obj__img{opacity:0;transform:translateY(5%)scale(.96)}.subj-obj__light{opacity:0}}@media (hover:hover) and (pointer:fine){:is(a,button,label,[role=button],.subj-obj-host):hover .subj-obj:not(.subj-obj--alive) .subj-obj__img{transform:translateY(-4%)scale(1.035)}:is(a,button,label,[role=button],.subj-obj-host):hover .subj-obj--alive .subj-obj__react,.subj-obj--alive:hover .subj-obj__react{translate:0 -3%;scale:1.035}:is(a,button,label,[role=button],.subj-obj-host):hover .subj-obj__shadow,.subj-obj--alive:hover .subj-obj__shadow{scale:.9}:is(a,button,label,[role=button],.subj-obj-host):hover :is(.subj-obj__occl,.subj-obj__contact),.subj-obj--alive:hover :is(.subj-obj__occl,.subj-obj__contact){opacity:.75}}:is(a,button,label,[role=button],.subj-obj-host):focus-visible .subj-obj:not(.subj-obj--alive) .subj-obj__img{transform:translateY(-4%)scale(1.035)}:is(a,button,label,[role=button],.subj-obj-host):focus-visible .subj-obj--alive .subj-obj__react{translate:0 -3%;scale:1.035}:is(a,button,label,[role=button],.subj-obj-host):active .subj-obj:not(.subj-obj--alive) .subj-obj__img{transition-duration:.12s;transform:scale(.97)}::view-transition-group(.subj-flight){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-obj-flight=back]::view-transition-group(.subj-flight){animation-duration:.34s}@media (prefers-reduced-motion:reduce){.subj-obj__img,.subj-obj__shadow,.subj-obj__light,.subj-obj__float,.subj-obj__react,.subj-obj__occl,.subj-obj__contact{transition:none!important;animation:none!important}.subj-obj__tilt{transform:none!important}.subj-obj__sheen,.subj-obj__spark{display:none}::view-transition-group(.subj-flight){animation:none}::view-transition-old(.subj-flight){animation-duration:.12s}::view-transition-new(.subj-flight){animation-duration:.12s}}:root[data-motion=reduced] :is(.subj-obj__img,.subj-obj__shadow,.subj-obj__light,.subj-obj__float,.subj-obj__react,.subj-obj__occl,.subj-obj__contact){transition:none!important;animation:none!important}:root[data-motion=reduced] .subj-obj__tilt{transform:none!important}:root[data-motion=reduced] :is(.subj-obj__sheen,.subj-obj__spark){display:none}:root[data-motion=reduced]::view-transition-group(.subj-flight){animation:none}:root[data-motion=reduced]::view-transition-old(.subj-flight){animation-duration:.12s}:root[data-motion=reduced]::view-transition-new(.subj-flight){animation-duration:.12s}