/* ===== Original: globalnav-core.css ===== */
.ac-ln-action.bb-ln-profile-action {display: none !important;}

@charset "UTF-8";#globalheader html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}#globalheader body{margin:0;padding:0;}#globalheader ul,#globalheader ol,#globalheader li,#globalheader dl,#globalheader dt,#globalheader dd,#globalheader h1,#globalheader h2,#globalheader h3,#globalheader h4,#globalheader h5,#globalheader h6,#globalheader hgroup,#globalheader p,#globalheader blockquote,#globalheader figure,#globalheader form,#globalheader fieldset,#globalheader input,#globalheader legend,#globalheader pre,#globalheader abbr,#globalheader button{margin:0;padding:0;}#globalheader pre,#globalheader code,#globalheader address,#globalheader caption,#globalheader th,#globalheader figcaption{font-size:1em;font-weight:400;font-style:normal;}#globalheader fieldset,#globalheader iframe{border:0;}#globalheader caption,#globalheader th{text-align:left;}#globalheader table{border-collapse:collapse;border-spacing:0;}#globalheader main,#globalheader summary,#globalheader details{display:block;}#globalheader audio,#globalheader canvas,#globalheader video,#globalheader progress{vertical-align:baseline;}#globalheader button{background:none;border:0;box-sizing:content-box;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;}#globalheader button:disabled{cursor:default;}#globalheader:focus-visible{outline:2px solid var(--sk-focus-color,#0071e3);outline-offset:var(--sk-focus-offset,1px);}#globalheader::-moz-focus-inner{border:0;padding:0;}#globalheader{all:unset;}html,body{margin:0;padding:0;}:root{--r-globalnav-background-opened:#fafafc;--r-globalnav-background-opened-dark:#161617;}#globalnav:not([dir=rtl]){--r-globalnav-start:var(--r-sk-start,left);--r-globalnav-end:var(--r-sk-end,right);--r-globalnav-safe-area-inset-start:var(--sk-safe-area-inset-start,env(safe-area-inset-left));--r-globalnav-safe-area-inset-end:var(--sk-safe-area-inset-end,env(safe-area-inset-right));--r-globalnav-logical-factor:1;}#globalnav[dir=rtl]{--r-globalnav-start:var(--r-sk-start,right);--r-globalnav-end:var(--r-sk-end,left);--r-globalnav-safe-area-inset-start:var(--sk-safe-area-inset-start,env(safe-area-inset-right));--r-globalnav-safe-area-inset-end:var(--sk-safe-area-inset-end,env(safe-area-inset-left));--r-globalnav-logical-factor:-1;}#globalnav{--r-globalnav-flyout-close-delay:.12s;--r-globalnav-flyout-link-opacity-duration:.5s;--r-globalnav-flyout-spacing:88px;--r-globalnav-next-flyout-height:0px;--r-globalnav-previous-flyout-height:0px;--r-globalnav-height:44px;--r-globalnav-color:rgba(0,0,0,.8);--r-globalnav-color-secondary:#333336;--r-globalnav-color-hover:#000000;--r-globalnav-font-size:17px;--globalnav-background:none;--globalnav-backdrop-filter:none;}#globalnav.globalnav-dark,#globalnav.globalheader-dark,.globalheader-dark #globalnav,.theme-dark #globalnav{--r-globalnav-color:rgba(255,255,255,.8);--r-globalnav-color-secondary:#E8E8ED;--r-globalnav-color-hover:#FFFFFF;}#globalnav.globalnav-light,#globalnav.globalheader-light,.globalheader-dark #globalnav.globalnav-light,.theme-dark #globalnav.globalnav-light,.globalheader-dark #globalnav.globalheader-light,.theme-dark #globalnav.globalheader-light,.globalheader-light #globalnav,.theme-light #globalnav{--r-globalnav-color:rgba(0,0,0,.8);--r-globalnav-color-secondary:#333336;--r-globalnav-color-hover:#000000;}#globalnav{position:absolute;top:0;right:0;left:0;z-index:9999;display:block;margin:0;width:100%;min-width:320px;height:48px;max-height:44px;font-size:17px;-webkit-user-select:none;user-select:none;backdrop-filter:var(--globalnav-backdrop-filter);}@media (min-width:834px){#globalnav{background:var(--globalnav-background);}}#globalnav.globalnav-with-flyout-open{background:none;backdrop-filter:none;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open){background:none;backdrop-filter:none;}@media (max-width:833px){#globalnav{--r-globalnav-height:48px;max-height:none;}}#globalnav.globalnav-scrim,.globalnav-scrim #globalnav{background:var(--globalnav-background);}@media (max-width:833px){#globalnav.globalnav-scrim,.globalnav-scrim #globalnav{background:none;}}#globalnav.globalnav-scrim,.globalnav-scrim #globalnav{--globalnav-background:rgba(250,250,252,.92);}@supports (backdrop-filter:initial){#globalnav.globalnav-scrim,.globalnav-scrim #globalnav{--globalnav-backdrop-filter:saturate(180%) blur(20px);--globalnav-background:rgba(250,250,252,.8);}}#globalnav.globalnav-scrim.globalnav-dark,.globalnav-scrim.globalheader-dark #globalnav,.globalnav-scrim #globalnav.globalnav-dark,.globalheader-dark #globalnav.globalnav-scrim{--globalnav-background:rgba(22,22,23,.88);}@supports (backdrop-filter:initial){#globalnav.globalnav-scrim.globalnav-dark,.globalnav-scrim.globalheader-dark #globalnav,.globalnav-scrim #globalnav.globalnav-dark,.globalheader-dark #globalnav.globalnav-scrim{--globalnav-background:rgba(22,22,23,.8);}}.globalnav-scrim.globalnav-light#globalnav,.globalnav-scrim.globalheader-dark .globalnav-light{--globalnav-background:rgba(250,250,252,.92);}@supports (backdrop-filter:initial){.globalnav-scrim.globalnav-light#globalnav,.globalnav-scrim.globalheader-dark .globalnav-light{--globalnav-background:rgba(250,250,252,.8);}}.globalnav-scrim-noblur#globalnav,.globalnav-scrim-noblur #globalnav{--globalnav-backdrop-filter:initial;}#globalnav.globalnav-block-transitions,#globalnav.globalnav-block-transitions:before,#globalnav.globalnav-block-transitions:after,#globalnav.globalnav-block-transitions *,#globalnav.globalnav-block-transitions *:before,#globalnav.globalnav-block-transitions *:after{animation:none;transition:none;}.globalnav-hidden,.globalnav-svg-symbol{display:none;}.globalnav-placeholder{height:44px;}@media (max-width:833px){.globalnav-placeholder{height:48px;}}.ac-nav-overlap .globalnav-placeholder{display:none;}.globalnav-curtain{background:rgba(232,232,237,.4);backdrop-filter:blur(20px);visibility:hidden;position:fixed;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9998;transition:opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-end 80ms;}#globalnav.globalnav-dark .globalnav-curtain,#globalnav.globalheader-dark .globalnav-curtain,.globalheader-dark .globalnav-curtain,.theme-dark .globalnav-curtain{background:rgba(0,0,0,.4);}.globalnav-dark~.globalnav-curtain{background:rgba(0,0,0,.4);}#globalnav.globalnav-light .globalnav-curtain,#globalnav.globalheader-light .globalnav-curtain,.globalheader-dark #globalnav.globalnav-light .globalnav-curtain,.theme-dark #globalnav.globalnav-light .globalnav-curtain,.globalheader-dark #globalnav.globalheader-light .globalnav-curtain,.theme-dark #globalnav.globalheader-light .globalnav-curtain,.globalheader-light .globalnav-curtain,.theme-light .globalnav-curtain{background:rgba(232,232,237,.4);}.globalnav-light~.globalnav-curtain{background:rgba(232,232,237,.4);}.globalnav-with-flyout-open~.globalnav-curtain{opacity:1;visibility:visible;transition:opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-start 80ms;}.globalnav-block-transitions~.globalnav-curtain{animation:none;transition:none;}@media (max-width:833px){.globalnav-with-flyout-open:not(.globalnav-animating)~.globalnav-curtain,.globalnav-with-menu-open.globalnav-with-flyout-closing.globalnav-animating~.globalnav-curtain{backdrop-filter:none;}}.globalnav-curtain-noblur{backdrop-filter:none;}#globalnav .globalnav-content{margin:0 auto;box-sizing:border-box;width:100%;max-width:1024px;padding-top:0;padding-bottom:0;padding-inline-start:max(22px,var(--r-globalnav-safe-area-inset-start));padding-inline-end:max(22px,var(--r-globalnav-safe-area-inset-end));--r-globalnav-flyout-rate:0s;--r-globalnav-duration-medium:.24s;z-index:2;}@media (max-width:833px){#globalnav .globalnav-content{display:flex;padding:0;position:absolute;top:0;width:100%;height:100%;background:var(--globalnav-background);transition:background var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1) 80ms;}#globalnav.globalnav-animating .globalnav-content{transition:height var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1) 80ms,background var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1) 80ms;}#globalnav.globalnav-with-flyout-open .globalnav-content{height:calc(100vh - var(--globalnav-preceding-element-height,0px));background:var(--r-globalnav-background-opened);overflow-x:hidden;overflow-y:scroll;transition-delay:0ms;}@supports (height:100dvh){#globalnav.globalnav-with-flyout-open .globalnav-content{height:calc(100dvh - var(--globalnav-preceding-element-height,0px));}}.globalnav-with-flyout-open#globalnav.globalnav-dark .globalnav-content,.globalnav-with-flyout-open#globalnav.globalheader-dark .globalnav-content,.globalheader-dark #globalnav.globalnav-with-flyout-open .globalnav-content,.theme-dark #globalnav.globalnav-with-flyout-open .globalnav-content{background:var(--r-globalnav-background-opened-dark);}.globalnav-with-flyout-open#globalnav.globalnav-light .globalnav-content,.globalnav-with-flyout-open#globalnav.globalheader-light .globalnav-content,.globalheader-dark .globalnav-with-flyout-open#globalnav.globalnav-light .globalnav-content,.theme-dark .globalnav-with-flyout-open#globalnav.globalnav-light .globalnav-content,.globalheader-dark .globalnav-with-flyout-open#globalnav.globalheader-light .globalnav-content,.theme-dark .globalnav-with-flyout-open#globalnav.globalheader-light .globalnav-content,.globalheader-light #globalnav.globalnav-with-flyout-open .globalnav-content,.theme-light #globalnav.globalnav-with-flyout-open .globalnav-content{background:var(--r-globalnav-background-opened);}#globalnav.globalnav-with-flyout-open.globalnav-animating:not(.globalnav-with-flyout-closing) .globalnav-content{backdrop-filter:var(--globalnav-backdrop-filter);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-content{backdrop-filter:var(--globalnav-backdrop-filter);}}#globalnav .globalnav-list{cursor:default;margin:0 -8px;width:auto;height:44px;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none;list-style:none;}

