@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@500;600;700;800&display=swap";@layer base{:root{color:#27324a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#27324a;--cream:#fffaf0;--coral:#ff785f;--line:#e9dfd0;background:#fffaf0;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,label{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #2e8ccf}label:has(input:focus-visible){outline-offset:3px;outline:4px solid #2e8ccf}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fredoka,system-ui,sans-serif}.home-page,.preview-page,.collection-page{width:min(1180px,100% - 48px);margin:0 auto}.hero{grid-template-columns:1fr .85fr;align-items:center;gap:30px;min-height:440px;padding:46px 4% 35px;display:grid}.hero h1{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(48px,6vw,76px);line-height:.98}h1 em{color:var(--coral);font-style:normal}.hero p{color:#617087;font-size:20px;line-height:1.55}.hero-art{place-items:center;height:340px;display:grid;position:relative}.hero-art:before{content:"";background:#ffe7ae;border-radius:51% 49% 43% 57%/46% 37% 63% 54%;position:absolute;inset:25px 12%;transform:rotate(-5deg)}.hero-art svg{filter:drop-shadow(0 16px 8px #37302621);width:min(330px,75%);animation:3.2s ease-in-out infinite float;position:relative;transform:rotate(4deg)}.sun{color:#e77850;background:#ffd266;border-radius:50%;place-items:center;width:70px;height:70px;font-size:32px;display:grid;position:absolute;top:5%;right:13%}.doodle{color:#699ecc;font-size:56px;position:absolute}.doodle-one{bottom:15%;left:2%}.doodle-two{color:#7ea951;bottom:10%;right:4%}@keyframes float{50%{transform:rotate(1deg)translateY(-10px)}}.lesson-section{padding:20px 0 80px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-heading h2{margin-bottom:0;font-size:36px}.section-heading p{color:#728097;font-weight:700}.animal-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.preview-card{border:2px solid var(--ink);min-height:600px;box-shadow:0 8px 0 var(--ink);background:#fff;border-radius:32px;grid-template-columns:1fr 1.05fr;margin-bottom:60px;display:grid;overflow:hidden}.preview-art{place-items:center;min-height:550px;display:grid;position:relative}.preview-art svg{filter:drop-shadow(0 18px 10px #1e283221);width:76%;max-width:410px}.preview-sticker{border:2px solid var(--ink);background:#fff7c9;border-radius:99px;padding:9px 16px;font-family:Fredoka;font-weight:700;position:absolute;bottom:10%;left:9%;transform:rotate(-5deg)}.preview-copy{flex-direction:column;justify-content:center;padding:clamp(36px,6vw,72px);display:flex}.preview-copy h1{margin-bottom:0;font-size:clamp(52px,7vw,72px)}.preview-copy .tagline{color:#69778b;font-size:20px;font-weight:700}.lesson-facts{flex-wrap:wrap;gap:10px;margin:8px 0 25px;display:flex}.lesson-facts span{background:#f6f2eb;border-radius:10px;padding:8px 12px;font-size:13px}.ready-box{border:2px solid #ded7ca;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;display:grid}.paper-icon{width:54px;height:54px;color:var(--coral);background:#fff0d4;border-radius:14px;place-items:center;font-size:38px;display:grid}.ready-box h2{margin-bottom:2px;font-size:17px}.ready-box p{color:#68758a;margin:0;font-size:14px}.ready-check{color:#55a55b;font-size:24px;font-weight:900}.calm-note{color:#69768a;gap:10px;margin:18px 3px;font-size:14px;display:flex}.calm-note p{margin:0}.player-page{background:#fffaf0;grid-template-rows:86px 1fr 94px;min-height:100vh;display:grid}.player-header{border-bottom:1px solid #e8dfd3;grid-template-columns:58px minmax(240px,520px) 58px;justify-content:center;align-items:center;gap:28px;padding:12px 40px;display:grid}.player-progress>span{text-align:center;margin-bottom:7px;font-size:13px;font-weight:900;display:block}.player-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(35px,7vw,95px);width:min(1160px,100% - 60px);margin:auto;padding:28px 0;display:grid}.paper-stage{background:radial-gradient(circle,#fff 0 8%,#fbf3e8 58%,#f6eadb 100%);border-radius:42px;place-items:center;min-height:min(57vh,550px);display:grid;position:relative;overflow:hidden}.paper-stage:before{content:"";aspect-ratio:1;border:2px dashed #dfd4c5;border-radius:50%;width:75%;position:absolute}.fold-diagram{z-index:1;width:min(92%,520px);overflow:visible}.paper-motion{transform-origin:50%;animation:1.35s ease-out paper-pulse}.is-slow .paper-motion{animation-duration:2.7s}.fold-guide{animation:.55s .35s both guide-in}.direction{stroke:#e84c64;stroke-width:7px;stroke-linecap:round;stroke-dasharray:14 9;animation:.9s linear infinite march}.crease{stroke:#4b75a3;stroke-width:4px;stroke-dasharray:9 7}.crease.emphasized{stroke:#e84c64;stroke-width:7px;filter:drop-shadow(0 0 5px #fff)}.target circle:first-child{fill:#fff;stroke:#e84c64;stroke-width:4px;animation:1s infinite target-pulse}.target circle:last-child{fill:#e84c64}.stage-label{z-index:2;white-space:nowrap;background:#ffffffe6;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.final-animal{width:100%;height:100%}@keyframes paper-pulse{0%{opacity:.5;transform:scale(.92)rotate(-2deg)}60%{transform:scale(1.03)rotate(1deg)}to{opacity:1;transform:scale(1)}}@keyframes guide-in{0%{opacity:0}to{opacity:1}}@keyframes march{to{stroke-dashoffset:-23px}}@keyframes target-pulse{50%{r:19px;opacity:.7}}.instruction-panel{max-width:430px}.action-chip{letter-spacing:.1em;border-radius:8px;margin-bottom:17px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-block}.instruction-panel h1{font-size:clamp(32px,4vw,48px);line-height:1.13}.help-button{border:2px solid var(--ink);cursor:pointer;min-height:56px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:15px;align-items:center;gap:12px;margin-top:25px;padding:10px 18px;font-weight:900;display:flex}.help-button span{font-size:24px}.help-button.active{background:#fff3cf}.hint-box{background:#fff8dc;border:2px solid #f0b94d;border-radius:16px;align-items:center;gap:13px;padding:16px;display:flex}.hint-box span{font-size:27px}.hint-box p{margin:0;line-height:1.4}.player-controls{background:#ffffffe0;border-top:1px solid #e8dfd3;justify-content:space-between;align-items:center;padding:16px max(40px,50vw - 580px);display:flex}.completion-page{text-align:center;width:min(720px,100% - 40px);margin:0 auto;padding:40px 0 70px}.completion-page h1{margin-bottom:8px;font-size:clamp(40px,7vw,62px)}.completion-page>p{color:#6d798c;font-size:18px}.confetti{color:#f2a43a;letter-spacing:.3em;font-size:30px;animation:2.5s infinite float}.finished-art{border:2px solid var(--ink);border-radius:45% 55% 50% 46%;place-items:center;width:min(410px,85%);height:300px;margin:25px auto 18px;display:grid;position:relative}.finished-art svg{width:78%;height:78%}.finished-art img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.celebration-star{color:#efab35;font-size:36px;position:absolute}.star-one{top:18px;left:10px}.star-two{bottom:18px;right:13px}.decorate-row{justify-content:center;gap:12px;display:flex}.decorate-row button,.photo-button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:13px;align-items:center;min-height:48px;padding:10px 16px;font-weight:900;display:flex}.decorate-row button.selected{background:#fff0ae}.photo-button input{opacity:0;width:1px;height:1px;position:absolute}.reward-note{background:#fff0d5;border-radius:16px;justify-content:center;align-items:center;gap:13px;margin:24px auto;padding:16px;display:flex}.reward-note>span{font-size:29px}.reward-note p{text-align:left;margin:0}.completion-actions{justify-content:center;gap:14px;display:flex}.collection-page{text-align:center;padding:65px 0 90px}.collection-page h1{margin-bottom:4px;font-size:54px}.collection-page>p{color:#6e7a8d}.collection-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:40px;display:grid}.collection-grid button{border:2px solid var(--ink);cursor:pointer;min-height:315px;box-shadow:0 5px 0 var(--ink);border-radius:25px;padding:18px;position:relative}.collection-grid svg{width:190px;height:180px}.collection-grid h2{margin-bottom:3px;font-size:28px}.collection-grid button>span:last-child{font-weight:900}.made-badge{background:#fff;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:900;position:absolute;top:14px;right:14px}.empty-collection{border:2px dashed #bdb4a6;border-radius:28px;width:min(500px,100%);margin:45px auto;padding:50px}.empty-collection>span{color:var(--coral);font-size:75px}.empty-collection h2{margin:5px}.empty-collection p{color:#778397}@media (width>=601px) and (height<=850px){.completion-page{padding:20px 0 35px}.completion-page h1{font-size:48px}.completion-page>p{margin-bottom:8px}.confetti{font-size:24px}.finished-art{width:330px;height:210px;margin:12px auto}.decorate-row>*,.photo-button{min-height:44px}.reward-note{margin:13px auto;padding:11px}}@media (width<=820px){.hero{grid-template-columns:1fr .75fr;min-height:auto;padding:40px 0}.hero h1{font-size:50px}.hero-art{height:260px}.preview-card{grid-template-columns:1fr}.preview-art{min-height:320px}.preview-art svg{max-height:275px}.preview-copy{padding:38px}.player-page{grid-template-rows:78px 1fr 90px}.player-layout{grid-template-columns:1.05fr .95fr;gap:25px;width:calc(100% - 32px)}.paper-stage{min-height:48vh}.instruction-panel h1{font-size:32px}.player-controls{padding:14px 25px}}@media (width<=600px){.home-page,.preview-page,.collection-page{width:min(100% - 30px,500px)}.hero{text-align:center;grid-template-columns:1fr;gap:8px;padding:26px 0 18px}.hero h1{font-size:45px}.hero p{margin-bottom:0;font-size:16px}.hero-art{height:175px}.hero-art:before{inset:8px 17%}.hero-art svg{width:175px}.sun{width:43px;height:43px;font-size:24px}.doodle{font-size:38px}.lesson-section{padding-top:8px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:31px}.section-heading{flex-direction:column;align-items:start}.section-heading p{font-size:14px}.animal-grid{flex-direction:column;display:flex}.preview-copy{padding:30px 22px}.preview-copy h1{font-size:48px}.lesson-facts{gap:6px}.lesson-facts span{font-size:11px}.ready-box{grid-template-columns:auto 1fr}.ready-check{display:none}.player-page{padding-bottom:102px;display:block}.player-header{z-index:5;background:#fffaf0;grid-template-columns:47px 1fr 47px;gap:10px;height:74px;padding:8px 12px;position:sticky;top:0}.player-layout{flex-direction:column;gap:18px;padding:15px 0 25px;display:flex}.paper-stage{border-radius:28px;width:100%;min-height:360px}.fold-diagram{width:350px;max-width:95%}.instruction-panel{text-align:center;width:100%}.instruction-panel h1{margin-bottom:14px;font-size:29px}.action-chip{margin-bottom:10px}.help-button{margin:12px auto 0}.hint-box{text-align:left}.player-controls{z-index:5;gap:10px;height:90px;padding:12px;position:fixed;bottom:0;left:0;right:0}.player-controls button{min-width:0!important;padding:8px 14px!important;font-size:14px!important}.completion-page{padding-top:25px}.finished-art{height:250px}.decorate-row,.completion-actions{flex-direction:column}.decorate-row>*,.completion-actions>*{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer priority1,priority2,priority3,priority4;

