/*
Theme Name: chrispoirier.com
Author: Christopher Poirier
Version: 2026.9.1
Text Domain: chrispoirier
*/



@charset "UTF-8";

#globalheader {
    all: unset
}

#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
}

html,
body {
    margin: 0;
    padding: 0
}

:root {
    --r-globalnav-background-opened: #fafafc;
    --r-globalnav-background-opened-dark: #161617
}

#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;
    position: absolute;
    top: var(--wp-admin--admin-bar--height, 0px);
    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;
    -webkit-backdrop-filter: var(--globalnav-backdrop-filter);
    backdrop-filter: var(--globalnav-backdrop-filter)
}

#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.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
}

@media only screen and (min-width: 834px) {
    #globalnav {
        background: var(--globalnav-background)
    }
}

#globalnav.globalnav-with-flyout-open {
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

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

@media only screen and (max-width: 833px) {
    #globalnav {
        --r-globalnav-height: 48px;
        max-height: none
    }
}

#globalnav.globalnav-scrim,
.globalnav-scrim #globalnav {
    background: var(--globalnav-background);
    --globalnav-background: rgba(250, 250, 252, .92)
}

@media only screen and (max-width: 833px) {

    #globalnav.globalnav-scrim,
    .globalnav-scrim #globalnav {
        background: none
    }
}

@supports ((-webkit-backdrop-filter: initial) or (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 ((-webkit-backdrop-filter: initial) or (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 ((-webkit-backdrop-filter: initial) or (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 !important;
    transition: none !important
}

.globalnav-hidden,
.globalnav-svg-symbol {
    display: none
}

.globalnav-placeholder {
    height: 44px
}

@media only screen and (max-width: 833px) {
    .globalnav-placeholder {
        height: 48px
    }
}

.ac-nav-overlap .globalnav-placeholder {
    display: none
}

.globalnav-curtain {
    background: rgba(232, 232, 237, .4);
    -webkit-backdrop-filter: blur(20px);
    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 !important;
    transition: none !important
}

@media only screen and (max-width: 833px) {

    .globalnav-with-flyout-open:not(.globalnav-animating) ~ .globalnav-curtain,
    .globalnav-with-menu-open.globalnav-with-flyout-closing.globalnav-animating ~ .globalnav-curtain {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
}

.globalnav-curtain-noblur {
    -webkit-backdrop-filter: none;
    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 only screen and (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: 100vh;
        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: 100dvh
        }
    }

    .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 {
        -webkit-backdrop-filter: var(--globalnav-backdrop-filter);
        backdrop-filter: var(--globalnav-backdrop-filter)
    }

    #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)
    }
}

#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 only screen and (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(48px + max(0px, var(--r-globalnav-safe-area-inset-end) - 16px));
        -webkit-overflow-scrolling: touch
    }
}

#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%;
    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: var(--r-globalnav-color);
    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 only screen and (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 only screen and (max-width: 833px) {
    #globalnav .globalnav-item:not(.globalnav-menu, .globalnav-item-menu) {
        width: 48px
    }

    #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 only screen and (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 only screen and (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 only screen and (max-width: 833px) {
    #globalnav.globalnav-menu-open .globalnav-item-submenu {
        visibility: visible
    }

    #globalnav.globalnav-with-submenu-open .globalnav-item-submenu {
        visibility: hidden;
        transition: none !important
    }
}

#globalnav .globalnav-menuback {
    display: none
}

@media only screen and (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 only screen and (max-width: 833px) {
    #globalnav .globalnav-image-compact {
        display: flex
    }

    #globalnav .globalnav-image-regular {
        display: none
    }
}

@media only screen and (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 only screen and (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: 12px;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    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;
    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)
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-link {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#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)
}

@media (pointer: coarse) {
    #globalnav .globalnav-link:focus-visible {
        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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-link-apple {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#globalnav .globalnav-link-apple-logo {
    height: 100%
}

#globalnav .globalnav-link-apple .globalnav-link-text {
    margin-inline-start: 4px
}

@media only screen and (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: 3px;
        padding-bottom: 4px;
        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 only screen and (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 !important
    }
}

@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:focus-visible .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:focus-visible .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:focus-visible .globalnav-link-chevron:hover {
        color: var(--r-globalnav-color-hover)
    }
}

#globalnav .globalnav-menu {
    flex-grow: 1;
    -webkit-overflow-scrolling: touch
}

@media only screen and (min-width: 834px) {
    #globalnav .globalnav-menu {
        display: contents
    }
}

@media only screen and (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 only screen and (min-width: 834px) {
    #globalnav .globalnav-menu-list {
        display: inherit
    }
}

@media only screen and (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 only screen and (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), color .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)
    }
}

#globalnav .globalnav-flyout {
    margin: 0
}

@media only screen and (min-width: 834px) {
    #globalnav .globalnav-flyout {
        display: inherit
    }
}