@media (max-width:833px){
    #globalnav .globalnav-list{display:flex;flex:1;position:relative;z-index:1;top:0;right:0;bottom:0;left:0;margin-inline-start:0;margin-inline-end:0;height:auto;box-sizing:border-box;padding-inline-end:calc(40px + max(0px,var(--r-globalnav-safe-area-inset-end) - 16px));-webkit-overflow-scrolling:touch;}
    
    body:not(.logged-in) #globalnav .globalnav-list{
        padding-inline-end:calc(48px + max(0px,var(--r-globalnav-safe-area-inset-end) - 16px));
        
    }
}
    
    
    #globalnav .globalnav-item{box-sizing:border-box;height:44px;}#globalnav .globalnav-item.globalnav-item-flyout-change-next{z-index:1;}#globalnav .globalnav-item.globalnav-item-flyout-change-next .globalnav-submenu{background-color:transparent;}#globalnav.globalnav-text-zoom-in .globalnav-item .globalnav-submenu-trigger-group:focus-within{margin-inline-end:calc((-7px * var(--r-globalnav-text-zoom-scale) - -7px) * -1);}#globalnav.globalnav-text-zoom-in .globalnav-item .globalnav-submenu-trigger-group:focus-within .globalnav-submenu-trigger-button:focus{margin-inline-end:calc(-7px * var(--r-globalnav-text-zoom-scale) - -7px);}#globalnav .globalnav-item .globalnav-submenu-trigger-button{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:22px;height:100%;color:var(--r-globalnav-color);outline-offset:-7px;pointer-events:none;inset-inline-end:-7px;}#globalnav .globalnav-item .globalnav-submenu-trigger-button .globalnav-submenu-button-icon{margin-top:2px;opacity:0;fill:currentColor;transform-origin:50%;transition:opacity .24s cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-item .globalnav-submenu-trigger-button:focus-visible{pointer-events:auto;z-index:1;}#globalnav .globalnav-item .globalnav-submenu-trigger-button:focus-visible .globalnav-submenu-button-icon{opacity:1;}#globalnav.globalnav-submenus-disabled .globalnav-item .globalnav-submenu-trigger-button{display:none;}#globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu-trigger-button:focus-visible .globalnav-submenu-button-icon{margin-top:1px;opacity:1;transform:scaleY(-1);}@media (max-width:833px){#globalnav .globalnav-item{width:auto;height:auto;transition:color .32s cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-item .globalnav-submenu-trigger-button{display:none;}#globalnav .globalnav-list>.globalnav-item{height:100%;}#globalnav .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link{opacity:1;visibility:visible;transition:opacity .24s cubic-bezier(.4,0,.6,1) 80ms,visibility .24s step-start 80ms;}#globalnav.globalnav-with-flyout-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link{opacity:0;visibility:hidden;transition:opacity .24s cubic-bezier(.4,0,.6,1),visibility .24s step-end;}#globalnav .globalnav-menu .globalnav-item .globalnav-link{pointer-events:none;}#globalnav.globalnav-with-menu-open .globalnav-menu .globalnav-item .globalnav-link{pointer-events:auto;}#globalnav.globalnav-with-menu-open .globalnav-menu .globalnav-item.globalnav-menu{display:block;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-menu .globalnav-item{transform:none;opacity:1;}}


    @media (max-width:833px) {
        
        #globalnav .globalnav-item:not(.globalnav-menu, .globalnav-item-menu, .globalnav-account) {
            width: 40px;
        }
        body:not(.logged-in) #globalnav .globalnav-item:not(.globalnav-menu, .globalnav-item-menu, .globalnav-account) {
            width: 40px;
        }
        .globalnav-link globalnav-link-bag {
            width: 48px;
        }
        body:not(.logged-in) #globalnav-menubutton-link-bag {
            padding: 0 16px 0 8px;
        }
        body:not(.logged-in) #globalnav.globalnav-search {
            width: 33px;
        }
        .globalnav-item.globalnav-account.authenticated .globalnav-account-wrapper {
            width: 40px;
        }
        /*
        #globalnav.globalnav-light .globalnav-search, #globalnav.globalheader-light .globalnav-search {width: 33px;}
        */
        #globalnav .globalnav-item:not(.globalnav-menu, .globalnav-item-menu) .globalnav-link {
            height: 48px;
        }
    }
    
    
    
    #globalnav .globalnav-item-apple{display:block;}#globalnav.globalnav-trailing .globalnav-item-apple{flex:1;}#globalnav.globalnav-trailing .globalnav-item-apple .globalnav-link-apple{width:max-content;}@media (max-width:833px){#globalnav .globalnav-item-apple{flex-grow:1;width:auto;text-align:left;}#globalnav .globalnav-item-apple .globalnav-link-apple{width:max-content;padding:0 16px;margin-inline-start:max(0px,var(--r-globalnav-safe-area-inset-start) - 16px);}#globalnav.globalnav-text-zoom-in .globalnav-item-apple .globalnav-link-text{display:none;}}@media (max-width:833px){#globalnav .globalnav-item-menu{opacity:0;pointer-events:none;}#globalnav.globalnav-with-flyout-open .globalnav-item-menu{opacity:1;pointer-events:auto;transform:none;}#globalnav .globalnav-item-menu:first-child{margin-top:-3px;}}@media (max-width:833px){#globalnav.globalnav-menu-open .globalnav-item-submenu{visibility:visible;}#globalnav.globalnav-with-submenu-open .globalnav-item-submenu{visibility:hidden;transition:none;}}#globalnav .globalnav-menuback{display:none;}@media (max-width:833px){#globalnav .globalnav-menuback{display:block;position:absolute;z-index:3;width:48px;height:48px;opacity:0;pointer-events:none;visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);transform:translate(4px) scale(1);transform-origin:center;transition:opacity .24s cubic-bezier(.4,0,.6,1),transform .24s cubic-bezier(.4,0,.6,1),visibility .24s step-end;inset-inline-start:max(0px,var(--r-globalnav-safe-area-inset-start) - 18px);}#globalnav .globalnav-menuback-button{color:var(--r-globalnav-color-secondary);display:flex;justify-content:center;width:100%;height:100%;outline-offset:-7px;transition:color .32s cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-menuback-button:hover{color:var(--r-globalnav-color-hover);}#globalnav .globalnav-menuback .globalnav-chevron-icon{margin-inline-start:-1px;}#globalnav .globalnav-menuback .globalnav-chevron-icon svg{fill:currentColor;}#globalnav[dir=rtl] .globalnav-menuback .globalnav-chevron-icon svg{transform:scaleX(-1);}#globalnav.globalnav-with-submenu-open .globalnav-menuback{visibility:visible;transform:translate(0) scale(1);opacity:1;pointer-events:auto;transition:opacity .24s cubic-bezier(.4,0,.6,1) .16s,transform .24s cubic-bezier(.4,0,.6,1) .16s,visibility .24s step-start .16s;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-submenu-open) .globalnav-menuback{opacity:0;transform:translate(0) scale(.8);transition:transform .24s cubic-bezier(.4,0,.6,1) 0s,opacity .24s cubic-bezier(.4,0,.6,1) 0s,visibility .24s step-end 0s;}}#globalnav .globalnav-image-regular{display:flex;}#globalnav .globalnav-image-compact{display:none;}@media (max-width:833px){#globalnav .globalnav-image-compact{display:flex;}#globalnav .globalnav-image-regular{display:none;}}@media (max-width:833px){#globalnav.globalnav-with-flyout-open:not(.globalnav-with-menu-open) .globalnav-menu .globalnav-item,#globalnav.globalnav-with-submenu-open:not(.globalnav-animating) .globalnav-menu .globalnav-item{height:0;}}#globalnav .globalnav-submenu-trigger-group{position:relative;}@media (max-width:833px){#globalnav .globalnav-submenu-trigger-group{opacity:0;transform:translateY(-8px);transition-delay:calc(.2s + var(--r-globalnav-flyout-item-number) * 20ms);transition-duration:.24s;transition-property:opacity,transform,visibility;transition-timing-function:cubic-bezier(.4,0,.6,1),cubic-bezier(.4,0,.6,1),step-start;}#globalnav.globalnav-with-menu-open .globalnav-submenu-trigger-group,#globalnav.globalnav-with-submenu-open.globalnav-animating .globalnav-submenu-trigger-group{opacity:1;visibility:visible;transform:translate(0);}#globalnav.globalnav-with-submenu-open .globalnav-submenu-trigger-group{opacity:0;visibility:hidden;transform:translate(calc(-8px * var(--r-globalnav-logical-factor)));transition:none;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-trigger-group{transition-delay:0s;transition-duration:min(.16s + 20ms * calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number)),.24s);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-submenu-open) .globalnav-submenu-trigger-group{transition-delay:0s;}}#globalnav .globalnav-link{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-link{font-size:28px;line-height:1.1428571429;font-weight:600;letter-spacing:.007em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-link {line-height: 1;display: flex;align-items: center;justify-content: center;color: var(--r-globalnav-color);position: relative;z-index: 1;padding: 0 calc(8px / var(--r-globalnav-text-zoom-scale, 1));height: 44px;overflow-y: hidden;overflow-x: clip;background: no-repeat;text-decoration: none;white-space: nowrap;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition: color .32s cubic-bezier(.4, 0, .6, 1);}#globalnav .globalnav-link svg{fill:currentColor;}#globalnav .globalnav-link:hover,#globalnav .globalnav-link:focus-visible{color:var(--r-globalnav-color-hover);text-decoration:none;}#globalnav .globalnav-link:focus{outline:none;}#globalnav .globalnav-link:focus-visible{--sk-focus-offset:-7px;outline:2px solid var(--sk-focus-color,#0071e3);outline-offset:var(--sk-focus-offset,1px);}#globalnav .globalnav-link[data-focus-method=touch],#globalnav .globalnav-link[data-focus-method=mouse]{outline:none;}#globalnav .globalnav-item-flyout-open .globalnav-link{color:var(--r-globalnav-color-hover);text-decoration:none;}#globalnav .globalnav-link-apple{font-size:17px;line-height:1.2353641176;font-weight:600;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-link-apple{font-size:19px;line-height:1.2105263158;font-weight:600;letter-spacing:.012em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-link-apple{display:flex;align-items:center;}#globalnav .globalnav-link-apple-logo{height:100%;}#globalnav .globalnav-link-apple .globalnav-link-text{margin-inline-start:4px;}@media (max-width:833px){#globalnav .globalnav-item-menu .globalnav-link{color:var(--r-globalnav-color-secondary);width:auto;max-width:none;height:auto;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:-7px;padding-top:5px;padding-bottom:6px;padding-inline-start:calc(48px + var(--r-globalnav-safe-area-inset-start));padding-inline-end:calc(48px + var(--r-globalnav-safe-area-inset-end));white-space:normal;}#globalnav .globalnav-item-menu .globalnav-link:hover,#globalnav .globalnav-item-menu .globalnav-link:focus-visible{color:var(--r-globalnav-color-hover);}#globalnav .globalnav-item-menu .globalnav-link .globalnav-link-text{pointer-events:none;padding-top:7.5px;padding-bottom:7.5px;}}#globalnav .globalnav-link-text,#globalnav .globalnav-link-chevron{height:100%;display:flex;align-items:center;pointer-events:none;}@keyframes globalnav-chevron-slide-in-hover{0%{opacity:0;transform:translate(-4px);}to{opacity:1;transform:translate(0);}}@keyframes globalnav-chevron-hover-off{0%{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(.8);}}#globalnav .globalnav-link-chevron{display:none;visibility:hidden;transition:visibility .24s step-end;}@media (max-width:833px){#globalnav .globalnav-link-chevron{display:block;height:47px;margin-top:-1px;margin-inline-end:-48px;padding-inline-end:19px;opacity:0;color:var(--r-globalnav-color-secondary);transform-origin:center;animation:globalnav-chevron-hover-off .24s cubic-bezier(.4,0,.6,1) both;}#globalnav .globalnav-link-chevron svg{fill:currentColor;transform:scaleX(-1) translateZ(0);}#globalnav[dir=rtl] .globalnav-link-chevron svg{transform:scaleX(1) translateZ(0);}#globalnav.globalnav-with-submenu-open .globalnav-link-chevron{animation:globalnav-chevron-hover-off .24s cubic-bezier(.4,0,.6,1) both;}#globalnav.globalnav-submenus-disabled .globalnav-link-chevron{visibility:hidden;}}@media (hover:hover){#globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link:hover .globalnav-link-chevron,#globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link:active .globalnav-link-chevron,#globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link[data-focus-method=key] .globalnav-link-chevron{visibility:visible;transition:visibility .24s step-start;opacity:1;animation:globalnav-chevron-slide-in-hover .24s cubic-bezier(.4,0,.6,1) both;}.globalnav-with-submenu-open #globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link:hover .globalnav-link-chevron,.globalnav-with-submenu-open #globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link:active .globalnav-link-chevron,.globalnav-with-submenu-open #globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link[data-focus-method=key] .globalnav-link-chevron{animation:globalnav-chevron-hover-off .24s cubic-bezier(.4,0,.6,1) both;}#globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link:hover .globalnav-link-chevron:hover,#globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link:active .globalnav-link-chevron:hover,#globalnav.globalnav-with-menu-open:not(.globalnav-animating) .globalnav-link[data-focus-method=key] .globalnav-link-chevron:hover{color:var(--r-globalnav-color-hover);}}@media (min-width:834px){#globalnav .globalnav-menu{display:contents;}}#globalnav .globalnav-menu{flex-grow:1;-webkit-overflow-scrolling:touch;}@media (max-width:833px){#globalnav .globalnav-menu{position:absolute;width:100%;visibility:hidden;}#globalnav.globalnav-with-menu-open .globalnav-menu{visibility:visible;}#globalnav.globalnav-with-flyout-open.globalnav-animating:not(.globalnav-with-flyout-closing) .globalnav-menu{overflow:hidden;}#globalnav .globalnav-menu>.globalnav-flyout{width:100%;padding-top:50px;box-sizing:border-box;background-color:transparent;}#globalnav.globalnav-with-submenu-open .globalnav-menu>.globalnav-flyout{pointer-events:none;overflow:initial;}}#globalnav .globalnav-menu-list{justify-content:space-evenly;height:100%;}@media (min-width:834px){#globalnav .globalnav-menu-list{display:inherit;}}@media (max-width:833px){#globalnav .globalnav-menu-list{flex-direction:column;justify-content:flex-start;}}#globalnav .globalnav-menutrigger{width:48px;border-bottom:none;display:none;}@media (max-width:833px){#globalnav .globalnav-menutrigger{display:block;z-index:3;margin:0;position:absolute;inset-inline-end:max(0px,var(--r-globalnav-safe-area-inset-end) - 16px);}#globalnav.globalnav-no-menu .globalnav-menutrigger{display:none;}#globalnav.no-js .globalnav-menutrigger{pointer-events:none;}}#globalnav .globalnav-menutrigger-button{position:relative;display:flex;justify-content:center;align-items:center;color:#000;opacity:.8;width:48px;height:48px;cursor:pointer;outline-offset:-7px;transition:opacity .32s cubic-bezier(.4,0,.6,1);-webkit-tap-highlight-color:rgba(0,0,0,0);}#globalnav.globalnav-dark .globalnav-menutrigger-button,#globalnav.globalheader-dark .globalnav-menutrigger-button,.globalheader-dark #globalnav .globalnav-menutrigger-button,.theme-dark #globalnav .globalnav-menutrigger-button{color:#fff;}#globalnav.globalnav-light .globalnav-menutrigger-button,#globalnav.globalheader-light .globalnav-menutrigger-button,.globalheader-dark #globalnav.globalnav-light .globalnav-menutrigger-button,.theme-dark #globalnav.globalnav-light .globalnav-menutrigger-button,.globalheader-dark #globalnav.globalheader-light .globalnav-menutrigger-button,.theme-dark #globalnav.globalheader-light .globalnav-menutrigger-button,.globalheader-light #globalnav .globalnav-menutrigger-button,.theme-light #globalnav .globalnav-menutrigger-button{color:#000;}#globalnav .globalnav-menutrigger-button:hover{opacity:1;}#globalnav.touch .globalnav-menutrigger-button{color:var(--r-globalnav-color-hover);transition:none;}@keyframes globalnav-flyout-slide-forward-next{0%{opacity:0;transform:translate(8px);}to{opacity:1;transform:translate(0);}}@keyframes globalnav-flyout-slide-forward-previous{0%{opacity:1;transform:translate(0);}to{opacity:0;transform:translate(-8px);}}@keyframes globalnav-flyout-slide-back-previous{0%{opacity:1;transform:translate(0);}to{opacity:0;transform:translate(8px);}}@keyframes globalnav-flyout-slide-back-next{0%{opacity:0;transform:translate(-8px);}to{opacity:1;transform:translate(0);}}@media (min-width:834px){#globalnav .globalnav-flyout{display:inherit;}}#globalnav .globalnav-flyout{margin:0;}@media (max-width:833px){#globalnav .globalnav-flyout{position:absolute;top:0;height:100%;padding-bottom:0;transform:none;}#globalnav .globalnav-flyout .globalnav-menu-list,#globalnav .globalnav-flyout .globalnav-flyout-scroll-container{height:auto;padding-bottom:84px;}#globalnav.globalnav-animating .globalnav-flyout .globalnav-menu-list,#globalnav.globalnav-animating .globalnav-flyout .globalnav-flyout-scroll-container{overflow:hidden;}#globalnav.globalnav-animating.globalnav-with-menu-open:not(.globalnav-with-submenu-open) .globalnav-flyout .globalnav-flyout-scroll-container{height:100%;}#globalnav .globalnav-item:not(.globalnav-item-flyout-change-previous,.globalnav-item-flyout-change-next).globalnav-item-flyout-closing .globalnav-flyout{display:block;visibility:visible;opacity:1;height:100vh;overflow:hidden;}@supports (height:100dvh){#globalnav .globalnav-item:not(.globalnav-item-flyout-change-previous,.globalnav-item-flyout-change-next).globalnav-item-flyout-closing .globalnav-flyout{height:100dvh;}}#globalnav .globalnav-menu .globalnav-item .globalnav-flyout{display:none;}}#globalnav .globalnav-flyout-item{opacity:0;transform:translateY(-4px);transition:opacity .32s cubic-bezier(.4,0,.6,1) calc(var(--r-globalnav-flyout-item-number) * 20ms + (var(--r-globalnav-flyout-group-number,0) + 1) * 80ms),transform .32s cubic-bezier(.4,0,.6,1) calc(var(--r-globalnav-flyout-item-number) * 20ms + (var(--r-globalnav-flyout-group-number,0) + 1) * 80ms);}@media (max-width:833px){#globalnav .globalnav-flyout-item{transform:translateY(-8px);}}#globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-flyout-item{opacity:1;transform:translateY(0);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-flyout-item{transition-delay:0s;transition-duration:min(.16s + calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number)) * 20ms,.24s);}@media (max-width:833px){#globalnav .globalnav-item.globalnav-item-flyout-change-next>.globalnav-flyout,#globalnav .globalnav-item.globalnav-item-flyout-open>.globalnav-flyout,#globalnav .globalnav-item.globalnav-item-flyout-change-previous>.globalnav-flyout{display:block;overflow:initial;}#globalnav .globalnav-item-flyout-change-next>.globalnav-flyout,#globalnav .globalnav-item-flyout-open>.globalnav-flyout,#globalnav .globalnav-item-flyout-change-previous>.globalnav-flyout{visibility:visible;opacity:1;width:100%;pointer-events:auto;}#globalnav .globalnav-menu.globalnav-item-flyout-change-next>.globalnav-flyout .globalnav-link-text{animation-name:globalnav-flyout-slide-back-next;animation-duration:.24s;animation-delay:.16s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-menu.globalnav-item-flyout-change-previous>.globalnav-flyout .globalnav-link-text{animation-name:globalnav-flyout-slide-forward-previous;animation-duration:.24s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-item-flyout-change-previous .globalnav-item-flyout-change-next .globalnav-flyout{animation-name:globalnav-flyout-slide-forward-next;animation-duration:.24s;animation-delay:.16s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-item-flyout-change-next .globalnav-item-flyout-change-previous .globalnav-flyout{animation-name:globalnav-flyout-slide-back-previous;animation-duration:.24s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.6,1);}}@keyframes globalnav-scrim-height-change{0%{height:var(--r-globalnav-previous-flyout-height);}to{height:var(--r-globalnav-next-flyout-height);}}@keyframes globalnav-fade-in{0%{opacity:0;}to{opacity:1;}}#globalnav .globalnav-submenu{--r-globalnav-submenu-header-color:rgb(110,110,115);--r-globalnav-flyout-height:0;background:var(--r-globalnav-background-opened);position:absolute;left:0;right:0;text-align:start;}@media (max-width:833px){#globalnav .globalnav-submenu{position:absolute;opacity:0;top:0;background-color:transparent;pointer-events:none;overflow:hidden;visibility:hidden;}}@media (min-width:834px){#globalnav .globalnav-submenu{height:44px;max-height:calc(100vh - var(--r-globalnav-flyout-spacing));overflow:hidden;visibility:hidden;margin-top:-44px;background:var(--globalnav-background);}#globalnav.globalnav-with-flyout-open.globalnav-animating:not(.globalnav-with-flyout-closing) .globalnav-submenu{backdrop-filter:var(--globalnav-backdrop-filter);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu{backdrop-filter:var(--globalnav-backdrop-filter);}#globalnav.globalnav-animating .globalnav-submenu{transition:height var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1) .12s,visibility var(--r-globalnav-flyout-rate) step-end .12s,background var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1) .12s;}#globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu{visibility:visible;height:var(--r-globalnav-flyout-height);background:var(--r-globalnav-background-opened);transition:height var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1),visibility var(--r-globalnav-flyout-rate) step-start,background var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1);}#globalnav:not(.globalnav-animating) .globalnav-item.globalnav-item-flyout-open .globalnav-submenu{transition:height var(--r-globalnav-flyout-rate) cubic-bezier(.4,0,.6,1);}#globalnav.globalnav-dark .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,#globalnav.globalheader-dark .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.globalheader-dark #globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.theme-dark #globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu{background:var(--r-globalnav-background-opened-dark);}#globalnav.globalnav-light .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,#globalnav.globalheader-light .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.globalheader-dark #globalnav.globalnav-light .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.theme-dark #globalnav.globalnav-light .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.globalheader-dark #globalnav.globalheader-light .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.theme-dark #globalnav.globalheader-light .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.globalheader-light #globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,.theme-light #globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu{background:var(--r-globalnav-background-opened);}#globalnav .globalnav-item-flyout-change-previous .globalnav-submenu{height:var(--r-globalnav-previous-flyout-height);visibility:visible;animation-duration:.12s;animation-fill-mode:both;animation-name:globalnav-scrim-height-change;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-item-flyout-change-previous .globalnav-submenu .globalnav-submenu-content{opacity:1;animation-direction:reverse;animation-duration:.12s;animation-fill-mode:both;animation-name:globalnav-fade-in;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-item-flyout-change-next .globalnav-submenu{height:var(--r-globalnav-previous-flyout-height);visibility:visible;animation-duration:.12s;animation-fill-mode:both;animation-name:globalnav-scrim-height-change;animation-timing-function:cubic-bezier(.4,0,.6,1);transition:none;}#globalnav .globalnav-item-flyout-change-next .globalnav-submenu .globalnav-submenu-content{opacity:0;animation-duration:.12s;animation-fill-mode:both;animation-name:globalnav-fade-in;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-item-flyout-change-next .globalnav-submenu .globalnav-submenu-list-item,#globalnav .globalnav-item-flyout-change-next .globalnav-submenu .globalnav-submenu-list-item-elevated,#globalnav .globalnav-item-flyout-change-next .globalnav-submenu .globalnav-submenu-header{opacity:1;transform:translateY(0);transition:none;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-item-flyout-change-previous .globalnav-submenu{z-index:-1;}}@media (min-width:834px){#globalnav .globalnav-flyout-scroll-container{margin-top:44px;max-height:calc(100% - 44px);overflow-y:hidden;}#globalnav .globalnav-flyout-short .globalnav-flyout-scroll-container{overflow-y:auto;}}@media (max-width:833px){#globalnav.globalnav-with-submenu-open .globalnav-flyout-scroll-container{padding-bottom:0;}}#globalnav .globalnav-submenu-content{margin:0 auto;box-sizing:border-box;width:100%;max-width:1024px;z-index:2;padding-top:0;padding-bottom:0;padding-inline-start:max(22px,var(--r-globalnav-safe-area-inset-start));padding-inline-end:max(22px,var(--r-globalnav-safe-area-inset-end));display:flex;}@media (min-width:834px){#globalnav .globalnav-submenu-content{padding-top:40px;padding-bottom:84px;}#globalnav .globalnav-flyout-short .globalnav-submenu-content{max-width:calc(1024px - var(--r-globalnav-scrollbar-width));}}@media (max-width:833px){#globalnav .globalnav-submenu-content{flex-wrap:wrap;padding-top:50px;padding-inline-start:calc(48px + var(--r-globalnav-safe-area-inset-start));padding-inline-end:calc(48px + var(--r-globalnav-safe-area-inset-end));}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-content{transition-delay:80ms;}}@media (max-width:640px){#globalnav .globalnav-submenu-content{flex-direction:column;}}#globalnav .globalnav-submenu-group{box-sizing:border-box;}@media (min-width:834px){#globalnav .globalnav-submenu-group{margin-bottom:-4px;max-width:25%;padding-inline-end:44px;--r-globalnav-flyout-group-delay:min((var(--r-globalnav-flyout-elevated-group-count) * 80ms) + ((var(--r-globalnav-flyout-group-number) - var(--r-globalnav-flyout-elevated-group-count)) * 40ms),var(--r-globalnav-flyout-group-number) * 80ms);}#globalnav .globalnav-submenu-group-elevated{max-width:50%;padding-inline-end:88px;}}@media (max-width:833px){#globalnav .globalnav-submenu-group{padding-bottom:52px;}#globalnav .globalnav-submenu-group:last-child{padding-bottom:92px;margin-bottom:0;}#globalnav .globalnav-submenu-group-elevated .globalnav-submenu-header{display:none;}}@media (min-width:641px) and (max-width:833px){#globalnav .globalnav-submenu-group{max-width:50%;padding-inline-end:48px;}#globalnav .globalnav-submenu-group-elevated{flex-basis:75%;max-width:75%;padding-inline-end:96px;margin-inline-end:25%;}}@media (min-width:834px){#globalnav .globalnav-submenu-list-item,#globalnav .globalnav-submenu-list-item-elevated{opacity:0;transform:translateY(-4px);transition-property:opacity,transform;transition-duration:min(.16s + 20ms * calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number)),.24s);transition-delay:0s;}#globalnav .globalnav-item-flyout-change-previous .globalnav-submenu-list-item,#globalnav .globalnav-item-flyout-change-previous .globalnav-submenu-list-item-elevated{transform:translateY(0);}#globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu-list-item,#globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu-list-item-elevated{opacity:1;transform:translateY(0);transition-duration:.32s;transition-delay:calc(var(--r-globalnav-flyout-group-delay) + var(--r-globalnav-flyout-item-number) * 20ms + 80ms);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-list-item,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-list-item-elevated{opacity:0;transform:translateY(-4px);transition-property:opacity,transform;transition-duration:min(.16s + 20ms * calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number)),.24s);transition-delay:0s;}#globalnav .globalnav-item-flyout-change-previous .globalnav-submenu-list-item,#globalnav .globalnav-item-flyout-change-previous .globalnav-submenu-list-item-elevated,#globalnav .globalnav-item-flyout-change-next .globalnav-submenu-list-item,#globalnav .globalnav-item-flyout-change-next .globalnav-submenu-list-item-elevated{opacity:1;transform:none;transition:none;}}@media (max-width:833px){#globalnav .globalnav-submenu-list-item,#globalnav .globalnav-submenu-list-item-elevated{opacity:0;}#globalnav.globalnav-with-submenu-open .globalnav-submenu-list-item,#globalnav.globalnav-with-submenu-open .globalnav-submenu-list-item-elevated{opacity:1;transition:none;}#globalnav.globalnav-animating.globalnav-with-menu-open:not(.globalnav-with-submenu-open) .globalnav-submenu-list-item,#globalnav.globalnav-animating.globalnav-with-menu-open:not(.globalnav-with-submenu-open) .globalnav-submenu-list-item-elevated{opacity:1;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-list-item,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-list-item-elevated{opacity:0;transform:translateY(-8px);transition-delay:0s;transition-duration:min(.16s + calc(var(--r-globalnav-flyout-group-total) - var(--r-globalnav-flyout-group-number)) * 40ms,.24s);}}#globalnav .globalnav-submenu-header{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-submenu-header{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-submenu-header{color:var(--r-globalnav-submenu-header-color);display:block;}#globalnav.globalnav-dark .globalnav-submenu-header,#globalnav.globalheader-dark .globalnav-submenu-header,.globalheader-dark #globalnav .globalnav-submenu-header,.theme-dark #globalnav .globalnav-submenu-header{--r-globalnav-submenu-header-color:rgb(134,134,139);}#globalnav.globalnav-light .globalnav-submenu-header,#globalnav.globalheader-light .globalnav-submenu-header,.globalheader-dark #globalnav.globalnav-light .globalnav-submenu-header,.theme-dark #globalnav.globalnav-light .globalnav-submenu-header,.globalheader-dark #globalnav.globalheader-light .globalnav-submenu-header,.theme-dark #globalnav.globalheader-light .globalnav-submenu-header,.globalheader-light #globalnav .globalnav-submenu-header,.theme-light #globalnav .globalnav-submenu-header{--r-globalnav-submenu-header-color:rgb(110,110,115);}@media (min-width:834px){#globalnav .globalnav-submenu-header{opacity:0;transform:translateY(-4px);transition-property:opacity,transform;transition-duration:.32s;transition-delay:calc(var(--r-globalnav-flyout-group-delay) + 80ms);}#globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu-header{opacity:1;transform:translateY(0);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-header{opacity:0;transition-duration:min(.16s + 20ms * calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number)),.24s);transition-delay:0s;}}@media (min-width:834px) and (min-width:834px){#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-header{transform:translateY(-4px);}}@media (min-width:834px) and (max-width:833px){#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-header{transform:translateY(-8px);}}@media (min-width:834px){#globalnav .globalnav-item-flyout-change-previous .globalnav-submenu-header,#globalnav .globalnav-item-flyout-change-next .globalnav-submenu-header{opacity:1;transform:none;transition:none;}}@media (max-width:833px){#globalnav.globalnav-with-submenu-open .globalnav-submenu-header{transition:none;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-submenu-header{opacity:0;transform:translateY(-8px);transition-delay:0s;transition-duration:min(.16s + 20ms * calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number)),.24s);transition-duration:min(.16s + calc(var(--r-globalnav-flyout-group-total) - var(--r-globalnav-flyout-group-number)) * 40ms,.24s);}}#globalnav .globalnav-submenu-list{margin:0;list-style:none;}#globalnav .globalnav-submenu-list-item{font-size:14px;line-height:1.4285714285714291;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-submenu-list-item{font-size:17px;line-height:1.4705882353;font-weight:600;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-submenu-list-item{margin-inline-start:-11px;margin-inline-end:-11px;}#globalnav .globalnav-submenu-list-item:first-child{margin-top:10px;}@media (max-width:833px){#globalnav .globalnav-submenu-list-item{margin-inline-start:-11px;margin-inline-end:-11px;}#globalnav .globalnav-submenu-list-item:first-child{margin-top:14px;}}#globalnav .globalnav-submenu-list-item-elevated+.globalnav-submenu-list-item{margin-top:14px;}@media (max-width:833px){#globalnav .globalnav-submenu-list-item-elevated+.globalnav-submenu-list-item{margin-top:17px;}}#globalnav .globalnav-submenu-list-item-elevated{font-size:24px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-submenu-list-item-elevated{font-size:28px;line-height:1.1428571429;font-weight:600;letter-spacing:.007em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-submenu-list-item-elevated{margin-inline-start:-11px;margin-inline-end:-11px;}#globalnav .globalnav-submenu-list-item-elevated:first-child{margin-top:6px;}@media (max-width:833px){#globalnav .globalnav-submenu-list-item-elevated{margin-top:0;padding-top:0;padding-bottom:0;}#globalnav .globalnav-submenu-list-item-elevated:first-child{margin-top:-3px;}}#globalnav .globalnav-submenu-link{display:inline-block;padding:7px 11px;margin-bottom:-6px;color:var(--r-globalnav-color-secondary);text-decoration:none;transition:color .32s cubic-bezier(.4,0,.6,1);-webkit-tap-highlight-color:rgba(0,0,0,0);}#globalnav .globalnav-submenu-link:hover,#globalnav .globalnav-submenu-link:focus-visible{color:var(--r-globalnav-color-hover);text-decoration:none;}#globalnav .globalnav-submenu-link:focus{outline:none;}#globalnav .globalnav-submenu-link:focus-visible{--sk-focus-offset:-7px;outline:2px solid var(--sk-focus-color,#0071e3);outline-offset:var(--sk-focus-offset,1px);}@media (min-width:834px){#globalnav .globalnav-submenu-list-item-elevated .globalnav-submenu-link{padding-top:9px;}}@media (max-width:833px){#globalnav .globalnav-submenu-link{max-width:max-content;display:flex;align-items:center;padding-top:8px;margin-bottom:-5px;}#globalnav .globalnav-submenu-list-item-elevated .globalnav-submenu-link{padding-top:11px;padding-bottom:11px;margin-bottom:-7px;}}html.globalnav-noscroll{margin-top:0;overscroll-behavior:none;}html.globalnav-noscroll,html.globalnav-noscroll body{overflow:hidden;position:relative;height:100%;}html.globalnav-noscroll.globalnav-noscroll-y,html.globalnav-noscroll.globalnav-noscroll-y body{overflow-y:hidden;overflow-x:auto;}html.globalnav-noscroll-long{padding-inline-end:var(--r-globalnav-scrollbar-width);}@keyframes globalnav-search-fade{0%{opacity:0;transform:translateY(0);}to{opacity:1;transform:translateY(0);}}@keyframes globalnav-search-fade-and-slide{0%{opacity:0;transform:translateY(calc(var(--r-globalnav-search-shift-vertical) * -1));}to{opacity:1;transform:translateY(0);}}@keyframes globalnav-search-fade-and-slide-to-close{0%{opacity:0;transform:translateY(calc(var(--r-globalnav-search-shift-vertical) * -1));}to{opacity:1;transform:translateY(0);}}@keyframes globalnav-search-slide-top-to-bottom{0%{transform:translateY(calc(var(--r-globalnav-suggested-links-height) * -1));}to{transform:translateY(0);}}@keyframes globalnav-search-slide-bottom-to-top{0%{transform:translateY(var(--r-globalnav-suggested-links-height));}to{transform:translateY(0);}}@keyframes globalnav-search-input-intro{0%{opacity:0;transform:translateY(var(--r-globalnav-search-input-vertical-shift));}to{opacity:1;transform:translateY(0);}}@keyframes globalnav-search-input-outro{0%{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(var(--r-globalnav-search-input-vertical-shift));}}#globalnav .globalnav-search{--r-globalnav-search-icon-fill:rgb(110,110,115);--r-globalnav-search-icon-active-fill:#333336;--r-globalnav-search-input-placeholder-color:rgb(110,110,115);--r-globalnav-search-input-value-color:#333336;--r-globalnav-search-list-header-color:rgb(110,110,115);--r-globalnav-search-list-item-color:#333336;--r-globalnav-search-list-item-icon-fill:rgb(110,110,115);--r-globalnav-search-list-item-hover-background:rgb(245,245,247);--r-globalnav-search-list-item-hover-color:#000000;--r-globalnav-search-list-item-nonsearchterm-color:rgb(110,110,115);--r-globalnav-search-list-item-searchterm-color:#333336;}#globalnav.globalnav-dark .globalnav-search,#globalnav.globalheader-dark .globalnav-search,.globalheader-dark #globalnav .globalnav-search,.theme-dark #globalnav .globalnav-search{--r-globalnav-search-icon-fill:rgb(134,134,139);--r-globalnav-search-icon-active-fill:#E8E8ED;--r-globalnav-search-input-placeholder-color:rgb(134,134,139);--r-globalnav-search-input-value-color:#E8E8ED;--r-globalnav-search-list-header-color:rgb(134,134,139);--r-globalnav-search-list-item-color:#E8E8ED;--r-globalnav-search-list-item-icon-fill:rgb(134,134,139);--r-globalnav-search-list-item-hover-background:rgb(29,29,31);--r-globalnav-search-list-item-hover-color:#FFFFFF;--r-globalnav-search-list-item-nonsearchterm-color:rgb(134,134,139);--r-globalnav-search-list-item-searchterm-color:#E8E8ED;}#globalnav.globalnav-light .globalnav-search,#globalnav.globalheader-light .globalnav-search,.globalheader-dark #globalnav.globalnav-light .globalnav-search,.theme-dark #globalnav.globalnav-light .globalnav-search,.globalheader-dark #globalnav.globalheader-light .globalnav-search,.theme-dark #globalnav.globalheader-light .globalnav-search,.globalheader-light #globalnav .globalnav-search,.theme-light #globalnav .globalnav-search{--r-globalnav-search-icon-fill:rgb(110,110,115);--r-globalnav-search-icon-active-fill:#333336;--r-globalnav-search-input-placeholder-color:rgb(110,110,115);--r-globalnav-search-input-value-color:#333336;--r-globalnav-search-list-header-color:rgb(110,110,115);--r-globalnav-search-list-item-color:#333336;--r-globalnav-search-list-item-icon-fill:rgb(110,110,115);--r-globalnav-search-list-item-hover-background:rgb(245,245,247);--r-globalnav-search-list-item-hover-color:#000000;--r-globalnav-search-list-item-nonsearchterm-color:rgb(110,110,115);--r-globalnav-search-list-item-searchterm-color:#333336;}#globalnav .globalnav-search.globalnav-item-flyout-change-next .globalnav-flyout{visibility:hidden;}#globalnav .globalnav-search .globalnav-flyout-content{display:block;}@media (min-width:834px){#globalnav .globalnav-search .globalnav-flyout-content{padding-top:32px;padding-bottom:80px;}}@media (max-width:833px){#globalnav .globalnav-search .globalnav-flyout-content{padding-top:54px;}}#globalnav .globalnav-searchfield-wrapper{--r-globalnav-search-input-vertical-shift:-4px;display:flex;align-items:center;flex-wrap:nowrap;width:calc(100% + 15px);height:2.3529411765em;}@media (max-width:833px){#globalnav .globalnav-searchfield-wrapper{--r-globalnav-search-input-vertical-shift:-8px;}}#globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-searchfield-wrapper{animation:globalnav-search-input-intro .24s cubic-bezier(.4,0,.6,1) .2s both;}#globalnav .globalnav-item:not(.globalnav-item-flyout-change-previous,.globalnav-item-flyout-change-next).globalnav-item-flyout-closing .globalnav-searchfield-wrapper{animation:globalnav-search-input-outro .24s cubic-bezier(.4,0,.6,1) 0ms both;}#globalnav .globalnav-searchfield-submit{display:flex;position:relative;margin-inline-start:-6px;width:1.7647058824em;fill:var(--r-globalnav-search-icon-fill);order:-1;transition:fill .32s cubic-bezier(.4,0,.6,1);z-index:0;}#globalnav .globalnav-searchfield-submit[tabindex="0"]{fill:var(--r-globalnav-search-icon-active-fill);z-index:2;}#globalnav .globalnav-searchfield-submit[tabindex="0"]:hover,#globalnav .globalnav-searchfield-submit[tabindex="0"]:focus-visible{fill:var(--r-globalnav-search-list-item-hover-color);}@media (min-width:834px){#globalnav .globalnav-searchfield-submit{padding:2px 0;}}@media (max-width:833px){#globalnav .globalnav-searchfield-submit{margin-inline-start:-8px;width:2.2352941176em;height:2.2352941176em;}}#globalnav .globalnav-searchfield-submit .globalnav-image-compact,#globalnav .globalnav-searchfield-submit .globalnav-image-regular{margin-top:-1px;}#globalnav .globalnav-searchfield-input{font-size:24px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-searchfield-input{font-size:28px;line-height:1.1428571429;font-weight:600;letter-spacing:.007em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-searchfield-input{position:relative;z-index:1;margin-inline-start:-30px;margin-inline-end:-31px;padding-inline-start:34px;padding-inline-end:34px;width:100%;height:100%;box-sizing:border-box;background-color:transparent;border:none;border-radius:0;color:var(--r-globalnav-search-input-value-color);line-height:1;}#globalnav .globalnav-searchfield-input[data-focus-method=mouse],#globalnav .globalnav-searchfield-input[data-focus-method=touch]{outline:none;}@media (min-width:834px){#globalnav .globalnav-searchfield-input{padding-top:1px;}}@media (max-width:833px){#globalnav .globalnav-searchfield-input{margin-inline-start:-38px;margin-inline-end:-33px;padding-inline-start:42px;padding-inline-end:0px;}}#globalnav .globalnav-searchfield-input::placeholder{color:var(--r-globalnav-search-input-placeholder-color);opacity:1;}#globalnav .globalnav-searchfield-reset{position:relative;width:1.7647058824em;height:1.8823529412em;display:flex;align-items:center;justify-content:center;fill:var(--r-globalnav-search-icon-fill);opacity:0;visibility:hidden;z-index:2;transition:opacity .32s cubic-bezier(.4,0,.6,1),fill .32s cubic-bezier(.4,0,.6,1),visibility .32s step-end;}@media (min-width:834px){#globalnav .globalnav-searchfield-reset{padding:2px 0;}}@media (max-width:833px){#globalnav .globalnav-searchfield-reset{width:1.8823529412em;height:2.2352941176em;margin-inline-start:1px;}}#globalnav .globalnav-searchfield-reset[tabindex="0"]{visibility:visible;opacity:1;transition:opacity .32s cubic-bezier(.4,0,.6,1),fill .32s cubic-bezier(.4,0,.6,1),visibility .32s step-start;}#globalnav .globalnav-searchfield-reset[tabindex="0"]:hover,#globalnav .globalnav-searchfield-reset[tabindex="0"]:focus-visible{fill:var(--r-globalnav-search-icon-active-fill);}#globalnav .globalnav-searchresults{--r-globalnav-search-shift-vertical:4px;position:relative;margin-top:32px;}@media (max-width:833px){#globalnav .globalnav-searchresults{--r-globalnav-search-shift-vertical:8px;margin-top:49px;}}#globalnav .globalnav-searchresults-count{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0;}#globalnav .globalnav-searchresults-container+.globalnav-searchresults-container{margin-top:34px;}@media (max-width:833px){#globalnav .globalnav-searchresults-container+.globalnav-searchresults-container{margin-top:48px;}}#globalnav .globalnav-searchresults-header{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-searchresults-header{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-searchresults-header{--r-globalnav-search-base-duration:calc(.24s - 80ms);--r-globalnav-search-reverse-index:calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number));color:var(--r-globalnav-search-list-header-color);}#globalnav .globalnav-searchresults-list-item{font-size:14px;line-height:1.428572;font-weight:600;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}@media (max-width:833px){#globalnav .globalnav-searchresults-list-item{font-size:17px;line-height:1.4705882353;font-weight:600;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav .globalnav-searchresults-list-item{--r-globalnav-search-base-duration:calc(.24s - 80ms);--r-globalnav-search-reverse-index:calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number));display:flex;align-items:flex-start;margin-top:4px;margin-inline-start:-8px;margin-inline-end:-8px;box-sizing:border-box;}#globalnav .globalnav-searchresults-list-item:first-of-type{margin-top:8px;}@media (max-width:833px){#globalnav .globalnav-searchresults-list-item{margin-top:6px;margin-inline-start:-12px;margin-inline-end:-12px;}#globalnav .globalnav-searchresults-list-item:first-of-type{margin-top:9px;}}#globalnav .globalnav-searchresults-list-icon{display:flex;margin-inline-end:11px;fill:var(--r-globalnav-search-list-item-icon-fill);transition:color 20ms cubic-bezier(.4,0,.6,1),background-color 20ms cubic-bezier(.4,0,.6,1),fill 20ms cubic-bezier(.4,0,.6,1);}@media (max-width:833px){#globalnav .globalnav-searchresults-list-icon{margin-inline-end:14px;}}#globalnav[dir=rtl] .globalnav-searchresults-list-icon-arrow{transform:scaleX(-1);}#globalnav .globalnav-searchresults-list-link{text-decoration:none;border-radius:5px;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding-inline-start:8px;padding-inline-end:8px;padding-top:4px;padding-bottom:4px;color:var(--r-globalnav-search-list-item-color);transition:color 20ms cubic-bezier(.4,0,.6,1),background-color 20ms cubic-bezier(.4,0,.6,1),fill 20ms cubic-bezier(.4,0,.6,1);}@media (max-width:833px){#globalnav .globalnav-searchresults-list-link{border-radius:6px;}}#globalnav .globalnav-search-with-results .globalnav-searchresults-list-link{color:var(--r-globalnav-search-list-item-nonsearchterm-color);}#globalnav .globalnav-searchresults-list-link:hover,#globalnav .globalnav-searchresults-list-link:focus-visible,#globalnav .globalnav-searchresults-list-link.globalnav-searchresults-hover{background-color:var(--r-globalnav-search-list-item-hover-background);color:var(--r-globalnav-search-list-item-hover-color);text-decoration:none;}#globalnav .globalnav-searchresults-list-link:hover .globalnav-searchresults-list-icon,#globalnav .globalnav-searchresults-list-link:focus-visible .globalnav-searchresults-list-icon,#globalnav .globalnav-searchresults-list-link.globalnav-searchresults-hover .globalnav-searchresults-list-icon{fill:var(--r-globalnav-search-list-item-hover-color);}#globalnav .globalnav-searchresults-list-link:focus-visible{outline:2px solid var(--sk-focus-color,#0071e3);outline-offset:var(--sk-focus-offset,1px);}@media (max-width:833px){#globalnav .globalnav-searchresults-list-link{padding-inline-start:12px;padding-inline-end:12px;padding-bottom:3px;line-height:26px;}}#globalnav .globalnav-searchresults-list-text-highlight{color:var(--r-globalnav-search-list-item-searchterm-color);}#globalnav .globalnav-search{--r-globalnav-searchresults-timeout:.44s;}#globalnav .globalnav-search .globalnav-searchresults-previous .globalnav-searchresults-header,#globalnav .globalnav-search .globalnav-searchresults-previous .globalnav-searchresults-list-item,#globalnav .globalnav-search .globalnav-searchresults-current .globalnav-searchresults-header,#globalnav .globalnav-search .globalnav-searchresults-current .globalnav-searchresults-list-item{--r-globalnav-search-item-base-duration:calc(.24s - 80ms);--r-globalnav-search-item-reverse-index:calc(var(--r-globalnav-flyout-item-total) - var(--r-globalnav-flyout-item-number));animation-delay:0s;animation-direction:normal;animation-duration:.32s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search .globalnav-searchresults-previous{position:absolute;pointer-events:none;}#globalnav .globalnav-search .globalnav-searchresults-previous .globalnav-searchresults-header,#globalnav .globalnav-search .globalnav-searchresults-previous .globalnav-searchresults-list-item{opacity:0;transform:translateY(calc(var(--r-globalnav-search-shift-vertical) * -1));}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search .globalnav-searchresults-current .globalnav-searchresults-header,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search .globalnav-searchresults-current .globalnav-searchresults-list-item{opacity:1;animation-delay:0s;animation-direction:reverse;animation-duration:min(var(--r-globalnav-search-item-base-duration) + var(--r-globalnav-search-item-reverse-index) * 20ms,.24s);animation-fill-mode:both;animation-name:globalnav-search-fade-and-slide-to-close;}#globalnav .globalnav-search.shift-0-1 .globalnav-searchresults-current .globalnav-searchresults-header,#globalnav .globalnav-search.shift-0-1 .globalnav-searchresults-current .globalnav-searchresults-list-item{animation-delay:calc(.2s + 20ms * var(--r-globalnav-flyout-item-number) + 40ms * var(--r-globalnav-flyout-group-number));animation-name:globalnav-search-fade-and-slide;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-1-1 .globalnav-searchresults-previous .globalnav-searchresults-header,#globalnav .globalnav-search.shift-1-1 .globalnav-searchresults-previous .globalnav-searchresults-list-item{animation-delay:calc(20ms * var(--r-globalnav-flyout-item-number) + 40ms * var(--r-globalnav-flyout-group-number));animation-direction:reverse;animation-name:globalnav-search-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-1-1 .globalnav-searchresults-current .globalnav-searchresults-header,#globalnav .globalnav-search.shift-1-1 .globalnav-searchresults-current .globalnav-searchresults-list-item{animation-delay:calc(40ms + 20ms * var(--r-globalnav-flyout-item-number) + 40ms * var(--r-globalnav-flyout-group-number));animation-name:globalnav-search-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-1-2 .globalnav-searchresults-previous,#globalnav .globalnav-search.shift-0-2 .globalnav-searchresults-previous{display:none;}#globalnav .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-header,#globalnav .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-list-item,#globalnav .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-header,#globalnav .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-list-item{animation-delay:calc(80ms + 20ms * var(--r-globalnav-flyout-item-number) + 40ms * var(--r-globalnav-flyout-group-number));animation-name:globalnav-search-fade-and-slide;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-header,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-list-item,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-header,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:first-child .globalnav-searchresults-list-item{animation-delay:0s;animation-direction:reverse;animation-duration:min(var(--r-globalnav-search-item-base-duration) + var(--r-globalnav-search-item-reverse-index) * 20ms,.24s);animation-name:globalnav-search-fade-and-slide-to-close;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child,#globalnav .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child{animation-duration:.32s;animation-name:globalnav-search-slide-top-to-bottom;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-header,#globalnav .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-list-item,#globalnav .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-header,#globalnav .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-list-item{animation-delay:0s;animation-duration:0s;animation-name:globalnav-search-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-header,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-1-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-list-item,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-header,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-0-2 .globalnav-searchresults-current .globalnav-searchresults-container:last-child .globalnav-searchresults-list-item{animation-delay:0s;animation-direction:reverse;animation-duration:min(var(--r-globalnav-search-item-base-duration) + var(--r-globalnav-search-item-reverse-index) * 20ms,.24s);animation-name:globalnav-search-fade-and-slide-to-close;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-2-1 .globalnav-searchresults-previous .globalnav-searchresults-container:first-child .globalnav-searchresults-header,#globalnav .globalnav-search.shift-2-1 .globalnav-searchresults-previous .globalnav-searchresults-container:first-child .globalnav-searchresults-list-item{animation-delay:0s;animation-direction:reverse;animation-duration:min(var(--r-globalnav-search-item-base-duration) + var(--r-globalnav-search-item-reverse-index) * 20ms,.24s);animation-name:globalnav-search-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-2-1 .globalnav-searchresults-previous .globalnav-searchresults-container:last-child{display:none;}#globalnav .globalnav-search.shift-2-1 .globalnav-searchresults-current .globalnav-searchresults-header,#globalnav .globalnav-search.shift-2-1 .globalnav-searchresults-current .globalnav-searchresults-list-item{animation-duration:.32s;animation-fill-mode:both;animation-name:globalnav-search-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav.globalnav-animating .globalnav-search.shift-2-1-slide .globalnav-flyout-scroll-container{height:100%;}#globalnav .globalnav-search.shift-2-1-slide .globalnav-flyout{transition:height .32s cubic-bezier(.4,0,.6,1) .12s;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-2-1-slide .globalnav-flyout{transition:height .24s cubic-bezier(.4,0,.6,1) .12s,visibility .24s step-end .12s,background .24s cubic-bezier(.4,0,.6,1) .12s;}#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-2-1-slide .globalnav-flyout .globalnav-searchresults-header,#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open,.globalnav-with-submenu-open) .globalnav-search.shift-2-1-slide .globalnav-flyout .globalnav-searchresults-list-item{animation-delay:0s;animation-direction:reverse;animation-duration:min(var(--r-globalnav-search-item-base-duration) + var(--r-globalnav-search-item-reverse-index) * 20ms,.24s);animation-name:globalnav-search-fade-and-slide-to-close;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-2-1-slide .globalnav-searchresults-previous .globalnav-searchresults-container:first-child .globalnav-searchresults-header,#globalnav .globalnav-search.shift-2-1-slide .globalnav-searchresults-previous .globalnav-searchresults-container:first-child .globalnav-searchresults-list-item{animation-delay:0s;animation-direction:reverse;animation-duration:min(var(--r-globalnav-search-item-base-duration) + var(--r-globalnav-search-item-reverse-index) * 20ms,.24s);animation-name:globalnav-search-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-2-1-slide .globalnav-searchresults-previous .globalnav-searchresults-container:last-child{display:none;}#globalnav .globalnav-search.shift-2-1-slide .globalnav-searchresults-current .globalnav-searchresults-container{animation-delay:.12s;animation-duration:.32s;animation-fill-mode:both;animation-name:globalnav-search-slide-bottom-to-top;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-2-1-slide .globalnav-searchresults-current .globalnav-searchresults-container .globalnav-searchresults-header,#globalnav .globalnav-search.shift-2-1-slide .globalnav-searchresults-current .globalnav-searchresults-container .globalnav-searchresults-list-item{animation-delay:0s;animation-duration:0s;animation-name:globalnav-search-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);}#globalnav .globalnav-search.shift-1-0 .globalnav-flyout,#globalnav .globalnav-search.shift-2-0 .globalnav-flyout{transition:height .24s cubic-bezier(.4,0,.6,1) .12s,visibility .24s step-end .12s,background .24s cubic-bezier(.4,0,.6,1) .12s;}#globalnav .globalnav-search.shift-1-0 .globalnav-searchresults-previous .globalnav-searchresults-header,#globalnav .globalnav-search.shift-1-0 .globalnav-searchresults-previous .globalnav-searchresults-list-item,#globalnav .globalnav-search.shift-2-0 .globalnav-searchresults-previous .globalnav-searchresults-header,#globalnav .globalnav-search.shift-2-0 .globalnav-searchresults-previous .globalnav-searchresults-list-item{animation-delay:0s;animation-direction:reverse;animation-duration:calc(var(--r-globalnav-search-base-duration) + min(var(--r-globalnav-search-reverse-index) * 20ms,80ms));animation-fill-mode:both;animation-name:globalnav-search-fade-and-slide-to-close;animation-timing-function:cubic-bezier(.4,0,.6,1);}@media (min-width:834px){.globalnav-link-text{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0;}}.globalnav-link-apple .globalnav-link-text{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0;}.globalnav-link-text-container{display:flex;}.globalnav-link-text-container svg{font-size:44px;max-height:88px;height:calc(var(--r-globalnav-text-zoom-scale,1) * 1em);width:auto;transform:translateZ(0);}.globalnav-link svg{transform:translateZ(0);}#globalnav.globalnav-text-zoom-in .globalnav-image-compact{flex-basis:100%;}.globalnav-submenu-trigger-item{list-style:none;}#globalnav{--globalnav-preceding-element-height:var(--r-localeswitcher-height,0px);}@keyframes segment-out{0%{top:0px;}to{top:calc(-1 * var(--r-globalmessage-segment-height));}}html.globalmessage-segment-visible{margin-top:var(--r-globalmessage-segment-height);transition:margin-top .24s;}@media (max-width:833px){html.globalmessage-segment-visible[data-globalnav-flyout-open=true]{margin-top:0;}html.globalmessage-segment-visible[data-globalnav-flyout-open=true] #globalmessage-segment{position:fixed;top:0;animation-duration:.24s;animation-fill-mode:both;animation-name:segment-out;animation-timing-function:ease;}}html.globalmessage-segment-visible body{border-top:1px solid transparent;margin-top:-1px;position:relative;}#globalmessage-segment{--globalmessage-segment-background:rgb(250,250,252);--globalmessage-segment-scrim-background:rgba(0,0,0,.04);--globalmessage-segment-text-color:rgba(0,0,0,.8);--globalmessage-segment-border-color:rgba(0,0,0,.48);}.globalheader-dark #globalmessage-segment,.theme-dark #globalmessage-segment{--globalmessage-segment-background:rgb(22,22,23);--globalmessage-segment-scrim-background:rgba(255,255,255,.08);--globalmessage-segment-text-color:rgba(255,255,255,.92);--globalmessage-segment-border-color:rgba(255,255,255,.4);}.globalheader-light #globalmessage-segment,.theme-light #globalmessage-segment{--globalmessage-segment-background:rgb(250,250,252);--globalmessage-segment-scrim-background:rgba(0,0,0,.04);--globalmessage-segment-text-color:rgba(0,0,0,.8);--globalmessage-segment-border-color:rgba(0,0,0,.48);}.globalheader-dark.globalheader-light #globalmessage-segment,.globalheader-dark.theme-light #globalmessage-segment{--globalmessage-segment-background:rgb(22,22,23);--globalmessage-segment-scrim-background:rgba(255,255,255,.08);--globalmessage-segment-text-color:rgba(255,255,255,.92);--globalmessage-segment-border-color:rgba(255,255,255,.4);}#globalmessage-segment{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}#globalmessage-segment{display:none;position:absolute;top:-40px;inset-inline-start:0;z-index:9999;min-width:320px;width:100%;height:40px;background:var(--globalmessage-segment-background);color:var(--globalmessage-segment-text-color);transition:background .24s cubic-bezier(.4,0,.6,1);}@media (max-width:833px){#globalmessage-segment{top:-44px;height:44px;}}html.globalmessage-segment-visible #globalmessage-segment{display:block;}#globalmessage-segment:after{position:absolute;top:0;z-index:1;width:100%;height:40px;background:var(--globalmessage-segment-scrim-background);content:"";}@media (max-width:833px){#globalmessage-segment:after{height:44px;}}[data-globalnav-flyout-open=true] #globalmessage-segment{background:var(--r-globalnav-background-opened);}[data-globalnav-flyout-open=true].globalheader-dark #globalmessage-segment,[data-globalnav-flyout-open=true].theme-dark #globalmessage-segment,[data-globalnav-flyout-open=true] .globalheader-dark #globalmessage-segment,[data-globalnav-flyout-open=true] .theme-dark #globalmessage-segment{background:var(--r-globalnav-background-opened-dark);}#globalmessage-segment .globalmessage-segment-content{--r-globalmessage-segment-content-inline-start:max(22px,var(--r-globalheader-safe-area-inset-start));--r-globalmessage-segment-content-inline-end:max(22px,var(--r-globalheader-safe-area-inset-end));}@media (max-width:833px){#globalmessage-segment .globalmessage-segment-content{--r-globalmessage-segment-content-inline-start:max(16px,var(--r-globalheader-safe-area-inset-start));--r-globalmessage-segment-content-inline-end:max(16px,var(--r-globalheader-safe-area-inset-end));}}#globalmessage-segment .globalmessage-segment-content{position:relative;z-index:2;list-style:none;height:100%;margin:0 auto;max-width:1024px;padding:0 22px;padding-inline-start:var(--r-globalmessage-segment-content-inline-start);padding-inline-end:var(--r-globalmessage-segment-content-inline-end);white-space:nowrap;display:flex;align-items:center;flex-wrap:nowrap;box-sizing:border-box;}#globalmessage-segment .globalmessage-segment-content:before{inset-inline-start:var(--r-globalmessage-segment-content-inline-start);inset-inline-end:var(--r-globalmessage-segment-content-inline-end);content:"";display:block;position:absolute;z-index:1;top:0;background:transparent;height:1px;}#globalmessage-segment .globalmessage-segment-item{display:flex;align-items:center;color:inherit;}#globalmessage-segment .globalmessage-segment-item:first-child{margin-inline-start:-12px;max-width:60%;}#globalmessage-segment .globalmessage-segment-item:first-child:after{content:" ";display:inline-flex;width:1px;height:12px;background:var(--globalmessage-segment-border-color);}#globalmessage-segment .globalmessage-segment-link{color:inherit;display:block;outline-offset:1px;overflow:hidden;margin:0 12px;text-overflow:ellipsis;text-decoration:none;}#globalmessage-segment .globalmessage-segment-link:hover{text-decoration:underline;}.globalnav-bag-badge{--globalnav-badge-background:rgb(0,0,0);--globalnav-badge-text-color:rgb(255,255,255);}.globalheader-dark .globalnav-bag-badge,.theme-dark .globalnav-bag-badge{--globalnav-badge-background:rgb(255,255,255);--globalnav-badge-text-color:rgb(0,0,0);}.globalnav-bag-badge{top:auto;bottom:11px;inset-inline-end:11px;display:inline-block;position:absolute;z-index:1;width:1.3em;height:1.3em;box-sizing:border-box;float:none;color:var(--globalnav-badge-text-color);font-size:10px;letter-spacing:-.008em;line-height:1.3;text-align:center;transform-origin:var(--r-globalnav-end);transform:scale(0) translate(calc(-7px * var(--r-globalnav-logical-factor)));}@media (max-width:833px){.globalnav-bag-badge{bottom:13px;inset-inline-end:11px;}}.globalnav-link-bag .globalnav-bag-badge{inset-inline-start:15px;}
    
    @media (max-width:833px){
        body:not(.logged-in) .globalnav-link-bag .globalnav-bag-badge {inset-inline-start: 13px;}
        .globalnav-link-bag .globalnav-bag-badge {inset-inline-start: 17px;}
        
    #globalnav.with-bag-count-triple .globalnav-link-bag .globalnav-bag-badge{inset-inline-start:15px;}}.globalnav-bag-badge:before,.globalnav-bag-badge:after{content:"";position:absolute;top:0;inset-inline-end:0;display:block;width:1.3em;height:100%;background:var(--globalnav-badge-background);border-radius:1.3em;}.globalnav-bag-badge:before{transition:transform .3s cubic-bezier(.25,.1,.3,1);}.globalnav-bag-badge-separator{background:var(--globalnav-badge-background);width:1em;height:100%;position:absolute;top:0;inset-inline-end:.65em;transform:scaleX(0);transition:transform .3s cubic-bezier(.25,.1,.3,1);transform-origin:var(--r-globalnav-end);}.globalnav-bag-badge-number{display:block;position:relative;z-index:2;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;letter-spacing:inherit;transition:transform .3s cubic-bezier(.25,.1,.3,1);}.windows#globalnav.firefox .globalnav-bag-badge-number{line-height:1.2;}.globalnav-bag-badge-unit{opacity:0;display:inline-block;position:absolute;top:0;inset-inline-end:1.5px;z-index:2;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-feature-settings:"case";transition:opacity .1s cubic-bezier(.25,.1,.3,1);}#globalnav.with-bag-count .globalnav-bag.with-badge{padding-inline-start:6px;transition:padding .3s cubic-bezier(.25,.1,.3,1);}#globalnav.with-bag-count .globalnav-bag.with-badge .globalnav-bag-badge{transform:none;transition:width .3s cubic-bezier(.25,.1,.3,1);}.with-bag-count#globalnav.globalnav-text-zoom-in .globalnav-bag.with-badge .globalnav-bag-badge{margin-inline-end:calc(var(--r-globalnav-text-zoom-scale) * -.52em);}@media (max-width:833px){#globalnav.with-bag-count .globalnav-bag.with-badge .globalnav-bag-badge{transition:width .3s cubic-bezier(.25,.1,.3,1),opacity .24s ease 80ms,visibility .24s step-start 80ms;}.with-bag-count#globalnav.globalnav-with-flyout-open .globalnav-bag.with-badge .globalnav-bag-badge{opacity:0;visibility:hidden;transition:width .3s cubic-bezier(.25,.1,.3,1),opacity .24s ease,visibility .24s step-end;}}#globalnav.with-bag-count .globalnav-link-bag{transition:color .32s cubic-bezier(.4,0,.6,1),transform .3s cubic-bezier(.25,.1,.3,1);transform:translate(calc(-6px * var(--r-globalnav-logical-factor)));}@media (max-width:833px){#globalnav.with-bag-count .globalnav-link-bag{transform:translate(calc(-4px * var(--r-globalnav-logical-factor)));}}#globalnav.with-bag-count-double .globalnav-bag.with-badge{padding-inline-start:.5em;}.with-bag-count-double#globalnav.globalnav-text-zoom-in .globalnav-bag.with-badge .globalnav-bag-badge{margin-inline-end:calc(var(--r-globalnav-text-zoom-scale) * -.72em);}@media (max-width:833px){.with-bag-count-double#globalnav.globalnav-text-zoom-in .globalnav-bag.with-badge{padding-inline-start:calc(1.8em - 1.3em * var(--r-globalnav-text-zoom-scale));}.with-bag-count-double#globalnav.globalnav-text-zoom-in .globalnav-bag.with-badge .globalnav-bag-badge{margin-inline-end:calc(var(--r-globalnav-text-zoom-scale) * -.52em);}}#globalnav.with-bag-count-double .globalnav-bag-badge{width:1.8em;}#globalnav.with-bag-count-double .globalnav-bag-badge:before{transform:translate(calc(-.5em * var(--r-globalnav-logical-factor)));}#globalnav.with-bag-count-double .globalnav-bag-badge-separator{transform:scaleX(.4545454545);}#globalnav.with-bag-count-double .globalnav-link-bag{transform:translate(calc(-11px * var(--r-globalnav-logical-factor)));}@media (max-width:833px){#globalnav.with-bag-count-double .globalnav-link-bag{transform:translate(calc(-10px * var(--r-globalnav-logical-factor)));}}#globalnav.with-bag-count-triple .globalnav-bag.with-badge{padding-inline-start:1.1em;}.with-bag-count-triple#globalnav.globalnav-text-zoom-in .globalnav-bag.with-badge .globalnav-bag-badge{margin-inline-end:calc(var(--r-globalnav-text-zoom-scale) * -.96em);}@media (max-width:833px){.with-bag-count-triple#globalnav.globalnav-text-zoom-in .globalnav-bag.with-badge{padding-inline-start:calc(2.4em - 1.3em * var(--r-globalnav-text-zoom-scale));}.with-bag-count-triple#globalnav.globalnav-text-zoom-in .globalnav-bag.with-badge .globalnav-bag-badge{margin-inline-end:calc(var(--r-globalnav-text-zoom-scale) * -.52em);}}#globalnav.with-bag-count-triple .globalnav-bag-badge{width:2.4em;}#globalnav.with-bag-count-triple .globalnav-bag-badge:before{transform:translate(calc(-1.1em * var(--r-globalnav-logical-factor)));}#globalnav.with-bag-count-triple .globalnav-bag-badge-separator{transform:scaleX(1);}#globalnav.with-bag-count-triple .globalnav-bag-badge-number{transform:translate(calc(-2.5px * var(--r-globalnav-logical-factor)));}#globalnav.with-bag-count-triple .globalnav-bag-badge-unit{opacity:1;transition:opacity .15s cubic-bezier(.25,.1,.3,1) .185s;}#globalnav.with-bag-count-triple .globalnav-link-bag{transform:translate(calc(-17px * var(--r-globalnav-logical-factor)));}@media (max-width:833px){#globalnav.with-bag-count-triple .globalnav-link-bag{transform:translate(calc(-19px * var(--r-globalnav-logical-factor)));}}#globalnav.with-bag-count-onload .globalnav-bag.with-badge,#globalnav.with-bag-count-onload .globalnav-link-bag,#globalnav.with-bag-count-onload .globalnav-bag.with-badge .globalnav-bag-badge{transition:none;}#globalnav.with-bag-count-onload .globalnav-bag.with-badge .globalnav-bag-badge:before,#globalnav.with-bag-count-onload .globalnav-bag.with-badge .globalnav-bag-badge:after,#globalnav.with-bag-count-onload .globalnav-bag.with-badge .globalnav-bag-badge-separator,#globalnav.with-bag-count-onload .globalnav-bag.with-badge .globalnav-bag-badge-number,#globalnav.with-bag-count-onload .globalnav-bag.with-badge .globalnav-bag-badge-unit{transition:none;}#globalnav.bagitem-adding .globalnav-link-bag,#globalnav.bagitem-adding .globalnav-bag.with-badge,#globalnav.bagitem-adding .globalnav-bag.with-badge .globalnav-bag-badge{transition:none;}.bagitem-adding#globalnav.with-bag-count-double .globalnav-bag.with-badge .globalnav-bag-badge:before,.bagitem-adding#globalnav.with-bag-count-double .globalnav-bag.with-badge .globalnav-bag-badge:after,.bagitem-adding#globalnav.with-bag-count-double .globalnav-bag.with-badge .globalnav-bag-badge-separator,.bagitem-adding#globalnav.with-bag-count-double .globalnav-bag.with-badge .globalnav-bag-badge-number,.bagitem-adding#globalnav.with-bag-count-double .globalnav-bag.with-badge .globalnav-bag-badge-unit{transition:none;}.bagitem-adding#globalnav.with-bag-count-triple .globalnav-bag.with-badge .globalnav-bag-badge:before,.bagitem-adding#globalnav.with-bag-count-triple .globalnav-bag.with-badge .globalnav-bag-badge:after,.bagitem-adding#globalnav.with-bag-count-triple .globalnav-bag.with-badge .globalnav-bag-badge-separator,.bagitem-adding#globalnav.with-bag-count-triple .globalnav-bag.with-badge .globalnav-bag-badge-number,.bagitem-adding#globalnav.with-bag-count-triple .globalnav-bag.with-badge .globalnav-bag-badge-unit{transition:none;}#globalnav.bagitem-removing .globalnav-bag{transition:padding .3s cubic-bezier(.25,.1,.3,1);}#globalnav.bagitem-removing .globalnav-link-bag{transition:color .32s cubic-bezier(.4,0,.6,1),transform .3s cubic-bezier(.25,.1,.3,1);}#globalnav.bagitem-removing .globalnav-bag .globalnav-bag-badge{transition:all .3s cubic-bezier(.25,.1,.3,1);}.globalnav-bag-wrapper{position:relative;visibility:visible;opacity:1;transition:opacity var(--r-globalnav-duration-medium) cubic-bezier(.4,0,.6,1) 80ms,visibility var(--r-globalnav-duration-medium) step-start 80ms;}.globalnav-bag-wrapper:hover .globalnav-link-bag,.globalnav-bag-wrapper:focus[data-focus-method=key] .globalnav-link-bag{color:var(--r-globalnav-color-hover);text-decoration:none;}@media (max-width:833px){#globalnav.globalnav-with-flyout-open .globalnav-bag-wrapper{opacity:0;visibility:hidden;transition:opacity var(--r-globalnav-duration-medium) cubic-bezier(.4,0,.6,1),visibility var(--r-globalnav-duration-medium) step-end;}}#globalnav .globalnav-link-bag{overflow:visible;}@media (max-width:833px){#globalnav.globalnav-with-flyout-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link-bag{opacity:1;}}.globalnav-image-regular,.globalnav-image-compact,.globalnav-link-bag svg{pointer-events:none;}#globalnav-bag .progress-indicator-curtain{height:100%;display:flex;flex-grow:1;opacity:0;justify-content:center;align-items:center;background-color:var(--progress-indicator-curtain-color);--progress-indicator-curtain-color:rgba(255,255,255,.48);}#globalnav-bag .theme-dark .progress-indicator-curtain,#globalnav-bag .progress-indicator-curtain.progress-indicator.theme-dark,#globalnav-bag .progress-indicator-curtain.progress-indicator-dark{--progress-indicator-curtain-color:rgba(0,0,0,.48);}#globalnav-bag .progress-indicator-curtain.progress-indicator-light,#globalnav-bag .progress-indicator-curtain.theme-light{--progress-indicator-curtain-color:rgba(255,255,255,.48);}#globalnav-bag .progress-indicator-indeterminate{display:flex;--progress-indicator-size:39px;--progress-indicator-color:rgba(0,0,0,.56);}#globalnav-bag .progress-indicator-indeterminate.progress-indicator-visible{opacity:1;}#globalnav-bag .progress-indicator-indeterminate.progress-indicator-visible .progress-indicator-icon{opacity:1;transition:opacity .4s ease;will-change:opacity;}#globalnav-bag .progress-indicator-indeterminate.progress-indicator-immediate .progress-indicator-icon{transition:none;}#globalnav-bag .theme-dark .progress-indicator-indeterminate,#globalnav-bag .progress-indicator-indeterminate.progress-indicator.theme-dark,#globalnav-bag .progress-indicator-indeterminate.progress-indicator-dark{--progress-indicator-color:rgba(255,255,255,.8);}#globalnav-bag .progress-indicator-indeterminate.progress-indicator-light,#globalnav-bag .progress-indicator-indeterminate.theme-light{--progress-indicator-color:rgba(0,0,0,.56);}#globalnav-bag .progress-indicator-icon{width:var(--progress-indicator-size);height:var(--progress-indicator-size);opacity:0;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke{fill:var(--progress-indicator-color);opacity:.2;animation-name:progress-indicator-animating;animation-direction:forward;animation-timing-function:cubic-bezier(1,.1,0,.3);animation-duration:.8s;animation-iteration-count:infinite;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(0){animation-delay:-.1s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(1){animation-delay:0s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(2){animation-delay:.1s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(3){animation-delay:.2s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(4){animation-delay:.3s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(5){animation-delay:.4s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(6){animation-delay:.5s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(7){animation-delay:.6s;}#globalnav-bag .progress-indicator-icon .progress-indicator-spoke:nth-child(8){animation-delay:.7s;}@keyframes progress-indicator-animating{0%{opacity:1;}12.5%{opacity:.9;}25%{opacity:.7;}37.5%{opacity:.6;}50%{opacity:.4;}62.5%{opacity:.3;}75%{opacity:.2;}87.5%{opacity:.13;}}#globalnav-bag .progress-indicator-indeterminate-size-tiny{--progress-indicator-size:15px;}#globalnav-bag .progress-indicator-indeterminate-size-elevated{--progress-indicator-size:55px;}#globalnav-bag .ac-gn-loading-indicator{width:100%;}#globalnav-bag .ac-gn-loading-indicator .ac-gn-progress-indicator-curtain{background-color:transparent;}.theme-dark #globalnav-bag .ac-gn-loading-indicator .progress-indicator-indeterminate,#globalnav-bag .ac-gn-loading-indicator .progress-indicator-indeterminate.progress-indicator.theme-dark,#globalnav-bag .ac-gn-loading-indicator .progress-indicator-indeterminate.progress-indicator-dark{--progress-indicator-color:rgba(255,255,255,.8);}@media only screen and (max-width:833px){#globalnav-bag .ac-gn-loading-indicator .progress-indicator-indeterminate{--progress-indicator-size:55px;}}@media only screen and (max-width:833px){#globalnav-bag .ac-gn-loading-indicator{height:75vh;}}#globalnav-bag .ac-bag-flyout-container{font-size:24px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;min-height:100px;width:100%;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:600;list-style:none;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item{font-size:17px;line-height:1.4705882353;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:600;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-svgicon{width:11px;height:16px;transform:translateY(4px);fill:currentColor;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-svgicon{width:16px;height:25px;transform:translateY(7px);}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-link{display:inline-flex;align-items:flex-end;margin:6px 0;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6e6e73;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-link,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-link{color:#86868b;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-link{margin:7px 0;outline-offset:2px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text{color:#333336;padding-inline-start:24px;padding-inline-end:1px;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text{color:#e8e8ed;}@media only screen and (max-width:833px){html:not([dir=rtl]) #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text{padding-inline-start:30px;}html[dir=rtl] #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text{padding-inline-start:30px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-link:hover,#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text:hover{color:#000;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-link:hover,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-link:hover,.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text:hover,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-text:hover{color:#fff;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container{position:absolute;}html:not([dir=rtl]) #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container{left:1px;}html[dir=rtl] #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container{right:0;}@media only screen and (max-width:833px){html:not([dir=rtl]) #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container{left:0;right:0;}html[dir=rtl] #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container{right:0;left:0;}}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container .ac-gn-bagview-nav-image-regular{display:none;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container .ac-gn-bagview-nav-image-compact{display:none;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container .ac-gn-bagview-nav-image-compact{display:inline;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-qty{display:block;color:#6e6e73;font-weight:400;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-qty:before{content:"✕";font-size:.75em;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-info{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;display:block;color:#6e6e73;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-info,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-info{color:#86868b;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-info{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button{--sk-button-color:rgb(255,255,255);--sk-button-color-hover:var(--sk-button-color);--sk-button-color-active:var(--sk-button-color-hover);--sk-button-disabled-opacity:var(--sk-link-disabled-opacity,.42);--sk-button-border-color:transparent;--sk-button-border-radius:980px;--sk-button-margin-horizontal:14px;--sk-button-margin-vertical:14px;--sk-button-min-width-basis:60px;--sk-button-padding-horizontal:16px;--sk-button-padding-vertical:9px;--sk-button-border-width:1px;--sk-button-box-sizing:content-box;--sk-button-width:auto;--sk-button-display:inline-block;font-size:14px;line-height:1.2857742857;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;background:var(--sk-button-background);color:var(--sk-button-color);border-color:var(--sk-button-border-color);padding-block:calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));padding-inline:calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));border-radius:var(--sk-button-border-radius);border-style:solid;border-width:var(--sk-button-border-width);width:var(--sk-button-width);min-width:calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal) * 2);cursor:pointer;display:var(--sk-button-display);box-sizing:var(--sk-button-box-sizing);text-align:center;white-space:nowrap;--sk-button-background:rgb(0,113,227);--sk-button-background-hover:#0077ED;--sk-button-background-active:#006EDB;text-decoration:none;box-sizing:border-box;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button:hover{background:var(--sk-button-background-hover,var(--sk-button-background));color:var(--sk-button-color-hover,var(--sk-button-color));text-decoration:none;border-color:transparent;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button:focus-visible{outline:2px solid var(--sk-focus-color,#0071e3);outline-offset:var(--sk-focus-offset-container,3px);}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button:active{background:var(--sk-button-background-active,var(--sk-button-background));color:var(--sk-button-color-active,var(--sk-button-color));outline:none;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button:disabled,#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button.disabled{pointer-events:none;opacity:var(--sk-button-disabled-opacity);}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button{--sk-button-padding-horizontal:22px;--sk-button-padding-vertical:12px;--sk-button-min-width-basis:70px;--sk-button-margin-horizontal:18px;--sk-button-margin-vertical:18px;font-size:17px;line-height:1.1764805882;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--sk-button-border-radius:10px;--sk-button-margin-horizontal:11px;--sk-button-margin-vertical:11px;width:385px;}}@media only screen and (max-width:480px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button{width:100%;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-header{font-size:24px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;margin-bottom:24px;color:#333336;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-header{font-size:28px;line-height:1;font-weight:600;letter-spacing:.008em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-header{font-size:28px;line-height:1;font-weight:600;letter-spacing:.008em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-header,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-header{color:#e8e8ed;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-header{margin-bottom:32px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-subheader{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#6e6e73;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-subheader,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-subheader{color:#86868b;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-subheader a{color:#06c;text-decoration:underline;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-subheader a,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-subheader a{color:#2997ff;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-subheader{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;margin-bottom:0;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;width:480px;color:#6e6e73;margin-top:24px;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message{width:545px;}}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message{width:385px;}}@media only screen and (max-width:480px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message{width:100%;}}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message{color:#86868b;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;margin-bottom:0;}}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message{margin-top:32px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem{width:480px;padding-bottom:24px;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem{width:545px;}}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem{width:385px;}}@media only screen and (max-width:480px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem{width:100%;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem:last-child{padding-bottom:0;}@media only screen and (max-width:734px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem{padding-bottom:32px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem-link{display:inline-flex;flex-direction:row;align-items:center;text-decoration:none;padding:1px 8px 1px 2px;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem-link:hover{text-decoration:none;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-wrapper .ac-gn-bagview-bagitem-link{outline-offset:4px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column1{display:flex;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:600;padding-inline-start:24px;color:#333336;max-width:392px;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2{color:#e8e8ed;}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2:hover{color:#000;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2:hover,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2:hover{color:#fff;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:600;padding-inline-start:32px;}}@media only screen and (max-width:734px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-column2{max-width:100%;}}#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content{display:flex;flex-direction:row;}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content{display:block;}}#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content-left{width:50%;}#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content-left.ac-bag-flyout-content-isempty{width:100%;}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content-left{width:100%;}}#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content-right{width:50.5%;margin-top:-4px;text-align:end;}@media only screen and (max-width:640px){#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content-right{text-align:end;margin-top:32px;}}@media only screen and (max-width:480px){#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content-right{width:100%;text-align:center;}}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-bag-flyout-content-isempty .ac-gn-bagview-header{margin-bottom:30px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item-header{font-size:14px;line-height:1.428572;font-weight:400;letter-spacing:-.016em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#6e6e73;padding-bottom:6px;margin-top:36px;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item-header,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item-header{color:#86868b;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item-header{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-.022em;font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;margin-top:56px;padding-bottom:7px;}}#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item-wrapper ul{display:inline-block;}#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag.ac-bag-flyout-content{margin-bottom:36px;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag.ac-bag-flyout-content{margin-bottom:56px;}}#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag.ac-bag-flyout-content-isempty{margin-bottom:40px;}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag.ac-bag-flyout-content-isempty{margin-bottom:56px;}}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag.ac-bag-flyout-content-isempty .ac-gn-bagview-header{margin-bottom:32px;}}@media only screen and (max-width:833px){#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag .ac-get-ready-viewlink{padding-top:14px;display:inline-block;width:100%;}}#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag .ac-gn-bagview-bagitem-svgicon{width:64px;height:64px;color:#1d1d1f;}.theme-dark #globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag .ac-gn-bagview-bagitem-svgicon,.globalheader-dark #globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag .ac-gn-bagview-bagitem-svgicon{color:#f5f5f7;}#globalnav-bag .ac-bag-flyout-container .ac-get-ready-bag .ac-gn-bagview-bagitem-svgicon .ac-gn-bagview-bagitem-svgpath{fill:currentColor;}@media only screen and (max-width:1068px){#globalnav-bag .ac-bag-flyout-container{font-size:21px;line-height:1.1904761905;font-weight:600;letter-spacing:.011em;font-family:"BB Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}}#globalnav-bag .ac-gn-flyout-scroll-container{background:var(--sk-body-background-color);color:var(--sk-body-text-color);}:root{--sk-focus-color:#0071e3;--sk-focus-color-alt:rgb(0,0,0);--sk-focus-offset:1px;--sk-focus-offset-container:3px;}#globalnav:not([dir=rtl]){--r-sk-start:left;--r-sk-end:right;--r-sk-safe-area-inset-start:env(safe-area-inset-left);--r-sk-safe-area-inset-end:env(safe-area-inset-right);--r-sk-logical-factor:1;}#globalnav[dir=rtl]{--r-sk-start:right;--r-sk-end:left;--r-sk-safe-area-inset-start:env(safe-area-inset-right);--r-sk-safe-area-inset-end:env(safe-area-inset-left);--r-sk-logical-factor:-1;}.justify-content-start{justify-content:flex-start;}.justify-content-end{justify-content:flex-end;}.justify-content-center{justify-content:center;}.justify-content-spacebetween{justify-content:space-between;}.justify-content-spacearound{justify-content:space-around;}.justify-content-spaceevenly{justify-content:space-evenly;}.align-items-start{align-items:flex-start;}.align-items-center{align-items:center;}.align-items-end{align-items:flex-end;}.align-self-start{align-self:flex-start;}.align-self-center{align-self:center;}.align-self-end{align-self:flex-end;}.large-justify-content-start{justify-content:flex-start;}.large-justify-content-end{justify-content:flex-end;}.large-justify-content-center{justify-content:center;}.large-justify-content-spacebetween{justify-content:space-between;}.large-justify-content-spacearound{justify-content:space-around;}.large-justify-content-spaceevenly{justify-content:space-evenly;}.large-align-items-start{align-items:flex-start;}.large-align-items-center{align-items:center;}.large-align-items-end{align-items:flex-end;}.large-align-self-start{align-self:flex-start;}.large-align-self-center{align-self:center;}.large-align-self-end{align-self:flex-end;}@media (min-width:1441px){.xlarge-justify-content-start{justify-content:flex-start;}.xlarge-justify-content-end{justify-content:flex-end;}.xlarge-justify-content-center{justify-content:center;}.xlarge-justify-content-spacebetween{justify-content:space-between;}.xlarge-justify-content-spacearound{justify-content:space-around;}.xlarge-justify-content-spaceevenly{justify-content:space-evenly;}.xlarge-align-items-start{align-items:flex-start;}.xlarge-align-items-center{align-items:center;}.xlarge-align-items-end{align-items:flex-end;}.xlarge-align-self-start{align-self:flex-start;}.xlarge-align-self-center{align-self:center;}.xlarge-align-self-end{align-self:flex-end;}}@media (max-width:1068px){.medium-justify-content-start{justify-content:flex-start;}.medium-justify-content-end{justify-content:flex-end;}.medium-justify-content-center{justify-content:center;}.medium-justify-content-spacebetween{justify-content:space-between;}.medium-justify-content-spacearound{justify-content:space-around;}.medium-justify-content-spaceevenly{justify-content:space-evenly;}.medium-align-items-start{align-items:flex-start;}.medium-align-items-center{align-items:center;}.medium-align-items-end{align-items:flex-end;}.medium-align-self-start{align-self:flex-start;}.medium-align-self-center{align-self:center;}.medium-align-self-end{align-self:flex-end;}}@media (max-width:734px){.small-justify-content-start{justify-content:flex-start;}.small-justify-content-end{justify-content:flex-end;}.small-justify-content-center{justify-content:center;}.small-justify-content-spacebetween{justify-content:space-between;}.small-justify-content-spacearound{justify-content:space-around;}.small-justify-content-spaceevenly{justify-content:space-evenly;}.small-align-items-start{align-items:flex-start;}.small-align-items-center{align-items:center;}.small-align-items-end{align-items:flex-end;}.small-align-self-start{align-self:flex-start;}.small-align-self-center{align-self:center;}.small-align-self-end{align-self:flex-end;}}.selfclear:before,.selfclear:after{content:" ";display:table;}.selfclear:after{clear:both;}.visuallyhidden{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0;}@media (inverted-colors){.no-inversion{filter:invert(1);}}.nowrap{display:inline-block;text-decoration:inherit;white-space:nowrap;}.clear{clear:both;}.cursor-grab{cursor:move;cursor:grab;}.cursor-grabbing{cursor:move;cursor:grabbing;}@media print{#globalheader{display:none;}}html{--r-globalnav-height:44px;--r-globalmessage-segment-height:0px;--r-globalnav-segmentbar-height:0px;}html.globalmessage-segment-visible{--r-globalmessage-segment-height:40px;--r-globalnav-segmentbar-height:40px;}@media (max-width:833px){html{--r-globalnav-height:48px;}html.globalmessage-segment-visible{--r-globalmessage-segment-height:44px;--r-globalnav-segmentbar-height:44px;}}html:not([dir=rtl]) #globalheader{--r-globalheader-start:var(--r-sk-start,left);--r-globalheader-end:var(--r-sk-end,right);--r-globalheader-safe-area-inset-start:var(--r-sk-safe-area-inset-start,env(safe-area-inset-left));--r-globalheader-safe-area-inset-end:var(--r-sk-safe-area-inset-end,env(safe-area-inset-right));}html[dir=rtl] #globalheader{--r-globalheader-start:var(--r-sk-start,right);--r-globalheader-end:var(--r-sk-end,left);--r-globalheader-safe-area-inset-start:var(--r-sk-safe-area-inset-start,env(safe-area-inset-right));--r-globalheader-safe-area-inset-end:var(--r-sk-safe-area-inset-end,env(safe-area-inset-left));}@media (min-width:834px){#globalnav .globalnav-link{font-size:14px;}}#globalnav.globalnav-with-flyout-open .globalnav-content,#globalnav.globalnav-with-flyout-open .globalnav-flyout-scroll-container,#ac-ln-menustate:checked~#ac-localnav .ac-ln-menu-tray,#ac-ln-menustate:target~#ac-localnav .ac-ln-menu-tray{-ms-overflow-style:none;scrollbar-width:none;}#globalnav.globalnav-with-flyout-open .globalnav-content::-webkit-scrollbar,#globalnav.globalnav-with-flyout-open .globalnav-flyout-scroll-container::-webkit-scrollbar,#ac-ln-menustate:checked~#ac-localnav .ac-ln-menu-tray::-webkit-scrollbar,#ac-ln-menustate:target~#ac-localnav .ac-ln-menu-tray::-webkit-scrollbar{width:0;height:0;display:none;}


/* ===== Original: globalnav-integrations.css ===== */
/* Cleaned build: exact duplicate rules removed; priority overrides use normal cascade only. */
:root {
    --bb-wp-adminbar-offset: 0px;
}

@media (min-width:834px) {
    #globalnav .globalnav-item-menu .globalnav-link-text {
        position: static;
        clip: auto;
        clip-path: none;
        overflow: visible;
        width: auto;
        height: 100%;
        padding: 0;
        border: 0;
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-family: "BB Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    }
}

#globalnav .globalnav-bag:not(.with-badge) .globalnav-bag-badge,
#globalnav .globalnav-bag-badge[hidden] {
    display: none;
}

