

#safTariffConfiguratorV13
#safConfiguratorBadge {
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;

    padding: 8px 4px !important;
    gap: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: var(--muted) !important;
}

 
#safTariffConfiguratorV13
#safConfiguratorBadge::before {
    content: none !important;
    display: none !important;
}

 
#safTariffConfiguratorV13
#safConfiguratorBadge::after {
    content: "← Назад" !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.72) !important;
    white-space: nowrap !important;
}




#safTariffConfiguratorV13
#safConfiguratorBadge {
    min-width: 105px !important;
    height: 48px !important;

    padding: 0 4px 0 16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

#safTariffConfiguratorV13
#safConfiguratorBadge::after {
    content: "← Назад" !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.82) !important;
    white-space: nowrap !important;
}




#safTariffConfiguratorV13
#safConfiguratorBadge {
    min-width: 115px !important;
    height: 52px !important;

    padding: 4px 4px 0 14px !important;

    align-self: flex-start !important;
    transform: translateY(3px) !important;
}

#safTariffConfiguratorV13
#safConfiguratorBadge::after {
    content: "← Назад" !important;

    font-size: 17px !important;
    font-weight: 650 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.88) !important;
}







#safTariffCatalogV13
#safTariffCatalogBackV13 {
    min-width: 110px !important;
    width: auto !important;
    height: 50px !important;

    padding: 0 4px 0 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.82) !important;

    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

 
#safTariffCatalogV13
#safTariffCatalogBackV13
.saf-plans-top-back-icon-v1 {
    display: none !important;
}




#safTariffConfiguratorV13
#safConfiguratorBadge {
    min-width: 110px !important;
    width: auto !important;
    height: 50px !important;

    padding: 0 4px 0 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    transform: none !important;

    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

#safTariffConfiguratorV13
#safConfiguratorBadge::before {
    content: none !important;
    display: none !important;
}

#safTariffConfiguratorV13
#safConfiguratorBadge::after {
    content: "← Назад" !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.82) !important;
    white-space: nowrap !important;
}




#safTariffConfiguratorV13
#safConfiguratorBadge {
    width: 125px !important;
    min-width: 125px !important;
    height: 52px !important;

    padding: 0 18px 0 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    position: relative !important;
    right: 12px !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

#safTariffConfiguratorV13
#safConfiguratorBadge::after {
    content: "← Назад" !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.82) !important;
    white-space: nowrap !important;
}




#safTariffConfiguratorV13
#safConfiguratorBadge {
    width: auto !important;
    min-width: 110px !important;
    height: 50px !important;

    padding: 0 4px 0 14px !important;

    position: static !important;
    right: auto !important;

    align-self: flex-start !important;

     
    transform: translateY(-8px) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

#safTariffConfiguratorV13
#safConfiguratorBadge::after {
    content: "← Назад" !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.82) !important;
    white-space: nowrap !important;
}




#safTariffCatalogV13
#safTariffCatalogBackV13 {
    width: auto !important;
    min-width: 110px !important;
    height: 50px !important;

    padding: 0 4px 0 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;

    align-self: flex-start !important;
    transform: translateY(-8px) !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 0 !important;

    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

 
#safTariffCatalogV13
#safTariffCatalogBackV13
.saf-plans-top-back-icon-v1 {
    display: none !important;
}

 
#safTariffCatalogV13
#safTariffCatalogBackV13::after {
    content: "← Назад" !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.82) !important;
    white-space: nowrap !important;
}




#safTariffCatalogV13
#safTariffCatalogBackV13 {
    min-width: 108px !important;
    width: auto !important;
    height: 44px !important;

    padding: 0 15px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: none !important;

    border: 1px solid rgba(38,221,119,.42) !important;
    border-radius: 13px !important;

    background: rgba(38,221,119,.07) !important;
    box-shadow: none !important;

    color: transparent !important;
    font-size: 0 !important;

    cursor: pointer !important;

    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

 
