#supportPage .saf-support-chat-v2 {
    padding-top: 16px !important;
}


 

#supportPage
.saf-support-msg-row-v2.has-photo-v9
.saf-support-msg-v2 {

    width: min(70vw, 290px) !important;
    max-width: 290px !important;

    padding: 6px !important;

    overflow: hidden;
}


#supportPage .saf-support-native-photo-v9 {
    width: 100%;
    min-height: 120px;

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

    overflow: hidden;

    border-radius: 11px;

    background:
        rgba(0,0,0,.12);
}


#supportPage .saf-support-native-photo-image-v9 {
    display: block;

    width: 100%;
    height: auto;

    max-height: 380px;

    object-fit: cover;

    border-radius: 11px;

    cursor: pointer;
}


#supportPage .saf-support-native-photo-loading-v9,
#supportPage .saf-support-native-photo-error-v9 {

    min-height: 120px;

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

    font-size: 12px;

    opacity: .65;
}


#supportPage .saf-support-native-caption-v9 {
    padding:
        7px
        5px
        1px;

    font-size: 13px;
    line-height: 1.35;

    white-space: pre-wrap;
    overflow-wrap: anywhere;
}


 

.saf-support-native-viewer-v9 {
    position: fixed;

    inset: 0;

    z-index: 9999999;

    display: none;

    align-items: center;
    justify-content: center;

    padding:
        calc(58px + env(safe-area-inset-top))
        12px
        calc(28px + env(safe-area-inset-bottom));

    box-sizing: border-box;

    background:
        rgba(0,0,0,.95);
}


.saf-support-native-viewer-v9.is-open {
    display: flex;
}


.saf-support-native-viewer-image-v9 {
    display: block;

    max-width: 100%;
    max-height: 88vh;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 12px;
}


.saf-support-native-viewer-close-v9 {
    position: absolute;

    top:
        calc(12px + env(safe-area-inset-top));

    right: 14px;

    width: 42px;
    height: 42px;

    border: 0;
    border-radius: 50%;

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

    background:
        rgba(255,255,255,.13);

    color: #fff;

    font-size: 26px;
    line-height: 1;
}







#supportPage .saf-support-chat-head-v2 {
    min-height: 64px !important;

    padding:
        11px
        14px
        9px !important;

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

    gap: 11px !important;
}





#supportPage
#safSupportChatBackV2.saf-support-chat-back-v2 {

    position: relative !important;

    top: 2px !important;

    flex: 0 0 auto !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

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

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

    border-radius: 14px !important;

    font-size: 0 !important;

    cursor: pointer !important;
}





#supportPage
#safSupportChatBackV2::after {

    content: "‹";

    display: block;

    margin-top: -2px;

    font-size: 27px;
    line-height: 1;

    font-weight: 400;

    color: inherit;
}





#supportPage
#safSupportChatBackV2 > * {

    display: none !important;
}





#supportPage .saf-support-chat-title-wrap-v2 {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
}


#supportPage .saf-support-chat-title-v2 {
    width: 100% !important;

    margin: 0 !important;

    font-size: 15px !important;
    line-height: 1.25 !important;

    font-weight: 800 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


 

#supportPage .saf-support-chat-status-v2 {
    display: none !important;
}


 

#supportPage .saf-support-chat-close-v2,
#safSupportChatCloseV2 {
    display: none !important;
}





#supportPage
.saf-support-msg-row-v2.has-photo-v9
.saf-support-msg-v2 {

    width: fit-content !important;

    min-width: 0 !important;
    max-width: min(72vw, 290px) !important;

    padding: 4px !important;

    display: flex !important;
    flex-direction: column !important;

    border-radius: 17px !important;

    overflow: hidden !important;
}


 