#globalnav .globalnav-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-header,
#globalnav .globalnav-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-list-item {
    animation-name: none;
    opacity: 0;
    transform: translateY(calc(var(--r-globalnav-search-shift-vertical, 4px) * -1));
    will-change: opacity, transform;
}

#globalnav .globalnav-search.globalnav-item-flyout-open .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-header,
#globalnav .globalnav-search.globalnav-item-flyout-open .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-list-item,
#globalnav #globalnav-menubutton-link-search[aria-expanded="true"]+#globalnav-submenu-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-header,
#globalnav #globalnav-menubutton-link-search[aria-expanded="true"]+#globalnav-submenu-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-list-item {
    animation-delay: calc(.2s + 20ms * var(--r-globalnav-flyout-item-number) + 40ms * var(--r-globalnav-flyout-group-number, 0) + var(--bb-quicklinks-resume-offset, 0ms));
    animation-direction: normal;
    animation-duration: .32s;
    animation-fill-mode: both;
    animation-name: globalnav-search-fade-and-slide;
    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
}

#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open, .globalnav-with-submenu-open) .globalnav-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-header,
#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open, .globalnav-with-submenu-open) .globalnav-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-list-item {
    opacity: 1;
    animation-delay: 0s;
    animation-direction: reverse;
    animation-duration: min(calc(.16s + (var(--r-globalnav-flyout-item-total, 6) - var(--r-globalnav-flyout-item-number)) * 20ms), .24s);
    animation-fill-mode: both;
    animation-name: globalnav-search-fade-and-slide-to-close;
    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
}

