.mk-faq{font-family:var(--font-body-family);letter-spacing:0;color:rgb(var(--color-foreground));padding-block:clamp(5.6rem,3.2rem + 5vw,10.4rem);overflow:clip}.mk-faq__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}.mk-faq__aside{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.mk-faq__title{margin:0;color:rgb(var(--color-foreground));font-size:clamp(4.4rem,2.6rem + 5vw,9.6rem);line-height:.92;letter-spacing:-.04em;font-stretch:80%;font-variation-settings:"opsz" 72;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal;text-wrap:balance}.mk-faq__doodle{flex:0 0 auto;width:clamp(8.8rem,6rem + 6vw,16rem);height:auto;overflow:visible;fill:none;stroke:rgb(var(--color-foreground));stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg);transform-origin:50% 100%}.mk-faq__doodle .mk-faq__mug{fill:#fff}.mk-faq__doodle .mk-faq__mark{stroke-width:4.5}.mk-faq__doodle .mk-faq__steam{stroke-width:2.6;stroke-dasharray:4 7;animation:mk-faq-steam 2.6s linear infinite}@keyframes mk-faq-steam{to{stroke-dashoffset:-22}}.mk-faq__list{display:grid;gap:1.2rem;align-content:start;min-width:0}.mk-faq__item{--mk-faq-pad: 2rem;background:#fffffff0;color:var(--mk-ink);border-radius:2rem;box-shadow:0 0 #14202e00;transition:background-color .25s ease,box-shadow .45s var(--mk-ease),transform .45s var(--mk-ease)}.mk-faq__item:hover{background:#fff;box-shadow:0 1.2rem 3rem -1.8rem #14202e8c}.mk-faq__item[open]{background:#fff;box-shadow:0 1.6rem 3.6rem -2rem #14202e99}.mk-faq__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.4rem;padding:var(--mk-faq-pad);cursor:pointer;list-style:none;border-radius:2rem}.mk-faq__summary::-webkit-details-marker,.mk-faq__summary::marker{display:none;content:""}.mk-faq__summary:not(:has(.mk-faq__icon)){grid-template-columns:minmax(0,1fr) auto}.mk-faq__icon{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:99rem;background:var(--mk-blue-tile);color:var(--mk-blue-ink);transition:background-color .3s ease,color .3s ease,transform .45s var(--mk-ease)}.mk-faq__icon svg{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mk-faq__item:hover .mk-faq__icon{transform:rotate(-8deg)}.mk-faq__item[open]:not(.is-closing) .mk-faq__icon{background:var(--mk-blue);color:var(--mk-ink)}.mk-faq__question{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(1.7rem,1.5rem + .4vw,2.1rem);font-stretch:92%;font-variation-settings:"opsz" 24;line-height:1.22;letter-spacing:-.012em;color:var(--mk-ink);text-wrap:pretty}.mk-faq__toggle{display:grid;place-items:center;width:4rem;height:4rem;border-radius:99rem;box-shadow:inset 0 0 0 .2rem var(--mk-ink);color:var(--mk-ink);transition:background-color .3s ease,color .3s ease,transform .5s var(--mk-ease)}.mk-faq__toggle svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;overflow:visible}.mk-faq__bar{transform-origin:50% 50%;transform-box:fill-box;transition:transform .45s var(--mk-ease)}.mk-faq__summary:hover .mk-faq__toggle{background:var(--mk-blue-tile)}.mk-faq__item[open]:not(.is-closing) .mk-faq__toggle{background:var(--mk-ink);color:#fff;transform:rotate(180deg)}.mk-faq__item[open]:not(.is-closing) .mk-faq__bar--v{transform:scaleY(0)}.mk-faq__panel{overflow:hidden}.mk-faq__answer{padding:0 var(--mk-faq-pad) calc(var(--mk-faq-pad) + .4rem);color:var(--mk-ink-soft);font-size:1.6rem;line-height:1.7;max-width:68ch}.mk-faq__summary:has(.mk-faq__icon)+.mk-faq__panel .mk-faq__answer{padding-left:calc(var(--mk-faq-pad) + 5.8rem)}.mk-faq__answer>:first-child{margin-top:0}.mk-faq__answer>:last-child{margin-bottom:0}.mk-faq__answer p{margin:0 0 1rem}.mk-faq__answer strong{color:var(--mk-ink);font-weight:700}.mk-faq__answer a{color:var(--mk-blue-ink);font-weight:600;text-decoration-color:var(--mk-orange);text-decoration-thickness:.15rem;text-underline-offset:.22em}.mk-faq__answer a:hover{color:var(--mk-ink)}@media screen and (max-width:749px){.mk-faq__item{--mk-faq-pad: 1.6rem}.mk-faq__summary{gap:1.2rem}.mk-faq__icon{width:4rem;height:4rem}.mk-faq__toggle{width:3.6rem;height:3.6rem}.mk-faq__summary:has(.mk-faq__icon)+.mk-faq__panel .mk-faq__answer{padding-left:var(--mk-faq-pad)}}@media screen and (min-width:990px){.mk-faq__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(4rem,2rem + 4vw,9.6rem);align-items:start}.mk-faq__aside{position:sticky;top:12rem;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4rem}.mk-faq__title{font-size:clamp(5.6rem,2rem + 5.4vw,10.4rem)}.mk-faq__doodle{width:clamp(17rem,8rem + 9vw,23rem);margin-left:.4rem}.mk-faq__item{--mk-faq-pad: 2.4rem}}@media(prefers-reduced-motion:reduce){.mk-faq__doodle .mk-faq__steam{animation:none}.mk-faq__item,.mk-faq__icon,.mk-faq__toggle,.mk-faq__bar{transition:none}.mk-faq__item:hover .mk-faq__icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mk-faq.css.map */