<!DOCTYPE html><html lang="en" data-beasties-container><head>
  <meta charset="utf-8">
  <title>3DMocker - Free Online 3D Mockup Generator</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- SEO Meta Tags -->
  <meta name="description" content="Create stunning 3D product mockups in seconds. Free online mockup generator for t-shirts, mugs, phone cases, packaging and more. No design skills required.">
  <meta name="keywords" content="3D mockup generator, free mockup tool, product mockup, online mockup creator, 3D product visualization, t-shirt mockup, packaging mockup">

  <!-- Open Graph -->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="3DMocker">
  <meta property="og:title" content="3DMocker - Free Online 3D Mockup Generator">
  <meta property="og:description" content="Create stunning 3D product mockups in seconds. Free online mockup generator for t-shirts, mugs, phone cases, packaging and more. No design skills required.">
  <meta property="og:image" content="https://3dmocker.com/assets/og-image.png">
  <meta property="og:url" content="https://3dmocker.com/">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="3DMocker - Free Online 3D Mockup Generator">
  <meta name="twitter:description" content="Create stunning 3D product mockups in seconds. Free online mockup generator for t-shirts, mugs, phone cases, packaging and more. No design skills required.">
  <meta name="twitter:image" content="https://3dmocker.com/assets/og-image.png">

  <!-- Favicon -->
  <link rel="icon" href="/assets/favicon.png" type="image/png" sizes="64x64">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <style>@font-face{font-family:'Work Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.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:'Work Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Work Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.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:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.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:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.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:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.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:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.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:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.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:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.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:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.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:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.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>
  <style>@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;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>

  <!-- Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "name": "3DMocker",
    "url": "https://3dmocker.com",
    "description": "Free online 3D mockup generator. Create stunning product mockups for apparel, packaging, devices and branding materials instantly.",
    "applicationCategory": "DesignApplication",
    "operatingSystem": "Web Browser",
    "screenshot": "https://3dmocker.com/assets/og-image.png",
    "offers": [
      {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD",
        "description": "Free plan with watermarked mockups"
      },
      {
        "@type": "Offer",
        "price": "29.99",
        "priceCurrency": "USD",
        "priceSpecification": {
          "@type": "UnitPriceSpecification",
          "billingDuration": "P1M"
        },
        "description": "PRO plan with unlimited downloads, no watermark, and AI tools"
      }
    ],
    "creator": {
      "@type": "Organization",
      "name": "3DMocker",
      "url": "https://3dmocker.com"
    }
  }
  </script>

<!-- Analytics + Google Ads (disabled for embed pages) -->
<script>
  if (!window.location.pathname.startsWith('/embed')) {
    // Shared Google dataLayer / gtag setup
    window.dataLayer = window.dataLayer || [];
    window.gtag = window.gtag || function(){ window.dataLayer.push(arguments); };

    // Load Google tag once
    var _ga = document.createElement('script');
    _ga.async = true;
    _ga.src = 'https://www.googletagmanager.com/gtag/js?id=G-PSFP655XZN';
    document.head.appendChild(_ga);

    // Google Analytics + Google Ads config
    window.gtag('js', new Date());
    window.gtag('config', 'G-PSFP655XZN');
    window.gtag('config', 'AW-18205668842');

    // Helper: call this ONLY after successful account signup
    window.trackGoogleAdsSignup = function() {
      window.gtag('event', 'conversion', {
        'send_to': 'AW-18205668842/9XY5CJLI7MEcEOrrkelD',
        'value': 1.0,
        'currency': 'EUR'
      });
    };

    // Contentsquare
    var _cs = document.createElement('script');
    _cs.async = true;
    _cs.src = 'https://t.contentsquare.net/uxa/c7b11660a1292.js';
    document.head.appendChild(_cs);
  }
</script>

