.ockham-follow {
    --ockham-follow-offset: 82px;
    --ockham-follow-bottom: 72px;
    --ockham-follow-width: 48px;
    --ockham-follow-icon-size: 18px;
    --ockham-follow-gap: 14px;
    --ockham-follow-padding: 14px;
    --ockham-follow-radius: 24px;
    --ockham-follow-bg: #ffffff;
    --ockham-follow-border: #d9d9d9;
    --ockham-follow-icon: #111111;
    --ockham-follow-hover: #000000;
    --ockham-follow-label-bg: #000000;
    --ockham-follow-label-color: #ffffff;
    --ockham-follow-hover-name-bg: #f4f4f4;
    --ockham-follow-hover-name-color: #111111;
    --ockham-follow-z: 9999;
    --ockham-follow-safe-min-offset: 28px;
    --ockham-follow-effective-offset: var(--ockham-follow-offset);

    all: unset !important;
    box-sizing: border-box !important;
    position: fixed !important;
    top: auto !important;
    bottom: var(--ockham-follow-bottom) !important;
    z-index: var(--ockham-follow-z) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    pointer-events: auto !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1 !important;
}

.ockham-follow::before,
.ockham-follow::after,
.ockham-follow *::before,
.ockham-follow *::after {
    box-sizing: border-box !important;
}

.ockham-follow--right {
    right: var(--ockham-follow-effective-offset) !important;
    left: auto !important;
}

.ockham-follow--left {
    left: var(--ockham-follow-effective-offset) !important;
    right: auto !important;
}


.ockham-follow--overlap-protection {
    --ockham-follow-effective-offset: clamp(
        var(--ockham-follow-safe-min-offset),
        5vw,
        var(--ockham-follow-offset)
    );
}

.ockham-follow__label {
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    min-height: 66px !important;
    margin: 0 0 -10px 0 !important;
    padding: 10px 6px 14px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: var(--ockham-follow-label-bg) !important;
    color: var(--ockham-follow-label-color) !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.ockham-follow__label span {
    all: unset !important;
    display: block !important;
    color: inherit !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
}

.ockham-follow__icons {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: var(--ockham-follow-width) !important;
    height: auto !important;
    gap: var(--ockham-follow-gap) !important;
    margin: 0 !important;
    padding: calc(var(--ockham-follow-padding) + 8px) 0 var(--ockham-follow-padding) !important;
    border: 1px solid var(--ockham-follow-border) !important;
    border-radius: var(--ockham-follow-radius) !important;
    background: var(--ockham-follow-bg) !important;
    color: var(--ockham-follow-icon) !important;
    overflow: visible !important;
}

.ockham-follow--shadow .ockham-follow__icons {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .16) !important;
}

.ockham-follow__link,
.ockham-follow__link:link,
.ockham-follow__link:visited {
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: calc(var(--ockham-follow-icon-size) + 10px) !important;
    height: calc(var(--ockham-follow-icon-size) + 10px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: var(--ockham-follow-icon) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color .2s ease, transform .2s ease, background-color .2s ease !important;
}

.ockham-follow__link svg {
    display: block !important;
    flex: 0 0 auto !important;
    width: var(--ockham-follow-icon-size) !important;
    height: var(--ockham-follow-icon-size) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: inherit !important;
    fill: none;
    overflow: visible !important;
}

.ockham-follow__link:hover,
.ockham-follow__link:focus,
.ockham-follow__link:focus-visible,
.ockham-follow__link:active {
    color: var(--ockham-follow-hover) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: translateY(-1px) scale(1.08) !important;
}

.ockham-follow__link:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 2px !important;
}


.ockham-follow--hover-name .ockham-follow__link::before {
    content: attr(data-network) !important;
    box-sizing: border-box !important;
    position: absolute !important;
    top: 50% !important;
    z-index: 3 !important;
    display: block !important;
    width: max-content !important;
    max-width: 220px !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--ockham-follow-hover-name-bg) !important;
    color: var(--ockham-follow-hover-name-color) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.ockham-follow--right.ockham-follow--hover-name .ockham-follow__link::before {
    right: calc(100% + 18px) !important;
    left: auto !important;
    transform: translate(8px, -50%) scale(.97) !important;
}

.ockham-follow--left.ockham-follow--hover-name .ockham-follow__link::before {
    right: auto !important;
    left: calc(100% + 18px) !important;
    transform: translate(-8px, -50%) scale(.97) !important;
}

.ockham-follow--hover-name .ockham-follow__link:hover::before,
.ockham-follow--hover-name .ockham-follow__link:focus::before,
.ockham-follow--hover-name .ockham-follow__link:focus-visible::before {
    opacity: 1 !important;
    visibility: visible !important;
}

.ockham-follow--right.ockham-follow--hover-name .ockham-follow__link:hover::before,
.ockham-follow--right.ockham-follow--hover-name .ockham-follow__link:focus::before,
.ockham-follow--right.ockham-follow--hover-name .ockham-follow__link:focus-visible::before,
.ockham-follow--left.ockham-follow--hover-name .ockham-follow__link:hover::before,
.ockham-follow--left.ockham-follow--hover-name .ockham-follow__link:focus::before,
.ockham-follow--left.ockham-follow--hover-name .ockham-follow__link:focus-visible::before {
    transform: translate(0, -50%) scale(1) !important;
}

@media (min-width: 1025px) {
    .ockham-follow--hide-desktop { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ockham-follow--hide-tablet { display: none !important; }
}

@media (max-width: 767px) {
    .ockham-follow--hide-mobile { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .ockham-follow__link,
    .ockham-follow__link::before { transition: none !important; }
}