@layer priority1;

@layer priority2 {
  .xjw8nif {
    border-color: #aaa;
  }

  .xfbh553 {
    border-color: var(--xec5hqz);
  }

  .x7ntg93 {
    border-color: var(--xfp1eo7);
  }

  .x1j1080j {
    border-color: var(--xqx3lwr);
  }

  .x4pepcl {
    border-radius: 12px;
  }

  .xgqmno8 {
    border-radius: 16px;
  }

  .x16rqkct {
    border-radius: 50%;
  }

  .x1pjcqnp {
    border-radius: inherit;
  }

  .x5tw1ar {
    border-radius: var(--x12kjjpx);
  }

  .x1ipqnod {
    border-radius: var(--x1jbbn54);
  }

  .xeek5sm {
    border-radius: var(--xfv06xb);
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .xdh2fpr {
    border-width: 2px;
  }

  .x883omv {
    gap: 10px;
  }

  .x167g77z {
    gap: 8px;
  }

  .x623te4 {
    grid-column: span 2;
  }

  .x1a2a7pz {
    outline: none;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .xt970qd {
    padding-block: 0;
  }

  .x1xn8qrt {
    padding-block: 16px;
  }

  .x1vvogim {
    padding-block: 8px;
  }

  .xw0jkia {
    padding-block: var(--xi0972j);
  }

  .xnjsko4 {
    padding-inline: 0;
  }

  .xelufkg {
    padding-inline: 17px;
  }

  .x12j899k {
    padding-inline: 18px;
  }

  .xm9j1uf {
    padding-inline: 5px;
  }

  .x1wmbioh {
    padding-inline: clamp(24px, 6vw, 90px);
  }

  .x1n6jc4n {
    padding-inline: var(--x4q7gt1);
  }

  .x1ku5rj1 {
    place-items: center;
  }

  .x1cjs13f:focus-visible {
    outline: 4px solid var(--x1pjsf58);
  }

  @media (width <= 820px) {
    .x1qa7ty3.x1qa7ty3 {
      grid-column: span 3;
    }
  }

  @media (width <= 600px) {
    .x1dabra3.x1dabra3 {
      padding-block: 6px;
    }

    .xb6z6sd.xb6z6sd {
      padding-inline: 11px;
    }
  }

  @media (width <= 820px) {
    .x41wasp.x41wasp {
      padding-inline: 22px;
    }
  }
}

@layer priority3 {
  .x1i10hfl {
    -webkit-tap-highlight-color: transparent;
  }

  .x6s0dn4 {
    align-items: center;
  }

  .x1qjc9v5 {
    align-items: stretch;
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .xl8spv7 {
    background-color: var(--x-backgroundColor);
  }

  .x1dhxlko {
    background-color: var(--x1f95o9d);
  }

  .x8auiu1 {
    background-color: var(--x1gc9mgz);
  }

  .x10wjd0t {
    background-color: var(--x1jd1f1k);
  }

  .x1rlr1of {
    background-color: var(--x1of299h);
  }

  .x19cfxz7 {
    background-color: var(--xtzn5hw);
  }

  .x15dg6l5 {
    background-image: radial-gradient(circle at 15% 8%,var(--xzdvx3j) 0 3%,transparent 22%);
  }

  .x1b3bz4g {
    box-shadow: 0 3px 0 var(--xec5hqz);
  }

  .x1tp5tpz {
    box-shadow: 0 5px 0 var(--xqx3lwr);
  }

  .xgts29x {
    box-shadow: 0 6px 0 var(--xec5hqz);
  }

  .x1gnnqk1 {
    box-shadow: none;
  }

  .x1nw5wek {
    box-shadow: var(--x8a6w6y);
  }

  .x14rh7hd {
    color: var(--x-color);
  }

  .xy8cjsj {
    color: var(--x1gc9mgz);
  }

  .x1n6mu5n {
    color: var(--xec5hqz);
  }

  .x1n6o350 {
    color: var(--xoz2dyu);
  }

  .xchg1ow {
    color: var(--xtzn5hw);
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xwz0xwf {
    display: inline-grid;
  }

  .xt0psk2 {
    display: inline;
  }

  .x4gl996 {
    filter: grayscale(.6);
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1c4vz4f {
    flex-grow: 0;
  }

  .x13u2wa1 {
    font-family: var(--xl6tdp2);
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .x1j61zf2 {
    font-size: 16px;
  }

  .x19d36u7 {
    font-size: 17px;
  }

  .xew7ush {
    font-size: 21px;
  }

  .x1pvqxga {
    font-size: 24px;
  }

  .xneq65o {
    font-size: 28px;
  }

  .x3jc0hy {
    font-size: 29px;
  }

  .x1ulgg28 {
    font-size: 30px;
  }

  .x1xlr1w8 {
    font-weight: 700;
  }

  .xuv8nkb {
    font-weight: 800;
  }

  .x1uu0p8 {
    font-weight: 900;
  }

  .xl56j7k {
    justify-content: center;
  }

  .x1qughib {
    justify-content: space-between;
  }

  .x14lbdrl {
    letter-spacing: .15em;
  }

  .x1hc1fzr {
    opacity: 1;
  }

  .x1wfwxd8 {
    outline-offset: 0;
  }

  .x10l6tqk {
    position: absolute;
  }

  .x1n2onr6 {
    position: relative;
  }

  .xdpxx8g {
    text-align: left;
  }

  .xjfwctl {
    text-shadow: 0 1px #00000026;
  }

  .xp5x71x {
    transform: rotate(-6deg);
  }

  .xhzvsi4 {
    transform: translateY(0) rotate(0);
  }

  .xnn1q72 {
    transform: translateY(0);
  }

  .x13dflua {
    transition-duration: .2s;
  }

  .x1d8287x {
    transition-duration: .3s;
  }

  .x16n73rl {
    transition-property: transform, box-shadow;
  }

  .xxrbq2n {
    transition-property: width;
  }

  .xhtitgo {
    z-index: 2;
  }

  .xj3ae5l:focus-visible {
    outline-offset: 3px;
  }

  .x1s07b3s:disabled {
    cursor: not-allowed;
  }

  .xnqy2f1:disabled {
    opacity: .38;
  }

  .x1gl3shj:disabled {
    transform: none;
  }

  .x1g3phw8:hover {
    box-shadow: 0 11px 0 var(--xec5hqz);
  }

  .xczbit6:hover {
    transform: translateY(-5px) rotate(-.4deg);
  }

  .x1imq8f4:active {
    box-shadow: 0 1px 0 var(--xec5hqz);
  }

  .xpralof:active {
    box-shadow: var(--x56o903);
  }

  .x1sjarlb:active {
    transform: translateY(2px);
  }

  .xgfi1vz:active {
    transform: translateY(3px);
  }

  @media (width <= 600px) {
    .xcjwdqn.xcjwdqn {
      align-items: center;
    }

    .xmr86nl.xmr86nl {
      display: none;
    }

    .xonvol6.xonvol6 {
      flex-direction: row;
    }

    .x1uu4baz.x1uu4baz {
      flex-grow: 1;
    }
  }

  @media (width <= 820px) {
    .x1cty2oa.x1cty2oa {
      font-size: 13px;
    }

    .x1g41ge1.x1g41ge1 {
      font-size: 23px;
    }
  }
}

@layer priority4 {
  .x1cvssp9 {
    border-bottom-color: #27324a14;
  }

  .x1q0q8m5 {
    border-bottom-style: solid;
  }

  .xso031l {
    border-bottom-width: 1px;
  }

  .x1oozmrk {
    bottom: 15px;
  }

  .x5yr21d {
    height: 100%;
  }

  .x170jfvy {
    height: 10px;
  }

  .x129qt2x {
    height: 130px;
  }

  .x89wwaf {
    height: 142px;
  }

  .x17rw0jw {
    height: 22px;
  }

  .x90ne7k {
    height: 34px;
  }

  .x14o62y9 {
    height: 39px;
  }

  .xdd8jsf {
    height: 52px;
  }

  .x1ycjhwn {
    height: 5px;
  }

  .x14nwjz3 {
    height: 88px;
  }

  .xpnmzw7 {
    left: 12px;
  }

  .x1t8mvi6 {
    left: auto;
  }

  .xyorhqc {
    margin-bottom: 10px;
  }

  .xod5an3 {
    margin-bottom: 12px;
  }

  .xieb3on {
    margin-bottom: 20px;
  }

  .x12nagc {
    margin-bottom: 4px;
  }

  .x1gfa6gt {
    margin-left: 7px;
  }

  .x1anpbxc {
    margin-top: 10px;
  }

  .x11fxgd9 {
    margin-top: 30px;
  }

  .x2lwn1j {
    min-height: 0;
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .x1g3eff4 {
    min-height: 21px;
  }

  .x1jlorgk {
    min-height: 275px;
  }

  .x1gg8mnh {
    min-height: 44px;
  }

  .x1wxaq2x {
    min-height: 48px;
  }

  .xvkrg5o {
    min-height: 58px;
  }

  .x1t5bqph {
    min-width: 190px;
  }

  .x1oslful {
    min-width: 22px;
  }

  .x15x72sd {
    min-width: auto;
  }

  .xlftelb {
    right: 12px;
  }

  .x3mw7os {
    right: 18px;
  }

  .x1tk7jg1 {
    top: 12px;
  }

  .xfr5jun {
    top: 8px;
  }

  .xh8yej3 {
    width: 100%;
  }

  .xrostsh {
    width: 150px;
  }

  .x1691je0 {
    width: 34px;
  }

  .x1u8m480 {
    width: 39px;
  }

  .xvni27 {
    width: 52px;
  }

  .x14atkfc {
    width: auto;
  }

  .x5lhr3w {
    width: var(--x-width);
  }

  @media (width <= 600px) {
    .x1fzyv32.x1fzyv32 {
      bottom: 13px;
    }

    .xwpen87.xwpen87 {
      height: 100%;
    }

    .x1aqkfzg.x1aqkfzg {
      height: 180px;
    }
  }

  @media (width <= 820px) {
    .xnl3r8p.xnl3r8p {
      height: 34px;
    }
  }

  @media (width <= 600px) {
    .xgej08j.xgej08j {
      height: 44px;
    }
  }

  @media (width <= 820px) {
    .xbaykpn.xbaykpn {
      height: 74px;
    }
  }

  @media (width <= 600px) {
    .xjf7uu2.xjf7uu2 {
      min-height: 0;
    }

    .x13hic8p.x13hic8p {
      min-height: 230px;
    }

    .xpcic97.xpcic97 {
      min-height: 235px;
    }
  }

  @media (width >= 601px) and (height <= 850px) {
    .x1dpdtdm.x1dpdtdm {
      min-height: 52px;
    }
  }

  @media (width <= 600px) {
    .xgf1jaf.xgf1jaf {
      min-width: 0;
    }

    .x1eshf1s.x1eshf1s {
      width: 100%;
    }

    .xpwff66.xpwff66 {
      width: 120px;
    }
  }

  @media (width <= 820px) {
    .x1teq98r.x1teq98r {
      width: 34px;
    }
  }

  @media (width <= 600px) {
    .x1kizdvt.x1kizdvt {
      width: 43%;
    }

    .xuhk4q5.xuhk4q5 {
      width: 44px;
    }

    .xdczwa3.xdczwa3 {
      width: 57%;
    }
  }
}

@property --x-backgroundColor {
  syntax: "*";
  inherits: false
}

@property --x-color {
  syntax: "*";
  inherits: false
}

@property --x-width {
  syntax: "*";
  inherits: false
}

:root, .x1oi8mmf {
  --x1f48yy5: 6px;
  --xi0972j: 10px;
  --xa5nwdl: 16px;
  --x4q7gt1: 24px;
  --x196y9wh: 40px;
}

:root, .xbwv72k {
  --x1f95o9d: #fffaf0;
  --xzdvx3j: #fff3d7;
  --x1of299h: #ff785f;
  --x1gc9mgz: #935554;
  --xqx3lwr: #c9c4bc;
  --x1jd1f1k: #eee8df;
  --x1pjsf58: #2e8ccf;
  --xec5hqz: #27324a;
  --xfp1eo7: #e9dfd0;
  --xoz2dyu: #68758a;
  --xtzn5hw: #fff;
}

:root, .x347tuj {
  --x4kkgsl: "Nunito", system-ui, sans-serif;
  --xl6tdp2: "Fredoka", system-ui, sans-serif;
}

:root, .xsemjko {
  --x8a6w6y: 0 4px 0 #27324a;
  --x56o903: 0 1px 0 #27324a;
}

:root, .x2jaaes {
  --xcjdg32: 10px;
  --x12kjjpx: 16px;
  --x1jbbn54: 24px;
  --xfv06xb: 999px;
}