@sunrise-upc/sales-static-components 3.8.1-beta.0 → 3.8.1-beta.1

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.
@@ -110,12 +110,12 @@
110
110
  border-radius: 0 !important;
111
111
  }
112
112
 
113
- .swiper-button-prev,
114
- .swiper-button-next,
115
- .swiper-rtl .swiper-button-next,
116
- .swiper-rtl .swiper-button-prev,
117
- .swiper ~ .swiper-button-prev,
118
- .swiper ~ .swiper-button-next {
113
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
114
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
115
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
116
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
117
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev,
118
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
119
119
  width: 44px;
120
120
  height: 44px;
121
121
  background: #ffffff;
@@ -126,94 +126,94 @@
126
126
  top: 50%;
127
127
  margin-top: -22px;
128
128
  }
129
- .swiper-button-prev svg,
130
- .swiper-button-next svg,
131
- .swiper-rtl .swiper-button-next svg,
132
- .swiper-rtl .swiper-button-prev svg,
133
- .swiper ~ .swiper-button-prev svg,
134
- .swiper ~ .swiper-button-next svg {
129
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev svg,
130
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next svg,
131
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next svg,
132
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev svg,
133
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev svg,
134
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next svg {
135
135
  width: 40%;
136
136
  height: 40%;
137
137
  }
138
138
 
139
139
  @media (max-width: 1024px) {
140
- .swiper-button-prev,
141
- .swiper-button-next {
140
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
141
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
142
142
  display: none;
143
143
  }
144
144
  }
145
- .swiper-button-prev::after,
146
- .swiper-button-next::after,
147
- .swiper-rtl .swiper-button-next::after,
148
- .swiper-rtl .swiper-button-prev::after,
149
- .swiper ~ .swiper-button-prev::after,
150
- .swiper ~ .swiper-button-next::after {
145
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev::after,
146
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next::after,
147
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next::after,
148
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev::after,
149
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev::after,
150
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next::after {
151
151
  font-size: 16px;
152
152
  }
153
153
 
154
- .swiper-button-prev,
155
- .swiper-rtl .swiper-button-prev,
156
- .swiper ~ .swiper-button-prev {
154
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
155
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
156
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev {
157
157
  left: 0 !important;
158
158
  }
159
159
 
160
- .swiper-button-next,
161
- .swiper-rtl .swiper-button-next,
162
- .swiper ~ .swiper-button-next {
160
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
161
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
162
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
163
163
  right: 0 !important;
164
164
  }
165
165
 
166
166
  @media (min-width: 768px) and (max-width: 1023px) {
167
- .swiper-button-prev {
167
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
168
168
  left: calc(50% - 310px) !important;
169
169
  transform: translateX(-100%);
170
170
  }
171
- .swiper-button-next {
171
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
172
172
  left: calc(50% + 310px) !important;
173
173
  right: auto;
174
174
  }
175
175
  }
176
176
  @media (min-width: 1024px) {
177
- .swiper-button-prev {
177
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
178
178
  left: calc(50% - 456px) !important;
179
179
  transform: translateX(-100%);
180
180
  }
181
- .swiper-button-next {
181
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
182
182
  left: calc(50% + 456px) !important;
183
183
  right: auto;
184
184
  }
185
185
  }
186
186
  @media (min-width: 1920px) {
187
- .swiper-button-prev {
187
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
188
188
  left: calc(50% - 664px) !important;
189
189
  transform: translateX(-100%);
190
190
  }
191
- .swiper-button-next {
191
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
192
192
  left: calc(50% + 664px) !important;
193
193
  right: auto;
194
194
  }
195
195
  }
196
- .swiper {
196
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO {
197
197
  overflow: visible;
198
198
  }
199
199
 
200
- .swiper-wrapper {
200
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-wrapper {
201
201
  align-items: stretch;
202
202
  }
203
203
 
204
- .swiper-pagination {
204
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination {
205
205
  position: static;
206
206
  margin-top: 24px;
207
207
  }
208
208
 
209
- .swiper-pagination-bullet {
209
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet {
210
210
  background: #ffffff;
211
211
  opacity: 1;
212
212
  width: 10px;
213
213
  height: 10px;
214
214
  }
215
215
 
216
- .swiper-pagination-bullet-active {
216
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet-active {
217
217
  background: #da291c;
218
218
  }
219
219
 
@@ -110,12 +110,12 @@
110
110
  border-radius: 0 !important;
111
111
  }
112
112
 
113
- .swiper-button-prev,
114
- .swiper-button-next,
115
- .swiper-rtl .swiper-button-next,
116
- .swiper-rtl .swiper-button-prev,
117
- .swiper ~ .swiper-button-prev,
118
- .swiper ~ .swiper-button-next {
113
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
114
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
115
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
116
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
117
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev,
118
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
119
119
  width: 44px;
120
120
  height: 44px;
121
121
  background: #ffffff;
@@ -126,94 +126,94 @@
126
126
  top: 50%;
127
127
  margin-top: -22px;
128
128
  }
129
- .swiper-button-prev svg,
130
- .swiper-button-next svg,
131
- .swiper-rtl .swiper-button-next svg,
132
- .swiper-rtl .swiper-button-prev svg,
133
- .swiper ~ .swiper-button-prev svg,
134
- .swiper ~ .swiper-button-next svg {
129
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev svg,
130
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next svg,
131
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next svg,
132
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev svg,
133
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev svg,
134
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next svg {
135
135
  width: 40%;
136
136
  height: 40%;
137
137
  }
138
138
 
139
139
  @media (max-width: 1024px) {
140
- .swiper-button-prev,
141
- .swiper-button-next {
140
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
141
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
142
142
  display: none;
143
143
  }
144
144
  }
145
- .swiper-button-prev::after,
146
- .swiper-button-next::after,
147
- .swiper-rtl .swiper-button-next::after,
148
- .swiper-rtl .swiper-button-prev::after,
149
- .swiper ~ .swiper-button-prev::after,
150
- .swiper ~ .swiper-button-next::after {
145
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev::after,
146
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next::after,
147
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next::after,
148
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev::after,
149
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev::after,
150
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next::after {
151
151
  font-size: 16px;
152
152
  }
153
153
 
154
- .swiper-button-prev,
155
- .swiper-rtl .swiper-button-prev,
156
- .swiper ~ .swiper-button-prev {
154
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
155
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
156
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev {
157
157
  left: 0 !important;
158
158
  }
159
159
 
160
- .swiper-button-next,
161
- .swiper-rtl .swiper-button-next,
162
- .swiper ~ .swiper-button-next {
160
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
161
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
162
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
163
163
  right: 0 !important;
164
164
  }
165
165
 
166
166
  @media (min-width: 768px) and (max-width: 1023px) {
167
- .swiper-button-prev {
167
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
168
168
  left: calc(50% - 310px) !important;
169
169
  transform: translateX(-100%);
170
170
  }
171
- .swiper-button-next {
171
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
172
172
  left: calc(50% + 310px) !important;
173
173
  right: auto;
174
174
  }
175
175
  }
176
176
  @media (min-width: 1024px) {
177
- .swiper-button-prev {
177
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
178
178
  left: calc(50% - 456px) !important;
179
179
  transform: translateX(-100%);
180
180
  }
181
- .swiper-button-next {
181
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
182
182
  left: calc(50% + 456px) !important;
183
183
  right: auto;
184
184
  }
185
185
  }
186
186
  @media (min-width: 1920px) {
187
- .swiper-button-prev {
187
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
188
188
  left: calc(50% - 664px) !important;
189
189
  transform: translateX(-100%);
190
190
  }
191
- .swiper-button-next {
191
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
192
192
  left: calc(50% + 664px) !important;
193
193
  right: auto;
194
194
  }
195
195
  }
196
- .swiper {
196
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO {
197
197
  overflow: visible;
198
198
  }
199
199
 
200
- .swiper-wrapper {
200
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-wrapper {
201
201
  align-items: stretch;
202
202
  }
203
203
 
204
- .swiper-pagination {
204
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination {
205
205
  position: static;
206
206
  margin-top: 24px;
207
207
  }
208
208
 
209
- .swiper-pagination-bullet {
209
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet {
210
210
  background: #ffffff;
211
211
  opacity: 1;
212
212
  width: 10px;
213
213
  height: 10px;
214
214
  }
215
215
 
216
- .swiper-pagination-bullet-active {
216
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet-active {
217
217
  background: #da291c;
218
218
  }
219
219
 
@@ -110,12 +110,12 @@
110
110
  border-radius: 0 !important;
111
111
  }
112
112
 
113
- .swiper-button-prev,
114
- .swiper-button-next,
115
- .swiper-rtl .swiper-button-next,
116
- .swiper-rtl .swiper-button-prev,
117
- .swiper ~ .swiper-button-prev,
118
- .swiper ~ .swiper-button-next {
113
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
114
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
115
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
116
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
117
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev,
118
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
119
119
  width: 44px;
120
120
  height: 44px;
121
121
  background: #ffffff;
@@ -126,94 +126,94 @@
126
126
  top: 50%;
127
127
  margin-top: -22px;
128
128
  }
129
- .swiper-button-prev svg,
130
- .swiper-button-next svg,
131
- .swiper-rtl .swiper-button-next svg,
132
- .swiper-rtl .swiper-button-prev svg,
133
- .swiper ~ .swiper-button-prev svg,
134
- .swiper ~ .swiper-button-next svg {
129
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev svg,
130
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next svg,
131
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next svg,
132
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev svg,
133
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev svg,
134
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next svg {
135
135
  width: 40%;
136
136
  height: 40%;
137
137
  }
138
138
 
139
139
  @media (max-width: 1024px) {
140
- .swiper-button-prev,
141
- .swiper-button-next {
140
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
141
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
142
142
  display: none;
143
143
  }
144
144
  }
145
- .swiper-button-prev::after,
146
- .swiper-button-next::after,
147
- .swiper-rtl .swiper-button-next::after,
148
- .swiper-rtl .swiper-button-prev::after,
149
- .swiper ~ .swiper-button-prev::after,
150
- .swiper ~ .swiper-button-next::after {
145
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev::after,
146
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next::after,
147
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next::after,
148
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev::after,
149
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev::after,
150
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next::after {
151
151
  font-size: 16px;
152
152
  }
153
153
 
154
- .swiper-button-prev,
155
- .swiper-rtl .swiper-button-prev,
156
- .swiper ~ .swiper-button-prev {
154
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
155
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
156
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev {
157
157
  left: 0 !important;
158
158
  }
159
159
 
160
- .swiper-button-next,
161
- .swiper-rtl .swiper-button-next,
162
- .swiper ~ .swiper-button-next {
160
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
161
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
162
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
163
163
  right: 0 !important;
164
164
  }
165
165
 
166
166
  @media (min-width: 768px) and (max-width: 1023px) {
167
- .swiper-button-prev {
167
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
168
168
  left: calc(50% - 310px) !important;
169
169
  transform: translateX(-100%);
170
170
  }
171
- .swiper-button-next {
171
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
172
172
  left: calc(50% + 310px) !important;
173
173
  right: auto;
174
174
  }
175
175
  }
176
176
  @media (min-width: 1024px) {
177
- .swiper-button-prev {
177
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
178
178
  left: calc(50% - 456px) !important;
179
179
  transform: translateX(-100%);
180
180
  }
181
- .swiper-button-next {
181
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
182
182
  left: calc(50% + 456px) !important;
183
183
  right: auto;
184
184
  }
185
185
  }
186
186
  @media (min-width: 1920px) {
187
- .swiper-button-prev {
187
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
188
188
  left: calc(50% - 664px) !important;
189
189
  transform: translateX(-100%);
190
190
  }
191
- .swiper-button-next {
191
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
192
192
  left: calc(50% + 664px) !important;
193
193
  right: auto;
194
194
  }
195
195
  }
196
- .swiper {
196
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO {
197
197
  overflow: visible;
198
198
  }
199
199
 
200
- .swiper-wrapper {
200
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-wrapper {
201
201
  align-items: stretch;
202
202
  }
203
203
 
204
- .swiper-pagination {
204
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination {
205
205
  position: static;
206
206
  margin-top: 24px;
207
207
  }
208
208
 
209
- .swiper-pagination-bullet {
209
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet {
210
210
  background: #ffffff;
211
211
  opacity: 1;
212
212
  width: 10px;
213
213
  height: 10px;
214
214
  }
215
215
 
216
- .swiper-pagination-bullet-active {
216
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet-active {
217
217
  background: #da291c;
218
218
  }
219
219
 
@@ -110,12 +110,12 @@
110
110
  border-radius: 0 !important;
111
111
  }
112
112
 
113
- .swiper-button-prev,
114
- .swiper-button-next,
115
- .swiper-rtl .swiper-button-next,
116
- .swiper-rtl .swiper-button-prev,
117
- .swiper ~ .swiper-button-prev,
118
- .swiper ~ .swiper-button-next {
113
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
114
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
115
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
116
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
117
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev,
118
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
119
119
  width: 44px;
120
120
  height: 44px;
121
121
  background: #ffffff;
@@ -126,94 +126,94 @@
126
126
  top: 50%;
127
127
  margin-top: -22px;
128
128
  }
129
- .swiper-button-prev svg,
130
- .swiper-button-next svg,
131
- .swiper-rtl .swiper-button-next svg,
132
- .swiper-rtl .swiper-button-prev svg,
133
- .swiper ~ .swiper-button-prev svg,
134
- .swiper ~ .swiper-button-next svg {
129
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev svg,
130
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next svg,
131
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next svg,
132
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev svg,
133
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev svg,
134
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next svg {
135
135
  width: 40%;
136
136
  height: 40%;
137
137
  }
138
138
 
139
139
  @media (max-width: 1024px) {
140
- .swiper-button-prev,
141
- .swiper-button-next {
140
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
141
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
142
142
  display: none;
143
143
  }
144
144
  }
145
- .swiper-button-prev::after,
146
- .swiper-button-next::after,
147
- .swiper-rtl .swiper-button-next::after,
148
- .swiper-rtl .swiper-button-prev::after,
149
- .swiper ~ .swiper-button-prev::after,
150
- .swiper ~ .swiper-button-next::after {
145
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev::after,
146
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next::after,
147
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next::after,
148
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev::after,
149
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev::after,
150
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next::after {
151
151
  font-size: 16px;
152
152
  }
153
153
 
154
- .swiper-button-prev,
155
- .swiper-rtl .swiper-button-prev,
156
- .swiper ~ .swiper-button-prev {
154
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev,
155
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-prev,
156
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-prev {
157
157
  left: 0 !important;
158
158
  }
159
159
 
160
- .swiper-button-next,
161
- .swiper-rtl .swiper-button-next,
162
- .swiper ~ .swiper-button-next {
160
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next,
161
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-rtl .swiper-button-next,
162
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper ~ .swiper-button-next {
163
163
  right: 0 !important;
164
164
  }
165
165
 
166
166
  @media (min-width: 768px) and (max-width: 1023px) {
167
- .swiper-button-prev {
167
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
168
168
  left: calc(50% - 310px) !important;
169
169
  transform: translateX(-100%);
170
170
  }
171
- .swiper-button-next {
171
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
172
172
  left: calc(50% + 310px) !important;
173
173
  right: auto;
174
174
  }
175
175
  }
176
176
  @media (min-width: 1024px) {
177
- .swiper-button-prev {
177
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
178
178
  left: calc(50% - 456px) !important;
179
179
  transform: translateX(-100%);
180
180
  }
181
- .swiper-button-next {
181
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
182
182
  left: calc(50% + 456px) !important;
183
183
  right: auto;
184
184
  }
185
185
  }
186
186
  @media (min-width: 1920px) {
187
- .swiper-button-prev {
187
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-prev {
188
188
  left: calc(50% - 664px) !important;
189
189
  transform: translateX(-100%);
190
190
  }
191
- .swiper-button-next {
191
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-button-next {
192
192
  left: calc(50% + 664px) !important;
193
193
  right: auto;
194
194
  }
195
195
  }
196
- .swiper {
196
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO {
197
197
  overflow: visible;
198
198
  }
199
199
 
200
- .swiper-wrapper {
200
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-wrapper {
201
201
  align-items: stretch;
202
202
  }
203
203
 
204
- .swiper-pagination {
204
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination {
205
205
  position: static;
206
206
  margin-top: 24px;
207
207
  }
208
208
 
209
- .swiper-pagination-bullet {
209
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet {
210
210
  background: #ffffff;
211
211
  opacity: 1;
212
212
  width: 10px;
213
213
  height: 10px;
214
214
  }
215
215
 
216
- .swiper-pagination-bullet-active {
216
+ .StageTeaserSwiperV3Style-module__swiper___hRkYO .swiper-pagination-bullet-active {
217
217
  background: #da291c;
218
218
  }
219
219
 
@@ -1,3 +1,137 @@
1
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/MinimizedHeader/MinimizedHeader.module.scss */
2
+ /* center a block element */
3
+ /* use this to any of the pseudo elements as these are the mandatory properties */
4
+ /* setting styles in separate formats for cross browser support */
5
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
6
+ /* vertically center alilgn any HTML element */
7
+ /* add basePath to assets */
8
+ @media (min-width: 768px) {
9
+ .MinimizedHeader-module__outer___JOzJC {
10
+ background-color: #ffffff;
11
+ border-top: 4px solid #da291c;
12
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
13
+ height: 72px;
14
+ }
15
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
16
+ position: fixed;
17
+ top: 0;
18
+ left: 0;
19
+ padding: 4px 8px;
20
+ font-size: 14px;
21
+ z-index: 10000;
22
+ color: #5f5955;
23
+ background: #ffffff;
24
+ }
25
+ }
26
+ @media (min-width: 768px) and (max-width: 850px) {
27
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
28
+ padding: 0 4px;
29
+ font-size: 8px;
30
+ }
31
+ }
32
+ @media (min-width: 768px) {
33
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
34
+ width: 100%;
35
+ display: inline-block;
36
+ }
37
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
38
+ display: flex;
39
+ float: left;
40
+ align-items: center;
41
+ margin: 10px 0;
42
+ }
43
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
44
+ padding-left: 10px;
45
+ }
46
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
47
+ float: right;
48
+ display: flex;
49
+ margin: 24px 0 24px 0;
50
+ }
51
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
52
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
53
+ background-repeat: no-repeat;
54
+ background-size: contain;
55
+ display: block;
56
+ height: 24px;
57
+ margin-right: 6px;
58
+ width: 24px;
59
+ }
60
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
61
+ color: #da291c;
62
+ font-weight: 700;
63
+ font-size: 18px;
64
+ line-height: 24px;
65
+ }
66
+ }
67
+ @media (max-width: 767px) {
68
+ .MinimizedHeader-module__outer___JOzJC {
69
+ background-color: #ffffff;
70
+ border-top: 4px solid #da291c;
71
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
+ height: 48px;
73
+ }
74
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
75
+ width: 100%;
76
+ display: inline-block;
77
+ }
78
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
79
+ display: flex;
80
+ float: left;
81
+ }
82
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
83
+ margin-top: 12px;
84
+ }
85
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
86
+ height: 24px;
87
+ width: 24px;
88
+ float: left;
89
+ }
90
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
91
+ margin-top: 8px;
92
+ padding-left: 6px;
93
+ }
94
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
95
+ height: 20px;
96
+ }
97
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
98
+ float: right;
99
+ display: flex;
100
+ margin: 12px 0 12px 0;
101
+ }
102
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
103
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
104
+ background-repeat: no-repeat;
105
+ background-size: contain;
106
+ display: block;
107
+ height: 20px;
108
+ margin-right: 6px;
109
+ width: 20px;
110
+ }
111
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
112
+ color: #da291c;
113
+ font-weight: 700;
114
+ font-size: 18px;
115
+ line-height: 24px;
116
+ }
117
+ }
118
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
119
+ position: fixed;
120
+ top: 0;
121
+ left: 0;
122
+ padding: 4px 8px;
123
+ font-size: 14px;
124
+ z-index: 10000;
125
+ color: #5f5955;
126
+ background: #ffffff;
127
+ }
128
+ @media (max-width: 850px) {
129
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
130
+ padding: 0 4px;
131
+ font-size: 8px;
132
+ }
133
+ }
134
+
1
135
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
2
136
  /* center a block element */
3
137
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -309,6 +443,48 @@
309
443
  }
310
444
  }
311
445
 
446
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
447
+ /* center a block element */
448
+ /* use this to any of the pseudo elements as these are the mandatory properties */
449
+ /* setting styles in separate formats for cross browser support */
450
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
451
+ /* vertically center alilgn any HTML element */
452
+ /* add basePath to assets */
453
+ .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
454
+ -webkit-align-items: center;
455
+ -moz-align-items: center;
456
+ -o-align-items: center;
457
+ align-items: center;
458
+ cursor: pointer;
459
+ display: flex;
460
+ flex-direction: column;
461
+ height: 18px;
462
+ justify-content: space-between;
463
+ width: 26px;
464
+ }
465
+ .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
466
+ background-color: #575452;
467
+ border-radius: 4px;
468
+ height: 2px;
469
+ opacity: 1;
470
+ position: relative;
471
+ -webkit-transform: scale(1);
472
+ -moz-transform: scale(1);
473
+ -o-transform: scale(1);
474
+ transform: scale(1);
475
+ transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
476
+ width: 26px;
477
+ }
478
+ .InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
479
+ justify-content: center;
480
+ background-repeat: no-repeat;
481
+ background-size: contain;
482
+ cursor: pointer;
483
+ display: block;
484
+ height: 24px;
485
+ width: 24px;
486
+ }
487
+
312
488
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
313
489
  /* center a block element */
314
490
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -391,182 +567,6 @@
391
567
  position: relative;
392
568
  }
393
569
 
394
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/MinimizedHeader/MinimizedHeader.module.scss */
395
- /* center a block element */
396
- /* use this to any of the pseudo elements as these are the mandatory properties */
397
- /* setting styles in separate formats for cross browser support */
398
- /* specify the max width for an element and apply ellipses and truncate the overflow */
399
- /* vertically center alilgn any HTML element */
400
- /* add basePath to assets */
401
- @media (min-width: 768px) {
402
- .MinimizedHeader-module__outer___JOzJC {
403
- background-color: #ffffff;
404
- border-top: 4px solid #da291c;
405
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
406
- height: 72px;
407
- }
408
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
409
- position: fixed;
410
- top: 0;
411
- left: 0;
412
- padding: 4px 8px;
413
- font-size: 14px;
414
- z-index: 10000;
415
- color: #5f5955;
416
- background: #ffffff;
417
- }
418
- }
419
- @media (min-width: 768px) and (max-width: 850px) {
420
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
421
- padding: 0 4px;
422
- font-size: 8px;
423
- }
424
- }
425
- @media (min-width: 768px) {
426
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
427
- width: 100%;
428
- display: inline-block;
429
- }
430
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
431
- display: flex;
432
- float: left;
433
- align-items: center;
434
- margin: 10px 0;
435
- }
436
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
437
- padding-left: 10px;
438
- }
439
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
440
- float: right;
441
- display: flex;
442
- margin: 24px 0 24px 0;
443
- }
444
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
445
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
446
- background-repeat: no-repeat;
447
- background-size: contain;
448
- display: block;
449
- height: 24px;
450
- margin-right: 6px;
451
- width: 24px;
452
- }
453
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
454
- color: #da291c;
455
- font-weight: 700;
456
- font-size: 18px;
457
- line-height: 24px;
458
- }
459
- }
460
- @media (max-width: 767px) {
461
- .MinimizedHeader-module__outer___JOzJC {
462
- background-color: #ffffff;
463
- border-top: 4px solid #da291c;
464
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
465
- height: 48px;
466
- }
467
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
468
- width: 100%;
469
- display: inline-block;
470
- }
471
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
472
- display: flex;
473
- float: left;
474
- }
475
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
476
- margin-top: 12px;
477
- }
478
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
479
- height: 24px;
480
- width: 24px;
481
- float: left;
482
- }
483
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
484
- margin-top: 8px;
485
- padding-left: 6px;
486
- }
487
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
488
- height: 20px;
489
- }
490
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
491
- float: right;
492
- display: flex;
493
- margin: 12px 0 12px 0;
494
- }
495
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
496
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
497
- background-repeat: no-repeat;
498
- background-size: contain;
499
- display: block;
500
- height: 20px;
501
- margin-right: 6px;
502
- width: 20px;
503
- }
504
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
505
- color: #da291c;
506
- font-weight: 700;
507
- font-size: 18px;
508
- line-height: 24px;
509
- }
510
- }
511
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
512
- position: fixed;
513
- top: 0;
514
- left: 0;
515
- padding: 4px 8px;
516
- font-size: 14px;
517
- z-index: 10000;
518
- color: #5f5955;
519
- background: #ffffff;
520
- }
521
- @media (max-width: 850px) {
522
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
523
- padding: 0 4px;
524
- font-size: 8px;
525
- }
526
- }
527
-
528
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
529
- /* center a block element */
530
- /* use this to any of the pseudo elements as these are the mandatory properties */
531
- /* setting styles in separate formats for cross browser support */
532
- /* specify the max width for an element and apply ellipses and truncate the overflow */
533
- /* vertically center alilgn any HTML element */
534
- /* add basePath to assets */
535
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
536
- -webkit-align-items: center;
537
- -moz-align-items: center;
538
- -o-align-items: center;
539
- align-items: center;
540
- cursor: pointer;
541
- display: flex;
542
- flex-direction: column;
543
- height: 18px;
544
- justify-content: space-between;
545
- width: 26px;
546
- }
547
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
548
- background-color: #575452;
549
- border-radius: 4px;
550
- height: 2px;
551
- opacity: 1;
552
- position: relative;
553
- -webkit-transform: scale(1);
554
- -moz-transform: scale(1);
555
- -o-transform: scale(1);
556
- transform: scale(1);
557
- transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
558
- width: 26px;
559
- }
560
- .InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
561
- justify-content: center;
562
- background-repeat: no-repeat;
563
- background-size: contain;
564
- cursor: pointer;
565
- display: block;
566
- height: 24px;
567
- width: 24px;
568
- }
569
-
570
570
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
571
571
  /* center a block element */