#supportPage
.saf-support-msg-row-v2.has-photo-v9
.saf-support-msg-text-v2 {

    width: auto !important;
    height: auto !important;

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

    display: flex !important;
    flex-direction: column !important;

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


 

#supportPage .saf-support-native-photo-v9 {

    display: block !important;

    width: auto !important;
    height: auto !important;

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

    max-width: 282px !important;

    margin: 0 !important;

    border-radius: 13px !important;

    overflow: hidden !important;

    background: transparent !important;
}


#supportPage .saf-support-native-photo-image-v9 {

    display: block !important;

    width: auto !important;
    height: auto !important;

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

    max-width: min(70vw, 282px) !important;
    max-height: 390px !important;

    margin: 0 !important;

    object-fit: contain !important;

    border-radius: 13px !important;
}





#supportPage .saf-support-native-caption-v9 {

    position: static !important;

    display: block !important;

    width: auto !important;
    max-width: 270px !important;

    margin: 0 !important;

    padding:
        8px
        7px
        5px !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    text-align: left !important;

    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}








#supportPage
.saf-support-msg-row-v2.has-photo-v9
.saf-support-msg-time-v2 {

    position: static !important;

    align-self: flex-end !important;

    margin:
        1px
        5px
        3px !important;

    padding: 0 !important;

    background: transparent !important;

    color: inherit !important;

    border-radius: 0 !important;

    font-size: 8.5px !important;
    line-height: 1 !important;

    opacity: .48 !important;

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





#supportPage
.saf-support-msg-row-v2:not(.has-photo-v9)
.saf-support-msg-v2 {

    width: fit-content !important;

    min-width: 72px !important;
    max-width: min(78%, 330px) !important;

    padding:
        9px
        11px
        6px !important;
}





@media (max-width: 380px) {

    #supportPage .saf-support-chat-head-v2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #supportPage
    #safSupportChatBackV2.saf-support-chat-back-v2 {

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;
    }

    #supportPage .saf-support-chat-title-v2 {
        font-size: 14px !important;
    }

}







.bottom-nav .nav-icon {
    width: 27px !important;
    height: 27px !important;

    min-width: 27px !important;
    min-height: 27px !important;

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

    flex: 0 0 27px !important;
}


 

.bottom-nav .nav-icon img {
    width: 27px !important;
    height: 27px !important;

    max-width: 27px !important;
    max-height: 27px !important;

    object-fit: contain !important;
}


 

.bottom-nav .nav-icon svg {
    width: 27px !important;
    height: 27px !important;

    max-width: 27px !important;
    max-height: 27px !important;
}


 

.bottom-nav .nav-item.active .nav-icon {
    width: 29px !important;
    height: 29px !important;

    min-width: 29px !important;
    min-height: 29px !important;

    flex-basis: 29px !important;
}


.bottom-nav .nav-item.active .nav-icon img,
.bottom-nav .nav-item.active .nav-icon svg {
    width: 29px !important;
    height: 29px !important;

    max-width: 29px !important;
    max-height: 29px !important;
}


 

.bottom-nav .saf-nav-label {
    transform: none !important;
}







