.PokemonCard-module___lBEdW__cardHit{box-sizing:content-box;aspect-ratio:660/921;-webkit-user-select:none;user-select:none;touch-action:none;border:clamp(8px,1.8vw,14px) solid #0000;border-radius:calc(1.2vw + clamp(8px,1.8vw,14px));width:100%;position:relative}.PokemonCard-module___lBEdW__cardHit .PokemonCard-module___lBEdW__card{width:100%;height:100%;aspect-ratio:unset}.PokemonCard-module___lBEdW__card{aspect-ratio:660/921;--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--translate-x:0px;--translate-y:0px;--card-scale:1;--mask:none;--foil:none;--background-x:var(--pointer-x);--background-y:var(--pointer-y);--space:5%;--angle:133deg;--imgsize:cover;--mx:var(--pointer-x);--my:var(--pointer-y);--posx:var(--pointer-x);--posy:var(--pointer-y);--hyp:var(--pointer-from-center);--o:var(--card-opacity);--sunpillar-clr-1:#66f2ff;--sunpillar-clr-2:#3dff8e;--sunpillar-clr-3:#82ff29;--sunpillar-clr-4:#ffcf3d;--sunpillar-clr-5:#ff66b3;--sunpillar-clr-6:#b870ff;--glare-brightness:1.25;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:1.2vw;width:100%;position:relative;overflow:hidden}.PokemonCard-module___lBEdW__card[data-parallax=true]{transform:perspective(900px) translate3d(var(--translate-x), var(--translate-y), 0) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale(var(--card-scale));transform-style:preserve-3d;will-change:transform}.PokemonCard-module___lBEdW__card.PokemonCard-module___lBEdW__masked .PokemonCard-module___lBEdW__cardShine{-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);border-radius:1.2vw;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.PokemonCard-module___lBEdW__masked{--_masked:1}.PokemonCard-module___lBEdW__cardBase{border-radius:1.2vw;width:100%;height:100%;display:block;overflow:hidden}.PokemonCard-module___lBEdW__cardBase img{object-fit:cover;width:100%;height:100%;display:block}.PokemonCard-module___lBEdW__cardFoil{pointer-events:none;background-image:var(--foil);background-repeat:no-repeat;background-size:cover;background-position:var(--pointer-x) var(--pointer-y);-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);opacity:.05;mix-blend-mode:screen;transition:opacity 1s;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.PokemonCard-module___lBEdW__cardShine{pointer-events:none;opacity:calc(.15 + (var(--card-opacity) * .5));mix-blend-mode:color-dodge;background-image:var(--foil), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:center center, 0% var(--background-y), calc(var(--background-x) + (var(--background-y) * .2)) var(--background-y), var(--background-x) var(--background-y);background-blend-mode:soft-light, soft-light, screen, overlay;background-size:var(--imgsize), 260% 900%, 380% 120%, 260% 120%;filter:brightness(calc((var(--hyp) + .7) * .75)) contrast(2.5) saturate(.9);transition:opacity .18s;position:absolute;inset:0}.PokemonCard-module___lBEdW__cardShine,.PokemonCard-module___lBEdW__cardGlare{will-change:transform, opacity, background-image, background-size, background-position, background-blend-mode, filter}.PokemonCard-module___lBEdW__cardGlare{pointer-events:none;opacity:calc(var(--card-opacity) * .3);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ccc 0%, #555b5e 50%, #240f1d 150%);mix-blend-mode:hard-light;filter:brightness(var(--glare-brightness)) contrast(1.2) saturate(var(--glare-saturate));-webkit-backdrop-filter:brightness(.8)contrast(1.25)saturate(1.25);backdrop-filter:brightness(.8)contrast(1.25)saturate(1.25);background-position:50%;background-size:120% 150%;transition:opacity .18s;position:absolute;inset:0;overflow:hidden;transform:translateZ(1.41px)}.PokemonCard-module___lBEdW__cardGlare:before,.PokemonCard-module___lBEdW__cardGlare:after{display:none}.PokemonCard-module___lBEdW__cardGlare:before{content:"";background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffb8 0%, #ffffff47 18%, #fff0 46%);filter:blur(6px) brightness(var(--glare-brightness)) saturate(var(--glare-saturate));mix-blend-mode:screen;position:absolute;inset:-35%}.PokemonCard-module___lBEdW__cardGlare:after{content:"";background:linear-gradient(115deg, #fff0 0%, rgba(255, 255, 255, calc(.08 + (var(--pointer-from-center) * .62))) 38%, #fff0 66%);transform:rotate(calc((var(--pointer-from-left) - .5) * 14deg));filter:blur(2.5px) brightness(var(--glare-brightness)) saturate(var(--glare-saturate));mix-blend-mode:screen;-webkit-backdrop-filter:saturate(1.5)contrast(1.5);backdrop-filter:saturate(1.5)contrast(1.5);position:absolute;inset:-45%}.PokemonCard-module___lBEdW__cardShineEdge{pointer-events:none;opacity:calc(var(--card-opacity) * .65);background:radial-gradient(120% 80% at calc(var(--pointer-x)) calc(var(--pointer-y)), #d2faff29 0%, #a0d2ff12 22%, #0000 58%);mix-blend-mode:screen;filter:blur(.6px);transition:opacity .18s;position:absolute;inset:0}.PokemonCard-module___lBEdW__stepsExplanation{color:#1b1b1b;scrollbar-width:thin;scrollbar-color:var(--mantine-color-accent-7) #fafafa;scrollbar-gutter:stable;width:100%;max-height:75vh;font-size:var(--mantine-font-size-sm);background:#fafafa;border:1px solid #e6e6e6;border-radius:.8vw;padding:.8vw;overflow-y:auto}.PokemonCard-module___lBEdW__stepsExplanation::-webkit-scrollbar{width:7px;height:7px}.PokemonCard-module___lBEdW__stepsExplanation::-webkit-scrollbar-thumb{background:var(--mantine-color-accent-7);border-radius:8px}.PokemonCard-module___lBEdW__stepsExplanation::-webkit-scrollbar-track{background:#fafafa;border-radius:8px}.PokemonCard-module___lBEdW__stepsExplanation h3{font-size:var(--mantine-font-size-md);margin:0 0 .6vw}.PokemonCard-module___lBEdW__stepsExplanation p{margin:0 0 .6vw}.PokemonCard-module___lBEdW__stepsExplanation ul{margin:0 0 .8vw 1.2vw;padding:0}.PokemonCard-module___lBEdW__stepsExplanation li{margin:0 0 .4vw}.PokemonCard-module___lBEdW__cssSourceScroll{background:#282a36;border:1px solid #44475a;border-radius:.5vw}.PokemonCard-module___lBEdW__stepsExplanation code{background:#0000000f;border-radius:.4vw;padding:.08em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em}
.Mascot-module__LfheHa__eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite Mascot-module__LfheHa__blink}@keyframes Mascot-module__LfheHa__blink{0%,93%,to{transform:none}96%{transform:scaleY(.1)}}.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__eyes,.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__happy{translate:var(--lx,0) var(--ly,0);transition:translate .12s ease-out,opacity .15s}.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__eyes{animation-name:Mascot-module__LfheHa__double-blink;animation-duration:3s}.Mascot-module__LfheHa__happy{opacity:0;fill:none;stroke:#5e1f3d;stroke-width:16px;stroke-linecap:round}.Mascot-module__LfheHa__lively:hover .Mascot-module__LfheHa__eyes{opacity:0}.Mascot-module__LfheHa__lively:hover .Mascot-module__LfheHa__happy{opacity:1}.Mascot-module__LfheHa__cheek{transition:fill .2s}.Mascot-module__LfheHa__lively:hover .Mascot-module__LfheHa__cheek{fill:#ff5f97}@keyframes Mascot-module__LfheHa__double-blink{0%,6%,12%,to{transform:none}3%,9%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.Mascot-module__LfheHa__eyes,.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__eyes{animation:none}}
.OpenHtmlToFigma-module__6x4koG__page{--matcha:#74b087;--straw:#ff8fb3;--berry:#5e1f3d;--ink:#143326;--sub:#1e4032;--muted:#3d5c4c;--glass:linear-gradient(165deg, #ffffffb8, #ffffff75);--rim:inset 0 1px 0 #fffffff2, inset 0 0 0 1px #ffffff73;--lift:0 22px 44px -22px #103c248c;--spring:cubic-bezier(.34, 1.56, .64, 1);--pad:clamp(20px, 5vw, 64px);max-width:1240px;color:var(--ink);background:radial-gradient(circle, #ffffff47 1.6px, transparent 2.2px) 0 0 / 22px 22px, radial-gradient(60% 30% at 100% 0%, #ff8fb38c, transparent 70%), radial-gradient(55% 25% at 0% 55%, #ffffff73, transparent 70%), radial-gradient(60% 25% at 100% 100%, #ff8fb380, transparent 70%), linear-gradient(170deg, #8cc49b, var(--matcha) 50%, #5e9c74);border-radius:28px;margin:0 auto;line-height:1.5;overflow:hidden}@media (max-width:480px){.OpenHtmlToFigma-module__6x4koG__page{border-radius:0}}.OpenHtmlToFigma-module__6x4koG__feature,.OpenHtmlToFigma-module__6x4koG__privacy,.OpenHtmlToFigma-module__6x4koG__finaleCard,.OpenHtmlToFigma-module__6x4koG__badge,.OpenHtmlToFigma-module__6x4koG__secondary,.OpenHtmlToFigma-module__6x4koG__videoFrame{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.7);backdrop-filter:blur(14px)saturate(1.7);box-shadow:var(--rim), var(--lift)}.OpenHtmlToFigma-module__6x4koG__section{padding:clamp(72px, 11vw, 128px) var(--pad) 0}.OpenHtmlToFigma-module__6x4koG__heading{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:760px;margin:0 auto clamp(32px,5vw,52px);display:flex}.OpenHtmlToFigma-module__6x4koG__kicker{color:var(--berry);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.OpenHtmlToFigma-module__6x4koG__title{letter-spacing:-.035em;margin:0;font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1}.OpenHtmlToFigma-module__6x4koG__lede{color:var(--sub);margin:0;font-size:clamp(17px,1.8vw,21px);font-weight:700}.OpenHtmlToFigma-module__6x4koG__display{letter-spacing:-.04em;margin:0;font-size:clamp(54px,9vw,112px);font-weight:900;line-height:.92}.OpenHtmlToFigma-module__6x4koG__ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.OpenHtmlToFigma-module__6x4koG__primary,.OpenHtmlToFigma-module__6x4koG__secondary{color:var(--ink);transition:transform .35s var(--spring), filter .2s ease;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:17px;font-weight:900;text-decoration:none;display:inline-flex}.OpenHtmlToFigma-module__6x4koG__primary{color:var(--berry);background:linear-gradient(#ffc4d7,#ff93b6);box-shadow:inset 0 1px #ffffffe6,inset 0 -3px 8px #d6336f59,0 14px 26px -12px #d6336fcc}.OpenHtmlToFigma-module__6x4koG__primary:hover,.OpenHtmlToFigma-module__6x4koG__secondary:hover{filter:saturate(1.12);transform:translateY(-2px)}.OpenHtmlToFigma-module__6x4koG__primary:active,.OpenHtmlToFigma-module__6x4koG__secondary:active{transform:scale(.97)}.OpenHtmlToFigma-module__6x4koG__primary:focus-visible,.OpenHtmlToFigma-module__6x4koG__secondary:focus-visible,.OpenHtmlToFigma-module__6x4koG__demoLink:focus-visible,.OpenHtmlToFigma-module__6x4koG__credits a:focus-visible{outline:3px solid var(--berry);outline-offset:3px}.OpenHtmlToFigma-module__6x4koG__demoLink{color:var(--berry);align-items:center;gap:6px;margin-top:18px;font-weight:800;text-decoration:none;display:inline-flex}.OpenHtmlToFigma-module__6x4koG__demoLink:hover{text-underline-offset:3px;text-decoration:underline}.OpenHtmlToFigma-module__6x4koG__hero{padding:clamp(48px, 8vw, 96px) var(--pad) 0;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(24px,4vw,48px);display:grid}.OpenHtmlToFigma-module__6x4koG__heroCopy .OpenHtmlToFigma-module__6x4koG__lede{max-width:30ch;margin-top:22px}.OpenHtmlToFigma-module__6x4koG__badge{color:var(--sub);border-radius:999px;align-items:center;gap:10px;margin:0 0 24px;padding:6px 16px 6px 6px;font-size:14px;font-weight:800;display:inline-flex}.OpenHtmlToFigma-module__6x4koG__badgeIcon{border-radius:9px;width:30px;height:30px}.OpenHtmlToFigma-module__6x4koG__heroArt{justify-self:center;width:min(360px,100%)}.OpenHtmlToFigma-module__6x4koG__win{background:#2c2c2c;border-radius:12px;overflow:hidden;box-shadow:0 50px 90px -40px #0a321ebf,0 0 0 1px #00000026}.OpenHtmlToFigma-module__6x4koG__bar{color:#fff;align-items:center;gap:8px;height:40px;padding:0 12px;font:600 12px/1 system-ui,sans-serif;display:flex}.OpenHtmlToFigma-module__6x4koG__barIcon{border-radius:4px;width:16px;height:16px}.OpenHtmlToFigma-module__6x4koG__bar i{opacity:.6;margin-left:auto;font-style:normal}.OpenHtmlToFigma-module__6x4koG__win iframe{border:0;width:100%;height:600px;display:block}.OpenHtmlToFigma-module__6x4koG__tryHint{color:var(--sub);text-align:center;margin:18px 0 0;font-size:14px;font-weight:800}.OpenHtmlToFigma-module__6x4koG__mood img{filter:drop-shadow(0 34px 40px #0a321e73);width:100%;height:auto;display:block}@media (max-width:860px){.OpenHtmlToFigma-module__6x4koG__hero{text-align:center;grid-template-columns:1fr}.OpenHtmlToFigma-module__6x4koG__heroCopy .OpenHtmlToFigma-module__6x4koG__lede{margin-inline:auto}.OpenHtmlToFigma-module__6x4koG__ctas{justify-content:center}}.OpenHtmlToFigma-module__6x4koG__videoFrame{border-radius:clamp(18px,2.6vw,32px);padding:clamp(6px,1vw,12px)}.OpenHtmlToFigma-module__6x4koG__videoFrame video{aspect-ratio:16/9;background:var(--matcha);border-radius:clamp(12px,1.8vw,22px);width:100%;display:block}.OpenHtmlToFigma-module__6x4koG__compare{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px);display:grid}.OpenHtmlToFigma-module__6x4koG__pane{gap:14px;margin:0;display:grid}.OpenHtmlToFigma-module__6x4koG__pane figcaption{color:var(--sub);text-align:center;font-weight:800}.OpenHtmlToFigma-module__6x4koG__shot{aspect-ratio:1440/1058;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0a321eb3,0 0 0 1px #00000014}.OpenHtmlToFigma-module__6x4koG__shot img{width:100%;height:auto;display:block}.OpenHtmlToFigma-module__6x4koG__browser{background:#fff}.OpenHtmlToFigma-module__6x4koG__tabbar{color:#52665b;background:#eef2ef;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.OpenHtmlToFigma-module__6x4koG__tabbar i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.OpenHtmlToFigma-module__6x4koG__tabbar i:nth-child(2){background:#febc2e}.OpenHtmlToFigma-module__6x4koG__tabbar i:nth-child(3){background:#28c840}.OpenHtmlToFigma-module__6x4koG__tabbar span{background:#fff;border-radius:6px;margin-left:8px;padding:3px 10px}.OpenHtmlToFigma-module__6x4koG__figma{background:#1e1e1e;padding:34px 22px 0}.OpenHtmlToFigma-module__6x4koG__figma img{outline:1.5px solid #0d99ff}.OpenHtmlToFigma-module__6x4koG__frameName{color:#0d99ff;font:600 12px/1 system-ui,sans-serif;position:absolute;top:12px;left:22px}@media (max-width:860px){.OpenHtmlToFigma-module__6x4koG__compare{grid-template-columns:1fr}}.OpenHtmlToFigma-module__6x4koG__moods{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.4vw,28px);display:grid}.OpenHtmlToFigma-module__6x4koG__mood{text-align:center}.OpenHtmlToFigma-module__6x4koG__mood h3{justify-content:center;align-items:center;gap:10px;margin:20px 0 6px;font-size:22px;font-weight:900;display:flex}.OpenHtmlToFigma-module__6x4koG__mood h3 span{width:30px;height:30px;color:var(--berry);background:linear-gradient(#ffc4d7,#ff93b6);border-radius:50%;place-items:center;font-size:15px;display:grid}.OpenHtmlToFigma-module__6x4koG__mood p{color:var(--sub);margin:0;font-size:15px}@media (max-width:960px){.OpenHtmlToFigma-module__6x4koG__moods{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.OpenHtmlToFigma-module__6x4koG__moods{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.OpenHtmlToFigma-module__6x4koG__features{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.OpenHtmlToFigma-module__6x4koG__feature{border-radius:22px;padding:22px}.OpenHtmlToFigma-module__6x4koG__featureIcon{width:42px;height:42px;color:var(--berry);background:linear-gradient(#ffd3e1,#ffa6c4);border-radius:13px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffd9,0 6px 14px -6px #d6336f99}.OpenHtmlToFigma-module__6x4koG__feature h3{margin:16px 0 6px;font-size:18px;font-weight:900;line-height:1.2}.OpenHtmlToFigma-module__6x4koG__feature p{color:var(--muted);margin:0;font-size:14.5px}.OpenHtmlToFigma-module__6x4koG__privacy{color:var(--berry);border-radius:22px;align-items:center;gap:18px;margin-top:16px;padding:22px 26px;display:flex}.OpenHtmlToFigma-module__6x4koG__privacy p{color:var(--sub);margin:0;font-size:15.5px}.OpenHtmlToFigma-module__6x4koG__privacy b{color:var(--ink)}@media (max-width:960px){.OpenHtmlToFigma-module__6x4koG__features{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.OpenHtmlToFigma-module__6x4koG__features{grid-template-columns:1fr}.OpenHtmlToFigma-module__6x4koG__privacy{align-items:flex-start}}.OpenHtmlToFigma-module__6x4koG__finale{padding-bottom:clamp(36px,6vw,56px)}.OpenHtmlToFigma-module__6x4koG__finaleWrap{max-width:760px;margin:0 auto;padding-top:112px;position:relative}.OpenHtmlToFigma-module__6x4koG__peek{filter:drop-shadow(0 10px 16px #103c244d);width:180px;margin-left:-90px;position:absolute;top:0;left:50%}.OpenHtmlToFigma-module__6x4koG__finaleCard{z-index:1;text-align:center;border-radius:32px;padding:clamp(28px,5vw,48px);position:relative}.OpenHtmlToFigma-module__6x4koG__finaleCard .OpenHtmlToFigma-module__6x4koG__lede{margin-top:14px}.OpenHtmlToFigma-module__6x4koG__finaleCard .OpenHtmlToFigma-module__6x4koG__ctas{justify-content:center}.OpenHtmlToFigma-module__6x4koG__code{color:#e6f4ea;text-align:left;background:#143326e6;border-radius:16px;max-width:600px;margin:28px auto 0;padding:16px 18px;font:13.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.OpenHtmlToFigma-module__6x4koG__credits{color:var(--sub);text-align:center;margin-top:44px;font-size:14px;font-weight:700}.OpenHtmlToFigma-module__6x4koG__credits p{margin:0}.OpenHtmlToFigma-module__6x4koG__credits a{color:var(--berry);font-weight:900;text-decoration:none}.OpenHtmlToFigma-module__6x4koG__credits a:hover{text-underline-offset:3px;text-decoration:underline}
.desktop-module__8lL-oW__widget{will-change:transform;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;box-shadow:0 0 .25vw #0000001a}.desktop-module__8lL-oW__widget:hover{z-index:20;transform:perspective(50vw)translateY(-3%)scale(1.05)rotateX(4deg);box-shadow:0 .75vw 1.5vw #0000004d,0 .25vw .5vw #00000026,0 0 .25vw #0000001a}
@font-face{font-family:nunito;src:url(../media/Nunito-s.p.0tqkxa-w3pk~c.woff2)format("woff2");font-display:swap;font-weight:500 900}@font-face{font-family:nunito Fallback;src:local(Arial);ascent-override:103.02%;descent-override:35.97%;line-gap-override:0.0%;size-adjust:98.13%}.nunito_636bb935-module__ng7nia__className{font-family:nunito,nunito Fallback}