#safTariffCatalogV13
#safTariffCatalogBackV13
.saf-plans-top-back-icon-v1 {
    display: none !important;
}

 
#safTariffCatalogV13
#safTariffCatalogBackV13 > span:not(.saf-plans-top-back-icon-v1) {
    display: none !important;
}

 
#safTariffCatalogV13
#safTariffCatalogBackV13::after {
    content: "← Назад" !important;

    display: block !important;

    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1 !important;

    color: rgba(235,245,239,.92) !important;
    white-space: nowrap !important;
}

 
#safTariffCatalogV13
#safTariffCatalogBackV13:active {
    background: rgba(38,221,119,.13) !important;
    transform: scale(.97) !important;
}




#safTariffCatalogV13
#safTariffCatalogBackV13 {
    transform: translateY(8px) !important;
}

#safTariffCatalogV13
#safTariffCatalogBackV13:active {
    transform: translateY(8px) scale(.97) !important;
}




 
#safPeriodSheetOverlay {
    position: fixed !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 16px !important;
    box-sizing: border-box !important;
}

 
#safPeriodSheet {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    margin: 0 !important;

    width: 100% !important;
    max-width: 430px !important;

    max-height: min(76vh, 650px) !important;

    transform: none !important;

    box-sizing: border-box !important;
}

 
#safPeriodSheetList {
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}




#safPeriodSheetOverlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
}

 
#safPeriodSheetOverlay #safPeriodSheet {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: calc(100vw - 32px) !important;
    max-width: 430px !important;

    max-height: min(76dvh, 650px) !important;

    margin: 0 !important;

    transform: translate(-50%, -50%) !important;
}

 
#safPeriodSheetOverlay #safPeriodSheetList {
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}




@media (min-width: 1024px) {

    body:not(.guest-mode)
    #safPeriodSheetOverlay {
        background: rgba(0, 10, 6, .36) !important;

        backdrop-filter: blur(9px) saturate(115%) !important;
        -webkit-backdrop-filter: blur(9px) saturate(115%) !important;

        transition:
            opacity .42s cubic-bezier(.2,.8,.2,1),
            visibility .42s ease !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetOverlay.saf-period-closing {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetOverlay #safPeriodSheet {
        isolation: isolate !important;

        background:
            linear-gradient(
                145deg,
                rgba(46, 92, 66, .42),
                rgba(12, 33, 22, .64) 42%,
                rgba(8, 23, 17, .74)
            ) !important;

        border: 1px solid rgba(164, 245, 187, .25) !important;
        border-radius: 26px !important;

        backdrop-filter: blur(30px) saturate(165%) !important;
        -webkit-backdrop-filter: blur(30px) saturate(165%) !important;

        box-shadow:
            0 30px 90px rgba(0,0,0,.38),
            inset 0 1px 0 rgba(255,255,255,.17),
            inset 1px 0 0 rgba(255,255,255,.05),
            inset 0 -1px 0 rgba(100,215,145,.09) !important;

        opacity: 0 !important;

        transform:
            translate(-50%, -50%)
            translateY(16px)
            scale(.955) !important;

        transition:
            transform .42s cubic-bezier(.18,.85,.25,1),
            opacity .38s ease,
            box-shadow .35s ease !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetOverlay.open #safPeriodSheet {
        opacity: 1 !important;

        transform:
            translate(-50%, -50%)
            translateY(0)
            scale(1) !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetOverlay.open.saf-period-closing #safPeriodSheet {
        opacity: 0 !important;

        transform:
            translate(-50%, -50%)
            translateY(12px)
            scale(.97) !important;

        transition-duration: .32s !important;
    }

    body:not(.guest-mode)
    #safPeriodSheet::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: inherit !important;
        pointer-events: none !important;
        z-index: -1 !important;

        background:
            radial-gradient(
                ellipse at 18% 0%,
                rgba(190,255,210,.13),
                transparent 54%
            ),
            linear-gradient(
                115deg,
                rgba(255,255,255,.045),
                transparent 42%
            ) !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetList .saf-period-sheet-item {
        background: rgba(255,255,255,.045) !important;
        border: 1px solid rgba(180,245,200,.10) !important;

        transition:
            background .30s ease,
            border-color .30s ease,
            box-shadow .30s ease,
            transform .30s cubic-bezier(.2,.8,.2,1) !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetList .saf-period-sheet-item:hover {
        background: rgba(85,180,115,.14) !important;
        border-color: rgba(140,235,170,.32) !important;
        transform: translateY(-2px) !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetList .saf-period-sheet-item:active {
        transform: scale(.985) !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetList .saf-period-sheet-item.active,
    body:not(.guest-mode)
    #safPeriodSheetList .saf-period-sheet-item.selected {
        background: rgba(45,180,95,.16) !important;
        border-color: rgba(60,225,115,.65) !important;

        box-shadow:
            inset 0 1px rgba(255,255,255,.06),
            0 0 18px rgba(40,200,90,.07) !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetClose {
        background: rgba(255,255,255,.09) !important;
        backdrop-filter: blur(12px) !important;
        transition:
            background .25s ease,
            transform .25s ease !important;
    }

    body:not(.guest-mode)
    #safPeriodSheetClose:hover {
        background: rgba(255,255,255,.16) !important;
        transform: scale(1.07) !important;
    }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    #safPeriodSheetOverlay,
    #safPeriodSheetOverlay #safPeriodSheet,
    #safPeriodSheetList .saf-period-sheet-item {
        transition: none !important;
    }
}




@media (min-width: 1024px) {

    body:not(.guest-mode)
    #safPeriodSheet .saf-period-scroll-hint {
        position: relative !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 14px 10px 5px !important;

        background:
            linear-gradient(
                180deg,
                rgba(26, 65, 43, .10),
                rgba(31, 77, 49, .20)
            ) !important;

        border-top:
            1px solid rgba(170, 245, 190, .11) !important;

        border-radius: 0 0 12px 12px !important;

        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        color: rgba(210, 232, 216, .72) !important;

        font-size: 11px !important;
        font-weight: 500 !important;

        text-align: center !important;

        transition:
            background .3s ease,
            color .3s ease !important;
    }

    body:not(.guest-mode)
    #safPeriodSheet .saf-period-scroll-arrow {
        color: #4ee58a !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        opacity: .95 !important;
    }

}




 

