@loafmarkets/ui 0.1.132 → 0.1.134
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +588 -450
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +567 -429
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
|
|
|
5
5
|
import { clsx } from 'clsx';
|
|
6
6
|
import { twMerge } from 'tailwind-merge';
|
|
7
7
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
|
-
import
|
|
8
|
+
import styled19, { keyframes, css } from 'styled-components';
|
|
9
9
|
import * as ReactDOM from 'react-dom';
|
|
10
10
|
import { Newspaper } from 'lucide-react';
|
|
11
11
|
import * as LightweightCharts from 'lightweight-charts';
|
|
@@ -1544,7 +1544,7 @@ var breathe = keyframes`
|
|
|
1544
1544
|
box-shadow: 0 0 6px rgba(14, 203, 129, 0.7), 0 0 12px rgba(14, 203, 129, 0.3);
|
|
1545
1545
|
}
|
|
1546
1546
|
`;
|
|
1547
|
-
var LogoContainer =
|
|
1547
|
+
var LogoContainer = styled19.span`
|
|
1548
1548
|
display: inline-flex;
|
|
1549
1549
|
align-items: center;
|
|
1550
1550
|
gap: 0.4rem;
|
|
@@ -1581,12 +1581,12 @@ var LogoContainer = styled25.span`
|
|
|
1581
1581
|
}
|
|
1582
1582
|
}
|
|
1583
1583
|
`;
|
|
1584
|
-
var LogoText =
|
|
1584
|
+
var LogoText = styled19.span`
|
|
1585
1585
|
display: inline-flex;
|
|
1586
1586
|
align-items: center;
|
|
1587
1587
|
gap: 0.25rem;
|
|
1588
1588
|
`;
|
|
1589
|
-
var LoafLogoImage =
|
|
1589
|
+
var LoafLogoImage = styled19.img`
|
|
1590
1590
|
height: 18px;
|
|
1591
1591
|
display: block;
|
|
1592
1592
|
|
|
@@ -1594,7 +1594,7 @@ var LoafLogoImage = styled25.img`
|
|
|
1594
1594
|
height: 16px;
|
|
1595
1595
|
}
|
|
1596
1596
|
`;
|
|
1597
|
-
var LiquidityText =
|
|
1597
|
+
var LiquidityText = styled19.span`
|
|
1598
1598
|
font-size: 0.65rem;
|
|
1599
1599
|
font-weight: 500;
|
|
1600
1600
|
background: linear-gradient(135deg, #e6c87e 0%, #d4af5c 100%);
|
|
@@ -1608,7 +1608,7 @@ var LiquidityText = styled25.span`
|
|
|
1608
1608
|
font-size: 0.55rem;
|
|
1609
1609
|
}
|
|
1610
1610
|
`;
|
|
1611
|
-
var StatusDot =
|
|
1611
|
+
var StatusDot = styled19.span`
|
|
1612
1612
|
width: 6px;
|
|
1613
1613
|
height: 6px;
|
|
1614
1614
|
border-radius: 50%;
|
|
@@ -3216,7 +3216,7 @@ var TradingSlider = React5.forwardRef(
|
|
|
3216
3216
|
}
|
|
3217
3217
|
);
|
|
3218
3218
|
TradingSlider.displayName = "TradingSlider";
|
|
3219
|
-
var MobileToggleContainer =
|
|
3219
|
+
var MobileToggleContainer = styled19.div`
|
|
3220
3220
|
display: none;
|
|
3221
3221
|
|
|
3222
3222
|
@media (max-width: 1024px) {
|
|
@@ -3234,7 +3234,7 @@ var MobileToggleContainer = styled25.div`
|
|
|
3234
3234
|
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
|
|
3235
3235
|
}
|
|
3236
3236
|
`;
|
|
3237
|
-
var MobileToggleButton =
|
|
3237
|
+
var MobileToggleButton = styled19.button`
|
|
3238
3238
|
flex: 1;
|
|
3239
3239
|
padding: 0.75rem;
|
|
3240
3240
|
background-color: ${(props) => props.active ? "var(--color-accent)" : "transparent"};
|
|
@@ -3579,7 +3579,7 @@ var breathe2 = keyframes`
|
|
|
3579
3579
|
box-shadow: 0 0 6px rgba(14, 203, 129, 0.7), 0 0 12px rgba(14, 203, 129, 0.3);
|
|
3580
3580
|
}
|
|
3581
3581
|
`;
|
|
3582
|
-
var LogoContainer2 =
|
|
3582
|
+
var LogoContainer2 = styled19.span`
|
|
3583
3583
|
display: inline-flex;
|
|
3584
3584
|
align-items: center;
|
|
3585
3585
|
gap: 0.4rem;
|
|
@@ -3616,12 +3616,12 @@ var LogoContainer2 = styled25.span`
|
|
|
3616
3616
|
}
|
|
3617
3617
|
}
|
|
3618
3618
|
`;
|
|
3619
|
-
var LogoText2 =
|
|
3619
|
+
var LogoText2 = styled19.span`
|
|
3620
3620
|
display: inline-flex;
|
|
3621
3621
|
align-items: center;
|
|
3622
3622
|
gap: 0.25rem;
|
|
3623
3623
|
`;
|
|
3624
|
-
var LoafLogoImage2 =
|
|
3624
|
+
var LoafLogoImage2 = styled19.img`
|
|
3625
3625
|
height: 18px;
|
|
3626
3626
|
display: block;
|
|
3627
3627
|
|
|
@@ -3629,7 +3629,7 @@ var LoafLogoImage2 = styled25.img`
|
|
|
3629
3629
|
height: 16px;
|
|
3630
3630
|
}
|
|
3631
3631
|
`;
|
|
3632
|
-
var LiquidityText2 =
|
|
3632
|
+
var LiquidityText2 = styled19.span`
|
|
3633
3633
|
font-size: 0.65rem;
|
|
3634
3634
|
font-weight: 500;
|
|
3635
3635
|
background: linear-gradient(135deg, #e6c87e 0%, #d4af5c 100%);
|
|
@@ -3643,7 +3643,7 @@ var LiquidityText2 = styled25.span`
|
|
|
3643
3643
|
font-size: 0.55rem;
|
|
3644
3644
|
}
|
|
3645
3645
|
`;
|
|
3646
|
-
var StatusDot2 =
|
|
3646
|
+
var StatusDot2 = styled19.span`
|
|
3647
3647
|
width: 6px;
|
|
3648
3648
|
height: 6px;
|
|
3649
3649
|
border-radius: 50%;
|
|
@@ -4643,14 +4643,14 @@ var PropertyHeroHeader = React5.forwardRef(
|
|
|
4643
4643
|
}
|
|
4644
4644
|
);
|
|
4645
4645
|
PropertyHeroHeader.displayName = "PropertyHeroHeader";
|
|
4646
|
-
var OuterWrapper =
|
|
4646
|
+
var OuterWrapper = styled19.div`
|
|
4647
4647
|
width: 100%;
|
|
4648
4648
|
margin: 0 auto;
|
|
4649
4649
|
display: flex;
|
|
4650
4650
|
flex-direction: column;
|
|
4651
4651
|
gap: 0.5rem;
|
|
4652
4652
|
`;
|
|
4653
|
-
var HeroContainer =
|
|
4653
|
+
var HeroContainer = styled19.div`
|
|
4654
4654
|
position: relative;
|
|
4655
4655
|
width: calc(100vw - 1.5rem);
|
|
4656
4656
|
left: 50%;
|
|
@@ -4682,7 +4682,7 @@ var HeroContainer = styled25.div`
|
|
|
4682
4682
|
border-radius: 6px;
|
|
4683
4683
|
}
|
|
4684
4684
|
`;
|
|
4685
|
-
var HeroImage =
|
|
4685
|
+
var HeroImage = styled19.img`
|
|
4686
4686
|
width: 100%;
|
|
4687
4687
|
height: 100%;
|
|
4688
4688
|
object-fit: cover;
|
|
@@ -4696,7 +4696,7 @@ var HeroImage = styled25.img`
|
|
|
4696
4696
|
transform: scale(1.0);
|
|
4697
4697
|
transform-origin: center;
|
|
4698
4698
|
`;
|
|
4699
|
-
var ActionButtons =
|
|
4699
|
+
var ActionButtons = styled19.div`
|
|
4700
4700
|
display: flex;
|
|
4701
4701
|
flex-wrap: wrap;
|
|
4702
4702
|
align-items: center;
|
|
@@ -4711,7 +4711,7 @@ var ActionButtons = styled25.div`
|
|
|
4711
4711
|
display: none;
|
|
4712
4712
|
}
|
|
4713
4713
|
`;
|
|
4714
|
-
var CardLayout =
|
|
4714
|
+
var CardLayout = styled19.div`
|
|
4715
4715
|
display: flex;
|
|
4716
4716
|
align-items: center;
|
|
4717
4717
|
gap: 1rem;
|
|
@@ -4720,7 +4720,7 @@ var CardLayout = styled25.div`
|
|
|
4720
4720
|
gap: 0.75rem;
|
|
4721
4721
|
}
|
|
4722
4722
|
`;
|
|
4723
|
-
var Thumbnail =
|
|
4723
|
+
var Thumbnail = styled19.img`
|
|
4724
4724
|
width: 72px;
|
|
4725
4725
|
height: 72px;
|
|
4726
4726
|
border-radius: 8px;
|
|
@@ -4739,11 +4739,11 @@ var Thumbnail = styled25.img`
|
|
|
4739
4739
|
height: 48px;
|
|
4740
4740
|
}
|
|
4741
4741
|
`;
|
|
4742
|
-
var CardContent2 =
|
|
4742
|
+
var CardContent2 = styled19.div`
|
|
4743
4743
|
min-width: 0;
|
|
4744
4744
|
flex: 1;
|
|
4745
4745
|
`;
|
|
4746
|
-
var InfoCard =
|
|
4746
|
+
var InfoCard = styled19.div`
|
|
4747
4747
|
border-radius: 12px;
|
|
4748
4748
|
background: rgba(0, 0, 0, 0.15);
|
|
4749
4749
|
padding: 1rem 1.5rem;
|
|
@@ -4761,14 +4761,14 @@ var InfoCard = styled25.div`
|
|
|
4761
4761
|
padding: 0.65rem 0.85rem;
|
|
4762
4762
|
}
|
|
4763
4763
|
`;
|
|
4764
|
-
var NameGroup =
|
|
4764
|
+
var NameGroup = styled19.div`
|
|
4765
4765
|
display: flex;
|
|
4766
4766
|
align-items: center;
|
|
4767
4767
|
gap: 0.75rem;
|
|
4768
4768
|
min-width: 0;
|
|
4769
4769
|
flex-wrap: wrap;
|
|
4770
4770
|
`;
|
|
4771
|
-
var TypeBadge =
|
|
4771
|
+
var TypeBadge = styled19.span`
|
|
4772
4772
|
display: inline-flex;
|
|
4773
4773
|
align-items: center;
|
|
4774
4774
|
padding: 0.2rem 0.5rem;
|
|
@@ -4783,19 +4783,19 @@ var TypeBadge = styled25.span`
|
|
|
4783
4783
|
white-space: nowrap;
|
|
4784
4784
|
flex-shrink: 0;
|
|
4785
4785
|
`;
|
|
4786
|
-
var InfoRow =
|
|
4786
|
+
var InfoRow = styled19.div`
|
|
4787
4787
|
display: flex;
|
|
4788
4788
|
align-items: baseline;
|
|
4789
4789
|
justify-content: space-between;
|
|
4790
4790
|
gap: 1rem;
|
|
4791
4791
|
`;
|
|
4792
|
-
var PriceGroup =
|
|
4792
|
+
var PriceGroup = styled19.div`
|
|
4793
4793
|
display: flex;
|
|
4794
4794
|
flex-direction: column;
|
|
4795
4795
|
align-items: flex-end;
|
|
4796
4796
|
flex-shrink: 0;
|
|
4797
4797
|
`;
|
|
4798
|
-
var PriceRow =
|
|
4798
|
+
var PriceRow = styled19.span`
|
|
4799
4799
|
display: inline-flex;
|
|
4800
4800
|
align-items: baseline;
|
|
4801
4801
|
font-size: clamp(1.3rem, 3vw, 1.8rem);
|
|
@@ -4806,18 +4806,18 @@ var PriceRow = styled25.span`
|
|
|
4806
4806
|
white-space: nowrap;
|
|
4807
4807
|
flex-shrink: 0;
|
|
4808
4808
|
`;
|
|
4809
|
-
var CurrencyLabel =
|
|
4809
|
+
var CurrencyLabel = styled19.span`
|
|
4810
4810
|
font-size: 0.55em;
|
|
4811
4811
|
font-weight: 500;
|
|
4812
4812
|
color: rgba(255, 255, 255, 0.4);
|
|
4813
4813
|
margin-right: 0.3em;
|
|
4814
4814
|
`;
|
|
4815
|
-
var PriceArrow =
|
|
4815
|
+
var PriceArrow = styled19.span`
|
|
4816
4816
|
color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
|
|
4817
4817
|
font-size: 0.65em;
|
|
4818
4818
|
margin: 0 0.1em;
|
|
4819
4819
|
`;
|
|
4820
|
-
var AddressText =
|
|
4820
|
+
var AddressText = styled19.p`
|
|
4821
4821
|
font-size: 1.1rem;
|
|
4822
4822
|
color: rgba(255, 255, 255, 0.7);
|
|
4823
4823
|
font-weight: 400;
|
|
@@ -4831,7 +4831,7 @@ var AddressText = styled25.p`
|
|
|
4831
4831
|
font-size: 0.9rem;
|
|
4832
4832
|
}
|
|
4833
4833
|
`;
|
|
4834
|
-
var PriceChangeRow =
|
|
4834
|
+
var PriceChangeRow = styled19.span`
|
|
4835
4835
|
display: inline-flex;
|
|
4836
4836
|
align-items: center;
|
|
4837
4837
|
white-space: nowrap;
|
|
@@ -4841,7 +4841,7 @@ var PriceChangeRow = styled25.span`
|
|
|
4841
4841
|
font-variant-numeric: tabular-nums;
|
|
4842
4842
|
color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
|
|
4843
4843
|
`;
|
|
4844
|
-
var StatusBadge =
|
|
4844
|
+
var StatusBadge = styled19.div`
|
|
4845
4845
|
position: absolute;
|
|
4846
4846
|
top: 1rem;
|
|
4847
4847
|
left: 1rem;
|
|
@@ -4858,7 +4858,7 @@ var StatusBadge = styled25.div`
|
|
|
4858
4858
|
border: ${({ $isLive }) => $isLive ? "1px solid rgba(240, 185, 11, 0.5)" : "none"};
|
|
4859
4859
|
backdrop-filter: blur(8px);
|
|
4860
4860
|
`;
|
|
4861
|
-
var PulsingDot =
|
|
4861
|
+
var PulsingDot = styled19.span`
|
|
4862
4862
|
display: inline-block;
|
|
4863
4863
|
width: 8px;
|
|
4864
4864
|
height: 8px;
|
|
@@ -5531,7 +5531,7 @@ var Header = ({
|
|
|
5531
5531
|
] });
|
|
5532
5532
|
};
|
|
5533
5533
|
Header.displayName = "Header";
|
|
5534
|
-
var SafeAreaCover =
|
|
5534
|
+
var SafeAreaCover = styled19.div`
|
|
5535
5535
|
position: fixed;
|
|
5536
5536
|
top: 0;
|
|
5537
5537
|
left: 0;
|
|
@@ -5542,7 +5542,7 @@ var SafeAreaCover = styled25.div`
|
|
|
5542
5542
|
z-index: 1001;
|
|
5543
5543
|
pointer-events: none;
|
|
5544
5544
|
`;
|
|
5545
|
-
var Overlay =
|
|
5545
|
+
var Overlay = styled19.div`
|
|
5546
5546
|
display: ${(props) => props.$isOpen ? "block" : "none"};
|
|
5547
5547
|
position: fixed;
|
|
5548
5548
|
top: 0;
|
|
@@ -5553,7 +5553,7 @@ var Overlay = styled25.div`
|
|
|
5553
5553
|
backdrop-filter: blur(3px);
|
|
5554
5554
|
z-index: 999;
|
|
5555
5555
|
`;
|
|
5556
|
-
var MobileOnlyButton =
|
|
5556
|
+
var MobileOnlyButton = styled19.button.attrs({ type: "button" })`
|
|
5557
5557
|
display: none;
|
|
5558
5558
|
background-color: ${(props) => props.$isOpen ? "rgba(240, 185, 11, 0.2)" : "#f0b90b"};
|
|
5559
5559
|
color: ${(props) => props.$isOpen ? "#ffffff" : "#0b0e11"};
|
|
@@ -5584,7 +5584,7 @@ var MobileOnlyButton = styled25.button.attrs({ type: "button" })`
|
|
|
5584
5584
|
display: flex;
|
|
5585
5585
|
}
|
|
5586
5586
|
`;
|
|
5587
|
-
var HeaderContainer =
|
|
5587
|
+
var HeaderContainer = styled19.header`
|
|
5588
5588
|
display: flex;
|
|
5589
5589
|
justify-content: space-between;
|
|
5590
5590
|
align-items: center;
|
|
@@ -5621,7 +5621,7 @@ var HeaderContainer = styled25.header`
|
|
|
5621
5621
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
|
5622
5622
|
}
|
|
5623
5623
|
`;
|
|
5624
|
-
var HeaderSpacer =
|
|
5624
|
+
var HeaderSpacer = styled19.div`
|
|
5625
5625
|
width: 100%;
|
|
5626
5626
|
min-height: 56px;
|
|
5627
5627
|
min-height: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
|
|
@@ -5631,7 +5631,7 @@ var HeaderSpacer = styled25.div`
|
|
|
5631
5631
|
min-height: calc(46px + 0.5rem);
|
|
5632
5632
|
}
|
|
5633
5633
|
`;
|
|
5634
|
-
var Logo =
|
|
5634
|
+
var Logo = styled19.div`
|
|
5635
5635
|
display: flex;
|
|
5636
5636
|
align-items: center;
|
|
5637
5637
|
margin-right: 24px;
|
|
@@ -5652,11 +5652,11 @@ var Logo = styled25.div`
|
|
|
5652
5652
|
}
|
|
5653
5653
|
}
|
|
5654
5654
|
`;
|
|
5655
|
-
var LogoLink =
|
|
5655
|
+
var LogoLink = styled19.a`
|
|
5656
5656
|
display: inline-flex;
|
|
5657
5657
|
align-items: center;
|
|
5658
5658
|
`;
|
|
5659
|
-
var Nav =
|
|
5659
|
+
var Nav = styled19.nav`
|
|
5660
5660
|
display: flex;
|
|
5661
5661
|
flex-direction: column;
|
|
5662
5662
|
|
|
@@ -5708,7 +5708,7 @@ var Nav = styled25.nav`
|
|
|
5708
5708
|
}
|
|
5709
5709
|
}
|
|
5710
5710
|
`;
|
|
5711
|
-
var NavLink =
|
|
5711
|
+
var NavLink = styled19.a`
|
|
5712
5712
|
margin: 0 12px;
|
|
5713
5713
|
color: #eaecef;
|
|
5714
5714
|
font-weight: 500;
|
|
@@ -5767,7 +5767,7 @@ var NavLink = styled25.a`
|
|
|
5767
5767
|
}
|
|
5768
5768
|
}
|
|
5769
5769
|
`;
|
|
5770
|
-
var Button2 =
|
|
5770
|
+
var Button2 = styled19.button.attrs({ type: "button" })`
|
|
5771
5771
|
padding: 0.5rem 1rem;
|
|
5772
5772
|
border-radius: 6px;
|
|
5773
5773
|
font-weight: 500;
|
|
@@ -5805,7 +5805,7 @@ var Button2 = styled25.button.attrs({ type: "button" })`
|
|
|
5805
5805
|
margin-left: 0.5rem;
|
|
5806
5806
|
}
|
|
5807
5807
|
`;
|
|
5808
|
-
var UserMenu =
|
|
5808
|
+
var UserMenu = styled19.div`
|
|
5809
5809
|
position: relative;
|
|
5810
5810
|
margin-left: 0.75rem;
|
|
5811
5811
|
height: 56px;
|
|
@@ -5816,7 +5816,7 @@ var UserMenu = styled25.div`
|
|
|
5816
5816
|
margin-left: auto;
|
|
5817
5817
|
}
|
|
5818
5818
|
`;
|
|
5819
|
-
var UserButton =
|
|
5819
|
+
var UserButton = styled19.button.attrs({ type: "button" })`
|
|
5820
5820
|
display: flex;
|
|
5821
5821
|
align-items: center;
|
|
5822
5822
|
background: transparent;
|
|
@@ -5841,7 +5841,7 @@ var UserButton = styled25.button.attrs({ type: "button" })`
|
|
|
5841
5841
|
transform: ${(props) => props.$isOpen ? "rotate(180deg)" : "rotate(0)"};
|
|
5842
5842
|
}
|
|
5843
5843
|
`;
|
|
5844
|
-
var DropdownMenu =
|
|
5844
|
+
var DropdownMenu = styled19.div`
|
|
5845
5845
|
position: absolute;
|
|
5846
5846
|
top: 100%;
|
|
5847
5847
|
/* Anchor to the button's right edge so a short label (narrow button) near
|
|
@@ -5869,7 +5869,7 @@ var DropdownMenu = styled25.div`
|
|
|
5869
5869
|
display: block;
|
|
5870
5870
|
}
|
|
5871
5871
|
`;
|
|
5872
|
-
var MenuItem =
|
|
5872
|
+
var MenuItem = styled19.div`
|
|
5873
5873
|
padding: 0.75rem 1.25rem;
|
|
5874
5874
|
cursor: pointer;
|
|
5875
5875
|
transition: all 0.2s ease;
|
|
@@ -5889,7 +5889,7 @@ var MenuItem = styled25.div`
|
|
|
5889
5889
|
color: #f6465d;
|
|
5890
5890
|
}
|
|
5891
5891
|
`;
|
|
5892
|
-
var MobileMenuHeader =
|
|
5892
|
+
var MobileMenuHeader = styled19.div`
|
|
5893
5893
|
display: flex;
|
|
5894
5894
|
justify-content: flex-end;
|
|
5895
5895
|
align-items: center;
|
|
@@ -5898,7 +5898,7 @@ var MobileMenuHeader = styled25.div`
|
|
|
5898
5898
|
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
|
5899
5899
|
background: rgba(0, 0, 0, 0.2);
|
|
5900
5900
|
`;
|
|
5901
|
-
var MobileMenuClose =
|
|
5901
|
+
var MobileMenuClose = styled19.button.attrs({ type: "button" })`
|
|
5902
5902
|
background: none;
|
|
5903
5903
|
border: none;
|
|
5904
5904
|
color: #eaecef;
|
|
@@ -5909,7 +5909,7 @@ var MobileMenuClose = styled25.button.attrs({ type: "button" })`
|
|
|
5909
5909
|
align-items: center;
|
|
5910
5910
|
justify-content: center;
|
|
5911
5911
|
`;
|
|
5912
|
-
var SearchBar =
|
|
5912
|
+
var SearchBar = styled19.div`
|
|
5913
5913
|
display: flex;
|
|
5914
5914
|
align-items: center;
|
|
5915
5915
|
background: rgba(255, 255, 255, 0.03);
|
|
@@ -5945,7 +5945,7 @@ var SearchBar = styled25.div`
|
|
|
5945
5945
|
}
|
|
5946
5946
|
}
|
|
5947
5947
|
`;
|
|
5948
|
-
var MobileNavItem =
|
|
5948
|
+
var MobileNavItem = styled19.div`
|
|
5949
5949
|
display: flex;
|
|
5950
5950
|
align-items: center;
|
|
5951
5951
|
padding: 14px 20px;
|
|
@@ -5967,7 +5967,7 @@ var pbShimmer = keyframes`
|
|
|
5967
5967
|
0% { background-position: -200% 0; }
|
|
5968
5968
|
100% { background-position: 200% 0; }
|
|
5969
5969
|
`;
|
|
5970
|
-
var PortfolioEyeButton =
|
|
5970
|
+
var PortfolioEyeButton = styled19.button`
|
|
5971
5971
|
background: ${(p) => p.$active ? "rgba(212, 175, 55, 0.15)" : "transparent"};
|
|
5972
5972
|
border: none;
|
|
5973
5973
|
border-radius: 6px;
|
|
@@ -5992,7 +5992,7 @@ var PortfolioEyeButton = styled25.button`
|
|
|
5992
5992
|
margin-right: 6px;
|
|
5993
5993
|
}
|
|
5994
5994
|
`;
|
|
5995
|
-
var DepositButton =
|
|
5995
|
+
var DepositButton = styled19.button`
|
|
5996
5996
|
background: #e6c87e;
|
|
5997
5997
|
color: #1a1a1a;
|
|
5998
5998
|
border: none;
|
|
@@ -6016,7 +6016,7 @@ var DepositButton = styled25.button`
|
|
|
6016
6016
|
margin-right: 4px;
|
|
6017
6017
|
}
|
|
6018
6018
|
`;
|
|
6019
|
-
var PortfolioBarContainer =
|
|
6019
|
+
var PortfolioBarContainer = styled19.div`
|
|
6020
6020
|
position: fixed;
|
|
6021
6021
|
top: 56px;
|
|
6022
6022
|
top: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
|
|
@@ -6054,7 +6054,7 @@ var PortfolioBarContainer = styled25.div`
|
|
|
6054
6054
|
}
|
|
6055
6055
|
}
|
|
6056
6056
|
`;
|
|
6057
|
-
var PortfolioBarPill =
|
|
6057
|
+
var PortfolioBarPill = styled19.div`
|
|
6058
6058
|
pointer-events: auto;
|
|
6059
6059
|
display: flex;
|
|
6060
6060
|
align-items: center;
|
|
@@ -6090,7 +6090,7 @@ var PortfolioBarPill = styled25.div`
|
|
|
6090
6090
|
border-radius: 0 0 16px 16px;
|
|
6091
6091
|
}
|
|
6092
6092
|
`;
|
|
6093
|
-
var PortfolioBarArrow =
|
|
6093
|
+
var PortfolioBarArrow = styled19.div`
|
|
6094
6094
|
position: absolute;
|
|
6095
6095
|
top: -7px;
|
|
6096
6096
|
width: 14px;
|
|
@@ -6102,7 +6102,7 @@ var PortfolioBarArrow = styled25.div`
|
|
|
6102
6102
|
box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.25);
|
|
6103
6103
|
pointer-events: none;
|
|
6104
6104
|
`;
|
|
6105
|
-
var PortfolioInline =
|
|
6105
|
+
var PortfolioInline = styled19.div`
|
|
6106
6106
|
display: flex;
|
|
6107
6107
|
align-items: center;
|
|
6108
6108
|
gap: 1rem;
|
|
@@ -6112,34 +6112,34 @@ var PortfolioInline = styled25.div`
|
|
|
6112
6112
|
display: none;
|
|
6113
6113
|
}
|
|
6114
6114
|
`;
|
|
6115
|
-
var PBMetric =
|
|
6115
|
+
var PBMetric = styled19.div`
|
|
6116
6116
|
display: flex;
|
|
6117
6117
|
flex-direction: column;
|
|
6118
6118
|
align-items: center;
|
|
6119
6119
|
gap: 1px;
|
|
6120
6120
|
white-space: nowrap;
|
|
6121
6121
|
`;
|
|
6122
|
-
var PBMetricLabel =
|
|
6122
|
+
var PBMetricLabel = styled19.span`
|
|
6123
6123
|
font-size: 0.55rem;
|
|
6124
6124
|
color: rgba(255, 255, 255, 0.6);
|
|
6125
6125
|
text-transform: uppercase;
|
|
6126
6126
|
letter-spacing: 0.5px;
|
|
6127
6127
|
font-weight: 500;
|
|
6128
6128
|
`;
|
|
6129
|
-
var PBMetricValue =
|
|
6129
|
+
var PBMetricValue = styled19.span`
|
|
6130
6130
|
font-size: 0.75rem;
|
|
6131
6131
|
font-weight: 600;
|
|
6132
6132
|
color: ${(p) => p.$positive ? "#0ecb81" : p.$negative ? "#f6465d" : "#eaecef"};
|
|
6133
6133
|
font-variant-numeric: tabular-nums;
|
|
6134
6134
|
`;
|
|
6135
|
-
var PBDot =
|
|
6135
|
+
var PBDot = styled19.div`
|
|
6136
6136
|
width: 3px;
|
|
6137
6137
|
height: 3px;
|
|
6138
6138
|
border-radius: 50%;
|
|
6139
6139
|
background: rgba(212, 175, 55, 0.25);
|
|
6140
6140
|
flex-shrink: 0;
|
|
6141
6141
|
`;
|
|
6142
|
-
var PBOperator =
|
|
6142
|
+
var PBOperator = styled19.span`
|
|
6143
6143
|
font-size: 0.7rem;
|
|
6144
6144
|
font-weight: 500;
|
|
6145
6145
|
color: rgba(255, 255, 255, 0.35);
|
|
@@ -6887,7 +6887,7 @@ var LoginPopup = ({
|
|
|
6887
6887
|
}
|
|
6888
6888
|
return null;
|
|
6889
6889
|
};
|
|
6890
|
-
var Overlay2 =
|
|
6890
|
+
var Overlay2 = styled19.div`
|
|
6891
6891
|
position: fixed;
|
|
6892
6892
|
top: 0;
|
|
6893
6893
|
left: 0;
|
|
@@ -6910,7 +6910,7 @@ var Overlay2 = styled25.div`
|
|
|
6910
6910
|
}
|
|
6911
6911
|
}
|
|
6912
6912
|
`;
|
|
6913
|
-
var PopupContainer =
|
|
6913
|
+
var PopupContainer = styled19.div`
|
|
6914
6914
|
background-color: var(--color-background, #0a0a0a);
|
|
6915
6915
|
border: 1px solid rgba(230, 198, 86, 0.3);
|
|
6916
6916
|
border-radius: var(--border-radius, 12px);
|
|
@@ -6937,7 +6937,7 @@ var PopupContainer = styled25.div`
|
|
|
6937
6937
|
max-width: 90%;
|
|
6938
6938
|
}
|
|
6939
6939
|
`;
|
|
6940
|
-
var KycPopupContainer =
|
|
6940
|
+
var KycPopupContainer = styled19.div`
|
|
6941
6941
|
background-color: var(--color-background, #0a0a0a);
|
|
6942
6942
|
border: 1px solid rgba(230, 198, 86, 0.3);
|
|
6943
6943
|
border-radius: var(--border-radius, 12px);
|
|
@@ -6965,7 +6965,7 @@ var KycPopupContainer = styled25.div`
|
|
|
6965
6965
|
max-width: 95%;
|
|
6966
6966
|
}
|
|
6967
6967
|
`;
|
|
6968
|
-
var KycWidgetContainer =
|
|
6968
|
+
var KycWidgetContainer = styled19.div`
|
|
6969
6969
|
min-height: 500px;
|
|
6970
6970
|
width: 100%;
|
|
6971
6971
|
display: flex;
|
|
@@ -6973,7 +6973,7 @@ var KycWidgetContainer = styled25.div`
|
|
|
6973
6973
|
position: relative;
|
|
6974
6974
|
gap: 0.75rem;
|
|
6975
6975
|
`;
|
|
6976
|
-
var InlineCloseButton =
|
|
6976
|
+
var InlineCloseButton = styled19.button`
|
|
6977
6977
|
position: absolute;
|
|
6978
6978
|
top: -12px;
|
|
6979
6979
|
right: -12px;
|
|
@@ -6999,7 +6999,7 @@ var InlineCloseButton = styled25.button`
|
|
|
6999
6999
|
height: 18px;
|
|
7000
7000
|
}
|
|
7001
7001
|
`;
|
|
7002
|
-
var CloseButton =
|
|
7002
|
+
var CloseButton = styled19.button`
|
|
7003
7003
|
position: absolute;
|
|
7004
7004
|
top: 1rem;
|
|
7005
7005
|
right: 1rem;
|
|
@@ -7018,7 +7018,7 @@ var CloseButton = styled25.button`
|
|
|
7018
7018
|
color: var(--color-accent, #e6c656);
|
|
7019
7019
|
}
|
|
7020
7020
|
`;
|
|
7021
|
-
var Title =
|
|
7021
|
+
var Title = styled19.h2`
|
|
7022
7022
|
font-size: 1.75rem;
|
|
7023
7023
|
font-weight: 600;
|
|
7024
7024
|
color: var(--color-text, #eaecef);
|
|
@@ -7030,21 +7030,21 @@ var Title = styled25.h2`
|
|
|
7030
7030
|
justify-content: center;
|
|
7031
7031
|
gap: 1rem;
|
|
7032
7032
|
`;
|
|
7033
|
-
var LogoContainer3 =
|
|
7033
|
+
var LogoContainer3 = styled19.div`
|
|
7034
7034
|
display: flex;
|
|
7035
7035
|
justify-content: center;
|
|
7036
7036
|
margin-bottom: 0.5rem;
|
|
7037
7037
|
`;
|
|
7038
|
-
var LogoImage =
|
|
7038
|
+
var LogoImage = styled19.img`
|
|
7039
7039
|
height: 60px;
|
|
7040
7040
|
`;
|
|
7041
|
-
var ButtonsContainer =
|
|
7041
|
+
var ButtonsContainer = styled19.div`
|
|
7042
7042
|
display: flex;
|
|
7043
7043
|
flex-direction: column;
|
|
7044
7044
|
gap: 1rem;
|
|
7045
7045
|
margin-bottom: 1.5rem;
|
|
7046
7046
|
`;
|
|
7047
|
-
var LoginButton =
|
|
7047
|
+
var LoginButton = styled19.button`
|
|
7048
7048
|
display: flex;
|
|
7049
7049
|
align-items: center;
|
|
7050
7050
|
justify-content: center;
|
|
@@ -7070,7 +7070,7 @@ var LoginButton = styled25.button`
|
|
|
7070
7070
|
color: var(--color-accent, #e6c656);
|
|
7071
7071
|
}
|
|
7072
7072
|
`;
|
|
7073
|
-
var Divider =
|
|
7073
|
+
var Divider = styled19.div`
|
|
7074
7074
|
display: flex;
|
|
7075
7075
|
align-items: center;
|
|
7076
7076
|
margin: 1.5rem 0;
|
|
@@ -7083,13 +7083,13 @@ var Divider = styled25.div`
|
|
|
7083
7083
|
background-color: rgba(230, 198, 86, 0.2);
|
|
7084
7084
|
}
|
|
7085
7085
|
`;
|
|
7086
|
-
var InfoText =
|
|
7086
|
+
var InfoText = styled19.p`
|
|
7087
7087
|
color: var(--color-text-secondary, #848e9c);
|
|
7088
7088
|
font-size: 0.875rem;
|
|
7089
7089
|
text-align: center;
|
|
7090
7090
|
line-height: 1.5;
|
|
7091
7091
|
`;
|
|
7092
|
-
var AnnotationContainer =
|
|
7092
|
+
var AnnotationContainer = styled19.div`
|
|
7093
7093
|
display: flex;
|
|
7094
7094
|
flex-direction: column;
|
|
7095
7095
|
gap: 0.75rem;
|
|
@@ -7097,7 +7097,7 @@ var AnnotationContainer = styled25.div`
|
|
|
7097
7097
|
padding-top: 1.5rem;
|
|
7098
7098
|
border-top: 1px solid rgba(230, 198, 86, 0.2);
|
|
7099
7099
|
`;
|
|
7100
|
-
var Annotation =
|
|
7100
|
+
var Annotation = styled19.div`
|
|
7101
7101
|
display: flex;
|
|
7102
7102
|
align-items: flex-start;
|
|
7103
7103
|
gap: 1rem;
|
|
@@ -7112,22 +7112,22 @@ var Annotation = styled25.div`
|
|
|
7112
7112
|
color: var(--color-accent, #e6c656);
|
|
7113
7113
|
}
|
|
7114
7114
|
`;
|
|
7115
|
-
var AnnotationText =
|
|
7115
|
+
var AnnotationText = styled19.span`
|
|
7116
7116
|
flex: 1;
|
|
7117
7117
|
line-height: 1.4;
|
|
7118
7118
|
`;
|
|
7119
|
-
var AnnotationLabel =
|
|
7119
|
+
var AnnotationLabel = styled19.span`
|
|
7120
7120
|
color: var(--color-text, #eaecef);
|
|
7121
7121
|
font-weight: 500;
|
|
7122
7122
|
margin-right: 0.25rem;
|
|
7123
7123
|
`;
|
|
7124
|
-
var EmailFormContainer =
|
|
7124
|
+
var EmailFormContainer = styled19.div`
|
|
7125
7125
|
display: flex;
|
|
7126
7126
|
flex-direction: column;
|
|
7127
7127
|
gap: 1rem;
|
|
7128
7128
|
margin-bottom: 1.5rem;
|
|
7129
7129
|
`;
|
|
7130
|
-
var EmailInput =
|
|
7130
|
+
var EmailInput = styled19.input`
|
|
7131
7131
|
width: 100%;
|
|
7132
7132
|
padding: 1rem 1.25rem;
|
|
7133
7133
|
background-color: var(--color-background-light, #1a1a1a);
|
|
@@ -7146,12 +7146,12 @@ var EmailInput = styled25.input`
|
|
|
7146
7146
|
color: var(--color-text-secondary, #848e9c);
|
|
7147
7147
|
}
|
|
7148
7148
|
`;
|
|
7149
|
-
var OTPContainer =
|
|
7149
|
+
var OTPContainer = styled19.div`
|
|
7150
7150
|
display: flex;
|
|
7151
7151
|
gap: 0.5rem;
|
|
7152
7152
|
justify-content: center;
|
|
7153
7153
|
`;
|
|
7154
|
-
var OTPInput =
|
|
7154
|
+
var OTPInput = styled19.input`
|
|
7155
7155
|
width: 48px;
|
|
7156
7156
|
height: 56px;
|
|
7157
7157
|
text-align: center;
|
|
@@ -7169,7 +7169,7 @@ var OTPInput = styled25.input`
|
|
|
7169
7169
|
box-shadow: 0 0 0 2px rgba(230, 198, 86, 0.2);
|
|
7170
7170
|
}
|
|
7171
7171
|
`;
|
|
7172
|
-
var SubmitButton =
|
|
7172
|
+
var SubmitButton = styled19.button`
|
|
7173
7173
|
width: 100%;
|
|
7174
7174
|
padding: 0.85rem;
|
|
7175
7175
|
background-color: var(--color-accent, #e6c656);
|
|
@@ -7192,7 +7192,7 @@ var SubmitButton = styled25.button`
|
|
|
7192
7192
|
cursor: not-allowed;
|
|
7193
7193
|
}
|
|
7194
7194
|
`;
|
|
7195
|
-
var BackButton =
|
|
7195
|
+
var BackButton = styled19.button`
|
|
7196
7196
|
background: none;
|
|
7197
7197
|
border: none;
|
|
7198
7198
|
color: var(--color-text-secondary, #848e9c);
|
|
@@ -7207,13 +7207,13 @@ var BackButton = styled25.button`
|
|
|
7207
7207
|
color: var(--color-accent, #e6c656);
|
|
7208
7208
|
}
|
|
7209
7209
|
`;
|
|
7210
|
-
var StatusMessage =
|
|
7210
|
+
var StatusMessage = styled19.p`
|
|
7211
7211
|
color: ${(props) => props.$error ? "#f6465d" : "#0ecb81"};
|
|
7212
7212
|
font-size: 0.875rem;
|
|
7213
7213
|
text-align: center;
|
|
7214
7214
|
margin-top: 0.5rem;
|
|
7215
7215
|
`;
|
|
7216
|
-
var OnboardingStepContainer =
|
|
7216
|
+
var OnboardingStepContainer = styled19.div`
|
|
7217
7217
|
display: flex;
|
|
7218
7218
|
flex-direction: column;
|
|
7219
7219
|
align-items: center;
|
|
@@ -7221,25 +7221,25 @@ var OnboardingStepContainer = styled25.div`
|
|
|
7221
7221
|
padding: 0.25rem 0;
|
|
7222
7222
|
gap: 0.5rem;
|
|
7223
7223
|
`;
|
|
7224
|
-
var OnboardingHeading =
|
|
7224
|
+
var OnboardingHeading = styled19.h2`
|
|
7225
7225
|
font-size: 1.2rem;
|
|
7226
7226
|
font-weight: 600;
|
|
7227
7227
|
color: var(--color-text, #eaecef);
|
|
7228
7228
|
margin: 0;
|
|
7229
7229
|
`;
|
|
7230
|
-
var OnboardingSubtext =
|
|
7230
|
+
var OnboardingSubtext = styled19.p`
|
|
7231
7231
|
font-size: 0.95rem;
|
|
7232
7232
|
color: var(--color-text-secondary, #848e9c);
|
|
7233
7233
|
line-height: 1.6;
|
|
7234
7234
|
margin-bottom: 2rem;
|
|
7235
7235
|
`;
|
|
7236
|
-
var OnboardingButtonGroup =
|
|
7236
|
+
var OnboardingButtonGroup = styled19.div`
|
|
7237
7237
|
display: flex;
|
|
7238
7238
|
flex-direction: column;
|
|
7239
7239
|
gap: 0.75rem;
|
|
7240
7240
|
width: 100%;
|
|
7241
7241
|
`;
|
|
7242
|
-
var OnboardingSkipButton =
|
|
7242
|
+
var OnboardingSkipButton = styled19.button`
|
|
7243
7243
|
width: 100%;
|
|
7244
7244
|
padding: 0.75rem 0.9rem;
|
|
7245
7245
|
background-color: rgba(255, 255, 255, 0.05);
|
|
@@ -7256,7 +7256,7 @@ var OnboardingSkipButton = styled25.button`
|
|
|
7256
7256
|
color: var(--color-text, #eaecef);
|
|
7257
7257
|
}
|
|
7258
7258
|
`;
|
|
7259
|
-
var ModalOptionCard =
|
|
7259
|
+
var ModalOptionCard = styled19.button`
|
|
7260
7260
|
display: flex;
|
|
7261
7261
|
align-items: center;
|
|
7262
7262
|
gap: 1rem;
|
|
@@ -7279,7 +7279,7 @@ var ModalOptionCard = styled25.button`
|
|
|
7279
7279
|
cursor: not-allowed;
|
|
7280
7280
|
}
|
|
7281
7281
|
`;
|
|
7282
|
-
var FundingPopupContainer =
|
|
7282
|
+
var FundingPopupContainer = styled19.div`
|
|
7283
7283
|
background-color: var(--color-background, #0a0a0a);
|
|
7284
7284
|
border: 1px solid rgba(230, 198, 86, 0.3);
|
|
7285
7285
|
border-radius: var(--border-radius, 12px);
|
|
@@ -7307,7 +7307,7 @@ var FundingPopupContainer = styled25.div`
|
|
|
7307
7307
|
max-width: 95%;
|
|
7308
7308
|
}
|
|
7309
7309
|
`;
|
|
7310
|
-
var TransakWidgetContainer =
|
|
7310
|
+
var TransakWidgetContainer = styled19.div`
|
|
7311
7311
|
width: 100%;
|
|
7312
7312
|
height: 700px;
|
|
7313
7313
|
display: flex;
|
|
@@ -7319,7 +7319,7 @@ var TransakWidgetContainer = styled25.div`
|
|
|
7319
7319
|
height: 600px;
|
|
7320
7320
|
}
|
|
7321
7321
|
`;
|
|
7322
|
-
var TransakIframe =
|
|
7322
|
+
var TransakIframe = styled19.iframe`
|
|
7323
7323
|
width: 100%;
|
|
7324
7324
|
height: 100%;
|
|
7325
7325
|
border: none;
|
|
@@ -7656,7 +7656,7 @@ var PropertyCompareBar = React5.forwardRef(
|
|
|
7656
7656
|
}
|
|
7657
7657
|
);
|
|
7658
7658
|
PropertyCompareBar.displayName = "PropertyCompareBar";
|
|
7659
|
-
var PropertySelectorContainer =
|
|
7659
|
+
var PropertySelectorContainer = styled19.div`
|
|
7660
7660
|
display: flex;
|
|
7661
7661
|
align-items: center;
|
|
7662
7662
|
justify-content: space-between;
|
|
@@ -7710,7 +7710,7 @@ var PropertySelectorContainer = styled25.div`
|
|
|
7710
7710
|
`};
|
|
7711
7711
|
}
|
|
7712
7712
|
`;
|
|
7713
|
-
var PropertySelector =
|
|
7713
|
+
var PropertySelector = styled19.div`
|
|
7714
7714
|
position: relative;
|
|
7715
7715
|
display: flex;
|
|
7716
7716
|
align-items: center;
|
|
@@ -7724,7 +7724,7 @@ var PropertySelector = styled25.div`
|
|
|
7724
7724
|
}
|
|
7725
7725
|
}
|
|
7726
7726
|
`;
|
|
7727
|
-
var PropertyAddress =
|
|
7727
|
+
var PropertyAddress = styled19.div`
|
|
7728
7728
|
font-size: 1.125rem;
|
|
7729
7729
|
font-weight: 600;
|
|
7730
7730
|
display: flex;
|
|
@@ -7745,7 +7745,7 @@ var PropertyAddress = styled25.div`
|
|
|
7745
7745
|
white-space: normal;
|
|
7746
7746
|
}
|
|
7747
7747
|
`;
|
|
7748
|
-
var PropertySelectorDropdown =
|
|
7748
|
+
var PropertySelectorDropdown = styled19.div`
|
|
7749
7749
|
position: absolute;
|
|
7750
7750
|
top: calc(100% + 12px);
|
|
7751
7751
|
left: 0;
|
|
@@ -7765,7 +7765,7 @@ var PropertySelectorDropdown = styled25.div`
|
|
|
7765
7765
|
to { opacity: 1; transform: translateY(0); }
|
|
7766
7766
|
}
|
|
7767
7767
|
`;
|
|
7768
|
-
var PropertySelectorOption =
|
|
7768
|
+
var PropertySelectorOption = styled19.div`
|
|
7769
7769
|
padding: 1.25rem 1.5rem;
|
|
7770
7770
|
transition: all 0.2s ease;
|
|
7771
7771
|
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
|
|
@@ -7791,13 +7791,13 @@ var PropertySelectorOption = styled25.div`
|
|
|
7791
7791
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
|
|
7792
7792
|
}
|
|
7793
7793
|
`;
|
|
7794
|
-
var PropertySelectorName =
|
|
7794
|
+
var PropertySelectorName = styled19.div`
|
|
7795
7795
|
font-weight: 600;
|
|
7796
7796
|
font-size: 1rem;
|
|
7797
7797
|
color: #ffffff;
|
|
7798
7798
|
margin-bottom: 0.15rem;
|
|
7799
7799
|
`;
|
|
7800
|
-
var PropertySelectorSubtitle =
|
|
7800
|
+
var PropertySelectorSubtitle = styled19.div`
|
|
7801
7801
|
font-size: 0.875rem;
|
|
7802
7802
|
color: rgba(255, 255, 255, 0.5);
|
|
7803
7803
|
span {
|
|
@@ -7806,7 +7806,7 @@ var PropertySelectorSubtitle = styled25.div`
|
|
|
7806
7806
|
font-size: 0.75rem;
|
|
7807
7807
|
}
|
|
7808
7808
|
`;
|
|
7809
|
-
var PropertyValueBlock =
|
|
7809
|
+
var PropertyValueBlock = styled19.div`
|
|
7810
7810
|
display: flex;
|
|
7811
7811
|
align-items: center;
|
|
7812
7812
|
gap: 0.5rem;
|
|
@@ -7874,7 +7874,7 @@ var PropertyValueBlock = styled25.div`
|
|
|
7874
7874
|
white-space: normal;
|
|
7875
7875
|
}
|
|
7876
7876
|
`;
|
|
7877
|
-
var PropertyValueLabel =
|
|
7877
|
+
var PropertyValueLabel = styled19.span`
|
|
7878
7878
|
font-size: 0.7rem;
|
|
7879
7879
|
color: var(--color-text-secondary, rgba(255, 255, 255, 0.6));
|
|
7880
7880
|
text-transform: uppercase;
|
|
@@ -7885,7 +7885,7 @@ var PropertyValueLabel = styled25.span`
|
|
|
7885
7885
|
letter-spacing: 0.4px;
|
|
7886
7886
|
}
|
|
7887
7887
|
`;
|
|
7888
|
-
var PropertyValueAmount =
|
|
7888
|
+
var PropertyValueAmount = styled19.span`
|
|
7889
7889
|
font-size: 1.1rem;
|
|
7890
7890
|
font-weight: 600;
|
|
7891
7891
|
color: #fff;
|
|
@@ -7894,7 +7894,7 @@ var PropertyValueAmount = styled25.span`
|
|
|
7894
7894
|
font-size: 0.95rem;
|
|
7895
7895
|
}
|
|
7896
7896
|
`;
|
|
7897
|
-
var PropertyValueChange =
|
|
7897
|
+
var PropertyValueChange = styled19.span`
|
|
7898
7898
|
font-size: 0.75rem;
|
|
7899
7899
|
font-weight: 500;
|
|
7900
7900
|
color: ${(props) => props.$isPositive == null ? "var(--color-text-secondary, rgba(255, 255, 255, 0.6))" : props.$isPositive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
|
|
@@ -7903,7 +7903,7 @@ var PropertyValueChange = styled25.span`
|
|
|
7903
7903
|
font-size: 0.65rem;
|
|
7904
7904
|
}
|
|
7905
7905
|
`;
|
|
7906
|
-
var PriceBlock =
|
|
7906
|
+
var PriceBlock = styled19.div`
|
|
7907
7907
|
display: none;
|
|
7908
7908
|
|
|
7909
7909
|
${({ $variant }) => $variant === "pill" && css`
|
|
@@ -7918,13 +7918,13 @@ var PriceBlock = styled25.div`
|
|
|
7918
7918
|
}
|
|
7919
7919
|
`}
|
|
7920
7920
|
`;
|
|
7921
|
-
var PriceAmount =
|
|
7921
|
+
var PriceAmount = styled19.span`
|
|
7922
7922
|
font-size: 1.6rem;
|
|
7923
7923
|
font-weight: 600;
|
|
7924
7924
|
color: #fff;
|
|
7925
7925
|
letter-spacing: 0.2px;
|
|
7926
7926
|
`;
|
|
7927
|
-
var PriceChange =
|
|
7927
|
+
var PriceChange = styled19.span`
|
|
7928
7928
|
font-size: 0.85rem;
|
|
7929
7929
|
font-weight: 500;
|
|
7930
7930
|
display: inline-flex;
|
|
@@ -8059,7 +8059,7 @@ function GalleryMapSection({
|
|
|
8059
8059
|
] })
|
|
8060
8060
|
] });
|
|
8061
8061
|
}
|
|
8062
|
-
var Row =
|
|
8062
|
+
var Row = styled19.div`
|
|
8063
8063
|
display: grid;
|
|
8064
8064
|
grid-template-columns: 2fr 1fr;
|
|
8065
8065
|
gap: 1.5rem;
|
|
@@ -8070,14 +8070,14 @@ var Row = styled25.div`
|
|
|
8070
8070
|
width: 100%;
|
|
8071
8071
|
@media (max-width: 1024px) { grid-template-columns: 1fr; }
|
|
8072
8072
|
`;
|
|
8073
|
-
var PanelBase =
|
|
8073
|
+
var PanelBase = styled19.div`
|
|
8074
8074
|
background: var(--color-card-darker, #111);
|
|
8075
8075
|
border-radius: 8px;
|
|
8076
8076
|
padding: 1rem;
|
|
8077
8077
|
display: flex;
|
|
8078
8078
|
flex-direction: column;
|
|
8079
8079
|
`;
|
|
8080
|
-
var PanelHeader =
|
|
8080
|
+
var PanelHeader = styled19.div`
|
|
8081
8081
|
display: flex;
|
|
8082
8082
|
justify-content: space-between;
|
|
8083
8083
|
align-items: center;
|
|
@@ -8092,32 +8092,32 @@ var PanelHeader = styled25.div`
|
|
|
8092
8092
|
}
|
|
8093
8093
|
span { font-size: 0.75rem; color: var(--color-text-secondary); }
|
|
8094
8094
|
`;
|
|
8095
|
-
var GalleryPanel =
|
|
8095
|
+
var GalleryPanel = styled19(PanelBase)`
|
|
8096
8096
|
min-width: 0; overflow: hidden;
|
|
8097
8097
|
`;
|
|
8098
|
-
var Carousel =
|
|
8098
|
+
var Carousel = styled19.div`
|
|
8099
8099
|
position: relative; width: 100%; overflow: hidden; border-radius: 8px;
|
|
8100
8100
|
`;
|
|
8101
|
-
var VideoOverlay =
|
|
8101
|
+
var VideoOverlay = styled19.div`
|
|
8102
8102
|
position: absolute; inset: 0; z-index: 3; background: #000; border-radius: 8px;
|
|
8103
8103
|
display: flex; align-items: center; justify-content: center;
|
|
8104
8104
|
`;
|
|
8105
|
-
var Track =
|
|
8105
|
+
var Track = styled19.div`
|
|
8106
8106
|
display: flex; transition: transform 0.4s ease;
|
|
8107
8107
|
`;
|
|
8108
|
-
var Slide =
|
|
8108
|
+
var Slide = styled19.div`
|
|
8109
8109
|
min-width: 100%; position: relative; cursor: pointer;
|
|
8110
8110
|
img { width: 100%; height: 315px; object-fit: cover; border-radius: 8px; }
|
|
8111
8111
|
@media (max-width: 768px) { img { height: 155px; } }
|
|
8112
8112
|
`;
|
|
8113
|
-
var SlideCaption =
|
|
8113
|
+
var SlideCaption = styled19.div`
|
|
8114
8114
|
position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
|
|
8115
8115
|
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
|
|
8116
8116
|
border-radius: 0 0 8px 8px;
|
|
8117
8117
|
h4 { margin: 0; font-size: 0.95rem; font-weight: 600; color: #fff; }
|
|
8118
8118
|
p { margin: 0.25rem 0 0; font-size: 0.75rem; color: rgba(255,255,255,0.7); }
|
|
8119
8119
|
`;
|
|
8120
|
-
var CarouselButton =
|
|
8120
|
+
var CarouselButton = styled19.button`
|
|
8121
8121
|
position: absolute; top: 50%; transform: translateY(-50%);
|
|
8122
8122
|
background: rgba(0,0,0,0.8); border: 2px solid rgba(255,255,255,0.3);
|
|
8123
8123
|
color: white; width: 56px; height: 56px; border-radius: 50%;
|
|
@@ -8128,30 +8128,30 @@ var CarouselButton = styled25.button`
|
|
|
8128
8128
|
svg { width: 28px; height: 28px; stroke: #fff; }
|
|
8129
8129
|
@media (max-width: 768px) { width: 36px; height: 36px; svg { width: 18px; height: 18px; } }
|
|
8130
8130
|
`;
|
|
8131
|
-
var ThumbStrip =
|
|
8131
|
+
var ThumbStrip = styled19.div`
|
|
8132
8132
|
display: flex; align-items: center; gap: 0; margin-top: 1rem;
|
|
8133
8133
|
`;
|
|
8134
|
-
var ThumbScroll =
|
|
8134
|
+
var ThumbScroll = styled19.div`
|
|
8135
8135
|
display: flex; gap: 0.5rem; overflow-x: auto; flex: 1; min-width: 0;
|
|
8136
8136
|
padding-bottom: 0.5rem;
|
|
8137
8137
|
scrollbar-width: none;
|
|
8138
8138
|
&::-webkit-scrollbar { display: none; }
|
|
8139
8139
|
`;
|
|
8140
|
-
var Thumbnail2 =
|
|
8140
|
+
var Thumbnail2 = styled19.div`
|
|
8141
8141
|
min-width: 60px; height: 45px; border-radius: 4px; overflow: hidden;
|
|
8142
8142
|
cursor: pointer; border: 2px solid transparent; opacity: 0.6;
|
|
8143
8143
|
transition: all 0.2s ease; flex-shrink: 0;
|
|
8144
8144
|
&[data-active='true'] { border-color: #D4AF37; opacity: 1; }
|
|
8145
8145
|
img { width: 100%; height: 100%; object-fit: cover; }
|
|
8146
8146
|
`;
|
|
8147
|
-
var ThumbDivider =
|
|
8147
|
+
var ThumbDivider = styled19.div`
|
|
8148
8148
|
width: 1px; height: 36px; background: rgba(255,255,255,0.15);
|
|
8149
8149
|
margin: 0 0.5rem; flex-shrink: 0; align-self: center;
|
|
8150
8150
|
`;
|
|
8151
|
-
var FixedButtons =
|
|
8151
|
+
var FixedButtons = styled19.div`
|
|
8152
8152
|
display: flex; gap: 0.4rem; flex-shrink: 0; align-self: center;
|
|
8153
8153
|
`;
|
|
8154
|
-
var FixedBtn =
|
|
8154
|
+
var FixedBtn = styled19.button`
|
|
8155
8155
|
height: 45px; padding: 0 0.75rem; border-radius: 4px;
|
|
8156
8156
|
display: flex; align-items: center; justify-content: center; gap: 0.4rem;
|
|
8157
8157
|
cursor: pointer; transition: all 0.2s ease;
|
|
@@ -8160,7 +8160,7 @@ var FixedBtn = styled25.button`
|
|
|
8160
8160
|
color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.7)"};
|
|
8161
8161
|
font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; white-space: nowrap;
|
|
8162
8162
|
`;
|
|
8163
|
-
var CategoryRow =
|
|
8163
|
+
var CategoryRow = styled19.div`
|
|
8164
8164
|
display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem;
|
|
8165
8165
|
overflow-x: auto; -webkit-overflow-scrolling: touch;
|
|
8166
8166
|
scrollbar-width: none; &::-webkit-scrollbar { display: none; }
|
|
@@ -8172,14 +8172,14 @@ var CategoryRow = styled25.div`
|
|
|
8172
8172
|
}
|
|
8173
8173
|
button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
|
|
8174
8174
|
`;
|
|
8175
|
-
var MapPanel =
|
|
8175
|
+
var MapPanel = styled19(PanelBase)`
|
|
8176
8176
|
min-height: 280px; padding: 1.5rem;
|
|
8177
8177
|
min-width: 0; overflow: hidden;
|
|
8178
8178
|
`;
|
|
8179
|
-
var MapFrame =
|
|
8179
|
+
var MapFrame = styled19.div`
|
|
8180
8180
|
flex: 1; border-radius: 6px; overflow: hidden; min-height: 280px; position: relative;
|
|
8181
8181
|
`;
|
|
8182
|
-
var IframeShield =
|
|
8182
|
+
var IframeShield = styled19.div`
|
|
8183
8183
|
position: absolute; inset: 0; z-index: 1; cursor: pointer;
|
|
8184
8184
|
`;
|
|
8185
8185
|
var BedIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
@@ -8392,43 +8392,43 @@ function PropertyOverview({
|
|
|
8392
8392
|
] })
|
|
8393
8393
|
] });
|
|
8394
8394
|
}
|
|
8395
|
-
var TopGrid =
|
|
8395
|
+
var TopGrid = styled19.div`
|
|
8396
8396
|
display: grid;
|
|
8397
8397
|
grid-template-columns: 1fr 1fr;
|
|
8398
8398
|
gap: 2rem;
|
|
8399
8399
|
margin-bottom: 2rem;
|
|
8400
8400
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8401
8401
|
`;
|
|
8402
|
-
var Panel =
|
|
8402
|
+
var Panel = styled19.div`
|
|
8403
8403
|
background: #111;
|
|
8404
8404
|
border-radius: 12px;
|
|
8405
8405
|
padding: 1.5rem;
|
|
8406
8406
|
`;
|
|
8407
|
-
var PanelHeading =
|
|
8407
|
+
var PanelHeading = styled19.h2`
|
|
8408
8408
|
font-size: 1.25rem;
|
|
8409
8409
|
margin-bottom: 1rem;
|
|
8410
8410
|
color: #fff;
|
|
8411
8411
|
font-weight: 600;
|
|
8412
8412
|
`;
|
|
8413
|
-
var DescriptionWrap =
|
|
8413
|
+
var DescriptionWrap = styled19.div`
|
|
8414
8414
|
position: relative;
|
|
8415
8415
|
max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
|
|
8416
8416
|
overflow: hidden;
|
|
8417
8417
|
transition: max-height 0.3s ease;
|
|
8418
8418
|
`;
|
|
8419
|
-
var DescFade =
|
|
8419
|
+
var DescFade = styled19.div`
|
|
8420
8420
|
position: absolute;
|
|
8421
8421
|
bottom: 0; left: 0; right: 0;
|
|
8422
8422
|
height: 60px;
|
|
8423
8423
|
background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
|
|
8424
8424
|
pointer-events: none;
|
|
8425
8425
|
`;
|
|
8426
|
-
var ButtonRow =
|
|
8426
|
+
var ButtonRow = styled19.div`
|
|
8427
8427
|
margin-top: 1.5rem;
|
|
8428
8428
|
display: flex;
|
|
8429
8429
|
gap: 0.75rem;
|
|
8430
8430
|
`;
|
|
8431
|
-
var OutlineBtn =
|
|
8431
|
+
var OutlineBtn = styled19.button`
|
|
8432
8432
|
padding: 0.55rem 1.35rem;
|
|
8433
8433
|
border-radius: 10px;
|
|
8434
8434
|
border: 1px solid rgba(255,255,255,0.28);
|
|
@@ -8438,7 +8438,7 @@ var OutlineBtn = styled25.button`
|
|
|
8438
8438
|
font-weight: 600;
|
|
8439
8439
|
cursor: pointer;
|
|
8440
8440
|
`;
|
|
8441
|
-
var PrimaryBtn =
|
|
8441
|
+
var PrimaryBtn = styled19.button`
|
|
8442
8442
|
padding: 0.75rem 1.5rem;
|
|
8443
8443
|
border-radius: 4px;
|
|
8444
8444
|
border: none;
|
|
@@ -8448,26 +8448,26 @@ var PrimaryBtn = styled25.button`
|
|
|
8448
8448
|
font-weight: 600;
|
|
8449
8449
|
cursor: pointer;
|
|
8450
8450
|
`;
|
|
8451
|
-
var FinancialGrid =
|
|
8451
|
+
var FinancialGrid = styled19.div`
|
|
8452
8452
|
display: grid;
|
|
8453
8453
|
grid-template-columns: 1fr 1fr;
|
|
8454
8454
|
gap: 0.75rem;
|
|
8455
8455
|
`;
|
|
8456
|
-
var FinancialCard =
|
|
8456
|
+
var FinancialCard = styled19.div`
|
|
8457
8457
|
background: rgba(255,255,255,0.03);
|
|
8458
8458
|
border-radius: 10px;
|
|
8459
8459
|
padding: 1rem 1.25rem;
|
|
8460
8460
|
border: 1px solid ${(p) => p.$gold ? "rgba(212,175,55,0.3)" : "rgba(255,255,255,0.06)"};
|
|
8461
8461
|
position: relative;
|
|
8462
8462
|
`;
|
|
8463
|
-
var BadgeSpan =
|
|
8463
|
+
var BadgeSpan = styled19.span`
|
|
8464
8464
|
position: absolute;
|
|
8465
8465
|
top: 0.5rem; right: 0.75rem;
|
|
8466
8466
|
font-size: 0.65rem;
|
|
8467
8467
|
color: #4CAF50;
|
|
8468
8468
|
display: flex; align-items: center; gap: 4px;
|
|
8469
8469
|
`;
|
|
8470
|
-
var FinancialLabel =
|
|
8470
|
+
var FinancialLabel = styled19.div`
|
|
8471
8471
|
font-size: 0.65rem;
|
|
8472
8472
|
color: ${(p) => p.$gold ? "#D4AF37" : "rgba(255,255,255,0.6)"};
|
|
8473
8473
|
text-transform: uppercase;
|
|
@@ -8475,49 +8475,49 @@ var FinancialLabel = styled25.div`
|
|
|
8475
8475
|
margin-bottom: 0.4rem;
|
|
8476
8476
|
font-weight: 500;
|
|
8477
8477
|
`;
|
|
8478
|
-
var FinancialValue =
|
|
8478
|
+
var FinancialValue = styled19.div`
|
|
8479
8479
|
font-size: 1.25rem;
|
|
8480
8480
|
font-weight: 700;
|
|
8481
8481
|
color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
|
|
8482
8482
|
line-height: 1;
|
|
8483
8483
|
`;
|
|
8484
|
-
var AssetDetailsPanel =
|
|
8484
|
+
var AssetDetailsPanel = styled19.div`
|
|
8485
8485
|
margin-bottom: 2rem; background: #111; border-radius: 12px; padding: 1.5rem;
|
|
8486
8486
|
`;
|
|
8487
|
-
var AssetPanelsGrid =
|
|
8487
|
+
var AssetPanelsGrid = styled19.div`
|
|
8488
8488
|
display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;
|
|
8489
8489
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8490
8490
|
`;
|
|
8491
|
-
var MetricsPanel =
|
|
8491
|
+
var MetricsPanel = styled19.div`
|
|
8492
8492
|
background: rgba(255,255,255,0.03); border-radius: 12px;
|
|
8493
8493
|
border: 1px solid rgba(255,255,255,0.06); padding: 1.25rem 1.5rem; overflow: hidden;
|
|
8494
8494
|
`;
|
|
8495
|
-
var InfoPanel =
|
|
8496
|
-
var MetricsPanelTitle =
|
|
8495
|
+
var InfoPanel = styled19(MetricsPanel)``;
|
|
8496
|
+
var MetricsPanelTitle = styled19.div`
|
|
8497
8497
|
font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
|
|
8498
8498
|
letter-spacing: 0.12em; font-weight: 600; margin-bottom: 1rem;
|
|
8499
8499
|
padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8500
8500
|
`;
|
|
8501
|
-
var LandFloorCard =
|
|
8501
|
+
var LandFloorCard = styled19.div`
|
|
8502
8502
|
background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
|
|
8503
8503
|
border-radius: 10px; padding: 0.85rem 1rem;
|
|
8504
8504
|
border: 1px solid rgba(212,175,55,0.25);
|
|
8505
8505
|
display: flex; gap: 1rem; margin-bottom: 0.75rem;
|
|
8506
8506
|
`;
|
|
8507
|
-
var MetricLabel =
|
|
8507
|
+
var MetricLabel = styled19.div`
|
|
8508
8508
|
font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
|
|
8509
8509
|
letter-spacing: 0.1em; margin-bottom: 0.4rem; font-weight: 500;
|
|
8510
8510
|
`;
|
|
8511
|
-
var MetricValueRow =
|
|
8511
|
+
var MetricValueRow = styled19.div`
|
|
8512
8512
|
display: flex; align-items: baseline; gap: 0.25rem;
|
|
8513
8513
|
`;
|
|
8514
|
-
var MetricBig =
|
|
8514
|
+
var MetricBig = styled19.span`
|
|
8515
8515
|
font-size: 1.5rem; font-weight: 700; color: #D4AF37; line-height: 1;
|
|
8516
8516
|
`;
|
|
8517
|
-
var MetricUnit =
|
|
8517
|
+
var MetricUnit = styled19.span`
|
|
8518
8518
|
font-size: 0.7rem; color: rgba(212,175,55,0.7); font-weight: 500;
|
|
8519
8519
|
`;
|
|
8520
|
-
var FeaturesGrid =
|
|
8520
|
+
var FeaturesGrid = styled19.div`
|
|
8521
8521
|
display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem;
|
|
8522
8522
|
@media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
|
|
8523
8523
|
`;
|
|
@@ -8602,7 +8602,7 @@ function PropertyOffers({ offers }) {
|
|
|
8602
8602
|
)) })
|
|
8603
8603
|
] });
|
|
8604
8604
|
}
|
|
8605
|
-
var OfferPricePulse =
|
|
8605
|
+
var OfferPricePulse = styled19.span`
|
|
8606
8606
|
width: 8px;
|
|
8607
8607
|
height: 8px;
|
|
8608
8608
|
border-radius: 999px;
|
|
@@ -9004,7 +9004,7 @@ function generateMockPastSales() {
|
|
|
9004
9004
|
}
|
|
9005
9005
|
];
|
|
9006
9006
|
}
|
|
9007
|
-
var FilterButtonsContainer =
|
|
9007
|
+
var FilterButtonsContainer = styled19.div`
|
|
9008
9008
|
display: flex;
|
|
9009
9009
|
gap: 0.5rem;
|
|
9010
9010
|
flex-wrap: wrap;
|
|
@@ -9013,7 +9013,7 @@ var FilterButtonsContainer = styled25.div`
|
|
|
9013
9013
|
gap: 0.25rem;
|
|
9014
9014
|
}
|
|
9015
9015
|
`;
|
|
9016
|
-
var FilterButton =
|
|
9016
|
+
var FilterButton = styled19.button`
|
|
9017
9017
|
background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
|
|
9018
9018
|
color: ${(props) => props.$active ? "#000" : "#fff"};
|
|
9019
9019
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9032,7 +9032,7 @@ var FilterButton = styled25.button`
|
|
|
9032
9032
|
font-size: 0.75rem;
|
|
9033
9033
|
}
|
|
9034
9034
|
`;
|
|
9035
|
-
var HistoryContainer =
|
|
9035
|
+
var HistoryContainer = styled19.div`
|
|
9036
9036
|
display: flex;
|
|
9037
9037
|
flex-direction: column;
|
|
9038
9038
|
gap: 1.5rem;
|
|
@@ -9049,7 +9049,7 @@ var HistoryContainer = styled25.div`
|
|
|
9049
9049
|
z-index: 0;
|
|
9050
9050
|
}
|
|
9051
9051
|
`;
|
|
9052
|
-
var HistoryPanel =
|
|
9052
|
+
var HistoryPanel = styled19.div`
|
|
9053
9053
|
margin-bottom: 1.5rem;
|
|
9054
9054
|
margin-left: 2rem;
|
|
9055
9055
|
border: 1px solid rgba(240, 185, 11, 0.15);
|
|
@@ -9091,7 +9091,7 @@ var HistoryPanel = styled25.div`
|
|
|
9091
9091
|
}
|
|
9092
9092
|
`}
|
|
9093
9093
|
`;
|
|
9094
|
-
var LeaseSection =
|
|
9094
|
+
var LeaseSection = styled19.div`
|
|
9095
9095
|
margin: 0.3rem 1rem;
|
|
9096
9096
|
padding: 0.3rem 1rem 0.3rem;
|
|
9097
9097
|
background-color: rgba(30, 32, 38, 0.2);
|
|
@@ -9109,7 +9109,7 @@ var LeaseSection = styled25.div`
|
|
|
9109
9109
|
background-color: rgba(255, 255, 255, 0.15);
|
|
9110
9110
|
}
|
|
9111
9111
|
`;
|
|
9112
|
-
var HistoryRow =
|
|
9112
|
+
var HistoryRow = styled19.tr`
|
|
9113
9113
|
background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
|
|
9114
9114
|
|
|
9115
9115
|
td {
|
|
@@ -9126,7 +9126,7 @@ var HistoryRow = styled25.tr`
|
|
|
9126
9126
|
background-color: rgba(255, 255, 255, 0.08);
|
|
9127
9127
|
}
|
|
9128
9128
|
`;
|
|
9129
|
-
var TypeBadge2 =
|
|
9129
|
+
var TypeBadge2 = styled19.span`
|
|
9130
9130
|
display: inline-block;
|
|
9131
9131
|
padding: 0.25rem 0.5rem;
|
|
9132
9132
|
border-radius: 4px;
|
|
@@ -9176,13 +9176,13 @@ var TypeBadge2 = styled25.span`
|
|
|
9176
9176
|
font-size: 0.65rem;
|
|
9177
9177
|
}
|
|
9178
9178
|
`;
|
|
9179
|
-
var PastSalesSection =
|
|
9179
|
+
var PastSalesSection = styled19.div`
|
|
9180
9180
|
background-color: rgba(30, 32, 38, 0.95);
|
|
9181
9181
|
border-radius: 8px;
|
|
9182
9182
|
padding: 1.25rem;
|
|
9183
9183
|
margin-bottom: 1.5rem;
|
|
9184
9184
|
`;
|
|
9185
|
-
var SalesTable =
|
|
9185
|
+
var SalesTable = styled19.table`
|
|
9186
9186
|
width: 100%;
|
|
9187
9187
|
border-collapse: collapse;
|
|
9188
9188
|
table-layout: fixed;
|
|
@@ -9260,13 +9260,13 @@ function PropertyDocuments({ documentsData }) {
|
|
|
9260
9260
|
}) })
|
|
9261
9261
|
] });
|
|
9262
9262
|
}
|
|
9263
|
-
var Section =
|
|
9263
|
+
var Section = styled19.section`
|
|
9264
9264
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9265
9265
|
border-radius: 12px;
|
|
9266
9266
|
padding: 1.5rem;
|
|
9267
9267
|
margin-bottom: 1.5rem;
|
|
9268
9268
|
`;
|
|
9269
|
-
var SectionHeading =
|
|
9269
|
+
var SectionHeading = styled19.h2`
|
|
9270
9270
|
font-size: 0.9rem;
|
|
9271
9271
|
font-weight: 600;
|
|
9272
9272
|
padding-bottom: 0.75rem;
|
|
@@ -9277,12 +9277,12 @@ var SectionHeading = styled25.h2`
|
|
|
9277
9277
|
align-items: center;
|
|
9278
9278
|
gap: 0.5rem;
|
|
9279
9279
|
`;
|
|
9280
|
-
var DocList =
|
|
9280
|
+
var DocList = styled19.ul`
|
|
9281
9281
|
list-style: none;
|
|
9282
9282
|
padding: 0;
|
|
9283
9283
|
margin: 0;
|
|
9284
9284
|
`;
|
|
9285
|
-
var DocItem =
|
|
9285
|
+
var DocItem = styled19.li`
|
|
9286
9286
|
padding: 0.75rem 0;
|
|
9287
9287
|
border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
|
|
9288
9288
|
|
|
@@ -9290,7 +9290,7 @@ var DocItem = styled25.li`
|
|
|
9290
9290
|
border-bottom: none;
|
|
9291
9291
|
}
|
|
9292
9292
|
`;
|
|
9293
|
-
var DocLink =
|
|
9293
|
+
var DocLink = styled19.a`
|
|
9294
9294
|
display: flex;
|
|
9295
9295
|
align-items: center;
|
|
9296
9296
|
color: var(--color-text);
|
|
@@ -9301,19 +9301,19 @@ var DocLink = styled25.a`
|
|
|
9301
9301
|
color: var(--color-accent);
|
|
9302
9302
|
}
|
|
9303
9303
|
`;
|
|
9304
|
-
var DocItemDisabled =
|
|
9304
|
+
var DocItemDisabled = styled19.div`
|
|
9305
9305
|
display: flex;
|
|
9306
9306
|
align-items: center;
|
|
9307
9307
|
color: var(--color-text-secondary);
|
|
9308
9308
|
cursor: not-allowed;
|
|
9309
9309
|
opacity: 0.6;
|
|
9310
9310
|
`;
|
|
9311
|
-
var DocIconWrapper =
|
|
9311
|
+
var DocIconWrapper = styled19.span`
|
|
9312
9312
|
margin-right: 0.75rem;
|
|
9313
9313
|
flex-shrink: 0;
|
|
9314
9314
|
color: var(--color-text-secondary);
|
|
9315
9315
|
`;
|
|
9316
|
-
var ComingSoonBadge =
|
|
9316
|
+
var ComingSoonBadge = styled19.span`
|
|
9317
9317
|
margin-left: auto;
|
|
9318
9318
|
padding: 0.25rem 0.5rem;
|
|
9319
9319
|
background: rgba(212, 175, 55, 0.1);
|
|
@@ -9395,13 +9395,13 @@ function PropertyInspectionTimes({
|
|
|
9395
9395
|
] })
|
|
9396
9396
|
] });
|
|
9397
9397
|
}
|
|
9398
|
-
var Section2 =
|
|
9398
|
+
var Section2 = styled19.section`
|
|
9399
9399
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9400
9400
|
border-radius: 12px;
|
|
9401
9401
|
padding: 1.5rem;
|
|
9402
9402
|
margin-bottom: 1.5rem;
|
|
9403
9403
|
`;
|
|
9404
|
-
var SectionHeading2 =
|
|
9404
|
+
var SectionHeading2 = styled19.h2`
|
|
9405
9405
|
font-size: 0.9rem;
|
|
9406
9406
|
font-weight: 600;
|
|
9407
9407
|
padding-bottom: 0.75rem;
|
|
@@ -9412,17 +9412,17 @@ var SectionHeading2 = styled25.h2`
|
|
|
9412
9412
|
align-items: center;
|
|
9413
9413
|
gap: 0.5rem;
|
|
9414
9414
|
`;
|
|
9415
|
-
var Intro =
|
|
9415
|
+
var Intro = styled19.p`
|
|
9416
9416
|
font-size: 0.9rem;
|
|
9417
9417
|
color: var(--color-text-secondary);
|
|
9418
9418
|
margin-bottom: 1.5rem;
|
|
9419
9419
|
`;
|
|
9420
|
-
var SlotList =
|
|
9420
|
+
var SlotList = styled19.div`
|
|
9421
9421
|
display: flex;
|
|
9422
9422
|
flex-direction: column;
|
|
9423
9423
|
gap: 0.75rem;
|
|
9424
9424
|
`;
|
|
9425
|
-
var SlotRow =
|
|
9425
|
+
var SlotRow = styled19.div`
|
|
9426
9426
|
display: flex;
|
|
9427
9427
|
justify-content: space-between;
|
|
9428
9428
|
align-items: center;
|
|
@@ -9431,27 +9431,27 @@ var SlotRow = styled25.div`
|
|
|
9431
9431
|
border-radius: 8px;
|
|
9432
9432
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9433
9433
|
`;
|
|
9434
|
-
var SlotInfo =
|
|
9435
|
-
var SlotDate =
|
|
9434
|
+
var SlotInfo = styled19.div``;
|
|
9435
|
+
var SlotDate = styled19.div`
|
|
9436
9436
|
font-size: 0.9rem;
|
|
9437
9437
|
font-weight: 600;
|
|
9438
9438
|
color: var(--color-text);
|
|
9439
9439
|
margin-bottom: 0.25rem;
|
|
9440
9440
|
`;
|
|
9441
|
-
var SlotTime =
|
|
9441
|
+
var SlotTime = styled19.div`
|
|
9442
9442
|
font-size: 0.8rem;
|
|
9443
9443
|
color: var(--color-text-secondary);
|
|
9444
9444
|
`;
|
|
9445
|
-
var SlotActions =
|
|
9445
|
+
var SlotActions = styled19.div`
|
|
9446
9446
|
display: flex;
|
|
9447
9447
|
align-items: center;
|
|
9448
9448
|
gap: 1rem;
|
|
9449
9449
|
`;
|
|
9450
|
-
var SpotsLeft =
|
|
9450
|
+
var SpotsLeft = styled19.span`
|
|
9451
9451
|
font-size: 0.75rem;
|
|
9452
9452
|
color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
|
|
9453
9453
|
`;
|
|
9454
|
-
var BookButton =
|
|
9454
|
+
var BookButton = styled19.button`
|
|
9455
9455
|
padding: 0.4rem 1rem;
|
|
9456
9456
|
background: transparent;
|
|
9457
9457
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9471,7 +9471,7 @@ var BookButton = styled25.button`
|
|
|
9471
9471
|
cursor: not-allowed;
|
|
9472
9472
|
}
|
|
9473
9473
|
`;
|
|
9474
|
-
var StatusMessage2 =
|
|
9474
|
+
var StatusMessage2 = styled19.div`
|
|
9475
9475
|
font-size: 0.85rem;
|
|
9476
9476
|
padding: 0.75rem 1rem;
|
|
9477
9477
|
border-radius: 6px;
|
|
@@ -9479,7 +9479,7 @@ var StatusMessage2 = styled25.div`
|
|
|
9479
9479
|
background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
|
|
9480
9480
|
border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
|
|
9481
9481
|
`;
|
|
9482
|
-
var RetryButton =
|
|
9482
|
+
var RetryButton = styled19.button`
|
|
9483
9483
|
margin-left: 0.5rem;
|
|
9484
9484
|
text-decoration: underline;
|
|
9485
9485
|
cursor: pointer;
|
|
@@ -9487,13 +9487,13 @@ var RetryButton = styled25.button`
|
|
|
9487
9487
|
border: none;
|
|
9488
9488
|
color: inherit;
|
|
9489
9489
|
`;
|
|
9490
|
-
var Disclaimer =
|
|
9490
|
+
var Disclaimer = styled19.p`
|
|
9491
9491
|
font-size: 0.75rem;
|
|
9492
9492
|
color: var(--color-text-secondary);
|
|
9493
9493
|
margin-top: 0.5rem;
|
|
9494
9494
|
text-align: center;
|
|
9495
9495
|
`;
|
|
9496
|
-
var SignInPrompt =
|
|
9496
|
+
var SignInPrompt = styled19.div`
|
|
9497
9497
|
display: flex;
|
|
9498
9498
|
align-items: center;
|
|
9499
9499
|
justify-content: space-between;
|
|
@@ -9502,18 +9502,18 @@ var SignInPrompt = styled25.div`
|
|
|
9502
9502
|
border-radius: 8px;
|
|
9503
9503
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9504
9504
|
`;
|
|
9505
|
-
var SignInText =
|
|
9506
|
-
var SignInTitle =
|
|
9505
|
+
var SignInText = styled19.div``;
|
|
9506
|
+
var SignInTitle = styled19.div`
|
|
9507
9507
|
font-size: 0.95rem;
|
|
9508
9508
|
font-weight: 600;
|
|
9509
9509
|
color: var(--color-text);
|
|
9510
9510
|
margin-bottom: 0.25rem;
|
|
9511
9511
|
`;
|
|
9512
|
-
var SignInSub =
|
|
9512
|
+
var SignInSub = styled19.div`
|
|
9513
9513
|
font-size: 0.8rem;
|
|
9514
9514
|
color: var(--color-text-secondary);
|
|
9515
9515
|
`;
|
|
9516
|
-
var SignInButton =
|
|
9516
|
+
var SignInButton = styled19.button`
|
|
9517
9517
|
padding: 0.5rem 1.25rem;
|
|
9518
9518
|
background: transparent;
|
|
9519
9519
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9612,10 +9612,10 @@ function AssetSelectorBar({
|
|
|
9612
9612
|
}) })
|
|
9613
9613
|
] }) });
|
|
9614
9614
|
}
|
|
9615
|
-
var AssetSelectorWrapper =
|
|
9615
|
+
var AssetSelectorWrapper = styled19.div`
|
|
9616
9616
|
width: 100%;
|
|
9617
9617
|
`;
|
|
9618
|
-
var IPOAssetSelector =
|
|
9618
|
+
var IPOAssetSelector = styled19.div`
|
|
9619
9619
|
position: relative;
|
|
9620
9620
|
display: flex;
|
|
9621
9621
|
justify-content: space-between;
|
|
@@ -9640,7 +9640,7 @@ var IPOAssetSelector = styled25.div`
|
|
|
9640
9640
|
padding: 0.6rem 0.75rem;
|
|
9641
9641
|
}
|
|
9642
9642
|
`;
|
|
9643
|
-
var AssetThumbnail =
|
|
9643
|
+
var AssetThumbnail = styled19.img`
|
|
9644
9644
|
width: 40px;
|
|
9645
9645
|
height: 40px;
|
|
9646
9646
|
border-radius: 8px;
|
|
@@ -9654,7 +9654,7 @@ var AssetThumbnail = styled25.img`
|
|
|
9654
9654
|
border-radius: 6px;
|
|
9655
9655
|
}
|
|
9656
9656
|
`;
|
|
9657
|
-
var AssetSelectorDropdown =
|
|
9657
|
+
var AssetSelectorDropdown = styled19.div`
|
|
9658
9658
|
display: flex;
|
|
9659
9659
|
align-items: center;
|
|
9660
9660
|
cursor: pointer;
|
|
@@ -9663,7 +9663,7 @@ var AssetSelectorDropdown = styled25.div`
|
|
|
9663
9663
|
transition: all 0.2s ease;
|
|
9664
9664
|
&:hover { background-color: rgba(255,255,255,0.05); }
|
|
9665
9665
|
`;
|
|
9666
|
-
var AssetName =
|
|
9666
|
+
var AssetName = styled19.div`
|
|
9667
9667
|
display: flex;
|
|
9668
9668
|
align-items: center;
|
|
9669
9669
|
font-weight: 600;
|
|
@@ -9682,7 +9682,7 @@ var AssetName = styled25.div`
|
|
|
9682
9682
|
svg { margin-left: 0.4rem; width: 16px; height: 16px; }
|
|
9683
9683
|
}
|
|
9684
9684
|
`;
|
|
9685
|
-
var SelectorMetrics =
|
|
9685
|
+
var SelectorMetrics = styled19.div`
|
|
9686
9686
|
display: flex;
|
|
9687
9687
|
align-items: center;
|
|
9688
9688
|
gap: 1rem;
|
|
@@ -9707,7 +9707,7 @@ var SelectorMetrics = styled25.div`
|
|
|
9707
9707
|
gap: 0.5rem;
|
|
9708
9708
|
}
|
|
9709
9709
|
`;
|
|
9710
|
-
var MetricLabel2 =
|
|
9710
|
+
var MetricLabel2 = styled19.span`
|
|
9711
9711
|
font-size: 0.75rem;
|
|
9712
9712
|
color: var(--color-text-secondary);
|
|
9713
9713
|
text-transform: uppercase;
|
|
@@ -9720,7 +9720,7 @@ var MetricLabel2 = styled25.span`
|
|
|
9720
9720
|
margin-right: 0.35rem;
|
|
9721
9721
|
}
|
|
9722
9722
|
`;
|
|
9723
|
-
var MetricValue =
|
|
9723
|
+
var MetricValue = styled19.span`
|
|
9724
9724
|
font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
|
|
9725
9725
|
font-weight: ${(p) => p.$secondary ? "600" : "700"};
|
|
9726
9726
|
color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
|
|
@@ -9733,7 +9733,7 @@ var MetricValue = styled25.span`
|
|
|
9733
9733
|
font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
|
|
9734
9734
|
}
|
|
9735
9735
|
`;
|
|
9736
|
-
var MetricChange =
|
|
9736
|
+
var MetricChange = styled19.span`
|
|
9737
9737
|
font-size: 0.85rem;
|
|
9738
9738
|
font-weight: 600;
|
|
9739
9739
|
color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
|
|
@@ -9745,12 +9745,12 @@ var MetricChange = styled25.span`
|
|
|
9745
9745
|
font-size: 0.75rem;
|
|
9746
9746
|
}
|
|
9747
9747
|
`;
|
|
9748
|
-
var Separator =
|
|
9748
|
+
var Separator = styled19.span`
|
|
9749
9749
|
font-size: 1rem;
|
|
9750
9750
|
color: rgba(255,255,255,0.2);
|
|
9751
9751
|
font-weight: 300;
|
|
9752
9752
|
`;
|
|
9753
|
-
var IPODropdown =
|
|
9753
|
+
var IPODropdown = styled19.div`
|
|
9754
9754
|
position: absolute;
|
|
9755
9755
|
top: calc(100% + 6px);
|
|
9756
9756
|
left: 0;
|
|
@@ -9779,7 +9779,7 @@ var IPODropdown = styled25.div`
|
|
|
9779
9779
|
to { opacity: 1; transform: translateY(0); }
|
|
9780
9780
|
}
|
|
9781
9781
|
`;
|
|
9782
|
-
var IPOOption =
|
|
9782
|
+
var IPOOption = styled19.div`
|
|
9783
9783
|
padding: 0.6rem 0.75rem;
|
|
9784
9784
|
transition: background 0.15s ease;
|
|
9785
9785
|
border-radius: 7px;
|
|
@@ -9787,25 +9787,25 @@ var IPOOption = styled25.div`
|
|
|
9787
9787
|
&:hover { background: rgba(255,255,255,0.06); }
|
|
9788
9788
|
${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
|
|
9789
9789
|
`;
|
|
9790
|
-
var IPOOptionInner =
|
|
9790
|
+
var IPOOptionInner = styled19.div`
|
|
9791
9791
|
display: flex;
|
|
9792
9792
|
align-items: center;
|
|
9793
9793
|
gap: 0.65rem;
|
|
9794
9794
|
`;
|
|
9795
|
-
var IPOOptionThumb =
|
|
9795
|
+
var IPOOptionThumb = styled19.img`
|
|
9796
9796
|
width: 28px;
|
|
9797
9797
|
height: 28px;
|
|
9798
9798
|
border-radius: 5px;
|
|
9799
9799
|
object-fit: cover;
|
|
9800
9800
|
flex-shrink: 0;
|
|
9801
9801
|
`;
|
|
9802
|
-
var IPOOptionName =
|
|
9802
|
+
var IPOOptionName = styled19.div`
|
|
9803
9803
|
font-weight: 500;
|
|
9804
9804
|
font-size: 0.82rem;
|
|
9805
9805
|
color: ${(p) => "#ebebeb"};
|
|
9806
9806
|
line-height: 1.3;
|
|
9807
9807
|
`;
|
|
9808
|
-
var IPOOptionLocation =
|
|
9808
|
+
var IPOOptionLocation = styled19.div`
|
|
9809
9809
|
font-size: 0.72rem;
|
|
9810
9810
|
color: rgba(255,255,255,0.38);
|
|
9811
9811
|
margin-top: 1px;
|
|
@@ -10071,7 +10071,7 @@ function OfferingProgressCard({
|
|
|
10071
10071
|
] })
|
|
10072
10072
|
] });
|
|
10073
10073
|
}
|
|
10074
|
-
var Container =
|
|
10074
|
+
var Container = styled19.div`
|
|
10075
10075
|
background-color: var(--color-card-darker, #111);
|
|
10076
10076
|
border-radius: 8px;
|
|
10077
10077
|
padding: 1.5rem;
|
|
@@ -10084,7 +10084,7 @@ var Container = styled25.div`
|
|
|
10084
10084
|
padding: 1rem;
|
|
10085
10085
|
}
|
|
10086
10086
|
`;
|
|
10087
|
-
var Header2 =
|
|
10087
|
+
var Header2 = styled19.div`
|
|
10088
10088
|
display: flex;
|
|
10089
10089
|
align-items: center;
|
|
10090
10090
|
justify-content: space-between;
|
|
@@ -10101,7 +10101,7 @@ var Header2 = styled25.div`
|
|
|
10101
10101
|
margin: 0;
|
|
10102
10102
|
}
|
|
10103
10103
|
`;
|
|
10104
|
-
var StatusSpan =
|
|
10104
|
+
var StatusSpan = styled19.span`
|
|
10105
10105
|
display: flex;
|
|
10106
10106
|
align-items: center;
|
|
10107
10107
|
gap: 0.35rem;
|
|
@@ -10117,7 +10117,7 @@ var StatusSpan = styled25.span`
|
|
|
10117
10117
|
letter-spacing: 0.05em;
|
|
10118
10118
|
}
|
|
10119
10119
|
`;
|
|
10120
|
-
var StatusDot3 =
|
|
10120
|
+
var StatusDot3 = styled19.span`
|
|
10121
10121
|
width: 6px;
|
|
10122
10122
|
height: 6px;
|
|
10123
10123
|
border-radius: 50%;
|
|
@@ -10129,10 +10129,10 @@ var StatusDot3 = styled25.span`
|
|
|
10129
10129
|
100% { opacity: 0.4; }
|
|
10130
10130
|
}
|
|
10131
10131
|
`;
|
|
10132
|
-
var PreLiveBody =
|
|
10132
|
+
var PreLiveBody = styled19.div`
|
|
10133
10133
|
padding: 1.25rem 0;
|
|
10134
10134
|
`;
|
|
10135
|
-
var PreLiveStatus =
|
|
10135
|
+
var PreLiveStatus = styled19.div`
|
|
10136
10136
|
font-size: 0.7rem;
|
|
10137
10137
|
color: ${(p) => p.$statusColor};
|
|
10138
10138
|
text-transform: uppercase;
|
|
@@ -10141,33 +10141,33 @@ var PreLiveStatus = styled25.div`
|
|
|
10141
10141
|
text-align: center;
|
|
10142
10142
|
margin-bottom: 1.25rem;
|
|
10143
10143
|
`;
|
|
10144
|
-
var MetricsRow =
|
|
10144
|
+
var MetricsRow = styled19.div`
|
|
10145
10145
|
display: flex;
|
|
10146
10146
|
justify-content: space-between;
|
|
10147
10147
|
align-items: flex-start;
|
|
10148
10148
|
border-top: 1px solid rgba(255,255,255,0.06);
|
|
10149
10149
|
padding-top: 1rem;
|
|
10150
10150
|
`;
|
|
10151
|
-
var MetricLabel3 =
|
|
10151
|
+
var MetricLabel3 = styled19.div`
|
|
10152
10152
|
font-size: 0.6rem;
|
|
10153
10153
|
color: var(--color-text-secondary);
|
|
10154
10154
|
text-transform: uppercase;
|
|
10155
10155
|
letter-spacing: 0.1em;
|
|
10156
10156
|
margin-bottom: 0.25rem;
|
|
10157
10157
|
`;
|
|
10158
|
-
var MetricValue2 =
|
|
10158
|
+
var MetricValue2 = styled19.div`
|
|
10159
10159
|
font-size: 1.5rem;
|
|
10160
10160
|
font-weight: 700;
|
|
10161
10161
|
color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
|
|
10162
10162
|
`;
|
|
10163
|
-
var CountdownCenter =
|
|
10163
|
+
var CountdownCenter = styled19.div`
|
|
10164
10164
|
text-align: center;
|
|
10165
10165
|
display: flex;
|
|
10166
10166
|
flex-direction: column;
|
|
10167
10167
|
align-items: center;
|
|
10168
10168
|
margin-bottom: 1.25rem;
|
|
10169
10169
|
`;
|
|
10170
|
-
var CountdownLabel =
|
|
10170
|
+
var CountdownLabel = styled19.div`
|
|
10171
10171
|
font-size: 0.7rem;
|
|
10172
10172
|
color: #D4AF37;
|
|
10173
10173
|
text-transform: uppercase;
|
|
@@ -10175,13 +10175,13 @@ var CountdownLabel = styled25.div`
|
|
|
10175
10175
|
margin-bottom: 0.5rem;
|
|
10176
10176
|
font-weight: 600;
|
|
10177
10177
|
`;
|
|
10178
|
-
var CountdownDigits =
|
|
10178
|
+
var CountdownDigits = styled19.div`
|
|
10179
10179
|
display: flex;
|
|
10180
10180
|
align-items: baseline;
|
|
10181
10181
|
justify-content: center;
|
|
10182
10182
|
gap: 0.35rem;
|
|
10183
10183
|
`;
|
|
10184
|
-
var CountdownNumber =
|
|
10184
|
+
var CountdownNumber = styled19.span`
|
|
10185
10185
|
font-size: 2.5rem;
|
|
10186
10186
|
font-weight: 700;
|
|
10187
10187
|
font-family: monospace;
|
|
@@ -10190,26 +10190,26 @@ var CountdownNumber = styled25.span`
|
|
|
10190
10190
|
font-size: 1.75rem;
|
|
10191
10191
|
}
|
|
10192
10192
|
`;
|
|
10193
|
-
var CountdownUnitLabel =
|
|
10193
|
+
var CountdownUnitLabel = styled19.span`
|
|
10194
10194
|
font-size: 0.85rem;
|
|
10195
10195
|
color: var(--color-text-secondary);
|
|
10196
10196
|
`;
|
|
10197
|
-
var CountdownSeparator =
|
|
10197
|
+
var CountdownSeparator = styled19.span`
|
|
10198
10198
|
color: rgba(255,255,255,0.2);
|
|
10199
10199
|
margin: 0 0.2rem;
|
|
10200
10200
|
font-size: 1.5rem;
|
|
10201
10201
|
`;
|
|
10202
|
-
var LiveBody =
|
|
10202
|
+
var LiveBody = styled19.div`
|
|
10203
10203
|
display: flex;
|
|
10204
10204
|
flex-direction: column;
|
|
10205
10205
|
gap: 1rem;
|
|
10206
10206
|
`;
|
|
10207
|
-
var LiveTopRow =
|
|
10207
|
+
var LiveTopRow = styled19.div`
|
|
10208
10208
|
display: flex;
|
|
10209
10209
|
justify-content: space-between;
|
|
10210
10210
|
align-items: flex-start;
|
|
10211
10211
|
`;
|
|
10212
|
-
var LiveLabel =
|
|
10212
|
+
var LiveLabel = styled19.div`
|
|
10213
10213
|
font-size: 0.875rem;
|
|
10214
10214
|
color: var(--color-text-secondary);
|
|
10215
10215
|
margin-bottom: 0.25rem;
|
|
@@ -10222,7 +10222,7 @@ var LiveLabel = styled25.div`
|
|
|
10222
10222
|
opacity: 0.7;
|
|
10223
10223
|
}
|
|
10224
10224
|
`;
|
|
10225
|
-
var LivePercent =
|
|
10225
|
+
var LivePercent = styled19.div`
|
|
10226
10226
|
font-size: 2rem;
|
|
10227
10227
|
font-weight: 600;
|
|
10228
10228
|
color: #D4AF37;
|
|
@@ -10235,14 +10235,14 @@ var LivePercent = styled25.div`
|
|
|
10235
10235
|
opacity: 0.8;
|
|
10236
10236
|
}
|
|
10237
10237
|
`;
|
|
10238
|
-
var UnitsValue =
|
|
10238
|
+
var UnitsValue = styled19.div`
|
|
10239
10239
|
font-size: clamp(1.25rem, 4vw, 1.75rem);
|
|
10240
10240
|
font-weight: 700;
|
|
10241
10241
|
white-space: nowrap;
|
|
10242
10242
|
span { color: #D4AF37; }
|
|
10243
10243
|
small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
|
|
10244
10244
|
`;
|
|
10245
|
-
var ProgressBarOuter =
|
|
10245
|
+
var ProgressBarOuter = styled19.div`
|
|
10246
10246
|
width: 100%;
|
|
10247
10247
|
height: 12px;
|
|
10248
10248
|
background: rgba(255,255,255,0.1);
|
|
@@ -10250,58 +10250,58 @@ var ProgressBarOuter = styled25.div`
|
|
|
10250
10250
|
overflow: hidden;
|
|
10251
10251
|
position: relative;
|
|
10252
10252
|
`;
|
|
10253
|
-
var ProgressBarInner =
|
|
10253
|
+
var ProgressBarInner = styled19.div`
|
|
10254
10254
|
height: 100%;
|
|
10255
10255
|
background: linear-gradient(90deg, #D4AF37, #f0b90b);
|
|
10256
10256
|
border-radius: 6px;
|
|
10257
10257
|
transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
|
|
10258
10258
|
will-change: width;
|
|
10259
10259
|
`;
|
|
10260
|
-
var ProgressInfo =
|
|
10260
|
+
var ProgressInfo = styled19.div`
|
|
10261
10261
|
display: flex;
|
|
10262
10262
|
justify-content: space-between;
|
|
10263
10263
|
font-size: 0.875rem;
|
|
10264
10264
|
`;
|
|
10265
|
-
var ProgressSubscribers =
|
|
10265
|
+
var ProgressSubscribers = styled19.div`
|
|
10266
10266
|
color: var(--color-text-secondary);
|
|
10267
10267
|
font-weight: 500;
|
|
10268
10268
|
`;
|
|
10269
|
-
var ProgressAmounts =
|
|
10269
|
+
var ProgressAmounts = styled19.div`
|
|
10270
10270
|
font-weight: 600;
|
|
10271
10271
|
.raised { color: #D4AF37; }
|
|
10272
10272
|
.target { color: rgba(255,255,255,0.3); }
|
|
10273
10273
|
`;
|
|
10274
|
-
var CompactContainer =
|
|
10274
|
+
var CompactContainer = styled19.div`
|
|
10275
10275
|
width: 100%;
|
|
10276
10276
|
margin: 1.5rem 0;
|
|
10277
10277
|
display: flex;
|
|
10278
10278
|
flex-direction: column;
|
|
10279
10279
|
gap: 0.5rem;
|
|
10280
10280
|
`;
|
|
10281
|
-
var HomePreLiveRow =
|
|
10281
|
+
var HomePreLiveRow = styled19.div`
|
|
10282
10282
|
display: flex;
|
|
10283
10283
|
align-items: center;
|
|
10284
10284
|
justify-content: space-between;
|
|
10285
10285
|
padding-top: 1rem;
|
|
10286
10286
|
`;
|
|
10287
|
-
var HomeCountdownSide =
|
|
10287
|
+
var HomeCountdownSide = styled19.div`
|
|
10288
10288
|
display: flex;
|
|
10289
10289
|
flex-direction: column;
|
|
10290
10290
|
align-items: center;
|
|
10291
10291
|
flex: 1;
|
|
10292
10292
|
`;
|
|
10293
|
-
var HomeUnitsSide =
|
|
10293
|
+
var HomeUnitsSide = styled19.div`
|
|
10294
10294
|
text-align: center;
|
|
10295
10295
|
flex-shrink: 0;
|
|
10296
10296
|
`;
|
|
10297
|
-
var HomeUnitsLabel =
|
|
10297
|
+
var HomeUnitsLabel = styled19.div`
|
|
10298
10298
|
font-size: 0.6rem;
|
|
10299
10299
|
color: var(--color-text-secondary);
|
|
10300
10300
|
text-transform: uppercase;
|
|
10301
10301
|
letter-spacing: 0.1em;
|
|
10302
10302
|
margin-bottom: 0.2rem;
|
|
10303
10303
|
`;
|
|
10304
|
-
var HomeUnitsValue =
|
|
10304
|
+
var HomeUnitsValue = styled19.div`
|
|
10305
10305
|
font-size: 1.1rem;
|
|
10306
10306
|
font-weight: 700;
|
|
10307
10307
|
font-family: monospace;
|
|
@@ -10310,7 +10310,7 @@ var HomeUnitsValue = styled25.div`
|
|
|
10310
10310
|
font-weight: 400;
|
|
10311
10311
|
}
|
|
10312
10312
|
`;
|
|
10313
|
-
var HomeSpinner =
|
|
10313
|
+
var HomeSpinner = styled19.span`
|
|
10314
10314
|
display: inline-block;
|
|
10315
10315
|
width: 14px;
|
|
10316
10316
|
height: 14px;
|
|
@@ -10404,7 +10404,7 @@ function VideoActivitySection({
|
|
|
10404
10404
|
] })
|
|
10405
10405
|
] });
|
|
10406
10406
|
}
|
|
10407
|
-
var Section3 =
|
|
10407
|
+
var Section3 = styled19.div`
|
|
10408
10408
|
display: flex;
|
|
10409
10409
|
gap: 1.5rem;
|
|
10410
10410
|
align-items: stretch;
|
|
@@ -10413,7 +10413,7 @@ var Section3 = styled25.div`
|
|
|
10413
10413
|
gap: 1rem;
|
|
10414
10414
|
}
|
|
10415
10415
|
`;
|
|
10416
|
-
var VideoPanel =
|
|
10416
|
+
var VideoPanel = styled19.div`
|
|
10417
10417
|
flex: 1;
|
|
10418
10418
|
background-color: var(--color-card-darker, #111);
|
|
10419
10419
|
border-radius: 8px;
|
|
@@ -10457,7 +10457,7 @@ var VideoPanel = styled25.div`
|
|
|
10457
10457
|
}
|
|
10458
10458
|
}
|
|
10459
10459
|
`;
|
|
10460
|
-
var ActivityPanel =
|
|
10460
|
+
var ActivityPanel = styled19.div`
|
|
10461
10461
|
flex: 0 0 auto;
|
|
10462
10462
|
min-width: 450px;
|
|
10463
10463
|
max-width: 520px;
|
|
@@ -10538,7 +10538,7 @@ var ActivityPanel = styled25.div`
|
|
|
10538
10538
|
to { transform: rotate(360deg); }
|
|
10539
10539
|
}
|
|
10540
10540
|
`;
|
|
10541
|
-
var SkeletonFeedRow =
|
|
10541
|
+
var SkeletonFeedRow = styled19.div`
|
|
10542
10542
|
padding: 0.625rem 0.75rem;
|
|
10543
10543
|
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
10544
10544
|
display: flex;
|
|
@@ -10562,7 +10562,7 @@ var SkeletonFeedRow = styled25.div`
|
|
|
10562
10562
|
padding: 0.4rem 0.6rem;
|
|
10563
10563
|
}
|
|
10564
10564
|
`;
|
|
10565
|
-
var EndedBanner =
|
|
10565
|
+
var EndedBanner = styled19.div`
|
|
10566
10566
|
font-size: 0.7rem;
|
|
10567
10567
|
font-weight: 600;
|
|
10568
10568
|
letter-spacing: 0.04em;
|
|
@@ -10575,7 +10575,7 @@ var EndedBanner = styled25.div`
|
|
|
10575
10575
|
margin-bottom: 0.5rem;
|
|
10576
10576
|
text-align: center;
|
|
10577
10577
|
`;
|
|
10578
|
-
var FeedList =
|
|
10578
|
+
var FeedList = styled19.div`
|
|
10579
10579
|
width: 100%;
|
|
10580
10580
|
overflow-y: auto;
|
|
10581
10581
|
scrollbar-width: none;
|
|
@@ -10584,7 +10584,7 @@ var FeedList = styled25.div`
|
|
|
10584
10584
|
display: none;
|
|
10585
10585
|
}
|
|
10586
10586
|
`;
|
|
10587
|
-
var PurchaseItem =
|
|
10587
|
+
var PurchaseItem = styled19.div`
|
|
10588
10588
|
padding: 0.625rem 0.75rem;
|
|
10589
10589
|
border-bottom: 1px solid rgba(255,255,255,0.05);
|
|
10590
10590
|
display: flex;
|
|
@@ -10613,12 +10613,12 @@ var PurchaseItem = styled25.div`
|
|
|
10613
10613
|
padding: 0.4rem 0.6rem;
|
|
10614
10614
|
}
|
|
10615
10615
|
`;
|
|
10616
|
-
var PurchaseInfo =
|
|
10616
|
+
var PurchaseInfo = styled19.div`
|
|
10617
10617
|
display: flex;
|
|
10618
10618
|
flex-direction: column;
|
|
10619
10619
|
min-width: 0;
|
|
10620
10620
|
`;
|
|
10621
|
-
var PurchaseName =
|
|
10621
|
+
var PurchaseName = styled19.div`
|
|
10622
10622
|
font-weight: 500;
|
|
10623
10623
|
font-size: 0.875rem;
|
|
10624
10624
|
color: #fff;
|
|
@@ -10626,19 +10626,19 @@ var PurchaseName = styled25.div`
|
|
|
10626
10626
|
overflow: hidden;
|
|
10627
10627
|
text-overflow: ellipsis;
|
|
10628
10628
|
`;
|
|
10629
|
-
var PurchaseTime =
|
|
10629
|
+
var PurchaseTime = styled19.div`
|
|
10630
10630
|
font-size: 0.7rem;
|
|
10631
10631
|
color: var(--color-text-secondary);
|
|
10632
10632
|
margin-top: 0.125rem;
|
|
10633
10633
|
`;
|
|
10634
|
-
var PurchaseAmount =
|
|
10634
|
+
var PurchaseAmount = styled19.div`
|
|
10635
10635
|
font-weight: 600;
|
|
10636
10636
|
font-size: 0.875rem;
|
|
10637
10637
|
color: #fff;
|
|
10638
10638
|
white-space: nowrap;
|
|
10639
10639
|
margin-left: 1rem;
|
|
10640
10640
|
`;
|
|
10641
|
-
var LiveIndicatorDot =
|
|
10641
|
+
var LiveIndicatorDot = styled19.span`
|
|
10642
10642
|
display: inline-block;
|
|
10643
10643
|
width: 8px;
|
|
10644
10644
|
height: 8px;
|
|
@@ -10678,7 +10678,7 @@ var VARIANT_COLORS = {
|
|
|
10678
10678
|
info: { accent: "#E6C656", icon: "\u2139" },
|
|
10679
10679
|
pending: { accent: "#7EB3E6", icon: "\u25CC" }
|
|
10680
10680
|
};
|
|
10681
|
-
var Wrapper =
|
|
10681
|
+
var Wrapper = styled19.div`
|
|
10682
10682
|
position: relative;
|
|
10683
10683
|
display: flex;
|
|
10684
10684
|
flex-direction: column;
|
|
@@ -10692,13 +10692,13 @@ var Wrapper = styled25.div`
|
|
|
10692
10692
|
animation: ${({ $exiting }) => $exiting ? css`${slideOut} 0.28s cubic-bezier(0.4,0,1,1) forwards` : css`${slideIn} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
|
|
10693
10693
|
pointer-events: all;
|
|
10694
10694
|
`;
|
|
10695
|
-
var Body =
|
|
10695
|
+
var Body = styled19.div`
|
|
10696
10696
|
display: flex;
|
|
10697
10697
|
align-items: flex-start;
|
|
10698
10698
|
gap: 12px;
|
|
10699
10699
|
padding: 14px 16px 12px;
|
|
10700
10700
|
`;
|
|
10701
|
-
var IconDot =
|
|
10701
|
+
var IconDot = styled19.div`
|
|
10702
10702
|
flex-shrink: 0;
|
|
10703
10703
|
width: 28px;
|
|
10704
10704
|
height: 28px;
|
|
@@ -10713,25 +10713,25 @@ var IconDot = styled25.div`
|
|
|
10713
10713
|
color: ${({ $color }) => $color};
|
|
10714
10714
|
margin-top: 1px;
|
|
10715
10715
|
`;
|
|
10716
|
-
var Content =
|
|
10716
|
+
var Content = styled19.div`
|
|
10717
10717
|
flex: 1;
|
|
10718
10718
|
min-width: 0;
|
|
10719
10719
|
`;
|
|
10720
|
-
var Title2 =
|
|
10720
|
+
var Title2 = styled19.p`
|
|
10721
10721
|
margin: 0 0 2px;
|
|
10722
10722
|
font-size: 0.8rem;
|
|
10723
10723
|
font-weight: 600;
|
|
10724
10724
|
color: #fff;
|
|
10725
10725
|
letter-spacing: 0.01em;
|
|
10726
10726
|
`;
|
|
10727
|
-
var Amount =
|
|
10727
|
+
var Amount = styled19.p`
|
|
10728
10728
|
margin: 0 0 6px;
|
|
10729
10729
|
font-size: 1.05rem;
|
|
10730
10730
|
font-weight: 700;
|
|
10731
10731
|
color: #E6C656;
|
|
10732
10732
|
letter-spacing: -0.01em;
|
|
10733
10733
|
`;
|
|
10734
|
-
var TxRow =
|
|
10734
|
+
var TxRow = styled19.a`
|
|
10735
10735
|
display: inline-flex;
|
|
10736
10736
|
align-items: center;
|
|
10737
10737
|
gap: 5px;
|
|
@@ -10744,11 +10744,11 @@ var TxRow = styled25.a`
|
|
|
10744
10744
|
color: #7EB3E6;
|
|
10745
10745
|
}
|
|
10746
10746
|
`;
|
|
10747
|
-
var TxArrow =
|
|
10747
|
+
var TxArrow = styled19.span`
|
|
10748
10748
|
font-size: 0.6rem;
|
|
10749
10749
|
opacity: 0.6;
|
|
10750
10750
|
`;
|
|
10751
|
-
var CloseBtn =
|
|
10751
|
+
var CloseBtn = styled19.button`
|
|
10752
10752
|
flex-shrink: 0;
|
|
10753
10753
|
background: none;
|
|
10754
10754
|
border: none;
|
|
@@ -10760,7 +10760,7 @@ var CloseBtn = styled25.button`
|
|
|
10760
10760
|
transition: color 0.15s;
|
|
10761
10761
|
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
10762
10762
|
`;
|
|
10763
|
-
var ProgressBar =
|
|
10763
|
+
var ProgressBar = styled19.div`
|
|
10764
10764
|
height: 2px;
|
|
10765
10765
|
background: rgba(255, 255, 255, 0.06);
|
|
10766
10766
|
position: relative;
|
|
@@ -10774,7 +10774,7 @@ var ProgressBar = styled25.div`
|
|
|
10774
10774
|
animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
|
|
10775
10775
|
}
|
|
10776
10776
|
`;
|
|
10777
|
-
var Container2 =
|
|
10777
|
+
var Container2 = styled19.div`
|
|
10778
10778
|
position: fixed;
|
|
10779
10779
|
bottom: 24px;
|
|
10780
10780
|
right: 24px;
|
|
@@ -11224,7 +11224,7 @@ function OrderPanel({
|
|
|
11224
11224
|
] })
|
|
11225
11225
|
] });
|
|
11226
11226
|
}
|
|
11227
|
-
var Panel2 =
|
|
11227
|
+
var Panel2 = styled19.div`
|
|
11228
11228
|
background-color: var(--color-card-darker, #111);
|
|
11229
11229
|
border-radius: 8px;
|
|
11230
11230
|
padding: 1.5rem;
|
|
@@ -11251,7 +11251,7 @@ var Panel2 = styled25.div`
|
|
|
11251
11251
|
border-radius: 6px;
|
|
11252
11252
|
}
|
|
11253
11253
|
`;
|
|
11254
|
-
var PanelHeader2 =
|
|
11254
|
+
var PanelHeader2 = styled19.div`
|
|
11255
11255
|
display: flex;
|
|
11256
11256
|
justify-content: space-between;
|
|
11257
11257
|
align-items: center;
|
|
@@ -11264,7 +11264,7 @@ var PanelHeader2 = styled25.div`
|
|
|
11264
11264
|
color: var(--color-text);
|
|
11265
11265
|
}
|
|
11266
11266
|
`;
|
|
11267
|
-
var StatusBadge2 =
|
|
11267
|
+
var StatusBadge2 = styled19.span`
|
|
11268
11268
|
font-size: 0.7rem;
|
|
11269
11269
|
font-weight: 600;
|
|
11270
11270
|
display: inline-flex;
|
|
@@ -11277,7 +11277,7 @@ var StatusBadge2 = styled25.span`
|
|
|
11277
11277
|
display: inline-block;
|
|
11278
11278
|
}
|
|
11279
11279
|
`;
|
|
11280
|
-
var Card2 =
|
|
11280
|
+
var Card2 = styled19.div`
|
|
11281
11281
|
background: rgba(0,0,0,0.4);
|
|
11282
11282
|
border: 1px solid rgba(255,255,255,0.15);
|
|
11283
11283
|
border-radius: 12px;
|
|
@@ -11288,12 +11288,12 @@ var Card2 = styled25.div`
|
|
|
11288
11288
|
border-radius: 10px;
|
|
11289
11289
|
}
|
|
11290
11290
|
`;
|
|
11291
|
-
var CardLabel =
|
|
11291
|
+
var CardLabel = styled19.div`
|
|
11292
11292
|
font-size: 0.75rem;
|
|
11293
11293
|
color: var(--color-text-secondary);
|
|
11294
11294
|
margin-bottom: 0.5rem;
|
|
11295
11295
|
`;
|
|
11296
|
-
var CardInputRow =
|
|
11296
|
+
var CardInputRow = styled19.div`
|
|
11297
11297
|
display: flex;
|
|
11298
11298
|
align-items: center;
|
|
11299
11299
|
justify-content: space-between;
|
|
@@ -11318,7 +11318,7 @@ var CardInputRow = styled25.div`
|
|
|
11318
11318
|
white-space: nowrap;
|
|
11319
11319
|
}
|
|
11320
11320
|
`;
|
|
11321
|
-
var QuickSelectRow =
|
|
11321
|
+
var QuickSelectRow = styled19.div`
|
|
11322
11322
|
display: flex;
|
|
11323
11323
|
gap: 0.5rem;
|
|
11324
11324
|
margin-top: 0.75rem;
|
|
@@ -11347,7 +11347,7 @@ var QuickSelectRow = styled25.div`
|
|
|
11347
11347
|
button { font-size: 0.7rem; padding: 0.35rem 0; }
|
|
11348
11348
|
}
|
|
11349
11349
|
`;
|
|
11350
|
-
var FundsRow =
|
|
11350
|
+
var FundsRow = styled19.div`
|
|
11351
11351
|
display: flex;
|
|
11352
11352
|
align-items: center;
|
|
11353
11353
|
gap: 0.5rem;
|
|
@@ -11358,7 +11358,7 @@ var FundsRow = styled25.div`
|
|
|
11358
11358
|
color: #fff;
|
|
11359
11359
|
}
|
|
11360
11360
|
`;
|
|
11361
|
-
var DepositButton2 =
|
|
11361
|
+
var DepositButton2 = styled19.button`
|
|
11362
11362
|
background: transparent;
|
|
11363
11363
|
border: 1px solid rgba(212,175,55,0.4);
|
|
11364
11364
|
border-radius: 4px;
|
|
@@ -11368,23 +11368,23 @@ var DepositButton2 = styled25.button`
|
|
|
11368
11368
|
cursor: pointer;
|
|
11369
11369
|
font-weight: 500;
|
|
11370
11370
|
`;
|
|
11371
|
-
var Divider2 =
|
|
11371
|
+
var Divider2 = styled19.div`
|
|
11372
11372
|
text-align: center;
|
|
11373
11373
|
margin: 0.5rem 0;
|
|
11374
11374
|
color: var(--color-text-secondary);
|
|
11375
11375
|
`;
|
|
11376
|
-
var CardTopRow =
|
|
11376
|
+
var CardTopRow = styled19.div`
|
|
11377
11377
|
display: flex;
|
|
11378
11378
|
justify-content: space-between;
|
|
11379
11379
|
align-items: center;
|
|
11380
11380
|
margin-bottom: 0.5rem;
|
|
11381
11381
|
`;
|
|
11382
|
-
var CardHint =
|
|
11382
|
+
var CardHint = styled19.span`
|
|
11383
11383
|
font-size: 0.7rem;
|
|
11384
11384
|
color: var(--color-text-secondary);
|
|
11385
11385
|
opacity: 0.7;
|
|
11386
11386
|
`;
|
|
11387
|
-
var OrderSummary =
|
|
11387
|
+
var OrderSummary = styled19.div`
|
|
11388
11388
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11389
11389
|
padding-top: 1rem;
|
|
11390
11390
|
margin-top: 0.5rem;
|
|
@@ -11393,13 +11393,13 @@ var OrderSummary = styled25.div`
|
|
|
11393
11393
|
flex-direction: column;
|
|
11394
11394
|
gap: 0.5rem;
|
|
11395
11395
|
`;
|
|
11396
|
-
var SummaryRow =
|
|
11396
|
+
var SummaryRow = styled19.div`
|
|
11397
11397
|
display: flex;
|
|
11398
11398
|
justify-content: space-between;
|
|
11399
11399
|
color: var(--color-text-secondary);
|
|
11400
11400
|
strong { color: #fff; }
|
|
11401
11401
|
`;
|
|
11402
|
-
var SummaryTotal =
|
|
11402
|
+
var SummaryTotal = styled19(SummaryRow)`
|
|
11403
11403
|
padding-top: 0.5rem;
|
|
11404
11404
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11405
11405
|
color: #fff;
|
|
@@ -11407,12 +11407,12 @@ var SummaryTotal = styled25(SummaryRow)`
|
|
|
11407
11407
|
font-weight: 600;
|
|
11408
11408
|
}
|
|
11409
11409
|
`;
|
|
11410
|
-
var FormBody =
|
|
11410
|
+
var FormBody = styled19.div`
|
|
11411
11411
|
display: flex;
|
|
11412
11412
|
flex-direction: column;
|
|
11413
11413
|
gap: 0.75rem;
|
|
11414
11414
|
`;
|
|
11415
|
-
var SubscribeButton =
|
|
11415
|
+
var SubscribeButton = styled19.button`
|
|
11416
11416
|
width: 100%;
|
|
11417
11417
|
margin-top: 1rem;
|
|
11418
11418
|
padding: 0.875rem;
|
|
@@ -11437,13 +11437,13 @@ var SubscribeButton = styled25.button`
|
|
|
11437
11437
|
color: #0a0a0a;
|
|
11438
11438
|
}
|
|
11439
11439
|
`;
|
|
11440
|
-
var BalanceCards =
|
|
11440
|
+
var BalanceCards = styled19.div`
|
|
11441
11441
|
display: flex;
|
|
11442
11442
|
gap: 1rem;
|
|
11443
11443
|
margin-top: 1rem;
|
|
11444
11444
|
flex-wrap: wrap;
|
|
11445
11445
|
`;
|
|
11446
|
-
var BalanceCard =
|
|
11446
|
+
var BalanceCard = styled19.div`
|
|
11447
11447
|
flex: 1;
|
|
11448
11448
|
background: rgba(255,255,255,0.03);
|
|
11449
11449
|
border-radius: 12px;
|
|
@@ -11451,14 +11451,14 @@ var BalanceCard = styled25.div`
|
|
|
11451
11451
|
text-align: center;
|
|
11452
11452
|
position: relative;
|
|
11453
11453
|
`;
|
|
11454
|
-
var BalanceLabel =
|
|
11454
|
+
var BalanceLabel = styled19.div`
|
|
11455
11455
|
font-size: 0.75rem;
|
|
11456
11456
|
color: var(--color-text-secondary);
|
|
11457
11457
|
text-transform: uppercase;
|
|
11458
11458
|
letter-spacing: 0.5px;
|
|
11459
11459
|
margin-bottom: 0.5rem;
|
|
11460
11460
|
`;
|
|
11461
|
-
var BalanceValue =
|
|
11461
|
+
var BalanceValue = styled19.div`
|
|
11462
11462
|
font-size: 1.5rem;
|
|
11463
11463
|
font-weight: 700;
|
|
11464
11464
|
color: #fff;
|
|
@@ -11474,20 +11474,20 @@ var BalanceValue = styled25.div`
|
|
|
11474
11474
|
font-size: 1.2rem;
|
|
11475
11475
|
}
|
|
11476
11476
|
`;
|
|
11477
|
-
var BalanceAction =
|
|
11477
|
+
var BalanceAction = styled19.div`
|
|
11478
11478
|
font-size: 0.75rem;
|
|
11479
11479
|
color: #D4AF37;
|
|
11480
11480
|
cursor: pointer;
|
|
11481
11481
|
font-weight: 500;
|
|
11482
11482
|
margin-top: 0.5rem;
|
|
11483
11483
|
`;
|
|
11484
|
-
var BalanceSub =
|
|
11484
|
+
var BalanceSub = styled19.div`
|
|
11485
11485
|
font-size: 0.85rem;
|
|
11486
11486
|
font-weight: 500;
|
|
11487
11487
|
color: var(--color-text-secondary);
|
|
11488
11488
|
margin-top: 0.25rem;
|
|
11489
11489
|
`;
|
|
11490
|
-
var OrderPendingCard =
|
|
11490
|
+
var OrderPendingCard = styled19.div`
|
|
11491
11491
|
margin-bottom: 1.5rem;
|
|
11492
11492
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
11493
11493
|
border: 1px solid rgba(212,175,55,0.08);
|
|
@@ -11591,7 +11591,7 @@ var OrderPendingCard = styled25.div`
|
|
|
11591
11591
|
animation: pulse 2s ease-in-out infinite;
|
|
11592
11592
|
}
|
|
11593
11593
|
`;
|
|
11594
|
-
var OrderSuccessCard =
|
|
11594
|
+
var OrderSuccessCard = styled19.div`
|
|
11595
11595
|
margin-bottom: 1.5rem;
|
|
11596
11596
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
11597
11597
|
border: 1px solid rgba(212,175,55,0.12);
|
|
@@ -11695,7 +11695,7 @@ var OrderSuccessCard = styled25.div`
|
|
|
11695
11695
|
transition: all 0.2s ease;
|
|
11696
11696
|
}
|
|
11697
11697
|
`;
|
|
11698
|
-
var InsufficientFunds =
|
|
11698
|
+
var InsufficientFunds = styled19.div`
|
|
11699
11699
|
margin-top: 1rem;
|
|
11700
11700
|
padding: 0.75rem 1rem;
|
|
11701
11701
|
border-radius: 8px;
|
|
@@ -11802,6 +11802,8 @@ function PortfolioActivityPanel({
|
|
|
11802
11802
|
const [activeTab, setActiveTab] = useState(resolvedDefaultTab);
|
|
11803
11803
|
const [activityPage, setActivityPage] = useState(0);
|
|
11804
11804
|
const [pendingCancelOrderId, setPendingCancelOrderId] = useState(null);
|
|
11805
|
+
const [closeAllOpen, setCloseAllOpen] = useState(false);
|
|
11806
|
+
const [closeAllType, setCloseAllType] = useState("market");
|
|
11805
11807
|
const [posSortKey, setPosSortKey] = useState("asset");
|
|
11806
11808
|
const [posSortAsc, setPosSortAsc] = useState(true);
|
|
11807
11809
|
const handlePosSort = (key) => {
|
|
@@ -11944,7 +11946,7 @@ function PortfolioActivityPanel({
|
|
|
11944
11946
|
"PNL (%) ",
|
|
11945
11947
|
posSortKey === "pnl" && (posSortAsc ? "\u2191" : "\u2193")
|
|
11946
11948
|
] }),
|
|
11947
|
-
onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Close" })
|
|
11949
|
+
onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Close All" }) })
|
|
11948
11950
|
] }),
|
|
11949
11951
|
pageSlice(sortedPositions).map((pos) => {
|
|
11950
11952
|
const currentValue = pos.quantity * pos.marketPrice;
|
|
@@ -11980,15 +11982,36 @@ function PortfolioActivityPanel({
|
|
|
11980
11982
|
onClosePosition && /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs(CloseActions, { children: [
|
|
11981
11983
|
/* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
|
|
11982
11984
|
e.stopPropagation();
|
|
11983
|
-
onClosePosition(pos.tokenName, "
|
|
11984
|
-
}, children: "
|
|
11985
|
+
onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
|
|
11986
|
+
}, children: "Market" }),
|
|
11985
11987
|
/* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
|
|
11986
11988
|
e.stopPropagation();
|
|
11987
|
-
onClosePosition(pos.tokenName, "
|
|
11988
|
-
}, children: "
|
|
11989
|
+
onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
|
|
11990
|
+
}, children: "Limit" })
|
|
11989
11991
|
] }) })
|
|
11990
11992
|
] }, pos.tokenName);
|
|
11991
|
-
})
|
|
11993
|
+
}),
|
|
11994
|
+
closeAllOpen && onClosePosition && /* @__PURE__ */ jsx(CloseAllOverlay, { onClick: () => setCloseAllOpen(false), children: /* @__PURE__ */ jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
|
|
11995
|
+
/* @__PURE__ */ jsx(CloseAllModalX, { onClick: () => setCloseAllOpen(false), children: "\xD7" }),
|
|
11996
|
+
/* @__PURE__ */ jsx(CloseAllTitle, { children: "Confirm Close All" }),
|
|
11997
|
+
/* @__PURE__ */ jsx(CloseAllDesc, { children: "This will close all your positions and cancel their associated TP/SL orders." }),
|
|
11998
|
+
/* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("market"), children: [
|
|
11999
|
+
/* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "market" }),
|
|
12000
|
+
/* @__PURE__ */ jsx("span", { children: "Market Close" })
|
|
12001
|
+
] }),
|
|
12002
|
+
/* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("limit"), children: [
|
|
12003
|
+
/* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "limit" }),
|
|
12004
|
+
/* @__PURE__ */ jsx("span", { children: "Limit Close at Mid Price" })
|
|
12005
|
+
] }),
|
|
12006
|
+
/* @__PURE__ */ jsxs(CloseAllConfirmBtn, { onClick: () => {
|
|
12007
|
+
positions.forEach((pos) => onClosePosition(pos.tokenName, closeAllType, pos.quantity, pos.marketPrice));
|
|
12008
|
+
setCloseAllOpen(false);
|
|
12009
|
+
}, children: [
|
|
12010
|
+
"Confirm ",
|
|
12011
|
+
closeAllType === "market" ? "Market" : "Limit",
|
|
12012
|
+
" Close"
|
|
12013
|
+
] })
|
|
12014
|
+
] }) })
|
|
11992
12015
|
] })
|
|
11993
12016
|
] }),
|
|
11994
12017
|
activeTab === "subscriptions" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -12190,14 +12213,14 @@ function PortfolioActivityPanel({
|
|
|
12190
12213
|
] }) })
|
|
12191
12214
|
] });
|
|
12192
12215
|
}
|
|
12193
|
-
var Container3 =
|
|
12194
|
-
var PanelTitle =
|
|
12216
|
+
var Container3 = styled19.div``;
|
|
12217
|
+
var PanelTitle = styled19.h3`
|
|
12195
12218
|
font-size: 1rem;
|
|
12196
12219
|
font-weight: 600;
|
|
12197
12220
|
color: var(--color-text, #fff);
|
|
12198
12221
|
margin: 0 0 0.75rem;
|
|
12199
12222
|
`;
|
|
12200
|
-
var TabContainer =
|
|
12223
|
+
var TabContainer = styled19.div`
|
|
12201
12224
|
display: flex;
|
|
12202
12225
|
gap: 0;
|
|
12203
12226
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
@@ -12208,7 +12231,7 @@ var TabContainer = styled25.div`
|
|
|
12208
12231
|
scrollbar-width: none;
|
|
12209
12232
|
&::-webkit-scrollbar { display: none; }
|
|
12210
12233
|
`;
|
|
12211
|
-
var Tab =
|
|
12234
|
+
var Tab = styled19.button`
|
|
12212
12235
|
background: transparent;
|
|
12213
12236
|
border: none;
|
|
12214
12237
|
padding: 0.6rem 1rem;
|
|
@@ -12237,12 +12260,12 @@ var Tab = styled25.button`
|
|
|
12237
12260
|
color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
|
|
12238
12261
|
}
|
|
12239
12262
|
`;
|
|
12240
|
-
var TabCount =
|
|
12263
|
+
var TabCount = styled19.span`
|
|
12241
12264
|
color: #E6C656;
|
|
12242
12265
|
font-weight: 600;
|
|
12243
12266
|
margin-left: 2px;
|
|
12244
12267
|
`;
|
|
12245
|
-
|
|
12268
|
+
styled19.div`
|
|
12246
12269
|
display: grid;
|
|
12247
12270
|
grid-template-columns: auto 1fr auto auto;
|
|
12248
12271
|
align-items: center;
|
|
@@ -12258,7 +12281,7 @@ styled25.div`
|
|
|
12258
12281
|
background: rgba(255, 255, 255, 0.015);
|
|
12259
12282
|
}
|
|
12260
12283
|
`;
|
|
12261
|
-
|
|
12284
|
+
styled19.span`
|
|
12262
12285
|
font-size: 0.6rem;
|
|
12263
12286
|
font-weight: 700;
|
|
12264
12287
|
text-transform: uppercase;
|
|
@@ -12270,21 +12293,21 @@ styled25.span`
|
|
|
12270
12293
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12271
12294
|
background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
|
|
12272
12295
|
`;
|
|
12273
|
-
|
|
12296
|
+
styled19.div`
|
|
12274
12297
|
display: flex;
|
|
12275
12298
|
flex-direction: column;
|
|
12276
12299
|
gap: 0.1rem;
|
|
12277
12300
|
`;
|
|
12278
|
-
|
|
12301
|
+
styled19.span`
|
|
12279
12302
|
font-size: 0.8rem;
|
|
12280
12303
|
color: #fff;
|
|
12281
12304
|
font-weight: 500;
|
|
12282
12305
|
`;
|
|
12283
|
-
|
|
12306
|
+
styled19.span`
|
|
12284
12307
|
font-size: 0.6rem;
|
|
12285
12308
|
color: rgba(255, 255, 255, 0.35);
|
|
12286
12309
|
`;
|
|
12287
|
-
var ActivityTag =
|
|
12310
|
+
var ActivityTag = styled19.span`
|
|
12288
12311
|
font-size: 0.58rem;
|
|
12289
12312
|
font-weight: 600;
|
|
12290
12313
|
padding: 0.15rem 0.45rem;
|
|
@@ -12293,20 +12316,20 @@ var ActivityTag = styled25.span`
|
|
|
12293
12316
|
background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
|
|
12294
12317
|
white-space: nowrap;
|
|
12295
12318
|
`;
|
|
12296
|
-
|
|
12319
|
+
styled19.span`
|
|
12297
12320
|
font-size: 0.8rem;
|
|
12298
12321
|
font-weight: 600;
|
|
12299
12322
|
color: #fff;
|
|
12300
12323
|
text-align: right;
|
|
12301
12324
|
white-space: nowrap;
|
|
12302
12325
|
`;
|
|
12303
|
-
|
|
12326
|
+
styled19.div`
|
|
12304
12327
|
display: flex;
|
|
12305
12328
|
align-items: center;
|
|
12306
12329
|
justify-content: flex-end;
|
|
12307
12330
|
gap: 0.35rem;
|
|
12308
12331
|
`;
|
|
12309
|
-
|
|
12332
|
+
styled19.a`
|
|
12310
12333
|
display: inline-flex;
|
|
12311
12334
|
align-items: center;
|
|
12312
12335
|
justify-content: center;
|
|
@@ -12328,13 +12351,13 @@ styled25.a`
|
|
|
12328
12351
|
outline-offset: 2px;
|
|
12329
12352
|
}
|
|
12330
12353
|
`;
|
|
12331
|
-
var EmptyState =
|
|
12354
|
+
var EmptyState = styled19.div`
|
|
12332
12355
|
padding: 1.5rem 0.75rem;
|
|
12333
12356
|
text-align: center;
|
|
12334
12357
|
font-size: 0.8rem;
|
|
12335
12358
|
color: rgba(255, 255, 255, 0.45);
|
|
12336
12359
|
`;
|
|
12337
|
-
var PaginationRow =
|
|
12360
|
+
var PaginationRow = styled19.div`
|
|
12338
12361
|
display: flex;
|
|
12339
12362
|
align-items: center;
|
|
12340
12363
|
justify-content: center;
|
|
@@ -12343,7 +12366,7 @@ var PaginationRow = styled25.div`
|
|
|
12343
12366
|
padding-top: 1rem;
|
|
12344
12367
|
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
|
12345
12368
|
`;
|
|
12346
|
-
var PaginationButton =
|
|
12369
|
+
var PaginationButton = styled19.button`
|
|
12347
12370
|
background: transparent;
|
|
12348
12371
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12349
12372
|
border-radius: 8px;
|
|
@@ -12357,25 +12380,25 @@ var PaginationButton = styled25.button`
|
|
|
12357
12380
|
cursor: default;
|
|
12358
12381
|
}
|
|
12359
12382
|
`;
|
|
12360
|
-
var PaginationLabel =
|
|
12383
|
+
var PaginationLabel = styled19.span`
|
|
12361
12384
|
font-size: 0.8rem;
|
|
12362
12385
|
color: rgba(255, 255, 255, 0.4);
|
|
12363
12386
|
`;
|
|
12364
|
-
var PositionsHeader =
|
|
12387
|
+
var PositionsHeader = styled19.div`
|
|
12365
12388
|
display: grid;
|
|
12366
12389
|
grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
|
|
12367
12390
|
gap: 0 0.75rem;
|
|
12368
12391
|
padding: 0.4rem 0.5rem;
|
|
12369
12392
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12370
12393
|
`;
|
|
12371
|
-
var PositionsHeaderCell =
|
|
12394
|
+
var PositionsHeaderCell = styled19.div`
|
|
12372
12395
|
font-size: 0.68rem;
|
|
12373
12396
|
font-weight: 500;
|
|
12374
12397
|
color: rgba(255, 255, 255, 0.4);
|
|
12375
12398
|
text-align: ${(p) => p.$align || "left"};
|
|
12376
12399
|
white-space: nowrap;
|
|
12377
12400
|
`;
|
|
12378
|
-
var SortableHeaderCell =
|
|
12401
|
+
var SortableHeaderCell = styled19.div`
|
|
12379
12402
|
font-size: 0.68rem;
|
|
12380
12403
|
font-weight: 500;
|
|
12381
12404
|
color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
|
|
@@ -12385,7 +12408,7 @@ var SortableHeaderCell = styled25.div`
|
|
|
12385
12408
|
transition: color 0.15s ease;
|
|
12386
12409
|
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
12387
12410
|
`;
|
|
12388
|
-
var PositionsRow =
|
|
12411
|
+
var PositionsRow = styled19.div`
|
|
12389
12412
|
display: grid;
|
|
12390
12413
|
grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
|
|
12391
12414
|
align-items: center;
|
|
@@ -12398,29 +12421,29 @@ var PositionsRow = styled25.div`
|
|
|
12398
12421
|
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
12399
12422
|
&:last-child { border-bottom: none; }
|
|
12400
12423
|
`;
|
|
12401
|
-
var PositionsCell =
|
|
12424
|
+
var PositionsCell = styled19.div`
|
|
12402
12425
|
display: flex;
|
|
12403
12426
|
flex-direction: column;
|
|
12404
12427
|
align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
|
|
12405
12428
|
gap: 0.1rem;
|
|
12406
12429
|
`;
|
|
12407
|
-
var HoldingsPropertyLink =
|
|
12430
|
+
var HoldingsPropertyLink = styled19.span`
|
|
12408
12431
|
font-size: 0.8rem;
|
|
12409
12432
|
font-weight: 600;
|
|
12410
12433
|
color: #fff;
|
|
12411
12434
|
cursor: grab;
|
|
12412
12435
|
&:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
|
|
12413
12436
|
`;
|
|
12414
|
-
var PnLAmount =
|
|
12437
|
+
var PnLAmount = styled19.div`
|
|
12415
12438
|
font-size: 0.85rem;
|
|
12416
12439
|
font-weight: 600;
|
|
12417
12440
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12418
12441
|
`;
|
|
12419
|
-
var PnLPercentage =
|
|
12442
|
+
var PnLPercentage = styled19.div`
|
|
12420
12443
|
font-size: 0.7rem;
|
|
12421
12444
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12422
12445
|
`;
|
|
12423
|
-
var CancelButton =
|
|
12446
|
+
var CancelButton = styled19.button`
|
|
12424
12447
|
background: transparent;
|
|
12425
12448
|
border: 1px solid rgba(246, 70, 93, 0.3);
|
|
12426
12449
|
border-radius: 4px;
|
|
@@ -12442,20 +12465,20 @@ var CancelButton = styled25.button`
|
|
|
12442
12465
|
cursor: not-allowed;
|
|
12443
12466
|
}
|
|
12444
12467
|
`;
|
|
12445
|
-
var GridHeader =
|
|
12468
|
+
var GridHeader = styled19.div`
|
|
12446
12469
|
display: grid;
|
|
12447
12470
|
grid-template-columns: ${(p) => p.$columns};
|
|
12448
12471
|
gap: 0 0.75rem;
|
|
12449
12472
|
padding: 0.4rem 0.5rem;
|
|
12450
12473
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12451
12474
|
`;
|
|
12452
|
-
var GridHeaderCell =
|
|
12475
|
+
var GridHeaderCell = styled19.div`
|
|
12453
12476
|
font-size: 0.68rem;
|
|
12454
12477
|
font-weight: 500;
|
|
12455
12478
|
color: rgba(255, 255, 255, 0.4);
|
|
12456
12479
|
white-space: nowrap;
|
|
12457
12480
|
`;
|
|
12458
|
-
var GridRow =
|
|
12481
|
+
var GridRow = styled19.div`
|
|
12459
12482
|
display: grid;
|
|
12460
12483
|
grid-template-columns: ${(p) => p.$columns};
|
|
12461
12484
|
align-items: center;
|
|
@@ -12465,12 +12488,12 @@ var GridRow = styled25.div`
|
|
|
12465
12488
|
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
|
|
12466
12489
|
&:last-child { border-bottom: none; }
|
|
12467
12490
|
`;
|
|
12468
|
-
var GridCell =
|
|
12491
|
+
var GridCell = styled19.div`
|
|
12469
12492
|
display: flex;
|
|
12470
12493
|
align-items: center;
|
|
12471
12494
|
min-width: 0;
|
|
12472
12495
|
`;
|
|
12473
|
-
var CellText =
|
|
12496
|
+
var CellText = styled19.span`
|
|
12474
12497
|
font-size: 0.8rem;
|
|
12475
12498
|
font-weight: ${(p) => p.$primary ? 600 : 400};
|
|
12476
12499
|
color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
|
|
@@ -12478,12 +12501,12 @@ var CellText = styled25.span`
|
|
|
12478
12501
|
overflow: hidden;
|
|
12479
12502
|
text-overflow: ellipsis;
|
|
12480
12503
|
`;
|
|
12481
|
-
var SideBadge =
|
|
12504
|
+
var SideBadge = styled19.span`
|
|
12482
12505
|
font-size: 0.68rem;
|
|
12483
12506
|
font-weight: 600;
|
|
12484
12507
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12485
12508
|
`;
|
|
12486
|
-
var EditableCellWrap =
|
|
12509
|
+
var EditableCellWrap = styled19.span`
|
|
12487
12510
|
display: inline-flex;
|
|
12488
12511
|
align-items: center;
|
|
12489
12512
|
gap: 0.35rem;
|
|
@@ -12500,7 +12523,7 @@ var EditableCellWrap = styled25.span`
|
|
|
12500
12523
|
color: var(--color-accent, #E6C87E);
|
|
12501
12524
|
}
|
|
12502
12525
|
`;
|
|
12503
|
-
var EditInput =
|
|
12526
|
+
var EditInput = styled19.input`
|
|
12504
12527
|
width: 5rem;
|
|
12505
12528
|
background: rgba(255, 255, 255, 0.06);
|
|
12506
12529
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
|
@@ -12522,7 +12545,7 @@ var EditInput = styled25.input`
|
|
|
12522
12545
|
}
|
|
12523
12546
|
-moz-appearance: textfield;
|
|
12524
12547
|
`;
|
|
12525
|
-
var CancelConfirmOverlay =
|
|
12548
|
+
var CancelConfirmOverlay = styled19.div`
|
|
12526
12549
|
position: fixed;
|
|
12527
12550
|
inset: 0;
|
|
12528
12551
|
background: rgba(0, 0, 0, 0.6);
|
|
@@ -12531,7 +12554,7 @@ var CancelConfirmOverlay = styled25.div`
|
|
|
12531
12554
|
justify-content: center;
|
|
12532
12555
|
z-index: 1000;
|
|
12533
12556
|
`;
|
|
12534
|
-
var CancelConfirmModal =
|
|
12557
|
+
var CancelConfirmModal = styled19.div`
|
|
12535
12558
|
background: #1a1a1a;
|
|
12536
12559
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12537
12560
|
border-radius: 12px;
|
|
@@ -12542,22 +12565,22 @@ var CancelConfirmModal = styled25.div`
|
|
|
12542
12565
|
flex-direction: column;
|
|
12543
12566
|
gap: 0.75rem;
|
|
12544
12567
|
`;
|
|
12545
|
-
var CancelConfirmTitle =
|
|
12568
|
+
var CancelConfirmTitle = styled19.div`
|
|
12546
12569
|
font-size: 1rem;
|
|
12547
12570
|
font-weight: 600;
|
|
12548
12571
|
color: #fff;
|
|
12549
12572
|
`;
|
|
12550
|
-
var CancelConfirmBody =
|
|
12573
|
+
var CancelConfirmBody = styled19.div`
|
|
12551
12574
|
font-size: 0.85rem;
|
|
12552
12575
|
color: rgba(255, 255, 255, 0.6);
|
|
12553
12576
|
line-height: 1.5;
|
|
12554
12577
|
`;
|
|
12555
|
-
var CancelConfirmActions =
|
|
12578
|
+
var CancelConfirmActions = styled19.div`
|
|
12556
12579
|
display: flex;
|
|
12557
12580
|
gap: 0.5rem;
|
|
12558
12581
|
margin-top: 0.25rem;
|
|
12559
12582
|
`;
|
|
12560
|
-
var CancelConfirmDismiss =
|
|
12583
|
+
var CancelConfirmDismiss = styled19.button`
|
|
12561
12584
|
flex: 1;
|
|
12562
12585
|
background: rgba(255, 255, 255, 0.06);
|
|
12563
12586
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
@@ -12573,7 +12596,7 @@ var CancelConfirmDismiss = styled25.button`
|
|
|
12573
12596
|
background: rgba(255, 255, 255, 0.1);
|
|
12574
12597
|
}
|
|
12575
12598
|
`;
|
|
12576
|
-
var CancelConfirmProceed =
|
|
12599
|
+
var CancelConfirmProceed = styled19.button`
|
|
12577
12600
|
flex: 1;
|
|
12578
12601
|
background: rgba(246, 70, 93, 0.15);
|
|
12579
12602
|
border: 1px solid rgba(246, 70, 93, 0.4);
|
|
@@ -12594,12 +12617,12 @@ var CancelConfirmProceed = styled25.button`
|
|
|
12594
12617
|
cursor: not-allowed;
|
|
12595
12618
|
}
|
|
12596
12619
|
`;
|
|
12597
|
-
var CloseActions =
|
|
12620
|
+
var CloseActions = styled19.div`
|
|
12598
12621
|
display: flex;
|
|
12599
12622
|
gap: 0.35rem;
|
|
12600
12623
|
align-items: center;
|
|
12601
12624
|
`;
|
|
12602
|
-
var CloseBtn2 =
|
|
12625
|
+
var CloseBtn2 = styled19.button`
|
|
12603
12626
|
background: transparent;
|
|
12604
12627
|
border: 1px solid rgba(230, 200, 126, 0.25);
|
|
12605
12628
|
border-radius: 4px;
|
|
@@ -12619,6 +12642,121 @@ var CloseBtn2 = styled25.button`
|
|
|
12619
12642
|
border-color: rgba(230, 200, 126, 0.5);
|
|
12620
12643
|
}
|
|
12621
12644
|
`;
|
|
12645
|
+
var CloseAllHeaderBtn = styled19.button`
|
|
12646
|
+
background: rgba(246, 70, 93, 0.1);
|
|
12647
|
+
border: 1px solid rgba(246, 70, 93, 0.3);
|
|
12648
|
+
border-radius: 4px;
|
|
12649
|
+
padding: 0.2rem 0.6rem;
|
|
12650
|
+
font-size: 0.62rem;
|
|
12651
|
+
font-weight: 600;
|
|
12652
|
+
color: #f6465d;
|
|
12653
|
+
cursor: pointer;
|
|
12654
|
+
white-space: nowrap;
|
|
12655
|
+
transition: all 0.15s ease;
|
|
12656
|
+
|
|
12657
|
+
&:hover {
|
|
12658
|
+
background: rgba(246, 70, 93, 0.2);
|
|
12659
|
+
border-color: rgba(246, 70, 93, 0.5);
|
|
12660
|
+
}
|
|
12661
|
+
`;
|
|
12662
|
+
var CloseAllOverlay = styled19.div`
|
|
12663
|
+
position: fixed;
|
|
12664
|
+
inset: 0;
|
|
12665
|
+
background: rgba(0, 0, 0, 0.6);
|
|
12666
|
+
display: flex;
|
|
12667
|
+
align-items: center;
|
|
12668
|
+
justify-content: center;
|
|
12669
|
+
z-index: 1000;
|
|
12670
|
+
`;
|
|
12671
|
+
var CloseAllModal = styled19.div`
|
|
12672
|
+
background: #1a1a1a;
|
|
12673
|
+
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12674
|
+
border-radius: 12px;
|
|
12675
|
+
padding: 1.5rem;
|
|
12676
|
+
max-width: 380px;
|
|
12677
|
+
width: 90%;
|
|
12678
|
+
position: relative;
|
|
12679
|
+
`;
|
|
12680
|
+
var CloseAllModalX = styled19.button`
|
|
12681
|
+
position: absolute;
|
|
12682
|
+
top: 0.75rem;
|
|
12683
|
+
right: 0.75rem;
|
|
12684
|
+
background: none;
|
|
12685
|
+
border: none;
|
|
12686
|
+
color: rgba(255, 255, 255, 0.4);
|
|
12687
|
+
font-size: 1.25rem;
|
|
12688
|
+
cursor: pointer;
|
|
12689
|
+
padding: 0.25rem;
|
|
12690
|
+
line-height: 1;
|
|
12691
|
+
transition: color 0.15s;
|
|
12692
|
+
|
|
12693
|
+
&:hover { color: #fff; }
|
|
12694
|
+
`;
|
|
12695
|
+
var CloseAllTitle = styled19.div`
|
|
12696
|
+
font-size: 1rem;
|
|
12697
|
+
font-weight: 600;
|
|
12698
|
+
color: #fff;
|
|
12699
|
+
margin-bottom: 0.5rem;
|
|
12700
|
+
`;
|
|
12701
|
+
var CloseAllDesc = styled19.div`
|
|
12702
|
+
font-size: 0.8rem;
|
|
12703
|
+
color: rgba(255, 255, 255, 0.5);
|
|
12704
|
+
line-height: 1.45;
|
|
12705
|
+
margin-bottom: 1rem;
|
|
12706
|
+
`;
|
|
12707
|
+
var CloseAllOption = styled19.div`
|
|
12708
|
+
display: flex;
|
|
12709
|
+
align-items: center;
|
|
12710
|
+
gap: 0.6rem;
|
|
12711
|
+
padding: 0.6rem 0.75rem;
|
|
12712
|
+
border-radius: 8px;
|
|
12713
|
+
cursor: pointer;
|
|
12714
|
+
font-size: 0.85rem;
|
|
12715
|
+
color: rgba(255, 255, 255, 0.85);
|
|
12716
|
+
transition: background 0.15s;
|
|
12717
|
+
margin-bottom: 0.35rem;
|
|
12718
|
+
|
|
12719
|
+
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
12720
|
+
`;
|
|
12721
|
+
var CloseAllRadio = styled19.div`
|
|
12722
|
+
width: 16px;
|
|
12723
|
+
height: 16px;
|
|
12724
|
+
border-radius: 50%;
|
|
12725
|
+
border: 2px solid ${(p) => p.$selected ? "#f6465d" : "rgba(255, 255, 255, 0.2)"};
|
|
12726
|
+
position: relative;
|
|
12727
|
+
flex-shrink: 0;
|
|
12728
|
+
transition: border-color 0.15s;
|
|
12729
|
+
|
|
12730
|
+
&::after {
|
|
12731
|
+
content: '';
|
|
12732
|
+
position: absolute;
|
|
12733
|
+
top: 50%;
|
|
12734
|
+
left: 50%;
|
|
12735
|
+
transform: translate(-50%, -50%);
|
|
12736
|
+
width: 8px;
|
|
12737
|
+
height: 8px;
|
|
12738
|
+
border-radius: 50%;
|
|
12739
|
+
background: ${(p) => p.$selected ? "#f6465d" : "transparent"};
|
|
12740
|
+
transition: background 0.15s;
|
|
12741
|
+
}
|
|
12742
|
+
`;
|
|
12743
|
+
var CloseAllConfirmBtn = styled19.button`
|
|
12744
|
+
width: 100%;
|
|
12745
|
+
margin-top: 0.75rem;
|
|
12746
|
+
background: rgba(246, 70, 93, 0.15);
|
|
12747
|
+
border: 1px solid rgba(246, 70, 93, 0.4);
|
|
12748
|
+
border-radius: 8px;
|
|
12749
|
+
padding: 0.7rem 1rem;
|
|
12750
|
+
font-size: 0.85rem;
|
|
12751
|
+
font-weight: 600;
|
|
12752
|
+
color: #f6465d;
|
|
12753
|
+
cursor: pointer;
|
|
12754
|
+
transition: all 0.15s ease;
|
|
12755
|
+
|
|
12756
|
+
&:hover {
|
|
12757
|
+
background: rgba(246, 70, 93, 0.25);
|
|
12758
|
+
}
|
|
12759
|
+
`;
|
|
12622
12760
|
function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
|
|
12623
12761
|
return /* @__PURE__ */ jsxs(Row2, { children: [
|
|
12624
12762
|
/* @__PURE__ */ jsx(
|
|
@@ -12648,7 +12786,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
|
|
|
12648
12786
|
) })
|
|
12649
12787
|
] });
|
|
12650
12788
|
}
|
|
12651
|
-
var Row2 =
|
|
12789
|
+
var Row2 = styled19.div`
|
|
12652
12790
|
display: grid;
|
|
12653
12791
|
grid-template-columns: 1fr 2fr;
|
|
12654
12792
|
gap: 1.5rem;
|
|
@@ -12666,7 +12804,7 @@ var Row2 = styled25.div`
|
|
|
12666
12804
|
overflow: hidden;
|
|
12667
12805
|
}
|
|
12668
12806
|
`;
|
|
12669
|
-
var ActivityWrapper =
|
|
12807
|
+
var ActivityWrapper = styled19.div`
|
|
12670
12808
|
background-color: var(--color-card-darker, #111);
|
|
12671
12809
|
border-radius: 8px;
|
|
12672
12810
|
padding: 1.5rem;
|
|
@@ -12782,7 +12920,7 @@ function OrderConfirmationModal({
|
|
|
12782
12920
|
] })
|
|
12783
12921
|
] }) });
|
|
12784
12922
|
}
|
|
12785
|
-
var Overlay3 =
|
|
12923
|
+
var Overlay3 = styled19.div`
|
|
12786
12924
|
position: fixed;
|
|
12787
12925
|
top: 0;
|
|
12788
12926
|
left: 0;
|
|
@@ -12795,7 +12933,7 @@ var Overlay3 = styled25.div`
|
|
|
12795
12933
|
z-index: 10000;
|
|
12796
12934
|
backdrop-filter: blur(4px);
|
|
12797
12935
|
`;
|
|
12798
|
-
var Modal =
|
|
12936
|
+
var Modal = styled19.div`
|
|
12799
12937
|
background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
|
|
12800
12938
|
border: 1px solid rgba(255,255,255,0.1);
|
|
12801
12939
|
border-radius: 16px;
|
|
@@ -12804,7 +12942,7 @@ var Modal = styled25.div`
|
|
|
12804
12942
|
width: 90%;
|
|
12805
12943
|
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
|
|
12806
12944
|
`;
|
|
12807
|
-
var ModalHeader =
|
|
12945
|
+
var ModalHeader = styled19.div`
|
|
12808
12946
|
display: flex;
|
|
12809
12947
|
align-items: center;
|
|
12810
12948
|
margin-bottom: 1.5rem;
|
|
@@ -12820,7 +12958,7 @@ var ModalHeader = styled25.div`
|
|
|
12820
12958
|
gap: 0.5rem;
|
|
12821
12959
|
}
|
|
12822
12960
|
`;
|
|
12823
|
-
var Badge2 =
|
|
12961
|
+
var Badge2 = styled19.span`
|
|
12824
12962
|
padding: 0.25rem 0.75rem;
|
|
12825
12963
|
border-radius: 6px;
|
|
12826
12964
|
font-size: 0.75rem;
|
|
@@ -12831,12 +12969,12 @@ var Badge2 = styled25.span`
|
|
|
12831
12969
|
color: #D4AF37;
|
|
12832
12970
|
border: 1px solid rgba(212,175,55,0.3);
|
|
12833
12971
|
`;
|
|
12834
|
-
var ModalBody =
|
|
12972
|
+
var ModalBody = styled19.div`
|
|
12835
12973
|
margin-bottom: 1.5rem;
|
|
12836
12974
|
display: flex;
|
|
12837
12975
|
flex-direction: column;
|
|
12838
12976
|
`;
|
|
12839
|
-
var ModalRow =
|
|
12977
|
+
var ModalRow = styled19.div`
|
|
12840
12978
|
display: flex;
|
|
12841
12979
|
justify-content: space-between;
|
|
12842
12980
|
align-items: center;
|
|
@@ -12859,7 +12997,7 @@ var ModalRow = styled25.div`
|
|
|
12859
12997
|
font-weight: 600;
|
|
12860
12998
|
}
|
|
12861
12999
|
`;
|
|
12862
|
-
var Warning =
|
|
13000
|
+
var Warning = styled19.div`
|
|
12863
13001
|
background: rgba(246,70,93,0.1);
|
|
12864
13002
|
border: 1px solid rgba(246,70,93,0.3);
|
|
12865
13003
|
border-radius: 8px;
|
|
@@ -12879,7 +13017,7 @@ var Warning = styled25.div`
|
|
|
12879
13017
|
line-height: 1.5;
|
|
12880
13018
|
}
|
|
12881
13019
|
`;
|
|
12882
|
-
var Summary =
|
|
13020
|
+
var Summary = styled19.div`
|
|
12883
13021
|
background: rgba(255,255,255,0.03);
|
|
12884
13022
|
border: 1px solid rgba(255,255,255,0.08);
|
|
12885
13023
|
border-radius: 8px;
|
|
@@ -12892,7 +13030,7 @@ var Summary = styled25.div`
|
|
|
12892
13030
|
var spin = keyframes`
|
|
12893
13031
|
to { transform: rotate(360deg); }
|
|
12894
13032
|
`;
|
|
12895
|
-
var Spinner =
|
|
13033
|
+
var Spinner = styled19.span`
|
|
12896
13034
|
display: inline-block;
|
|
12897
13035
|
width: 14px;
|
|
12898
13036
|
height: 14px;
|
|
@@ -12903,7 +13041,7 @@ var Spinner = styled25.span`
|
|
|
12903
13041
|
margin-right: 0.5rem;
|
|
12904
13042
|
vertical-align: -2px;
|
|
12905
13043
|
`;
|
|
12906
|
-
var ButtonRow2 =
|
|
13044
|
+
var ButtonRow2 = styled19.div`
|
|
12907
13045
|
display: flex;
|
|
12908
13046
|
gap: 1rem;
|
|
12909
13047
|
justify-content: flex-end;
|
|
@@ -13225,7 +13363,7 @@ function PropertyBuy({
|
|
|
13225
13363
|
)
|
|
13226
13364
|
] });
|
|
13227
13365
|
}
|
|
13228
|
-
var HeroGrid =
|
|
13366
|
+
var HeroGrid = styled19.div`
|
|
13229
13367
|
display: grid;
|
|
13230
13368
|
grid-template-columns: 1fr auto;
|
|
13231
13369
|
grid-template-rows: auto auto minmax(450px, 520px);
|
|
@@ -13294,7 +13432,7 @@ var HeroGrid = styled25.div`
|
|
|
13294
13432
|
gap: 0.5rem;
|
|
13295
13433
|
}
|
|
13296
13434
|
`;
|
|
13297
|
-
var PaymentOption =
|
|
13435
|
+
var PaymentOption = styled19.div`
|
|
13298
13436
|
display: flex;
|
|
13299
13437
|
align-items: center;
|
|
13300
13438
|
padding: 1rem;
|
|
@@ -13311,7 +13449,7 @@ var PaymentOption = styled25.div`
|
|
|
13311
13449
|
border-color: rgba(0, 123, 255, 0.5);
|
|
13312
13450
|
}
|
|
13313
13451
|
`;
|
|
13314
|
-
var RadioIndicator =
|
|
13452
|
+
var RadioIndicator = styled19.div`
|
|
13315
13453
|
width: 20px;
|
|
13316
13454
|
height: 20px;
|
|
13317
13455
|
border-radius: 50%;
|
|
@@ -13331,7 +13469,7 @@ var RadioIndicator = styled25.div`
|
|
|
13331
13469
|
transition: opacity 0.2s;
|
|
13332
13470
|
}
|
|
13333
13471
|
`;
|
|
13334
|
-
var PaymentMethodDetails =
|
|
13472
|
+
var PaymentMethodDetails = styled19.div`
|
|
13335
13473
|
background: rgba(0, 0, 0, 0.2);
|
|
13336
13474
|
border-radius: 8px;
|
|
13337
13475
|
padding: 1rem;
|
|
@@ -13350,7 +13488,7 @@ var PaymentMethodDetails = styled25.div`
|
|
|
13350
13488
|
}
|
|
13351
13489
|
}
|
|
13352
13490
|
`;
|
|
13353
|
-
var ConfirmButton =
|
|
13491
|
+
var ConfirmButton = styled19.button`
|
|
13354
13492
|
background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
|
|
13355
13493
|
border: none;
|
|
13356
13494
|
border-radius: 8px;
|
|
@@ -14068,7 +14206,7 @@ var OwnerBooking = ({ propertyName, token }) => {
|
|
|
14068
14206
|
] });
|
|
14069
14207
|
};
|
|
14070
14208
|
var owner_booking_default = OwnerBooking;
|
|
14071
|
-
var DateSelectorDropdown =
|
|
14209
|
+
var DateSelectorDropdown = styled19.div`
|
|
14072
14210
|
position: absolute;
|
|
14073
14211
|
top: calc(100% + 0.5rem);
|
|
14074
14212
|
left: 0;
|
|
@@ -14082,7 +14220,7 @@ var DateSelectorDropdown = styled25.div`
|
|
|
14082
14220
|
display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
|
|
14083
14221
|
z-index: 10;
|
|
14084
14222
|
`;
|
|
14085
|
-
var MonthButton =
|
|
14223
|
+
var MonthButton = styled19.button`
|
|
14086
14224
|
background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
|
|
14087
14225
|
border: 1px solid
|
|
14088
14226
|
${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
|
|
@@ -14098,7 +14236,7 @@ var MonthButton = styled25.button`
|
|
|
14098
14236
|
border-color: rgba(212, 175, 55, 0.5);
|
|
14099
14237
|
}
|
|
14100
14238
|
`;
|
|
14101
|
-
var DayCell =
|
|
14239
|
+
var DayCell = styled19.div`
|
|
14102
14240
|
aspect-ratio: 1;
|
|
14103
14241
|
display: flex;
|
|
14104
14242
|
align-items: center;
|
|
@@ -14132,7 +14270,7 @@ var DayCell = styled25.div`
|
|
|
14132
14270
|
opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
|
|
14133
14271
|
}
|
|
14134
14272
|
`;
|
|
14135
|
-
var AddDateRangeButton =
|
|
14273
|
+
var AddDateRangeButton = styled19.button`
|
|
14136
14274
|
flex: 1;
|
|
14137
14275
|
min-width: 180px;
|
|
14138
14276
|
background: rgba(212, 175, 55, 0.18);
|
|
@@ -14154,21 +14292,21 @@ var AddDateRangeButton = styled25.button`
|
|
|
14154
14292
|
cursor: not-allowed;
|
|
14155
14293
|
}
|
|
14156
14294
|
`;
|
|
14157
|
-
var ConfirmButton2 =
|
|
14295
|
+
var ConfirmButton2 = styled19(AddDateRangeButton)`
|
|
14158
14296
|
flex: 0 0 auto;
|
|
14159
14297
|
min-width: 140px;
|
|
14160
14298
|
background: rgba(212, 175, 55, 0.35);
|
|
14161
14299
|
border-color: rgba(212, 175, 55, 0.6);
|
|
14162
14300
|
font-weight: 600;
|
|
14163
14301
|
`;
|
|
14164
|
-
var ReservationCard =
|
|
14302
|
+
var ReservationCard = styled19.div`
|
|
14165
14303
|
background: rgba(0, 0, 0, 0.4);
|
|
14166
14304
|
border-radius: 12px;
|
|
14167
14305
|
padding: 1rem;
|
|
14168
14306
|
margin-top: 1rem;
|
|
14169
14307
|
border-left: 4px solid ${({ $accent }) => $accent};
|
|
14170
14308
|
`;
|
|
14171
|
-
var ActionButton =
|
|
14309
|
+
var ActionButton = styled19.button`
|
|
14172
14310
|
background: none;
|
|
14173
14311
|
border: none;
|
|
14174
14312
|
color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
|
|
@@ -14618,7 +14756,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
|
|
|
14618
14756
|
}
|
|
14619
14757
|
return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
|
|
14620
14758
|
}
|
|
14621
|
-
var ValuationIndicator =
|
|
14759
|
+
var ValuationIndicator = styled19.div`
|
|
14622
14760
|
background-color: rgba(50, 52, 58, 0.95);
|
|
14623
14761
|
border-radius: 6px;
|
|
14624
14762
|
padding: 1rem;
|
|
@@ -14640,7 +14778,7 @@ var ValuationIndicator = styled25.div`
|
|
|
14640
14778
|
}
|
|
14641
14779
|
}
|
|
14642
14780
|
`;
|
|
14643
|
-
var GaugeIndicator =
|
|
14781
|
+
var GaugeIndicator = styled19.div`
|
|
14644
14782
|
position: absolute;
|
|
14645
14783
|
left: ${(props) => props.position}%;
|
|
14646
14784
|
top: 0.35rem;
|
|
@@ -14651,7 +14789,7 @@ var GaugeIndicator = styled25.div`
|
|
|
14651
14789
|
background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
|
|
14652
14790
|
box-shadow: ${(props) => props.type === "lastPrice" ? "0 6px 18px rgba(0, 0, 0, 0.65)" : "0 6px 16px rgba(0, 0, 0, 0.45)"};
|
|
14653
14791
|
`;
|
|
14654
|
-
var GaugePriceTag =
|
|
14792
|
+
var GaugePriceTag = styled19.div`
|
|
14655
14793
|
position: absolute;
|
|
14656
14794
|
left: ${(props) => props.position}%;
|
|
14657
14795
|
top: -46px;
|
|
@@ -14676,18 +14814,18 @@ var GaugePriceTag = styled25.div`
|
|
|
14676
14814
|
color: var(--color-accent);
|
|
14677
14815
|
}
|
|
14678
14816
|
`;
|
|
14679
|
-
var HiddenMobileChart =
|
|
14817
|
+
var HiddenMobileChart = styled19.div`
|
|
14680
14818
|
display: none;
|
|
14681
14819
|
@media (max-width: 480px) {
|
|
14682
14820
|
display: block;
|
|
14683
14821
|
}
|
|
14684
14822
|
`;
|
|
14685
|
-
var ValuationWrapper =
|
|
14823
|
+
var ValuationWrapper = styled19.div`
|
|
14686
14824
|
display: flex;
|
|
14687
14825
|
flex-direction: column;
|
|
14688
14826
|
gap: 2rem;
|
|
14689
14827
|
`;
|
|
14690
|
-
var LoadingOverlay =
|
|
14828
|
+
var LoadingOverlay = styled19.div`
|
|
14691
14829
|
margin-top: 1rem;
|
|
14692
14830
|
padding: 0.75rem 1rem;
|
|
14693
14831
|
border-radius: 8px;
|
|
@@ -14695,7 +14833,7 @@ var LoadingOverlay = styled25.div`
|
|
|
14695
14833
|
color: rgba(255, 255, 255, 0.8);
|
|
14696
14834
|
font-size: 0.9rem;
|
|
14697
14835
|
`;
|
|
14698
|
-
var ErrorMessage =
|
|
14836
|
+
var ErrorMessage = styled19.div`
|
|
14699
14837
|
margin-top: 1rem;
|
|
14700
14838
|
padding: 0.75rem 1rem;
|
|
14701
14839
|
border-radius: 8px;
|
|
@@ -14704,33 +14842,33 @@ var ErrorMessage = styled25.div`
|
|
|
14704
14842
|
font-size: 0.9rem;
|
|
14705
14843
|
border: 1px solid rgba(244, 67, 54, 0.4);
|
|
14706
14844
|
`;
|
|
14707
|
-
var SectionTitle =
|
|
14845
|
+
var SectionTitle = styled19.h2`
|
|
14708
14846
|
margin: 0;
|
|
14709
14847
|
font-size: clamp(1.75rem, 2.5vw, 2.25rem);
|
|
14710
14848
|
font-weight: 600;
|
|
14711
14849
|
color: #fff;
|
|
14712
14850
|
letter-spacing: 0.01em;
|
|
14713
14851
|
`;
|
|
14714
|
-
var LoafPricingSection =
|
|
14852
|
+
var LoafPricingSection = styled19.div`
|
|
14715
14853
|
background-color: rgba(30, 32, 38, 0.95);
|
|
14716
14854
|
border-radius: 8px;
|
|
14717
14855
|
padding: 1.25rem;
|
|
14718
14856
|
margin-bottom: 1.5rem;
|
|
14719
14857
|
`;
|
|
14720
|
-
var SectionSubheading =
|
|
14858
|
+
var SectionSubheading = styled19.h2`
|
|
14721
14859
|
margin: 0;
|
|
14722
14860
|
font-size: 1.1rem;
|
|
14723
14861
|
font-weight: 600;
|
|
14724
14862
|
color: #fff;
|
|
14725
14863
|
letter-spacing: 0.02em;
|
|
14726
14864
|
`;
|
|
14727
|
-
var PricingModelCard =
|
|
14865
|
+
var PricingModelCard = styled19.div`
|
|
14728
14866
|
background-color: rgba(40, 42, 48, 0.95);
|
|
14729
14867
|
border-radius: 8px;
|
|
14730
14868
|
padding: 1.5rem;
|
|
14731
14869
|
margin-top: 1rem;
|
|
14732
14870
|
`;
|
|
14733
|
-
var PricingModelHeader =
|
|
14871
|
+
var PricingModelHeader = styled19.div`
|
|
14734
14872
|
display: flex;
|
|
14735
14873
|
justify-content: space-between;
|
|
14736
14874
|
align-items: center;
|
|
@@ -14745,13 +14883,13 @@ var PricingModelHeader = styled25.div`
|
|
|
14745
14883
|
color: rgba(255, 255, 255, 0.75);
|
|
14746
14884
|
}
|
|
14747
14885
|
`;
|
|
14748
|
-
var PricingModelTitle =
|
|
14886
|
+
var PricingModelTitle = styled19.h3`
|
|
14749
14887
|
margin: 0;
|
|
14750
14888
|
font-size: 1.2rem;
|
|
14751
14889
|
font-weight: 600;
|
|
14752
14890
|
color: #fff;
|
|
14753
14891
|
`;
|
|
14754
|
-
var PricingModelValue =
|
|
14892
|
+
var PricingModelValue = styled19.div`
|
|
14755
14893
|
font-size: 1.4rem;
|
|
14756
14894
|
font-weight: 700;
|
|
14757
14895
|
color: var(--color-primary);
|
|
@@ -14760,43 +14898,43 @@ var PricingModelValue = styled25.div`
|
|
|
14760
14898
|
font-size: 1.2rem;
|
|
14761
14899
|
}
|
|
14762
14900
|
`;
|
|
14763
|
-
var PricingModelDetails =
|
|
14901
|
+
var PricingModelDetails = styled19.div`
|
|
14764
14902
|
display: grid;
|
|
14765
14903
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
14766
14904
|
gap: 1.5rem;
|
|
14767
14905
|
margin-bottom: 1.5rem;
|
|
14768
14906
|
`;
|
|
14769
|
-
var PricingModelDetail =
|
|
14907
|
+
var PricingModelDetail = styled19.div`
|
|
14770
14908
|
background-color: rgba(50, 52, 58, 0.95);
|
|
14771
14909
|
border-radius: 6px;
|
|
14772
14910
|
padding: 1rem;
|
|
14773
14911
|
`;
|
|
14774
|
-
var PropertyDetailLabel =
|
|
14912
|
+
var PropertyDetailLabel = styled19.div`
|
|
14775
14913
|
font-size: 0.85rem;
|
|
14776
14914
|
color: rgba(255, 255, 255, 0.7);
|
|
14777
14915
|
margin-bottom: 0.5rem;
|
|
14778
14916
|
`;
|
|
14779
|
-
var PricingDetailValue =
|
|
14917
|
+
var PricingDetailValue = styled19.div`
|
|
14780
14918
|
font-size: 1rem;
|
|
14781
14919
|
color: #fff;
|
|
14782
14920
|
font-weight: 500;
|
|
14783
14921
|
`;
|
|
14784
|
-
var ValuationHeader =
|
|
14922
|
+
var ValuationHeader = styled19.div`
|
|
14785
14923
|
display: flex;
|
|
14786
14924
|
justify-content: space-between;
|
|
14787
14925
|
margin-bottom: 0.75rem;
|
|
14788
14926
|
`;
|
|
14789
|
-
var ValuationTitle =
|
|
14927
|
+
var ValuationTitle = styled19.div`
|
|
14790
14928
|
font-size: 0.9rem;
|
|
14791
14929
|
color: rgba(255, 255, 255, 0.7);
|
|
14792
14930
|
`;
|
|
14793
|
-
var ValuationGauge =
|
|
14931
|
+
var ValuationGauge = styled19.div`
|
|
14794
14932
|
position: relative;
|
|
14795
14933
|
width: 100%;
|
|
14796
14934
|
padding: 1.1rem 0 2rem;
|
|
14797
14935
|
margin: 0.75rem 0 1rem;
|
|
14798
14936
|
`;
|
|
14799
|
-
var GaugeBackground =
|
|
14937
|
+
var GaugeBackground = styled19.div`
|
|
14800
14938
|
width: 100%;
|
|
14801
14939
|
height: 18px;
|
|
14802
14940
|
border-radius: 999px;
|
|
@@ -14805,21 +14943,21 @@ var GaugeBackground = styled25.div`
|
|
|
14805
14943
|
overflow: hidden;
|
|
14806
14944
|
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
|
|
14807
14945
|
`;
|
|
14808
|
-
var ValuationDetails =
|
|
14946
|
+
var ValuationDetails = styled19.div`
|
|
14809
14947
|
display: flex;
|
|
14810
14948
|
justify-content: space-between;
|
|
14811
14949
|
margin-top: 1rem;
|
|
14812
14950
|
`;
|
|
14813
|
-
var ValuationItem =
|
|
14951
|
+
var ValuationItem = styled19.div`
|
|
14814
14952
|
display: flex;
|
|
14815
14953
|
flex-direction: column;
|
|
14816
14954
|
`;
|
|
14817
|
-
var ValuationValue =
|
|
14955
|
+
var ValuationValue = styled19.div`
|
|
14818
14956
|
font-size: 1rem;
|
|
14819
14957
|
font-weight: 600;
|
|
14820
14958
|
color: #fff;
|
|
14821
14959
|
`;
|
|
14822
|
-
var ChartContainer =
|
|
14960
|
+
var ChartContainer = styled19.div`
|
|
14823
14961
|
width: 100%;
|
|
14824
14962
|
height: 301.52px;
|
|
14825
14963
|
margin-top: 1.5rem;
|
|
@@ -14828,14 +14966,14 @@ var ChartContainer = styled25.div`
|
|
|
14828
14966
|
padding: 1rem;
|
|
14829
14967
|
position: relative;
|
|
14830
14968
|
`;
|
|
14831
|
-
var ChartBackground =
|
|
14969
|
+
var ChartBackground = styled19.div`
|
|
14832
14970
|
position: relative;
|
|
14833
14971
|
height: 100%;
|
|
14834
14972
|
width: 100%;
|
|
14835
14973
|
background: rgba(255, 255, 255, 0.03);
|
|
14836
14974
|
border-radius: 8px;
|
|
14837
14975
|
`;
|
|
14838
|
-
var ValuationSvg =
|
|
14976
|
+
var ValuationSvg = styled19.svg`
|
|
14839
14977
|
position: absolute;
|
|
14840
14978
|
top: 10px;
|
|
14841
14979
|
right: 0;
|
|
@@ -14845,7 +14983,7 @@ var ValuationSvg = styled25.svg`
|
|
|
14845
14983
|
width: 100%;
|
|
14846
14984
|
height: calc(100% - 35px);
|
|
14847
14985
|
`;
|
|
14848
|
-
var YAxisLabel =
|
|
14986
|
+
var YAxisLabel = styled19.div`
|
|
14849
14987
|
position: absolute;
|
|
14850
14988
|
left: -40px;
|
|
14851
14989
|
font-size: 10px;
|
|
@@ -14853,7 +14991,7 @@ var YAxisLabel = styled25.div`
|
|
|
14853
14991
|
text-align: right;
|
|
14854
14992
|
padding-right: 5px;
|
|
14855
14993
|
`;
|
|
14856
|
-
var ValuationCallout =
|
|
14994
|
+
var ValuationCallout = styled19.div`
|
|
14857
14995
|
display: flex;
|
|
14858
14996
|
align-items: center;
|
|
14859
14997
|
justify-content: space-between;
|
|
@@ -14863,7 +15001,7 @@ var ValuationCallout = styled25.div`
|
|
|
14863
15001
|
border: 1px solid rgba(76, 175, 80, 0.2);
|
|
14864
15002
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
14865
15003
|
`;
|
|
14866
|
-
var ValuationBadge =
|
|
15004
|
+
var ValuationBadge = styled19.div`
|
|
14867
15005
|
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
|
|
14868
15006
|
color: white;
|
|
14869
15007
|
padding: 5px 12px;
|
|
@@ -14872,17 +15010,17 @@ var ValuationBadge = styled25.div`
|
|
|
14872
15010
|
font-weight: 600;
|
|
14873
15011
|
box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
|
|
14874
15012
|
`;
|
|
14875
|
-
var AreaDemandChart =
|
|
15013
|
+
var AreaDemandChart = styled19.div`
|
|
14876
15014
|
height: 60px;
|
|
14877
15015
|
width: 100%;
|
|
14878
15016
|
position: relative;
|
|
14879
15017
|
`;
|
|
14880
|
-
var ChartLabel =
|
|
15018
|
+
var ChartLabel = styled19.div`
|
|
14881
15019
|
position: absolute;
|
|
14882
15020
|
font-size: 9px;
|
|
14883
15021
|
color: rgba(255, 255, 255, 0.7);
|
|
14884
15022
|
`;
|
|
14885
|
-
var RecentSalesSection =
|
|
15023
|
+
var RecentSalesSection = styled19.div`
|
|
14886
15024
|
background-color: rgba(30, 32, 38, 0.95);
|
|
14887
15025
|
border-radius: 8px;
|
|
14888
15026
|
padding: 1.25rem;
|
|
@@ -14892,7 +15030,7 @@ var RecentSalesSection = styled25.div`
|
|
|
14892
15030
|
position: relative;
|
|
14893
15031
|
}
|
|
14894
15032
|
`;
|
|
14895
|
-
var SalesGrid =
|
|
15033
|
+
var SalesGrid = styled19.div`
|
|
14896
15034
|
display: grid;
|
|
14897
15035
|
grid-template-columns: repeat(3, 1fr);
|
|
14898
15036
|
gap: 1.5rem;
|
|
@@ -14913,7 +15051,7 @@ var SalesGrid = styled25.div`
|
|
|
14913
15051
|
scrollbar-width: none;
|
|
14914
15052
|
}
|
|
14915
15053
|
`;
|
|
14916
|
-
var SaleCard =
|
|
15054
|
+
var SaleCard = styled19.div`
|
|
14917
15055
|
background-color: var(--color-card, #1e2329);
|
|
14918
15056
|
border-radius: var(--border-radius, 8px);
|
|
14919
15057
|
overflow: hidden;
|
|
@@ -14937,13 +15075,13 @@ var SaleCard = styled25.div`
|
|
|
14937
15075
|
}
|
|
14938
15076
|
}
|
|
14939
15077
|
`;
|
|
14940
|
-
var SaleImageContainer =
|
|
15078
|
+
var SaleImageContainer = styled19.div`
|
|
14941
15079
|
position: relative;
|
|
14942
15080
|
width: 100%;
|
|
14943
15081
|
height: 200px;
|
|
14944
15082
|
overflow: hidden;
|
|
14945
15083
|
`;
|
|
14946
|
-
var SaleImage =
|
|
15084
|
+
var SaleImage = styled19.img`
|
|
14947
15085
|
width: 100%;
|
|
14948
15086
|
height: 100%;
|
|
14949
15087
|
object-fit: cover;
|
|
@@ -14954,7 +15092,7 @@ var SaleImage = styled25.img`
|
|
|
14954
15092
|
transform: scale(1.05);
|
|
14955
15093
|
}
|
|
14956
15094
|
`;
|
|
14957
|
-
var SoldTag =
|
|
15095
|
+
var SoldTag = styled19.div`
|
|
14958
15096
|
position: absolute;
|
|
14959
15097
|
top: 1rem;
|
|
14960
15098
|
right: 1rem;
|
|
@@ -14968,10 +15106,10 @@ var SoldTag = styled25.div`
|
|
|
14968
15106
|
align-items: center;
|
|
14969
15107
|
gap: 4px;
|
|
14970
15108
|
`;
|
|
14971
|
-
var SoldIcon =
|
|
15109
|
+
var SoldIcon = styled19.div`
|
|
14972
15110
|
display: none;
|
|
14973
15111
|
`;
|
|
14974
|
-
var SalePriceBar =
|
|
15112
|
+
var SalePriceBar = styled19.div`
|
|
14975
15113
|
display: flex;
|
|
14976
15114
|
justify-content: space-between;
|
|
14977
15115
|
align-items: center;
|
|
@@ -14979,37 +15117,37 @@ var SalePriceBar = styled25.div`
|
|
|
14979
15117
|
background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
|
|
14980
15118
|
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
|
14981
15119
|
`;
|
|
14982
|
-
var SalePriceLeft =
|
|
15120
|
+
var SalePriceLeft = styled19.div`
|
|
14983
15121
|
display: flex;
|
|
14984
15122
|
flex-direction: column;
|
|
14985
15123
|
`;
|
|
14986
|
-
var SalePriceLabel =
|
|
15124
|
+
var SalePriceLabel = styled19.span`
|
|
14987
15125
|
font-size: 0.7rem;
|
|
14988
15126
|
color: rgba(255, 255, 255, 0.5);
|
|
14989
15127
|
text-transform: uppercase;
|
|
14990
15128
|
letter-spacing: 0.5px;
|
|
14991
15129
|
`;
|
|
14992
|
-
var SalePriceAmount =
|
|
15130
|
+
var SalePriceAmount = styled19.span`
|
|
14993
15131
|
font-size: 1.1rem;
|
|
14994
15132
|
font-weight: 700;
|
|
14995
15133
|
color: var(--color-accent, #f0b90b);
|
|
14996
15134
|
`;
|
|
14997
|
-
var SaleContent =
|
|
15135
|
+
var SaleContent = styled19.div`
|
|
14998
15136
|
padding: 1rem;
|
|
14999
15137
|
`;
|
|
15000
|
-
var SaleAddress =
|
|
15138
|
+
var SaleAddress = styled19.h3`
|
|
15001
15139
|
margin: 0;
|
|
15002
15140
|
margin-bottom: 0.25rem;
|
|
15003
15141
|
font-size: 1rem;
|
|
15004
15142
|
font-weight: 600;
|
|
15005
15143
|
color: var(--color-text, #eaecef);
|
|
15006
15144
|
`;
|
|
15007
|
-
var SaleSuburb =
|
|
15145
|
+
var SaleSuburb = styled19.div`
|
|
15008
15146
|
font-size: 0.8rem;
|
|
15009
15147
|
color: var(--color-text-secondary, #848e9c);
|
|
15010
15148
|
margin-bottom: 0.5rem;
|
|
15011
15149
|
`;
|
|
15012
|
-
var SaleStatsBar =
|
|
15150
|
+
var SaleStatsBar = styled19.div`
|
|
15013
15151
|
display: flex;
|
|
15014
15152
|
justify-content: space-between;
|
|
15015
15153
|
align-items: center;
|
|
@@ -15017,7 +15155,7 @@ var SaleStatsBar = styled25.div`
|
|
|
15017
15155
|
background-color: rgba(0, 0, 0, 0.3);
|
|
15018
15156
|
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
|
15019
15157
|
`;
|
|
15020
|
-
var SaleStatItem =
|
|
15158
|
+
var SaleStatItem = styled19.div`
|
|
15021
15159
|
display: flex;
|
|
15022
15160
|
align-items: center;
|
|
15023
15161
|
gap: 0.25rem;
|
|
@@ -15030,11 +15168,11 @@ var SaleStatItem = styled25.div`
|
|
|
15030
15168
|
opacity: 0.7;
|
|
15031
15169
|
}
|
|
15032
15170
|
`;
|
|
15033
|
-
var SaleDate =
|
|
15171
|
+
var SaleDate = styled19.div`
|
|
15034
15172
|
font-size: 0.75rem;
|
|
15035
15173
|
color: var(--color-text-secondary, #848e9c);
|
|
15036
15174
|
`;
|
|
15037
|
-
var SwipeIndicator =
|
|
15175
|
+
var SwipeIndicator = styled19.div`
|
|
15038
15176
|
display: none;
|
|
15039
15177
|
|
|
15040
15178
|
@media (max-width: 768px) {
|
|
@@ -15067,7 +15205,7 @@ var pulse = keyframes`
|
|
|
15067
15205
|
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
15068
15206
|
50% { transform: scale(1.2); opacity: 1; }
|
|
15069
15207
|
`;
|
|
15070
|
-
var FeatureTooltip =
|
|
15208
|
+
var FeatureTooltip = styled19.div`
|
|
15071
15209
|
position: absolute;
|
|
15072
15210
|
transform: translate(-50%, calc(-100% - 24px));
|
|
15073
15211
|
min-width: 180px;
|
|
@@ -15109,7 +15247,7 @@ var FeatureTooltip = styled25.div`
|
|
|
15109
15247
|
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
|
|
15110
15248
|
}
|
|
15111
15249
|
`;
|
|
15112
|
-
var GalleryOverlay =
|
|
15250
|
+
var GalleryOverlay = styled19.div`
|
|
15113
15251
|
position: fixed;
|
|
15114
15252
|
inset: 0;
|
|
15115
15253
|
z-index: 1000;
|
|
@@ -15118,7 +15256,7 @@ var GalleryOverlay = styled25.div`
|
|
|
15118
15256
|
flex-direction: column;
|
|
15119
15257
|
animation: ${fadeIn} 0.3s ease;
|
|
15120
15258
|
`;
|
|
15121
|
-
var GalleryHeader =
|
|
15259
|
+
var GalleryHeader = styled19.div`
|
|
15122
15260
|
position: relative;
|
|
15123
15261
|
padding: 1.5rem 2rem;
|
|
15124
15262
|
display: flex;
|
|
@@ -15134,7 +15272,7 @@ var GalleryHeader = styled25.div`
|
|
|
15134
15272
|
padding: 1rem;
|
|
15135
15273
|
}
|
|
15136
15274
|
`;
|
|
15137
|
-
var PropertyInfo =
|
|
15275
|
+
var PropertyInfo = styled19.div`
|
|
15138
15276
|
color: white;
|
|
15139
15277
|
|
|
15140
15278
|
h2 {
|
|
@@ -15149,7 +15287,7 @@ var PropertyInfo = styled25.div`
|
|
|
15149
15287
|
font-size: 0.95rem;
|
|
15150
15288
|
}
|
|
15151
15289
|
`;
|
|
15152
|
-
var CloseButton2 =
|
|
15290
|
+
var CloseButton2 = styled19.button`
|
|
15153
15291
|
width: 48px;
|
|
15154
15292
|
height: 48px;
|
|
15155
15293
|
border-radius: 50%;
|
|
@@ -15167,7 +15305,7 @@ var CloseButton2 = styled25.button`
|
|
|
15167
15305
|
transform: rotate(90deg);
|
|
15168
15306
|
}
|
|
15169
15307
|
`;
|
|
15170
|
-
var MainImageContainer =
|
|
15308
|
+
var MainImageContainer = styled19.div`
|
|
15171
15309
|
position: relative;
|
|
15172
15310
|
flex: 1;
|
|
15173
15311
|
display: flex;
|
|
@@ -15179,7 +15317,7 @@ var MainImageContainer = styled25.div`
|
|
|
15179
15317
|
padding: 60px 0 110px;
|
|
15180
15318
|
}
|
|
15181
15319
|
`;
|
|
15182
|
-
var MainImage =
|
|
15320
|
+
var MainImage = styled19.img`
|
|
15183
15321
|
max-width: 90%;
|
|
15184
15322
|
max-height: 100%;
|
|
15185
15323
|
object-fit: contain;
|
|
@@ -15196,7 +15334,7 @@ var MainImage = styled25.img`
|
|
|
15196
15334
|
max-width: 100%;
|
|
15197
15335
|
}
|
|
15198
15336
|
`;
|
|
15199
|
-
var Hotspot =
|
|
15337
|
+
var Hotspot = styled19.button`
|
|
15200
15338
|
position: absolute;
|
|
15201
15339
|
width: 32px;
|
|
15202
15340
|
height: 32px;
|
|
@@ -15215,7 +15353,7 @@ var Hotspot = styled25.button`
|
|
|
15215
15353
|
transform: translate(-50%, -50%) scale(1.2);
|
|
15216
15354
|
}
|
|
15217
15355
|
`;
|
|
15218
|
-
var ThumbnailStrip =
|
|
15356
|
+
var ThumbnailStrip = styled19.div`
|
|
15219
15357
|
position: absolute;
|
|
15220
15358
|
bottom: 0;
|
|
15221
15359
|
left: 0;
|
|
@@ -15230,7 +15368,7 @@ var ThumbnailStrip = styled25.div`
|
|
|
15230
15368
|
display: none;
|
|
15231
15369
|
}
|
|
15232
15370
|
`;
|
|
15233
|
-
var Thumbnail3 =
|
|
15371
|
+
var Thumbnail3 = styled19.button`
|
|
15234
15372
|
width: 86px;
|
|
15235
15373
|
height: 64px;
|
|
15236
15374
|
border-radius: 6px;
|
|
@@ -15251,7 +15389,7 @@ var Thumbnail3 = styled25.button`
|
|
|
15251
15389
|
object-fit: cover;
|
|
15252
15390
|
}
|
|
15253
15391
|
`;
|
|
15254
|
-
var NavigationButton =
|
|
15392
|
+
var NavigationButton = styled19.button`
|
|
15255
15393
|
position: absolute;
|
|
15256
15394
|
top: 50%;
|
|
15257
15395
|
${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
|
|
@@ -15271,7 +15409,7 @@ var NavigationButton = styled25.button`
|
|
|
15271
15409
|
display: none;
|
|
15272
15410
|
}
|
|
15273
15411
|
`;
|
|
15274
|
-
var SliderContainer =
|
|
15412
|
+
var SliderContainer = styled19.div`
|
|
15275
15413
|
position: absolute;
|
|
15276
15414
|
bottom: 110px;
|
|
15277
15415
|
left: 50%;
|
|
@@ -15288,21 +15426,21 @@ var SliderContainer = styled25.div`
|
|
|
15288
15426
|
width: 85%;
|
|
15289
15427
|
}
|
|
15290
15428
|
`;
|
|
15291
|
-
var SliderTrack =
|
|
15429
|
+
var SliderTrack = styled19.div`
|
|
15292
15430
|
position: relative;
|
|
15293
15431
|
height: 4px;
|
|
15294
15432
|
background: rgba(255, 255, 255, 0.2);
|
|
15295
15433
|
border-radius: 999px;
|
|
15296
15434
|
cursor: pointer;
|
|
15297
15435
|
`;
|
|
15298
|
-
var SliderProgress =
|
|
15436
|
+
var SliderProgress = styled19.div`
|
|
15299
15437
|
position: absolute;
|
|
15300
15438
|
inset: 0;
|
|
15301
15439
|
width: ${(p) => p.$progress}%;
|
|
15302
15440
|
background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
|
|
15303
15441
|
border-radius: inherit;
|
|
15304
15442
|
`;
|
|
15305
|
-
var SliderThumb =
|
|
15443
|
+
var SliderThumb = styled19.div`
|
|
15306
15444
|
position: absolute;
|
|
15307
15445
|
top: 50%;
|
|
15308
15446
|
left: ${(p) => p.$position}%;
|
|
@@ -15314,7 +15452,7 @@ var SliderThumb = styled25.div`
|
|
|
15314
15452
|
border: 3px solid white;
|
|
15315
15453
|
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
|
|
15316
15454
|
`;
|
|
15317
|
-
var SliderLabels =
|
|
15455
|
+
var SliderLabels = styled19.div`
|
|
15318
15456
|
display: flex;
|
|
15319
15457
|
justify-content: space-between;
|
|
15320
15458
|
margin-top: 0.75rem;
|
|
@@ -15329,7 +15467,7 @@ var SliderLabels = styled25.div`
|
|
|
15329
15467
|
display: none;
|
|
15330
15468
|
}
|
|
15331
15469
|
`;
|
|
15332
|
-
var MobileDots =
|
|
15470
|
+
var MobileDots = styled19.div`
|
|
15333
15471
|
position: absolute;
|
|
15334
15472
|
bottom: 1.5rem;
|
|
15335
15473
|
left: 50%;
|
|
@@ -15341,7 +15479,7 @@ var MobileDots = styled25.div`
|
|
|
15341
15479
|
display: none;
|
|
15342
15480
|
}
|
|
15343
15481
|
`;
|
|
15344
|
-
var MobileDot =
|
|
15482
|
+
var MobileDot = styled19.button`
|
|
15345
15483
|
width: 8px;
|
|
15346
15484
|
height: 8px;
|
|
15347
15485
|
border-radius: 50%;
|