From ee70c5754aafdc18fa384306df82e454e52feb49 Mon Sep 17 00:00:00 2001 From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com> Date: Fri, 1 Sep 2023 15:01:52 +0100 Subject: [PATCH 1/2] feat: blocks page stats (#507) --- app/Http/Controllers/BlocksController.php | 51 +++++ app/Models/ForgingStats.php | 11 + resources/lang/en/pages.php | 7 +- resources/views/app/blocks.blade.php | 16 ++ resources/views/blocks.blade.php | 15 -- .../components/page-headers/blocks.blade.php | 19 ++ .../blocks/block-rewards.blade.php | 10 + .../blocks/blocks-produced.blade.php | 10 + .../blocks/largest-block.blade.php | 10 + .../blocks/missed-blocks.blade.php | 10 + routes/web.php | 3 +- .../Http/Controllers/BlocksControllerTest.php | 205 ++++++++++++++++++ 12 files changed, 350 insertions(+), 17 deletions(-) create mode 100644 app/Http/Controllers/BlocksController.php create mode 100644 resources/views/app/blocks.blade.php delete mode 100644 resources/views/blocks.blade.php create mode 100644 resources/views/components/page-headers/blocks.blade.php create mode 100644 resources/views/components/page-headers/blocks/block-rewards.blade.php create mode 100644 resources/views/components/page-headers/blocks/blocks-produced.blade.php create mode 100644 resources/views/components/page-headers/blocks/largest-block.blade.php create mode 100644 resources/views/components/page-headers/blocks/missed-blocks.blade.php create mode 100644 tests/Feature/Http/Controllers/BlocksControllerTest.php diff --git a/app/Http/Controllers/BlocksController.php b/app/Http/Controllers/BlocksController.php new file mode 100644 index 000000000..671078f97 --- /dev/null +++ b/app/Http/Controllers/BlocksController.php @@ -0,0 +1,51 @@ +blockData(); + + return view('app.blocks', [ + 'forgedCount' => $data['block_count'], + 'missedCount' => $data['missed_count'], + 'totalRewards' => BigNumber::new($data['total_rewards'])->toFloat(), + 'largestAmount' => BigNumber::new($data['largest_amount'])->toFloat(), + ]); + } + + private function blockData(): array + { + return Cache::remember('blocks:stats', self::STATS_TTL, function () { + $timestamp = Timestamp::fromUnix(Carbon::now()->subDays(1)->unix())->unix(); + $data = (array) DB::connection('explorer') + ->table('blocks') + ->selectRaw('COUNT(*) as block_count') + ->selectRaw('SUM(reward) as total_rewards') + ->selectRaw('MAX(total_amount) as largest_amount') + ->where('timestamp', '>', $timestamp) + ->first(); + + return [ + 'block_count' => $data['block_count'], + 'missed_count' => ForgingStats::missed()->where('timestamp', '>', $timestamp)->count(), + 'total_rewards' => $data['total_rewards'] ?? 0, + 'largest_amount' => $data['largest_amount'] ?? 0, + ]; + }); + } +} diff --git a/app/Models/ForgingStats.php b/app/Models/ForgingStats.php index 055b6c104..7e67b1a6e 100644 --- a/app/Models/ForgingStats.php +++ b/app/Models/ForgingStats.php @@ -5,6 +5,7 @@ namespace App\Models; use App\Models\Concerns\SearchesCaseInsensitive; +use Illuminate\Database\Eloquent\Builder; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; use Illuminate\Database\Eloquent\Relations\BelongsTo; @@ -62,4 +63,14 @@ public function delegate(): BelongsTo { return $this->belongsTo(Wallet::class, 'public_key', 'public_key'); } + + /** + * Get all missed forging stats. + * + * @return Builder + */ + public function scopeMissed(Builder $query): Builder + { + return $query->whereNot('missed_height', null); + } } diff --git a/resources/lang/en/pages.php b/resources/lang/en/pages.php index 28169bb9c..b017efba1 100644 --- a/resources/lang/en/pages.php +++ b/resources/lang/en/pages.php @@ -407,7 +407,12 @@ ], 'blocks' => [ - 'title' => 'Blocks', + 'title' => 'Blocks', + 'subtitle' => 'List of blocks on the :network', + 'blocks_produced_24h' => 'Blocks Produced (24h)', + 'missed_blocks_24h' => 'Missed Blocks (24h)', + 'block_rewards_24h' => 'Block Rewards (24h)', + 'largest_block_24h' => 'Largest Block (24h)', ], 'statistics' => [ diff --git a/resources/views/app/blocks.blade.php b/resources/views/app/blocks.blade.php new file mode 100644 index 000000000..1e4c04042 --- /dev/null +++ b/resources/views/app/blocks.blade.php @@ -0,0 +1,16 @@ +@component('layouts.app') + + + @section('content') + + + + + + @endsection +@endcomponent diff --git a/resources/views/blocks.blade.php b/resources/views/blocks.blade.php deleted file mode 100644 index 58400dbb1..000000000 --- a/resources/views/blocks.blade.php +++ /dev/null @@ -1,15 +0,0 @@ -@component('layouts.app') - - - @section('content') - -
-
-

@lang('pages.blocks.title')

-
- - -
- - @endsection -@endcomponent diff --git a/resources/views/components/page-headers/blocks.blade.php b/resources/views/components/page-headers/blocks.blade.php new file mode 100644 index 000000000..543c0fd27 --- /dev/null +++ b/resources/views/components/page-headers/blocks.blade.php @@ -0,0 +1,19 @@ +@props([ + 'forgedCount', + 'missedCount', + 'totalRewards', + 'largestAmount', +]) + + +
+ + + + +
+ diff --git a/resources/views/components/page-headers/blocks/block-rewards.blade.php b/resources/views/components/page-headers/blocks/block-rewards.blade.php new file mode 100644 index 000000000..de9830a66 --- /dev/null +++ b/resources/views/components/page-headers/blocks/block-rewards.blade.php @@ -0,0 +1,10 @@ +@props(['rewards']) + + + + {{ ExplorerNumberFormatter::currency($rewards, Network::currency()) }} + + diff --git a/resources/views/components/page-headers/blocks/blocks-produced.blade.php b/resources/views/components/page-headers/blocks/blocks-produced.blade.php new file mode 100644 index 000000000..b43fc66d3 --- /dev/null +++ b/resources/views/components/page-headers/blocks/blocks-produced.blade.php @@ -0,0 +1,10 @@ +@props(['count']) + + + + {{ $count }} + + diff --git a/resources/views/components/page-headers/blocks/largest-block.blade.php b/resources/views/components/page-headers/blocks/largest-block.blade.php new file mode 100644 index 000000000..250657370 --- /dev/null +++ b/resources/views/components/page-headers/blocks/largest-block.blade.php @@ -0,0 +1,10 @@ +@props(['amount']) + + + + {{ ExplorerNumberFormatter::currency($amount, Network::currency()) }} + + diff --git a/resources/views/components/page-headers/blocks/missed-blocks.blade.php b/resources/views/components/page-headers/blocks/missed-blocks.blade.php new file mode 100644 index 000000000..eca3dfc44 --- /dev/null +++ b/resources/views/components/page-headers/blocks/missed-blocks.blade.php @@ -0,0 +1,10 @@ +@props(['count']) + + + + {{ $count }} + + diff --git a/routes/web.php b/routes/web.php index 059289ce2..f91a7dc85 100644 --- a/routes/web.php +++ b/routes/web.php @@ -2,6 +2,7 @@ declare(strict_types=1); +use App\Http\Controllers\BlocksController; use App\Http\Controllers\ContactController; use App\Http\Controllers\ExchangesController; use App\Http\Controllers\HomeController; @@ -30,7 +31,7 @@ Route::view('/delegates', 'app.delegates')->name('delegates'); Route::view('/delegate-monitor', 'app.delegate-monitor')->name('delegate-monitor'); -Route::view('/blocks', 'blocks')->name('blocks'); +Route::get('/blocks', BlocksController::class)->name('blocks'); Route::get('/blocks/{block}', ShowBlockController::class)->name('block'); Route::get('/transactions', TransactionsController::class)->name('transactions'); diff --git a/tests/Feature/Http/Controllers/BlocksControllerTest.php b/tests/Feature/Http/Controllers/BlocksControllerTest.php new file mode 100644 index 000000000..f975f36b1 --- /dev/null +++ b/tests/Feature/Http/Controllers/BlocksControllerTest.php @@ -0,0 +1,205 @@ + ForgingStats::truncate()); + +it('should render the page without any errors', function () { + Block::factory()->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:02:04')->unix())->unix(), + 'reward' => 2 * 1e8, + 'total_amount' => 904 * 1e8, + ]); + + $this + ->get(route('blocks')) + ->assertOk(); +}); + +it('should get the block stats for the last 24 hours', function () { + $this->travelTo('2021-04-14 16:02:04'); + + foreach (range(1, 19) as $seconds) { + ForgingStats::factory()->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:02:04')->subSecond($seconds)->unix())->unix(), + 'missed_height' => 1, + ]); + } + + Block::factory(147)->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:02:04')->unix())->unix(), + 'reward' => 2 * 1e8, + 'total_amount' => 13 * 1e8, + ]); + + Block::factory()->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:02:04')->unix())->unix(), + 'reward' => 2 * 1e8, + 'total_amount' => 904 * 1e8, + ]); + + Block::factory(12)->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-13 13:02:04')->unix())->unix(), + 'reward' => 2 * 1e8, + 'total_amount' => 123 * 1e8, + ]); + + $this + ->get(route('blocks')) + ->assertOk() + ->assertViewHas([ + 'forgedCount' => 148, + 'missedCount' => 19, + 'totalRewards' => 2 * 148, + 'largestAmount' => 904, + ]) + ->assertSeeInOrder([ + 'Blocks Produced (24h)', + '148', + 'Missed Blocks (24h)', + ]) + ->assertSeeInOrder([ + 'Missed Blocks (24h)', + '19', + 'Block Rewards (24h)', + ]) + ->assertSeeInOrder([ + 'Block Rewards (24h)', + '296 DARK', + 'Largest Block (24h)', + ]) + ->assertSeeInOrder([ + 'Largest Block (24h)', + '904 DARK', + // TODO: uncomment when table is ready + // 'Showing 0 results', // alpine isn't triggered so nothing is shown in the table + ]); + + $this->travelTo('2021-04-15 16:02:04'); + + $this + ->get(route('blocks')) + ->assertOk() + ->assertViewHas([ + 'transactionCount' => 0, + 'volume' => 0, + 'totalFees' => 0, + 'averageFee' => 0, + ]); +}); + +it('should show the correct decimal places for the stats', function ($decimalPlaces, $totalRewards, $largestAmount) { + $this->travelTo('2021-04-14 16:02:04'); + + Block::factory()->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:02:04')->unix())->unix(), + 'reward' => $totalRewards * 1e8, + 'total_amount' => $largestAmount * 1e8, + ]); + + $this + ->get(route('blocks')) + ->assertOk() + ->assertViewHas([ + 'forgedCount' => 1, + 'missedCount' => 0, + 'totalRewards' => $totalRewards, + 'largestAmount' => $largestAmount, + ]) + ->assertSeeInOrder([ + 'Blocks Produced (24h)', + '1', + 'Missed Blocks (24h)', + ]) + ->assertSeeInOrder([ + 'Missed Blocks (24h)', + '0', + 'Block Rewards (24h)', + ]) + ->assertSeeInOrder([ + 'Block Rewards (24h)', + number_format($totalRewards, $decimalPlaces).' DARK', + 'Largest Block (24h)', + ]) + ->assertSeeInOrder([ + 'Largest Block (24h)', + number_format($largestAmount, $decimalPlaces).' DARK', + // TODO: uncomment when table is ready + // 'Showing 0 results', // alpine isn't triggered so nothing is shown in the table + ]); +})->with([ + 8 => [8, 919123.48392049, 0.99184739], + 7 => [7, 919123.4839204, 0.9918473], + 6 => [6, 919123.483929, 0.991839], + 5 => [5, 919123.48392, 0.99739], + 4 => [4, 919123.4839, 0.9918], + 3 => [3, 919123.489, 0.479], + 2 => [2, 919123.48, 0.99], +]); + +it('should cache the transaction stats for 5 minutes', function () { + $this->travelTo('2021-04-14 16:02:04'); + + Block::factory(148)->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:02:04')->unix())->unix(), + 'reward' => 2 * 1e8, + 'total_amount' => 13 * 1e8, + ]); + + foreach (range(1, 19) as $seconds) { + ForgingStats::factory()->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:02:04')->subSecond($seconds)->unix())->unix(), + 'missed_height' => 1, + ]); + } + + $this + ->get(route('blocks')) + ->assertOk() + ->assertViewHas([ + 'forgedCount' => 148, + 'missedCount' => 19, + 'totalRewards' => 2 * 148, + 'largestAmount' => 13, + ]); + + Block::factory(12)->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:03:04')->unix())->unix(), + 'reward' => 2 * 1e8, + 'total_amount' => 14 * 1e8, + ]); + + foreach (range(1, 2) as $seconds) { + ForgingStats::factory()->create([ + 'timestamp' => Timestamp::fromUnix(Carbon::parse('2021-04-14 13:03:04')->subSecond($seconds)->unix())->unix(), + 'missed_height' => 1, + ]); + } + + $this + ->get(route('blocks')) + ->assertOk() + ->assertViewHas([ + 'forgedCount' => 148, + 'missedCount' => 19, + 'totalRewards' => 2 * 148, + 'largestAmount' => 13, + ]); + + $this->travelTo('2021-04-14 16:09:04'); + + $this + ->get(route('blocks')) + ->assertOk() + ->assertViewHas([ + 'forgedCount' => 160, + 'missedCount' => 21, + 'totalRewards' => 2 * 160, + 'largestAmount' => 14, + ]); +}); From e46fd41874ade63c76f871d912fd0c8b0387405c Mon Sep 17 00:00:00 2001 From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com> Date: Mon, 4 Sep 2023 13:48:36 +0100 Subject: [PATCH 2/2] refactor: blocks table redesign (#508) --- app/Http/Livewire/BlockTable.php | 45 ++++-- public/css/app.css | 2 +- public/mix-manifest.json | 2 +- resources/lang/en/tables.php | 1 + resources/views/app/blocks.blade.php | 4 +- .../components/skeletons/blocks.blade.php | 33 ++-- .../tables/desktop/blocks.blade.php | 144 ++++++++++++++---- .../tables/desktop/home-blocks.blade.php | 47 ++++++ .../tables/desktop/skeleton/blocks.blade.php | 96 ++++++------ .../desktop/skeleton/home-blocks.blade.php | 44 ++++++ .../components/tables/mobile/blocks.blade.php | 60 ++++++-- .../tables/mobile/home-blocks.blade.php | 21 +++ .../tables/mobile/skeleton/blocks.blade.php | 12 +- .../mobile/skeleton/home-blocks.blade.php | 6 + .../desktop/encapsulated/address.blade.php | 73 +++++---- .../desktop/encapsulated/reward.blade.php | 21 ++- .../encapsulated/transaction-count.blade.php | 2 +- .../components/tables/rows/mobile.blade.php | 6 +- .../encapsulated/generated-by.blade.php | 12 ++ .../rows/mobile/encapsulated/volume.blade.php | 2 +- .../tables/toolbars/toolbar.blade.php | 8 +- .../views/livewire/block-table.blade.php | 29 +++- .../views/livewire/latest-records.blade.php | 8 +- .../Feature/Http/Livewire/BlockTableTest.php | 27 +++- 24 files changed, 527 insertions(+), 178 deletions(-) create mode 100644 resources/views/components/tables/desktop/home-blocks.blade.php create mode 100644 resources/views/components/tables/desktop/skeleton/home-blocks.blade.php create mode 100644 resources/views/components/tables/mobile/home-blocks.blade.php create mode 100644 resources/views/components/tables/mobile/skeleton/home-blocks.blade.php create mode 100644 resources/views/components/tables/rows/mobile/encapsulated/generated-by.blade.php diff --git a/app/Http/Livewire/BlockTable.php b/app/Http/Livewire/BlockTable.php index 92135e1f8..596ae70b0 100644 --- a/app/Http/Livewire/BlockTable.php +++ b/app/Http/Livewire/BlockTable.php @@ -4,44 +4,65 @@ namespace App\Http\Livewire; +use App\Http\Livewire\Concerns\DeferLoading; +use App\Http\Livewire\Concerns\HasTablePagination; use App\Models\Block; use App\Models\Scopes\OrderByTimestampScope; use App\ViewModels\ViewModelFactory; -use ARKEcosystem\Foundation\UserInterface\Http\Livewire\Concerns\HasPagination; use Illuminate\Pagination\LengthAwarePaginator; use Illuminate\View\View; use Livewire\Component; +/** + * @property LengthAwarePaginator $blocks + * */ final class BlockTable extends Component { - use HasPagination; - - public const PER_PAGE = 15; + use DeferLoading; + use HasTablePagination; /** @var mixed */ - protected $listeners = ['currencyChanged' => '$refresh']; + protected $listeners = [ + 'currencyChanged' => '$refresh', + ]; public function render(): View { + return view('livewire.block-table', [ + 'blocks' => ViewModelFactory::paginate($this->blocks), + ]); + } + + public function getNoResultsMessageProperty(): null|string + { + if ($this->blocks->total() === 0) { + return trans('tables.blocks.no_results.no_results'); + } + + return null; + } + + public function getBlocksProperty(): LengthAwarePaginator + { + if (! $this->isReady) { + return new LengthAwarePaginator([], 0, $this->perPage); + } + /** @var Block $lastBlock */ $lastBlock = Block::withScope(OrderByTimestampScope::class)->first(); $lastBlockHeight = $lastBlock->height->toNumber(); - $heightTo = $lastBlockHeight - (self::PER_PAGE * ($this->page - 1)); - $heightFrom = $heightTo - self::PER_PAGE; + $heightTo = $lastBlockHeight - ($this->perPage * ($this->page - 1)); + $heightFrom = $heightTo - $this->perPage; $blocks = Block::withScope(OrderByTimestampScope::class) ->where('height', '<=', $heightTo) ->where('height', '>', $heightFrom) ->get(); - $blocks = new LengthAwarePaginator($blocks, $lastBlockHeight, self::PER_PAGE, $this->page, [ + return new LengthAwarePaginator($blocks, $lastBlockHeight, $this->perPage, $this->page, [ 'path' => route('blocks'), 'pageName' => 'page', ]); - - return view('livewire.block-table', [ - 'blocks' => ViewModelFactory::paginate($blocks), - ]); } } diff --git a/public/css/app.css b/public/css/app.css index 026040a83..8ad3f5f27 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -50,4 +50,4 @@ .dropdown__checkbox>div>div:nth-child(2)+h2:not(.documentation-sidebar h2:first-of-type),.documentation-sidebar -.export-modal__checkbox>div>div:nth-child(2)+h2:not(.documentation-sidebar h2:first-of-type),.documentation-sidebar .table-filter-item__checkbox>div>div>div:nth-child(2)+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}.dropdown__checkbox>div>div:nth-child(2),.export-modal__checkbox>div>div:nth-child(2),.table-filter-item__checkbox>div>div>div:nth-child(2){align-items:center;display:flex;flex:1 1 0%}.dropdown__checkbox label,.export-modal__checkbox label,.table-filter-item__checkbox label{cursor:pointer;flex:1 1 0%;line-height:1.25rem}.pika-single{border-radius:.25rem;border-width:0;margin-top:.5rem}.dark .pika-single{background-color:var(--theme-color-dark-950)}html:not(.dark) .pika-single .pika-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 19-7-7 7-7'/%3E%3C/svg%3E")}html:not(.dark) .pika-single .pika-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 5 7 7-7 7'/%3E%3C/svg%3E")}.dark .pika-single .pika-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a4b1bc'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 19-7-7 7-7'/%3E%3C/svg%3E")}.dark .pika-single .pika-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a4b1bc'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 5 7 7-7 7'/%3E%3C/svg%3E")}.dark .pika-single .pika-label{background-color:var(--theme-color-dark-950);color:var(--theme-color-dark-50)}.pika-single table thead abbr{background-color:var(--theme-color-dark-950);cursor:default;-webkit-text-decoration-line:none;text-decoration-line:none}.input-group:focus-within .input-text-with-icon.pika-single table thead abbr:-moz-read-only,.input-group:focus-within .input-text-with-prefix.pika-single table thead abbr:-moz-read-only,.input-group:focus-within .input-text-with-suffix.pika-single table thead abbr:-moz-read-only,.input-group:focus-within .input-text.pika-single table thead abbr:-moz-read-only,.input-text-with-icon.pika-single table thead abbr:-moz-read-only,.input-text-with-prefix.pika-single table thead abbr:-moz-read-only,.input-text-with-suffix.pika-single table thead abbr:-moz-read-only,.input-text.pika-single table thead abbr:-moz-read-only{cursor:default}.input-group:focus-within .input-text-with-icon.pika-single table thead abbr:read-only,.input-group:focus-within .input-text-with-prefix.pika-single table thead abbr:read-only,.input-group:focus-within .input-text-with-suffix.pika-single table thead abbr:read-only,.input-group:focus-within .input-text.pika-single table thead abbr:read-only,.input-text-with-icon.pika-single table thead abbr:read-only,.input-text-with-prefix.pika-single table thead abbr:read-only,.input-text-with-suffix.pika-single table thead abbr:read-only,.input-text.pika-single table thead abbr:read-only{cursor:default}.simple-markdown a:is(.pika-single table thead abbr):hover{text-decoration:none}.dark .pika-single table thead abbr{color:var(--theme-color-dark-200)}.dark .pika-single table td.is-today button{background-color:var(--theme-color-dark-500)}.dark .pika-single table td.is-disabled button{background-color:transparent!important;color:var(--theme-color-dark-300)}.dark .pika-single table td.is-selected button{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background-color:var(--theme-color-dark-400)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--theme-color-dark-blue-200)}.dark .pika-single table td.is-selected button:hover{color:var(--theme-color-dark-50)}.pika-single table td button{border-radius:0!important;transition:all .1s ease-in}.dark .pika-single table td button{background-color:var(--theme-color-dark-600);color:var(--theme-color-dark-50)}.dark .pika-single table td button:hover{background-color:var(--theme-color-dark-blue-400);color:var(--theme-color-dark-50)}@media (min-width:640px){.documentation-sidebar .sm\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:768px){.documentation-sidebar .md\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:960px){.documentation-sidebar .md-lg\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:1024px){.documentation-sidebar .lg\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:1280px){.documentation-sidebar .xl\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}.placeholder\:text-theme-secondary-500::-moz-placeholder{color:var(--theme-color-secondary-500)}.placeholder\:text-theme-secondary-500:-ms-input-placeholder{color:var(--theme-color-secondary-500)}.placeholder\:text-theme-secondary-500::placeholder{color:var(--theme-color-secondary-500)}.placeholder\:text-theme-secondary-700::-moz-placeholder{color:var(--theme-color-secondary-700)}.placeholder\:text-theme-secondary-700:-ms-input-placeholder{color:var(--theme-color-secondary-700)}.placeholder\:text-theme-secondary-700::placeholder{color:var(--theme-color-secondary-700)}.first\:pl-0:first-child{padding-left:0}.first\:pl-4:first-child{padding-left:1rem}.last\:mb-8:last-child{margin-bottom:2rem}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-4:last-child{padding-bottom:1rem}.last\:pr-4:last-child{padding-right:1rem}.focus-within\:border-theme-primary-500:focus-within{border-color:var(--theme-color-primary-500)}.focus-within\:border-theme-primary-600:focus-within{border-color:var(--theme-color-primary-600)}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-theme-primary-200:hover{border-color:var(--theme-color-primary-200)}.hover\:border-theme-primary-300:hover{border-color:var(--theme-color-primary-300)}.hover\:border-theme-primary-400:hover{border-color:var(--theme-color-primary-400)}.hover\:border-theme-primary-600:hover{border-color:var(--theme-color-primary-600)}.hover\:border-theme-primary-700:hover{border-color:var(--theme-color-primary-700)}.hover\:border-theme-secondary-300:hover{border-color:var(--theme-color-secondary-300)}.hover\:border-transparent:hover{border-color:transparent}.hover\:bg-theme-danger-400:hover{background-color:var(--theme-color-danger-400)}.hover\:bg-theme-primary-100:hover{background-color:var(--theme-color-primary-100)}.hover\:bg-theme-primary-400:hover{background-color:var(--theme-color-primary-400)}.hover\:bg-theme-primary-50:hover{background-color:var(--theme-color-primary-50)}.hover\:bg-theme-primary-700:hover{background-color:var(--theme-color-primary-700)}.hover\:bg-theme-secondary-100:hover{background-color:var(--theme-color-secondary-100)}.hover\:bg-theme-secondary-200:hover{background-color:var(--theme-color-secondary-200)}.hover\:bg-theme-success-50:hover{background-color:var(--theme-color-success-50)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-theme-primary-500:hover{color:var(--theme-color-primary-500)}.hover\:text-theme-primary-600:hover{color:var(--theme-color-primary-600)}.hover\:text-theme-primary-700:hover{color:var(--theme-color-primary-700)}.hover\:text-theme-secondary-200:hover{color:var(--theme-color-secondary-200)}.hover\:text-theme-secondary-400:hover{color:var(--theme-color-secondary-400)}.hover\:text-theme-secondary-800:hover{color:var(--theme-color-secondary-800)}.hover\:text-theme-secondary-900:hover{color:var(--theme-color-secondary-900)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:no-underline:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:outline-none:hover{outline:2px solid transparent;outline-offset:2px}.hover\:outline-theme-primary-400:hover{outline-color:var(--theme-color-primary-400)}.hover\:size-increase:hover{transform:scale(1.02)}.focus\:border-theme-danger-300:focus{border-color:var(--theme-color-danger-300)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-theme-danger-300:focus{--tw-ring-color:var(--theme-color-danger-300)}.focus\:ring-theme-primary-500:focus{--tw-ring-color:var(--theme-color-primary-500)}.focus-visible\:-mt-px.focus-visible{margin-top:-1px}.focus-visible\:-mt-px:focus-visible{margin-top:-1px}.focus-visible\:rounded.focus-visible{border-radius:.25rem}.focus-visible\:rounded:focus-visible{border-radius:.25rem}.focus-visible\:border-b-0.focus-visible{border-bottom-width:0}.focus-visible\:border-b-0:focus-visible{border-bottom-width:0}.focus-visible\:pt-0.focus-visible{padding-top:0}.focus-visible\:pt-0:focus-visible{padding-top:0}.focus-visible\:ring-2.focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-inset.focus-visible{--tw-ring-inset:inset}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:ring-theme-primary-500.focus-visible{--tw-ring-color:var(--theme-color-primary-500)}.focus-visible\:ring-theme-primary-500:focus-visible{--tw-ring-color:var(--theme-color-primary-500)}.group:first-child .group-first\:mt-0{margin-top:0}.group:last-child .group-last\:hidden{display:none}.group:hover .group-hover\:border-theme-primary-300{border-color:var(--theme-color-primary-300)}.group:hover .group-hover\:border-theme-primary-400{border-color:var(--theme-color-primary-400)}.group:hover .group-hover\:bg-theme-primary-100{background-color:var(--theme-color-primary-100)}.group:hover .group-hover\:bg-theme-success-50{background-color:var(--theme-color-success-50)}.group:hover .group-hover\:bg-transparent{background-color:transparent}.group\/header:hover .group-hover\/header\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.group:hover .group-hover\:text-theme-dark-blue-600{color:var(--theme-color-dark-blue-600)}.group:hover .group-hover\:text-theme-primary-500{color:var(--theme-color-primary-500)}.group:hover .group-hover\:text-theme-primary-600{color:var(--theme-color-primary-600)}.group:hover .group-hover\:text-theme-primary-700{color:var(--theme-color-primary-700)}.group:hover .group-hover\:text-theme-secondary-900{color:var(--theme-color-secondary-900)}.group:hover .group-hover\:text-transparent{color:transparent}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group\/result:hover .group-hover\/result\:no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.inverted .inverted\:border-theme-primary-600{border-color:var(--theme-color-primary-600)}.inverted .inverted\:border-theme-secondary-300{border-color:var(--theme-color-secondary-300)}.inverted .inverted\:border-transparent{border-color:transparent}.inverted .inverted\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.inverted .inverted\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.inverted .inverted\:text-theme-secondary-900{color:var(--theme-color-secondary-900)}.inverted .inverted\:shadow-header-smooth{--tw-shadow:0px 2px 10px 0px rgba(192,200,207,.22);--tw-shadow-colored:0px 2px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.inverted .inverted\:hover\:border-theme-primary-600:hover{border-color:var(--theme-color-primary-600)}.inverted .inverted\:hover\:border-theme-secondary-300:hover{border-color:var(--theme-color-secondary-300)}.inverted .inverted\:hover\:bg-theme-primary-100:hover{background-color:var(--theme-color-primary-100)}.inverted .inverted\:hover\:text-theme-primary-700:hover{color:var(--theme-color-primary-700)}.inverted .inverted\:hover\:text-theme-secondary-900:hover{color:var(--theme-color-secondary-900)}:is(.dark .dark\:block){display:block}:is(.dark .dark\:hidden){display:none}:is(.dark .dark\:divide-theme-dark-700)>:not([hidden])~:not([hidden]){border-color:var(--theme-color-dark-700)}:is(.dark .dark\:divide-theme-secondary-800)>:not([hidden])~:not([hidden]){border-color:var(--theme-color-secondary-800)}:is(.dark .dark\:divide-theme-success-800)>:not([hidden])~:not([hidden]){border-color:var(--theme-color-success-800)}:is(.dark .dark\:border){border-width:1px}:is(.dark .dark\:border-\[\#AA6868\]){--tw-border-opacity:1;border-color:rgb(170 104 104/var(--tw-border-opacity))}:is(.dark .dark\:border-black){border-color:var(--theme-color-dark-950)}:is(.dark .dark\:border-theme-danger-400){border-color:var(--theme-color-danger-400)}:is(.dark .dark\:border-theme-danger-700){border-color:var(--theme-color-danger-700)}:is(.dark .dark\:border-theme-dark-500){border-color:var(--theme-color-dark-500)}:is(.dark .dark\:border-theme-dark-600){border-color:var(--theme-color-dark-600)}:is(.dark .dark\:border-theme-dark-700){border-color:var(--theme-color-dark-700)}:is(.dark .dark\:border-theme-dark-950){border-color:var(--theme-color-dark-950)}:is(.dark .dark\:border-theme-dark-blue-400){border-color:var(--theme-color-dark-blue-400)}:is(.dark .dark\:border-theme-dark-blue-500){border-color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:border-theme-orange-dark){border-color:var(--theme-orange-dark)}:is(.dark .dark\:border-theme-secondary-300){border-color:var(--theme-color-secondary-300)}:is(.dark .dark\:border-theme-secondary-600){border-color:var(--theme-color-secondary-600)}:is(.dark .dark\:border-theme-secondary-700){border-color:var(--theme-color-secondary-700)}:is(.dark .dark\:border-theme-secondary-800){border-color:var(--theme-color-secondary-800)}:is(.dark .dark\:border-theme-secondary-900){border-color:var(--theme-color-secondary-900)}:is(.dark .dark\:border-theme-success-500){border-color:var(--theme-color-success-500)}:is(.dark .dark\:border-theme-success-600){border-color:var(--theme-color-success-600)}:is(.dark .dark\:border-theme-success-700){border-color:var(--theme-color-success-700)}:is(.dark .dark\:border-theme-warning-800){border-color:var(--theme-color-warning-800)}:is(.dark .dark\:border-transparent){border-color:transparent}:is(.dark .dark\:bg-black){background-color:var(--theme-color-dark-950)}:is(.dark .dark\:bg-theme-danger-400){background-color:var(--theme-color-danger-400)}:is(.dark .dark\:bg-theme-dark-800){background-color:var(--theme-color-dark-800)}:is(.dark .dark\:bg-theme-dark-900){background-color:var(--theme-color-dark-900)}:is(.dark .dark\:bg-theme-dark-950){background-color:var(--theme-color-dark-950)}:is(.dark .dark\:bg-theme-dark-blue-500){background-color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:bg-theme-dark-blue-800){background-color:var(--theme-color-dark-blue-800)}:is(.dark .dark\:bg-theme-dark-blue-900){background-color:var(--theme-color-dark-blue-900)}:is(.dark .dark\:bg-theme-secondary-300){background-color:var(--theme-color-secondary-300)}:is(.dark .dark\:bg-theme-secondary-700){background-color:var(--theme-color-secondary-700)}:is(.dark .dark\:bg-theme-secondary-800){background-color:var(--theme-color-secondary-800)}:is(.dark .dark\:bg-theme-secondary-900){background-color:var(--theme-color-secondary-900)}:is(.dark .dark\:bg-theme-success-500){background-color:var(--theme-color-success-500)}:is(.dark .dark\:bg-theme-success-600){background-color:var(--theme-color-success-600)}:is(.dark .dark\:bg-theme-success-900){background-color:var(--theme-color-success-900)}:is(.dark .dark\:bg-theme-warning-600){background-color:var(--theme-color-warning-600)}:is(.dark .dark\:bg-theme-warning-700){background-color:var(--theme-color-warning-700)}:is(.dark .dark\:bg-transparent){background-color:transparent}:is(.dark .dark\:bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}:is(.dark .dark\:bg-opacity-95){--tw-bg-opacity:0.95}:is(.dark .dark\:from-theme-dark-800){--tw-gradient-from:var(--theme-color-dark-800) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:is(.dark .dark\:to-theme-dark-700){--tw-gradient-to:var(--theme-color-dark-700) var(--tw-gradient-to-position)}:is(.dark .dark\:fill-theme-dark-blue-400){fill:var(--theme-color-dark-blue-400)}:is(.dark .dark\:fill-theme-dark-blue-500){fill:var(--theme-color-dark-blue-500)}:is(.dark .dark\:stroke-theme-dark-700){stroke:var(--theme-color-dark-700)}:is(.dark .dark\:text-\[\#F39B9B\]){--tw-text-opacity:1;color:rgb(243 155 155/var(--tw-text-opacity))}:is(.dark .dark\:text-theme-danger-400){color:var(--theme-color-danger-400)}:is(.dark .dark\:text-theme-dark-200){color:var(--theme-color-dark-200)}:is(.dark .dark\:text-theme-dark-300){color:var(--theme-color-dark-300)}:is(.dark .dark\:text-theme-dark-50){color:var(--theme-color-dark-50)}:is(.dark .dark\:text-theme-dark-500){color:var(--theme-color-dark-500)}:is(.dark .dark\:text-theme-dark-blue-400){color:var(--theme-color-dark-blue-400)}:is(.dark .dark\:text-theme-dark-blue-500){color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:text-theme-secondary-200){color:var(--theme-color-secondary-200)}:is(.dark .dark\:text-theme-secondary-300){color:var(--theme-color-secondary-300)}:is(.dark .dark\:text-theme-secondary-400){color:var(--theme-color-secondary-400)}:is(.dark .dark\:text-theme-secondary-50){color:var(--theme-color-secondary-50)}:is(.dark .dark\:text-theme-secondary-500){color:var(--theme-color-secondary-500)}:is(.dark .dark\:text-theme-secondary-600){color:var(--theme-color-secondary-600)}:is(.dark .dark\:text-theme-secondary-700){color:var(--theme-color-secondary-700)}:is(.dark .dark\:text-theme-secondary-800){color:var(--theme-color-secondary-800)}:is(.dark .dark\:text-theme-success-500){color:var(--theme-color-success-500)}:is(.dark .dark\:text-theme-warning-400){color:var(--theme-color-warning-400)}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:opacity-50){opacity:.5}:is(.dark .dark\:opacity-80){opacity:.8}:is(.dark .dark\:shadow-lg-dark){--tw-shadow:0 0px 25px -3px rgba(18,18,19,.7),0 4px 15px 0px rgba(18,18,19,.7);--tw-shadow-colored:0 0px 25px -3px var(--tw-shadow-color),0 4px 15px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .dark\:shadow-none){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .dark\:ring-theme-dark-700){--tw-ring-color:var(--theme-color-dark-700)}:is(.dark .dark\:placeholder\:text-theme-secondary-700)::-moz-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .dark\:placeholder\:text-theme-secondary-700):-ms-input-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .dark\:placeholder\:text-theme-secondary-700)::placeholder{color:var(--theme-color-secondary-700)}:is(.dark .placeholder\:dark\:text-theme-dark-200)::-moz-placeholder{color:var(--theme-color-dark-200)}:is(.dark .placeholder\:dark\:text-theme-dark-200):-ms-input-placeholder{color:var(--theme-color-dark-200)}:is(.dark .placeholder\:dark\:text-theme-dark-200)::placeholder{color:var(--theme-color-dark-200)}:is(.dark .placeholder\:dark\:text-theme-secondary-700)::-moz-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .placeholder\:dark\:text-theme-secondary-700):-ms-input-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .placeholder\:dark\:text-theme-secondary-700)::placeholder{color:var(--theme-color-secondary-700)}:is(.dark .focus-within\:dark\:border-theme-primary-600):focus-within{border-color:var(--theme-color-primary-600)}:is(.dark .focus-within\:dark\:border-theme-secondary-700):focus-within{border-color:var(--theme-color-secondary-700)}:is(.dark .dark\:hover\:border-theme-secondary-600:hover){border-color:var(--theme-color-secondary-600)}:is(.dark .hover\:dark\:border-theme-dark-blue-600):hover{border-color:var(--theme-color-dark-blue-600)}:is(.dark .hover\:dark\:border-theme-primary-700):hover{border-color:var(--theme-color-primary-700)}:is(.dark .hover\:dark\:border-theme-secondary-700):hover{border-color:var(--theme-color-secondary-700)}:is(.dark .dark\:hover\:bg-black:hover){background-color:var(--theme-color-dark-950)}:is(.dark .dark\:hover\:bg-theme-secondary-600:hover){background-color:var(--theme-color-secondary-600)}:is(.dark .dark\:hover\:bg-theme-secondary-800:hover){background-color:var(--theme-color-secondary-800)}:is(.dark .dark\:hover\:bg-theme-secondary-900:hover){background-color:var(--theme-color-secondary-900)}:is(.dark .dark\:hover\:bg-theme-success-900:hover){background-color:var(--theme-color-success-900)}:is(.dark .hover\:dark\:bg-theme-dark-900):hover{background-color:var(--theme-color-dark-900)}:is(.dark .hover\:dark\:bg-theme-dark-blue-600):hover{background-color:var(--theme-color-dark-blue-600)}:is(.dark .hover\:dark\:bg-theme-primary-700):hover{background-color:var(--theme-color-primary-700)}:is(.dark .hover\:dark\:bg-theme-secondary-800):hover{background-color:var(--theme-color-secondary-800)}:is(.dark .dark\:hover\:text-theme-dark-blue-500:hover){color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:hover\:text-theme-primary-600:hover){color:var(--theme-color-primary-600)}:is(.dark .dark\:hover\:text-theme-primary-700:hover){color:var(--theme-color-primary-700)}:is(.dark .dark\:hover\:text-theme-secondary-100:hover){color:var(--theme-color-secondary-100)}:is(.dark .dark\:hover\:text-theme-secondary-200:hover){color:var(--theme-color-secondary-200)}:is(.dark .dark\:hover\:text-theme-secondary-400:hover){color:var(--theme-color-secondary-400)}:is(.dark .dark\:hover\:text-theme-secondary-800:hover){color:var(--theme-color-secondary-800)}:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .hover\:dark\:text-theme-dark-50):hover{color:var(--theme-color-dark-50)}:is(.dark .hover\:dark\:text-theme-secondary-200):hover{color:var(--theme-color-secondary-200)}:is(.dark .hover\:dark\:outline-theme-dark-blue-600):hover{outline-color:var(--theme-color-dark-blue-600)}:is(.dark .focus\:dark\:ring-theme-primary-300):focus{--tw-ring-color:var(--theme-color-primary-300)}:is(.dark .focus-visible\:dark\:ring-theme-primary-300).focus-visible{--tw-ring-color:var(--theme-color-primary-300)}:is(.dark .focus-visible\:dark\:ring-theme-primary-300):focus-visible{--tw-ring-color:var(--theme-color-primary-300)}.group:hover :is(.dark .group-hover\:dark\:border-theme-primary-600){border-color:var(--theme-color-primary-600)}.group:hover :is(.dark .group-hover\:dark\:border-theme-secondary-600){border-color:var(--theme-color-secondary-600)}.group:hover :is(.dark .group-hover\:dark\:border-theme-secondary-700){border-color:var(--theme-color-secondary-700)}:is(.dark .group:hover .dark\:group-hover\:bg-theme-secondary-800){background-color:var(--theme-color-secondary-800)}:is(.dark .group:hover .dark\:group-hover\:bg-theme-success-900){background-color:var(--theme-color-success-900)}:is(.dark .group:hover .dark\:group-hover\:text-theme-dark-blue-500){color:var(--theme-color-dark-blue-500)}:is(.dark .group:hover .dark\:group-hover\:text-theme-dark-blue-600){color:var(--theme-color-dark-blue-600)}:is(.dark .group:hover .dark\:group-hover\:text-theme-secondary-100){color:var(--theme-color-secondary-100)}:is(.dark .group:hover .dark\:group-hover\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover :is(.dark .group-hover\:dark\:text-theme-secondary-200){color:var(--theme-color-secondary-200)}.group:hover :is(.dark .group-hover\:dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.sm\:static{position:static}.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:bottom-0{bottom:0}.sm\:left-auto{left:auto}.sm\:right-0{right:0}.sm\:top-0{top:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:m-8{margin:2rem}.sm\:m-auto{margin:auto}.sm\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:\!mt-6{margin-top:1.5rem!important}.sm\:-ml-4{margin-left:-1rem}.sm\:-mr-1{margin-right:-.25rem}.sm\:-mr-1\.5{margin-right:-.375rem}.sm\:-mr-7{margin-right:-1.75rem}.sm\:-mt-1{margin-top:-.25rem}.sm\:-mt-1\.5{margin-top:-.375rem}.sm\:mb-0{margin-bottom:0}.sm\:ml-0{margin-left:0}.sm\:ml-6{margin-left:1.5rem}.sm\:mr-0{margin-right:0}.sm\:mr-1{margin-right:.25rem}.sm\:mr-12{margin-right:3rem}.sm\:mr-2{margin-right:.5rem}.sm\:mr-6{margin-right:1.5rem}.sm\:mr-7{margin-right:1.75rem}.sm\:mr-8{margin-right:2rem}.sm\:mt-0{margin-top:0}.sm\:mt-2{margin-top:.5rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-16{height:4rem}.sm\:h-5{height:1.25rem}.sm\:h-8{height:2rem}.sm\:h-auto{height:auto}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-100{width:25rem}.sm\:w-136{width:34rem}.sm\:w-5{width:1.25rem}.sm\:w-8{width:2rem}.sm\:w-80{width:20rem}.sm\:w-\[142px\]{width:142px}.sm\:w-\[400px\]{width:400px}.sm\:w-auto{width:auto}.sm\:min-w-\[110px\]{min-width:110px}.sm\:max-w-\[320px\]{max-width:320px}.sm\:max-w-\[430px\]{max-width:430px}.sm\:max-w-\[448px\]{max-width:448px}.sm\:max-w-full{max-width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-none{max-width:none}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:flex-none{flex:none}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.sm\:divide-theme-secondary-200>:not([hidden])~:not([hidden]){border-color:var(--theme-color-secondary-200)}.sm\:rounded{border-radius:.25rem}.sm\:rounded-2\.5xl{border-radius:1.25rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.sm\:border{border-width:1px}.sm\:border-0{border-width:0}.sm\:border-2{border-width:2px}.sm\:border-l{border-left-width:1px}.sm\:border-r{border-right-width:1px}.sm\:border-r-0{border-right-width:0}.sm\:border-t{border-top-width:1px}.sm\:border-t-0{border-top-width:0}.sm\:border-theme-secondary-300{border-color:var(--theme-color-secondary-300)}.sm\:bg-theme-secondary-200{background-color:var(--theme-color-secondary-200)}.sm\:bg-transparent{background-color:transparent}.sm\:bg-\[url\(\'\/images\/wallets\/arrows\.svg\'\)\]{background-image:url(/images/wallets/arrows.svg)}.sm\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.sm\:p-10{padding:2.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-0{padding-bottom:0;padding-top:0}.sm\:py-1{padding-bottom:.25rem;padding-top:.25rem}.sm\:py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.sm\:py-2{padding-bottom:.5rem;padding-top:.5rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:py-\[14\.5px\]{padding-bottom:14.5px;padding-top:14.5px}.sm\:pb-4{padding-bottom:1rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pl-3{padding-left:.75rem}.sm\:pl-4{padding-left:1rem}.sm\:pl-5{padding-left:1.25rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pl-8{padding-left:2rem}.sm\:pr-0{padding-right:0}.sm\:pt-0{padding-top:0}.sm\:pt-6{padding-top:1.5rem}.sm\:pt-8{padding-top:2rem}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-start{text-align:start}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:font-normal{font-weight:400}.sm\:\!leading-5{line-height:1.25rem!important}.sm\:\!leading-5\.25{line-height:1.3125rem!important}.sm\:leading-3{line-height:.75rem}.sm\:leading-3\.75{line-height:.9375rem}.sm\:leading-5{line-height:1.25rem}.sm\:leading-5\.25{line-height:1.3125rem}.sm\:leading-none{line-height:1}.sm\:shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:first-child .group-first\:sm\:-mt-2{margin-top:-.5rem}.group:first-child .group-first\:sm\:block{display:block}:is(.dark .dark\:sm\:block){display:block}:is(.dark .dark\:sm\:hidden){display:none}:is(.dark .sm\:dark\:border-theme-secondary-800){border-color:var(--theme-color-secondary-800)}:is(.dark .dark\:sm\:bg-transparent){background-color:transparent}:is(.dark .sm\:dark\:bg-black){background-color:var(--theme-color-dark-950)}:is(.dark .sm\:dark\:bg-\[url\(\'\/images\/wallets\/arrows-dark\.svg\'\)\]){background-image:url(/images/wallets/arrows-dark.svg)}}@media (min-width:768px){.md\:relative{position:relative}.md\:sticky{position:-webkit-sticky;position:sticky}.md\:top-0{top:0}.md\:m-0{margin:0}.md\:m-auto{margin:auto}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mx-8{margin-left:2rem;margin-right:2rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-0{margin-bottom:0}.md\:mb-1{margin-bottom:.25rem}.md\:ml-12{margin-left:3rem}.md\:ml-4{margin-left:1rem}.md\:ml-6{margin-left:1.5rem}.md\:mr-0{margin-right:0}.md\:mr-12{margin-right:3rem}.md\:mr-4{margin-right:1rem}.md\:mt-0{margin-top:0}.md\:mt-1{margin-top:.25rem}.md\:mt-2{margin-top:.5rem}.md\:mt-4{margin-top:1rem}.md\:mt-6{margin-top:1.5rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:table-cell{display:table-cell}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-11{height:2.75rem}.md\:h-13{height:3.25rem}.md\:h-3{height:.75rem}.md\:h-4{height:1rem}.md\:h-5{height:1.25rem}.md\:h-8{height:2rem}.md\:max-h-\[332px\]{max-height:332px}.md\:w-1\/2{width:50%}.md\:w-1\/4{width:25%}.md\:w-11{width:2.75rem}.md\:w-13{width:3.25rem}.md\:w-2{width:.5rem}.md\:w-3{width:.75rem}.md\:w-3\/4{width:75%}.md\:w-4{width:1rem}.md\:w-5{width:1.25rem}.md\:w-56{width:14rem}.md\:w-8{width:2rem}.md\:w-\[220px\]{width:220px}.md\:w-\[284px\]{width:284px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:w-px{width:1px}.md\:max-w-2xl{max-width:42rem}.md\:max-w-7xl{max-width:80rem}.md\:max-w-xl{max-width:36rem}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-3{gap:.75rem}.md\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-xl{border-radius:.75rem}.md\:rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.md\:rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.md\:border{border-width:1px}.md\:border-0{border-width:0}.md\:border-2{border-width:2px}.md\:border-b-0{border-bottom-width:0}.md\:border-t-0{border-top-width:0}.md\:border-theme-primary-100{border-color:var(--theme-color-primary-100)}.md\:border-theme-secondary-300{border-color:var(--theme-color-secondary-300)}.md\:bg-theme-primary-100{background-color:var(--theme-color-primary-100)}.md\:bg-theme-primary-600{background-color:var(--theme-color-primary-600)}.md\:bg-theme-secondary-200{background-color:var(--theme-color-secondary-200)}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:p-0{padding:0}.md\:p-2{padding:.5rem}.md\:p-6{padding:1.5rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-1{padding-bottom:.25rem;padding-top:.25rem}.md\:py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:py-\[14\.5px\]{padding-bottom:14.5px;padding-top:14.5px}.md\:pb-2{padding-bottom:.5rem}.md\:pb-3{padding-bottom:.75rem}.md\:pb-4{padding-bottom:1rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-3{padding-left:.75rem}.md\:pl-4{padding-left:1rem}.md\:pl-6{padding-left:1.5rem}.md\:pr-2{padding-right:.5rem}.md\:pr-4{padding-right:1rem}.md\:pr-8{padding-right:2rem}.md\:pt-0{padding-top:0}.md\:pt-12{padding-top:3rem}.md\:pt-4{padding-top:1rem}.md\:pt-5{padding-top:1.25rem}.md\:pt-6{padding-top:1.5rem}.md\:pt-8{padding-top:2rem}.md\:text-right{text-align:right}.md\:text-start{text-align:start}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:\!leading-5{line-height:1.25rem!important}.md\:\!leading-5\.25{line-height:1.3125rem!important}.md\:leading-5{line-height:1.25rem}.md\:leading-5\.25{line-height:1.3125rem}.md\:leading-\[1\.8125rem\]{line-height:1.8125rem}.md\:text-theme-primary-600{color:var(--theme-color-primary-600)}.md\:text-theme-secondary-100{color:var(--theme-color-secondary-100)}.md\:text-theme-secondary-500{color:var(--theme-color-secondary-500)}.md\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.md\:hover\:bg-theme-secondary-200:hover{background-color:var(--theme-color-secondary-200)}.md\:hover\:text-theme-secondary-700:hover{color:var(--theme-color-secondary-700)}.md\:hover\:text-theme-secondary-900:hover{color:var(--theme-color-secondary-900)}.group:hover .md\:group-hover\:bg-theme-secondary-300{background-color:var(--theme-color-secondary-300)}:is(.dark .md\:dark\:border-theme-secondary-800){border-color:var(--theme-color-secondary-800)}:is(.dark .md\:dark\:bg-black){background-color:var(--theme-color-dark-950)}:is(.dark .md\:dark\:bg-theme-secondary-800){background-color:var(--theme-color-secondary-800)}:is(.dark .md\:dark\:bg-theme-secondary-900){background-color:var(--theme-color-secondary-900)}:is(.dark .md\:dark\:text-theme-secondary-200){color:var(--theme-color-secondary-200)}:is(.dark .md\:dark\:text-theme-secondary-600){color:var(--theme-color-secondary-600)}:is(.dark .md\:dark\:text-theme-secondary-700){color:var(--theme-color-secondary-700)}.group:hover :is(.dark .md\:group-hover\:dark\:bg-theme-secondary-700){background-color:var(--theme-color-secondary-700)}}@media (min-width:960px){.md-lg\:left-auto{left:auto}.md-lg\:block{display:block}.md-lg\:flex{display:flex}.md-lg\:table-cell{display:table-cell}.md-lg\:hidden{display:none}.md-lg\:w-50{width:12.5rem}.md-lg\:w-\[100px\]{width:100px}.md-lg\:w-\[130px\]{width:130px}.md-lg\:w-\[156px\]{width:156px}.md-lg\:w-auto{width:auto}.md-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-lg\:flex-row{flex-direction:row}.md-lg\:items-center{align-items:center}.md-lg\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.md-lg\:space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.25rem*var(--tw-space-x-reverse))}.md-lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md-lg\:bg-none{background-image:none}.md-lg\:px-0{padding-left:0;padding-right:0}}@media (min-width:1024px){.lg\:relative{position:relative}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:my-1{margin-bottom:.25rem;margin-top:.25rem}.lg\:mb-px{margin-bottom:1px}.lg\:ml-2{margin-left:.5rem}.lg\:ml-4{margin-left:1rem}.lg\:ml-5{margin-left:1.25rem}.lg\:ml-6{margin-left:1.5rem}.lg\:ml-8{margin-left:2rem}.lg\:mr-0{margin-right:0}.lg\:mr-2{margin-right:.5rem}.lg\:mr-32{margin-right:8rem}.lg\:mt-0{margin-top:0}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:table-cell{display:table-cell}.lg\:hidden{display:none}.lg\:h-11{height:2.75rem}.lg\:h-12{height:3rem}.lg\:h-3{height:.75rem}.lg\:h-4{height:1rem}.lg\:h-5{height:1.25rem}.lg\:h-auto{height:auto}.lg\:w-1\/2{width:50%}.lg\:w-1\/5{width:20%}.lg\:w-11{width:2.75rem}.lg\:w-14{width:3.5rem}.lg\:w-2{width:.5rem}.lg\:w-3\/5{width:60%}.lg\:w-4{width:1rem}.lg\:w-5{width:1.25rem}.lg\:w-58{width:14.5rem}.lg\:w-\[150px\]{width:150px}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:min-w-0{min-width:0}.lg\:max-w-7xl{max-width:80rem}.lg\:max-w-none{max-width:none}.lg\:flex-1{flex:1 1 0%}.lg\:flex-none{flex:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-end{align-items:flex-end}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(3rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(3rem*var(--tw-space-x-reverse))}.lg\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.lg\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.lg\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.lg\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.lg\:rounded-lg{border-radius:.5rem}.lg\:rounded-r{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.lg\:border-0{border-width:0}.lg\:border-l{border-left-width:1px}.lg\:border-r{border-right-width:1px}.lg\:bg-theme-primary-100{background-color:var(--theme-color-primary-100)}.lg\:bg-theme-primary-600{background-color:var(--theme-color-primary-600)}.lg\:bg-\[url\(\'\/images\/wallets\/arrows\.svg\'\)\]{background-image:url(/images/wallets/arrows.svg)}.lg\:p-0{padding:0}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-1{padding-bottom:.25rem;padding-top:.25rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-6{padding-left:1.5rem}.lg\:pl-8{padding-left:2rem}.lg\:pr-5{padding-right:1.25rem}.lg\:pr-6{padding-right:1.5rem}.lg\:pr-7{padding-right:1.75rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-8{padding-top:2rem}.lg\:text-theme-primary-600{color:var(--theme-color-primary-600)}.lg\:text-theme-secondary-100{color:var(--theme-color-secondary-100)}.lg\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.lg\:no-wrap-span-children>span{white-space:nowrap}:is(.dark .lg\:dark\:bg-\[url\(\'\/images\/wallets\/arrows-dark\.svg\'\)\]){background-image:url(/images/wallets/arrows-dark.svg)}}@media (min-width:1280px){.xl\:mx-16{margin-left:4rem;margin-right:4rem}.xl\:mb-1{margin-bottom:.25rem}.xl\:mb-1\.5{margin-bottom:.375rem}.xl\:ml-6{margin-left:1.5rem}.xl\:mt-6{margin-top:1.5rem}.xl\:block{display:block}.xl\:inline-block{display:inline-block}.xl\:inline{display:inline}.xl\:flex{display:flex}.xl\:table-cell{display:table-cell}.xl\:hidden{display:none}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-1\/6{width:16.666667%}.xl\:w-\[490px\]{width:490px}.xl\:w-full{width:100%}.xl\:flex-1{flex:1 1 0%}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:place-items-stretch{place-items:stretch}.xl\:gap-0{gap:0}.xl\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.xl\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.xl\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.xl\:px-0{padding-left:0;padding-right:0}.xl\:py-8{padding-bottom:2rem;padding-top:2rem}} +.export-modal__checkbox>div>div:nth-child(2)+h2:not(.documentation-sidebar h2:first-of-type),.documentation-sidebar .table-filter-item__checkbox>div>div>div:nth-child(2)+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}.dropdown__checkbox>div>div:nth-child(2),.export-modal__checkbox>div>div:nth-child(2),.table-filter-item__checkbox>div>div>div:nth-child(2){align-items:center;display:flex;flex:1 1 0%}.dropdown__checkbox label,.export-modal__checkbox label,.table-filter-item__checkbox label{cursor:pointer;flex:1 1 0%;line-height:1.25rem}.pika-single{border-radius:.25rem;border-width:0;margin-top:.5rem}.dark .pika-single{background-color:var(--theme-color-dark-950)}html:not(.dark) .pika-single .pika-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 19-7-7 7-7'/%3E%3C/svg%3E")}html:not(.dark) .pika-single .pika-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 5 7 7-7 7'/%3E%3C/svg%3E")}.dark .pika-single .pika-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a4b1bc'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 19-7-7 7-7'/%3E%3C/svg%3E")}.dark .pika-single .pika-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a4b1bc'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 5 7 7-7 7'/%3E%3C/svg%3E")}.dark .pika-single .pika-label{background-color:var(--theme-color-dark-950);color:var(--theme-color-dark-50)}.pika-single table thead abbr{background-color:var(--theme-color-dark-950);cursor:default;-webkit-text-decoration-line:none;text-decoration-line:none}.input-group:focus-within .input-text-with-icon.pika-single table thead abbr:-moz-read-only,.input-group:focus-within .input-text-with-prefix.pika-single table thead abbr:-moz-read-only,.input-group:focus-within .input-text-with-suffix.pika-single table thead abbr:-moz-read-only,.input-group:focus-within .input-text.pika-single table thead abbr:-moz-read-only,.input-text-with-icon.pika-single table thead abbr:-moz-read-only,.input-text-with-prefix.pika-single table thead abbr:-moz-read-only,.input-text-with-suffix.pika-single table thead abbr:-moz-read-only,.input-text.pika-single table thead abbr:-moz-read-only{cursor:default}.input-group:focus-within .input-text-with-icon.pika-single table thead abbr:read-only,.input-group:focus-within .input-text-with-prefix.pika-single table thead abbr:read-only,.input-group:focus-within .input-text-with-suffix.pika-single table thead abbr:read-only,.input-group:focus-within .input-text.pika-single table thead abbr:read-only,.input-text-with-icon.pika-single table thead abbr:read-only,.input-text-with-prefix.pika-single table thead abbr:read-only,.input-text-with-suffix.pika-single table thead abbr:read-only,.input-text.pika-single table thead abbr:read-only{cursor:default}.simple-markdown a:is(.pika-single table thead abbr):hover{text-decoration:none}.dark .pika-single table thead abbr{color:var(--theme-color-dark-200)}.dark .pika-single table td.is-today button{background-color:var(--theme-color-dark-500)}.dark .pika-single table td.is-disabled button{background-color:transparent!important;color:var(--theme-color-dark-300)}.dark .pika-single table td.is-selected button{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background-color:var(--theme-color-dark-400)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--theme-color-dark-blue-200)}.dark .pika-single table td.is-selected button:hover{color:var(--theme-color-dark-50)}.pika-single table td button{border-radius:0!important;transition:all .1s ease-in}.dark .pika-single table td button{background-color:var(--theme-color-dark-600);color:var(--theme-color-dark-50)}.dark .pika-single table td button:hover{background-color:var(--theme-color-dark-blue-400);color:var(--theme-color-dark-50)}@media (min-width:640px){.documentation-sidebar .sm\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:768px){.documentation-sidebar .md\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:960px){.documentation-sidebar .md-lg\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:1024px){.documentation-sidebar .lg\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}@media (min-width:1280px){.documentation-sidebar .xl\:flex+h2:not(.documentation-sidebar h2:first-of-type){margin-top:1rem}}.placeholder\:text-theme-secondary-500::-moz-placeholder{color:var(--theme-color-secondary-500)}.placeholder\:text-theme-secondary-500:-ms-input-placeholder{color:var(--theme-color-secondary-500)}.placeholder\:text-theme-secondary-500::placeholder{color:var(--theme-color-secondary-500)}.placeholder\:text-theme-secondary-700::-moz-placeholder{color:var(--theme-color-secondary-700)}.placeholder\:text-theme-secondary-700:-ms-input-placeholder{color:var(--theme-color-secondary-700)}.placeholder\:text-theme-secondary-700::placeholder{color:var(--theme-color-secondary-700)}.first\:pl-0:first-child{padding-left:0}.first\:pl-4:first-child{padding-left:1rem}.last\:mb-8:last-child{margin-bottom:2rem}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-4:last-child{padding-bottom:1rem}.last\:pr-4:last-child{padding-right:1rem}.focus-within\:border-theme-primary-500:focus-within{border-color:var(--theme-color-primary-500)}.focus-within\:border-theme-primary-600:focus-within{border-color:var(--theme-color-primary-600)}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-theme-primary-200:hover{border-color:var(--theme-color-primary-200)}.hover\:border-theme-primary-300:hover{border-color:var(--theme-color-primary-300)}.hover\:border-theme-primary-400:hover{border-color:var(--theme-color-primary-400)}.hover\:border-theme-primary-600:hover{border-color:var(--theme-color-primary-600)}.hover\:border-theme-primary-700:hover{border-color:var(--theme-color-primary-700)}.hover\:border-theme-secondary-300:hover{border-color:var(--theme-color-secondary-300)}.hover\:border-transparent:hover{border-color:transparent}.hover\:bg-theme-danger-400:hover{background-color:var(--theme-color-danger-400)}.hover\:bg-theme-primary-100:hover{background-color:var(--theme-color-primary-100)}.hover\:bg-theme-primary-400:hover{background-color:var(--theme-color-primary-400)}.hover\:bg-theme-primary-50:hover{background-color:var(--theme-color-primary-50)}.hover\:bg-theme-primary-700:hover{background-color:var(--theme-color-primary-700)}.hover\:bg-theme-secondary-100:hover{background-color:var(--theme-color-secondary-100)}.hover\:bg-theme-secondary-200:hover{background-color:var(--theme-color-secondary-200)}.hover\:bg-theme-success-50:hover{background-color:var(--theme-color-success-50)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-theme-primary-500:hover{color:var(--theme-color-primary-500)}.hover\:text-theme-primary-600:hover{color:var(--theme-color-primary-600)}.hover\:text-theme-primary-700:hover{color:var(--theme-color-primary-700)}.hover\:text-theme-secondary-200:hover{color:var(--theme-color-secondary-200)}.hover\:text-theme-secondary-400:hover{color:var(--theme-color-secondary-400)}.hover\:text-theme-secondary-800:hover{color:var(--theme-color-secondary-800)}.hover\:text-theme-secondary-900:hover{color:var(--theme-color-secondary-900)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:no-underline:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:outline-none:hover{outline:2px solid transparent;outline-offset:2px}.hover\:outline-theme-primary-400:hover{outline-color:var(--theme-color-primary-400)}.hover\:size-increase:hover{transform:scale(1.02)}.focus\:border-theme-danger-300:focus{border-color:var(--theme-color-danger-300)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-theme-danger-300:focus{--tw-ring-color:var(--theme-color-danger-300)}.focus\:ring-theme-primary-500:focus{--tw-ring-color:var(--theme-color-primary-500)}.focus-visible\:-mt-px.focus-visible{margin-top:-1px}.focus-visible\:-mt-px:focus-visible{margin-top:-1px}.focus-visible\:rounded.focus-visible{border-radius:.25rem}.focus-visible\:rounded:focus-visible{border-radius:.25rem}.focus-visible\:border-b-0.focus-visible{border-bottom-width:0}.focus-visible\:border-b-0:focus-visible{border-bottom-width:0}.focus-visible\:pt-0.focus-visible{padding-top:0}.focus-visible\:pt-0:focus-visible{padding-top:0}.focus-visible\:ring-2.focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-inset.focus-visible{--tw-ring-inset:inset}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:ring-theme-primary-500.focus-visible{--tw-ring-color:var(--theme-color-primary-500)}.focus-visible\:ring-theme-primary-500:focus-visible{--tw-ring-color:var(--theme-color-primary-500)}.group:first-child .group-first\:mt-0{margin-top:0}.group:last-child .group-last\:hidden{display:none}.group:hover .group-hover\:border-theme-primary-300{border-color:var(--theme-color-primary-300)}.group:hover .group-hover\:border-theme-primary-400{border-color:var(--theme-color-primary-400)}.group:hover .group-hover\:bg-theme-primary-100{background-color:var(--theme-color-primary-100)}.group:hover .group-hover\:bg-theme-success-50{background-color:var(--theme-color-success-50)}.group:hover .group-hover\:bg-transparent{background-color:transparent}.group\/header:hover .group-hover\/header\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.group:hover .group-hover\:text-theme-dark-blue-600{color:var(--theme-color-dark-blue-600)}.group:hover .group-hover\:text-theme-primary-500{color:var(--theme-color-primary-500)}.group:hover .group-hover\:text-theme-primary-600{color:var(--theme-color-primary-600)}.group:hover .group-hover\:text-theme-primary-700{color:var(--theme-color-primary-700)}.group:hover .group-hover\:text-theme-secondary-900{color:var(--theme-color-secondary-900)}.group:hover .group-hover\:text-transparent{color:transparent}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group\/result:hover .group-hover\/result\:no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.inverted .inverted\:border-theme-primary-600{border-color:var(--theme-color-primary-600)}.inverted .inverted\:border-theme-secondary-300{border-color:var(--theme-color-secondary-300)}.inverted .inverted\:border-transparent{border-color:transparent}.inverted .inverted\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.inverted .inverted\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.inverted .inverted\:text-theme-secondary-900{color:var(--theme-color-secondary-900)}.inverted .inverted\:shadow-header-smooth{--tw-shadow:0px 2px 10px 0px rgba(192,200,207,.22);--tw-shadow-colored:0px 2px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.inverted .inverted\:hover\:border-theme-primary-600:hover{border-color:var(--theme-color-primary-600)}.inverted .inverted\:hover\:border-theme-secondary-300:hover{border-color:var(--theme-color-secondary-300)}.inverted .inverted\:hover\:bg-theme-primary-100:hover{background-color:var(--theme-color-primary-100)}.inverted .inverted\:hover\:text-theme-primary-700:hover{color:var(--theme-color-primary-700)}.inverted .inverted\:hover\:text-theme-secondary-900:hover{color:var(--theme-color-secondary-900)}:is(.dark .dark\:block){display:block}:is(.dark .dark\:hidden){display:none}:is(.dark .dark\:divide-theme-dark-700)>:not([hidden])~:not([hidden]){border-color:var(--theme-color-dark-700)}:is(.dark .dark\:divide-theme-secondary-800)>:not([hidden])~:not([hidden]){border-color:var(--theme-color-secondary-800)}:is(.dark .dark\:divide-theme-success-800)>:not([hidden])~:not([hidden]){border-color:var(--theme-color-success-800)}:is(.dark .dark\:border){border-width:1px}:is(.dark .dark\:border-\[\#AA6868\]){--tw-border-opacity:1;border-color:rgb(170 104 104/var(--tw-border-opacity))}:is(.dark .dark\:border-black){border-color:var(--theme-color-dark-950)}:is(.dark .dark\:border-theme-danger-400){border-color:var(--theme-color-danger-400)}:is(.dark .dark\:border-theme-danger-700){border-color:var(--theme-color-danger-700)}:is(.dark .dark\:border-theme-dark-500){border-color:var(--theme-color-dark-500)}:is(.dark .dark\:border-theme-dark-600){border-color:var(--theme-color-dark-600)}:is(.dark .dark\:border-theme-dark-700){border-color:var(--theme-color-dark-700)}:is(.dark .dark\:border-theme-dark-950){border-color:var(--theme-color-dark-950)}:is(.dark .dark\:border-theme-dark-blue-400){border-color:var(--theme-color-dark-blue-400)}:is(.dark .dark\:border-theme-dark-blue-500){border-color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:border-theme-orange-dark){border-color:var(--theme-orange-dark)}:is(.dark .dark\:border-theme-secondary-300){border-color:var(--theme-color-secondary-300)}:is(.dark .dark\:border-theme-secondary-600){border-color:var(--theme-color-secondary-600)}:is(.dark .dark\:border-theme-secondary-700){border-color:var(--theme-color-secondary-700)}:is(.dark .dark\:border-theme-secondary-800){border-color:var(--theme-color-secondary-800)}:is(.dark .dark\:border-theme-secondary-900){border-color:var(--theme-color-secondary-900)}:is(.dark .dark\:border-theme-success-500){border-color:var(--theme-color-success-500)}:is(.dark .dark\:border-theme-success-600){border-color:var(--theme-color-success-600)}:is(.dark .dark\:border-theme-success-700){border-color:var(--theme-color-success-700)}:is(.dark .dark\:border-theme-warning-800){border-color:var(--theme-color-warning-800)}:is(.dark .dark\:border-transparent){border-color:transparent}:is(.dark .dark\:bg-black){background-color:var(--theme-color-dark-950)}:is(.dark .dark\:bg-theme-danger-400){background-color:var(--theme-color-danger-400)}:is(.dark .dark\:bg-theme-dark-800){background-color:var(--theme-color-dark-800)}:is(.dark .dark\:bg-theme-dark-900){background-color:var(--theme-color-dark-900)}:is(.dark .dark\:bg-theme-dark-950){background-color:var(--theme-color-dark-950)}:is(.dark .dark\:bg-theme-dark-blue-500){background-color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:bg-theme-dark-blue-800){background-color:var(--theme-color-dark-blue-800)}:is(.dark .dark\:bg-theme-dark-blue-900){background-color:var(--theme-color-dark-blue-900)}:is(.dark .dark\:bg-theme-secondary-300){background-color:var(--theme-color-secondary-300)}:is(.dark .dark\:bg-theme-secondary-700){background-color:var(--theme-color-secondary-700)}:is(.dark .dark\:bg-theme-secondary-800){background-color:var(--theme-color-secondary-800)}:is(.dark .dark\:bg-theme-secondary-900){background-color:var(--theme-color-secondary-900)}:is(.dark .dark\:bg-theme-success-500){background-color:var(--theme-color-success-500)}:is(.dark .dark\:bg-theme-success-600){background-color:var(--theme-color-success-600)}:is(.dark .dark\:bg-theme-success-900){background-color:var(--theme-color-success-900)}:is(.dark .dark\:bg-theme-warning-600){background-color:var(--theme-color-warning-600)}:is(.dark .dark\:bg-theme-warning-700){background-color:var(--theme-color-warning-700)}:is(.dark .dark\:bg-transparent){background-color:transparent}:is(.dark .dark\:bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}:is(.dark .dark\:bg-opacity-95){--tw-bg-opacity:0.95}:is(.dark .dark\:from-theme-dark-800){--tw-gradient-from:var(--theme-color-dark-800) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:is(.dark .dark\:to-theme-dark-700){--tw-gradient-to:var(--theme-color-dark-700) var(--tw-gradient-to-position)}:is(.dark .dark\:fill-theme-dark-blue-400){fill:var(--theme-color-dark-blue-400)}:is(.dark .dark\:fill-theme-dark-blue-500){fill:var(--theme-color-dark-blue-500)}:is(.dark .dark\:stroke-theme-dark-700){stroke:var(--theme-color-dark-700)}:is(.dark .dark\:text-\[\#F39B9B\]){--tw-text-opacity:1;color:rgb(243 155 155/var(--tw-text-opacity))}:is(.dark .dark\:text-theme-danger-400){color:var(--theme-color-danger-400)}:is(.dark .dark\:text-theme-dark-200){color:var(--theme-color-dark-200)}:is(.dark .dark\:text-theme-dark-300){color:var(--theme-color-dark-300)}:is(.dark .dark\:text-theme-dark-50){color:var(--theme-color-dark-50)}:is(.dark .dark\:text-theme-dark-500){color:var(--theme-color-dark-500)}:is(.dark .dark\:text-theme-dark-blue-400){color:var(--theme-color-dark-blue-400)}:is(.dark .dark\:text-theme-dark-blue-500){color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:text-theme-secondary-200){color:var(--theme-color-secondary-200)}:is(.dark .dark\:text-theme-secondary-300){color:var(--theme-color-secondary-300)}:is(.dark .dark\:text-theme-secondary-400){color:var(--theme-color-secondary-400)}:is(.dark .dark\:text-theme-secondary-50){color:var(--theme-color-secondary-50)}:is(.dark .dark\:text-theme-secondary-500){color:var(--theme-color-secondary-500)}:is(.dark .dark\:text-theme-secondary-600){color:var(--theme-color-secondary-600)}:is(.dark .dark\:text-theme-secondary-700){color:var(--theme-color-secondary-700)}:is(.dark .dark\:text-theme-secondary-800){color:var(--theme-color-secondary-800)}:is(.dark .dark\:text-theme-success-500){color:var(--theme-color-success-500)}:is(.dark .dark\:text-theme-warning-400){color:var(--theme-color-warning-400)}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:opacity-50){opacity:.5}:is(.dark .dark\:opacity-80){opacity:.8}:is(.dark .dark\:shadow-lg-dark){--tw-shadow:0 0px 25px -3px rgba(18,18,19,.7),0 4px 15px 0px rgba(18,18,19,.7);--tw-shadow-colored:0 0px 25px -3px var(--tw-shadow-color),0 4px 15px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .dark\:shadow-none){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .dark\:ring-theme-dark-700){--tw-ring-color:var(--theme-color-dark-700)}:is(.dark .dark\:placeholder\:text-theme-secondary-700)::-moz-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .dark\:placeholder\:text-theme-secondary-700):-ms-input-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .dark\:placeholder\:text-theme-secondary-700)::placeholder{color:var(--theme-color-secondary-700)}:is(.dark .placeholder\:dark\:text-theme-dark-200)::-moz-placeholder{color:var(--theme-color-dark-200)}:is(.dark .placeholder\:dark\:text-theme-dark-200):-ms-input-placeholder{color:var(--theme-color-dark-200)}:is(.dark .placeholder\:dark\:text-theme-dark-200)::placeholder{color:var(--theme-color-dark-200)}:is(.dark .placeholder\:dark\:text-theme-secondary-700)::-moz-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .placeholder\:dark\:text-theme-secondary-700):-ms-input-placeholder{color:var(--theme-color-secondary-700)}:is(.dark .placeholder\:dark\:text-theme-secondary-700)::placeholder{color:var(--theme-color-secondary-700)}:is(.dark .focus-within\:dark\:border-theme-primary-600):focus-within{border-color:var(--theme-color-primary-600)}:is(.dark .focus-within\:dark\:border-theme-secondary-700):focus-within{border-color:var(--theme-color-secondary-700)}:is(.dark .dark\:hover\:border-theme-secondary-600:hover){border-color:var(--theme-color-secondary-600)}:is(.dark .hover\:dark\:border-theme-dark-blue-600):hover{border-color:var(--theme-color-dark-blue-600)}:is(.dark .hover\:dark\:border-theme-primary-700):hover{border-color:var(--theme-color-primary-700)}:is(.dark .hover\:dark\:border-theme-secondary-700):hover{border-color:var(--theme-color-secondary-700)}:is(.dark .dark\:hover\:bg-black:hover){background-color:var(--theme-color-dark-950)}:is(.dark .dark\:hover\:bg-theme-secondary-600:hover){background-color:var(--theme-color-secondary-600)}:is(.dark .dark\:hover\:bg-theme-secondary-800:hover){background-color:var(--theme-color-secondary-800)}:is(.dark .dark\:hover\:bg-theme-secondary-900:hover){background-color:var(--theme-color-secondary-900)}:is(.dark .dark\:hover\:bg-theme-success-900:hover){background-color:var(--theme-color-success-900)}:is(.dark .hover\:dark\:bg-theme-dark-900):hover{background-color:var(--theme-color-dark-900)}:is(.dark .hover\:dark\:bg-theme-dark-blue-600):hover{background-color:var(--theme-color-dark-blue-600)}:is(.dark .hover\:dark\:bg-theme-primary-700):hover{background-color:var(--theme-color-primary-700)}:is(.dark .hover\:dark\:bg-theme-secondary-800):hover{background-color:var(--theme-color-secondary-800)}:is(.dark .dark\:hover\:text-theme-dark-blue-500:hover){color:var(--theme-color-dark-blue-500)}:is(.dark .dark\:hover\:text-theme-primary-600:hover){color:var(--theme-color-primary-600)}:is(.dark .dark\:hover\:text-theme-primary-700:hover){color:var(--theme-color-primary-700)}:is(.dark .dark\:hover\:text-theme-secondary-100:hover){color:var(--theme-color-secondary-100)}:is(.dark .dark\:hover\:text-theme-secondary-200:hover){color:var(--theme-color-secondary-200)}:is(.dark .dark\:hover\:text-theme-secondary-400:hover){color:var(--theme-color-secondary-400)}:is(.dark .dark\:hover\:text-theme-secondary-800:hover){color:var(--theme-color-secondary-800)}:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .hover\:dark\:text-theme-dark-50):hover{color:var(--theme-color-dark-50)}:is(.dark .hover\:dark\:text-theme-secondary-200):hover{color:var(--theme-color-secondary-200)}:is(.dark .hover\:dark\:outline-theme-dark-blue-600):hover{outline-color:var(--theme-color-dark-blue-600)}:is(.dark .focus\:dark\:ring-theme-primary-300):focus{--tw-ring-color:var(--theme-color-primary-300)}:is(.dark .focus-visible\:dark\:ring-theme-primary-300).focus-visible{--tw-ring-color:var(--theme-color-primary-300)}:is(.dark .focus-visible\:dark\:ring-theme-primary-300):focus-visible{--tw-ring-color:var(--theme-color-primary-300)}.group:hover :is(.dark .group-hover\:dark\:border-theme-primary-600){border-color:var(--theme-color-primary-600)}.group:hover :is(.dark .group-hover\:dark\:border-theme-secondary-600){border-color:var(--theme-color-secondary-600)}.group:hover :is(.dark .group-hover\:dark\:border-theme-secondary-700){border-color:var(--theme-color-secondary-700)}:is(.dark .group:hover .dark\:group-hover\:bg-theme-secondary-800){background-color:var(--theme-color-secondary-800)}:is(.dark .group:hover .dark\:group-hover\:bg-theme-success-900){background-color:var(--theme-color-success-900)}:is(.dark .group:hover .dark\:group-hover\:text-theme-dark-blue-500){color:var(--theme-color-dark-blue-500)}:is(.dark .group:hover .dark\:group-hover\:text-theme-dark-blue-600){color:var(--theme-color-dark-blue-600)}:is(.dark .group:hover .dark\:group-hover\:text-theme-secondary-100){color:var(--theme-color-secondary-100)}:is(.dark .group:hover .dark\:group-hover\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover :is(.dark .group-hover\:dark\:text-theme-secondary-200){color:var(--theme-color-secondary-200)}.group:hover :is(.dark .group-hover\:dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.sm\:static{position:static}.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:bottom-0{bottom:0}.sm\:left-auto{left:auto}.sm\:right-0{right:0}.sm\:top-0{top:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:m-8{margin:2rem}.sm\:m-auto{margin:auto}.sm\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:\!mt-6{margin-top:1.5rem!important}.sm\:-ml-4{margin-left:-1rem}.sm\:-mr-1{margin-right:-.25rem}.sm\:-mr-1\.5{margin-right:-.375rem}.sm\:-mr-7{margin-right:-1.75rem}.sm\:-mt-1{margin-top:-.25rem}.sm\:-mt-1\.5{margin-top:-.375rem}.sm\:mb-0{margin-bottom:0}.sm\:ml-0{margin-left:0}.sm\:ml-6{margin-left:1.5rem}.sm\:mr-0{margin-right:0}.sm\:mr-1{margin-right:.25rem}.sm\:mr-12{margin-right:3rem}.sm\:mr-2{margin-right:.5rem}.sm\:mr-6{margin-right:1.5rem}.sm\:mr-7{margin-right:1.75rem}.sm\:mr-8{margin-right:2rem}.sm\:mt-0{margin-top:0}.sm\:mt-2{margin-top:.5rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-16{height:4rem}.sm\:h-5{height:1.25rem}.sm\:h-8{height:2rem}.sm\:h-auto{height:auto}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-100{width:25rem}.sm\:w-136{width:34rem}.sm\:w-5{width:1.25rem}.sm\:w-8{width:2rem}.sm\:w-80{width:20rem}.sm\:w-\[142px\]{width:142px}.sm\:w-\[400px\]{width:400px}.sm\:w-auto{width:auto}.sm\:min-w-\[110px\]{min-width:110px}.sm\:max-w-\[320px\]{max-width:320px}.sm\:max-w-\[430px\]{max-width:430px}.sm\:max-w-\[448px\]{max-width:448px}.sm\:max-w-full{max-width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-none{max-width:none}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:flex-none{flex:none}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.sm\:divide-theme-secondary-200>:not([hidden])~:not([hidden]){border-color:var(--theme-color-secondary-200)}.sm\:rounded{border-radius:.25rem}.sm\:rounded-2\.5xl{border-radius:1.25rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.sm\:border{border-width:1px}.sm\:border-0{border-width:0}.sm\:border-2{border-width:2px}.sm\:border-l{border-left-width:1px}.sm\:border-r{border-right-width:1px}.sm\:border-r-0{border-right-width:0}.sm\:border-t{border-top-width:1px}.sm\:border-t-0{border-top-width:0}.sm\:border-theme-secondary-300{border-color:var(--theme-color-secondary-300)}.sm\:bg-theme-secondary-200{background-color:var(--theme-color-secondary-200)}.sm\:bg-transparent{background-color:transparent}.sm\:bg-\[url\(\'\/images\/wallets\/arrows\.svg\'\)\]{background-image:url(/images/wallets/arrows.svg)}.sm\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.sm\:p-10{padding:2.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-0{padding-bottom:0;padding-top:0}.sm\:py-1{padding-bottom:.25rem;padding-top:.25rem}.sm\:py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.sm\:py-2{padding-bottom:.5rem;padding-top:.5rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:py-\[14\.5px\]{padding-bottom:14.5px;padding-top:14.5px}.sm\:pb-4{padding-bottom:1rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pl-3{padding-left:.75rem}.sm\:pl-4{padding-left:1rem}.sm\:pl-5{padding-left:1.25rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pl-8{padding-left:2rem}.sm\:pr-0{padding-right:0}.sm\:pt-0{padding-top:0}.sm\:pt-6{padding-top:1.5rem}.sm\:pt-8{padding-top:2rem}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-start{text-align:start}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:font-normal{font-weight:400}.sm\:\!leading-5{line-height:1.25rem!important}.sm\:\!leading-5\.25{line-height:1.3125rem!important}.sm\:leading-3{line-height:.75rem}.sm\:leading-3\.75{line-height:.9375rem}.sm\:leading-5{line-height:1.25rem}.sm\:leading-5\.25{line-height:1.3125rem}.sm\:leading-none{line-height:1}.sm\:shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:first-child .group-first\:sm\:-mt-2{margin-top:-.5rem}.group:first-child .group-first\:sm\:block{display:block}:is(.dark .dark\:sm\:block){display:block}:is(.dark .dark\:sm\:hidden){display:none}:is(.dark .sm\:dark\:border-theme-secondary-800){border-color:var(--theme-color-secondary-800)}:is(.dark .dark\:sm\:bg-transparent){background-color:transparent}:is(.dark .sm\:dark\:bg-black){background-color:var(--theme-color-dark-950)}:is(.dark .sm\:dark\:bg-\[url\(\'\/images\/wallets\/arrows-dark\.svg\'\)\]){background-image:url(/images/wallets/arrows-dark.svg)}}@media (min-width:768px){.md\:relative{position:relative}.md\:sticky{position:-webkit-sticky;position:sticky}.md\:top-0{top:0}.md\:m-0{margin:0}.md\:m-auto{margin:auto}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mx-8{margin-left:2rem;margin-right:2rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-0{margin-bottom:0}.md\:mb-1{margin-bottom:.25rem}.md\:ml-12{margin-left:3rem}.md\:ml-4{margin-left:1rem}.md\:ml-6{margin-left:1.5rem}.md\:mr-0{margin-right:0}.md\:mr-12{margin-right:3rem}.md\:mr-4{margin-right:1rem}.md\:mt-0{margin-top:0}.md\:mt-1{margin-top:.25rem}.md\:mt-2{margin-top:.5rem}.md\:mt-4{margin-top:1rem}.md\:mt-6{margin-top:1.5rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:table-cell{display:table-cell}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-11{height:2.75rem}.md\:h-13{height:3.25rem}.md\:h-3{height:.75rem}.md\:h-4{height:1rem}.md\:h-5{height:1.25rem}.md\:h-8{height:2rem}.md\:max-h-\[332px\]{max-height:332px}.md\:w-1\/2{width:50%}.md\:w-1\/4{width:25%}.md\:w-11{width:2.75rem}.md\:w-13{width:3.25rem}.md\:w-2{width:.5rem}.md\:w-3{width:.75rem}.md\:w-3\/4{width:75%}.md\:w-4{width:1rem}.md\:w-5{width:1.25rem}.md\:w-56{width:14rem}.md\:w-8{width:2rem}.md\:w-\[220px\]{width:220px}.md\:w-\[284px\]{width:284px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:w-px{width:1px}.md\:max-w-2xl{max-width:42rem}.md\:max-w-7xl{max-width:80rem}.md\:max-w-xl{max-width:36rem}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-3{gap:.75rem}.md\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.md\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-xl{border-radius:.75rem}.md\:rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.md\:rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.md\:border{border-width:1px}.md\:border-0{border-width:0}.md\:border-2{border-width:2px}.md\:border-b-0{border-bottom-width:0}.md\:border-t-0{border-top-width:0}.md\:border-theme-primary-100{border-color:var(--theme-color-primary-100)}.md\:border-theme-secondary-300{border-color:var(--theme-color-secondary-300)}.md\:bg-theme-primary-100{background-color:var(--theme-color-primary-100)}.md\:bg-theme-primary-600{background-color:var(--theme-color-primary-600)}.md\:bg-theme-secondary-200{background-color:var(--theme-color-secondary-200)}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:p-0{padding:0}.md\:p-2{padding:.5rem}.md\:p-6{padding:1.5rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-1{padding-bottom:.25rem;padding-top:.25rem}.md\:py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:py-\[14\.5px\]{padding-bottom:14.5px;padding-top:14.5px}.md\:pb-2{padding-bottom:.5rem}.md\:pb-3{padding-bottom:.75rem}.md\:pb-4{padding-bottom:1rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-3{padding-left:.75rem}.md\:pl-4{padding-left:1rem}.md\:pl-6{padding-left:1.5rem}.md\:pr-2{padding-right:.5rem}.md\:pr-4{padding-right:1rem}.md\:pr-8{padding-right:2rem}.md\:pt-0{padding-top:0}.md\:pt-12{padding-top:3rem}.md\:pt-4{padding-top:1rem}.md\:pt-5{padding-top:1.25rem}.md\:pt-6{padding-top:1.5rem}.md\:pt-8{padding-top:2rem}.md\:text-right{text-align:right}.md\:text-start{text-align:start}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:\!leading-5{line-height:1.25rem!important}.md\:\!leading-5\.25{line-height:1.3125rem!important}.md\:leading-5{line-height:1.25rem}.md\:leading-5\.25{line-height:1.3125rem}.md\:leading-\[1\.8125rem\]{line-height:1.8125rem}.md\:text-theme-primary-600{color:var(--theme-color-primary-600)}.md\:text-theme-secondary-100{color:var(--theme-color-secondary-100)}.md\:text-theme-secondary-500{color:var(--theme-color-secondary-500)}.md\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.md\:hover\:bg-theme-secondary-200:hover{background-color:var(--theme-color-secondary-200)}.md\:hover\:text-theme-secondary-700:hover{color:var(--theme-color-secondary-700)}.md\:hover\:text-theme-secondary-900:hover{color:var(--theme-color-secondary-900)}.group:hover .md\:group-hover\:bg-theme-secondary-300{background-color:var(--theme-color-secondary-300)}:is(.dark .md\:dark\:border-theme-secondary-800){border-color:var(--theme-color-secondary-800)}:is(.dark .md\:dark\:bg-black){background-color:var(--theme-color-dark-950)}:is(.dark .md\:dark\:bg-theme-secondary-800){background-color:var(--theme-color-secondary-800)}:is(.dark .md\:dark\:bg-theme-secondary-900){background-color:var(--theme-color-secondary-900)}:is(.dark .md\:dark\:text-theme-secondary-200){color:var(--theme-color-secondary-200)}:is(.dark .md\:dark\:text-theme-secondary-600){color:var(--theme-color-secondary-600)}:is(.dark .md\:dark\:text-theme-secondary-700){color:var(--theme-color-secondary-700)}.group:hover :is(.dark .md\:group-hover\:dark\:bg-theme-secondary-700){background-color:var(--theme-color-secondary-700)}}@media (min-width:960px){.md-lg\:left-auto{left:auto}.md-lg\:block{display:block}.md-lg\:flex{display:flex}.md-lg\:table-cell{display:table-cell}.md-lg\:hidden{display:none}.md-lg\:w-50{width:12.5rem}.md-lg\:w-\[100px\]{width:100px}.md-lg\:w-\[130px\]{width:130px}.md-lg\:w-\[156px\]{width:156px}.md-lg\:w-auto{width:auto}.md-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-lg\:flex-row{flex-direction:row}.md-lg\:items-center{align-items:center}.md-lg\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.md-lg\:space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.25rem*var(--tw-space-x-reverse))}.md-lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md-lg\:bg-none{background-image:none}.md-lg\:px-0{padding-left:0;padding-right:0}}@media (min-width:1024px){.lg\:relative{position:relative}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:my-1{margin-bottom:.25rem;margin-top:.25rem}.lg\:mb-px{margin-bottom:1px}.lg\:ml-2{margin-left:.5rem}.lg\:ml-4{margin-left:1rem}.lg\:ml-5{margin-left:1.25rem}.lg\:ml-6{margin-left:1.5rem}.lg\:ml-8{margin-left:2rem}.lg\:mr-0{margin-right:0}.lg\:mr-2{margin-right:.5rem}.lg\:mr-32{margin-right:8rem}.lg\:mt-0{margin-top:0}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:table-cell{display:table-cell}.lg\:hidden{display:none}.lg\:h-11{height:2.75rem}.lg\:h-12{height:3rem}.lg\:h-3{height:.75rem}.lg\:h-4{height:1rem}.lg\:h-5{height:1.25rem}.lg\:h-auto{height:auto}.lg\:w-1\/2{width:50%}.lg\:w-1\/5{width:20%}.lg\:w-11{width:2.75rem}.lg\:w-14{width:3.5rem}.lg\:w-2{width:.5rem}.lg\:w-3\/5{width:60%}.lg\:w-4{width:1rem}.lg\:w-5{width:1.25rem}.lg\:w-58{width:14.5rem}.lg\:w-\[150px\]{width:150px}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:min-w-0{min-width:0}.lg\:max-w-7xl{max-width:80rem}.lg\:max-w-none{max-width:none}.lg\:flex-1{flex:1 1 0%}.lg\:flex-none{flex:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-end{align-items:flex-end}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(3rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(3rem*var(--tw-space-x-reverse))}.lg\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.lg\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.lg\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.lg\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.lg\:rounded-lg{border-radius:.5rem}.lg\:rounded-r{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.lg\:border-0{border-width:0}.lg\:border-l{border-left-width:1px}.lg\:border-r{border-right-width:1px}.lg\:bg-theme-primary-100{background-color:var(--theme-color-primary-100)}.lg\:bg-theme-primary-600{background-color:var(--theme-color-primary-600)}.lg\:bg-\[url\(\'\/images\/wallets\/arrows\.svg\'\)\]{background-image:url(/images/wallets/arrows.svg)}.lg\:p-0{padding:0}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-1{padding-bottom:.25rem;padding-top:.25rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-6{padding-left:1.5rem}.lg\:pl-8{padding-left:2rem}.lg\:pr-5{padding-right:1.25rem}.lg\:pr-6{padding-right:1.5rem}.lg\:pr-7{padding-right:1.75rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-8{padding-top:2rem}.lg\:text-theme-primary-600{color:var(--theme-color-primary-600)}.lg\:text-theme-secondary-100{color:var(--theme-color-secondary-100)}.lg\:text-theme-secondary-700{color:var(--theme-color-secondary-700)}.lg\:no-wrap-span-children>span{white-space:nowrap}:is(.dark .lg\:dark\:bg-\[url\(\'\/images\/wallets\/arrows-dark\.svg\'\)\]){background-image:url(/images/wallets/arrows-dark.svg)}}@media (min-width:1280px){.xl\:mx-16{margin-left:4rem;margin-right:4rem}.xl\:mb-1{margin-bottom:.25rem}.xl\:mb-1\.5{margin-bottom:.375rem}.xl\:ml-6{margin-left:1.5rem}.xl\:mt-6{margin-top:1.5rem}.xl\:block{display:block}.xl\:inline-block{display:inline-block}.xl\:inline{display:inline}.xl\:flex{display:flex}.xl\:table-cell{display:table-cell}.xl\:hidden{display:none}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-1\/6{width:16.666667%}.xl\:w-\[490px\]{width:490px}.xl\:w-full{width:100%}.xl\:flex-1{flex:1 1 0%}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:place-items-stretch{place-items:stretch}.xl\:gap-0{gap:0}.xl\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.xl\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.xl\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.xl\:px-0{padding-left:0;padding-right:0}.xl\:py-8{padding-bottom:2rem;padding-top:2rem}} diff --git a/public/mix-manifest.json b/public/mix-manifest.json index 129dee6d9..b4919a6aa 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -2,7 +2,7 @@ "/js/app.js": "/js/app.js?id=cf1b8003d8f40ae1e4e2638ef03154c5", "/js/clipboard.js": "/js/clipboard.js?id=80d900f861e2aacb0e23e914068d0de9", "/js/manifest.js": "/js/manifest.js?id=bf375adc4a6d48ff1f208128c5b5b26f", - "/css/app.css": "/css/app.css?id=fba7f36706edfb85be9c07aaa6164d07", + "/css/app.css": "/css/app.css?id=9fc85c31acfeb8a9665d76c23506fa9a", "/js/vendor.js": "/js/vendor.js?id=6fa3da52b5adff55cb2d09788ef52158", "/images/delegates/header-bg-dark.svg": "/images/delegates/header-bg-dark.svg?id=0fc9d2cfbec09d702832f3bd81fae169", "/images/delegates/header-bg-mobile-dark.svg": "/images/delegates/header-bg-mobile-dark.svg?id=a60884230a85d1b8bb5f35e9a65f81cc", diff --git a/resources/lang/en/tables.php b/resources/lang/en/tables.php index 190b9613c..ca81863e1 100644 --- a/resources/lang/en/tables.php +++ b/resources/lang/en/tables.php @@ -27,6 +27,7 @@ 'blocks' => [ 'height' => 'Block Height', + 'generated_by' => 'Generated By', 'age' => 'Age', 'transactions' => 'Transactions', 'volume' => 'Volume (:currency)', diff --git a/resources/views/app/blocks.blade.php b/resources/views/app/blocks.blade.php index 1e4c04042..e57d6d5be 100644 --- a/resources/views/app/blocks.blade.php +++ b/resources/views/app/blocks.blade.php @@ -9,8 +9,8 @@ :largest-amount="$largestAmount" /> - +
- +
@endsection @endcomponent diff --git a/resources/views/components/skeletons/blocks.blade.php b/resources/views/components/skeletons/blocks.blade.php index 6c3e8462b..2f2f76e5b 100644 --- a/resources/views/components/skeletons/blocks.blade.php +++ b/resources/views/components/skeletons/blocks.blade.php @@ -1,15 +1,26 @@ - - @isset($withoutGenerator) - +@props([ + 'rowCount' => 10, +]) - - @else - +@if (! $this->isReady) +
+ - @endif - +
+@else + + - - {{ $slot }} - + + + +
+ + {{ $slot }} + +
+@endif diff --git a/resources/views/components/tables/desktop/blocks.blade.php b/resources/views/components/tables/desktop/blocks.blade.php index f60fdef69..aac79a189 100644 --- a/resources/views/components/tables/desktop/blocks.blade.php +++ b/resources/views/components/tables/desktop/blocks.blade.php @@ -1,47 +1,129 @@ - + diff --git a/resources/views/components/tables/desktop/home-blocks.blade.php b/resources/views/components/tables/desktop/home-blocks.blade.php new file mode 100644 index 000000000..f60fdef69 --- /dev/null +++ b/resources/views/components/tables/desktop/home-blocks.blade.php @@ -0,0 +1,47 @@ + diff --git a/resources/views/components/tables/desktop/skeleton/blocks.blade.php b/resources/views/components/tables/desktop/skeleton/blocks.blade.php index 15dd0d69c..f70a38b0d 100644 --- a/resources/views/components/tables/desktop/skeleton/blocks.blade.php +++ b/resources/views/components/tables/desktop/skeleton/blocks.blade.php @@ -1,44 +1,52 @@ -@isset($withoutGenerator) - -@else - -@endif +@props([ + 'rowCount' => 10, +]) + +@php + $items = [ + 'tables.blocks.height' => 'text', + 'tables.blocks.age' => [ + 'type' => 'text', + 'responsive' => true, + 'breakpoint' => 'md-lg', + ], + 'tables.blocks.generated_by' => 'text', + 'tables.blocks.transactions' => [ + 'type' => 'number', + 'responsive' => true, + 'breakpoint' => 'md-lg', + ], + 'tables.blocks.volume' => [ + 'type' => 'number', + 'nameProperties' => ['currency' => Network::currency()], + ], + 'tables.blocks.total_reward' => [ + 'type' => 'number', + 'nameProperties' => ['currency' => Network::currency()], + ], + ]; + + if (Network::canBeExchanged()) { + $items['tables.blocks.total_reward'] = [ + ...$items['tables.blocks.total_reward'], + + 'lastOn' => 'lg', + 'class' => 'last-until-lg', + ]; + + $items['tables.blocks.value'] = [ + 'type' => 'number', + 'responsive' => true, + 'breakpoint' => 'xl', + 'nameProperties' => ['currency' => Settings::currency()], + ]; + } +@endphp + + diff --git a/resources/views/components/tables/desktop/skeleton/home-blocks.blade.php b/resources/views/components/tables/desktop/skeleton/home-blocks.blade.php new file mode 100644 index 000000000..15dd0d69c --- /dev/null +++ b/resources/views/components/tables/desktop/skeleton/home-blocks.blade.php @@ -0,0 +1,44 @@ +@isset($withoutGenerator) + +@else + +@endif diff --git a/resources/views/components/tables/mobile/blocks.blade.php b/resources/views/components/tables/mobile/blocks.blade.php index 371ee0011..5dadd119f 100644 --- a/resources/views/components/tables/mobile/blocks.blade.php +++ b/resources/views/components/tables/mobile/blocks.blade.php @@ -1,21 +1,55 @@ -
+@props([ + 'blocks', + 'noResultsMessage' => null, +]) + + @foreach ($blocks as $block) -
- + + + - + + - @if(! isset($withoutGenerator)) - - @endif + - + - + - + - -
+ @if (Network::canBeExchanged()) + + @endif + @endforeach -
+ diff --git a/resources/views/components/tables/mobile/home-blocks.blade.php b/resources/views/components/tables/mobile/home-blocks.blade.php new file mode 100644 index 000000000..371ee0011 --- /dev/null +++ b/resources/views/components/tables/mobile/home-blocks.blade.php @@ -0,0 +1,21 @@ +
+ @foreach ($blocks as $block) +
+ + + + + @if(! isset($withoutGenerator)) + + @endif + + + + + + + + +
+ @endforeach +
diff --git a/resources/views/components/tables/mobile/skeleton/blocks.blade.php b/resources/views/components/tables/mobile/skeleton/blocks.blade.php index 4e1b5a0e4..8a9e61ac3 100644 --- a/resources/views/components/tables/mobile/skeleton/blocks.blade.php +++ b/resources/views/components/tables/mobile/skeleton/blocks.blade.php @@ -1,6 +1,12 @@ +@php + $items = ['text', 'text', 'text', 'number', 'number', 'number']; + + if (Network::canBeExchanged()) { + $items[] = 'number'; + } +@endphp + diff --git a/resources/views/components/tables/mobile/skeleton/home-blocks.blade.php b/resources/views/components/tables/mobile/skeleton/home-blocks.blade.php new file mode 100644 index 000000000..4e1b5a0e4 --- /dev/null +++ b/resources/views/components/tables/mobile/skeleton/home-blocks.blade.php @@ -0,0 +1,6 @@ + diff --git a/resources/views/components/tables/rows/desktop/encapsulated/address.blade.php b/resources/views/components/tables/rows/desktop/encapsulated/address.blade.php index 0dd219780..fb43effc9 100644 --- a/resources/views/components/tables/rows/desktop/encapsulated/address.blade.php +++ b/resources/views/components/tables/rows/desktop/encapsulated/address.blade.php @@ -4,6 +4,7 @@ 'withoutUsername' => false, 'withoutClipboard' => false, 'truncateBreakpoint' => 'xl', + 'withoutTransactionCount' => true, ]) @php @@ -18,36 +19,48 @@ ][$truncateBreakpoint]; @endphp -class('flex justify-between w-full text-sm leading-4.25') }}> - - - - @unless ($withoutTruncate) - - {{ $model->address() }} - - - {{ $model->address() }} - - @else - - {{ $model->address() }} - - @endif - - +
+ class('flex justify-between w-full text-sm leading-4.25') }}> + + + + @unless ($withoutTruncate) + + {{ $model->address() }} + + + {{ $model->address() }} + + @else + + {{ $model->address() }} + + @endif + + + + + @unless ($withoutClipboard) + + @endunless - @unless ($withoutClipboard) - + @unless ($withoutTransactionCount) +
+ + {{ $model->transactionCount() }} + + + @lang('tables.blocks.transactions') +
@endunless - +
diff --git a/resources/views/components/tables/rows/desktop/encapsulated/reward.blade.php b/resources/views/components/tables/rows/desktop/encapsulated/reward.blade.php index b3df5aaea..e2dfb9da4 100644 --- a/resources/views/components/tables/rows/desktop/encapsulated/reward.blade.php +++ b/resources/views/components/tables/rows/desktop/encapsulated/reward.blade.php @@ -2,11 +2,20 @@ 'model', 'class' => null, 'withoutStyling' => false, + 'withoutValue' => true, ]) - +
+ + + @unless ($withoutValue) +
+ {{ $model->rewardFiat() }} +
+ @endunless +
diff --git a/resources/views/components/tables/rows/desktop/encapsulated/transaction-count.blade.php b/resources/views/components/tables/rows/desktop/encapsulated/transaction-count.blade.php index f8ebea876..aaaa91f14 100644 --- a/resources/views/components/tables/rows/desktop/encapsulated/transaction-count.blade.php +++ b/resources/views/components/tables/rows/desktop/encapsulated/transaction-count.blade.php @@ -2,6 +2,6 @@ 'model', ]) - + {{ $model->transactionCount() }} diff --git a/resources/views/components/tables/rows/mobile.blade.php b/resources/views/components/tables/rows/mobile.blade.php index c0990d16f..dcf508993 100644 --- a/resources/views/components/tables/rows/mobile.blade.php +++ b/resources/views/components/tables/rows/mobile.blade.php @@ -2,6 +2,7 @@ 'header', 'expandable' => false, 'expandClass' => 'space-x-3 divide-x divide-theme-secondary-300 dark:divide-theme-dark-700', + 'contentClass' => null, ])
{{ $slot }}
diff --git a/resources/views/components/tables/rows/mobile/encapsulated/generated-by.blade.php b/resources/views/components/tables/rows/mobile/encapsulated/generated-by.blade.php new file mode 100644 index 000000000..bf5238c0b --- /dev/null +++ b/resources/views/components/tables/rows/mobile/encapsulated/generated-by.blade.php @@ -0,0 +1,12 @@ +@props(['model']) + + + + diff --git a/resources/views/components/tables/rows/mobile/encapsulated/volume.blade.php b/resources/views/components/tables/rows/mobile/encapsulated/volume.blade.php index e78c1926c..3695bdb99 100644 --- a/resources/views/components/tables/rows/mobile/encapsulated/volume.blade.php +++ b/resources/views/components/tables/rows/mobile/encapsulated/volume.blade.php @@ -1,7 +1,7 @@ @props(['model'])
class('space-y-2 sm:flex sm:flex-col sm:justify-center') }}> -
+
@lang('tables.blocks.volume', ['currency' => Network::currency()])
diff --git a/resources/views/components/tables/toolbars/toolbar.blade.php b/resources/views/components/tables/toolbars/toolbar.blade.php index 457bf6c9b..bffa4122f 100644 --- a/resources/views/components/tables/toolbars/toolbar.blade.php +++ b/resources/views/components/tables/toolbars/toolbar.blade.php @@ -39,7 +39,9 @@ @endif
-
- {{ $slot }} -
+ @if ($slot->isNotEmpty()) +
+ {{ $slot }} +
+ @endif
diff --git a/resources/views/livewire/block-table.blade.php b/resources/views/livewire/block-table.blade.php index 3cc48235d..9b588420e 100644 --- a/resources/views/livewire/block-table.blade.php +++ b/resources/views/livewire/block-table.blade.php @@ -1,11 +1,26 @@ -
- - +
+ - + + - - - + + + + +
diff --git a/resources/views/livewire/latest-records.blade.php b/resources/views/livewire/latest-records.blade.php index 2e34e3f05..8907faf72 100644 --- a/resources/views/livewire/latest-records.blade.php +++ b/resources/views/livewire/latest-records.blade.php @@ -11,15 +11,15 @@
@if($blocks->isEmpty())
- + - +
@else
- + - + @if(count($blocks) === 15) @lang('actions.view_all') diff --git a/tests/Feature/Http/Livewire/BlockTableTest.php b/tests/Feature/Http/Livewire/BlockTableTest.php index ed319b495..7f598e885 100644 --- a/tests/Feature/Http/Livewire/BlockTableTest.php +++ b/tests/Feature/Http/Livewire/BlockTableTest.php @@ -29,7 +29,8 @@ ]); } - $component = Livewire::test(BlockTable::class); + $component = Livewire::test(BlockTable::class) + ->call('setIsReady'); foreach (ViewModelFactory::paginate(Block::withScope(OrderByTimestampScope::class)->paginate())->items() as $block) { $component->assertSee($block->id()); @@ -37,8 +38,18 @@ $component->assertSee($block->username()); $component->assertSee(NumberFormatter::number($block->height())); $component->assertSee(NumberFormatter::number($block->transactionCount())); - $component->assertSee(NumberFormatter::currency($block->amount(), Network::currency())); - $component->assertSee(NumberFormatter::currency($block->fee(), Network::currency())); + $component->assertSeeInOrder([ + Network::currency(), + number_format($block->amount()), + ]); + $component->assertSeeInOrder([ + Network::currency(), + number_format($block->totalReward()), + ]); + $component->assertSeeInOrder([ + Network::currency(), + $block->totalRewardFiat(), + ]); } }); @@ -83,7 +94,8 @@ $amount += (new TransactionViewModel($transaction))->amount(); } - $component = Livewire::test(BlockTable::class); + $component = Livewire::test(BlockTable::class) + ->call('setIsReady'); $expectedUsd = NumberFormatter::currency($amount * $usdExchangeRate, 'USD'); $expectedBtc = NumberFormatter::currency($amount * $btcExchangeRate, 'BTC'); @@ -121,7 +133,8 @@ expect(Block::count())->toBe(4000); Livewire::test(BlockTable::class) - ->assertSee(266) // 4000 / 15 per page - ->call('gotoPage', 265) - ->assertSee(266); + ->call('setIsReady') + ->assertSee(160) // 4000 / 25 per page + ->call('gotoPage', 159) + ->assertSee(160); });