#safPlusTrafficV9 .saf-plus-traffic-right-v9 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 8px !important;

    width: auto !important;
    min-width: 0 !important;

    margin-left: auto !important;
    flex: 0 0 auto !important;
}

#safPlusTrafficValueV9 {
    width: auto !important;
    min-width: 0 !important;

    text-align: right !important;
    white-space: nowrap !important;

    flex: 0 0 auto !important;
}

#safPlusTrafficRefreshV9 {
    width: 72px !important;
    min-width: 72px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 4px !important;

    flex: 0 0 72px !important;
    white-space: nowrap !important;
}

#safPlusTrafficRefreshV9 > span:last-child {
    width: 52px !important;
    min-width: 52px !important;

    text-align: left !important;
    white-space: nowrap !important;
}




 

#safPlusTrafficV9 .saf-plus-traffic-top-v9 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#safPlusTrafficV9 .saf-plus-traffic-right-v9 {
    margin-left: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

#safPlusTrafficValueV9 {
    width: auto !important;
    min-width: 0 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-align: right !important;

    flex: 0 0 auto !important;
}

#safPlusTrafficRefreshV9 {
    width: 88px !important;
    min-width: 88px !important;
    flex: 0 0 88px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 5px !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}

#safPlusTrafficRefreshV9 .saf-plus-refresh-icon-v9 {
    width: 14px !important;
    min-width: 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 14px !important;
}

#safPlusTrafficRefreshV9 > span:last-child {
    width: 65px !important;
    min-width: 65px !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    text-align: left !important;
    white-space: nowrap !important;
}




 

#safPlusTrafficV9 .saf-plus-traffic-right-v9 {
    margin-left: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

#safPlusTrafficValueV9 {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}

#safPlusTrafficRefreshV9 {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 5px !important;

    font-size: 13px !important;
    white-space: nowrap !important;
}

#safPlusTrafficRefreshV9 > span:last-child {
    width: auto !important;
    min-width: 0 !important;

    font-size: 13px !important;
    white-space: nowrap !important;
}




 

#safPlusTrafficRefreshV9[data-loading="1"] {
    opacity: 1 !important;
}

#safPlusTrafficRefreshV9[data-loading="1"]
.saf-plus-refresh-icon-v9 {
    font-size: 11px !important;
    opacity: .42 !important;
}