@media only screen and (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 only screen and (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 only screen and (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 only screen and (max-width: 833px) {
    #globalnav .globalnav-submenu {
        position: absolute;
        opacity: 0;
        top: 0;
        background-color: transparent;
        pointer-events: none;
        overflow: hidden;
        visibility: hidden
    }
}

@media only screen and (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 {
        -webkit-backdrop-filter: var(--globalnav-backdrop-filter);
        backdrop-filter: var(--globalnav-backdrop-filter)
    }

    #globalnav.globalnav-with-flyout-closing:not(.globalnav-with-menu-open, .globalnav-with-submenu-open) .globalnav-submenu {
        -webkit-backdrop-filter: var(--globalnav-backdrop-filter);
        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 !important
    }

    #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 only screen and (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 only screen and (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 only screen and (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 only screen and (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 only screen and (max-width: 640px) {
    #globalnav .globalnav-submenu-content {
        flex-direction: column
    }
}

#globalnav .globalnav-submenu-group {
    box-sizing: border-box
}

@media only screen and (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 only screen and (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 only screen and (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 only screen and (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 only screen and (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: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: var(--r-globalnav-submenu-header-color);
    display: block
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-submenu-header {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#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 only screen and (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 only screen and (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 only screen and (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 only screen and (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 only screen and (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: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-inline-start: -11px;
    margin-inline-end: -11px
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-submenu-list-item {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#globalnav .globalnav-submenu-list-item:first-child {
    margin-top: 10px
}

@media only screen and (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 only screen and (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: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-inline-start: -11px;
    margin-inline-end: -11px
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-submenu-list-item-elevated {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#globalnav .globalnav-submenu-list-item-elevated:first-child {
    margin-top: 6px
}

@media only screen and (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 only screen and (min-width: 834px) {
    #globalnav .globalnav-submenu-list-item-elevated .globalnav-submenu-link {
        padding-top: 9px
    }
}

@media only screen and (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 !important;
    overscroll-behavior: none
}

html.globalnav-noscroll,
html.globalnav-noscroll body {
    overflow: hidden !important;
    position: relative;
    height: 100% !important
}

html.globalnav-noscroll.globalnav-noscroll-y,
html.globalnav-noscroll.globalnav-noscroll-y body {
    overflow-y: hidden !important;
    overflow-x: auto !important
}

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-flyout-content {
    display: block
}

@media only screen and (min-width: 834px) {
    #globalnav .globalnav-search .globalnav-flyout-content {
        padding-top: 32px;
        padding-bottom: 80px
    }
}

@media only screen and (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 only screen and (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 only screen and (min-width: 834px) {
    #globalnav .globalnav-searchfield-submit {
        padding: 2px 0
    }
}

@media only screen and (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: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    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
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-searchfield-input {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#globalnav .globalnav-searchfield-input[data-focus-method=mouse],
#globalnav .globalnav-searchfield-input[data-focus-method=touch] {
    outline: none
}

@media only screen and (min-width: 834px) {
    #globalnav .globalnav-searchfield-input {
        padding-top: 1px
    }
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-searchfield-input {
        margin-inline-start: -38px;
        margin-inline-end: -33px;
        padding-inline-start: 42px;
        padding-inline-end: 38px
    }
}

#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 only screen and (min-width: 834px) {
    #globalnav .globalnav-searchfield-reset {
        padding: 2px 0
    }
}

@media only screen and (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 only screen and (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 only screen and (max-width: 833px) {
    #globalnav .globalnav-searchresults-container + .globalnav-searchresults-container {
        margin-top: 48px
    }
}

#globalnav .globalnav-searchresults-header {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --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)
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-searchresults-header {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#globalnav .globalnav-searchresults-list-item {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --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
}

@media only screen and (max-width: 833px) {
    #globalnav .globalnav-searchresults-list-item {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

#globalnav .globalnav-searchresults-list-item:first-of-type {
    margin-top: 8px
}

@media only screen and (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 only screen and (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 only screen and (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 only screen and (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 only screen and (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-submenu-trigger-item {
    list-style: none
}

@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) !important;
    transition: margin-top .24s !important
}

@media only screen and (max-width: 833px) {
    html.globalmessage-segment-visible[data-globalnav-flyout-open=true] {
        margin-top: 0 !important
    }

    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);
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    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)
}

.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)
}

@media only screen and (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 only screen and (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));
    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
}

@media only screen and (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: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);
    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: unit-remove(1.3em);
    text-align: center;
    pointer-events: none;
    transform-origin: var(--r-globalnav-end);
    transform: scale(0) translate(calc(-7px * var(--r-globalnav-logical-factor)))
}

.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)
}

@media only screen and (max-width: 833px) {
    .globalnav-bag-badge {
        bottom: 13px;
        inset-inline-end: 11px
    }
}

.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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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 only screen and (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: transform .3s cubic-bezier(.25, .1, .3, 1);
    transform: translate(calc(-6px * var(--r-globalnav-logical-factor)))
}

@media only screen and (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 only screen and (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 only screen and (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 only screen and (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 only screen and (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: 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 only screen and (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
    }
}

@media only screen and (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
}

.theme-dark {
    --sk-glyph: rgb(255, 255, 255);
    --sk-glyph-gray: rgb(245, 245, 247);
    --sk-glyph-gray-alpha: rgba(255, 255, 255, .92);
    --sk-glyph-gray-secondary: rgb(134, 134, 139);
    --sk-glyph-gray-secondary-alpha: rgba(255, 255, 255, .56);
    --sk-glyph-gray-secondary-alt: rgb(210, 210, 215);
    --sk-glyph-gray-secondary-alt-alpha: rgba(255, 255, 255, .8);
    --sk-glyph-gray-tertiary: rgb(110, 110, 115);
    --sk-glyph-gray-tertiary-alpha: rgba(255, 255, 255, .4);
    --sk-glyph-blue: rgb(41, 151, 255);
    --sk-glyph-orange: rgb(255, 121, 27);
    --sk-glyph-green: rgb(3, 161, 14);
    --sk-glyph-red: rgb(255, 48, 55);
    --sk-fill: rgb(0, 0, 0);
    --sk-fill-secondary: rgb(22, 22, 23);
    --sk-fill-tertiary: rgb(29, 29, 31);
    --sk-fill-gray: rgb(245, 245, 247);
    --sk-fill-gray-alpha: rgba(255, 255, 255, .92);
    --sk-fill-gray-secondary: rgb(110, 110, 115);
    --sk-fill-gray-secondary-alpha: rgba(255, 255, 255, .4);
    --sk-fill-gray-tertiary: rgb(66, 66, 69);
    --sk-fill-gray-tertiary-alpha: rgba(255, 255, 255, .24);
    --sk-fill-gray-quaternary: rgb(51, 51, 54);
    --sk-fill-gray-quaternary-alpha: rgba(255, 255, 255, .2);
    --sk-fill-orange-secondary: rgb(41, 13, 0);
    --sk-fill-green-secondary: rgb(0, 43, 3);
    --sk-fill-red: rgb(255, 48, 55);
    --sk-fill-red-secondary: rgb(51, 0, 0);
    --sk-fill-yellow: rgb(173, 130, 0);
    --sk-fill-yellow-secondary: rgb(43, 32, 0);
    --sk-enviro-neutral: rgb(0, 0, 0);
    --sk-body-background-color: rgb(0, 0, 0);
    --sk-body-text-color: rgb(245, 245, 247);
    --sk-headline-text-color: rgb(245, 245, 247);
    --sk-body-link-color: rgb(41, 151, 255);
    --sk-link-disabled-opacity: .36;
    --sk-focus-color-alt: rgb(255, 255, 255)
}

.theme-dark .badge {
    --sk-badge-background: rgba(245, 99, 0, .2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-dark .badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-dark .badge-solid-scrim {
    --sk-badge-background: rgb(71, 30, 0);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-dark .badge-neutral {
    --sk-badge-background: rgba(245, 245, 247, .14);
    --sk-badge-text-color: rgb(210, 210, 215)
}

.theme-dark .badge-neutral.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(210, 210, 215)
}

.theme-dark .badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(51, 51, 54);
    --sk-badge-text-color: rgb(210, 210, 215)
}

.theme-dark a.block {
    --sk-blocklink-color: rgb(41, 151, 255)
}

.theme-dark .button {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, .36);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

.theme-dark .button-neutral {
    --sk-button-background: rgb(245, 245, 247);
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(0, 0, 0)
}

.theme-dark .button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(41, 151, 255);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(41, 151, 255)
}

.theme-dark .button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(245, 245, 247);
    --sk-button-color-hover: rgb(0, 0, 0);
    --sk-button-border-color: rgb(245, 245, 247)
}

.theme-dark .colorindicator {
    --sk-colorindicator-background-color: rgb(29, 29, 31);
    --sk-colorindicator-swatch-border-color: conic-gradient(from 90deg, rgba(255, 255, 255, .08) 0deg, rgba(255, 255, 255, .48) 64.8deg, rgba(255, 255, 255, .48) 115.2deg, rgba(255, 255, 255, .08) 180deg, rgba(255, 255, 255, 0) 208.8deg, rgba(255, 255, 255, 0) 331.2deg, rgba(255, 255, 255, .08) 360deg);
    --sk-colorindicator-label-color: rgb(134, 134, 139)
}

.theme-dark .dotnav {
    --sk-dotnav-background: rgba(255, 255, 255, .36);
    --sk-dotnav-background-hover: rgba(255, 255, 255, .48);
    --sk-dotnav-background-current: rgba(255, 255, 255, .8)
}

.theme-dark .list,
.theme-dark .list-title {
    --sk-list-copy-color: rgb(245, 245, 247);
    --sk-list-title-color: rgb(245, 245, 247)
}

.theme-dark .paddlenav {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, .8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255)
}

.theme-dark .paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, .8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgb(51, 51, 54);
    --sk-paddlenav-background-hover: #37373a;
    --sk-paddlenav-background-active: #2f2f32
}

.theme-dark .paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, .8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgba(66, 66, 69, .72);
    --sk-paddlenav-background-hover: rgba(73, 73, 76, .7256);
    --sk-paddlenav-background-active: rgba(57, 57, 60, .7424)
}

.theme-dark .pin {
    --sk-pin-color: rgb(110, 110, 115);
    --sk-pin-caption-color: rgb(134, 134, 139)
}

.theme-dark .quote {
    --sk-quote-copy-color: colors.color(quote.$quote-copy-color, $swatch-book);
    --sk-quote-credit-color: colors.color(quote.$quote-credit-color, $swatch-book)
}

.theme-dark .sosumi {
    --sk-sosumi-text-color: rgba(255, 255, 255, .56);
    --sk-sosumi-link-color: rgba(255, 255, 255, .8)
}

.theme-dark .stat {
    --sk-stat-value-color: rgb(245, 245, 247);
    --sk-stat-caption-color: rgb(245, 245, 247)
}

.theme-dark .thumbnav {
    --sk-thumbnav-image-border-color: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-current: rgb(0, 113, 227);
    --sk-thumbnav-image-background: rgb(29, 29, 31);
    --sk-thumbnav-copy-color: rgb(134, 134, 139);
    --sk-thumbnav-copy-color-hover: rgb(245, 245, 247)
}

.theme-dark .thumbnav-neutral {
    --sk-thumbnav-image-border-color: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-current: rgb(245, 245, 247);
    --sk-thumbnav-image-background: rgb(29, 29, 31);
    --sk-thumbnav-copy-color: rgb(134, 134, 139);
    --sk-thumbnav-copy-color-hover: rgb(245, 245, 247)
}

.theme-dark .tile {
    --sk-tile-background: rgb(0, 0, 0);
    --sk-tile-button-icon-color: rgba(255, 255, 255, .8);
    --sk-tile-button-background: rgba(66, 66, 69, .72);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background-hover: rgba(73, 73, 76, .7256);
    --sk-tile-button-background-active: rgba(57, 57, 60, .7424)
}

.theme-light {
    --sk-glyph: rgb(0, 0, 0);
    --sk-glyph-gray: rgb(29, 29, 31);
    --sk-glyph-gray-alpha: rgba(0, 0, 0, .88);
    --sk-glyph-gray-secondary: rgb(110, 110, 115);
    --sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, .56);
    --sk-glyph-gray-secondary-alt: rgb(66, 66, 69);
    --sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, .72);
    --sk-glyph-gray-tertiary: rgb(134, 134, 139);
    --sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, .48);
    --sk-glyph-blue: rgb(0, 102, 204);
    --sk-glyph-orange: rgb(182, 68, 0);
    --sk-glyph-green: rgb(0, 128, 9);
    --sk-glyph-red: rgb(227, 0, 0);
    --sk-fill: rgb(255, 255, 255);
    --sk-fill-secondary: rgb(250, 250, 252);
    --sk-fill-tertiary: rgb(245, 245, 247);
    --sk-fill-gray: rgb(29, 29, 31);
    --sk-fill-gray-alpha: rgba(0, 0, 0, .88);
    --sk-fill-gray-secondary: rgb(134, 134, 139);
    --sk-fill-gray-secondary-alpha: rgba(0, 0, 0, .48);
    --sk-fill-gray-tertiary: rgb(210, 210, 215);
    --sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, .16);
    --sk-fill-gray-quaternary: rgb(232, 232, 237);
    --sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, .08);
    --sk-fill-blue: rgb(0, 113, 227);
    --sk-fill-orange: rgb(245, 99, 0);
    --sk-fill-orange-secondary: rgb(255, 249, 244);
    --sk-fill-green: rgb(3, 161, 14);
    --sk-fill-green-secondary: rgb(245, 255, 246);
    --sk-fill-red: rgb(227, 0, 0);
    --sk-fill-red-secondary: rgb(255, 242, 244);
    --sk-fill-yellow: rgb(255, 224, 69);
    --sk-fill-yellow-secondary: rgb(255, 254, 242);
    --sk-productred: rgb(175, 30, 45);
    --sk-enviro-green: rgb(0, 217, 89);
    --sk-enviro-neutral: rgb(232, 232, 237);
    --sk-body-background-color: rgb(255, 255, 255);
    --sk-body-text-color: rgb(29, 29, 31);
    --sk-headline-text-color: rgb(29, 29, 31);
    --sk-body-link-color: rgb(0, 102, 204)
}