#globalnav .globalnav-searchresults-current .globalnav-searchresults-container[data-analytics-region="defaultlinks search"]:not([data-bb-search-quicklinks="true"]) {
    visibility: hidden;
    opacity: 0;
}

#globalnav .globalnav-searchresults-current [data-bb-search-quicklinks="true"][data-bb-search-quicklinks-no-replay="true"] .globalnav-searchresults-header,
#globalnav .globalnav-searchresults-current [data-bb-search-quicklinks="true"][data-bb-search-quicklinks-no-replay="true"] .globalnav-searchresults-list-item {
    animation: none;
    opacity: 1;
    transform: none;
    will-change: auto;
}

#globalnav .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-list-link {
    transition: color 20ms cubic-bezier(.4, 0, .6, 1), background-color 20ms cubic-bezier(.4, 0, .6, 1), fill 20ms cubic-bezier(.4, 0, .6, 1);
}

#globalnav .globalnav-searchresults-previous .globalnav-searchresults-container[data-analytics-region="defaultlinks search"],
#globalnav .globalnav-searchresults-previous [data-bb-search-quicklinks="true"] {
    display: none;
}

@media (prefers-reduced-motion:reduce) {

    #globalnav .globalnav-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-header,
    #globalnav .globalnav-search .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-list-item {
        animation: none;
        opacity: 1;
        transform: none;
        will-change: auto;
    }
}

#globalnav [data-bb-search-live="true"] .globalnav-searchresults-list-item {
    animation-duration: .32s;
    animation-fill-mode: both;
    animation-name: globalnav-search-fade-and-slide;
    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
    animation-delay: calc(40ms + 20ms * var(--r-globalnav-flyout-item-number));
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-item {
    margin-top: 2px;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-item:first-child {
    margin-top: 4px;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link {
    box-sizing: border-box;
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 6px 10px 6px 6px;
    border-radius: 12px;
    overflow: hidden;
    background: transparent;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-image-wrap {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9px;
    background: rgba(0, 0, 0, .035);
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 0;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-copy {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1px;
    overflow: hidden;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-name,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-price {
    display: block;
    max-width: 100%;
    font-size: 17px;
    line-height: 1.2353641176;
    letter-spacing: -.022em;
    font-family: "BB Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: var(--r-globalnav-search-list-item-searchterm-color);
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-price {
    white-space: nowrap;
    font-weight: 400;
    color: var(--r-globalnav-search-list-item-nonsearchterm-color);
    font-variant-numeric: tabular-nums;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:hover,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:focus-visible,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link.globalnav-searchresults-hover {
    background-color: var(--r-globalnav-search-list-item-hover-background);
    color: var(--r-globalnav-search-list-item-hover-color);
    text-decoration: none;
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:hover .bb-wp-search-product-name,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:hover .bb-wp-search-product-price,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:focus-visible .bb-wp-search-product-name,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:focus-visible .bb-wp-search-product-price,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link.globalnav-searchresults-hover .bb-wp-search-product-name,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link.globalnav-searchresults-hover .bb-wp-search-product-price {
    color: var(--r-globalnav-search-list-item-hover-color);
}

#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:hover .bb-wp-search-product-image-wrap,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:focus-visible .bb-wp-search-product-image-wrap,
#globalnav [data-bb-search-live="true"] .bb-wp-search-product-link.globalnav-searchresults-hover .bb-wp-search-product-image-wrap {
    background: rgba(0, 0, 0, .055);
}

.theme-dark #globalnav [data-bb-search-live="true"] .bb-wp-search-product-image-wrap,
.globalheader-dark #globalnav [data-bb-search-live="true"] .bb-wp-search-product-image-wrap,
#globalnav.globalnav-dark [data-bb-search-live="true"] .bb-wp-search-product-image-wrap {
    background: rgba(255, 255, 255, .07);
}

.theme-dark #globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:hover .bb-wp-search-product-image-wrap,
.globalheader-dark #globalnav [data-bb-search-live="true"] .bb-wp-search-product-link:hover .bb-wp-search-product-image-wrap,
#globalnav.globalnav-dark [data-bb-search-live="true"] .bb-wp-search-product-link:hover .bb-wp-search-product-image-wrap {
    background: rgba(255, 255, 255, .1);
}

#globalnav .bb-wp-search-status.globalnav-searchresults-list-link {
    cursor: default;
    color: var(--r-globalnav-search-list-item-nonsearchterm-color);
    background: transparent;
    pointer-events: none;
}

#globalnav .bb-wp-search-status.globalnav-searchresults-list-link:hover {
    color: var(--r-globalnav-search-list-item-nonsearchterm-color);
    background: transparent;
}

@media (max-width:833px) {
    #globalnav [data-bb-search-live="true"] .bb-wp-search-product-item {
        margin-top: 3px;
    }

    #globalnav [data-bb-search-live="true"] .bb-wp-search-product-item:first-child {
        margin-top: 5px;
    }

    #globalnav [data-bb-search-live="true"] .bb-wp-search-product-link {
        min-height: 60px;
        gap: 11px;
        padding: 6px 12px 6px 7px;
        border-radius: 13px;
        line-height: normal;
    }

    #globalnav [data-bb-search-live="true"] .bb-wp-search-product-image-wrap {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        border-radius: 10px;
    }

    #globalnav [data-bb-search-live="true"] .bb-wp-search-product-name,
    #globalnav [data-bb-search-live="true"] .bb-wp-search-product-price {
        font-size: 14px;
        line-height: 1.2857142857;
        letter-spacing: -.016em;
    }
}

@media (prefers-reduced-motion:reduce) {
    #globalnav [data-bb-search-live="true"] .globalnav-searchresults-list-item {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

#globalheader[data-bb-nav-critical-mount="1"] {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 320px;
    min-height: var(--r-globalnav-height, 44px);
}

@media (max-width:833px) {
    #globalheader[data-bb-nav-critical-mount="1"] {
        min-height: 48px;
    }
}

.bb-nav-source-anchor {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0
}

.elementor-widget-shortcode:has(.bb-nav-source-anchor),
.wp-block-shortcode:has(.bb-nav-source-anchor) {
    display: none;
    margin: 0;
    padding: 0;
    min-height: 0
}

body.bb-nav-section-dark #globalnav {
    --r-globalnav-color: rgba(255, 255, 255, .8);
    --r-globalnav-color-secondary: #E8E8ED;
    --r-globalnav-color-hover: #FFFFFF;
}

body.bb-nav-section-dark #globalnav.globalnav-scrim {
    --globalnav-background: rgba(22, 22, 25, .8);
}

@supports (backdrop-filter:initial) {
    body.bb-nav-section-dark #globalnav.globalnav-scrim {
        --globalnav-background: rgba(22, 22, 25, .8);
    }
}

body.bb-nav-section-dark #globalnav .globalnav-menutrigger-button {
    color: #fff;
}


body.bb-nav-section-light #globalnav {
    --r-globalnav-color: rgba(0, 0, 0, .8);
    --r-globalnav-color-secondary: #333336;
    --r-globalnav-color-hover: #000;
}

body.bb-nav-section-light #globalnav.globalnav-scrim {
    --globalnav-background: rgba(250, 250, 252, .92);
}

@supports (backdrop-filter:initial) {
    body.bb-nav-section-light #globalnav.globalnav-scrim {
        --globalnav-background: rgba(250, 250, 252, .8);
    }
}

body.bb-nav-section-light #globalnav .globalnav-menutrigger-button {
    color: #000;
}

body.bb-nav-fixed-header-page #globalheader[data-bb-nav-critical-mount="1"],
body.bb-nav-fixed-header-page #globalheader {
    position: fixed;
    top: var(--bb-wp-adminbar-offset, 0px);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
}

body.bb-nav-transparent-start-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    transition: background-color 160ms cubic-bezier(.4, 0, .6, 1), background 160ms cubic-bezier(.4, 0, .6, 1), backdrop-filter 160ms cubic-bezier(.4, 0, .6, 1), -webkit-backdrop-filter 160ms cubic-bezier(.4, 0, .6, 1);
}

body.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav {
    --globalnav-background: rgba(250, 250, 252, 0);
    --globalnav-backdrop-filter: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-dark,
body.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav.globalheader-dark {
    --globalnav-background: rgba(22, 22, 25, 0);
}

body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-light,
body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalheader-light {
    --globalnav-background: rgba(250, 250, 252, .92);
}

body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-dark,
body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalheader-dark {
    --globalnav-background: rgba(22, 22, 25, .8);
}

@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav {
        --globalnav-backdrop-filter: saturate(180%) blur(20px);
    }

    body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-light,
    body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalheader-light {
        --globalnav-background: rgba(250, 250, 252, .8);
    }

    body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-dark,
    body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalheader-dark {
        --globalnav-background: rgba(22, 22, 25, .8);
    }
}

@media (prefers-reduced-motion:reduce) {

    body.bb-nav-transparent-start-page #globalnav,
    body.bb-nav-transparent-start-page #globalnav .globalnav-content {
        transition-duration: .01ms;
        transition-delay: 0s;
    }
}

body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    -webkit-transition-delay: 0ms, 0ms, 0ms, 0ms;
    transition-delay: 0ms, 0ms, 0ms, 0ms;
}

body.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    -webkit-transition-delay: 0ms, 0ms, 0ms, 0ms;
    transition-delay: 0ms, 0ms, 0ms, 0ms;
}

body.bb-nav-transparent-start-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-transparent-start-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body[data-bb-nav-section-mode="base"] #globalnav,
body:not([data-bb-nav-section-mode]) #globalnav {
    --r-globalnav-color: color-mix(in srgb, var(--hecu-text, #1d1d1f) 80%, transparent);
    --r-globalnav-color-secondary: var(--hecu-text-muted, #333336);
    --r-globalnav-color-hover: var(--hecu-text, #000);
    --bb-nav-surface-color: var(--section-bg, var(--hecu-section-bg, var(--hecu-bg, #f5f5f7)));
    --r-globalnav-background-opened: var(--bb-nav-surface-color);
    --r-globalnav-background-opened-dark: var(--bb-nav-surface-color);
    --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 80%, transparent);
}

body[data-bb-nav-section-mode="base"] #globalnav .globalnav-submenu-header,
body:not([data-bb-nav-section-mode]) #globalnav .globalnav-submenu-header {
    color: var(--hecu-text-muted, #6e6e73);
}

body[data-bb-nav-section-mode="base"] #globalnav:focus-visible,
body:not([data-bb-nav-section-mode]) #globalnav:focus-visible {
    --sk-focus-color: var(--hecu-focus, #0071e3);
}

body.bb-nav-has-localnav #globalheader {
    background: transparent;
}


body.bb-nav-has-localnav #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media (max-width:833px) {

    body.bb-nav-has-localnav #globalnav.globalnav-animating,
    body.bb-nav-has-localnav #globalnav.globalnav-with-flyout-open,
    body.bb-nav-has-localnav #globalnav.globalnav-with-flyout-closing {}
}

@media (max-width:833px) {
    #globalnav.globalnav-with-flyout-open .globalnav-content {
        height: calc(100vh - var(--globalnav-preceding-element-height, 0px));
        overflow-x: hidden;
        overflow-y: scroll;
        transition-delay: 0ms;
    }

    @supports (height:100dvh) {
        #globalnav.globalnav-with-flyout-open .globalnav-content {
            height: calc(100dvh - var(--globalnav-preceding-element-height, 0px));
        }
    }

    #globalnav.globalnav-with-flyout-open.globalnav-dark .globalnav-content,
    #globalnav.globalnav-with-flyout-open.globalheader-dark .globalnav-content,
    .globalheader-dark #globalnav.globalnav-with-flyout-open .globalnav-content,
    .theme-dark #globalnav.globalnav-with-flyout-open:not(.globalnav-light):not(.globalheader-light) .globalnav-content {
        background: #161617;
    }

    #globalnav.globalnav-with-flyout-open.globalnav-light .globalnav-content,
    #globalnav.globalnav-with-flyout-open.globalheader-light .globalnav-content,
    .globalheader-dark #globalnav.globalnav-with-flyout-open.globalnav-light .globalnav-content,
    .theme-dark #globalnav.globalnav-with-flyout-open.globalnav-light .globalnav-content,
    .globalheader-dark #globalnav.globalnav-with-flyout-open.globalheader-light .globalnav-content,
    .theme-dark #globalnav.globalnav-with-flyout-open.globalheader-light .globalnav-content,
    .globalheader-light #globalnav.globalnav-with-flyout-open .globalnav-content,
    .theme-light #globalnav.globalnav-with-flyout-open .globalnav-content {
        background: #fafafc;
    }

    #globalnav.globalnav-with-flyout-open.globalnav-animating:not(.globalnav-with-flyout-closing) .globalnav-content,
    #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open, .globalnav-with-submenu-open) .globalnav-content {
        -webkit-backdrop-filter: var(--globalnav-backdrop-filter);
        backdrop-filter: var(--globalnav-backdrop-filter);
    }
}

@media (max-width:833px) {
    body.bb-nav-has-localnav #globalnav.globalnav-with-flyout-closing .globalnav-content {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        -webkit-transition: height var(--r-globalnav-flyout-rate) cubic-bezier(.4, 0, .6, 1) 80ms, background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
        transition: height var(--r-globalnav-flyout-rate) cubic-bezier(.4, 0, .6, 1) 80ms, background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
    }
}

@media (max-width:833px) {

    #globalnav .globalnav-link-apple,
    #globalnav #globalnav-menubutton-link-search,
    #globalnav #globalnav-menubutton-link-bag {
        transition: opacity .24s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .24s step-start 80ms, color .32s cubic-bezier(.4, 0, .6, 1);
    }

    #globalnav.globalnav-with-flyout-open .globalnav-link-apple,
    #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-search,
    #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-bag {
        transition: opacity .24s cubic-bezier(.4, 0, .6, 1), visibility .24s step-end, color .32s cubic-bezier(.4, 0, .6, 1);
    }

    #globalnav .globalnav-link-apple svg,
    #globalnav #globalnav-menubutton-link-search svg,
    #globalnav #globalnav-menubutton-link-bag svg {
        fill: currentColor;
    }
}

body.bb-nav-transparent-after-scroll-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-transparent-after-scroll-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    transition: background-color .5s cubic-bezier(.4, 0, .6, 1) .5s, background .5s cubic-bezier(.4, 0, .6, 1) .5s, backdrop-filter .5s cubic-bezier(.4, 0, .6, 1) .5s, -webkit-backdrop-filter .5s cubic-bezier(.4, 0, .6, 1) .5s;
}

body.bb-nav-transparent-after-scroll-page.bb-nav-has-scrolled #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-transparent-after-scroll-page.bb-nav-has-scrolled #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    transition: none;
}

body.bb-nav-transparent-after-scroll-page.bb-nav-has-scrolled #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media (max-width:833px) {
    body.bb-nav-transparent-after-scroll-page.bb-nav-has-scrolled #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (prefers-reduced-motion:reduce) {

    body.bb-nav-transparent-after-scroll-page #globalnav,
    body.bb-nav-transparent-after-scroll-page #globalnav .globalnav-content {
        transition-duration: .01ms;
        transition-delay: 0s;
    }
}

body.bb-nav-always-transparent-header-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-always-transparent-header-page #globalnav.globalnav-light:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-always-transparent-header-page #globalnav.globalnav-dark:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-always-transparent-header-page #globalnav.globalheader-light:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-always-transparent-header-page #globalnav.globalheader-dark:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media (max-width:833px) {
    body.bb-nav-always-transparent-header-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (max-width:833px) {
    #globalnav .globalnav-item-menu .globalnav-link {
        color: #1d1d1f;
        width: auto;
    }

    #globalnav.globalnav-dark .globalnav-item-menu .globalnav-link,
    .globalheader-dark #globalnav .globalnav-item-menu .globalnav-link,
    .theme-dark #globalnav .globalnav-item-menu .globalnav-link {
        color: #f5f5f7;
    }

    #globalnav.globalnav-light .globalnav-item-menu .globalnav-link,
    .globalheader-light #globalnav .globalnav-item-menu .globalnav-link,
    .theme-light #globalnav .globalnav-item-menu .globalnav-link {
        color: #1d1d1f;
    }
}

@media (max-width:833px) {
    #globalnav .globalnav-item-menu .globalnav-link:hover {
        color: #000;
    }

    #globalnav.globalnav-dark .globalnav-item-menu .globalnav-link:hover,
    .globalheader-dark #globalnav .globalnav-item-menu .globalnav-link:hover,
    .theme-dark #globalnav .globalnav-item-menu .globalnav-link:hover {
        color: #fff;
    }

    #globalnav.globalnav-light .globalnav-item-menu .globalnav-link:hover,
    .globalheader-light #globalnav .globalnav-item-menu .globalnav-link:hover,
    .theme-light #globalnav .globalnav-item-menu .globalnav-link:hover {
        color: #000;
    }
}

@media (max-width:833px) {
    #globalnav .globalnav-menutrigger-button {
        color: var(--r-globalnav-color);
    }

    #globalnav .globalnav-menutrigger-button:hover,
    #globalnav .globalnav-menutrigger-button:focus-visible {
        color: var(--r-globalnav-color-hover);
    }
}

body.bb-nav-always-transparent-header-page #globalheader,
body.bb-nav-always-transparent-header-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-always-transparent-header-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}



body[data-bb-nav-section-mode]:not([data-bb-nav-section-mode="base"]).bb-nav-section-dark #globalheader,
body[data-bb-nav-section-mode]:not([data-bb-nav-section-mode="base"]).bb-nav-section-light #globalheader {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-has-localnav[data-bb-nav-section-mode]:not([data-bb-nav-section-mode="base"]) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-has-localnav[data-bb-nav-section-mode]:not([data-bb-nav-section-mode="base"]) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-has-localnav[data-bb-nav-section-mode]:not([data-bb-nav-section-mode="base"]).bb-nav-section-dark #ac-localnav {
    --localnav-background: rgba(22, 22, 25, .8);
    --localnav-background-stuck: rgba(22, 22, 25, .8);
}

body.bb-nav-has-localnav[data-bb-nav-section-mode]:not([data-bb-nav-section-mode="base"]).bb-nav-section-light #ac-localnav {
    --localnav-background: rgba(250, 250, 252, .8);
    --localnav-background-stuck: rgba(250, 250, 252, .8);
}

body.bb-nav-has-localnav[data-bb-nav-section-mode]:not([data-bb-nav-section-mode="base"]) #ac-localnav .ac-ln-background {
    margin-top: calc(-1 * var(--r-globalnav-height, 0px));
    padding-top: var(--r-globalnav-height, 0px);
    background: var(--localnav-background);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    transition: background 160ms cubic-bezier(.4, 0, .6, 1), backdrop-filter 160ms cubic-bezier(.4, 0, .6, 1), -webkit-backdrop-filter 160ms cubic-bezier(.4, 0, .6, 1);
}

body.bb-nav-always-transparent-header-page #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}


body.bb-nav-always-transparent-header-page.bb-nav-has-localnav #ac-localnav .ac-ln-background {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body #globalnav.globalnav-light,
body #globalnav.globalheader-light {
    --r-globalnav-color: rgba(0, 0, 0, .8);
    --r-globalnav-color-secondary: #333336;
    --r-globalnav-color-hover: #000;
    --r-globalnav-background-opened: #fafafc;
    --r-globalnav-background-opened-dark: #fafafc;
    --bb-nav-surface-color: #fafafc;
}

body #globalnav.globalnav-dark,
body #globalnav.globalheader-dark {
    --r-globalnav-color: rgba(255, 255, 255, .8);
    --r-globalnav-color-secondary: #e8e8ed;
    --r-globalnav-color-hover: #fff;
    --r-globalnav-background-opened: #161617;
    --r-globalnav-background-opened-dark: #161617;
    --bb-nav-surface-color: rgba(22, 22, 25, .8);
}

body #globalnav.globalnav-light .globalnav-submenu-header,
body #globalnav.globalheader-light .globalnav-submenu-header {
    color: #6e6e73;
}

body #globalnav.globalnav-dark .globalnav-submenu-header,
body #globalnav.globalheader-dark .globalnav-submenu-header {
    color: #a1a1a6;
}

body #globalnav.globalnav-dark,
body #globalnav.globalheader-dark {
    --bb-nav-surface-color: rgba(22, 22, 25, .8);
}

body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-dark:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalheader-dark:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: var(--bb-nav-surface-color);
    background: var(--bb-nav-surface-color);
}

body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-dark:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalheader-dark:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.page-bb.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-dark:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: rgba(22, 22, 25, .8);
    background: rgba(22, 22, 25, .8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalnav-light:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-transparent-start-page.bb-nav-has-scrolled #globalnav.globalheader-light:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: rgba(250, 250, 252, .8);
    background: rgba(250, 250, 252, .8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

body.bb-nav-has-localnav #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media (max-width:833px) {

    body #globalnav.globalnav-light.globalnav-with-flyout-open .globalnav-content,
    body #globalnav.globalheader-light.globalnav-with-flyout-open .globalnav-content,
    body #globalnav.globalnav-light.globalnav-with-menu-open .globalnav-content,
    body #globalnav.globalheader-light.globalnav-with-menu-open .globalnav-content {
        background: #fafafc;
    }

    body #globalnav.globalnav-dark.globalnav-with-flyout-open .globalnav-content,
    body #globalnav.globalheader-dark.globalnav-with-flyout-open .globalnav-content,
    body #globalnav.globalnav-dark.globalnav-with-menu-open .globalnav-content,
    body #globalnav.globalheader-dark.globalnav-with-menu-open .globalnav-content {
        background: #161617;
    }

    body.bb-nav-has-localnav #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

