:root{--ojs-right:24px;--ojs-bottom:130px;--ojs-button-size:64px;--ojs-icon-size:44px;--ojs-box-bg:#0f1e2d;--ojs-box-text:#fff;--ojs-box-border:#263645;--ojs-button-bg:#ffc107;--ojs-button-dots:#0f1e2d;--ojs-gap:18px}
.octantis-share-float{position:fixed!important;right:var(--ojs-right)!important;bottom:var(--ojs-bottom)!important;z-index:999999!important;width:auto!important;max-width:calc(100vw - 24px)!important;pointer-events:none!important;font-family:inherit!important}
.octantis-share-toggle{width:var(--ojs-button-size)!important;height:var(--ojs-button-size)!important;border:0!important;border-radius:14px!important;background:var(--ojs-button-bg)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer!important;pointer-events:auto!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important;padding:0!important;margin:0!important}
.octantis-share-toggle span{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:var(--ojs-button-dots)!important}
.octantis-share-panel{position:absolute!important;right:0!important;bottom:calc(var(--ojs-button-size) + 14px)!important;background:var(--ojs-box-bg)!important;color:var(--ojs-box-text)!important;border:1px solid var(--ojs-box-border)!important;border-radius:14px!important;box-shadow:0 12px 35px rgba(0,0,0,.35)!important;padding:26px 28px 18px!important;min-width:420px!important;opacity:0!important;visibility:hidden!important;transform:translateY(12px)!important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;pointer-events:none!important}
.octantis-share-panel:after{content:""!important;position:absolute!important;right:28px!important;bottom:-14px!important;width:26px!important;height:26px!important;background:var(--ojs-box-bg)!important;border-right:1px solid var(--ojs-box-border)!important;border-bottom:1px solid var(--ojs-box-border)!important;transform:rotate(45deg)!important}
.octantis-share-float.is-open .octantis-share-panel{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}
.octantis-share-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important;margin:0 0 22px!important;color:var(--ojs-box-text)!important}
.octantis-share-title-inner{display:flex!important;align-items:center!important;gap:14px!important}
.octantis-share-main-icon{width:28px!important;height:28px!important;display:block!important}
.octantis-share-close{border:0!important;background:transparent!important;color:var(--ojs-box-text)!important;cursor:pointer!important;font-size:34px!important;line-height:1!important;padding:0!important;margin:0!important}
.octantis-share-grid{display:grid!important;grid-template-columns:repeat(4,minmax(68px,1fr))!important;gap:var(--ojs-gap)!important;align-items:start!important}
.octantis-share-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;color:var(--ojs-box-text)!important;text-decoration:none!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;cursor:pointer!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1.1!important;text-align:center!important}
.octantis-share-item:hover,.octantis-share-item:focus{color:var(--ojs-box-text)!important;text-decoration:none!important;transform:translateY(-1px)!important}
.octantis-share-icon-wrap{width:var(--ojs-icon-size)!important;height:var(--ojs-icon-size)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.octantis-share-icon-wrap img{width:var(--ojs-icon-size)!important;height:var(--ojs-icon-size)!important;display:block!important;object-fit:contain!important;max-width:none!important}
.octantis-share-label{color:var(--ojs-box-text)!important}
.octantis-share-inline{display:inline-block!important;position:relative!important}
.octantis-share-inline .octantis-share-panel{position:relative!important;right:auto!important;bottom:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.octantis-share-inline .octantis-share-toggle,.octantis-share-inline .octantis-share-panel:after{display:none!important}
@media(max-width:600px){.octantis-share-float{right:14px!important;bottom:95px!important}.octantis-share-panel{min-width:calc(100vw - 28px)!important;right:-14px!important;padding:22px 18px 18px!important}.octantis-share-grid{grid-template-columns:repeat(3,1fr)!important}.octantis-share-title{font-size:20px!important}}


/* v1.2.0 Sticky bottom modes */
.octantis-share-sticky{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    z-index:999999!important;
    display:flex!important;
    justify-content:center!important;
    padding:0 28px!important;
    pointer-events:none!important;
    font-family:inherit!important;
}
.octantis-share-sticky .octantis-share-panel{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    width:min(1440px, calc(100vw - 56px))!important;
    min-width:0!important;
    min-height:94px!important;
    border-radius:10px 10px 0 0!important;
    padding:22px 28px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:28px!important;
}
.octantis-share-sticky .octantis-share-panel:after{
    display:none!important;
}
.octantis-share-sticky .octantis-share-title{
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
}
.octantis-share-sticky .octantis-share-grid{
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(72px,1fr))!important;
    gap:var(--ojs-gap)!important;
}
.octantis-share-sticky.octantis-share-sticky-closed .octantis-share-panel{
    display:none!important;
}
.octantis-share-sticky .octantis-share-toggle{
    position:absolute!important;
    right:28px!important;
    bottom:20px!important;
    display:flex!important;
}
.octantis-share-sticky.octantis-share-sticky-open .octantis-share-toggle,
.octantis-share-sticky.octantis-share-always-open .octantis-share-toggle{
    display:none!important;
}
@media(max-width:900px){
    .octantis-share-sticky{padding:0 12px!important;}
    .octantis-share-sticky .octantis-share-panel{
        width:calc(100vw - 24px)!important;
        overflow-x:auto!important;
        align-items:flex-start!important;
    }
    .octantis-share-sticky .octantis-share-title{
        font-size:18px!important;
    }
    .octantis-share-sticky .octantis-share-grid{
        display:flex!important;
        flex-wrap:nowrap!important;
        min-width:max-content!important;
    }
}


/* v1.2.1 Mobile sticky version */
@media (max-width: 768px) {
    body:has(.octantis-share-sticky.octantis-share-always-open) {
        padding-bottom: 112px !important;
    }

    .octantis-share-sticky {
        padding: 0 8px calc(env(safe-area-inset-bottom, 0px)) !important;
    }

    .octantis-share-sticky .octantis-share-panel {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-height: 82px !important;
        padding: 10px 12px 8px !important;
        border-radius: 12px 12px 0 0 !important;
        gap: 12px !important;
        align-items: center !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .octantis-share-sticky .octantis-share-panel::-webkit-scrollbar {
        display: none !important;
    }

    .octantis-share-sticky .octantis-share-title {
        font-size: 14px !important;
        line-height: 1.15 !important;
        min-width: 92px !important;
        max-width: 110px !important;
        white-space: normal !important;
        flex: 0 0 auto !important;
    }

    .octantis-share-sticky .octantis-share-title-inner {
        gap: 7px !important;
        align-items: center !important;
    }

    .octantis-share-sticky .octantis-share-main-icon {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
    }

    .octantis-share-sticky .octantis-share-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        min-width: max-content !important;
        flex: 1 0 auto !important;
        align-items: center !important;
    }

    .octantis-share-sticky .octantis-share-item {
        min-width: 52px !important;
        max-width: 62px !important;
        font-size: 11px !important;
        line-height: 1.05 !important;
        gap: 4px !important;
        font-weight: 600 !important;
    }

    .octantis-share-sticky .octantis-share-icon-wrap {
        width: 30px !important;
        height: 30px !important;
    }

    .octantis-share-sticky .octantis-share-icon-wrap img {
        width: 30px !important;
        height: 30px !important;
    }

    .octantis-share-sticky .octantis-share-label {
        max-width: 62px !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .octantis-share-sticky .octantis-share-close {
        display: none !important;
    }
}

/* Very small phones */
@media (max-width: 390px) {
    body:has(.octantis-share-sticky.octantis-share-always-open) {
        padding-bottom: 104px !important;
    }

    .octantis-share-sticky .octantis-share-title {
        display: none !important;
    }

    .octantis-share-sticky .octantis-share-panel {
        justify-content: flex-start !important;
        min-height: 78px !important;
    }

    .octantis-share-sticky .octantis-share-item {
        min-width: 50px !important;
        font-size: 10px !important;
    }

    .octantis-share-sticky .octantis-share-icon-wrap,
    .octantis-share-sticky .octantis-share-icon-wrap img {
        width: 28px !important;
        height: 28px !important;
    }
}