.fish-tab{--focus:var(--yellow);position:fixed;z-index:45;left:16px;bottom:calc(var(--fish-tab-b,16px) + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);color:var(--white)}.fish-tab.is-off,.fish-tab.is-ducked{visibility:hidden}.fish-tab__row{display:flex;align-items:stretch;background:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--pink);rotate:-1deg}.fish-tab__go,.fish-tab__again,.fish-tab__chip{display:flex;align-items:center;gap:10px;min-height:50px;padding:4px 12px 4px 8px;color:var(--white);background:none;border:0;text-decoration:none;cursor:pointer;font:inherit;text-align:left}.fish-tab__go:hover,.fish-tab__again:hover,.fish-tab__chip:hover{color:var(--ink);background:var(--yellow)}.fish-tab__fish{flex:none;width:40px;height:25px}.fish-tab__glass{flex:none;width:12px;height:16px;margin-left:-6px}.fish-tab__text{display:grid;gap:2px}.fish-tab__text strong{font:400 1rem/1 var(--font-display)}.fish-tab__text small{font:700 .75rem/1.2 var(--font-mono);color:inherit}.fish-tab__short,.fish-tab__card{display:none}.fish-tab__won{display:flex}.fish-tab__chip{font:700 .875rem/1.2 var(--font-mono)}.fish-tab__code{padding:2px 5px;color:var(--ink);background:var(--yellow);letter-spacing:.05em}.fish-tab__chip.is-copied .fish-tab__chip-copy{text-decoration:underline}.fish-tab__x{flex:none;width:44px;min-height:44px;padding:0;color:var(--white);background:none;border:0;border-left:2px solid var(--gunmetal);font:400 1.375rem/1 var(--font-display);cursor:pointer}.fish-tab__x:hover{color:var(--ink);background:var(--yellow)}.fish-tab a:focus-visible,.fish-tab button:focus-visible{outline:3px solid var(--yellow);outline-offset:-5px}.fish-tab .fish-tab__card-go:focus-visible{outline-color:var(--ink);outline-offset:-9px}html:has(.fish-tab:not(.is-off):not([hidden])){scroll-padding-bottom:88px}@media(max-width:749px){.fish-tab{left:8px}.fish-tab__row{rotate:0deg;box-shadow:3px 3px 0 var(--pink)}.fish-tab__go,.fish-tab__again,.fish-tab__chip{min-height:38px;padding:0 4px;gap:5px;position:relative}.fish-tab__go:before,.fish-tab__chip:before,.fish-tab__x:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.fish-tab__x{position:relative;width:36px;min-height:38px}.fish-tab__x:before{top:-6px;right:-4px;bottom:-6px;left:-4px}.fish-tab__fish{width:24px;height:15px}.fish-tab__text,.fish-tab__chip-lead{display:none}.fish-tab__short{display:inline;font:800 .75rem/1 var(--font-body);font-stretch:62%;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.fish-tab.is-mini .fish-tab__short,.fish-tab.is-mini .fish-tab__x{display:none}.fish-tab.is-mini .fish-tab__go{min-width:44px;justify-content:center}.fish-tab.has-card .fish-tab__row{display:none}.fish-tab__card:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr) 44px;grid-template-areas:"f t x" "f go x";align-items:center;gap:4px 10px;width:calc(100vw - 16px);max-height:120px;padding:8px 8px 10px;color:var(--white);background:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--pink)}html:has(.fish-tab:not(.is-off):not([hidden])){scroll-padding-bottom:72px}html:has(.fish-tab:not([hidden]) .fish-tab__card:not([hidden])){scroll-padding-bottom:136px}}@media(min-width:750px){.fish-tab.is-mini .fish-tab__text,.fish-tab.is-mini .fish-tab__x,.fish-tab.is-mini .fish-tab__chip{display:none}.fish-tab.is-mini .fish-tab__row{rotate:0deg;box-shadow:3px 3px 0 var(--pink)}.fish-tab.is-mini .fish-tab__go,.fish-tab.is-mini .fish-tab__again{min-width:38px;min-height:38px;padding:0 3px;gap:0;justify-content:center}.fish-tab.is-mini .fish-tab__fish{width:32px;height:20px}}@media(min-width:1376px){.fish-tab.is-mini{left:max(8px,calc((100vw - var(--page-max,1280px)) / 2 - 52px))}}.fish-tab__card-fish{grid-area:f;width:40px;height:25px}.fish-tab__card-text{grid-area:t;margin:0;font:400 .9375rem/1.1 var(--font-display)}.fish-tab__card-go{grid-area:go;justify-self:start;min-height:48px}.fish-tab__card-x{grid-area:x;align-self:start;color:var(--white);font:400 1.375rem/1 var(--font-display)}@media(prefers-reduced-motion:no-preference){.fish-tab__card.is-in{animation:fish-up .12s steps(2,end)}.fish-dialog__panel.is-in{animation:fish-slap .12s steps(2,end)}.fish-dialog__panel.is-out{animation:fish-out .1s steps(2,end) forwards}.fish-btn.is-stamp .fish-btn__tag{animation:fish-stamp .12s steps(3,end)}}@keyframes fish-up{0%{translate:0 100%}to{translate:0 0}}@keyframes fish-slap{0%{translate:0 24px;rotate:-2deg}50%{translate:0 0;rotate:-1deg}to{translate:0 0;rotate:0deg}}@keyframes fish-out{to{translate:0 16px;opacity:0}}@keyframes fish-stamp{0%{scale:1.5}50%{scale:.9}to{scale:1}}.fish-dialog{width:min(1040px,100vw - 32px);max-width:none;max-height:calc(100svh - 32px);padding:0;overflow:auto;color:var(--silver-light);background:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--pink);scroll-padding-top:52px;overscroll-behavior:contain}.fish-dialog::backdrop{background:#17121ab8;background:color-mix(in srgb,var(--ink) 72%,transparent)}html.has-fish-dialog{overflow:hidden}.fish-dialog__panel{position:relative;min-height:220px}.fish-dialog__x{position:sticky;top:0;z-index:6;float:right;width:44px;height:44px;color:var(--white);background:var(--ink);border-radius:0}.fish-dialog__x:hover{color:var(--ink);background:var(--yellow)}.fish-dialog{--focus:var(--yellow)}.fish-dialog :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.fish-dialog__loading{margin:0;padding:72px 24px;font:700 1rem/1.4 var(--font-mono);color:var(--yellow)}.fish-dialog__loading a{color:var(--yellow)}.fish-dialog__body .section-fish-milk{clear:none}.fish-dialog__foot{margin:0;padding:0 24px 18px;text-align:center}.fish-dialog__foot .text-btn{color:var(--silver-light);font:700 .875rem/1.2 var(--font-mono)}@media(max-width:749px){.fish-dialog{width:100vw;height:100svh;max-height:none;margin:0;border:0;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fish-milk-tab.css.map */