.theme-light .badge {
    --sk-badge-background: rgba(245, 99, 0, .1);
    --sk-badge-text-color: rgb(182, 68, 0)
}

.theme-light .badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(182, 68, 0)
}

.theme-light .badge-solid-scrim {
    --sk-badge-background: rgb(250, 233, 225);
    --sk-badge-text-color: rgb(182, 68, 0)
}

.theme-light .badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, .07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.theme-light .badge-neutral.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(66, 66, 69)
}

.theme-light .badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(232, 232, 237);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.theme-light a.block {
    --sk-blocklink-color: rgb(0, 102, 204)
}

.theme-light .button {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, .42);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

.theme-light .button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

.theme-light .button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

.theme-light .button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

.theme-light .colorindicator {
    --sk-colorindicator-background-color: rgb(245, 245, 247);
    --sk-colorindicator-swatch-border-color: conic-gradient(from 270deg, rgba(0, 0, 0, .08) 0deg, rgba(0, 0, 0, .48) 64.8deg, rgba(0, 0, 0, .48) 115.2deg, rgba(0, 0, 0, .08) 180deg, rgba(0, 0, 0, 0) 208.8deg, rgba(0, 0, 0, 0) 331.2deg, rgba(0, 0, 0, .08) 360deg);
    --sk-colorindicator-label-color: rgb(110, 110, 115)
}