.bottom-nav .nav-icon {
    width: 31px !important;
    height: 31px !important;

    min-width: 31px !important;
    min-height: 31px !important;

    flex: 0 0 31px !important;

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


.bottom-nav .nav-icon img,
.bottom-nav .nav-icon svg {
    width: 31px !important;
    height: 31px !important;

    max-width: 31px !important;
    max-height: 31px !important;

    object-fit: contain !important;
}


 

.bottom-nav .nav-item.active .nav-icon {
    width: 33px !important;
    height: 33px !important;

    min-width: 33px !important;
    min-height: 33px !important;

    flex: 0 0 33px !important;
}


.bottom-nav .nav-item.active .nav-icon img,
.bottom-nav .nav-item.active .nav-icon svg {
    width: 33px !important;
    height: 33px !important;

    max-width: 33px !important;
    max-height: 33px !important;
}





.bottom-nav .nav-item {
    gap: 1px !important;
}


 

.bottom-nav {
    overflow: visible !important;
}







 

nav.bottom-nav .nav-item,
nav.bottom-nav .nav-icon,
nav.bottom-nav .nav-icon > img {
    opacity: 1 !important;
}


 

nav.bottom-nav .nav-item .nav-icon {
    width: 32px !important;
    height: 32px !important;

    min-width: 32px !important;
    min-height: 32px !important;

    max-width: none !important;
    max-height: none !important;

    flex: 0 0 32px !important;

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

    overflow: visible !important;

    transform: none !important;
}


 

nav.bottom-nav .nav-item .nav-icon > img {
    display: block !important;

    width: 32px !important;
    height: 32px !important;

    min-width: 32px !important;
    min-height: 32px !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: contain !important;

    opacity: 1 !important;

    transform: none !important;

    visibility: visible !important;
}


 

nav.bottom-nav .nav-item.active .nav-icon {
    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;

    flex-basis: 34px !important;
}


nav.bottom-nav .nav-item.active .nav-icon > img {
    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;
}








nav.bottom-nav .nav-item .nav-icon > img {
    filter: none !important;
    -webkit-filter: none !important;
}





nav.bottom-nav .nav-item .saf-nav-label {
    opacity: .82 !important;
}

nav.bottom-nav .nav-item.active .saf-nav-label {
    opacity: 1 !important;
}


 

nav.bottom-nav {
    overflow: visible !important;
}







#supportPage .saf-support-telegram-icon-v7 {

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

    overflow: visible !important;
}


 

#supportPage .saf-support-telegram-icon-v7 span,
#supportPage .saf-support-telegram-icon-v7 span::before,
#supportPage .saf-support-telegram-icon-v7 span::after {

    display: none !important;
    content: none !important;
}


 

#supportPage .saf-support-card-icon-v8 {

    display: block !important;

    width: 30px !important;
    height: 30px !important;

    min-width: 30px !important;
    min-height: 30px !important;

    max-width: 30px !important;
    max-height: 30px !important;

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

    object-fit: contain !important;

    opacity: 1 !important;

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

    transform: none !important;
}







#supportPage
#safSupportChatBackV2.saf-support-chat-back-v2.saf-guest-back {

    width: auto !important;
    height: auto !important;

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

    flex: 0 0 auto !important;

    

    font-size: inherit !important;

    

    margin: 0 2px 0 0 !important;
}


 

#supportPage .saf-support-chat-info-v2 {

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





#supportPage #safSupportChatBackV2 > span:last-child {

    white-space: nowrap !important;
}







#supportPage .saf-support-ticket-native-v22 {

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    min-height: 112px !important;

    box-sizing: border-box !important;

    padding:
        14px
        15px
        14px !important;

    text-align: left !important;

    overflow: hidden !important;
}





#supportPage .saf-ticket-top-v22 {

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 4px !important;
}


#supportPage .saf-ticket-number-v22 {

    min-width: 0 !important;

    color:
        rgba(255,255,255,.46) !important;

    font-size: 10px !important;
    font-weight: 650 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;
}





#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-status-v1 {

    position: static !important;

    flex: 0 0 auto !important;

    display: inline-flex !important;

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

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

    height: 26px !important;

    margin: 0 !important;

    padding:
        0
        10px !important;

    box-sizing: border-box !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    white-space: nowrap !important;
}





#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-subject-v1 {

    display: block !important;

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

    margin: 0 0 7px !important;
    padding: 0 !important;

    color:
        rgba(255,255,255,.97) !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    line-height: 1.22 !important;

    text-align: left !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}





#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-date-v1 {

    display: block !important;

    width: 100% !important;

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

    color:
        rgba(255,255,255,.38) !important;

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

    line-height: 1.2 !important;

    text-align: left !important;

    white-space: nowrap !important;
}





#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-status-v1.saf-status-open-v17 {

    color: #10e77b !important;

    background:
        rgba(16,231,123,.12) !important;

    border:
        1px solid
        rgba(16,231,123,.10) !important;
}