572
572
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -646,86 +646,6 @@
646
646
  color: #ffffff;
647
647
  }
648
648
 
649
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
650
- /* center a block element */
651
- /* use this to any of the pseudo elements as these are the mandatory properties */
652
- /* setting styles in separate formats for cross browser support */
653
- /* specify the max width for an element and apply ellipses and truncate the overflow */
654
- /* vertically center alilgn any HTML element */
655
- /* add basePath to assets */
656
- .SubNavigation-module__container___Wb5XN {
657
- background-color: #ffffff;
658
- color: #575452;
659
- border-radius: 0px 0px 8px 8px;
660
- margin: 0 auto;
661
- max-width: 1308px;
662
- min-height: 47px;
663
- -webkit-align-items: center;
664
- -moz-align-items: center;
665
- -o-align-items: center;
666
- align-items: center;
667
- }
668
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
669
- font-size: 14px;
670
- line-height: 20px;
671
- font-weight: 700;
672
- }
673
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
674
- margin-left: 0 !important;
675
- margin-top: 0 !important;
676
- font-size: 18px;
677
- line-height: 24px;
678
- font-weight: 400;
679
- display: block !important;
680
- }
681
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
682
- padding-bottom: 28px;
683
- }
684
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
685
- display: flex;
686
- grid-column: 2;
687
- grid-template-columns: repeat(auto-fit, 20%);
688
- padding: 24px 32px;
689
- }
690
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
691
- border-left: 1px solid #e6e3df;
692
- padding-left: 24px;
693
- padding-right: 24px;
694
- max-width: 248px;
695
- }
696
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
697
- padding-left: 0;
698
- border: none;
699
- }
700
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
701
- margin-left: 4px;
702
- vertical-align: middle;
703
- height: 24px;
704
- width: 24px;
705
- }
706
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
707
- white-space: nowrap;
708
- display: inline-flex;
709
- align-items: center;
710
- }
711
-
712
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
713
- background-color: #1f1f1f;
714
- color: #ffffff;
715
- }
716
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
717
- color: #ffffff;
718
- }
719
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
720
- color: #ffffff;
721
- }
722
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
723
- border-left: 1px solid #86807c;
724
- }
725
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
726
- border: none;
727
- }
728
-
729
649
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
730
650
  /* center a block element */
