@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(./permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(./permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff");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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(./patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(./patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");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}.mk-radio,.mk-slider,.mk-check,.mk-word,.mk-mark,.mk-key,.mk-bar,.mk-heading{--mk:var(--mk-color,#ff3b98)}@keyframes mk-stroke{0%{stroke-dashoffset:1.1px}to{stroke-dashoffset:0}}.mk-radio{isolation:isolate;cursor:pointer;align-items:center;padding:2px 10px 2px 40px;display:inline-flex;position:relative}.mk-radio input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.mk-radio:before{content:"";z-index:1;background:var(--mk-ink,#21132e);pointer-events:none;width:28px;height:28px;position:absolute;top:50%;left:4px;translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3e%3cdefs%3e%3cfilter%20id='edge'%20x='-10%25'%20y='-10%25'%20width='120%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.4'%20numOctaves='2'%20seed='3'%20result='grain'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='grain'%20scale='1.4'%20xChannelSelector='R'%20yChannelSelector='G'/%3e%3c/filter%3e%3c/defs%3e%3cpath%20filter='url(%23edge)'%20fill='none'%20stroke='white'%20stroke-width='3'%20stroke-linecap='round'%20d='M22%204C33%205%2037%2014%2036%2022c-1%209-8%2014-16%2014C11%2036%204%2029%204%2020%204%2011%2011%204%2019%205'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3e%3cdefs%3e%3cfilter%20id='edge'%20x='-10%25'%20y='-10%25'%20width='120%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.4'%20numOctaves='2'%20seed='3'%20result='grain'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='grain'%20scale='1.4'%20xChannelSelector='R'%20yChannelSelector='G'/%3e%3c/filter%3e%3c/defs%3e%3cpath%20filter='url(%23edge)'%20fill='none'%20stroke='white'%20stroke-width='3'%20stroke-linecap='round'%20d='M22%204C33%205%2037%2014%2036%2022c-1%209-8%2014-16%2014C11%2036%204%2029%204%2020%204%2011%2011%204%2019%205'/%3e%3c/svg%3e") 50%/contain no-repeat}.mk-scribble{z-index:-1;opacity:0;pointer-events:none;width:40px;height:40px;transition:opacity .12s;position:absolute;top:50%;left:-2px;overflow:visible;translate:0 -55%}.mk-scribble path,.mk-hl path{fill:none;stroke:var(--mk);stroke-width:4.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.2}.mk-hl path{stroke-width:27px;stroke-opacity:.62;stroke-linecap:butt}.mk-radio span{position:relative}.mk-hl{z-index:-1;opacity:0;pointer-events:none;width:calc(100% + 16px);height:86%;transition:opacity .12s;position:absolute;top:14%;left:-6px}.mk-radio:nth-child(3n+2):before{rotate:70deg}.mk-radio:nth-child(3n):before{rotate:160deg}.mk-radio:has(input:checked) .mk-scribble{opacity:1}.mk-radio:has(input:checked) .mk-hl{opacity:1}:is(.mk-radio:hover:not(:has(input:checked,input:disabled)) .mk-scribble,.mk-radio:hover:not(:has(input:checked,input:disabled)) .mk-hl){opacity:.25}.mk-draw:has(input:checked) :is(.mk-scribble,.mk-hl){transition:none}.mk-draw:has(input:checked) .mk-scribble path{animation:.38s cubic-bezier(.3,.1,.6,1) both mk-stroke}.mk-draw:has(input:checked) .mk-hl path{animation:.13s cubic-bezier(.4,0,.6,1) .3s both mk-stroke}.mk-draw:has(input:checked) .mk-hl path:nth-child(2){animation-delay:.39s}.mk-draw:has(input:checked) .mk-hl path:nth-child(3){animation-delay:.48s}.mk-draw:has(input:checked) .mk-hl path:nth-child(4){animation-delay:.57s}@media (prefers-reduced-motion:reduce){:is(.mk-draw:has(input:checked) .mk-scribble path,.mk-draw:has(input:checked) .mk-hl path){animation:none}}.mk-radio:has(input:focus-visible){outline:3px dashed var(--mk-ink,#21132e);outline-offset:2px}.mk-slider{--thumb:29px;isolation:isolate;flex:1;align-items:center;min-width:0;display:flex;position:relative}:where(.mk-slider input[type=range]){appearance:none;border:2px solid var(--mk-ink,#21132e);cursor:pointer;background:0 0;border-radius:2px 4px 1px 3px;width:100%;height:15px;margin:0}:where(.mk-slider input[type=range])::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);border:2px solid var(--mk-ink,#21132e);background:var(--mk-paper,#fff0d4);border-radius:3px 5px 2px 4px;rotate:-6deg}:where(.mk-slider input[type=range])::-moz-range-thumb{width:calc(var(--thumb) - 3px);height:calc(var(--thumb) - 3px);border:2px solid var(--mk-ink,#21132e);background:var(--mk-paper,#fff0d4);border-radius:3px 5px 2px 4px;rotate:-6deg}.mk-slider input[type=range]{background:0 0}.mk-slider input:focus-visible{outline:3px dashed var(--mk-ink,#21132e);outline-offset:4px}.mk-fill{z-index:-1;width:calc(var(--v) * (100% - var(--thumb)) + var(--thumb) / 2 + 4px);pointer-events:none;height:25px;position:absolute;top:50%;left:-4px;overflow:hidden;translate:0 -50%}.mk-fill svg{display:block;overflow:visible}.mk-fill path{fill:none;stroke:var(--mk);stroke-width:8px;stroke-opacity:.6;stroke-linecap:round}:where(.mk-check){align-items:center;gap:9px;display:inline-flex}.mk-check{isolation:isolate;cursor:pointer;position:relative}.mk-check input:is([type=checkbox],[type=radio]){appearance:none;border:2px solid var(--mk-ink,#21132e);cursor:pointer;background:0 0;border-radius:2px 3px 1px;flex:none;width:27px;height:27px;margin:0}.mk-check input:focus-visible{outline:3px dashed var(--mk-ink,#21132e);outline-offset:3px}.mk-box{z-index:-1;opacity:0;pointer-events:none;width:40px;height:40px;transition:opacity .12s;position:absolute;top:50%;left:-6.5px;overflow:visible;translate:0 -50%}.mk-box path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.2}.mk-box-fill{stroke:var(--mk);stroke-width:7px;stroke-opacity:.6}.mk-box-v{stroke:var(--mk-ink,#21132e);stroke-width:2.6px;stroke-opacity:.9}.mk-check:has(input:checked) .mk-box{opacity:1}.mk-draw:has(input:checked) .mk-box{transition:none}.mk-draw:has(input:checked) .mk-box-fill{animation:.34s cubic-bezier(.3,.1,.6,1) both mk-stroke}.mk-draw:has(input:checked) .mk-box-v{animation:.2s cubic-bezier(.5,0,.7,1) .36s both mk-stroke}@media (prefers-reduced-motion:reduce){.mk-draw:has(input:checked) .mk-box path{animation:none}}:where(.mk-bar){border:2px solid var(--mk-ink,#21132e);border-radius:3px 5px 3px 2px;height:25px;position:relative}:where(.mk-bar) i{transition:width .1s linear;display:block;position:absolute;inset:0 auto 0 0}:where(.mk-bar) span{text-align:center;font-weight:800;line-height:21px;display:block;position:relative}.mk-bar{overflow:visible}.mk-bar i{clip-path:polygon(0 -6px,calc(100% - 2px) -6px,100% 25%,calc(100% - 3px) 50%,100% 75%,calc(100% - 1px) calc(100% + 6px),0 calc(100% + 6px));background:0 0;overflow-x:clip;-webkit-mask:none;mask:none}.mk-bar svg{display:block;position:absolute;top:50%;left:2px;overflow:visible;translate:0 -50%}.mk-bar path{fill:none;stroke:var(--mk);stroke-width:8px;stroke-opacity:.6;stroke-linecap:round}:where(.mk-word,.mk-key){font:inherit;color:var(--mk-ink,#21132e);cursor:pointer;padding:.35em .9em}:where(.mk-word){background:0 0;border:0}.mk-word{isolation:isolate;position:relative}.mk-word>.mk-hl{opacity:1;width:106%;height:92%;top:8%;left:-3%}.mk-word:is(:hover,:focus-visible):not(:disabled)>.mk-hl path{stroke:inherit;animation:.11s cubic-bezier(.4,0,.6,1) both mk-stroke}.mk-word.mk-solid:is(:hover,:focus-visible)>.mk-hl path{stroke:var(--mk)}.mk-word:is(:hover,:focus-visible)>.mk-hl path:nth-child(2){animation-delay:90ms}.mk-word:is(:hover,:focus-visible)>.mk-hl path:nth-child(3){animation-delay:.18s}.mk-word:is(:hover,:focus-visible)>.mk-hl path:nth-child(4){animation-delay:.27s}.mk-mark{isolation:isolate;white-space:nowrap;color:inherit;background:0 0;position:relative}.mk-mark>.mk-hl{opacity:1;width:calc(100% + 8px);left:-4px}.mk-word:focus-visible{outline:3px dashed var(--mk-ink,#21132e);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mk-word:is(:hover,:focus-visible)>.mk-hl path{animation:none}}.mk-key{isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative}.mk-key mk-ink{z-index:-1;pointer-events:none;position:absolute;inset:0}.mk-key mk-ink svg{position:absolute;inset:0;overflow:visible}.mk-key-pen path{fill:none;stroke:var(--mk-ink,#21132e);stroke-linecap:round}.mk-key-fill path{fill:none;stroke-opacity:.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.2;opacity:0}.mk-key.mk-danger{--mk:var(--mk-danger,#ff4d4d);color:var(--mk-danger-ink,#ac2149)}.mk-key:is(.mk-solid,.mk-danger) .mk-key-fill path{stroke:var(--mk)}.mk-key[aria-pressed=true] .mk-key-fill path{opacity:1}.mk-key:is(:hover,:focus-visible):not(:disabled) .mk-key-fill path{opacity:1;animation:mk-stroke var(--t) cubic-bezier(.3, .1, .6, 1) calc(var(--i) * 90ms) both}.mk-key:active:not(:disabled){translate:3px 3px}.mk-key:active:not(:disabled) .mk-key-edge{opacity:0}.mk-key:focus-visible{outline:3px dashed var(--mk-ink,#21132e);outline-offset:5px}@media (prefers-reduced-motion:reduce){.mk-key:is(:hover,:focus-visible):not(:disabled) .mk-key-fill path{animation:none}}:where(.mk-key,.mk-word):disabled{opacity:.45;cursor:not-allowed}:where(.mk-radio,.mk-check,.mk-slider):has(input:disabled){opacity:.45;cursor:not-allowed}:where(.mk-radio,.mk-check,.mk-slider):has(input:disabled) input{cursor:not-allowed}.mk-heading{isolation:isolate;width:-moz-fit-content;width:fit-content;position:relative}.mk-heading:before{content:"";z-index:-1;background:var(--mk);opacity:.65;pointer-events:none;position:absolute;inset:3% -5% -1% -4%;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20100'%20preserveAspectRatio='none'%3e%3cdefs%3e%3clinearGradient%20id='ink'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='white'%20stop-opacity='.52'/%3e%3cstop%20offset='.23'%20stop-color='white'%20stop-opacity='.81'/%3e%3cstop%20offset='.76'%20stop-color='white'%20stop-opacity='.69'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='.43'/%3e%3c/linearGradient%3e%3cfilter%20id='edge'%20x='-3%25'%20y='-10%25'%20width='106%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.18%20.38'%20numOctaves='2'%20seed='17'%20result='grain'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='grain'%20scale='1.8'%20xChannelSelector='R'%20yChannelSelector='G'/%3e%3c/filter%3e%3cmask%20id='dry'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='400'%20height='100'%3e%3cpath%20fill='white'%20d='M0%200h400v100H0z'/%3e%3cg%20fill='none'%20stroke='black'%20stroke-linecap='round'%3e%3cpath%20opacity='.22'%20stroke-width='.7'%20d='M19%2034Q133%2028%20275%2022M61%2053Q203%2043%20368%2039M22%2076Q149%2069%20324%2061'/%3e%3cpath%20opacity='.35'%20stroke-width='.45'%20d='m34%2037%2084-5m77-3%20156-8M14%2057l126-8m45%200%20111-7m39%200%2042-3M72%2080l161-11m56-2%2063-4'/%3e%3cpath%20opacity='.18'%20stroke-width='1.1'%20d='M42%2018q106-4%20151-9M132%2091q104-8%20153-8'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%20filter='url(%23edge)'%20mask='url(%23dry)'%20fill='url(%23ink)'%3e%3cpath%20d='M18%2017Q151%209%20369%204l13%203-7%2019Q201%2030%2011%2042l-5-4%207-18Z'/%3e%3cpath%20d='M9%2036Q203%2028%20387%2020l7%204-12%2021Q183%2050%204%2061L2%2055Z'/%3e%3cpath%20d='M17%2055Q183%2045%20378%2040l10%204-8%2022Q196%2069%208%2080l-4-5Z'/%3e%3cpath%20d='M25%2075Q181%2064%20364%2061l9%205-9%2023Q194%2088%2020%2098l-9-5%207-15Z'/%3e%3c/g%3e%3c/svg%3e") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20100'%20preserveAspectRatio='none'%3e%3cdefs%3e%3clinearGradient%20id='ink'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='white'%20stop-opacity='.52'/%3e%3cstop%20offset='.23'%20stop-color='white'%20stop-opacity='.81'/%3e%3cstop%20offset='.76'%20stop-color='white'%20stop-opacity='.69'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='.43'/%3e%3c/linearGradient%3e%3cfilter%20id='edge'%20x='-3%25'%20y='-10%25'%20width='106%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.18%20.38'%20numOctaves='2'%20seed='17'%20result='grain'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='grain'%20scale='1.8'%20xChannelSelector='R'%20yChannelSelector='G'/%3e%3c/filter%3e%3cmask%20id='dry'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='400'%20height='100'%3e%3cpath%20fill='white'%20d='M0%200h400v100H0z'/%3e%3cg%20fill='none'%20stroke='black'%20stroke-linecap='round'%3e%3cpath%20opacity='.22'%20stroke-width='.7'%20d='M19%2034Q133%2028%20275%2022M61%2053Q203%2043%20368%2039M22%2076Q149%2069%20324%2061'/%3e%3cpath%20opacity='.35'%20stroke-width='.45'%20d='m34%2037%2084-5m77-3%20156-8M14%2057l126-8m45%200%20111-7m39%200%2042-3M72%2080l161-11m56-2%2063-4'/%3e%3cpath%20opacity='.18'%20stroke-width='1.1'%20d='M42%2018q106-4%20151-9M132%2091q104-8%20153-8'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%20filter='url(%23edge)'%20mask='url(%23dry)'%20fill='url(%23ink)'%3e%3cpath%20d='M18%2017Q151%209%20369%204l13%203-7%2019Q201%2030%2011%2042l-5-4%207-18Z'/%3e%3cpath%20d='M9%2036Q203%2028%20387%2020l7%204-12%2021Q183%2050%204%2061L2%2055Z'/%3e%3cpath%20d='M17%2055Q183%2045%20378%2040l10%204-8%2022Q196%2069%208%2080l-4-5Z'/%3e%3cpath%20d='M25%2075Q181%2064%20364%2061l9%205-9%2023Q194%2088%2020%2098l-9-5%207-15Z'/%3e%3c/g%3e%3c/svg%3e") 50%/100% 100% no-repeat}.mk-heading.mk-back:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20100'%20preserveAspectRatio='none'%3e%3cdefs%3e%3clinearGradient%20id='ink'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='white'%20stop-opacity='.5'/%3e%3cstop%20offset='.27'%20stop-color='white'%20stop-opacity='.76'/%3e%3cstop%20offset='.7'%20stop-color='white'%20stop-opacity='.8'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='.45'/%3e%3c/linearGradient%3e%3cfilter%20id='edge'%20x='-3%25'%20y='-10%25'%20width='106%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.2%20.4'%20numOctaves='2'%20seed='29'%20result='grain'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='grain'%20scale='1.7'%20xChannelSelector='R'%20yChannelSelector='G'/%3e%3c/filter%3e%3cmask%20id='dry'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='400'%20height='100'%3e%3cpath%20fill='white'%20d='M0%200h400v100H0z'/%3e%3cg%20fill='none'%20stroke='black'%20stroke-linecap='round'%3e%3cpath%20opacity='.27'%20stroke-width='.6'%20d='M33%2022q126%205%20328%2015M16%2043q153%203%20345%2015M49%2066q139%202%20324%2014'/%3e%3cpath%20opacity='.32'%20stroke-width='.4'%20d='m41%2025%20111%203m45%202%20146%2010M27%2047l93%202m54%201%20178%2011M66%2070l84%202m65%202%20152%209'/%3e%3cpath%20opacity='.18'%20stroke-width='1'%20d='m65%209%20130%205m-72%2074%20157%208'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%20filter='url(%23edge)'%20mask='url(%23dry)'%20fill='url(%23ink)'%3e%3cpath%20d='m36%203%209%201q157%205%20329%2016l13%206-4%2019Q200%2032%2023%2029l-3-5Z'/%3e%3cpath%20d='M18%2023Q192%2028%20387%2041l7%205-9%2020Q192%2052%208%2049L4%2044Z'/%3e%3cpath%20d='M12%2044Q205%2050%20376%2062l12%206-11%2019Q183%2073%207%2070l-4-6Z'/%3e%3cpath%20d='M31%2066Q186%2069%20366%2082l8%205-9%2012Q179%2089%2021%2088l-5-5Z'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20100'%20preserveAspectRatio='none'%3e%3cdefs%3e%3clinearGradient%20id='ink'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='white'%20stop-opacity='.5'/%3e%3cstop%20offset='.27'%20stop-color='white'%20stop-opacity='.76'/%3e%3cstop%20offset='.7'%20stop-color='white'%20stop-opacity='.8'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='.45'/%3e%3c/linearGradient%3e%3cfilter%20id='edge'%20x='-3%25'%20y='-10%25'%20width='106%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.2%20.4'%20numOctaves='2'%20seed='29'%20result='grain'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20in2='grain'%20scale='1.7'%20xChannelSelector='R'%20yChannelSelector='G'/%3e%3c/filter%3e%3cmask%20id='dry'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='400'%20height='100'%3e%3cpath%20fill='white'%20d='M0%200h400v100H0z'/%3e%3cg%20fill='none'%20stroke='black'%20stroke-linecap='round'%3e%3cpath%20opacity='.27'%20stroke-width='.6'%20d='M33%2022q126%205%20328%2015M16%2043q153%203%20345%2015M49%2066q139%202%20324%2014'/%3e%3cpath%20opacity='.32'%20stroke-width='.4'%20d='m41%2025%20111%203m45%202%20146%2010M27%2047l93%202m54%201%20178%2011M66%2070l84%202m65%202%20152%209'/%3e%3cpath%20opacity='.18'%20stroke-width='1'%20d='m65%209%20130%205m-72%2074%20157%208'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%20filter='url(%23edge)'%20mask='url(%23dry)'%20fill='url(%23ink)'%3e%3cpath%20d='m36%203%209%201q157%205%20329%2016l13%206-4%2019Q200%2032%2023%2029l-3-5Z'/%3e%3cpath%20d='M18%2023Q192%2028%20387%2041l7%205-9%2020Q192%2052%208%2049L4%2044Z'/%3e%3cpath%20d='M12%2044Q205%2050%20376%2062l12%206-11%2019Q183%2073%207%2070l-4-6Z'/%3e%3cpath%20d='M31%2066Q186%2069%20366%2082l8%205-9%2012Q179%2089%2021%2088l-5-5Z'/%3e%3c/g%3e%3c/svg%3e")}:root{--page:#f5e6c8;--scale:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--page)}body{min-height:100vh;color:var(--mk-ink,#21132e);background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%3e%3cdefs%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.64'%20numOctaves='3'%20seed='31'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%20.27%200%200%200%200%20.18%200%200%200%200%20.1%200%200%200%20.32%200'/%3e%3c/filter%3e%3c/defs%3e%3cpath%20d='M0%200h160v160H0z'%20filter='url(%23grain)'%20opacity='.78'/%3e%3cg%20fill='none'%20stroke='%23654537'%20stroke-width='.65'%20opacity='.29'%3e%3cpath%20d='m12%2017%204%201m37-7%202%203m49%2010%205-1m24%2015%203%202M28%2052l5-2m45-9%204%201m36%2016%203-1M9%2092l4%201m43-21%202%203m29%2014%205-1m46-4%203%202M22%20121l3%202m41-10%204-1m42%2015%202%203m31-18%203-1M13%20150l4-1m35-10%202%202m30%2013%204-1m35-7%202%202'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23fff8e5'%20stroke-width='.75'%20opacity='.34'%3e%3cpath%20d='m25%209%203%202m52%2014%204-1m65-9%202%203M13%2065l5-1m39-31%202%202m40%2031%203%201m37-11%204-1M31%2099l4%201m35-14%202%203m49%2012%204-1M7%20131l4%201m43%2016%204-1m29-22%203%202m51%2025%204-1'/%3e%3c/g%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='640'%20height='640'%20viewBox='0%200%20640%20640'%3e%3c!--%20slow,%20blotchy%20unevenness%20in%20the%20sheet%20(the%20grain%20tile%20sits%20on%20top)%20--%3e%3cfilter%20id='m'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.006%20.009'%20numOctaves='3'%20seed='7'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%20.45%200%200%200%200%20.32%200%200%200%200%20.16%200%200%200%20-.9%20.55'/%3e%3c/filter%3e%3cpath%20d='M0%200h640v640H0z'%20filter='url(%23m)'%20opacity='.35'/%3e%3c/svg%3e"), var(--page);background-size:160px 160px,640px 640px,auto;margin:0;font:21px/1.35 Patrick Hand,cursive}h1,h2,h3,h4,legend{font-family:Permanent Marker,cursive;font-weight:400}code,pre{font:14px/1.5 ui-monospace,Cascadia Code,Consolas,monospace}p code{border:1.5px dashed;border-radius:3px;padding:0 4px;font-size:.8em}.top{max-width:1440px;margin:0 auto;padding:40px 24px 8px}.top h1{--mk-color:var(--sec,#ff3b98);margin:0;font-size:clamp(48px,9vw,92px);line-height:1.05}.tag{max-width:640px;margin:18px 0 4px;font-size:24px}.meta{opacity:.7;margin:0 0 18px}.credits{max-width:1440px;margin:48px auto 0;padding:0 24px 32px;font-size:15px}.credits a{color:inherit}.layout{grid-template-columns:190px minmax(0,1fr) 300px;align-items:start;gap:48px;max-width:1440px;margin:0 auto;padding:16px 24px 80px;display:grid}#tabs{justify-items:start;gap:6px;padding-top:6px;display:grid;position:sticky;top:22px}#tabs a{--mk-color:var(--sec);isolation:isolate;color:inherit;padding:2px 8px;font:22px/1.2 Permanent Marker,cursive;text-decoration:none;position:relative}.one-marker #tabs a{--mk-color:inherit}#tabs a .mk-hl{--mk:var(--mk-color);width:calc(100% + 4px);left:-2px}#tabs a:hover .mk-hl{opacity:.3}#tabs a[aria-current] .mk-hl{opacity:1}#tabs a:focus-visible{outline:3px dashed var(--mk-ink,#21132e);outline-offset:2px}.sec{--mk-color:var(--sec)}.one-marker .sec{--mk-color:inherit}.sec h2{margin:0 0 6px;font-size:34px}.panel-wrap{top:var(--stick,22px);position:sticky}.panel-wrap:before{content:"";z-index:1;pointer-events:none;background:#fff6d499;width:96px;height:24px;position:absolute;top:-11px;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #5a40201f}#panel{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%3e%3cdefs%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.64'%20numOctaves='3'%20seed='31'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%20.27%200%200%200%200%20.18%200%200%200%200%20.1%200%200%200%20.32%200'/%3e%3c/filter%3e%3c/defs%3e%3cpath%20d='M0%200h160v160H0z'%20filter='url(%23grain)'%20opacity='.78'/%3e%3cg%20fill='none'%20stroke='%23654537'%20stroke-width='.65'%20opacity='.29'%3e%3cpath%20d='m12%2017%204%201m37-7%202%203m49%2010%205-1m24%2015%203%202M28%2052l5-2m45-9%204%201m36%2016%203-1M9%2092l4%201m43-21%202%203m29%2014%205-1m46-4%203%202M22%20121l3%202m41-10%204-1m42%2015%202%203m31-18%203-1M13%20150l4-1m35-10%202%202m30%2013%204-1m35-7%202%202'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23fff8e5'%20stroke-width='.75'%20opacity='.34'%3e%3cpath%20d='m25%209%203%202m52%2014%204-1m65-9%202%203M13%2065l5-1m39-31%202%202m40%2031%203%201m37-11%204-1M31%2099l4%201m35-14%202%203m49%2012%204-1M7%20131l4%201m43%2016%204-1m29-22%203%202m51%2025%204-1'/%3e%3c/g%3e%3c/svg%3e") 0 0 / 160px 160px, color-mix(in srgb, var(--page), #fff 38%);border-radius:2px 3px 2px 4px;padding:10px 18px 18px;rotate:-.6deg;box-shadow:0 1px 2px #3a28141f,0 10px 26px -10px #3a281466}#panel h2{margin-top:6px}fieldset{border:0;margin:12px 0 0;padding:0}legend{padding:0;font-size:19px}.opts{flex-wrap:wrap;gap:2px 6px;font-size:19px;display:flex}.opts .mk-radio{padding-right:6px}.pick{align-items:center;gap:6px;margin-left:6px;font-size:18px;display:inline-flex}input[type=color]{border:2px solid var(--mk-ink,#21132e);cursor:pointer;background:0 0;border-radius:3px 5px 2px 4px;width:34px;height:26px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:0}.theme-h{margin:22px 0 4px;font-size:19px}#sections{grid-template-columns:minmax(0,1fr);gap:54px;min-width:0;display:grid}.blurb{max-width:680px;margin:4px 0 18px}.demo{font-size:calc(22px * var(--scale))}.demo h4{opacity:.75;margin:26px 0 10px;font-size:17px}.row{flex-wrap:wrap;align-items:center;gap:22px 30px;display:flex}.row.big{font-family:Permanent Marker,cursive;font-size:1.6em}.row.tight{gap:16px 22px;margin-top:22px;font-size:19px}.item{justify-items:start;gap:10px;display:grid}.cap{opacity:.65;font:15px Patrick Hand,cursive}.mk-key{font-family:Permanent Marker,cursive}.sliders,.bars{gap:18px;max-width:560px;display:grid}.slide{grid-template-columns:90px minmax(0,1fr) 46px;align-items:center;gap:14px;display:grid}#panel .slide{grid-template-columns:0 minmax(0,1fr) 54px;gap:4px 10px;margin-top:6px}.slide output{text-align:right;font-size:.9em}.bar-row{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px;display:grid}.bar-row>span{opacity:.75;font-size:.8em}.bar-row.live{grid-template-columns:auto minmax(0,1fr);margin-top:8px}.bar-row.live .mk-key{font-size:.8em}.lbl:after{content:"62 / 100";font-size:15px}.prose{max-width:620px;margin:0 0 18px}.heads{flex-wrap:wrap;gap:8px 40px;display:flex}.heads h3{margin:6px 0;font-size:28px}.panels{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px 34px;margin-bottom:18px;display:grid}.panel{justify-items:start;gap:16px;display:grid}.panel h3{margin:0;font-size:26px}.panel .mk-slider,.panel .mk-bar{width:100%}.code{border:2px dashed color-mix(in srgb, var(--mk-ink,#21132e) 55%, transparent);background:#ffffff73;border-radius:4px 7px 3px 6px;max-width:760px;margin-top:22px;position:relative}.code pre{white-space:pre;margin:0;padding:14px 16px;overflow-x:auto}.code .copy{padding:3px 10px;font-size:14px;position:absolute;top:8px;right:10px}#panel .code pre{padding-right:70px}@media (max-width:1180px){.layout{grid-template-columns:180px minmax(0,1fr);gap:40px 36px}.panel-wrap{grid-column:2;max-width:460px;position:relative;top:0}}@media (max-width:900px){.top,.layout{padding-left:16px;padding-right:16px}.layout{grid-template-columns:minmax(0,1fr);gap:32px}.panel-wrap{grid-column:auto}#tabs{flex-wrap:wrap;gap:4px 10px;display:flex;position:static}#tabs a{font-size:18px}}@media (max-width:520px){.code pre{padding-top:40px}.slide,.bar-row{grid-template-columns:70px minmax(0,1fr) 40px;gap:10px}.bar-row{grid-template-columns:70px minmax(0,1fr)}}.mk-heading{max-width:94%}.vars{border-collapse:collapse;max-width:760px;font-size:18px}.vars th{text-align:left;padding:0 18px 6px 0;font:17px Permanent Marker,cursive}.vars td{border-top:1.5px dashed color-mix(in srgb, var(--mk-ink,#21132e) 35%, transparent);vertical-align:top;padding:7px 18px 7px 0}.vars td:first-child,.vars td:nth-child(2){white-space:nowrap}.vars code{font-size:14px}@media (max-width:520px){.vars td:nth-child(2),.vars th:nth-child(2){display:none}}