#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-status-v1.saf-status-closed-v17 {

    color:
        rgba(255,255,255,.46) !important;

    background:
        rgba(255,255,255,.055) !important;

    border:
        1px solid
        rgba(255,255,255,.07) !important;
}





body.light
#supportPage
.saf-ticket-number-v22 {

    color:
        rgba(0,0,0,.46) !important;
}


body.light
#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-subject-v1 {

    color: #111 !important;
}


body.light
#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-date-v1 {

    color:
        rgba(0,0,0,.42) !important;
}


body.light
#supportPage
.saf-support-ticket-native-v22
.saf-support-ticket-status-v1.saf-status-closed-v17 {

    color:
        rgba(0,0,0,.48) !important;

    background:
        rgba(0,0,0,.045) !important;

    border-color:
        rgba(0,0,0,.07) !important;
}











#supportPage #safSupportChatV2.saf-support-chat-v2 {
    top: 0 !important;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: none !important;
    flex-direction: column !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    z-index: 90000 !important;
}

#supportPage #safSupportChatV2.saf-support-chat-v2.is-open {
    display: flex !important;
}





#supportPage #safSupportChatV2 .saf-support-chat-head-v2 {
    flex: 0 0 auto !important;
    width: 100% !important;

    position: relative !important;
    z-index: 3 !important;

    box-sizing: border-box !important;
}





#supportPage #safSupportChatMessagesV2 {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 10px 12px 12px !important;

    gap: 4px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    box-sizing: border-box !important;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;

    scrollbar-width: none !important;
}

#supportPage #safSupportChatMessagesV2::-webkit-scrollbar {
    display: none !important;
}





#supportPage .saf-chat-row {
    display: flex !important;

    width: 100% !important;
    min-width: 0 !important;

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

    box-sizing: border-box !important;
}

#supportPage .saf-chat-row--out {
    justify-content: flex-end !important;
}

#supportPage .saf-chat-row--in {
    justify-content: flex-start !important;
}





#supportPage .saf-chat-bubble {
    display: inline-flex !important;
    flex-direction: column !important;

    width: auto !important;
    min-width: 42px !important;
    max-width: 520px !important;

    margin: 0 !important;
    padding: 7px 9px 5px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    box-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
}

#supportPage .saf-chat-row--out .saf-chat-bubble {
    margin-left: auto !important;

    background: #0d6339 !important;
    color: #f4fff9 !important;

    border: 1px solid rgba(24,255,139,.15) !important;
    border-radius: 15px 15px 5px 15px !important;
}

#supportPage .saf-chat-row--in .saf-chat-bubble {
    margin-right: auto !important;

    background: #18201b !important;
    color: rgba(255,255,255,.96) !important;

    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 15px 15px 15px 5px !important;
}





#supportPage .saf-chat-author {
    margin: 0 0 3px !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 700 !important;

    color: #28dd86 !important;

    white-space: nowrap !important;
}





#supportPage .saf-chat-content {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

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

    box-sizing: border-box !important;
}

#supportPage .saf-chat-text {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

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

    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 450 !important;

    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}





#supportPage .saf-chat-meta {
    display: block !important;
    align-self: flex-end !important;

    margin: 2px 0 0 14px !important;
    padding: 0 !important;

    font-size: 9px !important;
    line-height: 10px !important;
    font-weight: 500 !important;

    white-space: nowrap !important;

    color: rgba(255,255,255,.52) !important;
}





#supportPage .saf-chat-row--media .saf-chat-bubble {
    width: auto !important;
    min-width: 0 !important;
    max-width: 350px !important;

    padding: 2px !important;

    border-width: 1px !important;
}





#supportPage .saf-chat-single-media {
    display: block !important;

    width: auto !important;
    max-width: 346px !important;

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

    overflow: hidden !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,.12) !important;
}

