mk-focus-words{position:relative;display:block;padding-block:var(--spacing-48) var(--spacing-32)}.mk-fwords__line{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.5em;row-gap:.4em;margin:0;font-size:clamp(2.25rem,9vw,7rem);line-height:1.08;letter-spacing:var(--tracking-display);font-weight:var(--font-weight-medium);text-align:center;-webkit-user-select:none;user-select:none}.mk-fwords__word{cursor:pointer;outline:none;transition:filter .45s ease,opacity .45s ease}mk-focus-words.is-live .mk-fwords__word{filter:blur(7px);opacity:.35}mk-focus-words.is-live .mk-fwords__word.is-focus{filter:blur(0);opacity:1}.mk-fwords__frame{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}.mk-fwords__frame.is-ready{opacity:1}.mk-fwords__frame.is-instant{transition:none}.mk-fwords__frame i{position:absolute;width:.85rem;height:.85rem;border:2px solid var(--color-accent);filter:drop-shadow(0 0 5px var(--color-accent));transition:filter .35s ease}.mk-fwords__frame.is-travelling i{filter:drop-shadow(0 0 9px var(--color-accent)) drop-shadow(0 0 20px var(--color-accent))}.mk-fwords__frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.mk-fwords__frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.mk-fwords__frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.mk-fwords__frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.mk-fwords__details{display:grid;max-width:40rem;margin:var(--spacing-48) auto 0}.mk-fwords__detail{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-24);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}.mk-fwords__detail.is-on{opacity:1;transform:none;pointer-events:auto}.mk-fwords__kanji{flex:none;font-size:var(--text-display-sm);line-height:1;color:var(--color-accent)}.mk-fwords__text{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.mk-fwords__title,.mk-fwords__meaning{margin:0}.mk-fwords__meaning{color:var(--color-text-secondary);text-wrap:pretty}.mk-fwords__note{max-width:40rem;margin:var(--spacing-32) auto 0;padding-top:var(--spacing-32);box-shadow:var(--rule-top);color:var(--color-text-secondary);text-align:center;text-wrap:pretty}.mk-fwords__note p{margin:0}.mk-fwords__note em{color:var(--color-text)}@media(prefers-reduced-motion:reduce){mk-focus-words.is-live .mk-fwords__word{filter:none;opacity:1}.mk-fwords__frame,.mk-fwords__frame i,.mk-fwords__detail{transition-duration:.001ms}}@media screen and (max-width:767px){.mk-fwords__detail{flex-direction:column;text-align:center;gap:var(--spacing-12)}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-focus-words.css.map */