.Context--overlays {
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    z-index:999999;
    opacity:1;
    visibility:visible;
    transition:opacity .18s ease,visibility .18s ease;
}

.Context--overlays.loading-popover-for--ShareBox {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.yc-share-popover[hidden] {
    display:none;
}

body.yc-share-open {
    overflow:hidden;
}

.Backdrop--Context---overlays {
    position:absolute;
    inset:0;
    border:0;
    background:color-mix(in srgb,var(--primary-text) 68%,transparent);
    cursor:default;
    backdrop-filter:blur(10px);
}

.OverParent-Boxed--Context---overlays,
.OverParent-Innet--Context {
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.OverParent-Boxed--Context---overlays {
    position:relative;
    max-height:calc(100dvh - 48px);
    z-index:1;
    pointer-events:none;
}

.Parent-Boxed--Context---overlays.--ActionType--share--box {
    width:min(650px,100%);
    max-height:calc(100dvh - 48px);
    pointer-events:auto;
}

.--ActionType--share--box .Boxed--Context---overlays {
    position:relative;
    width:100%;
    max-height:calc(100dvh - 48px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--surface-color) 75%,var(--diver));
    border-radius:30px;
    background:var(--surface-color);
    box-shadow:0 35px 100px color-mix(in srgb,var(--primary-text) 36%,transparent);
    padding:0;
}

.--ActionType--share--box .title--Context---overlays {
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 22px;
    border-bottom:1px solid var(--diver);
    background:linear-gradient(135deg,color-mix(in srgb,var(--uicolor) 8%,var(--background2)),var(--surface-color));
}

.--ActionType--share--box .title--Context---overlays h2 {
    margin:0;
    color:var(--primary-text);
    font-size:25px;
    font-weight:900;
    line-height:1.3;
}

.--ActionType--share--box .Close--title---Context----overlays {
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--diver);
    border-radius:14px;
    color:var(--secondarytext);
    background:var(--surface-color);
    cursor:pointer;
    transition:var(--transition);
}

.--ActionType--share--box .Close--title---Context----overlays:hover {
    color:var(--on-color);
    border-color:var(--danger-color);
    background:var(--danger-color);
    transform:rotate(5deg);
}

.--ActionType--share--box .inner--Context---overlays {
    min-height:0;
    padding:24px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
}

.--ActionType--share--box .--share-popover-intro {
    position:relative;
    margin-bottom:20px;
    padding:18px 20px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--uicolor) 18%,var(--diver));
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--uicolor) 9%,var(--background2)),var(--background-color));
}

.--ActionType--share--box .--share-popover-intro::after {
    content:"\f1e0";
    position:absolute;
    inset-inline-end:18px;
    top:50%;
    color:color-mix(in srgb,var(--uicolor) 16%,transparent);
    font-family:var(--_fa-family);
    font-size:70px;
    transform:translateY(-50%);
    pointer-events:none;
}

.--ActionType--share--box .--share-popover-intro strong,
.--ActionType--share--box .--share-popover-intro p {
    position:relative;
    max-width:85%;
    z-index:1;
}

.--ActionType--share--box .--share-popover-intro strong {
    display:block;
    margin-bottom:5px;
    color:var(--primary-text);
    font-size:17px;
    font-weight:900;
}

.--ActionType--share--box .--share-popover-intro p {
    margin:0;
    color:var(--secondarytext);
    font-size:14px;
    font-weight:600;
    line-height:1.75;
}

.--ActionType--share--box .-itemslist-share-icons-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
    margin-bottom:20px;
}

.--ActionType--share--box .--sp-social-item {
    min-width:0;
    max-width:none;
    height:auto;
    cursor:pointer;
}

.--ActionType--share--box .--sp-social-item > a {
    min-height:72px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:11px 12px;
    overflow:hidden;
    border:1px solid var(--diver);
    border-radius:16px;
    color:var(--primary-text);
    background:var(--surface-color);
    transition:var(--transition);
}

.--ActionType--share--box .--sp-social-item > a:hover {
    color:var(--share-color,var(--uicolor3));
    border-color:color-mix(in srgb,var(--share-color,var(--uicolor3)) 28%,var(--diver));
    background:var(--share-bg,var(--background2));
    transform:translateY(-2px);
    box-shadow:0 12px 28px color-mix(in srgb,var(--share-color,var(--uicolor3)) 13%,transparent);
}

.--ActionType--share--box .--sp-social-item > a i {
    width:43px;
    height:43px;
    flex:0 0 43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:var(--on-color);
    background:var(--share-color,var(--uicolor3));
    font-size:19px;
}