#supportPage .saf-chat-single-media.saf-support-native-photo-v9 {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 346px !important;

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

#supportPage
.saf-chat-single-media
.saf-support-native-photo-image-v9 {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 346px !important;
    max-height: 430px !important;

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

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

    object-fit: contain !important;

    border-radius: 11px !important;

    cursor: pointer !important;
}





#supportPage .saf-chat-album {
    display: grid !important;

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

    height: 260px !important;

    gap: 2px !important;

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

    overflow: hidden !important;

    border-radius: 12px !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


 

#supportPage .saf-chat-album--2 {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 1fr !important;
}





#supportPage .saf-chat-album--3 {
    grid-template-columns: 1.35fr 1fr !important;
    grid-template-rows: 1fr 1fr !important;
}

#supportPage .saf-chat-album--3 .saf-chat-album-item:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
}

#supportPage .saf-chat-album--3 .saf-chat-album-item:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

#supportPage .saf-chat-album--3 .saf-chat-album-item:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}


 

#supportPage .saf-chat-album--4,
#supportPage .saf-chat-album--many {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 1fr 1fr !important;
}


 

#supportPage .saf-chat-album-item,
#supportPage .saf-chat-album-item.saf-support-native-photo-v9 {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

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

    max-width: none !important;
    max-height: none !important;

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

    overflow: hidden !important;

    border-radius: 0 !important;

    background: rgba(0,0,0,.16) !important;

    box-sizing: border-box !important;
}


 

#supportPage
.saf-chat-album--many
.saf-chat-album-item:nth-child(n+5) {
    display: none !important;
}


 

#supportPage
.saf-chat-album-item
.saf-support-native-photo-image-v9 {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

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

    object-fit: cover !important;

    border-radius: 0 !important;

    cursor: pointer !important;
}


 

#supportPage .saf-chat-album-item:first-child {
    border-top-left-radius: 11px !important;
    border-bottom-left-radius: 11px !important;
}

#supportPage .saf-chat-album--2 .saf-chat-album-item:nth-child(2),
#supportPage .saf-chat-album--3 .saf-chat-album-item:nth-child(2),
#supportPage .saf-chat-album--4 .saf-chat-album-item:nth-child(2),
#supportPage .saf-chat-album--many .saf-chat-album-item:nth-child(2) {
    border-top-right-radius: 11px !important;
}

#supportPage .saf-chat-album--2 .saf-chat-album-item:nth-child(2) {
    border-bottom-right-radius: 11px !important;
}

#supportPage .saf-chat-album--3 .saf-chat-album-item:nth-child(3),
#supportPage .saf-chat-album--4 .saf-chat-album-item:nth-child(4),
#supportPage .saf-chat-album--many .saf-chat-album-item:nth-child(4) {
    border-bottom-right-radius: 11px !important;
}


 

#supportPage .saf-chat-album-more {
    position: absolute !important;
    inset: 0 !important;

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

    background: rgba(0,0,0,.48) !important;

    color: #fff !important;

    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    pointer-events: none !important;
}


 

#supportPage
.saf-chat-row--media
.saf-support-native-photo-loading-v9,

#supportPage
.saf-chat-row--media
.saf-support-native-photo-error-v9 {
    display: flex !important;

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

    width: 100% !important;
    height: 100% !important;

    min-width: 72px !important;
    min-height: 72px !important;

    margin: 0 !important;
    padding: 8px !important;

    box-sizing: border-box !important;

    font-size: 11px !important;

    color: rgba(255,255,255,.55) !important;
}





#supportPage .saf-chat-caption {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 6px 6px 2px !important;

    box-sizing: border-box !important;

    font-size: 13px !important;
    line-height: 17px !important;

    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}


 

#supportPage .saf-chat-row--media .saf-chat-meta {
    margin: 3px 5px 2px 12px !important;
}





