/* Floating pill dock. */
.dock{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:35;translate:-50% 0;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(20,19,18,.8);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 40px -10px #000a,inset 0 0 0 1px #ffffff1f;color:#fff;max-width:calc(100vw - 24px)}
.dock__mark{display:grid;place-items:center;width:42px;height:38px;color:var(--mm-accent);border-radius:999px;transition:background .25s}
.dock__mark svg{width:22px;height:auto}
.dock__mark:hover{background:#ffffff1f}
.dock__i{position:relative;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;font:500 12px/1 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background .25s,color .25s}
.dock__i:hover{background:#ffffff1f}
.dock__i.is-on{background:#fff;color:var(--mm-ink)}
.dock__i--soon::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--mm-accent);animation:dock-dot 2.4s ease-in-out infinite}
.dock__i.is-on.dock__i--soon::after{background:var(--mm-accent)}
@keyframes dock-dot{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.dock__i--soon::after{animation:none}}
body:not(.template-password):not(.template-cart)::after{content:'';display:block;height:72px;background:var(--mm-night)}
.template-cart .dock,.template-password .dock{display:none}
@media (max-width:989px){.dock--pdp{display:none}.snd{bottom:calc(76px + env(safe-area-inset-bottom))}}
@media (max-width:480px){.dock__i{padding:0 11px;font-size:11px;letter-spacing:.08em}.dock__mark{width:36px}}

.dock__back{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:18px;line-height:1;transition:background .25s,translate .25s}
.dock__back:hover{background:#ffffff1f;translate:-2px 0}