body.bb-nav-global-only-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: var(--globalnav-background);
    -webkit-backdrop-filter: var(--globalnav-backdrop-filter);
    backdrop-filter: var(--globalnav-backdrop-filter);
}

body.bb-nav-global-only-page[data-bb-nav-section-mode="base"] #globalnav,
body.bb-nav-global-only-page:not([data-bb-nav-section-mode]) #globalnav {
    --bb-nav-surface-color: var(--section-bg, var(--hecu-section-bg, var(--hecu-bg, #f5f5f7)));
    --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 92%, transparent);
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
    body.bb-nav-global-only-page #globalnav {
        --globalnav-backdrop-filter: saturate(180%) blur(20px);
    }

    body.bb-nav-global-only-page[data-bb-nav-section-mode="base"] #globalnav,
    body.bb-nav-global-only-page:not([data-bb-nav-section-mode]) #globalnav {
        --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 80%, transparent);
    }
}

@media (max-width:833px) {
    body.bb-nav-global-only-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
        background: none;
        -webkit-backdrop-filter: var(--globalnav-backdrop-filter);
        backdrop-filter: var(--globalnav-backdrop-filter);
    }

    body.bb-nav-global-only-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
        background: var(--globalnav-background);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
    @media (max-width:833px) {

        body.bb-nav-tp-page.bb-nav-global-only-page:not(.bb-nav-has-scrolled)[data-bb-nav-section-mode="base"] #globalnav,
        body.bb-nav-tp-page.bb-nav-global-only-page:not(.bb-nav-has-scrolled):not([data-bb-nav-section-mode]) #globalnav {
            --globalnav-background: color-mix(in srgb, #8b0 80%, transparent);
        }
    }
}

@media (prefers-reduced-motion:reduce) {
    body.bb-nav-global-only-page #globalnav .globalnav-content {
        transition-duration: .01ms;
        transition-delay: 0s;
    }
}

body.bb-nav-about-transition-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-bb-transition-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
body.bb-nav-reverse-transition-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    transition: background-color 480ms cubic-bezier(.4, 0, .6, 1) 80ms, background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
}

body.bb-nav-about-transition-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content,
body.bb-nav-bb-transition-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content,
body.bb-nav-reverse-transition-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    transition: background-color 480ms cubic-bezier(.4, 0, .6, 1) 80ms, background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
}

body.bb-nav-about-transition-page.bb-nav-has-localnav #ac-localnav .ac-ln-background,
body.bb-nav-bb-transition-page.bb-nav-has-localnav #ac-localnav .ac-ln-background,
body.bb-nav-reverse-transition-page.bb-nav-has-localnav #ac-localnav .ac-ln-background {
    -webkit-transition: background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
    transition: background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
}

@media (prefers-reduced-motion:reduce) {

    body.bb-nav-about-transition-page #globalnav,
    body.bb-nav-about-transition-page #globalnav .globalnav-content,
    body.bb-nav-about-transition-page.bb-nav-has-localnav #ac-localnav .ac-ln-background,
    body.bb-nav-bb-transition-page #globalnav,
    body.bb-nav-bb-transition-page #globalnav .globalnav-content,
    body.bb-nav-bb-transition-page.bb-nav-has-localnav #ac-localnav .ac-ln-background,
    body.bb-nav-reverse-transition-page #globalnav,
    body.bb-nav-reverse-transition-page #globalnav .globalnav-content,
    body.bb-nav-reverse-transition-page.bb-nav-has-localnav #ac-localnav .ac-ln-background {
        transition-duration: .01ms;
        transition-delay: 0s;
    }
}

body.bb-nav-always-transparent-header-page #globalheader,
body.bb-nav-always-transparent-header-page #globalnav,
body.bb-nav-always-transparent-header-page #globalnav .globalnav-content {
    --globalnav-background: transparent;
    --globalnav-background-opened: transparent;
    --globalnav-background-opened-dark: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-always-transparent-header-page.bb-nav-has-localnav #ac-localnav {
    --localnav-background: transparent;
    --localnav-background-stuck: transparent;
}

body.bb-nav-always-transparent-header-page.bb-nav-has-localnav #ac-localnav .ac-ln-background,
body.bb-nav-always-transparent-header-page.bb-nav-has-localnav #ac-localnav.ac-localnav-scrim .ac-ln-background,
body.bb-nav-always-transparent-header-page.bb-nav-has-localnav #ac-localnav.ac-ln-sticking .ac-ln-background {
    background: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media (max-width:833px) {

    html[data-hecu-resolved="dark"] #globalnav #globalnav-menutrigger-button,
    body[data-hecu-resolved="dark"] #globalnav #globalnav-menutrigger-button {
        color: #fff;
    }

    html[data-hecu-resolved="light"] #globalnav #globalnav-menutrigger-button,
    body[data-hecu-resolved="light"] #globalnav #globalnav-menutrigger-button {
        color: #000;
    }

    #globalnav #globalnav-menutrigger-button {
        transition: opacity .32s cubic-bezier(.4, 0, .6, 1);
    }

    body.bb-nav-theme-ready #globalnav #globalnav-menutrigger-button {
        transition: opacity .32s cubic-bezier(.4, 0, .6, 1), color .32s cubic-bezier(.4, 0, .6, 1);
    }
}

body.bb-nav-force-dark-header-page #globalheader,
body.bb-nav-force-dark-header-page #globalnav,
body.bb-nav-force-dark-header-page #globalnav.globalnav-light,
body.bb-nav-force-dark-header-page #globalnav.globalheader-light,
body.bb-nav-force-dark-header-page #globalnav.globalnav-dark,
body.bb-nav-force-dark-header-page #globalnav.globalheader-dark {
    --r-globalnav-color: rgba(255, 255, 255, .8);
    --r-globalnav-color-secondary: #e8e8ed;
    --r-globalnav-color-hover: #fff;
    --r-globalnav-background-opened: #161617;
    --r-globalnav-background-opened-dark: #161617;
    --bb-nav-surface-color: rgba(22, 22, 25, .8);
    --globalnav-background: rgba(22, 22, 25, .8);
    --globalnav-backdrop-filter: saturate(180%) blur(20px);
    color-scheme: dark;
}

body.bb-nav-force-dark-header-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: rgba(22, 22, 25, .8);
    background-color: rgba(22, 22, 25, .8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

body.bb-nav-force-dark-header-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    background: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-force-dark-header-page #globalnav .globalnav-menutrigger-button {
    color: #fff;
}

body.bb-nav-force-dark-header-page #globalnav.globalnav-with-flyout-open .globalnav-content,
body.bb-nav-force-dark-header-page #globalnav.globalnav-with-menu-open .globalnav-content,
body.bb-nav-force-dark-header-page #globalnav.globalnav-with-submenu-open .globalnav-content {
    background: #161617;
    background-color: #161617;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-photography-reverse-surface-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: rgba(22, 22, 25, .8);
    background-color: rgba(22, 22, 25, .8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-transition: background .5s cubic-bezier(.4, 0, .6, 1) .5s, background-color .5s cubic-bezier(.4, 0, .6, 1) .5s, -webkit-backdrop-filter .5s cubic-bezier(.4, 0, .6, 1) .5s;
    transition: background .5s cubic-bezier(.4, 0, .6, 1) .5s, background-color .5s cubic-bezier(.4, 0, .6, 1) .5s, backdrop-filter .5s cubic-bezier(.4, 0, .6, 1) .5s;
}

body.bb-nav-photography-reverse-surface-page.bb-nav-has-scrolled #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-transition: none;
    transition: none;
}

body.bb-nav-photography-reverse-surface-page #globalnav .globalnav-content {
    background: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.bb-nav-has-localnav.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    --globalnav-background: transparent;
    --globalnav-backdrop-filter: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: background-color 480ms cubic-bezier(.4, 0, .6, 1) 80ms, background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms, backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
}

body.bb-nav-has-localnav.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    background: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: background-color 480ms cubic-bezier(.4, 0, .6, 1) 80ms, background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms, backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
}

@media (max-width:833px) {
    body.bb-nav-has-localnav.bb-nav-transparent-start-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
        transition: height var(--r-globalnav-flyout-rate) cubic-bezier(.4, 0, .6, 1) 80ms, background-color 480ms cubic-bezier(.4, 0, .6, 1) 80ms, background 480ms cubic-bezier(.4, 0, .6, 1) 80ms, -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms, backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1) 80ms;
    }
}

html.bb-nav-safari-bag-lock #globalnav .globalnav-link-bag {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
}

html.bb-nav-safari-bag-lock #globalnav .globalnav-bag.with-badge {
    padding-inline-start: 0;
    -webkit-transition: none;
    transition: none;
}

html.bb-nav-safari-bag-lock #globalnav .globalnav-bag-badge {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
}

/* BB Global Header first-paint state styles (merged from bbc/css/global-header.css). */
/* BB Global Header state / first-paint styles.
* Moved from inline PHP to a cacheable linked stylesheet.
*/

html.bb-nav-store-first-paint-dark body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav,
html.bb-nav-store-first-paint-dark body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav.ac-localnav-light,
html.bb-nav-store-first-paint-dark body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav.ac-localnav-dark {
    --localnav-background: var(--r-globalnav-background-opened-dark, #161617);
    --localnav-background-stuck: var(--r-globalnav-background-opened-dark, #161617);
    --localnav-keyline-color: rgba(255, 255, 255, .24);
    --localnav-focus-color-alt: #fff;
    color-scheme: dark;
}

html.bb-nav-store-first-paint-dark body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav .ac-ln-background {
    background: var(--r-globalnav-background-opened-dark, #161617);
    background-color: var(--r-globalnav-background-opened-dark, #161617);
}

html.bb-nav-store-first-paint-light body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav,
html.bb-nav-store-first-paint-light body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav.ac-localnav-light,
html.bb-nav-store-first-paint-light body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav.ac-localnav-dark {
    --localnav-background: var(--r-globalnav-background-opened, #fafafc);
    --localnav-background-stuck: var(--r-globalnav-background-opened, #fafafc);
    color-scheme: light;
}

html.bb-nav-store-first-paint-light body.bb-nav-profile-store.bb-nav-has-localnav #ac-localnav .ac-ln-background {
    background: var(--r-globalnav-background-opened, #fafafc);
    background-color: var(--r-globalnav-background-opened, #fafafc);
}

html.bb-nav-force-dark-first-paint #globalheader,
html.bb-nav-force-dark-first-paint #globalnav,
html.bb-nav-force-dark-first-paint #globalnav .globalnav-content {
    --r-globalnav-color: rgba(255, 255, 255, .8);
    --r-globalnav-color-secondary: #e8e8ed;
    --r-globalnav-color-hover: #fff;
    --r-globalnav-background-opened: #161617;
    --r-globalnav-background-opened-dark: #161617;
    --bb-nav-surface-color: rgba(22, 22, 25, .8);
    --globalnav-background: rgba(22, 22, 25, .8);
    --globalnav-backdrop-filter: saturate(180%) blur(20px);
    color-scheme: dark;
}

html.bb-nav-force-dark-first-paint #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: var(--r-globalnav-background-opened-dark, #161617);
    background-color: var(--r-globalnav-background-opened-dark, #161617);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

html.bb-nav-force-dark-first-paint #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
    background: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.bb-nav-force-dark-first-paint #globalnav .globalnav-menutrigger-button {
    color: #fff;
}

html.bb-nav-force-dark-first-paint #ac-localnav,
html.bb-nav-force-dark-first-paint #ac-localnav.ac-localnav-light,
html.bb-nav-force-dark-first-paint #ac-localnav.ac-localnav-dark {
    --bb-nav-surface-color: rgba(22, 22, 25, .8);
    --localnav-background: var(--r-globalnav-background-opened-dark, #161617);
    --localnav-background-stuck: var(--r-globalnav-background-opened-dark, #161617);
    --localnav-keyline-color: rgba(255, 255, 255, .24);
    --localnav-focus-color-alt: #fff;
    color-scheme: dark;
}

html.bb-nav-force-dark-first-paint #ac-localnav .ac-ln-background {
    background: var(--r-globalnav-background-opened-dark, #161617);
    background-color: var(--r-globalnav-background-opened-dark, #161617);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

body.bb-nav-aa-page.bb-nav-global-only-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: var(--globalnav-background-bb, #8b0);
}

body.bb-nav-test-page.bb-nav-global-only-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: var(--globalnav-background-bb, #8b0);
}

body.bb-nav-test-page #globalnav {
    --r-globalnav-color: rgba(255, 255, 255, .8);
}

body.bb-nav-test-page .globalnav-bag-badge {
    --globalnav-badge-background: rgb(255, 255, 255);
    --globalnav-badge-text-color: rgb(0, 0, 0);
}

body.bb-nav-test-page #globalnav #globalnav-menutrigger-button,
html[data-hecu-resolved="light"] body.bb-nav-test-page #globalnav #globalnav-menutrigger-button,
body.bb-nav-test-page[data-hecu-resolved="light"] #globalnav #globalnav-menutrigger-button {
    color: #fff;
}

body.bb-nav-tp-page.bb-nav-global-only-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    background: var(--globalnav-background-bb, #8b0);
}

body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav {
    --r-globalnav-color: rgba(255, 255, 255, .8);
    --r-globalnav-color-hover: #fff;
}

body.bb-nav-tp-page:not(.bb-nav-has-scrolled) .globalnav-bag-badge {
    --globalnav-badge-background: rgb(255, 255, 255);
    --globalnav-badge-text-color: rgb(0, 0, 0);
}

body.bb-nav-tp-page.bb-nav-has-scrolled .globalnav-bag-badge {
    --globalnav-badge-background: rgb(0, 0, 0);
    --globalnav-badge-text-color: rgb(255, 255, 255);
}

body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menutrigger-button,
html[data-hecu-resolved="light"] body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menutrigger-button,
body.bb-nav-tp-page[data-hecu-resolved="light"]:not(.bb-nav-has-scrolled) #globalnav #globalnav-menutrigger-button {
    color: #fff;
}

/* /tp/: menu trigger follows flyout/menu open state independently of scroll + hover. */
body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menutrigger-button {
    transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button,
html[data-hecu-resolved="light"] body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
html[data-hecu-resolved="light"] body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
html[data-hecu-resolved="light"] body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button,
body.bb-nav-tp-page[data-hecu-resolved="light"]:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
body.bb-nav-tp-page[data-hecu-resolved="light"]:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
body.bb-nav-tp-page[data-hecu-resolved="light"]:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button {
    color: #000;
    transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

/* /tp/: scroll-color animation is isolated from hover animation by JS classes. */
body.bb-nav-tp-page #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    transition: background-color 480ms cubic-bezier(.4, 0, .6, 1),
        background 480ms cubic-bezier(.4, 0, .6, 1),
        backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1),
        -webkit-backdrop-filter 480ms cubic-bezier(.4, 0, .6, 1);
}

body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
    transition-delay: 80ms;
}

/* Foreground gets the long transition only while JS is changing scroll state. */
body.bb-nav-tp-page.bb-nav-tp-scroll-transition #globalnav .globalnav-link,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition #globalnav .globalnav-link-apple,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition #globalnav #globalnav-menubutton-link-search,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition #globalnav #globalnav-menubutton-link-bag,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition #globalnav #globalnav-menutrigger-button {
    transition-property: color;
    transition-duration: 480ms;
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
    transition-delay: 0ms;
}

body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top #globalnav .globalnav-link,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top #globalnav .globalnav-link-apple,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top #globalnav #globalnav-menubutton-link-search,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top #globalnav #globalnav-menubutton-link-bag,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top #globalnav #globalnav-menutrigger-button {
    transition-delay: 80ms;
}

/* Hover is always independent and fast, even during a scroll-color animation. */
body.bb-nav-tp-page #globalnav .globalnav-link:hover,
body.bb-nav-tp-page #globalnav .globalnav-link-apple:hover,
body.bb-nav-tp-page #globalnav #globalnav-menubutton-link-search:hover,
body.bb-nav-tp-page #globalnav #globalnav-menubutton-link-bag:hover,
body.bb-nav-tp-page #globalnav #globalnav-menutrigger-button:hover {
    transition: color 20ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

/* Badge reverses with the same scroll timing, including its visible pill layers. */
body.bb-nav-tp-page.bb-nav-tp-scroll-transition .globalnav-bag-badge {
    transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

body.bb-nav-tp-page.bb-nav-tp-scroll-transition .globalnav-bag-badge::before,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition .globalnav-bag-badge::after,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition .globalnav-bag-badge-separator {
    transition-property: background-color;
    transition-duration: 480ms;
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
    transition-delay: 0ms;
}

body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top .globalnav-bag-badge {
    transition-delay: 80ms;
}

body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top .globalnav-bag-badge::before,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top .globalnav-bag-badge::after,
body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top .globalnav-bag-badge-separator {
    transition-delay: 80ms;
}

@media (prefers-reduced-motion: reduce) {

    body.bb-nav-tp-page #globalnav,
    body.bb-nav-tp-page #globalnav .globalnav-link,
    body.bb-nav-tp-page #globalnav .globalnav-link-apple,
    body.bb-nav-tp-page #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-tp-page #globalnav #globalnav-menubutton-link-bag,
    body.bb-nav-tp-page #globalnav #globalnav-menutrigger-button,
    body.bb-nav-tp-page .globalnav-bag-badge,
    body.bb-nav-tp-page .globalnav-bag-badge::before,
    body.bb-nav-tp-page .globalnav-bag-badge::after,
    body.bb-nav-tp-page .globalnav-bag-badge-separator {
        transition-duration: .01ms;
        transition-delay: 0s;
    }
}



/* /tp/: flyout surface uses one color channel only, preventing shorthand/background conflicts. */
@media (min-width:834px) {
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav {
        --r-globalnav-background-opened: #fafafc;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-submenu {
        background-image: none;
        background-color: #8b0;
        transition-property: height, visibility, background-color;
        transition-duration: var(--r-globalnav-flyout-rate), var(--r-globalnav-flyout-rate), 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), step-end, cubic-bezier(.4, 0, .6, 1);
        transition-delay: 120ms, 120ms, 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-item.globalnav-item-flyout-change-next .globalnav-submenu,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-item.globalnav-item-flyout-change-previous .globalnav-submenu {
        background-image: none;
        background-color: #fafafc;
        transition-property: height, visibility, background-color;
        transition-duration: var(--r-globalnav-flyout-rate), var(--r-globalnav-flyout-rate), 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), step-start, cubic-bezier(.4, 0, .6, 1);
        transition-delay: 0ms;
    }
}

@media (max-width:833px) {
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav {
        --r-globalnav-background-opened: #fafafc;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-content {
        background-image: none;
        background-color: #8b0;
        transition-property: height, background-color;
        transition-duration: var(--r-globalnav-flyout-rate), 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), cubic-bezier(.4, 0, .6, 1);
        transition-delay: 80ms, 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open .globalnav-content,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-menu-open .globalnav-content,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-submenu-open .globalnav-content {
        background-image: none;
        background-color: #fafafc;
        transition-delay: 0ms;
    }
}

/* /tp/: desktop flyout + menubutton state transitions, isolated from hover timing. */
@media (min-width:834px) {

    /* Keep one authoritative surface transition for the full desktop flyout lifecycle. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-submenu,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-animating .globalnav-submenu,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating) .globalnav-submenu {
        background-image: none;
        background-color: #8b0;
        transition-property: height, visibility, background-color;
        transition-duration: var(--r-globalnav-flyout-rate), var(--r-globalnav-flyout-rate), 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), step-end, cubic-bezier(.4, 0, .6, 1);
        transition-delay: 120ms, 120ms, 0ms;
        will-change: height, background-color;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav:not(.globalnav-animating) .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-item.globalnav-item-flyout-change-next .globalnav-submenu,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-item.globalnav-item-flyout-change-previous .globalnav-submenu {
        background-image: none;
        background-color: #fafafc;
        transition-property: height, visibility, background-color;
        transition-duration: var(--r-globalnav-flyout-rate), var(--r-globalnav-flyout-rate), 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), step-start, cubic-bezier(.4, 0, .6, 1);
        transition-delay: 0ms;
    }

    /* Inner flyout layers stay transparent so they cannot cover the interpolating surface. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-flyout,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-flyout-scroll-container,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-submenu-content {
        background-color: transparent;
        background-image: none;
    }

    /* Search/bag controls use state animation, while ordinary hover remains fast. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-bag {
        transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-search[aria-expanded="true"],
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-search.globalnav-item-flyout-open #globalnav-menubutton-link-search,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-bag[aria-expanded="true"],
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-bag.globalnav-item-flyout-open #globalnav-menubutton-link-bag {
        color: #000;
        transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    /* Do not let :hover shorten an active open/close state transition. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-search[aria-expanded="true"]:hover,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-bag[aria-expanded="true"]:hover {
        color: #000;
        transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }
}

/* Keyboard focus for the compact menu trigger: exactly match .globalnav-link focus geometry/color. */
#globalnav #globalnav-menutrigger-button:focus {
    outline: none;
}

#globalnav #globalnav-menutrigger-button:focus-visible,
#globalnav #globalnav-menutrigger-button[data-focus-method=key] {
    --sk-focus-offset: -7px;
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset, 1px);
    border-radius: 0;
    box-shadow: none;
}

#globalnav #globalnav-menutrigger-button[data-focus-method=touch],
#globalnav #globalnav-menutrigger-button[data-focus-method=mouse] {
    outline: none;
    box-shadow: none;
}

@media (prefers-reduced-motion:reduce) {
    @media (min-width:834px) {

        body.bb-nav-tp-page #globalnav .globalnav-submenu,
        body.bb-nav-tp-page #globalnav #globalnav-menubutton-link-search,
        body.bb-nav-tp-page #globalnav #globalnav-menubutton-link-bag {
            transition-duration: .01ms;
            transition-delay: 0ms;
        }
    }
}

/* /tp/: deterministic desktop globalnav surface across the full flyout lifecycle.
The nav itself always owns a color, so the core white shorthand can never flash
between open/closing/closed class changes. */
@media (min-width:834px) {
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav {
        background-image: none;
        background-color: #8b0;
        transition-property: background-color;
        transition-duration: 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1);
        transition-delay: 0ms;
        will-change: background-color;
    }

    /* Opening/open: interpolate green -> flyout surface. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-menu-open,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-submenu-open,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav:has(#globalnav-menubutton-link-search[aria-expanded="true"]),
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav:has(#globalnav-menubutton-link-bag[aria-expanded="true"]) {
        background-color: #fafafc;
    }

    /* Closing: never expose the core white background; interpolate white -> green. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
        background-color: #8b0;
    }

    /* Preserve the requested return-to-top delay for scroll transitions only. */
    body.bb-nav-tp-page.bb-nav-tp-scroll-transition.bb-nav-tp-returning-top:not(.bb-nav-has-scrolled) #globalnav {
        transition-delay: 80ms;
    }
}

@media (prefers-reduced-motion:reduce) and (min-width:834px) {
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav {
        transition-duration: .01ms;
        transition-delay: 0ms;
    }
}

/* /tp/ desktop: authoritative JS-owned flyout state.
This final block intentionally overrides earlier TP desktop experiments so
Search/Bag open-close animations cannot race native globalnav classes. */
@media (min-width:834px) {
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav {
        --r-globalnav-color: rgba(255, 255, 255, .8);
        --r-globalnav-color-hover: #fff;
        background: #8b0;
        background-color: #8b0;
        transition: background-color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav {
        --r-globalnav-color: rgba(0, 0, 0, .8);
        --r-globalnav-color-hover: #000;
        background: #fafafc;
        background-color: #fafafc;
    }

    /* Native inner header layer must never flash its own white/green shorthand. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-content {
        background: transparent;
        background-color: transparent;
    }

    /* The expanding desktop flyout gets the exact same state/timing as the header. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-submenu {
        background: #8b0;
        background-color: #8b0;
        transition-property: height, visibility, background-color;
        transition-duration: var(--r-globalnav-flyout-rate), var(--r-globalnav-flyout-rate), 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), step-end, cubic-bezier(.4, 0, .6, 1);
        transition-delay: 0ms, 0ms, 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav .globalnav-submenu {
        background: #fafafc;
        background-color: #fafafc;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), step-start, cubic-bezier(.4, 0, .6, 1);
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-flyout,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-flyout-scroll-container,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-submenu-content {
        background: transparent;
        background-color: transparent;
    }

    /* All desktop foreground controls follow only the JS flyout state. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-link,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-link-apple,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-bag {
        color: rgba(255, 255, 255, .8);
        transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-link:hover,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-link-apple:hover,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-search:hover,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-bag:hover {
        color: #fff;
        transition: color 20ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav .globalnav-link,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav .globalnav-link-apple,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav #globalnav-menubutton-link-bag {
        color: rgba(0, 0, 0, .8);
        transition: color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav .globalnav-link:hover,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav .globalnav-link-apple:hover,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav #globalnav-menubutton-link-search:hover,
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active #globalnav #globalnav-menubutton-link-bag:hover {
        color: #000;
        transition: color 20ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    /* Badge follows the open flyout's dark foreground family too. */
    body.bb-nav-tp-page:not(.bb-nav-has-scrolled).bb-nav-tp-flyout-active .globalnav-bag-badge {
        --globalnav-badge-background: rgb(0, 0, 0);
        --globalnav-badge-text-color: rgb(255, 255, 255);
    }

    @media (prefers-reduced-motion:reduce) {

        body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav,
        body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-submenu,
        body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-link,
        body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav .globalnav-link-apple,
        body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-search,
        body.bb-nav-tp-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-menubutton-link-bag {
            transition-duration: .01ms;
            transition-delay: 0ms;
        }
    }
}

/* Homepage/front-page global navigation: green top state, theme surface after scroll. */
body.bb-nav-front-page.bb-nav-global-only-page {
    --bb-front-nav-transition-duration: 480ms;
--bb-front-nav-foreground-duration: .32s;
--bb-front-nav-transition-easing: cubic-bezier(.4, 0, .6, 1);
    --bb-front-top-surface: #88bb00;
    --bb-front-flyout-surface: #fafafc;
}

/* Resolve the homepage flyout destination before native hover classes begin.
This removes the one-frame light/dark surface race on first hover, while the
green top state itself continues to be painted by --bb-front-top-surface. */
body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-dark,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalheader-dark {
    --bb-front-flyout-surface: #161617;
}

/* Desktop uses the same 480ms surface rhythm as mobile. Keeping one shared
variable means the header, Search and Bag always complete together. */

/* Requested homepage top surface. */
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)[data-bb-nav-section-mode="base"] #globalnav,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not([data-bb-nav-section-mode]) #globalnav {
    --bb-nav-surface-color: var(--bb-front-top-surface);
    --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 92%, transparent);
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)[data-bb-nav-section-mode="base"] #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not([data-bb-nav-section-mode]) #globalnav {
        --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 100%, transparent);
    }
}

/* Keep the existing homepage color cadence on compact layouts only.
Desktop inherits the same native/global foreground timing as the reference,
so logo, text, Search and Bag cannot trail the desktop surface transition. */
@media (max-width:833px) {

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-menuback-button,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-submenu-link {
        transition-property: color;
        transition-duration: var(--bb-front-nav-transition-duration);
        transition-timing-function: var(--bb-front-nav-transition-easing);
        transition-delay: 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link-bag {
        transition: color var(--bb-front-nav-transition-duration) var(--bb-front-nav-transition-easing) 0ms,
            transform .3s cubic-bezier(.25, .1, .3, 1);
    }

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menutrigger-button {
        transition: opacity .32s cubic-bezier(.4, 0, .6, 1),
            color var(--bb-front-nav-transition-duration) var(--bb-front-nav-transition-easing) 0ms;
    }
}

/* Mobile homepage: keep homepage color VALUES, but use the exact native/global
transition timing for menu text, submenu text and the back button. Motion is
still entirely owned by globalnav-core.css (including the 240ms forward/back
submenu slide and the translateY(-8px) final-close outro). */
@media (max-width:833px) {

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-submenu-link,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-menuback-button {
        transition-property: color;
        transition-duration: .32s;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1);
        transition-delay: 0ms;
    }
}