#safPlusTrafficRefreshV9[data-loading="1"]
> span:last-child {
    font-size: 11px !important;
    font-weight: 500 !important;
    opacity: .42 !important;
}




 

 
#safPlusTrafficRefreshV9:not([data-loading="1"])
.saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9:not([data-loading="1"])
> span:last-child {
    font-size: 13px !important;
    line-height: 1 !important;
}

 
#safPlusTrafficRefreshV9[data-loading="1"]
.saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9[data-loading="1"]
> span:last-child {
    font-size: 11px !important;
    line-height: 1 !important;
    opacity: .42 !important;
}




 

#safPlusTrafficV9 .saf-plus-traffic-right-v9 {
    align-items: baseline !important;
    gap: 8px !important;
}

#safPlusTrafficValueV9,
#safPlusTrafficRefreshV9,
#safPlusTrafficRefreshV9 .saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9 > span:last-child {
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

#safPlusTrafficRefreshV9 {
    align-items: baseline !important;
    gap: 4px !important;
}

#safPlusTrafficRefreshV9 .saf-plus-refresh-icon-v9 {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    display: inline-block !important;
    vertical-align: baseline !important;
}

 
#safPlusTrafficRefreshV9[data-loading="1"]
.saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9[data-loading="1"]
> span:last-child {
    font-size: 11px !important;
    font-weight: 500 !important;
    opacity: .40 !important;
}




 

#safPlusTrafficRefreshV9:not([data-loading="1"])
.saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9:not([data-loading="1"])
> span:last-child {
    font-size: 9.5px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

#safPlusTrafficRefreshV9:not([data-loading="1"]) {
    gap: 3px !important;
}

 
#safPlusTrafficRefreshV9[data-loading="1"]
.saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9[data-loading="1"]
> span:last-child {
    font-size: 9.5px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    opacity: .40 !important;
}




 

#safPlusTrafficRefreshV9:not([data-loading="1"])
.saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9:not([data-loading="1"])
> span:last-child {
    font-size: 11px !important;
}

 
#safPlusTrafficRefreshV9[data-loading="1"]
.saf-plus-refresh-icon-v9,
#safPlusTrafficRefreshV9[data-loading="1"]
> span:last-child {
    font-size: 11px !important;
}




 

#homeUserCard #homeConfigurationCopy {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
}

 
#homeUserCard #homeConfigurationCopy svg {
    position: static !important;

    width: 17px !important;
    height: 17px !important;

    margin: 0 !important;

    transform: none !important;

    opacity: .72 !important;

    transition:
        opacity .16s ease,
        transform .18s ease !important;
}

 
#homeUserCard #homeConfigurationCopy::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 8px !important;
    height: 14px !important;

    border-right: 2px solid #26dd77 !important;
    border-bottom: 2px solid #26dd77 !important;

    opacity: 0 !important;

    transform:
        translate(-50%, -58%)
        rotate(45deg)
        scale(.55) !important;

    transition:
        opacity .15s ease,
        transform .22s cubic-bezier(.2,.9,.3,1.35) !important;

    pointer-events: none !important;
}

 
#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1
svg {
    opacity: 0 !important;
    transform: scale(.72) !important;
}

#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1::after {
    opacity: 1 !important;

    transform:
        translate(-50%, -58%)
        rotate(45deg)
        scale(1) !important;
}




 

#homeUserCard #homeConfigurationCopy {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    overflow: hidden !important;
}

 
#homeUserCard #homeConfigurationCopy svg {
    display: none !important;
}

 
#homeUserCard #homeConfigurationCopy::before {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 22px !important;
    height: 22px !important;

    background:
        url("/assets/ui-icons/saf_copy.png")
        center / contain no-repeat !important;

    opacity: .82 !important;

    transform:
        translate(-50%, -50%)
        scale(1) !important;

    transition:
        opacity .16s ease,
        transform .18s ease !important;

    pointer-events: none !important;
}

 
#homeUserCard #homeConfigurationCopy::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 22px !important;
    height: 22px !important;

    border: 0 !important;

    background:
        url("/assets/ui-icons/saf_copy_success.png")
        center / contain no-repeat !important;

    opacity: 0 !important;

    transform:
        translate(-50%, -50%)
        scale(.65) !important;

    transition:
        opacity .16s ease,
        transform .22s cubic-bezier(.2,.9,.3,1.3) !important;

    pointer-events: none !important;
}

 
#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1::before {
    opacity: 0 !important;

    transform:
        translate(-50%, -50%)
        scale(.72) !important;
}

