g[data-glint-group]{--glint-cycle:calc(var(--realness-cycle,90s) * .1)}path[data-glint]{opacity:0;filter:brightness(1.85)saturate(1.35);animation-name:realness-glint-flash;animation-duration:var(--glint-cycle);animation-delay:var(--glint-delay,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}@keyframes realness-glint-flash{0%,to{opacity:0}2%{opacity:0}5%{opacity:.9}8%{opacity:0}}svg.icon{fill:currentColor;&[data-icon=no-ai]{stroke:currentColor}&:active{transform:scale(.95)}&.animation{stroke:currentColor;stroke-width:2px;paint-order:stroke fill;stroke-linejoin:round;stroke-linecap:round;overflow:visible;& .animation-ball,& .animation-trail-mid,& .animation-trail-old{transform-box:fill-box;transform-origin:50%}}&.add{overflow:visible}&.add .add-plus{transform-box:fill-box;transform-origin:50%}&.add .add-satellites{opacity:0;transform-box:fill-box;transform-origin:50%;& .add-sat{transform-box:fill-box;transform-origin:50%}}&.realness{--ease-drift-out:linear(0, .42 24%, .82 52%, .97 76%, 1);--ease-drift-back:linear(0, .18 22%, .52 48%, .84 74%, 1);--ease-click:linear(0, .42 22%, .87 42%, 1.09 58%, .96 72%, 1.03 84%, .99 92%, 1)}&.realness>[data-tile]{transform-box:fill-box;transform-origin:50%;transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot));animation-iteration-count:infinite;animation-play-state:paused}&.realness>path[data-tile=ash]{fill:url(#icon-realness-fill-ash)}&.realness>path[data-tile=tide]{fill:url(#icon-realness-fill-tide)}&.realness>path[data-tile=silt]{fill:url(#icon-realness-fill-silt)}&.realness>path[data-tile=ember]{fill:url(#icon-realness-fill-ember)}&.realness>path[data-tile=rust]{fill:url(#icon-realness-fill-rust)}&.realness>path[data-tile=cinder]{fill:url(#icon-realness-fill-cinder)}&.realness>[data-tile=ash]{--snap-x:-2.5px;--snap-y:-5px;--snap-rot:0deg;animation-name:realness-drift-up-left;animation-duration:7.4s}&.realness>[data-tile=tide]{--snap-x:2.5px;--snap-y:-5px;--snap-rot:0deg;animation-name:realness-drift-up-right;animation-duration:6.8s}&.realness>[data-tile=silt]{--snap-x:-2.5px;--snap-y:0px;--snap-rot:0deg;animation-name:realness-drift-left;animation-duration:7.9s}&.realness>[data-tile=ember]{--snap-x:2.5px;--snap-y:0px;--snap-rot:0deg;animation-name:realness-drift-right;animation-duration:7.1s}&.realness>[data-tile=rust]{--snap-x:-2.5px;--snap-y:5px;--snap-rot:0deg;animation-name:realness-drift-down-left;animation-duration:8.2s}&.realness>[data-tile=cinder]{--snap-x:2.5px;--snap-y:5px;--snap-rot:0deg;animation-name:realness-drift-down-right;animation-duration:7.6s}&.realness:active>[data-tile]{animation:realness-click-in .52s var(--ease-click) forwards}}@keyframes realness-drift-up-left{0%{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot));animation-timing-function:var(--ease-drift-out)}50%{transform:translate(calc(var(--snap-x) - 2.74px), calc(var(--snap-y) - 3.57px)) rotate(-.6deg);animation-timing-function:var(--ease-drift-back)}to{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot))}}@keyframes realness-drift-up-right{0%{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot));animation-timing-function:var(--ease-drift-out)}50%{transform:translate(calc(var(--snap-x) + 2.7px), calc(var(--snap-y) - 3.6px)) rotate(.5deg);animation-timing-function:var(--ease-drift-back)}to{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot))}}@keyframes realness-drift-left{0%{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot));animation-timing-function:var(--ease-drift-out)}50%{transform:translate(calc(var(--snap-x) - 4.5px), calc(var(--snap-y) - .06px)) rotate(-.4deg);animation-timing-function:var(--ease-drift-back)}to{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot))}}@keyframes realness-drift-right{0%{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot));animation-timing-function:var(--ease-drift-out)}50%{transform:translate(calc(var(--snap-x) + 4.5px), calc(var(--snap-y) - .16px)) rotate(.7deg);animation-timing-function:var(--ease-drift-back)}to{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot))}}@keyframes realness-drift-down-left{0%{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot));animation-timing-function:var(--ease-drift-out)}50%{transform:translate(calc(var(--snap-x) - 2.75px), calc(var(--snap-y) + 3.56px)) rotate(.5deg);animation-timing-function:var(--ease-drift-back)}to{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot))}}@keyframes realness-drift-down-right{0%{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot));animation-timing-function:var(--ease-drift-out)}50%{transform:translate(calc(var(--snap-x) + 2.74px), calc(var(--snap-y) + 3.57px)) rotate(-.7deg);animation-timing-function:var(--ease-drift-back)}to{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot))}}@keyframes realness-click-in{0%{transform:translate(var(--snap-x), var(--snap-y)) rotate(var(--snap-rot))}to{transform:translate(0)rotate(0)}}svg.icon.realness pattern use[data-tile]{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}svg.icon.realness pattern use[data-tile=ash],svg.icon.realness pattern use[data-tile=cinder]{fill:var(--pumice)}svg.icon.realness pattern use[data-tile=tide],svg.icon.realness pattern use[data-tile=silt]{fill:var(--water-fill)}svg.icon.realness pattern use[data-tile=ember],svg.icon.realness pattern use[data-tile=rust]{fill:var(--clay-fill)}svg.icon.realness pattern use[data-tile=ash]{animation-name:realness-smalti-shimmer;animation-duration:calc(var(--realness-cycle) * .5);animation-delay:0s}svg.icon.realness.color-cycle pattern use[data-tile=ash]{animation-name:realness-color-ash,realness-smalti-shimmer;animation-duration:26s, calc(var(--realness-cycle) * .5);animation-delay:4s,0s}svg.icon.realness pattern use[data-tile=ember]{animation-name:realness-smalti-shimmer;animation-duration:calc(var(--realness-cycle) * .5);animation-delay:calc(var(--realness-cycle) * .08)}svg.icon.realness.color-cycle pattern use[data-tile=ember]{animation-name:realness-color-ember,realness-smalti-shimmer;animation-duration:34s, calc(var(--realness-cycle) * .5);animation-delay:6.5s, calc(var(--realness-cycle) * .08)}svg.icon.realness pattern use[data-tile=rust]{animation-name:realness-smalti-shimmer;animation-duration:calc(var(--realness-cycle) * .5);animation-delay:calc(var(--realness-cycle) * .16)}svg.icon.realness.color-cycle pattern use[data-tile=rust]{animation-name:realness-color-rust,realness-smalti-shimmer;animation-duration:28s, calc(var(--realness-cycle) * .5);animation-delay:5s, calc(var(--realness-cycle) * .16)}svg.icon.realness pattern use[data-tile=tide]{animation-name:realness-smalti-shimmer;animation-duration:calc(var(--realness-cycle) * .5);animation-delay:calc(var(--realness-cycle) * .04)}svg.icon.realness.color-cycle pattern use[data-tile=tide]{animation-name:realness-color-tide,realness-smalti-shimmer;animation-duration:31s, calc(var(--realness-cycle) * .5);animation-delay:7s, calc(var(--realness-cycle) * .04)}svg.icon.realness pattern use[data-tile=silt]{animation-name:realness-smalti-shimmer;animation-duration:calc(var(--realness-cycle) * .5);animation-delay:calc(var(--realness-cycle) * .12)}svg.icon.realness.color-cycle pattern use[data-tile=silt]{animation-name:realness-color-silt,realness-smalti-shimmer;animation-duration:23s, calc(var(--realness-cycle) * .5);animation-delay:5.5s, calc(var(--realness-cycle) * .12)}svg.icon.realness pattern use[data-tile=cinder]{animation-name:realness-smalti-shimmer;animation-duration:calc(var(--realness-cycle) * .5);animation-delay:calc(var(--realness-cycle) * .22)}svg.icon.realness.color-cycle pattern use[data-tile=cinder]{animation-name:realness-color-cinder,realness-smalti-shimmer;animation-duration:25s, calc(var(--realness-cycle) * .5);animation-delay:4.5s, calc(var(--realness-cycle) * .22)}svg.icon.realness>use[data-tile]{opacity:0;pointer-events:none;transition:opacity .52s var(--ease-click)}svg.icon.realness>use[data-tile=ash],svg.icon.realness>use[data-tile=cinder]{fill:var(--pumice)}svg.icon.realness>use[data-tile=tide],svg.icon.realness>use[data-tile=silt]{fill:var(--water-fill)}svg.icon.realness>use[data-tile=ember],svg.icon.realness>use[data-tile=rust]{fill:var(--clay-fill)}svg.icon.realness:active>use[data-tile]{opacity:1}g[data-smalti-wobble]{pointer-events:none}path[data-smalti-wobble=ash],path[data-smalti-wobble=cinder]{fill:var(--pumice)}path[data-smalti-wobble=tide],path[data-smalti-wobble=silt]{fill:var(--water-fill)}path[data-smalti-wobble=ember],path[data-smalti-wobble=rust]{fill:var(--clay-fill)}path[data-smalti-wobble]{transform-box:fill-box;transform-origin:50%;animation-name:realness-smalti-wobble;animation-duration:var(--glint-cycle,9s);animation-delay:var(--smalti-delay,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}svg.icon.realness.color-cycle path[data-smalti-wobble=ash]{animation-name:realness-color-ash,realness-smalti-wobble;animation-duration:26s, var(--glint-cycle,9s);animation-delay:4s, var(--smalti-delay,0s)}svg.icon.realness.color-cycle path[data-smalti-wobble=ember]{animation-name:realness-color-ember,realness-smalti-wobble;animation-duration:34s, var(--glint-cycle,9s);animation-delay:6.5s, var(--smalti-delay,0s)}svg.icon.realness.color-cycle path[data-smalti-wobble=rust]{animation-name:realness-color-rust,realness-smalti-wobble;animation-duration:28s, var(--glint-cycle,9s);animation-delay:5s, var(--smalti-delay,0s)}svg.icon.realness.color-cycle path[data-smalti-wobble=tide]{animation-name:realness-color-tide,realness-smalti-wobble;animation-duration:31s, var(--glint-cycle,9s);animation-delay:7s, var(--smalti-delay,0s)}svg.icon.realness.color-cycle path[data-smalti-wobble=silt]{animation-name:realness-color-silt,realness-smalti-wobble;animation-duration:23s, var(--glint-cycle,9s);animation-delay:5.5s, var(--smalti-delay,0s)}svg.icon.realness.color-cycle path[data-smalti-wobble=cinder]{animation-name:realness-color-cinder,realness-smalti-wobble;animation-duration:25s, var(--glint-cycle,9s);animation-delay:4.5s, var(--smalti-delay,0s)}@keyframes realness-smalti-wobble{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(.6px,-.5px)rotate(2deg)}50%{transform:translate(-.4px,.7px)rotate(-1.5deg)}75%{transform:translate(.3px,.4px)rotate(1deg)}}@keyframes realness-smalti-shimmer{0%,to{opacity:1}42%{opacity:.78}58%{opacity:1}}@keyframes realness-color-ash{0%,to{fill:var(--pumice)}25%{fill:var(--water-fill)}50%{fill:var(--clay-fill)}75%{fill:var(--slate-fill)}}@keyframes realness-color-ember{0%,to{fill:var(--clay-fill)}25%{fill:var(--ochre)}50%{fill:var(--water-fill)}75%{fill:var(--slate-fill)}}@keyframes realness-color-rust{0%,to{fill:var(--clay-fill)}25%{fill:var(--slate-fill)}50%{fill:var(--water-fill)}75%{fill:var(--ochre)}}@keyframes realness-color-tide{0%,to{fill:var(--water-fill)}20%{fill:var(--sediment)}40%{fill:var(--sand)}60%{fill:var(--gravel)}80%{fill:var(--rocks)}}@keyframes realness-color-silt{0%,to{fill:var(--water-fill)}20%{fill:var(--boulders)}40%{fill:var(--gravel)}60%{fill:var(--sediment)}80%{fill:var(--rocks)}}@keyframes realness-color-cinder{0%,to{fill:var(--pumice)}20%{fill:var(--rocks)}40%{fill:var(--sediment)}60%{fill:var(--sand)}80%{fill:var(--gravel)}}