.ribbon.svelte-1vuj8cn{--s: .72;--gap: 2.25rem;--gutter: 1.5rem;--fade: 2.5rem;--rule: color-mix(in srgb, var(--sdarkgreen) 22%, transparent);--ease: cubic-bezier(.4, 0, .2, 1);padding-block:1rem}@media(min-width:640px){.ribbon.svelte-1vuj8cn{--s: .84;--gap: 3rem}}@media(min-width:768px){.ribbon.svelte-1vuj8cn{--gutter: 2.5rem;--fade: 5rem}}@media(min-width:1024px){.ribbon.svelte-1vuj8cn{--s: 1;--gap: 4rem;--gutter: 4rem;--fade: 8rem}}.band.svelte-1vuj8cn{position:relative}.rule.svelte-1vuj8cn{position:absolute;inset-inline:0;height:1px;background:var(--rule)}.rule-top.svelte-1vuj8cn{top:0}.rule-bottom.svelte-1vuj8cn{bottom:0}.band.svelte-1vuj8cn:before,.band.svelte-1vuj8cn:after{content:"";position:absolute;top:1px;bottom:1px;z-index:1;width:var(--fade);pointer-events:none;transition:opacity .2s var(--ease)}.band.svelte-1vuj8cn:before{left:0;background:linear-gradient(to right,var(--background),transparent)}.band.svelte-1vuj8cn:after{right:0;background:linear-gradient(to left,var(--background),transparent)}.at-start.svelte-1vuj8cn .band:where(.svelte-1vuj8cn):before,.at-end.svelte-1vuj8cn .band:where(.svelte-1vuj8cn):after{opacity:0}.viewport.svelte-1vuj8cn{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:1.75rem;user-select:none;-webkit-user-select:none}.viewport.svelte-1vuj8cn::-webkit-scrollbar{display:none}@media(min-width:1024px){.viewport.svelte-1vuj8cn{padding-block:2.5rem}}.is-motion.svelte-1vuj8cn .viewport:where(.svelte-1vuj8cn){overflow:hidden;overflow:clip;touch-action:pan-y;cursor:grab}.is-dragging.svelte-1vuj8cn .viewport:where(.svelte-1vuj8cn){cursor:grabbing}.row.svelte-1vuj8cn{position:relative;display:flex;align-items:center;gap:var(--gap);width:max-content;margin:0;padding:0 var(--gutter);list-style:none}.is-motion.svelte-1vuj8cn .row:where(.svelte-1vuj8cn){padding-inline:0;will-change:transform}.item.svelte-1vuj8cn{flex:none;width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px)}.mark.svelte-1vuj8cn{position:relative;display:block;width:100%;height:100%;border-radius:.5rem;-webkit-user-drag:none}a.mark.svelte-1vuj8cn:after{content:"";position:absolute;inset:-.875rem calc(var(--gap) * -.45)}a.mark.svelte-1vuj8cn:focus-visible{outline:2px solid var(--stealgreen);outline-offset:.5rem}.ink.svelte-1vuj8cn,.colour.svelte-1vuj8cn{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;transition:opacity .3s var(--ease)}.ink.svelte-1vuj8cn{opacity:1}.colour.svelte-1vuj8cn{opacity:0}@media(hover:hover){a.has-colour.svelte-1vuj8cn:hover .colour:where(.svelte-1vuj8cn){opacity:1}a.has-colour.svelte-1vuj8cn:hover .ink:where(.svelte-1vuj8cn){opacity:0}}a.has-colour.svelte-1vuj8cn:focus-visible .colour:where(.svelte-1vuj8cn){opacity:1}a.has-colour.svelte-1vuj8cn:focus-visible .ink:where(.svelte-1vuj8cn){opacity:0}.is-dragging.svelte-1vuj8cn a.has-colour:where(.svelte-1vuj8cn) .colour:where(.svelte-1vuj8cn){opacity:0}.is-dragging.svelte-1vuj8cn a.has-colour:where(.svelte-1vuj8cn) .ink:where(.svelte-1vuj8cn){opacity:1}