[data-shared-ui~=nav-action]{--nav-action-size: 26px;--nav-action-icon: 18px;--nav-action-halo: calc((var(--nav-action-size) - var(--nav-action-icon)) / 2);--nav-action-glyph: rgb(var(--color-gray-10));position:relative;flex-shrink:0;align-items:center;justify-content:center;width:var(--nav-action-size);text-decoration:none;transition:all .1s ease-in-out}[data-shared-ui~=nav-action][data-shared-ui]{display:flex;height:var(--nav-action-size);padding:0;border:0;border-bottom:0;border-radius:50%;background-color:transparent}[data-shared-ui~=nav-action] :is([data-slot=icon],.sp-icon){display:block;width:var(--nav-action-icon);height:var(--nav-action-icon);border-radius:50%;transition:all .1s ease-in-out}[data-shared-ui~=nav-action] :is([data-slot=icon],.sp-icon) svg{display:block;width:100%;height:100%}[data-shared-ui~=nav-action][data-shared-ui] :is([data-slot=icon],.sp-icon) :is(path,polygon,g){fill:var(--nav-action-glyph);transition:fill .1s ease-in-out}[data-shared-ui~=nav-action]:hover,[data-shared-ui~=nav-action]:focus-visible{--nav-action-glyph: rgb(var(--color-gray-20))}[data-shared-ui~=nav-action].is--active{--nav-action-glyph: rgb(var(--color-blue))}body.mode--dark [data-shared-ui~=nav-action]{--nav-action-glyph: var(--ds-text)}body.mode--dark [data-shared-ui~=nav-action].is--active{--nav-action-glyph: var(--ds-link)}[data-shared-ui~=nav-action]:focus-visible{outline:4px solid rgb(123 183 202 / 60%);outline-offset:0}[data-shared-ui~=nav-action] [data-slot=badge]{position:absolute;align-items:center;justify-content:center;padding-inline:3px;border-radius:9999px;background-color:rgb(var(--color-red-darker-04));font-size:9px;font-weight:600;line-height:14px;color:#fff;box-shadow:0 0 0 2px #fff;pointer-events:none;display:none}[data-shared-ui~=nav-action]:hover [data-slot=badge],[data-shared-ui~=nav-action]:focus-visible [data-slot=badge]{box-shadow:0 0 0 2px rgb(var(--color-gray-03))}body.mode--dark [data-shared-ui~=nav-action] [data-slot=badge]{box-shadow:0 0 0 2px var(--ds-dark-2)}body.mode--dark [data-shared-ui~=nav-action]:hover [data-slot=badge],body.mode--dark [data-shared-ui~=nav-action]:focus-visible [data-slot=badge]{box-shadow:0 0 0 2px var(--ds-text)}[data-shared-ui~=nav-login] [data-slot=label]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:374px){body.mode--dark [data-shared-ui~=nav-action]:hover,body.mode--dark [data-shared-ui~=nav-action]:focus-visible{--nav-action-glyph: var(--ds-link)}}@media(min-width:375px){[data-shared-ui~=nav-action]{--nav-action-size: 34px}[data-shared-ui~=nav-action]:hover :is([data-slot=icon],.sp-icon),[data-shared-ui~=nav-action]:focus-visible :is([data-slot=icon],.sp-icon){background-color:rgb(var(--color-gray-03));box-shadow:0 0 0 var(--nav-action-halo) rgb(var(--color-gray-03))}body.mode--dark [data-shared-ui~=nav-action]:hover :is([data-slot=icon],.sp-icon),body.mode--dark [data-shared-ui~=nav-action]:focus-visible :is([data-slot=icon],.sp-icon){background-color:var(--ds-text);box-shadow:0 0 0 var(--nav-action-halo) var(--ds-text)}body.mode--dark [data-shared-ui~=nav-action]:hover,body.mode--dark [data-shared-ui~=nav-action]:focus-visible{--nav-action-glyph: var(--ds-medium)}[data-shared-ui~=nav-action] [data-slot=badge]{display:flex;inset-block-start:2px;inset-inline-end:2px}}@media(min-width:768px){[data-shared-ui~=nav-action]{--nav-action-size: 40px;--nav-action-icon: 22px}[data-shared-ui~=nav-action] [data-slot=badge]{inset-block-start:5px;inset-inline-end:5px}}@media(min-width:1200px){[data-shared-ui~=nav-action]{--nav-action-size: 34px;--nav-action-icon: 18px}[data-shared-ui~=nav-action] [data-slot=badge]{inset-block-start:4px;inset-inline-end:4px}[data-shared-ui~=nav-login][data-shared-ui]{width:auto;height:auto;border-radius:0;background-color:transparent;white-space:nowrap;color:rgb(var(--color-gray-15));text-decoration-color:transparent}[data-shared-ui~=nav-login] [data-slot=label]{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}[data-shared-ui~=nav-login] :is([data-slot=icon],.sp-icon){display:none}[data-shared-ui~=nav-login][data-shared-ui]:hover,[data-shared-ui~=nav-login][data-shared-ui]:focus-visible{color:rgb(var(--color-gray-20));background-color:transparent;text-decoration-color:transparent}[data-shared-ui~=nav-login]:hover :is([data-slot=icon],.sp-icon),[data-shared-ui~=nav-login]:focus-visible :is([data-slot=icon],.sp-icon){background-color:transparent;box-shadow:none}body.mode--dark [data-shared-ui~=nav-login][data-shared-ui]{color:var(--ds-text)}body.mode--dark [data-shared-ui~=nav-login][data-shared-ui]:hover,body.mode--dark [data-shared-ui~=nav-login][data-shared-ui]:focus-visible{color:var(--ds-link);background-color:transparent;text-decoration-color:transparent}}@media(min-width:1300px){[data-shared-ui~=nav-action]{--nav-action-size: 36px}[data-shared-ui~=nav-action] [data-slot=badge]{inset-block-start:5px;inset-inline-end:5px}}@media(min-width:1520px){[data-shared-ui~=nav-action]{--nav-action-size: 46px;--nav-action-icon: 22px}[data-shared-ui~=nav-action] [data-slot=badge]{inset-block-start:8px;inset-inline-end:8px}}@media(min-width:1640px){[data-shared-ui~=nav-action]{--nav-action-size: 50px}[data-shared-ui~=nav-action] [data-slot=badge]{inset-block-start:10px;inset-inline-end:10px}}