.mk-glossary__inner{position:relative;display:block}.mk-glossary__list{margin:0}.mk-glossary__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gutter);align-items:baseline;padding-block:var(--spacing-24);box-shadow:var(--rule-bottom)}.mk-glossary__row:first-child{box-shadow:var(--rule-top),var(--rule-bottom)}.mk-glossary__row>*{transition:opacity var(--duration-hover-quick) var(--easing-hover-quick)}.mk-glossary__list.is-peeking .mk-glossary__row:not(.is-hot)>*{opacity:.35}.mk-glossary__term{grid-column:1 / span 5;display:flex;align-items:baseline;gap:var(--spacing-16);min-width:0}.mk-glossary__ja{color:var(--color-text-muted);font-family:Hiragino Mincho ProN,Hiragino Mincho Pro,Yu Mincho,YuMincho,"Noto Serif JP","Noto Serif CJK JP",serif;font-size:var(--text-heading-sm);line-height:1}.mk-glossary__def{grid-column:6 / -1;display:flex;flex-direction:column;gap:var(--spacing-4);margin:0;color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.mk-glossary__peek{position:absolute;top:0;left:0;z-index:3;width:240px;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-surface-well);opacity:0;pointer-events:none;transition:opacity var(--duration-hover-quick) var(--easing-hover-quick)}.mk-glossary__peek.is-visible{opacity:1}.mk-glossary__peek-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s var(--easing-hover-quick)}.mk-glossary__peek-img.is-active{opacity:1}@media screen and (min-width:992px)and (hover:hover)and (pointer:fine){.mk-glossary__row{position:relative;isolation:isolate;padding-inline:var(--spacing-12);color:var(--color-text)}.mk-glossary__row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0e140c;opacity:0;transition:opacity var(--duration-hover-quick) ease}.mk-glossary__row:hover{--color-text: #f6f7f4;--color-text-secondary: rgba(246, 247, 244, .64);--color-text-muted: rgba(246, 247, 244, .48);--color-accent: var(--color-first-harvest);--rule-top: inset 0 1px 0 0 rgba(255, 255, 255, .12);--rule-bottom: inset 0 -1px 0 0 rgba(255, 255, 255, .12)}.mk-glossary__row:hover:before{opacity:1}}@media screen and (max-width:767px){.mk-glossary__term,.mk-glossary__def{grid-column:1 / -1}.mk-glossary__def{margin-top:var(--spacing-8)}}.mk-glossary__filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-12) var(--spacing-24);margin-bottom:var(--spacing-8);padding-block:var(--spacing-16);box-shadow:var(--rule-top)}.mk-glossary__filters[hidden]{display:none}.mk-glossary__chips{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}.mk-glossary__chip{gap:var(--spacing-8)}.mk-glossary__chip[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-text)}.mk-glossary__chip[aria-pressed=true] .mk-glossary__chip-n{color:inherit;opacity:.6}.mk-glossary__chip-n{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.mk-glossary__count{margin:0;color:var(--color-text-muted)}.mk-glossary__row[hidden]{display:none}.mk-glossary__row.is-entering{animation:mk-glossary-in var(--duration-reveal-fade, .5s) var(--easing-reveal-fade, ease) both}@keyframes mk-glossary-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.mk-glossary__row.is-entering{animation:none}}@media screen and (min-width:992px){.mk-glossary__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(var(--grid-gutter) * 2);align-items:start}.mk-glossary__row,.mk-glossary__row:first-child{grid-template-columns:minmax(0,1fr);row-gap:var(--spacing-8);align-self:stretch;box-shadow:var(--rule-bottom)}.mk-glossary__term,.mk-glossary__def{grid-column:1 / -1}.mk-glossary__def{font-size:var(--text-body);line-height:var(--leading-body)}}@media screen and (max-width:767px){.mk-glossary__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--section-padding-inline));padding-inline:var(--section-padding-inline);scroll-padding-inline:var(--section-padding-inline)}.mk-glossary__chips::-webkit-scrollbar{display:none}.mk-glossary__chip{flex:none}}.mk-glossary__more{width:100%;margin-top:var(--spacing-32)}.mk-glossary__more[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-glossary.css.map */
