@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:400;src:url(https://assets.codepen.io/16327/PPMori-Regular.woff) format("woff")}@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:600;src:url(https://assets.codepen.io/16327/PPMori-SemiBold.woff) format("woff")}@font-face{font-display:block;font-family:Fraktion Mono;font-style:normal;font-weight:400;src:url(https://assets.codepen.io/16327/PPFraktionMono-Bold.woff) format("woff")}:root{--color-shockingly-green: #0ae448;--color-just-black: #0e100f;--color-surface-white: #fffce1;--color-pink: #fec5fb;--color-shockingly-pink: #f100cb;--color-orangey: #ff8709;--color-lilac: #9d95ff;--color-lt-green: #abff84;--color-blue: #00bae2;--color-grey: gray;--color-surface75: #bbbaa6;--color-surface50: #7c7c6f;--color-surface25: #42433d;--gradient-macha: linear-gradient( 114.41deg, var(--color-shockingly-green) 20.74%, var(--color-lt-green) 65.5% );--gradient-orange-crush: linear-gradient( 111.45deg, var(--color-orangey) 19.42%, #f7bdf8 73.08% );--gradient-lipstick: linear-gradient( 165.72deg, #f7bdf8 21.15%, #cd237f 81.93% );--gradient-purple-haze: linear-gradient( 153.58deg, #f7bdf8 32.25%, #2f3cc0 92.68% );--gradient-skyfall: linear-gradient( 131.77deg, #0a157a 30.82%, #15bfe4 81.82% );--gradient-emerald-city: linear-gradient( 166.9deg, var(--color-shockingly-green) 53.19%, #0085d0 107.69% );--gradient-summer-fair: linear-gradient( 144.02deg, var(--color-blue) 4.56%, var(--color-pink) 72.98% );--color-core-green: #dfffd1;--color-core-green-lt: #f3ffee;--color-core-gradient: radial-gradient( 89.08% 84.62% at 16.54% 78.46%, #fbfefa 0%, #c9f6b4 39.58%, #abff84 77.6%, #2fee65 100% );--color-core-button-gradient: linear-gradient( 114.41deg, #0ae448 20.74%, #abff84 65.5% );--color-core-heading-gradient: linear-gradient( 180deg, #d6ffc3 0%, rgba(214, 255, 195, 0) 100% ), #f3ffee;--color-core-intro-gradient: linear-gradient( 144.5deg, #e8ffdd 65.09%, #7dea7b 122.73% ), linear-gradient(311.31deg, #7ef89e 36.08%, #e5ffd9 106.98%);--color-text-purple: #d2ceff;--color-text-purple-lt: #dfdcff;--color-text-gradient: radial-gradient( 129.03% 100% at 120.97% 81.45%, #dfdcff 27.08%, #a69eff 100% );--color-svg-tangerine: #ffe3c7;--color-svg-tangerine-lt: #fff0e0;--color-svg-gradient: radial-gradient( 70.77% 70.77% at 0% 70.77%, #ffd9b0 0%, #fd9f3b 80.73%, #ff8709 100% );--color-svg-heading-gradient: linear-gradient( 180deg, #ffbd77 0%, rgba(254, 197, 251, 0) 100% ), #ffe4c7;--color-ui-blue: #bef3fe;--color-ui-blue-lt: #e1faff;--color-ui-blue-codeblk: #f6feff;--color-ui-text-gradient: linear-gradient( 168.89deg, #fec5fb -21.3%, #00bae2 89.88% );--color-ui-code-blocktext-gradient: linear-gradient( 142.91deg, #cef6ff 18.75%, #a6efff 54.93% );--color-ui-gradient: radial-gradient( 78.77% 78.77% at 71.71% 30.77%, #f0fcff 0%, #9bedff 67.21%, #98ecff 76.04%, #5be1ff 84.9%, #00bae2 94.79% );--color-ui-gradient-background: linear-gradient( 137.1deg, #ecfcff 27.5%, #a6efff 94.09% );--color-ui-gradient-flip-background: radial-gradient( 140% 190% at 117.54% 131.12%, #f0fcff 0%, #9bedff 25.52%, #98ecff 42.71%, #5be1ff 60.94%, #00bae2 94.79% );--color-scroll-pink: #ffd7fd;--color-scroll-pink-lt: #ffe9fe;--color-scroll-gradient: linear-gradient( 317.42deg, #ffe9fe 10.4%, #ff96f9 83.03% );--dark: var(--color-just-black);--grey-dark: var(--color-surface-25);--light: var(--color-surface-white);--mid: var(--color-surface-50);--grey: var(--color-grey);--gray: var(--color-grey);--green: var(--color-shockingly-green);--green-dark: var(--color-shockingly-green);--green-light: var(--color-lt-green);--blue: var(--color-blue);--purple: var(--color-lilac);--red: var(--color-pink);--orange: var(--color-orangey);accent-color:var(--color-shockingly-green)}:root{--f-0-min: 14;--f-0-max: 16;--step-0: calc( ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp) );--f-1-min: 16;--f-1-max: 22.5;--step-1: calc( ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp) );--f-2-min: 23.04;--f-2-max: 28.13;--step-2: calc( ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp) );--f-3-min: 27.65;--f-3-max: 35.16;--step-3: calc( ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) * var(--fluid-bp) );--f-4-min: 33.18;--f-4-max: 46;--step-4: calc( ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) * var(--fluid-bp) )}:root{--fluid-min-width: 320;--fluid-max-width: 1140;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) )}@media screen and (min-width: 1140px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px)}}:root{--fc-s-min: (var(--f-0-min, 21));--fc-s-max: (var(--f-0-max, 24));--fc-m-min: (var(--fc-s-min) * 6);--fc-m-max: (var(--fc-s-max) * 6);--fc-l-min: (var(--fc-s-min) * 8);--fc-l-max: (var(--fc-s-max) * 8);--fc-xl-min: (var(--fc-s-min) * 10);--fc-xl-max: (var(--fc-s-max) * 10);--space-s: calc( ((var(--fc-s-min) / 16) * 1rem) + (var(--fc-s-max) - var(--fc-s-min)) * var(--fluid-bp) );--space-m: calc( ((var(--fc-m-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-m-min)) * var(--fluid-bp) );--space-l: calc( ((var(--fc-l-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-l-min)) * var(--fluid-bp) );--space-xl: calc( ((var(--fc-xl-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-xl-min)) * var(--fluid-bp) );--space-s-m: calc( ((var(--fc-s-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-s-min)) * var(--fluid-bp) );--space-m-l: calc( ((var(--fc-m-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-m-min)) * var(--fluid-bp) );--space-l-xl: calc( ((var(--fc-l-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-l-min)) * var(--fluid-bp) )}.pad-s{padding-top:var(--space-s);padding-bottom:var(--space-s)}.pad-m{padding-top:var(--space-m);padding-bottom:var(--space-m)}.pad-l{padding-top:var(--space-l);padding-bottom:var(--space-l)}.pad-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.flow>*+*{margin-top:1em}.text-center{text-align:center}.box{width:75px;height:75px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--green);font-weight:600;color:var(--light)}.circle{width:75px;height:75px;border-radius:99px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--green);font-weight:600;color:var(--light)}.flex-row{width:100%;display:flex;align-items:center;justify-content:space-around}.center{display:flex;align-items:center;justify-content:center}.green{background-color:var(--green)}.blue{background-color:var(--blue)}.purple{background-color:var(--purple)}.red{background-color:var(--red)}.orange{background-color:var(--orange)}.dark{background-color:var(--dark);color:var(--light)}.light{background-color:var(--light);color:var(--dark)}.text-light{color:var(--light)}.text-dark{color:var(--dark)}.gray,.grey{background-color:var(--grey)}body{color:var(--color-surface-white);background-color:var(--dark);font-family:Mori,sans-serif;font-weight:400;margin:0;font-size:var(--step-0);line-height:1.45}h1,h2,h3,h4{margin:10px 0;font-weight:400;line-height:1.2}h1,.h1{font-size:var(--step-4)}h2,.h2{font-size:var(--step-3)}h3,.h3{font-size:var(--step-2)}h4,.h4,.lead{font-size:var(--step-1)}a{color:var(--green);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.light a{color:var(--green-dark)}button{display:inline-block;outline:none;background:var(--dark);border:solid 2px var(--light);color:var(--light);text-decoration:none;border-radius:99px;padding:12px 25px;text-transform:uppercase;font-weight:600;cursor:pointer;line-height:18px}.light button{color:var(--light);background-image:linear-gradient(to bottom,#575757,#414141)}.gsap-3-logo{width:20vw;max-width:150px;position:fixed;bottom:15px;right:15px}.panel{min-height:100vh;padding-left:.6rem;padding-right:.6rem}.panel.gray.circles{background-color:#777;background-image:radial-gradient(circle at 47% 14%,rgba(205,205,205,.04) 0%,rgba(205,205,205,.04) 43%,transparent 43%,transparent 100%),radial-gradient(circle at 35% 12%,rgba(215,215,215,.04) 0%,rgba(215,215,215,.04) 4%,transparent 4%,transparent 100%),radial-gradient(circle at 1% 35%,rgba(24,24,24,.04) 0%,rgba(24,24,24,.04) 37%,transparent 37%,transparent 100%),radial-gradient(circle at 21% 1%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.04) 26%,transparent 26%,transparent 100%),radial-gradient(circle at 23% 82%,rgba(249,249,249,.04) 0%,rgba(249,249,249,.04) 60%,transparent 60%,transparent 100%),radial-gradient(circle at 11% 54%,rgba(251,251,251,.04) 0%,rgba(251,251,251,.04) 23%,transparent 23%,transparent 100%),radial-gradient(circle at 69% 68%,rgba(234,234,234,.04) 0%,rgba(234,234,234,.04) 10%,transparent 10%,transparent 100%),linear-gradient(90deg,#777,#606060)}.panel.blue.circles{background-color:#2c7ad2;background-image:radial-gradient(circle at 47% 14%,rgba(205,205,205,.04) 0%,rgba(205,205,205,.04) 43%,transparent 43%,transparent 100%),radial-gradient(circle at 35% 12%,rgba(215,215,215,.04) 0%,rgba(215,215,215,.04) 4%,transparent 4%,transparent 100%),radial-gradient(circle at 1% 35%,rgba(24,24,24,.04) 0%,rgba(24,24,24,.04) 37%,transparent 37%,transparent 100%),radial-gradient(circle at 21% 1%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.04) 26%,transparent 26%,transparent 100%),radial-gradient(circle at 23% 82%,rgba(249,249,249,.04) 0%,rgba(249,249,249,.04) 60%,transparent 60%,transparent 100%),radial-gradient(circle at 11% 54%,rgba(251,251,251,.04) 0%,rgba(251,251,251,.04) 23%,transparent 23%,transparent 100%),radial-gradient(circle at 69% 68%,rgba(234,234,234,.04) 0%,rgba(234,234,234,.04) 10%,transparent 10%,transparent 100%),linear-gradient(90deg,#2c7ad2,#1568c6)}.panel.orange.circles{background-color:#e77614;background-image:radial-gradient(circle at 46% 40%,rgba(228,228,228,.06) 0%,rgba(228,228,228,.06) 13%,transparent 13%,transparent 100%),radial-gradient(circle at 11% 41%,rgba(198,198,198,.06) 0%,rgba(198,198,198,.06) 19%,transparent 19%,transparent 100%),radial-gradient(circle at 52% 23%,rgba(14,14,14,.06) 0%,rgba(14,14,14,.06) 69%,transparent 69%,transparent 100%),radial-gradient(circle at 13% 85%,rgba(148,148,148,.06) 0%,rgba(148,148,148,.06) 44%,transparent 44%,transparent 100%),radial-gradient(circle at 57% 74%,rgba(232,232,232,.06) 0%,rgba(232,232,232,.06) 21%,transparent 21%,transparent 100%),radial-gradient(circle at 59% 54%,rgba(39,39,39,.06) 0%,rgba(39,39,39,.06) 49%,transparent 49%,transparent 100%),radial-gradient(circle at 98% 38%,rgba(157,157,157,.06) 0%,rgba(157,157,157,.06) 24%,transparent 24%,transparent 100%),radial-gradient(circle at 8% 6%,rgba(60,60,60,.06) 0%,rgba(60,60,60,.06) 12%,transparent 12%,transparent 100%),linear-gradient(90deg,#ff7600,#ff7600)}.panel.red.circles{background-color:#c82736;background-image:radial-gradient(circle at 19% 90%,rgba(190,190,190,.04) 0%,rgba(190,190,190,.04) 17%,transparent 17%,transparent 100%),radial-gradient(circle at 73% 2%,rgba(78,78,78,.04) 0%,rgba(78,78,78,.04) 94%,transparent 94%,transparent 100%),radial-gradient(circle at 45% 2%,rgba(18,18,18,.04) 0%,rgba(18,18,18,.04) 55%,transparent 55%,transparent 100%),radial-gradient(circle at 76% 60%,rgba(110,110,110,.04) 0%,rgba(110,110,110,.04) 34%,transparent 34%,transparent 100%),radial-gradient(circle at 68% 56%,rgba(246,246,246,.04) 0%,rgba(246,246,246,.04) 16%,transparent 16%,transparent 100%),radial-gradient(circle at 71% 42%,rgba(156,156,156,.04) 0%,rgba(156,156,156,.04) 47%,transparent 47%,transparent 100%),radial-gradient(circle at 46% 82%,rgba(247,247,247,.04) 0%,rgba(247,247,247,.04) 39%,transparent 39%,transparent 100%),radial-gradient(circle at 50% 47%,rgba(209,209,209,.04) 0%,rgba(209,209,209,.04) 45%,transparent 45%,transparent 100%),linear-gradient(90deg,#e53949,#cc2232)}.panel.\.circles{background-color:#8d3dae;background-image:radial-gradient(circle at 47% 14%,rgba(205,205,205,.04) 0%,rgba(205,205,205,.04) 43%,transparent 43%,transparent 100%),radial-gradient(circle at 35% 12%,rgba(215,215,215,.04) 0%,rgba(215,215,215,.04) 4%,transparent 4%,transparent 100%),radial-gradient(circle at 1% 35%,rgba(24,24,24,.04) 0%,rgba(24,24,24,.04) 37%,transparent 37%,transparent 100%),radial-gradient(circle at 21% 1%,rgba(0,0,0,.04) 0%,rgba(0,0,0,.04) 26%,transparent 26%,transparent 100%),radial-gradient(circle at 23% 82%,rgba(249,249,249,.04) 0%,rgba(249,249,249,.04) 60%,transparent 60%,transparent 100%),radial-gradient(circle at 11% 54%,rgba(251,251,251,.04) 0%,rgba(251,251,251,.04) 23%,transparent 23%,transparent 100%),radial-gradient(circle at 69% 68%,rgba(234,234,234,.04) 0%,rgba(234,234,234,.04) 10%,transparent 10%,transparent 100%),linear-gradient(90deg,#8d3dae,#8d3dae)}.panel.green.circles{background-color:#28a92b;background-image:radial-gradient(circle at 46% 40%,rgba(228,228,228,.06) 0%,rgba(228,228,228,.06) 13%,transparent 13%,transparent 100%),radial-gradient(circle at 11% 41%,rgba(198,198,198,.06) 0%,rgba(198,198,198,.06) 19%,transparent 19%,transparent 100%),radial-gradient(circle at 52% 23%,rgba(14,14,14,.06) 0%,rgba(14,14,14,.06) 69%,transparent 69%,transparent 100%),radial-gradient(circle at 13% 85%,rgba(148,148,148,.06) 0%,rgba(148,148,148,.06) 44%,transparent 44%,transparent 100%),radial-gradient(circle at 57% 74%,rgba(232,232,232,.06) 0%,rgba(232,232,232,.06) 21%,transparent 21%,transparent 100%),radial-gradient(circle at 59% 54%,rgba(39,39,39,.06) 0%,rgba(39,39,39,.06) 49%,transparent 49%,transparent 100%),radial-gradient(circle at 98% 38%,rgba(157,157,157,.06) 0%,rgba(157,157,157,.06) 24%,transparent 24%,transparent 100%),radial-gradient(circle at 8% 6%,rgba(60,60,60,.06) 0%,rgba(60,60,60,.06) 12%,transparent 12%,transparent 100%),linear-gradient(90deg,#28a92b,#10a614)}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#000;font-weight:400;text-transform:uppercase;font-size:16px;overflow:visible}.scroll-down .arrow{position:relative;top:-4px;margin:0 auto;width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZmlsbD0iYmxhY2siIGQ9Ik00ODMuMiwxOTIuMmMtMjAuNS0yMC41LTUzLjUtMjAuOC03My43LTAuNkwyNTcsMzQ0LjFMMTA0LjUsMTkxLjZjLTIwLjItMjAuMi01My4yLTE5LjktNzMuNywwLjYKCWMtMjAuNSwyMC41LTIwLjgsNTMuNS0wLjYsNzMuN2wxOTAsMTkwYzEwLjEsMTAuMSwyMy40LDE1LjEsMzYuOCwxNWMxMy4zLDAuMSwyNi43LTQuOSwzNi44LTE1bDE5MC0xOTAKCUM1MDMuOSwyNDUuNyw1MDMuNywyMTIuNyw0ODMuMiwxOTIuMnoiLz4KPC9zdmc+);background-size:contain}.panel p strong,.panel li strong{color:#fff;font-weight:400}.panel p code,.panel li code{background-color:#ffffff26;padding:2px 4px;border-radius:5px}.panel li{margin:0}pre.prettyprint{max-width:100%;overflow:auto}ul pre.prettyprint{margin-left:-.5rem}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#262626}:not(pre)>code[class*=language-]{padding:1rem;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#fff}.token.boolean,.token.number{color:var(--color-orangey)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--color-shockingly-green)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#fff}.token.keyword{color:#8be9fd}.token.regex,.token.important{color:#ffb86c}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.vh{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.checkbox label{display:flex;align-items:center;flex-direction:row;justify-content:center}.checkbox label:before{content:"";width:20px;height:20px;border-radius:2px;background:var(--light);display:inline-block;margin-right:10px}.checkbox input[type=checkbox]:checked~label:before{background:var(--green-light) no-repeat center;background-size:12px 12px;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)}.button{user-select:none}body{background:linear-gradient(to bottom right,#ffe259,#ffa751)}.app{padding:10px}.item.exiting,.item.exited{display:none}.container{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:.5rem}button{margin:1rem .5rem}.item{padding:.5rem 1rem;border:solid 2px var(--color-surface-white);border-radius:10px;background-color:var(--color-just-black)}