:root{--bottom-nav-height: 64px;--bottom-nav-bg: rgba(255, 255, 255, .98);--bottom-nav-border: rgba(0, 0, 0, .06);--bottom-nav-icon-size: 24px;--bottom-nav-active-color: #000;--bottom-nav-inactive-color: rgba(0, 0, 0, .5);--bottom-nav-label-size: 10px;--bottom-nav-transition: .2s cubic-bezier(.4, 0, .2, 1);--bottom-nav-safe-area: env(safe-area-inset-bottom, 0px)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:999999;display:flex;align-items:center;justify-content:space-around;height:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area));padding-bottom:var(--bottom-nav-safe-area);background:var(--bottom-nav-bg)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--bottom-nav-border);box-shadow:0 -2px 10px #0000000a;transform:translateZ(0);contain:layout style}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;height:100%;padding:8px 0;background:none;border:none;cursor:pointer;color:var(--bottom-nav-inactive-color);text-decoration:none;transition:color var(--bottom-nav-transition),transform var(--bottom-nav-transition);min-width:48px;min-height:48px}.bottom-nav__item:hover,.bottom-nav__item:focus-visible{color:var(--bottom-nav-active-color)}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__item.is-active{color:var(--bottom-nav-active-color)}.bottom-nav__item:focus-visible{outline:2px solid var(--bottom-nav-active-color);outline-offset:-2px;border-radius:8px}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:var(--bottom-nav-icon-size);height:var(--bottom-nav-icon-size)}.bottom-nav__icon svg{width:100%;height:100%}.bottom-nav__item.is-active .bottom-nav__icon:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--bottom-nav-active-color);border-radius:50%}.bottom-nav__label{font-family:var(--font-paragraph--family, -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--bottom-nav-label-size);font-weight:500;letter-spacing:.02em;white-space:nowrap}.bottom-nav__popup{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area));left:0;right:0;z-index:var(--layer-overlay, 200);background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 30px #0000001f;padding:20px 20px 24px;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s ease,visibility .3s ease}.bottom-nav__popup[aria-hidden=false],.bottom-nav__popup:not([hidden]){transform:translateY(0);opacity:1;visibility:visible}.bottom-nav__popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.bottom-nav__popup-title{font-family:var(--font-heading--family, -apple-system, BlinkMacSystemFont, sans-serif);font-size:16px;font-weight:600;color:#000;letter-spacing:-.01em}.bottom-nav__popup-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0000000d;border:none;border-radius:50%;cursor:pointer;color:#666;transition:all var(--bottom-nav-transition)}.bottom-nav__popup-close:hover{background:#0000001a;color:#000}.bottom-nav__popup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bottom-nav__category{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#00000005;border-radius:12px;text-decoration:none;color:#000;transition:all var(--bottom-nav-transition)}.bottom-nav__category:hover,.bottom-nav__category:focus-visible{background:#0000000f;transform:scale(1.02)}.bottom-nav__category:active{transform:scale(.98)}.bottom-nav__category-icon{font-size:28px;line-height:1}.bottom-nav__category-name{font-family:var(--font-paragraph--family, -apple-system, BlinkMacSystemFont, sans-serif);font-size:12px;font-weight:500;text-align:center;color:#333}.bottom-nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-overlay, 200) - 1);background:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.bottom-nav__overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}@media screen and (max-width:749px){body{padding-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area) + 16px)}.footer-group{margin-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area))}}@media screen and (min-width:750px){.bottom-nav{display:none!important}body{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav__item,.bottom-nav__popup,.bottom-nav__category,.bottom-nav__overlay{transition:none}}.bottom-nav{background:#fff!important;color:#000!important}.bottom-nav__item{color:#00000080!important}.bottom-nav__item.is-active,.bottom-nav__item:hover{color:#000!important}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bottom-nav.css.map */