/* Green top state always starts with white foreground, in both light and dark themes. */
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav {
    --r-globalnav-color: rgb(255 255 255 / 80%);
    --r-globalnav-color-secondary: #fff;
    --r-globalnav-color-hover: #fff;
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav #globalnav-menutrigger-button,
html[data-hecu-resolved="light"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav #globalnav-menutrigger-button,
body.bb-nav-front-page.bb-nav-global-only-page[data-hecu-resolved="light"]:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav #globalnav-menutrigger-button,
html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav #globalnav-menutrigger-button,
body.bb-nav-front-page.bb-nav-global-only-page[data-hecu-resolved="dark"]:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav #globalnav-menutrigger-button {
    color: #fff;
}

/* Top badge is reversed for the green header. */

/* Preserve native count/shape movement while synchronizing badge colors. */
body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge {
    transition: width .3s cubic-bezier(.25, .1, .3, 1),
        opacity .24s ease,
        visibility .24s step-start,
        color 360ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge::before {
    transition: transform .3s cubic-bezier(.25, .1, .3, 1),
        background-color 360ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge::after {
    transition: background-color 360ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge-separator {
    transition: transform .36s cubic-bezier(.25, .1, .3, 1),
        background-color 360ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

/* Resolve the flyout surface from the active theme. */
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav {
    --bb-front-flyout-surface: #fafafc;
    --r-globalnav-background-opened: #fafafc;
    --r-globalnav-background-opened-dark: #fafafc;
    --r-globalnav-color: rgb(0 0 0 / 80%);
    --r-globalnav-color-secondary: #333336;
    --r-globalnav-color-hover: #000;
}

body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav,
body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav,
body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav,
html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav,
html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav.globalnav-dark,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav.globalheader-dark,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active .globalheader-dark #globalnav {
    --bb-front-flyout-surface: #161617;
    --r-globalnav-background-opened: #161617;
    --r-globalnav-background-opened-dark: #161617;
    --r-globalnav-color: rgb(255 255 255 / 80%);
    --r-globalnav-color-secondary: #e8e8ed;
    --r-globalnav-color-hover: #fff;
}

/* Desktop: one persistent paint channel for the homepage surface.
Search keeps its .globalnav-item-flyout-open class after the nav-level open
class can change, so both native signals are included. Only the surface
color is overridden; height, scrolling, and the native visibility lifecycle
stay intact. */
@media (min-width:834px) {

    /* The destination state must keep this transition too. Otherwise adding
    bb-nav-front-has-scrolled removes it and the header snaps. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:not(.globalnav-block-transitions) {
        transition: background-color var(--bb-front-nav-transition-duration) var(--bb-front-nav-transition-easing) 0ms;
        will-change: background-color;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav {
        --bb-front-desktop-surface: var(--bb-front-top-surface);
        background: none;
        background-color: var(--bb-front-desktop-surface);
    }

    /* Keep every inner layer transparent. The header and its expanding
    submenu are the only elements allowed to paint a desktop flyout surface. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav .globalnav-flyout,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav .globalnav-flyout-scroll-container,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav .globalnav-submenu-content {
        background: transparent;
        background-color: transparent;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav .globalnav-submenu {
        background-image: none;
        background-color: var(--bb-front-desktop-surface);
        /* Height, visibility, delay and the 120ms menu-to-menu animation are
        owned by globalnav-core.css. Do not replace those transitions here. */
    }

    /* During a native desktop handoff BOTH panels keep the opened flyout
    surface. The incoming panel must never become transparent on the homepage:
    otherwise the colored top/header surface is exposed for a frame while
    hovering Menu <-> Search <-> Bag <-> Account. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing .globalnav-item-flyout-change-previous .globalnav-submenu,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing .globalnav-item-flyout-change-next .globalnav-submenu {
        background-image: none;
        background: var(--bb-front-flyout-surface);
        background-color: var(--bb-front-flyout-surface);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }
    
    /* Keep the homepage opening surface on the same native flyout clock for
    menu items, Search, Bag and Account. Core drops the background transition
    once a flyout is no longer marked .globalnav-animating; on the green top
    state that creates a visible transparent/opaque flash, so restore only the
    background-color channel here. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:not(.globalnav-block-transitions)
    .globalnav-item.globalnav-item-flyout-open:not(.globalnav-item-flyout-change-next):not(.globalnav-item-flyout-change-previous) .globalnav-submenu {
        transition:
            height var(--r-globalnav-flyout-rate) cubic-bezier(.4, 0, .6, 1),
            visibility var(--r-globalnav-flyout-rate) step-start,
            background-color var(--r-globalnav-flyout-rate) cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    /* The intent class covers the click frame. Native nav, trigger and item
    states keep the same color through the final Search animation frame. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(#globalnav-menubutton-link-search[aria-expanded="true"]),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(#globalnav-menubutton-link-bag[aria-expanded="true"]),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(#globalnav-menubutton-link-account[aria-expanded="true"]) {
        --bb-front-desktop-surface: var(--bb-front-flyout-surface);
    }

    /* Close owns the return color even while a native item keeps its open class
    for the height/contents outro. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-flyout-open) {
        --bb-front-desktop-surface: var(--bb-front-top-surface);
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next) {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav .globalnav-item-flyout-open .globalnav-submenu,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next) .globalnav-item-flyout-open .globalnav-submenu {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }
}

/* Mobile: the opened flyout gets the theme surface, but the TOP BAR keeps
logo/search/bag white. Only the menu trigger changes to black in light mode. */
@media (max-width:833px) {
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-content {
        transition: height var(--r-globalnav-flyout-rate) cubic-bezier(.4, 0, .6, 1) 80ms,
            background-color var(--bb-front-nav-transition-duration) var(--bb-front-nav-transition-easing) 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active)[data-bb-nav-section-mode="base"] #globalnav .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active):not([data-bb-nav-section-mode]) #globalnav .globalnav-content {
        background-image: none;
        background-color: var(--globalnav-background);
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav .globalnav-content {
        background-image: none;
        background-color: var(--bb-front-flyout-surface);
    }

    /* Mobile-only exception requested: these top-bar controls stay white. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menubutton-link-bag {
        color: rgb(255 255 255 / 80%);
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav .globalnav-link-apple:hover,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menubutton-link-search:hover,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menubutton-link-bag:hover {
        color: #fff;
    }

    /* Light mobile flyout: trigger alone transitions white -> black. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button,
    html[data-hecu-resolved="light"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page[data-hecu-resolved="light"]:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button {
        color: #000;
    }

    /* Dark mobile flyout: trigger remains white. */
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav.globalnav-dark #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav.globalheader-dark #globalnav-menutrigger-button {
        color: #fff;
    }
}

/* Active flyout badge follows the resolved theme on desktop only. */
@media (min-width:834px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active .globalnav-bag-badge {
        --globalnav-badge-background: rgb(0, 0, 0);
        --globalnav-badge-text-color: rgb(255, 255, 255);
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active .globalnav-bag-badge,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active .globalnav-bag-badge,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active .globalnav-bag-badge,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active .globalnav-bag-badge,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav.globalnav-dark .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav.globalheader-dark .globalnav-bag-badge {
        --globalnav-badge-background: rgb(255, 255, 255);
        --globalnav-badge-text-color: rgb(0, 0, 0);
    }
}

/* Homepage flyout closing: as soon as the native close lifecycle begins,
transition the visible surface back to the green top state. This explicit
state intentionally wins over the still-present/open classes during Apple's
closing animation, preventing the surface from staying white/dark until the
flyout has already disappeared. */
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.bb-globalnav-true-closing {
    --bb-nav-surface-color: var(--bb-front-top-surface);
    --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 92%, transparent);
    --r-globalnav-color: rgb(255 255 255 / 80%);
    --r-globalnav-color-secondary: #fff;
    --r-globalnav-color-hover: #fff;
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.bb-globalnav-true-closing {
        --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 100%, transparent);
    }
}

@media (min-width:834px) {

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.bb-globalnav-true-closing,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav .globalnav-submenu,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.bb-globalnav-true-closing .globalnav-submenu {
        background-image: none;
        background-color: var(--globalnav-background);
    }
}

@media (max-width:833px) {

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing .globalnav-content {
        background-image: none;
        background-color: var(--globalnav-background);
    }

    /* On mobile the trigger returns black -> white during close; logo/search/bag
    already remain white throughout the open state. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menutrigger-button,
    html[data-hecu-resolved="light"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav #globalnav-menutrigger-button,
    html[data-hecu-resolved="light"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page[data-hecu-resolved="light"]:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menutrigger-button,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page[data-hecu-resolved="dark"]:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menutrigger-button {
        color: #fff;
    }
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing
#globalnav:not(.globalnav-with-flyout-open) .globalnav-bag-badge,

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
#globalnav.globalnav-with-flyout-closing:not(.globalnav-with-flyout-open)
.globalnav-bag-badge {
    --globalnav-badge-background: rgb(255, 255, 255);
    --globalnav-badge-text-color: rgb(0, 0, 0);
}
/* Unscrolled desktop final-close synchronization. The native submenu waits
120ms, then collapses for its calculated 240-480ms rate. Only the top-level
foreground and header surface use this total close duration; ordinary hover
and submenu content keep the native GlobalNav timings. */
@media (min-width:834px) {

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-open),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-flyout-open) {
        transition-duration: var(--bb-front-nav-close-duration, 360ms);
        transition-delay: 0ms;
    }

/* Apple-style foreground close timing: flyout height remains free to use its
   calculated 240-480ms rate, but top-level foreground NEVER inherits that
   height-dependent clock. Arm the color transition as soon as close intent is
   present; the race guards below keep the open palette until native
   .globalnav-with-flyout-closing actually arrives, then color runs for 320ms. */
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav .globalnav-link:not(.globalnav-link-bag),
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing .globalnav-link:not(.globalnav-link-bag),
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav #globalnav-menubutton-link-search,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menubutton-link-search,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav #globalnav-menubutton-link-account,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menubutton-link-account {
    transition-property: color;
    transition-duration: var(--bb-front-nav-foreground-duration, .32s);
    transition-timing-function: cubic-bezier(.4, 0, .6, 1);
    transition-delay: 0ms;
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav .globalnav-link-bag,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing .globalnav-link-bag,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav #globalnav-menubutton-link-bag,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing #globalnav-menubutton-link-bag {
    transition: color var(--bb-front-nav-foreground-duration, .32s) cubic-bezier(.4, 0, .6, 1) 0ms, transform .32s cubic-bezier(.25, .1, .3, 1) !important;
}
}


/* A desktop/mobile breakpoint change is a layout change, not a nav animation.
Suppress transitions for that frame so colors/background cannot flash through
an intermediate media-query state. */
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav .globalnav-content,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav .globalnav-submenu,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav .globalnav-link,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav .globalnav-link-apple,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav #globalnav-menubutton-link-search,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav #globalnav-menubutton-link-bag,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav #globalnav-menubutton-link-account,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing #globalnav #globalnav-menutrigger-button,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing .globalnav-bag-badge,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-resizing .globalnav-bag-badge-separator {
    transition: none;
}

@media (prefers-reduced-motion:reduce) {

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-submenu,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-account,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page .globalnav-bag-badge-separator {
        transition-duration: .01ms;
        transition-delay: 0ms;
    }
}

/* Persistent document scrollbar for GlobalNav, all widths.
The native GlobalNav applies overflow:hidden to both html and body while a
flyout is open. That removes the actual browser scrollbar. Keep the document
in normal flow instead so the real root scrollbar remains present; JS below
freezes the scroll position while the native lock class is active. */
html {
    overflow-y: scroll;
}

html.globalnav-noscroll,
html.globalnav-noscroll.globalnav-noscroll-y,
html.globalnav-noscroll.globalnav-noscroll-long,
html.globalnav-noscroll.globalnav-noscroll-long.globalnav-noscroll-y,
html.bb-globalnav-scrollbar-lock {
    overflow-y: scroll;
    height: auto;
    position: static;
    padding-inline-end: 0;
    scrollbar-gutter: auto;
}

html.globalnav-noscroll body,
html.globalnav-noscroll.globalnav-noscroll-y body,
html.globalnav-noscroll.globalnav-noscroll-long body,
html.globalnav-noscroll.globalnav-noscroll-long.globalnav-noscroll-y body,
html.bb-globalnav-scrollbar-lock body {
    overflow: visible;
    height: auto;
    position: static;
}

/* Final homepage surface state machine. The native section-mode attribute can
change during flyout teardown, so closed/closing green must not depend on it.
This prevents the one-frame surface flash after the flyout finishes closing. */
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav {
    --bb-nav-surface-color: var(--bb-front-top-surface);
    --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 92%, transparent);
    --r-globalnav-color: rgb(255 255 255 / 80%);
    --r-globalnav-color-secondary: #fff;
    --r-globalnav-color-hover: #fff;
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav {
        --globalnav-background: color-mix(in srgb, var(--bb-nav-surface-color) 100%, transparent);
    }
}

@media (min-width:834px) {

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav .globalnav-submenu {
        background-image: none;
        background-color: var(--globalnav-background);
    }
}

@media (max-width:833px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled):not(.bb-nav-front-flyout-active) #globalnav .globalnav-content {
        background-image: none;
        background-color: var(--globalnav-background);
    }
}


/* =========================================================
HOMEPAGE MOBILE FLYOUT - SAME NATIVE STATE FLOW AS /tp/
Closed/closing = green. Native open classes = flyout surface.
The painted surface no longer depends on the custom body flyout timing.
========================================================= */
@media (max-width:833px) {

    /* Resolve the mobile flyout surface without requiring the custom
    bb-nav-front-flyout-active class, so the native state owns the paint. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav {
        --bb-front-mobile-flyout-surface: #fafafc;
        --r-globalnav-background-opened: #fafafc;
        --r-globalnav-background-opened-dark: #fafafc;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-dark,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalheader-dark,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) .globalheader-dark #globalnav {
        --bb-front-mobile-flyout-surface: #161617;
        --r-globalnav-background-opened: #161617;
        --r-globalnav-background-opened-dark: #161617;
    }

    /* Same structure/timing as /tp/: the compact header itself starts green. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav .globalnav-content {
        background-image: none;
        background-color: #88bb00;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        transition-property: height, background-color;
        transition-duration: var(--r-globalnav-flyout-rate), 480ms;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), cubic-bezier(.4, 0, .6, 1);
        transition-delay: 80ms, 0ms;
        will-change: height, background-color;
    }

    /* Exactly like /tp/: only the native OPEN classes paint the flyout surface.
    When those classes fall away during close, this naturally interpolates
    back to green and cannot bounce through a custom JS/body state. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open .globalnav-content {
        background-image: none;
        background-color: var(--bb-front-mobile-flyout-surface);
        transition-delay: 0ms;
    }

    /* If the custom body flag lags behind native close by a frame, do not let
    its earlier rule repaint the compact header. Native closed state wins. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-active #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-flyout-open):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-content {
        background-image: none;
        background-color: #88bb00;
    }

    /* Mobile submenu handoff only: native compact navigation briefly swaps its
    open classes while change-previous/change-next stays active. Keep the
    already-open flyout surface through that class gap so the homepage green
    can never flash between the main menu and a submenu. Paint only; native
    forward/back motion and all timing remain untouched. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next) .globalnav-content {
        background-image: none;
        background-color: var(--bb-front-mobile-flyout-surface);
    }
}

/* =========================================================
HOMEPAGE MOBILE TOP-BAR ICON SYNC
Restore the native compact-nav opacity/visibility timing that the homepage
color override would otherwise replace. Opening fades the logo/search/bag
out together; closing fades them back together immediately with no return
delay. The menu trigger keeps its native 240ms morph and changes color on
the same native open/close state instead of the earlier body intent flag.
========================================================= */
@media (max-width:833px) {

    /* Closed/closing: logo + search return together immediately. Keep color in the same transition so
    no foreground channel can snap while opacity is interpolating. */
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link {
        opacity: 1;
        visibility: visible;
        transition: opacity var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) var(--bb-front-mobile-icon-return-delay),
            visibility var(--bb-front-mobile-icon-duration) step-start var(--bb-front-mobile-icon-return-delay),
            color var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) var(--bb-front-mobile-icon-return-delay);
        will-change: opacity, color;
    }

    /* Opening/open: fade immediately instead of being hidden by the homepage's
    color-only transition override. */
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link {
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) 0ms,
            visibility var(--bb-front-mobile-icon-duration) step-end 0ms,
            color var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) 0ms;
    }

    /* Bag visibility is owned by its wrapper in the native compact nav. Keep it
    on exactly the same fade timing as logo/search. */
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-bag-wrapper {
        opacity: 1;
        visibility: visible;
        transition: opacity var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) var(--bb-front-mobile-icon-return-delay),
            visibility var(--bb-front-mobile-icon-duration) step-start var(--bb-front-mobile-icon-return-delay);
        will-change: opacity;
    }

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open .globalnav-bag-wrapper,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open .globalnav-bag-wrapper,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open .globalnav-bag-wrapper {
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) 0ms,
            visibility var(--bb-front-mobile-icon-duration) step-end 0ms;
    }

    /* The bag link itself stays opaque inside the fading wrapper, matching the
    native implementation and avoiding a doubled opacity fade. */
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link-bag {
        opacity: 1;
    }

    /* Menu trigger: the compact trigger is an SVG made from two polylines
    (top/bottom bread), not CSS ::before/::after. Keep the button currentColor
    and the actual SVG stroke synchronized at the requested native 240ms
    cadence. No close delay: black -> white starts immediately on close. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menutrigger-button {
        color: #fff;
        transition: opacity .32s cubic-bezier(.4, 0, .6, 1),
            color 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
        will-change: color;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav .globalnav-menutrigger-bread {
        stroke: #fff;
        transition: stroke 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
        will-change: stroke;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button {
        color: #000;
        transition: opacity .32s cubic-bezier(.4, 0, .6, 1),
            color 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open .globalnav-menutrigger-bread,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open .globalnav-menutrigger-bread,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open .globalnav-menutrigger-bread {
        stroke: #000;
        transition: stroke 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    /* Dark flyout keeps both the button currentColor and the actual SVG lines
    white, so neither the SMIL shape morph nor theme resolution can repaint
    one of the two bars during close. */
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-menutrigger-button,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open #globalnav-menutrigger-button,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open #globalnav-menutrigger-button {
        color: #fff;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open .globalnav-menutrigger-bread,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open .globalnav-menutrigger-bread,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open .globalnav-menutrigger-bread,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open .globalnav-menutrigger-bread,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open .globalnav-menutrigger-bread,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open .globalnav-menutrigger-bread,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open .globalnav-menutrigger-bread,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open .globalnav-menutrigger-bread,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open .globalnav-menutrigger-bread,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open .globalnav-menutrigger-bread,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-menu-open .globalnav-menutrigger-bread,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-submenu-open .globalnav-menutrigger-bread {
        stroke: #fff;
    }
}

@media (prefers-reduced-motion:reduce) and (max-width:833px) {

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-list>.globalnav-item:not(.globalnav-menu) .globalnav-link,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-bag-wrapper,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menutrigger-button,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-menutrigger-bread {
        transition-duration: .01ms;
        transition-delay: 0ms;
    }
}

/* =========================================================
HOMEPAGE MOBILE LOGO / SEARCH / BAG - IDENTICAL CLOSE FADE
Use the same link-owned opacity/visibility transition for all three controls.
The bag wrapper stays stable so it cannot add a second, out-of-sync fade.
========================================================= */
@media (max-width:833px) {

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-account {
        opacity: 1;
        visibility: visible;
        transition: opacity var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) var(--bb-front-mobile-icon-return-delay),
            visibility var(--bb-front-mobile-icon-duration) step-start var(--bb-front-mobile-icon-return-delay),
            color var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) var(--bb-front-mobile-icon-return-delay);
        will-change: opacity, color;
    }

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-account,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open #globalnav-menubutton-link-account,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open #globalnav-menubutton-link-account {
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) 0ms,
            visibility var(--bb-front-mobile-icon-duration) step-end 0ms,
            color var(--bb-front-mobile-icon-duration) var(--bb-front-mobile-icon-easing) 0ms;
    }

    /* Do not fade the bag twice. Its link now owns the same animation as logo/search. */
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-bag-wrapper,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open .globalnav-bag-wrapper,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open .globalnav-bag-wrapper,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open .globalnav-bag-wrapper {
        opacity: 1;
        visibility: visible;
        transition: none;
        will-change: auto;
    }
}


/* =========================================================
MOBILE AUTHENTICATED PROFILE AVATAR - USE THE ICON LINK CLOCK
The avatar loader normally owns an independent 180ms image fade. On every
mobile GlobalNav page that can make the profile photo appear before the native
logo/search/bag controls when a flyout closes. Keep all avatar-internal fades
instant and let the account link own the same clock as the other utility icons.
Homepage keeps its shared 0ms return delay via the page variable; every other
page falls back to the native 240ms duration + 80ms return delay.
========================================================= */
@media (max-width:833px) {
    #globalnav #globalnav-account.authenticated .bb-globalnav-account-image,
    #globalnav #globalnav-account.authenticated .bb-globalnav-account-image > .bb-avatar-loader,
    #globalnav #globalnav-account.authenticated .bb-globalnav-account-image > .bb-avatar-loader > img,
    #globalnav #globalnav-account.authenticated .bb-globalnav-user-avatar {
        opacity: 1;
        transition-property: none;
        transition-duration: 0s;
        transition-delay: 0s;
    }

    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account {
        transition: opacity var(--bb-front-mobile-icon-duration, 240ms) var(--bb-front-mobile-icon-easing, cubic-bezier(.4, 0, .6, 1)) var(--bb-front-mobile-icon-return-delay, 80ms),
            visibility var(--bb-front-mobile-icon-duration, 240ms) step-start var(--bb-front-mobile-icon-return-delay, 80ms),
            color var(--bb-front-mobile-icon-duration, 240ms) var(--bb-front-mobile-icon-easing, cubic-bezier(.4, 0, .6, 1)) var(--bb-front-mobile-icon-return-delay, 80ms);
    }

    #globalnav.globalnav-with-flyout-open #globalnav-account.authenticated #globalnav-menubutton-link-account,
    #globalnav.globalnav-with-menu-open #globalnav-account.authenticated #globalnav-menubutton-link-account,
    #globalnav.globalnav-with-submenu-open #globalnav-account.authenticated #globalnav-menubutton-link-account {
        transition: opacity var(--bb-front-mobile-icon-duration, 240ms) var(--bb-front-mobile-icon-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            visibility var(--bb-front-mobile-icon-duration, 240ms) step-end 0ms,
            color var(--bb-front-mobile-icon-duration, 240ms) var(--bb-front-mobile-icon-easing, cubic-bezier(.4, 0, .6, 1)) 0ms;
    }
}

@media (prefers-reduced-motion:reduce) and (max-width:833px) {

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-account {
        transition-duration: .01ms;
        transition-delay: 0ms;
    }
}

/* =========================================================
HOMEPAGE MOBILE ICON COLOR CADENCE - LOGO IS THE REFERENCE
One timing for logo, search, bag and menu trigger on both flyout close and
page scroll. No return delay. The trigger's SVG bread follows currentColor,
so its visible stroke cannot run on a separate timing from the button color.
========================================================= */
@media (max-width:833px) {
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav {
        --bb-front-mobile-icon-duration: 240ms;
        --bb-front-mobile-icon-easing: cubic-bezier(.4, 0, .6, 1);
        --bb-front-mobile-icon-return-delay: 0ms;
    }

    /* Logo is the timing reference. Search and bag use the exact same cadence. */
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-account {
        transition: opacity 240ms cubic-bezier(.4, 0, .6, 1) 0ms,
            visibility 240ms step-start 0ms,
            color 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-account,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-menu-open #globalnav-menubutton-link-account,
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav.globalnav-with-submenu-open #globalnav-menubutton-link-account {
        transition: opacity 240ms cubic-bezier(.4, 0, .6, 1) 0ms,
            visibility 240ms step-end 0ms,
            color 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    /* Trigger uses the same 240ms color cadence in every mobile state,
    including when bb-nav-front-has-scrolled is added/removed. */
    body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menutrigger-button {
        transition: opacity 240ms cubic-bezier(.4, 0, .6, 1) 0ms,
            color 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
        will-change: color;
    }

    body.bb-nav-front-page.bb-nav-global-only-page #globalnav .globalnav-menutrigger-bread {
        transition: stroke 240ms cubic-bezier(.4, 0, .6, 1) 0ms;
        will-change: stroke;
    }

    /* Once the page is scrolled, let the SVG use the trigger's currentColor;
    this preserves the same interpolated color instead of starting a second
    independent stroke-color path. */
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav .globalnav-menutrigger-bread {
        stroke: currentColor;
    }
}

/* Desktop GlobalNav paint ownership.
.globalnav-content is intentionally capped at 1024px for link layout. It
must never paint a flyout/header surface on desktop, otherwise transparent
pages reveal a centered rectangular background when a link is hovered. The
full-width #globalnav/.globalnav-submenu pair owns that surface instead. */
@media (min-width:834px) {

    body #globalnav.globalnav-with-flyout-open .globalnav-content,
    body #globalnav.globalnav-with-menu-open .globalnav-content,
    body #globalnav.globalnav-with-submenu-open .globalnav-content,
    body #globalnav.globalnav-with-flyout-closing .globalnav-content {
        background: transparent;
        background-color: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    /* The core removes .globalnav-item-flyout-open at close start. Preserve
    only that outgoing plane's visibility until its native height/content
    outro has completed; no other submenu becomes visible and layout is
    unchanged. */
    body #globalnav.globalnav-with-flyout-closing .globalnav-item.globalnav-item-flyout-closing .globalnav-submenu {
        visibility: visible;
    }
}

/* Mobile homepage/frontpage: preserve the exact current document scroll position
while native GlobalNav is open. The existing globalnav-integrations.js
controller already snapshots scrollY and restores it; these rules prevent
iPhone Safari's native html/body overflow lock from first jumping the page. */
@media (max-width:833px) {

    html.globalnav-noscroll:has(body.bb-nav-front-page),
    html.globalnav-noscroll.globalnav-noscroll-y:has(body.bb-nav-front-page),
    html.globalnav-noscroll.globalnav-noscroll-long:has(body.bb-nav-front-page),
    html.globalnav-noscroll.globalnav-noscroll-long.globalnav-noscroll-y:has(body.bb-nav-front-page),
    html.bb-globalnav-scrollbar-lock:has(body.bb-nav-front-page) {
        overflow-y: scroll;
        height: auto;
        position: static;
        padding-inline-end: 0;
        scrollbar-gutter: auto;
    }

    html.globalnav-noscroll:has(body.bb-nav-front-page) body,
    html.globalnav-noscroll.globalnav-noscroll-y:has(body.bb-nav-front-page) body,
    html.globalnav-noscroll.globalnav-noscroll-long:has(body.bb-nav-front-page) body,
    html.globalnav-noscroll.globalnav-noscroll-long.globalnav-noscroll-y:has(body.bb-nav-front-page) body,
    html.bb-globalnav-scrollbar-lock:has(body.bb-nav-front-page) body {
        overflow: visible;
        height: auto;
        position: static;
    }
}

/* =========================================================
HOMEPAGE MOBILE @ TOP: FOREGROUND CONTINUITY DURING SUBMENU HANDOFF
The homepage body flyout helper can briefly swap during native compact
menu <-> submenu transitions. Do not let that transient body state return
the foreground to the green-header white values while the flyout itself is
still open. This changes foreground variables only; background/surface
ownership and all native forward/back motion remain untouched.
========================================================= */
@media (max-width:833px) {

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next) {
        --r-globalnav-color: rgb(0 0 0 / 80%);
        --r-globalnav-color-secondary: #333336;
        --r-globalnav-color-hover: #000;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-dark:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalheader-dark:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next) {
        --r-globalnav-color: rgb(255 255 255 / 80%);
        --r-globalnav-color-secondary: #e8e8ed;
        --r-globalnav-color-hover: #fff;
    }
}

/* Desktop homepage handoff continuity: preserve the open flyout surface and
foreground during native menu-to-menu change states. Mobile is intentionally
excluded so its established no-flicker state machine remains untouched. */
@media (min-width:834px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next) {
        --bb-front-desktop-surface: var(--bb-front-flyout-surface);
        --bb-nav-surface-color: var(--bb-front-flyout-surface);
        --globalnav-background: var(--bb-front-flyout-surface);
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next):not(.globalnav-dark):not(.globalheader-dark) {
        --r-globalnav-color: rgb(0 0 0 / 80%);
        --r-globalnav-color-secondary: #333336;
        --r-globalnav-color-hover: #000;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-dark.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalheader-dark.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next) {
        --bb-front-desktop-surface: #161617;
        --bb-nav-surface-color: #161617;
        --globalnav-background: #161617;
        --r-globalnav-color: rgb(255 255 255 / 80%);
        --r-globalnav-color-secondary: #e8e8ed;
        --r-globalnav-color-hover: #fff;
    }
}


/* Armed by the homepage scroll script only; flyout states keep native timing. */
@media (min-width:834px) and (prefers-reduced-motion:no-preference) {
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-desktop-scroll-transition:not(.bb-nav-front-flyout-active):not(.bb-nav-front-flyout-closing) #globalnav:not(.globalnav-animating):not(.globalnav-block-transitions):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open):not(:has(.globalnav-item-flyout-open, .globalnav-item-flyout-change-previous, .globalnav-item-flyout-change-next, [aria-expanded="true"])) {
        transition: background-color 480ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }
}


#globalnav .globalnav-link-apple:focus-visible,
#globalnav .globalnav-submenu-trigger-button:focus-visible,
#globalnav .globalnav-menutrigger-button:focus-visible,
#globalnav .globalnav-menuback-button:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: -7px;
}

#globalnav .globalnav-link-apple:focus:not(:focus-visible),
#globalnav .globalnav-submenu-trigger-button:focus:not(:focus-visible),
#globalnav .globalnav-menutrigger-button:focus:not(:focus-visible),
#globalnav .globalnav-menuback-button:focus:not(:focus-visible) {
    outline: none;
}

#globalnav .globalnav-link-apple:focus-visible {
    overflow: visible;
}



/* Bag badge color interpolation on every header state. */
#globalnav .globalnav-bag-badge {
    transition: width .3s cubic-bezier(.25, .1, .3, 1), opacity .24s ease, visibility .24s step-start, color .32s cubic-bezier(.4, 0, .6, 1);
}

#globalnav .globalnav-bag-badge::before,
#globalnav .globalnav-bag-badge::after,
#globalnav .globalnav-bag-badge-separator {
    transition: background-color .32s cubic-bezier(.4, 0, .6, 1), transform .3s cubic-bezier(.25, .1, .3, 1);
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) .globalnav-bag-badge {
    --globalnav-badge-background: #fff;
    --globalnav-badge-text-color: #690;
    color: #690;
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) .globalnav-bag-badge-separator {
    background-color: #fff;
}


/* BB final utility/profile placement and badge transitions */
#globalnav .globalnav-bag.with-badge .globalnav-bag-badge {
    transition: width .3s cubic-bezier(.25, .1, .3, 1), opacity .24s ease, visibility .24s step-start, color .32s cubic-bezier(.4, 0, .6, 1), background-color .32s cubic-bezier(.4, 0, .6, 1);
}

#globalnav .globalnav-bag.with-badge .globalnav-bag-badge::before,
#globalnav .globalnav-bag.with-badge .globalnav-bag-badge::after,
#globalnav .globalnav-bag.with-badge .globalnav-bag-badge-separator {
    transition: background-color .32s cubic-bezier(.4, 0, .6, 1), transform .3s cubic-bezier(.25, .1, .3, 1);
}

#globalnav .globalnav-bag.with-badge .globalnav-bag-badge-number,
#globalnav .globalnav-bag.with-badge .globalnav-bag-badge-unit {
    transition: color .32s cubic-bezier(.4, 0, .6, 1), opacity .24s ease;
}


/* BB bag state interpolation: keep icon + badge synchronized through scroll/flyout state changes. */
#globalnav #globalnav-menubutton-link-bag {
    transition: color .32s cubic-bezier(.4, 0, .6, 1);
}

#globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
    color: var(--globalnav-badge-text-color);
    transition: width .3s cubic-bezier(.25, .1, .3, 1), opacity .24s ease, visibility .24s step-start, color .32s cubic-bezier(.4, 0, .6, 1), background-color .32s cubic-bezier(.4, 0, .6, 1);
}

#globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
#globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
#globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
    background-color: var(--globalnav-badge-background);
    transition: background-color .32s cubic-bezier(.4, 0, .6, 1), transform .3s cubic-bezier(.25, .1, .3, 1);
}

#globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-number,
#globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-unit {
    color: var(--globalnav-badge-text-color);
    transition: color .32s cubic-bezier(.4, 0, .6, 1), opacity .24s ease;
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
    --globalnav-badge-background: #1d1d1f;
    --globalnav-badge-text-color: #690;
}


/* BB final frontpage bag badge states: top = white/#690, scrolled = black/white. */
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
    --globalnav-badge-background: #fff;
    --globalnav-badge-text-color: #690;
    color: #690;
}


body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
    --globalnav-badge-background: #1d1d1f;
    --globalnav-badge-text-color: #fff;
    color: #fff;
}

body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
    background-color: #1d1d1f;
}

