1<!DOCTYPE html><html lang="nl" dir="ltr" data-beasties-container><head> 2 <meta charset="utf-8"> 3 <title>Medewerker App voor rooster, acties en communicatie | WorkVine</title> 4 <base href="/"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="description" content="De WorkVine Medewerker App geeft medewerkers één plek voor rooster, acties, verlof, uren, trainingen, certificaten, communicatie en updates. Beschikbaar via web, iOS en Android."> 7 <meta name="author" content="WorkVine"> 8 <meta name="robots" content="index, follow"> 9 <meta name="referrer" content="no-referrer"> 10 <link rel="canonical" href="https://workvine.nl/apps/medewerker-app"> 11 <link rel="describedby" href="/llms.txt"> 12 13 <!-- Generic Open Graph fallback (do not overwrite dynamic meta tags) --> 14 <meta property="og:type" content="website"> 15 16 17 <!-- Fonts and Icons --> 18 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 20 <style>@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
20unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
20unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style> 21 <style>@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style> 22 23 <style>@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v374/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style> 24 <!-- Favicon --> 25 <link rel="icon" href="/favicon.ico" type="image/x-icon"> 26 27 28<style>:root{--wv-navy-950: #08263d;--wv-navy-900: #102f4d;--wv-navy-800: #144b64;--wv-navy-700: #173c59;--wv-navy-600: #255871;--wv-green-800: #267e67;--wv-green-700: #2f8f73;--wv-green-500: #75c9a4;--wv-green-300: #96d6b4;--wv-green-100: #e8f7f0;
28--wv-green-50: #f7fbf9;--wv-yellow-500: #ffe34d;--wv-yellow-600: #ffdd2e;--wv-text-primary: #102f4d;--wv-text-secondary: #173c59;--wv-text-muted: rgba(23, 60, 89, .72);--wv-text-soft: rgba(23, 60, 89, .62);--wv-text-inverse: #ffffff;--wv-background: #ffffff;--wv-background-soft: #fbfdfc;--wv-background-muted: #f7fbf9;--wv-background-dark: #102f4d;--wv-surface: #ffffff;--wv-surface-soft: #fbfdfc;--wv-surface-green: #f7fbf9;--wv-surface-navy: #102f4d;--wv-border-soft: rgba(16, 47, 77, .07);--wv-border-medium: rgba(16, 47, 77, .12);--wv-border-green: rgba(38, 126, 103, .18);--wv-shadow-xs: 0 .25rem .75rem rgba(16, 47, 77, .035);--wv-shadow-sm: 0 .35rem 1rem rgba(16, 47, 77, .045);--wv-shadow-md: 0 .75rem 1.6rem rgba(16, 47, 77, .08);--wv-shadow-lg: 0 1rem 2.4rem rgba(16, 47, 77, .075);--wv-radius-sm: .58rem;--wv-radius-md: .82rem;--wv-radius-lg: 1.1rem;--wv-radius-xl: 1.5rem;--wv-button-primary-bg: #ffe34d;--wv-button-primary-bg-hover: #ffdd2e;--wv-button-primary-text: #102f4d;--wv-button-secondary-bg: #ffffff;--wv-button-secondary-text: #173c59;--wv-button-secondary-border: rgba(16, 47, 77, .14);--wv-button-dark-bg: #144b64;--wv-button-dark-bg-hover: #102f4d;--wv-button-dark-text: #ffffff;--wv-max-width: 1400px;--wv-content-width: 1180px;--wv-font-primary: "Inter", Arial, sans-serif;--wv-font-secondary: "Inter", Arial, sans-serif;--md-primary-color: var(--wv-navy-800);--md-on-primary-color: var(--wv-text-inverse);--md-primary-container-color: var(--wv-navy-600);--md-on-primary-container-color: var(--wv-text-inverse);--md-secondary-color: var(--wv-green-800);--md-on-secondary-color: var(--wv-text-inverse);--md-secondary-container-color: var(--wv-green-700);--md-on-secondary-container-color: var(--wv-text-inverse);--md-secondary-light: var(--wv-green-500);--md-secondary-dark: #1f6f59;--md-background-color: var(--wv-background);--md-on-background-color: var(--wv-text-secondary);--md-surface-color: var(--wv-surface);--md-on-surface-color: var(--wv-text-secondary);--md-background-muted: var(--wv-background-muted);--md-background-dark: #eef4f1;--md-surface-muted: var(--wv-surface-soft);--md-surface-highlight: var(--wv-green-50);--md-surface-dark: var(--wv-green-100);--md-button-primary: var(--wv-button-dark-bg);--md-on-button-primary: var(--wv-button-dark-text);--md-button-secondary: var(--wv-green-800);--md-on-button-secondary: var(--wv-text-inverse);--md-button-muted: #d7dedb;--md-on-button-muted: var(--wv-text-secondary);--md-border-color: var(--wv-border-soft);--md-shadow-light: rgba(16, 47, 77, .05);--md-shadow-dark: rgba(16, 47, 77, .15);--md-gray-50: #fafafa;--md-gray-100: #f5f7f6;--md-gray-200: #e5ece9;--md-gray-300: #cbd8d3;--md-gray-400: #9baaa5;--md-gray-500: #74847f;--md-gray-600: #5f6f6a;--md-gray-700: #3b4a46;--md-gray-800: #1f2c29;--md-max-width: var(--wv-max-width);--font-primary: var(--wv-font-primary);--font-secondary: var(--wv-font-secondary);--font-family: var(--wv-font-primary);--blog-primary: var(--wv-navy-800);--blog-text: var(--wv-text-secondary);--blog-text-secondary: var(--wv-text-muted);--blog-placeholder: rgba(23, 60, 89, .48);--blog-breadcrumb: var(--wv-text-soft);--blog-step-title: var(--wv-green-50);--blog-card-bg: var(--wv-navy-800);--blog-card-bg-light: var(--wv-green-50);--blog-newsletter-bg: var(--wv-green-50);--blog-table-zebra-row: #eef5f2;--blog-table-row: #ffffff;--blog-text-gray: var(--wv-text-muted);--blog-table-text: var(--wv-text-secondary)}html,body{min-height:100%;margin:0;padding:0;color:var(--wv-text-secondary);background-color:var(--wv-background);font-family:var(--wv-font-primary)}body{overflow-x:hidden}mat-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;background:none;font-size:inherit;line-height:1;padding:0}h1,h2,h3{font-family:var(--font-primary);margin:0}p,span,a,button{font-family:var(--font-secondary)}button{font-size:.875rem;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.5px}h1{font-size:2.5rem;line-height:1.2;font-weight:700}h2{font-size:2rem;line-height:1.3;font-weight:700}h3{font-size:1.75rem;line-height:1.3;font-weight:700}p{font-size:1rem;line-height:1.6;font-weight:400}small{font-size:.75rem;line-height:1.4;font-weight:400}html{--mat-sys-background: #f9f9f9;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f0f1f1;--mat-sys-inverse-primary: #9dcdeb;--mat-sys-inverse-surface: #2f3131;--mat-sys-on-background: #1a1c1c;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #154c65;--mat-sys-on-primary-fixed: #001e2c;--mat-sys-on-primary-fixed-variant: #154c65;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #205100;--mat-sys-on-secondary-fixed: #092100;--mat-sys-on-secondary-fixed-variant: #205100;--mat-sys-on-surface: #1a1c1c;--mat-sys-on-surface-variant: #41484c;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #42484b;--mat-sys-on-tertiary-fixed: #171c1f;--mat-sys-on-tertiary-fixed-variant: #42484b;--mat-sys-outline: #71787d;--mat-sys-outline-variant: #c1c7cd;--mat-sys-primary: #32647e;--mat-sys-primary-container: #c4e7ff;--mat-sys-primary-fixed: #c4e7ff;--mat-sys-primary-fixed-dim: #9dcdeb;--mat-sys-scrim: #000000;--mat-sys-secondary: #2d6c00;--mat-sys-secondary-container: #a3f871;--mat-sys-secondary-fixed: #a3f871;--mat-sys-secondary-fixed-dim: #89db58;--mat-sys-shadow: #000000;--mat-sys-surface: #f9f9f9;--mat-sys-surface-bright: #f9f9f9;--mat-sys-surface-container: #eeeeee;--mat-sys-surface-container-high: #e8e8e8;--mat-sys-surface-container-highest: #e2e2e2;--mat-sys-surface-container-low: #f3f3f4;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dadada;--mat-sys-surface-tint: #32647e;--mat-sys-surface-variant: #dde3e9;--mat-sys-tertiary: #595f62;--mat-sys-tertiary-container: #dee3e7;--mat-sys-tertiary-fixed: #dee3e7;--mat-sys-tertiary-fixed-dim: #c2c7cb;--mat-sys-neutral-variant20: #2b3136;--mat-sys-neutral10: #1a1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem var(--font-secondary);--mat-sys-body-large-font: var(--font-secondary);--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem var(--font-secondary);--mat-sys-body-medium-font: var(--font-secondary);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;
28--mat-sys-body-small: 400 .75rem / 1rem var(--font-secondary);--mat-sys-body-small-font: var(--font-secondary);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem var(--font-primary);--mat-sys-display-large-font: var(--font-primary);--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem var(--font-primary);--mat-sys-display-medium-font: var(--font-primary);--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem var(--font-primary);--mat-sys-display-small-font: var(--font-primary);--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem var(--font-primary);--mat-sys-headline-large-font: var(--font-primary);--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--font-primary);--mat-sys-headline-medium-font: var(--font-primary);--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem var(--font-primary);--mat-sys-headline-small-font: var(--font-primary);--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 600 .875rem / 1.25rem var(--font-secondary);--mat-sys-label-large-font: var(--font-secondary);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 600;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 600 .75rem / 1rem var(--font-secondary);--mat-sys-label-medium-font: var(--font-secondary);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 600 .688rem / 1rem var(--font-secondary);--mat-sys-label-small-font: var(--font-secondary);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem var(--font-primary);--mat-sys-title-large-font: var(--font-primary);--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 600 1rem / 1.5rem var(--font-secondary);--mat-sys-title-medium-font: var(--font-secondary);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 600;--mat-sys-title-small: 600 .875rem / 1.25rem var(--font-secondary);--mat-sys-title-small-font: var(--font-secondary);--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 600;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.ehr-container{height:100%;min-height:100vh;min-height:100svh}.ehr-container mat-sidenav-content{display:flex;flex-direction:column;flex-grow:1}.ehr-container main{flex:1}.ehr-container ehr-footer{flex-shrink:0;margin-top:auto}.mat-drawer-content{flex-grow:1!important;overflow-x:hidden!important}mat-sidenav{width:min(20rem,88vw)!important;background-color:var(--md-surface-color)}mat-sidenav .mobile-menu{display:flex;flex-direction:column;justify-content:flex-start;max-width:none;padding:.75rem 1.25rem 1.5rem;margin:0 auto}mat-sidenav .mobile-menu img{width:auto;max-width:11rem;height:42px;padding-bottom:1rem}mat-sidenav .mobile-menu button,mat-sidenav .mobile-menu>a{font-size:1rem;font-weight:500;text-align:left;padding:.8rem 1rem}mat-sidenav .mobile-menu button:hover,mat-sidenav .mobile-menu>a:hover{background-color:var(--md-primary-container-color)!important;color:var(--md-on-primary-container-color)!important}mat-sidenav .mobile-menu>a{display:grid;height:auto;min-height:3rem;align-content:center;justify-content:stretch;color:var(--md-primary-color);text-decoration:none}mat-sidenav .mobile-menu>a .mdc-button__label{display:grid;width:100%;gap:.15rem;justify-items:start}mat-sidenav .mobile-menu>a .mdc-button__label>span{line-height:1.25}mat-sidenav .mobile-menu>a small{color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.78rem;line-height:1.25}mat-sidenav .mobile-menu .mobile-menu__divider{height:1px;margin:.7rem 0;background:#102f4d1a}mat-sidenav .mobile-menu .mobile-menu__section-label{margin:0;padding:.45rem 1rem .25rem;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.75rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}mat-sidenav .mobile-menu .mobile-language-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;margin:.35rem 0 1rem;padding:.25rem;border:1px solid rgba(16,47,77,.14);border-radius:.65rem;background:#102f4d06}mat-sidenav .mobile-menu .mobile-language-switch span,mat-sidenav .mobile-menu .mobile-language-switch a{display:grid;min-height:2.5rem;place-items:center;border-radius:.45rem;font-size:.9rem;font-weight:700;text-decoration:none}mat-sidenav .mobile-menu .mobile-language-switch span{color:var(--md-on-primary-color);background:var(--md-primary-color)}mat-sidenav .mobile-menu .mobile-language-switch a{color:var(--md-primary-color)}mat-sidenav .mobile-menu .mobile-language-switch a:hover,mat-sidenav .mobile-menu .mobile-language-switch a:focus-visible{color:var(--wv-green-800, #267e67);background:#267e6714;outline:none}.primary-cta-btn{font-weight:600!important;background-color:var(--md-primary-color)!important;color:var(--md-on-primary-color)!important}.primary-cta-btn:hover{background-color:var(--md-primary-container-color)!important}.nav-menu-btn{font-size:1rem!important;font-weight:500!important;color:var(--md-primary-color)!important}.nav-menu-btn:hover{color:var(--md-primary-container-color)!important}.header-toolbar{position:sticky;top:0;z-index:10;min-height:64px;background-color:var(--md-surface-color);box-shadow:0 2px 4px #0000001a}.header-toolbar .toolbar-container{width:100%;max-width:var(--md-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;
28height:64px;padding:0 2rem}.header-toolbar .logo{display:flex;align-items:center}.header-toolbar .logo .logo-image{display:block;height:42px;width:auto}.header-toolbar .spacer{flex:1 1 auto}.header-toolbar .desktop-menu{display:flex;align-items:center;gap:.65rem}.header-toolbar .desktop-menu .nav-menu-btn{font-size:1rem;font-weight:500;color:var(--md-primary-color)}.header-toolbar .desktop-menu .nav-menu-btn:hover{color:var(--md-primary-container-color)}.header-toolbar .header-actions{display:flex;align-items:center;gap:.35rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid rgba(16,47,77,.12)}.header-toolbar .header-actions .language-switch{display:inline-flex;align-items:center;gap:.15rem;padding:.2rem;border:1px solid rgba(16,47,77,.14);border-radius:.6rem;background:#102f4d06}.header-toolbar .header-actions .language-switch__option{display:inline-grid;min-width:2rem;height:2rem;place-items:center;border-radius:.42rem;color:var(--md-primary-color);font-size:.78rem;font-weight:750;line-height:1;text-decoration:none}.header-toolbar .header-actions .language-switch__option:hover,.header-toolbar .header-actions .language-switch__option:focus-visible{color:var(--wv-green-800, #267e67);background:#267e6714;outline:none}.header-toolbar .header-actions .language-switch__option:focus-visible{box-shadow:0 0 0 3px #267e6733}.header-toolbar .header-actions .language-switch__option--current{color:var(--md-on-primary-color);background:var(--md-primary-color)}.header-toolbar .header-actions .login-trigger{color:var(--md-primary-color);font-weight:650}.header-toolbar .header-actions .login-trigger mat-icon{width:1.15rem;height:1.15rem;margin-left:.1rem;font-size:1.15rem}.header-toolbar .header-actions .primary-cta-btn{font-weight:600;background-color:var(--md-primary-color);color:var(--md-on-primary-color)}.header-toolbar .header-actions .primary-cta-btn:hover{background-color:var(--md-primary-container-color)}.header-toolbar .mobile-menu-icon{display:none;align-items:center}.header-toolbar .mobile-menu-icon .menu-toggle{color:var(--md-primary-color)}.header-toolbar .mobile-menu-icon .menu-toggle .menu-toggle__icon{display:grid;width:1.35rem;gap:.27rem}.header-toolbar .mobile-menu-icon .menu-toggle .menu-toggle__icon span{display:block;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:transform .16s ease,opacity .16s ease}@media(max-width:1180px){.header-toolbar{min-height:56px}.header-toolbar .toolbar-container{height:56px;padding:0 1rem}.header-toolbar .logo-image{height:38px}.header-toolbar .desktop-menu,.header-toolbar .header-actions{display:none}.header-toolbar .mobile-menu-icon{display:flex}} 29</style><link rel="stylesheet" href="styles-PCMJCUBH.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-PCMJCUBH.css"></noscript><style ng-app-id="ng">.scroll-cue[_ngcontent-ng-c4002164871]{display:none}@media(max-width:768px){.scroll-cue[_ngcontent-ng-c4002164871]{display:flex;justify-content:center;margin-top:1rem;animation:_ngcontent-ng-c4002164871_bounce 2s infinite}.scroll-cue[_ngcontent-ng-c4002164871] mat-icon[_ngcontent-ng-c4002164871]{font-size:2.5rem;color:var(--md-gray-500)}}@keyframes _ngcontent-ng-c4002164871_bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.sticky-cta[_ngcontent-ng-c4002164871]{position:fixed;bottom:0;left:0;width:calc(100% - 2rem)!important;background:var(--md-surface-color);padding:.75rem 1rem;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:center;gap:.5rem;z-index:1000}.sticky-cta[_ngcontent-ng-c4002164871] button[_ngcontent-ng-c4002164871]{width:100%;max-width:40%;font-size:1rem;padding:.75rem}@media(min-width:769px){.sticky-cta[_ngcontent-ng-c4002164871]{display:none}}</style><style ng-app-id="ng">.mat-drawer-container { 30 position: relative; 31 z-index: 1; 32 color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background)); 33 background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background)); 34 box-sizing: border-box; 35 display: block; 36 overflow: hidden; 37} 38.mat-drawer-container[fullscreen] { 39 top: 0; 40 left: 0; 41 right: 0; 42 bottom: 0; 43 position: absolute; 44} 45.mat-drawer-container[fullscreen].mat-drawer-container-has-open { 46 overflow: hidden; 47} 48.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side { 49 z-index: 3; 50} 51.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop, 52.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop, 53.ng-animate-disabled .mat-drawer-container .mat-drawer-content { 54 transition: none; 55} 56 57.mat-drawer-backdrop { 58 top: 0; 59 left: 0; 60 right: 0; 61 bottom: 0; 62 position: absolute; 63 display: block; 64 z-index: 3; 65 visibility: hidden; 66} 67.mat-drawer-backdrop.mat-drawer-shown { 68 visibility: visible; 69 background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent)); 70} 71.mat-drawer-transition .mat-drawer-backdrop { 72 transition-duration: 400ms; 73 transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); 74 transition-property: background-color, visibility; 75} 76@media (forced-colors: active) { 77 .mat-drawer-backdrop { 78 opacity: 0.5; 79 } 80} 81 82.mat-drawer-content { 83 position: relative; 84 z-index: 1; 85 display: block; 86 height: 100%; 87 overflow: auto; 88} 89.mat-drawer-content.mat-drawer-content-hidden { 90 opacity: 0; 91} 92.mat-drawer-transition .mat-drawer-content { 93 transition-duration: 400ms; 94 transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); 95 transition-property: transform, margin-left, margin-right; 96} 97 98.mat-drawer { 99 position: relative; 100 z-index: 4; 101 color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant)); 102 box-shadow: var(--mat-sidenav-container-elevation-shadow, none); 103 background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface)); 104 border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 105 border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 106 width: var(--mat-sidenav-container-width, 360px); 107 display: block; 108 position: absolute; 109 top: 0; 110 bottom: 0; 111 z-index: 3; 112 outline: 0; 113 box-sizing: border-box; 114 overflow-y: auto; 115 transform: translate3d(-100%, 0, 0); 116} 117@media (forced-colors: active) { 118 .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end { 119 border-right: solid 1px currentColor; 120 } 121} 122@media (forced-colors: active) { 123 [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end { 124 border-left: solid 1px currentColor;
125 border-right: none; 126 } 127} 128.mat-drawer.mat-drawer-side { 129 z-index: 2; 130} 131.mat-drawer.mat-drawer-end { 132 right: 0; 133 transform: translate3d(100%, 0, 0); 134 border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 135 border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 136 border-top-right-radius: 0; 137 border-bottom-right-radius: 0; 138} 139[dir=rtl] .mat-drawer { 140 border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 141 border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 142 border-top-right-radius: 0; 143 border-bottom-right-radius: 0; 144 transform: translate3d(100%, 0, 0); 145} 146[dir=rtl] .mat-drawer.mat-drawer-end { 147 border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 148 border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 149 border-top-left-radius: 0; 150 border-bottom-left-radius: 0; 151 left: 0; 152 right: auto; 153 transform: translate3d(-100%, 0, 0); 154} 155.mat-drawer-transition .mat-drawer { 156 transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); 157} 158.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) { 159 visibility: hidden; 160 box-shadow: none; 161} 162.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container { 163 display: none; 164} 165.mat-drawer.mat-drawer-opened.mat-drawer-opened { 166 transform: none; 167} 168 169.mat-drawer-side { 170 box-shadow: none; 171 border-right-color: var(--mat-sidenav-container-divider-color, transparent); 172 border-right-width: 1px; 173 border-right-style: solid; 174} 175.mat-drawer-side.mat-drawer-end { 176 border-left-color: var(--mat-sidenav-container-divider-color, transparent); 177 border-left-width: 1px; 178 border-left-style: solid; 179 border-right: none; 180} 181[dir=rtl] .mat-drawer-side { 182 border-left-color: var(--mat-sidenav-container-divider-color, transparent); 183 border-left-width: 1px; 184 border-left-style: solid; 185 border-right: none; 186} 187[dir=rtl] .mat-drawer-side.mat-drawer-end { 188 border-right-color: var(--mat-sidenav-container-divider-color, transparent); 189 border-right-width: 1px; 190 border-right-style: solid; 191 border-left: none; 192} 193 194.mat-drawer-inner-container { 195 width: 100%; 196 height: 100%; 197 overflow: auto; 198} 199 200.mat-sidenav-fixed { 201 position: fixed; 202} 203</style><style ng-app-id="ng">.cdk-visually-hidden { 204 border: 0; 205 clip: rect(0 0 0 0); 206 height: 1px; 207 margin: -1px; 208 overflow: hidden; 209 padding: 0; 210 position: absolute; 211 width: 1px; 212 white-space: nowrap; 213 outline: 0; 214 -webkit-appearance: none; 215 -moz-appearance: none; 216 left: 0; 217} 218[dir=rtl] .cdk-visually-hidden { 219 left: auto; 220 right: 0; 221} 222</style><style ng-app-id="ng">.mat-mdc-button-base { 223 text-decoration: none; 224} 225.mat-mdc-button-base .mat-icon { 226 min-height: fit-content; 227 flex-shrink: 0; 228} 229@media (hover: none) { 230 .mat-mdc-button-base:hover > span.mat-mdc-button-persistent-ripple::before { 231 opacity: 0; 232 } 233} 234 235.mdc-button { 236 -webkit-user-select: none; 237 user-select: none; 238 position: relative; 239 display: inline-flex; 240 align-items: center; 241 justify-content: center; 242 box-sizing: border-box; 243 min-width: 64px; 244 border: none; 245 outline: none; 246 line-height: inherit; 247 -webkit-appearance: none; 248 overflow: visible; 249 vertical-align: middle; 250 background: transparent; 251 padding: 0 8px; 252} 253.mdc-button::-moz-focus-inner { 254 padding: 0; 255 border: 0; 256} 257.mdc-button:active { 258 outline: none; 259} 260.mdc-button:hover { 261 cursor: pointer; 262} 263.mdc-button:disabled { 264 cursor: default; 265 pointer-events: none; 266} 267.mdc-button[hidden] { 268 display: none; 269} 270.mdc-button .mdc-button__label { 271 position: relative; 272} 273 274.mat-mdc-button { 275 padding: 0 var(--mat-button-text-horizontal-padding, 12px); 276 height: var(--mat-button-text-container-height, 40px); 277 font-family: var(--mat-button-text-label-text-font, var(--mat-sys-label-large-font)); 278 font-size: var(--mat-button-text-label-text-size, var(--mat-sys-label-large-size)); 279 letter-spacing: var(--mat-button-text-label-text-tracking, var(--mat-sys-label-large-tracking)); 280 text-transform: var(--mat-button-text-label-text-transform); 281 font-weight: var(--mat-button-text-label-text-weight, var(--mat-sys-label-large-weight)); 282} 283.mat-mdc-button, .mat-mdc-button .mdc-button__ripple { 284 border-radius: var(--mat-button-text-container-shape, var(--mat-sys-corner-full)); 285} 286.mat-mdc-button:not(:disabled) { 287 color: var(--mat-button-text-label-text-color, var(--mat-sys-primary)); 288} 289.mat-mdc-button[disabled], .mat-mdc-button.mat-mdc-button-disabled { 290 cursor: default; 291 pointer-events: none; 292 color: var(--mat-button-text-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 293} 294.mat-mdc-button.mat-mdc-button-disabled-interactive { 295 pointer-events: auto; 296} 297.mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) { 298 padding: 0 var(--mat-button-text-with-icon-horizontal-padding, 16px); 299} 300.mat-mdc-button > .mat-icon { 301 margin-right: var(--mat-button-text-icon-spacing, 8px); 302 margin-left: var(--mat-button-text-icon-offset, -4px); 303} 304[dir=rtl] .mat-mdc-button > .mat-icon { 305 margin-right: var(--mat-button-text-icon-offset, -4px); 306 margin-left: var(--mat-button-text-icon-spacing, 8px); 307} 308.mat-mdc-button .mdc-button__label + .mat-icon { 309 margin-right: var(--mat-button-text-icon-offset, -4px); 310 margin-left: var(--mat-button-text-icon-spacing, 8px); 311} 312[dir=rtl] .mat-mdc-button .mdc-button__label + .mat-icon { 313 margin-right: var(--mat-button-text-icon-spacing, 8px); 314 margin-left: var(--mat-button-text-icon-offset, -4px); 315} 316.mat-mdc-button .mat-ripple-element { 317 background-color: var(--mat-button-text-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); 318} 319.mat-mdc-button .mat-mdc-button-persistent-ripple::before { 320 background-color: var(--mat-button-text-state-layer-color, var(--mat-sys-primary)); 321} 322.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { 323 background-color: var(--mat-button-text-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); 324} 325.mat-mdc-button:hover > .mat-mdc-button-persistent-ripple::before { 326 opacity: var(--mat-button-text-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 327} 328.mat-mdc-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { 329 opacity: var(--mat-button-text-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); 330} 331.mat-mdc-button:active > .mat-mdc-button-persistent-ripple::before { 332 opacity: var(--mat-button-text-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); 333} 334.mat-mdc-button .mat-mdc-button-touch-target { 335 position: absolute; 336 top: 50%; 337 height: var(--mat-button-text-touch-target-size, 48px); 338 display: var(--mat-button-text-touch-target-display, block); 339 left: 0; 340 right: 0; 341 transform: translateY(-50%); 342} 343 344.mat-mdc-unelevated-button { 345 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); 346 height: var(--mat-button-filled-container-height, 40px); 347 font-family: var(--mat-button-filled-label-text-font, var(--mat-sys-label-large-font)); 348 font-size: var(--mat-button-filled-label-text-size, var(--mat-sys-label-large-size)); 349 letter-spacing: var(--mat-button-filled-label-text-tracking, var(--mat-sys-label-large-tracking)); 350 text-transform: var(--mat-button-filled-label-text-transform); 351 font-weight: var(--mat-button-filled-label-text-weight, var(--mat-sys-label-large-weight)); 352 padding: 0 var(--mat-button-filled-horizontal-padding, 24px); 353} 354.mat-mdc-unelevated-button > .mat-icon { 355 margin-right: var(--mat-button-filled-icon-spacing, 8px); 356 margin-left: var(--mat-button-filled-icon-offset, -8px); 357} 358[dir=rtl] .mat-mdc-unelevated-button > .mat-icon { 359 margin-right: var(--mat-button-filled-icon-offset, -8px); 360 margin-left: var(--mat-button-filled-icon-spacing, 8px); 361} 362.mat-mdc-unelevated-button .mdc-button__label + .mat-icon { 363 margin-right: var(--mat-button-filled-icon-offset, -8px); 364 margin-left: var(--mat-button-filled-icon-spacing, 8px); 365} 366[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label + .mat-icon { 367 margin-right: var(--mat-button-filled-icon-spacing, 8px); 368 margin-left: var(--mat-button-filled-icon-offset, -8px); 369} 370.mat-mdc-unelevated-button .mat-ripple-element { 371 background-color: var(--mat-button-filled-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); 372} 373.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before { 374 background-color: var(--mat-button-filled-state-layer-color, var(--mat-sys-on-primary)); 375} 376.mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { 377 background-color: var(--mat-button-filled-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); 378} 379.mat-mdc-unelevated-button:hover > .mat-mdc-button-persistent-ripple::before { 380 opacity: var(--mat-button-filled-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 381} 382.mat-mdc-unelevated-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { 383 opacity: var(--mat-button-filled-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); 384} 385.mat-mdc-unelevated-button:active > .mat-mdc-button-persistent-ripple::before { 386 opacity: var(--mat-button-filled-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); 387} 388.mat-mdc-unelevated-button .mat-mdc-button-touch-target { 389 position: absolute; 390 top: 50%; 391 height: var(--mat-button-filled-touch-target-size, 48px); 392 display: var(--mat-button-filled-touch-target-display, block); 393 left: 0; 394 right: 0; 395 transform: translateY(-50%); 396} 397.mat-mdc-unelevated-button:not(:disabled) { 398 color: var(--mat-button-filled-label-text-color, var(--mat-sys-on-primary)); 399 background-color: var(--mat-button-filled-container-color, var(--mat-sys-primary)); 400} 401.mat-mdc-unelevated-button, .mat-mdc-unelevated-button .mdc-button__ripple { 402 border-radius: var(--mat-button-filled-container-shape, var(--mat-sys-corner-full)); 403} 404.mat-mdc-unelevated-button .mat-mdc-button-progress-indicator-container { 405 --mat-progress-spinner-active-indicator-color: var(--mat-button-filled-progress-active-indicator-color, var(--mat-sys-on-primary)); 406} 407.mat-mdc-unelevated-button[disabled], .mat-mdc-unelevated-button.mat-mdc-button-disabled { 408 cursor: default; 409 pointer-events: none; 410 color: var(--mat-button-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 411 background-color: var(--mat-button-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); 412} 413.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive { 414 pointer-events: auto; 415} 416 417.mat-mdc-raised-button { 418 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); 419 box-shadow: var(--mat-button-protected-container-elevation-shadow, var(--mat-sys-level1)); 420 height: var(--mat-button-protected-container-height, 40px); 421 font-family: var(--mat-button-protected-label-text-font, var(--mat-sys-label-large-font)); 422 font-size: var(--mat-button-protected-label-text-size, var(--mat-sys-label-large-size)); 423 letter-spacing: var(--mat-button-protected-label-text-tracking, var(--mat-sys-label-large-tracking)); 424 text-transform: var(--mat-button-protected-label-text-transform); 425 font-weight: var(--mat-button-protected-label-text-weight, var(--mat-sys-label-large-weight)); 426 padding: 0 var(--mat-button-protected-horizontal-padding, 24px); 427} 428.mat-mdc-raised-button > .mat-icon { 429 margin-right: var(--mat-button-protected-icon-spacing, 8px); 430 margin-left: var(--mat-button-protected-icon-offset, -8px); 431} 432[dir=rtl] .mat-mdc-raised-button > .mat-icon { 433 margin-right: var(--mat-button-protected-icon-offset, -8px); 434 margin-left: var(--mat-button-protected-icon-spacing, 8px); 435} 436.mat-mdc-raised-button .mdc-button__label + .mat-icon { 437 margin-right: var(--mat-button-protected-icon-offset, -8px); 438 margin-left: var(--mat-button-protected-icon-spacing, 8px); 439} 440[dir=rtl] .mat-mdc-raised-button .mdc-button__label + .mat-icon { 441 margin-right: var(--mat-button-protected-icon-spacing, 8px); 442 margin-left: var(--mat-button-protected-icon-offset, -8px); 443} 444.mat-mdc-raised-button .mat-ripple-element { 445 background-color: var(--mat-button-protected-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); 446} 447.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before { 448 background-color: var(--mat-button-protected-state-layer-color, var(--mat-sys-primary)); 449} 450.mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { 451 background-color: var(--mat-button-protected-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); 452} 453.mat-mdc-raised-button:hover > .mat-mdc-button-persistent-ripple::before { 454 opacity: var(--mat-button-protected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 455} 456.mat-mdc-raised-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { 457 opacity: var(--mat-button-protected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); 458} 459.mat-mdc-raised-button:active > .mat-mdc-button-persistent-ripple::before { 460 opacity: var(--mat-button-protected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); 461} 462.mat-mdc-raised-button .mat-mdc-button-touch-target { 463 position: absolute; 464 top: 50%; 465 height: var(--mat-button-protected-touch-target-size, 48px); 466 display: var(--mat-button-protected-touch-target-display, block); 467 left: 0; 468 right: 0; 469 transform: translateY(-50%); 470} 471.mat-mdc-raised-button:not(:disabled) { 472 color: var(--mat-button-protected-label-text-color, var(--mat-sys-primary)); 473 background-color: var(--mat-button-protected-container-color, var(--mat-sys-surface)); 474} 475.mat-mdc-raised-button, .mat-mdc-raised-button .mdc-button__ripple { 476 border-radius: var(--mat-button-protected-container-shape, var(--mat-sys-corner-full)); 477} 478@media (hover: hover) { 479 .mat-mdc-raised-button:hover { 480 box-shadow: var(--mat-button-protected-hover-container-elevation-shadow, var(--mat-sys-level2)); 481 } 482} 483.mat-mdc-raised-button:focus { 484 box-shadow: var(--mat-button-protected-focus-container-elevation-shadow, var(--mat-sys-level1)); 485} 486.mat-mdc-raised-button:active, .mat-mdc-raised-button:focus:active { 487 box-shadow: var(--mat-button-protected-pressed-container-elevation-shadow, var(--mat-sys-level1)); 488} 489.mat-mdc-raised-button[disabled], .mat-mdc-raised-button.mat-mdc-button-disabled { 490 cursor: default; 491 pointer-events: none; 492 color: var(--mat-button-protected-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 493 background-color: var(--mat-button-protected-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); 494} 495.mat-mdc-raised-button[disabled].mat-mdc-button-disabled, .mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled { 496 box-shadow: var(--mat-button-protected-disabled-container-elevation-shadow, var(--mat-sys-level0)); 497} 498.mat-mdc-raised-button.mat-mdc-button-disabled-interactive { 499 pointer-events: auto; 500} 501 502.mat-mdc-outlined-button { 503 border-style: solid; 504 transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1); 505 height: var(--mat-button-outlined-container-height, 40px); 506 font-family: var(--mat-button-outlined-label-text-font, var(--mat-sys-label-large-font)); 507 font-size: var(--mat-button-outlined-label-text-size, var(--mat-sys-label-large-size)); 508 letter-spacing: var(--mat-button-outlined-label-text-tracking, var(--mat-sys-label-large-tracking)); 509 text-transform: var(--mat-button-outlined-labe
509l-text-transform); 510 font-weight: var(--mat-button-outlined-label-text-weight, var(--mat-sys-label-large-weight)); 511 border-radius: var(--mat-button-outlined-container-shape, var(--mat-sys-corner-full)); 512 border-width: var(--mat-button-outlined-outline-width, 1px); 513 padding: 0 var(--mat-button-outlined-horizontal-padding, 24px); 514} 515.mat-mdc-outlined-button > .mat-icon { 516 margin-right: var(--mat-button-outlined-icon-spacing, 8px); 517 margin-left: var(--mat-button-outlined-icon-offset, -8px); 518} 519[dir=rtl] .mat-mdc-outlined-button > .mat-icon { 520 margin-right: var(--mat-button-outlined-icon-offset, -8px); 521 margin-left: var(--mat-button-outlined-icon-spacing, 8px); 522} 523.mat-mdc-outlined-button .mdc-button__label + .mat-icon { 524 margin-right: var(--mat-button-outlined-icon-offset, -8px); 525 margin-left: var(--mat-button-outlined-icon-spacing, 8px); 526} 527[dir=rtl] .mat-mdc-outlined-button .mdc-button__label + .mat-icon { 528 margin-right: var(--mat-button-outlined-icon-spacing, 8px); 529 margin-left: var(--mat-button-outlined-icon-offset, -8px); 530} 531.mat-mdc-outlined-button .mat-ripple-element { 532 background-color: var(--mat-button-outlined-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); 533} 534.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before { 535 background-color: var(--mat-button-outlined-state-layer-color, var(--mat-sys-primary)); 536} 537.mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { 538 background-color: var(--mat-button-outlined-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); 539} 540.mat-mdc-outlined-button:hover > .mat-mdc-button-persistent-ripple::before { 541 opacity: var(--mat-button-outlined-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 542} 543.mat-mdc-outlined-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { 544 opacity: var(--mat-button-outlined-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); 545} 546.mat-mdc-outlined-button:active > .mat-mdc-button-persistent-ripple::before { 547 opacity: var(--mat-button-outlined-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); 548} 549.mat-mdc-outlined-button .mat-mdc-button-touch-target { 550 position: absolute; 551 top: 50%; 552 height: var(--mat-button-outlined-touch-target-size, 48px); 553 display: var(--mat-button-outlined-touch-target-display, block); 554 left: 0; 555 right: 0; 556 transform: translateY(-50%); 557} 558.mat-mdc-outlined-button:not(:disabled) { 559 color: var(--mat-button-outlined-label-text-color, var(--mat-sys-primary)); 560 border-color: var(--mat-button-outlined-outline-color, var(--mat-sys-outline)); 561} 562.mat-mdc-outlined-button[disabled], .mat-mdc-outlined-button.mat-mdc-button-disabled { 563 cursor: default; 564 pointer-events: none; 565 color: var(--mat-button-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 566 border-color: var(--mat-button-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); 567} 568.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive { 569 pointer-events: auto; 570} 571 572.mat-tonal-button { 573 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); 574 height: var(--mat-button-tonal-container-height, 40px); 575 font-family: var(--mat-button-tonal-label-text-font, var(--mat-sys-label-large-font)); 576 font-size: var(--mat-button-tonal-label-text-size, var(--mat-sys-label-large-size)); 577 letter-spacing: var(--mat-button-tonal-label-text-tracking, var(--mat-sys-label-large-tracking)); 578 text-transform: var(--mat-button-tonal-label-text-transform); 579 font-weight: var(--mat-button-tonal-label-text-weight, var(--mat-sys-label-large-weight)); 580 padding: 0 var(--mat-button-tonal-horizontal-padding, 24px); 581} 582.mat-tonal-button:not(:disabled) { 583 color: var(--mat-button-tonal-label-text-color, var(--mat-sys-on-secondary-container)); 584 background-color: var(--mat-button-tonal-container-color, var(--mat-sys-secondary-container)); 585} 586.mat-tonal-button, .mat-tonal-button .mdc-button__ripple { 587 border-radius: var(--mat-button-tonal-container-shape, var(--mat-sys-corner-full)); 588} 589.mat-tonal-button[disabled], .mat-tonal-button.mat-mdc-button-disabled { 590 cursor: default; 591 pointer-events: none; 592 color: var(--mat-button-tonal-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 593 background-color: var(--mat-button-tonal-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); 594} 595.mat-tonal-button.mat-mdc-button-disabled-interactive { 596 pointer-events: auto; 597} 598.mat-tonal-button > .mat-icon { 599 margin-right: var(--mat-button-tonal-icon-spacing, 8px); 600 margin-left: var(--mat-button-tonal-icon-offset, -8px); 601} 602[dir=rtl] .mat-tonal-button > .mat-icon { 603 margin-right: var(--mat-button-tonal-icon-offset, -8px); 604 margin-left: var(--mat-button-tonal-icon-spacing, 8px); 605} 606.mat-tonal-button .mdc-button__label + .mat-icon { 607 margin-right: var(--mat-button-tonal-icon-offset, -8px); 608 margin-left: var(--mat-button-tonal-icon-spacing, 8px); 609} 610[dir=rtl] .mat-tonal-button .mdc-button__label + .mat-icon { 611 margin-right: var(--mat-button-tonal-icon-spacing, 8px); 612 margin-left: var(--mat-button-tonal-icon-offset, -8px); 613} 614.mat-tonal-button .mat-ripple-element { 615 background-color: var(--mat-button-tonal-ripple-color, color-mix(in srgb, var(--mat-sys-on-secondary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); 616} 617.mat-tonal-button .mat-mdc-button-persistent-ripple::before { 618 background-color: var(--mat-button-tonal-state-layer-color, var(--mat-sys-on-secondary-container)); 619} 620.mat-tonal-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { 621 background-color: var(--mat-button-tonal-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); 622} 623.mat-tonal-button:hover > .mat-mdc-button-persistent-ripple::before { 624 opacity: var(--mat-button-tonal-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 625} 626.mat-tonal-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-tonal-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-tonal-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { 627 opacity: var(--mat-button-tonal-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); 628} 629.mat-tonal-button:active > .mat-mdc-button-persistent-ripple::before { 630 opacity: var(--mat-button-tonal-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); 631} 632.mat-tonal-button .mat-mdc-button-touch-target { 633 position: absolute; 634 top: 50%; 635 height: var(--mat-button-tonal-touch-target-size, 48px); 636 display: var(--mat-button-tonal-touch-target-display, block); 637 left: 0; 638 right: 0; 639 transform: translateY(-50%); 640} 641 642.mat-mdc-button, 643.mat-mdc-unelevated-button, 644.mat-mdc-raised-button, 645.mat-mdc-outlined-button, 646.mat-tonal-button { 647 -webkit-tap-highlight-color: transparent; 648} 649.mat-mdc-button .mat-mdc-button-ripple, 650.mat-mdc-button .mat-mdc-button-persistent-ripple, 651.mat-mdc-button .mat-mdc-button-persistent-ripple::before, 652.mat-mdc-unelevated-button .mat-mdc-button-ripple, 653.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple, 654.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before, 655.mat-mdc-raised-button .mat-mdc-button-ripple, 656.mat-mdc-raised-button .mat-mdc-button-persistent-ripple, 657.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before, 658.mat-mdc-outlined-button .mat-mdc-button-ripple, 659.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple, 660.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before, 661.mat-tonal-button .mat-mdc-button-ripple, 662.mat-tonal-button .mat-mdc-button-persistent-ripple, 663.mat-tonal-button .mat-mdc-button-persistent-ripple::before { 664 top: 0; 665 left: 0; 666 right: 0; 667 bottom: 0; 668 position: absolute; 669 pointer-events: none; 670 border-radius: inherit; 671} 672.mat-mdc-button .mat-mdc-button-ripple, 673.mat-mdc-unelevated-button .mat-mdc-button-ripple, 674.mat-mdc-raised-button .mat-mdc-button-ripple, 675.mat-mdc-outlined-button .mat-mdc-button-ripple, 676.mat-tonal-button .mat-mdc-button-ripple { 677 overflow: hidden; 678} 679.mat-mdc-button .mat-mdc-button-persistent-ripple::before, 680.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before, 681.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before, 682.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before, 683.mat-tonal-button .mat-mdc-button-persistent-ripple::before { 684 content: ""; 685 opacity: 0; 686} 687.mat-mdc-button .mdc-button__label, 688.mat-mdc-button .mat-icon, 689.mat-mdc-unelevated-button .mdc-button__label, 690.mat-mdc-unelevated-button .mat-icon, 691.mat-mdc-raised-button .mdc-button__label, 692.mat-mdc-raised-button .mat-icon, 693.mat-mdc-outlined-button .mdc-button__label, 694.mat-mdc-outlined-button .mat-icon, 695.mat-tonal-button .mdc-button__label, 696.mat-tonal-button .mat-icon { 697 z-index: 1; 698 position: relative; 699} 700.mat-mdc-button .mat-focus-indicator, 701.mat-mdc-unelevated-button .mat-focus-indicator, 702.mat-mdc-raised-button .mat-focus-indicator, 703.mat-mdc-outlined-button .mat-focus-indicator, 704.mat-tonal-button .mat-focus-indicator { 705 top: 0; 706 left: 0; 707 right: 0; 708 bottom: 0; 709 position: absolute; 710 border-radius: inherit; 711} 712.mat-mdc-button:focus-visible > .mat-focus-indicator::before, 713.mat-mdc-unelevated-button:focus-visible > .mat-focus-indicator::before, 714.mat-mdc-raised-button:focus-visible > .mat-focus-indicator::before, 715.mat-mdc-outlined-button:focus-visible > .mat-focus-indicator::before, 716.mat-tonal-button:focus-visible > .mat-focus-indicator::before { 717 content: ""; 718 border-radius: inherit; 719} 720.mat-mdc-button._mat-animation-noopable, 721.mat-mdc-unelevated-button._mat-animation-noopable, 722.mat-mdc-raised-button._mat-animation-noopable, 723.mat-mdc-outlined-button._mat-animation-noopable, 724.mat-tonal-button._mat-animation-noopable { 725 transition: none !important; 726 animation: none !important; 727} 728.mat-mdc-button > .mat-icon, 729.mat-mdc-unelevated-button > .mat-icon, 730.mat-mdc-raised-button > .mat-icon, 731.mat-mdc-outlined-button > .mat-icon, 732.mat-tonal-button > .mat-icon { 733 display: inline-block; 734 position: relative; 735 vertical-align: top; 736 font-size: 1.125rem; 737 height: 1.125rem; 738 width: 1.125rem; 739} 740 741.mat-mdc-outlined-button .mat-mdc-button-ripple, 742.mat-mdc-outlined-button .mdc-button__ripple { 743 top: -1px; 744 left: -1px; 745 bottom: -1px; 746 right: -1px; 747} 748 749.mat-mdc-unelevated-button .mat-focus-indicator::before, 750.mat-tonal-button .mat-focus-indicator::before, 751.mat-mdc-raised-button .mat-focus-indicator::before { 752 margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1); 753} 754 755.mat-mdc-outlined-button .mat-focus-indicator::before { 756 margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px) * -1); 757} 758 759.mat-mdc-button-progress-indicator-container { 760 position: absolute; 761 inset-inline-start: 0; 762 inset-block-start: 0; 763 display: flex; 764 align-items: center; 765 justify-content: center; 766 width: 100%; 767 height: 100%; 768 box-sizing: border-box; 769} 770 771.mat-mdc-button-progress-indicator-shown mat-icon, 772.mat-mdc-button-progress-indicator-shown [matButtonIcon], 773.mat-mdc-button-progress-indicator-shown .mdc-button__label { 774 visibility: hidden; 775} 776</style><style ng-app-id="ng">@media (forced-colors: active) { 777 .mat-mdc-button:not(.mdc-button--outlined), 778 .mat-mdc-unelevated-button:not(.mdc-button--outlined), 779 .mat-mdc-raised-button:not(.mdc-button--outlined), 780 .mat-mdc-outlined-button:not(.mdc-button--outlined), 781 .mat-mdc-button-base.mat-tonal-button, 782 .mat-mdc-icon-button.mat-mdc-icon-button, 783 .mat-mdc-outlined-button .mdc-button__ripple { 784 outline: solid 1px; 785 } 786} 787</style><style ng-app-id="ng">.mat-focus-indicator { 788 position: relative; 789} 790.mat-focus-indicator::before { 791 top: 0; 792 left: 0; 793 right: 0; 794 bottom: 0; 795 position: absolute; 796 box-sizing: border-box; 797 pointer-events: none; 798 display: var(--mat-focus-indicator-display, none); 799 border-width: var(--mat-focus-indicator-border-width, 3px); 800 border-style: var(--mat-focus-indicator-border-style, solid); 801 border-color: var(--mat-focus-indicator-border-color, transparent); 802 border-radius: var(--mat-focus-indicator-border-radius, 4px); 803} 804.mat-focus-indicator:focus-visible::before { 805 content: ""; 806} 807 808@media (forced-colors: active) { 809 html { 810 --mat-focus-indicator-display: block; 811 } 812} 813</style><style ng-app-id="ng">.mat-toolbar { 814 background: var(--mat-toolbar-container-background-color, var(--mat-sys-surface)); 815 color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface)); 816} 817.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { 818 font-family: var(--mat-toolbar-title-text-font, var(--mat-sys-title-large-font)); 819 font-size: var(--mat-toolbar-title-text-size, var(--mat-sys-title-large-size)); 820 line-height: var(--mat-toolbar-title-text-line-height, var(--mat-sys-title-large-line-height)); 821 font-weight: var(--mat-toolbar-title-text-weight, var(--mat-sys-title-large-weight)); 822 letter-spacing: var(--mat-toolbar-title-text-tracking, var(--mat-sys-title-large-tracking)); 823 margin: 0; 824} 825@media (forced-colors: active) { 826 .mat-toolbar { 827 outline: solid 1px; 828 } 829} 830.mat-toolbar .mat-form-field-underline, 831.mat-toolbar .mat-form-field-ripple, 832.mat-toolbar .mat-focused .mat-form-field-ripple { 833 background-color: currentColor; 834} 835.mat-toolbar .mat-form-field-label, 836.mat-toolbar .mat-focused .mat-form-field-label, 837.mat-toolbar .mat-select-value, 838.mat-toolbar .mat-select-arrow, 839.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { 840 color: inherit; 841} 842.mat-toolbar .mat-input-element { 843 caret-color: currentColor; 844} 845.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed { 846 --mat-button-text-label-text-color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface)); 847 --mat-button-outlined-label-text-color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface)); 848} 849 850.mat-toolbar-row, .mat-toolbar-single-row { 851 display: flex; 852 box-sizing: border-box; 853 padding: 0 16px; 854 width: 100%; 855 flex-direction: row; 856 align-items: center; 857 white-space: nowrap; 858 height: var(--mat-toolbar-standard-height, 64px); 859} 860@media (max-width: 599px) { 861 .mat-toolbar-row, .mat-toolbar-single-row { 862 height: var(--mat-toolbar-mobile-height, 56px); 863 } 864} 865 866.mat-toolbar-multiple-rows { 867 display: flex; 868 box-sizing: border-box; 869 flex-direction: column; 870 width: 100%; 871 min-height: var(--mat-toolbar-standard-height, 64px); 872} 873@media (max-width: 599px) { 874 .mat-toolbar-multiple-rows { 875 min-height: var(--mat-toolbar-mobile-height, 56px); 876 } 877} 878</style><style ng-app-id="ng">mat-icon, mat-icon.mat-primary, mat-icon.mat-accent, mat-icon.mat-warn { 879 color: var(--mat-icon-color, inherit); 880} 881 882.mat-icon { 883 -webkit-user-select: none; 884 user-select: none; 885 background-repeat: no-repeat; 886 display: inline-block; 887 fill: currentColor; 888 height: 24px; 889 width: 24px; 890 overflow: hidden; 891} 892.mat-icon.mat-icon-inline { 893 font-size: inherit; 894 height: inherit; 895 line-height: inherit; 896 width: inherit; 897} 898.mat-icon.mat-ligature-font[fontIcon]::before { 899 content: attr(fontIcon); 900} 901 902[dir=rtl] .mat-icon-rtl-mirror { 903 transform: scale(-1, 1); 904} 905 906.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon, 907.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon { 908 display: block; 909} 910.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon, 911.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon { 912 margin: auto; 913} 914</style><style ng-app-id="ng">mat-menu { 915 display: none; 916} 917 918.mat-mdc-menu-content { 919 margin: 0; 920 padding: 8px 0; 921 outline: 0; 922} 923.mat-mdc-menu-content, 924.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text { 925 -moz-osx-font-smoothing: grayscale; 926 -webkit-font-smoothing: antialiased; 927 flex: 1; 928 white-space: normal; 929 font-family: var(--mat-menu-item-label-text-font, var(--mat-sys-label-large-font)); 930 line-he
930ight: var(--mat-menu-item-label-text-line-height, var(--mat-sys-label-large-line-height)); 931 font-size: var(--mat-menu-item-label-text-size, var(--mat-sys-label-large-size)); 932 letter-spacing: var(--mat-menu-item-label-text-tracking, var(--mat-sys-label-large-tracking)); 933 font-weight: var(--mat-menu-item-label-text-weight, var(--mat-sys-label-large-weight)); 934} 935 936@keyframes _mat-menu-enter { 937 from { 938 opacity: 0; 939 transform: scale(0.8); 940 } 941 to { 942 opacity: 1; 943 transform: none; 944 } 945} 946@keyframes _mat-menu-exit { 947 from { 948 opacity: 1; 949 } 950 to { 951 opacity: 0; 952 } 953} 954.mat-mdc-menu-panel { 955 min-width: 112px; 956 max-width: 280px; 957 overflow: auto; 958 box-sizing: border-box; 959 outline: 0; 960 animation: _mat-menu-enter 120ms cubic-bezier(0, 0, 0.2, 1); 961 border-radius: var(--mat-menu-container-shape, var(--mat-sys-corner-extra-small)); 962 background-color: var(--mat-menu-container-color, var(--mat-sys-surface-container)); 963 box-shadow: var(--mat-menu-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)); 964 will-change: transform, opacity; 965} 966.mat-mdc-menu-panel.mat-menu-panel-exit-animation { 967 animation: _mat-menu-exit 100ms 25ms linear forwards; 968} 969.mat-mdc-menu-panel.mat-menu-panel-animations-disabled { 970 animation: none; 971} 972.mat-mdc-menu-panel.mat-menu-panel-animating { 973 pointer-events: none; 974} 975.mat-mdc-menu-panel.mat-menu-panel-animating:has(.mat-mdc-menu-content:empty) { 976 display: none; 977} 978@media (forced-colors: active) { 979 .mat-mdc-menu-panel { 980 outline: solid 1px; 981 } 982} 983.mat-mdc-menu-panel .mat-divider { 984 border-top-color: var(--mat-menu-divider-color, var(--mat-sys-surface-variant)); 985 margin-bottom: var(--mat-menu-divider-bottom-spacing, 8px); 986 margin-top: var(--mat-menu-divider-top-spacing, 8px); 987} 988 989.mat-mdc-menu-item { 990 display: flex; 991 position: relative; 992 align-items: center; 993 justify-content: flex-start; 994 overflow: hidden; 995 padding: 0; 996 cursor: pointer; 997 width: 100%; 998 text-align: left; 999 box-sizing: border-box; 1000 color: inherit; 1001 font-size: inherit; 1002 background: none; 1003 text-decoration: none; 1004 margin: 0; 1005 min-height: 48px; 1006 padding-left: var(--mat-menu-item-leading-spacing, 12px); 1007 padding-right: var(--mat-menu-item-trailing-spacing, 12px); 1008 -webkit-user-select: none; 1009 user-select: none; 1010 cursor: pointer; 1011 outline: none; 1012 border: none; 1013 -webkit-tap-highlight-color: transparent; 1014} 1015.mat-mdc-menu-item::-moz-focus-inner { 1016 border: 0; 1017} 1018[dir=rtl] .mat-mdc-menu-item { 1019 padding-left: var(--mat-menu-item-trailing-spacing, 12px); 1020 padding-right: var(--mat-menu-item-leading-spacing, 12px); 1021} 1022.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) { 1023 padding-left: var(--mat-menu-item-with-icon-leading-spacing, 12px); 1024 padding-right: var(--mat-menu-item-with-icon-trailing-spacing, 12px); 1025} 1026[dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) { 1027 padding-left: var(--mat-menu-item-with-icon-trailing-spacing, 12px); 1028 padding-right: var(--mat-menu-item-with-icon-leading-spacing, 12px); 1029} 1030.mat-mdc-menu-item, .mat-mdc-menu-item:visited, .mat-mdc-menu-item:link { 1031 color: var(--mat-menu-item-label-text-color, var(--mat-sys-on-surface)); 1032} 1033.mat-mdc-menu-item .mat-icon-no-color, 1034.mat-mdc-menu-item .mat-mdc-menu-submenu-icon { 1035 color: var(--mat-menu-item-icon-color, var(--mat-sys-on-surface-variant)); 1036} 1037.mat-mdc-menu-item[disabled] { 1038 cursor: default; 1039 opacity: 0.38; 1040} 1041.mat-mdc-menu-item[disabled]::after { 1042 display: block; 1043 position: absolute; 1044 content: ""; 1045 top: 0; 1046 left: 0; 1047 bottom: 0; 1048 right: 0; 1049} 1050.mat-mdc-menu-item:focus { 1051 outline: 0; 1052} 1053.mat-mdc-menu-item .mat-icon { 1054 flex-shrink: 0; 1055 margin-right: var(--mat-menu-item-spacing, 12px); 1056 height: var(--mat-menu-item-icon-size, 24px); 1057 width: var(--mat-menu-item-icon-size, 24px); 1058} 1059[dir=rtl] .mat-mdc-menu-item { 1060 text-align: right; 1061} 1062[dir=rtl] .mat-mdc-menu-item .mat-icon { 1063 margin-right: 0; 1064 margin-left: var(--mat-menu-item-spacing, 12px); 1065} 1066.mat-mdc-menu-item:not([disabled]):hover { 1067 background-color: var(--mat-menu-item-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent)); 1068} 1069.mat-mdc-menu-item:not([disabled]).cdk-program-focused, .mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused, .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted { 1070 background-color: var(--mat-menu-item-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent)); 1071} 1072@media (forced-colors: active) { 1073 .mat-mdc-menu-item {
1074 margin-top: 1px; 1075 } 1076} 1077 1078.mat-mdc-menu-submenu-icon { 1079 width: var(--mat-menu-item-icon-size, 24px); 1080 height: 10px; 1081 fill: currentColor; 1082 padding-left: var(--mat-menu-item-spacing, 12px); 1083} 1084[dir=rtl] .mat-mdc-menu-submenu-icon { 1085 padding-right: var(--mat-menu-item-spacing, 12px); 1086 padding-left: 0; 1087} 1088[dir=rtl] .mat-mdc-menu-submenu-icon polygon { 1089 transform: scaleX(-1); 1090 transform-origin: center; 1091} 1092@media (forced-colors: active) { 1093 .mat-mdc-menu-submenu-icon { 1094 fill: CanvasText; 1095 } 1096} 1097 1098.mat-mdc-menu-item .mat-mdc-menu-ripple { 1099 top: 0; 1100 left: 0; 1101 right: 0; 1102 bottom: 0; 1103 position: absolute; 1104 pointer-events: none; 1105} 1106</style><style ng-app-id="ng">.mat-mdc-icon-button { 1107 -webkit-user-select: none; 1108 user-select: none; 1109 display: inline-block; 1110 position: relative; 1111 box-sizing: border-box; 1112 border: none; 1113 outline: none; 1114 background-color: transparent; 1115 fill: currentColor; 1116 text-decoration: none; 1117 cursor: pointer; 1118 z-index: 0; 1119 overflow: visible; 1120 border-radius: var(--mat-icon-button-container-shape, var(--mat-sys-corner-full, 50%)); 1121 flex-shrink: 0; 1122 text-align: center; 1123 width: var(--mat-icon-button-state-layer-size, 40px); 1124 height: var(--mat-icon-button-state-layer-size, 40px); 1125 padding: calc(calc(var(--mat-icon-button-state-layer-size, 40px) - var(--mat-icon-button-icon-size, 24px)) / 2); 1126 font-size: var(--mat-icon-button-icon-size, 24px); 1127 color: var(--mat-icon-button-icon-color, var(--mat-sys-on-surface-variant)); 1128 -webkit-tap-highlight-color: transparent; 1129} 1130.mat-mdc-icon-button .mat-mdc-button-ripple, 1131.mat-mdc-icon-button .mat-mdc-button-persistent-ripple, 1132.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before { 1133 top: 0; 1134 left: 0; 1135 right: 0; 1136 bottom: 0; 1137 position: absolute; 1138 pointer-events: none; 1139 border-radius: inherit; 1140} 1141.mat-mdc-icon-button .mat-mdc-button-ripple { 1142 overflow: hidden; 1143} 1144.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before { 1145 content: ""; 1146 opacity: 0; 1147} 1148.mat-mdc-icon-button .mdc-button__label, 1149.mat-mdc-icon-button .mat-icon { 1150 z-index: 1; 1151 position: relative; 1152} 1153.mat-mdc-icon-button .mat-focus-indicator { 1154 top: 0; 1155 left: 0; 1156 right: 0; 1157 bottom: 0; 1158 position: absolute; 1159 border-radius: inherit; 1160} 1161.mat-mdc-icon-button:focus-visible > .mat-focus-indicator::before { 1162 content: ""; 1163 border-radius: inherit; 1164} 1165.mat-mdc-icon-button .mat-ripple-element { 1166 background-color: var(--mat-icon-button-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface-variant) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); 1167} 1168.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before { 1169 background-color: var(--mat-icon-button-state-layer-color, var(--mat-sys-on-surface-variant)); 1170} 1171.mat-mdc-icon-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { 1172 background-color: var(--mat-icon-button-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); 1173} 1174.mat-mdc-icon-button:hover > .mat-mdc-button-persistent-ripple::before { 1175 opacity: var(--mat-icon-button-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 1176} 1177.mat-mdc-icon-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { 1178 opacity: var(--mat-icon-button-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); 1179} 1180.mat-mdc-icon-button:active > .mat-mdc-button-persistent-ripple::before { 1181 opacity: var(--mat-icon-button-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); 1182} 1183.mat-mdc-icon-button .mat-mdc-button-touch-target { 1184 position: absolute; 1185 top: 50%; 1186 height: var(--mat-icon-button-touch-target-size, 48px); 1187 display: var(--mat-icon-button-touch-target-display, block); 1188 left: 50%; 1189 width: var(--mat-icon-button-touch-target-size, 48px); 1190 transform: translate(-50%, -50%); 1191} 1192.mat-mdc-icon-button._mat-animation-noopable { 1193 transition: none !important; 1194 animation: none !important; 1195} 1196.mat-mdc-icon-button[disabled], .mat-mdc-icon-button.mat-mdc-button-disabled { 1197 cursor: default; 1198 pointer-events: none; 1199 color: var(--mat-icon-button-disabled-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1200} 1201.mat-mdc-icon-button.mat-mdc-button-disabled-interactive { 1202 pointer-events: auto; 1203} 1204.mat-mdc-icon-button img, 1205.mat-mdc-icon-button svg { 1206 width: var(--mat-icon-button-icon-size, 24px); 1207 height: var(--mat-icon-button-icon-size, 24px); 1208 vertical-align: baseline; 1209} 1210.mat-mdc-icon-button .mat-mdc-button-progress-indicator-container .mdc-circular-progress__determinate-circle-graphic { 1211 width: inherit; 1212 height: inherit; 1213} 1214.mat-mdc-icon-button .mat-mdc-button-progress-indicator-container .mdc-circular-progress__indeterminate-circle-graphic { 1215 height: 100%; 1216} 1217.mat-mdc-icon-button .mat-mdc-button-persistent-ripple { 1218 border-radius: var(--mat-icon-button-container-shape, var(--mat-sys-corner-full, 50%)); 1219} 1220.mat-mdc-icon-button[hidden] { 1221 display: none; 1222} 1223.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before, .mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before, .mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before, .mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before { 1224 background: transparent; 1225 opacity: 1; 1226} 1227 1228.mat-mdc-button-progress-indicator-container { 1229 position: absolute; 1230 inset-inline-start: 0; 1231 inset-block-start: 0; 1232 display: flex; 1233 align-items: center; 1234 justify-content: center; 1235 width: 100%; 1236 height: 100%; 1237 box-sizing: border-box; 1238} 1239 1240.mat-mdc-button-progress-indicator-shown mat-icon { 1241 visibility: hidden; 1242} 1243</style><style ng-app-id="ng">.ehr-cookie-banner[_ngcontent-ng-c4202300216]{position:fixed;bottom:0;left:0;right:0;box-sizing:border-box;width:auto;max-width:100%;z-index:10000;background-color:var(--md-surface-color);color:var(--md-on-surface-color);border-top:1px solid var(--md-border-color);box-shadow:0 -2px 6px var(--md-shadow-light);padding:1rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;font-family:var(--font-secondary);font-size:14px}.ehr-cookie-banner[_ngcontent-ng-c4202300216] a[_ngcontent-ng-c4202300216]{color:var(--md-primary-color);text-decoration:underline}.ehr-cookie-banner[_ngcontent-ng-c4202300216] .actions[_ngcontent-ng-c4202300216]{display:flex;flex-wrap:wrap;gap:.75rem}.ehr-cookie-banner[_ngcontent-ng-c4202300216] .actions[_ngcontent-ng-c4202300216] .primary[_ngcontent-ng-c4202300216]{font-weight:600}@media(max-width:768px){.ehr-cookie-banner[_ngcontent-ng-c4202300216]{flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;padding:.8rem 1rem;font-size:.8125rem;line-height:1.35}.ehr-cookie-banner[_ngcontent-ng-c4202300216] .actions[_ngcontent-ng-c4202300216]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.5rem}.ehr-cookie-banner[_ngcontent-ng-c4202300216] .actions[_ngcontent-ng-c4202300216] button[_ngcontent-ng-c4202300216]{width:100%;min-height:2.75rem;padding-inline:.55rem;line-height:1.2}}@media(max-width:359px){.ehr-cookie-banner[_ngcontent-ng-c4202300216] .actions[_ngcontent-ng-c4202300216]{grid-template-columns:1fr}}</style><style ng-app-id="ng">.site-footer[_ngcontent-ng-c1935281767]{color:var(--wv-text-secondary, #173c59);background:linear-gradient(180deg,#fff,#fbfdfc 52%,#f7fbf9);border-top:1px solid rgba(16,47,77,.07)}.footer-container[_ngcontent-ng-c1935281767]{display:grid;grid-template-columns:minmax(13rem,.75fr) minmax(0,2.25fr);gap:clamp(2rem,5vw,4rem);width:min(1180px,100% - 3rem);margin:0 auto;padding:clamp(2.7rem,5vw,4.25rem) 0 clamp(2rem,4vw,3rem)}.footer-section[_ngcontent-ng-c1935281767]{min-width:0}.footer-section[_ngcontent-ng-c1935281767] h3[_ngcontent-ng-c1935281767]{margin:0 0 .85rem;color:var(--wv-text-primary, #102f4d);font-size:1rem;line-height:1.25;font-weight:900;letter-spacing:-.015em}.footer-section[_ngcontent-ng-c1935281767] h3[_ngcontent-ng-c1935281767] a[_ngcontent-ng-c1935281767]{color:inherit;text-decoration:none;font-weight:inherit;font-size:inherit}.footer-section[_ngcontent-ng-c1935281767] p[_ngcontent-ng-c1935281767], .footer-section[_ngcontent-ng-c1935281767] address[_ngcontent-ng-c1935281767], .footer-section[_ngcontent-ng-c1935281767] ul[_ngcontent-ng-c1935281767]{margin:0;padding:0}.footer-section[_ngcontent-ng-c1935281767] ul[_ngcontent-ng-c1935281767]{display:grid;gap:.58rem;list-style:none}.footer-section[_ngcontent-ng-c1935281767] a[_ngcontent-ng-c1935281767], .footer-section[_ngcontent-ng-c1935281767] .footer-link-button[_ngcontent-ng-c1935281767]{display:inline-flex;width:fit-content;align-items:center;padding:0;border:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));background:transparent;font:inherit;font-size:.92rem;line-height:1.35;font-weight:400;letter-spacing:0;text-align:left;text-decoration:none;text-transform:none;cursor:pointer}.footer-section[_ngcontent-ng-c1935281767] a[_ngcontent-ng-c1935281767]:hover, .footer-section[_ngcontent-ng-c1935281767] a[_ngcontent-ng-c1935281767]:focus-visible, .footer-section[_ngcontent-ng-c1935281767] .footer-link-button[_ngcontent-ng-c1935281767]:hover, .footer-section[_ngcontent-ng-c1935281767] .footer-link-button[_ngcontent-ng-c1935281767]:focus-visible{color:var(--wv-green-800, #267e67);text-decoration:underline;text-underline-offset:.18em;outline:none}.footer-section[_ngcontent-ng-c1935281767] a[_ngcontent-ng-c1935281767]:focus-visible, .footer-section[_ngcontent-ng-c1935281767] .footer-link-button[_ngcontent-ng-c1935281767]:focus-visible{outline:3px solid rgba(38,126,103,.22);outline-offset:3px;border-radius:.25rem;text-decoration:none}.footer-section--brand[_ngcontent-ng-c1935281767]{max-width:19rem}.footer-logo[_ngcontent-ng-c1935281767]{display:inline-flex;align-items:center;width:fit-content;margin-bottom:.95rem}.footer-logo[_ngcontent-ng-c1935281767] img[_ngcontent-ng-c1935281767]{display:block;width:clamp(9.5rem,13vw,12.5rem);height:auto}.footer-logo[_ngcontent-ng-c1935281767]:hover, .footer-logo[_ngcontent-ng-c1935281767]:focus-visible{text-decoration:none}.footer-logo[_ngcontent-ng-c1935281767]:focus-visible{outline:3px solid rgba(38,126,103,.22);outline-offset:4px;border-radius:.45rem}.footer-description[_ngcontent-ng-c1935281767]{max-width:20rem;font-size:.9rem;line-height:1.55;font-weight:600;width:100%;margin-top:-.75rem!important;margin-bottom:1rem!important;color:var(--wv-text-primary)}.footer-address[_ngcontent-ng-c1935281767]{margin-top:1rem;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-style:normal;font-size:.92rem;line-height:1.65}.footer-address[_ngcontent-ng-c1935281767] a[_ngcontent-ng-c1935281767]{color:var(--wv-text-secondary, #173c59);font-weight:750}.footer-nav[_ngcontent-ng-c1935281767]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1rem,2vw,1.8rem)}.footer-bottom[_ngcontent-ng-c1935281767]{width:min(1180px,100% - 3rem);margin:0 auto;padding:1.05rem 0 1.2rem;border-top:1px solid rgba(16,47,77,.07);color:var(--wv-text-soft, rgba(23, 60, 89, .62));font-size:.88rem;line-height:1.4;text-align:center}.footer-bottom[_ngcontent-ng-c1935281767] p[_ngcontent-ng-c1935281767]{margin:0}@media(max-width:980px){.footer-container[_ngcontent-ng-c1935281767]{grid-template-columns:1fr}.footer-section--brand[_ngcontent-ng-c1935281767]{max-width:34rem}.footer-nav[_ngcontent-ng-c1935281767]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.footer-description[_ngcontent-ng-c1935281767]{width:100%;max-width:calc(100% - 2rem);margin-top:-.75rem!important;margin-bottom:1rem!important;color:var(--wv-text-primary)}.footer-container[_ngcontent-ng-c1935281767]{width:min(100% - 2rem,1180px);padding:2.35rem 0 1.9rem}.footer-nav[_ngcontent-ng-c1935281767]{grid-template-columns:1fr;gap:1.35rem}.footer-section[_ngcontent-ng-c1935281767]{padding-top:1.15rem;border-top:1px solid rgba(16,47,77,.07)}.footer-section[_ngcontent-ng-c1935281767]:first-child{padding-top:0;border-top:0}.footer-section[_ngcontent-ng-c1935281767] ul[_ngcontent-ng-c1935281767]{gap:.55rem}.footer-section--brand[_ngcontent-ng-c1935281767]{padding-top:0;border-top:0}.footer-bottom[_ngcontent-ng-c1935281767]{width:min(100% - 2rem,1180px);text-align:left}}</style><style ng-app-id="ng">.mat-ripple { 1244 overflow: hidden; 1245 position: relative; 1246} 1247.mat-ripple:not(:empty) { 1248 transform: translateZ(0); 1249} 1250 1251.mat-ripple.mat-ripple-unbounded { 1252 overflow: visible; 1253} 1254 1255.mat-ripple-element { 1256 position: absolute; 1257 border-radius: 50%; 1258 pointer-events: none; 1259 transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); 1260 transform: scale3d(0, 0, 0); 1261 background-color: var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent)); 1262} 1263@media (forced-colors: active) { 1264 .mat-ripple-element { 1265 display: none; 1266 } 1267} 1268.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element { 1269 display: none; 1270} 1271</style><style ng-app-id="ng">[_nghost-ng-c1136995975]{display:block}</style><meta property="og:title" content="Medewerker App | WorkVine"><meta property="og:description" content="Rooster, acties, verlof, uren, trainingen, certificaten en communicatie in één app voor medewerkers."><meta property="og:url" content="https://workvine.nl/apps/medewerker-app"><meta property="og:locale" content="nl_NL"><meta property="og:image" content="https://workvine.nl/assets/features/medewerker-app/medewerker-app-dashboard.webp"><link rel="alternate" hreflang="nl-NL" href="https://workvine.nl/apps/medewerker-app" data-workvine-locale="nl"><link rel="alternate" hreflang="en" href="https://workvine.eu/apps/employee-app" data-workvine-locale="en"><meta property="og:locale:alternate" content="en_US">
1271<script type="application/ld+json" id="structured-data-ehr">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://workvine.nl/#org","name":"WorkVine","url":"https://workvine.nl","sameAs":["https://www.linkedin.com/company/workvine-software/"],"areaServed":{"@type":"Country","name":"Netherlands"},"address":{"@type":"PostalAddress","streetAddress":"IJsbaanpad 84E","postalCode":"1076 CW","addressLocality":"Amsterdam","addressCountry":"NL"},"contactPoint":{"@type":"ContactPoint","telephone":"+31852129076","email":"[email protected]","contactType":"customer support","areaServed":{"@type":"Country","name":"Netherlands"},"availableLanguage":["nl-NL"]}},{"@type":"WebSite","@id":"https://workvine.nl/#website","name":"WorkVine","url":"https://workvine.nl","publisher":{"@id":"https://workvine.nl/#org"}},{"@type":"SoftwareApplication","@id":"https://workvine.nl/#app","name":"WorkVine","applicationCategory":"BusinessApplication","operatingSystem":"Web, iOS, Android","url":"https://workvine.nl","description":"WorkVine brengt HR, planning, uren, verlof, verzuim, training, documenten, communicatie en opvolging samen in één medewerkerplatform.","publisher":{"@id":"https://workvine.nl/#org"},"areaServed":{"@type":"Country","name":"Netherlands"},"sameAs":["https://play.google.com/store/apps/details?id=nl.employee.workvine","https://apps.apple.com/nl/app/workvine-medewerker-app/id6784990614"]},{"@type":"Service","@id":"https://workvine.nl/apps/medewerker-app#service","additionalType":"https://schema.org/HumanResources","name":"WorkVine Medewerker App","description":"Medewerker App voor roosters, acties, verlof, urenregistratie, training, certificaten, communicatie en medewerkeropvolging.","provider":{"@id":"https://workvine.nl/#org"},"areaServed":{"@type":"Country","name":"Netherlands"},"mainEntityOfPage":{"@id":"https://workvine.nl/apps/medewerker-app"},"url":"https://workvine.nl/apps/medewerker-app","about":{"@id":"https://workvine.nl/#app"}},{"@type":"WebPage","@id":"https://workvine.nl/apps/medewerker-app","name":"Medewerker App voor rooster, acties en communicatie | WorkVine","description":"De WorkVine Medewerker App geeft medewerkers één plek voor rooster, acties, verlof, uren, trainingen, certificaten, communicatie en updates. Beschikbaar via web, iOS en Android.","url":"https://workvine.nl/apps/medewerker-app","inLanguage":"nl-NL","isPartOf":{"@id":"https://workvine.nl/#website"},"publisher":{"@id":"https://workvine.nl/#org"},"mainEntity":{"@id":"https://workvine.nl/apps/medewerker-app#service"},"breadcrumb":{"@id":"https://workvine.nl/apps/medewerker-app#breadcrumbs"}},{"@type":"BreadcrumbList","@id":"https://workvine.nl/apps/medewerker-app#breadcrumbs","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":{"@id":"https://workvine.nl/"}},{"@type":"ListItem","position":2,"name":"Apps","item":{"@id":"https://workvine.nl/apps"}},{"@type":"ListItem","position":3,"name":"Medewerker App","item":{"@id":"https://workvine.nl/apps/medewerker-app"}}]}]}</script>
1271<style ng-app-id="ng">[_nghost-ng-c1486936902]{display:block}.feature-banner[_ngcontent-ng-c1486936902]{padding:clamp(2.25rem,4.5vw,4.5rem) clamp(1rem,4vw,4rem);color:#102f4d;background:radial-gradient(circle at 78% 18%,rgba(150,214,180,.24),transparent 24rem),linear-gradient(180deg,#f7fbf8,#edf7f2);overflow:hidden}.feature-banner__inner[_ngcontent-ng-c1486936902]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.25rem,4vw,4.25rem);align-items:center;width:min(1240px,100%);margin-inline:auto}.feature-banner__content[_ngcontent-ng-c1486936902]{min-width:0;max-width:36rem}.feature-banner__kicker[_ngcontent-ng-c1486936902], .feature-banner__title[_ngcontent-ng-c1486936902], .feature-banner__text[_ngcontent-ng-c1486936902], .feature-banner__caption[_ngcontent-ng-c1486936902]{margin:0}.feature-banner__kicker[_ngcontent-ng-c1486936902]{margin-bottom:.75rem;color:#267e67;font-size:.88rem;font-weight:900}.feature-banner__title[_ngcontent-ng-c1486936902]{max-width:18ch;font-size:clamp(2.4rem,3.35vw,3.45rem);line-height:1.05;font-weight:900;letter-spacing:-.04em;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.feature-banner__text[_ngcontent-ng-c1486936902]{max-width:54ch;margin-top:1.05rem;color:#173c59c7;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.62;font-weight:600}.feature-banner__actions[_ngcontent-ng-c1486936902]{display:flex;flex-wrap:wrap;gap:.78rem;align-items:center;margin-top:1.45rem}.feature-banner__cta[_ngcontent-ng-c1486936902]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;padding:.72rem 1.35rem;border-radius:.58rem;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.feature-banner__cta[_ngcontent-ng-c1486936902]:focus-visible, .feature-visual__poster[_ngcontent-ng-c1486936902]:focus-visible{outline:3px solid rgba(16,47,77,.28);outline-offset:3px}.feature-banner__cta--primary[_ngcontent-ng-c1486936902]{border:1px solid #f5d83d;color:#102f4d;background:#f5d83d;box-shadow:0 .9rem 1.8rem #102f4d24}.feature-banner__cta--secondary[_ngcontent-ng-c1486936902]{border:1px solid rgba(16,47,77,.16);color:#102f4d;background:#ffffffc7}.feature-banner__cta[_ngcontent-ng-c1486936902]:hover, .feature-banner__cta[_ngcontent-ng-c1486936902]:focus-visible{transform:translateY(-1px)}.feature-banner__cta--primary[_ngcontent-ng-c1486936902]:hover, .feature-banner__cta--primary[_ngcontent-ng-c1486936902]:focus-visible{box-shadow:0 1.1rem 2.1rem #102f4d2e}.feature-banner__visual[_ngcontent-ng-c1486936902]{width:100%;min-width:0;justify-self:center}.feature-visual[_ngcontent-ng-c1486936902]{position:relative;overflow:hidden;border:1px solid rgba(16,47,77,.08);border-radius:.9rem;background:linear-gradient(180deg,#ffffffb8,#f7fbf985),#ffffff6b;box-shadow:0 1.4rem 3.6rem #102f4d29,0 .45rem 1.2rem #102f4d0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.feature-visual__poster[_ngcontent-ng-c1486936902], .feature-visual__image[_ngcontent-ng-c1486936902], .feature-visual[_ngcontent-ng-c1486936902] picture[_ngcontent-ng-c1486936902], .feature-visual[_ngcontent-ng-c1486936902] img[_ngcontent-ng-c1486936902]{display:block;width:100%}.feature-visual__poster[_ngcontent-ng-c1486936902]{position:relative;padding:0;border:0;border-radius:inherit;background:transparent;overflow:hidden;cursor:pointer}.feature-visual[_ngcontent-ng-c1486936902] img[_ngcontent-ng-c1486936902]{aspect-ratio:auto;height:auto;border-radius:inherit;object-fit:contain;object-position:center;background:linear-gradient(180deg,#f8fcfafa,#fffffff5)}.feature-visual--product-proof[_ngcontent-ng-c1486936902]{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.feature-visual--product-proof[_ngcontent-ng-c1486936902] img[_ngcontent-ng-c1486936902]{height:auto;aspect-ratio:auto;border-radius:0;object-fit:contain;background:transparent}.feature-visual--raw-product-proof[_ngcontent-ng-c1486936902]{overflow:hidden;border:1px solid var(--wv-border-soft, rgba(16, 47, 77, .07));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-lg, 0 1rem 2.4rem rgba(16, 47, 77, .075))}
1271.feature-visual--raw-product-proof[_ngcontent-ng-c1486936902] img[_ngcontent-ng-c1486936902]{border-radius:inherit}@media screen and (min-width:1200px){.feature-visual__image--trim-bottom[_ngcontent-ng-c1486936902]{aspect-ratio:1920/750;overflow:hidden}}@media screen and (min-width:768px)and (max-width:1199px){.feature-visual__image--trim-bottom[_ngcontent-ng-c1486936902]{aspect-ratio:1280/750;overflow:hidden}}.feature-visual__play[_ngcontent-ng-c1486936902]{position:absolute;inset:auto auto 1rem 1rem;display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border:1px solid rgba(255,255,255,.68);border-radius:999px;color:#102f4d;background:#f5d83d;box-shadow:0 .85rem 1.8rem #102f4d33}.feature-visual__play[_ngcontent-ng-c1486936902] mat-icon[_ngcontent-ng-c1486936902]{width:2rem;height:2rem;font-size:2rem}.feature-visual--video-active[_ngcontent-ng-c1486936902]{overflow:hidden}.feature-banner--text-only[_ngcontent-ng-c1486936902]{padding-block:clamp(2.5rem,5vw,4rem)}.feature-banner--text-only[_ngcontent-ng-c1486936902] .feature-banner__inner[_ngcontent-ng-c1486936902]{grid-template-columns:1fr}.feature-banner--text-only[_ngcontent-ng-c1486936902] .feature-banner__content[_ngcontent-ng-c1486936902]{max-width:780px}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902]{padding-top:clamp(1rem,2vw,1.35rem)}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902] .feature-banner__inner[_ngcontent-ng-c1486936902]{margin-top:clamp(1.85rem,3vw,2.85rem)}@media(max-width:1100px){.feature-banner__inner[_ngcontent-ng-c1486936902]{grid-template-columns:1fr;gap:clamp(1.75rem,4vw,2.5rem)}.feature-banner__content[_ngcontent-ng-c1486936902]{max-width:48rem}.feature-banner__visual[_ngcontent-ng-c1486936902]{width:min(100%,55rem)}}@media(max-width:767px){.feature-banner[_ngcontent-ng-c1486936902]{padding:2rem 1rem 2.45rem}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902]{padding-top:1rem}.feature-banner--with-breadcrumbs[_ngcontent-ng-c1486936902] .feature-banner__inner[_ngcontent-ng-c1486936902]{margin-top:1.65rem}.feature-banner__inner[_ngcontent-ng-c1486936902]{gap:1.45rem}.feature-banner__kicker[_ngcontent-ng-c1486936902]{margin-bottom:.65rem;font-size:.8rem}.feature-banner__title[_ngcontent-ng-c1486936902]{font-size:clamp(2rem,8.4vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.feature-banner__text[_ngcontent-ng-c1486936902]{margin-top:.85rem;font-size:.98rem;line-height:1.52}.feature-banner__actions[_ngcontent-ng-c1486936902]{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:1.1rem}.feature-banner__visual[_ngcontent-ng-c1486936902]{width:min(100%,21rem)}.feature-banner__cta[_ngcontent-ng-c1486936902]{width:100%;max-width:20rem;min-height:2.9rem;margin:auto;padding:.72rem 1rem}.feature-visual[_ngcontent-ng-c1486936902]{box-shadow:0 1rem 2.25rem #102f4d21,0 .3rem .9rem #102f4d0d}.feature-visual__image--mobile-landscape-focus[_ngcontent-ng-c1486936902]{aspect-ratio:4/3;overflow:hidden}.feature-visual__image--mobile-landscape-focus[_ngcontent-ng-c1486936902] img[_ngcontent-ng-c1486936902]{height:100%;object-fit:cover;object-position:center}.feature-visual__image--mobile-report-focus[_ngcontent-ng-c1486936902]{aspect-ratio:4/3;overflow:hidden}.feature-visual__image--mobile-report-focus[_ngcontent-ng-c1486936902] img[_ngcontent-ng-c1486936902]{width:100%;height:120%;object-fit:cover;object-position:45% 42%}.feature-visual--mobile-image[_ngcontent-ng-c1486936902] .feature-visual__image[_ngcontent-ng-c1486936902]{aspect-ratio:4/3;overflow:hidden}.feature-visual--mobile-image[_ngcontent-ng-c1486936902] .feature-visual__image[_ngcontent-ng-c1486936902] img[_ngcontent-ng-c1486936902]{height:100%;object-fit:cover;object-position:top center}.feature-visual__play[_ngcontent-ng-c1486936902]{bottom:.7rem;left:.7rem;width:2.85rem;height:2.85rem}.feature-visual__play[_ngcontent-ng-c1486936902] mat-icon[_ngcontent-ng-c1486936902]{width:1.75rem;height:1.75rem;font-size:1.75rem}}</style><style ng-app-id="ng">[_nghost-ng-c953314268]{display:block}.wv-feature-section[_ngcontent-ng-c953314268]{padding:clamp(4.25rem,6vw,5.75rem) 1.5rem clamp(3.5rem,5vw,4.75rem);color:var(--wv-text-primary, #102f4d);background:var(--wv-background, #ffffff)}.wv-feature-section__inner[_ngcontent-ng-c953314268]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-header[_ngcontent-ng-c953314268]{max-width:46rem;margin-left:auto;margin-right:auto;margin-bottom:clamp(2rem,3.5vw,2.75rem);text-align:center}.wv-feature-header[_ngcontent-ng-c953314268] h2[_ngcontent-ng-c953314268]{margin:.35rem 0 1rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.wv-feature-header[_ngcontent-ng-c953314268] p[_ngcontent-ng-c953314268]{max-width:44rem;margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.68;text-wrap:pretty}.wv-feature-kicker[_ngcontent-ng-c953314268]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-card-grid[_ngcontent-ng-c953314268]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(1.15rem,2vw,1.5rem)}.wv-feature-card[_ngcontent-ng-c953314268]{display:flex;height:100%;min-width:0;box-sizing:border-box;flex-direction:column;padding:clamp(1.4rem,2.4vw,1.8rem);border:1px solid var(--wv-border-medium, rgba(16, 47, 77, .1));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-xs, 0 .25rem .75rem rgba(16, 47, 77, .035))}.wv-feature-card[_ngcontent-ng-c953314268] h3[_ngcontent-ng-c953314268]{margin:1rem 0 .55rem;color:var(--wv-navy-900, #102f4d);font-size:1.1rem;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.wv-feature-card[_ngcontent-ng-c953314268] p[_ngcontent-ng-c953314268]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:1rem;line-height:1.62;text-wrap:pretty}.wv-feature-card__icon[_ngcontent-ng-c953314268]{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.85rem;color:var(--wv-navy-900, #102f4d);background:var(--wv-green-100, #e8f7f0)}.wv-feature-card__icon[_ngcontent-ng-c953314268] mat-icon[_ngcontent-ng-c953314268]{width:1.35rem;height:1.35rem;font-size:1.35rem}@media screen and (640px<width<=980px){.wv-feature-card-grid[_ngcontent-ng-c953314268]{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem}.wv-feature-card[_ngcontent-ng-c953314268]{grid-column:span 3}.wv-feature-card[_ngcontent-ng-c953314268]:last-child:nth-child(odd){grid-column:2/span 4}}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c953314268]{padding:3rem 1rem}.wv-feature-header[_ngcontent-ng-c953314268]{margin-bottom:1.75rem}.wv-feature-card-grid[_ngcontent-ng-c953314268]{grid-template-columns:1fr;gap:.9rem}.wv-feature-card[_ngcontent-ng-c953314268]{grid-column:auto;padding:1.25rem}}</style><style ng-app-id="ng">[_nghost-ng-c4251137840]{display:block}.wv-feature-section[_ngcontent-ng-c4251137840]{padding:clamp(4rem,5.5vw,5.5rem) 1.5rem;color:var(--wv-text-primary, #102f4d);background:var(--wv-background-muted, #f7fbf9)}.wv-feature-section__inner[_ngcontent-ng-c4251137840]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-kicker[_ngcontent-ng-c4251137840]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-capability-panel[_ngcontent-ng-c4251137840]{padding:0}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840]{max-width:45rem;margin-bottom:clamp(2rem,3.5vw,2.75rem)}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840] h2[_ngcontent-ng-c4251137840]{margin:.35rem 0 .85rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840] p[_ngcontent-ng-c4251137840]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:clamp(1rem,1.35vw,1.1rem);line-height:1.68;text-wrap:pretty}.wv-feature-capability-grid[_ngcontent-ng-c4251137840]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(1.1rem,2vw,1.4rem)}.wv-feature-capability-card[_ngcontent-ng-c4251137840]{height:100%;min-width:0;box-sizing:border-box;padding:clamp(1.35rem,2vw,1.65rem);border:1px solid var(--wv-border-medium, rgba(16, 47, 77, .1));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-xs, 0 .25rem .75rem rgba(16, 47, 77, .035))}.wv-feature-capability-card[_ngcontent-ng-c4251137840] h3[_ngcontent-ng-c4251137840]{margin:.9rem 0 .8rem;color:var(--wv-navy-900, #102f4d);font-size:1.08rem;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.wv-feature-capability-card[_ngcontent-ng-c4251137840] ul[_ngcontent-ng-c4251137840]{display:grid;gap:.68rem;margin:0;padding:0;list-style:none}.wv-feature-capability-card[_ngcontent-ng-c4251137840] li[_ngcontent-ng-c4251137840]{display:flex;gap:.58rem;align-items:flex-start;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.96rem;line-height:1.52}.wv-feature-capability-card[_ngcontent-ng-c4251137840] li[_ngcontent-ng-c4251137840] mat-icon[_ngcontent-ng-c4251137840]{flex:0 0 auto;width:1rem;height:1rem;margin-top:.12rem;color:var(--wv-green-800, #267e67);font-size:1rem}.wv-feature-capability-card__icon[_ngcontent-ng-c4251137840]{display:inline-flex;width:2.35rem;height:2.35rem;align-items:center;justify-content:center;border-radius:.8rem;color:var(--wv-navy-900, #102f4d);background:var(--wv-green-100, #e8f7f0)}.wv-feature-capability-card__icon[_ngcontent-ng-c4251137840] mat-icon[_ngcontent-ng-c4251137840]{width:1.28rem;height:1.28rem;font-size:1.28rem}@media screen and (max-width:1100px){.wv-feature-capability-grid[_ngcontent-ng-c4251137840]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c4251137840]{padding:3rem 1rem}.wv-feature-capability-grid[_ngcontent-ng-c4251137840]{grid-template-columns:1fr;gap:.9rem}.wv-feature-capability-panel__header[_ngcontent-ng-c4251137840]{margin-bottom:1.75rem}.wv-feature-capability-card[_ngcontent-ng-c4251137840]{padding:1.25rem}}</style><style ng-app-id="ng">[_nghost-ng-c2742721551]{display:block}.wv-feature-section[_ngcontent-ng-c2742721551]{padding:clamp(3.75rem,5.5vw,5rem) 1.5rem;border-top:1px solid var(--wv-border-soft, rgba(16, 47, 77, .07));color:var(--wv-text-primary, #102f4d);background:var(--wv-background, #ffffff)}.wv-feature-section--soft[_ngcontent-ng-c2742721551]{background:var(--wv-background-muted, #f7fbf9)}.wv-feature-section__inner[_ngcontent-ng-c2742721551]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-kicker[_ngcontent-ng-c2742721551]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{display:grid;grid-template-columns:minmax(0,.82fr) minmax(22rem,1.18fr);gap:clamp(2.75rem,6vw,5.5rem);align-items:center}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:minmax(22rem,1.18fr) minmax(0,.82fr)}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:-1}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{justify-self:end}.wv-feature-showcase--without-image[_ngcontent-ng-c2742721551] .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:1fr}.wv-feature-showcase--without-image[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{grid-column:1;max-width:48rem;justify-self:start}.wv-feature-showcase--without-image.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{grid-column:1;justify-self:end}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]{max-width:35.5rem}.wv-feature-showcase__text[_ngcontent-ng-c2742721551] h2[_ngcontent-ng-c2742721551]{margin:.35rem 0 1rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.wv-feature-showcase__text[_ngcontent-ng-c2742721551] p[_ngcontent-ng-c2742721551]{margin:0 0 1.05rem;color:var(--wv-text-secondary, #173c59);font-size:clamp(1.02rem,1.3vw,1.11rem);line-height:1.7;text-wrap:pretty}.wv-feature-showcase__text[_ngcontent-ng-c2742721551] p[_ngcontent-ng-c2742721551]:last-child{margin-bottom:0}.wv-feature-showcase__lead[_ngcontent-ng-c2742721551]{color:var(--wv-text-primary, #102f4d)!important;font-weight:600}.wv-feature-showcase__media[_ngcontent-ng-c2742721551]{align-self:center;min-width:0}
1271.wv-feature-showcase--wide-proof[_ngcontent-ng-c2742721551] .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem)}.wv-feature-showcase--wide-proof[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{max-width:47rem}.wv-feature-showcase--wide-proof[_ngcontent-ng-c2742721551] .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:0;width:100%}.wv-feature-showcase--wide-proof.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{justify-self:end}.wv-feature-screenshot-card[_ngcontent-ng-c2742721551] software-img[_ngcontent-ng-c2742721551]{display:block;width:100%;margin:0 auto}.wv-feature-note[_ngcontent-ng-c2742721551]{display:flex;gap:.75rem;align-items:flex-start;margin-top:1.5rem;padding:1rem 1.1rem;border:1px solid var(--wv-border-green, rgba(38, 126, 103, .18));border-radius:var(--wv-radius-md, .82rem);background:var(--wv-green-50, #f7fbf9);color:var(--wv-text-secondary, #173c59);font-size:.98rem;line-height:1.55}.wv-feature-note[_ngcontent-ng-c2742721551] mat-icon[_ngcontent-ng-c2742721551]{flex:0 0 auto;color:var(--wv-green-800, #267e67)}@media screen and (max-width:980px){.wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--without-image[_ngcontent-ng-c2742721551] .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{grid-template-columns:1fr;gap:2rem}.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:0}.wv-feature-showcase--without-image[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551], .wv-feature-showcase--without-image.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{grid-column:1;justify-self:stretch}.wv-feature-showcase__text[_ngcontent-ng-c2742721551]{max-width:43rem;justify-self:start}.wv-feature-showcase--wide-proof.wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{justify-self:start}}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c2742721551]{padding:3rem 1rem}.wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--reverse[_ngcontent-ng-c2742721551] .wv-feature-showcase__grid[_ngcontent-ng-c2742721551], .wv-feature-showcase--without-image[_ngcontent-ng-c2742721551] .wv-feature-showcase__grid[_ngcontent-ng-c2742721551]{gap:1.6rem}.wv-feature-showcase__text[_ngcontent-ng-c2742721551] h2[_ngcontent-ng-c2742721551]{font-size:clamp(1.75rem,7vw,2.15rem);line-height:1.14}.wv-feature-showcase__text[_ngcontent-ng-c2742721551] p[_ngcontent-ng-c2742721551]{margin-bottom:.9rem;font-size:.99rem;line-height:1.62}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551]{display:contents}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > .wv-feature-kicker[_ngcontent-ng-c2742721551], .wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > h2[_ngcontent-ng-c2742721551], .wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > .wv-feature-showcase__lead[_ngcontent-ng-c2742721551]{order:0}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > p[_ngcontent-ng-c2742721551]:not(.wv-feature-kicker,.wv-feature-showcase__lead), .wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551] .wv-feature-showcase__text[_ngcontent-ng-c2742721551] > .wv-feature-note[_ngcontent-ng-c2742721551]{order:2}.wv-feature-showcase--mobile-proof-after-lead[_ngcontent-ng-c2742721551] .wv-feature-showcase__media[_ngcontent-ng-c2742721551]{order:1;margin:.15rem 0 .75rem}.wv-feature-note[_ngcontent-ng-c2742721551]{margin-top:1.15rem;padding:.9rem 1rem}}</style><style ng-app-id="ng">[_nghost-ng-c2583991489]{display:block}.wv-feature-section[_ngcontent-ng-c2583991489]{padding:clamp(3.75rem,5.5vw,5rem) 1.5rem;color:var(--wv-text-primary, #102f4d);background:var(--wv-background, #ffffff)}.wv-feature-section__inner[_ngcontent-ng-c2583991489]{width:min(100%,var(--wv-content-width, 1180px));margin:0 auto}.wv-feature-header[_ngcontent-ng-c2583991489]{max-width:44rem;margin-bottom:clamp(1.75rem,3vw,2.35rem)}.wv-feature-header[_ngcontent-ng-c2583991489] h2[_ngcontent-ng-c2583991489]{margin:.35rem 0 1rem;color:var(--wv-navy-900, #102f4d);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.wv-feature-header[_ngcontent-ng-c2583991489] p[_ngcontent-ng-c2583991489]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.68;text-wrap:pretty}.wv-feature-kicker[_ngcontent-ng-c2583991489]{margin:0 0 .7rem;color:var(--wv-green-800, #267e67);font-size:.84rem;font-weight:800;letter-spacing:-.01em}.wv-feature-related-grid[_ngcontent-ng-c2583991489]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(1rem,2vw,1.25rem)}.wv-feature-related-card[_ngcontent-ng-c2583991489]{display:flex;height:100%;min-width:0;box-sizing:border-box;flex-direction:column;padding:clamp(1.3rem,2vw,1.5rem);border:1px solid var(--wv-border-medium, rgba(16, 47, 77, .1));border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:var(--wv-shadow-xs, 0 .25rem .75rem rgba(16, 47, 77, .035));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wv-feature-related-card[_ngcontent-ng-c2583991489] span[_ngcontent-ng-c2583991489]{display:block;margin-bottom:.55rem;color:var(--wv-navy-900, #102f4d);font-weight:800;letter-spacing:-.02em;text-wrap:balance}.wv-feature-related-card[_ngcontent-ng-c2583991489] p[_ngcontent-ng-c2583991489]{margin:0;color:var(--wv-text-muted, rgba(23, 60, 89, .72));font-size:.97rem;line-height:1.58;text-wrap:pretty}.wv-feature-related-card[_ngcontent-ng-c2583991489]:hover, .wv-feature-related-card[_ngcontent-ng-c2583991489]:focus-visible{border-color:var(--wv-border-green, rgba(38, 126, 103, .18));box-shadow:var(--wv-shadow-md, 0 .75rem 1.6rem rgba(16, 47, 77, .08));transform:translateY(-.12rem);outline:none}@media screen and (max-width:640px){.wv-feature-section[_ngcontent-ng-c2583991489]{padding:3rem 1rem}.wv-feature-related-grid[_ngcontent-ng-c2583991489]{grid-template-columns:1fr;gap:.8rem}.wv-feature-related-card[_ngcontent-ng-c2583991489]{padding:1.2rem}}</style><style ng-app-id="ng">.cta-followup[_ngcontent-ng-c2967197727]{padding:clamp(3.5rem,6vw,5.25rem) 1.5rem;background:#fff}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__inner[_ngcontent-ng-c2967197727]{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,15.5rem);gap:clamp(1.5rem,4vw,3rem);align-items:center;max-width:1120px;margin:0 auto;padding:clamp(1.75rem,4vw,2.75rem);border:1px solid rgba(16,47,77,.08);border-radius:1.5rem;background:radial-gradient(circle at 16% 22%,rgba(150,214,180,.2),transparent 34%),linear-gradient(135deg,#f8fcfa,#fff 56%,#f7fbf9);box-shadow:0 1rem 2.2rem #102f4d12}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__content[_ngcontent-ng-c2967197727]{max-width:700px}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__kicker[_ngcontent-ng-c2967197727]{margin:0 0 .65rem;color:#267e67;font-size:.86rem;line-height:1.3;font-weight:900}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__heading[_ngcontent-ng-c2967197727]{margin:0;color:#102f4d;font-size:clamp(1.85rem,3vw,2.45rem);line-height:1.12;font-weight:900;letter-spacing:-.025em}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__subtext[_ngcontent-ng-c2967197727]{max-width:660px;margin:.9rem 0 0;color:#173c59c2;font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.65}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__actions[_ngcontent-ng-c2967197727]{display:grid;grid-template-columns:1fr;gap:.62rem;width:100%}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button[_ngcontent-ng-c2967197727]{display:inline-flex;min-height:2.75rem;
1271align-items:center;justify-content:center;border-radius:.72rem;padding:.65rem 1rem;font-size:.92rem;font-weight:900;text-align:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button[_ngcontent-ng-c2967197727]:hover, .cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button[_ngcontent-ng-c2967197727]:focus-visible{transform:translateY(-1px);outline:none}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button[_ngcontent-ng-c2967197727]:focus-visible{outline:3px solid rgba(38,126,103,.24);outline-offset:3px}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button--primary[_ngcontent-ng-c2967197727]{color:#102f4d;background:#ffe34d;border:1px solid rgba(16,47,77,.08);box-shadow:0 .4rem .9rem #102f4d16}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button--primary[_ngcontent-ng-c2967197727]:hover, .cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button--primary[_ngcontent-ng-c2967197727]:focus-visible{background:#ffdf35;box-shadow:0 .55rem 1.15rem #102f4d1c}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button--secondary[_ngcontent-ng-c2967197727]{min-height:2.65rem;color:#173c59;background:#ffffffc2;border:1px solid rgba(16,47,77,.12);box-shadow:none}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button--secondary[_ngcontent-ng-c2967197727]:hover, .cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button--secondary[_ngcontent-ng-c2967197727]:focus-visible{background:#fff;border-color:#267e673d;box-shadow:0 .35rem .85rem #102f4d0e}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__meta[_ngcontent-ng-c2967197727]{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .85rem;margin-top:.1rem;color:#173c59a3;font-size:.8rem;line-height:1.35}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__meta[_ngcontent-ng-c2967197727] span[_ngcontent-ng-c2967197727]{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__meta[_ngcontent-ng-c2967197727] mat-icon[_ngcontent-ng-c2967197727]{width:.9rem;height:.9rem;color:#267e67;font-size:.9rem;line-height:.9rem}@media(max-width:900px){.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__inner[_ngcontent-ng-c2967197727]{grid-template-columns:1fr;text-align:center}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__content[_ngcontent-ng-c2967197727]{max-width:none}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__subtext[_ngcontent-ng-c2967197727]{margin-right:auto;margin-left:auto}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__actions[_ngcontent-ng-c2967197727]{width:min(100%,26rem);margin:0 auto}}@media(max-width:767px){.cta-followup[_ngcontent-ng-c2967197727]{padding:1.8rem 1rem}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__inner[_ngcontent-ng-c2967197727]{gap:1.2rem;padding:1.25rem;border-radius:1.1rem}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__kicker[_ngcontent-ng-c2967197727]{margin-bottom:.5rem;font-size:.78rem}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__heading[_ngcontent-ng-c2967197727]{font-size:clamp(1.45rem,7.2vw,1.9rem);line-height:1.12}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__subtext[_ngcontent-ng-c2967197727]{margin-top:.75rem;font-size:.95rem;line-height:1.55}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__actions[_ngcontent-ng-c2967197727]{grid-template-columns:1fr!important;gap:.6rem;width:100%}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button[_ngcontent-ng-c2967197727]{min-height:2.65rem;padding:.62rem .75rem;border-radius:.68rem;font-size:.88rem;width:min(100%,16rem);margin:auto}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__button--secondary[_ngcontent-ng-c2967197727]{min-height:2.65rem}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__meta[_ngcontent-ng-c2967197727]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;gap:.45rem .7rem;margin-top:.15rem;font-size:.76rem}.cta-followup[_ngcontent-ng-c2967197727] .cta-followup__meta[_ngcontent-ng-c2967197727] span[_ngcontent-ng-c2967197727]{white-space:normal}}</style><style ng-app-id="ng">[_nghost-ng-c3832327306]{display:block}.software-img[_ngcontent-ng-c3832327306]{width:min(100%,64rem);margin:clamp(1.5rem,3vw,2.5rem) auto;color:var(--wv-text-secondary, #173c59)}.software-img--embedded[_ngcontent-ng-c3832327306]{width:100%;margin:0}.software-img__trigger[_ngcontent-ng-c3832327306]{position:relative;display:grid;width:100%;padding:clamp(.4rem,.8vw,.65rem);border:1px solid var(--wv-border-soft, rgba(16, 47, 77, .07));border-radius:var(--wv-radius-xl, 1.5rem);background:linear-gradient(135deg,rgba(255,255,255,.94) 0%,var(--wv-background-soft, #fbfdfc) 100%);box-shadow:var(--wv-shadow-lg, 0 1rem 2.4rem rgba(16, 47, 77, .075));cursor:zoom-in;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
1271.software-img__trigger[_ngcontent-ng-c3832327306]:hover, .software-img__trigger[_ngcontent-ng-c3832327306]:focus-visible{border-color:var(--wv-border-green, rgba(38, 126, 103, .18));box-shadow:0 1.2rem 2.6rem #102f4d1c;outline:none;transform:translateY(-1px)}.software-img__trigger[_ngcontent-ng-c3832327306]:focus-visible{outline:3px solid rgba(38,126,103,.24);outline-offset:4px}.software-img__image[_ngcontent-ng-c3832327306]{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);object-fit:contain;object-position:center}.software-img__zoom-label[_ngcontent-ng-c3832327306]{display:inline-flex;align-items:center;justify-content:center;justify-self:end;min-height:2.1rem;margin-top:.65rem;padding:.45rem .75rem;border:1px solid var(--wv-border-green, rgba(38, 126, 103, .18));border-radius:999px;color:var(--wv-text-primary, #102f4d);background:var(--wv-green-50, #f7fbf9);font-size:.82rem;line-height:1;font-weight:800}.software-img__caption[_ngcontent-ng-c3832327306]{max-width:56rem;margin:.7rem auto 0;color:var(--wv-text-soft, rgba(23, 60, 89, .62));font-size:.9rem;line-height:1.45;text-align:center}.software-img__placeholder[_ngcontent-ng-c3832327306]{display:grid;min-height:clamp(12rem,38vw,28rem);place-items:center;border:1px dashed var(--wv-border-medium, rgba(16, 47, 77, .12));border-radius:var(--wv-radius-xl, 1.5rem);background:var(--wv-background-soft, #fbfdfc);color:var(--wv-text-soft, rgba(23, 60, 89, .62));font-size:.92rem;font-weight:750}.software-img--disabled[_ngcontent-ng-c3832327306] .software-img__caption[_ngcontent-ng-c3832327306]{opacity:.75}.software-dialog[_ngcontent-ng-c3832327306]{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,2rem);overflow:auto}.software-dialog__backdrop[_ngcontent-ng-c3832327306]{position:fixed;inset:0;border:0;background:#08263dd1;cursor:zoom-out}.software-dialog__panel[_ngcontent-ng-c3832327306]{position:relative;z-index:1;display:grid;gap:.75rem;width:min(96vw,88rem);max-height:calc(100vh - 2rem);max-height:calc(100svh - 2rem);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.software-dialog__close[_ngcontent-ng-c3832327306]{position:absolute;top:-.85rem;right:-.85rem;z-index:2;display:inline-grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid rgba(16,47,77,.1);border-radius:999px;color:var(--wv-text-primary, #102f4d);background:var(--wv-button-primary-bg, #ffe34d);box-shadow:0 .65rem 1.3rem #102f4d29;cursor:pointer}.software-dialog__close[_ngcontent-ng-c3832327306] span[_ngcontent-ng-c3832327306]{display:block;font-size:1.55rem;line-height:1;transform:translateY(-1px)}.software-dialog__close[_ngcontent-ng-c3832327306]:hover, .software-dialog__close[_ngcontent-ng-c3832327306]:focus-visible{background:var(--wv-button-primary-bg-hover, #ffdd2e);outline:none}.software-dialog__close[_ngcontent-ng-c3832327306]:focus-visible{outline:3px solid rgba(38,126,103,.24);outline-offset:3px}.software-dialog__image[_ngcontent-ng-c3832327306]{display:block;width:100%;max-height:calc(100vh - 5rem);max-height:calc(100svh - 5rem);height:auto;border:1px solid rgba(255,255,255,.18);border-radius:var(--wv-radius-lg, 1.1rem);background:var(--wv-surface, #ffffff);box-shadow:0 1.5rem 4rem #00000052;object-fit:contain;object-position:center}.software-dialog__caption[_ngcontent-ng-c3832327306]{justify-self:center;max-width:min(100%,48rem);margin:0;padding:.45rem .75rem;border-radius:999px;color:#fff;background:#08263db8;font-size:.86rem;line-height:1.35;text-align:center}@media(max-width:767px){.software-img[_ngcontent-ng-c3832327306]{width:100%;margin:1.35rem auto}.software-img__trigger[_ngcontent-ng-c3832327306]{padding:.38rem;border-radius:var(--wv-radius-lg, 1.1rem);box-shadow:var(--wv-shadow-md, 0 .75rem 1.6rem rgba(16, 47, 77, .08))}.software-img__image[_ngcontent-ng-c3832327306]{border-radius:.78rem}.software-img__zoom-label[_ngcontent-ng-c3832327306]{min-height:1.9rem;margin-top:.5rem;padding:.38rem .62rem;font-size:.76rem}.software-img--embedded[_ngcontent-ng-c3832327306]{margin:0}.software-img__caption[_ngcontent-ng-c3832327306]{margin-top:.6rem;font-size:.82rem;line-height:1.4}
1271.software-dialog[_ngcontent-ng-c3832327306]{align-items:center;padding:.65rem}.software-dialog__panel[_ngcontent-ng-c3832327306]{width:100%;max-height:none;gap:.55rem}.software-dialog__close[_ngcontent-ng-c3832327306]{top:.55rem;right:.55rem;width:2.3rem;height:2.3rem}.software-dialog__image[_ngcontent-ng-c3832327306]{width:100%;max-height:calc(100vh - 5.6rem);max-height:calc(100svh - 5.6rem);border-radius:.85rem;object-fit:contain}.software-dialog__caption[_ngcontent-ng-c3832327306]{max-width:calc(100vw - 2rem);padding:.4rem .65rem;font-size:.78rem}}</style><style ng-app-id="ng">[_nghost-ng-c704882465]{display:block;background:#f7fbf8;padding:1rem clamp(1rem,5vw,5rem) 0}.page-breadcrumbs-host--embedded[_nghost-ng-c704882465]{background:transparent;padding:0}.page-breadcrumbs[_ngcontent-ng-c704882465]{width:min(1120px,100%);margin-inline:auto;color:#173c59b8;font-size:.88rem;font-weight:700;line-height:1.4}.page-breadcrumbs-host--embedded[_nghost-ng-c704882465] .page-breadcrumbs[_ngcontent-ng-c704882465]{width:min(1200px,100%)}ol[_ngcontent-ng-c704882465]{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:center;margin:0;padding:0;list-style:none}li[_ngcontent-ng-c704882465]{display:inline-flex;align-items:center;min-width:0}li[_ngcontent-ng-c704882465]:not(:last-child):after{content:"/";margin-left:.55rem;color:#173c595c}a[_ngcontent-ng-c704882465]{color:#267e67;text-decoration:none}a[_ngcontent-ng-c704882465]:hover, a[_ngcontent-ng-c704882465]:focus-visible{color:#102f4d;outline:none;text-decoration:underline;text-underline-offset:.18rem}span[_ngcontent-ng-c704882465]{color:#102f4dd6}</style></head> 1272<body class="mat-typography"><!--nghm--> 1273<ehr-root ng-version="22.0.0" _nghost-ng-c4002164871 ngskiphydration ng-server-context="ssg"><mat-sidenav-container _ngcontent-ng-c4002164871 class="mat-drawer-container mat-sidenav-container ehr-container"><div class="mat-drawer-backdrop"></div><!----><mat-sidenav _ngcontent-ng-c4002164871 id="mobile-navigation" mode="over" class="mat-drawer mat-sidenav mobile-sidenav mat-drawer-over" tabindex="-1"><div cdkscrollable class="mat-drawer-inner-container"><nav _ngcontent-ng-c4002164871 class="mobile-menu"><img _ngcontent-ng-c4002164871 src="/assets/logo-navbar.webp" alt="WorkVine" width="180" height="48"><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Oplossingen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Sectoren</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Prijzen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Klanten</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">FAQ</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Contact</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><!----><div _ngcontent-ng-c4002164871 aria-hidden="true" class="mobile-menu__divider"></div><p _ngcontent-ng-c4002164871 class="mobile-menu__section-label">Inloggen</p><a _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="https://app.workvine.nl"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Medewerker App</span><small _ngcontent-ng-c4002164871>Voor medewerkers</small></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><a _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="https://office.workvine.nl/login"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Office App</span><small _ngcontent-ng-c4002164871>Voor HR en managers</small></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><a _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="https://locatie.workvine.nl/"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Locatie App</span><small _ngcontent-ng-c4002164871>Voor urenregistratie op locatie</small></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><!----><div _ngcontent-ng-c4002164871 aria-hidden="true" class="mobile-menu__divider"></div><p _ngcontent-ng-c4002164871 class="mobile-menu__section-label">Taal kiezen</p><div _ngcontent-ng-c4002164871 role="group" class="mobile-language-switch" aria-label="Taal kiezen"><span _ngcontent-ng-c4002164871 aria-current="page">Nederlands</span><a _ngcontent-ng-c4002164871 href="https://workvine.eu/apps/employee-app" hreflang="en"> English </a></div><!----><button _ngcontent-ng-c4002164871 mat-raised-button class="mdc-button mat-mdc-button-base primary-cta-btn mdc-button--raised mat-mdc-raised-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Demo </span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></nav></div></mat-sidenav><mat-sidenav-content _ngcontent-ng-c4002164871 class="mat-drawer-content mat-sidenav-content ehr-content"><mat-toolbar _ngcontent-ng-c4002164871 class="mat-toolbar header-toolbar mat-toolbar-single-row"><div _ngcontent-ng-c4002164871 class="toolbar-container">
1273<a _ngcontent-ng-c4002164871 class="logo" href="/"><img _ngcontent-ng-c4002164871 src="/assets/logo-navbar.webp" alt="WorkVine" width="180" height="48" class="logo-image"></a><div _ngcontent-ng-c4002164871 class="spacer"></div><nav _ngcontent-ng-c4002164871 class="desktop-menu"><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Oplossingen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Sectoren</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Prijzen</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Klanten</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">FAQ</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button _ngcontent-ng-c4002164871 mat-button class="mdc-button mat-mdc-button-base nav-menu-btn mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Contact</span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><!----></nav><div _ngcontent-ng-c4002164871 class="header-actions"><div _ngcontent-ng-c4002164871 role="group" class="language-switch" aria-label="Taal kiezen"><span _ngcontent-ng-c4002164871 aria-current="page" class="language-switch__option language-switch__option--current" title="Nederlands">NL</span><a _ngcontent-ng-c4002164871 class="language-switch__option" href="https://workvine.eu/apps/employee-app" hreflang="en" aria-label="English" title="English">EN</a></div><!----><button _ngcontent-ng-c4002164871 mat-button aria-label="Inloggen bij WorkVine" class="mdc-button mat-mdc-button-base mat-mdc-menu-trigger login-trigger mat-mdc-button mat-unthemed" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" aria-haspopup="menu" aria-expanded="false"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c4002164871>Inloggen</span></span><mat-icon _ngcontent-ng-c4002164871 role="img" iconpositionend aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">expand_more</mat-icon><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><!----><mat-menu _ngcontent-ng-c4002164871 xposition="before" class><!----></mat-menu><button _ngcontent-ng-c4002164871 mat-raised-button color="accent" class="mdc-button mat-mdc-button-base primary-cta-btn mdc-button--raised mat-mdc-raised-button mat-accent" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Demo </span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></div><div _ngcontent-ng-c4002164871 class="mobile-menu-icon"><button _ngcontent-ng-c4002164871 mat-icon-button color="accent" type="button" aria-controls="mobile-navigation" class="mdc-icon-button mat-mdc-icon-button mat-mdc-button-base menu-toggle mat-accent" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-centered aria-label="Menu openen" aria-expanded="false"><span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><span _ngcontent-ng-c4002164871 aria-hidden="true" class="menu-toggle__icon"><span _ngcontent-ng-c4002164871></span><span _ngcontent-ng-c4002164871></span><span _ngcontent-ng-c4002164871></span></span><!----><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></div></div></mat-toolbar><main _ngcontent-ng-c4002164871><router-outlet _ngcontent-ng-c4002164871></router-outlet><ehr-employee-app _nghost-ng-c1136995975><ehr-feature-banner _ngcontent-ng-c1136995975 vimeoposter vimeopostermobile vimeoposterweb _nghost-ng-c1486936902><section _ngcontent-ng-c1486936902 class="feature-banner feature-banner--with-breadcrumbs feature-banner--text-only"><ehr-page-breadcrumbs _ngcontent-ng-c1486936902 _nghost-ng-c704882465 class="page-breadcrumbs-host--embedded"><nav _ngcontent-ng-c704882465 aria-label="Breadcrumb" class="page-breadcrumbs"><ol _ngcontent-ng-c704882465><li _ngcontent-ng-c704882465><!----><a _ngcontent-ng-c704882465 href="/">Home</a><!----></li><li _ngcontent-ng-c704882465><!----><a _ngcontent-ng-c704882465 href="/apps">Apps</a><!----></li><li _ngcontent-ng-c704882465><span _ngcontent-ng-c704882465 aria-current="page">Medewerker App</span><!----><!----></li><!----></ol></nav></ehr-page-breadcrumbs><!----><div _ngcontent-ng-c1486936902 class="feature-banner__inner"><div _ngcontent-ng-c1486936902 class="feature-banner__content"><h1 _ngcontent-ng-c1486936902 class="feature-banner__title">Alles wat medewerkers nodig hebben in één app</h1><p _ngcontent-ng-c1486936902 class="feature-banner__text">Medewerkers zien hun rooster, acties, verlof, ziekmelding, trainingen, gesprekken en updates op één plek. Je bepaalt per organisatie wat zichtbaar is.</p><div _ngcontent-ng-c1486936902 class="feature-banner__actions"><a _ngcontent-ng-c1486936902 class="feature-banner__cta feature-banner__cta--primary" href="/demo">Plan demo</a><!----></div></div><!----></div></section></ehr-feature-banner><main _ngcontent-ng-c1136995975 aria-label="WorkVine Medewerker App" class="wv-employee-app"><ehr-workvine-feature-intro-cards-section _ngcontent-ng-c1136995975 sectionid="employee-app-intro-heading" kicker="Voor medewerkers" title="Meer duidelijkheid voor medewerkers, minder losse vragen voor HR" intro="De Medewerker App geeft medewerkers toegang tot wat zij nodig hebben. Je organisatie bepaalt welke functies beschikbaar zijn, zodat medewerkers alleen zien wat relevant is." _nghost-ng-c953314268><section _ngcontent-ng-c953314268 class="wv-feature-section wv-feature-section--intro" aria-labelledby="employee-app-intro-heading"><div _ngcontent-ng-c953314268 class="wv-feature-section__inner"><div _ngcontent-ng-c953314268 class="wv-feature-header"><p _ngcontent-ng-c953314268 class="wv-feature-kicker">Voor medewerkers</p><h2 _ngcontent-ng-c953314268 id="employee-app-intro-heading">Meer duidelijkheid voor medewerkers, minder losse vragen voor HR</h2><p _ngcontent-ng-c953314268>De Medewerker App geeft medewerkers toegang tot wat zij nodig hebben. Je organisatie bepaalt welke functies beschikbaar zijn, zodat medewerkers alleen zien wat relevant is.</p></div><div _ngcontent-ng-c953314268 class="wv-feature-card-grid"><article _ngcontent-ng-c953314268 class="wv-feature-card"><span _ngcontent-ng-c953314268 aria-hidden="true" class="wv-feature-card__icon"><mat-icon _ngcontent-ng-c953314268 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">calendar_month</mat-icon></span><h3 _ngcontent-ng-c953314268>Vandaag duidelijk</h3><p _ngcontent-ng-c953314268>Medewerkers zien hun rooster, open acties, meldingen en belangrijke updates zodra ze de app openen.</p></article><article _ngcontent-ng-c953314268 class="wv-feature-card"><span _ngcontent-ng-c953314268 aria-hidden="true" class="wv-feature-card__icon"><mat-icon _ngcontent-ng-c953314268 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">task_alt</mat-icon></span><h3 _ngcontent-ng-c953314268>Zelf zaken regelen</h3><p _ngcontent-ng-c953314268>Medewerkers regelen dagelijkse zaken zelf, van verlof en uren tot shiftwissels, trainingen, onderzoeken en open acties.</p></article><article _ngcontent-ng-c953314268 class="wv-feature-card"><span _ngcontent-ng-c953314268 aria-hidden="true" class="wv-feature-card__icon"><mat-icon _ngcontent-ng-c953314268 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">forum</mat-icon></span><h3 _ngcontent-ng-c953314268>Communicatie dichtbij het werk</h3><p _ngcontent-ng-c953314268>Teamupdates, communityberichten en chat blijven verbonden met de organisatie, niet verspreid over losse groepen.</p></article><!----></div></div></section></ehr-workvine-feature-intro-cards-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase wv-feature-showcase--reverse" aria-labelledby="showcase-0"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">
1273Dagelijks overzicht</p><!----><h2 _ngcontent-ng-c2742721551 id="showcase-0">Rooster, acties en updates meteen zichtbaar</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">De Medewerker App geeft medewerkers een duidelijk startpunt voor hun werkdag. Ze zien hun rooster, open acties, meldingen en updates op één plek.</p><p _ngcontent-ng-c2742721551 class>Zo hoeven medewerkers minder te zoeken en hoeven HR en leidinggevenden minder losse vragen te beantwoorden.</p><!----><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306><figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Rooster, acties en updates in de Medewerker App"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-dashboard.webp" alt="Dashboard van de WorkVine Medewerker App met rooster, acties en updates"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Rooster, acties en updates in de Medewerker App </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase" aria-labelledby="showcase-1"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">Zelf regelen</p><!----><h2 _ngcontent-ng-c2742721551 id="showcase-1">Verlof, uren, taken en meldingen zonder losse formulieren</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">Afhankelijk van de inrichting kunnen medewerkers zelf verlof aanvragen, uren registreren, taken afronden en meldingen ontvangen over wat aandacht vraagt.</p><p _ngcontent-ng-c2742721551 class>De opvolging blijft zichtbaar in de Office App, zodat HR en leidinggevenden weten wat openstaat en wie moet handelen.</p><!----><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306><figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Acties en meldingen voor medewerkers"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-acties.webp" alt="Open acties en meldingen in de WorkVine Medewerker App"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Acties en meldingen voor medewerkers </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase wv-feature-section--soft wv-feature-showcase--reverse" aria-labelledby="showcase-2"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">Communicatie</p><!----><h2 _ngcontent-ng-c2742721551 id="showcase-2">Community en chat zonder losse WhatsApp-groepen</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">Teams kunnen updates delen via communityberichten en direct communiceren via chat.</p><p _ngcontent-ng-c2742721551 class>Communicatie blijft gekoppeld aan de organisatie, het team en de medewerkercontext. Dat maakt informatie beter vindbaar en opvolgbaar.</p><!----><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306>
1273<figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Community en chat voor medewerkers"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-communicatie.webp" alt="Community en chat in de WorkVine Medewerker App"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Community en chat voor medewerkers </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><!----><ehr-workvine-feature-capability-grid-section _ngcontent-ng-c1136995975 sectionid="employee-app-self-service-heading" kicker="Zelf regelen" title="Wat medewerkers direct zelf kunnen doen" intro="Je bepaalt per organisatie welke functies beschikbaar zijn. Medewerkers zien alleen wat voor hen relevant is: rooster, beschikbaarheid, verlof, uren, inklokken, training, onderzoeken, communicatie en acties." _nghost-ng-c4251137840><section _ngcontent-ng-c4251137840 class="wv-feature-section wv-feature-section--capabilities" aria-labelledby="employee-app-self-service-heading"><div _ngcontent-ng-c4251137840 class="wv-feature-section__inner"><div _ngcontent-ng-c4251137840 class="wv-feature-capability-panel"><div _ngcontent-ng-c4251137840 class="wv-feature-capability-panel__header"><p _ngcontent-ng-c4251137840 class="wv-feature-kicker">Zelf regelen</p><h2 _ngcontent-ng-c4251137840 id="employee-app-self-service-heading">Wat medewerkers direct zelf kunnen doen</h2><p _ngcontent-ng-c4251137840>Je bepaalt per organisatie welke functies beschikbaar zijn. Medewerkers zien alleen wat voor hen relevant is: rooster, beschikbaarheid, verlof, uren, inklokken, training, onderzoeken, communicatie en acties.</p></div><div _ngcontent-ng-c4251137840 class="wv-feature-capability-grid"><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">calendar_month</mat-icon></span><h3 _ngcontent-ng-c4251137840>Rooster en beschikbaarheid</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Rooster bekijken</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Beschikbaarheid doorgeven</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Dienst ruilen of overnemen wanneer ingeschakeld</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">timer</mat-icon></span><h3 _ngcontent-ng-c4251137840>Uren en aanwezigheid</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon>
1273<span _ngcontent-ng-c4251137840>In- en uitklokken wanneer ingeschakeld</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Uren registreren of controleren</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Meldingen ontvangen bij open acties rond uren</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">event_available</mat-icon></span><h3 _ngcontent-ng-c4251137840>Verlof en verzuim</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Verlof aanvragen en volgen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Ziek- of herstelmelding doen wanneer ingeschakeld</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Taken en opvolgacties afronden</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">school</mat-icon></span><h3 _ngcontent-ng-c4251137840>Training en ontwikkeling</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Trainingen volgen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Certificaten bekijken</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Gesprekken, doelen en HR-trajecten terugvinden</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">monitor_heart</mat-icon></span><h3 _ngcontent-ng-c4251137840>Pulse, eNPS en onderzoeken</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Pulse-vragen invullen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon>
1273<span _ngcontent-ng-c4251137840>eNPS of medewerkeronderzoek beantwoorden</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Feedback geven wanneer een onderzoek is toegewezen</span></li><!----></ul></article><article _ngcontent-ng-c4251137840 class="wv-feature-capability-card"><span _ngcontent-ng-c4251137840 aria-hidden="true" class="wv-feature-capability-card__icon"><mat-icon _ngcontent-ng-c4251137840 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">forum</mat-icon></span><h3 _ngcontent-ng-c4251137840>Communicatie en updates</h3><ul _ngcontent-ng-c4251137840><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Community updates lezen</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Chatten met collegaâs of teams</span></li><li _ngcontent-ng-c4251137840><mat-icon _ngcontent-ng-c4251137840 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check</mat-icon><span _ngcontent-ng-c4251137840>Praktische informatie en teamafspraken terugvinden</span></li><!----></ul></article><!----></div></div></div></section></ehr-workvine-feature-capability-grid-section><ehr-workvine-feature-showcase-section _ngcontent-ng-c1136995975 sectionid="employee-app-branded-heading" noteicon="app_shortcut" notetext="Beschikbaar als optionele uitbreiding voor organisaties die een eigen app in de App Store of Google Play willen aanbieden." _nghost-ng-c2742721551><section _ngcontent-ng-c2742721551 class="wv-feature-section wv-feature-showcase wv-feature-section--soft" aria-labelledby="employee-app-branded-heading"><div _ngcontent-ng-c2742721551 class="wv-feature-section__inner"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__grid"><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__text"><p _ngcontent-ng-c2742721551 class="wv-feature-kicker">Eigen app</p><!----><h2 _ngcontent-ng-c2742721551 id="employee-app-branded-heading">Ook beschikbaar als eigen medewerker-app</h2><p _ngcontent-ng-c2742721551 class="wv-feature-showcase__lead">Naast de standaard WorkVine Medewerker App kun je kiezen voor een eigen app met de naam en uitstraling van je organisatie.</p><p _ngcontent-ng-c2742721551 class>De app krijgt je eigen naam, app-icoon en splashscreen en blijft direct gekoppeld aan WorkVine.</p><!----><div _ngcontent-ng-c2742721551 class="wv-feature-note"><mat-icon _ngcontent-ng-c2742721551 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">app_shortcut</mat-icon><!----><span _ngcontent-ng-c2742721551>Beschikbaar als optionele uitbreiding voor organisaties die een eigen app in de App Store of Google Play willen aanbieden.</span></div><!----></div><!----><div _ngcontent-ng-c2742721551 class="wv-feature-showcase__media"><div _ngcontent-ng-c2742721551 class="wv-feature-screenshot-card"><software-img _ngcontent-ng-c2742721551 _nghost-ng-c3832327306><figure _ngcontent-ng-c3832327306 class="software-img software-img--embedded"><button _ngcontent-ng-c3832327306 type="button" class="software-img__trigger" aria-label="Vergroot afbeelding: Eigen app met naam, logo en splashscreen"><img _ngcontent-ng-c3832327306 loading="lazy" decoding="async" width="1600" height="900" class="software-img__image" src="/assets/features/medewerker-app/medewerker-app-eigen-huisstijl.webp" alt="Eigen medewerker-app met app-icoon en splashscreen"><span _ngcontent-ng-c3832327306 class="software-img__zoom-label"> Bekijk groter </span></button><!----><!----><figcaption _ngcontent-ng-c3832327306 class="software-img__caption"> Eigen app met naam, logo en splashscreen </figcaption><!----></figure><!----></software-img></div></div><!----></div></div></section></ehr-workvine-feature-showcase-section><ehr-workvine-feature-related-links-section _ngcontent-ng-c1136995975 sectionid="employee-app-related-heading" kicker="Verbonden met WorkVine" title="De app werkt vanuit dezelfde WorkVine-basis" intro="Wat medewerkers in de app zien, sluit aan op wat HR, leidinggevenden en planners in de Office App beheren. Roosters, acties, trainingen, documenten en communicatie blijven onderdeel van dezelfde actuele informatie." _nghost-ng-c2583991489><section _ngcontent-ng-c2583991489 class="wv-feature-section wv-feature-section--related" aria-labelledby="employee-app-related-heading"><div _ngcontent-ng-c2583991489 class="wv-feature-section__inner"><div _ngcontent-ng-c2583991489 class="wv-feature-header wv-feature-header--compact"><p _ngcontent-ng-c2583991489 class="wv-feature-kicker">Verbonden met WorkVine</p><h2 _ngcontent-ng-c2583991489 id="employee-app-related-heading">De app werkt vanuit dezelfde WorkVine-basis</h2><p _ngcontent-ng-c2583991489>Wat medewerkers in de app zien, sluit aan op wat HR, leidinggevenden en planners in de Office App beheren. Roosters, acties, trainingen, documenten en communicatie blijven onderdeel van dezelfde actuele informatie.</p></div><div _ngcontent-ng-c2583991489 class="wv-feature-related-grid"><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/apps/office-app"><span _ngcontent-ng-c2583991489>Office App</span>
1273<p _ngcontent-ng-c2583991489>Voor HR, leidinggevenden en planners die medewerkers, planning en opvolging beheren.</p></a><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/modules/planning"><span _ngcontent-ng-c2583991489>Planning</span><p _ngcontent-ng-c2583991489>Voor roosters, beschikbaarheid, verlof, verzuim en dagelijkse bezetting.</p></a><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/modules/training-ontwikkeling"><span _ngcontent-ng-c2583991489>Training & Ontwikkeling</span><p _ngcontent-ng-c2583991489>Voor onboarding, trainingen, certificaten en voortgang.</p></a><a _ngcontent-ng-c2583991489 class="wv-feature-related-card" href="/modules/communicatie"><span _ngcontent-ng-c2583991489>Communicatie</span><p _ngcontent-ng-c2583991489>Voor community updates, chat, teamberichten en interne communicatie.</p></a><!----></div></div></section></ehr-workvine-feature-related-links-section></main><ehr-cta-follow-up-banner _ngcontent-ng-c1136995975 headline="Bekijk hoe medewerkers met WorkVine werken" subtext="Plan een demo en zie hoe rooster, acties, verlof, uren, training en communicatie samenkomen in één app." primarybuttontext="Plan een demo" primarybuttonlink="/demo" secondarybuttontext="Bekijk alle apps" secondarybuttonlink="/apps" _nghost-ng-c2967197727><section _ngcontent-ng-c2967197727 aria-labelledby="cta-followup-heading" class="cta-followup"><div _ngcontent-ng-c2967197727 class="cta-followup__inner"><div _ngcontent-ng-c2967197727 class="cta-followup__content"><p _ngcontent-ng-c2967197727 class="cta-followup__kicker"> Waar werk, mens en groei samenkomen </p><h2 _ngcontent-ng-c2967197727 id="cta-followup-heading" class="cta-followup__heading"> Bekijk hoe medewerkers met WorkVine werken </h2><p _ngcontent-ng-c2967197727 class="cta-followup__subtext"> Plan een demo en zie hoe rooster, acties, verlof, uren, training en communicatie samenkomen in één app. </p></div><div _ngcontent-ng-c2967197727 aria-label="Vervolgacties" class="cta-followup__actions"><a _ngcontent-ng-c2967197727 class="cta-followup__button cta-followup__button--primary" href="/demo"> Plan een demo </a><a _ngcontent-ng-c2967197727 class="cta-followup__button cta-followup__button--secondary" href="/apps"> Bekijk alle apps </a><!----><div _ngcontent-ng-c2967197727 aria-label="Demo informatie" class="cta-followup__meta"><span _ngcontent-ng-c2967197727><mat-icon _ngcontent-ng-c2967197727 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">schedule</mat-icon> Demo duurt ±20 minuten </span><span _ngcontent-ng-c2967197727><mat-icon _ngcontent-ng-c2967197727 role="img" aria-hidden="true" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" data-mat-icon-type="font">check_circle</mat-icon> Geheel vrijblijvend </span></div></div></div></section></ehr-cta-follow-up-banner></ehr-employee-app><!----></main><ehr-cookie-banner _ngcontent-ng-c4002164871 _nghost-ng-c4202300216><!----></ehr-cookie-banner><ehr-footer _ngcontent-ng-c4002164871 _nghost-ng-c1935281767><footer _ngcontent-ng-c1935281767 class="site-footer"><div _ngcontent-ng-c1935281767 class="footer-container"><section _ngcontent-ng-c1935281767 aria-label="WorkVine contactgegevens" class="footer-section footer-section--brand"><a _ngcontent-ng-c1935281767 aria-label="WorkVine home" class="footer-logo" href="/"><img _ngcontent-ng-c1935281767 src="/assets/logo-navbar.webp" alt="WorkVine" width="180" height="48" loading="lazy" decoding="async"></a><p _ngcontent-ng-c1935281767 class="footer-description"> Waar werk, mens en groei samenkomen </p><address _ngcontent-ng-c1935281767 class="footer-address"> IJsbaanpad 84E<br _ngcontent-ng-c1935281767> 1076 CW Amsterdam<br _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="mailto:[email protected]">[email protected]</a><br _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="tel:+31852129076">085 212 9076</a></address></section><nav _ngcontent-ng-c1935281767 aria-label="Footer navigatie" class="footer-nav"><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767>Product</h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/modules">Oplossingen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/prijzen">Prijzen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 style="font-weight: 600;" href="/demo">Plan demo</a></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/platform">Platform</a></h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://app.workvine.nl">Medewerker App</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://office.workvine.nl/login">Office App</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://locatie.workvine.nl/">Locatie App</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 target="_blank" rel="noopener" href="https://play.google.com/store/apps/details?id=nl.employee.workvine&gl=NL">Android App</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 target="_blank" rel="noopener" href="https://apps.apple.com/nl/app/workvine-medewerker-app/id6784990614">iOS App</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/apps">Applicaties</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/platform/security">Security</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/platform/ai">AI</a></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren">Sectoren</a></h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren/zorg-en-welzijn"> Zorg & welzijn </a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren/professionele-dienstverlening"> Professionele dienstverlening </a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/sectoren/publieke-sector"> Publieke sector </a></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767>Support</h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/contact">Contact opnemen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/faq">Veelgestelde vragen</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/privacy-beleid">Privacybeleid</a></li><li _ngcontent-ng-c1935281767><button _ngcontent-ng-c1935281767 type="button" class="footer-link-button"> Cookies aanpassen </button></li></ul></section><section _ngcontent-ng-c1935281767 class="footer-section"><h3 _ngcontent-ng-c1935281767>Over WorkVine</h3><ul _ngcontent-ng-c1935281767><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/over-ons">Over ons</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/partner-programma">Partner programma</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/klanten">Onze klanten</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/kennislab">Kennislab</a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/algemene-voorwaarden"> Algemene voorwaarden </a></li><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="/blogs">Blogs</a></li><!----><li _ngcontent-ng-c1935281767><a _ngcontent-ng-c1935281767 href="https://www.linkedin.com/company/workvine-software/p
1273osts/?feedView=articles" target="_blank" rel="noopener" class="footer-link-button"> LinkedIn artikelen </a></li></ul></section></nav></div><div _ngcontent-ng-c1935281767 class="footer-bottom"><p _ngcontent-ng-c1935281767>© 2026 WorkVine</p></div></footer></ehr-footer></mat-sidenav-content><!----></mat-sidenav-container></ehr-root> 1274<link rel="modulepreload" href="chunk-Q3RBWZBR.js"><link rel="modulepreload" href="chunk-ISWR56S7.js"><link rel="modulepreload" href="chunk-N3LS3QWM.js"><link rel="modulepreload" href="chunk-ZITLID2U.js"><link rel="modulepreload" href="chunk-5VCOKNJ3.js"><link rel="modulepreload" href="chunk-MAYNNAG5.js"><link rel="modulepreload" href="chunk-G557562V.js"><link rel="modulepreload" href="chunk-26SOWIBL.js"><link rel="modulepreload" href="chunk-SIAE74AD.js"><link rel="modulepreload" href="chunk-VGXVVCPW.js">
1274<script src="polyfills-7YYIX2DZ.js" type="module"></script>
1274<script src="main-AOCFEDFM.js" type="module"></script>
1274 1275 1276
1277<script id="ng-state" type="application/json">{"__nghData__":[]}</script>
1277</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.