diff --git a/data/web/fragment.com/about.html b/data/web/fragment.com/about.html new file mode 100644 index 0000000000..857251faaa --- /dev/null +++ b/data/web/fragment.com/about.html @@ -0,0 +1,367 @@ + + + + + How does Fragment work? – Fragment + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+
+ + + +
+
+
+
+
+
+ +
+ +

Platform

+ + +
+
+
+
+
+
+
+
+

How does Fragment work?

+ +

Fragment is a free platform which facilitates the transaction of collectibles between users. It supports direct, secure and anonymous sales as well as public auctions where everyone can participate over a period of time. To provide this service transparently, Fragment takes full advantage of TON, a blockchain technology initially developed by Telegram.

+

If you have used similar platforms before, go ahead and connect your Telegram account and your TON wallet to Fragment. You can then bid on any available auction, either in the featured list on the homepage or via the search bar at the top.

+

If you are not familiar with these terms and don't know where to start, simply follow the handy tutorial available below.

+

What is a Collectible?

+

A collectible is a unique item (e.g. a username, virtual phone number, etc.) that is permanently recorded on the public TON blockchain as property owned by the holder of the corresponding address. TON offers a free, distributed and secure interface for developers to integrate collectibles into their platforms.

+

Once you obtain a collectible, it is yours forever and you are free to show it off, sell it, or take advantage of the features it unlocks. The unique functionalities tied to collectibles will depend on how each platform chooses to support them.

+

Fragment is integrated with Telegram usernames – giving users the ability to securely acquire and exchange catchy collectible usernames, as well as convert existing usernames on Telegram into collectibles. Additionally, Fragment allows users to purchase anonymous numbers that can be used to register a Telegram account without tying it to a SIM card.

+

Other services are free to integrate collectibles to unlock cross-platform, permanent perks for their users.

+

How can I purchase collectibles?

+

You can purchase a collectible on Fragment by exchanging it with a special currency called Toncoin – the amount you need will depend on what the current highest bid is, just like any other auction.

+

To use this currency you must first create a secure wallet to store it, deposit new funds in it and finally connect it to Fragment.

+
+

If you're running into any issue while following this tutorial, check out the FAQ section below.

+
+

Creating a Wallet

+

To create your wallet, simply tap on this link and install the Tonkeeper app with one of the available buttons. Once you have installed it, tap on Get Started > Create New Wallet and follow the instructions on the screen.

+

You'll soon be presented with a numbered list of words – this is the equivalent of your password and you must write it down or store it securely. Failure to do so will result in the irreversible loss of your wallet, funds and collectibles.

+
+

With non-custodial wallets like TonKeeper nobody holds the keys to your funds but you. While this is very secure, it also means that if you lose the keys nobody will be able to help you restore them; be sure to back up your credentials.

+
+

Depositing funds

+

Once your wallet is ready, you'll have to deposit funds in it. To deposit existing TON stored somewhere else (e.g. from a friend, family, etc.), scan the QR code under the receive button. If you do not own any TON, you will need to buy it.

+

A list of reputable platforms which offer this service is available here; some of them may ask for a form of identification – this is to be expected as you will be exchanging funds.

+

No matter which platform you pick, be sure to insert your wallet address when you are prompted for one – if you don't insert the correct wallet address, your funds may be lost. For maximum safety, copy-paste your wallet address directly from the app.

+
+ +
+ +

Do not send funds to the address in the screenshots above – they just provide an example of where to look in your own wallet app.

+
+

Don't panic if your new funds don't appear immediately! Transactions usually happen within seconds, but may sometimes take longer. If you still don't see them after 30 minutes, check out the FAQ section below.

+
+

Connecting to Fragment and Telegram

+

Once your funds show up in your wallet, open Fragment and use the button in the top-right corner to log in. You will find a Telegram login widget where you can enter your phone number in international format. Other users will not see your Telegram account or phone number, even if you participate in an auction.

+

After logging in with Telegram, use the Connect TON button to log in with Tonkeeper. If you're using Fragment from a separate device, simply scan the QR code from your Tonkeeper app; if you're using the same phone, tap the button right below the QR.

+
+

Remember that the Tonkeeper app has a built-in QR scanner in the top-right corner of the screen.

+
+

Bidding TON

+

