.badgeEditorsPick-HgdpiyvP {
    align-items: center;
    display: flex;
    justify-content: center;
    outline: none;
    overflow: visible;
    position: relative
}

.badgeEditorsPick-HgdpiyvP:focus {
    outline: none
}

.badgeEditorsPick-HgdpiyvP:focus-visible {
    outline: none
}

.badgeEditorsPick-HgdpiyvP:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.badgeEditorsPick-HgdpiyvP:focus:after {
    display: block
}

.badgeEditorsPick-HgdpiyvP:focus-visible:after {
    display: block
}

.badgeEditorsPick-HgdpiyvP:focus:not(:focus-visible):after {
    display: none
}

.badgeEditorsPick-HgdpiyvP:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: 6px
}

.badgeEditorsPick-HgdpiyvP:before {
    background: var(--color-container-fill-primary-accent);
    content: " ";
    height: 100%;
    inset-inline-start: 0;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    position: absolute;
    top: 0;
    width: 100%
}

@media (any-hover:hover) {
    .badgeEditorsPick-HgdpiyvP:hover:before {
        background: var(--color-container-fill-primary-accent-semi-bold)
    }
}

.large-HgdpiyvP {
    height: 24px;
    width: 22px;
    /* --mask: url(editors-pick-bookmark-large.aa758927e81e6df9ec6d.svg) */
}

.large-HgdpiyvP .icon-HgdpiyvP {
    height: 8px;
    width: 16px
}

.xlarge-HgdpiyvP {
    height: 32px;
    width: 28px;
    /* --mask: url(editors-pick-bookmark-xlarge.58747b80e31b15df030f.svg) */
}

.xlarge-HgdpiyvP .icon-HgdpiyvP {
    height: 10px;
    width: 20px
}

.content-HgdpiyvP {
    height: 100%;
    position: relative;
    width: 100%
}

.icon-HgdpiyvP {
    filter: brightness(1000%);
    margin-top: -4px
}

.brokerLine-JP2mh6Ej {
    height: 6px;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.brokerLine-JP2mh6Ej:before {
    background: linear-gradient(90deg, #003488 5%, #057cda 39.94%, #0067af 78.94%, #083976 107%);
    border-radius: var(--ui-lib-image-card-preview-border-radius) var(--ui-lib-image-card-preview-border-radius) 0 0;
    content: "";
    height: var(--ui-lib-image-card-preview-border-radius);
    position: absolute;
    width: 100%
}

.brokerLine-JP2mh6Ej:before:dir(rtl) {
    border-radius: var(--ui-lib-image-card-preview-border-radius) var(--ui-lib-image-card-preview-border-radius) 0 0
}

.root-kK4r3d6G {
    display: inline-flex;
    height: var(--icon-size);
    width: var(--icon-size)
}

.rootSmall-kK4r3d6G {
    --size: 20px;
    --icon-size: 18px
}

.rootMedium-kK4r3d6G {
    --size: 28px;
    --icon-size: 28px
}

.lockIcon-kK4r3d6G {
    border-radius: 4px;
    color: var(--color-white);
    display: inline-flex;
    height: var(--icon-size);
    width: var(--icon-size)
}

.accessInviteOnlyClose-kK4r3d6G {
    background-color: var(--color-ripe-red-500)
}

.accessInviteOnlyOpen-kK4r3d6G {
    background-color: var(--color-minty-green-500)
}

.accessPrivateIdea-kK4r3d6G,
.accessPrivateScript-kK4r3d6G,
.accessProtected-kK4r3d6G {
    background-color: var(--color-default-gray)
}

.visuallyHiddenLabel-kK4r3d6G {
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.logoIcon-mEbG7MmD {
    color: var(--color-text-primary);
    display: flex
}

.logoIcon-mEbG7MmD.link-mEbG7MmD,
.logoIcon-mEbG7MmD.link-mEbG7MmD:visited {
    color: var(--color-text-primary);
    fill: var(--color-text-primary)
}

@media (any-hover:hover) {
    .logoIcon-mEbG7MmD.link-mEbG7MmD:hover {
        color: var(--color-link-primary-hover);
        fill: var(--color-link-primary-hover)
    }
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:active {
    color: var(--color-link-primary-active);
    fill: var(--color-link-primary-active)
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus {
    outline: auto;
    outline-offset: 2px
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus-visible {
    outline: auto;
    outline-offset: 2px
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus:not(:focus-visible) {
    outline: none
}

.logoIcon-mEbG7MmD.link-mEbG7MmD {
    outline: none;
    overflow: visible;
    position: relative
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus {
    outline: none
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus-visible {
    outline: none
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus:after {
    display: block
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus-visible:after {
    display: block
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:focus:not(:focus-visible):after {
    display: none
}

.logoIcon-mEbG7MmD.link-mEbG7MmD:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: 16px
}

.logoIcon-mEbG7MmD.link-mEbG7MmD.withShortName-mEbG7MmD:after {
    border-radius: 4px
}

.shortName-mEbG7MmD {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 18px;
    line-height: var(--ui-lib-typography-line-height);
    --ui-lib-typography-font-size: 14px;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .4px;
    margin-inline-start: 8px;
    text-transform: uppercase
}