731
651
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1211,6 +1131,86 @@
1211
1131
  filter: brightness(0) invert(0.9);
1212
1132
  }
1213
1133
 
1134
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1135
+ /* center a block element */
1136
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1137
+ /* setting styles in separate formats for cross browser support */
1138
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1139
+ /* vertically center alilgn any HTML element */
1140
+ /* add basePath to assets */
1141
+ .SubNavigation-module__container___Wb5XN {
1142
+ background-color: #ffffff;
1143
+ color: #575452;
1144
+ border-radius: 0px 0px 8px 8px;
1145
+ margin: 0 auto;
1146
+ max-width: 1308px;
1147
+ min-height: 47px;
1148
+ -webkit-align-items: center;
1149
+ -moz-align-items: center;
1150
+ -o-align-items: center;
1151
+ align-items: center;
1152
+ }
1153
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1154
+ font-size: 14px;
1155
+ line-height: 20px;
1156
+ font-weight: 700;
1157
+ }
1158
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1159
+ margin-left: 0 !important;
1160
+ margin-top: 0 !important;
1161
+ font-size: 18px;
1162
+ line-height: 24px;
1163
+ font-weight: 400;
1164
+ display: block !important;
1165
+ }
1166
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1167
+ padding-bottom: 28px;
1168
+ }
1169
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1170
+ display: flex;
1171
+ grid-column: 2;
1172
+ grid-template-columns: repeat(auto-fit, 20%);
1173
+ padding: 24px 32px;
1174
+ }
1175
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1176
+ border-left: 1px solid #e6e3df;
1177
+ padding-left: 24px;
1178
+ padding-right: 24px;
1179
+ max-width: 248px;
1180
+ }
1181
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1182
+ padding-left: 0;
1183
+ border: none;
1184
+ }
1185
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1186
+ margin-left: 4px;
1187
+ vertical-align: middle;
1188
+ height: 24px;
1189
+ width: 24px;
1190
+ }
1191
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1192
+ white-space: nowrap;
1193
+ display: inline-flex;
1194
+ align-items: center;
1195
+ }
1196
+
1197
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1198
+ background-color: #1f1f1f;
1199
+ color: #ffffff;
1200
+ }
1201
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1202
+ color: #ffffff;
1203
+ }
1204
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1205
+ color: #ffffff;
1206
+ }
1207
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1208
+ border-left: 1px solid #86807c;
1209
+ }
1210
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1211
+ border: none;
1212
+ }
1213
+
1214
1214
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components2/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1215
1215
  /* center a block element */
1216
1216
  /* use this to any of the pseudo elements as these are the mandatory properties */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "3.8.1-beta.0",
3
+ "version": "3.8.1-beta.1",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",