After connecting to Fragment you're all set and ready to bid on any available collectible. To do so, tap on one of the available auctions, enter an amount, confirm it and pay via Tonkeeper – just like you did when you were logging in.

+

During bidding, whoever’s bid is first to the blockchain will get the bid at that price. If your bid wasn’t reflected in the blockchain before the auction ends, you will get the money back and lose the bid. Your money will also be returned if somebody else outbids you.

+
+

Usernames listed as Taken are currently in use and not available for sale. However, you can pay a small fee to notify their owner that you are interested in acquiring the name. To do so, search for the username on Fragment, open its page and tap on 'Make an offer'.

+
+
+

Putting Collectibles Up For Auction

+

If you own a collectible, you are free to either sell it directly or auction it to the public at any time. To do so, tap on My Assets and select either Put up for auction or Sell depending on what you want to do.

+
+

If you decide to auction one of your unique items (e.g., usernames, phone numbers, etc.), remember that you can set an optional maximum price which, if paid, will immediately end the auction. Note that collectibles are subject to a 5% platform fee on each transaction.

+
+

Auctioning Basic Usernames

+

Any basic username from your Telegram account can be auctioned on Fragment, including those that are linked to your profile, public groups or public channels.

+

Interested buyers can place a bid to start an auction at any time – when the auction ends, the basic username will be converted into a collectible and assigned to the winner.

+

The original owner of the basic username will earn all proceeds minus applicable fees. They may also try to win the auction themselves to retain ownership of the new collectible.

+

Listing your username on Fragment

+

If you own a basic username on Telegram and wish to make it available on Fragment, simply:

+
    +
  • Log in to Fragment with both your Telegram and TON accounts.
  • +
  • The TON wallet you've connected will receive the proceeds from the auction, so make sure to connect a wallet that you own.
  • +
  • Tap on your TON wallet in the top right corner and choose 'Convert to Collectibles' (or follow the 'Convert Usernames to Collectibles' link in 'My Assets').
  • +
  • Select a username from the list. Note that to prevent abuse, usernames you acquired or reassigned (i.e., moved it from your profile to a channel you own, etc.) very recently may not be immediately available.
  • +
  • Set a minimum bid. Buyers will have to pay at least this amount to acquire the collectible.
  • +
+

After confirming, your username will remain available for auction for an unlimited time – interested buyers, including yourself, can place the first bid to start a 7-day auction.

+
+

While a username is available for auction, you can't reassign it to a different chat or profile (but you can remove it to protect privacy, or restore it in the same place). You can cancel the auction to reassign the username elsewhere.

+
+

Canceling an auction

+

You can cancel the auction at any time before the first bid is placed. If you do so, you will keep the basic username and it will not be converted into a collectible.

+

After the first bid is placed, the auction can no longer be canceled.

+

When the auction ends

+

When the auction ends you will earn all proceeds minus applicable fees. The outcome may slightly differ depending on the winner:

+
    +
  • If someone else wins - The wallet they used to place the highest bid will receive the collectible. All proceeds minus a 5% platform fee and one-time conversion fee will be transferred to the wallet that you connected to Fragment when listing your username.
  • +
  • If you win the auction - You will own the collectible, the wallet you used to place the highest bid will receive it. You will also get your winning bid back, minus a 5% platform fee and one-time conversion fee.
  • +
+

The username will continue to link to the same chat until it is reassigned. Outdated apps may not display it in the info panel – make sure to always update your app to the latest version.

+

Using your new collectible

+

After receiving a collectible, you can:

+ +
+

Assigning Collectible Usernames to Telegram

+

You can assign collectible usernames to your personal Telegram profile or to Telegram public groups and channels you own. Any of these entities can have up to one basic username and any number of collectible usernames – you can also customize the order in which collectibles appear in the chat's info page, or toggle them off entirely.

+
+

You can also upgrade collectible usernames to assign them to Telegram bots. To upgrade, assign the username to a bot and pay a one-time fee.

+
+

Connecting to Fragment

+

Before you can assign a username, you must connect both your Telegram account and TON wallet to Fragment. To do so, follow the instructions available here.

+

Note that the wallet you are connecting must be the one currently holding your collectible – if you don't see any items in your wallet please check our FAQ.

+
+

Fragment doesn't store any information that could tie your wallet to your Telegram account.

