mobile-dock{--__dock-font-family:var(--dock-font-family,inherit);--__dock-color-icon:var(--dock-color-icon,#e35425);--__dock-color-text:var(--dock-color-text,#333);--__dock-color-bg:var(--dock-color-bg,#fff);--__dock-color-highlight-icon:var(--dock-color-highlight-icon,#fff);--__dock-color-highlight-bg:var(--dock-color-highlight-bg,#e35425);--__dock-highlight-bg-img:var(--dock-highlight-bg-img,auto);--__dock-shadow:var(--dock-shadow,0px 0px .4px -2px rgba(0,0,0,.047),0px 0px 1px -2px rgba(0,0,0,.067),0px 0px 2.1px -2px rgba(0,0,0,.083),0px 0px 4.4px -2px rgba(0,0,0,.103),0px 0px 12px -2px rgba(0,0,0,.15));--__dock-icon-size:var(--dock-icon-size,24px);--__dock-highlight-size:var(--dock-highlight-size,64px);--__dock-highlight-border-width:var(--dock-highlight-border-width,6.5px);--__dock-highlight-position:var(--dock-highlight-position,calc(var(--__dock-highlight-size) * (-7/13)));position:fixed;bottom:0;left:0;right:0;width:100%;min-height:48px;box-sizing:border-box;background-color:var(--__dock-color-bg);box-shadow:var(--__dock-shadow);z-index:calc(var(--highest-z-index, 2147483647) - 10)}.mobile-dock__inner{padding-inline:16px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;grid-template-rows:100%;max-width:400px;min-height:72px;margin-inline:auto}.mobile-dock-item{max-width:100%;display:flex;user-select:none;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 8% clamp(14px, calc(14px + (9dvh - 9svh)), 24px);font-size:12px;text-align:center;gap:.75rem;text-decoration:none;line-height:1;position:relative;color:var(--__dock-color-text);isolation:isolate;font-family:var(--__dock-font-family);border:0;background:0 0;border-radius:0}mobile-dock:not(:has(.mobile-dock-item:nth-child(3))) .mobile-dock__inner{max-width:250px}mobile-dock:has(.mobile-dock-item:nth-child(4)) .mobile-dock-item{font-size:11px}mobile-dock:has(.mobile-dock-item:nth-child(4)) .mobile-dock__inner{padding-inline:0}.mobile-dock-item__icon{display:block;color:var(--__dock-color-icon)}.mobile-dock-item__icon>*{font-size:var(--__dock-icon-size);width:var(--__dock-icon-size);height:var(--__dock-icon-size);display:block}.mobile-dock-item__icon svg *{fill:currentColor !important}.mobile-dock-item__icon span{display:flex;align-items:center;justify-content:center}.mobile-dock-item__text{color:var(--__dock-color-text);z-index:1}.mobile-dock-item[data-highlighted],mobile-dock:not(:has(.mobile-dock-item:nth-child(2))) .mobile-dock-item{justify-content:flex-end}.mobile-dock-item[data-highlighted] .mobile-dock-item__icon,mobile-dock:not(:has(.mobile-dock-item:nth-child(2))) .mobile-dock-item__icon{width:var(--__dock-highlight-size);height:var(--__dock-highlight-size);position:absolute;background-color:var(--__dock-color-highlight-bg);background-image:var(--__dock-highlight-bg-img);color:var(--__dock-color-highlight-icon);display:flex;align-items:center;justify-content:center;border-radius:100vw;top:var(--__dock-highlight-position);border:var(--__dock-highlight-border-width) solid var(--__dock-color-bg);box-sizing:content-box}.mobile-dock-item[data-highlighted] .mobile-dock-item__text{margin-top:28px;font-weight:700}.mobile-dock-item[data-highlighted] .mobile-dock-item__icon:before,mobile-dock:not(:has(.mobile-dock-item:nth-child(2))) .mobile-dock-item__icon:before{content:'';position:absolute;inset:calc(var(--__dock-highlight-border-width) * -1);border-radius:100vw;z-index:-2;box-shadow:var(--__dock-shadow)}.mobile-dock-item[data-highlighted] .mobile-dock-item__icon:after,mobile-dock:not(:has(.mobile-dock-item:nth-child(2))) .mobile-dock-item__icon:after{content:'';position:absolute;top:calc((var(--__dock-highlight-border-width) + var(--__dock-highlight-position) - .5px) * -1);left:-20px;right:-20px;bottom:-20px;background-color:var(--__dock-color-bg);z-index:-1}.mobile-dock-item[data-highlighted] .mobile-dock-item__icon>*{font-size:calc(var(--__dock-highlight-size) * (1/2));width:calc(var(--__dock-highlight-size) * (1/2));height:calc(var(--__dock-highlight-size) * (1/2))}