.theme-light .dotnav {
    --sk-dotnav-background: rgba(0, 0, 0, .42);
    --sk-dotnav-background-hover: rgba(0, 0, 0, .54);
    --sk-dotnav-background-current: rgba(0, 0, 0, .8)
}

.theme-light .list,
.theme-light .list-title {
    --sk-list-copy-color: rgb(29, 29, 31);
    --sk-list-title-color: rgb(29, 29, 31)
}

.theme-light .paddlenav {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, .56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, .64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, .64)
}

.theme-light .paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, .56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, .64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, .64);
    --sk-paddlenav-background: rgb(232, 232, 237);
    --sk-paddlenav-background-hover: #ececf0;
    --sk-paddlenav-background-active: #dfdfe4
}

.theme-light .paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, .56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, .64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, .64);
    --sk-paddlenav-background: rgba(210, 210, 215, .64);
    --sk-paddlenav-background-hover: rgba(223, 223, 227, .6976);
    --sk-paddlenav-background-active: rgba(193, 193, 198, .6544)
}

.theme-light .pin {
    --sk-pin-color: rgb(134, 134, 139);
    --sk-pin-caption-color: rgb(110, 110, 115)
}

.theme-light .quote {
    --sk-quote-copy-color: colors.color(quote.$quote-copy-color, $swatch-book);
    --sk-quote-credit-color: colors.color(quote.$quote-credit-color, $swatch-book)
}