+
+

Assigning your collectible

+

Open the My Assets page and tap on 'Assign to Telegram', then select a chat and tap 'Assign' to confirm your choice.

+
+

This choice is not permanent, you can pick another chat at any time.

+
+

Activating your collectible on Telegram

+

Once your collectible has been assigned, it will not redirect to your designated chat right away. To activate and list it in the public info page of your chat, you have to manually enable it.

+

To do so, follow these simple steps:

+
    +
  • Personal Profile: Settings > Username > Enable and sort the available usernames as needed.

    +
  • +
  • Public Group: Open your group settings ( ⋮ Android, '…' iOS ) > Group Type > 'Links order' > Tap on your collectible to enable it.

    +
  • +
  • Public Channel: Open your channel settings ⋮ Android, '…' iOS ) > Channel Type > 'Links order' > Tap on your collectible to enable it.

    +
  • +
+
+

Older Telegram clients may not show any username beyond the first on the info page of your chats.

+
+

FAQ

+

This is a list of frequently asked questions on Fragment and Telegram collectibles.

+

Q: I deposited some money but my wallet is empty, what happened?

+

Not to worry, this is likely due to one of the following reasons:

+
    +
  • You did not wait long enough – most transactions take a few seconds, but some might take 30 minutes or more.
  • +
  • You are looking in the wrong place, funds will not appear directly on Fragment, they're only visible in your Tonkeeper wallet.
  • +
  • You have selected the wrong wallet within Tonkeeper. One “account” can contain several wallets; to fix this, go to Settings > Active address and try rotating through them until you find the one with your funds.
  • +
  • Your transaction didn't go through – check with your bank or credit card, as some may deny unusual purchases automatically.
  • +
+

Q: Are there any transaction fees?

+

Collectibles are subject to a 5% platform fee on each sale (direct sales and the highest bid when an auction ends). Transactions may also be subject to small blockchain fees (~1 Toncoin) that are outside Fragment's control.

+

Q: What's the conversion fee?

+

Owners of basic usernames can auction them on Fragment – converting the usernames into collectibles. A flat conversion fee of 5 Toncoins is deducted from the proceeds of this initial auction.

+
+

This fee is collected only once. All future sales for a collectible are only subject to the 5% platform fee and necessary blockchain fees.

+
+

Q: I won an auction, how do I use my new collectible?

+

Tap on My Assets to see all your collectibles – you can freely sell them, put them up for auction or use them on Telegram.

+

Q: Can I transfer my collectible to someone?

+

Fragment hosts open sales and auctions of collectibles, but any owner can transfer a collectible to someone else for free via the TON blockchain. For example, the 'NFT' tab in Tonkeeper allows you to transfer collectibles to another wallet.

+

Q: Why is the collectible I want marked as unavailable?

+

Some collectibles may be reserved and will become available at a later date. Others could have been bought before you.

+

Basic Telegram usernames that are currently in use are marked as taken. Fragment lets you make anonymous offers to the username owner, who can choose to make it available for purchase at any time.

+

Q: I won an auction but can't see the collectible in my assets. What happened?

+

This technology relies on a distributed network, transactions can take some time. Most transactions will only take seconds, but please allow up to 30 minutes for your collectibles to appear.

+

Q: I assigned a collectible but can't see it on Telegram, why?

+

This is likely due to one of the following reasons:

+
    +
  • You did not enable the collectible on Telegram – this is not the same as assigning it on Fragment, it's a separate step.
  • +
  • You are using an outdated client that doesn't support collectibles - please update your app to version 9.1 or above.
  • +
  • You are looking at a cached or outdated menu, please try fully closing and reopening your app.
  • +
+

Q: Can I assign my upgraded username to a different bot?

+

Yes, upgrading a collectible username is permanent. You can freely trade your upgraded collectible or assign it to a different bot – it will never lose its upgraded status.

+

Q: Will I lose my collectibles if I lose my phone/account/session/phone number?

+

No, as long as you safely store the backup credentials (i.e. word list) of your TON wallet, your collectibles will always be safe and you can reassign them to a new Telegram account at any time. This is also true for any platform supporting the collectibles.

+

Q: Are my collectibles tied to any specific platform?

+

