.side-nav{background-color:var(--ff-color-primary);box-sizing:border-box;color:var(--ff-color-white);gap:var(--ff-spacing-8);height:100dvh;padding:var(--ff-spacing-10) var(--ff-spacing-8);background-position:50%;background-size:cover;flex-direction:column;flex-shrink:0;width:21.9375rem;display:flex;position:sticky;top:0;overflow-y:auto}.side-nav__background{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.side-nav__video{object-fit:cover;object-position:left top;width:100vw;max-width:none;height:100dvh;position:absolute;top:0;left:0}.side-nav__logo{align-self:center;width:8.75rem;height:auto}.side-nav__brand{z-index:1;align-self:center;display:block;position:relative}.side-nav__group{gap:var(--ff-spacing-4);z-index:1;flex-direction:column;display:flex;position:relative}.side-nav__heading{color:var(--ff-color-white);font-family:var(--ff-font-family-body);font-size:var(--ff-font-size-medium);letter-spacing:var(--app-letter-spacing-label);font-weight:400;line-height:var(--ff-line-height-medium);text-align:center;margin:0}.side-nav__list{gap:var(--ff-spacing-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.side-nav__item{box-sizing:border-box;color:var(--ff-color-white);align-items:center;gap:var(--app-spacing-side-nav-icon-label);padding:var(--ff-spacing-2);text-align:center;border:0;border-radius:0;flex-direction:column;text-decoration:none;display:flex}.side-nav__item:hover,.side-nav__item:focus{color:var(--ff-color-white);text-decoration:none}.side-nav__item--active .side-nav__icon-circle{background:var(--ff-color-white);box-shadow:0 0 16px color-mix(in srgb, var(--ff-color-white) 90%, transparent), 0 0 40px color-mix(in srgb, var(--ff-color-white) 65%, transparent), 0 0 64px color-mix(in srgb, var(--ff-color-white) 35%, transparent)}.side-nav__icon-circle{background:color-mix(in srgb, var(--ff-color-white) 55%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--ff-color-white) 60%, transparent), 0 0 24px color-mix(in srgb, var(--ff-color-white) 35%, transparent), inset 0 0 8px color-mix(in srgb, var(--ff-color-white) 25%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.side-nav__icon{background-color:var(--ff-color-primary);height:1.75rem;-webkit-mask:var(--side-nav-icon) center / contain no-repeat;-webkit-mask:var(--side-nav-icon) center / contain no-repeat;mask:var(--side-nav-icon) center / contain no-repeat;width:1.75rem}.side-nav__label{color:var(--ff-color-white);font-family:var(--ff-font-family-body);font-size:var(--ff-font-size-h4);letter-spacing:var(--app-letter-spacing-label);font-weight:700;line-height:var(--ff-line-height-small);text-align:center}