._navbar_1kzf0_1 {
height: var(--navbar-height);
padding: 12px 12px 60px;
display: grid;
grid-template-columns: repeat(5, 1fr);
align-items: center;
justify-items: center;
position: fixed;
bottom: calc(env(safe-area-inset-bottom, 0px) + var(--unsafe-offset, 5px));
left: 0;
bottom: 0;
width: 100%;
background-color: var(--dark-color);
box-shadow: 0 4px 42px rgba(5, 5, 5, .5);
z-index: 100
}
@media (min-width: 501px) {
._navbar_1kzf0_1 {
right: 0;
max-width: 500px;
margin: 0 auto
}
}
._navbar_1kzf0_1 a {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 4px;
color: #878787;
font-size: 12px;
line-height: 14px;
letter-spacing: -.035em;
font-weight: 500;
text-decoration: none;
transition: color .2s ease-in-out;
position: relative
}
._navbar_1kzf0_1 a svg {
transition: fill .2s ease-in-out
}
._navbar_1kzf0_1 a._active_1kzf0_42 {
color: var(--accent-color)
}
._navbar_1kzf0_1 a._active_1kzf0_42 svg path {
fill: var(--accent-color)
}
._navbar_1kzf0_1 a span {
display: block;
position: absolute;
top: 0;
right: 20px;
width: 10px;
height: 10px;
background-color: var(--accent-color);
border-radius: 50%
}
._badeForDeals_1kzf0_59 {
display: block;
position: absolute;
top: 0;
right: 0 !important;
width: 10px;
height: 10px;
background-color: var(--accent-color);
border-radius: 50%
}
._header_1grvf_1 {
display: flex;
justify-content: center;
padding-block: 6px;
padding-top: max(20px, env(safe-area-inset-top));
margin-top: 0;
position: relative;
z-index: 1000;
background: inherit
}
._block_d2oh1_1 {
display: flex;
flex-direction: column;
gap: 4px;
height: 100%
}
._title_d2oh1_8 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_d2oh1_8 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_d2oh1_8 p {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto
}
._description_d2oh1_38 {
padding: 21px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
border: 1px solid var(--accent-color)
}
._description_d2oh1_38 p {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--accent-color);
max-width: 200px;
text-align: center;
margin: 0 auto;
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.035em
}
._pinPad_d2oh1_59 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_d2oh1_69 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding-block: 100px
}
._pinPadRow_d2oh1_69 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRow_d2oh1_69 span._active_d2oh1_83 {
background-color: #fff
}
._pinPadRowDots_d2oh1_87 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadNumbers_d2oh1_94 {
display: grid;
grid-template-rows: 75px;
gap: 4px;
padding: 20px 0
}
._row_d2oh1_101 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px
}
._row_d2oh1_101 button {
width: 100%;
height: 60px;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center
}
._row_d2oh1_101 button:active {
background-color: #1c1c1c
}
._empty_d2oh1_123 {
background-color: transparent;
cursor: default
}
._clear_d2oh1_128 {
background-color: transparent
}
._clear_d2oh1_128:active {
background-color: #1c1c1c
}
._backButton_d2oh1_135 {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 12px;
cursor: pointer
}
._backButton_d2oh1_135 span {
color: var(--gray-color);
font-size: 14px
}
._backButton_d2oh1_135:hover {
opacity: .8
}
._errorMessage_d2oh1_151 {
color: #ff5252;
font-size: 16px;
font-weight: 500;
text-align: center;
height: 40px
}
._errorMessage_d2oh1_151 p {
margin: 0
}
._successMessage_d2oh1_162 {
color: #4caf50;
font-size: 14px;
text-align: center;
margin-top: 12px
}
._verificationMessage_d2oh1_169 {
color: var(--accent-color);
font-size: 14px;
text-align: center;
margin-top: 12px
}
._errorVerificationMessage_d2oh1_176 {
color: #ff5252;
font-size: 14px;
text-align: center;
margin-top: 12px
}
._loader_ldqe3_1 {
display: flex;
align-items: center;
justify-content: center
}
._small_ldqe3_7 {
margin: 0 auto;
padding: 100px 0;
border-radius: var(--border-radius)
}
._small_ldqe3_7 svg {
width: 32px;
height: 32px
}
._fullScreen_ldqe3_17 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #383838;
z-index: 1000
}
._logo_ldqe3_27 {
animation: _spin_ldqe3_1 1s linear infinite
}
._small_ldqe3_7 ._logo_ldqe3_27 {
width: 24px;
height: 24px
}
._fullScreen_ldqe3_17 ._logo_ldqe3_27 {
width: 64px;
height: 64px
}
@keyframes _spin_ldqe3_1 {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
._block_19jhe_1 {
display: flex;
flex-direction: column;
gap: 4px
}
._title_19jhe_7 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_19jhe_7 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_19jhe_7 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto
}
._pinPad_19jhe_33 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_19jhe_43 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding-block: 100px
}
._pinPadRowDots_19jhe_51 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_19jhe_51 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_19jhe_51 span._active_19jhe_64 {
background-color: #fff
}
._pinPadRowDots_19jhe_51 span._success_19jhe_67 {
background-color: var(--accent-color)
}
._pinPadRowDots_19jhe_51 span._error_19jhe_70 {
background-color: #ff5252
}
._pinPadNumbers_19jhe_74 {
display: grid;
grid-auto-rows: 75px;
gap: 4px;
padding: 20px 0
}
._row_19jhe_81 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px
}
._row_19jhe_81 button {
width: 100%;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .25s ease-in-out, opacity .25s ease-in-out
}
._row_19jhe_81 button:active {
background-color: #1c1c1c
}
._row_19jhe_81 button:disabled {
cursor: not-allowed;
opacity: .1
}
._empty_19jhe_107 {
background-color: transparent;
cursor: default
}
._clear_19jhe_112 {
background-color: transparent
}
._clear_19jhe_112:active {
background-color: #1c1c1c
}
._verificationMessage_19jhe_119 {
text-align: center;
display: flex;
flex-direction: column;
gap: 4px;
height: 70px
}
._verificationMessage_19jhe_119 h3 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em
}
._successText_19jhe_133 {
color: var(--accent-color)
}
._systemText_19jhe_137 {
color: #878787
}
._errorText_19jhe_141 {
color: #ff5252
}
._warningText_19jhe_145 {
color: #ffa726
}
._systemDesc_19jhe_149 {
color: var(--gray-color);
font-size: 14px;
font-weight: 400;
line-height: 1.25;
letter-spacing: -.035em
}
button._reset_19jhe_157 {
background-color: transparent;
font-size: 14px;
font-weight: 500;
line-height: 1.25;
color: var(--gray-color)
}
._warning_19jhe_145 {
font-size: 12px;
color: var(--light-color);
line-height: 1.25;
letter-spacing: -.035em;
max-width: 250px
}
._block_198so_1 {
display: flex;
flex-direction: column;
height: 100%;
gap: 4px
}
._container_198so_8 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
height: 100%;
display: flex;
flex-direction: column
}
._title_198so_16 {
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_198so_16 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_198so_16 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto
}
._subtitle_198so_40 {
color: var(--gray-color) !important;
font-size: 12px !important;
margin-top: 4px !important
}
._backButton_198so_46 {
background: none;
border: none;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 10px;
cursor: pointer
}
._backButton_198so_46 span {
color: var(--gray-color);
font-size: 14px
}
._backButton_198so_46:hover {
opacity: .8
}
._content_198so_64 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 20px;
flex-grow: 1;
display: flex;
flex-direction: column
}
._seedForm_198so_73 {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%
}
._seedForm_198so_73 h2 {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em;
text-align: center;
color: var(--light-color);
margin: 0
}
._errorMessage_198so_89 {
height: 70px;
color: #ff5252;
font-size: 16px;
font-weight: 500;
text-align: center;
margin-top: 16px
}
._errorText_198so_98 {
color: #ff5252;
font-size: 16px;
font-weight: 500;
margin: 0
}
._errorDesc_198so_105 {
color: var(--gray-color);
font-size: 14px;
margin: 0
}
._warning_198so_111 {
margin-top: auto;
padding: 16px;
border-radius: 8px;
border: 1px solid #383838
}
._warning_198so_111 p {
color: var(--accent-color);
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.035em;
text-align: center
}
._continueButton_198so_126 {
background-color: var(--accent-color);
color: var(--background-color);
border: none;
border-radius: 8px;
padding: 16px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: opacity .2s ease
}
._continueButton_198so_126:disabled {
opacity: .5;
cursor: not-allowed
}
._continueButton_198so_126:hover:not(:disabled) {
opacity: .9
}
._pinPad_198so_145 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_198so_155 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding-block: 100px
}
._pinPadRowDots_198so_163 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_198so_163 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_198so_163 span._active_198so_176 {
background-color: #fff
}
._pinPadRowDots_198so_163 span._success_198so_179 {
background-color: var(--accent-color)
}
._pinPadRowDots_198so_163 span._error_198so_89 {
background-color: #ff5252
}
._pinPadNumbers_198so_186 {
display: grid;
grid-template-rows: 75px;
gap: 4px;
padding: 20px 0
}
._row_198so_193 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px
}
._row_198so_193 button {
width: 100%;
height: 60px;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center
}
._row_198so_193 button:active {
background-color: #1c1c1c
}
._empty_198so_215 {
background-color: transparent;
cursor: default
}
._clear_198so_220 {
background-color: transparent
}
._clear_198so_220:active {
background-color: #1c1c1c
}
._description_198so_227 {
text-align: center;
margin-top: 16px
}
._description_198so_227 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
margin: 0
}
._verificationMessage_198so_239 {
text-align: center;
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 16px
}
._verificationMessage_198so_239 h3 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em;
margin: 0
}
._successText_198so_254 {
color: var(--accent-color)
}
._errorText_198so_98 {
color: #ff5252
}
._systemDesc_198so_262 {
color: var(--gray-color);
font-size: 14px;
font-weight: 400;
line-height: 1.25;
letter-spacing: -.035em;
margin: 0
}
._button_vrakq_1 {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
border: none;
cursor: pointer;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: background-color .2s ease-in-out, color .2s ease-in-out;
flex-shrink: 0
}
._button_vrakq_1:focus {
outline: none
}
._height44_vrakq_18 {
height: 44px
}
._height40_vrakq_22 {
height: 40px
}
._radius8_vrakq_26 {
border-radius: 8px
}
._radius16_vrakq_30 {
border-radius: 16px
}
._primary_vrakq_34 {
background-color: #fee600;
color: #000
}
._secondary_vrakq_39 {
background-color: #383838;
color: #fff
}
._disabled_vrakq_44 {
background-color: #383838 !important;
color: #5f5f60 !important;
cursor: not-allowed
}
._icon_vrakq_50 {
display: flex;
align-items: center;
justify-content: center
}
._full_vrakq_56 {
width: 100%
}
._max_vrakq_60 {
width: max-content
}
._min_vrakq_64 {
width: min-content
}
._container_z09ii_1 {
display: flex;
flex-direction: column;
height: 100%
}
._top_1pe0e_7 {
background-color: #282828;
backdrop-filter: blur(30px);
border-radius: var(--border-radius);
padding: 12px;
margin-bottom: 4px;
background-image: url(/user-info-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
position: relative
}
._stat_1pe0e_139:nth-child(1),
._stat_1pe0e_139:nth-child(2) {
background-image: url(/user-stat-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
backdrop-filter: blur(30px)
}
._modal_jj055_1 {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000
}
._modalTop_jj055_14 {
justify-content: flex-start
}
._content_jj055_18 {
background-color: #282828;
padding: 12px;
background-image: url(/modal-bg.png);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
border-radius: 14px 14px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
transform-origin: bottom
}
._contentTop_jj055_32 {
border-radius: 0 0 14px 14px;
transform-origin: top;
padding-top: env(safe-area-inset-top)
}
._header_jj055_38 {
display: flex;
align-items: center;
justify-content: space-between
}
._header_jj055_38 h2 {
font-size: 24px;
font-weight: 500;
line-height: 28px;
letter-spacing: -.035em;
margin: 0
}
._close_jj055_51 {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
color: inherit;
transition: opacity .2s ease
}
._close_jj055_51:hover {
opacity: .8
}
._inner_jj055_67 {
flex: 1
}
._footer_jj055_71 {
margin-top: auto
}
._modalFullScreen_jj055_75 {
justify-content: center;
align-items: center
}
._contentFullScreen_jj055_80 {
width: 100%;
height: 100%;
border-radius: 0;
padding: 40px 20px;
background-image: none;
background-color: #1a1a1a;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
transform-origin: center
}
._contentFullScreen_jj055_80 ._inner_jj055_67 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1
}
._contentFullScreen_jj055_80 ._header_jj055_38 {
margin-bottom: 20px
}
._contentFullScreen_jj055_80 ._header_jj055_38 h2 {
font-size: 28px;
line-height: 32px
}
._contentFullScreen_jj055_80 ._footer_jj055_71 {
margin-top: 40px
}
._link_u08vx_1 {
background-color: #1c1c1c;
border-radius: 8px;
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 8px;
text-decoration: none
}
._link_u08vx_1 img {
width: 24px;
height: 24px;
object-fit: cover;
overflow: hidden;
border-radius: 6px
}
._link_u08vx_1 span {
font-size: 14px;
color: var(--light-color);
font-weight: 500;
line-height: 16px;
letter-spacing: -.035em;
text-decoration: none
}
._link_u08vx_1 svg {
margin-left: auto
}
._chosen_kjrok_1 {
background-color: var(--accent-color);
padding: 2px;
border-radius: 14px
}
._chosenTitle_kjrok_7 {
color: #1c1c1c;
font-weight: 500;
font-size: 14px;
line-height: 16px;
letter-spacing: -.035em;
text-align: center;
padding-block: 4px
}
._card_kjrok_17 {
background-color: #1c1c1c;
padding: 12px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px
}
._card_kjrok_17 span {
color: var(--light-color);
font-size: 18px;
font-weight: 500;
line-height: 21px;
letter-spacing: -.035em
}
._card_kjrok_17 p {
color: var(--gray-color);
font-size: 14px;
line-height: 16px;
letter-spacing: -.035em
}
._left_kjrok_40 {
display: flex;
align-items: center;
text-align: left;
gap: 10px
}
._icon_kjrok_47 {
width: 40px;
height: 40px;
border-radius: 6px;
overflow: hidden
}
._icon_kjrok_47 img {
width: 100%;
height: 100%;
object-fit: cover
}
._right_kjrok_59 {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right
}
._card_1su5g_1 {
display: block;
padding: 12px;
background-color: #282828;
margin-bottom: 4px;
border-radius: var(--border-radius)
}
._image_1su5g_9 {
height: 168px;
width: 100%;
border-radius: 8px;
overflow: hidden;
margin-bottom: 10px
}
._image_1su5g_9 img {
width: 100%;
height: 100%;
object-fit: cover
}
._content_1su5g_22 h3 {
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.035em;
color: #fff;
margin-bottom: 10px
}
._bottom_1su5g_31 {
display: flex;
align-items: center;
gap: 2px
}
._item_1su5g_37 {
background-color: #383838;
height: 20px;
border-radius: 1000px;
display: flex;
align-items: center;
gap: 2px;
padding: 0 6px;
color: #d3d3d3;
font-size: 12px;
line-height: 14px;
letter-spacing: -.035em;
font-weight: 500
}
._card_dnmmf_1 {
background-color: #282828;
border-radius: var(--border-radius);
padding: 12px;
margin-bottom: 4px
}
._header_dnmmf_8 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #383838
}
._user_dnmmf_18 {
display: flex;
align-items: center;
gap: 10px
}
._avatar_dnmmf_24 {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden
}
._avatar_dnmmf_24 img {
width: 100%;
height: 100%;
object-fit: cover
}
._userInfo_dnmmf_36 {
display: flex;
flex-direction: column;
gap: 2px
}
._userInfo_dnmmf_36 h3 {
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em
}
._userInfo_dnmmf_36 p {
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
color: #878787
}
._rating_dnmmf_53 {
height: 40px;
padding: 0 10px;
display: flex;
align-items: center;
gap: 6px;
border-radius: 8px;
background-color: #383838;
color: #fee600;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em
}
._content_dnmmf_68 p {
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em;
color: #d3d3d3;
margin-bottom: 10px
}
._content_dnmmf_68 span {
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
color: #878787
}
._contentBottom_dnmmf_82 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px
}
._answerButton_dnmmf_89 {
background: none;
border: none;
color: var(--gray-color);
font-weight: 500;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
cursor: pointer;
padding: 0;
font-family: inherit
}
._answerButton_dnmmf_89:hover {
opacity: .8
}
._cancelAnswerButton_dnmmf_105 {
background: none;
border: none;
color: var(--light-color);
font-weight: 500;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
cursor: pointer;
padding: 0;
font-family: inherit;
display: flex;
align-items: center;
gap: 6px
}
._cancelAnswerButton_dnmmf_105:hover {
opacity: .8
}
._answerForm_dnmmf_124 {
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 12px
}
._answerInput_dnmmf_131 {
width: 100%;
min-height: 150px;
resize: vertical;
max-height: 250px;
background-color: #1c1c1c;
border-radius: 8px;
padding: 16px;
color: #d3d3d3;
font-size: 16px;
line-height: 1.2;
outline: none;
font-family: inherit;
border: 1px solid transparent;
transition: border-color .25s ease-in-out
}
._answerInput_dnmmf_131::placeholder {
color: #878787;
opacity: .7
}
._answerInput_dnmmf_131:focus {
border-color: var(--accent-color)
}
._answer_dnmmf_89 {
margin-top: 10px;
background-color: var(--body-color);
border-radius: var(--border-radius);
padding: 12px
}
._answerHeader_dnmmf_162 {
margin-bottom: 10px
}
._answerUser_dnmmf_166 {
display: flex;
align-items: center;
gap: 10px
}
._answerAvatar_dnmmf_172 {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0
}
._answerAvatar_dnmmf_172 img {
width: 100%;
height: 100%;
object-fit: cover
}
._answerUserInfo_dnmmf_185 {
display: flex;
flex-direction: column;
gap: 2px
}
._answerUserInfo_dnmmf_185 h3 {
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em;
color: #d3d3d3;
margin: 0
}
._answerUserInfo_dnmmf_185 p {
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
color: #878787;
margin: 0
}
._answerContent_dnmmf_205 {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #383838
}
._answerContent_dnmmf_205 span {
color: var(--accent-color);
margin-bottom: 10px;
display: block;
font-size: 16px;
font-weight: 400
}
._answerText_dnmmf_218 {
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em;
color: #d3d3d3;
margin: 0
}
._selectContainer_1c2pl_1 {
width: 100%;
position: relative
}
._control_1c2pl_6 {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #1c1c1c;
border-radius: 10px;
padding: 0 12px;
border: 1px solid transparent;
box-shadow: none;
cursor: pointer;
transition: border-color .2s ease;
min-height: 44px;
position: relative
}
._control_1c2pl_6:hover:not(._disabled_1c2pl_20) {
border-color: #fee600
}
._control_1c2pl_6:focus-within:not(._disabled_1c2pl_20),
._control_1c2pl_6:active:not(._disabled_1c2pl_20) {
border-color: #fee600
}
._control_1c2pl_6._error_1c2pl_26 {
border-color: #f44
}
._control_1c2pl_6._error_1c2pl_26:hover,
._control_1c2pl_6._error_1c2pl_26:focus-within {
border-color: #f44
}
._control_1c2pl_6._disabled_1c2pl_20 {
opacity: .5;
cursor: not-allowed
}
._valueContainer_1c2pl_37 {
flex: 1;
display: flex;
align-items: center;
padding: 0;
overflow: hidden
}
._value_1c2pl_37 {
flex: 1;
display: flex;
align-items: center
}
._placeholder_1c2pl_51 {
color: #878787;
font-size: 16px
}
._singleValue_1c2pl_56 {
color: #fff;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
._searchInput_1c2pl_64 {
width: 100%;
background: transparent;
border: none;
outline: none;
color: #fff;
font-size: 16px;
padding: 0;
margin: 0;
font-family: inherit
}
._searchInput_1c2pl_64::placeholder {
color: #878787
}
._indicators_1c2pl_79 {
display: flex;
align-items: center;
gap: 8px
}
._clearIndicator_1c2pl_85 {
background: none;
border: none;
color: #878787;
cursor: pointer;
font-size: 20px;
line-height: 1;
padding: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: color .2s ease
}
._clearIndicator_1c2pl_85:hover {
color: #fff
}
._dropdownIndicator_1c2pl_104 {
display: flex;
align-items: center;
justify-content: center;
color: #878787;
padding: 0;
width: 20px;
height: 20px;
transition: transform .2s ease;
flex-shrink: 0
}
._dropdownIndicator_1c2pl_104 svg {
display: block
}
._selectContainer_1c2pl_1:has(._menu_1c2pl_119) ._dropdownIndicator_1c2pl_104 {
transform: rotate(180deg)
}
._selectContainer_1c2pl_1:has(._control_1c2pl_6:focus-within) ._dropdownIndicator_1c2pl_104,
._selectContainer_1c2pl_1:has(._control_1c2pl_6:active) ._dropdownIndicator_1c2pl_104 {
transform: rotate(180deg)
}
._menu_1c2pl_119 {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
z-index: 9999;
background-color: #282828;
border-radius: 8px;
box-shadow: 0 4px 42px rgba(5, 5, 5, .5);
padding: 8px;
overflow: hidden;
margin-top: 4px
}
._menuList_1c2pl_142 {
padding: 0;
max-height: 300px;
overflow-y: auto
}
._menuList_1c2pl_142::-webkit-scrollbar {
width: 4px
}
._menuList_1c2pl_142::-webkit-scrollbar-track {
background: transparent
}
._menuList_1c2pl_142::-webkit-scrollbar-thumb {
background: #878787;
border-radius: 2px
}
._option_1c2pl_158 {
padding: 8px;
font-size: 16px;
color: #878787;
cursor: pointer;
background-color: transparent;
transition: color .2s ease
}
._option_1c2pl_158:hover,
._option_1c2pl_158._focused_1c2pl_166 {
color: #fee600;
background-color: transparent
}
._option_1c2pl_158._selected_1c2pl_170 {
color: #fee600
}
._option_1c2pl_158:active {
background-color: transparent
}
._noOptions_1c2pl_177 {
padding: 8px;
font-size: 16px;
color: #878787;
text-align: center
}
._container_1lkwe_1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
text-align: center;
min-height: 200px;
margin-block: 10px;
border-radius: var(--border-radius)
}
._icon_1lkwe_13 {
margin-bottom: 16px;
opacity: .6
}
._icon_1lkwe_13 svg {
width: 48px;
height: 48px;
color: #8e8e93
}
._content_1lkwe_23 {
margin-bottom: 16px
}
._title_1lkwe_27 {
font-size: 18px;
font-weight: 500;
color: #fff;
margin: 0 0 8px
}
._description_1lkwe_34 {
font-size: 14px;
color: #8e8e93;
margin: 0;
line-height: 1.4
}
._action_1lkwe_41 {
margin-top: 8px
}
._info_1pe0e_1 {
margin-bottom: 24px;
position: relative;
z-index: 3
}
._top_1pe0e_7 {
background-color: #282828;
backdrop-filter: blur(30px);
border-radius: var(--border-radius);
padding: 12px;
margin-bottom: 4px;
background-image: url(/user-info-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
position: relative
}
._top_1pe0e_7:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--border-radius);
padding: 1px;
background: linear-gradient(252.64deg, rgba(254, 230, 0, .39), rgba(255, 255, 255, 0) 48.61%, rgba(255, 255, 255, .39) 90.27%);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
-webkit-mask-composite: xor;
pointer-events: none
}
._header_1pe0e_36 {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #383838
}
._left_1pe0e_46 {
display: flex;
flex-direction: column;
gap: 2px
}
._left_1pe0e_46 h3 {
font-weight: 500;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.035em
}
._left_1pe0e_46 p {
color: #878787;
font-size: 14px;
line-height: 1.2;
letter-spacing: -.035em
}
._left_1pe0e_46 ._userId_1pe0e_63 {
color: #6b6b6b;
font-size: 12px
}
._right_1pe0e_68 {
height: 20px;
padding: 0 8px;
background-color: var(--accent-color);
border-radius: 1000px;
color: #1c1c1c;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -.035em;
display: flex;
align-items: center;
justify-content: center
}
._description_1pe0e_83 span {
color: var(--gray-color);
font-size: 14px;
line-height: 1.2;
letter-spacing: -.035em;
display: block;
margin-bottom: 2px
}
._description_1pe0e_83 p {
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: .3s ease;
max-height: 100px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
._description_1pe0e_83 p._expanded_1pe0e_105 {
white-space: normal;
overflow: visible
}
._description_1pe0e_83 button {
color: var(--gray-color);
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.035em;
cursor: pointer;
transition: color .2s ease
}
._description_1pe0e_83 button:hover {
color: var(--accent-color)
}
._bottom_1pe0e_122 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
margin-top: 12px
}
._bottom_1pe0e_122>button:nth-child(1) {
grid-column: 1/3
}
._grid_1pe0e_132 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
margin-top: 12px
}
._stats_1pe0e_139 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px
}
._stat_1pe0e_139 {
flex-direction: column;
align-items: center;
background-color: rgba(40, 40, 40, .62);
border-radius: var(--border-radius);
display: flex;
text-align: center;
gap: 2px;
padding: 14px;
position: relative
}
._stat_1pe0e_139 span {
display: flex;
align-items: center;
gap: 2px;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em;
color: var(--accent-color)
}
._stat_1pe0e_139 p {
display: flex;
align-items: center;
gap: 2px;
color: var(--gray-color);
font-size: 14px;
line-height: 1.2;
letter-spacing: -.035em
}
._stat_1pe0e_139:nth-child(1),
._stat_1pe0e_139:nth-child(2) {
background-image: url(/user-stat-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
backdrop-filter: blur(30px)
}
._stat_1pe0e_139:nth-child(1):before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--border-radius);
padding: 1px;
background: linear-gradient(292.3deg, rgba(255, 255, 255, .098) 3.05%, rgba(255, 255, 255, 0) 53.61%, rgba(255, 255, 255, .39) 96.95%);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
-webkit-mask-composite: xor;
pointer-events: none
}
._stat_1pe0e_139:nth-child(2):before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--border-radius);
padding: 1px;
background: linear-gradient(81.4deg, rgba(255, 255, 255, .098) 2.47%, rgba(255, 255, 255, 0) 54.58%, rgba(255, 255, 255, .39) 99.25%);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
-webkit-mask-composite: xor;
pointer-events: none
}
._stat_1pe0e_139:nth-child(3) span,
._stat_1pe0e_139:nth-child(4) span {
color: var(--light-color)
}
._innerData_1pe0e_219 {
display: flex;
flex-direction: column;
gap: 4px
}
._tabs_1jlx6_1 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
margin-bottom: 12px
}
._tab_1jlx6_1 {
height: 40px;
background-color: #383838;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3;
border-radius: 8px;
transition: color .2s ease-in-out, background-color .2s ease-in-out
}
._tab_1jlx6_1 span {
display: flex;
align-items: center;
justify-content: center;
height: 19px;
padding: 0 6px;
border-radius: 14px;
background-color: #282828;
font-size: 12px;
line-height: 14px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3;
transition: color .2s ease-in-out, background-color .2s ease-in-out
}
._tab_1jlx6_1._active_1jlx6_39 {
background-color: var(--accent-color);
color: #000
}
._tab_1jlx6_1._active_1jlx6_39 span {
background-color: #000;
color: #fff
}
._rating_1jlx6_48 {
margin-bottom: 12px;
background-color: #282828;
border-radius: 14px;
padding: 12px
}
._ratingItems_1jlx6_55 {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 12px
}
._ratingItem_1jlx6_55 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px
}
._ratingItemValue_1jlx6_69 {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border-radius: 14px;
background-color: #282828;
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3
}
._ratingItemProgress_1jlx6_83 {
flex: 1;
background-color: #1c1c1c;
border-radius: 1000px;
height: 6px;
overflow: hidden
}
._ratingItemProgress_1jlx6_83 span {
display: block;
height: 100%;
background-color: var(--accent-color)
}
._ratingItemCount_1jlx6_96 {
color: #878787;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em;
text-align: right
}
._profile_mmk9i_1 {
margin: 0 -12px;
padding: 12px 12px calc(var(--navbar-height) * 3)
}
._floatingButton_mmk9i_6 {
position: fixed;
background-color: #282828;
bottom: var(--navbar-height);
z-index: 1000;
padding: 12px;
width: 100%;
left: 0;
will-change: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
._floatingButton_mmk9i_6 button {
width: 100%
}
._radio_1a1od_1 {
position: relative;
display: inline-block;
cursor: pointer;
user-select: none
}
._radio_1a1od_1 ._input_1a1od_7 {
position: absolute;
opacity: 0;
height: 0;
width: 0
}
._radio_1a1od_1 ._input_1a1od_7:checked+._control_1a1od_13 {
background-color: #fee600
}
._radio_1a1od_1 ._input_1a1od_7:checked+._control_1a1od_13:after {
background-color: #fff;
transform: translate(16px)
}
._radio_1a1od_1 ._input_1a1od_7:disabled+._control_1a1od_13 {
opacity: .5;
cursor: not-allowed
}
._radio_1a1od_1 ._control_1a1od_13 {
display: block;
width: 40px;
height: 24px;
background-color: #383838;
border-radius: 12px;
transition: background-color .2s ease;
position: relative
}
._radio_1a1od_1 ._control_1a1od_13:after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background-color: #878787;
border-radius: 50%;
transition: transform .2s ease, background-color .2s ease
}
._title_17afr_1 {
margin-bottom: 12px;
font-size: 24px;
font-weight: 500
}
._item_17afr_7 {
display: flex;
flex-direction: column;
margin-bottom: 12px;
gap: 18px;
background-color: #282828;
padding: 12px;
border-radius: var(--border-radius)
}
._item_17afr_7 h2 {
font-size: 18px;
font-weight: 500
}
._item_17afr_7 p {
max-width: 285px;
width: 100%;
color: #878787;
font-size: 14px;
line-height: 1.2
}
._header_17afr_28 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px
}
._title_dzk15_1 {
margin-bottom: 12px;
font-size: 24px;
font-weight: 500
}
._content_dzk15_7 {
display: flex;
flex-direction: column;
margin-bottom: 12px;
background-color: #282828;
padding: 12px;
border-radius: var(--border-radius)
}
._content_dzk15_7 h2 {
font-size: 18px;
font-weight: 500;
margin-bottom: 16px
}
._list_dzk15_21 {
display: flex;
flex-direction: column;
gap: 4px
}
._item_dzk15_27 {
display: grid;
grid-template-columns: 1fr 40px;
gap: 4px;
align-items: center
}
._trashButton_dzk15_34 {
width: 40px;
height: 40px;
border-radius: 8px;
background-color: #383838;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color .25s ease-in-out
}
._trashButton_dzk15_34:hover {
background-color: #484848
}
._inputContainer_dzk15_49 {
display: flex;
flex-direction: column;
gap: 4px;
margin-block: 4px
}
._inputError_dzk15_56 {
border-color: #f44 !important
}
._inputError_dzk15_56:focus {
border-color: #f44 !important
}
._errorMessage_dzk15_63 {
color: #f44;
font-size: 14px;
line-height: 1.2
}
._errorMessage_dzk15_63 div {
margin-bottom: 2px
}
._errorMessage_dzk15_63 div:last-child {
margin-bottom: 0
}
._addButton_dzk15_75 {
margin-top: 4px
}
._filePreview_13r8h_1 {
width: 48px;
height: 48px;
border-radius: 6px;
overflow: hidden;
background-color: var(--dark-color);
display: flex;
align-items: center;
justify-content: center
}
._filePreview_13r8h_1 img {
width: 100%;
height: 100%;
object-fit: cover
}
._fileIcon_13r8h_17 {
width: 48px;
height: 48px;
border-radius: 6px;
background-color: var(--dark-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px
}
._card_b69fe_1 {
display: flex;
flex-direction: column;
gap: 16px
}
._image_b69fe_7 {
display: flex;
justify-content: center
}
._image_b69fe_7 img {
border-radius: var(--border-radius);
object-fit: cover
}
._content_b69fe_16 {
text-align: center
}
._content_b69fe_16 h3 {
font-size: 18px;
font-weight: 500;
margin-bottom: 8px;
color: var(--light-color)
}
._description_b69fe_26 {
color: var(--gray-color);
font-size: 14px;
line-height: 1.4;
margin: 0
}
._service_18s4b_1 {
padding-bottom: var(--navbar-height)
}
._title_18s4b_5 {
margin-bottom: 12px;
font-size: 24px;
font-weight: 500
}
._generalError_18s4b_11 {
background-color: rgba(255, 68, 68, .1);
border: 1px solid var(--error-color, #ff4444);
border-radius: var(--border-radius);
padding: 12px;
margin-bottom: 16px;
color: var(--error-color, #ff4444);
font-size: 14px
}
._loading_18s4b_21 {
padding: 12px;
text-align: center;
color: var(--gray-color);
font-size: 14px
}
._content_18s4b_28 {
display: flex;
flex-direction: column;
margin-bottom: 12px;
gap: 16px;
background-color: #282828;
padding: 12px;
border-radius: var(--border-radius)
}
._content_18s4b_28 ._item_18s4b_37 {
display: flex;
flex-direction: column
}
._content_18s4b_28 label {
display: block;
margin-bottom: 6px;
color: var(--gray-color);
font-size: 14px;
line-height: 1.2
}
._content_18s4b_28 textarea {
height: 200px;
resize: vertical;
max-height: 400px
}
._content_18s4b_28 input._error_18s4b_53,
._content_18s4b_28 textarea._error_18s4b_53 {
border-color: var(--error-color, #ff4444);
background-color: rgba(255, 68, 68, .1)
}
._errorText_18s4b_59 {
color: var(--error-color, #ff4444);
font-size: 12px;
margin-top: 4px;
display: block
}
._attachedFiles_18s4b_66 {
display: flex;
flex-direction: column;
gap: 8px
}
._attachedFiles_18s4b_66 h3 {
font-size: 16px;
font-weight: 500;
color: var(--light-color);
margin-bottom: 8px
}
._fileItem_18s4b_78 {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--body-color);
border-radius: 8px;
padding: 12px;
border: 1px solid var(--dark-gray-color)
}
._fileContent_18s4b_88 {
display: flex;
align-items: center;
gap: 12px
}
._fileInfo_18s4b_94 {
display: flex;
flex-direction: column;
gap: 4px
}
._fileName_18s4b_100 {
color: var(--light-color);
font-size: 14px;
font-weight: 500
}
._fileSize_18s4b_106 {
color: var(--gray-color);
font-size: 12px
}
._removeFile_18s4b_111 {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: transparent;
border: 1px solid var(--dark-gray-color);
border-radius: 6px;
color: var(--gray-color);
cursor: pointer;
transition: all .2s ease
}
._removeFile_18s4b_111:hover {
background-color: var(--error-color);
border-color: var(--error-color);
color: var(--light-color)
}
._removeFile_18s4b_111 svg {
width: 16px;
height: 16px
}
._block_jt4m2_1 {
display: flex;
flex-direction: column;
gap: 4px;
height: 100%
}
._title_jt4m2_8 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_jt4m2_8 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_jt4m2_8 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto
}
._pinPad_jt4m2_34 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_jt4m2_44 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding: 100px 0 80px
}
._pinPadRowDots_jt4m2_52 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_jt4m2_52 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_jt4m2_52 span._active_jt4m2_65 {
background-color: #fff
}
._pinPadRowDots_jt4m2_52 span._error_jt4m2_68 {
background-color: #ff5252
}
._pinPadNumbers_jt4m2_72 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px;
padding: 20px 0
}
._pinPadNumbers_jt4m2_72 ._row_jt4m2_78 {
display: contents
}
._pinPadNumbers_jt4m2_72 ._row_jt4m2_78 button {
width: 100%;
height: 60px;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent
}
._pinPadNumbers_jt4m2_72 ._row_jt4m2_78 button:active {
background-color: #1c1c1c
}
._empty_jt4m2_99 {
background-color: transparent;
cursor: default
}
._clear_jt4m2_104 {
background-color: transparent
}
._clear_jt4m2_104:active {
background-color: #1c1c1c
}
._reset_jt4m2_111 {
background-color: transparent;
font-size: 12px !important;
color: var(--gray-color) !important
}
._reset_jt4m2_111:active {
background-color: #1c1c1c
}
._message_jt4m2_120 {
height: 70px;
margin-top: 50px
}
._systemText_jt4m2_125 {
color: #878787
}
._errorText_jt4m2_129 {
color: #ff5252;
font-size: 16px;
font-weight: 500;
text-align: center
}
._warning_jt4m2_136 {
font-size: 12px;
color: var(--light-color);
line-height: 1.25;
letter-spacing: -.035em;
max-width: 250px
}
._block_12f9t_1 {
display: flex;
flex-direction: column;
gap: 4px;
height: 100%
}
._title_12f9t_8 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_12f9t_8 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_12f9t_8 p {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto;
cursor: pointer
}
._description_12f9t_39 {
padding: 21px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
border: 1px solid var(--accent-color)
}
._description_12f9t_39 p {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--accent-color);
max-width: 200px;
text-align: center;
margin: 0 auto;
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.035em
}
._pinPad_12f9t_60 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_12f9t_70 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding-block: 100px
}
._pinPadRowDots_12f9t_78 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_12f9t_78 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_12f9t_78 span._active_12f9t_91 {
background-color: #fff
}
._pinPadNumbers_12f9t_95 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px;
padding: 20px 0
}
._pinPadNumbers_12f9t_95 ._row_12f9t_101 {
display: contents
}
._pinPadNumbers_12f9t_95 ._row_12f9t_101 button {
width: 100%;
height: 60px;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent
}
._pinPadNumbers_12f9t_95 ._row_12f9t_101 button:active {
background-color: #1c1c1c
}
._empty_12f9t_122 {
background-color: transparent;
cursor: default
}
._clear_12f9t_127 {
background-color: transparent
}
._clear_12f9t_127:active {
background-color: #1c1c1c
}
._message_12f9t_134 {
height: 80px
}
._pinDescription_12f9t_138 {
text-align: center
}
._pinDescription_12f9t_138 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
margin: 0
}
._errorMessage_12f9t_149 {
color: #ff5252;
font-size: 16px;
font-weight: 500;
text-align: center
}
._block_1id5h_1 {
display: flex;
flex-direction: column;
gap: 4px;
height: 100%
}
._title_1id5h_8 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_1id5h_8 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_1id5h_8 p {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto;
cursor: pointer
}
._pinPad_1id5h_39 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_1id5h_49 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding-block: 100px
}
._pinPadRowDots_1id5h_57 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_1id5h_57 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_1id5h_57 span._active_1id5h_70 {
background-color: #fff
}
._pinPadRowDots_1id5h_57 span._error_1id5h_73 {
background-color: #ff5252
}
._pinPadNumbers_1id5h_77 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px;
padding: 20px 0
}
._pinPadNumbers_1id5h_77 ._row_1id5h_83 {
display: contents
}
._pinPadNumbers_1id5h_77 ._row_1id5h_83 button {
width: 100%;
height: 60px;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent
}
._pinPadNumbers_1id5h_77 ._row_1id5h_83 button:active {
background-color: #1c1c1c
}
._empty_1id5h_104 {
background-color: transparent;
cursor: default
}
._clear_1id5h_109 {
background-color: transparent
}
._clear_1id5h_109:active {
background-color: #1c1c1c
}
._description_1id5h_116 {
padding: 21px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
border: 1px solid var(--accent-color)
}
._description_1id5h_116 p {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--accent-color);
max-width: 200px;
text-align: center;
margin: 0 auto;
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.035em
}
._message_1id5h_137 {
text-align: center;
display: flex;
flex-direction: column;
gap: 4px;
height: 50px
}
._message_1id5h_137 h3 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em;
margin: 0
}
._systemText_1id5h_152 {
color: #878787
}
._errorText_1id5h_156 {
color: #ff5252
}
._block_jb0gb_1 {
display: flex;
flex-direction: column;
gap: 8px;
min-height: calc(100vh - var(--navbar-height))
}
._title_jb0gb_8 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_jb0gb_8 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_jb0gb_8 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto
}
._pinPad_jb0gb_34 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_jb0gb_44 {
display: flex;
align-items: center;
flex-direction: column;
gap: 32px;
padding-block: 12vh
}
._pinPadRowDots_jb0gb_52 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_jb0gb_52 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_jb0gb_52 span._active_jb0gb_65 {
background-color: #fff
}
._pinPadRowDots_jb0gb_52 span._error_jb0gb_68 {
background-color: #ff3b30
}
._message_jb0gb_72 {
min-height: 20px
}
._errorText_jb0gb_76 {
color: #ff3b30;
font-size: 14px
}
._pinPadNumbers_jb0gb_81 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px;
padding: 20px 0
}
._pinPadNumbers_jb0gb_81 ._row_jb0gb_87 {
display: contents
}
._pinPadNumbers_jb0gb_81 ._row_jb0gb_87 button {
width: 100%;
height: 60px;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent
}
._pinPadNumbers_jb0gb_81 ._row_jb0gb_87 button:active {
background-color: #1c1c1c
}
._empty_jb0gb_108 {
background-color: transparent;
cursor: default
}
._clear_jb0gb_113 {
background-color: transparent
}
._clear_jb0gb_113:active {
background-color: #1c1c1c
}
._reset_jb0gb_120 {
background-color: transparent;
font-size: 12px !important;
color: var(--gray-color) !important
}
._reset_jb0gb_120:active {
background-color: #1c1c1c
}
._container_1rkyq_1 {
display: flex;
flex-direction: column;
height: 100%;
padding-bottom: calc(var(--navbar-height) / 2)
}
._title_1cd6g_1 {
font-size: 24px;
line-height: 28px;
letter-spacing: -.035em;
font-weight: 500;
color: #fff;
margin-bottom: 12px
}
._tabsContainer_1cd6g_10 {
margin-bottom: 12px
}
._tabSlide_1cd6g_14 {
width: auto !important
}
._tab_1cd6g_10 {
height: 40px;
background-color: #383838;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3;
border-radius: 8px;
transition: color .2s ease-in-out, background-color .2s ease-in-out;
white-space: nowrap;
padding: 0 12px;
border: none;
cursor: pointer
}
._tab_1cd6g_10 span {
display: flex;
align-items: center;
justify-content: center;
height: 19px;
padding: 0 6px;
border-radius: 14px;
background-color: #282828;
font-size: 12px;
line-height: 14px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3;
transition: color .2s ease-in-out, background-color .2s ease-in-out
}
._tab_1cd6g_10._active_1cd6g_53 {
background-color: var(--accent-color);
color: #000
}
._tab_1cd6g_10._active_1cd6g_53 span {
background-color: #000;
color: #fff
}
._card_km25s_1 {
padding: 12px;
border-radius: var(--border-radius);
background-color: #282828;
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 4px
}
._card_km25s_1._read_km25s_10 {
opacity: .6
}
._card_km25s_1._read_km25s_10 ._title_km25s_13 {
color: #878787
}
._content_km25s_17 {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px
}
._title_km25s_13 {
font-size: 14px;
line-height: 18px;
letter-spacing: -.035em;
font-weight: 500;
color: #fff
}
._date_km25s_32 {
color: #878787;
font-size: 14px;
line-height: 18px;
letter-spacing: -.035em
}
._bottom_km25s_39 {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px
}
._bottom_km25s_39 p {
color: #878787;
font-size: 14px;
line-height: 1;
letter-spacing: -.035em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
._icon_km25s_57 {
flex-shrink: 0;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #f66262
}
._notification_wltpg_1 {
padding: 12px 12px 100px;
border-radius: var(--border-radius);
background-color: #282828
}
._notification_wltpg_1 h1 {
font-size: 20px;
line-height: 24px;
letter-spacing: -.035em;
font-weight: 500;
color: #fff;
margin-bottom: 4px
}
._notification_wltpg_1 span {
font-size: 14px;
line-height: 18px;
letter-spacing: -.035em;
color: #878787
}
._notification_wltpg_1 p {
color: #d3d3d3;
font-size: 14px;
line-height: 18px;
letter-spacing: -.035em;
margin-top: 16px
}
._title_ckrkm_1 {
font-size: 24px;
line-height: 28px;
letter-spacing: -.035em;
font-weight: 500;
color: #fff;
margin-bottom: 12px
}
._tabs_ckrkm_10 {
display: flex;
gap: 4px;
margin-bottom: 12px
}
._tab_ckrkm_10 {
flex-grow: 1;
height: 40px;
background-color: #383838;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 16px;
line-height: 20px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3;
border-radius: 8px;
transition: color .2s ease-in-out, background-color .2s ease-in-out;
white-space: nowrap;
padding: 0 12px;
border: none;
cursor: pointer
}
._tab_ckrkm_10 span {
display: flex;
align-items: center;
justify-content: center;
height: 19px;
padding: 0 6px;
border-radius: 14px;
background-color: #282828;
font-size: 12px;
line-height: 14px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3;
transition: color .2s ease-in-out, background-color .2s ease-in-out
}
._tab_ckrkm_10._active_ckrkm_52 {
background-color: var(--accent-color);
color: #000
}
._tab_ckrkm_10._active_ckrkm_52 span {
background-color: #000;
color: #fff
}
._cards_ckrkm_61 {
display: grid;
grid-template-columns: 100%;
gap: 12px
}
._pagination_ckrkm_67 {
margin-top: 20px
}
._card_15lpj_1 {
margin-bottom: 4px;
background-color: #282828;
padding: 12px;
border-radius: var(--border-radius);
display: flex;
align-items: center;
gap: 10px
}
._avatar_15lpj_11 {
width: 40px;
height: 40px;
border-radius: 100%;
overflow: hidden
}
._avatar_15lpj_11 img {
width: 100%;
height: 100%;
object-fit: cover
}
._header_15lpj_23 {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 4px
}
._header_15lpj_23 span {
display: flex;
height: 17px;
background-color: var(--accent-color);
padding: 0 4px;
border-radius: 1000px;
color: #1c1c1c;
font-weight: 600;
font-size: 12px;
line-height: 1.25;
letter-spacing: -.035em
}
._header_15lpj_23 h3 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em
}
._online_15lpj_48 {
background-color: #3db43a;
display: block;
width: 6px;
height: 6px;
border-radius: 100%
}
._text_15lpj_56 {
color: #878787;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em
}
._pagination_1q1uw_1 {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
margin-top: 12px
}
._button_1q1uw_9 {
width: 40px;
height: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background-color: #282828;
color: #fff;
font-size: 16px;
border: none;
cursor: pointer;
transition: all .2s ease
}
._button_1q1uw_9:hover {
opacity: .8
}
._button_1q1uw_9._active_1q1uw_26 {
background-color: #fee600;
color: #000
}
._button_1q1uw_9._arrow_1q1uw_30 {
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px
}
._button_1q1uw_9._arrowLeft_1q1uw_35 {
background-image: url('data:image/svg+xml, ')
}
._button_1q1uw_9._arrowRight_1q1uw_38 {
background-image: url('data:image/svg+xml,')
}
._search_1pjo6_1 {
padding-bottom: calc(var(--navbar-height) * 2)
}
._block_1pjo6_5 {
padding: 16px;
background-color: #282828;
border-radius: var(--border-radius)
}
._block_1pjo6_5 h1 {
font-size: 20px;
line-height: 1.2;
letter-spacing: -.035em;
font-weight: 500;
margin-bottom: 6px
}
._block_1pjo6_5 p {
color: #878787;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 200px;
margin-bottom: 18px
}
._tabs_1pjo6_26 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
margin-bottom: 18px
}
._tabs_1pjo6_26 a {
text-decoration: none
}
._searchButton_1pjo6_36 {
margin-top: 6px
}
._services_1pjo6_40 {
background-color: #1c1c1c;
padding: 12px;
border-radius: 8px
}
._services_1pjo6_40 h3 {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #fff;
margin-bottom: 6px
}
._services_1pjo6_40 p {
color: #878787;
font-size: 14px;
line-height: 20px;
max-width: 200px
}
._servicesSearch_1pjo6_59 h3 {
font-weight: 500;
font-size: 18px;
line-height: 1;
margin-bottom: 4px
}
._backLink_1pjo6_66 {
display: flex;
align-items: center;
gap: 4px;
color: #878787;
font-size: 14px;
line-height: 1.25;
margin-bottom: 18px
}
._container_1lbd6_1 {
position: relative;
display: flex;
align-items: center;
width: 100%;
background-color: #1c1c1c;
border: 1px solid transparent;
border-radius: 10px;
transition: border-color .2s ease
}
._container_1lbd6_1:focus-within {
border-color: #fee600
}
._container_1lbd6_1._containerDisabled_1lbd6_14 {
background-color: #383838;
cursor: not-allowed
}
._container_1lbd6_1._containerError_1lbd6_18 {
border-color: #f44
}
._container_1lbd6_1._hasLeftIcon_1lbd6_21 {
padding-left: 30px
}
._container_1lbd6_1._hasRightIcon_1lbd6_24 {
padding-right: 30px
}
._input_1lbd6_28 {
flex: 1;
background: transparent;
border: none;
outline: none;
color: #fff;
font-size: 16px;
padding: 0 16px
}
._input_1lbd6_28[type=number] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield
}
._input_1lbd6_28[type=number]::-webkit-outer-spin-button,
._input_1lbd6_28[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
._input_1lbd6_28::placeholder {
color: #878787;
font-size: 16px
}
._input_1lbd6_28:disabled {
color: #5f5f60;
cursor: not-allowed
}
._height44_1lbd6_54 {
height: 44px
}
._height40_1lbd6_58 {
height: 40px
}
._radius8_1lbd6_62 {
border-radius: 8px
}
._radius10_1lbd6_66 {
border-radius: 10px
}
._radius16_1lbd6_70 {
border-radius: 16px
}
._leftIcon_1lbd6_74 {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
color: #878787;
pointer-events: none
}
._rightIcon_1lbd6_86 {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
color: #878787;
cursor: pointer
}
._disabled_1lbd6_98 {
background-color: #383838 !important;
color: #5f5f60 !important;
cursor: not-allowed
}
._error_1lbd6_104 {
border-color: #f44
}
._filters_1jblg_1 {
margin-block: 12px;
display: grid;
grid-template-columns: 40px 1fr;
gap: 6px
}
._filterButton_1jblg_8 {
width: 40px;
height: 40px;
background-color: #282828;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center
}
._loaderContainer_1jblg_18 {
display: flex;
justify-content: center;
align-items: center;
padding: 40px;
min-height: 200px
}
._help_1jblg_26 {
padding: 16px;
margin-bottom: 12px;
background-color: #282828;
border-radius: var(--border-radius)
}
._help_1jblg_26 p {
color: #878787;
max-width: 250px;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
margin-bottom: 12px
}
._helpHeader_1jblg_41 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 6px
}
._helpHeader_1jblg_41 h3 {
font-size: 18px;
line-height: 1.2;
letter-spacing: -.035em;
font-weight: 500
}
._helpImage_1jblg_55 {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #333333
}
._helpImage_1jblg_55 img {
width: 100%;
height: 100%;
object-fit: contain
}
._cards_1jblg_66 {
display: grid
}
._activeFilters_1jblg_70 {
grid-column: 1/3;
margin-top: 8px;
display: flex;
align-items: center;
gap: 8px;
overflow-x: auto;
padding-bottom: 2px;
scrollbar-width: none;
-ms-overflow-style: none
}
._activeFilters_1jblg_70::-webkit-scrollbar {
width: 0;
height: 0
}
._filterChip_1jblg_87 {
height: 32px;
padding: 0 10px;
background-color: #383838;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
color: #d3d3d3;
font-size: 14px;
font-weight: 500;
white-space: nowrap
}
._chipRemoveBtn_1jblg_102 {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
cursor: pointer
}
._card_1nxr4_1 {
margin-bottom: 4px;
background-color: #282828;
padding: 12px;
border-radius: var(--border-radius);
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px
}
._left_1nxr4_12 {
display: flex;
align-items: center;
gap: 10px
}
._avatar_1nxr4_18 {
width: 40px;
height: 40px;
border-radius: 100%;
overflow: hidden
}
._avatar_1nxr4_18 img {
width: 100%;
height: 100%;
object-fit: cover
}
._header_1nxr4_30 {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 4px
}
._header_1nxr4_30 span {
display: flex;
height: 17px;
background-color: var(--accent-color);
padding: 0 4px;
border-radius: 1000px;
color: #1c1c1c;
font-weight: 600;
font-size: 12px;
line-height: 1.25;
letter-spacing: -.035em
}
._header_1nxr4_30 h3 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em;
max-width: 200px;
max-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0
}
._online_1nxr4_61 {
background-color: #3db43a;
display: block;
width: 6px;
height: 6px;
border-radius: 100%
}
._text_1nxr4_69 {
color: #878787;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em
}
._right_1nxr4_76 {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px
}
._rightItems_1nxr4_83 {
display: flex;
align-items: center;
gap: 2px
}
._amount_1nxr4_89,
._rating_1nxr4_90 {
height: 20px;
padding: 0 6px;
background-color: #383838;
border-radius: 1000px;
display: flex;
align-items: center;
gap: 2px;
font-size: 12px;
font-weight: 600;
line-height: 1.25
}
._amount_1nxr4_89 {
color: #d3d3d3
}
._rating_1nxr4_90 {
color: var(--accent-color)
}
._rating_1nxr4_90 svg {
width: 16px;
height: 16px
}
._deals_1nxr4_115 {
font-size: 14px;
line-height: 1.25;
color: #878787
}
._filter_1thac_1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 1000;
display: flex;
flex-direction: column
}
._filterContent_1thac_13 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1c1c1c;
z-index: 1000;
display: flex;
flex-direction: column
}
._header_1thac_25 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px;
background-color: #282828;
box-shadow: 0 4px 42px rgba(5, 5, 5, .5)
}
._header_1thac_25 h2 {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #fff;
margin: 0
}
._close_1thac_42 {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
color: inherit;
transition: opacity .2s ease
}
._close_1thac_42:hover {
opacity: .8
}
._content_1thac_58 {
padding: 12px;
overflow: auto;
height: 100%
}
._inner_1thac_64 {
background-color: #282828;
border-radius: var(--border-radius)
}
._item_1thac_69 {
padding: 16px;
border-bottom: 1px solid #383838
}
._item_1thac_69:last-child {
border-bottom: none
}
._item_1thac_69 h3 {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: #fff;
margin-bottom: 16px
}
._checkboxes_1thac_84 {
display: flex;
flex-direction: column;
gap: 12px
}
._checkbox_1thac_84 {
display: flex;
align-items: center;
gap: 6px
}
._count_1thac_96 {
color: #878787;
font-size: 16px;
line-height: 1;
font-weight: 400
}
._dateRange_1thac_103 {
display: grid;
grid-template-columns: calc(50% - 2px) calc(50% - 2px);
gap: 4px
}
._apply_1thac_109 {
margin-top: 32px
}
._container_1449l_1 {
display: flex;
align-items: flex-start;
gap: 8px;
cursor: pointer;
user-select: none
}
._checkbox_1449l_9 {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--Neutral-Neutral-400, #5f5f60);
background-color: transparent;
border-radius: 6px;
cursor: pointer;
flex-shrink: 0
}
._checkbox_1449l_9:focus {
outline: none
}
._checkbox_1449l_9:checked {
background-color: #fee600;
border-color: #fee600;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px
}
._checkbox_1449l_9:hover:not(:disabled) {
border-color: #fee600
}
._medium_1449l_38 {
width: 20px;
height: 20px
}
._large_1449l_43 {
width: 24px;
height: 24px
}
._disabled_1449l_48 {
cursor: not-allowed;
opacity: .5
}
._disabled_1449l_48:hover {
border-color: var(--Neutral-Neutral-400, #5f5f60) !important
}
._content_1449l_56 {
display: flex;
flex-direction: column;
gap: 2px;
flex: 1
}
._label_1449l_63 {
font-size: 16px;
font-weight: 500;
color: #fff;
line-height: 24px
}
._description_1449l_70 {
font-size: 14px;
font-weight: 400;
color: #878787;
line-height: 20px
}
._container_1449l_1:has(._disabled_1449l_48) {
cursor: not-allowed
}
._container_1449l_1:has(._disabled_1449l_48) ._label_1449l_63,
._container_1449l_1:has(._disabled_1449l_48) ._description_1449l_70 {
opacity: .5
}
._content_1nkoy_1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px;
margin-top: 12px
}
._card_nkwzg_1 {
background-color: #282828;
border-radius: var(--border-radius);
padding: 10px;
display: flex;
flex-direction: column;
gap: 2px;
height: 150px;
position: relative;
border: 1px solid #282828;
overflow: hidden
}
._card_nkwzg_1 h3 {
font-weight: 500;
font-size: 12px;
line-height: 1.2
}
._card_nkwzg_1 p {
color: #878787;
font-size: 12px;
line-height: 1.2
}
._image_nkwzg_24 {
position: absolute;
bottom: -10px;
right: -10px;
width: 78px;
height: 78px;
border-radius: 50%;
background-color: #1c1c1c;
display: flex;
align-items: center;
justify-content: center
}
._image_nkwzg_24 img {
width: 44px;
height: 44px;
object-fit: contain
}
._card_1wo7s_1 {
padding: 12px;
background-color: #282828;
border-radius: var(--border-radius)
}
._image_1wo7s_7 {
height: 168px;
width: 100%;
overflow: hidden;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px
}
._image_1wo7s_7 img {
width: 100%;
height: 100%;
object-fit: cover
}
._title_1wo7s_23 {
font-weight: 600;
font-size: 14px;
line-height: 1.2;
margin-bottom: 10px
}
._bottom_1wo7s_30 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px
}
._left_1wo7s_37 {
display: flex;
align-items: center;
gap: 6px
}
._avatar_1wo7s_43 {
width: 24px;
height: 24px;
border-radius: 100%;
overflow: hidden
}
._avatar_1wo7s_43 img {
width: 100%;
height: 100%;
object-fit: cover
}
._admin_1wo7s_55 {
height: 17px;
border-radius: 1000px;
background-color: var(--accent-color);
padding: 0 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
color: #1c1c1c
}
._name_1wo7s_69 {
font-size: 14px;
font-weight: 500;
line-height: 1.2
}
._online_1wo7s_75 {
width: 6px;
height: 6px;
display: block;
border-radius: 100%;
background-color: #3db43a
}
._right_1wo7s_83 {
display: flex;
align-items: center;
gap: 2px
}
._comments_1wo7s_89,
._amount_1wo7s_90,
._rating_1wo7s_91 {
height: 19px;
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
background-color: #383838;
border-radius: 1000px;
font-weight: 600;
font-size: 12px;
line-height: 1;
color: #fff;
padding: 0 6px
}
._comments_1wo7s_89 svg,
._amount_1wo7s_90 svg,
._rating_1wo7s_91 svg {
width: 12px;
height: 12px
}
._rating_1wo7s_91 {
color: var(--accent-color)
}
._content_1lqnn_1 {
margin-top: 12px;
display: grid;
grid-template-columns: 100%;
gap: 4px
}
._card_f1ut6_1 {
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px;
background-color: #282828;
border-radius: var(--border-radius);
margin-bottom: 24px
}
._card_f1ut6_1 p {
color: #d3d3d3;
font-size: 14px;
line-height: 1.25
}
._image_f1ut6_16 {
height: 168px;
overflow: hidden;
border-radius: 8px
}
._image_f1ut6_16 img {
width: 100%;
height: 100%;
object-fit: cover
}
._title_f1ut6_27 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin: 0
}
._description_f1ut6_34 p {
margin: 0;
white-space: pre-line
}
._description_f1ut6_34 ._link_f1ut6_38 {
color: #4a9eff;
text-decoration: underline;
cursor: pointer;
transition: color .2s ease
}
._description_f1ut6_34 ._link_f1ut6_38:hover {
color: #6bb0ff
}
._date_f1ut6_48 {
font-size: 12px;
color: #a0a0a0;
margin-top: 8px
}
._card_p3vju_1 {
padding: 12px;
background-color: #282828;
border-radius: var(--border-radius);
margin-bottom: 4px
}
._top_p3vju_8 {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px
}
._avatar_p3vju_15 {
width: 40px;
height: 40px;
border-radius: 100%;
overflow: hidden
}
._avatar_p3vju_15 img {
width: 100%;
height: 100%;
object-fit: cover
}
._right_p3vju_27 {
display: flex;
flex-direction: column;
gap: 2px
}
._right_p3vju_27 p,
._right_p3vju_27 span {
color: #878787;
font-size: 14px;
line-height: 1.2
}
._user_p3vju_43 {
display: flex;
align-items: center;
gap: 4px
}
._user_p3vju_43 h3 {
font-weight: 500;
font-size: 16px;
line-height: 1.2
}
._admin_p3vju_54 {
background-color: var(--accent-color);
color: var(--dark-color);
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -.035em;
padding: 0 4px;
height: 17px;
border-radius: 1000px
}
._online_p3vju_66 {
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #3db43a
}
._stats_p3vju_73 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px
}
._stat_p3vju_73 {
flex-direction: column;
align-items: center;
background-color: #1c1c1c;
border-radius: var(--border-radius);
display: flex;
text-align: center;
gap: 2px;
padding: 14px;
position: relative
}
._stat_p3vju_73 span {
display: flex;
align-items: center;
gap: 2px;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em;
color: var(--accent-color)
}
._stat_p3vju_73 p {
display: flex;
align-items: center;
gap: 2px;
color: var(--gray-color);
font-size: 14px;
line-height: 1.2;
letter-spacing: -.035em
}
._stat_p3vju_73:nth-child(1),
._stat_p3vju_73:nth-child(2) {
background-image: url(/user-stat-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
backdrop-filter: blur(30px)
}
._stat_p3vju_73:nth-child(3) span,
._stat_p3vju_73:nth-child(4) span {
color: var(--light-color)
}
._actions_p3vju_121 {
margin-top: 12px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px
}
._actions_p3vju_121 button:nth-child(1) {
grid-column: 1/3
}
._page_1xyxp_1 {
margin: 0 -12px;
padding: 12px 12px calc(var(--navbar-height) * 3)
}
._floatingButton_1xyxp_6 {
position: fixed;
background-color: #282828;
bottom: var(--navbar-height);
z-index: 1000;
padding: 12px;
width: 100%;
left: 0;
will-change: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
._floatingButton_1xyxp_6 button {
width: 100%
}
._card_3ew4y_1 {
padding: 12px;
background-color: #1c1c1c;
border-radius: var(--border-radius);
margin-top: 10px
}
._top_3ew4y_8 {
display: flex;
align-items: center;
gap: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #383838
}
._avatar_3ew4y_17 {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden
}
._avatar_3ew4y_17 img {
width: 100%;
height: 100%;
object-fit: cover
}
._user_3ew4y_29 {
display: flex;
align-items: center;
gap: 4px
}
._right_3ew4y_35 h3 {
font-size: 16px;
line-height: 1.2;
font-weight: 500
}
._right_3ew4y_35 span {
color: #878787;
font-size: 14px;
line-height: 1.2;
font-weight: 400
}
._admin_3ew4y_47 {
height: 17px;
border-radius: 1000px;
background-color: var(--accent-color);
padding: 0 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
color: #1c1c1c
}
._online_3ew4y_61 {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #3db43a
}
._username_3ew4y_68 {
color: #878787;
font-size: 14px;
line-height: 1.2
}
._text_3ew4y_74 {
color: #d3d3d3;
font-size: 16px;
line-height: 1.2;
margin-bottom: 10px
}
._text_3ew4y_74 span {
color: var(--accent-color)
}
._bottom_3ew4y_84 {
display: flex;
align-items: center;
justify-content: space-between
}
._bottom_3ew4y_84 span {
color: #878787;
font-size: 14px;
line-height: 1.2
}
._bottom_3ew4y_84 button {
color: #878787;
font-size: 14px;
line-height: 1.2;
font-weight: 500
}
._card_fq85z_1 {
padding: 12px;
background-color: #282828;
border-radius: var(--border-radius)
}
._top_fq85z_7 {
display: flex;
align-items: center;
gap: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #383838
}
._avatar_fq85z_16 {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden
}
._avatar_fq85z_16 img {
width: 100%;
height: 100%;
object-fit: cover
}
._user_fq85z_28 {
display: flex;
align-items: center;
gap: 4px
}
._user_fq85z_28 h3 {
font-size: 16px;
line-height: 1.2;
font-weight: 500
}
._admin_fq85z_39 {
height: 17px;
border-radius: 1000px;
background-color: var(--accent-color);
padding: 0 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
color: #1c1c1c
}
._online_fq85z_53 {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #3db43a
}
._username_fq85z_60 {
color: #878787;
font-size: 14px;
line-height: 1.2
}
._text_fq85z_66 {
color: #d3d3d3;
font-size: 16px;
line-height: 1.2;
margin-bottom: 10px
}
._bottom_fq85z_73 {
display: flex;
align-items: center;
justify-content: space-between
}
._bottom_fq85z_73 span {
color: #878787;
font-size: 14px;
line-height: 1.2
}
._bottom_fq85z_73 button {
color: #878787;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
cursor: pointer
}
._bottom_fq85z_73 button:hover {
color: #b3b3b3
}
._replyForm_fq85z_94 {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #383838
}
._replyActions_fq85z_100 {
margin-top: 8px;
display: flex;
justify-content: flex-end
}
._replies_fq85z_106 {
display: flex;
flex-direction: column;
gap: 8px
}
._loadMoreReplies_fq85z_112 {
color: #878787;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
cursor: pointer;
text-align: left
}
._loadMoreReplies_fq85z_112:hover {
color: #b3b3b3
}
._title_fonhf_1 {
margin-bottom: 12px;
font-size: 20px;
line-height: 1.2;
font-weight: 500
}
._list_fonhf_8 {
display: grid;
grid-template-columns: 1fr;
gap: 4px
}
._form_fonhf_14 {
display: grid;
grid-template-columns: 100%;
margin-bottom: 12px
}
._form_fonhf_14 button {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: #383838;
border-radius: 8px
}
._formActive_fonhf_29 {
grid-template-columns: 1fr 40px;
gap: 4px
}
._submitButton_fonhf_34 {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: #383838;
border-radius: 8px;
border: none;
cursor: pointer
}
._submitButton_fonhf_34:disabled {
opacity: .5;
cursor: not-allowed
}
._submitButton_fonhf_34:hover:not(:disabled) {
background-color: #484848
}
._loader_fonhf_53 {
display: flex;
justify-content: center;
padding: 20px
}
._loadMore_fonhf_59 {
display: flex;
justify-content: center;
margin-top: 16px
}
._DealsPage_eh54v_1 {
padding-bottom: calc(var(--navbar-height) * 2)
}
._DealsPage_eh54v_1 h1 {
font-size: 24px;
font-weight: 500;
margin-bottom: 12px;
color: #fff
}
._search_eh54v_11 {
padding-bottom: calc(var(--navbar-height) * 2)
}
._tabs_eh54v_15 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 4px;
margin-bottom: 12px
}
._tabs_eh54v_15 a {
text-decoration: none
}
._tab_eh54v_15 span {
display: flex;
align-items: center;
justify-content: center;
height: 19px;
padding: 0 6px;
border-radius: 14px;
background-color: #282828;
font-size: 12px;
line-height: 14px;
letter-spacing: -.035em;
font-weight: 500;
color: #d3d3d3;
transition: color .2s ease-in-out, background-color .2s ease-in-out
}
._activeTab_eh54v_41 ._tab_eh54v_15 {
background-color: var(--accent-color);
color: #000
}
._activeTab_eh54v_41 ._tab_eh54v_15 span {
background-color: #000;
color: #fff
}
._dealsContent_eh54v_50 h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 16px;
color: #fff
}
._dealsEmpty_eh54v_57 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
text-align: center
}
._dealsEmpty_eh54v_57 p {
color: #9ca3af;
font-size: 16px
}
._select_eh54v_70 {
margin-bottom: 12px
}
._card_imev1_1 {
background-color: #282828;
padding: 12px;
border-radius: 14px
}
._top_imev1_7 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 4px
}
._top_imev1_7 span {
color: #878787;
font-size: 12px;
line-height: 14px
}
._title_imev1_20 {
font-size: 14px;
line-height: 1.2;
font-weight: 500;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-height: 1.2em;
margin-bottom: 10px
}
._user_imev1_32 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px
}
._left_imev1_39 {
display: flex;
align-items: center;
gap: 6px
}
._left_imev1_39 span {
font-size: 14px;
font-weight: 500
}
._avatar_imev1_49 {
width: 24px;
height: 24px;
border-radius: 50%;
overflow: hidden
}
._avatar_imev1_49 img {
width: 100%;
height: 100%;
object-fit: cover
}
._online_imev1_61 {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #0f0
}
._button_imev1_68 {
margin-top: 10px
}
._price_imev1_72 {
font-size: 14px;
font-weight: 500;
color: #fff
}
._status_imev1_78 {
padding: 0 6px;
height: 19px;
border-radius: 1000px;
display: flex;
align-items: center;
gap: 2px;
font-size: 12px;
line-height: 1.2;
font-weight: 500
}
._status_imev1_78[data-status=pending_confirmation],
._status_imev1_78[data-status=pending_payment] {
background-color: #383838;
color: #878787
}
._status_imev1_78[data-status=in_progress] {
background-color: #383838;
color: var(--accent-color)
}
._status_imev1_78[data-status=completed] {
background-color: rgba(61, 180, 58, .2);
color: #3db43a
}
._status_imev1_78[data-status=arbitration] {
background-color: rgba(246, 98, 98, .2);
color: #f66262
}
._status_imev1_78[data-status=cancelled] {
background-color: rgba(248, 179, 31, .2);
color: #f8b31f
}
._status_imev1_78[data-status=resolved_for_buyer],
._status_imev1_78[data-status=resolved_for_seller] {
background-color: rgba(246, 98, 98, .2);
color: #f66262
}
._status_imev1_78[data-status=pending_cancellation] {
background-color: rgba(248, 179, 31, .2);
color: #f8b31f
}
._dealsContent_h2t8p_1,
._content_1bz5y_1 {
display: grid;
grid-template-columns: 100%;
gap: 4px
}
._content_1cmw2_1 {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 20px
}
._pagination_1cmw2_8 {
margin-top: auto
}
._card_1p8j8_1 {
background-color: #282828;
border-radius: var(--border-radius);
padding: 12px;
margin-bottom: 4px
}
._id_1p8j8_8 {
color: #878787;
font-size: 14px;
line-height: 1.25;
margin-bottom: 4px;
display: block
}
._title_1p8j8_16 {
font-size: 20px;
line-height: 1.25;
margin-bottom: 4px;
font-weight: 500
}
._date_1p8j8_23 {
color: #878787;
font-size: 14px;
line-height: 1.25;
margin-bottom: 16px;
display: block
}
._status_1p8j8_31 {
background-color: #1c1c1c;
border-radius: 8px;
margin-bottom: 4px;
padding: 28px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center
}
._status_1p8j8_31 span {
color: #878787;
font-size: 14px;
line-height: 1.2;
display: block;
margin-bottom: 6px
}
._status_1p8j8_31 h3 {
font-size: 24px;
line-height: 1.25;
font-weight: 500;
color: var(--accent-color)
}
._status_1p8j8_31 p {
color: #d3d3d3;
font-size: 14px;
line-height: 1.2
}
._arbitrationStatus_1p8j8_60 {
border: 1px solid #f66262
}
._completedText_1p8j8_64 {
font-size: 14px;
line-height: 1.2;
font-weight: 500;
margin-top: 8px;
height: 26px;
padding: 4px 8px 4px 4px;
display: inline-flex;
align-items: center;
gap: 4px;
background-color: rgba(61, 180, 58, .2);
border-radius: 1000px;
color: #3db43a !important
}
._cancelledText_1p8j8_79 {
font-size: 16px;
line-height: 1.2;
font-weight: 500;
margin-top: 8px;
height: 26px;
padding: 4px 8px 4px 4px;
display: inline-flex;
align-items: center;
gap: 4px;
background-color: rgba(248, 179, 31, .2);
border-radius: 1000px;
color: #f8b31f !important
}
._arbitrationText_1p8j8_94 {
font-size: 16px;
line-height: 1.2;
font-weight: 500;
margin-top: 8px;
padding: 4px 8px 4px 4px;
display: inline-flex;
align-items: center;
gap: 4px;
background-color: rgba(246, 98, 98, .2);
border-radius: 1000px;
color: #f66262 !important
}
._item_1p8j8_108 {
background-color: #1c1c1c;
border-radius: 8px;
padding: 8px;
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px
}
._icon_1p8j8_118 {
width: 36px;
height: 36px;
background-color: #282828;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center
}
._text_1p8j8_128 h3 {
color: #878787;
font-size: 14px;
line-height: 1.2;
margin-bottom: 2px;
font-weight: 400
}
._text_1p8j8_128 p {
color: #d3d3d3;
font-size: 14px;
line-height: 1.2
}
._buttons_1p8j8_141 {
margin-top: 12px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px
}
._singleButton_1p8j8_148 {
grid-template-columns: 1fr
}
._buyerInProgress_1p8j8_152 {
grid-template-columns: 1fr;
gap: 4px
}
._buyerInProgress_1p8j8_152>:first-child {
grid-column: 1/-1
}
._buyerInProgress_1p8j8_152>:nth-child(2),
._buyerInProgress_1p8j8_152>:nth-child(3) {
grid-column: span 1
}
._buyerInProgress_1p8j8_152 {
display: grid;
grid-template-columns: 1fr 1fr
}
._finishConfirmContent_1p8j8_168 {
display: flex;
flex-direction: column;
gap: 12px
}
._finishConfirmDescription_1p8j8_174,
._finishConfirmQuestion_1p8j8_181 {
font-size: 14px;
line-height: 1.25;
color: #d3d3d3;
margin: 0
}
._finishConfirmButtons_1p8j8_188 {
margin-top: 12px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px
}
._modal_uk0mz_1 {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: var(--body-color);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000
}
._content_uk0mz_14 {
background-color: var(--background-color);
padding: 12px;
border-radius: 14px 14px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
transform-origin: bottom;
height: 90vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain
}
._title_uk0mz_29 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px
}
._title_uk0mz_29 h1 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em
}
._title_uk0mz_29 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto
}
._pinPad_uk0mz_55 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_uk0mz_65 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding-block: 60px
}
._pinPadRowDots_uk0mz_73 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_uk0mz_73 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_uk0mz_73 span._active_uk0mz_86 {
background-color: #fff
}
._pinPadRowDots_uk0mz_73 span._success_uk0mz_89 {
background-color: var(--accent-color)
}
._pinPadRowDots_uk0mz_73 span._error_uk0mz_92 {
background-color: #ff5252
}
._pinPadNumbers_uk0mz_96 {
display: grid;
grid-auto-rows: 70px;
gap: 4px;
padding: 20px 0
}
._row_uk0mz_103 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px
}
._row_uk0mz_103 button {
width: 100%;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .25s ease-in-out, opacity .25s ease-in-out
}
._row_uk0mz_103 button:active {
background-color: #1c1c1c
}
._row_uk0mz_103 button:disabled {
cursor: not-allowed;
opacity: .1
}
._empty_uk0mz_129 {
background-color: transparent;
cursor: default
}
._clear_uk0mz_134 {
background-color: transparent
}
._clear_uk0mz_134:active {
background-color: #1c1c1c
}
._verificationMessage_uk0mz_141 {
text-align: center;
display: flex;
flex-direction: column;
gap: 4px;
height: 70px
}
._verificationMessage_uk0mz_141 h3 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em
}
._successText_uk0mz_155 {
color: var(--accent-color)
}
._systemText_uk0mz_159 {
color: #878787
}
._errorText_uk0mz_163 {
color: #ff5252
}
._warningText_uk0mz_167 {
color: #ffa726
}
._systemDesc_uk0mz_171 {
color: var(--gray-color);
font-size: 14px;
font-weight: 400;
line-height: 1.25;
letter-spacing: -.035em
}
._footer_uk0mz_179 {
margin-top: auto
}
._button_uk0mz_183 {
width: 100%
}
._warning_uk0mz_167 {
font-size: 12px;
color: var(--light-color);
line-height: 1.25;
letter-spacing: -.035em;
max-width: 250px
}
._container_1h9t9_1 {
display: flex;
flex-direction: column;
gap: 16px
}
._warning_1h9t9_7 {
padding: 12px;
background-color: rgba(254, 230, 0, .1);
border-radius: 8px;
border: 1px solid rgba(254, 230, 0, .3)
}
._warning_1h9t9_7 p {
margin: 0;
font-size: 14px;
line-height: 20px;
color: #fee600
}
._seedContainer_1h9t9_20 {
display: flex;
flex-direction: column;
gap: 12px
}
._seedWords_1h9t9_26 {
display: flex;
flex-wrap: wrap;
gap: 2px
}
._seedWord_1h9t9_26 {
height: 26px;
background-color: #1c1c1c;
border-radius: 1000px;
padding: 4px 8px;
font-size: 14px;
line-height: 18px;
display: flex;
align-items: center;
user-select: text;
cursor: text
}
._copyButton_1h9t9_45 {
align-self: flex-start
}
._modal_o48y1_1 {
display: flex;
flex-direction: column;
gap: 24px
}
._text_o48y1_7 {
color: #fff;
font-size: 14px;
line-height: 1.4;
text-align: left;
margin: 0
}
._container_kfynl_1 {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 4px
}
._card_kfynl_8 {
background-color: #282828;
border-radius: var(--border-radius);
padding: 12px
}
._user_kfynl_14 {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px
}
._avatar_kfynl_21 {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
cursor: pointer
}
._avatar_kfynl_21 img {
width: 100%;
height: 100%;
object-fit: cover
}
._info_kfynl_34 span {
font-size: 16px;
line-height: 1.2;
font-weight: 500
}
._info_kfynl_34 p {
font-size: 14px;
line-height: 1.2;
color: var(--gray-color)
}
._stats_kfynl_45 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px
}
._stat_kfynl_45 {
flex-direction: column;
align-items: center;
background-color: #1c1c1c;
border-radius: var(--border-radius);
display: flex;
text-align: center;
gap: 2px;
padding: 14px;
position: relative;
transition: background-color .2s ease
}
._stat_kfynl_45:hover {
background-color: #2a2a2a
}
._stat_kfynl_45 span {
display: flex;
align-items: center;
gap: 2px;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em;
color: var(--accent-color)
}
._stat_kfynl_45 p {
display: flex;
align-items: center;
gap: 2px;
color: var(--gray-color);
font-size: 14px;
line-height: 1.2;
letter-spacing: -.035em
}
._stat_kfynl_45:nth-child(1),
._stat_kfynl_45:nth-child(2) {
background-image: url(/user-stat-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
backdrop-filter: blur(30px)
}
._stat_kfynl_45:nth-child(3) span,
._stat_kfynl_45:nth-child(4) span {
color: var(--light-color)
}
._innerData_kfynl_97 {
display: flex;
flex-direction: column;
gap: 12px;
max-height: 400px;
overflow-y: auto;
padding: 4px
}
._innerData_kfynl_97::-webkit-scrollbar {
width: 4px
}
._innerData_kfynl_97::-webkit-scrollbar-track {
background: #1c1c1c;
border-radius: 2px
}
._innerData_kfynl_97::-webkit-scrollbar-thumb {
background: #404040;
border-radius: 2px
}
._innerData_kfynl_97::-webkit-scrollbar-thumb:hover {
background: #505050
}
._page_1omd8_1 {
padding-bottom: calc(var(--navbar-height) * 2)
}
._card_nilcd_1 {
background-color: #282828;
border-radius: var(--border-radius);
padding: 12px
}
._card_nilcd_1 h3 {
font-size: 16px;
line-height: 1.2;
font-weight: 500;
margin-bottom: 12px
}
._card_nilcd_1 p {
font-size: 14px;
line-height: 1.2;
color: var(--gray-color)
}
._title_h8408_1 {
color: #d3d3d3;
margin-bottom: 12px;
font-size: 14px;
line-height: 1.2
}
._rating_h8408_8 {
padding: 35px 36px 24px;
background-color: #1c1c1c;
border-radius: 8px;
margin-bottom: 4px
}
._rating_h8408_8 p {
color: #878787;
font-size: 14px;
line-height: 1.2
}
._stars_h8408_20 {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 12px
}
._stars_h8408_20 svg {
transition: all .3s ease
}
._textarea_h8408_31 {
min-height: 150px;
max-height: 200px;
height: 100%;
resize: vertical
}
._button_h8408_38 {
margin-top: 12px
}
._payment_16v3z_1 {
padding-bottom: 100px
}
._backButton_16v3z_5 {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
margin-bottom: 12px;
cursor: pointer
}
._backButton_16v3z_5 span {
color: var(--gray-color);
font-size: 14px
}
._backButton_16v3z_5:hover {
opacity: .8
}
._title_16v3z_21 {
color: var(--white-color);
font-size: 24px;
font-weight: 500;
line-height: 1;
margin-bottom: 12px
}
._dealInfo_16v3z_29 {
padding: 24px 12px 12px;
background-color: #282828;
border-radius: var(--border-radius);
margin-bottom: 4px
}
._dealTitle_16v3z_36 {
color: var(--white-color);
font-size: 18px;
font-weight: 500;
margin-bottom: 8px
}
._dealAmount_16v3z_43 {
color: var(--white-color);
font-size: 16px;
font-weight: 500;
margin-bottom: 4px
}
._dealAmountUsd_16v3z_50 {
color: var(--gray-color);
font-size: 14px;
margin-bottom: 0
}
._transaction_16v3z_56 {
padding: 24px 12px 12px;
background-color: #282828;
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
align-items: center
}
._qrCode_16v3z_65 {
max-width: 220px;
width: 100%;
height: 220px;
margin: 0 auto 10px;
padding: 10px;
border-radius: var(--border-radius);
background-color: #fff;
overflow: hidden
}
._qrCode_16v3z_65 svg {
width: 100%;
height: 100%;
object-fit: contain
}
._transactionText_16v3z_81 {
color: #fee600;
font-size: 14px;
text-align: center;
margin-bottom: 30px
}
._label_16v3z_88 {
color: var(--gray-color);
font-size: 14px;
display: block;
margin-bottom: 6px;
text-align: left;
align-self: flex-start
}
._checkButton_16v3z_97 {
width: 100%;
margin: 16px 0
}
._warn_16v3z_102 {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 16px;
padding: 10px;
background-color: #383838;
border-radius: 8px
}
._warn_16v3z_102 svg {
flex-shrink: 0
}
._warn_16v3z_102 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.4;
margin: 0
}
._deposit_1ylpj_1 {
padding-top: 12px
}
._depositCards_1ylpj_5 {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 24px
}
._item_1ylpj_12 {
padding: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
border-radius: var(--border-radius);
background-color: #282828;
margin-bottom: 4px
}
._itemLeft_1ylpj_23 {
display: flex;
flex-direction: column;
gap: 2px
}
._itemLeft_1ylpj_23 h3 {
color: 18px;
font-weight: 500;
line-height: 1
}
._itemLeft_1ylpj_23 p {
color: #878787;
max-width: 200px;
font-size: 14px;
line-height: 1.25
}
._content_139mh_1 {
display: flex;
flex-direction: column;
gap: 20px
}
._warning_139mh_7 {
font-size: 14px;
line-height: 1.5;
color: var(--gray-color);
margin: 0
}
._warning_139mh_7 b {
color: var(--light-color)
}
._actions_139mh_17 {
display: flex;
flex-direction: column;
gap: 12px
}
._modal_1po9e_1 {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: var(--body-color);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000
}
._content_1po9e_14 {
background-color: var(--background-color);
padding: 12px;
border-radius: 14px 14px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
transform-origin: bottom;
height: 100vh
}
._main_1po9e_25 {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 16px 40px;
background-color: var(--dark-color);
background-image: url(/withdrawal-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 14px
}
._amountSection_1po9e_38 {
display: flex;
justify-content: center;
align-items: center;
padding: 100px 0 16px
}
._amount_1po9e_38 {
font-size: 32px;
font-weight: 500;
line-height: 1.1;
letter-spacing: -.035em;
color: var(--accent-color);
text-align: center
}
._infoSection_1po9e_54 {
background-color: #1c1c1c;
border-radius: 8px;
padding: 8px;
margin: 0 12px
}
._icon_1po9e_61 {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background-color: #282828;
border-radius: 6px;
flex-shrink: 0
}
._infoItem_1po9e_72 {
display: flex;
align-items: flex-start;
gap: 12px
}
._infoItem_1po9e_72 svg {
margin-top: 2px;
flex-shrink: 0
}
._infoItem_1po9e_72 p {
color: #fff;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
margin: 0
}
._infoItem_1po9e_72 p ._accent_1po9e_88 {
color: var(--accent-color);
font-weight: 500
}
._footer_1po9e_93 {
margin-top: auto
}
._button_1po9e_97 {
width: 100%
}
._chosen_1o9un_1 {
background-color: var(--accent-color);
padding: 2px;
border-radius: 14px
}
._chosenTitle_1o9un_7 {
color: #1c1c1c;
font-weight: 500;
font-size: 14px;
line-height: 16px;
letter-spacing: -.035em;
text-align: center;
padding-block: 4px
}
._card_1o9un_17 {
background-color: #282828;
padding: 12px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px
}
._card_1o9un_17 span {
color: var(--light-color);
font-size: 18px;
font-weight: 500;
line-height: 21px;
letter-spacing: -.035em
}
._card_1o9un_17 p {
color: var(--gray-color);
font-size: 14px;
line-height: 16px;
letter-spacing: -.035em
}
._left_1o9un_40 {
display: flex;
align-items: center;
text-align: left;
gap: 10px
}
._icon_1o9un_47 {
width: 40px;
height: 40px;
border-radius: 6px;
overflow: hidden
}
._icon_1o9un_47 img {
width: 100%;
height: 100%;
object-fit: cover
}
._right_1o9un_59 {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right
}
._withdrawal_1jw2x_1 {
display: flex;
flex-direction: column;
gap: 12px;
padding-bottom: 100px
}
._backButton_1jw2x_8 {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
margin-bottom: 12px;
cursor: pointer
}
._backButton_1jw2x_8 span {
color: var(--gray-color);
font-size: 14px
}
._backButton_1jw2x_8:hover {
opacity: .8
}
._content_1jw2x_24 {
display: flex;
flex-direction: column;
gap: 16px;
flex-grow: 1
}
._header_1jw2x_31 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
text-align: center
}
._header_1jw2x_31 h2 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.035em;
margin-bottom: 8px
}
._header_1jw2x_31 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em
}
._currencyList_1jw2x_51 {
display: flex;
flex-direction: column;
gap: 8px
}
._currencyList_1jw2x_51>div {
cursor: pointer
}
._currencyList_1jw2x_51>div:hover {
opacity: .9
}
._withdrawButtonContainer_1jw2x_63 {
margin-top: 16px;
padding: 0 4px
}
._withdrawButton_1jw2x_63 {
width: 100%
}
._emptyState_1jw2x_72 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 40px 16px;
text-align: center
}
._emptyState_1jw2x_72 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em
}
._topup_17fnz_1 {
padding-bottom: 100px
}
._backButton_17fnz_5 {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
margin-bottom: 12px;
cursor: pointer
}
._backButton_17fnz_5 span {
color: var(--gray-color);
font-size: 14px
}
._backButton_17fnz_5:hover {
opacity: .8
}
._title_17fnz_21 {
color: var(--white-color);
font-size: 24px;
font-weight: 500;
line-height: 1;
margin-bottom: 12px
}
._innerData_17fnz_29 {
padding: 24px 12px 12px;
background-color: #282828;
border-radius: var(--border-radius);
margin-bottom: 4px
}
._transaction_17fnz_36 {
padding: 24px 12px 12px;
background-color: #282828;
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
align-items: center
}
._qrCode_17fnz_45 {
max-width: 220px;
width: 100%;
height: 220px;
margin: 0 auto 10px;
padding: 10px;
border-radius: var(--border-radius);
background-color: #fff;
overflow: hidden
}
._qrCode_17fnz_45 svg {
width: 100%;
height: 100%;
object-fit: contain
}
._transactionText_17fnz_61 {
color: #fee600;
font-size: 14px;
text-align: center;
margin-bottom: 30px
}
._label_17fnz_68 {
color: var(--gray-color);
font-size: 14px;
display: block;
margin-bottom: 6px;
text-align: left;
align-self: flex-start
}
._checkButton_17fnz_77 {
width: 100%;
margin: 16px 0
}
._warn_17fnz_82 {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 16px;
padding: 10px;
background-color: #383838;
border-radius: 8px
}
._depositInfo_17fnz_92 {
display: flex;
flex-direction: column;
margin-bottom: 16px
}
._depositInfo_17fnz_92 p {
font-size: 14px;
color: #fee600
}
._modal_3ttrw_1 {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: var(--body-color);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000
}
._content_3ttrw_14 {
background-color: var(--background-color);
padding: 12px;
border-radius: 14px 14px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
transform-origin: bottom;
height: 100vh
}
._main_3ttrw_25 {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 16px 40px;
background-color: var(--dark-color);
background-image: url(/withdrawal-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 14px
}
._amountSection_3ttrw_38 {
display: flex;
justify-content: center;
align-items: center;
padding: 100px 0 16px
}
._amount_3ttrw_38 {
font-size: 32px;
font-weight: 500;
line-height: 1.1;
letter-spacing: -.035em;
color: var(--accent-color);
text-align: center
}
._infoSection_3ttrw_54 {
background-color: #1c1c1c;
border-radius: 8px;
padding: 8px;
margin: 0 12px
}
._icon_3ttrw_61 {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background-color: #282828;
border-radius: 6px;
flex-shrink: 0
}
._infoItem_3ttrw_72 {
display: flex;
align-items: flex-start;
gap: 12px
}
._infoItem_3ttrw_72 svg {
margin-top: 2px;
flex-shrink: 0
}
._infoItem_3ttrw_72 p {
color: #fff;
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
margin: 0
}
._footer_3ttrw_89 {
margin-top: auto
}
._button_3ttrw_93 {
width: 100%
}
._history_tndlv_1 {
padding-top: 12px
}
._currency_tndlv_5 {
padding: 50px 12px 12px;
background-color: #282828;
border-radius: var(--border-radius)
}
._currency_tndlv_5 p {
font-size: 14px;
color: #d3d3d3;
text-align: center
}
._currencyHeader_tndlv_16 {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
margin-bottom: 4px
}
._currencyHeader_tndlv_16 img {
width: 28px;
height: 28px;
object-fit: contain
}
._currencyHeader_tndlv_16 h1 {
font-weight: 500;
font-size: 32px;
line-height: 1.2
}
._button_tndlv_34 {
margin-top: 36px
}
._title_tndlv_38 {
margin-top: 24px;
margin-bottom: 12px;
font-size: 18px;
line-height: 1.2;
font-weight: 500
}
._cards_tndlv_46 {
display: flex;
flex-direction: column;
gap: 4px
}
._card_tndlv_46 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 12px;
background-color: #282828;
border-radius: var(--border-radius)
}
._card_tndlv_46 span {
color: #fff;
font-size: 14px;
font-weight: 500
}
._card_tndlv_46 p {
color: #878787;
font-size: 14px;
margin-top: 5px
}
._cardRight_tndlv_72 {
text-align: right
}
._cardLeft_tndlv_76 {
text-align: left
}
._pagination_tndlv_80 {
margin-top: 20px;
display: flex;
justify-content: center
}
._change_1q2ii_1 {
padding-bottom: 100px
}
._title_1q2ii_5 {
font-size: 24px;
font-weight: 500;
line-height: 1.2;
color: #fff;
margin-bottom: 6px
}
._description_1q2ii_13 {
font-size: 14px;
color: #d3d3d3;
margin-bottom: 12px
}
._item_1q2ii_19 {
padding: 12px;
background-color: #282828;
border-radius: var(--border-radius);
margin-bottom: 4px
}
._item_1q2ii_19 h2 {
font-weight: 500;
font-size: 18px;
margin-bottom: 10px
}
._item_1q2ii_19 p {
color: #878787;
font-size: 14px;
line-height: 1.25;
margin-bottom: 16px
}
._button_1q2ii_37 {
margin-top: 4px
}
._error_1q2ii_41 {
color: #ff6b6b !important;
font-size: 12px !important;
margin-top: 4px !important;
margin-bottom: 8px !important
}
._userInfo_1q2ii_48 {
background-color: #1c1c1c;
border-radius: 8px;
padding: 8px 12px;
margin-top: 8px;
margin-bottom: 8px
}
._userInfo_1q2ii_48 p {
color: #4caf50;
font-size: 13px;
margin: 0
}
._userInfo_1q2ii_48 p strong {
color: #fff
}
._modal_5vhvb_1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 1000;
display: flex;
flex-direction: column
}
._modalContent_5vhvb_13 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1c1c1c;
z-index: 1000;
display: flex;
flex-direction: column;
padding-top: max(20px, env(safe-area-inset-top) + 50px)
}
._inner_5vhvb_26 {
padding: 12px;
overflow: auto;
flex: 1;
padding-top: max(12px, 12px + env(safe-area-inset-top) + 20px);
display: flex;
flex-direction: column;
gap: 4px;
height: 100%
}
._header_5vhvb_37 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px;
background-color: #282828;
box-shadow: 0 4px 42px rgba(5, 5, 5, .5)
}
._header_5vhvb_37 h2 {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #fff;
margin: 0
}
._close_5vhvb_54 {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
color: inherit;
transition: opacity .2s ease
}
._close_5vhvb_54:hover {
opacity: .8
}
._description_5vhvb_70 {
background-color: var(--dark-color);
border-radius: var(--border-radius);
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 6px;
margin-bottom: 4px
}
._description_5vhvb_70 p {
color: var(--gray-color);
font-size: 14px;
line-height: 1.25;
letter-spacing: -.035em;
max-width: 300px;
text-align: center;
margin: 0 auto
}
._pinPad_5vhvb_91 {
padding: 9px 12px;
border-radius: var(--border-radius);
background-color: var(--dark-color);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between
}
._pinPadRow_5vhvb_101 {
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
padding-block: 100px
}
._pinPadRowDots_5vhvb_109 {
display: flex;
align-items: center;
justify-content: center;
gap: 40px
}
._pinPadRowDots_5vhvb_109 span {
background-color: var(--dark-gray-color);
width: 12px;
height: 12px;
border-radius: 50%;
transition: background-color .2s ease
}
._pinPadRowDots_5vhvb_109 span._active_5vhvb_122 {
background-color: #fff
}
._pinPadRowDots_5vhvb_109 span._success_5vhvb_125 {
background-color: var(--accent-color)
}
._pinPadRowDots_5vhvb_109 span._error_5vhvb_128 {
background-color: #ff5252
}
._pinPadNumbers_5vhvb_132 {
display: grid;
grid-auto-rows: 75px;
gap: 4px;
padding: 20px 0
}
._row_5vhvb_139 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px
}
._row_5vhvb_139 button {
width: 100%;
border: none;
border-radius: 4px;
color: var(--light-color);
font-size: 24px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .25s ease-in-out, opacity .25s ease-in-out
}
._row_5vhvb_139 button:active {
background-color: #1c1c1c
}
._row_5vhvb_139 button:disabled {
cursor: not-allowed;
opacity: .1
}
._placeholder_5vhvb_165 {
background-color: transparent;
cursor: default
}
._clear_5vhvb_170 {
background-color: transparent
}
._clear_5vhvb_170:active {
background-color: #1c1c1c
}
._verificationMessage_5vhvb_177 {
text-align: center;
display: flex;
flex-direction: column;
gap: 4px;
height: 70px
}
._verificationMessage_5vhvb_177 h3 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -.035em
}
._successText_5vhvb_191 {
color: var(--accent-color)
}
._systemText_5vhvb_195 {
color: #878787
}
._errorText_5vhvb_199 {
color: #ff5252
}
._warningText_5vhvb_203 {
color: #ffa726
}
._systemDesc_5vhvb_207 {
color: var(--gray-color);
font-size: 14px;
font-weight: 400;
line-height: 1.25;
letter-spacing: -.035em
}
._warning_5vhvb_203 {
font-size: 12px;
color: var(--light-color);
line-height: 1.25;
letter-spacing: -.035em;
max-width: 250px
}
._description_1tjs1_1 {
font-size: 14px;
line-height: 1.25;
color: #878787;
margin-bottom: 12px;
max-width: 300px
}
._description_1tjs1_1 span {
color: #fee600
}
._after_1tjs1_12 {
display: block;
margin-bottom: 6px;
font-weight: 500;
font-size: 14px;
line-height: 1.2
}
._item_1tjs1_20 {
padding: 8px;
background-color: #1c1c1c;
border-radius: 8px;
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px
}
._item_1tjs1_20 p {
font-size: 14px;
line-height: 1.25;
color: #878787;
max-width: 300px
}
._item_1tjs1_20 span {
color: #fee600
}
._icon_1tjs1_39 {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background-color: #282828
}
._icon_1tjs1_39 svg {
width: 16px;
height: 16px;
object-fit: contain
}
._button_1tjs1_54 {
margin-top: 12px
}
._modal_eyojo_1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1c1c1c;
z-index: 1000;
padding: 12px
}
._inner_eyojo_12 {
height: 100%;
background-color: #282828;
border-radius: var(--border-radius);
padding: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px
}
._avatars_eyojo_24 {
display: flex;
align-items: center
}
._avatar_eyojo_24 {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden
}
._avatar_eyojo_24 img {
width: 100%;
height: 100%;
object-fit: cover
}
._icon_eyojo_41 {
width: 100px;
height: 100px;
flex-shrink: 0;
border-radius: 50%;
background-color: #282828;
display: flex;
align-items: center;
justify-content: center;
margin: 0 -24px
}
._iconInner_eyojo_53 {
width: 96px;
height: 96px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #1c1c1c
}
._iconInner_eyojo_53 svg {
width: 40px;
height: 40px
}
._text_eyojo_67 {
text-align: center
}
._text_eyojo_67 h1 {
font-size: 20px;
line-height: 1.2;
font-weight: 500;
color: #fff;
margin-bottom: 2px
}
._text_eyojo_67 p {
font-size: 16px;
line-height: 1.25;
color: #d3d3d3
}
._text_eyojo_67 span {
color: #fee600
}
._button_eyojo_86 {
padding: 0 16px
}
._page_1msv3_1 {
padding: 16px 0 100px;
background-color: #1c1c1c
}
._content_1msv3_6 {
display: flex;
flex-direction: column;
gap: 10px;
flex: 1
}
._item_1msv3_13 {
padding: 24px 12px 12px;
background-color: #282828;
border-radius: 14px
}
._item_1msv3_13 h3 {
font-size: 20px;
line-height: 1.2;
font-weight: 500;
text-align: center;
margin: 0
}
._item_1msv3_13 h3 span {
color: var(--accent-color)
}
._users_1msv3_29 {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 12px
}
._avatar_1msv3_37 {
width: 74px;
height: 74px;
border-radius: 50%;
overflow: hidden
}
._avatar_1msv3_37 img {
width: 100%;
height: 100%;
object-fit: cover
}
._avatar2_1msv3_49 {
border: 4px solid #282828;
margin-left: -20px;
position: relative;
z-index: 2;
width: 78px;
height: 78px
}
._form_1msv3_58 {
background-color: #282828;
border-radius: 14px
}
._formItem_1msv3_63 {
padding: 16px;
border-bottom: 1px solid #383838
}
._formItem_1msv3_63:last-child {
border-bottom: none
}
._formItem_1msv3_63 h3 {
margin: 0 0 16px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #fff
}
._hint_1msv3_78 {
margin: 6px 0;
font-size: 14px;
line-height: 18px;
color: #878787
}
._counter_1msv3_85 {
display: block;
margin-top: 4px;
color: #878787;
font-size: 14px;
line-height: 1.2
}
._grid_1msv3_93 {
display: grid;
grid-template-columns: 100%;
gap: 4px
}
._select_1msv3_99 {
grid-column: 1/-1
}
._textarea_1msv3_103 {
width: 100%;
height: 150px;
max-height: 300px;
resize: vertical;
padding: 12px;
border: 1px solid #3a3a3a;
border-radius: 8px;
background-color: #1c1c1c;
color: #fff;
font-family: inherit;
font-size: 16px;
line-height: 1.4
}
._textarea_1msv3_103::placeholder {
color: #878787
}
._textarea_1msv3_103:focus {
outline: none;
border-color: var(--accent-color)
}
._buttons_1msv3_125 {
padding: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}
._success_1msv3_132 {
padding: 24px 12px;
background-color: #282828;
border-radius: 14px;
display: flex;
flex-direction: column;
gap: 8px;
text-align: center
}
._successContent_1msv3_142 {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 12px
}
._successContent_1msv3_142 h3 {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #fff;
margin: 0
}
._successContent_1msv3_142 p {
font-size: 16px;
line-height: 20px;
color: #878787;
margin: 0
}
._error_1msv3_162 {
padding: 12px 16px;
margin: 12px 0;
background-color: rgba(255, 59, 59, .1);
border: 1px solid rgba(255, 59, 59, .3);
border-radius: 8px;
color: #ff3b3b;
font-size: 14px;
line-height: 1.4
}
._errorText_1msv3_173 {
display: block;
margin-top: 4px;
color: #ff3b3b;
font-size: 14px;
line-height: 1.2
}
._container_184sx_1,
._inputWrapper_184sx_6 {
position: relative;
width: 100%
}
._input_184sx_6 {
width: 100%;
padding: 16px 48px 16px 16px;
background-color: var(--body-color);
border-radius: 12px;
color: #fff;
font-size: 16px;
line-height: 20px;
outline: none;
transition: border-color .2s ease
}
._input_184sx_6::placeholder {
color: #878787
}
._input_184sx_6:focus {
border-color: rgba(255, 255, 255, .25)
}
._icon_184sx_29 {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
color: #878787;
pointer-events: none;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center
}
._dropdown_184sx_43 {
position: absolute;
top: calc(100% + 10px);
left: 0;
right: 0;
background-color: #282828;
border-radius: 12px;
border-top: none;
padding: 8px;
z-index: 1000;
height: 200px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, .3)
}
._usersList_184sx_58 {
max-height: 200px;
overflow-y: auto
}
._usersList_184sx_58::-webkit-scrollbar {
width: 4px
}
._usersList_184sx_58::-webkit-scrollbar-track {
background: transparent
}
._usersList_184sx_58::-webkit-scrollbar-thumb {
background: #555;
border-radius: 2px
}
._usersList_184sx_58::-webkit-scrollbar-thumb:hover {
background: #666
}
._userItem_184sx_76 {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
cursor: pointer;
transition: background-color .2s ease;
border-bottom: 1px solid #484848
}
._userItem_184sx_76:hover {
background: #484848
}
._userItem_184sx_76:last-child {
border-bottom: none
}
._userAvatar_184sx_92 {
width: 32px;
height: 32px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0
}
._userAvatar_184sx_92 img {
width: 100%;
height: 100%;
object-fit: cover
}
._userInfo_184sx_105 {
display: flex;
flex-direction: column;
gap: 2px
}
._userInfo_184sx_105 span {
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #fff
}
._userInfo_184sx_105 p {
font-size: 14px;
line-height: 18px;
color: #878787
}
._loadingItem_184sx_122,
._emptyItem_184sx_123 {
padding: 16px;
text-align: center;
color: #878787;
font-size: 14px;
line-height: 18px
}
._loadingItem_184sx_122 {
color: #fff
}
._modal_1yp4t_1 {
display: flex;
flex-direction: column;
gap: 24px
}
._text_1yp4t_7 {
color: #fff;
font-size: 14px;
line-height: 1.1;
text-align: left;
margin: 0
}
._text_1yp4t_7 a {
color: var(--accent-color)
}
._button_1yp4t_18 {
margin-top: 8px
}
._page_1de5i_1 {
padding: 16px 0 100px;
min-height: calc(100vh + 150px);
background-color: #1c1c1c
}
._container_1de5i_7 {
max-width: 600px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 10px
}
._content_1de5i_15 {
display: flex;
flex-direction: column;
gap: 16px;
flex: 1
}
._form_1de5i_22 {
background-color: #282828;
border-radius: 14px
}
._formItem_1de5i_27 {
padding: 16px;
border-bottom: 1px solid #383838
}
._formItem_1de5i_27:last-child {
border-bottom: none
}
._formItem_1de5i_27 h3 {
margin: 0 0 16px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #fff
}
._counter_1de5i_42 {
display: block;
margin-top: 4px;
color: #878787;
font-size: 14px;
line-height: 1.2
}
._textarea_1de5i_50 {
width: 100%;
height: 150px;
max-height: 300px;
resize: vertical;
padding: 12px;
border: 1px solid #3a3a3a;
border-radius: 8px;
background-color: #1c1c1c;
color: #fff;
font-family: inherit;
font-size: 16px;
line-height: 1.4
}
._textarea_1de5i_50::placeholder {
color: #878787
}
._textarea_1de5i_50:focus {
outline: none;
border-color: var(--accent-color)
}
._buttons_1de5i_72 {
padding: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}
._error_1de5i_79 {
padding: 12px 16px;
margin: 12px 0;
background-color: rgba(255, 59, 59, .1);
border: 1px solid rgba(255, 59, 59, .3);
border-radius: 8px;
color: #ff3b3b;
font-size: 14px;
line-height: 1.4
}
@media (max-width: 768px) {
._page_1de5i_1 {
padding: 12px
}
._header_1de5i_94 h1 {
font-size: 20px
}
._buttons_1de5i_72 {
grid-template-columns: 1fr;
gap: 8px
}
}
@font-face {
font-family: swiper-icons;
src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translateZ(0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
@font-face {
font-family: TT Hoves;
src: url(/fonts/TT-Hoves-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: TT Hoves;
src: url(/fonts/TT-Hoves-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: TT Hoves;
src: url(/fonts/TT-Hoves-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
:root {
font-family: TT Hoves, sans-serif;
--accent-color: #fee600;
--body-color: #1c1c1c;
--light-color: #fff;
--gray-color: #878787;
--dark-color: #282828;
--dark-gray-color: #5f5f60;
--error-color: #f66262;
--warning-color: #f8b31f;
--border-radius: 14px;
--navbar-height: 62px
}
* {
margin: 0;
padding: 0;
box-sizing: border-box
}
html {
height: 100%;
width: 100%
}
body {
font-family: TT Hoves, sans-serif;
background-color: #1c1c1c;
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
padding-bottom: max(12px, env(safe-area-inset-bottom));
color: var(--light-color);
display: flex;
flex-direction: column;
height: 100%;
letter-spacing: -.035em
}
#root {
display: flex;
flex-direction: column;
flex-grow: 1;
height: 100%
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0
}
button {
border: none;
background-color: transparent;
color: inherit;
outline: none;
font-weight: inherit;
font-family: inherit
}
a {
color: inherit;
text-decoration: none;
font-weight: inherit
}
textarea {
min-height: 70px;
resize: vertical;
max-height: 100px;
background-color: var(--body-color);
border-radius: 8px;
width: 100%;
padding: 16px;
color: var(--light-color);
font-size: 16px;
line-height: 1.2;
resize: none;
outline: none;
font-family: inherit;
border: 1px solid transparent;
transition: border-color .25s ease-in-out
}
textarea::placeholder {
color: var(--gray-color);
opacity: .7
}
textarea:focus {
border-color: var(--accent-color)
}
textarea.error {
border-color: #ff5252
}
input {
height: 40px;
background-color: var(--body-color);
border-radius: 8px;
width: 100%;
padding: 10px;
color: var(--gray-color);
font-size: 16px;
line-height: 1.2;
border: 1px solid transparent;
transition: border-color .25s ease-in-out;
outline: none;
font-family: inherit
}
input::placeholder {
color: var(--gray-color)
}
input:focus {
border-color: var(--accent-color);
color: var(--light-color)
}
input[type=date]::-webkit-calendar-picker-indicator {
opacity: 0;
display: none
}
input[type=date]::-ms-clear {
display: none
}
input[type=date]::-ms-expand {
display: none
}
input[type=date] {
position: relative;
z-index: 1
}
input[type=date]::-moz-focus-inner {
border: 0
}
input[type=date]::-webkit-input-placeholder {
color: var(--gray-color)
}
input[type=date]::-moz-placeholder {
color: var(--gray-color)
}
input[type=date]:-ms-input-placeholder {
color: var(--gray-color)
}
input[type=date]::placeholder {
color: var(--gray-color)
}
@media (min-width: 501px) {
body {
max-width: 500px;
margin: 0 auto
}
}
.debate-waiting {
font-size: 14px;
line-height: 1.2;
font-weight: 500;
color: #878787
}