<style>html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: .03125em;--mat-option-label-text-weight: 400}html{--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: .03125em;--mat-optgroup-label-text-weight: 400}html{--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: .0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: .0071428571em;--mat-card-subtitle-text-weight: 500}html{--mat-tooltip-supporting-text-font: Roboto, sans-serif;--mat-tooltip-supporting-text-size: 12px;--mat-tooltip-supporting-text-weight: 400;--mat-tooltip-supporting-text-tracking: .0333333333em}html{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-filled-caret-color: #3f51b5;--mat-form-field-filled-focus-active-indicator-color: #3f51b5;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-outlined-caret-color: #3f51b5;--mat-form-field-outlined-focus-outline-color: #3f51b5;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-state-layer-color: rgba(0, 0, 0, .87);--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: inherit;--mat-form-field-select-disabled-option-text-color: GrayText;--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-hover-state-layer-opacity: .04;--mat-form-field-focus-state-layer-opacity: .12;--mat-form-field-filled-container-color: #f6f6f6;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-form-field-filled-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, .87);--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(0, 0, 0, .38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}html{--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: .03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: .0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: .03125em;--mat-form-field-filled-label-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: .03125em;--mat-form-field-outlined-label-text-weight: 400}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #3f51b5;--mat-select-invalid-arrow-color: #f44336}html{--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: .03125em;--mat-select-trigger-text-weight: 400}html{--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 32px;--mat-dialog-subhead-size: 20px;--mat-dialog-subhead-weight: 500;--mat-dialog-subhead-tracking: .0125em;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 24px;--mat-dialog-supporting-text-size: 16px;--mat-dialog-supporting-text-weight: 400;--mat-dialog-supporting-text-tracking: .03125em}html{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;--mat-slide-toggle-selected-handle-color: #3f51b5;--mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;--mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;--mat-slide-toggle-selected-focus-handle-color: #3f51b5;--mat-slide-toggle-selected-hover-handle-color: #3f51b5;--mat-slide-toggle-selected-pressed-handle-color: #3f51b5;--mat-slide-toggle-selected-focus-track-color: #7986cb;--mat-slide-toggle-selected-hover-track-color: #7986cb;--mat-slide-toggle-selected-pressed-track-color: #7986cb;--mat-slide-toggle-selected-track-color: #7986cb;--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-slide-toggle-disabled-handle-elevation-shadow: 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-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, .87);--mat-slide-toggle-handle-elevation-shadow: 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-slide-toggle-handle-surface-color: white;--mat-slide-toggle-label-text-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-hover-handle-color: #424242;--mat-slide-toggle-unselected-focus-handle-color: #424242;--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-icon-color: #f6f6f6;--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, .54);--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-pressed-handle-color: #424242;--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, .12)}html{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: .0178571429em;--mat-slide-toggle-label-text-weight: 400}html{--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 20px;--mat-radio-label-text-size: 14px;--mat-radio-label-text-tracking: .0178571429em;--mat-radio-label-text-weight: 400}html{--mat-slider-active-track-color: #3f51b5;--mat-slider-focus-handle-color: #3f51b5;--mat-slider-handle-color: #3f51b5;--mat-slider-hover-handle-color: #3f51b5;--mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);--mat-slider-inactive-track-color: #3f51b5;--mat-slider-ripple-color: #3f51b5;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #3f51b5;--mat-slider-disabled-active-track-color: rgba(0, 0, 0, .87);--mat-slider-disabled-handle-color: rgba(0, 0, 0, .87);--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, .87);--mat-slider-label-container-color: #424242;--mat-slider-label-label-text-color: white;--mat-slider-value-indicator-opacity: 1;--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, .87);--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, .87)}html{--mat-slider-label-label-text-font: Roboto, sans-serif;--mat-slider-label-label-text-size: 14px;--mat-slider-label-label-text-line-height: 22px;--mat-slider-label-label-text-tracking: .0071428571em;--mat-slider-label-label-text-weight: 500}html{--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: .03125em;--mat-menu-item-label-text-line-height: 24px;--mat-menu-item-label-text-weight: 400}html{--mat-list-list-item-label-text-font: Roboto, sans-serif;--mat-list-list-item-label-text-line-height: 24px;--mat-list-list-item-label-text-size: 16px;--mat-list-list-item-label-text-tracking: .03125em;--mat-list-list-item-label-text-weight: 400;--mat-list-list-item-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-supporting-text-line-height: 20px;--mat-list-list-item-supporting-text-size: 14px;--mat-list-list-item-supporting-text-tracking: .0178571429em;--mat-list-list-item-supporting-text-weight: 400;--mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-trailing-supporting-text-line-height: 20px;--mat-list-list-item-trailing-supporting-text-size: 12px;--mat-list-list-item-trailing-supporting-text-tracking: .0333333333em;--mat-list-list-item-trailing-supporting-text-weight: 400}html{--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 20px;--mat-paginator-container-text-size: 12px;--mat-paginator-container-text-tracking: .0333333333em;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: 12px}html{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, .87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #ff4081;--mat-checkbox-selected-hover-icon-color: #ff4081;--mat-checkbox-selected-icon-color: #ff4081;--mat-checkbox-selected-pressed-icon-color: #ff4081;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #ff4081;--mat-checkbox-selected-hover-state-layer-color: #ff4081;--mat-checkbox-selected-pressed-state-layer-color: #ff4081;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}html{--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 20px;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-tracking: .0178571429em;--mat-checkbox-label-text-weight: 400}html{--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: 14px;--mat-button-filled-label-text-tracking: .0892857143em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: 14px;--mat-button-outlined-label-text-tracking: .0892857143em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: 14px;--mat-button-protected-label-text-tracking: .0892857143em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: 14px;--mat-button-text-label-text-tracking: .0892857143em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: 14px;--mat-button-tonal-label-text-tracking: .0892857143em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500}html{--mat-fab-extended-label-text-font: Roboto, sans-serif;--mat-fab-extended-label-text-size: 14px;--mat-fab-extended-label-text-tracking: .0892857143em;--mat-fab-extended-label-text-weight: 500}html{--mat-snack-bar-container-color: #424242;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: #7986cb}html{--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 20px;--mat-snack-bar-supporting-text-size: 14px;--mat-snack-bar-supporting-text-weight: 400}html{--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 22px;--mat-table-header-headline-size: 14px;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: .0071428571em;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 20px;--mat-table-row-item-label-text-size: 14px;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: .0178571429em;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 20px;--mat-table-footer-supporting-text-size: 14px;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: .0178571429em}html{--mat-progress-spinner-active-indicator-color: #3f51b5}html{--mat-badge-background-color: #3f51b5;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-badge-text-font: Roboto, sans-serif;--mat-badge-line-height: 22px;--mat-badge-text-size: 12px;--mat-badge-text-weight: 600;--mat-badge-small-size-text-size: 9px;--mat-badge-small-size-line-height: 16px;--mat-badge-large-size-text-size: 24px;--mat-badge-large-size-line-height: 28px}html{--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 20px;--mat-bottom-sheet-container-text-size: 14px;--mat-bottom-sheet-container-text-tracking: .0178571429em;--mat-bottom-sheet-container-text-weight: 400}html{--mat-button-toggle-label-text-font: Roboto, sans-serif;--mat-button-toggle-label-text-line-height: 24px;--mat-button-toggle-label-text-size: 16px;--mat-button-toggle-label-text-tracking: .03125em;--mat-button-toggle-label-text-weight: 400;--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;--mat-button-toggle-legacy-label-text-line-height: 24px;--mat-button-toggle-legacy-label-text-size: 16px;--mat-button-toggle-legacy-label-text-tracking: .03125em;--mat-button-toggle-legacy-label-text-weight: 400}html{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #3f51b5;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}html{--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 14px;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: 14px;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-header-text-weight: 400}html{--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 14px;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: inherit;--mat-expansion-header-text-tracking: inherit;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 20px;--mat-expansion-container-text-size: 14px;--mat-expansion-container-text-tracking: .0178571429em;--mat-expansion-container-text-weight: 400}html{--mat-grid-list-tile-header-primary-text-size: 14px;--mat-grid-list-tile-header-secondary-text-size: 12px;--mat-grid-list-tile-footer-primary-text-size: 14px;--mat-grid-list-tile-footer-secondary-text-size: 12px}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #3f51b5;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #3f51b5;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #3f51b5;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}html{--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: 14px;--mat-stepper-header-label-text-weight: 400;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 400}html{--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 32px;--mat-toolbar-title-text-size: 20px;--mat-toolbar-title-text-tracking: .0125em;--mat-toolbar-title-text-weight: 500}html{--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 14px;--mat-tree-node-text-weight: 400}.mat-typography h1{font:400 24px/32px Roboto,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-typography h2{font:500 20px/32px Roboto,sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-typography h3{font:400 16px/28px Roboto,sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-typography{font:400 14px/20px Roboto,sans-serif;letter-spacing:.0178571429em}:root{--medium-3xl-size: 56px;--medium-2xl-size: 46px;--medium-xl-size: 36px;--medium-l-size: 30px;--medium-m-size: 24px;--regular-xl-size: 20px}@media(max-width:920px){:root{--medium-3xl-size: 36px;--medium-2xl-size: 30px;--medium-xl-size: 28px;--medium-l-size: 24px;--medium-m-size: 20px;--regular-xl-size: 18px}}.medium-3xl{font-family:Work Sans,sans-serif;font-size:56px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-3xl{font-size:36px}}.medium-2xl{font-family:Work Sans,sans-serif;font-size:46px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-2xl{font-size:30px}}.medium-xl{font-family:Work Sans,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.06em;line-height:44px}@media(max-width:920px){.medium-xl{font-size:28px}}.medium-l{font-family:Work Sans,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-l{font-size:24px}}.medium-m{font-family:Work Sans,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.06em;line-height:30px}@media(max-width:920px){.medium-m{font-size:20px}}.regular-xl{font-family:Work Sans,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.05em}@media(max-width:920px){.regular-xl{font-size:18px}}.regular-l{font-family:Work Sans,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.05em}.regular-m{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.05em}:root{--button-height: 39px;--button-padding-h: 14px;--button-padding-v: 10px;--button-radius: 6px;--button-font-size: 16px;--button-font-weight: 500;--button-letter-spacing: -.05em}:root{--mat-button-filled-container-color: #151613;--mat-button-filled-label-text-color: #ffffff;--mat-button-filled-label-text-font: Work Sans, sans-serif;--mat-button-filled-label-text-size: var(--button-font-size);--mat-button-filled-label-text-tracking: var(--button-letter-spacing, -.05em);--mat-button-filled-label-text-weight: var(--button-font-weight);--mat-button-filled-container-shape: var(--button-radius);--mat-button-filled-container-height: var(--button-height);--mat-button-filled-horizontal-padding: var(--button-padding-h);--mat-button-filled-state-layer-color: #454645;--mat-button-filled-hover-state-layer-opacity: .1;--mat-button-filled-focus-state-layer-opacity: .1;--mat-button-outlined-label-text-font: Work Sans, sans-serif;--mat-button-outlined-label-text-size: var(--button-font-size);--mat-button-outlined-label-text-tracking: var(--button-letter-spacing, -.05em);--mat-button-outlined-label-text-weight: var(--button-font-weight);--mat-button-outlined-label-text-color: #151613;--mat-button-outlined-container-shape: var(--button-radius);--mat-button-outlined-container-height: var(--button-height);--mat-button-outlined-horizontal-padding: var(--button-padding-h);--mat-button-outlined-outline-color: #DBDCDA;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-state-layer-color: #F5F6F4;--mat-button-outlined-hover-state-layer-opacity: 1;--mat-button-outlined-focus-state-layer-opacity: 1;--mat-button-text-label-text-font: Work Sans, sans-serif;--mat-button-text-label-text-tracking: var(--button-letter-spacing, -.05em);--mat-button-text-label-text-size: var(--button-font-size);--mat-button-text-label-text-color: #151613;--mat-button-text-label-text-weight: var(--button-font-weight);--mat-button-text-icon-spacing: 6px;--mat-button-text-container-height: var(--button-height);--mat-button-text-horizontal-padding: var(--button-padding-h);--mat-button-tonal-container-color: #EDEEEC;--mat-button-tonal-label-text-color: #151613;--mat-button-tonal-label-text-font: Work Sans, sans-serif;--mat-button-tonal-label-text-size: var(--button-font-size);--mat-button-tonal-label-text-tracking: var(--button-letter-spacing, -.05em);--mat-button-tonal-label-text-weight: var(--button-font-weight);--mat-button-tonal-container-shape: var(--button-radius);--mat-button-tonal-container-height: var(--button-height);--mat-button-tonal-horizontal-padding: var(--button-padding-h);--mat-button-tonal-state-layer-color: #C4C6C5;--mat-button-tonal-hover-state-layer-opacity: .1;--mat-button-tonal-focus-state-layer-opacity: .1}.mdc-button:hover{--mat-button-filled-container-color: #454645;--mat-button-filled-label-text-color: #ffffff}.mdc-button:focus-visible{--mat-button-filled-container-color: #DBDCDA;--mat-button-filled-label-text-color: #151613;outline:2px solid #151613;outline-offset:-2px}.mdc-button.mat-mdc-outlined-button:focus-visible{outline:2px solid #151613;outline-offset:-2px}html{--mat-sys-on-surface: initial}html{--mat-app-background-color: #fafafa;--mat-app-text-color: rgba(0, 0, 0, .87);--mat-app-elevation-shadow-level-0: 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-app-elevation-shadow-level-1: 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-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 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-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 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-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 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-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 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-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)}html{--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-option-selected-state-label-text-color: #151613;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}html{--mat-pseudo-checkbox-full-selected-icon-color: #CAF486;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #CAF486;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-option-label-text-font: Work Sans, sans-serif;--mat-option-label-text-line-height: 1.5;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: -.05em;--mat-option-label-text-weight: 500}html{--mat-optgroup-label-text-font: Work Sans, sans-serif;--mat-optgroup-label-text-line-height: 1.5;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: -.05em;--mat-optgroup-label-text-weight: 500}html{--mat-card-elevated-container-shape: 4px;--mat-card-outlined-container-shape: 4px;--mat-card-filled-container-shape: 4px;--mat-card-outlined-outline-width: 1px}html{--mat-card-elevated-container-color: white;--mat-card-elevated-container-elevation: 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-card-outlined-container-color: white;--mat-card-outlined-container-elevation: 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-card-outlined-outline-color: rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(0, 0, 0, .54);--mat-card-filled-container-color: white;--mat-card-filled-container-elevation: 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)}html{--mat-card-title-text-font: Work Sans, sans-serif;--mat-card-title-text-line-height: 1.2;--mat-card-title-text-size: var(--medium-2xl-size);--mat-card-title-text-tracking: -.06em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Work Sans, sans-serif;--mat-card-subtitle-text-line-height: 1.4;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: -.05em;--mat-card-subtitle-text-weight: 500}html{--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0}html{--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-line-height: 16px}html{--mat-tooltip-container-color: #424242;--mat-tooltip-supporting-text-color: white}html{--mat-tooltip-supporting-text-font: Work Sans, sans-serif;--mat-tooltip-supporting-text-size: 14px;--mat-tooltip-supporting-text-weight: 400;--mat-tooltip-supporting-text-tracking: -.05em}html{--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px}html{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #151613 87%, transparent);--mat-form-field-filled-caret-color: #151613;--mat-form-field-filled-focus-active-indicator-color: #151613;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #151613 87%, transparent);--mat-form-field-outlined-caret-color: #151613;--mat-form-field-outlined-focus-outline-color: #151613;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #151613 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-state-layer-color: rgba(0, 0, 0, .87);--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: inherit;--mat-form-field-select-disabled-option-text-color: GrayText;--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-hover-state-layer-opacity: .04;--mat-form-field-focus-state-layer-opacity: .12;--mat-form-field-filled-container-color: #f6f6f6;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-form-field-filled-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, .87);--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(0, 0, 0, .38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}html{--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px}html{--mat-form-field-container-text-font: Work Sans, sans-serif;--mat-form-field-container-text-line-height: 1.5;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: -.05em;--mat-form-field-container-text-weight: 500;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Work Sans, sans-serif;--mat-form-field-subscript-text-line-height: 1.4;--mat-form-field-subscript-text-size: 14px;--mat-form-field-subscript-text-tracking: -.05em;--mat-form-field-subscript-text-weight: 400;--mat-form-field-filled-label-text-font: Work Sans, sans-serif;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: -.05em;--mat-form-field-filled-label-text-weight: 500;--mat-form-field-outlined-label-text-font: Work Sans, sans-serif;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: -.05em;--mat-form-field-outlined-label-text-weight: 500}html{--mat-select-container-elevation-shadow: 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)}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #151613;--mat-select-invalid-arrow-color: #f44336}html{--mat-select-arrow-transform: translateY(-8px)}html{--mat-select-trigger-text-font: Work Sans, sans-serif;--mat-select-trigger-text-line-height: 1.5;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: -.05em;--mat-select-trigger-text-weight: 500}html{--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 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)}html{--mat-autocomplete-background-color: white}html{--mat-dialog-container-shape: 4px;--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-dialog-container-max-width: 80vw;--mat-dialog-container-small-max-width: 80vw;--mat-dialog-container-min-width: 0;--mat-dialog-actions-alignment: start;--mat-dialog-actions-padding: 8px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px;--mat-dialog-headline-padding: 0 24px 9px}html{--mat-dialog-container-color: white;--mat-dialog-subhead-color: rgba(0, 0, 0, .87);--mat-dialog-supporting-text-color: rgba(0, 0, 0, .54)}html{--mat-dialog-subhead-font: Work Sans, sans-serif;--mat-dialog-subhead-line-height: 1.2;--mat-dialog-subhead-size: var(--medium-2xl-size);--mat-dialog-subhead-weight: 500;--mat-dialog-subhead-tracking: -.06em;--mat-dialog-supporting-text-font: Work Sans, sans-serif;--mat-dialog-supporting-text-line-height: 1.5;--mat-dialog-supporting-text-size: 16px;--mat-dialog-supporting-text-weight: 500;--mat-dialog-supporting-text-tracking: -.05em}html{--mat-slide-toggle-disabled-handle-opacity: .38;--mat-slide-toggle-disabled-selected-handle-opacity: .38;--mat-slide-toggle-disabled-selected-icon-opacity: .38;--mat-slide-toggle-disabled-track-opacity: .12;--mat-slide-toggle-disabled-unselected-handle-opacity: .38;--mat-slide-toggle-disabled-unselected-icon-opacity: .38;--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;--mat-slide-toggle-handle-height: 20px;--mat-slide-toggle-handle-shape: 10px;--mat-slide-toggle-handle-width: 20px;--mat-slide-toggle-hidden-track-opacity: 1;--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);--mat-slide-toggle-pressed-handle-size: 20px;--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-handle-horizontal-margin: 0;--mat-slide-toggle-selected-handle-size: 20px;--mat-slide-toggle-selected-hover-state-layer-opacity: .04;--mat-slide-toggle-selected-icon-size: 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 1px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-track-height: 14px;--mat-slide-toggle-track-outline-color: transparent;--mat-slide-toggle-track-outline-width: 1px;--mat-slide-toggle-track-shape: 7px;--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-handle-size: 20px;--mat-slide-toggle-unselected-hover-state-layer-opacity: .12;--mat-slide-toggle-unselected-icon-size: 18px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-pressed-state-layer-opacity: .1;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);--mat-slide-toggle-with-icon-handle-size: 20px;--mat-slide-toggle-touch-target-size: 48px}html{--mat-slide-toggle-selected-icon-color: #ffffff;--mat-slide-toggle-disabled-selected-icon-color: #ffffff;--mat-slide-toggle-selected-focus-state-layer-color: #151613;--mat-slide-toggle-selected-handle-color: #151613;--mat-slide-toggle-selected-hover-state-layer-color: #151613;--mat-slide-toggle-selected-pressed-state-layer-color: #151613;--mat-slide-toggle-selected-focus-handle-color: #151613;--mat-slide-toggle-selected-hover-handle-color: #151613;--mat-slide-toggle-selected-pressed-handle-color: #151613;--mat-slide-toggle-selected-focus-track-color: #C4C6C5;--mat-slide-toggle-selected-hover-track-color: #C4C6C5;--mat-slide-toggle-selected-pressed-track-color: #C4C6C5;--mat-slide-toggle-selected-track-color: #C4C6C5;--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-slide-toggle-disabled-handle-elevation-shadow: 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-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, .87);--mat-slide-toggle-handle-elevation-shadow: 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-slide-toggle-handle-surface-color: white;--mat-slide-toggle-label-text-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-hover-handle-color: #424242;--mat-slide-toggle-unselected-focus-handle-color: #424242;--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-icon-color: #f6f6f6;--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, .54);--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-pressed-handle-color: #424242;--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, .12)}html{--mat-slide-toggle-state-layer-size: 40px;--mat-slide-toggle-touch-target-display: block}html{--mat-slide-toggle-label-text-font: Work Sans, sans-serif;--mat-slide-toggle-label-text-line-height: 1.4;--mat-slide-toggle-label-text-size: 16px;--mat-slide-toggle-label-text-tracking: -.05em;--mat-slide-toggle-label-text-weight: 500}html{--mat-radio-disabled-selected-icon-opacity: .38;--mat-radio-disabled-unselected-icon-opacity: .38;--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-size: 48px}html{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}html{--mat-radio-label-text-font: Work Sans, sans-serif;--mat-radio-label-text-line-height: 1.4;--mat-radio-label-text-size: 16px;--mat-radio-label-text-tracking: -.05em;--mat-radio-label-text-weight: 500}html{--mat-slider-active-track-height: 6px;--mat-slider-active-track-shape: 9999px;--mat-slider-handle-elevation: 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-slider-handle-height: 20px;--mat-slider-handle-shape: 50%;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: 9999px;--mat-slider-value-indicator-border-radius: 4px;--mat-slider-value-indicator-caret-display: block;--mat-slider-value-indicator-container-transform: translateX(-50%);--mat-slider-value-indicator-height: 32px;--mat-slider-value-indicator-padding: 0 12px;--mat-slider-value-indicator-text-transform: none;--mat-slider-value-indicator-width: auto;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: .6;--mat-slider-with-tick-marks-container-shape: 50%;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: .6;--mat-slider-value-indicator-transform-origin: bottom}html{--mat-slider-active-track-color: #151613;--mat-slider-focus-handle-color: #151613;--mat-slider-handle-color: #151613;--mat-slider-hover-handle-color: #151613;--mat-slider-focus-state-layer-color: color-mix(in srgb, #151613 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #151613 4%, transparent);--mat-slider-inactive-track-color: #151613;--mat-slider-ripple-color: #151613;--mat-slider-with-tick-marks-active-container-color: #ffffff;--mat-slider-with-tick-marks-inactive-container-color: #151613;--mat-slider-disabled-active-track-color: rgba(0, 0, 0, .87);--mat-slider-disabled-handle-color: rgba(0, 0, 0, .87);--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, .87);--mat-slider-label-container-color: #424242;--mat-slider-label-label-text-color: white;--mat-slider-value-indicator-opacity: 1;--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, .87);--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, .87)}html{--mat-slider-label-label-text-font: Work Sans, sans-serif;--mat-slider-label-label-text-size: 14px;--mat-slider-label-label-text-line-height: 1.4;--mat-slider-label-label-text-tracking: -.05em;--mat-slider-label-label-text-weight: 500}html{--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 0;--mat-menu-divider-top-spacing: 0;--mat-menu-item-spacing: 16px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 16px;--mat-menu-item-trailing-spacing: 16px;--mat-menu-item-with-icon-leading-spacing: 16px;--mat-menu-item-with-icon-trailing-spacing: 16px;--mat-menu-container-elevation-shadow: 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)}html{--mat-menu-item-label-text-color: rgba(0, 0, 0, .87);--mat-menu-item-icon-color: rgba(0, 0, 0, .87);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-menu-container-color: white;--mat-menu-divider-color: rgba(0, 0, 0, .12)}html{--mat-menu-item-label-text-font: Work Sans, sans-serif;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: -.05em;--mat-menu-item-label-text-line-height: 1.5;--mat-menu-item-label-text-weight: 500}html{--mat-list-active-indicator-color: transparent;--mat-list-active-indicator-shape: 4px;--mat-list-list-item-container-shape: 0;--mat-list-list-item-leading-avatar-shape: 50%;--mat-list-list-item-container-color: transparent;--mat-list-list-item-selected-container-color: transparent;--mat-list-list-item-leading-avatar-color: transparent;--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-disabled-state-layer-color: transparent;--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-disabled-label-text-opacity: .38;--mat-list-list-item-disabled-leading-icon-opacity: .38;--mat-list-list-item-disabled-trailing-icon-opacity: .38}html{--mat-list-list-item-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .54);--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, .87);--mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-list-list-item-hover-state-layer-opacity: .04;--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-list-list-item-focus-state-layer-opacity: .12}html{--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 32px;--mat-list-list-item-one-line-container-height: 48px;--mat-list-list-item-two-line-container-height: 64px;--mat-list-list-item-three-line-container-height: 88px}html{--mat-list-list-item-label-text-font: Work Sans, sans-serif;--mat-list-list-item-label-text-line-height: 1.5;--mat-list-list-item-label-text-size: 16px;--mat-list-list-item-label-text-tracking: -.05em;--mat-list-list-item-label-text-weight: 500;--mat-list-list-item-supporting-text-font: Work Sans, sans-serif;--mat-list-list-item-supporting-text-line-height: 1.4;--mat-list-list-item-supporting-text-size: 16px;--mat-list-list-item-supporting-text-tracking: -.05em;--mat-list-list-item-supporting-text-weight: 500;--mat-list-list-item-trailing-supporting-text-font: Work Sans, sans-serif;--mat-list-list-item-trailing-supporting-text-line-height: 1.4;--mat-list-list-item-trailing-supporting-text-size: 14px;--mat-list-list-item-trailing-supporting-text-tracking: -.05em;--mat-list-list-item-trailing-supporting-text-weight: 400}html{--mat-paginator-page-size-select-width: 84px;--mat-paginator-page-size-select-touch-target-height: 48px}html{--mat-paginator-container-text-color: rgba(0, 0, 0, .87);--mat-paginator-container-background-color: white;--mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);--mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block}html{--mat-paginator-container-text-font: Work Sans, sans-serif;--mat-paginator-container-text-line-height: 1.4;--mat-paginator-container-text-size: 14px;--mat-paginator-container-text-tracking: -.05em;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: 14px}html{--mat-tab-container-height: 48px;--mat-tab-divider-color: transparent;--mat-tab-divider-height: 0;--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0}html{--mat-checkbox-disabled-selected-checkmark-color: white;--mat-checkbox-selected-focus-state-layer-opacity: .12;--mat-checkbox-selected-hover-state-layer-opacity: .04;--mat-checkbox-selected-pressed-state-layer-opacity: .12;--mat-checkbox-unselected-focus-state-layer-opacity: .12;--mat-checkbox-unselected-hover-state-layer-opacity: .04;--mat-checkbox-unselected-pressed-state-layer-opacity: .12;--mat-checkbox-touch-target-size: 48px}html{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, .87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: #151613;--mat-checkbox-selected-focus-icon-color: #CAF486;--mat-checkbox-selected-hover-icon-color: #CAF486;--mat-checkbox-selected-icon-color: #CAF486;--mat-checkbox-selected-pressed-icon-color: #CAF486;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #CAF486;--mat-checkbox-selected-hover-state-layer-color: #CAF486;--mat-checkbox-selected-pressed-state-layer-color: #CAF486;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px}html{--mat-checkbox-label-text-font: Work Sans, sans-serif;--mat-checkbox-label-text-line-height: 1.4;--mat-checkbox-label-text-size: 16px;--mat-checkbox-label-text-tracking: -.05em;--mat-checkbox-label-text-weight: 500}html{--mat-button-filled-container-shape: 4px;--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-icon-offset: -4px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 4px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-outlined-icon-offset: -4px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-keep-touch-target: false;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-button-protected-container-shape: 4px;--mat-button-protected-disabled-container-elevation-shadow: 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-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-button-protected-icon-offset: -4px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-pressed-container-elevation-shadow: 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-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 4px;--mat-button-text-horizontal-padding: 8px;--mat-button-text-icon-offset: 0;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 8px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px}html{--mat-button-filled-container-color: white;--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .04;--mat-button-filled-label-text-color: rgba(0, 0, 0, .87);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, .87);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .04;--mat-button-outlined-label-text-color: rgba(0, 0, 0, .87);--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-outlined-state-layer-color: rgba(0, 0, 0, .87);--mat-button-protected-container-color: white;--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-state-layer-opacity: .04;--mat-button-protected-label-text-color: rgba(0, 0, 0, .87);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, .87);--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .04;--mat-button-text-label-text-color: rgba(0, 0, 0, .87);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-text-state-layer-color: rgba(0, 0, 0, .87);--mat-button-tonal-container-color: white;--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .04;--mat-button-tonal-label-text-color: rgba(0, 0, 0, .87);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, .87)}html{--mat-button-filled-container-height: 36px;--mat-button-filled-touch-target-display: block;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-protected-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block}html{--mat-button-filled-label-text-font: Work Sans, sans-serif;--mat-button-filled-label-text-size: 16px;--mat-button-filled-label-text-tracking: -.05em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Work Sans, sans-serif;--mat-button-outlined-label-text-size: 16px;--mat-button-outlined-label-text-tracking: -.05em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Work Sans, sans-serif;--mat-button-protected-label-text-size: 16px;--mat-button-protected-label-text-tracking: -.05em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Work Sans, sans-serif;--mat-button-text-label-text-size: 16px;--mat-button-text-label-text-tracking: -.05em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Work Sans, sans-serif;--mat-button-tonal-label-text-size: 16px;--mat-button-tonal-label-text-tracking: -.05em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500}html{--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 50%;--mat-icon-button-touch-target-size: 48px}html{--mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .04;--mat-icon-button-icon-color: inherit;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-icon-button-state-layer-color: rgba(0, 0, 0, .87)}html{--mat-icon-button-touch-target-display: block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;--mat-icon-button-state-layer-size: 48px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:12px}html{--mat-fab-container-elevation-shadow: 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-fab-container-shape: 50%;--mat-fab-touch-target-size: 48px;--mat-fab-extended-container-elevation-shadow: 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-fab-extended-container-height: 48px;--mat-fab-extended-container-shape: 24px;--mat-fab-extended-focus-container-elevation-shadow: 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-fab-extended-hover-container-elevation-shadow: 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-fab-extended-pressed-container-elevation-shadow: 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-fab-focus-container-elevation-shadow: 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-fab-hover-container-elevation-shadow: 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-fab-pressed-container-elevation-shadow: 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-fab-small-container-elevation-shadow: 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-fab-small-container-shape: 50%;--mat-fab-small-touch-target-size: 48px;--mat-fab-small-focus-container-elevation-shadow: 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-fab-small-hover-container-elevation-shadow: 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-fab-small-pressed-container-elevation-shadow: 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)}html{--mat-fab-container-color: white;--mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-fab-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: rgba(0, 0, 0, .87);--mat-fab-hover-state-layer-opacity: .04;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-container-color: white;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: rgba(0, 0, 0, .87);--mat-fab-small-hover-state-layer-opacity: .04;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-state-layer-color: rgba(0, 0, 0, .87);--mat-fab-state-layer-color: rgba(0, 0, 0, .87)}html{--mat-fab-small-touch-target-display: block;--mat-fab-touch-target-display: block}html{--mat-fab-extended-label-text-font: Work Sans, sans-serif;--mat-fab-extended-label-text-size: 16px;--mat-fab-extended-label-text-tracking: -.05em;--mat-fab-extended-label-text-weight: 500}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-container-color: #424242;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: #C4C6C5}html{--mat-snack-bar-supporting-text-font: Work Sans, sans-serif;--mat-snack-bar-supporting-text-line-height: 1.4;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 500}html{--mat-table-row-item-outline-width: 1px}html{--mat-table-background-color: white;--mat-table-header-headline-color: rgba(0, 0, 0, .87);--mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);--mat-table-row-item-outline-color: rgba(0, 0, 0, .12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}html{--mat-table-header-headline-font: Work Sans, sans-serif;--mat-table-header-headline-line-height: 1.4;--mat-table-header-headline-size: 14px;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: -.05em;--mat-table-row-item-label-text-font: Work Sans, sans-serif;--mat-table-row-item-label-text-line-height: 1.4;--mat-table-row-item-label-text-size: 16px;--mat-table-row-item-label-text-weight: 500;--mat-table-row-item-label-text-tracking: -.05em;--mat-table-footer-supporting-text-font: Work Sans, sans-serif;--mat-table-footer-supporting-text-line-height: 1.4;--mat-table-footer-supporting-text-size: 16px;--mat-table-footer-supporting-text-weight: 500;--mat-table-footer-supporting-text-tracking: -.05em}html{--mat-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-size: 48px}html{--mat-progress-spinner-active-indicator-color: #151613}html{--mat-badge-container-shape: 50%;--mat-badge-container-size: unset;--mat-badge-small-size-container-size: unset;--mat-badge-large-size-container-size: unset;--mat-badge-legacy-container-size: 22px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 28px;--mat-badge-container-offset: -11px 0;--mat-badge-small-size-container-offset: -8px 0;--mat-badge-large-size-container-offset: -14px 0;--mat-badge-container-overlap-offset: -11px;--mat-badge-small-size-container-overlap-offset: -8px;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-container-padding: 0;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0}html{--mat-badge-background-color: #151613;--mat-badge-text-color: #ffffff;--mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-badge-text-font: Work Sans, sans-serif;--mat-badge-line-height: 22px;--mat-badge-text-size: 12px;--mat-badge-text-weight: 600;--mat-badge-small-size-text-size: 9px;--mat-badge-small-size-line-height: 16px;--mat-badge-large-size-text-size: 24px;--mat-badge-large-size-line-height: 28px}html{--mat-bottom-sheet-container-shape: 4px}html{--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);--mat-bottom-sheet-container-background-color: white}html{--mat-bottom-sheet-container-text-font: Work Sans, sans-serif;--mat-bottom-sheet-container-text-line-height: 1.4;--mat-bottom-sheet-container-text-size: 16px;--mat-bottom-sheet-container-text-tracking: -.05em;--mat-bottom-sheet-container-text-weight: 500}html{--mat-button-toggle-focus-state-layer-opacity: .12;--mat-button-toggle-hover-state-layer-opacity: .04;--mat-button-toggle-legacy-focus-state-layer-opacity: 1;--mat-button-toggle-legacy-height: 36px;--mat-button-toggle-legacy-shape: 2px;--mat-button-toggle-shape: 4px}html{--mat-button-toggle-background-color: white;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-toggle-disabled-state-background-color: white;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-toggle-divider-color: rgba(0, 0, 0, .12);--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-legacy-disabled-state-background-color: white;--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, .87);--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, .87);--mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);--mat-button-toggle-state-layer-color: rgba(0, 0, 0, .87);--mat-button-toggle-text-color: rgba(0, 0, 0, .87)}html{--mat-button-toggle-height: 48px}html{--mat-button-toggle-label-text-font: Work Sans, sans-serif;--mat-button-toggle-label-text-line-height: 1.5;--mat-button-toggle-label-text-size: 16px;--mat-button-toggle-label-text-tracking: -.05em;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-legacy-label-text-font: Work Sans, sans-serif;--mat-button-toggle-legacy-label-text-line-height: 1.5;--mat-button-toggle-legacy-label-text-size: 16px;--mat-button-toggle-legacy-label-text-tracking: -.05em;--mat-button-toggle-legacy-label-text-weight: 500}html{--mat-datepicker-calendar-container-shape: 4px;--mat-datepicker-calendar-container-touch-shape: 4px;--mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)}html{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #151613 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #CAF486 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: #ffffff;--mat-datepicker-calendar-date-selected-state-background-color: #151613;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #151613 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #151613 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #151613 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #151613;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}html{--mat-datepicker-calendar-text-font: Work Sans, sans-serif;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 16px;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: 16px;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-header-text-weight: 500}html{--mat-divider-width: 1px}html{--mat-divider-color: rgba(0, 0, 0, .12)}html{--mat-expansion-container-shape: 4px;--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-expansion-legacy-header-indicator-display: inline-block;--mat-expansion-header-indicator-display: none}html{--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-expansion-header-text-color: rgba(0, 0, 0, .87);--mat-expansion-header-description-color: rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-expansion-header-text-font: Work Sans, sans-serif;--mat-expansion-header-text-size: 14px;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: inherit;--mat-expansion-header-text-tracking: inherit;--mat-expansion-container-text-font: Work Sans, sans-serif;--mat-expansion-container-text-line-height: 1.4;--mat-expansion-container-text-size: 16px;--mat-expansion-container-text-tracking: -.05em;--mat-expansion-container-text-weight: 500}html{--mat-grid-list-tile-header-primary-text-size: 16px;--mat-grid-list-tile-header-secondary-text-size: 14px;--mat-grid-list-tile-footer-primary-text-size: 16px;--mat-grid-list-tile-footer-secondary-text-size: 14px}html{--mat-icon-color: inherit}html{--mat-sidenav-container-shape: 0;--mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-sidenav-container-width: auto}html{--mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);--mat-sidenav-container-background-color: white;--mat-sidenav-container-text-color: rgba(0, 0, 0, .87);--mat-sidenav-content-background-color: #fafafa;--mat-sidenav-content-text-color: rgba(0, 0, 0, .87);--mat-sidenav-scrim-color: rgba(0, 0, 0, .6)}html{--mat-stepper-header-focus-state-layer-shape: 0;--mat-stepper-header-hover-state-layer-shape: 0}html{--mat-stepper-header-icon-foreground-color: #ffffff;--mat-stepper-header-selected-state-icon-background-color: #151613;--mat-stepper-header-selected-state-icon-foreground-color: #ffffff;--mat-stepper-header-done-state-icon-background-color: #151613;--mat-stepper-header-done-state-icon-foreground-color: #ffffff;--mat-stepper-header-edit-state-icon-background-color: #151613;--mat-stepper-header-edit-state-icon-foreground-color: #ffffff;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}html{--mat-stepper-header-height: 72px}html{--mat-stepper-container-text-font: Work Sans, sans-serif;--mat-stepper-header-label-text-font: Work Sans, sans-serif;--mat-stepper-header-label-text-size: 16px;--mat-stepper-header-label-text-weight: 500;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 500}html{--mat-sort-arrow-color: rgba(0, 0, 0, .87)}html{--mat-toolbar-container-background-color: white;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}html{--mat-toolbar-title-text-font: Work Sans, sans-serif;--mat-toolbar-title-text-line-height: 1.2;--mat-toolbar-title-text-size: var(--medium-2xl-size);--mat-toolbar-title-text-tracking: -.06em;--mat-toolbar-title-text-weight: 500}html{--mat-tree-container-background-color: white;--mat-tree-node-text-color: rgba(0, 0, 0, .87)}html{--mat-tree-node-min-height: 48px}html{--mat-tree-node-text-font: Work Sans, sans-serif;--mat-tree-node-text-size: 16px;--mat-tree-node-text-weight: 500}html{--mat-timepicker-container-shape: 4px;--mat-timepicker-container-elevation-shadow: 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)}html{--mat-timepicker-container-background-color: white}.mat-typography h1{font:500 var(--medium-3xl-size) / 1.2 "Work Sans",sans-serif;letter-spacing:-.06em;margin:0 0 16px}.mat-typography h2{font:500 var(--medium-2xl-size) / 1.2 "Work Sans",sans-serif;letter-spacing:-.06em;margin:0 0 16px}.mat-typography h3{font:400 var(--regular-xl-size) / 1.4 "Work Sans",sans-serif;letter-spacing:-.05em;margin:0 0 16px}.mat-typography{font:500 16px/1.4 Work Sans,sans-serif;letter-spacing:-.05em}.mat-typography p{margin:0 0 12px}html,body{height:100%}body{margin:0;font-family:Work Sans,sans-serif}button,input{font-family:inherit}:root{--mat-checkbox-label-text-font: Work Sans, sans-serif;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-weight: 500;--mat-checkbox-label-text-line-height: 1;--mat-checkbox-label-text-tracking: -.05em;--mat-select-trigger-text-font: Work Sans, sans-serif;--mat-select-trigger-text-size: 14px;--mat-select-trigger-text-weight: 500;--mat-select-trigger-text-line-height: 1.2;--mat-select-trigger-text-tracking: -.05em;--mat-form-field-container-vertical-padding: 10px;--mat-form-field-container-height: 38px;--mat-form-field-outlined-outline-color: #DBDCDA;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-filled-container-shape: 6px;--mat-form-field-outlined-container-shape: 6px;--mat-form-field-filled-label-text-color: #757775;--mat-form-field-outlined-label-text-color: #757775}.mat-mdc-autocomplete-trigger{font-family:Work Sans,sans-serif!important;font-size:16px!important;font-weight:500!important;letter-spacing:-.05em!important}.mat-typography h3{margin:0 0 12px}.new-badge{position:absolute;top:8px;right:8px;background-color:#f9c9c3;color:#151613;font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.05em;padding:4px 8px;border-radius:3px;z-index:10}.card-badges{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:10}.card-badges .new-badge{position:static}
</style><link rel="stylesheet" href="styles-OLQAAX25.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-OLQAAX25.css"></noscript><style ng-app-id="ng">app-root{display:flex;flex-direction:column;padding-top:70px}app-navbar{position:fixed;top:0;left:0;right:0;z-index:2}app-root>app-component-sidenav{flex:1}app-root>router-outlet+.main-content,app-root>router-outlet+app-component-sidenav{overflow-y:auto;-webkit-overflow-scrolling:touch}.content-wrapper{max-width:1260px;margin:auto;padding:0 20px}@media(max-width:920px){app-root{padding-top:60px}app-root>router-outlet+.main-content,app-root>router-outlet+app-component-sidenav{margin-top:0;overflow-y:visible}}
</style><style ng-app-id="ng">nav[_ngcontent-ng-c4061511758] > a[_ngcontent-ng-c4061511758]{margin-left:8px;margin-right:8px}nav[_ngcontent-ng-c4061511758] > a[_ngcontent-ng-c4061511758]:last-child{margin-right:0}nav[_ngcontent-ng-c4061511758] > a.logo-container[_ngcontent-ng-c4061511758]{display:flex;margin-left:0;margin-right:20px}.navbar-header[_ngcontent-ng-c4061511758]{display:flex;flex-wrap:wrap;align-items:center;padding:10px 40px 9px;height:50px;background-color:#fff;border-bottom:1px solid #EDEEEC}.navbar-show-small[_ngcontent-ng-c4061511758]{display:none}.mobile-menu-button[_ngcontent-ng-c4061511758]{margin-right:8px}.header-links-divider[_ngcontent-ng-c4061511758]{border-right:1px solid #DBDCDA;height:30px}.navbar-sidenav-container[_ngcontent-ng-c4061511758]{height:70px}.mobile-sidenav[_ngcontent-ng-c4061511758]{width:280px;background-color:#fff}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mat-mdc-nav-list[_ngcontent-ng-c4061511758]{padding-top:16px}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mat-mdc-nav-list[_ngcontent-ng-c4061511758]   .mat-mdc-list-item[_ngcontent-ng-c4061511758]{height:48px}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mat-mdc-nav-list[_ngcontent-ng-c4061511758]   .mat-mdc-list-item[_ngcontent-ng-c4061511758]   .mdc-list-item__content[_ngcontent-ng-c4061511758]{padding:0 16px}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mat-mdc-nav-list[_ngcontent-ng-c4061511758]   .mat-mdc-list-item[_ngcontent-ng-c4061511758]:hover{background-color:#f5f6f4}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-toggle[_ngcontent-ng-c4061511758]{position:relative}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-toggle[_ngcontent-ng-c4061511758]   mat-icon[_ngcontent-ng-c4061511758]{position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-toggle[_ngcontent-ng-c4061511758]   mat-icon.expanded[_ngcontent-ng-c4061511758]{transform:translateY(-50%) rotate(180deg)}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-submenu[_ngcontent-ng-c4061511758]{background-color:#f5f6f4}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-submenu[_ngcontent-ng-c4061511758]   .category-item[_ngcontent-ng-c4061511758], .mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-submenu[_ngcontent-ng-c4061511758]   .category-item[_ngcontent-ng-c4061511758]   .mdc-list-item__content[_ngcontent-ng-c4061511758]{padding-left:32px!important}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-submenu[_ngcontent-ng-c4061511758]   .subcategory-item[_ngcontent-ng-c4061511758]{padding-left:48px!important;background-color:#edeeec}.mobile-sidenav[_ngcontent-ng-c4061511758]   .mockups-submenu[_ngcontent-ng-c4061511758]   .subcategory-item[_ngcontent-ng-c4061511758]   .mdc-list-item__content[_ngcontent-ng-c4061511758]{padding-left:48px!important}@media(max-width:920px){.navbar-sidenav-container[_ngcontent-ng-c4061511758]{height:61px}.navbar-header[_ngcontent-ng-c4061511758]{padding:5px 10px 5px 0}.navbar-header[_ngcontent-ng-c4061511758]:has(.search-focused){padding-left:10px}.navbar-header[_ngcontent-ng-c4061511758]   .mobile-menu-button[_ngcontent-ng-c4061511758]{margin-right:8px}.navbar-header[_ngcontent-ng-c4061511758]   img.logo[_ngcontent-ng-c4061511758]{width:106px}.navbar-hide-small[_ngcontent-ng-c4061511758]{display:none}.navbar-show-small[_ngcontent-ng-c4061511758]{display:block}.hide-when-search[_ngcontent-ng-c4061511758]{display:none!important}}</style><style ng-app-id="ng">.mat-drawer-container{position:relative;z-index:1;color:var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));background-color:var(--mat-sidenav-content-background-color, var(--mat-sys-background));box-sizing:border-box;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-container-has-open{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible;background-color:var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent))}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:400ms;transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);transition-property:background-color,visibility}@media(forced-colors: active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-content.mat-drawer-content-hidden{opacity:0}.mat-drawer-transition .mat-drawer-content{transition-duration:400ms;transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;color:var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));box-shadow:var(--mat-sidenav-container-elevation-shadow, none);background-color:var(--mat-sidenav-container-background-color, var(--mat-sys-surface));border-top-right-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));border-bottom-right-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));width:var(--mat-sidenav-container-width, 360px);display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%, 0, 0)}@media(forced-colors: active){.mat-drawer,[dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}}@media(forced-colors: active){[dir=rtl] .mat-drawer,.mat-drawer.mat-drawer-end{border-left:solid 1px currentColor;border-right:none}}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%, 0, 0);border-top-left-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));border-bottom-left-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .mat-drawer{border-top-left-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));border-bottom-left-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));border-top-right-radius:0;border-bottom-right-radius:0;transform:translate3d(100%, 0, 0)}[dir=rtl] .mat-drawer.mat-drawer-end{border-top-right-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));border-bottom-right-radius:var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));border-top-left-radius:0;border-bottom-left-radius:0;left:0;right:auto;transform:translate3d(-100%, 0, 0)}.mat-drawer-transition .mat-drawer{transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating){visibility:hidden;box-shadow:none}.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container{display:none}.mat-drawer.mat-drawer-opened.mat-drawer-opened{transform:none}.mat-drawer-side{box-shadow:none;border-right-color:var(--mat-sidenav-container-divider-color, transparent);border-right-width:1px;border-right-style:solid}.mat-drawer-side.mat-drawer-end{border-left-color:var(--mat-sidenav-container-divider-color, transparent);border-left-width:1px;border-left-style:solid;border-right:none}[dir=rtl] .mat-drawer-side{border-left-color:var(--mat-sidenav-container-divider-color, transparent);border-left-width:1px;border-left-style:solid;border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-right-color:var(--mat-sidenav-container-divider-color, transparent);border-right-width:1px;border-right-style:solid;border-left:none}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto}.mat-sidenav-fixed{position:fixed}
</style><style ng-app-id="ng">.mat-mdc-icon-button{-webkit-user-select:none;user-select:none;display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:rgba(0,0,0,0);fill:currentColor;text-decoration:none;cursor:pointer;z-index:0;overflow:visible;border-radius:var(--mat-icon-button-container-shape, var(--mat-sys-corner-full, 50%));flex-shrink:0;text-align:center;width:var(--mat-icon-button-state-layer-size, 40px);height:var(--mat-icon-button-state-layer-size, 40px);padding:calc(calc(var(--mat-icon-button-state-layer-size, 40px) - var(--mat-icon-button-icon-size, 24px)) / 2);font-size:var(--mat-icon-button-icon-size, 24px);color:var(--mat-icon-button-icon-color, var(--mat-sys-on-surface-variant));-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-icon-button .mat-mdc-button-ripple,.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-icon-button .mat-mdc-button-ripple{overflow:hidden}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before{content:"";opacity:0}.mat-mdc-icon-button .mdc-button__label,.mat-mdc-icon-button .mat-icon{z-index:1;position:relative}.mat-mdc-icon-button .mat-focus-indicator{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:inherit}.mat-mdc-icon-button:focus-visible>.mat-focus-indicator::before{content:"";border-radius:inherit}.mat-mdc-icon-button .mat-ripple-element{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))}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-icon-button-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-icon-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-icon-button-disabled-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-icon-button:hover>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-icon-button-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.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{opacity:var(--mat-icon-button-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-icon-button:active>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-icon-button-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))}.mat-mdc-icon-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:var(--mat-icon-button-touch-target-size, 48px);display:var(--mat-icon-button-touch-target-display, block);left:50%;width:var(--mat-icon-button-touch-target-size, 48px);transform:translate(-50%, -50%)}.mat-mdc-icon-button._mat-animation-noopable{transition:none !important;animation:none !important}.mat-mdc-icon-button[disabled],.mat-mdc-icon-button.mat-mdc-button-disabled{cursor:default;pointer-events:none;color:var(--mat-icon-button-disabled-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-mdc-icon-button.mat-mdc-button-disabled-interactive{pointer-events:auto}.mat-mdc-icon-button img,.mat-mdc-icon-button svg{width:var(--mat-icon-button-icon-size, 24px);height:var(--mat-icon-button-icon-size, 24px);vertical-align:baseline}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:var(--mat-icon-button-container-shape, var(--mat-sys-corner-full, 50%))}.mat-mdc-icon-button[hidden]{display:none}.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{background:rgba(0,0,0,0);opacity:1}
</style><style ng-app-id="ng">@media(forced-colors: active){.mat-mdc-button:not(.mdc-button--outlined),.mat-mdc-unelevated-button:not(.mdc-button--outlined),.mat-mdc-raised-button:not(.mdc-button--outlined),.mat-mdc-outlined-button:not(.mdc-button--outlined),.mat-mdc-button-base.mat-tonal-button,.mat-mdc-icon-button.mat-mdc-icon-button,.mat-mdc-outlined-button .mdc-button__ripple{outline:solid 1px}}
</style><style ng-app-id="ng">.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border-width:var(--mat-focus-indicator-border-width, 3px);border-style:var(--mat-focus-indicator-border-style, solid);border-color:var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus-visible::before{content:""}@media(forced-colors: active){html{--mat-focus-indicator-display: block}}
</style><style ng-app-id="ng">mat-icon,mat-icon.mat-primary,mat-icon.mat-accent,mat-icon.mat-warn{color:var(--mat-icon-color, inherit)}.mat-icon{-webkit-user-select:none;user-select:none;background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px;overflow:hidden}.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.mat-icon.mat-ligature-font[fontIcon]::before{content:attr(fontIcon)}[dir=rtl] .mat-icon-rtl-mirror{transform:scale(-1, 1)}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon{display:block}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon{margin:auto}
</style><style ng-app-id="ng">[_ngcontent-ng-c2911713266]:root{--medium-3xl-size: 56px;--medium-2xl-size: 46px;--medium-xl-size: 36px;--medium-l-size: 30px;--medium-m-size: 24px;--regular-xl-size: 20px}@media(max-width:920px){[_ngcontent-ng-c2911713266]:root{--medium-3xl-size: 36px;--medium-2xl-size: 30px;--medium-xl-size: 28px;--medium-l-size: 24px;--medium-m-size: 20px;--regular-xl-size: 18px}}.medium-3xl[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:56px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-3xl[_ngcontent-ng-c2911713266]{font-size:36px}}.medium-2xl[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:46px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-2xl[_ngcontent-ng-c2911713266]{font-size:30px}}.medium-xl[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.06em;line-height:44px}@media(max-width:920px){.medium-xl[_ngcontent-ng-c2911713266]{font-size:28px}}.medium-l[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-l[_ngcontent-ng-c2911713266]{font-size:24px}}.medium-m[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.06em;line-height:30px}@media(max-width:920px){.medium-m[_ngcontent-ng-c2911713266]{font-size:20px}}.medium-s[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.05em}.medium-xs[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.05em}.medium-xxs[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.05em}.regular-xl[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.05em}@media(max-width:920px){.regular-xl[_ngcontent-ng-c2911713266]{font-size:18px}}.regular-l[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.05em}.regular-m[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.05em}.regular-s[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.05em}.regular-xs[_ngcontent-ng-c2911713266]{font-family:Work Sans,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.05em}[_nghost-ng-c2911713266]{position:relative;display:flex;flex-grow:1}.navbar-search[_nghost-ng-c2911713266]{margin-right:15px}.library-search[_nghost-ng-c2911713266]{width:100%;max-width:630px}.search-container[_ngcontent-ng-c2911713266]{display:flex;flex-grow:1;align-items:center;background-color:#edeeec;border-radius:10px;padding:2px 4px;overflow:clip;border:2px solid transparent;transition:border-color .3s ease,background-color .3s ease,width .3s ease,flex-grow .3s ease}.search-container[_ngcontent-ng-c2911713266]:hover:not(:focus-within):not(.search-focused){background-color:#f5f6f4}.search-container[_ngcontent-ng-c2911713266]:focus-within, .search-container.search-focused[_ngcontent-ng-c2911713266]{background-color:#fff;border-color:#edeeec}.search-container[_ngcontent-ng-c2911713266]:focus-visible{outline:2px solid #151613}.search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]{background-color:transparent;border:none;border-radius:0;padding:6px 38px 6px 12px;outline:none;width:100%;height:30px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.05em;letter-spacing:-.8px}.search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]::placeholder{color:#151613;font-family:Work Sans,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.05em;letter-spacing:-.8px}.search-container[_ngcontent-ng-c2911713266]   .search-button[_ngcontent-ng-c2911713266]{position:absolute;right:4px;top:50%;transform:translateY(-50%);background-color:#151613;border:none;border-radius:6px;width:42px;height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;outline:none}.search-container[_ngcontent-ng-c2911713266]   .search-button[_ngcontent-ng-c2911713266]:hover, .search-container[_ngcontent-ng-c2911713266]   .search-button[_ngcontent-ng-c2911713266]:active{background-color:#454645}.search-container[_ngcontent-ng-c2911713266]   .search-button[_ngcontent-ng-c2911713266]   .search-icon[_ngcontent-ng-c2911713266]{width:18px;height:18px;display:block;background-image:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 0C8.22391 0 9.87721 0.684819 11.0962 1.90381C12.3152 3.12279 13 4.77609 13 6.5C13 8.11 12.41 9.59 11.44 10.73L11.71 11H12.5L17.5 16L16 17.5L11 12.5V11.71L10.73 11.44C9.55037 12.4465 8.05065 12.9996 6.5 13C4.77609 13 3.12279 12.3152 1.90381 11.0962C0.684819 9.87721 0 8.22391 0 6.5C0 4.77609 0.684819 3.12279 1.90381 1.90381C3.12279 0.684819 4.77609 0 6.5 0ZM6.5 2C4 2 2 4 2 6.5C2 9 4 11 6.5 11C9 11 11 9 11 6.5C11 4 9 2 6.5 2Z" fill="white"/></svg>');background-repeat:no-repeat;background-position:center;background-size:contain;transition:all .3s ease}.no-results-message[_ngcontent-ng-c2911713266]{padding:16px;text-align:center;color:#757775;font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.05em}@media(max-width:920px){.navbar-search[_nghost-ng-c2911713266]{width:42px;margin-right:0}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]{background-color:transparent}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]{min-width:42px;z-index:2;cursor:pointer;padding-right:15px;transition:width .3s ease}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]::placeholder{color:transparent}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]:focus{width:100%;cursor:text;z-index:auto}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]:focus::placeholder{color:#151613}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]:not(:focus) + .search-button[_ngcontent-ng-c2911713266]{background-color:transparent;z-index:1}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]:not(:focus) + .search-button[_ngcontent-ng-c2911713266]:hover{background-color:transparent}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]   .search-input[_ngcontent-ng-c2911713266]:not(:focus) + .search-button[_ngcontent-ng-c2911713266]   .search-icon[_ngcontent-ng-c2911713266]{background-image:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 0C8.22391 0 9.87721 0.684819 11.0962 1.90381C12.3152 3.12279 13 4.77609 13 6.5C13 8.11 12.41 9.59 11.44 10.73L11.71 11H12.5L17.5 16L16 17.5L11 12.5V11.71L10.73 11.44C9.55037 12.4465 8.05065 12.9996 6.5 13C4.77609 13 3.12279 12.3152 1.90381 11.0962C0.684819 9.87721 0 8.22391 0 6.5C0 4.77609 0.684819 3.12279 1.90381 1.90381C3.12279 0.684819 4.77609 0 6.5 0ZM6.5 2C4 2 2 4 2 6.5C2 9 4 11 6.5 11C9 11 11 9 11 6.5C11 4 9 2 6.5 2Z" fill="black"/></svg>')}.navbar-search[_nghost-ng-c2911713266]   .search-container.search-focused[_ngcontent-ng-c2911713266]{flex-grow:1;width:auto;background-color:#fff;border:2px solid #EDEEEC;border-radius:10px}.navbar-search[_nghost-ng-c2911713266]   .search-container[_ngcontent-ng-c2911713266]:has(.search-input:focus-visible){border-color:#151613}}</style><style ng-app-id="ng">.mat-mdc-button-base{text-decoration:none}.mat-mdc-button-base .mat-icon{min-height:fit-content;flex-shrink:0}@media(hover: none){.mat-mdc-button-base:hover>span.mat-mdc-button-persistent-ripple::before{opacity:0}}.mdc-button{-webkit-user-select:none;user-select:none;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:rgba(0,0,0,0);padding:0 8px}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button[hidden]{display:none}.mdc-button .mdc-button__label{position:relative}.mat-mdc-button{padding:0 var(--mat-button-text-horizontal-padding, 12px);height:var(--mat-button-text-container-height, 40px);font-family:var(--mat-button-text-label-text-font, var(--mat-sys-label-large-font));font-size:var(--mat-button-text-label-text-size, var(--mat-sys-label-large-size));letter-spacing:var(--mat-button-text-label-text-tracking, var(--mat-sys-label-large-tracking));text-transform:var(--mat-button-text-label-text-transform);font-weight:var(--mat-button-text-label-text-weight, var(--mat-sys-label-large-weight))}.mat-mdc-button,.mat-mdc-button .mdc-button__ripple{border-radius:var(--mat-button-text-container-shape, var(--mat-sys-corner-full))}.mat-mdc-button:not(:disabled){color:var(--mat-button-text-label-text-color, var(--mat-sys-primary))}.mat-mdc-button[disabled],.mat-mdc-button.mat-mdc-button-disabled{cursor:default;pointer-events:none;color:var(--mat-button-text-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mat-mdc-button.mat-mdc-button-disabled-interactive{pointer-events:auto}.mat-mdc-button:has(.material-icons,mat-icon,[matButtonIcon]){padding:0 var(--mat-button-text-with-icon-horizontal-padding, 16px)}.mat-mdc-button>.mat-icon{margin-right:var(--mat-button-text-icon-spacing, 8px);margin-left:var(--mat-button-text-icon-offset, -4px)}[dir=rtl] .mat-mdc-button>.mat-icon{margin-right:var(--mat-button-text-icon-offset, -4px);margin-left:var(--mat-button-text-icon-spacing, 8px)}.mat-mdc-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-text-icon-offset, -4px);margin-left:var(--mat-button-text-icon-spacing, 8px)}[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-text-icon-spacing, 8px);margin-left:var(--mat-button-text-icon-offset, -4px)}.mat-mdc-button .mat-ripple-element{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))}.mat-mdc-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-text-state-layer-color, var(--mat-sys-primary))}.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-text-disabled-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-button:hover>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-text-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.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{opacity:var(--mat-button-text-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-button:active>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-text-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))}.mat-mdc-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:var(--mat-button-text-touch-target-size, 48px);display:var(--mat-button-text-touch-target-display, block);left:0;right:0;transform:translateY(-50%)}.mat-mdc-unelevated-button{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);height:var(--mat-button-filled-container-height, 40px);font-family:var(--mat-button-filled-label-text-font, var(--mat-sys-label-large-font));font-size:var(--mat-button-filled-label-text-size, var(--mat-sys-label-large-size));letter-spacing:var(--mat-button-filled-label-text-tracking, var(--mat-sys-label-large-tracking));text-transform:var(--mat-button-filled-label-text-transform);font-weight:var(--mat-button-filled-label-text-weight, var(--mat-sys-label-large-weight));padding:0 var(--mat-button-filled-horizontal-padding, 24px)}.mat-mdc-unelevated-button>.mat-icon{margin-right:var(--mat-button-filled-icon-spacing, 8px);margin-left:var(--mat-button-filled-icon-offset, -8px)}[dir=rtl] .mat-mdc-unelevated-button>.mat-icon{margin-right:var(--mat-button-filled-icon-offset, -8px);margin-left:var(--mat-button-filled-icon-spacing, 8px)}.mat-mdc-unelevated-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-filled-icon-offset, -8px);margin-left:var(--mat-button-filled-icon-spacing, 8px)}[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-filled-icon-spacing, 8px);margin-left:var(--mat-button-filled-icon-offset, -8px)}.mat-mdc-unelevated-button .mat-ripple-element{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))}.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-filled-state-layer-color, var(--mat-sys-on-primary))}.mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-filled-disabled-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-unelevated-button:hover>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-filled-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.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{opacity:var(--mat-button-filled-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-unelevated-button:active>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-filled-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))}.mat-mdc-unelevated-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:var(--mat-button-filled-touch-target-size, 48px);display:var(--mat-button-filled-touch-target-display, block);left:0;right:0;transform:translateY(-50%)}.mat-mdc-unelevated-button:not(:disabled){color:var(--mat-button-filled-label-text-color, var(--mat-sys-on-primary));background-color:var(--mat-button-filled-container-color, var(--mat-sys-primary))}.mat-mdc-unelevated-button,.mat-mdc-unelevated-button .mdc-button__ripple{border-radius:var(--mat-button-filled-container-shape, var(--mat-sys-corner-full))}.mat-mdc-unelevated-button[disabled],.mat-mdc-unelevated-button.mat-mdc-button-disabled{cursor:default;pointer-events:none;color:var(--mat-button-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));background-color:var(--mat-button-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive{pointer-events:auto}.mat-mdc-raised-button{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);box-shadow:var(--mat-button-protected-container-elevation-shadow, var(--mat-sys-level1));height:var(--mat-button-protected-container-height, 40px);font-family:var(--mat-button-protected-label-text-font, var(--mat-sys-label-large-font));font-size:var(--mat-button-protected-label-text-size, var(--mat-sys-label-large-size));letter-spacing:var(--mat-button-protected-label-text-tracking, var(--mat-sys-label-large-tracking));text-transform:var(--mat-button-protected-label-text-transform);font-weight:var(--mat-button-protected-label-text-weight, var(--mat-sys-label-large-weight));padding:0 var(--mat-button-protected-horizontal-padding, 24px)}.mat-mdc-raised-button>.mat-icon{margin-right:var(--mat-button-protected-icon-spacing, 8px);margin-left:var(--mat-button-protected-icon-offset, -8px)}[dir=rtl] .mat-mdc-raised-button>.mat-icon{margin-right:var(--mat-button-protected-icon-offset, -8px);margin-left:var(--mat-button-protected-icon-spacing, 8px)}.mat-mdc-raised-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-protected-icon-offset, -8px);margin-left:var(--mat-button-protected-icon-spacing, 8px)}[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-protected-icon-spacing, 8px);margin-left:var(--mat-button-protected-icon-offset, -8px)}.mat-mdc-raised-button .mat-ripple-element{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))}.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-protected-state-layer-color, var(--mat-sys-primary))}.mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-protected-disabled-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-raised-button:hover>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-protected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.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{opacity:var(--mat-button-protected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-raised-button:active>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-protected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))}.mat-mdc-raised-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:var(--mat-button-protected-touch-target-size, 48px);display:var(--mat-button-protected-touch-target-display, block);left:0;right:0;transform:translateY(-50%)}.mat-mdc-raised-button:not(:disabled){color:var(--mat-button-protected-label-text-color, var(--mat-sys-primary));background-color:var(--mat-button-protected-container-color, var(--mat-sys-surface))}.mat-mdc-raised-button,.mat-mdc-raised-button .mdc-button__ripple{border-radius:var(--mat-button-protected-container-shape, var(--mat-sys-corner-full))}@media(hover: hover){.mat-mdc-raised-button:hover{box-shadow:var(--mat-button-protected-hover-container-elevation-shadow, var(--mat-sys-level2))}}.mat-mdc-raised-button:focus{box-shadow:var(--mat-button-protected-focus-container-elevation-shadow, var(--mat-sys-level1))}.mat-mdc-raised-button:active,.mat-mdc-raised-button:focus:active{box-shadow:var(--mat-button-protected-pressed-container-elevation-shadow, var(--mat-sys-level1))}.mat-mdc-raised-button[disabled],.mat-mdc-raised-button.mat-mdc-button-disabled{cursor:default;pointer-events:none;color:var(--mat-button-protected-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));background-color:var(--mat-button-protected-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-raised-button[disabled].mat-mdc-button-disabled,.mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled{box-shadow:var(--mat-button-protected-disabled-container-elevation-shadow, var(--mat-sys-level0))}.mat-mdc-raised-button.mat-mdc-button-disabled-interactive{pointer-events:auto}.mat-mdc-outlined-button{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1);height:var(--mat-button-outlined-container-height, 40px);font-family:var(--mat-button-outlined-label-text-font, var(--mat-sys-label-large-font));font-size:var(--mat-button-outlined-label-text-size, var(--mat-sys-label-large-size));letter-spacing:var(--mat-button-outlined-label-text-tracking, var(--mat-sys-label-large-tracking));text-transform:var(--mat-button-outlined-label-text-transform);font-weight:var(--mat-button-outlined-label-text-weight, var(--mat-sys-label-large-weight));border-radius:var(--mat-button-outlined-container-shape, var(--mat-sys-corner-full));border-width:var(--mat-button-outlined-outline-width, 1px);padding:0 var(--mat-button-outlined-horizontal-padding, 24px)}.mat-mdc-outlined-button>.mat-icon{margin-right:var(--mat-button-outlined-icon-spacing, 8px);margin-left:var(--mat-button-outlined-icon-offset, -8px)}[dir=rtl] .mat-mdc-outlined-button>.mat-icon{margin-right:var(--mat-button-outlined-icon-offset, -8px);margin-left:var(--mat-button-outlined-icon-spacing, 8px)}.mat-mdc-outlined-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-outlined-icon-offset, -8px);margin-left:var(--mat-button-outlined-icon-spacing, 8px)}[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-outlined-icon-spacing, 8px);margin-left:var(--mat-button-outlined-icon-offset, -8px)}.mat-mdc-outlined-button .mat-ripple-element{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))}.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-outlined-state-layer-color, var(--mat-sys-primary))}.mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-outlined-disabled-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-outlined-button:hover>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-outlined-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.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{opacity:var(--mat-button-outlined-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-outlined-button:active>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-outlined-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))}.mat-mdc-outlined-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:var(--mat-button-outlined-touch-target-size, 48px);display:var(--mat-button-outlined-touch-target-display, block);left:0;right:0;transform:translateY(-50%)}.mat-mdc-outlined-button:not(:disabled){color:var(--mat-button-outlined-label-text-color, var(--mat-sys-primary));border-color:var(--mat-button-outlined-outline-color, var(--mat-sys-outline))}.mat-mdc-outlined-button[disabled],.mat-mdc-outlined-button.mat-mdc-button-disabled{cursor:default;pointer-events:none;color:var(--mat-button-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));border-color:var(--mat-button-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive{pointer-events:auto}.mat-tonal-button{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);height:var(--mat-button-tonal-container-height, 40px);font-family:var(--mat-button-tonal-label-text-font, var(--mat-sys-label-large-font));font-size:var(--mat-button-tonal-label-text-size, var(--mat-sys-label-large-size));letter-spacing:var(--mat-button-tonal-label-text-tracking, var(--mat-sys-label-large-tracking));text-transform:var(--mat-button-tonal-label-text-transform);font-weight:var(--mat-button-tonal-label-text-weight, var(--mat-sys-label-large-weight));padding:0 var(--mat-button-tonal-horizontal-padding, 24px)}.mat-tonal-button:not(:disabled){color:var(--mat-button-tonal-label-text-color, var(--mat-sys-on-secondary-container));background-color:var(--mat-button-tonal-container-color, var(--mat-sys-secondary-container))}.mat-tonal-button,.mat-tonal-button .mdc-button__ripple{border-radius:var(--mat-button-tonal-container-shape, var(--mat-sys-corner-full))}.mat-tonal-button[disabled],.mat-tonal-button.mat-mdc-button-disabled{cursor:default;pointer-events:none;color:var(--mat-button-tonal-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));background-color:var(--mat-button-tonal-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-tonal-button.mat-mdc-button-disabled-interactive{pointer-events:auto}.mat-tonal-button>.mat-icon{margin-right:var(--mat-button-tonal-icon-spacing, 8px);margin-left:var(--mat-button-tonal-icon-offset, -8px)}[dir=rtl] .mat-tonal-button>.mat-icon{margin-right:var(--mat-button-tonal-icon-offset, -8px);margin-left:var(--mat-button-tonal-icon-spacing, 8px)}.mat-tonal-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-tonal-icon-offset, -8px);margin-left:var(--mat-button-tonal-icon-spacing, 8px)}[dir=rtl] .mat-tonal-button .mdc-button__label+.mat-icon{margin-right:var(--mat-button-tonal-icon-spacing, 8px);margin-left:var(--mat-button-tonal-icon-offset, -8px)}.mat-tonal-button .mat-ripple-element{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))}.mat-tonal-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-tonal-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-tonal-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-button-tonal-disabled-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-tonal-button:hover>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-tonal-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.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{opacity:var(--mat-button-tonal-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-tonal-button:active>.mat-mdc-button-persistent-ripple::before{opacity:var(--mat-button-tonal-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))}.mat-tonal-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:var(--mat-button-tonal-touch-target-size, 48px);display:var(--mat-button-tonal-touch-target-display, block);left:0;right:0;transform:translateY(-50%)}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-raised-button,.mat-mdc-outlined-button,.mat-tonal-button{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-button .mat-mdc-button-ripple,.mat-mdc-button .mat-mdc-button-persistent-ripple,.mat-mdc-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button .mat-mdc-button-ripple,.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button .mat-mdc-button-ripple,.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button .mat-mdc-button-ripple,.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before,.mat-tonal-button .mat-mdc-button-ripple,.mat-tonal-button .mat-mdc-button-persistent-ripple,.mat-tonal-button .mat-mdc-button-persistent-ripple::before{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-button .mat-mdc-button-ripple,.mat-mdc-unelevated-button .mat-mdc-button-ripple,.mat-mdc-raised-button .mat-mdc-button-ripple,.mat-mdc-outlined-button .mat-mdc-button-ripple,.mat-tonal-button .mat-mdc-button-ripple{overflow:hidden}.mat-mdc-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before,.mat-tonal-button .mat-mdc-button-persistent-ripple::before{content:"";opacity:0}.mat-mdc-button .mdc-button__label,.mat-mdc-button .mat-icon,.mat-mdc-unelevated-button .mdc-button__label,.mat-mdc-unelevated-button .mat-icon,.mat-mdc-raised-button .mdc-button__label,.mat-mdc-raised-button .mat-icon,.mat-mdc-outlined-button .mdc-button__label,.mat-mdc-outlined-button .mat-icon,.mat-tonal-button .mdc-button__label,.mat-tonal-button .mat-icon{z-index:1;position:relative}.mat-mdc-button .mat-focus-indicator,.mat-mdc-unelevated-button .mat-focus-indicator,.mat-mdc-raised-button .mat-focus-indicator,.mat-mdc-outlined-button .mat-focus-indicator,.mat-tonal-button .mat-focus-indicator{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:inherit}.mat-mdc-button:focus-visible>.mat-focus-indicator::before,.mat-mdc-unelevated-button:focus-visible>.mat-focus-indicator::before,.mat-mdc-raised-button:focus-visible>.mat-focus-indicator::before,.mat-mdc-outlined-button:focus-visible>.mat-focus-indicator::before,.mat-tonal-button:focus-visible>.mat-focus-indicator::before{content:"";border-radius:inherit}.mat-mdc-button._mat-animation-noopable,.mat-mdc-unelevated-button._mat-animation-noopable,.mat-mdc-raised-button._mat-animation-noopable,.mat-mdc-outlined-button._mat-animation-noopable,.mat-tonal-button._mat-animation-noopable{transition:none !important;animation:none !important}.mat-mdc-button>.mat-icon,.mat-mdc-unelevated-button>.mat-icon,.mat-mdc-raised-button>.mat-icon,.mat-mdc-outlined-button>.mat-icon,.mat-tonal-button>.mat-icon{display:inline-block;position:relative;vertical-align:top;font-size:1.125rem;height:1.125rem;width:1.125rem}.mat-mdc-outlined-button .mat-mdc-button-ripple,.mat-mdc-outlined-button .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px}.mat-mdc-unelevated-button .mat-focus-indicator::before,.mat-tonal-button .mat-focus-indicator::before,.mat-mdc-raised-button .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-outlined-button .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px)*-1)}
</style><style ng-app-id="ng">mat-menu{display:none}.mat-mdc-menu-content{margin:0;padding:8px 0;outline:0}.mat-mdc-menu-content,.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;flex:1;white-space:normal;font-family:var(--mat-menu-item-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-menu-item-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-menu-item-label-text-size, var(--mat-sys-label-large-size));letter-spacing:var(--mat-menu-item-label-text-tracking, var(--mat-sys-label-large-tracking));font-weight:var(--mat-menu-item-label-text-weight, var(--mat-sys-label-large-weight))}@keyframes _mat-menu-enter{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:none}}@keyframes _mat-menu-exit{from{opacity:1}to{opacity:0}}.mat-mdc-menu-panel{min-width:112px;max-width:280px;overflow:auto;box-sizing:border-box;outline:0;animation:_mat-menu-enter 120ms cubic-bezier(0, 0, 0.2, 1);border-radius:var(--mat-menu-container-shape, var(--mat-sys-corner-extra-small));background-color:var(--mat-menu-container-color, var(--mat-sys-surface-container));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));will-change:transform,opacity}.mat-mdc-menu-panel.mat-menu-panel-exit-animation{animation:_mat-menu-exit 100ms 25ms linear forwards}.mat-mdc-menu-panel.mat-menu-panel-animations-disabled{animation:none}.mat-mdc-menu-panel.mat-menu-panel-animating{pointer-events:none}.mat-mdc-menu-panel.mat-menu-panel-animating:has(.mat-mdc-menu-content:empty){display:none}@media(forced-colors: active){.mat-mdc-menu-panel{outline:solid 1px}}.mat-mdc-menu-panel .mat-divider{border-top-color:var(--mat-menu-divider-color, var(--mat-sys-surface-variant));margin-bottom:var(--mat-menu-divider-bottom-spacing, 8px);margin-top:var(--mat-menu-divider-top-spacing, 8px)}.mat-mdc-menu-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;cursor:pointer;width:100%;text-align:left;box-sizing:border-box;color:inherit;font-size:inherit;background:none;text-decoration:none;margin:0;min-height:48px;padding-left:var(--mat-menu-item-leading-spacing, 12px);padding-right:var(--mat-menu-item-trailing-spacing, 12px);-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-menu-item::-moz-focus-inner{border:0}[dir=rtl] .mat-mdc-menu-item{padding-left:var(--mat-menu-item-trailing-spacing, 12px);padding-right:var(--mat-menu-item-leading-spacing, 12px)}.mat-mdc-menu-item:has(.material-icons,mat-icon,[matButtonIcon]){padding-left:var(--mat-menu-item-with-icon-leading-spacing, 12px);padding-right:var(--mat-menu-item-with-icon-trailing-spacing, 12px)}[dir=rtl] .mat-mdc-menu-item:has(.material-icons,mat-icon,[matButtonIcon]){padding-left:var(--mat-menu-item-with-icon-trailing-spacing, 12px);padding-right:var(--mat-menu-item-with-icon-leading-spacing, 12px)}.mat-mdc-menu-item,.mat-mdc-menu-item:visited,.mat-mdc-menu-item:link{color:var(--mat-menu-item-label-text-color, var(--mat-sys-on-surface))}.mat-mdc-menu-item .mat-icon-no-color,.mat-mdc-menu-item .mat-mdc-menu-submenu-icon{color:var(--mat-menu-item-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-menu-item[disabled]{cursor:default;opacity:.38}.mat-mdc-menu-item[disabled]::after{display:block;position:absolute;content:"";top:0;left:0;bottom:0;right:0}.mat-mdc-menu-item:focus{outline:0}.mat-mdc-menu-item .mat-icon{flex-shrink:0;margin-right:var(--mat-menu-item-spacing, 12px);height:var(--mat-menu-item-icon-size, 24px);width:var(--mat-menu-item-icon-size, 24px)}[dir=rtl] .mat-mdc-menu-item{text-align:right}[dir=rtl] .mat-mdc-menu-item .mat-icon{margin-right:0;margin-left:var(--mat-menu-item-spacing, 12px)}.mat-mdc-menu-item:not([disabled]):hover{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))}.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{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))}@media(forced-colors: active){.mat-mdc-menu-item{margin-top:1px}}.mat-mdc-menu-submenu-icon{width:var(--mat-menu-item-icon-size, 24px);height:10px;fill:currentColor;padding-left:var(--mat-menu-item-spacing, 12px)}[dir=rtl] .mat-mdc-menu-submenu-icon{padding-right:var(--mat-menu-item-spacing, 12px);padding-left:0}[dir=rtl] .mat-mdc-menu-submenu-icon polygon{transform:scaleX(-1);transform-origin:center}@media(forced-colors: active){.mat-mdc-menu-submenu-icon{fill:CanvasText}}.mat-mdc-menu-item .mat-mdc-menu-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}
</style><style ng-app-id="ng">div.mat-mdc-autocomplete-panel{width:100%;max-height:256px;visibility:hidden;transform-origin:center top;overflow:auto;padding:8px 0;box-sizing:border-box;position:relative;border-radius:var(--mat-autocomplete-container-shape, var(--mat-sys-corner-extra-small));box-shadow:var(--mat-autocomplete-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));background-color:var(--mat-autocomplete-background-color, var(--mat-sys-surface-container))}@media(forced-colors: active){div.mat-mdc-autocomplete-panel{outline:solid 1px}}.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel{border-top-left-radius:0;border-top-right-radius:0}.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;transform-origin:center bottom}div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible{visibility:visible}div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden,.cdk-overlay-pane:has(>.mat-mdc-autocomplete-hidden){visibility:hidden;pointer-events:none}@keyframes _mat-autocomplete-enter{from{opacity:0;transform:scaleY(0.8)}to{opacity:1;transform:none}}.mat-autocomplete-panel-animations-enabled{animation:_mat-autocomplete-enter 120ms cubic-bezier(0, 0, 0.2, 1)}mat-autocomplete{display:none}
</style><style ng-app-id="ng">.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent))}@media(forced-colors: active){.mat-ripple-element{display:none}}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}
</style><style ng-app-id="ng">[_nghost-ng-c2544338365]{display:block;margin:60px 20px 20px}.footer[_ngcontent-ng-c2544338365]   h3[_ngcontent-ng-c2544338365]{color:#757775}.footer[_ngcontent-ng-c2544338365]   ul[_ngcontent-ng-c2544338365]{margin:0;padding:0;list-style:none}.footer[_ngcontent-ng-c2544338365]   ul[_ngcontent-ng-c2544338365]   li[_ngcontent-ng-c2544338365]{line-height:31px}.footer[_ngcontent-ng-c2544338365]   ul[_ngcontent-ng-c2544338365]   li[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]{text-decoration:none;color:inherit;cursor:pointer}.footer[_ngcontent-ng-c2544338365]   ul[_ngcontent-ng-c2544338365]   li[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]:hover{text-decoration:underline}.footer[_ngcontent-ng-c2544338365]   .buttons[_ngcontent-ng-c2544338365]{margin-top:28px;margin-bottom:26px}.footer[_ngcontent-ng-c2544338365]   .footer-bottom[_ngcontent-ng-c2544338365]{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:50px;margin-bottom:8px}.footer[_ngcontent-ng-c2544338365]   .social-links[_ngcontent-ng-c2544338365]{display:flex;flex-flow:row wrap;gap:10px}.footer[_ngcontent-ng-c2544338365]   .social-links[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background-color:#f5f6f4;border-radius:6px}.footer[_ngcontent-ng-c2544338365]   .social-links[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]:first-child{margin-right:0}.footer[_ngcontent-ng-c2544338365]   .social-links[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]:hover, .footer[_ngcontent-ng-c2544338365]   .social-links[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]:focus-visible{background-color:#f6ff5e}.footer[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]:first-child{margin-right:16px}.footer[_ngcontent-ng-c2544338365]   .copyright[_ngcontent-ng-c2544338365]{font-weight:400;color:#757775}.footer-items[_ngcontent-ng-c2544338365]{display:flex;flex-flow:row;gap:20px}.footer-item[_ngcontent-ng-c2544338365]   h1[_ngcontent-ng-c2544338365], .footer-item[_ngcontent-ng-c2544338365]   h2[_ngcontent-ng-c2544338365]{padding-left:40px}.footer-item[_ngcontent-ng-c2544338365]{flex:1 0 auto;min-width:0}.footer-item[_ngcontent-ng-c2544338365]:last-child{flex:0 0 auto;width:fit-content}.footer-parametric[_ngcontent-ng-c2544338365]{margin-top:32px}.footer-parametric[_ngcontent-ng-c2544338365]   h3[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]{color:inherit;text-decoration:none}.footer-parametric[_ngcontent-ng-c2544338365]   h3[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]:hover{text-decoration:underline}.footer-parametric[_ngcontent-ng-c2544338365]   ul[_ngcontent-ng-c2544338365]{display:flex;flex-flow:row wrap;column-gap:24px}.footer[_ngcontent-ng-c2544338365]   .footer-parametric[_ngcontent-ng-c2544338365]   li[_ngcontent-ng-c2544338365]   a[_ngcontent-ng-c2544338365]{margin-right:0}@media(max-width:920px){[_nghost-ng-c2544338365]{display:block;margin:60px 10px 10px}.footer-items[_ngcontent-ng-c2544338365]{display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer[_ngcontent-ng-c2544338365]   .footer-bottom[_ngcontent-ng-c2544338365]{margin-top:52px}}@media(max-width:600px){.footer-items[_ngcontent-ng-c2544338365]{display:flex;flex-direction:column;gap:32px}}</style><style ng-app-id="ng">[_ngcontent-ng-c1797438422]:root{--medium-3xl-size: 56px;--medium-2xl-size: 46px;--medium-xl-size: 36px;--medium-l-size: 30px;--medium-m-size: 24px;--regular-xl-size: 20px}@media(max-width:920px){[_ngcontent-ng-c1797438422]:root{--medium-3xl-size: 36px;--medium-2xl-size: 30px;--medium-xl-size: 28px;--medium-l-size: 24px;--medium-m-size: 20px;--regular-xl-size: 18px}}.medium-3xl[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:56px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-3xl[_ngcontent-ng-c1797438422]{font-size:36px}}.medium-2xl[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:46px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-2xl[_ngcontent-ng-c1797438422]{font-size:30px}}.medium-xl[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.06em;line-height:44px}@media(max-width:920px){.medium-xl[_ngcontent-ng-c1797438422]{font-size:28px}}.medium-l[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-l[_ngcontent-ng-c1797438422]{font-size:24px}}.medium-m[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.06em;line-height:30px}@media(max-width:920px){.medium-m[_ngcontent-ng-c1797438422]{font-size:20px}}.medium-s[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.05em}.medium-xs[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.05em}.medium-xxs[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.05em}.regular-xl[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.05em}@media(max-width:920px){.regular-xl[_ngcontent-ng-c1797438422]{font-size:18px}}.regular-l[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.05em}.regular-m[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.05em}.regular-s[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.05em}.regular-xs[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.05em}.header-background[_ngcontent-ng-c1797438422]{overflow:hidden;position:relative;height:565px;background-image:url(/assets/banner_intro.png);background-size:cover;background-position:center center;background-color:gray;color:#fff}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]{width:100%;position:absolute;z-index:0;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;background-color:#00000080;padding-top:260px}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-headline[_ngcontent-ng-c1797438422]   .users[_ngcontent-ng-c1797438422]{display:flex;margin:0 auto;justify-content:center;align-items:center}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-headline[_ngcontent-ng-c1797438422]   .users[_ngcontent-ng-c1797438422]   img[_ngcontent-ng-c1797438422]{margin-right:5px;min-height:33px}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-headline[_ngcontent-ng-c1797438422]   h1[_ngcontent-ng-c1797438422]{margin:30px 0 15px}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-headline[_ngcontent-ng-c1797438422]   .mat-subtitle-1[_ngcontent-ng-c1797438422]{max-width:430px;margin:15px auto 25px}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]{margin:40px auto;display:flex;justify-content:center;position:relative;width:fit-content}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]   a.mat-mdc-unelevated-button[_ngcontent-ng-c1797438422]{background-color:#c4c6c5;color:#151613;font-size:18px;letter-spacing:-.05em;padding:26px 29px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:10px}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]   a.mat-mdc-unelevated-button.accent[_ngcontent-ng-c1797438422]{margin-right:20px;background-color:#f6ff5e}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]   .under-button[_ngcontent-ng-c1797438422]{position:absolute;left:10px;bottom:-22px;font-size:14px;font-weight:400;letter-spacing:-.05em}.header-background-v2[_ngcontent-ng-c1797438422]{overflow:hidden;background:linear-gradient(194.18deg,#1f2123 21.95%,#000 80.91%);color:#fff}.header-background-v2[_ngcontent-ng-c1797438422]   .header-container[_ngcontent-ng-c1797438422]{max-width:1260px;margin:0 auto;display:flex;align-items:center;gap:60px;padding:90px 40px}.header-background-v2[_ngcontent-ng-c1797438422]   .header-content[_ngcontent-ng-c1797438422]{width:662px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;margin-top:-20px}.header-background-v2[_ngcontent-ng-c1797438422]   .users-badge[_ngcontent-ng-c1797438422]{display:inline-flex;align-items:center;gap:6px;background-color:#454645;border-radius:9999px;padding:10px;font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.05em;width:fit-content}.header-background-v2[_ngcontent-ng-c1797438422]   .users-badge[_ngcontent-ng-c1797438422]   mat-icon[_ngcontent-ng-c1797438422]{font-size:16px;width:16px;height:16px;color:#f6ff5e}.header-background-v2[_ngcontent-ng-c1797438422]   h1[_ngcontent-ng-c1797438422]{margin:0}.header-background-v2[_ngcontent-ng-c1797438422]   .header-subtitle[_ngcontent-ng-c1797438422]{font-family:Work Sans,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.05em}@media(max-width:920px){.header-background-v2[_ngcontent-ng-c1797438422]   .header-subtitle[_ngcontent-ng-c1797438422]{font-size:18px}}.header-background-v2[_ngcontent-ng-c1797438422]   .header-subtitle[_ngcontent-ng-c1797438422]{line-height:26px;max-width:444px}.header-background-v2[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]{margin-top:20px;display:flex;position:relative;width:fit-content}.header-background-v2[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]   a.mat-mdc-unelevated-button[_ngcontent-ng-c1797438422]{background-color:#c4c6c5;color:#151613}.header-background-v2[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]   a.mat-mdc-unelevated-button.accent[_ngcontent-ng-c1797438422]{margin-right:20px;background-color:#f6ff5e}.header-background-v2[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]   .under-button[_ngcontent-ng-c1797438422]{position:absolute;left:10px;bottom:-22px;font-size:14px;font-weight:400;letter-spacing:-.05em}.header-background-v2[_ngcontent-ng-c1797438422]   .header-image[_ngcontent-ng-c1797438422]{flex-shrink:0}.grey-container[_ngcontent-ng-c1797438422]{background-color:#edeeec}.grey-container[_ngcontent-ng-c1797438422]:has(.accent-block){position:relative}.grey-container[_ngcontent-ng-c1797438422]:has(.accent-block):before{content:"";position:absolute;bottom:0;left:0;width:100%;background-color:#fff;height:150px}.grey-container[_ngcontent-ng-c1797438422]   .accent-block[_ngcontent-ng-c1797438422]{position:relative}.quick-reference[_ngcontent-ng-c1797438422]{padding-top:180px;padding-bottom:178px}.quick-reference[_ngcontent-ng-c1797438422]   h2[_ngcontent-ng-c1797438422]{text-align:center;max-width:600px;margin:0 auto}.accent-block[_ngcontent-ng-c1797438422]{background-color:#f6ff5e;padding:35px;border-radius:10px}.accent-block[_ngcontent-ng-c1797438422]   .medium-xl[_ngcontent-ng-c1797438422]{text-align:center;margin:0 auto;max-width:630px}.accent-block[_ngcontent-ng-c1797438422]   .facts[_ngcontent-ng-c1797438422]{display:flex;justify-content:center;margin-top:30px}.accent-block[_ngcontent-ng-c1797438422]   .facts[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]{display:flex;align-items:center}.accent-block[_ngcontent-ng-c1797438422]   .facts[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]:first-child{margin-right:6px}.accent-block[_ngcontent-ng-c1797438422]   .facts[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]   mat-icon[_ngcontent-ng-c1797438422]{margin:0 4px}.accent-block[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]{margin:50px auto 10px;display:flex;justify-content:center;position:relative;width:fit-content}a.mat-mdc-unelevated-button[_ngcontent-ng-c1797438422]{background-color:#151613;color:#fff;font-size:18px;letter-spacing:-.05em;padding:26px 29px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:10px}a.mat-mdc-unelevated-button.transparent[_ngcontent-ng-c1797438422]{color:#151613;margin-left:10px;background-color:transparent;padding-left:20px;padding-right:20px}a.mat-mdc-unelevated-button.transparent[_ngcontent-ng-c1797438422]   svg[_ngcontent-ng-c1797438422]{margin-left:5px;vertical-align:middle}.reasons-to-love[_ngcontent-ng-c1797438422]{margin-top:230px;padding-bottom:60px}.reasons-to-love[_ngcontent-ng-c1797438422]   h2[_ngcontent-ng-c1797438422]{text-align:center;margin:0 auto;max-width:630px}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422]{display:flex;gap:30px;margin-top:40px}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]{flex:1;border:1px solid #DBDCDA;border-radius:10px;padding:30px 30px 0;min-height:242px}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]   .medium-m[_ngcontent-ng-c1797438422]{margin-top:38px;margin-bottom:8px}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]   p[_ngcontent-ng-c1797438422]{color:#757775;margin-bottom:10px}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]   a[_ngcontent-ng-c1797438422]{text-decoration:underline;color:#151613}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]   .icon-container[_ngcontent-ng-c1797438422]{width:58px;height:58px;background-color:#dbdcda;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:10px}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422] > div[_ngcontent-ng-c1797438422]   .icon-container[_ngcontent-ng-c1797438422]   img[_ngcontent-ng-c1797438422]{width:28px;height:28px}.carousel-item[_ngcontent-ng-c1797438422]{width:48%}.carousel-item[_ngcontent-ng-c1797438422] + .carousel-item[_ngcontent-ng-c1797438422]{margin-left:2%}[carousel-item][_ngcontent-ng-c1797438422]:hover, [carousel-item][_ngcontent-ng-c1797438422]:focus{outline:none}@media(max-width:920px){.header-background[_ngcontent-ng-c1797438422]{height:calc(100vh - 60px)}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]{text-align:left;padding-top:17vh}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]{margin-left:10px;margin-right:0}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-buttons[_ngcontent-ng-c1797438422]   a[_ngcontent-ng-c1797438422]{width:177px}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-headline[_ngcontent-ng-c1797438422]{padding:0 10px}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-headline[_ngcontent-ng-c1797438422]   .users[_ngcontent-ng-c1797438422]{justify-content:left}.header-background[_ngcontent-ng-c1797438422]   .header-section[_ngcontent-ng-c1797438422]   .header-headline[_ngcontent-ng-c1797438422]   h2[_ngcontent-ng-c1797438422]{margin-left:0;margin-right:0}.header-background-v2[_ngcontent-ng-c1797438422]   .header-container[_ngcontent-ng-c1797438422]{flex-direction:column;padding:60px 20px 80px;gap:80px}.header-background-v2[_ngcontent-ng-c1797438422]   .header-content[_ngcontent-ng-c1797438422]{width:100%}.header-background-v2[_ngcontent-ng-c1797438422]   .header-image[_ngcontent-ng-c1797438422]{width:100%;text-align:center}.grey-container[_ngcontent-ng-c1797438422]:has(.accent-block):before{height:170px}.quick-reference[_ngcontent-ng-c1797438422]{padding-top:100px;padding-bottom:90px}.accent-block[_ngcontent-ng-c1797438422]{padding:42px 10px 30px}.accent-block[_ngcontent-ng-c1797438422]   .facts[_ngcontent-ng-c1797438422]{flex-flow:column;align-items:center;gap:7px}.reasons-to-love[_ngcontent-ng-c1797438422]{margin-top:130px}.reasons-to-love[_ngcontent-ng-c1797438422]   .reasons[_ngcontent-ng-c1797438422]{flex-flow:column}.new-mockups[_ngcontent-ng-c1797438422]{margin-top:100px}}</style><style ng-app-id="ng">.four-blocks-container[_ngcontent-ng-c2703064539]{display:flex;flex-wrap:wrap;gap:60px;margin:60px auto 0;justify-content:center}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]{flex:0 0 calc(50% - 30px);text-align:center}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .image-container[_ngcontent-ng-c2703064539]{background-color:#fff;margin-bottom:30px;border-radius:10px}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .image-container[_ngcontent-ng-c2703064539]   img[_ngcontent-ng-c2703064539]{width:100%;height:auto;display:block;border-radius:10px}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .block-content[_ngcontent-ng-c2703064539]{padding:0;text-align:justify}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .block-content[_ngcontent-ng-c2703064539] > div[_ngcontent-ng-c2703064539]{margin:0 0 11px;color:#151613}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .block-content[_ngcontent-ng-c2703064539]   p[_ngcontent-ng-c2703064539]{font-size:18px;font-weight:400;line-height:25px;margin:0;letter-spacing:-.05em;color:#454645}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]{gap:100px}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]{flex:0 0 100%;max-width:none;display:flex;gap:30px;text-align:left;background-color:#f5f6f4;border-radius:10px;padding:40px;box-sizing:border-box}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .block-content[_ngcontent-ng-c2703064539]{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .block-content[_ngcontent-ng-c2703064539]   .features-list[_ngcontent-ng-c2703064539]{padding-top:25px;display:flex;flex-direction:column;gap:10px}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .block-content[_ngcontent-ng-c2703064539]   .features-list[_ngcontent-ng-c2703064539]   .feature-item[_ngcontent-ng-c2703064539]{display:flex;align-items:center;gap:10px;color:#151613;line-height:1}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .image-container[_ngcontent-ng-c2703064539]{flex:1;margin-bottom:0;order:2}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .image-container[_ngcontent-ng-c2703064539]   img[_ngcontent-ng-c2703064539]{width:100%;height:auto}@media(max-width:920px){.four-blocks-container[_ngcontent-ng-c2703064539]{margin-top:40px;flex-flow:column}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]{flex:1}.four-blocks-container[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .image-container[_ngcontent-ng-c2703064539]{margin-bottom:20px}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]{flex-direction:column;text-align:center}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .image-container[_ngcontent-ng-c2703064539]{flex:none;margin-bottom:20px}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .image-container[_ngcontent-ng-c2703064539]   img[_ngcontent-ng-c2703064539]{width:100%}.four-blocks-container.one-column[_ngcontent-ng-c2703064539]   .block[_ngcontent-ng-c2703064539]   .block-content[_ngcontent-ng-c2703064539]{text-align:justify}}</style><style ng-app-id="ng">[_ngcontent-ng-c2907238774]:root{--medium-3xl-size: 56px;--medium-2xl-size: 46px;--medium-xl-size: 36px;--medium-l-size: 30px;--medium-m-size: 24px;--regular-xl-size: 20px}@media(max-width:920px){[_ngcontent-ng-c2907238774]:root{--medium-3xl-size: 36px;--medium-2xl-size: 30px;--medium-xl-size: 28px;--medium-l-size: 24px;--medium-m-size: 20px;--regular-xl-size: 18px}}.medium-3xl[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:56px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-3xl[_ngcontent-ng-c2907238774]{font-size:36px}}.medium-2xl[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:46px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-2xl[_ngcontent-ng-c2907238774]{font-size:30px}}.medium-xl[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.06em;line-height:44px}@media(max-width:920px){.medium-xl[_ngcontent-ng-c2907238774]{font-size:28px}}.medium-l[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.06em}@media(max-width:920px){.medium-l[_ngcontent-ng-c2907238774]{font-size:24px}}.medium-m[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.06em;line-height:30px}@media(max-width:920px){.medium-m[_ngcontent-ng-c2907238774]{font-size:20px}}.medium-s[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.05em}.medium-xs[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.05em}.medium-xxs[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.05em}.regular-xl[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.05em}@media(max-width:920px){.regular-xl[_ngcontent-ng-c2907238774]{font-size:18px}}.regular-l[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.05em}.regular-m[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.05em}.regular-s[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.05em}.regular-xs[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.05em}.visually-hidden[_ngcontent-ng-c2907238774]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.slider[_ngcontent-ng-c2907238774], .single[_ngcontent-ng-c2907238774]{margin:60px 0}.card[_ngcontent-ng-c2907238774]{display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin:0;padding:30px;border-radius:10px;background:#edeeec}.card[_ngcontent-ng-c2907238774]   picture[_ngcontent-ng-c2907238774]{display:contents}.card[_ngcontent-ng-c2907238774]   picture[_ngcontent-ng-c2907238774]   source[_ngcontent-ng-c2907238774]{display:none}.card[_ngcontent-ng-c2907238774]   .photo[_ngcontent-ng-c2907238774]{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:10px;background:#dbdcda}.card[_ngcontent-ng-c2907238774]   .body[_ngcontent-ng-c2907238774]{display:flex;flex-direction:column;align-items:flex-start;padding-right:5px}.card[_ngcontent-ng-c2907238774]   .tile[_ngcontent-ng-c2907238774]{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:6px;background:#f6ff5e;color:#151613}.card[_ngcontent-ng-c2907238774]   .tile[_ngcontent-ng-c2907238774]   mat-icon[_ngcontent-ng-c2907238774]{width:32px;height:32px;font-size:32px}.card[_ngcontent-ng-c2907238774]   .quote[_ngcontent-ng-c2907238774]{margin:30px 0 0}.card[_ngcontent-ng-c2907238774]   .quote[_ngcontent-ng-c2907238774]   p[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.06em;line-height:30px}@media(max-width:920px){.card[_ngcontent-ng-c2907238774]   .quote[_ngcontent-ng-c2907238774]   p[_ngcontent-ng-c2907238774]{font-size:20px}}.card[_ngcontent-ng-c2907238774]   .quote[_ngcontent-ng-c2907238774]   p[_ngcontent-ng-c2907238774]{margin:0}.card[_ngcontent-ng-c2907238774]   .who[_ngcontent-ng-c2907238774]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:24px}.card[_ngcontent-ng-c2907238774]   .name[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.05em;line-height:26px}.card[_ngcontent-ng-c2907238774]   .role[_ngcontent-ng-c2907238774]{font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.05em;line-height:24px;color:#454645}.card[_ngcontent-ng-c2907238774]   .logo[_ngcontent-ng-c2907238774]{display:block;width:auto;height:20px;margin-top:10px}@media(max-width:920px){.card[_ngcontent-ng-c2907238774]{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding:24px}.card[_ngcontent-ng-c2907238774]   .photo[_ngcontent-ng-c2907238774]{height:auto;min-height:0;aspect-ratio:2/1}.card[_ngcontent-ng-c2907238774]   .quote[_ngcontent-ng-c2907238774]{margin-top:20px}.card[_ngcontent-ng-c2907238774]   .quote[_ngcontent-ng-c2907238774]   p[_ngcontent-ng-c2907238774]{line-height:26px}}@media(max-width:600px){.card[_ngcontent-ng-c2907238774]{gap:20px;padding:16px}.card[_ngcontent-ng-c2907238774]   .photo[_ngcontent-ng-c2907238774]{aspect-ratio:16/9}.card[_ngcontent-ng-c2907238774]   .tile[_ngcontent-ng-c2907238774]{width:48px;height:48px}.card[_ngcontent-ng-c2907238774]   .tile[_ngcontent-ng-c2907238774]   mat-icon[_ngcontent-ng-c2907238774]{width:28px;height:28px;font-size:28px}}.track[_ngcontent-ng-c2907238774]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:10px}.track[_ngcontent-ng-c2907238774]::-webkit-scrollbar{display:none}.slide[_ngcontent-ng-c2907238774]{display:flex;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.controls[_ngcontent-ng-c2907238774]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.arrow[_ngcontent-ng-c2907238774]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff;color:#151613;box-shadow:inset 0 0 0 1px #dbdcda;cursor:pointer;transition:background-color .2s ease}.arrow[_ngcontent-ng-c2907238774]:hover{background:#f5f6f4}.arrow[_ngcontent-ng-c2907238774]:focus-visible{outline:2px solid #151613;outline-offset:2px}.arrow[aria-disabled=true][_ngcontent-ng-c2907238774]{background:#fff;color:#15161361;box-shadow:inset 0 0 0 1px #1516131f;cursor:default}.dots[_ngcontent-ng-c2907238774]{display:flex;align-items:center;gap:4px}.dot[_ngcontent-ng-c2907238774]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}.dot[_ngcontent-ng-c2907238774]:before{content:"";width:10px;height:10px;border-radius:999px;background:#c4c6c5;transition:width .2s ease,background-color .2s ease}.dot[_ngcontent-ng-c2907238774]:hover:before{background:#757775}.dot[_ngcontent-ng-c2907238774]:focus-visible{outline:2px solid #151613;outline-offset:0}.dot[aria-current=true][_ngcontent-ng-c2907238774]{width:32px}.dot[aria-current=true][_ngcontent-ng-c2907238774]:before{width:24px;background:#151613}@media(prefers-reduced-motion:reduce){.track[_ngcontent-ng-c2907238774]{scroll-behavior:auto}.arrow[_ngcontent-ng-c2907238774], .dot[_ngcontent-ng-c2907238774]:before{transition:none}}</style><style ng-app-id="ng">@keyframes _ngcontent-ng-c2432951708_shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.new-mockups[_ngcontent-ng-c2432951708]{margin-top:30px;margin-bottom:30px}.new-mockups[_ngcontent-ng-c2432951708]   .header-line[_ngcontent-ng-c2432951708]{display:flex;justify-content:space-between;margin-bottom:15px}.new-mockups[_ngcontent-ng-c2432951708]   .header-line[_ngcontent-ng-c2432951708]   h2[_ngcontent-ng-c2432951708]{align-self:center;margin:0}.new-mockups[_ngcontent-ng-c2432951708]   .header-line[_ngcontent-ng-c2432951708]   .mat-mdc-unelevated-button[_ngcontent-ng-c2432951708]{padding-right:0}.new-mockups[_ngcontent-ng-c2432951708]   .header-line[_ngcontent-ng-c2432951708]   .mat-mdc-unelevated-button.transparent[_ngcontent-ng-c2432951708]{color:#151613;margin-left:10px;background-color:transparent!important;padding-left:0!important;padding-right:0!important;font-size:18px;letter-spacing:-.05em}.new-mockups[_ngcontent-ng-c2432951708]   .header-line[_ngcontent-ng-c2432951708]   .mat-mdc-unelevated-button.transparent[_ngcontent-ng-c2432951708]   svg[_ngcontent-ng-c2432951708]{margin-left:5px;vertical-align:middle}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]{display:flex;flex-direction:column;color:#151613;border:1px solid #EDEEEC;border-radius:10px;transition:all .3s ease}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item.four-per-width[_ngcontent-ng-c2432951708]{width:292px;height:331px}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item.five-per-width[_ngcontent-ng-c2432951708]{width:229px;height:267px}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708] + .carousel-item[_ngcontent-ng-c2432951708]{margin-left:26px}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]:hover{box-shadow:0 4px 12px #0000001a}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]{flex:1;overflow:hidden;background:radial-gradient(circle,#ecf6f3,#b3dbcf);border-top-left-radius:10px;border-top-right-radius:10px;position:relative;isolation:isolate}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]   img[_ngcontent-ng-c2432951708]{position:absolute;top:0;left:0;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:100%;display:block;object-fit:cover}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]   .thumbnail-image[_ngcontent-ng-c2432951708]{opacity:1;transition:opacity .3s ease}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]   .thumbnail-image.has-preview[_ngcontent-ng-c2432951708]{opacity:0}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]   .preview-image[_ngcontent-ng-c2432951708]{opacity:0;transition:opacity .3s ease}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]   .preview-image.visible[_ngcontent-ng-c2432951708]{opacity:1}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item[_ngcontent-ng-c2432951708]   .alt[_ngcontent-ng-c2432951708]{padding:5px 10px}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item.loading[_ngcontent-ng-c2432951708]{pointer-events:none;cursor:default}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item.loading[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]{background-image:linear-gradient(90deg,#f5f5f500,#fffc 20%,#f5f5f500 40% 100%);background-size:800px 100%;animation:_ngcontent-ng-c2432951708_shimmer 1.5s linear infinite}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item.loading.four-per-width[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]{height:303px}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item.loading.five-per-width[_ngcontent-ng-c2432951708]   .img-container[_ngcontent-ng-c2432951708]{height:239px}.new-mockups[_ngcontent-ng-c2432951708]   .browse-new-carousel[_ngcontent-ng-c2432951708]   .carousel-item.loading[_ngcontent-ng-c2432951708]   .alt[_ngcontent-ng-c2432951708]{height:18px;width:80%;border-radius:3px;background-color:#f5f6f4;background-image:linear-gradient(90deg,#f5f5f500,#fffc 20%,#f5f5f500 40% 100%);background-size:800px 100%;animation:_ngcontent-ng-c2432951708_shimmer 1.5s linear infinite}</style><style ng-app-id="ng">.tryit-block[_ngcontent-ng-c1496913089]{background-color:#151613;color:#fff}.tryit-block[_ngcontent-ng-c1496913089]   .content-wrapper[_ngcontent-ng-c1496913089]{display:flex;justify-content:space-between;padding:100px 10px}.tryit-block[_ngcontent-ng-c1496913089]   .content-wrapper[_ngcontent-ng-c1496913089]   img[_ngcontent-ng-c1496913089]{max-width:535px}.tryit-block[_ngcontent-ng-c1496913089]   .content-wrapper[_ngcontent-ng-c1496913089]   .left[_ngcontent-ng-c1496913089]{display:flex;flex-direction:column;align-self:center}.tryit-block[_ngcontent-ng-c1496913089]   p[_ngcontent-ng-c1496913089]{color:#fff;margin:12px 0}.tryit-block[_ngcontent-ng-c1496913089]   a[_ngcontent-ng-c1496913089]{margin-top:8px;width:auto}.tryit-block[_ngcontent-ng-c1496913089]   a.mat-mdc-unelevated-button[_ngcontent-ng-c1496913089]{background-color:#c4c6c5;color:#151613;font-size:18px;letter-spacing:-.05em;padding:26px 29px;border-radius:10px}.tryit-block[_ngcontent-ng-c1496913089]   a.mat-mdc-unelevated-button.accent[_ngcontent-ng-c1496913089]{background-color:#f6ff5e;width:fit-content}@media(max-width:920px){.tryit-block[_ngcontent-ng-c1496913089]   .content-wrapper[_ngcontent-ng-c1496913089]{flex-flow:column;align-items:center}.tryit-block[_ngcontent-ng-c1496913089]   .content-wrapper[_ngcontent-ng-c1496913089]   .left[_ngcontent-ng-c1496913089]{margin-bottom:55px}}</style><style ng-app-id="ng">app-carousel{display:block;position:relative;-webkit-user-select:none;user-select:none}.carousel-content{display:flex;flex-direction:row;outline:none;transition:transform .5s ease-in-out}.animations-disabled .carousel-content{transition:none}.carousel-content-wrapper{overflow:hidden}.carousel-content-wrapper:has(.carousel-content:focus-visible){outline:2px solid #151613;outline-offset:2px}[carousel-item]:focus-visible{outline:2px solid #151613;outline-offset:-2px}button.carousel-nav:focus-visible{outline:2px solid #151613;outline-offset:2px}.carousel-announcement{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[carousel-item]{flex-shrink:0}.carousel-nav-wrapper{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;pointer-events:none}.carousel-nav-wrapper button{pointer-events:auto}.carousel-nav-wrapper.carousel-nav-prev{left:0}.carousel-nav-wrapper.carousel-nav-next{right:0}@media(max-width:920px){button.carousel-nav{display:none}}
</style><link rel="canonical" href="https://3dmocker.com/"><style ng-app-id="ng">[_nghost-ng-c4152137291]{display:block;position:relative;width:538px;height:409px;aspect-ratio:538/409}img[_ngcontent-ng-c4152137291]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .6s ease-in-out}img.active[_ngcontent-ng-c4152137291]{opacity:1}@media(max-width:920px){[_nghost-ng-c4152137291]{width:100%;max-width:538px;height:auto;margin:0 auto}}</style><style ng-app-id="ng">.mat-mdc-option{-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;min-height:48px;padding:0 16px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--mat-option-label-text-color, var(--mat-sys-on-surface));font-family:var(--mat-option-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-option-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-option-label-text-size, var(--mat-sys-body-large-size));letter-spacing:var(--mat-option-label-text-tracking, var(--mat-sys-label-large-tracking));font-weight:var(--mat-option-label-text-weight, var(--mat-sys-body-large-weight))}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));outline:0}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-active,.mat-mdc-option-multiple,:focus,:hover){background-color:var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container))}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-active,.mat-mdc-option-multiple,:focus,:hover) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-option .mat-pseudo-checkbox{--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-option.mdc-list-item{align-items:center;background:rgba(0,0,0,0)}.mat-mdc-option.mdc-list-item--disabled{cursor:default;pointer-events:none}.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,.mat-mdc-option.mdc-list-item--disabled>mat-icon{opacity:.38}.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:32px}[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:16px;padding-right:32px}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin-right:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-icon,[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full{margin-right:0;margin-left:16px}.mat-mdc-option .mat-pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal{margin-right:16px;margin-left:0}.mat-mdc-option .mat-mdc-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text{margin-right:0;margin-left:auto}@media(forced-colors: active){.mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after{right:auto;left:16px}}.mat-mdc-option-multiple{--mat-list-list-item-selected-container-color: var(--mat-list-list-item-container-color, transparent)}.mat-mdc-option-active .mat-focus-indicator::before{content:""}
</style><style ng-app-id="ng">.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}
</style></head>
<body class="mat-typography"><!--nghm--><script type="text/javascript" id="ng-event-dispatch-contract">(()=>{function p(t,n,r,o,e,i,f,m){return{eventType:t,event:n,targetElement:r,eic:o,timeStamp:e,eia:i,eirp:f,eiack:m}}function u(t){let n=[],r=e=>{n.push(e)};return{c:t,q:n,et:[],etc:[],d:r,h:e=>{r(p(e.type,e,e.target,t,Date.now()))}}}function s(t,n,r){for(let o=0;o<n.length;o++){let e=n[o];(r?t.etc:t.et).push(e),t.c.addEventListener(e,t.h,r)}}function c(t,n,r,o,e=window){let i=u(t);e._ejsas||(e._ejsas={}),e._ejsas[n]=i,s(i,r),s(i,o,!0)}window.__jsaction_bootstrap=c;})();
</script><script>window.__jsaction_bootstrap(document.body,"ng",["click","mousedown","keydown","input","compositionstart","compositionend","focusin","keyup","touchstart","touchmove","touchend","wheel","mouseup"],["focus","blur"]);</script>
  <app-root ng-version="21.0.6" ngh="17" ng-server-context="ssg"><app-navbar _nghost-ng-c4061511758 ngh="8"><mat-sidenav-container _ngcontent-ng-c4061511758 class="mat-drawer-container mat-sidenav-container navbar-sidenav-container" ngh="1"><!----><!----><mat-sidenav-content class="mat-drawer-content mat-sidenav-content" ngh="0"><nav _ngcontent-ng-c4061511758 aria-label="Top Toolbar" class="navbar-header" jsaction="click:;"><button _ngcontent-ng-c4061511758 mat-icon-button aria-label="Menu" class="mdc-icon-button mat-mdc-icon-button mat-mdc-button-base mobile-menu-button navbar-show-small mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-centered ngh="2" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><mat-icon _ngcontent-ng-c4061511758 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">menu</mat-icon><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><a _ngcontent-ng-c4061511758 routerlink="/" aria-label="3DMocker" class="logo-container" href="/" jsaction="click:;"><img _ngcontent-ng-c4061511758 src="/assets/logo.svg" alt="3DMocker Logo" class="logo"></a><app-search _ngcontent-ng-c4061511758 class="navbar-search" _nghost-ng-c2911713266 ngh="4" jsaction="focus:;blur:;"><div _ngcontent-ng-c2911713266 class="search-container"><input _ngcontent-ng-c2911713266 type="text" matinput class="mat-mdc-autocomplete-trigger search-input ng-untouched ng-pristine ng-valid" placeholder="Search for mockups" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox" value jsaction="input:;blur:;compositionstart:;compositionend:;focusin:;keydown:;click:;focus:;"><!----><button _ngcontent-ng-c2911713266 type="button" aria-label="Search" class="search-button"><span _ngcontent-ng-c2911713266 class="search-icon"></span></button><mat-autocomplete _ngcontent-ng-c2911713266 class ngh="3"><!----></mat-autocomplete></div></app-search><a _ngcontent-ng-c4061511758 matbutton="text" class="mdc-button mat-mdc-button-base mat-mdc-menu-trigger navbar-hide-small mat-mdc-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" aria-haspopup="menu" aria-expanded="false" ngh="5" jsaction="click:;mousedown:;keydown:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">3D Mockups </span><mat-icon _ngcontent-ng-c4061511758 role="img" iconpositionend class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0"></mat-icon><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><!----><mat-menu _ngcontent-ng-c4061511758 class ngh="6"><!----></mat-menu><a _ngcontent-ng-c4061511758 matbutton="text" routerlink="/pricing" routerlinkactive="navbar-header-item-selected" class="mdc-button mat-mdc-button-base navbar-hide-small mat-mdc-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/pricing" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Pricing</span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><div _ngcontent-ng-c4061511758 class="header-links-divider navbar-hide-small"></div><!----><!----></nav></mat-sidenav-content><!----></mat-sidenav-container></app-navbar><!----><router-outlet></router-outlet><app-homepage class="main-content animations-disabled" _nghost-ng-c1797438422 ngh="15"><header _ngcontent-ng-c1797438422 aria-label="Get started" id="homepage-header" class="header-background-v2"><div _ngcontent-ng-c1797438422 class="header-container"><div _ngcontent-ng-c1797438422 class="header-content"><div _ngcontent-ng-c1797438422 class="users-badge"><mat-icon _ngcontent-ng-c1797438422 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">workspace_premium</mat-icon> 1k+ users already loving it </div><h1 _ngcontent-ng-c1797438422 class="medium-3xl">Create Realistic 3D Product Mockups Online</h1><div _ngcontent-ng-c1797438422 class="header-subtitle"> Upload your design, customize 3D models, and export realistic images or animated mockups — no 3D experience required. </div><div _ngcontent-ng-c1797438422 class="header-buttons"><a _ngcontent-ng-c1797438422 mat-flat-button routerlink="/mockups/apparel/t-shirt/t-shirt" class="mdc-button mat-mdc-button-base accent mdc-button--unelevated mat-mdc-unelevated-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/mockups/apparel/t-shirt/t-shirt" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Start designing!</span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><a _ngcontent-ng-c1797438422 mat-flat-button routerlink="/mockups" class="mdc-button mat-mdc-button-base mdc-button--unelevated mat-mdc-unelevated-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/mockups" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Explore library</span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><div _ngcontent-ng-c1797438422 class="under-button">No credit card required</div></div></div><div _ngcontent-ng-c1797438422 class="header-image"><app-rotating-banner _ngcontent-ng-c1797438422 _nghost-ng-c4152137291 ngh="9"><img _ngcontent-ng-c4152137291 alt="3D Mockup preview" width="538" height="409" class="active" src="/assets/header_banner_1.png" aria-hidden="false"><!----></app-rotating-banner></div></div></header><!----><!----><div _ngcontent-ng-c1797438422 class="grey-container"><div _ngcontent-ng-c1797438422 id="features" class="content-wrapper quick-reference"><h2 _ngcontent-ng-c1797438422> Four Steps From Artwork to Mockup </h2><app-four-steps _ngcontent-ng-c1797438422 layout="2-column" _nghost-ng-c2703064539 ngh="10"><div _ngcontent-ng-c2703064539 class="four-blocks-container"><div _ngcontent-ng-c2703064539 class="block"><div _ngcontent-ng-c2703064539 class="image-container"><img _ngcontent-ng-c2703064539 src="/assets/steps/step1.png" alt="Choose Model"></div><div _ngcontent-ng-c2703064539 class="block-content"><div _ngcontent-ng-c2703064539 class="medium-m">1. Choose a Product Mockup</div><p _ngcontent-ng-c2703064539>Browse ready-made 3D mockups for apparel, packaging, merchandise, devices, print and more.</p><!----></div></div><div _ngcontent-ng-c2703064539 class="block"><div _ngcontent-ng-c2703064539 class="image-container"><img _ngcontent-ng-c2703064539 src="/assets/steps/step2.png" alt="Upload Design"></div><div _ngcontent-ng-c2703064539 class="block-content"><div _ngcontent-ng-c2703064539 class="medium-m">2. Upload and Position Your Artwork</div><p _ngcontent-ng-c2703064539>Drop in your design, drag it into position, and adjust its size and the available product colors.</p><!----></div></div><div _ngcontent-ng-c2703064539 class="block"><div _ngcontent-ng-c2703064539 class="image-container"><img _ngcontent-ng-c2703064539 src="/assets/steps/step3.png" alt="Customize"></div><div _ngcontent-ng-c2703064539 class="block-content"><div _ngcontent-ng-c2703064539 class="medium-m">3. Set the Angle, Light and Motion</div><p _ngcontent-ng-c2703064539>Rotate the model to show your design clearly, adjust the lighting, and add motion when the selected mockup supports animation.</p><!----></div></div><div _ngcontent-ng-c2703064539 class="block"><div _ngcontent-ng-c2703064539 class="image-container"><img _ngcontent-ng-c2703064539 src="/assets/steps/step4.png" alt="Export"></div><div _ngcontent-ng-c2703064539 class="block-content"><div _ngcontent-ng-c2703064539 class="medium-m">4. Export Your Finished Mockup</div><p _ngcontent-ng-c2703064539>Export a still image for a product listing and an animation for an ad—from the same model and the same session.</p><!----></div></div></div></app-four-steps></div></div><div _ngcontent-ng-c1797438422 class="grey-container"><div _ngcontent-ng-c1797438422 class="content-wrapper"><div _ngcontent-ng-c1797438422 class="accent-block"><div _ngcontent-ng-c1797438422 class="medium-xl">Don’t have hours to spend on mockups? Save your time, try it for free!</div><div _ngcontent-ng-c1797438422 class="facts regular-l"><div _ngcontent-ng-c1797438422><mat-icon _ngcontent-ng-c1797438422 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">check_circle_outline</mat-icon> No credit card required </div><div _ngcontent-ng-c1797438422><mat-icon _ngcontent-ng-c1797438422 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">check_circle_outline</mat-icon> Free exports include a watermark </div></div><div _ngcontent-ng-c1797438422 class="header-buttons"><a _ngcontent-ng-c1797438422 mat-flat-button routerlink="/mockups/apparel/t-shirt/t-shirt" class="mdc-button mat-mdc-button-base mdc-button--unelevated mat-mdc-unelevated-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/mockups/apparel/t-shirt/t-shirt" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Create a Free Mockup</span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><a _ngcontent-ng-c1797438422 mat-flat-button routerlink="/pricing" class="mdc-button mat-mdc-button-base transparent mdc-button--unelevated mat-mdc-unelevated-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/pricing" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">See pricing <svg _ngcontent-ng-c1797438422="" width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><circle _ngcontent-ng-c1797438422="" cx="16.5" cy="16.5" r="16" fill="#151613"/><path _ngcontent-ng-c1797438422="" d="M19.9767 17.3333H9.83335V15.6666H19.9767L15.5067 11.1966L16.685 10.0183L23.1667 16.5L16.685 22.9816L15.5067 21.8033L19.9767 17.3333Z" fill="white"/></svg></span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a></div></div></div><div _ngcontent-ng-c1797438422 class="white-bg"></div></div><div _ngcontent-ng-c1797438422 class="content-wrapper reasons-to-love"><h2 _ngcontent-ng-c1797438422>Why Designers &amp; Brands Choose 3DMocker</h2><div _ngcontent-ng-c1797438422 class="reasons"><div _ngcontent-ng-c1797438422><div _ngcontent-ng-c1797438422 class="icon-container"><img _ngcontent-ng-c1797438422 src="/assets/icons/edit.svg" alt="Edit icon"></div><div _ngcontent-ng-c1797438422 class="medium-m">No 3D skills needed</div><p _ngcontent-ng-c1797438422 class="regular-l">Everything runs in your browser. Nothing to install and no specialist 3D software required.</p></div><div _ngcontent-ng-c1797438422><div _ngcontent-ng-c1797438422 class="icon-container"><img _ngcontent-ng-c1797438422 src="/assets/icons/pricing.svg" alt="Pricing icon"></div><div _ngcontent-ng-c1797438422 class="medium-m">Simple Pricing</div><p _ngcontent-ng-c1797438422 class="regular-l">Create watermarked mockups for free, or upgrade for unlimited watermark-free downloads, a commercial license and no per-export fees.</p><a _ngcontent-ng-c1797438422 routerlink="/pricing" href="/pricing" jsaction="click:;">See pricing</a></div><div _ngcontent-ng-c1797438422><div _ngcontent-ng-c1797438422 class="icon-container"><img _ngcontent-ng-c1797438422 src="/assets/icons/ai.svg" alt="AI icon"></div><div _ngcontent-ng-c1797438422 class="medium-m">Built for Ecommerce and Marketing</div><p _ngcontent-ng-c1797438422 class="regular-l">Create images and animations for product listings, ads, catalogs and social media.</p></div><div _ngcontent-ng-c1797438422><div _ngcontent-ng-c1797438422 class="icon-container"><img _ngcontent-ng-c1797438422 src="/assets/icons/library.svg" alt="Library icon"></div><div _ngcontent-ng-c1797438422 class="medium-m">Still Images and Animations</div><p _ngcontent-ng-c1797438422 class="regular-l">Export a still image for a product listing and a supported animation for an ad, from the same product model.</p></div></div></div><app-testimonial _ngcontent-ng-c1797438422 _nghost-ng-c2907238774 ngh="11"><div _ngcontent-ng-c2907238774 class="content-wrapper"><section _ngcontent-ng-c2907238774 aria-roledescription="carousel" aria-label="Customer testimonials" class="slider" jsaction="keydown:;"><div _ngcontent-ng-c2907238774 tabindex="-1" class="track" id="testimonial-track"><div _ngcontent-ng-c2907238774 role="group" aria-roledescription="slide" class="slide" aria-label="1 of 2: Kaari M., Xysum" aria-hidden="false"><figure _ngcontent-ng-c2907238774 class="card"><picture _ngcontent-ng-c2907238774><source _ngcontent-ng-c2907238774 type="image/webp" srcset="/assets/person.webp"><img _ngcontent-ng-c2907238774 loading="lazy" class="photo" src="/assets/person.jpg" alt="Kaari M., Design Lead at Xysum" width="1170" height="680"></picture><div _ngcontent-ng-c2907238774 class="body"><span _ngcontent-ng-c2907238774 class="tile"><mat-icon _ngcontent-ng-c2907238774 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">format_quote</mat-icon></span><blockquote _ngcontent-ng-c2907238774 class="quote"><p _ngcontent-ng-c2907238774>As an eCommerce-focused studio, we know visuals drive conversions. 3DMocker has become one of our go-to tools for producing customized, high-impact product photos for our clients - fast, consistent, and beautifully on-brand.</p></blockquote><figcaption _ngcontent-ng-c2907238774 class="who"><span _ngcontent-ng-c2907238774 class="name">Kaari M.</span><span _ngcontent-ng-c2907238774 class="role">Design Lead, Xysum</span><img _ngcontent-ng-c2907238774 alt class="logo" src="/assets/xysum-logo.svg" width="91" height="20"><!----></figcaption></div></figure><!----></div><div _ngcontent-ng-c2907238774 role="group" aria-roledescription="slide" class="slide" aria-label="2 of 2: Dave T., TurnItIntoPillow.com" inert aria-hidden="true"><figure _ngcontent-ng-c2907238774 class="card"><picture _ngcontent-ng-c2907238774><source _ngcontent-ng-c2907238774 type="image/webp" srcset="/assets/b2b/testimonial-turnitintopillow.webp"><img _ngcontent-ng-c2907238774 loading="lazy" class="photo" src="/assets/b2b/testimonial-turnitintopillow.jpg" alt="A custom pillow printed with a landscape illustration, on a sofa" width="694" height="400"></picture><div _ngcontent-ng-c2907238774 class="body"><span _ngcontent-ng-c2907238774 class="tile"><mat-icon _ngcontent-ng-c2907238774 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">format_quote</mat-icon></span><blockquote _ngcontent-ng-c2907238774 class="quote"><p _ngcontent-ng-c2907238774>3DMocker gives our clients and our team a realistic preview of each custom pillow before production. Everyone can review the same result, agree on changes, and move forward with more confidence, without relying on physical samples at every step.</p></blockquote><figcaption _ngcontent-ng-c2907238774 class="who"><span _ngcontent-ng-c2907238774 class="name">Dave T.</span><span _ngcontent-ng-c2907238774 class="role">Production Manager, TurnItIntoPillow.com</span><!----></figcaption></div></figure><!----></div><!----></div><div _ngcontent-ng-c2907238774 class="controls"><button _ngcontent-ng-c2907238774 type="button" aria-label="Previous testimonial" class="arrow prev" aria-controls="testimonial-track" aria-disabled="true" jsaction="click:;"><mat-icon _ngcontent-ng-c2907238774 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">arrow_back</mat-icon></button><div _ngcontent-ng-c2907238774 class="dots"><button _ngcontent-ng-c2907238774 type="button" class="dot" aria-label="Testimonial 1: Kaari M., Xysum" aria-controls="testimonial-track" aria-current="true" jsaction="click:;"></button><button _ngcontent-ng-c2907238774 type="button" class="dot" aria-label="Testimonial 2: Dave T., TurnItIntoPillow.com" aria-controls="testimonial-track" jsaction="click:;"></button><!----></div><button _ngcontent-ng-c2907238774 type="button" aria-label="Next testimonial" class="arrow next" aria-controls="testimonial-track" aria-disabled="false" jsaction="click:;"><mat-icon _ngcontent-ng-c2907238774 role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">arrow_forward</mat-icon></button></div><p _ngcontent-ng-c2907238774 aria-live="polite" aria-atomic="true" class="visually-hidden"><!--ngetn--></p></section><!----><!----></div><!----></app-testimonial><div _ngcontent-ng-c1797438422 class="content-wrapper" style="margin-top: 120px; margin-bottom: 80px;"><app-browse-mockups _ngcontent-ng-c1797438422 title="New in the Library" seealllink="/mockups/new" seealltext="View All New Mockups" _nghost-ng-c2432951708 ngh="13"><div _ngcontent-ng-c2432951708 class="new-mockups"><div _ngcontent-ng-c2432951708 class="header-line"><div _ngcontent-ng-c2432951708 class="medium-l">New in the Library</div><a _ngcontent-ng-c2432951708 mat-flat-button class="mdc-button mat-mdc-button-base transparent mdc-button--unelevated mat-mdc-unelevated-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/mockups/new?sort_by=newest" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">View All New Mockups <svg _ngcontent-ng-c2432951708="" width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><circle _ngcontent-ng-c2432951708="" cx="16.5" cy="16.5" r="16" fill="#151613"/><path _ngcontent-ng-c2432951708="" d="M19.9767 17.3333H9.83335V15.6666H19.9767L15.5067 11.1966L16.685 10.0183L23.1667 16.5L16.685 22.9816L15.5067 21.8033L19.9767 17.3333Z" fill="white"/></svg></span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a></div><div _ngcontent-ng-c2432951708 class="browse-new-carousel"><app-carousel _ngcontent-ng-c2432951708 class="animations-disabled" ngh="12"><div class="carousel-nav-wrapper carousel-nav-prev"><button type="button" mat-icon-button disabledinteractive class="mdc-icon-button mat-mdc-icon-button mat-mdc-button-base carousel-nav mat-mdc-button-disabled mat-mdc-button-disabled-interactive mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-centered mat-ripple-loader-disabled aria-label="Previous featured mockups" aria-disabled="true" ngh="2" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><mat-icon role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">navigate_before</mat-icon><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></div><div role="region" class="carousel-content-wrapper" aria-label="Featured mockups" jsaction="keyup:;touchstart:;touchmove:;touchend:;wheel:;mousedown:;mouseup:;"><div tabindex="0" class="carousel-content"><a _ngcontent-ng-c2432951708 carousel-item class="carousel-item five-per-width" href="/mockups/stationery-and-branding/posters/framed-poster" tabindex="-1" jsaction="click:;"><div _ngcontent-ng-c2432951708 class="img-container"><img _ngcontent-ng-c2432951708 loading="lazy" role="presentation" class="thumbnail-image" alt="Framed Poster" src="/assets/models/stationery-and-branding/posters/framed-poster/thumbnail.png" width="229"><!----><div _ngcontent-ng-c2432951708 class="card-badges"><!----><span _ngcontent-ng-c2432951708 class="new-badge">NEW</span><!----></div><!----><!----></div><div _ngcontent-ng-c2432951708 class="alt"> Framed Poster <!----></div></a><a _ngcontent-ng-c2432951708 carousel-item class="carousel-item five-per-width" href="/mockups/product-packaging/tubes/paper-tube" tabindex="-1" jsaction="click:;"><div _ngcontent-ng-c2432951708 class="img-container"><img _ngcontent-ng-c2432951708 loading="lazy" role="presentation" class="thumbnail-image" alt="Paper Tube" src="/assets/models/product-packaging/tubes/paper-tube/thumbnail.png" width="229"><!----><div _ngcontent-ng-c2432951708 class="card-badges"><!----><span _ngcontent-ng-c2432951708 class="new-badge">NEW</span><!----></div><!----><!----></div><div _ngcontent-ng-c2432951708 class="alt"> Paper Tube <!----></div></a><a _ngcontent-ng-c2432951708 carousel-item class="carousel-item five-per-width" href="/mockups/product-packaging/tubes/cosmetic-tube" tabindex="-1" jsaction="click:;"><div _ngcontent-ng-c2432951708 class="img-container"><img _ngcontent-ng-c2432951708 loading="lazy" role="presentation" class="thumbnail-image" alt="Cosmetic Tube" src="/assets/models/product-packaging/tubes/cosmetic-tube/thumbnail.png" width="229"><!----><div _ngcontent-ng-c2432951708 class="card-badges"><!----><span _ngcontent-ng-c2432951708 class="new-badge">NEW</span><!----></div><!----><!----></div><div _ngcontent-ng-c2432951708 class="alt"> Cosmetic Tube <!----></div></a><a _ngcontent-ng-c2432951708 carousel-item class="carousel-item five-per-width" href="/mockups/product-packaging/spray-bottles/trigger-spray-bottle" tabindex="-1" jsaction="click:;"><div _ngcontent-ng-c2432951708 class="img-container"><img _ngcontent-ng-c2432951708 loading="lazy" role="presentation" class="thumbnail-image" alt="Trigger Spray Bottle" src="/assets/models/product-packaging/spray-bottles/trigger-spray-bottle/thumbnail.png" width="229"><!----><div _ngcontent-ng-c2432951708 class="card-badges"><!----><span _ngcontent-ng-c2432951708 class="new-badge">NEW</span><!----></div><!----><!----></div><div _ngcontent-ng-c2432951708 class="alt"> Trigger Spray Bottle <!----></div></a><a _ngcontent-ng-c2432951708 carousel-item class="carousel-item five-per-width" href="/mockups/product-packaging/spray-bottles/spray-bottle" tabindex="-1" jsaction="click:;"><div _ngcontent-ng-c2432951708 class="img-container"><img _ngcontent-ng-c2432951708 loading="lazy" role="presentation" class="thumbnail-image" alt="Spray Bottle" src="/assets/models/product-packaging/spray-bottles/spray-bottle/thumbnail.png" width="229"><!----><div _ngcontent-ng-c2432951708 class="card-badges"><!----><span _ngcontent-ng-c2432951708 class="new-badge">NEW</span><!----></div><!----><!----></div><div _ngcontent-ng-c2432951708 class="alt"> Spray Bottle <!----></div></a><a _ngcontent-ng-c2432951708 carousel-item class="carousel-item five-per-width" href="/mockups/product-packaging/shipping-box/mailer-tube" tabindex="-1" jsaction="click:;"><div _ngcontent-ng-c2432951708 class="img-container"><img _ngcontent-ng-c2432951708 loading="lazy" role="presentation" class="thumbnail-image" alt="Mailer Tube" src="/assets/models/product-packaging/shipping-box/mailer-tube/thumbnail.png" width="229"><!----><div _ngcontent-ng-c2432951708 class="card-badges"><!----><span _ngcontent-ng-c2432951708 class="new-badge">NEW</span><!----></div><!----><!----></div><div _ngcontent-ng-c2432951708 class="alt"> Mailer Tube <!----></div></a><!----></div></div><div class="carousel-nav-wrapper carousel-nav-next"><button type="button" mat-icon-button disabledinteractive class="mdc-icon-button mat-mdc-icon-button mat-mdc-button-base carousel-nav mat-mdc-button-disabled mat-mdc-button-disabled-interactive mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-centered mat-ripple-loader-disabled aria-label="Next featured mockups" aria-disabled="true" ngh="2" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><mat-icon role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="0">navigate_next</mat-icon><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></div><p aria-live="polite" aria-atomic="true" class="carousel-announcement"><!--ngetn--></p></app-carousel></div></div></app-browse-mockups></div><app-try-it-free _ngcontent-ng-c1797438422 _nghost-ng-c1496913089 ngh="14"><div _ngcontent-ng-c1496913089 class="tryit-block"><div _ngcontent-ng-c1496913089 class="content-wrapper"><div _ngcontent-ng-c1496913089 class="left"><div _ngcontent-ng-c1496913089 class="medium-2xl">See your design in 3D</div><p _ngcontent-ng-c1496913089 class="regular-xl">You’ve seen how it works. Choose a free mockup, upload your artwork and create your own product visual. </p><p _ngcontent-ng-c1496913089 class="regular-xl">No credit card required. Free exports include a watermark.</p><a _ngcontent-ng-c1496913089 mat-flat-button routerlink="/mockups/apparel/t-shirt/t-shirt" class="mdc-button mat-mdc-button-base accent mdc-button--unelevated mat-mdc-unelevated-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/mockups/apparel/t-shirt/t-shirt" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Create a Free Mockup</span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a></div><div _ngcontent-ng-c1496913089><img _ngcontent-ng-c1496913089 src="/assets/coming_sale.png" alt="3DMocker mockup preview examples" width="100%"></div></div></div></app-try-it-free></app-homepage><!----><app-footer _nghost-ng-c2544338365 ngh="16"><footer _ngcontent-ng-c2544338365 class="footer content-wrapper"><div _ngcontent-ng-c2544338365 class="footer-items"><div _ngcontent-ng-c2544338365 class="footer-item"><img _ngcontent-ng-c2544338365 src="/assets/logo.svg"><p _ngcontent-ng-c2544338365 class="regular-m">Free online 3D mockup generator.</p><div _ngcontent-ng-c2544338365 class="buttons"><!----><a _ngcontent-ng-c2544338365 matbutton="outlined" aria-label="Login" class="mdc-button mat-mdc-button-base navbar-hide-small mdc-button--outlined mat-mdc-outlined-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Log in</span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a><!----><a _ngcontent-ng-c2544338365 matbutton="filled" routerlink="/mockups/apparel/t-shirt/t-shirt" routerlinkactive="navbar-header-item-selected" class="mdc-button mat-mdc-button-base mdc-button--unelevated mat-mdc-unelevated-button mat-unthemed _mat-animation-noopable" mat-ripple-loader-uninitialized mat-ripple-loader-class-name="mat-mdc-button-ripple" href="/mockups/apparel/t-shirt/t-shirt" ngh="7" jsaction="click:;"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Get Started</span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></a></div><div _ngcontent-ng-c2544338365 class="social-links"><a _ngcontent-ng-c2544338365 target="_blank" rel="noopener" href="https://www.youtube.com/@3DMocker" aria-label="YouTube"><img _ngcontent-ng-c2544338365 width="18" height="18" src="/assets/icons/socials/youtube.svg" alt="YouTube"></a><a _ngcontent-ng-c2544338365 target="_blank" rel="noopener" href="https://www.instagram.com/3dmocker/" aria-label="Instagram"><img _ngcontent-ng-c2544338365 width="18" height="18" src="/assets/icons/socials/instagram.svg" alt="Instagram"></a><a _ngcontent-ng-c2544338365 target="_blank" rel="noopener" href="https://www.pinterest.com/3dmocker/" aria-label="Pinterest"><img _ngcontent-ng-c2544338365 width="18" height="18" src="/assets/icons/socials/pinterest.svg" alt="Pinterest"></a><a _ngcontent-ng-c2544338365 target="_blank" rel="noopener" href="https://www.tiktok.com/@3dmocker" aria-label="TikTok"><img _ngcontent-ng-c2544338365 width="18" height="18" src="/assets/icons/socials/tiktok.svg" alt="TikTok"></a><a _ngcontent-ng-c2544338365 target="_blank" rel="noopener" href="https://www.facebook.com/people/3DMocker/61593841377412/" aria-label="Facebook"><img _ngcontent-ng-c2544338365 width="18" height="18" src="/assets/icons/socials/facebook.svg" alt="Facebook"></a><a _ngcontent-ng-c2544338365 target="_blank" rel="noopener" href="https://www.linkedin.com/company/3dmocker/" aria-label="LinkedIn"><img _ngcontent-ng-c2544338365 width="18" height="18" src="/assets/icons/socials/linkedin.svg" alt="LinkedIn"></a><!----></div></div><div _ngcontent-ng-c2544338365 class="footer-item"><h3 _ngcontent-ng-c2544338365>Mockups</h3><ul _ngcontent-ng-c2544338365><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/apparel" href="/mockups/apparel" jsaction="click:;">Apparel</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/devices" href="/mockups/devices" jsaction="click:;">Devices</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/product-packaging" href="/mockups/product-packaging" jsaction="click:;">Packaging</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/drinkware" href="/mockups/drinkware" jsaction="click:;">Drinkware</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/merchandise" href="/mockups/merchandise" jsaction="click:;">Merchandise</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/stationery-and-branding" href="/mockups/stationery-and-branding" jsaction="click:;">Print &amp; Branding</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/new" href="/mockups/new" jsaction="click:;">New Mockups</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups" href="/mockups" jsaction="click:;">Browse All</a></li></ul></div><div _ngcontent-ng-c2544338365 class="footer-item"><h3 _ngcontent-ng-c2544338365>Popular</h3><ul _ngcontent-ng-c2544338365><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/apparel/t-shirt/t-shirt" href="/mockups/apparel/t-shirt/t-shirt" jsaction="click:;">T-Shirt</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/drinkware/mugs-and-cups/mug" href="/mockups/drinkware/mugs-and-cups/mug" jsaction="click:;">Coffee Mug</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/phone-cases" href="/mockups/phone-cases" jsaction="click:;">Phone Cases</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/merchandise/bags/tote-bag" href="/mockups/merchandise/bags/tote-bag" jsaction="click:;">Tote Bag</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/stationery-and-branding/business-card/business-card" href="/mockups/stationery-and-branding/business-card/business-card" jsaction="click:;">Business Card</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/mockups/product-packaging/gift-box/box" href="/mockups/product-packaging/gift-box/box" jsaction="click:;">Gift Box</a></li></ul></div><div _ngcontent-ng-c2544338365 class="footer-item"><h3 _ngcontent-ng-c2544338365>Product</h3><ul _ngcontent-ng-c2544338365><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/" fragment="features" href="/#features" jsaction="click:;">Features</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/pricing" href="/pricing" jsaction="click:;">Pricing</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/using-3d-mocker" href="/using-3d-mocker" jsaction="click:;">How It Works</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/faq" href="/faq" jsaction="click:;">FAQs</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/for-business" href="/for-business" jsaction="click:;">For Business</a></li></ul></div><div _ngcontent-ng-c2544338365 class="footer-item"><h3 _ngcontent-ng-c2544338365>Company</h3><ul _ngcontent-ng-c2544338365><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/about" href="/about" jsaction="click:;">About Us</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/contact-us" href="/contact-us" jsaction="click:;">Contact Us</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/contact-us" href="/contact-us" jsaction="click:;">Contributor</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/privacy-policy" href="/privacy-policy" jsaction="click:;">Privacy Policy</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 routerlink="/terms-and-conditions" href="/terms-and-conditions" jsaction="click:;">Terms &amp; Conditions</a></li></ul></div></div><div _ngcontent-ng-c2544338365 class="footer-parametric"><h3 _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric" jsaction="click:;">Parametric</a></h3><ul _ngcontent-ng-c2544338365><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/box" jsaction="click:;">Shipping box</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/paper-tube" jsaction="click:;">Paper tube</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/jar" jsaction="click:;">Jar</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/book" jsaction="click:;">Book</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/squeeze-tube" jsaction="click:;">Squeeze tube</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/coffee-cup" jsaction="click:;">Coffee cup</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/envelope" jsaction="click:;">Envelope</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/postcard" jsaction="click:;">Postcard</a></li><li _ngcontent-ng-c2544338365><a _ngcontent-ng-c2544338365 href="/mockups/parametric/beverage-can" jsaction="click:;">Beverage can</a></li><!----></ul></div><div _ngcontent-ng-c2544338365 class="footer-bottom"><div _ngcontent-ng-c2544338365 class="copyright regular-m"> © 2026 3DMocker </div></div></footer></app-footer><!----></app-root>
