html body .mk-moko-eyebrow{display:block;font:600 9px/1.6 var(--font-body-family,Arial,sans-serif);letter-spacing:.1em;color:#776d7d;margin:0 0 5px}html body .mk-order-journey{margin:24px 0 20px;padding:18px 0 0;border-top:1px solid var(--mk-ui-line,#e1dbe5);color:#2b2c35;background:#fff}html body .mk-journey-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 13px}html body .mk-journey-heading h3{font:600 22px/1.25 var(--mk-display-font,Arial,sans-serif);color:#2b2c35;margin:0}html body .mk-journey-hint{font:400 10px/1.4 var(--font-body-family,Arial,sans-serif);white-space:nowrap;color:#766b7b}html body .mk-journey-stages{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);align-items:stretch;gap:12px;width:100%;max-width:100%;padding:1px 1px 10px!important;margin:0!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c8bdcf transparent;list-style:none;scroll-padding-inline:1px}html body .mk-journey-stages>li{display:flex;flex-direction:column;align-items:start;min-width:0;gap:5px;padding:12px;background:#fff;border:1px solid #e5dfe8;border-radius:12px;scroll-snap-align:start;text-align:left;transition:border-color .32s ease,box-shadow .32s ease}html body .mk-journey-stages>li:hover{border-color:#baacc5;box-shadow:0 3px 12px #31233908}html body .mk-journey-stages img.mk-context-mascot{--mk-mascot-size:98px;margin:0 auto 3px}html body .mk-journey-number{font:600 8px/1.5 var(--font-body-family,Arial,sans-serif);letter-spacing:.07em;color:#7e7189}html body .mk-journey-stages h4{font:600 16px/1.3 var(--mk-display-font,Arial,sans-serif);color:#2b2c35;margin:0;min-height:2.6em}html body .mk-journey-stages p{font:400 11px/1.6 var(--font-body-family,Arial,sans-serif);color:#716a77;margin:0}html body .mk-journey-note{font:400 10px/1.65 var(--font-body-family,Arial,sans-serif);color:#7b737f;margin:9px 0 0}html body .mk-order-journey a{color:#6a546d;text-decoration:underline;text-underline-offset:3px}html body .mk-moko-use-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:26px 0;border-bottom:1px solid var(--mk-ui-line,#e1dbe5)}html body .mk-moko-use-guide>article{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:14px;padding:16px;border:1px solid #e5dfe8;border-radius:12px;background:#fff}html body .mk-moko-use-guide img.mk-context-mascot{--mk-mascot-size:100px}html body .mk-moko-use-guide h3{font:600 23px/1.2 var(--mk-display-font,Arial,sans-serif);margin:0 0 7px;color:#2b2c35}html body .mk-moko-use-guide p{font:400 12px/1.7 var(--font-body-family,Arial,sans-serif);margin:0;color:#716a77}html body .mk-moko-story,html body .mk-moko-choice{box-sizing:border-box;width:min(calc(100% - 48px),1360px);max-width:100%;margin:30px auto;color:#2b2c35;background:#fff}html body .mk-moko-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}html body .mk-moko-story>article{display:grid;grid-template-columns:156px minmax(0,1fr);gap:18px;align-items:center;padding:22px;border:1px solid #e3dce6;border-radius:16px;background:#fff;min-width:0}html body .mk-moko-story img.mk-context-mascot{--mk-mascot-size:156px}html body .mk-moko-story h2,html body .mk-moko-choice h2{font:700 clamp(22px,2.3vw,30px)/1.15 var(--mk-display-font,Arial,sans-serif);letter-spacing:-.02em;margin:0 0 9px;color:#2b2c35}html body .mk-moko-story p,html body .mk-moko-choice p{font:400 12px/1.8 var(--font-body-family,Arial,sans-serif);color:#756d7a;margin:0 0 9px}html body .mk-moko-story a{display:inline-flex;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid #bdadca;font:600 11px/1.5 var(--font-body-family,Arial,sans-serif);color:#5f4e69;text-decoration:none;transition:color .32s ease,border-color .32s ease}html body .mk-moko-story a:hover{color:#2b2c35;border-color:#6d527c}html body .mk-moko-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:18px 24px;border-block:1px solid #e5dfe8;border-radius:0}html body .mk-moko-choice-art{display:flex;align-items:center;gap:4px}html body .mk-moko-choice img.mk-context-mascot{--mk-mascot-size:112px}html body .mk-moko-choice p{margin:0;max-width:72ch}@media(max-width:1023px){html body .mk-moko-story{gap:16px}html body .mk-moko-story>article{grid-template-columns:100px minmax(0,1fr);padding:16px;gap:12px}html body .mk-moko-story img.mk-context-mascot{--mk-mascot-size:100px}html body .mk-moko-use-guide{grid-template-columns:minmax(0,1fr)}html body .mk-moko-choice img.mk-context-mascot{--mk-mascot-size:88px}}@media(max-width:767px){html body .mk-journey-heading{align-items:start;gap:10px}html body .mk-journey-heading h3{font-size:21px}html body .mk-journey-hint{font-size:9px;max-width:68px;white-space:normal;text-align:right}html body .mk-journey-stages{grid-auto-columns:154px;gap:10px}html body .mk-moko-use-guide>article{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:12px}html body .mk-moko-use-guide img.mk-context-mascot{--mk-mascot-size:84px}html body .mk-moko-use-guide h3{font-size:22px}html body .mk-moko-story,html body .mk-moko-choice{width:calc(100% - 32px);margin:22px auto}html body .mk-moko-story{grid-template-columns:minmax(0,1fr);gap:12px}html body .mk-moko-story>article{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:14px}html body .mk-moko-story h2,html body .mk-moko-choice h2{font-size:23px}html body .mk-moko-choice{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}html body .mk-moko-choice-art{justify-content:center}html body .mk-moko-choice img.mk-context-mascot{--mk-mascot-size:92px}}@media(prefers-reduced-motion:reduce){html body .mk-journey-stages>li,html body .mk-moko-story a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/monster-moko-journey.css.map */