.theme-light .sosumi {
    --sk-sosumi-text-color: rgba(0, 0, 0, .56);
    --sk-sosumi-link-color: rgba(0, 0, 0, .72)
}

.theme-light .stat {
    --sk-stat-value-color: rgb(29, 29, 31);
    --sk-stat-caption-color: rgb(29, 29, 31)
}

.theme-light .thumbnav {
    --sk-thumbnav-image-border-color: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-hover: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-current: rgb(0, 113, 227);
    --sk-thumbnav-image-background: rgb(245, 245, 247);
    --sk-thumbnav-copy-color: rgb(110, 110, 115);
    --sk-thumbnav-copy-color-hover: rgb(29, 29, 31)
}

.theme-light .thumbnav-neutral {
    --sk-thumbnav-image-border-color: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-hover: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-current: rgb(29, 29, 31);
    --sk-thumbnav-image-background: rgb(245, 245, 247);
    --sk-thumbnav-copy-color: rgb(110, 110, 115);
    --sk-thumbnav-copy-color-hover: rgb(29, 29, 31)
}

.theme-light .tile {
    --sk-tile-background: rgb(255, 255, 255);
    --sk-tile-button-icon-color: rgba(0, 0, 0, .56);
    --sk-tile-button-background: rgba(210, 210, 215, .64);
    --sk-tile-button-icon-color-hover: rgba(0, 0, 0, .64);
    --sk-tile-button-background-hover: rgba(223, 223, 227, .6976);
    --sk-tile-button-background-active: rgba(193, 193, 198, .6544)
}