#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1::after {
    opacity: 1 !important;

    transform:
        translate(-50%, -50%)
        scale(1) !important;
}




 

#homeUserCard #homeConfigurationCopy {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    overflow: hidden !important;
}

 
#homeUserCard #homeConfigurationCopy svg {
    display: block !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 17px !important;
    height: 17px !important;

    margin: 0 !important;

    opacity: .68 !important;

    transform:
        translate(-50%, -50%) !important;

    transition:
        opacity .16s ease,
        transform .18s ease !important;
}

 
#homeUserCard #homeConfigurationCopy::before {
    content: none !important;
    display: none !important;
}

 
#homeUserCard #homeConfigurationCopy::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 7px !important;
    height: 12px !important;

    background: none !important;

    border: 0 !important;
    border-right: 2px solid #26dd77 !important;
    border-bottom: 2px solid #26dd77 !important;

    opacity: 0 !important;

    transform:
        translate(-50%, -62%)
        rotate(45deg)
        scale(.55) !important;

    transition:
        opacity .15s ease,
        transform .22s cubic-bezier(.2,.9,.3,1.35) !important;

    pointer-events: none !important;
}

 
#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1
svg {
    opacity: 0 !important;

    transform:
        translate(-50%, -50%)
        scale(.65) !important;
}

#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1::after {
    opacity: 1 !important;

    transform:
        translate(-50%, -62%)
        rotate(45deg)
        scale(1) !important;
}




 

 
#homeUserCard #homeConfigurationCopy svg {
    width: 21px !important;
    height: 21px !important;
}

 
#homeUserCard #homeConfigurationCopy::after {
    width: 9px !important;
    height: 15px !important;

    border-right-width: 2.5px !important;
    border-bottom-width: 2.5px !important;
}




 

#homeUserCard #homeConfigurationCopy {
    transition:
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .15s ease !important;
}

 
#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1 {
    background:
        rgba(38, 221, 119, .13) !important;

    border-color:
        rgba(72, 238, 145, .32) !important;

    box-shadow:
        inset 0 0 0 1px rgba(72, 238, 145, .035),
        0 0 14px rgba(38, 221, 119, .055) !important;
}




 

 
#homeUserCard #homeConfigurationCopy svg {
    display: block !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 19px !important;
    height: 19px !important;

    margin: 0 !important;

    opacity: .72 !important;
    visibility: visible !important;

    color: rgba(210, 222, 216, .78) !important;

    transform:
        translate(-50%, -50%)
        scale(1) !important;

    z-index: 2 !important;

    pointer-events: none !important;
}

 
#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1
svg {
    opacity: 0 !important;
    visibility: hidden !important;

    transform:
        translate(-50%, -50%)
        scale(.7) !important;
}

 
#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1::after {
    z-index: 3 !important;
}




 

#homeUserCard #homeConfigurationCopy svg {
    width: 23px !important;
    height: 23px !important;
}




 

 
#homeUserCard #homeConfigurationCopy::after {
    content: none !important;
    display: none !important;
}

 
#homeUserCard #homeConfigurationCopy::before {
    content: "" !important;

    display: block !important;
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 21px !important;
    height: 21px !important;

    background: #26dd77 !important;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center / contain no-repeat !important;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center / contain no-repeat !important;

    opacity: 0 !important;

    transform:
        translate(-50%, -50%)
        scale(.65) !important;

    transition:
        opacity .16s ease,
        transform .22s cubic-bezier(.2,.9,.3,1.3) !important;

    pointer-events: none !important;
    z-index: 3 !important;
}

 
#homeUserCard
#homeConfigurationCopy.saf-copy-success-v1::before {
    opacity: 1 !important;

    transform:
        translate(-50%, -50%)
        scale(1) !important;
}



/* SAF COPY CHECK THEME COLORS V10
   Light theme on all screen sizes and platforms. */
html body.light #homeUserCard
#homeConfigurationCopy::before,
html body.light-theme #homeUserCard
#homeConfigurationCopy::before {
    background: #343b37 !important;
}

