@subiz/widget-v4 4.1.51 → 4.1.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/compiled_src/chatbox/VideoAttachments.js +1 -2
- package/dist/{841.js → 132.js} +628 -637
- package/dist/178.js +1 -1
- package/dist/18a02a9c54e.132.js +1 -0
- package/dist/18a02a9c54e.178.js +1 -0
- package/dist/18a02a9c54e.213.js +1 -0
- package/dist/18a02a9c54e.335.js +1 -0
- package/dist/{18c1a2c5a7f.362.js → 18a02a9c54e.362.js} +1 -1
- package/dist/18a02a9c54e.441.js +1 -0
- package/dist/18a02a9c54e.605.js +1 -0
- package/dist/{18c1a2c5a7f.782.js → 18a02a9c54e.782.js} +1 -1
- package/dist/18a02a9c54e.app.js +1 -0
- package/dist/{18c1a2c5a7f.index.html → 18a02a9c54e.index.html} +4 -4
- package/dist/{18c1a2c5a7f.library.html → 18a02a9c54e.library.html} +4 -4
- package/dist/18a02a9c54e.library.js +1 -0
- package/dist/{18c1a2c5a7f.preview.html → 18a02a9c54e.preview.html} +1 -1
- package/dist/18a02a9c54e.preview.js +1 -0
- package/dist/18a02a9c54e.screenshoot.js +1 -0
- package/dist/18a02a9c54e.webview.js +1 -0
- package/dist/213.js +102 -118
- package/dist/335.js +25 -25
- package/dist/362.js +1 -1
- package/dist/441.js +2855 -0
- package/dist/605.js +50 -50
- package/dist/782.js +1 -1
- package/dist/HASH +1 -1
- package/dist/malicious-app.js +3 -8
- package/dist/screenshoot.html +1 -1
- package/dist/screenshoot.js +430 -452
- package/package.json +1 -1
- package/src/chatbox/VideoAttachments.js +11 -9
- package/dist/18c1a2c5a7f.178.js +0 -1
- package/dist/18c1a2c5a7f.213.js +0 -1
- package/dist/18c1a2c5a7f.335.js +0 -1
- package/dist/18c1a2c5a7f.605.js +0 -1
- package/dist/18c1a2c5a7f.841.js +0 -1
- package/dist/18c1a2c5a7f.app.js +0 -1
- package/dist/18c1a2c5a7f.library.js +0 -1
- package/dist/18c1a2c5a7f.preview.js +0 -1
- package/dist/18c1a2c5a7f.screenshoot.js +0 -1
- package/dist/18c1a2c5a7f.webview.js +0 -1
- /package/dist/{18c1a2c5a7f.678.js → 18a02a9c54e.678.js} +0 -0
package/dist/605.js
CHANGED
|
@@ -32,19 +32,19 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
32
32
|
title: '',
|
|
33
33
|
last_show: 0
|
|
34
34
|
});
|
|
35
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(async () => {
|
|
35
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(async () => {
|
|
36
36
|
let {
|
|
37
37
|
body: impression
|
|
38
38
|
} = await this.props.store.sendImpression(this.props.plugin.id);
|
|
39
|
-
this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(impression, 'impression_token') || '';
|
|
40
|
-
let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.background_url');
|
|
41
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.preloadImg(image, () => this.setState({
|
|
39
|
+
this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(impression, 'impression_token') || '';
|
|
40
|
+
let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.background_url');
|
|
41
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].preloadImg */ .Z.preloadImg(image, () => this.setState({
|
|
42
42
|
imageReady: true
|
|
43
43
|
}));
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
setOver(over) {
|
|
47
|
-
if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now();else this.mouse_leave = 0;
|
|
47
|
+
if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now();else this.mouse_leave = 0;
|
|
48
48
|
}
|
|
49
49
|
randomTimestampt() {
|
|
50
50
|
let random = Math.floor(Math.random() * 5);
|
|
@@ -58,10 +58,10 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
58
58
|
e.stopPropagation();
|
|
59
59
|
if (this.props.plugin._dont_follow) return;
|
|
60
60
|
this.props.store.sendConversion(this.props.plugin.id, null, this.impressionToken);
|
|
61
|
-
let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.url');
|
|
61
|
+
let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.url');
|
|
62
62
|
if (!url) return;
|
|
63
63
|
if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;
|
|
64
|
-
let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.new_tab', false);
|
|
64
|
+
let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.new_tab', false);
|
|
65
65
|
if (new_tab) return window.open(url);
|
|
66
66
|
window.location.href = url;
|
|
67
67
|
}
|
|
@@ -98,24 +98,24 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
98
98
|
}
|
|
99
99
|
async waitForT() {
|
|
100
100
|
if (this.props.t) return;
|
|
101
|
-
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.sleep(100);
|
|
101
|
+
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].sleep */ .Z.sleep(100);
|
|
102
102
|
return this.waitForT();
|
|
103
103
|
}
|
|
104
104
|
async setClose(close) {
|
|
105
105
|
await this.waitForT();
|
|
106
106
|
if (!this.props.t) return;
|
|
107
107
|
if (!close) {
|
|
108
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.clearTimeout(this.lastCloseTimeout);
|
|
108
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].clearTimeout */ .Z.clearTimeout(this.lastCloseTimeout);
|
|
109
109
|
this.setState({
|
|
110
110
|
closeAnimation: false
|
|
111
111
|
});
|
|
112
112
|
let timestamp = this.randomTimestampt();
|
|
113
|
-
let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.profiles', []);
|
|
114
|
-
let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size(profiles))] || {};
|
|
113
|
+
let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.profiles', []);
|
|
114
|
+
let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size(profiles))] || {};
|
|
115
115
|
if (user.avatar_url && user.avatar_url.startsWith('http')) {
|
|
116
|
-
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.preloadImg(user.avatar_url);
|
|
116
|
+
await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].preloadImg */ .Z.preloadImg(user.avatar_url);
|
|
117
117
|
}
|
|
118
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.map(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, 'notification.custom_avatar_urls'), url => {
|
|
118
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].map */ .Z.map(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, 'notification.custom_avatar_urls'), url => {
|
|
119
119
|
profiles.push({
|
|
120
120
|
type: 'person',
|
|
121
121
|
fullname: randomName(),
|
|
@@ -126,48 +126,48 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
126
126
|
age: randomAge()
|
|
127
127
|
});
|
|
128
128
|
});
|
|
129
|
-
let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.i18n_message_quill_deltas', []);
|
|
130
|
-
let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size(i18n_messages))];
|
|
131
|
-
let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.message_quill_deltas', []);
|
|
132
|
-
let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size(fallbackmsgs))];
|
|
133
|
-
let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.i18n_title_quill_delta');
|
|
129
|
+
let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.i18n_message_quill_deltas', []);
|
|
130
|
+
let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size(i18n_messages))];
|
|
131
|
+
let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.message_quill_deltas', []);
|
|
132
|
+
let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size(fallbackmsgs))];
|
|
133
|
+
let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.i18n_title_quill_delta');
|
|
134
134
|
return this.setState({
|
|
135
135
|
close: false,
|
|
136
|
-
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now(),
|
|
136
|
+
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now(),
|
|
137
137
|
timestamp: timestamp,
|
|
138
138
|
user: user,
|
|
139
|
-
title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props, 'plugin.notification.title_quill_delta'),
|
|
139
|
+
title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props, 'plugin.notification.title_quill_delta'),
|
|
140
140
|
message: this.props.t.i18n(i18n_message) || fallbackmessage
|
|
141
141
|
});
|
|
142
142
|
}
|
|
143
143
|
this.setState({
|
|
144
144
|
closeAnimation: true
|
|
145
145
|
});
|
|
146
|
-
this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now();
|
|
147
|
-
this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(() => this.setState({
|
|
146
|
+
this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now();
|
|
147
|
+
this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(() => this.setState({
|
|
148
148
|
close: true,
|
|
149
149
|
closeAnimation: false
|
|
150
150
|
}), 150);
|
|
151
|
-
if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(() => this.setState({
|
|
151
|
+
if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(() => this.setState({
|
|
152
152
|
closeAnimation: false,
|
|
153
153
|
close: false
|
|
154
154
|
}), 1000);
|
|
155
155
|
}
|
|
156
156
|
async refreshCSS() {
|
|
157
157
|
let plugins = this.props.store.matchPlugin();
|
|
158
|
-
let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
|
|
158
|
+
let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].find */ .Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
|
|
159
159
|
if (!found) return;
|
|
160
160
|
let css = (await notifCSS).default.default.toString();
|
|
161
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
|
|
161
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setCss */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
|
|
162
162
|
this.setClose(this.state.close);
|
|
163
163
|
}
|
|
164
164
|
componentWillUnmount() {
|
|
165
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.clearInterval(this.interval);
|
|
166
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
|
|
165
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].clearInterval */ .Z.clearInterval(this.interval);
|
|
166
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setCss */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
|
|
167
167
|
}
|
|
168
168
|
async componentDidMount() {
|
|
169
169
|
this.setState({
|
|
170
|
-
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now()
|
|
170
|
+
last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now()
|
|
171
171
|
});
|
|
172
172
|
this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
|
|
173
173
|
if (!this.$cssStyleDiv) {
|
|
@@ -178,20 +178,20 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
178
178
|
}
|
|
179
179
|
this.props.store.onResetCSS(this, () => this.refreshCSS());
|
|
180
180
|
await this.refreshCSS();
|
|
181
|
-
this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setInterval(() => {
|
|
181
|
+
this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setInterval */ .Z.setInterval(() => {
|
|
182
182
|
if (this.props._destroy) return this.componentWillUnmount();
|
|
183
183
|
let mouseleave = this.mouse_leave;
|
|
184
|
-
if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now();
|
|
185
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now() - mouseleave < 1000) return;
|
|
184
|
+
if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now();
|
|
185
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now() - mouseleave < 1000) return;
|
|
186
186
|
if (!this.state.close && !this.props.plugin._dont_close) {
|
|
187
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now() - this.state.last_show > 8000) return this.setClose(true);
|
|
187
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now() - this.state.last_show > 8000) return this.setClose(true);
|
|
188
188
|
return;
|
|
189
189
|
}
|
|
190
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
|
|
190
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].Date.now */ .Z.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
|
|
191
191
|
return this.setClose(false);
|
|
192
192
|
}
|
|
193
193
|
}, 1000);
|
|
194
|
-
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.setTimeout(() => {
|
|
194
|
+
_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setTimeout */ .Z.setTimeout(() => {
|
|
195
195
|
this.setState({
|
|
196
196
|
cssready: true
|
|
197
197
|
});
|
|
@@ -199,21 +199,21 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
199
199
|
}, 50);
|
|
200
200
|
}
|
|
201
201
|
renderTextFromQuillDelta(quilldelta, profile) {
|
|
202
|
-
let qd = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.parseJSON(quilldelta);
|
|
202
|
+
let qd = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].parseJSON */ .Z.parseJSON(quilldelta);
|
|
203
203
|
if (!qd || !qd.ops) return null;
|
|
204
|
-
let out = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.map(qd.ops, op => {
|
|
204
|
+
let out = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].map */ .Z.map(qd.ops, op => {
|
|
205
205
|
let out = null;
|
|
206
206
|
if (!op.insert) return null;
|
|
207
207
|
if (typeof op.insert == 'string') out = op.insert;
|
|
208
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'insert.dynamicField')) {
|
|
209
|
-
let key = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'insert.dynamicField.key');
|
|
208
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'insert.dynamicField')) {
|
|
209
|
+
let key = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'insert.dynamicField.key');
|
|
210
210
|
if (key === 'user.fullname') out = profile.fullname;
|
|
211
211
|
if (key === 'user.email') out = profile.email;
|
|
212
212
|
if (key === 'user.address') out = profile.address;
|
|
213
213
|
if (key === 'user.phone') out = profile.phone;
|
|
214
214
|
}
|
|
215
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'attributes.bold')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
|
|
216
|
-
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(op, 'attributes.italic')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
|
|
215
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'attributes.bold')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
|
|
216
|
+
if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'attributes.italic')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
|
|
217
217
|
return out;
|
|
218
218
|
}).filter(a => a);
|
|
219
219
|
if (out.length == 1 && (out[0] == '\n' || out[0] == '')) return [];
|
|
@@ -225,11 +225,11 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
225
225
|
if (!this.state.imageReady) return null;
|
|
226
226
|
if (this.state.close) return null;
|
|
227
227
|
if (!this.state.message) return null;
|
|
228
|
-
let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(this.props.plugin, 'notification', {});
|
|
228
|
+
let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, 'notification', {});
|
|
229
229
|
if (!notif) return null;
|
|
230
230
|
let animation = '';
|
|
231
|
-
let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(notif, 'position', 'bottom-left');
|
|
232
|
-
if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(notif, 'mobile_position', pos);
|
|
231
|
+
let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(notif, 'position', 'bottom-left');
|
|
232
|
+
if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(notif, 'mobile_position', pos);
|
|
233
233
|
if (pos === 'top-left' || pos === 'top-right') animation = 'fadeInDown';else if (pos === 'top-center') animation = 'fadeInDownCenter';else if (pos === 'bottom-center') animation = 'fadeInUpCenter';else if (pos === 'bottom-right') {
|
|
234
234
|
animation = 'fadeInUpBig';
|
|
235
235
|
} else {
|
|
@@ -238,7 +238,7 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
238
238
|
}
|
|
239
239
|
let user = this.state.user || {};
|
|
240
240
|
let subtextStyle = notif.subtext_style || {};
|
|
241
|
-
if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.get(notif, 'message_style.color', 'black');
|
|
241
|
+
if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(notif, 'message_style.color', 'black');
|
|
242
242
|
let st = 'position: fixed !important; z-index: 1000000000 !important';
|
|
243
243
|
if (this.props.plugin._preview) st = 'position: absolute !important;';
|
|
244
244
|
if (this.state.closeAnimation) animation = 'fadeOut';
|
|
@@ -250,11 +250,11 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
250
250
|
});
|
|
251
251
|
let $time = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
252
252
|
class: "notif_time",
|
|
253
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.subtext_style)
|
|
253
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.subtext_style)
|
|
254
254
|
}, this.state.timestamp);
|
|
255
255
|
let $title = this.renderTextFromQuillDelta(this.state.title, user);
|
|
256
256
|
let $message = this.renderTextFromQuillDelta(this.state.message, user);
|
|
257
|
-
if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size($title) && !_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.size($message)) $time = null;
|
|
257
|
+
if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size($title) && !_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size($message)) $time = null;
|
|
258
258
|
return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
259
259
|
class: animation + ' notif' + ' notif__' + pos,
|
|
260
260
|
onClick: e => this.onClick(e),
|
|
@@ -267,18 +267,18 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
|
|
|
267
267
|
alt: "notification background",
|
|
268
268
|
class: "notif_bg",
|
|
269
269
|
src: notif.background_url,
|
|
270
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.background_style)
|
|
270
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.background_style)
|
|
271
271
|
}), this.renderCloseButton(), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
272
272
|
class: "notif_avatar",
|
|
273
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.avatar_style)
|
|
273
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.avatar_style)
|
|
274
274
|
}, $avatar), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
275
275
|
class: "notif_body"
|
|
276
276
|
}, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
277
277
|
class: "notif_title",
|
|
278
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.title_style)
|
|
278
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.title_style)
|
|
279
279
|
}, $title), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
|
|
280
280
|
class: "notif_message",
|
|
281
|
-
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.js2css(notif.message_style)
|
|
281
|
+
style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.message_style)
|
|
282
282
|
}, $message), $time)));
|
|
283
283
|
}
|
|
284
284
|
}
|
package/dist/782.js
CHANGED
|
@@ -25,7 +25,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
25
25
|
|
|
26
26
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
|
|
27
27
|
// Module
|
|
28
|
-
___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Yeseva One';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/yesevaone/v22/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n all: unset !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n}\n#sbz92 a:hover {\n cursor: pointer !important;\n color: #000000 !important;\n text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 img {\n vertical-align: middle !important;\n border-style: none !important;\n}\n#sbz92 svg {\n overflow: hidden !important;\n vertical-align: middle !important;\n}\n#sbz92 label {\n display: inline-block !important;\n}\n#sbz92 button {\n border-radius: 0 !important;\n}\n#sbz92 button:focus {\n outline: 1px dotted !important;\n outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none !important;\n}\n#sbz92 select {\n word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0 !important;\n border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box !important;\n padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n overflow: auto !important;\n resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto !important;\n}\n#sbz92 [hidden] {\n display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777 !important;\n}\n#sbz92 ::placeholder {\n color: #777 !important;\n}\n#sbz92 div {\n display: block !important;\n text-rendering: geometricPrecision !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px !important;\n height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px !important;\n background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa !important;\n}\n#sbz92 .tick {\n box-sizing: border-box !important;\n -webkit-user-select: none !important;\n -moz-user-select: none !important;\n -ms-user-select: none !important;\n user-select: none !important;\n cursor: default !important;\n position: relative !important;\n z-index: 1 !important;\n line-height: 1.4 !important;\n}\n#sbz92 .tick [data-view] {\n max-width: 100% !important;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block !important;\n}\n#sbz92 .tick-flip {\n position: relative !important;\n text-align: center !important;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-spacer {\n display: block !important;\n visibility: hidden !important;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute !important;\n left: 1px !important;\n right: 1px !important;\n top: 1px !important;\n bottom: 1px !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n background: transparent !important !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px) !important;\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px) !important;\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute !important;\n left: 0.15em !important;\n right: 0.15em !important;\n bottom: 0.125em !important;\n height: 0.5em !important;\n background-color: transparent !important;\n border-radius: 0 !important;\n opacity: 0 !important;\n -webkit-transform-origin: 0 100% !important;\n transform-origin: 0 100% !important;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75) !important;\n z-index: 0 !important;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0 !important;\n position: absolute !important;\n z-index: 1 !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n -webkit-perspective: 4em !important;\n perspective: 4em !important;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute !important;\n left: 0 !important;\n width: 100% !important;\n height: 51% !important;\n -webkit-backface-visibility: hidden !important;\n backface-visibility: hidden !important;\n -webkit-transform-style: preserve-3d !important;\n transform-style: preserve-3d !important;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em !important;\n border-top-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em !important;\n border-bottom-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute !important;\n left: -1px !important;\n top: 0 !important;\n right: -1px !important;\n height: 100% !important;\n overflow: hidden !important;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n height: 100% !important;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200% !important;\n top: -100% !important;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom !important;\n transform-origin: center bottom !important;\n top: 0 !important;\n z-index: 2 !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05) !important;\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top !important;\n transform-origin: center top !important;\n top: 50% !important;\n z-index: 1 !important;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1 !important;\n content: '' !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2 !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n opacity: 0 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none !important;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0 !important;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em !important;\n margin-right: 0.0625em !important;\n min-width: 1.125em !important;\n border-radius: 0.125em !important;\n letter-spacing: 0.25em !important;\n text-indent: 0.25em !important;\n}\n#sbz92 .tick-flip-panel {\n color: white !important;\n -webkit-text-fill-color: white !important;\n background-color: #444 !important;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25) !important;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut !important;\n animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter !important;\n transform-origin: top left !important;\n animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s !important;\n animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s !important;\n animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s !important;\n animation-name: bounceIn !important;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2' !important;\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .overlay {\n position: absolute !important;\n user-select: none !important;\n top: 0 !important;\n left: 0 !important;\n bottom: 0 !important;\n right: 0 !important;\n z-index: 20000000000100 !important;\n overflow: hidden !important;\n}\n#sbz92 .btn_close {\n padding: 0 !important;\n right: 10px !important;\n top: 10px !important;\n position: absolute !important;\n z-index: 10 !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease-out !important;\n height: 30px !important;\n padding-top: 4px !important;\n padding-left: 4px !important;\n width: 30px !important;\n border-radius: 50% !important;\n background-color: #00000088 !important;\n opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8 !important;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white !important;\n}\n#sbz92 .btn_close__icon {\n height: 22px !important;\n width: 22px !important;\n border: 0px !important;\n}\n#sbz92 .btn {\n cursor: pointer !important;\n padding: '@spacer' !important;\n outline: 0 !important;\n border: 0px !important;\n font-family: '@font_family' !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n text-align: center !important;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer' !important;\n background: transparent !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold !important;\n transition: background 200ms ease-out !important;\n padding-left: '@spacer3' !important;\n padding-right: '@spacer3' !important;\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1) !important;\n background: '@text_color' !important;\n}\n#sbz92 .form {\n display: block !important;\n}\n#sbz92 .form-control {\n outline: 0 none !important;\n width: 100% !important;\n font-size: '@font_size' !important;\n}\n#sbz92 .form-label {\n user-select: none !important;\n margin-bottom: '@spacer0' !important;\n font-family: '@font_family' !important;\n font-size: '@font_size' !important;\n}\n#sbz92 select {\n width: 100% !important;\n border: 0 !important;\n border-radius: 0 !important;\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0 !important;\n}\n#sbz92 select.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.bold {\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n padding: '@spacer0' 0 !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 50% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '' !important;\n background-color: '@text_color' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px !important;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 10% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>') !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0 !important;\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control__text_container {\n position: relative !important;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute !important;\n z-index: 10 !important;\n line-height: 1 !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n left: 10px !important;\n transform: translateY(-50%) !important;\n background-color: #fff !important;\n padding: 0 5px !important;\n}\n#sbz92 .field {\n margin-bottom: 20px !important;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n opacity: 0.4 !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden !important;\n position: absolute !important;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards !important;\n}\n#sbz92 .countdown {\n display: flex !important;\n width: 100% !important;\n margin-top: '@spacer' !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_group {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n text-transform: uppercase !important;\n font-size: small !important;\n margin-top: 5px !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .countdown_electric {\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px !important;\n padding: 1rem !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n background-color: black !important;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer' !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n font-size: '@font_size' !important;\n font-family: '@font_family' !important;\n text-transform: uppercase !important;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex !important;\n}\n#sbz92 .countdown_electric_number {\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .text__danger {\n color: #ff5722 !important;\n -webkit-text-fill-color: #ff5722 !important;\n}\n#sbz92 .social_buttons {\n display: flex !important;\n align-items: center !important;\n}\n#sbz92 .social_button {\n filter: brightness(1) !important;\n cursor: pointer !important;\n margin-right: 10px !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9) !important;\n}\n#sbz92 .social_button__img {\n width: 32px !important;\n height: 32px !important;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0 !important;\n max-width: 100% !important;\n cursor: pointer !important;\n filter: brightness(1) !important;\n padding: 7px 15px !important;\n border-radius: 3px !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n background: #1877f2 !important;\n font-family: '@font_family' !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85) !important;\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block !important;\n margin-right: 10px !important;\n width: 20px !important;\n height: 20px !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500;\n}\n#sbz92 a {\n color: #020202;\n text-decoration: none;\n background-color: transparent;\n}\n#sbz92 a:hover {\n cursor: pointer;\n color: #000000;\n text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 img {\n vertical-align: middle;\n border-style: none;\n}\n#sbz92 svg {\n overflow: hidden;\n vertical-align: middle;\n}\n#sbz92 label {\n display: inline-block;\n}\n#sbz92 button {\n border-radius: 0;\n}\n#sbz92 button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none;\n}\n#sbz92 select {\n word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n overflow: auto;\n resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n#sbz92 [hidden] {\n display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777;\n}\n#sbz92 ::placeholder {\n color: #777;\n}\n#sbz92 div {\n display: block;\n text-rendering: geometricPrecision;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n#sbz92 .tick {\n box-sizing: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: default;\n position: relative;\n z-index: 1;\n line-height: 1.4;\n}\n#sbz92 .tick [data-view] {\n max-width: 100%;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block;\n}\n#sbz92 .tick-flip {\n position: relative;\n text-align: center;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n#sbz92 .tick-flip-spacer {\n display: block;\n visibility: hidden;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute;\n left: 1px;\n right: 1px;\n top: 1px;\n bottom: 1px;\n color: transparent;\n -webkit-text-fill-color: transparent;\n background: transparent !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px);\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px);\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute;\n left: 0.15em;\n right: 0.15em;\n bottom: 0.125em;\n height: 0.5em;\n background-color: transparent;\n border-radius: 0;\n opacity: 0;\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75);\n z-index: 0;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0;\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n -webkit-perspective: 4em;\n perspective: 4em;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute;\n left: 0;\n width: 100%;\n height: 51%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em;\n border-top-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em;\n border-bottom-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute;\n left: -1px;\n top: 0;\n right: -1px;\n height: 100%;\n overflow: hidden;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n height: 100%;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200%;\n top: -100%;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n top: 0;\n z-index: 2;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top;\n transform-origin: center top;\n top: 50%;\n z-index: 1;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1;\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n opacity: 0;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em;\n margin-right: 0.0625em;\n min-width: 1.125em;\n border-radius: 0.125em;\n letter-spacing: 0.25em;\n text-indent: 0.25em;\n}\n#sbz92 .tick-flip-panel {\n color: white;\n -webkit-text-fill-color: white;\n background-color: #444;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25);\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut;\n animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown;\n animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig;\n animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig;\n animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig;\n animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter;\n transform-origin: top left;\n animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s;\n animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s;\n animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s;\n animation-name: bounceIn;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2';\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0;\n}\n#sbz92 .overlay {\n position: absolute;\n user-select: none;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 20000000000100;\n overflow: hidden;\n}\n#sbz92 .btn_close {\n padding: 0;\n right: 10px;\n top: 10px;\n position: absolute;\n z-index: 10;\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n height: 30px;\n padding-top: 4px;\n padding-left: 4px;\n width: 30px;\n border-radius: 50%;\n background-color: #00000088;\n opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white;\n}\n#sbz92 .btn_close__icon {\n height: 22px;\n width: 22px;\n border: 0px;\n}\n#sbz92 .btn {\n cursor: pointer;\n padding: '@spacer';\n outline: 0;\n border: 0px;\n font-family: '@font_family';\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: center;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer';\n background: transparent;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold;\n transition: background 200ms ease-out;\n padding-left: '@spacer3';\n padding-right: '@spacer3';\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1);\n background: '@text_color';\n}\n#sbz92 .form {\n display: block;\n}\n#sbz92 .form-control {\n outline: 0 none;\n width: 100%;\n font-size: '@font_size';\n}\n#sbz92 .form-label {\n user-select: none;\n margin-bottom: '@spacer0';\n font-family: '@font_family';\n font-size: '@font_size';\n}\n#sbz92 select {\n width: 100%;\n border: 0;\n border-radius: 0;\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color';\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0;\n}\n#sbz92 select.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 select.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 select.bold {\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n padding: '@spacer0' 0;\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 50%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '';\n background-color: '@text_color';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 10%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>');\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background-color: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0;\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control__text_container {\n position: relative;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute;\n z-index: 10;\n line-height: 1;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n left: 10px;\n transform: translateY(-50%);\n background-color: #fff;\n padding: 0 5px;\n}\n#sbz92 .field {\n margin-bottom: 20px;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n opacity: 0.4;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden;\n position: absolute;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards;\n}\n#sbz92 .countdown {\n display: flex;\n width: 100%;\n margin-top: '@spacer';\n justify-content: space-between;\n}\n#sbz92 .countdown_group {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n text-transform: uppercase;\n font-size: small;\n margin-top: 5px;\n font-family: '@font_family';\n}\n#sbz92 .countdown_electric {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: black;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer';\n color: white;\n -webkit-text-fill-color: white;\n font-size: '@font_size';\n font-family: '@font_family';\n text-transform: uppercase;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex;\n}\n#sbz92 .countdown_electric_number {\n color: white;\n -webkit-text-fill-color: white;\n}\n#sbz92 .text__danger {\n color: #ff5722;\n -webkit-text-fill-color: #ff5722;\n}\n#sbz92 .social_buttons {\n display: flex;\n align-items: center;\n}\n#sbz92 .social_button {\n filter: brightness(1);\n cursor: pointer;\n margin-right: 10px;\n transition: filter 150ms ease-out;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9);\n}\n#sbz92 .social_button__img {\n width: 32px;\n height: 32px;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0;\n max-width: 100%;\n cursor: pointer;\n filter: brightness(1);\n padding: 7px 15px;\n border-radius: 3px;\n color: white;\n -webkit-text-fill-color: white;\n background: #1877f2;\n font-family: '@font_family';\n display: flex;\n align-items: center;\n justify-content: center;\n transition: filter 150ms ease-out;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85);\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block;\n margin-right: 10px;\n width: 20px;\n height: 20px;\n}\n", ""]);
|
|
28
|
+
___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v24/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v24/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v24/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v31/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v31/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v31/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v25/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Yeseva One';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/yesevaone/v20/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n all: unset !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n}\n#sbz92 a:hover {\n cursor: pointer !important;\n color: #000000 !important;\n text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 img {\n vertical-align: middle !important;\n border-style: none !important;\n}\n#sbz92 svg {\n overflow: hidden !important;\n vertical-align: middle !important;\n}\n#sbz92 label {\n display: inline-block !important;\n}\n#sbz92 button {\n border-radius: 0 !important;\n}\n#sbz92 button:focus {\n outline: 1px dotted !important;\n outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none !important;\n}\n#sbz92 select {\n word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0 !important;\n border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box !important;\n padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n overflow: auto !important;\n resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto !important;\n}\n#sbz92 [hidden] {\n display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777 !important;\n}\n#sbz92 ::placeholder {\n color: #777 !important;\n}\n#sbz92 div {\n display: block !important;\n text-rendering: geometricPrecision !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px !important;\n height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px !important;\n background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa !important;\n}\n#sbz92 .tick {\n box-sizing: border-box !important;\n -webkit-user-select: none !important;\n -moz-user-select: none !important;\n -ms-user-select: none !important;\n user-select: none !important;\n cursor: default !important;\n position: relative !important;\n z-index: 1 !important;\n line-height: 1.4 !important;\n}\n#sbz92 .tick [data-view] {\n max-width: 100% !important;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block !important;\n}\n#sbz92 .tick-flip {\n position: relative !important;\n text-align: center !important;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-spacer {\n display: block !important;\n visibility: hidden !important;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute !important;\n left: 1px !important;\n right: 1px !important;\n top: 1px !important;\n bottom: 1px !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n background: transparent !important !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px) !important;\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px) !important;\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute !important;\n left: 0.15em !important;\n right: 0.15em !important;\n bottom: 0.125em !important;\n height: 0.5em !important;\n background-color: transparent !important;\n border-radius: 0 !important;\n opacity: 0 !important;\n -webkit-transform-origin: 0 100% !important;\n transform-origin: 0 100% !important;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75) !important;\n z-index: 0 !important;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0 !important;\n position: absolute !important;\n z-index: 1 !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n -webkit-perspective: 4em !important;\n perspective: 4em !important;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute !important;\n left: 0 !important;\n width: 100% !important;\n height: 51% !important;\n -webkit-backface-visibility: hidden !important;\n backface-visibility: hidden !important;\n -webkit-transform-style: preserve-3d !important;\n transform-style: preserve-3d !important;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em !important;\n border-top-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em !important;\n border-bottom-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute !important;\n left: -1px !important;\n top: 0 !important;\n right: -1px !important;\n height: 100% !important;\n overflow: hidden !important;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n height: 100% !important;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200% !important;\n top: -100% !important;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom !important;\n transform-origin: center bottom !important;\n top: 0 !important;\n z-index: 2 !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05) !important;\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top !important;\n transform-origin: center top !important;\n top: 50% !important;\n z-index: 1 !important;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1 !important;\n content: '' !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2 !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n opacity: 0 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none !important;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0 !important;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em !important;\n margin-right: 0.0625em !important;\n min-width: 1.125em !important;\n border-radius: 0.125em !important;\n letter-spacing: 0.25em !important;\n text-indent: 0.25em !important;\n}\n#sbz92 .tick-flip-panel {\n color: white !important;\n -webkit-text-fill-color: white !important;\n background-color: #444 !important;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25) !important;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut !important;\n animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter !important;\n transform-origin: top left !important;\n animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s !important;\n animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s !important;\n animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s !important;\n animation-name: bounceIn !important;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2' !important;\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .overlay {\n position: absolute !important;\n user-select: none !important;\n top: 0 !important;\n left: 0 !important;\n bottom: 0 !important;\n right: 0 !important;\n z-index: 20000000000100 !important;\n overflow: hidden !important;\n}\n#sbz92 .btn_close {\n padding: 0 !important;\n right: 10px !important;\n top: 10px !important;\n position: absolute !important;\n z-index: 10 !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease-out !important;\n height: 30px !important;\n padding-top: 4px !important;\n padding-left: 4px !important;\n width: 30px !important;\n border-radius: 50% !important;\n background-color: #00000088 !important;\n opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8 !important;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white !important;\n}\n#sbz92 .btn_close__icon {\n height: 22px !important;\n width: 22px !important;\n border: 0px !important;\n}\n#sbz92 .btn {\n cursor: pointer !important;\n padding: '@spacer' !important;\n outline: 0 !important;\n border: 0px !important;\n font-family: '@font_family' !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n text-align: center !important;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer' !important;\n background: transparent !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold !important;\n transition: background 200ms ease-out !important;\n padding-left: '@spacer3' !important;\n padding-right: '@spacer3' !important;\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1) !important;\n background: '@text_color' !important;\n}\n#sbz92 .form {\n display: block !important;\n}\n#sbz92 .form-control {\n outline: 0 none !important;\n width: 100% !important;\n font-size: '@font_size' !important;\n}\n#sbz92 .form-label {\n user-select: none !important;\n margin-bottom: '@spacer0' !important;\n font-family: '@font_family' !important;\n font-size: '@font_size' !important;\n}\n#sbz92 select {\n width: 100% !important;\n border: 0 !important;\n border-radius: 0 !important;\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0 !important;\n}\n#sbz92 select.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.bold {\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n padding: '@spacer0' 0 !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 50% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '' !important;\n background-color: '@text_color' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px !important;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 10% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>') !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0 !important;\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control__text_container {\n position: relative !important;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute !important;\n z-index: 10 !important;\n line-height: 1 !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n left: 10px !important;\n transform: translateY(-50%) !important;\n background-color: #fff !important;\n padding: 0 5px !important;\n}\n#sbz92 .field {\n margin-bottom: 20px !important;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n opacity: 0.4 !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden !important;\n position: absolute !important;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards !important;\n}\n#sbz92 .countdown {\n display: flex !important;\n width: 100% !important;\n margin-top: '@spacer' !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_group {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n text-transform: uppercase !important;\n font-size: small !important;\n margin-top: 5px !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .countdown_electric {\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px !important;\n padding: 1rem !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n background-color: black !important;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer' !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n font-size: '@font_size' !important;\n font-family: '@font_family' !important;\n text-transform: uppercase !important;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex !important;\n}\n#sbz92 .countdown_electric_number {\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .text__danger {\n color: #ff5722 !important;\n -webkit-text-fill-color: #ff5722 !important;\n}\n#sbz92 .social_buttons {\n display: flex !important;\n align-items: center !important;\n}\n#sbz92 .social_button {\n filter: brightness(1) !important;\n cursor: pointer !important;\n margin-right: 10px !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9) !important;\n}\n#sbz92 .social_button__img {\n width: 32px !important;\n height: 32px !important;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0 !important;\n max-width: 100% !important;\n cursor: pointer !important;\n filter: brightness(1) !important;\n padding: 7px 15px !important;\n border-radius: 3px !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n background: #1877f2 !important;\n font-family: '@font_family' !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85) !important;\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block !important;\n margin-right: 10px !important;\n width: 20px !important;\n height: 20px !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500;\n}\n#sbz92 a {\n color: #020202;\n text-decoration: none;\n background-color: transparent;\n}\n#sbz92 a:hover {\n cursor: pointer;\n color: #000000;\n text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 img {\n vertical-align: middle;\n border-style: none;\n}\n#sbz92 svg {\n overflow: hidden;\n vertical-align: middle;\n}\n#sbz92 label {\n display: inline-block;\n}\n#sbz92 button {\n border-radius: 0;\n}\n#sbz92 button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none;\n}\n#sbz92 select {\n word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n overflow: auto;\n resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n#sbz92 [hidden] {\n display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777;\n}\n#sbz92 ::placeholder {\n color: #777;\n}\n#sbz92 div {\n display: block;\n text-rendering: geometricPrecision;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n#sbz92 .tick {\n box-sizing: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: default;\n position: relative;\n z-index: 1;\n line-height: 1.4;\n}\n#sbz92 .tick [data-view] {\n max-width: 100%;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block;\n}\n#sbz92 .tick-flip {\n position: relative;\n text-align: center;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n#sbz92 .tick-flip-spacer {\n display: block;\n visibility: hidden;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute;\n left: 1px;\n right: 1px;\n top: 1px;\n bottom: 1px;\n color: transparent;\n -webkit-text-fill-color: transparent;\n background: transparent !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px);\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px);\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute;\n left: 0.15em;\n right: 0.15em;\n bottom: 0.125em;\n height: 0.5em;\n background-color: transparent;\n border-radius: 0;\n opacity: 0;\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75);\n z-index: 0;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0;\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n -webkit-perspective: 4em;\n perspective: 4em;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute;\n left: 0;\n width: 100%;\n height: 51%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em;\n border-top-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em;\n border-bottom-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute;\n left: -1px;\n top: 0;\n right: -1px;\n height: 100%;\n overflow: hidden;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n height: 100%;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200%;\n top: -100%;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n top: 0;\n z-index: 2;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top;\n transform-origin: center top;\n top: 50%;\n z-index: 1;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1;\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n opacity: 0;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em;\n margin-right: 0.0625em;\n min-width: 1.125em;\n border-radius: 0.125em;\n letter-spacing: 0.25em;\n text-indent: 0.25em;\n}\n#sbz92 .tick-flip-panel {\n color: white;\n -webkit-text-fill-color: white;\n background-color: #444;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25);\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut;\n animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown;\n animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig;\n animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig;\n animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig;\n animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter;\n transform-origin: top left;\n animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s;\n animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s;\n animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s;\n animation-name: bounceIn;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2';\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0;\n}\n#sbz92 .overlay {\n position: absolute;\n user-select: none;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 20000000000100;\n overflow: hidden;\n}\n#sbz92 .btn_close {\n padding: 0;\n right: 10px;\n top: 10px;\n position: absolute;\n z-index: 10;\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n height: 30px;\n padding-top: 4px;\n padding-left: 4px;\n width: 30px;\n border-radius: 50%;\n background-color: #00000088;\n opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white;\n}\n#sbz92 .btn_close__icon {\n height: 22px;\n width: 22px;\n border: 0px;\n}\n#sbz92 .btn {\n cursor: pointer;\n padding: '@spacer';\n outline: 0;\n border: 0px;\n font-family: '@font_family';\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: center;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer';\n background: transparent;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold;\n transition: background 200ms ease-out;\n padding-left: '@spacer3';\n padding-right: '@spacer3';\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1);\n background: '@text_color';\n}\n#sbz92 .form {\n display: block;\n}\n#sbz92 .form-control {\n outline: 0 none;\n width: 100%;\n font-size: '@font_size';\n}\n#sbz92 .form-label {\n user-select: none;\n margin-bottom: '@spacer0';\n font-family: '@font_family';\n font-size: '@font_size';\n}\n#sbz92 select {\n width: 100%;\n border: 0;\n border-radius: 0;\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color';\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0;\n}\n#sbz92 select.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 select.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 select.bold {\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n padding: '@spacer0' 0;\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 50%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '';\n background-color: '@text_color';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 10%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>');\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background-color: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0;\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control__text_container {\n position: relative;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute;\n z-index: 10;\n line-height: 1;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n left: 10px;\n transform: translateY(-50%);\n background-color: #fff;\n padding: 0 5px;\n}\n#sbz92 .field {\n margin-bottom: 20px;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n opacity: 0.4;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden;\n position: absolute;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards;\n}\n#sbz92 .countdown {\n display: flex;\n width: 100%;\n margin-top: '@spacer';\n justify-content: space-between;\n}\n#sbz92 .countdown_group {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n text-transform: uppercase;\n font-size: small;\n margin-top: 5px;\n font-family: '@font_family';\n}\n#sbz92 .countdown_electric {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: black;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer';\n color: white;\n -webkit-text-fill-color: white;\n font-size: '@font_size';\n font-family: '@font_family';\n text-transform: uppercase;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex;\n}\n#sbz92 .countdown_electric_number {\n color: white;\n -webkit-text-fill-color: white;\n}\n#sbz92 .text__danger {\n color: #ff5722;\n -webkit-text-fill-color: #ff5722;\n}\n#sbz92 .social_buttons {\n display: flex;\n align-items: center;\n}\n#sbz92 .social_button {\n filter: brightness(1);\n cursor: pointer;\n margin-right: 10px;\n transition: filter 150ms ease-out;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9);\n}\n#sbz92 .social_button__img {\n width: 32px;\n height: 32px;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0;\n max-width: 100%;\n cursor: pointer;\n filter: brightness(1);\n padding: 7px 15px;\n border-radius: 3px;\n color: white;\n -webkit-text-fill-color: white;\n background: #1877f2;\n font-family: '@font_family';\n display: flex;\n align-items: center;\n justify-content: center;\n transition: filter 150ms ease-out;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85);\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block;\n margin-right: 10px;\n width: 20px;\n height: 20px;\n}\n", ""]);
|
|
29
29
|
// Exports
|
|
30
30
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
31
31
|
|
package/dist/HASH
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
18a02a9c54e
|