/* Account utility uses the same top-level GlobalNav geometry as Search/Bag. */
#globalnav #globalnav-account .globalnav-account-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#globalnav #globalnav-account.authenticated .globalnav-link-account {
    color: var(--r-globalnav-color);
    text-decoration: none;
}

#globalnav #globalnav-account.authenticated .globalnav-link-account:hover,
#globalnav #globalnav-account.authenticated .globalnav-link-account:focus-visible {
    color: var(--r-globalnav-color-hover)
}

#globalnav #globalnav-account.authenticated .bb-globalnav-account-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    background-color: #86868824;
}

#globalnav #globalnav-account.authenticated .bb-globalnav-account-image:hover {
    background-color: transparent;
}

#globalnav #globalnav-account.authenticated .bb-globalnav-user-avatar {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    padding: 1px;
}

#globalnav #globalnav-account.authenticated .bb-globalnav-user-fallback {
    display: block;
    width: 18px;
    height: 18px;
    fill: currentColor;
    color: currentColor;
}

#globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button {
    width: auto;
    min-width: 0;
    height: 44px;
    padding-inline: 8px;
    padding-block: 0;
    color: var(--r-globalnav-color);
    text-decoration: none;
    white-space: nowrap;
}

#globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
    align-items: center;
    padding: 5px 10px;
    border: 0;
    border-radius: 980px;
    background: #0071e3;
    color: #fff;
    font-family: "BB Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.016em;
    transition: background-color .32s cubic-bezier(.4, 0, .6, 1),
        color .32s cubic-bezier(.4, 0, .6, 1),
        opacity .32s cubic-bezier(.4, 0, .6, 1);
}

#globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
#globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
    background: #0077ed;
    color: #fff;
}

#globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:active .bb-globalnav-signin-pill {
    background: #006edb;
}

body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
    background: #fff;
    color: rgba(85, 119, 0, .8);
}

body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
    background: #fff;
    color: #557700;
}

/* Scrolled Sign in hover uses the brighter requested blue. */
body.bb-nav-front-page.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body.bb-nav-front-page.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
body.bb-nav-tt-page.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body.bb-nav-tt-page.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
    background: #08f;
    color: #fff;
}

/* Dark scrolled header: #08f resting, #09f hover/focus. */
body.theme-dark.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
html.theme-dark body.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"].bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
body.theme-dark.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
html.theme-dark body.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"].bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
    background: #08f;
    color: #fff;
}

body.theme-dark.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body.theme-dark.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
html.theme-dark body.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
html.theme-dark body.bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"].bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"].bb-nav-front-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
body.theme-dark.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body.theme-dark.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
html.theme-dark body.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
html.theme-dark body.bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"].bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"].bb-nav-has-scrolled #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
    background: #09f;
    color: #fff;
}

@media (max-width:833px) {
    #globalnav #globalnav-account .globalnav-account-wrapper {
        height: 48px;
    }

    #globalnav #globalnav-account.authenticated .bb-globalnav-account-image {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    #globalnav #globalnav-account.authenticated .bb-globalnav-user-avatar {
        width: 22px;
        height: 22px
    }

    #globalnav #globalnav-account.authenticated .bb-globalnav-user-fallback {
        width: 18px;
        height: 18px
    }

    #globalnav #globalnav-account.unauthenticated {
        width: auto;
        flex: 0 0 auto;
    }

    #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button {
        width: auto;
        min-width: max-content;
        height: 48px;
        margin: 0;
        padding-inline: 0;
        /*
        padding-inline: 8px;
        */
    }
}

/* The original /account/ menu entry remains intact for the hamburger menu. Desktop hides only its trigger row. */
@media (min-width:834px) {
    #globalnav .globalnav-menu-list>.globalnav-item-bb-account {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: 0;
        padding: 0;
        overflow: visible;
        white-space: nowrap;
    }

    #globalnav .globalnav-menu-list>.globalnav-item-bb-account>.globalnav-submenu-trigger-group {
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    #globalnav .globalnav-menu-list>.globalnav-item-bb-account>.globalnav-flyout {
        clip-path: none;
        overflow: initial
    }
}

@media (max-width:833px) {
    #globalnav .globalnav-menu-list>.globalnav-item-bb-account {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        white-space: normal
    }

    #globalnav .globalnav-menu-list>.globalnav-item-bb-account>.globalnav-submenu-trigger-group {
        width: auto;
        height: auto;
        overflow: visible
    }
}

/* The top-level Account flyout deliberately reuses native GlobalNav flyout/submenu classes and animations. */
#globalnav #globalnav-account .bb-globalnav-account-flyout .globalnav-flyout-content {
    box-sizing: border-box
}

/* Final frontpage Bag badge timing and resolved light/dark theme state. */
body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
    transition: width .3s cubic-bezier(.25, .1, .3, 1),
        opacity .24s ease,
        visibility .24s step-start,
        color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
        background-color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms !important;
}

body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
    transition: background-color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
        transform .32s cubic-bezier(.25, .1, .3, 1) !important;
}

body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-number,
body.bb-nav-front-page.bb-nav-global-only-page #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-unit {
    transition: color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
        opacity .24s ease !important;
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge,
body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge,
body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge,
html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge,
html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
    --globalnav-badge-background: #fff;
    --globalnav-badge-text-color: #690;
    color: #690;
}

body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
    background-color: #fff;
}

/* Scrolled Bag badge follows the resolved GlobalNav theme on every layout. */
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge {
    --globalnav-badge-background: #1d1d1f;
    --globalnav-badge-text-color: #fff;
    color: #fff;
}

body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
    background-color: #1d1d1f;
}

body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
    --globalnav-badge-background: #fff;
    --globalnav-badge-text-color: #1d1d1f;
    color: #1d1d1f;
}

body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
    background-color: #fff;
}


/* Unscrolled flyout badge theme switching is desktop-only. */
@media (min-width:834px) {
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #1d1d1f;
        --globalnav-badge-text-color: #fff;
        color: #fff;
    }

    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-light #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-light #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #1d1d1f;
    }

    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #fff;
        --globalnav-badge-text-color: #1d1d1f;
        color: #1d1d1f;
    }

    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalnav-dark #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active #globalnav.globalheader-dark #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-flyout-active .globalheader-dark #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #fff;
    }

}


/* Keep the exact supplied bag SVG geometry; sizing is CSS-only so the SVG viewBox/path remain untouched. */
#globalnav #globalnav-bag .globalnav-image-regular svg {
    display: block;
    width: 14px;
    height: 48px
}

#globalnav #globalnav-bag .globalnav-image-compact svg {
    display: block;
    width: 17px;
    height: 48px
}




/* Profile/avatar loading indicator. Uses current nav foreground so color follows the header state. */
.bb-avatar-loader {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--bb-avatar-size, 20px);
    height: var(--bb-avatar-size, 20px);
    flex: 0 0 var(--bb-avatar-size, 20px);
    vertical-align: middle;
}

.loadingSpinner {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 16px;
    height: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    color: inherit;
    transition: opacity .18s cubic-bezier(.4, 0, .6, 1), visibility .18s step-start, color .32s cubic-bezier(.4, 0, .6, 1);
}

.loadingSpinnerContainer {
    position: relative;
    width: 16px;
    height: 16px;
}

.loadingSpinnerBar {
    position: absolute;
    width: 5px;
    height: 2px;
    top: 7px;
    left: 7px;
    transform-origin: 1px 1px;
    transform: rotate(calc(var(--i) * 45deg)) translateX(4px);
}

.loadingSpinnerBar:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: currentColor;
    border-radius: 25% / 50%;
    animation: loadingSpinnerFade .8s linear infinite;
    animation-delay: calc(var(--i) * .1s - .8s);
    transition: background-color .32s cubic-bezier(.4, 0, .6, 1);
}

@keyframes loadingSpinnerFade {

    0%,
    1%,
    100% {
        opacity: .55
    }

    95% {
        opacity: .08
    }
}

.loadingSpinnerText {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.bb-avatar-loader>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s cubic-bezier(.4, 0, .6, 1), visibility .18s step-end;
}

.bb-avatar-loader.bb-avatar-loaded>img {
    opacity: 1;
    visibility: visible;
    transition: opacity .18s cubic-bezier(.4, 0, .6, 1), visibility .18s step-start;
}

.bb-avatar-loader.bb-avatar-loaded>.loadingSpinner,
.bb-avatar-loader.bb-avatar-error>.loadingSpinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s cubic-bezier(.4, 0, .6, 1), visibility .18s step-end, color .32s cubic-bezier(.4, 0, .6, 1);
}

#globalnav .bb-avatar-loader {
    color: var(--r-globalnav-color, #000);
    transition: color var(--bb-front-nav-transition-duration, 320ms) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms;
}

#globalnav .loadingSpinnerBar:before {
    transition: background-color var(--bb-front-nav-transition-duration, 320ms) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms;
}

#ac-localnav .bb-avatar-loader {
    color: var(--r-localnav-menu-link-color, #1d1d1f);
    transition: color .24s cubic-bezier(.28, .11, .32, 1);
}

#ac-localnav .loadingSpinnerBar:before {
    transition: background-color .24s cubic-bezier(.28, .11, .32, 1);
}

@media (prefers-reduced-motion:reduce) {
    .loadingSpinnerBar:before {
        animation-duration: .01ms
    }

    .loadingSpinner,
    .bb-avatar-loader>img,
    #globalnav .bb-avatar-loader,
    #globalnav .loadingSpinnerBar:before,
    #ac-localnav .bb-avatar-loader,
    #ac-localnav .loadingSpinnerBar:before {
        transition-duration: .01ms;
        transition-delay: 0ms
    }
}

@media (max-width:833px) {
    #globalnav #globalnav-account.authenticated .bb-globalnav-account-image>.bb-avatar-loader {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }
}


/* Profile flyout: reference-header menu icons and native submenu motion. */
#globalnav #globalnav-account .bb-globalnav-account-flyout .globalnav-submenu-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-user-icon {
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    flex: 0 0 18px;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .globalnav-submenu-list-item-elevated .globalnav-submenu-link {
    display: inline-block;
}

/* Profile flyout uses the same Apple GlobalNav item animation on every open.
The explicit account selectors protect the dynamically cloned flyout from
page/theme integration rules without changing any other submenu motion. */
#globalnav #globalnav-account .bb-globalnav-account-flyout .globalnav-flyout-item {
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .32s cubic-bezier(.4, 0, .6, 1) calc(var(--r-globalnav-flyout-item-number, 0) * 20ms + (var(--r-globalnav-flyout-group-number, 0) + 1) * 80ms),
        transform .32s cubic-bezier(.4, 0, .6, 1) calc(var(--r-globalnav-flyout-item-number, 0) * 20ms + (var(--r-globalnav-flyout-group-number, 0) + 1) * 80ms);
}

#globalnav #globalnav-account.globalnav-item-flyout-open .bb-globalnav-account-flyout .globalnav-flyout-item {
    opacity: 1;
    transform: translateY(0);
}

#globalnav.globalnav-with-flyout-closing #globalnav-account.globalnav-item-flyout-closing .bb-globalnav-account-flyout .globalnav-flyout-item {
    opacity: 0;
    transform: translateY(-4px);
    transition-delay: 0s;
    transition-duration: min(.16s + calc(var(--r-globalnav-flyout-item-total, 1) - var(--r-globalnav-flyout-item-number, 0)) * 20ms, .24s);
}

@media (max-width:833px) {
    #globalnav #globalnav-account .bb-globalnav-account-flyout .globalnav-flyout-item {
        transform: translateY(-8px);
    }

    #globalnav #globalnav-account.globalnav-item-flyout-open .bb-globalnav-account-flyout .globalnav-flyout-item {
        transform: translateY(0);
    }

    #globalnav.globalnav-with-flyout-closing #globalnav-account.globalnav-item-flyout-closing>.bb-globalnav-account-flyout {
        display: block;
        visibility: visible;
        opacity: 1;
        height: 100dvh;
        overflow: hidden;
        pointer-events: none;
    }

    #globalnav.globalnav-with-flyout-closing #globalnav-account.globalnav-item-flyout-closing .bb-globalnav-account-flyout .globalnav-flyout-item {
        opacity: 0;
        transform: translateY(-8px);
        transition-delay: 0s;
        transition-duration: min(.16s + calc(var(--r-globalnav-flyout-item-total, 1) - var(--r-globalnav-flyout-item-number, 0)) * 20ms, .24s);
    }
}

/* Desktop Search: remove mouse-hover/browser chrome, restore keyboard focus. */
@media (min-width:834px) {

    #globalnav .globalnav-searchfield-input,
    #globalnav .globalnav-searchfield-input:hover,
    #globalnav .globalnav-searchfield-input:active {
        border: 0;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }

    #globalnav .globalnav-searchfield-input:focus,
    #globalnav .globalnav-searchfield-input:hover:not([data-focus-method="key"]) {
        outline: none
    }

    #globalnav .globalnav-searchfield-input[data-focus-method="key"] {
        --sk-focus-offset: -7px;
        outline: 2px solid var(--sk-focus-color, #0071e3);
        outline-offset: var(--sk-focus-offset, -7px);
        box-shadow: none;
        border-radius: 0;
    }
}

/* Search, Bag and Profile top utilities share the same keyboard focus ring. */
#globalnav #globalnav-menubutton-link-search:focus-visible,
#globalnav #globalnav-menubutton-link-bag:focus-visible,
#globalnav #globalnav-menubutton-link-account:focus-visible {
    --sk-focus-offset: -7px;
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset, -7px);
    box-shadow: none;
    border-radius: 0;
}

#globalnav #globalnav-menubutton-link-search[data-focus-method="mouse"],
#globalnav #globalnav-menubutton-link-search[data-focus-method="touch"],
#globalnav #globalnav-menubutton-link-bag[data-focus-method="mouse"],
#globalnav #globalnav-menubutton-link-bag[data-focus-method="touch"],
#globalnav #globalnav-menubutton-link-account[data-focus-method="mouse"],
#globalnav #globalnav-menubutton-link-account[data-focus-method="touch"] {
    outline: none;
    box-shadow: none;
}

#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-button:focus-visible {
    --sk-focus-offset: -7px;
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset, -7px);
    box-shadow: none;
}


/* Sign in follows the same foreground as the other desktop nav items while a flyout owns the top surface. */
@media (min-width:834px) {

    body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
    body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        background: transparent;
        color: var(--r-globalnav-color);
    }

    body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
    body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav.globalnav-with-flyout-open #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
        background: transparent;
        color: var(--r-globalnav-color-hover);
    }
}


/* Dark-mode Sign in: requested #08f resting / #09f hover. The unscrolled
green front/TT states keep their existing white/green treatment. */
body.theme-dark:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
html.theme-dark body:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
body[data-hecu-resolved="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
    background: #08f;
    color: #fff;
}

body.theme-dark:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body.theme-dark:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
html.theme-dark body:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
html.theme-dark body:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body[data-bb-nav-theme="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
body[data-hecu-resolved="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
body[data-hecu-resolved="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
    background: #09f;
    color: #fff;
}


/* Mobile Account visibility is intentionally owned by the native GlobalNav
.globalnav-link lifecycle, exactly like Logo/Search/Bag. */

/* Re-arm the native desktop submenu entrance on every hover-to-hover handoff.
This matches the stable reference build: reset the incoming submenu while it
is the next flyout, then let the native open state replay its stagger. */
@media (min-width:834px) {

    #globalnav .globalnav-item-flyout-change-next .globalnav-submenu .globalnav-submenu-header,
    #globalnav .globalnav-item-flyout-change-next .globalnav-submenu .globalnav-submenu-list-item,
    #globalnav .globalnav-item-flyout-change-next .globalnav-submenu .globalnav-submenu-list-item-elevated {
        opacity: 0;
        transform: translateY(-4px);
        transition: none;
    }
}


/* Final desktop Bag foreground synchronization. Badge colors use exactly the
same 320ms GlobalNav foreground clock as the Bag icon/nav links. */
@media (min-width:834px) {
    #globalnav #globalnav-menubutton-link-bag {
        transition: color 360ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
        transition:
            width .3s cubic-bezier(.25, .1, .3, 1),
            opacity .24s ease,
            visibility .24s step-start,
            color 360ms cubic-bezier(.4, 0, .6, 1) 0ms,
            background-color 360ms cubic-bezier(.4, 0, .6, 1) 0ms;
    }

    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        transition:
            background-color 360ms cubic-bezier(.4, 0, .6, 1) 0ms,
            transform .3s cubic-bezier(.25, .1, .3, 1);
    }

    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-number,
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-unit {
        transition:
            color 360ms cubic-bezier(.4, 0, .6, 1) 0ms,
            opacity .24s ease;
    }
}
/* Closing begins the Sign in foreground/pill return immediately, even while
GlobalNav temporarily retains its flyout-open class during the outro. */
@media (min-width:834px) {

    body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav.bb-globalnav-true-closing #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
    body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav.bb-globalnav-true-closing #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        background: #fff;
        color: rgba(85, 119, 0, .8);
        transition: background-color .32s cubic-bezier(.4, 0, .6, 1), color .32s cubic-bezier(.4, 0, .6, 1), opacity .32s cubic-bezier(.4, 0, .6, 1);
    }

    body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav.bb-globalnav-true-closing #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav.bb-globalnav-true-closing #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
    body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav.bb-globalnav-true-closing #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav.bb-globalnav-true-closing #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
        background: #fff;
        color: #557700;
    }
}

/* Desktop flyout top plane: Bag/Profile/Search use the same persistent GlobalNav
link plane as ordinary menu flyouts.  Only compact/mobile GlobalNav fades the
top utilities when a flyout owns the surface. */
@media (min-width:834px) {

    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) #globalnav-list,
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) .globalnav-menu,
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) .globalnav-menu-list {
        opacity: 1;
        visibility: visible;
    }

    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) .globalnav-link-apple,
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) .globalnav-menu .globalnav-submenu-trigger-link,
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) #globalnav-menubutton-link-search,
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) #globalnav-menubutton-link-bag,
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) #globalnav-menubutton-link-account,
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-with-flyout-closing) .globalnav-bag-wrapper {
        opacity: 1;
        visibility: visible;
    }

    /* While a desktop flyout is actually open, Sign in becomes a normal nav
    foreground treatment.  Close-only state deliberately falls through to the
    resting pill rules immediately, so its background starts returning at close. */
    #globalnav.globalnav-with-flyout-open:not(.globalnav-with-flyout-closing) #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
    #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-next) #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        background: transparent;
        color: var(--r-globalnav-color);
    }

    #globalnav.globalnav-with-flyout-open:not(.globalnav-with-flyout-closing) #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    #globalnav.globalnav-with-flyout-open:not(.globalnav-with-flyout-closing) #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill,
    #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-next) #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    #globalnav.globalnav-with-flyout-open.globalnav-with-flyout-closing:has(.globalnav-item-flyout-change-next) #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
        background: transparent;
        color: var(--r-globalnav-color-hover);
    }
}



/* Desktop top-navigation plane is invariant while any flyout opens, changes or
closes. Native flyout content/height animations remain untouched; only the
44px trigger plane is prevented from participating in opacity/visibility
churn caused by fixed-page/header state overrides. */
@media (min-width:834px) {

    #globalnav #globalnav-list,
    #globalnav #globalnav-list>.globalnav-item-apple,
    #globalnav #globalnav-list>.globalnav-menu,
    #globalnav .globalnav-menu-list,
    #globalnav .globalnav-menu-list>.globalnav-item:not(.globalnav-item-bb-account),
    #globalnav .globalnav-search,
    #globalnav .globalnav-bag,
    #globalnav #globalnav-account,
    #globalnav .globalnav-bag-wrapper {
        opacity: 1;
        visibility: visible;
    }

    #globalnav .globalnav-link-apple,
    #globalnav .globalnav-menu-list>.globalnav-item:not(.globalnav-item-bb-account)>.globalnav-submenu-trigger-group>.globalnav-submenu-trigger-item>.globalnav-submenu-trigger-link,
    #globalnav #globalnav-menubutton-link-search,
    #globalnav #globalnav-menubutton-link-bag,
    #globalnav #globalnav-menubutton-link-account {
        opacity: 1;
        visibility: visible;
    }

    #globalnav:is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-flyout-closing):not(.globalnav-block-transitions) .globalnav-link-apple,
    #globalnav:is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-flyout-closing):not(.globalnav-block-transitions) .globalnav-menu-list>.globalnav-item:not(.globalnav-item-bb-account)>.globalnav-submenu-trigger-group>.globalnav-submenu-trigger-item>.globalnav-submenu-trigger-link,
    #globalnav:is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-flyout-closing):not(.globalnav-block-transitions) #globalnav-menubutton-link-search,
    #globalnav:is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-flyout-closing):not(.globalnav-block-transitions) #globalnav-menubutton-link-bag,
    #globalnav:is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-flyout-closing):not(.globalnav-block-transitions) #globalnav-menubutton-link-account {
        transition-property: color;
        transition-duration: .32s;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1);
    }

    /* Resolve flyout foreground from the stable native light/dark state so a
    fixed/front-page section watcher cannot make the links visually vanish. */
    #globalnav.globalnav-with-flyout-open:not(.globalnav-dark):not(.globalheader-dark) {
        --r-globalnav-color: rgba(0, 0, 0, .8);
        --r-globalnav-color-secondary: #333336;
        --r-globalnav-color-hover: #000;
    }

    #globalnav.globalnav-with-flyout-open:is(.globalnav-dark, .globalheader-dark) {
        --r-globalnav-color: rgba(255, 255, 255, .8);
        --r-globalnav-color-secondary: #e8e8ed;
        --r-globalnav-color-hover: #fff;
    }
}

@media (min-width:834px) {
    #globalnav .globalnav-item.globalnav-item-flyout-change-next {
        z-index: auto;
    }

    #globalnav .globalnav-link,
    #globalnav #globalnav-menubutton-link-search,
    #globalnav #globalnav-menubutton-link-bag,
    #globalnav #globalnav-menubutton-link-account {
        z-index: 2;
    }

    #globalnav .globalnav-submenu {
        z-index: 0;
    }
}


/* =========================================================
   GLOBALNAV ACCOUNT FLYOUT — WORDPRESS ADMIN BAR SWITCH
   Placed directly below Sign Out.
   ON  = WP Admin Bar visible
   OFF = WP Admin Bar hidden
   ========================================================= */
#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-utility[hidden] {
    display: none;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-utility {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid rgba(0, 0, 0, .12);
    list-style: none;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #1d1d1f;
    font: inherit;
    font-size: 14px;
    line-height: 1.42859;
    letter-spacing: -.016em;
    cursor: pointer;
    text-align: start;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle-label {
    min-width: 0;
    flex: 1 1 auto;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-switch {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    height: 16px;
    border-radius: 999px;
    background: #e9e9eb;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04);
    transition:
        background-color .28s cubic-bezier(.4, 0, .2, 1),
        box-shadow .28s cubic-bezier(.4, 0, .2, 1);
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-switch-knob {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .24), 0 1px 1px rgba(0, 0, 0, .08);
    transform: translateX(0);
    transition: transform .28s cubic-bezier(.4, 0, .2, 1);
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle[aria-checked="true"] .bb-globalnav-adminbar-switch {
    background: #34c759;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle[aria-checked="true"] .bb-globalnav-adminbar-switch-knob {
    transform: translateX(14px);
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle:focus-visible {
    outline: none;
}

#globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle:focus-visible .bb-globalnav-adminbar-switch {
    box-shadow: 0 0 0 4px rgba(0, 102, 204, .18), inset 0 0 0 1px rgba(0, 0, 0, .04);
}

#globalnav.globalnav-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-utility,
#globalnav.globalheader-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-utility {
    border-top-color: rgba(255, 255, 255, .18);
}

#globalnav.globalnav-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle,
#globalnav.globalheader-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle {
    color: #f5f5f7;
}

#globalnav.globalnav-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-switch,
#globalnav.globalheader-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-switch {
    background: #39393d;
}

#globalnav.globalnav-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle[aria-checked="true"] .bb-globalnav-adminbar-switch,
#globalnav.globalheader-dark #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle[aria-checked="true"] .bb-globalnav-adminbar-switch {
    background: #30d158;
}

@media (max-width: 833px) {
    #globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-utility {
        margin-top: 14px;
        padding-top: 18px;
    }

    #globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle {
        min-height: 36px;
        font-size: 17px;
        line-height: 1.23536;
        letter-spacing: -.022em;
    }

    #globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-switch {
        width: 44px;
        height: 24px;
    }

    #globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-switch-knob {
        width: 22px;
        height: 22px;
    }

    #globalnav #globalnav-account .bb-globalnav-account-flyout .bb-globalnav-adminbar-toggle[aria-checked="true"] .bb-globalnav-adminbar-switch-knob {
        transform: translateX(20px);
    }
}


/* Homepage desktop Search/Bag surface-state race fix.
   1) GlobalNav briefly adds .globalnav-block-transitions for some Bag states
      (notably populated carts). Keep ONLY the homepage surface-color channel
      alive so green -> flyout surface still interpolates instead of snapping.
   2) A second Search/Bag click can pre-arm bb-nav-front-flyout-closing before
      native GlobalNav has actually entered its closing lifecycle. While the
      native nav is still opening/open, keep the flyout surface; start the
      return-to-green blend only when .globalnav-with-flyout-closing arrives. */
@media (min-width:834px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions {
        transition: background-color var(--bb-front-nav-transition-duration) var(--bb-front-nav-transition-easing) 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions .globalnav-submenu {
        transition: background-color var(--bb-front-nav-transition-duration) var(--bb-front-nav-transition-easing) 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) {
        --bb-front-desktop-surface: var(--bb-front-flyout-surface);
        background-image: none;
        background-color: var(--bb-front-flyout-surface);
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) .globalnav-submenu {
        background-image: none;
        background-color: var(--bb-front-flyout-surface);
    }

    /* The helper closing class is intentionally pre-armed on a second click.
       Until native GlobalNav actually enters .globalnav-with-flyout-closing,
       it must NOT restore the green-header white foreground variables. Keep
       every top-level item (logo, menu links, Search, Bag, Account) on the
       already-open flyout palette for this short race window. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open):not(.globalnav-dark):not(.globalheader-dark) {
        --r-globalnav-color: rgb(0 0 0 / 80%);
        --r-globalnav-color-secondary: #333336;
        --r-globalnav-color-hover: #000;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) {
        --r-globalnav-color: rgb(255 255 255 / 80%);
        --r-globalnav-color-secondary: #e8e8ed;
        --r-globalnav-color-hover: #fff;
    }
}

/* Homepage desktop Bag badge continuity.
   Native GlobalNav's .globalnav-block-transitions disables transitions on every
   descendant, so a populated Bag can make the badge snap even while the header
   surface is interpolating. Re-enable only the badge color channels here.
   Also keep the opened-flyout badge palette during the brief second-click race
   until native .globalnav-with-flyout-closing actually begins. */
@media (min-width:834px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions #globalnav-menubutton-link-bag .globalnav-bag-badge {
        transition: width .3s cubic-bezier(.25, .1, .3, 1),
            opacity .24s ease,
            visibility .24s step-start,
            color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            background-color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        transition: background-color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            transform .3s cubic-bezier(.25, .1, .3, 1) !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions #globalnav-menubutton-link-bag .globalnav-bag-badge-number,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled) #globalnav.globalnav-block-transitions #globalnav-menubutton-link-bag .globalnav-bag-badge-unit {
        transition: color var(--bb-front-nav-foreground-duration, .36s) var(--bb-front-nav-transition-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            opacity .24s ease !important;
    }

    /* Light flyout: do not let the helper closing class restore the green-top
       badge while native GlobalNav is still opening/open. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open):not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #1d1d1f;
        --globalnav-badge-text-color: #fff;
        color: #fff;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open):not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open):not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open):not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-light:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #1d1d1f;
    }

    /* Dark flyout equivalent. */
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #fff;
        --globalnav-badge-text-color: #1d1d1f;
        color: #1d1d1f;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalnav-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-closing #globalnav.globalheader-dark:not(.globalnav-with-flyout-closing):is(.globalnav-animating, .globalnav-with-flyout-open, .globalnav-with-menu-open, .globalnav-with-submenu-open) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #fff;
    }
}





/* =========================================================
MOBILE HOMEPAGE SCROLL COLOR SYNCHRONIZATION - ONE STATE / ONE CLOCK
Closed mobile frontpage only. All visible foreground channels are driven by
body.bb-nav-front-has-scrolled and the same 240ms easing in both directions.
Flyout open/close animation remains owned by the earlier native-state rules.
========================================================= */
@media (max-width:833px) and (prefers-reduced-motion:no-preference) {
    body.bb-nav-front-page.bb-nav-global-only-page {
        --bb-front-mobile-scroll-duration: 240ms;
        --bb-front-mobile-scroll-easing: cubic-bezier(.4, 0, .6, 1);
    }

    /* One closed-nav selector is deliberately shared by top and scrolled states,
       so the transition definition itself does not change when the scroll class
       is added or removed. */
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
        --bb-front-mobile-scroll-foreground: rgb(255 255 255 / 80%);
        --bb-front-mobile-scroll-trigger: #fff;
        --bb-front-mobile-scroll-badge-bg: #fff;
        --bb-front-mobile-scroll-badge-fg: #690;
    }

    /* Scrolled light destination. The body scroll class is the state owner. */
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled
    #globalnav:not(.globalnav-dark):not(.globalheader-dark):not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled
    #globalnav.globalnav-light:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled
    #globalnav.globalheader-light:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
        --bb-front-mobile-scroll-foreground: rgb(0 0 0 / 80%);
        --bb-front-mobile-scroll-trigger: #000;
        --bb-front-mobile-scroll-badge-bg: #1d1d1f;
        --bb-front-mobile-scroll-badge-fg: #fff;
    }

    /* Scrolled dark destination. */
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled
    #globalnav.globalnav-dark:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled
    #globalnav.globalheader-dark:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open),
    body.bb-nav-front-page.bb-nav-global-only-page.bb-nav-front-has-scrolled .globalheader-dark
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) {
        --bb-front-mobile-scroll-foreground: rgb(255 255 255 / 80%);
        --bb-front-mobile-scroll-trigger: #fff;
        --bb-front-mobile-scroll-badge-bg: #fff;
        --bb-front-mobile-scroll-badge-fg: #1d1d1f;
    }

    /* Logo, Search, Bag and authenticated Account/avatar link: exact same clock. */
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) #globalnav-menubutton-link-account {
        color: var(--bb-front-mobile-scroll-foreground);
        transition-property: color;
        transition-duration: var(--bb-front-mobile-scroll-duration);
        transition-timing-function: var(--bb-front-mobile-scroll-easing);
        transition-delay: 0ms;
    }

    /* Trigger uses the same clock. Its SVG bread does not run a second color
       animation; currentColor makes it follow the button interpolation exactly. */
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) #globalnav-menutrigger-button {
        color: var(--bb-front-mobile-scroll-trigger);
        transition-property: color;
        transition-duration: var(--bb-front-mobile-scroll-duration);
        transition-timing-function: var(--bb-front-mobile-scroll-easing);
        transition-delay: 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-menutrigger-bread {
        stroke: currentColor;
        transition: none;
        will-change: auto;
    }

    /* Logo/Search/Bag SVG paint follows the parent color every animation frame. */
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) .globalnav-link-apple svg,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) #globalnav-menubutton-link-search svg,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open) #globalnav-menubutton-link-bag svg {
        fill: currentColor;
    }

    /* Avatar fallback/spinner follows the Account link clock. A real profile
       photograph is intentionally not recolored. */
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-account.authenticated .bb-avatar-loader,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-account.authenticated .bb-globalnav-user-fallback {
        color: inherit;
        transition: none;
    }

    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-account.authenticated .bb-globalnav-user-fallback {
        fill: currentColor;
    }

    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-account.authenticated .loadingSpinnerBar::before {
        background-color: currentColor;
        transition: none;
    }

    /* Badge text and every visible pill layer use the same 240ms clock. */
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: var(--bb-front-mobile-scroll-badge-bg);
        --globalnav-badge-text-color: var(--bb-front-mobile-scroll-badge-fg);
        color: var(--bb-front-mobile-scroll-badge-fg);
        transition: width .3s cubic-bezier(.25, .1, .3, 1),
            opacity .24s ease,
            visibility .24s step-start,
            color var(--bb-front-mobile-scroll-duration) var(--bb-front-mobile-scroll-easing) 0ms,
            background-color var(--bb-front-mobile-scroll-duration) var(--bb-front-mobile-scroll-easing) 0ms;
    }

    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: var(--bb-front-mobile-scroll-badge-bg);
        transition: background-color var(--bb-front-mobile-scroll-duration) var(--bb-front-mobile-scroll-easing) 0ms,
            transform .3s cubic-bezier(.25, .1, .3, 1);
    }

    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge-number,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge-unit {
        color: var(--bb-front-mobile-scroll-badge-fg);
        transition: color var(--bb-front-mobile-scroll-duration) var(--bb-front-mobile-scroll-easing) 0ms,
            opacity .24s ease;
    }
}