.--ActionType--share--box .--sp-social-item > a span {
    display:block;
    overflow:hidden;
    font-size:13px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.--ActionType--share--box .facebook {
    --share-color:#1877f2;
    --share-bg:#f0f6ff;
}

.--ActionType--share--box .messenger {
    --share-color:#7356ff;
    --share-bg:#f5f2ff;
}

.--ActionType--share--box .whatsapp {
    --share-color:#20a862;
    --share-bg:#effaf4;
}

.--ActionType--share--box .telegram {
    --share-color:#229ed9;
    --share-bg:#eff9fd;
}

.--ActionType--share--box .twitter {
    --share-color:#15191d;
    --share-bg:#f3f4f5;
}

.--ActionType--share--box .pinterest {
    --share-color:#e60023;
    --share-bg:#fff1f3;
}

.--ActionType--share--box .-share-popover-boxed-copy {
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px;
    overflow:hidden;
    border:1px solid var(--diver);
    border-radius:17px;
    background:var(--background2);
    box-shadow:none;
}

.--ActionType--share--box .-share-popover-boxed-copy > input[type="text"] {
    min-width:0;
    height:48px;
    flex:1;
    padding:0 13px;
    overflow:hidden;
    border:0;
    border-radius:11px;
    color:var(--secondarytext);
    background:var(--surface-color);
    direction:ltr;
    font-family:var(--f-number);
    font-size:12px;
    text-align:left;
    text-overflow:ellipsis;
    text-transform:none;
    white-space:nowrap;
}

.--ActionType--share--box .-share-popover-boxed-copy > .yc-share-copy {
    position:relative;
    width:auto;
    min-width:126px;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0;
    padding:0 16px;
    overflow:hidden;
    border:0;
    border-radius:12px;
    color:var(--on-color);
    background:var(--uicolor3);
    cursor:pointer;
    font-size:13px;
    font-weight:800;
    transition:var(--transition);
}

.--ActionType--share--box .-share-popover-boxed-copy > .yc-share-copy:hover {
    color:var(--on-color);
    background:var(--uicolor);
    transform:translateY(-1px);
}

.--ActionType--share--box .-share-popover-boxed-copy > .yc-share-copy em {
    position:static;
    display:block;
    padding:0;
    font-style:normal;
    opacity:1;
    visibility:visible;
    transform:none;
}

.--ActionType--share--box .-share-popover-boxed-copy > .yc-share-copy span {
    position:absolute;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:var(--transition);
}

.--ActionType--share--box .-share-popover-boxed-copy.active > .yc-share-copy {
    background:var(--success-color);
}

.--ActionType--share--box .-share-popover-boxed-copy.active > .yc-share-copy i,
.--ActionType--share--box .-share-popover-boxed-copy.active > .yc-share-copy em {
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
}

.--ActionType--share--box .-share-popover-boxed-copy.active > .yc-share-copy span {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

@media only screen and (max-width:680px) {
    .Context--overlays {
        align-items:flex-end;
        padding:10px;
    }

    .OverParent-Boxed--Context---overlays,
    .Parent-Boxed--Context---overlays.--ActionType--share--box {
        max-height:calc(100dvh - 20px);
    }

    .--ActionType--share--box .Boxed--Context---overlays {
        max-height:calc(100dvh - 20px);
        border-radius:24px;
    }

    .--ActionType--share--box .title--Context---overlays {
        min-height:66px;
        padding:12px 16px;
    }

    .--ActionType--share--box .title--Context---overlays h2 {
        font-size:21px;
    }

    .--ActionType--share--box .Close--title---Context----overlays {
        width:40px;
        height:40px;
        flex-basis:40px;
    }

    .--ActionType--share--box .inner--Context---overlays {
        padding:16px;
    }

    .--ActionType--share--box .--share-popover-intro {
        margin-bottom:14px;
        padding:15px 16px;
    }

    .--ActionType--share--box .--share-popover-intro::after {
        font-size:56px;
    }

    .--ActionType--share--box .-itemslist-share-icons-list {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-bottom:14px;
    }

    .--ActionType--share--box .--sp-social-item > a {
        min-height:62px;
        padding:8px;
    }

    .--ActionType--share--box .--sp-social-item > a i {
        width:39px;
        height:39px;
        flex-basis:39px;
        font-size:17px;
    }

    .--ActionType--share--box .-share-popover-boxed-copy {
        flex-direction:column;
        align-items:stretch;
    }

    .--ActionType--share--box .-share-popover-boxed-copy > input[type="text"],
    .--ActionType--share--box .-share-popover-boxed-copy > .yc-share-copy {
        width:100%;
    }
}

@media only screen and (max-width:390px) {
    .--ActionType--share--box .--sp-social-item > a span {
        font-size:12px;
    }

    .--ActionType--share--box .--share-popover-intro p {
        font-size:13px;
    }
}