#supportPage .saf-chat-empty {
    margin: auto !important;
    padding: 8px 12px !important;

    border-radius: 12px !important;

    background: rgba(255,255,255,.05) !important;
    color: rgba(255,255,255,.55) !important;

    font-size: 12px !important;
}





#supportPage #safSupportChatV2 .saf-support-chat-compose-v2 {
    flex: 0 0 auto !important;

    width: 100% !important;

    position: relative !important;

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

    margin: 0 !important;
    padding: 8px 10px 10px !important;

    box-sizing: border-box !important;

    z-index: 4 !important;
}

#supportPage
#safSupportChatV2
.saf-support-chat-compose-inner-v2 {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}





nav.bottom-nav {
    z-index: 120000 !important;
}

nav.bottom-nav .nav-item {
    pointer-events: auto !important;
    touch-action: manipulation !important;

    position: relative !important;
    z-index: 2 !important;
}





.saf-support-native-viewer-v9 {
    position: fixed !important;
    inset: 0 !important;

    display: none !important;

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

    background: rgba(0,0,0,.94) !important;

    z-index: 300000 !important;

    padding:
        max(16px, env(safe-area-inset-top, 0px))
        14px
        max(16px, env(safe-area-inset-bottom, 0px))
        !important;

    box-sizing: border-box !important;

    touch-action: pan-y !important;
}

.saf-support-native-viewer-v9.is-open {
    display: flex !important;
}

.saf-support-native-viewer-image-v9 {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;

    border-radius: 4px !important;

    user-select: none !important;
    -webkit-user-select: none !important;
}

.saf-support-native-viewer-close-v9 {
    position: absolute !important;

    top: max(12px, env(safe-area-inset-top, 0px)) !important;
    right: 14px !important;

    width: 42px !important;
    height: 42px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: rgba(20,28,23,.82) !important;
    color: #fff !important;

    font-size: 28px !important;
    line-height: 42px !important;

    z-index: 4 !important;

    cursor: pointer !important;
}

.saf-chat-viewer-arrow {
    position: absolute !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 44px !important;
    height: 52px !important;

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

    background: rgba(20,28,23,.78) !important;
    color: #fff !important;

    font-size: 30px !important;
    line-height: 1 !important;

    z-index: 4 !important;

    cursor: pointer !important;
}

.saf-chat-viewer-prev {
    left: 12px !important;
}

.saf-chat-viewer-next {
    right: 12px !important;
}

.saf-chat-viewer-counter {
    position: absolute !important;

    left: 50% !important;
    bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important;

    transform: translateX(-50%) !important;

    padding: 6px 10px !important;

    border-radius: 12px !important;

    background: rgba(20,28,23,.78) !important;
    color: rgba(255,255,255,.9) !important;

    font-size: 12px !important;
    line-height: 14px !important;

    z-index: 4 !important;
}





@media (max-width: 600px) {

     

    #supportPage #safSupportChatV2.saf-support-chat-v2 {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;

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

        transform: none !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #supportPage #safSupportChatV2
    .saf-support-chat-head-v2,
    #supportPage #safSupportChatMessagesV2,
    #supportPage #safSupportChatV2
    .saf-support-chat-compose-v2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #supportPage #safSupportChatV2
    .saf-support-chat-compose-inner-v2 {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #supportPage #safSupportChatV2
    .saf-support-chat-input-v2 {
        flex: 1 1 0% !important;
        width: auto !important;
        min-width: 0 !important;
    }



    #supportPage #safSupportChatV2.saf-support-chat-v2 {
        bottom:
            calc(
                68px +
                env(safe-area-inset-bottom, 0px)
            )
            !important;
    }

    #supportPage #safSupportChatMessagesV2 {
        padding: 8px 7px 9px !important;
        gap: 4px !important;
    }

    #supportPage .saf-chat-bubble {
        max-width: 84% !important;
    }

    #supportPage .saf-chat-row--media .saf-chat-bubble {
        max-width: 82vw !important;
    }

    #supportPage .saf-chat-single-media,
    #supportPage
    .saf-chat-single-media.saf-support-native-photo-v9 {
        max-width: 80vw !important;
    }

    #supportPage
    .saf-chat-single-media
    .saf-support-native-photo-image-v9 {
        max-width: 80vw !important;
        max-height: 46vh !important;
    }

    #supportPage .saf-chat-album {
        width: 80vw !important;
        max-width: 330px !important;
        height: min(64vw, 260px) !important;
    }

    #supportPage
    #safSupportChatV2
    .saf-support-chat-compose-v2 {
        padding: 7px 7px 8px !important;
    }

    .saf-chat-viewer-arrow {
        width: 38px !important;
        height: 46px !important;

        background: rgba(20,28,23,.62) !important;
    }

    .saf-chat-viewer-prev {
        left: 7px !important;
    }

    .saf-chat-viewer-next {
        right: 7px !important;
    }
}


 

