@keyframes shake
{
    0%, to
    {
        transform: translate(0);
    }
    10%, 30%, 50%, 70%, 90%
    {
        transform: translate(-5px);
    }
    20%, 40%, 60%, 80%
    {
        transform: translate(5px);
    }
}
.thp-input__prefix
{
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.thp-input__container--with-label:not(.tile)>label>.thp-input__prefix
{
    height: calc(100% - 30px);
}
.thp-input__suffix
{
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thp-input__suffix.disabled
{
    display: none;
}
.thp-input__container
{
    display: inline-block;
    position: relative;
}
.thp-input__container.full-width
{
    width: 100%;
}
.thp-input__container.tile
{
    padding-top: 0;
}
.thp-input__container.tile .thp-input__prefix
{
    padding-left: 10px;
    width: 60px;
}
.thp-input__container--with-label
{
    padding-top: 3px;
}
.thp-input__container--with-label:not(.tile)
{
    padding-top: 30px;
}
.thp-input__container--with-label:not(.tile) .thp-input__suffix
{
    top: calc(50% + 15px);
    height: calc(100% - 30px);
}
.thp-input__container--with-label:not(.tile) .thp-input__prefix
{
    top: 30px;
}
.thp-input
{
    box-sizing: border-box;
    padding: 13px 11px 12px;
    height: 46px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0);
    box-shadow: none;
    caret-color: var(--color-blue-500);
    color: var(--color-white);
}
.thp-input:not([disabled])
{
    transition: color .1s ease-in-out,border-color .1s ease-in-out;
}
.thp-input--default-height
{
    height: 46px;
    padding-top: 13px;
    padding-bottom: 12px;
}
.thp-input--small-height
{
    height: 32px;
    padding-top: 7px;
    padding-bottom: 6px;
}
.thp-input--large-height
{
    height: 65px;
    padding-top: 13px;
    padding-bottom: 12px;
}
.thp-input::-ms-clear
{
    display: none;
}
.no-touch .thp-input:-webkit-autofill:hover, .thp-input:-webkit-autofill, .thp-input:-webkit-autofill:focus
{
    -webkit-text-fill-color: var(--color-white);
    -webkit-box-shadow: inset 0 0 0 1000px #1d232b;
    transition: background-color 5000s ease-in-out 0s;
}
.thp-input--normal-theme
{
    background-color: var(--color-background-dark);
}
.no-touch .thp-input--normal-theme:-webkit-autofill:hover, .thp-input--normal-theme:-webkit-autofill, .thp-input--normal-theme:-webkit-autofill:focus
{
    -webkit-box-shadow: 0 0 0 1000px var(--color-background-dark) inset;
}
.thp-input--light-theme
{
    background-color: #303b47;
}
.no-touch .thp-input--light-theme:-webkit-autofill:hover, .thp-input--light-theme:-webkit-autofill, .thp-input--light-theme:-webkit-autofill:focus
{
    -webkit-box-shadow: inset 0 0 0 1000px #303b47;
}
.thp-input--dark-theme
{
    background-color: var(--color-background-dark);
}
.no-touch .thp-input--dark-theme:-webkit-autofill:hover, .thp-input--dark-theme:-webkit-autofill, .thp-input--dark-theme:-webkit-autofill:focus
{
    -webkit-box-shadow: 0 0 0 1000px var(--color-background-dark) inset;
}
.thp-input--new-dark-theme
{
    background-color: var(--color-background-dark);
}
.no-touch .thp-input--new-dark-theme:-webkit-autofill:hover, .thp-input--new-dark-theme:-webkit-autofill, .thp-input--new-dark-theme:-webkit-autofill:focus
{
    -webkit-box-shadow: 0 0 0 1000px var(--color-background-dark) inset;
}
.thp-input.tile
{
    font-size: 18px;
    height: 80px;
    padding-top: 12px;
}
.thp-input.tile~.thp-input__suffix
{
    padding-right: 10px;
    width: 60px;
}
.thp-input.full-width
{
    width: 100%;
}
.thp-input:focus
{
    outline: none;
}
.no-touch .thp-input:not(.read-only):hover, .no-touch label:hover .thp-input:not(.read-only), .thp-input:focus
{
    border-color: var(--color-blue-500);
}
.thp-input.read-only, label .thp-input.read-only
{
    cursor: default;
}
.no-touch label:hover .thp-input.disabled, .no-touch label:hover .thp-input.disabled:hover, .no-touch label:hover .thp-input:disabled, .no-touch label:hover .thp-input:disabled:hover, .thp-input.disabled, .thp-input.disabled:hover, .thp-input:disabled, .thp-input:disabled:hover
{
    color: var(--color-gray-500);
    border-color: color-mix(in oklab,var(--color-gray-500) 40%,transparent);
    background-color: rgba(0,0,0,0);
}
.thp-input.error
{
    border-color: var(--color-red-400);
}
.thp-input.error-animation
{
    animation-name: shake;
    transform-origin: center bottom;
    animation-duration: .8s;
}
.thp-input.with-suffix
{
    padding-right: 40px;
}
.thp-input.with-label~.thp-input__label
{
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    margin: 0 auto;
    padding-left: 11px;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    text-align: left;
    background: rgba(0,0,0,0);
    color: var(--color-gray-500);
    transition: all .15s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thp-input.with-label:not(:focus)~.thp-input__label
{
    pointer-events: none;
}
.thp-input.with-label.tile~.thp-input__label
{
    font-size: 18px;
    top: 17px;
}
.thp-input.with-label.not-empty:valid~.thp-input__label, .thp-input.with-label:focus~.thp-input__label
{
    top: 0;
    left: 0;
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: auto;
}
.thp-input.with-label.not-empty:valid.tile~.thp-input__label, .thp-input.with-label:focus.tile~.thp-input__label
{
    opacity: 0;
    padding-left: 11px;
    top: 17px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
}
.thp-input.with-label.disabled.not-empty:valid~.thp-input__label, .thp-input.with-label.disabled:focus~.thp-input__label, .thp-input.with-label.disabled~.thp-input__label
{
    top: 0;
    left: 0;
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: auto;
}
.thp-input.with-label.disabled.not-empty:valid.tile~.thp-input__label, .thp-input.with-label.disabled.tile~.thp-input__label, .thp-input.with-label.disabled:focus.tile~.thp-input__label
{
    opacity: 0;
    padding-left: 11px;
    top: 17px;
}
.thp-input.with-label.not-empty~.thp-input__label
{
    top: 0;
    left: 0;
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: auto;
}
.thp-input.with-label.not-empty.tile~.thp-input__label
{
    opacity: 0;
    top: 17px;
}
.thp-input.with-prefix
{
    padding-left: 46px;
}
.thp-input__prefix:empty+.thp-input.with-prefix
{
    padding-left: 11px;
}
.thp-input.with-prefix.with-label~.thp-input__label
{
    padding-left: 46px;
}
.thp-input.with-prefix.with-label.not-empty~.thp-input__label
{
    padding-left: 0;
}
.thp-input.with-prefix.with-label.not-empty:valid, .thp-input.with-prefix.with-label:focus
{
    padding-left: 46px;
}
.thp-input.with-prefix.with-label.not-empty:valid~.thp-input__label, .thp-input.with-prefix.with-label:focus~.thp-input__label
{
    padding-left: 0;
}
.thp-input.with-prefix.with-label.disabled, .thp-input.with-prefix.with-label.disabled.not-empty:valid, .thp-input.with-prefix.with-label.disabled:focus
{
    padding-left: 46px;
}
.thp-input.with-prefix.with-label.disabled.not-empty:valid~.thp-input__label, .thp-input.with-prefix.with-label.disabled:focus~.thp-input__label, .thp-input.with-prefix.with-label.disabled~.thp-input__label
{
    padding-left: 0;
}
.thp-input__prefix:empty+.thp-input.with-prefix.with-label.disabled, .thp-input__prefix:empty+.thp-input.with-prefix.with-label.disabled.not-empty:valid, .thp-input__prefix:empty+.thp-input.with-prefix.with-label.disabled:focus
{
    padding-left: 11px;
}
.thp-input.with-prefix.tile
{
    padding-left: 60px;
}
.thp-input__prefix:empty+.thp-input.with-prefix.tile
{
    padding-left: 11px;
}
.thp-input.with-prefix.tile.with-label~.thp-input__label
{
    padding-left: 60px;
}
.thp-input.with-prefix.tile.with-label.not-empty:valid, .thp-input.with-prefix.tile.with-label:focus
{
    padding-left: 60px;
}
.thp-input__prefix:empty+.thp-input.with-prefix.tile.with-label.not-empty:valid, .thp-input__prefix:empty+.thp-input.with-prefix.tile.with-label:focus
{
    padding-left: 11px;
}
.thp-input.with-prefix.tile.with-label.not-empty:valid~.thp-input__label, .thp-input.with-prefix.tile.with-label:focus~.thp-input__label
{
    padding-left: 60px;
}
.thp-input.with-prefix.tile.with-label.disabled, .thp-input.with-prefix.tile.with-label.disabled.not-empty:valid, .thp-input.with-prefix.tile.with-label.disabled:focus
{
    padding-left: 60px;
}
.thp-input.with-prefix.tile.with-label.disabled.not-empty:valid~.thp-input__label, .thp-input.with-prefix.tile.with-label.disabled:focus~.thp-input__label, .thp-input.with-prefix.tile.with-label.disabled~.thp-input__label
{
    padding-left: 60px;
}
.thp-input--corner-tiny
{
    border-radius: 2.5px;
}
.thp-input--corner-small
{
    border-radius: 4px;
}
.thp-input--corner-medium
{
    border-radius: 8px;
}
.thp-input--corner-large
{
    border-radius: 16px;
}
.thp-input--transparent-theme
{
    background-color: rgba(0,0,0,0)!important;
    border-color: rgba(0,0,0,0)!important;
}
.no-touch .thp-input--transparent-theme:-webkit-autofill:hover, .thp-input--transparent-theme:-webkit-autofill, .thp-input--transparent-theme:-webkit-autofill:focus
{
    -webkit-box-shadow: inset 0 0 0 1000px #303b47;
}
.field
{
    display: inline-flex;
    flex-flow: column nowrap;
}
.field--full-width
{
    width: 100%;
}
.field--with-label
{
    position: relative;
}
.field__feedback-container
{
    padding-top: 4px;
    padding-bottom: 0;
}
.feedback
{
    min-height: 13px;
    line-height: 1.3;
    font-size: 10px;
}
.feedback--hidden
{
    visibility: hidden;
}
.feedback--error
{
    text-align: right;
    color: var(--color-red-400);
}
.feedback--hint
{
    text-align: right;
    color: var(--color-gray-light);
}
.currency-color_theme__QYWSA
{
    color: #16bdf9;
    --text-color: #16bdf9;
}
.currency-color_gray__qvsnp
{
    color: var(--color-gray-500);
    --text-color: var(--color-gray-500);
}
.currency-color_ebony__Ppl44
{
    --text-color: ;
}
.currency-color_light-gray__wsjbF
{
    color: #becde3;
    --text-color: #becde3;
}
.currency-color_blue__Y4h3R
{
    color: var(--color-blue-500);
    --text-color: var(--color-blue-500);
}
.currency-color_red__hCxmE
{
    color: var(--color-red-400);
    --text-color: var(--color-red-400);
}
.currency-color_green__3Mvmz
{
    color: #7fd988;
    --text-color: #7fd988;
}
.currency-color_white___GbRx
{
    color: #fff;
    --text-color: #fff;
}
.currency-color_x2__crOP0
{
    color: #62748a;
    --text-color: #62748a;
}
.currency-color_x3__2LqHK
{
    color: #15a2d4;
    --text-color: #15a2d4;
}
.currency-color_x5__2Ie2P
{
    color: #da6a6a;
    --text-color: #da6a6a;
}
.currency-color_x30__bMIEO
{
    color: #e4b834;
    --text-color: #e4b834;
}
.currency-color_no-division-rank-deprecated__e9FGp
{
    color: #6c829d;
    --text-color: #6c829d;
}
.currency-color_bronze-rank-deprecated__Q0iMt
{
    color: #a5671c;
    --text-color: #a5671c;
}
.currency-color_silver-rank-deprecated__uSoFk
{
    color: #cfe0e2;
    --text-color: #cfe0e2;
}
.currency-color_gold-rank-deprecated__3L3P6
{
    color: #ffd545;
    --text-color: #ffd545;
}
.currency-color_diamond-rank-deprecated__Arvru
{
    color: #75e0ce;
    --text-color: #75e0ce;
}
.currency-color_challenger-rank-deprecated__GQKxz
{
    color: #75e0ce;
    --text-color: #ffd545;
    background: -webkit-linear-gradient(0deg,#ffd545,#75e0ce);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}
.currency-color_unranked-rank__PuMxi
{
    color: var(--color-rank-system-unranked);
    --text-color: var(--color-rank-system-unranked);
}
.currency-color_iron-rank__pWyT6
{
    color: var(--color-rank-system-iron);
    --text-color: var(--color-rank-system-iron);
}
.currency-color_bronze-rank__ncaOM
{
    color: var(--color-rank-system-bronze);
    --text-color: var(--color-rank-system-bronze);
}
.currency-color_silver-rank__R193l
{
    color: var(--color-rank-system-silver);
    --text-color: var(--color-rank-system-silver);
}
.currency-color_gold-rank__1wsDT
{
    color: var(--color-rank-system-gold);
    --text-color: var(--color-rank-system-gold);
}
.currency-color_platinum-rank__Fzv_N
{
    color: var(--color-rank-system-platinum);
    --text-color: var(--color-rank-system-platinum);
}
.currency-color_emerald-rank__IyQlY
{
    color: var(--color-rank-system-emerald);
    --text-color: var(--color-rank-system-emerald);
}
.currency-color_diamond-rank__lZgx_
{
    color: var(--color-rank-system-diamond);
    --text-color: var(--color-rank-system-diamond);
}
.currency-color_master-rank__Kc2ZZ
{
    color: var(--color-rank-system-master);
    --text-color: var(--color-rank-system-master);
}
.currency-color_divine-rank__MR_GN
{
    color: var(--color-rank-system-divine-orange);
    --text-color: var(--color-rank-system-divine-orange);
    background: -webkit-linear-gradient(-90deg,var(--color-rank-system-divine-blue) 33.33%,var(--color-rank-system-divine-orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}
.currency-color_immortal-rank__wXkQI
{
    color: var(--color-rank-system-immortal-red);
    --text-color: var(--color-rank-system-immortal-red);
    background: -webkit-linear-gradient(-90deg,var(--color-rank-system-immortal-orange) 16.67%,var(--color-rank-system-immortal-red) 73.96%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}
.currency-color_global-elite-rank__In_Hd
{
    color: var(--color-rank-system-global-elite-green);
    --text-color: var(--color-rank-system-global-elite-green);
    background: -webkit-linear-gradient(-90deg,var(--color-rank-system-global-elite-blue) 29.17%,var(--color-rank-system-global-elite-green) 72.92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}
.currency-circle_currencyCircle__aI9QO
{
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: color .3s ease-in-out,background-color .3s ease-in-out;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1
{
    width: 20px;
    height: 20px;
    min-width: 20px;
    font-size: 12px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_gbp__ykByG, .currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_php__fXhIj
{
    font-size: 11px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_thc__8b_QE
{
    font-size: 11px;
    padding-bottom: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_cny__c_Ig1
{
    padding-bottom: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_idr__PVzcm, .currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_nok__vQhfe, .currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_sek__hIiek
{
    padding-left: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_jpy__pCFGA
{
    padding-top: 1px;
    font-size: 11px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_mxn__DvSsY
{
    font-size: 14px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_cad__Vu6Yv
{
    font-size: 13px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_small__Z52r1.currency-circle_brl__4aMzw
{
    font-size: 13px;
    padding-left: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo
{
    width: 24px;
    height: 24px;
    min-width: 24px;
    font-size: 14px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_gbp__ykByG, .currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_php__fXhIj, .currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_thc__8b_QE
{
    font-size: 13px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_cny__c_Ig1
{
    padding-bottom: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_idr__PVzcm, .currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_nok__vQhfe, .currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_sek__hIiek
{
    padding-left: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_jpy__pCFGA
{
    padding-top: 1px;
    font-size: 13px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_mxn__DvSsY
{
    font-size: 16px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_rub__jdrKE
{
    padding-top: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_cad__Vu6Yv
{
    font-size: 15px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_medium__2sRPo.currency-circle_brl__4aMzw
{
    font-size: 15px;
    padding-left: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT
{
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 16px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_php__fXhIj
{
    font-size: 15px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_cny__c_Ig1
{
    padding-bottom: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_thc__8b_QE
{
    font-size: 15px;
    padding-bottom: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_idr__PVzcm, .currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_nok__vQhfe, .currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_sek__hIiek
{
    padding-left: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_gbp__ykByG
{
    padding-bottom: 1px;
    font-size: 15px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_jpy__pCFGA
{
    padding-top: 1px;
    font-size: 15px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_mxn__DvSsY
{
    font-size: 18px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_cad__Vu6Yv
{
    font-size: 17px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_large__f8TbT.currency-circle_brl__4aMzw
{
    font-size: 17px;
    padding-left: 1px;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_filledDark__AXe3I
{
    background-color: var(--color-background-dark);
}
.currency-circle_currencyCircle__aI9QO.currency-circle_filledLight__Oo17a
{
    background-color: var(--color-gray);
}
.currency-circle_currencyCircle__aI9QO.currency-circle_filledExtraLight__Gz_VF
{
    background-color: #37404f;
}
.currency-circle_currencyCircle__aI9QO.currency-circle_hollow__JV1xh
{
    border: 1px solid var(--color-gray-dark);
}
.currency-circle_currencyCircle__aI9QO.currency-circle_filledLightDark__DxFEh
{
    background-color: var(--color-gray-dark);
}
@keyframes thp-dot-spinner-1
{
    0%
    {
        transform: scale(0);
    }
    to
    {
        transform: scale(1);
    }
}
@keyframes thp-dot-spinner-3
{
    0%
    {
        transform: scale(1);
    }
    to
    {
        transform: scale(0);
    }
}
@keyframes thp-dot-spinner-2
{
    0%
    {
        transform: translate(0);
    }
    to
    {
        transform: translate(16px);
    }
}
@keyframes thp-dot-spinner-2-small
{
    0%
    {
        transform: translate(0);
    }
    to
    {
        transform: translate(8px);
    }
}
.thp-dot-spinner
{
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.thp-dot-spinner--white-color .thp-dot-spinner__dot
{
    background: var(--color-white);
}
.thp-dot-spinner--red-color .thp-dot-spinner__dot
{
    background: var(--color-red-500);
}
.thp-dot-spinner--theme-color .thp-dot-spinner__dot
{
    background: var(--color-blue-500);
}
.thp-dot-spinner__dot
{
    position: absolute;
    top: 28px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-timing-function: cubic-bezier(0,1,1,0);
}
.thp-dot-spinner__dot:first-child
{
    left: 12px;
    animation: thp-dot-spinner-1 .6s infinite;
}
.thp-dot-spinner__dot:nth-child(2)
{
    left: 12px;
    animation: thp-dot-spinner-2 .6s infinite;
}
.thp-dot-spinner__dot:nth-child(3)
{
    left: 28px;
    animation: thp-dot-spinner-2 .6s infinite;
}
.thp-dot-spinner__dot:nth-child(4)
{
    left: 44px;
    animation: thp-dot-spinner-3 .6s infinite;
}
.thp-dot-spinner--small
{
    width: 32px;
    height: 32px;
}
.thp-dot-spinner--small .thp-dot-spinner__dot
{
    top: 14px;
    width: 4px;
    height: 4px;
}
.thp-dot-spinner--small .thp-dot-spinner__dot:first-child
{
    left: 6px;
    animation: thp-dot-spinner-1 .6s infinite;
}
.thp-dot-spinner--small .thp-dot-spinner__dot:nth-child(2)
{
    left: 6px;
    animation: thp-dot-spinner-2-small .6s infinite;
}
.thp-dot-spinner--small .thp-dot-spinner__dot:nth-child(3)
{
    left: 14px;
    animation: thp-dot-spinner-2-small .6s infinite;
}
.thp-dot-spinner--small .thp-dot-spinner__dot:nth-child(4)
{
    left: 22px;
    animation: thp-dot-spinner-3 .6s infinite;
}