#globalnav-bag .theme-dark {
    --sk-glyph: rgb(255, 255, 255);
    --sk-glyph-gray: rgb(245, 245, 247);
    --sk-glyph-gray-alpha: rgba(255, 255, 255, .92);
    --sk-glyph-gray-secondary: rgb(134, 134, 139);
    --sk-glyph-gray-secondary-alpha: rgba(255, 255, 255, .56);
    --sk-glyph-gray-secondary-alt: rgb(210, 210, 215);
    --sk-glyph-gray-secondary-alt-alpha: rgba(255, 255, 255, .8);
    --sk-glyph-gray-tertiary: rgb(110, 110, 115);
    --sk-glyph-gray-tertiary-alpha: rgba(255, 255, 255, .4);
    --sk-glyph-blue: rgb(41, 151, 255);
    --sk-glyph-orange: rgb(255, 121, 27);
    --sk-glyph-green: rgb(3, 161, 14);
    --sk-glyph-red: rgb(255, 48, 55);
    --sk-fill: rgb(0, 0, 0);
    --sk-fill-secondary: rgb(22, 22, 23);
    --sk-fill-tertiary: rgb(29, 29, 31);
    --sk-fill-gray: rgb(245, 245, 247);
    --sk-fill-gray-alpha: rgba(255, 255, 255, .92);
    --sk-fill-gray-secondary: rgb(110, 110, 115);
    --sk-fill-gray-secondary-alpha: rgba(255, 255, 255, .4);
    --sk-fill-gray-tertiary: rgb(66, 66, 69);
    --sk-fill-gray-tertiary-alpha: rgba(255, 255, 255, .24);
    --sk-fill-gray-quaternary: rgb(51, 51, 54);
    --sk-fill-gray-quaternary-alpha: rgba(255, 255, 255, .2);
    --sk-fill-orange-secondary: rgb(41, 13, 0);
    --sk-fill-green-secondary: rgb(0, 43, 3);
    --sk-fill-red: rgb(255, 48, 55);
    --sk-fill-red-secondary: rgb(51, 0, 0);
    --sk-fill-yellow: rgb(173, 130, 0);
    --sk-fill-yellow-secondary: rgb(43, 32, 0);
    --sk-enviro-neutral: rgb(0, 0, 0);
    --sk-body-background-color: rgb(0, 0, 0);
    --sk-body-text-color: rgb(245, 245, 247);
    --sk-headline-text-color: rgb(245, 245, 247);
    --sk-body-link-color: rgb(41, 151, 255);
    --sk-link-disabled-opacity: .36;
    --sk-focus-color-alt: rgb(255, 255, 255)
}

#globalnav-bag .theme-dark .badge {
    --sk-badge-background: rgba(245, 99, 0, .2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

#globalnav-bag .theme-dark .badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

#globalnav-bag .theme-dark .badge-solid-scrim {
    --sk-badge-background: rgb(71, 30, 0);
    --sk-badge-text-color: rgb(255, 121, 27)
}

#globalnav-bag .theme-dark .badge-neutral {
    --sk-badge-background: rgba(245, 245, 247, .14);
    --sk-badge-text-color: rgb(210, 210, 215)
}

#globalnav-bag .theme-dark .badge-neutral.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(210, 210, 215)
}

#globalnav-bag .theme-dark .badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(51, 51, 54);
    --sk-badge-text-color: rgb(210, 210, 215)
}

#globalnav-bag .theme-dark a.block {
    --sk-blocklink-color: rgb(41, 151, 255)
}

#globalnav-bag .theme-dark .button {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, .36);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

#globalnav-bag .theme-dark .button-neutral {
    --sk-button-background: rgb(245, 245, 247);
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(0, 0, 0)
}

#globalnav-bag .theme-dark .button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(41, 151, 255);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(41, 151, 255)
}

#globalnav-bag .theme-dark .button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(245, 245, 247);
    --sk-button-color-hover: rgb(0, 0, 0);
    --sk-button-border-color: rgb(245, 245, 247)
}

#globalnav-bag .theme-dark .colorindicator {
    --sk-colorindicator-background-color: rgb(29, 29, 31);
    --sk-colorindicator-swatch-border-color: conic-gradient(from 90deg, rgba(255, 255, 255, .08) 0deg, rgba(255, 255, 255, .48) 64.8deg, rgba(255, 255, 255, .48) 115.2deg, rgba(255, 255, 255, .08) 180deg, rgba(255, 255, 255, 0) 208.8deg, rgba(255, 255, 255, 0) 331.2deg, rgba(255, 255, 255, .08) 360deg);
    --sk-colorindicator-label-color: rgb(134, 134, 139)
}

#globalnav-bag .theme-dark .dotnav {
    --sk-dotnav-background: rgba(255, 255, 255, .36);
    --sk-dotnav-background-hover: rgba(255, 255, 255, .48);
    --sk-dotnav-background-current: rgba(255, 255, 255, .8)
}

#globalnav-bag .theme-dark .list,
#globalnav-bag .theme-dark .list-title {
    --sk-list-copy-color: rgb(245, 245, 247);
    --sk-list-title-color: rgb(245, 245, 247)
}

#globalnav-bag .theme-dark .paddlenav {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, .8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255)
}

#globalnav-bag .theme-dark .paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, .8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgb(51, 51, 54);
    --sk-paddlenav-background-hover: #37373a;
    --sk-paddlenav-background-active: #2f2f32
}

#globalnav-bag .theme-dark .paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, .8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgba(66, 66, 69, .72);
    --sk-paddlenav-background-hover: rgba(73, 73, 76, .7256);
    --sk-paddlenav-background-active: rgba(57, 57, 60, .7424)
}

