PageSourceSearch

https://www.mtn.co.za/home/assets/know-roaming-container-BqXDtHa9.js

js mtn.co.za collected 2026-09-24 09:17:55 UTC 86,281 bytes, 1,753 lines download raw bytes

1import{al as w,bt as y,bu as b,b4 as z,aQ as r,bD as C,b7 as F,b2 as l,bF as T,b8 as G,am as d,aS as c,aR as M,bE as S,aW as e,aZ as t,bp as u,bs as D,b0 as q,bN as W,bO as V,bP as A,bh as p,b9 as _,bG as B,ar as f,d as P}from"./ng-core-DPR2dEwr.js";import{R as L}from"./(roaming).page-By7Yrauq.js";import{V as H,a as I}from"./mtn-designsystem-buttons-and-links-Bp6_NKwR.js";import{V as N,a as j,b as E}from"./mtn-designsystem-carousels-DYoMC6j5.js";import{E as R}from"./event-tracking.module-CbR02kRx.js";import{A as K}from"./animate.module-auNivFZD.js";import{T as X,A as U,a as O}from"./animate-container.component-BqF-jFEz.js";import"./trust.pipe-DmKwYeET.js";import{C as k}from"./ng-common-DHB_mJcy.js";import"./rxjs-DPKuP0jf.js";import"./vendor-tslib-F1e60Aum.js";import"./vendor-analogjs-router-CcQ8yUV5.js";import"./ng-platform-browser-CghRTZkq.js";import"./ng-animations-DDuvvzC6.js";import"./ng-router-Bxf_Cgsq.js";import"./common.store-PP5Tbwun.js";import"./feapi.service-6kPJUvJW.js";import"./meta.service-CjBb7_tU.js";import"./page-container.component-BcImT81f.js";import"./spinner.component-cAiS3w_8.js";import"./vendor-transformation-matrix-D8FtTPQO.js";const Q=()=>({category:"default",variant:"primary",theme:"dark"});function Z(i,a){if(i&1&&(r(0,"div",14)(1,"div",15),d(2,"h2",16)(3,"div",17),c()()),i&2){const n=a.$implicit;e(2),t("innerHTML",n.title,p),e(),t("innerHTML",n.details,p)}}function J(i,a){if(i&1&&(r(0,"vds-card-carousel",13),W(1,Z,4,2,"div",14,V),c()),i&2){const n=l(2);t("type","fullViewport")("scrollerAccent","sunshine")("basePadding","2rem 0")("darkMode",!0),e(),A(n.slides.slides)}}function Y(i,a){if(i&1){const n=z();r(0,"mtn-animate-container",1),C("scrollPercentChange",function(g){F(n);const v=l();return T(v.scrollPercent,g)||(v.scrollPercent=g),G(g)}),r(1,"div",2)(2,"picture"),d(3,"source",3)(4,"source",4)(5,"img",5),c()(),r(6,"div",6),d(7,"div",7)(8,"div",8),r(9,"div",9)(10,"a",10)(11,"button",11),M(12),c()()(),r(13,"div",12),y(14,J,3,4,"vds-card-carousel",13),c()()()}if(i&2){const n=l();S("scrollPercent",n.scrollPercent),e(3),t("srcset",u(n.data==null||n.data.assets.mobile[0]==null?null:n.data.assets.mobile[0].image)),e(),t("srcset",u(n.data==null||n.data.mediaImages[0]==null?null:n.data.mediaImages[0].image)),e(),t("src",u(n.data==null||n.data.mediaImages[0]==null?null:n.data.mediaImages[0].image),_),e(),t("mtnAnimateSequence",n.contentPosition),e(),t("innerHTML",n.data==null?null:n.data.title,p),e(),t("innerHtml",n.data==null?null:n.data.title2,p),e(2),t("href",n.data==null?null:n.data.buttonUri,_),e(),t("vdsButtonClass",D(14,Q)),e(),q(" ",n.data==null?null:n.data.buttonText," "),e(2),b(n.slides.slides.length>0?14:-1)}}const o=class o{constructor(){this.scrollPercent=0,this.contentPosition=new X().from({y:10,opacity:0},-.5).to({opacity:1},-.01)}};o.ɵfac=function(n){return new(n||o)},o.ɵcmp=w({type:o,selectors:[["mtn-know-roaming"]],inputs:{data:"data",slides:"slides"},decls:1,vars:1,consts:[[1,"know-roaming",3,"scrollPercent"],[1,"know-roaming",3,"scrollPercentChange","scrollPercent"],[1,"know-roaming__image"],["media","(max-width: 575px)",3,"srcset"],["media","(min-width: 1366px)",3,"srcset"],["alt","Key Visual image","loading","lazy",3,"src"],[1,"know-roaming-content","container",3,"mtnAnimateSequence"],[1,"know-roaming-content__title",3,"innerHTML"],[1,"know-roaming-content__subtitle",3,"innerHtml"],[1,"know-roaming-content__button"],["tabindex","0",3,"href"],["vds-button","",3,"vdsButtonClass"],[1,"know-roaming-cards"],[3,"type","scrollerAccent","basePadding","darkMode"],["vds-carousel-card",""],[1,"know-roaming-card"],[1,"know-roaming-card__title",3,"innerHTML"],[1,"know-roaming-card__details",3,"innerHTML"]],template:function(n,m){n&1&&y(0,Y,15,15,"mtn-animate-container",0),n&2&&b(m.data?0:-1)},dependencies:[k,H,I,R,K,U,O,N,j,E],styles:[`/**
2 * Do not edit directly
3 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
4 */
5/**
6 * Do not edit directly
7 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
8 */
9/* vds-semantic-typography-line-height-tight */
10/* vds-semantic-typography-line-height-compact */
11/* vds-semantic-typography-line-height-extended */
12/* vds-semantic-typography-font-size-heading-medium */
13/* vds-semantic-typography-font-size-heading-large */
14/* vds-semantic-typography-font-size-heading-small */
15/* vds-semantic-typography-font-size-heading-xsmall */
16/* vds-semantic-typography-font-size-body-medium */
17/* vds-semantic-typography-font-size-body-small */
18/* vds-semantic-typography-font-size-body-large */
19/* vds-semantic-typography-font-size-micro-large */
20/* vds-semantic-typography-font-size-micro-small */
21/* vds-semantic-typography-font-size-display-small */
22/* vds-semantic-typography-font-size-display-medium */
23/* vds-semantic-typography-font-size-display-large */
24/* vds-semantic-typography-font-size-display-xlarge */
25/* vds-semantic-typography-text-case-upper */
26/* vds-semantic-typography-letterspacing-loose */
27/* vds-semantic-typography-letterspacing-extended */
28/* vds-semantic-typography-letterspacing-normal */
29/* vds-semantic-typography-paragraph-spacing-extended */
30/*!
31* VIVID Design System tokens
32* -------------------
33*/
34/**
35 * Do not edit directly
36 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
37 */
38/* opacity.10 */
39/* opacity.04 */
40/* opacity.01 */
41/* opacity.02 */
42/* opacity.03 */
43/* opacity.05 */
44/* opacity.07 */
45/* opacity.06 */
46/* opacity.08 */
47/* opacity.09 */
48/* sizing.10 */
49/* sizing.11 */
50/* sizing.12 */
51/* sizing.13 */
52/* sizing.14 */
53/* sizing.15 */
54/* sizing.16 */
55/* sizing.01 */
56/* sizing.02 */
57/* sizing.03 */
58/* sizing.04 */
59/* sizing.05 */
60/* sizing.06 */
61/* sizing.07 */
62/* sizing.08 */
63/* sizing.09 */
64/* border-width.01 */
65/* border-width.02 */
66/* spacing.10 */
67/* spacing.11 */
68/* spacing.12 */
69/* spacing.01 */
70/* spacing.02 */
71/* spacing.03 */
72/* spacing.04 */
73/* spacing.05 */
74/* spacing.06 */
75/* spacing.07 */
76/* spacing.08 */
77/* spacing.09 */
78/* colour.sunshine */
79/* colour.sunshine-32 */
80/* colour.raven */
81/* colour.raven-64 */
82/* colour.raven-32 */
83/* colour.raven-24 */
84/* colour.raven-16 */
85/* colour.raven-8 */
86/* colour.pearl */
87/* colour.pearl-64 */
88/* colour.pearl-32 */
89/* colour.pearl-24 */
90/* colour.pearl-16 */
91/* colour.cloud */
92/* colour.porcelain */
93/* colour.ivory */
94/* colour.steam */
95/* colour.mist */
96/* colour.bob */
97/* colour.metal */
98/* colour.purple-velour */
99/* colour.dahlia */
100/* colour.sea-wave */
101/* colour.ocean */
102/* colour.magenta */
103/* colour.aqua-deep */
104/* colour.dark-night */
105/* colour.bordo */
106/* colour.brown */
107/* colour.jet */
108/* colour.salt */
109/* colour.red-sentinel */
110/* colour.hornet */
111/* colour.navy */
112/* colour.park */
113/* colour.persian */
114/* colour.bolt */
115/* colour.sunrise */
116/* colour.burntHornet */
117/* colour.pacific */
118/* colour.cardinal */
119/* colour.obsidian */
120/* colour.basalt */
121/* colour.platinum */
122/* colour.sub-platinum */
123/* colour.glaze */
124/* colour.atlantic */
125/* colour.daybreak */
126/* colour.brightburn */
127/* colour.rouge */
128/* colour.challengerDeep */
129/* colour.ash */
130/* colour.glimmer */
131/* colour.glitter */
132/* colour.shimmer */
133/* colour.sheen */
134/* font-weight.04 */
135/* font-weight.02 */
136/* font-weight.03 */
137/* font-weight.01 */
138/* border-radius.0 */
139/* border-radius.01 */
140/* border-radius.02 */
141/* border-radius.03 */
142/* border-radius.04 */
143/* border-radius.05 */
144/* line-height.01 */
145/* line-height.02 */
146/* line-height.03 */
147/* line-height.04 */
148/* font.base */
149/* font-size.10 */
150/* font-size.11 */
151/* font-size.12 */
152/* font-size.13 */
153/* font-size.01 */
154/* font-size.02 */
155/* font-size.03 */
156/* font-size.04 */
157/* font-size.05 */
158/* font-size.06 */
159/* font-size.07 */
160/* font-size.08 */
161/* font-size.09 */
162/* text-decoration.02 */
163/* text-decoration.03 */
164/* text-decoration.01 */
165/* text-case.02 */
166/* text-case.03 */
167/* text-case.04 */
168/* text-case.01 */
169/* letterspacing.01 */
170/* letterspacing.02 */
171/* letterspacing.03 */
172/* letterspacing.04 */
173/* drop-shadow.02 */
174/* drop-shadow.01 */
175/* drop-shadow.03 */
176/* drop-shadow.04 */
177/* paragraph-spacing.01 */
178/* background-blur-01 */
179/* background-blur-02 */
180/* background-blur-13 */
181/* semantic.colour.background.interactive.primary.default */
182/* semantic.colour.background.interactive.primary.hover */
183/* semantic.colour.background.interactive.primary.hit */
184/* semantic.colour.background.interactive.primary.active */
185/* semantic.colour.background.interactive.primary.disabled */
186/* semantic.colour.background.interactive.secondary.default */
187/* semantic.colour.background.interactive.secondary.hover */
188/* semantic.colour.background.interactive.secondary.hit */
189/* semantic.colour.background.interactive.secondary.disabled */
190/* semantic.colour.background.interactive.tertiary.default */
191/* semantic.colour.background.interactive.tertiary.hover */
192/* semantic.colour.background.interactive.tertiary.hit */
193/* semantic.colour.background.interactive.tertiary.disabled */
194/* semantic.colour.background.interactive.tertiary.selected */
195/* semantic.colour.background.interactive.quaternary.default */
196/* semantic.colour.background.interactive.quaternary.hover */
197/* semantic.colour.background.interactive.quaternary.hit */
198/* semantic.colour.background.interactive.quaternary.disabled */
199/* semantic.colour.background.accent.primary */
200/* semantic.colour.background.accent.Secondary */
201/* semantic.colour.background.accent.tertiary */
202/* semantic.colour.background.opacity.max */
203/* semantic.colour.background.opacity.intense */
204/* semantic.colour.background.opacity.tempered */
205/* semantic.colour.background.opacity.restrained */
206/* semantic.colour.background.opacity.faint */
207/* semantic.colour.background.opacity.inverse.max */
208/* semantic.colour.background.opacity.inverse.intense */
209/* semantic.colour.background.opacity.inverse.tempered */
210/* semantic.colour.background.opacity.inverse.restrained */
211/* semantic.colour.background.opacity.inverse.faint */
212/* semantic.colour.background.system.success */
213/* semantic.colour.background.system.info */
214/* semantic.colour.background.system.warning */
215/* semantic.colour.background.system.error */
216/* semantic.colour.border.accent.primary */
217/* semantic.colour.border.accent.secondary */
218/* semantic.colour.border.accent.tertiary */
219/* semantic.colour.border.interactive.primary.default */
220/* semantic.colour.border.interactive.primary.hover */
221/* semantic.colour.border.interactive.primary.hit */
222/* semantic.colour.border.interactive.primary.disabled */
223/* semantic.colour.border.interactive.primary.selected */
224/* semantic.colour.border.interactive.tertiary.default */
225/* semantic.colour.border.interactive.tertiary.disabled */
226/* semantic.colour.border.input.controls.default */
227/* semantic.colour.border.input.controls.hover */
228/* semantic.colour.border.input.controls.press */
229/* semantic.colour.border.input.controls.active */
230/* semantic.colour.border.input.controls.hit */
231/* semantic.colour.border.input.controls.complete */
232/* semantic.colour.border.input.controls.error */
233/* semantic.colour.border.input.controls.disabled */
234/* semantic.colour.border.system.info */
235/* semantic.colour.border.system.warning */
236/* semantic.colour.border.system.error */
237/* semantic.colour.border.system.success */
238/* semantic.colour.foreground.accent.primary */
239/* semantic.colour.foreground.accent.secondary */
240/* semantic.colour.foreground.accent.tertiary */
241/* semantic.colour.foreground.interactive.primary.default */
242/* semantic.colour.foreground.interactive.primary.hover */
243/* semantic.colour.foreground.interactive.primary.hit */
244/* semantic.colour.foreground.interactive.primary.disabled */
245/* semantic.colour.foreground.interactive.primary.active */
246/* semantic.colour.foreground.interactive.primary.selected */
247/* semantic.colour.foreground.interactive.primary.placeholder */
248/* semantic.colour.foreground.interactive.secondary.default */
249/* semantic.colour.foreground.interactive.secondary.hover */
250/* semantic.colour.foreground.interactive.secondary.hit */
251/* semantic.colour.foreground.interactive.secondary.disabled */
252/* semantic.colour.foreground.interactive.secondary.selected */
253/* semantic.colour.foreground.interactive.tertiary.default */
254/* semantic.colour.foreground.interactive.tertiary.hover */
255/* semantic.colour.foreground.interactive.tertiary.hit */
256/* semantic.colour.foreground.interactive.tertiary.disabled */
257/* semantic.colour.foreground.interactive.tertiary.selected */
258/* semantic.colour.foreground.interactive.quaternary.default */
259/* semantic.colour.foreground.interactive.quaternary.hover */
260/* semantic.colour.foreground.interactive.quaternary.hit */
261/* semantic.colour.foreground.interactive.quaternary.disabled */
262/* semantic.colour.foreground.opacity.max */
263/* semantic.colour.foreground.opacity.intense */
264/* semantic.colour.foreground.opacity.tempered */
265/* semantic.colour.foreground.opacity.restrained */
266/* semantic.colour.foreground.opacity.faint */
267/* semantic.colour.foreground.opacity.inverse.max */
268/* semantic.colour.foreground.opacity.inverse.intense */
269/* semantic.colour.foreground.opacity.inverse.tempered */
270/* semantic.colour.foreground.opacity.inverse.restrained */
271/* semantic.colour.foreground.opacity.inverse.faint */
272/* semantic.colour.foreground.system.info */
273/* semantic.colour.foreground.system.warning */
274/* semantic.colour.foreground.system.success */
275/* semantic.colour.foreground.system.danger */
276/* semantic.colour.canvas.primary */
277/* semantic.colour.canvas.secondary */
278/* semantic.colour.canvas.tertiary */
279/* semantic.colour.card.background.accent.primary */
280/* semantic.colour.card.background.accent.secondary */
281/* semantic.colour.card.background.accent.tertiary */
282/* semantic.colour.card.background.interactive.primary.default */
283/* semantic.colour.card.background.interactive.primary.hover */
284/* semantic.colour.card.background.interactive.primary.hit */
285/* semantic.colour.card.background.interactive.primary.disabled */
286/* semantic.colour.card.background.interactive.secondary.default */
287/* semantic.colour.card.background.interactive.secondary.hover */
288/* semantic.colour.card.background.interactive.secondary.hit */
289/* semantic.colour.card.background.interactive.secondary.disabled */
290/* semantic.colour.card.foreground.interactive.primary.default */
291/* semantic.colour.card.foreground.interactive.primary.hover */
292/* semantic.colour.card.foreground.interactive.primary.hit */
293/* semantic.colour.card.foreground.interactive.primary.disabled */
294/* semantic.colour.card.foreground.interactive.secondary.default */
295/* semantic.colour.card.foreground.interactive.secondary.hover */
296/* semantic.colour.card.foreground.interactive.secondary.hit */
297/* semantic.colour.card.foreground.interactive.secondary.disabled */
298/* semantic.colour.card.border.interactive.primary.default */
299/* semantic.colour.card.border.interactive.primary.hover */
300/* semantic.colour.card.border.interactive.primary.disabled */
301/* semantic.colour.card.border.interactive.primary.hit */
302/* semantic.typography.display.small */
303/* semantic.typography.display.medium */
304/* semantic.typography.display.large */
305/* semantic.typography.display.xlarge */
306/* semantic.typography.headline.medium */
307/* semantic.typography.headline.small */
308/* semantic.typography.headline.xsmall */
309/* semantic.typography.headline.large */
310/* semantic.typography.micro.small */
311/* semantic.typography.micro.large */
312/* semantic.typography.body.small */
313/* semantic.typography.body.large */
314/* semantic.typography.font-weight.subdued */
315/* semantic.typography.font-weight.steady */
316/* semantic.typography.font-weight.powerful */
317/* semantic.typography.font-weight.strong */
318/* semantic.typography.line-height.tight */
319/* semantic.typography.line-height.compact */
320/* semantic.typography.line-height.extended */
321/* semantic.typography.font-size.heading.medium */
322/* semantic.typography.font-size.heading.large */
323/* semantic.typography.font-size.heading.small */
324/* semantic.typography.font-size.heading.xsmall */
325/* semantic.typography.font-size.body.medium */
326/* semantic.typography.font-size.body.small */
327/* semantic.typography.font-size.body.large */
328/* semantic.typography.font-size.micro.large */
329/* semantic.typography.font-size.micro.small */
330/* semantic.typography.font-size.display.small */
331/* semantic.typography.font-size.display.medium */
332/* semantic.typography.font-size.display.large */
333/* semantic.typography.font-size.display.xlarge */
334/* semantic.typography.text-case.upper */
335/* semantic.typography.lett
335erspacing.loose */
336/* semantic.typography.letterspacing.extended */
337/* semantic.typography.letterspacing.normal */
338/* semantic.typography.paragraph-spacing.extended */
339/* semantic.background-blur.extreme */
340/* semantic.filter.background-blur.extreme */
341/* semantic.box-shadow.large */
342/* semantic.opacity.max */
343/* semantic.opacity.intense */
344/* semantic.opacity.tempered */
345/* semantic.opacity.restrained */
346/* semantic.opacity.faint */
347/* semantic.drop-shadow.interactive.hover */
348/* semantic.sizing.icon.small */
349/* semantic.sizing.icon.medium */
350/* semantic.sizing.icon.large */
351/* semantic.sizing.icon.xlarge */
352/* semantic.sizing.icon.2xlarge */
353/* semantic.sizing.element.xsmall */
354/* semantic.sizing.element.small */
355/* semantic.sizing.element.medium */
356/* semantic.sizing.element.large */
357/* semantic.sizing.element.xlarge */
358/* semantic.sizing.element.2xlarge */
359/* semantic.sizing.element.3xlarge */
360/* semantic.sizing.element.4xlarge */
361/* semantic.sizing.element.5xlarge */
362/* semantic.sizing.element.6xlarge */
363/* semantic.spacing.margin.5xsmall */
364/* semantic.spacing.margin.4xsmall */
365/* semantic.spacing.margin.3xsmall */
366/* semantic.spacing.margin.2xsmall */
367/* semantic.spacing.margin.xsmall */
368/* semantic.spacing.margin.small */
369/* semantic.spacing.margin.medium */
370/* semantic.spacing.margin.large */
371/* semantic.spacing.margin.xlarge */
372/* semantic.spacing.margin.2xlarge */
373/* semantic.spacing.margin.3xlarge */
374/* semantic.spacing.margin.4xlarge */
375/* semantic.spacing.margin.5xlarge */
376/* semantic.spacing.padding.5xsmall */
377/* semantic.spacing.padding.4xsmall */
378/* semantic.spacing.padding.3xsmall */
379/* semantic.spacing.padding.2xsmall */
380/* semantic.spacing.padding.xsmall */
381/* semantic.spacing.padding.small */
382/* semantic.spacing.padding.medium */
383/* semantic.spacing.padding.large */
384/* semantic.spacing.padding.xlarge */
385/* semantic.spacing.padding.2xlarge */
386/* semantic.spacing.gap.5xsmall */
387/* semantic.spacing.gap.4xsmall */
388/* semantic.spacing.gap.3xsmall */
389/* semantic.spacing.gap.2xsmall */
390/* semantic.spacing.gap.xsmall */
391/* semantic.spacing.gap.small */
392/* semantic.spacing.gap.medium */
393/* semantic.spacing.gap.large */
394/* semantic.spacing.gap.xlarge */
395/* semantic.spacing.gap.2xlarge */
396/* semantic.spacing.gap.3xlarge */
397/* semantic.spacing.gap.4xlarge */
398/* semantic.spacing.gap.5xlarge */
399/* semantic.border-radius.xsmall */
400/* semantic.border-radius.small */
401/* semantic.border-radius.medium */
402/* semantic.border-radius.large */
403/* semantic.border-radius.Xlarge */
404/* explorer_semantics.opacity.10 */
405/* explorer_semantics.opacity.04 */
406/* explorer_semantics.opacity.01 */
407/* explorer_semantics.opacity.02 */
408/* explorer_semantics.opacity.03 */
409/* explorer_semantics.opacity.05 */
410/* explorer_semantics.opacity.07 */
411/* explorer_semantics.opacity.06 */
412/* explorer_semantics.opacity.08 */
413/* explorer_semantics.opacity.09 */
414/* explorer_semantics.size.10 */
415/* explorer_semantics.size.11 */
416/* explorer_semantics.size.01 */
417/* explorer_semantics.size.02 */
418/* explorer_semantics.size.03 */
419/* explorer_semantics.size.04 */
420/* explorer_semantics.size.05 */
421/* explorer_semantics.size.06 */
422/* explorer_semantics.size.07 */
423/* explorer_semantics.size.08 */
424/* explorer_semantics.size.09 */
425/* explorer_semantics.border-width.01 */
426/* explorer_semantics.border-width.02 */
427/* explorer_semantics.border-width.03 */
428/* explorer_semantics.spacing.10 */
429/* explorer_semantics.spacing.11 */
430/* explorer_semantics.spacing.12 */
431/* explorer_semantics.spacing.01 */
432/* explorer_semantics.spacing.02 */
433/* explorer_semantics.spacing.03 */
434/* explorer_semantics.spacing.04 */
435/* explorer_semantics.spacing.05 */
436/* explorer_semantics.spacing.06 */
437/* explorer_semantics.spacing.07 */
438/* explorer_semantics.spacing.08 */
439/* explorer_semantics.spacing.09 */
440/* explorer_semantics.spacing.layout.6xlarge */
441/* explorer_semantics.spacing.layout.medium */
442/* explorer_semantics.spacing.layout.small */
443/* explorer_semantics.spacing.layout.xsmall */
444/* explorer_semantics.spacing.layout.2xlarge */
445/* explorer_semantics.spacing.layout.large */
446/* explorer_semantics.colour.palette.primary.sunshine */
447/* explorer_semantics.colour.palette.primary.pearl */
448/* explorer_semantics.colour.palette.primary.raven */
449/* explorer_semantics.colour.palette.opacity.pearl-64 */
450/* explorer_semantics.colour.palette.opacity.pearl-80 */
451/* explorer_semantics.colour.palette.opacity.pearl-56 */
452/* explorer_semantics.colour.palette.opacity.pearl-48 */
453/* explorer_semantics.colour.palette.opacity.pearl-32 */
454/* explorer_semantics.colour.palette.opacity.pearl-24 */
455/* explorer_semantics.colour.palette.opacity.pearl-16 */
456/* explorer_semantics.colour.palette.opacity.pearl-08 */
457/* explorer_semantics.colour.palette.opacity.raven-64 */
458/* explorer_semantics.colour.palette.opacity.raven-48 */
459/* explorer_semantics.colour.palette.opacity.raven-32 */
460/* explorer_semantics.colour.palette.opacity.raven-24 */
461/* explorer_semantics.colour.palette.opacity.raven-16 */
462/* explorer_semantics.colour.palette.neutrals.porcelain */
463/* explorer_semantics.colour.palette.neutrals.cloud */
464/* explorer_semantics.colour.palette.neutrals.ivory */
465/* explorer_semantics.colour.palette.neutrals.steam */
466/* explorer_semantics.colour.palette.neutrals.cardboard */
467/* explorer_semantics.colour.palette.neutrals.bob */
468/* explorer_semantics.colour.palette.neutrals.metal */
469/* explorer_semantics.colour.palette.feedback.park-500 */
470/* explorer_semantics.colour.palette.feedback.navy-500 */
471/* explorer_semantics.colour.palette.feedback.hornet-500 */
472/* explorer_semantics.colour.palette.feedback.crimson-500 */
473/* explorer_semantics.colour.text.base.on-light */
474/* explorer_semantics.colour.text.base.on-dark */
475/* explorer_semantics.colour.text.subdued */
476/* explorer_semantics.colour.background.lightest */
477/* explorer_semantics.colour.background.light */
478/* explorer_semantics.colour.background.dark */
479/* explorer_semantics.colour.background.accent */
480/* explorer_semantics.border-radius.0 */
481/* explorer_semantics.border-radius.01 */
482/* explorer_semantics.border-radius.02 */
483/* explorer_semantics.border-radius.03 */
484/* explorer_semantics.line-height.01 */
485/* explorer_semantics.line-height.02 */
486/* explorer_semantics.line-height.03 */
487/* explorer_semantics.line-height.04 */
488/* explorer_semantics.font-weight.03 */
489/* explorer_semantics.font-weight.02 */
490/* explorer_semantics.font-weight.01 */
491/* explorer_semantics.text-case.uppercase */
492/* explorer_semantics.font-size.10 */
493/* explorer_semantics.font-size.11 */
494/* explorer_semantics.font-size.12 */
495/* explorer_semantics.font-size.13 */
496/* explorer_semantics.font-size.14 */
497/* explorer_semantics.font-size.01 */
498/* explorer_semantics.font-size.02 */
499/* explorer_semantics.font-size.03 */
500/* explorer_semantics.font-size.04 */
501/* explorer_semantics.font-size.05 */
502/* explorer_semantics.font-size.06 */
503/* explorer_semantics.font-size.07 */
504/* explorer_semantics.font-size.08 */
505/* explorer_semantics.font-size.09 */
506/* explorer_semantics.font.base */
507/* explorer_semantics.letterspacing.01 */
508/* explorer_semantics.letterspacing.02 */
509/* explorer_semantics.letterspacing.03 */
510/* explorer_semantics.letterspacing.04 */
511/* explorer_semantics.text.display.small */
512/* explorer_semantics.text.display.medium */
513/* explorer_semantics.text.display.large */
514/* explorer_semantics.text.display.xlarge */
515/* explorer_semantics.text.headline.large */
516/* explorer_semantics.text.headline.medium */
517/* explorer_semantics.text.headline.small */
518/* explorer_semantics.text.body.xlarge */
519/* explorer_semantics.text.body.medium */
520/* explorer_semantics.text.body.large */
521/* explorer_semantics.text.micro.sm */
522/* explorer_semantics.text.micro.medium */
523/* explorer_semantics.drop-shadow.01 */
524/* explorer_semantics.drop-shadow.02 */
525/* explorer_semantics.drop-shadow.03 */
526/* explorer_semantics.paragraph-spacing.01 */
527/* explorer_semantics.blur-01 */
528/* explorer_semantics.text-decoration.01 */
529/* bright_semantics.semantic.colour.background.interactive.primary.default */
530/* bright_semantics.semantic.colour.background.interactive.primary.hit */
531/* bright_semantics.semantic.colour.background.interactive.primary.disabled */
532/* bright_semantics.semantic.colour.background.interactive.secondary.default */
533/* bright_semantics.semantic.colour.background.interactive.secondary.hit */
534/* bright_semantics.semantic.colour.background.interactive.secondary.disabled */
535/* bright_semantics.semantic.colour.background.interactive.tertiary.default */
536/* bright_semantics.semantic.colour.background.interactive.tertiary.pressed */
537/* bright_semantics.semantic.colour.background.interactive.tertiary.hit */
538/* bright_semantics.semantic.colour.background.interactive.tertiary.selected */
539/* bright_semantics.semantic.colour.background.interactive.tertiary.disabled */
540/* bright_semantics.semantic.colour.background.accent.primary */
541/* bright_semantics.semantic.colour.background.accent.secondary */
542/* bright_semantics.semantic.colour.background.accent.tertiary */
543/* bright_semantics.semantic.colour.background.opacity.max */
544/* bright_semantics.semantic.colour.background.opacity.intense */
545/* bright_semantics.semantic.colour.background.opacity.inverse.max */
546/* bright_semantics.semantic.colour.background.opacity.inverse.intense */
547/* bright_semantics.semantic.colour.background.opacity.inverse.tempered */
548/* bright_semantics.semantic.colour.background.opacity.inverse.restrained */
549/* bright_semantics.semantic.colour.background.opacity.inverse.faint */
550/* bright_semantics.semantic.colour.background.system.success */
551/* bright_semantics.semantic.colour.background.system.info */
552/* bright_semantics.semantic.colour.background.system.warning */
553/* bright_semantics.semantic.colour.background.input.controls.default */
554/* bright_semantics.semantic.colour.background.input.controls.inactive */
555/* bright_semantics.semantic.colour.border.accent.primary */
556/* bright_semantics.semantic.colour.border.accent.secondary */
557/* bright_semantics.semantic.colour.border.accent.tertiary */
558/* bright_semantics.semantic.colour.border.interactive.primary.default */
559/* bright_semantics.semantic.colour.border.interactive.primary.hit */
560/* bright_semantics.semantic.colour.border.interactive.primary.disabled */
561/* bright_semantics.semantic.colour.border.interactive.secondary.default */
562/* bright_semantics.semantic.colour.border.interactive.secondary.disabled */
563/* bright_semantics.semantic.colour.border.input.controls.default */
564/* bright_semantics.semantic.colour.border.input.controls.active */
565/* bright_semantics.semantic.colour.border.input.controls.hit */
566/* bright_semantics.semantic.colour.border.input.controls.error */
567/* bright_semantics.semantic.colour.border.input.controls.complete */
568/* bright_semantics.semantic.colour.border.input.controls.disabled */
569/* bright_semantics.semantic.colour.border.disabled */
570/* bright_semantics.semantic.colour.border.divider */
571/* bright_semantics.semantic.colour.border.divider-alt */
572/* bright_semantics.semantic.colour.foreground.accent.sunshine */
573/* bright_semantics.semantic.colour.foreground.accent.pearl */
574/* bright_semantics.semantic.colour.foreground.accent.raven */
575/* bright_semantics.semantic.colour.foreground.interactive.primary.default */
576/* bright_semantics.semantic.colour.foreground.interactive.primary.hit */
577/* bright_semantics.semantic.colour.foreground.interactive.primary.disabled */
578/* bright_semantics.semantic.colour.foreground.interactive.secondary.default */
579/* bright_semantics.semantic.colour.foreground.interactive.secondary.hit */
580/* bright_semantics.semantic.colour.foreground.interactive.secondary.disabled */
581/* bright_semantics.semantic.colour.foreground.interactive.tertiary.default */
582/* bright_semantics.semantic.colour.foreground.interactive.tertiary.active */
583/* bright_semantics.semantic.colour.foreground.interactive.tertiary.hit */
584/* bright_semantics.semantic.colour.foreground.interactive.tertiary.disabled */
585/* bright_semantics.semantic.colour.foreground.opacity.max */
586/* bright_semantics.semantic.colour.foreground.opacity.intense */
587/* bright_semantics.semantic.colour.foreground.opacity.faint */
588/* bright_semantics.semantic.colour.foreground.opacity.inverse.max */
589/* bright_semantics.semantic.colour.foreground.opacity.inverse.intense */
590/* bright_semantics.semantic.colour.foreground.opacity.inverse.tempered */
591/* bright_semantics.semantic.colour.foreground.opacity.inverse.faint */
592/* bright_semantics.semantic.colour.foreground.system.info */
593/* bright_semantics.semantic.colour.foreground.system.warning */
594/* bright_semantics.semantic.colour.foreground.system.success */
595/* bright_semantics.semantic.colour.foreground.system.danger */
596/* bright_semantics.semantic.colour.foreground.input.controls.default */
597/* bright_semantics.semantic.colour.foreground.input.controls.inactive */
598/* bright_semantics.semantic.colour.canvas.primary */
599/* bright_semantics.semantic.colour.canvas.secondary */
600/* bright_semantics.semantic.colour.card.background.accent.primary */
601/* bright_semantics.semantic.colour.card.background.interactive.primary.default */
602/* bright_semantics.semantic.colour.card.background.interactive.primary.hit */
603/* bright_semantics.semantic.colour.card.background.interactive.primary.disabled */
604/* bright_semantics.semantic.colour.card.background.interactive.secondary.default */
605/* bright_semantics.semantic.colour.card.background.interactive.secondary.hit */
606/* bright_semantics.semantic.colour.card.background.interactive.secondary.disabled */
607/* bright_semantics.semantic.colour.card.background.non-interactive.primary.default */
608/* bright_semantics.semantic.colour.card.background.non-interactive.secondary.default */
609/* bright_semantics.semantic.colour.card.accent.secondary */
610/* bright_semantics.semantic.colour.card.accent.tertiary */
611/* bright_semantics.semantic.colour.card.foreground.interactive.primary.default */
612/* bright_semantics.semantic.colour.card.foreground.interactive.primary.hit */
613/* bright_semantics.semantic.colour.card.foreground.interactive.primary.disabled */
614/* bright_semantics.semantic.colour.card.foreground.interactive.secondary.default */
615/* bright_semantics.semantic.colour.card.foreground.interactive.secondary.hit */
616/* bright_semantics.semantic.colour.card.foreground.interactive.secondary.disabled */
617/* bright_semantics.semantic.colour.card.foreground.interactive.tertiary.default */
618/* bright_semantics.semantic.colour.card.foreground.interactive.tertiary.hit */
619/* bright_semantics.semantic.colour.card.foreground.interactive.tertiary.disabled */
620/* bright_semantics.semantic.colour.card.border.interactive.primary.default */
621/* bright_semantics.semantic.colour.card.border.interactive.primary.hit */
622/* bright_semantics.semantic.colour.card.border.interactive.primary.disabled */
623/* bright_semantics.semantic.colour.card.border.interactive.secondary.default */
624/* bright_semantics.semantic.colour.card.border.accent.primary */
625/* bright_semantics.semantic.colour.card.border.non-interactive.primary.default */
626/* bright_semantics.semantic.colour.data.accent.primary */
627/* bright_semantics.semantic.colour.data.accent.secondary */
628/* bright_semantics.semantic.colour.data.border.90-80 */
629/* bright_semantics.semantic.colour.data.background.0-10 */
630/* bright_semantics.semantic.colour.data.background.10-30 */
631/* bright_semantics.semantic.colour.data.background.30-50 */
632/* bright_semantics.semantic.colour.data.background.50-70 */
633/* bright_semantics.semantic.colour.data.background.70-90 */
634/* bright_semantics.semantic.colour.data.foreground.90-80 */
635/* bright_semantics.semantic.colour.data.40-30 */
636/* bright_semantics.semantic.colour.data.30-20 */
637/* bright_semantics.semantic.colour.data.20-10 */
638/* bright_semantics.semantic.colour.data.low */
639/* bright_semantics.semantic.typography.display.small */
640/* bright_semantics.semantic.typography.display.medium */
641/* bright_semantics.semantic.typography.display.large */
642/* bright_semantics.semantic.typography.display.xlarge */
643/* bright_semantics.semantic.typography.headline.medium */
644/* bright_semantics.semantic.typography.headline.small */
645/* bright_semantics.semantic.typography.headline.xsmall */
646/* bright_semantics.semantic.typography.headline.large */
647/* bright_semantics.semantic.typography.micro.small */
648/* bright_semantics.semantic.typography.micro.large */
649/* bright_semantics.semantic.typography.body.sm
649all */
650/* bright_semantics.semantic.typography.body.large */
651/* bright_semantics.semantic.typography.font-weight.subdued */
652/* bright_semantics.semantic.typography.font-weight.steady */
653/* bright_semantics.semantic.typography.font-weight.powerful */
654/* bright_semantics.semantic.typography.font-weight.strong */
655/* bright_semantics.semantic.typography.line-height.tight */
656/* bright_semantics.semantic.typography.line-height.compact */
657/* bright_semantics.semantic.typography.line-height.extended */
658/* bright_semantics.semantic.typography.font-size.heading.medium */
659/* bright_semantics.semantic.typography.font-size.heading.large */
660/* bright_semantics.semantic.typography.font-size.heading.small */
661/* bright_semantics.semantic.typography.font-size.heading.xsmall */
662/* bright_semantics.semantic.typography.font-size.body.medium */
663/* bright_semantics.semantic.typography.font-size.body.small */
664/* bright_semantics.semantic.typography.font-size.body.large */
665/* bright_semantics.semantic.typography.font-size.micro.large */
666/* bright_semantics.semantic.typography.font-size.micro.small */
667/* bright_semantics.semantic.typography.font-size.display.small */
668/* bright_semantics.semantic.typography.font-size.display.medium */
669/* bright_semantics.semantic.typography.font-size.display.large */
670/* bright_semantics.semantic.typography.font-size.display.xlarge */
671/* bright_semantics.semantic.typography.text-case.upper */
672/* bright_semantics.semantic.typography.letterspacing.loose */
673/* bright_semantics.semantic.typography.letterspacing.extended */
674/* bright_semantics.semantic.typography.letterspacing.normal */
675/* bright_semantics.semantic.typography.paragraph-spacing.extended */
676/* bright_semantics.semantic.background-blur.extreme */
677/* bright_semantics.semantic.filter.background-blur.extreme */
678/* bright_semantics.semantic.box-shadow.large */
679/* bright_semantics.semantic.opacity.max */
680/* bright_semantics.semantic.opacity.sub-max */
681/* bright_semantics.semantic.opacity.intense */
682/* bright_semantics.semantic.opacity.tempered */
683/* bright_semantics.semantic.opacity.restrained */
684/* bright_semantics.semantic.opacity.faint */
685/* bright_semantics.semantic.drop-shadow.interactive.hover */
686/* bright_semantics.semantic.sizing.icon.small */
687/* bright_semantics.semantic.sizing.icon.medium */
688/* bright_semantics.semantic.sizing.icon.large */
689/* bright_semantics.semantic.sizing.icon.xlarge */
690/* bright_semantics.semantic.sizing.icon.2xlarge */
691/* bright_semantics.semantic.sizing.element.xsmall */
692/* bright_semantics.semantic.sizing.element.small */
693/* bright_semantics.semantic.sizing.element.medium */
694/* bright_semantics.semantic.sizing.element.large */
695/* bright_semantics.semantic.sizing.element.xlarge */
696/* bright_semantics.semantic.sizing.element.2xlarge */
697/* bright_semantics.semantic.sizing.element.3xlarge */
698/* bright_semantics.semantic.sizing.element.4xlarge */
699/* bright_semantics.semantic.sizing.element.5xlarge */
700/* bright_semantics.semantic.sizing.element.6xlarge */
701/* bright_semantics.semantic.spacing.margin.5xsmall */
702/* bright_semantics.semantic.spacing.margin.4xsmall */
703/* bright_semantics.semantic.spacing.margin.3xsmall */
704/* bright_semantics.semantic.spacing.margin.2xsmall */
705/* bright_semantics.semantic.spacing.margin.xsmall */
706/* bright_semantics.semantic.spacing.margin.small */
707/* bright_semantics.semantic.spacing.margin.medium */
708/* bright_semantics.semantic.spacing.margin.large */
709/* bright_semantics.semantic.spacing.margin.xlarge */
710/* bright_semantics.semantic.spacing.margin.2xlarge */
711/* bright_semantics.semantic.spacing.margin.3xlarge */
712/* bright_semantics.semantic.spacing.margin.4xlarge */
713/* bright_semantics.semantic.spacing.margin.5xlarge */
714/* bright_semantics.semantic.spacing.padding.3xsmall */
715/* bright_semantics.semantic.spacing.padding.5xsmall */
716/* bright_semantics.semantic.spacing.padding.4xsmall */
717/* bright_semantics.semantic.spacing.padding.2xsmall */
718/* bright_semantics.semantic.spacing.padding.xsmall */
719/* bright_semantics.semantic.spacing.padding.small */
720/* bright_semantics.semantic.spacing.padding.medium */
721/* bright_semantics.semantic.spacing.padding.large */
722/* bright_semantics.semantic.spacing.padding.xlarge */
723/* bright_semantics.semantic.spacing.padding.2xlarge */
724/* bright_semantics.semantic.spacing.gap.5xsmall */
725/* bright_semantics.semantic.spacing.gap.4xsmall */
726/* bright_semantics.semantic.spacing.gap.3xsmall */
727/* bright_semantics.semantic.spacing.gap.2xsmall */
728/* bright_semantics.semantic.spacing.gap.xsmall */
729/* bright_semantics.semantic.spacing.gap.small */
730/* bright_semantics.semantic.spacing.gap.medium */
731/* bright_semantics.semantic.spacing.gap.large */
732/* bright_semantics.semantic.spacing.gap.xlarge */
733/* bright_semantics.semantic.spacing.gap.2xlarge */
734/* bright_semantics.semantic.spacing.gap.3xlarge */
735/* bright_semantics.semantic.spacing.gap.4xlarge */
736/* bright_semantics.semantic.spacing.gap.5xlarge */
737/* bright_semantics.semantic.border-radius.xsmall */
738/* bright_semantics.semantic.border-radius.small */
739/* bright_semantics.semantic.border-radius.medium */
740/* bright_semantics.semantic.border-radius.large */
741/* bright_semantics.semantic.border-radius.Xlarge */
742/* twilight_semantics.semantic.colour.background.interactive.primary.default */
743/* twilight_semantics.semantic.colour.background.interactive.primary.hover */
744/* twilight_semantics.semantic.colour.background.interactive.primary.hit */
745/* twilight_semantics.semantic.colour.background.interactive.primary.disabled */
746/* twilight_semantics.semantic.colour.background.interactive.primary.inactive */
747/* twilight_semantics.semantic.colour.background.interactive.secondary.default */
748/* twilight_semantics.semantic.colour.background.interactive.secondary.hover */
749/* twilight_semantics.semantic.colour.background.interactive.secondary.hit */
750/* twilight_semantics.semantic.colour.background.interactive.secondary.disabled */
751/* twilight_semantics.semantic.colour.background.interactive.tertiary.default */
752/* twilight_semantics.semantic.colour.background.interactive.tertiary.hover */
753/* twilight_semantics.semantic.colour.background.interactive.tertiary.hit */
754/* twilight_semantics.semantic.colour.background.interactive.tertiary.disabled */
755/* twilight_semantics.semantic.colour.background.interactive.tertiary.pressed */
756/* twilight_semantics.semantic.colour.background.interactive.quaternary.default */
757/* twilight_semantics.semantic.colour.background.interactive.quaternary.hover */
758/* twilight_semantics.semantic.colour.background.interactive.quaternary.hit */
759/* twilight_semantics.semantic.colour.background.interactive.quaternary.disabled */
760/* twilight_semantics.semantic.colour.background.accent.primary */
761/* twilight_semantics.semantic.colour.background.accent.Secondary */
762/* twilight_semantics.semantic.colour.background.accent.tertiary */
763/* twilight_semantics.semantic.colour.background.opacity.max */
764/* twilight_semantics.semantic.colour.background.opacity.intense */
765/* twilight_semantics.semantic.colour.background.opacity.tempered */
766/* twilight_semantics.semantic.colour.background.opacity.restrained */
767/* twilight_semantics.semantic.colour.background.opacity.faint */
768/* twilight_semantics.semantic.colour.background.opacity.inverse.max */
769/* twilight_semantics.semantic.colour.background.opacity.inverse.intense */
770/* twilight_semantics.semantic.colour.background.opacity.inverse.tempered */
771/* twilight_semantics.semantic.colour.background.opacity.inverse.restrained */
772/* twilight_semantics.semantic.colour.background.opacity.inverse.faint */
773/* twilight_semantics.semantic.colour.background.system.success */
774/* twilight_semantics.semantic.colour.background.system.info */
775/* twilight_semantics.semantic.colour.background.system.warning */
776/* twilight_semantics.semantic.colour.background.system.error */
777/* twilight_semantics.semantic.colour.background.input.controls.active */
778/* twilight_semantics.semantic.colour.background.input.controls.hit */
779/* twilight_semantics.semantic.colour.background.input.controls.selected */
780/* twilight_semantics.semantic.colour.background.input.controls.disabled */
781/* twilight_semantics.semantic.colour.data.accent.primary */
782/* twilight_semantics.semantic.colour.data.background.0-10 */
783/* twilight_semantics.semantic.colour.data.background.10-30 */
784/* twilight_semantics.semantic.colour.data.background.30-50 */
785/* twilight_semantics.semantic.colour.data.background.50-70 */
786/* twilight_semantics.semantic.colour.data.background.70-90 */
787/* twilight_semantics.semantic.colour.data.background.10% */
788/* twilight_semantics.semantic.colour.data.background.25% */
789/* twilight_semantics.semantic.colour.data.background.50% */
790/* twilight_semantics.semantic.colour.data.background.fill */
791/* twilight_semantics.semantic.colour.data.foreground.max */
792/* twilight_semantics.semantic.colour.data.foreground.intense */
793/* twilight_semantics.semantic.colour.data.border.primary */
794/* twilight_semantics.semantic.colour.data.border.secondary */
795/* twilight_semantics.semantic.colour.border.accent.primary */
796/* twilight_semantics.semantic.colour.border.accent.secondary */
797/* twilight_semantics.semantic.colour.border.accent.tertiary */
798/* twilight_semantics.semantic.colour.border.interactive.primary.default */
799/* twilight_semantics.semantic.colour.border.interactive.primary.hover */
800/* twilight_semantics.semantic.colour.border.interactive.primary.hit */
801/* twilight_semantics.semantic.colour.border.interactive.primary.disabled */
802/* twilight_semantics.semantic.colour.border.interactive.primary.selected */
803/* twilight_semantics.semantic.colour.border.interactive.secondary.default */
804/* twilight_semantics.semantic.colour.border.interactive.secondary.disabled */
805/* twilight_semantics.semantic.colour.border.input.controls.default */
806/* twilight_semantics.semantic.colour.border.input.controls.hover */
807/* twilight_semantics.semantic.colour.border.input.controls.selected */
808/* twilight_semantics.semantic.colour.border.input.controls.active */
809/* twilight_semantics.semantic.colour.border.input.controls.hit */
810/* twilight_semantics.semantic.colour.border.input.controls.complete */
811/* twilight_semantics.semantic.colour.border.input.controls.error */
812/* twilight_semantics.semantic.colour.border.input.controls.disabled */
813/* twilight_semantics.semantic.colour.border.system.info */
814/* twilight_semantics.semantic.colour.border.system.warning */
815/* twilight_semantics.semantic.colour.border.system.error */
816/* twilight_semantics.semantic.colour.border.system.success */
817/* twilight_semantics.semantic.colour.border.bounds */
818/* twilight_semantics.semantic.colour.border.disabled */
819/* twilight_semantics.semantic.colour.border.focus */
820/* twilight_semantics.semantic.colour.border.divider */
821/* twilight_semantics.semantic.colour.foreground.accent.primary */
822/* twilight_semantics.semantic.colour.foreground.accent.secondary */
823/* twilight_semantics.semantic.colour.foreground.accent.tertiary */
824/* twilight_semantics.semantic.colour.foreground.interactive.primary.default */
825/* twilight_semantics.semantic.colour.foreground.interactive.primary.hover */
826/* twilight_semantics.semantic.colour.foreground.interactive.primary.hit */
827/* twilight_semantics.semantic.colour.foreground.interactive.primary.disabled */
828/* twilight_semantics.semantic.colour.foreground.interactive.primary.active */
829/* twilight_semantics.semantic.colour.foreground.interactive.primary.selected */
830/* twilight_semantics.semantic.colour.foreground.interactive.primary.placeholder */
831/* twilight_semantics.semantic.colour.foreground.interactive.secondary.default */
832/* twilight_semantics.semantic.colour.foreground.interactive.secondary.hover */
833/* twilight_semantics.semantic.colour.foreground.interactive.secondary.hit */
834/* twilight_semantics.semantic.colour.foreground.interactive.secondary.disabled */
835/* twilight_semantics.semantic.colour.foreground.interactive.secondary.selected */
836/* twilight_semantics.semantic.colour.foreground.interactive.tertiary.default */
837/* twilight_semantics.semantic.colour.foreground.interactive.tertiary.hover */
838/* twilight_semantics.semantic.colour.foreground.interactive.tertiary.hit */
839/* twilight_semantics.semantic.colour.foreground.interactive.tertiary.disabled */
840/* twilight_semantics.semantic.colour.foreground.interactive.tertiary.selected */
841/* twilight_semantics.semantic.colour.foreground.interactive.quaternary.default */
842/* twilight_semantics.semantic.colour.foreground.interactive.quaternary.hover */
843/* twilight_semantics.semantic.colour.foreground.interactive.quaternary.hit */
844/* twilight_semantics.semantic.colour.foreground.interactive.quaternary.disabled */
845/* twilight_semantics.semantic.colour.foreground.opacity.max */
846/* twilight_semantics.semantic.colour.foreground.opacity.intense */
847/* twilight_semantics.semantic.colour.foreground.opacity.tempered */
848/* twilight_semantics.semantic.colour.foreground.opacity.restrained */
849/* twilight_semantics.semantic.colour.foreground.opacity.faint */
850/* twilight_semantics.semantic.colour.foreground.opacity.inverse.max */
851/* twilight_semantics.semantic.colour.foreground.opacity.inverse.intense */
852/* twilight_semantics.semantic.colour.foreground.opacity.inverse.tempered */
853/* twilight_semantics.semantic.colour.foreground.opacity.inverse.faint */
854/* twilight_semantics.semantic.colour.foreground.system.info */
855/* twilight_semantics.semantic.colour.foreground.system.warning */
856/* twilight_semantics.semantic.colour.foreground.system.success */
857/* twilight_semantics.semantic.colour.foreground.system.danger */
858/* twilight_semantics.semantic.colour.foreground.input.controls.active */
859/* twilight_semantics.semantic.colour.foreground.input.controls.hit */
860/* twilight_semantics.semantic.colour.foreground.input.controls.selected */
861/* twilight_semantics.semantic.colour.foreground.input.controls.disabled */
862/* twilight_semantics.semantic.colour.canvas.primary */
863/* twilight_semantics.semantic.colour.canvas.secondary */
864/* twilight_semantics.semantic.colour.card.background.accent.primary */
865/* twilight_semantics.semantic.colour.card.background.interactive.primary.default */
866/* twilight_semantics.semantic.colour.card.background.interactive.primary.hover */
867/* twilight_semantics.semantic.colour.card.background.interactive.primary.hit */
868/* twilight_semantics.semantic.colour.card.background.interactive.primary.disabled */
869/* twilight_semantics.semantic.colour.card.background.interactive.secondary.default */
870/* twilight_semantics.semantic.colour.card.background.interactive.secondary.hover */
871/* twilight_semantics.semantic.colour.card.background.interactive.secondary.hit */
872/* twilight_semantics.semantic.colour.card.background.interactive.secondary.disabled */
873/* twilight_semantics.semantic.colour.card.foreground.interactive.primary.default */
874/* twilight_semantics.semantic.colour.card.foreground.interactive.primary.hover */
875/* twilight_semantics.semantic.colour.card.foreground.interactive.primary.hit */
876/* twilight_semantics.semantic.colour.card.foreground.interactive.primary.disabled */
877/* twilight_semantics.semantic.colour.card.foreground.interactive.secondary.default */
878/* twilight_semantics.semantic.colour.card.foreground.interactive.secondary.hover */
879/* twilight_semantics.semantic.colour.card.foreground.interactive.secondary.hit */
880/* twilight_semantics.semantic.colour.card.foreground.interactive.secondary.disabled */
881/* twilight_semantics.semantic.colour.card.border.interactive.primary.default */
882/* twilight_semantics.semantic.colour.card.border.interactive.primary.hover */
883/* twilight_semantics.semantic.colour.card.border.interactive.primary.hit */
884/* twilight_semantics.semantic.colour.card.border.interactive.primary.disabled */
885/* twilight_semantics.semantic.typography.display.small */
886/* twilight_semantics.semantic.typography.display.medium */
887/* twilight_semantics.semantic.typography.display.large */
888/* twilight_semantics.semantic.typography.display.xlarge */
889/* twilight_semantics.semantic.typography.headline.medium */
890/* twilight_semantics.semantic.typography.headline.small */
891/* twilight_semantics.semantic.typography.headline.xsmall */
892/* twilight_semantics.semantic.typography.headline.large */
893/* twilight_semantics.semantic.typography.micro.small */
894/* twilight_semantics.semantic.typography.micro.large */
895/* twilight_semantics.semantic.typography.body.small */
896/* twilight_semantics.semantic.typo
896graphy.body.large */
897/* twilight_semantics.semantic.typography.font-weight.subdued */
898/* twilight_semantics.semantic.typography.font-weight.steady */
899/* twilight_semantics.semantic.typography.font-weight.powerful */
900/* twilight_semantics.semantic.typography.font-weight.strong */
901/* twilight_semantics.semantic.typography.line-height.tight */
902/* twilight_semantics.semantic.typography.line-height.compact */
903/* twilight_semantics.semantic.typography.line-height.extended */
904/* twilight_semantics.semantic.typography.font-size.heading.medium */
905/* twilight_semantics.semantic.typography.font-size.heading.large */
906/* twilight_semantics.semantic.typography.font-size.heading.small */
907/* twilight_semantics.semantic.typography.font-size.heading.xsmall */
908/* twilight_semantics.semantic.typography.font-size.body.medium */
909/* twilight_semantics.semantic.typography.font-size.body.small */
910/* twilight_semantics.semantic.typography.font-size.body.large */
911/* twilight_semantics.semantic.typography.font-size.micro.large */
912/* twilight_semantics.semantic.typography.font-size.micro.small */
913/* twilight_semantics.semantic.typography.font-size.display.small */
914/* twilight_semantics.semantic.typography.font-size.display.medium */
915/* twilight_semantics.semantic.typography.font-size.display.large */
916/* twilight_semantics.semantic.typography.font-size.display.xlarge */
917/* twilight_semantics.semantic.typography.text-case.upper */
918/* twilight_semantics.semantic.typography.letterspacing.loose */
919/* twilight_semantics.semantic.typography.letterspacing.extended */
920/* twilight_semantics.semantic.typography.letterspacing.normal */
921/* twilight_semantics.semantic.typography.paragraph-spacing.extended */
922/* twilight_semantics.semantic.background-blur.extreme */
923/* twilight_semantics.semantic.filter.background-blur.extreme */
924/* twilight_semantics.semantic.box-shadow.large */
925/* twilight_semantics.semantic.opacity.max */
926/* twilight_semantics.semantic.opacity.intense */
927/* twilight_semantics.semantic.opacity.tempered */
928/* twilight_semantics.semantic.opacity.restrained */
929/* twilight_semantics.semantic.opacity.faint */
930/* twilight_semantics.semantic.drop-shadow.interactive.hover */
931/* twilight_semantics.semantic.sizing.icon.small */
932/* twilight_semantics.semantic.sizing.icon.medium */
933/* twilight_semantics.semantic.sizing.icon.large */
934/* twilight_semantics.semantic.sizing.icon.xlarge */
935/* twilight_semantics.semantic.sizing.icon.2xlarge */
936/* twilight_semantics.semantic.sizing.element.xsmall */
937/* twilight_semantics.semantic.sizing.element.small */
938/* twilight_semantics.semantic.sizing.element.medium */
939/* twilight_semantics.semantic.sizing.element.large */
940/* twilight_semantics.semantic.sizing.element.xlarge */
941/* twilight_semantics.semantic.sizing.element.2xlarge */
942/* twilight_semantics.semantic.sizing.element.3xlarge */
943/* twilight_semantics.semantic.sizing.element.4xlarge */
944/* twilight_semantics.semantic.sizing.element.5xlarge */
945/* twilight_semantics.semantic.sizing.element.6xlarge */
946/* twilight_semantics.semantic.spacing.margin.5xsmall */
947/* twilight_semantics.semantic.spacing.margin.4xsmall */
948/* twilight_semantics.semantic.spacing.margin.3xsmall */
949/* twilight_semantics.semantic.spacing.margin.2xsmall */
950/* twilight_semantics.semantic.spacing.margin.xsmall */
951/* twilight_semantics.semantic.spacing.margin.small */
952/* twilight_semantics.semantic.spacing.margin.medium */
953/* twilight_semantics.semantic.spacing.margin.large */
954/* twilight_semantics.semantic.spacing.margin.xlarge */
955/* twilight_semantics.semantic.spacing.margin.2xlarge */
956/* twilight_semantics.semantic.spacing.margin.3xlarge */
957/* twilight_semantics.semantic.spacing.margin.4xlarge */
958/* twilight_semantics.semantic.spacing.margin.5xlarge */
959/* twilight_semantics.semantic.spacing.padding.3xsmall */
960/* twilight_semantics.semantic.spacing.padding.5xsmall */
961/* twilight_semantics.semantic.spacing.padding.4xsmall */
962/* twilight_semantics.semantic.spacing.padding.2xsmall */
963/* twilight_semantics.semantic.spacing.padding.xsmall */
964/* twilight_semantics.semantic.spacing.padding.small */
965/* twilight_semantics.semantic.spacing.padding.medium */
966/* twilight_semantics.semantic.spacing.padding.large */
967/* twilight_semantics.semantic.spacing.padding.xlarge */
968/* twilight_semantics.semantic.spacing.padding.2xlarge */
969/* twilight_semantics.semantic.spacing.gap.5xsmall */
970/* twilight_semantics.semantic.spacing.gap.4xsmall */
971/* twilight_semantics.semantic.spacing.gap.3xsmall */
972/* twilight_semantics.semantic.spacing.gap.2xsmall */
973/* twilight_semantics.semantic.spacing.gap.xsmall */
974/* twilight_semantics.semantic.spacing.gap.small */
975/* twilight_semantics.semantic.spacing.gap.medium */
976/* twilight_semantics.semantic.spacing.gap.large */
977/* twilight_semantics.semantic.spacing.gap.xlarge */
978/* twilight_semantics.semantic.spacing.gap.2xlarge */
979/* twilight_semantics.semantic.spacing.gap.3xlarge */
980/* twilight_semantics.semantic.spacing.gap.4xlarge */
981/* twilight_semantics.semantic.spacing.gap.5xlarge */
982/* twilight_semantics.semantic.border-radius.xsmall */
983/* twilight_semantics.semantic.border-radius.small */
984/* twilight_semantics.semantic.border-radius.medium */
985/* twilight_semantics.semantic.border-radius.large */
986/* twilight_semantics.semantic.border-radius.Xlarge */
987/* Components/Accordions.text.accordion.label.selected */
988/* Components/Accordions.text.accordion.paragraph.medium */
989/* Components/Accordions.colour.accordion.background.hover */
990/* Components/Banners.text.banner.display.xlarge */
991/* Components/Banners.text.banner.headline.large */
992/* Components/Containers.component.container.background.colour.primary.default */
993/* Components/Forms.component.form.text-input.text.colour.primary.default */
994/* Components/Forms.component.form.text-input.text.colour.primary.hover */
995/* Components/Forms.component.form.text-input.text.colour.primary.active */
996/* Components/Forms.component.form.text-input.text.colour.primary.disabled */
997/* Components/Forms.component.form.text-input.text.medium */
998/* Components/Forms.component.form.text-input.text.small */
999/* Components/Forms.component.form.text-input.helper-text.colour.primary.error */
1000/* Components/Forms.component.form.text-input.helper-text.colour.primary.default */
1001/* Components/Forms.component.form.text-input.helper-text.colour.primary.disabled */
1002/* Components/Forms.component.form.text-input.helper-text.colour.primary.hover */
1003/* Components/Forms.component.form.text-input.helper-text.small */
1004/* Components/Forms.component.form.text-input.label.colour.primary.active */
1005/* Components/Forms.component.form.text-input.label.colour.primary.max */
1006/* Components/Forms.component.form.text-input.label.colour.primary.complete */
1007/* Components/Forms.component.form.text-input.label.colour.primary.error */
1008/* Components/Forms.component.form.text-input.label.medium */
1009/* Components/Forms.component.form.text-input.border.colour.primary.default */
1010/* Components/Forms.component.form.text-input.border.colour.primary.hover */
1011/* Components/Forms.component.form.text-input.border.colour.primary.success */
1012/* Components/Forms.component.form.text-input.border.colour.primary.error */
1013/* Components/Forms.component.form.text-input.border.colour.primary.disabled */
1014/* Components/Forms.component.form.text-input.icon.colour.primary.disabled */
1015/* Components/Forms.component.form.text-input.icon.colour.primary.hover */
1016/* Components/Forms.component.form.text-input.icon.colour.primary.error */
1017/* Components/Forms.component.form.text-input.icon.colour.primary.success */
1018/* Components/Forms.component.form.otp.text.colour.primary.default */
1019/* Components/Forms.component.form.otp.text.medium */
1020/* Components/Forms.component.form.otp.helper-text.colour.primary.default */
1021/* Components/Forms.component.form.otp.helper-text.small */
1022/* Components/Forms.component.form.otp.padding.medium */
1023/* Components/Forms.component.form.otp.margin.medium */
1024/* Components/Forms.component.form.otp.margin.small */
1025/* Components/Forms.component.form.otp.margin.2xsmall */
1026/* Components/Forms.component.form.otp.margin.xsmall */
1027/* Components/Forms.component.form.date-picker.text.colour.primary.default */
1028/* Components/Forms.component.form.date-picker.text.colour.primary.max */
1029/* Components/Forms.component.form.date-picker.text.colour.primary.intense */
1030/* Components/Forms.component.form.date-picker.element.colour.primary.faint */
1031/* Components/Forms.component.form.date-picker.element.colour.primary.hover */
1032/* Components/Forms.component.form.date-picker.element.colour.primary.active */
1033/* Components/Forms.component.form.date-picker.element.colour.primary.selected */
1034/* Components/Forms.component.form.date-picker.background.colour.primary.max */
1035/* Components/Forms.component.form.date-picker.background.colour.primary.hover */
1036/* Components/Forms.component.form.date-picker.headline.small */
1037/* Components/Forms.component.form.date-picker.values.small */
1038/* Components/Forms.component.form.date-picker.padding.medium */
1039/* Components/Forms.component.form.date-picker.padding.small */
1040/* Components/Forms.component.form.date-picker.margin.3xsmall */
1041/* Components/Forms.component.form.date-picker.margin.2xsmall */
1042/* Components/Forms.component.form.date-picker.medium */
1043/* Components/Forms.component.form.date-picker.border-radius.medium */
1044/* Components/Forms.component.form.checkbox.border.colour.primary.default */
1045/* Components/Forms.component.form.checkbox.border.colour.primary.hover */
1046/* Components/Forms.component.form.checkbox.border.colour.primary.selected */
1047/* Components/Forms.component.form.checkbox.border.colour.primary.error */
1048/* Components/Forms.component.form.checkbox.background.colour.primary.hover */
1049/* Components/Forms.component.form.checkbox.background.colour.primary.hit */
1050/* Components/Forms.component.form.checkbox.background.colour.primary.selected */
1051/* Components/Loaders.component.preloader.headline.small */
1052/* Components/Loaders.component.preloader.body.large */
1053/* Components/Modals.component.modal.border-radius.medium */
1054/* Components/Modals.component.modal.paragraph.medium */
1055/* Components/Modals.component.modal.headline.large */
1056/* Components/Modals.component.modal.padding.medium */
1057/* Components/Modals.component.modal.padding.3xlarge */
1058/* Components/Modals.component.table.text.colour.primary.max */
1059/* Components/Tables.component.table.border-radius.medium */
1060/* Components/Tables.component.table.divider.background.colour.primary.faint */
1061/* Components/Tables.component.table.background.colour.primary.max */
1062/* Components/Tables.component.table.text.colour.primary.max */
1063/* Components/Tables.component.table.text.colour.primary.intense */
1064/* Components/Tables.component.table.section-title.small */
1065/* Components/Tables.component.table.cell-headline.small */
1066/* Components/Tables.component.table.cell-content.large */
1067/* Components/Tables.component.table.cell-content.medium */
1068/* Components/Tables.component.table.padding.medium */
1069/* Components/Tables.component.table.margin.small */
1070/* Components/Tables.component.table.margin.medium */
1071/* Components/Tables.component.table.margin.3xlarge */
1072/**
1073 * Do not edit directly
1074 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1075 */
1076/**
1077 * Do not edit directly
1078 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1079 */
1080/* vds-options-font-size-10 */
1081/* vds-options-font-size-11 */
1082/* vds-options-font-size-12 */
1083/* vds-options-font-size-13 */
1084/* vds-options-font-size-01 */
1085/* vds-options-font-size-02 */
1086/* vds-options-font-size-03 */
1087/* vds-options-font-size-04 */
1088/* vds-options-font-size-05 */
1089/* vds-options-font-size-06 */
1090/* vds-options-font-size-07 */
1091/* vds-options-font-size-08 */
1092/* vds-options-font-size-09 */
1093/**
1094 * Do not edit directly
1095 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1096 */
1097/* vds-options-text-case-02 */
1098/* vds-options-text-case-03 */
1099/* vds-options-text-case-04 */
1100/* vds-options-text-case-01 */
1101/**
1102 * Do not edit directly
1103 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1104 */
1105/* vds-options-text-decoration-02 */
1106/* vds-options-text-decoration-03 */
1107/* vds-options-text-decoration-01 */
1108/**
1109 * Do not edit directly
1110 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1111 */
1112/* vds-options-letterspacing-01 */
1113/* vds-options-letterspacing-02 */
1114/* vds-options-letterspacing-03 */
1115/* vds-options-letterspacing-04 */
1116/**
1117 * Do not edit directly
1118 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1119 */
1120/* vds-options-line-height-01 */
1121/* vds-options-line-height-02 */
1122/* vds-options-line-height-03 */
1123/* vds-options-line-height-04 */
1124/**
1125 * Do not edit directly
1126 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1127 */
1128/* vds-options-colour-sunshine */
1129/* vds-options-colour-sunshine-32 */
1130/* vds-options-colour-raven */
1131/* vds-options-colour-raven-64 */
1132/* vds-options-colour-raven-32 */
1133/* vds-options-colour-raven-24 */
1134/* vds-options-colour-raven-16 */
1135/* vds-options-colour-raven-8 */
1136/* vds-options-colour-pearl */
1137/* vds-options-colour-pearl-64 */
1138/* vds-options-colour-pearl-32 */
1139/* vds-options-colour-pearl-24 */
1140/* vds-options-colour-pearl-16 */
1141/* vds-options-colour-cloud */
1142/* vds-options-colour-porcelain */
1143/* vds-options-colour-ivory */
1144/* vds-options-colour-steam */
1145/* vds-options-colour-mist */
1146/* vds-options-colour-bob */
1147/* vds-options-colour-metal */
1148/* vds-options-colour-purple-velour */
1149/* vds-options-colour-dahlia */
1150/* vds-options-colour-sea-wave */
1151/* vds-options-colour-ocean */
1152/* vds-options-colour-magenta */
1153/* vds-options-colour-aqua-deep */
1154/* vds-options-colour-dark-night */
1155/* vds-options-colour-bordo */
1156/* vds-options-colour-brown */
1157/* vds-options-colour-jet */
1158/* vds-options-colour-salt */
1159/* vds-options-colour-red-sentinel */
1160/* vds-options-colour-hornet */
1161/* vds-options-colour-navy */
1162/* vds-options-colour-park */
1163/* vds-options-colour-persian */
1164/* vds-options-colour-bolt */
1165/* vds-options-colour-sunrise */
1166/* vds-options-colour-burnt-hornet */
1167/* vds-options-colour-pacific */
1168/* vds-options-colour-cardinal */
1169/* vds-options-colour-obsidian */
1170/* vds-options-colour-basalt */
1171/* vds-options-colour-platinum */
1172/* vds-options-colour-sub-platinum */
1173/* vds-options-colour-glaze */
1174/* vds-options-colour-atlantic */
1175/* vds-options-colour-daybreak */
1176/* vds-options-colour-brightburn */
1177/* vds-options-colour-rouge */
1178/* vds-options-colour-challenger-deep */
1179/* vds-options-colour-ash */
1180/* vds-options-colour-glimmer */
1181/* vds-options-colour-glitter */
1182/* vds-options-colour-shimmer */
1183/* vds-options-colour-sheen */
1184/**
1185 * Do not edit directly
1186 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1187 */
1188/* vds-options-drop-shadow-02 */
1189/* vds-options-drop-shadow-01 */
1190/* vds-options-drop-shadow-03 */
1191/* vds-options-drop-shadow-04 */
1192/**
1193 * Do not edit directly
1194 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1195 */
1196/* vds-options-border-radius-0 */
1197/* vds-options-border-radius-01 */
1198/* vds-options-border-radius-02 */
1199/* vds-options-border-radius-03 */
1200/* vds-options-border-radius-04 */
1201/* vds-options-border-radius-05 */
1202/**
1203 * Do not edit directly
1204 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1205 */
1206/* vds-options-border-width-01 */
1207/* vds-options-border-width-02 */
1208/**
1209 * Do not edit directly
1210 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1211 */
1212/* vds-options-opacity-10 */
1213/* vds-options-opacity-04 */
1214/* vds-options-opacity-01 */
1215/* vds-options-opacity-02 */
1216/* vds-options-opacity-03 */
1217/* vds-options-opacity-05 */
1218/* vds-options-opacity-07 */
1219/* vds-options-opacity-06 */
1220/* vds-options-opacity-08 */
1221/* vds-options-opacity-09 */
1222/**
1223 * Do not edit directly
1224 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1225 */
1226/* vds-options-paragraph-spacing-01 */
1227/**
1228 * Do not edit directly
1229 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1230 */
1231/* vds-options-background-blur-01 */
1232/* vds-options-background-blur-02 */
1233/* vds-options-background-blur-13 */
1234/**
1235 * Do not edit directly
1236 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1237 */
1238/* vds-options-spacing-10 */
1239/* vds-options-spacing-11 */
1240/* vds-options-spacing-12 */
1241/* vds-options-spacing-01 */
1242/* vds-options-spacing-02 */
1243/* vds-options-spacing-03 */
1244/* vds-options-spacing-04 */
1245/* vds-options-spacing-05 */
1246/* vds-options-spacing-06 */
1247/* vds-options-spacing-07 */
1248/* vds-options-spacing-08 */
1249/* vds-options-spacing-09 */
1250/**
1251 * Do not edit directly
1252 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1253 */
1254/* vds-options-sizing-10 */
1255/* vds-options-sizing-11 */
1256/* vds-options-sizing-12 */
1257/* vds-options-sizing-13 */
1258/* vds-options-sizing-14 */
1259/* vds-options-sizing-15 */
1260/* vds-options-sizing-16 */
1261/* vds-options-sizing-01 */
1262/* vds-options-sizing-02 */
1263/* vds-options-sizing-03 */
1264/* vds-options-sizing-04 */
1265/* vds-options-sizing-05 */
1266/* vds-options-sizing-06 */
1267/* vds-options-sizing-07 */
1268/* vds-options-sizing-08 */
1269/* vds-options-sizing-09 */
1270/**
1271 * Do not edit directly
1272 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1273 */
1274/* vds-semantic-border-radius-xsmall */
1275/* vds-semantic-border-radius-small */
1276/* vds-semantic-border-radius-medium */
1277/* vds-semantic-border-radius-large */
1278/* vds-semantic-border-radius-xlarge */
1279/**
1280 * Do not edit directly
1281 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1282 */
1283/* vds-semantic-drop-shadow-interactive-hover */
1284/**
1285 * Do not edit directly
1286 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1287 */
1288/* vds-semantic-colour-background-interactive-primary-default */
1289/* vds-semantic-colour-background-interactive-primary-hover */
1290/* vds-semantic-colour-background-interactive-primary-hit */
1291/* vds-semantic-colour-background-interactive-primary-active */
1292/* vds-semantic-colour-background-interactive-primary-disabled */
1293/* vds-semantic-colour-background-interactive-secondary-default */
1294/* vds-semantic-colour-background-interactive-secondary-hover */
1295/* vds-semantic-colour-background-interactive-secondary-hit */
1296/* vds-semantic-colour-background-interactive-secondary-disabled */
1297/* vds-semantic-colour-background-interactive-tertiary-default */
1298/* vds-semantic-colour-background-interactive-tertiary-hover */
1299/* vds-semantic-colour-background-interactive-tertiary-hit */
1300/* vds-semantic-colour-background-interactive-tertiary-disabled */
1301/* vds-semantic-colour-background-interactive-tertiary-selected */
1302/* vds-semantic-colour-background-interactive-quaternary-default */
1303/* vds-semantic-colour-background-interactive-quaternary-hover */
1304/* vds-semantic-colour-background-interactive-quaternary-hit */
1305/* vds-semantic-colour-background-interactive-quaternary-disabled */
1306/* vds-semantic-colour-background-accent-primary */
1307/* vds-semantic-colour-background-accent-secondary */
1308/* vds-semantic-colour-background-accent-tertiary */
1309/* vds-semantic-colour-background-opacity-max */
1310/* vds-semantic-colour-background-opacity-intense */
1311/* vds-semantic-colour-background-opacity-tempered */
1312/* vds-semantic-colour-background-opacity-restrained */
1313/* vds-semantic-colour-background-opacity-faint */
1314/* vds-semantic-colour-background-opacity-inverse-max */
1315/* vds-semantic-colour-background-opacity-inverse-intense */
1316/* vds-semantic-colour-background-opacity-inverse-tempered */
1317/* vds-semantic-colour-background-opacity-inverse-restrained */
1318/* vds-semantic-colour-background-opacity-inverse-faint */
1319/* vds-semantic-colour-background-system-success */
1320/* vds-semantic-colour-background-system-info */
1321/* vds-semantic-colour-background-system-warning */
1322/* vds-semantic-colour-background-system-error */
1323/* vds-semantic-colour-border-accent-primary */
1324/* vds-semantic-colour-border-accent-secondary */
1325/* vds-semantic-colour-border-accent-tertiary */
1326/* vds-semantic-colour-border-interactive-primary-default */
1327/* vds-semantic-colour-border-interactive-primary-hover */
1328/* vds-semantic-colour-border-interactive-primary-hit */
1329/* vds-semantic-colour-border-interactive-primary-disabled */
1330/* vds-semantic-colour-border-interactive-primary-selected */
1331/* vds-semantic-colour-border-interactive-tertiary-default */
1332/* vds-semantic-colour-border-interactive-tertiary-disabled */
1333/* vds-semantic-colour-border-input-controls-default */
1334/* vds-semantic-colour-border-input-controls-hover */
1335/* vds-semantic-colour-border-input-controls-press */
1336/* vds-semantic-colour-border-input-controls-active */
1337/* vds-semantic-colour-border-input-controls-hit */
1338/* vds-semantic-colour-border-input-controls-complete */
1339/* vds-semantic-colour-border-input-controls-error */
1340/* vds-semantic-colour-border-input-controls-disabled */
1341/* vds-semantic-colour-border-system-info */
1342/* vds-semantic-colour-border-system-warning */
1343/* vds-semantic-colour-border-system-error */
1344/* vds-semantic-colour-border-system-success */
1345/* vds-semantic-colour-foreground-accent-primary */
1346/* vds-semantic-colour-foreground-accent-secondary */
1347/* vds-semantic-colour-foreground-accent-tertiary */
1348/* vds-semantic-colour-foreground-interactive-primary-default */
1349/* vds-semantic-colour-foreground-interactive-primary-hover */
1350/* vds-semantic-colour-foreground-interactive-primary-hit */
1351/* vds-semantic-colour-foreground-interactive-primary-disabled */
1352/* vds-semantic-colour-foreground-interactive-primary-active */
1353/* vds-semantic-colour-foreground-interactive-primary-selected */
1354/* vds-semantic-colour-foreground-interactive-primary-placeholder */
1355/* vds-semantic-colour-foreground-interactive-secondary-default */
1356/* vds-semantic-colour-foreground-interactive-secondary-hover */
1357/* vds-semantic-colour-foreground-interactive-secondary-hit */
1358/* vds-semantic-colour-foreground-interactive-secondary-disabled */
1359/* vds-semantic-colour-foreground-interactive-secondary-selected */
1360/* vds-semantic-colour-foreground-interactive-tertiary-default */
1361/* vds-semantic-colour-foreground-interactive-tertiary-hover */
1362/* vds-semantic-colour-foreground-interactive-tertiary-hit */
1363/* vds-semantic-colour-foreground-interactive-tertiary-disabled */
1364/* vds-semantic-colour-foreground-interactive-tertiary-selected */
1365/* vds-semantic-colour-foreground-interactive-quaternary-default */
1366/* vds-semantic-colour-foreground-interactive-quaternary-hover */
1367/* vds-semantic-colour-foreground-interactive-quaternary-hit */
1368/* vds-semantic-colour-foreground-interactive-quaternary-disabled */
1369/* vds-semantic-colour-foreground-opacity-max */
1370/* vds-semantic-colour-foreground-opacity-intense */
1371/* vds-semantic-colour-foreground-opacity-tempered */
1372/* vds-semantic-colour-foreground-opacity-restrained */
1373/* vds-semantic-colour-foreground-opacity-faint */
1374/* vds-semantic-colour-foreground-opacity-inverse-max */
1375/* vds-semantic-colour-foreground-opacity-inverse-intense */
1376/* vds-semantic-colour-foreground-opacity-inverse-tempered */
1377/* vds-semantic-colour-foreground-opacity-inverse-restrained */
1378/* vds-semantic-colour-foreground-opacity-inverse-faint */
1379/* vds-semantic-colour-foreground-system-info */
1380/* vds-semantic-colour-foreground-system-warning */
1381/* vds-semantic-colour-foreground-system-success */
1382/* vds-semantic-colour-foreground-system-danger */
1383/* vds-semantic-colour-canvas-primary */
1384/* vds-semantic-colour-canvas-secondary */
1385/* vds-semantic-colour-canvas-tertiary */
1386/* vds-semantic-colour-card-background-accent-primary */
1387/* vds-semantic-colour-card-background-accent-secondary */
1388/* vds-semantic-colour-card-background-accent-tertiary */
1389/* vds-semantic-colour-card-background-interactive-primary-default */
1390/* vds-semantic-colour-card-background-interactive-primary-hover */
1391/* vds-semantic-colour-card-background-interactive-primary-hit */
1392/* vds-semantic-colour-card-background-interactive-primary-disabled */
1393/* vds-semantic-colour-card-background-interactive-secondary-default */
1394/* vds-semantic-colour-card-background-interactive-secondary-hover */
1395/* vds-semantic-colour-card-background-interactive-secondary-hit */
1396/* vds-semantic-colour-card-background-interactive-secondary-disabled */
1397/* vds-semantic-colour-card-foreground-interactive-primary-default */
1398/* vds-semantic-colour-card-foreground-interactive-primary-hover */
1399/* vds-semantic-colour-card-foreground-interactive-primary-hit */
1400/* vds-semantic-colour-card-foreground-interactive-primary-disabled */
1401/* vds-semantic-colour-card-foreground-interactive-secondary-default */
1402/* vds-semantic-colour-card-foreground-interactive-secondary-hover */
1403/* vds-semantic-colour-card-foreground-interactive-secondary-hit */
1404/* vds-semantic-colour-card-foreground-interactive-secondary-disabled */
1405/* vds-semantic-colour-card-border-interactive-primary-default */
1406/* vds-semantic-colour-card-border-interactive-primary-hover */
1407/* vds-semantic-colour-card-border-interactive-primary-disabled */
1408/* vds-semantic-colour-card-border-interactive-primary-hit */
1409/**
1410 * Do not edit directly
1411 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1412 */
1413/* vds-semantic-opacity-max */
1414/* vds-semantic-opacity-intense */
1415/* vds-semantic-opacity-tempered */
1416/* vds-semantic-opacity-restrained */
1417/* vds-semantic-opacity-faint */
1418/**
1419 * Do not edit directly
1420 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1421 */
1422/* vds-semantic-sizing-icon-small */
1423/* vds-semantic-sizing-icon-medium */
1424/* vds-semantic-sizing-icon-large */
1425/* vds-semantic-sizing-icon-xlarge */
1426/* vds-semantic-sizing-icon-2xlarge */
1427/* vds-semantic-sizing-element-xsmall */
1428/* vds-semantic-sizing-element-small */
1429/* vds-semantic-sizing-element-medium */
1430/* vds-semantic-sizing-element-large */
1431/* vds-semantic-sizing-element-xlarge */
1432/* vds-semantic-sizing-element-2xlarge */
1433/* vds-semantic-sizing-element-3xlarge */
1434/* vds-semantic-sizing-element-4xlarge */
1435/* vds-semantic-sizing-element-5xlarge */
1436/* vds-semantic-sizing-element-6xlarge */
1437/**
1438 * Do not edit directly
1439 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1440 */
1441/* vds-semantic-spacing-margin-5xsmall */
1442/* vds-semantic-spacing-margin-4xsmall */
1443/* vds-semantic-spacing-margin-3xsmall */
1444/* vds-semantic-spacing-margin-2xsmall */
1445/* vds-semantic-spacing-margin-xsmall */
1446/* vds-semantic-spacing-margin-small */
1447/* vds-semantic-spacing-margin-medium */
1448/* vds-semantic-spacing-margin-large */
1449/* vds-semantic-spacing-margin-xlarge */
1450/* vds-semantic-spacing-margin-2xlarge */
1451/* vds-semantic-spacing-margin-3xlarge */
1452/* vds-semantic-spacing-margin-4xlarge */
1453/* vds-semantic-spacing-margin-5xlarge */
1454/* vds-semantic-spacing-padding-5xsmall */
1455/* vds-semantic-spacing-padding-4xsmall */
1456/* vds-semantic-spacing-padding-3xsmall */
1457/* vds-semantic-spacing-padding-2xsmall */
1458/* vds-semantic-spacing-padding-xsmall */
1459/* vds-semantic-spacing-padding-small */
1460/* vds-semantic-spacing-padding-medium */
1461/* vds-semantic-spacing-padding-large */
1462/* vds-semantic-spacing-padding-xlarge */
1463/* vds-semantic-spacing-padding-2xlarge */
1464/**
1465 * Do not edit directly
1466 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1467 */
1468/* vds-semantic-spacing-gap-5xsmall */
1469/* vds-semantic-spacing-gap-4xsmall */
1470/* vds-semantic-spacing-gap-3xsmall */
1471/* vds-semantic-spacing-gap-2xsmall */
1472/* vds-semantic-spacing-gap-xsmall */
1473/* vds-semantic-spacing-gap-small */
1474/* vds-semantic-spacing-gap-medium */
1475/* vds-semantic-spacing-gap-large */
1476/* vds-semantic-spacing-gap-xlarge */
1477/* vds-semantic-spacing-gap-2xlarge */
1478/* vds-semantic-spacing-gap-3xlarge */
1479/* vds-semantic-spacing-gap-4xlarge */
1480/* vds-semantic-spacing-gap-5xlarge */
1481/**
1482 * Do not edit directly
1483 * Generated on Wed, 18 Sep 2024 13:56:08 GMT
1484 */
1485/* vds-components-accordions-text-accordion-label-selected */
1486/* vds-components-accordions-text-accordion-paragraph-medium */
1487/* vds-components-accordions-colour-accordion-background-hover */
1488/* vds-components-banners-text-banner-display-xlarge */
1489/* vds-components-banners-text-banner-headline-large */
1490/* vds-components-containers-background-colour-primary-default */
1491/* vds-components-forms-text-input-text-colour-primary-default */
1492/* vds-components-forms-text-input-text-colour-primary-hover */
1493/* vds-components-forms-text-input-text-colour-primary-active */
1494/* vds-components-forms-text-input-text-colour-primary-disabled */
1495/* vds-components-forms-text-input-text-medium */
1496/* vds-components-forms-text-input-text-small */
1497/* vds-components-forms-text-input-helper-text-colour-primary-error */
1498/* vds-components-forms-text-input-helper-text-colour-primary-default */
1499/* vds-components-forms-text-input-helper-text-colour-primary-disabled */
1500/* vds-components-forms-text-input-helper-text-colour-primary-hover */
1501/* vds-components-forms-text-input-helper-text-small */
1502/* vds-components-forms-text-input-label-colour-primary-active */
1503/* vds-components-forms-text-input-label-colour-primary-max */
1504/* vds-components-forms-text-input-label-colour-primary-complete */
1505/* vds-components-forms-text-input-label-colour-primary-error */
1506/* vds-components-forms-text-input-label-medium */
1507/* vds-components-forms-text-input-border-colour-primary-default */
1508/* vds-components-forms-text-input-border-colour-primary-hover */
1509/* vds-components-forms-text-input-border-colour-primary-success */
1510/* vds-components-forms-text-input-border-colour-primary-error */
1511/* vds-components-forms-text-input-border-colour-primary-disabled */
1512/* vds-components-forms-text-input-icon-colour-primary-disabled */
1513/* vds-components-forms-text-input-icon-colour-primary-hover */
1514/* vds-components-forms-text-input-icon-colour-primary-error */
1515/* vds-components-forms-text-input-icon-colour-primary-success */
1516/* vds-components-forms-otp-text-colour-primary-default */
1517/* vds-components-forms-otp-text-medium */
1518/* vds-components-forms-otp-helper-text-colour-primary-default */
1519/* vds-components-forms-otp-helper-text-small */
1520/* vds-components-forms-otp-padding-medium */
1521/* vds-components-forms-otp-margin-medium */
1522/* vds-components-forms-otp-margin-small */
1523/* vds-components-forms-otp-margin-2xsmall */
1524/* vds-components-forms-otp-margin-xsmall */
1525/* vds-components-forms-date-picker-text-colour-primary-default */
1526/* vds-components-forms-date-picker-text-colour-primary-max */
1527/* vds-components-forms-date-picker-text-colour-primary-intense */
1528/* vds-components-forms-date-picker-element-colour-primary-faint */
1529/* vds-components-forms-date-picker-element-colour-primary-hover */
1530/* vds-components-forms-date-picker-element-colour-primary-active */
1531/* vds-components-forms-date-picker-element-colour-primary-selected */
1532/* vds-components-forms-date-picker-background-colour-primary-max */
1533/* vds-components-forms-date-picker-background-colour-primary-hover */
1534/* vds-components-forms-date-picker-headline-small */
1535/* vds-components-forms-date-picker-values-small */
1536/* vds-components-forms-date-picker-padding-medium */
1537/* vds-components-forms-date-picker-padding-small */
1538/* vds-components-forms-date-picker-margin-3xsmall */
1539/* vds-components-forms-date-picker-margin-2xsmall */
1540/* vds-components-forms-date-picker-medium */
1541/* vds-components-forms-date-picker-border-radius-medium */
1542/* vds-components-forms-checkbox-border-colour-primary-default */
1543/* vds-components-forms-checkbox-border-colour-primary-hover */
1544/* vds-components-forms-checkbox-border-colour-primary-selected */
1545/* vds-components-forms-checkbox-border-colour-primary-error */
1546/* vds-components-forms-checkbox-background-colour-primary-hover */
1547/* vds-components-forms-checkbox-background-colour-primary-hit */
1548/* vds-components-forms-checkbox-background-colour-primary-selected */
1549/* vds-components-loaders-headline-small */
1550/* vds-components-loaders-body-large */
1551/* vds-components-modals-border-radius-medium */
1552/* vds-components-modals-paragraph-medium */
1553/* vds-components-modals-headline-large */
1554/* vds-components-modals-padding-medium */
1555/* vds-components-modals-padding-3xlarge */
1556/* vds-components-modals-text-colour-primary-max */
1557/* vds-components-tables-border-radius-medium */
1558/* vds-components-tables-divider-background-colour-primary-faint */
1559/* vds-components-tables-background-colour-primary-max */
1560/* vds-components-tables-text-colour-primary-max */
1561/* vds-components-tables-text-colour-primary-intense */
1562/* vds-components-tables-section-title-small */
1563/* vds-components-tables-cell-headline-small */
1564/* vds-components-tables-cell-content-large */
1565/* vds-components-tables-cell-content-medium */
1566/* vds-components-tables-padding-medium */
1567/* vds-components-tables-margin-small */
1568/* vds-components-tables-margin-medium */
1569/* vds-components-tables-margin-3xlarge */
1570.vds-typography-list-style {
1571  display: flex;
1572  align-items: center;
1573}
1574.vds-typography-list-style::before {
1575  content: "";
1576  display: inline-block;
1577  width: 2px;
1578  height: 14px;
1579  margin-right: 0.5rem;
1580  border-radius: 16px;
1581  background-color: rgb(255, 203, 5);
1582}
1583
1584.vds-typography-check-list-style {
1585  display: flex;
1586  align-items: center;
1587}
1588.vds-typography-check-list-style::before {
1589  content: url("https://onlinecms.mtn.co.za/sites/default/files/design-system-vivid-icons/16x16/tick.svg");
1590  display: inline-flex;
1591  width: 14px;
1592  height: 14px;
1593  margin-right: 0.5rem;
1594  border-radius: 16px;
1595  filter: invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%);
1596}
1597
1598.know-roaming {
1599  position: relative;
1600  height: 65em;
1601}
1602.know-roaming__image {
1603  height: 100%;
1604  width: 100%;
1605}
1606.know-roaming__image img {
1607  position: absolute;
1608  object-fit: cover;
1609  height: 1080px;
1610  width: 100%;
1611  object-position: center;
1612  border-radius: 0;
1613}
1614@media screen and (max-width: 991px) {
1615  .know-roaming__image img {
1616    height: 930px;
1617  }
1618}
1619.know-roaming-content {
1620  position: absolute;
1621  padding: 0 19rem !important;
1622  top: 15rem;
1623}
1624@media screen and (min-width: 992px) and (max-width: 1365px) {
1625  .know-roaming-content {
1626    top: 10rem;
1627    padding: 0 5rem !important;
1628  }
1629}
1630@media screen and (max-width: 991px) {
1631  .know-roaming-content {
1632    top: 5rem;
1633    padding: 0 1rem !important;
1634  }
1635}
1636.know-roaming-content__title {
1637  color: rgb(255, 255, 255);
1638  font-family: "MTN Brighter Sans";
1639  font-size: 5rem;
1640  font-style: normal;
1641  font-weight: 800;
1642  line-height: 80px;
1643  width: 920px;
1644}
1645.know-roaming-content__title strong {
1646  color: rgb(255, 203, 5);
1647}
1648@media screen and (min-width: 992px) and (max-width: 1365px) {
1649  .know-roaming-content__title {
1650    font-size: 5rem !important;
1651    line-height: 80px;
1652    top: 135px;
1653    width: 920px;
1654  }
1655}
1656@media screen and (max-width: 991px) {
1657  .know-roaming-content__title {
1658    font-size: 3rem;
1659    line-height: 48px;
1660    width: 315px;
1661  }
1662}
1663.know-roaming-content__subtitle {
1664  font-family: "MTNBrighterSans-Light", Arial, sans-serif;
1665  font-weight: 300;
1666  color: rgb(255, 255, 255);
1667  font-size: 1.5rem;
1668  line-height: 28px;
1669  margin: 10px 0 20px;
1670  width: 630px;
1671}
1672@media screen and (min-width: 992px) and (max-width: 1365px) {
1673  .know-roaming-content__subtitle {
1674    line-height: 24px;
1675  }
1676}
1677@media screen and (max-width: 991px) {
1678  .know-roaming-content__subtitle {
1679    font-family: "MTNBrighterSans-Light", Arial, sans-serif;
1680    font-weight: 300;
1681    color: rgb(255, 255, 255);
1682    width: 285px;
1683    font-size: 1rem;
1684    line-height: 20px;
1685    margin-bottom: 1.5rem;
1686  }
1687}
1688.know-roaming-content__button {
1689  max-width: 218px;
1690  margin-top: 20px;
1691}
1692.know-roaming-content__button .vivid-button {
1693  font-size: 1rem !important;
1694}
1695.know-roaming-cards {
1696  position: absolute;
1697  top: 24rem;
1698}
1699.know-roaming-cards .vivid-snap-scroller-slide__centered {
1700  height: 100%;
1701  flex-direction: initial;
1702}
1703.know-roaming-cards .snap-scroller-inner-container {
1704  justify-content: flex-start;
1705}
1706.know-roaming-card {
1707  position: relative;
1708  padding: 2.625rem;
1709  width: 336px;
1710  height: 100%;
1711  min-height: 299px;
1712  background-color: rgba(255, 255, 255, 0.3);
1713  backdrop-filter: blur(12px);
1714  border-radius: 1.5rem;
1715  animation: fade-in-x cubic-bezier(0.71, 0, 0.33, 1.56) 300ms;
1716}
1717@media screen and (max-width: 991px) {
1718  .know-roaming-card {
1719    width: calc(100vw - 2.5rem);
1720    min-height: 15rem;
1721  }
1722}
1723.know-roaming-card__title {
1724  font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif;
1725  line-height: 100%;
1726  font-size: 3.5rem;
1727  letter-spacing: 0;
1728  font-size: clamp(1.75rem, 6vw, 2.2rem);
1729  line-height: 1.04;
1730  color: rgb(255, 255, 255);
1731  margin-bottom: 1.5rem;
1732  flex-grow: 1;
1733}
1734@media screen and (max-width: 991px) {
1735  .know-roaming-card__title {
1736    width: 180px;
1737  }
1738}
1739.know-roaming-card__details {
1740  font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif;
1741  line-height: 150%;
1742  font-size: 1.25rem;
1743  font-family: "MTNBrighterSans-Light", Arial, sans-serif;
1744  font-weight: 300;
1745  color: rgb(255, 255, 255);
1746}
1747.know-roaming-card__details ::ng-deep .dial-code a {
1748  color: rgb(0, 0, 0);
1749}
1750.know-roaming .vds-carousel-card {
1751  padding-left: 0rem;
1752  padding-right: 0.8rem;
1753}`],encapsulation:2});let h=o;function $(i,a){if(i&1&&d(0,"mtn-know-roaming",0),i&2){const n=l();t("data",n.dataValue)("slides",n.slidesValue)}}const s=class s{get dataValue(){return this.data()}get slidesValue(){return this.slides()}constructor(a){this.roamingStoreService=a,this.pageContent=B(this.roamingStoreService.$pageContent,{initialValue:null}),this.data=f(()=>this.pageContent()?.["the-perfect-esim-for-worldwide-exploration"]??null),this.slides=f(()=>this.pageContent()?.["travel-the-world-without-data-worries"]??null)}};s.ɵfac=function(n){return new(n||s)(P(L))},s.ɵcmp=w({type:s,selectors:[["mtn-know-roaming-container"]],decls:1,vars:1,consts:[[3,"data","slides"]],template:function(n,m){n&1&&y(0,$,1,2,"mtn-know-roaming",0),n&2&&b(m.dataValue?0:-1)},dependencies:[h,k],encapsulation:2});let x=s;export{x as RoamingKnowRoamingContainerComponent};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.