@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/inter-latin.woff2) format('woff2');
}
/* desktop board styles from the canvas */

body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#F8FAFC;color:#17212B}
a{color:#4A90E2}a:hover{color:#102A43}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #4A90E2;outline-offset:2px}
input::placeholder,textarea::placeholder{color:#585F66}
input[type=checkbox]{accent-color:#102A43}
#top > *{flex-shrink:0}@keyframes mffade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.mf-fade{animation:mffade .35s ease-out}}@keyframes mfspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.mf-loop-spin{animation:mfspin linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}@supports not (animation-timeline: view()){.mf-loop-spin{animation:mfspin 12s linear infinite}}}@property --mfn{syntax:"<integer>";inherits:false;initial-value:30}@keyframes mfcount{from{--mfn:0}to{--mfn:30}}@keyframes mfdraw{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}.mf-count{counter-reset:mfn var(--mfn)}.mf-count::after{content:"+" counter(mfn) "%"}.mf-spark{stroke-dasharray:320;stroke-dashoffset:0}@media (prefers-reduced-motion: no-preference){.mf-count{animation:mfcount 2.4s ease-out both}.mf-spark{animation:mfdraw 2.4s ease-out both}@supports (animation-timeline: view()){.mf-count{animation-timeline:view();animation-range:entry 0% cover 30%}.mf-spark{animation-timeline:view();animation-range:entry 20% cover 65%}}}@keyframes mfctadraw{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes mfctahead{0%,60%{opacity:0}100%{opacity:1}}@keyframes mfnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}.mf-cta-path{stroke-dasharray:260;stroke-dashoffset:0}@media (prefers-reduced-motion: no-preference){.mf-cta-path{animation:mfctadraw 1.2s ease-out both}.mf-cta-head{animation:mfctahead 1.2s ease-out both}@supports (animation-timeline: view()){.mf-cta-path,.mf-cta-head{animation-timeline:view();animation-range:entry 20% cover 45%}}.mf-cta-arrow{animation:mfnudge 2.4s ease-in-out 1.6s infinite}}@property --mfa{syntax:"<integer>";inherits:false;initial-value:1}@property --mfb{syntax:"<integer>";inherits:false;initial-value:53}@property --mfr{syntax:"<integer>";inherits:false;initial-value:90}@property --mfl1{syntax:"<integer>";inherits:false;initial-value:82}@property --mfl2{syntax:"<integer>";inherits:false;initial-value:83}@property --mfl3{syntax:"<integer>";inherits:false;initial-value:5}@property --mfl4{syntax:"<integer>";inherits:false;initial-value:9}@property --mfl5{syntax:"<integer>";inherits:false;initial-value:25}.mf-cnt-conv{counter-reset:a var(--mfa) b var(--mfb)}.mf-cnt-conv::after{content:counter(a) "." counter(b, decimal-leading-zero) "%"}.mf-cnt-ret{counter-reset:r var(--mfr)}.mf-cnt-ret::after{content:"~" counter(r) "%"}.mf-cnt-l1{counter-reset:x var(--mfl1) y var(--mfl2)}.mf-cnt-l1::after{content:counter(x) "\2013" counter(y) "%"}.mf-cnt-l2{counter-reset:x var(--mfl3) y var(--mfl4)}.mf-cnt-l2::after{content:counter(x) "\2013" counter(y) "%"}.mf-cnt-l3{counter-reset:x var(--mfl5)}.mf-cnt-l3::after{content:counter(x) "s"}@keyframes mfcconv{from{--mfa:0;--mfb:0}to{--mfa:1;--mfb:53}}@keyframes mfcret{from{--mfr:0}to{--mfr:90}}@keyframes mfcl1{from{--mfl1:0;--mfl2:0}to{--mfl1:82;--mfl2:83}}@keyframes mfcl2{from{--mfl3:0;--mfl4:0}to{--mfl3:5;--mfl4:9}}@keyframes mfcl3{from{--mfl5:0}to{--mfl5:25}}@keyframes mfrise2{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes mfpop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes mfgrowy{from{transform:scaleY(0)}to{transform:none}}@keyframes mfdrawx{from{transform:scaleX(0)}to{transform:none}}@keyframes mfreveal{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes mfhead{0%,80%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}@keyframes mftilt{from{transform:perspective(1600px) rotateX(14deg) scale(.92);opacity:.4}to{transform:none;opacity:1}}@keyframes mfpar{from{transform:none}to{transform:translateY(90px) scale(.97)}}@keyframes mfturn{from{transform:rotate(-120deg)}to{transform:rotate(120deg)}}.mf-bars rect{transform-box:fill-box;transform-origin:50% 100%}.mf-drawx{transform-origin:0 50%}.mf-turn{transform-box:view-box;transform-origin:60px 60px}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.mf-cnt-conv{animation:mfcconv linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-ret{animation:mfcret linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-l1{animation:mfcl1 linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-l2{animation:mfcl2 linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-l3{animation:mfcl3 linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-stagger>*{animation:mfrise2 ease-out both;animation-timeline:view();animation-range:entry 0% entry 70%}.mf-stagger>*:nth-child(2){animation-range:entry 8% entry 78%}.mf-stagger>*:nth-child(3){animation-range:entry 16% entry 86%}.mf-stagger>*:nth-child(4){animation-range:entry 24% entry 94%}.mf-stagger>*:nth-child(5){animation-range:entry 32% entry 100%}.mf-chips>*:not(:first-child){animation:mfpop ease-out both;animation-timeline:view();animation-range:entry 20% entry 100%}.mf-bars rect{animation:mfgrowy ease-out both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-drawx{animation:mfdrawx ease-out both;animation-timeline:view();animation-range:entry 30% cover 45%}.mf-bracket{animation:mfreveal ease-out both;animation-timeline:view();animation-range:entry 40% cover 50%}.mf-bhead{animation:mfhead ease-out both;animation-timeline:view();animation-range:entry 40% cover 52%}.mf-tilt{animation:mftilt ease-out both;animation-timeline:view();animation-range:entry 0% cover 35%}.mf-par{animation:mfpar linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.mf-turn{animation:mfturn linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@property --t{syntax:"<integer>";inherits:false;initial-value:0}@keyframes mftick{from{--t:0}}.mf-t95{--t:95;counter-reset:t var(--t)}.mf-t95::after{content:counter(t) ".0%"}.mf-t83{--t:83;counter-reset:t var(--t)}.mf-t83::after{content:counter(t) "%"}.mf-t18{--t:18;counter-reset:t var(--t)}.mf-t18::after{content:"+" counter(t) "%"}.mf-t38{--t:38;counter-reset:t var(--t)}.mf-t38::after{content:counter(t) "%"}@keyframes mfmark{from{background-size:0% 100%}to{background-size:100% 100%}}@keyframes mfheadsh{from{box-shadow:0 0 0 rgba(16,42,67,0)}to{box-shadow:0 8px 24px rgba(16,42,67,0.10)}}@keyframes mfasm1{from{opacity:0;transform:translate(-48px,-36px) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes mfasm2{from{opacity:0;transform:translate(48px,-36px) rotate(10deg)}to{opacity:1;transform:none}}@keyframes mfasm3{from{opacity:0;transform:translate(-48px,36px) rotate(8deg)}to{opacity:1;transform:none}}@keyframes mfasm4{from{opacity:0;transform:translate(48px,36px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes mfoutfit{0%{opacity:0;transform:scale(.92)}35%{opacity:1;transform:none}70%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.03)}}@keyframes mffadeout{from{opacity:1}to{opacity:0}}@keyframes mffadein{from{opacity:0}to{opacity:1}}@keyframes mfdim{from{opacity:1}to{opacity:.45}}@keyframes mflight{from{opacity:.45}to{opacity:1}}.mf-mark{background:linear-gradient(#B9B7FF,#B9B7FF) no-repeat 0 0/100% 100%}.mf-stepline{transform-origin:0 50%}.mf-outfit{opacity:0}@media (prefers-reduced-motion: no-preference){.mf-t95,.mf-t83,.mf-t18,.mf-t38{animation:mftick .9s ease-out both}@supports (animation-timeline: view()){.mf-mark{animation:mfmark ease-out both;animation-timeline:view();animation-range:entry 60% cover 40%}.mf-head{animation:mfheadsh linear both;animation-timeline:scroll(root);animation-range:0px 160px}.mf-progress{animation:mfdrawx linear both;animation-timeline:scroll(root)}.mf-asm>*:nth-child(1){animation:mfasm1 ease-out both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-asm>*:nth-child(2){animation:mfasm2 ease-out both;animation-timeline:view();animation-range:entry 5% cover 33%}.mf-asm>*:nth-child(3){animation:mfasm3 ease-out both;animation-timeline:view();animation-range:entry 10% cover 36%}.mf-asm>*:nth-child(4){animation:mfasm4 ease-out both;animation-timeline:view();animation-range:entry 15% cover 39%}.mf-outfit{animation:mfoutfit linear both;animation-timeline:view();animation-range:cover 35% cover 75%}.mf-stagger>.mf-steptrack{animation:none}.mf-stagger>.mf-stepline{animation:mfdrawx linear both;animation-timeline:view();animation-range:entry 30% cover 50%}.mf-popin{animation:mfpop ease-out both;animation-timeline:view();animation-range:cover 42% cover 50%}.mf-l1img,.mf-l1badge{animation:mffadeout linear both;animation-timeline:view();animation-range:cover 40% cover 58%}.mf-l2badge{animation:mffadein linear both;animation-timeline:view();animation-range:cover 40% cover 58%}.mf-l1step{animation:mfdim linear both;animation-timeline:view();animation-range:cover 40% cover 58%}.mf-l2step{animation:mflight linear both;animation-timeline:view();animation-range:cover 40% cover 58%}}}@supports not (animation-timeline: view()){.mf-l1img,.mf-l1badge{opacity:0}}@media (prefers-reduced-motion: reduce){.mf-l1img,.mf-l1badge{opacity:0}}@keyframes mfslide{from{opacity:0;transform:translateX(160px) rotate(2deg)}70%{opacity:1}to{opacity:1;transform:none}}@keyframes mfrise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes mfgrow{from{width:0}to{width:30%}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.mf-rm-card{animation:mfslide ease-out both;animation-timeline:view()}.mf-rm-card:nth-child(1){animation-range:entry 0% entry 70%}.mf-rm-card:nth-child(2){animation-range:entry 10% entry 80%}.mf-rm-card:nth-child(3){animation-range:entry 20% entry 90%}.mf-rm-card:nth-child(4){animation-range:entry 30% entry 100%}.mf-rm-card:nth-child(5){animation-range:entry 40% entry 100%}.mf-rm-cta{animation:mfrise ease-out both;animation-timeline:view();animation-range:entry 50% entry 100%}.mf-rm-line{animation:mfgrow linear both;animation-timeline:view();animation-range:entry 20% entry 100%}}}.mf-range{width:100%;height:24px;margin:0;accent-color:#4A90E2;cursor:pointer}.mf-range-dark{accent-color:#102A43}
.mf-cmp:has(.mf-compare:focus-visible){outline:2px solid #4A90E2;outline-offset:3px}
@media (prefers-reduced-motion: no-preference){a,button{transition:background-color 200ms ease-out,border-color 200ms ease-out,color 200ms ease-out}}
.mf-outfit{display:none !important}.mf-scan{opacity:0}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.mf-scan{animation:mfscan linear both;animation-timeline:view();animation-range:entry 0% cover 22%}.mf-flag{animation:mfflag linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}}@keyframes mfscan{0%{top:0;opacity:1}85%{top:72%;opacity:1}100%{top:72%;opacity:0}}@keyframes mfflag{0%,80%{opacity:0;transform:scale(1.15)}100%{opacity:1;transform:none}}

/* mobile board styles from the canvas */
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, sans-serif;background:#F8FAFC;color:#17212B}a{color:#4A90E2}a:hover{color:#102A43}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4A90E2;outline-offset:2px}.mf-cmp:has(.mf-compare:focus-visible){outline:2px solid #4A90E2;outline-offset:3px}input[type=checkbox]{accent-color:#102A43}.mf-root > *{flex-shrink:0}@property --mfn{syntax:"<integer>";inherits:false;initial-value:30}@keyframes mfcount{from{--mfn:0}to{--mfn:30}}@keyframes mfdraw{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}.mf-count{counter-reset:mfn var(--mfn)}.mf-count::after{content:"+" counter(mfn) "%"}.mf-spark{stroke-dasharray:320;stroke-dashoffset:0}@media (prefers-reduced-motion: no-preference){.mf-count{animation:mfcount 2.4s ease-out both}.mf-spark{animation:mfdraw 2.4s ease-out both}@supports (animation-timeline: view()){.mf-count{animation-timeline:view();animation-range:entry 0% cover 30%}.mf-spark{animation-timeline:view();animation-range:entry 20% cover 65%}}}@keyframes mfctadraw{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes mfctahead{0%,60%{opacity:0}100%{opacity:1}}@keyframes mfnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}.mf-cta-path{stroke-dasharray:260;stroke-dashoffset:0}@media (prefers-reduced-motion: no-preference){.mf-cta-path{animation:mfctadraw 1.2s ease-out both}.mf-cta-head{animation:mfctahead 1.2s ease-out both}@supports (animation-timeline: view()){.mf-cta-path,.mf-cta-head{animation-timeline:view();animation-range:entry 20% cover 45%}}.mf-cta-arrow{animation:mfnudge 2.4s ease-in-out 1.6s infinite}}@property --mfa{syntax:"<integer>";inherits:false;initial-value:1}@property --mfb{syntax:"<integer>";inherits:false;initial-value:53}@property --mfr{syntax:"<integer>";inherits:false;initial-value:90}@property --mfl1{syntax:"<integer>";inherits:false;initial-value:82}@property --mfl2{syntax:"<integer>";inherits:false;initial-value:83}@property --mfl3{syntax:"<integer>";inherits:false;initial-value:5}@property --mfl4{syntax:"<integer>";inherits:false;initial-value:9}@property --mfl5{syntax:"<integer>";inherits:false;initial-value:25}.mf-cnt-conv{counter-reset:a var(--mfa) b var(--mfb)}.mf-cnt-conv::after{content:counter(a) "." counter(b, decimal-leading-zero) "%"}.mf-cnt-ret{counter-reset:r var(--mfr)}.mf-cnt-ret::after{content:"~" counter(r) "%"}.mf-cnt-l1{counter-reset:x var(--mfl1) y var(--mfl2)}.mf-cnt-l1::after{content:counter(x) "\2013" counter(y) "%"}.mf-cnt-l2{counter-reset:x var(--mfl3) y var(--mfl4)}.mf-cnt-l2::after{content:counter(x) "\2013" counter(y) "%"}.mf-cnt-l3{counter-reset:x var(--mfl5)}.mf-cnt-l3::after{content:counter(x) "s"}@keyframes mfcconv{from{--mfa:0;--mfb:0}to{--mfa:1;--mfb:53}}@keyframes mfcret{from{--mfr:0}to{--mfr:90}}@keyframes mfcl1{from{--mfl1:0;--mfl2:0}to{--mfl1:82;--mfl2:83}}@keyframes mfcl2{from{--mfl3:0;--mfl4:0}to{--mfl3:5;--mfl4:9}}@keyframes mfcl3{from{--mfl5:0}to{--mfl5:25}}@keyframes mfrise2{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes mfpop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes mfgrowy{from{transform:scaleY(0)}to{transform:none}}@keyframes mfdrawx{from{transform:scaleX(0)}to{transform:none}}@keyframes mfreveal{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes mfhead{0%,80%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}@keyframes mftilt{from{transform:perspective(1600px) rotateX(14deg) scale(.92);opacity:.4}to{transform:none;opacity:1}}@keyframes mfpar{from{transform:none}to{transform:translateY(90px) scale(.97)}}@keyframes mfturn{from{transform:rotate(-120deg)}to{transform:rotate(120deg)}}.mf-bars rect{transform-box:fill-box;transform-origin:50% 100%}.mf-drawx{transform-origin:0 50%}.mf-turn{transform-box:view-box;transform-origin:60px 60px}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.mf-cnt-conv{animation:mfcconv linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-ret{animation:mfcret linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-l1{animation:mfcl1 linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-l2{animation:mfcl2 linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-cnt-l3{animation:mfcl3 linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-stagger>*{animation:mfrise2 ease-out both;animation-timeline:view();animation-range:entry 0% entry 70%}.mf-stagger>*:nth-child(2){animation-range:entry 8% entry 78%}.mf-stagger>*:nth-child(3){animation-range:entry 16% entry 86%}.mf-stagger>*:nth-child(4){animation-range:entry 24% entry 94%}.mf-stagger>*:nth-child(5){animation-range:entry 32% entry 100%}.mf-chips>*:not(:first-child){animation:mfpop ease-out both;animation-timeline:view();animation-range:entry 20% entry 100%}.mf-bars rect{animation:mfgrowy ease-out both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-drawx{animation:mfdrawx ease-out both;animation-timeline:view();animation-range:entry 30% cover 45%}.mf-bracket{animation:mfreveal ease-out both;animation-timeline:view();animation-range:entry 40% cover 50%}.mf-bhead{animation:mfhead ease-out both;animation-timeline:view();animation-range:entry 40% cover 52%}.mf-tilt{animation:mftilt ease-out both;animation-timeline:view();animation-range:entry 0% cover 35%}.mf-par{animation:mfpar linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.mf-turn{animation:mfturn linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@property --t{syntax:"<integer>";inherits:false;initial-value:0}@keyframes mftick{from{--t:0}}.mf-t95{--t:95;counter-reset:t var(--t)}.mf-t95::after{content:counter(t) ".0%"}.mf-t83{--t:83;counter-reset:t var(--t)}.mf-t83::after{content:counter(t) "%"}.mf-t18{--t:18;counter-reset:t var(--t)}.mf-t18::after{content:"+" counter(t) "%"}.mf-t38{--t:38;counter-reset:t var(--t)}.mf-t38::after{content:counter(t) "%"}@keyframes mfmark{from{background-size:0% 100%}to{background-size:100% 100%}}@keyframes mfheadsh{from{box-shadow:0 0 0 rgba(16,42,67,0)}to{box-shadow:0 8px 24px rgba(16,42,67,0.10)}}@keyframes mfasm1{from{opacity:0;transform:translate(-48px,-36px) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes mfasm2{from{opacity:0;transform:translate(48px,-36px) rotate(10deg)}to{opacity:1;transform:none}}@keyframes mfasm3{from{opacity:0;transform:translate(-48px,36px) rotate(8deg)}to{opacity:1;transform:none}}@keyframes mfasm4{from{opacity:0;transform:translate(48px,36px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes mfoutfit{0%{opacity:0;transform:scale(.92)}35%{opacity:1;transform:none}70%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.03)}}@keyframes mffadeout{from{opacity:1}to{opacity:0}}@keyframes mffadein{from{opacity:0}to{opacity:1}}@keyframes mfdim{from{opacity:1}to{opacity:.45}}@keyframes mflight{from{opacity:.45}to{opacity:1}}.mf-mark{background:linear-gradient(#B9B7FF,#B9B7FF) no-repeat 0 0/100% 100%}.mf-stepline{transform-origin:0 50%}.mf-outfit{opacity:0}@media (prefers-reduced-motion: no-preference){.mf-t95,.mf-t83,.mf-t18,.mf-t38{animation:mftick .9s ease-out both}@supports (animation-timeline: view()){.mf-mark{animation:mfmark ease-out both;animation-timeline:view();animation-range:entry 60% cover 40%}.mf-head{animation:mfheadsh linear both;animation-timeline:scroll(root);animation-range:0px 160px}.mf-progress{animation:mfdrawx linear both;animation-timeline:scroll(root)}.mf-asm>*:nth-child(1){animation:mfasm1 ease-out both;animation-timeline:view();animation-range:entry 0% cover 30%}.mf-asm>*:nth-child(2){animation:mfasm2 ease-out both;animation-timeline:view();animation-range:entry 5% cover 33%}.mf-asm>*:nth-child(3){animation:mfasm3 ease-out both;animation-timeline:view();animation-range:entry 10% cover 36%}.mf-asm>*:nth-child(4){animation:mfasm4 ease-out both;animation-timeline:view();animation-range:entry 15% cover 39%}.mf-outfit{animation:mfoutfit linear both;animation-timeline:view();animation-range:cover 35% cover 75%}.mf-stagger>.mf-steptrack{animation:none}.mf-stagger>.mf-stepline{animation:mfdrawx linear both;animation-timeline:view();animation-range:entry 30% cover 50%}.mf-popin{animation:mfpop ease-out both;animation-timeline:view();animation-range:cover 42% cover 50%}.mf-l1img,.mf-l1badge{animation:mffadeout linear both;animation-timeline:view();animation-range:cover 40% cover 58%}.mf-l2badge{animation:mffadein linear both;animation-timeline:view();animation-range:cover 40% cover 58%}.mf-l1step{animation:mfdim linear both;animation-timeline:view();animation-range:cover 40% cover 58%}.mf-l2step{animation:mflight linear both;animation-timeline:view();animation-range:cover 40% cover 58%}}}@supports not (animation-timeline: view()){.mf-l1img,.mf-l1badge{opacity:0}}@media (prefers-reduced-motion: reduce){.mf-l1img,.mf-l1badge{opacity:0}}@keyframes mfslide{from{opacity:0;transform:translateX(160px) rotate(2deg)}70%{opacity:1}to{opacity:1;transform:none}}@keyframes mfrise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes mfgrow{from{width:0}to{width:30%}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.mf-rm-card{animation:mfslide ease-out both;animation-timeline:view()}.mf-rm-card:nth-child(1){animation-range:entry 0% entry 70%}.mf-rm-card:nth-child(2){animation-range:entry 10% entry 80%}.mf-rm-card:nth-child(3){animation-range:entry 20% entry 90%}.mf-rm-card:nth-child(4){animation-range:entry 30% entry 100%}.mf-rm-card:nth-child(5){animation-range:entry 40% entry 100%}.mf-rm-cta{animation:mfrise ease-out both;animation-timeline:view();animation-range:entry 50% entry 100%}.mf-rm-line{animation:mfgrow linear both;animation-timeline:view();animation-range:entry 20% entry 100%}}}.mf-range{width:100%;height:24px;margin:0;accent-color:#4A90E2}.mf-range-dark{accent-color:#102A43}@keyframes mffade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mfspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.mf-fade{animation:mffade .35s ease-out}@supports (animation-timeline: view()){.mf-loop-spin{animation:mfspin linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}@supports not (animation-timeline: view()){.mf-loop-spin{animation:mfspin 12s linear infinite}}}.mf-outfit{display:none !important}.mf-scan{opacity:0}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.mf-scan{animation:mfscan linear both;animation-timeline:view();animation-range:entry 0% cover 22%}.mf-flag{animation:mfflag linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}}@keyframes mfscan{0%{top:0;opacity:1}85%{top:72%;opacity:1}100%{top:72%;opacity:0}}@keyframes mfflag{0%,80%{opacity:0;transform:scale(1.15)}100%{opacity:1;transform:none}}

/* layout of the two boards on real screens */
html { scroll-behavior: smooth; }
body { margin: 0; background: #F8FAFC; }
.board > .sc-host > * { width: 100% !important; height: auto !important; }
.board section, .board header { scroll-margin-top: 16px; }
.board-mob { display: none; }
.board-mob > .sc-host > * { max-width: 720px; margin: 0 auto; }
/* below 1440 px the desktop board is scaled as a whole (site.js), so it stays 1:1 with the canvas */
.board-desk.is-scaled > .sc-host > * { width: 1440px !important; }
@media (max-width: 1023px) {
  .board-desk { display: none; }
  .board-mob { display: block; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* SDK try-on button (assets/site.js): replaces the canvas "Continue" once the loader has placed its button */
.mf-tryon { align-self: flex-end; min-width: 280px; }
.mf-tryon:empty { display: none; }
.mf-tryon:has([data-mirrorfit-host]) + [data-act="go2"] { display: none; }
.mf-form-note { grid-column: 1 / -1; margin: 0; font-size: 14px; line-height: 20px; color: #102A43; font-weight: 600; }
.board-mob header { position: relative; }
.mf-menu { position: absolute; right: 20px; top: calc(100% + 4px); z-index: 20; min-width: 220px; padding: 8px; display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid rgba(16, 42, 67, 0.12); border-radius: 12px; box-shadow: 0 20px 48px rgba(16, 42, 67, 0.14); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.mf-menu[hidden] { display: none; }
.mf-menu a { padding: 12px; border-radius: 8px; color: #17212B; text-decoration: none; font-size: 16px; font-weight: 500; }
.mf-menu a:hover { background: #EAF4FF; }