.mk-nl{font-family:var(--font-body-family);letter-spacing:0;color:rgb(var(--color-foreground));padding-block:clamp(5.6rem,3rem + 5.6vw,11.2rem);overflow:clip}.mk-nl__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "title" "text" "form";align-items:end}.mk-nl__head,.mk-nl__body{display:contents}.mk-nl__title{grid-area:title;margin:0;max-width:14ch;color:rgb(var(--color-foreground));font-size:clamp(5rem,2.6rem + 6vw,11.2rem);line-height:.9;letter-spacing:-.042em;font-stretch:80%;font-variation-settings:"opsz" 72;text-wrap:balance}.mk-nl__art{grid-area:art;justify-self:start;width:clamp(12rem,8rem + 10vw,17rem);height:auto;margin:0 0 1.6rem -.6rem;overflow:visible;fill:none;stroke:rgb(var(--color-foreground));stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-6deg)}.mk-nl__shadow{fill:rgb(var(--color-foreground));fill-opacity:.14;stroke:none}.mk-nl__letter rect{fill:var(--mk-blue-tile)}.mk-nl__letter{transform-box:view-box;transform-origin:124px 92px;animation:mk-nl-bob 3.4s var(--mk-ease) infinite alternate;transition:transform .6s var(--mk-ease)}.mk-nl__mug{fill:#fff}.mk-nl__text{stroke-width:7}.mk-nl__steam{stroke-width:3.2;stroke-dasharray:5 8;animation:mk-nl-steam 2.4s linear infinite}@keyframes mk-nl-bob{0%{transform:translateY(4px) rotate(0)}to{transform:translateY(-6px) rotate(-3deg)}}@keyframes mk-nl-steam{to{stroke-dashoffset:-26}}.mk-nl:has(.mk-nl__input:focus) .mk-nl__letter,.mk-nl:has(.mk-nl__input:not(:placeholder-shown)) .mk-nl__letter{animation:none;transform:translateY(-22px) rotate(-6deg)}.mk-nl__text-block{grid-area:text;margin-top:2.4rem;max-width:40ch;color:rgb(var(--color-foreground));font-size:clamp(1.7rem,1.5rem + .4vw,2.1rem);line-height:1.5}.mk-nl__text-block>:first-child{margin-top:0}.mk-nl__text-block>:last-child{margin-bottom:0}.mk-nl__text-block a{color:inherit;text-decoration-color:currentColor}.mk-nl__action{grid-area:form;margin-top:2.8rem;width:100%;max-width:64rem}.mk-nl__form{margin:0}.mk-nl__field{position:relative}.mk-nl__input{display:block;box-sizing:border-box;width:100%;height:7.2rem;margin:0;padding:2.6rem 9.2rem .8rem 3rem;border:0;border-radius:99rem;background:#fff;color:var(--mk-ink);font-family:var(--font-body-family);font-size:1.8rem;font-weight:500;box-shadow:0 1.4rem 3rem -1.6rem #14202e8c;-webkit-appearance:none;appearance:none;transition:box-shadow .4s var(--mk-ease)}.mk-nl__input::placeholder{color:transparent}.mk-nl__input:hover{box-shadow:0 1.8rem 3.6rem -1.6rem #14202e99}.mk-nl__field.is-invalid .mk-nl__input{box-shadow:inset 0 0 0 .2rem var(--mk-ink),0 1.4rem 3rem -1.6rem #14202e8c}.mk-nl__label{position:absolute;left:3rem;top:50%;transform:translateY(-50%);color:var(--mk-ink-soft);font-size:1.8rem;font-weight:500;line-height:1;pointer-events:none;transition:top .3s var(--mk-ease),font-size .3s var(--mk-ease),transform .3s var(--mk-ease)}.mk-nl__input:focus~.mk-nl__label,.mk-nl__input:not(:placeholder-shown)~.mk-nl__label{top:1.7rem;transform:none;font-size:1.25rem;font-weight:600}.mk-nl__submit{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:5.6rem;height:5.6rem;padding:0;border:0;border-radius:99rem;background:var(--mk-orange);color:var(--mk-ink);cursor:pointer;transition:background-color .2s ease,transform .45s var(--mk-ease)}.mk-nl__submit svg{width:2.4rem;height:2.4rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--mk-ease)}.mk-nl__submit:hover{background:var(--mk-orange-deep)}.mk-nl__submit:hover svg{transform:translate(.3rem)}.mk-nl__submit:active{transform:scale(.94)}.mk-nl__message{display:inline-flex;align-items:center;gap:1rem;margin:1.6rem 0 0;padding:1rem 1.8rem 1rem 1rem;border-radius:99rem;background:#fff;color:var(--mk-ink);font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;font-stretch:100%;letter-spacing:0;line-height:1.35}.mk-nl__message svg{flex:0 0 auto;width:3.2rem;height:3.2rem;padding:.5rem;border-radius:99rem;background:var(--mk-blue-tile);fill:none;stroke:var(--mk-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mk-nl__message--success svg{stroke:var(--mk-blue-ink)}.mk-nl__message--success:focus-visible{outline-offset:.3rem}@media screen and (min-width:750px){.mk-nl__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title art" "text text" "form form";column-gap:4rem}.mk-nl__art{justify-self:end;align-self:end;margin:0 0 .4rem}}@media screen and (min-width:990px){.mk-nl__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"title art" "rule rule" "text form";column-gap:clamp(4rem,2rem + 4vw,9.6rem)}.mk-nl__inner:before{content:"";grid-area:rule;height:.2rem;margin-top:clamp(3.6rem,2rem + 2vw,5.6rem);border-radius:1rem;background:rgb(var(--color-foreground));opacity:.18}.mk-nl__art{width:clamp(22rem,6rem + 16vw,32rem);justify-self:center;margin:0 0 -.4rem}.mk-nl__text-block,.mk-nl__action{margin-top:clamp(3.2rem,2rem + 1.6vw,4.8rem);align-self:start}.mk-nl__action{max-width:none}.mk-nl__input{height:7.6rem;font-size:1.9rem}.mk-nl__submit{width:6rem;height:6rem}}@media(prefers-reduced-motion:reduce){.mk-nl__letter,.mk-nl__steam{animation:none;transition:none}.mk-nl:has(.mk-nl__input:focus) .mk-nl__letter,.mk-nl:has(.mk-nl__input:not(:placeholder-shown)) .mk-nl__letter{transform:none}.mk-nl__submit,.mk-nl__submit svg,.mk-nl__input,.mk-nl__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mk-newsletter.css.map */