:root{--viewer-bg: var(--paper);--on: var(--ink);--on-soft: var(--ink-soft);--on-rule: var(--rule-faint)}.viewer{min-height:calc(100svh - var(--dock));overflow-x:clip;background:var(--viewer-bg);padding:max(calc(var(--bar) + 8px),calc(52svh + 18px - min(46svh,340px))) var(--gutter) 8vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:26px;color:var(--on)}.more{position:absolute;left:50%;bottom:26px;width:16px;height:16px;transform:translate(-50%);color:var(--on);opacity:0;pointer-events:none;animation:appear .01s linear 3s forwards,nod 2.4s ease-in-out 3s infinite}.more svg{width:100%;height:100%;display:block}@keyframes appear{to{opacity:.55}}@keyframes nod{0%,55%,to{transform:translate(-50%) translateY(0)}28%{transform:translate(-50%) translateY(5px)}}@media(prefers-reduced-motion:reduce){.more{animation:appear .01s linear 3s forwards}}.cup{--mm: min(1.38px, calc(34.5vw / 132), .138svh )}.cup svg{width:auto;flex:0 0 auto;display:none;color:var(--ground)}.cup canvas{display:block;width:100%;height:100%}.cup{width:min(86vw,460px);height:min(46svh,340px);display:flex;align-items:flex-end;justify-content:center}.cup.live{overflow:hidden}.cup.live canvas{transform:translateY(100%);transition:transform .7s cubic-bezier(.165,.84,.44,1)}.cup.live.from-left canvas{transform:translate(-100%)}.cup.live.from-right canvas{transform:translate(100%)}.cup.live.risen canvas{transform:translate(0)}@media(prefers-reduced-motion:reduce){.cup.live canvas{transform:none;transition:none}}.ident{text-align:center;display:flex;flex-direction:column;gap:10px;height:132px}.ident h1{margin:0;font-weight:400}.ident .sub{color:var(--on-soft)}.ident h1{font-size:15px;letter-spacing:.25em}.ident .drink{font-size:12px;letter-spacing:.22em}.ident .drink{margin:-4px 0 0}.ident .volume{margin:6px 0 0}.ident .sub{margin:-4px 0 0}.ident .drink:empty:before,.ident .volume:empty:before{content:"\a0"}.ident p.drink{margin-top:-7px}.facts{padding:18px var(--gutter) 14px;border-bottom:1px solid var(--rule-faint)}.sibling{margin:0;color:var(--ink-soft);max-width:42em}.sibling:empty{display:none}.ident .mask{overflow:hidden}.ident .mask>*{display:block;transform:translateY(105%);transition:transform .7s cubic-bezier(.165,.84,.44,1)}.ident .mask.from-above>*{transform:translateY(-105%)}.ident.no-anim .mask>*{transition:none}.ident.risen .mask>*{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.ident .mask>*{transform:none;transition:none}}.stand-in{color:var(--on-soft);max-width:30em}.cups{position:relative}.cup{position:relative;z-index:1}.viewer{position:relative}.sheet{position:absolute;right:0;bottom:calc(100% + 13.6px);margin-right:-.18em;white-space:nowrap;color:var(--on);opacity:.55;pointer-events:none}.lede{position:absolute;top:calc(var(--bar) + 8vh - .465em);left:calc(var(--gutter) + 44px);right:calc(var(--gutter) + 44px);z-index:2;margin:0 auto;max-width:34em;font-size:14px}.blurb{margin:0;text-align:left;line-height:1.6;letter-spacing:.01em;color:var(--on-soft)}.blurb:empty{display:none}.step{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--on);opacity:.55}.step svg{width:16px;height:16px}.step[data-dir=left]{left:4px}.step[data-dir=right]{right:4px}.step:hover{opacity:1}@media(max-width:767px){.step{top:0;bottom:0;margin-top:0;width:45px;height:auto;-webkit-tap-highlight-color:transparent}.step[data-dir=left]{left:0;justify-content:flex-start;padding-left:18px}.step[data-dir=right]{right:0;justify-content:flex-end;padding-right:18px}}main{--dock: 38px}.dock{position:sticky;top:calc(var(--bar) + var(--ident-dock, 0px));z-index:20;height:var(--dock);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--gutter);background:var(--viewer-bg);color:var(--on);border-top:1px solid transparent;border-bottom:1px solid var(--on-rule);padding-top:1.7px}.dock h2{margin:0;font-weight:400;font-size:inherit}.dock:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--on-rule);transform-origin:center;transition:transform .5s ease}.dock.parked:before{transform:scaleX(0)}@media(max-width:767px){.dock:before{transform:scaleX(var(--line, 1));transition:none}.dock:after{content:"";position:absolute;left:50%;top:-1.5px;width:2px;height:2px;margin-left:-1px;border-radius:50%;background:var(--on-rule);opacity:var(--dot, 0);pointer-events:none}}.dock .dock-count{display:flex;gap:.8em}.name-dock{position:fixed;top:var(--bar);left:0;right:0;z-index:25;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px var(--gutter);text-align:center;pointer-events:none;visibility:hidden;color:var(--on);background:var(--viewer-bg)}.name-dock{background:linear-gradient(var(--viewer-bg),var(--viewer-bg)) top / 100% calc(var(--ident-dock, 0px) + 1px) no-repeat}.more path{stroke-dasharray:20 40;stroke-dashoffset:0;transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease}.more circle{opacity:0}.viewer.docked .more path{stroke-dasharray:0 40;stroke-dashoffset:-10}.viewer.docked .more circle{animation:more-dot .65s linear forwards}@keyframes more-dot{0%,76%{opacity:0}77%,99%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.viewer.docked .more{visibility:hidden}}.name-dock p{margin:0}.name-dock .nd-name{font-size:15px;letter-spacing:.25em;font-weight:400}.figs-dock .nd-drink{font-size:12px;letter-spacing:.22em;color:var(--on-soft);margin:-4px 0 0}.figs-dock{position:fixed;top:0;left:0;right:0;z-index:15;display:flex;flex-direction:column;align-items:center;padding:0 var(--gutter) 10px;text-align:center;pointer-events:none;visibility:hidden;color:var(--on);background:var(--viewer-bg)}.figs-dock p{margin:0}.figs-dock .nd-volume:empty:before{content:"\a0"}.figs-dock .nd-sub{color:var(--on-soft)}@media(min-width:1328px){.dock,.facts{padding-left:calc((100% - var(--page-max)) / 2);padding-right:calc((100% - var(--page-max)) / 2)}.step[data-dir=left]{left:calc((100% - var(--page-max)) / 2)}.step[data-dir=right]{right:calc((100% - var(--page-max)) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page-model.css.map */