.fish-milk{--fish-line: var(--white);--fish-pink: var(--pink);--fish-label: var(--pink-light);--fish-milk: var(--white);--fish-ink: var(--ink);--fish-mark: var(--yellow);position:relative;overflow:clip}.fish-milk__root{display:block}.fish-milk__inner{position:relative}.fish-milk__copy{position:relative;z-index:2;max-width:640px}.fish-milk__eyebrow{display:inline-block;margin:0 0 14px;padding:5px 10px;rotate:-2deg;background:var(--pink-fill);color:var(--on-pink);box-shadow:4px 4px 0 var(--white);font:800 .9375rem/1.2 var(--font-body);font-stretch:62%;letter-spacing:.04em;text-transform:uppercase}.fish-milk__title{margin:0;color:var(--white);font:400 clamp(2.75rem,1.4rem + 6vw,7rem)/.86 var(--font-display);letter-spacing:-.01em}.fish-milk__title em{font-style:normal;color:var(--yellow)}.fish-milk__body{margin:14px 0 0;max-width:40ch;color:var(--silver)}.fish-milk__stage{position:relative;margin-top:8px;padding-bottom:24%}.fish-milk__fish{position:relative;width:min(1040px,86%);margin-left:-2%}.fish-milk__fish>svg{display:block;width:100%;height:auto;color:var(--fish-line);max-width:none}.fish-milk__glass{position:absolute;z-index:1;left:44%;top:93%;width:26%;color:var(--fish-line)}.fish-milk__glass>svg{display:block;width:100%;height:auto}.fish-milk__hint{position:absolute;right:calc(56% + 12px);top:104%;max-width:calc(30% - 12px);margin:0;rotate:-4deg;font:700 .9375rem/1.25 var(--font-mono);color:var(--yellow);text-align:right;text-wrap:balance}.fish-milk__teats{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}.fish-milk__teat{position:absolute;padding:0;margin:0;border:0;border-radius:0;background:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fish-milk__teat:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}.fish-milk__belly{position:absolute;z-index:1;left:31.36%;top:68.18%;width:41.36%;bottom:0;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fish-milk__belly:before{content:"";position:absolute;top:-8px;right:-6px;bottom:-10px;left:-6px}.fish-milk__drop{position:absolute;left:0;top:0;z-index:3;width:22px;height:32px;margin:-2px 0 0 -11px;pointer-events:none;visibility:hidden;color:var(--fish-line)}.fish-milk__after{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:24px;align-items:start}.fish-milk__talk{display:grid;gap:var(--space-4);justify-items:start}.fish-milk__status{min-height:1.6em;margin:24px 0 0;max-width:40ch;font:700 1rem/1.4 var(--font-mono);color:var(--yellow)}.fish-milk__status:before{content:"> ";color:var(--pink-light)}@media(min-width:1100px){.fish-milk__coupon{margin-top:max(-8vw,-120px)}}.fish-milk__coupon{--focus: var(--ink);position:relative;z-index:4;margin:0;padding:18px 20px 20px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--pink);rotate:-2deg}.fish-milk__coupon[hidden]{display:none}.fish-milk__coupon-title{margin:0 0 10px;font:400 clamp(1.75rem,1.2rem + 2vw,2.5rem)/.95 var(--font-display);color:var(--ink)}.fish-milk__coupon-title:focus{outline:none}.fish-milk__coupon-title:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.fish-milk__code-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.fish-milk__code{flex:1 1 200px;min-width:0;padding:8px 10px;border:3px solid var(--ink);border-radius:0;background:var(--white);color:var(--ink);font:700 clamp(1.375rem,1rem + 1.6vw,1.875rem)/1 var(--font-mono);letter-spacing:.06em}.fish-milk__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 14px;border:3px solid var(--ink);border-radius:0;background:var(--ink);color:var(--yellow);box-shadow:4px 4px 0 var(--pink);font:800 .9375rem/1 var(--font-body);font-stretch:62%;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer}.fish-milk__btn:hover{background:var(--pink-fill);color:var(--on-pink)}.fish-milk__btn:active{translate:4px 4px;box-shadow:none}.fish-milk__btn--apply{margin-top:10px;width:100%;background:var(--pink-fill);color:var(--on-pink);box-shadow:4px 4px 0 var(--ink)}.fish-milk__btn--apply:hover{background:var(--ink);color:var(--yellow)}.fish-milk__btn:focus-visible,.fish-milk__code:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.fish-milk__fine{margin:10px 0 0;font:400 .8125rem/1.35 var(--font-mono);color:var(--ink)}@keyframes fm-squeeze{0%{transform:scale(1)}25%{transform:scale(1.28,.66)}60%{transform:scale(.9,1.14)}to{transform:scale(1)}}@keyframes fg-jitter{0%{translate:0 0;rotate:0deg}20%{translate:-4px 2px;rotate:-3deg}40%{translate:3px -2px;rotate:2deg}60%{translate:-2px 1px;rotate:-1.5deg}80%{translate:2px 0;rotate:1deg}to{translate:0 0;rotate:0deg}}.fish-milk .fm-teat.is-squeezed{animation:fm-squeeze .27s steps(1,end)}.fish-milk .fm-teat.is-squeezed .fm-pink{fill:var(--yellow)}.fish-milk .fg-milk-level{transition:transform .24s steps(3,end)}.fish-milk__glass.is-jitter{animation:fg-jitter .36s steps(1,end)}@media(max-width:749px){.fish-milk__stage{margin-top:18px;padding-bottom:30%}.fish-milk__fish{width:112vw;margin-left:calc(var(--gutter) * -1 + 4px)}.fish-milk__hint{display:none}.fish-milk__after{grid-template-columns:minmax(0,1fr);gap:0}.fish-milk__status{margin-top:12px}.fish-milk__coupon{margin:22px 0 0}.fish-milk__tee{width:100%}}@media(prefers-reduced-motion:reduce){.fish-milk .fm-teat.is-squeezed{animation:none}.fish-milk .fg-milk-level{transition:none}.fish-milk__glass.is-jitter{animation:none}.fish-milk__drop{display:none}}@media(min-width:990px){.fish-milk__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy stage" "after stage";grid-template-rows:auto 1fr;column-gap:clamp(24px,3vw,48px);align-items:start}.fish-milk__copy{grid-area:copy}.fish-milk__stage{grid-area:stage;margin-top:0}.fish-milk__after{grid-area:after;grid-template-columns:minmax(0,1fr)}.fish-milk__coupon{margin-top:0}.fish-milk__title{font-size:clamp(2.75rem,1rem + 3.4vw,4.75rem)}.fish-milk__fish{width:100%;margin-left:0}}@media(min-width:990px){.fish-milk__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:749px){.fish-milk__eyebrow{margin-bottom:10px;font-size:.8125rem}.fish-milk__body{margin-top:10px;font-size:.9375rem;line-height:1.45}.fish-milk__stage{margin-top:10px}.fish-milk__status{margin-top:6px;font-size:.875rem;line-height:1.35}}.fish-milk__anchor{position:absolute;top:0;scroll-margin-top:8px}.fish-milk__replay,.fish-milk__again,.fish-milk__coupon.is-replay .fish-milk__first{display:none}.fish-milk__coupon.is-replay .fish-milk__replay{display:inline}.fish-milk__coupon.is-replay .fish-milk__again{display:block;margin:-4px 0 10px;font:700 .875rem/1.35 var(--font-mono);color:var(--ink)}.fish-milk__coupon.is-replay .fish-milk__coupon-title{font-size:clamp(1.375rem,1rem + 1.4vw,2rem)}.fish-milk__milk{--focus: var(--ink);position:relative;z-index:4;display:grid;justify-items:start;gap:10px;padding:18px 20px 20px;color:var(--ink);background:var(--white);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);rotate:2deg}.fish-milk__milk[hidden]{display:none}.fish-milk__milk-glass{position:absolute;top:-18px;right:14px;width:34px;height:44px;padding:3px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);rotate:8deg;--fish-milk: var(--white)}.fish-milk__milk-title{margin:0;padding-right:44px;font:400 clamp(1.5rem,1.1rem + 1.6vw,2.125rem)/.98 var(--font-display);color:var(--ink)}.fish-milk__milk-title:focus{outline:none}.fish-milk__milk-title:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.fish-milk__milk-text{margin:0;font:700 .9375rem/1.4 var(--font-mono)}.fish-milk__milk-cta{--accent: var(--yellow);--accent-fg: var(--ink);--accent-hover: var(--yellow-light);--shadow-color: var(--ink)}.fish-milk__milk-alt{font-weight:800;color:var(--pink-deep)}html.no-tilts .fish-milk__milk{rotate:0deg}@media(min-width:1100px){.fish-milk__milk{margin-top:max(-8vw,-120px)}}@media(min-width:990px){.fish-milk__milk{margin-top:0}}@media(max-width:749px){.fish-milk__milk{margin:22px 0 0}.fish-milk__milk-cta{width:100%}}.fish-dialog .fish-milk{padding-block:28px 8px}.fish-milk.section--pad-small{--section-pad: 16px}@media(max-width:749px){.fish-milk.section--pad-small{--section-pad: 14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-fish-milk.css.map */