No, as long as you safely store the backup credentials (i.e. word list) of your TON wallet, your collectibles will always be safe regardless of which platform you use them on.

+

Q: Can I integrate collectibles into my own platform?

+

Yes, the TON blockchain is publicly accessible and anyone is free to reference collectibles or use them within their own platform.

+

Q: I lost my wallet, can Fragment recover it?

+

Fragment is not able to restore wallets as it never stores or comes into contact with private credentials. Wallets are strictly private and it is the responsibility of the owner to ensure that the recovery keys are properly stored.

+

Q: I bought a collectible but now I'd like to buy a better one, can Fragment replace it?

+

All purchases are final since ownership is permanently fixed in the blockchain, however, nothing prevents buyers from purchasing multiple collectibles.

+

Q: What happens if somebody places a higher bid than me?

+

If somebody places a higher bid your Toncoins will be refunded automatically. Funds will normally reappear in your wallet within a few seconds, but this may sometimes take longer due to the nature of the blockchain network.

+

Q: I have the highest bid in an active auction but would like to place an even higher bid. Will I lose my funds?

+

No, any time someone (including yourself) outbids you, your previous bid will be refunded immediately.

+

Q: I sold my collectible but I want it back. Can Fragment revert the transaction?

+

Transactions are permanent – this secures your entities but also means that once a purchase is finalized it cannot be undone. Of course, you are free to buy back the collectible from its new owner, if they agree.

+

Q: I put my basic username up for auction but I changed my mind, can I take it back?

+

You can cancel the auction before the first bid is placed. After the first bid, the auction starts and cannot be canceled.

+

Likewise, the conversion of a basic username into a collectible is permanent and cannot be reversed after the first bid is placed.

+

Q: I auctioned my basic username and nobody bid on it, why wasn't it assigned to me?

+

The collectible was assigned to the wallet that placed the highest bid during the auction. This can be different from the wallet you connected to Fragment. If nobody else participated in the auction, you will find the collectible in the wallet you had connected to Fragment when the username was first made available for auction.

+

Q: I own a basic Telegram username but cannot put it up for auction, why?

+

When Telegram denies Fragment's request to auction a basic username, it is likely due to one of the following reasons:

+
    +
  • You did not set up a 2FA password on your Telegram account, or you set it up too recently.
  • +
  • You haven't owned that username for a sufficiently long period of time.
  • +
  • The username has been recently moved (e.g. from your account to one of your channels, etc.).
  • +
  • Telegram has other reasons to believe you might be acting in bad faith.
  • +
+

Q: How can I log in to Fragment with a different Telegram account?

+

To fully disconnect your Telegram account from Fragment and log in with another phone number, simply open your Telegram app and navigate to:

+
    +
  • Android: Settings > Privacy & Security > Bots and websites > Logged in with Telegram
  • +
  • iOS: Settings > Privacy & Security > Active Websites > Logged in with Telegram
  • +
+

Once there, remove your Fragment session and reopen the website to connect a different Telegram account.

+

Anonymous Offers for Basic Usernames

+

Q: Can I suggest someone to sell their username on Fragment?

+

Fragment allows users to make offers for basic Telegram usernames in exchange for a small fee – all offers are forwarded anonymously from buyer to seller and neither party is made aware of any identifying information (e.g., Telegram id, username, etc.).

+
+

Note that everyone will see which TON wallet made the offer.

+
+

Q: I made an offer for a username marked as ’Taken’. What happens now?

+

Making an offer for a username marked as ’Taken’ requires a small non-refundable fee to show that your offer is serious and not meant to bother the username owner. The amount you enter in ‘How much would you pay?’ is not binding and you will not be obligated to pay that price if the name becomes available for auction.

+

Following your offer, the owner can make the name available for purchase on Fragment via a public auction – they are free to choose any minimum bid. Anyone will be able to bid for the username, and you are free to participate in the auction to acquire the name.

+

Q: Will I be notified if the username becomes available for auction?

+

If you were logged in with your Telegram account on Fragment when you made your offer, you will be automatically subscribed to updates about the username.

+

If you were not logged in, you can always log in, open the page of the desired username and tap 'Subscribe to updates'.

+

Anonymous Numbers

+

Q: Can I buy an anonymous number directly from Telegram?

+

No, you can only buy numbers which other users are willing to sell.

