.mobile-dock--header{position:relative;z-index:1}@media screen and (min-width:750px){.mobile-dock--header{display:none}}.mobile-dock__wrapper{padding:1rem 1.5rem;border-radius:var(--dock-border-radius,0);display:flex;align-items:start;overflow-x:auto;gap:var(--grid-horizontal-spacing);background-color:var(--color-background);scrollbar-width:none}.mobile-dock__wrapper::-webkit-scrollbar{display:none}.mobile-dock__item{position:relative;width:calc(1 / var(--blocks) - var(--grid-horizontal-spacing) * 1 / var(--blocks));max-width:calc(20% - var(--grid-horizontal-spacing) + var(--grid-horizontal-spacing)/ 5);flex-shrink:0;flex-grow:1;flex-basis:calc(20% - var(--grid-horizontal-spacing) + var(--grid-horizontal-spacing)/ 5)}.mobile-dock__link{display:flex;flex-direction:column;gap:1rem;text-align:center}.mobile-dock__link>span{font-size:1.4rem;font-weight:600;line-height:1.1;color:var(--color-text)}.mobile-dock__image{width:100%;border:3px solid var(--color-outline,var(--teal));height:auto}.mobile-dock__image--placeholder{width:100%;background-color:rgb(var(--color-base-accent));display:block;display:flex;align-items:center;justify-content:center}.mobile-dock__image--placeholder svg{width:100%}.mobile-dock__image-wrap{position:relative}.mobile-dock__badge{position:absolute;top:-3px;right:-5px;z-index:2;pointer-events:none;font-size:1rem;font-weight:800;padding:.2rem .4rem;border-radius:50px;background-color:var(--badge-color,#dc143c);border-color:var(--badge-color,#dc143c);color:var(--badge-text-color,#fff)}.mobile-dock__image,.mobile-dock__image--placeholder{aspect-ratio:1;border-radius:100%;overflow:hidden}.mobile-dock__image--glow{animation:dock-ring-glow 2s ease-in-out infinite}@keyframes dock-ring-glow{0%,100%{box-shadow:0 0 3px 1px color-mix(in srgb,var(--color-outline,var(--teal)) 60%,transparent),0 0 7px 1px color-mix(in srgb,var(--color-outline,var(--teal)) 30%,transparent)}50%{box-shadow:0 0 6px 2px color-mix(in srgb,var(--color-outline,var(--teal)) 95%,transparent),0 0 13px 3px color-mix(in srgb,var(--color-outline,var(--teal)) 55%,transparent)}}@media (prefers-reduced-motion:reduce){.mobile-dock__image--glow{animation:none;box-shadow:0 0 5px 2px color-mix(in srgb,var(--color-outline,var(--teal)) 80%,transparent),0 0 10px 3px color-mix(in srgb,var(--color-outline,var(--teal)) 40%,transparent)}}