#globalnav-bag .theme-dark .pin {
    --sk-pin-color: rgb(110, 110, 115);
    --sk-pin-caption-color: rgb(134, 134, 139)
}

#globalnav-bag .theme-dark .quote {
    --sk-quote-copy-color: colors.color(quote.$quote-copy-color, $swatch-book);
    --sk-quote-credit-color: colors.color(quote.$quote-credit-color, $swatch-book)
}

#globalnav-bag .theme-dark .sosumi {
    --sk-sosumi-text-color: rgba(255, 255, 255, .56);
    --sk-sosumi-link-color: rgba(255, 255, 255, .8)
}

#globalnav-bag .theme-dark .stat {
    --sk-stat-value-color: rgb(245, 245, 247);
    --sk-stat-caption-color: rgb(245, 245, 247)
}

#globalnav-bag .theme-dark .thumbnav {
    --sk-thumbnav-image-border-color: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-current: rgb(0, 113, 227);
    --sk-thumbnav-image-background: rgb(29, 29, 31);
    --sk-thumbnav-copy-color: rgb(134, 134, 139);
    --sk-thumbnav-copy-color-hover: rgb(245, 245, 247)
}

#globalnav-bag .theme-dark .thumbnav-neutral {
    --sk-thumbnav-image-border-color: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-current: rgb(245, 245, 247);
    --sk-thumbnav-image-background: rgb(29, 29, 31);
    --sk-thumbnav-copy-color: rgb(134, 134, 139);
    --sk-thumbnav-copy-color-hover: rgb(245, 245, 247)
}

#globalnav-bag .theme-dark .tile {
    --sk-tile-background: rgb(0, 0, 0);
    --sk-tile-button-icon-color: rgba(255, 255, 255, .8);
    --sk-tile-button-background: rgba(66, 66, 69, .72);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background-hover: rgba(73, 73, 76, .7256);
    --sk-tile-button-background-active: rgba(57, 57, 60, .7424)
}

#globalnav-bag .theme-light {
    --sk-glyph: rgb(0, 0, 0);
    --sk-glyph-gray: rgb(29, 29, 31);
    --sk-glyph-gray-alpha: rgba(0, 0, 0, .88);
    --sk-glyph-gray-secondary: rgb(110, 110, 115);
    --sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, .56);
    --sk-glyph-gray-secondary-alt: rgb(66, 66, 69);
    --sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, .72);
    --sk-glyph-gray-tertiary: rgb(134, 134, 139);
    --sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, .48);
    --sk-glyph-blue: rgb(0, 102, 204);
    --sk-glyph-orange: rgb(182, 68, 0);
    --sk-glyph-green: rgb(0, 128, 9);
    --sk-glyph-red: rgb(227, 0, 0);
    --sk-fill: rgb(255, 255, 255);
    --sk-fill-secondary: rgb(250, 250, 252);
    --sk-fill-tertiary: rgb(245, 245, 247);
    --sk-fill-gray: rgb(29, 29, 31);
    --sk-fill-gray-alpha: rgba(0, 0, 0, .88);
    --sk-fill-gray-secondary: rgb(134, 134, 139);
    --sk-fill-gray-secondary-alpha: rgba(0, 0, 0, .48);
    --sk-fill-gray-tertiary: rgb(210, 210, 215);
    --sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, .16);
    --sk-fill-gray-quaternary: rgb(232, 232, 237);
    --sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, .08);
    --sk-fill-blue: rgb(0, 113, 227);
    --sk-fill-orange: rgb(245, 99, 0);
    --sk-fill-orange-secondary: rgb(255, 249, 244);
    --sk-fill-green: rgb(3, 161, 14);
    --sk-fill-green-secondary: rgb(245, 255, 246);
    --sk-fill-red: rgb(227, 0, 0);
    --sk-fill-red-secondary: rgb(255, 242, 244);
    --sk-fill-yellow: rgb(255, 224, 69);
    --sk-fill-yellow-secondary: rgb(255, 254, 242);
    --sk-productred: rgb(175, 30, 45);
    --sk-enviro-green: rgb(0, 217, 89);
    --sk-enviro-neutral: rgb(232, 232, 237);
    --sk-body-background-color: rgb(255, 255, 255);
    --sk-body-text-color: rgb(29, 29, 31);
    --sk-headline-text-color: rgb(29, 29, 31);
    --sk-body-link-color: rgb(0, 102, 204)
}

#globalnav-bag .theme-light .badge {
    --sk-badge-background: rgba(245, 99, 0, .1);
    --sk-badge-text-color: rgb(182, 68, 0)
}

#globalnav-bag .theme-light .badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(182, 68, 0)
}

#globalnav-bag .theme-light .badge-solid-scrim {
    --sk-badge-background: rgb(250, 233, 225);
    --sk-badge-text-color: rgb(182, 68, 0)
}

#globalnav-bag .theme-light .badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, .07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