<link rel="modulepreload" href="chunk-GOUCZ6UR.js"><link rel="modulepreload" href="chunk-232RRXF4.js"><link rel="modulepreload" href="chunk-ZQKCQLUS.js"><link rel="modulepreload" href="chunk-UDJ72HDP.js"><link rel="modulepreload" href="chunk-BSAUG5GI.js"><link rel="modulepreload" href="chunk-QCNSA5GU.js"><link rel="modulepreload" href="chunk-TG4OUORG.js"><link rel="modulepreload" href="chunk-THGW43MK.js"><link rel="modulepreload" href="chunk-ZVUGEHRJ.js"><link rel="modulepreload" href="chunk-FXSK5C4R.js"><script src="polyfills-5CFQRCPP.js" type="module"></script><script src="main-OIXOMSI3.js" type="module"></script>

<div class="cdk-live-announcer-element cdk-visually-hidden" aria-atomic="true" aria-live="polite" id="cdk-live-announcer-44"></div><script id="ng-state" type="application/json">{"2458832020":{"b":[{"name":"Framed Poster","path":"stationery-and-branding/posters/framed-poster","thumbnail_path":"stationery-and-branding/posters/framed-poster/thumbnail.png","preview_images":["stationery-and-branding/posters/framed-poster/framed-poster_65d3a2436e4f6_0.png","stationery-and-branding/posters/framed-poster/framed-poster_65d3a2436e4f6_60.png","stationery-and-branding/posters/framed-poster/framed-poster_65d3a2436e4f6_120.png","stationery-and-branding/posters/framed-poster/framed-poster_65d3a2436e4f6_180.png","stationery-and-branding/posters/framed-poster/framed-poster_65d3a2436e4f6_240.png","stationery-and-branding/posters/framed-poster/framed-poster_65d3a2436e4f6_300.png"],"is_free":false,"is_premium":false,"is_new":true,"updated_at":"2026-10-27T13:47:25.162017"},{"name":"Paper Tube","path":"product-packaging/tubes/paper-tube","thumbnail_path":"product-packaging/tubes/paper-tube/thumbnail.png","preview_images":["product-packaging/tubes/paper-tube/paper-tube_65d3a2435ba9a_0.png","product-packaging/tubes/paper-tube/paper-tube_65d3a2435ba9a_60.png","product-packaging/tubes/paper-tube/paper-tube_65d3a2435ba9a_120.png","product-packaging/tubes/paper-tube/paper-tube_65d3a2435ba9a_180.png","product-packaging/tubes/paper-tube/paper-tube_65d3a2435ba9a_240.png","product-packaging/tubes/paper-tube/paper-tube_65d3a2435ba9a_300.png"],"is_free":false,"is_premium":false,"is_new":true,"updated_at":"2026-10-27T13:47:33.310115"},{"name":"Cosmetic Tube","path":"product-packaging/tubes/cosmetic-tube","thumbnail_path":"product-packaging/tubes/cosmetic-tube/thumbnail.png","preview_images":["product-packaging/tubes/cosmetic-tube/cosmetic-tube_65d3a243495d0_0.png","product-packaging/tubes/cosmetic-tube/cosmetic-tube_65d3a243495d0_60.png","product-packaging/tubes/cosmetic-tube/cosmetic-tube_65d3a243495d0_120.png","product-packaging/tubes/cosmetic-tube/cosmetic-tube_65d3a243495d0_180.png","product-packaging/tubes/cosmetic-tube/cosmetic-tube_65d3a243495d0_240.png","product-packaging/tubes/cosmetic-tube/cosmetic-tube_65d3a243495d0_300.png"],"is_free":false,"is_premium":false,"is_new":true,"updated_at":"2026-10-27T13:47:30.543520"},{"name":"Trigger Spray Bottle","path":"product-packaging/spray-bottles/trigger-spray-bottle","thumbnail_path":"product-packaging/spray-bottles/trigger-spray-bottle/thumbnail.png","preview_images":["product-packaging/spray-bottles/trigger-spray-bottle/trigger-spray-bottle_65d3a243370f9_0.png","product-packaging/spray-bottles/trigger-spray-bottle/trigger-spray-bottle_65d3a243370f9_60.png","product-packaging/spray-bottles/trigger-spray-bottle/trigger-spray-bottle_65d3a243370f9_120.png","product-packaging/spray-bottles/trigger-spray-bottle/trigger-spray-bottle_65d3a243370f9_180.png","product-packaging/spray-bottles/trigger-spray-bottle/trigger-spray-bottle_65d3a243370f9_240.png","product-packaging/spray-bottles/trigger-spray-bottle/trigger-spray-bottle_65d3a243370f9_300.png"],"is_free":false,"is_premium":false,"is_new":true,"updated_at":"2026-10-27T13:47:24.572904"},{"name":"Spray Bottle","path":"product-packaging/spray-bottles/spray-bottle","thumbnail_path":"product-packaging/spray-bottles/spray-bottle/thumbnail.png","preview_images":["product-packaging/spray-bottles/spray-bottle/spray-bottle_65d3a24324c69_0.png","product-packaging/spray-bottles/spray-bottle/spray-bottle_65d3a24324c69_60.png","product-packaging/spray-bottles/spray-bottle/spray-bottle_65d3a24324c69_120.png","product-packaging/spray-bottles/spray-bottle/spray-bottle_65d3a24324c69_180.png","product-packaging/spray-bottles/spray-bottle/spray-bottle_65d3a24324c69_240.png","product-packaging/spray-bottles/spray-bottle/spray-bottle_65d3a24324c69_300.png"],"is_free":false,"is_premium":false,"is_new":true,"updated_at":"2026-10-27T13:47:30.514276"},{"name":"Mailer Tube","path":"product-packaging/shipping-box/mailer-tube","thumbnail_path":"product-packaging/shipping-box/mailer-tube/thumbnail.png","preview_images":["product-packaging/shipping-box/mailer-tube/mailer-tube_65d3a24313247_0.png","product-packaging/shipping-box/mailer-tube/mailer-tube_65d3a24313247_60.png","product-packaging/shipping-box/mailer-tube/mailer-tube_65d3a24313247_120.png","product-packaging/shipping-box/mailer-tube/mailer-tube_65d3a24313247_180.png","product-packaging/shipping-box/mailer-tube/mailer-tube_65d3a24313247_240.png","product-packaging/shipping-box/mailer-tube/mailer-tube_65d3a24313247_300.png"],"is_free":false,"is_premium":false,"is_new":true,"updated_at":"2026-10-27T13:47:24.337631"}],"h":{},"s":200,"st":"OK","u":"https://be.3dmocker.com/api/v1/public/new-mockups","rt":"json"},"3650637666":{"b":[{"name":"T-Shirt","subtitle":"T-shirt, Apparel","path":"apparel/t-shirt/t-shirt"},{"name":"Box","subtitle":"Gift box, Packaging","path":"product-packaging/gift-box/box"},{"name":"Mug","subtitle":"Mugs and Cups, Drinkware","path":"drinkware/mugs-and-cups/mug"},{"name":"Bottle","subtitle":"Water bottles, Packaging","path":"product-packaging/water-bottles/bottle"},{"name":"iPhone","subtitle":"iPhone, Devices","path":"devices/iphone/iphone"}],"h":{},"s":200,"st":"OK","u":"https://be.3dmocker.com/api/v1/mockups/search","rt":"json"},"4007155591":{"b":[{"name":"Apparel","path":"apparel","subcategories":[{"name":"Cap","path":"apparel/cap"},{"name":"Hoodie","path":"apparel/hoodie"},{"name":"T-shirt","path":"apparel/t-shirt"}]},{"name":"Devices","path":"devices","subcategories":[{"name":"iPhone","path":"devices/iphone"}]},{"name":"Drinkware","path":"drinkware","subcategories":[{"name":"Mugs and Cups","path":"drinkware/mugs-and-cups"},{"name":"Tumblers and Bottles","path":"drinkware/tumblers-and-bottles"}]},{"name":"Merchandise","path":"merchandise","subcategories":[{"name":"Bags","path":"merchandise/bags"}]},{"name":"Packaging","path":"product-packaging","subcategories":[{"name":"Cosmetic bottles","path":"product-packaging/cosmetic-bottles"},{"name":"Food packaging","path":"product-packaging/food-packaging"},{"name":"Gift box","path":"product-packaging/gift-box"},{"name":"Jars and tins","path":"product-packaging/jars-and-tins"},{"name":"Pouches","path":"product-packaging/pouches"},{"name":"Shipping box","path":"product-packaging/shipping-box"},{"name":"Soda and beer can","path":"product-packaging/soda-beer-can"},{"name":"Spray bottles","path":"product-packaging/spray-bottles"},{"name":"Tubes","path":"product-packaging/tubes"},{"name":"Water bottles","path":"product-packaging/water-bottles"}]},{"name":"Print & Branding","path":"stationery-and-branding","subcategories":[{"name":"Business card","path":"stationery-and-branding/business-card"}]}],"h":{},"s":200,"st":"OK","u":"https://be.3dmocker.com/api/v1/public/nav-options","rt":"json"},"__nghData__":[{},{"t":{"0":"t1","3":"t2"},"c":{"0":[],"3":[{"i":"t2","r":1}]},"n":{"3":"hfn2"}},{"n":{"2":"hfn2"}},{"t":{"0":"t4"},"c":{"0":[]}},{"c":{"1":[]},"d":[8],"t":{"8":"t5"}},{"n":{"2":"hfn","5":"hfn3"}},{"t":{"0":"t6"},"c":{"0":[]}},{"n":{"2":"hfn","5":"hfn2"}},{"n":{"1":"0fn","3":"0fn2f","5":"4fn","6":"5f","11":"10fnf","12":"10fn2","13":"12f","29":"28fnf"},"t":{"1":"t3","27":"t7","31":"t8","32":"t9"},"c":{"1":[],"10":[],"31":[],"32":[]},"d":[16,17,18,19,20,21,22,23,24,25,27]},{"t":{"1":"t257"},"c":{"1":[]}},{"t":{"9":"t259","18":"t260","27":"t261","36":"t262"},"c":{"9":[],"18":[],"27":[],"36":[]}},{"t":{"1":"t209","2":"t215","3":"t212"},"c":{"1":[{"i":"t209","r":1,"t":{"4":"t210","11":"t214"},"c":{"4":[{"i":"t210","r":1,"t":{"1":"t211"},"c":{"1":[{"i":"t212","r":1,"n":{"8":"7f"},"t":{"17":"t213"},"c":{"17":[{"i":"t213","r":1}]}}]}},{"i":"t210","r":1,"t":{"1":"t211"},"c":{"1":[{"i":"t212","r":1,"n":{"8":"7f"},"t":{"17":"t213"},"c":{"17":[]}}]}}],"11":[{"i":"t214","r":1,"x":2}]},"n":{"8":"7f","14":"13f"}}],"2":[],"3":[]}},{"n":{"2":"1fn","3":"2f","11":"10fn","12":"11f"}},{"n":{"5":"4fnf","12":"10fnf2"},"t":{"12":"t24"},"c":{"12":[{"i":"t24","r":1,"t":{"2":"t25","4":"t30"},"c":{"2":[{"i":"t25","r":4,"t":{"1":"t26","2":"t27"},"c":{"1":[],"2":[{"i":"t27","r":1,"t":{"1":"t28","2":"t29"},"c":{"1":[],"2":[{"i":"t29","r":1}]}}]}}],"4":[{"i":"t30","r":1}]},"x":6}]}},{"n":{"10":"9fnf"}},{"t":{"0":"t256","1":"t258"},"c":{"0":[{"i":"t256","r":1,"n":{"5":"4f","13":"12fnf","15":"14fnf"}}],"1":[]},"n":{"15":"14f","19":"18f","23":"22fnf","25":"24fnf"}},{"t":{"7":"t46","8":"t47","13":"t48","108":"t49"},"c":{"7":[],"8":[{"i":"t47","r":1,"n":{"1":"0fnf"}}],"13":[{"i":"t48","r":1,"x":6}],"108":[{"i":"t49","r":1,"x":9}]},"n":{"10":"9fnf"}},{"t":{"0":"t0","2":"t45"},"c":{"0":[{"i":"t0","r":1}],"1":[{"i":"c1797438422","r":1}],"2":[{"i":"t45","r":1}]}}]}</script></body></html>