ag-design 1.0.26 → 1.0.28

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.
Files changed (11) hide show
  1. package/__merged__.css +8 -0
  2. package/base.css +1196 -0
  3. package/form.css +104 -0
  4. package/helper.css +278 -0
  5. package/index.css +1 -1
  6. package/mappage.css +219 -0
  7. package/package.json +1 -1
  8. package/property-card.css +81 -0
  9. package/quill-editor.css +198 -0
  10. package/var.css +136 -0
  11. package/webbuilder.css +1991 -0
package/mappage.css ADDED
@@ -0,0 +1,219 @@
1
+ /*Mappage*/
2
+ .property-headings{margin: 0 auto !important;width: calc(100% - 24px);padding: 1rem 0;}
3
+ .item-h:after{display:none!important;}
4
+ .item-onstxt{background: transparent;border: none;width: 100%;height: 100%;font-family: var(--s-f);font-size:13px;text-overflow: ellipsis;}
5
+ .item-onstxt::placeholder, .d-txt::placeholder{color: var(--c-100);opacity: 1;}
6
+ .item-da[data-item-count]{left: 18px;top: 0;position: absolute;}
7
+ .item-da[data-item-count]:before{content: attr(data-item-count);position: absolute;display: block;left: -16px;background: #ec164a;border-radius: 50%;width: 14px;height: 14px;font-size: 10px;text-align: center;line-height: 14px;color: rgba(255,255,255,0.96);font-style: normal;font-weight: 500;top: -7px;}
8
+ .item-da[data-item-count="0"]:before{display: none}
9
+ .item-dr{border: 2px solid #eaeaea;box-sizing: border-box;line-height: 40px;height: 40px;background-color: var(--c-99);}
10
+ .item-dr-la{padding: 0 6px;user-select: none;font-size: 13px;color: var(--c-100);overflow-wrap: break-word;line-height: 21px;}
11
+ .item-dr-la[data-agora-icon-right]{padding: 0 5px 0 12px;}
12
+ .item-dr-la[data-agora-icon-right]:after{font-size: var(--f-s-4);}
13
+ .item-dr > input{display: none;}
14
+ .item-dr-c{position: absolute;background: var(--c-99);min-width: 215px;border-radius: 2px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);transform: scale(0);transition: transform .3s cubic-bezier(0.4,0,0.2,1) 0s,opacity .2s cubic-bezier(0.4,0,0.2,1) 0s;opacity: 0;transform-origin: 0 0;margin-top: 8px;font-size: var(--f-s-1);line-height: 24px;}
15
+ .item-dr-c.more{right: 0;transform-origin: 100% 0;}
16
+ .item-dr-c.more::before{right: 8px;left: inherit;}
17
+ .item-dr-c::before{content: "";width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid var(--c-99);position: absolute;top: -6px;left: 8px;}
18
+ .item-dr-c ul li{padding: 4px 7px 7px 4px;cursor: pointer;}
19
+ .item-dr-c ul li:hover{background: rgba(119,130,140,0.1);}
20
+ .item-dr-c ul li label{display: flex;align-items: flex-start;}
21
+ .item-dr-c ul li label > .mdl-checkbox__label{line-height: 16px;}
22
+ .item-dr-c .dr-ul{column-count: 3;height: auto;}
23
+ .item-dr-c .d-txt{font-family: var(--p-f);}
24
+ .item-dr-c .mast-plan li{padding-left: 0px;}
25
+ .item-dr-c ul.mast-plan li label > .mdl-checkbox__input{margin-left: 0px;}
26
+ .item-dr-la.active + .item-dr-c{transform: scale(1);opacity: 1;z-index: 999;padding: .9rem;}
27
+ .item-con{width: 100px !important;padding: 0 2px;border: none;font-weight: bold;border-right: 2px solid #cacaca;border-radius: 0;height: 40px !important;line-height: 18px;}
28
+ .item-con::before{content: attr(data-country);font-size: 15px;}
29
+ .item-ac{margin-left: .75rem;}
30
+ .item-ac > .clear-search-btn{color: var(--c-1);font-size: var(--f-s-2);text-transform:capitalize;padding: 0;border: none;}
31
+ .item-ac>.clear-search-btn[data-agora-icon]:before{font-size: var(--f-s-2);margin: 0 3px 0 0;}
32
+ .item-ac > [aria-label="savesearch"]:hover{color:var(--c-2);border-color:var(--c-2);background:transparent;}
33
+ .item-ac > [aria-label="savesearch"][data-agora-icon]:before{display:none;}
34
+ .item-ac > [aria-label="savesearch"]{font-size: var(--f-s-2);text-transform:capitalize;background:var(--c-1);color:var(--c-99);border-radius:var(--b-r-1);padding: 0 12px;}
35
+ .item-ac>a{margin: 0 4px;}
36
+
37
+ .con-menu{max-height: 350px;overflow-y: auto;text-align:left;}
38
+ .con-menu > a{display: block;cursor: pointer;padding: 0.4rem 0.7rem;font-size: 13px;}
39
+ .con-menu > a:hover{background-color: #eee;}
40
+ .label-con{border-right: 1px solid #cacaca;padding: 0 .1rem !important;font-weight: bold;border-radius: 0;height: 40px !important;line-height: 15px !important;display: flex;align-items: center;justify-content: center;color: var(--c-1);}
41
+ .label-con::before{content: attr(data-country);font-size: 13px;}
42
+ .item-dr:has(> .item-dr-la.label-con){display: none;}
43
+
44
+ .d-txt{color: rgba(0, 0, 0, 0.8);border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.12);font-size: 13px;margin: 0;padding: 4px 0;width: 100%;background: 0;text-align: left;outline: none;}
45
+ .d-txt::placeholder{color: rgba(0,0,0, 0.8);}
46
+
47
+ .yt-title{text-shadow: 1px 1px 0.25rem var(--c-100);overflow: hidden;white-space:nowrap;text-overflow:ellipsis;top:16px;}
48
+ .yt-video:before{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#ffffff;font-size:var(--f-s-9);}
49
+
50
+ .sort-div label[for="sort-label"]{color: var(--c-1) !important;font-size: var(--f-s-3);}
51
+ .sort-div .drop-menu{top: 24px!important;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .18);}
52
+ .sort-div .drop-menu li a{font-size: var(--f-s-2);}
53
+ .map-plugin .map-actions{left: 20px;}
54
+ .properties-more > i{font-size: max(16px,min(16px,1.2rem)) !important;}
55
+
56
+ .aga-map-plugin section:first-child:has(>ul){padding:0px 12px 8px 12px !important}
57
+ .aga-map-plugin section:first-child + section{padding:0 12px 8px 8px!important}
58
+ .aga-map-item img, .map-actions i::after, .map-actions .office::after, .aga-map-plugin section:first-child > div, .aga-map-plugin section:first-child+section{border-radius: 6px !important}
59
+ .aga-map-plugin section:first-child + section{padding-top:0 !important}
60
+ .aga-map-item span .property-badge ul li{background: var(--c-2) !important;}
61
+ .map-marker.property.cluster{font-size: var(--f-s-1) !important;}
62
+ .map-marker.property.single.highlight{background: #005fa0 !important;}
63
+ body .aga-map-plugin section:first-child + section .properties-more + h1{font-size: var(--f-s-5) !important;color: var(--c-1);font-variant-numeric: lining-nums;}
64
+ .aga-map-plugin section:nth-child(2) > div > ul, .aga-map-plugin section:first-child:has(> ul) > ul{width: 100%;margin-bottom: .4rem;padding: 0}
65
+ .aga-map-plugin section:nth-child(2) > div > ul li, .aga-map-plugin section:first-child:has(> ul) > ul li{display: inline-block;}
66
+ .aga-map-plugin section:nth-child(2) > div > ul li a, .aga-map-plugin section:first-child:has(> ul) > ul li a{font-weight: var(--f-w-6);font-size: max(12px,min(12px,1.2rem));color: var(--c-1);text-decoration: underline;}
67
+ .aga-map-plugin section:nth-child(2) > div > ul li:not(:last-child) a::after, .aga-map-plugin section:first-child:has(> ul) > ul li:not(:last-child) a::after{content: "\e916";font-family: 'agorafonts' !important;font-size: var(--f-s-2);speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;letter-spacing: normal;vertical-align: middle;margin: 0 .2rem;transform: translateY(0);}
68
+ .aga-map-plugin section:first-child:has(> ul) > h1 + div{height: calc(100vh - 270px);}
69
+ .aga-map-plugin section:first-child:has(> ul) > h1{font-size: 1.6rem !important;font-weight: 500;color: var(--text-color-1);margin: 16px 0;}
70
+ .aga-map-plugin section:first-child:has(> ul) .map-actions{position: absolute;top: 105px;left: 21px;}
71
+ .aga-map-plugin section:first-child+section h1{margin: 0 !important}
72
+ body .aga-map-plugin section:first-child+section h1+h2{margin: 0 !important}
73
+ .aga-map-item h2{font-family: var(--s-f);font-size: var(--f-s-4) !important;color: var(--c-1) !important;line-height: var(--l-h-1) !important;}
74
+ .aga-map-item ul{line-height: var(--l-h-2) !important;}
75
+
76
+ .aga-map-item ul li{font-size: var(--f-s-2) !important;display:var(--s-d-ib);}
77
+ .aga-map-item ul li:not(:first-child):not(:has(>[aria-busy]))::before{display:none;}
78
+ .aga-map-item p{font-size: 9px !important;width:100%;}
79
+ .aga-map-item span:not(:first-child) h3, .aga-map-item p{opacity:1 !important;line-height: var(--l-h-1) !important;font-variant-numeric: lining-nums;}
80
+ .aga-map-item span:not(:first-child) h3{margin-bottom: 1.2rem;}
81
+ .aga-map-item span:not(:first-child) h2{line-height: var(--l-h-1) !important;margin-right: 4px;}
82
+ .aga-map-item span:not(:first-child) h2:before{line-height: var(--l-h-n) !important;}
83
+ .aga-map-item span:not(:first-child) h3 > a{font-family: var(--p-f);font-variant-numeric: lining-nums;color: var(--c-1);font-size: var(--f-s-3);}
84
+ .aga-map-item span:not(:first-child) h3 > a b{font-weight:var(--f-w-6);}
85
+ .aga-map-item span:not(:first-child) h4{opacity: 1 !important;font-size: var(--f-s-1) !important;}
86
+ .search-office-quickview{padding: 0 !important;border-radius: 0 !important;}
87
+ .search-office-quickview .aga-office-item img{object-fit: cover !important;}
88
+ .search-office-quickview .aga-office-item span:first-child > a{width:100%}
89
+ .search-office-quickview .aga-office-item span:first-child+span{padding: 1rem 1.5rem 0}
90
+ .search-office-quickview .aga-office-item span:first-child+span h2{margin-bottom: 1rem !important;}
91
+ .search-office-quickview .aga-office-item span:first-child+span h2 > a{font-family: var(--p-f);font-size: var(--f-s-5) !important;color: var(--c-2) !important;}
92
+ .search-office-quickview .aga-office-item span:first-child+span h3{font-family: var(--s-f);font-size: var(--f-s-2) !important;line-height: var(--l-h-1);margin-bottom: 2rem;}
93
+ .aga-map-item span + span{padding: 16px 13px !important;display:flex;justify-content:space-between;align-items: center;}
94
+ .aga-map-plugin .aga-map-item .nav{bottom: 14px !important;}
95
+
96
+ .aga-map-plugin .aga-map-item .nav label{background: rgba(49, 49, 59,.5) !important;color: var(--c-6) !important;line-height: 30px !important;}
97
+ .aga-map-item span .property-badge{top: 0 !important;left: 2px !important;}
98
+ .aga-map-item span .property-badge ul li, .search-property-detailview .property-badge ul li{text-transform: capitalize !important;color: var(--c-1);background:var(--c-2)!important;margin: 16px 0 0 16px;border-radius:4px;margin: 16px 0 0 16px !important;border-radius: 4px !important;}
99
+ .search-property-detailview .property-badge ul li.open::after, .aga-map-item span .property-badge ul li.open::after{color: var(--c-2) !important;}
100
+ .aga-map-item span .property-badge ul li i{font-family: var(--s-f);font-size: var(--f-s-1);text-transform: capitalize;}
101
+ .map-marker.cluster b{background-image: linear-gradient(to top,rgba(0,0,0,0.01),transparent 100%);}
102
+ .aga-map-plugin section:first-child+section>div:first-child>span label i:before{font-size: var(--f-s-1) !important;}
103
+ .aga-map-plugin section:first-child+section>div:first-child>span{z-index: 3 !important;}
104
+ .search-property-detailview .nav{background: rgba(154, 154, 154, .61) !important;}
105
+ .search-property-detailview .nav label{border: 2px solid var(--primary-color-50) !important;}
106
+ .search-property-detailview .nav label.active{border-color: var(--primary-color) !important;}
107
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__prev-btn,
108
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__next-btn{transform: translateY(-50%);font-family: monospace !important;font-weight: var(--f-w-6);color: rgba(0, 0, 0, .48) !important;font-size: 23px !important;user-select: none;background: rgba(255, 255, 255, .82) !important;width: 40px !important;height: 40px !important;line-height: 40px !important;bottom: 10px;box-shadow: none !important;z-index: 1;padding: 0;top: inherit !important;}
109
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__prev-btn:before{position: absolute;content: "";width: 87px;height: 100%;background: rgba(255, 255, 255, .73);left: 1.4px;border-radius: 21px;z-index: -1;transform: scale(1.15);}
110
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__prev-btn-wrapper > p, body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__next-btn-wrapper > p{line-height: var(--l-h-2);}
111
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__prev-btn-wrapper > p > span[data-area]::after,
112
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__next-btn-wrapper > p > span[data-area]::after{font-family: var(--s-f);font-weight: var(--f-w-6);font-size: 23px !important;}
113
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__prev-btn{left: calc(50% - 45px) !important;}
114
+ body.ReactModal__Body--open .search-property-quickview-overlay .alice-carousel__next-btn{right: calc(50% - 45px) !important;}
115
+
116
+ .search-property-detailview .inline-detail li:last-child .aga-button{color: var(--c-99) !important;line-height: 38px;}
117
+ .search-property-detailview .nav label h3{font-size: var(--f-s-0) !important;}
118
+
119
+ .map-plugin > .aga-map-plugin section:first-child + section{overflow-y: visible !important;}
120
+ .map-actions .office label b{background: var(--primary-color-200) !important;}
121
+ .map-actions .office input:checked~label>b{background: var(--primary-color) !important;}
122
+ .aga-map-plugin .map-actions ul li:has(i.aga-grid){display: none}
123
+
124
+ .breadcrumbs{padding: 0 .5rem;display: flex;flex-wrap: wrap;list-style: none;margin: 1.2rem 0 .8rem;line-height: 31px;}
125
+ .breadcrumbs > a, .breadcrumbs > span{font-size: var(--f-s-1);font-weight: var(--f-w-6);}
126
+ .breadcrumbs > a:not(:last-child)::after{content: "\e916";font-family: 'agorafonts' !important;font-size: var(--f-s-2);speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;letter-spacing: normal;vertical-align: middle;margin: 0 0.2rem;transform: translateY(0px);}
127
+ .breadcrumbs > a{text-decoration: underline;color: var(--c-1);}
128
+
129
+ .item-view > a{margin: 2px 2px 0;background: transparent;color: var(--c-1);display: inline-block;border-radius: 6px;padding: 4px 8px;font-size: var(--f-s-2);line-height: 26px;transition: 0.2s ease-in-out;font-weight:400;}
130
+ .item-view > a[data-agora-icon]:before{font-size: var(--f-s-4);margin: 0 0.4rem 0 0;}
131
+ .item-view > a:hover, .item-view > a.active{background: var(--c-1);color: var(--c-99);}
132
+ .item-h + main{background: #f4f5f7}
133
+
134
+ .search-property-detailview .alice-carousel:has(.alice-carousel__stage li:only-child) div[class^="alice-carousel"][class$="btn"]{display:none}
135
+ .search-property-detailview > button:first-child + div{height: 82vh !important;min-height: unset !important}
136
+
137
+ @media screen and (min-width: 840px){
138
+ .SearchBar-wrapper{position: sticky;z-index: 10;left: 0;right: 0;top: 90px}
139
+ .map-plugin>.aga-map-plugin section:first-child+section{min-height: calc(100vh - 172px);}
140
+ .SearchBar-wrapper .property-headings{display:none}
141
+ }
142
+ @media screen and (min-width: 640px){
143
+ /*map full screen start*/
144
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .item-h,
145
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .SearchBar-wrapper,
146
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .builder-dis-detail,
147
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .aga-content section:first-child > ul,
148
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .aga-content section:first-child > ul + h1,
149
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .aga-content section:first-child > ul + h1 + h2,
150
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .f-mma,
151
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .item-f,
152
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .mma-container{display: none}
153
+
154
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .aga-content section:first-child{position: unset;max-height: unset;top: unset;height: 100vh;width: 100vw;padding: 0 !important;}
155
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .aga-map-plugin section:first-child:has(>ul)>h1+div{height: 100%;border-radius: 0 !important;}
156
+ .body_propertymapsearch:has(.aga-content section:first-child i.aga-fullscreen-exit) .aga-map-plugin section:first-child:has(>ul) .map-actions{top: 20px}
157
+ /*map full screen end*/
158
+ }
159
+
160
+ @media (min-width: 1025px){
161
+ .body_propertymapsearch .item-h > section{--cs: 12;}
162
+ }
163
+
164
+ @media (min-width: 1440px){
165
+ .body_propertymapsearch .item-h > section{--cs: 16;}
166
+ }
167
+
168
+ @media (max-width: 1200px){
169
+ .item-dr-la.active + .item-dr-c{max-height: initial;width: 100%;overflow:visible}
170
+ .item-ac > .a-b-2[data-agora-icon]{font-size: 0;padding: 0 12px;vertical-align:middle;background:transparent;border:1px solid var(--c-1);color:var(--c-1);}
171
+ .item-ac > .a-b-2[data-agora-icon]:before{display:inline-block;font-size: 23px}
172
+ .item-con{display: inline-block;}
173
+ .item-dr-la{text-align: left;width: 100%;padding: 0 1rem 0 2rem;line-height: inherit;}
174
+ .item-dr-la.active + .item-dr-c{max-height: initial;width: 100%;overflow:visible;}
175
+ .item-dr-la.active + .item-dr-c{padding: 1.5rem;}
176
+ .item-ac .cancel-btn.s-d-ib-l{display: inline-block !important;}
177
+ body.company.srch-opnd footer{display:none;}
178
+ }
179
+ @media (min-width: 1200px){
180
+ .item-dr-c.any{width: 380px}
181
+ .item-dr-c.more{width: 700px;}
182
+ .aga-map-plugin .aga-map-item .nav{visibility:hidden;}
183
+ .aga-map-plugin .aga-map-item:hover .nav{visibility:visible !important;}
184
+ .item-ac > [aria-label="savesearch"]{height: 35px;line-height: 35px;}
185
+ .item-ac > .clear-search-btn{height:unset;line-height:unset;}
186
+ }
187
+ @media only screen and (max-width: 840px){
188
+ .map-plugin > .aga-map-plugin section:first-child + section{padding-top: 2rem !important}
189
+ body .choice.view:not(:checked) ~ .aga-map-plugin .properties-more{top: -25px !important;display:none;}
190
+ body .choice.view:not(:checked) ~ .aga-map-plugin .properties-more i:before{line-height: 14px;}
191
+ .aga-map-item span:not(:first-child) h2{margin-bottom: 1.8rem;}
192
+ .aga-map-item span:first-child h2{display: none}
193
+ .aga-map-plugin .aga-map-item .nav{z-index: 2;}
194
+ .search-property-detailview > button:first-child + div > .header > div:first-child > div,
195
+ .search-property-detailview>button:first-child + div > .slider-gallery + div{width: 100%;}
196
+ .search-property-detailview > button:first-child + div > .header > div:first-child > div:last-child > .property-price{margin-bottom: 3rem;}
197
+ .aga-map-plugin .aga-map-item span + span > h3{display: block !important;}
198
+ body.choice-view-active .aga-map-plugin section:first-child + section > div:first-child + div{height: calc(100vh - 250px) !important;overflow-y: auto;}
199
+
200
+ .aga-map-plugin section:first-child + section, .aga-map-plugin section:first-child{padding: 0 8px 8px 8px !important;margin-right: 0px !important;}
201
+ .body_propertymapsearch .item-f{display: none}
202
+
203
+ .aga-map-plugin section:first-child+section>div:first-child{justify-content: flex-end !important;}
204
+ .aga-map-plugin section:first-child+section>div:first-child> .sort-div{margin: 0 8px 8px 0 !important;}
205
+ .item-onstxt{font-size: inherit;}
206
+ }
207
+ @media screen and (max-width:640px){
208
+ .item-n-1 ~ nav > p{width: 100%;}
209
+ .aga-map-item > span:first-child h3{font-size: var(--f-s-2) !important;}
210
+ body .aga-map-plugin section:first-child + section h1{margin-bottom: 4rem !important;}
211
+ body .choice.view:checked ~ .aga-map-plugin .properties-more{top: -24px !important;}
212
+ .choice.view:checked ~ .aga-map-plugin .aga-map-item .actions{bottom: 10px;}
213
+
214
+ .choice.view:checked~.aga-map-plugin .aga-map-item{width: calc(100% / 1 - 8px) !important;}
215
+ .aga-map-plugin{justify-content: center !important;}
216
+
217
+ .aga-map-plugin .map-actions ul .expand{display: none;}
218
+ }
219
+ /*Mappage*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ag-design",
3
- "version": "1.0.26",
3
+ "version": "1.0.28",
4
4
  "description": "AG Design Core Framework",
5
5
  "repository": {
6
6
  "type": "git",
package/property-card.css ADDED
@@ -0,0 +1,81 @@
1
+ /*Property card*/
2
+ /* .article-header { flex: 1;}
3
+ .article-header h3 { font-size: var(--f-s-3) !important; line-height: 31px; xwidth: calc(100% - 115px); flex-grow: 1; }
4
+ .article-header>h3:first-line { font-size: var(--f-s-3);}
5
+ .property.sold [id^="save-"],.property.sold [id^="favourite-"]{ display:none !important}
6
+ .card.property .full .ca-f-b-1{background:color-mix(in srgb, var(--c-100) 50%, transparent) !important;opacity:unset;} */
7
+ /*Property card*/
8
+ /* .article-header h3.f-s-5:has(>br):first-line { color: var(--c-o-1, var(--c-1)); font-family: var(--s-f); font-size: var(--f-s-5); font-weight: var(--f-w-4);}
9
+ .property .p-badge{margin: 16px 0 0 16px;}
10
+ .card.property:hover .full{display:block !important;}
11
+ .card.property .full{top:18px;right:18px;z-index:10}
12
+ .card.property .full .ca-f-b-1{ background-color:var(--bu-bg-c-100); height:35px;width:35px; line-height:35px !important;min-height:35px;min-width:35px;}
13
+ .ca-f-b-1:before{ line-height:35px !important;height:35px;width:35px;}
14
+ .card.property .full .ca-f-b-1:hover:before{color:var(--c-2);}
15
+ .property.card.style-1:not(.dash) .article-header{border-radius: 0 0 4px 4px;}
16
+ .property.card.style-1 img{border-radius:4px 4px 0 0 ;} */
17
+
18
+ /*Webbuilder card*/
19
+ /* .card.property .icons { top: 10px; right: 18px;}
20
+ .card.property .icons .ca-f-b-1{height: 35px;width: 35px;line-height: 35px !important; min-height: 35px; min-width: 35px;}
21
+ .card.property .icons .ca-f-b-1:before{color:var(--c-99)}
22
+ .manage-agent-property .card.property.agent-hidden .show-property.w-icon,.manage-agent-property .card.property:not(.agent-listing):not(.agent-own) .add-property.w-icon { display: block !important; background-color: #0b640b;}
23
+ .manage-agent-property .card.property.agent-listing:not(.agent-hidden) .hide-property.w-icon, .manage-agent-property .card.property:not(.agent-listing):not(.agent-hidden).agent-own .hide-property.w-icon { display: block !important; background: #a50b0b;}
24
+ .manage-agent-property .agent-hidden figure { opacity: .2;} */
25
+ /*Webbuilder card*/
26
+
27
+ /* @media (min-width: 1025px) {
28
+ .card.property .full{display:none;}
29
+ .card.property:hover .full{display:block !important;}
30
+ } */
31
+
32
+ /*property---cards---start*/
33
+ /* .card.property.style-40 .property-card-container{line-height:15px;gap:10px;min-height:146px;}
34
+ .card.property.style-40 .property-card-container .properties-size span:before,.card.property.style-41 .property-card-container .properties-size span:before,.card.property.style-42 .property-card-container .properties-size span:before{content: "|"; left: -8px; position: absolute; margin-left:1px;}
35
+ .card.property.style-40 .property-card-container .properties-size span:first-child:before,.card.property.style-41 .property-card-container .properties-size span:first-child:before,.card.property.style-42 .property-card-container .properties-size span:first-child:before{display: none;}
36
+ .card.property.style-40:hover::before{content: '';position: absolute;height: 100%;width: 100%;left: 0;top: 0;color: var(--c-99);text-align: center;line-height: 43px;background: rgb(255 255 255 / 80%);z-index:99;}
37
+ .card.property.style-40:hover .hover-btn{position:absolute;top:0;color:var(--c-100);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:99;visibility:visible!important;}
38
+ .card.property.style-40 .hover-btn{display:none;}
39
+ .card.property.style-40 .hover-btn a{border:2px solid var(--c-100);padding:10px 30px 10px 30px;}
40
+ .card.property.style-40 .hover-btn a:hover{background:var(--c-99);}
41
+ .card.property.style-40 .p-badge,.card.property.style-41 .p-badge,.card.property.style-42 .p-badge{top:3px;left:3px;}
42
+ .card.property.style-40:hover .Card-Menu{z-index:999;}
43
+ .card.property.style-41 .property-card-container{gap:10px;line-height:15px;}
44
+ .card.property.style-42 .property-card-container{gap:8px;}
45
+ .template-list .template-preview-item:hover{background-position: bottom !important;}
46
+ .template-list .template-preview-item{background-size: 100% !important;aspect-ratio: 1.06;}
47
+ body.company.agent-template-1 .featured[data-view-mode="gallery"] .featured-slider{justify-content: center;display: flex !important;padding:0;}
48
+ .card.property .article-header h3 a.ca-l{color: hsla(0, 0%, 100%, .01)!important;}
49
+ .card.property .article-header h3 a:hover{background:none;}
50
+ @media only screen and (min-width: 1025px) {
51
+ body .company.agent-template-1 .featured[data-view-mode="carousel"][data-slider-view="1"] [class*="gallery-template-"] { max-width: 1024px; margin: 0 auto;}
52
+ }
53
+
54
+ @media only screen and (max-width: 840px) {
55
+ body.company.agent-template-1 .featured[data-view-mode="gallery"] .featured-slider .card.property {
56
+ width: calc(50% - 16px);
57
+ }
58
+ }
59
+ @media only screen and (max-width: 480px) {
60
+ body.company.agent-template-1 .featured[data-view-mode="gallery"] .featured-slider .card.property {
61
+ width: calc(100% - 16px);
62
+ }
63
+ }
64
+
65
+ @media only screen and (min-width: 840px) {
66
+ body.company.agent-template-1 .featured[data-view-mode="gallery"] .gallery-template-3 .featured-slider .card.property {
67
+ width: calc(50% - 16px);
68
+ margin: 8px;
69
+ }
70
+ }
71
+ .featured[data-view-mode="gallery"] .gallery-template-2 .featured-slider .card.property {
72
+ flex-grow: 1;
73
+ } */
74
+ /*property---cards---end*/
75
+ .property.style-1 .bed-bath{border-right: 1px solid var(--c-6);padding-right: 30px;margin-right: 30px;}
76
+ .property.style-1 .p-badge .l-type{border: 0 !important;}
77
+ .property.style-1 .p-badge {top:5px;left: 5px;}
78
+ .property.style-1 .bed-bath,.property.style-1 .sqft{gap:12px}
79
+ .property.style-1 figure.p-img-con::after{content: "";position: absolute;inset: 0;background: radial-gradient( circle at bottom right, rgba(0, 0, 0, 0.6), transparent 60% );border-radius: inherit;}
80
+ .property.style-1 figure.p-img-con .full{z-index: 9;}
81
+ .property.style-1 span.s-u-l{--_p: 100%}
package/quill-editor.css ADDED
@@ -0,0 +1,198 @@
1
+ x.dark{--ql-border:#3f3f46;--ql-border-light:#52525b;--ql-border-active:#60a5fa;--ql-text-toolbar:#e4e4e7;--ql-text-toolbar-light:#a1a1aa;--ql-toolbar-bg:#18181b;--ql-hover-bg:rgba(255,255,255,.06);--ql-active-bg:rgba(96,165,250,.15);--ql-accent:#60a5fa;--ql-accent-hover:#93c5fd}
2
+ .ql-editor-wrapper{font-family:var(--ql-content-font);position:relative}
3
+ .ql-editor-wrapper:focus-within{border-color:var(--ql-border-active)}
4
+ .dark .ql-editor-wrapper,.ql-editor-wrapper.dark{background:#09090b}
5
+ .ql-editor-wrapper.preview-mode,.ql-editor-wrapper.preview-mode:focus-within{border:none;border-radius:0;background:transparent}
6
+ .ql-edit-mode .ql-container{border:1px solid var(--ql-border)!important;border-radius:var(--b-r-10)!important;background:#09090b;overflow:hidden}
7
+ .ql-edit-mode:focus-within .ql-container{border-color:var(--ql-border-active)!important}
8
+ .ql-preview-mode .ql-container,.ql-container.ql-snow{border:none!important;background:transparent!important}
9
+ .ql-toolbar.ql-snow{position:sticky!important;top:0!important;z-index:1000!important;display:flex!important;flex-wrap:wrap!important;gap:2px!important;padding:6px 12px!important;border:none!important;background:var(--ql-toolbar-bg)!important;border-bottom:1px solid var(--ql-border)!important}
10
+ .ql-snow.ql-toolbar .ql-formats{display:inline-flex!important;align-items:center!important;gap:2px!important;margin:0!important;padding:0 4px!important;border-right:1px solid var(--ql-border-light)!important}
11
+ .ql-snow.ql-toolbar .ql-formats:first-child{padding-left:0}
12
+ .ql-snow.ql-toolbar .ql-formats:last-child{padding-right:0;border-right:none}
13
+ .ql-snow.ql-toolbar button,.ql-snow.ql-toolbar .ql-custom-btn{width:28px!important;height:28px!important;padding:0!important;border:none!important;border-radius:4px!important;background:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:var(--ql-transition)!important;color:var(--ql-text-toolbar-light)!important;font-size:14px!important;font-weight:500!important}
14
+ .ql-snow.ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-custom-btn:hover{background:var(--ql-hover-bg)!important;color:var(--ql-accent)!important}
15
+ .ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-custom-btn.ql-active{background:var(--ql-active-bg)!important;color:var(--ql-accent)!important}
16
+ .ql-snow.ql-toolbar button svg,.ql-snow.ql-toolbar .ql-custom-btn svg{width:16px!important;height:16px!important}
17
+ .ql-undo-group{gap:1px!important}
18
+ .ql-undo-group button{font-size:16px!important;font-weight:600!important}
19
+ .ql-snow .ql-stroke{stroke:var(--ql-text-toolbar-light)!important;stroke-width:1.6!important}
20
+ .ql-snow .ql-fill{fill:var(--ql-text-toolbar-light)!important}
21
+ .ql-snow button:hover .ql-stroke,.ql-snow button.ql-active .ql-stroke{stroke:var(--ql-accent)!important}
22
+ .ql-snow button:hover .ql-fill,.ql-snow button.ql-active .ql-fill{fill:var(--ql-accent)!important}
23
+ .ql-snow.ql-toolbar button.ql-htmlToggle::before{content:"</>";font-size:12px;font-weight:700;font-family:monospace;color:var(--ql-text-toolbar-light)}
24
+ .ql-snow.ql-toolbar button.ql-close::before{content:"✕";font-size:12px;color:var(--ql-text-toolbar-light)}
25
+ .ql-snow.ql-toolbar button.ql-close:hover::before{color:#ef4444!important}
26
+ .ql-snow.ql-toolbar .ql-picker{display:inline-flex!important;align-items:center!important;position:relative!important}
27
+ .ql-snow.ql-toolbar .ql-picker-label{height:28px!important;display:flex!important;align-items:center!important;padding:0 20px 0 8px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;color:var(--ql-text-toolbar)!important;background:transparent!important;border:none!important;cursor:pointer;position:relative;gap:4px!important}
28
+ .ql-snow.ql-toolbar .ql-picker-label:hover{background:var(--ql-hover-bg)!important}
29
+ .ql-snow.ql-toolbar .ql-picker-label::after{content:"▼"!important;position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;font-size:8px!important;line-height:1!important;color:#64748b!important}
30
+ .ql-snow .ql-picker-label svg,.ql-snow .ql-picker-label .ql-stroke{display:none!important}
31
+ .ql-snow.ql-toolbar .ql-picker-options{padding:4px 0!important;border:1px solid var(--ql-border)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;z-index:999999!important;min-width:140px!important;max-height:300px!important;overflow-y:auto!important;overflow-x:hidden!important;position:absolute!important}
32
+ .ql-snow.ql-toolbar .ql-picker-options::-webkit-scrollbar{width:6px}
33
+ .ql-snow.ql-toolbar .ql-picker-options::-webkit-scrollbar-track{background:var(--ql-border-light);border-radius:3px}
34
+ .ql-snow.ql-toolbar .ql-picker-options::-webkit-scrollbar-thumb{background:var(--ql-accent);border-radius:3px}
35
+ .dark .ql-snow.ql-toolbar .ql-picker-options{background:#18181b!important}
36
+ .ql-snow.ql-toolbar .ql-picker-item{padding:6px 12px!important;border-radius:0!important;font-size:12px!important;color:var(--ql-text-toolbar)!important;transition:var(--ql-transition)!important;cursor:pointer}
37
+ .ql-snow.ql-toolbar .ql-picker-item:hover{background:var(--ql-hover-bg)!important;color:var(--ql-accent)!important}
38
+ .ql-snow.ql-toolbar .ql-picker.ql-header{width:80px!important}
39
+ .ql-snow.ql-toolbar .ql-picker.ql-font{width:130px!important}
40
+ .ql-snow.ql-toolbar .ql-picker.ql-size{width:55px!important}
41
+ .ql-snow.ql-toolbar .ql-picker.ql-align{width:auto!important;min-width:28px!important}
42
+ .ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-label{width:28px!important;padding:0!important}
43
+ .ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-label::after{display:none}
44
+ .ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-label svg{width:16px!important;height:16px!important}
45
+ .ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=arial]::before,.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=arial]::before{content:"Arial";font-family:Arial,sans-serif}
46
+ .ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=helvetica]::before,.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=helvetica]::before{content:"Helvetica";font-family:Helvetica,sans-serif}
47
+ .ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=times-new-roman]::before,.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=times-new-roman]::before{content:"Times New Roman";font-family:'Times New Roman',serif}
48
+ .ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=verdana]::before,.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=verdana]::before{content:"Verdana";font-family:Verdana,sans-serif}
49
+ .ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=georgia]::before,.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=georgia]::before{content:"Georgia";font-family:Georgia,serif}
50
+ .ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=courier-new]::before,.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=courier-new]::before{content:"Courier New";font-family:'Courier New',monospace}
51
+ .ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=comic-sans-ms]::before,.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=comic-sans-ms]::before{content:"Comic Sans MS";font-family:'Comic Sans MS',cursive}
52
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label::before{content:"Size"!important}
53
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="0.625rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="0.625rem"]::before{content:"10"!important}
54
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="0.75rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="0.75rem"]::before{content:"12"!important}
55
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="0.875rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="0.875rem"]::before{content:"14"!important}
56
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="1rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="1rem"]::before{content:"16"!important}
57
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="1.125rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="1.125rem"]::before{content:"18"!important}
58
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="1.25rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="1.25rem"]::before{content:"20"!important}
59
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="1.5rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="1.5rem"]::before{content:"24"!important}
60
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="1.75rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="1.75rem"]::before{content:"28"!important}
61
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="2rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="2rem"]::before{content:"32"!important}
62
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="2.25rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="2.25rem"]::before{content:"36"!important}
63
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="2.5rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="2.5rem"]::before{content:"40"!important}
64
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="3rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="3rem"]::before{content:"48"!important}
65
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="3.5rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="3.5rem"]::before{content:"56"!important}
66
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="4rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="4rem"]::before{content:"64"!important}
67
+ .ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value="4.5rem"]::before,.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value="4.5rem"]::before{content:"72"!important}
68
+ .ql-custom-color-btn,.ql-custom-bg-btn{width:28px!important;height:28px!important;padding:0!important;border:none!important;background:transparent!important;cursor:pointer;border-radius:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:var(--ql-transition)!important}
69
+ .ql-custom-color-btn:hover,.ql-custom-bg-btn:hover{background:var(--ql-hover-bg)!important}
70
+ .ql-custom-color-btn svg,.ql-custom-bg-btn svg{width:16px;height:16px;display:block}
71
+ .ql-custom-palette{position:fixed!important;padding:10px!important;background:#fff!important;border:1px solid var(--ql-border)!important;border-radius:8px!important;box-shadow:0 4px 16px rgba(0,0,0,.15)!important;z-index:9999999!important;margin-top:4px!important}
72
+ .dark .ql-custom-palette{background:#1a1a1f!important}
73
+ .ql-palette-label{display:none!important}
74
+ .ql-palette-row{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}
75
+ .ql-color-dot{width:26px!important;height:26px!important;border-radius:50%!important;border:2px solid var(--ql-border-light)!important;cursor:pointer;transition:all .12s ease;flex-shrink:0}
76
+ .ql-color-dot:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}
77
+ .ql-color-dot.active{box-shadow:0 0 0 2px var(--ql-accent);border-color:var(--ql-accent)}
78
+ .dark .ql-color-dot{border-color:#3f3f46!important}
79
+ .ql-custom-picker-btn{width:26px!important;height:26px!important;border-radius:50%!important;border:2px dashed #9ca3af!important;background:#f8fafc!important;cursor:pointer;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .12s ease;flex-shrink:0;position:relative;font-size:14px;font-weight:bold}
80
+ .dark .ql-custom-picker-btn{background:#2a2a30!important;border-color:#6b7280!important}
81
+ .ql-custom-picker-btn::before{content:"+"!important;font-size:12px;font-weight:600;color:#6b7280}
82
+ .ql-custom-picker-btn:hover{border-color:var(--ql-accent)!important;background:var(--ql-hover-bg)!important}
83
+ .ql-custom-picker-btn:hover::before{color:var(--ql-accent)!important}
84
+ .ql-custom-palette input[type=color]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
85
+ .ql-editor-statusbar{display:flex;align-items:center;gap:16px;padding:6px 24px;border-bottom:1px solid var(--ql-border);background:var(--ql-toolbar-bg);font-size:11px;font-weight:500;color:var(--ql-text-white-dim)}
86
+ .ql-status-item{display:flex;align-items:center;gap:6px}
87
+ .ql-status-item i{font-size:11px;opacity:.7}
88
+ .ql-status-divider{opacity:.4}
89
+ .ql-container.ql-snow{border:none!important;background:transparent!important}
90
+ .ql-toolbar.ql-snow{background:var(--ql-toolbar-bg)!important}
91
+ .dark .ql-snow .ql-picker-options{background:#18181b!important}
92
+ .ql-editor{padding:32px 40px!important;color:var(--ql-text-white)!important;font-family:var(--ql-content-font)!important;font-size:var(--ql-content-font-size)!important;line-height:var(--ql-content-line-height)!important;overflow-y:hidden!important;min-height:unset!important;height:auto!important}
93
+ .ql-editor.ql-blank::before{color:var(--ql-text-white-dim)!important;opacity:.6;font-style:normal!important;font-weight:400;left:40px!important;top:32px!important}
94
+ .ql-editor p,.ql-preview-content p{margin:0 0 .25rem;line-height:inherit;color:var(--ql-text-white)}
95
+ .ql-editor p:last-child,.ql-preview-content p:last-child{margin-bottom:0}
96
+ .ql-editor h1,.ql-preview-content h1{font-size:2rem;font-weight:700;margin:.75rem 0 .5rem;line-height:1.3;color:var(--ql-text-white)}
97
+ .ql-editor h1:first-child,.ql-preview-content h1:first-child{margin-top:0}
98
+ .ql-editor h2,.ql-preview-content h2{font-size:1.5rem;font-weight:650;margin:.6rem 0 .4rem;line-height:1.35;color:var(--ql-text-white)}
99
+ .ql-editor h3,.ql-preview-content h3{font-size:1.25rem;font-weight:630;margin:.5rem 0 .35rem;line-height:1.4;color:var(--ql-text-white)}
100
+ .ql-editor ul,.ql-preview-content ul,.ql-editor ol,.ql-preview-content ol{margin:.25rem 0 .5rem 1.8rem;padding:0}
101
+ .ql-editor li,.ql-preview-content li{margin:.15rem 0;line-height:inherit;color:var(--ql-text-white)}
102
+ .ql-editor ul li,.ql-preview-content ul li,.ql-editor ol li,.ql-preview-content ol li{list-style-type:none}
103
+ .ql-editor blockquote,.ql-preview-content blockquote{border-left:3px solid var(--ql-accent);margin:.5rem 0;padding:.25rem 0 .25rem 1.2rem;color:var(--ql-text-white-dim);background:rgba(255,255,255,.05);border-radius:0 12px 12px 0}
104
+ .ql-editor pre.ql-syntax,.ql-preview-content pre{background:rgba(0,0,0,.35);border-radius:12px;padding:.75rem 1.2rem;margin:.5rem 0;font-family:'Courier New',monospace;font-size:13px;color:var(--ql-text-white);line-height:1.4}
105
+ .ql-editor a,.ql-preview-content a{color:var(--ql-accent);text-decoration:underline;text-underline-offset:2px}
106
+ .ql-editor a:hover,.ql-preview-content a:hover{color:var(--ql-accent-hover)}
107
+ .ql-editor img,.ql-preview-content img{max-width:100%;height:auto;border-radius:8px;display:block;margin:.5rem 0}
108
+ .ql-editor span[style*=font-size]{line-height:1.2}
109
+ .ql-preview-content{padding:32px 40px;color:var(--ql-text-white);font-family:var(--ql-content-font);font-size:var(--ql-content-font-size);line-height:var(--ql-content-line-height)}
110
+ .ql-preview-content code{font-family:'Courier New',monospace;font-size:13px;background:rgba(0,0,0,.25);padding:.1em .35em;border-radius:4px}
111
+ .ql-editor table,.ql-preview-content table{border-collapse:collapse;width:100%;margin:.5rem 0}
112
+ .ql-editor td,.ql-editor th,.ql-preview-content td,.ql-preview-content th{border:1px solid var(--ql-border-light);padding:8px;text-align:left}
113
+ .ql-editor th,.ql-preview-content th{background:rgba(255,255,255,.05);font-weight:600}
114
+ .ql-editor::-webkit-scrollbar{width:5px}
115
+ .ql-editor::-webkit-scrollbar-track{background:transparent}
116
+ .ql-editor::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px}
117
+ .ql-snow.ql-toolbar button:focus-visible,.ql-color-dot:focus-visible,.ql-custom-picker-btn:focus-visible{outline:2px solid var(--ql-accent);outline-offset:2px}
118
+ .ql-editor ::selection,.ql-preview-content ::selection{background:var(--ql-accent);color:var(--ql-text-white)}
119
+ .ql-cms-block-wrapper{cursor:not-allowed!important;position:relative;display:block;width:100%;margin:18px 0;border:1px dashed rgba(180,180,180,.25);border-radius:8px;background:rgba(255,255,255,.02);overflow:hidden;transition:all .2s ease}
120
+ .ql-cms-block-wrapper:hover{background:rgba(255,255,255,.05);border-color:rgba(200,200,200,.4)}
121
+ .ql-cms-block-overlay{position:absolute;inset:0;background:rgba(120,120,120,0);transition:background .2s ease;pointer-events:none;z-index:2}
122
+ .ql-cms-block-wrapper:hover .ql-cms-block-overlay{background:rgba(120,120,120,.15)}
123
+ .ql-cms-block-label{position:absolute;top:10px;right:10px;font-size:10px;font-weight:600;letter-spacing:.4px;background:rgba(20,20,20,.95);color:#eaeaea;padding:4px 8px;border-radius:6px;pointer-events:none;user-select:none;z-index:3;opacity:.9}
124
+ @media (max-width:768px){.ql-toolbar.ql-snow{overflow-x:auto!important;flex-wrap:nowrap!important;gap:2px!important;padding:6px 8px!important}.ql-snow.ql-toolbar .ql-formats{gap:1px!important;padding:0 2px!important}.ql-snow.ql-toolbar button,.ql-snow.ql-toolbar .ql-custom-btn{width:26px!important;height:26px!important}.ql-snow.ql-toolbar .ql-picker-label{height:26px!important;font-size:11px!important;padding:0 18px 0 6px!important}.ql-snow.ql-toolbar .ql-picker-label::after{font-size:9px!important;right:5px!important}.ql-snow.ql-toolbar .ql-picker.ql-header{width:70px!important}.ql-snow.ql-toolbar .ql-picker.ql-font{width:80px!important}.ql-snow.ql-toolbar .ql-picker.ql-size{width:50px!important}.ql-editor,.ql-preview-content{padding:20px!important}.ql-editor.ql-blank::before{left:20px!important;top:20px!important}.ql-custom-palette{position:fixed!important;top:auto!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;max-width:280px!important;min-width:240px!important;z-index:9999999!important}.ql-palette-row{flex-wrap:wrap!important;justify-content:center;gap:6px}.ql-color-dot{width:30px!important;height:30px!important}.ql-snow.ql-toolbar .ql-picker-options{z-index:9999999!important}}
125
+ .html-source-container{display:flex;flex-direction:column;height:500px;background:#1e1e1e;border-radius:8px;border:1px solid #3c3c3c;overflow:hidden;font-family:'Segoe UI',-apple-system,sans-serif}
126
+ .html-source-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#252526;border-bottom:1px solid #3c3c3c}
127
+ .html-source-header-left{display:flex;align-items:center;gap:8px}
128
+ .html-source-icon{color:#e37933;font-size:14px}
129
+ .html-source-title{color:#ccc;font-size:12px}
130
+ .html-source-header-right{display:flex;gap:4px}
131
+ .html-source-btn{padding:4px 8px;background:transparent;border:none;color:#aaa;cursor:pointer;font-size:12px;border-radius:4px;transition:all .2s ease}
132
+ .html-source-btn:hover{color:#ccc;background:#3a3a3a}
133
+ .html-source-close-btn{padding:4px 8px;background:transparent;border:none;color:#aaa;cursor:pointer;font-size:16px;border-radius:4px;line-height:1;transition:all .2s ease}
134
+ .html-source-close-btn:hover{color:#f48771;background:rgba(192,57,43,.133)}
135
+ .html-source-editor-area{display:flex;flex:1;overflow:hidden}
136
+ .html-source-line-numbers{background:#1e1e1e;padding:12px 0;min-width:48px;text-align:right;border-right:1px solid #2d2d2d;overflow-y:hidden;user-select:none;font-family:Consolas,Monaco,'Courier New',monospace;font-size:12px;line-height:1.5}
137
+ .html-source-line-number{padding:0 10px 0 6px;color:#6e7683;background:transparent;transition:all .1s ease}
138
+ .html-source-line-number.active{color:#d4d4d4;background:#2d2d2d}
139
+ .html-source-textarea{flex:1;padding:12px;background:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,'Courier New',monospace;font-size:12px;line-height:1.5;border:none;outline:none;resize:none;white-space:pre-wrap;word-wrap:break-word;caret-color:#aeafad}
140
+ .html-source-textarea::placeholder{color:#6e7683}
141
+ .html-source-statusbar{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;background:#007acc;color:#fff;font-size:11px;height:26px}
142
+ .html-source-status-left{font-weight:500}
143
+ .html-source-status-right{display:flex;gap:16px}
144
+ .html-source-status-item{font-family:monospace;font-size:10px}
145
+
146
+ .ql-color-palette{position:fixed;z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);padding:10px 12px;min-width:160px;user-select:none}
147
+ .ql-color-palette::before{content:"";position:absolute;top:-6px;left:14px;width:10px;height:10px;background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:rotate(45deg);border-radius:2px 0 0 0}
148
+ .ql-color-palette-label{font-size:10px;font-weight:600;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-family:system-ui,-apple-system,sans-serif}
149
+ .ql-color-palette-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
150
+ .ql-color-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;padding:0;outline:none;position:relative;flex-shrink:0}
151
+ .ql-color-dot:hover{transform:scale(1.18);box-shadow:0 2px 6px rgba(0,0,0,.18)}
152
+ .ql-color-dot.is-white{border-color:#cbd5e1}
153
+ .ql-color-dot.is-active{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #3b82f6}
154
+ .ql-color-dot.is-active.is-white{box-shadow:0 0 0 2.5px #f1f5f9,0 0 0 4.5px #3b82f6}
155
+ .ql-color-custom-btn{width:22px;height:22px;border-radius:50%;border:1.5px dashed #cbd5e1;background:#f8fafc;color:#64748b;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease,color .12s ease;padding:0;outline:none;flex-shrink:0;font-family:system-ui,-apple-system,sans-serif}
156
+ .ql-color-custom-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}
157
+
158
+ .bbl-toolbar{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:56px;white-space:nowrap;background:#1e1e21;border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:0 4px 8px rgba(0,0,0,.35),0 12px 35px rgba(0,0,0,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:1000}
159
+ .bbl-toolbar.bbl-visible{opacity:1;pointer-events:auto}
160
+ .bbl-caret{position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1e1e21}
161
+ .bbl-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;padding:0 7px;background:transparent;border:none;border-radius:7px;color:#b4b4bc;font-size:12px;cursor:pointer;transition:background .1s,color .1s}
162
+ .bbl-btn:hover{background:#2a2a2e;color:#f4f4f5}
163
+ .bbl-btn.bbl-active{background:#2a2a2e;color:#60a5fa}
164
+ .bbl-label{font-size:12.5px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif;line-height:1;letter-spacing:-.2px}
165
+ .bbl-font-label{font-size:11.5px;min-width:38px;max-width:64px;overflow:hidden;text-overflow:ellipsis;display:inline-block;text-align:center}
166
+ .bbl-sep{width:1px;height:16px;background:#2e2e35;margin:0 4px;flex-shrink:0}
167
+ .bbl-dropdown{position:relative}
168
+ .bbl-menu{position:absolute;top:calc(100% + 7px);left:0;min-width:100px;padding:5px;background:#18181b;border:1px solid #2a2a30;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.4),0 14px 30px rgba(0,0,0,.6);z-index:1002;animation:bbl-pop .12s ease}
169
+ @keyframes bbl-pop{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
170
+ .bbl-item{padding:6px 11px;border-radius:6px;border-left:2px solid transparent;color:#9ca3af;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif;cursor:pointer;transition:background .1s,color .1s}
171
+ .bbl-item:hover{background:#27272a;color:#f4f4f5}
172
+ .bbl-item.bbl-item-active{background:#1e2d4a;color:#60a5fa;border-left-color:#3b82f6;padding-left:9px}
173
+ .bbl-mdivider{height:1px;background:#27272a;margin:4px 3px}
174
+ .bbl-hitem{display:flex;align-items:center;gap:11px;padding:7px 11px;border-radius:7px;border-left:2px solid transparent;cursor:pointer;transition:background .1s}
175
+ .bbl-hitem:hover{background:#27272a}
176
+ .bbl-hitem.bbl-hitem-active{background:#1e2d4a;border-left-color:#3b82f6;padding-left:9px}
177
+ .bbl-hlabel{font-size:16px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif;color:#f4f4f5;min-width:24px;line-height:1}
178
+ .bbl-hitem.bbl-hitem-active .bbl-hlabel{color:#60a5fa}
179
+ .bbl-hdesc{font-size:11px;color:#52525b;font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif}
180
+ .bbl-color-trigger{display:flex;align-items:center;gap:6px}
181
+ .bbl-color-menu{top:calc(100% + 4px);left:0;min-width:auto;padding:8px 10px}
182
+ .bbl-color-section-label{font-size:10px;font-weight:600;letter-spacing:.5px;color:#71717a;margin-bottom:6px;padding-left:2px}
183
+ .bbl-circles-row{display:flex;align-items:center;gap:6px}
184
+ .bbl-preset-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .1s,box-shadow .1s}
185
+ .bbl-preset-dot:hover{transform:scale(1.1);box-shadow:0 2px 4px rgba(0,0,0,.3)}
186
+ .bbl-preset-dot-active{box-shadow:0 0 0 2px #3b82f6;transform:scale(1.05)}
187
+ .bbl-custom-dot{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px dashed rgba(140,140,140,.55);background:#27272a;flex-shrink:0;cursor:pointer;transition:transform .1s,border-color .1s}
188
+ .bbl-custom-dot:hover{transform:scale(1.08);border-color:rgba(140,140,140,.8)}
189
+ .bbl-custom-dot-fill{position:absolute;inset:3px;border-radius:50%;opacity:.9}
190
+ .bbl-custom-dot svg{position:relative;z-index:2;width:9px;height:9px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
191
+ .bbl-link-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:240px;padding:8px;background:#1c1c20;border:1px solid #2d2d33;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:9999}
192
+ .bbl-link-menu *{box-sizing:border-box}
193
+ .bbl-link-select,.bbl-link-input{width:100%;height:32px;padding:0 10px;font-size:12px;background:#232328;color:#d4d4d8;border:1px solid #313138;border-radius:6px;outline:none;transition:border-color .12s ease}
194
+ .bbl-link-input::placeholder{color:#777}
195
+ .bbl-link-select:hover,.bbl-link-input:hover{border-color:#444}
196
+ .bbl-link-select:focus,.bbl-link-input:focus{border-color:#60a5fa}
197
+ .bbl-link-apply{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:#3b82f6;color:#fff;flex-shrink:0;cursor:pointer;transition:background .12s ease}
198
+ .bbl-link-apply:hover{background:#4d8ff7}