.note-art{--na-shade: var(--shade, #e59a00);--na-ground: #fbf8f3;position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--na-shade) 8%,var(--na-ground)),color-mix(in srgb,var(--na-shade) 17%,var(--na-ground)))}:root[data-color-mode=dark] .note-art{--na-ground: #1b1a18;background:linear-gradient(160deg,color-mix(in srgb,var(--na-shade) 24%,var(--na-ground)),color-mix(in srgb,var(--na-shade) 13%,var(--na-ground)))}.note-art .na-1{fill:color-mix(in srgb,var(--na-shade) 24%,var(--na-ground))}.note-art .na-2{fill:color-mix(in srgb,var(--na-shade) 42%,var(--na-ground))}.note-art .na-3{fill:color-mix(in srgb,var(--na-shade) 66%,var(--na-ground))}:root[data-color-mode=dark] .note-art .na-1{fill:color-mix(in srgb,var(--na-shade) 32%,var(--na-ground))}:root[data-color-mode=dark] .note-art .na-2{fill:color-mix(in srgb,var(--na-shade) 52%,var(--na-ground))}.na-paper{--na-ink: color-mix(in srgb, var(--na-shade) 34%, transparent);--na-ink-strong: color-mix(in srgb, var(--na-shade) 52%, transparent);position:absolute;top:0;right:0;bottom:0;left:0}.note-art[data-art=dots] .na-paper{background-image:radial-gradient(circle,var(--na-ink-strong) 1.2px,transparent 1.7px);background-size:14px 14px;background-position:7px 7px}.note-art[data-art=graph] .na-paper{background-image:linear-gradient(to right,var(--na-ink-strong) 1px,transparent 1px),linear-gradient(to bottom,var(--na-ink-strong) 1px,transparent 1px),linear-gradient(to right,var(--na-ink) 1px,transparent 1px),linear-gradient(to bottom,var(--na-ink) 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px;background-position:5px 5px;opacity:.8}.note-art[data-art=ruled] .na-paper{background-image:repeating-linear-gradient(to bottom,transparent 0 13px,var(--na-ink-strong) 13px 14px);background-position:0 8px}.na-margin{position:absolute;top:0;bottom:0;left:18px;width:1.5px;background:color-mix(in srgb,var(--na-shade) 62%,transparent);transform-origin:50% 0}.na-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.na-sun{position:absolute;top:17%;right:20%;height:26%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--na-shade) 58%,var(--na-ground));box-shadow:0 0 0 .5em color-mix(in srgb,var(--na-shade) 10%,transparent)}.na-sprig{position:absolute;right:5%;bottom:-6%;display:block;width:auto;height:112%;aspect-ratio:100 / 120;overflow:visible}.na-stem{fill:none;stroke:color-mix(in srgb,var(--na-shade) 70%,var(--na-ground));stroke-width:2.4;stroke-linecap:round}.cover-tile[data-play=true][aria-checked=true] .note-art *{transform-box:fill-box}.cover-tile[data-play=true][aria-checked=true] .note-art[data-art=dots] .na-paper{animation:na-bloom .52s var(--ease-out) both}.cover-tile[data-play=true][aria-checked=true] .note-art[data-art=graph] .na-paper{animation:na-sweep .48s var(--ease-out) both}.cover-tile[data-play=true][aria-checked=true] .note-art[data-art=ruled] .na-paper{animation:na-fall .46s var(--ease-out) both}.cover-tile[data-play=true][aria-checked=true] .na-margin{animation:na-rule .38s var(--ease-out) .16s both}.cover-tile[data-play=true][aria-checked=true] .na-hill{animation:na-rise .46s var(--ease-out) both;animation-delay:calc(var(--n) * 70ms)}.cover-tile[data-play=true][aria-checked=true] .na-sun{animation:na-sunrise .52s var(--ease-out) .12s both}.cover-tile[data-play=true][aria-checked=true] .na-wave{animation:na-roll .52s var(--ease-out) both;animation-delay:calc(var(--n) * 60ms)}.cover-tile[data-play=true][aria-checked=true] .na-stem{stroke-dasharray:1;animation:na-draw .42s cubic-bezier(.65,0,.35,1) both}.cover-tile[data-play=true][aria-checked=true] .na-leaf{transform-origin:0% 50%;animation:na-unfurl .36s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.12s + var(--n) * 45ms)}@keyframes na-bloom{0%{clip-path:circle(0% at 32% 40%)}to{clip-path:circle(150% at 32% 40%)}}@keyframes na-sweep{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes na-fall{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes na-rule{0%{transform:scaleY(0)}}@keyframes na-rise{0%{transform:translateY(40%)}}@keyframes na-sunrise{0%{opacity:0;transform:translateY(60%)}}@keyframes na-roll{0%{opacity:0;transform:translate(-10%)}}@keyframes na-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes na-unfurl{0%{opacity:0;transform:scale(.3)}}@media(prefers-reduced-motion:reduce){.cover-tile[data-play=true][aria-checked=true] .note-art *{animation:none}}