/*! CAS Bespoke Menu | GPL-2.0-or-later | Readable source: assets/css/navigation-motion.css */
/* Optional indicators are independent of links, dropdown geometry and hover paint layers. *//* The editor preview already supplies its sticky/relative containing block.
   Replacing sticky with relative would apply its top offset as an empty gap. */.cas-menu-motion-surface:not([data-cas-menu-preview]){position:relative;}/* Explicit marker sizes reserve room before the text. Automatic zero keeps the
   established padding unchanged. Preview selectors override its base shorthand. */.cas-menu-desktop.has-custom-marker-size .cas-menu-desktop__list > li > :is(a,button:not(.cas-menu-desktop__toggle)),[data-cas-menu-preview].has-custom-marker-size .cas-menu-preview__pill > li > button{padding-inline-start:max(var(--cas-menu-desktop-item-pad-x,var(--cas-menu-preview-desktop-pad-x,18px)),calc(var(--cas-menu-indicator-size,0px) + 14px)) !important;min-height:calc(var(--cas-menu-indicator-size,0px) + 8px);}.cas-menu-desktop.has-custom-indicator-gap .cas-menu-desktop__list > li > :is(a,button:not(.cas-menu-desktop__toggle)),[data-cas-menu-preview].has-custom-indicator-gap .cas-menu-preview__pill > li > button{padding-block-end:max(var(--cas-menu-desktop-item-pad-y,var(--cas-menu-preview-desktop-pad-y,14px)),calc(var(--cas-menu-indicator-gap,0px) + max(var(--cas-menu-indicator-size,0px),var(--cas-menu-indicator-auto-height,2px)) + 3px)) !important;}.cas-menu-motion-surface[data-desktop-indicator-style="wave"]{--cas-menu-indicator-auto-height:12px;}.cas-menu-motion-indicator{position:absolute;top:0;left:0;z-index:3;display:block;pointer-events:none;opacity:0;border-radius:2px;color:var(--cas-menu-effect-underline, var(--cas-menu-desktop-hover-text, var(--cas-menu-preview-desktop-hover-text, currentColor)));background:currentColor;transition:transform var(--cas-menu-hover-duration, 180ms) var(--cas-menu-hover-easing, ease-out),width var(--cas-menu-hover-duration, 180ms) var(--cas-menu-hover-easing, ease-out),height var(--cas-menu-hover-duration, 180ms) var(--cas-menu-hover-easing, ease-out),opacity var(--cas-menu-hover-duration, 180ms) ease;}.cas-menu-motion-indicator.is-visible{opacity:1;}.cas-menu-motion-indicator.is-instant{transition:none;}.cas-menu-motion-indicator--pill{border-radius:999px;}.cas-menu-motion-indicator--square,.cas-menu-motion-indicator--circle{border-radius:0;color:var(--cas-menu-effect-colour, var(--cas-menu-effect-underline, currentColor));}.cas-menu-motion-indicator--circle{border-radius:50%;}.cas-menu-motion-indicator--pill.is-visible{opacity:calc(.08 + .16 * var(--cas-menu-effect-intensity, .6));}.cas-menu-motion-indicator svg{display:none;}.cas-menu-motion-indicator--wave{background:none;}.cas-menu-motion-indicator--wave svg{display:block;width:100%;height:100%;overflow:visible;}.cas-menu-motion-indicator--wave path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;}.cas-menu-motion-indicator--fluid{background:none;border-radius:0;pointer-events:none;}.cas-menu-motion-indicator--fluid svg{display:block;width:100%;height:100%;overflow:hidden;}.cas-menu-fluid-crest{fill:var(--cas-menu-fluid-crest-colour,var(--cas-menu-desktop-menu-bg,var(--cas-menu-preview-desktop-menu-bg,transparent)));stroke:none;}:is(.cas-menu-desktop,[data-cas-menu-preview]):is([data-desktop-surface-effect="frosted"],[data-desktop-surface-effect="smoked"]) .cas-menu-fluid-crest{fill:var(--cas-menu-fluid-crest-colour,var(--cas-menu-desktop-glass-bg,transparent));}.cas-menu-fluid-dot{position:absolute;left:50%;top:64.2857%;width:var(--cas-menu-fluid-dot-size,5px);height:var(--cas-menu-fluid-dot-size,5px);border-radius:50%;transform:translate(-50%,-50%);background:var(--cas-menu-fluid-dot-colour,var(--cas-menu-effect-colour,currentColor));pointer-events:none;}/* Clips exist only as finite Web Animations. After opening, every flyout is unclipped. */.cas-menu-desktop .sub-menu.cas-menu-motion-reveal-managed:not(.cas-menu-motion-spring-shift):not(.cas-menu-motion-transform-reveal),[data-cas-menu-preview] .cas-menu-preview__dropdown.cas-menu-motion-reveal-managed:not(.cas-menu-motion-spring-shift):not(.cas-menu-motion-transform-reveal){transition:none !important;transform:none !important;}.cas-menu[data-mobile-panel-reveal="clip"] .cas-menu__panel.cas-menu-motion-panel-managed,.cas-menu-preview__mobile-shell[data-mobile-panel-reveal="clip"] .cas-menu-preview__mobile-panel.cas-menu-motion-panel-managed{transform:none !important;transition:none !important;}/* An active root view has visibility:visible of its own. Hide the complete closed
   paint tree instead of relying on inherited visibility after removing the slide. */.cas-menu[data-mobile-panel-reveal="clip"]:not(.is-open) .cas-menu__panel.cas-menu-motion-panel-managed:not(.cas-menu-motion-revealing),.cas-menu-preview__mobile-shell[data-mobile-panel-reveal="clip"].is-panel-hidden .cas-menu-preview__mobile-panel.cas-menu-motion-panel-managed:not(.cas-menu-motion-revealing){visibility:hidden !important;opacity:0 !important;}:is(.cas-menu-desktop, [data-cas-menu-preview]) .cas-menu-motion-revealing:not(.cas-menu-motion-spring-shift):not(.cas-menu-motion-transform-reveal),.cas-menu[data-mobile-panel-reveal="clip"] .cas-menu-motion-revealing{visibility:visible !important;opacity:1 !important;}/* These three travelling capsule modes own root paint only; labels and flyouts
   stay above the decorative layer and retain native semantics and hit targets. */:is(.cas-menu-desktop,[data-cas-menu-preview]) .cas-menu-motion-capsule-list{position:relative;z-index:2;background:transparent!important;isolation:isolate;}:is(.cas-menu-desktop,[data-cas-menu-preview]) .cas-menu-motion-capsule-list > li,:is(.cas-menu-desktop,[data-cas-menu-preview]) .cas-menu-motion-capsule-list > li > :is(a,button){background:transparent!important;}:is(.cas-menu-desktop,[data-cas-menu-preview]) .cas-menu-motion-capsule-list > .cas-menu-motion-active > :is(a,button){color:var(--cas-menu-motion-ink,#fff) !important;}.cas-menu-motion-indicator:is(.cas-menu-motion-indicator--gooey-burst,.cas-menu-motion-indicator--gooey-bridge,.cas-menu-motion-indicator--glossy-pill){z-index:1;border-radius:999px;background:none;color:var(--cas-menu-effect-colour,#fff);overflow:visible;}.cas-menu-motion-capsule-body,.cas-menu-motion-burst-blend,.cas-menu-motion-particles{position:absolute;inset:0;border-radius:inherit;pointer-events:none;}.cas-menu-motion-capsule-body{background:currentColor;}.cas-menu-motion-particle{position:absolute;display:block;border-radius:50%;background:currentColor;pointer-events:none;opacity:0;}.cas-menu-motion-indicator svg.cas-menu-motion-filter{display:block;position:absolute;width:0;height:0;overflow:hidden;}.cas-menu-motion-track{position:absolute;inset:0 auto auto 0;z-index:0;pointer-events:none;color:var(--cas-menu-desktop-item-bg,var(--cas-menu-preview-desktop-item-bg,#151820));}.cas-menu-motion-track--gooey-bridge svg{display:block;overflow:visible;pointer-events:none;fill:currentColor;}.cas-menu-motion-indicator--gooey-bridge,.cas-menu-motion-indicator--gooey-bridge .cas-menu-motion-capsule-body{border-radius:14px;}.cas-menu-motion-indicator--gooey-bridge .cas-menu-motion-capsule-body{box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 3px 8px rgba(0,0,0,.12);}.cas-menu-motion-bridge-dot{position:absolute;left:50%;bottom:-9px;width:4px;height:4px;border-radius:50%;background:var(--cas-menu-effect-secondary,#fff);transform:translateX(-50%);pointer-events:none;}.cas-menu-motion-track--glossy-pill{border-radius:999px;background:currentColor;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 3px rgba(0,0,0,.4),0 5px 14px rgba(0,0,0,.2);}.cas-menu-motion-track--glossy-pill:after,.cas-menu-motion-indicator--glossy-pill .cas-menu-motion-capsule-body:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,.025) 48%,rgba(0,0,0,.13));pointer-events:none;}.cas-menu-motion-indicator--glossy-pill .cas-menu-motion-capsule-body{box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 1px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.22);}/* Normal declarations allow WAAPI opacity/transform to animate. An !important
   endpoint here would silently suppress the new spring animation. */.cas-menu-desktop .sub-menu.cas-menu-motion-spring-shift,[data-cas-menu-preview] .cas-menu-preview__dropdown.cas-menu-motion-spring-shift{transition:none!important;transform:none;transform-origin:top center;will-change:transform;}:is(.cas-menu-desktop,[data-cas-menu-preview]) .cas-menu-motion-spring-shift.cas-menu-motion-revealing{visibility:visible!important;opacity:1;}/* Panel transforms remain owned by finite, reversible Web Animations. Normal
   endpoints let their opacity and transform keyframes override the base paint. */.cas-menu-desktop .sub-menu.cas-menu-motion-transform-reveal,[data-cas-menu-preview] .cas-menu-preview__dropdown.cas-menu-motion-transform-reveal{transition:none!important;transform:none;transform-origin:top center;will-change:transform;}:is(.cas-menu-desktop,[data-cas-menu-preview]) .cas-menu-motion-transform-reveal.cas-menu-motion-revealing{visibility:visible!important;opacity:1;}/* Preview decorations share the outer containing block. Hide their complete
   paint trees immediately when its desktop canvas is switched off. */[data-cas-menu-preview]:has([data-preview-canvas="desktop"][hidden]) > :is(.cas-menu-motion-indicator,.cas-menu-motion-track){display:none!important;}@media (prefers-reduced-motion: reduce){.cas-menu-motion-indicator{transition:none !important;}}
