mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-11-28 19:23:11 +01:00
3817 lines
108 KiB
CSS
3817 lines
108 KiB
CSS
@font-face {
|
|
font-family: ProductSans;
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/fonts/ProductSansRegular.ttf);
|
|
}
|
|
@font-face {
|
|
font-family: ProductSans;
|
|
font-display: swap;
|
|
font-style: bold;
|
|
font-weight: 600;
|
|
src: url(/fonts/ProductSansBold.ttf);
|
|
}
|
|
|
|
:root {
|
|
--text-color: #8794a1;
|
|
--accent-color: #4db2ff;
|
|
--dropdown-color: #dde4eb;
|
|
--dropdown-bg-color: #2e3a47;
|
|
--dropdown-bg-hover-color: #384553;
|
|
--dropdown-secondary-color: #8c9aa9;
|
|
--article-color: #fff;
|
|
--dropdown-color: #fff;
|
|
--header-color: #fff;
|
|
--field-color: #fff;
|
|
--field-bg-color: #242e38;
|
|
--field-second-color: #8494a3;
|
|
--field-placeholder-color: #8a98a6;
|
|
--field-accent-color: #248bda;
|
|
--btn-primary-color: #fff;
|
|
--btn-primary-bg-rgb: 36, 139, 218;
|
|
--btn-primary-bg-color: rgb(var(--btn-primary-bg-rgb));
|
|
--btn-primary-bg-hover-color: #207cc2;
|
|
--btn-primary-disabled-color: #a6d8ff;
|
|
--btn-default-color: #fff;
|
|
--btn-default-bg-color: #242e38;
|
|
--btn-default-bg-hover-color: #293440;
|
|
--btn-header-color: #fff;
|
|
--btn-header-bg-rgb: 41, 52, 64;
|
|
--btn-header-bg-color: rgb(var(--btn-header-bg-rgb));
|
|
--btn-header-bg-hover-rgb: 63, 78, 96;
|
|
--btn-header-bg-hover-color: rgb(var(--btn-header-bg-hover-rgb));
|
|
--table-bg-rgb: 33, 42, 51;
|
|
--table-bg-color: rgb(var(--table-bg-rgb));
|
|
--table-header-bg-color: #293440;
|
|
--table-bg-hover-color: #293440;
|
|
--table-text-color: #8c9aa9;
|
|
--header-height: 48px;
|
|
--def-border-radius: 8px;
|
|
--min-border-radius: 3px;
|
|
--popup-border-radius: 12px;
|
|
--bg-rgb: 26, 32, 38;
|
|
--bg-color: rgb(var(--bg-rgb));
|
|
--header-bg-color: rgba(33, 42, 51, .9);
|
|
--bg-hover-color: #212a33;
|
|
--def-transition-duration: .2s;
|
|
--def-transition: var(--def-transition-duration) ease;
|
|
--first-half-transition: .1s ease-out;
|
|
--second-half-transition: .1s ease-in .1s;
|
|
--half-transition-duration: .15s;
|
|
--inactive-bg-color: #212a33;
|
|
--inactive-color: #354352;
|
|
--footer-bg-color: #111417;
|
|
--footer-color: #6d8394;
|
|
--footer-bg-color: #111417;
|
|
--tooltip-bg-color: #2d3c4c;
|
|
--tooltip-color: #fff;
|
|
--header-tab-color-rgb: 203, 215, 229;
|
|
--header-tab-color-active: #fff;
|
|
--unavail-color-rgb: 255, 88, 99;
|
|
--unavail-color: rgb(var(--unavail-color-rgb));
|
|
}
|
|
|
|
html.header-tabs {
|
|
--header-height: 90px;
|
|
}
|
|
|
|
body {
|
|
font-family: ProductSans, -apple-system, system-ui, sans-serif;
|
|
font-variant-ligatures: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
--cur-bg-rgb: var(--bg-rgb);
|
|
background: var(--footer-bg-color);
|
|
position: relative;
|
|
padding: 0;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.no-transition,
|
|
.no-transition * {
|
|
transition: none !important;
|
|
}
|
|
|
|
a, a:hover {
|
|
color: var(--accent-color);
|
|
}
|
|
a:focus {
|
|
color: var(--accent-color);
|
|
outline: none;
|
|
}
|
|
|
|
.accent-color {
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.link-text {
|
|
color: var(--accent-color);
|
|
cursor: pointer;
|
|
}
|
|
.link-text:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.icon,
|
|
.icon-after:after,
|
|
.icon-before:before {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background-position: 0 center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.icon-after:after,
|
|
.icon-before:before {
|
|
content: '';
|
|
}
|
|
i.icon {
|
|
font-style: normal;
|
|
}
|
|
|
|
.btn {
|
|
display: inline-flex;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
font-weight: bold;
|
|
padding: 12px 15px;
|
|
justify-content: center;
|
|
border-radius: var(--def-border-radius);
|
|
/*transition: background-color var(--def-transition);*/
|
|
border: none;
|
|
}
|
|
.btn,
|
|
.btn:hover,
|
|
.btn:focus,
|
|
.btn:active,
|
|
.btn:focus:active {
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
.btn-primary {
|
|
color: var(--btn-primary-color);
|
|
background-color: var(--btn-primary-bg-color);
|
|
}
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.btn-primary:active {
|
|
color: var(--btn-primary-color);
|
|
background-color: var(--btn-primary-bg-hover-color);
|
|
}
|
|
.btn-primary[disabled] {
|
|
color: var(--btn-primary-disabled-color);
|
|
background-color: var(--btn-primary-bg-color);
|
|
opacity: 1;
|
|
}
|
|
.btn-default {
|
|
color: var(--btn-default-color);
|
|
background-color: var(--btn-default-bg-color);
|
|
}
|
|
.btn-default:hover,
|
|
.btn-default:focus,
|
|
.btn-default:active {
|
|
color: var(--btn-default-color);
|
|
background-color: var(--btn-default-bg-hover-color);
|
|
}
|
|
.btn-link,
|
|
.btn-link:hover,
|
|
.btn-link:focus {
|
|
color: var(--accent-color);
|
|
}
|
|
.btn.btn-link:hover,
|
|
.btn.btn-link:focus {
|
|
background-color: var(--bg-hover-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn-tonkeeper .tm-button-label:before {
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-right: 5px;
|
|
background: var(--image-url-tonkeeper) 0 center no-repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
.form-control-wrap {
|
|
display: flex;
|
|
border-radius: var(--def-border-radius);
|
|
background: var(--field-bg-color);
|
|
position: relative;
|
|
}
|
|
.form-control {
|
|
height: auto;
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
padding: 11px 22px;
|
|
box-shadow: none !important;
|
|
border: none;
|
|
background: var(--field-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
color: var(--field-color);
|
|
}
|
|
.form-control-wrap .form-control {
|
|
background: transparent;
|
|
}
|
|
.form-control::-webkit-input-placeholder {
|
|
transition: opacity .15s ease;
|
|
color: var(--field-placeholder-color);
|
|
}
|
|
.form-control::-moz-placeholder {
|
|
transition: opacity .15s ease;
|
|
color: var(--field-placeholder-color);
|
|
}
|
|
.form-control:-ms-input-placeholder {
|
|
transition: opacity .15s ease;
|
|
color: var(--field-placeholder-color);
|
|
}
|
|
.form-control:focus::-webkit-input-placeholder {
|
|
opacity: 0.4;
|
|
}
|
|
.form-control:focus::-moz-placeholder {
|
|
opacity: 0.4;
|
|
}
|
|
.form-control:focus:-ms-input-placeholder {
|
|
opacity: 0.4;
|
|
}
|
|
.form-control-hint {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 12px 16px 12px 0;
|
|
color: var(--text-color);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.form-group > label {
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
margin: 15px 13px 10px;
|
|
color: #fff;
|
|
}
|
|
.form-group > label .help-text {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.tm-main-form-label {
|
|
font-size: 15px;
|
|
line-height: 23px;
|
|
margin: 0px 19px 12px;
|
|
color: var(--header-color);
|
|
}
|
|
.tm-main-form-label-extra {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
margin: 2px 19px 13px;
|
|
float: right;
|
|
}
|
|
.tm-main-form-label-badge {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
font-weight: bold;
|
|
padding: 3px 7px;
|
|
margin: 0 10px;
|
|
vertical-align: top;
|
|
border-radius: 5px;
|
|
white-space: nowrap;
|
|
color: #5aec8c;
|
|
background-color: rgba(90, 236, 140, .1);
|
|
}
|
|
.tm-main-form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
.tm-form-radio-item {
|
|
display: block;
|
|
position: relative;
|
|
margin-bottom: 0;
|
|
cursor: pointer;
|
|
}
|
|
.tm-form-radio-item + .tm-form-radio-item {
|
|
margin-top: 8px;
|
|
}
|
|
.tm-form-radio-item input.radio {
|
|
position: absolute;
|
|
left: -5000px;
|
|
}
|
|
.tm-form-radio-label {
|
|
display: flex;
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
padding: 14px 19px;
|
|
border-radius: var(--def-border-radius);
|
|
background: var(--field-bg-color);
|
|
box-shadow: 0 0 0 0px var(--accent-color);
|
|
transition: box-shadow var(--def-transition);
|
|
color: var(--field-color);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.tm-form-radio-item input.radio ~ .tm-form-radio-label:before {
|
|
display: inline-block;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
content: '';
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
border: 2px solid var(--field-second-color);
|
|
background-color: var(--accent-color);
|
|
box-shadow: inset 0 0 0 20px var(--field-bg-color);
|
|
transition: border-color var(--def-transition), box-shadow var(--def-transition);
|
|
margin-right: 19px;
|
|
}
|
|
.tm-form-radio-item input.radio:checked ~ .tm-form-radio-label {
|
|
box-shadow: 0 0 0 2px var(--accent-color);
|
|
}
|
|
.tm-form-radio-item input.radio:checked ~ .tm-form-radio-label:before {
|
|
box-shadow: inset 0 0 0 2px var(--field-bg-color);
|
|
border-color: var(--accent-color);
|
|
}
|
|
.tm-form-radio-label .tm-radio-label {
|
|
flex-grow: 1;
|
|
}
|
|
.tm-form-radio-label .tm-radio-label-badge {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
padding: 2px 4px;
|
|
margin: 1px 4px 1px 8px;
|
|
vertical-align: top;
|
|
border-radius: 4px;
|
|
background-color: var(--field-accent-color);
|
|
white-space: nowrap;
|
|
}
|
|
.tm-form-radio-label .tm-value {
|
|
width: 70px;
|
|
}
|
|
.tm-form-radio-label .tm-value.icon-ton:before {
|
|
width: 15px;
|
|
height: 19px;
|
|
margin-left: -1px;
|
|
margin-right: 4px;
|
|
}
|
|
.tm-form-radio-label .tm-radio-desc {
|
|
font-weight: normal;
|
|
text-align: right;
|
|
color: var(--dropdown-secondary-color);
|
|
width: 70px;
|
|
}
|
|
|
|
.tm-form-checkbox-item {
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
position: relative;
|
|
margin-bottom: 0;
|
|
cursor: pointer;
|
|
}
|
|
.tm-form-checkbox-item input.checkbox {
|
|
position: absolute;
|
|
left: -5000px;
|
|
}
|
|
.tm-form-checkbox-label {
|
|
display: block;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
padding: 5px 10px;
|
|
color: var(--field-color);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.tm-form-checkbox-item input.checkbox ~ .tm-form-checkbox-label:before {
|
|
display: inline-block;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
content: '';
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 50%;
|
|
box-shadow: inset 0 0 0 1.4px var(--field-second-color);
|
|
background: transparent var(--image-url-checkbox-icon) center no-repeat;
|
|
background-size: 0%;
|
|
transition: box-shadow var(--def-transition), background var(--def-transition);
|
|
margin-right: 9px;
|
|
}
|
|
.tm-form-checkbox-item input.checkbox:checked ~ .tm-form-checkbox-label:before {
|
|
box-shadow: inset 0 0 0 0 var(--field-second-color);
|
|
background-color: #119bf7;
|
|
background-size: 100%;
|
|
}
|
|
.tm-form-checkbox-label {
|
|
display: inline-block;
|
|
}
|
|
.tm-form-checkbox-label {
|
|
display: flex;
|
|
}
|
|
.tm-form-checkbox-label .tm-checkbox-label {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.fit-text {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.tm-dropdown {
|
|
position: relative;
|
|
}
|
|
.tm-dropdown .dropdown-toggle.btn {
|
|
padding: 5px 9px;
|
|
color: var(--dropdown-color);
|
|
}
|
|
.tm-dropdown .dropdown-toggle.btn:after {
|
|
width: 11px;
|
|
height: 18px;
|
|
margin-left: 6px;
|
|
margin-right: -1px;
|
|
background-image: var(--image-url-dropdown-caret);
|
|
}
|
|
.tm-dropdown.open > .dropdown-toggle.btn {
|
|
--cur-bg-rgb: var(--btn-primary-bg-rgb);
|
|
background-color: var(--btn-primary-bg-color);
|
|
}
|
|
.tm-dropdown.open > .dropdown-toggle.btn:after {
|
|
background-image: var(--image-url-dropdown-caret-active);
|
|
}
|
|
.tm-dropdown > .dropdown-menu {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin-top: 6px;
|
|
z-index: 90;
|
|
right: 0;
|
|
left: auto;
|
|
padding: 0;
|
|
background-color: var(--dropdown-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
.tm-dropdown > .dropdown-backdrop {
|
|
z-index: 89;
|
|
}
|
|
.tm-dropdown > .dropdown-menu > li > .dropdown-menu-item {
|
|
display: block;
|
|
position: relative;
|
|
padding: 8px 60px 8px 14px;
|
|
color: var(--dropdown-color);
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
clear: both;
|
|
}
|
|
.tm-dropdown > .dropdown-menu > li > .dropdown-menu-item[data-counter]:after {
|
|
content: attr(data-counter);
|
|
display: inline-block;
|
|
color: var(--dropdown-secondary-color);
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
right: 15px;
|
|
}
|
|
.tm-dropdown > .dropdown-menu > li > .dropdown-menu-item:hover,
|
|
.tm-dropdown > .dropdown-menu > li > .dropdown-menu-item:focus {
|
|
background-color: var(--dropdown-bg-hover-color);
|
|
}
|
|
.tm-dropdown > .dropdown-menu > li.selected {
|
|
position: relative;
|
|
}
|
|
.tm-dropdown > .dropdown-menu > li.selected > .dropdown-menu-item:after {
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
width: 14px;
|
|
height: 10px;
|
|
background-image: var(--image-url-dropdown-selected);
|
|
position: absolute;
|
|
right: 14px;
|
|
top: 14px;
|
|
}
|
|
|
|
|
|
#aj_content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-top: var(--header-height);
|
|
min-height: var(--viewport-height, 100vh);
|
|
background: var(--bg-color);
|
|
}
|
|
.tm-header {
|
|
display: flex;
|
|
margin: 0 auto;
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 100;
|
|
background-color: var(--header-bg-color);
|
|
-webkit-backdrop-filter: blur(25px);
|
|
backdrop-filter: blur(25px);
|
|
height: var(--header-height);
|
|
}
|
|
.tm-logo {
|
|
display: inline-flex;
|
|
padding: 15px 14px;
|
|
}
|
|
.tm-logo-icon,
|
|
.tm-logo-text {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
pointer-events: none;
|
|
}
|
|
.tm-logo-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
padding: 8px;
|
|
margin: -8px;
|
|
box-sizing: content-box;
|
|
background-image: var(--image-url-logo-icon);
|
|
animation-timing-function: steps(59);
|
|
animation-duration: 1s;
|
|
}
|
|
.tm-logo.play .tm-logo-icon {
|
|
background-image: var(--image-url-logo-icon-animated, var(--image-url-logo-icon));
|
|
animation-name: logo-play;
|
|
}
|
|
.tm-logo-progress .tm-logo-icon {
|
|
--image-url-logo-icon-animated: url('/img/TelemintLogoSprite2.svg');
|
|
animation-iteration-count: infinite;
|
|
animation-duration: 2s;
|
|
width: 78px;
|
|
height: 78px;
|
|
}
|
|
|
|
@-webkit-keyframes logo-play {
|
|
0% { background-position: 0% 0; }
|
|
100% { background-position: 100% 0; }
|
|
}
|
|
@keyframes logo-play {
|
|
0% { background-position: 0% 0; }
|
|
100% { background-position: 100% 0; }
|
|
}
|
|
|
|
.tm-logo-text {
|
|
width: 77px;
|
|
height: 18px;
|
|
background-image: var(--image-url-logo-text);
|
|
background-position: left center;
|
|
background-size: contain;
|
|
}
|
|
.tm-header-body {
|
|
flex-grow: 1;
|
|
}
|
|
.tm-header-actions {
|
|
margin: 10px 16px;
|
|
}
|
|
.tm-header-actions-thin {
|
|
margin-right: 0;
|
|
}
|
|
.tm-header-action + .tm-header-action {
|
|
margin-left: 14px;
|
|
}
|
|
.tm-header-actions .tm-dropdown > .dropdown-menu {
|
|
width: 100%;
|
|
min-width: fit-content;
|
|
}
|
|
.tm-header-actions .tm-dropdown > .dropdown-menu > li > .dropdown-menu-item {
|
|
padding-right: 28px;
|
|
}
|
|
.tm-header-button {
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
padding: 5px 9px;
|
|
}
|
|
.tm-header-button.btn-default {
|
|
color: var(--btn-header-color);
|
|
--cur-bg-rgb: var(--btn-header-bg-rgb);
|
|
background-color: var(--btn-header-bg-color);
|
|
}
|
|
.tm-header-button.btn-default:hover {
|
|
--cur-bg-rgb: var(--btn-header-bg-hover-rgb);
|
|
background-color: var(--btn-header-bg-hover-color);
|
|
}
|
|
.tm-header-button-photo {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 14px;
|
|
background: #677a8c;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin: -5px 9px -5px -8px;
|
|
}
|
|
.tm-header-button-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.tm-button-label.opt-fixed-width {
|
|
max-width: 100px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.icon-connect-telegram {
|
|
width: 17px;
|
|
height: 18px;
|
|
background-image: var(--image-url-connect-telegram);
|
|
margin-right: 9px;
|
|
margin-left: -2px;
|
|
}
|
|
.icon-connect-ton {
|
|
width: 17px;
|
|
height: 18px;
|
|
background-image: var(--image-url-connect-ton);
|
|
margin-right: 8px;
|
|
margin-left: -1px;
|
|
}
|
|
.icon-collectibles {
|
|
width: 18px;
|
|
height: 18px;
|
|
background-image: var(--image-url-collectibles);
|
|
margin-right: 10px;
|
|
}
|
|
.icon-change-account {
|
|
width: 19px;
|
|
height: 18px;
|
|
background-image: var(--image-url-change-account);
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.icon-telegram-premium {
|
|
width: 22px;
|
|
height: 30px;
|
|
margin-left: 6px;
|
|
}
|
|
i.icon-telegram-premium {
|
|
background-image: var(--image-url-telegram-premium);
|
|
}
|
|
svg.icon-telegram-premium use {
|
|
fill: var(--field-accent-color);
|
|
scale: 0.833;
|
|
}
|
|
.tm-qr-code-label .icon-telegram-premium {
|
|
margin: -4px 2px -2px;
|
|
width: 24px;
|
|
height: 34px;
|
|
}
|
|
.tm-qr-code-label svg.icon-telegram-premium use {
|
|
fill: currentColor;
|
|
scale: 0.9444;
|
|
}
|
|
|
|
.tm-header-tabs {
|
|
display: flex;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 48px;
|
|
padding: 0 17px;
|
|
}
|
|
.tm-header-tab,
|
|
.tm-section-tab,
|
|
.tm-pagination-item {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
font-weight: bold;
|
|
padding: 12px 0;
|
|
color: rgba(var(--header-tab-color-rgb), .7);
|
|
transition: color var(--def-transition);
|
|
position: relative;
|
|
}
|
|
a.tm-header-tab:hover,
|
|
a.tm-header-tab:focus,
|
|
a.tm-section-tab:hover,
|
|
a.tm-section-tab:focus,
|
|
a.tm-pagination-item:hover,
|
|
a.tm-pagination-item:focus {
|
|
text-decoration: none;
|
|
color: rgba(var(--header-tab-color-rgb), .9);
|
|
}
|
|
.tm-header-tab.tab-active,
|
|
a.tm-header-tab.tab-active:hover,
|
|
a.tm-header-tab.tab-active:focus,
|
|
.tm-section-tab.tab-active,
|
|
a.tm-section-tab.tab-active:hover,
|
|
a.tm-section-tab.tab-active:focus,
|
|
.tm-pagination-item.active,
|
|
a.tm-pagination-item.active:hover,
|
|
a.tm-pagination-item.active:focus {
|
|
color: var(--header-tab-color-active);
|
|
}
|
|
.tm-header-tab.tab-active:after,
|
|
.tm-section-tab.tab-active:after,
|
|
.tm-pagination-item.active:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 4px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: var(--field-accent-color);
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
.tm-header-tab + .tm-header-tab {
|
|
margin-left: 26px;
|
|
}
|
|
.tm-label-new {
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
padding: 1px 5px;
|
|
background-color: var(--field-accent-color);
|
|
display: inline-block;
|
|
margin-left: 4px;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
}
|
|
.tm-header-menu-button {
|
|
padding: 15px;
|
|
cursor: pointer;
|
|
}
|
|
.icon-header-menu:before {
|
|
width: 22px;
|
|
height: 18px;
|
|
background-image: var(--image-url-header-menu);
|
|
}
|
|
.tm-header-menu {
|
|
position: absolute;
|
|
z-index: 105;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
overflow: hidden;
|
|
background: rgba(0,0,0,.5);
|
|
transition: height 0s 0s, background-color var(--def-transition);
|
|
height: var(--viewport-height, 100vh);
|
|
}
|
|
.tm-header-menu.hide {
|
|
display: block !important;
|
|
background: rgba(0,0,0,0);
|
|
transition: height 0s var(--def-transition-duration), background-color var(--def-transition);
|
|
pointer-events: none;
|
|
height: 0vh;
|
|
}
|
|
.tm-header-menu-close-button {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 15px;
|
|
z-index: 106;
|
|
cursor: pointer;
|
|
transition: opacity var(--def-transition), transform var(--def-transition);
|
|
}
|
|
.tm-header-menu.hide .tm-header-menu-close-button {
|
|
transform: rotate(-45deg);
|
|
opacity: 0;
|
|
}
|
|
.icon-header-menu-close:before {
|
|
width: 22px;
|
|
height: 18px;
|
|
background-image: var(--image-url-header-menu-close);
|
|
}
|
|
.tm-header-menu-window {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
width: 288px;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: var(--bg-color);
|
|
transition: transform var(--def-transition);
|
|
}
|
|
.tm-header-menu.hide .tm-header-menu-window {
|
|
transform: translateX(100%);
|
|
}
|
|
.tm-menu-account-header {
|
|
padding: 12px 64px 12px 19px;
|
|
}
|
|
.tm-header-menu-body {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.tm-header-menu-footer {
|
|
margin: auto 0 0;
|
|
padding: 40px 12px 0;
|
|
}
|
|
.tm-header-menu-footer-text {
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
margin: 0 0 20px;
|
|
color: var(--header-color);
|
|
}
|
|
.tm-menu-button {
|
|
padding: 10px 20px;
|
|
margin: 0 0 12px;
|
|
}
|
|
.tm-menu-account-address {
|
|
font-size: 15px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
color: var(--header-color);
|
|
}
|
|
.tm-menu-account-desc {
|
|
font-size: 11px;
|
|
line-height: 20px;
|
|
color: var(--accent-color);
|
|
}
|
|
.tm-menu-tg-account {
|
|
display: flex;
|
|
padding: 0 0 8px;
|
|
margin: 0 -12px 0;
|
|
}
|
|
.tm-menu-tg-account-body {
|
|
display: block;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
position: relative;
|
|
padding: 6px 10px 5px 58px;
|
|
white-space: nowrap;
|
|
}
|
|
a.tm-menu-tg-account-body:hover,
|
|
a.tm-menu-tg-account-body:focus {
|
|
text-decoration: none;
|
|
}
|
|
.tm-menu-tg-account-photo {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 26px;
|
|
height: 26px;
|
|
border-radius: 13px;
|
|
background: #677a8c;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin: 8px 15px;
|
|
}
|
|
.tm-menu-tg-account-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.tm-menu-tg-account-name {
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
font-weight: bold;
|
|
color: var(--header-color);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.tm-menu-tg-account-desc {
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
color: var(--table-text-color);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.tm-menu-tg-account-logout {
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
font-weight: normal;
|
|
padding: 12px 18px;
|
|
}
|
|
.tm-menu-subheader {
|
|
font-size: 10px;
|
|
line-height: 17px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding: 16px 19px 2px;
|
|
margin: 0;
|
|
}
|
|
.support-bots-text-icon {
|
|
width: 17px;
|
|
height: 17px;
|
|
flex-shrink: 0;
|
|
background-image: var(--image-url-support-bots-text-icon);
|
|
margin: 1px 5px 0 0;
|
|
position: relative;
|
|
}
|
|
.tm-header-menu-body:first-child .tm-menu-subheader:first-child {
|
|
padding-top: 26px;
|
|
padding-right: 64px;
|
|
}
|
|
.tm-menu-link {
|
|
display: block;
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
padding: 11px 15px 11px 58px;
|
|
position: relative;
|
|
color: var(--header-color);
|
|
}
|
|
.tm-menu-link[data-counter]:after {
|
|
content: attr(data-counter);
|
|
display: inline-block;
|
|
color: var(--dropdown-secondary-color);
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
right: 20px;
|
|
}
|
|
a.tm-menu-link:hover,
|
|
a.tm-menu-link:focus {
|
|
background-color: var(--bg-hover-color);
|
|
text-decoration: none;
|
|
color: var(--header-color);
|
|
}
|
|
.tm-menu-link.icon-before:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 9px 17px;
|
|
}
|
|
.icon-menu-assets:before {
|
|
background-image: var(--image-url-menu-assets);
|
|
}
|
|
.icon-menu-bids:before {
|
|
background-image: var(--image-url-menu-bids);
|
|
}
|
|
.icon-menu-numbers:before {
|
|
background-image: var(--image-url-menu-numbers);
|
|
}
|
|
.icon-menu-sessions:before {
|
|
background-image: var(--image-url-menu-sessions);
|
|
}
|
|
.icon-menu-convert:before {
|
|
background-image: var(--image-url-menu-convert);
|
|
}
|
|
.icon-menu-disconnect:before {
|
|
background-image: var(--image-url-menu-disconnect);
|
|
}
|
|
.icon-menu-about:before {
|
|
background-image: var(--image-url-menu-about);
|
|
}
|
|
.icon-menu-faq:before {
|
|
background-image: var(--image-url-menu-faq);
|
|
}
|
|
.icon-menu-privacy:before {
|
|
background-image: var(--image-url-menu-privacy);
|
|
}
|
|
.icon-menu-terms:before {
|
|
background-image: var(--image-url-menu-terms);
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
.tm-header-actions-wide {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.tm-header-actions-thin,
|
|
.tm-header-menu-button,
|
|
.tm-header-menu {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.tm-footer {
|
|
background-color: var(--footer-bg-color);
|
|
}
|
|
.tm-footer-links {
|
|
display: flex;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
padding: 14px 20px;
|
|
justify-content: center;
|
|
}
|
|
.tm-footer-link + .tm-footer-link {
|
|
margin-left: 32px;
|
|
}
|
|
.tm-footer-link,
|
|
.tm-footer-link:hover,
|
|
.tm-footer-link:focus {
|
|
color: var(--footer-color);
|
|
}
|
|
|
|
.tm-under-table-buttons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-top: 20px;
|
|
}
|
|
.tm-under-table-buttons .btn {
|
|
padding: 10px 16px;
|
|
}
|
|
.tm-under-table-buttons .btn + .btn {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.tm-unavailable {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
height: var(--viewport-height, 100vh);
|
|
padding: 20px 20px 120px;
|
|
}
|
|
.tm-unavailable-header {
|
|
font-size: 22px;
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
color: var(--header-color);
|
|
margin: 0;
|
|
}
|
|
.tm-unavailable-text {
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
margin: 4px 0 0;
|
|
}
|
|
.tm-unavailable .tm-logo {
|
|
padding: 0;
|
|
}
|
|
.tm-unavailable .tm-logo-icon {
|
|
width: 130px;
|
|
height: 130px;
|
|
margin: -15px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.tm-article {
|
|
margin: 0 auto;
|
|
max-width: 480px;
|
|
}
|
|
#dev_page_content_wrap {
|
|
padding: 4px 18px 40px;
|
|
max-width: none;
|
|
color: var(--article-color);
|
|
}
|
|
#dev_page_content,
|
|
#dev_page_content p {
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
color: var(--article-color);
|
|
}
|
|
#dev_page_content p,
|
|
#dev_page_content li {
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
color: var(--text-color);
|
|
}
|
|
#dev_page_content > p {
|
|
margin-bottom: 15px;
|
|
}
|
|
#dev_page_content_wrap h1,
|
|
#dev_page_content_wrap h2,
|
|
#dev_page_content_wrap h3,
|
|
#dev_page_content_wrap h4,
|
|
.page-content-wrap h3 {
|
|
line-height: 1.4;
|
|
font-weight: bold;
|
|
position: relative;
|
|
}
|
|
#dev_page_content_wrap h1 {
|
|
font-size: 24px;
|
|
margin: 21px 0 15px;
|
|
}
|
|
#dev_page_content_wrap h2,
|
|
#dev_page_content_wrap h3 {
|
|
font-size: 19px;
|
|
margin: 21px 0 12px;
|
|
}
|
|
#dev_page_content_wrap h4,
|
|
#dev_page_content_wrap h5 {
|
|
font-size: 17px;
|
|
margin: 17px 0 10px;
|
|
}
|
|
#dev_page_content_wrap pre,
|
|
#dev_page_content_wrap code {
|
|
font-family: monospace, 'Courier New';
|
|
background-color: #9bc3e1;
|
|
font-size: 87%;
|
|
}
|
|
#dev_page_content_wrap blockquote {
|
|
background-color: var(--inactive-bg-color);
|
|
border-left: 4px solid var(--accent-color);
|
|
border-radius: 3px 6px 6px 3px;
|
|
padding: 9px 17px;
|
|
}
|
|
#dev_page_content_wrap ul {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
margin-bottom: 15px;
|
|
}
|
|
#dev_page_content_wrap ul > li {
|
|
position: relative;
|
|
padding-left: 21px;
|
|
color: var(--text-color);
|
|
}
|
|
#dev_page_content_wrap ul > li:before {
|
|
content: '';
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.5em;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 1px;
|
|
background-color: var(--accent-color);
|
|
}
|
|
#dev_page_content_wrap ol {
|
|
padding-left: 15px;
|
|
}
|
|
#dev_page_content_wrap ol > li {
|
|
padding-left: 6px;
|
|
}
|
|
#dev_page_content_wrap hr {
|
|
border-color: var(--dropdown-bg-hover-color);
|
|
margin: 30px 0;
|
|
}
|
|
#dev_page_content_wrap .dev_page_image {
|
|
display: block;
|
|
max-width: 100% !important;
|
|
margin: 0 auto;
|
|
padding: 10px 0px 5px;
|
|
}
|
|
#dev_page_content_wrap a.anchor {
|
|
position: absolute;
|
|
height: 1px;
|
|
margin-top: -15px;
|
|
top: calc(-1 * var(--header-height));
|
|
}
|
|
|
|
.tm-main {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 480px;
|
|
padding-bottom: 70px;
|
|
flex-grow: 1;
|
|
}
|
|
.tm-main-intro {
|
|
text-align: center;
|
|
padding: 21px 12px;
|
|
}
|
|
.tm-main-intro-header {
|
|
font-size: 22px;
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
color: var(--header-color);
|
|
margin: 0;
|
|
}
|
|
.tm-main-intro-text {
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
margin: 4px 0 0;
|
|
}
|
|
.icon-link-more:after {
|
|
width: 9px;
|
|
height: 17px;
|
|
background-image: var(--image-url-link-more);
|
|
}
|
|
.tm-main-intro-link {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
line-height: 19px;
|
|
border-radius: 20px;
|
|
background-color: #12171c;
|
|
color: var(--text-color);
|
|
padding: 7px 15px;
|
|
margin: 12px 0 -6px;
|
|
}
|
|
.tm-main-intro-link:hover,
|
|
.tm-main-intro-link:focus {
|
|
text-decoration: none;
|
|
color: var(--text-color);
|
|
}
|
|
.tm-main-intro-link .icon-link-more {
|
|
color: var(--accent-color);
|
|
}
|
|
.tm-main-intro-link .icon-link-more:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.tm-main-intro-link .icon-link-more:after {
|
|
width: 8px;
|
|
height: 18px;
|
|
}
|
|
.tm-main-intro-buttons {
|
|
text-align: center;
|
|
max-width: 348px;
|
|
margin: 0 auto;
|
|
}
|
|
.tm-main-intro-buttons .tm-main-intro-link-wrap {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin-top: 24px;
|
|
text-align: center;
|
|
}
|
|
.tm-main-intro-auth-desc {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
margin: 20px 0 0;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.tm-header-search-form {
|
|
max-width: 164px;
|
|
margin: 10px 0 10px auto;
|
|
}
|
|
.tm-search-field {
|
|
border-radius: var(--def-border-radius);
|
|
background: var(--field-bg-color);
|
|
position: relative;
|
|
}
|
|
.tm-search-field:before {
|
|
position: absolute;
|
|
margin: 4px 9px;
|
|
pointer-events: none;
|
|
}
|
|
.tm-main-search-form .tm-search-field:before {
|
|
margin: 12px 16px;
|
|
}
|
|
.tm-search-input {
|
|
height: auto;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
padding: 6px 12px 6px 32px;
|
|
box-shadow: none !important;
|
|
border: none;
|
|
background: transparent;
|
|
color: var(--field-color);
|
|
text-overflow: ellipsis;
|
|
}
|
|
.tm-main-search-form .tm-search-input,
|
|
.tm-main-search-form .tm-search-prefix {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 12px 42px 12px 48px;
|
|
}
|
|
.tm-main-search-form .tm-search-prefix {
|
|
position: absolute;
|
|
padding-right: 0;
|
|
color: var(--field-color);
|
|
}
|
|
.tm-main-search-form .tm-search-prefix + .tm-search-input {
|
|
padding-left: 86px;
|
|
}
|
|
.tm-search-field-hint {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
margin: 10px 20px -8px;
|
|
}
|
|
.tm-search-field-hint .icon-ton {
|
|
letter-spacing: 13px;
|
|
}
|
|
.tm-search-field-hint .icon-ton:before {
|
|
width: 13px;
|
|
height: 18px;
|
|
margin-left: 0;
|
|
margin-right: -13px;
|
|
}
|
|
.tm-search-field-photo {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin: 7px 10px;
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
}
|
|
.tm-search-error-icon {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin: 11px 14px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.tm-search-field-photo img {
|
|
width: 100%;
|
|
}
|
|
.tm-search-field-error {
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
height: 15px;
|
|
margin: 7px 19px -10px;
|
|
color: var(--unavail-color);
|
|
}
|
|
.error .tm-search-error-icon {
|
|
display: inline-block;
|
|
}
|
|
.tm-main-search-form .error.icon-search:before {
|
|
display: none;
|
|
}
|
|
.found .tm-search-field-photo {
|
|
display: inline-block;
|
|
}
|
|
.myself .tm-main-form-myself {
|
|
display: none;
|
|
}
|
|
.tm-search-field.found .tm-search-input {
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
cursor: auto;
|
|
pointer-events: none;
|
|
}
|
|
.tm-search-loading,
|
|
.tm-search-clear {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
/*left: 4px;*/
|
|
padding: 12px;
|
|
cursor: pointer;
|
|
transition: all var(--def-transition);
|
|
}
|
|
.tm-search-loading {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.tm-search-clear {
|
|
border-radius: var(--def-border-radius);
|
|
cursor: pointer;
|
|
/*left: auto;*/
|
|
/*right: 0;*/
|
|
}
|
|
.tm-search-input:placeholder-shown ~ .tm-search-clear {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.icon-search:before {
|
|
width: 14px;
|
|
height: 20px;
|
|
background-image: var(--image-url-search);
|
|
}
|
|
.tm-main-search-form .icon-search:before {
|
|
width: 15px;
|
|
height: 18px;
|
|
background-image: var(--image-url-main-search);
|
|
}
|
|
.tm-main-search-form .icon-search-clear:before {
|
|
width: 18px;
|
|
height: 18px;
|
|
background-image: var(--image-url-main-search-clear);
|
|
}
|
|
.tm-main-search-form .icon-search-error:before {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: var(--image-url-main-search-error);
|
|
}
|
|
.circle-progress-wrap {
|
|
transform-origin: 50%;
|
|
vertical-align: top;
|
|
}
|
|
.circle-progress {
|
|
stroke: var(--field-second-color);
|
|
stroke-width: 2px;
|
|
stroke-linecap: round;
|
|
fill: transparent;
|
|
transform: rotateZ(-90deg);
|
|
transform-origin: 50%;
|
|
stroke-dasharray: 62px;
|
|
r: 10px;
|
|
}
|
|
.play .circle-progress {
|
|
animation: rotate-circle linear 1.5s infinite,
|
|
resize-circle linear 360s infinite;
|
|
}
|
|
.loading .tm-search-loading {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.loading .tm-search-clear {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
|
|
@-webkit-keyframes rotate-circle {
|
|
from { transform: rotateZ(-90deg); }
|
|
to { transform: rotateZ(270deg); }
|
|
}
|
|
@keyframes rotate-circle {
|
|
from { transform: rotateZ(-90deg); }
|
|
to { transform: rotateZ(270deg); }
|
|
}
|
|
|
|
@-webkit-keyframes resize-circle {
|
|
from { stroke-dashoffset: 62px; }
|
|
to { stroke-dashoffset: 6262px; }
|
|
}
|
|
@keyframes resize-circle {
|
|
from { stroke-dashoffset: 62px; }
|
|
to { stroke-dashoffset: 6262px; }
|
|
}
|
|
|
|
|
|
.icon-ton:before {
|
|
width: 13px;
|
|
height: 16px;
|
|
margin-right: 2px;
|
|
background-image: var(--image-url-ton-icon);
|
|
}
|
|
.icon-ton:empty:before {
|
|
display: none;
|
|
}
|
|
.icon-ton-text {
|
|
white-space: nowrap;
|
|
}
|
|
.icon-ton-text:before {
|
|
--icon-height: var(--line-height, 20px);
|
|
width: calc(0.8 * var(--icon-height));
|
|
height: var(--icon-height);
|
|
margin-right: calc(0.05 * var(--icon-height));
|
|
background-image: var(--image-url-ton-text-icon);
|
|
}
|
|
.btn .icon-ton:before,
|
|
.popup-body .icon-ton:before,
|
|
.form-control-wrap.icon-ton:before {
|
|
width: 15px;
|
|
height: 19px;
|
|
margin-left: -1px;
|
|
margin-right: 4px;
|
|
}
|
|
.btn .icon-ton:before {
|
|
margin-top: -1px;
|
|
margin-left: 1px;
|
|
background-image: var(--image-url-ton-btn-icon);
|
|
}
|
|
.tm-amount {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.tm-section {
|
|
padding: 0 10px 5px;
|
|
}
|
|
.tm-section-header {
|
|
display: flex;
|
|
padding: 18px 0 9px;
|
|
width: 100%;
|
|
}
|
|
.tm-section-subheader {
|
|
font-size: 13px;
|
|
line-height: 19px;
|
|
margin: -15px 11px 16px;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.tm-section-header-text {
|
|
font-size: 18px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
color: var(--header-color);
|
|
margin: 0;
|
|
padding: 0 6px;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
}
|
|
.tm-section-header-status {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
font-weight: bold;
|
|
padding: 3px 6px;
|
|
margin: 5px 6px 1px;
|
|
vertical-align: top;
|
|
border-radius: 5px;
|
|
white-space: nowrap;
|
|
}
|
|
.tm-section-header-status + .tm-section-header-status {
|
|
margin-left: 0px;
|
|
}
|
|
.table-cell-status-thin,
|
|
.tm-section-header-status {
|
|
color: #a5b8cc;
|
|
background-color: rgba(165, 184, 204, .1);
|
|
}
|
|
.table-cell-status-thin.tm-status-avail,
|
|
.tm-section-header-status.tm-status-avail {
|
|
color: #5aec8c;
|
|
background-color: rgba(90, 236, 140, .1);
|
|
}
|
|
.table-cell-status-thin.tm-status-unavail,
|
|
.tm-section-header-status.tm-status-unavail {
|
|
color: var(--unavail-color);
|
|
background-color: rgba(var(--unavail-color-rgb), .1);
|
|
}
|
|
.table-cell-status-thin.tm-status-taken,
|
|
.tm-section-header-status.tm-status-taken {
|
|
color: #ff9953;
|
|
background-color: rgba(255, 153, 83, .1);
|
|
}
|
|
.tm-section-header .tm-dropdown {
|
|
margin-left: 5px;
|
|
}
|
|
.tm-auction-section .tm-section-header {
|
|
padding: 18px 0 17px;
|
|
}
|
|
.tm-auction-section {
|
|
margin-bottom: -16px;
|
|
}
|
|
.tm-auction-section > .tm-section-box {
|
|
width: 100%;
|
|
margin-bottom: 16px;
|
|
}
|
|
.tm-section-text {
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
margin: -2px 6px 15px;
|
|
}
|
|
.tm-section-text + .tm-section-text {
|
|
margin-top: -9px;
|
|
}
|
|
.tm-section-blockquote {
|
|
color: var(--text-color);
|
|
background-color: var(--inactive-bg-color);
|
|
border-left: 4px solid var(--accent-color);
|
|
border-radius: 3px 6px 6px 3px;
|
|
padding: 9px 17px;
|
|
}
|
|
.tm-blockquote-header {
|
|
color: var(--header-color);
|
|
font-weight: bold;
|
|
margin: 2px 0 5px;
|
|
}
|
|
.tm-blockquote-header .tm-label-new {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.tm-section-tabs-wrap {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tm-section-tabs {
|
|
display: flex;
|
|
margin: -3px -10px 15px;
|
|
padding: 0 6px;
|
|
}
|
|
.tm-section-tab {
|
|
padding: 8px 0;
|
|
margin: 0 10px;
|
|
}
|
|
.tm-section-tab.tab-active:after {
|
|
height: 3px;
|
|
border-radius: 2px;
|
|
}
|
|
.tm-section-tabs-csv {
|
|
margin-left: -6px;
|
|
margin-right: -6px;
|
|
}
|
|
.tm-section-tabs-csv .tm-section-tab {
|
|
margin: 0 6px;
|
|
}
|
|
.tm-section-tabs-csv .tm-section-tab > svg {
|
|
vertical-align: top;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.tm-section-pagination {
|
|
display: flex;
|
|
margin: 15px 0;
|
|
padding: 0 6px;
|
|
}
|
|
.tm-pagination-item {
|
|
padding: 8px 0;
|
|
}
|
|
.tm-pagination-item.active:after {
|
|
height: 3px;
|
|
border-radius: 2px;
|
|
}
|
|
.tm-pagination-item + .tm-pagination-item {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.tm-form-subheader {
|
|
font-size: 18px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
color: var(--text-color);
|
|
margin: 5px 0 0;
|
|
padding: 0 13px;
|
|
}
|
|
.tm-section-hr {
|
|
border-top: 1px solid var(--table-bg-color);
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.tm-table-empty {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: 22px 15px;
|
|
text-align: center;
|
|
border-radius: var(--def-border-radius);
|
|
background-color: var(--table-bg-color);
|
|
color: var(--table-text-color);
|
|
}
|
|
|
|
.tm-table-responsive {
|
|
border-radius: var(--def-border-radius);
|
|
margin-bottom: 0;
|
|
border: none;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.tm-table-wrap {
|
|
border-radius: var(--def-border-radius);
|
|
margin-bottom: 0;
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
.tm-table {
|
|
color: var(--table-text-color);
|
|
border-collapse: separate;
|
|
margin-bottom: 0;
|
|
}
|
|
.tm-table-fixed {
|
|
table-layout: fixed;
|
|
}
|
|
.tm-table > thead > tr > th,
|
|
.tm-table > tbody > tr > td,
|
|
.tm-table > tfoot > tr > td {
|
|
padding: 0;
|
|
}
|
|
.tm-table > thead > tr > th {
|
|
--width: var(--thin-width);
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
font-weight: bold;
|
|
background-color: var(--table-header-bg-color);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
width: var(--width);
|
|
border-bottom: none;
|
|
padding: 7px 8px;
|
|
}
|
|
.tm-table > tbody > tr > td,
|
|
.tm-table > tfoot > tr > td {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
--cur-bg-rgb: var(--table-bg-rgb);
|
|
background-color: var(--table-bg-color);
|
|
border-top-color: var(--bg-color);
|
|
}
|
|
.tm-table > tfoot > tr > td .table-cell {
|
|
align-items: center;
|
|
}
|
|
.tm-table .table-cell {
|
|
padding: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.tm-table .tm-high-cells .table-cell {
|
|
padding: 6px 8px 5px;
|
|
}
|
|
.tm-table .table-cell-oneline {
|
|
padding-top: 8px;
|
|
flex-direction: row;
|
|
justify-content: start;
|
|
}
|
|
.tm-table .table-cell-oneline.table-cell-wide {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.tm-table td:first-child .table-cell,
|
|
.tm-table thead > tr > th:first-child {
|
|
padding-left: 16px;
|
|
}
|
|
.tm-table td:last-child .table-cell,
|
|
.tm-table td.thin-last-col .table-cell,
|
|
.tm-table thead > tr > th:last-child,
|
|
.tm-table thead > tr > th.thin-last-col {
|
|
padding-right: 16px;
|
|
}
|
|
.tm-table > thead > tr:first-child > th:first-child {
|
|
border-top-left-radius: var(--def-border-radius);
|
|
}
|
|
.tm-table > thead > tr:first-child > th:last-child,
|
|
.tm-table > thead > tr:first-child > th.thin-last-col {
|
|
border-top-right-radius: var(--def-border-radius);
|
|
}
|
|
.tm-table > tbody > tr:last-child > td:first-child,
|
|
.tm-table > tfoot > tr:last-child > td:first-child {
|
|
border-bottom-left-radius: var(--def-border-radius);
|
|
}
|
|
.tm-table > tbody > tr:last-child > td:last-child,
|
|
.tm-table > tfoot > tr:last-child > td:last-child,
|
|
.tm-table > tbody > tr:last-child > td.thin-last-col,
|
|
.tm-table > tfoot > tr:last-child > td.thin-last-col {
|
|
border-bottom-right-radius: var(--def-border-radius);
|
|
}
|
|
.tm-table > tfoot + tbody > tr:last-child > td:first-child,
|
|
.tm-table > tfoot + tbody > tr:last-child > td:last-child {
|
|
border-radius: 0;
|
|
}
|
|
.tm-table a.table-cell {
|
|
color: inherit;
|
|
}
|
|
.tm-table a.table-cell:hover,
|
|
.tm-table a.table-cell:focus {
|
|
text-decoration: none;
|
|
}
|
|
.tm-table .table-cell-more {
|
|
font-weight: bold;
|
|
}
|
|
.tm-table a.table-cell-more {
|
|
color: var(--accent-color);
|
|
cursor: pointer;
|
|
}
|
|
.tm-table .tm-high-cells .table-cell {
|
|
height: 44px;
|
|
}
|
|
.tm-table .tm-row-selectable {
|
|
cursor: pointer;
|
|
}
|
|
.tm-table .tm-row-selectable > td {
|
|
position: relative;
|
|
}
|
|
.tm-table tbody .tm-row-selectable > td:last-child > .table-cell,
|
|
.tm-table tbody .tm-row-selectable > td.thin-last-col > .table-cell {
|
|
padding-right: 32px;
|
|
}
|
|
.tm-table tbody .tm-row-selectable > td.thin-last-col > .table-cell:after,
|
|
.tm-table tbody .tm-row-selectable > td.wide-last-col > .table-cell:after {
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background-position: 0 center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
width: 9px;
|
|
height: 17px;
|
|
background-image: var(--image-url-row-arrow);
|
|
position: absolute;
|
|
top: 0;
|
|
right: 12px;
|
|
bottom: 0;
|
|
margin: auto 0;
|
|
}
|
|
.tm-table .tm-row-selectable:hover > td {
|
|
background-color: var(--table-bg-hover-color);
|
|
}
|
|
.tm-table .tm-row-selectable.noselect:hover > td {
|
|
background-color: var(--table-bg-color);
|
|
}
|
|
.tm-table > tbody > tr > td .table-cell-value.tm-value {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.tm-table > tbody > tr > td:first-child .table-cell-value.tm-value {
|
|
font-size: 14px;
|
|
}
|
|
.tm-table > tbody > tr:first-child > td {
|
|
border-top: none;
|
|
}
|
|
.tm-table .table-cell-value,
|
|
.tm-table .table-cell-desc {
|
|
font-size: 11px;
|
|
}
|
|
.tm-table .table-cell-oneline .table-cell-desc {
|
|
font-size: 13px;
|
|
margin-left: 7px;
|
|
}
|
|
.tm-table .table-cell-value-row {
|
|
display: flex;
|
|
}
|
|
.table-cell-value-row > .table-cell-value {
|
|
flex-shrink: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.table-cell-value-row > .table-cell-status-thin {
|
|
font-size: 11px;
|
|
line-height: 12px;
|
|
font-weight: bold;
|
|
padding: 2px 5px;
|
|
margin-left: 4px;
|
|
border-radius: 4px;
|
|
white-space: nowrap;
|
|
}
|
|
.tm-table .table-cell-desc-cols {
|
|
display: flex;
|
|
}
|
|
.tm-table .table-cell-desc-cols .table-cell-desc-col + .table-cell-desc-col:before {
|
|
content: '\2022';
|
|
margin: 0 5px;
|
|
}
|
|
.tm-table .table-cell-value {
|
|
color: #fff;
|
|
}
|
|
.tm-table .tm-status-avail {
|
|
color: #5aec8c;
|
|
}
|
|
.tm-table .tm-status-unavail {
|
|
color: var(--unavail-color);
|
|
}
|
|
.tm-table .tm-status-taken {
|
|
color: #ff9953;
|
|
}
|
|
|
|
.tm-inline-nowrap {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
}
|
|
.tm-nowrap,
|
|
.tm-inline-nowrap {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.support-bots-icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
flex-shrink: 0;
|
|
background-image: var(--image-url-support-bots-icon);
|
|
margin-left: 6px;
|
|
margin-top: 1px;
|
|
position: relative;
|
|
}
|
|
.support-bots-icon > .tooltip-label {
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
padding: 7px 10px;
|
|
background-color: var(--tooltip-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
color: var(--tooltip-color);
|
|
white-space: nowrap;
|
|
margin: 9px 0;
|
|
}
|
|
.support-bots-icon > .tooltip-label,
|
|
.support-bots-icon:after {
|
|
position: absolute;
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
/* pointer-events: none;*/
|
|
left: 50%;
|
|
bottom: 100%;
|
|
transition: transform var(--def-transition), opacity var(--def-transition), visibility var(--def-transition);
|
|
transition-delay: .1s;
|
|
transform: translate(-50px, -5px);
|
|
z-index: 1;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.support-bots-icon:after {
|
|
width: 15px;
|
|
height: 6px;
|
|
background-image: var(--image-url-tooltip-bottom);
|
|
transform: translate(-50%, -5px);
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.tm-wallet {
|
|
display: inline-flex;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
}
|
|
.tm-table .tm-wallet {
|
|
width: 300px;
|
|
}
|
|
.popup-text .tm-wallet {
|
|
max-width: 100px;
|
|
}
|
|
a.tm-wallet:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tm-wallet .current-icon {
|
|
width: 15px;
|
|
height: 16px;
|
|
flex-shrink: 0;
|
|
background-image: var(--image-url-wallet-icon);
|
|
margin-right: 5px;
|
|
position: relative;
|
|
}
|
|
.tm-wallet .current-icon:before,
|
|
.tm-wallet .current-icon:after {
|
|
position: absolute;
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
pointer-events: none;
|
|
left: 50%;
|
|
bottom: 100%;
|
|
transition: transform var(--def-transition), opacity var(--def-transition), visibility var(--def-transition);
|
|
transform: translate(-50%, -5px);
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.tm-wallet .current-icon:before {
|
|
content: attr(data-tooltip);
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
padding: 7px 10px;
|
|
background-color: var(--tooltip-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
color: var(--tooltip-color);
|
|
white-space: nowrap;
|
|
margin: 9px 0;
|
|
}
|
|
.tm-wallet .current-icon:after {
|
|
width: 15px;
|
|
height: 6px;
|
|
background-image: var(--image-url-tooltip-bottom);
|
|
margin: 3px 0;
|
|
}
|
|
.tm-wallet .head,
|
|
.tm-wallet .tail {
|
|
display: inline-flex;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
flex-shrink: 1;
|
|
flex-basis: 50%;
|
|
}
|
|
a.tm-wallet:hover .head,
|
|
a.tm-wallet:hover .tail {
|
|
text-decoration: underline;
|
|
}
|
|
.tm-wallet .tail {
|
|
justify-content: flex-end;
|
|
}
|
|
.tm-wallet .middle:before {
|
|
display: inline-block;
|
|
content: '...';
|
|
padding: 0 0.5em;
|
|
margin: 0 -0.3em;
|
|
position: relative;
|
|
background:
|
|
linear-gradient(90deg, rgba(var(--cur-bg-rgb), 0) 0px, rgba(var(--cur-bg-rgb), 1) 0.35em, rgba(var(--cur-bg-rgb), 0) 0.35em),
|
|
linear-gradient(270deg, rgba(var(--cur-bg-rgb), 0) 0px, rgba(var(--cur-bg-rgb), 1) 0.35em, rgba(var(--cur-bg-rgb), 0) 0.35em);
|
|
}
|
|
.wallet-new .tm-wallet .middle:before {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.wallet-new .tm-wallet .middle {
|
|
width: 0;
|
|
}
|
|
.wallet-new .tm-wallet .middle:before {
|
|
display: inline-block;
|
|
content: '...';
|
|
color: transparent;
|
|
width: 2em;
|
|
transform: translateX(-50%);
|
|
background: rgba(var(--cur-bg-rgb), .8);
|
|
font-size: 0.6em;
|
|
line-height: 0.7em;
|
|
border-radius: 1em;
|
|
vertical-align: -0.2em;
|
|
margin-right: -2em;
|
|
box-shadow: 0 0 5px 1px rgb(var(--cur-bg-rgb));
|
|
}
|
|
.wallet-new .tm-wallet .middle:after {
|
|
display: inline-block;
|
|
position: relative;
|
|
content: '...';
|
|
padding: 0 0.5em;
|
|
background: linear-gradient(90deg, rgba(var(--cur-bg-rgb), 0) 0%, rgba(var(--cur-bg-rgb), 1) 50%, rgba(var(--cur-bg-rgb), 0) 100%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.tm-wallet .short {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
.tm-web3-address {
|
|
display: inline-flex;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
}
|
|
.tm-web3-address .subdomain {
|
|
flex-shrink: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.tm-table-actions {
|
|
display: flex;
|
|
}
|
|
.tm-table-action + .tm-table-action {
|
|
margin-left: 8px;
|
|
}
|
|
.tm-table-button,
|
|
.tm-table-action-link,
|
|
.tm-dropdown .dropdown-toggle.tm-table-button {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
padding: 6px 10px;
|
|
}
|
|
.tm-dropdown .dropdown-toggle.tm-table-button {
|
|
background-color: var(--btn-header-bg-color);
|
|
}
|
|
.tm-dropdown .dropdown-toggle.tm-table-button:hover,
|
|
.tm-dropdown .dropdown-toggle.tm-table-button:focus {
|
|
background-color: var(--btn-header-bg-hover-color);
|
|
}
|
|
.tm-table-action-link {
|
|
font-weight: bold;
|
|
color: var(--accent-color);
|
|
border-radius: var(--def-border-radius);
|
|
cursor: pointer;
|
|
}
|
|
a.tm-table-action-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tm-table-action-link:hover {
|
|
background-color: var(--btn-header-bg-color);
|
|
}
|
|
.icon-actions:before {
|
|
width: 11px;
|
|
height: 16px;
|
|
background-image: var(--image-url-dropdown-actions);
|
|
}
|
|
|
|
.tm-auction-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
.tm-auction-section .tm-section-header-text {
|
|
font-size: 22px;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
justify-content: center;
|
|
flex-shrink: 1;
|
|
}
|
|
.tm-auction-section .tm-section-header-domain {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tm-list {
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
--cur-bg-rgb: var(--table-bg-rgb);
|
|
background-color: var(--table-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
color: var(--table-text-color);
|
|
overflow: hidden;
|
|
}
|
|
.tm-list dt,
|
|
.tm-list dd {
|
|
line-height: 18px;
|
|
white-space: nowrap;
|
|
}
|
|
.tm-list dd {
|
|
display: block;
|
|
margin-left: 30px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: var(--accent-color);
|
|
}
|
|
.tm-list-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
flex-grow: 1;
|
|
padding: 8px 16px;
|
|
margin: 0;
|
|
}
|
|
.tm-list-item + .tm-list-item {
|
|
border-top: 1px solid var(--bg-color);
|
|
}
|
|
.tm-list-item-title,
|
|
.tm-list-item-value .tm-value {
|
|
font-weight: bold;
|
|
color: #fff;
|
|
}
|
|
.tm-list-item-value {
|
|
display: flex;
|
|
font-size: 14px;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
.tm-section-bid-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
border-radius: var(--def-border-radius);
|
|
background-color: var(--table-bg-color);
|
|
color: var(--table-text-color);
|
|
overflow: hidden;
|
|
}
|
|
.tm-section-bid-info .tm-list-item-value {
|
|
width: 45%;
|
|
}
|
|
.tm-section-tabs + .tm-section-bid-info,
|
|
.tm-section-tabs-wrap + .tm-section-bid-info {
|
|
margin-bottom: 15px;
|
|
}
|
|
.tm-bid-info-text {
|
|
--line-height: 17px;
|
|
font-size: 13px;
|
|
line-height: var(--line-height);
|
|
padding: 5px 16px 10px;
|
|
}
|
|
.tm-bid-info-text:empty {
|
|
display: none;
|
|
}
|
|
.tm-offer-info-text {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.tm-list-item-hint {
|
|
--line-height: 17px;
|
|
font-size: 13px;
|
|
line-height: var(--line-height);
|
|
padding: 0 16px 10px;
|
|
}
|
|
.tm-section-buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.tm-section-buttons > .btn {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
.tm-section-buttons > .btn + .btn {
|
|
margin-left: 12px;
|
|
}
|
|
.tm-section-subscribe,
|
|
.tm-section-header-link {
|
|
font-size: 14px;
|
|
line-height: 23px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.tm-section-header-link {
|
|
margin: 3px 6px 2px;
|
|
width: auto;
|
|
}
|
|
.tm-section-header > .tm-section-subscribe {
|
|
display: none;
|
|
}
|
|
.tm-section-subscribe .unsubscribe-btn,
|
|
.tm-section-subscribe.subscribed .subscribe-btn {
|
|
display: none;
|
|
}
|
|
.tm-section-subscribe .subscribe-btn,
|
|
.tm-section-subscribe.subscribed .unsubscribe-btn {
|
|
display: inline-block;
|
|
}
|
|
.tm-section-howto {
|
|
display: flex;
|
|
font-size: 14px;
|
|
line-height: 23px;
|
|
padding: 11px 20px 12px;
|
|
justify-content: left;
|
|
}
|
|
|
|
.tm-section-countdown-wrap {
|
|
position: relative;
|
|
}
|
|
.tm-section-countdown,
|
|
.tm-section-countdown-end {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
height: 36px;
|
|
padding: 4px 0;
|
|
transition: opacity ease, visibility ease;
|
|
transition-duration: var(--half-transition-duration);
|
|
transition-delay: var(--half-transition-duration);
|
|
}
|
|
.tm-section-countdown-end {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: var(--bg-color);
|
|
transition: opacity ease, visibility ease;
|
|
transition-duration: var(--half-transition-duration);
|
|
}
|
|
.tm-section-countdown-end,
|
|
.tm-section-countdown-wrap.ended .tm-section-countdown {
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.tm-section-countdown-wrap.ended .tm-section-countdown {
|
|
transition-delay: 0s;
|
|
}
|
|
.tm-section-countdown-wrap.ended .tm-section-countdown-end {
|
|
pointer-events: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition-delay: var(--half-transition-duration);
|
|
}
|
|
.tm-timer-wrap.ended .tm-timer,
|
|
.tm-timer-wrap .tm-timer-end {
|
|
display: none;
|
|
}
|
|
.tm-timer-wrap.ended .tm-timer-end {
|
|
display: block;
|
|
}
|
|
.table-cell .tm-timer {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.tm-countdown-label {
|
|
margin-right: 15px;
|
|
}
|
|
.tm-countdown-timer {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
display: flex;
|
|
flex-direction: row;
|
|
white-space: nowrap;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.tm-countdown-timer > .reel {
|
|
}
|
|
.tm-countdown-timer > .reel + .reel {
|
|
position: relative;
|
|
margin-left: 17px;
|
|
}
|
|
.tm-countdown-timer > .reel + .reel:before {
|
|
position: absolute;
|
|
content: '';
|
|
width: 3px;
|
|
height: 3px;
|
|
border-radius: 50%;
|
|
color: var(--text-color);
|
|
background-color: currentColor;
|
|
box-shadow: 0 7px;
|
|
left: -10px;
|
|
top: 10px;
|
|
opacity: 0.5;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit:before {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
margin: 2px 0;
|
|
content: attr(data-val);
|
|
animation: none;
|
|
line-height: 24px;
|
|
white-space: pre;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit[data-prev-val]:before {
|
|
content: attr(data-prev-val) '\A' attr(data-val);
|
|
animation: countdown-move ease-in-out .7s 1 forwards;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit {
|
|
display: inline-block;
|
|
background-color: var(--table-bg-color);
|
|
border-radius: 2px;
|
|
text-align: center;
|
|
min-width: 21px;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit.timer-d {
|
|
padding: 0 7px;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit + .digit {
|
|
margin-left: 1px;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit:first-child {
|
|
border-top-left-radius: var(--def-border-radius);
|
|
border-bottom-left-radius: var(--def-border-radius);
|
|
}
|
|
.tm-countdown-timer > .reel > .digit:last-child {
|
|
border-top-right-radius: var(--def-border-radius);
|
|
border-bottom-right-radius: var(--def-border-radius);
|
|
}
|
|
|
|
.tm-datetime {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
@-webkit-keyframes countdown-move {
|
|
0% { transform: translateY(0%); }
|
|
100% { transform: translateY(-50%); }
|
|
}
|
|
@keyframes countdown-move {
|
|
0% { transform: translateY(0%); }
|
|
100% { transform: translateY(-50%); }
|
|
}
|
|
|
|
.tm-assign-accounts-list {
|
|
background-color: var(--table-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
position: relative;
|
|
max-height: 242px;
|
|
margin-top: 18px;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
.tm-assign-account-item {
|
|
display: block;
|
|
font-weight: normal;
|
|
position: relative;
|
|
padding: 9px 14px;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.tm-assign-account-item:hover {
|
|
background-color: var(--table-bg-hover-color);
|
|
}
|
|
.tm-assign-account-item + .tm-assign-account-item {
|
|
border-top: 1px solid var(--bg-color);
|
|
}
|
|
.tm-assign-account-item > input[type="radio"] {
|
|
position: absolute;
|
|
left: -10000px;
|
|
}
|
|
.tm-assign-account-item > input[type="radio"]:checked ~ .tm-assign-account-content {
|
|
padding-right: 40px;
|
|
}
|
|
.tm-assign-account-item > input[type="radio"]:checked ~ .tm-assign-account-content:after {
|
|
position: absolute;
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
background-image: var(--image-url-list-item-selected-icon);
|
|
width: 25px;
|
|
height: 25px;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 14px 15px 0;
|
|
}
|
|
.tm-assign-account-photo {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 17px;
|
|
background: #677a8c;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
.tm-assign-account-photo img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.tm-assign-account-content {
|
|
margin-left: 48px;
|
|
overflow: hidden;
|
|
}
|
|
.tm-assign-account-name {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
font-weight: bold;
|
|
}
|
|
.tm-assign-account-desc {
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
font-weight: normal;
|
|
color: var(--table-text-color);
|
|
}
|
|
.tm-assign-account-name,
|
|
.tm-assign-account-desc {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tm-number-codes {
|
|
max-width: 348px;
|
|
margin: 0 auto;
|
|
}
|
|
.tm-number-prev-codes {
|
|
margin: 20px 0 0;
|
|
}
|
|
.tm-number-code-field {
|
|
position: relative;
|
|
font-size: 30px;
|
|
line-height: 42px;
|
|
font-weight: bold;
|
|
padding: 12px 20px;
|
|
background-color: var(--table-header-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
color: var(--field-color);
|
|
text-align: center;
|
|
}
|
|
.tm-number-code-field[data-copy] {
|
|
cursor: pointer;
|
|
}
|
|
.tm-nocopy {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.tm-number-code-field > .tm-number-code-copy {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
font-weight: bold;
|
|
padding: 24px 19px;
|
|
}
|
|
.tm-number-code-field > .tm-number-code-copy:before {
|
|
width: 13px;
|
|
height: 18px;
|
|
margin-right: 7px;
|
|
background-image: var(--image-url-copy-icon);
|
|
}
|
|
.table-cell-value > .tm-number-code-copy {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
.table-cell-value > .tm-number-code-copy:after {
|
|
width: 13px;
|
|
height: 18px;
|
|
margin-left: 7px;
|
|
background-image: var(--image-url-copy-text-icon);
|
|
}
|
|
.tm-number-code-date {
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
margin: 8px 0 0;
|
|
}
|
|
.tm-number-code-button {
|
|
margin-top: 24px;
|
|
}
|
|
.tm-number-code-button-desc {
|
|
--line-height: 19px;
|
|
font-size: 13px;
|
|
line-height: var(--line-height);
|
|
padding: 12px 5px 0;
|
|
text-align: center;
|
|
}
|
|
.tm-number-code-button-desc:empty {
|
|
display: none;
|
|
}
|
|
.tm-number-code-spoiler b.point {
|
|
position: absolute;
|
|
display: inline-block;
|
|
left: 0;
|
|
top: 0;
|
|
width: 4px;
|
|
height: 4px;
|
|
margin: -2px;
|
|
border-radius: 50%;
|
|
background-color: currentColor;
|
|
pointer-events: none;
|
|
}
|
|
.tm-number-code-spoiler.blured {
|
|
filter: blur(10px);
|
|
}
|
|
.tm-number-code-spoiler:before {
|
|
content: attr(data-pattern);
|
|
color: transparent;
|
|
}
|
|
.tm-number-code-spoiler.blured:before {
|
|
color: inherit;
|
|
}
|
|
.qr-random-popup .tm-qr-code-label {
|
|
overflow: visible;
|
|
}
|
|
.qr-random-popup .tm-number-code-spoiler.blured {
|
|
filter: blur(7px);
|
|
}
|
|
|
|
|
|
|
|
|
|
/* popup */
|
|
|
|
.popup-container {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0,0,0,.5);
|
|
z-index: 110;
|
|
display: flex;
|
|
padding: 0;
|
|
justify-content: center;
|
|
align-items: start;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
transition: width 0s 0s, left 0s 0s, background-color var(--def-transition);
|
|
width: 100%;
|
|
}
|
|
.popup-container.hide {
|
|
display: flex !important;
|
|
background: rgba(0,0,0,0);
|
|
transition: width 0s var(--def-transition-duration), left 0s var(--def-transition-duration), background-color var(--def-transition);
|
|
pointer-events: none;
|
|
left: -10000px;
|
|
width: 0%;
|
|
}
|
|
.popup {
|
|
min-width: 100%;
|
|
margin: auto 0 0;
|
|
word-wrap: break-word;
|
|
border-radius: var(--popup-border-radius) var(--popup-border-radius) 0 0;
|
|
background: var(--bg-color);
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
transform: translateY(0%);
|
|
transition: transform var(--def-transition);
|
|
color: #fff;
|
|
}
|
|
.popup-container.hide .popup {
|
|
transform: translateY(100%);
|
|
}
|
|
.popup section {
|
|
position: relative;
|
|
padding-bottom: 46px;
|
|
max-width: 320px;
|
|
margin: 0 auto;
|
|
}
|
|
.popup h4 {
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
font-weight: bold;
|
|
margin: 0 0 15px;
|
|
}
|
|
.popup .form-group {
|
|
margin: 0 -8px 7px;
|
|
}
|
|
.popup .form-group > label {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
.popup .help-block {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin: 10px 8px 0;
|
|
color: var(--text-color);
|
|
}
|
|
.popup-body {
|
|
position: relative;
|
|
padding: 22px 20px 30px;
|
|
}
|
|
.popup-side-icons {
|
|
position: absolute;
|
|
z-index: 1;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
.popup-body .icon-popup-close {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
line-height: 0;
|
|
padding: 17px;
|
|
border-radius: var(--popup-border-radius);
|
|
cursor: pointer;
|
|
}
|
|
.popup-body .icon-popup-close:before {
|
|
width: 10px;
|
|
height: 10px;
|
|
background-image: var(--image-url-popup-close);
|
|
}
|
|
.popup .popup-text {
|
|
margin: 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.popup .popup-buttons {
|
|
margin: -8px -12px -8px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.popup .popup-buttons .btn {
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
font-weight: bold;
|
|
padding: 8px 12px;
|
|
}
|
|
.popup .popup-buttons .btn + .btn {
|
|
margin-left: 12px;
|
|
}
|
|
.popup .popup-body .btn-block + .btn-block {
|
|
margin: 10px 0 -8px;
|
|
}
|
|
|
|
.qr-code-popup-container .popup,
|
|
.ton-auth-popup-container .popup {
|
|
width: 320px;
|
|
}
|
|
.login-popup-container .popup {
|
|
width: 480px;
|
|
}
|
|
.login-popup-container h2 {
|
|
font-size: 18px;
|
|
line-height: 1.4em;
|
|
font-weight: bold;
|
|
margin: 0 0 14px;
|
|
}
|
|
.login-popup-container p {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: var(--text-color);
|
|
}
|
|
.login-popup-container p.help-block {
|
|
margin-top: 18px;
|
|
margin-bottom: -7px;
|
|
}
|
|
.login-popup-container .form-group {
|
|
margin: 18px 0 0;
|
|
}
|
|
.login-popup-container .form-control {
|
|
max-width: 280px;
|
|
}
|
|
|
|
.form-popup-container .popup-body {
|
|
padding: 22px 20px 30px;
|
|
}
|
|
.form-popup-container .popup h4,
|
|
.form-popup-container .popup-text {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
.form-popup-container form {
|
|
padding: 6px 0 0;
|
|
text-align: left;
|
|
}
|
|
.form-popup-container .form-group {
|
|
padding: 22px 0 0;
|
|
margin: 0;
|
|
}
|
|
.form-popup-container .form-group > label {
|
|
margin: 0 8px 10px;
|
|
}
|
|
.form-popup-container .form-main-button {
|
|
margin-top: 40px;
|
|
}
|
|
.form-popup-container .popup .popup-buttons {
|
|
margin-left: -4px;
|
|
margin-right: -4px;
|
|
}
|
|
.place-bid-popup-container .popup h2 {
|
|
font-size: 30px;
|
|
line-height: 1.4em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
.place-bid-popup-container .popup section {
|
|
padding-bottom: 0;
|
|
}
|
|
.place-bid-popup-container .popup-text {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: var(--text-color);
|
|
text-align: center;
|
|
margin: 2px 0 4px;
|
|
}
|
|
.qr-code-popup-container .popup-body {
|
|
padding: 22px 18px 30px;
|
|
text-align: center;
|
|
}
|
|
.qr-code-popup-container .popup h2 {
|
|
font-size: 22px;
|
|
line-height: 35px;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
.qr-code-popup-container .popup section {
|
|
padding-bottom: 0;
|
|
}
|
|
.qr-code-popup-container .popup-text {
|
|
--line-height: 20px;
|
|
font-size: 14px;
|
|
line-height: var(--line-height);
|
|
color: var(--text-color);
|
|
margin: 2px 20px 20px;
|
|
}
|
|
.qr-code-popup-container .popup-hint-text {
|
|
--line-height: 20px;
|
|
font-size: 14px;
|
|
line-height: var(--line-height);
|
|
color: var(--text-color);
|
|
margin: 20px 20px 2px;
|
|
}
|
|
.qr-code-popup-container .popup-footer-text {
|
|
--line-height: 16px;
|
|
font-size: 12px;
|
|
line-height: var(--line-height);
|
|
color: var(--text-color);
|
|
margin: 15px 20px 5px;
|
|
}
|
|
.tm-qr-code {
|
|
position: relative;
|
|
width: 196px;
|
|
min-height: 196px;
|
|
border-radius: 18px;
|
|
background-color: #fff;
|
|
margin: 20px auto;
|
|
padding: 13px;
|
|
cursor: default;
|
|
transition: var(--def-transition) all;
|
|
}
|
|
.tm-qr-code:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
padding-top: 100%;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2255%22%20viewBox%3D%220%200%2055%2055%22%20width%3D%2255%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6.94%2013.98%2018.58%208.96c.22.11.37.34.37.6l-.07%2020.79c0%20.22-.12.43-.31.55-.31.2-.71.1-.91-.21l-18.51-29.75c-.12-.19-.13-.43-.03-.63.16-.33.55-.47.88-.31zm42%20.31c.1.2.09.44-.03.63l-18.51%2029.75c-.2.31-.6.41-.91.21-.19-.12-.31-.33-.31-.55l-.07-20.79c0-.26.15-.49.37-.6l18.58-8.96c.33-.16.72-.02.88.31zm-2.39-4.29c.26%200%20.5.15.6.39.15.34%200%20.73-.33.87l-19.12%208.48c-.17.07-.37.07-.54-.01l-19-8.47c-.23-.1-.39-.34-.39-.6%200-.36.3-.66.66-.66z%22%20fill%3D%22%23354352%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
transition: var(--def-transition) opacity, var(--def-transition) transform;
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
.tm-qr-code:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
background-image: linear-gradient(270deg, rgba(var(--bg-rgb), 0) 0%, #425366 40%, rgba(var(--bg-rgb), 0) 100%);
|
|
background-size: 200px 100%;
|
|
background-repeat: no-repeat;
|
|
animation: qr-loading linear 3s infinite;
|
|
transition: var(--def-transition) opacity, var(--def-transition) visibility;
|
|
}
|
|
.tm-qr-code-image {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 170px;
|
|
height: 170px;
|
|
vertical-align: top;
|
|
background: no-repeat center;
|
|
background-size: contain;
|
|
transition: var(--def-transition) opacity;
|
|
}
|
|
.tm-qr-code-label {
|
|
font-size: 24px;
|
|
line-height: 28px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin: 5px auto 0;
|
|
color: var(--bg-color);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transition: var(--def-transition) color;
|
|
}
|
|
.tm-qr-code-or {
|
|
margin: -5px 0 15px;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.qr-inactive .tm-qr-code {
|
|
background-color: var(--inactive-bg-color);
|
|
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .02);
|
|
overflow: hidden;
|
|
}
|
|
.qr-inactive .tm-qr-code:before {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
.qr-inactive .tm-qr-code:after {
|
|
visibility: visible;
|
|
opacity: .32;
|
|
}
|
|
.qr-inactive .tm-qr-code .tm-qr-code-image {
|
|
opacity: 0;
|
|
}
|
|
.qr-inactive .tm-qr-code .tm-qr-code-label {
|
|
color: var(--inactive-color);
|
|
}
|
|
.qr-code-popup-container .btn-primary,
|
|
.qr-code-popup-container .btn-primary:hover,
|
|
.qr-code-popup-container .btn-primary:focus {
|
|
transition: var(--def-transition) background-color;
|
|
}
|
|
.qr-code-popup-container .btn-block:before {
|
|
content: attr(data-inactive-label);
|
|
position: absolute;
|
|
transition: var(--def-transition) opacity;
|
|
opacity: 0;
|
|
}
|
|
.qr-code-popup-container .btn-primary:before {
|
|
transition: var(--def-transition) opacity, var(--def-transition) color;
|
|
color: var(--btn-primary-color);
|
|
}
|
|
.qr-code-popup-container .btn-block .tm-button-label {
|
|
transition: var(--def-transition) opacity;
|
|
}
|
|
.qr-code-popup-container.qr-inactive .btn-primary,
|
|
.qr-code-popup-container.qr-inactive .btn-primary:hover,
|
|
.qr-code-popup-container.qr-inactive .btn-primary:focus {
|
|
pointer-events: none;
|
|
background-color: var(--inactive-bg-color);
|
|
}
|
|
.qr-code-popup-container.qr-inactive .btn-block:before {
|
|
opacity: 1;
|
|
}
|
|
.qr-code-popup-container.qr-inactive .btn-primary:before {
|
|
color: #425366;
|
|
}
|
|
.qr-code-popup-container.qr-inactive .btn-block .tm-button-label {
|
|
opacity: 0;
|
|
}
|
|
|
|
.bot-username-popup-container .popup {
|
|
text-align: center;
|
|
}
|
|
.bot-username-popup-container .popup section {
|
|
padding-bottom: 0;
|
|
}
|
|
.bot-username-popup-container .popup .popup-text {
|
|
color: var(--text-color);
|
|
}
|
|
.bot-username-popup-container form {
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
|
|
.gift-premium-popup-container .popup {
|
|
text-align: center;
|
|
}
|
|
.gift-premium-popup-container .popup section {
|
|
padding-bottom: 0;
|
|
}
|
|
.gift-premium-popup-container .popup .popup-text {
|
|
color: var(--text-color);
|
|
}
|
|
.gift-premium-popup-container .popup .popup-text + .popup-text {
|
|
margin-top: 10px;
|
|
}
|
|
.gift-premium-popup-container form {
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.gift-premium-popup-container .tm-form-checkbox-label {
|
|
margin-top: 10px;
|
|
}
|
|
.gift-premium-popup-container .form-main-button {
|
|
margin-top: 30px;
|
|
}
|
|
.tm-gift-premium-preview {
|
|
margin: 14px auto 0;
|
|
width: 224px;
|
|
padding: 16px 0 11px;
|
|
border-radius: 16px;
|
|
background-color: var(--field-bg-color);
|
|
}
|
|
.gift-premium-popup-container.iam-sender .tm-form-checkbox-item {
|
|
display: none;
|
|
}
|
|
.preview-sender-shown,
|
|
.gift-premium-popup-container.show-sender .preview-sender-hidden,
|
|
.gift-premium-popup-container.show-sender.iam-sender .preview-sender-shown {
|
|
transition: transform var(--first-half-transition);
|
|
transform: scaleY(0);
|
|
}
|
|
.gift-premium-popup-container.show-sender .preview-sender-shown {
|
|
transform: scaleY(1);
|
|
}
|
|
.gift-premium-popup-container.show-sender.iam-sender .preview-sender-hidden {
|
|
transform: scaleY(1);
|
|
}
|
|
.tm-gift-premium-preview .preview-sender-name,
|
|
.tm-gift-premium-preview .preview-sender-text {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.tm-gift-premium-preview .preview-sender-name {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
font-weight: bold;
|
|
transition: transform var(--second-half-transition);
|
|
backface-visibility: hidden;
|
|
}
|
|
.tm-gift-premium-preview .preview-sender-name.preview-sender-shown {
|
|
transition: transform var(--first-half-transition);
|
|
margin-top: -19px;
|
|
}
|
|
.gift-premium-popup-container.show-sender .preview-sender-shown {
|
|
transition: transform var(--second-half-transition);
|
|
}
|
|
.tm-gift-premium-preview .preview-sender-text {
|
|
font-size: 13px;
|
|
line-height: 19px;
|
|
color: var(--text-color);
|
|
}
|
|
.tm-gift-premium-preview .preview-sticker,
|
|
.tm-gift-premium-preview-sent .preview-sticker {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
width: 144px;
|
|
height: 144px;
|
|
margin: 1px 0 10px;
|
|
cursor: pointer;
|
|
}
|
|
.tm-gift-premium-preview .preview-sticker canvas,
|
|
.tm-gift-premium-preview .preview-sticker img,
|
|
.tm-gift-premium-preview-sent .preview-sticker canvas,
|
|
.tm-gift-premium-preview-sent .preview-sticker img {
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.tm-gift-premium-preview .preview-sticker img,
|
|
.tm-gift-premium-preview-sent .preview-sticker img {
|
|
filter: blur(4px);
|
|
}
|
|
.tm-gift-premium-preview .preview-gift-text {
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.tm-gift-premium-preview .preview-gift-desc {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
}
|
|
.tm-gift-premium-preview-sent {
|
|
width: 348px;
|
|
max-width: 100%;
|
|
margin: 0 auto 24px;
|
|
padding: 22px 30px;
|
|
border-radius: 16px;
|
|
background-color: var(--field-bg-color);
|
|
color: var(--field-color);
|
|
text-align: center;
|
|
}
|
|
.tm-gift-premium-preview-sent .preview-sticker {
|
|
width: 164px;
|
|
height: 164px;
|
|
margin: -17px 0 12px;
|
|
}
|
|
.tm-gift-premium-preview-sent .preview-gift-text {
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
}
|
|
.tm-gift-premium-preview-sent .preview-gift-desc {
|
|
font-size: 14px;
|
|
line-height: 23px;
|
|
margin: 3px 0 0;
|
|
}
|
|
.tm-main-box-processing {
|
|
width: 348px;
|
|
max-width: 100%;
|
|
border-radius: 16px;
|
|
background-color: var(--field-bg-color);
|
|
padding: 30px 50px;
|
|
margin: 10px auto 0;
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.tm-main-box-processing .tm-logo-progress {
|
|
padding: 0 0 20px;
|
|
}
|
|
.tm-main-box-icon-error {
|
|
margin: 0 auto 20px;
|
|
}
|
|
.tm-main-box-processing-error .icon-error:before {
|
|
width: 50px;
|
|
height: 50px;
|
|
background-image: var(--image-url-main-search-error);
|
|
}
|
|
.tm-main-box-processing-error .tm-main-box-processing-head {
|
|
color: var(--unavail-color);
|
|
}
|
|
.tm-main-box-processing-head {
|
|
font-size: 17px;
|
|
line-height: 24px;
|
|
font-weight: bold;
|
|
color: var(--field-color);
|
|
}
|
|
.tm-main-box-processing-text {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.processing-popup-container .popup-body {
|
|
width: 348px;
|
|
max-width: 100%;
|
|
border-radius: 16px;
|
|
padding: 30px 50px;
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.tm-popup-processing .tm-logo-progress {
|
|
padding: 0 0 20px;
|
|
}
|
|
.tm-popup-processing-error .icon-error:before {
|
|
width: 50px;
|
|
height: 50px;
|
|
background-image: var(--image-url-main-search-error);
|
|
}
|
|
.tm-popup-processing-error .tm-popup-processing-head {
|
|
color: var(--unavail-color);
|
|
}
|
|
.tm-popup-processing-head {
|
|
font-size: 17px;
|
|
line-height: 24px;
|
|
font-weight: bold;
|
|
color: var(--field-color);
|
|
}
|
|
.tm-popup-processing-text {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin-top: 10px;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.toast-container {
|
|
position: fixed;
|
|
top: var(--header-height);
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 201;
|
|
padding: 20px;
|
|
margin: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all .2s ease;
|
|
pointer-events: none;
|
|
}
|
|
.popup-container.hide {
|
|
display: flex !important;
|
|
background: rgba(0,0,0,0);
|
|
transition: width 0s var(--def-transition-duration), left 0s var(--def-transition-duration), background-color var(--def-transition);
|
|
pointer-events: none;
|
|
left: -10000px;
|
|
width: 0%;
|
|
}
|
|
.toast {
|
|
max-width: 320px;
|
|
padding: 8px 24px;
|
|
background: var(--table-bg-color);
|
|
border-radius: var(--def-border-radius);
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.toast a {
|
|
color: var(--accent-color);
|
|
pointer-events: auto;
|
|
}
|
|
|
|
@-webkit-keyframes qr-loading {
|
|
0% { background-position: -500px 0; }
|
|
100% { background-position: 1000px 0; }
|
|
}
|
|
@keyframes qr-loading {
|
|
0% { background-position: -500px 0; }
|
|
100% { background-position: 1000px 0; }
|
|
}
|
|
|
|
.form-control-wrap.tm-coin-field:before {
|
|
position: absolute;
|
|
margin: 11px 16px 12px;
|
|
pointer-events: none;
|
|
}
|
|
.tm-coin-field > .form-control {
|
|
padding-left: 46px;
|
|
}
|
|
|
|
.dots-animated:after {
|
|
position: absolute;
|
|
display: inline-block;
|
|
animation: dotty steps(1, end) 1s infinite;
|
|
content: '...';
|
|
}
|
|
|
|
@-webkit-keyframes dotty {
|
|
0%, 100% { content: ''; }
|
|
25% { content: '.'; }
|
|
50% { content: '..'; }
|
|
75% { content: '...'; }
|
|
}
|
|
@keyframes dotty {
|
|
0%, 100% { content: ''; }
|
|
25% { content: '.'; }
|
|
50% { content: '..'; }
|
|
75% { content: '...'; }
|
|
}
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
.wide-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.thin-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 480px) {
|
|
|
|
.tm-table > thead > tr > th {
|
|
--width: var(--medium-width, var(--thin-width));
|
|
}
|
|
|
|
.popup-container {
|
|
padding: 40px 20px;
|
|
}
|
|
.popup {
|
|
width: 360px;
|
|
min-width: 0;
|
|
margin-bottom: auto;
|
|
border-radius: var(--def-border-radius);
|
|
}
|
|
.popup-body {
|
|
padding: 22px 26px;
|
|
}
|
|
.popup section {
|
|
max-height: none;
|
|
}
|
|
.form-popup-container .popup-body {
|
|
padding-bottom: 20px;
|
|
}
|
|
.qr-code-popup-container .popup-body {
|
|
padding-bottom: 18px;
|
|
}
|
|
|
|
.popup {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
transition: transform var(--def-transition), opacity var(--def-transition);
|
|
}
|
|
.popup-container.hide .popup {
|
|
transform: scale(0.98);
|
|
opacity: 0;
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
:root {
|
|
--header-height: 56px;
|
|
}
|
|
html.header-tabs {
|
|
--header-height: 56px;
|
|
}
|
|
|
|
.btn {
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
padding: 14px 20px;
|
|
}
|
|
|
|
.tm-header-logo {
|
|
min-width: calc((100vw - 720px) / 2);
|
|
}
|
|
.tm-logo {
|
|
padding: 16px 22px;
|
|
}
|
|
.tm-logo-icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 10px;
|
|
margin: -10px -11px -10px -9px;
|
|
}
|
|
.tm-logo-text {
|
|
width: 101px;
|
|
height: 24px;
|
|
}
|
|
.tm-header-button {
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
padding: 9px 14px;
|
|
}
|
|
.tm-header-actions {
|
|
display: flex;
|
|
}
|
|
.tm-header-tabs {
|
|
position: static;
|
|
padding: 0;
|
|
}
|
|
.tm-header-tab {
|
|
padding: 19px 0;
|
|
}
|
|
.tm-header-menu-button {
|
|
padding: 19px;
|
|
}
|
|
|
|
.tm-dropdown .dropdown-toggle.btn {
|
|
padding: 9px 14px;
|
|
}
|
|
.tm-dropdown .dropdown-toggle.btn:after {
|
|
width: 15px;
|
|
height: 18px;
|
|
margin-left: 8px;
|
|
margin-right: -4px;
|
|
}
|
|
|
|
.support-bots-icon:hover > .tooltip-label,
|
|
.support-bots-icon:hover:after {
|
|
pointer-events: auto;
|
|
transition-delay: .3s;
|
|
transform: translate(-50px, 0);
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.support-bots-icon:hover:after {
|
|
transform: translate(-50%, 0);
|
|
}
|
|
|
|
.tm-wallet .current-icon {
|
|
width: 18px;
|
|
height: 19px;
|
|
}
|
|
.current-icon:hover:before,
|
|
.current-icon:hover:after {
|
|
transition-delay: .3s;
|
|
transform: translate(-50%, 0);
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.tm-unavailable {
|
|
padding: 36px 42px;
|
|
}
|
|
.tm-unavailable-header {
|
|
font-size: 30px;
|
|
line-height: 36px;
|
|
}
|
|
.tm-unavailable-text {
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
margin-top: 8px;
|
|
}
|
|
.tm-unavailable .tm-logo-icon {
|
|
width: 160px;
|
|
height: 160px;
|
|
}
|
|
|
|
.tm-article {
|
|
max-width: 672px;
|
|
}
|
|
#dev_page_content,
|
|
#dev_page_content p {
|
|
line-height: 1.45;
|
|
}
|
|
#dev_page_content p,
|
|
#dev_page_content li {
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
}
|
|
#dev_page_content > p {
|
|
margin-bottom: 20px;
|
|
}
|
|
#dev_page_content_wrap h1 {
|
|
font-size: 30px;
|
|
margin: 32px 0 27px;
|
|
}
|
|
#dev_page_content_wrap h2,
|
|
#dev_page_content_wrap h3 {
|
|
font-size: 24px;
|
|
}
|
|
#dev_page_content_wrap h4,
|
|
#dev_page_content_wrap h5 {
|
|
font-size: 19px;
|
|
}
|
|
#dev_page_content_wrap ul {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.tm-main {
|
|
max-width: 720px;
|
|
}
|
|
.tm-main-premium {
|
|
max-width: 480px;
|
|
}
|
|
.tm-main-intro {
|
|
padding: 36px 42px;
|
|
}
|
|
.tm-main-premium .tm-main-intro {
|
|
padding: 36px 12px;
|
|
}
|
|
.tm-main-intro-header {
|
|
font-size: 30px;
|
|
line-height: 36px;
|
|
}
|
|
.tm-main-intro-text {
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
margin-top: 8px;
|
|
}
|
|
.icon-link-more:after {
|
|
width: 12px;
|
|
height: 23px;
|
|
}
|
|
.tm-main-intro-link {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
padding: 10px 20px;
|
|
margin: 20px 0 -8px;
|
|
}
|
|
.tm-main-intro-link .icon-link-more:after {
|
|
width: 10px;
|
|
height: 19px;
|
|
}
|
|
.icon-telegram-premium {
|
|
width: 26px;
|
|
height: 36px;
|
|
margin-left: 7px;
|
|
}
|
|
svg.icon-telegram-premium use {
|
|
scale: 1;
|
|
}
|
|
|
|
.tm-header-search-form {
|
|
max-width: 274px;
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
.icon-search:before {
|
|
width: 16px;
|
|
}
|
|
.tm-search-input {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: 8px 20px 8px 40px;
|
|
}
|
|
.tm-search-field:before {
|
|
margin: 8px 12px;
|
|
}
|
|
.tm-main-search-form .tm-search-input,
|
|
.tm-main-search-form .tm-search-prefix {
|
|
font-size: 17px;
|
|
line-height: 24px;
|
|
padding: 14px 54px 16px 66px;
|
|
}
|
|
.tm-main-search-form .tm-search-prefix {
|
|
padding-right: 0;
|
|
}
|
|
.tm-main-search-form .tm-search-prefix + .tm-search-input {
|
|
padding-left: 112px;
|
|
}
|
|
.tm-main-search-form .tm-search-field:before {
|
|
margin: 14px 22px 16px;
|
|
}
|
|
.tm-main-search-form .icon-search:before {
|
|
width: 20px;
|
|
height: 24px;
|
|
}
|
|
.tm-main-search-form .icon-search-clear:before {
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
.tm-main-premium .tm-main-search-form .tm-search-input {
|
|
font-size: 15px;
|
|
}
|
|
.tm-main-form-group {
|
|
margin-bottom: 28px;
|
|
}
|
|
.tm-main-form-label-badge {
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
padding: 4px 8px;
|
|
margin: -1px 10px;
|
|
border-radius: 6px;
|
|
}
|
|
.tm-search-loading,
|
|
.tm-search-clear {
|
|
padding: 16px;
|
|
}
|
|
.tm-search-error-icon {
|
|
margin: 17px 19px;
|
|
}
|
|
.tm-search-field-photo {
|
|
margin: 9px 14px;
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
|
|
.icon-ton:before {
|
|
width: 15px;
|
|
height: 19px;
|
|
margin-left: -1px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.tm-section {
|
|
padding: 0 0 10px;
|
|
}
|
|
.tm-section-header {
|
|
padding: 22px 0 14px;
|
|
}
|
|
.tm-section-subheader {
|
|
margin-top: -17px;
|
|
margin-bottom: 18px;
|
|
text-align: left;
|
|
}
|
|
.tm-section-header .tm-dropdown {
|
|
margin-left: 12px;
|
|
}
|
|
.tm-auction-section .tm-section-header-domain {
|
|
max-width: 400px;
|
|
}
|
|
.tm-section-header-text {
|
|
font-size: 22px;
|
|
line-height: 36px;
|
|
padding: 0 13px;
|
|
}
|
|
.tm-section-header-status {
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
padding: 3px 10px;
|
|
margin: 9px 10px 4px;
|
|
border-radius: 6px;
|
|
}
|
|
.tm-section-text {
|
|
font-size: 15px;
|
|
line-height: 1.4;
|
|
margin: -4px 13px 18px;
|
|
}
|
|
.tm-section-text + .tm-section-text {
|
|
margin-top: -9px;
|
|
}
|
|
|
|
.tm-section-tabs {
|
|
margin: -6px -10px 23px;
|
|
padding: 0 13px;
|
|
}
|
|
.tm-section-tab {
|
|
padding: 10px 0;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.tm-pagination {
|
|
padding: 0 13px;
|
|
}
|
|
|
|
.tm-table-empty {
|
|
padding: 30px 20px;
|
|
}
|
|
|
|
.tm-table-responsive {
|
|
overflow: hidden;
|
|
}
|
|
.tm-table > thead > tr > th {
|
|
--width: var(--wide-width);
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 10px;
|
|
}
|
|
.tm-table > tbody > tr > td {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
}
|
|
.tm-table .table-cell,
|
|
.tm-table .tm-high-cells .table-cell {
|
|
padding: 10px;
|
|
}
|
|
.tm-table td:first-child .table-cell,
|
|
.tm-table thead > tr > th:first-child {
|
|
padding-left: 20px;
|
|
}
|
|
.tm-table td.thin-last-col .table-cell,
|
|
.tm-table thead > tr > th.thin-last-col {
|
|
padding-right: 10px;
|
|
}
|
|
.tm-table td:last-child .table-cell,
|
|
.tm-table td.wide-last-col .table-cell,
|
|
.tm-table thead > tr > th:last-child,
|
|
.tm-table thead > tr > th.wide-last-col {
|
|
padding-right: 20px;
|
|
}
|
|
.tm-table > thead > tr:first-child > th.thin-last-col {
|
|
border-top-right-radius: 0;
|
|
}
|
|
.tm-table > thead > tr:first-child > th.wide-last-col {
|
|
border-top-right-radius: var(--def-border-radius);
|
|
}
|
|
.tm-table > tbody > tr:last-child > td.thin-last-col,
|
|
.tm-table > tfoot > tr:last-child > td.thin-last-col {
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.tm-table > tbody > tr:last-child > td.wide-last-col,
|
|
.tm-table > tfoot > tr:last-child > td.wide-last-col {
|
|
border-bottom-right-radius: var(--def-border-radius);
|
|
}
|
|
.tm-table .tm-high-cells .table-cell {
|
|
height: 58px;
|
|
}
|
|
.tm-table .table-cell-value,
|
|
.tm-table .table-cell-desc {
|
|
font-size: 13px;
|
|
}
|
|
.tm-table .table-cell-oneline {
|
|
padding-top: 10px;
|
|
}
|
|
.tm-table .table-cell-oneline.table-cell-wide {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.tm-table .table-cell-oneline .table-cell-desc {
|
|
font-size: 14px;
|
|
}
|
|
.tm-table tbody .tm-row-selectable > td.thin-last-col > .table-cell {
|
|
padding-right: 10px;
|
|
}
|
|
.tm-table tbody .tm-row-selectable > td.thin-last-col > .table-cell:after {
|
|
display: none;
|
|
}
|
|
.tm-table tbody .tm-row-selectable > td:last-child > .table-cell,
|
|
.tm-table tbody .tm-row-selectable > td.wide-last-col > .table-cell {
|
|
padding-right: 40px;
|
|
}
|
|
.tm-table tbody .tm-row-selectable > td.wide-last-col > .table-cell:after {
|
|
display: block;
|
|
width: 11px;
|
|
right: 20px;
|
|
}
|
|
.tm-table > tbody > tr > td .table-cell-value.tm-value {
|
|
font-size: 14px;
|
|
}
|
|
.tm-table > tbody > tr > td:first-child .table-cell-value.tm-value {
|
|
font-size: 15px;
|
|
}
|
|
.table-cell-value-row > .table-cell-status-thin {
|
|
font-size: 12px;
|
|
margin-top: 2px;
|
|
margin-bottom: 1px;
|
|
}
|
|
.tm-table-action + .tm-table-action {
|
|
margin-left: 16px;
|
|
}
|
|
.tm-table-action-link + .tm-table-action-link {
|
|
margin-left: 5px;
|
|
}
|
|
.tm-table-button,
|
|
.tm-table-action-link {
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
padding: 7px 11px;
|
|
}
|
|
|
|
.tm-auction-section .tm-section-header {
|
|
padding: 30px 0 19px;
|
|
}
|
|
.tm-section-subscribe {
|
|
display: none;
|
|
}
|
|
.tm-section-header > .tm-section-subscribe,
|
|
.tm-section-header > .tm-section-header-link {
|
|
display: block;
|
|
margin: 9px 20px 4px;
|
|
width: auto;
|
|
}
|
|
.tm-auction-section {
|
|
margin-bottom: -22px;
|
|
}
|
|
.tm-auction-section > .tm-section-box {
|
|
width: calc(50% - 12px);
|
|
margin-bottom: 22px;
|
|
}
|
|
.tm-auction-section .tm-section-header {
|
|
order: 1;
|
|
}
|
|
.tm-auction-section .tm-section-subheader {
|
|
order: 2;
|
|
}
|
|
.tm-auction-section .tm-section-bid-info {
|
|
order: 3;
|
|
}
|
|
.tm-auction-section .tm-section-auction-info {
|
|
order: 4;
|
|
}
|
|
.tm-auction-section .tm-section-buttons {
|
|
order: 5;
|
|
}
|
|
.tm-auction-section .tm-section-countdown-wrap {
|
|
order: 6;
|
|
}
|
|
.tm-section-tabs + .tm-section-bid-info,
|
|
.tm-section-tabs-wrap + .tm-section-bid-info {
|
|
margin-bottom: 23px;
|
|
}
|
|
|
|
.tm-auction-section .tm-section-header-text {
|
|
font-size: 28px;
|
|
justify-content: start;
|
|
}
|
|
|
|
.tm-bid-info-text {
|
|
--line-height: 19px;
|
|
padding: 2px 20px 10px;
|
|
}
|
|
.tm-offer-info-text {
|
|
--line-height: 18px;
|
|
padding-top: 9px;
|
|
padding-bottom: 9px;
|
|
}
|
|
.tm-list-item-hint {
|
|
--line-height: 19px;
|
|
padding: 0 20px 10px;
|
|
}
|
|
|
|
.tm-under-table-buttons {
|
|
flex-direction: row;
|
|
}
|
|
.tm-under-table-buttons .btn + .btn {
|
|
margin-top: 0;
|
|
margin-left: 14px;
|
|
}
|
|
|
|
.tm-list {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
.tm-list dt,
|
|
.tm-list dd {
|
|
line-height: 20px;
|
|
}
|
|
.tm-list-item {
|
|
padding: 11px 20px;
|
|
}
|
|
|
|
.tm-section-countdown,
|
|
.tm-section-countdown-end {
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
height: 46px;
|
|
padding: 8px 0;
|
|
}
|
|
.tm-countdown-label {
|
|
margin-right: 16px;
|
|
}
|
|
.tm-countdown-timer {
|
|
font-size: 15px;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit:before {
|
|
margin: 3px 0;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit {
|
|
min-width: 23px;
|
|
height: 30px;
|
|
}
|
|
.tm-countdown-timer > .reel > .digit.timer-d {
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.tm-main-box-processing {
|
|
margin: 50px auto 0;
|
|
}
|
|
|
|
.tm-form-radio-label .tm-value {
|
|
width: 90px;
|
|
}
|
|
.tm-form-radio-label .tm-radio-desc {
|
|
width: 70px;
|
|
}
|
|
.gift-premium-popup-container .popup .popup-text + .popup-text {
|
|
margin-top: 15px;
|
|
}
|
|
.tm-gift-premium-preview {
|
|
margin: 20px auto 0;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
/* images */
|
|
:root {
|
|
--image-url-logo-icon: url('data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M%20126.3%20153.6%20L%20252%20209.2%20C%20255.2%20210.7%20259.2%20210.5%20264.2%20208.2%20L%20388%20153.5%20C%20394.6%20151.1%20390.9%20143.7%20385.7%20144.5%20L%20129.1%20143.4%20C%20121.9%20143.7%20119.9%20150.9%20126.3%20153.6%20Z%20M%20116.2%20182.1%20L%20234.6%20366.1%20C%20238.3%20372.1%20247.7%20368.7%20247.4%20363.3%20L%20247.2%20237.1%20C%20247.1%20230%20245.3%20228.4%20240.8%20226.5%20L%20122.4%20173.8%20C%20118.1%20171.4%20112.3%20175.4%20116.2%20182.1%20Z%20M%20267.5%20234.8%20L%20267.8%20361.8%20C%20267.9%20370.3%20276.4%20371.9%20281.3%20364.7%20L%20384.2%20205.3%20L%20386.4%20201.9%20L%20388.3%20199%20L%20388.3%20198.9%20L%20399.1%20182.3%20C%20402.4%20176.8%20397.2%20170.5%20389.4%20174.2%20L%20272%20227.1%20C%20271.8%20227.2%20271.6%20227.3%20271.4%20227.4%20C%20269.9%20228.3%20268.9%20229.2%20268.4%20230.3%20C%20267.7%20231.5%20267.5%20233%20267.5%20234.8%20Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-logo-text: url('data:image/svg+xml,%3Csvg%20height%3D%2253%22%20viewBox%3D%220%200%20226%2053%22%20width%3D%22226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m%2023.84%2048%20h%206.82%20v%20-18.91%20h%208.8%20v%20-6.2%20h%20-8.8%20v%20-12.09%20h%2011.22%20v%20-6.2%20h%20-18.04%20z%20m%2021.81%200%20h%206.82%20v%20-18.6%20h%202.36%20c%203.1%200%204.28%201.3%204.28%205.33%20v%207.94%20c%200%203.53%200.24%204.21%200.62%205.33%20h%206.94%20c%20-0.68%20-1.61%20-0.74%20-3.16%20-0.74%20-5.27%20v%20-7.63%20c%200%20-4.89%20-1.12%20-8.12%20-4.53%20-9.17%20v%20-0.13%20c%203.04%20-1.24%204.46%20-4.09%204.46%20-8.55%20v%20-2.67%20c%200%20-6.69%20-3.03%20-9.98%20-10.1%20-9.98%20h%20-10.11%20z%20m%206.82%20-24.8%20v%20-12.4%20h%203.1%20c%202.42%200%203.47%201.36%203.47%204.46%20v%203.35%20c%200%203.47%20-1.55%204.59%20-4.09%204.59%20z%20m%2016.86%2024.8%20h%206.32%20l%201.24%20-8.49%20h%207.75%20v%20-0.13%20l%201.24%208.62%20h%206.82%20l%20-7.07%20-43.4%20h%20-9.23%20z%20m%208.37%20-14.38%20l%202.97%20-21.46%20h%200.13%20l%203.04%2021.46%20z%20m%2028.32%2015%20c%206.7%200%2010.17%20-3.97%2010.17%20-10.91%20v%20-14.2%20h%20-9.86%20v%206.2%20h%203.41%20v%208.49%20c%200%203.1%20-1.36%204.22%20-3.53%204.22%20s%20-3.53%20-1.12%20-3.53%20-4.22%20v%20-23.74%20c%200%20-3.1%201.36%20-4.28%203.53%20-4.28%20s%203.53%201.18%203.53%204.28%20v%204.15%20h%206.45%20v%20-3.72%20c%200%20-6.94%20-3.47%20-10.91%20-10.17%20-10.91%20c%20-6.69%200%20-10.16%203.97%20-10.16%2010.91%20v%2022.82%20c%200%206.94%203.47%2010.91%2010.16%2010.91%20z%20m%2015.06%20-0.62%20h%205.95%20v%20-32.86%20h%200.13%20l%204.96%2032.86%20h%205.7%20l%204.96%20-32.86%20h%200.13%20v%2032.86%20h%206.44%20v%20-43.4%20h%20-9.73%20l%20-4.34%2031.06%20h%20-0.12%20l%20-4.34%20-31.06%20h%20-9.74%20z%20m%2033.85%200%20h%2018.6%20v%20-6.2%20h%20-11.78%20v%20-13.33%20h%209.36%20v%20-6.2%20h%20-9.36%20v%20-11.47%20h%2011.78%20v%20-6.2%20h%20-18.6%20z%20m%2022.99%200%20h%206.08%20v%20-31.68%20h%200.12%20l%208.18%2031.68%20h%207.01%20v%20-43.4%20h%20-6.08%20v%2025.98%20h%20-0.12%20l%20-6.63%20-25.98%20h%20-8.56%20z%20m%2032.29%200%20h%206.82%20v%20-37.2%20h%207.13%20v%20-6.2%20h%20-21.08%20v%206.2%20h%207.13%20z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-connect-telegram: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.32%208.22c4.81-2.07%208.02-3.43%209.62-4.08%203.48-1.43%204.87-1.96%205.61-2.13.23-.06%201.45.29%201.45%201.18%200%202.58-1.32%208.8-1.87%2011.67-.23%201.22-1.88%201.6-3.74.45-1.47-.91-2.27-1.52-3.68-2.44-1.63-1.05-.58-1.63.35-2.58.25-.25%204.47-4.03%204.55-4.37.01-.04.02-.2-.08-.29-.09-.08-.24-.05-.34-.03-.14.03-2.46%201.54-6.96%204.53-.66.44-1.25.66-1.79.65-.59-.02-1.15-.05-2.56-.6-.94-.37-1.13-1.02-.56-1.96z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-connect-ton: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.7%22%3E%3Cpath%20d%3D%22m1.84%203h13.3c.28%200%20.5.22.5.5%200%20.09-.02.17-.06.25l-6.33%2011.18c-.27.48-.88.65-1.36.38-.16-.09-.3-.23-.38-.39l-6.11-11.18c-.13-.24-.04-.55.2-.68.08-.04.16-.06.24-.06z%22%2F%3E%3Cpath%20d%3D%22m8.5%2015v-12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-tonkeeper: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m9%208%207-3-7%2011z%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22m9%208-7-3%207%2011z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m9%208-7-3%207-3%207%203z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-telegram-premium: url('data:image/svg+xml,%3Csvg%20height%3D%2236%22%20viewBox%3D%220%200%2026%2036%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8.88%2013.45%202.89-5.71c.33-.66%201.14-.93%201.8-.6.25.13.46.35.59.61l2.73%205.51c.22.45.66.76%201.16.82l5.7.68c.78.09%201.33.79%201.24%201.57-.04.31-.18.61-.41.84l-4.52%204.42c-.18.18-.27.43-.23.68l.75%205.98c.1.85-.5%201.63-1.36%201.74-.32.04-.65-.02-.94-.18l-4.77-2.59c-.34-.19-.76-.19-1.11-.01l-4.93%202.52c-.7.35-1.55.07-1.91-.62-.13-.26-.18-.55-.14-.84l.4-2.74c.19-1.34%201.03-2.51%202.23-3.12l5.49-2.78c.15-.08.2-.26.13-.4-.06-.12-.18-.18-.31-.16l-6.71.95c-1.02.15-2.06-.14-2.87-.79l-2.23-1.82c-.64-.51-.73-1.45-.22-2.09.24-.29.59-.48.97-.53l5.73-.74c.36-.04.68-.27.85-.6z%22%20fill%3D%22%23248bda%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-collectibles: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22m1.56%2015.33h14.44c.31%200%20.56-.25.56-.55v-9.72c0-1.69-1.37-3.06-3.06-3.06h-9.44c-1.69%200-3.06%201.37-3.06%203.06v9.72c0%20.3.25.55.56.55z%22%2F%3E%3Cpath%20d%3D%22m1.277778%207.972222h5.138889%22%2F%3E%3Cpath%20d%3D%22m11.277778%207.972222h5.138889%22%2F%3E%3Cpath%20d%3D%22m10.72%206.59.14%203.47c0%20.19-.08.36-.21.48-.12.13-.29.2-.48.2h-2.78c-.19%200-.36-.07-.49-.2-.12-.12-.2-.29-.2-.48v-3.34z%22%20transform%3D%22matrix%28-1%200%200%201%2017.56%200%29%22%2F%3E%3C%2Fg%3E%3Crect%20fill%3D%22%23fff%22%20height%3D%221.39%22%20rx%3D%22.42%22%20width%3D%221.11%22%20x%3D%228.22%22%20y%3D%227.97%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-change-account: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20width%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22m11.39%205.06v-1.23c0-1.01-.82-1.83-1.83-1.83h-6.73c-1.01%200-1.83.82-1.83%201.83v9.78c0%201.01.82%201.83%201.83%201.83h6.73c1.01%200%201.83-.82%201.83-1.83v-1.53%22%2F%3E%3Cpath%20d%3D%22m5.89%208.72h12.07%22%2F%3E%3Cpath%20d%3D%22m14.9%205.21%203.3%203.3c.12.12.12.31%200%20.43l-3.3%203.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-popup-close: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20width%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1%209%208-8m0%208-8-8%22%20fill%3D%22none%22%20stroke%3D%22%238794a1%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-header-menu: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%20width%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3%209h16m-16-6h16m-16%2012h16%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.733333%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-header-menu-close: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%20width%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%2015%2012-12m0%2012-12-12%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.733333%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-assets: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m10%2060h52c1.1%200%202-.9%202-2v-35c0-6.08-4.92-11-11-11h-34c-6.08%200-11%204.92-11%2011v35c0%201.1.9%202%202%202zm-1-26.5h18.5zm36%200h18.5zm-16-5.7c-.33%200-.63.13-.85.35s-.35.52-.35.85v12c0%20.88.36%201.68.94%202.26s1.38.94%202.26.94h10c.88%200%201.68-.36%202.26-.94s.94-1.38.94-2.26v-12c0-.33-.13-.63-.35-.85s-.52-.35-.85-.35z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.6%22%2F%3E%3Crect%20fill%3D%22%23fff%22%20height%3D%225%22%20rx%3D%221.5%22%20width%3D%224%22%20x%3D%2234%22%20y%3D%2233.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-bids: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2231%22%20stroke-width%3D%223.6%22%2F%3E%3Cpath%20d%3D%22m22.73%2026h26.52c.57%200%201.04.47%201.04%201.04%200%20.18-.05.35-.13.5l-12.56%2023.05c-.55%201.01-1.82%201.38-2.83.83-.36-.2-.65-.5-.85-.86l-12.12-23.03c-.26-.51-.07-1.14.44-1.41.15-.08.32-.12.49-.12zm13.27%2024.89v-24.89%22%20stroke-width%3D%223.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-numbers: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.6%22%3E%3Cpath%20d%3D%22m17.16%2015.2c1.76%200%203.38.65%204.6%201.74%201.23%201.09%202.07%202.62%202.28%204.37l.75%206.43c.23%202.02-.43%204.01-1.8%205.48l-1.59%202.81c3.46%206.26%209.51%2011.59%2015.82%2014.99l2.97-1.98c1.48-1.36%203.94-1.89%205.97-1.65l6.05%201.01c1.9.4%203.31%201.39%204.26%202.95.83%201.34%201.3%203.17%201.33%205.52%200%201.97-.82%203.77-2.14%205.03-1.31%201.27-3.11%202.01-5.07%201.89-11.37-.71-21.61-5.59-29.17-13.14-7.57-7.55-12.47-17.75-13.18-29.1-.13-2.1.11-3.6.8-4.59.7-1.02%201.85-1.76%204.07-1.76z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Crect%20height%3D%2214%22%20rx%3D%223.33%22%20width%3D%2220%22%20x%3D%2240%22%20y%3D%2219%22%2F%3E%3Cpath%20d%3D%22m44.2%2018.86v-5.06c0-3.2%202.6-5.8%205.8-5.8s5.8%202.6%205.8%205.8v5.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-sessions: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%3E%3Cpath%20d%3D%22m52.5%2028.5h10c1.66%200%203%201.34%203%203v22c0%201.66-1.34%203-3%203h-10c-1.66%200-3-1.34-3-3v-22c0-1.66%201.34-3%203-3z%22%20stroke-width%3D%223.6%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m5.5%2056h35%22%20stroke-width%3D%224.2%22%2F%3E%3Cpath%20d%3D%22m12%2055.5v-34.5c0-2.76%202.24-5%205-5h37.34c2.79%200%205.07%202.21%205.16%205%22%20stroke-width%3D%223.6%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-convert: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.6%22%3E%3Ccircle%20cx%3D%2235.027778%22%20cy%3D%2234%22%20r%3D%2212.152778%22%2F%3E%3Ccircle%20cx%3D%2235.027778%22%20cy%3D%2234%22%20r%3D%2212.152778%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m47.18%2034.49c-.65%207.45%201.62%2011.34%206.81%2011.66%205.18.33%207.77-3.72%207.77-12.15%200-14.77-11.97-26.74-26.73-26.74-14.77%200-26.74%2011.97-26.74%2026.74s11.97%2026.74%2026.74%2026.74h18.18%22%2F%3E%3Cpath%20d%3D%22m47%2053%208.54%207.12c.21.17.24.49.06.7-.02.02-.04.04-.06.06l-8.54%207.12%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-disconnect: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m45.5%2023.5v-4c0-3.31-2.69-6-6-6h-22c-3.31%200-6%202.69-6%206v32c0%203.31%202.69%206%206%206h22c3.31%200%206-2.69%206-6v-5m-18-11h39.5zm29.5-11.5%2010.79%2010.79c.39.39.39%201.03%200%201.42l-10.79%2010.79%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223.6%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-about: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2229%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.6%22%2F%3E%3Cpath%20d%3D%22m36%2047.85v-14.64%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224.4%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2224.77%22%20fill%3D%22%23fff%22%20r%3D%222.81%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-faq: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m28.98%2027.35c0-4.21%203.28-6.32%207.02-6.32s7.23%202.03%207.91%206.08c.03.15.05.29.08.43.53%202.64-.73%205.13-3.78%207.49-2.7%202.08-4.23%204.27-4.59%206.58%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223.6%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2229%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.6%22%2F%3E%3Crect%20fill%3D%22%23fff%22%20height%3D%224.8%22%20rx%3D%222.25%22%20width%3D%224.8%22%20x%3D%2232.9%22%20y%3D%2247.23%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-privacy: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m34.81%206.51c.76-.27%201.6-.27%202.36.01l22.1%208.02c.66.23%201.21.66%201.61%201.19.4.54.64%201.19.68%201.89.76%2013.39-.33%2023.34-3.12%2029.89-2.78%206.48-9.36%2012.53-19.96%2017.98-.47.24-4.81.28-5.5-.02-10.9-4.77-17.74-10.82-20.72-17.98-3.05-7.32-3.84-17.33-2.26-30.07.09-.66.35-1.26.74-1.75.4-.49.93-.88%201.55-1.1zm-10.5%2031.37%208.19%207.39c.15.14.38.13.51-.02l16.73-17.63%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223.6%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-menu-terms: url('data:image/svg+xml,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.6%22%3E%3Crect%20height%3D%2256%22%20rx%3D%228%22%20width%3D%2248%22%20x%3D%2212%22%20y%3D%228%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m23.69%2043.625h24.183%22%2F%3E%3Cpath%20d%3D%22m23.69%2051.625h24.183%22%2F%3E%3Cpath%20d%3D%22m28%2027.88%205.48%204.96c.1.09.25.08.34-.01l11.18-11.83%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-link-more: url('data:image/svg+xml,%3Csvg%20height%3D%2223%22%20viewBox%3D%220%200%2012%2023%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m%206%208%20l%204.15%204.12%20c%200.19%200.19%200.19%200.51%200%200.7%20l%20-4.15%204.18%22%20fill%3D%22none%22%20stroke%3D%22%234db2ff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-search: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%238494a3%22%20stroke-width%3D%221.41%22%3E%3Cellipse%20cx%3D%228.82%22%20cy%3D%228.35%22%20rx%3D%224.48%22%20ry%3D%224.64%22%2F%3E%3Cpath%20d%3D%22m2%2016%203.77-3.89%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-main-search: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2020%2024%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%238494a3%22%20stroke-width%3D%222%22%3E%3Cellipse%20cx%3D%2211.66%22%20cy%3D%2210.4%22%20rx%3D%226.34%22%20ry%3D%226.4%22%2F%3E%3Cpath%20d%3D%22m2%2021%205.34-5.39%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-main-search-clear: url('data:image/svg+xml,%3Csvg%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20width%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%2017%2012-12m-12%200%2012%2012%22%20stroke%3D%22%238494a3%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20x1%3D%225%22%20x2%3D%2217%22%20y1%3D%225%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-main-search-error: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20fill%3D%22%23fff%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m10%200c5.52%200%2010%204.48%2010%2010s-4.48%2010-10%2010-10-4.48-10-10%204.48-10%2010-10zm0%2012.75c-.69%200-1.25.56-1.25%201.25s.56%201.25%201.25%201.25%201.25-.56%201.25-1.25-.56-1.25-1.25-1.25zm0-7.75c-.55%200-1%20.45-1%201v5c0%20.55.45%201%201%201s1-.45%201-1v-5c0-.55-.45-1-1-1z%22%20fill%3D%22%23ff5863%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-dropdown-caret: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2%207.5%205.11%205.15c.2.19.52.19.71%200l5.18-5.15%22%20fill%3D%22none%22%20stroke%3D%22%23677a8c%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-dropdown-caret-active: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2%207.5%205.11%205.15c.2.19.52.19.71%200l5.18-5.15%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-dropdown-selected: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20width%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1%204.91%203.75%203.78c.17.17.45.17.62%200l7.63-7.69%22%20fill%3D%22none%22%20stroke%3D%22%234db2ff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-dropdown-actions: url('data:image/svg+xml,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2033%2048%22%20width%3D%2233%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%229%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2224%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2239%22%20r%3D%224.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-checkbox-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4.9%2010.17%202.57%202.57c.08.08.2.08.28%200l5.78-5.77%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-ton-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2219%22%20viewBox%3D%220%200%2015%2019%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.74%204.5h11.51c.24%200%20.44.2.44.44%200%20.08-.02.15-.05.22l-5.46%209.9c-.24.43-.78.59-1.21.35-.15-.08-.27-.21-.36-.36l-5.26-9.9c-.12-.21-.04-.48.18-.6.07-.03.14-.05.21-.05zm5.76%2010.67v-10.67z%22%20fill%3D%22none%22%20stroke%3D%22%234db2ff%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-ton-btn-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2219%22%20viewBox%3D%220%200%2015%2019%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.74%204.5h11.51c.24%200%20.44.2.44.44%200%20.08-.02.15-.05.22l-5.46%209.9c-.24.43-.78.59-1.21.35-.15-.08-.27-.21-.36-.36l-5.26-9.9c-.12-.21-.04-.48.18-.6.07-.03.14-.05.21-.05zm5.76%2010.67v-10.67z%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-ton-text-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.68%205h10.63c.22%200%20.4.18.4.41%200%20.07-.01.14-.05.2l-5.04%209.08c-.22.4-.72.54-1.11.32-.14-.08-.25-.19-.32-.33l-4.87-9.08c-.1-.2-.03-.45.17-.55.06-.03.12-.05.19-.05zm5.32%209.78v-9.78z%22%20fill%3D%22none%22%20stroke%3D%22%238c9aa9%22%20stroke-width%3D%221.39%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-support-bots-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%234db2ff%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28.67%202%29%22%3E%3Cpath%20d%3D%22m7.33%200c2.58%200%204.67%202.09%204.67%204.67v4.56c0%201.28-1.04%202.33-2.33%202.33h-4.68c-1.28%200-2.32-1.05-2.32-2.33v-4.56c0-2.58%202.09-4.67%204.66-4.67zm0%201.11c-1.96%200-3.55%201.59-3.55%203.56v.44c0%20.74.59%201.33%201.33%201.33h4.45c.73%200%201.33-.59%201.33-1.33v-.44c0-1.97-1.59-3.56-3.56-3.56z%22%2F%3E%3Crect%20height%3D%224.89%22%20rx%3D%22.89%22%20width%3D%221.78%22%20x%3D%2212.89%22%20y%3D%224.89%22%2F%3E%3Crect%20height%3D%224.89%22%20rx%3D%22.89%22%20width%3D%221.78%22%20y%3D%224.89%22%2F%3E%3Cellipse%20cx%3D%228.89%22%20cy%3D%224.22%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3Cellipse%20cx%3D%225.78%22%20cy%3D%224.22%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-support-bots-text-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%238c9aa9%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28.708333%202.125%29%22%3E%3Cpath%20d%3D%22m7.79%200c2.74%200%204.96%202.22%204.96%204.96v4.84c0%201.37-1.11%202.48-2.47%202.48h-4.97c-1.37%200-2.48-1.11-2.48-2.48v-4.84c0-2.74%202.22-4.96%204.96-4.96zm0%201.18c-2.08%200-3.78%201.69-3.78%203.78v.47c0%20.78.64%201.42%201.42%201.42h4.72c.79%200%201.42-.64%201.42-1.42v-.47c0-2.09-1.69-3.78-3.78-3.78z%22%2F%3E%3Crect%20height%3D%225.19%22%20rx%3D%22.94%22%20width%3D%221.89%22%20x%3D%2213.69%22%20y%3D%225.19%22%2F%3E%3Crect%20height%3D%225.19%22%20rx%3D%22.94%22%20width%3D%221.89%22%20y%3D%225.19%22%2F%3E%3Cellipse%20cx%3D%229.44%22%20cy%3D%224.49%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3Cellipse%20cx%3D%226.14%22%20cy%3D%224.49%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-wallet-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m12.5%2011c.39%200%20.74-.15%201.04-.46.31-.3.46-.66.46-1.06%200-.39-.15-.74-.46-1.03-.3-.3-.65-.45-1.04-.45s-.74.15-1.04.45c-.31.29-.46.64-.46%201.03%200%20.4.15.76.46%201.06.3.31.65.46%201.04.46zm-2.45%202.5c-.47%200-.85-.24-1.13-.52s-.42-.65-.42-1.1v-4.73c0-.48.14-.85.42-1.12s.66-.53%201.13-.53h5.39c.48%200%20.86.26%201.14.53s.42.64.42%201.12v4.73c0%20.45-.14.82-.42%201.1s-.66.52-1.14.52zm-9.05%201v-10c0-1.38%201.12-2.5%202.5-2.5h11.38c.33%200%20.63.13.88.39.25.25.38.54.38.86v.75h-6.35c-.81%200-1.49.64-2.02%201.17-.53.52-.77%201.18-.77%201.98v4.73c0%20.79.24%201.45.77%201.97.53.53%201.21%201.15%202.02%201.15h6.35v.75c0%20.33-.13.63-.38.88s-.55.37-.88.37h-11.38c-1.38%200-2.5-1.12-2.5-2.5z%22%20fill%3D%22%234cb0fd%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-copy-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20width%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.4%22%3E%3Crect%20height%3D%2211.5%22%20rx%3D%221.5%22%20width%3D%228.48%22%20x%3D%223.52%22%20y%3D%224.5%22%2F%3E%3Cpath%20d%3D%22m1%2012.25v-7.5c0-1.52%201.23-2.75%202.75-2.75h4.35%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-copy-text-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2013%2018%22%20width%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%234db2ff%22%20stroke-width%3D%221.4%22%3E%3Crect%20height%3D%2211.5%22%20rx%3D%221.5%22%20width%3D%228.48%22%20x%3D%223.52%22%20y%3D%224.5%22%2F%3E%3Cpath%20d%3D%22m1%2012.25v-7.5c0-1.52%201.23-2.75%202.75-2.75h4.35%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-tooltip-bottom: url('data:image/svg+xml,%3Csvg%20height%3D%226%22%20viewBox%3D%220%200%2015%206%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h15c-.22%200-.47.1-.66.29l-4.71%204.64c-1.17%201.15-3.05%201.15-4.21%200l-4.72-4.64c-.19-.19-.44-.29-.7-.29z%22%20fill%3D%22%232d3c4c%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-row-arrow: url('data:image/svg+xml,%3Csvg%20height%3D%2217%22%20viewBox%3D%220%200%2011%2017%22%20width%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3%2014%205.15-5.11c.19-.2.19-.52%200-.71l-5.15-5.18%22%20fill%3D%22none%22%20stroke%3D%22%235b6975%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
|
|
|
|
--image-url-list-item-selected-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20width%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6%2013.44%204.3%204.3c.2.2.52.2.71%200l8.74-8.74%22%20fill%3D%22none%22%20stroke%3D%22%234db2ff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|