+

Q: Can I use anonymous numbers to receive SMS and phone calls?

+

No, anonymous numbers work only on Telegram, they cannot receive regular SMS or phone calls.

+

Q: Can an existing Telegram account change its connected phone number to an Anonymous Number?

+

Yes, any existing Telegram account can change its number to any anonymous number that is not already connected to a Telegram account.

+
+ +
+
+
+
+ + + + + + + + + + + + + + + + diff --git a/data/web/fragment.com/css/auction.css b/data/web/fragment.com/css/auction.css new file mode 100644 index 0000000000..279409652c --- /dev/null +++ b/data/web/fragment.com/css/auction.css @@ -0,0 +1,3817 @@ +@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'); +} diff --git a/data/web/fragment.com/js/auction.js b/data/web/fragment.com/js/auction.js new file mode 100644 index 0000000000..ccae58e3d6 --- /dev/null +++ b/data/web/fragment.com/js/auction.js @@ -0,0 +1,2182 @@ + +var Main = { + CHECK_PERIOD: 400, + UPDATE_PERIOD: 1200, + FORCE_UPDATE_PERIOD: 5000, + init: function() { + Aj.onLoad(function(state) { + var cont = Aj.ajContainer; + $(window).on('resize', Main.onResize); + $('.js-logo-hoverable').on('mouseover', Main.ePlayLogo); + $('.js-logo-clickable').on('click', Main.ePlayLogo); + $('.js-logo-icon').on('animationend', Main.eLogoAnimEnd); + $(cont).on('click.curPage', '.js-header-menu-button', Main.eHeaderMenu); + $(cont).on('click.curPage', '.js-header-menu-close-button', Main.eHeaderMenuClose); + $(cont).on('click.curPage', '.js-btn-tonkeeper', Main.eTonkeeperOpen); + $(cont).on('click.curPage', '.js-auction-unavail', Main.eAuctionUnavailable); + $(cont).on('click.curPage', '.js-howitworks', Main.eHowitworks); + $(cont).on('click.curPage', '.js-howofferworks', Main.eHowofferworks); + $(cont).on('click.curPage', '.js-bots-about', Main.eBotsAbout); + $(cont).on('click.curPage', '.logout-link', Login.logOut); + $(cont).on('click.curPage', '.ton-logout-link', Login.tonLogOut); + $(cont).on('click.curPage', '.js-copy-code', Main.copyCode); + $(cont).on('click.curPage', '.js-main-search-dd-item', Main.eMainSearchDDSelected); + state.$headerMenu = $('.js-header-menu'); + state.$unavailPopup = $('.js-unavailable-popup'); + state.$howitworksPopup = $('.js-howitworks-popup'); + state.$howofferworksPopup = $('.js-howofferworks-popup'); + state.$botsaboutPopup = $('.js-botsabout-popup'); + state.$mainSearchField = $('.js-main-search-field'); + state.$mainSearchForm = $('.js-main-search-form'); + state.$mainSearchForm.on('submit', Main.eMainSearchSubmit); + state.$mainSearchForm.field('query').on('input', Main.eMainSearchInput); + state.mainSearchCache = {}; + $('.js-form-clear', state.$mainSearchForm).on('click', Main.eMainSearchClear); + Main.updateTime(); + Main.initViewport(); + Main.initLogo(); + }); + Aj.onUnload(function(state) { + clearTimeout(Aj.state.searchTimeout); + $(window).off('resize', Main.onResize); + $('.js-logo-hoverable').off('mouseover', Main.ePlayLogo); + $('.js-logo-clickable').off('click', Main.ePlayLogo); + $('.js-logo-icon').off('animationend', Main.eLogoAnimEnd); + state.$mainSearchForm.off('submit', Main.eMainSearchSubmit); + state.$mainSearchForm.field('query').off('input', Main.eMainSearchInput); + $('.js-form-clear', state.$mainSearchForm).off('click', Main.eMainSearchClear); + }); + }, + initForm: function(form) { + var $form = $(form); + $('.form-control:has(+.form-control-hint)', $form).on('keyup change input', Main.eUpdateFieldHint); + $('.js-amount-input', $form).on('keyup change input', Main.eUpdateAmountField); + $('.js-amount-input', $form).trigger('input'); + }, + destroyForm: function(form) { + var $form = $(form); + $('.form-control:has(+.form-control-hint)', $form).off('keyup change input', Main.eUpdateFieldHint); + $('.js-amount-input', $form).off('keyup change input', Main.eUpdateAmountField); + }, + updateTime: function() { + var now = Math.round(+(new Date) / 1000); + if (Main._lastUpdateTime != now) { + Main._lastUpdateTime = now; + $('time[datetime]', Aj.ajContainer).each(function () { + var $time = $(this), datetime = $time.attr('datetime'); + var mode = $time.attr('data-relative'); + if (mode) { + var date = new Date(datetime); + var cur_date = new Date(); + var time_left = Math.floor((date - cur_date) / 1000); + if (mode == 'ago-text') { + time_left = -time_left; + } + var ended = time_left < 0; + if (time_left < 0) time_left = 0; + var days = Math.floor(time_left / 86400); + var hours = Math.floor((time_left % 86400) / 3600); + var minutes = Math.floor((time_left % 3600) / 60); + var seconds = (time_left % 60); + var days_html = l('{n:# days|# day|# days}', {n: days}); + if (mode == 'counter') { + var hours0 = Math.floor(hours / 10); + var hours1 = hours % 10; + var minutes0 = Math.floor(minutes / 10); + var minutes1 = minutes % 10; + var seconds0 = Math.floor(seconds / 10); + var seconds1 = seconds % 10; + Main.updateDigit($('.timer-d', this), days_html); + Main.updateDigit($('.timer-h0', this), hours0); + Main.updateDigit($('.timer-h1', this), hours1); + Main.updateDigit($('.timer-m0', this), minutes0); + Main.updateDigit($('.timer-m1', this), minutes1); + Main.updateDigit($('.timer-s0', this), seconds0); + Main.updateDigit($('.timer-s1', this), seconds1); + } else { + var arr = []; + if (days > 0) { + arr.push(days_html); + } + if (arr.length || hours > 0) { + arr.push(l('{n:# hours|# hour|# hours}', {n: hours})); + } + if (arr.length || minutes > 0) { + arr.push(l('{n:# minutes|# minute|# minutes}', {n: minutes})); + } + if (!days && !hours && (mode == 'text' || !minutes)) { + arr.push(l('{n:# seconds|# second|# seconds}', {n: seconds})); + } + arr = arr.slice(0, mode == 'short-text' ? 2 : (mode == 'ago-text' ? 1 : 3)); + var text = arr.join(' '); + if (text != $time.text()) { + $time.text(text); + } + } + $(this).closest('.js-timer-wrap').toggleClass('ended', ended); + } else { + var title = $time.attr('title'), + html = $time.html(), + new_html = formatDateTime(datetime, false, !$time.hasClass('short')); + if (html != new_html) { + $time.html(new_html); + } + $time.removeAttr('datetime'); + } + }); + } + requestAnimationFrame(Main.updateTime); + }, + updateDigit: function($el, value) { + var cur_value = $el.attr('data-val'); + if (cur_value != value) { + $el.removeAttr('data-prev-val'); + $el.map(function(){ this.offsetTop; }); + $el.attr('data-val', value); + $el.attr('data-prev-val', cur_value); + } + }, + fitUsername: function($el) { + $el.each(function(){ + var init_size = $(this).data('init-size'); + if (!init_size) { + init_size = parseInt($(this).css('font-size')); + $(this).data('init-size', init_size); + } + var size = parseInt($(this).css('font-size')); + size = parseInt(size); + while (this.scrollWidth > this.offsetWidth) { + size -= 0.5; + if (size >= init_size * 0.75) { + $(this).css('font-size', size + 'px'); + } else { + break; + } + } + var text = $(this).attr('title') || $(this).text(); + var prefix_len = text.length - 3; + while (this.scrollWidth > this.offsetWidth && + prefix_len > 3) { + prefix_len--; + $(this).text(text.substr(0, prefix_len) + '…' + text.substr(-3)); + } + }); + }, + initViewport: function() { + if (!window.$viewportHelper) { + window.$viewportHelper = $('
').css({position: 'absolute', left: '-100px', top: '0', height: '100vh'}).appendTo('body'); + } + Main.onResize(); + }, + onResize: function() { + var vh = window.innerHeight; + if (window.$viewportHelper && window.$viewportHelper.height() != vh) { + document.documentElement.style.setProperty('--viewport-height', vh + 'px'); + } else { + document.documentElement.style.removeProperty('--viewport-height'); + } + }, + initLogo: function() { + if (!Aj.globalState.logoInited) { + Aj.globalState.logoInited = true; + var main_url = '/img/TelemintLogoSprite1.svg'; + var mainLogo = new Image(); + mainLogo.onload = function() { + Aj.globalState.logoImageMain = main_url; + $('.js-header-logo').each(function() { + Main.playLogo(this, true); + }); + }; + mainLogo.src = main_url; + var url2 = '/img/TelemintLogoSprite2.svg'; + var logo2 = new Image(); + logo2.onload = function() { + Aj.globalState.logoImage2 = url2; + }; + logo2.src = url2; + var url3 = '/img/TelemintLogoSprite3.svg'; + var logo3 = new Image(); + logo3.onload = function() { + Aj.globalState.logoImage3 = url3; + }; + logo3.src = url3; + } + }, + ePlayLogo: function(e) { + Main.playLogo(this); + }, + playLogo: function(el, init_logo) { + var $el = $(el); + if (!$el.hasClass('play')) { + var url = Aj.globalState.logoImageMain; + if (!init_logo && $el.hasClass('js-random-logo')) { + var rnd = Math.random(); + if (rnd > 0.9 && Aj.globalState.logoImage3) { + url = Aj.globalState.logoImage3; + } else if (rnd > 0.8 && Aj.globalState.logoImage2) { + url = Aj.globalState.logoImage2; + } + } + $el.each(function() { + this.style.setProperty('--image-url-logo-icon-animated', 'url(\'' + url + '\')'); + }); + $el.addClass('play'); + } + }, + eLogoAnimEnd: function(e) { + $(this).parents('.js-logo').removeClass('play'); + }, + eHeaderMenu: function(e) { + e.preventDefault(); + openPopup(Aj.state.$headerMenu, { + noAppend: true + }); + }, + eHeaderMenuClose: function(e) { + e.preventDefault(); + closePopup(Aj.state.$headerMenu); + }, + eAuctionUnavailable: function(e) { + e.preventDefault(); + var username = $(this).attr('data-username'); + var later = +$(this).attr('data-later'); + var onEnterPress = function(e) { + if (e.keyCode == Keys.RETURN) { + e.stopImmediatePropagation(); + closePopup(Aj.state.$unavailPopup); + } + }; + openPopup(Aj.state.$unavailPopup, { + onOpen: function() { + $('.js-username', this).html(username); + $('.js-unavailable-text', this).toggleClass('hide', !!later); + $('.js-available-later-text', this).toggleClass('hide', !later); + $(document).on('keydown', onEnterPress); + }, + onClose: function() { + $(document).off('keydown', onEnterPress); + } + }); + }, + eHowitworks: function(e) { + e.preventDefault(); + e.stopImmediatePropagation(); + var onEnterPress = function(e) { + if (e.keyCode == Keys.RETURN) { + e.stopImmediatePropagation(); + closePopup(Aj.state.$howitworksPopup); + } + }; + openPopup(Aj.state.$howitworksPopup, { + onOpen: function() { + $(document).on('keydown', onEnterPress); + }, + onClose: function() { + $(document).off('keydown', onEnterPress); + } + }); + }, + eHowofferworks: function(e) { + e.preventDefault(); + e.stopImmediatePropagation(); + var onEnterPress = function(e) { + if (e.keyCode == Keys.RETURN) { + e.stopImmediatePropagation(); + closePopup(Aj.state.$howofferworksPopup); + } + }; + openPopup(Aj.state.$howofferworksPopup, { + onOpen: function() { + $(document).on('keydown', onEnterPress); + }, + onClose: function() { + $(document).off('keydown', onEnterPress); + } + }); + }, + eBotsAbout: function(e) { + e.preventDefault(); + e.stopImmediatePropagation(); + var onEnterPress = function(e) { + if (e.keyCode == Keys.RETURN) { + e.stopImmediatePropagation(); + closePopup(Aj.state.$botsaboutPopup); + } + }; + openPopup(Aj.state.$botsaboutPopup, { + onOpen: function() { + $(document).on('keydown', onEnterPress); + }, + onClose: function() { + $(document).off('keydown', onEnterPress); + } + }); + }, + amountFieldValue: function($form, field) { + var $fieldEl = field ? $form.field(field) : $form; + var minValue = $fieldEl.attr('data-min') || null; + var maxValue = $fieldEl.attr('data-max') || null; + var decPoint = $fieldEl.attr('data-dec-point') || '.'; + var value = $fieldEl.value(); + + var float_value = value.length ? value : '0'; + if (decPoint != '.') { + float_value.split(decPoint).join('.'); + } + float_value = parseFloat(float_value); + if (isNaN(float_value) || float_value >= 1e12) { + return false; + } + if (minValue !== null && float_value < minValue || + maxValue !== null && float_value > maxValue) { + return false; + } else { + return float_value; + } + }, + eUpdateFieldHint: function(e) { + var $fieldEl = $(this); + var has_value = $fieldEl.value().length > 0; + $('+.form-control-hint', $fieldEl).toggle(has_value); + }, + eUpdateAmountField: function(e) { + var $fieldEl = $(this); + var minValue = $fieldEl.attr('data-min') || null; + var maxValue = $fieldEl.attr('data-max') || null; + var decPoint = $fieldEl.attr('data-dec-point') || '.'; + var decimals = $fieldEl.attr('data-decimals') || 0; + var sel_dir = this.selectionDirection; + var sel_start = this.selectionStart; + var sel_end = this.selectionEnd; + var value = this.value; + var new_sel_start = sel_start; + var new_sel_end = sel_end; + var new_value = ''; + var has_decimal = false; + var chars_len = 0; + var decimal_len = 0; + for (var i = 0; i < value.length; i++) { + var char = value[i]; + if ((char == '.' || char == ',') && !has_decimal && decimals > 0) { + if (!chars_len) { + new_value += '0'; + if (i < sel_start) new_sel_start++; + if (i < sel_end) new_sel_end++; + } + has_decimal = true; + new_value += decPoint; + } else if (char >= '0' && char <= '9' && chars_len < 12 && (!has_decimal || decimal_len < decimals)) { + new_value += char; + if (has_decimal) decimal_len++; + else chars_len++; + } else { + if (i < sel_start) new_sel_start--; + if (i < sel_end) new_sel_end--; + } + } + this.value = new_value; + this.setSelectionRange(new_sel_start, new_sel_end, sel_dir); + var float_value = new_value.length ? new_value : '0'; + if (decPoint != '.') { + float_value.split(decPoint).join('.'); + } + float_value = parseFloat(float_value); + var is_invalid = (isNaN(float_value) || float_value >= 1e12); + var field_value = float_value; + if (minValue !== null && float_value < minValue || + maxValue !== null && float_value > maxValue || + is_invalid) { + field_value = false; + // Main.showFieldError($fieldEl); + } else { + // Main.hideFieldError($fieldEl); + } + if (e.type == 'change') { + if (new_value.length && !is_invalid) { + this.value = Main.wrapTonAmount(float_value, true); + } + } + if (e.type == 'input') { + var forClass, usdForClass; + if (forClass = $fieldEl.attr('data-for')) { + $('.' + forClass).html(Main.wrapTonAmount(field_value)); + } + if (usdForClass = $fieldEl.attr('data-usd-for')) { + $('.' + usdForClass).html(Main.wrapUsdAmount(field_value)); + } + } + }, + wrapTonAmount: function(value, field_format) { + if (!value) { + return ''; + } + var dec = (Math.floor(value * 1000000) % 1000000) + ''; + while (dec.substr(-1) == '0') { + dec = dec.slice(0, -1); + } + return formatNumber(value, dec.length, '.', field_format ? '' : ','); + }, + wrapUsdAmount: function(value, field_format) { + value = Math.round(value * Aj.state.tonRate * 100) / 100; + return formatNumber(value, (value % 1) && value < 1000 ? 2 : 0, '.', field_format ? '' : ','); + }, + eTonkeeperOpen: function(e) { + e.stopImmediatePropagation(); + e.preventDefault(); + var href = $(this).attr('data-href'); + if (href) { + location.href = href; + } + }, + copyText: function(text) { + var $text = $('