.anonymous-tip-switcher-tooltip .tooltip-close {
    right: 20px;
    top: 18px
}

.anonymous-tip-switcher-tooltip>.tooltip-inner {
    background-color: #222;
    border-color: #222;
    box-shadow: 0 0 4px rgba(17, 17, 17, .2);
    position: relative
}

.anonymous-tip-switcher-tooltip.with-new-send-tip>.tooltip-inner {
    background-color: #3b3b3b;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

.anonymous-tip-switcher-tooltip.with-new-send-tip>.tooltip-inner:before {
    display: none
}

.anonymous-tip-switcher-tooltip-container {
    min-width: 276px;
    padding: 15px;
    font-size: .813rem
}

.anonymous-tip-switcher-tooltip-container.compact {
    min-width: unset
}

.anonymous-tip-switcher-tooltip-header {
    color: rgba(255, 255, 255, .9);
    font-weight: 700;
    font-size: .938rem
}

.anonymous-tip-switcher-tooltip-subheader {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    margin: 15px 0;
    font-size: .813rem;
    line-height: 1.125rem
}

.anonymous-tip-switcher-tooltip-list {
    margin-top: 20px;
    font-size: .75rem;
    line-height: 1.563rem
}

.anonymous-tip-switcher-tooltip-list li {
    background: 0 0 !important;
    border: none !important;
    min-height: auto;
    padding: 0 0 0 22px;
    position: relative;
    white-space: nowrap
}

.anonymous-tip-switcher-tooltip-list li::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.03 80.34L100 21.37 89.74 11.1 30.77 70.1 10.26 49.57 0 59.83l20.51 20.51L30.77 90.6z' fill='%2397ff53'/%3E%3C/svg%3E");
    background-size: 12px 12px;
    content: " ";
    height: 12px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 12px
}