@media (max-width: 390px) {

    #supportPage .saf-chat-bubble {
        max-width: 87% !important;
    }

    #supportPage .saf-chat-row--media .saf-chat-bubble {
        max-width: 84vw !important;
    }

    #supportPage .saf-chat-album {
        width: 82vw !important;
    }
}








 

#supportPage #safSupportChatMessagesV2 {
    padding: 10px 10px 12px !important;
    gap: 3px !important;
}


 

#supportPage #safSupportChatMessagesV2 .saf-chat-row {
    width: 100% !important;

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

    display: flex !important;

    box-sizing: border-box !important;
}

#supportPage #safSupportChatMessagesV2 .saf-chat-row--out {
    justify-content: flex-end !important;
}

#supportPage #safSupportChatMessagesV2 .saf-chat-row--in {
    justify-content: flex-start !important;
}


 

#supportPage #safSupportChatMessagesV2 .saf-chat-bubble {
    width: fit-content !important;

    min-width: 0 !important;
    max-width: min(76%, 520px) !important;

    margin: 0 !important;

    padding:
        6px
        8px
        5px
        !important;

    border: 0 !important;

    box-shadow:
        0 1px 1px rgba(0,0,0,.16)
        !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-row--out
.saf-chat-bubble {

    margin-left: auto !important;

    background: #176b45 !important;
    color: #f7fff9 !important;

    border-radius:
        14px
        14px
        4px
        14px
        !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-row--in
.saf-chat-bubble {

    margin-right: auto !important;

    background: #18221c !important;
    color: rgba(255,255,255,.96) !important;

    border-radius:
        14px
        14px
        14px
        4px
        !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-author {

    margin: 0 1px 2px !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 650 !important;

    color: #35df8d !important;

    opacity: .95 !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-content {

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

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

#supportPage
#safSupportChatMessagesV2
.saf-chat-text {

    width: auto !important;

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

    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 400 !important;

    letter-spacing: 0 !important;

    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-meta {

    align-self: flex-end !important;

    margin:
        1px
        0
        0
        14px
        !important;

    padding: 0 !important;

    font-size: 9px !important;
    line-height: 10px !important;
    font-weight: 400 !important;

    color: rgba(255,255,255,.48) !important;

    white-space: nowrap !important;
}





#supportPage
#safSupportChatMessagesV2
.saf-chat-row--media
.saf-chat-bubble {

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

    max-width: 350px !important;

    padding: 2px !important;

    border: 0 !important;

    box-shadow:
        0 1px 1px rgba(0,0,0,.14)
        !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-single-media {

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

    overflow: hidden !important;

    border-radius: 12px !important;

    background: transparent !important;
}

#supportPage
#safSupportChatMessagesV2
.saf-chat-single-media
.saf-support-native-photo-image-v9 {

    display: block !important;

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

    border-radius: 11px !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-album {

    gap: 2px !important;

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

    border-radius: 12px !important;

    overflow: hidden !important;

    background: transparent !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-caption {

    margin: 0 !important;

    padding:
        6px
        6px
        2px
        !important;

    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 400 !important;

    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
}


 

#supportPage
#safSupportChatMessagesV2
.saf-chat-row--media
.saf-chat-meta {

    margin:
        3px
        5px
        2px
        12px
        !important;
}





@media (max-width: 600px) {

    #supportPage #safSupportChatMessagesV2 {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 8px 7px 10px !important;
        gap: 4px !important;

        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }


     

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-row {

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }


     

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-row:not(.saf-chat-row--media)
    .saf-chat-bubble {

        width: auto !important;
        min-width: 44px !important;
        max-width: 82% !important;

        flex: 0 1 auto !important;

        box-sizing: border-box !important;
    }


     

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-content,

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-text,

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-caption {

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        white-space: pre-wrap !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;

        box-sizing: border-box !important;
    }


     

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-row--media
    .saf-chat-bubble {

        width: 82% !important;
        min-width: 0 !important;
        max-width: 330px !important;

        flex: 0 0 auto !important;

        padding: 2px !important;

        box-sizing: border-box !important;
    }


     

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-single-media,

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-single-media.saf-support-native-photo-v9 {

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-single-media
    .saf-support-native-photo-image-v9 {

        display: block !important;

        width: 100% !important;
        height: auto !important;

        min-width: 0 !important;
        max-width: 100% !important;
        max-height: 52vh !important;

        object-fit: contain !important;

        margin: 0 !important;
    }


     

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-album {

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 240px !important;

        margin: 0 !important;
        padding: 0 !important;
        gap: 2px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }


    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-album-item {

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

        overflow: hidden !important;
    }


    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-album-item
    .saf-support-native-photo-image-v9 {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

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

        max-width: none !important;
        max-height: none !important;

        object-fit: cover !important;
    }

}


 

@media (max-width: 390px) {

    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-row:not(.saf-chat-row--media)
    .saf-chat-bubble {

        max-width: 86% !important;
    }


    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-row--media
    .saf-chat-bubble {

        width: 86% !important;
        max-width: 320px !important;
    }


    #supportPage
    #safSupportChatMessagesV2
    .saf-chat-album {

        height: 225px !important;
    }

}







#homePage.active-page {
    padding-bottom: 24px !important;
}







body:has(#homePage.active-page) .app {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
}




#safTariffConfiguratorV13
.saf-tariff-balance-warning-v19 {
    margin-top: 12px;
    padding: 13px 14px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    border: 1px solid rgba(255, 82, 82, .45);
    border-radius: 16px;

    background: rgba(110, 25, 25, .20);
}

#safTariffConfiguratorV13
.saf-tariff-balance-warning-left-v19 {
    display: flex;
    align-items: center;
    gap: 10px;

    min-width: 0;
}

#safTariffConfiguratorV13
.saf-tariff-balance-warning-icon-v19 {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

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

    border-radius: 50%;

    background: rgba(255, 82, 82, .13);

    color: #ff6868;

    font-size: 17px;
    font-weight: 900;
}

#safTariffConfiguratorV13
.saf-tariff-balance-warning-title-v19 {
    color: rgba(255,255,255,.65);

    font-size: 11px;
    font-weight: 700;
}

#safTariffConfiguratorV13
.saf-tariff-balance-warning-amount-v19 {
    margin-top: 2px;

    color: #ff6868;

    font-size: 16px;
    font-weight: 900;
}

#safTariffConfiguratorV13
.saf-tariff-balance-warning-topup-v19 {
    flex: 0 0 auto;

    min-height: 38px;
    padding: 0 15px;

    border: 0;
    border-radius: 12px;

    background: #35e981;
    color: #07130c;

    font-size: 12px;
    font-weight: 900;

    cursor: pointer;
}

#safTariffConfiguratorV13
.saf-tariff-balance-warning-topup-v19:active {
    transform: scale(.97);
}