.customer-bottom-nav{z-index:40;width:100%;max-width:520px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #edf0f4;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.customer-bottom-nav>a,.customer-bottom-nav>button{color:#8996a7;min-width:0;min-height:48px;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font-size:12px;font-weight:550;line-height:1.4;text-decoration:none;display:flex}.customer-bottom-nav>a.active{color:#479ccc}.customer-bottom-nav>a:hover,.customer-bottom-nav>button:hover{color:#479ccc;background:#f4f9fd}.customer-bottom-nav svg{flex-shrink:0;width:19px;height:19px}.customer-nav-dialog{color:#344b60;background:#fff;border:1px solid #e5edf4;border-radius:22px;width:calc(100% - 32px);max-width:488px;max-height:88dvh;font-family:inherit;overflow:auto}.customer-nav-dialog p{font-size:16px;line-height:1.85}.customer-nav-contact,.customer-nav-dismiss{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px;font-size:16px;text-decoration:none;display:flex}.customer-nav-contact{color:#fff;background:#479ccc}.customer-nav-dismiss{color:#5c7c97;cursor:pointer;background:#f1f7fc;border:1px solid #e0ecf5}:is(.customer-nav-dialog a:focus-visible,.customer-nav-dialog button:focus-visible){outline-offset:3px;outline:3px solid #76bce6}.customer-nav-dialog:has(.haru-support){max-width:488px!important}.customer-nav-dialog .haru-support button{background:#479ccc}.customer-nav-dialog .haru-support .support-secondary,.customer-nav-dialog .haru-support .support-handoff{color:#4e7c9c;background:#edf6fc}.customer-nav-dialog .haru-support .support-privacy-link{color:#74899c;background:0 0}.customer-nav-dialog .support-history{background:#f7fafc;border-color:#e6edf3}.customer-nav-dialog .support-message{border-color:#e6edf3}.customer-nav-dialog .support-message.customer{background:#edf7fe}.haru-shop .customer-bottom-nav>a,.haru-shop .customer-bottom-nav>button{letter-spacing:normal;color:#8996a7;font-family:inherit;font-size:12px;font-weight:550;line-height:1.4}.haru-shop .customer-bottom-nav>a.active{color:#479ccc}.customer-bottom-nav>button>span,.customer-bottom-nav>a>span{font:inherit;line-height:inherit}.customer-bottom-nav{box-sizing:border-box;align-items:stretch}.haru-shop .customer-bottom-nav>a,.haru-shop .customer-bottom-nav>button{box-sizing:border-box;grid-template-rows:20px auto;align-content:start;place-items:center;gap:5px;min-height:54px;padding:7px 0;display:grid}.customer-bottom-nav svg{stroke-width:1.8px;width:20px;height:20px;margin:0;display:block}.customer-bottom-nav>a>span,.customer-bottom-nav>button>span{white-space:nowrap;text-align:center;letter-spacing:-.02em;min-height:18px;line-height:18px;display:block}.customer-bottom-nav a:focus-visible{outline-offset:-2px;outline:2px solid #479ccc}