.club-card[data-v-8053ac95]{aspect-ratio:4/5;border:2px solid;border-radius:.75rem;flex-direction:column;justify-content:flex-end;height:auto;padding:.5rem;display:flex;position:relative}.club-card__image[data-v-8053ac95]{z-index:-10;width:auto;max-width:none;height:104%;margin:0;transition:all .1s ease-in;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}.club-card__label[data-v-8053ac95]{text-box-trim:trim-both;color:var(--color-bg);line-height:1.3}.hint[data-v-8053ac95]{background:var(--color-text);display:inline}@media (hover:hover){.club-card[data-v-8053ac95]:hover{border-color:var(--color-primary-alt-2)}.club-card:hover .hint[data-v-8053ac95]{background-color:var(--color-primary-alt-2)}.club-card:hover .club-card__image[data-v-8053ac95]{height:110%;transition:all .1s ease-out;bottom:-6%}}.tomatoverse-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid;overflow:visible}.markdown-content .tomatoverse-card-list{margin:.5rem 0 2.5rem}@media (width>=640px){.markdown-content .tomatoverse-card-list{margin-inline:-.5rem}.tomatoverse-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tomatoverse-card-order-1{order:1}.tomatoverse-card-order-2{order:2}.tomatoverse-card-order-3{order:3}}.markdown-content .tomato{width:2rem;margin:0;padding:0;display:inline-block;transform:translateY(20%)}.word[data-v-2111900c]{white-space:nowrap}@media (hover:hover){.letter[data-v-2111900c]{position:relative}.interactive-letter[data-v-2111900c]{display:inline-block}.interactive-letter[data-v-2111900c]:after{content:attr(data-letter);opacity:0;font-family:Mess,serif;transition:opacity 0s linear .5s;position:absolute;bottom:0;left:0;scale:1.15}.interactive-letter .letter-content[data-v-2111900c]{transition:opacity 0s linear .5s}.interactive-letter[data-v-2111900c]:hover:after{opacity:1;transition-delay:0s}.interactive-letter:hover .letter-content[data-v-2111900c]{opacity:0;transition-delay:0s}}.wrapper[data-v-96f7a250]{grid-column:span 6}@media (width<=768px){.wrapper[data-v-96f7a250]{grid-column:span 12}}.cover[data-v-96f7a250]{--border-radius:3rem;aspect-ratio:1;border-radius:var(--border-radius);justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}@media (width<=768px){.cover[data-v-96f7a250]{--border-radius:1.5rem}}.cover>img[data-v-96f7a250],.cover>img[data-v-96f7a250-s]{background-size:cover;width:100%;height:100%}.cover-fallback[data-v-96f7a250]{background-color:#ad6ba9;width:100%;height:100%}.animated-border[data-v-96f7a250]{z-index:10;border-radius:var(--border-radius);border:5px solid #0000;transition:border .2s;position:absolute;inset:0}@media (hover:hover){.wrapper:hover .animated-border[data-v-96f7a250]{border-color:var(--color-primary-alt-2);transition:none}}.content[data-v-96f7a250]{justify-content:space-between;column-gap:1.5rem;margin-top:.5rem;display:flex}.wrapper[data-v-99255aae]{font-family:Geologica Variable,Arial,Helvetica,sans-serif;font-size:2rem;transition:color .2s}@media (width<=1024px){.wrapper[data-v-99255aae]{margin-bottom:.75rem}}@media (width<=768px){.wrapper[data-v-99255aae]{font-size:inherit}}@media (hover:hover){.wrapper[data-v-99255aae]:hover{color:var(--color-primary-alt-2);transition:none}}.text[data-v-99255aae]{grid-column:span 9;position:relative}.in-article .text[data-v-99255aae]{grid-column:span 10}@media (width<=1024px){.text[data-v-99255aae],.in-article .text[data-v-99255aae]{grid-column:1/12}}.year[data-v-99255aae]{grid-column:1/3;position:relative}.in-article .year[data-v-99255aae]{grid-column:1/2}@media (width<=1024px){.year[data-v-99255aae],.in-article .year[data-v-99255aae]{display:none}}.comma-year[data-v-99255aae]{display:none}@media (width<=1024px){.comma-year[data-v-99255aae]{display:inline}}.hero-spacer[data-v-ec11ccc7]{block-size:12rem}.home-title[data-v-ec11ccc7]{text-wrap:balance;grid-column:span 6;align-self:end;margin:0;font-size:2rem}@media (width<=768px){.home-title[data-v-ec11ccc7]{grid-column:span 9}}.home-subtitle[data-v-ec11ccc7]{text-wrap:balance;font-size:2rem}.home-avatar[data-v-ec11ccc7]{aspect-ratio:1;object-fit:cover;object-position:bottom;grid-column:span 2;width:calc(100% + .5rem);height:auto;transition:rotate .5s ease-out;display:block;position:relative;top:0;overflow:visible}@media (width<=768px){.home-avatar[data-v-ec11ccc7]{grid-column:1/span 3;top:-.125rem;left:.125rem}}.links[data-v-ec11ccc7]{flex-wrap:wrap;gap:.25rem 1.5rem;margin:1.125rem 0 2.25rem;padding:0;line-height:2.25rem;display:flex}@media (width<=768px){.links[data-v-ec11ccc7]{gap:.25rem 1rem;margin:.75rem 0 0}.space[data-v-ec11ccc7]{height:4rem}}@media (width<=1024px){.space[data-v-ec11ccc7]{height:2rem}}.decoration-container[data-v-4447bc9d]{pointer-events:none;position:absolute;inset:0 0 -20rem;overflow:hidden}.decoration[data-v-4447bc9d]{--scroll-position:var(--744efb1b);white-space:nowrap;color:#0000;z-index:-10;-webkit-user-select:none;user-select:none;background-image:linear-gradient(-30deg,#ce63e4,#faa9d3);-webkit-background-clip:text;background-clip:text;font-family:Mess,serif;font-size:48rem;line-height:1;position:absolute;top:-1rem;right:-3rem}@media (width<=768px){.decoration[data-v-4447bc9d]{color:#ecb0ed;font-size:20rem;top:5rem;left:-2rem}}.header[data-v-1ef929eb]{z-index:10;margin-block:1rem 8rem}.header [data-v-1ef929eb]{grid-column:span 2}@media (width<=768px){.header [data-v-1ef929eb]{grid-column:10/span 6}}.header a[data-v-1ef929eb]:hover{color:var(--color-primary-alt-2)}.link-home[data-v-1ef929eb]{grid-column:col-start/span 6}.footer[data-v-21466689]{margin:4.5rem 0 2rem}@media (width<=768px){.read-next+.footer{margin-top:1.75rem}}.webring-block[data-v-21466689]{text-align:end;color:var(--color-primary-alt-1);flex-direction:column;grid-column:span 4;margin-top:1lh;display:flex}@media (width<=1024px){.webring-block[data-v-21466689]{text-align:start;grid-column:span 12}}.sign[data-v-21466689]{grid-column:span 1}.sign>img[data-v-21466689]{height:5rem;margin:-8% -12%}@media (width<=768px){.sign>img[data-v-21466689]{height:4rem}}.text[data-v-21466689]{grid-column:span 7}@media (width<=1024px){.text[data-v-21466689]{grid-column:span 11}}.custom-cursor[data-v-62366cc5]{--cursor-x:-6rem;--cursor-y:-6rem;--cursor-scale:1;aspect-ratio:1;pointer-events:none;z-index:1000;opacity:0;width:2.75rem;transform:translate3d(var(--cursor-x), var(--cursor-y), 0) translate(-8%, -10%) scale(var(--cursor-scale));transform-origin:12% 12%;filter:drop-shadow(-.08rem -.08rem 0rem var(--color-bg)) drop-shadow(-.08rem .08rem 0rem var(--color-bg)) drop-shadow(.08rem -.08rem 0rem var(--color-bg)) drop-shadow(.08rem .08rem 0rem var(--color-bg));will-change:transform, opacity;background:url(/assets/cursor.svg) 50%/contain no-repeat;transition:opacity .18s,filter .18s;position:fixed;top:0;left:0}.custom-cursor.is-pointer-target[data-v-62366cc5]{background-image:url(/assets/pointer.svg)}.custom-cursor.is-visible[data-v-62366cc5]{opacity:.96}.custom-cursor.is-active[data-v-62366cc5]{--cursor-scale:.9}.hidden[data-v-b934eccf]{display:none}.read-next[data-v-b934eccf]{margin-top:6rem}@media (width<=768px){.read-next[data-v-b934eccf]{margin-top:1.75rem}}.heading[data-v-b934eccf]{margin-bottom:1.125rem;font-size:2rem}@media (width<=768px){.heading[data-v-b934eccf]{font-size:inherit}}@media (width<=1024px){.heading[data-v-b934eccf]{margin-bottom:1.5rem}}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-ext-wght-normal.Dg9mv8jK.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-wght-normal.0JJv9mHR.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-ext-wght-normal.DNEZwJEI.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-wght-normal.B2EMQq5c.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-vietnamese-wght-normal.D0yOUbYE.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-ext-wght-normal.DZ66aWwg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-wght-normal.DMyhyQJL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-ext-wght-italic.CUyeUG01.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-cyrillic-wght-italic.DrlkV1_Z.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-ext-wght-italic.J8XCCFhb.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-greek-wght-italic.CgMqAsc0.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-vietnamese-wght-italic.CVeou-Vt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-ext-wght-italic.BZwNvId9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/alegreya-latin-wght-italic.t_XFD7kt.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-cyrillic-ext-wght-normal.C8B9Chlh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-cyrillic-wght-normal.DbeVG3Ps.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-greek-wght-normal.DPM5d9ub.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-vietnamese-wght-normal.DcI17N1q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-latin-ext-wght-normal.DZyYlgcm.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geologica Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geologica-latin-wght-normal.BBL8hQxZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mess;src:url(/assets/Mess.otf)format("opentype");font-display:block}:root{--color-primary-alt-1:#7135ca;--color-primary-alt-2:#f131f0;--color-bg:#ffede3;--color-text:#000}*{box-sizing:border-box;font:inherit;color:inherit;corner-shape:squircle;background:0 0;border:none;margin:0;padding:0;text-decoration:none}:focus-visible{outline:3px dashed var(--color-primary-alt-2)}ol,ul{list-style:none}::selection{color:#1a1e2a;background-color:#f89ff8}:root{font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geologica Variable,Arial,Helvetica,sans-serif;font-weight:400}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font-size:1.5rem;line-height:1.125}@media (hover:hover) and (pointer:fine){:root.has-custom-cursor body,:root.has-custom-cursor body *{cursor:none!important}}@media (width<=768px){body{font-size:1.25rem}}.app-grid-wrapper{max-width:96rem;margin:0 auto;padding:0 2rem}@media (width<=768px){.app-grid-wrapper{padding:0 1rem}}.grid,.markdown-content>*{grid-template-columns:repeat(12,[col-start]1fr);column-gap:2rem;display:grid}@media (width<=768px){.grid,.markdown-content>*{column-gap:1rem}}.grid>*,.markdown-content>*>*{grid-column:col-start/span 12}.markdown-content{font-family:Alegreya Variable,Georgia,Times New Roman,serif;font-size:1.75rem;line-height:2.5rem}@media (width<=1024px){.markdown-content{font-size:1.5rem;line-height:2.25rem}}@media (width<=768px){.markdown-content{font-size:1.375rem}}.markdown-content .inside{grid-column:2 col-start/span 8}@media (width<=768px){.markdown-content .inside{grid-column:1 col-start/span 12}}.markdown-content p,.markdown-content pre,.markdown-content details{grid-column:2 col-start/span 6;margin-bottom:1.25rem}@media (width<=1280px){.markdown-content p,.markdown-content pre,.markdown-content details{grid-column:2 col-start/span 8}}@media (width<=768px){.markdown-content p,.markdown-content pre,.markdown-content details{grid-column:1 col-start/span 12}}.markdown-content pre{line-height:1}.markdown-content a:not(.no-link-style),.underlined-link{text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-alt-2);text-decoration-color:var(--color-primary-alt-2);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px;text-decoration-thickness:3px;transition:color .1s,text-underline-offset .1s}@media (hover:hover){.markdown-content a:not(.no-link-style):hover,.underlined-link:hover{color:var(--color-primary-alt-2);text-underline-offset:5px;transition:text-underline-offset .1s}}.colored-link{color:var(--color-primary-alt-1);transition:color .2s ease-out}@media (hover:hover){.colored-link:hover{color:var(--color-primary-alt-2);transition:none}}.markdown-content ul,.markdown-content ol{grid-column:2 col-start/span 6;margin:0 0 1.5em 2rem;list-style:outside}.markdown-content ol{list-style-type:decimal}@media (width<=768px){.markdown-content ul,.markdown-content ol{grid-column:2 col-start/span 12}}.markdown-content p+ul,.markdown-content p+ol{margin-top:-.5em}.markdown-content blockquote{grid-column:3 col-start/span 6;margin:1.25rem 0;font-style:italic}@media (width<=768px){.markdown-content blockquote{grid-column:2 col-start/span 11}}.markdown-content h1{letter-spacing:-.1rem;font-family:Geologica Variable,Arial,Helvetica,sans-serif;font-size:5rem;line-height:1.1}@media (width<=768px){.markdown-content h1{font-size:2.5rem}}.markdown-content h1,.markdown-content .intro{grid-column:col-start/span 9;margin-bottom:14rem}@media (width<=1024px){.markdown-content h1,.markdown-content .intro{margin-bottom:6rem}}@media (width<=768px){.markdown-content h1,.markdown-content .intro{grid-column:col-start/span 12;margin-bottom:4rem}}.markdown-content h1:has(+.intro){margin-bottom:1.75rem}@media (width<=768px){.markdown-content h1:has(+.intro){margin-bottom:1.25rem}}.markdown-content h2{grid-column:2 col-start/span 6;margin:3rem 0 2.5rem;font-family:Geologica Variable,Arial,Helvetica,sans-serif;font-size:3rem;line-height:1}@media (width<=768px){.markdown-content h2{grid-column:1 col-start/span 12;margin:6rem 0 1.5rem;font-size:1.75rem}}.markdown-content em{font-style:italic}.markdown-content img,.markdown-content video{grid-column:col-start/span 12;width:100%;height:auto;margin:1.5rem 0}@media (width<=768px){.markdown-content img,.markdown-content video{grid-column:1/span 12}}.markdown-content code{font-family:Intel One Mono,monospace;font-size:1.5rem;font-style:normal}@media (width<=1024px){.markdown-content code{font-size:1rem}}.markdown-content .lang,.markdown-content .copy{display:none}.card-catalog-title{grid-column:1/span 12;margin-top:2.25rem;margin-bottom:1.125rem;font-size:2rem}@media (width<=1024px){.card-catalog-title{margin-top:2rem}}@media (width<=768px){.card-catalog-title{margin-top:2rem}}.card-catalog-title:after{content:":"}@media (width<=768px){.card-catalog-title:after{content:""}}.entry-catalog-title{grid-column:3 col-start/span 9;margin-top:2.25rem;margin-bottom:1.125rem;font-size:2rem}@media (width<=1024px){.entry-catalog-title{grid-column:1/span 12;margin-bottom:1rem}}.entry-catalog-title:after{content:":"}@media (width<=768px){.entry-catalog-title:after{content:""}}@keyframes scroll-reveal-in{0%{opacity:0;transform:translate3d(0, var(--reveal-distance,1.5rem), 0) scale(.985);filter:blur(6px)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:no-preference){[data-scroll-reveal-ready=true] .scroll-reveal{backface-visibility:hidden;will-change:transform, opacity, filter;transform-origin:top}[data-scroll-reveal-ready=true] .scroll-reveal:not(.is-revealed){opacity:0;transform:translate3d(0, var(--reveal-distance,2rem), 0) scale(.985);filter:blur(6px)}[data-scroll-reveal-ready=true] .scroll-reveal.is-revealed{animation:.6s cubic-bezier(.22,1,.36,1) both scroll-reveal-in;animation-delay:calc(var(--reveal-order,0) * 60ms)}}.everything-item .date[data-v-17b5e90e]{font-variant-numeric:lining-nums proportional-nums;font-style:italic}.everything-item .date[data-v-17b5e90e]:before{content:"———";position:absolute;left:-5rem}.everything-item>h2[data-v-17b5e90e-s]{grid-column:col-start/span 12;margin:2.5rem 0 1.5rem;font-size:2.5rem}@media (width<=768px){.everything-item>h2[data-v-17b5e90e-s]{margin:1rem 0 .75rem;font-size:1.5rem}}.everything-item.link>h2[data-v-17b5e90e-s]:after{content:" ›";transition:margin-left .2s}@media (hover:hover){.everything-item.link:hover>h2[data-v-17b5e90e-s]:after{margin-left:.5rem}}.everything-item>p[data-v-17b5e90e-s]{grid-column-start:1;margin-bottom:1rem}.everything-item>img[data-v-17b5e90e-s]{border-radius:.25rem}.items[data-v-dd98bc9d]{flex-direction:column;row-gap:3.5rem;display:flex}@media (width<=768px){.items[data-v-dd98bc9d]{row-gap:2.25rem}}.key-rows[data-v-75a3aded]{--multiplier:1rem;height:33rem;position:relative}@media (width<=768px){.key-rows[data-v-75a3aded]{--multiplier:.5rem;height:20rem}}.key-row[data-v-75a3aded]{column-gap:.25rem;width:100%;display:flex;position:absolute;top:0}.upper-key-row[data-v-75a3aded]{z-index:10}.key[data-v-75a3aded]{background-color:#d7deff;border-radius:0 0 4rem 4rem;width:100%}.upper-key-row .key[data-v-75a3aded]{background-color:#747bff}.key[data-v-75a3aded]:not(.playing){transition:background-color 1.6s,height .4s ease-out}.key.playing[data-v-75a3aded]{background-color:#b0bbec}.upper-key-row .key.playing[data-v-75a3aded]{background-color:#503ed0}.ignored-notes[data-v-75a3aded]{z-index:20;column-gap:.5rem;padding:.5rem;font-weight:600;display:flex;position:absolute}.fade-enter-active[data-v-75a3aded],.fade-leave-active[data-v-75a3aded]{transition:opacity 50ms}.fade-leave-to[data-v-75a3aded]{opacity:0}.title[data-v-bdc0c554]{margin-bottom:4rem}.file-input-button[data-v-bdc0c554]{color:#fff;background-color:#111;border-radius:4px;padding:0 .5rem;font-size:1.5rem;display:inline-block}@media (width<=768px){.file-input-button[data-v-bdc0c554]{font-size:1.25rem}}.file-input[data-v-bdc0c554]{width:0;height:0;overflow:hidden}.transpose-input[data-v-bdc0c554]{appearance:textfield;background:0 0;border:none;flex-grow:0;width:min-content}.transpose-input[data-v-bdc0c554]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.transpose-input[data-v-bdc0c554]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.player-container[data-v-bdc0c554]{background-color:#eee;border-radius:.75rem;margin-bottom:4rem;padding-top:2rem}midi-player[data-v-bdc0c554]{color:#111;width:100%;padding:.5rem 1rem}midi-player[data-v-bdc0c554]::part(control-panel){background:0 0}midi-player[data-v-bdc0c554]::part(play-button){color:#fff;background-color:#111}midi-visualizer[data-v-bdc0c554]{font-size:1rem}.title-block[data-v-bdc0c554]{flex-direction:column;grid-column:span 6;display:flex}@media (width<=1024px){.title-block[data-v-bdc0c554]{grid-column:1/span 12}}.controls[data-v-bdc0c554]{flex-wrap:wrap;margin:auto 0 2rem;display:flex}.keys[data-v-bdc0c554]{grid-column:span 6;margin-top:4.5rem}@media (width<=1024px){.keys[data-v-bdc0c554]{grid-column:1/span 12;margin-top:0}}
/*$vite$:1*/