@orangesk/cms-templates 1.0.0-beta.34 → 1.0.0-beta.36
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/build/assets/blog-post-cover.png +0 -0
- package/build/assets/iphone-17.png +0 -0
- package/build/assets/market-lokator.png +0 -0
- package/build/assets/microsoft-365.png +0 -0
- package/build/assets/online-ochrana-b2c.png +0 -0
- package/build/assets/prima-volba.png +0 -0
- package/build/assets/samsung-hero-xxl.png +0 -0
- package/build/assets/soc-ako-sluzba.png +0 -0
- package/build/assets/tlacove-spravy.png +0 -0
- package/build/changelog/index.html +110 -3
- package/build/components/ContactFormB2B/index.html +1 -1
- package/build/images/phones.png +0 -0
- package/build/index.html +2 -2
- package/build/lib/base.css +1 -1
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/footer.css +1 -1
- package/build/lib/footer.css.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.map +1 -1
- package/build/lib/megamenu.js +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/build/lib/utilities.css +1 -1
- package/build/lib/utilities.css.map +1 -1
- package/build/pages/basic-page-about-the-brand/index.html +1 -1
- package/build/pages/basic-page-gdpr/index.html +1 -1
- package/build/pages/blog-homepage-clovek/index.html +1 -1
- package/build/pages/blog-news-clovek/index.html +1 -1
- package/build/pages/blog-post-clovek/index.html +1 -1
- package/build/pages/business-trends-homepage/index.html +1 -1
- package/build/pages/business-trends-news/index.html +1 -1
- package/build/pages/business-trends-post/index.html +1 -1
- package/build/pages/career-at-orange/index.html +1 -1
- package/build/pages/components/basic/index.html +2 -2
- package/build/pages/components/benefit-section/index.html +4 -4
- package/build/pages/components/cards-section/index.html +2 -2
- package/build/pages/components/hero/index.html +3 -3
- package/build/pages/components/process-section/index.html +2 -2
- package/build/pages/components/promo-banner/index.html +5 -5
- package/build/pages/components/tiles-section/index.html +3 -3
- package/build/pages/device-lp-b2b/index.html +1 -1
- package/build/pages/device-lp-b2c/index.html +1 -1
- package/build/pages/device-lp-dvojicky-b2b/index.html +1 -1
- package/build/pages/device-lp-dvojicky-b2c/index.html +1 -1
- package/build/pages/digital-invoice/index.html +1 -1
- package/build/pages/help-and-support-b2b/index.html +1 -1
- package/build/pages/help-and-support-b2c/index.html +1 -1
- package/build/pages/homepage-b2b/index.html +1 -1
- package/build/pages/homepage-b2c/index.html +1 -1
- package/build/pages/increased-invoice/index.html +1 -1
- package/build/pages/invoices-and-payments/index.html +1 -1
- package/build/pages/job-offer-detail/index.html +1 -1
- package/build/pages/manuals-and-settings/index.html +1 -1
- package/build/pages/manuals-and-settings-general-template/index.html +1 -1
- package/build/pages/navody-a-nastavenia-apple-ios-16/index.html +1 -1
- package/build/pages/orange-tv-box/index.html +1 -1
- package/build/pages/press-and-news-releases/index.html +1 -1
- package/build/pages/press-and-news-releases-post/index.html +1 -1
- package/build/pages/press-center-docs-library/index.html +1 -1
- package/build/pages/press-center-general-terms/index.html +1 -1
- package/build/pages/press-center-informations-for-customers/index.html +1 -1
- package/build/pages/pricelist/index.html +1 -1
- package/build/pages/pricelist-tariff/index.html +1 -1
- package/build/pages/product-page-b2b-market-locator/index.html +1 -1
- package/build/pages/product-page-b2b-microsoft-365/index.html +1 -1
- package/build/pages/product-page-b2b-soc-as-a-service/index.html +1 -1
- package/build/pages/product-page-b2c-equipment-insurance/index.html +1 -1
- package/build/pages/product-page-b2c-online-security/index.html +1 -1
- package/build/pages/product-page-b2c-prima-volba/index.html +1 -1
- package/build/pages/roaming-b2b/index.html +2 -2
- package/build/pages/roaming-b2c/index.html +2 -2
- package/build/pages/roaming-b2c-detail/index.html +1 -1
- package/build/pages/roaming-b2c-overview/index.html +1 -1
- package/build/pages/signpost-insurance/index.html +1 -1
- package/build/pages/signpost-products-and-services/index.html +1 -1
- package/build/pages/tv-first-aid/index.html +1 -1
- package/build/pages/work-on-central/index.html +1 -1
- package/build/readme/index.html +1 -1
- package/build/shame.css +0 -18
- package/build/sprite.svg +1 -1
- package/package.json +12 -12
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
<body>
|
|
17
17
|
<div id="root">
|
|
18
18
|
<main>
|
|
19
|
-
<div id="
|
|
19
|
+
<div id="MDX_ROOT_f24736b5-e890-48e6-acf5-a376a7fe168e"><div class="section"><div class="container"><h1>📝 Changelog</h1>
|
|
20
20
|
<p>All notable changes to this project will be documented in this file.</p>
|
|
21
|
-
<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.
|
|
21
|
+
<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.36..master">unreleased</a></h2>
|
|
22
22
|
<h3>Added</h3>
|
|
23
23
|
<ul>
|
|
24
24
|
<li></li>
|
|
@@ -27,10 +27,117 @@
|
|
|
27
27
|
<ul>
|
|
28
28
|
<li></li>
|
|
29
29
|
</ul>
|
|
30
|
-
<
|
|
30
|
+
<p>### Removed</p>
|
|
31
|
+
<ul>
|
|
32
|
+
<li></li>
|
|
33
|
+
</ul>
|
|
34
|
+
<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.35..1.0.0-beta.36">1.0.0-beta.36</a> | 6. 8. 2026</h2>
|
|
35
|
+
<h3>Added</h3>
|
|
31
36
|
<ul>
|
|
32
37
|
<li></li>
|
|
33
38
|
</ul>
|
|
39
|
+
<h3>Changed</h3>
|
|
40
|
+
<ul>
|
|
41
|
+
<li>updated ODS to <code>3.4.0</code></li>
|
|
42
|
+
</ul>
|
|
43
|
+
<p>### Removed</p>
|
|
44
|
+
<ul>
|
|
45
|
+
<li></li>
|
|
46
|
+
</ul>
|
|
47
|
+
<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.34..1.0.0-beta.35">1.0.0-beta.35</a> | 31. 7. 2026</h2>
|
|
48
|
+
<h3>Added</h3>
|
|
49
|
+
<ul>
|
|
50
|
+
<li>
|
|
51
|
+
<p><code>/pages/components/</code></p>
|
|
52
|
+
<ul>
|
|
53
|
+
<li>Added missing vendor <code>data-ods-id</code> attributes:
|
|
54
|
+
<ul>
|
|
55
|
+
<li><code>hero__page-heading-simple--01</code></li>
|
|
56
|
+
<li><code>basic__faq--01</code></li>
|
|
57
|
+
<li><code>promo-banner__promo-banner--01</code></li>
|
|
58
|
+
<li><code>promo-banner__offer-section--01</code></li>
|
|
59
|
+
<li><code>promo-banner__offer-section--02</code></li>
|
|
60
|
+
<li><code>benefit-section__benefit-section--01</code></li>
|
|
61
|
+
<li><code>benefit-section__benefit-section--06</code></li>
|
|
62
|
+
<li><code>benefit-section__benefit-section--09</code></li>
|
|
63
|
+
<li><code>process-section__process-section--04</code></li>
|
|
64
|
+
<li><code>tiles-section__tile--03</code></li>
|
|
65
|
+
<li><code>tiles-section__tile--05</code></li>
|
|
66
|
+
<li><code>cards-section__basic-card-section--02</code></li>
|
|
67
|
+
</ul>
|
|
68
|
+
</li>
|
|
69
|
+
</ul>
|
|
70
|
+
</li>
|
|
71
|
+
<li>
|
|
72
|
+
<p><code>/pages/components/promo-banner/</code></p>
|
|
73
|
+
<ul>
|
|
74
|
+
<li>Promotional banner example <code>V2</code> - added <code>promo-banner__promo-banner--01</code>.</li>
|
|
75
|
+
<li>Promotional banner examples <code>V11</code> and <code>V12</code> - added <code>promo-banner__offer-section--01</code> and <code>promo-banner__offer-section--02</code>.</li>
|
|
76
|
+
</ul>
|
|
77
|
+
</li>
|
|
78
|
+
</ul>
|
|
79
|
+
<h3>Changed</h3>
|
|
80
|
+
<ul>
|
|
81
|
+
<li>
|
|
82
|
+
<p><code>/pages/basic-page-about-the-brand/</code></p>
|
|
83
|
+
<ul>
|
|
84
|
+
<li><code>basic-page-about-the-brand__section-01</code> - no rendered HTML change; MDX formatting only.</li>
|
|
85
|
+
<li><code>basic-page-about-the-brand__page-heading-simple--01</code> - no rendered HTML change; MDX formatting only.</li>
|
|
86
|
+
<li><code>basic-page-about-the-brand__action-tiles--01</code> - no rendered HTML change; MDX formatting only.</li>
|
|
87
|
+
</ul>
|
|
88
|
+
</li>
|
|
89
|
+
<li>
|
|
90
|
+
<p><code>/pages/components/promo-banner/</code></p>
|
|
91
|
+
<ul>
|
|
92
|
+
<li>Promotional banner example <code>V2</code> - replaced the <code>.section</code> component with a <code><div></code></li>
|
|
93
|
+
<li>Existing <code>.is-light</code>, <code>.h1</code>, <code>.mb-medium</code>, <code>.text-accent</code>, <code>.ml-small</code>, <code>.mb-large</code>, and <code>.mb-none</code> classes remain unchanged.</li>
|
|
94
|
+
</ul>
|
|
95
|
+
</li>
|
|
96
|
+
<li>
|
|
97
|
+
<p><code>/pages/device-lp-dvojicky-b2c/</code></p>
|
|
98
|
+
<ul>
|
|
99
|
+
<li><code>device-lp-dvojicky-b2c__section-01</code> - replaced the <code>.section</code> component with <code><div class="fill-primary is-dark"></code>.</li>
|
|
100
|
+
<li>Removed mobile spacing classes previously generated by <code>flushTopSmDown</code> and <code>flushBottomSmDown</code>.</li>
|
|
101
|
+
<li>Removed <code>pt-none</code> from the banner item class;</li>
|
|
102
|
+
<li><code>device-lp-dvojicky-b2c__hero-section--01</code> - invocation identifier remains unchanged; this local hero function does not forward the attribute to rendered HTML.</li>
|
|
103
|
+
</ul>
|
|
104
|
+
</li>
|
|
105
|
+
<li>
|
|
106
|
+
<p><code>/pages/product-page-b2b-market-locator/</code></p>
|
|
107
|
+
<ul>
|
|
108
|
+
<li><code>product-page-b2b-market-locator__section-01</code> - replaced the <code>.section</code> component with <code><div></code>; added <code>.background-primary</code> to the outer <code><div></code>;.</li>
|
|
109
|
+
<li>Removed mobile flush spacing classes previously generated by <code>flushTopSmDown</code> and <code>flushBottomSmDown</code>.</li>
|
|
110
|
+
</ul>
|
|
111
|
+
</li>
|
|
112
|
+
<li>
|
|
113
|
+
<p><code>/pages/product-page-b2b-microsoft-365/</code></p>
|
|
114
|
+
<ul>
|
|
115
|
+
<li><code>product-page-b2b-microsoft-365__section-01</code> - replaced the <code>.section</code> component with <code><div></code>; added <code>.background-primary</code> to the outer <code><div></code>;.</li>
|
|
116
|
+
<li>Removed mobile flush spacing classes previously generated by <code>flushTopSmDown</code> and <code>flushBottomSmDown</code>.</li>
|
|
117
|
+
</ul>
|
|
118
|
+
</li>
|
|
119
|
+
<li>
|
|
120
|
+
<p><code>/pages/product-page-b2b-soc-as-a-service/</code></p>
|
|
121
|
+
<ul>
|
|
122
|
+
<li><code>product-page-b2b-soc-as-a-service__section-01</code> - replaced the <code>.section</code> component with <code><div></code>; added <code>.background-primary</code> to the outer <code><div></code>;.</li>
|
|
123
|
+
<li>Removed mobile flush spacing classes previously generated by <code>flushTopSmDown</code> and <code>flushBottomSmDown</code>.</li>
|
|
124
|
+
</ul>
|
|
125
|
+
</li>
|
|
126
|
+
<li>
|
|
127
|
+
<p>Reusable hero block used by the following <code>data-ods-id</code> sections:</p>
|
|
128
|
+
<ul>
|
|
129
|
+
<li><code>blog-homepage-clovek__hero-section--01</code> on <code>/pages/blog-homepage-clovek/</code></li>
|
|
130
|
+
<li><code>blog-news-clovek__hero-section--01</code> on <code>/pages/blog-news-clovek/</code></li>
|
|
131
|
+
<li><code>blog-post-clovek__hero-section--01</code> on <code>/pages/blog-post-clovek/</code></li>
|
|
132
|
+
<li><code>press-and-news-releases-post__hero-section--01</code> on <code>/pages/press-and-news-releases-post/</code></li>
|
|
133
|
+
<li><code>product-page-b2c-online-security__hero-section--01</code> on <code>/pages/product-page-b2c-online-security/</code></li>
|
|
134
|
+
<li><code>product-page-b2c-prima-volba__hero-section--01</code> on <code>/pages/product-page-b2c-prima-volba/</code></li>
|
|
135
|
+
<li>For every listed section, replaced the <code>.section</code> component with <code><div></code> while preserving the section's <code>data-ods-id</code> and passed <code>class</code> value.</li>
|
|
136
|
+
<li>Removed mobile flush spacing classes previously generated by <code>flushTopSmDown</code> and <code>flushBottomSmDown</code> on <code>.promo-banner</code>.</li>
|
|
137
|
+
</ul>
|
|
138
|
+
</li>
|
|
139
|
+
</ul>
|
|
140
|
+
<p>### Removed</p>
|
|
34
141
|
<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.33..1.0.0-beta.34">1.0.0-beta.34</a> | 2. 7. 2026</h2>
|
|
35
142
|
<h3>Added</h3>
|
|
36
143
|
<ul>
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<body class="is-dark">
|
|
17
17
|
<div id="root">
|
|
18
18
|
<main>
|
|
19
|
-
<link rel="preload" as="image" href="/assets/form-waiting.svg"/><link rel="preload" as="image" href="/assets/form-success.svg"/><link rel="preload" as="image" href="/assets/form-error.svg"/><div id="MDX_ROOT_3fc4060a-d873-4a30-ba94-8996d77cd2bc"><div class="is-dark"><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-1" class="label form-field__label" id="id-1-label">Meno a Priezvisko</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-1" type="text" placeholder="Jožko Mrkvička" autoComplete="name" name="id-1"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-2" class="label form-field__label" id="id-2-label">Telefonne cislo</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-2" type="tel" placeholder="0901234567" autoComplete="tel" inputMode="tel" name="id-2"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-3" class="label form-field__label" id="id-3-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-3" type="text" placeholder="Mrkva s.r.o." autoComplete="organization" name="id-3"/></div></div><div class="form-field"><div class="form-field__description"><label for="id-4" class="label form-field__label" id="id-4-label">Obec vasho posobenia</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-4" type="text" placeholder="Čečebrdovce" autoComplete="address-level2" name="id-4"/></div></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox" type="checkbox" id="id-5" name="id-5"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-5" class="label form-field__label" id="id-5-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-6" class="label form-field__label" id="id-6-label">Meno a Priezvisko</label></div><div class="control-group form-field__control" aria-describedby="id-6-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-6" type="text" placeholder="Jožko Mrkvička" autoComplete="name" name="id-6" value="Jožko Mrkvička"/></div><p class="message" id="id-6-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-7" class="label form-field__label" id="id-7-label">Telefonne cislo</label></div><div class="control-group form-field__control" aria-describedby="id-7-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-7" type="tel" placeholder="0901234567" autoComplete="tel" inputMode="tel" name="id-7" value="0901234567"/></div><p class="message" id="id-7-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-8" class="label form-field__label" id="id-8-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control" aria-describedby="id-8-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-8" type="text" placeholder="Mrkva s.r.o." autoComplete="organization" name="id-8" value="Mrkva s.r.o."/></div><p class="message" id="id-8-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field"><div class="form-field__description"><label for="id-9" class="label form-field__label" id="id-9-label">Obec vasho posobenia</label></div><div class="control-group form-field__control" aria-describedby="id-9-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-9" type="text" placeholder="Čečebrdovce" autoComplete="address-level2" name="id-9" value="Čečebrdovce"/></div><p class="message" id="id-9-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox is-invalid" type="checkbox" id="id-10" aria-describedby="id-10-message-0" name="id-10"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-10" class="label form-field__label" id="id-10-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label><p class="message" id="id-10-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button><p class="message"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-11" class="label form-field__label" id="id-11-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-11" type="text" name="id-11"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-12" class="label form-field__label" id="id-12-label">PIN kód</label></div><div class="control-group form-field__control" aria-describedby="id-12-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-12" type="text" name="id-12" value="123456"/></div><p class="message" id="id-12-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Zadali ste nesprávny kód</p></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-13" class="label form-field__label" id="id-13-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-13" type="text" name="id-13" value="123456"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><p class="message align-center align-self-center"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-success.svg" alt="Successful SMS code verification"/><h2 class="h1">Ďakujeme, údaje sme prijali!</h2><p class="text-secondary mb-large">Ozveme sa vám čo najskôr - spravidla do jedného pracovného dňa. Ak chcete, môžete sa medzitým dozvedieť viac o našich riešeniach pre firmy.</p><button type="submit" class="btn btn--large d-flex align-self-center">Pozrieť riešenia pre firmy</button></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-error.svg" alt="Error in SMS code verification"/><h2 class="h1">Nesprávny sms kód</h2><p class="text-secondary mb-large">Zadaný kód nie je platný alebo jeho platnosť vypršala. Pošleme vám nový, aby ste mohli dokončiť odoslanie formulára.</p><button type="submit" class="btn btn--large d-flex align-self-center">Preposlať nový kód</button></div></div></div></div></div>
|
|
19
|
+
<link rel="preload" as="image" href="/assets/form-waiting.svg"/><link rel="preload" as="image" href="/assets/form-success.svg"/><link rel="preload" as="image" href="/assets/form-error.svg"/><div id="MDX_ROOT_7f7442b3-bcd4-4ccd-ab26-6c2b967c3a2f"><div class="is-dark"><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-1" class="label form-field__label" id="id-1-label">Meno a Priezvisko</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-1" type="text" placeholder="Jožko Mrkvička" autoComplete="name" name="id-1"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-2" class="label form-field__label" id="id-2-label">Telefonne cislo</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-2" type="tel" placeholder="0901234567" autoComplete="tel" inputMode="tel" name="id-2"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-3" class="label form-field__label" id="id-3-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-3" type="text" placeholder="Mrkva s.r.o." autoComplete="organization" name="id-3"/></div></div><div class="form-field"><div class="form-field__description"><label for="id-4" class="label form-field__label" id="id-4-label">Obec vasho posobenia</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-4" type="text" placeholder="Čečebrdovce" autoComplete="address-level2" name="id-4"/></div></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox" type="checkbox" id="id-5" name="id-5"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-5" class="label form-field__label" id="id-5-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-6" class="label form-field__label" id="id-6-label">Meno a Priezvisko</label></div><div class="control-group form-field__control" aria-describedby="id-6-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-6" type="text" placeholder="Jožko Mrkvička" autoComplete="name" name="id-6" value="Jožko Mrkvička"/></div><p class="message" id="id-6-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-7" class="label form-field__label" id="id-7-label">Telefonne cislo</label></div><div class="control-group form-field__control" aria-describedby="id-7-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-7" type="tel" placeholder="0901234567" autoComplete="tel" inputMode="tel" name="id-7" value="0901234567"/></div><p class="message" id="id-7-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-8" class="label form-field__label" id="id-8-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control" aria-describedby="id-8-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-8" type="text" placeholder="Mrkva s.r.o." autoComplete="organization" name="id-8" value="Mrkva s.r.o."/></div><p class="message" id="id-8-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field"><div class="form-field__description"><label for="id-9" class="label form-field__label" id="id-9-label">Obec vasho posobenia</label></div><div class="control-group form-field__control" aria-describedby="id-9-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-9" type="text" placeholder="Čečebrdovce" autoComplete="address-level2" name="id-9" value="Čečebrdovce"/></div><p class="message" id="id-9-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox is-invalid" type="checkbox" id="id-10" aria-describedby="id-10-message-0" name="id-10"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-10" class="label form-field__label" id="id-10-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label><p class="message" id="id-10-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button><p class="message"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-11" class="label form-field__label" id="id-11-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-11" type="text" name="id-11"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-12" class="label form-field__label" id="id-12-label">PIN kód</label></div><div class="control-group form-field__control" aria-describedby="id-12-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-12" type="text" name="id-12" value="123456"/></div><p class="message" id="id-12-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Zadali ste nesprávny kód</p></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-13" class="label form-field__label" id="id-13-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-13" type="text" name="id-13" value="123456"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><p class="message align-center align-self-center"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-success.svg" alt="Successful SMS code verification"/><h2 class="h1">Ďakujeme, údaje sme prijali!</h2><p class="text-secondary mb-large">Ozveme sa vám čo najskôr - spravidla do jedného pracovného dňa. Ak chcete, môžete sa medzitým dozvedieť viac o našich riešeniach pre firmy.</p><button type="submit" class="btn btn--large d-flex align-self-center">Pozrieť riešenia pre firmy</button></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-error.svg" alt="Error in SMS code verification"/><h2 class="h1">Nesprávny sms kód</h2><p class="text-secondary mb-large">Zadaný kód nie je platný alebo jeho platnosť vypršala. Pošleme vám nový, aby ste mohli dokončiť odoslanie formulára.</p><button type="submit" class="btn btn--large d-flex align-self-center">Preposlať nový kód</button></div></div></div></div></div>
|
|
20
20
|
</main>
|
|
21
21
|
</div>
|
|
22
22
|
<div id="root-tooltips"></div>
|
|
Binary file
|
package/build/index.html
CHANGED
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
<body>
|
|
17
17
|
<div id="root">
|
|
18
18
|
<main>
|
|
19
|
-
<div id="
|
|
20
|
-
3.
|
|
19
|
+
<div id="MDX_ROOT_7a6b5521-6bd5-4b2a-ba69-0c05c25874fe"><div class="section"><div class="container"><h1>Orange CMS templates</h1><p><a href="https://www.npmjs.com/package/@orangesk/cms-templates/v/1.0.0-beta.36" class="link" target="_blank"><b>1.0.0-beta.36</b></a> builded with <a href="https://ods2.lb.sk/" class="link" target="_blank"><b>ODS </b>
|
|
20
|
+
3.4.0 </a></p><br/><p><a href="/readme" class="link">Readme</a> | <a href="/changelog" class="link">Changelog</a></p><br/><br/><section class="mb-xlarge"><p><h2>Pages</h2>
|
|
21
21
|
🟠 WIP | 🟢 Tested & done</p><ul><li><a href="/pages/blog-homepage-clovek" class="link">🟢 Blog Človek - Homepage</a></li><li><a href="/pages/blog-news-clovek" class="link">🟢 Blog Človek - Novinky</a></li><li><a href="/pages/blog-post-clovek" class="link">🟢 Blog Človek - Článok</a></li><hr/><li><a href="/pages/business-trends-homepage" class="link">🟢 Biznis trendy - Homepage</a></li><li><a href="/pages/business-trends-news" class="link">🟢 Biznis trendy - Novinky</a></li><li><a href="/pages/business-trends-post" class="link">🟢 Biznis trendy - Článok</a></li><hr/><li><a href="/pages/press-and-news-releases" class="link">🟠 Tlačové správy</a></li><li><a href="/pages/press-and-news-releases-post" class="link">🟠 Tlačové správy - Článok</a></li><hr/><li><a href="/pages/product-page-b2c-equipment-insurance" class="link">🟠 Product Page B2C - Poistenie zariadení</a></li><li><a href="/pages/product-page-b2c-online-security" class="link">🟠 Product Page B2C - Online ochrana</a></li><li><a href="/pages/product-page-b2c-prima-volba" class="link">🟠 Product Page B2C - Prima voľba</a></li><hr/><li><a href="/pages/product-page-b2b-microsoft-365" class="link">🟠 Product Page B2B - Microsoft 365</a></li><li><a href="/pages/product-page-b2b-market-locator" class="link">🟠 Product Page B2B - Market Locator</a></li><li><a href="/pages/product-page-b2b-soc-as-a-service" class="link">🟠 Product Page B2B - SOC ako služba</a></li><hr/><li><a href="/pages/homepage-b2c" class="link">🟠 Homepage B2C</a></li><li><a href="/pages/homepage-b2b" class="link">🟠 Homepage B2B</a></li><hr/><li><a href="/pages/signpost-products-and-services" class="link">🟠 Rázcestník - Produkty a služby</a></li><li><a href="/pages/signpost-insurance" class="link">🟠 Rázcestník - Poistenie</a></li><hr/><li><a href="/pages/device-lp-b2c" class="link">🟠 Device LP - B2C</a></li><li><a href="/pages/device-lp-b2b" class="link">🟠 Device LP - B2B</a></li><hr/><li><a href="/pages/device-lp-dvojicky-b2c" class="link">🟠 Device LP dvojičky - B2C</a></li><li><a href="/pages/device-lp-dvojicky-b2b" class="link">🟠 Device LP dvojičky - B2B</a></li><hr/><li><a href="/pages/press-center-docs-library" class="link">🟠 Tlačové centrum - Knižnica dokumentov</a></li><li><a href="/pages/press-center-general-terms" class="link">🟠 Tlačové centrum - Všeobecné podmienky</a></li><li><a href="/pages/press-center-informations-for-customers" class="link">🟠 Tlačové centrum - Informácie pre zákazníkov</a></li><hr/><li><a href="/pages/basic-page-gdpr" class="link">🟠 Basic page - Osobné údaje a ich spracovanie</a></li><li><a href="/pages/basic-page-about-the-brand" class="link">🟠 Basic page - O značke Orange</a></li><hr/><li><a href="/pages/help-and-support-b2c" class="link">🟠 Pomoc a podpora - B2C</a></li><li><a href="/pages/help-and-support-b2b" class="link">🟠 Pomoc a podpora - B2B</a></li><li><a href="/pages/manuals-and-settings-general-template" class="link">🟠 Návody a nastavenia - Všeobecný template</a></li><li><a href="/pages/manuals-and-settings" class="link">🟠 Návody a nastavenia</a></li></ul></section><section class="mb"><h2>Plugins</h2><ul><li><a href="/pages/work-on-central" class="link">🟠 Práca na centrále</a></li><hr/><li><a href="/pages/job-offer-detail" class="link">🟠 Pracovná ponuka</a></li><hr/><li><a href="/pages/career-at-orange" class="link">🟠 Kariéra v Orangei</a></li><hr/><li><a href="/pages/roaming-b2c" class="link">🟠 Roaming B2C</a></li><li><a href="/pages/roaming-b2c-overview" class="link">🟠 Roaming B2C - Prehľad</a></li><li><a href="/pages/roaming-b2c-detail" class="link">🟠 Roaming B2C - Detail</a></li><li><a href="/pages/roaming-b2b" class="link">🟠 Roaming B2B</a></li><hr/><li><a href="/pages/pricelist" class="link">🟠 Cenník</a></li><li><a href="/pages/pricelist-tariff" class="link">🟠 Cenník - Paušál</a></li></ul></section><section class="mb"><h2>Components</h2><ul><li><a href="/components/ContactFormB2B" class="link">Product Page B2B - Kontaktný formulár</a></li><li><a href="/pages/components/basic" class="link">Basic</a></li><li><a href="/pages/components/benefit-section" class="link">Benefit section</a></li><li><a href="/pages/components/hero" class="link">Hero</a></li><li><a href="/pages/components/promo-banner" class="link">Promo banner</a></li><li><a href="/pages/components/process-section" class="link">Process section</a></li><li><a href="/pages/components/tiles-section" class="link">Tiles section</a></li><li><a href="/pages/components/cards-section" class="link">Cards section</a></li></ul></section><section class="mb"><h2>Archive</h2>
|
|
22
22
|
<p>Old templates, not used anymore but kept for reference.</p><ul><li><a href="/pages/invoices-and-payments" class="link">Návody a nastavenia - Faktúry a platby</a></li><li><a href="/pages/navody-a-nastavenia-apple-ios-16" class="link">Návody a nastavenia - Apple - iOS 16</a></li><li><a href="/pages/orange-tv-box" class="link">Návody a nastavenia - Orange TV Box</a></li><li><a href="/pages/tv-first-aid" class="link">Návody a nastavenia - Prvá pomoc s televíziou</a></li><li><a href="/pages/increased-invoice" class="link">Faktúry a platby - Zvýšená faktúra</a></li><li><a href="/pages/digital-invoice" class="link">Faktúry a platby - Digitálna faktúra</a></li></ul></section></div></div></div>
|
|
23
23
|
</main>
|
package/build/lib/base.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@layer base{
|
|
2
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}#root-dropdowns.is-light,#root-modals.is-light,#root-tooltips.is-light,#root.is-light,.is-light,:host,:host(.is-light),:root{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-background-accent1-blog:#fff6cc;--color-background-accent2-blog:#eee7f7;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f15e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f15e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#666;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f15e00;--tag-orange:#ffc48f;--tag-black:#333;--tag-yellow:#fff6b6;--tag-green:#b8ebd6;--tag-blue:#b5e8f7;--tag-success:#228722;--tag-danger:#cd3c14;--tag-info:#4170d8;--tag-warning:#fc0;--tag-text-dark:#000;--tag-text-light:#fff;color:var(--color-text-default)}#root-dropdowns.is-dark,#root-modals.is-dark,#root-tooltips.is-dark,#root.is-dark,.is-dark,:host(.is-dark){--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-background-accent1-blog:#62342d;--color-background-accent2-blog:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#2b1a10;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900;--tag-orange:#ffc48f;--tag-black:#333;--tag-yellow:#fff6b6;--tag-green:#b8ebd6;--tag-blue:#b5e8f7;--tag-success:#228722;--tag-danger:#cd3c14;--tag-info:#4170d8;--tag-warning:#fc0;--tag-text-dark:#000;--tag-text-light:#fff;color:var(--color-text-default)}:host,:root{--extra-scroll-margin:0;--header-height:80px}@media screen and (min-width:992px){:host,:root{--header-height:120px}html:has(.megamenu.is-sticky:not(.top-hidden) .megamenu__nav-logo>[data-megamenu-brand-mark]+span){--header-height:107px}html:has(.megamenu.is-sticky:not(.top-hidden) .megamenu__nav-logo>[data-megamenu-brand-mark]):not(:has(.megamenu.is-sticky:not(.top-hidden) .megamenu__nav-logo>[data-megamenu-brand-mark]+span)){--header-height:147px}html:has(.megamenu.is-sticky+.megamenu-spacer--small),html:has(.megamenu.is-sticky.top-hidden){--header-height:80px}}:target{scroll-margin-top:calc(var(--header-height) + var(--extra-scroll-margin) - 1px)}html{font-size:16px;overflow-x:hidden;scroll-padding-top:unset}body,html{-webkit-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-primary);color:var(--color-text-default);font-family:OrangeSK Neue,Helvetica Neue,Helvetica,Arial,sans-serif;position:relative}*,:after,:before{box-sizing:border-box}::selection{background-color:rgba(241,94,0,.9);color:var(--color-text-default)}iframe{border:0}[contentEditable=true]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,[type=button]:focus-visible,a[href]:focus-visible,area[href]:focus-visible,button:focus-visible,iframe:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}[contentEditable=true]:focus:not(:focus-visible),[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),[type=button]:focus:not(:focus-visible),a[href]:focus:not(:focus-visible),area[href]:focus:not(:focus-visible),button:focus:not(:focus-visible),iframe:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}[tabindex="-1"]:focus{outline:none}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}a{text-decoration:none;text-decoration-thickness:auto;text-underline-offset:2px}[role=button],button{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;appearance:none;background:transparent;border:0 solid transparent;color:inherit;font:inherit;line-height:normal;margin:0;overflow:visible;padding:0;width:auto}[role=button]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}caption{text-align:left}table{border-collapse:collapse}blockquote{margin:0 0 1.875rem}th{text-align:inherit}button[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{font-weight:300}figure{margin:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input,select,textarea{font-size:16px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-default);box-shadow:0 0 0 1000px var(--color-fill-primary) inset;caret-color:var(--color-text-default);transition:background-color 9999s ease-in-out 0s}input:-webkit-autofill:first-line,select:-webkit-autofill:first-line,textarea:-webkit-autofill:first-line{color:var(--color-text-default)}fieldset{border:0;margin:0;padding:0}::placeholder{color:#666;font-weight:400;opacity:1}h1,h2,h3,h4,h5,h6{margin-bottom:1.875rem;margin-top:0}h1{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}@media screen and (min-width:768px){h1{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}@media screen and (min-width:1240px){h1{font-size:3.125rem;font-weight:300;letter-spacing:-.0375rem;line-height:3.5rem}}h2{font-size:1.75rem;font-weight:300;letter-spacing:-.0125rem;line-height:2rem}@media screen and (min-width:768px){h2{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}}@media screen and (min-width:1240px){h2{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}h3{font-size:1.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:1.75rem}@media screen and (min-width:768px){h3{font-size:1.75rem;font-weight:700;letter-spacing:-.0375rem;line-height:2rem}}h4{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h4{font-size:1.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.75rem}}h5{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h5{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}h6{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h6{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:1.875rem;margin-top:0}.h1{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}@media screen and (min-width:768px){.h1{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}@media screen and (min-width:1240px){.h1{font-size:3.125rem;font-weight:300;letter-spacing:-.0375rem;line-height:3.5rem}}.h2{font-size:1.75rem;font-weight:300;letter-spacing:-.0125rem;line-height:2rem}@media screen and (min-width:768px){.h2{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}}@media screen and (min-width:1240px){.h2{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}.h3{font-size:1.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:1.75rem}@media screen and (min-width:768px){.h3{font-size:1.75rem;font-weight:700;letter-spacing:-.0375rem;line-height:2rem}}.h4{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h4{font-size:1.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.75rem}}.h5{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h5{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.h6{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h6{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.display-1,.display-2,.display-3{margin-bottom:1.875rem;margin-top:0}.display-1{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-1{font-size:5rem;font-weight:300;letter-spacing:-.0875rem;line-height:5.75rem}}@media screen and (min-width:1240px){.display-1{font-size:8.75rem;font-weight:300;letter-spacing:-.1625rem;line-height:9.875rem}}.display-2{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-2{font-size:5rem;font-weight:300;letter-spacing:-.0875rem;line-height:5.75rem}}.display-3{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-3{font-size:3.125rem;font-weight:300;letter-spacing:-.0375rem;line-height:3.5rem}}@media screen and (min-width:1240px){.display-3{font-size:3.75rem;font-weight:300;letter-spacing:-.0625rem;line-height:4.25rem}}p{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;margin-bottom:1.875rem;margin-top:0}@media screen and (min-width:768px){p{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){p{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}p a:not(.no-underline):not(.underline-hover){text-decoration:underline!important}p a.no-underline,p a.underline-hover{text-decoration:none!important}p a.underline-hover:hover{text-decoration:underline!important}p.small{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem}@media screen and (min-width:768px){p.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (min-width:992px){p.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}p.large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}@media screen and (min-width:768px){p.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}@media screen and (min-width:992px){p.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}a.small{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem}@media screen and (min-width:768px){a.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (min-width:992px){a.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}a.large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}@media screen and (min-width:768px){a.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}@media screen and (min-width:992px){a.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}cite{font-style:normal}hr{border:0;border-top:1px solid var(--color-border-strong);margin-bottom:1.875rem;margin-top:1.875rem}p{max-width:35em}.caption{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.125rem}.caption--small{font-size:.875rem;font-weight:400;line-height:1rem}.caption--large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.25rem}ol,ul{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;margin:0 0 1.875rem;max-width:35em;padding-left:1.875rem}@media screen and (min-width:768px){ol,ul{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){ol,ul{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}dl{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;max-width:35em}@media screen and (min-width:768px){dl{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){dl{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}dl{padding-left:0}dl dt{font-weight:700}dl dd{margin-bottom:1.875rem;margin-left:0}dl dd:last-child{margin-bottom:0}ul{list-style-type:square}ul ul{list-style-type:disc}ul ul ul{list-style-type:circle}ol>:where(li):not(:last-child),ul>:where(li):not(:last-child){margin-bottom:.625rem}ol>:where(li)>:where(ul,ol),ul>:where(li)>:where(ul,ol){margin-top:.625rem}ol.list-condensed>:where(li):not(:last-child),ul.list-condensed>:where(li):not(:last-child){margin-bottom:.3125rem}ol.list-condensed>:where(li)>:where(ul,ol),ul.list-condensed>:where(li)>:where(ul,ol){margin-top:.3125rem}.list-unstyled{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list-unstyled>li{margin-bottom:0}.list-unstyled>li:before{content:" ";height:0;position:absolute;width:0}.list-circle{list-style-type:disc!important}.list-circle ul{list-style-type:circle}.list-circle ul ul{list-style-type:square}.list-square{list-style-type:square!important}.list-square ul{list-style-type:disc}.list-square ul ul{list-style-type:circle}.list-no-offset{list-style-position:outside;padding-left:1.25rem}.list-inline{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list-inline>li{margin-bottom:0}.list-inline>li:before{content:" ";height:0;position:absolute;width:0}.list-inline{display:flex;flex-wrap:wrap;gap:.625rem}.list-inline>li{display:inline-flex}.list--marker-orange>li::marker{color:var(--color-icon-accent)}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}.swiper-button-next,.swiper-button-prev{&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-pagination-bullets-dynamic{.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5))}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.251));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.102));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.502));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}}
|
|
2
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}#root-dropdowns.is-light,#root-modals.is-light,#root-tooltips.is-light,#root.is-light,.is-light,:host,:host(.is-light),:root{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-background-accent1-blog:#fff6cc;--color-background-accent2-blog:#eee7f7;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-accent6:#ffc48f;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f15e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f15e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#666;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f15e00;--tag-orange:#ffc48f;--tag-black:#333;--tag-yellow:#fff6b6;--tag-green:#b8ebd6;--tag-blue:#b5e8f7;--tag-success:#228722;--tag-danger:#cd3c14;--tag-info:#4170d8;--tag-warning:#fc0;--tag-text-dark:#000;--tag-text-light:#fff;color:var(--color-text-default)}#root-dropdowns.is-dark,#root-modals.is-dark,#root-tooltips.is-dark,#root.is-dark,.is-dark,:host(.is-dark){--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-background-accent1-blog:#62342d;--color-background-accent2-blog:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f15e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#333;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f15e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-icon-accent6:#ffc48f;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900;--tag-orange:#ffc48f;--tag-black:#333;--tag-yellow:#fff6b6;--tag-green:#b8ebd6;--tag-blue:#b5e8f7;--tag-success:#228722;--tag-danger:#cd3c14;--tag-info:#4170d8;--tag-warning:#fc0;--tag-text-dark:#000;--tag-text-light:#fff;color:var(--color-text-default)}:host,:root{--extra-scroll-margin:0;--header-height:80px}@media screen and (min-width:992px){:host,:root{--header-height:120px}html:has(.megamenu:not(.non-sticky):not(.top-hidden) .megamenu__nav-logo>[data-megamenu-brand-mark]+span){--header-height:107px}html:has(.megamenu:not(.non-sticky):not(.top-hidden) .megamenu__nav-logo>[data-megamenu-brand-mark]):not(:has(.megamenu:not(.non-sticky):not(.top-hidden) .megamenu__nav-logo>[data-megamenu-brand-mark]+span)){--header-height:147px}html:has(.megamenu:not(.non-sticky)+.megamenu-spacer--small),html:has(.megamenu:not(.non-sticky).top-hidden){--header-height:80px}}:target{scroll-margin-top:calc(var(--header-height) + var(--extra-scroll-margin) - 1px)}html{font-size:16px;overflow-x:hidden;scroll-padding-top:unset}body,html{-webkit-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-primary);color:var(--color-text-default);font-family:OrangeSK Neue,Helvetica Neue,Helvetica,Arial,sans-serif;position:relative}*,:after,:before{box-sizing:border-box}::selection{background-color:rgba(241,94,0,.9);color:var(--color-text-default)}iframe{border:0}[contentEditable=true]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,[type=button]:focus-visible,a[href]:focus-visible,area[href]:focus-visible,button:focus-visible,iframe:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}[contentEditable=true]:focus:not(:focus-visible),[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),[type=button]:focus:not(:focus-visible),a[href]:focus:not(:focus-visible),area[href]:focus:not(:focus-visible),button:focus:not(:focus-visible),iframe:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}[tabindex="-1"]:focus{outline:none}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}a{text-decoration:none;text-decoration-thickness:auto;text-underline-offset:2px}[role=button],button{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;appearance:none;background:transparent;border:0 solid transparent;color:inherit;font:inherit;line-height:normal;margin:0;overflow:visible;padding:0;width:auto}[role=button]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}caption{text-align:left}table{border-collapse:collapse}blockquote{margin:0 0 1.875rem}th{text-align:inherit}button[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{font-weight:300}figure{margin:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input,select,textarea{font-size:16px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-default);box-shadow:0 0 0 1000px var(--color-fill-primary) inset;caret-color:var(--color-text-default);transition:background-color 9999s ease-in-out 0s}input:-webkit-autofill:first-line,select:-webkit-autofill:first-line,textarea:-webkit-autofill:first-line{color:var(--color-text-default)}fieldset{border:0;margin:0;padding:0}::placeholder{color:#666;font-weight:400;opacity:1}h1,h2,h3,h4,h5,h6{margin-bottom:1.875rem;margin-top:0}h1{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}@media screen and (min-width:768px){h1{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}@media screen and (min-width:1240px){h1{font-size:3.125rem;font-weight:300;letter-spacing:-.0375rem;line-height:3.5rem}}h2{font-size:1.75rem;font-weight:300;letter-spacing:-.0125rem;line-height:2rem}@media screen and (min-width:768px){h2{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}}@media screen and (min-width:1240px){h2{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}h3{font-size:1.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:1.75rem}@media screen and (min-width:768px){h3{font-size:1.75rem;font-weight:700;letter-spacing:-.0375rem;line-height:2rem}}h4{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h4{font-size:1.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.75rem}}h5{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h5{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}h6{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){h6{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:1.875rem;margin-top:0}.h1{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}@media screen and (min-width:768px){.h1{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}@media screen and (min-width:1240px){.h1{font-size:3.125rem;font-weight:300;letter-spacing:-.0375rem;line-height:3.5rem}}.h2{font-size:1.75rem;font-weight:300;letter-spacing:-.0125rem;line-height:2rem}@media screen and (min-width:768px){.h2{font-size:2.125rem;font-weight:300;letter-spacing:-.025rem;line-height:2.5rem}}@media screen and (min-width:1240px){.h2{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}.h3{font-size:1.5rem;font-weight:700;letter-spacing:-.0375rem;line-height:1.75rem}@media screen and (min-width:768px){.h3{font-size:1.75rem;font-weight:700;letter-spacing:-.0375rem;line-height:2rem}}.h4{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h4{font-size:1.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.75rem}}.h5{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h5{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.h6{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.h6{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.display-1,.display-2,.display-3{margin-bottom:1.875rem;margin-top:0}.display-1{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-1{font-size:5rem;font-weight:300;letter-spacing:-.0875rem;line-height:5.75rem}}@media screen and (min-width:1240px){.display-1{font-size:8.75rem;font-weight:300;letter-spacing:-.1625rem;line-height:9.875rem}}.display-2{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-2{font-size:5rem;font-weight:300;letter-spacing:-.0875rem;line-height:5.75rem}}.display-3{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}@media screen and (min-width:768px){.display-3{font-size:3.125rem;font-weight:300;letter-spacing:-.0375rem;line-height:3.5rem}}@media screen and (min-width:1240px){.display-3{font-size:3.75rem;font-weight:300;letter-spacing:-.0625rem;line-height:4.25rem}}p{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;margin-bottom:1.875rem;margin-top:0}@media screen and (min-width:768px){p{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){p{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}p a:not(.no-underline):not(.underline-hover){text-decoration:underline!important}p a.no-underline,p a.underline-hover{text-decoration:none!important}p a.underline-hover:hover{text-decoration:underline!important}p.small{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem}@media screen and (min-width:768px){p.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (min-width:992px){p.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}p.large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}@media screen and (min-width:768px){p.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}@media screen and (min-width:992px){p.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}a.small{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem}@media screen and (min-width:768px){a.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (min-width:992px){a.small{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}a.large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}@media screen and (min-width:768px){a.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}@media screen and (min-width:992px){a.large{font-size:1.25rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.875rem}}cite{font-style:normal}hr{border:0;border-top:1px solid var(--color-border-strong);margin-bottom:1.875rem;margin-top:1.875rem}p{max-width:35em}.caption{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.125rem}.caption--small{font-size:.875rem;font-weight:400;line-height:1rem}.caption--large{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.25rem}ol,ul{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;margin:0 0 1.875rem;max-width:35em;padding-left:1.875rem}@media screen and (min-width:768px){ol,ul{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){ol,ul{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}dl{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;max-width:35em}@media screen and (min-width:768px){dl{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){dl{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}dl{padding-left:0}dl dt{font-weight:700}dl dd{margin-bottom:1.875rem;margin-left:0}dl dd:last-child{margin-bottom:0}ul{list-style-type:square}ul ul{list-style-type:disc}ul ul ul{list-style-type:circle}ol>:where(li):not(:last-child),ul>:where(li):not(:last-child){margin-bottom:.625rem}ol>:where(li)>:where(ul,ol),ul>:where(li)>:where(ul,ol){margin-top:.625rem}ol.list-condensed>:where(li):not(:last-child),ul.list-condensed>:where(li):not(:last-child){margin-bottom:.3125rem}ol.list-condensed>:where(li)>:where(ul,ol),ul.list-condensed>:where(li)>:where(ul,ol){margin-top:.3125rem}.list-unstyled{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list-unstyled>li{margin-bottom:0}.list-unstyled>li:before{content:" ";height:0;position:absolute;width:0}.list-circle{list-style-type:disc!important}.list-circle ul{list-style-type:circle}.list-circle ul ul{list-style-type:square}.list-square{list-style-type:square!important}.list-square ul{list-style-type:disc}.list-square ul ul{list-style-type:circle}.list-no-offset{list-style-position:outside;padding-left:1.25rem}.list-inline{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.list-inline>li{margin-bottom:0}.list-inline>li:before{content:" ";height:0;position:absolute;width:0}.list-inline{display:flex;flex-wrap:wrap;gap:.625rem}.list-inline>li{display:inline-flex}.list--marker-orange>li::marker{color:var(--color-icon-accent)}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}.swiper-button-next,.swiper-button-prev{&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-pagination-bullets-dynamic{.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5))}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.251));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.102));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.502));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}}
|
|
3
3
|
/*# sourceMappingURL=base.css.map */
|