.xl-root{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:var(--color-surface)}.xl-switcher{z-index:50;background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-line);border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.xl-switcher__item{color:var(--color-ink);transition:background-color var(--duration-150,.15s) var(--ease-out-quart);border-radius:999px;padding:4px 12px}.xl-switcher__item:hover{background:var(--color-surface-sunken)}.xl-switcher__item[data-on=true]{background:var(--color-surface-inverse);color:var(--color-ink-inverse)}.xl-sheet{flex-direction:column;height:100dvh;padding:80px 24px 72px;display:flex}.xl-sheet__grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:16px;min-height:0;display:grid}.xl-sheet__cell{flex-direction:column;min-height:0;display:flex}.xl-sheet__cell>.piece-box{flex:1;height:auto;min-height:0}@media (max-width:899px){.xl-sheet{height:auto;padding:72px 16px}.xl-sheet__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:12px}.xl-sheet__cell>.piece-box{aspect-ratio:3/4;flex:none}}@media (max-width:599px){.xl-sheet__grid{grid-template-columns:1fr}.xl-sheet__cell>.piece-box{aspect-ratio:4/5}}.xl-bento{min-height:100dvh;padding:80px 24px 72px;overflow:clip}.xl-bento__grid{grid-template-rows:repeat(35,minmax(104px,1fr));grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"refract refract refract refract flyout flyout""refract refract refract refract flyout flyout""refract refract refract refract flyout flyout""ink ink halftone halftone flyout flyout""ink ink halftone halftone flyout flyout""ink ink halftone halftone flyout flyout""deck deck deck deck backdrop backdrop""deck deck deck deck backdrop backdrop""deck deck deck deck backdrop backdrop""song song tuner tuner tuner tuner""song song tuner tuner tuner tuner""song song tuner tuner tuner tuner""song song tuner tuner tuner tuner""flowers flowers flowers flowers flowers flowers""flowers flowers flowers flowers flowers flowers""flowers flowers flowers flowers flowers flowers""ring ring ring ring ring ring""ring ring ring ring ring ring""ring ring ring ring ring ring""ring ring ring ring ring ring""counter counter counter counter counter counter""counter counter counter counter counter counter""counter counter counter counter counter counter""counter counter counter counter counter counter""wetink wetink wetink oneline oneline oneline""wetink wetink wetink oneline oneline oneline""wetink wetink wetink oneline oneline oneline""wetink wetink wetink oneline oneline oneline""taffy taffy taffy taffy taffy taffy""taffy taffy taffy taffy taffy taffy""taffy taffy taffy taffy taffy taffy""scorch scorch stir stir stir stir""scorch scorch stir stir stir stir""scorch scorch stir stir stir stir""scorch scorch stir stir stir stir";gap:16px;min-height:calc(100dvh - 152px);display:grid}.xl-bento__grid--studies{--study-height:clamp(480px, calc(100dvh - 152px), 960px);grid-template-rows:none;grid-template-areas:none;grid-auto-rows:var(--study-height);min-height:0;margin-top:16px}.xl-tile.xl-tile--study{grid-column:span 6;animation:none}.xl-tile.xl-tile--study[data-shape=tall]{grid-column:span 3}.xl-bento__tile{content-visibility:auto;contain-intrinsic-size:auto 440px;flex-direction:column;min-width:0;min-height:0;display:flex}.xl-bento__tile[data-near]{content-visibility:visible;contain:paint}.xl-bento__tile>.piece-box{flex:1;height:auto;min-height:0}@media (max-width:899px){.xl-bento{height:auto;padding:72px 16px}.xl-bento__grid{grid-template:none/repeat(2,minmax(0,1fr));gap:12px}.xl-bento__tile{grid-area:auto!important}.xl-bento__grid--studies{grid-auto-rows:auto}.xl-tile.xl-tile--study,.xl-tile.xl-tile--study[data-shape=tall]{grid-area:auto}.xl-bento__tile>.piece-box{aspect-ratio:4/5;flex:none}}@media (min-width:600px) and (max-width:899px){.xl-bento__grid--studies>.xl-tile--study:last-child:nth-child(odd){grid-column:1/-1}.xl-bento__grid--studies>.xl-tile--study:last-child:nth-child(odd)>.piece-box{aspect-ratio:8/5}}@media (max-width:599px){.xl-bento__grid{grid-template-columns:1fr}}.xl-tile{transform-origin:50% 100%;animation:.64s cubic-bezier(.22,1,.36,1) both xl-tile-rise,.64s cubic-bezier(.22,1,.36,1) both xl-tile-slide;animation-delay:calc(var(--wave,0) * 48ms), calc(var(--wave,0) * 48ms)}@keyframes xl-tile-rise{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes xl-tile-slide{0%{translate:calc(var(--dx,0) * 150px) 150px}to{translate:0}}@media (max-width:899px){.xl-tile:nth-child(n+5){animation-delay:0s}.xl-tile:nth-child(n+5):not([data-seen]){animation-play-state:paused}}@media (max-width:599px){.xl-tile:nth-child(n+3){animation-delay:0s}.xl-tile:nth-child(n+3):not([data-seen]){animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.xl-tile{animation:none}}.xl-tile [data-plate] canvas{transform:translate3d(var(--drift-x,0px), var(--drift-y,0px), 0) scale(1.06);transition:transform .9s var(--ease-out-quint);will-change:transform, translate;animation:17s ease-in-out infinite alternate xl-plate-sway}@keyframes xl-plate-sway{0%{translate:-5px 3px}to{translate:5px -4px}}@keyframes xl-plate-parallax{0%{transform:translateY(-14px)scale(1.06)}to{transform:translateY(14px)scale(1.06)}}@media (hover:none){@supports (animation-timeline:view()){.xl-tile{view-timeline:--xl-tile block}.xl-tile [data-plate] canvas{transition:none;animation:linear both xl-plate-parallax;animation-timeline:--xl-tile}}}.xl-tile[data-offscreen] [data-plate] canvas,.xl-tile[data-offscreen] .flyout-blank-float,.xl-tile[data-offscreen] .bd-dock__bar:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.xl-tile [data-plate] canvas{transition:none;animation:none;transform:none}}.xl-tile:not([data-engaged],[data-focused]) .piece-box *{touch-action:pan-y!important}.xl-tile:not([data-engaged],[data-focused]) :is(.deck,.ol-root,.flyout-panel,.bd-dock__panel,.cf-tracks,.hm-scroll,.pull-vinyl-scroll,.ink-panel__body){overflow-y:hidden!important}.xl-bento__tile{position:relative}.xl-tile[data-focused] .piece-box{touch-action:none}.xl-tile[data-focused] .piece-box *{overscroll-behavior:contain}.xl-bento__tile:after{content:"";z-index:2;border-radius:var(--radius-xl);box-shadow:inset 0 0 0 2px var(--color-ink);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out-quint);position:absolute;inset:0}.xl-tile[data-focused]:after{opacity:1}.xl-focus{z-index:3;background:var(--color-surface);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-border,#00000014), 0 2px 8px #00000014;font-size:var(--text-ui);letter-spacing:var(--text-ui--letter-spacing);line-height:24px;font-weight:var(--text-ui--font-weight);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 10px;display:flex;position:absolute;top:12px;right:12px}.xl-focus svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.xl-focus__on,.xl-tile[data-focused] .xl-focus__idle{display:none}.xl-tile[data-focused] .xl-focus__on{display:inline}.xl-tile[data-focused] .xl-focus{background:var(--color-ink);color:var(--color-ink-inverse)}@media (hover:hover) and (pointer:fine){.xl-focus{display:none}}.xl-live{position:absolute;inset:0}.xl-live__poster{z-index:2;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .18s var(--ease-out-quart), visibility 0s linear .18s;position:absolute;inset:0}.xl-live__poster--blank{background:var(--color-surface-raised)}.xl-live>picture{display:contents}.xl-live[data-live]>.xl-live__poster,.xl-live[data-live]>picture>.xl-live__poster{opacity:0;visibility:hidden}.xl-piece{border-radius:var(--radius-xl);background:var(--color-surface-raised);outline:1px solid var(--color-line)}.xl-bench{flex:none}.xl-piece [data-plate]{cursor:pointer}