33@import "tailwindcss/components" ;
44@import "tailwindcss/utilities" ;
55
6+ /* RESET */
7+ .ais-Breadcrumb-list ,
8+ .ais-CurrentRefinements-list ,
9+ .ais-HierarchicalMenu-list ,
10+ .ais-Hits-list ,
11+ .ais-FrequentlyBoughtTogether-list ,
12+ .ais-LookingSimilar-list ,
13+ .ais-RelatedProducts-list ,
14+ .ais-TrendingItems-list ,
15+ .ais-Results-list ,
16+ .ais-InfiniteHits-list ,
17+ .ais-InfiniteResults-list ,
18+ .ais-Menu-list ,
19+ .ais-NumericMenu-list ,
20+ .ais-Pagination-list ,
21+ .ais-RatingMenu-list ,
22+ .ais-RefinementList-list ,
23+ .ais-ToggleRefinement-list {
24+ margin : 0 ;
25+ padding : 0 ;
26+ list-style : none
27+ }
28+
29+ .ais-ClearRefinements-button ,
30+ .ais-CurrentRefinements-delete ,
31+ .ais-CurrentRefinements-reset ,
32+ .ais-GeoSearch-redo ,
33+ .ais-GeoSearch-reset ,
34+ .ais-HierarchicalMenu-showMore ,
35+ .ais-InfiniteHits-loadPrevious ,
36+ .ais-InfiniteHits-loadMore ,
37+ .ais-InfiniteResults-loadMore ,
38+ .ais-Menu-showMore ,
39+ .ais-RangeInput-submit ,
40+ .ais-RefinementList-showMore ,
41+ .ais-SearchBox-submit ,
42+ .ais-SearchBox-reset ,
43+ .ais-VoiceSearch-button {
44+ padding : 0 ;
45+ overflow : visible;
46+ font : inherit;
47+ line-height : normal;
48+ color : inherit;
49+ background : none;
50+ border : 0 ;
51+ cursor : pointer;
52+ -webkit-user-select : none;
53+ -moz-user-select : none;
54+ user-select : none
55+ }
56+
57+ .ais-ClearRefinements-button ::-moz-focus-inner ,
58+ .ais-CurrentRefinements-delete ::-moz-focus-inner ,
59+ .ais-CurrentRefinements-reset ::-moz-focus-inner ,
60+ .ais-GeoSearch-redo ::-moz-focus-inner ,
61+ .ais-GeoSearch-reset ::-moz-focus-inner ,
62+ .ais-HierarchicalMenu-showMore ::-moz-focus-inner ,
63+ .ais-InfiniteHits-loadPrevious ::-moz-focus-inner ,
64+ .ais-InfiniteHits-loadMore ::-moz-focus-inner ,
65+ .ais-InfiniteResults-loadMore ::-moz-focus-inner ,
66+ .ais-Menu-showMore ::-moz-focus-inner ,
67+ .ais-RangeInput-submit ::-moz-focus-inner ,
68+ .ais-RefinementList-showMore ::-moz-focus-inner ,
69+ .ais-SearchBox-submit ::-moz-focus-inner ,
70+ .ais-SearchBox-reset ::-moz-focus-inner ,
71+ .ais-VoiceSearch-button ::-moz-focus-inner {
72+ padding : 0 ;
73+ border : 0
74+ }
75+
76+ .ais-ClearRefinements-button [disabled ],
77+ .ais-CurrentRefinements-delete [disabled ],
78+ .ais-CurrentRefinements-reset [disabled ],
79+ .ais-GeoSearch-redo [disabled ],
80+ .ais-GeoSearch-reset [disabled ],
81+ .ais-HierarchicalMenu-showMore [disabled ],
82+ .ais-InfiniteHits-loadPrevious [disabled ],
83+ .ais-InfiniteHits-loadMore [disabled ],
84+ .ais-InfiniteResults-loadMore [disabled ],
85+ .ais-Menu-showMore [disabled ],
86+ .ais-RangeInput-submit [disabled ],
87+ .ais-RefinementList-showMore [disabled ],
88+ .ais-SearchBox-submit [disabled ],
89+ .ais-SearchBox-reset [disabled ],
90+ .ais-VoiceSearch-button [disabled ] {
91+ cursor : default
92+ }
93+
94+ .ais-InfiniteHits-loadPrevious ,
95+ .ais-InfiniteHits-loadMore ,
96+ .ais-HierarchicalMenu-showMore ,
97+ .ais-Menu-showMore ,
98+ .ais-RefinementList-showMore {
99+ overflow-anchor : none
100+ }
101+
102+ .ais-Breadcrumb-list ,
103+ .ais-Breadcrumb-item ,
104+ .ais-Pagination-list ,
105+ .ais-RangeInput-form ,
106+ .ais-RatingMenu-link ,
107+ .ais-PoweredBy {
108+ display : flex;
109+ align-items : center
110+ }
111+
112+ .ais-GeoSearch ,
113+ .ais-GeoSearch-map {
114+ height : 100%
115+ }
116+
117+ .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
118+ margin-left : 1em
119+ }
120+
121+ .ais-PoweredBy-logo {
122+ display : block;
123+ height : 1.2em ;
124+ width : auto
125+ }
126+
127+ .ais-PoweredBy-text {
128+ margin-right : .3rem
129+ }
130+
131+ .ais-RatingMenu-starIcon {
132+ display : block;
133+ width : 20px ;
134+ height : 20px
135+ }
136+
137+ .ais-SearchBox-input ::-ms-clear ,
138+ .ais-SearchBox-input ::-ms-reveal {
139+ display : none;
140+ width : 0 ;
141+ height : 0
142+ }
143+
144+ .ais-SearchBox-input ::-webkit-search-decoration ,
145+ .ais-SearchBox-input ::-webkit-search-cancel-button ,
146+ .ais-SearchBox-input ::-webkit-search-results-button ,
147+ .ais-SearchBox-input ::-webkit-search-results-decoration {
148+ display : none
149+ }
150+
151+ .ais-RangeSlider .rheostat {
152+ overflow : visible;
153+ margin-top : 40px ;
154+ margin-bottom : 40px
155+ }
156+
157+ .ais-RangeSlider .rheostat-background {
158+ height : 6px ;
159+ top : 0px ;
160+ width : 100%
161+ }
162+
163+ .ais-RangeSlider .rheostat-handle {
164+ margin-left : -12px ;
165+ top : -7px
166+ }
167+
168+ .ais-RangeSlider .rheostat-background {
169+ position : relative;
170+ background-color : # fff ;
171+ border : 1px solid # aaa
172+ }
173+
174+ .ais-RangeSlider .rheostat-progress {
175+ position : absolute;
176+ top : 1px ;
177+ height : 4px ;
178+ background-color : # 333
179+ }
180+
181+ .rheostat-handle {
182+ position : relative;
183+ z-index : 1 ;
184+ width : 20px ;
185+ height : 20px ;
186+ background-color : # fff ;
187+ border : 1px solid # 333 ;
188+ border-radius : 50% ;
189+ cursor : grab
190+ }
191+
192+ .rheostat-marker {
193+ margin-left : -1px ;
194+ position : absolute;
195+ width : 1px ;
196+ height : 5px ;
197+ background-color : # aaa
198+ }
199+
200+ .rheostat-marker--large {
201+ height : 9px
202+ }
203+
204+ .rheostat-value {
205+ margin-left : 50% ;
206+ padding-top : 15px ;
207+ position : absolute;
208+ text-align : center;
209+ transform : translateX (-50% )
210+ }
211+
212+ .rheostat-tooltip {
213+ margin-left : 50% ;
214+ position : absolute;
215+ top : -22px ;
216+ text-align : center;
217+ transform : translateX (-50% )
218+ }
6219/* ... */
7220
8221/* Table of contents
@@ -3593,13 +3806,9 @@ figcaption a {
35933806
35943807/* Modal Content */
35953808.modal-content {
3596- background-color : rgba ( 0 , 0 , 0 , 0.8 ) ;
3809+ background-color : transparent ;
35973810 margin : 15% auto;
3598- /* 15% from the top and centered */
3599- padding : 20px ;
3600- border : 1px solid # 888 ;
3601- width : 80% ;
3602- /* Could be more or less, depending on screen size */
3811+
36033812}
36043813
36053814/* The Close Button */
@@ -3612,7 +3821,7 @@ figcaption a {
36123821
36133822.close : hover ,
36143823.close : focus {
3615- color : black ;
3824+ color : # 3d3d3d ;
36163825 text-decoration : none;
36173826 cursor : pointer;
36183827}
@@ -3624,7 +3833,8 @@ figcaption a {
36243833}
36253834
36263835.agolia_modal_box {
3627- @apply bg-[# 1E293B ] max-w-xl min-w-[800px ] max-h-[600px ] self-start mt-[10vmin ] rounded-xl border-t border-gray-100 border-opacity-10;
3836+ background : var (--background-color );
3837+ @apply max-w-xl min-w-[90% ] max-h-[80% ] self-start mt-[10vmin ] rounded-xl border-t border-gray-100 border-opacity-10;
36283838}
36293839
36303840.agolia_modal_box header {
0 commit comments