#globalnav-bag .theme-light .badge-neutral.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(66, 66, 69)
}

#globalnav-bag .theme-light .badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(232, 232, 237);
    --sk-badge-text-color: rgb(66, 66, 69)
}

#globalnav-bag .theme-light a.block {
    --sk-blocklink-color: rgb(0, 102, 204)
}

#globalnav-bag .theme-light .button {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, .42);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

#globalnav-bag .theme-light .button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

#globalnav-bag .theme-light .button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

#globalnav-bag .theme-light .button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

#globalnav-bag .theme-light .colorindicator {
    --sk-colorindicator-background-color: rgb(245, 245, 247);
    --sk-colorindicator-swatch-border-color: conic-gradient(from 270deg, rgba(0, 0, 0, .08) 0deg, rgba(0, 0, 0, .48) 64.8deg, rgba(0, 0, 0, .48) 115.2deg, rgba(0, 0, 0, .08) 180deg, rgba(0, 0, 0, 0) 208.8deg, rgba(0, 0, 0, 0) 331.2deg, rgba(0, 0, 0, .08) 360deg);
    --sk-colorindicator-label-color: rgb(110, 110, 115)
}

#globalnav-bag .theme-light .dotnav {
    --sk-dotnav-background: rgba(0, 0, 0, .42);
    --sk-dotnav-background-hover: rgba(0, 0, 0, .54);
    --sk-dotnav-background-current: rgba(0, 0, 0, .8)
}

#globalnav-bag .theme-light .list,
#globalnav-bag .theme-light .list-title {
    --sk-list-copy-color: rgb(29, 29, 31);
    --sk-list-title-color: rgb(29, 29, 31)
}

#globalnav-bag .theme-light .paddlenav {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, .56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, .64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, .64)
}

#globalnav-bag .theme-light .paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, .56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, .64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, .64);
    --sk-paddlenav-background: rgb(232, 232, 237);
    --sk-paddlenav-background-hover: #ececf0;
    --sk-paddlenav-background-active: #dfdfe4
}

#globalnav-bag .theme-light .paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, .56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, .64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, .64);
    --sk-paddlenav-background: rgba(210, 210, 215, .64);
    --sk-paddlenav-background-hover: rgba(223, 223, 227, .6976);
    --sk-paddlenav-background-active: rgba(193, 193, 198, .6544)
}

#globalnav-bag .theme-light .pin {
    --sk-pin-color: rgb(134, 134, 139);
    --sk-pin-caption-color: rgb(110, 110, 115)
}

#globalnav-bag .theme-light .quote {
    --sk-quote-copy-color: colors.color(quote.$quote-copy-color, $swatch-book);
    --sk-quote-credit-color: colors.color(quote.$quote-credit-color, $swatch-book)
}

#globalnav-bag .theme-light .sosumi {
    --sk-sosumi-text-color: rgba(0, 0, 0, .56);
    --sk-sosumi-link-color: rgba(0, 0, 0, .72)
}

#globalnav-bag .theme-light .stat {
    --sk-stat-value-color: rgb(29, 29, 31);
    --sk-stat-caption-color: rgb(29, 29, 31)
}

#globalnav-bag .theme-light .thumbnav {
    --sk-thumbnav-image-border-color: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-hover: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-current: rgb(0, 113, 227);
    --sk-thumbnav-image-background: rgb(245, 245, 247);
    --sk-thumbnav-copy-color: rgb(110, 110, 115);
    --sk-thumbnav-copy-color-hover: rgb(29, 29, 31)
}

#globalnav-bag .theme-light .thumbnav-neutral {
    --sk-thumbnav-image-border-color: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-hover: rgb(134, 134, 139);
    --sk-thumbnav-image-border-color-current: rgb(29, 29, 31);
    --sk-thumbnav-image-background: rgb(245, 245, 247);
    --sk-thumbnav-copy-color: rgb(110, 110, 115);
    --sk-thumbnav-copy-color-hover: rgb(29, 29, 31)
}

#globalnav-bag .theme-light .tile {
    --sk-tile-background: rgb(255, 255, 255);
    --sk-tile-button-icon-color: rgba(0, 0, 0, .56);
    --sk-tile-button-background: rgba(210, 210, 215, .64);
    --sk-tile-button-icon-color-hover: rgba(0, 0, 0, .64);
    --sk-tile-button-background-hover: rgba(223, 223, 227, .6976);
    --sk-tile-button-background-active: rgba(193, 193, 198, .6544)
}

#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: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    min-height: 100px;
    width: 100%
}

#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-item {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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;
    top: 2px
}

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) {
    #globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-nav-image-container {
        top: 1px
    }

    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
    }
}

#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: "\2715";
    font-size: .75em
}

#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-bagitem-info {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        margin-bottom: 0
    }
}

#globalnav-bag .ac-bag-flyout-container .ac-gn-bagview-message {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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 {
    --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)
}

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 only screen and (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))
}