/* ============================================================================
   HOMEPAGE DESKTOP: STABLE FLYOUT SURFACE DURING HOVER HANDOFF
   ----------------------------------------------------------------------------
   When moving directly between Menu/Search/Bag/Account while a flyout is
   already open, GlobalNav temporarily marks the incoming flyout as
   .globalnav-item-flyout-change-next. Core intentionally makes that submenu
   transparent during the 120ms handoff. On the homepage's colored top state
   that exposes the page/header underneath and looks like a transparent ->
   opaque flicker.

   The JS handoff lock is armed in capture phase before GlobalNav changes its
   native classes. While it is armed, every outgoing/incoming flyout paint
   layer uses the already-open flyout surface continuously. The lock expires
   after the native handoff settles, so normal open/close animation remains
   unchanged.
   ============================================================================ */
@media (min-width:834px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav {
        --bb-front-desktop-surface: var(--bb-front-flyout-surface, #fafafc) !important;
        --bb-nav-surface-color: var(--bb-front-flyout-surface, #fafafc) !important;
        --globalnav-background: var(--bb-front-flyout-surface, #fafafc) !important;
        background: var(--bb-front-flyout-surface, #fafafc) !important;
        background-color: var(--bb-front-flyout-surface, #fafafc) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-submenu,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-item-flyout-change-previous .globalnav-submenu,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-item-flyout-change-next .globalnav-submenu {
        background-image: none !important;
        background: var(--bb-front-flyout-surface, #fafafc) !important;
        background-color: var(--bb-front-flyout-surface, #fafafc) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;
    }

    /* These wrappers never own the visible surface during the handoff. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-content,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-flyout,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-flyout-scroll-container,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock #globalnav .globalnav-submenu-content {
        background-image: none !important;
        background-color: transparent !important;
    }
}


/* ============================================================================
   BB DESKTOP GLOBALNAV: INTERRUPTED HOVER-RELEASE REVERSE + BAG BADGE STABILITY
   ----------------------------------------------------------------------------
   1) Keep the flyout contents transitionable when hover is released while the
      opening animation is still in progress.
   2) Keep the Bag icon/badge on the flyout palette for the complete native
      closing lifecycle. Do not let it briefly fall back to the transparent-top
      homepage palette before the flyout has actually finished closing.
   ============================================================================ */
@media (min-width:834px) {
    /* Interrupted hover-release uses transitions, not a restarted keyframe.
       This lets opacity/transform continue from their CURRENT rendered value. */
    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing .globalnav-flyout-item,
    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing .globalnav-submenu-header,
    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing .globalnav-submenu-list-item,
    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing .globalnav-submenu-list-item-elevated {
        opacity: 0;
        transform: translateY(-4px);
        transition-property: opacity, transform !important;
        transition-duration: .24s, .24s !important;
        transition-delay: 0ms, 0ms !important;
        transition-timing-function: cubic-bezier(.4, 0, .6, 1), cubic-bezier(.4, 0, .6, 1) !important;
    }

    /* Search uses keyframe intro/outro animations in the native header. A new
       outro keyframe starts from 100% visible, which can flash when opening is
       interrupted. Convert that interrupted close to the same reversible
       transition model used by the menu/account items. */
    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing .globalnav-searchfield-wrapper {
        animation: none !important;
        opacity: 0;
        transform: translateY(var(--r-globalnav-search-input-vertical-shift, -4px));
        transition: opacity .24s cubic-bezier(.4, 0, .6, 1) 0ms,
                    transform .24s cubic-bezier(.4, 0, .6, 1) 0ms !important;
    }

    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-header,
    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing .globalnav-searchresults-current [data-bb-search-quicklinks="true"] .globalnav-searchresults-list-item,
    #globalnav.bb-globalnav-hover-release-closing.globalnav-with-flyout-closing [data-bb-search-live="true"] .globalnav-searchresults-list-item {
        animation: none !important;
        opacity: 0 !important;
        transform: translateY(calc(var(--r-globalnav-search-shift-vertical, 4px) * -1)) !important;
        transition: opacity .24s cubic-bezier(.4, 0, .6, 1) 0ms,
                    transform .24s cubic-bezier(.4, 0, .6, 1) 0ms !important;
    }

    /* Homepage/top, light flyout: keep the same foreground palette for the
       complete open -> closing sequence. This prevents the Bag SVG from
       changing color while the panel is still visible. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark) {
        --r-globalnav-color: rgb(0 0 0 / 80%);
        --r-globalnav-color-secondary: #333336;
        --r-globalnav-color-hover: #000;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark)
    #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #1d1d1f;
        --globalnav-badge-text-color: #fff;
        color: #fff;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark)
    #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark)
    #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark)
    #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #1d1d1f;
    }

    /* Keep the same palette during the tiny menu-to-menu handoff lock too. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock
    #globalnav:not(.globalnav-dark):not(.globalheader-dark) {
        --r-globalnav-color: rgb(0 0 0 / 80%);
        --r-globalnav-color-secondary: #333336;
        --r-globalnav-color-hover: #000;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock
    #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #1d1d1f;
        --globalnav-badge-text-color: #fff;
        color: #fff;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock
    #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock
    #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled).bb-nav-front-flyout-handoff-lock
    #globalnav:not(.globalnav-dark):not(.globalheader-dark) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #1d1d1f;
    }

    /* Dark flyout equivalent. */
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing),
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing),
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing),
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing),
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalnav-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing),
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalheader-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) {
        --r-globalnav-color: rgb(255 255 255 / 80%);
        --r-globalnav-color-secondary: #e8e8ed;
        --r-globalnav-color-hover: #fff;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body[data-hecu-resolved="dark"].bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    html[data-hecu-resolved="dark"] body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalnav-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalheader-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #fff;
        --globalnav-badge-text-color: #1d1d1f;
        color: #1d1d1f;
    }

    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.theme-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    html.theme-dark body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.globalheader-dark.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalnav-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalnav-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalnav-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalheader-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalheader-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.globalheader-dark:is(.globalnav-with-flyout-open, .globalnav-animating):not(.bb-globalnav-true-closing) #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #fff;
    }
}
/* ========== END BB DESKTOP GLOBALNAV INTERRUPTED CLOSE + BADGE STABILITY ========== */

/* ============================================================================
   BB DESKTOP HOMEPAGE: RESTORE FOREGROUND COLOR RETURN DURING FLYOUT CLOSE
   ----------------------------------------------------------------------------
   The badge-stability patch intentionally keeps the badge paint isolated, but
   must not keep --r-globalnav-color on the opened (#fafafc) palette throughout
   the native closing lifecycle. As soon as native GlobalNav enters
   the explicit .bb-globalnav-true-closing state returns the foreground destination
   to the homepage palette. Existing 320ms GlobalNav color transitions then run
   exactly as before while the flyout/surface is closing.
   ============================================================================ */
@media (min-width:834px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav.bb-globalnav-true-closing {
        --r-globalnav-color: rgb(255 255 255 / 80%) !important;
        --r-globalnav-color-secondary: #fff !important;
        --r-globalnav-color-hover: #fff !important;
    }
}
/* ========== END BB DESKTOP HOMEPAGE FOREGROUND CLOSE RESTORE ========== */

/* ============================================================================
   BB MOBILE HOVER-CAPABLE POINTER: INSTANT UTILITY HOVER
   ----------------------------------------------------------------------------
   On compact layouts with an actual hover-capable fine pointer, Logo, Search,
   Bag, authenticated Account/avatar and the menu trigger react immediately.
   JS keeps the no-transition class through the first paint after mouseleave so
   hover-out is instant too, then removes it so normal scroll/flyout transitions
   continue to work when the control is no longer being hovered.
   ============================================================================ */
@media (max-width:833px) and (hover:hover) and (pointer:fine) {
    #globalnav .bb-mobile-hover-instant,
    #globalnav .bb-mobile-hover-instant svg,
    #globalnav .bb-mobile-hover-instant .globalnav-menutrigger-bread,
    #globalnav .bb-mobile-hover-instant .bb-globalnav-account-image,
    #globalnav .bb-mobile-hover-instant .bb-avatar-loader,
    #globalnav .bb-mobile-hover-instant .bb-globalnav-user-avatar,
    #globalnav .bb-mobile-hover-instant .bb-globalnav-user-fallback {
        transition: none !important;
        transition-delay: 0s !important;
    }

    /* Logo / Search / Bag / fallback account icon use the current state's
       native hover destination, but without any interpolation. */
    #globalnav .globalnav-link-apple:hover,
    #globalnav #globalnav-menubutton-link-search:hover,
    #globalnav #globalnav-menubutton-link-bag:hover,
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:hover {
        color: var(--r-globalnav-color-hover) !important;
    }

    /* The trigger's native hover is an opacity lift. Keep its current state
       color (important while a light mobile flyout is open) and make it instant. */
    #globalnav #globalnav-menutrigger-button:hover {
        opacity: 1 !important;
    }

    /* A real profile photo cannot follow currentColor, so give it the same
       80% -> 100% visual hover treatment as the utility icons. */
    #globalnav #globalnav-account.authenticated .bb-globalnav-account-image {
        /*
        opacity: .8 !important;
        */
        transition: none !important;
    }

    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:hover .bb-globalnav-account-image,
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:focus-visible .bb-globalnav-account-image {
        opacity: 1 !important;
        transition: none !important;
    }
}
/* ========== END BB MOBILE INSTANT UTILITY HOVER ========== */



/* ============================================================================
   BB DESKTOP GLOBALNAV: GLOBAL HANDOFF SURFACE CONTINUITY
   ----------------------------------------------------------------------------
   The native desktop controller briefly gives the incoming flyout a transparent
   paint during change-next.  Keep the already-open flyout surface continuous
   on every desktop page/state while JS holds the handoff lock.

   This rule is handoff-only: initial open and final close are intentionally not
   matched, so their existing smooth background transitions stay unchanged.
   ============================================================================ */
@media (min-width:834px) {
    #globalnav.bb-globalnav-flyout-handoff-lock {
        --bb-globalnav-handoff-surface: #fafafc;
        --r-globalnav-background-opened: var(--bb-globalnav-handoff-surface) !important;
        --r-globalnav-background-opened-dark: var(--bb-globalnav-handoff-surface) !important;
        --bb-nav-surface-color: var(--bb-globalnav-handoff-surface) !important;
        --globalnav-background: var(--bb-globalnav-handoff-surface) !important;
        background-image: none !important;
        background-color: var(--bb-globalnav-handoff-surface) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;
    }

    #globalnav.bb-globalnav-flyout-handoff-lock:is(.globalnav-dark, .globalheader-dark),
    body.theme-dark #globalnav.bb-globalnav-flyout-handoff-lock,
    html.theme-dark body #globalnav.bb-globalnav-flyout-handoff-lock,
    body[data-hecu-resolved="dark"] #globalnav.bb-globalnav-flyout-handoff-lock,
    html[data-hecu-resolved="dark"] body #globalnav.bb-globalnav-flyout-handoff-lock {
        --bb-globalnav-handoff-surface: #161617;
    }

    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-submenu,
    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-item.globalnav-item-flyout-open .globalnav-submenu,
    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-item-flyout-change-previous .globalnav-submenu,
    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-item-flyout-change-next .globalnav-submenu {
        background-image: none !important;
        background-color: var(--bb-globalnav-handoff-surface) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;
    }

    /* These inner wrappers must never introduce a second/transparent surface
       while the outgoing and incoming panels exchange ownership. */
    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-content,
    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-flyout,
    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-flyout-scroll-container,
    #globalnav.bb-globalnav-flyout-handoff-lock .globalnav-submenu-content {
        background-image: none !important;
        background-color: transparent !important;
    }
}

/* ============================================================================
   BB MOBILE FRONTPAGE @ TOP: KEEP UTILITY ICON PALETTE, EXCEPT MENU TRIGGER
   ----------------------------------------------------------------------------
   On the unscrolled front page, the compact flyout switches the shared
   foreground variables to the light-surface black palette.  Logo, Search,
   Bag and Account are persistent top-bar utilities and must keep the original
   white top-state palette while they fade in/out.  The Menu Trigger is
   intentionally NOT matched here so its native white -> black flyout color
   transition continues exactly as before.
   ============================================================================ */
@media (max-width:833px) {
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav .globalnav-link-apple,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-search,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account {
        color: rgb(255 255 255 / 80%) !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav .globalnav-link-apple:hover,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav .globalnav-link-apple:focus-visible,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-search:hover,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-search:focus-visible,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag:hover,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag:focus-visible,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:hover,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:focus-visible {
        color: #fff !important;
    }

    /* Keep the actual utility SVG paint tied to those frozen link colors. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav .globalnav-link-apple svg,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-search svg,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag svg {
        fill: currentColor !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated .bb-avatar-loader,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated .bb-globalnav-user-fallback {
        color: rgb(255 255 255 / 80%) !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:hover .bb-avatar-loader,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:focus-visible .bb-avatar-loader,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:hover .bb-globalnav-user-fallback,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated #globalnav-menubutton-link-account:focus-visible .bb-globalnav-user-fallback {
        color: #fff !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-account.authenticated .bb-globalnav-user-fallback {
        fill: currentColor !important;
    }

    /* Keep the unscrolled mobile badge on its existing top-state palette.
       This does not alter geometry or timing, only prevents flyout foreground
       variables from repainting it during the utility fade. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge {
        --globalnav-badge-background: #fff !important;
        --globalnav-badge-text-color: #690 !important;
        color: #690 !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        background-color: #fff !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-number,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav #globalnav-menubutton-link-bag .globalnav-bag-badge-unit {
        color: #690 !important;
    }
}
/* ========== END BB MOBILE FRONTPAGE UTILITY PALETTE LOCK (TRIGGER EXCLUDED) ========== */

/* ============================================================================
   BB DESKTOP: SIGN IN FOLLOWS FLYOUT OWNERSHIP WITHOUT HANDOFF FLICKER
   ----------------------------------------------------------------------------
   Sign In only.  While any desktop flyout owns/enters the GlobalNav surface,
   keep the pill on the flyout foreground treatment across native class gaps
   and flyout-to-flyout handoffs.  A genuine close is explicitly excluded so
   the existing resting/close rules take over normally.
   ============================================================================ */
@media (min-width:834px) {
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing)
    #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        background: transparent !important;
        color: var(--r-globalnav-color) !important;
    }

    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing)
    #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing)
    #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
        background: transparent !important;
        color: var(--r-globalnav-color-hover) !important;
    }
}
/* ========== END BB DESKTOP SIGN IN FLYOUT OWNERSHIP STABILITY ========== */


/* ============================================================================
   BB MOBILE: SIGN IN USES THE SAME CLOSED-NAV SCROLL CLOCK
   ----------------------------------------------------------------------------
   The previous blanket transition:none prevented Sign In from following the
   synchronized mobile front-page scroll transition. Keep one constant 240ms
   clock (the same --bb-front-mobile-scroll-* clock used by Logo/Search/Bag)
   while the compact nav is closed.
   ============================================================================ */
@media (max-width:833px) and (prefers-reduced-motion:no-preference) {
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        transition-property: background-color, color, opacity !important;
        transition-duration:
            var(--bb-front-mobile-scroll-duration, 240ms),
            var(--bb-front-mobile-scroll-duration, 240ms),
            .24s !important;
        transition-timing-function:
            var(--bb-front-mobile-scroll-easing, cubic-bezier(.4, 0, .6, 1)),
            var(--bb-front-mobile-scroll-easing, cubic-bezier(.4, 0, .6, 1)),
            cubic-bezier(.4, 0, .6, 1) !important;
        transition-delay: 0ms, 0ms, 0ms !important;
    }

    /* At the unscrolled mobile front page, opening/closing the flyout must not
       recolor or animate Sign In. This mirrors the persistent Bag/Search top-bar
       treatment: the pill stays on the existing white/green top-state palette. */
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-flyout-closing,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open
    ) #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        background-color: #fff !important;
        color: rgba(85, 119, 0, .8) !important;
        transition: none !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-flyout-closing,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open
    ) #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    body.bb-nav-front-page.bb-nav-global-only-page:not(.bb-nav-front-has-scrolled)
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-flyout-closing,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open
    ) #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
        color: #557700 !important;
        transition: none !important;
    }
}

/* Reduced motion keeps the Sign In state change immediate, consistent with the
   rest of the front-page foreground channels. */
@media (max-width:833px) and (prefers-reduced-motion:reduce) {
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        transition-duration: .01ms !important;
        transition-delay: 0ms !important;
    }
}
/* ========== END BB MOBILE SIGN IN SCROLL / FLYOUT TIMING ========== */

/* ============================================================================
   BB MOBILE: BAG BADGE COLOR USES THE SAME 240ms SCROLL CLOCK
   ----------------------------------------------------------------------------
   An older !important 320ms badge rule was overriding the synchronized 240ms
   mobile scroll block. Geometry/count motion is unchanged; only badge color
   channels are put on the same clock as the visible mobile nav controls.
   ============================================================================ */
@media (max-width:833px) and (prefers-reduced-motion:no-preference) {
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge {
        transition: width .3s cubic-bezier(.25, .1, .3, 1),
            opacity .24s ease,
            visibility .24s step-start,
            color var(--bb-front-mobile-scroll-duration, 240ms) var(--bb-front-mobile-scroll-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            background-color var(--bb-front-mobile-scroll-duration, 240ms) var(--bb-front-mobile-scroll-easing, cubic-bezier(.4, 0, .6, 1)) 0ms !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge::before,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge::after,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge-separator {
        transition: background-color var(--bb-front-mobile-scroll-duration, 240ms) var(--bb-front-mobile-scroll-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            transform .3s cubic-bezier(.25, .1, .3, 1) !important;
    }

    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge-number,
    body.bb-nav-front-page.bb-nav-global-only-page
    #globalnav:not(.globalnav-with-flyout-open):not(.globalnav-with-flyout-closing):not(.globalnav-with-menu-open):not(.globalnav-with-submenu-open)
    #globalnav-menubutton-link-bag .globalnav-bag-badge-unit {
        transition: color var(--bb-front-mobile-scroll-duration, 240ms) var(--bb-front-mobile-scroll-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            opacity .24s ease !important;
    }
}
/* ========== END BB MOBILE BAG BADGE SCROLL CLOCK ========== */

/* ============================================================================
   BB DESKTOP STORE: PRESERVE THE NATIVE 980px USABLE CONTENT WIDTH
   ----------------------------------------------------------------------------
   Core uses a 1024px border-box with 22px inline padding = 980px usable width.
   Tall flyouts receive .globalnav-flyout-short, whose generic rule subtracts
   scrollbar width from that max-width. Store is commonly tall, so it appears
   narrower. Override only Store so its desktop content box stays at 1024px;
   the existing 22px + 22px padding therefore preserves a 980px usable area.
   ============================================================================ */
@media (min-width:834px) {
    #globalnav #globalnav-submenu-link-bb-store
    .globalnav-flyout-content.globalnav-submenu-content {
        width: 100%;
        max-width: 1024px;
    }
}
/* ========== END BB DESKTOP STORE CONTENT WIDTH ========== */

/* ============================================================================
   BB MOBILE SIGN IN: TRUE 0s HOVER-IN + HOVER-OUT
   ----------------------------------------------------------------------------
   The existing JS keeps .bb-mobile-hover-instant through the hover-out paint,
   then removes it two animation frames later. This lets Sign In hover both in
   and out instantly without disabling its normal 240ms mobile scroll transition.
   ============================================================================ */
@media (max-width:833px) {
    body #globalnav #globalnav-account.unauthenticated
    .bb-globalnav-signin-button.bb-mobile-hover-instant .bb-globalnav-signin-pill {
        transition: none !important;
        transition-property: none !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}
/* ========== END BB MOBILE SIGN IN TRUE INSTANT HOVER ========== */

/* ============================================================================
   BB MOBILE SIGN IN: GLOBAL 0s HOVER + LATCHED TOUCH
   ----------------------------------------------------------------------------
   The interaction layer is page-agnostic: it applies on every compact page.
   Mouse/trackpad hover-in and hover-out use transition:none. Touch/pen keeps the
   touched palette latched after release; the next outside interaction restores
   the resting palette with transition:none. Existing page/theme palette rules
   remain authoritative; this block only controls interaction timing/state.
   ============================================================================ */
@media (max-width:833px) {
    #globalnav {
        --bb-signin-mobile-rest-bg: #0071e3;
        --bb-signin-mobile-rest-color: #fff;
        --bb-signin-mobile-touch-bg: #0077ed;
        --bb-signin-mobile-touch-color: #fff;
    }

    body.bb-nav-front-page:not(.bb-nav-front-has-scrolled) #globalnav,
    body.bb-nav-tt-page:not(.bb-nav-has-scrolled) #globalnav {
        --bb-signin-mobile-rest-bg: #fff;
        --bb-signin-mobile-rest-color: rgba(85, 119, 0, .8);
        --bb-signin-mobile-touch-bg: #fff;
        --bb-signin-mobile-touch-color: #557700;
    }

    body.bb-nav-front-page.bb-nav-front-has-scrolled #globalnav,
    body.bb-nav-tt-page.bb-nav-has-scrolled #globalnav {
        --bb-signin-mobile-touch-bg: #08f;
        --bb-signin-mobile-touch-color: #fff;
    }

    body.theme-dark.bb-nav-front-has-scrolled #globalnav,
    html.theme-dark body.bb-nav-front-has-scrolled #globalnav,
    body[data-bb-nav-theme="dark"].bb-nav-front-has-scrolled #globalnav,
    body[data-hecu-resolved="dark"].bb-nav-front-has-scrolled #globalnav,
    html[data-hecu-resolved="dark"] body.bb-nav-front-has-scrolled #globalnav,
    body.theme-dark.bb-nav-has-scrolled #globalnav,
    html.theme-dark body.bb-nav-has-scrolled #globalnav,
    body[data-bb-nav-theme="dark"].bb-nav-has-scrolled #globalnav,
    body[data-hecu-resolved="dark"].bb-nav-has-scrolled #globalnav,
    html[data-hecu-resolved="dark"] body.bb-nav-has-scrolled #globalnav,
    body.theme-dark:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav,
    html.theme-dark body:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav,
    body[data-bb-nav-theme="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav,
    body[data-hecu-resolved="dark"]:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav,
    html[data-hecu-resolved="dark"] body:not(.bb-nav-front-page):not(.bb-nav-tt-page) #globalnav {
        --bb-signin-mobile-rest-bg: #08f;
        --bb-signin-mobile-rest-color: #fff;
        --bb-signin-mobile-touch-bg: #09f;
        --bb-signin-mobile-touch-color: #fff;
    }

    body #globalnav #globalnav-account.unauthenticated
    .bb-globalnav-signin-button.bb-signin-touch-active .bb-globalnav-signin-pill {
        background: var(--bb-signin-mobile-touch-bg) !important;
        color: var(--bb-signin-mobile-touch-color) !important;
        transition: none !important;
        transition-property: none !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}

@media (max-width:833px) and (hover:none),
       (max-width:833px) and (pointer:coarse) {
    body #globalnav #globalnav-account.unauthenticated
    .bb-globalnav-signin-button:not(.bb-signin-touch-active):not(.bb-signin-real-hover):hover .bb-globalnav-signin-pill {
        background: var(--bb-signin-mobile-rest-bg) !important;
        color: var(--bb-signin-mobile-rest-color) !important;
    }
}
/* ========== END BB MOBILE SIGN IN GLOBAL 0s HOVER + LATCHED TOUCH ========== */


/* ============================================================================
   BB MOBILE BAG: LINK-OWNED FADE ON EVERY PAGE
   ----------------------------------------------------------------------------
   Native compact GlobalNav normally fades .globalnav-bag-wrapper and keeps the
   Bag link itself at opacity:1 while a flyout is open. The homepage already
   uses the opposite ownership so Bag matches Logo/Search: wrapper stays stable
   and the link performs the 240ms opacity/visibility fade. Apply that same
   ownership to Bag on every compact page without changing other utilities.
   ============================================================================ */
@media (max-width:833px) {
    /* One fade owner only: never let the wrapper add a second hide/fade. */
    #globalnav .globalnav-bag-wrapper,
    #globalnav.globalnav-with-flyout-open .globalnav-bag-wrapper,
    #globalnav.globalnav-with-flyout-closing .globalnav-bag-wrapper,
    #globalnav.globalnav-with-menu-open .globalnav-bag-wrapper,
    #globalnav.globalnav-with-submenu-open .globalnav-bag-wrapper {
        opacity: 1;
        visibility: visible;
        transition: none;
        will-change: auto;
    }

    /* Closed/closing state: match the native Logo/Search return clock on
       ordinary pages. Homepage variables override the fallback delay to 0ms. */
    #globalnav #globalnav-menubutton-link-bag {
        opacity: 1;
        visibility: visible;
        transition:
            opacity var(--bb-front-mobile-icon-duration, 240ms) var(--bb-front-mobile-icon-easing, cubic-bezier(.4, 0, .6, 1)) var(--bb-front-mobile-icon-return-delay, 80ms),
            visibility var(--bb-front-mobile-icon-duration, 240ms) step-start var(--bb-front-mobile-icon-return-delay, 80ms),
            color .32s cubic-bezier(.4, 0, .6, 1);
        will-change: opacity, color;
    }

    /* Opening/open: override core's Bag-specific opacity:1 rule so the Bag link
       itself fades out exactly like the other compact utility links. */
    #globalnav.globalnav-with-flyout-open #globalnav-menubutton-link-bag,
    #globalnav.globalnav-with-menu-open #globalnav-menubutton-link-bag,
    #globalnav.globalnav-with-submenu-open #globalnav-menubutton-link-bag {
        opacity: 0;
        visibility: hidden;
        transition:
            opacity var(--bb-front-mobile-icon-duration, 240ms) var(--bb-front-mobile-icon-easing, cubic-bezier(.4, 0, .6, 1)) 0ms,
            visibility var(--bb-front-mobile-icon-duration, 240ms) step-end 0ms,
            color .32s cubic-bezier(.4, 0, .6, 1);
    }
}
/* ========== END BB MOBILE BAG LINK-OWNED FADE ========== */

/* ============================================================================
   BB DESKTOP SIGN IN: EXPLICIT FLYOUT PALETTE + TRANSITION
   ----------------------------------------------------------------------------
   Keep Sign In synchronized with the desktop flyout top plane on every page.
   Do not rely only on --r-globalnav-color because page/section state can retain
   the resting header palette during a flyout handoff. The actual flyout light/
   dark state owns the pill foreground here. Genuine final close is excluded so
   existing resting/close rules still take over normally.
   ============================================================================ */
@media (min-width:834px) {
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing)
    #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        
        
        
        background-color: #86868824 !important;
        
        
        
        transition: background-color .32s cubic-bezier(.4, 0, .6, 1),
            color .32s cubic-bezier(.4, 0, .6, 1),
            opacity .32s cubic-bezier(.4, 0, .6, 1) !important;
        transition-delay: 0s !important;
    }

    /* Light flyout surface. */
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark)
    #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        color: rgba(0, 0, 0, .8) !important;
    }

    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark)
    #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):not(.globalnav-dark):not(.globalheader-dark)
    #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
        color: #000 !important;
    }

    /* Dark flyout surface. */
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):is(.globalnav-dark, .globalheader-dark)
    #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        color: rgba(255, 255, 255, .8) !important;
    }

    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):is(.globalnav-dark, .globalheader-dark)
    #globalnav-account.unauthenticated .bb-globalnav-signin-button:hover .bb-globalnav-signin-pill,
    #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):is(.globalnav-dark, .globalheader-dark)
    #globalnav-account.unauthenticated .bb-globalnav-signin-button:focus-visible .bb-globalnav-signin-pill {
        color: #fff !important;
    }

    /* Dark page fallback for cases where the flyout has not yet copied the
       dark class onto #globalnav during the first animation frame. */
    body.theme-dark #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):not(.globalnav-light):not(.globalheader-light)
    #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
    html.theme-dark body #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):not(.globalnav-light):not(.globalheader-light)
    #globalnav-account.unauthenticated .bb-globalnav-signin-pill,
    body[data-hecu-resolved="dark"] #globalnav:is(
        .globalnav-animating,
        .globalnav-with-flyout-open,
        .globalnav-with-menu-open,
        .globalnav-with-submenu-open,
        .bb-globalnav-flyout-handoff-lock
    ):not(.bb-globalnav-true-closing):not(.globalnav-light):not(.globalheader-light)
    #globalnav-account.unauthenticated .bb-globalnav-signin-pill {
        color: rgba(255, 255, 255, .8) !important;
    }
}
/* ========== END BB DESKTOP SIGN IN EXPLICIT FLYOUT PALETTE ========== */