diff --git a/examples/webcomponents/components/analytics.js b/examples/webcomponents/components/analytics.js
new file mode 100644
index 0000000000..cb0e9a57d1
--- /dev/null
+++ b/examples/webcomponents/components/analytics.js
@@ -0,0 +1,834 @@
+const trackEvent = (payload) => {
+  // insert a function to submit to your analytics platform of choice
+  console.log(payload)
+}
+
+const eventListeners = {
+  // UI Core components
+  'rpl-accordion/toggleAll': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_accordion_all`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        component: 'rpl-accordion',
+        platform_event: 'toggleAll'
+      })
+    }
+  },
+  'rpl-accordion/toggleItem': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_accordion`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        component: 'rpl-accordion',
+        platform_event: 'toggleItem'
+      })
+    }
+  },
+  'rpl-alert/dismiss': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_alert`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        component: 'rpl-alert',
+        platform_event: 'dismiss'
+      })
+    }
+  },
+  'rpl-breadcrumbs/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_breadcrumb`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        link_url: payload?.value,
+        index: payload?.index,
+        name: payload?.name,
+        component: 'rpl-breadcrumbs',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-campaign-banner/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_banner`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        link_url: payload?.value,
+        type: payload?.type,
+        name: payload?.name,
+        component: 'rpl-campaign-banner',
+        component_options: payload?.options,
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-card/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_card`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        index: payload?.index,
+        link_url: payload?.value,
+        type: payload?.type,
+        component: 'rpl-card',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-card-carousel/paginate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `paginate_${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        index: payload?.index,
+        component: 'rpl-card-carousel',
+        platform_event: 'paginate'
+      })
+    }
+  },
+  'rpl-card-carousel/swipe': () => {
+    return (payload) => {
+      trackEvent({
+        event: `swipe_${payload.action}`,
+        element_id: payload?.id,
+        name: payload?.name,
+        index: payload?.index,
+        component: 'rpl-card-carousel',
+        platform_event: 'swipe'
+      })
+    }
+  },
+  'rpl-chip/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_chip`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        index: payload?.index,
+        link_url: payload?.value,
+        component: 'rpl-chip',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-contact-us/itemClick': () => {
+    return (payload) => {
+      const { host } = new URL(payload?.value)
+
+      trackEvent({
+        event: `${payload.action}_${payload?.type || 'link'}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        link_url: payload?.value,
+        link_domain: host,
+        component: 'rpl-contact-us',
+        platform_event: 'itemClick'
+      })
+    }
+  },
+  'rpl-data-table/expandRow': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_table_row`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        index: payload?.index,
+        component: 'rpl-data-table',
+        platform_event: 'expandRow'
+      })
+    }
+  },
+  'rpl-document/download': () => {
+    return (payload) => {
+      trackEvent({
+        event: `document_${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        link_url: payload?.value,
+        name: payload?.name,
+        component: 'rpl-document',
+        platform_event: 'download'
+      })
+    }
+  },
+  'rpl-file/download': () => {
+    return (payload) => {
+      const { host, pathname } = new URL(payload?.value)
+
+      trackEvent({
+        event: `file_${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        file_name: pathname.split('/').pop(),
+        file_extension: payload?.type,
+        file_size: payload?.size,
+        link_url: payload?.value,
+        link_domain: host,
+        name: payload?.name,
+        component: 'rpl-file',
+        platform_event: 'download'
+      })
+    }
+  },
+  'rpl-footer/expand': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_footer_nav`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        index: payload?.index,
+        name: payload?.name,
+        component: 'rpl-footer',
+        platform_event: 'expand'
+      })
+    }
+  },
+  'rpl-footer/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_footer`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        index: payload?.index,
+        link_url: payload?.value,
+        name: payload?.name,
+        component: 'rpl-footer',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-header/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_header_${payload?.elementType || 'link'}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        link_url: payload?.value,
+        section: payload?.section,
+        theme: payload?.theme,
+        type: payload?.type,
+        name: payload?.name,
+        component: 'rpl-header',
+        component_options: payload?.options,
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-in-page-navigation/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_in_page_nav`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        link_url: payload?.value,
+        name: payload?.name,
+        component: 'rpl-in-page-navigation',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-media-embed/viewTranscript': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_transcript`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        type: payload?.type,
+        name: payload?.name,
+        component: 'rpl-media-embed',
+        platform_event: 'viewTranscript'
+      })
+    }
+  },
+  'rpl-media-embed/viewFullscreen': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_fullscreen`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        type: payload?.type,
+        name: payload?.name,
+        component: 'rpl-media-embed',
+        platform_event: 'viewFullscreen'
+      })
+    }
+  },
+  'rpl-media-embed/viewData': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_data`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        type: payload?.type,
+        name: payload?.name,
+        component: 'rpl-media-embed',
+        platform_event: 'viewData'
+      })
+    }
+  },
+  'rpl-media-embed/downloadImage': () => {
+    return (payload) => {
+      const { pathname, host } = new URL(payload?.value)
+      const fileName = pathname.split('/').pop()
+
+      trackEvent({
+        event: `file_${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        link_url: payload?.value,
+        link_domain: host,
+        file_name: fileName,
+        file_extension: fileName.split('.').pop(),
+        type: payload?.type,
+        name: payload?.name,
+        component: 'rpl-media-embed',
+        platform_event: 'downloadImage'
+      })
+    }
+  },
+  'rpl-media-gallery/paginate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `paginate_${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        index: payload?.index,
+        label: payload?.label,
+        name: payload?.name,
+        component: 'rpl-media-gallery',
+        platform_event: 'paginate'
+      })
+    }
+  },
+  'rpl-media-gallery/swipe': () => {
+    return (payload) => {
+      trackEvent({
+        event: `swipe_${payload.action}`,
+        element_id: payload?.id,
+        index: payload?.index,
+        label: payload?.label,
+        name: payload?.name,
+        component: 'rpl-media-gallery',
+        platform_event: 'swipe'
+      })
+    }
+  },
+  'rpl-media-gallery/viewFullscreen': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_fullscreen`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        value: payload?.value,
+        index: payload?.index,
+        component: 'rpl-media-gallery',
+        platform_event: 'viewFullscreen'
+      })
+    }
+  },
+  'rpl-page-links/paginate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `paginate_${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        link_url: payload?.value,
+        name: payload?.name,
+        component: 'rpl-page-links',
+        platform_event: 'paginate'
+      })
+    }
+  },
+  'rpl-primary-nav/quickExit': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_quick_exit`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        link_url: payload?.value,
+        name: payload?.name,
+        component: 'rpl-primary-nav',
+        platform_event: 'quickExit'
+      })
+    }
+  },
+  'rpl-primary-nav/toggleMenu': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_menu`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        component: 'rpl-primary-nav',
+        platform_event: 'toggleMenu'
+      })
+    }
+  },
+  'rpl-primary-nav/toggleMenuItem': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_menu_item`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        index: payload?.index,
+        name: payload?.name,
+        component: 'rpl-primary-nav',
+        platform_event: 'toggleMenuItem'
+      })
+    }
+  },
+  'rpl-primary-nav/clickBackButton': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_menu_back`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        index: payload?.index,
+        name: payload?.name,
+        component: 'rpl-primary-nav',
+        platform_event: 'clickBackButton'
+      })
+    }
+  },
+  'rpl-primary-nav/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_menu_item`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        index: payload?.index,
+        link_url: payload?.value,
+        name: payload?.name,
+        component: 'rpl-primary-nav',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-primary-nav/toggleSearch': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_search`,
+        element_id: payload?.id,
+        name: payload?.name,
+        component: 'rpl-primary-nav',
+        platform_event: 'toggleSearch'
+      })
+    }
+  },
+  'rpl-related-links/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_related_link`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        index: payload?.index,
+        name: payload?.name,
+        link_url: payload?.value,
+        component: 'rpl-related-links',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-search-result/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_search_result`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        link_url: payload?.value,
+        component: 'rpl-search-result',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-search-bar/submit': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.value,
+        type: payload?.type,
+        name: payload?.name,
+        component: 'rpl-search-bar',
+        platform_event: 'search'
+      })
+    }
+  },
+  'rpl-social-share/openShareWindow': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_social`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.text?.toLowerCase(),
+        component: 'rpl-social-share',
+        platform_event: 'openShareWindow'
+      })
+    }
+  },
+  'rpl-tabs/toggleTab': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_tab`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        component: 'rpl-tabs',
+        platform_event: 'toggleTab'
+      })
+    }
+  },
+  'rpl-timeline/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_timeline_item`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        link_url: payload?.value,
+        component: 'rpl-timeline',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  'rpl-vertical-nav/toggleMenuItem': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_menu_item`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        name: payload?.name,
+        component: 'rpl-vertical-nav',
+        platform_event: 'toggleMenuItem'
+      })
+    }
+  },
+  'rpl-vertical-nav/navigate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_menu_item`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        link_url: payload?.value,
+        name: payload?.name,
+        index: payload?.index,
+        component: 'rpl-vertical-nav',
+        platform_event: 'navigate'
+      })
+    }
+  },
+  // UI Forms components
+  'rpl-form/submit': () => {
+    return (payload) => {
+      trackEvent({
+        event: `form_${payload.action}`,
+        form_id: payload?.id,
+        form_name: payload?.name,
+        form_valid: true,
+        form_data: payload?.value,
+        element_text: payload?.text,
+        component: 'rpl-form',
+        platform_event: 'submit'
+      })
+    }
+  },
+  'rpl-form/invalid': () => {
+    return (payload) => {
+      trackEvent({
+        event: `form_${payload.action}`,
+        form_id: payload?.id,
+        form_name: payload?.name,
+        form_valid: false,
+        form_data: payload?.value,
+        element_text: payload?.text,
+        component: 'rpl-form',
+        platform_event: 'submit'
+      })
+    }
+  },
+  'rpl-form/submitted': () => {
+    return (payload) => {
+      trackEvent({
+        event: `form_${payload.action}`,
+        form_id: payload?.id,
+        form_name: payload?.name,
+        form_data: payload?.value,
+        element_text: payload?.text,
+        component: 'rpl-form',
+        platform_event: 'submit'
+      })
+    }
+  },
+  'rpl-form-actions/reset': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_reset_form`,
+        form_id: payload?.contextId,
+        form_name: payload?.contextName,
+        element_text: payload?.text,
+        component: 'rpl-form-actions',
+        platform_event: 'resetForm'
+      })
+    }
+  },
+  'rpl-form-date/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        value: payload?.value,
+        type: 'date',
+        component: 'rpl-form-date',
+        platform_event: 'update'
+      })
+    }
+  },
+  'rpl-form-dropdown/toggleOpen': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        value: payload?.value,
+        type: 'select',
+        component: 'rpl-form-dropdown',
+        platform_event: 'toggleOpen'
+      })
+    }
+  },
+  'rpl-form-dropdown/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        value: payload?.value,
+        type: 'select',
+        component: 'rpl-form-dropdown',
+        platform_event: 'update'
+      })
+    }
+  },
+  'rpl-form-input/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        type: payload?.type,
+        value: payload?.value,
+        component: 'rpl-form-input',
+        platform_event: 'update'
+      })
+    }
+  },
+  'rpl-form-option/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        type: payload?.type,
+        value: payload?.value,
+        component: 'rpl-form-option',
+        platform_event: 'update'
+      })
+    }
+  },
+  'rpl-form-option-buttons/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        value: payload?.value,
+        type: 'radio',
+        component: 'rpl-form-option-buttons',
+        platform_event: 'update'
+      })
+    }
+  },
+  'rpl-form-checkbox-group/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        value: payload?.value,
+        type: 'checkbox',
+        component: 'rpl-form-checkbox-group',
+        platform_event: 'update'
+      })
+    }
+  },
+  'rpl-form-radio-group/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        value: payload?.value,
+        type: 'radio',
+        component: 'rpl-form-radio-group',
+        platform_event: 'update'
+      })
+    }
+  },
+  'rpl-form-textarea/update': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_form_field`,
+        label: payload?.label,
+        form_name: payload?.contextName,
+        form_id: payload?.contextId,
+        field_id: payload?.id,
+        value: payload?.value,
+        type: 'textarea',
+        component: 'rpl-form-textarea',
+        platform_event: 'update'
+      })
+    }
+  },
+  // Tide search
+  'tide-search/submit': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        filters: payload?.options,
+        label: payload?.label,
+        name: payload?.name,
+        type: payload?.type,
+        form_id: payload?.contextId,
+        component: `tide-${payload.section || 'search'}`,
+        platform_event: 'search'
+      })
+    }
+  },
+  'tide-search/results': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_search_results`,
+        element_id: payload?.id,
+        label: payload?.label,
+        name: payload?.name,
+        form_id: payload?.contextId,
+        index: payload?.index,
+        filters: payload?.options,
+        count: payload?.value,
+        component: `tide-${payload.section || 'search'}`,
+        platform_event: 'search'
+      })
+    }
+  },
+  'tide-search/paginate': () => {
+    return (payload) => {
+      trackEvent({
+        event: `paginate_${payload.action}`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        form_id: payload?.contextId,
+        index: payload?.index,
+        count: payload?.value,
+        filters: payload?.options,
+        component: `tide-${payload.section || 'search'}`,
+        platform_event: 'paginate'
+      })
+    }
+  },
+  'tide-search/toggleFilters': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_filters`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        form_id: payload?.contextId,
+        filters: payload?.options,
+        component: `tide-${payload.section || 'search'}`,
+        platform_event: 'toggleFilters'
+      })
+    }
+  },
+  'tide-search/reset': () => {
+    return (payload) => {
+      trackEvent({
+        event: `${payload.action}_filters`,
+        element_id: payload?.id,
+        element_text: payload?.text,
+        label: payload?.label,
+        name: payload?.name,
+        count: payload?.value,
+        type: payload?.type,
+        form_id: payload?.contextId,
+        filters: payload?.options,
+        component: `tide-${payload.section || 'search'}`,
+        platform_event: 'clearQuery'
+      })
+    }
+  }
+}
+setTimeout(() => {
+  if (window.$rplEvent) {
+    const evtKeys = Object.keys(eventListeners)
+    if (evtKeys.length > 0) {
+      evtKeys.forEach((key) => {
+        window.$rplEvent.on(key, eventListeners[key]())
+      })
+    }
+  }
+}, 2000)
diff --git a/examples/webcomponents/components/footer.js b/examples/webcomponents/components/footer.js
new file mode 100644
index 0000000000..d0fbaa4290
--- /dev/null
+++ b/examples/webcomponents/components/footer.js
@@ -0,0 +1,78 @@
+const footer = document.getElementById('footer')
+footer.id = '123'
+footer.nav = [
+  {
+    text: 'Your Services',
+    url: '#services',
+    single: true,
+    items: [
+      {
+        text: 'Law and safety',
+        url: '#'
+      }
+    ]
+  },
+  {
+    text: 'About us',
+    url: '#about',
+    single: true
+  },
+  {
+    text: 'Latest News',
+    url: '#news',
+    single: true
+  },
+  {
+    text: 'Upcoming Events',
+    url: '#events',
+    single: true
+  },
+  {
+    text: 'Connect with us',
+    url: '',
+    items: [
+      {
+        text: 'DH Twitter',
+        url: '#',
+        icon: 'icon-x'
+      },
+      {
+        text: 'DFFH LinkedIn',
+        url: '#',
+        icon: 'icon-linkedin'
+      },
+      {
+        text: 'DFFH Facebook',
+        url: '#',
+        icon: 'icon-facebook'
+      }
+    ]
+  }
+]
+
+footer.links = [
+  {
+    text: 'Privacy',
+    url: '#'
+  },
+  {
+    text: 'Disclaimer',
+    url: '#'
+  },
+  {
+    text: 'Terms of use',
+    url: '#'
+  },
+  {
+    text: 'Sitemap',
+    url: '#'
+  },
+  {
+    text: 'Accessibility Statement',
+    url: '#'
+  },
+  {
+    text: 'Help',
+    url: '#'
+  }
+]
diff --git a/examples/webcomponents/components/heroheader.js b/examples/webcomponents/components/heroheader.js
new file mode 100644
index 0000000000..e6381ad82c
--- /dev/null
+++ b/examples/webcomponents/components/heroheader.js
@@ -0,0 +1,20 @@
+const heroHeader = document.getElementById('hero-header-container')
+heroHeader.primaryAction = { text: 'Primary action', url: '#primary' }
+heroHeader.secondaryAction = {
+  title: 'Find out more',
+  text: 'Secondary action',
+  url: '#secondary'
+}
+heroHeader.background = {
+  src: 'img/image-landscape-s.jpg',
+  srcSet:
+    '/img/image-landscape-s.jpg 640w, /img/image-landscape-m.jpg 960w , /img/image-landscape-l.jpg 1240w',
+  sizes:
+    '(min-width: 640px) 640px, (min-width: 960px) 960px, (min-width: 1240px) 1240px',
+  height: 1920,
+  width: 2880,
+  focalPoint: {
+    x: 2620,
+    y: 620
+  }
+}
diff --git a/examples/webcomponents/components/page.js b/examples/webcomponents/components/page.js
new file mode 100644
index 0000000000..ac494c8f84
--- /dev/null
+++ b/examples/webcomponents/components/page.js
@@ -0,0 +1,8 @@
+if (window.$rplEventBus) {
+  const evtKeys = Object.keys(eventListeners)
+  if (evtKeys.length > 0) {
+    evtKeys.forEach((key) => {
+      window.$rplEventBus.on(key, eventListeners[key]())
+    })
+  }
+}
diff --git a/examples/webcomponents/components/primarynav.js b/examples/webcomponents/components/primarynav.js
new file mode 100644
index 0000000000..10f412c485
--- /dev/null
+++ b/examples/webcomponents/components/primarynav.js
@@ -0,0 +1,120 @@
+const primaryNav = document.getElementById('rpl-primary-nav')
+const navItems = [
+  {
+    id: '1',
+    text: 'First level A',
+    url: '#',
+    items: [
+      {
+        id: '2',
+        text: 'Second level A',
+        url: '#',
+        items: [
+          {
+            id: '3',
+            text: 'Third level A link with some text that will need to wrap',
+            url: '#',
+            items: [{ id: '4', text: 'Fourth level A', url: '#' }]
+          }
+        ]
+      },
+      { id: '4', text: 'Second level B', url: '#' },
+      { id: '5', text: 'Second level C', url: '#' },
+      { id: '6', text: 'Second level D', url: '#' },
+      {
+        id: '7',
+        text: 'Second level E',
+        url: '#',
+        items: [
+          { id: '7.1', text: 'Third level B', url: '#' },
+          { id: '7.2', text: 'Third level C', url: '#' },
+          { id: '7.3', text: 'Third level D', url: '#' },
+          { id: '7.4', text: 'Third level E', url: '#' },
+          {
+            id: '7.5',
+            text: 'Third level F',
+            url: '#',
+            items: [
+              { id: '7.6', text: 'Fourth level A', url: '#' },
+              { id: '7.7', text: 'Fourth level B', url: '#' },
+              { id: '7.8', text: 'Fourth level C', url: '#' },
+              { id: '7.9', text: 'Fourth level D', url: '#' }
+            ]
+          },
+          { id: '7.10', text: 'Third level G', url: '#' },
+          { id: '7.11', text: 'Third level H', url: '#' },
+          { id: '7.12', text: 'Third level I', url: '#' }
+        ]
+      },
+
+      { id: '8', text: 'Second level F', url: '#' },
+      { id: '9', text: 'Second level G', url: '#' },
+      { id: '10', text: 'Second level H', url: '#' },
+      { id: '11', text: 'Second level I', url: '#' },
+      { id: '12', text: 'Second level J', url: '#' },
+      { id: '13', text: 'Second level K', url: '#' },
+      { id: '14', text: 'Second level L', url: '#' },
+      { id: '15', text: 'Second level M', url: '#' },
+      { id: '16', text: 'Second level N', url: '#' },
+      { id: '17', text: 'Second level O', url: '#' },
+      { id: '18', text: 'Second level P', url: '#' },
+      { id: '19', text: 'Second level Q', url: '#' }
+    ]
+  },
+  {
+    id: '20',
+    text: 'First level B',
+    url: '#',
+    items: [
+      {
+        id: '21',
+        text: 'Second level',
+        url: '#',
+        items: [
+          {
+            id: '22',
+            text: 'Third level link with some text that will need to wrap',
+            url: '#',
+            items: [{ id: '23', text: 'Fourth level', url: '#' }]
+          },
+          {
+            id: '22.5',
+            text: 'Another third level link',
+            url: '#'
+          }
+        ]
+      },
+      { id: '24', text: 'Second level', url: '#' },
+      { id: '25', text: 'Second level', url: '#' }
+    ]
+  },
+  { id: '26', text: 'First level C', url: '#' },
+  {
+    id: '27',
+    text: 'First level D',
+    url: '#',
+    items: [
+      {
+        id: '28',
+        text: 'Second level',
+        url: '#',
+        items: [
+          {
+            id: '29',
+            text: 'Third level link with some text that will need to wrap',
+            url: '#',
+            items: [{ id: '30', text: 'Fourth level', url: '#' }]
+          }
+        ]
+      },
+      { id: '31', text: 'Second level', url: '#' },
+      { id: '32', text: 'Second level', url: '#' }
+    ]
+  },
+  { id: '26', text: 'First level E', url: '#' }
+]
+primaryNav.items = navItems
+primaryNav.primaryLogo = {
+  href: '#',
+  altText: 'Primary logo alt text'
+}
diff --git a/examples/webcomponents/index.html b/examples/webcomponents/index.html
index bf5c1bc2b3..c71a6d5a93 100644
--- a/examples/webcomponents/index.html
+++ b/examples/webcomponents/index.html
@@ -5,18 +5,59 @@
     <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite App</title>
+    <script type="module" src="/main.js"></script>
+    <style>
+      body {
+        --rpl-clr-primary: #FF9900;
+        --rpl-clr-primary-alt: #E37109;
+        --rpl-clr-primary-alpha: rgba(172,48,119,0.5);
+        --rpl-clr-accent: #465870;
+        --rpl-clr-accent-alt: #ECEEF1;
+        --rpl-clr-link: #E37109;
+        --rpl-clr-focus: #75D9A0;
+        --rpl-clr-gradient-vertical: linear-gradient(180deg, #D61634 0%, #D42B8B 40%, #652484 80%);
+        --rpl-clr-gradient-horizontal: linear-gradient(90deg, #D61634 0%, #D42B8B 40%, #652484 80%);
+        --rpl-clr-type-primary-accessible: #E37109;
+        --rpl-clr-type-primary-alt-accessible: #E37109;
+        --rpl-clr-footer: #3C4A60;
+        --rpl-clr-footer-alt: #E37109;
+        --rpl-clr-type-footer-accessible: #E37109;
+        --rpl-clr-type-footer-contrast: #FFFFFF;
+      }
+    </style>
   </head>
   <body>
-    <div id="app"></div>
-    <script type="module" src="/main.js"></script>
-    <div class="rpl-container rpl-u-margin-t-6 rpl-u-margin-b-6">
-      <h1 class="rpl-type-h1 rpl-u-margin-b-3">Web components test page</h1>
-      <p class="rpl-type-p rpl-u-margin-b-3">
-        A short paragraph with a
-        <rpl-text-link url="https://www.google.com">text link</rpl-text-link> in
-        the middle.
-      </p>
-      <rpl-button>Test button</rpl-button>
-    </div>
+    <rpl-page>
+      <rpl-layout>
+        <div slot="primary-nav" style="height: 0;">
+          <rpl-primary-nav id="rpl-primary-nav"></rpl-primary-nav>
+        </div>
+        <div slot="above-body">
+          <rpl-hero-header
+            id="hero-header-container"
+            title="Web components test page"
+            corner-top="false"
+            corner-bottom="false"
+          >
+            Access services and find out what's on in your local area and have
+            your say on government decisions.
+          </rpl-hero-header>
+        </div>
+        <div slot="body">
+          <h2 class="rpl-type-h1 rpl-u-margin-b-3">Web components test page</h2>
+          <p class="rpl-type-p rpl-u-margin-b-3">
+            A short paragraph with a
+            <rpl-text-link url="https://www.google.com"
+              >text link</rpl-text-link
+            >
+            in the middle.
+          </p>
+          <rpl-button>Test button</rpl-button>
+          <rpl-accordion id="accordion1"></rpl-accordion>
+          </div>
+        </div>
+      </rpl-layout>
+    </rpl-page>
   </body>
+  <rpl-footer id="footer"> </rpl-footer>
 </html>
diff --git a/examples/webcomponents/main.js b/examples/webcomponents/main.js
index b3d2a6ad19..7a3c97fb02 100644
--- a/examples/webcomponents/main.js
+++ b/examples/webcomponents/main.js
@@ -1,6 +1,15 @@
 import { registerRplWebComponents } from '@dpc-sdp/ripple-ui-core/webcomponents'
 import '@dpc-sdp/ripple-ui-core/style'
-import '@dpc-sdp/ripple-ui-core/style/components'
+import '@dpc-sdp/ripple-ui-core/components/button/RplButton.css'
 
+window.$rplFeatureFlags = {
+  disablePrimaryLogo: false,
+  disableFooterLogo: true
+}
 // Loads all ripple components
 registerRplWebComponents()
+
+import './components/analytics.js'
+import './components/primarynav.js'
+import './components/heroheader.js'
+import './components/footer.js'
diff --git a/examples/webcomponents/package.json b/examples/webcomponents/package.json
index 9dc6e8a3d1..e45ed77c59 100644
--- a/examples/webcomponents/package.json
+++ b/examples/webcomponents/package.json
@@ -10,5 +10,8 @@
   },
   "dependencies": {
     "@dpc-sdp/ripple-ui-core": "workspace:*"
+  },
+  "devDependencies": {
+    "vite-svg-loader": "^4.0.0"
   }
 }
diff --git a/examples/webcomponents/public/img/hero-corner-bottom.png b/examples/webcomponents/public/img/hero-corner-bottom.png
new file mode 100644
index 0000000000..2d45213589
Binary files /dev/null and b/examples/webcomponents/public/img/hero-corner-bottom.png differ
diff --git a/examples/webcomponents/public/img/hero-corner-top.png b/examples/webcomponents/public/img/hero-corner-top.png
new file mode 100644
index 0000000000..138e10d1fc
Binary files /dev/null and b/examples/webcomponents/public/img/hero-corner-top.png differ
diff --git a/examples/webcomponents/public/img/image-dark.jpg b/examples/webcomponents/public/img/image-dark.jpg
new file mode 100644
index 0000000000..b97c616eaf
Binary files /dev/null and b/examples/webcomponents/public/img/image-dark.jpg differ
diff --git a/examples/webcomponents/public/img/image-landscape-l.jpg b/examples/webcomponents/public/img/image-landscape-l.jpg
new file mode 100644
index 0000000000..338887eac2
Binary files /dev/null and b/examples/webcomponents/public/img/image-landscape-l.jpg differ
diff --git a/examples/webcomponents/public/img/image-landscape-m.jpg b/examples/webcomponents/public/img/image-landscape-m.jpg
new file mode 100644
index 0000000000..782ec84dfa
Binary files /dev/null and b/examples/webcomponents/public/img/image-landscape-m.jpg differ
diff --git a/examples/webcomponents/public/img/image-landscape-s.jpg b/examples/webcomponents/public/img/image-landscape-s.jpg
new file mode 100644
index 0000000000..0333fd01dd
Binary files /dev/null and b/examples/webcomponents/public/img/image-landscape-s.jpg differ
diff --git a/examples/webcomponents/public/img/image-light.jpg b/examples/webcomponents/public/img/image-light.jpg
new file mode 100644
index 0000000000..5802a9fa91
Binary files /dev/null and b/examples/webcomponents/public/img/image-light.jpg differ
diff --git a/examples/webcomponents/public/img/primary-nav-logo-primary-print.svg b/examples/webcomponents/public/img/primary-nav-logo-primary-print.svg
new file mode 100755
index 0000000000..98f9da65c3
--- /dev/null
+++ b/examples/webcomponents/public/img/primary-nav-logo-primary-print.svg
@@ -0,0 +1,3 @@
+<svg width="105" height="14" viewBox="0 0 105 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.712 13H8.144L13.616 0.999999H9.968L6.928 7.544L3.888 0.999999H0.24L5.712 13ZM14.5069 13H17.7709V0.999999H14.5069V13ZM25.7264 0.728C22.3344 0.728 19.2944 3.432 19.2944 7C19.2944 10.568 22.3344 13.272 25.7264 13.272C28.0144 13.272 30.0784 12.264 31.3264 10.44L28.6064 8.776C27.9984 9.608 27.1344 10.168 25.8864 10.168C24.2224 10.168 22.7824 8.648 22.7824 7C22.7824 5.352 24.2224 3.832 25.8864 3.832C27.1344 3.832 27.9984 4.392 28.6064 5.224L31.3264 3.56C30.0784 1.736 28.0144 0.728 25.7264 0.728ZM33.346 13.128C34.21 13.128 34.914 12.44 34.914 11.592C34.914 10.728 34.21 10.04 33.346 10.04C32.514 10.04 31.81 10.728 31.81 11.592C31.81 12.44 32.514 13.128 33.346 13.128ZM43.4333 8.44H45.7053V9.448C45.1293 9.928 44.3773 10.168 43.4333 10.168C41.7693 10.168 40.3293 8.648 40.3293 7C40.3293 5.352 41.7693 3.832 43.4333 3.832C44.4893 3.832 45.2733 4.248 45.8493 4.872L48.2973 2.84C47.0333 1.48 45.2413 0.728 43.2733 0.728C39.8813 0.728 36.8413 3.432 36.8413 7C36.8413 10.568 39.8813 13.272 43.2733 13.272C45.5613 13.272 47.6253 12.264 48.8733 10.44V5.656H43.4333V8.44ZM63.7001 7C63.7001 3.432 60.6121 0.728 57.0441 0.728C53.4761 0.728 50.3881 3.432 50.3881 7C50.3881 10.568 53.4761 13.272 57.0441 13.272C60.6121 13.272 63.7001 10.568 63.7001 7ZM53.8761 7C53.8761 5.256 55.3001 3.832 57.0441 3.832C58.7881 3.832 60.2121 5.256 60.2121 7C60.2121 8.744 58.7881 10.168 57.0441 10.168C55.3001 10.168 53.8761 8.744 53.8761 7ZM69.212 13H71.644L77.116 0.999999H73.468L70.428 7.544L67.388 0.999999H63.74L69.212 13ZM78.1741 13.128C79.0381 13.128 79.7421 12.44 79.7421 11.592C79.7421 10.728 79.0381 10.04 78.1741 10.04C77.3421 10.04 76.6381 10.728 76.6381 11.592C76.6381 12.44 77.3421 13.128 78.1741 13.128ZM88.2294 0.999999H86.8534L81.3014 13H84.8534L85.4614 11.624H89.6214L90.2294 13H93.7814L88.2294 0.999999ZM86.5014 8.984L87.4614 6.392H87.6214L88.5814 8.984H86.5014ZM104.888 0.999999H101.544V8.6C101.544 9.704 100.84 10.408 99.7363 10.408C98.6323 10.408 97.9443 9.704 97.9443 8.6V0.999999H94.6163V8.456C94.6163 11.592 96.5843 13.272 99.7363 13.272C102.92 13.272 104.888 11.592 104.888 8.456V0.999999Z" fill="#0052C2"/>
+</svg>
diff --git a/examples/webcomponents/public/img/primary-nav-logo-primary.svg b/examples/webcomponents/public/img/primary-nav-logo-primary.svg
new file mode 100755
index 0000000000..4ae04bbe33
--- /dev/null
+++ b/examples/webcomponents/public/img/primary-nav-logo-primary.svg
@@ -0,0 +1,3 @@
+<svg width="105" height="14" viewBox="0 0 105 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.712 13H8.144L13.616 0.999999H9.968L6.928 7.544L3.888 0.999999H0.24L5.712 13ZM14.5069 13H17.7709V0.999999H14.5069V13ZM25.7264 0.728C22.3344 0.728 19.2944 3.432 19.2944 7C19.2944 10.568 22.3344 13.272 25.7264 13.272C28.0144 13.272 30.0784 12.264 31.3264 10.44L28.6064 8.776C27.9984 9.608 27.1344 10.168 25.8864 10.168C24.2224 10.168 22.7824 8.648 22.7824 7C22.7824 5.352 24.2224 3.832 25.8864 3.832C27.1344 3.832 27.9984 4.392 28.6064 5.224L31.3264 3.56C30.0784 1.736 28.0144 0.728 25.7264 0.728ZM33.346 13.128C34.21 13.128 34.914 12.44 34.914 11.592C34.914 10.728 34.21 10.04 33.346 10.04C32.514 10.04 31.81 10.728 31.81 11.592C31.81 12.44 32.514 13.128 33.346 13.128ZM43.4333 8.44H45.7053V9.448C45.1293 9.928 44.3773 10.168 43.4333 10.168C41.7693 10.168 40.3293 8.648 40.3293 7C40.3293 5.352 41.7693 3.832 43.4333 3.832C44.4893 3.832 45.2733 4.248 45.8493 4.872L48.2973 2.84C47.0333 1.48 45.2413 0.728 43.2733 0.728C39.8813 0.728 36.8413 3.432 36.8413 7C36.8413 10.568 39.8813 13.272 43.2733 13.272C45.5613 13.272 47.6253 12.264 48.8733 10.44V5.656H43.4333V8.44ZM63.7001 7C63.7001 3.432 60.6121 0.728 57.0441 0.728C53.4761 0.728 50.3881 3.432 50.3881 7C50.3881 10.568 53.4761 13.272 57.0441 13.272C60.6121 13.272 63.7001 10.568 63.7001 7ZM53.8761 7C53.8761 5.256 55.3001 3.832 57.0441 3.832C58.7881 3.832 60.2121 5.256 60.2121 7C60.2121 8.744 58.7881 10.168 57.0441 10.168C55.3001 10.168 53.8761 8.744 53.8761 7ZM69.212 13H71.644L77.116 0.999999H73.468L70.428 7.544L67.388 0.999999H63.74L69.212 13ZM78.1741 13.128C79.0381 13.128 79.7421 12.44 79.7421 11.592C79.7421 10.728 79.0381 10.04 78.1741 10.04C77.3421 10.04 76.6381 10.728 76.6381 11.592C76.6381 12.44 77.3421 13.128 78.1741 13.128ZM88.2294 0.999999H86.8534L81.3014 13H84.8534L85.4614 11.624H89.6214L90.2294 13H93.7814L88.2294 0.999999ZM86.5014 8.984L87.4614 6.392H87.6214L88.5814 8.984H86.5014ZM104.888 0.999999H101.544V8.6C101.544 9.704 100.84 10.408 99.7363 10.408C98.6323 10.408 97.9443 9.704 97.9443 8.6V0.999999H94.6163V8.456C94.6163 11.592 96.5843 13.272 99.7363 13.272C102.92 13.272 104.888 11.592 104.888 8.456V0.999999Z" fill="white"/>
+</svg>
diff --git a/examples/webcomponents/public/img/primary-nav-logo-secondary-print.svg b/examples/webcomponents/public/img/primary-nav-logo-secondary-print.svg
new file mode 100644
index 0000000000..a7437531fa
--- /dev/null
+++ b/examples/webcomponents/public/img/primary-nav-logo-secondary-print.svg
@@ -0,0 +1,3 @@
+<svg width="121" height="22" viewBox="0 0 121 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.96 9.18C5.748 9.18 7.272 8.292 7.272 6.576C7.272 5.304 6.456 4.56 5.064 4.236L3.468 3.864C2.964 3.756 2.832 3.516 2.832 3.192C2.832 2.736 3.252 2.376 3.912 2.376C4.428 2.376 4.956 2.616 5.208 3.156L7.08 2.544C6.6 1.416 5.448 0.779999 3.936 0.779999C2.052 0.779999 0.744 1.752 0.744 3.312C0.744 4.776 1.752 5.388 2.904 5.64L4.512 6C5.088 6.12 5.256 6.348 5.256 6.708C5.256 7.2 4.812 7.536 4.068 7.536C3.324 7.536 2.772 7.224 2.532 6.504L0.552 7.212C0.972 8.484 2.34 9.18 3.96 9.18ZM10.4338 7.296V5.784H14.3338V4.176H10.4338V2.664H14.6818V0.96H8.45381V9H14.7178V7.296H10.4338ZM22.7458 0.96L20.3098 4.476L17.8978 0.96H15.9538V9H17.8738V4.224L19.8658 7.068H20.7778L22.7458 4.224V9H24.6658V0.96H22.7458ZM28.0471 0.96H26.0671V9H28.0471V0.96ZM33.4381 5.04H29.4661V6.66H33.4381V5.04ZM36.8362 0.96H34.8562V9H36.8362V0.96ZM43.9432 0.96V5.76L39.8752 0.96H38.2312V9H40.2112V4.344L44.2792 9H45.9112V0.96H43.9432ZM50.4932 0.96H47.3132V9H50.4932C53.1452 9 54.8972 7.368 54.8972 4.98C54.8972 2.592 53.1452 0.96 50.4932 0.96ZM50.4212 7.284H49.2932V2.676H50.4212C51.9212 2.676 52.9052 3.588 52.9052 4.98C52.9052 6.372 51.9212 7.284 50.4212 7.284ZM57.9885 7.296V5.784H61.8885V4.176H57.9885V2.664H62.2365V0.96H56.0085V9H62.2725V7.296H57.9885ZM67.4685 0.96H63.5085V9H65.4885V6.54H67.3845C69.2445 6.54 70.4205 5.424 70.4205 3.732C70.4205 2.076 69.2805 0.96 67.4685 0.96ZM67.2405 4.884H65.4885V2.652H67.2405C68.0085 2.652 68.4765 3.108 68.4765 3.756C68.4765 4.44 68.0085 4.884 67.2405 4.884ZM73.4573 7.296V5.784H77.3573V4.176H73.4573V2.664H77.7053V0.96H71.4773V9H77.7413V7.296H73.4573ZM84.6893 0.96V5.76L80.6213 0.96H78.9773V9H80.9573V4.344L85.0253 9H86.6573V0.96H84.6893ZM91.2393 0.96H88.0593V9H91.2393C93.8913 9 95.6433 7.368 95.6433 4.98C95.6433 2.592 93.8913 0.96 91.2393 0.96ZM91.1673 7.284H90.0393V2.676H91.1673C92.6673 2.676 93.6513 3.588 93.6513 4.98C93.6513 6.372 92.6673 7.284 91.1673 7.284ZM98.7346 7.296V5.784H102.635V4.176H98.7346V2.664H102.983V0.96H96.7546V9H103.019V7.296H98.7346ZM109.967 0.96V5.76L105.899 0.96H104.255V9H106.235V4.344L110.303 9H111.935V0.96H109.967ZM120.057 0.96H112.881V2.688H115.485V9H117.453V2.688H120.057V0.96ZM9.564 12.96L8.16 18.024L6.78 12.96H4.896L3.516 18.024L2.112 12.96H0.084L2.376 21H4.488L5.844 16.032L7.188 21H9.312L11.604 12.96H9.564ZM14.3479 19.296V17.784H18.2479V16.176H14.3479V14.664H18.5959V12.96H12.3679V21H18.6319V19.296H14.3479ZM25.1479 16.896V16.848C25.6879 16.788 26.4679 16.26 26.4679 15.156C26.4679 13.836 25.5079 12.96 24.0319 12.96H19.8679V21H24.0439C25.7959 21 26.6959 20.076 26.6959 18.744C26.6959 17.532 25.8919 16.956 25.1479 16.896ZM23.6479 14.556C24.1519 14.556 24.5479 14.88 24.5479 15.384C24.5479 15.924 24.1639 16.284 23.5759 16.284H21.8479V14.556H23.6479ZM23.6959 19.404H21.8479V17.64H23.7319C24.2959 17.64 24.6799 17.976 24.6799 18.504C24.6799 19.056 24.3319 19.404 23.6959 19.404ZM31.0772 21.18C32.8652 21.18 34.3892 20.292 34.3892 18.576C34.3892 17.304 33.5732 16.56 32.1812 16.236L30.5852 15.864C30.0812 15.756 29.9492 15.516 29.9492 15.192C29.9492 14.736 30.3692 14.376 31.0292 14.376C31.5452 14.376 32.0732 14.616 32.3252 15.156L34.1972 14.544C33.7172 13.416 32.5652 12.78 31.0532 12.78C29.1692 12.78 27.8612 13.752 27.8612 15.312C27.8612 16.776 28.8692 17.388 30.0212 17.64L31.6292 18C32.2052 18.12 32.3732 18.348 32.3732 18.708C32.3732 19.2 31.9292 19.536 31.1852 19.536C30.4412 19.536 29.8892 19.224 29.6492 18.504L27.6692 19.212C28.0892 20.484 29.4572 21.18 31.0772 21.18ZM37.551 12.96H35.571V21H37.551V12.96ZM45.666 12.96H38.49V14.688H41.094V21H43.062V14.688H45.666V12.96ZM48.5783 19.296V17.784H52.4783V16.176H48.5783V14.664H52.8263V12.96H46.5983V21H52.8623V19.296H48.5783Z" fill="#0052C2"/>
+</svg>
diff --git a/examples/webcomponents/public/img/primary-nav-logo-secondary.svg b/examples/webcomponents/public/img/primary-nav-logo-secondary.svg
new file mode 100644
index 0000000000..d14245d039
--- /dev/null
+++ b/examples/webcomponents/public/img/primary-nav-logo-secondary.svg
@@ -0,0 +1,3 @@
+<svg width="121" height="22" viewBox="0 0 121 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.96 9.18C5.748 9.18 7.272 8.292 7.272 6.576C7.272 5.304 6.456 4.56 5.064 4.236L3.468 3.864C2.964 3.756 2.832 3.516 2.832 3.192C2.832 2.736 3.252 2.376 3.912 2.376C4.428 2.376 4.956 2.616 5.208 3.156L7.08 2.544C6.6 1.416 5.448 0.779999 3.936 0.779999C2.052 0.779999 0.744 1.752 0.744 3.312C0.744 4.776 1.752 5.388 2.904 5.64L4.512 6C5.088 6.12 5.256 6.348 5.256 6.708C5.256 7.2 4.812 7.536 4.068 7.536C3.324 7.536 2.772 7.224 2.532 6.504L0.552 7.212C0.972 8.484 2.34 9.18 3.96 9.18ZM10.4338 7.296V5.784H14.3338V4.176H10.4338V2.664H14.6818V0.96H8.45381V9H14.7178V7.296H10.4338ZM22.7458 0.96L20.3098 4.476L17.8978 0.96H15.9538V9H17.8738V4.224L19.8658 7.068H20.7778L22.7458 4.224V9H24.6658V0.96H22.7458ZM28.0471 0.96H26.0671V9H28.0471V0.96ZM33.4381 5.04H29.4661V6.66H33.4381V5.04ZM36.8362 0.96H34.8562V9H36.8362V0.96ZM43.9432 0.96V5.76L39.8752 0.96H38.2312V9H40.2112V4.344L44.2792 9H45.9112V0.96H43.9432ZM50.4932 0.96H47.3132V9H50.4932C53.1452 9 54.8972 7.368 54.8972 4.98C54.8972 2.592 53.1452 0.96 50.4932 0.96ZM50.4212 7.284H49.2932V2.676H50.4212C51.9212 2.676 52.9052 3.588 52.9052 4.98C52.9052 6.372 51.9212 7.284 50.4212 7.284ZM57.9885 7.296V5.784H61.8885V4.176H57.9885V2.664H62.2365V0.96H56.0085V9H62.2725V7.296H57.9885ZM67.4685 0.96H63.5085V9H65.4885V6.54H67.3845C69.2445 6.54 70.4205 5.424 70.4205 3.732C70.4205 2.076 69.2805 0.96 67.4685 0.96ZM67.2405 4.884H65.4885V2.652H67.2405C68.0085 2.652 68.4765 3.108 68.4765 3.756C68.4765 4.44 68.0085 4.884 67.2405 4.884ZM73.4573 7.296V5.784H77.3573V4.176H73.4573V2.664H77.7053V0.96H71.4773V9H77.7413V7.296H73.4573ZM84.6893 0.96V5.76L80.6213 0.96H78.9773V9H80.9573V4.344L85.0253 9H86.6573V0.96H84.6893ZM91.2393 0.96H88.0593V9H91.2393C93.8913 9 95.6433 7.368 95.6433 4.98C95.6433 2.592 93.8913 0.96 91.2393 0.96ZM91.1673 7.284H90.0393V2.676H91.1673C92.6673 2.676 93.6513 3.588 93.6513 4.98C93.6513 6.372 92.6673 7.284 91.1673 7.284ZM98.7346 7.296V5.784H102.635V4.176H98.7346V2.664H102.983V0.96H96.7546V9H103.019V7.296H98.7346ZM109.967 0.96V5.76L105.899 0.96H104.255V9H106.235V4.344L110.303 9H111.935V0.96H109.967ZM120.057 0.96H112.881V2.688H115.485V9H117.453V2.688H120.057V0.96ZM9.564 12.96L8.16 18.024L6.78 12.96H4.896L3.516 18.024L2.112 12.96H0.084L2.376 21H4.488L5.844 16.032L7.188 21H9.312L11.604 12.96H9.564ZM14.3479 19.296V17.784H18.2479V16.176H14.3479V14.664H18.5959V12.96H12.3679V21H18.6319V19.296H14.3479ZM25.1479 16.896V16.848C25.6879 16.788 26.4679 16.26 26.4679 15.156C26.4679 13.836 25.5079 12.96 24.0319 12.96H19.8679V21H24.0439C25.7959 21 26.6959 20.076 26.6959 18.744C26.6959 17.532 25.8919 16.956 25.1479 16.896ZM23.6479 14.556C24.1519 14.556 24.5479 14.88 24.5479 15.384C24.5479 15.924 24.1639 16.284 23.5759 16.284H21.8479V14.556H23.6479ZM23.6959 19.404H21.8479V17.64H23.7319C24.2959 17.64 24.6799 17.976 24.6799 18.504C24.6799 19.056 24.3319 19.404 23.6959 19.404ZM31.0772 21.18C32.8652 21.18 34.3892 20.292 34.3892 18.576C34.3892 17.304 33.5732 16.56 32.1812 16.236L30.5852 15.864C30.0812 15.756 29.9492 15.516 29.9492 15.192C29.9492 14.736 30.3692 14.376 31.0292 14.376C31.5452 14.376 32.0732 14.616 32.3252 15.156L34.1972 14.544C33.7172 13.416 32.5652 12.78 31.0532 12.78C29.1692 12.78 27.8612 13.752 27.8612 15.312C27.8612 16.776 28.8692 17.388 30.0212 17.64L31.6292 18C32.2052 18.12 32.3732 18.348 32.3732 18.708C32.3732 19.2 31.9292 19.536 31.1852 19.536C30.4412 19.536 29.8892 19.224 29.6492 18.504L27.6692 19.212C28.0892 20.484 29.4572 21.18 31.0772 21.18ZM37.551 12.96H35.571V21H37.551V12.96ZM45.666 12.96H38.49V14.688H41.094V21H43.062V14.688H45.666V12.96ZM48.5783 19.296V17.784H52.4783V16.176H48.5783V14.664H52.8263V12.96H46.5983V21H52.8623V19.296H48.5783Z" fill="white"/>
+</svg>
diff --git a/examples/webcomponents/public/img/ripple-logo.svg b/examples/webcomponents/public/img/ripple-logo.svg
new file mode 100644
index 0000000000..277aaa7d79
--- /dev/null
+++ b/examples/webcomponents/public/img/ripple-logo.svg
@@ -0,0 +1,10 @@
+<svg width="395" height="135" viewBox="0 0 395 135" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="134" height="135" fill="url(#pattern0)"/>
+<path d="M203.32 45.12C207.08 43.76 209.52 40.64 209.52 36.48C209.52 30.92 204.96 27.2 198.96 27.2H186.32V54H192.92V45.88H196.32L202.12 54H210.36L203.32 45.12ZM192.92 32.84H198.64C201.2 32.84 203.04 34.36 203.04 36.56C203.04 38.84 201.2 40.36 198.64 40.36H192.92V32.84ZM217.468 24.36C215.308 24.36 213.788 26.04 213.788 28C213.788 30.04 215.308 31.56 217.468 31.56C219.628 31.56 221.188 30.04 221.188 28C221.188 26.04 219.628 24.36 217.468 24.36ZM220.668 33.92H214.268V54H220.668V33.92ZM238.748 33.32C236.148 33.32 234.068 34.12 232.508 35.52V33.92H226.108V60.8H232.508V52.4C234.068 53.8 236.148 54.6 238.748 54.6C244.068 54.6 248.548 50.32 248.548 43.96C248.548 37.64 244.068 33.32 238.748 33.32ZM237.428 49.16C234.828 49.16 232.508 47.08 232.508 43.96C232.508 40.88 234.828 38.76 237.428 38.76C240.228 38.76 242.268 40.88 242.268 43.96C242.268 47.08 240.228 49.16 237.428 49.16ZM264.97 33.32C262.37 33.32 260.29 34.12 258.73 35.52V33.92H252.33V60.8H258.73V52.4C260.29 53.8 262.37 54.6 264.97 54.6C270.29 54.6 274.77 50.32 274.77 43.96C274.77 37.64 270.29 33.32 264.97 33.32ZM263.65 49.16C261.05 49.16 258.73 47.08 258.73 43.96C258.73 40.88 261.05 38.76 263.65 38.76C266.45 38.76 268.49 40.88 268.49 43.96C268.49 47.08 266.45 49.16 263.65 49.16ZM284.952 25.2H278.552V54H284.952V25.2ZM309.767 43.96C309.647 37.4 305.087 33.32 299.407 33.32C293.567 33.32 288.767 37.64 288.767 43.96C288.767 50.32 293.687 54.6 299.647 54.6C303.647 54.6 306.887 53.12 308.807 50.12L303.727 47.72C302.607 49.12 301.087 49.48 299.647 49.48C297.367 49.48 295.607 48 295.047 45.6H309.767V43.96ZM299.407 38.52C301.207 38.52 302.807 39.52 303.447 41.68H295.167C295.767 39.64 297.567 38.52 299.407 38.52ZM197.2 106.6C203.16 106.6 208.24 103.64 208.24 97.92C208.24 93.68 205.52 91.2 200.88 90.12L195.56 88.88C193.88 88.52 193.44 87.72 193.44 86.64C193.44 85.12 194.84 83.92 197.04 83.92C198.76 83.92 200.52 84.72 201.36 86.52L207.6 84.48C206 80.72 202.16 78.6 197.12 78.6C190.84 78.6 186.48 81.84 186.48 87.04C186.48 91.92 189.84 93.96 193.68 94.8L199.04 96C200.96 96.4 201.52 97.16 201.52 98.36C201.52 100 200.04 101.12 197.56 101.12C195.08 101.12 193.24 100.08 192.44 97.68L185.84 100.04C187.24 104.28 191.8 106.6 197.2 106.6ZM225.708 100.08C224.868 100.56 223.668 100.88 222.788 100.88C221.108 100.88 220.108 100.04 220.108 97.96V91H226.028V85.92H220.108V80H213.708V85.92H210.068V91H213.708V98.6C213.708 103.88 216.708 106.6 221.708 106.6C223.988 106.6 225.628 105.96 227.188 105.12L225.708 100.08ZM239.502 85.4C233.422 85.4 228.382 89.64 228.382 95.96C228.382 102.32 233.422 106.56 239.502 106.56C245.462 106.56 250.502 102.32 250.502 95.96C250.502 89.64 245.462 85.4 239.502 85.4ZM239.502 101.16C236.902 101.16 234.542 99.12 234.542 95.96C234.542 92.84 236.902 90.76 239.502 90.76C241.982 90.76 244.342 92.84 244.342 95.96C244.342 99.12 241.982 101.16 239.502 101.16ZM267.603 85.64C264.323 85.64 262.123 87.36 260.683 89.76V85.92H254.283V106H260.683V99.72C260.683 94.52 263.123 92.2 267.603 92.2H268.763L269.043 85.8C268.563 85.68 268.163 85.64 267.603 85.64ZM286.904 85.88L281.984 95.88L277.064 85.88H270.184L278.464 103.08L273.664 112.8H280.584L293.784 85.88H286.904ZM309.485 85.32C306.885 85.32 304.805 86.12 303.245 87.52V77.2H296.845V106H303.245V104.4C304.805 105.8 306.885 106.6 309.485 106.6C314.805 106.6 319.285 102.32 319.285 95.96C319.285 89.64 314.805 85.32 309.485 85.32ZM308.165 101.16C305.565 101.16 303.245 99.08 303.245 95.96C303.245 92.88 305.565 90.76 308.165 90.76C310.965 90.76 313.005 92.88 313.005 95.96C313.005 99.08 310.965 101.16 308.165 101.16ZM332.867 85.4C326.787 85.4 321.747 89.64 321.747 95.96C321.747 102.32 326.787 106.56 332.867 106.56C338.827 106.56 343.867 102.32 343.867 95.96C343.867 89.64 338.827 85.4 332.867 85.4ZM332.867 101.16C330.267 101.16 327.907 99.12 327.907 95.96C327.907 92.84 330.267 90.76 332.867 90.76C335.347 90.76 337.707 92.84 337.707 95.96C337.707 99.12 335.347 101.16 332.867 101.16ZM357.449 85.4C351.369 85.4 346.329 89.64 346.329 95.96C346.329 102.32 351.369 106.56 357.449 106.56C363.409 106.56 368.449 102.32 368.449 95.96C368.449 89.64 363.409 85.4 357.449 85.4ZM357.449 101.16C354.849 101.16 352.489 99.12 352.489 95.96C352.489 92.84 354.849 90.76 357.449 90.76C359.929 90.76 362.289 92.84 362.289 95.96C362.289 99.12 359.929 101.16 357.449 101.16ZM383.87 95.4L393.59 85.92H385.63L378.95 92.76H378.63V77.2H372.23V106H378.63V98.76H379.07L385.79 106H394.51L383.87 95.4Z" fill="#1A1A1A"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2_8" transform="scale(0.00746269)"/>
+</pattern>
+<image id="image0_2_8" width="134" height="135" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAACHCAYAAADTJSE0AAAACXBIWXMAAC4jAAAuIwF4pT92AAAFpUlEQVR4nO3dS2gcdRzA8V+ym/eDnjSIEE19NiVVSa2otCIWCn0chMaeBFFzqWKpiBLQg4IUwaIkXnJQe1AxAcW2iqhIFfXQFIqPKCpqgyLGS0uem7f8JiyGzC90NsnO/Cb7/UAv/y07m8k3/52dzH9SdnHvg7eIyCYB/ncpKyKviMgudgqW+KKcvQELYcBEGDARBkyEARNhwEQYMBEGTIQBE2HARBgwEQZMhAETYcBEGDARBkyEARNhwEQYMBEGTIQBE2HARBgwEQZMhAETYcBEGDARBkyEARNhwEQYMBEGTIQBE2HARBgwEQZMWWsQq5O54Uqp2N4qmeZmKauvl/IrmmRhfFQWxsdl/t9hmbvwp8ycHZT5v0fc72HCWAeVu7dJ9QMdUt509WWfrOYRkdnvzkmu/6TMnh8KPe4FYayBzhC1hx+SzOabC3qSbFu71Le1y8w3Z2Si521ZGJkK/Z+kcYyxSjpLNBx/qeAolqq48x5p7H05CMwbwlgFjaL2iaPr8lxl9Q1S//yz7uIgjAJlb21etyjy8nGUNVaFHksKYRRAv3F1Tz9VnOeub5C6ZzpD40khjAJU7b8r+AYWix6U6ozkAWFEpLNF1f77i76d6oMHQmNJIIyIKnbcVNTZIk9nDQ8HooQRUcX222LbVnZLS2gsboQRkZ5ziG1bt7eHxuJGGBHE/TGyrK4uNBY3woggs7kp5u2t/mzqeiEMmAgjgoXxXLzbGxsNjcWNMCKY+2U43u39/nNoLG6EEdHcbz/Ft60Lf4TG4kYYEc0O/hDftn78NTQWN8KIaPrMQCzb0eOLma94K0kNPc7QS/KKberUey52CWEUYPLNvqI+v84WU6e+Do0ngTAKoLPG1Mn+oj3/RE+3m+s/CaNAk72ni/KWknvnhItjizzCWIXxY73rGofOQrm3Pg+NJ4kwVkGn+7Gu7jW/regxxcSrx4NZyBvWlayBfkNnBr4PrrrSC2wKMf3Zh5Lr+9jtqjTCWCNdTTZ2vju4VrNy1w7Jbt224oo0PXuqJ8qmTn/pfpkiYawTDWRxyWFfcP3G8l/Ve16OaCGMItBjkLSFsFzqwtALZcvqqkPjns0PX0zFCvel3IdRflWjVO3bKdnWrS6ubFoL/Yg7c/ZcKm6F4DYMDaK6Y49U3rc39FhaBQuK2tqDWyHop5LJ1z9wudJdvIahi4ZrHn40lnUcSdHgK+7YGZwG93TGM8/dCa7aIx3BouGNHEXe4nrVruAHwRtXYdR07ttQbx1R6Q+CtzjchFFx941SdeBgaLxUaBxeFjSLlzD0hFDtY4+HxktN7eFON/fIcBFG9aHdJXFMcTl6Kl1vteDitYRGYqY/IZX37kn6ZbgRx60Wokg8jLhuL5AWui/0eCtpyYcR4+0F0iK75frEX2niYWRarguNlbrMNdcmvgcSD2OlaxdKWaaFtxIYPBxzEQZMhOFQnAuoV5J4GHEs+0sb/TMWSUs8DA9L/r2ZHRxM/BUlP2M4WPLvzcwAYQQXqcz/81dovFTp8UXcd/CxuDj4zL1b3FXkaZLrf9/Fq3URxvSn37o4Ek9acLGwk8v83HxcnXjtDRd3q0tKsI6154Sb1+MmDH1f1QtjS5FGMfbcC66WFLg6waXT6PixF0tq5shH4eGAcyl3Zz41jtGjXSVx4ku/xpHOJ91FIV7XleiUqvefKOTvmaaJBjH10Scu15PkuV6iqJ9W9F/+LyBnW1uDO/OnbamifuKaHx6WuaGh4OSVxxliuVQsatYdubgzfd2OaCPjt6swEQZMhAETYcBEGDARBkyEARNhwEQYMBEGTIQBE2HARBgwEQZMhAETYcBEGDARBkyEARNhwEQYMBEGTIQBE2HARBgwEQZMhAETYcBEGDARBkyEARNhwEQYMBEGTIQBE2HApDdnOyIim6wHUaJELv0HT1KAR9k1SBUAAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/examples/webcomponents/public/rpl-global.css b/examples/webcomponents/public/rpl-global.css
new file mode 100644
index 0000000000..042cb06f40
--- /dev/null
+++ b/examples/webcomponents/public/rpl-global.css
@@ -0,0 +1,5 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--rpl-layer-5:5;--rpl-layer-4:4;--rpl-layer-3:3;--rpl-layer-2:2;--rpl-layer-1:1;--rpl-type-ls-7:.008em;--rpl-type-ls-6:.012em;--rpl-type-ls-5:.014em;--rpl-type-ls-4:.016em;--rpl-type-ls-3:.0168em;--rpl-type-ls-2:.018em;--rpl-type-ls-1:.0192em;--rpl-type-lh-12:8rem;--rpl-type-lh-11:6rem;--rpl-type-lh-10:5.2rem;--rpl-type-lh-9:4.4rem;--rpl-type-lh-8:4rem;--rpl-type-lh-7:3.6rem;--rpl-type-lh-6:3.2rem;--rpl-type-lh-5:2.8rem;--rpl-type-lh-4:2.4rem;--rpl-type-lh-3:2rem;--rpl-type-lh-2:1.6rem;--rpl-type-lh-1:1.4rem;--rpl-type-size-8:5.6rem;--rpl-type-size-7:4rem;--rpl-type-size-6:3.2rem;--rpl-type-size-5:2.8rem;--rpl-type-size-4:2.4rem;--rpl-type-size-3:2rem;--rpl-type-size-2:1.6rem;--rpl-type-size-1:1.4rem;--rpl-type-weight-bold:700;--rpl-type-weight-regular:400;--rpl-type-font-family:VIC,Arial,Helvetica,sans-serif;--rpl-motion-speed-10:.5s;--rpl-motion-speed-9:.42s;--rpl-motion-speed-8:.36s;--rpl-motion-speed-7:.3s;--rpl-motion-speed-6:.24s;--rpl-motion-speed-5:.2s;--rpl-motion-speed-4:.16s;--rpl-motion-speed-3:.12s;--rpl-motion-speed-2:80ms;--rpl-motion-speed-1:60ms;--rpl-sp-14:120px;--rpl-sp-13:80px;--rpl-sp-12:64px;--rpl-sp-11:56px;--rpl-sp-10:48px;--rpl-sp-9:40px;--rpl-sp-8:32px;--rpl-sp-7:28px;--rpl-sp-6:24px;--rpl-sp-5:20px;--rpl-sp-4:16px;--rpl-sp-3:12px;--rpl-sp-2:8px;--rpl-sp-1:4px;--rpl-elevation-2:0 4px 8px 2px rgba(26,26,26,.16);--rpl-elevation-1:0 2px 8px rgba(26,26,26,.16);--rpl-border-radius-full:999px;--rpl-border-radius-4:12px;--rpl-border-radius-3:8px;--rpl-border-radius-2:4px;--rpl-border-radius-1:2px;--rpl-border-4:8px;--rpl-border-3:4px;--rpl-border-2:2px;--rpl-border-1:1px;--rpl-content-max-width:615px;--rpl-clr-gradient-vertical:linear-gradient(180deg,#0052c2,#825dff 12%,#ef4a81 24%,#e57200 36%,#ffc166 52%,#f9e062 80%);--rpl-clr-gradient-horizontal:linear-gradient(90deg,#0052c2,#825dff 12%,#ef4a81 24%,#e57200 36%,#ffc166 52%,#f9e062 80%);--rpl-clr-error-dark:#880020;--rpl-clr-error-light:#f7e6ea;--rpl-clr-error:#aa0028;--rpl-clr-warning-dark:#924900;--rpl-clr-warning-light:#f8efe6;--rpl-clr-warning:#b75b00;--rpl-clr-success-dark:#00646a;--rpl-clr-success-light:#e6f2f3;--rpl-clr-success:#007d85;--rpl-clr-information-dark:#004984;--rpl-clr-information-light:#e6eff6;--rpl-clr-information:#005ba5;--rpl-clr-neutral-alpha-700:rgba(51,51,51,.9);--rpl-clr-neutral-alpha-0:hsla(0,0%,100%,.75);--rpl-clr-neutral-900:#0d0d0d;--rpl-clr-neutral-800:#1a1a1a;--rpl-clr-neutral-700:#333;--rpl-clr-neutral-600:#666;--rpl-clr-neutral-500:#7f7f7f;--rpl-clr-neutral-400:#999;--rpl-clr-neutral-300:#ccc;--rpl-clr-neutral-200:#e6e6e6;--rpl-clr-neutral-100:#f5f5f5;--rpl-clr-neutral-0:#fff;--rpl-clr-focus:#ff9e1b;--rpl-clr-link-visited:#9f46b1;--rpl-clr-link:#0052c2;--rpl-clr-type-primary-alt-accessible:#003174;--rpl-clr-type-primary-accessible:#0052c2;--rpl-clr-type-primary-contrast-alpha:hsla(0,0%,100%,.75);--rpl-clr-accent-alt:#e6f5fd;--rpl-clr-accent:#0095ec;--rpl-clr-primary-alt:#003174;--rpl-clr-primary-alpha:rgba(0,82,194,.5);--rpl-clr-primary:#0052c2;--rpl-clr-footer-alt:var(--rpl-clr-primary);--rpl-clr-footer:var(--rpl-clr-primary-alt);--rpl-clr-type-footer-accessible:var(--rpl-clr-type-primary-alt-accessible);--rpl-clr-dark:var(--rpl-clr-neutral-800);--rpl-clr-light:var(--rpl-clr-neutral-0);--rpl-clr-type-light:var(--rpl-clr-light);--rpl-clr-type-default:var(--rpl-clr-dark);--rpl-clr-type-focus-contrast:var(--rpl-clr-dark);--rpl-clr-type-accent-contrast:var(--rpl-clr-light);--rpl-clr-type-primary-contrast:var(--rpl-clr-light);--rpl-clr-type-footer-contrast:var(--rpl-clr-type-primary-contrast)}.rpl-u-visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;pointer-events:none;position:absolute;width:1px}.rpl-u-viewport-locked{height:100vh;overflow:hidden}.rpl-container{margin:0 auto;max-width:120rem;padding:0 var(--rpl-sp-4)}@media (min-width:768px){.rpl-container{padding:0 var(--rpl-sp-8)}}@media (min-width:992px){.rpl-container{padding:0 var(--rpl-sp-12)}}@media (min-width:1200px){.rpl-container{padding:0 var(--rpl-sp-13)}}@media print{.rpl-container{padding-left:0;padding-right:0}}.rpl-u-focusable-within:focus-visible{outline:none}.rpl-u-focusable-block,.rpl-u-focusable-inline{--local-background-colour:var(--rpl-clr-focus);cursor:pointer}.rpl-u-focusable-block.rpl-u-focusable--alt-colour.rpl-u-focusable--force-on,.rpl-u-focusable-block.rpl-u-focusable--alt-colour:focus-visible,.rpl-u-focusable-block.rpl-u-focusable--alt-colour:focus-visible:hover,.rpl-u-focusable-block.rpl-u-focusable--alt-colour:focus-visible:visited,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour.rpl-u-focusable--force-on,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour:focus-visible,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour:focus-visible:hover,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour:focus-visible:visited{color:var(--rpl-clr-type-default)!important}.rpl-u-focusable-block.rpl-u-focusable--alt-colour.rpl-u-focusable--force-on,.rpl-u-focusable-block.rpl-u-focusable--alt-colour:focus-visible,.rpl-u-focusable-block.rpl-u-focusable--alt-colour:focus-visible:hover,.rpl-u-focusable-block.rpl-u-focusable--alt-colour:focus-visible:visited,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour.rpl-u-focusable--force-on,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour:focus-visible,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour:focus-visible:hover,.rpl-u-focusable-inline.rpl-u-focusable--alt-colour:focus-visible:visited{--local-background-colour:var(--rpl-clr-light)}.rpl-u-focusable-block.rpl-u-focusable--force-on,.rpl-u-focusable-block:focus-visible,.rpl-u-focusable-block:focus-visible:hover,.rpl-u-focusable-block:focus-visible:visited,.rpl-u-focusable-within:focus-visible .rpl-u-focusable-block{background-color:var(--local-background-colour)!important;color:var(--rpl-clr-type-focus-contrast)!important}.rpl-u-focusable-block.rpl-u-focusable--force-on,.rpl-u-focusable-block:focus-visible,.rpl-u-focusable-block:focus-visible:hover,.rpl-u-focusable-block:focus-visible:visited,.rpl-u-focusable-within:focus-visible .rpl-u-focusable-block{border-color:var(--rpl-clr-focus);border-radius:0;border-width:var(--rpl-focusable-border-width,0);outline:0;position:relative;-webkit-text-decoration:none;text-decoration:none;text-decoration-line:none}.rpl-u-focusable-block.rpl-u-focusable--force-on:after,.rpl-u-focusable-block:focus-visible:after,.rpl-u-focusable-block:focus-visible:hover:after,.rpl-u-focusable-block:focus-visible:visited:after,.rpl-u-focusable-within:focus-visible .rpl-u-focusable-block:after{bottom:calc(var(--rpl-focusable-border-width, 0px)*-1)!important;display:block!important;left:calc(0px - var(--rpl-focusable-border-width, 0px))!important;right:auto!important;top:auto!important}.rpl-u-focusable-block.rpl-u-focusable--force-on:after,.rpl-u-focusable-block:focus-visible:after,.rpl-u-focusable-block:focus-visible:hover:after,.rpl-u-focusable-block:focus-visible:visited:after,.rpl-u-focusable-within:focus-visible .rpl-u-focusable-block:after{background-color:var(--rpl-clr-dark);content:"";height:var(--rpl-border-3);position:absolute;width:calc(100% + var(--rpl-focusable-border-width, 0%)*2);z-index:var(--rpl-layer-1)}.rpl-u-focusable-inline.rpl-u-focusable--force-on,.rpl-u-focusable-inline:focus-visible,.rpl-u-focusable-inline:focus-visible:hover,.rpl-u-focusable-inline:focus-visible:visited,.rpl-u-focusable-within:focus-visible .rpl-u-focusable-inline{background-color:var(--local-background-colour)!important;color:var(--rpl-clr-type-focus-contrast)!important}.rpl-u-focusable-inline.rpl-u-focusable--force-on,.rpl-u-focusable-inline:focus-visible,.rpl-u-focusable-inline:focus-visible:hover,.rpl-u-focusable-inline:focus-visible:visited,.rpl-u-focusable-within:focus-visible .rpl-u-focusable-inline{border-color:var(--rpl-clr-focus);border-radius:0;border-width:var(--rpl-focusable-border-width,0);-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:-1px 0 var(--local-background-colour),1px 0 var(--local-background-colour),-1px -3px var(--local-background-colour),1px -3px var(--local-background-colour),1px 4px var(--rpl-clr-dark),-1px 4px var(--rpl-clr-dark);outline:0;position:relative;-webkit-text-decoration:none;text-decoration:none;text-decoration-line:none}.rpl-u-focusable-outline.rpl-u-focusable--force-on,.rpl-u-focusable-outline:focus{box-shadow:0 0 0 var(--rpl-border-1) var(--rpl-clr-dark) inset,0 0 0 var(--rpl-border-3) var(--rpl-clr-focus);outline:none}.rpl-u-focusable-outline.rpl-u-focusable--alt-colour.rpl-u-focusable--force-on,.rpl-u-focusable-outline.rpl-u-focusable--alt-colour:focus{box-shadow:0 0 0 var(--rpl-border-1) var(--rpl-clr-type-primary-contrast) inset,0 0 0 var(--rpl-border-3) var(--rpl-clr-focus)}.rpl-u-focusable-outline--no-border.rpl-u-focusable--alt-colour.rpl-u-focusable--force-on,.rpl-u-focusable-outline--no-border.rpl-u-focusable--alt-colour:focus,.rpl-u-focusable-outline--no-border.rpl-u-focusable--force-on,.rpl-u-focusable-outline--no-border:focus{box-shadow:0 0 0 var(--rpl-border-3) var(--rpl-clr-focus)}.rpl-grid{grid-gap:var(--rpl-sp-4);display:grid;gap:var(--rpl-sp-4);grid-template-columns:repeat(var(--local-grid-cols,12),minmax(0,1fr));grid-template-rows:auto;margin:0;padding:0}@media (min-width:768px){.rpl-grid{gap:var(--rpl-sp-6)}}@media (min-width:1200px){.rpl-grid{gap:var(--rpl-sp-7)}}.rpl-grid.rpl-grid--no-row-gap{row-gap:0}.rpl-grid--inherit{display:contents}.rpl-col-12{--local-grid-cols:12;grid-column-end:span 12}@media (min-width:576px){.rpl-col-12-s{--local-grid-cols:12;grid-column-end:span 12}}@media (min-width:768px){.rpl-col-12-m{--local-grid-cols:12;grid-column-end:span 12}}@media (min-width:992px){.rpl-col-12-l{--local-grid-cols:12;grid-column-end:span 12}}@media (min-width:1200px){.rpl-col-12-xl{--local-grid-cols:12;grid-column-end:span 12}}.rpl-col-11{--local-grid-cols:11;grid-column-end:span 11}@media (min-width:576px){.rpl-col-11-s{--local-grid-cols:11;grid-column-end:span 11}}@media (min-width:768px){.rpl-col-11-m{--local-grid-cols:11;grid-column-end:span 11}}@media (min-width:992px){.rpl-col-11-l{--local-grid-cols:11;grid-column-end:span 11}}@media (min-width:1200px){.rpl-col-11-xl{--local-grid-cols:11;grid-column-end:span 11}}.rpl-col-10{--local-grid-cols:10;grid-column-end:span 10}@media (min-width:576px){.rpl-col-10-s{--local-grid-cols:10;grid-column-end:span 10}}@media (min-width:768px){.rpl-col-10-m{--local-grid-cols:10;grid-column-end:span 10}}@media (min-width:992px){.rpl-col-10-l{--local-grid-cols:10;grid-column-end:span 10}}@media (min-width:1200px){.rpl-col-10-xl{--local-grid-cols:10;grid-column-end:span 10}}.rpl-col-9{--local-grid-cols:9;grid-column-end:span 9}@media (min-width:576px){.rpl-col-9-s{--local-grid-cols:9;grid-column-end:span 9}}@media (min-width:768px){.rpl-col-9-m{--local-grid-cols:9;grid-column-end:span 9}}@media (min-width:992px){.rpl-col-9-l{--local-grid-cols:9;grid-column-end:span 9}}@media (min-width:1200px){.rpl-col-9-xl{--local-grid-cols:9;grid-column-end:span 9}}.rpl-col-8{--local-grid-cols:8;grid-column-end:span 8}@media (min-width:576px){.rpl-col-8-s{--local-grid-cols:8;grid-column-end:span 8}}@media (min-width:768px){.rpl-col-8-m{--local-grid-cols:8;grid-column-end:span 8}}@media (min-width:992px){.rpl-col-8-l{--local-grid-cols:8;grid-column-end:span 8}}@media (min-width:1200px){.rpl-col-8-xl{--local-grid-cols:8;grid-column-end:span 8}}.rpl-col-7{--local-grid-cols:7;grid-column-end:span 7}@media (min-width:576px){.rpl-col-7-s{--local-grid-cols:7;grid-column-end:span 7}}@media (min-width:768px){.rpl-col-7-m{--local-grid-cols:7;grid-column-end:span 7}}@media (min-width:992px){.rpl-col-7-l{--local-grid-cols:7;grid-column-end:span 7}}@media (min-width:1200px){.rpl-col-7-xl{--local-grid-cols:7;grid-column-end:span 7}}.rpl-col-6{--local-grid-cols:6;grid-column-end:span 6}@media (min-width:576px){.rpl-col-6-s{--local-grid-cols:6;grid-column-end:span 6}}@media (min-width:768px){.rpl-col-6-m{--local-grid-cols:6;grid-column-end:span 6}}@media (min-width:992px){.rpl-col-6-l{--local-grid-cols:6;grid-column-end:span 6}}@media (min-width:1200px){.rpl-col-6-xl{--local-grid-cols:6;grid-column-end:span 6}}.rpl-col-5{--local-grid-cols:5;grid-column-end:span 5}@media (min-width:576px){.rpl-col-5-s{--local-grid-cols:5;grid-column-end:span 5}}@media (min-width:768px){.rpl-col-5-m{--local-grid-cols:5;grid-column-end:span 5}}@media (min-width:992px){.rpl-col-5-l{--local-grid-cols:5;grid-column-end:span 5}}@media (min-width:1200px){.rpl-col-5-xl{--local-grid-cols:5;grid-column-end:span 5}}.rpl-col-4{--local-grid-cols:4;grid-column-end:span 4}@media (min-width:576px){.rpl-col-4-s{--local-grid-cols:4;grid-column-end:span 4}}@media (min-width:768px){.rpl-col-4-m{--local-grid-cols:4;grid-column-end:span 4}}@media (min-width:992px){.rpl-col-4-l{--local-grid-cols:4;grid-column-end:span 4}}@media (min-width:1200px){.rpl-col-4-xl{--local-grid-cols:4;grid-column-end:span 4}}.rpl-col-3{--local-grid-cols:3;grid-column-end:span 3}@media (min-width:576px){.rpl-col-3-s{--local-grid-cols:3;grid-column-end:span 3}}@media (min-width:768px){.rpl-col-3-m{--local-grid-cols:3;grid-column-end:span 3}}@media (min-width:992px){.rpl-col-3-l{--local-grid-cols:3;grid-column-end:span 3}}@media (min-width:1200px){.rpl-col-3-xl{--local-grid-cols:3;grid-column-end:span 3}}.rpl-col-2{--local-grid-cols:2;grid-column-end:span 2}@media (min-width:576px){.rpl-col-2-s{--local-grid-cols:2;grid-column-end:span 2}}@media (min-width:768px){.rpl-col-2-m{--local-grid-cols:2;grid-column-end:span 2}}@media (min-width:992px){.rpl-col-2-l{--local-grid-cols:2;grid-column-end:span 2}}@media (min-width:1200px){.rpl-col-2-xl{--local-grid-cols:2;grid-column-end:span 2}}.rpl-col-1{--local-grid-cols:1;grid-column-end:span 1}@media (min-width:576px){.rpl-col-1-s{--local-grid-cols:1;grid-column-end:span 1}}@media (min-width:768px){.rpl-col-1-m{--local-grid-cols:1;grid-column-end:span 1}}@media (min-width:992px){.rpl-col-1-l{--local-grid-cols:1;grid-column-end:span 1}}@media (min-width:1200px){.rpl-col-1-xl{--local-grid-cols:1;grid-column-end:span 1}}.rpl-col-start-12{grid-column-start:12}@media (min-width:576px){.rpl-col-start-12-s{grid-column-start:12}}@media (min-width:768px){.rpl-col-start-12-m{grid-column-start:12}}@media (min-width:992px){.rpl-col-start-12-l{grid-column-start:12}}@media (min-width:1200px){.rpl-col-start-12-xl{grid-column-start:12}}.rpl-col-start-11{grid-column-start:11}@media (min-width:576px){.rpl-col-start-11-s{grid-column-start:11}}@media (min-width:768px){.rpl-col-start-11-m{grid-column-start:11}}@media (min-width:992px){.rpl-col-start-11-l{grid-column-start:11}}@media (min-width:1200px){.rpl-col-start-11-xl{grid-column-start:11}}.rpl-col-start-10{grid-column-start:10}@media (min-width:576px){.rpl-col-start-10-s{grid-column-start:10}}@media (min-width:768px){.rpl-col-start-10-m{grid-column-start:10}}@media (min-width:992px){.rpl-col-start-10-l{grid-column-start:10}}@media (min-width:1200px){.rpl-col-start-10-xl{grid-column-start:10}}.rpl-col-start-9{grid-column-start:9}@media (min-width:576px){.rpl-col-start-9-s{grid-column-start:9}}@media (min-width:768px){.rpl-col-start-9-m{grid-column-start:9}}@media (min-width:992px){.rpl-col-start-9-l{grid-column-start:9}}@media (min-width:1200px){.rpl-col-start-9-xl{grid-column-start:9}}.rpl-col-start-8{grid-column-start:8}@media (min-width:576px){.rpl-col-start-8-s{grid-column-start:8}}@media (min-width:768px){.rpl-col-start-8-m{grid-column-start:8}}@media (min-width:992px){.rpl-col-start-8-l{grid-column-start:8}}@media (min-width:1200px){.rpl-col-start-8-xl{grid-column-start:8}}.rpl-col-start-7{grid-column-start:7}@media (min-width:576px){.rpl-col-start-7-s{grid-column-start:7}}@media (min-width:768px){.rpl-col-start-7-m{grid-column-start:7}}@media (min-width:992px){.rpl-col-start-7-l{grid-column-start:7}}@media (min-width:1200px){.rpl-col-start-7-xl{grid-column-start:7}}.rpl-col-start-6{grid-column-start:6}@media (min-width:576px){.rpl-col-start-6-s{grid-column-start:6}}@media (min-width:768px){.rpl-col-start-6-m{grid-column-start:6}}@media (min-width:992px){.rpl-col-start-6-l{grid-column-start:6}}@media (min-width:1200px){.rpl-col-start-6-xl{grid-column-start:6}}.rpl-col-start-5{grid-column-start:5}@media (min-width:576px){.rpl-col-start-5-s{grid-column-start:5}}@media (min-width:768px){.rpl-col-start-5-m{grid-column-start:5}}@media (min-width:992px){.rpl-col-start-5-l{grid-column-start:5}}@media (min-width:1200px){.rpl-col-start-5-xl{grid-column-start:5}}.rpl-col-start-4{grid-column-start:4}@media (min-width:576px){.rpl-col-start-4-s{grid-column-start:4}}@media (min-width:768px){.rpl-col-start-4-m{grid-column-start:4}}@media (min-width:992px){.rpl-col-start-4-l{grid-column-start:4}}@media (min-width:1200px){.rpl-col-start-4-xl{grid-column-start:4}}.rpl-col-start-3{grid-column-start:3}@media (min-width:576px){.rpl-col-start-3-s{grid-column-start:3}}@media (min-width:768px){.rpl-col-start-3-m{grid-column-start:3}}@media (min-width:992px){.rpl-col-start-3-l{grid-column-start:3}}@media (min-width:1200px){.rpl-col-start-3-xl{grid-column-start:3}}.rpl-col-start-2{grid-column-start:2}@media (min-width:576px){.rpl-col-start-2-s{grid-column-start:2}}@media (min-width:768px){.rpl-col-start-2-m{grid-column-start:2}}@media (min-width:992px){.rpl-col-start-2-l{grid-column-start:2}}@media (min-width:1200px){.rpl-col-start-2-xl{grid-column-start:2}}.rpl-col-start-1{grid-column-start:1}@media (min-width:576px){.rpl-col-start-1-s{grid-column-start:1}}@media (min-width:768px){.rpl-col-start-1-m{grid-column-start:1}}@media (min-width:992px){.rpl-col-start-1-l{grid-column-start:1}}@media (min-width:1200px){.rpl-col-start-1-xl{grid-column-start:1}}.rpl-content ol,.rpl-type-list-ol{display:block;font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4);list-style-type:decimal;margin-left:var(--rpl-sp-4);padding-left:var(--rpl-sp-4)}@media (min-width:992px){.rpl-content ol,.rpl-type-list-ol{margin-left:var(--rpl-sp-5)}}.rpl-content ol li,.rpl-type-list-ol li{padding:0 0 var(--rpl-sp-2) var(--rpl-sp-2)}.rpl-content ol li:last-of-type,.rpl-type-list-ol li:last-of-type{padding-bottom:0}.rpl-content ol ::marker,.rpl-type-list-ol ::marker{font-size:var(--rpl-type-size-2);letter-spacing:0;line-height:var(--rpl-type-lh-4)}.rpl-content ol .rpl-type-list-ol,.rpl-content ol .rpl-type-list-ul,.rpl-content ol ol,.rpl-content ol ul,.rpl-type-list-ol .rpl-type-list-ol,.rpl-type-list-ol .rpl-type-list-ul,.rpl-type-list-ol ol,.rpl-type-list-ol ul{margin-left:0;padding-left:var(--rpl-sp-5);padding-top:var(--rpl-sp-2)}.rpl-content ol>li>ol,.rpl-type-list-ol>li>ol{list-style-type:lower-alpha}.rpl-content ol>li>ol>li>ol,.rpl-type-list-ol>li>ol>li>ol{list-style-type:lower-roman}.rpl-content ol>li>ol>li>ol ::marker,.rpl-type-list-ol>li>ol>li>ol ::marker{letter-spacing:var(--rpl-type-ls-1)}.rpl-content ul,.rpl-type-list-ul{display:block;font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4);list-style-type:none;margin-left:var(--rpl-sp-4);padding-left:var(--rpl-sp-4)}@media (min-width:992px){.rpl-content ul,.rpl-type-list-ul{margin-left:var(--rpl-sp-5)}}.rpl-content ul>li,.rpl-type-list-ul>li{padding:0 0 var(--rpl-sp-2) var(--rpl-sp-2);position:relative}.rpl-content ul>li:before,.rpl-type-list-ul>li:before{background-color:currentcolor;border-radius:50%;content:"";display:block;height:.5rem;left:-.9rem;position:absolute;top:1.1rem;width:.5rem}.rpl-content ul>li:last-of-type,.rpl-type-list-ul>li:last-of-type{padding-bottom:0}.rpl-content ul ::marker,.rpl-type-list-ul ::marker{font-size:var(--rpl-type-size-2);letter-spacing:0;line-height:var(--rpl-type-lh-4)}.rpl-content ul .rpl-type-list-ol,.rpl-content ul .rpl-type-list-ul,.rpl-content ul ol,.rpl-content ul ul,.rpl-type-list-ul .rpl-type-list-ol,.rpl-type-list-ul .rpl-type-list-ul,.rpl-type-list-ul ol,.rpl-type-list-ul ul{margin-left:0;padding-left:var(--rpl-sp-5);padding-top:var(--rpl-sp-2)}.rpl-content ul>li>ul,.rpl-type-list-ul>li>ul{list-style-type:none}.rpl-content ul>li>ul li,.rpl-type-list-ul>li>ul li{position:relative}.rpl-content ul>li>ul li:before,.rpl-type-list-ul>li>ul li:before{background-color:transparent;content:"-";display:block;left:-1rem;position:absolute;top:0}[dir=rtl] .rpl-content ol,[dir=rtl] .rpl-content ul,[dir=rtl] .rpl-type-list-ol,[dir=rtl] .rpl-type-list-ul{margin-left:0;margin-right:var(--rpl-sp-4);padding-left:0;padding-right:var(--rpl-sp-4)}@media (min-width:992px){[dir=rtl] .rpl-content ol,[dir=rtl] .rpl-content ul,[dir=rtl] .rpl-type-list-ol,[dir=rtl] .rpl-type-list-ul{margin-left:0;margin-right:var(--rpl-sp-5)}}[dir=rtl] .rpl-content ol>li,[dir=rtl] .rpl-content ul>li,[dir=rtl] .rpl-type-list-ol>li,[dir=rtl] .rpl-type-list-ul>li{padding:0 var(--rpl-sp-2) var(--rpl-sp-2) 0}[dir=rtl] .rpl-content ul>li:before,[dir=rtl] .rpl-type-list-ul>li:before{background-color:currentcolor;border-radius:50%;content:"";display:block;height:.5rem;position:absolute;right:-.9rem;top:1.1rem;width:.5rem}.rpl-u-margin-1{margin:var(--rpl-sp-1)}.rpl-u-margin-t-1{margin-top:var(--rpl-sp-1)}.rpl-u-margin-r-1{margin-right:var(--rpl-sp-1)}.rpl-u-margin-b-1{margin-bottom:var(--rpl-sp-1)}.rpl-u-margin-l-1{margin-left:var(--rpl-sp-1)}.rpl-u-margin-2{margin:var(--rpl-sp-2)}.rpl-u-margin-t-2{margin-top:var(--rpl-sp-2)}.rpl-u-margin-r-2{margin-right:var(--rpl-sp-2)}.rpl-u-margin-b-2{margin-bottom:var(--rpl-sp-2)}.rpl-u-margin-l-2{margin-left:var(--rpl-sp-2)}.rpl-u-margin-3{margin:var(--rpl-sp-3)}.rpl-u-margin-t-3{margin-top:var(--rpl-sp-3)}.rpl-u-margin-r-3{margin-right:var(--rpl-sp-3)}.rpl-u-margin-b-3{margin-bottom:var(--rpl-sp-3)}.rpl-u-margin-l-3{margin-left:var(--rpl-sp-3)}.rpl-u-margin-4{margin:var(--rpl-sp-4)}.rpl-u-margin-t-4{margin-top:var(--rpl-sp-4)}.rpl-u-margin-r-4{margin-right:var(--rpl-sp-4)}.rpl-u-margin-b-4{margin-bottom:var(--rpl-sp-4)}.rpl-u-margin-l-4{margin-left:var(--rpl-sp-4)}.rpl-u-margin-5{margin:var(--rpl-sp-5)}.rpl-u-margin-t-5{margin-top:var(--rpl-sp-5)}.rpl-u-margin-r-5{margin-right:var(--rpl-sp-5)}.rpl-u-margin-b-5{margin-bottom:var(--rpl-sp-5)}.rpl-u-margin-l-5{margin-left:var(--rpl-sp-5)}.rpl-u-margin-6{margin:var(--rpl-sp-6)}.rpl-u-margin-t-6{margin-top:var(--rpl-sp-6)}.rpl-u-margin-r-6{margin-right:var(--rpl-sp-6)}.rpl-u-margin-b-6{margin-bottom:var(--rpl-sp-6)}.rpl-u-margin-l-6{margin-left:var(--rpl-sp-6)}.rpl-u-margin-7{margin:var(--rpl-sp-7)}.rpl-u-margin-t-7{margin-top:var(--rpl-sp-7)}.rpl-u-margin-r-7{margin-right:var(--rpl-sp-7)}.rpl-u-margin-b-7{margin-bottom:var(--rpl-sp-7)}.rpl-u-margin-l-7{margin-left:var(--rpl-sp-7)}.rpl-u-margin-8{margin:var(--rpl-sp-8)}.rpl-u-margin-t-8{margin-top:var(--rpl-sp-8)}.rpl-u-margin-r-8{margin-right:var(--rpl-sp-8)}.rpl-u-margin-b-8{margin-bottom:var(--rpl-sp-8)}.rpl-u-margin-l-8{margin-left:var(--rpl-sp-8)}.rpl-u-margin-9{margin:var(--rpl-sp-9)}.rpl-u-margin-t-9{margin-top:var(--rpl-sp-9)}.rpl-u-margin-r-9{margin-right:var(--rpl-sp-9)}.rpl-u-margin-b-9{margin-bottom:var(--rpl-sp-9)}.rpl-u-margin-l-9{margin-left:var(--rpl-sp-9)}.rpl-u-margin-10{margin:var(--rpl-sp-10)}.rpl-u-margin-t-10{margin-top:var(--rpl-sp-10)}.rpl-u-margin-r-10{margin-right:var(--rpl-sp-10)}.rpl-u-margin-b-10{margin-bottom:var(--rpl-sp-10)}.rpl-u-margin-l-10{margin-left:var(--rpl-sp-10)}.rpl-u-margin-11{margin:var(--rpl-sp-11)}.rpl-u-margin-t-11{margin-top:var(--rpl-sp-11)}.rpl-u-margin-r-11{margin-right:var(--rpl-sp-11)}.rpl-u-margin-b-11{margin-bottom:var(--rpl-sp-11)}.rpl-u-margin-l-11{margin-left:var(--rpl-sp-11)}.rpl-u-margin-12{margin:var(--rpl-sp-12)}.rpl-u-margin-t-12{margin-top:var(--rpl-sp-12)}.rpl-u-margin-r-12{margin-right:var(--rpl-sp-12)}.rpl-u-margin-b-12{margin-bottom:var(--rpl-sp-12)}.rpl-u-margin-l-12{margin-left:var(--rpl-sp-12)}.rpl-u-margin-13{margin:var(--rpl-sp-13)}.rpl-u-margin-t-13{margin-top:var(--rpl-sp-13)}.rpl-u-margin-r-13{margin-right:var(--rpl-sp-13)}.rpl-u-margin-b-13{margin-bottom:var(--rpl-sp-13)}.rpl-u-margin-l-13{margin-left:var(--rpl-sp-13)}.rpl-u-margin-14{margin:var(--rpl-sp-14)}.rpl-u-margin-t-14{margin-top:var(--rpl-sp-14)}.rpl-u-margin-r-14{margin-right:var(--rpl-sp-14)}.rpl-u-margin-b-14{margin-bottom:var(--rpl-sp-14)}.rpl-u-margin-l-14{margin-left:var(--rpl-sp-14)}.rpl-u-margin-none{margin:0}.rpl-u-padding-1{padding:var(--rpl-sp-1)}.rpl-u-padding-t-1{padding-top:var(--rpl-sp-1)}.rpl-u-padding-r-1{padding-right:var(--rpl-sp-1)}.rpl-u-padding-b-1{padding-bottom:var(--rpl-sp-1)}.rpl-u-padding-l-1{padding-left:var(--rpl-sp-1)}.rpl-u-padding-2{padding:var(--rpl-sp-2)}.rpl-u-padding-t-2{padding-top:var(--rpl-sp-2)}.rpl-u-padding-r-2{padding-right:var(--rpl-sp-2)}.rpl-u-padding-b-2{padding-bottom:var(--rpl-sp-2)}.rpl-u-padding-l-2{padding-left:var(--rpl-sp-2)}.rpl-u-padding-3{padding:var(--rpl-sp-3)}.rpl-u-padding-t-3{padding-top:var(--rpl-sp-3)}.rpl-u-padding-r-3{padding-right:var(--rpl-sp-3)}.rpl-u-padding-b-3{padding-bottom:var(--rpl-sp-3)}.rpl-u-padding-l-3{padding-left:var(--rpl-sp-3)}.rpl-u-padding-4{padding:var(--rpl-sp-4)}.rpl-u-padding-t-4{padding-top:var(--rpl-sp-4)}.rpl-u-padding-r-4{padding-right:var(--rpl-sp-4)}.rpl-u-padding-b-4{padding-bottom:var(--rpl-sp-4)}.rpl-u-padding-l-4{padding-left:var(--rpl-sp-4)}.rpl-u-padding-5{padding:var(--rpl-sp-5)}.rpl-u-padding-t-5{padding-top:var(--rpl-sp-5)}.rpl-u-padding-r-5{padding-right:var(--rpl-sp-5)}.rpl-u-padding-b-5{padding-bottom:var(--rpl-sp-5)}.rpl-u-padding-l-5{padding-left:var(--rpl-sp-5)}.rpl-u-padding-6{padding:var(--rpl-sp-6)}.rpl-u-padding-t-6{padding-top:var(--rpl-sp-6)}.rpl-u-padding-r-6{padding-right:var(--rpl-sp-6)}.rpl-u-padding-b-6{padding-bottom:var(--rpl-sp-6)}.rpl-u-padding-l-6{padding-left:var(--rpl-sp-6)}.rpl-u-padding-7{padding:var(--rpl-sp-7)}.rpl-u-padding-t-7{padding-top:var(--rpl-sp-7)}.rpl-u-padding-r-7{padding-right:var(--rpl-sp-7)}.rpl-u-padding-b-7{padding-bottom:var(--rpl-sp-7)}.rpl-u-padding-l-7{padding-left:var(--rpl-sp-7)}.rpl-u-padding-8{padding:var(--rpl-sp-8)}.rpl-u-padding-t-8{padding-top:var(--rpl-sp-8)}.rpl-u-padding-r-8{padding-right:var(--rpl-sp-8)}.rpl-u-padding-b-8{padding-bottom:var(--rpl-sp-8)}.rpl-u-padding-l-8{padding-left:var(--rpl-sp-8)}.rpl-u-padding-9{padding:var(--rpl-sp-9)}.rpl-u-padding-t-9{padding-top:var(--rpl-sp-9)}.rpl-u-padding-r-9{padding-right:var(--rpl-sp-9)}.rpl-u-padding-b-9{padding-bottom:var(--rpl-sp-9)}.rpl-u-padding-l-9{padding-left:var(--rpl-sp-9)}.rpl-u-padding-10{padding:var(--rpl-sp-10)}.rpl-u-padding-t-10{padding-top:var(--rpl-sp-10)}.rpl-u-padding-r-10{padding-right:var(--rpl-sp-10)}.rpl-u-padding-b-10{padding-bottom:var(--rpl-sp-10)}.rpl-u-padding-l-10{padding-left:var(--rpl-sp-10)}.rpl-u-padding-11{padding:var(--rpl-sp-11)}.rpl-u-padding-t-11{padding-top:var(--rpl-sp-11)}.rpl-u-padding-r-11{padding-right:var(--rpl-sp-11)}.rpl-u-padding-b-11{padding-bottom:var(--rpl-sp-11)}.rpl-u-padding-l-11{padding-left:var(--rpl-sp-11)}.rpl-u-padding-12{padding:var(--rpl-sp-12)}.rpl-u-padding-t-12{padding-top:var(--rpl-sp-12)}.rpl-u-padding-r-12{padding-right:var(--rpl-sp-12)}.rpl-u-padding-b-12{padding-bottom:var(--rpl-sp-12)}.rpl-u-padding-l-12{padding-left:var(--rpl-sp-12)}.rpl-u-padding-13{padding:var(--rpl-sp-13)}.rpl-u-padding-t-13{padding-top:var(--rpl-sp-13)}.rpl-u-padding-r-13{padding-right:var(--rpl-sp-13)}.rpl-u-padding-b-13{padding-bottom:var(--rpl-sp-13)}.rpl-u-padding-l-13{padding-left:var(--rpl-sp-13)}.rpl-u-padding-14{padding:var(--rpl-sp-14)}.rpl-u-padding-t-14{padding-top:var(--rpl-sp-14)}.rpl-u-padding-r-14{padding-right:var(--rpl-sp-14)}.rpl-u-padding-b-14{padding-bottom:var(--rpl-sp-14)}.rpl-u-padding-l-14{padding-left:var(--rpl-sp-14)}.rpl-u-size-1{height:var(--rpl-sp-1);width:var(--rpl-sp-1)}.rpl-u-size-2{height:var(--rpl-sp-2);width:var(--rpl-sp-2)}.rpl-u-size-3{height:var(--rpl-sp-3);width:var(--rpl-sp-3)}.rpl-u-size-4{height:var(--rpl-sp-4);width:var(--rpl-sp-4)}.rpl-u-size-5{height:var(--rpl-sp-5);width:var(--rpl-sp-5)}.rpl-u-size-6{height:var(--rpl-sp-6);width:var(--rpl-sp-6)}.rpl-u-size-7{height:var(--rpl-sp-7);width:var(--rpl-sp-7)}.rpl-u-size-8{height:var(--rpl-sp-8);width:var(--rpl-sp-8)}.rpl-u-size-9{height:var(--rpl-sp-9);width:var(--rpl-sp-9)}.rpl-u-size-10{height:var(--rpl-sp-10);width:var(--rpl-sp-10)}.rpl-u-size-11{height:var(--rpl-sp-11);width:var(--rpl-sp-11)}.rpl-u-size-12{height:var(--rpl-sp-12);width:var(--rpl-sp-12)}.rpl-u-size-13{height:var(--rpl-sp-13);width:var(--rpl-sp-13)}.rpl-u-size-14{height:var(--rpl-sp-14);width:var(--rpl-sp-14)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--rpl-clr-type-default)}.rpl-type-h1-highlight{background-color:var(--rpl-clr-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--rpl-clr-type-accent-contrast);font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-6);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-5);line-height:4.8rem;padding:.05rem var(--rpl-sp-3)}@media (min-width:992px){.rpl-type-h1-highlight{font-size:var(--rpl-type-size-8);letter-spacing:var(--rpl-type-ls-7);line-height:8.8rem;padding:.2rem var(--rpl-sp-4)}}.rpl-type-h1-highlight-fixed{background-color:var(--rpl-clr-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--rpl-clr-type-accent-contrast);font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-6);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-5);line-height:4.8rem;padding:.05rem var(--rpl-sp-3)}.rpl-type-h1,:where(.rpl-content) h1{color:var(--rpl-clr-primary);font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-6);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-5);line-height:var(--rpl-type-lh-7)}@media (min-width:992px){.rpl-type-h1,:where(.rpl-content) h1{font-size:var(--rpl-type-size-8);letter-spacing:var(--rpl-type-ls-7);line-height:var(--rpl-type-lh-11)}}.rpl-type-h1-fixed{color:var(--rpl-clr-primary);font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-6);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-5);line-height:var(--rpl-type-lh-7)}.rpl-type-h2,:where(.rpl-content) h2{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-4);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-4);line-height:var(--rpl-type-lh-6)}@media (min-width:992px){.rpl-type-h2,:where(.rpl-content) h2{font-size:var(--rpl-type-size-6);letter-spacing:var(--rpl-type-ls-5);line-height:var(--rpl-type-lh-8)}}.rpl-type-h2-fixed{font-size:var(--rpl-type-size-4);letter-spacing:var(--rpl-type-ls-4)}.rpl-type-h2-fixed,.rpl-type-h3-highlight{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-weight:var(--rpl-type-weight-bold);line-height:var(--rpl-type-lh-6)}.rpl-type-h3-highlight{background-color:var(--rpl-clr-primary);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--rpl-clr-type-primary-contrast);display:inline;font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);padding:.05rem var(--rpl-sp-2)}@media (min-width:992px){.rpl-type-h3-highlight{font-size:var(--rpl-type-size-4);letter-spacing:var(--rpl-type-ls-4);line-height:var(--rpl-type-lh-7);padding:0 var(--rpl-sp-2)}}.rpl-type-h3-highlight-fixed{background-color:var(--rpl-clr-primary);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--rpl-clr-type-primary-contrast);display:inline;font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-3);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-6);padding:.05rem var(--rpl-sp-2)}.rpl-type-h3,:where(.rpl-content) h3{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-3);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}@media (min-width:992px){.rpl-type-h3,:where(.rpl-content) h3{font-size:var(--rpl-type-size-4);letter-spacing:var(--rpl-type-ls-4);line-height:var(--rpl-type-lh-6)}}.rpl-type-h3-fixed{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-3);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}.rpl-type-h4,:where(.rpl-content) h4{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-2);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4)}@media (min-width:992px){.rpl-type-h4,:where(.rpl-content) h4{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}}.rpl-type-h4-fixed{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-2);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4)}.rpl-type-h5,:where(.rpl-content) h5{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-1);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-3)}@media (min-width:992px){.rpl-type-h5,:where(.rpl-content) h5{font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4)}}.rpl-type-h5-fixed{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-1);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-3)}.rpl-type-p-highlight{padding-left:var(--rpl-sp-2);padding-right:var(--rpl-sp-2)}.rpl-type-p-highlight,.rpl-type-p-large-highlight{background-color:var(--rpl-clr-accent-alt);-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}.rpl-type-p-large-highlight{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5);padding:.05rem var(--rpl-sp-2)}@media (min-width:992px){.rpl-type-p-large-highlight{font-size:var(--rpl-type-size-4);letter-spacing:var(--rpl-type-ls-4);line-height:var(--rpl-type-lh-6);padding:0 var(--rpl-sp-2)}}.rpl-type-p-large{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}@media (min-width:992px){.rpl-type-p-large{font-size:var(--rpl-type-size-4);letter-spacing:var(--rpl-type-ls-4);line-height:var(--rpl-type-lh-6)}}.rpl-type-p-large-fixed{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}.rpl-type-p,:where(.rpl-content) p{display:block;font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4)}.rpl-type-p-small{font-size:var(--rpl-type-size-1);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-3)}.rpl-type-label-large{font-family:var(--rpl-type-font-family-heading,var(--rpl-type-font-family));font-size:var(--rpl-type-size-3);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-6);line-height:var(--rpl-type-lh-3)}.rpl-type-label{font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-2)}.rpl-type-label-small{font-size:var(--rpl-type-size-1);letter-spacing:var(--rpl-type-ls-3);line-height:var(--rpl-type-lh-1)}.rpl-type-weight-bold{font-weight:var(--rpl-type-weight-bold)}.rpl-type-weight-regular{font-weight:var(--rpl-type-weight-regular)}.rpl-type-uppercase{text-transform:uppercase}@media print{.rpl-type-h1-highlight,.rpl-type-h1-highlight-fixed,.rpl-type-h3-highlight,.rpl-type-h3-highlight-fixed,.rpl-type-p-highlight{background-color:transparent!important;color:var(--rpl-clr-type-default)!important;padding-left:0;padding-right:0}}.rpl-u-hyphenate{-webkit-hyphens:auto;hyphens:auto}.rpl-u-aspect-square{aspect-ratio:1/1}.rpl-u-aspect-full{aspect-ratio:4/3}.rpl-u-aspect-wide{aspect-ratio:16/9}.rpl-u-aspect-ultrawide{aspect-ratio:21/9}.rpl-u-aspect-panorama{aspect-ratio:3/1}@media (min-width:576px){.rpl-u-aspect-square-s{aspect-ratio:1/1}.rpl-u-aspect-full-s{aspect-ratio:4/3}.rpl-u-aspect-wide-s{aspect-ratio:16/9}.rpl-u-aspect-ultrawide-s{aspect-ratio:21/9}.rpl-u-aspect-panorama-s{aspect-ratio:3/1}}@media (min-width:768px){.rpl-u-aspect-square-m{aspect-ratio:1/1}.rpl-u-aspect-full-m{aspect-ratio:4/3}.rpl-u-aspect-wide-m{aspect-ratio:16/9}.rpl-u-aspect-ultrawide-m{aspect-ratio:21/9}.rpl-u-aspect-panorama-m{aspect-ratio:3/1}}@media (min-width:992px){.rpl-u-aspect-square-l{aspect-ratio:1/1}.rpl-u-aspect-full-l{aspect-ratio:4/3}.rpl-u-aspect-wide-l{aspect-ratio:16/9}.rpl-u-aspect-ultrawide-l{aspect-ratio:21/9}.rpl-u-aspect-panorama-l{aspect-ratio:3/1}}@media (min-width:1200px){.rpl-u-aspect-square-xl{aspect-ratio:1/1}.rpl-u-aspect-full-xl{aspect-ratio:4/3}.rpl-u-aspect-wide-xl{aspect-ratio:16/9}.rpl-u-aspect-ultrawide-xl{aspect-ratio:21/9}.rpl-u-aspect-panorama-xl{aspect-ratio:3/1}}@media print{.rpl-u-screen-only{display:none!important}}.rpl-u-print-only{display:none!important}@media print{.rpl-u-print-only{display:block!important}}@font-face{font-display:swap;font-family:VIC;font-style:normal;font-weight:400;src:url(/assets/fonts/VIC-Regular.woff2) format("woff2"),url(/assets/fonts/VIC-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:VIC;font-style:italic;font-weight:400;src:url(/assets/fonts/VIC-RegularItalic.woff2) format("woff2"),url(/assets/fonts/VIC-RegularItalic.woff) format("woff")}@font-face{font-display:swap;font-family:VIC;font-style:normal;font-weight:700;src:url(/assets/fonts/VIC-Bold.woff2) format("woff2"),url(/assets/fonts/VIC-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:VIC;font-style:italic;font-weight:700;src:url(/assets/fonts/VIC-BoldItalic.woff2) format("woff2"),url(/assets/fonts/VIC-BoldItalic.woff) format("woff")}html{box-sizing:border-box;font-family:var(--rpl-type-font-family);font-size:62.5%}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6,ol,p{margin-bottom:0;margin-top:0}ol,ul{list-style-type:none}button,ol,ul{margin:0;padding:0}button{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;background:transparent;border:none;color:inherit;font:inherit;line-height:normal;outline:0;overflow:visible;width:auto}button::-moz-focus-inner{border:0;padding:0}button:focus:not(:focus-visible){outline:none}figure{margin:0}.rpl-blockquote{--local-icon-size:3.5rem;margin:var(--rpl-sp-5) 0 0;padding:0 var(--rpl-sp-2) var(--rpl-sp-2)}@media (min-width:768px){.rpl-blockquote{margin-top:var(--rpl-sp-6)}}.rpl-blockquote__quote{margin:0;padding-left:var(--rpl-sp-8)}.rpl-blockquote__quote p{margin:0;position:relative}.rpl-blockquote__quote p:before{color:var(--rpl-clr-primary);content:'"';content:'"'/"";font-size:var(--local-icon-size);font-style:italic;font-weight:var(--rpl-type-weight-bold);position:absolute;right:calc(100% + var(--rpl-sp-4));top:var(--rpl-sp-2)}.rpl-blockquote__author,.rpl-blockquote__quote p+p{margin-top:var(--rpl-sp-3)}.rpl-blockquote__author{color:var(--rpl-clr-neutral-600);padding-left:var(--rpl-sp-8)}.rpl-blockquote__author-name,.rpl-blockquote__author-title{display:block}.rpl-blockquote__author-name+.rpl-blockquote__author-name,.rpl-blockquote__author-name+.rpl-blockquote__author-title{margin-top:var(--rpl-sp-2)}.rpl-callout{background-color:var(--rpl-clr-accent-alt);border-left:var(--rpl-border-3) solid;border-color:var(--rpl-clr-accent);margin-top:var(--rpl-sp-5);padding:var(--rpl-sp-6)}@media (min-width:992px){.rpl-callout{margin-top:var(--rpl-sp-6)}}@media print{.rpl-callout{background-color:transparent}}.rpl-callout>:nth-child(n){margin-top:var(--rpl-sp-4)}.rpl-callout>:first-child{margin-top:0}.rpl-callout>:last-child{margin-bottom:0}.rpl-callout.rpl-callout--neutral{background-color:transparent;border-color:var(--rpl-clr-neutral-600);padding:var(--rpl-sp-2) var(--rpl-sp-6)}.rpl-callout.rpl-callout--neutral p{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}[dir=rtl] .rpl-callout{border-left:0;border-right:var(--rpl-border-3) solid var(--rpl-clr-accent)}.rpl-document{margin:0}:where(.rpl-content) .rpl-document{margin-top:var(--rpl-sp-5)}@media (min-width:768px){:where(.rpl-content) .rpl-document{margin-top:var(--rpl-sp-6)}}.rpl-document__icon{margin-right:var(--rpl-sp-4)}.rpl-document__icon .rpl-icon{vertical-align:middle}.rpl-document__name{display:inline;-webkit-text-decoration:underline;text-decoration:underline}.rpl-document__info{color:var(--rpl-clr-neutral-600);line-height:var(--rpl-type-lh-1);margin-top:var(--rpl-sp-2)}.rpl-document__caption{margin-top:var(--rpl-sp-3)}.rpl-document__link{align-items:flex-start;color:var(--rpl-clr-type-default);display:flex;-webkit-text-decoration:none;text-decoration:none}@media print{.rpl-document__link{flex-wrap:wrap}.rpl-document__link:after{color:var(--rpl-clr-link);content:" <" attr(href) "> ";display:block;margin-top:var(--rpl-sp-3);-webkit-text-decoration:underline;text-decoration:underline;width:100%}}.rpl-document__link:hover .rpl-document__name{color:var(--rpl-clr-link);-webkit-text-decoration:none;text-decoration:none}.rpl-document__link:active .rpl-document__name{color:var(--rpl-clr-link);-webkit-text-decoration:underline;text-decoration:underline}.rpl-document--centered .rpl-document__link{align-items:center}[dir=rtl] .rpl-document__icon{margin-left:var(--rpl-sp-4);margin-right:0}.rpl-media-embed__image{margin-bottom:var(--rpl-sp-3);width:100%}.rpl-media-embed__image.rpl-media-embed__image--small{max-width:148px}.rpl-media-embed__image.rpl-media-embed__image--medium{max-width:264px}.rpl-media-embed__image.rpl-media-embed__image--landscape.rpl-media-emebed__image--large{max-width:none}.rpl-media-embed__image.rpl-media-embed__image--portrait.rpl-media-emebed__image--large{max-height:595px;max-width:none}.rpl-media-embed__image.rpl-media-embed__image--square.rpl-media-embed__image--large{max-width:595px}.rpl-media-embed__image.rpl-media-embed__image--avatar.rpl-media-embed__image--large{max-width:264px}.rpl-media-embed__content{max-width:var(--rpl-content-max-width)}.rpl-media-embed__video-container{margin-bottom:var(--rpl-sp-3);padding-top:56.25%;position:relative}@media print{.rpl-media-embed__video-container{padding-top:0}}.rpl-media-embed__video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.rpl-media-embed__figcaption p+p{margin-top:var(--rpl-sp-1)}.rpl-media-embed__source-caption{color:var(--rpl-clr-neutral-600)}.rpl-media-embed__actions-list{margin-top:var(--rpl-sp-3)}.rpl-media-embed__actions-list li{margin-bottom:var(--rpl-sp-3)}.rpl-media-embed__actions-list li:last-of-type{margin-bottom:0}.rpl-media-embed__action{color:var(--rpl-clr-type-default);cursor:pointer;display:inline-flex;text-align:left;-webkit-text-decoration:underline;text-decoration:underline}@media print{.rpl-media-embed__action{color:var(--rpl-clr-link)}}.rpl-media-embed__action .rpl-icon{color:var(--rpl-clr-link);margin-right:var(--rpl-sp-2);padding-top:var(--rpl-sp-1)}.rpl-media-embed__action:focus-visible .rpl-icon{color:var(--rpl-clr-type-focus-contrast)}.rpl-media-embed__view-data-content .rpl-content{border-bottom:1px solid var(--rpl-clr-neutral-300);padding:var(--rpl-sp-3) var(--rpl-sp-3) var(--rpl-sp-5) var(--rpl-sp-6)}@media print{.rpl-media-embed__view-data-content .rpl-content{padding-left:0;padding-right:0}}.rpl-file__meta{text-transform:uppercase}.rpl-file__meta+.rpl-file__meta:before{content:" | "}.rpl-file__updated{margin-top:var(--rpl-sp-1)}.rpl-img{max-width:100%;-o-object-fit:cover;object-fit:cover}.rpl-img__caption{color:var(--rpl-clr-neutral-600);margin-bottom:var(--rpl-sp-3);margin-top:var(--rpl-sp-3)}.rpl-table{--local-dividing-border:var(--rpl-border-1) solid var(--rpl-clr-neutral-300);--local-scroll-indicator-width:1.6rem;--local-scrolling-idicator-fade:rgba(25,25,25,.08);--local-table-row-background:rgba(0,0,0,.04);background-color:var(--rpl-clr-neutral-0);margin-top:var(--rpl-sp-5)}@media (min-width:768px){.rpl-table{margin-top:var(--rpl-sp-6)}}.rpl-table__info{align-items:flex-end;display:flex;justify-content:flex-end;margin-bottom:var(--rpl-sp-2)}.rpl-table__info-icon{margin:0 0 var(--rpl-sp-1) var(--rpl-sp-2)}.rpl-table table{border-collapse:collapse;width:100%}.rpl-table table,.rpl-table table li,.rpl-table table p{font-size:var(--rpl-type-size-1);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-3)}.rpl-table thead{border-bottom:var(--rpl-border-2) solid var(--rpl-clr-neutral-600)}.rpl-table tbody,.rpl-table tfoot{border-bottom:var(--local-dividing-border)}.rpl-table tfoot{color:var(--rpl-clr-neutral-600)}.rpl-table th{font-weight:var(--rpl-type-weight-bold)}.rpl-table td,.rpl-table th{vertical-align:top}.rpl-table caption{font-size:var(--rpl-type-size-2);font-weight:var(--rpl-type-weight-bold);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4)}.rpl-table caption,.rpl-table caption+thead,.rpl-table tbody tr,.rpl-table tfoot{border-top:var(--local-dividing-border)}.rpl-table caption,.rpl-table td,.rpl-table th{padding:var(--rpl-sp-4) var(--rpl-sp-3);text-align:left}.rpl-table caption:first-child,.rpl-table td:first-child,.rpl-table th:first-child{padding-left:var(--rpl-sp-4)}.rpl-table caption:last-child,.rpl-table td:last-child,.rpl-table th:last-child{padding-right:var(--rpl-sp-4)}.rpl-table tbody tr:nth-child(odd){background-color:var(--local-table-row-background)}.rpl-table__scroll-container{background-image:linear-gradient(to right,var(--local-scrolling-idicator-fade),transparent),linear-gradient(to left,var(--local-scrolling-idicator-fade),transparent);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:calc(var(--local-scroll-indicator-width)/2) 100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;position:relative;z-index:var(--rpl-layer-1)}.rpl-table__scroll-container:after,.rpl-table__scroll-container:before{background:var(--rpl-clr-light);content:"";min-width:var(--local-scroll-indicator-width);position:relative;z-index:-1}@media print{.rpl-table__scroll-container{background-image:none;overflow-x:visible;overflow-x:initial}}.rpl-table__scroll-container table{margin:0 calc(var(--local-scroll-indicator-width)*-1)}.rpl-table--no-stripes tbody tr:nth-child(odd){background-color:transparent}:where(.rpl-content) .rpl-iframe{margin-top:var(--rpl-sp-5)}@media (min-width:768px){:where(.rpl-content) .rpl-iframe{margin-top:var(--rpl-sp-6)}}.rpl-iframe iframe{border:0;max-height:80vh;max-width:100%;width:100%}.rpl-iframe--default iframe{height:600px}.rpl-iframe--auto iframe{max-height:none}:host,:root{--ol-background-color:#fff;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:hsla(0,0%,50%,.25);--ol-partial-background-color:hsla(0,0%,100%,.75);--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{background-color:var(--ol-partial-background-color);border:1.5px solid var(--ol-background-color);border-radius:2px;box-sizing:border-box}.ol-mouse-position{position:absolute;right:8px;top:8px}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;margin:1px;text-align:center;transition:all .25s;will-change:contents,width}.ol-scale-bar{bottom:8px;left:8px;position:absolute}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;height:15px;width:1px;z-index:10}.ol-scale-step-text{bottom:-5px;font-size:10px;z-index:11}.ol-scale-step-text,.ol-scale-text{color:var(--ol-foreground-color);position:absolute;text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{bottom:25px;font-size:12px;text-align:center}.ol-scale-singlebar{border:1px solid var(--ol-foreground-color);box-sizing:border-box;height:10px;position:relative;z-index:9}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ol-viewport canvas{all:unset}.ol-viewport{touch-action:none}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:grabbing}.ol-grab{cursor:move;cursor:grab}.ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{left:.5em;top:.5em}.ol-rotate{right:.5em;top:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;transition:opacity .25s linear,visibility 0s linear .25s;visibility:hidden}.ol-zoom-extent{left:.5em;top:4.643em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{background-color:var(--ol-background-color);border:none;border-radius:2px;color:var(--ol-subtle-foreground-color);display:block;font-size:inherit;font-weight:700;height:1.375em;line-height:.4em;margin:1px;padding:0;text-align:center;-webkit-text-decoration:none;text-decoration:none;width:1.375em}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{color:var(--ol-foreground-color);outline:1px solid var(--ol-subtle-foreground-color);-webkit-text-decoration:none;text-decoration:none}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{align-items:center;bottom:.5em;display:flex;flex-flow:row-reverse;max-width:calc(100% - 1.3em);right:.5em;text-align:right}.ol-attribution a{color:var(--ol-subtle-foreground-color);-webkit-text-decoration:none;text-decoration:none}.ol-attribution ul{color:var(--ol-foreground-color);font-size:12px;margin:0;padding:1px .5em;text-shadow:0 0 2px var(--ol-background-color)}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;left:.5em;top:4.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-control i{cursor:default}.ol-control.ol-bar{left:50%;min-height:1em;min-width:1em;position:absolute;top:.5em;transform:translate(-50%);-webkit-transform:translate(-50%);white-space:nowrap}.ol-control.ol-toggle .ol-option-bar{display:none}.ol-control.ol-bar .ol-control{background-color:transparent;bottom:auto;display:inline-block;left:auto;margin:0;padding:0;position:relative;right:auto;top:auto;transform:none;-webkit-transform:none;vertical-align:middle}.ol-control.ol-bar .ol-bar{position:static}.ol-control.ol-bar .ol-control button{margin:2px 1px;outline:none}.ol-control.ol-bar.ol-left{left:.5em;top:50%;transform:translateY(-50%)}.ol-control.ol-bar.ol-left .ol-control{display:block}.ol-control.ol-bar.ol-right{left:auto;right:.5em;top:50%;transform:translateY(-50%)}.ol-control.ol-bar.ol-right .ol-control{display:block}.ol-control.ol-bar.ol-bottom{bottom:.5em;top:auto}.ol-control.ol-bar.ol-top.ol-left,.ol-control.ol-bar.ol-top.ol-right{top:4.5em;transform:none}.ol-touch .ol-control.ol-bar.ol-top.ol-left,.ol-touch .ol-control.ol-bar.ol-top.ol-right{top:5.5em}.ol-control.ol-bar.ol-bottom.ol-left,.ol-control.ol-bar.ol-bottom.ol-right{bottom:.5em;top:auto;transform:none}.ol-control.ol-bar.ol-group{margin:1px 1px 1px 0}.ol-control.ol-bar.ol-left .ol-group,.ol-control.ol-bar.ol-right .ol-group{margin:1px 1px 0}.ol-control.ol-bar.ol-group button{border-radius:0;margin:0 0 0 1px}.ol-control.ol-bar.ol-left .ol-group button,.ol-control.ol-bar.ol-left.ol-group button,.ol-control.ol-bar.ol-right .ol-group button,.ol-control.ol-bar.ol-right.ol-group button{margin:0 0 1px}.ol-control.ol-bar.ol-group .ol-control:first-child>button{border-radius:5px 0 0 5px}.ol-control.ol-bar.ol-group .ol-control:last-child>button{border-radius:0 5px 5px 0}.ol-control.ol-bar.ol-left .ol-group .ol-control:first-child>button,.ol-control.ol-bar.ol-left.ol-group .ol-control:first-child>button,.ol-control.ol-bar.ol-right .ol-group .ol-control:first-child>button,.ol-control.ol-bar.ol-right.ol-group .ol-control:first-child>button{border-radius:5px 5px 0 0}.ol-control.ol-bar.ol-left .ol-group .ol-control:last-child>button,.ol-control.ol-bar.ol-left.ol-group .ol-control:last-child>button,.ol-control.ol-bar.ol-right .ol-group .ol-control:last-child>button,.ol-control.ol-bar.ol-right.ol-group .ol-control:last-child>button{border-radius:0 0 5px 5px}.ol-control.ol-bar .ol-rotate{opacity:1;visibility:visible}.ol-control.ol-bar .ol-rotate button{display:block}.ol-control.ol-bar .ol-toggle.ol-active button:hover,.ol-control.ol-bar .ol-toggle.ol-active>button{background-color:#0af;color:#fff}.ol-control.ol-toggle button:disabled{background-color:#ccc}.ol-control.ol-bar .ol-control.ol-option-bar{background-color:#fffc;border-radius:0;box-shadow:0 0 0 1px #003c8880,1px 1px 2px #00000080;display:none;left:0;margin:5px 0;position:absolute;top:100%}.ol-control.ol-bar .ol-option-bar:before{border:.5em solid transparent;border-bottom-color:#003c8880;bottom:100%;content:"";left:.3em;pointer-events:none;position:absolute}.ol-control.ol-bar .ol-option-bar .ol-control{display:table-cell}.ol-control.ol-bar .ol-control .ol-bar{display:none}.ol-control.ol-bar .ol-control.ol-active>.ol-option-bar{display:block}.ol-control.ol-bar .ol-control.ol-collapsed ul{display:none}.ol-control.ol-bar .ol-control.ol-text-button>div,.ol-control.ol-bar .ol-control.ol-text-button>div:hover{background-color:transparent;color:#003c8880;margin:0;min-width:1.375em;width:auto}.ol-control.ol-bar .ol-control.ol-text-button{border-left:1px solid rgba(0,60,136,.8);border-radius:0;font-size:.9em}.ol-control.ol-bar .ol-control.ol-text-button:first-child{border-left:0}.ol-control.ol-bar .ol-control.ol-text-button>div{font-family:Arial,Helvetica,sans-serif;font-size:1.14em;font-weight:400;padding:.11em .3em}.ol-control.ol-bar .ol-control.ol-text-button div:hover{color:#003c88}.ol-control.ol-bar.ol-bottom .ol-option-bar{bottom:100%;top:auto}.ol-control.ol-bar.ol-bottom .ol-option-bar:before{border-color:rgba(0,60,136,.5) transparent transparent;bottom:auto;top:100%}.ol-control.ol-bar.ol-left .ol-option-bar{bottom:auto;left:100%;margin:0 5px;top:0}.ol-control.ol-bar.ol-left .ol-option-bar:before{border-color:transparent rgba(0,60,136,.5) transparent transparent;bottom:auto;left:auto;right:100%;top:.3em}.ol-control.ol-bar.ol-right .ol-option-bar{bottom:auto;left:auto;margin:0 5px;right:100%;top:0}.ol-control.ol-bar.ol-right .ol-option-bar:before{border-color:transparent transparent transparent rgba(0,60,136,.5);bottom:auto;left:100%;top:.3em}.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar,.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar{bottom:auto;left:.3em;margin:5px 0;right:auto;top:100%}.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar{left:auto;right:.3em}.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar:before,.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before{border-color:transparent transparent rgba(0,60,136,.5);bottom:100%;left:.3em;right:auto;top:auto}.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before{left:auto;right:.3em}.ol-control-title{left:0;position:absolute;right:0;top:0}.ol-center-position{background-color:#fffc;bottom:0;left:50%;padding:.1em 1em;position:absolute;transform:translate(-50%)}.ol-compassctrl{display:none;left:auto;right:1em;top:1em}.ol-compassctrl.ol-visible{display:block!important}.ol-ext-dialog{background-color:#00000080;height:100%;left:0;opacity:0;pointer-events:none!important;position:fixed;top:-100%;transition:opacity .2s,top 0s .2s;width:150%;z-index:1000}.ol-ext-dialog.ol-visible{opacity:1;pointer-events:all!important;top:0;transition:opacity .2s,top 0s}.ol-viewport .ol-ext-dialog{position:absolute}.ol-ext-dialog>form>h2{display:none;margin:0 .5em .5em 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ol-ext-dialog>form.ol-title>h2{display:block}.ol-ext-dialog>form{background-color:#fff;border:1px solid #333;box-shadow:3px 3px 4px #00000080;box-sizing:border-box;left:33.33%;max-height:100%;max-width:60%;min-height:3em;min-width:5em;overflow-x:hidden;overflow-y:auto;padding:1em;position:absolute;top:0;transform:translate(-50%,-30%);transition:top .2s,transform .2s}.ol-ext-dialog>form.ol-closebox{padding-top:1.5em}.ol-ext-dialog>form.ol-title{padding-top:1em}.ol-ext-dialog>form.ol-button{padding-bottom:.5em}.ol-ext-dialog.ol-zoom>form{top:30%;transform:translate(-50%,-30%) scale(0)}.ol-ext-dialog.ol-visible>form{top:30%}.ol-ext-dialog.ol-zoom.ol-visible>form{transform:translate(-50%,-30%) scale(1)}.ol-ext-dialog>form .ol-content{overflow-x:hidden;overflow-y:auto}.ol-ext-dialog>form .ol-closebox{cursor:pointer;display:none;height:1em;position:absolute;right:.5em;top:.5em;width:1em}.ol-ext-dialog>form.ol-closebox .ol-closebox{display:block}.ol-ext-dialog>form .ol-closebox:after,.ol-ext-dialog>form .ol-closebox:before{background-color:currentColor;border-radius:.1em;content:"";height:.1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:1em}.ol-ext-dialog>form .ol-closebox:before{transform:translate(-50%,-50%) rotate(-45deg)}.ol-ext-dialog>form .ol-buttons{overflow-x:hidden;text-align:right}.ol-ext-dialog>form .ol-buttons input{background:none;border:0;border-radius:.25em;color:#003c88;cursor:pointer;font-size:1em;margin-top:.5em;outline-width:0;padding:.5em}.ol-ext-dialog>form .ol-buttons input:hover{background-color:#003c881a}.ol-ext-dialog>form .ol-buttons input[type=submit]{font-weight:700}.ol-ext-dialog .ol-progress-message{font-size:.9em;padding-bottom:.5em;text-align:center}.ol-ext-dialog .ol-progress-bar{border:1px solid #369;height:1em;margin:.5em auto 0;max-width:100%;overflow:hidden;padding:2px;width:20em}.ol-ext-dialog .ol-progress-bar>div{background:#369;height:100%;transition:width .3s;width:50%}.ol-ext-dialog .ol-progress-bar>div.notransition{transition:none 0s ease 0s;transition:initial}.ol-ext-dialog.ol-fullscreen-dialog form{background:transparent;border:none;bottom:1em;box-shadow:none;color:#fff;left:1em;max-width:calc(66.6% - 2em);right:1em;text-align:center;top:1em;transform:none}.ol-ext-dialog.ol-fullscreen-dialog form .ol-closebox{font-size:2em;right:0;top:0}.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:after,.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:before{border:.1em solid}.ol-ext-dialog.ol-fullscreen-dialog img,.ol-ext-dialog.ol-fullscreen-dialog video{max-width:100%}body>.ol-ext-dialog .ol-content{max-height:calc(100vh - 10em)}body>.ol-ext-dialog>form{overflow:visible}.ol-editbar .ol-button button{box-sizing:border-box;display:inline-block;font-style:normal;position:relative;vertical-align:middle}.ol-editbar .ol-button button:after,.ol-editbar .ol-button button:before{background-color:currentColor;border-width:0;box-sizing:border-box;content:"";position:absolute}.ol-editbar .ol-button button:focus{outline:none}.ol-editbar .ol-selection>button:before{background-color:transparent;border-color:currentcolor transparent;border-style:solid;border-width:0 .25em .65em;box-shadow:0 .6em 0 -.23em;height:1em;left:.5em;top:.35em;transform:translate(-50%,-50%) rotate(-30deg);width:.6em}.ol-editbar .ol-selection0>button:after{background-color:transparent;border-color:currentcolor transparent;border-style:solid;border-width:0 .05em .7em;height:.6em;left:.7em;top:.5em;transform:rotate(-45deg);width:.28em}.ol-editbar .ol-delete button:after,.ol-editbar .ol-delete button:before{height:.2em;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:1em}.ol-editbar .ol-delete button:after{transform:translate(-50%,-50%) rotate(-45deg)}.ol-editbar .ol-info button:before{border-radius:.03em;height:.6em;left:50%;top:.47em;transform:translate(-50%);width:.25em}.ol-editbar .ol-info button:after{border-radius:.03em;box-shadow:-.1em .35em,-.1em .82em,.1em .82em;height:.2em;left:50%;top:.12em;transform:translate(-50%);width:.25em}.ol-editbar .ol-drawpoint button:before{background-color:transparent;border:.15em solid;border-radius:50%;height:.7em;left:50%;top:.2em;transform:translate(-50%);width:.7em}.ol-editbar .ol-drawpoint button:after{background-color:transparent;border-color:currentcolor transparent;border-style:solid;border-width:.4em .2em 0;height:.4em;left:50%;top:.8em;transform:translate(-50%);width:.4em}.ol-editbar .ol-drawhole>button:before,.ol-editbar .ol-drawline>button:before,.ol-editbar .ol-drawpolygon>button:before{background-color:transparent;border:.13em solid;border-width:.2em .13em .09em;height:.8em;left:.25em;top:.2em;transform:rotate(10deg) perspective(1em) rotateX(40deg);width:.8em}.ol-editbar .ol-drawline>button:before{border-bottom:0}.ol-editbar .ol-drawhole>button:after,.ol-editbar .ol-drawline>button:after,.ol-editbar .ol-drawpolygon>button:after{box-shadow:-.2em .55em,.6em .1em,.65em .7em;height:.3em;left:.25em;top:.2em;width:.3em}.ol-editbar .ol-drawhole>button:after{box-shadow:-.2em .55em,.6em .1em,.65em .7em,.25em .35em}.ol-editbar .ol-offset>button i,.ol-editbar .ol-transform>button i{height:.9em;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:.9em}.ol-editbar .ol-offset>button i{height:.8em;width:.8em}.ol-editbar .ol-offset>button i:before,.ol-editbar .ol-transform>button i:after,.ol-editbar .ol-transform>button i:before{background-color:currentColor;box-shadow:.5em 0 0 .1em,-.5em 0 0 .1em;content:"";height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:.1em}.ol-editbar .ol-offset>button i:before{box-shadow:.45em 0 0 .1em,-.45em 0 0 .1em}.ol-editbar .ol-transform>button i:after{transform:translate(-50%,-50%) rotate(-45deg)}.ol-editbar .ol-split>button:before{border-radius:50%;box-shadow:.1em -.4em,-.15em -.25em;height:.3em;left:.75em;top:.81em;width:.3em}.ol-editbar .ol-split>button:after{background-color:transparent;border:.1em solid;border-radius:.1em;border-width:0 .2em .2em 0;height:.8em;left:-.1em;top:.15em;transform:rotate(20deg) scaleY(.6) rotate(-45deg);width:.8em}.ol-editbar .ol-drawregular>button:before{background-color:transparent;border:.1em solid;height:.9em;left:50%;top:50%;transform:translate(-50%,-50%);width:.9em}.ol-editbar .ol-drawregular .ol-bar .ol-text-button>div>div>div{border-color:transparent currentcolor;border-style:solid;border-width:.5em;cursor:pointer;display:inline-block;vertical-align:text-bottom}.ol-control.ol-bar.ol-editbar .ol-drawregular .ol-bar,.ol-editbar .ol-drawregular .ol-bar:before{left:50%;transform:translate(-50%)}.ol-editbar .ol-drawregular .ol-bar .ol-text-button{min-width:6em;text-align:center}.ol-editbar .ol-drawregular .ol-bar .ol-text-button>div>div>div:first-child{border-width:.5em .5em .5em 0;margin:0 .5em 0 0}.ol-editbar .ol-drawregular .ol-bar .ol-text-button>div>div>div:last-child{border-width:.5em 0 .5em .5em;margin:0 0 0 .5em}.ol-feature-list{position:relative}.ol-control.ol-feature-list{bottom:0;left:0;position:absolute;width:100%}.ol-control.ol-feature-list>button:before{background-image:linear-gradient(90deg,currentColor,transparent);box-shadow:inset 0 2.5px;content:"";height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.ol-control.ol-feature-list.ol-collapsed{bottom:.5em;left:.5em;width:auto}.ol-feature-list .ol-content{background-color:#f4f6f8;clear:both}.ol-feature-list.ol-collapsed .ol-content>*{display:none}.ol-feature-list .ol-header{overflow:hidden;position:relative}.ol-feature-list.ol-collapsed .ol-header{display:block}.ol-control.ol-feature-list.ol-collapsed .ol-content,.ol-control.ol-feature-list>button{display:none}.ol-control.ol-feature-list.ol-collapsed>button{display:block}.ol-feature-list .ol-sizer{background-color:#ccc;border:1px solid #f4f6f8;border-width:1px 0;cursor:row-resize;height:1px;position:relative;width:100%}.ol-feature-list.ol-bottom .ol-sizer{bottom:0;position:absolute}.ol-feature-list .ol-sizer:before{background-color:#ddd;border:3px solid transparent;border-radius:2px;border-width:3px 1.5em;box-shadow:inset 0 -1px #aaa,inset 0 1px #aaa;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5em;z-index:1}.ol-feature-list .ol-sizer:hover:before{background-color:#ccc}.ol-feature-list .ol-content .ol-header p{display:inline-block;margin:.1em .25em;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:calc(100% - 2em)}.ol-feature-list .ol-content .ol-header .ol-buttons{position:absolute;right:0;top:50%;transform:translateY(-50%)}.ol-feature-list .ol-content .ol-header button{background:transparent;border:0;box-sizing:border-box;height:1em;margin:0 .2em;position:relative;vertical-align:middle;width:1em}.ol-feature-list .ol-content .ol-header button.ol-closebox:after,.ol-feature-list .ol-content .ol-header button.ol-closebox:before{background:currentColor;content:"";display:block;font-style:normal;height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:.1em}.ol-feature-list .ol-content .ol-header button.ol-closebox:after{transform:translate(-50%,-50%) rotate(-45deg)}.ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox{border:1px solid}.ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox:before{transform:translate(-50%,-50%) rotate(90deg)}.ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox:after{display:none}.ol-feature-list .ol-scroll-container{height:10em;min-height:3em;overflow:auto}.ol-feature-list .ol-scroll-container:focus{outline:medium none invert;outline:initial}.ol-feature-list table{background-color:#fff;border-collapse:collapse;position:relative;white-space:nowrap}.ol-feature-list table thead{background-color:#f4f6f8;overflow:hidden;position:sticky;top:0}.ol-feature-list table tr{box-sizing:border-box;height:1.4em}.ol-feature-list table tbody tr:hover{background-color:#eee;cursor:pointer}.ol-feature-list table tbody tr.ol-selected{background-color:#eee}.ol-feature-list table td{border:0 solid #ddd;border-width:0 0 1px 1px;overflow:hidden;width:100px}.ol-feature-list table td.number{text-align:right}.ol-feature-list table td.undefined{background-color:#fafafa;text-align:center}.ol-feature-list table .ol-selected td,.ol-feature-list table tr:hover td{background-color:transparent}.ol-feature-list thead td{position:relative}.ol-feature-list thead td.sort{padding-right:1.5em}.ol-feature-list thead td p{display:inline-block;margin:0}.ol-feature-list table td button{background-color:transparent;border:0;height:1.4em;margin:.1em 0;padding:0;position:absolute;right:0;top:0;width:1.2em}.ol-feature-list thead td button.sort:before{content:"⇅";cursor:pointer;font-size:1em;font-style:normal;font-weight:400;line-height:1em}.ol-feature-list thead td button.sortup:before{content:"↧"}.ol-feature-list thead td button.sortdown:before{content:"↥"}.ol-gauge{background-color:#ffffff80;left:50%;padding:.1em .5em;top:.5em;transform:translate(-50%)}.ol-gauge>*{display:inline-block;vertical-align:middle}.ol-gauge>span{margin:0 .5em 0 0}.ol-gauge>div{border:1px solid rgba(0,60,136,.5);border-radius:3px;display:inline-block;padding:1px;width:200px}.ol-gauge button{height:.8em;margin:0;max-width:100%}.ol-control.ol-bookmark{background-color:#ffffff80;left:3em;top:.5em}.ol-control.ol-bookmark button{position:relative}.ol-control.ol-bookmark>button:before{border-color:currentcolor currentcolor transparent;border-style:solid;border-width:10px 5px 4px;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-control.ol-bookmark>div{display:block;min-width:5em}.ol-control.ol-bookmark.ol-collapsed>div{display:none}.ol-control.ol-bookmark input{font-size:.9em;margin:0 .5em .5em;padding:0 .5em}.ol-control.ol-bookmark ul{list-style:none;margin:0 0 .5em;min-width:10em;padding:0}.ol-control.ol-bookmark li{clear:both;color:#003c88cc;cursor:default;font-size:.9em;padding:0 .2em 0 .5em}.ol-control.ol-bookmark li:hover{background-color:#003c8880;color:#fff}.ol-control.ol-bookmark>div button{background-color:transparent;border-radius:0;cursor:pointer;float:right;height:.8em;width:1em}.ol-control.ol-bookmark>div button:before{border-radius:0;color:#936;content:"⨯";font-size:1.2em;left:50%;line-height:1em;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-bookmark input,.ol-bookmark ul li button{display:none}.ol-bookmark.ol-editable input,.ol-bookmark.ol-editable ul li button{display:block}.ol-control.ol-geobt{bottom:3em;left:auto;right:.5em;top:auto}.ol-touch .ol-control.ol-geobt{bottom:3.5em}.ol-control.ol-geobt button:before{border:.16em solid;border-radius:50%;height:.4em;width:.4em}.ol-control.ol-geobt button:after,.ol-control.ol-geobt button:before{background:transparent;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-control.ol-geobt button:after{box-shadow:.42em 0,-.42em 0,0 .42em,0 -.42em;height:.2em;width:.2em}.ol-control.ol-bar.ol-geobar .ol-control{display:inline-block;vertical-align:middle}.ol-control.ol-bar.ol-geobar .ol-bar{display:none}.ol-bar.ol-geobar.ol-active .ol-bar{display:inline-block}.ol-bar.ol-geobar .geolocBt button:after,.ol-bar.ol-geobar .geolocBt button:before{border:1px solid transparent;border-top-color:currentcolor;border-width:.3em .8em 0 .2em;content:"";display:block;font-size:1.2em;left:.15em;position:absolute;top:.45em;transform:rotate(-30deg)}.ol-bar.ol-geobar .geolocBt button:after{border-color:transparent transparent currentColor;border-width:0 .8em .3em .2em;transform:rotate(-61deg)}.ol-bar.ol-geobar .startBt button:before{background-color:#800;border-radius:50%;content:"";display:block;height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.ol-bar.ol-geobar .pauseBt button:after,.ol-bar.ol-geobar .pauseBt button:before{background-color:currentColor;content:"";display:block;height:1em;left:35%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.25em}.ol-bar.ol-geobar .pauseBt button:after{left:65%}.ol-bar.ol-geobar.centerTrack .pauseBt,.ol-bar.ol-geobar.centerTrack .startBt,.ol-bar.ol-geobar.centerTrack.pauseTrack .pauseBt,.ol-bar.ol-geobar.pauseTrack .startBt,.ol-control.ol-bar.ol-geobar .centerBt,.ol-control.ol-bar.ol-geobar .pauseBt{display:none}.ol-bar.ol-geobar.centerTrack .centerBt,.ol-bar.ol-geobar.pauseTrack .pauseBt{display:inline-block}.ol-control.ol-globe{border-radius:50%;bottom:.5em;left:.5em;opacity:.7;position:absolute;transform:scale(.5);-webkit-transform:scale(.5);transform-origin:0 100%;-webkit-transform-origin:0 100%}.ol-control.ol-globe:hover{opacity:.9}.ol-control.ol-globe .panel{background-color:#fff;border-radius:50%;box-shadow:0 0 10px 5px #ffffff80;cursor:pointer;display:block;height:170px;overflow:hidden;width:170px}.ol-control.ol-globe .panel .ol-viewport{border-radius:50%}.ol-control.ol-globe .ol-pointer{background-color:#fff;border:10px solid red;border-radius:50%;display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-15px,-40px);-webkit-transform:translate(-15px,-40px);transition:opacity .15s,top 0s,left 0s;-webkit-transition:opacity .15s,top 0s,left 0s;width:10px;z-index:1}.ol-control.ol-globe .ol-pointer.hidden{opacity:0;transition:opacity .15s,top 3s,left 5s;-webkit-transition:opacity .15s,top 3s,left 5s}.ol-control.ol-globe .ol-pointer:before{border-radius:50%;box-shadow:6px 6px 10px 5px #000;content:"";display:block;height:0;left:0;position:absolute;top:23px;width:0}.ol-control.ol-globe .ol-pointer:after{border-color:red transparent;border-style:solid;border-width:20px 10px 0;content:"";display:block;height:0;left:-50%;position:absolute;top:100%;width:0}.ol-control.ol-globe .panel:before{box-shadow:inset -20px -20px 80px 2px #000000b3;height:100%;left:0;top:0;width:100%}.ol-control.ol-globe .panel:after,.ol-control.ol-globe .panel:before{border-radius:50%;content:"";display:block;position:absolute;z-index:1}.ol-control.ol-globe .panel:after{box-shadow:0 0 20px 7px #fff;height:0;left:23%;top:20%;transform:rotate(-40deg);width:20%}.ol-control.ol-globe.ol-collapsed .panel{display:none}.ol-control-top.ol-globe{bottom:auto;top:5em;transform-origin:0 0;-webkit-transform-origin:0 0}.ol-control-right.ol-globe{left:auto;right:.5em;transform-origin:100% 100%;-webkit-transform-origin:100% 100%}.ol-control-right.ol-control-top.ol-globe{left:auto;right:.5em;transform-origin:100% 0;-webkit-transform-origin:100% 0}.ol-gridreference{background:#fff;border:1px solid #000;max-height:100%;overflow:auto;right:0;top:0}.ol-gridreference input{width:100%}.ol-gridreference ul{list-style:none;margin:0;padding:0}.ol-gridreference li{cursor:pointer;padding:0 .5em}.ol-gridreference ul li:hover{background-color:#ccc}.ol-gridreference li.ol-title,.ol-gridreference li.ol-title:hover{background:rgba(0,60,136,.5);color:#fff;cursor:default}.ol-gridreference ul li .ol-ref{margin-left:.5em}.ol-gridreference ul li .ol-ref:before{content:"("}.ol-gridreference ul li .ol-ref:after{content:")"}.ol-control.ol-imageline{border-radius:0;bottom:0;left:0;overflow:visible;padding:0;right:0;transition:.3s}.ol-control.ol-imageline.ol-collapsed{transform:translateY(100%)}.ol-imageline>div{height:4em;overflow:hidden;position:relative;scroll-behavior:smooth;white-space:nowrap;width:100%}.ol-imageline>div.ol-move{scroll-behavior:unset}.ol-control.ol-imageline button{box-shadow:0 0 0 .15em #fff6;margin:.65em;position:absolute;top:-1em;transform:translateY(-100%)}.ol-control.ol-imageline button:before{border:.1em solid;border-width:.15em .15em 0 0;content:"";height:.4em;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%) rotate(135deg);width:.4em}.ol-control.ol-imageline.ol-collapsed button:before{top:60%;transform:translate(-50%,-50%) rotate(-45deg)}.ol-imageline,.ol-imageline:hover{background-color:#000000bf}.ol-imageline.ol-arrow:after,.ol-imageline.ol-arrow:before{border-color:#fff #000;border-style:solid;border-width:1em .6em 1em 0;box-shadow:-.6em 0 0 1em #fff;content:"";left:.2em;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.ol-imageline.ol-arrow:after{border-width:1em 0 1em .6em;box-shadow:.6em 0 0 1em #fff;left:auto;right:.2em}.ol-imageline.ol-scroll0.ol-arrow:before,.ol-imageline.ol-scroll1.ol-arrow:after{display:none}.ol-imageline .ol-image{cursor:pointer;display:inline-block;height:100%;position:relative}.ol-imageline img{border:.25em solid transparent;box-sizing:border-box;max-height:100%;opacity:0;transition:1s}.ol-imageline img.ol-loaded{opacity:1}.ol-imageline .ol-image.select{background-color:#fff}.ol-imageline .ol-image span{background-color:#00000080;bottom:0;color:#fff;display:none;font-size:.8em;left:50%;line-height:1.2em;max-height:2.4em;overflow:hidden;position:absolute;text-align:center;transform:translate(-50%) scaleX(.8);white-space:normal;width:125%}.ol-imageline .ol-image:hover span{display:block}.ol-control.ol-routing.ol-isochrone .ol-method-distance,.ol-control.ol-routing.ol-isochrone .ol-method-time,.ol-control.ol-routing.ol-isochrone>button{position:relative}.ol-control.ol-routing.ol-isochrone .ol-method-time:before,.ol-control.ol-routing.ol-isochrone>button:before{clip:auto;border:.1em solid;border-radius:50%;box-shadow:0 -.5em 0 -.35em,.4em -.35em 0 -.35em;content:"";height:.8em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.8em}.ol-control.ol-routing.ol-isochrone .ol-method-time:after,.ol-control.ol-routing.ol-isochrone>button:after{clip:auto;border:.3em solid transparent;border-radius:50%;border-right-color:currentcolor;box-shadow:none;box-sizing:border-box;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-60deg)}.ol-control.ol-routing.ol-isochrone .ol-method-distance:before{border:.1em solid;box-sizing:border-box;content:"";height:.5em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-30deg);width:1em}.ol-control.ol-routing.ol-isochrone .ol-method-distance:after{box-shadow:inset 0 -.15em,0 .1em,.25em .1em,-.25em .1em;content:"";height:.15em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-30deg);width:.1em}.ol-control.ol-routing.ol-isochrone .ol-direction-direct:before,.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:before{border:.1em solid;border-radius:50%;box-shadow:.25em 0 0 -.05em;box-sizing:border-box;content:"";height:.3em;left:30%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.3em}.ol-control.ol-routing.ol-isochrone .ol-direction-direct:after,.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after{border-color:transparent currentcolor;border-style:solid;border-width:.4em 0 .4em .4em;content:"";left:70%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after{border-width:.4em .4em .4em 0}.ol-control.ol-isochrone.ol-collapsed .content{display:none}.ol-control.ol-isochrone input[type=number]{margin:0 .1em;text-align:right;width:3em}.ol-control.ol-isochrone .ol-distance input[type=number]{width:5em}.ol-isochrone .ol-distance,.ol-isochrone .ol-time{display:none}.ol-isochrone .ol-distance.selected,.ol-isochrone .ol-time.selected{display:block}.ol-control.ol-layerswitcher-popup{position:absolute;right:.5em;text-align:left;top:3em}.ol-control.ol-layerswitcher-popup .panel{background:#fff;clear:both}.ol-layerswitcher-popup .panel{list-style:none;margin:0;overflow:hidden;padding:.25em}.ol-layerswitcher-popup .panel ul{list-style:none;overflow:hidden;padding:0 0 0 20px}.ol-layerswitcher-popup.ol-collapsed .panel{display:none}.ol-layerswitcher-popup.ol-forceopen .panel{display:block}.ol-layerswitcher-popup button{background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;float:right;height:38px;width:38px}.ol-layerswitcher-popup li{color:#369;cursor:pointer;font-family:Trebuchet MS,Helvetica,sans-serif;padding:.25em 1em}.ol-layerswitcher-popup li.ol-header{display:none}.ol-layerswitcher-popup li.ol-visible,.ol-layerswitcher-popup li.select{background:rgba(0,60,136,.7);color:#fff}.ol-layerswitcher-popup li:hover{background:rgba(0,60,136,.9);color:#fff}.ol-control.ol-layerswitcher.ol-layer-shop{background-color:transparent;height:calc(100% - 4em);max-height:none;max-width:16em;overflow:visible;pointer-events:none!important}.ol-control.ol-layerswitcher>*{pointer-events:auto}.ol-control.ol-layer-shop .panel-container,.ol-control.ol-layer-shop>button{box-shadow:0 0 0 3px #ffffff80}.ol-control.ol-layerswitcher.ol-layer-shop .panel-container{border:2px solid #369;border-width:2px 0;max-height:calc(100% - 6.5em);overflow-y:scroll;padding:0}.ol-control.ol-layer-shop .panel{box-sizing:border-box;margin:.25em .5em;padding:0}.ol-control.ol-layerswitcher.ol-layer-shop .panel-container.ol-scrolldiv{overflow:hidden}.ol-control.ol-layer-shop .ol-scroll{background-color:#0000004d;opacity:.5}.ol-layerswitcher.ol-layer-shop ul.panel li.ol-header{display:none}.ol-layerswitcher.ol-layer-shop ul.panel li{margin-right:0;padding-right:0}.ol-layerswitcher.ol-layer-shop .layerup{background-color:transparent;border-radius:3px;box-sizing:border-box;color:#003c88;height:1.5em;margin:0;width:1.4em}.ol-layerswitcher.ol-layer-shop .layerup:hover{background-color:#003c884d}.ol-layerswitcher.ol-layer-shop .layerup:before{background-color:currentColor;border:0;box-shadow:0 -4px,0 4px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%);width:1em}.ol-layerswitcher.ol-layer-shop .layerup:after{content:normal}.ol-control.ol-layer-shop .ol-title-bar{background-color:#ffffff80;box-sizing:border-box;font-size:.9em;height:calc(2.8em - 4px);max-width:14.6em;overflow:hidden;padding:.7em .5em;text-align:right;text-overflow:ellipsis;transform:scaleY(1.1);transform-origin:100% 0;transition:transform .1s,width 0s;white-space:nowrap}.ol-control.ol-layer-shop:hover .ol-title-bar{background-color:#ffffffb3}.ol-control.ol-layer-shop.ol-collapsed .ol-title-bar{max-width:10em;transform:scale(.9,1.1)}.ol-control.ol-layer-shop.ol-forceopen .ol-title-bar{max-width:14.6em;transform:scaleY(1.1)}.ol-control.ol-layer-shop .ol-bar{background-color:#fff;box-shadow:0 0 0 3px #ffffff80;clear:both;height:1.75em;position:relative;text-align:right;z-index:10}.ol-control.ol-layer-shop.ol-collapsed .ol-bar,.ol-control.ol-layer-shop.ol-collapsed .ol-scroll{border-width:2px 0 0;display:none}.ol-control.ol-layer-shop.ol-forceopen .ol-bar,.ol-control.ol-layer-shop.ol-forceopen .ol-scroll{display:block}.ol-control.ol-layer-shop .ol-bar>*{background-color:transparent;display:inline-block;font-size:.9em;margin-top:.25em;vertical-align:middle}.ol-layer-shop .ol-bar .ol-button,.ol-touch .ol-layer-shop .ol-bar .ol-button{bottom:auto;left:auto;margin:0;position:relative;right:auto;top:auto}.ol-layer-shop .ol-bar button{background-color:#fff;color:#003c88}.ol-layer-shop .ol-bar button:hover{background-color:#003c8833}.ol-touch .ol-layerswitcher.ol-layer-shop>button{font-size:1.7em}.ol-touch .ol-layer-shop .ol-bar{height:2em}.ol-touch .ol-layer-shop .ol-control button{font-size:1.4em}.ol-touch .ol-control.ol-layer-shop .panel{max-height:calc(100% - 7em)}.ol-touch .ol-control.ol-layer-shop .panel label{height:1.8em}.ol-touch .ol-control.ol-layer-shop .panel label span{margin-left:.5em;padding-top:.25em}.ol-touch .ol-control.ol-layer-shop .panel label:after,.ol-touch .ol-control.ol-layer-shop .panel label:before{font-size:1.3em;z-index:1}.ol-control.ol-layerswitcher{box-sizing:border-box;max-height:calc(100% - 6em);overflow:hidden;position:absolute;right:.5em;text-align:left;top:3em}.ol-control.ol-layerswitcher .ol-switcherbottomdiv,.ol-control.ol-layerswitcher .ol-switchertopdiv{display:block}.ol-control.ol-layerswitcher.ol-collapsed .ol-switcherbottomdiv,.ol-control.ol-layerswitcher.ol-collapsed .ol-switchertopdiv{display:none}.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switcherbottomdiv,.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switchertopdiv{display:block}.ol-control.ol-layerswitcher .ol-switcherbottomdiv,.ol-control.ol-layerswitcher .ol-switchertopdiv{background:#fff;border-bottom:2px solid #369;border-top:2px solid transparent;box-sizing:border-box;cursor:pointer;height:45px;left:0;margin:0 2px;opacity:1;position:absolute;right:0;top:0;z-index:2}.ol-control.ol-layerswitcher .ol-switcherbottomdiv{border-bottom:2px solid transparent;border-top:2px solid #369;bottom:0;height:2em;top:auto}.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before,.ol-control.ol-layerswitcher .ol-switchertopdiv:before{border:10px solid transparent;content:"";height:0;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:0}.ol-control.ol-layerswitcher .ol-switcherbottomdiv:hover:before,.ol-control.ol-layerswitcher .ol-switchertopdiv:hover:before{opacity:1}.ol-control.ol-layerswitcher .ol-switchertopdiv:before{border-bottom-color:#369;border-top:0}.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before{border-bottom:0;border-top-color:#369}.ol-control.ol-layerswitcher .panel-container{background-color:#fff;border-radius:0 0 2px 2px;clear:both;display:block;padding:.5em .5em 0}.ol-layerswitcher .panel{font-family:Tahoma,Geneva,sans-serif;font-size:.9em;list-style:none;margin:0;overflow:hidden;padding:0;position:relative;top:0;transition:top .3s}.ol-layerswitcher .panel ul{clear:both;list-style:none;overflow:hidden;padding:0 0 0 20px}.ol-layerswitcher input[type=checkbox],.ol-layerswitcher input[type=radio]{display:none}.ol-layerswitcher .panel li{border:1px solid transparent;box-sizing:border-box;clear:both;display:block;-weblit-transition:-webkit-transform .2s linear;transition:transform .2s linear}.ol-layerswitcher .panel li.ol-layer-select{background-color:#003c8833;margin:0 -.5em;padding:0 .5em}.ol-layerswitcher .panel li.drag{opacity:.5;transform:scale(.8);-webkit-transform:scale(.8)}.ol-dragover{background:rgba(51,102,153,.5);opacity:.8}.forbidden .layerswitcher-opacity div,.forbidden .ol-layerswitcher-buttons div,.ol-layerswitcher .panel li.forbidden{background:rgba(255,0,0,.5);color:red!important}.ol-layerswitcher.drag,.ol-layerswitcher.drag *{cursor:not-allowed!important;cursor:no-drop!important}.ol-layerswitcher.drag .panel li.dropover,.ol-layerswitcher.drag .panel li.dropover *{cursor:pointer!important;cursor:n-resize!important;cursor:ns-resize!important;cursor:grab!important;cursor:grabbing!important}.ol-layerswitcher .panel li.dropover{background:rgba(51,102,153,.5)}.ol-layerswitcher .panel li label{display:inline-block;height:1.4em;max-width:12em;overflow:hidden;padding:0 0 0 1.7em;position:relative;text-overflow:ellipsis;white-space:nowrap}.ol-layerswitcher .panel li label span{display:inline-block;height:100%;overflow:hidden;padding-right:.2em;text-overflow:ellipsis;width:100%}.ol-layerswitcher [type=checkbox]+label:before,.ol-layerswitcher [type=checkbox]:checked+label:after,.ol-layerswitcher [type=radio]+label:before,.ol-layerswitcher [type=radio]:checked+label:after{background:#fff;border:2px solid #369;box-sizing:border-box;content:"";height:1.2em;left:.1em;position:absolute;top:.1em;width:1.2em}.ol-layerswitcher [type=radio]+label:after,.ol-layerswitcher [type=radio]+label:before{border-radius:50%}.ol-layerswitcher [type=radio]:checked+label:after{background:#369 none repeat scroll 0 0;height:.6em;margin:.3em;width:.6em}.ol-layerswitcher [type=checkbox]:checked+label:after{background:transparent;border-color:#369;border-style:solid;border-width:0 3px 3px 0;box-shadow:1px 0 1px 1px #fff;height:1em;left:.55em;top:-.05em;transform:rotate(45deg);width:.7em}.ol-layerswitcher .panel li.ol-layer-hidden{opacity:.6}.ol-layerswitcher.ol-collapsed .panel-container{display:none}.ol-layerswitcher.ol-forceopen .panel-container{display:block}.ol-layerswitcher-image>button,.ol-layerswitcher>button{background-color:#fff;float:right;font-size:1.7em;position:relative;z-index:10}.ol-touch .ol-layerswitcher-image>button,.ol-touch .ol-layerswitcher>button{font-size:2.5em}.ol-layerswitcher-image>button:after,.ol-layerswitcher-image>button:before,.ol-layerswitcher>button:after,.ol-layerswitcher>button:before{border-radius:.15em;content:"";height:.75em;position:absolute;transform:scaleY(.8) rotate(45deg);width:.75em}.ol-layerswitcher-image>button:before,.ol-layerswitcher>button:before{background:#e2e4e1;box-shadow:.1em .1em #325158;left:.34em;top:.32em}.ol-layerswitcher-image>button:after,.ol-layerswitcher>button:after{background:#83bcc5;background-image:radial-gradient(circle at .85em .6em,#70b3be 0,#70b3be .65em,#83bcc5 0);left:.34em;top:.22em}.ol-layerswitcher-buttons{display:block;float:right;text-align:right}.ol-layerswitcher-buttons>div{background:#369;color:#fff;cursor:pointer;height:1em;line-height:1em;margin:2px;text-align:center;vertical-align:middle;width:1em}.ol-layerswitcher .panel li>div,.ol-layerswitcher-buttons>div{display:inline-block;position:relative}.ol-layerswitcher .ol-separator{display:block;height:0;margin:0;padding:0;width:0}.ol-layerswitcher .layerup{background-color:#369;cursor:move;cursor:ns-resize;float:right;height:2.5em;opacity:.5}.ol-layerswitcher .layerup:after,.ol-layerswitcher .layerup:before{border-color:#fff transparent;border-style:solid;border-width:.4em .4em 0;bottom:3px;content:"";height:0;left:.1em;position:absolute;width:0}.ol-layerswitcher .layerup:after{border-width:0 .4em .4em;bottom:auto;top:3px}.ol-layerswitcher .layerInfo{background:#369;border-radius:100%}.ol-layerswitcher .layerInfo:before{color:#fff;content:"i";display:block;font-size:.8em;font-weight:700;left:0;position:absolute;text-align:center;top:0;width:1.25em}.ol-layerswitcher .layerTrash{background:#369}.ol-layerswitcher .layerTrash:before{color:#fff;content:"×";font-size:1em;left:0;line-height:1em;margin:-.5em 0;position:absolute;right:0;text-align:center;top:50%}.ol-layerswitcher .layerExtent{background:#369}.ol-layerswitcher .layerExtent:before{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:3px;content:"";display:block;left:6px;position:absolute;right:2px;top:6px}.ol-layerswitcher .layerExtent:after{border-left:1px solid #fff;border-top:1px solid #fff;bottom:6px;content:"";display:block;left:2px;position:absolute;right:6px;top:3px}.ol-layerswitcher .collapse-layers,.ol-layerswitcher .expend-layers{background-color:transparent;margin:0 2px}.ol-layerswitcher .collapse-layers:before,.ol-layerswitcher .expend-layers:before{background:#369;content:"";height:4px;left:0;margin-top:-2px;position:absolute;top:50%;width:100%}.ol-layerswitcher .expend-layers:after{background:#369;content:"";height:100%;left:50%;margin-left:-2px;position:absolute;top:0;width:4px}.ol-layerswitcher .layerswitcher-opacity{background:#69c;background:linear-gradient(90deg,rgba(0,60,136,0),rgba(0,60,136,.6));border:1px solid #369;border-radius:3px;box-shadow:1px 1px 1px #00000080;box-sizing:border-box;cursor:pointer;height:3px;margin:5px 1em 10px 7px;position:relative;width:120px}.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor,.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before{background:rgba(0,60,136,.5);border-radius:50%;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:1}.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before{content:"";height:50%;position:absolute;width:50%}.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor{height:26px;width:26px}.ol-layerswitcher .layerswitcher-opacity-label{bottom:5px;display:none;font-size:.8em;position:absolute;right:-2.5em}.ol-layerswitcher .layerswitcher-opacity-label:after{content:"%"}.ol-layerswitcher .layerswitcher-progress{display:block;margin:-4px 1em 2px 7px;width:120px}.ol-layerswitcher .layerswitcher-progress div{background-color:#369;display:block;height:2px;width:0}.ol-control.ol-layerswitcher-image{position:absolute;right:.5em;text-align:left;top:1em;transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s}.ol-control.ol-layerswitcher-image.ol-collapsed{top:3em;transition:none}.ol-layerswitcher-image .panel{list-style:none;margin:0;overflow:hidden;padding:.25em}.ol-layerswitcher-image .panel ul{list-style:none;overflow:hidden;padding:0 0 0 20px}.ol-layerswitcher-image.ol-collapsed .panel{display:none}.ol-layerswitcher-image.ol-forceopen .panel{clear:both;display:block}.ol-layerswitcher-image button{display:none;float:right}.ol-layerswitcher-image.ol-collapsed button{display:block;position:relative}.ol-layerswitcher-image li{background-color:#fff;border:3px solid transparent;border-radius:4px;box-shadow:1px 1px 4px #00000080;cursor:pointer;display:inline-block;height:64px;margin:2px;overflow:hidden;position:relative;vertical-align:middle;width:64px}.ol-layerswitcher-image li.ol-layer-hidden{border-color:#555;opacity:.5}.ol-layerswitcher-image li.ol-header{display:none}.ol-layerswitcher-image li img{max-width:100%;position:absolute}.ol-layerswitcher-image li.ol-visible,.ol-layerswitcher-image li.select{border:3px solid red}.ol-layerswitcher-image li p{display:none}.ol-layerswitcher-image li:hover p{background-color:#00000080;bottom:0;color:#fff;display:block;font-family:Verdana,Geneva,sans-serif;font-size:.8em;height:1.2em;left:0;margin:0;overflow:hidden;position:absolute;right:0;text-align:center}.ol-control.ol-legend{background-color:#fff9;bottom:.5em;left:.5em;max-height:90%;max-width:90%;overflow-x:hidden;overflow-y:auto;z-index:1}.ol-control.ol-legend:hover{background-color:#fffc}.ol-control.ol-legend.ol-collapsed,.ol-control.ol-legend.ol-empty{overflow:hidden}.ol-control.ol-legend button{display:none;position:relative}.ol-control.ol-legend.ol-collapsed button,.ol-control.ol-legend.ol-empty button{display:block}.ol-control.ol-legend.ol-uncollapsible button{display:none}.ol-control.ol-legend>canvas,.ol-control.ol-legend>ul{margin:2px}.ol-control.ol-legend button.ol-closebox{background:none;cursor:pointer;display:block;position:absolute;right:0;top:0;z-index:1}.ol-control.ol-legend.ol-collapsed button.ol-closebox,.ol-control.ol-legend.ol-empty button.ol-closebox,.ol-control.ol-legend.ol-uncollapsible button.ol-closebox{display:none}.ol-control.ol-legend button.ol-closebox:before{background:none;color:#003c8880;content:"×";font-size:1.3em}.ol-control.ol-legend button.ol-closebox:hover:before{color:#003c88}.ol-control.ol-legend .ol-legendImg{display:block}.ol-control.ol-legend.ol-collapsed .ol-legendImg,.ol-control.ol-legend.ol-empty .ol-legendImg{display:none}.ol-control.ol-legend.ol-uncollapsible .ol-legendImg{display:block}.ol-control.ol-legend>button:first-child:after,.ol-control.ol-legend>button:first-child:before{background-color:currentColor;box-shadow:0 .35em,0 .7em;content:"";height:.2em;left:.2em;position:absolute;top:.25em;width:.2em}.ol-control.ol-legend button:first-child:after{height:.15em;left:.55em;top:.27em;width:.6em}ul.ol-legend{left:0;list-style:none;margin:0;padding:0;position:absolute;top:0;width:100%}.ol-control.ol-legend.ol-collapsed ul,.ol-control.ol-legend.ol-empty ul{display:none}.ol-control.ol-legend.ol-uncollapsible ul{display:block}ul.ol-legend li.ol-title{font-weight:700;text-align:center}ul.ol-legend li.ol-title>div:first-child{width:0!important}ul.ol-legend li{overflow:hidden;padding:0;white-space:nowrap}ul.ol-legend li div{vertical-align:top}.ol-control.ol-legend .ol-legend,ul.ol-legend li div{display:inline-block}.ol-control.ol-legend.ol-collapsed .ol-legend,.ol-control.ol-legend.ol-empty .ol-legend{display:none}.ol-control.ol-legend.ol-empty button{opacity:.4}.ol-control.ol-mapzone{box-sizing:border-box;max-height:calc(100% - 6em);overflow:hidden;position:absolute;right:.5em;text-align:left;top:.5em}.ol-control.ol-mapzone.ol-collapsed{top:3em}.ol-control.ol-mapzone button{float:right;margin-top:2.5em;position:relative}.ol-touch .ol-control.ol-mapzone button{margin-top:1.67em}.ol-control.ol-mapzone.ol-collapsed button{margin-top:0}.ol-control.ol-mapzone button i{border:.1em solid;border-radius:50%;height:.9em;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:.9em}.ol-control.ol-mapzone button i:before{background-color:currentColor;border-radius:50%;box-shadow:.05em .3em 0 -.051em currentColor,-.05em -.35em 0 -.1em currentColor,-.5em -.35em 0 0 currentColor,-.65em .1em 0 -.03em currentColor,-.65em -.05em 0 -.05em currentColor;content:"";height:.4em;left:.5em;position:absolute;top:.3em;width:.4em}.ol-mapzone>div{display:inline-block;height:5em;margin:0 .2em 0 0;position:relative;width:5em}.ol-control.ol-mapzone.ol-collapsed>div{display:none}.ol-mapzone>div p{bottom:0;color:#fff;cursor:default;font-family:Lucida Grande,Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;font-weight:700;margin:0;overflow:hidden;position:absolute;text-align:center;transform:scaleX(.625);transform-origin:0 0;width:160%}.ol-notification{background:none;border:0;bottom:0;margin:0;padding:0;width:150%}.ol-notification>div,.ol-notification>div:hover{background-color:#000c;border-radius:4px 4px 0 0;bottom:0;box-sizing:border-box;color:#fff;left:33.33%;max-height:5em;max-width:calc(66% - 4em);min-height:1em;min-width:5em;opacity:1;padding:.2em .5em;position:absolute;text-align:center;transform:translate(-50%);transition:.3s}.ol-notification.ol-collapsed>div{bottom:-5em;opacity:0}.ol-notification a{color:#9cf;cursor:pointer}.ol-notification .ol-close,.ol-notification .ol-close:hover{padding-right:1.5em}.ol-notification .closeBox{position:absolute;right:.3em;top:0}.ol-notification .closeBox:before{content:"×"}.ol-overlay{background-color:#0006;box-sizing:border-box;color:#fff;cursor:default;display:none;height:100%;left:0;opacity:0;overflow:hidden;padding:1em;pointer-events:none;position:absolute;top:0;transition:all .5s;width:100%;z-index:1;z-index:9}.ol-overlay.slide-up{transform:translateY(100%);-webkit-transform:translateY(100%)}.ol-overlay.slide-down{transform:translateY(-100%)}.ol-overlay.slide-left{transform:translate(-100%)}.ol-overlay.slide-right{transform:translate(100%)}.ol-overlay.zoom{left:50%;opacity:.5;top:50%;transform:translate(-50%,-50%) scale(0)}.ol-overlay.zoomout{transform:scale(3)}.ol-overlay.zoomrotate{left:50%;opacity:.5;top:50%;transform:translate(-50%,-50%) scale(0) rotate(1turn)}.ol-overlay.stretch{left:50%;opacity:.5;top:50%;transform:translate(-50%,-50%) scaleX(0)}.ol-overlay.stretchy{left:50%;opacity:.5;top:50%;transform:translate(-50%,-50%) scaleY(0)}.ol-overlay.wipe{opacity:1}.ol-overlay.flip{transform:perspective(600px) rotateY(180deg)}.ol-overlay.card{opacity:.5;transform:translate(-80%,100%) rotate(-.5turn)}.ol-overlay.book{transform:perspective(600px) rotateY(-180deg) scaleX(.6)}.ol-overlay.book,.ol-overlay.book.visible{transform-origin:10% 50%}.ol-overlay.ol-visible{bottom:0;left:0;opacity:1;pointer-events:all;right:0;top:0;transform:none}.ol-overlay .ol-closebox{cursor:pointer;height:1em;position:absolute;right:1em;top:1em;width:1em;z-index:1}.ol-overlay .ol-closebox:before{content:"❌";display:block;text-align:center;vertical-align:middle}.ol-overlay .ol-fullscreen-image{bottom:0;left:0;position:absolute;right:0;top:0}.ol-overlay .ol-fullscreen-image img{box-sizing:border-box;left:50%;max-height:100%;max-width:100%;padding:1em;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-overlay .ol-fullscreen-image.ol-has-title img{padding-bottom:3em}.ol-overlay .ol-fullscreen-image p{background-color:#00000080;bottom:0;left:0;margin:0;padding:.5em;position:absolute;right:0;text-align:center}.ol-control.ol-overview{bottom:.5em;left:.5em;position:absolute;text-align:left}.ol-control.ol-overview .panel{background-color:#fff;border:1px solid #369;cursor:pointer;display:block;height:150px;margin:2px;width:150px}.ol-overview:not(.ol-collapsed) button{bottom:2px;left:2px;position:absolute;z-index:2}.ol-control.ol-overview.ol-collapsed .panel{display:none}.ol-overview.ol-collapsed button:before{content:"»"}.ol-overview button:before{content:"«"}.ol-control-right.ol-overview{left:auto;right:.5em}.ol-control-right.ol-overview:not(.ol-collapsed) button{left:auto;right:2px}.ol-control-right.ol-overview.ol-collapsed button:before{content:"«"}.ol-control-right.ol-overview button:before{content:"»"}.ol-control-top.ol-overview{bottom:auto;top:5em}.ol-control-top.ol-overview:not(.ol-collapsed) button{bottom:auto;top:2px}.ol-permalink{position:absolute;right:2.5em;top:.5em}.ol-touch .ol-permalink{right:3em}.ol-permalink button i{display:block;height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.ol-permalink button i:before{border:1px solid;border-width:1px 0 0 1px;box-sizing:border-box;content:"↗";height:1em;left:0;padding:0 .2em;position:absolute;top:0;width:.3em}.ol-permalink button i:after{border:1px solid;border-width:0 1px 1px 0;bottom:0;box-sizing:border-box;content:"";height:.3em;padding:.2em;position:absolute;right:0;width:1em}.ol-control.ol-print{left:3em;top:.5em}.ol-control.ol-print button:before{box-shadow:inset 0 0 0 .1em,inset .55em 0,0 .2em 0 -.1em;content:"";height:.35em;left:50%;position:absolute;top:50%;transform:translate(-50%);width:.9em}.ol-control.ol-print button:after{box-shadow:inset 0 0 0 .15em;content:"";height:.6em;left:50%;position:absolute;top:25%;transform:translate(-50%);width:.7em}.ol-ext-print-dialog{height:100%;width:100%}.ol-ext-print-dialog>form .ol-closebox{color:#999;left:16.5em;right:auto;z-index:1}.ol-ext-print-dialog .ol-content[data-status=printing]{opacity:.5}.ol-ext-print-dialog .ol-content .ol-error{background:#b00;color:#ff0;display:none;font-weight:700;margin:0 -1em;padding:1em .5em;text-align:center}.ol-ext-print-dialog .ol-content[data-status=error] .ol-error{display:block}.ol-ext-print-dialog.ol-visible>form,.ol-ext-print-dialog>form{background-color:#eee;bottom:1em;left:1em;max-height:100%;max-width:100%;padding:0;right:1em;top:1em;transform:none;transition:none}.ol-ext-print-dialog .ol-print-map{bottom:0;overflow:hidden;position:absolute;right:0;top:0;width:calc(100% - 18em)}.ol-ext-print-dialog .ol-print-map .ol-page{background:#fff;box-sizing:border-box;left:50%;position:absolute;top:50%}.ol-ext-print-dialog .ol-print-map .ol-page.margin{box-sizing:content-box}.ol-ext-print-dialog .ol-map{height:100%;width:100%}.ol-ext-print-dialog .ol-print-map .ol-control{display:none!important}.ol-ext-print-dialog .ol-print-param{background-color:#fff;bottom:0;box-sizing:border-box;left:0;overflow-x:hidden;padding:1em;position:absolute;top:0;width:18em}.ol-ext-print-dialog .ol-print-param h2{color:#003c88b3;display:block;font-size:1.1em}.ol-ext-print-dialog .ol-print-param ul{list-style:none;padding:0}.ol-ext-print-dialog .ol-print-param li{font-size:.9em;margin:.5em 0;position:relative}.ol-ext-print-dialog .ol-print-param li.hidden{display:none}.ol-ext-print-dialog .ol-print-param label{display:inline-block;vertical-align:middle;width:8em}.ol-ext-print-dialog select{outline:none;vertical-align:middle}.ol-ext-print-dialog .ol-orientation{text-align:center}.ol-ext-print-dialog .ol-orientation label{cursor:pointer;position:relative;width:7em}.ol-ext-print-dialog .ol-orientation input{height:0;opacity:0;position:absolute;width:0}.ol-ext-print-dialog .ol-orientation span{display:block;padding:3.5em 0 .2em;position:relative;width:80%}.ol-ext-print-dialog .ol-orientation span:before{background-color:currentColor;border:1px solid;border-radius:0 1em 0 0;bottom:1.5em;box-shadow:inset 1.3em -1.91em #ddd;color:#333;content:"";height:2.6em;left:50%;opacity:.5;overflow:hidden;position:absolute;transform:translate(-50%);width:2em}.ol-ext-print-dialog .ol-orientation .landscape span:before{box-shadow:inset 1.91em -1.3em #ddd;height:2em;margin:.2em 0;width:2.6em}.ol-ext-print-dialog .ol-orientation input:checked+span{box-shadow:0 0 .2em #00000080;opacity:1}.ol-ext-print-dialog .ol-ext-toggle-switch span{position:absolute;right:-2em;top:50%;transform:translateY(-50%)}.ol-print-title input[type=text]{margin-left:6em;margin-top:.5em;width:calc(100% - 6em)}.ol-ext-print-dialog .ol-size option:first-child{font-style:italic}.ol-ext-print-dialog .ol-saveas,.ol-ext-print-dialog .ol-savelegend{text-align:center}.ol-ext-print-dialog .ol-saveas select,.ol-ext-print-dialog .ol-savelegend select{background-color:#003c88b3;border:0;color:#fff;font-size:1em;font-weight:700;margin:1em 0 0;max-width:12em;padding:.5em}.ol-ext-print-dialog .ol-saveas select option,.ol-ext-print-dialog .ol-savelegend select option{background-color:#fff;color:#666}.ol-ext-print-dialog .ol-savelegend select{margin-top:0}.ol-ext-print-dialog .ol-ext-buttons{border-top:1px solid #ccc;margin:0 -1em;padding:.8em .5em;text-align:right}.ol-ext-print-dialog button{background:none;border:1px solid #999;color:#333;font-size:1em;margin:0 .2em;padding:.3em 1em}.ol-ext-print-dialog button[type=submit]{background-color:#003c88b3;color:#fff;font-weight:700}.ol-ext-print-dialog .ol-clipboard-copy{background-color:#00000080;border-radius:1em;color:#fff;left:50%;opacity:0;padding:.5em 1em;pointer-events:none;position:absolute;top:0;transform:translate(-50%);transition:0s;width:-moz-fit-content;width:fit-content}.ol-ext-print-dialog .ol-clipboard-copy.visible{animation:ol-clipboard-copy 1s}.ol-ext-print-dialog .ol-print-map .ol-control.ol-canvas-control,.ol-ext-print-dialog .ol-print-map .ol-control.ol-print-compass{display:block!important}.ol-ext-print-dialog .ol-print-map .ol-control.olext-print-compass{height:60px;margin:20px;right:0;top:0;width:60px}@keyframes ol-clipboard-copy{0%{opacity:0;top:0}80%{opacity:1;top:-3em}to{opacity:0;top:-3em}}@media print{body.ol-print-document{margin:0!important;padding:0!important}body.ol-print-document>*{display:none!important}body.ol-print-document>.ol-ext-print-dialog{display:block!important}body.ol-print-document>.ol-ext-print-dialog .ol-content{height:auto!important;max-height:none!important;max-width:none!important;width:auto!important}.ol-ext-print-dialog,.ol-ext-print-dialog>form{background:none!important;border:0;box-shadow:none;position:static}.ol-ext-print-dialog .ol-print-param,.ol-ext-print-dialog>form>*{background:none;display:none!important}.ol-ext-print-dialog .ol-content{background:none;border:0;display:block!important}.ol-ext-print-dialog .ol-print-map{background:none;overflow:visible;position:static;width:auto}.ol-ext-print-dialog .ol-print-map .ol-page{box-shadow:none!important;position:static;transform:none!important}}@media (max-width:25em){.ol-ext-print-dialog .ol-print-param{width:13em}.ol-ext-print-dialog .ol-print-map{width:calc(100% - 13em)}.ol-ext-print-dialog .ol-print-param .ol-print-title input[type=text]{margin:0;width:100%}}.ol-ext-print-dialog2x .ol-map,.ol-ext-print-dialog2x .ol-map2{height:50%;width:100%}.ol-ext-print-dialog2x[data-orientation=landscape] .ol-map,.ol-ext-print-dialog2x[data-orientation=landscape] .ol-map2{display:inline-block;height:100%;width:50%}.ol-ext-print-dialog2x[data-clip-map] .ol-map,.ol-ext-print-dialog2x[data-swipe-orientation] .ol-map{height:100%!important;width:100%!important}.ol-ext-print-dialog2x[data-clip-map] .ol-map2,.ol-ext-print-dialog2x[data-swipe-orientation] .ol-map2{height:100%!important;left:0;position:relative!important;top:-100%;width:100%!important}.ol-profile{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ol-control.ol-profile{overflow:hidden;position:absolute;right:3em;text-align:right;top:.5em}.ol-profile .ol-zoom-out{border:1px solid #000;border-radius:2px;cursor:pointer;height:1em;padding:0;position:absolute;right:10px;top:10px;width:1em}.ol-profile .ol-zoom-out:before{background:currentColor;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.ol-profile .ol-inner{font-size:.8em;padding:.5em;position:relative}.ol-control.ol-profile .ol-inner{background-color:#ffffffb3;display:block;margin:2.3em 2px 2px}.ol-control.ol-profile.ol-collapsed .ol-inner{display:none}.ol-profile canvas{display:block}.ol-profile button{display:block;overflow:hidden;position:absolute;right:0}.ol-profile button i{height:1em;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.ol-profile button i:after,.ol-profile button i:before{background-color:currentColor;content:"";display:block;height:.9em;position:absolute;transform:scaleX(.8) translate(-.25em,.5em) rotate(45deg);width:1em}.ol-profile button i:after{transform:scaleX(.8) translate(.35em,.7em) rotate(45deg)}.ol-profile.ol-collapsed button{position:static}.ol-profile .ol-profilebar,.ol-profile .ol-profilecursor{display:none;pointer-events:none;position:absolute;width:1px}.ol-profile .ol-profilecursor{height:0;width:0}.ol-profile .ol-profilecursor:before{content:"";display:block;height:5px;margin:-2px;pointer-events:none;width:5px}.ol-profile .ol-profilebar,.ol-profile .ol-profilecursor:before{background:red}.ol-profile table{text-align:center;width:100%}.ol-profile table span{display:block}.ol-profilepopup{background-color:#ffffff80;margin:.5em;padding:0 .5em;position:absolute;top:-1em;white-space:nowrap}.ol-profilepopup.ol-left{right:0}.ol-profile table td{padding:0 2px}.ol-profile table .track-info{display:table-row}.ol-profile .over table .track-info,.ol-profile table .point-info{display:none}.ol-profile .over table .point-info{display:table-row}.ol-profile p{margin:0;text-align:center}.ol-control.ol-progress-bar{background-color:transparent;bottom:0;left:0;padding:0;pointer-events:none!important;position:absolute;right:0;top:0}.ol-control.ol-progress-bar>.ol-bar{background-color:#003c8880;bottom:0;box-sizing:border-box;height:.5em;left:0;position:absolute;transition:width .2s;width:0}.ol-progress-bar>.ol-waiting{display:none}.ol-viewport .ol-control.ol-progress-bar>.ol-waiting{animation:ol-progress-bar-blink 1s linear infinite;color:#fff;display:block;font-size:2em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes ol-progress-bar-blink{0%,30%{visibility:hidden}to{visibility:visible}}.ol-control.ol-routing{left:3em;max-height:90%;overflow-y:auto;top:.5em}.ol-touch .ol-control.ol-routing{left:3.5em}.ol-control.ol-routing.ol-searching{opacity:.5}.ol-control.ol-routing .ol-car,.ol-control.ol-routing>button{position:relative}.ol-control.ol-routing .ol-car:after,.ol-control.ol-routing>button:after{clip:rect(0 1em .5em -1em);border-radius:40% 50% 0 0/50% 70% 0 0;box-shadow:inset 0 0 0 .065em,-.35em .14em 0 -.09em,inset 0 -.37em,inset -.14em .005em;content:"";height:.6em;left:.4em;position:absolute;top:.35em;width:.78em}.ol-control.ol-routing .ol-car:before,.ol-control.ol-routing>button:before{border-radius:50%;box-shadow:inset 0 0 0 1em,.65em 0;content:"";height:.28em;left:.2em;position:absolute;top:.73em;width:.28em}.ol-control.ol-routing .ol-pedestrian:after{border-top:.2em solid transparent;box-shadow:inset .3em 0,.1em .5em 0 -.1em,-.1em .5em 0 -.1em,.25em .1em 0 -.1em,-.25em .1em 0 -.1em;content:"";height:.4em;left:50%;position:absolute;top:.25em;transform:translate(-50%);width:.3em}.ol-control.ol-routing .ol-pedestrian:before{background-color:currentColor;border-radius:50%;content:"";height:.3em;left:50%;position:absolute;top:.1em;transform:translate(-50%);width:.3em}.ol-control.ol-routing .content{margin:.5em}.ol-control.ol-routing.ol-collapsed .content,.ol-routing .ol-search ul .copy,.ol-routing .ol-search.ol-collapsed ul{display:none}.ol-routing .content .search-input>div>*{display:inline-block;vertical-align:top}.ol-routing .ol-result ul{display:block;list-style:none}.ol-routing .ol-result li{min-height:1.65em;position:relative}.ol-routing .ol-result li i{display:block;font-size:.8em;font-weight:700}.ol-routing .ol-result li:before{border:5px solid transparent;border-bottom-color:#369;border-width:.6em .4em;box-shadow:0 .65em 0 -.25em #369;content:"";left:-1.75em;position:absolute;top:-.8em;transform-origin:50% 125%}.ol-routing .ol-result li:after{background:#369;border-radius:.1em;content:"";height:.6em;left:-1.5em;position:absolute;top:.6em;width:.25em}.ol-routing .ol-result li.R:before{transform:rotate(90deg)}.ol-routing .ol-result li.FR:before{transform:rotate(45deg)}.ol-routing .ol-result li.L:before{transform:rotate(-90deg)}.ol-routing .ol-result li.FL:before{transform:rotate(-45deg)}.ol-routing .content>i{font-style:normal;margin:0 .3em 0 .1em;vertical-align:middle}.ol-routing .ol-button,.ol-routing .ol-button:focus,.ol-routing .ol-car,.ol-routing .ol-pedestrian{background-color:transparent;color:#003c88;cursor:pointer;display:inline-block;font-size:1.1em;height:1.4em;margin:0 .1em;opacity:.5;outline:none;position:relative;vertical-align:middle;width:1.4em}.ol-routing .ol-button.selected,.ol-routing .ol-button:hover,.ol-routing i.selected{background:transparent;opacity:1}.ol-control.ol-routing{background-color:#ffffff40}.ol-control.ol-routing:hover{background-color:#ffffffbf}.search-input>div>button:before{content:"±"}.ol-viewport .ol-scale{background-color:#ffffffbf;bottom:2.5em;left:.5em;text-align:center;-webkit-transform:scaleX(.8);transform:scaleX(.8);-webkit-transform-origin:0 0;transform-origin:0 0}.ol-viewport .ol-scale input{background:none;border:0;text-align:center;width:8em}.ol-search{left:3em;top:.5em}.ol-touch .ol-search{left:3.5em}.ol-search button{float:left;left:2px;top:2px}.ol-control.ol-search>button:before{background-color:transparent;border:.12em solid;border-radius:100%;box-sizing:border-box;content:"";height:.7em;left:.35em;position:absolute;top:.35em;width:.7em}.ol-control.ol-search>button:after{background-color:currentColor;border-radius:.05em;box-shadow:-.18em 0 0 -.03em;content:"";height:.15em;left:.95em;position:absolute;top:1.1em;transform:rotate(45deg);width:.45em}.ol-search button.ol-revers{background-image:none;display:inline-block;float:none;left:0;position:relative;top:0;vertical-align:bottom}.ol-search.ol-revers button.ol-revers{background-color:#00883c80}.ol-control.ol-search.ol-collapsed button.ol-revers{display:none}.ol-search button.ol-revers:before{border:.1em solid;border-radius:50%;box-sizing:border-box;height:.55em;width:.55em}.ol-search button.ol-revers:after,.ol-search button.ol-revers:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-search button.ol-revers:after{background-color:transparent;box-shadow:.35em 0 currentColor,0 .35em currentColor,-.35em 0 currentColor,0 -.35em currentColor;height:.2em;width:.2em}.ol-search input{border:0;box-sizing:border-box;display:inline-block;font-size:1.14em;height:1.375em;margin:1px 1px 1px 2px;padding-left:.3em;transition:all .1s}.ol-touch .ol-search input,.ol-touch .ol-search ul{font-size:1.5em}.ol-control.ol-search.ol-collapsed>*,.ol-search.ol-revers>ul{display:none}.ol-control.ol-search.ol-collapsed>button{display:block}.ol-search ul{background:#fff;clear:both;cursor:pointer;display:block;list-style:none;margin:0;max-width:17em;overflow-x:hidden;padding:0;z-index:1}.ol-search ul li{overflow:hidden;padding:.1em .5em;text-overflow:ellipsis;white-space:nowrap}.ol-search ul li.select,.ol-search ul li:hover{background-color:#003c8880;color:#fff}.ol-search ul li img{float:left;max-height:2em}.ol-search li.copy{background:rgba(0,0,0,.5);color:#fff}.ol-search li.copy a{color:#fff;-webkit-text-decoration:none;text-decoration:none}.ol-search.searching:before{animation:pulse .5s linear infinite alternate;background:red;content:"";height:3px;left:0;position:absolute;top:1.6em;z-index:2}@keyframes pulse{0%{left:0;right:95%}50%{left:30%;right:30%}to{left:95%;right:0}}.ol-control.ol-search.IGNF-parcelle{background-color:#ffffffb3;padding-bottom:.2em}.ol-search.IGNF-parcelle input{width:14.5em}.ol-search.IGNF-parcelle input:-moz-read-only{background:#ccc;opacity:.8}.ol-search.IGNF-parcelle input:read-only{background:#ccc;opacity:.8}.ol-search.IGNF-parcelle.ol-collapsed-list>ul.autocomplete{display:none}.ol-search.IGNF-parcelle label{clear:both;display:block}.ol-search.IGNF-parcelle>div input{text-align:right}.ol-search.IGNF-parcelle>div input,.ol-search.IGNF-parcelle>div label{box-sizing:border-box;display:inline-block;font-size:1em;margin:.1em;overflow:hidden;text-overflow:ellipsis;width:4em}.ol-search.IGNF-parcelle>div label{letter-spacing:-.04em}.ol-search.IGNF-parcelle ul.autocomplete-page{display:none;margin-top:.5em;text-align:center;width:100%}.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-page,.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-parcelle{display:block}.ol-search.IGNF-parcelle ul.autocomplete-parcelle,.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-page,.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-parcelle{display:none}.ol-search.IGNF-parcelle ul.autocomplete-page li{background:rgba(0,60,136,.5);border-radius:50%;color:#fff;display:inline-block;height:1.3em;margin:0 .1em;padding:.1em;width:1.3em}.ol-search.IGNF-parcelle ul.autocomplete-page li.selected{background:#003c88}.ol-searchgps input.search{display:none}.ol-control.ol-searchgps>button:first-child{background-image:none}.ol-control.ol-searchgps>button:first-child:before{border:initial;border-radius:0;content:"x/y";display:block;height:auto;position:static;transform:scaleX(.8);width:auto}.ol-control.ol-searchgps>button:first-child:after{content:normal}.ol-control.ol-searchgps .ol-latitude,.ol-control.ol-searchgps .ol-longitude{clear:both}.ol-control.ol-searchgps .ol-latitude label,.ol-control.ol-searchgps .ol-longitude label{display:inline-block;margin:0 -.8em 0 0;text-align:right;transform:scaleX(.8);transform-origin:0 0;width:5.5em}.ol-control.ol-searchgps .ol-latitude input,.ol-control.ol-searchgps .ol-longitude input{max-width:10em}.ol-control.ol-searchgps .ol-ext-toggle-switch{cursor:pointer;float:right;font-size:.9em;margin:.5em}.ol-searchgps .ol-decimal{display:inline-block;margin-right:.7em}.ol-searchgps .ol-dms,.ol-searchgps.ol-dms .ol-decimal{display:none;text-align:right;width:3em}.ol-searchgps.ol-dms .ol-dms{display:inline-block}.ol-searchgps span.ol-dms{text-align:left;width:.5em}.ol-searchgps.ol-control.ol-collapsed button.ol-geoloc{display:none}.ol-searchgps button.ol-geoloc{background-image:none;float:right;margin-right:3px;position:relative;top:0}.ol-searchgps button.ol-geoloc:before{border:.1em solid;border-radius:50%;height:.6em;width:.6em}.ol-searchgps button.ol-geoloc:after,.ol-searchgps button.ol-geoloc:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-searchgps button.ol-geoloc:after{background-color:transparent;box-shadow:.45em 0 currentColor,-.45em 0 currentColor,0 -.45em currentColor,0 .45em currentColor,.25em 0 currentColor,-.25em 0 currentColor,0 -.25em currentColor,0 .25em currentColor;height:.2em;width:.2em}.ol-control.ol-select{background-color:#ffffff80;left:3em;top:.5em}.ol-control.ol-select:hover{background-color:#ffffffb3}.ol-touch .ol-control.ol-select{left:3.5em}.ol-control.ol-select>button:before{background-color:transparent;border:.2em solid;border-radius:100%;box-sizing:content-box;content:"A";font-size:.6em;font-weight:400;height:1em;left:.5em;line-height:1em;position:absolute;text-align:center;top:.5em;width:1em}.ol-control.ol-select>button:after{background-color:currentColor;border-radius:.05em;box-shadow:-.18em 0 0 -.03em;content:"";height:.15em;left:1em;position:absolute;top:1.15em;transform:rotate(45deg);width:.45em}.ol-select>div button{float:right;font-weight:400;height:1.2em;line-height:1.2em;padding:0 .5em;width:auto}.ol-select .ol-delete{cursor:pointer;display:inline-block;height:1em;position:relative;vertical-align:middle;width:1.5em}.ol-select .ol-delete:before{content:"×";font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.ol-control.ol-select input{font-size:1em}.ol-control.ol-select select{font-size:1em;max-width:10em}.ol-control.ol-select select option.ol-default{color:#999;font-style:italic}.ol-control.ol-select>div{display:block;margin:.25em}.ol-control.ol-select.ol-collapsed>div{display:none}.ol-control.ol-select.ol-select-check{max-width:20em}.ol-control.ol-select label.ol-ext-check{margin-right:1em}.ol-control.ol-select label.ol-ext-toggle-switch span{font-size:1.1em}.ol-select ul{list-style:none;margin:0;padding:0}.ol-control.ol-select input[type=search],.ol-control.ol-select input[type=text]{width:8em}.ol-select .ol-autocomplete{display:inline}.ol-select .ol-autocomplete ul{background:#fff;border:1px solid #999;display:block;font-size:.85em;min-width:10em;position:absolute}.ol-select .ol-autocomplete ul li{padding:0 .5em}.ol-select .ol-autocomplete ul li:hover{background:rgba(0,60,136,.5);color:#fff}.ol-select ul.ol-hidden{display:none}.ol-select-multi li>div.ol-control.ol-select,.ol-select-multi li>div:hover{background:transparent;left:auto;position:relative;top:auto}.ol-select-multi li>div .ol-ok,.ol-select-multi li>div>button{display:none}.ol-select-multi li .ol-control.ol-select.ol-collapsed>div,.ol-select-multi li>div>div{display:block}.ol-control.ol-status{background:rgba(0,0,0,.2);border-radius:0;box-sizing:border-box;color:#fff;display:none;font-size:.9em;left:0;padding:.3em 3em;pointer-events:none!important;top:0;width:100%}.ol-control.ol-status.ol-visible{display:inline;display:initial}.ol-control.ol-status.ol-bottom{bottom:0;top:auto}.ol-control.ol-status.ol-left{bottom:0;padding:.3em .5em .3em 3em;top:0;width:auto}.ol-control.ol-status.ol-right{bottom:0;left:auto;padding:.3em 3em .3em .5em;right:0;top:0;width:auto}.ol-control.ol-status.ol-center{top:50%;transform:translateY(-50%)}.ol-control.ol-storymap{background-color:#ffffff80;border-radius:.5em;bottom:.5em;height:auto;left:.5em;max-width:35%;position:absolute;top:.5em}.ol-storymap,.ol-storymap>div{height:100%;overflow:hidden;padding:0;position:relative}.ol-storymap>div{scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ol-storymap>div.ol-move{scroll-behavior:unset}.ol-control.ol-storymap .chapter{overflow:hidden;padding:.5em;position:relative}.ol-control.ol-storymap .chapter:last-child{margin-bottom:100%}.ol-storymap .chapter{cursor:pointer;opacity:.4}.ol-storymap .chapter.ol-select{background-color:#fffc;cursor:default;opacity:1}.ol-storymap .ol-scroll-next,.ol-storymap .ol-scroll-top{color:#003c8880;cursor:pointer;min-height:1.7em;position:relative;text-align:center}.ol-storymap .ol-scroll-next span{display:block;padding-bottom:1.4em}.ol-storymap .ol-scroll-top span{display:block;padding-top:1.4em}.ol-storymap .ol-scroll-next:before,.ol-storymap .ol-scroll-top:before{animation:ol-bounce-bottom .35s linear infinite alternate;border-color:transparent currentcolor currentcolor transparent;border-radius:.3em;border-style:solid;border-width:.3em;content:"";display:block;height:.8em;left:50%;pointer-events:none;position:absolute;transform:translate(-50%) rotate(45deg);width:.8em}.ol-storymap .ol-scroll-top:before{animation:ol-bounce-top .35s linear infinite alternate;border-color:currentColor transparent transparent currentColor}@keyframes ol-bounce-top{0%{top:-.2em}to{top:.5em}}@keyframes ol-bounce-bottom{0%{bottom:-.2em}to{bottom:.5em}}.ol-storymap img[data-title]{cursor:pointer}.ol-storymap.scrollBox,.ol-storymap.scrollLine{background-color:transparent;border-radius:0;bottom:0;max-width:40%;top:0}.ol-storymap.scrollBox .chapter,.ol-storymap.scrollLine .chapter{background-color:#fff;margin:100% 0}.ol-storymap.scrollBox .chapter:first-child,.ol-storymap.scrollLine .chapter:first-child{margin-top:3em}.ol-storymap.scrollBox .chapter,.ol-storymap.scrollBox .chapter.ol-select,.ol-storymap.scrollLine .chapter,.ol-storymap.scrollLine .chapter.ol-select{opacity:1}.ol-storymap.scrollBox .ol-scrolldiv,.ol-storymap.scrollLine .ol-scrolldiv{padding-right:30px}.ol-storymap.scrollBox:before,.ol-storymap.scrollLine:before{background-color:#fff;bottom:0;content:"";height:100%;position:absolute;right:14px;top:0;width:2px}.ol-storymap.scrollBox .ol-scroll,.ol-storymap.scrollLine .ol-scroll{display:block!important;opacity:1!important;overflow:visible;padding:0;right:15px;transition:none;width:1px}.ol-storymap.scrollLine .ol-scroll>div{background-color:transparent;box-shadow:none;left:50%;overflow:visible;transform:translate(-50%)}.ol-storymap.scrollLine .ol-scroll>div:before{background-color:#0af;border:2px solid #fff;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.ol-storymap.scrollBox .ol-scroll>div{display:none}.ol-storymap.scrollBox .chapter:after{border:5px solid transparent;border-radius:50%;box-shadow:0 0 0 2px #fff,inset 0 0 0 15px #0af;box-sizing:border-box;content:"";height:20px;position:absolute;right:-24.5px;top:Min(30%,5em);width:20px;z-index:1}.ol-swipe{left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%)}.ol-swipe:before{background:#fff;bottom:-5000px;content:"";left:50%;position:absolute;top:-5000px;transform:translate(-2px);width:4px;z-index:-1}.ol-swipe.horizontal:before{bottom:auto;height:4px;left:-5000px;right:-5000px;top:50%;width:auto}.ol-swipe,.ol-swipe button{cursor:ew-resize}.ol-swipe.horizontal,.ol-swipe.horizontal button{cursor:ns-resize}.ol-swipe button:after,.ol-swipe button:before,.ol-swipe:after{background:currentColor;bottom:25%;content:"";left:50%;position:absolute;top:25%;transform:translate(-1px);-webkit-transform:translate(-1px);width:2px}.ol-swipe button:after{transform:translate(4px)}.ol-swipe button:before{transform:translate(-6px)}.ol-control.ol-timeline{background-color:#fff6;bottom:0;left:0;right:0;transition:.3s}.ol-control.ol-timeline.ol-collapsed{transform:translateY(100%)}.ol-timeline{overflow:hidden;padding:2px 0 0}.ol-timeline .ol-scroll{height:6em;line-height:1em;overflow:hidden;padding:0 50%;scroll-behavior:smooth}.ol-timeline .ol-scroll.ol-move{scroll-behavior:unset}.ol-timeline.ol-hasbutton .ol-scroll{margin-left:1.5em;padding:0 calc(50% - .75em)}.ol-timeline .ol-buttons{background:hsla(0,0%,100%,.5);bottom:0;display:none;left:0;position:absolute;top:0;width:1.5em;z-index:10}.ol-timeline.ol-hasbutton .ol-buttons{display:block}.ol-timeline .ol-buttons button{font-size:1em;margin:1px;position:relative}.ol-timeline .ol-buttons .ol-zoom-in:before,.ol-timeline .ol-buttons .ol-zoom-out:before{content:"+";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-timeline .ol-buttons .ol-zoom-out:before{content:"−"}.ol-timeline .ol-scroll>div{height:100%;position:relative}.ol-timeline .ol-scroll .ol-times{background:hsla(0,0%,100%,.5);bottom:0;height:1em;left:-1000px;position:absolute;right:-1000px}.ol-timeline .ol-scroll .ol-time{bottom:0;color:#999;font-size:.7em;position:absolute;transform:translate(-50%)}.ol-timeline .ol-scroll .ol-time.ol-year{color:#666;z-index:1}.ol-timeline .ol-scroll .ol-time:before{border-left:1px solid;bottom:1.2em;content:"";height:500px;left:50%;position:absolute}.ol-timeline .ol-scroll .ol-features{bottom:1em;left:-200px;margin:0 0 0 200px;overflow:hidden;position:absolute;right:-1000px;top:0}.ol-timeline .ol-scroll .ol-feature{background:#fff;border:1px solid #ccc;box-sizing:border-box;color:#999;cursor:pointer;font-size:.7em;line-height:1.2em;max-height:2.4em;max-width:3em;min-height:1em;overflow:hidden;padding:0 .5em 0 0;position:absolute;top:0;transition:all .3s}.ol-timeline.ol-zoomhover .ol-scroll .ol-feature.ol-select,.ol-timeline.ol-zoomhover .ol-scroll .ol-feature:hover{background:#eee;transform:scale(1.2);z-index:1}.ol-timeline .ol-center-date{background-color:red;bottom:0;display:none;height:100%;left:50%;opacity:.4;pointer-events:none;position:absolute;transform:translate(-50%);width:2px;z-index:2}.ol-timeline.ol-hasbutton .ol-center-date{left:calc(50% + .75em)}.ol-timeline.ol-pointer .ol-center-date{display:block}.ol-timeline.ol-pointer .ol-center-date:after,.ol-timeline.ol-pointer .ol-center-date:before{border:.3em solid transparent;border-width:.3em .25em;content:"";left:50%;position:absolute;transform:translate(-50%)}.ol-timeline.ol-pointer .ol-center-date:before{border-top-color:red;top:0}.ol-timeline.ol-pointer .ol-center-date:after{border-bottom-color:red;bottom:0}.ol-timeline.ol-interval .ol-center-date{background-color:transparent;border:0 solid #000;border-width:0 10000px;box-sizing:content-box;display:block;opacity:.2}.ol-control.ol-videorec{left:50%;top:0;transform:translate(-50%);white-space:nowrap}.ol-control.ol-videorec button{display:inline-block;position:relative;vertical-align:middle}.ol-control.ol-videorec button:before{background-color:currentColor;content:"";height:.8em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.8em}.ol-control.ol-videorec button.ol-start:before{background-color:#c00;border-radius:50%;height:.9em;width:.9em}.ol-control.ol-videorec button.ol-pause:before{background-color:transparent;box-shadow:-.2em 0,.2em 0;width:.2em}.ol-control.ol-videorec button.ol-resume:before{background:transparent;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:.4em 0 .4em .6em;box-sizing:border-box;width:auto}.ol-control.ol-videorec button.ol-pause,.ol-control.ol-videorec button.ol-resume,.ol-control.ol-videorec button.ol-stop,.ol-control.ol-videorec[data-state=pause] .ol-start,.ol-control.ol-videorec[data-state=rec] .ol-start{display:none}.ol-control.ol-videorec[data-state=pause] .ol-resume,.ol-control.ol-videorec[data-state=pause] .ol-stop,.ol-control.ol-videorec[data-state=rec] .ol-pause,.ol-control.ol-videorec[data-state=rec] .ol-stop{display:inline-block}.ol-control.ol-wmscapabilities{right:2.5em;top:.5em}.ol-touch .ol-control.ol-wmscapabilities{right:3em}.ol-control.ol-wmscapabilities.ol-hidden{display:none}.ol-control.ol-wmscapabilities button:before{content:"+";left:50%;position:absolute;top:calc(50% - .35em);transform:translate(-50%,-50%)}.ol-control.ol-wmscapabilities button:after{background:transparent;border:.15em solid transparent;border-radius:.1em 0;border-width:0 .15em .15em 0;box-shadow:inset -.18em -.18em currentColor,-.4em .1em 0 -.25em currentColor,.1em -.35em 0 -.25em currentColor,.15em .15em currentColor;content:"";height:.75em;left:50%;position:absolute;top:calc(50% - .05em);transform:scaleY(.6) translate(-50%,-50%) rotate(45deg);width:.75em}.ol-wmscapabilities .ol-searching{opacity:.5}.ol-wmscapabilities .ol-searching .ol-url:after{animation:ol-wmscapabilities-rotate 2s linear infinite;background-color:currentColor;border-radius:50%;box-shadow:0 1em currentColor,0 -1em currentColor,1em 0 currentColor,-1em 0 currentColor;content:"";display:block;height:.7em;left:calc(50% - .35em);position:absolute;top:6em;width:.7em}@keyframes ol-wmscapabilities-rotate{to{transform:rotate(1turn)}}.ol-wmscapabilities .ol-url input{box-sizing:border-box;min-width:Min(100%,20em);width:calc(100% - 10em)}.ol-wmscapabilities .ol-url select{height:100%;padding:1px;width:2em}.ol-wmscapabilities .ol-url button{margin-left:.5em;width:7.5em}.ol-wmscapabilities .ol-result{display:none;margin-top:.5em}.ol-wmscapabilities .ol-result.ol-visible{display:block}.ol-wmscapabilities .ol-select-list{border:1px solid #369;box-sizing:border-box;max-height:14.5em;overflow-x:hidden;position:relative;width:calc(100% - 120px)}.ol-wmscapabilities .ol-select-list div{box-sizing:border-box;cursor:pointer;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;width:100%}.ol-wmscapabilities .ol-select-list .level-1{padding-left:1em}.ol-wmscapabilities .ol-select-list .level-2{padding-left:1.5em}.ol-wmscapabilities .ol-select-list .level-3{padding-left:2em}.ol-wmscapabilities .ol-select-list .level-4{padding-left:2.5em}.ol-wmscapabilities .ol-select-list .level-5{padding-left:3em}.ol-wmscapabilities .ol-select-list .ol-info{font-style:italic}.ol-wmscapabilities .ol-select-list .ol-title{background-color:#003c881a}.ol-wmscapabilities .ol-select-list div:hover{background-color:#003c8880;color:#fff}.ol-wmscapabilities .ol-select-list div.selected{background-color:#003c88b3;color:#fff}.ol-wmscapabilities .ol-preview{background:rgba(0,60,136,.1)}.ol-wmscapabilities .ol-preview,.ol-wmscapabilities .ol-preview.tainted{color:#666;float:right;margin-left:10px;padding:0 5px 5px;text-align:center;width:100px}.ol-wmscapabilities .ol-preview.tainted{background:rgba(136,0,60,.1)}.ol-wmscapabilities .ol-preview img{background:#fff;display:block;width:100%}.ol-wmscapabilities .ol-legend{display:none;max-width:100%}.ol-wmscapabilities .ol-legend.visible{display:block}.ol-wmscapabilities .ol-buttons{clear:both;text-align:right}.ol-wmscapabilities .ol-data p{margin:0}.ol-wmscapabilities .ol-data p.ol-title{font-weight:700;margin:1em 0 .5em}.ol-wmscapabilities .ol-error{color:#800}.ol-wmscapabilities ul.ol-wmsform{display:none;list-style:none;padding:0}.ol-wmscapabilities ul.ol-wmsform.visible{display:block}.ol-wmscapabilities .ol-wmsform label{display:inline-block;margin-right:.5em;text-align:right;width:calc(40% - .5em)}.ol-wmscapabilities .ol-wmsform input{box-sizing:border-box;display:inline-block;width:60%}.ol-wmscapabilities .ol-wmsform input[type=checkbox]{width:auto}.ol-wmscapabilities .ol-wmsform button{float:right;margin:1em 0}.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] input{width:calc(60% - 2em)}.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button{color:#444;height:1.6em;margin:0;position:relative;vertical-align:middle;width:2em}.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button:after,.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button:before{border:.1em solid;content:"";height:.9em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) skewY(-15deg);width:.25em}.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button:after{box-shadow:-.8em .25em;transform:translate(.4em) translate(-50%,-50%) skewY(15deg)}.ol-ext-dialog.ol-wmscapabilities form{min-height:15em;top:15%;transform:translate(-50%,-15%);width:600px}.ol-ext-dialog.ol-wmscapabilities .ol-content{max-height:calc(100vh - 6em)}.ol-ext-dialog [data-param=style],.ol-ext-dialog.ol-wmtscapabilities [data-param=map]{display:none}.ol-ext-dialog.ol-wmtscapabilities [data-param=style]{display:list-item}.ol-ext-dialog.ol-wmtscapabilities [data-param=proj],.ol-ext-dialog.ol-wmtscapabilities [data-param=version]{opacity:.6;pointer-events:none}.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform{text-align:center;width:1.8em}.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform:before{content:"+"}.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-wmsform:before{content:"-"}.ol-ext-dialog.ol-wmscapabilities .ol-form .ol-legend,.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-load{display:none}.ol-ext-dialog.ol-wmscapabilities .ol-form ul.ol-wmsform{clear:both;display:block}.ol-target-overlay .ol-target{border:1px solid transparent;box-shadow:0 0 1px 1px #fff;display:block;height:20px;width:0}.ol-target-overlay .ol-target:after,.ol-target-overlay .ol-target:before{border:1px solid #369;box-shadow:0 0 1px 1px #fff;content:"";display:block;height:0;left:-10px;position:absolute;top:10px;width:20px}.ol-target-overlay .ol-target:after{box-shadow:none;height:20px;left:0;top:0;width:0}.ol-overlaycontainer .ol-touch-cursor{background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:inset 0 0 0 5px #369;cursor:pointer;height:56px;margin:6px;width:56px}.ol-overlaycontainer .ol-touch-cursor:after{background:radial-gradient(circle at 100% 100%,transparent,transparent 70%,#369 0,#369);content:"";height:50%;left:0;position:absolute;top:0;width:50%}.ol-overlaycontainer .ol-touch-cursor .ol-button{background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:inset 0 0 0 3px currentColor;color:#369;cursor:pointer;height:55%;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .5s,opacity 0s,background 0s;width:55%}.ol-overlaycontainer .ol-touch-cursor.active.disable .ol-button{background:rgba(51,102,153,.2);opacity:.8}.ol-overlaycontainer .ol-touch-cursor.active .ol-button{transform:translate(-50%,-50%) scale(1)}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-0{left:118%;top:-18%}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-1{left:140%;top:50%}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-2{left:120%;top:120%}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-3{left:50%;top:140%}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-4{left:-18%;top:118%}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-5{left:-40%;top:50%}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-6{left:-18%;top:-18%}.ol-overlaycontainer .ol-touch-cursor.active .ol-button-7{left:50%;top:-40%}.ol-overlaycontainer .ol-touch-cursor .ol-button:before{content:"";height:1em;left:50%;line-height:1em;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:1.5em}.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before,.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-remove:before{content:"−";font-size:1.375em;font-weight:700;line-height:.95em}.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before{content:"+"}.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-x:before{content:"×";font-size:1.2em;font-weight:700}.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-move:before{content:"✥";font-size:1.2em}.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-check:before{content:"✓";font-weight:700}.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-check,.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-remove,.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-x{background:rgba(51,102,153,.2);opacity:.8}.ol-overlaycontainer .ol-touch-cursor .ol-button>div{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-overlaycontainer .ol-touch-cursor .ol-button-type:before{content:"⇎";font-weight:700}.mapboxgl-canvas:focus{outline:none}.ol-perspective-map{height:200%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%}.ol-perspective-map .ol-layer{z-index:-1!important}.ol-perspective-map .ol-layers{transform:translateY(0) perspective(200px) rotateX(0) scaleY(1)}.ol-perspective-map .ol-overlaycontainer,.ol-perspective-map .ol-overlaycontainer-stopevent{height:50%!important;left:50%;top:50%;transform:translate(-50%,-50%);width:50%!important}.ol-overlay-container .ol-magnify{background:rgba(0,0,0,.5);border:3px solid #369;border-radius:50%;box-shadow:5px 5px 5px #00000080;height:150px;overflow:hidden;position:relative;width:150px;z-index:0}.ol-overlay-container .ol-magnify:before{border-radius:50%;box-shadow:inset 0 0 40px 2px #00000040;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ol-overlay-container .ol-magnify:after{border-radius:50%;box-shadow:0 0 20px 7px #fff;content:"";display:block;height:0;left:23%;position:absolute;top:20%;transform:rotate(-40deg);-webkit-transform:rotate(-40deg);width:20%;z-index:1}.ol-popup.anim{visibility:hidden}.ol-popup.anim.visible{visibility:visible}.ol-popup.anim.visible>div{animation:ol-popup_bounce .4s ease 1;transform:none;visibility:visible}@keyframes ol-popup_bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}.ol-popup.anim.ol-popup-bottom.ol-popup-left>div{transform-origin:0 100%}.ol-popup.anim.ol-popup-bottom.ol-popup-right>div{transform-origin:100% 100%}.ol-popup.anim.ol-popup-bottom.ol-popup-center>div{transform-origin:50% 100%}.ol-popup.anim.ol-popup-top.ol-popup-left>div{transform-origin:0 0}.ol-popup.anim.ol-popup-top.ol-popup-right>div{transform-origin:100% 0}.ol-popup.anim.ol-popup-top.ol-popup-center>div{transform-origin:50% 0}.ol-popup.anim.ol-popup-middle.ol-popup-left>div{transform-origin:0 50%}.ol-popup.anim.ol-popup-middle.ol-popup-right>div{transform-origin:100% 50%}.ol-popup{font-size:.9em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ol-popup .ol-popup-content{cursor:default;overflow:hidden;padding:.25em .5em}.ol-popup.hasclosebox .ol-popup-content{margin-right:1.7em}.ol-popup .ol-popup-content:after{clear:both;content:"";display:block;font-size:0;height:0}.ol-popup .anchor{background:red;display:block;height:0;margin:-11px 22px;pointer-events:none;position:absolute;width:0}.ol-popup .anchor:after,.ol-popup .anchor:before{position:absolute}.ol-popup-right .anchor:after,.ol-popup-right .anchor:before{right:0}.ol-popup-top .anchor{top:0}.ol-popup-bottom .anchor{bottom:0}.ol-popup-right .anchor{right:0}.ol-popup-left .anchor{left:0}.ol-popup-center .anchor{left:50%;margin-left:0!important}.ol-popup-middle .anchor{margin-top:0!important;top:50%}.ol-popup-center.ol-popup-middle .anchor{display:none}.ol-popup.ol-fixed{bottom:auto!important;left:auto!important;margin:0!important;right:.5em!important;top:.5em!important;transform:none!important}.ol-popup.ol-fixed .anchor{display:none}.ol-popup.ol-fixed.anim>div{animation:none}.ol-popup .ol-fix{background:#fff;cursor:pointer;float:right;height:.9em;margin:.2em;position:relative;width:1em}.ol-popup .ol-fix:before{border:.1em solid #666;border-right-width:.3em;box-sizing:border-box;content:"";display:block;height:.7em;margin:.1em;width:.8em}.ol-popup.shadow{box-shadow:2px 2px 2px 2px #00000080}.ol-popup .closeBox{background-color:#003c8880;border:0;border-radius:2px;color:#fff;cursor:pointer;display:none;float:right;font-size:.9em;font-weight:700;height:1.4em;margin:5px 5px 0 0;padding:0;position:relative;width:1.4em}.ol-popup.hasclosebox .closeBox{display:block}.ol-popup .closeBox:hover{background-color:#003c88b3}.ol-popup .closeBox:after{content:"×";font-size:1.5em;left:0;line-height:1em;margin:-.5em 0;position:absolute;right:0;text-align:center;top:50%;width:100%}.ol-popup.modifytouch{background-color:#eee}.ol-popup.modifytouch .ol-popup-content{font-size:.85em;padding:0 .25em;white-space:nowrap}.ol-popup.modifytouch .ol-popup-content a{-webkit-text-decoration:none;text-decoration:none}.ol-popup.tooltips{background-color:#ffa}.ol-popup.tooltips .ol-popup-content{font-size:.85em;padding:0 .25em;white-space:nowrap}.ol-popup.default>div{background-color:#fff;border:1px solid #69f;border-radius:5px}.ol-popup.default{margin:-11px 0;transform:translateY(-22px)}.ol-popup-top.ol-popup.default{margin:11px 0;transform:none}.ol-popup-left.default{margin:-11px -22px;transform:translateY(-22px)}.ol-popup-top.ol-popup-left.default{margin:11px -22px;transform:none}.ol-popup-right.default{margin:-11px 22px;transform:translate(44px,-22px)}.ol-popup-top.ol-popup-right.default{margin:11px 22px;transform:translate(44px)}.ol-popup-middle.default{margin:0 10px;transform:none}.ol-popup-middle.ol-popup-right.default{margin:0 -10px;transform:translate(-20px)}.ol-popup.default .anchor{color:#69f}.ol-popup.default .anchor:after,.ol-popup.default .anchor:before{border-color:currentcolor transparent;border-style:solid;border-width:11px;content:"";margin:0 -11px}.ol-popup.default .anchor:after{border-color:#fff transparent;border-width:11px;margin:2px -11px}.ol-popup-top.default .anchor:after,.ol-popup-top.default .anchor:before{border-top:0;top:0}.ol-popup-bottom.default .anchor:after,.ol-popup-bottom.default .anchor:before{border-bottom:0;bottom:0}.ol-popup-middle.default .anchor:before{border-color:transparent currentColor;margin:-11px -33px}.ol-popup-middle.default .anchor:after{border-color:transparent #fff;margin:-11px -31px}.ol-popup-middle.ol-popup-left.default .anchor:after,.ol-popup-middle.ol-popup-left.default .anchor:before{border-left:0}.ol-popup-middle.ol-popup-right.default .anchor:after,.ol-popup-middle.ol-popup-right.default .anchor:before{border-right:0}.ol-popup.placemark{color:#c00;margin:-.65em 0;transform:translateY(-1.3em)}.ol-popup.placemark>div{background-color:#fff;border:0;border-radius:50%;box-shadow:inset 0 0 0 .45em;box-sizing:border-box;font-size:15px;height:2em;min-width:0;min-width:auto;position:relative;width:2em}.ol-popup.placemark .ol-popup-content{cursor:default;height:1em;left:50%;line-height:1em;overflow:hidden;padding:.25em 0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:1em}.ol-popup.placemark .anchor{margin:0}.ol-popup.placemark .anchor:before{background:transparent;border-radius:50%;box-shadow:0 1em .5em #00000080;content:"";height:.5em;margin:-.5em;width:1em}.ol-popup.placemark .anchor:after{border-color:currentcolor transparent;border-style:solid;border-width:1em .7em 0;bottom:0;content:"";margin:-.75em -.7em}.ol-popup.placemark.shield>div{border-radius:.2em}.ol-popup.placemark.shield .anchor:after{border-width:.8em 1em 0;margin:-.7em -1em}.ol-popup.placemark.blazon>div{border-radius:.2em}.ol-popup.placemark.pushpin{margin:-2.2em 0;transform:translateY(-4em)}.ol-popup.placemark.pushpin>div{background:transparent!important;border-radius:0;box-shadow:inset 2em 0 currentColor;width:1.1em}.ol-popup.placemark.pushpin>div:before{border-color:currentcolor transparent;border-style:solid;border-width:.3em .5em .5em;content:"";height:1.5em;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.3em}.ol-popup.placemark.needle{margin:-2em 0;transform:translateY(-4em)}.ol-popup.placemark.needle .anchor,.ol-popup.placemark.pushpin .anchor{margin:-1.2em}.ol-popup.placemark.needle .anchor:after,.ol-popup.placemark.pushpin .anchor:after{border-style:solid;border-width:2em .15em 0;margin:-.55em -.2em;width:.1em}.ol-popup.placemark.needle .anchor:before,.ol-popup.placemark.pushpin .anchor:before{margin:-.75em -.5em}.ol-popup.placemark.flagv{margin:-2em 1em;transform:translateY(-4em)}.ol-popup.placemark.flagv>div{background-color:transparent;border-radius:0;box-shadow:none}.ol-popup.placemark.flagv>div:before{border:1em solid transparent;border-left:2em solid;content:"";pointer-events:none;position:absolute}.ol-popup.placemark.flagv .anchor{margin:-1.4em}.ol-popup.placemark.flag{margin:-2em 1em;transform:translateY(-4em)}.ol-popup.placemark.flag>div{border-radius:0;transform-origin:0 150%!important}.ol-popup.placemark.flag .anchor{margin:-1.4em}.ol-popup.placemark.flag .anchor:after,.ol-popup.placemark.flagv .anchor:after{border-style:solid;border-width:2em .15em 0;margin:-.55em -1em;width:.1em}.ol-popup.placemark.flag .anchor:before,.ol-popup.placemark.flagv .anchor:before{margin:-.75em -1.25em}.ol-popup.placemark.flag.finish{margin:-2em 1em}.ol-popup.placemark.flag.finish>div{background-image:linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor);background-position:.5em 0,0 .5em;background-size:1em 1em;box-shadow:inset 0 0 0 .25em}.ol-popup.black .closeBox{background-color:#00000080;border-radius:5px;color:#f80}.ol-popup.black .closeBox:hover{background-color:#000000b3;color:#da2}.ol-popup.black{margin:-20px 0;transform:translateY(-40px)}.ol-popup.black>div{background-color:#0009;border-radius:5px;color:#fff}.ol-popup-top.ol-popup.black{margin:20px 0;transform:none}.ol-popup-left.black{margin:-20px -22px;transform:translateY(-40px)}.ol-popup-top.ol-popup-left.black{margin:20px -22px;transform:none}.ol-popup-right.black{margin:-20px 22px;transform:translate(44px,-40px)}.ol-popup-top.ol-popup-right.black{margin:20px 22px;transform:translate(44px)}.ol-popup-middle.black{margin:0 11px;transform:none}.ol-popup-left.ol-popup-middle.black{transform:none}.ol-popup-right.ol-popup-middle.black{margin:0 -11px;transform:translate(-22px)}.ol-popup.black .anchor{color:#0009;margin:-20px 11px}.ol-popup.black .anchor:before{border-color:currentcolor transparent;border-style:solid;border-width:20px 11px;content:""}.ol-popup-top.black .anchor:before{border-top:0;top:0}.ol-popup-bottom.black .anchor:before{border-bottom:0;bottom:0}.ol-popup-middle.black .anchor:before{border-color:transparent currentColor;margin:-20px -22px}.ol-popup-middle.ol-popup-left.black .anchor:before{border-left:0}.ol-popup-middle.ol-popup-right.black .anchor:before{border-right:0}.ol-popup-center.black .anchor:before{margin:0 -10px}.ol-popup.tips .closeBox{background-color:red;border-radius:50%;color:#fff;height:1.2em;width:1.2em}.ol-popup.tips .closeBox:hover{background-color:#f40}.ol-popup.tips{margin:-20px 0;transform:translateY(-40px)}.ol-popup.tips>div{background-color:#cea;border:5px solid #ad7;border-radius:5px;color:#333}.ol-popup-top.ol-popup.tips{margin:20px 0;transform:none}.ol-popup-left.tips{margin:-20px -22px;transform:translateY(-40px)}.ol-popup-top.ol-popup-left.tips{margin:20px -22px;transform:none}.ol-popup-right.tips{margin:-20px 22px;transform:translate(44px,-40px)}.ol-popup-top.ol-popup-right.tips{margin:20px 22px;transform:translate(44px)}.ol-popup-middle.tips{margin:0;transform:none}.ol-popup-left.ol-popup-middle.tips{margin:0 22px;transform:none}.ol-popup-right.ol-popup-middle.tips{margin:0 -22px;transform:translate(-44px)}.ol-popup.tips .anchor{color:#ad7;margin:-18px 22px}.ol-popup.tips .anchor:before{border-color:currentcolor transparent;border-style:solid;border-width:20px 11px;content:""}.ol-popup-top.tips .anchor:before{border-top:0;top:0}.ol-popup-bottom.tips .anchor:before{border-bottom:0;bottom:0}.ol-popup-center.tips .anchor:before{border-width:20px 6px;margin:0 -6px}.ol-popup-left.tips .anchor:before{border-left:0;margin-left:0}.ol-popup-right.tips .anchor:before{border-right:0;margin-right:0}.ol-popup-middle.tips .anchor:before{border-color:transparent currentColor;border-width:6px 20px;margin:-6px -41px}.ol-popup-middle.ol-popup-left.tips .anchor:before{border-left:0}.ol-popup-middle.ol-popup-right.tips .anchor:before{border-right:0}.ol-popup.warning .closeBox{background-color:red;border-radius:50%;color:#fff;font-size:.83em}.ol-popup.warning .closeBox:hover{background-color:#f40}.ol-popup.warning{background-color:#fd0;border:4px dashed red;border-radius:3px;color:#900;margin:-28px 10px;transform:translateY(-56px)}.ol-popup-top.ol-popup.warning{margin:28px 10px;transform:none}.ol-popup-left.warning{margin:-28px -22px;transform:translateY(-56px)}.ol-popup-top.ol-popup-left.warning{margin:28px -22px;transform:none}.ol-popup-right.warning{margin:-28px 22px;transform:translate(44px,-56px)}.ol-popup-top.ol-popup-right.warning{margin:28px 22px;transform:translate(44px)}.ol-popup-middle.warning{margin:0;transform:none}.ol-popup-left.ol-popup-middle.warning{margin:0 22px;transform:none}.ol-popup-right.ol-popup-middle.warning{margin:0 -22px;transform:translate(-44px)}.ol-popup.warning .anchor{margin:-33px 7px}.ol-popup.warning .anchor:before{border-color:red transparent;border-style:solid;border-width:30px 11px;content:""}.ol-popup-top.warning .anchor:before{border-top:0;top:0}.ol-popup-bottom.warning .anchor:before{border-bottom:0;bottom:0}.ol-popup-center.warning .anchor:before{margin:0 -21px}.ol-popup-middle.warning .anchor:before{border-color:transparent red;border-width:10px 22px;margin:-10px -33px}.ol-popup-middle.ol-popup-left.warning .anchor:before{border-left:0}.ol-popup-middle.ol-popup-right.warning .anchor:before{border-right:0}.ol-popup .ol-popupfeature table{width:100%}.ol-popup .ol-popupfeature table td{max-width:25em;overflow:hidden;text-overflow:ellipsis}.ol-popup .ol-popupfeature table td img{max-height:100px;max-width:100px}.ol-popup .ol-popupfeature tr:nth-child(odd){background-color:#eee}.ol-popup .ol-popupfeature .ol-zoombt{background:transparent;border:0;color:#003c8880;display:inline-block;height:2em;outline:none;position:relative;width:2em}.ol-popup .ol-popupfeature .ol-zoombt:before{background-color:transparent;border:.17em solid;border-radius:100%;box-sizing:border-box;content:"";height:1em;left:.3em;position:absolute;top:.3em;width:1em}.ol-popup .ol-popupfeature .ol-zoombt:after{border-radius:.03em;border-style:solid;border-width:.1em .3em;box-shadow:-.2em 0 0 -.04em;box-sizing:border-box;content:"";left:1.15em;position:absolute;top:1.35em;transform:rotate(45deg)}.ol-popup .ol-popupfeature .ol-count{float:right;margin:.25em 0}.ol-popup .ol-popupfeature .ol-next,.ol-popup .ol-popupfeature .ol-prev{border-color:transparent rgba(0,60,136,.5);border-style:solid;border-width:.5em 0 .5em .5em;cursor:pointer;display:inline-block;margin:0 .5em;vertical-align:bottom}.ol-popup .ol-popupfeature .ol-prev{border-width:.5em .5em .5em 0}.ol-popup.tooltips.black{background-color:transparent}.ol-popup.tooltips.black>div{background-color:#00000080;padding:.2em .5em;transform:scaleY(1.3)}.ol-popup-middle.tooltips.black .anchor:before{border-width:5px 10px;margin:-5px -21px}.ol-popup-center.ol-popup-middle,.ol-popup-top.ol-popup-left.ol-fixPopup,.ol-popup-top.ol-popup-right.ol-fixPopup,.ol-popup.ol-fixPopup{margin:0}.ol-miniscroll{position:relative}.ol-miniscroll:hover .ol-scroll{opacity:.5;transition:opacity 1s}.ol-miniscroll .ol-scroll{border-radius:9px;height:auto;max-height:100%;opacity:0;overflow:hidden;position:absolute;right:0;touch-action:none;transition:opacity 1s .5s;width:9px;z-index:1}.ol-miniscroll .ol-scroll>div{border:2px solid transparent;border-radius:9px/12px;box-shadow:inset 10px 0 currentColor;box-sizing:border-box;cursor:pointer;height:9px;position:absolute;right:0;top:0;touch-action:none;width:9px}.ol-miniscroll .ol-scroll.ol-100pc{opacity:0}.ol-viewport canvas.ol-fixedoverlay{height:100%;left:0;position:absolute;top:0;width:100%}.ol-ext-toggle-switch{cursor:pointer;position:relative}.ol-ext-toggle-switch input[type=checkbox],.ol-ext-toggle-switch input[type=radio]{display:none}.ol-ext-toggle-switch span{background-color:#ccc;border-radius:1em;color:#003c8880;cursor:pointer;display:inline-block;font-size:1.3em;height:1em;margin:-.15em .2em .15em;position:relative;transition:.4s,background-color 0s,border-color 0s;vertical-align:middle;width:1.6em}.ol-ext-toggle-switch span:before{background-color:#fff;border:2px solid #ccc;border-radius:1em;box-sizing:border-box;content:"";display:block;height:1em;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:.4s;width:1em}.ol-ext-toggle-switch:hover span{background-color:#999}.ol-ext-toggle-switch:hover span:before{border-color:#999}.ol-ext-toggle-switch input:checked+span{background-color:currentColor}.ol-ext-toggle-switch input:checked+span:before{border-color:currentColor;transform:translate(.6em,-50%)}.ol-ext-check{display:inline-block;position:relative}.ol-ext-check input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.ol-ext-check span{background-color:#ccc;color:#003c8880;display:inline-block;height:1em;margin:-.1em .5em .1em;position:relative;vertical-align:middle;width:1em}.ol-ext-check:hover span{background-color:#999}.ol-ext-checkbox input:checked~span{background-color:currentColor}.ol-ext-checkbox input:checked~span:before{box-shadow:inset -.2em -.2em #fff;content:"";height:.8em;left:50%;position:absolute;top:50%;transform:translateY(-.1em) translate(-50%,-50%) rotate(45deg);width:.5em}.ol-ext-radio span{border-radius:50%;height:1.1em;width:1.1em}.ol-ext-radio:hover input:checked~span{background-color:#ccc}.ol-ext-radio input:checked~span:before{background-color:currentColor;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.ol-collection-list{list-style:none;margin:0;padding:0}.ol-collection-list li{padding:0 2em 0 1em;position:relative}.ol-collection-list li:hover{background-color:#003c8833}.ol-collection-list li.ol-select{background-color:#003c8880;color:#fff}.ol-collection-list li .ol-order{cursor:n-resize;height:100%;position:absolute;right:0;top:50%;touch-action:none;transform:translateY(-50%);width:2em}.ol-collection-list li .ol-order:before{background-color:currentColor;border-radius:2px;box-shadow:0 5px,0 -5px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.ol-ext-colorpicker.ol-popup{background-color:transparent;background-image:linear-gradient(45deg,#aaa 25%,transparent 0,transparent 75%,#aaa 0),linear-gradient(45deg,#aaa 25%,transparent 0,transparent 75%,#aaa 0);background-position:0 -1px,5px 4px;background-size:10px 10px;height:1.5em;width:2em}.ol-ext-colorpicker .ol-tabbar{background-color:#eee;border-bottom:1px solid #999;display:none}.ol-ext-colorpicker.ol-tab .ol-tabbar{display:block}.ol-ext-colorpicker .ol-tabbar>div{background-color:#fff;border:1px solid #999;border-radius:2px 2px 0 0;cursor:pointer;display:inline-block;padding:0 .5em;position:relative;top:1px}.ol-ext-colorpicker .ol-tabbar>div:first-child{border-bottom-color:#fff}.ol-ext-colorpicker.ol-picker-tab .ol-tabbar>div:first-child{border-bottom-color:#999}.ol-ext-colorpicker.ol-picker-tab .ol-tabbar>div:nth-child(2){border-bottom-color:#fff}.ol-ext-colorpicker.ol-popup.ol-tab .ol-popup{width:180px}.ol-ext-colorpicker.ol-tab .ol-palette{margin:0 10px}.ol-ext-colorpicker.ol-tab .ol-container{display:none}.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-container{display:block}.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-palette{display:none}.ol-ext-colorpicker.ol-popup .ol-popup{width:340px}.ol-ext-colorpicker.ol-popup .ol-vignet{background-color:currentColor;border:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ol-ext-colorpicker .ol-container{display:inline-block;position:relative;vertical-align:top}.ol-ext-colorpicker .ol-cursor{pointer-events:none}.ol-ext-colorpicker .ol-picker{background-color:currentColor;background-image:linear-gradient(0,#000,transparent),linear-gradient(90deg,#fff,transparent);border:5px solid #fff;cursor:crosshair;height:150px;position:relative;width:150px}.ol-ext-colorpicker .ol-picker .ol-cursor{border:1px solid rgba(0,0,0,.7);border-radius:50%;box-shadow:0 0 0 1px #ffffffb3;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.ol-ext-colorpicker .ol-slider{background-color:#fff;background-image:linear-gradient(45deg,#aaa 25%,transparent 0,transparent 75%,#aaa 0),linear-gradient(45deg,#aaa 25%,transparent 0,transparent 75%,#aaa 0);background-position:0 -1px,5px 4px;background-size:10px 10px;border:5px solid #fff;border-width:0 5px;cursor:crosshair;height:10px;margin:5px 0 10px;position:relative;width:150px}.ol-ext-colorpicker .ol-slider>div{background-image:linear-gradient(45deg,transparent,#fff);height:100%;pointer-events:none;width:100%}.ol-ext-colorpicker .ol-slider .ol-cursor{background:transparent;border:1px solid #000;height:12px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.ol-ext-colorpicker .ol-tint{background-image:linear-gradient(0,red,#f0f,#00f,#0ff,#0f0,#ff0,red);border:5px solid #fff;border-width:5px 0;box-sizing:border;cursor:crosshair;height:150px;position:absolute;right:5px;top:0;width:10px}.ol-ext-colorpicker .ol-tint .ol-cursor{border:1px solid #000;height:4px;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:12px}.ol-ext-colorpicker .ol-clear{border:2px solid #999;height:10px;position:absolute;right:4px;top:163px;width:10px}.ol-ext-colorpicker .ol-clear:after,.ol-ext-colorpicker .ol-clear:before{background-color:#999;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:15px}.ol-ext-colorpicker .ol-clear:after{transform:translate(-50%,-50%) rotate(-45deg)}.ol-ext-colorpicker.ol-nopacity .ol-alpha,.ol-ext-colorpicker.ol-nopacity .ol-clear,.ol-ext-colorpicker.ol-nopacity .ol-slider{display:none}.ol-ext-colorpicker .ol-rgb{display:none;padding:5px;position:relative;width:170px}.ol-ext-colorpicker .ol-rgb input{border:1px solid #999;border-radius:2px;box-sizing:border-box;font-size:13px;padding:0 0 0 2px;width:25%}.ol-ext-colorpicker .ol-rgb input:first-child{background-color:#ff00001a}.ol-ext-colorpicker .ol-rgb input:nth-child(2){background-color:#00ff001a}.ol-ext-colorpicker .ol-rgb input:nth-child(3){background-color:#0000ff1f}.ol-ext-colorpicker .ol-txt-color,.ol-ext-colorpicker button{border:1px solid #999;border-radius:2px;box-sizing:border-box;display:block;font-size:13px;margin:0 5px 5px;padding:0;text-align:center;width:170px}.ol-ext-colorpicker button{background-color:#eee}.ol-ext-colorpicker button:hover{background-color:#e9e9e9}.ol-ext-colorpicker .ol-txt-color.ol-error{background-color:#f003}.ol-ext-colorpicker .ol-palette{display:inline-block;padding:2px;width:152px}.ol-ext-colorpicker .ol-palette>div{background-image:linear-gradient(45deg,#aaa 25%,transparent 0,transparent 75%,#aaa 0),linear-gradient(45deg,#aaa 25%,transparent 0,transparent 75%,#aaa 0);background-position:0 0,5px 5px;background-size:10px 10px;border-radius:1px;box-shadow:0 0 2px #666;cursor:pointer;display:inline-block;height:15px;margin:2px;position:relative;width:15px}.ol-ext-colorpicker .ol-palette>div:before{background-color:currentColor;content:"";height:100%;position:absolute;width:100%}.ol-ext-colorpicker .ol-palette>div.ol-select:after{box-shadow:1px 1px #fff,2px 2px #000;content:"";height:12px;left:50%;position:absolute;top:30%;transform:translate(-50%,-50%) rotate(45deg);width:6px}.ol-ext-colorpicker .ol-palette>div:hover{box-shadow:0 0 2px 1px #d90}.ol-ext-colorpicker .ol-palette hr{margin:0}.ol-input-popup{display:inline-block;position:relative}.ol-input-popup .ol-popup{background-color:#fff;box-shadow:1px 1px 3px 1px #999;display:none;left:-5px;list-style:none;margin:0;padding:0;position:absolute;white-space:nowrap;z-index:1}.ol-input-popup.ol-focus .ol-popup,.ol-input-popup.ol-hover:hover .ol-popup{display:block}.ol-input-popup.ol-right .ol-popup{left:auto;right:-5px}.ol-input-popup.ol-middle .ol-popup{top:50%;transform:translateY(-50%)}.ol-input-popup .ol-popup li{padding:10px 5px;position:relative}.ol-input-popup li.ol-selected,.ol-input-popup li:hover{background-color:#ccc}.ol-input-popup.ol-fixed .ol-popup,.ol-input-popup.ol-fixed:hover .ol-popup{background-color:transparent;box-shadow:none;display:inline-block;left:0;position:relative;vertical-align:middle}.ol-input-popup.ol-fixed.ol-left .ol-popup{float:left}.ol-input-popup>div{border:1px solid #999;border-radius:2px;display:inline-block;padding:3px 20px 3px 10px;position:relative;vertical-align:middle}.ol-input-popup>div:before{border:5px solid transparent;border-top-color:#999;content:"";position:absolute;right:5px;top:50%}.ol-ext-popup-input{display:inline-block;vertical-align:top}.ol-ext-popup-input.ol-popup{border:3px solid #fff;border-radius:2px;border-right-width:1em;box-shadow:0 0 2px 1px #666;box-sizing:content-box;display:inline-block;height:1.5em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:2em}.ol-ext-popup-input.ol-popup:after{border-color:#999 transparent;border-style:solid;border-width:.5em .3em 0;content:"";pointer-events:none;position:absolute;right:-.8em;top:50%;transform:translateY(-50%)}.ol-ext-popup-input *{box-sizing:content-box}.ol-ext-popup-input.ol-popup .ol-popup{background-color:#fff;box-shadow:1px 1px 3px 1px #999;display:block;display:none;left:0;min-height:3em;min-width:3em;position:absolute;top:100%;z-index:1}.ol-ext-popup-input.ol-popup .ol-popup.ol-visible{display:block}.ol-ext-popup-input.ol-popup-fixed .ol-popup{left:auto;position:fixed;top:auto}.ol-input-popup.ol-size li{display:table-cell;height:100%;padding:5px;vertical-align:middle}.ol-input-popup.ol-size li>*{background-color:#369;border-radius:50%;height:1em;vertical-align:middle;width:1em}.ol-input-popup.ol-size li>.ol-option-0{background-color:transparent;border:2px solid;box-sizing:border-box;color:#aaa;height:1em;position:relative;width:1em}.ol-input-popup.ol-size li>:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ol-input-popup.ol-size li>.ol-option-0:before{background-color:#aaa;content:"";height:2px;transform:translate(-50%,-50%) rotate(-45deg);width:1em}.ol-input-slider{display:inline-block;position:relative}.ol-input-slider .ol-popup{background-color:#fff;box-shadow:1px 1px 3px 1px #999;display:none;left:-5px;position:absolute;z-index:1}.ol-input-slider.ol-right .ol-popup{left:auto;right:-5px}.ol-input-slider.ol-focus .ol-popup,.ol-input-slider.ol-hover:hover .ol-popup{display:block;white-space:nowrap}.ol-input-slider.ol-focus .ol-popup>*,.ol-input-slider.ol-hover:hover .ol-popup>*{display:inline-block;vertical-align:middle}.ol-input-slider.ol-focus .ol-popup>.ol-before,.ol-input-slider.ol-hover:hover .ol-popup>.ol-before{margin-left:10px}.ol-input-slider.ol-focus .ol-popup>.ol-after,.ol-input-slider.ol-hover:hover .ol-popup>.ol-after{margin-right:10px}.ol-input-slider .ol-slider{border:0 solid transparent;border-width:10px 15px;box-shadow:inset 0 0 0 1px #999;box-sizing:content-box;cursor:pointer;display:inline-block;height:3px;position:relative;vertical-align:middle;width:100px}.ol-input-slider .ol-slider>.ol-cursor{background-color:#999;height:10px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}.ol-input-range .ol-slider{cursor:default;width:150px}.ol-input-range .ol-slider>.ol-cursor{background-color:#003c88;border-radius:50%;cursor:pointer;pointer-events:all;width:10px}.ol-input-range.ol-moving .ol-slider>.ol-cursor{pointer-events:none}.ol-input-range .ol-slider>.ol-back{background-color:#003c88;height:100%;left:30%;pointer-events:none;position:absolute;right:20%;top:50%;transform:translateY(-50%)}.ol-input-slider.ol-fixed .ol-popup,.ol-input-slider.ol-fixed:hover .ol-popup{background-color:transparent;box-shadow:none;display:inline-block;left:0;position:relative;vertical-align:middle}.ol-input-slider.ol-fixed.ol-left .ol-popup{float:left}.ol-input-slider.ol-size .ol-slider{box-shadow:none;height:auto}.ol-input-slider.ol-size .ol-slider .ol-back{border-color:currentcolor transparent;border-style:solid;border-width:0 0 20px 100px;color:#aaa;pointer-events:none;width:0}.ol-input-slider.ol-size .ol-slider>.ol-cursor{background-color:transparent;border-color:red transparent;-o-border-image:initial;border-image:none;border-image:initial;border-style:solid;border-width:5px 3px;box-shadow:inset 3px 0 red;height:calc(100% + 4px);width:2px}.ol-input-popup.ol-width li{padding:5px}.ol-input-popup.ol-width li>*{background-color:#369;height:1em;width:100px}.ol-input-popup.ol-width li>.ol-option-0{background-color:transparent;background-image:linear-gradient(90deg,#aaa 2px,transparent 0);background-size:4px;height:1px;position:relative}/*!
+* ol-contextmenu - v5.4.0
+* https://github.com/jonataswalker/ol-contextmenu
+* Built: Fri Mar 08 2024 12:11:47 GMT+0000 (Coordinated Universal Time)
+*/.ol-ctx-menu-container{background:#fff;border-radius:5px;box-shadow:3px 3px 5px #0003;box-sizing:border-box;color:#222;font-size:13px;padding:8px;position:absolute}.ol-ctx-menu-container a,.ol-ctx-menu-container div,.ol-ctx-menu-container img,.ol-ctx-menu-container li,.ol-ctx-menu-container span,.ol-ctx-menu-container ul{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.ol-ctx-menu-container a img{border:none}.ol-ctx-menu-container *,.ol-ctx-menu-container :after,.ol-ctx-menu-container :before{box-sizing:inherit}.ol-ctx-menu-container.ol-ctx-menu-hidden{opacity:0;transition:visibility 0s linear .3s,opacity .3s;visibility:hidden}.ol-ctx-menu-container ul{list-style:none}.ol-ctx-menu-container li{line-height:20px;padding:2px 5px;position:relative;white-space:nowrap}.ol-ctx-menu-container li:not(.ol-ctx-menu-separator):hover{background-color:#333;color:#eee;cursor:pointer}.ol-ctx-menu-container li.ol-ctx-menu-submenu .ol-ctx-menu-container{border:1px solid #eee;opacity:0;padding:8px;top:0;transition:visibility 0s linear .3s,opacity .3s;visibility:hidden}.ol-ctx-menu-container li.ol-ctx-menu-submenu:after{border-right:.3em solid #222;border-top:.3em solid #222;content:"";display:inline-block;height:.6em;position:absolute;right:10px;top:7px;transform:rotate(45deg);width:.6em}.ol-ctx-menu-container li.ol-ctx-menu-submenu:hover:after{border-color:#eee}.ol-ctx-menu-container:not(.ol-ctx-menu-hidden) li.ol-ctx-menu-submenu:hover>.ol-ctx-menu-container{opacity:1;transition-delay:0s;visibility:visible}.ol-ctx-menu-container li.ol-ctx-menu-separator{padding:0}.ol-ctx-menu-container li.ol-ctx-menu-separator hr{background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.749),transparent);border:0;height:1px}.ol-ctx-menu-icon{background-position:0;background-repeat:no-repeat;background-size:20px auto;text-indent:20px}.ol-ctx-menu-zoom-in{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABaUlEQVQ4T72U7VHCQBCGn90GtAMuNGCswFiBWIFQgWMFxg6wArECsQKhArEBiB1Qwa1zgQn5IAYcxv13k71n3919L8KJQ07M47+BzgG9TRfZ/JBuWhS6BJFHRJICYrZGZIz3z5Ct2+B7gG6I6kt+wewdkQVwjtkAkR5mC8yu26A1oItR/cTsOweQBdgutD8G7jGm2PJ2n8oqUKIpIjd4HxTM8gvaT/F+AlmWnyWaIXKF95eNguFzTYFhNsdWu9kFgFlaFMANUH3D8wDLoLgSTSD2il8NCe2ZXQBxWDGwxmyUzzOMBZ7wy7Qb2K0wQfXjMOBuhlFpZtNty5sFaTQBuTusZdymeqs1SpYKcO9HkE3KbTd9WFijMHJQ5hBNEAYNq5Qd0dhyke0GiE4QzjqfW23mHT8Hl4DG4Lce3FPE7AtbBSdsbNqpoJLgYkRnNeUV+xwJDHTnUEkxHGbhBXUs5TjJjew/KPy94g+NRaIVRYmMXwAAAABJRU5ErkJggg==)}.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-in{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABc0lEQVQ4T71U21ECQRDsJgGdvQDECMQIxAjECMQILCPwzAAjECIQI0AiEDPQAPaWCBhrcKHuCUcV5f7dY3v6tUscefHIePhfwBBCF8CZqRCReRs1tQxDCH1VfQLQz4EsSY4AvIjIsgm8AhhCGKrqa9zwrqoLAKckB5HtguR1E2gBMITQU9VPAD8GICIGtl3e+xHJBwBT59xtHcsCYJZlUwA3kcGHbfDep51OZywi3/acZZm9vyJ5WR5o38uACmDunNt6ZwAkUxFZDwghDFT1jeSjiJinhVUBVNVJkiTDKO8CQA+AsbNQ7s1Ps0VVn5MkSfcCtmBoDZi1Bdx4eJ7zbBolrwPy3o9J3rWSHPs3A1BbjVKlYBaIyDgvu9LDXDU2RTZmXVW1oKyLxRD+OrkOrJLy5mVM0iaftDhuhVbsvBzMglzKUNW6IV/OOWtCM8MmVvEkmbwt83LaB19fdgOtVquUZJeknaDdobTwbOcvBzPcN/AXH1DFFWP7u9oAAAAASUVORK5CYII=)}.ol-ctx-menu-zoom-out{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABU0lEQVQ4T72U7VECMRRFz3sNaAdkacC1AtcKxApcKnCsQOwAK3CtQKxAqEBsANYOqCDPyTIC+8WCw5jfybn33dxEOPGSE/P4b6BzQG89RT47ZJoWhy5B5BGRZAMxWyEyxvtnyFdt8AagS1F9KQ6YvSMyB84xGyDSw2yO2XUbtAJ0MaqfmH0XAPIA2y7tj4F7jAm2uG1yWQZKNEHkBu+Dg2njWBJNEbnC+8uaIFRuWfuG2QxbbrOrUd0A1Tc8D7AIjkur7DAAsVf8MiWMZ3ZR2m02LPIMscATfjHqBnY7TFD9OAy4zTCCPG/MUKMM5O6wkXFr9dZq7FQqqHk/hDzbFa73cFONTZFDdRyiCcKg5rrSiLaXkiI6RjjrfG6VzDs+B5eAxuDXeYpmNRGzL2wZ/wof+du4GNFpBVqqz5HA4MM5VEYYDrOs+1I6Q9u/4Q8O9wN/AGgWjBVqQjjgAAAAAElFTkSuQmCC)}.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-out{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABYklEQVQ4T72U4VHCQBCF36tA91KAWIFYgViBWIFYgWMFYgdYgVCBWAFSgdiBFpAsFWSdxcDkQoBkhnF/ZjbfvX377ogjF4/Mw/8CVbUD4MynEJF5k2lqFapqz8yeAPRKkCXJEYAXEVnugm8BVXVgZq/FD+9mtgBwSrJfqF2QvN4FjYCq2jWzTwA/DhARh20qTdMRyQcA0xDCbZ3KCJhl2RTATaHgo+6HLMv8+xXJy+qB3l8FGoB5CKHsXcRV1b6ZvZF8FBH3NKotoJlNkiQZFONdlLtJ3rufbouZPSdJMjwIbKDQEzBrClx7eC4i33Uepmk6JnnXaOQifzMAtdGoRApugYiMI1uqKkrRWAfZo9MxM1+UZzFewl8mN4nYdVM83L7BkwbXLUrF3sfBLQDQBbDy08x8vOohXyEE71lVq9emuEk+3gZa3XYroCvwFyjP8yHJDsnxwaU08GxvS2uFhw78BbzWrxXgMbsHAAAAAElFTkSuQmCC)}.ol-viewport .ol-zoomslider{border:2px solid rgba(0,60,136,.5);height:240px;left:.5em;top:7.5em}.ol-viewport .ol-overviewmap{bottom:2.5em;left:3.5em}.ol-viewport .ol-mouse-position{left:50%;position:absolute;text-align:center;top:0;transform:translate(-50%);width:70%}.ol-viewport .ol-rotate{right:2.5em;top:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-viewport .ol-layerswitcher-image .ol-layer-hidden{opacity:1}.ol-viewport .ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-viewport .ol-overviewmap.ol-uncollapsible button{display:block;opacity:0}.ol-viewport .ol-collapsed,.ol-viewport .ol-collapsed:hover{background-color:#fff0}.ol-viewport .ol-layerswitcher-image button{background-color:transparent}.ol-viewport .ol-control.ol-mapzone,.ol-viewport .ol-control.ol-mapzone.ol-collapsed{top:12.5em}.ol-viewport .ol-control.ol-mapzone button{margin-top:0}.ol-viewport .ol-control.ol-mapzone>div p{background-color:#000}.tide-loading-indicator{left:0;position:fixed;right:0;top:0;transform-origin:left;transition:transform .1s;z-index:999}.rpl-content{font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4)}@media (min-width:768px){.rpl-content>:not(.rpl-media-embed):not(.rpl-iframe):not(.rpl-img):not(.rpl-table){max-width:var(--rpl-content-max-width)}}.rpl-content>:first-child{margin-top:0}.rpl-content .rpl-img:not(:first-child),.rpl-content .rpl-media-embed:not(:first-child),.rpl-content figure:not(:first-child){margin-top:var(--rpl-sp-5)}@media (min-width:768px){.rpl-content .rpl-img:not(:first-child),.rpl-content .rpl-media-embed:not(:first-child),.rpl-content figure:not(:first-child){margin-top:var(--rpl-sp-6)}}.rpl-content .rpl-blockquote{margin-bottom:var(--rpl-sp-5)}@media (min-width:768px){.rpl-content .rpl-blockquote{margin-bottom:var(--rpl-sp-6)}}:where(.rpl-content) h2{margin-top:var(--rpl-sp-7)}@media (min-width:992px){:where(.rpl-content) h2{margin-top:var(--rpl-sp-8)}}:where(.rpl-content) h3{margin-top:var(--rpl-sp-6)}@media (min-width:992px){:where(.rpl-content) h3{margin-top:var(--rpl-sp-7)}}:where(.rpl-content) h4,:where(.rpl-content) h5{margin-top:var(--rpl-sp-5)}@media (min-width:992px){:where(.rpl-content) h4,:where(.rpl-content) h5{margin-top:var(--rpl-sp-6)}}:where(.rpl-content) p{margin-top:var(--rpl-sp-4)}:where(.rpl-content) ol,:where(.rpl-content) ul{margin-top:var(--rpl-sp-4)}:where(.rpl-content) ol ol,:where(.rpl-content) ol ul,:where(.rpl-content) ul ol,:where(.rpl-content) ul ul{margin-top:0}.rpl-icon{display:inline-block}.rpl-icon,.rpl-icon svg{height:var(--rpl-icon-size);width:var(--rpl-icon-size)}.rpl-icon svg{fill:currentcolor;display:block}.rpl-icon--child{--local-icon-w:5px;--local-icon-h:8px;border-bottom:var(--rpl-border-1) solid var(--rpl-clr-type-default);border-left:var(--rpl-border-1) solid var(--rpl-clr-type-default);flex-shrink:0;height:var(--local-icon-h);margin-right:var(--rpl-sp-2);margin-top:var(--rpl-sp-1);width:var(--local-icon-w)}.rpl-icon--padded{padding:calc(var(--rpl-icon-size)/2)}.rpl-icon--size-xs{--rpl-icon-size:var(--rpl-sp-3)}.rpl-icon--size-s{--rpl-icon-size:var(--rpl-sp-4)}.rpl-icon--size-m{--rpl-icon-size:var(--rpl-sp-6)}.rpl-icon--size-l{--rpl-icon-size:var(--rpl-sp-8)}.rpl-icon--colour-default{color:var(--rpl-clr-link)}.rpl-icon--colour-white{color:var(--rpl-clr-type-light)}.rpl-icon--colour-text{color:var(--rpl-clr-type-default)}.rpl-icon--colour-information{color:var(--rpl-clr-information)}.rpl-icon--colour-success{color:var(--rpl-clr-success)}.rpl-icon--colour-warning{color:var(--rpl-clr-warning)}.rpl-icon--colour-error{color:var(--rpl-clr-error)}.rpl-icon--colour-inactive{color:var(--rpl-clr-neutral-4)}.rpl-svg-sprite--hidden{display:none}[dir=rtl] .rpl-icon--child{border-left:0;border-right:var(--rpl-border-1) solid var(--rpl-clr-type-default);margin-left:0;margin-right:var(--rpl-sp-2)}.rpl-spinner{--local-spinner-delay:var(--rpl-motion-speed-3)}@keyframes pulse{0%{opacity:1}5%{opacity:0}20%{opacity:0}25%{opacity:1}to{opacity:1}}.rpl-spinner path{animation-duration:calc(var(--local-spinner-delay)*8);animation-iteration-count:infinite;animation-name:pulse;opacity:1}.rpl-spinner path:first-child{animation-delay:0}.rpl-spinner path:nth-child(2){animation-delay:var(--local-spinner-delay)}.rpl-spinner path:nth-child(3){animation-delay:calc(var(--local-spinner-delay)*2)}.rpl-spinner path:nth-child(4){animation-delay:calc(var(--local-spinner-delay)*3)}.rpl-spinner path:nth-child(5){animation-delay:calc(var(--local-spinner-delay)*4)}.rpl-spinner path:nth-child(6){animation-delay:calc(var(--local-spinner-delay)*5)}.rpl-spinner path:nth-child(7){animation-delay:calc(var(--local-spinner-delay)*6)}.rpl-spinner path:nth-child(8){animation-delay:calc(var(--local-spinner-delay)*7)}.rpl-button{--local-border-width:var(--rpl-border-2);--rpl-focusable-border-width:var(--local-border-width);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rpl-border-radius-2);border-style:solid;border-width:var(--local-border-width);box-sizing:border-box;display:inline-flex;gap:var(--rpl-sp-2);justify-content:center;padding:calc(var(--rpl-sp-4) - var(--local-border-width)) calc(var(--rpl-sp-5) - var(--local-border-width));position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%}.rpl-button:hover{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}@media (min-width:576px){.rpl-button{width:auto}}.rpl-button--reverse{flex-direction:row-reverse}.rpl-button--filled{background-color:var(--local-filled-bg-clr);border-color:var(--local-filled-bg-clr);color:var(--local-filled-type-clr)}.rpl-button--filled.rpl-button--busy,.rpl-button--filled:active,.rpl-button--filled:hover{background-color:var(--local-filled-bg-clr-hover);border-color:var(--local-filled-bg-clr-hover)}.rpl-button--outlined{background-color:var(--rpl-clr-light);border-color:var(--local-outlined-border-clr);color:var(--local-outlined-type-clr)}.rpl-button--outlined.rpl-button--busy,.rpl-button--outlined:active,.rpl-button--outlined:hover{border-color:var(--local-outlined-border-clr-hover);color:var(--local-outlined-type-clr-hover)}.rpl-button--transparent,.rpl-button--white{--local-border-width:var(--rpl-border-1);background-color:var(--rpl-clr-light);border-color:transparent;color:var(--local-white-type-clr);-webkit-text-decoration:underline;text-decoration:underline}.rpl-button--transparent.rpl-button--busy,.rpl-button--transparent:active,.rpl-button--transparent:hover,.rpl-button--white.rpl-button--busy,.rpl-button--white:active,.rpl-button--white:hover{color:var(--local-white-type-clr-hover)}.rpl-button--transparent:hover,.rpl-button--white:hover{-webkit-text-decoration:none;text-decoration:none}.rpl-button--transparent{background-color:transparent}.rpl-button--elevated{--local-border-width:var(--rpl-border-1);background-color:var(--rpl-clr-light);border-color:var(--rpl-clr-neutral-200);box-shadow:var(--rpl-elevation-1);color:var(--local-white-type-clr);width:auto}.rpl-button--elevated.rpl-button--busy,.rpl-button--elevated:active,.rpl-button--elevated:hover{color:var(--local-white-type-clr-hover)}.rpl-button--elevated .rpl-button__label{display:none}@media (min-width:768px){.rpl-button--elevated .rpl-button__label{display:inline-flex}}.rpl-button--destructive{background-color:var(--rpl-clr-error);border-color:var(--rpl-clr-error);color:var(--rpl-clr-light)}.rpl-button--destructive.rpl-button--busy,.rpl-button--destructive:active,.rpl-button--destructive:hover{background-color:var(--rpl-clr-error-dark);border-color:var(--rpl-clr-error-dark)}.rpl-button--none{border:none;padding:0;width:auto}.rpl-button--default{--local-filled-bg-clr:var(--rpl-clr-primary);--local-filled-bg-clr-hover:var(--rpl-clr-primary-alt);--local-filled-type-clr:var(--rpl-clr-type-primary-contrast);--local-outlined-border-clr:var(--rpl-clr-primary);--local-outlined-border-clr-hover:var(--rpl-clr-primary-alt);--local-outlined-type-clr:var(--rpl-clr-type-primary-accessible);--local-outlined-type-clr-hover:var(--rpl-clr-type-primary-alt-accessible);--local-white-type-clr:var(--rpl-clr-type-primary-accessible);--local-white-type-clr-hover:var(--rpl-clr-type-primary-alt-accessible)}.rpl-button--neutral{--local-outlined-border-clr:var(--rpl-clr-neutral-600);--local-outlined-border-clr-hover:var(--rpl-clr-neutral-800);--local-outlined-type-clr:var(--rpl-clr-type-default);--local-outlined-type-clr-hover:var(--rpl-clr-type-default);--local-white-type-clr:var(--rpl-clr-type-default);--local-white-type-clr-hover:var(--rpl-clr-type-default)}@media print{a.rpl-button{background-color:transparent;border:none;color:var(--rpl-clr-link);flex-wrap:wrap;justify-content:start;padding:0;-webkit-text-decoration:underline;text-decoration:underline}a.rpl-button:after{content:" <" attr(href) "> ";font-size:var(--rpl-type-size-2)}a.rpl-button .rpl-button__label{font-weight:var(--rpl-clr-type-light)}}.rpl-button--busy .rpl-button__icon,.rpl-button--busy .rpl-button__label{opacity:0}.rpl-button__spinner{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.rpl-error-message{align-items:center;display:flex;flex-direction:column;text-align:center}.rpl-error-message__title{--local-title-size:8rem;color:var(--rpl-clr-type-primary-accessible);font-size:var(--local-title-size);line-height:1}@media (min-width:992px){.rpl-error-message__title{--local-title-size:16rem}}.rpl-error-message__intro{font-weight:var(--rpl-type-weight-regular)}.rpl-error-message__body,.rpl-error-message__intro,.rpl-error-message__title{margin-bottom:var(--rpl-sp-8)}@media (min-width:992px){.rpl-error-message__body,.rpl-error-message__intro,.rpl-error-message__title{margin-bottom:var(--rpl-sp-9)}}.rpl-error-message__button{width:auto}.rpl-image{align-items:center;display:flex;height:auto;justify-content:center;max-width:100%}.rpl-image--fill{height:100%}.rpl-image--circle{border-radius:var(--rpl-border-radius-full)}.rpl-image--none{-o-object-fit:none;object-fit:none}.rpl-image--contain{-o-object-fit:contain;object-fit:contain}.rpl-image--cover{-o-object-fit:cover;object-fit:cover}.rpl-header-graphic{overflow:hidden;position:absolute}.rpl-header-graphic--bottom,.rpl-header-graphic--top{height:100%;width:100%}.rpl-header-graphic--top{--local-graphic-width:168px;--local-graphic-height:112px;-webkit-clip-path:polygon(0 0,100% 0,85% 60%,0 100%);clip-path:polygon(0 0,100% 0,85% 60%,0 100%);left:0;max-height:var(--local-graphic-height);max-width:var(--local-graphic-width);top:0}@media (min-width:576px){.rpl-header-graphic--top{--local-graphic-width:208px;--local-graphic-height:128px}}@media (min-width:768px){.rpl-header-graphic--top{--local-graphic-width:236px;--local-graphic-height:148px}}@media (min-width:992px){.rpl-header-graphic--top{--local-graphic-width:292px;--local-graphic-height:200px}}.rpl-header-graphic--bottom{--local-graphic-min-width:148px;--local-graphic-max-width:152px;--local-graphic-min-height:48px;--local-graphic-max-height:60px;bottom:0;-webkit-clip-path:polygon(10% 50%,100% 0,100% 100%,0 100%);clip-path:polygon(10% 50%,100% 0,100% 100%,0 100%);display:none;max-height:var(--local-graphic-max-height);max-width:var(--local-graphic-max-width);min-height:var(--local-graphic-min-height);min-width:var(--local-graphic-min-width);right:0}@media (min-width:768px){.rpl-header-graphic--bottom{display:block}}@media (min-width:992px){.rpl-header-graphic--bottom{--local-graphic-min-width:224px;--local-graphic-max-width:232px;--local-graphic-min-height:76px;--local-graphic-max-height:96px}}@media (min-width:1200px){.rpl-header-graphic--bottom{--local-graphic-min-width:224px;--local-graphic-max-width:272px;--local-graphic-min-height:76px;--local-graphic-max-height:96px}}.rpl-header-graphic--pattern{background-image:var(--rpl-clr-gradient-horizontal)}.rpl-header-graphic--pattern svg{min-height:100%;mix-blend-mode:screen}.rpl-header-graphic--pattern.rpl-header-graphic--top{background-position:20% 0;background-size:140% 100%}.rpl-header-graphic--pattern.rpl-header-graphic--bottom{background-position:40% 0;background-size:120% 100%}.rpl-header-graphic__top{min-width:170%}.rpl-header-graphic__bottom{min-width:150%}@media (min-width:768px){.rpl-header--graphic-bottom[dir=rtl]{--local-padding-bottom:var(--rpl-sp-12)}}@media (min-width:992px){.rpl-header--graphic-bottom[dir=rtl]{--local-padding-bottom:var(--rpl-sp-14)}}.rpl-text-link{word-wrap:anywhere;background-color:transparent;color:var(--local-clr-link,var(--rpl-clr-link));cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}@media print{.rpl-text-link{color:var(--rpl-clr-link)}.rpl-text-link:after{content:" <" attr(href) "> "}}.rpl-text-link:visited{color:var(--local-clr-link-visited,var(--rpl-clr-link-visited))}.rpl-text-link:active{color:var(--local-clr-link-active,var(--rpl-clr-dark))}.rpl-text-link:active,.rpl-text-link:hover{-webkit-text-decoration:none;text-decoration:none}.rpl-alert{height:var(--local-container-height);transition:all var(--rpl-motion-speed-3) ease-out}.rpl-alert__inner{display:flex;flex:1;padding:var(--rpl-sp-5)}.rpl-alert__icon-info{margin-right:var(--rpl-sp-4)}.rpl-alert__btn-close{height:100%;margin-left:var(--rpl-sp-5)}.rpl-alert__message{color:var(--rpl-clr-type-light)}.rpl-alert__message-wrap{margin-top:var(--rpl-sp-1);width:100%}.rpl-alert__link{--local-clr-link:var(--rpl-clr-type-light);--local-clr-link-visited:var(--rpl-clr-type-light);color:var(--rpl-clr-type-light);display:inline-block;margin-top:var(--rpl-sp-3);transition:gap var(--rpl-motion-speed-3) ease-out}.rpl-alert__link .rpl-icon{margin-bottom:-.2em;margin-left:var(--rpl-sp-2);transform:translate(0);transition:transform var(--rpl-motion-speed-3) ease-out}.rpl-alert__link:active{-webkit-text-decoration:underline;text-decoration:underline}.rpl-alert__link:hover,.rpl-alert__link:visited{color:var(--rpl-clr-type-light)}.rpl-alert__link:active .rpl-icon,.rpl-alert__link:hover .rpl-icon{transform:translate(var(--rpl-sp-1))}.rpl-alert__link:active:focus-visible .rpl-icon,.rpl-alert__link:hover:focus-visible .rpl-icon{transform:translate(0)}.rpl-alert--information{background-color:var(--rpl-clr-neutral-700);color:var(--rpl-clr-type-light)}.rpl-alert--warning{background-color:var(--rpl-clr-warning);color:var(--rpl-clr-type-light)}.rpl-alert--error{background-color:var(--rpl-clr-error);color:var(--rpl-clr-type-light)}.rpl-alert--closed{height:0}.rpl-alert--closed .rpl-alert__inner{opacity:0}.rpl-alert-container{position:relative}.rpl-alert-container .rpl-alert{margin-bottom:1px}.rpl-alert-container .rpl-alert:last-child{margin-bottom:0}.rpl-primary-nav__nav-bar{align-items:center;display:flex;justify-content:space-between}.rpl-primary-nav__logos{align-items:center;display:flex;padding:var(--rpl-sp-2) var(--rpl-sp-6) var(--rpl-sp-2) var(--rpl-sp-4)}@media (min-width:576px){.rpl-primary-nav__logos{padding-left:var(--rpl-sp-5)}}@media print{.rpl-primary-nav__logos{padding-left:0;padding-top:var(--rpl-sp-5)}}.rpl-primary-nav__logos--has-secondary-logo .rpl-primary-nav__primary-logo-link{display:none}@media (min-width:576px){.rpl-primary-nav__logos--has-secondary-logo .rpl-primary-nav__primary-logo-link{display:block}}.rpl-primary-nav__primary-logo-image{fill:var(--rpl-clr-primary-logo,var(--rpl-clr-type-primary-contrast));display:block;height:16px;width:106px}@media print{.rpl-primary-nav__primary-logo-image{fill:var(--rpl-clr-type-default);height:30px;padding-bottom:var(--rpl-sp-1);padding-top:var(--rpl-sp-1);width:auto}}.rpl-primary-nav__logo-divider{border-left:solid var(--rpl-border-2) var(--rpl-clr-type-primary-contrast);display:none;height:var(--rpl-sp-6);margin:0 var(--rpl-sp-4)}@media (min-width:576px){.rpl-primary-nav__logo-divider{display:block}}@media print{.rpl-primary-nav__logo-divider{border-left-color:var(--rpl-clr-neutral-300)}}.rpl-primary-nav__secondary-logo-image{display:block;max-height:36px;max-width:126px}@media (min-width:768px){.rpl-primary-nav__secondary-logo-image{max-height:40px;max-width:140px}}.rpl-primary-nav__nav-bar-actions-list{display:flex}@media (min-width:576px){.rpl-primary-nav__nav-bar-actions-list{padding-right:calc(var(--rpl-sp-5) - 10px)}}@media print{.rpl-primary-nav__nav-bar-actions-list{visibility:hidden}}.rpl-primary-nav__nav-bar-actions-list a,.rpl-primary-nav__nav-bar-actions-list button{align-items:center;color:var(--rpl-clr-type-primary-contrast);display:flex;height:48px;max-width:172px;padding:var(--rpl-sp-2) var(--rpl-sp-4);text-align:center;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}@media (min-width:576px){.rpl-primary-nav__nav-bar-actions-list a,.rpl-primary-nav__nav-bar-actions-list button{height:52px;padding:var(--rpl-sp-2) 10px}}@media (min-width:768px){.rpl-primary-nav__nav-bar-actions-list a,.rpl-primary-nav__nav-bar-actions-list button{height:60px}}.rpl-primary-nav__nav-bar-actions-list a span,.rpl-primary-nav__nav-bar-actions-list button span{white-space:normal}.rpl-primary-nav__nav-bar-actions-list a.rpl-primary-nav__nav-bar-action--active,.rpl-primary-nav__nav-bar-actions-list a:hover,.rpl-primary-nav__nav-bar-actions-list button.rpl-primary-nav__nav-bar-action--active,.rpl-primary-nav__nav-bar-actions-list button:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:2px}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__nav-bar-mobile-menu-toggle-container{display:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__nav-bar-mobile-menu-toggle-container{display:none}}.rpl-primary-nav__nav-bar--search-active .rpl-primary-nav__nav-bar-mobile-menu-toggle-container{display:none}.rpl-primary-nav__nav-bar-mobile-menu-divider{border-left:solid var(--rpl-border-1) var(--rpl-clr-type-primary-contrast);height:var(--rpl-sp-4);margin:var(--rpl-sp-4) 0}@media (min-width:576px){.rpl-primary-nav__nav-bar-mobile-menu-divider{display:none}}.rpl-primary-nav__nav-bar--search-active .rpl-primary-nav__nav-bar-mobile-menu-divider,.rpl-primary-nav__nav-bar-item,.rpl-primary-nav__nav-bar-user-action{display:none}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__nav-bar-item,.rpl-primary-nav--collapse-until-l .rpl-primary-nav__nav-bar-user-action{display:block}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__nav-bar-item,.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__nav-bar-user-action{display:block}}.rpl-primary-nav__nav-bar--search-active .rpl-primary-nav__nav-bar-item,.rpl-primary-nav__nav-bar--search-active .rpl-primary-nav__nav-bar-user-action{display:none}.rpl-primary-nav__nav-bar-icon{display:inline-block;transform:translateY(1px);transition:transform var(--rpl-motion-speed-7) linear}.rpl-primary-nav__nav-bar-icon.rpl-primary-nav__nav-bar-icon--large{margin-top:-4px;transform:translateY(3px)}@media (min-width:576px){.rpl-primary-nav__nav-bar-icon.rpl-primary-nav__nav-bar-icon--search{margin-left:var(--rpl-sp-2)}}.rpl-primary-nav__nav-bar-action--active .rpl-primary-nav__nav-bar-icon{transform:rotate(180deg)}.rpl-primary-nav__nav-bar-icon span{display:block}.rpl-primary-nav__nav-bar-search-label{display:none}@media (min-width:576px){.rpl-primary-nav__nav-bar-search-label{display:inline}}.rpl-primary-nav .rpl-primary-nav__quick-exit--fixed{--local-quick-exit-offset:calc(var(--local-nav-bar-height) + var(--local-nav-bar-padding) + var(--rpl-sp-1));right:var(--local-nav-bar-padding);top:var(--local-quick-exit-offset);width:auto}.rpl-primary-nav .rpl-primary-nav__quick-exit--fixed,.rpl-primary-nav .rpl-primary-nav__quick-exit--fixed:focus-visible{position:absolute}.rpl-primary-nav--hidden .rpl-primary-nav__quick-exit--fixed{--local-quick-exit-offset:calc(var(--local-nav-bar-padding))}.rpl-primary-nav--fixed .rpl-primary-nav__quick-exit--fixed,.rpl-primary-nav--fixed .rpl-primary-nav__quick-exit--fixed:focus-visible,.rpl-primary-nav--hidden .rpl-primary-nav__quick-exit--fixed,.rpl-primary-nav--hidden .rpl-primary-nav__quick-exit--fixed:focus-visible{position:fixed}.rpl-primary-nav__mega-menu{max-height:calc(100% - var(--local-nav-bar-height) - var(--rpl-sp-8));overflow-y:auto;width:100%}@media (min-width:992px){.rpl-primary-nav__mega-menu{max-height:calc(100% - var(--local-nav-bar-height) - var(--rpl-sp-9))}}.rpl-primary-nav__mega-menu-quick-links{padding-left:var(--rpl-sp-4);padding-right:var(--rpl-sp-4);padding-top:var(--rpl-sp-4);text-align:right}.rpl-primary-nav__mega-menu-quick-links li{margin-bottom:var(--rpl-sp-4)}.rpl-primary-nav__mega-menu-quick-links li:last-of-type{margin-bottom:0}.rpl-primary-nav__mega-menu-quick-links a{color:#fff;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.rpl-primary-nav__mega-menu-quick-links a span{white-space:normal}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-user-action{display:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-user-action{display:none}}.rpl-primary-nav__mega-menu-grid-outer{padding:var(--rpl-sp-9) var(--rpl-sp-4) var(--rpl-sp-8)}@media (min-width:576px){.rpl-primary-nav__mega-menu-grid-outer{padding-left:var(--rpl-sp-5);padding-right:var(--rpl-sp-5)}}@media (min-width:992px){.rpl-primary-nav__mega-menu-grid-outer{padding:var(--rpl-sp-7) var(--rpl-sp-10) var(--rpl-sp-9)}}@media (min-width:1200px){.rpl-primary-nav__mega-menu-grid-outer{padding-left:0;padding-right:0}}.rpl-primary-nav__mega-menu-grid-outer--reduced{padding-top:var(--rpl-sp-6)}@media (min-width:992px){.rpl-primary-nav__mega-menu-grid-outer--reduced{padding-top:var(--rpl-sp-7)}}.rpl-primary-nav__mega-menu-grid-container{margin:0 auto;max-width:400px;overflow-x:hidden;width:100%}@media (min-width:992px){.rpl-primary-nav__mega-menu-grid-container{max-width:none}}@media (min-width:1200px){.rpl-primary-nav__mega-menu-grid-container{max-width:1056px}}@media (min-width:992px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-grid-container{max-width:400px}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-grid-container{max-width:1056px}}@media (min-width:992px){.rpl-primary-nav--collapse-always .rpl-primary-nav__mega-menu-grid-container{max-width:400px}}.rpl-primary-nav__mega-menu-grid{display:flex;transition:transform var(--rpl-motion-speed-9) ease;width:400%}@media (min-width:992px){.rpl-primary-nav__mega-menu-grid{row-gap:var(--rpl-sp-4)}.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-grid{display:grid;transition:none;width:100%}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-grid{display:grid;transition:none;width:100%}}.rpl-primary-nav__mega-menu--current-level-2 .rpl-primary-nav__mega-menu-grid{transform:translate(-25%)}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu--current-level-2 .rpl-primary-nav__mega-menu-grid{transform:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu--current-level-2 .rpl-primary-nav__mega-menu-grid{transform:none}}.rpl-primary-nav__mega-menu--current-level-3 .rpl-primary-nav__mega-menu-grid{transform:translate(-50%)}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu--current-level-3 .rpl-primary-nav__mega-menu-grid{transform:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu--current-level-3 .rpl-primary-nav__mega-menu-grid{transform:none}}.rpl-primary-nav__mega-menu--current-level-4 .rpl-primary-nav__mega-menu-grid{transform:translate(-75%)}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu--current-level-4 .rpl-primary-nav__mega-menu-grid{transform:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu--current-level-4 .rpl-primary-nav__mega-menu-grid{transform:none}}.rpl-primary-nav__mega-menu-grid>div{width:100%}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-column:first-of-type{grid-column-end:span 12}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-column:first-of-type{grid-column-end:span 3}}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-column{grid-column-end:span 4}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-column,.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-column{grid-column-end:span 3}}.rpl-primary-nav__mega-menu-back-button{align-items:flex-start;cursor:pointer;display:flex;margin-bottom:var(--rpl-sp-8);text-align:left}.rpl-primary-nav__mega-menu-back-button:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:2px}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-back-button{display:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-back-button{display:none}}.rpl-primary-nav__mega-menu-back-button .rpl-icon{margin-top:var(--rpl-sp-1)}.rpl-primary-nav__mega-menu-section-title{padding:0 var(--rpl-sp-2)}.rpl-primary-nav__mega-menu-section-title.rpl-primary-nav__mega-menu-section-title--mobile{margin-bottom:var(--rpl-sp-4)}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-section-title.rpl-primary-nav__mega-menu-section-title--mobile{display:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-section-title.rpl-primary-nav__mega-menu-section-title--mobile{display:none}}.rpl-primary-nav__mega-menu-section-title.rpl-primary-nav__mega-menu-section-title--desktop{display:none}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-section-title.rpl-primary-nav__mega-menu-section-title--desktop{display:block;grid-column-end:span 12}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-section-title.rpl-primary-nav__mega-menu-section-title--desktop{display:block;grid-column-end:span 3}}@media (min-width:992px){.rpl-primary-nav--collapse-until-l .rpl-primary-nav__mega-menu-list.rpl-primary-nav__mega-menu-list--level-1{display:none}}@media (min-width:1200px){.rpl-primary-nav--collapse-until-xl .rpl-primary-nav__mega-menu-list.rpl-primary-nav__mega-menu-list--level-1{display:none}}.rpl-primary-nav__mega-menu--current-level-1 .rpl-primary-nav__mega-menu-list.rpl-primary-nav__mega-menu-list--level-1,.rpl-primary-nav__mega-menu--current-level-2 .rpl-primary-nav__mega-menu-list.rpl-primary-nav__mega-menu-list--level-2,.rpl-primary-nav__mega-menu--current-level-3 .rpl-primary-nav__mega-menu-list.rpl-primary-nav__mega-menu-list--level-3,.rpl-primary-nav__mega-menu--current-level-4 .rpl-primary-nav__mega-menu-list.rpl-primary-nav__mega-menu-list--level-4{display:block}.rpl-primary-nav__mega-menu-action{color:var(--rpl-clr-type-primary-contrast);cursor:pointer;display:flex;justify-content:space-between;padding:var(--rpl-sp-3) var(--rpl-sp-2);position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;width:100%}.rpl-primary-nav__mega-menu-action:after{background-color:var(--rpl-clr-primary);bottom:0;content:"";display:block;height:var(--rpl-border-1);left:0;position:absolute;width:100%}.rpl-primary-nav__mega-menu-action:active,.rpl-primary-nav__mega-menu-action:hover{background-color:var(--rpl-clr-primary-alpha)}.rpl-primary-nav__mega-menu-action:active:after,.rpl-primary-nav__mega-menu-action:hover:after{display:none}.rpl-primary-nav__mega-menu-action.rpl-primary-nav__mega-menu-action--active:before,.rpl-primary-nav__mega-menu-action:active:before,.rpl-primary-nav__mega-menu-action:hover:before{background-color:var(--rpl-clr-primary-alt);border-top:var(--rpl-border-1) solid var(--rpl-clr-primary-alpha);content:"";display:block;height:var(--rpl-border-1);left:0;position:absolute;top:-1px;width:100%}.rpl-primary-nav__mega-menu-action.rpl-primary-nav__mega-menu-action--active{background-color:var(--rpl-clr-primary-alpha)}.rpl-primary-nav__mega-menu-action.rpl-primary-nav__mega-menu-action--active:active:after,.rpl-primary-nav__mega-menu-action.rpl-primary-nav__mega-menu-action--active:after,.rpl-primary-nav__mega-menu-action.rpl-primary-nav__mega-menu-action--active:hover:after{--local-divider-height:var(--rpl-border-2);background-color:var(--rpl-clr-type-primary-contrast);display:block;height:var(--local-divider-height)}.rpl-primary-nav__mega-menu-action.rpl-primary-nav__mega-menu-action--home{align-items:center;font-weight:var(--rpl-type-weight-bold);justify-content:flex-start}.rpl-primary-nav__mega-menu-action-text{transition:transform var(--rpl-motion-speed-2) ease-out}.rpl-primary-nav__mega-menu-action:hover .rpl-primary-nav__mega-menu-action-text{-webkit-text-decoration:underline;text-decoration:underline;transform:translate(var(--rpl-sp-3))}.rpl-primary-nav__mega-menu-action--home:hover .rpl-primary-nav__mega-menu-action-text{text-decoration-thickness:2px;transform:none}@media (min-width:992px){.rpl-primary-nav__mega-menu-action--active .rpl-primary-nav__mega-menu-action-text,.rpl-primary-nav__mega-menu-action:active .rpl-primary-nav__mega-menu-action-text{transform:translate(var(--rpl-sp-3))}}.rpl-primary-nav__mega-menu-action-icon{transform:translateY(2px)}.rpl-search-bar{--local-search-bar-border-width:var(--rpl-border-2);--local-search-bar-clr-bg:var(--rpl-clr-neutral-100);--local-search-bar-clr-bottom-bar:var(--rpl-clr-neutral-600);--local-search-bar-clr-border-active:var(--rpl-clr-dark);--local-search-bar-clr-submit:var(--rpl-clr-link);--local-search-bar-clr-input-text:var(--rpl-clr-type-default);--local-search-bar-clr-placeholder:var(--rpl-clr-neutral-600);--local-search-bar-suggestion-height:48px;--local-search-bar-suggestion-odd:transparent;--local-search-bar-suggestion-even:var(--rpl-clr-neutral-100)}@media (min-width:768px){.rpl-search-bar{--local-search-bar-suggestion-height:52px}}.rpl-search-bar__inner{position:relative}.rpl-search-bar--reverse{--local-search-bar-clr-bg:var(--rpl-clr-light);--local-search-bar-suggestion-odd:var(--rpl-clr-neutral-100);--local-search-bar-suggestion-even:transparent}.rpl-search-bar--menu{--local-search-bar-clr-bg:transparent;--local-search-bar-clr-bottom-bar:var(--rpl-clr-type-primary-contrast-alpha);--local-search-bar-clr-border-active:var(--rpl-clr-type-primary-contrast);--local-search-bar-clr-submit:var(--rpl-clr-type-primary-contrast);--local-search-bar-clr-input-text:var(--rpl-clr-type-primary-contrast);--local-search-bar-clr-placeholder:var( --rpl-clr-type-primary-contrast-alpha )}.rpl-search-bar__label{display:block;margin-bottom:var(--rpl-sp-4)}.rpl-search-bar__input,.rpl-search-bar__input-wrap{font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4)}@media (min-width:768px){.rpl-search-bar__input,.rpl-search-bar__input-wrap{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}}.rpl-search-bar--menu .rpl-search-bar__input,.rpl-search-bar--menu .rpl-search-bar__input-wrap{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}@media (min-width:992px){.rpl-search-bar--menu .rpl-search-bar__input,.rpl-search-bar--menu .rpl-search-bar__input-wrap{font-size:var(--rpl-type-size-4);letter-spacing:var(--rpl-type-ls-4);line-height:var(--rpl-type-lh-6)}}.rpl-search-bar__input{--local-border-inline-width:0px;-webkit-appearance:none;background:var(--local-search-bar-clr-bg);border-bottom-color:transparent;border-bottom:var(--local-search-bar-border-width) solid var(--local-search-bar-clr-bottom-bar);border-left-width:var(--local-search-bar-border-width);border-left:var(--local-border-inline-width) solid transparent;border-radius:0;border-right-width:var(--local-search-bar-border-width);border-right:var(--local-border-inline-width) solid transparent;border-top:var(--local-search-bar-border-width) solid transparent;padding:var(--rpl-sp-4) calc(var(--rpl-sp-3) - var(--local-border-inline-width));padding-right:calc(var(--rpl-sp-4) + 24px + var(--rpl-sp-3))}.rpl-search-bar--with-clear-btn .rpl-search-bar__input{padding-right:calc(var(--rpl-sp-4) + 40px + var(--rpl-sp-5) + var(--rpl-sp-3))}.rpl-search-bar__input{color:var(--local-search-bar-clr-input-text);width:100%}.rpl-search-bar__input::-moz-placeholder{color:var(--local-search-bar-clr-placeholder)}.rpl-search-bar__input::placeholder{color:var(--local-search-bar-clr-placeholder)}.rpl-search-bar__input::-webkit-search-cancel-button,.rpl-search-bar__input::-webkit-search-decoration,.rpl-search-bar__input::-webkit-search-results-button,.rpl-search-bar__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.rpl-search-bar__input:hover{border-bottom-color:var(--local-search-bar-clr-border-active)}.rpl-search-bar__input.rpl-u-focusable--force-on,.rpl-search-bar__input:focus{--local-border-inline-width:var(--local-search-bar-border-width);border-color:var(--local-search-bar-clr-border-active)}@media (min-width:768px){.rpl-search-bar__input{padding-left:calc(var(--rpl-sp-4) - var(--local-border-inline-width))}.rpl-search-bar--with-label .rpl-search-bar__input{padding-right:calc(var(--rpl-sp-4) + 94px + var(--rpl-sp-4) - var(--local-border-inline-width))}.rpl-search-bar--with-clear-btn .rpl-search-bar__input{padding-right:calc(var(--rpl-sp-4) + 40px + var(--rpl-sp-5) + var(--rpl-sp-4) - var(--local-border-inline-width))}.rpl-search-bar--with-label.rpl-search-bar--with-clear-btn .rpl-search-bar__input{padding-right:calc(var(--rpl-sp-4) + 110px + var(--rpl-sp-5) + var(--rpl-sp-4) - var(--local-border-inline-width))}}.rpl-search-bar__right{align-items:center;bottom:0;display:flex;gap:var(--rpl-sp-5);pointer-events:none;position:absolute;right:var(--rpl-sp-4);top:0}.rpl-search-bar-submit__label{display:none}@media (min-width:768px){.rpl-search-bar-submit__label{display:inline}}.rpl-search-bar-submit{align-items:center;color:var(--local-search-bar-clr-submit);display:flex;gap:var(--rpl-sp-3);pointer-events:auto}.rpl-search-bar-submit:hover .rpl-search-bar-submit__label{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--rpl-border-2)}.rpl-search-bar-submit__icon{display:flex}.rpl-search-bar__menu{background:var(--rpl-clr-light);border:var(--rpl-border-2) solid var(--rpl-clr-dark);margin-top:-2px;max-height:calc(var(--local-max-items)*var(--local-search-bar-suggestion-height) + var(--rpl-border-2) + var(--rpl-border-2));overflow-y:auto;position:absolute;scroll-behavior:auto;width:100%;z-index:var(--rpl-layer-2)}.rpl-search-bar__menu-option{align-items:center;background:var(--local-search-bar-suggestion-odd);display:flex;padding:var(--rpl-sp-3)}@media (min-width:768px){.rpl-search-bar__menu-option{padding-left:var(--rpl-sp-4);padding-right:var(--rpl-sp-4)}}.rpl-search-bar__menu-option:nth-child(2n){background:var(--local-search-bar-suggestion-even)}.rpl-search-bar__menu-option:active,.rpl-search-bar__menu-option:hover{background:var(--rpl-clr-neutral-300)}.rpl-search-bar__menu-noresults{align-items:center;display:flex;padding:var(--rpl-sp-3)}@media (min-width:768px){.rpl-search-bar__menu-noresults{padding-left:var(--rpl-sp-4);padding-right:var(--rpl-sp-4)}}.rpl-search-bar__clear{color:var(--rpl-clr-error);pointer-events:auto}.rpl-search-bar--menu .rpl-search-bar__clear{color:var(--rpl-clr-type-primary-contrast)}.rpl-primary-nav__search-form-quick-links{padding-left:var(--rpl-sp-4);padding-right:var(--rpl-sp-4);padding-top:var(--rpl-sp-4);text-align:right}.rpl-primary-nav__search-bar-wrapper{margin:0 auto;padding:var(--rpl-sp-10) var(--rpl-sp-6) var(--rpl-sp-5)}@media (min-width:576px){.rpl-primary-nav__search-bar-wrapper{padding-left:var(--rpl-sp-9);padding-right:var(--rpl-sp-9)}}@media (min-width:768px){.rpl-primary-nav__search-bar-wrapper{padding-left:var(--rpl-sp-11);padding-right:var(--rpl-sp-11);padding-top:var(--rpl-sp-13)}}@media (min-width:992px){.rpl-primary-nav__search-bar-wrapper{max-width:720px;padding-left:0;padding-right:0}}.rpl-primary-nav{--local-nav-bar-height:48px;--local-nav-bar-padding:var(--rpl-sp-3);height:calc(var(--local-nav-bar-height) + var(--local-nav-bar-padding));padding:var(--local-nav-bar-padding);position:relative;width:100%}@media (min-width:576px){.rpl-primary-nav{--local-nav-bar-height:52px}}@media (min-width:768px){.rpl-primary-nav{--local-nav-bar-height:60px;--local-nav-bar-padding:var(--rpl-sp-4)}}@media print{.rpl-primary-nav{--local-nav-bar-height:46px;border-bottom:var(--rpl-border-1) solid var(--rpl-clr-neutral-300);padding:0}}.rpl-primary-nav__inner{--local-nav-bar-height:48px;background-color:var(--rpl-clr-primary);border-radius:var(--rpl-border-radius-2);color:var(--rpl-clr-type-primary-contrast);height:var(--local-nav-bar-height);left:0;margin:var(--rpl-sp-3);overflow:hidden;position:absolute;top:0;width:calc(100% - var(--rpl-sp-3)*2);z-index:var(--rpl-layer-2)}@media (min-width:576px){.rpl-primary-nav__inner{--local-nav-bar-height:52px}}@media (min-width:768px){.rpl-primary-nav__inner{--local-nav-bar-height:60px;margin:var(--rpl-sp-4);width:calc(100% - var(--rpl-sp-4)*2)}}@media print{.rpl-primary-nav__inner{--local-nav-bar-height:auto;background-color:transparent;border-radius:0;margin:0}}.rpl-primary-nav--hidden .rpl-primary-nav__inner{display:none}.rpl-primary-nav--fixed .rpl-primary-nav__inner{position:fixed}@media print{.rpl-primary-nav--fixed .rpl-primary-nav__inner,.rpl-primary-nav--hidden .rpl-primary-nav__inner{display:block;position:absolute}}.rpl-primary-nav--expanded .rpl-primary-nav__inner{background-color:var(--rpl-clr-primary-alt);height:calc(var(--local-expanded-height) - var(--rpl-sp-3)*2);position:fixed;top:0;transition:height var(--rpl-motion-speed-7) ease-in,background-color var(--rpl-motion-speed-4) ease-in;transition-timing-function:ease-out}@media (min-width:768px){.rpl-primary-nav--expanded .rpl-primary-nav__inner{height:calc(var(--local-expanded-height) - var(--rpl-sp-4)*2)}}.rpl-breadcrumbs{--local-horizontal-offset:var(--rpl-sp-3);background-color:var(--rpl-clr-light);border:var(--rpl-border-1) solid var(--rpl-clr-neutral-200);border-radius:var(--rpl-border-radius-2);box-shadow:var(--rpl-elevation-1);display:inline-block;margin-left:var(--local-horizontal-offset);max-width:calc(100% - var(--local-horizontal-offset)*2);overflow:hidden;padding:calc(var(--rpl-sp-3) - var(--rpl-border-1)) calc(var(--rpl-sp-5) - var(--rpl-border-1));text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.rpl-breadcrumbs{--local-horizontal-offset:var(--rpl-sp-4);height:auto;overflow:visible;white-space:normal}}.rpl-breadcrumbs__items{display:inline}@media (min-width:768px){.rpl-breadcrumbs__items{display:block;margin:calc(0px - var(--rpl-sp-2)) 0 0 0}}.rpl-breadcrumbs__item{display:none}.rpl-breadcrumbs__item--parent{display:inline}.rpl-breadcrumbs__item--parent:before{content:"<";padding:0 var(--rpl-sp-2) 0 0}@media (min-width:768px){.rpl-breadcrumbs__item{display:inline;float:left;padding:var(--rpl-sp-2) 0 0 0}.rpl-breadcrumbs__item:before{display:none}.rpl-breadcrumbs__item:after{content:">";display:inline;padding:0 var(--rpl-sp-2)}.rpl-breadcrumbs__item:last-child:after{display:none}}.rpl-breadcrumbs__item-link{display:inline}.rpl-breadcrumbs__item-link,.rpl-breadcrumbs__item-link:visited{color:var(--rpl-clr-link)}.rpl-breadcrumbs__item-link:active{color:var(--rpl-clr-type-default)}.rpl-breadcrumbs--beside-exit{--local-width-spacer:124px;max-width:calc(100% - var(--local-horizontal-offset)*3 - var(--local-width-spacer))}.rpl-header{background-color:var(--rpl-clr-light);border-bottom:var(--rpl-border-1) solid var(--rpl-clr-neutral-300);color:var(--rpl-clr-type-default)}.rpl-header,.rpl-header .rpl-container{position:relative}.rpl-header .rpl-header__upper .rpl-icon{display:block}.rpl-header.rpl-header--behind-nav{--local-margin-top:-60px;margin-top:var(--local-margin-top)}@media (min-width:576px){.rpl-header.rpl-header--behind-nav{--local-margin-top:-64px}}@media (min-width:768px){.rpl-header.rpl-header--behind-nav{--local-margin-top:-76px}}@media print{.rpl-header.rpl-header--behind-nav{--local-margin-top:0}}.rpl-header.rpl-header--behind-nav.rpl-header--breadcrumbs{--local-margin-top:-116px}@media (min-width:576px){.rpl-header.rpl-header--behind-nav.rpl-header--breadcrumbs{--local-margin-top:-120px}}@media (min-width:768px){.rpl-header.rpl-header--behind-nav.rpl-header--breadcrumbs{--local-margin-top:-132px}}@media print{.rpl-header.rpl-header--behind-nav.rpl-header--breadcrumbs{--local-margin-top:0}.rpl-header .rpl-icon{display:none}}.rpl-header__icon-link{color:inherit}@media print{.rpl-header__icon-link{color:var(--rpl-clr-link)}}.rpl-header__icon-link span{white-space:normal}.rpl-header__icon-link .rpl-icon{margin-left:var(--rpl-sp-2);transition:transform ease-out var(--rpl-motion-speed-3)}.rpl-header__icon-link:hover .rpl-icon{transform:translate(var(--rpl-sp-1))}.rpl-header__icon-link:focus-visible .rpl-icon{color:inherit}.rpl-header__icon-link:active{-webkit-text-decoration:underline;text-decoration:underline}@media (min-width:992px){.rpl-header__text-large-fixed{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}}.rpl-header__behind{bottom:0;left:0;position:absolute;right:0;top:0}.rpl-header__behind .rpl-image{height:100%;width:100%}.rpl-header__logo{--local-logo-width:212px;--local-logo-height:56px;height:auto;margin-bottom:var(--rpl-sp-4);margin-top:var(--rpl-sp-1);max-height:var(--local-logo-height);max-width:var(--local-logo-width);width:auto}@media (min-width:992px){.rpl-header__logo{--local-logo-width:358px;--local-logo-height:92px;margin-bottom:var(--rpl-sp-5);margin-top:var(--rpl-sp-2)}}.rpl-header__title{display:inline;margin-bottom:0}.rpl-header__title:not(.rpl-type-h1-highlight){color:var(--rpl-clr-type-primary-accessible)}.rpl-header__content{margin-top:var(--rpl-sp-1)}@media (min-width:992px){.rpl-header__content{margin-top:var(--rpl-sp-2)}}.rpl-header__content p:last-of-type{margin-bottom:0}.rpl-header__lower{padding-top:var(--rpl-sp-6)}.rpl-header__aside{padding-top:var(--rpl-sp-2)}@media (min-width:768px){.rpl-header__aside{padding-top:0}}.rpl-header--neutral .rpl-type-h1-highlight{background-color:var(--rpl-clr-light);color:var(--rpl-clr-type-default)}.rpl-header--neutral .rpl-type-p-large-highlight{background-color:var(--rpl-clr-neutral-200)}.rpl-header--hero{--local-min-height:256px;--local-padding-top:var(--rpl-sp-14);--local-padding-bottom:var(--rpl-sp-9);min-height:var(--local-min-height);padding-bottom:var(--local-padding-bottom);padding-top:var(--local-padding-top)}@media (min-width:576px){.rpl-header--hero{--local-min-height:224px;--local-padding-top:136px}}@media (min-width:768px){.rpl-header--hero{--local-min-height:288px;--local-padding-top:160px;--local-padding-bottom:var(--rpl-sp-10)}}@media (min-width:992px){.rpl-header--hero{--local-min-height:384px;--local-padding-top:212px;--local-padding-bottom:var(--rpl-sp-13)}}@media print{.rpl-header--hero{--local-min-height:0;--local-padding-top:var(--rpl-sp-10);--local-padding-bottom:var(--rpl-sp-10)}}.rpl-header--hero.rpl-header--breadcrumbs{--local-padding-top:144px}@media (min-width:576px){.rpl-header--hero.rpl-header--breadcrumbs{--local-padding-top:160px}}@media (min-width:768px){.rpl-header--hero.rpl-header--breadcrumbs{--local-padding-top:172px}}@media (min-width:992px){.rpl-header--hero.rpl-header--breadcrumbs{--local-padding-top:228px}}@media print{.rpl-header--hero.rpl-header--breadcrumbs{--local-padding-top:var(--rpl-sp-10)}}@media (max-width:575px){.rpl-header--hero .rpl-header__content{margin-top:var(--rpl-sp-1)}}.rpl-header--hero .rpl-type-h1-highlight+.rpl-header__content{margin-top:var(--rpl-sp-3)}@media (min-width:992px){.rpl-header--hero .rpl-type-h1-highlight+.rpl-header__content{margin-top:var(--rpl-sp-5)}}@media (min-width:768px){.rpl-header--hero .rpl-header__aside{margin-bottom:var(--rpl-sp-1)}}.rpl-header--hero-tight{padding-bottom:0}@media (min-width:576px){.rpl-header--background{--local-padding-bottom:var(--rpl-sp-11)}}@media (min-width:768px){.rpl-header--background{--local-padding-bottom:var(--rpl-sp-12)}}@media (min-width:992px){.rpl-header--background{--local-padding-bottom:var(--rpl-sp-13)}}.rpl-header--intro{padding-bottom:var(--rpl-sp-8);padding-top:var(--rpl-sp-7)}@media (min-width:768px){.rpl-header--intro{padding-bottom:var(--rpl-sp-9);padding-top:var(--rpl-sp-8)}}@media (min-width:992px){.rpl-header--intro{padding-bottom:var(--rpl-sp-11);padding-top:var(--rpl-sp-10)}}.rpl-header--intro .rpl-header__title{color:var(--rpl-clr-type-default)}.rpl-header--intro .rpl-icon{color:var(--rpl-clr-link)}@media (min-width:992px){.rpl-header--intro .rpl-header__icon{margin-top:var(--rpl-sp-1)}}.rpl-header--intro .rpl-header__main{display:flex;flex-direction:column;gap:var(--rpl-sp-3)}@media (min-width:768px){.rpl-header--intro .rpl-header__main{flex-direction:row;gap:var(--rpl-sp-5)}}@media (min-width:992px){.rpl-header--intro .rpl-header__main{gap:var(--rpl-sp-6)}}.rpl-header--intro .rpl-header__content{margin-top:var(--rpl-sp-2)}@media (min-width:992px){.rpl-header--intro .rpl-header__content p{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}}.rpl-header--image-cta{background-color:var(--rpl-clr-primary-alt)}.rpl-header--image-cta .rpl-header-actions__secondary,.rpl-header--image-cta .rpl-header__content>:not(.rpl-type-p-large-highlight),.rpl-header--image-cta .rpl-header__title:not(.rpl-type-h1-highlight){color:var(--rpl-clr-type-primary-contrast)}.rpl-header--image-cta .rpl-header-actions__secondary{border-left-color:var(--rpl-clr-type-primary-contrast)}.rpl-header--image-cta .rpl-header-actions__secondary-link{color:inherit}.rpl-header--image-cta .rpl-header-actions__secondary-link .rpl-icon{color:var(--rpl-clr-type-primary-contrast)}.rpl-header--image-cta .rpl-header__behind{--local-image-width:100%;--local-image-offset:0;--local-image-columns:41.66667%;--local-image-margin-top:calc(var(--local-padding-top)*-1);--local-image-margin-bottom:var(--rpl-sp-6);margin-bottom:var(--local-image-margin-bottom);margin-top:var(--local-image-margin-top);position:relative;width:calc(var(--local-image-width) - var(--local-image-offset))}@media (min-width:768px){.rpl-header--image-cta .rpl-header__behind{--local-image-margin-top:0;--local-image-margin-bottom:0;--local-image-offset:var(--rpl-sp-2);--local-image-width:var(--local-image-columns);left:auto;position:absolute}}@media (min-width:992px){.rpl-header--image-cta .rpl-header__behind{--local-image-offset:var(--rpl-sp-1)}}@media (min-width:1200px){.rpl-header--image-cta .rpl-header__behind{--local-image-offset:103px;--local-image-width:50vw}}.rpl-header-links--link a{--local-clr-link:var(--rpl-clr-type-default);--local-clr-link-visited:var(--local-clr-link);color:var(--local-clr-link,var(--rpl-clr-link));display:inline;white-space:nowrap}@media print{.rpl-header-links--link a{--local-clr-link:var(--rpl-clr-link);white-space:normal}}.rpl-header-links--link .rpl-list__icon,.rpl-header-links--link .rpl-list__label{white-space:normal}.rpl-header-links--link .rpl-icon{color:var(--rpl-clr-link)}.rpl-header-links__title{margin-bottom:var(--rpl-sp-3)}@media (min-width:992px){.rpl-header-links__title{margin-bottom:var(--rpl-sp-4)}}.rpl-header-links--button .rpl-header-links__list{align-items:flex-start;display:flex;flex-direction:column}.rpl-header-links__item,.rpl-header-links__more{padding-right:var(--rpl-sp-6)}@media (min-width:992px){.rpl-header-links__item .rpl-icon--size-xs,.rpl-header-links__more .rpl-icon--size-xs{--rpl-icon-size:var(--rpl-sp-4)}}.rpl-header-links__item .rpl-list__link{margin-right:calc(var(--rpl-sp-6)*-1);padding-right:var(--rpl-sp-6)}.rpl-header-links__item .rpl-list__link .rpl-icon{--rpl-icon-size:var(--rpl-sp-3);margin-right:calc(var(--rpl-sp-4)*-1);padding-left:var(--rpl-sp-2);transition:transform ease-out var(--rpl-motion-speed-3)}@media (min-width:992px){.rpl-header-links__item .rpl-list__link .rpl-icon{--rpl-icon-size:var(--rpl-sp-4)}}.rpl-header-links__item .rpl-list__link:hover .rpl-icon{transform:translate(var(--rpl-sp-1))}.rpl-header-links__item .rpl-list__link:focus-visible .rpl-icon{color:inherit}.rpl-header-links__item .rpl-list__link:active{-webkit-text-decoration:underline;text-decoration:underline}.rpl-header-links__item+.rpl-header-links__item,.rpl-header-links__title+.rpl-header-links__item,.rpl-list__items+.rpl-header-links__more{margin-top:var(--rpl-sp-3)}@media (min-width:992px){.rpl-header-links__item+.rpl-header-links__item,.rpl-header-links__title+.rpl-header-links__item,.rpl-list__items+.rpl-header-links__more{margin-top:var(--rpl-sp-4)}}.rpl-header-actions{align-items:flex-start;display:flex;flex-direction:column;gap:var(--rpl-sp-5)}@media (min-width:992px){.rpl-header-actions{align-items:center;flex-direction:row}}.rpl-header-actions .rpl-icon{color:var(--rpl-clr-link)}.rpl-header-actions__secondary{border-left:var(--rpl-border-3) solid var(--rpl-clr-neutral-300);padding-left:var(--rpl-sp-3)}@media (min-width:992px){.rpl-header-actions__secondary{padding-left:var(--rpl-sp-4)}}.rpl-header-actions__secondary-link{align-items:center;display:inline-flex;font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4);white-space:nowrap}@media (min-width:992px){.rpl-header-actions__secondary-link{font-size:var(--rpl-type-size-3);letter-spacing:var(--rpl-type-ls-2);line-height:var(--rpl-type-lh-5)}}@media print{.rpl-header-actions__secondary-link{flex-wrap:wrap}}@media (min-width:992px){.rpl-header-actions__secondary-link .rpl-icon--size-xs{--rpl-icon-size:var(--rpl-sp-4)}}.rpl-header-actions__secondary-title+.rpl-header-actions__secondary-link{margin-top:var(--rpl-sp-1)}@media (min-width:992px){.rpl-header-actions__secondary-title+.rpl-header-actions__secondary-link{margin-top:var(--rpl-sp-2)}}.rpl-chip{--local-border-width:var(--rpl-border-2);--rpl-focusable-border-width:var(--local-border-width);background-color:transparent;border-color:var(--rpl-chip-border-clr);border-radius:var(--rpl-border-radius-full);border-style:solid;border-width:var(--local-border-width);color:var(--rpl-chip-type-clr);display:inline-block;padding:calc(var(--rpl-sp-2) - var(--local-border-width)) calc(var(--rpl-sp-3) - var(--local-border-width));-webkit-text-decoration:none;text-decoration:none}.rpl-chip--default{--rpl-chip-border-clr:var(--rpl-clr-primary);--rpl-chip-type-clr:var(--rpl-clr-type-primary-accessible)}.rpl-chip--default:active,.rpl-chip--default:hover{--rpl-chip-border-clr:var(--rpl-clr-primary-alt);--rpl-chip-type-clr:var(--rpl-clr-type-primary-alt-accessible)}.rpl-chip--reverse{--rpl-chip-border-clr:var(--rpl-clr-type-primary-contrast);--rpl-chip-type-clr:var(--rpl-clr-type-primary-contrast)}.rpl-chip:hover{-webkit-text-decoration:underline;text-decoration:underline}.rpl-chip:active{-webkit-text-decoration:none;text-decoration:none}.rpl-chip+.rpl-chip{margin-left:var(--rpl-sp-3)}.tide-topic-tags{display:flex;flex-wrap:wrap;gap:var(--rpl-sp-3);margin-top:var(--rpl-sp-6)}.tide-topic-tags .rpl-chip+.rpl-chip{margin-left:0}.rpl-expandable{overflow:hidden;transition:height var(--rpl-motion-speed-9) ease-out}@media print{.rpl-expandable{display:block!important;height:auto!important}}.rpl-expandable--start-expanded{height:auto;overflow:visible;overflow:initial}.rpl-form__input{--local-icon-spacing:var(--rpl-sp-4);--local-input-height:48px;font-size:var(--rpl-type-size-2);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-4);position:relative}.rpl-form__input--disabled .rpl-form__input-icon{color:var(--rpl-clr-neutral-300)}.rpl-form__input.rpl-form__input--centered input{padding-left:0;padding-right:0;text-align:center}.rpl-form__input-wrap{display:flex;flex-direction:row;width:100%}.rpl-form__input input{background:var(--rpl-clr-neutral-100);border:0;border:var(--rpl-border-1) solid var(--rpl-clr-neutral-600);border-radius:var(--rpl-border-radius-2);height:100%;outline:0;padding:var(--rpl-sp-3) var(--rpl-sp-4);width:100%}.rpl-form__input input:hover{border-color:var(--rpl-clr-dark)}.rpl-form__input input:focus{border-radius:0}.rpl-form__input input::-moz-placeholder{color:var(--rpl-clr-neutral-600)}.rpl-form__input input::placeholder{color:var(--rpl-clr-neutral-600)}.rpl-form__input input:disabled{border-color:var(--rpl-clr-neutral-200);color:var(--rpl-clr-neutral-300);cursor:not-allowed}.rpl-form__input input[type=date]{-webkit-appearance:none;color:inherit;min-height:var(--local-input-height)}.rpl-form__input input[type=date]::-webkit-date-and-time-value{text-align:left}.rpl-form__input--reverse input{background:var(--rpl-clr-light)}.rpl-form__input--invalid input{border:var(--rpl-border-1) solid var(--rpl-clr-error)}.rpl-form__input--invalid input:hover{border:var(--rpl-border-1) solid var(--rpl-clr-error-dark)}.rpl-form__input--with-prefix-icon input{padding-left:calc(var(--rpl-sp-4) + var(--local-icon-spacing) + var(--rpl-sp-2))}.rpl-form__input--with-suffix-icon input{padding-right:calc(var(--rpl-sp-4) + var(--local-icon-spacing) + var(--rpl-sp-2))}.rpl-form__input-icon{align-self:center;color:var(--rpl-clr-link);position:absolute}.rpl-form__input-icon__prefix{left:var(--local-icon-spacing)}.rpl-form__input-icon__suffix{right:var(--local-icon-spacing)}[dir=rtl] .rpl-form__input-icon__suffix{left:var(--local-icon-spacing);right:auto}[dir=rtl] .rpl-form__input--with-suffix-icon input{padding-left:calc(var(--rpl-sp-4) + var(--local-icon-spacing) + var(--rpl-sp-2));padding-right:0}.rpl-form__textarea{--local-textarea-height:120px;margin-bottom:var(--rpl-sp-2);position:relative;width:100%}.rpl-form__textarea textarea{background:var(--rpl-clr-neutral-100);border:var(--rpl-border-1) solid var(--rpl-clr-neutral-600);border-radius:var(--rpl-border-radius-2);height:var(--local-textarea-height);padding:var(--rpl-sp-3) var(--rpl-sp-5);resize:vertical;vertical-align:top;width:100%}@media (min-width:992px){.rpl-form__textarea textarea{--local-textarea-height:96px}}.rpl-form__textarea textarea:focus,.rpl-form__textarea textarea:hover{border-color:var(--rpl-clr-dark)}.rpl-form__textarea textarea:focus{border-radius:0}.rpl-form__textarea textarea::-moz-placeholder{color:var(--rpl-clr-neutral-600)}.rpl-form__textarea textarea::placeholder{color:var(--rpl-clr-neutral-600)}.rpl-form__textarea textarea:disabled{border-color:var(--rpl-clr-neutral-200);color:var(--rpl-clr-neutral-300);cursor:not-allowed;resize:none}.rpl-form__textarea-counter{color:var(--rpl-clr-neutral-600);display:block;margin-top:var(--rpl-sp-3)}.rpl-form__textarea--reverse textarea{background:var(--rpl-clr-light)}.rpl-form__textarea--invalid textarea{border-color:var(--rpl-clr-error)}.rpl-form__textarea--invalid textarea:hover{border-color:var(--rpl-clr-error-dark)}.rpl-form__textarea--invalid .rpl-form__textarea-counter{color:var(--rpl-clr-error)}.rpl-form-option{display:flex}.rpl-form-option--reverse .rpl-form-option__mark{background:var(--rpl-clr-light)}.rpl-form-option__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}.rpl-form-option__label{align-items:flex-start;cursor:pointer;display:flex}.rpl-form-option__label-text{margin-left:var(--rpl-sp-3);margin-top:1px}[dir=rtl] .rpl-form-option__label-text{margin-left:0;margin-right:var(--rpl-sp-3)}.rpl-form-option__mark{align-items:center;background:var(--rpl-clr-neutral-100);border:var(--rpl-border-1) solid var(--rpl-clr-neutral-600);display:flex;flex-shrink:0;height:var(--rpl-sp-6);justify-content:center;width:var(--rpl-sp-6)}.rpl-form-option__check{border-radius:var(--rpl-border-radius-1)}.rpl-form-option__radio{border-radius:50%}.rpl-form-option__radio-tick{background:currentColor;border-radius:50%;display:block;height:var(--rpl-sp-4);width:var(--rpl-sp-4)}.rpl-form-option__mark-tick{opacity:0}.rpl-form-option__input:hover+.rpl-form-option__label .rpl-form-option__mark{border-color:var(--rpl-clr-dark)}.rpl-form-option__input:checked+.rpl-form-option__label .rpl-form-option__mark-tick{opacity:1}.rpl-form-option__input:focus+.rpl-form-option__label .rpl-form-option__check{border-radius:0}.rpl-form-option__input:focus+.rpl-form-option__label .rpl-form-option__mark{box-shadow:0 0 0 var(--rpl-border-1) var(--rpl-clr-dark) inset,0 0 0 var(--rpl-border-3) var(--rpl-clr-focus)}.rpl-form-option__input:disabled+.rpl-form-option__label{color:var(--rpl-clr-neutral-300);cursor:not-allowed}.rpl-form-option__input:disabled+.rpl-form-option__label .rpl-form-option__mark{background:var(--rpl-clr-neutral-100);border:var(--rpl-border-1) solid var(--rpl-clr-neutral-200)}.rpl-form-option-group,.rpl-form-radio-group{display:flex;flex-direction:column;gap:var(--rpl-sp-5)}.rpl-form-radio-group--inline{flex-direction:row;gap:var(--rpl-sp-6)}.rpl-form-opt-buttons{color:var(--rpl-clr-type-default);display:flex;flex-wrap:wrap;gap:0;margin-left:var(--rpl-border-1);margin-top:var(--rpl-border-1)}.rpl-form-opt-buttons--squares .rpl-form-opt-buttons-option__label{width:calc(var(--rpl-sp-4)*3)}.rpl-form-opt-buttons-option{display:grid}.rpl-form-opt-buttons-option input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.rpl-form-opt-buttons-option__label{align-items:center;background:var(--rpl-clr-light);border:var(--rpl-border-1) solid var(--rpl-clr-neutral-600);cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;margin-left:calc(var(--rpl-border-1)*-1);margin-top:calc(var(--rpl-border-1)*-1);padding:calc(var(--rpl-sp-4) - var(--rpl-border-1)) var(--rpl-sp-4)}.rpl-form-opt-buttons-option__input:hover+.rpl-form-opt-buttons-option__label{border-color:var(--rpl-clr-dark);-webkit-text-decoration:underline;text-decoration:underline}.rpl-form-opt-buttons-option__input:checked+.rpl-form-opt-buttons-option__label{box-shadow:0 0 0 var(--rpl-border-1) var(--rpl-clr-dark) inset;font-weight:700;opacity:1}.rpl-form-opt-buttons-option__input:focus+.rpl-form-opt-buttons-option__label{border-radius:0;box-shadow:0 0 0 var(--rpl-border-1) var(--rpl-clr-dark) inset,0 0 0 var(--rpl-border-3) var(--rpl-clr-focus);z-index:var(--rpl-layer-1)}.rpl-form-opt-buttons-option__input:disabled+.rpl-form-opt-buttons-option__label{cursor:not-allowed;opacity:.2}.rpl-form-dropdown__multi-value-label-wrap{align-items:center;display:flex;width:100%}.rpl-form-dropdown__multi-value-label{flex-grow:1;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rpl-form-dropdown__more-label{display:block;flex-shrink:0;font-weight:700;text-align:right;white-space:nowrap}.rpl-form-dropdown{--local-item-height:48px;position:relative}.rpl-form-dropdown--reverse .rpl-form-dropdown-input{background:var(--rpl-clr-light)}.rpl-form-dropdown--reverse .rpl-form-dropdown-menu{background:var(--rpl-clr-neutral-100)}.rpl-form-dropdown--reverse .rpl-form-dropdown-option:nth-child(2n){background:var(--rpl-clr-light)}.rpl-form-dropdown--invalid .rpl-form-dropdown-input{border:var(--rpl-border-1) solid var(--rpl-clr-error)}.rpl-form-dropdown--invalid .rpl-form-dropdown-input:hover{border:var(--rpl-border-1) solid var(--rpl-clr-error-dark)}.rpl-form-dropdown-input{align-items:center;background:var(--rpl-clr-neutral-100);border:0;border:var(--rpl-border-1) solid var(--rpl-clr-neutral-600);border-radius:var(--rpl-border-radius-2);cursor:pointer;display:flex;height:100%;justify-content:space-between;max-height:var(--local-item-height);outline:0;padding:var(--rpl-sp-3) calc(var(--rpl-sp-2) + var(--rpl-sp-4) + var(--rpl-sp-5)) var(--rpl-sp-3) var(--rpl-sp-5);width:100%}.rpl-form-dropdown-input:focus,.rpl-form-dropdown-input:hover{border-color:var(--rpl-clr-dark)}.rpl-form-dropdown-input.rpl-u-focusable--force-on,.rpl-form-dropdown-input:focus{border-radius:0}.rpl-form-dropdown-input[aria-expanded=true] .rpl-form-dropdown__chevron{transform:rotate(-180deg)}.rpl-form-dropdown-input[aria-disabled=true]{border-color:var(--rpl-clr-neutral-200);color:var(--rpl-clr-neutral-300);pointer-events:none}.rpl-form-dropdown-input[aria-disabled=true] .rpl-form-dropdown-input__placeholder,.rpl-form-dropdown-input[aria-disabled=true] .rpl-form-dropdown__chevron{color:var(--rpl-clr-neutral-300)}.rpl-form-dropdown-input__placeholder{color:var(--rpl-clr-neutral-600)}.rpl-form-dropdown-input__placeholder,.rpl-form-dropdown-input__single-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpl-form-dropdown__chevron{color:var(--rpl-clr-link);margin-top:-8px;position:absolute;right:var(--rpl-sp-5);top:50%}.rpl-form-dropdown-menu{background:var(--rpl-clr-light);border:var(--rpl-border-2) solid var(--rpl-clr-dark);margin-top:-2px;max-height:calc(var(--local-max-items)*var(--local-item-height));overflow-y:auto;position:absolute;scroll-behavior:auto;width:100%;z-index:var(--rpl-layer-2)}.rpl-form-dropdown-menu:focus-within,.rpl-form-dropdown-menu:hover{border-color:var(--rpl-clr-dark)}.rpl-form-dropdown-option{align-items:flex-start;display:flex;padding:var(--rpl-sp-3) var(--rpl-sp-5)}.rpl-form-dropdown-option:nth-child(2n){background:var(--rpl-clr-neutral-100)}.rpl-form-dropdown-option:hover{background:var(--rpl-clr-neutral-300)}.rpl-form-dropdown-option:focus-visible .rpl-form-dropdown-option__check{border-color:var(--rpl-clr-dark)}.rpl-form-dropdown--reverse .rpl-form-dropdown-option:hover{background:var(--rpl-clr-neutral-300)}.rpl-form-dropdown-option__tick{display:block;flex-shrink:0;margin-right:var(--rpl-sp-2);transform:translateY(calc(var(--rpl-sp-1)/2));width:var(--rpl-sp-4)}.rpl-form-dropdown-option__check{align-items:center;background:var(--rpl-clr-neutral-100);border:var(--rpl-border-1) solid var(--rpl-clr-neutral-600);border-radius:var(--rpl-border-radius-1);color:var(--rpl-clr-dark);display:flex;flex-shrink:0;height:var(--rpl-sp-6);justify-content:center;margin-right:var(--rpl-sp-3);width:var(--rpl-sp-6)}.rpl-form-dropdown-option__check:focus,.rpl-form-dropdown-option__check:hover{border-color:var(--rpl-clr-dark)}[dir=rtl] .rpl-form-dropdown-input{padding-left:calc(var(--rpl-sp-2) + var(--rpl-sp-4) + var(--rpl-sp-5));padding-right:var(--rpl-sp-5)}[dir=rtl] .rpl-form-dropdown__chevron{left:var(--rpl-sp-5);right:auto}.rpl-form-date{grid-gap:var(--rpl-sp-3);display:grid;grid-template-columns:64px 64px 84px}.rpl-form-date__part-label{display:block;margin-bottom:var(--rpl-sp-2)}.rpl-form-validation-error{align-items:flex-start;color:var(--rpl-clr-error);display:flex;margin-bottom:var(--rpl-sp-4)}.rpl-form-validation-error .rpl-icon{margin-right:var(--rpl-sp-2);margin-top:var(--rpl-sp-1)}.rpl-form-help+.rpl-form-validation-error,.rpl-form-label+.rpl-form-validation-error{margin-top:calc(var(--rpl-sp-1)*-1)}.rpl-form-help{margin-bottom:var(--rpl-sp-4)}.rpl-form-help,.rpl-form-help li,.rpl-form-help p{font-size:var(--rpl-type-size-1);letter-spacing:var(--rpl-type-ls-1);line-height:var(--rpl-type-lh-3)}.rpl-form-label+.rpl-form-help{margin-top:calc(var(--rpl-sp-3)*-1)}.rpl-form-label{display:inline-block;margin-bottom:var(--rpl-sp-4);vertical-align:middle}.rpl-form-label__inner{margin-right:var(--rpl-sp-2)}.rpl-form-label__required{color:var(--rpl-clr-error);font-weight:var(--rpl-type-weight-regular);line-height:inherit}.rpl-form-fieldset{border:0;margin:0;padding:0}.rpl-form-fieldset legend{margin-bottom:var(--rpl-sp-8)}.rpl-form-divider{border:0;border-top:var(--rpl-border-1) solid var(--rpl-clr-neutral-300);margin-bottom:var(--rpl-sp-9);margin-top:var(--rpl-sp-9)}.rpl-form-actions{display:flex;flex-direction:column;gap:var(--rpl-sp-2)}@media (min-width:576px){.rpl-form-actions{flex-direction:row}}.rpl-form-actions{margin-top:var(--rpl-sp-6)}.rpl-form-actions__reset{-webkit-text-decoration:none;text-decoration:none}.rpl-form-actions__reset:hover{-webkit-text-decoration:underline;text-decoration:underline}.rpl-form-actions__reset:active{-webkit-text-decoration:none;text-decoration:none}.rpl-form-actions__reset .rpl-icon{color:var(--rpl-clr-error)}.rpl-form-actions__reset:focus-visible .rpl-icon{color:var(--rpl-clr-type-focus-contrast)}.rpl-form__input--type-number-alt .rpl-form__input-icon{color:var(--rpl-clr-type-default)}.rpl-form__input--type-number-alt input[type=number]{padding-left:4.75rem;padding-right:4.75rem;text-align:center}.rpl-form__input--type-number-alt input[type=number]::-webkit-inner-spin-button,.rpl-form__input--type-number-alt input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.rpl-form__input--type-number-alt .rpl-form__input-dec,.rpl-form__input--type-number-alt .rpl-form__input-inc{cursor:pointer;display:flex;height:4.75rem;width:4.75rem;z-index:1}.rpl-form__input--type-number-alt .rpl-form__input-dec:hover .rpl-icon,.rpl-form__input--type-number-alt .rpl-form__input-inc:hover .rpl-icon{color:var(--rpl-clr-primary)}.rpl-form__input--type-number-alt .rpl-form__input-inc{margin-left:-4.75rem}.rpl-form__input--type-number-alt .rpl-form__input-dec{margin-right:-4.75rem}.rpl-form-alert{border-left:var(--rpl-border-3) solid var(--rpl-clr-success);margin-bottom:var(--rpl-sp-4);outline:none;padding:var(--rpl-sp-5)}.rpl-form-alert__title{align-items:flex-start;display:flex;flex-direction:column}.rpl-form-alert__title .rpl-icon{margin-bottom:var(--rpl-sp-3)}@media (min-width:768px){.rpl-form-alert__title{align-items:center;flex-direction:row}.rpl-form-alert__title .rpl-icon{margin-bottom:0;margin-right:var(--rpl-sp-3)}}.rpl-form-alert__description,.rpl-form-alert__fields{--local-clr-link:var(--rpl-clr-type-default);--local-clr-link-visited:var(--rpl-clr-type-default);--local-clr-link-active:var(--rpl-clr-type-default);margin-top:var(--rpl-sp-4)}.rpl-form-alert__field{margin-bottom:var(--rpl-sp-3)}.rpl-form-alert__field:last-child{margin-bottom:0}.rpl-form-alert__field-link{display:inline}.rpl-form-alert--success{background:var(--rpl-clr-success-light);border-left-color:var(--rpl-clr-success)}.rpl-form-alert--success .rpl-form-alert__title{color:var(--rpl-clr-success)}.rpl-form-alert--error{background:var(--rpl-clr-error-light);border-left-color:var(--rpl-clr-error)}.rpl-form-alert--error .rpl-form-alert__title{color:var(--rpl-clr-error)}.rpl-form{display:block;max-width:var(--local-max-width,none);max-width:var(--local-max-width,initial)}.rpl-form [data-invalid=true]{border-left:var(--rpl-border-3) solid var(--rpl-clr-error);padding-left:var(--rpl-sp-3)}.rpl-form fieldset{min-width:auto}.rpl-form__submit-guard{border:0;margin:0;padding:0}.rpl-form__messages{display:none}.rpl-form__outer{margin-bottom:var(--rpl-sp-7)}@media (--rpl-bp-m){.rpl-form__outer{margin-bottom:var(--rpl-sp-8)}}.rpl-form__outer:last-child{margin-bottom:0}.rpl-form__fieldset{border:0;margin:0;padding:0}.rpl-form__input--unsupported{background:#ffe6cb;border:1px solid #000;font-size:14px;font-weight:700;padding:20px;text-align:center}.tide-webform-important-email{display:none!important;visibility:hidden!important}.tide-content-rating{border-top:var(--rpl-border-1) solid var(--rpl-clr-neutral-300);padding-top:var(--rpl-sp-6)}@media (--rpl-bp-m){.tide-content-rating__rating .rpl-form-label{float:left;margin:0;margin-right:var(--rpl-sp-6)}}.tide-content-rating__rating{margin-bottom:var(--rpl-sp-6)}.tide-content-rating__expanded{padding-bottom:var(--rpl-sp-6);padding-top:var(--rpl-sp-1)}@media (--rpl-bp-m){.tide-content-rating__expanded{padding-bottom:var(--rpl-sp-8);padding-top:var(--rpl-sp-2)}}.rpl-acknowledgement{--local-flag-height:4rem;align-items:flex-start;display:flex;flex-wrap:wrap}@media (min-width:768px){.rpl-acknowledgement{flex-wrap:nowrap}}.rpl-acknowledgement__flags{display:flex;flex-shrink:0}@media (min-width:768px){.rpl-acknowledgement__flags{margin:var(--rpl-sp-1) 0}}.rpl-acknowledgement__flag{border:1px solid var(--local-clr-flag-border,var(--rpl-clr-type-primary-contrast))}.rpl-acknowledgement .rpl-acknowledgement__flag{height:var(--local-flag-height)}.rpl-acknowledgement__flag+.rpl-acknowledgement__flag{margin-left:var(--rpl-sp-2)}.rpl-acknowledgement__message{margin-bottom:0;margin-top:var(--rpl-sp-3)}@media (min-width:768px){.rpl-acknowledgement__message{margin-left:var(--rpl-sp-4);margin-top:0}}.rpl-footer-nav-section{border-bottom:var(--rpl-border-1) solid var(--rpl-clr-footer-alt)}@media (min-width:992px){.rpl-footer-nav-section{-moz-column-break-inside:avoid;border-bottom:none;break-inside:avoid-column;display:table;width:100%}}.rpl-footer-nav-section__header{margin:0 calc(var(--rpl-sp-4)*-1)}@media (min-width:992px){.rpl-footer-nav-section__header{margin:0}}.rpl-footer-nav-section__header-inner{margin-bottom:-1px;margin-top:-1px;padding:calc(var(--rpl-sp-4) + 1px) var(--rpl-sp-4);text-align:inherit;width:100%}@media (min-width:992px){.rpl-footer-nav-section__header-inner{padding-left:0;padding-right:0}}.rpl-footer-nav-section__header-inner-button:hover{-webkit-text-decoration:underline;text-decoration:underline}.rpl-footer-nav-section__header-inner-button:active{-webkit-text-decoration:none;text-decoration:none}.rpl-footer-nav-section__title{align-items:flex-start;display:flex;justify-content:space-between}.rpl-footer-nav-section__expand-icon{margin-left:var(--rpl-sp-3);margin-top:var(--local-icon-vertical-spacing);transition:transform var(--rpl-motion-speed-7) linear}.rpl-footer-nav-section--expanded .rpl-footer-nav-section__expand-icon{transform:rotate(-180deg)}.rpl-footer--neutral{--rpl-clr-footer:var(--rpl-clr-neutral-200);--rpl-clr-footer-alt:var(--rpl-clr-neutral-300);--rpl-clr-type-footer-contrast:var(--rpl-clr-dark);--rpl-clr-type-footer-accessible:var(--rpl-clr-dark);--local-clr-flag-border:var(--rpl-clr-dark)}.rpl-footer{--local-clr-link:var(--rpl-clr-type-footer-contrast);--local-clr-link-visited:var(--rpl-clr-type-footer-contrast);--local-clr-link-active:var(--rpl-clr-type-footer-contrast);--local-icon-vertical-spacing:2px;background-color:var(--rpl-clr-footer);border-top:var(--rpl-border-2) solid var(--rpl-clr-type-footer-accessible);color:var(--rpl-clr-type-footer-contrast);padding-bottom:var(--rpl-sp-8);padding-top:calc(var(--rpl-sp-6) - var(--rpl-border-2))}@media (min-width:768px){.rpl-footer__nav{grid-gap:0 var(--rpl-sp-6);display:grid;grid-template-columns:1fr 1fr}}@media (min-width:992px){.rpl-footer__nav{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1200px){.rpl-footer__nav{grid-gap:0 var(--rpl-sp-8);grid-template-columns:1fr 1fr 1fr 1fr}}.rpl-footer__nav .rpl-list__link{align-items:flex-start;display:inline-flex}.rpl-footer__nav .rpl-list__link:active{-webkit-text-decoration:underline;text-decoration:underline}.rpl-footer__nav .rpl-list__icon{margin-right:var(--rpl-sp-2);margin-top:var(--local-icon-vertical-spacing)}.rpl-footer__nav .rpl-icon--colour-default{color:var(--rpl-clr-type-footer-contrast)}.rpl-footer__nav .rpl-u-focusable-inline:focus-visible .rpl-icon--colour-default{color:var(--rpl-clr-type-focus-contrast)}.rpl-footer__custom-content{border-bottom:var(--rpl-border-1) solid var(--rpl-clr-footer-alt);padding-bottom:var(--rpl-sp-4);padding-top:var(--rpl-sp-6)}.rpl-footer__custom-content-inner{margin-bottom:var(--rpl-sp-2)}.rpl-footer__credit{margin-top:var(--rpl-sp-6)}.rpl-footer-bottom{grid-gap:var(--rpl-sp-4);display:grid;padding-top:var(--rpl-sp-6)}@media (min-width:992px){.rpl-footer-bottom{display:flex;justify-content:space-between}}.rpl-footer-bottom__branding{align-items:center;-moz-column-gap:var(--rpl-sp-6);column-gap:var(--rpl-sp-6);display:flex;justify-content:flex-end}.rpl-footer-logo-link__img{display:block;max-height:48px;max-width:100%;-o-object-fit:contain;object-fit:contain}@media (min-width:576px){.rpl-footer-logo-link__img{max-width:120px}}.rpl-footer-vic-gov-logo{fill:var(--rpl-clr-type-footer-contrast);vertical-align:middle;width:74px}.rpl-footer-core-links{-moz-column-gap:var(--rpl-sp-5);column-gap:var(--rpl-sp-5);display:flex;flex-wrap:wrap;margin-bottom:var(--rpl-sp-2);row-gap:var(--rpl-sp-2)}.rpl-footer-core-links .rpl-text-link:active{-webkit-text-decoration:underline;text-decoration:underline}.rpl-back-to-top{pointer-events:none;position:relative}.rpl-back-to-top__inner{bottom:var(--rpl-sp-3);display:flex;justify-content:flex-end;left:0;opacity:0;position:absolute;right:0;transform:translateY(10px);transition:opacity var(--rpl-motion-speed-10) ease-in,transform var(--rpl-motion-speed-10) ease-in;z-index:var(--rpl-layer-1)}.rpl-back-to-top--visible .rpl-back-to-top__inner{opacity:1;transform:translateY(0);transition:opacity var(--rpl-motion-speed-8) ease-out,transform var(--rpl-motion-speed-8) ease-out}.rpl-back-to-top--sticky .rpl-back-to-top__inner{position:fixed}.rpl-back-to-top__button{margin-right:calc(var(--rpl-sp-2)*-1);pointer-events:all}@media (min-width:768px){.rpl-back-to-top__button{margin-right:calc(var(--rpl-sp-3)*-1)}}.rpl-skip-link{display:block;line-height:1;padding:var(--rpl-sp-4) var(--rpl-sp-5)}.rpl-skip-link:not(:focus){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.rpl-layout__body-wrap{padding-bottom:var(--rpl-sp-8);padding-top:var(--rpl-sp-8)}@media (min-width:768px){.rpl-layout__body-wrap{padding-bottom:var(--rpl-sp-10);padding-top:var(--rpl-sp-10)}}@media (min-width:992px){.rpl-layout__body-wrap{padding-bottom:var(--rpl-sp-12);padding-top:var(--rpl-sp-12)}}@media (min-width:1200px){.rpl-layout__body-wrap{padding-bottom:var(--rpl-sp-13);padding-top:var(--rpl-sp-13)}}@media print{.rpl-layout__body{display:block}}.rpl-layout__sidebar{padding-top:var(--rpl-sp-8)}@media (min-width:768px){.rpl-layout__sidebar{padding-top:0}}.rpl-layout--alt .rpl-layout__body-wrap{background-color:var(--rpl-clr-neutral-100)}@media (prefers-contrast:more){.rpl-layout--alt .rpl-layout__body-wrap{background-color:var(--rpl-clr-neutral-0)}}.rpl-layout__header{position:relative;z-index:var(--rpl-layer-4)}.rpl-layout__container{position:relative}.rpl-back-to-top button{bottom:0;position:sticky;right:0}.tide-error .rpl-layout__main{margin-top:var(--rpl-sp-6)}@media (--rpl-bp-l){.tide-error .rpl-layout__main{margin-bottom:var(--rpl-sp-1);margin-top:var(--rpl-sp-12)}}.tide-error-500{justify-content:center;margin:0 30px;min-height:100vh}
diff --git a/examples/webcomponents/public/rpl-icon-sprite.svg b/examples/webcomponents/public/rpl-icon-sprite.svg
new file mode 100644
index 0000000000..9e407a98ef
--- /dev/null
+++ b/examples/webcomponents/public/rpl-icon-sprite.svg
@@ -0,0 +1,281 @@
+<svg id="rpl-icon-sprite" aria-hidden="true" class="rpl-svg-sprite--hidden">
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-cancel"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="m14.1 12 9.4-9.4c.6-.6.6-1.5 0-2.1S22-.1 21.4.5L12 9.9 2.6.4C2-.1 1-.1.4.4s-.6 1.5 0 2.1L9.9 12 .5 21.4c-.6.6-.6 1.5 0 2.1.2.4.6.5 1 .5s.8-.1 1.1-.4l9.4-9.4 9.4 9.4c.3.3.7.4 1.1.4s.8-.1 1.1-.4c.6-.6.6-1.5 0-2.1L14.1 12z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-check-circle-filled"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm5.8 8.4-5.5 8.9c-.5.9-1.7 1-2.4.3l-3.3-3.3c-.6-.6-.6-1.6 0-2.2.6-.6 1.6-.6 2.2 0l1.9 1.9 4.5-7.2c.5-.7 1.4-1 2.2-.5.6.4.8 1.4.4 2.1z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-chevron-down"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M11.068 18.895.387 8.214a1.319 1.319 0 0 1 0-1.865l1.245-1.246A1.319 1.319 0 0 1 3.496 5.1L12 13.566 20.505 5.1a1.319 1.319 0 0 1 1.863.002l1.246 1.246c.515.515.515 1.35 0 1.865l-10.68 10.68a1.32 1.32 0 0 1-1.866 0Z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-chevron-left"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M5.104 11.066 15.785.386a1.319 1.319 0 0 1 1.866 0l1.245 1.245c.515.515.516 1.348.003 1.863L10.434 12l8.465 8.505a1.319 1.319 0 0 1-.003 1.863l-1.245 1.246a1.32 1.32 0 0 1-1.866 0L5.105 12.932a1.32 1.32 0 0 1 0-1.866Z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-chevron-right"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M18.896 12.931 8.216 23.614a1.319 1.319 0 0 1-1.866 0l-1.246-1.246a1.319 1.319 0 0 1-.002-1.863L13.567 12 5.102 3.495a1.319 1.319 0 0 1 .002-1.863L6.35.385a1.319 1.319 0 0 1 1.865 0l10.681 10.681a1.32 1.32 0 0 1 0 1.865Z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-chevron-up"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="m12.933 5.103 10.681 10.681c.515.515.515 1.35 0 1.865l-1.246 1.246a1.32 1.32 0 0 1-1.863.003L12 10.433l-8.504 8.465a1.32 1.32 0 0 1-1.864-.003L.387 17.65a1.319 1.319 0 0 1 0-1.866l10.68-10.68a1.32 1.32 0 0 1 1.866 0Z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-current-location"
+          viewBox="0 0 24 24"
+        >
+          <path d="m2 11 9 2 2 8.9L22 2z"></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-document-lined"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M15 0H4.2C3.5 0 3 .5 3 1.2v21.6c0 .7.5 1.2 1.2 1.2h15.6c.7 0 1.2-.5 1.2-1.2V6l-6-6zm0 3.4L17.6 6H15V3.4zm3.6 18.2H5.4V2.4h7.2v4.8c0 .7.5 1.2 1.2 1.2h4.8v13.2z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-document"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M13.5 6.4V0H4.1C3.5 0 3 .5 3 1.1v21.8c0 .6.5 1.1 1.1 1.1h15.8c.6 0 1.1-.5 1.1-1.1V7.5h-6.4c-.6 0-1.1-.5-1.1-1.1z"
+          ></path>
+          <path
+            d="M20.7 4.9 16.1.3c-.2-.2-.5-.3-.8-.3H15v6h6v-.3c0-.3-.1-.6-.3-.8z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-download"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21.2 20.1H2.8c-.7 0-1.3.6-1.3 1.3v1.3c0 .7.6 1.3 1.3 1.3h18.4c.7 0 1.3-.6 1.3-1.3v-1.3c0-.7-.6-1.3-1.3-1.3zm-9.9-1.5c.4.4 1.1.4 1.5 0l8.3-8.2c.7-.7.2-1.8-.8-1.8h-4.8V1.3c0-.7-.6-1.3-1.3-1.3H9.8c-.7 0-1.3.6-1.3 1.3v7.3H3.7c-1 0-1.5 1.2-.8 1.8l8.4 8.2z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-enlarge-square-filled"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21.4 0H2.6C1.2 0 0 1.2 0 2.6v18.9C0 22.8 1.2 24 2.6 24h18.9c1.4 0 2.6-1.2 2.6-2.6V2.6C24 1.2 22.8 0 21.4 0zm-10 20.1L4.7 20c-.3 0-.6-.3-.6-.6L4 12.6c0-.3.2-.6.6-.6h.8c.3 0 .6.3.6.6v4.1l3.5-3.5c.2-.2.6-.2.8 0l.6.6c.2.2.2.6 0 .8l-3.5 3.5h4.1c.3 0 .6.3.6.6v.8c-.1.3-.3.6-.7.6zm8.1-8h-.8c-.3 0-.6-.3-.6-.6V7.4l-3.5 3.5c-.2.2-.6.2-.8 0l-.6-.6c-.2-.3-.2-.6 0-.9l3.5-3.5h-4.1c-.3.1-.6-.2-.6-.5v-.8c0-.3.3-.6.6-.6l6.8.1c.3 0 .6.3.6.6l.1 6.8c0 .3-.3.6-.6.6z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-enlarge"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20.2 4.5c0-.3-.3-.6-.6-.6l-7-.1c-.3-.1-.6.2-.6.5v.8c0 .3.3.6.6.6h4.2l-3.6 3.6c-.2.2-.2.6 0 .9l.6.6c.2.2.6.2.9 0l3.6-3.6v4.2c0 .3.3.6.6.6h.8c.3 0 .6-.3.6-.6l-.1-6.9zm-8.8 13.7H7.2l3.6-3.6c.2-.2.2-.6 0-.9l-.6-.6c-.2-.1-.6-.1-.9.1l-3.6 3.6v-4.2c0-.3-.3-.6-.6-.6h-.8c-.3 0-.6.3-.6.6l.1 7c0 .3.3.6.6.6l7 .1c.3 0 .6-.3.6-.6v-.8c0-.4-.3-.7-.6-.7z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-exclamation-circle-filled"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 20c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm2-8c0 1.1-.9 2-2 2s-2-.9-2-2V6c0-1.1.9-2 2-2s2 .9 2 2v6z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-facebook"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M15.6 4h2.1V.2c-.3-.1-1.6-.2-3-.2-3 0-5.1 2-5.1 5.6V9H6.3v4.3h3.3V24h4.1V13.3h3.2l.5-4.3h-3.7V6.1c0-1.3.3-2.1 1.9-2.1z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-home"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M23.4 11.5 13 .5c-.6-.6-1.5-.6-2.1 0L.6 11.4c-.5.5-.8 1.6-.5 2.3.2.7.9.9 1.6.9l1.4.1v7.6c0 1 .6 1.7 1.5 1.7H9c.9 0 1.5-.7 1.5-1.7v-5.8h3v5.8c0 1 .6 1.7 1.5 1.7h4.5c.9 0 1.5-.7 1.5-1.7v-7.6h1.5c.7 0 1.2-.2 1.5-1 .2-.7-.1-1.7-.6-2.2z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-information-circle-filled"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm2.2 17.5c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2V11c0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2v6.5zM12 7.6c-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2 0 1.3-1 2.2-2.2 2.2z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-link-external-square-filled"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21.4 0H2.6C1.2 0 0 1.2 0 2.6v18.9C0 22.8 1.2 24 2.6 24h18.9c1.4 0 2.6-1.2 2.6-2.6V2.6C24 1.2 22.8 0 21.4 0zm-.8 10.7c0 1.1-1.4 1.7-2.2.9l-1.7-1.7L6.2 20.4c-.3.3-.7.3-.9 0l-1.7-1.7c-.3-.3-.3-.7 0-.9L14.1 7.3l-1.7-1.7c-.8-.8-.2-2.2.9-2.2h6c.7 0 1.3.6 1.3 1.3v6z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-linkedin"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M5.4 24h-5V8h5v16zM2.9 5.8C1.3 5.8 0 4.5 0 2.9S1.3 0 2.9 0s2.9 1.3 2.9 2.9-1.3 2.9-2.9 2.9zM19 24v-7.8c0-1.9 0-4.2-2.6-4.2s-3 2-3 4.1V24h-5V8h4.8v2.2h.1c.7-1.3 2.3-2.6 4.7-2.6 5 0 6 3.3 6 7.6V24h-5z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-mail"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M22.8 3H1.2C.5 3 0 3.5 0 4.2v15.6c0 .7.5 1.2 1.2 1.2h21.6c.7 0 1.2-.5 1.2-1.2V4.2c0-.7-.5-1.2-1.2-1.2zm-2.4 6L12 12.6 3.6 9V6.6l8.4 3.6 8.4-3.6V9z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-phone"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="m23.6 18.3-4-4c-.6-.6-1.6-.6-2.2 0l-3.5 3.5-7.7-7.7 3.5-3.5c.6-.6.6-1.6 0-2.2l-4-4c-.6-.6-1.6-.6-2.2 0L0 4c0 11 9 20 20 20l3.5-3.5c.6-.6.7-1.6.1-2.2z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-pin"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12 0C7 0 3 4.1 3 9c0 6.6 9 15 9 15s9-8.4 9-15c0-4.9-4-9-9-9zm0 12.4c-1.9 0-3.4-1.5-3.4-3.4s1.5-3.4 3.4-3.4 3.4 1.5 3.4 3.4-1.5 3.4-3.4 3.4z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-twitter"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M21.5 7.2v.6c0 6.4-4.9 13.8-14 13.8-2.8 0-5.4-.8-7.6-2.2.4 0 .8.1 1.2.1 2.3 0 4.4-.8 6.1-2.1-2.2 0-4-1.4-4.6-3.4.3 0 .6.1.9.1.4 0 .9-.1 1.3-.2C2.7 13.5 1 11.6 1 9.2c.7.4 1.4.6 2.2.6C1.9 8.9 1 7.4 1 5.7c0-.9.2-1.7.7-2.4 2.4 2.9 6.1 4.9 10.1 5.1-.1-.4-.1-.7-.1-1.1 0-2.7 2.2-4.8 4.9-4.8 1.4 0 2.7.6 3.6 1.5 1.1-.2 2.2-.6 3.1-1.2-.4 1.1-1.1 2.1-2.2 2.7 1-.1 1.9-.4 2.8-.7-.6.8-1.4 1.7-2.4 2.4z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-view"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12 4C6.5 4 1.9 7.4 0 12c1.9 4.7 6.5 8 12 8s10.1-3.3 12-8c-1.9-4.6-6.5-8-12-8zm0 13.7c-3 0-5.5-2.5-5.5-5.6C6.5 8.9 9 6.4 12 6.4s5.5 2.5 5.5 5.6c0 3.1-2.5 5.7-5.5 5.7z"
+          ></path>
+          <path
+            d="M12 8.6c-1.8 0-3.3 1.5-3.3 3.4s1.5 3.4 3.3 3.4 3.3-1.5 3.3-3.4-1.5-3.4-3.3-3.4z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-whatsapp"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.954 9.954 0 0 1-5.03-1.355L2.005 22l1.352-4.968A9.953 9.953 0 0 1 2.001 12c0-5.523 4.477-10 10-10ZM8.593 7.3l-.2.008a.961.961 0 0 0-.372.1 1.293 1.293 0 0 0-.294.228c-.12.113-.188.211-.261.306A2.73 2.73 0 0 0 6.9 9.62c.002.49.13.967.33 1.413.409.902 1.082 1.857 1.97 2.742.214.213.424.427.65.626a9.448 9.448 0 0 0 3.84 2.046l.568.087c.185.01.37-.004.556-.013a1.99 1.99 0 0 0 .833-.231 4.83 4.83 0 0 0 .383-.22s.043-.028.125-.09c.135-.1.218-.171.33-.288.083-.086.155-.187.21-.302.078-.163.156-.474.188-.733.024-.198.017-.306.014-.373-.004-.107-.093-.218-.19-.265l-.582-.261s-.87-.379-1.402-.621a.497.497 0 0 0-.176-.041.482.482 0 0 0-.378.127c-.005-.002-.072.055-.795.931a.35.35 0 0 1-.368.13 1.43 1.43 0 0 1-.191-.066c-.124-.052-.167-.072-.252-.108a6.025 6.025 0 0 1-1.575-1.003c-.126-.11-.243-.23-.363-.346a6.297 6.297 0 0 1-1.02-1.268l-.059-.095a.923.923 0 0 1-.102-.205c-.038-.147.061-.265.061-.265s.243-.266.356-.41c.11-.14.203-.276.263-.373.118-.19.155-.385.093-.536-.28-.684-.57-1.365-.868-2.041-.059-.134-.234-.23-.393-.249-.054-.006-.108-.012-.162-.016a3.385 3.385 0 0 0-.403.004l.201-.008Z"
+          ></path>
+        </symbol>
+      </defs>
+      <defs>
+        <symbol
+          xmlns="http://www.w3.org/2000/svg"
+          id="icon-x"
+          viewBox="0 0 32 32"
+        >
+          <path
+            d="M18.635 13.55 30.291 0h-2.763L17.406 11.765 9.323 0H0l12.224 17.79L0 32h2.763l10.688-12.425L21.988 32h9.323L18.635 13.55Zm-3.783 4.396-1.24-1.771L3.758 2.08H8l7.953 11.376 1.24 1.772L27.53 30.014h-4.242l-8.436-12.067Z"
+          ></path>
+        </symbol>
+      </defs>
+    </svg>
diff --git a/packages/ripple-ui-core/package.json b/packages/ripple-ui-core/package.json
index 812a5d38f6..7b38fdc49a 100644
--- a/packages/ripple-ui-core/package.json
+++ b/packages/ripple-ui-core/package.json
@@ -21,7 +21,8 @@
     "./webcomponents": "./dist/web-components/rpl-wc.es.js",
     "./style": "./dist/global.css",
     "./style/breakpoints": "./src/styles/_breakpoints.css",
-    "./style/components": "./dist/style.css"
+    "./style/components": "./dist/style.css",
+    "./components/*": "./src/components/*"
   },
   "scripts": {
     "build": "pnpm clean && pnpm build:types && pnpm build:tokens && pnpm build:utils && pnpm build:styles && pnpm build:lib && pnpm build:vue && pnpm build:wc",
diff --git a/packages/ripple-ui-core/src/components/button/RplButton.ce.vue b/packages/ripple-ui-core/src/components/button/RplButton.ce.vue
new file mode 100644
index 0000000000..9673adb13d
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/button/RplButton.ce.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { computed, ref, inject, Ref } from 'vue'
+import {
+  RplButtonElements,
+  RplButtonVariants,
+  RplButtonThemes,
+  RplButtonIconPositions
+} from './constants'
+import { RplIconNames } from '../icon/constants'
+import RplIcon from '../icon/RplIcon.vue'
+import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
+import RplSpinner from '../spinner/RplSpinner.vue'
+
+const featureFlags: IRplFeatureFlags = inject('featureFlags', {
+  buttonTheme: 'default'
+})
+
+interface Props {
+  el?: (typeof RplButtonElements)[number]
+  url?: string
+  variant?: (typeof RplButtonVariants)[number]
+  theme?: (typeof RplButtonThemes)[number]
+  iconName?: (typeof RplIconNames)[number]
+  iconPosition?: (typeof RplButtonIconPositions)[number]
+  label?: string
+  disabled?: boolean
+  busy?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  el: 'button',
+  url: '',
+  theme: undefined,
+  variant: 'filled',
+  iconName: undefined,
+  iconPosition: 'right',
+  label: undefined,
+  disabled: false,
+  busy: false
+})
+
+const buttonTheme = computed(() => {
+  if (props.theme) {
+    return props.theme
+  } else if (featureFlags && featureFlags.hasOwnProperty('buttonTheme')) {
+    return featureFlags['buttonTheme']
+  }
+  return 'default'
+})
+
+const classes = computed(() => {
+  return {
+    'rpl-button': true,
+    [`rpl-button--${props.variant}`]: true,
+    [`rpl-button--${buttonTheme.value}`]: true,
+    'rpl-u-focusable-block': true,
+    'rpl-button--reverse': props.iconPosition === 'left',
+    'rpl-button--busy': props.busy
+  }
+})
+
+const link: Ref = ref(null)
+
+defineExpose({ link })
+</script>
+
+<template>
+  <link rel="stylesheet" href="./rpl-global.css" />
+  <component
+    :is="el"
+    ref="link"
+    :href="isAnchor ? url : null"
+    type="button"
+    :class="classes"
+    :disabled="disabled"
+    :aria-busy="busy"
+  >
+    <span v-if="busy" class="rpl-button__spinner"> <RplSpinner /></span>
+    <span class="rpl-button__label rpl-type-label rpl-type-weight-bold">
+      <template v-if="label">
+        {{ label }}
+      </template>
+      <slot></slot>
+    </span>
+    <div class="rpl-button__icon">
+      <slot name="icon">
+        <RplIcon v-if="iconName" :name="iconName"></RplIcon>
+      </slot>
+    </div>
+  </component>
+</template>
+
+<style src="./RplButton.css" />
diff --git a/packages/ripple-ui-core/src/components/footer/RplFooter.ce.vue b/packages/ripple-ui-core/src/components/footer/RplFooter.ce.vue
new file mode 100644
index 0000000000..ff14e97616
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/footer/RplFooter.ce.vue
@@ -0,0 +1,255 @@
+<script setup lang="ts">
+import { useBreakpoints } from '@vueuse/core'
+import { computed, inject, onMounted, ref } from 'vue'
+import { bpMin } from '../../lib/breakpoints'
+import RplAcknowledgement from '../acknowledgement/RplAcknowledgement.vue'
+import RplTextLink from '../text-link/RplTextLink.vue'
+import VicGovLogo from './../../assets/logos/logo-victoria-state-government.svg?component'
+import {
+  ICoreLink,
+  ILogoLink,
+  INavSectionItem,
+  RplFooterVariants,
+  vicGovHomeLabel,
+  vicGovHomeUrl
+} from './constants'
+import RplNavSection from './RplNavSection.vue'
+import RplImage from '../image/RplImage.vue'
+import {
+  useRippleEvent,
+  rplEventPayload
+} from '../../composables/useRippleEvent'
+import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
+
+interface Props {
+  variant?: (typeof RplFooterVariants)[number]
+  nav?: INavSectionItem[]
+  links?: ICoreLink[]
+  logos?: ILogoLink[]
+  credit?: string
+  acknowledgement?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  nav: () => [],
+  links: () => [],
+  logos: () => [],
+  credit: undefined,
+  acknowledgement: undefined
+})
+
+const emit = defineEmits<{
+  (e: 'navigate', payload: rplEventPayload & { action: 'click' }): void
+}>()
+
+const { emitRplEvent } = useRippleEvent('rpl-footer', emit)
+
+const { disableFooterLogo }: IRplFeatureFlags = inject('featureFlags', {
+  disableFooterLogo: false
+})
+
+const isMounted = ref(false)
+
+onMounted(() => {
+  // We need to know if the component has mounted so that we can avoid SSR hydration mismatches.
+  // This is because the rendering of the footer nav is heavily tied to the current breakpoint, which
+  // is unknown when rendering on the server.
+  isMounted.value = true
+})
+
+const breakpoints = useBreakpoints(bpMin)
+
+const isExpandable = breakpoints.smaller('l')
+const isMediumScreen = breakpoints.between('m', 'l')
+const isLargeScreen = breakpoints.between('l', 'xl')
+const isXLargeScreen = breakpoints.greaterOrEqual('xl')
+
+const getColumnBreaks = (numItems: number, numColumns: number): number[] => {
+  // Get the number of items that can be evenly distributed across all columns
+  const base = Math.floor(numItems / numColumns)
+
+  // Get the number of left over items that couldn't be evenly distributed
+  const remainder = numItems % numColumns
+
+  // Figure out the number of items each column should have if all items
+  // are distributed as evenly as possible across the columns.
+  //
+  // For example, if you have 10 items and 4 columns (B=base, r=remainder):
+  // | B | B | B | B |
+  // | B | B | B | B |
+  // | r | r |   |   |
+  // Items per column = [3, 3, 2, 2]
+  //
+  // Or if you have 10 items and 3 columns (B=base, r=remainder):
+  // | B | B | B |
+  // | B | B | B |
+  // | B | B | B |
+  // | r |   |   |
+  // Items per column = [4, 3, 3]
+  const itemsPerColumn = Array(numColumns)
+    .fill(base)
+    .map((n, i) => (i < remainder ? n + 1 : n))
+
+  // Now figure out, based on the itemsPerColumn, the indexes of the first item in
+  // each column (i.e. the column breaks)
+  const columnBreaks = itemsPerColumn
+    .slice(0, itemsPerColumn.length - 1)
+    .reduce(
+      (results, n, i) => {
+        return [...results, results[i] + n]
+      },
+      [0]
+    )
+
+  return columnBreaks
+}
+
+// Split the nav section items into seperate arrays for each columns so that we can easily
+// render them into separate divs
+const columns = computed(() => {
+  let numColumns
+
+  if (isMediumScreen.value) {
+    numColumns = 2
+  } else if (isLargeScreen.value) {
+    numColumns = 3
+  } else if (isXLargeScreen.value) {
+    numColumns = 4
+  } else {
+    numColumns = 1
+  }
+
+  const columnBreaks = getColumnBreaks(props.nav.length, numColumns)
+
+  return columnBreaks.reduce((results, breakIndex, i) => {
+    if (i < columnBreaks.length - 1) {
+      return [...results, props.nav.slice(breakIndex, columnBreaks[i + 1])]
+    } else {
+      return [...results, props.nav.slice(breakIndex)]
+    }
+  }, [])
+})
+
+const handleClick = (link) => {
+  emitRplEvent(
+    'navigate',
+    {
+      action: 'click',
+      value: link.url,
+      text: link.text
+    },
+    { global: true }
+  )
+}
+</script>
+
+<template>
+  <link rel="stylesheet" href="./rpl-global.css" />
+  <footer
+    :class="`rpl-footer rpl-footer--${variant} rpl-u-screen-only`"
+    data-component-type="site-footer"
+  >
+    <div class="rpl-container">
+      <nav class="rpl-footer__nav" aria-label="Footer navigation">
+        <!-- Fallback rendering for SSR, this ensures that the server and client render the same thing initially -->
+        <template v-if="!isMounted">
+          <RplNavSection
+            v-for="(navSection, i) in nav"
+            :id="`rpl-footer-nav-${i}`"
+            :key="i"
+            :index="i"
+            :section="navSection"
+          />
+        </template>
+        <!-- Expandable nav items for small screens -->
+        <template v-else-if="columns.length <= 1">
+          <RplNavSection
+            v-for="(navSection, i) in nav"
+            :id="`rpl-footer-nav-${i}`"
+            :key="i"
+            :index="i"
+            :section="navSection"
+            :is-expandable="isExpandable"
+          />
+        </template>
+        <!-- Non-expandable nav with tricky column setup for larger screens -->
+        <template v-else>
+          <div v-for="(col, colIndex) in columns" :key="colIndex">
+            <RplNavSection
+              v-for="(navSection, i) in col"
+              :id="`rpl-footer-nav-${colIndex}${i}`"
+              :key="i"
+              :index="colIndex"
+              :section="navSection"
+              :is-expandable="isExpandable"
+            />
+          </div>
+        </template>
+      </nav>
+    </div>
+    <div class="rpl-footer__custom-content">
+      <div class="rpl-container">
+        <slot name="custom-content">
+          <div class="rpl-footer__custom-content-inner">
+            <RplAcknowledgement :message="acknowledgement" />
+          </div>
+        </slot>
+        <p v-if="credit" class="rpl-footer__credit rpl-type-label-small">
+          {{ credit }}
+        </p>
+      </div>
+    </div>
+    <div class="rpl-container">
+      <div class="rpl-footer-bottom">
+        <div class="rpl-footer-bottom__links">
+          <ul class="rpl-footer-core-links">
+            <li v-for="link in links" :key="link.url">
+              <RplTextLink
+                class="rpl-type-p-small"
+                :url="link.url"
+                @click="() => handleClick(link)"
+              >
+                {{ link.text }}
+              </RplTextLink>
+            </li>
+          </ul>
+          <div class="rpl-type-label-small">
+            <slot name="copyright">
+              <p>© Copyright State Government of Victoria</p>
+            </slot>
+          </div>
+        </div>
+        <div class="rpl-footer-bottom__branding">
+          <RplLink
+            v-for="(logoLink, index) in logos"
+            :key="index"
+            class="rpl-footer-logo-link rpl-u-focusable-outline rpl-u-focusable--alt-colour"
+            :url="logoLink.url"
+            @click="
+              () => handleClick({ url: logoLink.url, text: logoLink.alt })
+            "
+          >
+            <RplImage
+              class="rpl-footer-logo-link__img"
+              :src="logoLink.src"
+              :alt="logoLink.alt"
+            />
+          </RplLink>
+          <RplLink
+            v-if="!disableFooterLogo"
+            class="rpl-footer-logo-link rpl-u-focusable-outline rpl-u-focusable-outline--no-border rpl-u-focusable--alt-colour"
+            :url="vicGovHomeUrl"
+            @click="
+              () => handleClick({ url: vicGovHomeUrl, text: vicGovHomeLabel })
+            "
+          >
+            <span class="rpl-u-visually-hidden">{{ vicGovHomeLabel }}</span>
+          </RplLink>
+        </div>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<style src="./RplFooter.css" />
diff --git a/packages/ripple-ui-core/src/components/footer/RplFooterLink.ce.vue b/packages/ripple-ui-core/src/components/footer/RplFooterLink.ce.vue
new file mode 100644
index 0000000000..b4a22304d0
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/footer/RplFooterLink.ce.vue
@@ -0,0 +1,17 @@
+<template>
+  <li>
+    <a class="rpl-type-p-small" :href="url">
+      <slot></slot>
+    </a>
+  </li>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  url: string
+}
+
+withDefaults(defineProps<Props>(), {
+  url: '#'
+})
+</script>
diff --git a/packages/ripple-ui-core/src/components/footer/RplFooterNavSection.ce.vue b/packages/ripple-ui-core/src/components/footer/RplFooterNavSection.ce.vue
new file mode 100644
index 0000000000..ed2185dcb2
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/footer/RplFooterNavSection.ce.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import RplList from '../list/RplList.vue'
+import { INavSectionItem } from './constants'
+import RplIcon from '../icon/RplIcon.vue'
+import RplExpandable from '../expandable/RplExpandable.vue'
+import { computed, ref } from 'vue'
+import { useExpandable } from '../../composables/useExpandable'
+import {
+  useRippleEvent,
+  rplEventPayload
+} from '../../composables/useRippleEvent'
+import RplTextLink from '../text-link/RplTextLink.vue'
+
+interface Props {
+  id: string
+  section: INavSectionItem
+  isExpandable?: boolean
+  index?: number
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  isExpandable: false,
+  index: undefined
+})
+
+const emit = defineEmits<{
+  (e: 'expand', payload: rplEventPayload & { action: 'open' | 'close' }): void
+  (e: 'navigate', payload: rplEventPayload & { action: 'click' }): void
+}>()
+
+const { emitRplEvent } = useRippleEvent('rpl-footer', emit)
+
+const isExpanded = ref(false)
+
+const { toggleProps, triggerProps } = useExpandable(
+  `footer-nav-section-${props.id}`,
+  isExpanded
+)
+
+const items = computed(() => {
+  if (props.section.url && props.isExpandable) {
+    return [
+      {
+        text: props.section.text,
+        url: props.section.url
+      },
+      ...(props.section.items || [])
+    ]
+  } else {
+    return props.section.items || []
+  }
+})
+
+const singleLevel = computed(() => props.section?.single)
+const canExpand = computed(() => props.isExpandable && !singleLevel.value)
+
+const handleToggle = () => {
+  if (!canExpand.value) return
+
+  isExpanded.value = !isExpanded.value
+
+  emitRplEvent(
+    'expand',
+    {
+      id: toggleProps.value.id,
+      action: isExpanded.value ? 'open' : 'close',
+      text: props.section.text,
+      index: props?.index + 1
+    },
+    { global: true }
+  )
+}
+
+const handleClick = (event) => {
+  emitRplEvent(
+    'navigate',
+    {
+      ...event,
+      action: 'click',
+      label: props.section.text,
+      index: props?.index + 1
+    },
+    { global: true }
+  )
+}
+</script>
+
+<template>
+  <div
+    :class="{
+      'rpl-footer-nav-section': true,
+      'rpl-footer-nav-section--expanded': isExpanded
+    }"
+  >
+    <div
+      :class="{
+        'rpl-footer-nav-section__header': true
+      }"
+    >
+      <component
+        :is="canExpand ? 'button' : 'div'"
+        :class="{
+          'rpl-footer-nav-section__header-inner': true,
+          'rpl-footer-nav-section__header-inner-button': canExpand,
+          'rpl-u-focusable-block': canExpand
+        }"
+        v-bind="canExpand ? toggleProps : {}"
+        @click="handleToggle"
+      >
+        <h3
+          class="rpl-footer-nav-section__title rpl-type-label rpl-type-weight-bold"
+        >
+          <RplTextLink
+            v-if="!canExpand && section?.url"
+            :url="section.url"
+            class="rpl-list__link"
+            @click="
+              () => handleClick({ value: section.url, text: section?.text })
+            "
+          >
+            {{ section.text }}
+          </RplTextLink>
+          <template v-else>{{ section.text }}</template>
+          <RplIcon
+            v-if="canExpand"
+            role="presentation"
+            name="icon-chevron-down"
+            size="xs"
+            class="rpl-footer-nav-section__expand-icon"
+          />
+        </h3>
+      </component>
+    </div>
+
+    <component
+      :is="canExpand ? RplExpandable : 'div'"
+      v-if="!singleLevel"
+      :expanded="canExpand ? isExpanded : undefined"
+      v-bind="canExpand ? triggerProps : null"
+    >
+      <RplList
+        :items="items"
+        item-class="rpl-type-p-small rpl-u-margin-b-3"
+        :max-depth="0"
+        @item-click="handleClick"
+      />
+    </component>
+  </div>
+</template>
+
+<style src="./RplNavSection.css" />
diff --git a/packages/ripple-ui-core/src/components/header/RplHeroHeader.ce.vue b/packages/ripple-ui-core/src/components/header/RplHeroHeader.ce.vue
new file mode 100644
index 0000000000..5d0eaf361d
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/header/RplHeroHeader.ce.vue
@@ -0,0 +1,168 @@
+<script setup lang="ts">
+import { computed, useSlots } from 'vue'
+import RplHeader from './RplHeader.vue'
+import RplImage from '../image/RplImage.vue'
+import {
+  IRplHeaderLinkExtended,
+  IRplHeaderLinksList,
+  RplHeaderThemes
+} from './constants'
+import RplHeaderLinks from './RplHeaderLinks.vue'
+import RplHeaderGraphic from './RplHeaderGraphic.vue'
+import RplHeaderActions from './RplHeaderActions.vue'
+import { RplLink } from '../../lib/constants'
+import { IRplImageType } from '../image/constants'
+import useEmptySlotCheck from '../../composables/useEmptySlotCheck'
+import {
+  useRippleEvent,
+  rplEventPayload
+} from '../../composables/useRippleEvent'
+
+interface Props {
+  theme?: (typeof RplHeaderThemes)[number]
+  title: string
+  logo?: IRplImageType
+  background?: IRplImageType
+  cornerTop?: string | boolean
+  cornerBottom?: string | boolean
+  primaryAction?: RplLink
+  secondaryAction?: IRplHeaderLinkExtended
+  links?: IRplHeaderLinksList
+  breadcrumbs?: boolean
+  behindNav?: boolean
+  fullWidth?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  theme: 'default',
+  logo: undefined,
+  background: undefined,
+  cornerTop: true,
+  cornerBottom: true,
+  primaryAction: undefined,
+  secondaryAction: undefined,
+  links: undefined,
+  breadcrumbs: false,
+  behindNav: false,
+  fullWidth: false
+})
+
+const emit = defineEmits<{
+  (e: 'navigate', payload: rplEventPayload & { action: 'click' }): void
+}>()
+
+const highlight = computed(
+  () => props.theme === 'reverse' || props.theme === 'neutral'
+)
+
+const hasActions = computed(
+  () => !!(props.primaryAction || props.secondaryAction)
+)
+const imageCta = computed(() => !!props.background && hasActions.value)
+
+const classes = computed(() => ({
+  'rpl-header--hero': true,
+  [`rpl-header--${props.theme}`]: props.theme,
+  'rpl-header--behind-nav': props.behindNav,
+  'rpl-header--breadcrumbs': props.breadcrumbs,
+  'rpl-header--graphic-top': props.cornerTop,
+  'rpl-header--graphic-bottom': props.cornerBottom,
+  'rpl-header--background': props.background && !hasActions.value,
+  'rpl-header--image-cta': imageCta.value
+}))
+
+const titleClasses = computed(() => ({
+  'rpl-header__title': true,
+  'rpl-type-h1': !highlight.value,
+  'rpl-type-h1-highlight': highlight.value
+}))
+
+const contentClasses = computed(() => ({
+  'rpl-type-p-large': !highlight.value,
+  'rpl-type-p-large-highlight': highlight.value
+}))
+
+const backImageRatio = computed(() => {
+  return imageCta.value
+    ? { xs: 'full', s: 'ultrawide', m: 'wide' }
+    : { xs: 'wide', m: 'wide' }
+})
+
+const slots = useSlots()
+const defaultSlotIsEmpty = useEmptySlotCheck(slots.default)
+const { emitRplEvent, withOptions } = useRippleEvent('rpl-header', emit)
+
+const handleClick = (event) => {
+  emitRplEvent(
+    'navigate',
+    {
+      ...event,
+      label: props?.title,
+      theme: props?.theme,
+      options: withOptions(props, [
+        'background',
+        'primaryAction',
+        'secondaryAction',
+        'links'
+      ]),
+      type: 'hero'
+    },
+    { global: true }
+  )
+}
+</script>
+
+<template>
+  <link rel="stylesheet" href="./rpl-global.css" />
+  <RplHeader :class="classes" :full-width="fullWidth" :limit-content="imageCta">
+    <template v-if="background || cornerTop || cornerBottom" #behind>
+      <RplImage
+        v-if="background"
+        v-bind="background"
+        priority="high"
+        :aspect="backImageRatio"
+        sizes="xs:100vw"
+      />
+      <RplHeaderGraphic v-if="cornerTop" :image="cornerTop" placement="top" />
+      <RplHeaderGraphic
+        v-if="cornerBottom"
+        :image="cornerBottom"
+        placement="bottom"
+      />
+    </template>
+    <template v-if="logo" #upper>
+      <RplImage class="rpl-header__logo" v-bind="logo" />
+    </template>
+    <template #title>
+      <h1 :class="titleClasses" data-cy="hero-title">{{ title }}</h1>
+    </template>
+    <p
+      v-if="!defaultSlotIsEmpty"
+      :class="contentClasses"
+      data-cy="hero-summary"
+    >
+      <slot></slot>
+    </p>
+    <template v-if="hasActions" #lower>
+      <RplHeaderActions
+        :primary="primaryAction"
+        :secondary="secondaryAction"
+        :variant="imageCta ? 'white' : 'filled'"
+        @item-click="handleClick"
+      />
+    </template>
+    <template v-if="links?.items?.length && !background" #aside>
+      <RplHeaderLinks
+        :title="links?.title"
+        :items="
+          (links.items || []).map((item) => ({
+            ...item,
+            icon: item.icon || 'icon-arrow-right'
+          }))
+        "
+        :more-link="links.more"
+        @item-click="handleClick"
+      />
+    </template>
+  </RplHeader>
+</template>
diff --git a/packages/ripple-ui-core/src/components/icon/RplIcon.ce.vue b/packages/ripple-ui-core/src/components/icon/RplIcon.ce.vue
new file mode 100644
index 0000000000..06496ed9b1
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/icon/RplIcon.ce.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { ref, computed, inject, defineAsyncComponent } from 'vue'
+import { RplIconSizes, RplCoreIconNames } from './constants'
+import { RplColorThemes } from '../../lib/constants'
+import customIconImports from './custom.js'
+
+interface Props {
+  name?: string
+  colour?: (typeof RplColorThemes)[number]
+  size?: (typeof RplIconSizes)[number]
+  padded?: boolean
+  title?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  name: undefined,
+  colour: undefined,
+  size: 's',
+  padded: false,
+  title: undefined
+})
+
+const inSprite = ref(RplCoreIconNames.find((key) => key === props.name))
+const providedIcons = inject('rplIcons', {})
+
+const classes = computed(() => [
+  'rpl-icon',
+  `rpl-icon--size-${props.size}`,
+  props.name ? `rpl-icon--${props.name}` : null,
+  props.colour ? `rpl-icon--colour-${props.colour}` : null,
+  props.padded ? `rpl-icon--padded` : null
+])
+</script>
+
+<template>
+  <span :class="classes">
+    <svg v-if="name" :role="title ? undefined : 'presentation'">
+      <title v-if="title">{{ title }}</title>
+      <use :xlink:href="`#${name}`"></use>
+    </svg>
+    <slot v-else></slot>
+  </span>
+</template>
+
+<style>
+@import './RplIcon.css';
+</style>
diff --git a/packages/ripple-ui-core/src/components/icon/RplIcon.vue b/packages/ripple-ui-core/src/components/icon/RplIcon.vue
index 69ecb5c26d..892d333080 100644
--- a/packages/ripple-ui-core/src/components/icon/RplIcon.vue
+++ b/packages/ripple-ui-core/src/components/icon/RplIcon.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { ref, computed, inject, defineAsyncComponent } from 'vue'
-import { RplIconSizes, RplCoreIconNames } from './constants'
+import { computed } from 'vue'
+import { RplIconSizes } from './constants'
 import { RplColorThemes } from '../../lib/constants'
-import customIconImports from './custom.js'
 
 interface Props {
   name?: string
@@ -20,25 +19,6 @@ const props = withDefaults(defineProps<Props>(), {
   title: undefined
 })
 
-const inSprite = ref(RplCoreIconNames.find((key) => key === props.name))
-const providedIcons = inject('rplIcons', {})
-
-const asyncIcon = computed(() => {
-  if (!inSprite.value) {
-    try {
-      return defineAsyncComponent(
-        { ...customIconImports, ...providedIcons }[props.name]
-      )
-    } catch (e) {
-      console.error(
-        `RplIcon error: Couldn't dynamically import icon with name "${props.name}"`
-      )
-      return false
-    }
-  }
-  return false
-})
-
 const classes = computed(() => [
   'rpl-icon',
   `rpl-icon--size-${props.size}`,
@@ -50,10 +30,9 @@ const classes = computed(() => [
 
 <template>
   <span :class="classes">
-    <component :is="asyncIcon" v-if="name && !inSprite && asyncIcon" />
-    <svg v-else-if="name" :role="title ? undefined : 'presentation'">
+    <svg v-if="name" :role="title ? undefined : 'presentation'">
       <title v-if="title">{{ title }}</title>
-      <use :xlink:href="`#${name}`"></use>
+      <use :xlink:href="`rpl-icon-sprite.svg#${name}`"></use>
     </svg>
     <slot v-else></slot>
   </span>
diff --git a/packages/ripple-ui-core/src/components/layout/RplLayout.ce.vue b/packages/ripple-ui-core/src/components/layout/RplLayout.ce.vue
new file mode 100644
index 0000000000..494884d629
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/layout/RplLayout.ce.vue
@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import { useSlots } from 'vue'
+import RplLayoutBackToTop from './RplLayoutBackToTop.vue'
+import RplLayoutSkipLink from './RplLayoutSkipLink.vue'
+
+interface Props {
+  background?: 'default' | 'alt'
+  showBackToTop?: boolean
+  direction?: string
+  language?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  background: 'default',
+  showBackToTop: true,
+  direction: undefined,
+  language: undefined
+})
+
+const $slots = useSlots()
+
+const aboveBodyId = 'rpl-above-body'
+const belowBodyId = 'rpl-below-body'
+const mainId = 'rpl-main'
+const skipLinksId = 'rpl-skip-links'
+</script>
+
+<template>
+  <link rel="stylesheet" href="./rpl-global.css" />
+  <div>
+    <div :id="skipLinksId">
+      <RplLayoutSkipLink :targetId="$slots.aboveBody ? aboveBodyId : mainId"
+        >Skip to main content</RplLayoutSkipLink
+      >
+    </div>
+    <div :class="`rpl-layout rpl-layout--${background}`">
+      <slot name="above-header"></slot>
+      <div class="rpl-layout__container">
+        <header id="rpl-header" class="rpl-layout__header">
+          <slot name="primary-nav"></slot>
+          <div
+            v-if="hasBreadcrumbs"
+            id="rpl-below-header"
+            class="rpl-u-margin-t-1"
+          >
+            <slot name="breadcrumbs"></slot>
+          </div>
+        </header>
+        <section :id="aboveBodyId">
+          <slot name="above-body" :hasBreadcrumbs="hasBreadcrumbs"></slot>
+        </section>
+        <div class="rpl-layout__body-wrap">
+          <div class="rpl-container">
+            <div class="rpl-grid rpl-grid--no-row-gap rpl-layout__body">
+              <main
+                :id="mainId"
+                :class="{
+                  'rpl-col-12': true,
+                  'rpl-col-7-m': hasSidebar,
+                  [`${language}`]: language
+                }"
+                class="rpl-layout__main"
+                :dir="direction"
+              >
+                <slot name="body" :hasSidebar="hasSidebar"></slot>
+              </main>
+              <aside
+                v-if="hasSidebar"
+                id="rpl-sidebar"
+                class="rpl-layout__sidebar rpl-col-4-m rpl-col-start-9-m rpl-col-12"
+              >
+                <slot name="sidebar"></slot>
+              </aside>
+            </div>
+          </div>
+        </div>
+        <section v-if="$slots.belowBody" :id="belowBodyId">
+          <slot name="below-body"></slot>
+        </section>
+        <RplLayoutBackToTop v-if="showBackToTop" topElementId="skipLinksId" />
+        <slot name="footer"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style src="./RplLayout.css" />
diff --git a/packages/ripple-ui-core/src/components/page/RplPage.vue b/packages/ripple-ui-core/src/components/page/RplPage.vue
new file mode 100644
index 0000000000..34199ace8a
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/page/RplPage.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="rpl-page">
+    <slot></slot>
+  </div>
+</template>
+<script setup lang="ts">
+import { provide } from 'vue'
+import { rplEventBus } from '@dpc-sdp/ripple-ui-core'
+
+provide('$rplEvent', rplEventBus)
+
+window.$rplEvent = rplEventBus
+window.$rplFeatureFlags = window.$rplFeatureFlags || {}
+provide('featureFlags', window.$rplFeatureFlags)
+</script>
diff --git a/packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.ce.vue b/packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.ce.vue
new file mode 100644
index 0000000000..007266e641
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/primary-nav/RplPrimaryNav.ce.vue
@@ -0,0 +1,313 @@
+<script setup lang="ts">
+import {
+  ref,
+  computed,
+  watch,
+  onMounted,
+  onUnmounted,
+  useSlots,
+  provide
+} from 'vue'
+import type { Ref } from 'vue'
+import { useBreakpoints, useElementBounding } from '@vueuse/core'
+import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
+import RplPrimaryNavBar from './components/nav-bar/RplPrimaryNavBar.vue'
+import RplPrimaryNavMegaMenu from './components/mega-menu/RplPrimaryNavMegaMenu.vue'
+import RplPrimaryNavSearchForm from './components/search-form/RplPrimaryNavSearchForm.vue'
+import { bpMin } from '../../lib/breakpoints'
+import {
+  IRplPrimaryNavLogo,
+  IRplPrimaryNavItem,
+  IRplPrimaryNavActiveItems,
+  IRplPrimaryNavFocusOptions
+} from './constants'
+import RplPrimaryNavQuickExit from './components/quick-exit/RplPrimaryNavQuickExit.vue'
+import {
+  useRippleEvent,
+  rplEventPayload
+} from '../../composables/useRippleEvent'
+import { useViewportHeight } from '../../composables/useViewportHeight'
+
+interface Props {
+  primaryLogo: IRplPrimaryNavLogo
+  secondaryLogo?: IRplPrimaryNavLogo
+  items: IRplPrimaryNavItem[]
+  showSearch?: boolean
+  searchUrl?: string
+  showQuickExit?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  secondaryLogo: undefined,
+  showSearch: true,
+  searchUrl: '/search',
+  showQuickExit: true
+})
+
+const emit = defineEmits<{
+  (e: 'toggleMenu', payload: rplEventPayload & { action: 'open' | 'close' })
+  (e: 'toggleSearch', payload: rplEventPayload & { action: 'open' | 'close' })
+}>()
+
+const slots = useSlots()
+const { emitRplEvent } = useRippleEvent('rpl-primary-nav', emit)
+
+const navContainer = ref()
+const { activate: activateFocusTrap, deactivate: deactivateFocusTrap } =
+  useFocusTrap(navContainer)
+const { top: navOffest } = useElementBounding(navContainer)
+const bp = useBreakpoints(bpMin)
+const height = useViewportHeight()
+
+const isLargeScreen = bp.greaterOrEqual('l')
+const isXLargeScreen = bp.greaterOrEqual('xl')
+
+const focus: Ref<string> = ref('')
+const isHidden: Ref<boolean> = ref(false)
+const isFixed: Ref<boolean> = ref(false)
+const scrollPosition: Ref<number> = ref(0)
+const isMegaNavActive: Ref<boolean> = ref(false)
+const isSearchActive: Ref<boolean> = ref(false)
+const activeNavItems: Ref<IRplPrimaryNavActiveItems> = ref({
+  level1: undefined,
+  level2: undefined,
+  level3: undefined
+})
+
+const handleScroll = () => {
+  const newPosition = window.scrollY
+  const scrollingDown = newPosition > scrollPosition.value
+  const beyondNav = navOffest.value < 0
+
+  scrollPosition.value = newPosition
+  isHidden.value = scrollingDown && beyondNav
+  isFixed.value = !scrollingDown && beyondNav
+}
+
+const handleEscapeKey = (event) => {
+  if (event.key === 'Escape' && isExpanded) {
+    isMegaNavActive.value = false
+    isSearchActive.value = false
+  }
+}
+
+onMounted(() => {
+  // Run handleScroll when mounted in case an anchor link was used
+  handleScroll()
+
+  window.addEventListener('scroll', handleScroll)
+
+  window.addEventListener('keydown', handleEscapeKey, false)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('scroll', handleScroll)
+
+  window.removeEventListener('keydown', handleEscapeKey, false)
+
+  document.body.classList.remove('rpl-u-viewport-locked')
+  deactivateFocusTrap()
+})
+
+const toggleNavItem = (
+  level: 1 | 2 | 3,
+  item: IRplPrimaryNavItem,
+  open: boolean
+) => {
+  // Item needs to be made active
+  if (activeNavItems.value['level' + level]?.id !== item?.id) {
+    activeNavItems.value['level' + level] = item
+  }
+
+  // Item needs to be made inactive
+  else {
+    activeNavItems.value['level' + level] = undefined
+  }
+
+  if (level == 1) {
+    const keepNavOpen = open || (navCollapse.value.collapsed && level === 1)
+
+    // Make search inactive
+    isSearchActive.value = false
+
+    // If the target item is now active, make sure the mega nav is also active
+    isMegaNavActive.value =
+      keepNavOpen || activeNavItems.value.level1?.id == item.id
+
+    // Clear any active sub menus
+    activeNavItems.value.level2 = undefined
+    activeNavItems.value.level3 = undefined
+  } else if (level == 2) {
+    activeNavItems.value.level3 = undefined
+  }
+}
+
+const toggleMobileMenu = (text) => {
+  // Make search inactive
+  isSearchActive.value = false
+
+  // Toggle mega nav
+  isMegaNavActive.value = !isMegaNavActive.value
+
+  emitRplEvent(
+    'toggleMenu',
+    {
+      text,
+      action: isMegaNavActive.value ? 'open' : 'close'
+    },
+    { global: true }
+  )
+}
+
+const toggleSearch = () => {
+  // Make mega nav inactive
+  isMegaNavActive.value = false
+
+  // Toggle search
+  isSearchActive.value = !isSearchActive.value
+
+  emitRplEvent(
+    'toggleSearch',
+    {
+      action: isSearchActive.value ? 'open' : 'close'
+    },
+    { global: true }
+  )
+}
+
+const isExpanded = computed(() => {
+  return isMegaNavActive.value || isSearchActive.value
+})
+
+watch(isMegaNavActive, (newValue) => {
+  // If mega nav closes, toggle off any currently active menu items
+  if (!newValue) {
+    activeNavItems.value = {
+      level1: undefined,
+      level2: undefined,
+      level3: undefined
+    }
+  }
+})
+
+watch(isExpanded, (newValue) => {
+  // If running in a browser and isExpanded changes toggle viewport locked class
+  // and focus trap
+  if (typeof window !== 'undefined') {
+    if (newValue) {
+      document.body.classList.add('rpl-u-viewport-locked')
+      activateFocusTrap()
+    } else {
+      document.body.classList.remove('rpl-u-viewport-locked')
+      deactivateFocusTrap()
+    }
+  }
+})
+
+// Determine when the collapsed version of the nav bar appears
+// supplementary elements are counted in nav bar total, i.e. search, userActions and secondaryLogo
+const navCollapse = computed(() => {
+  let collapsed = true
+  let breakpoint = 'default'
+  let count = props?.items?.length || 0
+
+  if (props.showSearch) count++
+  if (slots.userAction) count++
+  if (props.secondaryLogo) count++
+
+  if (count <= 6) {
+    breakpoint = 'l'
+    collapsed = !isLargeScreen.value
+  } else if (count === 7) {
+    breakpoint = 'xl'
+    collapsed = !isXLargeScreen.value
+  } else if (count > 7) {
+    breakpoint = 'always'
+  }
+
+  return { breakpoint, collapsed }
+})
+
+const classList = computed(() => {
+  const classes = ['rpl-primary-nav']
+
+  if (isHidden.value) {
+    classes.push('rpl-primary-nav--hidden')
+  }
+
+  if (isFixed.value) {
+    classes.push('rpl-primary-nav--fixed')
+  }
+
+  if (isExpanded.value) {
+    classes.push('rpl-primary-nav--expanded')
+  }
+
+  classes.push(
+    `rpl-primary-nav--collapse-until-${navCollapse.value.breakpoint}`
+  )
+
+  return classes.join(' ')
+})
+
+const navFocus: IRplPrimaryNavFocusOptions = {
+  focus,
+  setFocus: (target: string) => (focus.value = target),
+  navCollapsed: navCollapse.value.collapsed,
+  hasQuickExit: props.showQuickExit,
+  hasUserActions: Boolean(slots.userAction)
+}
+provide('navFocus', navFocus)
+</script>
+
+<template>
+  <link rel="stylesheet" href="./rpl-global.css" />
+  <nav ref="navContainer" :class="classList" aria-label="Primary navigation">
+    <div
+      class="rpl-primary-nav__inner"
+      :style="`--local-expanded-height: ${height}px`"
+    >
+      <!-- Nav bar -->
+      <RplPrimaryNavBar
+        :primary-logo="primaryLogo"
+        :secondary-logo="secondaryLogo"
+        :items="items"
+        :show-search="showSearch"
+        :show-quick-exit="showQuickExit"
+        :is-mega-nav-active="isMegaNavActive"
+        :is-search-active="isSearchActive"
+        :active-nav-items="activeNavItems"
+        :toggle-mobile-menu="toggleMobileMenu"
+        :toggle-item="toggleNavItem"
+        :toggle-search="toggleSearch"
+      >
+        <template v-if="$slots.userAction" #userAction>
+          <slot name="userAction"></slot>
+        </template>
+      </RplPrimaryNavBar>
+
+      <!-- Mega menu -->
+      <RplPrimaryNavMegaMenu
+        v-if="isMegaNavActive"
+        :items="items"
+        :show-quick-exit="showQuickExit"
+        :active-nav-items="activeNavItems"
+        :toggle-item="toggleNavItem"
+      >
+        <template #userAction>
+          <slot name="userAction"></slot>
+        </template>
+      </RplPrimaryNavMegaMenu>
+
+      <!-- Search form -->
+      <RplPrimaryNavSearchForm
+        v-if="isSearchActive"
+        :show-quick-exit="showQuickExit"
+        :search-url="searchUrl"
+      />
+    </div>
+    <RplPrimaryNavQuickExit v-if="showQuickExit" variant="fixed" />
+  </nav>
+</template>
+
+<style src="./RplPrimaryNav.css" />
diff --git a/packages/ripple-ui-core/src/components/primary-nav/components/nav-bar/RplPrimaryNavBar.ce.vue b/packages/ripple-ui-core/src/components/primary-nav/components/nav-bar/RplPrimaryNavBar.ce.vue
new file mode 100644
index 0000000000..605df44949
--- /dev/null
+++ b/packages/ripple-ui-core/src/components/primary-nav/components/nav-bar/RplPrimaryNavBar.ce.vue
@@ -0,0 +1,213 @@
+<script setup lang="ts">
+import { inject } from 'vue'
+
+import RplPrimaryNavBarAction from './RplPrimaryNavBarAction.vue'
+import {
+  IRplPrimaryNavLogo,
+  IRplPrimaryNavItem,
+  IRplPrimaryNavActiveItems,
+  RplPrimaryNavToggleItemOptions
+} from '../../constants'
+import {
+  useRippleEvent,
+  rplEventPayload
+} from '../../../../composables/useRippleEvent'
+
+import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
+
+const { disablePrimaryLogo }: IRplFeatureFlags = inject('featureFlags', {
+  disablePrimaryLogo: false
+})
+
+interface Props {
+  primaryLogo: IRplPrimaryNavLogo
+  secondaryLogo?: IRplPrimaryNavLogo
+  items: IRplPrimaryNavItem[]
+  showSearch: boolean
+  showQuickExit: boolean
+  isMegaNavActive: boolean
+  isSearchActive: boolean
+  activeNavItems: IRplPrimaryNavActiveItems
+  toggleMobileMenu: () => void
+  toggleItem: (...args: RplPrimaryNavToggleItemOptions) => void
+  toggleSearch: () => void
+}
+
+const props = defineProps<Props>()
+
+const emit = defineEmits<{
+  (
+    e: 'toggleMenuItem',
+    payload: rplEventPayload & { action: 'open' | 'close' }
+  ): void
+}>()
+
+const { emitRplEvent } = useRippleEvent('rpl-primary-nav', emit)
+
+const mobileToggleLabel = 'Menu'
+
+const isItemActive = (item: IRplPrimaryNavItem) =>
+  props.activeNavItems.level1?.id == item.id
+
+const handleToggleItem = (level: number, item) => {
+  emitRplEvent(
+    'toggleMenuItem',
+    {
+      action: !isItemActive(item) ? 'open' : 'close',
+      value: item.url,
+      text: item.text,
+      index: level
+    },
+    { global: true }
+  )
+
+  props.toggleItem(level, item)
+}
+</script>
+
+<template>
+  <div
+    :class="{
+      'rpl-primary-nav__nav-bar': true,
+      'rpl-primary-nav__nav-bar--search-active': isSearchActive
+    }"
+  >
+    <!-- Logos -->
+    <div
+      :class="{
+        'rpl-primary-nav__logos': true,
+        'rpl-primary-nav__logos--has-secondary-logo': secondaryLogo
+      }"
+    >
+      <!-- Primary logo -->
+      <RplLink
+        v-if="!disablePrimaryLogo"
+        class="rpl-primary-nav__primary-logo-link rpl-u-focusable-outline rpl-u-focusable-outline--no-border"
+        :url="primaryLogo.href"
+      >
+        <img
+          class="rpl-primary-nav__primary-logo-image rpl-u-screen-only"
+          :src="primaryLogo.src"
+          :alt="primaryLogo.altText"
+        />
+        <img
+          v-if="primaryLogo?.src"
+          class="rpl-primary-nav__primary-logo-image rpl-primary-nav__logo-alt rpl-u-print-only"
+          :src="primaryLogo?.printSrc ? primaryLogo?.printSrc : primaryLogo.src"
+          :alt="primaryLogo.altText"
+        />
+      </RplLink>
+
+      <!-- Logo divider -->
+      <div
+        v-if="secondaryLogo && !disablePrimaryLogo"
+        class="rpl-primary-nav__logo-divider"
+      ></div>
+
+      <!-- Secondary logo -->
+      <RplLink
+        v-if="secondaryLogo"
+        class="rpl-primary-nav__secondary-logo-link rpl-u-focusable-outline rpl-u-focusable-outline--no-border"
+        :url="secondaryLogo.href"
+      >
+        <img
+          class="rpl-primary-nav__secondary-logo-image rpl-u-screen-only"
+          :src="secondaryLogo.src"
+          :alt="secondaryLogo.altText"
+        />
+        <img
+          v-if="secondaryLogo.printSrc"
+          class="rpl-primary-nav__secondary-logo-image rpl-primary-nav__logo-alt rpl-u-print-only"
+          :src="secondaryLogo.printSrc"
+          :alt="secondaryLogo.altText"
+        />
+      </RplLink>
+    </div>
+
+    <ul class="rpl-primary-nav__nav-bar-actions-list">
+      <!-- Mobile menu toggle -->
+      <li class="rpl-primary-nav__nav-bar-mobile-menu-toggle-container">
+        <RplPrimaryNavBarAction
+          type="toggle"
+          href="/"
+          :active="isMegaNavActive"
+          focusKey="menu:toggle"
+          @click="toggleMobileMenu(mobileToggleLabel)"
+        >
+          <span>{{ mobileToggleLabel }}</span
+          >&NoBreak;<span
+            class="rpl-primary-nav__nav-bar-icon rpl-primary-nav__nav-bar-icon--large rpl-u-margin-l-2"
+            ><RplIcon name="icon-chevron-down" size="xs"></RplIcon>
+          </span>
+        </RplPrimaryNavBarAction>
+      </li>
+
+      <!-- Mobile menu divider -->
+      <li
+        v-if="showSearch"
+        class="rpl-primary-nav__nav-bar-mobile-menu-divider"
+        aria-role="presentation"
+        aria-hidden="true"
+      ></li>
+
+      <!-- Desktop items -->
+      <li
+        v-for="item in items"
+        :key="item.id"
+        class="rpl-primary-nav__nav-bar-item"
+      >
+        <RplPrimaryNavBarAction
+          v-if="item.items"
+          :id="item.id"
+          type="toggle"
+          :href="item.url"
+          :active="isItemActive(item)"
+          :focusKey="`list:1:${item.id}`"
+          @click="handleToggleItem(1, item)"
+        >
+          <span>{{ item.text }}</span
+          >&NoBreak;<span class="rpl-primary-nav__nav-bar-icon rpl-u-margin-l-2"
+            ><RplIcon name="icon-chevron-down" size="xs"></RplIcon
+          ></span>
+        </RplPrimaryNavBarAction>
+        <RplPrimaryNavBarAction
+          v-else
+          :id="item.id"
+          type="link"
+          :href="item.url"
+          :active="item.active"
+          :focusKey="`list:1:${item.id}`"
+        >
+          <span>{{ item.text }}</span>
+        </RplPrimaryNavBarAction>
+      </li>
+
+      <!-- User action slot - Desktop only -->
+      <li v-if="$slots.userAction" class="rpl-primary-nav__nav-bar-user-action">
+        <slot name="userAction"></slot>
+      </li>
+
+      <!-- Search toggle -->
+      <li v-if="showSearch">
+        <RplPrimaryNavBarAction type="toggle" @click="toggleSearch()">
+          <div v-if="!isSearchActive">
+            <span class="rpl-primary-nav__nav-bar-search-label">Search</span
+            >&NoBreak;<span
+              class="rpl-primary-nav__nav-bar-icon rpl-primary-nav__nav-bar-icon--large rpl-primary-nav__nav-bar-icon--search"
+              ><RplIcon name="icon-search"></RplIcon>
+            </span>
+          </div>
+          <div v-else>
+            <span class="rpl-primary-nav__nav-bar-search-label">Close</span
+            >&NoBreak;<span
+              class="rpl-primary-nav__nav-bar-icon rpl-primary-nav__nav-bar-icon--large rpl-primary-nav__nav-bar-icon--search"
+              ><RplIcon name="icon-cancel"></RplIcon>
+            </span>
+          </div>
+        </RplPrimaryNavBarAction>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<style src="./RplPrimaryNavBar.css" />
diff --git a/packages/ripple-ui-core/src/web-components.ts b/packages/ripple-ui-core/src/web-components.ts
index db8211942c..ee51e1de6d 100644
--- a/packages/ripple-ui-core/src/web-components.ts
+++ b/packages/ripple-ui-core/src/web-components.ts
@@ -1,10 +1,11 @@
 import { defineCustomElement } from 'vue'
 
+import { default as RplPageCmp } from './components/page/RplPage.vue'
 import { default as RplAccordionCmp } from './components/accordion/RplAccordion.vue'
 import { default as RplAcknowledgementCmp } from './components/acknowledgement/RplAcknowledgement.vue'
 import { default as RplAlertCmp } from './components/alert/RplAlert.vue'
 import { default as RplBreadcrumbsCmp } from './components/breadcrumbs/RplBreadcrumbs.vue'
-import { default as RplButtonCmp } from './components/button/RplButton.vue'
+import { default as RplButtonCmp } from './components/button/RplButton.ce.vue'
 
 import { default as RplPrimaryCampaignCmp } from './components/campaign-banner/RplPrimaryCampaign.vue'
 import { default as RplSecondaryCampaignCmp } from './components/campaign-banner/RplSecondaryCampaign.vue'
@@ -26,13 +27,15 @@ import { default as RplDescriptionListCmp } from './components/description-list/
 import { default as RplDocumentCmp } from './components/document/RplDocument.vue'
 import { default as RplFileCmp } from './components/file/RplFile.vue'
 
-import { default as RplFooterCmp } from './components/footer/RplFooter.vue'
+import { default as RplFooterCmp } from './components/footer/RplFooter.ce.vue'
+import { default as RplFooterNavSectionCmp } from './components/footer/RplFooterNavSection.ce.vue'
+import { default as RplFooterLinkCmp } from './components/footer/RplFooterLink.ce.vue'
 
 import { default as RplHeaderCmp } from './components/header/RplHeader.vue'
-import { default as RplHeroHeaderCmp } from './components/header/RplHeroHeader.vue'
+import { default as RplHeroHeaderCmp } from './components/header/RplHeroHeader.ce.vue'
 import { default as RplIntroHeaderCmp } from './components/header/RplIntroHeader.vue'
 
-import { default as RplIconCmp } from './components/icon/RplIcon.vue'
+import { default as RplIconCmp } from './components/icon/RplIcon.ce.vue'
 import { default as RplIconSpriteCmp } from './components/icon/RplIconSprite.vue'
 
 import { default as RplImageCmp } from './components/image/RplImage.vue'
@@ -40,7 +43,7 @@ import { default as RplImgCmp } from './components/image/RplImg.vue'
 
 import { default as RplInPageNavigationCmp } from './components/in-page-navigation/RplInPageNavigation.vue'
 
-import { default as RplLayoutCmp } from './components/layout/RplLayout.vue'
+import { default as RplLayoutCmp } from './components/layout/RplLayout.ce.vue'
 import { default as RplPageComponentCmp } from './components/layout/RplPageComponent.vue'
 import { default as RplSidebarComponentCmp } from './components/layout/RplSidebarComponent.vue'
 
@@ -50,7 +53,8 @@ import { default as RplLinkCmp } from './components/link/RplLink.vue'
 
 import { default as RplPageActionCmp } from './components/page-action/RplPageAction.vue'
 import { default as RplPageLinksCmp } from './components/page-links/RplPageLinks.vue'
-import { default as RplPrimaryNavCmp } from './components/primary-nav/RplPrimaryNav.vue'
+import { default as RplPrimaryNavCmp } from './components/primary-nav/RplPrimaryNav.ce.vue'
+import { default as RplPrimaryNavBarCmp } from './components/primary-nav/components/nav-bar/RplPrimaryNavBar.ce.vue'
 import { default as RplProfileCmp } from './components/profile/RplProfile.vue'
 import { default as RplRelatedLinksCmp } from './components/related-links/RplRelatedLinks.vue'
 import { default as RplSearchBarCmp } from './components/search-bar/RplSearchBar.vue'
@@ -70,6 +74,9 @@ import { default as RplMediaEmbedCmp } from './components/media-embed/RplMediaEm
 import { default as RplErrorMessageCmp } from './components/error-message/RplErrorMessage.vue'
 
 // register custom el
+
+const RplPage = defineCustomElement(RplPageCmp)
+
 const RplAccordion = defineCustomElement(RplAccordionCmp)
 const RplAcknowledgement = defineCustomElement(RplAcknowledgementCmp)
 const RplAlert = defineCustomElement(RplAlertCmp)
@@ -80,6 +87,7 @@ const RplPrimaryCampaign = defineCustomElement(RplPrimaryCampaignCmp)
 const RplSecondaryCampaign = defineCustomElement(RplSecondaryCampaignCmp)
 
 const RplCard = defineCustomElement(RplCardCmp)
+
 const RplAvatarCard = defineCustomElement(RplAvatarCardCmp)
 const RplCallToActionCard = defineCustomElement(RplCallToActionCardCmp)
 const RplCategoryGridCard = defineCustomElement(RplCategoryGridCardCmp)
@@ -97,6 +105,8 @@ const RplDocument = defineCustomElement(RplDocumentCmp)
 const RplFile = defineCustomElement(RplFileCmp)
 
 const RplFooter = defineCustomElement(RplFooterCmp)
+const RplFooterNavSection = defineCustomElement(RplFooterNavSectionCmp)
+const RplFooterLink = defineCustomElement(RplFooterLinkCmp)
 
 const RplHeader = defineCustomElement(RplHeaderCmp)
 const RplHeroHeader = defineCustomElement(RplHeroHeaderCmp)
@@ -121,6 +131,7 @@ const RplLink = defineCustomElement(RplLinkCmp)
 const RplPageAction = defineCustomElement(RplPageActionCmp)
 const RplPageLinks = defineCustomElement(RplPageLinksCmp)
 const RplPrimaryNav = defineCustomElement(RplPrimaryNavCmp)
+const RplPrimaryNavBar = defineCustomElement(RplPrimaryNavBarCmp)
 const RplProfile = defineCustomElement(RplProfileCmp)
 const RplRelatedLinks = defineCustomElement(RplRelatedLinksCmp)
 const RplSearchBar = defineCustomElement(RplSearchBarCmp)
@@ -140,6 +151,7 @@ const RplMediaGallery = defineCustomElement(RplMediaGalleryCmp)
 const RplMediaEmbed = defineCustomElement(RplMediaEmbedCmp)
 
 // export each wc
+export { RplPage }
 export { RplAccordion }
 export { RplAcknowledgement }
 export { RplAlert }
@@ -167,6 +179,8 @@ export { RplDocument }
 export { RplFile }
 
 export { RplFooter }
+export { RplFooterNavSection }
+export { RplFooterLink }
 
 export { RplHeader }
 export { RplHeroHeader }
@@ -191,6 +205,7 @@ export { RplLink }
 export { RplPageAction }
 export { RplPageLinks }
 export { RplPrimaryNav }
+export { RplPrimaryNavBar }
 export { RplProfile }
 export { RplRelatedLinks }
 export { RplSearchBar }
@@ -211,6 +226,7 @@ export { RplMediaEmbed }
 
 // export register function for all webcomponents
 export function registerRplWebComponents() {
+  customElements.define('rpl-page', RplPage)
   customElements.define('rpl-accordion', RplAccordion)
   customElements.define('rpl-acknowledgement', RplAcknowledgement)
   customElements.define('rpl-alert', RplAlert)
@@ -238,6 +254,8 @@ export function registerRplWebComponents() {
   customElements.define('rpl-file', RplFile)
 
   customElements.define('rpl-footer', RplFooter)
+  customElements.define('rpl-footer-nav-section', RplFooterNavSection)
+  customElements.define('rpl-footer-link', RplFooterLink)
 
   customElements.define('rpl-header', RplHeader)
   customElements.define('rpl-hero-header', RplHeroHeader)
@@ -262,6 +280,7 @@ export function registerRplWebComponents() {
   customElements.define('rpl-page-action', RplPageAction)
   customElements.define('rpl-page-links', RplPageLinks)
   customElements.define('rpl-primary-nav', RplPrimaryNav)
+  customElements.define('rpl-primary-nav-bar', RplPrimaryNavBar)
   customElements.define('rpl-profile', RplProfile)
   customElements.define('rpl-related-links', RplRelatedLinks)
   customElements.define('rpl-search-bar', RplSearchBar)
diff --git a/packages/ripple-ui-core/vite.config.ts b/packages/ripple-ui-core/vite.config.ts
index df6b36cb00..493c4c87c4 100644
--- a/packages/ripple-ui-core/vite.config.ts
+++ b/packages/ripple-ui-core/vite.config.ts
@@ -26,7 +26,7 @@ export default defineConfig({
     // Reduce bloat from legacy polyfills.
     target: 'esnext',
     // Leave minification for now whilst we are non prod
-    minify: false,
+    minify: true,
     rollupOptions: {
       external: ['vue'],
       output: {
diff --git a/packages/ripple-ui-core/wc.vite.config.ts b/packages/ripple-ui-core/wc.vite.config.ts
index 50c39a637a..b4cef5ceab 100644
--- a/packages/ripple-ui-core/wc.vite.config.ts
+++ b/packages/ripple-ui-core/wc.vite.config.ts
@@ -1,8 +1,8 @@
 import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
-// import dts from 'vite-dts'
 import dts from 'vite-plugin-dts'
+import vitePlugins from './src/vite.plugins'
 
 // https://vitejs.dev/config/
 // https://vitejs.dev/guide/build.html#library-mode
@@ -12,7 +12,7 @@ export default defineConfig({
       '@': path.resolve(__dirname, './src')
     }
   },
-  plugins: [vue({ customElement: true }), dts()],
+  plugins: [vue({ customElement: true }), dts()].concat(vitePlugins),
   build: {
     emptyOutDir: false,
     outDir: 'dist/web-components',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 574b3947dd..569b584795 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -313,6 +313,10 @@ importers:
       '@dpc-sdp/ripple-ui-core':
         specifier: workspace:*
         version: link:../../packages/ripple-ui-core
+    devDependencies:
+      vite-svg-loader:
+        specifier: ^4.0.0
+        version: 4.0.0(patch_hash=b7iv6uosp7uohhdjf52hsfxagy)
 
   packages/eslint-config-ripple:
     dependencies:
@@ -4857,6 +4861,7 @@ packages:
 
   '@storybook/expect@28.1.3-5':
     resolution: {integrity: sha512-lS1oJnY1qTAxnH87C765NdfvGhksA6hBcbUVI5CHiSbNsEtr456wtg/z+dT9XlPriq1D5t2SgfNL9dBAoIGyIA==}
+    deprecated: In Storybook 8, this package functionality has been integrated to a new package called @storybook/test, which uses Vitest APIs for an improved experience. When upgrading to Storybook 8 with 'npx storybook@latest upgrade', you will get prompted and will get an automigration for the new package. Please migrate when you can.
 
   '@storybook/global@5.0.0':
     resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
@@ -15293,8 +15298,8 @@ packages:
     peerDependencies:
       typescript: '*'
 
-  vue-component-type-helpers@2.0.16:
-    resolution: {integrity: sha512-qisL/iAfdO++7w+SsfYQJVPj6QKvxp4i1MMxvsNO41z/8zu3KuAw9LkhKUfP/kcOWGDxESp+pQObWppXusejCA==}
+  vue-component-type-helpers@2.0.19:
+    resolution: {integrity: sha512-cN3f1aTxxKo4lzNeQAkVopswuImUrb5Iurll9Gaw5cqpnbTAxtEMM1mgi6ou4X79OCyqYv1U1mzBHJkzmiK82w==}
 
   vue-demi@0.14.6:
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
@@ -15848,7 +15853,7 @@ snapshots:
       '@babel/parser': 7.24.4
       '@babel/template': 7.23.9
       '@babel/traverse': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
       convert-source-map: 2.0.0
       debug: 4.3.4(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
@@ -16227,7 +16232,7 @@ snapshots:
 
   '@babel/parser@7.24.4':
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
 
   '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.15(@babel/core@7.23.2)':
     dependencies:
@@ -17306,7 +17311,7 @@ snapshots:
       '@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.23.9)
       '@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.23.9)
       '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.23.9)
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
       babel-plugin-polyfill-corejs2: 0.4.6(@babel/core@7.23.9)
       babel-plugin-polyfill-corejs3: 0.8.5(@babel/core@7.23.9)
       babel-plugin-polyfill-regenerator: 0.5.3(@babel/core@7.23.9)
@@ -21567,7 +21572,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.23.9
       '@babel/preset-env': 7.23.2(@babel/core@7.23.9)
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
       '@storybook/csf': 0.1.2
       '@storybook/csf-tools': 7.6.10
       '@storybook/node-logger': 7.6.10
@@ -21982,7 +21987,7 @@ snapshots:
       ts-dedent: 2.2.0
       type-fest: 2.19.0
       vue: 3.4.23(typescript@5.1.3)
-      vue-component-type-helpers: 2.0.16
+      vue-component-type-helpers: 2.0.19
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -35266,7 +35271,7 @@ snapshots:
       fast-glob: 3.3.2
       json5: 2.2.3
       local-pkg: 0.4.3
-      mlly: 1.6.1
+      mlly: 1.5.0
       pathe: 1.1.2
       scule: 1.3.0
       unplugin: 1.10.1
@@ -35788,7 +35793,7 @@ snapshots:
       typesafe-path: 0.2.2
       typescript: 5.1.3
 
-  vue-component-type-helpers@2.0.16: {}
+  vue-component-type-helpers@2.0.19: {}
 
   vue-demi@0.14.6(vue@3.4.23(typescript@5.1.3)):
     dependencies: