html,body{margin:0;padding:0}body{overflow:overlay}*,*:before,*:after{box-sizing:border-box}:root{--base: .25rem;--spacing: calc(var(--base, .25rem) * 4)}:root{--easing: ease-out;--easing-time: .25s}:root{--outline-color: #0077ff;--outline-width: 2px;--outline-style: auto;--outline: var(--outline-style) var(--outline-width) var(--outline-color);--outline-offset: var(--base, .25rem)}*{outline:0}*:focus-visible{outline-width:var(--outline-width);outline-style:var(--outline-style);outline-color:var(--outline-color);outline-offset:var(--outline-offset)}:root{--font-sans: sans-serif;--font-serif: serif;--font-mono: monospace;--font-scale-xsmall: .75;--font-scale-small: .875;--font-scale-1: 1;--font-scale-2: 1.125;--font-scale-3: 1.25;--font-scale-4: 1.5;--font-scale-5: 1.75;--font-scale-6: 2;--font-scale-7: 2.5;--font-scale-8: 3;--font-scale-9: 4;--font-size-xsmall: calc(var(--font-scale-xsmall) * 1rem);--font-size-small: calc(var(--font-scale-small) * 1rem);--font-size-1: calc(var(--font-scale-1) * 1rem);--font-size-2: calc(var(--font-scale-2) * 1rem);--font-size-3: calc(var(--font-scale-3) * 1rem);--font-size-4: calc(var(--font-scale-4) * 1rem);--font-size-5: calc(var(--font-scale-5) * 1rem);--font-size-6: calc(var(--font-scale-6) * 1rem);--font-size-7: calc(var(--font-scale-7) * 1rem);--font-size-8: calc(var(--font-scale-8) * 1rem);--font-size-9: calc(var(--font-scale-9) * 1rem);--weight-light: 300;--weight-normal: 400;--weight-bold: 700}.sans{font-family:var(--font-sans)}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.light{font-weight:var(--weight-light)}.regular{font-weight:var(--weight-normal)}.bold{font-weight:var(--weight-bold)}.italic{font-style:italic}.oblique{font-style:oblique}.f-xs{font-size:var(--font-size-xsmall)}.f-s{font-size:var(--font-size-small)}.f-1{font-size:var(--font-size-1)}.f-2{font-size:var(--font-size-2)}.f-3{font-size:var(--font-size-3)}.f-4{font-size:var(--font-size-4)}.f-5{font-size:var(--font-size-5)}.f-6{font-size:var(--font-size-6)}.f-7{font-size:var(--font-size-7)}.f-8{font-size:var(--font-size-8)}.f-9{font-size:var(--font-size-9)}.heading-1{font-size:var(--font-size-8)}.heading-2{font-size:var(--font-size-7)}.heading-3{font-size:var(--font-size-6)}.heading-4{font-size:var(--font-size-5)}.heading-5{font-size:var(--font-size-4)}.heading-6{font-size:var(--font-size-3)}:root{--gutter: var(--spacing, calc(var(--base, .25rem) * 4));--gap: var(--spacing, calc(var(--base, .25rem) * 4));--viewport: 1280px;--columns: 12;--column: calc((var(--viewport) - var(--gap) * (var(--columns) - 1) - var(--gutter) * 2) / var(--columns))}.viewport{width:var(--viewport);max-width:100%;padding:0 var(--gutter)}.block{display:block}.row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;gap:var(--gap)}.column{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;gap:var(--gap)}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--w-span, var(--columns)),1fr);grid-auto-rows:min-content}.gap-0{gap:0}.gap-xs,.gap-xsmall{gap:calc(var(--gap) * .25)}.gap-s,.gap-small{gap:calc(var(--gap) * .5)}.gap-1{gap:var(--gap)}.gap-2{gap:calc(var(--gap) * 2)}.gap-3{gap:calc(var(--gap) * 3)}.gap-4{gap:calc(var(--gap) * 4)}.gap-5{gap:calc(var(--gap) * 5)}.gap-row-0{row-gap:0}.gap-row-xs{row-gap:calc(var(--gap) * .25)}.gap-row-s{row-gap:calc(var(--gap) * .5)}.gap-row-1{row-gap:var(--gap)}.gap-row-2{row-gap:calc(var(--gap) * 2)}.gap-row-3{row-gap:calc(var(--gap) * 3)}.gap-row-4{row-gap:calc(var(--gap) * 4)}.gap-row-5{row-gap:calc(var(--gap) * 5)}.gap-column-0{column-gap:0}.gap-column-xs{column-gap:calc(var(--gap) * .25)}.gap-column-s{column-gap:calc(var(--gap) * .5)}.gap-column-1{column-gap:var(--gap)}.gap-column-2{column-gap:calc(var(--gap) * 2)}.gap-column-3{column-gap:calc(var(--gap) * 3)}.gap-column-4{column-gap:calc(var(--gap) * 4)}.gap-column-5{column-gap:calc(var(--gap) * 5)}.flex,.fill{flex:auto}.full{width:100%;height:100%}.explode{width:calc(100% + (var(--gutter) * 2));height:calc(100% + (var(--gutter) * 2));margin:calc(var(--gutter) * -1);padding:var(--gutter)}.explode-x{width:calc(100% + (var(--gutter) * 2));margin-right:calc(var(--gutter) * -1);margin-left:calc(var(--gutter) * -1);padding-right:var(--gutter);padding-left:var(--gutter)}.explode-y{height:calc(100% + (var(--gutter) * 2));margin-top:calc(var(--gutter) * -1);margin-bottom:calc(var(--gutter) * -1);padding-top:var(--gutter);padding-bottom:var(--gutter)}.w-1,.w-2,.w-3,.w-4,.w-5,.w-6,.w-7,.w-8,.w-9,.w-10,.w-11,.w-12,.w-13,.w-14{--w-span: 0;width:calc(var(--column) * var(--w-span) + var(--gap) * (var(--w-span) - 1));grid-column-end:span var(--w-span)}.grid>:is(.w-1,.w-2,.w-3,.w-4,.w-5,.w-6,.w-7,.w-8,.w-9,.w-10,.w-11,.w-12,.w-13,.w-14){width:100%}.w-1{--w-span: 1}.w-2{--w-span: 2}.w-3{--w-span: 3}.w-4{--w-span: 4}.w-5{--w-span: 5}.w-6{--w-span: 6}.w-7{--w-span: 7}.w-8{--w-span: 8}.w-9{--w-span: 9}.w-10{--w-span: 10}.w-11{--w-span: 11}.w-12{--w-span: 12}.w-13{--w-span: 13}.w-14{--w-span: 14}.w-full{width:100%;grid-column:1 / -1}.h-1,.h-2,.h-3,.h-4,.h-5,.h-6,.h-7,.h-8,.h-9,.h-10,.h-11,.h-12,.h-13,.h-14{--h-span: 0;height:calc(var(--column) * var(--h-span) + var(--gap) * (var(--h-span) - 1));grid-row:span var(--h-span)}.h-1{--h-span: 1}.h-2{--h-span: 2}.h-3{--h-span: 3}.h-4{--h-span: 4}.h-5{--h-span: 5}.h-6{--h-span: 6}.h-7{--h-span: 7}.h-8{--h-span: 8}.h-9{--h-span: 9}.h-10{--h-span: 10}.h-11{--h-span: 11}.h-12{--h-span: 12}.h-13{--h-span: 13}.h-14{--h-span: 14}.h-full{height:100%;grid-row:1 / -1}.no-wrap{flex-wrap:nowrap}.align-justify{align-items:stretch}.align-start{align-content:flex-start;align-items:flex-start}.align-center{align-content:center;align-items:center}.align-end{align-content:flex-end;align-items:flex-end}.align-baseline{align-content:baseline;align-items:baseline}.align-stretch{align-content:stretch;align-items:stretch}.stretch{justify-content:stretch}.justify{justify-content:space-between}.start{justify-content:flex-start}.center{justify-content:center}.end{justify-content:flex-end}.scroll{overflow:auto;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}:root{--padding: calc(var(--base, .25rem) * 2)}.p-0{padding:0}.p-1{padding:var(--padding)}.p-2{padding:calc(var(--padding) * 2)}.p-3{padding:calc(var(--padding) * 3)}.p-4{padding:calc(var(--padding) * 4)}.p-5{padding:calc(var(--padding) * 5)}.p-6{padding:calc(var(--padding) * 6)}.p-7{padding:calc(var(--padding) * 7)}.p-8{padding:calc(var(--padding) * 8)}.p-9{padding:calc(var(--padding) * 9)}.p-10{padding:calc(var(--padding) * 10)}.px-0{padding-right:0;padding-left:0}.px-1{padding-right:var(--padding);padding-left:var(--padding)}.px-2{padding-right:calc(var(--padding) * 2);padding-left:calc(var(--padding) * 2)}.px-3{padding-right:calc(var(--padding) * 3);padding-left:calc(var(--padding) * 3)}.px-4{padding-right:calc(var(--padding) * 4);padding-left:calc(var(--padding) * 4)}.px-5{padding-right:calc(var(--padding) * 5);padding-left:calc(var(--padding) * 5)}.px-6{padding-right:calc(var(--padding) * 6);padding-left:calc(var(--padding) * 6)}.px-7{padding-right:calc(var(--padding) * 7);padding-left:calc(var(--padding) * 7)}.px-8{padding-right:calc(var(--padding) * 8);padding-left:calc(var(--padding) * 8)}.px-9{padding-right:calc(var(--padding) * 9);padding-left:calc(var(--padding) * 9)}.px-10{padding-right:calc(var(--padding) * 10);padding-left:calc(var(--padding) * 10)}.py-1{padding-top:var(--padding);padding-bottom:var(--padding)}.py-2{padding-top:calc(var(--padding) * 2);padding-bottom:calc(var(--padding) * 2)}.py-3{padding-top:calc(var(--padding) * 3);padding-bottom:calc(var(--padding) * 3)}.py-4{padding-top:calc(var(--padding) * 4);padding-bottom:calc(var(--padding) * 4)}.py-5{padding-top:calc(var(--padding) * 5);padding-bottom:calc(var(--padding) * 5)}.py-6{padding-top:calc(var(--padding) * 6);padding-bottom:calc(var(--padding) * 6)}.py-7{padding-top:calc(var(--padding) * 7);padding-bottom:calc(var(--padding) * 7)}.py-8{padding-top:calc(var(--padding) * 8);padding-bottom:calc(var(--padding) * 8)}.py-9{padding-top:calc(var(--padding) * 9);padding-bottom:calc(var(--padding) * 9)}.py-10{padding-top:calc(var(--padding) * 10);padding-bottom:calc(var(--padding) * 10)}.pt-0{padding-top:0}.pt-1{padding-top:var(--padding)}.pt-2{padding-top:calc(var(--padding) * 2)}.pt-3{padding-top:calc(var(--padding) * 3)}.pt-4{padding-top:calc(var(--padding) * 4)}.pt-5{padding-top:calc(var(--padding) * 5)}.pt-6{padding-top:calc(var(--padding) * 6)}.pt-7{padding-top:calc(var(--padding) * 7)}.pt-8{padding-top:calc(var(--padding) * 8)}.pt-9{padding-top:calc(var(--padding) * 9)}.pt-10{padding-top:calc(var(--padding) * 10)}.pr-0{padding-right:0}.pr-1{padding-right:var(--padding)}.pr-2{padding-right:calc(var(--padding) * 2)}.pr-3{padding-right:calc(var(--padding) * 3)}.pr-4{padding-right:calc(var(--padding) * 4)}.pr-5{padding-right:calc(var(--padding) * 5)}.pr-6{padding-right:calc(var(--padding) * 6)}.pr-7{padding-right:calc(var(--padding) * 7)}.pr-8{padding-right:calc(var(--padding) * 8)}.pr-9{padding-right:calc(var(--padding) * 9)}.pr-10{padding-right:calc(var(--padding) * 10)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--padding)}.pb-2{padding-bottom:calc(var(--padding) * 2)}.pb-3{padding-bottom:calc(var(--padding) * 3)}.pb-4{padding-bottom:calc(var(--padding) * 4)}.pb-5{padding-bottom:calc(var(--padding) * 5)}.pb-6{padding-bottom:calc(var(--padding) * 6)}.pb-7{padding-bottom:calc(var(--padding) * 7)}.pb-8{padding-bottom:calc(var(--padding) * 8)}.pb-9{padding-bottom:calc(var(--padding) * 9)}.pb-10{padding-bottom:calc(var(--padding) * 10)}.pl-0{padding-left:0}.pl-1{padding-left:var(--padding)}.pl-2{padding-left:calc(var(--padding) * 2)}.pl-3{padding-left:calc(var(--padding) * 3)}.pl-4{padding-left:calc(var(--padding) * 4)}.pl-5{padding-left:calc(var(--padding) * 5)}.pl-6{padding-left:calc(var(--padding) * 6)}.pl-7{padding-left:calc(var(--padding) * 7)}.pl-8{padding-left:calc(var(--padding) * 8)}.pl-9{padding-left:calc(var(--padding) * 9)}.pl-10{padding-left:calc(var(--padding) * 10)}:root{--margin: calc(var(--base, .25rem) * 2)}.m-auto{margin:auto}.m-0{margin:0}.m-1{margin:var(--margin)}.m-2{margin:calc(var(--margin) * 2)}.m-3{margin:calc(var(--margin) * 3)}.m-4{margin:calc(var(--margin) * 4)}.m-5{margin:calc(var(--margin) * 5)}.m-6{margin:calc(var(--margin) * 6)}.m-7{margin:calc(var(--margin) * 7)}.m-8{margin:calc(var(--margin) * 8)}.m-9{margin:calc(var(--margin) * 9)}.m-10{margin:calc(var(--margin) * 10)}.mx-auto{margin-right:auto;margin-left:auto}.mx-0{margin-right:0;margin-left:0}.mx-1{margin-right:var(--margin);margin-left:var(--margin)}.mx-2{margin-right:calc(var(--margin) * 2);margin-left:calc(var(--margin) * 2)}.mx-3{margin-right:calc(var(--margin) * 3);margin-left:calc(var(--margin) * 3)}.mx-4{margin-right:calc(var(--margin) * 4);margin-left:calc(var(--margin) * 4)}.mx-5{margin-right:calc(var(--margin) * 5);margin-left:calc(var(--margin) * 5)}.mx-6{margin-right:calc(var(--margin) * 6);margin-left:calc(var(--margin) * 6)}.mx-7{margin-right:calc(var(--margin) * 7);margin-left:calc(var(--margin) * 7)}.mx-8{margin-right:calc(var(--margin) * 8);margin-left:calc(var(--margin) * 8)}.mx-9{margin-right:calc(var(--margin) * 9);margin-left:calc(var(--margin) * 9)}.mx-10{margin-right:calc(var(--margin) * 10);margin-left:calc(var(--margin) * 10)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--margin);margin-bottom:var(--margin)}.my-2{margin-top:calc(var(--margin) * 2);margin-bottom:calc(var(--margin) * 2)}.my-3{margin-top:calc(var(--margin) * 3);margin-bottom:calc(var(--margin) * 3)}.my-4{margin-top:calc(var(--margin) * 4);margin-bottom:calc(var(--margin) * 4)}.my-5{margin-top:calc(var(--margin) * 5);margin-bottom:calc(var(--margin) * 5)}.my-6{margin-top:calc(var(--margin) * 6);margin-bottom:calc(var(--margin) * 6)}.my-7{margin-top:calc(var(--margin) * 7);margin-bottom:calc(var(--margin) * 7)}.my-8{margin-top:calc(var(--margin) * 8);margin-bottom:calc(var(--margin) * 8)}.my-9{margin-top:calc(var(--margin) * 9);margin-bottom:calc(var(--margin) * 9)}.my-10{margin-top:calc(var(--margin) * 10);margin-bottom:calc(var(--margin) * 10)}.mt-auto{margin-top:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--margin)}.mt-2{margin-top:calc(var(--margin) * 2)}.mt-3{margin-top:calc(var(--margin) * 3)}.mt-4{margin-top:calc(var(--margin) * 4)}.mt-5{margin-top:calc(var(--margin) * 5)}.mt-6{margin-top:calc(var(--margin) * 6)}.mt-7{margin-top:calc(var(--margin) * 7)}.mt-8{margin-top:calc(var(--margin) * 8)}.mt-9{margin-top:calc(var(--margin) * 9)}.mt-10{margin-top:calc(var(--margin) * 10)}.mr-auto{margin-right:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--margin)}.mr-2{margin-right:calc(var(--margin) * 2)}.mr-3{margin-right:calc(var(--margin) * 3)}.mr-4{margin-right:calc(var(--margin) * 4)}.mr-5{margin-right:calc(var(--margin) * 5)}.mr-6{margin-right:calc(var(--margin) * 6)}.mr-7{margin-right:calc(var(--margin) * 7)}.mr-8{margin-right:calc(var(--margin) * 8)}.mr-9{margin-right:calc(var(--margin) * 9)}.mr-10{margin-right:calc(var(--margin) * 10)}.mb-auto{margin-bottom:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--margin)}.mb-2{margin-bottom:calc(var(--margin) * 2)}.mb-3{margin-bottom:calc(var(--margin) * 3)}.mb-4{margin-bottom:calc(var(--margin) * 4)}.mb-5{margin-bottom:calc(var(--margin) * 5)}.mb-6{margin-bottom:calc(var(--margin) * 6)}.mb-7{margin-bottom:calc(var(--margin) * 7)}.mb-8{margin-bottom:calc(var(--margin) * 8)}.mb-9{margin-bottom:calc(var(--margin) * 9)}.mb-10{margin-bottom:calc(var(--margin) * 10)}.ml-auto{margin-left:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--margin)}.ml-2{margin-left:calc(var(--margin) * 2)}.ml-3{margin-left:calc(var(--margin) * 3)}.ml-4{margin-left:calc(var(--margin) * 4)}.ml-5{margin-left:calc(var(--margin) * 5)}.ml-6{margin-left:calc(var(--margin) * 6)}.ml-7{margin-left:calc(var(--margin) * 7)}.ml-8{margin-left:calc(var(--margin) * 8)}.ml-9{margin-left:calc(var(--margin) * 9)}.ml-10{margin-left:calc(var(--margin) * 10)}:root{--shadow-color: rgba(66, 69, 72, .4);--shadow-filter: 0 0 2px var(--shadow-color);--shadow-inner-1: inset 0 1px 2px 0 var(--shadow-color);--shadow-inner-2: inset 0 2px 4px 0 var(--shadow-color);--shadow-inner-3: inset 0 3px 6px 0 var(--shadow-color);--shadow-inner-4: inset 0 4px 8px 0 var(--shadow-color);--shadow-0: none;--shadow-1: 0 1px 2px 0 var(--shadow-color);--shadow-2: 0 2px 4px 0 var(--shadow-color);--shadow-3: 0 3px 6px 0 var(--shadow-color);--shadow-4: 0 4px 8px 0 var(--shadow-color);--shadow-5: 0 5px 10px 0 var(--shadow-color);--shadow-6: 0 6px 12px 0 var(--shadow-color);--shadow-7: 0 7px 14px 0 var(--shadow-color);--shadow-8: 0 8px 16px 0 var(--shadow-color);--shadow-9: 0 9px 18px 0 var(--shadow-color);--shadow-10: 0 10px 20px 0 var(--shadow-color);--shadow-12: 0 12px 24px 0 var(--shadow-color);--shadow-16: 0 16px 32px 0 var(--shadow-color);--shadow-24: 0 24px 48px 0 var(--shadow-color)}.deep-1{box-shadow:var(--shadow-inner-1)}.deep-2{box-shadow:var(--shadow-inner-2)}.deep-3{box-shadow:var(--shadow-inner-3)}.deep-4{box-shadow:var(--shadow-inner-4)}.elevation-0{box-shadow:var(--shadow-0)}.elevation-1{box-shadow:var(--shadow-1)}.elevation-2{box-shadow:var(--shadow-2)}.elevation-3{box-shadow:var(--shadow-3)}.elevation-4{box-shadow:var(--shadow-4)}.elevation-5{box-shadow:var(--shadow-5)}.elevation-6{box-shadow:var(--shadow-6)}.elevation-7{box-shadow:var(--shadow-7)}.elevation-8{box-shadow:var(--shadow-8)}.elevation-9{box-shadow:var(--shadow-9)}.elevation-10{box-shadow:var(--shadow-10)}.elevation-12{box-shadow:var(--shadow-12)}.elevation-16{box-shadow:var(--shadow-16)}.elevation-24{box-shadow:var(--shadow-24)}:root{--color-surface: #ffffff;--color-text: #000000;--color-primary: #000000;--color-primary--text: #ffffff;--color-secondary: #333333;--color-secondary--text: #ffffff;--color-accent: #ef7d05;--color-accent--text: #ffffff;--color-disabled: #999999;--color-disabled--text: #000000;--color-success: #6baf1d;--color-success--text: #ffffff;--color-fail: #d0021b;--color-fail--text: #ffffff;--color-warning: #ffbb00;--color-warning--text: #000000;--color-info: #0077ff;--color-info--text: #ffffff;--color-neutral: #e5e5e5;--color-neutral--text: #000000;--color-overlay: rgba(0, 0, 0, .8);--color-overlay--text: #ffffff;--color-overlay-gradient: linear-gradient( to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, .01) 8.4%, hsla(0, 0%, 0%, .039) 16.1%, hsla(0, 0%, 0%, .083) 23.3%, hsla(0, 0%, 0%, .14) 29.9%, hsla(0, 0%, 0%, .207) 36.1%, hsla(0, 0%, 0%, .282) 42.1%, hsla(0, 0%, 0%, .36) 47.9%, hsla(0, 0%, 0%, .44) 53.6%, hsla(0, 0%, 0%, .518) 59.3%, hsla(0, 0%, 0%, .593) 65.2%, hsla(0, 0%, 0%, .66) 71.3%, hsla(0, 0%, 0%, .717) 77.7%, hsla(0, 0%, 0%, .761) 84.6%, hsla(0, 0%, 0%, .79) 92%, hsla(0, 0%, 0%, .8) 100% )}.text-primary{color:var(--color-primary);fill:var(--color-primary)}.text-secondary{color:var(--color-secondary);fill:var(--color-secondary)}.text-surface{color:var(--color-surface);fill:var(--color-surface)}.text-disabled{color:var(--color-disabled);fill:var(--color-disabled)}.text-accent{color:var(--color-accent);fill:var(--color-accent)}.text-success{color:var(--color-success);fill:var(--color-success)}.text-fail{color:var(--color-fail);fill:var(--color-fail)}.text-warning{color:var(--color-warning);fill:var(--color-warning)}.text-info{color:var(--color-info);fill:var(--color-info)}.text-overlay{color:var(--color-overlay);fill:var(--color-overlay)}.bg-primary{color:var(--color-primary--text);background-color:var(--color-primary);fill:var(--color-primary--text)}.bg-secondary{color:var(--color-secondary--text);background-color:var(--color-secondary);fill:var(--color-secondary--text)}.bg-surface{color:var(--color-text);background-color:var(--color-surface);fill:var(--color-text)}.bg-disabled{color:var(--color-disabled--text);background-color:var(--color-disabled);fill:var(--color-disabled--text)}.bg-accent{color:var(--color-accent--text);background-color:var(--color-accent);fill:var(--color-accent--text)}.bg-neutral{color:var(--color-neutral--text);background-color:var(--color-neutral);fill:var(--color-neutral--text)}.bg-success{color:var(--color-success--text);background-color:var(--color-success);fill:var(--color-success--text)}.bg-fail{color:var(--color-fail--text);background-color:var(--color-fail);fill:var(--color-fail--text)}.bg-warning{color:var(--color-warning--text);background-color:var(--color-warning);fill:var(--color-warning--text)}.bg-info{color:var(--color-info--text);background-color:var(--color-info);fill:var(--color-info--text)}.bg-overlay{color:var(--color-overlay--text);background-color:var(--color-overlay);fill:var(--color-overlay--text)}:root{--radius: var(--base, .25rem)}.radius-0{border-radius:0}.radius-1{border-radius:var(--radius)}.radius-2{border-radius:calc(var(--radius) * 2)}.radius-3{border-radius:calc(var(--radius) * 3)}.radius-4{border-radius:calc(var(--radius) * 4)}.radius-5{border-radius:calc(var(--radius) * 5)}.radius-6{border-radius:calc(var(--radius) * 6)}.radius-7{border-radius:calc(var(--radius) * 7)}.radius-8{border-radius:calc(var(--radius) * 8)}.radius-9{border-radius:calc(var(--radius) * 9)}.radius-10{border-radius:calc(var(--radius) * 10)}.radius-full{border-radius:50%}[class^=clamp-]:not(.clamp-1),[class*=" clamp-"]:not(.clamp-1){display:-webkit-box;line-clamp:var(--line-clamp, 1);overflow:hidden;-webkit-line-clamp:var(--line-clamp, 1);-webkit-box-orient:vertical}.clamp-1{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clamp-2{--line-clamp: 2}.clamp-3{--line-clamp: 3}.clamp-4{--line-clamp: 4}.clamp-5{--line-clamp: 5}:root{--scrollbar-width: 8px;--scrollbar-radius: 12px;--scrollbar-thumb-color: rgba(0, 0, 0, .25)}.scrollbar::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-color)}.scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:var(--scrollbar-radius)}.cover{object-fit:cover;object-position:center}.contain{object-fit:contain;object-position:center}@media (max-width: 639px){:root{--viewport: var(--window-width, 100vw);--columns: 4}.w-3,.w-4{--w-span: 2}.w-5,.w-6,.w-7,.w-8,.w-9,.w-10,.w-11,.w-12{--w-span: 4}}@media (min-width: 640px) and (max-width: 767px){:root{--viewport: var(--window-width, 100vw);--columns: 6}.w-7,.w-8,.w-9,.w-10,.w-11,.w-12{--w-span: 6}}@media (min-width: 768px) and (max-width: 1023px){:root{--viewport: var(--window-width, 100vw);--columns: 8}.w-2,.w-3{--w-span: 2}.w-4,.w-5{--w-span: 3}.w-6,.w-7{--w-span: 4}.w-8{--w-span: 5}.w-9{--w-span: 6}.w-10,.w-11{--w-span: 7}.w-12{--w-span: 8}}@media (min-width: 1024px) and (max-width: 1280px){:root{--viewport: var(--window-width, 100vw)}}cells-design-token{display:flex;flex-direction:column;max-width:100%}cells-design-token .design-token__wrapper{position:relative;display:flex;flex:1 auto;flex-direction:column;gap:1em}cells-design-token .design-token__wrapper .design-token__wrapper{padding:0}cells-design-token .design-token__name{display:flex;flex-direction:column}cells-design-token .design-token__wrapper p{margin:0;opacity:.5}cells-design-token .design-token__spacing{margin:.5em 0;background:#ff7575}cells-design-token .design-token__layout{width:calc(100% + 2em);margin:0 -.5em -.5em -1em;background:#e5e5e5;border-radius:inherit}cells-design-token[type=background]>.design-token__wrapper>.design-token__name{order:1;margin:auto -.5em 0;padding:.5em;background:#fffc;border-radius:inherit}cells-design-token[type=family] .design-token__wrapper,cells-design-token[type=size] .design-token__wrapper,cells-design-token[type=weight] .design-token__wrapper{gap:0}cells-design-token[type=family] .design-token__name,cells-design-token[type=size] .design-token__name,cells-design-token[type=weight] .design-token__name{flex-direction:row;gap:2em;width:100%}cells-design-token .design-token__value{display:inline-flex;align-items:center;max-width:100%;overflow:hidden}cells-design-token .design-token__value-field{position:relative;overflow:auto;font-family:monospace;white-space:nowrap}cells-design-token .design-token__value-field::-webkit-scrollbar{width:0;height:0}cells-design-token .design-token__value>button{flex:none;margin:0;padding:.5em;color:inherit;font-size:1em;line-height:1;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:background .25s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}cells-design-token .design-token__value>button:hover{background:#0000001a}cells-design-token .design-token__value>button:active{background:#0003}cells-design-token .design-token__value>button svg{display:block;width:1em;height:1em;fill:currentcolor}
