.me-learning{display:block;--me-rule:rgb(var(--text-color,var(--text-primary)) / .14);--me-soft:rgb(var(--text-color,var(--text-primary)) / .035);--me-ink:rgb(var(--text-color,var(--text-primary)));color:var(--me-ink)}.me-learning [hidden]{display:none!important}.me-learning .section-header{margin-block-end:clamp(28px,4vw,56px)}.me-learning__split,.me-learning__program{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}.me-learning__visual,.me-learning__stroke-card{min-width:0;background:var(--me-soft);border-radius:var(--rounded-block,16px);overflow:hidden}.me-learning__choices{display:flex;gap:8px;flex-wrap:wrap;margin-block-end:24px}.me-learning button{font:inherit;color:inherit;cursor:pointer;min-height:44px;padding:10px 20px;border:1px solid var(--me-rule);border-radius:var(--rounded-button,99px);background:transparent;line-height:1.3;transition:background .18s,color .18s}.me-learning button:hover{background:var(--me-soft)}.me-learning button[aria-pressed=true]{background:var(--me-ink);color:rgb(var(--background,var(--background-primary)));border-color:var(--me-ink)}.me-learning button:focus-visible,.me-learning input:focus-visible{outline:2px solid currentColor;outline-offset:4px}.me-learning__detail{min-height:170px;margin-block-end:12px}.me-learning__concept svg{display:block;width:100%;height:140px}.me-learning__legend{display:flex;justify-content:space-between;gap:20px;font-size:.8em}.me-learning__note{font-size:.8em;line-height:1.6;opacity:.75;margin-block-start:20px;max-width:800px}.me-learning__center{text-align:center;margin-inline:auto}.me-learning__controls{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-block-start:24px}.me-learning__controls--wide{padding:24px;border:1px solid var(--me-rule);border-radius:var(--rounded-block,16px)}.me-learning__range{display:flex;flex:1 1 220px;flex-direction:column;gap:10px;min-width:0;font-size:.8em}.me-learning__range>span{display:flex;justify-content:space-between;gap:10px}.me-learning output{font-variant-numeric:tabular-nums}.me-learning input[type=range]{width:100%;margin:0;min-height:28px;accent-color:var(--me-ink);cursor:pointer}.me-learning__media{margin:0;min-width:0;overflow:hidden;border-radius:var(--rounded-block,16px)}.me-learning__media video,.me-learning__media img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.me-learning__media figcaption{font-size:.8em;line-height:1.5;padding:14px 18px;opacity:.75}.me-learning__link{margin-block-start:28px}.me-learning>.me-learning__link{text-align:center}.me-learning__stroke-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.me-learning__stroke-card{padding:clamp(20px,3vw,38px)}.me-learning__number{font-family:var(--heading-font-family);font-size:clamp(40px,6vw,80px);font-weight:var(--heading-font-weight);letter-spacing:-.06em;line-height:1.05;display:block;margin-bottom:16px}.me-learning__number small{font:inherit;font-size:.27em;letter-spacing:0}.me-learning__needle-svg{display:block;width:100%;height:320px;margin-block:12px}.me-learning__stroke-card .me-learning__media{margin-block:20px}.me-learning__choices--programs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.me-learning__choices--programs button{display:flex;flex-direction:column;text-align:start;align-items:start;gap:16px;padding:24px;border-radius:var(--rounded-block,16px)}.me-learning__choices--programs .h4{font-size:clamp(20px,2.2vw,32px);color:inherit;overflow-wrap:anywhere}.me-learning__index{font-size:.75em;opacity:.65;letter-spacing:.12em}.me-learning__feel{font-size:.85em;line-height:1.4}.me-learning__program{padding:clamp(24px,4vw,48px);background:var(--me-soft);border-radius:var(--rounded-block,16px);margin-block-start:24px}.me-learning__spec{padding-block-start:16px;border-top:1px solid var(--me-rule)}.me-learning__type-art{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:240px;gap:16px;text-align:center;padding:20px;border-inline-start:1px solid var(--me-rule);min-width:0}.me-learning__type-art>span{font-family:var(--heading-font-family);font-size:clamp(28px,4vw,58px);letter-spacing:-.055em;overflow-wrap:anywhere;max-width:100%}.me-learning__type-art>small{font-size:.8em;letter-spacing:.08em}@media(max-width:999px){.me-learning__split{grid-template-columns:1fr}.me-learning__detail{min-height:0}.me-learning__choices--programs{grid-template-columns:repeat(2,minmax(0,1fr))}.me-learning__concept{max-width:600px}.me-learning__explanation{max-width:760px}}@media(max-width:599px){.me-learning__stroke-grid,.me-learning__program{grid-template-columns:1fr}.me-learning__stroke-grid{gap:16px}.me-learning__needle-svg{height:280px}.me-learning__type-art{border-inline-start:0;border-block-start:1px solid var(--me-rule);min-height:160px}.me-learning__choices--programs{gap:10px}.me-learning__choices--programs button{padding:18px;gap:12px}.me-learning__controls--wide{padding:18px;gap:20px}.me-learning__controls--wide>button{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.me-learning button{transition:none}}.me-learning__colour-control{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:0 0 28px;font-size:.85em}.me-learning__colour-control select{font:inherit;color:inherit;background:transparent;border:1px solid var(--me-rule);border-radius:var(--rounded-input,6px);padding:10px 36px 10px 14px;min-height:44px;max-width:100%}.me-learning__source-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#efefef;border-radius:var(--rounded-block,16px);margin:20px 0;min-width:0;overflow:hidden}.me-learning__source-frame{height:420px;aspect-ratio:1/2;max-width:100%;background-repeat:no-repeat;background-size:800% 800%;background-position:0% 0%;opacity:0}.me-learning__source-stage[data-ready=true] .me-learning__source-frame{opacity:1}.me-learning__source-label{position:absolute;bottom:14px;right:18px;font-size:.75em;color:#444;letter-spacing:.04em}.me-learning__visual .me-learning__source-stage{margin:0}.me-learning__chart{margin-block-start:36px;padding-top:28px;border-top:1px solid var(--me-rule)}.me-learning__chart-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.me-learning__chart-tag{font-size:.75em;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.me-learning__chart-legend{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:16px;font-size:.85em}.me-learning__chart-legend>span{display:inline-flex;align-items:center;gap:9px}.me-learning__chart-legend i{display:inline-block;width:23px;border-top:3px solid var(--series-color);height:0}.me-learning__chart svg{display:block;width:100%;height:280px;overflow:visible}.me-learning__chart text{fill:currentColor;font-family:inherit;font-size:12px;letter-spacing:0}.me-learning__chart .me-axis-title{font-size:13px}@media(max-width:599px){.me-learning__source-frame{height:360px}.me-learning__chart-legend{gap:12px 20px}.me-learning__chart svg{height:260px}}.me-learning--stroke-simple .me-learning__stroke-card{background:transparent;padding:0;overflow:visible}.me-learning--stroke-simple .me-learning__number{font-size:clamp(38px,4.5vw,64px);margin-bottom:20px}.me-learning--stroke-simple .me-learning__source-stage{margin:0 0 24px}.me-learning--stroke-simple .me-learning__source-frame{height:360px}.me-learning--stroke-simple .me-learning__stroke-card h3{margin-bottom:10px}.me-learning--stroke-simple .me-learning__source-label{display:none}.me-learning__controls--simple{justify-content:center}.me-learning__test-conditions{text-align:center;font-size:.85em;line-height:1.6;margin:-8px auto 32px;max-width:800px}.me-learning__latex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.me-learning__latex-result{margin:0;min-width:0}.me-learning__latex-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--me-soft);border-radius:var(--rounded-block,16px)}.me-learning__latex-photo img{width:100%;height:100%;object-fit:contain;display:block}.me-learning__latex-badge{position:absolute;left:18px;top:18px;padding:7px 12px;border-radius:6px;background:#fff;color:#202020;font-size:.8em;line-height:1.3}.me-learning__latex-result figcaption{padding-top:24px}.me-learning__latex-result h3{margin-bottom:10px}.me-learning__latex-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center}@media(max-width:699px){.me-learning__latex-grid{grid-template-columns:1fr;gap:36px}.me-learning__latex-result figcaption{padding-top:18px}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/me-learning.css.map */