.anonymous-tip-switcher-tooltip-controls {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.anonymous-tip-switcher-tooltip-controls .btn {
    color: rgba(33, 18, 0, .9);
    height: 41px;
    width: 100%;
    font-size: .938rem
}

.send-tip-comment-animation-enter {
    max-height: 0
}

.send-tip-comment-animation-enter-active {
    max-height: 60px;
    overflow: hidden;
    transition: max-height .3s
}

.send-tip-comment-animation-exit {
    max-height: 60px
}

.send-tip-comment-animation-exit-active {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s
}

.send-tip-comment-input-wrapper {
    margin-bottom: 18px;
    position: relative
}

.send-tip-comment .send-tip-comment-input.input {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    border: 2px solid #000;
    width: 100%
}

.send-tip-comment .send-tip-comment-input.input+.send-tip-comment-input--marker {
    bottom: 5px;
    height: 18px;
    position: absolute;
    right: 20px;
    transform: translateY(100%);
    width: 15px
}

.send-tip-comment .send-tip-comment-input.input+.send-tip-comment-input--marker .top {
    fill: #000
}

.send-tip-comment .send-tip-comment-input.input+.send-tip-comment-input--marker .bg,
.send-tip-comment .send-tip-comment-input.input+.send-tip-comment-input--marker .border {
    fill: #000;
    transition: 120ms ease-in-out
}

.send-tip-comment .send-tip-comment-input.input:active,
.send-tip-comment .send-tip-comment-input.input:focus {
    border-color: #6ba234;
    box-shadow: none
}

.send-tip-comment .send-tip-comment-input.input:active+.send-tip-comment-input--marker .border,
.send-tip-comment .send-tip-comment-input.input:focus+.send-tip-comment-input--marker .border {
    fill: #6ba234
}

.send-tip-comment .send-tip-comment-input.input:disabled {
    pointer-events: none
}

.send-tip-comment .send-tip-comment-input.input:disabled+.send-tip-comment-input--marker .top {
    fill: #191919
}

.send-tip-comment .send-tip-comment-input.input:disabled+.send-tip-comment-input--marker .bg,
.send-tip-comment .send-tip-comment-input.input:disabled+.send-tip-comment-input--marker .border {
    opacity: .33
}

.send-tip-comment .send-tip-comment-input.input:disabled::-moz-placeholder {
    color: #f8f8f8;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.send-tip-comment .send-tip-comment-input.input:disabled::placeholder {
    color: #f8f8f8;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.send-tip-comment .send-tip-comment-input.input.is-private:active+.send-tip-comment-input--marker .border,
.send-tip-comment .send-tip-comment-input.input.is-private:focus+.send-tip-comment-input--marker .border {
    fill: #feb601
}

.send-tip-comment .send-tip-comment-input.input.with-icon {
    padding-left: 40px
}

.send-tip-comment .send-tip-comment-input.input.with-privacy-toggle {
    padding-right: 120px
}

.send-tip-comment .send-tip-comment-input.input.is-private:active,
.send-tip-comment .send-tip-comment-input.input.is-private:focus {
    border-color: #feb601
}

.send-tip-comment-privacy-switcher {
    bottom: 0;
    position: absolute;
    right: 16px;
    top: 0
}

.send-tip-comment-privacy-switcher-label {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8
}

.send-tip-comment-privacy-switcher-label-short {
    align-items: center;
    display: none
}

.send-tip-comment-privacy-switcher-label-icon {
    fill: currentColor
}

.send-tip-comment-input-icon {
    fill: currentColor;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.send-tip-comment-input-icon.lock-ds {
    left: 16px
}

.send-tip-comment-input-icon.not-available-icon,
.send-tip-comment-input-icon.timeline-icon {
    color: #f8f8f8
}

.send-tip-comment-input-icon.epic-goal-icon {
    color: #a36aff
}

.send-tip-comment-input-icon.chat-actions-icon {
    color: #ff414f
}

.send-tip-controls-comment-switcher-icon {
    fill: currentColor;
    margin: 0
}

.send-tip-controls .send-tip-controls-comment-switcher {
    background-color: rgba(248, 248, 248, .1);
    border: 2px solid transparent;
    border-radius: 50%;
    color: #f8f8f8;
    padding: 8px;
    position: relative
}

.send-tip-controls .send-tip-controls-comment-switcher.comment-visible {
    background-color: #000;
    border: 2px solid transparent
}

.send-tip-controls .send-tip-controls-comment-switcher .icon {
    height: 20px;
    width: 20px
}

.send-tip-controls .send-tip-controls-comment-switcher:hover:not(.comment-visible) {
    background-color: rgba(248, 248, 248, .2);
    border: 2px solid transparent;
    color: #f8f8f8
}

.send-tip-controls-controls-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.send-tip-controls__send-button {
    align-items: center;
    border-radius: 40px;
    display: inline-flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    margin: 0;
    max-width: 245px;
    padding-left: 45px;
    padding-right: 45px
}

.send-tip-controls__send-button--anonymous {
    background-color: #485e33;
    border: 2px solid #6ba234;
    color: #fff
}

.send-tip-controls__send-button--anonymous:hover {
    background-color: #5f863c;
    border-color: #82c043;
    color: #fff
}

.send-tip-controls-switchers {
    align-items: center;
    display: flex
}

.send-tip-controls-anonymous-switcher {
    margin-left: 14px;
    margin-right: 16px
}

.send-tip-controls-anonymous-switcher:only-child {
    margin-right: 0
}

.need-more-token-one-click {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

.need-more-token-one-click .need-more-token-one-click--in-fullscreen {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: center
}

.need-more-token-one-click .need-more-token-one-click--in-fullscreen.need-more-token-one-click--error {
    flex-direction: column
}

.need-more-token-one-click--error {
    align-items: flex-start;
    margin-top: 10px
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__left {
    width: 100%
}

.need-more-token-one-click__right {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__right {
    margin: 13px 0 12px
}

.need-more-token-one-click__highlighted {
    color: #6ba234;
    font-weight: 700
}

.need-more-token-one-click__highlighted--in-private {
    color: #feb601
}

.need-more-token-one-click__button-pale {
    opacity: .6
}

.need-more-token-one-click__icon {
    color: #f8f8f8;
    height: 22px;
    margin-right: 8px;
    width: 22px
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__icon {
    color: #f8f8f8
}

.need-more-token-one-click__description {
    font-weight: 400;
    margin-top: 4px;
    opacity: .6;
    font-size: .75rem
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__description,
.need-more-token-one-click--in-fullscreen .need-more-token-one-click__title,
.need-more-token-one-click__title {
    color: #f8f8f8
}

.need-more-token-one-click__another-amount {
    cursor: pointer;
    font-weight: 400;
    margin-top: 4px;
    opacity: .6;
    text-align: center;
    text-decoration: underline;
    font-size: .75rem;
    transition: 120ms ease-in-out
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__another-amount {
    color: #f8f8f8
}

.need-more-token-one-click__another-amount:hover {
    opacity: 1
}

.need-more-token-one-click__main {
    display: flex;
    gap: 12px;
    margin-top: -5px;
    max-height: 45px;
    width: 100%
}

.need-more-token-one-click__main--redesigned {
    align-items: flex-start;
    max-height: unset
}

.need-more-token-one-click__main--redesigned:not(.need-more-token-one-click__main--redesigned--without-refill) {
    flex-direction: row-reverse;
    justify-content: space-between
}

.need-more-token-one-click__main--redesigned:not(.need-more-token-one-click__main--redesigned--without-refill) .need-more-token-one-click__left {
    flex-grow: 0.5
}

.need-more-token-one-click__main--redesigned:not(.need-more-token-one-click__main--redesigned--without-refill) .need-more-token-one-click__left button {
    font-size: 15px;
    font-weight: 500;
    width: 100%
}

.need-more-token-one-click__main--redesigned:not(.need-more-token-one-click__main--redesigned--without-refill) .need-more-token-one-click__right {
    flex: unset;
    min-height: 40px
}

.need-more-token-one-click__main--redesigned:not(.need-more-token-one-click__main--redesigned--without-refill) .need-more-token-one-click__right .need-more-token-one-click__icon {
    flex-shrink: 0
}

.need-more-token-one-click__main--redesigned .need-more-token-one-click__another-amount {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 12px
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__main {
    flex-direction: column-reverse;
    gap: initial;
    margin-top: initial;
    max-height: initial
}

.need-more-token-one-click__button {
    height: 32px;
    margin: 0
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__button {
    width: 100%
}

.need-more-token-one-click__button--big {
    height: 40px
}

.need-more-token-one-click__button--offset {
    margin-top: 8px
}

.need-more-token-one-click__loader-box {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__loader-box {
    margin: 10px auto
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__loader-text {
    color: #f8f8f8
}

.need-more-token-one-click__loader {
    margin-right: 12px !important
}

.need-more-token-one-click__loader .sector-circle {
    border-color: #d7d7d7 #d7d7d7 transparent !important;
    border-width: 3px !important
}

.need-more-token-one-click__error-title {
    flex: 1
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__error-label,
.need-more-token-one-click__error-label {
    color: #f8f8f8
}

.need-more-token-one-click__error-description {
    margin-top: 4px;
    font-size: .75rem
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__error-description {
    color: #f8f8f8
}

.need-more-token-one-click__error-box {
    align-items: center;
    display: flex;
    flex: 1
}

.need-more-token-one-click__success {
    align-items: center;
    color: #6ba234;
    display: flex;
    font-size: 15px;
    justify-content: center;
    line-height: 18px;
    width: 100%
}

.need-more-token-one-click__success .icon {
    margin-right: 8px
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__success {
    height: 36px
}

.tip-amount--compact {
    align-items: flex-start;
    display: flex
}

.tip-amount--compact .tip-amount__predefined-scroll {
    order: 1
}

.tip-amount--compact .tip-amount__custom {
    margin-right: 12px;
    order: 0;
    position: relative
}

.tip-amount--compact .tip-amount__custom:after {
    background: #353535;
    content: "";
    height: 20px;
    position: absolute;
    right: -11px;
    width: 1px
}

.tip-amount--compact .tip-amount__custom-input {
    border-width: 2px !important;
    margin-left: 0;
    width: 115px
}

.tip-amount--compact .tip-amount__predefined-scroll {
    flex: 1;
    margin-left: 12px;
    padding: 0
}

.tip-amount--compact .tip-amount__custom-input--bottom-sheet.input.input {
    border: 1px solid rgba(248, 248, 248, .3019607843)
}

.tip-amount--compact .tip-amount__predefined-item {
    min-width: 55px
}

.tip-amount__predefined-scroll {
    margin: 0 -12px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 12px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tip-amount__predefined-scroll::-webkit-scrollbar {
    display: none
}

.tip-amount__predefined-scroll.without-scroll {
    margin: 0;
    padding: 0
}

.tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined {
    display: flex;
    justify-content: flex-start
}

.tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item {
    flex: 0 0 75px
}

.tip-amount__predefined {
    display: block;
    margin: 0 0 10px;
    white-space: nowrap
}

.tip-amount__predefined-item {
    display: inline-block;
    font-size: 15px;
    min-width: 75px;
    width: 75px
}

.tip-amount__predefined-item+.tip-amount__predefined-item {
    margin-left: 12px
}

.tip-amount__predefined-item:last-child {
    margin-right: 12px
}

.tip-amount__predefined-item-button {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 12px;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    margin: 0;
    width: 100%
}

.tip-amount__predefined-item-button,
.tip-amount__predefined-item-button:active,
.tip-amount__predefined-item-button:focus {
    background-color: rgba(248, 248, 248, .18);
    color: #fff
}

.tip-amount__predefined-item-button--selected,
.tip-amount__predefined-item-button--selected:active,
.tip-amount__predefined-item-button--selected:focus {
    background-color: #4e6438;
    border-color: #9ce256;
    color: #f8f8f8;
    font-weight: 700
}

.tip-amount__predefined-item-button--selected-private,
.tip-amount__predefined-item-button--selected-private:active,
.tip-amount__predefined-item-button--selected-private:focus {
    background-color: #563e01;
    border-color: #feb601;
    color: #f8f8f8;
    pointer-events: none
}

.tip-amount__custom {
    align-items: center;
    color: rgba(255, 255, 255, .6);
    display: flex;
    flex-flow: row nowrap;
    margin: 0;
    position: relative;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.tip-amount__custom-input {
    flex-grow: 1;
    margin-left: 12px;
    text-align: center
}

.tip-amount__custom-input.input.input {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    border: 2px solid #000;
    color: rgba(248, 248, 248, .6);
    padding-left: 0;
    padding-right: 0
}

.tip-amount__custom-input.input.input:focus {
    border-color: #6ba234;
    box-shadow: none;
    color: #fff
}

.tip-amount__custom-input--private.input.input:focus {
    border-color: #feb601
}

.tip-amount__custom-input--selected.input.input {
    color: #fff
}

.tip-amount__custom-input--bottom-sheet.input.input {
    border: 1px solid #313131
}

.tip-amount__label-new {
    background: #a2252d;
    border-radius: 4px;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    height: 15px;
    line-height: 11px;
    padding: 2px 3px;
    position: absolute;
    right: 23px;
    text-transform: uppercase;
    top: 3px
}

.send-tip-form-new {
    align-items: stretch;
    color: #a8a8a8;
    display: flex;
    flex-flow: column nowrap;
    flex-shrink: 0;
    padding: 10px 12px
}

.send-tip-form-new--amount {
    margin-bottom: 10px
}

.send-tip-form-new--collapsable {
    max-height: 220px;
    overflow: hidden
}

.send-tip-form-new--collapsed {
    max-height: 0
}

form.send-tip-form-new--collapsed.send-tip-form-new--collapsed {
    border-top: none;
    padding-bottom: 0;
    padding-top: 0
}

.send-tip-form-new--inside-chat-actions {
    background-color: #3b3b3b;
    border-top: 1px solid #5b5b5b;
    box-shadow: 0 -5px 10px rgba(29, 29, 29, .8);
    display: block
}

.send-tip-form-new.send-tip-form-new--bottom-sheet {
    background-color: transparent;
    box-shadow: none;
    padding-top: 6px
}

.send-tip-form-new.send-tip-form-new--redesigned {
    padding-bottom: 0;
    padding-top: 0
}

.need-more-tokens--content .need-more-token-one-click__main {
    margin: 0
}

@media screen and (min-width:640px) {
    .need-more-token-one-click {
        justify-content: space-between
    }
}

@media (min-aspect-ratio:18/10) and (min-width:1024px) {
    .tip-amount__predefined-item {
        width: 14.5%
    }
}

@media screen and (min-width:1024px) {
    .need-more-token-one-click__main:not(.need-more-token-one-click__main--without-refill) {
        flex-direction: row-reverse
    }

    .need-more-token-one-click--in-fullscreen .need-more-token-one-click__main {
        flex-direction: column-reverse
    }

    .tip-amount__predefined-scroll.without-scroll .tip-amount__predefined-item.send-tip-modal-content-predefined-item {
        flex-basis: initial;
        width: 88px
    }
}

@media (max-width:1023px) {

    .tip-amount--compact .tip-amount__predefined-item,
    .tip-amount__predefined-item {
        width: 11.4%
    }
}

@media screen and (max-width:1023px) {
    .anonymous-tip-switcher .switcher.contrast:not(.on) {
        background: rgba(75, 75, 75, .4)
    }

    .send-tip-comment .send-tip-comment-input.input+.send-tip-comment-input--marker {
        left: 20px;
        right: auto;
        transform: translateY(100%) rotateY(180deg)
    }

    .send-tip-controls-controls-row {
        flex-direction: row-reverse
    }

    .send-tip-controls__send-button {
        border-radius: 36px;
        height: 36px
    }

    .send-tip-controls-switchers {
        flex-direction: row-reverse
    }

    .tip-amount__predefined-scroll.without-scroll .tip-amount__predefined {
        flex-flow: wrap
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item {
        display: flex;
        flex-basis: 33.3333333333%;
        justify-content: center;
        margin: 0;
        width: auto
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(-n+3) {
        margin-bottom: 12px
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(3n+1) .tip-amount__predefined-item-button {
        margin-right: 6px
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(3n+2) .tip-amount__predefined-item-button {
        margin-left: 6px;
        margin-right: 6px
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(3n+0) .tip-amount__predefined-item-button {
        margin-left: 6px
    }

    .send-tip-form-new--collapsable {
        transition: max-height .2s, padding-bottom .2s, padding-top .2s
    }

    .send-tip-form-new--collapsable.send-tip-form-new--bottom-sheet {
        transition: none
    }

    .send-tip-form-new--inside-chat-actions {
        background-color: #1c1c1c;
        border-top: none;
        box-shadow: none;
        padding-bottom: 10px
    }
}

@media (max-width:975px) {

    .tip-amount--compact .tip-amount__predefined-item,
    .tip-amount__predefined-item {
        width: 11.3%
    }
}

@media (max-width:870px) {

    .tip-amount--compact .tip-amount__predefined-item,
    .tip-amount__predefined-item {
        width: 14%
    }
}

@media screen and (max-width:639px) {
    .send-tip-comment-privacy-switcher-label-full {
        display: none
    }

    .send-tip-comment-privacy-switcher-label-short {
        display: flex
    }
}

@media (max-width:550px) {

    .tip-amount--compact .tip-amount__predefined-item,
    .tip-amount__predefined-item {
        width: 16.5%
    }
}

@media screen and (max-width:479px) {
    .need-more-token-one-click__add-tokens-button--desktop {
        display: none
    }
}

@media (max-width:450px) {
    .tip-amount--compact .tip-amount__predefined-item {
        width: 23%
    }

    .tip-amount__predefined-item {
        width: 20%
    }
}

@media (max-width:350px) {
    .tip-amount--compact .tip-amount__predefined-item {
        width: 55px
    }

    .tip-amount__predefined-item {
        width: 75px
    }
}

@media screen and (max-width:350px) {
    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item .btn {
        padding-left: 0;
        padding-right: 0
    }
}

@media (pointer:fine) {
    .tip-amount__predefined-item-button:hover {
        background-color: rgba(248, 248, 248, .3);
        color: #fff
    }
}