/* GENERATED from web-design/css by :webApp:syncWebDesign. Do not edit: change the sheet there. */
/* ==== tokens.css ==== */
/*
* Maak design tokens, as CSS custom properties.
*
* WRITTEN BY scripts/build-tokens.py. Do not edit: change the Kotlin token and
* run the script. Each block names the Kotlin file and object it was read from,
* under mobile/shared/src/commonMain/kotlin/com/cyberone/maak/.
*
* Names follow the shared tokens: Palette.brand is --palette-brand,
* PlanCardTokens.bestValueHeight is --plan-card-best-value-height. Sizes are the
* design's points, written as px. A text style is `weight size/line-height`,
* to be used as `font: var(--typography-title) var(--font-family)`.
*/
:root {
/* ---- Palette: design/Palette.kt, object Palette ---- */
--palette-brand: #145EEE; /* Primary: buttons, active states, screen titles. */
--palette-on-brand: #FFFFFF;
--palette-brand-wash: #EEF5FF; /* Pale blue panels behind features. */
--palette-navy: #282F46; /* The hero header block on Home, and the cards that sit on it. */
--palette-navy-deep: #0E2D4A;
--palette-background: #FFFFFF;
--palette-surface: #E6F1FD; /* Cards, fields, grouped rows and panels on the background: a pale blue. */
--palette-border: #F2F2F2;
--palette-text-primary: #2A353A; /* Body copy. */
--palette-text-emphasis: #365081; /* Row labels and names: darker than secondary, bluer than primary. */
--palette-text-secondary: #64748B; /* Subtitles, captions, helper text. */
--palette-inactive: #929292; /* A mark that is not the current one: the other pages' dots in a page indicator. */
--palette-text-muted: #595F72; /* Quieter than secondary text: section titles on Home, the price line of a country row, the label beside a count. */
--palette-placeholder: #6699D1; /* A field's placeholder (the voucher, a search) and its icon, a caret, a category that is not the selected one on Home. */
--palette-icon-muted: #B3B3B3; /* Tabs and segments that are not the selected one, and the arrows of rows and section headers. */
--palette-caret-grey: #BFBFBF;
--palette-row-plain: #F5F5F5; /* A country row that has no picture. */
--palette-card-plain: #DFDFDF; /* A region card that has no picture. */
--palette-brand-outline: #D3E9FD; /* The outline of a card drawn on the page's own white. */
--palette-positive: #10B981; /* "It works": the network chip on a plan, and the places tile. */
--palette-sky: #41ABED; /* The hotspot chip on a plan. */
--palette-on-brand-faint: rgba(255, 255, 255, 0.3); /* White seen through: the search field on a picture, and a chip that is not the selected one on the brand colour. */
--palette-on-brand-soft: rgba(255, 255, 255, 0.7);
--palette-navy-veil: rgba(40, 47, 70, 0.5); /* The navy of a chip laid over a picture, at half strength. */
--palette-error: #F35A5C; /* Something is wrong: a form's message, a field's error. */
--palette-black: #000000; /* The Apple mark, which Apple asks to be black or white. */
--palette-highlight: #FAC600; /* A countdown, and the banners' accent. */
--palette-brand-deep: #0B3485; /* The far end of the fade on the plan builder's result card. */
--palette-icon-off: #CCCCCC; /* An icon that says "off": the "No" answer of the plan builder. */
--palette-text-emphasis-veil: rgba(54, 80, 129, 0.8); /* textEmphasis at 80%, for a panel laid over a picture. */
--palette-brand-mist: #CDDAE8; /* The track of a usage bar, and a button quieter than the grey one. */
--palette-text-emphasis-soft: rgba(54, 80, 129, 0.7); /* textEmphasis at 70%: the label over a figure, the label of the soft button, a copy icon. */
--palette-warning: #F8A026; /* Between fine and wrong: a usage bar from half used. */
--palette-scrim: rgba(0, 0, 0, 0.4); /* Behind a sheet: black at 40%. */
--palette-danger: #FB3333; /* "Stop", and where a route ends: the "End trip" button, the destination's pin and ring. */
--palette-brand-shade: #104BBD; /* A button laid on the brand colour. */
--palette-place-restaurant: #FF9820; /* Restaurants and meals, and the rating star. */
--palette-place-bank: #2E89FA; /* Banks and cash machines. */
--palette-place-coffee: #813F16;
--palette-place-transport: #1C4ABE;
--palette-place-landmark: #C3736C; /* A landmark on the trip planner's rail. */
--palette-text-muted-veil: rgba(89, 95, 114, 0.5); /* textMuted at 50%: a number that could be picked and is not, under "Unlimited" in the tour planner. */
--palette-badge-grey: #6A6F85; /* The small round badge that takes something away: the cross on a destination's chip. */
--palette-violet: #925CFF; /* What was used, beside the green of what is left: the "used" tile's figure and cloud, and the "highest" square. */
--palette-brand-faint: rgba(20, 94, 238, 0.2); /* brand at 20%: the foot of a chart's bar, whose top is the brand colour. */
--palette-text-emphasis-faint: rgba(54, 80, 129, 0.4); /* textEmphasis at 40%: a range of the usage chart that is not the chosen one. */
--palette-text-neutral: #4B4B4B;
--palette-brand-line: #1256D9; /* A line that parts columns laid on the brand colour: the plan strip of a family. */
--palette-brand-quiet: #94B4D6; /* A place nobody has taken: the disc of a free place in a family's count. */
--palette-positive-wash: #CFF1E6;
--palette-positive-deep: #0D9165; /* The word on positiveWash: a green dark enough to be read on it. */
--palette-text-emphasis-half: rgba(54, 80, 129, 0.5); /* textEmphasis at 50%: the three dots that open a member's menu. */
--palette-brand-half: rgba(20, 94, 238, 0.5); /* brand at 50%: the dashed outline of a place nobody has taken. */
--palette-shadow-soft: rgba(0, 0, 0, 0.1); /* Black at 10%: the shadow of a small card that floats over the page, a member's menu. */
--palette-amber: #FBB03B; /* An invitation sent as a link: the square behind the link glyph. */
--palette-whatsapp-green: #25D366; /* Another company's own green, behind its mark, where its service is named as a way to send something. */
--palette-apricot: #FE9738;
--palette-brand-fade: var(--palette-background), #C2CDE3, #87A2D7, #4D7DDB, var(--palette-brand); /* The page background fading into the brand colour, from the top down, as evenly spaced stops. */
/* ---- Spacing: design/Spacing.kt, object Spacing ---- */
--spacing-xxs: 4px;
--spacing-xs: 8px;
--spacing-sm: 10px;
--spacing-md: 16px;
--spacing-lg: 20px;
--spacing-xl: 24px;
--spacing-xxl: 32px;
--spacing-screen-margin: var(--spacing-lg); /* Left and right inset of screen content: the frame is 440 wide, content 400. */
/* ---- Radius: design/Spacing.kt, object Radius ---- */
--radius-xs: 10px; /* Small pills and chips: a day chip, a details pill. */
--radius-chip: 12px; /* A badge, a model chip. */
--radius-sm: 14px;
--radius-md: 15px; /* Small cards, tabs, the segmented control, a day option. */
--radius-pill: 18px;
--radius-card: 20px;
--radius-lg: 30px;
/* ---- Sizing: design/Spacing.kt, object Sizing ---- */
--sizing-min-touch-target: 44px; /* The smallest area a finger is expected to hit. */
--sizing-min-text-scale: 0.6;
--sizing-one-line-min-scale: 0.85;
/* ---- FontWeights: design/Tokens.kt, object FontWeights ---- */
--font-weights-regular: 400;
--font-weights-medium: 500;
--font-weights-semi-bold: 600;
--font-weights-bold: 700;
/* ---- Typography: design/Typography.kt, object Typography ---- */
--typography-display: 700 32px/38px; /* Screen titles. */
--typography-display-size: 32px;
--typography-display-weight: 700;
--typography-display-line: 38px;
--typography-headline: 600 30px/35px; /* The title of a full-screen page, over a picture or a colour. */
--typography-headline-size: 30px;
--typography-headline-weight: 600;
--typography-headline-line: 35px;
--typography-button: 600 20px/24px; /* Primary buttons. */
--typography-button-size: 20px;
--typography-button-weight: 600;
--typography-button-line: 24px;
--typography-title: 600 18px/21px; /* Row labels and section headings. */
--typography-title-size: 18px;
--typography-title-weight: 600;
--typography-title-line: 21px;
--typography-subhead: 500 18px/21px; /* The sentence under a headline. */
--typography-subhead-size: 18px;
--typography-subhead-weight: 500;
--typography-subhead-line: 21px;
--typography-body: 400 16px/19px;
--typography-body-size: 16px;
--typography-body-weight: 400;
--typography-body-line: 19px;
--typography-body-strong: 600 16px/19px; /* Text that can be tapped: a text button, and the label of the button drawn on the brand colour. */
--typography-body-strong-size: 16px;
--typography-body-strong-weight: 600;
--typography-body-strong-line: 19px;
--typography-label: 500 14px/16px; /* Subtitles and helper text. */
--typography-label-size: 14px;
--typography-label-weight: 500;
--typography-label-line: 16px;
--typography-caption: 400 12px/14px;
--typography-caption-size: 12px;
--typography-caption-weight: 400;
--typography-caption-line: 14px;
--typography-headline-bold: 700 30px/35px; /* A title over a picture, and the big figures of a plan: its size and its price. */
--typography-headline-bold-size: 30px;
--typography-headline-bold-weight: 700;
--typography-headline-bold-line: 35px;
--typography-title-large: 700 24px/28px; /* A name on a hero or a region card, a banner's title, the price in the price bar, a summary value. */
--typography-title-large-size: 24px;
--typography-title-large-weight: 700;
--typography-title-large-line: 28px;
--typography-price: 700 22px/26px; /* The price of a plan row on the global list and of its unlimited card, and the title of the promo banner. */
--typography-price-size: 22px;
--typography-price-weight: 700;
--typography-price-line: 26px;
--typography-heading: 700 20px/24px; /* A heading inside a screen, the number of a day option, the destination's name on Plan details. */
--typography-heading-size: 20px;
--typography-heading-weight: 700;
--typography-heading-line: 24px;
--typography-title-bold: 700 18px/21px; /* A name or a title on a card. */
--typography-title-bold-size: 18px;
--typography-title-bold-weight: 700;
--typography-title-bold-line: 21px;
--typography-body-medium: 500 16px/19px; /* Between body and bodyStrong: a selected tab or segment, a subtitle over a picture, text typed in a field. */
--typography-body-medium-size: 16px;
--typography-body-medium-weight: 500;
--typography-body-medium-line: 19px;
--typography-label-strong: 600 14px/16px; /* The number beside a counted word, a label that names a row. */
--typography-label-strong-size: 14px;
--typography-label-strong-weight: 600;
--typography-label-strong-line: 16px;
--typography-label-bold: 700 14px/16px; /* The part of a sentence that can be tapped, and a brand's name in the device list. */
--typography-label-bold-size: 14px;
--typography-label-bold-weight: 700;
--typography-label-bold-line: 16px;
--typography-label-regular: 400 14px/16px; /* The counted word after its number. */
--typography-label-regular-size: 14px;
--typography-label-regular-weight: 400;
--typography-label-regular-line: 16px;
--typography-caption-medium: 500 12px/14px; /* Small print that is read: a price line, a tile label, a description. */
--typography-caption-medium-size: 12px;
--typography-caption-medium-weight: 500;
--typography-caption-medium-line: 14px;
--typography-caption-strong: 600 12px/14px; /* Small print that names something: a chip over a picture, a badge. */
--typography-caption-strong-size: 12px;
--typography-caption-strong-weight: 600;
--typography-caption-strong-line: 14px;
--typography-micro: 500 10px/12px; /* The smallest text: a pill, a model chip, a note. */
--typography-micro-size: 10px;
--typography-micro-weight: 500;
--typography-micro-line: 12px;
--typography-hero: 700 40px/47px; /* The pitch of the sign-in screen: the biggest text in the app. */
--typography-hero-size: 40px;
--typography-hero-weight: 700;
--typography-hero-line: 47px;
--typography-subhead-large: 500 20px/24px; /* The sentence under hero. */
--typography-subhead-large-size: 20px;
--typography-subhead-large-weight: 500;
--typography-subhead-large-line: 24px;
--typography-body-bold: 700 16px/19px; /* A figure on a coloured card. */
--typography-body-bold-size: 16px;
--typography-body-bold-weight: 700;
--typography-body-bold-line: 19px;
--typography-label-tall: 500 14px/20px; /* A sentence beside a tick box, and a line that switches a form. */
--typography-label-tall-size: 14px;
--typography-label-tall-weight: 500;
--typography-label-tall-line: 20px;
--typography-label-tall-bold: 700 14px/20px; /* The part of a labelTall sentence that can be tapped. */
--typography-label-tall-bold-size: 14px;
--typography-label-tall-bold-weight: 700;
--typography-label-tall-bold-line: 20px;
--typography-micro-strong: 600 10px/12px; /* The label of the badge on a plan row. */
--typography-micro-strong-size: 10px;
--typography-micro-strong-weight: 600;
--typography-micro-strong-line: 12px;
--typography-screen-title: 600 22px/26px; /* The centred title of a travel companion screen. */
--typography-screen-title-size: 22px;
--typography-screen-title-weight: 600;
--typography-screen-title-line: 26px;
--typography-figure: 700 26px/31px; /* The data size of a family plan row. */
--typography-figure-size: 26px;
--typography-figure-weight: 700;
--typography-figure-line: 31px;
--typography-caption-tall: 500 12px/20px; /* A bullet of the family note: captionMedium on a line as tall as its icon. */
--typography-caption-tall-size: 12px;
--typography-caption-tall-weight: 500;
--typography-caption-tall-line: 20px;
--typography-caption-tall-strong: 600 12px/20px; /* The lead of such a bullet, up to its colon. */
--typography-caption-tall-strong-size: 12px;
--typography-caption-tall-strong-weight: 600;
--typography-caption-tall-strong-line: 20px;
--typography-caption-loose: 500 12px/18px; /* captionMedium in a taller box: the hint over the day options, and a group's description. */
--typography-caption-loose-size: 12px;
--typography-caption-loose-weight: 500;
--typography-caption-loose-line: 18px;
--typography-numeral-medium: 500 24px/28px; /* A number that can be picked and is not the picked one: titleLarge, lighter. */
--typography-numeral-medium-size: 24px;
--typography-numeral-medium-weight: 500;
--typography-numeral-medium-line: 28px;
--typography-stat-number: 700 40px/33px; /* The figure that leads a panel of usage statistics: the share in the ring, the amount in a tile. */
--typography-stat-number-size: 40px;
--typography-stat-number-weight: 700;
--typography-stat-number-line: 33px;
--typography-stat-unit: 600 30px/33px; /* The unit after statNumber, on its baseline. */
--typography-stat-unit-size: 30px;
--typography-stat-unit-weight: 600;
--typography-stat-unit-line: 33px;
--typography-stat-sign: 700 30px/33px; /* The percent sign after statNumber, on its baseline. */
--typography-stat-sign-size: 30px;
--typography-stat-sign-weight: 700;
--typography-stat-sign-line: 33px;
--typography-caption-bold: 700 12px/14px; /* The figure over a chart's bar. */
--typography-caption-bold-size: 12px;
--typography-caption-bold-weight: 700;
--typography-caption-bold-line: 14px;
--typography-micro-regular: 400 10px/12px; /* micro, lighter: the second, quieter name in a row of the list of airlines. */
--typography-micro-regular-size: 10px;
--typography-micro-regular-weight: 400;
--typography-micro-regular-line: 12px;
--typography-body-loose: 500 16px/22px; /* bodyMedium with room between its lines: the sentence under a verdict. */
--typography-body-loose-size: 16px;
--typography-body-loose-weight: 500;
--typography-body-loose-line: 22px;
/* ---- Elevation: design/Tokens.kt, object Elevation ---- */
--elevation-floating: 0px 0px 40px rgba(0, 0, 0, 0.2); /* A card or a round button over a map, and the camera's bottom panel: no offset, blur 40, black at 20%. */
/* ---- Motion: design/Motion.kt, object Motion ---- */
--motion-easing: cubic-bezier(0.42, 0, 0.58, 1);
--motion-screen-fade-millis: 300ms; /* One screen replacing another as the root, which is a plain cross-fade. */
--motion-page-change-millis: 300ms; /* A pager moving to another page without being dragged there, and its indicator following. */
--motion-selection-millis: 200ms; /* A selection moving from one choice to another: the shape of a segmented control, a tab, a tick. */
--motion-sheet-millis: 300ms; /* A sheet rising from the bottom edge, and the scrim behind it fading in. */
--motion-arrival-guard-millis: 600ms;
/* ---- Button: design/component/ButtonTokens.kt, object ButtonTokens ---- */
--button-horizontal-padding: 50px;
--button-primary-height: 70px;
--button-primary-radius: 22px;
--button-primary-horizontal-padding: 50px;
--button-primary-fill: var(--palette-brand);
--button-primary-label-color: var(--palette-on-brand);
--button-primary-label-style: var(--typography-button);
--button-on-brand-height: 60px;
--button-on-brand-radius: var(--radius-card);
--button-on-brand-horizontal-padding: 50px;
--button-on-brand-fill: var(--palette-on-brand);
--button-on-brand-label-color: var(--palette-brand);
--button-on-brand-label-style: var(--typography-body-strong);
--button-neutral-height: 60px;
--button-neutral-radius: var(--radius-md);
--button-neutral-horizontal-padding: 50px;
--button-neutral-fill: var(--palette-text-muted);
--button-neutral-label-color: var(--palette-on-brand);
--button-neutral-label-style: var(--typography-body-strong);
--button-form-height: 60px;
--button-form-radius: var(--radius-card);
--button-form-horizontal-padding: 50px;
--button-form-fill: var(--palette-brand);
--button-form-label-color: var(--palette-on-brand);
--button-form-label-style: var(--typography-body-strong);
--button-brand-height: 60px;
--button-brand-radius: var(--radius-md);
--button-brand-horizontal-padding: 50px;
--button-brand-fill: var(--palette-brand);
--button-brand-label-color: var(--palette-on-brand);
--button-brand-label-style: var(--typography-body-strong);
--button-soft-height: 60px;
--button-soft-radius: var(--radius-md);
--button-soft-horizontal-padding: 10px;
--button-soft-fill: var(--palette-brand-mist);
--button-soft-label-color: var(--palette-text-emphasis-soft);
--button-soft-label-style: var(--typography-body-strong);
--button-on-surface-height: 60px;
--button-on-surface-radius: var(--radius-md);
--button-on-surface-horizontal-padding: 50px;
--button-on-surface-fill: var(--palette-background);
--button-on-surface-label-color: var(--palette-brand);
--button-on-surface-label-style: var(--typography-body-strong);
--button-disabled-opacity: 0.4;
--button-pressed-opacity: 0.7;
/* ---- TextButton: design/component/TextButtonTokens.kt, object TextButtonTokens ---- */
--text-button-label-style: var(--typography-body-strong);
--text-button-label-color: var(--palette-text-secondary);
--text-button-min-touch-target: var(--sizing-min-touch-target);
/* ---- FormField: design/component/FormTokens.kt, object FormFieldTokens ---- */
--form-field-height: 60px;
--form-field-radius: var(--radius-card);
--form-field-fill: var(--palette-surface);
--form-field-icon-box: 20px;
--form-field-icon-leading-inset: var(--spacing-lg);
--form-field-icon-to-text: var(--spacing-sm);
--form-field-icon-tint: var(--palette-brand);
--form-field-text-leading-inset: var(--spacing-lg);
--form-field-text-trailing-gap: var(--spacing-sm);
--form-field-text-style: var(--typography-body-medium);
--form-field-text-color: var(--palette-text-emphasis);
--form-field-placeholder-opacity: 0.5;
--form-field-cursor-color: var(--palette-brand);
--form-field-prefix-color: var(--palette-text-emphasis);
--form-field-prefix-to-text: 5px;
--form-field-accessory-mail-width: 20px;
--form-field-accessory-mail-height: 19px;
--form-field-accessory-mail-trailing-inset: var(--spacing-lg);
--form-field-accessory-mail-tint: var(--palette-brand);
--form-field-accessory-eye-width: 20px;
--form-field-accessory-eye-height: 18px;
--form-field-accessory-eye-trailing-inset: var(--spacing-lg);
--form-field-accessory-eye-tint: var(--palette-brand);
--form-field-accessory-flag-width: 30px;
--form-field-accessory-flag-height: 30px;
--form-field-accessory-flag-trailing-inset: 15px;
--form-field-accessory-no-flag-width: 30px;
--form-field-accessory-no-flag-height: 30px;
--form-field-accessory-no-flag-trailing-inset: 15px;
--form-field-accessory-no-flag-tint: var(--palette-placeholder);
--form-field-accessory-caret-width: 12px;
--form-field-accessory-caret-height: 8px;
--form-field-accessory-caret-trailing-inset: var(--spacing-lg);
--form-field-accessory-caret-tint: var(--palette-placeholder);
--form-field-accessory-calendar-width: 27px;
--form-field-accessory-calendar-height: 30px;
--form-field-accessory-calendar-trailing-inset: 15px;
--form-field-accessory-calendar-tint: var(--palette-text-emphasis);
--form-field-accessory-touch-target: var(--sizing-min-touch-target);
--form-field-field-to-error: var(--spacing-xs);
--form-field-error-leading-inset: var(--spacing-lg);
--form-field-error-style: var(--typography-label);
--form-field-error-color: var(--palette-error);
/* ---- ProviderButton: design/component/FormTokens.kt, object ProviderButtonTokens ---- */
--provider-button-height: 60px;
--provider-button-radius: var(--radius-card);
--provider-button-wide-fill: var(--palette-surface);
--provider-button-wide-label-style: var(--typography-title);
--provider-button-wide-label-color: var(--palette-text-secondary);
--provider-button-mark-box: 30px;
--provider-button-mark-to-label: 25px;
--provider-button-square-fill: var(--palette-background);
--provider-button-square-border-width: 1px;
--provider-button-square-border-color: var(--palette-border);
--provider-button-square-gap: var(--spacing-sm);
--provider-button-apple-width: 25px;
--provider-button-apple-height: 30px;
--provider-button-apple-tint: var(--palette-black);
--provider-button-google-size: 30px;
/* ---- OrDivider: design/component/FormTokens.kt, object OrDividerTokens ---- */
--or-divider-rule-height: 1px;
--or-divider-rule-color: var(--palette-border);
--or-divider-rule-to-word: 14px;
--or-divider-word-style: var(--typography-body-strong);
--or-divider-word-color: var(--palette-text-emphasis);
--or-divider-height: 19px;
/* ---- SearchField: design/component/SearchFieldTokens.kt, object SearchFieldTokens ---- */
--search-field-icon-size: 20px;
--search-field-icon-to-text: var(--spacing-sm);
--search-field-placeholder-style: var(--typography-body);
--search-field-off-opacity: 0.4;
--search-field-on-picture-height: 50px;
--search-field-on-picture-radius: var(--radius-pill);
--search-field-on-picture-fill: var(--palette-on-brand-faint);
--search-field-on-picture-icon-inset: 15px;
--search-field-on-picture-icon-tint: var(--palette-on-brand);
--search-field-on-picture-placeholder-color: var(--palette-on-brand);
--search-field-on-picture-text-color: var(--palette-on-brand);
--search-field-on-picture-text-style: var(--typography-body);
--search-field-on-page-height: 50px;
--search-field-on-page-radius: var(--radius-pill);
--search-field-on-page-fill: var(--palette-surface);
--search-field-on-page-icon-inset: var(--spacing-lg);
--search-field-on-page-icon-tint: var(--palette-placeholder);
--search-field-on-page-placeholder-color: var(--palette-placeholder);
--search-field-on-page-text-color: var(--palette-text-primary);
--search-field-on-page-text-style: var(--typography-body);
--search-field-in-sheet-height: 50px;
--search-field-in-sheet-radius: var(--radius-pill);
--search-field-in-sheet-fill: var(--palette-surface);
--search-field-in-sheet-icon-inset: 15px;
--search-field-in-sheet-icon-tint: var(--palette-brand);
--search-field-in-sheet-placeholder-color: var(--palette-placeholder);
--search-field-in-sheet-text-color: var(--palette-text-emphasis);
--search-field-in-sheet-text-style: var(--typography-body-medium);
--search-field-on-map-height: 50px;
--search-field-on-map-radius: var(--radius-pill);
--search-field-on-map-fill: var(--palette-background);
--search-field-on-map-icon-inset: 15px;
--search-field-on-map-icon-tint: var(--palette-brand);
--search-field-on-map-placeholder-color: var(--palette-text-muted);
--search-field-on-map-text-color: var(--palette-text-primary);
--search-field-on-map-text-style: var(--typography-body);
/* ---- VoucherField: design/component/CheckoutTokens.kt, object VoucherFieldTokens ---- */
--voucher-field-height: 50px;
--voucher-field-radius: var(--radius-card);
--voucher-field-fill: var(--palette-surface);
--voucher-field-icon-size: 20px;
--voucher-field-icon-inset: 15px;
--voucher-field-icon-tint: var(--palette-text-emphasis);
--voucher-field-icon-to-text: 5px;
--voucher-field-text-to-button: var(--spacing-sm);
--voucher-field-placeholder-style: var(--typography-label);
--voucher-field-placeholder-color: var(--palette-placeholder);
--voucher-field-text-style: var(--typography-label-strong);
--voucher-field-text-color: var(--palette-text-emphasis);
--voucher-field-button-width: 70px;
--voucher-field-button-height: 30px;
--voucher-field-button-radius: var(--radius-chip);
--voucher-field-button-trailing-inset: var(--spacing-sm);
--voucher-field-button-fill: var(--palette-brand);
--voucher-field-button-label-style: var(--typography-micro-strong);
--voucher-field-button-label-color: var(--palette-on-brand);
--voucher-field-button-touch-height: var(--sizing-min-touch-target);
--voucher-field-field-to-message: var(--spacing-xs);
--voucher-field-message-style: var(--typography-caption-medium);
--voucher-field-applied-color: var(--palette-positive);
--voucher-field-rejected-color: var(--palette-text-secondary);
/* ---- Declaration: design/component/PlanDetailsComponentTokens.kt, object DeclarationTokens ---- */
--declaration-box-size: 24px;
--declaration-box-to-text: var(--spacing-sm);
--declaration-text-style: var(--typography-label);
--declaration-text-color: var(--palette-text-emphasis);
--declaration-link-style: var(--typography-label-bold);
--declaration-link-color: var(--palette-brand);
--declaration-gap: 15px;
/* ---- SegmentedControl: design/component/SegmentedControlTokens.kt, object SegmentedControlTokens ---- */
--segmented-control-height: 50px;
--segmented-control-radius: var(--radius-md);
--segmented-control-track-fill: var(--palette-surface);
--segmented-control-selected-fill: var(--palette-brand);
--segmented-control-label-style: var(--typography-body-medium);
--segmented-control-label-color: var(--palette-icon-muted);
--segmented-control-selected-label-color: var(--palette-on-brand);
--segmented-control-icon-size: 20px;
--segmented-control-icon-to-label: 5px;
--segmented-control-change-millis: var(--motion-selection-millis);
--segmented-control-compact-height: 40px;
--segmented-control-compact-radius: var(--radius-md);
--segmented-control-compact-track-fill: var(--palette-row-plain);
--segmented-control-compact-label-style: var(--typography-label);
--segmented-control-compact-selected-label-style: var(--typography-label-strong);
--segmented-control-compact-touch-target: var(--sizing-min-touch-target);
--segmented-control-compact-separator-width: 2px;
--segmented-control-compact-separator-height: 30px;
--segmented-control-compact-separator-color: var(--palette-background);
--segmented-control-compact-scrolling-segment-width: 132px;
--segmented-control-compact-max-equal-segments: 3;
/* ---- EsimTabs: design/component/EsimListTokens.kt, object EsimTabsTokens ---- */
--esim-tabs-height: 40px;
--esim-tabs-track-fill: var(--palette-surface);
--esim-tabs-padding: 4px;
--esim-tabs-segment-gap: 4px;
--esim-tabs-selected-fill: var(--palette-brand);
--esim-tabs-selected-label-style: var(--typography-label-bold);
--esim-tabs-selected-label-color: var(--palette-on-brand);
--esim-tabs-label-style: var(--typography-label);
--esim-tabs-label-color: var(--palette-icon-muted);
--esim-tabs-move-millis: var(--motion-selection-millis);
/* ---- CategoryBar: design/component/CategoryTokens.kt, object CategoryBarTokens ---- */
--category-bar-height: 40px;
--category-bar-radius: var(--radius-sm);
--category-bar-fill: var(--palette-surface);
--category-bar-selected-fill: var(--palette-brand);
--category-bar-selected-padding: 15px;
--category-bar-selected-icon-height: 20px;
--category-bar-selected-icon-to-label: 5px;
--category-bar-selected-tint: var(--palette-on-brand);
--category-bar-selected-label-style: var(--typography-body-medium);
--category-bar-icon-size: 20px;
--category-bar-icon-tint: var(--palette-placeholder);
--category-bar-touch-target: var(--sizing-min-touch-target);
/* ---- CategoryTabs: design/component/CategoryTokens.kt, object CategoryTabsTokens ---- */
--category-tabs-gap: 6px;
--category-tabs-fill: var(--palette-background);
--category-tabs-width: 60px;
--category-tabs-height: 70px;
--category-tabs-radius: var(--radius-md);
--category-tabs-icon-height: 20px;
--category-tabs-icon-top: 15px;
--category-tabs-label-top: 41px;
--category-tabs-label-style: var(--typography-caption-medium);
--category-tabs-tint: var(--palette-icon-muted);
--category-tabs-selected-width: 70px;
--category-tabs-selected-height: 84px;
--category-tabs-selected-top-radius: var(--radius-sm);
--category-tabs-selected-icon-height: 24px;
--category-tabs-selected-icon-top: 15px;
--category-tabs-selected-label-top: 46px;
--category-tabs-selected-label-style: var(--typography-body-medium);
--category-tabs-selected-tint: var(--palette-brand);
/* ---- PlanCard: design/component/PlanCardTokens.kt, object PlanCardTokens ---- */
--plan-card-height: 110px;
--plan-card-radius: var(--radius-card);
--plan-card-fill: var(--palette-surface);
--plan-card-gap: var(--spacing-sm);
--plan-card-inset: 15px;
--plan-card-size-top: 15px;
--plan-card-size-style: var(--typography-headline-bold);
--plan-card-size-color: var(--palette-text-emphasis);
--plan-card-validity-top: 48px;
--plan-card-validity-style: var(--typography-label);
--plan-card-validity-color: var(--palette-text-secondary);
--plan-card-price-top: 15px;
--plan-card-price-style: var(--typography-headline-bold);
--plan-card-price-color: var(--palette-brand);
--plan-card-chips-bottom-inset: 15px;
--plan-card-chip-gap: 5px;
--plan-card-pill-height: 20px;
--plan-card-pill-radius: var(--radius-xs);
--plan-card-pill-padding: var(--spacing-sm);
--plan-card-pill-fill: var(--palette-text-emphasis);
--plan-card-pill-label-style: var(--typography-micro);
--plan-card-pill-label-color: var(--palette-on-brand);
--plan-card-best-value-height: 120px;
--plan-card-best-value-fill: var(--palette-background);
--plan-card-best-value-border-width: 1px;
--plan-card-best-value-border-color: var(--palette-brand-outline);
--plan-card-best-value-picture-width: 313px;
--plan-card-best-value-price-color: var(--palette-on-brand);
--plan-card-badge-gap: var(--spacing-sm);
--plan-card-badge-height: 24px;
--plan-card-badge-radius: var(--radius-chip);
--plan-card-badge-padding: var(--spacing-sm);
--plan-card-badge-fill: var(--palette-text-secondary);
--plan-card-badge-label-style: var(--typography-caption-strong);
--plan-card-badge-label-color: var(--palette-on-brand);
--plan-card-best-value-pill-gap: var(--spacing-sm);
--plan-card-placeholder-fill: var(--palette-surface);
--plan-card-placeholder-count: 3;
/* ---- PlanChip: design/component/PlanCardTokens.kt, object PlanChipTokens ---- */
--plan-chip-height: 20px;
--plan-chip-radius: var(--radius-xs);
--plan-chip-padding: var(--spacing-sm);
--plan-chip-icon-size: 10px;
--plan-chip-icon-to-label: 5px;
--plan-chip-content-color: var(--palette-on-brand);
--plan-chip-network-fill: var(--palette-positive);
--plan-chip-network-label-style: var(--typography-caption-medium);
--plan-chip-hotspot-fill: var(--palette-sky);
--plan-chip-hotspot-label-style: var(--typography-micro);
/* ---- DayOption: design/component/DayOptionTokens.kt, object DayOptionTokens ---- */
--day-option-column-gap: var(--spacing-sm);
--day-option-row-gap: var(--spacing-sm);
--day-option-max-columns: 4;
--day-option-max-columns-with-badge: 3;
--day-option-height: 80px;
--day-option-radius: var(--radius-md);
--day-option-fill: var(--palette-background);
--day-option-inset: 15px;
--day-option-number-style: var(--typography-heading);
--day-option-number-to-unit: 5px;
--day-option-unit-style: var(--typography-label);
--day-option-text-color: var(--palette-text-neutral);
--day-option-baseline-bottom-inset: 20px;
--day-option-text-min-scale: var(--sizing-min-text-scale);
--day-option-mark-size: 20px;
--day-option-mark-trailing-inset: 5px;
--day-option-mark-top: 5px;
--day-option-mark-fill: #F7F7F7;
--day-option-mark-on-size: 20px;
--day-option-badge-height: 20px;
--day-option-badge-radius: var(--radius-xs);
--day-option-badge-fill: #332C5E;
--day-option-badge-inset: 5px;
--day-option-badge-top: 5px;
--day-option-badge-padding: 7px;
--day-option-badge-image-width: 12px;
--day-option-badge-image-height: 14px;
--day-option-badge-image-to-label: 5px;
--day-option-badge-label-style: var(--typography-micro-strong);
--day-option-badge-label-color: #E8F0FF;
--day-option-badge-to-mark: 5px;
--day-option-badge-label-min-scale: var(--sizing-min-text-scale);
--day-option-badge-label-max-letters: 15;
/* ---- DayGroup: design/component/DayOptionTokens.kt, object DayGroupTokens ---- */
--day-group-radius: var(--radius-pill);
--day-group-fill: var(--palette-surface);
--day-group-padding: 15px;
--day-group-title-style: var(--typography-body-bold);
--day-group-title-color: var(--palette-brand);
--day-group-title-min-scale: var(--sizing-min-text-scale);
--day-group-title-to-description: 8px;
--day-group-description-style: var(--typography-caption-loose);
--day-group-description-color: var(--palette-text-secondary);
--day-group-description-max-lines: 2;
--day-group-description-to-cells: var(--spacing-sm);
--day-group-gap: 15px;
--day-group-unnamed-columns: 2;
/* ---- CountryRow: design/component/CountryRowTokens.kt, object CountryRowTokens ---- */
--country-row-height: 70px;
--country-row-radius: var(--radius-card);
--country-row-gap: 5px;
--country-row-plain-fill: var(--palette-row-plain);
--country-row-flag-size: 30px;
--country-row-flag-inset: var(--spacing-lg);
--country-row-flag-ring-width: 1px;
--country-row-flag-ring-color: var(--palette-on-brand);
--country-row-flag-to-text: var(--spacing-sm);
--country-row-name-top: 15px;
--country-row-name-style: var(--typography-body-strong);
--country-row-name-color: var(--palette-text-emphasis);
--country-row-price-top: 41px;
--country-row-price-style: var(--typography-caption-medium);
--country-row-price-color: var(--palette-text-muted);
--country-row-arrow-width: 20px;
--country-row-arrow-height: 15px;
--country-row-arrow-trailing-inset: 40px;
--country-row-arrow-tint: var(--palette-on-brand);
--country-row-arrow-tint-on-plain: var(--palette-icon-muted);
--country-row-placeholder-fill: var(--palette-surface);
/* ---- CountryCard: design/component/CountryCardTokens.kt, object CountryCardTokens ---- */
--country-card-width: 126px;
--country-card-height: 186px;
--country-card-radius: var(--radius-md);
--country-card-gap: 11px;
--country-card-plain-background: var(--palette-navy-deep) 21%, var(--palette-brand) 98%;
--country-card-flag-size: 30px;
--country-card-flag-inset: 10px;
--country-card-flag-top: 10px;
--country-card-flag-ring-width: 2px;
--country-card-flag-ring-color: var(--palette-on-brand);
--country-card-name-top: 50px;
--country-card-name-inset: 10px;
--country-card-name-style: var(--typography-title-bold);
--country-card-name-max-lines: 2;
--country-card-name-color: var(--palette-text-emphasis);
--country-card-name-color-on-plain: var(--palette-on-brand);
--country-card-caption-top: 135px;
--country-card-caption-inset: 15px;
--country-card-caption-style: var(--typography-caption);
--country-card-caption-color: var(--palette-on-brand);
--country-card-price-top: 154px;
--country-card-price-inset: 15px;
--country-card-price-style: var(--typography-body-strong);
--country-card-price-color: var(--palette-on-brand);
--country-card-placeholder-fill: var(--palette-surface);
/* ---- RegionCard: design/component/RegionCardTokens.kt, object RegionCardTokens ---- */
--region-card-height: 100px;
--region-card-radius: var(--radius-card);
--region-card-gap: var(--spacing-sm);
--region-card-plain-fill: var(--palette-card-plain);
--region-card-inset: var(--spacing-lg);
--region-card-name-top: 20px;
--region-card-name-style: var(--typography-title-large);
--region-card-name-color: var(--palette-text-emphasis);
--region-card-count-top: 64px;
--region-card-count-color: var(--palette-text-emphasis);
--region-card-count-number-style: var(--typography-label-strong);
--region-card-count-word-style: var(--typography-label-regular);
--region-card-placeholder-fill: var(--palette-surface);
/* ---- OfferBanner: design/component/HomeTokens.kt, object OfferBannerTokens ---- */
--offer-banner-height: 150px;
--offer-banner-page-gap: var(--spacing-sm);
--offer-banner-banner-to-indicator: var(--spacing-sm);
--offer-banner-radius: var(--radius-card);
--offer-banner-inset: var(--spacing-lg);
--offer-banner-plain-background: var(--palette-navy-deep) 21%, var(--palette-brand) 98%;
--offer-banner-fade: rgba(20, 94, 238, 0.9) 25%, rgba(20, 94, 238, 0) 85%;
--offer-banner-pill-top: 15px;
--offer-banner-pill-height: 24px;
--offer-banner-pill-radius: var(--radius-chip);
--offer-banner-pill-padding: var(--spacing-sm);
--offer-banner-pill-fill: var(--palette-highlight);
--offer-banner-pill-label-style: var(--typography-caption-strong);
--offer-banner-pill-label-color: var(--palette-navy);
--offer-banner-place-top: 49px;
--offer-banner-place-style: var(--typography-title-large);
--offer-banner-details-top: 82px;
--offer-banner-details-style: var(--typography-label);
--offer-banner-price-top: 108px;
--offer-banner-price-style: var(--typography-title-large);
--offer-banner-text-color: var(--palette-on-brand);
--offer-banner-text-width-fraction: 0.7;
/* ---- OfferCard: design/component/CheckoutTokens.kt, object OfferCardTokens ---- */
--offer-card-height: 150px;
--offer-card-radius: var(--radius-card);
--offer-card-tag-inset: 15px;
--offer-card-tag-top: 15px;
--offer-card-tag-height: 24px;
--offer-card-tag-padding: var(--spacing-sm);
--offer-card-tag-fill: var(--palette-background);
--offer-card-tag-picture-width: 12px;
--offer-card-tag-picture-height: 14px;
--offer-card-tag-picture-to-label: 3px;
--offer-card-tag-label-style: var(--typography-micro-strong);
--offer-card-tag-label-color: var(--palette-brand);
--offer-card-body-inset: 16px;
--offer-card-body-top: 49px;
--offer-card-body-width: 189px;
--offer-card-body-style: var(--typography-body-strong);
--offer-card-body-color: var(--palette-on-brand);
--offer-card-price-inset: 15px;
--offer-card-price-top: 102px;
--offer-card-price-style: var(--typography-price);
--offer-card-price-color: var(--palette-on-brand);
--offer-card-price-line-max-letters: 24;
--offer-card-panel-inset: 15px;
--offer-card-panel-top: 15px;
--offer-card-panel-width: 115px;
--offer-card-panel-height: 120px;
--offer-card-panel-radius: var(--radius-md);
--offer-card-panel-fill: var(--palette-text-emphasis-veil);
--offer-card-timer-label-top: 13px;
--offer-card-timer-label-style: var(--typography-caption-strong);
--offer-card-timer-label-color: var(--palette-on-brand);
--offer-card-time-top: 37px;
--offer-card-time-style: var(--typography-title-large);
--offer-card-time-color: var(--palette-highlight);
--offer-card-button-inset: 5px;
--offer-card-button-height: 40px;
--offer-card-button-radius: var(--radius-chip);
--offer-card-button-fill: var(--palette-background);
--offer-card-button-label-style: var(--typography-body-medium);
--offer-card-button-label-color: var(--palette-brand);
/* ---- PromoBanner: design/component/BannerTokens.kt, object PromoBannerTokens ---- */
--promo-banner-height: 130px;
--promo-banner-radius: var(--radius-card);
--promo-banner-inset: var(--spacing-lg);
--promo-banner-gap: var(--spacing-sm);
--promo-banner-pill-height: 24px;
--promo-banner-pill-radius: var(--radius-chip);
--promo-banner-pill-padding: 12px;
--promo-banner-pill-fill: var(--palette-brand);
--promo-banner-pill-label-style: var(--typography-label);
--promo-banner-pill-label-color: var(--palette-on-brand);
--promo-banner-title-style: var(--typography-price);
--promo-banner-title-color: var(--palette-on-brand);
--promo-banner-title-max-width: 190px;
--promo-banner-title-min-font-size: 18px;
--promo-banner-title-max-lines: 2;
--promo-banner-body-style: var(--typography-caption-medium);
--promo-banner-body-color: var(--palette-on-brand);
--promo-banner-body-max-width: 190px;
--promo-banner-body-max-lines: 2;
/* ---- FeatureBanner: design/component/BannerTokens.kt, object FeatureBannerTokens ---- */
--feature-banner-height: 140px;
--feature-banner-radius: var(--radius-card);
--feature-banner-inset: 15px;
--feature-banner-title-top: 15px;
--feature-banner-title-style: var(--typography-title-large);
--feature-banner-features-top: 55px;
--feature-banner-feature-gap: var(--spacing-sm);
--feature-banner-feature-min-width: 40px;
--feature-banner-circle-size: 30px;
--feature-banner-label-top: 39px;
--feature-banner-label-max-lines: 2;
--feature-banner-fixed-title-color: var(--palette-brand);
--feature-banner-fixed-label-color: var(--palette-navy);
--feature-banner-fixed-label-style: var(--typography-caption-strong);
--feature-banner-fixed-features-1-icon-width: 14px;
--feature-banner-fixed-features-1-icon-height: 14px;
--feature-banner-fixed-features-1-icon-tint: var(--palette-on-brand);
--feature-banner-fixed-features-1-circle-fill: rgba(38, 155, 240, 0.8);
--feature-banner-fixed-features-2-icon-width: 16px;
--feature-banner-fixed-features-2-icon-height: 16px;
--feature-banner-fixed-features-2-icon-tint: var(--palette-on-brand);
--feature-banner-fixed-features-2-circle-fill: rgba(111, 217, 123, 0.8);
--feature-banner-fixed-features-3-icon-width: 14px;
--feature-banner-fixed-features-3-icon-height: 14px;
--feature-banner-fixed-features-3-icon-tint: var(--palette-on-brand);
--feature-banner-fixed-features-3-circle-fill: rgba(59, 189, 174, 0.8);
--feature-banner-fixed-features-4-icon-width: 16px;
--feature-banner-fixed-features-4-icon-height: 16px;
--feature-banner-fixed-features-4-icon-tint: var(--palette-on-brand);
--feature-banner-fixed-features-4-circle-fill: var(--palette-apricot);
/* ---- PlansHero: design/component/PlansHeroTokens.kt, object PlansHeroTokens ---- */
--plans-hero-height: 250px;
--plans-hero-radius: var(--radius-lg);
--plans-hero-plain-background: #0E2F52 28%, #1354CD 88%;
--plans-hero-back-size: 40px;
--plans-hero-back-fill: var(--palette-on-brand);
--plans-hero-back-inset: 10px;
--plans-hero-back-top: 11px;
--plans-hero-back-icon-size: 16px;
--plans-hero-back-icon-tint: var(--palette-text-emphasis);
--plans-hero-back-touch-target: var(--sizing-min-touch-target);
--plans-hero-wordmark-width: 80px;
--plans-hero-wordmark-height: 16px;
--plans-hero-wordmark-top: 23px;
--plans-hero-wordmark-tint: var(--palette-on-brand);
--plans-hero-flag-size: 70px;
--plans-hero-flag-inset: 15px;
--plans-hero-flag-top: 81px;
--plans-hero-flag-ring-width: 4px;
--plans-hero-flag-ring-color: var(--palette-on-brand);
--plans-hero-badge-fill: var(--palette-on-brand);
--plans-hero-badge-icon-size: 32px;
--plans-hero-badge-icon-tint: var(--palette-brand);
--plans-hero-map-ring-width: 2px;
--plans-hero-map-ring-color: var(--palette-on-brand);
--plans-hero-text-inset: 15px;
--plans-hero-name-top: 168px;
--plans-hero-name-style: var(--typography-title-large);
--plans-hero-name-color: var(--palette-on-brand);
--plans-hero-name-min-font-size: 16px;
--plans-hero-subtitle-top: 211px;
--plans-hero-subtitle-style: var(--typography-label);
--plans-hero-subtitle-color: var(--palette-on-brand);
--plans-hero-chip-height: 30px;
--plans-hero-chip-radius: 15px;
--plans-hero-chip-fill: var(--palette-navy-veil);
--plans-hero-chip-trailing-inset: 10px;
--plans-hero-chip-bottom-inset: 10px;
--plans-hero-chip-padding: 10px;
--plans-hero-chip-icon-size: 14px;
--plans-hero-chip-icon-to-label: 5px;
--plans-hero-chip-label-style: var(--typography-caption-strong);
--plans-hero-chip-content-color: var(--palette-on-brand);
/* ---- SummaryCard: design/component/PlanDetailsComponentTokens.kt, object SummaryCardTokens ---- */
--summary-card-height: 82px;
--summary-card-radius: var(--radius-card);
--summary-card-fill: var(--palette-brand);
--summary-card-label-top: 15px;
--summary-card-label-style: var(--typography-caption-medium);
--summary-card-label-to-value: var(--spacing-sm);
--summary-card-value-style: var(--typography-title-large);
--summary-card-text-color: var(--palette-on-brand);
--summary-card-item-inset: var(--spacing-xs);
--summary-card-min-text-scale: var(--sizing-min-text-scale);
/* ---- PlanReviewCard: design/component/PlanReviewCardTokens.kt, object PlanReviewCardTokens ---- */
--plan-review-card-radius: var(--radius-card);
--plan-review-card-inset: var(--spacing-lg);
--plan-review-card-flag-top: 20px;
--plan-review-card-flag-size: 40px;
--plan-review-card-flag-ring: 1px;
--plan-review-card-flag-ring-color: var(--palette-background);
--plan-review-card-badge-fill: var(--palette-brand-wash);
--plan-review-card-badge-tint: var(--palette-brand);
--plan-review-card-badge-icon-size: 20px;
--plan-review-card-flag-to-name: var(--spacing-sm);
--plan-review-card-name-style: var(--typography-heading);
--plan-review-card-pill-top: 20px;
--plan-review-card-pill-height: 30px;
--plan-review-card-pill-padding: 17px;
--plan-review-card-pill-label-style: var(--typography-caption-strong);
--plan-review-card-labels-top: 77px;
--plan-review-card-label-style: var(--typography-label);
--plan-review-card-values-top: 100px;
--plan-review-card-value-style: var(--typography-title-large);
--plan-review-card-values-height: 28px;
--plan-review-card-values-to-bottom: 15px;
--plan-review-card-height: 143px;
--plan-review-card-plain-fill: var(--palette-surface);
--plan-review-card-plain-name-style: var(--typography-heading);
--plan-review-card-plain-name-color: var(--palette-brand);
--plan-review-card-plain-pill-fill: var(--palette-positive);
--plan-review-card-plain-pill-label-color: var(--palette-on-brand);
--plan-review-card-plain-label-color: var(--palette-text-emphasis-soft);
--plan-review-card-plain-value-color: var(--palette-brand);
--plan-review-card-brand-fill: var(--palette-brand), var(--palette-brand-deep);
--plan-review-card-brand-name-style: var(--typography-body-bold);
--plan-review-card-brand-name-color: var(--palette-on-brand);
--plan-review-card-brand-pill-fill: var(--palette-background);
--plan-review-card-brand-pill-label-color: var(--palette-brand);
--plan-review-card-brand-label-color: var(--palette-on-brand-soft);
--plan-review-card-brand-value-color: var(--palette-on-brand);
--plan-review-card-brand-disc-fill: var(--palette-background);
--plan-review-card-brand-disc-tint: var(--palette-brand);
--plan-review-card-brand-disc-icon-size: 20px;
--plan-review-card-values-to-strip: var(--spacing-sm);
--plan-review-card-strip-inset: var(--spacing-sm);
--plan-review-card-strip-height: 70px;
--plan-review-card-strip-radius: var(--radius-card);
--plan-review-card-strip-fill: var(--palette-on-brand-faint);
--plan-review-card-strip-icon-size: 20px;
--plan-review-card-strip-icon-tint: var(--palette-on-brand);
--plan-review-card-strip-icon-to-label: var(--spacing-xs);
--plan-review-card-strip-label-style: var(--typography-label);
--plan-review-card-strip-label-color: var(--palette-on-brand);
/* ---- FactGroup: design/component/PlanDetailsComponentTokens.kt, object FactGroupTokens ---- */
--fact-group-radius: var(--radius-card);
--fact-group-fill: var(--palette-surface);
--fact-group-row-height: 45px;
--fact-group-separator-height: 2px;
--fact-group-separator-color: var(--palette-background);
--fact-group-inset: 15px;
--fact-group-icon-size: 20px;
--fact-group-icon-tint: var(--palette-text-emphasis);
--fact-group-icon-to-label: 5px;
--fact-group-label-style: var(--typography-label);
--fact-group-label-color: var(--palette-text-emphasis);
--fact-group-value-style: var(--typography-body-strong);
--fact-group-value-color: var(--palette-brand);
--fact-group-value-max-lines: 2;
--fact-group-label-to-value: var(--spacing-sm);
/* ---- FactNotes: design/component/PlanDetailsComponentTokens.kt, object FactNotesTokens ---- */
--fact-notes-heading-style: var(--typography-title);
--fact-notes-heading-color: var(--palette-brand);
--fact-notes-heading-to-panel: 15px;
--fact-notes-radius: var(--radius-card);
--fact-notes-fill: var(--palette-surface);
--fact-notes-inset: 15px;
--fact-notes-row-min-height: 45px;
--fact-notes-row-padding-vertical: 12px;
--fact-notes-separator-height: 2px;
--fact-notes-separator-color: var(--palette-background);
--fact-notes-icon-size: 20px;
--fact-notes-icon-tint: var(--palette-brand);
--fact-notes-icon-to-text: var(--spacing-sm);
--fact-notes-text-style: var(--typography-label-tall);
--fact-notes-text-color: var(--palette-text-emphasis);
/* ---- FactPanel: design/component/EsimListTokens.kt, object FactPanelTokens ---- */
--fact-panel-heading-style: var(--typography-title-bold);
--fact-panel-heading-color: var(--palette-brand);
--fact-panel-heading-to-panel: var(--spacing-sm);
--fact-panel-radius: var(--radius-md);
--fact-panel-fill: var(--palette-surface);
--fact-panel-row-height: 50px;
--fact-panel-own-words-padding: var(--spacing-sm);
--fact-panel-separator-height: 2px;
--fact-panel-separator-color: var(--palette-background);
--fact-panel-inset: 15px;
--fact-panel-icon-box: 20px;
--fact-panel-icon-tint: var(--palette-text-emphasis);
--fact-panel-icon-to-label: var(--spacing-sm);
--fact-panel-label-style: var(--typography-label);
--fact-panel-label-color: var(--palette-text-emphasis);
--fact-panel-value-style: var(--typography-body-bold);
--fact-panel-value-color: var(--palette-brand);
--fact-panel-value-to-label: var(--spacing-sm);
--fact-panel-copy-tint: var(--palette-text-emphasis-soft);
--fact-panel-copied-tint: var(--palette-positive);
--fact-panel-copy-size: 20px;
--fact-panel-value-to-copy: var(--spacing-sm);
--fact-panel-copy-touch-target: var(--sizing-min-touch-target);
/* ---- EsimListCard: design/component/EsimListTokens.kt, object EsimListCardTokens ---- */
--esim-list-card-radius: var(--radius-card);
--esim-list-card-fill: var(--palette-background);
--esim-list-card-border-width: 1px;
--esim-list-card-border-color: var(--palette-border);
--esim-list-card-text-inset: 15px;
--esim-list-card-label-top: 15px;
--esim-list-card-label-style: var(--typography-body-bold);
--esim-list-card-label-color: var(--palette-brand);
--esim-list-card-second-line-top: 39px;
--esim-list-card-second-line-style: var(--typography-label);
--esim-list-card-second-line-color: var(--palette-text-emphasis);
--esim-list-card-label-top-without-second-line: 29px;
--esim-list-card-edit-size: 24px;
--esim-list-card-edit-top: 27px;
--esim-list-card-edit-trailing-inset: 18px;
--esim-list-card-edit-touch-target: var(--sizing-min-touch-target);
--esim-list-card-text-to-edit: var(--spacing-sm);
--esim-list-card-banner-top: 70px;
--esim-list-card-banner-top-without-heading: 10px;
--esim-list-card-banner-to-figures-without-heading: 10px;
--esim-list-card-banner-inset: 10px;
--esim-list-card-banner-height: 120px;
--esim-list-card-banner-radius: var(--radius-pill);
--esim-list-card-banner-plain-fill: var(--palette-brand);
--esim-list-card-banner-fade-color: var(--palette-brand);
--esim-list-card-banner-fade-start: 0.28;
--esim-list-card-banner-fade-start-opacity: 0.05;
--esim-list-card-banner-fade-end: 0.88;
--esim-list-card-banner-fade-end-opacity: 0.8;
--esim-list-card-banner-content-inset: 15px;
--esim-list-card-flag-top: 26px;
--esim-list-card-flag-size: 40px;
--esim-list-card-flag-ring-width: 2px;
--esim-list-card-flag-ring-color: var(--palette-on-brand);
--esim-list-card-badge-fill: var(--palette-brand-wash);
--esim-list-card-badge-icon-size: 20px;
--esim-list-card-badge-tint: var(--palette-brand);
--esim-list-card-name-top: 76px;
--esim-list-card-name-style: var(--typography-heading);
--esim-list-card-name-color: var(--palette-on-brand);
--esim-list-card-name-to-pill: var(--spacing-sm);
--esim-list-card-pill-top: 81px;
--esim-list-card-pill-trailing-inset: 15px;
--esim-list-card-pill-fill: var(--palette-background);
--esim-list-card-pill-color-positive: var(--palette-positive);
--esim-list-card-pill-color-neutral: var(--palette-inactive);
--esim-list-card-pill-color-ended: var(--palette-error);
--esim-list-card-part-gap: 15px;
--esim-list-card-content-inset: 20px;
--esim-list-card-figure-column-width: 118px;
--esim-list-card-figure-icon-box: 20px;
--esim-list-card-figure-icon-top: 7px;
--esim-list-card-figure-icon-tint: var(--palette-brand);
--esim-list-card-figure-icon-to-text: var(--spacing-sm);
--esim-list-card-figure-label-style: var(--typography-caption-medium);
--esim-list-card-figure-label-color: var(--palette-text-emphasis-soft);
--esim-list-card-figure-label-to-value: 5px;
--esim-list-card-figure-value-style: var(--typography-body-bold);
--esim-list-card-figure-value-color: var(--palette-text-emphasis);
--esim-list-card-figures-height: 38px;
--esim-list-card-bar-height: 20px;
--esim-list-card-bar-radius: 8px;
--esim-list-card-bar-track: var(--palette-brand-mist);
--esim-list-card-bar-to-ends: var(--spacing-sm);
--esim-list-card-end-word-style: var(--typography-label-regular);
--esim-list-card-end-amount-style: var(--typography-label-bold);
--esim-list-card-end-color: var(--palette-text-emphasis);
--esim-list-card-end-word-to-amount: 4px;
--esim-list-card-ends-to-caption: 6px;
--esim-list-card-caption-style: var(--typography-caption);
--esim-list-card-caption-color: var(--palette-text-secondary);
--esim-list-card-bar-fill-low: var(--palette-positive);
--esim-list-card-bar-fill-medium: var(--palette-warning);
--esim-list-card-bar-fill-high: var(--palette-error);
--esim-list-card-strip-height: 40px;
--esim-list-card-strip-radius: var(--radius-chip);
--esim-list-card-strip-fill: var(--palette-text-emphasis);
--esim-list-card-strip-inset: 15px;
--esim-list-card-strip-label-style: var(--typography-label);
--esim-list-card-strip-value-style: var(--typography-body-bold);
--esim-list-card-strip-color: var(--palette-on-brand);
--esim-list-card-note-style: var(--typography-label);
--esim-list-card-note-color: var(--palette-text-emphasis);
--esim-list-card-note-max-lines: 4;
--esim-list-card-button-gap: var(--spacing-sm);
--esim-list-card-buttons-to-bottom: 20px;
--esim-list-card-button-brand-height: 60px;
--esim-list-card-button-brand-radius: var(--radius-md);
--esim-list-card-button-brand-horizontal-padding: 50px;
--esim-list-card-button-brand-fill: var(--palette-brand);
--esim-list-card-button-brand-label-color: var(--palette-on-brand);
--esim-list-card-button-brand-label-style: var(--typography-body-strong);
--esim-list-card-button-soft-height: 60px;
--esim-list-card-button-soft-radius: var(--radius-md);
--esim-list-card-button-soft-horizontal-padding: 10px;
--esim-list-card-button-soft-fill: var(--palette-brand-mist);
--esim-list-card-button-soft-label-color: var(--palette-text-emphasis-soft);
--esim-list-card-button-soft-label-style: var(--typography-body-strong);
/* ---- EsimCard: design/component/EsimTokens.kt, object EsimCardTokens ---- */
--esim-card-radius: var(--radius-card);
--esim-card-fill: var(--palette-surface);
--esim-card-padding: 20px;
--esim-card-name-style: var(--typography-heading);
--esim-card-name-color: var(--palette-brand);
--esim-card-name-to-pill: var(--spacing-sm);
--esim-card-name-to-figures: 15px;
--esim-card-figures-height: 16px;
--esim-card-total-style: var(--typography-label-bold);
--esim-card-used-style: var(--typography-label);
--esim-card-figures-color: var(--palette-text-emphasis);
--esim-card-marker-width: 11.8px;
--esim-card-marker-height: 10.75px;
--esim-card-marker-tint: var(--palette-brand);
--esim-card-marker-to-used: 4px;
--esim-card-figures-to-bar: 7px;
--esim-card-bar-height: 10px;
--esim-card-bar-track: var(--palette-background);
--esim-card-bar-fill-low: var(--palette-brand);
--esim-card-bar-fill-medium: var(--palette-warning);
--esim-card-bar-fill-high: var(--palette-error);
--esim-card-to-bottom-line: var(--spacing-sm);
--esim-card-bottom-line-style: var(--typography-label);
--esim-card-bottom-line-color: var(--palette-text-emphasis);
--esim-card-bottom-line-to-caption: 6px;
--esim-card-caption-style: var(--typography-caption);
--esim-card-caption-color: var(--palette-text-secondary);
--esim-card-to-buttons: 16px;
--esim-card-button-gap: var(--spacing-sm);
--esim-card-primary-button-height: 60px;
--esim-card-primary-button-radius: var(--radius-md);
--esim-card-primary-button-horizontal-padding: 50px;
--esim-card-primary-button-fill: var(--palette-brand);
--esim-card-primary-button-label-color: var(--palette-on-brand);
--esim-card-primary-button-label-style: var(--typography-body-strong);
--esim-card-secondary-button-height: 60px;
--esim-card-secondary-button-radius: var(--radius-md);
--esim-card-secondary-button-horizontal-padding: 50px;
--esim-card-secondary-button-fill: var(--palette-text-muted);
--esim-card-secondary-button-label-color: var(--palette-on-brand);
--esim-card-secondary-button-label-style: var(--typography-body-strong);
/* ---- EsimSummary: design/component/EsimTokens.kt, object EsimSummaryTokens ---- */
--esim-summary-height: 75px;
--esim-summary-radius: var(--radius-card);
--esim-summary-fill: var(--palette-brand);
--esim-summary-column-width: 100px;
--esim-summary-column-inset: 15px;
--esim-summary-label-top: 15px;
--esim-summary-label-style: var(--typography-caption-medium);
--esim-summary-label-color: var(--palette-on-brand);
--esim-summary-value-top: 39px;
--esim-summary-value-style: var(--typography-body-bold);
--esim-summary-value-color: var(--palette-on-brand);
--esim-summary-min-text-scale: var(--sizing-min-text-scale);
--esim-summary-arrow-width: 20px;
--esim-summary-arrow-height: 15px;
--esim-summary-arrow-trailing-inset: var(--spacing-lg);
--esim-summary-arrow-tint: var(--palette-on-brand-soft);
/* ---- StatusPill: design/component/EsimTokens.kt, object StatusPillTokens ---- */
--status-pill-height: 24px;
--status-pill-radius: 12px;
--status-pill-padding: 9px;
--status-pill-dot-size: 10px;
--status-pill-dot-color: var(--palette-on-brand);
--status-pill-dot-to-label: 5px;
--status-pill-label-style: var(--typography-caption-strong);
--status-pill-label-color: var(--palette-on-brand);
--status-pill-fill-positive: var(--palette-positive);
--status-pill-fill-neutral: var(--palette-inactive);
--status-pill-fill-ended: var(--palette-inactive);
/* ---- UsageCaption: design/component/EsimTokens.kt, object UsageCaptionTokens ---- */
--usage-caption-top-gap: var(--spacing-xs);
--usage-caption-style: var(--typography-caption);
--usage-caption-color: var(--palette-text-secondary);
/* ---- ActionRow: design/component/EsimTokens.kt, object ActionRowTokens ---- */
--action-row-height: 70px;
--action-row-radius: var(--radius-md);
--action-row-fill: var(--palette-surface);
--action-row-gap: var(--spacing-sm);
--action-row-icon-box: 30px;
--action-row-icon-leading-inset: var(--spacing-lg);
--action-row-icon-tint: var(--palette-text-emphasis);
--action-row-icon-to-text: var(--spacing-sm);
--action-row-title-top: 15px;
--action-row-title-style: var(--typography-title-bold);
--action-row-title-color: var(--palette-brand);
--action-row-subtitle-top: 41px;
--action-row-subtitle-style: var(--typography-caption-medium);
--action-row-subtitle-color: var(--palette-text-emphasis);
--action-row-arrow-width: 20px;
--action-row-arrow-height: 15px;
--action-row-arrow-trailing-inset: var(--spacing-lg);
--action-row-arrow-tint: var(--palette-icon-muted);
--action-row-value-to-arrow: var(--spacing-sm);
--action-row-value-style: var(--typography-label);
--action-row-value-color: var(--palette-text-secondary);
--action-row-destructive-color: var(--palette-error);
/* ---- LinkRow: design/component/GlobalPlanTokens.kt, object LinkRowTokens ---- */
--link-row-height: 60px;
--link-row-radius: var(--radius-card);
--link-row-fill: var(--palette-surface);
--link-row-gap: var(--spacing-sm);
--link-row-icon-size: 20px;
--link-row-icon-tint: var(--palette-brand);
--link-row-icon-inset: var(--spacing-lg);
--link-row-icon-to-label: var(--spacing-sm);
--link-row-label-style: var(--typography-body-medium);
--link-row-label-color: var(--palette-text-emphasis);
--link-row-arrow-width: 20px;
--link-row-arrow-height: 15px;
--link-row-arrow-tint: var(--palette-icon-muted);
--link-row-arrow-trailing-inset: var(--spacing-lg);
/* ---- SelectableRow: design/component/SelectableRowTokens.kt, object SelectableRowTokens ---- */
--selectable-row-height: 60px;
--selectable-row-radius: 15px;
--selectable-row-fill: var(--palette-surface);
--selectable-row-image-size: 30px;
--selectable-row-image-inset: 15px;
--selectable-row-image-to-label: var(--spacing-sm);
--selectable-row-label-color: var(--palette-text-emphasis);
--selectable-row-label-style: var(--typography-title);
--selectable-row-mark-size: 24px;
--selectable-row-mark-inset: var(--spacing-lg);
--selectable-row-mark-off-fill: var(--palette-background);
/* ---- Notice: design/component/EsimTokens.kt, object NoticeTokens ---- */
--notice-radius: var(--radius-md);
--notice-padding: 15px;
--notice-fill: var(--palette-brand-wash);
--notice-text-style: var(--typography-label);
--notice-text-color: var(--palette-text-emphasis);
/* ---- PriceBar: design/component/PriceBarTokens.kt, object PriceBarTokens ---- */
--price-bar-fill: var(--palette-brand);
--price-bar-top-radius: var(--radius-lg);
--price-bar-button-height: 60px;
--price-bar-button-radius: var(--radius-card);
--price-bar-button-horizontal-padding: 50px;
--price-bar-button-fill: var(--palette-on-brand);
--price-bar-button-label-color: var(--palette-brand);
--price-bar-button-label-style: var(--typography-body-strong);
--price-bar-button-width: 240px;
--price-bar-button-top: 15px;
--price-bar-button-trailing-inset: 15px;
--price-bar-bottom-padding: 5px;
--price-bar-height: 80px;
--price-bar-text-inset: 30px;
--price-bar-label-top: 19px;
--price-bar-label-style: var(--typography-caption-medium);
--price-bar-price-top: 43px;
--price-bar-price-style: var(--typography-title-large);
--price-bar-text-color: var(--palette-on-brand);
--price-bar-min-gap: var(--spacing-lg);
/* ---- Sheet: design/component/SheetTokens.kt, object SheetTokens ---- */
--sheet-scrim: var(--palette-scrim);
--sheet-fill: var(--palette-background);
--sheet-radius: var(--radius-lg);
--sheet-side-inset: var(--spacing-screen-margin);
--sheet-bottom-inset: 42px;
--sheet-bottom-safe-gap: 6px;
--sheet-open-millis: var(--motion-sheet-millis);
--sheet-touch-guard-millis: var(--motion-arrival-guard-millis);
--sheet-button-height: 60px;
--sheet-button-radius: var(--radius-card);
--sheet-button-horizontal-padding: 50px;
--sheet-button-fill: var(--palette-brand);
--sheet-button-label-color: var(--palette-on-brand);
--sheet-button-label-style: var(--typography-body-strong);
--sheet-button-inset: var(--spacing-lg);
--sheet-button-to-text-button: 20px;
--sheet-text-button-style: var(--typography-body-strong);
--sheet-text-button-color: var(--palette-text-emphasis-soft);
--sheet-text-button-touch-height: var(--sizing-min-touch-target);
--sheet-ending-bottom: 20px;
/* ---- ResultSheet: design/component/SheetTokens.kt, object ResultSheetTokens ---- */
--result-sheet-text-inset: var(--spacing-lg);
--result-sheet-title-style: var(--typography-price);
--result-sheet-title-color: var(--palette-brand);
--result-sheet-body-style: var(--typography-label-tall);
--result-sheet-body-color: var(--palette-text-muted);
--result-sheet-body-to-order-line: 20px;
--result-sheet-order-line-style: var(--typography-label-tall);
--result-sheet-order-line-color: var(--palette-text-emphasis-soft);
--result-sheet-body-to-note: 30px;
--result-sheet-note-inset: var(--spacing-lg);
--result-sheet-note-min-height: 48px;
--result-sheet-note-padding-vertical: 17px;
--result-sheet-note-radius: var(--radius-md);
--result-sheet-note-fill: var(--palette-surface);
--result-sheet-note-icon-size: 18px;
--result-sheet-note-icon-inset: 15px;
--result-sheet-note-icon-tint: var(--palette-brand);
--result-sheet-note-icon-to-text: 10px;
--result-sheet-note-text-trailing-inset: 15px;
--result-sheet-note-text-style: var(--typography-caption-strong);
--result-sheet-note-text-color: var(--palette-text-emphasis);
--result-sheet-to-help: var(--spacing-xs);
--result-sheet-help-color: var(--palette-brand);
--result-sheet-order-line-to-button: 30px;
--result-sheet-note-to-button: 20px;
--result-sheet-body-to-button: 30px;
--result-sheet-succeeded-picture-width: 80px;
--result-sheet-succeeded-picture-height: 80px;
--result-sheet-succeeded-picture-top: 30px;
--result-sheet-succeeded-picture-to-title: 15px;
--result-sheet-succeeded-title-to-body: 20px;
--result-sheet-succeeded-body-width: 301px;
--result-sheet-failed-picture-width: 96px;
--result-sheet-failed-picture-height: 90px;
--result-sheet-failed-picture-top: 31px;
--result-sheet-failed-picture-to-title: 11px;
--result-sheet-failed-title-to-body: 15px;
--result-sheet-failed-body-width: 252px;
/* ---- ConfirmDialog: design/component/ConfirmDialogTokens.kt, object ConfirmDialogTokens ---- */
--confirm-dialog-fill: var(--palette-background);
--confirm-dialog-radius: var(--radius-card);
--confirm-dialog-title-style: var(--typography-title);
--confirm-dialog-title-color: var(--palette-text-emphasis);
--confirm-dialog-body-style: var(--typography-body);
--confirm-dialog-body-color: var(--palette-text-secondary);
--confirm-dialog-button-style: var(--typography-body-strong);
--confirm-dialog-confirm-color: var(--palette-brand);
--confirm-dialog-cancel-color: var(--palette-text-secondary);
--confirm-dialog-destructive-color: var(--palette-error);
/* ---- StatusMessage: design/component/StatusMessageTokens.kt, object StatusMessageTokens ---- */
--status-message-message-style: var(--typography-body);
--status-message-message-color: var(--palette-text-secondary);
--status-message-message-to-detail: var(--spacing-xs);
--status-message-detail-style: var(--typography-label);
--status-message-detail-color: var(--palette-text-secondary);
--status-message-text-to-action: var(--spacing-sm);
--status-message-action-color: var(--palette-brand);
--status-message-top-gap: 40px;
/* ---- SectionHeader: design/component/SectionHeaderTokens.kt, object SectionHeaderTokens ---- */
--section-header-height: 30px;
--section-header-home-icon-width: 30px;
--section-header-home-icon-height: 30px;
--section-header-home-icon-tint: var(--palette-brand);
--section-header-home-icon-to-title: 5px;
--section-header-home-title-style: var(--typography-title);
--section-header-home-title-color: var(--palette-text-muted);
--section-header-plans-icon-width: 28px;
--section-header-plans-icon-height: 30px;
--section-header-plans-icon-tint: var(--palette-brand);
--section-header-plans-icon-to-title: 10px;
--section-header-plans-title-style: var(--typography-title);
--section-header-plans-title-color: var(--palette-text-emphasis);
--section-header-family-icon-width: 30px;
--section-header-family-icon-height: 30px;
--section-header-family-icon-tint: var(--palette-brand);
--section-header-family-icon-to-title: 10px;
--section-header-family-title-style: var(--typography-title);
--section-header-family-title-color: var(--palette-text-muted);
--section-header-arrow-width: 20px;
--section-header-arrow-height: 15px;
--section-header-arrow-tint: var(--palette-icon-muted);
--section-header-arrow-trailing-inset: 20px;
--section-header-arrow-touch-target: var(--sizing-min-touch-target);
/* ---- ScreenHeader: design/component/ScreenHeaderTokens.kt, object ScreenHeaderTokens ---- */
--screen-header-back-size: 16px;
--screen-header-back-top: 18px;
--screen-header-back-leading-inset: 15px;
--screen-header-back-tint: var(--palette-text-secondary);
--screen-header-back-touch-target: var(--sizing-min-touch-target);
--screen-header-back-leading-inset-form: 20px;
--screen-header-title-top: 15px;
--screen-header-title-height: 24px;
--screen-header-title-style: var(--typography-heading);
--screen-header-title-color: var(--palette-text-emphasis);
--screen-header-height: 39px;
/* ---- BottomBar: design/component/BottomBarTokens.kt, object BottomBarTokens ---- */
--bottom-bar-fill: var(--palette-surface);
--bottom-bar-top-radius: var(--radius-lg);
--bottom-bar-height: 60px;
--bottom-bar-side-margin: var(--spacing-screen-margin);
--bottom-bar-icon-size: 24px;
--bottom-bar-tint: var(--palette-brand);
--bottom-bar-icon-top: 31px;
--bottom-bar-selected-icon-top: 21px;
--bottom-bar-selected-label-top: 50px;
--bottom-bar-label-style: var(--typography-label);
/* ---- PageIndicator: design/component/PageIndicatorTokens.kt, object PageIndicatorTokens ---- */
--page-indicator-height: 10px;
--page-indicator-current-width: 40px;
--page-indicator-other-width: 10px;
--page-indicator-radius: 5px;
--page-indicator-gap: 6px;
--page-indicator-current-color: var(--palette-brand);
--page-indicator-other-color: var(--palette-inactive);
--page-indicator-change-millis: var(--motion-page-change-millis);
/* ---- NotificationOffer: design/component/SafetyTokens.kt, object NotificationOfferTokens ---- */
--notification-offer-fill: var(--palette-brand-wash);
--notification-offer-radius: var(--radius-card);
--notification-offer-padding: var(--spacing-md);
--notification-offer-icon-size: 22px;
--notification-offer-icon-tint: var(--palette-brand);
--notification-offer-icon-to-title: var(--spacing-xs);
--notification-offer-title-style: var(--typography-body-strong);
--notification-offer-title-color: var(--palette-text-emphasis);
--notification-offer-title-to-body: var(--spacing-xxs);
--notification-offer-body-style: var(--typography-label);
--notification-offer-body-color: var(--palette-text-primary);
--notification-offer-body-to-buttons: var(--spacing-md);
--notification-offer-button-gap: var(--spacing-xs);
--notification-offer-allow-button-height: 60px;
--notification-offer-allow-button-radius: var(--radius-md);
--notification-offer-allow-button-horizontal-padding: 50px;
--notification-offer-allow-button-fill: var(--palette-brand);
--notification-offer-allow-button-label-color: var(--palette-on-brand);
--notification-offer-allow-button-label-style: var(--typography-body-strong);
--notification-offer-later-button-height: 60px;
--notification-offer-later-button-radius: var(--radius-md);
--notification-offer-later-button-horizontal-padding: 50px;
--notification-offer-later-button-fill: var(--palette-background);
--notification-offer-later-button-label-color: var(--palette-brand);
--notification-offer-later-button-label-style: var(--typography-body-strong);
--notification-offer-button-label-inset: 10px;
--notification-offer-outer-gap: var(--spacing-lg);
}
/*
* 1298 properties. Left out, because they are not CSS values (icons, pictures,
* switches, rules written as code): 29 tokens of the objects above.
* `python3 scripts/build-tokens.py --left-out` lists them.
*/
/* ==== type.css ==== */
/*
* One class per text style of the shared type scale.
*
* WRITTEN BY scripts/build-tokens.py from design/Typography.kt. Do not edit.
*
* ...
*
* A style is a size, a weight and the height of one line, never a face: the
* face follows the language (base.css). The line heights are the design's own,
* drawn for a single line. Text that runs over several lines takes a style
* made for it (type-body-loose, type-label-tall, type-caption-loose) or .prose.
*/
.type-display { font: var(--typography-display) var(--font-family); }
.type-headline { font: var(--typography-headline) var(--font-family); }
.type-button { font: var(--typography-button) var(--font-family); }
.type-title { font: var(--typography-title) var(--font-family); }
.type-subhead { font: var(--typography-subhead) var(--font-family); }
.type-body { font: var(--typography-body) var(--font-family); }
.type-body-strong { font: var(--typography-body-strong) var(--font-family); }
.type-label { font: var(--typography-label) var(--font-family); }
.type-caption { font: var(--typography-caption) var(--font-family); }
.type-headline-bold { font: var(--typography-headline-bold) var(--font-family); }
.type-title-large { font: var(--typography-title-large) var(--font-family); }
.type-price { font: var(--typography-price) var(--font-family); }
.type-heading { font: var(--typography-heading) var(--font-family); }
.type-title-bold { font: var(--typography-title-bold) var(--font-family); }
.type-body-medium { font: var(--typography-body-medium) var(--font-family); }
.type-label-strong { font: var(--typography-label-strong) var(--font-family); }
.type-label-bold { font: var(--typography-label-bold) var(--font-family); }
.type-label-regular { font: var(--typography-label-regular) var(--font-family); }
.type-caption-medium { font: var(--typography-caption-medium) var(--font-family); }
.type-caption-strong { font: var(--typography-caption-strong) var(--font-family); }
.type-micro { font: var(--typography-micro) var(--font-family); }
.type-hero { font: var(--typography-hero) var(--font-family); }
.type-subhead-large { font: var(--typography-subhead-large) var(--font-family); }
.type-body-bold { font: var(--typography-body-bold) var(--font-family); }
.type-label-tall { font: var(--typography-label-tall) var(--font-family); }
.type-label-tall-bold { font: var(--typography-label-tall-bold) var(--font-family); }
.type-micro-strong { font: var(--typography-micro-strong) var(--font-family); }
.type-screen-title { font: var(--typography-screen-title) var(--font-family); }
.type-figure { font: var(--typography-figure) var(--font-family); }
.type-caption-tall { font: var(--typography-caption-tall) var(--font-family); }
.type-caption-tall-strong { font: var(--typography-caption-tall-strong) var(--font-family); }
.type-caption-loose { font: var(--typography-caption-loose) var(--font-family); }
.type-numeral-medium { font: var(--typography-numeral-medium) var(--font-family); }
.type-stat-number { font: var(--typography-stat-number) var(--font-family); }
.type-stat-unit { font: var(--typography-stat-unit) var(--font-family); }
.type-stat-sign { font: var(--typography-stat-sign) var(--font-family); }
.type-caption-bold { font: var(--typography-caption-bold) var(--font-family); }
.type-micro-regular { font: var(--typography-micro-regular) var(--font-family); }
.type-body-loose { font: var(--typography-body-loose) var(--font-family); }
/* ==== icons.css ==== */
/*
* One class per icon. WRITTEN BY scripts/icons-css.py from assets/icons: do not
* edit it. Add the icon to mobile/design-assets/icons and run scripts/sync-assets.sh.
*
*
*
* The class is the file's name with dashes, which is the MaakIcon entry in
* kebab case: arrow_forward.svg, MaakIcon.ArrowForward, .icon--arrow-forward.
* The drawing is a mask (kit.css, .icon), so the icon takes the colour of the
* text around it. It is written into this file because a browser refuses a
* mask from another file when the page is opened from the disk.
*/
.icon--add-circle { --icon: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M11 0C8.82441 0 6.69767 0.645139 4.88873 1.85383C3.07979 3.06253 1.66989 4.78049 0.83733 6.79048C0.00476617 8.80047 -0.213071 11.0122 0.211367 13.146C0.635804 15.2798 1.68345 17.2398 3.22183 18.7782C4.76021 20.3166 6.72022 21.3642 8.85401 21.7886C10.9878 22.2131 13.1995 21.9952 15.2095 21.1627C17.2195 20.3301 18.9375 18.9202 20.1462 17.1113C21.3549 15.3023 22 13.1756 22 11C22 8.08262 20.8411 5.28473 18.7782 3.22183C16.7153 1.15893 13.9174 0 11 0ZM16 12H12V16C12 16.2652 11.8946 16.5196 11.7071 16.7071C11.5196 16.8946 11.2652 17 11 17C10.7348 17 10.4804 16.8946 10.2929 16.7071C10.1054 16.5196 10 16.2652 10 16V12H6C5.73479 12 5.48043 11.8946 5.2929 11.7071C5.10536 11.5196 5 11.2652 5 11C5 10.7348 5.10536 10.4804 5.2929 10.2929C5.48043 10.1054 5.73479 10 6 10H10V6C10 5.73478 10.1054 5.48043 10.2929 5.29289C10.4804 5.10536 10.7348 5 11 5C11.2652 5 11.5196 5.10536 11.7071 5.29289C11.8946 5.48043 12 5.73478 12 6V10H16C16.2652 10 16.5196 10.1054 16.7071 10.2929C16.8946 10.4804 17 10.7348 17 11C17 11.2652 16.8946 11.5196 16.7071 11.7071C16.5196 11.8946 16.2652 12 16 12Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--arrow-back { --icon: url("data:image/svg+xml,%3Csvg width='16.0001' height='16' viewBox='0 0 16.0001 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M14.7099 9.29787C15.4224 9.29787 16.0001 8.72017 16.0001 8.00753C16.0001 7.2949 15.4224 6.7172 14.7099 6.7172L3.35618 6.7172C2.64363 6.7172 2.06599 7.2949 2.06599 8.00753C2.06599 8.72017 2.64363 9.29787 3.35618 9.29787H14.7099Z' fill='white'/%3E%3Cpath d='M8.86583 14.0492C8.97279 14.1548 9.05772 14.2806 9.11569 14.4194C9.17365 14.5581 9.2035 14.7069 9.2035 14.8572C9.2035 15.0076 9.17365 15.1564 9.11569 15.2951C9.05772 15.4338 8.97279 15.5596 8.86583 15.6652C8.64944 15.8797 8.35713 16 8.05249 16C7.74786 16 7.45555 15.8797 7.23916 15.6652L0.338695 8.80838C0.128134 8.60099 0.00672785 8.31966 0.000271301 8.02417C-0.00618525 7.72868 0.102817 7.44231 0.304118 7.22591L6.62967 0.370616C6.8366 0.147034 7.12345 0.014223 7.42779 0.00107738C7.73214 -0.0120683 8.02936 0.0955154 8.2548 0.300422C8.36635 0.401268 8.45677 0.523274 8.52079 0.659355C8.58482 0.795437 8.62117 0.942881 8.62775 1.09313C8.63433 1.24338 8.611 1.39344 8.55911 1.5346C8.50723 1.67575 8.42782 1.80519 8.3255 1.91541L2.74361 7.96554L8.86583 14.0492Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--arrow-forward { --icon: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3519 0.110146L11.7759 0.694977C11.6313 0.84184 11.6313 1.07995 11.7759 1.22681L17.1763 6.71022H0.370356C0.165814 6.71022 0 6.87859 0 7.08628V7.91353C0 8.12122 0.165814 8.28959 0.370356 8.28959H17.1763L11.7759 13.7732C11.6313 13.9201 11.6313 14.1582 11.7759 14.305L12.3518 14.8899C12.4965 15.0367 12.731 15.0367 12.8756 14.8899L19.8915 7.76582C20.0362 7.61896 20.0362 7.38085 19.8915 7.23399L12.8756 0.110143C12.731 -0.0367156 12.4965 -0.0367142 12.3519 0.110146Z' fill='white'/%3E%3C/svg%3E"); }
.icon--arrow-right-small { --icon: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6725 6.29169L15.2282 10.6912C15.0187 10.8916 14.738 11.0025 14.4467 11C14.1554 10.9975 13.8767 10.8818 13.6707 10.6778C13.4647 10.4739 13.3479 10.1981 13.3453 9.90967C13.3428 9.62128 13.4548 9.34344 13.6572 9.136L16.206 6.61286H1.11106C0.81639 6.61286 0.533787 6.49697 0.325423 6.2907C0.117058 6.08444 0 5.80467 0 5.51297C0 5.22126 0.117058 4.9415 0.325423 4.73523C0.533787 4.52896 0.81639 4.41308 1.11106 4.41308H16.206L13.6583 1.89103C13.5522 1.78957 13.4675 1.6682 13.4093 1.53401C13.3511 1.39982 13.3204 1.25549 13.3191 1.10945C13.3179 0.963405 13.346 0.818572 13.4018 0.683399C13.4577 0.548227 13.5402 0.425422 13.6445 0.32215C13.7488 0.218878 13.8729 0.137208 14.0094 0.0819048C14.146 0.0266013 14.2923 -0.00122754 14.4398 4.15286e-05C14.5873 0.0013106 14.7331 0.0316525 14.8687 0.0892966C15.0042 0.146941 15.1268 0.230733 15.2293 0.335784L19.6736 4.73534C19.7771 4.83751 19.8591 4.95889 19.9152 5.09251C19.9712 5.22614 20 5.36939 20 5.51407C20 5.65874 19.9712 5.80199 19.9152 5.93562C19.8591 6.06924 19.7771 6.19062 19.6736 6.29279L19.6725 6.29169Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--arrows-up-down { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.23237 12.8632C6.23237 13.3538 5.94987 13.7726 5.50918 13.9282C5.40749 13.9761 5.29449 14 5.15889 14C4.8312 14 4.52611 13.8444 4.33401 13.5573L1.47518 9.7282L0.23221 8.02906C-0.140681 7.55043 -0.0502837 6.82051 0.401705 6.44957C0.864994 6.0547 1.54298 6.15043 1.89327 6.64103L3.49783 8.79487L4.10802 9.60855V1.11282C4.10802 0.813675 4.22101 0.538461 4.41311 0.323077C4.6165 0.119658 4.8764 0 5.15889 0C5.75778 0 6.22107 0.51453 6.22107 1.11282V1.08889L6.23237 12.8632ZM13.5885 7.55043C13.1252 7.89744 12.4811 7.78974 12.1195 7.33504L11.611 6.66496L9.90478 4.36752V12.8632C9.90478 13.4855 9.44149 13.9761 8.8426 14C8.56011 14 8.30022 13.8803 8.09682 13.6769C7.90473 13.4615 7.79173 13.1863 7.79173 12.8872V1.11282C7.79173 0.813675 7.90473 0.538461 8.09682 0.323077C8.30022 0.119658 8.56011 0 8.8426 0C9.1816 0 9.48669 0.155555 9.67878 0.442735L12.4472 4.15214L13.7806 5.97094C13.9614 6.19829 14.0179 6.49744 13.9953 6.80855C13.9614 7.10769 13.8258 7.35897 13.5885 7.55043Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--badge-bars { --icon: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.93 3.19944C13.853 2.49167 13.699 1.92111 13.356 1.43722C13.146 1.14111 12.894 0.881111 12.607 0.664444C12.138 0.310556 11.578 0.151667 10.892 0.0722222C10.227 1.61429e-08 9.38 0 8.302 0H5.474C4.641 0.00722222 3.85 0.346667 3.262 0.953333L0.930996 3.35833C0.342996 3.965 0.007 4.78833 0 5.64778V5.93667C0 7.04889 -1.06916e-06 9.1 0.069999 9.79333C0.146999 10.5011 0.300999 11.0717 0.643999 11.5628C0.650999 11.57 0.658 11.5844 0.672 11.5917C0.875 11.8733 1.12 12.1261 1.393 12.3283C1.869 12.6894 2.422 12.8483 3.108 12.9206C3.78 13 4.62 13 5.698 13H8.302C9.38 13 10.227 13 10.892 12.9206C11.578 12.8483 12.138 12.6894 12.607 12.3283C12.894 12.1189 13.146 11.8589 13.356 11.5628C13.867 10.8333 13.965 9.90889 13.993 8.60167C14 8.16111 14 8.37778 14 7.81444V7.78556C14 6.66611 14 3.89278 13.93 3.19944ZM7.084 9.67778C7.084 10.0967 6.755 10.4289 6.356 10.4289C5.957 10.4289 5.628 10.0967 5.628 9.67778V7.88667C5.628 7.46778 5.957 7.13556 6.356 7.13556C6.755 7.13556 7.084 7.46778 7.084 7.88667V9.67778ZM9.296 9.67778C9.296 10.0967 8.974 10.4289 8.568 10.4289C8.162 10.4289 7.84 10.0967 7.84 9.67778V6.71667C7.84 6.305 8.169 5.97278 8.568 5.97278C8.967 5.97278 9.296 6.305 9.296 6.71667V9.67778ZM11.515 9.67778C11.515 10.0967 11.186 10.4289 10.787 10.4289C10.388 10.4289 10.059 10.0967 10.059 9.67778V5.09167C10.059 4.68 10.388 4.34056 10.787 4.34056C11.186 4.34056 11.515 4.68 11.515 5.09167V9.67778Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--badge-bookmark { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C2.62 0 0 2.62 0 10C0 17.38 2.62 20 10 20C17.38 20 20 17.38 20 10C20 2.62 17.38 0 10 0ZM13.82 14.3C13.82 14.51 13.7 14.71 13.51 14.81C13.32 14.91 13.1 14.9 12.92 14.78L10.32 13.05C10.32 13.05 10.29 13.03 10.27 13.03C10.09 12.92 9.86 12.93 9.69 13.05L7.98 14.19L7.09 14.78C6.91 14.9 6.68 14.91 6.5 14.81C6.31 14.7 6.19 14.51 6.19 14.3V6.41C6.19 6.07 6.33 5.74 6.56 5.51C6.79 5.28 7.12 5.14 7.46 5.14H12.54C12.88 5.14 13.21 5.28 13.44 5.51C13.67 5.74 13.81 6.07 13.81 6.41V14.3H13.82Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--badge-check { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.99 9.49C19.94 6.24 19.35 3.83 17.76 2.24C16.17 0.66 13.76 0.06 10.51 0.01C10.34 0 10.17 0 10 0C9.83 0 9.66 0 9.49 0.01C6.24 0.06 3.83 0.65 2.24 2.24C0.66 3.83 0.06 6.24 0.01 9.49C0 9.66 0 9.83 0 10C0 10.17 0 10.34 0.01 10.51C0.06 13.76 0.65 16.17 2.24 17.76C3.83 19.35 6.24 19.94 9.49 19.99C9.66 20 9.83 20 10 20C10.17 20 10.34 20 10.51 19.99C13.76 19.94 16.17 19.35 17.76 17.76C19.34 16.17 19.94 13.76 19.99 10.51C20 10.34 20 10.17 20 10C20 9.83 20 9.66 19.99 9.49ZM9.5 13.9C9.1 14.26 8.49 14.25 8.1 13.87L5.23 11C4.77 10.54 4.77 9.8 5.23 9.34C5.69 8.88 6.43 8.88 6.89 9.34L8.86 11.31L13.6 6.99C14.08 6.55 14.82 6.59 15.26 7.07C15.7 7.55 15.66 8.29 15.18 8.73L9.49 13.9H9.5Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--badge-check-corner { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5333 5.54167L11 14.4333C10.7583 14.6917 10.4083 14.8333 10.05 14.8333C9.69167 14.8333 9.35 14.6917 9.1 14.4333L3.98333 9.125C3.475 8.6 3.49167 7.76667 4.01667 7.25833C4.54167 6.75833 5.375 6.76667 5.88333 7.29167L10.05 11.6167L18.225 3.09167C18.275 3.04167 18.325 2.99167 18.3833 2.95833C16.875 0.85 14.2167 0 10 0C2.61667 0 0 2.61667 0 10C0 17.3833 2.61667 20 10 20C17.3833 20 20 17.3833 20 10C20 8.25833 19.85 6.78333 19.5333 5.54167Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--badge-data-transfer { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.76 2.24C16.09 0.58 13.51 0 10 0C6.49 0 3.91 0.57 2.24 2.24C0.58 3.91 0 6.49 0 10C0 13.51 0.57 16.09 2.24 17.76C3.91 19.43 6.49 20 10 20C13.51 20 16.09 19.43 17.76 17.76C19.42 16.09 20 13.51 20 10C20 6.49 19.43 3.91 17.76 2.24ZM9.32 14.9C9.32 15.31 9.07 15.66 8.68 15.79C8.59 15.83 8.49 15.85 8.37 15.85C8.08 15.85 7.81 15.72 7.64 15.48L5.11 12.28L4.01 10.86C3.68 10.46 3.76 9.85 4.16 9.54C4.57 9.21 5.17 9.29 5.48 9.7L6.9 11.5L7.44 12.18V5.08C7.44 4.83 7.54 4.6 7.71 4.42C7.89 4.25 8.12 4.15 8.37 4.15C8.9 4.15 9.31 4.58 9.31 5.08V5.06L9.32 14.9ZM15.83 10.46C15.42 10.75 14.85 10.66 14.53 10.28L14.08 9.72L12.57 7.8V14.9C12.57 15.42 12.16 15.83 11.63 15.85C11.38 15.85 11.15 15.75 10.97 15.58C10.8 15.4 10.7 15.17 10.7 14.92V5.08C10.7 4.83 10.8 4.6 10.97 4.42C11.15 4.25 11.38 4.15 11.63 4.15C11.93 4.15 12.2 4.28 12.37 4.52L14.82 7.62L16 9.14C16.16 9.33 16.21 9.58 16.19 9.84C16.16 10.09 16.04 10.3 15.83 10.46Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--badge-global { --icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8253 0.684986C25.4853 -2.17096 36.459 4.16506 39.315 14.8253C42.171 25.4855 35.8349 36.459 25.1747 39.315C14.5145 42.171 3.541 35.8349 0.685003 25.1747C-2.17099 14.5145 4.16507 3.54098 14.8253 0.684986ZM3.03781 11.6553C3.03781 11.6553 5.26908 10.9358 5.8876 10.8918C6.2185 10.8678 6.41793 11.3966 6.74911 11.3895C7.24353 11.378 8.39784 11.1015 8.85454 10.8255C9.21368 10.608 9.1794 9.9683 9.48483 9.73283C9.79071 9.49762 10.4423 9.29533 10.6888 9.41027C10.9343 9.52587 10.7174 10.1739 10.9609 10.426C11.2705 10.7477 12.0796 11.2441 12.5476 11.3424C12.9588 11.4286 13.4785 10.7511 13.7677 11.0155C14.0562 11.2786 14.4286 12.2821 14.279 12.9237C14.0968 13.7056 13.1544 15.1826 12.6739 15.703C12.3737 16.0283 11.6853 15.7153 11.3934 16.0461C10.8683 16.643 10.1158 18.6664 9.52619 19.2799C9.12573 19.6967 8.25165 19.4453 7.85231 19.7283C7.46017 20.0067 7.19779 20.5652 7.13219 20.9771C7.06627 21.3879 7.20654 21.8798 7.45926 22.1979C7.71154 22.5158 8.29053 22.8127 8.64771 22.8841C8.97065 22.9497 9.28781 22.5324 9.60233 22.6284C10.0965 22.7798 10.8421 23.7375 11.6147 23.7913C12.4574 23.8493 13.9074 22.9706 14.6579 22.976C15.2203 22.9797 15.7134 23.7221 16.1188 23.8198C16.4462 23.8977 16.7738 23.4561 17.0942 23.5585C17.6251 23.7274 18.7053 24.6837 19.3044 24.8344C19.7677 24.9509 20.2838 24.4237 20.6901 24.4631C21.092 24.5014 21.5225 24.8104 21.7399 25.0687C21.9494 25.3187 22.0799 25.6996 21.9931 26.0135C21.8708 26.4552 21.1133 27.2084 21.0099 27.7164C20.917 28.1718 21.4534 28.606 21.371 29.0644C21.2854 29.5413 20.5927 30.1389 20.4968 30.5789C20.4149 30.9559 20.9298 31.3355 20.7972 31.6999C20.526 32.4426 19.0806 34.0702 18.8691 35.0387C18.6881 35.8696 19.5775 37.0519 19.5299 37.5055C19.4961 37.8291 18.9048 37.8239 18.5843 37.7588C18.2271 37.6843 17.5569 37.4942 17.3842 37.0649C16.8759 35.7986 16.4116 31.638 15.5338 30.1584C14.8647 29.0292 12.7691 28.809 12.1227 28.1885C11.6863 27.7698 11.6577 26.8556 11.6531 26.4359C11.6499 26.1406 12.0576 25.9305 12.0954 25.6693C12.1331 25.4074 12.0876 25.0507 11.8805 24.867C11.5138 24.5417 10.4718 23.8462 9.89567 23.721C9.39934 23.6133 8.9003 24.293 8.42369 24.1154C7.40278 23.7327 4.59165 22.0592 3.76586 21.426C3.46131 21.1918 3.71387 20.6081 3.46785 20.3136C3.21582 20.0111 2.51618 19.9551 2.25319 19.6116C1.98967 19.2691 1.82587 18.6965 1.88963 18.2546C1.9535 17.8132 2.61224 17.4592 2.63537 16.962C2.66286 16.3847 2.19076 15.1415 2.05351 14.7902C2.02316 14.7128 1.81351 14.8545 1.81351 14.8545C2.12501 13.7505 2.53593 12.6796 3.03781 11.6553ZM37.1326 11.8527C37.1326 11.8527 35.4521 12.4731 34.8752 12.4575C34.4122 12.4452 33.9185 11.7969 33.6713 11.7623C33.4849 11.7364 33.2673 12.1085 33.389 12.2511C33.5725 12.4657 34.4342 12.9457 34.7725 13.0499C34.9877 13.1158 35.2041 12.8311 35.4238 12.8754C35.6693 12.9263 36.2943 13.0372 36.2453 13.35C36.1783 13.7826 35.3595 15.0829 35.0201 15.473C34.836 15.6844 34.4774 15.7659 34.2077 15.6907C33.8248 15.5838 33.003 15.105 32.7199 14.8316C32.5269 14.6446 32.7096 14.2325 32.5106 14.0502C32.1891 13.7543 31.1556 13.0874 30.7904 13.0566C30.4797 13.0312 30.189 13.6105 30.3226 13.8677C30.4561 14.1246 31.3426 14.3388 31.5913 14.6003C31.7899 14.8081 31.5995 15.2431 31.8146 15.4338C32.1915 15.7683 33.2614 16.479 33.8483 16.6083C34.3496 16.7189 35.0379 16.0874 35.3364 16.2096C35.635 16.3321 35.7643 16.9729 35.6404 17.3442C35.4168 18.0071 34.153 19.2779 33.9962 20.1902C33.8427 21.0846 34.7359 22.1175 34.7006 22.8194C34.6699 23.4291 33.8919 23.9703 33.785 24.4052C33.7006 24.747 34.1624 25.0892 34.0585 25.4259C33.8951 25.9587 33.1946 27.1892 32.803 27.6003C32.5426 27.8745 32.0394 27.9308 31.7083 27.8935C31.377 27.8572 30.9982 27.6706 30.8179 27.38C30.597 27.0253 30.6325 26.1375 30.3859 25.7672C30.1611 25.4316 29.5514 25.4121 29.3358 25.161C29.1339 24.9263 29.0771 24.5144 29.0954 24.2635C29.1123 24.0306 29.4525 23.8902 29.4468 23.6564C29.4371 23.3009 29.3006 22.4999 29.0391 22.1345C28.7773 21.7699 28.1265 21.7898 27.8738 21.4617C27.622 21.1341 27.7971 20.5057 27.5271 20.1676C27.2577 19.8289 26.6207 19.5151 26.2557 19.4335C25.9465 19.3642 25.5511 19.5341 25.3381 19.6793C25.1403 19.8132 25.1863 20.1821 24.9796 20.3014C24.6938 20.465 24.0806 20.7733 23.6276 20.6636C23.0562 20.5244 22.0012 20.0446 21.554 19.4663C21.1076 18.8882 20.8469 17.9222 20.9461 17.1971C21.0451 16.4716 21.9787 15.5781 22.1481 15.1152C22.2301 14.8907 21.8479 14.5753 21.9623 14.4214C22.0753 14.2672 22.6113 14.395 22.8288 14.1893C23.0984 13.9334 23.1711 13.1773 23.5798 12.8875C23.9961 12.5931 25.0046 12.3903 25.3238 12.4203C25.5457 12.441 25.3447 12.9038 25.497 13.0667C25.683 13.2652 26.0784 13.6429 26.4398 13.6108C27.1837 13.5443 29.2931 12.9665 29.9622 12.6671C30.2603 12.5337 30.3999 12.0685 30.4523 11.8172C30.4991 11.5952 30.5019 11.1902 30.2765 11.1608C29.9816 11.1224 28.9732 11.6143 28.6805 11.5884C28.4801 11.5705 28.7225 11.0396 28.5239 11.0039C28.2919 10.9616 27.7008 11.44 27.2861 11.3355C26.7487 11.1991 25.7 10.2502 25.2946 10.1855C25.0051 10.1387 25.0974 10.7836 24.8543 10.9484C24.5915 11.1259 24.0047 10.9866 23.7172 11.2531C23.3723 11.5723 23.1899 12.5303 22.7858 12.8658C22.3893 13.1953 21.5848 13.3677 21.2912 13.2662C20.9967 13.1645 20.9942 12.5502 21.0212 12.2584C21.0475 11.973 21.2158 11.6768 21.451 11.5129C21.698 11.3424 22.3795 11.4717 22.503 11.231C22.6266 10.9908 22.1097 10.4615 22.1916 10.0687C22.2841 9.62464 22.9651 9.00861 23.0583 8.56775C23.1403 8.18112 22.6305 7.79901 22.7517 7.42348C22.9542 6.79203 23.7581 5.294 24.276 4.78361C24.6649 4.39985 25.3612 4.29532 25.859 4.3595C26.3568 4.42369 26.7249 5.12789 27.263 5.17014C27.8342 5.21541 28.8617 4.86505 29.2814 4.62939C29.5747 4.46531 29.7851 3.75703 29.7851 3.75703C32.9139 5.63737 35.5054 8.41788 37.1326 11.8527ZM11.1105 5.78343C11.2197 5.9163 11.9749 5.42245 12.3313 5.45636C12.6839 5.49014 13.0617 5.76512 13.2519 5.98758C13.432 6.2 13.4889 6.56058 13.4681 6.79488C13.4469 7.02467 13.1444 7.16464 13.1223 7.39391C13.0991 7.62347 13.1911 7.98274 13.331 8.17284C13.4698 8.36323 13.7696 8.68607 13.9573 8.5345C14.2175 8.32424 14.554 7.23292 14.8938 6.91318C15.1705 6.65266 15.7394 6.8988 15.9954 6.61805C16.4206 6.1514 17.242 4.6868 17.4413 4.11392C17.5471 3.81061 17.5069 3.24495 17.1916 3.18192C15.0049 2.73959 12.7403 3.79763 11.6813 4.65819C11.3553 4.92342 11.0025 5.65027 11.1105 5.78343Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--badge-hash { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M10.8302 9.17004V10.84H9.16016V9.17004H10.8302Z' fill='%23365081'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.99 9.25C19.91 6.12 19.31 3.79 17.76 2.24C16.21 0.7 13.88 0.09 10.75 0.01C10.5 0 10.25 0 10 0C9.75 0 9.5 0 9.25 0.01C6.12 0.09 3.79 0.69 2.24 2.24C0.7 3.79 0.09 6.12 0.01 9.25C0 9.5 0 9.75 0 10C0 10.25 0 10.5 0.01 10.75C0.09 13.88 0.69 16.21 2.24 17.76C3.79 19.31 6.12 19.91 9.25 19.99C9.5 20 9.75 20 10 20C10.25 20 10.5 20 10.75 19.99C13.88 19.91 16.21 19.31 17.76 17.76C19.3 16.21 19.91 13.88 19.99 10.75C20 10.5 20 10.25 20 10C20 9.75 20 9.5 19.99 9.25ZM12.5 12.5V14.17C12.5 14.63 12.13 15 11.67 15C11.21 15 10.83 14.63 10.83 14.17V12.5H9.17V14.17C9.17 14.63 8.79 15 8.33 15C7.87 15 7.5 14.63 7.5 14.17V12.5H5.83C5.37 12.5 5 12.13 5 11.67C5 11.37 5.16 11.1 5.4 10.96C5.53 10.87 5.67 10.83 5.83 10.83H7.5V9.17H5.83C5.37 9.17 5 8.79 5 8.33C5 7.87 5.37 7.5 5.83 7.5H7.5V5.83C7.5 5.37 7.87 5 8.33 5C8.79 5 9.17 5.37 9.17 5.83V7.5H10.83V5.83C10.83 5.37 11.21 5 11.67 5C12.13 5 12.5 5.37 12.5 5.83V7.5H14.17C14.63 7.5 15 7.87 15 8.33C15 8.79 14.63 9.17 14.17 9.17H12.55V10.83H14.17C14.63 10.83 15 11.21 15 11.67C15 12.13 14.63 12.5 14.17 12.5H12.5Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--badge-infinity { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.76 2.24C16.09 0.58 13.51 0 10 0C6.49 0 3.91 0.57 2.24 2.24C0.58 3.91 0 6.49 0 10C0 13.51 0.57 16.09 2.24 17.76C3.91 19.43 6.49 20 10 20C13.51 20 16.09 19.43 17.76 17.76C19.42 16.09 20 13.51 20 10C20 6.49 19.43 3.91 17.76 2.24ZM13.56 14.14C12.96 14.14 12.34 13.91 11.72 13.46C11.29 13.15 10.85 12.72 10.42 12.19C10.28 12.02 10.14 11.84 10 11.65C9.86 11.84 9.72 12.02 9.58 12.19C9.15 12.72 8.71 13.15 8.28 13.46C7.66 13.91 7.04 14.14 6.44 14.14C3.93 14.14 2.62 12.06 2.62 10C2.62 7.94 3.93 5.86 6.44 5.86C7.04 5.86 7.66 6.09 8.28 6.54C8.71 6.85 9.15 7.28 9.58 7.81C9.72 7.98 9.86 8.16 10 8.35C10.14 8.16 10.28 7.98 10.42 7.81C10.85 7.28 11.29 6.85 11.72 6.54C12.34 6.09 12.96 5.86 13.56 5.86C16.07 5.86 17.38 7.94 17.38 10C17.38 12.06 16.07 14.14 13.56 14.14ZM13.56 7.66C13.42 7.66 13.16 7.72 12.78 7.99C12.47 8.22 12.14 8.54 11.8 8.95C11.49 9.34 11.23 9.72 11.06 9.98V10V10.02C11.23 10.28 11.49 10.66 11.8 11.05C12.14 11.46 12.47 11.78 12.78 12.01C13.16 12.28 13.42 12.34 13.56 12.34C14.77 12.34 15.58 11.4 15.58 10C15.58 8.6 14.77 7.66 13.56 7.66ZM8.2 8.95C7.86 8.54 7.53 8.22 7.22 7.99C6.84 7.72 6.58 7.66 6.44 7.66C5.23 7.66 4.42 8.6 4.42 10C4.42 11.4 5.23 12.34 6.44 12.34C6.58 12.34 6.84 12.28 7.22 12.01C7.53 11.78 7.86 11.46 8.2 11.05C8.51 10.66 8.77 10.28 8.94 10.02V10V9.98C8.77 9.72 8.51 9.34 8.2 8.95Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--badge-network { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.76 2.24C16.09 0.58 13.51 0 10 0C6.49 0 3.91 0.57 2.24 2.24C0.579998 3.91 0 6.49 0 10C0 13.51 0.569998 16.09 2.24 17.76C3.91 19.43 6.49 20 10 20C13.51 20 16.09 19.43 17.76 17.76C19.42 16.09 20 13.51 20 10C20 6.49 19.43 3.91 17.76 2.24ZM10.62 16.64H9.38C9 16.64 8.7 16.32 8.75 15.94L9.25 11.4C9.28 11.15 9.49 10.96 9.74 10.96H10.25C10.5 10.96 10.71 11.15 10.74 11.4L11.25 15.94C11.29 16.32 11 16.64 10.62 16.64ZM12.64 12.96C12.37 13.13 11.99 13.06 11.79 12.82C11.65 12.66 11.6 12.43 11.65 12.23C11.71 12 11.89 11.86 12.04 11.69C12.13 11.58 12.22 11.46 12.29 11.33C12.44 11.08 12.55 10.8 12.61 10.52C12.71 10 12.66 9.47 12.46 8.98C12.26 8.49 11.92 8.08 11.48 7.78C11.04 7.49 10.53 7.33 10 7.33C9.47 7.33 8.96 7.49 8.52 7.78C8.08 8.08 7.74 8.49 7.54 8.98C7.34 9.47 7.29 10 7.39 10.52C7.44 10.8 7.56 11.08 7.7 11.33C7.78 11.46 7.86 11.58 7.96 11.69C8.1 11.86 8.29 12 8.35 12.23C8.4 12.43 8.35 12.66 8.21 12.82C8 13.06 7.63 13.13 7.35 12.96C7.21 12.87 7.09 12.71 6.98 12.59C6.84 12.43 6.72 12.26 6.61 12.09C6.4 11.76 6.25 11.4 6.15 11.03C5.93 10.24 5.97 9.4 6.25 8.63C6.53 7.86 7.04 7.2 7.71 6.73C8.38 6.26 9.18 6.01 10 6.01C10.82 6.01 11.62 6.26 12.29 6.73C12.96 7.2 13.47 7.86 13.75 8.63C14.03 9.4 14.07 10.24 13.85 11.03C13.74 11.4 13.59 11.76 13.39 12.09C13.28 12.26 13.15 12.43 13.02 12.59C12.91 12.71 12.79 12.87 12.64 12.96ZM15.93 13.01C15.84 13.18 15.74 13.35 15.64 13.51C15.53 13.69 15.41 13.86 15.28 14.03C15.16 14.19 15.02 14.35 14.88 14.5C14.74 14.66 14.59 14.8 14.44 14.94C14.36 15.01 14.28 15.08 14.2 15.14C14.16 15.17 14.12 15.21 14.08 15.24C14.03 15.27 13.99 15.31 13.95 15.34C13.91 15.36 13.87 15.38 13.83 15.39C13.75 15.42 13.68 15.44 13.59 15.44C13.4 15.44 13.21 15.35 13.09 15.2C12.96 15.05 12.9 14.84 12.94 14.65C12.98 14.44 13.11 14.31 13.27 14.19C13.35 14.13 13.43 14.07 13.5 14C13.64 13.88 13.78 13.74 13.91 13.6C14.45 13.01 14.85 12.3 15.09 11.54C15.41 10.48 15.39 9.34 15.04 8.29C14.68 7.23 14 6.32 13.1 5.67C12.2 5.02 11.11 4.68 10 4.68C8.89 4.68 7.8 5.02 6.9 5.67C6 6.32 5.32 7.23 4.96 8.29C4.61 9.34 4.59 10.48 4.91 11.54C5.14 12.3 5.55 13.01 6.08 13.6C6.21 13.74 6.35 13.88 6.5 14C6.57 14.07 6.64 14.13 6.72 14.19C6.89 14.31 7.02 14.44 7.06 14.65C7.09 14.84 7.04 15.05 6.91 15.2C6.78 15.35 6.6 15.44 6.4 15.44C6.32 15.44 6.24 15.42 6.16 15.39C6.12 15.38 6.08 15.36 6.05 15.34C6 15.31 5.96 15.27 5.92 15.24C5.88 15.21 5.84 15.17 5.8 15.14C5.72 15.08 5.64001 15.01 5.56001 14.94C5.40001 14.8 5.25 14.66 5.11 14.5C4.97 14.35 4.84 14.19 4.71 14.03C4.58 13.86 4.47 13.69 4.36 13.51C4.25 13.35 4.16 13.18 4.07 13.01C3.6 12.08 3.35 11.04 3.35 10C3.35 6.32 6.33 3.35 10 3.35C13.67 3.35 16.65 6.32 16.65 10C16.65 11.04 16.4 12.08 15.93 13.01Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--badge-signal { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.76 2.24C16.09 0.58 13.51 0 10 0C6.49 0 3.91 0.57 2.24 2.24C0.580002 3.91 0 6.49 0 10C0 13.51 0.570002 16.09 2.24 17.76C3.91 19.43 6.49 20 10 20C13.51 20 16.09 19.43 17.76 17.76C19.42 16.09 20 13.51 20 10C20 6.49 19.43 3.91 17.76 2.24ZM6.64 14.43C6.64 15.02 6.16 15.5 5.57 15.5C4.98 15.5 4.5 15.02 4.5 14.43V12.01C4.5 11.42 4.98 10.94 5.57 10.94C6.16 10.94 6.64 11.42 6.64 12.01V14.43ZM9.6 14.43C9.56 14.96 9.13 15.39 8.6 15.43C8.01 15.47 7.5 15.02 7.45 14.43V9.71C7.5 9.12 8.01 8.68 8.6 8.72C9.19 8.76 9.64 9.27 9.6 9.86V14.43ZM12.55 14.43C12.55 15.02 12.07 15.5 11.48 15.5C10.89 15.5 10.41 15.02 10.41 14.43V7.57C10.45 6.98 10.97 6.53 11.56 6.57C12.15 6.61 12.59 7.13 12.55 7.72V14.43ZM15.5 14.43C15.5 15.02 15.02 15.5 14.43 15.5C13.84 15.5 13.37 15.02 13.37 14.43V5.57C13.37 4.98 13.84 4.5 14.44 4.5C15.04 4.5 15.5 4.98 15.5 5.57V14.43Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--badge-sim-refresh { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M19.99 9.49C19.94 6.24 19.35 3.83 17.76 2.24C16.17 0.66 13.76 0.06 10.51 0.01C10.34 0 10.17 0 10 0C9.83 0 9.66 0 9.49 0.01C6.24 0.06 3.83 0.65 2.24 2.24C0.66 3.83 0.06 6.24 0.01 9.49C0 9.66 0 9.83 0 10C0 10.17 0 10.34 0.01 10.51C0.06 13.76 0.65 16.17 2.24 17.76C3.83 19.35 6.24 19.94 9.49 19.99C9.66 20 9.83 20 10 20C10.17 20 10.34 20 10.51 19.99C13.76 19.94 16.17 19.35 17.76 17.76C19.34 16.17 19.94 13.76 19.99 10.51C20 10.34 20 10.17 20 10C20 9.83 20 9.66 19.99 9.49ZM4.37 13.38V10.75C4.37 10.55 4.54 10.37 4.74 10.37C5.16 10.37 5.5 10.04 5.5 9.63C5.5 9.22 5.16 8.87 4.74 8.87C4.65 8.87 4.55 8.83 4.48 8.76C4.41 8.69 4.37 8.6 4.37 8.5V5.87C4.37 5.05 5.05 4.37 5.87 4.37H9.99C10.4 4.37 10.79 4.54 11.07 4.83L12.58 6.41C12.85 6.69 13 7.06 13 7.45V9.45C12.94 9.44 12.87 9.44 12.81 9.44C10.95 9.44 9.44 10.95 9.44 12.81C9.44 13.59 9.7 14.3 10.14 14.88H5.87C5.05 14.88 4.37 14.21 4.37 13.38ZM10.02 12.49C10.04 12.29 10.23 12.14 10.43 12.16C10.64 12.18 10.79 12.37 10.76 12.57C10.65 13.57 11.29 14.53 12.33 14.81C12.89 14.95 13.46 14.87 13.93 14.61C13.87 14.55 13.83 14.47 13.83 14.37C13.81 14.17 13.97 13.99 14.17 13.97L14.82 13.92C14.97 13.91 15.11 13.98 15.19 14.11C15.26 14.25 15.24 14.41 15.15 14.53C14.47 15.4 13.29 15.84 12.13 15.53C10.74 15.16 9.86 13.85 10.02 12.49ZM15.6 13.24C15.57 13.45 15.38 13.59 15.18 13.56C14.97 13.53 14.83 13.34 14.86 13.13C15.01 12.1 14.36 11.1 13.31 10.82C12.75 10.68 12.16 10.76 11.7 11.04C11.76 11.1 11.8 11.18 11.81 11.27C11.83 11.48 11.67 11.66 11.46 11.68L10.81 11.73C10.66 11.74 10.52 11.67 10.45 11.54C10.37 11.41 10.39 11.25 10.48 11.13C11.16 10.23 12.35 9.79 13.51 10.1C14.92 10.48 15.8 11.84 15.6 13.24Z' fill='%23365081'/%3E%3Cpath d='M6.43 5.69C6.22 5.69 6.06 5.85 6.06 6.06V7.56C6.06 7.77 6.22 7.94 6.43 7.94C6.64 7.94 6.81 7.77 6.81 7.56V6.06C6.81 5.85 6.64 5.69 6.43 5.69Z' fill='%23365081'/%3E%3Cpath d='M10.94 7.94C11.14 7.94 11.32 7.77 11.32 7.56V7.19C11.32 6.98 11.14 6.81 10.94 6.81C10.73 6.81 10.56 6.98 10.56 7.19V7.56C10.56 7.77 10.73 7.94 10.94 7.94Z' fill='%23365081'/%3E%3Cpath d='M7.94 5.69C7.73 5.69 7.56 5.85 7.56 6.06V7.56C7.56 7.77 7.73 7.94 7.94 7.94C8.15 7.94 8.31 7.77 8.31 7.56V6.06C8.31 5.85 8.15 5.69 7.94 5.69Z' fill='%23365081'/%3E%3Cpath d='M9.81 7.56V6.06C9.81 5.85 9.64 5.69 9.44 5.69C9.23 5.69 9.06 5.85 9.06 6.06V7.56C9.06 7.77 9.23 7.94 9.44 7.94C9.65 7.94 9.81 7.77 9.81 7.56Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--badge-star { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.76 2.24C16.09 0.58 13.51 0 10 0C6.49 0 3.91 0.57 2.24 2.24C0.58 3.91 0 6.49 0 10C0 13.51 0.57 16.09 2.24 17.76C3.91 19.43 6.49 20 10 20C13.51 20 16.09 19.43 17.76 17.76C19.42 16.09 20 13.51 20 10C20 6.49 19.43 3.91 17.76 2.24ZM16.16 8.99L13.4 11.68L14.05 15.48C14.08 15.65 14.02 15.82 13.88 15.92C13.8 15.97 13.71 16 13.62 16C13.55 16 13.48 15.98 13.41 15.95L10 14.16L6.59 15.95C6.44 16.03 6.26 16.01 6.12 15.91C5.99 15.82 5.92 15.65 5.95 15.48L6.6 11.68L3.84 8.99C3.72 8.88 3.67 8.7 3.73 8.54C3.78 8.38 3.92 8.26 4.08 8.24L7.9 7.68L9.6 4.23C9.75 3.92 10.25 3.92 10.4 4.23L12.1 7.68L15.92 8.24C16.08 8.26 16.22 8.38 16.27 8.54C16.33 8.7 16.28 8.87 16.16 8.99Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--badge-wifi { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.64 3.36C24.14 0.87 20.27 0 15 0C9.73 0 5.86 0.85 3.36 3.36C0.87 5.86 0 9.73 0 15C0 20.27 0.85 24.14 3.36 26.64C5.87 29.14 9.74 30 15 30C20.26 30 24.14 29.15 26.64 26.64C29.13 24.13 30 20.26 30 15C30 9.74 29.15 5.86 26.64 3.36ZM15 22.64C14.04 22.64 13.26 21.86 13.26 20.9C13.26 19.94 14.04 19.16 15 19.16C15.96 19.16 16.74 19.94 16.74 20.9C16.74 21.86 15.96 22.64 15 22.64ZM19.04 18.7L19.02 18.72C18.54 19.17 17.78 19.15 17.33 18.67C17.29 18.63 17.26 18.6 17.22 18.56C15.93 17.33 13.89 17.38 12.67 18.67L12.65 18.69C12.19 19.16 11.43 19.16 10.96 18.69C10.5 18.23 10.5 17.49 10.94 17.03C11.99 15.91 13.47 15.28 15 15.28C16.53 15.28 18 15.91 19.06 17.03C19.51 17.5 19.5 18.24 19.04 18.69V18.7ZM21.84 15.9C21.84 15.9 21.84 15.9 21.83 15.91C21.37 16.37 20.61 16.36 20.16 15.89C20.11 15.83 20.05 15.78 19.99 15.72C17.14 12.96 12.59 13.04 9.84 15.89H9.83C9.37 16.36 8.62 16.36 8.16 15.89C7.7 15.43 7.7 14.69 8.15 14.22C9.95 12.36 12.42 11.32 15.01 11.32C17.6 11.32 20.07 12.36 21.86 14.22C22.31 14.69 22.31 15.43 21.85 15.89L21.84 15.9ZM24.65 13.1C24.65 13.1 24.65 13.1 24.65 13.11C24.18 13.57 23.42 13.56 22.97 13.09L22.81 12.93C18.42 8.63 11.37 8.7 7.06 13.09C6.6 13.56 5.84 13.57 5.38 13.1C4.92 12.64 4.92 11.89 5.37 11.42C7.91 8.82 11.4 7.36 15.03 7.36C18.67 7.36 22.15 8.82 24.69 11.42C25.14 11.88 25.14 12.63 24.68 13.09L24.65 13.1Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--ban { --icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.97143 0 0 8.97143 0 20C0 31.0286 8.97143 40 20 40C31.0286 40 40 31.0286 40 20C40 8.97143 31.0286 0 20 0ZM26.4571 31.3714C24.5143 32.4857 22.2857 33.0857 20 33.0857C12.8 33.0857 6.94286 27.2286 6.94286 20.0286C6.94286 17.7429 7.54286 15.5429 8.65714 13.5714L26.4571 31.3714ZM13.5429 8.62857C15.4857 7.51429 17.7143 6.91429 20 6.91429C27.2 6.91429 33.0571 12.7714 33.0571 19.9714C33.0571 22.2571 32.4571 24.4571 31.3429 26.4286L13.5429 8.62857Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--bolt { --icon: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.85346 0.439646C6.39582 -0.365347 7.6833 0.00787002 7.6833 0.970073V5.69361H10.9415C11.7815 5.69361 12.2858 6.60019 11.8256 7.28321L6.26269 15.5406C5.71199 16.3581 4.33729 16.0308 4.33729 14.9839V10.4286H1.03416C0.213416 10.4286 -0.279192 9.5428 0.170394 8.87544L5.85346 0.439646Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--bookmark { --icon: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6453 0H1.373C1.00886 0 0.659629 0.154181 0.402142 0.428624C0.144655 0.703067 0 1.07529 0 1.46341V18.2927C0.000358307 18.613 0.0867404 18.9266 0.24894 19.1962C0.411139 19.4659 0.642377 19.6805 0.915332 19.8146C1.1355 19.9377 1.38066 20.0014 1.62929 20C1.95996 19.9884 2.27938 19.8693 2.54462 19.6585L7.44165 15.7561C7.60009 15.6294 7.7928 15.561 7.99085 15.561C8.1889 15.561 8.38161 15.6294 8.54005 15.7561L13.4371 19.6585C13.6751 19.8488 13.958 19.9646 14.2543 19.9931C14.5506 20.0216 14.8485 19.9615 15.1145 19.8197C15.3806 19.6779 15.6044 19.46 15.7608 19.1903C15.9172 18.9205 16 18.6097 16 18.2927V1.46341C16 1.07865 15.8579 0.709351 15.6044 0.435462C15.3508 0.161573 15.0063 0.00513019 14.6453 0Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--bookmark-outline { --icon: url("data:image/svg+xml,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20117 1H12.7988L12.8086 1.00488C12.821 1.01134 12.8468 1.02731 12.877 1.06445C12.941 1.14351 12.9999 1.28508 13 1.46289V18.293C13 18.4604 12.9606 18.6147 12.8984 18.7373C12.8362 18.8599 12.7621 18.9311 12.7051 18.9658C12.6519 18.9982 12.6113 19.0022 12.582 18.999C12.551 18.9956 12.4968 18.9795 12.4316 18.9199L12.4307 18.9189L8.14648 15.0176H8.14746C7.87969 14.7729 7.5365 14.6072 7.15723 14.5693L6.99219 14.5605C6.548 14.5605 6.14392 14.7375 5.83789 15.0166L1.55273 18.9189C1.48983 18.9757 1.43686 18.9922 1.40137 18.9971C1.38632 18.9943 1.36583 18.9883 1.33984 18.9717L1.31543 18.957L1.29004 18.9424C1.23804 18.9131 1.16491 18.849 1.10254 18.7305C1.05562 18.6413 1.02108 18.533 1.00684 18.4141L1 18.292V1.46387C1 1.2842 1.06054 1.14205 1.125 1.06348C1.15531 1.02655 1.18045 1.00993 1.19238 1.00391C1.2032 0.998499 1.20534 1 1.20117 1Z' stroke='%236B7493' stroke-width='2'/%3E%3C/svg%3E"); }
.icon--brand-apple { --icon: url("data:image/svg+xml,%3Csvg width='25' height='30.0006' viewBox='0 0 25 30.0006' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 15.9375C0.0890472 13.695 0.690116 11.52 2.15939 9.8025C3.62867 8.085 6.2333 6.8625 8.56337 7.29C9.74325 7.5075 10.797 8.04 11.9323 8.3625C12.6076 8.5575 12.7783 8.565 13.4535 8.3625C15.4868 7.7625 16.8596 6.9 19.108 7.185C21.1413 7.4475 23.0335 8.37 24.206 10.11C24.2208 10.1475 24.1986 10.14 24.1763 10.1475C23.8424 10.38 23.5159 10.575 23.1968 10.845C21.3045 12.42 20.5847 14.67 21.0151 17.1075C21.4084 19.3275 22.989 21.1125 25 22.005C24.3396 24.1425 23.1597 26.13 21.7498 27.84C20.2211 29.685 18.8409 30.435 16.4366 29.64C14.8635 29.1225 14.0175 28.605 12.244 28.86C10.0549 29.1825 8.42238 30.87 6.18136 29.4225C5.12763 28.74 4.18522 27.5175 3.458 26.4975C1.38765 23.58 0.185515 20.1075 0 16.5V15.9375Z' fill='black'/%3E%3Cpath d='M18.7295 0.0075C18.9002 1.56 18.4253 3.03 17.5422 4.2825C16.4217 5.88 14.5962 7.2675 12.5556 7.0875C12.3255 4.755 13.6909 2.3475 15.598 1.1175C16.4959 0.54 17.5793 0.0975 18.6479 0.0225L18.7072 0H18.7295V0.0075Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--brand-whatsapp { --icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C12.4182 9.68054e-06 16 3.58178 16 8C16 12.4182 12.4182 16 8 16C6.60675 16 5.29709 15.6437 4.15625 15.0176L0 16L1.06543 11.9912C0.387893 10.8166 0 9.45354 0 8C1.04698e-07 3.58178 3.58179 0 8 0ZM8 1.43262C4.37312 1.43262 1.43262 4.37311 1.43262 8C1.43266 9.39836 1.87016 10.6947 2.61523 11.7598L1.92676 14.1064L4.38184 13.4814C5.41935 14.1678 6.66298 14.5664 8 14.5664C11.6268 14.5664 14.5673 11.6268 14.5674 8C14.5674 4.37312 11.6269 1.43263 8 1.43262ZM5.80176 4.05176C5.8995 4.04398 5.9895 4.10082 6.03125 4.18945L6.94336 6.125C6.98647 6.21656 6.96804 6.32591 6.89648 6.39746L6.21582 7.07715C6.06871 7.22426 6.02562 7.45397 6.12695 7.63574C6.3751 8.08072 6.70919 8.50898 7.0957 8.90332C7.49011 9.28996 7.91919 9.62408 8.36426 9.87207C8.54603 9.9734 8.77454 9.93031 8.92188 9.7832L9.60254 9.10352C9.67398 9.03208 9.78256 9.0126 9.87402 9.05566L11.8096 9.96875C11.8985 10.0105 11.9553 10.1005 11.9473 10.1982C11.9264 10.4529 11.8247 10.9634 11.3672 11.4209C10.0762 12.7119 7.75838 11.2519 7.66211 11.1943C7.09171 10.8879 6.54912 10.4786 6.03516 9.96484C5.52138 9.45107 5.11113 8.90833 4.80469 8.33789C4.74651 8.24127 3.28804 5.92388 4.5791 4.63281C5.03662 4.17539 5.54712 4.07264 5.80176 4.05176Z' fill='white'/%3E%3C/svg%3E"); }
.icon--broadcast { --icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.74587 16H7.25414C6.79699 16 6.43609 15.6147 6.49624 15.1573L7.09774 9.6915C7.13383 9.39052 7.38647 9.16178 7.68722 9.16178H8.30075C8.6015 9.16178 8.85414 9.39052 8.89023 9.6915L9.50376 15.1573C9.55188 15.6147 9.20301 16 8.74587 16ZM11.1759 11.5696C10.8511 11.7743 10.394 11.69 10.1534 11.4011C9.98496 11.2084 9.92481 10.9315 9.98496 10.6907C10.0571 10.4138 10.2737 10.2453 10.4541 10.0406C10.5624 9.9082 10.6707 9.76373 10.7549 9.60722C10.9353 9.30625 11.0677 8.96915 11.1398 8.63206C11.2601 8.00602 11.2 7.36794 10.9594 6.77803C10.7188 6.18811 10.3098 5.69451 9.78045 5.33333C9.25113 4.9842 8.63759 4.79157 8 4.79157C7.36241 4.79157 6.74887 4.9842 6.21955 5.33333C5.69023 5.69451 5.2812 6.18811 5.0406 6.77803C4.8 7.36794 4.73985 8.00602 4.86015 8.63206C4.9203 8.96915 5.06466 9.30625 5.23308 9.60722C5.32932 9.76373 5.42557 9.9082 5.54587 10.0406C5.71429 10.2453 5.94286 10.4138 6.01504 10.6907C6.07519 10.9315 6.01504 11.2084 5.84662 11.4011C5.59399 11.69 5.14888 11.7743 4.81203 11.5696C4.64361 11.4612 4.49925 11.2686 4.36692 11.1242C4.1985 10.9315 4.05414 10.7269 3.92181 10.5222C3.66917 10.1249 3.48872 9.6915 3.36842 9.24605C3.10376 8.29496 3.15188 7.28367 3.48872 6.35666C3.82556 5.42965 4.4391 4.63506 5.24512 4.06923C6.05113 3.50339 7.01353 3.20241 8 3.20241C8.98646 3.20241 9.94887 3.50339 10.7549 4.06923C11.5609 4.63506 12.1744 5.42965 12.5113 6.35666C12.8481 7.28367 12.8962 8.29496 12.6316 9.24605C12.4992 9.6915 12.3188 10.1249 12.0782 10.5222C11.9459 10.7269 11.7895 10.9315 11.6331 11.1242C11.5008 11.2686 11.3564 11.4612 11.1759 11.5696ZM15.1338 11.6298C15.0256 11.8345 14.9053 12.0391 14.785 12.2318C14.6526 12.4485 14.5083 12.6531 14.3519 12.8578C14.2075 13.0504 14.0391 13.243 13.8707 13.4236C13.7023 13.6163 13.5218 13.7848 13.3414 13.9533C13.2451 14.0376 13.1489 14.1219 13.0526 14.1941C13.0045 14.2303 12.9564 14.2784 12.9083 14.3145C12.8481 14.3506 12.8 14.3988 12.7519 14.4349C12.7038 14.459 12.6556 14.4831 12.6075 14.4951C12.5113 14.5312 12.4271 14.5553 12.3188 14.5553C12.0902 14.5553 11.8617 14.447 11.7173 14.2664C11.5609 14.0858 11.4887 13.833 11.5368 13.6042C11.585 13.3514 11.7414 13.1949 11.9338 13.0504C12.0301 12.9782 12.1263 12.9059 12.2105 12.8217C12.3789 12.6772 12.5474 12.5087 12.7038 12.3401C13.3534 11.6298 13.8346 10.775 14.1233 9.86005C14.5083 8.5839 14.4842 7.21144 14.0632 5.94733C13.6301 4.67118 12.812 3.57562 11.7293 2.79308C10.6466 2.01053 9.33534 1.6012 8 1.6012C6.66466 1.6012 5.35339 2.01053 4.27068 2.79308C3.18797 3.57562 2.36992 4.67118 1.93684 5.94733C1.51579 7.21144 1.49174 8.5839 1.8767 9.86005C2.15339 10.775 2.64662 11.6298 3.28421 12.3401C3.4406 12.5087 3.60902 12.6772 3.78947 12.8217C3.87369 12.9059 3.9579 12.9782 4.05414 13.0504C4.25865 13.1949 4.41504 13.3514 4.46316 13.6042C4.49925 13.833 4.4391 14.0858 4.28271 14.2664C4.12632 14.447 3.90978 14.5553 3.66918 14.5553C3.57293 14.5553 3.47669 14.5312 3.38045 14.4951C3.33233 14.4831 3.28421 14.459 3.24812 14.4349C3.18797 14.3988 3.13985 14.3506 3.09173 14.3145C3.04361 14.2784 2.99549 14.2303 2.94737 14.1941C2.85113 14.1219 2.75489 14.0376 2.65865 13.9533C2.46617 13.7848 2.28572 13.6163 2.1173 13.4236C1.94887 13.243 1.79248 13.0504 1.63609 12.8578C1.4797 12.6531 1.34737 12.4485 1.21504 12.2318C1.08271 12.0391 0.974437 11.8345 0.866167 11.6298C0.300753 10.5102 0 9.25809 0 8.00602C0 3.57562 3.58496 0 8 0C12.415 0 16 3.57562 16 8.00602C16 9.25809 15.6992 10.5102 15.1338 11.6298Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--calendar { --icon: url("data:image/svg+xml,%3Csvg width='28' height='30' viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.0949 3.32198V1.05886C21.0949 0.474367 20.6136 0 20.0207 0C19.4277 0 18.9464 0.474367 18.9464 1.05886V5.66558C18.9464 6.03265 19.1484 6.34184 19.4377 6.53102C19.2673 6.64397 19.0739 6.72444 18.8533 6.72444C18.2604 6.72444 17.7791 6.25007 17.7791 5.66558V2.60761C16.6304 2.47208 15.3786 2.4029 13.9993 2.4029C12.3751 2.4029 10.927 2.4989 9.62505 2.69232V1.05886C9.62505 0.474367 9.1438 0 8.55082 0C7.95785 0 7.4766 0.474367 7.4766 1.05886V5.66558C7.4766 6.03265 7.67855 6.34184 7.96788 6.53102C7.79743 6.64397 7.60407 6.72444 7.3835 6.72444C6.79053 6.72444 6.30928 6.25007 6.30928 5.66558V3.50552C3.25275 4.66744 1.45951 6.82891 0.611594 10.2709H27.3884C26.4889 6.61997 24.5009 4.42884 21.0949 3.32198Z' fill='%23365081'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.32 17.946C19.727 17.946 19.2401 17.4716 19.2401 16.8871C19.2401 16.3026 19.7142 15.8283 20.3071 15.8283H20.32C20.913 15.8283 21.3942 16.3026 21.3942 16.8871C21.3942 17.4716 20.913 17.946 20.32 17.946ZM20.32 23.3857C19.727 23.3857 19.2401 22.9113 19.2401 22.3268C19.2401 21.7409 19.7142 21.268 20.3071 21.268H20.32C20.913 21.268 21.3942 21.7409 21.3942 22.3268C21.3942 22.9113 20.913 23.3857 20.32 23.3857ZM14.0193 17.946C13.4264 17.946 12.938 17.4716 12.938 16.8871C12.938 16.3026 13.4135 15.8283 14.0064 15.8283H14.0193C14.6123 15.8283 15.0936 16.3026 15.0936 16.8871C15.0936 17.4716 14.6123 17.946 14.0193 17.946ZM14.0193 23.3857C13.4264 23.3857 12.938 22.9113 12.938 22.3268C12.938 21.7409 13.4135 21.268 14.0064 21.268H14.0193C14.6123 21.268 15.0936 21.7409 15.0936 22.3268C15.0936 22.9113 14.6123 23.3857 14.0193 23.3857ZM7.70577 17.946C7.11279 17.946 6.62438 17.4716 6.62438 16.8871C6.62438 16.3026 7.0999 15.8283 7.69287 15.8283H7.70577C8.29874 15.8283 8.77999 16.3026 8.77999 16.8871C8.77999 17.4716 8.29874 17.946 7.70577 17.946ZM7.70577 23.3857C7.11279 23.3857 6.62438 22.9113 6.62438 22.3268C6.62438 21.7409 7.0999 21.268 7.69287 21.268H7.70577C8.29874 21.268 8.77999 21.7409 8.77999 22.3268C8.77999 22.9113 8.29874 23.3857 7.70577 23.3857ZM27.778 12.3877H0.222006C0.0759118 13.5454 0 14.8061 0 16.2024C0 26.3886 3.66382 30 13.9993 30C24.3362 30 28 26.3886 28 16.2024C28 14.8061 27.9241 13.5454 27.778 12.3877Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--calendar-plane { --icon: url("data:image/svg+xml,%3Csvg width='30.0002' height='30' viewBox='0 0 30.0002 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M29.6215 11.4668H29.6115C28.7217 10.5671 26.3524 11.4568 25.3127 12.4864L22.7634 15.0355L15.4055 13.1262C14.3758 12.7663 13.2961 12.9863 12.6263 13.686L11.1367 15.1754L18.7546 19.074C18.6146 19.214 18.2147 19.6138 17.9148 19.9137C17.7149 20.1136 17.5149 20.3336 17.335 20.5935L15.7054 22.7027L13.0062 22.6427L11.8165 23.8523L13.526 25.5616L15.5955 27.6309L17.305 29.3402L18.5146 28.1307L18.4546 25.4517L20.564 23.8223C20.784 23.6423 21.0239 23.4424 21.2439 23.2425C21.5438 22.9426 21.9637 22.5427 22.0836 22.4028L25.9425 30L27.4321 28.5105C28.1319 27.8108 28.3219 26.7612 27.9919 25.7316L26.0825 18.3743L28.6118 15.7652C29.6215 14.7556 30.5412 12.3665 29.6215 11.4668Z' fill='%23145EEE'/%3E%3Cpath d='M6.66847 11.2769C5.81871 11.2769 5.12891 11.9666 5.12891 12.8163V14.8755C5.12891 15.7152 5.81871 16.405 6.66847 16.405H8.71789C9.06779 16.405 9.3877 16.295 9.63763 16.0951C10.0175 15.8152 10.2575 15.3754 10.2575 14.8755V12.8163C10.2575 11.9666 9.56765 11.2769 8.71789 11.2769H6.66847Z' fill='%23145EEE'/%3E%3Cpath d='M10.7769 21.5431H5.6384C4.2288 21.5431 3.07913 20.3935 3.07913 18.984V9.22762H21.5439V13.1762C21.5439 13.4061 21.7238 13.586 21.9538 13.586C22.0238 13.586 22.0937 13.566 22.1537 13.536C22.1937 13.516 22.2337 13.4761 22.2637 13.4361C22.3037 13.3961 22.3337 13.3561 22.3637 13.3261C22.3937 13.2961 22.4236 13.2661 22.4536 13.2361C22.6236 13.0662 22.7935 12.8963 22.9635 12.7263C23.0935 12.5964 23.2234 12.4664 23.3534 12.3465C23.4833 12.2165 23.6233 12.0866 23.7533 11.9566C23.8732 11.8367 24.0032 11.7167 24.1232 11.5968C24.4431 11.2769 24.623 10.857 24.623 10.4072V7.69818C24.623 4.58932 22.0937 2.06025 18.9846 2.06025H18.4648V1.61042C18.4648 0.90068 18.0149 0.220929 17.3251 0.0509916C16.3054 -0.208913 15.3856 0.560804 15.3856 1.54044V2.06025H9.23738V1.61042C9.23738 0.90068 8.78751 0.220929 8.09771 0.0509916C7.078 -0.208913 6.15826 0.560804 6.15826 1.54044V2.06025H5.6384C2.52928 2.05026 0 4.57933 0 7.68819V18.974C0 22.0829 2.52928 24.612 5.6384 24.612H10.1771C10.2371 24.612 10.2971 24.562 10.2971 24.492C10.2971 24.482 10.2971 24.462 10.2871 24.452C10.2871 24.432 10.2671 24.422 10.2571 24.412L9.82722 23.9822C9.82722 23.9822 9.77723 23.9022 9.77723 23.8622C9.77723 23.8223 9.79722 23.7723 9.82722 23.7423L11.1368 22.4128C11.4568 22.0929 11.2268 21.5431 10.7769 21.5431Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--camera { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12 8.84402C9.28802 8.84402 7.08001 11.052 7.08001 13.764C7.08001 16.476 9.28802 18.684 12 18.684C14.712 18.684 16.92 16.476 16.92 13.764C16.92 11.052 14.712 8.84402 12 8.84402ZM12 16.788C10.332 16.788 8.97602 15.432 8.97602 13.764C8.97602 12.096 10.332 10.74 12 10.74C13.668 10.74 15.024 12.096 15.024 13.764C15.024 15.432 13.668 16.788 12 16.788Z' fill='white'/%3E%3Cpath d='M18.216 7.2H18.204C17.688 7.2 17.268 7.632 17.268 8.148C17.268 8.664 17.7 9.096 18.216 9.096C18.732 9.096 19.164 8.676 19.164 8.148C19.164 7.62 18.744 7.2 18.216 7.2Z' fill='white'/%3E%3Cpath d='M19.104 3.888C18.888 3.828 18.576 3.684 18.312 3.396C18.204 3.276 18.06 2.976 17.916 2.7C17.532 1.92 17.016 0.863996 15.96 0.431996C15.516 0.239996 14.664 0.119997 13.656 0.0479965C13.512 0.0359965 13.368 0.0240006 13.224 0.0240006C12.828 0.0240006 12.42 0 12 0C11.58 0 11.184 0.0120006 10.788 0.0240006C9.612 0.0840006 8.568 0.215998 8.052 0.419998C7.008 0.851998 6.47999 1.908 6.09599 2.688C5.95199 2.976 5.808 3.276 5.688 3.396C5.436 3.684 5.12399 3.828 4.93199 3.888C0.863991 5.016 0.036 7.608 0 12.312C0.024 15.36 0.443997 17.712 1.356 19.476C3.012 22.716 6.336 24 12 24C17.664 24 21.012 22.704 22.668 19.44C22.68 19.44 22.68 19.416 22.692 19.404C23.568 17.652 23.976 15.312 24 12.312C23.964 7.608 23.148 5.016 19.104 3.888ZM21.192 18.396L21.072 18.624C20.172 20.388 18.396 22.2 12.012 22.2C5.62799 22.2 3.86399 20.412 2.96399 18.648C2.20799 17.184 1.83599 15.108 1.81199 12.324C1.84799 7.788 2.592 6.408 5.484 5.604C5.82 5.496 6.47999 5.232 7.03199 4.62C7.31999 4.308 7.5 3.948 7.692 3.564L7.72799 3.48C7.97999 2.964 8.328 2.256 8.736 2.088C8.868 2.04 9.516 1.884 10.872 1.812C11.244 1.812 11.628 1.788 12.024 1.788C12.42 1.788 12.816 1.788 13.248 1.812C13.344 1.812 13.44 1.812 13.548 1.836C14.892 1.932 15.252 2.076 15.3 2.088C15.72 2.256 16.056 2.928 16.344 3.528L16.416 3.672C16.584 4.008 16.752 4.332 17.004 4.608C17.448 5.088 18.024 5.448 18.636 5.616C21.444 6.396 22.176 7.776 22.212 12.288C22.188 14.94 21.852 16.932 21.192 18.384V18.396Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--camera-flash { --icon: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9577 7.96885C15.8649 7.70406 15.623 7.51257 15.3347 7.47474L9.95952 6.77967L10.6876 0.829073C10.7267 0.514639 10.5532 0.209662 10.2576 0.0725405C9.96197 -0.064581 9.60769 -0.00311263 9.37803 0.221483L0.218266 9.26914C0.0154759 9.47009 -0.0529352 9.76325 0.0423519 10.0304C0.137639 10.2976 0.377078 10.4867 0.665382 10.5245L6.04054 11.2172L5.31001 17.1702C5.27092 17.4846 5.44439 17.7896 5.74002 17.9267C5.84508 17.9764 5.95747 18 6.06986 18C6.27265 18 6.47056 17.922 6.61715 17.7778L15.7794 8.73248C15.9846 8.52916 16.053 8.23364 15.9577 7.96885Z' fill='white'/%3E%3C/svg%3E"); }
.icon--camera-switch { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M15 9.18C13.575 9.18 12.42 10.335 12.42 11.76C12.42 13.185 13.575 14.34 15 14.34C16.425 14.34 17.58 13.185 17.58 11.76C17.58 10.335 16.425 9.18 15 9.18Z' fill='%23365081'/%3E%3Cpath d='M29.955 17.94C29.955 17.85 29.925 17.76 29.895 17.67C29.895 17.61 29.88 17.535 29.85 17.475C29.82 17.34 29.79 17.22 29.745 17.1C29.685 16.92 29.625 16.755 29.535 16.59C29.43 16.35 29.295 16.125 29.16 15.9C29.07 15.78 28.995 15.675 28.905 15.555C28.815 15.42 28.71 15.3 28.59 15.18C28.23 14.76 27.795 14.355 27.285 13.98C27.045 13.8 26.775 13.62 26.49 13.44C26.055 13.155 25.605 12.915 25.125 12.75C25.2 12.06 25.245 11.325 25.26 10.53C25.23 6.51 24.525 4.29 21.075 3.33C20.895 3.285 20.625 3.15 20.4 2.91C20.31 2.805 20.19 2.55 20.055 2.31C19.725 1.65 19.29 0.735 18.39 0.375C18.015 0.21 17.28 0.105 16.425 0.045C16.305 0.045 16.185 0.03 16.05 0.03C15.705 0.03 15.36 0.015 15 0.015C14.64 0.015 14.295 0.015 13.965 0.03C12.96 0.075 12.06 0.195 11.625 0.375C10.725 0.75 10.275 1.65 9.96 2.31C9.84 2.55 9.72 2.82 9.615 2.91C9.405 3.15 9.135 3.285 8.97 3.33C5.49 4.29 4.785 6.51 4.755 10.53C4.755 11.34 4.815 12.06 4.89 12.75C4.095 13.035 3.36 13.5 2.67 14.025C1.755 14.715 0.945 15.585 0.465 16.62C0.18 17.235 0.03 17.895 0.03 18.57C0.03 22.155 4.29 25.14 10.635 26.13V29.115C10.635 29.445 10.815 29.73 11.1 29.895C11.385 30.045 11.73 30.03 12 29.85L17.28 26.34C17.52 26.175 17.67 25.905 17.67 25.605C17.67 25.305 17.52 25.035 17.28 24.87L12 21.36C11.73 21.18 11.385 21.165 11.1 21.315C10.815 21.465 10.635 21.765 10.635 22.095V24.345C5.49 23.46 1.785 21.12 1.785 18.585C1.785 16.875 3.315 15.525 4.695 14.745C4.86 14.655 5.025 14.58 5.19 14.505C5.37 15.315 5.61 16.05 5.94 16.665C7.35 19.44 10.2 20.535 15.045 20.535C19.89 20.535 22.755 19.425 24.165 16.635C24.165 16.635 24.165 16.62 24.18 16.605C24.48 15.99 24.705 15.285 24.885 14.505C25.05 14.58 25.215 14.655 25.38 14.745C25.77 14.97 26.175 15.225 26.535 15.54V15.585C27.39 16.275 27.945 17.04 28.17 17.805C28.215 17.925 28.245 18.06 28.26 18.195C28.275 18.33 28.29 18.45 28.29 18.585C28.29 18.945 28.215 19.32 28.065 19.665C28.02 19.77 27.975 19.875 27.915 19.98C27.825 20.145 27.735 20.295 27.63 20.43C27.525 20.58 27.405 20.73 27.27 20.865C27.15 21.015 27.015 21.15 26.865 21.285C26.715 21.435 26.55 21.57 26.355 21.705C26.19 21.84 25.995 21.975 25.8 22.095C25.605 22.215 25.395 22.35 25.185 22.47C23.85 23.235 22.125 23.85 20.145 24.255C19.665 24.345 19.365 24.81 19.455 25.29C19.56 25.77 20.025 26.07 20.49 25.965C20.85 25.89 21.21 25.815 21.555 25.725C21.9 25.65 22.23 25.56 22.56 25.455C22.89 25.35 23.205 25.245 23.52 25.14C23.82 25.035 24.12 24.915 24.405 24.795C24.99 24.555 25.545 24.285 26.055 24C26.565 23.73 27.015 23.43 27.435 23.085C28.08 22.62 28.605 22.095 28.995 21.525C29.13 21.345 29.25 21.165 29.37 20.97C29.475 20.775 29.58 20.595 29.655 20.4C29.745 20.205 29.82 19.995 29.865 19.8C29.925 19.605 29.97 19.395 30 19.2C30.03 18.99 30.045 18.795 30.045 18.585C30.045 18.375 30.03 18.165 30 17.955L29.955 17.94ZM15 15.975C12.675 15.975 10.8 14.085 10.8 11.775C10.8 9.465 12.69 7.575 15 7.575C17.31 7.575 19.2 9.465 19.2 11.775C19.2 14.085 17.31 15.975 15 15.975ZM20.31 7.785C19.86 7.785 19.5 7.425 19.5 6.975C19.5 6.525 19.86 6.165 20.295 6.165C20.745 6.165 21.105 6.54 21.105 6.975C21.105 7.41 20.745 7.785 20.295 7.785H20.31Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--car { --icon: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.97 5.80463C19.97 5.73889 19.97 5.66374 19.95 5.598C19.8901 5.26926 19.6402 5.03444 19.3403 4.96869C19.2704 4.94991 19.2004 4.94051 19.1304 4.94051C19.0705 4.94051 19.0105 4.94051 18.9605 4.9593L17.4213 5.31622L15.4723 1.2774C15.1624 0.591735 14.6527 0.234815 14.073 0.103319C12.9335 0.0469632 11.8041 0.00939261 10.6747 0C10.5047 0 10.3348 0 10.1749 0C9.93503 0 10.7546 0 10.5147 0C10.2749 0 10.035 0 9.7951 0C9.62519 0 9.45527 0 9.29535 0C8.16592 0.0187852 7.03648 0.0469632 5.89705 0.103319C5.31734 0.234815 4.8076 0.591735 4.49775 1.2774L2.54873 5.31622L1.0095 4.9593C0.949526 4.94991 0.889555 4.94051 0.83958 4.94051C0.769615 4.94051 0.699649 4.94991 0.629684 4.96869C0.329834 5.04383 0.0799605 5.26926 0.0199905 5.598C4.57982e-07 5.66374 0 5.73889 0 5.80463C0 6.11459 0.17991 6.41515 0.489755 6.54665C0.529735 6.56544 0.579709 6.58422 0.619689 6.59361L1.25937 6.7345L1.73913 6.83782L1.49925 7.30745C1.45927 9.58986 1.42929 11.8347 1.42929 14.1171C1.42929 14.6055 1.82909 15 2.31884 15H4.67766C5.16742 15 5.56722 14.5961 5.56722 14.1171V12.8961H14.4328V14.1171C14.4328 14.6055 14.8326 15 15.3223 15H17.6812C18.1709 15 18.5707 14.5961 18.5707 14.1171C18.5707 11.8347 18.5507 9.58986 18.5007 7.30745L18.2609 6.83782L18.7406 6.7345L19.3803 6.59361C19.3803 6.59361 19.4703 6.56544 19.5102 6.54665C19.8201 6.41515 20 6.11459 20 5.80463H19.97ZM6.1969 1.23043C7.14643 1.12711 8.08596 1.06137 9.03548 1.02379C9.14543 1.02379 9.24538 1.02379 9.35532 1.0144C9.49525 1.0144 9.62519 1.0144 9.76512 1.0144C9.88506 1.0144 10.005 1.0144 10.1249 1.0144C10.2549 1.0144 10.3748 1.0144 10.5047 1.0144C10.6347 1.0144 9.70515 1.0144 9.83508 1.0144C9.95502 1.0144 10.075 1.0144 10.1949 1.0144C10.3348 1.0144 10.4648 1.0144 10.6047 1.0144C10.7146 1.0144 10.8146 1.0144 10.9245 1.02379C11.8641 1.06137 12.8136 1.12711 13.7631 1.23043C14.4328 1.28679 15.3323 3.47527 15.8821 4.79962C16.032 5.16594 15.7421 5.55103 15.3523 5.52286C13.3833 5.36318 12.4738 5.28804 10.5147 5.28804C8.55572 5.28804 6.58671 5.36318 4.61769 5.52286C4.22789 5.55103 3.93803 5.16594 4.08796 4.79962C4.63768 3.48466 5.53723 1.28679 6.2069 1.23043H6.1969ZM3.29835 9.92799C2.94853 9.92799 2.62869 9.61803 2.62869 9.24233V8.57545C2.6087 8.21853 2.86856 7.88979 3.23838 7.90858C4.63768 8.06825 6.36682 8.39699 7.02649 8.96994V9.32686C7.02649 9.6556 6.75662 9.92799 6.42679 9.92799H3.28836H3.29835ZM8.93553 12.154C8.76562 12.154 8.63568 12.0225 8.63568 11.8535V11.3087C8.63568 11.1396 8.77561 11.0081 8.93553 11.0081H11.0145C11.1844 11.0081 11.3143 11.1396 11.3143 11.3087V11.8535C11.3143 12.0225 11.1744 12.154 11.0145 12.154H8.93553ZM13.5132 9.92799C13.1834 9.92799 12.9135 9.665 12.9135 9.32686V8.96994C13.5732 8.39699 15.3023 8.05886 16.7016 7.90858C17.0715 7.88979 17.3413 8.21853 17.3113 8.57545V9.24233C17.3113 9.61803 17.0015 9.92799 16.6417 9.92799H13.5032H13.5132Z' fill='white'/%3E%3C/svg%3E"); }
.icon--caret-down { --icon: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.21418 1.50134L5.33323 7.68251C5.41574 7.78209 5.5181 7.86202 5.63327 7.91682C5.74844 7.97163 5.87371 8 6.00048 8C6.12725 8 6.25252 7.97163 6.3677 7.91682C6.48287 7.86202 6.58523 7.78209 6.66774 7.68251L11.7868 1.50134C12.2753 0.911336 11.8703 0 11.1195 0H0.879971C0.129216 0 -0.275825 0.911336 0.21418 1.50134Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--category-cruise { --icon: url("data:image/svg+xml,%3Csvg width='20' height='19.6425' viewBox='0 0 20 19.6425' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.07116 16.4294L2.43134 17.4808C2.81153 17.4808 2.97161 17.3432 3.24175 17.127C3.58192 16.8519 4.05215 16.4785 4.93259 16.4785C5.81303 16.4785 6.25325 16.8322 6.62344 17.127C6.90358 17.353 7.06366 17.4808 7.46386 17.4808C7.86406 17.4808 8.02414 17.3432 8.30428 17.127H8.31428C8.61443 16.8814 8.98462 16.5964 9.60493 16.4982V9.51174C6.89357 9.78687 2.91158 12.7937 1.31078 14.0907L1.29077 14.1104L2.07116 16.4195V16.4294Z' fill='%23B3B3B3'/%3E%3Cpath d='M10.405 9.51174V16.508C11.0353 16.5964 11.4155 16.901 11.6957 17.127C11.9758 17.3432 12.1459 17.4808 12.5361 17.4808C12.9263 17.4808 13.0864 17.353 13.3665 17.1369H13.3765C13.7167 16.8519 14.1869 16.4785 15.0674 16.4785C15.9478 16.4785 16.378 16.8322 16.7482 17.1172H16.7582C17.0383 17.3432 17.1984 17.4808 17.5886 17.4808L17.9488 16.4195L18.7292 14.1104H18.7192C17.1184 12.8035 13.1464 9.7967 10.425 9.52156L10.405 9.51174Z' fill='%23B3B3B3'/%3E%3Cpath d='M19.97 17.3039C19.97 17.3039 19.91 17.2744 19.8799 17.2744C19.4497 17.3334 19.2096 17.5299 18.9495 17.7363C18.6193 17.9917 18.2891 18.257 17.6088 18.257C16.9285 18.257 16.5983 17.9917 16.2681 17.7264C15.958 17.4808 15.6678 17.2548 15.0775 17.2548C14.4872 17.2548 14.1971 17.4808 13.8869 17.7264C13.5568 17.9819 13.2266 18.257 12.5463 18.257C11.8659 18.257 11.5358 17.9917 11.2056 17.7363C10.8954 17.4906 10.6053 17.2646 10.015 17.2646C9.42471 17.2646 9.13457 17.4906 8.82441 17.7363C8.49425 17.9917 8.16408 18.257 7.48374 18.257C6.8034 18.257 6.47324 17.9917 6.14307 17.7363C5.83292 17.4906 5.54277 17.2646 4.95248 17.2646C4.36218 17.2646 4.07204 17.4906 3.76188 17.7363C3.43172 17.9917 3.10155 18.257 2.42121 18.257C1.74087 18.257 1.41071 17.9917 1.08054 17.7264C0.82041 17.5201 0.570285 17.3236 0.14007 17.2646C0.14007 17.2646 0.130065 17.2646 0.12006 17.2646C0.090045 17.2646 0.06003 17.2744 0.04002 17.2941C0.010005 17.3137 0 17.3432 0 17.3825V19.5345C0 19.5934 0.050025 19.6425 0.110055 19.6425H19.8899C19.95 19.6425 20 19.5934 20 19.5345V17.3825C20 17.3825 19.98 17.3137 19.96 17.3039H19.97Z' fill='%23B3B3B3'/%3E%3Cpath d='M10.405 8.73548C13.2565 8.99096 17.2585 11.929 18.9893 13.3145L19.4696 11.8799C19.4696 11.8799 19.4696 11.7816 19.4295 11.7325C18.4691 10.9169 13.6166 6.94711 10.405 6.63267V8.72565V8.73548Z' fill='%23B3B3B3'/%3E%3Cpath d='M1.02056 13.3243C3.1116 11.6637 6.85347 8.98114 9.60485 8.74531V6.65233C6.5033 6.95694 1.92101 10.6221 0.570331 11.7521C0.530311 11.7914 0.510301 11.8504 0.530311 11.8995L1.01055 13.3341L1.02056 13.3243Z' fill='%23B3B3B3'/%3E%3Cpath d='M17.1587 8.99096L16.0982 3.42934C16.0281 3.05594 15.698 2.78081 15.2978 2.78081H4.71249C4.3223 2.78081 3.98213 3.05594 3.91209 3.42934L2.85156 8.99096C4.95261 7.51703 7.82405 5.83675 10.0051 5.83675C12.1862 5.83675 15.0477 7.51703 17.1487 8.99096H17.1587ZM12.7265 4.21543C12.7265 4.02874 12.8866 3.87152 13.0767 3.87152H14.6675C14.8376 3.87152 14.9876 3.98943 15.0176 4.15648L15.2077 5.1391C15.2278 5.23736 15.2077 5.34545 15.1277 5.42405C15.0577 5.50266 14.9676 5.54197 14.8676 5.54197H13.0867C12.8966 5.54197 12.7365 5.38475 12.7365 5.19805V4.20561L12.7265 4.21543ZM10.1652 4.21543C10.1652 4.02874 10.3253 3.87152 10.5154 3.87152H12.0562C12.2463 3.87152 12.4063 4.02874 12.4063 4.21543V5.20788C12.4063 5.39458 12.2463 5.5518 12.0562 5.5518H10.5154C10.3253 5.5518 10.1652 5.39458 10.1652 5.20788V4.21543ZM7.28378 5.20788C7.28378 5.39458 7.1237 5.5518 6.9336 5.5518H5.15271C5.04266 5.5518 4.94261 5.50266 4.88258 5.42405C4.81254 5.34545 4.79253 5.23736 4.81254 5.1391L5.00264 4.14665C5.04266 3.98943 5.18273 3.87152 5.34281 3.87152H6.9336C7.1237 3.87152 7.28378 4.02874 7.28378 4.21543V5.20788ZM9.84506 5.20788C9.84506 5.39458 9.68498 5.5518 9.49488 5.5518H7.95411C7.76402 5.5518 7.60394 5.39458 7.60394 5.20788V4.21543C7.60394 4.02874 7.76402 3.87152 7.95411 3.87152H9.49488C9.68498 3.87152 9.84506 4.02874 9.84506 4.21543V5.20788Z' fill='%23B3B3B3'/%3E%3Cpath d='M14.1772 0.638702C14.1071 0.265307 13.777 0 13.3868 0H6.6334C6.2432 0 5.91303 0.275133 5.843 0.648528L5.58287 2.32881H14.4473L14.1772 0.628876V0.638702ZM8.22419 1.54271C8.22419 1.72941 8.06411 1.88663 7.87402 1.88663H7.0436C6.94355 1.88663 6.8435 1.8375 6.77346 1.75889C6.70343 1.68028 6.67342 1.57219 6.69343 1.47393L6.79347 0.933487C6.83349 0.776269 6.97356 0.658354 7.14365 0.658354H7.88402C8.07412 0.658354 8.23419 0.815573 8.23419 1.00227V1.53288L8.22419 1.54271ZM9.845 1.54271C9.845 1.72941 9.68492 1.88663 9.49483 1.88663H8.88452C8.69443 1.88663 8.53435 1.72941 8.53435 1.54271V1.0121C8.53435 0.825399 8.69443 0.668181 8.88452 0.668181H9.49483C9.68492 0.668181 9.845 0.825399 9.845 1.0121V1.54271ZM11.4758 1.54271C11.4758 1.72941 11.3157 1.88663 11.1256 1.88663H10.5253C10.3352 1.88663 10.1752 1.72941 10.1752 1.54271V1.0121C10.1752 0.815573 10.3252 0.668181 10.5253 0.668181H11.1256C11.3157 0.668181 11.4758 0.825399 11.4758 1.0121V1.54271ZM13.2467 1.76871C13.2467 1.76871 13.1567 1.84732 13.0966 1.86697V1.88663H12.9766H12.1462C11.9461 1.88663 11.796 1.73923 11.796 1.54271V1.0121C11.796 0.815573 11.9461 0.668181 12.1462 0.668181H12.8865C13.0566 0.668181 13.1967 0.786095 13.2267 0.943314L13.3267 1.47393C13.3468 1.58202 13.3167 1.68028 13.2467 1.75889V1.76871Z' fill='%23B3B3B3'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--category-family { --icon: url("data:image/svg+xml,%3Csvg width='20' height='17.6783' viewBox='0 0 20 17.6783' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.84338C0 4.02852 0.624884 2.46114 2.09961 1.2473C3.94926 -0.261153 6.61127 -0.414356 8.73587 0.858405C9.1358 1.0941 9.51073 1.36515 9.83567 1.68334C9.97314 1.82476 10.0481 1.80119 10.1731 1.68334C11.3479 0.575569 12.7726 -0.0372414 14.4348 0.00989783C16.8094 0.0688219 18.4216 1.2473 19.4339 3.21537C20.0963 4.52348 20.1088 5.92588 19.8213 7.32827C19.2839 9.96807 17.8592 12.1483 15.9095 14.0574C14.3598 15.5659 12.4852 16.6147 10.523 17.5457C10.1356 17.7225 9.84817 17.7225 9.46074 17.5457C7.54859 16.6501 5.73643 15.6248 4.22421 14.187C2.38706 12.4547 1.01231 10.4512 0.337437 8.05893C0.112479 7.32827 0 6.59761 0 5.84338ZM10.4606 11.7122C10.1981 11.5708 9.99814 11.4058 9.84817 11.1701C9.49823 10.6044 9.43574 9.99164 9.58572 9.36704C9.81067 8.41247 10.5855 7.79966 11.5853 7.77609C12.5477 7.75252 13.41 8.35355 13.66 9.21384C13.8724 9.9445 13.6225 10.5691 13.1226 11.123C13.0726 11.1819 12.9351 11.229 13.0226 11.3587C13.31 11.7711 13.5475 12.2072 13.7099 12.6904C13.8474 12.5961 13.8974 12.4782 13.9599 12.384C14.3723 11.7004 14.6723 10.9816 14.8347 10.2155C14.8722 10.0152 14.9847 9.89736 15.1972 9.93271C15.4221 9.96807 15.4596 10.1213 15.4096 10.3216C14.9847 11.9951 14.2598 13.4917 12.6351 14.4463C12.6102 14.4581 12.5727 14.4817 12.5602 14.5052C12.4602 14.6113 12.3352 14.6231 12.1852 14.6349C11.8728 14.6349 11.5478 14.6702 11.2354 14.682C11.0229 14.682 11.0354 14.7881 11.1229 14.9177C11.1604 14.9648 11.2104 14.9884 11.2604 15.0355C11.4479 15.2005 11.4229 15.4009 11.1854 15.5069C11.0229 15.5894 10.8605 15.6483 10.698 15.7191C10.5105 15.8016 10.3856 15.9194 10.4731 16.1197C10.548 16.3083 10.7355 16.2729 10.898 16.2258C11.5728 16.049 12.1977 15.7898 12.6976 15.3066C12.7726 15.2359 12.8476 15.177 12.9476 15.1416C13.8224 14.9059 14.4848 14.3756 15.0722 13.7628C16.247 12.5372 16.8719 11.0641 17.0468 9.42597C17.1218 8.68352 16.7719 8.10607 16.0595 7.76431C15.7971 7.63467 15.5096 7.52861 15.2472 7.41076C14.6598 7.13971 14.1724 6.75081 13.8349 6.20871C13.7099 6.00837 13.6974 5.84338 13.8599 5.65482C14.2348 5.19522 14.4598 4.65312 14.5348 4.07566C14.6473 3.16823 14.1099 2.35508 13.2225 2.09581C12.2852 1.82476 11.3604 2.16652 10.923 3.00324C10.4356 3.94603 10.598 4.86524 11.1604 5.72553C11.4979 6.24407 11.9978 6.55047 12.6976 6.39727C12.8476 6.36191 12.9726 6.40905 13.0226 6.56226C13.0726 6.70367 13.0226 6.82152 12.9101 6.90402C12.8101 6.98651 12.6726 7.01008 12.5477 6.99829C12.0977 6.93937 11.7103 7.05722 11.3229 7.28113C11.0354 7.4579 10.6605 7.50504 10.3481 7.64646C9.62321 7.95286 9.24828 8.48318 9.21078 9.23741C9.21078 9.52024 9.24828 9.80308 9.27327 10.0859C9.33576 10.7105 9.33576 11.3469 9.32326 11.9833C9.32326 12.1129 9.34826 12.1718 9.51073 12.1483C9.84817 12.0775 10.1606 11.9597 10.4606 11.7594V11.7122ZM8.97333 4.35849C8.89834 4.44099 8.84835 4.5117 8.79836 4.57062C8.37344 5.06558 7.83604 5.40734 7.17366 5.57233C6.81123 5.66661 6.4488 5.69018 6.08637 5.67839C5.8989 5.67839 5.84891 5.73732 5.8864 5.90231C5.9239 6.06729 5.94889 6.23228 5.98639 6.39727C6.14886 7.23399 5.79892 7.82323 4.94908 8.10607C4.67413 8.20034 4.39918 8.27105 4.13673 8.40069C3.56184 8.65995 3.24939 9.09599 3.1994 9.69702C3.17441 9.96807 3.17441 10.2273 3.2119 10.4984C3.49935 12.1247 4.37419 13.421 5.71144 14.4463C6.06137 14.7056 6.41131 14.9766 6.86122 15.0709C7.04869 15.118 7.19866 15.2123 7.33613 15.3302C7.86104 15.778 8.47342 16.0726 9.16079 16.2376C9.29827 16.2729 9.44824 16.3083 9.53572 16.1669C9.62321 16.0137 9.51073 15.884 9.37325 15.8016C9.21079 15.6955 9.03582 15.6248 8.86085 15.5187C8.5859 15.3537 8.56091 15.2005 8.77337 14.9766C8.81086 14.9413 8.86085 14.9177 8.84835 14.8588C8.83585 14.7881 8.74837 14.7998 8.69838 14.7881C8.39844 14.7527 8.09849 14.7291 7.81105 14.7056C7.71106 14.7056 7.61108 14.682 7.5236 14.6231C7.01119 14.2695 6.51129 13.8924 6.11136 13.4328C5.31151 12.5254 4.8116 11.4883 4.61164 10.3098C4.57415 10.1213 4.61164 9.95628 4.8491 9.92093C5.07406 9.89736 5.14904 10.027 5.18653 10.2273C5.49898 11.7829 6.27383 13.0557 7.63608 13.9985C7.76106 14.081 7.89853 14.1399 8.061 14.1635C8.47342 14.2224 8.89834 14.1635 9.29827 14.3402C9.34826 14.3638 9.38575 14.3402 9.39825 14.2931C9.44824 14.2224 9.51073 14.1399 9.48573 14.0456C9.46074 13.9631 9.36076 13.9749 9.28577 13.9631C8.42343 13.8335 7.69857 13.4799 7.09868 12.8907C6.78624 12.5843 6.53628 12.2425 6.4488 11.8065C6.38631 11.453 6.51129 11.1937 6.81123 11.0523C7.13617 10.8873 7.48611 10.9344 7.74856 11.1819C7.84854 11.2762 7.93602 11.394 8.036 11.4883C8.23597 11.6769 8.43593 11.8772 8.74837 11.9833C8.74837 11.288 8.74837 10.628 8.64839 9.96807C8.52341 9.13135 8.11099 8.48318 7.24865 8.14142C7.09868 8.0825 6.94871 7.97643 6.81123 7.89394C6.68625 7.81145 6.57378 7.70538 6.49879 7.57575C6.41131 7.44612 6.39881 7.31648 6.51129 7.19864C6.62377 7.08079 6.74874 7.10436 6.88622 7.1515C7.5361 7.41076 8.14848 7.22221 8.52341 6.65653C8.77337 6.27942 8.93584 5.85517 9.01082 5.41913C9.07331 5.07737 9.07331 4.73561 8.98583 4.35849H8.97333ZM6.01138 5.12451C6.09886 5.12451 6.17385 5.12451 6.24884 5.12451C7.24865 5.07737 8.0735 4.73561 8.5734 3.86353C8.64839 3.7339 8.64839 3.63962 8.53591 3.52177C7.61108 2.50828 5.81142 2.57899 5.16154 3.91067C5.02406 4.20529 4.94908 4.49991 4.87409 4.8181C4.68663 5.72553 4.11173 6.27942 3.17441 6.49155C2.98694 6.53869 3.01194 6.59761 3.07443 6.71546C3.37437 7.25756 3.86178 7.51683 4.47417 7.55218C5.13654 7.58753 5.53647 7.12793 5.3865 6.51512C5.33651 6.32656 5.29901 6.138 5.26152 5.94945C5.13654 5.2895 5.349 5.03023 5.99888 5.13629L6.01138 5.12451Z' fill='%23B3B3B3'/%3E%3C/svg%3E"); }
.icon--category-global { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M13.164 8.46001C13.2187 8.9959 13.25 9.5146 13.25 10C13.25 10.9087 13.1402 11.9348 12.9722 12.9722C11.9348 13.1402 10.9087 13.25 10 13.25C9.09541 13.25 8.06965 13.1405 7.02773 12.9719C6.85982 11.9345 6.75 10.9086 6.75 10C6.75 9.51475 6.78132 8.99605 6.83609 8.46001C7.9296 8.63506 9.02047 8.75 10 8.75C10.9796 8.75 12.0705 8.63506 13.164 8.46001Z' fill='%23B3B3B3'/%3E%3Cpath d='M14.6431 8.18992C14.7107 8.81706 14.75 9.42766 14.75 10C14.75 10.8352 14.6664 11.7514 14.5333 12.6812C16.4214 12.2872 18.1667 11.7839 19.1016 11.4974C19.4038 11.4047 19.5224 11.3679 19.6817 11.3042C19.7613 11.2724 19.8343 11.24 19.9294 11.1945C19.976 10.8029 20 10.4042 20 10C20 8.93145 19.8324 7.90204 19.5221 6.93663L19.4412 6.96207C18.4637 7.25947 16.6335 7.78524 14.6431 8.18992Z' fill='%23B3B3B3'/%3E%3Cpath d='M18.954 5.54236C17.9712 5.8402 16.2657 6.32419 14.438 6.70098C14.017 4.14215 13.279 1.59001 12.924 0.434266C15.564 1.24025 17.7403 3.10921 18.954 5.54236Z' fill='%23B3B3B3'/%3E%3Cpath d='M12.9635 6.97361C11.9289 7.14077 10.906 7.25 10 7.25C9.09403 7.25 8.07121 7.14078 7.0366 6.97362C7.43306 4.55243 8.14078 2.0791 8.50265 0.89841C8.59525 0.596246 8.63208 0.477564 8.6958 0.318264C8.72763 0.238688 8.76003 0.165696 8.80546 0.0706097C9.19714 0.0239856 9.59577 0 10 0C10.4223 0 10.8384 0.0261729 11.2469 0.0769851C11.2556 0.110132 11.2636 0.139798 11.2715 0.167863C11.2949 0.250792 11.3316 0.367336 11.3931 0.562894L11.3996 0.583438C11.7081 1.56403 12.5256 4.29906 12.9635 6.97361Z' fill='%23B3B3B3'/%3E%3Cpath d='M5.56194 6.70095C5.98105 4.1534 6.71415 1.61501 7.06849 0.458866L7.07603 0.434256C4.43597 1.24024 2.25972 3.10919 1.04604 5.54234C2.02874 5.84018 3.73424 6.32415 5.56194 6.70095Z' fill='%23B3B3B3'/%3E%3Cpath d='M0.477942 6.93662C0.167598 7.90204 0 8.93145 0 10C0 10.418 0.0256482 10.83 0.0754567 11.2346L0.233055 11.2871L0.23431 11.2875L0.235855 11.288L0.236944 11.2884C0.287668 11.3052 1.77434 11.7962 3.73217 12.2833C4.28463 12.4207 4.86959 12.5566 5.46672 12.6811C5.33357 11.7513 5.25 10.8351 5.25 10C5.25 9.42747 5.28928 8.81687 5.35688 8.1899C3.36598 7.78511 1.53541 7.25916 0.558063 6.9618L0.551268 6.95973L0.477942 6.93662Z' fill='%23B3B3B3'/%3E%3Cpath d='M10 14.75C10.8352 14.75 11.7514 14.6664 12.6812 14.5333C12.2872 16.4214 11.7839 18.1667 11.4974 19.1016C11.4048 19.4037 11.3679 19.5224 11.3042 19.6817C11.2724 19.7613 11.24 19.8343 11.1945 19.9294C10.8029 19.976 10.4042 20 10 20C9.59577 20 9.19714 19.976 8.80546 19.9294C8.76003 19.8343 8.72763 19.7613 8.6958 19.6817C8.63208 19.5224 8.59526 19.4038 8.50265 19.1016C8.21614 18.1668 7.71282 16.4216 7.31884 14.5336C8.24565 14.6663 9.16196 14.75 10 14.75Z' fill='%23B3B3B3'/%3E%3Cpath d='M3.37 13.7389C2.13193 13.4309 1.07748 13.1215 0.434253 12.924C1.40246 16.0954 3.90459 18.5975 7.07603 19.5657L7.06849 19.5411C6.7591 18.5316 6.16092 16.4683 5.73515 14.2651C4.90715 14.105 4.10212 13.9211 3.37 13.7389Z' fill='%23B3B3B3'/%3E%3Cpath d='M19.5411 12.9315C18.5316 13.2409 16.4681 13.8391 14.2649 14.2649C13.8391 16.4681 13.2409 18.5316 12.9315 19.5411L12.924 19.5657C16.0954 18.5975 18.5975 16.0954 19.5657 12.924L19.5411 12.9315Z' fill='%23B3B3B3'/%3E%3Cpath d='M0.105051 11.26C0.139668 11.2645 0.167881 11.2692 0.177244 11.2713C0.185448 11.2734 0.198294 11.2767 0.202955 11.278L0.213247 11.281L0.218788 11.2826L0.224619 11.2844L0.229504 11.286C0.22676 11.2851 0.171198 11.2712 0.105051 11.26Z' fill='%23B3B3B3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--category-inflight { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9992 11.1884C17.7796 10.9686 17.4063 10.9686 17.1867 11.1884L16.7695 11.6059L16.0668 7.035C19.0971 3.95842 20.7827 1.52434 19.6409 0.359634C18.499 -0.783098 16.0449 0.903809 12.9707 3.91447L8.40326 3.21125L8.82048 2.79371C9.04006 2.57395 9.04006 2.20037 8.82048 1.98061L8.3813 1.5411C8.16172 1.32135 7.78842 1.32135 7.56884 1.5411L6.22936 2.88161L2.23289 2.2663C1.94743 2.24432 1.64001 2.3542 1.42042 2.55198L0.322494 3.65076C0.124866 3.84854 0.190742 4.1562 0.454245 4.26608L9.25965 7.80415C7.37121 9.91381 6.12478 11.5128 4.98293 12.8973L1.38172 12.5676C1.16213 12.5457 0.942546 12.6336 0.788835 12.7874L0.0861599 13.4906C-0.0675504 13.6444 -0.00167459 13.8862 0.173994 13.9521L4.30221 15.6882L6.0589 19.8196C6.14674 20.0174 6.38828 20.0613 6.52003 19.9075L7.22271 19.2043C7.37642 19.0504 7.46425 18.8307 7.44229 18.6109L7.13487 15.0069C8.51827 13.8862 10.116 12.6388 12.2241 10.7269L15.7594 19.5391C15.8692 19.7809 16.1766 19.8468 16.3742 19.671L17.4722 18.5722C17.6918 18.3524 17.7796 18.0448 17.7357 17.7591L17.1208 13.7595L18.4603 12.419C18.6799 12.1993 18.6799 11.8257 18.4603 11.6059L17.9992 11.1884Z' fill='%23B3B3B3'/%3E%3C/svg%3E"); }
.icon--category-local { --icon: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0125 13.9869C8.03875 13.9869 6.43375 12.3651 6.43375 10.3705C6.43375 8.376 8.03875 6.75411 10.0125 6.75411C11.9863 6.75411 13.5925 8.376 13.5925 10.3705C13.5925 12.3651 11.9863 13.9869 10.0125 13.9869ZM10 0C4.48625 0 0 4.58905 0 10.2303C0 17.0615 5.8175 24 10 24C14.1813 24 20 17.0615 20 10.2303C20 4.58905 15.5137 0 10 0Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--category-regional { --icon: url("data:image/svg+xml,%3Csvg width='20.001' height='20.0003' viewBox='0 0 20.001 20.0003' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M4.45444 0C1.99814 0 0 1.96251 0 4.37502C0 6.62003 3.57374 10.5963 3.981 11.0425C4.10191 11.1738 4.27372 11.2501 4.45444 11.2501C4.63517 11.2501 4.80698 11.1738 4.92789 11.0425C5.33515 10.5963 8.90889 6.62003 8.90889 4.37502C8.90889 1.96251 6.91075 0 4.45444 0ZM4.45444 6.25003C3.40065 6.25003 2.5454 5.41002 2.5454 4.37502C2.5454 3.34001 3.40065 2.50001 4.45444 2.50001C5.50824 2.50001 6.36349 3.34001 6.36349 4.37502C6.36349 5.41002 5.50824 6.25003 4.45444 6.25003Z' fill='%23B3B3B3'/%3E%3Cpath d='M15.5542 7.93886C15.4702 7.67761 15.2246 7.50011 14.9458 7.50011H9.13725C8.08091 9.37887 6.51803 11.1751 5.87532 11.8776C5.51387 12.2726 4.99589 12.5001 4.45499 12.5001C3.91409 12.5001 3.3961 12.2726 3.03466 11.8776C2.78648 11.6064 2.40213 11.1726 1.96177 10.6351L0.421809 17.4427C0.365811 17.6939 0.471445 17.9527 0.687803 18.0964C0.79471 18.1677 0.919434 18.2027 1.04289 18.2027C1.17016 18.2027 1.29615 18.1664 1.40561 18.0914L15.3073 8.63761C15.5376 8.48386 15.6356 8.20011 15.5542 7.93886Z' fill='%23B3B3B3'/%3E%3Cpath d='M19.986 17.6362L18.1024 9.30745C18.0566 9.10369 17.9102 8.93744 17.7129 8.86119C17.5144 8.78494 17.2917 8.81119 17.1186 8.92869L10.9931 13.0937C10.8098 13.2187 10.7067 13.4275 10.7207 13.6437C10.7335 13.8625 10.862 14.0575 11.058 14.1587L19.0658 18.3237C19.16 18.3725 19.2618 18.3975 19.3636 18.3975C19.4998 18.3975 19.636 18.355 19.7493 18.2687C19.9465 18.1212 20.0394 17.875 19.986 17.6362Z' fill='%23B3B3B3'/%3E%3Cpath d='M17.3058 18.8239L9.2967 14.6589C9.08798 14.5501 8.83344 14.5651 8.63617 14.6964L2.51195 18.8614C2.28286 19.0177 2.18359 19.3014 2.26759 19.5627C2.34904 19.8214 2.59595 20.0002 2.87339 20.0002H17.0067C17.2982 20.0002 17.554 19.8052 17.624 19.5252C17.6952 19.2464 17.5629 18.9577 17.3058 18.8239Z' fill='%23B3B3B3'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--chart-pie { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12.2566 13.0677C11.6264 13.5291 10.8496 13.8019 10.0087 13.8019C7.90418 13.8019 6.19812 12.0958 6.19812 9.99125C6.19812 8.08594 7.59645 6.5073 9.42281 6.22543V0C4.17117 0.303867 0 4.66394 0 9.99121C0 15.5152 4.48477 20 10.0088 20C12.5598 20 14.8889 19.043 16.658 17.4691L12.2566 13.0677Z' fill='%23365081'/%3E%3Cpath d='M13.7745 10.5771C13.6796 11.1921 13.4375 11.7584 13.0855 12.2393L17.4866 16.6404C18.9391 15.0078 19.8657 12.898 20 10.5771H13.7745Z' fill='%23365081'/%3E%3Cpath d='M10.5947 6.22543C12.2301 6.47781 13.5222 7.76992 13.7746 9.40531H20C19.7074 4.34758 15.6524 0.292617 10.5947 0V6.22543Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--clear-field { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6.17285 0.761416C8.00011 0.00453937 10.0114 -0.193772 11.9512 0.19208C13.8908 0.577954 15.6728 1.53001 17.0713 2.92841C18.9466 4.80372 19.9999 7.34762 20 9.9997C20 12.6518 18.9466 15.1956 17.0713 17.071C15.6728 18.4694 13.8908 19.4214 11.9512 19.8073C10.0114 20.1932 8.00011 19.9958 6.17285 19.239C4.34567 18.4821 2.78432 17.1998 1.68555 15.5554C0.586766 13.9109 -6.48368e-08 11.9775 0 9.9997C4.62818e-05 8.02197 0.586776 6.08846 1.68555 4.44403C2.78428 2.79977 4.34584 1.51827 6.17285 0.761416ZM13.2139 5.87665C12.9729 5.87672 12.7417 5.97282 12.5713 6.14325L10 8.71454L7.42871 6.14325C7.25828 5.97282 7.02715 5.87672 6.78613 5.87665C6.54503 5.87665 6.31307 5.97276 6.14258 6.14325C5.97232 6.3137 5.87695 6.5449 5.87695 6.78583C5.87696 7.02676 5.97232 7.25796 6.14258 7.42841L8.71387 9.9997L6.14258 12.571C5.97228 12.7413 5.87708 12.9727 5.87695 13.2136C5.87695 13.4546 5.97216 13.6866 6.14258 13.8571C6.31307 14.0276 6.54503 14.1227 6.78613 14.1227C7.02709 14.1227 7.25829 14.0275 7.42871 13.8571L10 11.2858L12.5713 13.8571C12.7417 14.0275 12.9729 14.1227 13.2139 14.1227C13.455 14.1227 13.6869 14.0276 13.8574 13.8571C14.0278 13.6866 14.123 13.4546 14.123 13.2136C14.1229 12.9727 14.0277 12.7413 13.8574 12.571L11.2861 9.9997L13.8574 7.42841C14.0277 7.25796 14.123 7.02676 14.123 6.78583C14.123 6.5449 14.0277 6.3137 13.8574 6.14325C13.6869 5.97276 13.455 5.87665 13.2139 5.87665Z' fill='%2394B4D6'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--clock { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32121C0.00303301 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67878 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C13.9978 5.14416 13.2596 3.36495 11.9473 2.05267C10.635 0.74039 8.85584 0.00218939 7 0ZM9.359 9.359C9.23966 9.4783 9.07783 9.54532 8.90909 9.54532C8.74035 9.54532 8.57852 9.4783 8.45918 9.359L6.55009 7.44991C6.43074 7.33059 6.36367 7.16876 6.36364 7V3.18182C6.36364 3.01304 6.43068 2.85118 6.55002 2.73184C6.66937 2.6125 6.83123 2.54545 7 2.54545C7.16878 2.54545 7.33064 2.6125 7.44998 2.73184C7.56932 2.85118 7.63636 3.01304 7.63636 3.18182V6.73654L9.359 8.45918C9.4783 8.57852 9.54532 8.74035 9.54532 8.90909C9.54532 9.07783 9.4783 9.23966 9.359 9.359Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--close-circle { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.48643 0 0 4.48656 0 10C0 15.5134 4.48643 20 10 20C15.5148 20 20 15.5145 20 10C20 4.48547 15.5148 0 10 0ZM13.717 13.7164C13.5813 13.8518 13.401 13.926 13.2097 13.926C13.0202 13.926 12.8388 13.8503 12.7048 13.7164L10 11.0131L7.29754 13.7164C7.018 13.9961 6.56261 13.9961 6.28307 13.7164C6.00339 13.4367 6.0032 12.983 6.28307 12.7033L8.98787 10L6.28303 7.29665C6.0032 7.01697 6.00334 6.56326 6.28303 6.28359C6.56252 6.0041 7.01805 6.00401 7.29749 6.28359L10 8.98694L12.7048 6.28364C12.9843 6.00425 13.4374 6.0041 13.717 6.28364C13.9967 6.56336 13.9967 7.01693 13.717 7.2967L11.0145 10L13.7169 12.7033C13.9966 12.983 13.997 13.4369 13.717 13.7164Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--cloud-down { --icon: url("data:image/svg+xml,%3Csvg width='40' height='32' viewBox='0 0 40 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12C6 13.4407 6.2539 14.8221 6.71938 16.102C2.90986 16.7148 0 20.0176 0 24C0 28.4182 3.58172 32 8 32H28C34.6274 32 40 26.6274 40 20C40 13.8266 35.3384 8.74206 29.3432 8.07432C27.717 3.37476 23.2526 0 18 0C11.3726 0 6 5.37258 6 12ZM21.5 10.6C21.5 9.77158 20.8284 9.1 19.9999 9.1C19.1715 9.1 18.4999 9.77158 18.4999 10.6V21.3786L15.0607 17.9394C14.4749 17.3536 13.5251 17.3536 12.9393 17.9394C12.3536 18.5252 12.3536 19.4748 12.9393 20.0606L18.9393 26.0606C19.5251 26.6464 20.4748 26.6464 21.0606 26.0606L27.0606 20.0606C27.6464 19.4748 27.6464 18.5252 27.0606 17.9394C26.4748 17.3536 25.5252 17.3536 24.9394 17.9394L21.5 21.3788V10.6Z' fill='%2310B981'/%3E%3C/svg%3E"); }
.icon--cloud-up { --icon: url("data:image/svg+xml,%3Csvg width='40' height='32' viewBox='0 0 40 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12C6 13.4407 6.2539 14.8221 6.71938 16.102C2.90986 16.7148 0 20.0176 0 24C0 28.4182 3.58172 32 8 32H28C34.6274 32 40 26.6274 40 20C40 13.8266 35.3384 8.74206 29.3432 8.07434C27.717 3.37478 23.2526 0 18 0C11.3726 0 6 5.37258 6 12ZM21.0606 8.93934C20.4748 8.35356 19.5251 8.35356 18.9393 8.93934L12.9393 14.9393C12.3536 15.5252 12.3536 16.4748 12.9393 17.0606C13.5251 17.6464 14.4749 17.6464 15.0607 17.0606L18.4999 13.6214V24.4C18.4999 25.2284 19.1715 25.9 19.9999 25.9C20.8284 25.9 21.5 25.2284 21.5 24.4V13.6212L24.9394 17.0606C25.5252 17.6464 26.4748 17.6464 27.0606 17.0606C27.6464 16.4748 27.6464 15.5252 27.0606 14.9393L21.0606 8.93934Z' fill='%23925CFF'/%3E%3C/svg%3E"); }
.icon--companion-currency { --icon: url("data:image/svg+xml,%3Csvg width='28.8136' height='30' viewBox='0 0 28.8136 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M18.6213 1.53539C14.4117 1.53539 10.9214 4.67386 10.1373 8.83424C10.1557 8.83424 10.1721 8.83121 10.1905 8.83121C15.7672 8.83121 20.3045 13.5748 20.3045 19.406C20.3045 19.4242 20.3016 19.4424 20.3016 19.4606C24.2811 18.6408 27.2831 14.9919 27.2831 10.591C27.2841 5.58862 23.4071 1.53539 18.6213 1.53539Z' fill='%23F8A026'/%3E%3Cpath d='M10.1904 10.3474C5.40557 10.3474 1.52566 14.4026 1.52566 19.406C1.52566 24.4083 5.4046 28.4646 10.1904 28.4646C14.9763 28.4646 18.8552 24.4093 18.8552 19.406C18.8552 14.4026 14.9763 10.3474 10.1904 10.3474ZM11.0567 23.2965V23.6957C11.0567 24.1981 10.6671 24.6054 10.1866 24.6054C9.70605 24.6054 9.31641 24.1981 9.31641 23.6957V23.5401C8.89584 23.5199 8.4917 23.345 8.19005 23.0407C7.85263 22.6991 7.66699 22.2412 7.66699 21.751C7.66699 21.2507 8.05373 20.8474 8.53328 20.8453H8.53714C9.00703 20.8453 9.39086 21.2395 9.40633 21.7277C9.65577 21.7176 11.2665 21.6226 11.283 20.9484C11.2859 20.8514 11.0586 20.5471 9.99126 20.2934C8.16395 19.8588 7.27929 18.9996 7.36147 17.7362C7.40595 17.0519 7.75111 15.9966 9.31641 15.5165V15.1152C9.31641 14.6128 9.70605 14.2055 10.1866 14.2055C10.6671 14.2055 11.0567 14.6128 11.0567 15.1152V15.2739C11.486 15.286 11.8698 15.4579 12.1763 15.7682C12.5108 16.1058 12.7023 16.5778 12.7023 17.063C12.7023 17.5653 12.3126 17.9727 11.8321 17.9727C11.3516 17.9727 10.962 17.5653 10.962 17.063C10.4341 17.1054 9.13948 17.2207 9.09791 17.8605C9.09404 17.9191 9.13852 18.2244 10.377 18.5185C12.1637 18.943 13.0532 19.7769 13.0233 20.9959C13.0088 21.5761 12.7564 22.7729 11.0567 23.2965Z' fill='%23F8A026'/%3E%3Cpath d='M1.7403 8.21968V6.84704C1.7403 5.2217 3.00492 3.8996 4.55959 3.8996H5.88029L5.37753 4.4252C5.03721 4.781 5.03721 5.35714 5.37753 5.71193C5.5477 5.88982 5.77007 5.97877 5.99244 5.97877C6.21481 5.97877 6.43719 5.88982 6.60735 5.71193L8.59613 3.63275C8.67637 3.54885 8.74019 3.44879 8.78369 3.33659C8.87167 3.11422 8.87167 2.86354 8.78369 2.64117C8.73922 2.52999 8.67637 2.42891 8.59613 2.34501L6.60831 0.266846C6.26799 -0.0889488 5.71786 -0.0889488 5.3785 0.266846C5.03914 0.622641 5.03818 1.19879 5.3785 1.55357L5.88126 2.07918H4.55959C2.04486 2.07918 0 4.21799 0 6.84704V8.21968C0 8.72203 0.389634 9.12938 0.870151 9.12938C1.35067 9.12938 1.7403 8.72203 1.7403 8.21968Z' fill='%23F8A026'/%3E%3Cpath d='M27.9415 20.8686C27.461 20.8686 27.0714 21.276 27.0714 21.7783V23.151C27.0714 24.7763 25.8068 26.0984 24.2531 26.0984H22.9314L23.4342 25.5728C23.7745 25.217 23.7745 24.6409 23.4342 24.2861C23.0938 23.9313 22.5427 23.9303 22.2034 24.2861L20.2146 26.3653C20.2088 26.3713 20.2078 26.3794 20.202 26.3855C20.1295 26.4653 20.0686 26.5573 20.027 26.6614C19.9391 26.8838 19.9391 27.1355 20.027 27.3578C20.0686 27.462 20.1295 27.5529 20.202 27.6338C20.2078 27.6399 20.2088 27.6479 20.2146 27.654L22.2034 29.7332C22.3735 29.9111 22.5959 30 22.8193 30C23.0426 30 23.265 29.9111 23.4351 29.7332C23.7755 29.3774 23.7755 28.8012 23.4351 28.4465L22.9324 27.9209H24.254C26.7678 27.9209 28.8136 25.782 28.8136 23.153V21.7804C28.8117 21.276 28.4221 20.8686 27.9415 20.8686Z' fill='%23F8A026'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--companion-places { --icon: url("data:image/svg+xml,%3Csvg width='28.6957' height='30' viewBox='0 0 28.6957 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.199 20L28.686 29.1686C28.7201 29.3757 28.663 29.5871 28.531 29.7471C28.3989 29.9079 28.2049 30 28.0005 30H21.9948V20H27.199Z' fill='%2310B981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8384 20C16.6823 21.3921 15.7973 22.2557 15.7827 22.2693C14.9784 23.0528 13.7173 23.0528 12.913 22.2693C12.8928 22.25 11.2084 20.6071 9.44612 18.1893L6.98864 20.7143L16.026 30H20.6045V20H17.8384Z' fill='%2310B981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.06 30H0.695109C0.490731 30 0.296769 29.9079 0.164693 29.7472C0.0326064 29.5872 -0.0243992 29.3757 0.009662 29.1686L0.259229 27.6293L6.00563 21.7243L14.06 30Z' fill='%2310B981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.04145 14.2857H3.01216C2.67222 14.2857 2.38232 14.5378 2.3267 14.8828L0.652007 25.2043L8.62577 17.0114C8.44086 16.7328 8.25803 16.4464 8.07866 16.1543C7.71021 15.5536 7.36054 14.9286 7.04145 14.2857Z' fill='%2310B981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6542 14.2857C21.3351 14.9286 20.9854 15.5536 20.617 16.1543C20.0838 17.0236 19.5179 17.8379 18.9673 18.5714H26.9675L26.3689 14.8828C26.3133 14.5378 26.0234 14.2857 25.6835 14.2857H21.6542Z' fill='%2310B981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3479 0C10.128 0 6.70113 3.52104 6.70113 7.85684C6.70113 10.4179 7.8506 13.1021 9.25514 15.3916C10.2786 17.0653 11.4342 18.5242 12.3317 19.5663C13.2291 20.6084 13.8684 21.2337 13.8684 21.2337C14.0036 21.3631 14.1757 21.4295 14.3479 21.4295C14.52 21.4295 14.6921 21.3631 14.8273 21.2337C14.8273 21.2337 15.8539 20.2326 17.1294 18.6474V18.5716H17.1908C17.9131 17.6684 18.7091 16.5852 19.4406 15.3916C20.8451 13.1021 21.9946 10.4179 21.9946 7.85684C21.9946 3.52104 18.5677 0 14.3479 0ZM14.3479 11.501C12.387 11.501 10.798 9.86842 10.798 7.85684C10.798 5.84841 12.387 4.21578 14.3479 4.21578C16.3087 4.21578 17.8977 5.84841 17.8977 7.85684C17.8977 9.86842 16.3087 11.501 14.3479 11.501Z' fill='%2310B981'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--companion-translate { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M24.8679 8.77422C20.3757 6.51384 14.76 7.26078 11.0104 11.015C7.35358 14.6764 6.55356 20.115 8.61034 24.554C8.32476 24.4155 8.04203 24.2604 7.76294 24.0877C7.48584 23.9162 7.34729 23.8305 7.24253 23.789C7.04223 23.7095 6.89033 23.6866 6.67554 23.7032C6.56321 23.7119 6.43594 23.7449 6.18143 23.8109C4.57959 24.2266 3.77859 24.4345 3.20159 24.3169C2.20012 24.1129 1.41745 23.3292 1.21364 22.3265C1.09622 21.7488 1.30381 20.9469 1.71899 19.343C1.78498 19.0881 1.81798 18.9606 1.82663 18.8478C1.84311 18.6327 1.81969 18.4788 1.73998 18.2785C1.69816 18.1733 1.61267 18.0356 1.44168 17.7601C-1.64596 12.7855 0.743592 6.75471 3.7598 3.73473C8.73324 -1.24491 16.7968 -1.24491 21.7702 3.73473C23.233 5.19938 24.2656 6.9317 24.8679 8.77422Z' fill='%237C3AED'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.607 28.8369C19.5064 31.3741 14.4541 29.3117 12.0716 26.9263C7.97582 22.8254 7.97582 16.1765 12.0716 12.0757C16.1674 7.97478 22.8079 7.97478 26.9037 12.0757C29.3876 14.5627 31.3555 19.5292 28.8127 23.6259C28.6719 23.8528 28.6015 23.9663 28.5671 24.0528C28.5014 24.2179 28.4821 24.3446 28.4957 24.5217C28.5028 24.6146 28.53 24.7196 28.5844 24.9295C28.9263 26.2503 29.0972 26.9108 29.0005 27.3865C28.8327 28.2123 28.1881 28.8577 27.3634 29.0257C26.8882 29.1225 26.2286 28.9514 24.9095 28.609C24.6999 28.5546 24.595 28.5274 24.5025 28.5203C24.3256 28.5066 24.2005 28.5255 24.0356 28.5909C23.9493 28.6251 23.8352 28.6957 23.607 28.8369ZM16.4998 19.5C16.4998 20.3284 15.8283 21 14.9998 21C14.1714 21 13.4998 20.3284 13.4998 19.5C13.4998 18.6716 14.1714 18 14.9998 18C15.8283 18 16.4998 18.6716 16.4998 19.5ZM20.9999 19.5C20.9999 20.3284 20.3283 21 19.4999 21C18.6714 21 17.9999 20.3284 17.9999 19.5C17.9999 18.6716 18.6714 18 19.4999 18C20.3283 18 20.9999 18.6716 20.9999 19.5ZM23.9999 21C24.8284 21 25.4999 20.3284 25.4999 19.5C25.4999 18.6716 24.8284 18 23.9999 18C23.1715 18 22.4999 18.6716 22.4999 19.5C22.4999 20.3284 23.1715 21 23.9999 21Z' fill='%237C3AED'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--companion-trip-planner { --icon: url("data:image/svg+xml,%3Csvg width='28.6957' height='30' viewBox='0 0 28.6957 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M22.7548 15.8789C20.7748 15.8789 19.0988 16.4144 18.0439 17.258L9.96619 15.161C9.71566 14.341 9.06138 13.6276 8.14665 13.126L7.11551 14.7442C6.58924 15.4841 5.83474 15.8789 5.04416 15.8789C4.25357 15.8789 3.49908 15.4841 3.02532 14.8223L1.94222 13.1257C0.768113 13.7694 0 14.7569 0 15.8789C0 17.8205 2.25833 19.3945 5.04416 19.3945C7.29755 19.3945 9.18317 18.3577 9.83033 16.9366L16.9663 18.7873C16.9131 18.9848 16.87 19.1852 16.87 19.3946C16.87 20.126 17.2139 20.7888 17.8049 21.3395L14.2407 23.4687C13.3189 23.1156 12.2093 22.9102 10.9851 22.9102C7.63046 22.9102 5.04416 24.4216 5.04416 26.4258C5.04416 28.4299 7.63046 30 10.9851 30C14.3396 30 16.8699 28.4299 16.8699 26.4258C16.8699 25.6944 16.526 25.0315 15.935 24.4809L19.4991 22.3516C20.4209 22.7047 21.5305 22.9102 22.7548 22.9102C26.1093 22.9102 28.6957 21.3987 28.6957 19.3945C28.6957 17.3904 26.1093 15.8789 22.7548 15.8789Z' fill='%23F97316'/%3E%3Cpath d='M4.37177 13.7692C4.53021 13.9906 4.77979 14.1211 5.04416 14.1211C5.30853 14.1211 5.5581 13.9906 5.71654 13.7692L9.08178 8.43457C9.74021 7.51705 10.0883 6.42445 10.0883 5.27344C10.0883 2.36549 7.82567 0 5.04416 0C2.26264 0 0 2.36549 0 5.27344C0 6.42357 0.348103 7.51705 1.00653 8.43457L4.37177 13.7692ZM5.04416 2.63672C6.43489 2.63672 7.56624 3.81949 7.56624 5.27344C7.56624 6.72738 6.43489 7.91016 5.04416 7.91016C3.65343 7.91016 2.52208 6.72738 2.52208 5.27344C2.52208 3.81949 3.65343 2.63672 5.04416 2.63672Z' fill='%23F97316'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--compatibility { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C2.61667 0 0 2.61667 0 10C0 17.3833 2.61667 20 10 20C17.3833 20 20 17.3833 20 10C20 2.61667 17.3833 0 10 0ZM16.8667 11.7167V11.9417C16.8333 13.25 16.725 14.0917 16.2167 14.7917C16.0083 15.0833 15.75 15.3417 15.4583 15.5583C15.0167 15.875 14.4833 16.0583 13.725 16.1417C13.075 16.2083 12.2583 16.2083 11.2333 16.2083H8.75833C7.725 16.2083 6.91667 16.2083 6.26667 16.1417C5.50833 16.0583 4.975 15.875 4.53333 15.5583C4.25833 15.3583 4.00833 15.1167 3.8 14.8333C3.45833 14.3583 3.275 13.825 3.19167 13.0667C3.125 12.4167 3.125 10.5083 3.125 9.48333V9.225C3.125 8.36667 3.46667 7.56667 4.06667 6.95833L6.29166 4.74167C6.9 4.13333 7.7 3.8 8.55 3.79167H11.2417C12.275 3.79167 13.0917 3.79167 13.7417 3.85833C14.5 3.94167 15.0333 4.125 15.475 4.44167C15.7667 4.65833 16.0167 4.91667 16.2333 5.20833C16.55 5.65 16.7333 6.18333 16.8167 6.94167L16.8583 7.33333L16.8333 7.31667C16.875 8.275 16.875 10.2583 16.875 11.1833C16.875 11.4556 16.8722 11.6333 16.8667 11.7167ZM15.1 6.04167C14.9833 5.88333 14.8417 5.74167 14.6583 5.6C14.425 5.43333 14.1167 5.33333 13.6083 5.28333C13.0333 5.21667 12.25 5.21667 11.2667 5.21667H8.575C8.1 5.225 7.65833 5.40833 7.31667 5.75L5.1 7.96667C4.75833 8.31667 4.56666 8.76667 4.56666 9.23333V9.49167C4.56666 10.4167 4.56666 12.35 4.625 12.925C4.68333 13.4167 4.775 13.725 4.94167 13.9667L4.98333 14.0333C5.09166 14.175 5.225 14.3 5.38333 14.4167C5.61667 14.5833 5.925 14.6833 6.43333 14.7417C7.00833 14.8083 7.79167 14.8083 8.775 14.8083H11.25C12.2333 14.8083 13.0167 14.8083 13.5833 14.7417C14.0917 14.6833 14.4083 14.5833 14.6417 14.4167C14.8167 14.2917 14.9667 14.1417 15.0917 13.975C15.375 13.5833 15.4417 12.925 15.4667 11.925L15.4833 11.225C15.4833 10.3417 15.4833 7.675 15.425 7.1C15.3667 6.59167 15.275 6.275 15.1 6.04167ZM9.575 12.95C9.575 13.45 9.16667 13.85 8.675 13.85C8.18333 13.85 7.76667 13.45 7.76667 12.95V11.2917C7.76667 10.7917 8.175 10.3917 8.675 10.3917C9.175 10.3917 9.575 10.7917 9.575 11.2917V12.95ZM11.9583 12.9417C11.9583 13.4417 11.55 13.85 11.05 13.85C10.55 13.85 10.15 13.4417 10.15 12.9417V10.2083C10.15 9.71667 10.5583 9.30833 11.05 9.30833C11.5417 9.30833 11.9583 9.71667 11.9583 10.2083V12.9417ZM14.525 12.95C14.525 13.45 14.125 13.85 13.625 13.85C13.125 13.85 12.725 13.45 12.725 12.95V8.70833C12.725 8.20833 13.125 7.80833 13.625 7.80833C14.125 7.80833 14.525 8.20833 14.525 8.70833V12.95Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--copy { --icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2383 0H5.96168C4.43904 0 3.2 1.23904 3.2 2.76168V3.2H2.76168C1.23904 3.2 0 4.43904 0 5.96168V13.2382C0 14.761 1.23904 16 2.76168 16H10.0382C11.437 16 12.584 14.9506 12.7634 13.6H13.2382C14.761 13.6 16 12.361 16 10.8383V2.76168C16 1.23904 14.761 0 13.2383 0ZM14.4 10.8383C14.4 11.4789 13.8789 12 13.2383 12H12.8V5.96168C12.8 4.43904 11.561 3.2 10.0383 3.2H4.8V2.76168C4.8 2.12112 5.32112 1.6 5.96168 1.6H13.2382C13.8789 1.6 14.4 2.12112 14.4 2.76168V10.8383Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--cruise-sea-land { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M4.44071 10.6968C5.22352 10.2045 6.10268 9.86835 7.0541 9.79631C8.10186 9.71226 9.11349 9.98841 9.96856 10.5767L12.4013 8.39156L13.0396 7.74322C13.3166 7.45507 13.7622 7.43106 14.0873 7.63517C14.1957 7.68319 14.3041 7.68319 14.4005 7.59915L16.7369 5.07781L17.2065 4.62157C17.4594 4.35743 17.893 4.24937 18.2061 4.44147L19.0371 4.95775L20.6991 6.12236C21.229 6.49456 21.7468 6.83074 22.3249 7.1309L23.0114 7.43106L22.915 7.11889C22.3129 5.84622 21.5541 4.6696 20.5907 3.63705C19.7356 2.73657 18.7842 1.98017 17.6762 1.39186C14.7859 -0.180972 11.4137 -0.397086 8.2825 0.623454C7.31905 0.935619 6.43989 1.37985 5.58482 1.93215C5.01879 2.31635 4.50093 2.71256 3.99511 3.1688C2.98348 4.1053 2.12841 5.19787 1.47808 6.39851C0.309885 8.57166 -0.232061 11.177 0.0931065 13.6263C0.201496 13.6383 0.309885 13.6263 0.406231 13.5903C1.41786 13.2421 2.34519 12.4977 3.128 11.7654C3.54951 11.3811 3.95898 11.009 4.45276 10.6848L4.44071 10.6968ZM10.2335 2.92867C11.1247 2.5925 12.0761 3.04874 12.3772 3.93721C12.6301 4.75364 12.2688 5.6181 11.5101 6.03832C10.9681 6.33848 10.3539 6.30246 9.82404 6.0023C9.3664 5.73816 9.06532 5.20988 9.04123 4.64558C9.01714 3.88918 9.51092 3.19281 10.2335 2.92867Z' fill='white'/%3E%3Cpath d='M16.4379 19.3894L15.4745 18.9451C14.7278 18.609 14.1858 17.9606 14.511 17.1802C14.8 16.4358 15.619 16.0516 16.3777 15.7875C15.908 15.7034 15.4504 15.7395 14.9807 15.7995C14.3063 15.8835 13.6921 16.0876 13.0779 16.3158L11.8494 16.772C10.4524 17.2162 8.86272 17.2162 7.64635 16.3518C6.57451 15.5954 6.16504 14.3227 6.79128 13.1701C7.18871 12.4257 7.87517 11.9574 8.73024 11.7413C8.23647 11.5132 7.71861 11.4892 7.18871 11.5853C6.51429 11.6693 5.90008 11.9334 5.3461 12.3056C4.96071 12.5578 4.6235 12.8339 4.2622 13.1341C3.10605 14.1066 2.01012 14.899 0.492673 15.2712C0.480629 15.3072 0.456543 15.3913 0.456543 15.4273C0.589019 15.8475 0.709451 16.2557 0.890099 16.6399C0.926229 16.6759 1.03462 16.6759 1.09483 16.6399L2.23894 16.1477C3.32283 15.6674 4.39468 15.5834 5.53879 15.9916C6.06869 16.1717 6.53838 16.3998 7.00806 16.6759L8.00765 17.2763C8.86272 17.7925 9.77801 18.0687 10.8017 18.0687C11.3436 18.0687 11.8494 17.9846 12.3914 17.9246L13.403 17.8166C13.4753 17.8166 13.5837 17.8646 13.6078 17.9366C13.6318 18.0087 13.6078 18.0927 13.5475 18.1527C13.1983 18.4409 12.837 18.669 12.4275 18.8611C10.9823 19.6055 9.27219 19.5815 7.80291 18.8611L6.53838 18.1767C5.39427 17.5644 4.34651 17.1322 3.04584 17.5764C2.5882 17.7325 2.17873 17.9126 1.74517 18.1047C1.74517 18.1527 1.72108 18.2608 1.75721 18.2968L2.2269 19.0412C2.2269 19.0412 2.37142 19.1132 2.43163 19.0892L3.33488 18.717C4.15382 18.4529 5.02093 18.4649 5.83987 18.7651C6.27342 18.9211 6.67085 19.1493 7.06828 19.3774L8.11604 19.9777C8.68207 20.2418 9.26015 20.3979 9.87435 20.3859C10.344 20.3739 10.8017 20.2779 11.2352 20.0978L12.2469 19.7136C13.2826 19.3294 14.5351 19.3654 15.4865 19.8936C15.7635 20.0377 16.1007 20.3019 15.9923 20.494C15.9562 20.542 15.8598 20.578 15.7876 20.566C14.8121 20.4099 13.8366 20.518 12.9092 20.8782L11.7531 21.4064C10.2838 22.0788 8.62185 22.0428 7.20075 21.2984L6.09278 20.6501C5.76761 20.4579 5.41835 20.2658 5.04501 20.1578C4.50307 20.0137 3.92499 20.0497 3.41918 20.3019C3.35896 20.3139 3.39509 20.4459 3.44326 20.482C4.08156 21.0943 4.76802 21.6826 5.53879 22.1749C7.44162 23.3875 9.66962 24.0118 11.9578 23.9998C12.2348 23.9998 12.4275 23.9518 12.6443 23.8077L14.4147 22.6791L15.5347 21.9948C16.1007 21.6586 16.8353 21.2023 17.1123 20.6741C17.2809 20.3619 17.2448 20.0257 16.9799 19.7736C16.8353 19.6175 16.6547 19.4734 16.4379 19.3894Z' fill='white'/%3E%3Cpath d='M23.7339 9.46011C23.7098 9.38807 23.6375 9.28001 23.5894 9.26801C23.0113 9.12393 22.4814 8.93183 21.9394 8.66769C21.0723 8.22345 20.2775 7.71919 19.4585 7.16689L18.0254 6.19438C17.9531 6.14635 17.8568 6.15836 17.8086 6.20639L17.086 6.9868L14.8701 9.41208C14.6172 9.70023 14.2559 9.76027 13.9066 9.59218C13.7982 9.52014 13.6537 9.52014 13.5453 9.60418L11.7147 10.9489C11.51 11.093 11.3173 11.213 11.0764 11.2971C10.9801 11.3331 10.8958 11.3091 10.7874 11.3331C11.1005 11.7053 11.3655 12.0895 11.498 12.5457C11.6064 12.8939 11.6666 13.4342 11.3655 13.5183C11.0403 13.6263 10.9078 13.1461 10.2936 12.9299C9.83599 12.7739 9.35426 12.8219 8.96888 13.11C8.61963 13.3622 8.36672 13.7824 8.40285 14.2386C8.42694 14.7189 8.71597 15.1271 9.14953 15.3552C9.93234 15.7634 10.8717 15.5113 11.6907 15.2712L13.0997 14.8269C15.0748 14.2987 17.0138 14.3467 18.9166 15.1151C18.9889 15.1511 19.0611 15.1631 19.1334 15.1631C19.1695 13.9745 18.9527 12.8099 18.6396 11.6453C18.1699 12.2096 17.8447 12.8819 17.6761 13.6023C17.6641 13.6743 17.5678 13.7464 17.5075 13.7464C17.3028 13.7944 17.1222 13.4102 17.0499 13.1341C16.8692 12.4137 17.1101 11.6813 17.6521 11.153C17.0017 11.3451 16.4598 11.6813 15.9901 12.1255C15.9299 12.1735 15.8094 12.2096 15.7492 12.1735C15.5084 12.0895 15.6529 11.4171 15.8937 11.0209C16.2912 10.4086 16.9776 10.0364 17.7364 10.0124C17.2787 9.71224 16.7729 9.59218 16.231 9.56816C16.1707 9.56816 16.0864 9.49613 16.0623 9.4481C15.966 9.14794 16.809 8.59565 17.6159 8.72772C18.0495 8.79976 18.3987 9.02788 18.6878 9.36406C19.0491 8.4996 20.0487 8.00734 20.8676 8.45157C20.9399 8.48759 21.0001 8.57164 20.976 8.64367C20.976 8.6917 20.9158 8.78775 20.8435 8.79976C20.41 8.97985 20.0607 9.24399 19.7717 9.61619C20.6388 9.35205 21.542 9.73625 21.8913 10.5527C21.9274 10.6607 21.9274 10.8048 21.8672 10.9009C21.7949 10.9729 21.6865 10.9369 21.5902 10.9009C21.0844 10.7088 20.5786 10.5887 20.0125 10.6367C20.5545 10.9369 20.8796 11.4652 20.8796 12.0535C20.8796 12.1375 20.8194 12.2336 20.7713 12.2696C20.711 12.2816 20.5906 12.2696 20.5545 12.2216C20.2052 11.8734 19.8078 11.6213 19.3622 11.4051C19.9041 12.7258 20.1932 14.0705 20.3016 15.4873L20.9399 15.6434C21.0844 14.863 21.3252 14.1546 21.6624 13.4582C21.4095 13.6143 21.2409 13.7704 21.0603 13.9745C21.0242 14.0105 20.9158 14.0225 20.8917 13.9865C20.8556 13.9745 20.8194 13.9025 20.8194 13.8664C20.7953 13.4942 20.988 13.1941 21.3132 12.978C20.9519 12.942 20.6026 13.1941 20.4943 13.086C20.2775 12.8939 20.8556 12.1856 21.5781 12.3296C21.4457 12.1495 21.253 11.9934 21.0844 11.8734C21.0482 11.8374 21.0482 11.7293 21.0603 11.7173C21.3132 11.4532 21.9997 11.6453 22.2164 12.1015C22.385 11.8734 22.6139 11.7533 22.8668 11.7173C23.216 11.6453 23.5894 11.8254 23.5171 12.0175C23.493 12.0535 23.4448 12.1015 23.3846 12.1255C23.1679 12.1976 22.9872 12.3176 22.8066 12.4617C23.3726 12.4497 23.8061 12.7739 23.9145 13.3262C24.0831 12.0535 23.9868 10.7448 23.6375 9.47211L23.7339 9.46011Z' fill='white'/%3E%3Cpath d='M17.6046 17.1202C17.2794 17.2282 16.8579 17.4204 16.8579 17.7205C16.8579 17.8046 16.9302 17.9486 17.0024 17.9846L17.725 18.3929C18.0502 18.585 18.3633 18.7651 18.6283 19.0052C19.0498 19.3894 19.2425 19.8937 19.1943 20.4339C19.0859 21.3224 18.3754 21.9227 17.7491 22.5351C18.544 22.1268 19.2184 21.6346 19.8446 21.0703C20.9165 20.1338 21.6511 19.1853 22.3858 17.9846C22.4098 17.9366 22.4219 17.8646 22.4098 17.8046C20.9767 17.0842 19.1823 16.6399 17.6046 17.1202Z' fill='white'/%3E%3Cpath d='M22.9761 13.1341C23.3254 13.5063 23.4097 13.9985 23.1809 14.4428C23.1447 14.4908 23.0484 14.5508 23.0002 14.5268C22.9641 14.5268 22.8918 14.4548 22.8678 14.4067C22.7594 14.0585 22.5908 13.7344 22.3258 13.4342C22.0488 14.1906 21.9043 14.971 21.8682 15.7634C21.8682 15.8115 21.8802 15.9075 21.9284 15.9195L23.1809 16.4718C23.6024 15.4873 23.8673 14.4908 23.9998 13.4462C23.9637 13.4822 23.8553 13.5183 23.8192 13.4942C23.5422 13.3142 23.2893 13.1821 22.9882 13.1221L22.9761 13.1341Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--cruise-sea-only { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M23.2887 20.6776C22.4813 20.3205 21.5709 20.1999 20.6842 20.3326C19.7974 20.4653 18.9785 20.8446 18.3413 21.4179C18.1488 21.592 17.9202 21.7301 17.6686 21.8244C17.417 21.9186 17.1474 21.9671 16.8751 21.9671C16.6028 21.9671 16.3331 21.9186 16.0815 21.8244C15.83 21.7301 15.6014 21.592 15.4088 21.4179C14.5983 20.6849 13.499 20.2732 12.3527 20.2732C11.2064 20.2732 10.1071 20.6849 9.29653 21.4179C9.104 21.592 8.87541 21.7301 8.62383 21.8244C8.37225 21.9186 8.10261 21.9671 7.8303 21.9671C7.55799 21.9671 7.28835 21.9186 7.03677 21.8244C6.78519 21.7301 6.5566 21.592 6.36407 21.4179C5.57013 20.6849 4.48746 20.2661 3.35293 20.2531C2.2184 20.2401 1.12438 20.6341 0.310226 21.3487C0.111236 21.5376 0.000167567 21.7885 1.89464e-07 22.0494C-0.000167188 22.3103 0.110579 22.5613 0.309327 22.7505C0.508074 22.9396 0.779614 23.0524 1.06777 23.0656C1.35592 23.0787 1.63863 22.9912 1.85742 22.8211C2.25099 22.4864 2.77273 22.3028 3.31292 22.3089C3.85311 22.315 4.36965 22.5102 4.75391 22.8536C5.15496 23.217 5.63132 23.5053 6.15574 23.702C6.68015 23.8988 7.24232 24 7.81006 24C8.3778 24 8.93997 23.8988 9.46438 23.702C9.9888 23.5053 10.4652 23.217 10.8662 22.8536C11.2562 22.5039 11.7832 22.3077 12.3324 22.3077C12.8817 22.3077 13.4087 22.5039 13.7987 22.8536C14.1997 23.217 14.6761 23.5053 15.2005 23.702C15.7249 23.8988 16.2871 24 16.8548 24C17.4226 24 17.9847 23.8988 18.5092 23.702C19.0336 23.5053 19.5099 23.217 19.911 22.8536C20.2176 22.5768 20.6125 22.3938 21.04 22.3303C21.4676 22.2669 21.9063 22.3261 22.2947 22.4998C22.4278 22.5657 22.5742 22.6065 22.7252 22.6199C22.8762 22.6332 23.0286 22.6188 23.1733 22.5775C23.3179 22.5362 23.4518 22.4689 23.567 22.3796C23.6821 22.2902 23.776 22.1808 23.8432 22.0577C23.9103 21.9347 23.9492 21.8007 23.9575 21.6637C23.9658 21.5267 23.9434 21.3896 23.8916 21.2607C23.8398 21.1317 23.7597 21.0136 23.6561 20.9134C23.5525 20.8132 23.4275 20.733 23.2887 20.6776Z' fill='white'/%3E%3Cpath d='M1.89825 19.2622C2.29182 18.9275 2.81356 18.7439 3.35375 18.75C3.89394 18.7561 4.41048 18.9513 4.79473 19.2947C5.60588 20.0267 6.70499 20.4377 7.85089 20.4377C8.99679 20.4377 10.0959 20.0267 10.907 19.2947C11.0996 19.1206 11.3282 18.9824 11.5797 18.8882C11.8313 18.794 12.101 18.7454 12.3733 18.7454C12.6456 18.7454 12.9152 18.794 13.1668 18.8882C13.4184 18.9824 13.647 19.1206 13.8395 19.2947C14.6507 20.0267 15.7498 20.4377 16.8957 20.4377C18.0416 20.4377 19.1407 20.0267 19.9518 19.2947C20.2579 19.0172 20.6525 18.8335 21.0801 18.7693C21.5077 18.7051 21.9467 18.7637 22.3356 18.9368C22.4686 19.0027 22.6151 19.0435 22.766 19.0569C22.917 19.0703 23.0694 19.0559 23.2141 19.0146C23.3587 18.9733 23.4927 18.9059 23.6078 18.8166C23.7229 18.7273 23.8169 18.6178 23.884 18.4948C23.9511 18.3717 23.99 18.2377 23.9983 18.1007C24.0066 17.9637 23.9842 17.8267 23.9324 17.6977C23.8806 17.5688 23.8005 17.4507 23.6969 17.3505C23.5933 17.2503 23.4683 17.17 23.3296 17.1147C22.7468 16.8516 22.1053 16.7125 21.454 16.7079L22.7134 12.5552C22.7871 12.3104 22.757 12.0494 22.6288 11.8236C22.5006 11.5978 22.2838 11.4236 22.0207 11.335L21.1212 11.0341V7.73141C21.1215 7.52402 21.0519 7.32147 20.9218 7.15072C20.7916 6.97998 20.607 6.84913 20.3926 6.77559L18.7105 6.20617V3.20044C18.7102 3.00165 18.6452 2.80733 18.5236 2.6417C18.4021 2.47608 18.2293 2.34647 18.0268 2.26903L12.4228 0.0848894C12.2809 0.0288997 12.1278 0 11.973 0C11.8182 0 11.6651 0.0288997 11.5232 0.0848894L5.91015 2.26903C5.70769 2.34647 5.53491 2.47608 5.41334 2.6417C5.29178 2.80733 5.2268 3.00165 5.22651 3.20044V6.22244L3.54439 6.79186C3.33245 6.86392 3.14951 6.99216 3.01951 7.1598C2.8895 7.32744 2.81849 7.52667 2.81577 7.73141V11.0218L1.91624 11.3228C1.65342 11.4114 1.43689 11.5858 1.30947 11.8118C1.18205 12.0377 1.15301 12.2987 1.2281 12.543L2.52342 16.773C1.70697 16.9154 0.952949 17.267 0.351053 17.7858C0.134551 17.9713 0.00841937 18.227 0.00040638 18.4967C-0.00760661 18.7663 0.103155 19.0278 0.308326 19.2236C0.513496 19.4193 0.796269 19.5334 1.09444 19.5406C1.3926 19.5479 1.68174 19.4477 1.89825 19.2622ZM7.47533 3.87154L11.973 2.12667L16.4706 3.87154V5.46185L12.3733 4.07084C12.1194 3.98545 11.8401 3.98545 11.5862 4.07084L7.47533 5.46592V3.87154ZM5.06459 8.45132L11.9775 6.10449L18.8904 8.45132V10.2775L12.3688 8.06492C12.1149 7.97954 11.8356 7.97954 11.5817 8.06492L5.0601 10.2775L5.06459 8.45132Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--data-check { --icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M7.33334 10.6667C7.59228 10.6667 7.86356 10.6609 8.14125 10.6506C8.26478 10.646 8.37344 10.5703 8.42709 10.4589C9.12728 9.00553 10.6151 8 12.3333 8C12.9759 8 13.6009 8.14225 14.1901 8.42284C14.2937 8.47134 14.4141 8.4645 14.5111 8.40362C14.6081 8.34244 14.6667 8.23597 14.6667 8.12172L14.6667 6.33494C14.6667 6.07413 14.387 5.92003 14.1629 6.05347C12.0926 7.28634 7.94413 7.33328 7.33334 7.33328C6.72259 7.33328 2.57419 7.28631 0.503844 6.05347C0.27975 5.92003 0 6.07412 0 6.33497V8.33334C0 10.0452 4.38541 10.6667 7.33334 10.6667Z' fill='%23365081'/%3E%3Cpath d='M7.33334 6.66666C10.2813 6.66666 14.6667 6.04525 14.6667 4.33331V2C14.6667 0.625969 10.8653 0 7.33334 0C3.80144 0 0 0.625969 0 2V4.33334C0 6.04525 4.38541 6.66666 7.33334 6.66666ZM7.33334 0.666656C11.2155 0.666656 13.3333 1.54753 13.3333 2C13.3333 2.45247 11.2155 3.33334 7.33334 3.33334C3.45119 3.33334 1.33334 2.45247 1.33334 2C1.33334 1.54753 3.45119 0.666656 7.33334 0.666656Z' fill='%23365081'/%3E%3Cpath d='M8 12.3333C8 12.1224 8.01681 11.9155 8.04741 11.7131C8.07841 11.508 7.91778 11.3247 7.71044 11.329C7.53791 11.3326 7.40863 11.3333 7.33331 11.3333C6.72181 11.3333 2.56378 11.2863 0.496062 10.0489C0.276812 9.91769 0 10.0794 0 10.335V12.3333C0 13.8652 3.68947 14.6667 7.33334 14.6667C7.60156 14.6667 7.86525 14.6615 8.12566 14.653C8.23828 14.6497 8.34116 14.5898 8.39975 14.4942C8.45834 14.3981 8.46484 14.2793 8.41669 14.1777C8.13997 13.5915 8 12.971 8 12.3333Z' fill='%23365081'/%3E%3Cpath d='M12.3333 8.66666C10.3118 8.66666 8.66669 10.3115 8.66669 12.3333C8.66669 14.3551 10.3118 16 12.3333 16C14.3548 16 16 14.3552 16 12.3333C16 10.3115 14.3548 8.66666 12.3333 8.66666ZM14.2357 11.569L11.9023 13.9023C11.8373 13.9674 11.7519 14 11.6667 14C11.5814 14 11.4961 13.9674 11.431 13.9023L10.431 12.9023C10.3007 12.7721 10.3007 12.5612 10.431 12.431C10.5612 12.3008 10.7721 12.3008 10.9023 12.431L11.6666 13.1953L13.7643 11.0977C13.8945 10.9674 14.1054 10.9674 14.2356 11.0977C14.3659 11.2279 14.3659 11.4388 14.2357 11.569Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--device-phone { --icon: url("data:image/svg+xml,%3Csvg width='20.0032' height='24' viewBox='0 0 20.0032 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M20.0016 12C20.0116 9.98168 19.8416 6.38468 19.6816 5.24563C19.3516 2.76769 17.2316 0.639467 14.7216 0.289758C13.3416 0.0999167 11.7916 0 10.0616 0H9.94161C8.21161 0 6.66161 0.0999167 5.28161 0.289758C2.78161 0.639467 0.651609 2.7577 0.321609 5.24563C0.161609 6.38468 -0.00839062 9.98168 0.00160938 12C-0.0183906 14.0283 0.151611 17.6253 0.311611 18.7544C0.641611 21.2323 2.76161 23.3605 5.25161 23.7102C6.63161 23.8901 8.20161 23.99 9.94161 24H10.0616C11.7916 23.99 13.3716 23.8901 14.7516 23.7102C17.2416 23.3605 19.3616 21.2423 19.6916 18.7544C19.8516 17.6253 20.0216 14.0283 20.0016 12ZM16.9516 18.6644C16.8016 19.8634 15.8116 20.8426 14.5916 21.0025C13.2716 21.1624 11.7516 21.2323 10.0016 21.2323C8.25161 21.2323 6.73161 21.1624 5.41161 21.0025C4.19161 20.8426 3.20161 19.8634 3.05161 18.6644C2.93161 17.5953 2.79161 14.1082 2.81161 12C2.80161 9.88176 2.93161 6.40466 3.05161 5.33555C3.20161 4.12656 4.19161 3.15737 5.41161 2.9975C5.80161 2.94754 6.23161 2.91757 6.69161 2.8776H6.90161V3.06744C6.90161 3.54704 6.91161 3.91674 6.92161 4.08659C6.96161 4.62614 7.41161 5.06578 7.96161 5.10575C8.31161 5.14571 9.23161 5.1557 9.94161 5.1557H10.0616C10.7716 5.1557 11.6816 5.14571 12.0416 5.10575C12.5916 5.06578 13.0416 4.62614 13.0816 4.08659C13.0916 3.91674 13.1016 3.54704 13.1016 3.06744V2.8776H13.3116C13.7716 2.91757 14.2016 2.94754 14.5916 2.9975C15.8116 3.15737 16.8016 4.12656 16.9516 5.33555C17.0716 6.40466 17.2116 9.88176 17.1916 12C17.2016 14.1082 17.0716 17.5953 16.9516 18.6644Z' fill='white'/%3E%3Cpath d='M12.3916 17.7655H7.60156C7.32156 17.7655 7.08156 17.8754 6.89156 18.0552C6.71156 18.2351 6.60156 18.4749 6.60156 18.7546C6.60156 19.2942 7.05156 19.7338 7.60156 19.7338H12.3916C12.9416 19.7338 13.3916 19.2942 13.3916 18.7546C13.3916 18.4749 13.2816 18.2351 13.1016 18.0552C12.9216 17.8754 12.6716 17.7655 12.3916 17.7655Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--device-router { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M19 21.9V23.1C19 23.5968 19.448 24 20 24C20.552 24 21 23.5968 21 23.1V21.9C21 21.4032 20.552 21 20 21C19.448 21 19 21.4032 19 21.9Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3Cpath d='M22.3644 3.8179L19.0156 14.4223C18.8761 14.8632 19.1206 15.3343 19.5615 15.4727C20.0024 15.6122 20.4735 15.3678 20.6119 14.9269L23.9607 4.32245C24.1002 3.88153 23.8558 3.41047 23.4149 3.27205C22.9739 3.13252 22.5029 3.37698 22.3644 3.8179Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3Cpath d='M24 16.9064C24 16.0927 23.6763 15.3113 23.1014 14.7353C22.5254 14.1605 21.744 13.8367 20.9303 13.8367C16.6527 13.8367 7.34748 13.8367 3.06994 13.8367C2.25618 13.8367 1.47479 14.1605 0.898793 14.7353C0.323914 15.3113 0.000195317 16.0927 0.000195317 16.9064V19.6971C0.000195317 20.5108 0.323914 21.2922 0.898793 21.8682C1.47479 22.4431 2.25618 22.7668 3.06994 22.7668H20.9303C21.744 22.7668 22.5254 22.4431 23.1014 21.8682C23.6763 21.2922 24 20.5108 24 19.6971C24 18.8108 24 17.7927 24 16.9064ZM15.628 17.7436V18.8599C15.628 19.322 16.003 19.6971 16.4652 19.6971C16.9273 19.6971 17.3024 19.322 17.3024 18.8599V17.7436C17.3024 17.2815 16.9273 16.9064 16.4652 16.9064C16.003 16.9064 15.628 17.2815 15.628 17.7436ZM18.9768 17.7436V18.8599C18.9768 19.322 19.3519 19.6971 19.814 19.6971C20.2761 19.6971 20.6512 19.322 20.6512 18.8599V17.7436C20.6512 17.2815 20.2761 16.9064 19.814 16.9064C19.3519 16.9064 18.9768 17.2815 18.9768 17.7436ZM12.2792 17.7436V18.8599C12.2792 19.322 12.6542 19.6971 13.1164 19.6971C13.5785 19.6971 13.9536 19.322 13.9536 18.8599V17.7436C13.9536 17.2815 13.5785 16.9064 13.1164 16.9064C12.6542 16.9064 12.2792 17.2815 12.2792 17.7436Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3Cpath d='M3 21.9V23.1C3 23.5968 3.448 24 4 24C4.552 24 5 23.5968 5 23.1V21.9C5 21.4032 4.552 21 4 21C3.448 21 3 21.4032 3 21.9Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3Cpath d='M0.039234 4.32245L3.38804 14.9269C3.52646 15.3678 3.99753 15.6122 4.43845 15.4727C4.87938 15.3343 5.12384 14.8632 4.98431 14.4223L1.6355 3.8179C1.49708 3.37698 1.02602 3.13252 0.58509 3.27205C0.144163 3.41047 -0.1003 3.88153 0.039234 4.32245Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3Cpath d='M12.0001 10.1563C11.3839 10.1563 10.8838 9.65625 10.8838 9.04008C10.8838 8.42391 11.3839 7.92383 12.0001 7.92383C12.6162 7.92383 13.1163 8.42391 13.1163 9.04008C13.1163 9.65625 12.6162 10.1563 12.0001 10.1563Z' fill='white'/%3E%3Cpath d='M9.8011 6.53669C10.3615 5.97633 11.1395 5.6236 12.0002 5.6236C12.8608 5.6236 13.6388 5.97633 14.1992 6.53669C14.5252 6.86376 15.0565 6.86376 15.3825 6.53669C15.7095 6.20963 15.7095 5.67941 15.3825 5.35235C14.5218 4.4906 13.3241 3.94922 12.0002 3.94922C10.6763 3.94922 9.47962 4.4906 8.61786 5.35235C8.29079 5.67941 8.29079 6.20963 8.61786 6.53669C8.94381 6.86376 9.47515 6.86376 9.8011 6.53669Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3Cpath d='M7.01359 3.7428C8.2839 2.46134 10.0476 1.67438 12 1.67438C13.9523 1.67438 15.716 2.46134 16.9863 3.7428C17.3123 4.07098 17.8425 4.07432 18.1707 3.74838C18.4989 3.42355 18.5011 2.89333 18.1763 2.56515C16.6023 0.976721 14.4178 0 12 0C9.58212 0 7.39758 0.976721 5.82364 2.56515C5.49881 2.89333 5.50104 3.42355 5.82922 3.74838C6.15741 4.07432 6.68764 4.07098 7.01359 3.7428Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--device-tv { --icon: url("data:image/svg+xml,%3Csvg width='24.0001' height='20' viewBox='0 0 24.0001 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0.446277 0C0.199866 3.55874e-05 6.50077e-05 0.218721 0 0.488545V16.2863C3.25039e-05 16.5562 0.199833 16.7749 0.446277 16.775H5.18398L3.00023 19.1658C2.82598 19.3566 2.82598 19.6659 3.00023 19.8567C3.17452 20.0475 3.45701 20.0475 3.63133 19.8567L6.44642 16.775H17.554L20.3688 19.8567C20.543 20.0476 20.8255 20.0478 20.9999 19.857L21.0002 19.8567C21.1744 19.6659 21.1744 19.3566 21.0002 19.1658L18.8162 16.775H23.5537C23.8002 16.7749 24 16.5562 24 16.2863V0.488545C23.9999 0.218757 23.8001 7.11749e-05 23.5537 0H0.446277ZM0.892586 0.977229H23.1074V15.7979H0.892586V0.977229Z' fill='white'/%3E%3Cpath d='M1.80817 1.97816H22.1919V14.7978H1.80817V1.97816Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--devices-hub { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 15.0028C30.0002 15.6267 29.7676 16.2282 29.3478 16.6897C28.9279 17.1512 28.3509 17.4395 27.7297 17.4981C27.1085 17.5567 26.4877 17.3815 25.9889 17.0067C25.4901 16.6318 25.1491 16.0844 25.0326 15.4715H23.1915C23.0851 17.3202 22.3553 19.0783 21.1211 20.4589L22.4258 21.7638C22.819 21.4966 23.2801 21.3467 23.7552 21.3317C24.2304 21.3167 24.7 21.4372 25.1093 21.679C25.5185 21.9209 25.8505 22.2742 26.0664 22.6977C26.2824 23.1212 26.3734 23.5973 26.3288 24.0706C26.2842 24.5439 26.1059 24.9947 25.8147 25.3704C25.5235 25.7461 25.1314 26.0312 24.6842 26.1925C24.2369 26.3537 23.7531 26.3844 23.2891 26.2809C22.8251 26.1775 22.4001 25.9442 22.0637 25.6082C21.6507 25.196 21.3946 24.6525 21.3395 24.0716C21.2845 23.4907 21.4341 22.9088 21.7624 22.4263L20.4576 21.1217C19.0768 22.3566 17.3177 23.0864 15.4681 23.1914V25.033C16.0809 25.1496 16.6282 25.4906 17.003 25.9894C17.3777 26.4881 17.5529 27.1086 17.4943 27.7297C17.4357 28.3507 17.1476 28.9276 16.6862 29.3474C16.2248 29.7673 15.6234 30 14.9995 30C14.3757 30 13.7743 29.7673 13.3129 29.3474C12.8515 28.9276 12.5633 28.3507 12.5048 27.7297C12.4462 27.1086 12.6214 26.4881 12.9961 25.9894C13.3708 25.4906 13.9181 25.1496 14.531 25.033V23.1916C12.6823 23.086 10.9242 22.3563 9.5442 21.1218L8.23927 22.4265C8.58966 22.9425 8.73508 23.5705 8.64712 24.188C8.55916 24.8055 8.24414 25.368 7.7636 25.7656C7.28306 26.1633 6.67152 26.3675 6.04844 26.3384C5.42536 26.3093 4.8355 26.049 4.3941 25.6084C3.95298 25.1672 3.69229 24.5773 3.66298 23.9542C3.63367 23.331 3.83786 22.7193 4.23562 22.2387C4.63337 21.7581 5.19611 21.4431 5.8138 21.3553C6.4315 21.2675 7.05974 21.4132 7.5757 21.7639L8.88046 20.459C7.64634 19.0783 6.9166 17.3202 6.8103 15.4715H4.96925C4.85255 16.0845 4.51137 16.6319 4.01242 17.0067C3.51347 17.3816 2.89263 17.5568 2.27132 17.4982C1.65 17.4396 1.07289 17.1514 0.652841 16.6899C0.232787 16.2284 0 15.6268 0 15.0028C0 14.3788 0.232787 13.7772 0.652841 13.3157C1.07289 12.8542 1.65 12.566 2.27132 12.5074C2.89263 12.4488 3.51347 12.624 4.01242 12.9988C4.51137 13.3736 4.85255 13.9211 4.96925 14.5341H6.8103C6.91665 12.6855 7.64651 10.9276 8.88075 9.54717L7.576 8.24178C7.06016 8.59215 6.43216 8.73755 5.81481 8.64953C5.19745 8.56151 4.63513 8.2464 4.23778 7.76583C3.84044 7.28525 3.63665 6.67377 3.66627 6.05093C3.69588 5.42809 3.95677 4.83869 4.39791 4.39798C4.83906 3.95726 5.42875 3.69692 6.05167 3.66786C6.67459 3.6388 7.28596 3.84311 7.76623 4.24084C8.2465 4.63857 8.56113 5.20112 8.64862 5.81849C8.7361 6.43587 8.59014 7.06367 8.23927 7.57915L9.54402 8.88401C10.924 7.64938 12.6821 6.91959 14.5308 6.81406V4.97259C13.9172 4.85595 13.3692 4.51462 12.994 4.01537C12.6187 3.51612 12.4432 2.89486 12.5018 2.27308C12.5604 1.65131 12.8489 1.07375 13.3108 0.653362C13.7727 0.232976 14.3748 0 14.9994 0C15.624 0 16.2261 0.232976 16.688 0.653362C17.1499 1.07375 17.4383 1.65131 17.4969 2.27308C17.5555 2.89486 17.38 3.51612 17.0048 4.01537C16.6295 4.51462 16.0815 4.85595 15.4679 4.97259V6.814C17.3176 6.91899 19.0768 7.64881 20.4575 8.88396L21.7626 7.57915C21.4116 7.06362 21.2657 6.43574 21.3531 5.81828C21.4406 5.20083 21.7553 4.63821 22.2356 4.24042C22.7159 3.84264 23.3274 3.6383 23.9504 3.66736C24.5734 3.69642 25.1631 3.95679 25.6043 4.39756C26.0455 4.83833 26.3065 5.4278 26.3361 6.05072C26.3657 6.67363 26.1619 7.28519 25.7645 7.76583C25.3671 8.24646 24.8047 8.56159 24.1872 8.64961C23.5698 8.73763 22.9417 8.59221 22.4258 8.24178L21.1211 9.54711C22.3553 10.9275 23.0852 12.6855 23.1915 14.5341H25.0326C25.1491 13.9211 25.4901 13.3737 25.9889 12.9989C26.4877 12.6241 27.1085 12.4488 27.7297 12.5075C28.3509 12.5661 28.9279 12.8543 29.3478 13.3158C29.7676 13.7773 30.0002 14.3789 30 15.0028ZM19.8965 13.2814C18.598 11.9833 16.8371 11.2541 15.001 11.2541C13.1649 11.2541 11.404 11.9833 10.1056 13.2814C10.0176 13.3693 9.96819 13.4886 9.9682 13.613C9.9682 13.7374 10.0176 13.8568 10.1056 13.9447C10.1936 14.0327 10.3129 14.0821 10.4373 14.0821C10.5617 14.0821 10.6811 14.0327 10.769 13.9447C11.3247 13.3888 11.9845 12.9478 12.7106 12.6469C13.4368 12.3461 14.2151 12.1912 15.0012 12.1912C15.7872 12.1912 16.5655 12.3461 17.2917 12.6469C18.0178 12.9478 18.6776 13.3888 19.2333 13.9447C19.3213 14.0326 19.4406 14.0819 19.565 14.0818C19.6266 14.0821 19.6877 14.0701 19.7447 14.0466C19.8016 14.023 19.8533 13.9884 19.8967 13.9447C19.9844 13.8565 20.0336 13.7373 20.0336 13.613C20.0336 13.4887 19.9844 13.3695 19.8967 13.2814H19.8965ZM15.0009 13.1285C14.3374 13.1267 13.6801 13.2564 13.0671 13.5102C12.454 13.764 11.8974 14.1369 11.4294 14.6073C11.3859 14.6508 11.3514 14.7025 11.3279 14.7594C11.3043 14.8163 11.2922 14.8773 11.2922 14.9389C11.2923 15.0004 11.3044 15.0614 11.328 15.1183C11.3516 15.1752 11.3862 15.2268 11.4297 15.2703C11.4733 15.3139 11.525 15.3484 11.5819 15.3719C11.6388 15.3955 11.6998 15.4076 11.7614 15.4075C11.8229 15.4075 11.8839 15.3954 11.9408 15.3718C11.9977 15.3482 12.0494 15.3136 12.0929 15.2701C12.8643 14.4991 13.9103 14.066 15.0009 14.066C16.0916 14.066 17.1376 14.4991 17.909 15.2701C17.9525 15.3134 18.0041 15.3478 18.0609 15.3712C18.1177 15.3947 18.1786 15.4067 18.2401 15.4066C18.3015 15.4065 18.3624 15.3943 18.4191 15.3706C18.4758 15.347 18.5274 15.3125 18.5707 15.269C18.6141 15.2255 18.6485 15.1738 18.6719 15.117C18.6953 15.0602 18.7074 14.9993 18.7073 14.9379C18.7072 14.8764 18.6949 14.8156 18.6713 14.7589C18.6477 14.7022 18.6132 14.6506 18.5697 14.6073C18.1024 14.1368 17.5463 13.7637 16.9336 13.5099C16.321 13.256 15.6641 13.1264 15.0009 13.1285ZM15.0009 15.0033C14.5839 15.0021 14.1707 15.0836 13.7854 15.2432C13.4001 15.4028 13.0503 15.6373 12.7563 15.9331C12.7128 15.9766 12.6783 16.0283 12.6548 16.0852C12.6313 16.1421 12.6192 16.2031 12.6192 16.2646C12.6192 16.3262 12.6314 16.3872 12.655 16.444C12.6786 16.5009 12.7132 16.5525 12.7567 16.596C12.8003 16.6395 12.852 16.674 12.9089 16.6976C12.9658 16.7211 13.0267 16.7332 13.0883 16.7331C13.1499 16.7331 13.2108 16.721 13.2677 16.6974C13.3246 16.6738 13.3762 16.6392 13.4197 16.5957C13.8391 16.1764 14.4079 15.9408 15.0009 15.9408C15.594 15.9408 16.1627 16.1764 16.5821 16.5957C16.67 16.6836 16.7892 16.7331 16.9135 16.7332C17.0379 16.7332 17.1572 16.6839 17.2452 16.5961C17.3331 16.5082 17.3826 16.389 17.3827 16.2647C17.3828 16.1403 17.3334 16.0211 17.2456 15.9331C16.9515 15.6373 16.6017 15.4029 16.2164 15.2433C15.8311 15.0837 15.418 15.0021 15.0009 15.0034V15.0033ZM16.3002 18.1769C16.3 17.92 16.2238 17.6689 16.0809 17.4553C15.9381 17.2418 15.7351 17.0754 15.4977 16.9771C15.2603 16.8789 14.9991 16.8532 14.7471 16.9034C14.4951 16.9536 14.2637 17.0774 14.082 17.2591C13.9004 17.4408 13.7767 17.6723 13.7266 17.9243C13.6765 18.1763 13.7023 18.4375 13.8006 18.6748C13.899 18.9122 14.0655 19.115 14.2792 19.2577C14.4928 19.4005 14.744 19.4766 15.0009 19.4766C15.3455 19.4762 15.6758 19.3392 15.9194 19.0955C16.1629 18.8518 16.2999 18.5215 16.3002 18.1769ZM15.363 18.1769C15.363 18.1053 15.3418 18.0353 15.302 17.9758C15.2622 17.9162 15.2057 17.8698 15.1395 17.8424C15.0733 17.815 15.0005 17.8078 14.9303 17.8218C14.86 17.8358 14.7955 17.8703 14.7449 17.9209C14.6942 17.9715 14.6597 18.0361 14.6458 18.1063C14.6318 18.1765 14.639 18.2493 14.6664 18.3155C14.6938 18.3817 14.7402 18.4382 14.7997 18.478C14.8593 18.5178 14.9293 18.539 15.0009 18.539C15.0969 18.5389 15.1889 18.5007 15.2568 18.4328C15.3246 18.365 15.3629 18.2729 15.363 18.1769Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--document-add { --icon: url("data:image/svg+xml,%3Csvg width='38' height='40' viewBox='0 0 38 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.10984 2.94777C6.27063 2.9255 6.40965 3.05738 6.40965 3.22038C6.40965 6.26746 8.8694 8.73762 11.9036 8.73762H21.9759C25.0103 8.73762 27.4699 6.26746 27.4699 3.22038C27.4699 3.05738 27.6089 2.9255 27.7697 2.94777C29.4181 3.1761 30.7874 3.66402 31.8686 4.75085C32.9707 5.85862 33.4446 7.2533 33.6662 8.90983C33.8796 10.5056 33.8796 12.5346 33.8796 15.0522V21.6838C33.8796 22.2857 33.8796 22.5866 33.7677 22.634C33.6558 22.6815 33.421 22.4521 32.9513 21.9933C32.1266 21.1876 31.0005 20.6914 29.7591 20.6914C27.2306 20.6914 25.1808 22.7499 25.1808 25.2891V26.0247C25.1808 26.5448 25.1808 26.8049 25.0198 26.9665C24.859 27.1282 24.5999 27.1282 24.082 27.1282H23.3494C20.8209 27.1282 18.7711 29.1867 18.7711 31.7259C18.7711 34.2651 20.8209 36.3236 23.3494 36.3236H24.082C24.5999 36.3236 24.859 36.3236 25.0198 36.4851C25.1808 36.6467 25.1808 36.9068 25.1808 37.427V38.1627C25.1808 38.8376 25.1808 39.1753 25.0528 39.3288C25.0299 39.3564 25.0159 39.3706 24.9887 39.3939C24.8372 39.5243 24.566 39.5275 24.0234 39.5337C23.2775 39.5422 22.4766 39.5422 21.6187 39.5422H12.2609C9.75644 39.5422 7.73768 39.5424 6.1499 39.3277C4.50128 39.1048 3.11326 38.6283 2.011 37.5203C0.908907 36.4126 0.434942 35.0178 0.213387 33.3614C-5.38956e-05 31.7656 -3.56763e-05 29.7366 9.50232e-07 27.2192V15.0521C-3.56763e-05 12.5346 -5.39229e-05 10.5055 0.213369 8.90983C0.434942 7.2533 0.908907 5.85862 2.011 4.75085C3.09224 3.66402 4.46146 3.1761 6.10984 2.94777ZM9.61448 16.5516C8.85592 16.5516 8.24098 17.1692 8.24098 17.9309C8.24098 18.6927 8.85592 19.3103 9.61448 19.3103H24.2651C25.0236 19.3103 25.6386 18.6927 25.6386 17.9309C25.6386 17.1692 25.0236 16.5516 24.2651 16.5516H9.61448ZM9.61448 25.747C8.85592 25.747 8.24098 26.3646 8.24098 27.1263C8.24098 27.8881 8.85592 28.5057 9.61448 28.5057H16.9398C17.6983 28.5057 18.3133 27.8881 18.3133 27.1263C18.3133 26.3646 17.6983 25.747 16.9398 25.747H9.61448Z' fill='%23145EEE'/%3E%3Cpath d='M8.69877 3.21839C8.69877 1.44092 10.1336 0 11.9036 0H21.9759C23.7459 0 25.1807 1.44092 25.1807 3.21839C25.1807 4.99586 23.7459 6.43678 21.9759 6.43678H11.9036C10.1336 6.43678 8.69877 4.99586 8.69877 3.21839Z' fill='%23145EEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.759 23.4482C30.7705 23.4482 31.5904 24.2716 31.5904 25.2873V29.885H36.1687C37.1801 29.885 38 30.7084 38 31.7241C38 32.7398 37.1801 33.5632 36.1687 33.5632H31.5904V38.1609C31.5904 39.1766 30.7705 40 29.759 40C28.7476 40 27.9277 39.1766 27.9277 38.1609V33.5632H23.3494C22.3379 33.5632 21.518 32.7398 21.518 31.7241C21.518 30.7084 22.3379 29.885 23.3494 29.885H27.9277V25.2873C27.9277 24.2716 28.7476 23.4482 29.759 23.4482Z' fill='%23145EEE'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--edit-circle { --icon: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4031 7.25538L12.8862 7.83692C12.8677 7.80923 9.69231 4.99385 9.65538 4.97538L10.1723 4.39385C10.9662 3.50769 12.3323 3.42462 13.2185 4.20923C13.6985 4.63385 13.9477 5.23385 13.9477 5.82462C13.9477 6.33231 13.7723 6.84 13.4031 7.25538ZM8.4 12.9138C7.71692 13.68 6.79385 13.8646 6.06462 13.8646C5.4 13.8646 4.88308 13.7077 4.87385 13.7077C4.84615 13.6985 4.81846 13.6708 4.80923 13.6431C4.8 13.6246 3.84923 11.5477 5.16923 10.0523L8.75077 6C8.77846 6.02769 11.9538 8.84308 11.9815 8.86154L8.4 12.9138ZM9 0C2.35385 0 0 2.35385 0 9C0 15.6462 2.35385 18 9 18C15.6462 18 18 15.6462 18 9C18 2.35385 15.6462 0 9 0Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--eye { --icon: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0.7792C4.4615 0.7792 0 5.2304 0 8.9101C0 12.6002 4.4615 17.041 10 17.041C15.5385 17.041 20 12.6002 20 8.9101C20 5.2304 15.5385 0.7792 10 0.7792ZM5.9897 8.9101C5.9897 11.1612 7.7852 12.9859 10 12.9859C12.2148 12.9859 14.0103 11.1612 14.0103 8.9101C14.0103 6.659 12.2148 4.8342 10 4.8342C7.7852 4.8342 5.9897 6.659 5.9897 8.9101ZM10 11.4224C8.6349 11.4224 7.5282 10.2976 7.5282 8.9101C7.5282 7.5226 8.6349 6.3979 10 6.3979C11.3651 6.3979 12.4718 7.5226 12.4718 8.9101C12.4718 10.2976 11.3651 11.4224 10 11.4224Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--eye-off { --icon: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7949 4.15664L13.9282 8.08657C13.9795 8.3576 14.0103 8.62862 14.0103 8.91008C14.0103 11.1617 12.2051 12.9859 10 12.9859C9.72309 12.9859 9.45642 12.9547 9.18976 12.9026H9.1795L5.91796 16.2174C7.15899 16.7282 8.5436 17.041 10 17.041C15.5385 17.041 20 12.6002 20 8.91008C20 7.3256 19.1692 5.6056 17.7949 4.15664Z' fill='%23145EEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.98974 8.91009C5.98974 6.65846 7.78461 4.83423 9.99999 4.83423C10.7795 4.83423 11.5179 5.06356 12.1333 5.4701L11.0051 6.61677C10.6974 6.47083 10.359 6.39786 9.99999 6.39786C8.63589 6.39786 7.5282 7.52367 7.5282 8.91009C7.5282 9.27494 7.59999 9.61894 7.74358 9.93166L6.60512 11.0888C6.21538 10.4633 5.98974 9.71275 5.98974 8.91009ZM8.77948 11.0992L12.1538 7.68003L13.2615 6.5438L16.6461 3.11423L16.6359 3.10381L18.3795 1.33169C18.6872 1.02939 18.6872 0.529029 18.3795 0.226727C18.082 -0.0755755 17.5897 -0.0755755 17.2923 0.226727L15.3231 2.22817C13.7846 1.34212 11.959 0.779209 9.99999 0.779209C4.46153 0.779209 0 5.23035 0 8.91009C0 10.8386 1.22051 12.9755 3.17948 14.5704L1.11795 16.6657C0.810256 16.9784 0.810256 17.4684 1.11795 17.7707C1.26154 17.927 1.46667 18 1.66154 18C1.85641 18 2.05128 17.927 2.20513 17.7707L3.30256 16.6657L4.46153 15.4773H4.47179L8.77948 11.0992Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--family-members { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3654 7.82219C24.5239 7.82219 26.2738 6.07288 26.2738 3.915C26.2738 1.75712 24.5239 0.0078125 22.3654 0.0078125C20.2069 0.0078125 18.457 1.75712 18.457 3.915C18.457 6.07288 20.2069 7.82219 22.3654 7.82219Z' fill='%23145EEE'/%3E%3Cpath d='M20.5961 22.6951L18.9495 16.2397C18.6565 15.0916 17.6194 14.2832 16.4299 14.2832H13.5704C12.3809 14.2832 11.3437 15.0916 11.0508 16.2397L9.4042 22.6951C9.1581 23.6558 9.88469 24.5872 10.875 24.5872H12.1113V28.6994C12.1113 29.414 12.6914 29.9998 13.4122 29.9998H16.594C17.3088 29.9998 17.8948 29.4199 17.8948 28.6994V24.5872H19.1312C20.1156 24.5872 20.8422 23.6558 20.5961 22.6951Z' fill='%23145EEE'/%3E%3Cpath d='M15.0001 13.604C16.5956 13.604 17.8889 12.311 17.8889 10.716C17.8889 9.12109 16.5956 7.82812 15.0001 7.82812C13.4047 7.82812 12.1113 9.12109 12.1113 10.716C12.1113 12.311 13.4047 13.604 15.0001 13.604Z' fill='%23145EEE'/%3E%3Cpath d='M29.936 20.124L27.7094 11.3899C27.3109 9.83175 25.9105 8.74219 24.3049 8.74219H20.4376C19.8341 8.74219 19.2657 8.89449 18.7618 9.16981C18.961 9.6443 19.0664 10.1656 19.0664 10.7163C19.0664 11.7707 18.6621 12.7314 18 13.4578C19.0137 13.9205 19.7989 14.8226 20.086 15.9532L21.3634 20.9617L21.7326 22.4086C21.756 22.4964 21.7736 22.5902 21.7853 22.678C21.8966 23.4044 21.7033 24.1308 21.2462 24.7166C20.7364 25.3785 19.9571 25.7534 19.125 25.7534H19.0606V28.694C19.0606 28.9576 19.0196 29.2095 18.9434 29.4497C19.2598 29.7836 19.7169 29.9945 20.2149 29.9945H24.5218C25.4945 29.9945 26.2796 29.2095 26.2796 28.2371V22.6722H27.9496C29.2856 22.678 30.2642 21.4186 29.936 20.124Z' fill='%23145EEE'/%3E%3Cpath d='M8.26729 22.4086L8.63645 20.9617L9.91384 15.9532C10.201 14.8168 10.9862 13.9205 11.9999 13.4578C11.3377 12.7372 10.9334 11.7707 10.9334 10.7163C10.9334 10.1715 11.0389 9.65015 11.2381 9.16981C10.7342 8.89449 10.1658 8.74219 9.56227 8.74219H5.69492C4.08938 8.74219 2.68307 9.83175 2.29048 11.3899L0.0638227 20.124C-0.264316 21.4186 0.71424 22.678 2.05023 22.678H3.72023V28.243C3.72023 29.2154 4.50541 30.0003 5.47811 30.0003H9.78493C10.283 30.0003 10.7342 29.7895 11.0565 29.4556C10.9803 29.2154 10.9393 28.9635 10.9393 28.6999V25.7593H10.8748C10.0369 25.7593 9.26342 25.3785 8.75364 24.7224C8.29659 24.1366 8.10908 23.4044 8.21455 22.6839C8.22627 22.5902 8.24385 22.4964 8.26729 22.4086Z' fill='%23145EEE'/%3E%3Cpath d='M11.5399 3.92289C11.5442 1.76501 9.79786 0.0122069 7.63933 0.00789115C5.4808 0.00357539 3.72747 1.74938 3.72315 3.90726C3.71883 6.06515 5.46517 7.81795 7.6237 7.82227C9.78223 7.82658 11.5356 6.08077 11.5399 3.92289Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--flag { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5731 10.625L19.9343 5.905C20.0305 5.71125 20.0205 5.48125 19.908 5.2975C19.7918 5.1125 19.5905 5 19.3743 5H13.7495V1.875C13.7495 1.53 13.4695 1.25 13.1245 1.25H1.24995V0.625C1.24995 0.28 0.969964 0 0.624977 0C0.27999 0 0 0.28 0 0.625V1.875V11.875V19.375C0 19.72 0.27999 20 0.624977 20C0.969964 20 1.24995 19.72 1.24995 19.375V12.5H8.74967V15.625C8.74967 15.97 9.02966 16.25 9.37465 16.25H19.3743C19.5905 16.25 19.7918 16.1375 19.9068 15.9537C20.0205 15.77 20.0305 15.54 19.933 15.3462L17.5731 10.625Z' fill='%23C3736C'/%3E%3C/svg%3E"); }
.icon--flag-wave { --icon: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8012 2.558C17.6674 2.42905 17.5102 2.36418 17.3276 2.36418C17.237 2.36418 17.0457 2.43634 16.7559 2.57873C16.4648 2.7215 16.1552 2.88039 15.8305 3.0577C15.5046 3.23387 15.1189 3.39353 14.6735 3.5363C14.2288 3.67869 13.8174 3.75084 13.4384 3.75084C13.088 3.75084 12.7799 3.68636 12.5134 3.55702C11.6308 3.15634 10.8626 2.85736 10.2113 2.66009C9.55951 2.4632 8.85864 2.36418 8.10828 2.36418C6.81266 2.36418 5.33688 2.77254 3.68252 3.58773C3.34119 3.75276 3.09648 3.88056 2.9381 3.97421L2.7809 2.85698C3.13608 2.558 3.36535 2.12239 3.36535 1.63075C3.36535 0.72998 2.61221 0 1.68287 0C0.753531 0 0 0.72998 0 1.63075C0 2.21834 0.323904 2.72917 0.804611 3.01625L3.07748 19.1702C3.14519 19.6511 3.56967 20 4.05711 20C4.10146 20 4.1466 19.9965 4.19213 19.9919C4.73382 19.9198 5.11316 19.4366 5.03911 18.9116L4.12561 12.4193C5.78314 11.6221 7.21695 11.2203 8.42307 11.2203C8.93506 11.2203 9.43438 11.2936 9.92103 11.444C10.4081 11.5941 10.8135 11.7561 11.1355 11.9322C11.457 12.1092 11.8375 12.2726 12.2759 12.4212C12.7142 12.5709 13.147 12.6457 13.5742 12.6457C14.6537 12.6457 15.9457 12.2515 17.4532 11.4636C17.6424 11.3684 17.7806 11.2748 17.8685 11.1834C17.9564 11.0917 18 10.9608 18 10.7916V3.01664C18 2.84048 17.9339 2.68734 17.8012 2.558Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--flight-ticket { --icon: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8593 0H12.9376V3.0404C12.9376 3.37976 12.6776 3.64987 12.3508 3.64987C12.024 3.64987 11.7639 3.37976 11.7639 3.0404V0H2.14738C0.96032 0 0 1.00423 0 2.23009V15.7699C0 17.0027 0.966989 18 2.14738 18H11.7573V14.9596C11.7573 14.6202 12.0173 14.3501 12.3441 14.3501C12.6709 14.3501 12.931 14.6202 12.931 14.9596V18H17.8526C19.0397 18 20 16.9958 20 15.7699V2.23009C20 0.997307 19.033 0 17.8526 0H17.8593ZM10.0834 6.09465L8.84295 7.38284L9.44315 11.6006C9.4965 11.9677 9.22307 12.3001 8.86295 12.3001C8.57619 12.3001 8.32944 12.0854 8.28276 11.7807L7.80927 8.45633L5.70857 10.6379V12.3486C5.70857 12.688 5.44848 12.9581 5.12171 12.9581C4.79493 12.9581 4.53484 12.688 4.53484 12.3486V10.9912H3.22774C2.90097 10.9912 2.64088 10.721 2.64088 10.3817C2.64088 10.0423 2.90097 9.77222 3.22774 9.77222H4.87496L6.97566 7.59061L3.77459 7.09888C3.45448 7.0504 3.23441 6.73875 3.28109 6.40631C3.32778 6.07387 3.62788 5.84533 3.94798 5.89381L8.00934 6.51712L9.24975 5.22893C9.47649 4.99346 9.84995 4.99346 10.0767 5.22893C10.3034 5.46441 10.3034 5.85225 10.0767 6.08773L10.0834 6.09465ZM12.931 11.4413C12.931 11.7807 12.6709 12.0508 12.3441 12.0508C12.0173 12.0508 11.7573 11.7807 11.7573 11.4413V10.2224C11.7573 9.88303 12.0173 9.61293 12.3441 9.61293C12.6709 9.61293 12.931 9.88303 12.931 10.2224V11.4413ZM12.931 7.78453C12.931 8.12389 12.6709 8.394 12.3441 8.394C12.0173 8.394 11.7573 8.12389 11.7573 7.78453V6.5656C11.7573 6.22624 12.0173 5.95614 12.3441 5.95614C12.6709 5.95614 12.931 6.22624 12.931 6.5656V7.78453ZM17.039 13.2628H14.6916C14.3648 13.2628 14.1047 12.9927 14.1047 12.6533C14.1047 12.314 14.3648 12.0439 14.6916 12.0439H17.039C17.3658 12.0439 17.6259 12.314 17.6259 12.6533C17.6259 12.9927 17.3658 13.2628 17.039 13.2628ZM17.039 10.8319H14.6916C14.3648 10.8319 14.1047 10.5618 14.1047 10.2224C14.1047 9.88303 14.3648 9.61293 14.6916 9.61293H17.039C17.3658 9.61293 17.6259 9.88303 17.6259 10.2224C17.6259 10.5618 17.3658 10.8319 17.039 10.8319ZM17.039 8.394H14.6916C14.3648 8.394 14.1047 8.12389 14.1047 7.78453C14.1047 7.44517 14.3648 7.17507 14.6916 7.17507H17.039C17.3658 7.17507 17.6259 7.44517 17.6259 7.78453C17.6259 8.12389 17.3658 8.394 17.039 8.394ZM17.039 5.96306H14.6916C14.3648 5.96306 14.1047 5.69296 14.1047 5.3536C14.1047 5.01424 14.3648 4.74413 14.6916 4.74413H17.039C17.3658 4.74413 17.6259 5.01424 17.6259 5.3536C17.6259 5.69296 17.3658 5.96306 17.039 5.96306Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--gauge { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6717 7.09058H12.2538C12.1705 7.09065 12.0904 7.12231 12.0296 7.17916C11.9687 7.23602 11.9318 7.31384 11.9261 7.3969C11.7496 10.0042 9.56194 12.0465 6.94583 12.0465C4.19325 12.0465 1.95388 9.80712 1.95388 7.0545C1.95388 4.45497 3.90338 2.31762 6.4886 2.08306C6.57025 2.0757 6.64618 2.03804 6.70147 1.97751C6.75676 1.91698 6.7874 1.83795 6.78736 1.75597V0.337276C6.78738 0.291893 6.778 0.246998 6.7598 0.205424C6.7416 0.163849 6.71498 0.126498 6.68163 0.0957251C6.64827 0.0649526 6.6089 0.0414271 6.56599 0.0266327C6.52309 0.0118383 6.47759 0.0060961 6.43235 0.00976836C5.09455 0.119821 3.81652 0.611834 2.75028 1.42728C1.68403 2.24273 0.874456 3.3473 0.417847 4.60958C-0.0387623 5.87187 -0.123185 7.23875 0.17462 8.54764C0.472425 9.85652 1.13992 11.0523 2.09772 11.9928C3.05551 12.9332 4.26328 13.5788 5.57737 13.8526C6.89146 14.1265 8.25655 14.0171 9.51027 13.5375C10.764 13.0579 11.8536 12.2283 12.6494 11.1473C13.4452 10.0663 13.9138 8.77948 13.9994 7.43987C14.0022 7.3951 13.9958 7.35023 13.9806 7.30803C13.9654 7.26582 13.9417 7.22717 13.911 7.19446C13.8803 7.16174 13.8433 7.13566 13.8021 7.11781C13.761 7.09996 13.7166 7.09072 13.6717 7.09066V7.09058ZM9.47412 3.99058C9.53675 3.95414 9.60969 3.93943 9.68155 3.94876C9.75342 3.95808 9.82018 3.99092 9.87145 4.04215C9.92271 4.09337 9.95559 4.16012 9.96496 4.23198C9.97433 4.30384 9.95968 4.37678 9.92328 4.43945L7.67025 8.32241C7.55521 8.52541 7.3941 8.69854 7.19989 8.82785C7.00568 8.95716 6.7838 9.03904 6.55215 9.06687C6.48327 9.07588 6.41388 9.08045 6.34441 9.08056C6.14654 9.08092 5.95059 9.04173 5.76807 8.96531C5.58555 8.88889 5.42014 8.77676 5.28155 8.63552C5.28092 8.63498 5.28037 8.63416 5.27993 8.63385C5.11512 8.4692 4.99035 8.26887 4.91526 8.04832C4.84017 7.82778 4.81678 7.59293 4.84688 7.36191C4.87699 7.13089 4.95978 6.90988 5.08888 6.71595C5.21798 6.52201 5.38992 6.36034 5.59142 6.24342L9.47412 3.99053V3.99058ZM11.9053 6.48275C11.7938 5.49887 11.3904 4.57087 10.747 3.81821C10.6934 3.75541 10.6655 3.67471 10.6688 3.59222C10.6721 3.50973 10.7064 3.43152 10.7648 3.3732L11.7882 2.34957C11.8199 2.31781 11.8578 2.2929 11.8996 2.27637C11.9413 2.25983 11.986 2.25203 12.0309 2.25344C12.0758 2.25485 12.1199 2.26545 12.1605 2.28457C12.2012 2.30369 12.2375 2.33093 12.2671 2.36462C13.2664 3.49314 13.8712 4.91622 13.9903 6.41886C13.9939 6.4641 13.9881 6.50959 13.9733 6.55248C13.9585 6.59537 13.935 6.63473 13.9042 6.66808C13.8734 6.70142 13.8361 6.72804 13.7945 6.74625C13.7529 6.76446 13.7081 6.77387 13.6627 6.77388H12.2318C12.1511 6.77393 12.0732 6.74428 12.013 6.69059C11.9528 6.63689 11.9145 6.56291 11.9053 6.48275ZM10.3004 3.2531C10.225 3.25315 10.1519 3.22713 10.0935 3.17945C9.32613 2.55372 8.38915 2.17188 7.40304 2.08304C7.32138 2.07567 7.24544 2.03802 7.19013 1.9775C7.13482 1.91698 7.10415 1.83796 7.10414 1.75597V0.328244C7.10416 0.283384 7.11338 0.239005 7.13122 0.197844C7.14905 0.156683 7.17513 0.119612 7.20785 0.0889177C7.24056 0.0582234 7.27922 0.0345564 7.32143 0.0193761C7.36364 0.00419589 7.40852 -0.00217573 7.45329 0.000654191C8.95782 0.0921392 10.3917 0.670805 11.5383 1.64922C11.5729 1.6786 11.601 1.71481 11.6209 1.75559C11.6408 1.79637 11.652 1.84083 11.6539 1.88617C11.6557 1.9315 11.6481 1.97672 11.6316 2.01899C11.6151 2.06125 11.5901 2.09964 11.558 2.13173L10.5328 3.15706C10.5023 3.18757 10.466 3.21176 10.4262 3.22824C10.3863 3.24472 10.3435 3.25317 10.3004 3.2531Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--gender { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M16.2924 7.69095V4.93751H18.8094C19.047 4.93751 19.2612 4.79474 19.3521 4.5758C19.443 4.35685 19.3928 4.10482 19.2247 3.93724L15.4493 0.171621C15.2199 -0.057207 14.8479 -0.057207 14.6185 0.171621L10.843 3.93724C10.675 4.10482 10.6248 4.35685 10.7157 4.5758C10.8066 4.79474 11.0208 4.93751 11.2584 4.93751H13.7755V7.69095C8.18829 9.24946 9.16474 17.362 15.034 17.4896C20.9043 17.3614 21.8786 9.24845 16.2924 7.69095ZM15.0339 14.9792C13.6669 14.9792 12.5587 13.8739 12.5587 12.5104C12.6801 9.23923 17.3883 9.24009 17.5091 12.5105C17.5091 13.8739 16.4009 14.9792 15.0339 14.9792Z' fill='%23145EEE'/%3E%3Cpath d='M9.95821 8.11724C9.95821 5.36732 7.72313 3.13806 4.96603 3.13806C-0.904738 3.26619 -1.87825 11.3795 3.70755 12.9367V14.3933H1.19056C0.866125 14.3933 0.603096 14.6556 0.603096 14.9792V16.3178C0.603096 16.6414 0.866125 16.9037 1.19056 16.9037H3.70755V19.4141C3.70755 19.7377 3.97058 20 4.29502 20H5.63707C5.96151 20 6.22454 19.7377 6.22454 19.4141V16.9037H8.74153C9.06597 16.9037 9.32899 16.6413 9.32899 16.3177V14.9792C9.32899 14.6556 9.06597 14.3932 8.74153 14.3932H6.22454V12.9366C8.37236 12.3803 9.95821 10.4336 9.95821 8.11724ZM4.96603 10.586C3.59903 10.586 2.49083 9.48067 2.49083 8.11724C2.61216 4.84603 7.32036 4.84689 7.44122 8.11728C7.44122 9.48067 6.33303 10.586 4.96603 10.586Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--headset { --icon: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.96107 1.06851C3.53398 2.45248 2.01387 4.98307 1.93003 7.73906L1.73816 7.78956C0.321034 8.16422 -0.366376 10.1361 0.196394 12.2106C0.75866 14.2837 2.35229 15.652 3.76992 15.2776L4.60387 15.0559C5.04905 14.938 5.26636 14.3292 5.09211 13.6889L3.82506 9.01654V7.98137C3.82506 5.80081 5.00146 3.78867 6.91211 2.69777C8.82452 1.60637 11.1758 1.60637 13.0877 2.69777C14.9984 3.78867 16.1748 5.80081 16.1748 7.98137V9.02077L14.9815 13.4182C14.4867 14.0571 13.864 14.6051 13.1348 15.0199C12.7689 15.2298 12.3847 15.3918 11.9914 15.5202C11.8066 15.1806 11.5193 14.9589 11.1912 14.9589H8.52538C7.96236 14.9589 7.51189 15.6018 7.51189 16.3998V16.5596C7.51189 17.3562 7.96236 18 8.52538 18H11.1914C11.5716 18 11.8972 17.7035 12.0712 17.2681C12.7337 17.092 13.3803 16.8357 13.9912 16.4882C14.6403 16.1177 15.2217 15.6627 15.7291 15.1445L16.2312 15.2778C17.6475 15.6523 19.2424 14.284 19.8037 12.2109C20.3662 10.1363 19.6793 8.16447 18.2614 7.78981L18.0701 7.73806C17.9844 4.98183 16.4658 2.45248 14.0383 1.06876C12.7901 0.356253 11.3944 1.30206e-07 9.99916 1.30206e-07C8.60495 -0.00024865 7.20974 0.356005 5.96107 1.06851Z' fill='white'/%3E%3C/svg%3E"); }
.icon--heart { --icon: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.817 6.1173C10.0873 6.93926 9.04352 7.76988 7.8335 8.73893C7.42708 9.06772 6.95601 9.43977 6.46646 9.83777C6.19859 10.0541 5.80141 10.0541 5.54278 9.83777C5.05323 9.43977 4.59139 9.06772 4.17574 8.73893C2.96572 7.76988 1.92196 6.93926 1.19226 6.1173C0.388656 5.20016 0.000711772 4.32628 0.000711772 3.37453C-0.0177618 2.492 0.323999 1.63543 0.9521 0.97786C1.57096 0.346245 2.43922 -0.00849761 3.35366 0.000154651C4.03718 0.000154651 4.70223 0.216461 5.23797 0.614465C5.53354 0.830771 5.78294 1.08169 5.99538 1.36721C6.20783 1.08169 6.46646 0.830771 6.7528 0.614465C7.28853 0.216461 7.95358 0.000154519 8.64634 0.00880678C9.56078 0.000154519 10.429 0.354897 11.0479 0.986512C11.676 1.64408 12.0178 2.50066 11.9993 3.38319C12.0085 4.32628 11.6206 5.20016 10.817 6.1173Z' fill='%236B7493'/%3E%3C/svg%3E"); }
.icon--help { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C2.61667 0 0 2.61667 0 10C0 17.3833 2.61667 20 10 20C17.3833 20 20 17.3833 20 10C20 2.61667 17.3833 0 10 0ZM9.04167 14.7833C9.04167 14.2583 9.475 13.825 10 13.825C10.525 13.825 10.9583 14.2583 10.9583 14.7833C10.9583 15.3083 10.525 15.7333 10 15.7333C9.475 15.7333 9.04167 15.3083 9.04167 14.7833ZM11.1917 10.8333C11.05 10.8833 10.9583 11.0417 10.9583 11.2167V11.9083C10.9583 12.4417 10.525 12.8667 10 12.8667C9.475 12.8667 9.04167 12.4417 9.04167 11.9083V11.2167C9.04167 10.2167 9.65833 9.35 10.5667 9.025C11.0833 8.84167 11.4333 8.325 11.4333 7.725C11.4333 6.875 10.7917 6.175 10 6.175C9.20833 6.175 8.56667 6.875 8.56667 7.725C8.56667 8.25833 8.13333 8.68333 7.60833 8.68333C7.08333 8.68333 6.65 8.25833 6.65 7.725C6.65 5.825 8.15833 4.26667 10 4.26667C11.8417 4.26667 13.35 5.825 13.35 7.725C13.35 9.14167 12.4833 10.3833 11.1917 10.8333Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--hourglass { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20.01' viewBox='0 0 20 20.01' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M8.53 14.72C8.61 14.4 8.71 14.07 8.86 13.74C8.99 13.46 9.05 13.16 9.18 12.88C8.62 12.28 7.83 11.94 7.01 11.94C6.1 11.94 5.23 12.37 4.67 13.07L2.91 15.24H2.02C2.02 14.85 2.08 14.41 2.28 13.93C2.5 13.43 2.87 12.91 3.49 12.46C3.82 12.22 4.08 11.94 4.3 11.65C4.71 11.09 4.91 10.46 4.91 9.83C4.91 9.2 4.71 8.57 4.3 7.99C4.08 7.7 3.82 7.42 3.49 7.18C3.04 6.84 2.71 6.08 2.47 5.21C2.17 4.17 2.04 3.06 2.04 2.36H11.94C11.94 3.04 11.81 4.17 11.52 5.23C11.27 6.1 10.94 6.88 10.49 7.2C10.16 7.44 9.88 7.71 9.68 8.01C9.27 8.57 9.07 9.2 9.07 9.85C9.07 10.5 9.27 11.11 9.68 11.67C9.72 11.72 9.76 11.76 9.8 11.81C10.01 11.52 10.27 11.23 10.57 10.96C10.32 10.61 10.2 10.23 10.2 9.85C10.2 9.47 10.33 9.05 10.59 8.7C10.74 8.49 10.92 8.31 11.16 8.12C11.83 7.62 12.31 6.62 12.61 5.55C13 4.12 13.13 2.48 13.04 1.82H13.4C13.72 1.82 13.98 1.56 13.98 1.23V0.59C13.98 0.26 13.72 0 13.4 0H0.59C0.26 0 0 0.26 0 0.59V1.21C0 1.54 0.26 1.8 0.59 1.8H0.95C0.85 2.48 0.98 4.1 1.37 5.53C1.67 6.6 2.15 7.62 2.82 8.1C3.06 8.27 3.24 8.48 3.39 8.68C3.65 9.03 3.78 9.44 3.78 9.83C3.78 10.22 3.65 10.63 3.39 10.98C3.24 11.18 3.06 11.37 2.82 11.53C2.02 12.11 1.52 12.8 1.24 13.48C0.87 14.35 0.83 15.21 0.95 15.8H0.59C0.26 15.8 0 16.06 0 16.39V17.01C0 17.34 0.26 17.6 0.59 17.6H8.04C8.15 17.59 8.3 16.09 8.31 15.96C8.38 15.52 8.43 15.12 8.53 14.72Z' fill='%23365081'/%3E%3Cpath d='M10.9 11.34C10.59 11.6 10.34 11.9 10.14 12.19C9.61 12.95 9.42 13.65 9.42 13.65L11.16 14.3C11.9 12.34 13.35 11.96 14.31 11.93V13.15L17.24 10.95L14.34 8.78V10.26C14.19 10.25 14.05 10.24 13.91 10.24C12.56 10.24 11.59 10.73 10.9 11.34Z' fill='%23365081'/%3E%3Cpath d='M18.66 17.44C20.79 14.22 17.94 11.64 17.94 11.64L16.54 12.81C17.94 14.38 17.59 15.81 17.16 16.63L16.06 16.06L16.63 19.62L20 18.17L18.66 17.44Z' fill='%23365081'/%3E%3Cpath d='M14.5 18.16C12.88 18.16 12.03 17.27 11.59 16.59L12.67 16L9.28 14.58L8.77 18.14L10.08 17.42C11.16 19.61 13.09 20.01 14.34 20.01C15.06 20.01 15.55 19.88 15.55 19.88L15.27 18.1C14.99 18.14 14.74 18.16 14.5 18.16Z' fill='%23365081'/%3E%3Cpath d='M9.5196 5.63C9.8596 5.63 10.0496 6.02001 9.8396 6.29001L8.7896 7.61C8.3396 8.17 7.6796 8.48001 6.9696 8.48001C6.2596 8.48001 5.5996 8.15 5.1496 7.61L4.0996 6.29001C3.8896 6.02001 4.0796 5.63 4.4196 5.63H9.5196Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--info-circle { --icon: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0C4.03277 0 0 4.03277 0 9C0 13.9672 4.03277 18 9 18C13.9672 18 18 13.9672 18 9C18 4.03277 13.9672 0 9 0ZM10.6523 9.47299C10.6523 8.56044 9.91259 7.82072 9.00007 7.82072H9C8.56178 7.82072 8.14148 7.99478 7.83162 8.30468C7.52175 8.61455 7.34766 9.0348 7.34766 9.47306V12.9908C7.34766 13.429 7.52175 13.8493 7.83162 14.1591C8.14148 14.469 8.56178 14.6431 9 14.6431H9.00007C9.91259 14.6431 10.6523 13.9033 10.6523 12.9908V9.47299ZM9 3.35689C8.08805 3.35689 7.34766 4.09729 7.34766 5.00924C7.34766 5.92119 8.08805 6.66158 9 6.66158C9.91195 6.66158 10.6523 5.92119 10.6523 5.00924C10.6523 4.09729 9.91195 3.35689 9 3.35689Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--layers { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M10.5669 1.03814C13.3651 -0.346043 16.6347 -0.346043 19.433 1.03812L28.5246 5.53533C30.4917 6.50839 30.4917 9.35518 28.5246 10.3282L26.221 11.4678V11.4726V11.4775L19.4986 14.8027C16.659 16.2074 13.3408 16.2074 10.5012 14.8027L3.77898 11.4775V11.4726V11.4677L1.47538 10.3282C-0.491785 9.35518 -0.4918 6.50841 1.47538 5.53533L10.5669 1.03814Z' fill='%23145EEE'/%3E%3Cpath d='M1.96833 13.1232C1.50411 12.8937 0.928522 12.9019 0.598367 13.3051C-0.399327 14.5235 -0.149382 16.4988 1.34819 17.338C1.37302 17.3481 1.3977 17.3592 1.42214 17.3714L10.5012 21.8624C13.3408 23.2671 16.659 23.2671 19.4986 21.8624L28.5778 17.3714C28.6022 17.3592 28.627 17.3481 28.6519 17.3379C30.1493 16.4986 30.3993 14.5235 29.4015 13.3051C29.0714 12.9019 28.4958 12.8937 28.0316 13.1232L20.4837 16.8569C17.0223 18.5691 12.9776 18.5691 9.51609 16.8569L1.96833 13.1232Z' fill='%23145EEE'/%3E%3Cpath d='M29.4016 20.3648C29.0714 19.9616 28.4958 19.9532 28.0316 20.1829L20.4837 23.9164C17.0223 25.6287 12.9776 25.6287 9.5161 23.9164L1.96834 20.1829C1.50411 19.9532 0.928497 19.9616 0.598342 20.3648C-0.426934 21.6169 -0.134574 23.6683 1.47538 24.4646L10.5669 28.9619C13.3651 30.346 16.6347 30.346 19.4331 28.9619L28.5246 24.4646C30.1346 23.6683 30.4269 21.6169 29.4016 20.3648Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--link { --icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6276 1.3704C13.748 0.492832 12.5563 0 11.3139 0C10.0716 0 8.87988 0.492832 8.0003 1.3704L7.55841 1.81223C7.50038 1.87026 7.45434 1.93915 7.42293 2.01497C7.39151 2.0908 7.37534 2.17207 7.37533 2.25414C7.37532 2.33622 7.39148 2.41749 7.42288 2.49332C7.45428 2.56915 7.50031 2.63805 7.55833 2.69608L8.44181 3.57969C8.55898 3.69687 8.71788 3.76271 8.88358 3.76272C9.04927 3.76273 9.20819 3.69692 9.32537 3.57976L9.76741 3.1378C10.1776 2.72763 10.7339 2.49721 11.3139 2.49723C11.8939 2.49726 12.4502 2.72772 12.8603 3.13793C13.2705 3.54814 13.5009 4.10449 13.5009 4.68462C13.501 5.26474 13.2706 5.82112 12.8605 6.23136L10.651 8.44059C10.2639 8.82345 9.74861 9.0492 9.20477 9.07422C8.66093 9.09925 8.12712 8.92176 7.7065 8.57607L7.227 8.17553C7.16401 8.12291 7.09128 8.08321 7.01294 8.05871C6.93461 8.03421 6.85222 8.02538 6.77048 8.03273C6.68874 8.04009 6.60924 8.06348 6.53654 8.10157C6.46384 8.13966 6.39935 8.1917 6.34676 8.25472L5.54595 9.21434C5.43976 9.34159 5.38847 9.50582 5.40334 9.6709C5.41822 9.83598 5.49805 9.98839 5.62527 10.0946L6.10477 10.4948C7.00065 11.2493 8.1477 11.6386 9.31764 11.5855C10.4876 11.5323 11.5946 11.0405 12.4184 10.208L14.6279 7.99876C15.5066 7.11971 16.0003 5.92756 16.0002 4.68452C16.0002 3.44148 15.5064 2.24936 14.6276 1.3704Z' fill='white'/%3E%3Cpath d='M7.55859 12.4179C7.44142 12.3007 7.28252 12.2349 7.11682 12.2349C6.95113 12.2349 6.79221 12.3007 6.67503 12.4179L6.23299 12.8598C5.82281 13.27 5.26652 13.5004 4.68649 13.5004C4.10646 13.5004 3.5502 13.2699 3.14005 12.8597C2.72991 12.4495 2.49948 11.8931 2.49946 11.313C2.49944 10.7329 2.72982 10.1765 3.13993 9.76626L5.34943 7.55703C5.73638 7.17389 6.25168 6.94794 6.79561 6.92291C7.33954 6.89789 7.87341 7.07556 8.2939 7.42155L8.7734 7.82209C8.83639 7.87471 8.90912 7.91441 8.98746 7.93891C9.06579 7.96341 9.14818 7.97224 9.22992 7.96488C9.31166 7.95753 9.39116 7.93414 9.46386 7.89605C9.53656 7.85796 9.60105 7.80592 9.65364 7.7429L10.4544 6.78328C10.5606 6.65602 10.6119 6.49179 10.597 6.32671C10.5822 6.16163 10.5023 6.00922 10.3751 5.90301L9.8956 5.50278C8.99974 4.7483 7.85268 4.35888 6.68272 4.41203C5.51277 4.46519 4.40573 4.95702 3.58195 5.78963L1.37251 7.99886C0.493679 8.87788 -2.81311e-05 10.0701 1.2022e-09 11.3131C2.81335e-05 12.5562 0.493789 13.7484 1.37266 14.6274C2.25153 15.5063 3.44352 16.0001 4.68641 16.0001C5.9293 16.0001 7.12126 15.5062 8.0001 14.6272L8.44199 14.1854C8.50002 14.1274 8.54606 14.0585 8.57747 13.9826C8.60889 13.9068 8.62506 13.8256 8.62507 13.7435C8.62507 13.6614 8.60892 13.5801 8.57752 13.5043C8.54612 13.4285 8.50009 13.3596 8.44207 13.3015L7.55859 12.4179Z' fill='white'/%3E%3C/svg%3E"); }
.icon--locate { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M19.138 15C19.138 17.2854 17.2854 19.138 15 19.138C12.7146 19.138 10.862 17.2854 10.862 15C10.862 12.7146 12.7146 10.8621 15 10.8621C17.2854 10.8621 19.138 12.7146 19.138 15Z' fill='%23145EEE'/%3E%3Cpath d='M0.517273 16.5518H3.20686C3.91365 21.8877 8.11226 26.0863 13.4482 26.7931V29.4827C13.4491 29.7681 13.6803 29.9991 13.9655 30H16.0345C16.3197 29.9991 16.5509 29.7681 16.5518 29.4827V26.7931C21.8877 26.0863 26.0863 21.8877 26.7931 16.5518H29.4827C29.7681 16.5509 29.9991 16.3197 30 16.0345V13.9655C29.9991 13.6803 29.7681 13.4491 29.4827 13.4482H26.7931C26.0863 8.11226 21.8877 3.91365 16.5518 3.20686V0.517273C16.5509 0.231857 16.3197 0.000915527 16.0345 0H13.9655C13.6803 0.000915527 13.4491 0.231857 13.4482 0.517273V3.20686C8.11226 3.91365 3.91365 8.11226 3.20686 13.4482H0.517273C0.231857 13.4491 0.000915527 13.6803 0 13.9655V16.0345C0.000915527 16.3197 0.231857 16.5509 0.517273 16.5518ZM15 6.20682C19.8562 6.20682 23.7932 10.1438 23.7932 15C23.7932 19.8562 19.8562 23.7932 15 23.7932C10.1438 23.7932 6.20682 19.8562 6.20682 15C6.21368 10.1466 10.1466 6.21368 15 6.20682Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--magic-wand { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0.196 4.48L1.603 5.25C1.666 5.285 1.715 5.334 1.75 5.397L2.52 6.804C2.555 6.867 2.604 6.916 2.667 6.951C2.849 7.049 3.073 6.986 3.171 6.804L3.941 5.397C3.976 5.334 4.025 5.285 4.088 5.25L5.495 4.48C5.558 4.445 5.607 4.396 5.642 4.333C5.74 4.151 5.677 3.927 5.495 3.829L4.088 3.059C4.025 3.024 3.976 2.975 3.941 2.912L3.171 1.505C3.136 1.442 3.087 1.393 3.024 1.358C2.842 1.26 2.618 1.323 2.52 1.505L1.75 2.912C1.715 2.975 1.666 3.024 1.603 3.059L0.196 3.829C0.133 3.864 0.084 3.913 0.049 3.976C-0.049 4.158 0.014 4.382 0.196 4.48Z' fill='%23365081'/%3E%3Cpath d='M13.762 10.983L12.425 10.248C12.362 10.213 12.32 10.164 12.292 10.101L11.557 8.764C11.522 8.701 11.473 8.659 11.417 8.624C11.242 8.533 11.025 8.596 10.934 8.764L10.199 10.101C10.164 10.164 10.115 10.206 10.059 10.241L8.722 10.976C8.659 11.011 8.617 11.06 8.582 11.116C8.491 11.291 8.554 11.501 8.722 11.599L10.059 12.334C10.122 12.369 10.164 12.418 10.199 12.474L10.927 13.811C10.962 13.874 11.011 13.916 11.067 13.951C11.242 14.042 11.459 13.979 11.55 13.811L12.285 12.474C12.32 12.411 12.369 12.369 12.425 12.334L13.762 11.599C13.825 11.564 13.867 11.515 13.902 11.459C13.993 11.284 13.93 11.074 13.762 10.983Z' fill='%23365081'/%3E%3Cpath d='M5.901 2.233C5.936 2.254 5.964 2.282 5.985 2.317L6.419 3.115C6.44 3.15 6.468 3.178 6.503 3.199C6.601 3.255 6.734 3.213 6.79 3.115L7.224 2.317C7.245 2.282 7.273 2.254 7.308 2.233L8.106 1.799C8.141 1.778 8.169 1.75 8.19 1.715C8.246 1.617 8.204 1.484 8.106 1.428L7.308 0.994C7.273 0.973 7.245 0.945 7.224 0.91L6.79 0.112C6.769 0.077 6.741 0.049 6.706 0.028C6.608 -0.028 6.475 0.014 6.419 0.112L5.985 0.91C5.964 0.945 5.936 0.973 5.901 0.994L5.103 1.428C5.068 1.449 5.04 1.477 5.019 1.512C4.963 1.617 5.005 1.743 5.103 1.799L5.901 2.233Z' fill='%23365081'/%3E%3Cpath d='M13.678 1.477L12.523 0.322C12.096 -0.105 11.403 -0.105 10.976 0.322L0.322 10.976C-0.105 11.403 -0.105 12.096 0.322 12.523L1.477 13.678C1.904 14.105 2.597 14.105 3.024 13.678L13.678 3.024C14.105 2.597 14.105 1.904 13.678 1.477ZM9.667 5.369L8.631 4.333L11.676 1.281L12.712 2.317L9.667 5.369Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--mail { --icon: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1303 7.06005C15.7791 7.47692 12.6277 11.1329 10.011 11.1329C7.39725 11.1329 4.21389 7.47988 3.85874 7.06301C3.59338 6.74987 3.63328 6.28262 3.94952 6.01887C4.26476 5.75413 4.73663 5.79562 5.00299 6.10778C6.17119 7.4779 8.56245 9.65114 10.011 9.65114C11.4585 9.65114 13.8278 7.47988 14.981 6.11074C15.2454 5.7976 15.7173 5.75611 16.0345 6.01591C16.3518 6.27867 16.3947 6.74592 16.1303 7.06005ZM10 0C2.61672 0 0 2.48539 0 9.5C0 16.5136 2.61672 19 10 19C17.3833 19 20 16.5136 20 9.5C20 2.48539 17.3833 0 10 0Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--manage-add-data { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 3.03C21.75 0.78 18.255 0 13.515 0C8.775 0 5.28 0.765 3.03 3.03C0.78 5.28 0 8.775 0 13.515C0 18.255 0.765 21.75 3.03 24C5.28 26.265 8.775 27.03 13.515 27.03C14.865 27.03 16.125 26.97 17.28 26.82C16.845 25.905 16.605 24.885 16.605 23.805C16.605 19.845 19.845 16.605 23.805 16.605C24.885 16.605 25.905 16.845 26.82 17.28C26.97 16.125 27.03 14.865 27.03 13.515C27.03 8.775 26.265 5.28 24 3.03ZM11.73 21.345C11.61 21.39 11.475 21.42 11.31 21.42C10.92 21.42 10.56 21.255 10.32 20.925L6.9 16.605L5.415 14.685C4.98 14.145 5.085 13.32 5.625 12.9C6.18 12.45 6.99 12.555 7.41 13.11L9.33 15.54L10.05 16.47V6.87C10.05 6.525 10.185 6.225 10.425 5.97C10.665 5.745 10.98 5.61 11.31 5.61C12.015 5.61 12.57 6.18 12.585 6.84V20.145C12.6 20.7 12.255 21.165 11.73 21.345ZM21.39 14.145C20.85 14.535 20.07 14.415 19.635 13.89L19.035 13.14L16.995 10.545V20.145C16.995 20.85 16.44 21.39 15.72 21.42C15.375 21.42 15.075 21.285 14.835 21.06C14.595 20.82 14.46 20.505 14.46 20.16V6.87C14.46 6.525 14.595 6.225 14.835 5.97C15.075 5.745 15.375 5.61 15.72 5.61C16.125 5.61 16.485 5.79 16.725 6.105L20.025 10.305L21.63 12.36C21.84 12.615 21.915 12.945 21.885 13.305C21.84 13.635 21.675 13.92 21.39 14.145Z' fill='%23365081'/%3E%3Cpath d='M23.805 17.61C20.385 17.61 17.61 20.385 17.61 23.805C17.61 27.225 20.385 30 23.805 30C27.225 30 30 27.225 30 23.805C30 20.385 27.225 17.61 23.805 17.61ZM26.805 24.375H24.39V26.79C24.39 27.105 24.135 27.36 23.82 27.36C23.505 27.36 23.25 27.105 23.25 26.79V24.375H20.835C20.52 24.375 20.265 24.12 20.265 23.805C20.265 23.49 20.52 23.235 20.835 23.235H23.25V20.82C23.25 20.505 23.505 20.25 23.82 20.25C24.135 20.25 24.39 20.505 24.39 20.82V23.235H26.805C27.12 23.235 27.375 23.49 27.375 23.805C27.375 24.12 27.12 24.375 26.805 24.375Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--manage-extend-validity { --icon: url("data:image/svg+xml,%3Csvg width='27' height='30' viewBox='0 0 27 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.805 12.39C26.46 9.51 25.545 6.69 23.25 4.86C22.38 4.17 21.39 3.675 20.34 3.315V1.065C20.34 0.48 19.875 0 19.305 0C18.735 0 18.27 0.48 18.27 1.065V5.67C18.27 6.03 18.465 6.345 18.75 6.54C18.585 6.66 18.405 6.735 18.18 6.735C17.61 6.735 17.145 6.255 17.145 5.67V2.61C16.035 2.475 14.835 2.4 13.5 2.4C11.94 2.4 10.53 2.49 9.285 2.685V1.065C9.285 0.48 8.82 0 8.25 0C7.68 0 7.215 0.48 7.215 1.065V5.67C7.215 6.03 7.41 6.345 7.695 6.54C7.53 6.66 7.35 6.735 7.125 6.735C6.555 6.735 6.09 6.255 6.09 5.67V3.51C6.09 3.51 5.01 4.005 4.89 4.08C4.515 4.29 4.14 4.53 3.795 4.8C3.12 5.34 2.535 5.985 2.055 6.705C0.27 9.45 0 13.02 0 16.2C0 26.385 3.54 30 13.5 30C23.46 30 27 26.385 27 16.2C27 14.985 26.955 13.68 26.805 12.39ZM18.06 17.64H14.925V20.775C14.925 21.555 14.295 22.2 13.5 22.2C12.705 22.2 12.075 21.555 12.075 20.775V17.64H8.94C8.16 17.64 7.515 17.01 7.515 16.215C7.515 15.42 8.16 14.79 8.94 14.79H12.075V11.655C12.075 10.86 12.705 10.23 13.5 10.23C14.295 10.23 14.925 10.86 14.925 11.655V14.79H18.06C18.84 14.79 19.485 15.42 19.485 16.215C19.485 17.01 18.84 17.64 18.06 17.64Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--manage-network-settings { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.34 12.39L28.155 12.105C25.98 11.55 25.2 9.66 26.355 7.74L26.985 6.705C27.195 6.36 27.135 5.925 26.85 5.64L24.36 3.15C24.075 2.865 23.64 2.805 23.295 3.015L22.26 3.645C20.34 4.8 18.45 4.02 17.895 1.845L17.61 0.66C17.52 0.27 17.16 0 16.755 0H13.245C12.84 0 12.48 0.27 12.39 0.66L12.105 1.845C11.55 4.02 9.66 4.8 7.74 3.645L6.705 3.015C6.36 2.805 5.925 2.865 5.64 3.15L3.15 5.64C2.865 5.925 2.805 6.36 3.015 6.705L3.645 7.74C4.8 9.66 4.02 11.55 1.845 12.105L0.66 12.39C0.27 12.48 0 12.84 0 13.245V16.755C0 17.16 0.27 17.52 0.66 17.61L1.845 17.895C4.02 18.45 4.8 20.34 3.645 22.26L3.015 23.295C2.805 23.64 2.865 24.075 3.15 24.36L5.64 26.85C5.925 27.135 6.36 27.195 6.705 26.985L7.74 26.355C9.66 25.2 11.55 25.98 12.105 28.155L12.39 29.34C12.48 29.73 12.84 30 13.245 30H16.755C17.16 30 17.52 29.73 17.61 29.34L17.895 28.155C18.45 25.98 20.34 25.2 22.26 26.355L23.295 26.985C23.64 27.195 24.075 27.135 24.36 26.85L26.85 24.36C27.135 24.075 27.195 23.64 26.985 23.295L26.355 22.26C25.2 20.34 25.98 18.45 28.155 17.895L29.34 17.61C29.73 17.52 30 17.16 30 16.755V13.245C30 12.84 29.73 12.48 29.34 12.39ZM13.485 21.675C13.38 21.72 13.275 21.735 13.11 21.735C12.78 21.735 12.495 21.6 12.27 21.3L9.36 17.625L8.085 15.99C7.725 15.54 7.815 14.82 8.28 14.475C8.76 14.085 9.435 14.19 9.81 14.655L11.445 16.725L12.045 17.505V9.33C12.045 9.045 12.165 8.79 12.375 8.58C12.57 8.385 12.84 8.265 13.11 8.265C13.71 8.265 14.205 8.76 14.205 9.315V20.64C14.22 21.105 13.935 21.525 13.485 21.675ZM21.72 15.54C21.255 15.87 20.58 15.765 20.22 15.315L19.71 14.685L17.955 12.465V20.64C17.955 21.24 17.49 21.72 16.89 21.735C16.575 21.735 16.32 21.615 16.125 21.42C15.915 21.225 15.795 20.955 15.795 20.67V9.33C15.795 9.045 15.915 8.79 16.125 8.58C16.32 8.385 16.575 8.265 16.89 8.265C17.205 8.265 17.535 8.415 17.73 8.7L20.55 12.27L21.915 14.01C22.08 14.235 22.155 14.52 22.125 14.82C22.08 15.09 21.945 15.345 21.72 15.54Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--manage-usage-alerts { --icon: url("data:image/svg+xml,%3Csvg width='24' height='30' viewBox='0 0 24 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.6133 17.9293C22.3236 15.1483 22.3571 14.1019 22.4165 12.2002C22.4317 11.7508 22.447 11.2627 22.447 10.7029C22.447 6.25905 19.2055 0 12.0007 0C4.79598 0 1.55446 6.25905 1.55446 10.7029C1.55446 11.2612 1.56968 11.7508 1.58491 12.2002C1.64429 14.1019 1.67626 15.1483 0.372954 17.9666C-0.184301 19.3757 -0.117309 20.5923 0.575454 21.5835C2.23809 23.9689 7.04936 24.2973 12.0007 24.2973C16.9521 24.2973 21.7633 23.9689 23.426 21.5835C24.1203 20.5923 24.1873 19.3757 23.6133 17.9293Z' fill='%23365081'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1075 25.8084C13.6242 26.0786 10.9323 26.0771 7.87199 25.8054C7.4137 25.7696 6.95998 26.0069 6.74987 26.4174C6.53823 26.8294 6.60522 27.3235 6.91735 27.6669C8.28765 29.17 10.0904 30 11.9936 30H11.9966C13.9044 30 15.7116 29.1715 17.085 27.6669C17.4001 27.322 17.4656 26.8205 17.2494 26.407C17.0317 25.9965 16.5841 25.7666 16.1075 25.8084Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--maneuver-straight { --icon: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.9633 23.2498C34.889 23.429 34.7155 23.5459 34.5229 23.5459H29.2997V36.5C29.2997 36.7644 29.0862 36.9791 28.8231 36.9791H21.1965C20.9334 36.9791 20.7199 36.7644 20.7199 36.5V23.5458H15.4767C15.2841 23.5458 15.1106 23.4289 15.0362 23.2507C14.9628 23.0716 15.0029 22.8656 15.1392 22.7286L24.6485 13.1408C24.7381 13.0508 24.8592 13 24.986 13C25.1127 13 25.2338 13.0508 25.3234 13.1399L34.8604 22.7277C34.9967 22.8647 35.0377 23.0707 34.9633 23.2498Z' fill='white'/%3E%3C/svg%3E"); }
.icon--marker-down { --icon: url("data:image/svg+xml,%3Csvg width='11.8002' height='10.75' viewBox='0 0 11.8002 10.75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.63215 9.75C6.86235 11.0833 4.93785 11.0833 4.16805 9.75L0.2709 3C-0.4989 1.66666 0.4634 0 2.00299 0H9.79722C11.3368 0 12.2991 1.66667 11.5293 3L7.63215 9.75Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--more-vertical { --icon: url("data:image/svg+xml,%3Csvg width='4' height='14' viewBox='0 0 4 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9C3.10457 9 4 8.10457 4 7C4 5.89543 3.10457 5 2 5C0.895431 5 0 5.89543 0 7C0 8.10457 0.895431 9 2 9Z' fill='%23365081'/%3E%3Cpath d='M2 4C3.10457 4 4 3.10457 4 2C4 0.895431 3.10457 0 2 0C0.895431 0 0 0.895431 0 2C0 3.10457 0.895431 4 2 4Z' fill='%23365081'/%3E%3Cpath d='M2 14C3.10457 14 4 13.1046 4 12C4 10.8954 3.10457 10 2 10C0.895431 10 0 10.8954 0 12C0 13.1046 0.895431 14 2 14Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--nav-camera { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12 8.84399C9.288 8.84399 7.07999 11.052 7.07999 13.764C7.07999 16.476 9.288 18.684 12 18.684C14.712 18.684 16.92 16.476 16.92 13.764C16.92 11.052 14.712 8.84399 12 8.84399ZM12 16.788C10.332 16.788 8.976 15.432 8.976 13.764C8.976 12.096 10.332 10.74 12 10.74C13.668 10.74 15.024 12.096 15.024 13.764C15.024 15.432 13.668 16.788 12 16.788Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M18.216 7.2H18.204C17.688 7.2 17.268 7.63199 17.268 8.14799C17.268 8.66399 17.7 9.09599 18.216 9.09599C18.732 9.09599 19.164 8.67599 19.164 8.14799C19.164 7.61999 18.744 7.2 18.216 7.2Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M19.104 3.888C18.888 3.828 18.576 3.684 18.312 3.396C18.204 3.276 18.06 2.976 17.916 2.7C17.532 1.92 17.016 0.863996 15.96 0.431996C15.516 0.239996 14.664 0.119997 13.656 0.0479965C13.512 0.0359965 13.368 0.0240006 13.224 0.0240006C12.828 0.0240006 12.42 0 12 0C11.58 0 11.184 0.0120006 10.788 0.0240006C9.612 0.0840006 8.568 0.215998 8.052 0.419998C7.008 0.851998 6.47999 1.908 6.09599 2.688C5.95199 2.976 5.808 3.276 5.688 3.396C5.436 3.684 5.12399 3.828 4.93199 3.888C0.863991 5.016 0.036 7.608 0 12.312C0.024 15.36 0.443997 17.712 1.356 19.476C3.012 22.716 6.336 24 12 24C17.664 24 21.012 22.704 22.668 19.44C22.68 19.44 22.68 19.416 22.692 19.404C23.568 17.652 23.976 15.312 24 12.312C23.964 7.608 23.148 5.016 19.104 3.888ZM21.192 18.396L21.072 18.624C20.172 20.388 18.396 22.2 12.012 22.2C5.62799 22.2 3.86399 20.412 2.96399 18.648C2.20799 17.184 1.83599 15.108 1.81199 12.324C1.84799 7.788 2.592 6.408 5.484 5.604C5.82 5.496 6.47999 5.232 7.03199 4.62C7.31999 4.308 7.5 3.948 7.692 3.564L7.72799 3.48C7.97999 2.964 8.328 2.256 8.736 2.088C8.868 2.04 9.516 1.884 10.872 1.812C11.244 1.812 11.628 1.788 12.024 1.788C12.42 1.788 12.816 1.788 13.248 1.812C13.344 1.812 13.44 1.812 13.548 1.836C14.892 1.932 15.252 2.076 15.3 2.088C15.72 2.256 16.056 2.928 16.344 3.528L16.416 3.672C16.584 4.008 16.752 4.332 17.004 4.608C17.448 5.088 18.024 5.448 18.636 5.616C21.444 6.396 22.176 7.776 22.212 12.288C22.188 14.94 21.852 16.932 21.192 18.384V18.396Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--nav-esims { --icon: url("data:image/svg+xml,%3Csvg width='24' height='21.588' viewBox='0 0 24 21.588' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M23.904 5.328C23.772 4.152 23.508 3.204 22.92 2.388C22.56 1.896 22.128 1.464 21.636 1.104C20.82 0.515998 19.872 0.251998 18.696 0.119998C17.544 -1.83284e-06 16.092 0 14.244 0H9.396C7.968 0.012 6.612 0.587998 5.592 1.596L1.596 5.592C0.588002 6.6 0.012 7.968 0 9.396V9.864C0 11.712 7.32243e-06 15.12 0.120007 16.272C0.252007 17.448 0.516007 18.396 1.10401 19.212C1.11601 19.224 1.12801 19.248 1.14001 19.26C1.48801 19.728 1.908 20.148 2.376 20.484C3.192 21.072 4.14001 21.336 5.31601 21.468C6.46801 21.588 7.92 21.588 9.768 21.588H14.22C16.068 21.588 17.52 21.588 18.672 21.468C19.848 21.336 20.796 21.072 21.612 20.484C22.104 20.124 22.536 19.692 22.896 19.2C23.772 17.988 23.94 16.452 23.988 14.28C24 13.548 24 13.908 24 12.972V12.924C24 11.076 24 6.468 23.88 5.316L23.904 5.328ZM22.224 13.848V14.268C22.176 16.14 22.044 17.376 21.468 18.156C21.228 18.492 20.928 18.792 20.58 19.044C20.1 19.392 19.488 19.584 18.504 19.692C17.448 19.812 16.044 19.812 14.256 19.812H9.804C8.016 19.812 6.60001 19.812 5.54401 19.692C4.57201 19.584 3.948 19.392 3.468 19.044C3.144 18.804 2.856 18.528 2.616 18.204L2.592 18.168V18.144C2.256 17.664 2.06401 17.052 1.95601 16.092C1.84801 15.036 1.848 11.556 1.848 9.876V9.42C1.848 8.46 2.232 7.56 2.916 6.876L6.91201 2.88C7.59601 2.196 8.496 1.824 9.432 1.812H14.28C16.068 1.812 17.484 1.812 18.54 1.932C19.512 2.04 20.136 2.232 20.616 2.58C20.952 2.832 21.252 3.12 21.492 3.456C21.84 3.936 22.032 4.56 22.14 5.532C22.248 6.588 22.248 11.376 22.248 12.996C22.248 13.428 22.248 13.712 22.248 13.848H22.224Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M10.932 11.868C10.248 11.868 9.68401 12.432 9.68401 13.116V16.104C9.68401 16.788 10.248 17.352 10.932 17.352C11.616 17.352 12.18 16.788 12.18 16.104V13.116C12.18 12.432 11.616 11.868 10.932 11.868Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M14.724 9.92403C14.04 9.92403 13.476 10.488 13.476 11.172V16.092C13.476 16.776 14.04 17.34 14.724 17.34C15.408 17.34 15.972 16.776 15.972 16.092V11.172C15.972 10.488 15.408 9.92403 14.724 9.92403Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M18.528 7.22403C17.844 7.22403 17.28 7.78803 17.28 8.47203V16.104C17.28 16.788 17.844 17.352 18.528 17.352C19.212 17.352 19.776 16.788 19.776 16.104V8.47203C19.776 7.78803 19.212 7.22403 18.528 7.22403Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--nav-esims-filled { --icon: url("data:image/svg+xml,%3Csvg width='24' height='21.588' viewBox='0 0 24 21.588' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.904 5.328C23.772 4.152 23.508 3.204 22.92 2.388C22.56 1.896 22.128 1.464 21.636 1.104C20.82 0.515998 19.872 0.251998 18.696 0.119998C17.544 -1.83284e-06 16.092 0 14.244 0H9.396C7.968 0.012 6.612 0.587998 5.592 1.596L1.596 5.592C0.588002 6.6 0.012 7.968 0 9.396V9.864C0 11.712 7.32243e-06 15.12 0.120007 16.272C0.252007 17.448 0.516007 18.396 1.10401 19.212C1.11601 19.224 1.12801 19.248 1.14001 19.26C1.48801 19.728 1.908 20.148 2.376 20.484C3.192 21.072 4.14001 21.336 5.31601 21.468C6.46801 21.588 7.92 21.588 9.768 21.588H14.22C16.068 21.588 17.52 21.588 18.672 21.468C19.848 21.336 20.796 21.072 21.612 20.484C22.104 20.124 22.536 19.692 22.896 19.2C23.772 17.988 23.94 16.452 23.988 14.28C24 13.548 24 13.908 24 12.972V12.924C24 11.076 24 6.468 23.88 5.316L23.904 5.328ZM10.932 11.868C10.248 11.868 9.68401 12.432 9.68401 13.116V16.104C9.68401 16.788 10.248 17.352 10.932 17.352C11.616 17.352 12.18 16.788 12.18 16.104V13.116C12.18 12.432 11.616 11.868 10.932 11.868ZM14.724 9.92403C14.04 9.92403 13.476 10.488 13.476 11.172V16.092C13.476 16.776 14.04 17.34 14.724 17.34C15.408 17.34 15.972 16.776 15.972 16.092V11.172C15.972 10.488 15.408 9.92403 14.724 9.92403ZM18.528 7.22403C17.844 7.22403 17.28 7.78803 17.28 8.47203V16.104C17.28 16.788 17.844 17.352 18.528 17.352C19.212 17.352 19.776 16.788 19.776 16.104V8.47203C19.776 7.78803 19.212 7.22403 18.528 7.22403Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--nav-explore { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.688 2.688C4.692 0.684002 7.788 0 12 0C16.212 0 19.308 0.696002 21.312 2.688C23.316 4.692 24 7.788 24 12C24 16.212 23.304 19.308 21.312 21.312C19.308 23.316 16.212 24 12 24C7.788 24 4.692 23.316 2.688 21.312C0.684002 19.308 0 16.212 0 12C0 7.788 0.696002 4.692 2.688 2.688ZM3.96 3.96C2.496 5.424 1.8 7.884 1.8 12C1.8 16.116 2.496 18.564 3.96 20.04C5.424 21.504 7.884 22.2 12 22.2C16.116 22.2 18.564 21.504 20.04 20.04C21.504 18.576 22.2 16.116 22.2 12C22.2 7.884 21.504 5.436 20.04 3.96C18.576 2.496 16.116 1.8 12 1.8C7.884 1.8 5.436 2.496 3.96 3.96Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.596 7.39214C16.836 7.63214 16.92 7.98014 16.824 8.29214L14.94 14.3281C14.856 14.6161 14.628 14.8321 14.352 14.9161L8.316 16.8121C7.992 16.9081 7.644 16.8241 7.416 16.5841C7.176 16.3441 7.092 15.9961 7.188 15.6841L9.072 9.64814C9.156 9.37214 9.384 9.14413 9.66 9.06013L15.696 7.17614C16.02 7.08014 16.368 7.16414 16.596 7.39214ZM10.632 10.6321L9.396 14.5801L13.344 13.3441L14.58 9.39614L10.632 10.6321Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--nav-home { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.616 5.328C20.184 4.956 19.692 4.548 19.116 4.02C18.84 3.816 18.552 3.588 18.252 3.336C16.512 1.932 14.136 0 11.964 0C9.792 0 7.596 1.824 5.808 3.276C5.472 3.552 5.15999 3.804 4.84799 4.056C4.29599 4.548 3.804 4.956 3.372 5.328C0.527997 7.728 0 8.352 0 13.956C0 24 3.012 24 12 24C20.988 24 24 24 24 13.956C24 8.352 23.46 7.728 20.616 5.328ZM15.06 17.976H8.94C8.244 17.976 7.692 17.412 7.692 16.728C7.692 16.044 8.244 15.48 8.94 15.48H15.06C15.744 15.48 16.308 16.032 16.308 16.728C16.308 17.424 15.744 17.976 15.06 17.976Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--nav-home-outline { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.97 5.828C19.57 5.484 19.115 5.107 18.582 4.618C18.327 4.43 18.061 4.219 17.783 3.986C16.174 2.687 13.976 0.9 11.967 0.9C9.958 0.9 7.926 2.587 6.272 3.93C5.962 4.186 5.673 4.419 5.384 4.652C4.874 5.107 4.419 5.484 4.019 5.828C1.388 8.048 0.9 8.626 0.9 13.809C0.9 23.1 3.686 23.1 12 23.1C20.314 23.1 23.1 23.1 23.1 13.809C23.1 8.626 22.6 8.048 19.97 5.828Z' stroke='%23145EEE' stroke-opacity='0.4' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M15.06 17.976H8.94C8.244 17.976 7.692 17.412 7.692 16.728C7.692 16.044 8.244 15.48 8.94 15.48H15.06C15.744 15.48 16.308 16.032 16.308 16.728C16.308 17.424 15.744 17.976 15.06 17.976Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3C/svg%3E"); }
.icon--nav-more { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24.0122' viewBox='0 0 24 24.0122' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5.532 12.948C1.452 12.948 0 14.4 0 18.48C0 22.56 1.452 24.012 5.532 24.012C9.612 24.012 11.064 22.56 11.064 18.48C11.064 14.4 9.612 12.948 5.532 12.948ZM5.532 22.2C2.436 22.2 1.8 21.576 1.8 18.468C1.8 15.36 2.424 14.736 5.532 14.736C8.64 14.736 9.264 15.36 9.264 18.468C9.264 21.576 8.64 22.2 5.532 22.2Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M18.468 12.948C14.388 12.948 12.936 14.4 12.936 18.48C12.936 22.56 14.388 24.012 18.468 24.012C22.548 24.012 24 22.56 24 18.48C24 14.4 22.548 12.948 18.468 12.948ZM18.468 22.2C15.372 22.2 14.736 21.576 14.736 18.468C14.736 15.36 15.36 14.736 18.468 14.736C21.576 14.736 22.2 15.36 22.2 18.468C22.2 21.576 21.576 22.2 18.468 22.2Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M5.532 0C1.452 0 0 1.452 0 5.532C0 9.612 1.452 11.064 5.532 11.064C9.612 11.064 11.064 9.612 11.064 5.532C11.064 1.452 9.612 0 5.532 0ZM5.532 9.264C2.436 9.264 1.8 8.64 1.8 5.532C1.8 2.424 2.424 1.8 5.532 1.8C8.64 1.8 9.264 2.424 9.264 5.532C9.264 8.64 8.64 9.264 5.532 9.264Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3Cpath d='M14.976 6.50397H17.472V8.99998C17.472 9.55198 17.916 9.99597 18.468 9.99597C19.02 9.99597 19.464 9.55198 19.464 8.99998V6.50397H21.96C22.512 6.50397 22.956 6.05998 22.956 5.50798C22.956 4.95598 22.512 4.51197 21.96 4.51197H19.464V2.01598C19.464 1.46398 19.02 1.01997 18.468 1.01997C17.916 1.01997 17.472 1.46398 17.472 2.01598V4.51197H14.976C14.424 4.51197 13.98 4.95598 13.98 5.50798C13.98 6.05998 14.424 6.50397 14.976 6.50397Z' fill='%23145EEE' fill-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--nav-more-filled { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24.0122' viewBox='0 0 24 24.0122' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.532 12.948C1.452 12.948 0 14.4 0 18.48C0 22.56 1.452 24.012 5.532 24.012C9.612 24.012 11.064 22.56 11.064 18.48C11.064 14.4 9.612 12.948 5.532 12.948ZM18.468 12.948C14.388 12.948 12.936 14.4 12.936 18.48C12.936 22.56 14.388 24.012 18.468 24.012C22.548 24.012 24 22.56 24 18.48C24 14.4 22.548 12.948 18.468 12.948ZM5.532 0C1.452 0 0 1.452 0 5.532C0 9.612 1.452 11.064 5.532 11.064C9.612 11.064 11.064 9.612 11.064 5.532C11.064 1.452 9.612 0 5.532 0ZM14.976 6.50397H17.472V8.99998C17.472 9.55198 17.916 9.99597 18.468 9.99597C19.02 9.99597 19.464 9.55198 19.464 8.99998V6.50397H21.96C22.512 6.50397 22.956 6.05998 22.956 5.50798C22.956 4.95598 22.512 4.51197 21.96 4.51197H19.464V2.01598C19.464 1.46398 19.02 1.01997 18.468 1.01997C17.916 1.01997 17.472 1.46398 17.472 2.01598V4.51197H14.976C14.424 4.51197 13.98 4.95598 13.98 5.50798C13.98 6.05998 14.424 6.50397 14.976 6.50397Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--navigate { --icon: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0257 0.11498C19.8426 -0.152099 20.7224 0.0521378 21.3351 0.664847C21.9479 1.27756 22.1521 2.15735 21.885 2.97429L16.0563 20.4601C15.7421 21.387 14.878 22.0154 13.904 21.9997C12.9299 21.984 12.0658 21.3556 11.7673 20.4287L9.42643 13.0761C9.34787 12.8405 9.17505 12.6677 8.93939 12.5891L1.57107 10.2325C0.644139 9.93405 0 9.08568 0 8.09592C0 7.10615 0.612718 6.25779 1.53965 5.94358L19.0257 0.11498Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--package { --icon: url("data:image/svg+xml,%3Csvg width='29.9995' height='30.0001' viewBox='0 0 29.9995 30.0001' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12.2032 22.0238C12.2032 23.6923 12.6172 25.2648 13.3433 26.6452C12.5812 26.7353 11.8012 26.6512 11.0631 26.3991C8.36298 25.4689 5.41081 24.2505 2.72866 22.828C1.09656 21.9758 0.118507 20.2413 0.0765044 18.5127C-0.0255015 15.0617 -0.0255015 11.6166 0.0765044 8.16553C0.118507 6.437 1.09056 4.70847 2.72266 3.8502C5.41081 2.42777 8.36298 1.20939 11.0631 0.279104C12.1552 -0.0930104 13.3373 -0.0930104 14.4293 0.279104C15.2394 0.561191 16.0674 0.861283 16.9015 1.18538C13.3193 2.36175 9.11903 3.94623 5.1888 5.89083C4.42076 6.26895 3.90473 7.04919 3.86272 7.87144C3.75472 9.82805 3.70671 11.8447 3.71271 13.8613C3.71271 14.0774 3.92873 14.2154 4.10274 14.1074C4.41476 13.9213 4.72677 13.7292 5.05079 13.5432C5.1468 13.4892 5.26681 13.5132 5.32681 13.5972C5.74083 14.1434 6.16686 14.6895 6.59888 15.2477C6.65289 15.3197 6.74289 15.3618 6.8329 15.3618C6.9829 15.3618 7.10291 15.2297 7.10291 15.0737C7.07891 13.051 7.09691 11.0104 7.16291 9.0298C7.19892 8.14753 7.73295 7.36729 8.54299 7.01318C12.6472 5.17661 16.7155 3.69416 20.1837 2.57181C21.0657 2.97393 21.9298 3.40607 22.7698 3.8442C24.4019 4.70247 25.374 6.431 25.422 8.15953C25.47 9.64799 25.494 11.1425 25.5 12.6309C24.4619 12.2588 23.3399 12.0607 22.1758 12.0607C16.6855 12.0607 12.2152 16.5321 12.2152 22.0238H12.2032Z' fill='%23145EEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.4873 14.8514C24.4432 14.3473 23.2671 14.0592 22.0311 14.0592C17.6388 14.0592 14.0626 17.6363 14.0626 22.0297C14.0626 23.5181 14.4706 24.9105 15.1847 26.1049C16.5768 28.4336 19.1269 30.0001 22.0311 30.0001C26.4233 30.0001 29.9995 26.423 29.9995 22.0297C29.9995 18.8727 28.1574 16.1358 25.4873 14.8514ZM21.551 26.537C21.551 26.8131 21.377 27.0532 21.119 27.1432C21.053 27.1672 20.981 27.1792 20.909 27.1792C20.711 27.1792 20.525 27.0892 20.405 26.9332L18.6829 24.7425L17.9208 23.7702C17.6988 23.4881 17.7528 23.086 18.0288 22.8639C18.3109 22.6418 18.7129 22.6959 18.9349 22.9719L19.9069 24.2083L20.273 24.6705V17.5343C20.273 17.3662 20.339 17.2042 20.459 17.0781C20.579 16.9581 20.741 16.8861 20.915 16.8861H20.921C21.275 16.8861 21.563 17.1742 21.563 17.5223V26.531L21.551 26.537ZM26.2733 20.7813C26.2493 20.9493 26.1653 21.1054 26.0273 21.2074C25.7513 21.4235 25.3493 21.3694 25.1273 21.0994L24.8272 20.7152L23.7952 19.4008V26.537C23.7952 26.8912 23.5132 27.1792 23.1591 27.1852H23.1531C22.9851 27.1852 22.8231 27.1192 22.7031 26.9992C22.5771 26.8791 22.5111 26.7171 22.5111 26.543V17.5343C22.5111 17.3602 22.5771 17.1982 22.6971 17.0781C22.8171 16.9581 22.9791 16.8921 23.1531 16.8861C23.3511 16.8861 23.5372 16.9761 23.6572 17.1321L25.3253 19.2628L26.1413 20.3011C26.2493 20.4392 26.2913 20.6072 26.2733 20.7813Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--phone { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5304 0.00567193C12.1301 -0.0450607 11.7715 0.250554 11.7279 0.651538C11.6833 1.0535 11.9712 1.41448 12.3695 1.45936C15.6426 1.82522 18.1839 4.38136 18.5513 7.67508C18.593 8.04875 18.907 8.32485 19.2724 8.32485C19.2995 8.32485 19.3276 8.3229 19.3548 8.31997C19.7531 8.27607 20.04 7.91314 19.9954 7.51118C19.5525 3.53452 16.4829 0.447631 12.5304 0.00567193Z' fill='%23145EEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1286 7.74396C15.1965 8.09323 15.5008 8.33519 15.841 8.33519C15.8875 8.33519 15.9341 8.33129 15.9816 8.3225C16.3751 8.24543 16.6329 7.86006 16.5563 7.46395C16.1618 5.43269 14.6043 3.86486 12.5883 3.47071C12.2035 3.39363 11.8129 3.65315 11.7363 4.05023C11.6597 4.44633 11.9176 4.83073 12.312 4.90781C13.7426 5.18781 14.8495 6.301 15.1286 7.74396Z' fill='%23145EEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4173 11.8028C12.4501 12.2769 11.6126 12.6886 9.43477 10.4964C7.25787 8.30417 7.66495 7.46221 8.13696 6.48755C8.82027 5.07485 9.0965 3.78994 5.99302 1.21721C5.25156 0.607445 4.44709 0.373295 3.60677 0.5372C1.83016 0.871841 0.575006 2.86212 0.576945 2.86212C-0.210073 3.97043 -1.28786 7.30318 5.65863 14.2965C10.2276 18.8966 13.2245 20 15.0428 20C15.9887 20 16.6158 19.7015 16.9783 19.439C16.9977 19.4273 18.9924 18.1834 19.3297 16.3599C19.4867 15.5121 19.2579 14.7053 18.6512 13.9589C16.0963 10.8379 14.8198 11.115 13.4173 11.8028Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--phone-chart { --icon: url("data:image/svg+xml,%3Csvg width='30.0025' height='30' viewBox='0 0 30.0025 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M21.0329 23.385C20.9429 24.12 20.5979 24.795 20.1029 25.29C19.5779 25.815 18.9029 26.16 18.1529 26.265C16.5179 26.46 14.5829 26.55 12.3929 26.55C10.2029 26.55 8.29788 26.46 6.64788 26.265C5.14788 26.07 3.93288 24.84 3.75288 23.34C3.60288 22.005 3.43788 17.64 3.45288 15C3.43788 12.345 3.60288 7.99501 3.75288 6.66001C3.93288 5.14501 5.14788 3.93001 6.64788 3.73501C7.12788 3.67501 7.65288 3.63001 8.22288 3.58501H8.47788V3.82501C8.47788 4.42501 8.49288 4.89001 8.50788 5.10001C8.55288 5.77501 9.10788 6.33001 9.78288 6.37501C10.2479 6.42001 11.5079 6.43501 12.3929 6.43501C13.2779 6.43501 14.5379 6.43501 15.0179 6.37501C15.6929 6.33001 16.2479 5.77501 16.2929 5.10001C16.3079 4.89001 16.3079 4.42501 16.3229 3.82501V3.57001H16.5779C17.1329 3.63001 17.6729 3.67501 18.1529 3.73501C19.6379 3.93001 20.8379 5.11501 21.0329 6.61501C21.5129 6.52501 22.0079 6.48001 22.5029 6.48001C23.1629 6.48001 23.8079 6.55501 24.4229 6.70501C24.4229 6.64501 24.4229 6.60001 24.4229 6.55501C24.0179 3.45001 21.4079 0.795014 18.3479 0.360014C16.6079 0.120014 14.6129 1.38283e-05 12.4079 1.38283e-05C10.2029 1.38283e-05 8.22288 0.120014 6.48288 0.360014C3.40788 0.795014 0.797878 3.45001 0.392878 6.55501C0.197878 7.98001 -0.0121219 12.48 0.00287808 15C-0.0271219 17.535 0.182878 22.035 0.377878 23.445C0.782878 26.55 3.39288 29.205 6.45288 29.64C8.19288 29.88 10.1879 30 12.3779 30C14.5679 30 16.5779 29.88 18.3179 29.64C21.3779 29.205 23.9879 26.55 24.3929 23.445C24.3929 23.4 24.3929 23.355 24.3929 23.295C23.7779 23.445 23.1329 23.52 22.4729 23.52C21.9779 23.52 21.4829 23.475 21.0029 23.385H21.0329Z' fill='%23145EEE'/%3E%3Cpath d='M15.4375 22.215H9.34754C9.00254 22.215 8.70254 22.35 8.47754 22.575C8.25254 22.8 8.11754 23.1 8.11754 23.445C8.11754 24.12 8.67254 24.675 9.34754 24.675H15.4375C15.7825 24.675 16.0825 24.54 16.3075 24.315C16.5325 24.09 16.6675 23.79 16.6675 23.445C16.6675 22.77 16.1125 22.215 15.4375 22.215Z' fill='%23145EEE'/%3E%3Cpath d='M22.5023 7.50001C18.3623 7.50001 15.0023 10.86 15.0023 15C15.0023 19.14 18.3623 22.5 22.5023 22.5C26.6423 22.5 30.0023 19.14 30.0023 15C30.0023 10.86 26.6423 7.50001 22.5023 7.50001ZM19.8773 16.245V17.31C19.8773 17.715 19.5473 18.045 19.1423 18.045C18.7373 18.045 18.4073 17.715 18.4073 17.31V16.245C18.4073 15.84 18.7373 15.51 19.1423 15.51C19.5473 15.51 19.8773 15.84 19.8773 16.245ZM22.1123 17.31C22.1123 17.715 21.7823 18.045 21.3773 18.045C20.9723 18.045 20.6423 17.715 20.6423 17.31V15.42C20.6423 15.015 20.9723 14.685 21.3773 14.685C21.7823 14.685 22.1123 15.015 22.1123 15.42V17.31ZM24.3623 17.31C24.3623 17.715 24.0323 18.045 23.6273 18.045C23.2223 18.045 22.8923 17.715 22.8923 17.31V14.28C22.8923 13.875 23.2223 13.545 23.6273 13.545C24.0323 13.545 24.3623 13.875 24.3623 14.28V17.31ZM26.5973 12.69V17.325C26.5973 17.73 26.2673 18.06 25.8623 18.06C25.4573 18.06 25.1273 17.73 25.1273 17.325V12.69C25.1273 12.285 25.4573 11.955 25.8623 11.955C26.2673 11.955 26.5973 12.285 26.5973 12.69Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--phone-hotspot { --icon: url("data:image/svg+xml,%3Csvg width='30.0003' height='30' viewBox='0 0 30.0003 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M21.0168 23.3978C20.9269 24.138 20.5871 24.8083 20.0875 25.3084C19.5879 25.8086 18.8884 26.1787 18.139 26.2788C16.5003 26.4688 14.5717 26.5589 12.3834 26.5589C10.1951 26.5589 8.28655 26.4688 6.63781 26.2788C5.13895 26.0887 3.91988 24.8583 3.75001 23.3578C3.60013 22.0173 3.43026 17.6559 3.45024 15.015C3.45024 12.3641 3.60013 8.00267 3.75001 6.67222C3.92988 5.16172 5.13895 3.94131 6.63781 3.75125C7.11744 3.69123 7.64703 3.65122 8.2166 3.6012H8.46641V3.84128C8.46641 4.44148 8.48639 4.90163 8.49638 5.1117C8.54635 5.79193 9.09593 6.34211 9.76542 6.39213C10.2351 6.44215 11.4941 6.45215 12.3734 6.45215C13.2527 6.45215 14.5118 6.45215 14.9914 6.39213C15.6609 6.34211 16.2205 5.79193 16.2605 5.1117C16.2704 4.90163 16.2704 4.44148 16.2904 3.84128V3.58119H16.5402C17.0998 3.64121 17.6294 3.69123 18.119 3.74125C19.5979 3.94131 20.797 5.12171 20.9968 6.62221C21.4765 6.53218 21.9761 6.49216 22.4657 6.49216C23.1252 6.49216 23.7747 6.56219 24.3842 6.71224V6.56219C23.9845 3.46115 21.3765 0.800267 18.3189 0.370123C16.6002 0.12004 14.6017 0 12.4034 0C10.2051 0 8.2166 0.12004 6.47793 0.36012C3.41027 0.800267 0.802266 3.45115 0.392579 6.55218C0.202724 7.98266 0.00287724 12.4842 0.00287724 15.005C-0.0270998 17.5358 0.18274 22.0373 0.372595 23.4478C0.772289 26.5488 3.39029 29.2097 6.44795 29.6399C8.18662 29.88 10.1851 30 12.3734 30C14.5617 30 16.5702 29.88 18.3089 29.6399C21.3665 29.2097 23.9746 26.5488 24.3842 23.4478V23.2978C23.7747 23.4478 23.1252 23.5278 22.4657 23.5278C21.9661 23.5278 21.4765 23.4778 20.9968 23.3878H21.0268H21.0168V23.3978Z' fill='%23145EEE'/%3E%3Cpath d='M15.4316 22.2274H9.34625C8.99652 22.2274 8.70674 22.3674 8.47691 22.5874C8.24709 22.8074 8.11719 23.1074 8.11719 23.4574C8.11719 24.1374 8.66677 24.6874 9.34625 24.6874H15.4316C15.7813 24.6874 16.0711 24.5574 16.3009 24.3274C16.5308 24.0974 16.6607 23.8074 16.6607 23.4574C16.6607 22.7874 16.1011 22.2274 15.4316 22.2274Z' fill='%23145EEE'/%3E%3Cg%3E%3Cpath d='M25.7429 18.1861L25.8329 18.086C25.9827 17.896 26.1326 17.6959 26.2725 17.4958C26.4924 17.1257 26.6822 16.7056 26.8221 16.2354C27.0819 15.2951 27.0419 14.3048 26.7022 13.3745C26.3724 12.4541 25.7629 11.6739 24.9635 11.1137C23.3647 9.99333 21.1165 9.99333 19.5177 11.1137C18.7183 11.6739 18.1188 12.4642 17.779 13.3745C17.4393 14.3048 17.3993 15.2951 17.6591 16.2354C17.779 16.6956 17.9689 17.1257 18.2087 17.5058C18.3586 17.7359 18.4985 17.926 18.6483 18.106L18.7283 18.1961C18.8382 18.3161 18.9581 18.4662 19.118 18.5662C19.5277 18.8163 20.0773 18.7262 20.407 18.3561C20.6168 18.116 20.6968 17.7759 20.6168 17.4658C20.5469 17.2157 20.387 17.0457 20.2471 16.8956C20.2072 16.8556 20.1672 16.8056 20.1172 16.7556C20.0073 16.6355 19.9274 16.5055 19.8574 16.3955C19.6876 16.0954 19.5776 15.8153 19.5377 15.5552C19.4377 15.015 19.4877 14.4648 19.6975 13.9546C19.8974 13.4545 20.2471 13.0243 20.7068 12.7142C21.6361 12.104 22.8451 12.104 23.7644 12.7142C24.2241 13.0243 24.5738 13.4545 24.7737 13.9546C24.9835 14.4548 25.0335 15.015 24.9335 15.5452C24.8736 15.8353 24.7537 16.1254 24.5938 16.3955C24.5139 16.5355 24.4139 16.6756 24.344 16.7556C24.304 16.7956 24.274 16.8356 24.2341 16.8756C24.0842 17.0357 23.9143 17.2057 23.8444 17.4758C23.7644 17.7859 23.8444 18.126 24.0542 18.3661C24.2441 18.5962 24.5339 18.7162 24.8236 18.7162C25.0035 18.7162 25.1834 18.6662 25.3332 18.5762C25.5031 18.4762 25.623 18.3261 25.7429 18.1961V18.1861Z' fill='%23145EEE'/%3E%3Cpath d='M22.5163 15.8452H21.9367C21.527 15.8452 21.1873 16.1553 21.1373 16.5655L20.5777 21.6872C20.5378 21.9573 20.6277 22.2273 20.8076 22.4274C20.9874 22.6375 21.2572 22.7575 21.537 22.7575H22.9359C23.2157 22.7575 23.4755 22.6375 23.6554 22.4374C23.8352 22.2373 23.9252 21.9673 23.8952 21.6872L23.3156 16.5555C23.2657 16.1453 22.9259 15.8352 22.5163 15.8352V15.8452Z' fill='%23145EEE'/%3E%3Cpath d='M22.2363 7.25239C17.9695 7.25239 14.4922 10.7336 14.4922 15.015C14.4922 16.2254 14.782 17.4358 15.3315 18.5262C15.4415 18.7262 15.5414 18.9263 15.6613 19.1063C15.7912 19.3164 15.9211 19.5165 16.071 19.7165C16.2209 19.9066 16.3708 20.0867 16.5306 20.2567C16.7105 20.4568 16.9003 20.6369 17.0802 20.7969C17.1701 20.8769 17.2601 20.957 17.35 21.017L17.41 21.067C17.41 21.067 17.4599 21.107 17.5299 21.167C17.5698 21.197 17.6098 21.2371 17.6498 21.2571C17.6997 21.2871 17.7697 21.3271 17.8196 21.3371C18.2893 21.5171 18.669 21.3671 18.9388 21.047C19.1286 20.8269 19.2086 20.5268 19.1686 20.2167C19.0987 19.8766 18.8888 19.6865 18.689 19.5465C18.609 19.4865 18.5391 19.4265 18.4492 19.3364C18.3093 19.2264 18.1694 19.0863 18.0095 18.9163C17.4299 18.2661 16.9903 17.4958 16.7405 16.6855C16.4007 15.5552 16.4207 14.3047 16.7904 13.1644C17.1801 12.024 17.8996 11.0437 18.8888 10.3334C19.8381 9.64319 21.0272 9.26306 22.2363 9.26306C23.4453 9.26306 24.6344 9.64319 25.5837 10.3334C26.563 11.0437 27.2924 12.024 27.6821 13.1644C28.0618 14.2947 28.0818 15.5452 27.7321 16.6755C27.4723 17.5058 27.0326 18.2861 26.463 18.9063C26.3231 19.0563 26.1733 19.2064 26.0034 19.3564C25.9334 19.4265 25.8535 19.4865 25.7736 19.5465C25.5737 19.6965 25.3739 19.8866 25.3039 20.2167C25.244 20.5068 25.3339 20.8269 25.5238 21.047C25.7036 21.2771 25.9934 21.4171 26.2832 21.4171C26.4331 21.4171 26.543 21.3771 26.6129 21.3571C26.6829 21.3371 26.7428 21.3071 26.8427 21.2571L26.9027 21.207C26.9027 21.207 26.9427 21.177 26.9926 21.147C27.0226 21.127 27.0426 21.107 27.0726 21.077L27.1325 21.027C27.2225 20.957 27.3124 20.8869 27.4223 20.7869C27.5922 20.6269 27.772 20.4568 27.9319 20.2767C28.0918 20.0967 28.2617 19.9166 28.4016 19.7266C28.5514 19.5265 28.6913 19.3264 28.8212 19.1163C28.9411 18.9263 29.0511 18.7362 29.161 18.5362C29.7106 17.4458 30.0003 16.2354 30.0003 15.025C30.0003 10.7436 26.523 7.2624 22.2563 7.2624L22.2363 7.25239Z' fill='%23145EEE'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--phone-scan { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M20.6687 23.385C20.5803 24.12 20.2412 24.795 19.7548 25.29C19.2389 25.815 18.5756 26.16 17.8386 26.265C16.2319 26.46 14.3304 26.55 12.1783 26.55C10.0262 26.55 8.15419 26.46 6.53276 26.265C5.05873 26.07 3.86478 24.84 3.6879 23.34C3.5405 22.005 3.37835 17.64 3.39309 15C3.39309 12.345 3.5405 7.995 3.6879 6.66C3.86478 5.145 5.05873 3.93 6.53276 3.735C7.00445 3.675 7.52036 3.63 8.08049 3.585H8.33108V3.825C8.33108 4.425 8.34582 4.89 8.36056 5.1C8.40478 5.775 8.95017 6.33 9.61349 6.375C10.0704 6.42 11.3086 6.435 12.1783 6.435C13.048 6.435 14.2861 6.435 14.7578 6.375C15.4212 6.33 15.9665 5.775 16.0108 5.1C16.0108 4.89 16.0108 4.425 16.0402 3.825V3.57H16.2908C16.8362 3.63 17.3669 3.675 17.8386 3.735C19.2979 3.93 20.4771 5.115 20.6687 6.615C21.1404 6.525 21.6268 6.48 22.1132 6.48C22.7618 6.48 23.3956 6.555 24 6.705V6.555C23.602 3.45 21.0372 0.795 18.0302 0.36C16.3203 0.12 14.3599 0 12.193 0C10.0262 0 8.0805 0.12 6.37063 0.36C3.34887 0.795 0.784055 3.45 0.386067 6.555C0.194444 7.98 -0.011912 12.48 0.00282825 15C-0.0266523 17.535 0.179712 22.035 0.371335 23.445C0.769323 26.55 3.33412 29.205 6.34114 29.64C8.05101 29.88 10.0115 30 12.1636 30C14.3156 30 16.2908 29.88 18.0007 29.64C21.0077 29.205 23.5725 26.55 23.9705 23.445V23.295C23.3662 23.445 22.7323 23.52 22.0838 23.52C21.5973 23.52 21.1109 23.475 20.6392 23.385H20.6687Z' fill='%23145EEE'/%3E%3Cg%3E%3Cpath d='M23 8C21.6155 8 20.2622 8.41054 19.111 9.17971C17.9599 9.94888 17.0627 11.0421 16.5328 12.3212C16.003 13.6003 15.8644 15.0078 16.1345 16.3656C16.4046 17.7235 17.0713 18.9708 18.0503 19.9497C19.0292 20.9287 20.2765 21.5954 21.6344 21.8655C22.9922 22.1356 24.3997 21.997 25.6788 21.4672C26.9579 20.9373 28.0511 20.0401 28.8203 18.889C29.5895 17.7378 30 16.3845 30 15C29.9977 13.1442 29.2595 11.365 27.9473 10.0527C26.635 8.74048 24.8558 8.00226 23 8ZM19.612 10.94C19.7446 10.9402 19.8741 10.9797 19.9843 11.0535C20.0944 11.1273 20.1802 11.2321 20.2308 11.3547C20.2815 11.4772 20.2946 11.612 20.2687 11.742C20.2428 11.872 20.1789 11.9914 20.0852 12.0852C19.9914 12.1789 19.872 12.2428 19.742 12.2687C19.612 12.2946 19.4772 12.2815 19.3547 12.2308C19.2321 12.1802 19.1273 12.0944 19.0535 11.9843C18.9797 11.8741 18.9402 11.7446 18.94 11.612C18.94 11.5237 18.9573 11.4363 18.9911 11.3548C19.0248 11.2732 19.0743 11.1991 19.1367 11.1367C19.1991 11.0743 19.2732 11.0248 19.3548 10.9911C19.4363 10.9573 19.5237 10.94 19.612 10.94ZM19.612 19.06C19.4793 19.0602 19.3496 19.0211 19.2391 18.9476C19.1287 18.8741 19.0425 18.7695 18.9915 18.647C18.9405 18.5245 18.927 18.3896 18.9527 18.2594C18.9783 18.1293 19.042 18.0096 19.1357 17.9156C19.2293 17.8217 19.3487 17.7576 19.4788 17.7315C19.6089 17.7053 19.7438 17.7184 19.8665 17.769C19.9891 17.8195 20.0941 17.9053 20.168 18.0155C20.2419 18.1257 20.2814 18.2553 20.2817 18.388C20.2816 18.5658 20.2111 18.7364 20.0856 18.8623C19.9601 18.9883 19.7898 19.0593 19.612 19.06ZM28.1753 15.1913H27.977C27.9279 16.4449 27.4079 17.6338 26.5209 18.5209C25.6338 19.4079 24.4449 19.9279 23.1913 19.977V20.1753C23.1913 20.2261 23.1712 20.2747 23.1353 20.3106C23.0994 20.3465 23.0507 20.3667 23 20.3667C22.9493 20.3667 22.9006 20.3465 22.8647 20.3106C22.8288 20.2747 22.8087 20.2261 22.8087 20.1753V19.9747C21.9168 19.9422 21.0503 19.6697 20.3003 19.186C20.3966 19.1012 20.4771 19.0001 20.5383 18.8873C21.2204 19.3169 22.0033 19.5599 22.8087 19.592V17.8653C22.115 17.8182 21.4619 17.5213 20.9703 17.0297C20.4787 16.5381 20.1818 15.885 20.1347 15.1913H18.408C18.4401 15.9967 18.6831 16.7796 19.1127 17.4617C18.9994 17.5221 18.8982 17.6028 18.814 17.6997C18.3303 16.9497 18.0578 16.0832 18.0253 15.1913H17.8247C17.7739 15.1913 17.7253 15.1712 17.6894 15.1353C17.6535 15.0994 17.6333 15.0507 17.6333 15C17.6333 14.9493 17.6535 14.9006 17.6894 14.8647C17.7253 14.8288 17.7739 14.8087 17.8247 14.8087H18.0253C18.0578 13.9168 18.3303 13.0503 18.814 12.3003C18.8988 12.3966 18.9999 12.4771 19.1127 12.5383C18.6831 13.2204 18.4401 14.0033 18.408 14.8087H20.1347C20.1818 14.115 20.4787 13.4619 20.9703 12.9703C21.4619 12.4787 22.115 12.1818 22.8087 12.1347V10.408C22.0033 10.4401 21.2204 10.6831 20.5383 11.1127C20.4771 10.9999 20.3966 10.8988 20.3003 10.814C21.0503 10.3303 21.9168 10.0578 22.8087 10.0253V9.82467C22.8087 9.77392 22.8288 9.72526 22.8647 9.68937C22.9006 9.65349 22.9493 9.63333 23 9.63333C23.0507 9.63333 23.0994 9.65349 23.1353 9.68937C23.1712 9.72526 23.1913 9.77392 23.1913 9.82467V10.023C24.3798 10.0659 25.513 10.5355 26.3833 11.346L27.081 10.6483C27.0985 10.6301 27.1195 10.6155 27.1428 10.6056C27.166 10.5957 27.191 10.5906 27.2163 10.5906C27.2416 10.5906 27.2666 10.5957 27.2899 10.6056C27.3132 10.6155 27.3342 10.6301 27.3517 10.6483C27.3875 10.6842 27.4077 10.7329 27.4077 10.7837C27.4077 10.8344 27.3875 10.8831 27.3517 10.919L26.654 11.6167C27.4648 12.4867 27.9346 13.6201 27.977 14.8087H28.1753C28.2261 14.8087 28.2747 14.8288 28.3106 14.8647C28.3465 14.9006 28.3667 14.9493 28.3667 15C28.3667 15.0507 28.3465 15.0994 28.3106 15.1353C28.2747 15.1712 28.2261 15.1913 28.1753 15.1913Z' fill='%23145EEE'/%3E%3Cpath d='M26.1127 11.6163C25.3133 10.8791 24.278 10.4499 23.1914 10.4053V12.1343C23.8197 12.1761 24.4167 12.4237 24.8901 12.839L26.1127 11.6163Z' fill='%23145EEE'/%3E%3Cpath d='M21.8681 15.1914H20.5171C20.5641 15.7834 20.8206 16.3393 21.2406 16.7593C21.6605 17.1792 22.2164 17.4357 22.8084 17.4827V16.1317C22.5733 16.0924 22.3563 15.9806 22.1878 15.8121C22.0192 15.6435 21.9074 15.4265 21.8681 15.1914Z' fill='%23145EEE'/%3E%3Cpath d='M20.5171 14.8085H21.8681C21.9074 14.5734 22.0192 14.3564 22.1878 14.1879C22.3563 14.0193 22.5733 13.9075 22.8084 13.8682V12.5172C22.2163 12.5638 21.6602 12.8202 21.2401 13.2402C20.8201 13.6603 20.5637 14.2164 20.5171 14.8085Z' fill='%23145EEE'/%3E%3Cpath d='M24.6194 13.1099C24.219 12.7647 23.7185 12.557 23.1914 12.5172V13.8682C23.3621 13.8953 23.5242 13.9616 23.6651 14.0619L24.6194 13.1099Z' fill='%23145EEE'/%3E%3Cpath d='M24.1317 14.8083H25.4827C25.4429 14.2812 25.2352 13.7807 24.89 13.3803L23.938 14.3347C24.0382 14.4755 24.1045 14.6376 24.1317 14.8083Z' fill='%23145EEE'/%3E%3Cpath d='M25.6367 16.1457C25.5423 16.0549 25.4325 15.9814 25.3124 15.9287C25.4074 15.6934 25.4649 15.4446 25.4827 15.1914H24.1317C24.0924 15.4265 23.9806 15.6435 23.8121 15.8121C23.6435 15.9806 23.4265 16.0924 23.1914 16.1317V17.4827C23.4446 17.4649 23.6934 17.4074 23.9287 17.3124C23.9814 17.4324 24.0549 17.5422 24.1457 17.6367C23.8429 17.7666 23.5202 17.8439 23.1914 17.8654V19.5944C24.3434 19.5454 25.4351 19.0657 26.2504 18.2504C27.0657 17.4351 27.5454 16.3434 27.5944 15.1914H25.8654C25.8439 15.5202 25.7666 15.8429 25.6367 16.1457ZM24.8971 17.5691C24.7645 17.5688 24.635 17.5293 24.5248 17.4555C24.4147 17.3817 24.3289 17.2769 24.2782 17.1544C24.2276 17.0319 24.2144 16.8971 24.2404 16.7671C24.2663 16.6371 24.3301 16.5176 24.4239 16.4239C24.5176 16.3301 24.6371 16.2663 24.7671 16.2404C24.8971 16.2144 25.0319 16.2276 25.1544 16.2782C25.2769 16.3289 25.3817 16.4147 25.4555 16.5248C25.5293 16.635 25.5688 16.7645 25.5691 16.8971C25.5691 16.9853 25.5518 17.0727 25.518 17.1543C25.4842 17.2358 25.4348 17.3099 25.3723 17.3723C25.3099 17.4348 25.2358 17.4842 25.1543 17.518C25.0727 17.5518 24.9853 17.5691 24.8971 17.5691Z' fill='%23145EEE'/%3E%3Cpath d='M25.1606 13.11C25.5759 13.5834 25.8236 14.1804 25.8653 14.8087H27.5943C27.5497 13.7222 27.1205 12.6868 26.3833 11.8874L25.1606 13.11Z' fill='%23145EEE'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--pin { --icon: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.01 11.6558C6.431 11.6558 5.147 10.3042 5.147 8.64211C5.147 6.98 6.431 5.62842 8.01 5.62842C9.589 5.62842 10.874 6.98 10.874 8.64211C10.874 10.3042 9.589 11.6558 8.01 11.6558ZM8 0C3.589 0 0 3.82421 0 8.52526C0 14.2179 4.654 20 8 20C11.345 20 16 14.2179 16 8.52526C16 3.82421 12.411 0 8 0Z' fill='%23F03830'/%3E%3C/svg%3E"); }
.icon--place-bank { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.434 0.122895C7.30179 0.0423555 7.15225 0 7 0C6.84778 0 6.69818 0.0423555 6.566 0.122895L0.441 3.8563C0.273586 3.95847 0.142511 4.11677 0.0681449 4.30659C-0.00622133 4.49643 -0.0196963 4.70714 0.0297937 4.90598C0.0792925 5.10483 0.189 5.28066 0.341845 5.40613C0.494699 5.53161 0.682124 5.5997 0.875 5.59981V12.1333C0.642933 12.1333 0.420376 12.2316 0.256279 12.4067C0.0921901 12.5817 0 12.8191 0 13.0666C0 13.3142 0.0921901 13.5516 0.256279 13.7266C0.420376 13.9016 0.642933 14 0.875 14H13.125C13.357 14 13.5796 13.9016 13.7437 13.7266C13.9078 13.5516 14 13.3142 14 13.0666C14 12.8191 13.9078 12.5817 13.7437 12.4067C13.5796 12.2316 13.357 12.1333 13.125 12.1333V5.59981C13.3179 5.5997 13.5053 5.53161 13.6581 5.40613C13.811 5.28066 13.9207 5.10483 13.9702 4.90598C14.0197 4.70714 14.0062 4.49643 13.9318 4.30659C13.8575 4.11677 13.7264 3.95847 13.559 3.8563L7.434 0.122895ZM3.5 6.53316C3.26793 6.53316 3.04538 6.6315 2.88128 6.80654C2.71719 6.98157 2.625 7.21898 2.625 7.46651V10.2666C2.625 10.5141 2.71719 10.7516 2.88128 10.9266C3.04538 11.1016 3.26793 11.1999 3.5 11.1999C3.73207 11.1999 3.95462 11.1016 4.11872 10.9266C4.28281 10.7516 4.375 10.5141 4.375 10.2666V7.46651C4.375 7.21898 4.28281 6.98157 4.11872 6.80654C3.95462 6.6315 3.73207 6.53316 3.5 6.53316ZM6.125 7.46651C6.125 7.21898 6.21719 6.98157 6.38128 6.80654C6.54538 6.6315 6.76793 6.53316 7 6.53316C7.23205 6.53316 7.45465 6.6315 7.61871 6.80654C7.78277 6.98157 7.875 7.21898 7.875 7.46651V10.2666C7.875 10.5141 7.78277 10.7516 7.61871 10.9266C7.45465 11.1016 7.23205 11.1999 7 11.1999C6.76793 11.1999 6.54538 11.1016 6.38128 10.9266C6.21719 10.7516 6.125 10.5141 6.125 10.2666V7.46651ZM10.5 6.53316C10.268 6.53316 10.0454 6.6315 9.88129 6.80654C9.71723 6.98157 9.625 7.21898 9.625 7.46651V10.2666C9.625 10.5141 9.71723 10.7516 9.88129 10.9266C10.0454 11.1016 10.268 11.1999 10.5 11.1999C10.732 11.1999 10.9546 11.1016 11.1187 10.9266C11.2828 10.7516 11.375 10.5141 11.375 10.2666V7.46651C11.375 7.21898 11.2828 6.98157 11.1187 6.80654C10.9546 6.6315 10.732 6.53316 10.5 6.53316Z' fill='%232E89FA'/%3E%3C/svg%3E"); }
.icon--place-coffee { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M16.2906 12.2927V9.18297C16.2906 8.85754 16.0256 8.59375 15.6987 8.59375H0.591913C0.265035 8.59375 0 8.85754 0 9.18297V12.2927C0 15.0404 1.52785 17.4566 3.82165 18.8215H0.592266C0.265388 18.8215 0.000353168 19.0853 0.000353168 19.4107C0.000353168 19.7361 0.265309 19.9999 0.592266 19.9999H15.6988C16.0256 19.9999 16.2907 19.7362 16.2907 19.4107C16.2907 19.0853 16.0257 18.8215 15.6988 18.8215H12.469C14.7627 17.4566 16.2906 15.0404 16.2906 12.2927Z' fill='%23813F16'/%3E%3Cpath d='M4.76184 3.85457C5.53419 3.23352 5.70905 2.56961 5.71968 2.12199C5.74566 1.03304 4.88184 0.236165 4.78323 0.148939C4.53899 -0.0673118 4.16487 -0.0455149 3.94759 0.19765C3.73035 0.440775 3.75225 0.813198 3.99652 1.02949C4.00206 1.03441 4.54931 1.5441 4.53621 2.09406C4.52922 2.38707 4.3597 2.66308 4.01795 2.93789C3.2456 3.55895 3.07075 4.22285 3.06011 4.67047C3.03417 5.75938 3.89799 6.55626 3.99656 6.64352C4.10934 6.74337 4.24979 6.79247 4.38972 6.79247C4.55284 6.79247 4.71526 6.72571 4.83224 6.59481C5.04948 6.35165 5.02758 5.97926 4.78331 5.76297C4.77777 5.75805 4.23052 5.24836 4.24362 4.6984C4.25057 4.40539 4.42009 4.12934 4.76184 3.85457Z' fill='%23813F16'/%3E%3Cpath d='M8.51749 3.85457C9.28983 3.23352 9.46469 2.56961 9.47533 2.12199C9.5013 1.03304 8.63749 0.236165 8.53888 0.148939C8.29468 -0.0673118 7.92051 -0.0455149 7.70324 0.19765C7.486 0.440814 7.50789 0.813198 7.75217 1.02949C7.7577 1.03441 8.30496 1.5441 8.29185 2.09406C8.28487 2.38707 8.11535 2.66308 7.7736 2.93789C7.00125 3.55895 6.82639 4.22285 6.81576 4.67047C6.78978 5.75942 7.6536 6.55629 7.75217 6.64356C7.86522 6.74364 8.00634 6.79294 8.14686 6.79294C8.30994 6.79294 8.47228 6.72653 8.58899 6.59586C8.80623 6.3527 8.78551 5.98133 8.54123 5.76508C8.38588 5.62446 7.98569 5.15793 7.99931 4.69399C8.0079 4.40262 8.17739 4.12801 8.51749 3.85457Z' fill='%23813F16'/%3E%3Cpath d='M12.273 3.85457C13.0453 3.23352 13.2202 2.56961 13.2308 2.12199C13.2568 1.03304 12.393 0.236165 12.2944 0.148939C12.0501 -0.0673118 11.676 -0.0455149 11.4587 0.19765C11.2415 0.440814 11.2634 0.813198 11.5077 1.02949C11.5132 1.03441 12.0605 1.5441 12.0473 2.09406C12.0404 2.38707 11.8708 2.66308 11.5291 2.93789C10.7567 3.55895 10.5819 4.22285 10.5713 4.67047C10.5452 5.75942 11.4091 6.55629 11.5077 6.64356C11.6207 6.74364 11.7618 6.79294 11.9024 6.79294C12.0654 6.79294 12.2278 6.72653 12.3445 6.59586C12.5617 6.3527 12.541 5.98133 12.2967 5.76508C12.1414 5.62446 11.7412 5.15793 11.7548 4.69399C11.7634 4.40262 11.9329 4.12801 12.273 3.85457Z' fill='%23813F16'/%3E%3Cpath d='M17.4742 9.65454V10.859C18.2467 11.0704 18.8161 11.7754 18.8161 12.6107C18.8161 13.5404 18.1107 14.3088 17.2047 14.4146C17.0992 14.8235 16.964 15.2213 16.8011 15.6059H16.9909C18.65 15.6059 19.9998 14.2622 19.9998 12.6107C19.9998 11.1228 18.9043 9.88544 17.4742 9.65454Z' fill='%23813F16'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--place-pharmacy { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.787 7C10.787 6.909 10.836 6.825 10.913 6.783L14 5.019L12.236 1.981L9.149 3.752C9.065 3.794 8.974 3.794 8.89 3.752C8.813 3.71 8.764 3.626 8.764 3.535V0H5.236V3.535C5.236 3.626 5.187 3.71 5.11 3.752C5.033 3.794 4.935 3.794 4.858 3.752L1.764 1.981L0 5.019L3.094 6.783C3.171 6.825 3.22 6.909 3.22 7C3.22 7.091 3.171 7.175 3.094 7.217L0 8.981L1.764 12.019L4.858 10.248C4.935 10.206 5.033 10.206 5.11 10.248C5.187 10.29 5.236 10.374 5.236 10.465V14H8.764V10.465C8.764 10.374 8.813 10.29 8.89 10.248C8.974 10.206 9.065 10.206 9.149 10.248L12.236 12.019L14 8.981L10.913 7.217C10.836 7.175 10.787 7.091 10.787 7ZM9.527 5.439C9.527 6.545 8.68 7.483 7.588 7.588V7.98H8.169C8.491 7.98 8.75 8.239 8.75 8.561C8.75 8.883 8.491 9.142 8.169 9.142H7.588V9.919H8.365V10.304H6.426V9.919H7.203V9.142H7.007C6.902 9.142 6.811 9.233 6.811 9.338V9.534H6.426V9.338C6.426 9.016 6.685 8.757 7.007 8.757H7.203V8.365C5.684 8.26 4.487 6.972 4.487 5.439C4.487 4.69 5.096 4.081 5.845 4.081H6.475C6.615 3.808 7.049 3.696 7.392 3.696C7.819 3.696 8.365 3.871 8.365 4.277C8.365 4.683 7.812 4.858 7.392 4.858C7.049 4.858 6.615 4.739 6.475 4.466H5.845C5.313 4.466 4.879 4.9 4.879 5.439C4.879 6.776 5.901 7.875 7.203 7.973V7.588C6.111 7.483 5.264 6.545 5.264 5.439V5.243H9.527V5.439ZM8.365 8.561C8.365 8.456 8.274 8.372 8.169 8.372H7.588V8.757H8.169C8.274 8.757 8.365 8.666 8.365 8.561Z' fill='%2310B981'/%3E%3C/svg%3E"); }
.icon--place-restaurant { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C7.80173 0.000509735 5.66484 0.725022 3.91975 2.06152C2.17465 3.39801 0.918546 5.27204 0.345649 7.39385C-0.227249 9.51566 -0.0850304 11.7671 0.750316 13.8C1.58566 15.8329 3.06761 17.534 4.96702 18.6404L5.34892 13.3C4.72596 13.128 4.17656 12.7566 3.78487 12.2427C3.39318 11.7288 3.18079 11.1006 3.18024 10.4545C3.18024 8.8227 3.86221 5.45453 6.13547 5.45453C8.40872 5.45453 9.0907 8.8227 9.0907 10.4545C9.09015 11.1006 8.87776 11.7288 8.48607 12.2427C8.09437 12.7566 7.54497 13.128 6.92201 13.3L7.37666 19.6499C9.0944 20.1167 10.9056 20.1167 12.6233 19.6499L13.1189 12.6636C12.6198 12.5477 12.1746 12.2663 11.8559 11.8652C11.5372 11.464 11.3638 10.9668 11.364 10.4545V5.90907C11.364 5.78852 11.4119 5.6729 11.4971 5.58766C11.5824 5.50242 11.698 5.45453 11.8186 5.45453C11.9392 5.45453 12.0548 5.50242 12.1401 5.58766C12.2254 5.6729 12.2733 5.78852 12.2733 5.90907V8.5227C12.2733 8.67339 12.3331 8.81791 12.4397 8.92447C12.5463 9.03102 12.6908 9.09088 12.8416 9.09088C12.9923 9.09088 13.1368 9.03102 13.2434 8.92447C13.35 8.81791 13.4099 8.67339 13.4099 8.5227V5.90907C13.4099 5.78852 13.4578 5.6729 13.543 5.58766C13.6283 5.50242 13.744 5.45453 13.8645 5.45453C13.9851 5.45453 14.1008 5.50242 14.186 5.58766C14.2713 5.6729 14.3192 5.78852 14.3192 5.90907V8.5227C14.3192 8.67339 14.3791 8.81791 14.4856 8.92447C14.5922 9.03102 14.7368 9.09088 14.8875 9.09088C15.0382 9.09088 15.1828 9.03102 15.2894 8.92447C15.3959 8.81791 15.4558 8.67339 15.4558 8.5227V5.90907C15.4558 5.78852 15.5037 5.6729 15.589 5.58766C15.6742 5.50242 15.7899 5.45453 15.9105 5.45453C16.031 5.45453 16.1467 5.50242 16.2319 5.58766C16.3172 5.6729 16.3651 5.78852 16.3651 5.90907V10.4545C16.3652 10.9668 16.1918 11.464 15.8731 11.8652C15.5545 12.2663 15.1093 12.5477 14.6102 12.6636L15.033 18.6404C16.9324 17.534 18.4143 15.8329 19.2497 13.8C20.085 11.7671 20.2272 9.51566 19.6543 7.39385C19.0815 5.27204 17.8253 3.39801 16.0803 2.06152C14.3352 0.725022 12.1983 0.000509735 10 0Z' fill='%23FF9820'/%3E%3C/svg%3E"); }
.icon--place-transport { --icon: url("data:image/svg+xml,%3Csvg width='20.02' height='19.99' viewBox='0 0 20.02 19.99' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.33 5.87V2.08C18.33 0.93 17.4 0 16.25 0H3.75C2.6 0 1.67 0.93 1.67 2.08V5.87C0.720002 6.06 0 6.91 0 7.91V8.74C0 9.43 0.56 9.99 1.25 9.99H1.67V16.24C1.67 17.25 2.39 18.09 3.34 18.28V18.74C3.34 19.43 3.9 19.99 4.59 19.99H6.26C6.95 19.99 7.51 19.43 7.51 18.74V18.32H12.51V18.74C12.51 19.43 13.07 19.99 13.76 19.99H15.43C16.12 19.99 16.68 19.43 16.68 18.74V18.28C17.63 18.09 18.35 17.24 18.35 16.24V9.99H18.77C19.46 9.99 20.02 9.43 20.02 8.74V7.91C20.02 6.9 19.3 6.06 18.35 5.87H18.33ZM5.41 1.66H14.58C15.27 1.66 15.83 2.22 15.83 2.91C15.83 3.6 15.27 4.16 14.58 4.16H5.41C4.72 4.16 4.16 3.6 4.16 2.91C4.16 2.22 4.72 1.66 5.41 1.66ZM4.16 14.57C4.16 13.88 4.72 13.32 5.41 13.32C6.1 13.32 6.66 13.88 6.66 14.57C6.66 15.26 6.1 15.82 5.41 15.82C4.72 15.82 4.16 15.26 4.16 14.57ZM13.33 14.57C13.33 13.88 13.89 13.32 14.58 13.32C15.27 13.32 15.83 13.88 15.83 14.57C15.83 15.26 15.27 15.82 14.58 15.82C13.89 15.82 13.33 15.26 13.33 14.57ZM16.66 10.41C16.66 11.1 16.1 11.66 15.41 11.66H4.58C3.89 11.66 3.33 11.1 3.33 10.41V6.24C3.33 5.55 3.89 4.99 4.58 4.99H15.41C16.1 4.99 16.66 5.55 16.66 6.24V10.41Z' fill='%23B3B3B3'/%3E%3C/svg%3E"); }
.icon--plane { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.272 0.715417L19.252 0.695406C18.3257 -0.231802 16.7131 -0.231802 15.7869 0.695406L12.8882 3.57709L2.81264 2.47644C2.33952 2.38973 1.83974 2.5765 1.31997 3.04344L0.447023 3.81723C0.287095 3.95731 0.167148 4.13741 0.100511 4.30418C0.0938472 4.32419 0.0738561 4.37088 0.0671924 4.39089C-0.00610837 4.61102 -0.0194358 4.84449 0.0272101 5.07796C0.073856 5.31143 0.180475 5.51822 0.333741 5.69165C0.487006 5.86509 0.686917 5.9985 0.913483 6.07188C0.92681 6.07188 0.940138 6.07855 0.953465 6.08522L7.45724 8.24648L8.03698 8.57333L4.87839 12.0954L2.47279 11.8753C2.21957 11.8286 1.96635 11.8552 1.71979 11.962C1.5532 12.0354 1.41326 12.1354 1.27999 12.2688L0.327077 13.2227C0.227121 13.3228 0.153821 13.4362 0.100511 13.5696C-0.112728 14.0966 0.140493 14.7036 0.666926 14.917L3.75222 16.1778L5.06497 19.3063C5.11828 19.4397 5.19158 19.5597 5.2982 19.6598C5.69136 20.0534 6.37106 20.0534 6.76422 19.6598L7.73712 18.6859C7.85706 18.5592 7.99034 18.3924 8.06364 18.1322C8.06364 18.1122 8.07697 18.0922 8.07697 18.0722C8.13027 17.8587 8.12361 17.672 8.11028 17.5252L7.88372 15.0504L11.4088 11.9486L11.742 12.5423L13.8877 19.0194C13.8877 19.0194 13.9077 19.0795 13.9077 19.0928C13.981 19.3129 14.1143 19.5131 14.2875 19.6665C14.4608 19.8199 14.674 19.9266 14.9006 19.9733C14.9872 19.9933 15.0805 20 15.1671 20C15.3071 20 15.4537 19.98 15.587 19.9333C15.8069 19.8599 16.0001 19.7265 16.16 19.5531L16.893 18.7259C16.893 18.7259 16.933 18.6792 16.9464 18.6726C17.4062 18.1656 17.5994 17.6586 17.5128 17.2317L16.4066 7.09247L19.2853 4.19078C20.2382 3.23689 20.2382 1.68265 19.2853 0.722088L19.272 0.715417Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--plane-route { --icon: url("data:image/svg+xml,%3Csvg width='20.0001' height='20' viewBox='0 0 20.0001 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M8.61314 3.9L10.3332 2.33333C10.6084 2.1 10.7804 1.76667 10.8148 1.4C10.8492 1.03333 10.7116 0.666667 10.4708 0.4C10.1956 0.166667 9.85158 0 9.43877 0C9.06036 0 8.68195 0.166667 8.44114 0.433333L6.78989 2.13333L2.18016 0.366667C2.04256 0.3 1.90495 0.333333 1.80175 0.433333L0.769722 1.43333C0.70092 1.5 0.666519 1.6 0.666519 1.7C0.666519 1.8 0.735321 1.9 0.838524 1.93333L4.62263 4.3L2.42097 6.56667L1.28574 6.3C1.18253 6.26667 1.04493 6.3 0.976128 6.4L0.116103 7.23333C0.0129004 7.3 -0.0215006 7.4 0.0129004 7.5C0.0473013 7.6 0.0817023 7.7 0.184905 7.73333L1.87055 8.6L2.76498 10.2C2.83378 10.3 2.90258 10.3667 3.00579 10.3667H3.04019C3.14339 10.3667 3.21219 10.3333 3.28099 10.2667L4.14102 9.43333C4.20982 9.36667 4.24422 9.23333 4.24422 9.13333L3.96901 8.03333L6.30828 5.93333L8.78515 9.56667C8.85395 9.63334 8.92275 9.7 9.02596 9.73333H9.06036C9.16356 9.73333 9.23236 9.7 9.30116 9.63333L10.3332 8.63333C10.4364 8.53333 10.4708 8.4 10.402 8.26667L8.61314 3.9Z' fill='%23145EEE'/%3E%3Cpath d='M11.7781 15.9H11.0901C10.8837 15.9 10.7461 16.0333 10.7461 16.2333C10.7461 16.4333 10.8837 16.5667 11.0901 16.5667H11.7781C11.9845 16.5667 12.1221 16.4333 12.1221 16.2333C12.1221 16.0333 11.9501 15.9 11.7781 15.9Z' fill='%23145EEE'/%3E%3Cpath d='M4.24419 14.2667C4.17539 14.1 4.00339 14 3.83138 14.0333C3.65938 14.1 3.55617 14.2667 3.59058 14.4333C3.72818 14.9 4.00339 15.3333 4.3474 15.6667C4.4162 15.7333 4.485 15.7667 4.5882 15.7667C4.69141 15.7667 4.76021 15.7333 4.82901 15.6667C4.96661 15.5333 4.96661 15.3333 4.82901 15.2C4.5882 14.9667 4.3818 14.6333 4.24419 14.2667Z' fill='%23145EEE'/%3E%3Cpath d='M7.06516 15.9H6.51474C6.27393 15.9 6.06753 15.8667 5.86112 15.8C5.68912 15.7333 5.48271 15.8333 5.44831 16.0333C5.37951 16.2 5.48271 16.4 5.68912 16.4333C5.96433 16.5 6.27393 16.5667 6.54914 16.5667H7.09956C7.30596 16.5667 7.44357 16.4333 7.44357 16.2333C7.44357 16.0333 7.27156 15.9 7.06516 15.9Z' fill='%23145EEE'/%3E%3Cpath d='M12.2254 10.7H10.8837C10.6773 10.7 10.5397 10.8333 10.5397 11.0333C10.5397 11.2333 10.6773 11.3667 10.8837 11.3667H12.2254C12.4318 11.3667 12.5694 11.2333 12.5694 11.0333C12.5694 10.8333 12.4318 10.7 12.2254 10.7Z' fill='%23145EEE'/%3E%3Cpath d='M3.79734 13.4H3.86615C4.03815 13.4 4.17575 13.3 4.21016 13.1333C4.27896 12.7667 4.48536 12.4333 4.72617 12.1333C4.86377 12 4.82937 11.8 4.69177 11.6667C4.55417 11.5333 4.34776 11.5667 4.21016 11.7C3.86615 12.0667 3.65974 12.5 3.52214 13C3.52214 13.2 3.62534 13.3667 3.79734 13.4Z' fill='%23145EEE'/%3E%3Cpath d='M18.8991 7.83334C18.9335 7.96667 19.0711 8.06667 19.2431 8.06667H19.3463C19.5183 8 19.6215 7.83334 19.5871 7.66667C19.4495 7.2 19.1743 6.76667 18.8303 6.43334C18.6927 6.3 18.4863 6.3 18.3486 6.43334C18.211 6.56667 18.211 6.76667 18.3486 6.9C18.5895 7.16667 18.7959 7.5 18.8991 7.83334Z' fill='%23145EEE'/%3E%3Cpath d='M16.1129 6.20001H16.6633C16.9041 6.20001 17.1449 6.23335 17.3513 6.30001H17.4545C17.5921 6.30001 17.7297 6.20002 17.7985 6.06668C17.8673 5.90001 17.7641 5.70001 17.5577 5.66668C17.2825 5.56668 16.9729 5.53335 16.6633 5.53335H16.1129C15.9065 5.53335 15.7689 5.66668 15.7689 5.86668C15.7689 6.06668 15.9409 6.20001 16.1129 6.20001Z' fill='%23145EEE'/%3E%3Cpath d='M5.68947 11.5333C5.96467 11.4333 6.23988 11.4 6.51509 11.4H6.8935C7.09991 11.4 7.23751 11.2667 7.23751 11.0667C7.23751 10.8667 7.09991 10.7333 6.8935 10.7333H6.51509C6.13668 10.7333 5.79267 10.8 5.44866 10.9333C5.27665 11 5.17345 11.2 5.24225 11.3667C5.27666 11.5 5.41426 11.6 5.55186 11.6C5.62066 11.5333 5.65507 11.5333 5.68947 11.5333Z' fill='%23145EEE'/%3E%3Cpath d='M14.7709 6.20001C14.9773 6.20001 15.1149 6.06668 15.1149 5.86668C15.1149 5.66668 14.9773 5.53335 14.7709 5.53335H13.4293C13.2229 5.53335 13.0853 5.66668 13.0853 5.86668C13.0853 6.06668 13.2229 6.20001 13.4293 6.20001H14.7709Z' fill='%23145EEE'/%3E%3Cpath d='M17.4543 10.5667C17.2135 10.6667 16.9383 10.7 16.6631 10.7H16.2503C16.0439 10.7 15.9062 10.8333 15.9062 11.0333C15.9062 11.2333 16.0439 11.3667 16.2503 11.3667H16.6631C17.0071 11.3667 17.3511 11.3 17.6951 11.2C17.8671 11.1333 17.9703 10.9333 17.9015 10.7667C17.8327 10.6 17.6263 10.5333 17.4543 10.5667Z' fill='%23145EEE'/%3E%3Cpath d='M14.9083 11.3667C15.1147 11.3667 15.2523 11.2333 15.2523 11.0333C15.2523 10.8333 15.1147 10.7 14.9083 10.7H13.5667C13.3603 10.7 13.2227 10.8333 13.2227 11.0333C13.2227 11.2333 13.3603 11.3667 13.5667 11.3667H14.9083Z' fill='%23145EEE'/%3E%3Cpath d='M9.57627 11.3667C9.78268 11.3667 9.92028 11.2333 9.92028 11.0333C9.92028 10.8333 9.78268 10.7 9.57627 10.7H8.23463C8.02823 10.7 7.89062 10.8333 7.89062 11.0333C7.89062 11.2333 8.02823 11.3667 8.23463 11.3667H9.57627Z' fill='%23145EEE'/%3E%3Cpath d='M9.74815 15.9H8.40651C8.2001 15.9 8.0625 16.0333 8.0625 16.2333C8.0625 16.4333 8.2001 16.5667 8.40651 16.5667H9.74815C9.95455 16.5667 10.0922 16.4333 10.0922 16.2333C10.0922 16.0333 9.95455 15.9 9.74815 15.9Z' fill='%23145EEE'/%3E%3Cpath d='M19.3465 8.7C19.1745 8.66667 18.9681 8.76667 18.9337 8.96667C18.8305 9.33334 18.6585 9.66667 18.4177 9.96667C18.2801 10.1 18.3145 10.3 18.4521 10.4333C18.5209 10.5 18.5897 10.5333 18.6929 10.5333C18.7961 10.5333 18.8649 10.5 18.9337 10.4333C19.2777 10.0667 19.5185 9.63334 19.6217 9.13334C19.6561 8.93334 19.5529 8.76667 19.3465 8.7Z' fill='%23145EEE'/%3E%3Cpath d='M11.4 6.20001H12.088C12.2944 6.20001 12.432 6.06668 12.432 5.86668C12.432 5.66668 12.2944 5.53335 12.088 5.53335H11.4C11.1936 5.53335 11.056 5.66668 11.056 5.86668C11.056 6.06668 11.1936 6.20001 11.4 6.20001Z' fill='%23145EEE'/%3E%3Cpath d='M16.6632 12.4333C14.8399 12.4333 13.3607 13.8667 13.3607 15.6333C13.3607 18.4 16.388 19.9 16.5256 19.9667C16.56 20 16.6288 20 16.6976 20C16.732 20 16.8008 20 16.8352 19.9667C16.9728 19.9 20.0001 18.3667 20.0001 15.6333C19.9657 13.8667 18.4864 12.4333 16.6632 12.4333ZM16.6632 17C15.8719 17 15.2183 16.3667 15.2183 15.6333C15.2183 14.8667 15.8719 14.2667 16.6632 14.2667C17.4544 14.2667 18.0736 14.8667 18.0736 15.6333C18.0736 16.3667 17.4544 17 16.6632 17Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--plane-takeoff { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.58351 21.8895L0.878769 23.5949C0.679631 23.795 0.353207 23.7972 0.151623 23.5949C-0.050541 23.3933 -0.050541 23.0678 0.151623 22.8662L1.85637 21.1615C2.05551 20.96 2.38444 20.96 2.58358 21.1615C2.78568 21.3621 2.78568 21.6886 2.58351 21.8895ZM6.90428 23.0962C6.70212 22.8953 6.37628 22.8953 6.17411 23.0962L2.0857 27.1858C1.88354 27.3874 1.88354 27.713 2.0857 27.9145C2.28548 28.115 2.61184 28.1164 2.81285 27.9145L6.90428 23.8243C7.10645 23.6233 7.10645 23.2968 6.90428 23.0962ZM8.11115 27.4154L6.40641 29.1211C6.20424 29.322 6.20424 29.6476 6.40641 29.8491C6.60799 30.0514 6.93442 30.0492 7.13355 29.8491L8.83836 28.1444C9.04053 27.9428 9.04053 27.617 8.83836 27.4154C8.6362 27.2148 8.31035 27.2148 8.11115 27.4154ZM29.3288 0.776363C29.2986 0.735609 29.2654 0.700327 29.2231 0.669873C27.8714 -0.335473 25.9524 -0.195182 24.7605 0.996361L19.8242 5.93263L15.76 4.61554L16.0225 4.35331C16.2246 4.15173 16.2246 3.8262 16.0225 3.62462C15.8233 3.42368 15.4944 3.42368 15.2953 3.62462L14.6616 4.25886L12.3475 3.50886L12.6099 3.24662C12.8121 3.04568 12.8121 2.71952 12.6099 2.51858C12.4078 2.31706 12.0819 2.31706 11.8828 2.51858L11.2492 3.15192L6.14392 1.49752C5.95984 1.4381 5.75768 1.48638 5.6219 1.62365L3.72104 3.52425C3.47542 3.76762 3.54012 4.16679 3.8236 4.33348L14.9423 10.8137L11.756 14.0012C11.1314 14.6258 10.2353 15.9818 9.5836 17.2707L3.95031 15.979C3.77828 15.9398 3.59729 15.992 3.47052 16.1169L2.1882 17.3987C1.96221 17.6271 1.99608 18.019 2.27872 18.1977L8.1051 21.8941L11.8013 27.722C11.9785 28.0004 12.3691 28.0428 12.6009 27.8104L13.8832 26.529C14.0069 26.4035 14.0612 26.2227 14.022 26.0492L12.7306 20.4172C14.1698 19.6915 15.4612 18.7812 15.9983 18.2447L19.1846 15.0572L25.6658 26.175C25.8367 26.4667 26.2353 26.5192 26.4775 26.2797L28.3783 24.3794C28.5141 24.2422 28.5624 24.0406 28.502 23.8565L26.8485 18.7521L27.4821 18.1185C27.6843 17.917 27.6843 17.5914 27.4821 17.3898C27.28 17.1888 26.9541 17.1888 26.752 17.3898L26.4925 17.6523L25.7412 15.3392L26.3748 14.7056C26.577 14.5041 26.577 14.1781 26.3748 13.9766C26.1726 13.7757 25.8468 13.7757 25.6476 13.9766L25.3852 14.2389L24.0666 10.1761L29.0029 5.24013C30.1947 4.04833 30.3366 2.12899 29.3288 0.776363Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--plus { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8175 8.26425H8.24467V12.819C8.22679 13.1381 8.08721 13.4384 7.85475 13.658C7.62224 13.8776 7.31426 14 6.99416 14C6.67406 14 6.36615 13.8775 6.13363 13.658C5.90106 13.4385 5.76154 13.1381 5.74372 12.819V8.26425H1.1826C0.863012 8.2465 0.562427 8.10718 0.342487 7.87487C0.122546 7.64268 0 7.33525 0 7.0156C0 6.69595 0.122546 6.38846 0.342487 6.15621C0.562427 5.92397 0.863012 5.78464 1.1826 5.76684H5.74372V1.18095C5.76154 0.861808 5.90112 0.561586 6.13363 0.342009C6.36621 0.122376 6.67406 0 6.99416 0C7.31426 0 7.62224 0.122376 7.85475 0.342009C8.08727 0.561586 8.22679 0.861808 8.24467 1.18095V5.74736H12.8175C13.137 5.76521 13.4376 5.90454 13.6576 6.13678C13.8775 6.36903 14 6.67652 14 6.99611C14 7.31576 13.8775 7.6232 13.6576 7.85556C13.4376 8.08775 13.137 8.22707 12.8175 8.24493V8.26425Z' fill='white'/%3E%3C/svg%3E"); }
.icon--plus-circle { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02222 0 6.08882 0.586482 4.4443 1.68529C2.79982 2.7841 1.51808 4.34589 0.761213 6.17314C0.00434973 8.00043 -0.193715 10.0111 0.192161 11.9509C0.578036 13.8907 1.53042 15.6725 2.92893 17.0711C4.32745 18.4696 6.10929 19.422 8.04909 19.8078C9.98889 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C19.9977 7.34852 18.9435 4.80629 17.0686 2.93143C15.1937 1.05656 12.6515 0.00225586 10 0ZM14.2367 10.9222H10.9109V14.2395C10.8979 14.4719 10.7964 14.6906 10.6273 14.8505C10.4582 15.0104 10.2342 15.0996 10.0014 15.0996C9.76863 15.0996 9.54469 15.0104 9.37558 14.8505C9.20643 14.6907 9.10496 14.4719 9.09199 14.2395V10.9222H5.77473C5.54229 10.9093 5.32368 10.8078 5.16372 10.6386C5.00375 10.4695 4.91463 10.2456 4.91463 10.0128C4.91463 9.78001 5.00375 9.55607 5.16372 9.38692C5.32368 9.21777 5.54229 9.1163 5.77473 9.10334H9.09199V5.76339C9.10496 5.53096 9.20647 5.3123 9.37558 5.15238C9.54473 4.99242 9.76863 4.9033 10.0014 4.9033C10.2342 4.9033 10.4582 4.99242 10.6273 5.15238C10.7964 5.3123 10.8979 5.53096 10.9109 5.76339V9.08915H14.2367C14.4691 9.10215 14.6877 9.20362 14.8477 9.37277C15.0076 9.54192 15.0967 9.76586 15.0967 9.99863C15.0967 10.2314 15.0076 10.4553 14.8477 10.6246C14.6877 10.7937 14.4691 10.8951 14.2367 10.9081V10.9222Z' fill='white'/%3E%3C/svg%3E"); }
.icon--qr-code { --icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M17.5885 22.445C16.7895 21.6458 15.7335 21.1605 14.6206 21.0749C13.3649 20.9607 11.8238 20.9036 10.0544 20.8751H9.5122C7.48598 20.8751 5.80222 20.9322 4.40385 21.0463C2.09225 21.2461 0.265797 23.0159 0.0945675 25.2709C-0.0195856 26.6696 -0.0195856 28.3252 0.037491 30.2377C0.0945675 32.1502 0.237259 33.8343 0.408489 35.2045C0.72241 37.431 2.54886 39.2864 4.80338 39.6004C6.20176 39.8002 7.85698 39.9144 9.76904 39.9715C10.4825 39.9715 11.1389 40 11.7953 40C12.8512 40 13.8215 39.9715 14.7347 39.9144C16.9892 39.7431 18.7586 37.9448 18.9584 35.6041C19.0725 34.234 19.1296 32.5213 19.1296 30.4946C19.1296 28.4965 19.0725 26.7838 18.9298 25.3851C18.8157 24.2719 18.3305 23.2157 17.56 22.4165L17.5885 22.445ZM13.8215 26.2129C13.9071 27.3547 13.9642 28.7819 13.9927 30.4661C13.9927 32.1502 13.9927 33.5489 13.9071 34.7192C12.737 34.8049 11.3672 34.8049 9.76904 34.7763C8.14236 34.7478 6.74399 34.6336 5.54538 34.5194C5.40269 33.3205 5.31707 31.8933 5.28853 30.2948C5.26 28.6963 5.28853 27.2976 5.34561 26.1558C6.48714 26.0987 7.91406 26.0416 9.56928 26.0702C11.253 26.0702 12.6799 26.1273 13.8215 26.2415V26.2129Z' fill='%23145EEE'/%3E%3Cpath d='M4.43228 18.9912C5.74504 19.1054 7.37172 19.1624 9.28378 19.1624H9.51209C11.5098 19.1624 13.2221 19.1054 14.6204 18.9626C15.7334 18.877 16.7894 18.3632 17.5884 17.5925C18.3875 16.7932 18.8726 15.7371 18.9583 14.6238C19.0724 13.2537 19.158 11.541 19.158 9.51434C19.158 7.51621 19.101 5.77498 18.9868 4.40484C18.787 2.09272 17.0177 0.265857 14.7631 0.0945888C13.3648 -0.01959 11.7095 -0.01959 9.79747 0.0374994C7.85687 0.0945888 6.20165 0.237312 4.83181 0.40858C2.60583 0.751117 0.779376 2.60652 0.465455 4.83301C0.265687 6.20315 0.151534 7.88729 0.0944571 9.79978C0.0373806 11.6837 0.0373806 13.3393 0.151534 14.7666C0.322763 17.0216 2.12067 18.7914 4.46081 18.9912H4.43228Z' fill='%23145EEE'/%3E%3Cpath d='M26.6067 30.5803V29.724C26.6067 29.3814 26.5497 29.0389 26.4355 28.7249C26.2928 28.4109 26.1216 28.1255 25.8933 27.8686C25.665 27.6117 25.3796 27.4404 25.0371 27.2977C24.0954 26.898 22.9253 27.1264 22.1833 27.8686C21.6981 28.3538 21.4128 29.0103 21.4128 29.6954V30.6089C21.4128 33.3206 21.4698 35.6327 21.6125 37.4881C21.7267 38.8297 22.8111 39.8573 24.1239 39.8573H24.3807C25.7791 39.6861 26.835 38.4301 26.7209 37.0029C26.6067 35.3187 26.5497 33.1779 26.5782 30.5803H26.6067Z' fill='%23145EEE'/%3E%3Cpath d='M35.5686 33.863C35.854 33.9772 36.1679 34.0343 36.4533 34.0343H36.5674C37.9658 33.9772 39.1359 32.8354 39.193 31.294V30.8373C39.2215 30.1522 38.9932 29.5242 38.508 29.0389C38.0229 28.5537 37.3665 28.2968 36.653 28.2968C35.9681 28.2968 35.3117 28.5822 34.8266 29.0675C34.3414 29.5527 34.0561 30.2093 34.0275 30.9229V31.4938C33.999 31.8363 34.0275 32.1789 34.1702 32.4928C34.2844 32.8068 34.4841 33.0923 34.7124 33.3492C34.9407 33.5775 35.2261 33.7774 35.5401 33.8915L35.5686 33.863Z' fill='%23145EEE'/%3E%3Cpath d='M39.3347 21.4745C38.9922 21.1605 38.5641 20.9607 38.1075 20.9322C37.708 20.9036 37.1372 20.8751 36.4237 20.8751C35.6818 20.8751 35.1395 20.9036 34.74 20.9322C34.2834 20.9607 33.8268 21.1605 33.5128 21.503C33.1704 21.817 32.9706 22.2738 32.9135 22.7305C32.885 23.1301 32.8565 23.6439 32.8279 24.3861C32.7994 25.1282 32.8279 25.642 32.885 26.0416C32.9135 26.4984 33.1133 26.9551 33.4558 27.2691C33.7982 27.6116 34.2263 27.8114 34.6829 27.84C34.9683 27.84 35.3393 27.8685 35.8244 27.8685C35.9957 27.8685 36.1669 27.8685 36.3667 27.8685C37.1087 27.8685 37.6509 27.8114 38.0219 27.7829C38.4785 27.7258 38.9066 27.526 39.249 27.212C39.5915 26.898 39.7913 26.4698 39.8483 25.9846C39.9054 25.5849 39.934 25.0711 39.934 24.329C39.934 23.5868 39.934 23.073 39.8769 22.6734C39.8198 22.2167 39.62 21.7885 39.2776 21.446L39.3347 21.4745Z' fill='%23145EEE'/%3E%3Cpath d='M36.7383 34.4337C35.5968 34.5193 34.4552 34.5193 33.3422 34.4337C33.0854 34.4337 32.8285 34.0626 32.8 33.5202V33.035C32.7144 32.3214 32.7144 31.8932 32.7429 30.3232C32.7715 28.5535 32.7429 27.954 32.6859 27.1833V26.7266C32.4575 23.7009 30.2316 21.3031 27.3492 21.0177C27.1494 21.0177 26.7499 20.9891 25.5798 20.9606C25.1517 20.9606 24.5524 20.9606 24.4383 20.9606C23.7248 20.9035 23.0685 21.1319 22.5548 21.5886C22.0411 22.0453 21.7272 22.7018 21.6701 23.3869C21.613 24.072 21.8413 24.757 22.2979 25.2708C22.7545 25.7846 23.4109 26.1272 24.0958 26.1557C24.2671 26.1557 24.581 26.1557 25.1232 26.1843H25.6654C26.122 26.1843 26.7214 26.1843 26.8355 26.2128C27.0924 26.2128 27.4063 26.641 27.4633 27.1548V27.6686C27.549 28.3822 27.5775 28.8104 27.549 30.3518C27.549 32.093 27.549 32.6925 27.6346 33.663V33.977C27.8343 37.0598 30.0033 39.4005 32.7715 39.5717C33.2852 39.5717 33.8274 39.6003 34.3696 39.6003C34.9118 39.6003 35.4255 39.6003 35.9678 39.5717C36.2246 39.5717 36.5385 39.5432 36.8239 39.5146C38.1937 39.4005 39.3353 38.2016 39.3923 36.8314C39.3923 36.1464 39.164 35.5184 38.6789 35.0617C38.1937 34.605 37.5088 34.348 36.8239 34.4051L36.7383 34.4337Z' fill='%23145EEE'/%3E%3Cpath d='M25.408 18.9626C26.7779 19.0767 28.4902 19.1624 30.5164 19.1624H30.7447C32.6568 19.1624 34.2834 19.1053 35.5962 18.9911C37.9363 18.7913 39.7342 17.0215 39.9055 14.7665C40.0196 13.3963 40.0196 11.7122 39.9625 9.79972C39.9055 7.85868 39.7628 6.20309 39.5916 4.83294C39.2776 2.60645 37.4512 0.751049 35.1967 0.437057C33.8268 0.237245 32.1716 0.123066 30.231 0.0659765C28.3189 0.00888712 26.6637 0.0374318 25.2653 0.123066C23.0108 0.294334 21.2414 2.09265 21.0417 4.43331C20.9275 5.80346 20.8704 7.51614 20.8704 9.54281C20.8704 11.5695 20.9275 13.2822 21.0702 14.6523C21.1558 15.7656 21.6695 16.8217 22.44 17.621C23.2391 18.4202 24.2665 18.9055 25.408 18.9911V18.9626ZM30.3166 4.57604V5.26111C31.9718 5.28966 33.3987 5.40383 34.5403 5.51801C34.683 6.68835 34.7686 8.11558 34.7971 9.74263C34.8257 11.3697 34.7971 12.7398 34.74 13.8816C33.57 13.9387 32.1716 13.9958 30.5164 13.9672C28.8326 13.9672 27.4057 13.9102 26.2642 13.796C26.1786 12.6542 26.1215 11.227 26.0929 9.54281C26.0929 7.88722 26.0929 6.45999 26.1786 5.3182C27.3201 5.26111 28.7185 5.23257 30.3166 5.26111' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--radar { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M14.3175 8.20845C11.0973 8.52959 8.52963 11.0973 8.2085 14.3175H10.9657C11.2548 12.6062 12.6054 11.2548 14.3168 10.9664V8.20913L14.3175 8.20845Z' fill='%23145EEE'/%3E%3Cpath d='M17.2113 13.426L16.4634 14.3178H17.6334C17.5488 13.9919 17.4015 13.6925 17.212 13.426H17.2113Z' fill='%23145EEE'/%3E%3Cpath d='M15.6821 17.6332C16.6367 17.385 17.3846 16.637 17.6328 15.6825H15.6821V17.6332Z' fill='%23145EEE'/%3E%3Cpath d='M14.3173 12.3666C13.3628 12.6148 12.6149 13.3627 12.3667 14.3173H14.3173V12.3666Z' fill='%23145EEE'/%3E%3Cpath d='M14.3173 15.6825H12.3667C12.6149 16.637 13.3628 17.385 14.3173 17.6332V15.6825Z' fill='%23145EEE'/%3E%3Cpath d='M6.84342 14.3177C7.17341 10.3454 10.3452 7.17356 14.3173 6.84356V4.11288C11.9842 4.25811 9.85358 5.14243 8.1443 6.52788C8.16339 6.61856 8.17361 6.71265 8.17361 6.80879C8.17361 7.56288 7.56272 8.17379 6.80864 8.17379C6.71251 8.17379 6.61842 8.16288 6.52774 8.14447C5.143 9.85311 4.2587 11.9845 4.11279 14.3177H6.84342Z' fill='%23145EEE'/%3E%3Cpath d='M23.1561 15.6825C22.8261 19.6548 19.6543 22.8266 15.6821 23.1566V25.8873C18.0153 25.742 20.1459 24.8577 21.8552 23.4723C21.8361 23.3816 21.8259 23.2875 21.8259 23.1913C21.8259 22.4373 22.4368 21.8263 23.1908 21.8263C23.287 21.8263 23.3811 21.8373 23.4717 21.8557C24.8565 20.147 25.7408 18.0157 25.8867 15.6825H23.1561Z' fill='%23145EEE'/%3E%3Cpath d='M14.3173 21.7916V19.0343C12.6059 18.7452 11.2546 17.3945 10.9662 15.6832H8.20898C8.33103 16.9063 8.77829 18.0341 9.46078 18.9811C9.531 18.9702 9.60191 18.9593 9.67554 18.9593C10.4296 18.9593 11.0405 19.5702 11.0405 20.3243C11.0405 20.3979 11.0303 20.4688 11.0187 20.5391C11.9664 21.2216 13.0941 21.6695 14.3166 21.7909L14.3173 21.7916Z' fill='%23145EEE'/%3E%3Cpath d='M14.3173 25.8873V23.1566C12.771 23.0284 11.3488 22.4645 10.1658 21.5952C10.0131 21.6538 9.84881 21.6893 9.67563 21.6893C8.92155 21.6893 8.31066 21.0784 8.31066 20.3243C8.31066 20.1511 8.34611 19.9868 8.40475 19.8341C7.53545 18.6504 6.97159 17.2288 6.84342 15.6825H4.11279C4.45369 21.1595 8.84042 25.5457 14.3173 25.8873Z' fill='%23145EEE'/%3E%3Cpath d='M14.3172 27.2523C8.08755 26.9073 3.09266 21.9123 2.74767 15.6825H0C0.347038 23.4327 6.56713 29.6529 14.3172 30V27.2523Z' fill='%23145EEE'/%3E%3Cpath d='M29.9996 14.3175C29.8162 10.2191 27.9904 6.54887 25.1643 3.94842L23.3882 6.06478C25.617 8.15797 27.072 11.0659 27.252 14.3175H29.9996Z' fill='%23145EEE'/%3E%3Cpath d='M2.74767 14.3175C2.8963 11.6325 3.91219 9.17932 5.51511 7.22659C5.47215 7.09432 5.44284 6.95591 5.44284 6.80864C5.44284 6.05455 6.05373 5.44364 6.80781 5.44364C6.95439 5.44364 7.0928 5.47295 7.22575 5.51591C9.17844 3.91295 11.6316 2.89705 14.3165 2.74841V0C6.56713 0.347045 0.347038 6.56727 0 14.3175H2.74767Z' fill='%23145EEE'/%3E%3Cpath d='M27.2515 15.6825C27.1028 18.3675 26.0869 20.8207 24.484 22.7734C24.527 22.9057 24.5563 23.0441 24.5563 23.1914C24.5563 23.9455 23.9454 24.5564 23.1913 24.5564C23.0447 24.5564 22.9063 24.527 22.7734 24.4841C20.8207 26.087 18.3676 27.103 15.6826 27.2516V29.9993C23.4327 29.6523 29.6528 23.432 29.9998 15.6818H27.2521L27.2515 15.6825Z' fill='%23145EEE'/%3E%3Cpath d='M19.8837 10.2406L18.1069 12.3583C18.5747 12.9079 18.9087 13.5747 19.0335 14.3165H21.7907C21.6332 12.7374 20.933 11.3179 19.8837 10.2406Z' fill='%23145EEE'/%3E%3Cpath d='M22.5124 7.10784L20.7622 9.19352C22.1054 10.5265 22.9903 12.3203 23.156 14.3167H25.8866C25.7101 11.4831 24.4453 8.94806 22.5124 7.10716V7.10784Z' fill='%23145EEE'/%3E%3Cpath d='M15.6821 21.7916C18.9023 21.4704 21.47 18.9027 21.7911 15.6825H19.0339C18.7448 17.3938 17.3941 18.7452 15.6828 19.0336V21.7909L15.6821 21.7916Z' fill='%23145EEE'/%3E%3Cpath d='M15.6821 0V13.1243L24.1181 3.07091C21.7584 1.26409 18.8484 0.141818 15.6821 0Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--remove-badge { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00197 2.95065e-07C5.61736 -0.000401659 4.26369 0.409879 3.11227 1.17887C1.96082 1.9479 1.06332 3.04113 0.533256 4.32029C0.00316627 5.59948 -0.135622 7.00709 0.134404 8.36515C0.40443 9.72321 1.07116 10.9707 2.05026 11.9498C3.02936 12.9289 4.27682 13.5956 5.63484 13.8656C6.99293 14.1356 8.40054 13.9968 9.67967 13.4668C10.9589 12.9367 12.0521 12.0392 12.8211 10.8877C13.5902 9.7363 14.0004 8.38264 14 6.99799C13.9979 5.14266 13.2599 3.3639 11.948 2.05198C10.6361 0.740055 8.85733 0.0020962 7.00197 2.95065e-07ZM10.1802 9.27047C10.2393 9.32933 10.2862 9.39926 10.3182 9.47633C10.3502 9.55333 10.3667 9.63593 10.3667 9.71936C10.3667 9.8028 10.3502 9.8854 10.3182 9.9624C10.2862 10.0395 10.2393 10.1094 10.1802 10.1683C10.0595 10.2865 9.89732 10.3528 9.72833 10.3528C9.55934 10.3528 9.39709 10.2866 9.27642 10.1683L7.00197 7.89584L4.72959 10.1683C4.61018 10.2866 4.44882 10.3531 4.28066 10.3531C4.1125 10.3531 3.95115 10.2866 3.83174 10.1683C3.77265 10.1094 3.72574 10.0395 3.69375 9.9624C3.66177 9.8854 3.64529 9.8028 3.64529 9.71936C3.64529 9.63593 3.66177 9.55333 3.69375 9.47633C3.72574 9.39926 3.77265 9.32933 3.83174 9.27047L6.10415 6.99205L3.83174 4.72161C3.72218 4.60071 3.66332 4.44228 3.66734 4.27917C3.67136 4.11607 3.73794 3.96074 3.85333 3.84535C3.96872 3.72999 4.12404 3.66338 4.28715 3.65936C4.45026 3.65534 4.60869 3.7142 4.72959 3.82376L7.00197 6.0942L9.27243 3.82376C9.39261 3.70452 9.55503 3.6376 9.72434 3.6376C9.89359 3.6376 10.0561 3.70452 10.1762 3.82376C10.2353 3.88265 10.2822 3.95259 10.3142 4.02962C10.3462 4.10665 10.3626 4.18925 10.3626 4.27269C10.3626 4.35609 10.3462 4.43869 10.3142 4.51572C10.2822 4.59276 10.2353 4.66272 10.1762 4.72158L7.90579 6.99202L10.1802 9.27047Z' fill='%236A6F85'/%3E%3C/svg%3E"); }
.icon--report { --icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5059 5.27097C11.0255 5.27097 9.81675 4.17641 9.81675 2.82585V1.15036L14.5673 5.27097H12.5059ZM9.65306 11.5216H4.7973C4.42496 11.5216 4.12277 11.2459 4.12277 10.9063C4.12277 10.5666 4.42496 10.2909 4.7973 10.2909H9.65306C10.0263 10.2909 10.3276 10.5666 10.3276 10.9063C10.3276 11.2459 10.0263 11.5216 9.65306 11.5216ZM4.7955 6.99979H7.81383C8.18617 6.99979 8.48836 7.27549 8.48836 7.61518C8.48836 7.95569 8.18617 8.23056 7.81383 8.23056H4.7955C4.42316 8.23056 4.12097 7.95569 4.12097 7.61518C4.12097 7.27549 4.42316 6.99979 4.7955 6.99979ZM15.8291 5.41538C15.8291 5.38256 15.8291 5.35795 15.8201 5.32513C15.7931 5.17744 15.7662 5.02974 15.7392 4.89026C15.7212 4.8 15.6762 4.72615 15.6043 4.66051L10.5048 0.229744C10.4418 0.172308 10.3519 0.131282 10.2619 0.123077C10.109 0.106667 9.94716 0.0902564 9.78527 0.0738462C9.75829 0.065641 9.72231 0.065641 9.69533 0.065641C9.17369 0.0246154 8.59809 0 7.9955 0C2.09556 0 0 2.09231 0 8C0 13.8995 2.09556 16 7.9955 16C13.9044 16 16 13.8995 16 8C16 7.01538 15.946 6.16205 15.8291 5.41538Z' fill-rule='evenodd' clip-rule='evenodd' fill='white'/%3E%3C/svg%3E"); }
.icon--route { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4203 1.78862C19.0506 1.18857 18.5109 0.698537 17.8813 0.388513C17.2516 0.0784896 16.5421 -0.0515203 15.8325 0.018485C15.1329 0.0884903 14.4633 0.358511 13.9037 0.798544C13.344 1.23858 12.9242 1.81862 12.6744 2.48867C12.4345 3.14872 12.3746 3.86878 12.5145 4.56883C12.6544 5.26888 12.9842 5.90893 13.4739 6.41897C13.8337 6.799 14.2634 7.09902 14.7432 7.29904V7.66907C14.7432 7.89908 14.6532 8.1091 14.4933 8.27911C14.3334 8.43912 14.1235 8.52913 13.9037 8.52913H6.05836C5.77852 8.52913 5.49869 8.55913 5.21886 8.62914V7.30904C5.88846 7.02902 6.46811 6.54898 6.87787 5.93893C7.38756 5.17888 7.60743 4.24881 7.49749 3.32874C7.37757 2.40867 6.93783 1.5686 6.24824 0.958556C4.88906 -0.281538 2.6504 -0.281538 1.28122 0.948555C0.591633 1.5586 0.151897 2.39867 0.0319689 3.31874C-0.0879593 4.2388 0.131909 5.15887 0.651597 5.92893C1.06135 6.53898 1.641 7.01902 2.3106 7.29904V12.6994C1.641 12.9795 1.06135 13.4595 0.651597 14.0695C0.141903 14.8396 -0.0779652 15.7597 0.0319689 16.6797C0.151897 17.5998 0.591633 18.4399 1.28122 19.0499C1.97081 19.66 2.86027 20 3.76973 20C4.67918 20 5.57864 19.66 6.26823 19.0499C6.95782 18.4399 7.39755 17.5998 7.51748 16.6797C7.62742 15.7597 7.41754 14.8396 6.89785 14.0695C6.4881 13.4595 5.90845 12.9795 5.23885 12.6994V12.3194C5.23885 12.0894 5.32879 11.8694 5.4887 11.7094C5.6486 11.5494 5.85848 11.4594 6.07834 11.4594H13.9236C14.9131 11.4594 15.8925 11.0493 16.592 10.3393C17.3016 9.61921 17.6914 8.66914 17.6914 7.65906V7.27904C18.281 7.02902 18.8107 6.61899 19.2105 6.09895C19.7202 5.4389 20 4.60883 20 3.77877C20 3.06872 19.8001 2.37866 19.4303 1.76862L19.4203 1.78862ZM5.26883 16.1997C5.26883 16.4997 5.17888 16.7898 5.00899 17.0398C4.83909 17.2898 4.60923 17.4798 4.33939 17.5898C4.06955 17.6998 3.76973 17.7298 3.4799 17.6698C3.19008 17.6098 2.92024 17.4698 2.71036 17.2598C2.50049 17.0498 2.35058 16.7798 2.30061 16.4897C2.24064 16.1997 2.27063 15.8997 2.39056 15.6197C2.51048 15.3496 2.70037 15.1096 2.95022 14.9496C3.20007 14.7896 3.4799 14.6996 3.77972 14.6996C4.17948 14.6996 4.54926 14.8496 4.83909 15.1296C5.11892 15.4097 5.27882 15.7997 5.27882 16.1997H5.26883ZM2.53047 2.95871C2.70037 2.70869 2.93023 2.51867 3.20007 2.40867C3.37996 2.32866 3.57984 2.29866 3.76973 2.29866C3.86967 2.29866 3.95961 2.29866 4.05955 2.32866C4.34938 2.38866 4.61922 2.52868 4.82909 2.73869C5.03897 2.94871 5.18888 3.21873 5.23885 3.50875C5.29881 3.79877 5.26883 4.1088 5.1489 4.37882C5.03897 4.65884 4.83909 4.88885 4.58924 5.04887C4.00958 5.4289 3.20007 5.34889 2.70037 4.85885C2.42054 4.57883 2.26063 4.1988 2.26063 3.78877C2.26063 3.48875 2.35058 3.19873 2.52048 2.94871L2.53047 2.95871Z' fill='white'/%3E%3C/svg%3E"); }
.icon--safety-broadcast { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M25.6178 4.395C22.7814 1.56 19.0145 0 15.0075 0C11.0005 0 7.23362 1.56 4.3972 4.395C1.56078 7.23 0 10.995 0 15C0 19.005 1.53076 22.695 4.30715 25.515C4.56228 25.77 4.90745 25.92 5.26763 25.92C5.62781 25.92 5.95798 25.785 6.21311 25.53C6.46823 25.275 6.61831 24.93 6.61831 24.57C6.61831 24.21 6.48324 23.865 6.22811 23.61C3.94697 21.3 2.70135 18.24 2.70135 14.985C2.70135 8.205 8.2091 2.7 14.9925 2.7C21.7759 2.7 27.2836 8.205 27.2836 14.985C27.2836 18.225 26.023 21.285 23.7569 23.61C23.5018 23.865 23.3667 24.21 23.3667 24.57C23.3667 24.93 23.5168 25.275 23.7719 25.53C24.027 25.785 24.3572 25.92 24.7324 25.92C25.0925 25.92 25.4377 25.77 25.6928 25.515C28.4692 22.695 30 18.96 30 15C30 11.04 28.4392 7.23 25.6028 4.395H25.6178Z' fill='%23FE9738'/%3E%3Cpath d='M22.8262 22.6045C23.2464 22.6045 23.6216 22.4245 23.8917 22.0945C25.4975 20.0845 26.383 17.5645 26.383 14.9995C26.383 8.72953 21.2804 3.64453 15.0223 3.64453C8.76418 3.64453 3.66162 8.74453 3.66162 14.9995C3.66162 17.5795 4.54706 20.0995 6.15287 22.0945C6.6181 22.6795 7.47353 22.7695 8.05882 22.3045C8.64411 21.8395 8.73416 20.9845 8.26892 20.3995C7.0233 18.8545 6.37798 16.9795 6.37798 14.9995C6.37798 10.2295 10.2649 6.34453 15.0373 6.34453C19.8097 6.34453 23.6966 10.2295 23.6966 14.9995C23.6966 16.9945 23.0363 18.8545 21.8057 20.3995C21.5806 20.6845 21.4755 21.0295 21.5205 21.4045C21.5656 21.7645 21.7307 22.0795 22.0158 22.3195C22.2559 22.5145 22.5561 22.6195 22.8712 22.6195L22.8262 22.6045Z' fill='%23FE9738'/%3E%3Cpath d='M20.2003 18.9294C20.8606 19.2444 21.701 18.9294 22.0012 18.2844C22.4814 17.2494 22.7365 16.1544 22.7365 14.9994C22.7365 10.7394 19.2698 7.27441 15.0077 7.27441C10.7455 7.27441 7.27881 10.7394 7.27881 14.9994C7.27881 16.1544 7.51893 17.2494 8.01418 18.2844C8.16425 18.6144 8.43439 18.8544 8.77956 18.9894C8.92963 19.0494 9.07971 19.0644 9.24479 19.0644C9.43989 19.0644 9.63499 19.0194 9.81508 18.9294C10.4904 18.6144 10.7906 17.8044 10.4604 17.1294C10.1452 16.4694 9.98016 15.7494 9.98016 14.9994C9.98016 12.2394 12.2313 9.98941 14.9927 9.98941C17.754 9.98941 20.0052 12.2394 20.0052 14.9994C20.0052 15.7494 19.8401 16.4694 19.5249 17.1294C19.2098 17.8044 19.4949 18.6144 20.1703 18.9294H20.2003Z' fill='%23FE9738'/%3E%3Cpath d='M16.9404 18.2705C16.4757 17.462 15.7724 17 15.0063 17C14.2402 17 13.5243 17.462 13.0722 18.2705L8.37503 26.5735C7.9229 27.382 7.87266 28.2419 8.262 28.922C8.65133 29.6022 9.39233 30 10.3091 30H19.6909C20.6077 30 21.3487 29.615 21.738 28.922C22.1273 28.2419 22.0771 27.382 21.625 26.5735L16.9278 18.2705H16.9404Z' fill='%23FE9738'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--safety-camera { --icon: url("data:image/svg+xml,%3Csvg width='29.9998' height='30' viewBox='0 0 29.9998 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M1.30568 16.2086C0.585303 16.2086 0 16.7933 0 17.5128V28.6958C0 29.4154 0.585303 30 1.30568 30C2.02605 30 2.61135 29.4154 2.61135 28.6958V17.5128C2.61135 16.7933 2.02605 16.2086 1.30568 16.2086Z' fill='%23925CFF'/%3E%3Cpath d='M14.3624 13.196C13.8971 12.9262 13.3568 12.8512 12.8466 13.0011C12.3363 13.136 11.9011 13.4658 11.6309 13.9305C11.1207 14.8 11.3908 15.8793 12.1562 16.479V19.7769C12.1562 20.9462 11.2107 21.8906 10.0401 21.8906H5.89797V19.3572C5.89797 18.6376 5.31267 18.053 4.5923 18.053C3.87192 18.053 3.28662 18.6376 3.28662 19.3572V26.8375C3.28662 27.557 3.87192 28.1417 4.5923 28.1417C5.31267 28.1417 5.89797 27.557 5.89797 26.8375V24.3041H10.0401C12.5314 24.3041 14.5725 22.2653 14.5725 19.7769V16.5239C14.7826 16.359 14.9627 16.1642 15.0977 15.9243C15.653 14.9649 15.3229 13.7507 14.3624 13.196Z' fill='%23925CFF'/%3E%3Cpath d='M29.9853 11.5467C29.9253 11.3068 29.7602 11.097 29.5351 10.9621L10.7604 0.123834C10.3101 -0.131007 9.72482 0.0188996 9.45468 0.468619L6.39309 5.7753C6.13796 6.22502 6.28804 6.80966 6.73827 7.07949L12.1111 10.1825C12.4712 10.3924 12.7714 10.2125 13.0415 10.0626C13.1316 10.0177 13.2216 9.95769 13.3117 9.91272L14.7674 9.28311L24.0873 14.6647C24.6425 14.9795 25.1978 15.1295 25.8131 15.1295C25.8732 15.1295 25.9482 15.1295 26.0233 15.1295C27.6441 15.0545 29.0698 13.6004 29.8652 12.2662C30.0003 12.0414 30.0303 11.7865 29.9703 11.5317L29.9853 11.5467ZM13.852 4.86087C13.852 4.86087 13.7319 4.95082 13.6569 4.92084L10.4452 3.062C10.4452 3.062 10.3852 3.01703 10.3852 2.97205C10.3852 2.94207 10.3852 2.8971 10.3852 2.86712C10.4002 2.83714 10.4302 2.80716 10.4752 2.80716H10.5052C10.5352 2.80716 10.5502 2.80716 10.5803 2.82215L13.7919 4.68099C13.7919 4.68099 13.882 4.80091 13.852 4.87586V4.86087ZM16.8385 6.5848C16.8385 6.5848 16.7935 6.64476 16.7485 6.64476C16.7034 6.64476 16.6734 6.64476 16.6434 6.64476L14.7824 5.58042C14.7824 5.58042 14.6924 5.4605 14.7224 5.38555C14.7374 5.35556 14.7674 5.32558 14.8125 5.32558H14.8425C14.8725 5.32558 14.8875 5.32558 14.9175 5.34057L16.7785 6.40491C16.7785 6.40491 16.8685 6.52483 16.8385 6.59979V6.5848ZM22.4214 9.80778C22.3463 9.9427 22.2113 10.0476 22.0612 10.0776C21.9111 10.1226 21.746 10.0926 21.611 10.0176C21.4759 9.9427 21.3708 9.80778 21.3408 9.65788C21.2958 9.50797 21.3258 9.34307 21.4009 9.20816C21.4759 9.07324 21.611 8.96831 21.761 8.93832C21.8061 8.93832 21.8661 8.92333 21.9111 8.92333C22.0162 8.92333 22.1212 8.95332 22.2113 8.99829C22.4964 9.16318 22.5865 9.52296 22.4214 9.80778ZM25.543 11.6067C25.468 11.7416 25.3329 11.8465 25.1828 11.8765C25.0327 11.9215 24.8677 11.8915 24.7326 11.8165C24.5975 11.7416 24.4925 11.6067 24.4624 11.4568C24.4174 11.3068 24.4474 11.1419 24.5225 11.007C24.5975 10.8721 24.7326 10.7672 24.8827 10.7372C24.9277 10.7372 24.9877 10.7222 25.0327 10.7222C25.1378 10.7222 25.2428 10.7522 25.3329 10.7972C25.618 10.9621 25.7081 11.3218 25.543 11.6067Z' fill='%23925CFF'/%3E%3Cpath d='M24.2229 15.3837C24.0879 15.3237 23.9528 15.2488 23.8177 15.1738L14.618 9.86711L13.2973 10.4368C13.1772 10.4967 13.0722 10.5567 12.9671 10.6017C12.787 10.7066 12.637 10.7965 12.3818 10.8115C12.1867 10.8115 12.0066 10.7815 11.8265 10.6766L6.30367 7.4836L5.10305 9.5673C5.013 9.7322 4.98299 9.91209 5.02801 10.092C5.07303 10.2719 5.19309 10.4218 5.34317 10.5117L11.0761 13.8096L11.1662 13.6448C11.5114 13.0601 12.0516 12.6404 12.712 12.4605C13.3723 12.2806 14.0477 12.3705 14.633 12.7153C15.8486 13.4199 16.2538 14.9639 15.5635 16.1782L15.4734 16.3431L21.2064 19.641C21.3114 19.701 21.4315 19.7309 21.5516 19.7309C21.6116 19.7309 21.6716 19.7309 21.7317 19.701C21.9118 19.656 22.0618 19.5361 22.1519 19.3862L24.4331 15.4436L24.238 15.3687L24.2229 15.3837Z' fill='%23925CFF'/%3E%3Cpath d='M26.8044 15.2951C26.5492 15.37 26.3091 15.415 26.054 15.415C25.6788 15.43 25.3186 15.415 24.9734 15.3251L24.8384 15.2951L23.1875 18.1283L23.4126 18.2033C23.6677 18.2782 23.9229 18.3232 24.193 18.3232C24.7933 18.3232 25.3786 18.1283 25.8889 17.7535C26.6093 17.2139 27.0445 16.3594 27.0445 15.475V15.2351L26.8044 15.3101V15.2951Z' fill='%23925CFF'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--safety-help-emergency { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M26.2718 26.1252C26.1681 25.6031 25.6548 25.06 25.1251 24.8947C24.8034 24.7951 18.5433 24.3803 15.0007 24.385C11.4581 24.3803 5.19796 24.7951 4.87628 24.8947C4.34894 25.0611 3.83331 25.6043 3.7296 26.1252C3.64969 26.5596 3.6243 27.0023 3.65401 27.443C3.67944 27.8837 3.75813 28.3196 3.88839 28.7414C4.05421 29.2471 4.60968 29.7246 5.13233 29.8371C5.45636 29.9051 11.6169 30 15.0007 30C18.3845 30 24.545 29.9051 24.8667 29.8371C25.3894 29.7246 25.9449 29.2471 26.1107 28.7414C26.2409 28.3196 26.3196 27.8837 26.345 27.443C26.3755 27.0024 26.3509 26.5597 26.2718 26.1252Z' fill='%23E93838'/%3E%3Cpath d='M16.2476 3.30117V1.24629C16.2476 0.557983 15.6896 0 15.0013 0C14.313 0 13.755 0.557983 13.755 1.24629V3.30117C13.755 3.98948 14.313 4.54746 15.0013 4.54746C15.6896 4.54746 16.2476 3.98948 16.2476 3.30117Z' fill='%23E93838'/%3E%3Cpath d='M7.4381 5.91616L5.9853 4.46336C5.49866 3.97673 4.70968 3.97673 4.22304 4.46336C3.73641 4.94999 3.73641 5.73898 4.22304 6.22561L5.67585 7.67842C6.16248 8.16505 6.95147 8.16505 7.4381 7.67842C7.92473 7.19178 7.92473 6.4028 7.4381 5.91616Z' fill='%23E93838'/%3E%3Cpath d='M24.3296 7.67873L25.7824 6.22592C26.269 5.73929 26.269 4.9503 25.7824 4.46367C25.2958 3.97704 24.5068 3.97704 24.0202 4.46367L22.5674 5.91647C22.0807 6.4031 22.0807 7.19209 22.5674 7.67873C23.054 8.16536 23.843 8.16536 24.3296 7.67873Z' fill='%23E93838'/%3E%3Cpath d='M26.6989 16.4907H28.7538C29.4421 16.4907 30.0001 15.9327 30.0001 15.2444C30.0001 14.5561 29.4421 13.9981 28.7538 13.9981H26.6989C26.0106 13.9981 25.4527 14.5561 25.4527 15.2444C25.4527 15.9327 26.0106 16.4907 26.6989 16.4907Z' fill='%23E93838'/%3E%3Cpath d='M1.2464 16.49H3.30128C3.98959 16.49 4.54757 15.932 4.54757 15.2437C4.54757 14.5554 3.98959 13.9975 3.30128 13.9975H1.2464C0.55809 13.9975 0.000107288 14.5554 0.000107288 15.2437C0.000107288 15.932 0.55809 16.49 1.2464 16.49Z' fill='%23E93838'/%3E%3Cpath d='M23.8027 14.9139C23.7294 10.217 19.6331 6.41779 15.0007 6.41779C10.3683 6.41779 6.27023 10.2199 6.19875 14.9168C6.1757 17.6485 6.22492 20.3797 6.3464 23.1106C7.00675 23.0625 7.79191 23.0121 8.60344 22.9664C11.0761 22.8264 13.3859 22.7461 14.9404 22.7461H15.0575C16.612 22.7461 18.9247 22.8264 21.395 22.9664C22.2066 23.0127 22.9917 23.0625 23.6521 23.1106C23.7747 20.3785 23.8249 17.6463 23.8027 14.9139ZM15.0007 19.9377C14.7407 19.9377 14.4864 19.8606 14.2702 19.7161C14.054 19.5717 13.8855 19.3663 13.7859 19.1261C13.6864 18.8858 13.6604 18.6214 13.7111 18.3664C13.7619 18.1113 13.8871 17.877 14.071 17.6931C14.2549 17.5093 14.4891 17.384 14.7442 17.3333C14.9992 17.2826 15.2636 17.3086 15.5039 17.4081C15.7441 17.5076 15.9495 17.6762 16.094 17.8924C16.2384 18.1086 16.3156 18.3628 16.3156 18.6229C16.3156 18.9716 16.177 19.306 15.9304 19.5526C15.6839 19.7992 15.3494 19.9377 15.0007 19.9377ZM16.3823 10.752C16.3208 12.7026 16.2593 13.3887 16.1984 15.3422C16.1847 15.6507 16.0526 15.942 15.8295 16.1555C15.6063 16.3689 15.3095 16.4881 15.0007 16.4881C14.6919 16.4881 14.3951 16.3689 14.172 16.1555C13.9488 15.942 13.8167 15.6507 13.803 15.3422C13.7445 13.391 13.6806 12.7055 13.6191 10.752C13.5956 10.1115 14.2138 9.56897 15.0007 9.56897C15.7876 9.56897 16.407 10.1115 16.3823 10.752Z' fill='%23E93838'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--safety-help-hotel { --icon: url("data:image/svg+xml,%3Csvg width='25' height='30' viewBox='0 0 25 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M15.9207 3.09648L14.5726 4.41524L14.8913 6.27777C14.9428 6.58153 14.7102 6.86216 14.3982 6.86216C14.2289 6.86216 14.3168 6.88472 12.5001 5.92589L10.8351 6.80466C10.4694 6.99766 10.0396 6.68665 10.1088 6.27777L10.4276 4.41524L9.07944 3.09648C8.78269 2.80647 8.94894 2.30359 9.35694 2.24396L11.2182 1.97271L12.0513 0.278934C12.2344 -0.0926966 12.7654 -0.0932591 12.9488 0.278934L13.7819 1.97271L15.6432 2.24396C16.0519 2.30371 16.2168 2.8071 15.9207 3.09648ZM7.28288 5.65533L7.22381 5.31095C7.455 5.08557 7.71406 4.90394 7.6005 4.5545C7.487 4.20524 7.16831 4.21005 6.85112 4.16393L6.6965 3.85061C6.5135 3.47973 5.98294 3.47948 5.79975 3.85061L5.64512 4.16393C5.32562 4.21037 5.00925 4.20499 4.89575 4.5545C4.78225 4.90375 5.04294 5.08719 5.27244 5.31095L5.21338 5.65533C5.1435 6.06289 5.5725 6.37496 5.93888 6.1824L6.24806 6.01977C6.56462 6.18627 6.63369 6.23983 6.78988 6.23983C7.09838 6.23983 7.3355 5.96196 7.28288 5.65533ZM2.90788 8.15536L2.84881 7.81098C3.08 7.5856 3.33906 7.40398 3.2255 7.05453C3.112 6.70528 2.79331 6.71009 2.47613 6.66397L2.3215 6.35065C2.1385 5.97977 1.60794 5.97952 1.42475 6.35065L1.27013 6.66397C0.950625 6.7104 0.63425 6.70503 0.52075 7.05453C0.40725 7.40379 0.667938 7.58723 0.897438 7.81098L0.838375 8.15536C0.7685 8.56293 1.1975 8.875 1.56387 8.68243L1.87306 8.51981C2.18962 8.68631 2.25869 8.73987 2.41488 8.73987C2.72338 8.73987 2.9605 8.46199 2.90788 8.15536ZM19.7866 5.65533L19.7275 5.31095C19.9587 5.08557 20.2177 4.90394 20.1042 4.5545C19.9907 4.20524 19.672 4.21005 19.3548 4.16393C19.2119 3.87424 19.1193 3.57192 18.7519 3.57192C18.3847 3.57192 18.2907 3.87649 18.1489 4.16393L17.8031 4.21418C17.3939 4.27368 17.2297 4.77819 17.526 5.06707L17.7762 5.31095C17.7216 5.62933 17.6188 5.92839 17.9161 6.14433C18.2131 6.36021 18.4681 6.16896 18.7519 6.01977C19.0684 6.18627 19.1375 6.23983 19.2937 6.23983C19.6021 6.23983 19.8391 5.96196 19.7866 5.65533ZM24.1616 8.15536L24.1025 7.81098C24.3337 7.5856 24.5927 7.40398 24.4792 7.05453C24.3657 6.70528 24.047 6.71009 23.7298 6.66397C23.5869 6.37427 23.4943 6.07196 23.1269 6.07196C22.7597 6.07196 22.6657 6.37652 22.5239 6.66397L22.1781 6.71422C21.7689 6.77372 21.6047 7.27822 21.901 7.5671L22.1512 7.81098C22.0966 8.12936 21.9938 8.42843 22.2911 8.64437C22.5881 8.86025 22.8431 8.669 23.1269 8.51981C23.4434 8.68631 23.5125 8.73987 23.6687 8.73987C23.9771 8.73987 24.2141 8.46199 24.1616 8.15536ZM5.135 29.4857C5.14356 29.7674 4.917 30 4.63519 30H2C0.895438 30 0 29.1045 0 28V17.9998C0 16.8952 0.895438 15.9998 2 15.9998H4.625C4.90113 15.9998 5.125 16.2242 5.125 16.5003C5.12444 25.9167 5.10869 28.623 5.135 29.4857ZM3.4375 20.9999C3.4375 20.7237 3.21363 20.4999 2.9375 20.4999C2.66138 20.4999 2.4375 20.7237 2.4375 20.9999V23.1249C2.4375 23.401 2.66138 23.6249 2.9375 23.6249C3.21363 23.6249 3.4375 23.401 3.4375 23.1249V20.9999ZM25 17.9998V28C25 29.1045 24.1046 30 23 30H20.3652C20.0835 30 19.8568 29.7673 19.8654 29.4857C19.8919 28.6245 19.8756 25.9221 19.875 16.5003C19.875 16.2242 20.0989 15.9998 20.375 15.9998H23C24.1046 15.9998 25 16.8952 25 17.9998ZM22.5625 20.9999C22.5625 20.7237 22.3386 20.4999 22.0625 20.4999C21.7864 20.4999 21.5625 20.7237 21.5625 20.9999V23.1249C21.5625 23.401 21.7864 23.6249 22.0625 23.6249C22.3386 23.6249 22.5625 23.401 22.5625 23.1249V20.9999ZM11.25 30H13.75C14.0261 30 14.25 29.7761 14.25 29.5V24.8124C14.25 24.5363 14.0261 24.3124 13.75 24.3124H11.25C10.9739 24.3124 10.75 24.5363 10.75 24.8124V29.5C10.75 29.7761 10.9739 30 11.25 30ZM18.875 10.8747V29.5C18.875 29.7761 18.6511 30 18.375 30H15.75C15.4739 30 15.25 29.7761 15.25 29.5V23.8124C15.25 23.5363 15.0261 23.3124 14.75 23.3124H10.25C9.97387 23.3124 9.75 23.5363 9.75 23.8124V29.5C9.75 29.7761 9.52613 30 9.25 30H6.625C6.34887 30 6.125 29.7761 6.125 29.5V10.8747C6.125 9.77014 7.02044 8.87469 8.125 8.87469H16.875C17.9796 8.87469 18.875 9.77014 18.875 10.8747ZM15 19.2498C15 18.9737 14.7761 18.7498 14.5 18.7498H10.5C10.2239 18.7498 10 18.9737 10 19.2498C10 19.526 10.2239 19.7498 10.5 19.7498H14.5C14.7762 19.7498 15 19.526 15 19.2498ZM15.875 14.4373C15.875 14.1611 15.6511 13.9373 15.375 13.9373H9.625C9.34887 13.9373 9.125 14.1611 9.125 14.4373C9.125 14.7134 9.34887 14.9373 9.625 14.9373H15.375C15.6512 14.9373 15.875 14.7134 15.875 14.4373Z' fill='%23FE9738'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--safety-help-share { --icon: url("data:image/svg+xml,%3Csvg width='30' height='28' viewBox='0 0 30 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M27.6133 14.3469L28.1165 10.4562C28.2109 9.7259 28.008 9.04742 27.5297 8.49384C27.0514 7.94033 26.4152 7.64776 25.69 7.64776V4.59427C25.69 3.44401 24.7683 2.50809 23.6353 2.50809H12.9827C12.8358 2.50809 12.7205 2.45748 12.6199 2.34878L11.0254 0.625978C10.6462 0.216418 10.1534 0 9.59989 0H9.59868L4.40457 0.00282495C3.32633 0.00337766 2.44913 0.894535 2.44913 1.98934V7.64776C1.72387 7.64776 1.08764 7.94039 0.609332 8.49391C0.131025 9.04742 -0.0718374 9.72596 0.0225779 10.4562L1.42127 21.2715C1.58318 22.5239 2.60366 23.4328 3.84776 23.4328H15.9325C17.104 26.1268 19.6636 28 22.626 28C26.692 28 30 24.4717 30 20.1348C30 17.8475 29.0796 15.7854 27.6133 14.3468V14.3469ZM3.36951 11.5168C3.36951 11.2454 3.58616 11.0255 3.85338 11.0255H12.7865C13.0538 11.0255 13.2704 11.2454 13.2704 11.5168C13.2704 11.7881 13.0538 12.0081 12.7865 12.0081H3.85338C3.58616 12.0081 3.36951 11.7881 3.36951 11.5168ZM5.8012 3.57918L8.5237 3.57685H8.52473C8.81203 3.57685 9.04755 3.68039 9.24455 3.89319L10.839 5.61593C11.123 5.92275 11.4923 6.08494 11.907 6.08494H22.2111V7.6477H5.8012V3.57918ZM22.626 27.0175C19.0936 27.0175 16.2197 23.9299 16.2197 20.1349C16.2197 16.3398 19.0936 13.2523 22.626 13.2523C26.1584 13.2523 29.0323 16.3398 29.0323 20.1349C29.0323 23.9299 26.1584 27.0175 22.626 27.0175ZM24.0293 18.3292L21.7207 19.7377C21.785 20.0027 21.7845 20.274 21.7215 20.5325L24.029 21.9405C24.218 21.7684 24.4453 21.6423 24.6977 21.5736C25.1203 21.4587 25.5619 21.5177 25.9409 21.7398C26.7231 22.1985 26.9921 23.2177 26.5405 24.0121C26.3217 24.3969 25.9684 24.6721 25.5457 24.7871C25.4046 24.8255 25.2613 24.8445 25.119 24.8445C24.8351 24.8445 24.555 24.769 24.3025 24.6209C23.6574 24.2428 23.3618 23.4834 23.5311 22.7831L21.222 21.3743C20.9191 21.6489 20.5272 21.7979 20.1275 21.798C19.8497 21.798 19.5685 21.7263 19.3111 21.5755C18.9321 21.3533 18.661 20.9946 18.5478 20.5655C18.4346 20.1363 18.4926 19.688 18.7115 19.3032C18.9303 18.9184 19.2835 18.6432 19.7063 18.5282C20.129 18.4131 20.5704 18.4722 20.9494 18.6944C21.0482 18.7523 21.1395 18.8198 21.2228 18.8951L23.532 17.4862C23.4345 17.0838 23.4832 16.6442 23.7029 16.2577C23.9217 15.8729 24.275 15.5977 24.6977 15.4827C25.1204 15.3677 25.5619 15.4268 25.9408 15.649C26.7231 16.1076 26.9921 17.1269 26.5404 17.9212C26.3216 18.306 25.9684 18.5812 25.5457 18.6962C25.4046 18.7346 25.2613 18.7536 25.119 18.7536C24.835 18.7536 24.5549 18.6781 24.3025 18.53C24.2029 18.4717 24.1118 18.4041 24.0292 18.3292H24.0293Z' fill='%2310B981'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--safety-help-support { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M9.25462 6.75522L10.5802 8.08085C13.0219 5.6396 16.9785 5.6396 19.419 8.08085L20.7457 6.75522C17.5717 3.5816 12.4286 3.5816 9.25462 6.75522Z' fill='%23145EEE'/%3E%3Cpath d='M27.4999 12.4999C27.4999 5.59575 21.9056 0 15 0C8.09625 0 2.50012 5.59575 2.50012 12.4999C1.11937 12.4999 0 13.6193 0 15V22.5C0 23.8807 1.11937 25.0001 2.50012 25.0001H6.25012C6.9405 25.0001 7.5 24.441 7.5 23.7499V17.5001C7.5 16.8127 7.188 15.7811 6.80662 15.21L5.00025 12.5002C5.00025 6.9765 9.477 2.50012 15.0004 2.50012C20.5252 2.50012 25.0005 6.9765 25.0005 12.5002L23.1937 15.21C22.8124 15.7811 22.5 16.8127 22.5 17.5001V24.0994C20.6677 26.1806 17.991 27.4999 15 27.4999H12.4999V30H15C19.0867 30 22.7025 28.0309 24.9829 25.0001H27.4999C28.8806 25.0001 30 23.8807 30 22.5V15C30 13.6193 28.8806 12.4999 27.4999 12.4999Z' fill='%23145EEE'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--safety-network-device { --icon: url("data:image/svg+xml,%3Csvg width='30.0002' height='30' viewBox='0 0 30.0002 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M20.978 23.3994C20.978 23.3994 20.993 23.3994 21.008 23.3994H20.978Z' fill='%2310B981'/%3E%3Cpath d='M15.4239 22.2305H9.34537C9.00101 22.2305 8.70158 22.3655 8.477 22.5905C8.25242 22.8155 8.11768 23.1155 8.11768 23.4605C8.11768 24.1355 8.67163 24.6905 9.34537 24.6905H15.4239C15.7683 24.6905 16.0677 24.5555 16.2923 24.3305C16.5169 24.1055 16.6516 23.8055 16.6516 23.4605C16.6516 22.7855 16.0977 22.2305 15.4239 22.2305Z' fill='%2310B981'/%3E%3Cpath d='M22.4906 22.365C21.9965 22.365 21.5474 22.26 21.1281 22.08C21.0982 22.62 21.0533 23.055 21.0233 23.355C21.0233 23.37 21.0233 23.385 21.0233 23.4C21.0084 23.58 20.9635 23.745 20.9185 23.925C20.6491 24.795 20.0202 25.53 19.2118 25.95C18.9273 26.1 18.6129 26.19 18.2835 26.25C18.2386 26.25 18.1937 26.28 18.1488 26.28C17.2654 26.385 16.3072 26.46 15.2742 26.505C14.3758 26.55 13.4177 26.565 12.3996 26.565C10.2137 26.565 8.31225 26.475 6.66535 26.28C5.16816 26.085 3.95544 24.855 3.77578 23.355C3.62606 22.02 3.46137 17.655 3.47634 15.015C3.46137 12.36 3.62606 8.01 3.77578 6.675C3.95544 5.16 5.16816 3.945 6.66535 3.75C7.14445 3.69 7.66846 3.645 8.23739 3.6H8.49191V3.84C8.49191 4.44 8.50688 4.905 8.52186 5.115C8.56677 5.79 9.12073 6.345 9.79446 6.39C10.2286 6.435 11.3515 6.45 12.2199 6.45H12.4145C13.2979 6.45 14.5405 6.45 15.0196 6.39C15.6934 6.345 16.2473 5.79 16.2922 5.115C16.2922 5.055 16.2922 4.95 16.2922 4.83C16.2922 4.635 16.2922 4.365 16.3072 4.035C16.3072 3.96 16.3072 3.9 16.3072 3.84V3.6H16.5617C17.1307 3.645 17.6547 3.69 18.1338 3.75C18.8824 3.84 19.5561 4.2 20.0651 4.71C20.0951 4.74 20.125 4.785 20.17 4.83C20.2598 4.92 20.3346 5.01 20.4095 5.115C20.4844 5.22 20.5592 5.34 20.6191 5.46C20.6341 5.505 20.664 5.535 20.679 5.565C20.8437 5.895 20.9485 6.24 20.9934 6.615C20.9934 6.63 20.9934 6.645 20.9934 6.66C21.0233 6.915 21.0533 7.305 21.0832 7.755C22.2211 7.62 23.359 7.65 24.4818 7.83C24.4369 7.365 24.407 6.99 24.3621 6.705V6.555C23.9578 3.45 21.3527 0.795 18.2985 0.36C16.5617 0.12 14.5705 0 12.3696 0H12.19C10.064 0 8.16253 0.12 6.47071 0.36C3.40148 0.795 0.796381 3.45 0.392141 6.555C0.197507 7.98 -0.0120992 12.48 0.00287268 15C-0.027071 17.535 0.182535 22.035 0.377169 23.445C0.781409 26.55 3.38651 29.205 6.44077 29.64C8.13259 29.88 10.064 29.985 12.19 30H12.3996C14.5855 30 16.5767 29.88 18.3134 29.64C21.3677 29.205 23.9728 26.55 24.377 23.445C24.4369 23.055 24.4818 22.41 24.5417 21.645C23.9728 22.08 23.2542 22.35 22.4756 22.35L22.4906 22.365Z' fill='%2310B981'/%3E%3Cg%3E%3Cpath d='M26.5479 16.3059C25.5448 15.0909 24.0776 14.4009 22.5055 14.4009H22.4756C20.9035 14.4009 19.4363 15.0909 18.4182 16.3359C18.2835 16.5459 18.2236 16.8009 18.2835 17.0409C18.3284 17.2959 18.4781 17.5059 18.6877 17.6409C19.062 17.8959 19.571 17.8359 19.9004 17.5059C20.5592 16.7409 21.5024 16.3059 22.4906 16.2909C23.4937 16.2909 24.4369 16.7409 25.0657 17.4759C25.2454 17.7459 25.5448 17.8959 25.8592 17.8959C26.0389 17.8959 26.2185 17.8509 26.3832 17.7459C26.8174 17.4609 26.9372 16.8759 26.6527 16.4409C26.6228 16.3959 26.5779 16.3509 26.5629 16.3209L26.5479 16.3059Z' fill='%2310B981'/%3E%3Cpath d='M22.5357 11.7751H22.4608C20.3798 11.7751 18.3436 12.6301 16.8913 14.1151C16.5619 14.4451 16.517 14.9701 16.7865 15.3301C17.071 15.7501 17.6399 15.8551 18.0442 15.5701C18.104 15.5251 18.1639 15.4801 18.2088 15.4351C19.3467 14.2951 20.8589 13.6501 22.4608 13.6501H22.4908C24.0928 13.6501 25.6049 14.2651 26.7578 15.4201C26.9225 15.6001 27.147 15.7051 27.3866 15.7201C27.4016 15.7201 27.4315 15.7201 27.4465 15.7201C27.6711 15.7201 27.8807 15.6451 28.0454 15.4951C28.1052 15.4501 28.1502 15.3901 28.1951 15.3301C28.4795 14.9551 28.4346 14.4301 28.1052 14.1001C26.653 12.6001 24.6168 11.7451 22.5357 11.7451V11.7751Z' fill='%2310B981'/%3E%3Cpath d='M29.7073 11.9854C25.6649 8.23535 19.3468 8.23535 15.3044 11.9854C14.975 12.3304 14.9301 12.8554 15.1996 13.2304C15.3344 13.4254 15.544 13.5754 15.7835 13.6204C15.8434 13.6204 15.9033 13.6354 15.9632 13.6354C16.1428 13.6354 16.3225 13.5754 16.4722 13.4854C16.5321 13.4404 16.592 13.3954 16.6219 13.3504C19.9307 10.2754 25.096 10.2754 28.3748 13.3354C28.5395 13.5154 28.7641 13.6204 29.0037 13.6354C29.2432 13.6354 29.4827 13.5754 29.6624 13.4104C29.7223 13.3654 29.7672 13.3054 29.8121 13.2454C30.0966 12.8554 30.0517 12.3304 29.7223 11.9854H29.7073Z' fill='%2310B981'/%3E%3Cpath d='M22.5061 17.0098C21.4431 17.0098 20.5747 17.8798 20.5747 18.9448C20.5747 20.0098 21.4431 20.8798 22.5061 20.8798C23.5691 20.8798 24.4225 20.0098 24.4225 18.9448C24.4225 17.8798 23.5541 17.0098 22.5061 17.0098Z' fill='%2310B981'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--safety-unknown-device { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M21.0627 23.385C20.9726 24.12 20.6271 24.795 20.1314 25.29C19.6056 25.815 18.9297 26.16 18.1786 26.265C16.5413 26.46 14.6035 26.55 12.4104 26.55C10.2173 26.55 8.30963 26.46 6.65729 26.265C5.15517 26.07 3.93846 24.84 3.7582 23.34C3.60799 22.005 3.44275 17.64 3.45777 15C3.45777 12.345 3.60799 7.995 3.7582 6.66C3.93846 5.145 5.15517 3.93 6.65729 3.735C7.13797 3.675 7.66372 3.63 8.23453 3.585H8.48989V3.825C8.48989 4.425 8.50492 4.89 8.51994 5.1C8.565 5.775 9.12079 6.33 9.79675 6.375C10.2624 6.42 11.5242 6.435 12.4104 6.435C13.2967 6.435 14.5585 6.435 15.0392 6.375C15.7151 6.33 16.2709 5.775 16.316 5.1C16.316 4.89 16.316 4.425 16.346 3.825V3.57H16.6014C17.1572 3.63 17.6979 3.675 18.1786 3.735C19.6657 3.93 20.8674 5.115 21.0627 6.615C21.5434 6.525 22.0391 6.48 22.5348 6.48C23.1957 6.48 23.8416 6.555 24.4575 6.705V6.555C24.0519 3.45 21.4382 0.795 18.3739 0.36C16.6314 0.12 14.6336 0 12.4255 0C10.2173 0 8.23454 0.12 6.49207 0.36C3.41271 0.795 0.799001 3.45 0.393427 6.555C0.19815 7.98 -0.0121391 12.48 0.00288216 15C-0.0271604 17.535 0.183137 22.035 0.378414 23.445C0.783988 26.55 3.39768 29.205 6.46202 29.64C8.20449 29.88 10.2023 30 12.3954 30C14.5885 30 16.6014 29.88 18.3439 29.64C21.4082 29.205 24.0219 26.55 24.4275 23.445V23.295C23.8116 23.445 23.1657 23.52 22.5047 23.52C22.009 23.52 21.5133 23.475 21.0327 23.385H21.0627Z' fill='%23E93838'/%3E%3Cpath d='M15.4593 22.2148H9.36065C9.01516 22.2148 8.71473 22.3498 8.48941 22.5748C8.26409 22.7998 8.12891 23.0998 8.12891 23.4448C8.12891 24.1198 8.68469 24.6748 9.36065 24.6748H15.4593C15.8048 24.6748 16.1052 24.5398 16.3305 24.3148C16.5558 24.0898 16.691 23.7898 16.691 23.4448C16.691 22.7698 16.1352 22.2148 15.4593 22.2148Z' fill='%23E93838'/%3E%3Cpath d='M29.9998 15C29.9998 19.14 26.635 22.5 22.4892 22.5C18.3433 22.5 14.9785 19.14 14.9785 15C14.9785 10.86 18.3433 7.5 22.4892 7.5C26.635 7.5 29.9998 10.86 29.9998 15ZM22.6093 17.25C22.0836 17.25 21.7231 16.725 21.9033 16.245C22.1437 15.57 22.6243 15.21 23.075 14.865C23.5557 14.49 23.9913 14.16 23.9913 13.5C23.9913 12.675 23.3153 12 22.4892 12C21.8282 12 21.2724 12.42 21.0772 13.005C20.972 13.305 20.6866 13.5 20.3712 13.5C19.8454 13.5 19.4849 12.99 19.6652 12.495C20.0858 11.325 21.1973 10.5 22.5042 10.5C24.1715 10.5 25.5084 11.835 25.5084 13.5C25.5084 14.46 24.9226 14.985 24.3368 15.48C23.9162 15.855 23.4956 16.215 23.3303 16.74C23.2252 17.055 22.9398 17.25 22.6093 17.25ZM23.2402 19.125C23.2402 19.545 22.9097 19.875 22.4892 19.875C22.0686 19.875 21.7381 19.545 21.7381 19.125C21.7381 18.705 22.0686 18.375 22.4892 18.375C22.9097 18.375 23.2402 18.705 23.2402 19.125Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23E93838'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--scanner { --icon: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0183019 11.8024V4.62946C-0.0395151 4.00949 0.0400527 3.38439 0.251341 2.79868C0.462629 2.21296 0.800442 1.68102 1.24073 1.24073C1.68102 0.800442 2.21296 0.462629 2.79868 0.251341C3.38439 0.0400527 4.00949 -0.0395151 4.62946 0.0183019H11.8024C12.21 0.0183019 12.601 0.180241 12.8892 0.468494C13.1775 0.756748 13.3394 1.1477 13.3394 1.55536C13.3394 1.96301 13.1775 2.35396 12.8892 2.64222C12.601 2.93047 12.21 3.09241 11.8024 3.09241H4.62946C3.42236 3.09241 3.09241 3.42236 3.09241 4.62946V11.8024C3.09241 12.21 2.93047 12.601 2.64222 12.8892C2.35396 13.1775 1.96301 13.3394 1.55536 13.3394C1.1477 13.3394 0.756748 13.1775 0.468494 12.8892C0.180241 12.601 0.0183019 12.21 0.0183019 11.8024ZM11.8024 36.9076H4.62946C3.42236 36.9076 3.09241 36.5776 3.09241 35.3705V28.1976C3.09241 27.79 2.93047 27.399 2.64222 27.1108C2.35396 26.8225 1.96301 26.6606 1.55536 26.6606C1.1477 26.6606 0.756748 26.8225 0.468494 27.1108C0.180241 27.399 0.0183019 27.79 0.0183019 28.1976V35.3705C-0.0395151 35.9905 0.0400527 36.6156 0.251341 37.2013C0.462629 37.787 0.800442 38.319 1.24073 38.7593C1.68102 39.1996 2.21296 39.5374 2.79868 39.7487C3.38439 39.9599 4.00949 40.0395 4.62946 39.9817H11.8024C12.21 39.9817 12.601 39.8198 12.8892 39.5315C13.1775 39.2433 13.3394 38.8523 13.3394 38.4446C13.3394 38.037 13.1775 37.646 12.8892 37.3578C12.601 37.0695 12.21 36.9076 11.8024 36.9076ZM38.4446 26.6606C38.037 26.6606 37.646 26.8225 37.3578 27.1108C37.0695 27.399 36.9076 27.79 36.9076 28.1976V35.3705C36.9076 36.5776 36.5776 36.9076 35.3705 36.9076H28.1976C27.79 36.9076 27.399 37.0695 27.1108 37.3578C26.8225 37.646 26.6606 38.037 26.6606 38.4446C26.6606 38.8523 26.8225 39.2433 27.1108 39.5315C27.399 39.8198 27.79 39.9817 28.1976 39.9817H35.3705C35.9905 40.0395 36.6156 39.9599 37.2013 39.7487C37.787 39.5374 38.319 39.1996 38.7593 38.7593C39.1996 38.319 39.5374 37.787 39.7487 37.2013C39.9599 36.6156 40.0395 35.9905 39.9817 35.3705V28.1976C39.9817 27.79 39.8198 27.399 39.5315 27.1108C39.2433 26.8225 38.8523 26.6606 38.4446 26.6606ZM35.3705 0.0183019H28.1976C27.79 0.0183019 27.399 0.180241 27.1108 0.468494C26.8225 0.756748 26.6606 1.1477 26.6606 1.55536C26.6606 1.96301 26.8225 2.35396 27.1108 2.64222C27.399 2.93047 27.79 3.09241 28.1976 3.09241H35.3705C36.5776 3.09241 36.9076 3.42236 36.9076 4.62946V11.8024C36.9076 12.21 37.0695 12.601 37.3578 12.8892C37.646 13.1775 38.037 13.3394 38.4446 13.3394C38.8523 13.3394 39.2433 13.1775 39.5315 12.8892C39.8198 12.601 39.9817 12.21 39.9817 11.8024V4.62946C40.0395 4.00949 39.9599 3.38439 39.7487 2.79868C39.5374 2.21296 39.1996 1.68102 38.7593 1.24073C38.319 0.800442 37.787 0.462629 37.2013 0.251341C36.6156 0.0400527 35.9905 -0.0395151 35.3705 0.0183019ZM31.2717 26.3941V21.5371H34.3458C34.7535 21.5371 35.1444 21.3751 35.4327 21.0869C35.7209 20.7986 35.8829 20.4077 35.8829 20C35.8829 19.5923 35.7209 19.2014 35.4327 18.9131C35.1444 18.6249 34.7535 18.4629 34.3458 18.4629H5.65417C5.24651 18.4629 4.85556 18.6249 4.5673 18.9131C4.27905 19.2014 4.11711 19.5923 4.11711 20C4.11711 20.4077 4.27905 20.7986 4.5673 21.0869C4.85556 21.3751 5.24651 21.5371 5.65417 21.5371H8.72827V26.3941C8.65186 27.0532 8.72546 27.7209 8.94356 28.3475C9.16166 28.974 9.51863 29.5431 9.98774 30.0123C10.4569 30.4814 11.026 30.8383 11.6525 31.0564C12.2791 31.2745 12.9468 31.3481 13.6059 31.2717H26.3941C27.0532 31.3481 27.7209 31.2745 28.3475 31.0564C28.974 30.8383 29.5431 30.4814 30.0123 30.0123C30.4814 29.5431 30.8383 28.974 31.0564 28.3475C31.2745 27.7209 31.3481 27.0532 31.2717 26.3941ZM8.21592 13.6059V13.8518C8.21592 14.2594 8.37786 14.6504 8.66611 14.9386C8.95437 15.2269 9.34532 15.3888 9.75297 15.3888C10.1606 15.3888 10.5516 15.2269 10.8398 14.9386C11.1281 14.6504 11.29 14.2594 11.29 13.8518V13.6059C11.29 11.8741 11.8741 11.29 13.6059 11.29H26.3941C28.1259 11.29 28.71 11.8741 28.71 13.6059V13.8518C28.71 14.2594 28.8719 14.6504 29.1602 14.9386C29.4484 15.2269 29.8394 15.3888 30.247 15.3888C30.6547 15.3888 31.0456 15.2269 31.3339 14.9386C31.6221 14.6504 31.7841 14.2594 31.7841 13.8518V13.6059C31.86 12.8794 31.7728 12.1451 31.5288 11.4566C31.2848 10.7681 30.8902 10.1428 30.3737 9.62633C29.8572 9.10983 29.2319 8.71517 28.5434 8.47116C27.8549 8.22716 27.1206 8.13995 26.3941 8.21592H13.6059C12.8794 8.13995 12.1451 8.22716 11.4566 8.47116C10.7681 8.71517 10.1428 9.10983 9.62633 9.62633C9.10983 10.1428 8.71517 10.7681 8.47116 11.4566C8.22716 12.1451 8.13995 12.8794 8.21592 13.6059Z' fill='white'/%3E%3C/svg%3E"); }
.icon--search { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 8.27585C0 3.70522 3.70525 0 8.2759 0C12.8466 0 16.5518 3.70522 16.5518 8.27585C16.5518 12.8465 12.8466 16.5517 8.2759 16.5517C3.70525 16.5517 0 12.8465 0 8.27585Z' fill='white'/%3E%3Cpath d='M16.1199 15.1446C15.8506 14.8753 15.4139 14.8753 15.1446 15.1446C14.8753 15.4139 14.8753 15.8506 15.1446 16.1199L18.8227 19.798C19.092 20.0673 19.5287 20.0673 19.798 19.798C20.0673 19.5287 20.0673 19.092 19.798 18.8227L16.1199 15.1446Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--section-companion { --icon: url("data:image/svg+xml,%3Csvg width='28' height='30' viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.155 12.4845H24.8206V1.75781H25.0078C25.5173 1.75781 25.9303 1.3643 25.9303 0.878906C25.9303 0.393516 25.5173 0 25.0078 0H17.8116C17.3022 0 16.8892 0.393516 16.8892 0.878906C16.8892 1.3643 17.3022 1.75781 17.8116 1.75781H17.9989V12.4845H16.6645C15.6455 12.4845 14.8195 13.2715 14.8195 14.2423V22.5635H4.57478C3.87205 22.5635 3.30031 22.0188 3.30031 21.3493C3.30031 20.6797 3.87205 20.135 4.57478 20.135H10.4278C10.9372 20.135 11.3502 19.7415 11.3502 19.2561C11.3502 18.7707 10.9372 18.3772 10.4278 18.3772H8.46712C9.08234 17.8494 10.2535 16.7764 11.4325 15.3261C13.6917 12.5471 14.8859 9.69967 14.8859 7.0916C14.8859 3.18129 11.547 0 7.44295 0C3.33893 0 0 3.18129 0 7.0916C0 9.69967 1.19415 12.5471 3.45344 15.3261C4.6324 16.7763 5.80356 17.8494 6.41877 18.3772H4.57478C2.85476 18.3772 1.45539 19.7105 1.45539 21.3493C1.45539 22.9881 2.85476 24.3213 4.57478 24.3213H14.8195V26.6644C14.8195 27.4661 15.383 28.1419 16.1531 28.3532V29.1211C16.1531 29.6065 16.5661 30 17.0756 30C17.585 30 17.998 29.6065 17.998 29.1211V28.4222H24.8216V29.1211C24.8216 29.6065 25.2346 30 25.744 30C26.2535 30 26.6665 29.6065 26.6665 29.1211V28.3533C27.4365 28.1419 28 27.4661 28 26.6644V14.2423C27.9999 13.2715 27.174 12.4845 26.155 12.4845ZM4.61629 7.0916C4.61629 5.6042 5.88184 4.3984 7.44295 4.3984C9.00406 4.3984 10.2696 5.6042 10.2696 7.0916C10.2696 8.579 9.00406 9.7848 7.44295 9.7848C5.88184 9.7848 4.61629 8.579 4.61629 7.0916ZM19.8439 1.75781H22.9757V12.4845H19.8439V1.75781ZM20.1992 23.9961C20.1992 24.4815 19.7862 24.875 19.2767 24.875C18.7673 24.875 18.3543 24.4815 18.3543 23.9961V16.9106C18.3543 16.4252 18.7673 16.0317 19.2767 16.0317C19.7862 16.0317 20.1992 16.4252 20.1992 16.9106V23.9961ZM24.4653 23.9961C24.4653 24.4815 24.0523 24.875 23.5429 24.875C23.0334 24.875 22.6204 24.4815 22.6204 23.9961V16.9106C22.6204 16.4252 23.0334 16.0317 23.5429 16.0317C24.0523 16.0317 24.4653 16.4252 24.4653 16.9106V23.9961Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--section-popular { --icon: url("data:image/svg+xml,%3Csvg width='30' height='29.9983' viewBox='0 0 30 29.9983' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M27.2037 11.9683H27.1937C25.9335 12.2483 24.7632 12.9183 23.8631 13.8983L22.6729 15.1783L22.3428 15.0083L19.4823 13.5183C19.0322 13.2783 18.5021 13.1483 17.972 13.1483C17.0719 13.1483 16.2217 13.4983 15.5816 14.1483L14.9515 14.7783C14.4014 15.3183 14.1113 16.0683 14.1413 16.8283C14.1713 17.5783 14.5114 18.2783 15.0715 18.7483L17.4719 20.7983L16.5018 21.8483L16.0117 21.6783C15.7216 21.5883 15.4316 21.5383 15.1415 21.5383C14.4114 21.5383 13.7213 21.8283 13.2112 22.3483L12.6411 22.9183C12.441 23.1183 12.281 23.3283 12.151 23.5683L7.12007 26.5283C6.15989 27.0883 4.38957 26.1783 4.73964 24.7483L6.57997 17.2583L0.568885 11.9183C-0.381287 11.0783 -0.191252 9.2283 1.51906 9.0983L9.21044 8.5383L12.421 1.1683C12.9911 -0.121697 14.6414 -0.651697 15.4016 1.2083L18.3121 8.3383L26.3235 9.1183C27.5838 9.2383 28.5139 10.8583 27.2037 11.9683Z' fill='%23145EEE'/%3E%3Cpath d='M28.5539 25.4183C28.794 25.8883 28.694 26.4683 28.2939 26.8683L27.6638 27.4983C27.5437 27.6283 27.3737 27.6883 27.2137 27.6883C27.0537 27.6883 26.8936 27.6183 26.7736 27.4883L23.313 23.4383L22.8429 23.8783L20.2424 26.2783L19.6523 26.8183L20.2524 28.5983C20.3325 28.8183 20.2724 29.0683 20.0924 29.2383L19.5323 29.8083C19.4023 29.9383 19.2423 29.9983 19.0722 29.9983C18.9122 29.9983 18.7522 29.9283 18.6421 29.7983L17.1519 28.0483C16.7618 27.5883 16.3417 27.1683 15.8816 26.7783L14.1313 25.2883C13.8613 25.0683 13.8613 24.6583 14.1213 24.3983L14.6914 23.8283C14.8115 23.7083 14.9715 23.6383 15.1415 23.6383C15.2015 23.6383 15.2715 23.6483 15.3315 23.6683L16.8618 24.1883L17.1119 24.2783L20.4925 20.6183L16.4317 17.1483C16.1717 16.9283 16.1717 16.5183 16.4317 16.2583L17.0619 15.6283C17.3119 15.3783 17.642 15.2483 17.972 15.2483C18.1521 15.2483 18.3421 15.2883 18.5121 15.3783L21.3826 16.8783L23.123 17.7783L25.4034 15.3183C26.2235 14.4283 27.3737 13.9283 28.5339 13.9283C28.684 13.9283 28.834 13.9383 28.984 13.9483C29.5141 14.0083 29.9142 14.4083 29.9742 14.9483C30.1242 16.2583 29.6141 17.5983 28.6039 18.5283L26.1535 20.8083L28.5539 25.4183Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--section-tours { --icon: url("data:image/svg+xml,%3Csvg width='29.9984' height='30' viewBox='0 0 29.9984 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M11.7875 24.9646C11.7564 24.1921 12.0553 23.4336 12.606 22.8839L13.1696 22.3193C13.6914 21.7986 14.4081 21.4997 15.1388 21.4997C15.4399 21.4997 15.7356 21.549 16.0195 21.6454L16.4823 21.8029L17.407 20.8011L15.0435 18.7837C14.4713 18.2941 14.1274 17.5805 14.0974 16.8252C14.0674 16.0549 14.3663 15.2985 14.916 14.7499L15.547 14.1188C16.1888 13.476 17.0716 13.1085 17.9694 13.1085C18.5008 13.1085 19.029 13.2371 19.4972 13.4814L22.6568 15.127L23.8257 13.8671C24.6207 13.0067 25.6267 12.3907 26.7174 12.0607C26.0488 5.28948 20.3394 0 13.3924 0C5.99553 0 0 5.99553 0 13.3924C0 20.5108 5.55733 26.3156 12.5685 26.7431C12.1035 26.2674 11.8153 25.6385 11.7875 24.9646ZM8.99329 19.7062L8.38795 21.8254C8.25188 22.3011 8.01189 22.7232 7.70762 23.0886C5.02377 21.5115 3.04812 18.8608 2.38707 15.7195C2.50278 15.6906 2.6142 15.6499 2.7342 15.6327L5.14162 15.2888C6.23016 15.1335 7.32834 15.4999 8.10617 16.2766C9.00293 17.1734 9.34363 18.4869 8.99543 19.7062H8.99329ZM11.0986 9.15186C10.8693 10.07 10.0443 10.714 9.09721 10.714C7.04549 10.714 5.07841 9.89005 3.63953 8.42652C3.56239 8.34831 3.50453 8.25403 3.43061 8.1726C5.31198 4.58986 9.064 2.14172 13.3914 2.14172C15.4677 2.14172 17.407 2.71384 19.0762 3.69524C19.1265 5.22948 18.548 6.72729 17.4509 7.82333C16.867 8.40724 15.9927 8.58616 15.2267 8.27974L13.8649 7.73547C12.7046 7.27156 11.4007 7.93797 11.0975 9.15079L11.0986 9.15186Z' fill='%23145EEE'/%3E%3Cpath d='M27.6613 27.4973L28.2934 26.8652C28.6855 26.4731 28.7884 25.886 28.5462 25.421L26.1452 20.8118L28.6019 18.5308C29.608 17.6009 30.1212 16.2616 29.9733 14.9513C29.9123 14.4124 29.5137 14.0128 28.9748 13.9528C27.6645 13.8049 26.3252 14.3181 25.3953 15.3241L23.1143 17.7809L18.5051 15.3799C18.0401 15.1377 17.453 15.2406 17.0609 15.6327L16.4288 16.2648C16.1716 16.522 16.1738 16.9302 16.4341 17.153L20.4915 20.6179L17.1102 24.2821L15.3284 23.6735C15.1088 23.5985 14.8581 23.6607 14.6856 23.8332L14.1188 24.3999C13.8606 24.6581 13.8638 25.0674 14.1253 25.2892L15.8759 26.7752C16.3355 27.1652 16.762 27.5916 17.1519 28.0512L18.638 29.8019C18.8598 30.0633 19.269 30.0665 19.5272 29.8083L20.094 29.2416C20.2665 29.0691 20.3286 28.8184 20.2536 28.5987L19.6451 26.817L23.3093 23.4357L26.7741 27.493C26.9959 27.7534 27.4052 27.7555 27.6623 27.4984L27.6613 27.4973Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--select-all { --icon: url("data:image/svg+xml,%3Csvg width='15.99' height='16.0101' viewBox='0 0 15.99 16.0101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.97 0H2.3C1.03 0 0 1.03 0 2.3V2.97C0 3.5 0.43 3.93 0.96 3.93C1.49 3.93 1.92 3.5 1.92 2.97V2.3C1.92 2.09 2.09 1.92 2.3 1.92H2.97C3.5 1.92 3.93 1.49 3.93 0.96C3.93 0.43 3.5 0 2.97 0Z' fill='%23145EEE'/%3E%3Cpath d='M11.0201 1.92H11.6901C11.9001 1.92 12.0701 2.09 12.0701 2.3V2.97C12.0701 3.5 12.5001 3.93 13.0301 3.93C13.5601 3.93 13.9901 3.5 13.9901 2.97V2.3C13.9901 1.03 12.9601 0 11.6901 0H11.0201C10.4901 0 10.0601 0.43 10.0601 0.96C10.0601 1.49 10.4901 1.92 11.0201 1.92Z' fill='%23145EEE'/%3E%3Cpath d='M5.65995 1.92H8.33995C8.86995 1.92 9.29995 1.49 9.29995 0.96C9.29995 0.43 8.86995 0 8.33995 0H5.65995C5.12995 0 4.69995 0.43 4.69995 0.96C4.69995 1.49 5.12995 1.92 5.65995 1.92Z' fill='%23145EEE'/%3E%3Cpath d='M6.99995 12.0498H5.65995C5.12995 12.0498 4.69995 12.4798 4.69995 13.0098C4.69995 13.5398 5.12995 13.9698 5.65995 13.9698H6.99995C7.52995 13.9698 7.95995 13.5398 7.95995 13.0098C7.95995 12.4798 7.52995 12.0498 6.99995 12.0498Z' fill='%23145EEE'/%3E%3Cpath d='M2.97 12.05H2.3C2.09 12.05 1.92 11.88 1.92 11.67V11C1.92 10.47 1.49 10.04 0.96 10.04C0.43 10.04 0 10.47 0 11V11.67C0 12.94 1.03 13.97 2.3 13.97H2.97C3.5 13.97 3.93 13.54 3.93 13.01C3.93 12.48 3.5 12.05 2.97 12.05Z' fill='%23145EEE'/%3E%3Cpath d='M0.96 9.28018C1.49 9.28018 1.92 8.85018 1.92 8.32018V5.64018C1.92 5.11018 1.49 4.68018 0.96 4.68018C0.43 4.68018 0 5.11018 0 5.64018V8.32018C0 8.85018 0.43 9.28018 0.96 9.28018Z' fill='%23145EEE'/%3E%3Cpath d='M13.0301 4.68018C12.5001 4.68018 12.0701 5.11018 12.0701 5.64018V6.98018C12.0701 7.51018 12.5001 7.94018 13.0301 7.94018C13.5601 7.94018 13.9901 7.51018 13.9901 6.98018V5.64018C13.9901 5.11018 13.5601 4.68018 13.0301 4.68018Z' fill='%23145EEE'/%3E%3Cpath d='M15.78 11.9101L9.44996 5.60014C9.30996 5.46014 9.12996 5.39014 8.93996 5.39014C8.53996 5.39014 8.20996 5.72014 8.20996 6.12014V15.2801C8.20996 15.6801 8.53996 16.0101 8.93996 16.0101C9.13996 16.0101 9.31996 15.9301 9.45996 15.7901L12 13.1601H15.26C15.66 13.1601 15.99 12.8301 15.99 12.4301C15.99 12.2401 15.91 12.0501 15.77 11.9201L15.78 11.9101Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--share { --icon: url("data:image/svg+xml,%3Csvg width='10.0002' height='10' viewBox='0 0 10.0002 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.20801 6.41602C7.65742 6.41602 7.16504 6.66445 6.83633 7.05508L3.53535 5.39199C3.56719 5.2584 3.58418 5.11895 3.58418 4.97559C3.58418 4.82051 3.56445 4.66992 3.52734 4.52617L6.80117 2.90176C7.1293 3.31719 7.6377 3.58398 8.2082 3.58398C9.19785 3.58398 10.0002 2.78164 10.0002 1.79199C10.0002 0.802344 9.19766 0 8.20801 0C7.21836 0 6.41602 0.802344 6.41602 1.79199C6.41602 1.93164 6.43203 2.06738 6.46211 2.19785L3.1707 3.83105C2.84199 3.43555 2.34648 3.18359 1.79199 3.18359C0.802344 3.18359 0 3.98594 0 4.97559C0 5.96523 0.802344 6.76758 1.79199 6.76758C2.35859 6.76758 2.86367 6.50449 3.19219 6.09395L6.47578 7.74824C6.43691 7.89492 6.41621 8.04902 6.41621 8.20801C6.41621 9.19766 7.21855 10 8.2082 10C9.19785 10 10.0002 9.19766 10.0002 8.20801C10.0002 7.21836 9.19785 6.41602 8.2082 6.41602H8.20801Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--share-forward { --icon: url("data:image/svg+xml,%3Csvg width='40' height='34' viewBox='0 0 40 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6949 0.301838C24.5575 0.157166 24.3826 0.0588569 24.1923 0.0193789C24.002 -0.020099 23.8049 0.00103287 23.626 0.0800944C23.4477 0.161239 23.2957 0.295581 23.1885 0.466662C23.0814 0.637744 23.0238 0.838137 23.0228 1.04329V9.04687C20.0653 8.87363 11.862 8.9845 6.03901 14.6182C1.77012 18.7551 -0.256121 24.9431 0.0258488 33.0021C0.0356881 33.2382 0.120702 33.4638 0.267104 33.6424C0.413506 33.8211 0.61271 33.9422 0.832413 33.9861C0.891143 33.9942 0.95025 33.9988 1.00946 34C1.2023 34.0007 1.39106 33.9413 1.55205 33.8291C1.71304 33.7169 1.83909 33.557 1.91439 33.3694C2.11111 32.8843 6.79967 21.7071 23.0228 23.9799V32.2053C23.0238 32.4104 23.0814 32.6108 23.1885 32.7819C23.2957 32.953 23.4477 33.0873 23.626 33.1685C23.8049 33.2475 24.002 33.2686 24.1923 33.2292C24.3826 33.1897 24.5575 33.0914 24.6949 32.9467L39.7048 17.3623C39.7982 17.2664 39.8725 17.1516 39.9232 17.0249C39.9739 16.8981 40 16.7619 40 16.6243C40 16.4867 39.9739 16.3504 39.9232 16.2237C39.8725 16.0969 39.7982 15.9822 39.7048 15.8863L24.6949 0.301838Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--share-up { --icon: url("data:image/svg+xml,%3Csvg width='20' height='19.9091' viewBox='0 0 20 19.9091' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M18.8889 9C18.5942 9 18.3116 9.11493 18.1032 9.31952C17.8948 9.52411 17.7778 9.80158 17.7778 10.0909C17.7778 12.1162 16.9583 14.0585 15.4997 15.4906C14.0411 16.9227 12.0628 17.7273 10 17.7273C7.93721 17.7273 5.9589 16.9227 4.50028 15.4906C3.04166 14.0585 2.22222 12.1162 2.22222 10.0909C2.22222 9.80158 2.10516 9.52411 1.89679 9.31952C1.68841 9.11493 1.4058 9 1.11111 9C0.816426 9 0.533811 9.11493 0.325437 9.31952C0.117063 9.52411 0 9.80158 0 10.0909C3.95203e-08 12.6949 1.05357 15.1921 2.92893 17.0334C4.8043 18.8747 7.34784 19.9091 10 19.9091C12.6522 19.9091 15.1957 18.8747 17.0711 17.0334C18.9464 15.1921 20 12.6949 20 10.0909C20 9.80158 19.8829 9.52411 19.6746 9.31952C19.4662 9.11493 19.1836 9 18.8889 9Z' fill='%23365081'/%3E%3Cpath d='M6.03866 6.20808L8.79704 3.4438V13.7945C8.79704 14.1142 8.92378 14.4208 9.14938 14.6469C9.37498 14.873 9.68096 15 10 15C10.319 15 10.625 14.873 10.8506 14.6469C11.0762 14.4208 11.203 14.1142 11.203 13.7945V3.4438L13.9613 6.20808C14.1882 6.42767 14.4921 6.54918 14.8075 6.54644C15.1229 6.54369 15.4246 6.41691 15.6477 6.19339C15.8707 5.96988 15.9972 5.66752 16 5.35143C16.0027 5.03534 15.8814 4.73083 15.6623 4.50346L11.9921 0.825391C11.4633 0.296827 10.7469 0 10 0C9.25312 0 8.53672 0.296827 8.0079 0.825391L4.33768 4.50346C4.11856 4.73083 3.9973 5.03534 4.00005 5.35143C4.00279 5.66752 4.1293 5.96988 4.35234 6.19339C4.57538 6.41691 4.87709 6.54369 5.1925 6.54644C5.50791 6.54918 5.81178 6.42767 6.03866 6.20808Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--shield-check { --icon: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.018 0C6.1922 1.47682 3.14735 2.48974 0 3V8.889C0 15.556 5.667 18.889 9 20C12.333 18.889 18 15.556 18 8.889V3C14.8621 2.49768 11.8279 1.48423 9.018 0ZM12.542 8.53L8.542 12.53C8.47235 12.5997 8.38965 12.655 8.29862 12.6927C8.2076 12.7304 8.11003 12.7498 8.0115 12.7498C7.91297 12.7498 7.8154 12.7304 7.72438 12.6927C7.63335 12.655 7.55065 12.5997 7.481 12.53L5.481 10.53C5.34445 10.3885 5.26894 10.199 5.27074 10.0023C5.27254 9.8057 5.35151 9.61763 5.49063 9.47864C5.62975 9.33965 5.8179 9.26086 6.01455 9.25924C6.2112 9.25763 6.40061 9.33331 6.542 9.47L8.012 10.939L11.481 7.47C11.6224 7.33331 11.8118 7.25763 12.0085 7.25924C12.2051 7.26086 12.3932 7.33965 12.5324 7.47864C12.6715 7.61763 12.7505 7.8057 12.7523 8.00235C12.7541 8.199 12.6786 8.38848 12.542 8.53Z' fill='white'/%3E%3C/svg%3E"); }
.icon--shield-lock { --icon: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3147 23.9327C20.964 19.7748 22.423 12.4622 21.9108 2.97975C21.8888 2.57183 21.5792 2.24774 21.1781 2.21279C18.7439 2.00073 15.5451 1.27383 11.2192 0.0321496C11.0699 -0.0107165 10.9316 -0.0107165 10.7823 0.0321496C6.45635 1.27385 3.25751 2.00073 0.823312 2.21281C0.42232 2.24772 0.112705 2.57179 0.0906408 2.97964C-0.431736 12.6294 1.07503 19.7935 10.6869 23.9327C10.895 24.0225 11.1065 24.0224 11.3147 23.9327ZM7.2579 10.0933H7.5776V7.79307C7.5776 5.88032 9.11497 4.32002 10.9996 4.32002C12.8842 4.32002 14.4216 5.88032 14.4216 7.79307V10.0933H14.7413C15.0755 10.0933 15.3489 10.3708 15.3489 10.7099V16.8767C15.3489 17.2159 15.0755 17.4934 14.7413 17.4934H7.2579C6.92369 17.4934 6.65029 17.2159 6.65029 16.8767V10.7099C6.65029 10.3708 6.92369 10.0933 7.2579 10.0933ZM8.87386 10.0933H13.1253V7.79304C13.1253 6.60648 12.1687 5.63561 10.9996 5.63561C9.83045 5.63561 8.87386 6.60643 8.87386 7.79304V10.0933ZM10.9996 11.5538C11.6825 11.5538 12.2362 12.1157 12.2362 12.8088C12.2362 13.2366 12.0252 13.6143 11.7032 13.8409V15.3188C11.7032 15.7116 11.3866 16.0329 10.9996 16.0329C10.6126 16.0329 10.296 15.7116 10.296 15.3188V13.8409C9.97399 13.6144 9.76301 13.2366 9.76301 12.8088C9.76301 12.1157 10.3167 11.5538 10.9996 11.5538Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--signal-bars { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.72364 12.6382C2.72364 13.3891 2.11273 14 1.36182 14C0.610909 14 0 13.3891 0 12.6382V9.55818C0 8.80727 0.610909 8.19636 1.36182 8.19636C2.11273 8.19636 2.72364 8.80727 2.72364 9.55818V12.6382ZM6.49091 12.6382C6.44 13.3127 5.89273 13.86 5.21818 13.9109C4.46727 13.9618 3.81818 13.3891 3.75455 12.6382V6.63091C3.81818 5.88 4.46727 5.32 5.21818 5.37091C5.96909 5.42182 6.54182 6.07091 6.49091 6.82182V12.6382ZM10.2455 12.6382C10.2455 13.3891 9.63455 14 8.88364 14C8.13273 14 7.52182 13.3891 7.52182 12.6382V3.90727C7.57273 3.15636 8.23455 2.58364 8.98546 2.63454C9.73636 2.68545 10.2964 3.34727 10.2455 4.09818V12.6382ZM14 12.6382C14 13.3891 13.3891 14 12.6382 14C11.8873 14 11.2891 13.3891 11.2891 12.6382V1.36182C11.2891 0.610909 11.8873 0 12.6509 0C13.4145 0 14 0.610909 14 1.36182V12.6382Z' fill='%23365081'/%3E%3C/svg%3E"); }
.icon--signal-waves { --icon: url("data:image/svg+xml,%3Csvg width='10' height='10.0001' viewBox='0 0 10 10.0001' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M1.03494 6.06074e-05C0.654937 -0.00493937 0.339939 0.300059 0.334939 0.680058C0.329939 1.06006 0.634937 1.37505 1.01494 1.38005C1.01994 1.38005 1.02994 1.38005 1.03494 1.38005C4.94992 1.38005 8.6199 5.05004 8.6199 8.96502C8.6149 9.34502 8.9199 9.66002 9.2999 9.66502C9.6799 9.67002 9.9949 9.36502 9.9999 8.98502C9.9999 8.98002 9.9999 8.97002 9.9999 8.96502C9.9999 4.21504 5.78491 6.06074e-05 1.03494 6.06074e-05Z' fill='%23365081'/%3E%3Cpath d='M1.03494 2.76006C0.654937 2.75506 0.339939 3.06006 0.334939 3.44006C0.329939 3.82005 0.634937 4.13505 1.01494 4.14005C1.01994 4.14005 1.02994 4.14005 1.03494 4.14005C3.50492 4.14005 5.85991 6.50004 5.85991 8.97003C5.85491 9.35003 6.15991 9.66503 6.53991 9.67003C6.91991 9.67503 7.23491 9.37003 7.23991 8.99003C7.23991 8.98503 7.23991 8.97503 7.23991 8.97003C7.23991 5.66505 4.33992 2.76506 1.03494 2.76506V2.76006Z' fill='%23365081'/%3E%3Cpath d='M1.03494 5.51502C0.654937 5.51002 0.339939 5.81502 0.334939 6.19502C0.329939 6.57502 0.634937 6.89001 1.01494 6.89501C1.01994 6.89501 1.02994 6.89501 1.03494 6.89501C2.05993 6.89501 3.10493 7.93501 3.10493 8.96501C3.09993 9.345 3.40493 9.66 3.78492 9.665C4.16492 9.67 4.47992 9.365 4.48492 8.98501C4.48492 8.98001 4.48492 8.97001 4.48492 8.96501C4.48492 7.10001 2.89993 5.51502 1.03494 5.51502Z' fill='%23365081'/%3E%3Cpath d='M1.035 7.93001C0.469998 7.93001 0 8.40001 0 8.965C0 9.53 0.469998 10 1.035 10C1.59999 10 2.06999 9.535 2.06999 8.965C2.06999 8.39501 1.60499 7.93001 1.035 7.93001Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--sim-signal { --icon: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9 4.43C19.79 3.45 19.57 2.66 19.08 1.99C18.78 1.58 18.42 1.22 18.01 0.92C17.34 0.43 16.54 0.21 15.56 0.1C14.61 2.23517e-08 13.4 0 11.86 0H7.82C6.63 0.01 5.5 0.48 4.66 1.32L1.32999 4.65C0.489994 5.49 0.01 6.63 0 7.82V8.22C0 9.76 -1.52737e-06 12.6 0.0999985 13.56C0.209999 14.54 0.429998 15.33 0.919998 16.01C0.929999 16.02 0.939999 16.04 0.959999 16.05C1.25 16.44 1.6 16.79 1.99 17.07C2.67 17.57 3.46 17.79 4.44 17.89C5.4 18 6.59999 18 8.13999 18H11.86C13.4 18 14.61 18 15.56 17.89C16.54 17.79 17.34 17.57 18.01 17.07C18.42 16.78 18.78 16.42 19.08 16.01C19.81 15 19.95 13.72 19.99 11.91C20 11.3 20 11.6 20 10.82V10.78C20 9.23 20 5.39 19.9 4.43ZM10.12 13.4C10.12 13.98 9.65 14.44 9.08 14.44C8.51 14.44 8.04 13.98 8.04 13.4V10.92C8.04 10.34 8.51 9.88 9.08 9.88C9.65 9.88 10.12 10.34 10.12 10.92V13.4ZM13.28 13.4C13.28 13.98 12.82 14.44 12.24 14.44C11.66 14.44 11.2 13.98 11.2 13.4V9.3C11.2 8.73 11.67 8.27 12.24 8.27C12.81 8.27 13.28 8.73 13.28 9.3V13.4ZM16.45 13.4C16.45 13.98 15.98 14.44 15.41 14.44C14.84 14.44 14.37 13.98 14.37 13.4V7.05C14.37 6.48 14.84 6.01 15.41 6.01C15.98 6.01 16.45 6.48 16.45 7.05V13.4Z' fill='white'/%3E%3C/svg%3E"); }
.icon--sparkle { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14.0001' viewBox='0 0 14 14.0001' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M7.41771 11.1696C6.59999 11.002 5.96084 10.3771 5.78939 9.57743C5.74473 9.36907 5.55682 9.2198 5.33906 9.2198C5.12133 9.2198 4.93338 9.36901 4.88873 9.5774C4.71728 10.377 4.0781 11.002 3.26038 11.1696C3.04729 11.2133 2.89463 11.397 2.89463 11.6099C2.89463 11.8228 3.04726 12.0066 3.26038 12.0503C4.07807 12.2179 4.71725 12.8429 4.88867 13.6425C4.93333 13.8509 5.12125 14.0001 5.339 14.0001C5.55673 14.0001 5.74468 13.8509 5.78934 13.6425C5.96078 12.8429 6.59996 12.2179 7.41771 12.0503C7.6308 12.0066 7.78345 11.8229 7.78345 11.61C7.78345 11.3971 7.63083 11.2133 7.41771 11.1696Z' fill='%236B7493'/%3E%3Cpath d='M13.6343 7.00366C12.5289 6.77709 11.6651 5.93233 11.4334 4.85157C11.3887 4.64321 11.2008 4.49394 10.983 4.49394C10.7653 4.49394 10.5774 4.64316 10.5327 4.85154C10.301 5.93233 9.4371 6.77706 8.33179 7.00361C8.1187 7.04727 7.96605 7.23105 7.96605 7.44395C7.96605 7.65685 8.11867 7.8406 8.33179 7.88429C9.43707 8.11086 10.301 8.95559 10.5326 10.0364C10.5773 10.2447 10.7652 10.394 10.983 10.394C11.2007 10.394 11.3887 10.2448 11.4333 10.0364C11.6651 8.95559 12.5289 8.11086 13.6342 7.88435C13.8473 7.84065 14 7.6569 14 7.44401C14 7.23111 13.8473 7.04733 13.6343 7.00366Z' fill='%236B7493'/%3E%3Cpath d='M8.17835 3.73693C6.44276 3.38116 5.08619 2.05469 4.7224 0.357574C4.67772 0.149242 4.4898 0 4.27204 0C4.05429 0 3.86637 0.149242 3.82171 0.357602C3.4579 2.05469 2.10133 3.38114 0.365742 3.73685C0.152656 3.78052 0 3.9643 0 4.1772C0 4.39009 0.152628 4.57387 0.365742 4.61754C2.1013 4.97331 3.45781 6.29975 3.82163 7.99684C3.86629 8.2052 4.0542 8.35447 4.27196 8.35447C4.48969 8.35447 4.67763 8.20523 4.72229 7.99684C5.08613 6.29975 6.44273 4.97331 8.17832 4.61762C8.3914 4.57395 8.54406 4.3902 8.54406 4.17728C8.54403 3.96438 8.3914 3.7806 8.17835 3.73693Z' fill='%236B7493'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--spinner-disc { --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37281 0 0 5.37281 0 12C0 18.6272 5.37281 24 12 24C18.6272 24 24 18.6272 24 12C24 5.37281 18.6272 0 12 0ZM14.338 8.04639L15.8689 6.51614C15.9749 6.41002 16.1008 6.32583 16.2393 6.26839C16.3779 6.21095 16.5264 6.18138 16.6764 6.18138C16.8264 6.18138 16.9749 6.21095 17.1134 6.26839C17.252 6.32583 17.3779 6.41002 17.4839 6.51614C17.59 6.62213 17.6742 6.748 17.7316 6.88656C17.7891 7.02511 17.8186 7.17363 17.8186 7.32362C17.8186 7.47361 17.7891 7.62213 17.7316 7.76068C17.6742 7.89924 17.59 8.02511 17.4839 8.13111L15.9536 9.66196C15.8476 9.7681 15.7216 9.8523 15.583 9.90975C15.4444 9.9672 15.2959 9.99676 15.1458 9.99676C14.9958 9.99676 14.8472 9.9672 14.7086 9.90975C14.57 9.8523 14.4441 9.7681 14.338 9.66196C14.2319 9.55591 14.1477 9.42999 14.0903 9.29139C14.0328 9.15278 14.0032 9.00421 14.0032 8.85418C14.0032 8.70414 14.0328 8.55557 14.0903 8.41697C14.1477 8.27836 14.2319 8.15244 14.338 8.04639ZM4.24432 12C4.24432 11.697 4.36469 11.4064 4.57894 11.1922C4.7932 10.9779 5.08379 10.8575 5.38679 10.8575H7.55122C7.85412 10.8577 8.14456 10.9781 8.35869 11.1924C8.57281 11.4066 8.6931 11.6971 8.6931 12C8.6931 12.3029 8.57281 12.5934 8.35869 12.8076C8.14456 13.0219 7.85412 13.1423 7.55122 13.1425H5.38679C5.08379 13.1425 4.7932 13.0221 4.57894 12.8078C4.36469 12.5936 4.24432 12.303 4.24432 12ZM9.66196 15.9536L8.13111 17.4839C8.02511 17.59 7.89924 17.6742 7.76068 17.7316C7.62213 17.7891 7.47361 17.8186 7.32362 17.8186C7.17363 17.8186 7.02511 17.7891 6.88656 17.7316C6.748 17.6742 6.62213 17.59 6.51614 17.4839C6.41002 17.3779 6.32583 17.252 6.26839 17.1134C6.21095 16.9749 6.18138 16.8264 6.18138 16.6764C6.18138 16.5264 6.21095 16.3779 6.26839 16.2393C6.32583 16.1008 6.41002 15.9749 6.51614 15.8689L8.04639 14.338C8.26155 14.1283 8.55069 14.0117 8.85117 14.0136C9.15165 14.0156 9.43928 14.1358 9.65175 14.3482C9.86423 14.5607 9.98444 14.8484 9.98635 15.1488C9.98826 15.4493 9.87172 15.7384 9.66196 15.9536ZM9.66196 9.66196C9.55591 9.7681 9.42999 9.8523 9.29139 9.90975C9.15278 9.9672 9.00421 9.99676 8.85418 9.99676C8.70414 9.99676 8.55557 9.9672 8.41697 9.90975C8.27836 9.8523 8.15244 9.7681 8.04639 9.66196L6.51614 8.13111C6.41002 8.02511 6.32583 7.89924 6.26839 7.76068C6.21095 7.62213 6.18138 7.47361 6.18138 7.32362C6.18138 7.17363 6.21095 7.02511 6.26839 6.88656C6.32583 6.748 6.41002 6.62213 6.51614 6.51614C6.62213 6.41002 6.748 6.32583 6.88656 6.26839C7.02511 6.21095 7.17363 6.18138 7.32362 6.18138C7.47361 6.18138 7.62213 6.21095 7.76068 6.26839C7.89924 6.32583 8.02511 6.41002 8.13111 6.51614L9.66196 8.04639C9.7681 8.15244 9.8523 8.27836 9.90975 8.41697C9.9672 8.55557 9.99676 8.70414 9.99676 8.85418C9.99676 9.00421 9.9672 9.15278 9.90975 9.29139C9.8523 9.42999 9.7681 9.55591 9.66196 9.66196ZM13.1425 18.6108C13.1425 18.9138 13.0221 19.2044 12.8078 19.4187C12.5936 19.6329 12.303 19.7533 12 19.7533C11.697 19.7533 11.4064 19.6329 11.1922 19.4187C10.9779 19.2044 10.8575 18.9138 10.8575 18.6108V16.4488C10.8575 16.1458 10.9779 15.8552 11.1922 15.6409C11.4064 15.4267 11.697 15.3063 12 15.3063C12.303 15.3063 12.5936 15.4267 12.8078 15.6409C13.0221 15.8552 13.1425 16.1458 13.1425 16.4488V18.6108ZM13.1425 7.54884C13.1425 7.85184 13.0221 8.14243 12.8078 8.35668C12.5936 8.57094 12.303 8.69131 12 8.69131C11.697 8.69131 11.4064 8.57094 11.1922 8.35668C10.9779 8.14243 10.8575 7.85184 10.8575 7.54884V5.38679C10.8575 5.08379 10.9779 4.7932 11.1922 4.57894C11.4064 4.36469 11.697 4.24432 12 4.24432C12.303 4.24432 12.5936 4.36469 12.8078 4.57894C13.0221 4.7932 13.1425 5.08379 13.1425 5.38679V7.54884ZM17.4839 17.4815C17.3779 17.5876 17.252 17.6718 17.1134 17.7292C16.9749 17.7867 16.8264 17.8162 16.6764 17.8162C16.5264 17.8162 16.3779 17.7867 16.2393 17.7292C16.1008 17.6718 15.9749 17.5876 15.8689 17.4815L14.338 15.9512C14.1283 15.7361 14.0117 15.4469 14.0136 15.1464C14.0156 14.846 14.1358 14.5583 14.3482 14.3459C14.5607 14.1334 14.8484 14.0132 15.1488 14.0113C15.4493 14.0094 15.7384 14.1259 15.9536 14.3357L17.4839 15.8665C17.5903 15.9725 17.6748 16.0986 17.7325 16.2373C17.7901 16.3761 17.8198 16.5249 17.8198 16.6752C17.8198 16.8255 17.7901 16.9743 17.7325 17.113C17.6748 17.2518 17.5903 17.3778 17.4839 17.4839V17.4815ZM19.7557 12C19.7557 12.303 19.6353 12.5936 19.4211 12.8078C19.2068 13.0221 18.9162 13.1425 18.6132 13.1425H16.4488C16.1459 13.1423 15.8554 13.0219 15.6413 12.8076C15.4272 12.5934 15.3069 12.3029 15.3069 12C15.3069 11.6971 15.4272 11.4066 15.6413 11.1924C15.8554 10.9781 16.1459 10.8577 16.4488 10.8575H18.6132C18.9162 10.8575 19.2068 10.9779 19.4211 11.1922C19.6353 11.4064 19.7557 11.697 19.7557 12Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--star { --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9634 5.28981C13.8712 4.99399 13.6198 4.78455 13.3235 4.75658L9.28207 4.37371L7.68489 0.471701C7.56697 0.185024 7.29866 0 7.00001 0C6.70136 0 6.43294 0.185024 6.31576 0.471701L4.71859 4.37371L0.676563 4.75658C0.380263 4.78511 0.129359 4.99455 0.0366454 5.28981C-0.0555344 5.58562 0.0295957 5.91008 0.25369 6.11517L3.30865 8.91049L2.4079 13.0504C2.34199 13.3548 2.45522 13.6695 2.69725 13.8521C2.82735 13.9507 2.9802 14 3.13359 14C3.26539 14 3.39731 13.9634 3.51512 13.8899L7.00001 11.7155L10.4843 13.8899C10.7399 14.0493 11.0613 14.0347 11.3028 13.8521C11.5448 13.6695 11.658 13.3548 11.5921 13.0504L10.6914 8.91049L13.7463 6.11517C13.9703 5.91008 14.0556 5.58629 13.9634 5.28981Z' fill='%23FE9738'/%3E%3C/svg%3E"); }
.icon--stat-bars { --icon: url("data:image/svg+xml,%3Csvg width='17.9998' height='18' viewBox='0 0 17.9998 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M16.8798 3.81C16.2598 3.81 15.7598 4.29 15.7598 4.87V16.93C15.7598 17.52 16.2598 17.99 16.8798 17.99C17.4998 17.99 17.9998 17.51 17.9998 16.93V4.87C17.9998 4.28 17.4998 3.81 16.8798 3.81Z' fill='white'/%3E%3Cpath d='M12.9403 9.39001C12.3203 9.39001 11.8203 9.87001 11.8203 10.45V16.94C11.8203 17.53 12.3203 18 12.9403 18C13.5603 18 14.0603 17.52 14.0603 16.94V10.45C14.0603 9.86001 13.5603 9.39001 12.9403 9.39001Z' fill='white'/%3E%3Cpath d='M5.05945 5.81C4.43945 5.81 3.93945 6.29 3.93945 6.87V16.93C3.93945 17.52 4.43945 17.99 5.05945 17.99C5.67945 17.99 6.17945 17.51 6.17945 16.93V6.87C6.17945 6.28 5.67945 5.81 5.05945 5.81Z' fill='white'/%3E%3Cpath d='M9.00086 0C8.38086 0 7.88086 0.48 7.88086 1.06V16.93C7.88086 17.52 8.38086 17.99 9.00086 17.99C9.62086 17.99 10.1209 17.51 10.1209 16.93V1.06C10.1209 0.47 9.62086 0 9.00086 0Z' fill='white'/%3E%3Cpath d='M1.12 3.67999C0.5 3.67999 0 4.15999 0 4.73999V16.93C0 17.52 0.5 17.99 1.12 17.99C1.74 17.99 2.24 17.51 2.24 16.93V4.73999C2.24 4.14999 1.74 3.67999 1.12 3.67999Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--stop-circle { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.46341 0 0 4.46341 0 10C0 15.5366 4.46341 20 10 20C15.5366 20 20 15.5366 20 10C20 4.46341 15.5366 0 10 0ZM13.9268 12.7805C13.9268 13.3902 13.439 13.9024 12.8049 13.9024H7.21951C6.60976 13.9024 6.09756 13.4146 6.09756 12.7805L6.12195 7.21951C6.12195 6.60976 6.60976 6.09756 7.2439 6.09756H12.8049C13.4146 6.09756 13.9268 6.58537 13.9268 7.21951V12.7805Z' fill='white'/%3E%3C/svg%3E"); }
.icon--swap { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12.9019 11.2436V12.6658C12.9019 13.1175 12.9914 13.4964 13.1678 13.7916C13.4113 14.1991 13.8109 14.4326 14.2646 14.4326C14.7091 14.4326 15.1508 14.2142 15.5773 13.7839L20.2333 9.08666C21.2556 8.05533 21.2556 6.37723 20.2333 5.34591L15.5773 0.648708C15.1508 0.218178 14.7091 0 14.2646 0C13.5862 0 12.9019 0.546417 12.9019 1.76679V3.05838C6.2917 3.45222 0.819444 8.57002 0.00615729 15.2705C-0.0394056 15.6447 0.17151 16.003 0.519114 16.1417C0.617513 16.181 0.719976 16.2 0.821155 16.2C1.07742 16.2 1.32598 16.0789 1.48428 15.8608C3.66573 12.8537 7.1683 11.0585 10.8535 11.0585C11.5363 11.0585 12.223 11.1206 12.9019 11.2436Z' fill='white'/%3E%3Cpath d='M29.4807 13.8583C29.1331 13.7193 28.7365 13.835 28.5155 14.1395C26.3343 17.1463 22.8317 18.9416 19.1465 18.9416C18.4637 18.9416 17.777 18.8794 17.0981 18.7564V17.3343C17.0981 16.1139 16.4136 15.5675 15.7355 15.5675C15.291 15.5675 14.8492 15.7859 14.4225 16.2164L9.76652 20.9134C8.74446 21.9447 8.74446 23.6228 9.76673 24.6543L14.4225 29.3513C14.8492 29.7818 15.291 30 15.7355 30C16.4136 30 17.0981 29.4536 17.0981 28.2332V26.9416C23.7085 26.5478 29.1806 21.43 29.9938 14.7297C30.0394 14.3553 29.8285 13.9971 29.4807 13.8583Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--tick-circle { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.48582 0 0 4.48606 0 10C0 15.5139 4.48582 20 10 20C15.5142 20 20 15.5139 20 10C20 4.48606 15.5142 0 10 0ZM14.6968 8.88676L10.0527 13.5309C9.54316 14.0404 8.71773 14.0404 8.2082 13.5309L5.52055 10.8432C5.01102 10.3339 5.01102 9.50813 5.52055 8.99879C6.03008 8.48926 6.85547 8.48926 7.365 8.99879L9.13043 10.764L12.8524 7.04223C13.3619 6.5327 14.1873 6.5327 14.6968 7.04223C15.2064 7.5516 15.2064 8.37742 14.6968 8.88676Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--trash { --icon: url("data:image/svg+xml,%3Csvg width='35' height='40' viewBox='0 0 35 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.89965 35.255C5.1952 37.9581 7.45563 40.0002 10.1407 40.0002H24.1531C26.8424 40.0002 29.0986 37.9581 29.3983 35.255C29.9064 30.6218 30.7986 21.8753 31.2981 16.947C31.494 15.0135 29.9937 13.335 28.072 13.335H6.22594C4.30429 13.335 2.80395 15.0135 2.9999 16.947C3.49933 21.8753 4.39163 30.6218 4.89965 35.255ZM22.1091 19.8739C22.1757 19.1371 22.821 18.6023 23.5453 18.6739C24.2696 18.7413 24.8025 19.3939 24.7317 20.1265L23.7243 30.7918C23.6535 31.5244 23.0124 32.0634 22.2881 31.9918C21.5638 31.9244 21.0309 31.2718 21.1017 30.5392L22.1091 19.8739ZM15.8314 20.0002C15.8314 19.2634 16.4226 18.6655 17.1469 18.6655C17.8754 18.6655 18.4665 19.2634 18.4665 20.0002V30.6655C18.4665 31.4023 17.8754 32.0002 17.1469 32.0002C16.4226 32.0002 15.8314 31.4023 15.8314 30.6655V20.0002ZM10.7402 18.6739C11.4687 18.6023 12.1097 19.1371 12.1806 19.8739L13.188 30.5392C13.2545 31.2718 12.7259 31.9244 12.0016 31.9918C11.2772 32.0634 10.6319 31.5244 10.5611 30.7918L9.55376 20.1265C9.48713 19.3939 10.02 18.7413 10.7402 18.6739Z' fill='%23E93838'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.6506 5.25894H23.7286V2.66527C23.7286 1.95791 23.4538 1.27999 22.9584 0.783152C22.4631 0.282098 21.7928 0 21.0935 0H13.1839C12.4846 0 11.8143 0.282098 11.3189 0.783152C10.8236 1.27999 10.5488 1.95791 10.5488 2.66527V5.25894H2.63511C1.1822 5.25894 0 6.45474 0 7.92843V8.83789C0 10.3116 1.1822 11.5074 2.63511 11.5074H31.6506C33.1035 11.5074 34.2857 10.3116 34.2857 8.83789V7.92843C34.2857 6.45474 33.1035 5.25894 31.6506 5.25894ZM21.0935 5.25894H13.1839V2.66527H21.0935V5.25894Z' fill='%23E93838'/%3E%3C/svg%3E"); }
.icon--trend-up { --icon: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8797 0H10.9046C10.2858 0 9.78425 0.476183 9.78425 1.06361C9.78425 1.65104 10.2858 2.12722 10.9046 2.12722H14.1751L9.5821 6.48753L6.63994 3.69405C6.20238 3.27861 5.49293 3.27858 5.05534 3.69401L0.328114 8.18222C0.11802 8.38168 0 8.6522 0 8.93426C0 9.88182 1.20674 10.3564 1.9125 9.68637L5.84769 5.95053L8.78996 8.74358C9.22748 9.15892 9.93679 9.15889 10.3743 8.74355L15.7593 3.6313V6.73622C15.7593 7.32364 16.2609 7.79983 16.8797 7.79983C17.4984 7.79983 18 7.32364 18 6.73622V1.06361C18 0.476183 17.4985 0 16.8797 0Z' fill='white'/%3E%3C/svg%3E"); }
.icon--user { --icon: url("data:image/svg+xml,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.00048 11.8071C3.27102 11.8071 0 14.0794 0 16.6686C0 20 5.26966 20 7.00048 20C8.7313 20 14 20 14 16.6468C14 14.0685 10.729 11.8071 7.00048 11.8071Z' fill='%23145EEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.96381 9.64687H6.99336C9.56194 9.64687 11.6511 7.48316 11.6511 4.82294C11.6511 2.16371 9.56194 0 6.99336 0C4.42477 0 2.33558 2.16371 2.33558 4.82097C2.32701 7.4723 4.40189 9.637 6.96381 9.64687Z' fill='%23145EEE'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--user-plus { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5C3 2.23858 5.23858 0 8 0C10.7614 0 13 2.23858 13 5C13 7.76142 10.7614 10 8 10C5.23858 10 3 7.76142 3 5Z' fill='white'/%3E%3Cpath d='M17.75 7.75C17.75 7.33579 17.4142 7 17 7C16.5858 7 16.25 7.33579 16.25 7.75V9.25H14.75C14.3358 9.25 14 9.58577 14 10C14 10.4142 14.3358 10.75 14.75 10.75H16.25V12.25C16.25 12.6642 16.5858 13 17 13C17.4142 13 17.75 12.6642 17.75 12.25V10.75H19.25C19.6642 10.75 20 10.4142 20 10C20 9.58577 19.6642 9.25 19.25 9.25H17.75V7.75Z' fill='white'/%3E%3Cpath d='M5 12C3.67392 12 2.40215 12.5268 1.46447 13.4645C0.52678 14.4021 0 15.6739 0 17V19C0 19.5523 0.44772 20 1 20H15C15.5523 20 16 19.5523 16 19V17C16 15.6739 15.4732 14.4021 14.5355 13.4645C13.5979 12.5268 12.3261 12 11 12H5Z' fill='white'/%3E%3C/svg%3E"); }
.icon--vault-group-other { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M10.7143 18.8672C11.0622 18.8672 11.3802 19.0553 11.5357 19.353L12.5064 21.2109H17.4937L18.4643 19.353C18.6198 19.0553 18.9378 18.8672 19.2857 18.8672H25.7143V15.0586C25.7143 14.5732 25.3031 14.1797 24.7959 14.1797H12.5064L11.5357 12.3218C11.3802 12.024 11.0622 11.8359 10.7143 11.8359H5.20408C4.6969 11.8359 4.28571 12.2295 4.28571 12.7148V18.8672H10.7143Z' fill='white'/%3E%3Cpath d='M4.89796 3.63281H3.36734C2.9141 3.63281 2.52857 3.94934 2.45969 4.37807L0.130528 18.8672H2.44898V12.7148C2.44898 11.8026 2.93565 10.9973 3.67347 10.5237V6.85547C3.67347 5.94322 4.16014 5.13791 4.89796 4.6643V3.63281Z' fill='white'/%3E%3Cpath d='M29.8694 18.8672L27.5402 4.37807C27.4713 3.94934 27.0858 3.63281 26.6325 3.63281H25.1019V7.00805C25.8397 7.48166 26.3264 8.28697 26.3264 9.19922V12.8674C27.0642 13.341 27.5509 14.1463 27.5509 15.0586V18.8672H29.8694Z' fill='white'/%3E%3Cpath d='M10.7142 10.0781C11.7647 10.0781 12.709 10.6367 13.1786 11.5359L13.6415 12.4219H24.4898V9.19922C24.4898 8.71383 24.0786 8.32031 23.5714 8.32031H13.7308L12.7602 6.46242C12.6046 6.16465 12.2866 5.97656 11.9387 5.97656H6.42853C5.92135 5.97656 5.51017 6.37008 5.51017 6.85547V10.0781H10.7142Z' fill='white'/%3E%3Cpath d='M11.9387 4.21875C12.9891 4.21875 13.9335 4.77738 14.403 5.67656L14.866 6.5625H23.2652V3.22266C23.2652 2.73727 22.854 2.34375 22.3469 2.34375H14.9553L13.9846 0.485859C13.8291 0.188086 13.5111 0 13.1632 0H7.65299C7.1458 0 6.73462 0.393516 6.73462 0.878906V4.21875H11.9387Z' fill='white'/%3E%3Cpath d='M19.8533 20.625L18.8827 22.4829C18.7271 22.7807 18.4091 22.9688 18.0612 22.9688H11.9388C11.5909 22.9688 11.2729 22.7807 11.1174 22.4829L10.1467 20.625H0V29.1211C0 29.6065 0.411184 30 0.918367 30H29.0816C29.5888 30 30 29.6065 30 29.1211V20.625H19.8533ZM18.0612 27.3633H11.9388C11.4316 27.3633 11.0204 26.9698 11.0204 26.4844C11.0204 25.999 11.4316 25.6055 11.9388 25.6055H18.0612C18.5684 25.6055 18.9796 25.999 18.9796 26.4844C18.9796 26.9698 18.5684 27.3633 18.0612 27.3633Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--vault-group-passport { --icon: url("data:image/svg+xml,%3Csvg width='22' height='30' viewBox='0 0 22 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M11.0001 20C11.7003 20 12.685 18.0636 12.809 15H9.19124C9.31522 18.0636 10.3 20 11.0001 20Z' fill='white'/%3E%3Cpath d='M5.56182 13.7495H7.95701C8.02467 12.047 8.36848 10.3539 8.96529 9.15918C7.12227 9.9141 5.79168 11.6599 5.56182 13.7495Z' fill='white'/%3E%3Cpath d='M13.0348 9.15918C13.6316 10.354 13.9754 12.047 14.0431 13.7495H16.4383C16.2084 11.6599 14.8778 9.9141 13.0348 9.15918Z' fill='white'/%3E%3Cpath d='M11.0001 8.75C10.3 8.75 9.31522 10.6864 9.19124 13.75H12.809C12.685 10.6864 11.7003 8.75 11.0001 8.75Z' fill='white'/%3E%3Cpath d='M5.56182 15C5.79168 17.0896 7.12227 18.8354 8.96529 19.5904C8.36848 18.3956 8.02467 16.7025 7.95701 15H5.56182Z' fill='white'/%3E%3Cpath d='M19.5556 3.75003H18.3333V2.45692C18.3333 0.896158 16.8939 -0.323999 15.3428 0.0770169L2.30502 3.76444C1.02283 3.84009 0 4.92003 0 6.24999V27.5C0 28.8788 1.09633 30 2.44446 30H19.5556C20.9037 30 22 28.8788 22 27.5V6.24999C22 4.87122 20.9037 3.75003 19.5556 3.75003ZM15.6567 1.28493C16.3699 1.09878 17.1111 1.68958 17.1111 2.45686V3.74997H6.94169L15.6567 1.28493ZM14.0556 26.2501H7.33333C6.99554 26.2501 6.7222 25.9705 6.7222 25.625C6.7222 25.2796 6.99554 25 7.33333 25H14.0555C14.3933 25 14.6667 25.2796 14.6667 25.625C14.6667 25.9705 14.3933 26.2501 14.0556 26.2501ZM16.5 23.7506H4.88893C4.55114 23.7506 4.2778 23.4711 4.2778 23.1256C4.2778 22.7801 4.55114 22.5006 4.88893 22.5006H16.5C16.8378 22.5006 17.1111 22.7801 17.1111 23.1256C17.1111 23.4711 16.8378 23.7506 16.5 23.7506ZM11 21.25C7.29334 21.25 4.2778 18.1659 4.2778 14.375C4.2778 10.5841 7.29334 7.50003 11 7.50003C14.7067 7.50003 17.7222 10.5841 17.7222 14.375C17.7222 18.1659 14.7067 21.25 11 21.25Z' fill='white'/%3E%3Cpath d='M13.0348 19.5904C14.8778 18.8354 16.2085 17.0896 16.4383 15H14.0431C13.9754 16.7025 13.6316 18.3956 13.0348 19.5904Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--vault-group-tickets { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M29.1661 8.52485C28.7249 7.85222 28.1595 7.05832 27.402 6.15602C26.4135 7.06418 24.8755 7.04016 23.9176 6.08161C22.9596 5.12365 22.935 3.58565 23.8432 2.59722C22.9409 1.83906 22.147 1.27424 21.4743 0.833055C19.6399 -0.336416 16.8082 -0.256146 15.01 0.957854C13.9091 1.692 9.26638 5.88123 7.59244 7.59267C6.91747 8.25298 5.8564 9.37558 4.77481 10.5603L5.04257 10.828C5.54704 11.3325 5.54704 12.1504 5.04257 12.6549C4.5381 13.1594 3.72018 13.1594 3.21571 12.6549L3.04697 12.4862C2.05913 13.6093 1.24472 14.5808 0.957625 15.0108C-0.256375 16.809 -0.336058 19.6407 0.832827 21.4752C1.27401 22.1478 1.83942 22.9417 2.59699 23.844C3.58542 22.9358 5.12284 22.9598 6.08138 23.9184C7.03934 24.8763 7.06395 26.4144 6.15579 27.4028C7.05809 28.1609 7.852 28.7258 8.52462 29.1669C10.3591 30.3364 13.1908 30.2561 14.9883 29.0421C15.4184 28.7551 16.3898 27.9406 17.513 26.9528L17.3361 26.7759C16.8316 26.2714 16.8316 25.4535 17.3361 24.949C17.588 24.6971 17.9191 24.5705 18.2495 24.5705C18.58 24.5705 18.9104 24.6965 19.1629 24.949L19.4389 25.225C20.6236 24.1428 21.7456 23.0823 22.4065 22.4073C24.118 20.7334 28.3072 16.0907 29.0413 14.9897C30.2553 13.1916 30.335 10.3599 29.1661 8.52602V8.52485ZM8.76953 16.3807C8.26506 16.8852 7.44713 16.8852 6.94267 16.3807L6.15814 15.5962C5.65367 15.0917 5.65367 14.2738 6.15814 13.7693C6.41008 13.5174 6.74112 13.3908 7.07157 13.3908C7.40202 13.3908 7.73247 13.5168 7.985 13.7693L8.76953 14.5538C9.27399 15.0583 9.27399 15.8762 8.76953 16.3807ZM12.4959 20.1071C11.9914 20.6115 11.1735 20.6115 10.669 20.1071L9.88451 19.3225C9.38004 18.8181 9.38004 18.0001 9.88451 17.4957C10.1364 17.2437 10.4675 17.1172 10.7979 17.1172C11.1284 17.1172 11.4588 17.2431 11.7114 17.4957L12.4959 18.2802C13.0004 18.7847 13.0004 19.6026 12.4959 20.1071ZM16.2223 23.8334C15.7178 24.3379 14.8999 24.3379 14.396 23.8334L13.6115 23.0489C13.107 22.5444 13.107 21.7265 13.6115 21.222C13.8634 20.9701 14.1944 20.8435 14.5249 20.8435C14.8553 20.8435 15.1858 20.9695 15.4383 21.222L16.2229 22.0066C16.7273 22.511 16.7273 23.329 16.2229 23.8334H16.2223ZM23.0247 12.7703C23.0182 12.9279 22.8618 13.0469 22.6989 13.0188C21.6384 12.836 20.5709 12.4364 19.4987 12.2536C19.4623 12.2471 19.4284 12.2717 19.4248 12.3063C19.4049 12.519 19.3346 13.4347 19.2866 14.2199C19.2836 14.2708 19.31 14.3195 19.3522 14.3493C19.7242 14.4818 19.8772 14.5486 20.2433 14.681C20.3892 14.7454 20.4771 14.8884 20.4689 15.0454C20.4537 15.3331 20.4367 15.663 20.4185 15.9659C20.4121 16.0707 20.309 16.1416 20.2088 16.1106C19.5221 15.8979 19.0258 15.7614 18.3198 15.6548C18.2548 15.6448 18.188 15.6448 18.1224 15.6548C17.4175 15.7614 16.9125 15.9055 16.2334 16.1118C16.1332 16.1422 16.0307 16.0713 16.0242 15.967C16.0055 15.6635 15.9891 15.3331 15.9738 15.0454C15.9656 14.8884 16.0535 14.7454 16.1994 14.681C16.5656 14.5486 16.7185 14.4818 17.0906 14.3493C17.1328 14.3189 17.1591 14.2708 17.1562 14.2199C17.1082 13.4342 17.0379 12.519 17.0179 12.3063C17.0144 12.2717 16.9804 12.2471 16.9441 12.2536C15.8725 12.4364 14.805 12.836 13.7439 13.0193C13.581 13.0475 13.4246 12.9285 13.4181 12.7709C13.4105 12.5811 13.4041 12.3918 13.3994 12.202C13.3912 11.8839 13.5956 11.6173 13.8915 11.4602C14.9362 10.9066 16.0008 10.3236 17.0537 9.86423C17.0572 9.32988 17.063 8.07194 17.0718 7.07297C17.0771 6.44253 17.5904 5.71718 18.2208 5.71718C18.8512 5.71718 19.3639 6.44195 19.3698 7.07297C19.3785 8.07135 19.3844 9.32988 19.3879 9.86423C20.4408 10.3242 21.5101 10.9071 22.5501 11.4602C22.8459 11.6178 23.051 11.8839 23.0422 12.202C23.0375 12.3918 23.0311 12.5817 23.0235 12.7709L23.0247 12.7703Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--vault-group-visas { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='M26.64 25.862C26.7973 25.2491 26.8965 24.5653 26.8965 23.7931C26.8965 23.0219 26.7952 22.3381 26.6353 21.7241H20.9462C20.7889 22.3371 20.6896 23.0209 20.6896 23.7931C20.6896 24.5643 20.791 25.2481 20.9508 25.862H26.64Z' fill='white'/%3E%3Cpath d='M5.17241 9.31035H5.22468C5.40521 8.42587 6.04195 7.71261 6.87415 7.4074C6.464 6.94914 6.20689 6.35119 6.20689 5.68966C6.20689 4.26361 7.36704 3.10345 8.7931 3.10345C10.2192 3.10345 11.3793 4.26361 11.3793 5.68966C11.3793 6.35119 11.1223 6.94914 10.712 7.4074C11.5443 7.71255 12.1815 8.42587 12.3615 9.31035H12.4138V2.06892H5.17241V9.31035Z' fill='white'/%3E%3Cpath d='M2.06895 25.862V30H7.12758L6.3 25.862H2.06895Z' fill='white'/%3E%3Cpath d='M5.77863 18.9238C5.38758 18.5333 5.17242 18.0134 5.17242 17.4605V13.9655C5.17242 13.11 4.47621 12.4138 3.62068 12.4138C3.33568 12.4138 3.10342 12.6461 3.10342 12.9311V18.6207H2.06895V12.4138L0.587051 14.3896C0.208477 14.8945 0 15.5199 0 16.1509C0 16.3769 0.0263672 16.6034 0.0781055 16.8238L1.96137 24.8276H6.37342L6.97289 23.3287C7.15137 22.8843 7.24137 22.4162 7.24137 21.9378C7.24137 20.9374 6.85189 19.9971 6.14432 19.2895L5.77863 18.9238Z' fill='white'/%3E%3Cpath d='M26.8965 11.3793V0H3.10348V11.4745C3.2659 11.4165 3.43864 11.3793 3.62075 11.3793H26.8965ZM25.8621 10.3448H18.6207V9.31037H25.8621V10.3448ZM25.8621 8.27584H18.6207V7.24137H25.8621V8.27584ZM25.8621 6.20689H18.6207V5.17242H25.8621V6.20689ZM25.3448 1.55174V3.62068H23.7931V1.55174H25.3448ZM22.7586 1.55174V3.62068H21.7242V1.55174H22.7586ZM20.6896 1.55174V3.62068H19.6552V1.55174H20.6896ZM18.6207 1.55174V3.62068H17.5862V1.55174H18.6207ZM15 1.55174H16.5517V3.62068H15V1.55174ZM14.4827 5.17242H17.5862V6.20689H14.4827V5.17242ZM14.4827 7.24137H17.5862V8.27584H14.4827V7.24137ZM14.4827 9.31037H17.5862V10.3448H14.4827V9.31037ZM4.13795 1.03447H13.4483V10.3448H4.13795V1.03447Z' fill='white'/%3E%3Cpath d='M18.4262 20.6896H20.1823C20.6333 19.4467 21.3052 18.5203 21.9357 17.8707C20.444 18.3399 19.198 19.3604 18.4262 20.6896Z' fill='white'/%3E%3Cpath d='M9.82757 8.27585H7.75863C7.08515 8.27585 6.51621 8.7098 6.3021 9.31032H11.2836C11.07 8.70986 10.501 8.27585 9.82757 8.27585Z' fill='white'/%3E%3Cpath d='M8.7931 7.24137C9.6501 7.24137 10.3448 6.54664 10.3448 5.68964C10.3448 4.83263 9.6501 4.1379 8.7931 4.1379C7.9361 4.1379 7.24136 4.83263 7.24136 5.68964C7.24136 6.54664 7.9361 7.24137 8.7931 7.24137Z' fill='white'/%3E%3Cpath d='M23.791 17.67C23.2748 17.9974 22.0433 18.93 21.2954 20.6896H26.2826C25.53 18.9357 24.2979 17.9959 23.791 17.67Z' fill='white'/%3E%3Cpath d='M19.6552 23.7931C19.6552 23.0323 19.7441 22.3495 19.8838 21.7241H17.9483C17.7181 22.3723 17.5862 23.0669 17.5862 23.7931C17.5862 24.5193 17.7181 25.2139 17.9483 25.862H19.8838C19.7442 25.2367 19.6552 24.5539 19.6552 23.7931Z' fill='white'/%3E%3Cpath d='M25.6505 29.7155C27.1423 29.2464 28.3883 28.2259 29.16 26.8966H27.4039C26.953 28.1395 26.2811 29.0658 25.6505 29.7155Z' fill='white'/%3E%3Cpath d='M21.3036 26.8965C22.0567 28.6505 23.2888 29.5903 23.7957 29.9162C24.3103 29.5898 25.5424 28.6572 26.2908 26.8965H21.3036Z' fill='white'/%3E%3Cpath d='M29.638 21.7241H27.7024C27.8421 22.3495 27.9311 23.0323 27.9311 23.7931C27.9311 24.5539 27.8421 25.2367 27.7024 25.862H29.638C29.8681 25.2139 30 24.5193 30 23.7931C30 23.0669 29.8681 22.3723 29.638 21.7241Z' fill='white'/%3E%3Cpath d='M18.4262 26.8965C19.198 28.2259 20.444 29.2464 21.9357 29.7155C21.3052 29.0659 20.6333 28.1394 20.1822 26.8965H18.4262Z' fill='white'/%3E%3Cpath d='M10.3448 18.1035C10.3448 15.537 12.4335 13.4483 15 13.4483C17.4874 13.4483 19.5192 15.4108 19.6433 17.8682C20.82 17.0417 22.2491 16.5518 23.7931 16.5518C24.9046 16.5518 25.9542 16.811 26.8966 17.2604V12.4139H5.67621C6.00469 12.8474 6.2069 13.3812 6.2069 13.9657V17.4607C6.2069 17.7369 6.31447 17.997 6.51 18.1926L6.87621 18.5588C7.77879 19.4613 8.27584 20.6613 8.27584 21.9379C8.27584 22.5483 8.161 23.1457 7.93395 23.7126L7.9019 23.7932H16.5517C16.5517 23.3313 16.5998 22.8808 16.6826 22.4427C16.1519 22.6486 15.585 22.7588 15 22.7588C12.4335 22.7586 10.3448 20.67 10.3448 18.1035Z' fill='white'/%3E%3Cpath d='M18.6207 18.1035C18.6207 16.1069 16.9965 14.4828 15 14.4828C13.0035 14.4828 11.3793 16.1069 11.3793 18.1035C11.3793 20.1 13.0035 21.7242 15 21.7242C15.7614 21.7242 16.4814 21.4857 17.0964 21.0466C17.4393 20.2133 17.9353 19.4612 18.5457 18.8173C18.5923 18.5835 18.6207 18.3445 18.6207 18.1035ZM14.5174 20.4212L12.5654 18.4692L13.2967 17.7378L14.4481 18.8892L16.6717 16.2207L17.4662 16.8827L14.5174 20.4212Z' fill='white'/%3E%3Cpath d='M27.4039 20.6896H29.16C28.3883 19.3603 27.1423 18.3398 25.6505 17.8707C26.2811 18.5204 26.953 19.4467 27.4039 20.6896Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--vault-source-camera { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.92 3.24C15.74 3.19 15.48 3.07 15.26 2.83C15.17 2.73 15.05 2.48 14.93 2.25C14.61 1.6 14.18 0.72 13.3 0.36C12.93 0.2 12.22 0.1 11.38 0.04C11.26 0.03 11.14 0.02 11.02 0.02C10.69 0.02 10.35 0 10 0C9.65 0 9.32 0.01 8.99 0.02C8.01 0.07 7.14 0.18 6.71 0.35C5.84 0.71 5.39999 1.59 5.07999 2.24C4.95999 2.48 4.84 2.73 4.74 2.83C4.53 3.07 4.26999 3.19 4.10999 3.24C0.719993 4.18 0.03 6.34 0 10.26C0.02 12.8 0.369997 14.76 1.13 16.23C2.51 18.93 5.28 20 10 20C14.72 20 17.51 18.92 18.89 16.2C18.9 16.2 18.9 16.18 18.91 16.17C19.64 14.71 19.98 12.76 20 10.26C19.97 6.34 19.29 4.18 15.92 3.24ZM15.17 6H15.18C15.62 6 15.97 6.36 15.97 6.79C15.97 7.22 15.62 7.58 15.18 7.58C14.74 7.58 14.39 7.23 14.39 6.79C14.39 6.35 14.74 6 15.17 6ZM10 7.37C12.26 7.37 14.1 9.21 14.1 11.47C14.1 13.73 12.26 15.57 10 15.57C7.74 15.57 5.89999 13.73 5.89999 11.47C5.89999 9.21 7.74 7.37 10 7.37Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 13.99C11.39 13.99 12.52 12.86 12.52 11.47C12.52 10.08 11.39 8.95 10 8.95C8.61 8.95 7.48 10.08 7.48 11.47C7.48 12.86 8.61 13.99 10 13.99Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.icon--vault-source-gallery { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.42203 0.126901C6.59345 -1.48706e-05 8.06996 -8.20888e-06 9.95359 1.34974e-07H10.0464C11.93 -8.20888e-06 13.4066 -1.48706e-05 14.578 0.126901C15.7734 0.256417 16.742 0.525461 17.569 1.12631C18.0697 1.49006 18.5099 1.93035 18.8737 2.43101C19.4745 3.25801 19.7436 4.2266 19.8731 5.42203C20 6.59343 20 8.06999 20 9.95357V10.0061C20 10.9644 20 11.8136 19.9845 12.5646C19.9387 14.774 19.7659 16.341 18.8737 17.569C18.5099 18.0697 18.0697 18.5099 17.569 18.8737C16.742 19.4745 15.7734 19.7436 14.578 19.8731C13.4066 20 11.9301 20 10.0465 20H9.95357C8.06999 20 6.59343 20 5.42203 19.8731C4.2266 19.7436 3.25801 19.4745 2.43101 18.8737C1.94852 18.5231 1.5221 18.1015 1.16621 17.6233C1.15281 17.6052 1.13951 17.5872 1.12631 17.569C0.525461 16.742 0.256417 15.7734 0.126901 14.578C-1.48859e-05 13.4066 -8.22493e-06 11.93 1.3537e-07 10.0464V9.95359C-7.96398e-06 8.06997 -1.43051e-05 6.59345 0.126901 5.42203C0.256417 4.2266 0.525461 3.25801 1.12631 2.43101C1.49006 1.93035 1.93035 1.49006 2.43101 1.12631C3.25801 0.525461 4.2266 0.256417 5.42203 0.126901ZM18.4567 11.7966L18.3921 11.7342C18.1091 11.4623 17.8999 11.2783 17.7032 11.1386C15.4993 9.57383 12.4593 9.98821 10.7546 12.0858C10.5488 12.3391 10.3427 12.6766 10.0187 13.2433L9.48718 13.0769C8.261 12.8317 7.64792 12.7091 7.08522 12.721C5.57933 12.753 4.16365 13.4454 3.21388 14.6144C2.89727 15.0041 2.64058 15.4913 2.19181 16.386C2.24716 16.4839 2.30679 16.5764 2.37095 16.6647L2.40045 16.7048C2.66349 17.0583 2.97867 17.3699 3.3353 17.6291C3.85633 18.0076 4.52321 18.2283 5.58774 18.3436C6.66666 18.4605 8.05993 18.4615 10 18.4615C11.9401 18.4615 13.3333 18.4605 14.4123 18.3436C15.4768 18.2283 16.1437 18.0076 16.6647 17.6291C17.0348 17.3602 17.3602 17.0348 17.6291 16.6647C18.2051 15.8718 18.4 14.7719 18.4463 12.5328C18.4512 12.298 18.4545 12.053 18.4567 11.7966ZM8.97436 8.97436C7.84147 8.97436 6.92308 8.05597 6.92308 6.92308C6.92308 5.79019 7.84147 4.8718 8.97436 4.8718C10.1073 4.8718 11.0256 5.79019 11.0256 6.92308C11.0256 8.05597 10.1073 8.97436 8.97436 8.97436Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--volume { --icon: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0017 0.698357C17.7701 0.343396 17.2989 0.247433 16.9535 0.486825C16.6071 0.724154 16.5144 1.205 16.747 1.561C19.0741 5.11783 19.0741 9.89537 16.747 13.4491C16.5144 13.8041 16.6071 14.2849 16.9535 14.5233C17.0824 14.612 17.2284 14.6543 17.3734 14.6543C17.6171 14.6543 17.8557 14.5346 18.0017 14.3117C20.6661 10.2431 20.6661 4.77216 18.0017 0.698357Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5458 2.97266C14.1802 3.178 14.0473 3.64956 14.2497 4.02413C15.4077 6.17557 15.4077 8.84294 14.2497 10.9861C14.0473 11.3597 14.1802 11.8302 14.5448 12.0376C14.6606 12.1036 14.7864 12.1346 14.9103 12.1346C15.1751 12.1346 15.4329 11.9901 15.5718 11.7353C16.9786 9.13186 16.9796 5.88974 15.5718 3.27603C15.3694 2.90146 14.9103 2.76629 14.5458 2.97266Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2952 0.399115C8.57737 -0.648228 6.99746 0.595169 5.8435 1.50011C5.37023 1.87159 4.92315 2.22242 4.5838 2.33696C4.12262 2.49174 3.72487 2.54127 3.33921 2.58873C2.66758 2.67025 1.97379 2.75486 1.21354 3.41629C-0.00386414 4.47601 -0.00185022 6.15589 0.000163686 7.50557C-0.00185022 8.85421 -0.00386414 10.5341 1.21455 11.5948C1.97379 12.2552 2.66758 12.3399 3.33921 12.4214C3.72487 12.4688 4.12262 12.5184 4.5838 12.6742C4.92315 12.7887 5.36922 13.1395 5.84249 13.51C6.67927 14.1673 7.74059 15 8.93081 15C9.38092 15 9.84915 14.8813 10.3305 14.5883C11.706 13.5863 12.1933 11.7321 12.1933 7.50557C12.1933 3.2223 11.7231 1.43511 10.2952 0.399115Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--voucher { --icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M9.99733 0C9.42794 0 8.85188 0.224646 8.41784 0.658606L6.79768 2.27846H4.50478C3.27733 2.27846 2.26989 3.2857 2.26989 4.51292V6.80071L0.651065 8.42456C-0.217022 9.29182 -0.217022 10.717 0.651065 11.5843L2.26989 13.2028V15.4966C2.26989 16.7238 3.27733 17.731 4.50478 17.731H6.79768L8.41784 19.3496C9.28593 20.2168 10.7141 20.2168 11.5822 19.3496L13.2023 17.731H15.4905C16.718 17.731 17.7301 16.7238 17.7301 15.4966V13.2028L19.3489 11.5843C20.217 10.717 20.217 9.29248 19.3489 8.42456L17.7301 6.80071V4.51292C17.7301 3.2857 16.7173 2.27846 15.4905 2.27846H13.2023L11.5822 0.658606C11.1481 0.223979 10.5681 0 9.99733 0ZM7.81245 4.96088C8.90989 4.96088 9.80998 5.8668 9.80998 6.96336C9.80998 8.05993 8.90922 8.96051 7.81245 8.96051C6.71567 8.96051 5.81491 8.05993 5.81491 6.96336C5.81491 5.8668 6.71567 4.96088 7.81245 4.96088ZM14.4884 6.46007C14.4931 6.64739 14.4191 6.82804 14.2838 6.95803L7.21172 14.028C6.95636 14.2947 6.53365 14.304 6.26696 14.0494C6.00027 13.7941 5.99093 13.3714 6.25629 13.0941L13.3383 6.01145C13.4597 5.88746 13.6237 5.81613 13.801 5.81013C14.1731 5.80147 14.4798 6.09211 14.4884 6.46007ZM7.81245 6.29409C7.43641 6.29409 7.14305 6.5874 7.14305 6.96336C7.14305 7.33933 7.43574 7.6273 7.81245 7.6273C8.18915 7.6273 8.47651 7.33933 8.47651 6.96336C8.47651 6.5874 8.18849 6.29409 7.81245 6.29409ZM13.4237 10.569C14.5211 10.569 15.4212 11.4709 15.4212 12.5675C15.4212 13.6641 14.5205 14.57 13.4237 14.57C12.3269 14.57 11.4195 13.6641 11.4195 12.5675C11.4195 11.4709 12.3269 10.569 13.4237 10.569ZM13.4237 11.9042C13.0476 11.9042 12.7543 12.1922 12.7543 12.5682C12.7543 12.9441 13.047 13.2375 13.4237 13.2375C13.8004 13.2375 14.0877 12.9441 14.0877 12.5682C14.0877 12.1922 13.7997 11.9042 13.4237 11.9042Z' fill='%23365081'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--walk { --icon: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M11.2941 2.13107C11.2941 3.31166 10.343 4.26214 9.16148 4.26214C7.98001 4.26214 7.02882 3.31166 7.02882 2.13107C7.02882 0.950478 7.98001 0 9.16148 0C10.343 0 11.2941 0.950478 11.2941 2.13107Z' fill='white'/%3E%3Cpath d='M1.02128 6.51322C1.37171 5.29261 2.4831 4.45219 3.75469 4.45219H6.7184C7.55945 4.45219 8.39049 4.65229 9.14143 5.02247L11.224 6.063C11.7146 6.30312 12.2753 6.33313 12.776 6.12303L14.9487 5.25259L16 7.89392L13.0363 9.07451C12.2854 9.37466 11.4343 9.34465 10.7134 8.97446L10.5031 8.8644L9.74218 11.9059L10.9837 12.6163C12.0851 13.2466 12.6358 14.5373 12.3354 15.7679L11.2941 20H8.36045L9.58198 15.0875L7.16896 13.7068L5.60701 20H2.67334L5.84731 7.28361H3.76471L2.95369 10.125H0L1.03129 6.50322L1.02128 6.51322Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.icon--wallet { --icon: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.8766 4.58522C7.8766 5.43523 8.10789 6.2312 8.51097 6.91367C8.63446 7.12277 8.8659 7.23829 9.10877 7.23829H12.6339C12.6984 7.23829 12.7501 7.1855 12.7501 7.12111C12.7501 5.06838 13.6549 3.22699 15.0876 1.97407C15.4373 1.66822 15.5015 1.12107 15.1235 0.8511C14.373 0.315261 13.4542 0 12.4618 0C9.92948 0 7.8766 2.05288 7.8766 4.58522Z' fill='%23145EEE'/%3E%3Cpath d='M24.1707 7.12093C24.1707 7.18612 24.1173 7.23811 24.052 7.23811H15.1189C15.0538 7.23811 15.0003 7.18612 15.0003 7.12093C15.0003 6.73917 15.0469 6.3683 15.1348 6.01374C15.6301 4.01628 17.435 2.53569 19.5855 2.53569C22.1179 2.53569 24.1707 4.58857 24.1707 7.12093Z' fill='%23145EEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.30031 4.11971C5.75551 4.5426 5.78172 5.25444 5.35883 5.70965L3.95451 7.22132C3.34872 7.87339 2.89172 8.63884 2.6042 9.46506C2.47258 9.84326 2.90953 10.1396 3.27469 9.97527C3.96907 9.66276 4.7393 9.48888 5.55016 9.48888H24.4502C27.1219 9.48888 29.3528 11.3766 29.8815 13.8909C29.9706 14.3147 29.6229 14.6822 29.19 14.6822H26.2548C23.5628 14.6822 21.3804 16.8646 21.3804 19.5567C21.3804 22.2488 23.5627 24.4312 26.2548 24.4312H29.9816C29.9919 24.4312 30.0003 24.4396 30.0003 24.4499C30.0003 27.5151 27.5155 30 24.4502 30H5.55016C2.48493 30 6.00825e-05 27.5151 6.00825e-05 24.4499L0 11.5603C0 9.38255 0.823815 7.2854 2.30604 5.68989L3.71036 4.17823C4.13325 3.72301 4.8451 3.69682 5.30031 4.11971ZM6.00008 23.378C5.37875 23.378 4.87506 23.8817 4.87506 24.503C4.87506 25.1245 5.37875 25.628 6.00008 25.628H10.1428C10.7641 25.628 11.2678 25.1245 11.2678 24.503C11.2678 23.8817 10.7641 23.378 10.1428 23.378H6.00008Z' fill='%23145EEE'/%3E%3Cpath d='M26.2548 16.931H29.2504C29.6647 16.931 30.0004 17.2668 30.0004 17.681V21.4298C30.0004 21.844 29.6647 22.1799 29.2504 22.1799H26.2548C24.8055 22.1799 23.6305 21.0049 23.6305 19.5554C23.6305 18.1059 24.8055 16.931 26.2548 16.931Z' fill='%23145EEE'/%3E%3C/svg%3E"); }
.icon--wifi { --icon: url("data:image/svg+xml,%3Csvg width='16' height='14.0013' viewBox='0 0 16 14.0013' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M15.72 3.61125L15.02 2.91125C11.15 -0.968749 4.85 -0.968749 0.98 2.90125L0.28 3.60125C0.1 3.78125 0 4.02125 0 4.27125C0 4.52125 0.1 4.76125 0.28 4.94125C0.65 5.31125 1.25 5.31125 1.63 4.94125L2.33 4.24125C5.46 1.11125 10.55 1.11125 13.67 4.24125L14.38 4.95125C14.57 5.14125 14.81 5.23125 15.05 5.23125C15.29 5.23125 15.54 5.14125 15.72 4.95125C15.9 4.77125 16 4.53125 16 4.28125C16 4.03125 15.9 3.79125 15.72 3.61125Z' fill='white'/%3E%3Cpath d='M12.71 5.98125C11.45 4.72125 9.78 4.03125 8 4.03125C6.22 4.03125 4.55 4.72125 3.29 5.98125L2.84 6.43125C2.47 6.80125 2.47 7.40125 2.84 7.78125C3.03 7.97125 3.27 8.06125 3.51 8.06125C3.75 8.06125 4 7.97125 4.18 7.78125L4.63 7.33125C6.48 5.48125 9.5 5.47125 11.36 7.33125L11.81 7.78125C12.18 8.15125 12.78 8.15125 13.16 7.78125C13.53 7.41125 13.53 6.81125 13.16 6.44125L12.71 5.99125V5.98125Z' fill='white'/%3E%3Cpath d='M10.9799 9.14113C9.33992 7.50113 6.65992 7.50113 5.01992 9.14113L4.75992 9.40113C4.38992 9.77113 4.38992 10.3711 4.75992 10.7411C4.93992 10.9211 5.17992 11.0211 5.42992 11.0211C5.67992 11.0211 5.91992 10.9211 6.09992 10.7411L6.35992 10.4811C7.25992 9.58113 8.72992 9.58113 9.62992 10.4811L9.88992 10.7411C10.2499 11.1011 10.8799 11.1011 11.2399 10.7411C11.6099 10.3711 11.6099 9.77113 11.2399 9.39113L10.9799 9.13113V9.14113Z' fill='white'/%3E%3Cpath d='M8.00014 11.7812C7.39014 11.7812 6.89014 12.2813 6.89014 12.8913C6.89014 13.5013 7.39014 14.0013 8.00014 14.0013C8.61014 14.0013 9.11014 13.5013 9.11014 12.8913C9.11014 12.2813 8.61014 11.7812 8.00014 11.7812Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
/* The logos that take the colour of the text around them: .wordmark, .tagline (kit.css). */
.wordmark { --icon: url("data:image/svg+xml,%3Csvg width='110' height='20' viewBox='0 0 110 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M25.2314 19.9953L25.2101 6.63163L14.9623 15.5755L4.68845 6.63163L4.6695 19.9929L0 19.9881V0.0293678L4.67423 0.0269906L14.9457 8.92818L25.248 0.0222651L29.9198 0.031745V19.9881L25.2314 19.9953Z' fill='white'/%3E%3Cpath d='M51.9655 13.6566H36.821L36.8044 19.9929H32.1279L32.2012 5.5273C32.2154 2.88877 34.4093 0.186139 37.0743 0.107767C42.0041 -0.0371026 46.6333 -0.0323597 51.5561 0.100635C54.3654 0.176632 56.5569 2.97426 56.5664 5.72678L56.6185 19.9881L51.9655 19.9929V13.6566ZM51.9513 5.57006C51.9513 5.23045 51.2366 4.70084 50.8603 4.70084L37.7748 4.70559C37.3677 4.70559 36.8044 5.31357 36.8068 5.68643L36.8352 8.99466H51.9679L51.9537 5.57006H51.9513Z' fill='white'/%3E%3Cpath d='M78.7097 13.6637H63.5652L63.5486 20H58.8721L58.9454 5.53442C58.9596 2.89589 61.1535 0.193227 63.8184 0.114855C68.7483 -0.0300142 73.3775 -0.0252423 78.3003 0.107753C81.1095 0.18375 83.3011 2.98138 83.3106 5.7339L83.3627 19.9952L78.7097 20V13.6637ZM78.6955 5.57715C78.6955 5.23754 77.9808 4.70795 77.6045 4.70795L64.519 4.71271C64.1119 4.71271 63.5486 5.32068 63.551 5.69355L63.5794 9.00178H78.7121L78.6979 5.57715H78.6955Z' fill='white'/%3E%3Cpath d='M109.912 6.74086C109.86 10.8495 106.239 12.8373 102.505 12.3837L109.868 19.8979L103.631 19.9857L96.1548 12.386L90.2263 12.3385L90.2215 19.9786L85.552 19.9715V0.0198862L90.2239 0.00562287V7.6267L104.557 7.63146C104.895 7.47471 105.312 6.862 105.314 6.48676L105.323 0.00562287L110 0.0127546L109.917 6.73849L109.912 6.74086Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); }
.tagline { --icon: url("data:image/svg+xml,%3Csvg width='232' height='11' viewBox='0 0 232 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.29 9.99597L3.40492e-06 0.195971H2.184L3.892 5.43197C3.96667 5.62797 4.03667 5.8473 4.102 6.08997C4.17667 6.3233 4.242 6.56597 4.298 6.81797C4.36334 7.06997 4.41934 7.30797 4.466 7.53197C4.51267 7.74664 4.55 7.9333 4.578 8.09197L4.102 8.07797C4.17667 7.78864 4.25134 7.49464 4.326 7.19597C4.41 6.8973 4.50334 6.59864 4.606 6.29997C4.70867 6.0013 4.82067 5.7073 4.942 5.41797L6.51 1.60997H8.302L9.842 5.40397C9.97267 5.71197 10.0893 6.02464 10.192 6.34197C10.304 6.64997 10.402 6.94397 10.486 7.22397C10.57 7.50397 10.626 7.7653 10.654 8.00797L10.234 8.06397C10.262 7.9053 10.29 7.7373 10.318 7.55997C10.3553 7.38264 10.3927 7.2053 10.43 7.02797C10.4673 6.85064 10.5093 6.66864 10.556 6.48197C10.612 6.2953 10.6633 6.10864 10.71 5.92197C10.766 5.7353 10.8313 5.54864 10.906 5.36197L12.768 0.195971H14.896L11.298 9.99597H9.73L7.168 3.90597L7.476 3.93397L4.984 9.99597H3.29ZM18.0159 9.99597V8.13397H20.2699V2.05797H18.0159V0.195971H24.6379V2.05797H22.3699V8.13397H24.6379V9.99597H18.0159ZM31.5327 9.99597V2.08597H28.0607V0.195971H37.2027V2.08597H33.6327V9.99597H31.5327ZM47.979 9.99597V0.195971H50.079V9.99597H47.979ZM40.559 9.99597V0.195971H42.659V9.99597H40.559ZM41.399 6.10397L41.413 4.19997H49.057V6.10397H41.399ZM63.9838 9.99597V5.43197L64.1938 6.36997L59.4058 0.195971H62.0098L65.5378 4.92797L64.5998 4.89997L67.9738 0.195971H70.3958L65.9718 6.18797L66.0978 5.31997V9.99597H63.9838ZM77.843 10.136C77.003 10.136 76.2376 10.01 75.547 9.75797C74.8563 9.49664 74.2496 9.1373 73.727 8.67997C73.2136 8.22264 72.817 7.68597 72.537 7.06997C72.2663 6.45397 72.131 5.78664 72.131 5.06797C72.131 4.3493 72.271 3.68197 72.551 3.06597C72.831 2.44997 73.2276 1.9133 73.741 1.45597C74.2543 0.998638 74.8563 0.643971 75.547 0.391971C76.2376 0.130638 76.9983 -2.89679e-05 77.829 -2.89679e-05C78.669 -2.89679e-05 79.4343 0.125971 80.125 0.377971C80.8156 0.629971 81.4176 0.989305 81.931 1.45597C82.4443 1.9133 82.841 2.44997 83.121 3.06597C83.401 3.68197 83.541 4.3493 83.541 5.06797C83.541 5.78664 83.401 6.45397 83.121 7.06997C82.841 7.68597 82.4443 8.2273 81.931 8.69397C81.4176 9.1513 80.8156 9.50597 80.125 9.75797C79.4343 10.01 78.6736 10.136 77.843 10.136ZM77.829 8.14797C78.361 8.14797 78.8416 8.06864 79.271 7.90997C79.7003 7.7513 80.0736 7.53664 80.391 7.26597C80.7176 6.98597 80.9696 6.6593 81.147 6.28597C81.3243 5.91264 81.413 5.50664 81.413 5.06797C81.413 4.6293 81.3243 4.2233 81.147 3.84997C80.9696 3.47664 80.7176 3.15464 80.391 2.88397C80.0736 2.60397 79.7003 2.38464 79.271 2.22597C78.8416 2.0673 78.361 1.98797 77.829 1.98797C77.3156 1.98797 76.8396 2.0673 76.401 2.22597C75.9716 2.38464 75.5936 2.5993 75.267 2.86997C74.9403 3.14064 74.693 3.4673 74.525 3.84997C74.357 4.2233 74.273 4.6293 74.273 5.06797C74.273 5.50664 74.357 5.9173 74.525 6.29997C74.693 6.6733 74.9403 6.9953 75.267 7.26597C75.5936 7.53664 75.9716 7.7513 76.401 7.90997C76.8396 8.06864 77.3156 8.14797 77.829 8.14797ZM91.8267 10.08C90.884 10.08 90.058 9.88864 89.3487 9.50597C88.6393 9.11397 88.084 8.58664 87.6827 7.92397C87.2813 7.25197 87.0807 6.4913 87.0807 5.64197V0.181971H89.1947V5.55797C89.1947 6.06197 89.3113 6.50997 89.5447 6.90197C89.778 7.29397 90.0907 7.60664 90.4827 7.83997C90.884 8.06397 91.332 8.17597 91.8267 8.17597C92.34 8.17597 92.7973 8.06397 93.1987 7.83997C93.6093 7.60664 93.9313 7.29397 94.1647 6.90197C94.398 6.50997 94.5147 6.06197 94.5147 5.55797V0.181971H96.5587V5.64197C96.5587 6.4913 96.358 7.25197 95.9567 7.92397C95.5647 8.58664 95.0093 9.11397 94.2907 9.50597C93.5813 9.88864 92.76 10.08 91.8267 10.08ZM107.221 9.99597V0.195971H115.089V2.04397H109.279V8.14797H115.187V9.99597H107.221ZM108.285 5.89397V4.10197H114.417V5.89397H108.285ZM122.188 9.99597L117.904 0.195971H120.116L122.342 5.43197C122.416 5.61864 122.5 5.82864 122.594 6.06197C122.696 6.2953 122.804 6.54264 122.916 6.80397C123.028 7.0653 123.13 7.3313 123.224 7.60197C123.326 7.8633 123.415 8.11997 123.49 8.37197L123.028 8.38597C123.13 8.0593 123.242 7.73264 123.364 7.40597C123.494 7.06997 123.63 6.73864 123.77 6.41197C123.91 6.07597 124.04 5.75397 124.162 5.44597L126.262 0.195971H128.474L124.246 9.99597H122.188ZM131.557 9.99597V0.195971H139.425V2.04397H133.615V8.14797H139.523V9.99597H131.557ZM132.621 5.89397V4.10197H138.753V5.89397H132.621ZM143.499 9.99597V0.195971H148.707C149.379 0.195971 149.972 0.331305 150.485 0.601972C151.008 0.863305 151.414 1.2273 151.703 1.69397C151.992 2.16064 152.137 2.6973 152.137 3.30397C152.137 3.91064 151.983 4.45664 151.675 4.94197C151.367 5.4273 150.947 5.81464 150.415 6.10397C149.892 6.38397 149.304 6.52397 148.651 6.52397H145.529V9.99597H143.499ZM150.177 9.99597L147.153 5.57197L149.351 5.22197L152.655 10.01L150.177 9.99597ZM145.529 4.81597H148.455C148.744 4.81597 149.006 4.7553 149.239 4.63397C149.472 4.51264 149.654 4.34464 149.785 4.12997C149.925 3.90597 149.995 3.65864 149.995 3.38797C149.995 3.10797 149.925 2.8653 149.785 2.65997C149.645 2.45464 149.449 2.29597 149.197 2.18397C148.945 2.07197 148.665 2.01597 148.357 2.01597H145.529V4.81597ZM158.864 9.99597V5.43197L159.074 6.36997L154.286 0.195971H156.89L160.418 4.92797L159.48 4.89997L162.854 0.195971H165.276L160.852 6.18797L160.978 5.31997V9.99597H158.864ZM170.22 9.99597L166.93 0.195971H169.114L170.822 5.43197C170.896 5.62797 170.966 5.8473 171.032 6.08997C171.106 6.3233 171.172 6.56597 171.228 6.81797C171.293 7.06997 171.349 7.30797 171.396 7.53197C171.442 7.74664 171.48 7.9333 171.508 8.09197L171.032 8.07797C171.106 7.78864 171.181 7.49464 171.256 7.19597C171.34 6.8973 171.433 6.59864 171.536 6.29997C171.638 6.0013 171.75 5.7073 171.872 5.41797L173.44 1.60997H175.232L176.772 5.40397C176.902 5.71197 177.019 6.02464 177.122 6.34197C177.234 6.64997 177.332 6.94397 177.416 7.22397C177.5 7.50397 177.556 7.7653 177.584 8.00797L177.164 8.06397C177.192 7.9053 177.22 7.7373 177.248 7.55997C177.285 7.38264 177.322 7.2053 177.36 7.02797C177.397 6.85064 177.439 6.66864 177.486 6.48197C177.542 6.2953 177.593 6.10864 177.64 5.92197C177.696 5.7353 177.761 5.54864 177.836 5.36197L179.698 0.195971H181.826L178.228 9.99597H176.66L174.098 3.90597L174.406 3.93397L171.914 9.99597H170.22ZM192.31 9.99597V0.195971H194.41V9.99597H192.31ZM184.89 9.99597V0.195971H186.99V9.99597H184.89ZM185.73 6.10397L185.744 4.19997H193.388V6.10397H185.73ZM198.746 9.99597V0.195971H206.614V2.04397H200.804V8.14797H206.712V9.99597H198.746ZM199.81 5.89397V4.10197H205.942V5.89397H199.81ZM210.688 9.99597V0.195971H215.896C216.568 0.195971 217.161 0.331305 217.674 0.601972C218.197 0.863305 218.603 1.2273 218.892 1.69397C219.181 2.16064 219.326 2.6973 219.326 3.30397C219.326 3.91064 219.172 4.45664 218.864 4.94197C218.556 5.4273 218.136 5.81464 217.604 6.10397C217.081 6.38397 216.493 6.52397 215.84 6.52397H212.718V9.99597H210.688ZM217.366 9.99597L214.342 5.57197L216.54 5.22197L219.844 10.01L217.366 9.99597ZM212.718 4.81597H215.644C215.933 4.81597 216.195 4.7553 216.428 4.63397C216.661 4.51264 216.843 4.34464 216.974 4.12997C217.114 3.90597 217.184 3.65864 217.184 3.38797C217.184 3.10797 217.114 2.8653 216.974 2.65997C216.834 2.45464 216.638 2.29597 216.386 2.18397C216.134 2.07197 215.854 2.01597 215.546 2.01597H212.718V4.81597ZM223.601 9.99597V0.195971H231.469V2.04397H225.659V8.14797H231.567V9.99597H223.601ZM224.665 5.89397V4.10197H230.797V5.89397H224.665Z' fill='white'/%3E%3C/svg%3E"); }
/* ==== base.css ==== */
/*
* Maak on the web: the ground everything stands on.
*
* The faces, the reset, the direction, the text styles' helpers, focus, and the
* few sizes that only a website has (the width of a page, its gutters, the
* height of its navigation). Everything else is a token (tokens.css) or a
* component (kit.css).
*
* Direction: a page says dir="rtl" or dir="ltr" on , and nothing here or
* in the kit says left or right. Layout is written with logical properties
* (margin-inline-start, inset-inline-end, border-start-start-radius). The two
* things CSS cannot say logically, the side a gradient runs to and the mirror
* of a picture, read --inline-start, --inline-end and --mirror, set once below.
*/
/* ---- The faces. Cairo for Arabic, Inter for Latin, Cyrillic and Greek: design/Fonts.kt.
Copied by scripts/sync-assets.sh, as WOFF2 when it could write it, as TTF otherwise. ---- */
@font-face { font-family: "Cairo"; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/fonts/Cairo-Regular.woff2") format("woff2"), url("../assets/fonts/Cairo-Regular.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-style: normal; font-weight: 500; font-display: swap; src: url("../assets/fonts/Cairo-Medium.woff2") format("woff2"), url("../assets/fonts/Cairo-Medium.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-style: normal; font-weight: 600; font-display: swap; src: url("../assets/fonts/Cairo-SemiBold.woff2") format("woff2"), url("../assets/fonts/Cairo-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-style: normal; font-weight: 700; font-display: swap; src: url("../assets/fonts/Cairo-Bold.woff2") format("woff2"), url("../assets/fonts/Cairo-Bold.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/fonts/Inter-Regular.woff2") format("woff2"), url("../assets/fonts/Inter-Regular.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../assets/fonts/Inter-Medium.woff2") format("woff2"), url("../assets/fonts/Inter-Medium.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../assets/fonts/Inter-SemiBold.woff2") format("woff2"), url("../assets/fonts/Inter-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../assets/fonts/Inter-Bold.woff2") format("woff2"), url("../assets/fonts/Inter-Bold.ttf") format("truetype"); }
:root {
/* The face follows the language being read, as in the apps: Cairo draws
everything on an Arabic page, its Latin letters and digits included. */
--font-family-arabic: "Cairo", "Inter", system-ui, sans-serif;
--font-family-latin: "Inter", "Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;
--font-family: var(--font-family-latin);
/* The website's own sizes. The apps have no page wider than a phone, so
these have no Kotlin source; each is built on a token where one fits. */
--web-container: 1440px; /* the widest a page's content gets: the Figma website frames' column */
--web-gutter: var(--spacing-screen-margin); /* from the window's edge to the content, on a phone */
--web-grid-gap: var(--spacing-sm); /* between the cells of a grid, on a phone */
--web-section-gap: var(--spacing-xxl); /* between two sections of a page, on a phone */
--web-header-height: 64px; /* the top bar */
--web-bottom-bar-height: 64px; /* the phone's bottom bar, above the safe area */
--web-hero-height: 250px; /* a page's picture, on a phone: PlansHeroTokens.height */
--web-aside: 380px; /* the side column of a desktop page */
--web-sheet-width: 440px; /* a sheet or a dialog on a wide window: the design's frame */
/* The website frames (Figma "Website MAAK", mobile/design-specs/website):
colours and sizes the apps do not have. Display sizes are the phone's
(about 0.6 of the desktop's) and grow at 1100px below. */
--palette-text-quiet: #A6A6A6; /* the top bar's links, a step's line */
--palette-footer: #EBF4FD;
--palette-footer-bar: #D4E8FF; /* the copyright line */
--palette-faq-panel: #D6EBFC;
--palette-tile-violet: #EBE5FF;
--palette-tile-apricot: #FFF3E9;
--palette-tile-green: #E8FAF2;
--palette-tile-blue: #EDF3FF;
--palette-button-slate: #5B6B8C; /* a hero's second button */
--palette-pill-dark: #4B5563; /* "Your package, your way" */
--shadow-card-lift: 0 10px 40px var(--palette-shadow-soft);
--palette-on-brand-half: color-mix(in srgb, var(--palette-on-brand) 50%, transparent); /* a hairline on the brand colour */
--typography-site-hero: 700 38px/48px; /* 64/80 on a desktop */
--typography-site-section: 700 26px/34px; /* 40/52 on a desktop */
--typography-site-eyebrow: 600 17px/24px; /* 22 on a desktop */
--typography-site-card-title: 700 20px/28px; /* 22/30 on a desktop */
--typography-site-body: 500 16px/22px;
/* Focus: a ring in the brand colour, clear of the control. */
--web-focus-width: 3px;
--web-focus-offset: 2px;
--web-focus-color: var(--palette-brand);
/* The page reads right to left unless it says otherwise. */
--inline-start: right;
--inline-end: left;
--mirror: 1;
/* The pictures that lie behind a row or a card are drawn for a right-to-left
page, with their colour at their own left end. A picture that is cropped
keeps that end, and --mirror turns the whole picture round on a
left-to-right page. This is the artwork's side, not the page's. */
--art-strong-side: left;
--art-weak-side: right;
}
:root[dir="ltr"] {
--inline-start: left;
--inline-end: right;
--mirror: -1;
}
@media (min-width: 768px) {
:root {
--web-gutter: var(--spacing-xxl);
--web-grid-gap: var(--spacing-md);
--web-section-gap: calc(var(--spacing-xl) * 2);
--web-header-height: 72px;
--web-hero-height: 320px;
}
}
@media (min-width: 1100px) {
:root {
--web-gutter: calc(var(--spacing-lg) * 2);
--web-grid-gap: var(--spacing-lg);
--web-section-gap: calc(var(--spacing-xxl) * 2);
--web-hero-height: 400px;
--web-header-height: 90px;
--typography-site-hero: 700 64px/80px;
--typography-site-section: 700 40px/52px;
--typography-site-eyebrow: 600 22px/30px;
--typography-site-card-title: 700 22px/30px;
}
}
/* A piece of text in a language says so with lang="", and gets that script's face. */
:lang(ar), :lang(fa), :lang(ur) { --font-family: var(--font-family-arabic); }
:lang(en), :lang(fr), :lang(de), :lang(es), :lang(it), :lang(tr), :lang(ru), :lang(el) { --font-family: var(--font-family-latin); }
/* ---- reset ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
margin: 0;
min-height: 100vh;
background: var(--palette-background);
color: var(--palette-text-primary);
font: var(--typography-body) var(--font-family);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ul, ol { margin: 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font: inherit; }
img, svg, picture, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; margin: 0; }
button { background: none; border: 0; padding: 0; cursor: pointer; text-align: inherit; }
input, select, textarea { background: none; border: 0; border-radius: 0; padding: 0; min-width: 0; }
input::placeholder, textarea::placeholder { color: inherit; opacity: var(--form-field-placeholder-opacity); }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
table { border-collapse: collapse; }
[hidden] { display: none !important; }
/* ---- focus: every control can be reached with the keyboard, and shows where it is ---- */
:focus { outline: none; }
:focus-visible {
outline: var(--web-focus-width) solid var(--web-focus-color);
outline-offset: var(--web-focus-offset);
}
/* On the brand colour or on a picture, the ring is white. */
.on-brand, .on-picture { --web-focus-color: var(--palette-on-brand); }
/* The specimen draws a ring that stays: the look of :focus-visible, on request. */
.is-focused {
outline: var(--web-focus-width) solid var(--web-focus-color);
outline-offset: var(--web-focus-offset);
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}
/* ---- helpers every page uses ---- */
/* A price, a data size, a date, a code: Latin digits, left to right, inside any text. */
.num { direction: ltr; unicode-bidi: isolate; white-space: nowrap; font-variant-numeric: tabular-nums; }
/* Read by a screen reader, not drawn. */
.visually-hidden {
position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
/* One line, cut with an ellipsis. The padding keeps Cairo's tall letters whole:
its marks reach past the design's line boxes. */
.truncate {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
padding-block: 0.4em; margin-block: -0.4em;
}
/* A link inside a sentence: the brand colour, and a finger's height without moving the line. */
.link {
color: var(--palette-brand);
font-weight: var(--font-weights-bold);
padding-block: 14px;
border-radius: var(--spacing-xxs);
transition: color var(--motion-selection-millis) var(--motion-easing);
}
.link:hover { color: var(--palette-brand-shade); text-decoration: underline; text-underline-offset: 0.25em; }
.on-brand .link, .on-picture .link { color: var(--palette-on-brand); text-decoration: underline; text-underline-offset: 0.25em; }
/* The first thing the keyboard meets: a way past the navigation. */
.skip-link {
position: absolute; inset-block-start: var(--spacing-xs); inset-inline-start: var(--spacing-xs); z-index: 100;
display: inline-flex; align-items: center; min-block-size: var(--sizing-min-touch-target); padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--radius-chip);
background: var(--palette-brand); color: var(--palette-on-brand);
font: var(--typography-body-strong) var(--font-family);
transform: translateY(-200%);
}
.skip-link:focus { transform: none; }
/* ---- text colours: a page names one, it never writes one ---- */
.c-primary { color: var(--palette-text-primary); }
.c-emphasis { color: var(--palette-text-emphasis); }
.c-secondary { color: var(--palette-text-secondary); }
.c-muted { color: var(--palette-text-muted); }
.c-brand { color: var(--palette-brand); }
.c-on-brand { color: var(--palette-on-brand); }
.c-positive { color: var(--palette-positive); }
.c-warning { color: var(--palette-warning); }
.c-error { color: var(--palette-error); }
.text-start { text-align: start; }
.text-center { text-align: center; }
.text-end { text-align: end; }
/* Running text that wraps over several lines: room to read, and no wider than a line should be. */
.prose { max-width: 68ch; color: var(--palette-text-secondary); font: var(--typography-body-loose) var(--font-family); font-weight: var(--font-weights-regular); }
.prose > * + * { margin-block-start: var(--spacing-md); }
:lang(ar) .prose, .prose:lang(ar) { line-height: 1.75; }
/* ==== kit.css ==== */
/*
* Maak on the web: the component kit.
*
* Each component is a class named after the Android component it mirrors
* (PlanCard.kt is .plan-card, MaakButton.kt is .maak-button), its parts are
* .component__part, its looks .component--look and its states .is-state or the
* ARIA attribute that says the same (aria-selected, aria-current, aria-pressed,
* aria-invalid, disabled). The few that only a website has (the header, the
* footer, the container, the grid, the page's picture) say so where they start.
*
* Every size and colour is a token (tokens.css). Written phone first: the
* rules as they stand are the phone, then
*
* @media (min-width: 768px) a tablet
* @media (min-width: 1100px) a desktop
*
* Nothing says left or right: see base.css.
*/
/* ==========================================================================
1. The page: container, grid, stacks. Web only.
========================================================================== */
.page { display: flex; flex-direction: column; min-height: 100vh; padding-block-end: calc(var(--web-bottom-bar-height) + env(safe-area-inset-bottom, 0px)); }
.page__main { flex: 1 0 auto; padding-block-end: var(--web-section-gap); }
/* A page reached from another one, as a pushed screen is in the apps: no bottom bar on a phone. */
.page--pushed { padding-block-end: 0; }
.page--pushed .bottom-bar { display: none; }
/* A pushed page that ends with a price bar keeps room for it on a phone. */
.page--priced { padding-block-end: calc(var(--price-bar-height) + env(safe-area-inset-bottom, 0px)); }
.container { inline-size: 100%; max-inline-size: calc(var(--web-container) + 2 * var(--web-gutter)); margin-inline: auto; padding-inline: var(--web-gutter); }
.container--narrow { max-inline-size: calc(var(--web-container) * 0.6 + 2 * var(--web-gutter)); }
.container--form { max-inline-size: calc(var(--web-sheet-width) + 2 * var(--web-gutter)); }
.section { margin-block-start: var(--web-section-gap); }
.section--tight { margin-block-start: var(--spacing-xl); }
/* Things under one another, a gap apart. */
.stack { display: flex; flex-direction: column; gap: var(--stack-gap, var(--spacing-md)); }
.stack--xxs { --stack-gap: var(--spacing-xxs); }
.stack--xs { --stack-gap: var(--spacing-xs); }
.stack--sm { --stack-gap: var(--spacing-sm); }
.stack--md { --stack-gap: var(--spacing-md); }
.stack--lg { --stack-gap: var(--spacing-lg); }
.stack--xl { --stack-gap: var(--spacing-xl); }
.stack--xxl { --stack-gap: var(--spacing-xxl); }
.stack--center { align-items: center; text-align: center; }
/* Things beside one another, wrapping when there is no room. */
.cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cluster-gap, var(--spacing-sm)); }
.cluster--xs { --cluster-gap: var(--spacing-xs); }
.cluster--md { --cluster-gap: var(--spacing-md); }
.cluster--lg { --cluster-gap: var(--spacing-lg); }
.cluster--between { justify-content: space-between; }
.cluster--center { justify-content: center; }
.cluster--end { justify-content: flex-end; }
.cluster--nowrap { flex-wrap: nowrap; }
.grow { flex: 1 1 0; min-inline-size: 0; }
/* The grid: 4 columns on a phone, 8 on a tablet, 12 on a desktop. A cell takes
the whole row until it is told how many columns it spans at each width. */
.grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--web-grid-gap); }
.grid > * { grid-column: 1 / -1; min-inline-size: 0; }
.grid > .col-p-1 { grid-column: span 1; }
.grid > .col-p-2 { grid-column: span 2; }
.grid > .col-p-3 { grid-column: span 3; }
.grid > .col-p-4 { grid-column: span 4; }
/* A grid that fills itself: as many equal cells as fit. */
.grid-auto { display: grid; gap: var(--web-grid-gap); grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-min, 280px), 1fr)); }
.grid-auto > * { min-inline-size: 0; }
/* Country tiles: three across on a phone, as on Home in the apps. */
.grid-auto--tiles { --grid-auto-min: 100px; gap: var(--country-card-gap); }
/* Rows and cards: one column on a phone. */
.grid-auto--rows { grid-template-columns: minmax(0, 1fr); gap: var(--spacing-sm); }
.grid-auto--cards { grid-template-columns: minmax(0, 1fr); }
/* A page in two parts on a desktop: what is read, and beside it what is done about it. */
.layout-split { display: grid; gap: var(--spacing-xl); grid-template-columns: minmax(0, 1fr); }
.layout-split__aside { min-inline-size: 0; }
.layout-split__main { min-inline-size: 0; }
@media (min-width: 768px) {
.page, .page--pushed, .page--priced { padding-block-end: 0; }
.grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid > .col-t-1 { grid-column: span 1; }
.grid > .col-t-2 { grid-column: span 2; }
.grid > .col-t-3 { grid-column: span 3; }
.grid > .col-t-4 { grid-column: span 4; }
.grid > .col-t-5 { grid-column: span 5; }
.grid > .col-t-6 { grid-column: span 6; }
.grid > .col-t-7 { grid-column: span 7; }
.grid > .col-t-8 { grid-column: span 8; }
.grid-auto--tiles { --grid-auto-min: 140px; gap: var(--web-grid-gap); }
.grid-auto--rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-auto--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
.grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.grid > .col-d-1 { grid-column: span 1; }
.grid > .col-d-2 { grid-column: span 2; }
.grid > .col-d-3 { grid-column: span 3; }
.grid > .col-d-4 { grid-column: span 4; }
.grid > .col-d-5 { grid-column: span 5; }
.grid > .col-d-6 { grid-column: span 6; }
.grid > .col-d-7 { grid-column: span 7; }
.grid > .col-d-8 { grid-column: span 8; }
.grid > .col-d-9 { grid-column: span 9; }
.grid > .col-d-10 { grid-column: span 10; }
.grid > .col-d-11 { grid-column: span 11; }
.grid > .col-d-12 { grid-column: span 12; }
.grid-auto--tiles { --grid-auto-min: 160px; }
.grid-auto--rows { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-auto--cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.layout-split { grid-template-columns: minmax(0, 1fr) var(--web-aside); gap: calc(var(--spacing-lg) * 2); align-items: start; }
.layout-split__aside { position: sticky; inset-block-start: calc(var(--web-header-height) + var(--spacing-lg)); }
}
/* ==========================================================================
2. Icons, flags, the wordmark
========================================================================== */
/* MaakIcon: a single-colour drawing, in the colour of the text around it.
The drawing itself comes from css/icons.css, which sets --icon: .icon--search. */
.icon {
display: inline-block; flex: none;
inline-size: var(--icon-size, 20px); block-size: var(--icon-size, 20px);
background-color: currentColor;
-webkit-mask-image: var(--icon); mask-image: var(--icon);
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.icon--10 { --icon-size: 10px; }
.icon--14 { --icon-size: 14px; }
.icon--16 { --icon-size: 16px; }
.icon--24 { --icon-size: 24px; }
.icon--30 { --icon-size: 30px; }
/* An arrow that points where reading goes: drawn pointing right, turned round on a right-to-left page. */
.icon--directional { transform: scaleX(calc(var(--mirror) * -1)); }
/* A round flag. The artwork is square: this clips it, and draws the white ring inside its edge. */
.flag {
flex: none; inline-size: var(--flag-size, 30px); block-size: var(--flag-size, 30px);
border-radius: 50%; object-fit: cover; background: var(--palette-background);
border: var(--flag-ring, 1px) solid var(--palette-on-brand);
}
.flag--40 { --flag-size: 40px; --flag-ring: 2px; }
.flag--50 { --flag-size: 50px; --flag-ring: 2px; }
.flag--70 { --flag-size: 70px; --flag-ring: 4px; }
.flag--plain { --flag-ring: 0px; }
/* The MAAK wordmark, in the colour of the text around it. Never mirrored. */
.wordmark {
display: inline-block; flex: none; inline-size: 88px; block-size: 16px;
background-color: currentColor;
-webkit-mask-image: var(--icon); mask-image: var(--icon);
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.wordmark--large { inline-size: 110px; block-size: 20px; }
/* ==========================================================================
3. The top bar, its phone form, the footer. Web only, except BottomBar.kt.
The Figma website frames (mobile/design-specs/website/SPEC.md section 1).
========================================================================== */
/* The top bar: the wordmark, the places of the site, the language and the account.
One row on the page's own white, no rule under it. On a phone the places
leave it (the bottom bar holds the apps' places there).
It never reaches past the window, in any language: where its words are too
long for one line the language and the account go under the places, and
places too long for a line of their own go on to the next. */
.site-header { position: sticky; inset-block-start: 0; z-index: 40; background: var(--palette-background); }
.site-header__bar { display: flex; flex-wrap: wrap; align-items: center; align-content: center; gap: var(--spacing-xs) var(--spacing-sm); min-block-size: var(--web-header-height); padding-block: var(--spacing-xs); }
.site-header__brand { flex: none; display: inline-flex; align-items: center; gap: var(--spacing-sm); min-block-size: var(--sizing-min-touch-target); color: var(--palette-brand); border-radius: var(--radius-chip); }
.site-header__logo { inline-size: 36px; block-size: 36px; flex: none; display: none; }
.site-header .wordmark { inline-size: 118px; block-size: 24px; }
.site-header__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--spacing-xs); min-inline-size: 0; max-inline-size: 100%; margin-inline-start: auto; }
/* The language: a soft tile, its caret and the language's name. */
.site-header__language {
display: inline-flex; align-items: center; gap: var(--spacing-xxs); min-block-size: var(--sizing-min-touch-target); padding-inline: var(--spacing-sm);
border-radius: var(--radius-md); background: var(--palette-surface); color: var(--palette-text-emphasis-half);
font: var(--typography-body-medium) var(--font-family); white-space: nowrap;
transition: color var(--motion-selection-millis) var(--motion-easing);
}
.site-header__language:hover { color: var(--palette-text-emphasis); }
.site-header__language .icon { --icon-size: 14px; }
/* Sign in, and once signed in the account: the brand button. A signed-in customer's eSIMs stand beside it as a quiet link. */
.site-header__account {
display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-xs); min-block-size: var(--sizing-min-touch-target); padding-inline: var(--spacing-lg);
border-radius: var(--radius-md); background: var(--palette-brand); color: var(--palette-surface);
font: var(--typography-body-medium) var(--font-family); white-space: nowrap;
transition: background-color var(--motion-selection-millis) var(--motion-easing);
}
.site-header__account:hover { background: var(--palette-brand-deep); }
.site-header__account[aria-current="page"] { box-shadow: 0 0 0 3px var(--palette-brand-outline); }
.site-header__link { display: inline-flex; align-items: center; min-block-size: var(--sizing-min-touch-target); padding-inline: var(--spacing-xs); border-radius: var(--radius-sm); color: var(--palette-text-quiet); font: var(--typography-body-medium) var(--font-family); white-space: nowrap; }
.site-header__link:hover, .site-header__link[aria-current="page"] { color: var(--palette-brand); }
.site-nav { display: none; }
.site-nav__link {
display: inline-flex; align-items: center; gap: var(--spacing-xs);
min-block-size: var(--sizing-min-touch-target); padding-inline: var(--spacing-xs);
border-radius: var(--radius-sm);
color: var(--palette-text-quiet); font: var(--typography-body-medium) var(--font-family); white-space: nowrap;
transition: color var(--motion-selection-millis) var(--motion-easing);
}
.site-nav__link:hover { color: var(--palette-brand); }
.site-nav__link[aria-current="page"], .site-nav__link.is-selected { color: var(--palette-brand); font-weight: var(--font-weights-semi-bold); }
/* The support chat, a round brand button with a white icon at the window's end edge, on every framed page from a tablet up. */
.site-assistant { display: none; }
/* BottomBar.kt: the phone form of the navigation. White, lifted; the current place in the brand colour with its name, the others quiet. */
.bottom-bar {
position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 40;
display: flex; padding-inline: var(--bottom-bar-side-margin); padding-block-end: env(safe-area-inset-bottom, 0px);
background: var(--palette-background); box-shadow: var(--shadow-card-lift);
border-start-start-radius: var(--radius-lg); border-start-end-radius: var(--radius-lg);
}
.bottom-bar__item {
flex: 1 1 0; min-inline-size: 0; block-size: var(--web-bottom-bar-height);
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--spacing-xxs);
color: var(--palette-text-quiet); font: var(--bottom-bar-label-style) var(--font-family);
border-radius: var(--radius-md);
}
.bottom-bar__item .icon { --icon-size: var(--bottom-bar-icon-size); }
.bottom-bar__label { display: none; max-inline-size: 100%; }
.bottom-bar__item[aria-current="page"], .bottom-bar__item.is-selected { color: var(--palette-brand); }
.bottom-bar__item[aria-current="page"] .bottom-bar__label, .bottom-bar__item.is-selected .bottom-bar__label { display: block; font-weight: var(--font-weights-semi-bold); }
/* The footer: the brand and what it is, two columns of links, then the copyright line. */
.site-footer { margin-block-start: auto; padding-block-start: var(--spacing-xl); background: var(--palette-footer); color: var(--palette-text-secondary); }
.site-footer__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-xl) var(--web-grid-gap); padding-block: var(--spacing-xxl); }
.site-footer__about { grid-column: 1 / -1; display: flex; flex-direction: column; gap: var(--spacing-sm); max-inline-size: 420px; }
.site-footer .wordmark { inline-size: 160px; block-size: 32px; color: var(--palette-brand); }
.site-footer__tagline { color: var(--palette-brand); font: var(--typography-body-medium) var(--font-family); font-weight: var(--font-weights-semi-bold); }
.site-footer__text { color: var(--palette-navy); font: var(--typography-label) var(--font-family); font-weight: var(--font-weights-medium); line-height: 1.7; }
.site-footer__heading { margin-block-end: var(--spacing-xs); color: var(--palette-navy); font: var(--typography-label-bold) var(--font-family); }
.site-footer__link { display: flex; align-items: center; min-block-size: var(--sizing-min-touch-target); color: var(--palette-text-secondary); font: var(--typography-label-regular) var(--font-family); transition: color var(--motion-selection-millis) var(--motion-easing); }
.site-footer__link:hover { color: var(--palette-brand); }
/* The copyright line, with the terms and the policy beside it. */
.site-footer__bar { background: var(--palette-footer-bar); color: var(--palette-text-emphasis); font: var(--typography-caption) var(--font-family); }
.site-footer__bar-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 var(--spacing-lg); min-block-size: 30px; padding-block: var(--spacing-xxs); text-align: center; }
.site-footer__bar .site-footer__link { min-block-size: var(--sizing-min-touch-target); color: var(--palette-text-emphasis); font: var(--typography-caption) var(--font-family); }
/* Kept for pages drawn before the website frames: a line under it all. */
.site-footer__note { grid-column: 1 / -1; font: var(--typography-caption-loose) var(--font-family); }
/* The wordmark alone on the narrowest phones would not fit beside two buttons: the tile stands for it there. */
@media (max-width: 359px) {
.site-header .wordmark { display: none; }
.site-header__logo { display: block; }
}
/* A phone: a smaller wordmark and smaller words, so that the bar keeps to one line in Arabic,
whose language name is the longest of those offered. */
@media (max-width: 767px) {
.site-header .wordmark { inline-size: 96px; block-size: 20px; }
.site-header__language, .site-header__account, .site-header__link { padding-inline: var(--spacing-sm); font: var(--typography-label-strong) var(--font-family); }
}
@media (max-width: 399px) {
.site-header__actions { gap: var(--spacing-xxs); }
}
@media (min-width: 768px) {
.site-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--spacing-sm); min-inline-size: 0; max-inline-size: 100%; margin-inline-start: var(--spacing-lg); }
.site-header__language { min-block-size: 50px; padding-inline: var(--spacing-md); }
.site-header__account { min-block-size: 50px; }
.bottom-bar { display: none; }
.site-assistant {
display: flex; align-items: center; justify-content: center; position: fixed; z-index: 39;
background: var(--palette-brand); color: var(--palette-on-brand); inset-inline-end: var(--spacing-lg); inset-block-start: 300px;
inline-size: 72px; block-size: 72px; border-radius: 50%; box-shadow: var(--shadow-card-lift);
transition: transform var(--motion-selection-millis) var(--motion-easing);
}
.site-assistant:hover { transform: scale(1.05); }
.site-assistant .icon { --icon-size: 36px; }
.site-footer__inner { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); }
.site-footer__about { grid-column: auto; }
}
@media (min-width: 1100px) {
.site-header .wordmark { inline-size: 147px; block-size: 30px; }
/* One row from a desktop up, in every language and signed in: the gaps between the links narrow with the window. */
.site-header__bar { flex-wrap: nowrap; }
.site-nav { flex-wrap: nowrap; gap: 0 clamp(4px, calc(2.5vw - 16px), 28px); margin-inline: auto; }
.site-nav__link { padding-inline: 6px; }
.site-header__actions { flex-wrap: nowrap; flex: none; margin-inline-start: 0; }
.site-assistant { inline-size: 90px; block-size: 90px; }
.site-footer .wordmark { inline-size: 200px; block-size: 40px; }
.site-footer__link { min-block-size: 32px; }
.site-footer__bar .site-footer__link { min-block-size: 30px; }
}
/* Below the Figma frame's width the words are a point smaller, so the row still holds the longest language's links. */
@media (min-width: 768px) and (max-width: 1439px) {
.site-nav__link, .site-header__link, .site-header__language, .site-header__account { font-size: 15px; }
.site-header__account { padding-inline: var(--spacing-md); }
}
@media (min-width: 768px) and (max-width: 1099px) {
.site-nav__link, .site-header__link { font-size: 14px; padding-inline: 4px; }
}
@media (min-width: 1440px) {
.site-header__account { min-inline-size: 150px; }
}
/* One row from 1024 wide, signed in and in the longest language: the words a point smaller and the
gaps narrower up to 1280, and a signed-in customer's eSIMs folded to their icon (the name stays
for a screen reader and as the tooltip), still one click away. */
.site-header__link-icon { display: none; }
@media (min-width: 1024px) {
.site-header__bar { flex-wrap: nowrap; }
.site-nav { flex-wrap: nowrap; gap: 0 clamp(2px, calc(2.5vw - 16px), 28px); margin-inline: auto; }
.site-header__actions { flex-wrap: nowrap; flex: none; margin-inline-start: 0; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.site-header__bar { gap: var(--spacing-xs); }
.site-header .wordmark { inline-size: 110px; block-size: 22px; }
.site-nav { margin-inline: var(--spacing-xs); }
.site-nav__link { padding-inline: 4px; font-size: 14px; }
.site-header__language { padding-inline: var(--spacing-xs); }
.site-header__account { padding-inline: var(--spacing-sm); font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 1279px) {
.site-header__link--esims { justify-content: center; min-inline-size: var(--sizing-min-touch-target); padding-inline: var(--spacing-xs); }
.site-header__link--esims .site-header__link-icon { display: inline-block; --icon-size: 24px; }
.site-header__link--esims .site-header__link-label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
/* The frame moves: the links draw their line in, the buttons lift, the page arrives, the chat button breathes. */
.site-nav__link { position: relative; }
.site-nav__link::after {
content: ""; position: absolute; inset-inline: 6px; inset-block-end: 6px; block-size: 2px; border-radius: 2px; background: var(--palette-brand);
transform: scaleX(0); transform-origin: var(--inline-start, left); transition: transform 240ms var(--motion-easing);
}
[dir="rtl"] .site-nav__link::after { transform-origin: right; }
.site-nav__link:hover::after, .site-nav__link[aria-current="page"]::after { transform: scaleX(1); }
.site-header__account, .site-header__language, .site-header__link { transition: background-color var(--motion-selection-millis) var(--motion-easing), color var(--motion-selection-millis) var(--motion-easing), transform var(--motion-selection-millis) var(--motion-easing), box-shadow var(--motion-selection-millis) var(--motion-easing); }
.site-header__account:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgb(17 94 234 / 0.28); }
.site-header__language:hover { transform: translateY(-1px); }
.site-header__account:active, .site-header__language:active { transform: translateY(0) scale(0.97); }
.site-header__brand { transition: transform 240ms var(--motion-easing); }
.site-header__brand:hover { transform: scale(1.03); }
@media (min-width: 768px) {
.site-nav__link { animation: kit-rise 420ms var(--motion-easing) backwards; }
.site-nav__link:nth-child(2) { animation-delay: 40ms; }
.site-nav__link:nth-child(3) { animation-delay: 80ms; }
.site-nav__link:nth-child(4) { animation-delay: 120ms; }
.site-nav__link:nth-child(5) { animation-delay: 160ms; }
.site-nav__link:nth-child(6) { animation-delay: 200ms; }
.site-header__actions { animation: kit-rise 420ms 120ms var(--motion-easing) backwards; }
.site-assistant { animation: kit-pop 520ms 400ms cubic-bezier(0.34, 1.56, 0.64, 1) backwards; }
.site-assistant::after {
content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 0 rgb(17 94 234 / 0.45);
animation: kit-ring 3.2s 1.2s var(--motion-easing) infinite; pointer-events: none;
}
}
/* A new page fades in (opacity only: a transform here would hold a sheet's fixed position for the moment it runs). */
.page__main > * { animation: kit-fade 320ms var(--motion-easing) backwards; }
.site-footer__link { transition: color var(--motion-selection-millis) var(--motion-easing), transform var(--motion-selection-millis) var(--motion-easing); }
.site-footer__link:hover { transform: translateX(3px); }
.site-footer__link:dir(rtl):hover { transform: translateX(-3px); }
[dir="rtl"] .site-footer__link:hover { transform: translateX(-3px); }
.bottom-bar__item .icon { transition: transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.bottom-bar__item[aria-current="page"] .icon, .bottom-bar__item.is-selected .icon { transform: translateY(-2px) scale(1.08); }
@keyframes kit-rise { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes kit-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes kit-pop { from { opacity: 0; transform: scale(0.6); } to { opacity: 1; transform: none; } }
@keyframes kit-ring { 0% { box-shadow: 0 0 0 0 rgb(17 94 234 / 0.45); } 60%, 100% { box-shadow: 0 0 0 18px rgb(17 94 234 / 0); } }
/* ==========================================================================
4. Headers of a page and of a section
========================================================================== */
/* The picture a page opens on, with its title: the header of Home and of the
catalogue lists (CatalogueListTokens), and a destination's PlansHero.kt.
Edge to edge with a round foot on a phone; a round card from a tablet up.
It stands inside a .container. */
.page-hero {
--web-focus-color: var(--palette-on-brand);
position: relative; isolation: isolate; overflow: hidden;
display: flex; flex-direction: column; justify-content: flex-end; gap: var(--spacing-sm);
min-block-size: var(--web-hero-height); margin-inline: calc(var(--web-gutter) * -1); padding: var(--spacing-xl) var(--web-gutter) var(--spacing-lg);
color: var(--palette-on-brand);
background: linear-gradient(to bottom, var(--plans-hero-plain-background));
border-end-start-radius: var(--plans-hero-radius); border-end-end-radius: var(--plans-hero-radius);
}
.page-hero__picture { position: absolute; inset: 0; z-index: -2; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center 30%; }
/* The brand colour rising from the foot, so that white text can be read on any picture. */
.page-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to bottom, transparent 30%, var(--palette-brand) 100%); opacity: 0.85; }
.page-hero--plain::after { content: none; }
.page-hero__title { font: var(--typography-headline-bold) var(--font-family); }
.page-hero__subtitle { max-inline-size: 48ch; font: var(--typography-body) var(--font-family); line-height: var(--typography-body-loose-line); }
.page-hero__body { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.page-hero__tools { margin-block-start: var(--spacing-xs); max-inline-size: 560px; }
/* A destination's hero: its flag over its name. */
.page-hero__flag { margin-block-end: var(--spacing-xs); }
/* The tabs of the six kinds stand on the hero's foot, and the selected one runs into the page. */
.page-hero .category-tabs { margin-block: var(--spacing-xs) calc(var(--spacing-lg) * -1); }
/* A chip at the foot's far end: "Your plan, your way". */
.page-hero__chip { position: absolute; inset-block-end: var(--plans-hero-chip-bottom-inset); inset-inline-end: var(--plans-hero-chip-trailing-inset); }
@media (min-width: 768px) {
.page-hero { margin-inline: 0; margin-block-start: var(--spacing-lg); padding: calc(var(--spacing-lg) * 2); border-radius: var(--plans-hero-radius); }
.page-hero__title { font: var(--typography-hero) var(--font-family); }
.page-hero__subtitle { font: var(--typography-subhead-large) var(--font-family); line-height: 1.5; }
.page-hero .category-tabs { margin-block-end: calc(var(--spacing-lg) * -2); max-inline-size: 520px; }
.page-hero__chip { inset-block-end: var(--spacing-lg); inset-inline-end: var(--spacing-lg); }
}
/* SectionHeader.kt: an icon, the section's name, and a way to see all of it. */
.section-header { display: flex; align-items: center; gap: var(--section-header-family-icon-to-title); min-block-size: var(--sizing-min-touch-target); margin-block-end: var(--spacing-sm); }
.section-header__icon { color: var(--section-header-home-icon-tint); --icon-size: var(--section-header-home-icon-width); }
.section-header__title { flex: 1 1 0; min-inline-size: 0; color: var(--section-header-home-title-color); font: var(--section-header-home-title-style) var(--font-family); }
.section-header--plans .section-header__title { color: var(--section-header-plans-title-color); }
.section-header__action {
display: inline-flex; align-items: center; gap: var(--spacing-xs); min-block-size: var(--sizing-min-touch-target); padding-inline: var(--spacing-xs);
color: var(--palette-text-secondary); font: var(--typography-label-strong) var(--font-family); border-radius: var(--radius-chip);
transition: color var(--motion-selection-millis) var(--motion-easing);
}
.section-header__action .icon { color: var(--section-header-arrow-tint); inline-size: var(--section-header-arrow-width); block-size: var(--section-header-arrow-height); }
.section-header__action:hover, .section-header__action:hover .icon { color: var(--palette-brand); }
@media (min-width: 1100px) {
.section-header { margin-block-end: var(--spacing-md); }
.section-header__title { font: var(--typography-title-large) var(--font-family); }
}
/* ScreenHeader.kt: the way back and the page's title. Centred on a phone, at the start from a tablet up. */
.screen-header { display: grid; grid-template-columns: var(--sizing-min-touch-target) minmax(0, 1fr) var(--sizing-min-touch-target); align-items: center; min-block-size: calc(var(--screen-header-height) + var(--screen-header-title-top)); margin-inline: calc(var(--spacing-sm) * -1); }
.screen-header__back { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--sizing-min-touch-target); block-size: var(--sizing-min-touch-target); border-radius: 50%; color: var(--screen-header-back-tint); transition: background-color var(--motion-selection-millis) var(--motion-easing); }
.screen-header__back .icon { --icon-size: var(--screen-header-back-size); }
.screen-header__back:hover { background: var(--palette-surface); color: var(--palette-brand); }
.screen-header__title { text-align: center; color: var(--screen-header-title-color); font: var(--screen-header-title-style) var(--font-family); }
@media (min-width: 768px) {
.screen-header { grid-template-columns: var(--sizing-min-touch-target) minmax(0, 1fr); gap: var(--spacing-xs); margin-block-start: var(--spacing-lg); }
.screen-header__title { text-align: start; font: var(--typography-title-large) var(--font-family); }
}
/* PageIndicator.kt: which page of a pager is shown. */
.page-indicator { display: flex; justify-content: center; gap: var(--page-indicator-gap); }
.page-indicator__dot { inline-size: var(--page-indicator-other-width); block-size: var(--page-indicator-height); border-radius: var(--page-indicator-radius); background: var(--page-indicator-other-color); transition: inline-size var(--page-indicator-change-millis) var(--motion-easing), background-color var(--page-indicator-change-millis) var(--motion-easing); }
.page-indicator__dot[aria-current="true"], .page-indicator__dot.is-selected { inline-size: var(--page-indicator-current-width); background: var(--page-indicator-current-color); }
/* ==========================================================================
5. Buttons
========================================================================== */
/* MaakButton.kt. The look is ButtonTokens' variant of the same name; with no
look named it is `brand`. It is as wide as its label; --block fills its row. */
.maak-button {
--_height: var(--button-brand-height); --_radius: var(--button-brand-radius); --_fill: var(--button-brand-fill);
--_label: var(--button-brand-label-color); --_style: var(--button-brand-label-style); --_hover: var(--palette-brand-shade);
display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-sm);
min-block-size: max(var(--_height), var(--sizing-min-touch-target)); padding-inline: var(--spacing-xxl);
border: 0; border-radius: var(--_radius); background: var(--_fill); color: var(--_label);
font: var(--_style) var(--font-family); text-align: center; white-space: nowrap; cursor: pointer; user-select: none;
transition: background-color var(--motion-selection-millis) var(--motion-easing), opacity var(--motion-selection-millis) var(--motion-easing);
}
.maak-button:hover { background: var(--_hover); }
.maak-button:active, .maak-button.is-pressed { opacity: var(--button-pressed-opacity); }
.maak-button:disabled, .maak-button[aria-disabled="true"], .maak-button.is-disabled { opacity: var(--button-disabled-opacity); cursor: not-allowed; pointer-events: none; }
.maak-button--block { display: flex; inline-size: 100%; }
/* The tall button a screen ends with. */
.maak-button--primary { --_height: var(--button-primary-height); --_radius: var(--button-primary-radius); --_style: var(--button-primary-label-style); }
/* The button that ends a form: rounder. */
.maak-button--form { --_radius: var(--button-form-radius); }
/* On the brand colour or on a picture: white with a brand label. */
.maak-button--on-brand { --_radius: var(--button-on-brand-radius); --_fill: var(--button-on-brand-fill); --_label: var(--button-on-brand-label-color); --_hover: var(--palette-brand-wash); }
/* The second of two buttons: pale, with a muted label. */
.maak-button--soft { --_fill: var(--button-soft-fill); --_label: var(--button-soft-label-color); --_hover: var(--palette-brand-outline); padding-inline: var(--spacing-lg); }
/* The second button of a card filled with the surface colour: white with a brand label. */
.maak-button--on-surface { --_fill: var(--button-on-surface-fill); --_label: var(--button-on-surface-label-color); --_hover: var(--palette-brand-wash); }
/* A quiet grey button. */
.maak-button--neutral { --_fill: var(--button-neutral-fill); --_label: var(--button-neutral-label-color); --_hover: var(--palette-navy); }
/* Something that cannot be undone. Web only: the apps ask in a dialog. */
.maak-button--destructive { --_fill: var(--palette-error); --_hover: var(--palette-danger); }
/* Web only: the height of a finger, for the top bar and for a row of small actions. */
.maak-button--compact { --_height: var(--sizing-min-touch-target); --_radius: var(--radius-chip); --_style: var(--typography-label-bold); padding-inline: var(--spacing-md); }
.maak-button .icon { --icon-size: 20px; }
/* MaakTextButton.kt: a button that is only its label. */
.maak-text-button {
display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-xs);
min-block-size: var(--text-button-min-touch-target); padding-inline: var(--spacing-xs);
border-radius: var(--radius-chip); color: var(--text-button-label-color); font: var(--text-button-label-style) var(--font-family);
white-space: nowrap; cursor: pointer;
transition: color var(--motion-selection-millis) var(--motion-easing), opacity var(--motion-selection-millis) var(--motion-easing);
}
.maak-text-button:hover { color: var(--palette-brand); }
.maak-text-button:active, .maak-text-button.is-pressed { opacity: var(--button-pressed-opacity); }
.maak-text-button:disabled, .maak-text-button[aria-disabled="true"], .maak-text-button.is-disabled { opacity: var(--button-disabled-opacity); cursor: not-allowed; pointer-events: none; }
.maak-text-button--brand { color: var(--palette-brand); }
.maak-text-button--brand:hover { color: var(--palette-brand-shade); }
.maak-text-button--soft { color: var(--sheet-text-button-color); }
.maak-text-button--destructive { color: var(--confirm-dialog-destructive-color); }
.maak-text-button--destructive:hover { color: var(--palette-danger); }
.maak-text-button--block { display: flex; inline-size: 100%; }
/* ProviderButton.kt: sign in with somebody else's account. Wide with a label, or square with the mark alone. */
.provider-button {
display: inline-flex; align-items: center; justify-content: center; gap: var(--provider-button-mark-to-label);
min-block-size: var(--provider-button-height); padding-inline: var(--spacing-lg); inline-size: 100%;
border-radius: var(--provider-button-radius); background: var(--provider-button-wide-fill); color: var(--provider-button-wide-label-color);
font: var(--provider-button-wide-label-style) var(--font-family); cursor: pointer;
transition: background-color var(--motion-selection-millis) var(--motion-easing);
}
.provider-button:hover { background: var(--palette-brand-outline); }
.provider-button__mark { inline-size: var(--provider-button-mark-box); block-size: var(--provider-button-mark-box); flex: none; }
.provider-button .icon { --icon-size: var(--provider-button-apple-height); color: var(--provider-button-apple-tint); }
.provider-button--square { background: var(--provider-button-square-fill); box-shadow: inset 0 0 0 var(--provider-button-square-border-width) var(--palette-brand-outline); }
.provider-button--square:hover { background: var(--palette-brand-wash); }
/* OrDivider.kt: a rule, the word, a rule. */
.or-divider { display: flex; align-items: center; gap: var(--or-divider-rule-to-word); color: var(--or-divider-word-color); font: var(--or-divider-word-style) var(--font-family); }
.or-divider::before, .or-divider::after { content: ""; flex: 1 1 0; block-size: var(--or-divider-rule-height); background: var(--or-divider-rule-color); }
/* ==========================================================================
6. Fields
========================================================================== */
/* FormField.kt. The text is 16px, which is the design's size and the size
under which a phone zooms into a field. The apps draw no focus; a website must. */
.form-label { display: block; margin-block-end: var(--spacing-xs); padding-inline-start: var(--spacing-xxs); color: var(--palette-text-emphasis); font: var(--typography-label-strong) var(--font-family); }
.form-field {
display: flex; align-items: center; gap: var(--form-field-icon-to-text);
min-block-size: var(--form-field-height); padding-inline: var(--form-field-text-leading-inset);
border-radius: var(--form-field-radius); background: var(--form-field-fill); color: var(--form-field-text-color); cursor: text;
transition: box-shadow var(--motion-selection-millis) var(--motion-easing);
}
.form-field:focus-within, .form-field.is-focused { outline: var(--web-focus-width) solid var(--web-focus-color); outline-offset: var(--web-focus-offset); }
.form-field__icon { color: var(--form-field-icon-tint); --icon-size: var(--form-field-icon-box); }
.form-field__prefix { color: var(--form-field-prefix-color); font: var(--form-field-text-style) var(--font-family); }
.form-field__input {
flex: 1 1 0; min-inline-size: 0; align-self: stretch; min-block-size: var(--form-field-height);
color: inherit; caret-color: var(--form-field-cursor-color); font: var(--form-field-text-style) var(--font-family); text-align: start;
appearance: none; -webkit-appearance: none;
}
.form-field__input:focus-visible { outline: none; }
/* What sits at the far end: an icon that says what the field holds, or a control (show the password, open a list). */
.form-field__accessory { flex: none; display: inline-flex; align-items: center; justify-content: center; inline-size: var(--form-field-accessory-touch-target); block-size: var(--form-field-accessory-touch-target); margin-inline-end: calc(var(--spacing-sm) * -1); border-radius: 50%; color: var(--form-field-accessory-mail-tint); }
.form-field__accessory--caret { color: var(--form-field-accessory-caret-tint); pointer-events: none; }
.form-field__accessory--caret .icon { --icon-size: var(--form-field-accessory-caret-width); }
button.form-field__accessory:hover { background: var(--palette-brand-outline); }
.form-field--area { align-items: flex-start; padding-block: var(--spacing-md); }
.form-field--area .form-field__input { min-block-size: calc(var(--form-field-height) * 2); line-height: var(--typography-body-loose-line); resize: vertical; }
.form-field--error, .form-field:has([aria-invalid="true"]) { box-shadow: inset 0 0 0 2px var(--form-field-error-color); }
.form-field--disabled, .form-field:has(:disabled) { opacity: var(--button-disabled-opacity); cursor: not-allowed; }
.form-field__error, .form-field__hint { margin-block-start: var(--form-field-field-to-error); padding-inline-start: var(--form-field-error-leading-inset); font: var(--form-field-error-style) var(--font-family); line-height: var(--typography-label-tall-line); }
.form-field__error { color: var(--form-field-error-color); }
.form-field__hint { color: var(--palette-text-secondary); }
/* SearchField.kt, in the places SearchFieldTokens draws it. With no look named it is `onPage`. */
.search-field {
--_fill: var(--search-field-on-page-fill); --_icon: var(--search-field-on-page-icon-tint); --_placeholder: var(--search-field-on-page-placeholder-color); --_text: var(--search-field-on-page-text-color);
display: flex; align-items: center; gap: var(--search-field-icon-to-text);
min-block-size: var(--search-field-on-page-height); padding-inline: var(--search-field-on-page-icon-inset);
border-radius: var(--search-field-on-page-radius); background: var(--_fill); color: var(--_text); cursor: text;
}
.search-field:focus-within, .search-field.is-focused { outline: var(--web-focus-width) solid var(--web-focus-color); outline-offset: var(--web-focus-offset); }
.search-field__icon { color: var(--_icon); --icon-size: var(--search-field-icon-size); }
.search-field__input { flex: 1 1 0; min-inline-size: 0; align-self: stretch; min-block-size: var(--search-field-on-page-height); color: inherit; font: var(--search-field-on-page-text-style) var(--font-family); appearance: none; -webkit-appearance: none; }
.search-field__input::placeholder { color: var(--_placeholder); opacity: 1; }
.search-field__input:focus-visible { outline: none; }
.search-field--on-picture { --_fill: var(--search-field-on-picture-fill); --_icon: var(--search-field-on-picture-icon-tint); --_placeholder: var(--search-field-on-picture-placeholder-color); --_text: var(--search-field-on-picture-text-color); --web-focus-color: var(--palette-on-brand); -webkit-backdrop-filter: blur(var(--spacing-xs)); backdrop-filter: blur(var(--spacing-xs)); }
.search-field--in-sheet { --_icon: var(--search-field-in-sheet-icon-tint); --_text: var(--search-field-in-sheet-text-color); }
.search-field--on-map { --_fill: var(--search-field-on-map-fill); --_icon: var(--search-field-on-map-icon-tint); --_placeholder: var(--search-field-on-map-placeholder-color); box-shadow: var(--elevation-floating); }
.search-field--off, .search-field:has(:disabled) { opacity: var(--search-field-off-opacity); cursor: not-allowed; }
/* VoucherField.kt: a code, and the button that applies it, inside the field. */
.voucher-field { display: flex; align-items: center; gap: var(--voucher-field-icon-to-text); min-block-size: var(--voucher-field-height); padding-inline-start: var(--voucher-field-icon-inset); padding-inline-end: var(--spacing-xxs); border-radius: var(--voucher-field-radius); background: var(--voucher-field-fill); color: var(--voucher-field-text-color); }
.voucher-field:focus-within { outline: var(--web-focus-width) solid var(--web-focus-color); outline-offset: var(--web-focus-offset); }
.voucher-field__icon { color: var(--voucher-field-icon-tint); --icon-size: var(--voucher-field-icon-size); }
.voucher-field__input { flex: 1 1 0; min-inline-size: 0; align-self: stretch; min-block-size: var(--voucher-field-height); color: inherit; font: var(--typography-body-medium) var(--font-family); text-transform: uppercase; appearance: none; -webkit-appearance: none; }
.voucher-field__input::placeholder { color: var(--voucher-field-placeholder-color); opacity: 1; text-transform: none; font-weight: var(--font-weights-medium); }
.voucher-field__input:focus-visible { outline: none; }
/* The button is drawn 30 tall and takes a finger's 44: the drawing is its inner shape. */
.voucher-field__apply { flex: none; display: inline-flex; align-items: center; justify-content: center; min-block-size: var(--voucher-field-button-touch-height); padding-inline: var(--spacing-xxs); border-radius: var(--voucher-field-button-radius); }
.voucher-field__apply > span { display: inline-flex; align-items: center; justify-content: center; min-inline-size: var(--voucher-field-button-width); block-size: var(--voucher-field-button-height); padding-inline: var(--spacing-sm); border-radius: var(--voucher-field-button-radius); background: var(--voucher-field-button-fill); color: var(--voucher-field-button-label-color); font: var(--typography-caption-strong) var(--font-family); transition: background-color var(--motion-selection-millis) var(--motion-easing); }
.voucher-field__apply:hover > span { background: var(--palette-brand-shade); }
.voucher-field__message { margin-block-start: var(--voucher-field-field-to-message); padding-inline-start: var(--voucher-field-icon-inset); font: var(--voucher-field-message-style) var(--font-family); color: var(--voucher-field-rejected-color); }
.voucher-field__message--applied { color: var(--voucher-field-applied-color); }
/* Declaration.kt: a sentence agreed to by ticking its box. */
.declaration { display: flex; align-items: center; gap: var(--declaration-box-to-text); min-block-size: var(--sizing-min-touch-target); color: var(--declaration-text-color); font: var(--declaration-text-style) var(--font-family); line-height: var(--typography-label-tall-line); cursor: pointer; }
.declaration__box { flex: none; inline-size: var(--declaration-box-size); block-size: var(--declaration-box-size); border-radius: var(--spacing-xs); background: url("../assets/pictures/checkbox_off.svg") center / contain no-repeat; appearance: none; -webkit-appearance: none; cursor: pointer; }
.declaration__box:checked { background-image: url("../assets/pictures/checkbox_on.svg"); }
.declaration + .declaration { margin-block-start: calc(var(--declaration-gap) - var(--spacing-md)); }
/* ==========================================================================
7. Chips and pills
========================================================================== */
/* A chip that is a choice: a filter, a kind. CategoryBar.kt's pill: the chosen one is the brand colour. */
.chip {
display: inline-flex; align-items: center; justify-content: center; gap: var(--category-bar-selected-icon-to-label);
min-block-size: var(--sizing-min-touch-target); padding-inline: var(--category-bar-selected-padding);
border-radius: var(--category-bar-radius); background: var(--category-bar-fill); color: var(--palette-text-emphasis);
font: var(--category-bar-selected-label-style) var(--font-family); white-space: nowrap; cursor: pointer;
transition: background-color var(--motion-selection-millis) var(--motion-easing), color var(--motion-selection-millis) var(--motion-easing);
}
.chip:hover { background: var(--palette-brand-outline); }
.chip[aria-pressed="true"], .chip[aria-selected="true"], .chip[aria-current="true"], .chip.is-selected { background: var(--category-bar-selected-fill); color: var(--category-bar-selected-tint); }
.chip:disabled, .chip[aria-disabled="true"], .chip.is-disabled { opacity: var(--button-disabled-opacity); cursor: not-allowed; pointer-events: none; }
.chip .icon { --icon-size: var(--category-bar-icon-size); }
/* On the page's white, with a hairline: the language, a quiet choice in the top bar. */
.chip--outline { background: var(--palette-background); box-shadow: inset 0 0 0 1px var(--palette-surface), var(--shadow-card-lift); color: var(--palette-navy); }
.chip--outline:hover { background: var(--palette-brand-wash); }
/* On the brand colour or on a picture: white seen through. HeroPill.kt. */
.chip--on-brand { background: var(--plans-hero-chip-fill); color: var(--plans-hero-chip-content-color); font: var(--plans-hero-chip-label-style) var(--font-family); --web-focus-color: var(--palette-on-brand); }
.chip--on-brand:hover { background: var(--palette-navy); }
/* PlanCard.kt's chips: what a plan includes. Said, not pressed. */
.plan-chip { display: inline-flex; align-items: center; gap: var(--plan-chip-icon-to-label); block-size: var(--plan-chip-height); padding-inline: var(--plan-chip-padding); border-radius: var(--plan-chip-radius); color: var(--plan-chip-content-color); white-space: nowrap; }
.plan-chip .icon { --icon-size: var(--plan-chip-icon-size); }
.plan-chip--network { background: var(--plan-chip-network-fill); font: var(--plan-chip-network-label-style) var(--font-family); }
.plan-chip--hotspot { background: var(--plan-chip-hotspot-fill); font: var(--plan-chip-hotspot-label-style) var(--font-family); }
/* Pill.kt: a small word on a colour. Said, not pressed. With no look named it is the "Details" pill of a plan card. */
.pill { display: inline-flex; align-items: center; gap: var(--spacing-xxs); block-size: var(--plan-card-pill-height); padding-inline: var(--plan-card-pill-padding); border-radius: var(--plan-card-pill-radius); background: var(--plan-card-pill-fill); color: var(--plan-card-pill-label-color); font: var(--plan-card-pill-label-style) var(--font-family); white-space: nowrap; }
/* "Best value", beside a plan's size. */
.pill--badge { block-size: var(--plan-card-badge-height); padding-inline: var(--plan-card-badge-padding); border-radius: var(--plan-card-badge-radius); background: var(--plan-card-badge-fill); color: var(--plan-card-badge-label-color); font: var(--plan-card-badge-label-style) var(--font-family); }
/* The tag of an offer: the highlight colour. */
.pill--offer { block-size: var(--offer-banner-pill-height); padding-inline: var(--offer-banner-pill-padding); border-radius: var(--offer-banner-pill-radius); background: var(--offer-banner-pill-fill); color: var(--offer-banner-pill-label-color); font: var(--offer-banner-pill-label-style) var(--font-family); }
/* A white tag with a flame: "Limited-time offer". */
.pill--tag { block-size: var(--offer-card-tag-height); padding-inline: var(--offer-card-tag-padding); border-radius: var(--radius-chip); background: var(--offer-card-tag-fill); color: var(--offer-card-tag-label-color); font: var(--offer-card-tag-label-style) var(--font-family); }
.pill--tag img { inline-size: var(--offer-card-tag-picture-width); block-size: var(--offer-card-tag-picture-height); }
/* The brand colour: a promotion's word. */
.pill--brand { block-size: var(--promo-banner-pill-height); padding-inline: var(--promo-banner-pill-padding); border-radius: var(--promo-banner-pill-radius); background: var(--promo-banner-pill-fill); color: var(--promo-banner-pill-label-color); font: var(--promo-banner-pill-label-style) var(--font-family); }
/* The network a plan reaches, on a review card. */
.pill--positive { block-size: var(--plan-review-card-pill-height); padding-inline: var(--plan-review-card-pill-padding); border-radius: var(--plan-review-card-pill-height); background: var(--plan-review-card-plain-pill-fill); color: var(--plan-review-card-plain-pill-label-color); font: var(--plan-review-card-pill-label-style) var(--font-family); }
/* The status pill (Pill.kt, StatusPillTokens): where an eSIM's plan stands. A dot and a word. */
.status-pill { display: inline-flex; align-items: center; gap: var(--status-pill-dot-to-label); block-size: var(--status-pill-height); padding-inline: var(--status-pill-padding); border-radius: var(--status-pill-radius); background: var(--_tone, var(--status-pill-fill-neutral)); color: var(--status-pill-label-color); font: var(--status-pill-label-style) var(--font-family); white-space: nowrap; }
.status-pill::before { content: ""; flex: none; inline-size: var(--status-pill-dot-size); block-size: var(--status-pill-dot-size); border-radius: 50%; background: var(--status-pill-dot-color); }
.status-pill--positive { --_tone: var(--status-pill-fill-positive); }
.status-pill--neutral { --_tone: var(--status-pill-fill-neutral); }
.status-pill--ended { --_tone: var(--status-pill-fill-ended); }
/* The same pill the other way round, as an eSIM's card draws it: white, with the dot and the word in colour. */
.status-pill--on-card { background: var(--esim-list-card-pill-fill); color: var(--_tone, var(--esim-list-card-pill-color-neutral)); }
.status-pill--on-card::before { background: currentColor; }
.status-pill--on-card.status-pill--positive { --_tone: var(--esim-list-card-pill-color-positive); }
.status-pill--on-card.status-pill--neutral { --_tone: var(--esim-list-card-pill-color-neutral); }
.status-pill--on-card.status-pill--ended { --_tone: var(--esim-list-card-pill-color-ended); }
/* ==========================================================================
8. Tabs
========================================================================== */
/* SegmentedControl.kt: a track of equal segments, one of them selected. */
.segmented-control { display: flex; min-block-size: var(--segmented-control-height); border-radius: var(--segmented-control-radius); background: var(--segmented-control-track-fill); }
.segmented-control__segment {
flex: 1 1 0; min-inline-size: 0; display: inline-flex; align-items: center; justify-content: center; gap: var(--segmented-control-icon-to-label);
min-block-size: var(--segmented-control-height); padding-inline: var(--spacing-sm); border-radius: var(--segmented-control-radius);
color: var(--segmented-control-label-color); font: var(--segmented-control-label-style) var(--font-family); text-align: center; cursor: pointer;
transition: background-color var(--segmented-control-change-millis) var(--motion-easing), color var(--segmented-control-change-millis) var(--motion-easing);
}
.segmented-control__segment .icon { --icon-size: var(--segmented-control-icon-size); }
.segmented-control__segment:hover { color: var(--palette-brand); }
.segmented-control__segment[aria-selected="true"], .segmented-control__segment.is-selected { background: var(--segmented-control-selected-fill); color: var(--segmented-control-selected-label-color); }
/* CompactSegmentedControl.kt: the small one, a finger tall. */
.segmented-control--compact { min-block-size: var(--segmented-control-compact-touch-target); background: var(--segmented-control-compact-track-fill); }
.segmented-control--compact .segmented-control__segment { min-block-size: var(--segmented-control-compact-touch-target); font: var(--segmented-control-compact-label-style) var(--font-family); }
.segmented-control--compact .segmented-control__segment[aria-selected="true"], .segmented-control--compact .segmented-control__segment.is-selected { font: var(--segmented-control-compact-selected-label-style) var(--font-family); }
/* SlidingTabs.kt, the tabs of My eSIMs: a fully round track, the selected segment a fully round shape inside it. */
.segmented-control--round { padding: var(--esim-tabs-padding); gap: var(--esim-tabs-segment-gap); border-radius: calc(var(--sizing-min-touch-target) / 2 + var(--esim-tabs-padding)); background: var(--esim-tabs-track-fill); }
.segmented-control--round .segmented-control__segment { min-block-size: var(--sizing-min-touch-target); border-radius: calc(var(--sizing-min-touch-target) / 2); color: var(--esim-tabs-label-color); font: var(--esim-tabs-label-style) var(--font-family); }
.segmented-control--round .segmented-control__segment[aria-selected="true"], .segmented-control--round .segmented-control__segment.is-selected { background: var(--esim-tabs-selected-fill); color: var(--esim-tabs-selected-label-color); font: var(--esim-tabs-selected-label-style) var(--font-family); }
@media (min-width: 768px) {
/* On a wide page a control is as wide as its segments ask, not as the page. */
.segmented-control--inline { display: inline-flex; }
.segmented-control--inline .segmented-control__segment { flex: 0 0 auto; min-inline-size: 160px; padding-inline: var(--spacing-xl); }
}
/* CategoryTabs.kt: the six kinds of package as tabs on a list's picture. The selected one is taller. */
.category-tabs { display: flex; align-items: flex-start; gap: var(--category-tabs-gap); }
.category-tabs__tab {
flex: 6 1 0; min-inline-size: 0; block-size: var(--category-tabs-height); padding-block-start: var(--category-tabs-icon-top); padding-inline: 2px;
display: flex; flex-direction: column; align-items: center; gap: 6px;
border-radius: var(--category-tabs-radius); background: var(--category-tabs-fill); color: var(--category-tabs-tint);
font: var(--category-tabs-label-style) var(--font-family); text-align: center; cursor: pointer;
container-type: inline-size;
transition: color var(--motion-selection-millis) var(--motion-easing);
}
.category-tabs__tab .icon { --icon-size: var(--category-tabs-icon-height); }
.category-tabs__tab:hover { color: var(--palette-placeholder); }
.category-tabs__tab[aria-selected="true"], .category-tabs__tab[aria-current="page"], .category-tabs__tab.is-selected {
flex-grow: 7; block-size: var(--category-tabs-selected-height); gap: 7px;
border-radius: var(--category-tabs-selected-top-radius) var(--category-tabs-selected-top-radius) 0 0;
color: var(--category-tabs-selected-tint); font: var(--category-tabs-selected-label-style) var(--font-family);
}
.category-tabs__tab[aria-selected="true"] .icon, .category-tabs__tab[aria-current="page"] .icon, .category-tabs__tab.is-selected .icon { --icon-size: var(--category-tabs-selected-icon-height); }
.category-tabs__tab[aria-selected="true"] .category-tabs__label, .category-tabs__tab[aria-current="page"] .category-tabs__label, .category-tabs__tab.is-selected .category-tabs__label { font-size: min(1em, 22cqi); }
/* The label is drawn smaller to stay whole in a narrow tab, as the apps draw it; then it is cut. */
.category-tabs__label { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: min(1em, 21cqi); }
/* ==========================================================================
9. Cards that sell: plans, countries, regions, offers
========================================================================== */
/* PlanCard.kt: a fixed plan. The whole card is one control. */
.plan-card {
position: relative; isolation: isolate; overflow: hidden;
display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto 1fr;
grid-template-areas: "size price" "validity price" "chips pill"; column-gap: var(--spacing-sm);
inline-size: 100%; min-block-size: var(--plan-card-height); padding: var(--plan-card-inset);
border-radius: var(--plan-card-radius); background: var(--plan-card-fill); color: var(--plan-card-size-color); text-align: start; cursor: pointer;
transition: box-shadow var(--motion-selection-millis) var(--motion-easing);
}
.plan-card:hover { box-shadow: 0 0 0 2px var(--palette-brand-outline); }
/* The website frames: a plan card stands lifted off the page. */
@media (min-width: 768px) { .plan-card { border-radius: var(--radius-card); box-shadow: var(--shadow-card-lift); } .plan-card:hover { box-shadow: var(--shadow-card-lift), 0 0 0 2px var(--palette-brand-outline); } }
.plan-card[aria-pressed="true"], .plan-card[aria-checked="true"], .plan-card.is-selected { box-shadow: 0 0 0 2px var(--palette-brand); }
.plan-card:disabled, .plan-card[aria-disabled="true"] { opacity: var(--button-disabled-opacity); cursor: not-allowed; pointer-events: none; }
.plan-card__size { grid-area: size; display: flex; align-items: center; flex-wrap: wrap; gap: var(--spacing-xxs) var(--plan-card-badge-gap); color: var(--plan-card-size-color); font: var(--plan-card-size-style) var(--font-family); }
.plan-card__validity { grid-area: validity; color: var(--plan-card-validity-color); font: var(--plan-card-validity-style) var(--font-family); }
.plan-card__price { grid-area: price; display: flex; flex-direction: column; align-items: flex-end; gap: var(--spacing-xxs); color: var(--plan-card-price-color); font: var(--plan-card-price-style) var(--font-family); }
.plan-card__was { color: var(--palette-text-secondary); font: var(--typography-label-strong) var(--font-family); text-decoration: line-through; }
.plan-card__chips { grid-area: chips; align-self: end; display: flex; flex-wrap: wrap; align-items: center; gap: var(--plan-card-chip-gap); margin-block-start: var(--spacing-sm); }
.plan-card__pill { grid-area: pill; align-self: end; justify-self: end; }
/* The best value card: white, outlined, its picture under the price. */
.plan-card--best-value { min-block-size: var(--plan-card-best-value-height); padding: calc(var(--plan-card-inset) - var(--plan-card-best-value-border-width)); background: var(--plan-card-best-value-fill); border: var(--plan-card-best-value-border-width) solid var(--plan-card-best-value-border-color); }
.plan-card__picture {
position: absolute; inset-block: 0; inset-inline-end: 0; z-index: -1; inline-size: min(var(--plan-card-best-value-picture-width), 70%); block-size: 100%;
object-fit: cover; object-position: var(--art-strong-side) center; transform: scaleX(var(--mirror));
/* The picture's pale end melts into the card. */
-webkit-mask-image: linear-gradient(to var(--art-weak-side), #000 55%, transparent); mask-image: linear-gradient(to var(--art-weak-side), #000 55%, transparent);
}
.plan-card--best-value .plan-card__price { color: var(--plan-card-best-value-price-color); }
/* The earlier price keeps to the inner side of the price, clear of the crown in the picture's corner. */
.plan-card--best-value .plan-card__was { align-self: flex-start; color: var(--palette-on-brand-soft); }
/* DayOptions.kt: the lengths an unlimited plan comes in, as tiles in a group. */
.day-group { padding: var(--day-group-padding); border-radius: var(--day-group-radius); background: var(--day-group-fill); }
.day-group__title { color: var(--day-group-title-color); font: var(--day-group-title-style) var(--font-family); }
.day-group__description { margin-block-start: var(--day-group-title-to-description); color: var(--day-group-description-color); font: var(--day-group-description-style) var(--font-family); }
.day-group__options { display: grid; grid-template-columns: repeat(var(--day-option-max-columns), minmax(0, 1fr)); gap: var(--day-option-row-gap) var(--day-option-column-gap); margin-block-start: var(--day-group-description-to-cells); }
@media (min-width: 768px) {
.day-group__options { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}
.day-option { position: relative; display: flex; align-items: flex-end; gap: var(--day-option-number-to-unit); min-block-size: var(--day-option-height); padding: var(--day-option-inset) var(--spacing-sm) var(--spacing-md); border-radius: var(--day-option-radius); background: var(--day-option-fill); color: var(--day-option-text-color); text-align: start; cursor: pointer; transition: box-shadow var(--motion-selection-millis) var(--motion-easing); }
.day-option:hover { box-shadow: 0 0 0 2px var(--palette-brand-outline); }
.day-option__number { font: var(--day-option-number-style) var(--font-family); }
.day-option__unit { font: var(--day-option-unit-style) var(--font-family); }
.day-option::after { content: ""; position: absolute; inset-block-start: var(--day-option-mark-top); inset-inline-end: var(--day-option-mark-trailing-inset); inline-size: var(--day-option-mark-size); block-size: var(--day-option-mark-size); border-radius: 50%; background: var(--day-option-mark-fill) center / contain no-repeat; }
.day-option[aria-pressed="true"], .day-option[aria-checked="true"], .day-option.is-selected { box-shadow: 0 0 0 2px var(--palette-brand); color: var(--palette-brand); }
.day-option[aria-pressed="true"]::after, .day-option[aria-checked="true"]::after, .day-option.is-selected::after { background-image: url("../assets/pictures/check_circle.svg"); }
/* CountryRow.kt: a country as a row over its picture. The whole row is one control. */
.country-row {
position: relative; isolation: isolate; overflow: hidden;
display: flex; align-items: center; gap: var(--country-row-flag-to-text);
inline-size: 100%; min-block-size: var(--country-row-height); padding-inline: var(--country-row-flag-inset) var(--country-row-arrow-trailing-inset);
border-radius: var(--country-row-radius); background: var(--country-row-plain-fill); text-align: start;
transition: box-shadow var(--motion-selection-millis) var(--motion-easing);
}
.country-row:hover { box-shadow: 0 0 0 2px var(--palette-brand-outline); }
.country-row__picture { position: absolute; inset: 0; z-index: -1; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: var(--art-strong-side) center; transform: scaleX(var(--mirror)); }
.country-row__text { flex: 1 1 0; min-inline-size: 0; display: flex; flex-direction: column; gap: 7px; }
.country-row__name { color: var(--country-row-name-color); font: var(--country-row-name-style) var(--font-family); }
.country-row__price { color: var(--country-row-price-color); font: var(--country-row-price-style) var(--font-family); }
.country-row__arrow { color: var(--country-row-arrow-tint-on-plain); inline-size: var(--country-row-arrow-width); block-size: var(--country-row-arrow-height); }
.country-row--picture .country-row__arrow { color: var(--country-row-arrow-tint); }
/* CountryCard.kt: a destination as a tall tile. The whole tile is one control. */
.country-card {
position: relative; isolation: isolate; overflow: hidden;
display: flex; flex-direction: column; align-items: flex-start;
inline-size: 100%; aspect-ratio: 126 / 186; min-block-size: var(--country-card-height); padding: var(--country-card-flag-inset);
border-radius: var(--country-card-radius); background: linear-gradient(to bottom, var(--country-card-plain-background));
color: var(--country-card-name-color-on-plain); text-align: start;
transition: transform var(--motion-selection-millis) var(--motion-easing);
}
.country-card:hover { transform: translateY(calc(var(--spacing-xxs) * -1)); }
.country-card__picture { position: absolute; inset: 0; z-index: -2; inline-size: 100%; block-size: 100%; object-fit: cover; }
/* The brand colour at the foot, where the price is read. */
.country-card--picture::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; z-index: -1; block-size: 45%; background: linear-gradient(to bottom, transparent, var(--palette-brand)); }
.country-card--picture { color: var(--country-card-name-color); }
.country-card .flag { --flag-ring: var(--country-card-flag-ring-width); }
.country-card__name { margin-block-start: var(--spacing-sm); font: var(--country-card-name-style) var(--font-family); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.country-card__from { margin-block-start: auto; padding-inline: calc(var(--country-card-caption-inset) - var(--country-card-flag-inset)); color: var(--country-card-caption-color); font: var(--country-card-caption-style) var(--font-family); }
.country-card__price { margin-block-start: var(--spacing-xxs); padding-inline: calc(var(--country-card-price-inset) - var(--country-card-flag-inset)); padding-block-end: var(--spacing-xxs); color: var(--country-card-price-color); font: var(--country-card-price-style) var(--font-family); }
/* RegionCard.kt: a region as a card over its picture. */
.region-card {
position: relative; isolation: isolate; overflow: hidden;
display: flex; flex-direction: column; justify-content: space-between;
inline-size: 100%; min-block-size: var(--region-card-height); padding: var(--region-card-name-top) var(--region-card-inset) var(--spacing-lg);
border-radius: var(--region-card-radius); background: var(--region-card-plain-fill); color: var(--region-card-name-color); text-align: start;
transition: box-shadow var(--motion-selection-millis) var(--motion-easing);
}
.region-card:hover { box-shadow: 0 0 0 2px var(--palette-brand-outline); }
/* The website frames: the region card is a 342 by 200 card with a soft border and a 24 Bold name. */
.region-card { border-radius: var(--radius-card); box-shadow: inset 0 0 0 1px var(--palette-surface); }
@media (min-width: 768px) { .region-card { aspect-ratio: 342 / 200; } .region-card__name { font-size: 24px; } }
.region-card__picture { position: absolute; inset: 0; z-index: -1; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: var(--art-strong-side) center; transform: scaleX(var(--mirror)); }
.region-card__name { font: var(--region-card-name-style) var(--font-family); }
.region-card__count { color: var(--region-card-count-color); font: var(--region-card-count-word-style) var(--font-family); }
.region-card__count b { font: var(--region-card-count-number-style) var(--font-family); }
/* OfferBanner.kt: an offer on Home. A picture, the brand colour fading across it from the reading side, and the offer in words. */
.offer-banner {
--web-focus-color: var(--palette-brand);
position: relative; isolation: isolate; overflow: hidden;
display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--spacing-xs);
inline-size: 100%; min-block-size: var(--offer-banner-height); padding: var(--offer-banner-pill-top) var(--offer-banner-inset);
border-radius: var(--offer-banner-radius); background: linear-gradient(to bottom, var(--offer-banner-plain-background)); color: var(--offer-banner-text-color); text-align: start;
}
.offer-banner__picture { position: absolute; inset: 0; z-index: -2; inline-size: 100%; block-size: 100%; object-fit: cover; }
.offer-banner--picture::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to var(--inline-end), var(--offer-banner-fade)); }
.offer-banner__place { max-inline-size: 70%; font: var(--offer-banner-place-style) var(--font-family); }
.offer-banner__details { max-inline-size: 70%; font: var(--offer-banner-details-style) var(--font-family); }
.offer-banner__price { max-inline-size: 70%; font: var(--offer-banner-price-style) var(--font-family); }
.offer-banner__price small { font: var(--typography-label) var(--font-family); }
@media (min-width: 1100px) {
.offer-banner { min-block-size: calc(var(--offer-banner-height) + var(--spacing-xxl) * 2); padding-inline: var(--spacing-xxl); }
}
/* OfferCard.kt: the offer to take a bigger plan, at checkout. Words at the reading side, a countdown and a button at the far end. */
.offer-card {
--web-focus-color: var(--palette-on-brand);
position: relative; isolation: isolate; overflow: hidden;
display: grid; grid-template-columns: minmax(0, 1fr) var(--offer-card-panel-width); gap: var(--spacing-sm); align-items: stretch;
min-block-size: var(--offer-card-height); padding: var(--offer-card-panel-top) var(--offer-card-panel-inset);
border-radius: var(--offer-card-radius); background: var(--palette-brand); color: var(--offer-card-body-color);
}
.offer-card__picture { position: absolute; inset: 0; z-index: -1; inline-size: 100%; block-size: 100%; object-fit: cover; transform: scaleX(var(--mirror)); }
.offer-card__words { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-sm); min-inline-size: 0; }
.offer-card__body { font: var(--offer-card-body-style) var(--font-family); line-height: var(--typography-body-loose-line); }
.offer-card__price { margin-block-start: auto; font: var(--offer-card-price-style) var(--font-family); }
.offer-card__panel { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: var(--spacing-xxs); padding: var(--spacing-sm) var(--offer-card-button-inset) var(--offer-card-button-inset); border-radius: var(--offer-card-panel-radius); background: var(--offer-card-panel-fill); text-align: center; }
.offer-card__timer-label { color: var(--offer-card-timer-label-color); font: var(--offer-card-timer-label-style) var(--font-family); }
.offer-card__time { color: var(--offer-card-time-color); font: var(--offer-card-time-style) var(--font-family); }
.offer-card__button { display: flex; align-items: center; justify-content: center; inline-size: 100%; min-block-size: var(--sizing-min-touch-target); border-radius: var(--offer-card-button-radius); background: var(--offer-card-button-fill); color: var(--offer-card-button-label-color); font: var(--offer-card-button-label-style) var(--font-family); cursor: pointer; transition: background-color var(--motion-selection-millis) var(--motion-easing); }
.offer-card__button:hover { background: var(--palette-brand-wash); }
/* An offer with no end (OfferCardUi with no countdown): nothing to count, so no panel is drawn round the button, which stands alone at the card's foot. */
.offer-card--open .offer-card__panel { justify-content: flex-end; padding: 0; background: none; }
/* NotificationOffer.kt: the site's own card offering notifications, before the browser's prompt. Not drawn by the
designer: the bell and the title on one line, the sentence, then the two buttons side by side, or one over the
other where a label would not hold in its half. A new eSIM's page and the safety alerts draw it. */
.notification-offer { container: notification-offer / inline-size; padding: var(--notification-offer-padding); border-radius: var(--notification-offer-radius); background: var(--notification-offer-fill); }
.notification-offer__head { display: flex; align-items: center; gap: var(--notification-offer-icon-to-title); }
.notification-offer__head .icon { flex: none; --icon-size: var(--notification-offer-icon-size); color: var(--notification-offer-icon-tint); }
.notification-offer__title { color: var(--notification-offer-title-color); font: var(--notification-offer-title-style) var(--font-family); }
.notification-offer__body { margin-block-start: var(--notification-offer-title-to-body); color: var(--notification-offer-body-color); font: var(--notification-offer-body-style) var(--font-family); line-height: var(--typography-label-tall-line); }
.notification-offer__buttons { display: flex; flex-wrap: wrap; gap: var(--notification-offer-button-gap); margin-block-start: var(--notification-offer-body-to-buttons); }
.notification-offer__buttons .maak-button { flex: 1 1 auto; min-inline-size: min(100%, 11em); padding-inline: var(--spacing-md); white-space: normal; }
@container notification-offer (min-width: 560px) {
.notification-offer__buttons { justify-content: flex-start; }
.notification-offer__buttons .maak-button { flex: 0 1 auto; padding-inline: var(--spacing-xl); }
}
/* ==========================================================================
10. Cards that sum up: a plan in figures, an eSIM
========================================================================== */
/* SummaryCard.kt: a plan in three figures on the brand colour. */
.summary-card { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); min-block-size: var(--summary-card-height); padding-block: var(--summary-card-label-top); border-radius: var(--summary-card-radius); background: var(--summary-card-fill); color: var(--summary-card-text-color); text-align: center; }
.summary-card__item { display: flex; flex-direction: column; align-items: center; gap: var(--summary-card-label-to-value); padding-inline: var(--summary-card-item-inset); min-inline-size: 0; }
.summary-card__label { font: var(--summary-card-label-style) var(--font-family); }
.summary-card__value { font: var(--summary-card-value-style) var(--font-family); }
/* EsimSummaryTokens: the same, smaller, with its figures at the start of each column. */
.summary-card--esim { min-block-size: var(--esim-summary-height); border-radius: var(--esim-summary-radius); text-align: start; }
.summary-card--esim .summary-card__item { align-items: flex-start; gap: var(--spacing-xs); padding-inline: var(--esim-summary-column-inset); }
.summary-card--esim .summary-card__value { font: var(--esim-summary-value-style) var(--font-family); }
/* PlanReviewCard.kt: who sells a plan, then three figures. Plain on the page, or in the brand colour. */
.plan-review-card { display: flex; flex-direction: column; gap: var(--spacing-md); padding: var(--plan-review-card-flag-top) var(--plan-review-card-inset) var(--plan-review-card-values-to-bottom); border-radius: var(--plan-review-card-radius); background: var(--plan-review-card-plain-fill); }
.plan-review-card__head { display: flex; align-items: center; gap: var(--plan-review-card-flag-to-name); }
.plan-review-card__name { flex: 1 1 0; min-inline-size: 0; color: var(--plan-review-card-plain-name-color); font: var(--plan-review-card-plain-name-style) var(--font-family); }
.plan-review-card__figures { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); text-align: center; }
.plan-review-card__label { display: block; color: var(--plan-review-card-plain-label-color); font: var(--plan-review-card-label-style) var(--font-family); }
.plan-review-card__value { display: block; margin-block-start: var(--spacing-xs); color: var(--plan-review-card-plain-value-color); font: var(--plan-review-card-value-style) var(--font-family); }
.plan-review-card--brand { background: linear-gradient(to var(--inline-end), var(--plan-review-card-brand-fill)); }
.plan-review-card--brand .plan-review-card__name { color: var(--plan-review-card-brand-name-color); font: var(--plan-review-card-brand-name-style) var(--font-family); }
.plan-review-card--brand .plan-review-card__label { color: var(--plan-review-card-brand-label-color); }
.plan-review-card--brand .plan-review-card__value { color: var(--plan-review-card-brand-value-color); }
.plan-review-card--brand .pill--positive { background: var(--plan-review-card-brand-pill-fill); color: var(--plan-review-card-brand-pill-label-color); }
/* EsimListCard.kt: one eSIM in My eSIMs. A part the card does not have is left out and the rest closes up. */
.esim-list-card { display: flex; flex-direction: column; gap: var(--esim-list-card-part-gap); padding: var(--esim-list-card-banner-inset); padding-block-end: var(--esim-list-card-buttons-to-bottom); border-radius: var(--esim-list-card-radius); background: var(--esim-list-card-fill); box-shadow: inset 0 0 0 var(--esim-list-card-border-width) var(--palette-brand-outline); }
.esim-list-card__heading { display: flex; align-items: center; gap: var(--esim-list-card-text-to-edit); padding-inline: calc(var(--esim-list-card-text-inset) - var(--esim-list-card-banner-inset)); padding-block-start: var(--spacing-xxs); }
.esim-list-card__titles { flex: 1 1 0; min-inline-size: 0; display: flex; flex-direction: column; gap: var(--spacing-xs); }
.esim-list-card__label { color: var(--esim-list-card-label-color); font: var(--esim-list-card-label-style) var(--font-family); }
.esim-list-card__name { color: var(--esim-list-card-second-line-color); font: var(--esim-list-card-second-line-style) var(--font-family); }
.esim-list-card__edit { flex: none; display: inline-flex; align-items: center; justify-content: center; inline-size: var(--esim-list-card-edit-touch-target); block-size: var(--esim-list-card-edit-touch-target); border-radius: 50%; color: var(--palette-text-emphasis-soft); transition: background-color var(--motion-selection-millis) var(--motion-easing); }
.esim-list-card__edit:hover { background: var(--palette-surface); color: var(--palette-brand); }
.esim-list-card__edit img { inline-size: var(--esim-list-card-edit-size); block-size: var(--esim-list-card-edit-size); }
.esim-list-card__banner { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--spacing-sm); min-block-size: var(--esim-list-card-banner-height); padding: var(--esim-list-card-banner-content-inset); border-radius: var(--esim-list-card-banner-radius); background: var(--esim-list-card-banner-plain-fill); color: var(--esim-list-card-name-color); }
.esim-list-card__picture { position: absolute; inset: 0; z-index: -2; inline-size: 100%; block-size: 100%; object-fit: cover; }
.esim-list-card__banner::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to bottom, transparent 28%, var(--esim-list-card-banner-fade-color) 100%); opacity: var(--esim-list-card-banner-fade-end-opacity); }
.esim-list-card__place { display: flex; align-items: center; justify-content: space-between; gap: var(--esim-list-card-name-to-pill); }
.esim-list-card__place-name { flex: 1 1 0; min-inline-size: 0; font: var(--esim-list-card-name-style) var(--font-family); }
.esim-list-card__figures { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--spacing-xs); padding-inline: calc(var(--esim-list-card-content-inset) - var(--esim-list-card-banner-inset)); }
.esim-list-card__figure { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--esim-list-card-figure-icon-to-text); row-gap: var(--esim-list-card-figure-label-to-value); align-items: center; }
.esim-list-card__figure .icon { grid-row: span 2; color: var(--esim-list-card-figure-icon-tint); --icon-size: var(--esim-list-card-figure-icon-box); }
.esim-list-card__figure-label { color: var(--esim-list-card-figure-label-color); font: var(--esim-list-card-figure-label-style) var(--font-family); }
.esim-list-card__figure-value { color: var(--esim-list-card-figure-value-color); font: var(--esim-list-card-figure-value-style) var(--font-family); }
.esim-list-card__usage { display: flex; flex-direction: column; gap: var(--esim-list-card-bar-to-ends); padding-inline: calc(var(--esim-list-card-content-inset) - var(--esim-list-card-banner-inset)); }
.esim-list-card__ends { display: flex; justify-content: space-between; gap: var(--spacing-sm); color: var(--esim-list-card-end-color); font: var(--esim-list-card-end-word-style) var(--font-family); }
.esim-list-card__ends b { font: var(--esim-list-card-end-amount-style) var(--font-family); }
.esim-list-card__caption { color: var(--esim-list-card-caption-color); font: var(--esim-list-card-caption-style) var(--font-family); }
.esim-list-card__strip { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-sm); min-block-size: var(--esim-list-card-strip-height); margin-inline: calc(var(--esim-list-card-content-inset) - var(--esim-list-card-banner-inset)); padding-inline: var(--esim-list-card-strip-inset); border-radius: var(--esim-list-card-strip-radius); background: var(--esim-list-card-strip-fill); color: var(--esim-list-card-strip-color); font: var(--esim-list-card-strip-label-style) var(--font-family); }
.esim-list-card__strip b { font: var(--esim-list-card-strip-value-style) var(--font-family); }
.esim-list-card__note { padding-inline: calc(var(--esim-list-card-content-inset) - var(--esim-list-card-banner-inset)); color: var(--esim-list-card-note-color); font: var(--esim-list-card-note-style) var(--font-family); line-height: var(--typography-label-tall-line); }
.esim-list-card__buttons { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--esim-list-card-button-gap); margin-block-start: auto; padding-inline: calc(var(--esim-list-card-content-inset) - var(--esim-list-card-banner-inset)); }
.esim-list-card__buttons .maak-button { padding-inline: var(--spacing-sm); }
/* The usage bar (EsimParts.kt): how much of an allowance is used. Green, then
orange from 80%, red from 95%: UsageLevel.of decides, the page names the level. */
.usage-bar { display: block; inline-size: 100%; block-size: var(--esim-list-card-bar-height); border: 0; border-radius: var(--esim-list-card-bar-radius); background: var(--esim-list-card-bar-track); overflow: hidden; appearance: none; -webkit-appearance: none; color: var(--esim-list-card-bar-fill-low); }
.usage-bar::-webkit-progress-bar { background: var(--esim-list-card-bar-track); border-radius: var(--esim-list-card-bar-radius); }
.usage-bar::-webkit-progress-value { background: currentColor; border-radius: var(--esim-list-card-bar-radius); }
.usage-bar::-moz-progress-bar { background: currentColor; border-radius: var(--esim-list-card-bar-radius); }
.usage-bar--medium { color: var(--esim-list-card-bar-fill-medium); }
.usage-bar--high { color: var(--esim-list-card-bar-fill-high); }
/* ==========================================================================
11. Rows
========================================================================== */
/* ActionRow (EsimParts.kt): a row that leads somewhere. An icon, a title over a subtitle, an arrow. */
.action-row { display: flex; align-items: center; gap: var(--action-row-icon-to-text); inline-size: 100%; min-block-size: var(--action-row-height); padding-inline: var(--action-row-icon-leading-inset) var(--action-row-arrow-trailing-inset); border-radius: var(--action-row-radius); background: var(--action-row-fill); text-align: start; cursor: pointer; transition: background-color var(--motion-selection-millis) var(--motion-easing); }
.action-row:hover { background: var(--palette-brand-outline); }
.action-row__icon { color: var(--action-row-icon-tint); --icon-size: var(--action-row-icon-box); }
.action-row__text { flex: 1 1 0; min-inline-size: 0; display: flex; flex-direction: column; gap: 5px; padding-block: var(--spacing-sm); }
.action-row__title { color: var(--action-row-title-color); font: var(--action-row-title-style) var(--font-family); }
.action-row__subtitle { color: var(--action-row-subtitle-color); font: var(--action-row-subtitle-style) var(--font-family); }
.action-row__value { color: var(--action-row-value-color); font: var(--action-row-value-style) var(--font-family); }
.action-row__arrow { color: var(--action-row-arrow-tint); inline-size: var(--action-row-arrow-width); block-size: var(--action-row-arrow-height); }
.action-row--destructive .action-row__title { color: var(--action-row-destructive-color); }
.action-row + .action-row { margin-block-start: var(--action-row-gap); }
/* LinkRow.kt: a row that leads somewhere else. An icon, a label, an arrow. */
.link-row { display: flex; align-items: center; gap: var(--link-row-icon-to-label); inline-size: 100%; min-block-size: var(--link-row-height); padding-inline: var(--link-row-icon-inset) var(--link-row-arrow-trailing-inset); border-radius: var(--link-row-radius); background: var(--link-row-fill); color: var(--link-row-label-color); font: var(--link-row-label-style) var(--font-family); text-align: start; cursor: pointer; transition: background-color var(--motion-selection-millis) var(--motion-easing); }
.link-row:hover { background: var(--palette-brand-outline); }
.link-row__icon { color: var(--link-row-icon-tint); --icon-size: var(--link-row-icon-size); }
.link-row__label { flex: 1 1 0; min-inline-size: 0; }
.link-row__arrow { color: var(--link-row-arrow-tint); inline-size: var(--link-row-arrow-width); block-size: var(--link-row-arrow-height); }
.link-row + .link-row { margin-block-start: var(--link-row-gap); }
/* SelectableRow.kt: one choice among several. A picture, a label, a mark. */
.selectable-row { display: flex; align-items: center; gap: var(--selectable-row-image-to-label); inline-size: 100%; min-block-size: var(--selectable-row-height); padding-inline: var(--selectable-row-image-inset) var(--selectable-row-mark-inset); border-radius: var(--selectable-row-radius); background: var(--selectable-row-fill); color: var(--selectable-row-label-color); font: var(--selectable-row-label-style) var(--font-family); text-align: start; cursor: pointer; transition: box-shadow var(--motion-selection-millis) var(--motion-easing); }
.selectable-row:hover { box-shadow: 0 0 0 2px var(--palette-brand-outline); }
.selectable-row__label { flex: 1 1 0; min-inline-size: 0; }
.selectable-row::after { content: ""; flex: none; inline-size: var(--selectable-row-mark-size); block-size: var(--selectable-row-mark-size); border-radius: 50%; background: var(--selectable-row-mark-off-fill) center / contain no-repeat; }
.selectable-row[aria-checked="true"]::after, .selectable-row[aria-pressed="true"]::after, .selectable-row.is-selected::after { background-image: url("../assets/pictures/check_circle.svg"); }
.selectable-row + .selectable-row { margin-block-start: var(--spacing-sm); }
/* FactGroup.kt: a panel of facts. Rows of an icon, a label and a value. */
.fact-heading { margin-block-end: var(--fact-notes-heading-to-panel); color: var(--fact-panel-heading-color); font: var(--fact-panel-heading-style) var(--font-family); }
.fact-group { border-radius: var(--fact-group-radius); background: var(--fact-group-fill); overflow: hidden; }
.fact-group__row { display: flex; align-items: center; gap: var(--fact-group-icon-to-label); min-block-size: var(--fact-group-row-height); padding: var(--spacing-xs) var(--fact-group-inset); }
.fact-group__row + .fact-group__row { border-block-start: var(--fact-group-separator-height) solid var(--fact-group-separator-color); }
.fact-group__icon { color: var(--fact-group-icon-tint); --icon-size: var(--fact-group-icon-size); }
.fact-group__label { flex: 1 1 auto; color: var(--fact-group-label-color); font: var(--fact-group-label-style) var(--font-family); }
/* A value that needs the room runs onto a second line, a long number included; it is never cut. */
.fact-group__value { flex: 0 1 auto; min-inline-size: 0; margin-inline-start: var(--fact-group-label-to-value); color: var(--fact-group-value-color); font: var(--fact-group-value-style) var(--font-family); text-align: end; overflow-wrap: anywhere; }
.fact-group__value.num { white-space: normal; }
.fact-group__copy { flex: none; display: inline-flex; align-items: center; justify-content: center; inline-size: var(--fact-panel-copy-touch-target); block-size: var(--fact-panel-copy-touch-target); margin-inline-end: calc(var(--spacing-sm) * -1); border-radius: 50%; color: var(--fact-panel-copy-tint); }
.fact-group__copy:hover { background: var(--palette-brand-outline); color: var(--palette-brand); }
.fact-group__copy.is-copied { color: var(--fact-panel-copied-tint); }
/* EsimFactPanel.kt: the same on an eSIM's page, with taller rows and a tighter corner. */
.fact-group--panel { border-radius: var(--fact-panel-radius); }
@media (min-width: 768px) { .fact-group--panel { padding: var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: var(--shadow-card-lift); } .fact-group--panel .fact-group__row { border-radius: var(--radius-xs); background: var(--palette-surface); } .fact-group--panel .fact-group__row + .fact-group__row { border-block-start: 0; margin-block-start: var(--spacing-xs); } .fact-group--panel .fact-group__value { color: var(--palette-brand); } }
.fact-group--panel .fact-group__row { min-block-size: var(--fact-panel-row-height); gap: var(--fact-panel-icon-to-label); }
.fact-group--panel .fact-group__value { font: var(--fact-panel-value-style) var(--font-family); }
/* FactNotes.kt: what a customer must be told, as sentences. */
.fact-group--notes .fact-group__row { align-items: flex-start; gap: var(--fact-notes-icon-to-text); padding-block: var(--fact-notes-row-padding-vertical); color: var(--fact-notes-text-color); font: var(--fact-notes-text-style) var(--font-family); }
.fact-group--notes .fact-group__icon { color: var(--fact-notes-icon-tint); }
/* Notice.kt: a line that draws attention to something. */
.notice { display: flex; align-items: flex-start; gap: var(--spacing-sm); padding: var(--notice-padding); border-radius: var(--notice-radius); background: var(--notice-fill); color: var(--notice-text-color); font: var(--notice-text-style) var(--font-family); line-height: var(--typography-label-tall-line); }
.notice .icon { color: var(--palette-brand); --icon-size: 18px; margin-block-start: 1px; }
.notice--warning { background: var(--palette-background); box-shadow: inset 0 0 0 1px var(--palette-warning); }
.notice--warning .icon { color: var(--palette-warning); }
.notice--error { background: var(--palette-background); box-shadow: inset 0 0 0 1px var(--palette-error); }
.notice--error .icon { color: var(--palette-error); }
/* ==========================================================================
12. The price bar
========================================================================== */
/* PriceBar.kt: a plan's price and the button that buys it. Pinned to the foot
of a phone's window; from a tablet up it is a block of its own, which a
desktop page puts in its side column. */
.price-bar {
--web-focus-color: var(--palette-on-brand);
position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 41;
display: flex; align-items: center; justify-content: space-between; gap: var(--price-bar-min-gap);
min-block-size: var(--price-bar-height); padding-block: var(--spacing-sm) calc(var(--spacing-sm) + env(safe-area-inset-bottom, 0px)); padding-inline: var(--price-bar-text-inset) var(--price-bar-button-trailing-inset);
background: var(--price-bar-fill); color: var(--price-bar-text-color);
border-start-start-radius: var(--price-bar-top-radius); border-start-end-radius: var(--price-bar-top-radius);
}
.price-bar__text { display: flex; flex-direction: column; gap: var(--spacing-xs); }
.price-bar__label { font: var(--price-bar-label-style) var(--font-family); }
.price-bar__price { font: var(--price-bar-price-style) var(--font-family); }
.price-bar__button { flex: 0 1 var(--price-bar-button-width); min-inline-size: 0; padding-inline: var(--spacing-md); }
@media (min-width: 768px) {
.price-bar { position: static; z-index: auto; padding: var(--spacing-lg) var(--spacing-xl); border-radius: var(--price-bar-top-radius); }
}
@media (min-width: 1100px) {
.layout-split__aside .price-bar { flex-direction: column; align-items: stretch; gap: var(--spacing-lg); padding: var(--spacing-xl); }
.layout-split__aside .price-bar__button { flex: none; inline-size: 100%; }
}
/* ==========================================================================
13. Over the page: sheet, dialog, toast
========================================================================== */
/* What a sheet or a dialog stands on: the page, darkened. Nothing under it takes a click. */
.scrim { position: fixed; inset: 0; z-index: 60; display: flex; align-items: flex-end; justify-content: center; padding: var(--sheet-side-inset); padding-block-end: max(var(--sheet-bottom-inset), env(safe-area-inset-bottom, 0px) + var(--sheet-bottom-safe-gap)); background: var(--sheet-scrim); overflow-y: auto; animation: scrim-in var(--sheet-open-millis) var(--motion-easing) both; }
.scrim--center { align-items: center; padding-block-end: var(--sheet-side-inset); }
/* FloatingSheet.kt: a white card that rises from the foot of a phone's window; centred from a tablet up. */
.sheet { position: relative; inline-size: 100%; max-inline-size: var(--web-sheet-width); max-block-size: 100%; overflow-y: auto; border-radius: var(--sheet-radius); background: var(--sheet-fill); box-shadow: var(--elevation-floating); animation: sheet-in var(--sheet-open-millis) var(--motion-easing) both; }
.sheet__body { padding: var(--spacing-xl) var(--sheet-button-inset) 0; }
.sheet__title { color: var(--palette-text-emphasis); font: var(--typography-heading) var(--font-family); text-align: center; }
.sheet__close { position: absolute; inset-block-start: var(--spacing-xs); inset-inline-end: var(--spacing-xs); display: inline-flex; align-items: center; justify-content: center; inline-size: var(--sizing-min-touch-target); block-size: var(--sizing-min-touch-target); border-radius: 50%; color: var(--palette-icon-muted); }
.sheet__close:hover { background: var(--palette-surface); color: var(--palette-brand); }
/* The way back out of a sheet that is a page of its own (the language choice opened from More): the arrow every pushed page has, at the sheet's first corner. */
.sheet__back { position: absolute; inset-block-start: var(--spacing-xs); inset-inline-start: var(--spacing-xs); display: inline-flex; align-items: center; justify-content: center; inline-size: var(--sizing-min-touch-target); block-size: var(--sizing-min-touch-target); border-radius: 50%; color: var(--palette-icon-muted); }
.sheet__back:hover { background: var(--palette-surface); color: var(--palette-brand); }
.sheet__ending { display: flex; flex-direction: column; gap: calc(var(--sheet-button-to-text-button) - var(--spacing-sm)); padding: var(--spacing-xl) var(--sheet-button-inset) var(--sheet-ending-bottom); }
.sheet__ending .maak-text-button { margin-block-end: calc(var(--spacing-sm) * -1); }
/* ResultSheet.kt: how a payment ended. A picture, a title, a sentence, the order's number. */
.result-sheet { display: flex; flex-direction: column; align-items: center; padding: var(--result-sheet-succeeded-picture-top) var(--result-sheet-text-inset) 0; text-align: center; }
.result-sheet__picture { inline-size: var(--result-sheet-succeeded-picture-width); block-size: var(--result-sheet-succeeded-picture-height); }
.result-sheet__title { margin-block-start: var(--result-sheet-succeeded-picture-to-title); color: var(--result-sheet-title-color); font: var(--result-sheet-title-style) var(--font-family); }
.result-sheet__body { max-inline-size: var(--result-sheet-succeeded-body-width); margin-block-start: var(--result-sheet-succeeded-title-to-body); color: var(--result-sheet-body-color); font: var(--result-sheet-body-style) var(--font-family); }
.result-sheet__order { margin-block-start: var(--result-sheet-body-to-order-line); color: var(--result-sheet-order-line-color); font: var(--result-sheet-order-line-style) var(--font-family); }
/* The question asked before something that cannot be undone. ConfirmDialogTokens: the apps show the system's own. */
.confirm-dialog { inline-size: 100%; max-inline-size: calc(var(--web-sheet-width) - 2 * var(--spacing-lg)); padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-sm); border-radius: var(--confirm-dialog-radius); background: var(--confirm-dialog-fill); box-shadow: var(--elevation-floating); animation: sheet-in var(--sheet-open-millis) var(--motion-easing) both; }
.confirm-dialog__title { color: var(--confirm-dialog-title-color); font: var(--confirm-dialog-title-style) var(--font-family); }
.confirm-dialog__body { margin-block-start: var(--spacing-sm); color: var(--confirm-dialog-body-color); font: var(--confirm-dialog-body-style) var(--font-family); line-height: var(--typography-body-loose-line); }
.confirm-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--spacing-xs); margin-block-start: var(--spacing-md); }
.confirm-dialog__actions .maak-text-button { padding-inline: var(--spacing-md); }
/* A toast: one line that says what just happened, and goes. Web only: the apps use the system's. */
.toast-region { position: fixed; inset-inline: var(--web-gutter); inset-block-end: calc(var(--web-bottom-bar-height) + var(--spacing-md) + env(safe-area-inset-bottom, 0px)); z-index: 70; display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xs); pointer-events: none; }
.toast { display: inline-flex; align-items: center; gap: var(--spacing-sm); max-inline-size: 100%; min-block-size: var(--sizing-min-touch-target); padding: var(--spacing-sm) var(--spacing-md); border-radius: var(--radius-md); background: var(--palette-navy); color: var(--palette-on-brand); font: var(--typography-label-strong) var(--font-family); line-height: var(--typography-label-tall-line); box-shadow: var(--elevation-floating); pointer-events: auto; animation: sheet-in var(--motion-screen-fade-millis) var(--motion-easing) both; }
.toast .icon { --icon-size: 18px; color: var(--palette-on-brand-soft); }
.toast--positive .icon { color: var(--palette-positive); }
.toast--error .icon { color: var(--palette-error); }
.toast__action { margin-inline-start: var(--spacing-xs); min-block-size: var(--sizing-min-touch-target); margin-block: calc(var(--spacing-sm) * -1); padding-inline: var(--spacing-xs); border-radius: var(--radius-chip); color: var(--palette-highlight); font: var(--typography-label-bold) var(--font-family); --web-focus-color: var(--palette-on-brand); }
@keyframes scrim-in { from { opacity: 0; } }
@keyframes sheet-in { from { opacity: 0; transform: translateY(var(--spacing-xl)); } }
@media (min-width: 768px) {
.scrim { align-items: center; padding-block-end: var(--sheet-side-inset); }
.toast-region { inset-block-end: var(--spacing-xl); align-items: flex-end; }
}
/* ==========================================================================
14. Nothing to show, and not yet
========================================================================== */
/* StatusMessage.kt: what a list shows in place of its content. A line, a second line, a way out. */
.status-message { display: flex; flex-direction: column; align-items: center; padding: var(--status-message-top-gap) var(--spacing-lg); text-align: center; }
.status-message__icon { margin-block-end: var(--spacing-md); color: var(--palette-placeholder); --icon-size: 30px; }
.status-message__message { color: var(--status-message-message-color); font: var(--status-message-message-style) var(--font-family); font-weight: var(--font-weights-semi-bold); }
.status-message__detail { margin-block-start: var(--status-message-message-to-detail); color: var(--status-message-detail-color); font: var(--status-message-detail-style) var(--font-family); line-height: var(--typography-label-tall-line); }
.status-message__action { margin-block-start: var(--status-message-text-to-action); }
/* While something is read: empty shapes of the size and corner of what is coming.
The apps draw them still; on a website they breathe, so that the page does not look broken. */
.placeholder { display: block; border-radius: var(--radius-card); background: var(--plan-card-placeholder-fill); animation: placeholder-breathe 1.4s var(--motion-easing) infinite alternate; }
.placeholder--plan-card { block-size: var(--plan-card-height); border-radius: var(--plan-card-radius); }
.placeholder--country-row { block-size: var(--country-row-height); border-radius: var(--country-row-radius); }
.placeholder--country-card { aspect-ratio: 126 / 186; min-block-size: var(--country-card-height); border-radius: var(--country-card-radius); }
.placeholder--region-card { block-size: var(--region-card-height); border-radius: var(--region-card-radius); }
.placeholder--banner { block-size: var(--offer-banner-height); border-radius: var(--offer-banner-radius); }
.placeholder--summary { block-size: var(--summary-card-height); border-radius: var(--summary-card-radius); }
.placeholder--line { block-size: var(--typography-body-line); max-inline-size: 60%; border-radius: var(--spacing-xs); }
.placeholder--line-short { block-size: var(--typography-label-line); max-inline-size: 35%; border-radius: var(--spacing-xs); }
.placeholder--circle { inline-size: var(--sizing-min-touch-target); block-size: var(--sizing-min-touch-target); border-radius: 50%; }
@keyframes placeholder-breathe { to { opacity: 0.5; } }
@media (prefers-reduced-motion: reduce) {
.placeholder { animation: none; }
}
/* ==========================================================================
15. The website frames: the parts of the Figma website pages
(mobile/design-specs/website/SPEC.md section 3). Web only.
Display sizes are the phone's and grow on a desktop (base.css).
========================================================================== */
/* A small white pill over a title, its green dot at the start. */
.eyebrow-pill {
display: inline-flex; align-items: center; gap: var(--spacing-xs); block-size: 30px; padding-inline: 14px;
border-radius: 999px; background: var(--palette-background); box-shadow: var(--shadow-card-lift);
color: var(--palette-navy); font: var(--typography-label-strong) var(--font-family); white-space: nowrap;
align-self: flex-start; justify-self: start; inline-size: max-content; max-inline-size: 100%;
}
/* In a centred head it stays centred, still as wide as its words. */
.section-head:not(.section-head--start) > .eyebrow-pill { align-self: center; }
.eyebrow-pill::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--palette-positive); animation: eyebrow-dot-pulse 2.4s var(--motion-easing) infinite; }
/* The dot breathes a soft ring, as a "live" mark does (base.css stills it for a reader who asks for less motion). */
@keyframes eyebrow-dot-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--palette-positive) 45%, transparent); } 70%, 100% { box-shadow: 0 0 0 6px transparent; } }
/* A section's head: eyebrow, title, subtitle, centred. --start puts it at the
reading start with its "see all" link (.pill-link) at the far end. */
.section-head { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xs); margin-block-end: var(--spacing-xl); text-align: center; }
.section-head__eyebrow { color: var(--palette-text-emphasis); font: var(--typography-site-eyebrow) var(--font-family); }
.section-head__title { color: var(--palette-brand); font: var(--typography-site-section) var(--font-family); }
.section-head__subtitle { max-inline-size: 60ch; color: var(--palette-text-emphasis); font: var(--typography-site-eyebrow) var(--font-family); font-weight: var(--font-weights-medium); }
.section-head--start { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: var(--spacing-md); text-align: start; }
.section-head--start > :not(.section-head__action) { grid-column: 1; }
.section-head__action { grid-column: 2; grid-row: 1 / span 3; align-self: end; }
/* "See all": a soft pill with its arrow. */
.pill-link {
display: inline-flex; align-items: center; gap: var(--spacing-xs); min-block-size: var(--sizing-min-touch-target); padding-inline: var(--spacing-md);
border-radius: 999px; background: var(--palette-surface); color: var(--palette-brand);
font: var(--typography-label-strong) var(--font-family); white-space: nowrap;
transition: background-color var(--motion-selection-millis) var(--motion-easing);
}
.pill-link:hover { background: var(--palette-brand-outline); }
.pill-link .icon { --icon-size: 16px; transition: transform var(--motion-selection-millis) var(--motion-easing); }
/* Its arrow leans toward where it leads: the reading end, either way round. */
.pill-link:hover .icon { transform: translateX(calc(-3px * var(--mirror))); }
/* A square tile in one of four soft colours, holding an icon. */
.icon-tile { display: inline-flex; flex: none; align-items: center; justify-content: center; inline-size: 50px; block-size: 50px; border-radius: var(--radius-md); background: var(--palette-tile-blue); color: var(--palette-brand); }
.icon-tile .icon { --icon-size: 24px; }
.icon-tile--violet { background: var(--palette-tile-violet); color: var(--palette-violet); }
.icon-tile--apricot { background: var(--palette-tile-apricot); color: var(--palette-apricot); }
.icon-tile--green { background: var(--palette-tile-green); color: var(--palette-positive); }
.icon-tile--blue { background: var(--palette-tile-blue); color: var(--palette-brand); }
.icon-tile--large { inline-size: 70px; block-size: 70px; border-radius: var(--radius-card); }
.icon-tile--large .icon { --icon-size: 32px; }
/* Four short promises in one white card: 2 by 2 on a phone, a row from a tablet up. */
.feature-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-lg) var(--spacing-md); padding: var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: var(--shadow-card-lift); }
.feature-strip__item { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-xs); min-inline-size: 0; }
.feature-strip__title { color: var(--palette-text-emphasis); font: var(--typography-title-bold) var(--font-family); }
.feature-strip__line { color: var(--palette-text-secondary); font: var(--typography-label-regular) var(--font-family); }
/* The hero's search: a white card, the magnifier tile, a small label over the field, the brand button at the end. */
.hero-search { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--spacing-sm) var(--spacing-md); max-inline-size: 708px; padding: var(--spacing-md); border-radius: var(--radius-card); background: var(--palette-background); box-shadow: var(--shadow-card-lift); }
.hero-search__tile { display: inline-flex; align-items: center; justify-content: center; inline-size: 50px; block-size: 50px; border-radius: var(--radius-md); background: var(--palette-surface); color: var(--palette-brand); }
.hero-search__field { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }
.hero-search__label { color: var(--palette-text-muted); font: var(--typography-caption) var(--font-family); font-weight: var(--font-weights-medium); }
.hero-search__input { inline-size: 100%; min-block-size: 32px; border: 0; background: transparent; color: var(--palette-text-emphasis); font: var(--typography-site-body) var(--font-family); }
.hero-search__input::placeholder { color: var(--palette-text-quiet); }
.hero-search__button { grid-column: 1 / -1; display: inline-flex; align-items: center; justify-content: center; min-block-size: 54px; padding-inline: var(--spacing-xl); border-radius: var(--radius-md); background: var(--palette-brand); color: var(--palette-on-brand); font: var(--typography-site-body) var(--font-family); white-space: nowrap; }
.hero-search__button:hover { background: var(--palette-brand-deep); }
/* Under it: "Popular:" and a row of country chips (.chip.chip--outline with a flag). */
.hero-popular { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-xs); color: var(--palette-text-emphasis); font: var(--typography-label-strong) var(--font-family); }
.hero-popular .flag { --flag-size: 24px; inline-size: 24px; block-size: 24px; }
/* Category tabs as pills (Home, Packages): soft off, brand on. The dark pill at the end opens the plan builder. */
.category-tabs--pills { flex-wrap: wrap; align-items: center; gap: var(--spacing-xs); }
.category-tabs--pills .category-tabs__tab, .category-tabs--pills .category-tabs__tab[aria-selected="true"], .category-tabs--pills .category-tabs__tab[aria-current="page"], .category-tabs--pills .category-tabs__tab.is-selected {
flex: none; flex-direction: row; align-items: center; gap: var(--spacing-xs); block-size: var(--sizing-min-touch-target); padding: 0 var(--spacing-md);
border-radius: 999px; background: var(--palette-surface); color: var(--palette-text-emphasis-half); font: var(--typography-label-strong) var(--font-family);
container-type: normal;
}
.category-tabs--pills .category-tabs__tab .icon { --icon-size: 18px; }
.category-tabs--pills .category-tabs__tab[aria-selected="true"], .category-tabs--pills .category-tabs__tab[aria-current="page"], .category-tabs--pills .category-tabs__tab.is-selected { background: var(--palette-brand); color: var(--palette-on-brand); }
.category-tabs--pills .category-tabs__label, .category-tabs--pills .category-tabs__tab[aria-selected="true"] .category-tabs__label { font-size: inherit; overflow: visible; }
.category-tabs__tab--dark, .category-tabs--pills .category-tabs__tab--dark { background: var(--palette-pill-dark); color: var(--palette-on-brand); }
/* Category tabs as tiles (the catalogue lists): white squares lifted off the hero, the current one higher with its name in brand. */
.category-tabs--tiles { justify-content: center; gap: var(--spacing-sm); }
.category-tabs--tiles .category-tabs__tab, .category-tabs--tiles .category-tabs__tab[aria-selected="true"], .category-tabs--tiles .category-tabs__tab[aria-current="page"], .category-tabs--tiles .category-tabs__tab.is-selected {
flex: none; justify-content: center; inline-size: 64px; block-size: 64px; padding: 0; gap: 2px;
border-radius: var(--radius-card); background: var(--palette-background); color: var(--palette-text-emphasis-half); box-shadow: var(--shadow-card-lift);
transition: transform var(--motion-selection-millis) var(--motion-easing);
}
.category-tabs--tiles .category-tabs__label { display: none; }
.category-tabs--tiles .category-tabs__tab[aria-selected="true"], .category-tabs--tiles .category-tabs__tab[aria-current="page"], .category-tabs--tiles .category-tabs__tab.is-selected { color: var(--palette-brand); transform: translateY(-10px); }
.category-tabs--tiles .category-tabs__tab[aria-selected="true"] .category-tabs__label, .category-tabs--tiles .category-tabs__tab[aria-current="page"] .category-tabs__label, .category-tabs--tiles .category-tabs__tab.is-selected .category-tabs__label { display: block; font: var(--typography-caption) var(--font-family); font-weight: var(--font-weights-semi-bold); }
/* A destination as a wide card (Home, the packages page, the local list;
Figma 2538:713). Every card is washed in its country's colours: its own
flag, blown up, blurred and laid over the card (and over the landmark
picture, turned grey, when there is one), strongest at the far end and
fading to white towards the name. A thin white rim, a soft shadow. */
.country-card--wide {
aspect-ratio: auto; block-size: auto; min-block-size: 176px; padding: var(--spacing-lg);
border: 2px solid var(--palette-background); border-radius: var(--radius-card); background: var(--palette-background);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--palette-navy) 9%, transparent), 0 var(--spacing-xs) var(--spacing-xl) color-mix(in srgb, var(--palette-navy) 9%, transparent);
color: var(--palette-navy);
}
.country-card--wide:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--palette-navy) 9%, transparent), 0 var(--spacing-md) var(--spacing-xxl) color-mix(in srgb, var(--palette-navy) 16%, transparent); }
.country-card--wide .country-card__picture { filter: grayscale(1) contrast(1.1); }
/* The wash: its own layer, clipped to the card's round corners, laid over
the card and its picture by multiplying. The flag comes as --data-flag. */
.country-card__wash {
position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;
border-radius: calc(var(--radius-card) - 2px); clip-path: inset(0 round calc(var(--radius-card) - 2px));
mix-blend-mode: multiply; opacity: 0.85;
}
.country-card__wash::before {
content: ""; position: absolute; inset-block: -40%; inset-inline: -30%;
background: var(--data-flag, none) center / 100% 100% no-repeat;
filter: blur(var(--spacing-xxl)) saturate(1.15);
}
.country-card--wide::after, .country-card--wide.country-card--picture::after {
content: ""; position: absolute; inset: 0; z-index: -1; block-size: auto;
background: linear-gradient(to var(--inline-end), var(--palette-background) 14%, color-mix(in srgb, var(--palette-background) 78%, transparent) 40%, color-mix(in srgb, var(--palette-background) 30%, transparent) 72%, transparent 100%);
}
.country-card--wide.country-card--picture { color: var(--palette-navy); }
.country-card--wide .flag { --flag-ring: 2px; inline-size: 40px; block-size: 40px; box-shadow: 0 var(--spacing-xxs) var(--spacing-sm) var(--palette-shadow-soft); }
.country-card--wide .country-card__name { margin-block-start: auto; padding-block-start: var(--spacing-md); color: var(--palette-navy); font: var(--typography-site-card-title) var(--font-family); }
.country-card--wide .country-card__from { margin-block-start: var(--spacing-xxs); padding-inline: 0; color: var(--palette-text-emphasis); font: var(--typography-caption) var(--font-family); }
.country-card--wide .country-card__price { padding-inline: 0; color: var(--palette-brand); font: var(--typography-title-bold) var(--font-family); }
/* Their grid: 2 columns on a phone, 4 on a desktop. */
.card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-sm); }
.card-grid--three { grid-template-columns: minmax(0, 1fr); }
/* A tour: its picture, its name and its line under it. */
.tour-card { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: var(--shadow-card-lift); text-align: start; transition: transform var(--motion-selection-millis) var(--motion-easing); }
.tour-card:hover { transform: translateY(calc(var(--spacing-xxs) * -1)); }
.tour-card__picture { inline-size: 100%; aspect-ratio: 424 / 240; object-fit: cover; }
.tour-card__body { display: flex; flex-direction: column; gap: var(--spacing-xs); padding: var(--spacing-lg); }
.tour-card__title { color: var(--palette-text-emphasis); font: var(--typography-site-card-title) var(--font-family); }
.tour-card__meta { color: var(--palette-text-secondary); font: var(--typography-label-regular) var(--font-family); }
.tour-card__price { color: var(--palette-brand); font: var(--typography-title-bold) var(--font-family); }
/* A white card with a picture inset at its top (or a tinted tile with an icon), a centred title and a line. */
.tile-card { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: inset 0 0 0 1px var(--palette-surface), var(--shadow-card-lift); text-align: center; }
a.tile-card, button.tile-card { cursor: pointer; transition: transform var(--motion-selection-millis) var(--motion-easing); }
a.tile-card:hover, button.tile-card:hover { transform: translateY(calc(var(--spacing-xxs) * -1)); }
.tile-card__picture { inline-size: 100%; aspect-ratio: 424 / 200; border-radius: var(--radius-card); object-fit: cover; }
.tile-card__art { display: flex; align-items: center; justify-content: center; inline-size: 100%; max-inline-size: 230px; aspect-ratio: 230 / 130; border-radius: var(--radius-card); background: var(--palette-tile-blue); color: var(--palette-brand); }
.tile-card__art .icon { --icon-size: 48px; }
.tile-card__title { color: var(--palette-text-emphasis); font: var(--typography-site-card-title) var(--font-family); }
.tile-card__body { color: var(--palette-text-secondary); font: var(--typography-site-body) var(--font-family); }
/* A numbered step: the big number at the end, the icon tile, a title and a quiet line. */
.step-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-sm); min-block-size: 200px; padding: var(--spacing-xl); border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: inset 0 0 0 1px var(--palette-surface), var(--shadow-card-lift); overflow: hidden; }
.step-card__number { position: absolute; inset-block-start: var(--spacing-md); inset-inline-end: var(--spacing-xl); color: var(--palette-tile-blue); font: 600 64px/1 var(--font-family); }
.step-card__title { margin-block-start: var(--spacing-sm); color: var(--palette-text-emphasis); font: var(--typography-site-card-title) var(--font-family); }
.step-card__body { color: var(--palette-text-quiet); font: var(--typography-site-body) var(--font-family); }
/* A wide band over a picture, the brand colour rising from the reading start:
eyebrow pill, white title and line, buttons. --light is the soft variant
(surface to white, brand title) with a picture of phones at the end. */
.picture-band { --web-focus-color: var(--palette-on-brand); position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: center; gap: var(--spacing-md); min-block-size: 320px; padding: var(--spacing-xl); border-radius: var(--radius-lg); background: var(--palette-brand); color: var(--palette-on-brand); }
.picture-band__picture { position: absolute; inset: 0; z-index: -2; inline-size: 100%; block-size: 100%; object-fit: cover; }
.picture-band::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to var(--inline-end), var(--palette-brand) 20%, transparent 85%); }
.picture-band__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-sm); max-inline-size: 640px; }
.picture-band__title { font: var(--typography-site-section) var(--font-family); }
.picture-band__text { font: var(--typography-subhead-large) var(--font-family); font-weight: 400; line-height: 1.5; }
.picture-band__actions { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); margin-block-start: var(--spacing-xs); }
.picture-band--light { --web-focus-color: var(--palette-brand); background: linear-gradient(to var(--inline-end), var(--palette-surface), var(--palette-background)); color: var(--palette-text-emphasis); }
.picture-band--light::after { content: none; }
.picture-band--light .picture-band__title { color: var(--palette-brand); }
.picture-band--light .picture-band__picture { z-index: -1; }
/* A picture standing at the band's end (phones), not behind it. Hidden on a phone, where the words need the room. */
.picture-band__art { display: none; }
/* A store's button: white, its mark, "Get it now" over the store's name. */
.store-button { display: inline-flex; align-items: center; gap: var(--spacing-sm); min-block-size: 60px; padding-inline: var(--spacing-md) var(--spacing-lg); border-radius: var(--radius-md); background: var(--palette-background); color: var(--palette-navy); box-shadow: inset 0 0 0 1px var(--palette-surface); }
.store-button__mark { inline-size: 28px; block-size: 28px; flex: none; }
.store-button__words { display: flex; flex-direction: column; line-height: 1.1; text-align: start; }
.store-button__small { font: 400 10px/14px var(--font-family); }
.store-button__name { font: var(--typography-title-bold) var(--font-family); }
/* The questions: white rows on a soft panel, a plus at the start that turns to a minus once open.
Drawn on . */
.faq-panel { display: grid; gap: var(--spacing-xl); padding: var(--spacing-xl) var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-faq-panel); }
.faq-list { display: flex; flex-direction: column; gap: var(--spacing-sm); min-inline-size: 0; }
.faq-item { border-radius: var(--radius-md); background: var(--palette-background); }
.faq-item__question { display: flex; align-items: center; gap: var(--spacing-sm); min-block-size: 60px; padding-inline: var(--spacing-md); color: var(--palette-text-emphasis); font: var(--typography-site-body) var(--font-family); font-weight: var(--font-weights-semi-bold); cursor: pointer; list-style: none; }
.faq-item__question::-webkit-details-marker { display: none; }
.faq-item__question::before { content: "+"; display: inline-flex; flex: none; align-items: center; justify-content: center; inline-size: 24px; block-size: 24px; border-radius: 50%; background: var(--palette-surface); color: var(--palette-brand); font: 600 18px/1 var(--font-family); }
.faq-item[open] .faq-item__question::before { content: "\2212"; background: var(--palette-brand); color: var(--palette-on-brand); }
.faq-item__answer { padding: 0 var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) + 24px + var(--spacing-sm)); color: var(--palette-text-secondary); font: var(--typography-label-regular) var(--font-family); line-height: 1.7; }
/* An answer of several paragraphs keeps them apart; a bullet is a list's row. It opens with a short slide. */
.faq-item__answer > * + * { margin-block-start: var(--spacing-sm); }
/* A bullet of an answer has one marker (the kit's dot) and one indent, whether it is a list's item or a line of its own. */
.faq-item__answer ul, .faq-item__answer ol { display: grid; gap: var(--spacing-xxs); padding-inline-start: 0; list-style: none; }
.faq-item__answer [class$="__bullet"] { position: relative; padding-inline-start: 1.25em; list-style: none; }
.faq-item__answer [class$="__bullet"]::before { content: ""; position: absolute; inset-inline-start: 0.3em; inset-block-start: 0.75em; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--palette-brand); }
.faq-item__answer [class$="__bullet"] + [class$="__bullet"] { margin-block-start: var(--spacing-xxs); }
.faq-item { transition: box-shadow var(--motion-selection-millis) var(--motion-easing); }
.faq-item:hover, .faq-item[open] { box-shadow: 0 0 0 1px var(--palette-surface), 0 6px 18px rgb(14 59 140 / 0.08); }
.faq-item__question::before { transition: transform 260ms var(--motion-easing), background-color var(--motion-selection-millis) var(--motion-easing); }
.faq-item[open] .faq-item__question::before { transform: rotate(180deg); }
.faq-item[open] .faq-item__answer { animation: kit-answer-open 280ms var(--motion-easing) backwards; }
@keyframes kit-answer-open { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
/* A page's light hero (Companion, Help, About, Contact, Privacy): the picture at
the end, white fading over it from the reading start, eyebrow, a title whose
second line (.page-hero__accent) is brand, a line and buttons. */
/* --page-hero-picture-focus is the point of the picture that stays in view when it is cropped: a page may set its own for its picture. */
.page-hero--light { --page-hero-picture-focus: left 30%; --web-focus-color: var(--palette-brand); justify-content: center; min-block-size: 0; margin-inline: 0; margin-block-start: var(--spacing-md); padding: var(--spacing-xl) var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-surface); color: var(--palette-navy); }
.page-hero--light .page-hero__picture { position: relative; inset: auto; z-index: auto; order: -1; block-size: 200px; border-radius: var(--radius-card); object-fit: cover; object-position: var(--page-hero-picture-focus); }
.page-hero--light::after { content: none; }
.page-hero--light .page-hero__title { color: var(--palette-navy); font: var(--typography-site-hero) var(--font-family); }
.page-hero__accent { display: block; color: var(--palette-brand); }
.page-hero--light .page-hero__subtitle { color: var(--palette-text-emphasis); font: var(--typography-site-body) var(--font-family); line-height: 1.6; }
.page-hero__actions { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); margin-block-start: var(--spacing-sm); }
.maak-button--slate { --_fill: var(--palette-button-slate); --_label: var(--palette-on-brand); --_hover: var(--palette-navy); }
/* A topic of help: title and line at the start, its 3D picture at the end. */
.topic-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--spacing-md); min-block-size: 160px; padding: var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: var(--shadow-card-lift); text-align: start; transition: transform var(--motion-selection-millis) var(--motion-easing); }
.topic-card:hover { transform: translateY(calc(var(--spacing-xxs) * -1)); }
.topic-card__words { display: flex; flex-direction: column; gap: var(--spacing-xs); }
.topic-card__title { color: var(--palette-text-emphasis); font: var(--typography-site-card-title) var(--font-family); }
.topic-card__body { color: var(--palette-text-secondary); font: var(--typography-site-body) var(--font-family); }
.topic-card__art { inline-size: 96px; block-size: 96px; object-fit: contain; }
/* A short article: its picture and its title. */
.article-card { display: flex; flex-direction: column; gap: var(--spacing-md); padding: var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: inset 0 0 0 1px var(--palette-surface), var(--shadow-card-lift); text-align: start; }
.article-card__picture { inline-size: 100%; aspect-ratio: 302 / 116; border-radius: var(--radius-md); object-fit: cover; }
.article-card__title { color: var(--palette-text-emphasis); font: 700 18px/26px var(--font-family); }
/* Pills of information under a hero (available countries, device check, the questions). */
.info-links { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); }
.info-link { display: inline-flex; align-items: center; gap: var(--spacing-xs); min-block-size: 50px; padding-inline: var(--spacing-md); border-radius: var(--radius-md); background: var(--palette-surface); color: var(--palette-text-emphasis); font: var(--typography-label-strong) var(--font-family); }
.info-link:hover { color: var(--palette-brand); }
/* A white panel that holds a page's grid over its hero's foot (the lists, the plans). */
.site-panel { position: relative; padding: var(--spacing-lg); border-radius: var(--radius-lg); background: var(--palette-background); box-shadow: var(--shadow-card-lift); }
/* A plan card the catalogue puts first: brand to violet, white words. */
.plan-card--featured { background: linear-gradient(to var(--inline-end), var(--palette-brand), var(--palette-violet)); color: var(--palette-on-brand); }
.plan-card--featured .plan-card__size, .plan-card--featured .plan-card__validity, .plan-card--featured .plan-card__price { color: var(--palette-on-brand); }
@media (min-width: 768px) {
.feature-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: var(--spacing-xl); }
.feature-strip__item { flex-direction: row; align-items: center; gap: var(--spacing-md); }
.hero-search { grid-template-columns: auto minmax(0, 1fr) auto; }
.hero-search__button { grid-column: auto; min-block-size: 60px; min-inline-size: 180px; }
.card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-lg); }
.card-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.category-tabs--tiles .category-tabs__tab, .category-tabs--tiles .category-tabs__tab[aria-selected="true"], .category-tabs--tiles .category-tabs__tab[aria-current="page"], .category-tabs--tiles .category-tabs__tab.is-selected { inline-size: 80px; block-size: 80px; }
.picture-band { min-block-size: 360px; padding: calc(var(--spacing-xl) * 2); }
.picture-band__art { display: block; position: absolute; inset-block-end: 0; inset-inline-end: var(--spacing-xl); z-index: -1; max-block-size: 95%; max-inline-size: 45%; object-fit: contain; }
.faq-panel { padding: calc(var(--spacing-xl) * 2); }
.page-hero--light { --page-hero-picture-focus: left 30%; flex-direction: row; align-items: center; min-block-size: 497px; padding: calc(var(--spacing-xl) * 2); }
.page-hero--light .page-hero__picture { position: absolute; inset-block: 0; inset-inline-end: 0; z-index: -2; order: 0; inline-size: 60%; block-size: 100%; border-radius: 0; object-position: var(--page-hero-picture-focus); }
.page-hero--light::after { content: ""; inset: 0; background: linear-gradient(to var(--inline-end), var(--palette-background) 40%, transparent 75%); opacity: 1; }
.page-hero--light .page-hero__body { max-inline-size: 640px; }
.page-hero--light { justify-content: flex-start; }
/* The pictures are drawn for right to left: the person at the left edge, the white fading to the right. Left to right turns them round. */
.page-hero--light .page-hero__picture { transform: scaleX(var(--mirror)); }
/* A picture with writing in it (a phone's screen) is never turned round: the writing would read backwards. */
.page-hero--light.page-hero--unmirrored .page-hero__picture { transform: none; }
.page-hero--light .page-hero__title { font: 700 48px/60px var(--font-family); }
.topic-card__art { inline-size: 150px; block-size: 150px; }
.site-panel { padding: calc(var(--spacing-xl) * 1.5); }
}
@media (min-width: 1100px) {
.card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.faq-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: start; }
.step-card { min-block-size: 250px; }
.step-card__number { font-size: 80px; }
.picture-band { min-block-size: 400px; }
}
/* A long document's contents (Privacy, Terms: frame 2592:5179): a pale blue card with a brand
heading, each heading numbered "01 ." in Latin digits, the one being read in brand and bold.
It stays in view beside the text from a tablet up (sticky under the top bar). */
.contents-card { display: flex; flex-direction: column; gap: var(--spacing-sm); padding: var(--spacing-sm); border-radius: var(--radius-lg); background: var(--palette-surface); }
.contents-card__heading { display: flex; align-items: center; justify-content: center; min-block-size: 64px; padding-inline: var(--spacing-md); border-radius: var(--radius-card); background: var(--palette-brand); color: var(--palette-on-brand); font: var(--typography-site-card-title) var(--font-family); font-weight: var(--font-weights-bold); text-align: center; box-shadow: 0 8px 20px rgb(17 94 234 / 0.25); }
.contents-card__list { display: flex; flex-direction: column; gap: var(--spacing-xxs); margin: 0; padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-sm); list-style: none; counter-reset: contents; overflow-y: auto; overscroll-behavior: contain; }
.contents-card__list > li { counter-increment: contents; }
.contents-card__link {
display: flex; align-items: baseline; gap: var(--spacing-xs); min-block-size: var(--sizing-min-touch-target); padding: var(--spacing-xs) var(--spacing-xs);
border-radius: var(--radius-sm); color: var(--palette-text-emphasis); font: var(--typography-label-regular) var(--font-family); text-align: start;
transition: color var(--motion-selection-millis) var(--motion-easing), background-color var(--motion-selection-millis) var(--motion-easing), transform var(--motion-selection-millis) var(--motion-easing);
}
.contents-card__link::before { content: counter(contents, decimal-leading-zero) " ."; flex: none; direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums; color: inherit; }
.contents-card__link:hover { color: var(--palette-brand); background: var(--palette-brand-wash); transform: translateX(3px); }
[dir="rtl"] .contents-card__link:hover { transform: translateX(-3px); }
.contents-card__link[aria-current="true"], .contents-card__link[aria-current="location"] { color: var(--palette-brand); font-weight: var(--font-weights-bold); }
@media (min-width: 768px) {
.contents-card { position: sticky; inset-block-start: calc(var(--web-header-height) + var(--spacing-lg)); max-block-size: calc(100vh - var(--web-header-height) - 2 * var(--spacing-lg)); padding: var(--spacing-md); }
.contents-card__heading { min-block-size: 80px; }
}
/* The website's promo band (Figma: the closing band of Home, Help and the
companion): the deep brand sky, the eyebrow pill, the title and the line at
the start, the code in its ticket, the frosted button at the end. Every word
and the code are the state's; with no voucher marked nothing is drawn. */
.promo-band {
--web-focus-color: var(--palette-on-brand);
position: relative; isolation: isolate; overflow: hidden;
display: grid; grid-template-columns: 1fr; align-items: center; gap: var(--spacing-lg);
padding: var(--spacing-xl) var(--spacing-lg); border-radius: var(--radius-lg);
background:
radial-gradient(ellipse at 70% 120%, color-mix(in srgb, var(--palette-on-brand) 22%, transparent), transparent 55%),
radial-gradient(ellipse at 20% -20%, color-mix(in srgb, var(--palette-on-brand) 16%, transparent), transparent 50%),
linear-gradient(to var(--inline-start), var(--palette-brand-deep), var(--palette-brand));
color: var(--palette-on-brand); box-shadow: var(--shadow-card-lift);
}
/* A faint flight path across the sky. */
.promo-band::after { content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(160deg, transparent 0 46px, color-mix(in srgb, var(--palette-on-brand) 6%, transparent) 46px 47px); pointer-events: none; }
.promo-band__words { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-xs); min-inline-size: 0; }
.promo-band__eyebrow { background: var(--palette-background); color: var(--palette-text-emphasis); }
.promo-band__title { margin-block-start: var(--spacing-xs); font: var(--typography-site-section) var(--font-family); line-height: 1.3; overflow-wrap: anywhere; }
.promo-band__body { color: var(--palette-on-brand-soft); font: var(--typography-site-body) var(--font-family); }
/* The ticket: a pale card, notched at both sides, the chip at its start and the code under its label. */
.promo-band__ticket {
justify-self: start; display: flex; align-items: center; gap: var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md); border-radius: var(--radius-md); transform: rotate(-4deg);
background:
radial-gradient(circle at 0 50%, transparent 9px, var(--palette-surface) 10px) 0 0 / 51% 100% no-repeat,
radial-gradient(circle at 100% 50%, transparent 9px, var(--palette-surface) 10px) 100% 0 / 51% 100% no-repeat;
color: var(--palette-brand); box-shadow: 0 var(--spacing-sm) var(--spacing-lg) color-mix(in srgb, var(--palette-brand-deep) 40%, transparent);
}
.promo-band__chip { display: inline-flex; align-items: center; justify-content: center; inline-size: 36px; block-size: 44px; border: 1.5px solid currentColor; border-radius: var(--radius-sm); font: var(--typography-caption) var(--font-family); font-weight: var(--font-weights-bold); }
.promo-band__ticket-words { display: flex; flex-direction: column; align-items: center; gap: 2px; padding-inline-start: var(--spacing-sm); border-inline-start: 1.5px dashed color-mix(in srgb, var(--palette-brand) 45%, transparent); }
.promo-band__label { font: var(--typography-caption) var(--font-family); font-weight: var(--font-weights-semi-bold); }
.promo-band__code { padding: 2px var(--spacing-sm); border-radius: var(--radius-sm); background: var(--palette-background); color: var(--palette-text-emphasis); font: var(--typography-price) var(--font-family); letter-spacing: 0.06em; }
.promo-band__button {
justify-self: stretch; min-block-size: 56px; padding-inline: var(--spacing-xl); border-radius: var(--radius-md); text-align: center;
border: 1px solid color-mix(in srgb, var(--palette-on-brand) 35%, transparent);
background: color-mix(in srgb, var(--palette-on-brand) 18%, transparent); color: var(--palette-on-brand);
-webkit-backdrop-filter: blur(var(--spacing-xs)); backdrop-filter: blur(var(--spacing-xs));
font: var(--typography-site-body) var(--font-family); font-weight: var(--font-weights-bold); cursor: pointer;
transition: background-color var(--motion-selection-millis) var(--motion-easing), transform var(--motion-selection-millis) var(--motion-easing);
}
.promo-band__button:hover { background: color-mix(in srgb, var(--palette-on-brand) 28%, transparent); transform: translateY(-1px); }
@media (min-width: 768px) {
.promo-band { grid-template-columns: 1fr auto auto; gap: var(--spacing-xl); padding: var(--spacing-xl) calc(var(--spacing-xl) * 1.5); }
.promo-band__button { justify-self: end; min-inline-size: 180px; }
}
/* ==== motion.css ==== */
/*
* How the website moves. Figma's website frames (2198:1540, phone 2277:573)
* define no motion, so every duration and curve here is one of shared's
* motion tokens in tokens.css (--motion-*), the ones the apps use, or a
* multiple of one.
*
* Rules this sheet keeps:
* - Everything sits inside prefers-reduced-motion: no-preference. With reduced
* motion asked for, nothing here applies (and base.css cuts the rest short).
* - Nothing depends on an animation to be seen. An entrance plays from a start
* that is the element's resting place a moment later (fill-mode backwards),
* and a loop starts and ends at rest. The one hidden state, the scroll
* reveal's, is itself an animation (maak-hold), and only under the class
* `reveal-on` that Reveal.kt puts on in a browser that has
* IntersectionObserver and allows motion: so a browser without it, a reader
* who asked for less motion, and look.sh's pictures (which switch every
* animation off) all show every element at rest.
* - Movement is vertical or a scale. The two that run along the line, the
* search button's shine and an arrow's nudge, use a logical property or
* :dir(), so they run toward the reading end in Arabic and in English.
* - Moves use the individual `translate`, `scale` and `rotate` properties, so
* they add to a `transform` a sheet already sets (a mirrored picture, a card
* that already lifts) instead of replacing it.
* - Focus keeps its ring: nothing here touches outline.
* - Sheets, menus and dialogs already animate in kit.css; they are left alone.
*
* The scroll reveal: Reveal.kt marks section heads, the cards of a grid, the
* bands and the steps inside with data-reveal="" and, once each comes
* into the window, data-reveal="in" (and the class is-in). data-reveal-i (0 to
* 5) staggers the cards of one grid. A page opts an element in with the class
* `reveal`.
*/
/* The featured plan card's first colour stop, so its gradient can shift. */
@property --maak-featured-stop {
syntax: "";
inherits: false;
initial-value: 0%;
}
@media (prefers-reduced-motion: no-preference) {
/* ---- cards: a lift under the pointer, a small give when pressed ---- */
:is(.country-card, .region-card, .plan-card, .tour-card, .tile-card, .topic-card,
.article-card, .step-card, .companion-card) {
transition:
translate var(--motion-selection-millis) var(--motion-easing),
scale var(--motion-selection-millis) var(--motion-easing),
transform var(--motion-selection-millis) var(--motion-easing),
box-shadow var(--motion-selection-millis) var(--motion-easing);
}
/* Country, tour and topic cards already lift with `transform` on hover. */
:is(.region-card, .plan-card, .tile-card, .article-card, .step-card, .companion-card):hover {
translate: 0 calc(var(--spacing-xxs) * -1);
}
:is(.country-card, .region-card, .plan-card, .tour-card, .tile-card, .topic-card,
.article-card, .step-card, .companion-card):active {
scale: 0.98;
}
/* A card's picture comes a little closer inside its frame (every frame here
clips; the tour card's picture already does this in its own sheet). */
:is(.country-card__picture, .region-card__picture, .offer-card__picture, .plan-card__picture,
.country-row__picture, .unlimited-card__picture, .family-plan-row__picture) {
transition: scale calc(var(--motion-screen-fade-millis) * 2) var(--motion-easing);
}
:is(.country-card, .region-card, .offer-card, .plan-card, .country-row, .unlimited-card, .family-plan-row):hover
:is(.country-card__picture, .region-card__picture, .offer-card__picture, .plan-card__picture,
.country-row__picture, .unlimited-card__picture, .family-plan-row__picture) {
scale: 1.06;
}
/* Flags and icon tiles rise a little when what holds them is pointed at. */
:is(.flag, .icon-tile, .category-tile__icon) {
transition: translate var(--motion-selection-millis) var(--motion-easing),
scale var(--motion-selection-millis) var(--motion-easing);
}
:is(.country-card, .country-row, .tour-card, .region-card, .tile-card, .topic-card, .home-step,
.step-card, .feature-strip__item, .home-companion__tile, .category-tile, .companion-card,
.home-hero__chip, .summary-card, .selectable-row):hover :is(.flag, .icon-tile, .category-tile__icon) {
translate: 0 calc(var(--spacing-xxs) * -1);
scale: 1.06;
}
/* A plan card, a top-up or a day just chosen gives a small pop. */
:is(.plan-card, .top-up-tile, .top-up-option, .day-option, .answer, .send-way):is([aria-pressed="true"], [aria-checked="true"], .is-selected) {
animation: maak-pop calc(var(--motion-selection-millis) * 1.5) var(--motion-easing);
}
/* The featured plan card's gradient leans slowly from one end and back. */
.plan-card--featured {
background: linear-gradient(to var(--inline-end), var(--palette-brand) var(--maak-featured-stop), var(--palette-violet));
animation: maak-featured-shift calc(var(--motion-screen-fade-millis) * 20) ease-in-out infinite alternate;
}
.plan-card--featured:is([aria-pressed="true"], [aria-checked="true"], .is-selected) {
animation:
maak-pop calc(var(--motion-selection-millis) * 1.5) var(--motion-easing),
maak-featured-shift calc(var(--motion-screen-fade-millis) * 20) ease-in-out infinite alternate;
}
/* ---- buttons, pills, chips, store badges ---- */
:is(.maak-button, .pill-link, .store-button, .chip) {
transition:
background-color var(--motion-selection-millis) var(--motion-easing),
color var(--motion-selection-millis) var(--motion-easing),
opacity var(--motion-selection-millis) var(--motion-easing),
box-shadow var(--motion-selection-millis) var(--motion-easing),
translate var(--motion-selection-millis) var(--motion-easing),
scale var(--motion-selection-millis) var(--motion-easing);
}
:is(.maak-button, .pill-link, .store-button):hover { translate: 0 -1px; }
:is(.maak-button, .pill-link, .store-button, .chip):active,
.maak-button.is-pressed { translate: 0 0; scale: 0.97; }
/* An arrow that leads on nudges toward the reading end under the pointer
(left in Arabic, right in English). A way back is left still. */
:is(.icon--directional, [class*="__arrow"]) {
transition: translate var(--motion-selection-millis) var(--motion-easing);
}
:is(a, button):not([class*="back"]):hover :is(.icon--directional, [class*="__arrow"]):dir(rtl) {
translate: calc(var(--spacing-xxs) * -1) 0;
}
:is(a, button):not([class*="back"]):hover :is(.icon--directional, [class*="__arrow"]):dir(ltr) {
translate: var(--spacing-xxs) 0;
}
/* Something waiting on the server breathes. */
:is([aria-busy="true"], .is-busy, .result-card--waiting, .result-row--waiting) {
animation: maak-pulse calc(var(--motion-screen-fade-millis) * 4) ease-in-out infinite;
}
/* ---- the header: a shadow and a slightly smaller mark once the page moves ---- */
@supports (animation-timeline: scroll()) {
.site-header {
animation: maak-header-lift linear both;
animation-timeline: scroll(root block);
animation-range: 0 calc(var(--web-header-height) * 1.5);
}
:is(.site-header .wordmark, .site-header__logo) {
animation: maak-mark-shrink linear both;
animation-timeline: scroll(root block);
animation-range: 0 calc(var(--web-header-height) * 1.5);
}
:is(.site-header .wordmark, .site-header__logo):dir(rtl) { transform-origin: right center; }
:is(.site-header .wordmark, .site-header__logo):dir(ltr) { transform-origin: left center; }
}
/* ---- header and footer links: the colour eases, a press gives a little ---- */
:is(.site-nav__link, .site-header__link, .site-header__account, .site-header__language, .site-footer__link) {
transition:
color var(--motion-selection-millis) var(--motion-easing),
background-color var(--motion-selection-millis) var(--motion-easing),
scale var(--motion-selection-millis) var(--motion-easing);
}
:is(.site-nav__link, .site-header__link, .site-header__account, .site-header__language, .site-footer__link):active { scale: 0.97; }
/* ---- category tabs: a selection eases from one tab to the next ---- */
.category-tabs__tab {
transition:
color var(--motion-selection-millis) var(--motion-easing),
background-color var(--motion-selection-millis) var(--motion-easing),
box-shadow var(--motion-selection-millis) var(--motion-easing),
scale var(--motion-selection-millis) var(--motion-easing);
}
.category-tabs__tab .icon {
transition: inline-size var(--motion-selection-millis) var(--motion-easing),
block-size var(--motion-selection-millis) var(--motion-easing);
}
.category-tabs__tab:active { scale: 0.96; }
/* ---- the questions: the answer opens smoothly, the plus turns ---- */
.faq-item__question::before {
transition:
rotate var(--motion-selection-millis) var(--motion-easing),
background-color var(--motion-selection-millis) var(--motion-easing),
color var(--motion-selection-millis) var(--motion-easing);
}
.faq-item[open] .faq-item__question::before { rotate: 180deg; }
/* Where the browser can animate a details box, it grows open and shut. */
@supports selector(::details-content) and (interpolate-size: allow-keywords) {
.faq-item { interpolate-size: allow-keywords; }
.faq-item::details-content {
block-size: 0;
overflow: clip;
transition:
block-size var(--motion-sheet-millis) var(--motion-easing),
content-visibility var(--motion-sheet-millis) var(--motion-easing) allow-discrete;
}
.faq-item[open]::details-content { block-size: auto; }
}
/* Elsewhere the answer fades in as it appears. */
@supports not selector(::details-content) {
.faq-item[open] .faq-item__answer {
animation: maak-fade-up var(--motion-sheet-millis) var(--motion-easing) backwards;
}
}
/* ---- each page: what draws fades and rises in as the page changes ---- */
/* No weight, so an element's own animation (a placeholder's breath) wins. */
:where(.page__main > *) {
animation: maak-fade-up var(--motion-screen-fade-millis) var(--motion-easing) backwards;
}
/* ---- the scroll reveal (see the head of this sheet) ---- */
:where(.reveal-on) [data-reveal=""] {
animation: maak-hold 1s linear both paused;
}
:where(.reveal-on) [data-reveal="in"] {
animation: maak-reveal calc(var(--motion-screen-fade-millis) * 2) var(--motion-easing) var(--reveal-delay, 0ms) backwards;
}
[data-reveal-i="1"] { --reveal-delay: calc(var(--motion-selection-millis) / 3); }
[data-reveal-i="2"] { --reveal-delay: calc(var(--motion-selection-millis) / 3 * 2); }
[data-reveal-i="3"] { --reveal-delay: var(--motion-selection-millis); }
[data-reveal-i="4"] { --reveal-delay: calc(var(--motion-selection-millis) / 3 * 4); }
[data-reveal-i="5"] { --reveal-delay: calc(var(--motion-selection-millis) / 3 * 5); }
/* ---- the heroes: a short entrance once, on load ---- */
:is(.home-hero__greeting, .home-hero__title, .page-hero__title, .picture-header__title) {
animation: maak-fade-up var(--motion-screen-fade-millis) var(--motion-easing) backwards;
}
:is(.home-hero__subtitle, .home-hero__body, .page-hero__subtitle, .picture-header__subtitle) {
animation: maak-fade-up var(--motion-screen-fade-millis) var(--motion-easing) calc(var(--motion-selection-millis) / 2) backwards;
}
:is(.home-hero__search, .page-hero__tools, .page-hero__actions, .picture-header__search, .picture-header__tabs) {
animation: maak-fade-up var(--motion-screen-fade-millis) var(--motion-easing) var(--motion-selection-millis) backwards;
}
:is(.page-hero__picture, .picture-header__picture) {
animation: maak-fade-in calc(var(--motion-screen-fade-millis) * 2) var(--motion-easing) backwards;
}
/* Home's background leans slowly up and down its height. */
.home-hero {
animation: maak-hero-sky calc(var(--motion-screen-fade-millis) * 40) ease-in-out infinite alternate;
}
/* Home's picture settles in, then the globe floats, slowly, for good. The float
is a few pixels up and back, so the page at rest looks as it was drawn. */
.home-hero__picture {
animation:
maak-settle calc(var(--motion-screen-fade-millis) * 2) var(--motion-easing) backwards,
maak-float calc(var(--motion-screen-fade-millis) * 20) ease-in-out calc(var(--motion-screen-fade-millis) * 2) infinite alternate;
}
/* The wide desktop picture runs to the edge: it fades in, then breathes. */
.home-hero__picture--wide {
animation:
maak-fade-in calc(var(--motion-screen-fade-millis) * 2) var(--motion-easing) backwards,
maak-breathe calc(var(--motion-screen-fade-millis) * 30) ease-in-out calc(var(--motion-screen-fade-millis) * 2) infinite;
}
/* The floating badges come in, then bob, each to its own beat. */
.home-hero__chip {
animation:
maak-fade-up var(--motion-screen-fade-millis) var(--motion-easing) calc(var(--motion-screen-fade-millis) * 1.5) backwards,
maak-bob calc(var(--motion-screen-fade-millis) * 14) ease-in-out calc(var(--motion-screen-fade-millis) * 3) infinite;
}
.home-hero__chip--2 {
animation:
maak-fade-up var(--motion-screen-fade-millis) var(--motion-easing) calc(var(--motion-screen-fade-millis) * 2) backwards,
maak-bob calc(var(--motion-screen-fade-millis) * 17) ease-in-out calc(var(--motion-screen-fade-millis) * 5) infinite;
}
.home-hero__chip--3 {
animation:
maak-fade-up var(--motion-screen-fade-millis) var(--motion-easing) calc(var(--motion-screen-fade-millis) * 2.5) backwards,
maak-bob calc(var(--motion-screen-fade-millis) * 20) ease-in-out calc(var(--motion-screen-fade-millis) * 4) infinite;
}
/* The search button: one soft shine runs across it toward the reading end,
once, after the hero has come in. inset-inline-start is logical, so the
light runs leftward in Arabic and rightward in English. */
.hero-search__button { position: relative; overflow: hidden; }
.hero-search__button::after {
content: ""; position: absolute; inset-block: 0; inset-inline-start: -50%; inline-size: 40%;
background: linear-gradient(to right, transparent, color-mix(in srgb, var(--palette-on-brand) 35%, transparent), transparent);
opacity: 0; pointer-events: none;
animation: maak-shine calc(var(--motion-screen-fade-millis) * 4) var(--motion-easing) calc(var(--motion-screen-fade-millis) * 4) 1;
}
/* ---- the bands: the picture drifts closer and back, the phones float ---- */
:is(.picture-band__picture, .launch-band__picture, .page-band__picture, .account-band__picture, .esims-band__picture) {
animation: maak-drift calc(var(--motion-screen-fade-millis) * 60) ease-in-out infinite alternate;
}
:is(.picture-band__art, .companion-phones__picture) {
animation: maak-float calc(var(--motion-screen-fade-millis) * 16) ease-in-out infinite alternate;
}
}
@keyframes maak-fade-up { from { opacity: 0; translate: 0 var(--spacing-sm); } }
@keyframes maak-fade-in { from { opacity: 0; } }
@keyframes maak-settle { from { opacity: 0; scale: 0.96; } }
@keyframes maak-float { to { translate: 0 calc(var(--spacing-xs) * -1); } }
@keyframes maak-bob { 50% { translate: 0 calc(var(--spacing-xs) * -1); } }
@keyframes maak-breathe { 50% { scale: 1.03; } }
@keyframes maak-drift { to { scale: 1.07; } }
@keyframes maak-hold { from, to { opacity: 0; } }
@keyframes maak-reveal { from { opacity: 0; translate: 0 var(--spacing-lg); } }
@keyframes maak-pop { 40% { scale: 1.03; } }
@keyframes maak-pulse { 50% { opacity: 0.55; } }
@keyframes maak-featured-shift { to { --maak-featured-stop: 35%; } }
@keyframes maak-hero-sky { from { background-size: 100% 100%; } to { background-size: 100% 150%; } }
@keyframes maak-shine {
from { inset-inline-start: -50%; opacity: 0; }
25% { opacity: 1; }
75% { opacity: 1; }
to { inset-inline-start: 110%; opacity: 0; }
}
@keyframes maak-header-lift { to { box-shadow: var(--shadow-card-lift); } }
@keyframes maak-mark-shrink { to { scale: 0.9; } }
/* ==== maak.css ==== */
/*
* Everything a page needs, in the order it must load. A page links this one file:
*
*
*
* tokens.css, type.css and icons.css are written by scripts; base.css and
* kit.css are written by hand. A front end that bundles its styles takes the
* five files in this order instead.
*/