/* Kan dette fjernes?
 *
 * SVG icon mixin template
 * 
 */

// Replace `$search` with `$replace` in `$string`
// Used on our SVG icon backgrounds for custom forms.
//
// @author Hugo Giraudel
// @param {String} $string - Initial string
// @param {String} $search - Substring to replace
// @param {String} $replace ('') - New value
// @return {String} - Updated string
@function str-replace($string, $search, $replace: "") {
  $index: str-index($string, $search);

  @if $index {
    @return str-slice($string, 1, $index - 1)+$replace +str-replace(str-slice($string, $index + str-length($search)),
      $search,
      $replace );
  }

  @return $string;
}

@function pkt-esc-svg($string) {
  // See https://codepen.io/kevinweber/pen/dXWoRw
  //
  // Requires the use of quotes around data URIs.

  // Characters which are escaped
  $escaped-characters: (("<", "%3c"),
    (">", "%3e"),
    ("#", "%23"),
    ("(", "%28"),
    (")", "%29")) !default;

  @if str-index($string, "data:image/svg+xml") {

    @each $char,
    $encoded in $escaped-characters {

      // Do not escape the url brackets
      @if str-index($string, "url(")==1 {
        $string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
      }

      @else {
        $string: str-replace($string, $char, $encoded);
      }
    }
  }

  @return $string;
}
@mixin icon-24h ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="24h" fill="none" data-category="health" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M8.837 21.012v1.793h6.451v-1.967h-3.515l1.991-1.902c.704-.646 1.512-1.559 1.512-2.88 0-1.691-1.329-2.872-3.232-2.872-1.713 0-3.087 1.173-3.267 2.789l-.032.286 2.04.315.041-.303c.039-.292.241-1.244 1.194-1.244.489 0 .874.231 1.031.619.226.555-.048 1.283-.731 1.948zm11.254-7.604-3.879 5.864v1.706h4.062v1.827h2.066v-1.827h1.229v-1.879H22.34v-5.691zm.183 5.691h-1.677l1.677-2.644z"/><path d="m24.526 9.556 1.422-1.407A13.92 13.92 0 0 1 30 18c0 7.72-6.28 14-14 14S2 25.72 2 18C2 10.503 7.927 4.382 15.34 4.033V0L23 5l-7.66 5V6.033C9.031 6.379 4 11.606 4 18c0 6.617 5.383 12 12 12s12-5.383 12-12c0-3.183-1.233-6.182-3.474-8.444"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-access-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="access-prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.879 17.325h-2.075v-.192q-.03-1.92-.062-3.838a63 63 0 0 0-.986-1.154c-.308-.351-.623-.697-.964-1.078l.706 10.04h-1.282v.162c0 1.247-.002 2.625-.004 3.872 0 0-.012-.006.022.02s.16.138.187.165c.38.38.76.763 1.142 1.141q.714.706 1.432 1.407c.243.237.492.468.747.71l-1.46 1.422q-.027-.019-.044-.035-.472-.457-.943-.918-1.144-1.128-2.285-2.258c-.26-.257-.577-.558-.837-.816-.003-1.114-.001-2.322-.001-3.437v-1.43c-.312 0-.667-.005-.964.002-.035.001.019-.038 0 0-.31.63-.656 1.358-.966 1.988-.458.93-.916 1.86-1.386 2.785a.64.64 0 0 0-.033.322v3.86h-2.087c0-.046.038-.091.038-.136q0-2.232.003-4.463.282-.602.577-1.196.697-1.411 1.4-2.82c.053-.11.121-.21.195-.337l-.867-.05c.328-4.485.727-8.902 1.055-13.383h.146c1.716 0 3.537.002 5.253-.002.3.357.713.81 1.018 1.162q.717.825 1.438 1.646l1.38 1.577c.115.13.304.323.414.457l.007.044c.021 1.05.043 2.176.06 3.226l.026 1.37zm-5.562 1.756-.698-9.37h-1.581l-.66 9.37zM2 1.89h15.179v2.011H4.05v24.06c0 .18 0 .18.177.18l11.452.002h.42v1.999H2zm20.64-.031a2.376 2.376 0 0 1 2.41 2.381 2.409 2.409 0 0 1-4.816.029 2.393 2.393 0 0 1 2.407-2.41"/><path fill="#{$fg-color}" d="m13.288 5.731 1.425 1.427-2.92 2.92 2.92 2.92-1.42 1.422-2.9-2.898L7.417 14.5l-1.432-1.433L8.95 10.1 5.936 7.089l.091-.098 1.216-1.215.138-.113c.927.927 1.954 1.962 2.88 2.889q.05.058.091.121z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-accessibility ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="accessibility" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m25.45 11.154-6.406.925.566 6.791h-.543l2.351 7.03-1.404 1.022-3.247-8.05-1.175.014-3.35 8.034-1.403-1.02 2.451-7.02-.64-.015.565-6.786-6.405-.925V9.417l6.867.956h4.905l6.867-.956zm-10.917 5.982h3.193l-.42-5.029h-2.354z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M16.136 5.81a1.882 1.882 0 0 1 0 3.76h-.013a1.882 1.882 0 0 1 0-3.76z"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M16 1c8.284 0 15 6.716 15 15s-6.716 15-15 15S1 24.284 1 16 7.716 1 16 1m0 1.875C8.751 2.875 2.875 8.751 2.875 16S8.751 29.125 16 29.125 29.125 23.249 29.125 16 23.249 2.875 16 2.875" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-accessible-water-access ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="accessible-water-access" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M28 28.031a4.975 4.975 0 0 0-8-.028 4.974 4.974 0 0 0-8 .028 4.975 4.975 0 0 0-8-.028A5 5 0 0 0 0 26v2a3.003 3.003 0 0 1 3 3h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3.003 3.003 0 0 1 3-3v-2a4.98 4.98 0 0 0-4 2.031M15.71 5.543A2.271 2.271 0 1 0 15.713 1a2.271 2.271 0 0 0-.001 4.543"/><path fill="#{$fg-color}" d="M11.3 24.588a6.08 6.08 0 0 0 8.05-7.594l1.322.308v6.04h1.999V15.72l-4.837-1.13a6 6 0 0 0-.7-.583V6.933h-5.077l-2.07 5.47.552 1.285a6.1 6.1 0 0 0-3.032 5.263c.001.666.113 1.328.33 1.958L0 17.511v2.18l11.242 4.874zm2.131-15.655h1.704v4.133a6 6 0 0 0-2.727-.082l-.295-.623zM9.506 18.95a4.06 4.06 0 0 1 1.836-3.39l1.391 3.246 1.838-.787-1.34-3.125q.18-.026.361-.029a4.086 4.086 0 1 1-4.086 4.085"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-achievement ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="achievement" data-category="objects" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.62 12.96L18.72 14.35L19.45 16.58C19.58 16.99 19.43 17.45 19.08 17.7C18.73 17.96 18.26 17.96 17.91 17.7L16 16.32L14.1 17.7C13.93 17.83 13.72 17.89 13.51 17.89C13.3 17.89 13.1 17.83 12.93 17.7C12.58 17.45 12.43 16.99 12.56 16.58L13.29 14.35L11.39 12.96C11.04 12.71 10.89 12.26 11.02 11.85C11.16 11.43 11.54 11.16 11.98 11.16H14.33L15.05 8.92001C15.19 8.51001 15.57 8.23001 16 8.23001C16.43 8.23001 16.82 8.51001 16.96 8.92001L17.68 11.16H20.03C20.47 11.16 20.85 11.43 20.98 11.85C21.12 12.26 20.97 12.71 20.62 12.96Z" fill="#{$fg-color}"/><path d="M26.79 13.36C26.79 7.41001 21.95 2.57001 16 2.57001C10.05 2.57001 5.20999 7.41001 5.20999 13.36C5.20999 17.07 7.08999 20.35 9.94999 22.29L7.75999 30.15L16.02 26.69L24.47 29.97L21.8 22.46C24.8 20.54 26.79 17.18 26.79 13.36ZM7.20999 13.36C7.20999 8.51001 11.16 4.57001 16 4.57001C20.84 4.57001 24.79 8.51001 24.79 13.36C24.79 18.21 20.85 22.15 16 22.15C11.15 22.15 7.20999 18.21 7.20999 13.36ZM15.99 24.54L10.79 26.71L11.75 23.27C13.05 23.84 14.49 24.15 16 24.15C17.41 24.15 18.76 23.88 20 23.38L21.12 26.52L15.99 24.54Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-active-person ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="active-person" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.42 3.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M18.007 9.75H27v-2H7V2H5v7.75h4.834l-.81 9.723-2.99 1.37-.533 9.601 1.997.111.467-8.397 5.252-2.408h1.956l7.518 10.338 1.618-1.176-6.663-9.161h1.194zm-6.833 8 .666-8H16l.667 8z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-adjust ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="adjust" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M5 12.126V4h2v8.126a4.002 4.002 0 0 1 0 7.748V28H5v-8.126a4.002 4.002 0 0 1 0-7.748M8 16a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7-4.126V28h2V11.874A4.002 4.002 0 0 0 16 4a4 4 0 0 0-1 7.874M18 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m12 16a4 4 0 0 0-3-3.874V4h-2v16.126A4.002 4.002 0 0 0 26 28a4 4 0 0 0 4-4m-4 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-advice ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="advice" fill="none" data-category="social" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path fill-rule="evenodd" d="M19.898 11h6.5V3h-16v8h4l1.5 2.5zm-3.333-.275L19.325 9h5.073V5h-12v4h3.133z" clip-rule="evenodd"/><path d="M16.398 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M7.74 16.491h9.658a3 3 0 0 1 3 3V20h-2v-.509a1 1 0 0 0-1-1H8.576L4.7 22.417l2.692 4.107 1.916-1.533h11.576l7.584-4.498a.952.952 0 1 0-.976-1.636l-6.056 3.634h-9.277v-2h8.723l5.581-3.349a2.952 2.952 0 1 1 3.025 5.07l-8.055 4.78H10.009l-3.084 2.467-4.784-7.297 5.6-5.67Z" clip-rule="evenodd"/><path d="m18.398 19 2 .5V21h-2z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alcohol-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alcohol-prohibited" fill="none" data-category="food" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m0 28A12.982 12.982 0 0 1 6.139 7.553l4.237 4.237v2.992A5.63 5.63 0 0 0 15 20.312v3.328h-3.393v2h8.786v-2H17v-3.328a5.6 5.6 0 0 0 1.432-.466l6.015 6.015A12.93 12.93 0 0 1 16 29m-3.624-18.617V8.86h7.248v1.523zm7.248 2v2.4a3.6 3.6 0 0 1-.974 2.453l-4.853-4.853zm-2.75 5.905a3.6 3.6 0 0 1-.874.118 3.63 3.63 0 0 1-3.624-3.624v-.992zm8.988 6.16-5.793-5.794a5.6 5.6 0 0 0 1.555-3.872V6.86H10.376v2.102L7.553 6.139a12.983 12.983 0 0 1 18.309 18.308"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alert-circle ($fg-color: #ff8274, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alert-circle" fill="none" data-category="status" viewBox="0 0 32 32"><g fill="#{$fg-color}"><circle cx="16" cy="16" r="16" fill-opacity=".5"/><circle cx="16" cy="16" r="10.353" fill-opacity=".7"/><circle cx="16" cy="16" r="5.647"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alert-error-system ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alert-error-system" fill="none" data-category="status" viewBox="0 0 32 32"><circle cx="16" cy="16" r="15" fill="#96281C"/><path fill="#F8F0DD" d="m14.593 7.563.376 11.25h2.062l.375-11.25zm-.469 15c0 1.049.804 1.875 1.875 1.875a1.844 1.844 0 0 0 1.875-1.875c0-1.05-.803-1.875-1.875-1.875a1.844 1.844 0 0 0-1.875 1.875"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alert-error ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alert-error" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M22.09 5.45 28.18 16l-6.09 10.55H9.91L3.82 16 9.91 5.45zm1.32-2.28H8.59L1.18 16l7.41 12.83h14.82L30.82 16zm-2.28 8.99-1.27-1.27-3.85 3.85-3.86-3.86-1.27 1.27 3.86 3.86-3.85 3.85 1.27 1.27 3.85-3.85 3.84 3.84 1.27-1.27-3.84-3.84z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alert-information ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alert-information" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16 1a15 15 0 1 1 0 30 15 15 0 0 1 0-30m0 2a13 13 0 1 0 0 26 13 13 0 0 0 0-26" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M14.151 8.61a1.793 1.793 0 0 1 1.819-1.82 1.774 1.774 0 0 1 1.796 1.818 1.774 1.774 0 0 1-1.796 1.817 1.79 1.79 0 0 1-1.818-1.817Zm.53 3.841h2.577v12.195H14.68z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alert-success-system ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alert-success-system" fill="none" data-category="status" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#clip0_5053_89728)"><circle cx="16" cy="16" r="15" fill="#034B45"/><path fill="#E5FFE6" fill-rule="evenodd" d="m23.704 12.214-9.707 9.707-5.707-5.707L9.704 14.8l4.293 4.293L22.29 10.8z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_5053_89728"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alert-success ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alert-success" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27.5 4.5v22.99h-23V4.5h22.99m2.32-2.32H2.19V29.8h27.62zM15.37 18.72l6.42-6.61-1.29-1.33-6.42 6.61-2.58-2.64-1.29 1.33 2.58 2.64 1.29 1.33z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-alert-warning ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="alert-warning" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m16 6.22 5.41 10.37 5.7 10.91H4.89l5.7-10.91zm0-4.96L8.55 15.53 1.1 29.8h29.8l-7.45-14.27zm0 21.1c.78 0 1.37.6 1.37 1.37S16.78 25.1 16 25.1s-1.37-.6-1.37-1.37.59-1.37 1.37-1.37m1.02-9.57-.25 8.2H15.2l-.23-8.2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-ambulance ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="ambulance" fill="none" data-category="travel" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_25028_16601)"><path d="M19 6.5h-4v2h4zM18 0h-2v4h2zM9.5 14.514h-2V17H5v2h2.5v2.514h2V19H12v-2H9.5zM11.402 2.01 9.988 3.424l2.828 2.829 1.415-1.414zm11.164 0-2.828 2.83 1.414 1.414 2.828-2.829z"/><path d="M32 20.012c0-1.655-1.346-3-3-3h-.846l-4.165-7H0v19.352h5.032a3.573 3.573 0 0 0 6.895 0h9.125a3.574 3.574 0 0 0 6.896 0H32zm-15-8h5.848l2.991 5H17zM9.745 29.364a1.563 1.563 0 1 1-2.466-1.92 1.563 1.563 0 0 1 2.466 1.92m16.02 0a1.563 1.563 0 1 1-2.467-1.918 1.563 1.563 0 0 1 2.467 1.918m4.233-2h-2.076a3.57 3.57 0 0 0-6.845 0h-9.175a3.57 3.57 0 0 0-6.845 0H2.001V12.012h13v7H29a1 1 0 0 1 1 1z"/></g><defs><clipPath id="clip0_25028_16601"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-apple ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="apple" fill="none" data-category="food" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m14.846 8.762-.077-.025a31 31 0 0 0-1.139-.36c-1.201-.35-2.748-.675-4.346-.358-4.508.893-6.784 4.996-6.784 9.596 0 2.951 1.322 6.233 2.866 8.737.78 1.263 1.644 2.376 2.482 3.188.419.406.85.756 1.28 1.01.418.246.913.45 1.437.45 1.243 0 2.19-.311 3-.578l.03-.01c.818-.27 1.5-.489 2.405-.489.906 0 1.587.219 2.405.488l.03.01c.81.268 1.757.579 3 .579.524 0 1.02-.204 1.436-.45.43-.254.862-.604 1.28-1.01.839-.812 1.704-1.925 2.483-3.188 1.544-2.504 2.866-5.786 2.866-8.737 0-4.6-2.276-8.703-6.784-9.596a7 7 0 0 0-1.24-.128 5.04 5.04 0 0 0 .959-2.954V2.615H20.1a5.13 5.13 0 0 0-4.255 2.274c-.648-1.394-1.614-2.55-3.03-3.673l-1.242 1.568c1.26.998 2.012 1.947 2.503 3.047.366.82.603 1.76.77 2.931M17 8h.334a3.12 3.12 0 0 0 2.196-.9 3.05 3.05 0 0 0 .905-2.163v-.322h-.333a3.12 3.12 0 0 0-2.196.902A3.05 3.05 0 0 0 17 7.679zm.398 2.786c-.425.135-.946.29-1.398.29s-.973-.155-1.398-.29q-.256-.082-.51-.166a27 27 0 0 0-1.021-.323c-1.109-.323-2.279-.538-3.398-.316C6.42 10.625 4.5 13.6 4.5 17.615c0 2.434 1.124 5.345 2.569 7.687.715 1.16 1.48 2.133 2.171 2.802.346.335.653.574.906.724.267.157.4.172.42.172.905 0 1.586-.219 2.404-.488l.03-.01c.811-.267 1.757-.579 3-.579s2.189.312 3 .579l.03.01c.818.269 1.5.488 2.405.488.019 0 .152-.015.419-.172.253-.15.56-.39.906-.724.69-.669 1.456-1.642 2.171-2.802 1.445-2.342 2.569-5.253 2.569-7.687 0-4.015-1.921-6.99-5.173-7.634-1.119-.222-2.29-.007-3.398.316-.37.107-.7.216-1.02.322q-.256.086-.51.167Z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-archive ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="archive" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="M9 17v-5h14v5zm2-3h10v1H11z"/><path d="M1 8h2v21h26V8h2V3H1zm28-3H3v1h26zM5 27V8h22v19z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-arrow-circle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="arrow-circle" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m24.526 9.556 1.422-1.407A13.92 13.92 0 0 1 30 18c0 7.72-6.28 14-14 14S2 25.72 2 18C2 10.503 7.927 4.382 15.34 4.033V0L23 5l-7.66 5V6.033C9.031 6.379 4 11.606 4 18c0 6.617 5.383 12 12 12s12-5.383 12-12c0-3.183-1.233-6.182-3.474-8.444"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-arrow-return ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="arrow-return" fill="none" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m13.1 18.054-1.6 1.693L6 13.821 11.5 8l1.6 1.693-2.8 2.964h15.3v11.676H13.84v-2.328h9.56v-7.02H10.2z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-arrow ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="arrow" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M28.98 16.97 21.7 9.69l-1.41 1.42 4.95 4.94H5v-5.97H3v7.97h22.08l-5.05 5.05 1.42 1.41z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-arts-and-culture ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="arts-and-culture" fill="none" data-category="places" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#clip0_25028_16609)"><path fill="#{$fg-color}" d="M0 0v32h32V0zm29.956 1.994a3.983 3.983 0 0 1-7.967 0zm-9.972 0a3.984 3.984 0 0 1-7.967 0zm-8.99 3.26a5.998 5.998 0 0 0 9.993.032 6 6 0 0 0 3.982 2.573v15.548H6.991V7.86a6 6 0 0 0 4.004-2.605m-1.022-3.26a3.984 3.984 0 0 1-7.967 0zM2.005 6.429a6 6 0 0 0 2.981 1.43v15.548h-2.98zm27.99 23.577H2.005v-4.604h27.99zm0-6.599h-3.02V7.86a6 6 0 0 0 3.02-1.466z"/></g><defs><clipPath id="clip0_25028_16609"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-attachment ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="attachment" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M14 0a5 5 0 0 1 4.995 4.777l.005.216.128 20.016a3.07 3.07 0 0 1-3.063 2.857c-1.553 0-2.851-1.157-3.047-2.741L13 24.94V10h2l-.002 14.87a1.07 1.07 0 0 0 1.067.996c.522 0 .961-.375 1.05-.817l.015-.102L17 5a3 3 0 0 0-5.995-.176L11 5v20a5 5 0 0 0 9.995.217L21 25V8h2v17a7 7 0 0 1-13.996.24L9 25V5a5 5 0 0 1 5-5"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-audioguide ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="audioguide" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M26.263 15.29a9.96 9.96 0 0 0-1.985-5.947 10.3 10.3 0 0 0-4.65-3.47A10 10 0 0 0 16 5.252a10 10 0 0 0-3.627.619 10.3 10.3 0 0 0-4.65 3.471 9.96 9.96 0 0 0-1.986 5.946c-.041 1.208-.025 9.499-.025 9.554l1.87-.008v1.903s3.845.01 5.64.01c0-2.87-.022-5.626-.022-8.498-1.78 0-3.826.022-5.606.022v-.008c.002-.83-.02-1.6-.013-2.432a8.6 8.6 0 0 1 .366-2.913 8.5 8.5 0 0 1 4.69-5.111A7.95 7.95 0 0 1 16 7.129a7.95 7.95 0 0 1 3.364.679 8.5 8.5 0 0 1 4.689 5.111 8.6 8.6 0 0 1 .366 2.913c.007.831-.015 1.601-.013 2.432v.008c-1.78 0-3.826-.021-5.605-.021 0 2.871-.023 5.627-.023 8.497 1.795 0 5.64-.01 5.64-.01v-1.903l1.87.008c0-.055.016-8.346-.025-9.554M9.47 20.093c.526 0 1.403-.02 1.928-.02l.002 4.761H9.463c0-1.606.006-3.123.006-4.741m11.132 4.741.002-4.761c.525 0 1.401.02 1.928.02 0 1.619.006 3.135.006 4.741z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-baby-bottle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="baby-bottle" fill="none" data-category="food" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M20.855 11.446v-3a5.47 5.47 0 0 0-1.916-2.905q.051-.375.03-.752a2.903 2.903 0 0 0-5.798 0q-.021.377.03.753a5.47 5.47 0 0 0-1.913 2.904v3h-1v17.958h11.567V11.446zm-7.431-3c.33-.647.81-1.205 1.403-1.626h-.002a1.19 1.19 0 0 0 .45-1.24 2.2 2.2 0 0 1-.077-.67.872.872 0 1 1 1.744 0q.014.332-.07.652a1.19 1.19 0 0 0 .446 1.257l-.003.002a4.54 4.54 0 0 1 1.406 1.625zm5.43 2v1h-5.566v-1zm1 16.958h-7.566v-1.979h4v-2h-4v-2h4v-2h-4v-2.032h4v-2h-4v-1.947h7.567z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-baby-changing-room ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="baby-changing-room" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m24.002 16.298-.412-2.827-1.996.288.362 2.534h-5.519v2.044h8.569v-2.039zM11.919 6.682a2.574 2.574 0 1 0-2.571-2.577v.011a2.587 2.587 0 0 0 2.571 2.566m15.856 11.666a1.87 1.87 0 1 0 .182-3.735 1.87 1.87 0 0 0-.182 3.735"/><path fill="#{$fg-color}" d="m14.705 13.75 4.81-1.385-.437-1.942-3.95 1.131-2.638-2.023s.298-.76.373-.962c-.04-.02-5.298-2.272-5.298-2.272l-.12-.056-.074.156-4.282 8.848-.82 1.7c.664.286 2.361 1.003 2.361 1.003s-.065 7.965-.013 11.75v.17h2.185c-.052-3.671.051-7.31 0-10.978l1.893.808c1.032-2.751 2.013-5.374 3.04-8.116l.032-.085zm-7.252 3.042-2.225-.952 3.274-6.766 1.59.681z"/><path fill="#{$fg-color}" d="M29.731 19.496H11.767v2h17.964z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-backpack-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="backpack-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m8.885 2.92 1.458 1.459-2.991 2.99 3.008 2.97-1.453 1.45-2.952-2.95-3.058 3.062-1.475-1.49 3.027-3.028L1.404 4.34l1.468-1.466 3.03 3.03zm21.71 16.116c-.91-.4-2.197-.974-3.131-1.378-.055-.049-.895-4.206-1.264-6.033-.112-.551-.226-1.102-.343-1.67h-2.534V6.492h-8.746v3.461h-2.534c-.117.569-.232 1.12-.343 1.67-.37 1.828-1.21 5.985-1.264 6.034-.934.404-2.222.979-3.132 1.378.015 2.53 0 5.437.011 7.968 0 .036.072-.056.075 0 1.077 0 1.929.015 3.015.015v2.055c2.789-.014 5.667 0 8.545.012 2.878-.013 5.756-.026 8.545-.012v-2.055c1.086 0 1.938-.015 3.014-.015.004-.056.075.036.075 0 .012-2.53-.004-5.437.011-7.968m-20.16 5.733-1.535.003s.01-2.986.007-4.41c0-.012-.001-.007-.002-.008l1.53-.504zM18.95 8.34q1.153-.017 2.312-.018c0 .42-.016 1.222-.016 1.657-.771 0-1.533-.008-2.296-.017-.764.009-1.526.017-2.297.017 0-.435-.015-1.237-.015-1.657.773 0 1.542.009 2.312.017m-5.22 3.712h10.44l.483 2.386c-.555.45-.867.772-1.42 1.252h-.377c-1.263.018-2.593.015-3.906.016-1.313-.001-2.643.002-3.906-.016h-.378c-.552-.48-.864-.802-1.42-1.252zm5.22 14.936c-2.2-.015-6.567-.02-6.567-.02l.061-9.317.264-1.126s1.099.871 1.551 1.24c1.477.017 3.083.015 4.69.013 1.608.002 3.214.004 4.691-.014.453-.368 1.551-1.239 1.551-1.239l.264 1.126.061 9.318s-4.366.004-6.566.019m8.515-2.218v-4.92l1.53.505c-.001.001-.003-.004-.003.008-.003 1.424.008 4.41.008 4.41z"/><path fill="#{$fg-color}" d="M18.95 20.11c-1.19-.008-2.37-.02-3.594-.002 0 .699.009 1.393.009 2.088 1.231-.019 2.406-.013 3.585-.01 1.178-.003 2.353-.009 3.585.01 0-.695.008-1.39.008-2.088-1.223-.017-2.404-.006-3.593.002"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-backpack ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="backpack" fill="none" data-category="objects" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M20.995 19.5h-10v2h10z"/><path fill-rule="evenodd" d="m26.995 16.009 3.027 2.154-.025 10.378-3.001-.009V30.5h-22v-2.032l-3.018-.009.026-10.376 2.991-2.124V15.5l2-10h4v-4h10v4h4l2 10zm-8-12.509h-6v2h6zm5.229 8.341L23.356 7.5H8.635l-.871 4.355L9.909 14h11.724zM4.002 19.118l-.019 7.347 1.013.003v-8.056zM6.995 28.5h18V15.699l-.325-1.626L22.357 16H9.081l-1.789-1.789-.297 1.487zm20.001-1.968 1.006.003.019-7.343-1.025-.729z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-ball-sports ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="ball-sports" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m22.502 26.6-1.1-1.1a3 3 0 0 1-.2-.2v-4.1h1.3l-.7-10c.4.4.662.722 1 1.1.334.372.7.8 1 1.2.064 1.227.064 2.468.1 3.8v.2h2.1l-.036-1.6c-.017-1.003-.043-2.057-.064-3.2-.14-.183-.3-.4-.4-.5-.5-.5-.9-1.1-1.4-1.6-.4-.5-.9-1-1.4-1.6-.3-.4-.7-.8-1-1.2h-5.4c-.4 4.5-.8 8.9-1.1 13.4l.9.1c-.076.13-.098.193-.162.322-.5.9-.937 1.877-1.437 2.777l-.6 1.2v4.6h2v-3.9c-.008-.118 0-.2 0-.3l1.5-2.7 1-2h1v4.8l.8.8 3.2 3.2 1.2-1.4-.7-.7c-.452-.448-.9-.9-1.4-1.4m-5.1-7.4.7-9.4h1.6l.7 9.4zm1.3-12.499c1.3 0 2.4-1.1 2.4-2.4s-1.1-2.3-2.4-2.3-2.4 1.1-2.4 2.3c0 1.3 1.1 2.4 2.4 2.4m-7.981 9.077a3.12 3.12 0 0 0-2.39-.315 3.13 3.13 0 0 0-1.911 1.467 3.153 3.153 0 0 0 1.152 4.3 3.149 3.149 0 0 0 3.148-5.453m-.58 3.3a1.14 1.14 0 0 1-.698.534 1.15 1.15 0 1 1-.295-2.257c.199 0 .396.052.572.155.266.153.456.4.535.697s.039.606-.115.871"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-balloons ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="balloons" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M7.474 2a5.31 5.31 0 0 0-5.172 4.096l-.14.596a6.1 6.1 0 0 0 .896 4.822l4.955 7.268 1.26-1.682 1.6 1.2-1.26 1.682a2 2 0 0 1-3.253-.074l-4.955-7.267a8.1 8.1 0 0 1-1.19-6.407l.14-.596A7.31 7.31 0 0 1 7.474 0h1v2zm15 0a5.31 5.31 0 0 1 5.172 4.096l.14.596a6.1 6.1 0 0 1-.896 4.822l-4.955 7.268-1.261-1.682-1.6 1.2 1.261 1.682a2 2 0 0 0 3.252-.074l4.956-7.267a8.1 8.1 0 0 0 1.19-6.407l-.14-.596A7.31 7.31 0 0 0 22.472 0h-1v2h1Z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M13.64 19h2.667l.667 3h-4zm7 0h2.667l.667 3h-4zm-14 0h2.667l.667 3h-4z"/><path fill="#{$fg-color}" fill-rule="evenodd" d="m14.974 17.763 4.758-6.056C22.813 7.785 20 2 14.974 2s-7.84 5.785-4.758 9.707zm-.787 2.236a1 1 0 0 0 1.573 0l5.545-7.056C25.429 7.693 21.649 0 14.974 0S4.519 7.694 8.643 12.943zm-7.189.784 1.952.434-.952 4.283.952 4.283-1.952.434L5.949 25.5zm14 0 1.952.434-.952 4.283.952 4.283-1.952.434-1.049-4.717zm-5.048 0-1.952.434.951 4.283-.951 4.283 1.952.434 1.048-4.717z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bath ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bath" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M.63 16.33h.024q.01.69 0 1.384H.63zm30.717.074a.02.02 0 0 1 .022 0v1.113q-.009-.003-.02-.002z"/><path fill="#{$fg-color}" d="M31.35 17.515q.01-.001.02.002v1.038l-.027-.003.002-.148zM9.897 2.345a.02.02 0 0 0 .002.022L9.2 2.364a.015.015 0 0 1 .004-.019zM.63 17.715l.024-.002.002.595H.63z"/><path fill="#{$fg-color}" d="M9.081 2.364h.12l.698.003c1.323.04 2.601.49 3.656 1.291a4.6 4.6 0 0 1 1.689 2.485c.086.317.135.644.144.973.004.122.005.122.13.122h1.693c.109 0 .107-.014.107.107v2.05c0 .106-.002.107-.11.107h-5.707c-.104 0-.105 0-.105-.11V7.34c0-.116-.005-.103.11-.103h1.68a.26.26 0 0 0 .136-.014 2.42 2.42 0 0 0-.649-1.571c-.427-.461-.97-.8-1.57-.982a5.1 5.1 0 0 0-1.983-.233 4.7 4.7 0 0 0-1.627.403 3.2 3.2 0 0 0-1.368 1.134c-.168.26-.289.546-.357.848a3.5 3.5 0 0 0-.09.817q.006 2.26.008 4.521l.007 4.052v.012c0 .119-.002.103.11.103a1373 1373 0 0 0 6.312.005 2748 2748 0 0 1 4.941.01c.143 0 .125 0 .125-.13v-1.21c0-.123-.012-.112.112-.112h7.795c.153 0 .133-.019.134.128v1.285c0 .1.001.1.1.1l3.841-.002 2.014-.003a.5.5 0 0 1 .17.005l.003 1.11-.005.89-.002.148-.926.004h-.087c-.037-.003-.051.014-.05.05q.002.05 0 .1c0 1.053.02 2.108-.005 3.162a6.1 6.1 0 0 1-3.175 5.249 5.5 5.5 0 0 1-1.848.61c-.241.034-.483.046-.725.06a.12.12 0 0 0-.08.018l.71 1.74c-.087.008-.162.018-.238.021-.493.021-.987.038-1.48.062a.135.135 0 0 1-.152-.101c-.238-.542-.482-1.08-.72-1.622a.164.164 0 0 0-.18-.12c-.333.008-.667.003-1 .003H9.44c-.09-.015-.137.02-.177.106-.246.524-.5 1.045-.75 1.567a.8.8 0 0 0-.073.168c-.032.037-.075.024-.115.024h-.158a8 8 0 0 0-.53-.028c-.307-.008-.615-.018-.945-.028l.827-1.818c-.2-.026-.39-.044-.58-.077a5.5 5.5 0 0 1-2.134-.846 6.04 6.04 0 0 1-2.565-3.672 6 6 0 0 1-.178-1.515q.003-1.605 0-3.212c0-.154.024-.14-.135-.14H.79a.4.4 0 0 1-.134-.01l-.002-.593q.01-.693 0-1.384a.13.13 0 0 1 .094-.017l2.482.01.346.001c.045.001.07-.013.067-.062q-.002-.038 0-.075l-.006-5.371-.007-2.729c0-.222-.007-.444-.003-.667a4.7 4.7 0 0 1 .94-2.826 5.35 5.35 0 0 1 2.1-1.652 6.4 6.4 0 0 1 1.704-.501 9 9 0 0 1 .71-.077m7.09 23.258h8.265a3.44 3.44 0 0 0 1.587-.385 3.92 3.92 0 0 0 2.085-3.41c.017-1.054.005-2.109.005-3.163v-.05c.003-.042-.018-.057-.06-.055a4 4 0 0 1-.184.005l-2.495.007c-.178 0-.151-.017-.152.15v5.362c0 .156.023.134-.139.134h-7.757c-.145 0-.145 0-.145-.14V18.43c.01-.067-.02-.084-.084-.084-.168.002-.337-.004-.506-.005a879 879 0 0 0-3.693-.009l-5.126-.002-1.99-.003H4.338c-.122 0-.109-.014-.109.115q-.002 1.63 0 3.261c-.01.787.218 1.559.652 2.215a3.56 3.56 0 0 0 3.114 1.703zm6.89-6.065v-2.372c0-.156.02-.136-.138-.136H19.49q-.038.001-.074-.001c-.053-.005-.074.015-.072.07.003.119 0 .238 0 .357v4.46c0 .143-.007.126.127.126h3.484c.11 0 .11.008.108-.107v-2.397"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bed ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bed" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M31.36 22.47v.025c-.061.034-.03.092-.03.137q-.003 1.764-.002 3.529c0 .164.012.146-.143.146h-1.867c-.114 0-.114.001-.115.109v2.91a.5.5 0 0 1-.008.154l-2.087-.001q-.005-.07-.006-.141v-2.861c0-.17 0-.17-.17-.17H5.154a1 1 0 0 1-.09 0c-.066-.01-.083.023-.076.081v2.19l.004.928H2.878l.002-3.105v-.026c.005-.047-.01-.074-.063-.068H.833c-.172 0-.16.032-.16-.155q0-1.707-.003-3.414a.85.85 0 0 0-.029-.404c-.004-.008.004-.024.01-.034a.26.26 0 0 0 .02-.15l.002-1.701c0-.167-.02-.147.14-.147.352-.001.705-.004 1.057.002a.19.19 0 0 0 .185-.102q.496-.75 1.001-1.497a.44.44 0 0 0 .079-.262q-.003-7.854-.002-15.708a.6.6 0 0 1 .03-.215h24.796l.102-.002c.05.014.087.034.075.097l-.003 15.549a.37.37 0 0 0 .084.245q.705.903 1.403 1.812a.19.19 0 0 0 .172.082q.695-.003 1.391-.002h.09c.037 0 .057.014.055.053v.09l.001 1.868c0 .054-.018.113.031.158m-5.355-6.92.023-.008V4.772c0-.164 0-.164-.16-.164H5.405a1 1 0 0 1-.09-.001c-.067-.01-.083.024-.076.082V15.28a.18.18 0 0 0 .02.12q.06-.084.11-.16.492-.731.978-1.467a.17.17 0 0 1 .166-.088q.76.01 1.52.013c.187 0 .187 0 .187-.18V9.9c0-.11-.015-.116.11-.114h5.902c.148 0 .148 0 .148.151v3.672c0 .12 0 .12.116.12l1.791.005c.142 0 .121.016.123-.124V9.95c0-.119-.015-.112.108-.112h5.94c.124 0 .11-.007.111.11v3.673q.002.045 0 .09c-.002.04.016.054.053.052q.045-.002.09 0l1.817.012a.19.19 0 0 1 .17.087c.13.176.266.347.4.52zM4.648 20.228c7.431.03 14.857.09 22.302.071-.037-.052-.063-.09-.091-.126l-.938-1.211-2.302-2.974a.17.17 0 0 0-.15-.079l-.09-.002q-.682-.006-1.365-.009c-1.872 0-3.745-.014-5.617-.024-1.851-.01-3.702-.011-5.553-.026-1.057-.01-2.113-.005-3.17-.01a.18.18 0 0 0-.175.095q-1.395 2.093-2.794 4.185a.24.24 0 0 0-.057.11m11.348 2.217v-.004H2.928c-.12 0-.112-.011-.112.11v1.443c0 .174 0 .174.179.174h26.084c.116 0 .11.005.11-.114v-1.507c.004-.046-.022-.06-.062-.06h-.065c-.67-.006-1.34-.015-2.01-.016-1.825-.001-3.65-.015-5.476-.024-1.86-.01-3.72-.002-5.58-.002m-4.695-8.894q.476-.001.952.002c.06 0 .081-.017.08-.08q-.003-.778 0-1.557c0-.067-.02-.088-.087-.088l-1.879.001c-.089 0-.09.002-.09.094q0 .773-.002 1.544c0 .069.02.086.086.086q.47-.003.94-.002m8.176.004h.927c.114 0 .108.012.108-.1v-1.467c0-.11.005-.108-.103-.107h-1.84c-.1 0-.102.001-.102.096l-.002 1.493c0 .066.016.088.085.087q.464-.004.927-.002"/><path fill="#{$fg-color}" d="M3.162 2.52v-.026H28.06v.024l-.102.001H3.303zm26.033 26.96v.026h-2.088l.001-.027z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-beehive ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="beehive" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M28 3H4v2h24zm-3 21H7v2h18zm-6-7h-6v2h6z"/><path fill="#{$fg-color}" d="M7 23h18V6H7zM9 8h14v13H9zm1 19H7v2h3zm15 0h-3v2h3z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bicycle-parking ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bicycle-parking" fill="none" data-category="travel" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_25028_16653)"><path d="M25.502 18.999a6.5 6.5 0 0 0-1.474.174l-2.152-6.121 2.935-.734-.484-1.94-5.065 1.266 1.046 2.976-10.792 1.594 5.002 8.28h-1.602a6.5 6.5 0 1 0 .002 2h4.823l3.044-9.923.198-.029 1.19 3.382a6.491 6.491 0 1 0 3.33-.925m-19 11a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9m9.96-6.155-3.679-6.091 5.811-.858zm9.04 6.155a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9m-13.501-18h-6v2h6z"/><path d="M6.502 26.999a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m19 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M16 3.166 31.223 9.6 32 7.763 16 1 0 7.763.776 9.6z"/></g><defs><clipPath id="clip0_25028_16653"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bicycle-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bicycle-prohibited" fill="none" data-category="travel" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_25028_16651)"><path d="M25.5 19q-.746.003-1.474.174l-2.152-6.121 2.935-.734-.484-1.94-5.065 1.266 1.046 2.976-10.792 1.594 5.002 8.28h-1.602a6.498 6.498 0 1 0 .002 2h4.823l3.044-9.923.198-.029 1.189 3.382A6.49 6.49 0 1 0 25.5 19m-19 11a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9m9.96-6.155-3.679-6.091 5.811-.858zM25.5 30a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9M12 12H6v2h6z"/><path d="M6.5 27a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m19 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M5.469 9.915l3.543-3.543 3.543 3.543 1.414-1.414-3.543-3.543 3.543-3.543L12.555 0 9.012 3.543 5.469 0 4.054 1.415l3.543 3.543-3.543 3.543z"/></g><defs><clipPath id="clip0_25028_16651"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bicycle-service ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bicycle-service" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M22.255 28.926V18.775l.017.001a2 2 0 1 0 0-4l-.017.002v-1.852H20.22V3h4V1h-10v2h4v9.926h-2v1.788a4.01 4.01 0 0 0-4.04 3.159l-.01.068.002 6.063c.011.29-.08.575-.258.805a1.07 1.07 0 0 1-.793.247 1.1 1.1 0 0 1-.824-.26 1.3 1.3 0 0 1-.297-.849V9.121H6v2h2l.001 12.792a3.3 3.3 0 0 0 .852 2.266 3.03 3.03 0 0 0 2.268.877 2.96 2.96 0 0 0 2.26-.889 3.2 3.2 0 0 0 .789-2.22v-5.84c.074-.317.447-1.26 2.05-1.398v12.217h-3v2h12.035v-2zm-4.035 0v-14h2.035v14z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bicycle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bicycle" fill="none" data-category="travel" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_25028_16650)"><path d="M25.5 13.621q-.746.003-1.474.174l-2.152-6.121 2.935-.734L24.325 5 19.26 6.266l1.046 2.976-10.792 1.594 5.002 8.28h-1.602a6.498 6.498 0 1 0 .002 2h4.823l3.044-9.923.198-.029 1.189 3.382a6.49 6.49 0 1 0 3.33-.925m-19 11a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9m9.96-6.155-3.679-6.091 5.811-.858zm9.04 6.155a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9m-13.5-18H6v2h6z"/><path d="M6.5 21.621a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m19 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"/></g><defs><clipPath id="clip0_25028_16650"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-books ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="books" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.529 23.583H9.512V5.543h6.017zM11.463 7.505v14.018h2.098V7.505zM29.84 20.562l-5.32 2.812-8.01-15.149 5.32-2.812zM19.152 9.048 25.28 20.64l1.855-.98-6.129-11.592zM8.448 23.57H2.53V5.543h5.917V23.57Zm-1.965-1.95V7.5H4.48v14.12zm24.067 2.971v1.996H1.45V24.59h29.1Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-boys-shower ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="boys-shower" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.349 14.667a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m5.028 11.143-1.132-9.255h-7.792l-1.132 9.255 2.028.175V32h2v-6.78h2V32h2v-6.015zm-7.725-2.59.57-4.665h4.254l.57 4.666z"/><path fill="#{$fg-color}" d="m7.637 9.797-.007-4.52q-.003-.415.09-.818c.068-.301.188-.588.356-.847a3.2 3.2 0 0 1 1.369-1.135 4.7 4.7 0 0 1 1.627-.403 5.1 5.1 0 0 1 1.982.233 3.55 3.55 0 0 1 1.57.982c.4.428.63.986.65 1.571a.26.26 0 0 1-.136.014h-1.68c-.115 0-.11-.013-.11.103v2.05c0 .11 0 .112.105.112h5.707c.108 0 .109-.001.109-.107V4.98c0-.12.002-.106-.106-.106H17.47c-.126 0-.127 0-.13-.122a4.2 4.2 0 0 0-.145-.974 4.6 4.6 0 0 0-1.689-2.484A6.36 6.36 0 0 0 11.85.003L11.152 0h-.12a9 9 0 0 0-.71.077A6.4 6.4 0 0 0 8.618.58a5.35 5.35 0 0 0-2.1 1.651 4.7 4.7 0 0 0-.94 2.827c-.003.222.003.444.004.666l.01 4.705V31.92h2.049z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-boys-toilet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="boys-toilet" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 10.694a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m5.028 11.143-1.132-9.255h-7.792l-1.132 9.255 2.028.175v6.015h2v-6.78h2v6.78h2v-6.015zm-7.725-2.59.57-4.665h4.254l.57 4.666z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-brain-heart ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="brain-heart" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.635 2.748c1.75-.839 3.808-.3 5.042 1.134 1.693.068 3.244.488 4.53 1.435q2.01 1.48 2.844 4.452c.743.573 1.284 1.292 1.574 2.162.287.862.304 1.8.11 2.785.695 1.32.835 2.592.532 3.726-.26.974-.824 1.77-1.508 2.36.092 1.073-.227 2.088-.731 2.907a5.3 5.3 0 0 1-1.705 1.722l.708 3.227-1.953.429-1.072-4.879.854-.284c.49-.164 1.065-.615 1.465-1.263.163-.267.287-.548.363-.836-.924.172-1.729.118-2.445-.114-1.023-.33-1.731-.985-2.25-1.504l1.414-1.414c.48.48.907.84 1.45 1.015.44.142 1.054.194 1.966-.07l.299-.198c.587-.391 1.037-.953 1.213-1.613.17-.639.116-1.487-.516-2.54l-.213-.355.1-.402c.218-.87.196-1.544.021-2.067-.17-.51-.513-.964-1.105-1.359l-.322-.214-.094-.375c-.459-1.835-1.23-2.984-2.186-3.688-.963-.71-2.231-1.055-3.844-1.055h-.535l-.297-.445c-.552-.828-1.491-1.199-2.347-1.036l.019.058C16.646 4.905 15.7 5.664 15.7 7h-2c0-1.207.42-2.121 1.033-2.811-.744-.197-1.42-.232-2.034-.14-.999.15-1.937.651-2.816 1.53l-.364.364-.507-.084c-1.316-.22-2.253.024-2.843.487-.364.286-.664.71-.836 1.304a5 5 0 0 1 .378-.032c1.117-.056 2.292.257 3.201 1.18l-1.425 1.404c-.427-.434-1.001-.62-1.676-.587-.651.033-1.351.273-1.952.65-.672.62-.956 1.539-.831 2.477.161 1.213 1.01 2.393 2.588 2.788l.758.19v.78c0 1.752.351 2.858.864 3.58.504.709 1.25 1.168 2.297 1.454 1.068.292 2.384.386 3.938.397.77.006 1.582-.009 2.435-.025l.124-.002a131 131 0 0 1 2.523-.032h.468l5.3 6.36-1.537 1.28-4.698-5.638c-.684.004-1.358.017-2.023.03l-.12.002a96 96 0 0 1-2.487.025c-1.59-.011-3.12-.104-4.45-.468-1.35-.369-2.554-1.034-3.4-2.224-.73-1.027-1.127-2.352-1.215-4.004a5.27 5.27 0 0 1-3.348-4.23c-.236-1.778.453-3.688 2.157-4.744.123-1.456.699-2.676 1.731-3.488 1.044-.82 2.413-1.11 3.903-.955 1.038-.928 2.227-1.546 3.567-1.747 1.348-.202 2.766.03 4.232.677"/><path fill="#{$fg-color}" d="M12.907 10.95a2.415 2.415 0 0 0 0 3.415l3.95 3.949 3.948-3.95a2.415 2.415 0 1 0-3.415-3.415l-.534.534-.533-.534a2.4 2.4 0 0 0-3.416 0Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-brain-signal ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="brain-signal" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M18.284 2.351c1.276-.032 2.535.533 3.394 1.531 1.692.068 3.244.488 4.53 1.435q2.009 1.48 2.843 4.452c.743.573 1.285 1.292 1.574 2.162.288.862.305 1.8.111 2.785.695 1.32.834 2.592.532 3.726-.256.959-.807 1.745-1.477 2.333l.06.161-.08.03c.047 1.012-.264 1.966-.743 2.743a5.3 5.3 0 0 1-1.705 1.722l.709 3.227-1.954.429-1.071-4.879.853-.284c.49-.164 1.066-.615 1.465-1.263a2.95 2.95 0 0 0 .437-1.245 4.6 4.6 0 0 1-1.719-.205c-1.023-.33-1.731-.985-2.25-1.504l1.414-1.414c.481.48.907.84 1.451 1.015.413.134.979.187 1.8-.024.421-.365.737-.83.878-1.357.17-.639.115-1.487-.517-2.54l-.213-.355.1-.402c.218-.87.196-1.544.022-2.067-.17-.51-.514-.964-1.106-1.359l-.322-.214-.094-.375c-.458-1.835-1.23-2.984-2.185-3.688-.963-.71-2.232-1.055-3.844-1.055h-.535l-.297-.445c-.63-.943-1.761-1.293-2.7-.936-.709.46-1.145 1.102-1.145 2.009h-2c0-.883.226-1.61.587-2.207-.885-.287-1.677-.35-2.387-.244-1 .15-1.937.651-2.816 1.53l-.364.364-.508-.084c-1.315-.22-2.253.024-2.842.487a2.36 2.36 0 0 0-.7.927 5.5 5.5 0 0 1 1.042-.155c1.116-.056 2.292.257 3.2 1.18L8.288 9.702c-.426-.434-1-.62-1.676-.587a4 4 0 0 0-1.434.37v.031l-.435.198a5 5 0 0 0-.187.118l-.017-.025c-1.153.551-1.67 1.726-1.51 2.935.162 1.213 1.011 2.393 2.589 2.788l.757.19v.78c0 1.752.351 2.858.865 3.58.503.709 1.249 1.168 2.296 1.454 1.069.292 2.384.386 3.938.397a93 93 0 0 0 2.435-.025l.124-.002a131 131 0 0 1 2.523-.032h.469l5.3 6.36-1.537 1.28-4.699-5.638c-.684.004-1.358.017-2.023.03l-.119.002c-.85.016-1.686.031-2.487.025-1.59-.011-3.121-.104-4.451-.468-1.35-.369-2.553-1.034-3.4-2.224-.73-1.027-1.126-2.352-1.215-4.004a5.27 5.27 0 0 1-3.347-4.23c-.237-1.778.452-3.688 2.156-4.744.124-1.456.7-2.676 1.732-3.488 1.044-.82 2.412-1.11 3.903-.955 1.037-.928 2.227-1.546 3.566-1.747 1.348-.202 2.766.03 4.232.677q.071-.034.142-.065c.466-.275.953-.48 1.407-.632l.1.3Z"/><path fill="#{$fg-color}" d="m17.358 7.413 2.053 7.186.643-1.425H24.7v2h-3.354L18.989 20.4l-1.947-6.814-1.662 4.156-1.772-2.953-1.297 1.728-1.356-1.344H8.7v-2h3.078l.31.308 1.704-2.272 1.228 2.047 2.338-5.844Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-brain ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="brain" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M21.393 3.847a4.32 4.32 0 0 0-3.347-1.502c-.75.067-1.078.15-1.487.325l-.14.064c-1.445-.635-2.844-.863-4.173-.664-1.321.197-2.494.803-3.517 1.714-1.47-.152-2.82.133-3.85.938-1.018.796-1.586 1.994-1.708 3.422-1.68 1.037-2.36 2.911-2.126 4.657.231 1.732 1.359 3.392 3.301 4.15.087 1.621.478 2.921 1.199 3.93.834 1.168 2.02 1.82 3.352 2.183 1.312.356 2.822.447 4.39.459.79.006 1.615-.01 2.453-.025l.118-.002q.982-.021 1.995-.03L22.487 29l1.515-1.256-5.227-6.242h-.462c-.852 0-1.688.016-2.488.031l-.122.002a95 95 0 0 1-2.402.025c-1.533-.011-2.83-.103-3.883-.39-1.034-.28-1.769-.731-2.265-1.426-.507-.709-.853-1.795-.853-3.514v-.766l-.747-.186C3.997 14.89 3.159 13.733 3 12.542c-.159-1.187.351-2.34 1.489-2.88l.016.024q.09-.06.185-.116l.429-.194v-.03c.46-.21.95-.34 1.415-.363.665-.033 1.232.15 1.653.575l1.405-1.377c-.896-.906-2.055-1.213-3.156-1.159q-.521.027-1.029.152c.173-.394.413-.692.69-.909.582-.454 1.507-.693 2.805-.478l.5.083.36-.357c.866-.863 1.79-1.355 2.777-1.502.7-.105 1.481-.043 2.354.24-.357.585-.58 1.298-.58 2.165h1.973c0-.89.43-1.52 1.13-1.972.926-.35 2.042-.007 2.662.92l.293.436h.528c1.59 0 2.841.34 3.791 1.036.942.69 1.703 1.817 2.156 3.618l.092.368.317.21c.584.388.924.834 1.091 1.335.172.512.194 1.173-.021 2.027l-.1.395.211.348c.623 1.034.677 1.867.51 2.493a2.7 2.7 0 0 1-.866 1.332c-.81.207-1.368.155-1.775.024-.537-.173-.957-.525-1.431-.997l-1.395 1.388c.512.51 1.21 1.152 2.22 1.477a4.6 4.6 0 0 0 1.695.2c-.042.42-.194.838-.431 1.222-.394.636-.962 1.079-1.445 1.24l-.842.278 1.057 4.788 1.927-.42-.7-3.167a5.2 5.2 0 0 0 1.682-1.69c.472-.763.78-1.7.732-2.692l.08-.03-.06-.158c.661-.577 1.205-1.348 1.457-2.289.298-1.113.16-2.362-.524-3.657.19-.966.174-1.887-.11-2.733-.285-.853-.82-1.56-1.552-2.121q-.824-2.917-2.805-4.37c-1.268-.93-2.798-1.342-4.467-1.408"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-briefcase ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="briefcase" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.88 7.89h-7V2.73H9.36v5.16H1.87v7.72l1 .32v10.86h26V16l1-.31zM11.36 4.73h9.53v3.16h-9.53zM3.87 9.89h24v4.33L15.71 18 3.87 14.15zM27 25H4.73v-8.47l11 3.53L27 16.58z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bulb ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bulb" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M10.169 2.377C11.868 1.423 13.842 1 16.012 1s4.144.423 5.843 1.377c1.706.958 3.078 2.42 4.084 4.401 1.539 3.032 1.228 5.892.182 8.472-.908 2.24-2.402 4.336-3.725 6.193l-.324.455v7.439L16 31l-5.59-1.682v-7.393q-.168-.214-.342-.43c-1.452-1.827-3.08-3.875-4.08-6.101-1.155-2.575-1.506-5.458.097-8.616 1.006-1.981 2.378-3.443 4.084-4.4m.91 1.635c-1.35.758-2.476 1.93-3.332 3.616-1.29 2.544-1.035 4.819-.058 6.997.896 1.995 2.367 3.848 3.838 5.701l.267.337h3.831q.069-.072.15-.162c.243-.27.55-.645.82-1.08.572-.921.81-1.821.445-2.553a5 5 0 0 0-.161-.298 4 4 0 0 1-.259.37c-.292.371-.68.714-1.182.894-.521.187-1.075.166-1.623-.04-1.078-.405-1.908-1.138-1.924-2.186-.016-.985.71-1.704 1.444-2.053.763-.363 1.747-.455 2.722-.101.16-.715.262-1.437.325-2.014a22 22 0 0 0 .09-1.044l.003-.058v-.016l.933.041.932.042v.008l-.002.02-.004.07q-.004.09-.016.255a24 24 0 0 1-.081.887c-.08.724-.22 1.694-.46 2.64q-.034.137-.072.277a6 6 0 0 1 1.004 1.469c.821 1.649.125 3.324-.531 4.382q-.08.128-.162.25h2.642l.22-.31c1.34-1.882 2.695-3.788 3.515-5.81.9-2.22 1.114-4.49-.117-6.915-.855-1.686-1.98-2.858-3.332-3.616-1.358-.763-3.001-1.14-4.932-1.14s-3.574.377-4.932 1.14m1.198 20.396v-1.873h7.93v1.873zm0 1.873v1.644l3.747 1.127 4.182-1.145V26.28zm2.88-10.503q.172-.219.325-.54l-.03-.012c-.508-.194-.988-.136-1.318.021-.304.145-.363.296-.375.33.024.057.148.252.711.464.185.07.282.05.34.03.076-.027.196-.102.347-.293" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bullseye ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bullseye" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m26.44 8.62-1.58-.08.53-.54 3 .11V6.73l-2.8-.14-.14-2.81L24 3.76l.1 2.7-.53.54-.07-1.33h-1.38l.09 2.54a10.76 10.76 0 1 0 1.72 1.72l2.53.09zM15.54 25.3a8.729 8.729 0 0 1-6.08-15.027 8.73 8.73 0 0 1 11.42-.583l-1.48 1.48a6.54 6.54 0 0 0-3.86-1.25 6.68 6.68 0 1 0 5.3 2.64l1.47-1.48a8.711 8.711 0 0 1-6.77 14.22m4.66-8.73a4.661 4.661 0 1 1-4.66-4.65 4.6 4.6 0 0 1 2.41.69l-2 2.06q-.18-.015-.36 0a1.94 1.94 0 1 0 1.94 1.94 2 2 0 0 0-.09-.56l2-2c.49.75.753 1.625.76 2.52"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-bus ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="bus" fill="none" data-category="travel" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M11 22.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M22.5 24a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"/><path d="m26.835 7-.988-6H6.153l-1 6H2v7h2V9h1.013L5 31h4.781l1-4H21.22l.999 4H27V9h1v5h2V7zM7 20h18v5H7zm0-2V9h18v9zM24.153 3l.666 4H7.181l.667-4zM8.219 29H7v-2h1.719zm15.562 0-.501-2H25v2z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cafe ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cafe" fill="none" data-category="food" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="m11.412 9.291 1.371 2.695 1.782-.907-.995-1.957 1.308-4.021-1.35-2.654-1.782.907.974 1.916zm4.803 0 1.371 2.695 1.783-.907-.996-1.957 1.309-4.021-1.351-2.654-1.782.907.974 1.916zM3 27h26v2H3z"/><path fill-rule="evenodd" d="M5 15v-1h24v5l-2-.054v-3L25.1 16c-.504 5.089-4.807 9.076-10.025 9.076C9.52 25.076 5 20.556 5 15m2.062 1c.494 3.983 3.899 7.076 8.013 7.076s7.519-3.093 8.014-7.076z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-calendar ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M21 22a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/><path d="M25 2v3h4v25H3V5h4V2h2v3h14V2zm2 9V7H5v4zM5 13v15h22V13z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-camera-surveillance-CCTV ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="camera-surveillance-CCTV" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m29.947 12.26-4.587 8.132-11.076-6.41q-.271.288-.54.57l-3.34 3.474a.44.44 0 0 1-.351.143q-2.76-.007-5.52-.003H4.25v12.6H2.053V1.234h2.181v14.71h.25c1.542 0 3.084.002 4.627-.005a.5.5 0 0 0 .318-.113c.943-.968 1.876-1.946 2.812-2.92a1 1 0 0 0 .051-.075L6.55 9.505l4.578-8.26zm-6.512-1.23L11.957 4.312 9.546 8.667l11.527 6.67zm-.447 5.416 1.552.896 2.401-4.259-1.598-.935z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-camera ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="camera" fill="none" data-category="objects" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M28 13.125a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-12-3a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15m0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11"/><path d="M9.382 3.625h13.236l2 4H32v21H0v-21h7.381zm11.999 2H10.618l-2 4H2v17h28v-17h-6.618z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-campfire-site ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="campfire-site" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M21.622 12.604a7.5 7.5 0 0 1-.29 2.024 5.28 5.28 0 0 1-3.111 2.967 4.02 4.02 0 0 1-3.682-1.165 3.57 3.57 0 0 1-.567-3.633q.136-.373.34-.713s2.28-3.027 2.527-5.037a4.7 4.7 0 0 0-.56-2.528 5.7 5.7 0 0 1-.287 1.482c-.64 1.828-3.922 3.842-3.922 3.842a6.44 6.44 0 0 0-2.865 3.978 5.86 5.86 0 0 0 1.47 5.64c.006.005.006.014.011.02a23.2 23.2 0 0 0 5.246 4.02 23 23 0 0 0 5-3.786 6.3 6.3 0 0 0 1.621-4.072 6 6 0 0 0-.002-.51 4.57 4.57 0 0 0-.93-2.529m-9.294-8.126c.256.262.549.486.869.666.344-.194.656-.439.925-.728a.8.8 0 0 0 .171-.574q.002-.04 0-.084a.76.76 0 0 0-.154-.42q.005.173-.048.336a.69.69 0 0 1-.515.491.64.64 0 0 1-.61-.193.59.59 0 0 1-.094-.601q.07-.166.186-.303c.16-.182.262-.408.289-.65A.8.8 0 0 0 13.253 2a1 1 0 0 1-.047.245c-.107.221-.28.404-.494.523a1.27 1.27 0 0 0-.63.772.97.97 0 0 0 .243.934z"/><path fill="#{$fg-color}" d="M23.744 7.187a1.87 1.87 0 0 0-.38-1.035c.007.28-.033.56-.119.828a1.71 1.71 0 0 1-1.274 1.215 1.59 1.59 0 0 1-1.507-.477 1.46 1.46 0 0 1-.232-1.487c.114-.271.269-.524.459-.749a2.9 2.9 0 0 0 .715-1.605 1.94 1.94 0 0 0-.23-1.034q-.017.31-.117.606c-.265.546-.69.996-1.22 1.292a3.14 3.14 0 0 0-1.558 1.909 2.4 2.4 0 0 0 .602 2.308l.004.009a9.5 9.5 0 0 0 2.147 1.646 9.4 9.4 0 0 0 2.288-1.8c.317-.4.468-.908.423-1.417 0-.067.003-.136-.001-.209M12.92 26.106l2-1.155-3.664-2.116-.007-.006a1 1 0 1 0-1 1.732v.002zm9.039-2.911a1 1 0 0 0-1.366-.366l-.007.006-10.385 5.996.005.008a.99.99 0 0 0 .989 1.712l.006.012 4.717-2.724 4.723 2.724.006-.012a.99.99 0 0 0 .989-1.712l.005-.008-.042-.024-.006-.006-.009-.003-3.666-2.114 3.675-2.122v-.001a1 1 0 0 0 .366-1.366"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-camping ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="camping" data-category="places" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.2314 2.46094L17.126 6.51562L28.7959 29H31V31H1V29H3.2041L14.873 6.51562L12.7686 2.46094L14.5439 1.53906L16 4.34473L17.4561 1.53906L19.2314 2.46094ZM5.45801 29H9.75781L16 16.5723L22.2422 29H26.542L16 8.68652L5.45801 29ZM11.9961 29H20.0039L16 21.0273L11.9961 29Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-car ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="car" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M28.474 18.577a3.13 3.13 0 0 0-1.927-2.883l-1.856-6.576a3.54 3.54 0 0 0-3.489-2.662h-10.11a3.56 3.56 0 0 0-3.484 2.642l-1.93 6.513a3.13 3.13 0 0 0-2.152 2.966v8.847h.995v4.09h4.74l1.092-4.09h11.379l1.067 4.09h4.674v-4.09h1v-8.847ZM5.526 25.424v-6.847a1.12 1.12 0 0 1 1.121-1.12h18.706a1.123 1.123 0 0 1 1.12 1.12v6.847H5.527ZM9.53 9.655l.007-.025a1.564 1.564 0 0 1 1.556-1.174h10.11a1.57 1.57 0 0 1 1.548 1.146l1.652 5.854H7.81zM7.725 29.514H6.521v-2.09h1.762zm17.748 0h-1.13l-.544-2.09h1.674z"/><path fill="#{$fg-color}" d="M8.997 22.473a1.524 1.524 0 1 0 0-3.048 1.524 1.524 0 0 0 0 3.048m13.989 0a1.524 1.524 0 1 0 0-3.048 1.524 1.524 0 0 0 0 3.048"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-character-exclamation-mark ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="character-exclamation-mark" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m14.5 7 .4 12h2.2l.4-12zm-.501 16c0 1.119.857 2 2 2s2-.881 2-2c0-1.12-.857-2-2-2s-2 .88-2 2"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-character-information ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="character-information" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17.2 13h-2.4v12h2.4zm-3.1-3.9c0 1.063.814 1.9 1.9 1.9s1.9-.837 1.9-1.9-.814-1.9-1.9-1.9-1.9.837-1.9 1.9"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-charging-point ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="charging-point" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M14.79 7.461c.109.19.18.4.21.618v2.094A3 3 0 0 0 13.01 13H14v2h1v-2h2v2h1v-2h.98A3 3 0 0 0 17 10.178V8.033l-.002-.064A3.097 3.097 0 0 0 13.878 5H0v2h13.874a.94.94 0 0 1 .915.461M16 17.81a4 4 0 1 0 0 8 4 4 0 0 0 0-8m-1.5 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2m3 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-check-big ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="check-big" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m11.68 25-2.55-2.66L4 17.02l1.9-2.03 5.78 6L25.09 7 27 9.01 14.23 22.34z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-check-box-checked ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="check-box-checked" fill="none" data-category="ui" viewBox="0 0 24 24"><path fill="#{$fg-color}" d="M1 1h22v22H1z"/><path stroke="#2A2859" stroke-width="2" d="M1 1h22v22H1z"/><path fill="#fff" fill-rule="evenodd" d="m17.778 9.16-7.28 7.281-4.28-4.28 1.06-1.061 3.22 3.22 6.22-6.22z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-check-box-unchecked ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="check-box-unchecked" fill="none" data-category="ui" viewBox="0 0 24 24"><path fill="#fff" d="M1 1h22v22H1z"/><path stroke="#2A2859" stroke-width="2" d="M1 1h22v22H1z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-check-circle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="check-circle" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 3.94a12 12 0 1 0 0 24 12 12 0 0 0 0-24m0 22.28a10.28 10.28 0 1 1-.04-20.56A10.28 10.28 0 0 1 16 26.22"/><path d="m14.45 20.39-1.11-1.14-2.23-2.28 1.11-1.15 2.23 2.28 5.54-5.71 1.12 1.15z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-check-medium ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="check-medium" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m23.704 12.214-9.707 9.707-5.707-5.707L9.704 14.8l4.293 4.293L22.29 10.8z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-check ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="check" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m14.45 20.39-1.11-1.14-2.23-2.28 1.11-1.15 2.23 2.28 5.54-5.71 1.12 1.15-5.55 5.71z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-down ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-down" fill="none" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m15.997 23.143 10-10-4.286-4.286-5.714 5.714-5.714-5.714-4.286 4.286zM10.283 6l5.714 5.714L21.711 6l7.143 7.143L15.997 26 3.14 13.143z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-left ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-left" fill="none" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m6.857 15.857 10 10 4.286-4.286-5.714-5.714 5.714-5.714-4.286-4.286zM24 10.143l-5.714 5.714L24 21.571l-7.143 7.143L4 15.857 16.857 3z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-right ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-right" fill="none" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m25.143 15.857-10-10-4.286 4.286 5.714 5.714-5.714 5.714 4.286 4.286zM8 10.143 15.143 3 28 15.857 15.143 28.714 8 21.571l5.714-5.714z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-thin-down ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-thin-down" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16 19.41 6.33 10 5 11.29 16 22l11-10.71L25.67 10z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-thin-left ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-thin-left" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m12.54 16.04 9.42-9.67-1.3-1.33-10.7 11 10.7 11 1.3-1.33z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-thin-right ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-thin-right" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M19.41 16.02 10 6.35l1.29-1.33 10.71 11-10.71 11L10 25.69z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-thin-up ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-thin-up" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16 12.59 6.33 22 5 20.71 16 10l11 10.71L25.67 22z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-up-and-down ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-up-and-down" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m16 31-8-7.433L9.687 22 16 27.866 22.313 22 24 23.567zm0-30 8 7.433L22.313 10 16 4.134 9.687 10 8 8.433z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-chevron-up ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="chevron-up" fill="none" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m15.997 8.857-10 10 4.286 4.286 5.714-5.714 5.714 5.714 4.286-4.286zM10.283 26 3.14 18.857 15.997 6l12.857 12.857L21.711 26l-5.714-5.714z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-childrens-toilet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="childrens-toilet" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.607 3.943h-2V32h2zM7.03 14.667a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m5.028 11.143-1.132-9.255H3.134L2.002 25.81l2.027.175V32h2v-6.78h2V32h2v-6.015zm-7.725-2.59.57-4.665h4.253l.57 4.666zm23.747-6.665h-7.793l-1.131 9.255 1.137.12v3.29h.89V32h2v-2.778h2V32h2v-2.78h.89v-3.284l1.138-.127zm-5.787 2h3.78v8.666h-3.78zm1.89-3.888a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m3.259-1.5h-.566v.566a1.74 1.74 0 0 0 1.74 1.74h.566v-.566a1.74 1.74 0 0 0-1.74-1.74m-8.258 1.74v.566h.566a1.74 1.74 0 0 0 1.74-1.74v-.567h-.566a1.74 1.74 0 0 0-1.74 1.74"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-circular-economy ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="circular-economy" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M22.727 9.5h-.076c-2.345 0-3.466 1.207-5.651 3.805q.475.568.956 1.15l.343.415c1.838-2.198 2.813-3.37 4.374-3.37C25.009 11.48 27 13.508 27 16c0 2.482-1.926 4.5-4.285 4.5-1.509-.013-3.555-2.384-5.416-4.63l-.343-.414q-.48-.584-.956-1.15c-2.185-2.6-4.304-4.806-6.632-4.806C5.871 9.499 3 12.39 3 16c0 3.584 2.823 6.5 6.303 6.5 1.408-.012 2.381-.516 3.424-1.504V22.5h2v-5h-5v2h1.654c-.689.635-1.33.994-2.087 1C6.926 20.5 5 18.482 5 16c0-2.481 1.926-4.5 4.314-4.5 1.586-.053 3.545 2.151 5.388 4.369l.712.86.586.707c2.23 2.68 4.37 5.044 6.706 5.064C26.176 22.5 29 19.584 29 16s-2.823-6.5-6.273-6.5"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-climbing ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="climbing" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.049 7.795a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m-4.968 10.413 2.706 1.039.002-.005 2.315.89.758 5.45 1.98-.276-.921-6.633-3.567-1.363 1.576-5.381 1.597 2.399 5.262 1.174.436-1.952-4.48-1-2.096-3.12-4.644-1.786-4.383 9.236 1.475.566-.103 4.79L6 28.692l1.815.842 3.17-6.837zm1.937-8.032 1.205.463-1.745 5.962-2.123-.815z"/><path fill="#{$fg-color}" d="m30.916 0-1.177 1.302-2.129 2.182-3.373 4.285.686 5.745-1.643 5.545-1.921 1.954.609 4.027-2.354 1.158-5.546.665-4.195 2.13L8.604 32h2.172l.656-1.556 3.226-1.637 5.532-.663 3.973-1.956-.677-4.486 1.57-1.597 1.902-6.419-.637-5.333 2.758-3.51 2.118-2.172.803-.888V0z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-clipboard ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="clipboard" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.25 1.10999H11.56V5.23998H20.25V1.10999Z" fill="#{$fg-color}"/><path d="M27.6796 2.17999V31.0696H4.33V2.17999H27.6796ZM6.33 29.0696H25.6796V4.17999H6.33V29.0696Z" fill="#{$fg-color}"/><path d="M17.6395 12.04V14.04H10.12V12.04H17.6395Z" fill="#{$fg-color}"/><path d="M21.8105 17.27V19.27H13.08V17.27H21.8105Z" fill="#{$fg-color}"/><path d="M21.8104 22.04V24.04H12.95V22.04H21.8104Z" fill="#{$fg-color}"/><path d="M11.12 19.27C11.6723 19.27 12.12 18.8223 12.12 18.27C12.12 17.7177 11.6723 17.27 11.12 17.27C10.5677 17.27 10.12 17.7177 10.12 18.27C10.12 18.8223 10.5677 19.27 11.12 19.27Z" fill="#{$fg-color}"/><path d="M11.12 24.04C11.6723 24.04 12.12 23.5923 12.12 23.04C12.12 22.4877 11.6723 22.04 11.12 22.04C10.5677 22.04 10.12 22.4877 10.12 23.04C10.12 23.5923 10.5677 24.04 11.12 24.04Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-clock-history ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="clock-history" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="m23.976 27.587-1.11-1.663c.62-.42 1.21-.905 1.758-1.454 4.68-4.679 4.68-12.291 0-16.97-4.521-4.522-11.774-4.66-16.48-.444l2.805 2.805-8.952 1.881 1.88-8.952L6.73 5.642C12.22.647 20.737.784 26.04 6.085c5.458 5.46 5.458 14.34 0 19.8a14 14 0 0 1-2.063 1.702ZM2.139 16.052l2-.01a12 12 0 0 0 .596 3.694l-1.897.638a14 14 0 0 1-.699-4.322m4.748 10.44a14.2 14.2 0 0 1-2.826-3.418l1.722-1.019a12 12 0 0 0 2.427 2.936l-1.323 1.5Zm6.58 3.23a14 14 0 0 1-4.162-1.518l.982-1.742a12 12 0 0 0 3.575 1.3zm6.648-2.417a12 12 0 0 1-3.726.67l.021 2a14 14 0 0 0 4.343-.774z"/><path d="M15.996 17.001v-9h-2v11h9v-2.595z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-clock ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="clock" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 7v9l7-.595V18h-9V7z"/><path d="M1 16C1 7.716 7.716 1 16 1s15 6.716 15 15c0 8.285-6.716 15-15 15S1 24.285 1 16m2.149 0c0 7.096 5.754 12.851 12.851 12.851S28.851 23.096 28.851 16c0-7.098-5.753-12.851-12.851-12.851S3.149 8.902 3.149 16"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-close ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="close" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M14.533 16 5 6.467 6.467 5 16 14.533 25.533 5 27 6.467 17.467 16 27 25.533 25.533 27 16 17.467 6.467 27 5 25.533z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cloud ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cloud" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.017 25.746H6.982a6.01 6.01 0 0 1-3.044-11.175A8.8 8.8 0 0 1 19.928 10a6.016 6.016 0 0 1 7.192 4.116 6.009 6.009 0 0 1-2.103 11.63M12.724 8.253a6.807 6.807 0 0 0-6.8 6.8l.017.762-.598.274a4.01 4.01 0 0 0 1.64 7.657h18.034a4.01 4.01 0 0 0 1.008-7.884l-.608-.161-.117-.619a4.012 4.012 0 0 0-5.429-2.968l-.809.325-.432-.756a6.82 6.82 0 0 0-5.906-3.43"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-code ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="code" fill="none" data-category="data" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m22.672 8.461-.006.01v2.67l6.795 4.853-6.795 4.853v2.67l.006.006L32 16.858V15.13zM9.334 20.847 2.54 15.994l6.795-4.854V8.47l-.006-.009L0 15.13v1.73l9.328 6.664.006-.006zM14.649 24l5.03-16h-2.331l-5.031 15.994.02.006z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-coffee ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="coffee" fill="none" data-category="food" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29 2h-3V0H6v2H3v7h2.154L7 32h18l1.846-23H29zm-5.852 28H8.852L7.16 9h17.68zM27 7H5V4h3V2h16v2h3z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cogwheel ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cogwheel" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="M16 9a7 7 0 1 0 0 14 7 7 0 0 0 0-14m-5 7a5 5 0 1 1 10 0 5 5 0 0 1-10 0"/><path d="M13.333 1h5.334l.778 3.502c.786.235 1.54.549 2.249.932l3.027-1.926 3.771 3.771-1.926 3.027c.383.71.697 1.463.932 2.25l3.502.777v5.334l-3.502.778a12 12 0 0 1-.932 2.249l1.926 3.027-3.771 3.771-3.027-1.926c-.71.383-1.463.697-2.25.932L18.668 31h-5.334l-.778-3.502a12 12 0 0 1-2.249-.932L7.28 28.492l-3.771-3.771 1.926-3.027a12 12 0 0 1-.932-2.25L1 18.668v-5.334l3.502-.778c.235-.787.549-1.54.932-2.249L3.508 7.28l3.771-3.771 3.027 1.926c.71-.383 1.463-.697 2.25-.932zm-.205 5.418 1.125-.337L14.938 3h2.124l.685 3.081 1.125.337q.983.296 1.871.776l1.034.558 2.664-1.696 1.503 1.503-1.696 2.664.558 1.034c.32.59.58 1.217.776 1.871l.337 1.125 3.081.685v2.124l-3.081.685-.337 1.125a10 10 0 0 1-.776 1.872l-.558 1.033 1.695 2.664-1.502 1.503-2.664-1.696-1.034.558a10 10 0 0 1-1.871.776l-1.125.337L17.062 29h-2.124l-.685-3.081-1.125-.337a10 10 0 0 1-1.871-.776l-1.034-.558-2.664 1.696-1.503-1.503 1.696-2.664-.558-1.034a10 10 0 0 1-.776-1.871l-.337-1.125L3 17.062v-2.124l3.081-.685.337-1.125q.296-.983.776-1.871l.558-1.034L6.057 7.56l1.502-1.503 2.664 1.696 1.034-.558a10 10 0 0 1 1.871-.776Z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-coin-stacks ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="coin-stacks" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17 4.5C17 1.977 20.294 0 24.5 0S32 1.977 32 4.5V22c0 2.523-3.294 4.5-7.5 4.5S17 24.523 17 22zm7.5 20c3.147 0 5.5-1.32 5.5-2.5v-.418C28.64 22.457 26.698 23 24.5 23s-4.14-.543-5.5-1.418V22c0 1.18 2.353 2.5 5.5 2.5m0-3.5c3.147 0 5.5-1.32 5.5-2.5v-.418c-1.36.875-3.302 1.418-5.5 1.418s-4.14-.543-5.5-1.418v.418c0 1.18 2.353 2.5 5.5 2.5m0-3.5c3.147 0 5.5-1.32 5.5-2.5v-.418C28.64 15.457 26.698 16 24.5 16s-4.14-.543-5.5-1.418V15c0 1.18 2.353 2.5 5.5 2.5m0-3.5c3.147 0 5.5-1.32 5.5-2.5v-.418c-1.36.875-3.302 1.418-5.5 1.418s-4.14-.543-5.5-1.418v.418c0 1.18 2.353 2.5 5.5 2.5m0-3.5c3.147 0 5.5-1.32 5.5-2.5v-.418C28.64 8.457 26.698 9 24.5 9s-4.14-.543-5.5-1.418V8c0 1.18 2.353 2.5 5.5 2.5m-5.5-6C19 5.68 21.353 7 24.5 7S30 5.68 30 4.5 27.647 2 24.5 2 19 3.32 19 4.5M0 17c0-2.523 3.294-4.5 7.5-4.5S15 14.477 15 17v10.5c0 2.523-3.294 4.5-7.5 4.5S0 30.023 0 27.5zm7.5 13c3.148 0 5.5-1.32 5.5-2.5v-.418c-1.36.875-3.303 1.418-5.5 1.418s-4.14-.543-5.5-1.418v.418C2 28.68 4.352 30 7.5 30m0-3.5c3.148 0 5.5-1.32 5.5-2.5v-.418C11.64 24.457 9.697 25 7.5 25s-4.14-.543-5.5-1.418V24c0 1.18 2.352 2.5 5.5 2.5m0-3.5c3.148 0 5.5-1.32 5.5-2.5v-.418c-1.36.875-3.303 1.418-5.5 1.418s-4.14-.543-5.5-1.418v.418C2 21.68 4.352 23 7.5 23M2 17c0 1.18 2.352 2.5 5.5 2.5S13 18.18 13 17s-2.352-2.5-5.5-2.5S2 15.82 2 17"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-computer ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="computer" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M1 3h30v20H20v3h-8v-3H1zm13 20v1h4v-1zM3 5v12h26V5zm26 14H3v2h26zm-3 10H6v-2h20z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cookie ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cookie" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#F9C66B" fill-rule="evenodd" d="M0 15.385C0 7.435 6.363.967 14.286.774q-.021.187-.021.38A3.465 3.465 0 0 0 17.17 4.57a6.2 6.2 0 0 0-.206 1.584c0 3.399 2.762 6.154 6.169 6.154.553 0 1.09-.073 1.6-.21a2.7 2.7 0 0 0 2.64 2.133c.698 0 1.333-.264 1.812-.697q.116.91.116 1.85c0 8.072-6.56 14.616-14.65 14.616C6.559 30 0 23.456 0 15.385" clip-rule="evenodd"/><path fill="#F9C66B" d="M22.362 8.846c.638 0 1.156-.517 1.156-1.154a1.156 1.156 0 0 0-2.313 0c0 .637.518 1.154 1.157 1.154m8.096.769A1.54 1.54 0 0 0 32 8.077c0-.85-.69-1.539-1.542-1.539a1.54 1.54 0 0 0-1.542 1.539c0 .85.69 1.538 1.542 1.538M21.59 3.846a1.925 1.925 0 0 0 1.928-1.923A1.925 1.925 0 0 0 21.59 0a1.925 1.925 0 0 0-1.927 1.923c0 1.062.863 1.923 1.927 1.923"/><path fill="#{$fg-color}" d="M12.53 15.385a2.89 2.89 0 0 0 2.892-2.885 2.89 2.89 0 0 0-2.892-2.885A2.89 2.89 0 0 0 9.64 12.5a2.89 2.89 0 0 0 2.891 2.885m-6.17 3.077c.959 0 1.735-.775 1.735-1.731S7.32 15 6.361 15a1.732 1.732 0 1 0 0 3.462M8.29 8.077a.963.963 0 1 0-.965-.962c0 .531.432.962.964.962m4.241 15a.963.963 0 1 0-.964-.962c0 .532.432.962.964.962m9.446-1.539a2.31 2.31 0 0 0 2.313-2.307 2.31 2.31 0 0 0-2.313-2.308 2.31 2.31 0 0 0-2.313 2.308 2.31 2.31 0 0 0 2.313 2.307"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-copy ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="copy" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="M1 1h24.643v4.286H23.5V3.143H3.143V23.5h2.143v2.143H1z"/><path d="M28.857 9.571H9.571v19.286h19.286zM7.43 7.43V31H31V7.429z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-crane ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="crane" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M31 13V7H16V0H8v7H1v6h7v19h8V13h7v5h-3v6h8v-6h-3v-5zm-5 7v2h-4v-2zM10 2h4v5h-4zm0 14h4v5h-4zm0-2V9h4v5zm-7-3V9h5v2zm7 19v-7h4v7zm6-21h13v2H16z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-crayfish ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="crayfish" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M19.396 23.206h-7v2h7zm0 3h-7v2h7zm-6.982 3-1 2h9l-1-2zM28.5 4.432l-2.002.021-1.756 3.097-1.239-1.1-2.008-.013.008 7.059h-1.335q-.166-.497-.36-.951a14.3 14.3 0 0 0-1.69-2.8 14 14 0 0 0-.408-.48 23.4 23.4 0 0 1 2.895-7.21L18.905 1a26.6 26.6 0 0 0-3.01 7.103A26.6 26.6 0 0 0 12.885 1l-1.699 1.057a23.2 23.2 0 0 1 2.898 7.235l.002.012q-.11.123-.227.26a14.3 14.3 0 0 0-1.898 3.126c-.106.262-.212.525-.305.806h-1.33l.008-7.06-2.009.014-1.239 1.1-1.755-3.097-2.003-.02L2 11.802l3.653 3.693h5.536l.012.005a11.9 11.9 0 0 0 .35 4.697q.282 1.024.7 2h7.328q.101-.237.192-.472a12.43 12.43 0 0 0 .856-6.225l.009-.005h5.54l3.652-3.694zM8.325 13.493v.003H6.488l-2.335-2.361.643-3.57 1.77 3.122L8.33 9.12zm9.865 6.705h-4.55a9.36 9.36 0 0 1 2.275-9.945 9.36 9.36 0 0 1 2.275 9.945m1.638-5.116a1 1 0 0 1 .024-.1l.03.127zm5.512-1.586h-1.837v-.003l-.005-4.373 1.764 1.567 1.77-3.122.644 3.57z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cross-circle-big ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cross-circle-big" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 1a15 15 0 1 1 0 30 15 15 0 0 1 0-30m0 2a13 13 0 1 0 0 26 13 13 0 0 0 0-26"/><path d="m16 17.414 5.793 5.793 1.414-1.414L17.414 16l5.793-5.793-1.414-1.414L16 14.586l-5.793-5.793-1.414 1.414L14.586 16l-5.793 5.793 1.414 1.414z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cross-circle-fill-large ($fg-color: #2A2859, $bg-color: #f9c66b) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cross-circle-fill-large" fill="none" data-category="ui" viewBox="0 0 64 64"><path fill="#{$bg-color}" d="M64 32c0 17.673-14.327 32-32 32S0 49.673 0 32 14.327 0 32 0s32 14.327 32 32"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M30.533 32 21 22.467 22.467 21 32 30.533 41.533 21 43 22.467 33.467 32 43 41.533 41.533 43 32 33.467 22.467 43 21 41.533z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cross-circle-fill ($fg-color: #2A2859, $bg-color: #f9c66b) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cross-circle-fill" fill="none" data-category="ui" viewBox="0 0 32 32"><circle cx="16" cy="16" r="15" fill="#{$bg-color}"/><path fill="#{$fg-color}" d="m16 17.414 5.793 5.793 1.414-1.414L17.414 16l5.793-5.793-1.414-1.414L16 14.586l-5.793-5.793-1.414 1.414L14.586 16l-5.793 5.793 1.414 1.414z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cross-circle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cross-circle" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16.05 3.84a12 12 0 1 0 0 24 12 12 0 0 0 0-24m0 22.28a10.28 10.28 0 1 1 0-20.56 10.28 10.28 0 0 1 0 20.56"/><path d="m20.55 12.42-1.12-1.12-3.37 3.38-3.39-3.39-1.12 1.12 3.39 3.39-3.38 3.38 1.12 1.11 3.38-3.38 3.36 3.37 1.12-1.12-3.36-3.36z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cross ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cross" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m20.55 12.42-1.12-1.12-3.37 3.38-3.39-3.39-1.12 1.12 3.39 3.39-3.38 3.38 1.12 1.11 3.38-3.38 3.36 3.37 1.12-1.12-3.36-3.36z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-cupboard ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="cupboard" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m24.16 24.342-.535 4.528-1.48.005h-.947l-.536-4.533zm2.251-2h-8l1.01 8.533h4.725v-.007h1.256zm-14.713 5.533V1.125h-2v26.75H6.589l-1 3h10.023l-1-3z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-dancing ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="dancing" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M10.13 3.362c0 .627-.238 1.228-.662 1.67a2.2 2.2 0 0 1-1.597.692 2.2 2.2 0 0 1-1.597-.691 2.42 2.42 0 0 1-.662-1.67c0-.627.238-1.228.662-1.671A2.2 2.2 0 0 1 7.87 1c.6 0 1.174.249 1.597.692s.662 1.044.662 1.67m16.262 0c0 .627-.238 1.228-.661 1.67a2.2 2.2 0 0 1-1.598.692 2.2 2.2 0 0 1-1.597-.691 2.42 2.42 0 0 1-.661-1.67c0-.627.238-1.228.661-1.671A2.2 2.2 0 0 1 24.134 1a2.2 2.2 0 0 1 1.597.692 2.42 2.42 0 0 1 .661 1.67m2.258 3.36h-.511a1.54 1.54 0 0 1-1.112-.481 1.68 1.68 0 0 1-.46-1.163v-.535h.511c.417 0 .817.174 1.112.482.294.308.46.726.46 1.162z"/><path fill="#{$fg-color}" fill-rule="evenodd" d="m25.962 30.722-1.654-8.226h-1.979V31h-1.807v-8.504h-2.421l1.08-6.778 1.028-5.736-3.65 2.558-3.17-6.63 1.617-.844 2.252 4.71 3.418-2.395v-.003h6.743l-.001.006 1.668 5.452.914 6.692-1.789.267-.893-6.535-.433-1.418-.481 4.02 1.057 6.634h-1.307l1.577 7.837zM22.176 9.268l-1.216 6.778-.727 4.56h5.096l-.75-4.705.792-6.633zm-10.733-1.89H5.128l-1.321-3.04v-2.63H2v3.04l2.187 5.034-.425 8.935h1.4v5.446l-2.614 5.47 1.617.845 2.804-5.868v-5.893h1.87l.382 5.595-1.325 6.003 1.76.425 1.386-6.28-.392-5.744h1.335l-.374-7.829 1.734 2.558.865 5.427 1.782-.31-.943-5.913zm-1.357 9.449H5.66l.362-7.56h3.704z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-data ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="data" fill="none" data-category="data" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path fill-rule="evenodd" d="M15.82 1c-3.05 0-5.848.336-7.914.9-1.026.279-1.928.63-2.598 1.061C4.684 3.364 4 4.013 4 4.95q0 .099.01.195V27.15l.464.294a20.6 20.6 0 0 0 11.303 3.206 22.8 22.8 0 0 0 7.144-1.169c1.963-.656 3.537-1.496 4.376-2.227l.343-.299V4.95c0-.937-.684-1.586-1.309-1.989-.669-.431-1.571-.782-2.597-1.062C21.668 1.336 18.87 1 15.82 1M6.392 5.258c-.227-.147-.326-.252-.368-.308.042-.056.14-.161.368-.308.426-.274 1.108-.559 2.04-.813C10.282 3.324 12.895 3 15.82 3s5.538.324 7.388.829c.932.254 1.614.539 2.04.813.227.147.326.252.368.308-.042.056-.14.161-.368.308-.426.274-1.108.559-2.04.813-1.85.505-4.463.829-7.388.829s-5.538-.324-7.388-.829c-.932-.254-1.614-.539-2.04-.813M25.64 7.319c-.553.263-1.2.49-1.906.682-2.066.563-4.864.899-7.914.899S9.972 8.564 7.906 8a11.6 11.6 0 0 1-1.896-.676v3.823a18.66 18.66 0 0 0 9.796 2.613h.014c2.417 0 4.664-.46 6.472-1.066 1.526-.51 2.68-1.106 3.348-1.573zm0 6.13c-.765.403-1.686.798-2.712 1.142a22.7 22.7 0 0 1-7.1 1.169 20.66 20.66 0 0 1-9.818-2.326v5.033a18.66 18.66 0 0 0 9.748 2.613h.012c2.443 0 4.703-.46 6.517-1.066 1.53-.511 2.685-1.106 3.353-1.573zM6.01 26.041v-5.287a20.66 20.66 0 0 0 9.766 2.326c2.685 0 5.157-.505 7.145-1.169a18.6 18.6 0 0 0 2.719-1.142v5.242c-.668.467-1.823 1.062-3.353 1.573a20.8 20.8 0 0 1-6.517 1.066h-.013a18.6 18.6 0 0 1-9.747-2.61Z" clip-rule="evenodd"/><path d="M21.82 10.83a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-deer ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="deer" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m27.575 2-1.647 1.146c.26.451 1.443 2.653.911 4.518a3.15 3.15 0 0 1-1.288 1.738 4 4 0 0 0-.013-.975 5.9 5.9 0 0 0-2.154-3.509l-1.713 1.194a4.43 4.43 0 0 1 1.886 2.592 3 3 0 0 1-1.025 2.406q-.455.285-.877.58a4.5 4.5 0 0 0-.3-1.34 5.5 5.5 0 0 0-2.161-2.514l-1.823 1.27a4.1 4.1 0 0 1 2.128 1.991 3.33 3.33 0 0 1-.283 2.679 10.1 10.1 0 0 0-1.784 2.59 5.1 5.1 0 0 0-2.666.502 9.8 9.8 0 0 0-2.01-3.092 3.33 3.33 0 0 1-.283-2.679 4.1 4.1 0 0 1 2.129-1.991l-1.823-1.27a5.5 5.5 0 0 0-2.161 2.514 4.5 4.5 0 0 0-.3 1.34q-.423-.295-.877-.58a3 3 0 0 1-1.026-2.406 4.43 4.43 0 0 1 1.887-2.592L8.588 4.918a5.9 5.9 0 0 0-2.153 3.509 4 4 0 0 0-.013.975 3.15 3.15 0 0 1-1.289-1.738c-.532-1.865.651-4.067.911-4.518L4.398 2c-.107.17-2.017 3.28-1.192 6.201A5.4 5.4 0 0 0 6.22 11.6a15.55 15.55 0 0 1 6.022 4.712 6.34 6.34 0 0 0-4.11-.027c.292 1.183 2.877 2.424 3.752 2.814a9.3 9.3 0 0 1-4.19.944l-.88-.005-.59 4.334.778.266c.202.07 4.517 1.548 6.265 2.06a17.7 17.7 0 0 1-.453 3.41h2.006c.28-1.285.414-2.596.4-3.911a1.39 1.39 0 0 0-1.004-1.313c-.81-.198-3.961-1.252-5.788-1.873l.135-1c1.463-.1 4.263-.511 5.496-2.187.016-.019 1.585-1.794 3.456-1.433 1.952.38 2.823 1.672 2.823 4.194 0 .437-.017 1.237-.037 2.243-.03 1.497-.069 3.41-.079 5.28h2c.01-1.892.05-3.825.079-5.24.02-1.024.037-1.838.037-2.283a7.04 7.04 0 0 0-1.03-4.01c1.02-.859 2.726-2.47 2.812-3.7a7.3 7.3 0 0 0-3.598.423 17.7 17.7 0 0 1 5.232-3.698 5.4 5.4 0 0 0 3.012-3.4c.826-2.92-1.085-6.03-1.191-6.201"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-defibrillators ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="defibrillators" fill="none" data-category="signs" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#a)"><path d="M29.346 4.719a9.065 9.065 0 0 0-12.817 0l-.467.466-.466-.466A9.064 9.064 0 1 0 2.78 17.536L16.062 30.82l13.284-13.284a9.065 9.065 0 0 0 0-12.817m-1.409 11.409L16.063 28.003 4.187 16.128a7.073 7.073 0 1 1 10-10l1.875 1.874 1.875-1.875a7.073 7.073 0 1 1 10 10Z"/><path d="m17.059 9.076-5.977 7.969h3.984v7.969l5.977-7.969h-3.984z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-district ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="district" fill="none" data-category="places" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M30 29.92v-28H16v15.25l-5.5-3.67-3.86 2.57L6 13.5H3v16.42zm-25-2V19.5l5.5-3.5 5.5 3.5v8.42zm23 0H18v-24h10z"/><path d="M20 5.9h2v2h-2zm4 0h2v2h-2zm-4 5h2v2h-2zm4 0h2v2h-2zm0 5h2v2h-2zm-4 0h2v2h-2zm0 5h2v2h-2zm-9 0h3v6h-3zm-4 0h2v2H7zm17 0h2v2h-2z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-diving-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="diving-prohibited" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M0 26v2a3.003 3.003 0 0 1 3 3h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3.003 3.003 0 0 1 3-3v-2a4.98 4.98 0 0 0-4 2.031 4.975 4.975 0 0 0-8-.028 4.975 4.975 0 0 0-8 .028 4.94 4.94 0 0 0-3-1.909V19h3.003v-2h-1.748l4.203-4.203-3.916-3.915H17V5.434l-3.9-3.899-1.415 1.414L15 6.263v.62H8.055L7.37 8.537l4.26 4.26L7.428 17H.003v2H7v7.112a4.9 4.9 0 0 0-1.954.853A5 5 0 0 0 4 28.003 5 5 0 0 0 0 26m23.481-7.919 3.015-3.01c-.035-.038-.062-.069-.091-.098l-1.216-1.215-.138-.113c-.927.926-1.954 1.961-2.88 2.889a1 1 0 0 0-.091.12l-2.936-2.941-1.425 1.427 2.92 2.92-2.92 2.92 1.42 1.422 2.9-2.899 2.978 2.979 1.432-1.433zm-.573-10.753a2.271 2.271 0 1 0-4.543 0 2.271 2.271 0 0 0 4.543 0"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-dock ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="dock" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M28 28.03a4.976 4.976 0 0 0-8-.027 5 5 0 0 0-3-1.895V19h7v-2H0v2h15v7.11a5 5 0 0 0-3 1.921 4.975 4.975 0 0 0-8-.028A5 5 0 0 0 0 26v2a3.003 3.003 0 0 1 3 3h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3.004 3.004 0 0 1 3-3v-2a4.98 4.98 0 0 0-4 2.03"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-document-code ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="document-code" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M22 19H10v-2h12zm0 4.765H10v-2h12zM11.963 11 9.35 8.76l1.302-1.52L15.037 11l-4.386 3.76-1.302-1.52z"/><path fill-rule="evenodd" d="m28 7-5-6H4v30h24zm-2 22H6V3h15v6h5zm-.603-22L23 4.124V7z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-document-pdf ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="document-pdf" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M11.376 14.82h-1.89V20h1.092v-1.554h.756c1.253 0 2.058-.728 2.058-1.82 0-1.106-.777-1.806-2.016-1.806m.035 2.674h-.833V15.8h.819c.539 0 .875.28.875.875 0 .532-.336.819-.861.819M14.189 20h2.002c1.337 0 2.394-1.05 2.394-2.59 0-1.561-1.057-2.59-2.408-2.59h-1.988zm1.092-1.022v-3.136h.84c.777 0 1.316.448 1.316 1.568 0 1.099-.54 1.568-1.316 1.568zM20.6 20v-1.932h1.89v-.994H20.6v-1.26h2.24v-.994h-3.333V20z"/><path fill-rule="evenodd" d="m28 7-5-6H4v30h24zm-2 22H6V3h15v6h5zm-.603-22L23 4.124V7z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-document-plain ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="document-plain" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m28 7-5-6H4v30h24zm-2 22H6V3h15v6h5zm-.603-22L23 4.124V7z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-document-table ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="document-table" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M8 14h4v2H8zm0 4h4v2H8zm0 4h4v2H8zm6-8h4v2h-4zm0 4h4v2h-4zm0 4h4v2h-4zm6-8h4v2h-4zm0 4h4v2h-4zm0 4h4v2h-4z"/><path fill-rule="evenodd" d="m28 7-5-6H4v30h24zm-2 22H6V3h15v6h5zm-.603-22L23 4.124V7z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-document-text ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="document-text" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M17.714 14H10v-2h7.714zM22 19.235H10v-2h12zM22 24H10v-2h12z"/><path fill-rule="evenodd" d="m28 7-5-6H4v30h24zm-2 22H6V3h15v6h5zm-.603-22L23 4.124V7z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-dog-forbidden ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="dog-forbidden" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m25.331 9.163.754-2.318-1.313-.575-1.693 3.273-3.412 4.521-.909.92L5.477 15 1.54 11.706l-1.064.993L4 16.251V30h2v-2.459l3.376-4.521L22 25.765v4.218h2V19.316l2.557-3.408 2.342-.368A4.09 4.09 0 0 0 32 11.567v-1.451zM22 18.65v5.052L8.672 20.784 6 24.496V17l13.71-.017 1.385-1.492 1.871 1.871zm6.501-5.069-3.057.477-1.267 1.689-1.866-1.866 2.132-2.824 5.538.791a2.06 2.06 0 0 1-1.48 1.733"/><path fill="#{$fg-color}" d="m9.695 11.179 3.543-3.543 3.543 3.543 1.414-1.414-3.543-3.543 3.543-3.543-1.414-1.415-3.543 3.543-3.543-3.543L8.28 2.679l3.543 3.543L8.28 9.765z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-dog-on-a-leash ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="dog-on-a-leash" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M9.695 1.265 8.28 2.679l8.5 8.5 1.414-1.414z"/><path fill="#{$fg-color}" fill-rule="evenodd" d="m26.085 6.845-.754 2.318 6.669.953v1.451a4.09 4.09 0 0 1-3.101 3.973l-2.342.368-.951 1.267 1.101 1.101-1.414 1.414-.899-.899-.394.525v10.667h-2v-4.218L9.376 23.02 6 27.541V30H4V16.251L.476 12.699l1.064-.993L5.477 15l13.281-.016.909-.92-1.374-1.374 1.414-1.414 1.176 1.176 2.196-2.909 1.693-3.273zM22 23.702V18.65l.966-1.288-1.871-1.871-1.385 1.492L6 17v7.496l2.672-3.712zm3.444-9.644 3.057-.477c.763-.194 1.368-.892 1.48-1.733l-5.538-.791-2.132 2.824 1.866 1.866z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-download ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="download" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="m15 18.211-5.293-5.293-1.414 1.415L16 22.04l7.707-7.707-1.414-1.415L17 18.211V1h-2z"/><path d="M3 29v-9.125H1V31h30V20h-2v9z"/><path d="M23 26.25v-2.5H9v2.5z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-drag ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg viewBox="0 0 32 32" id="drag" data-category="ui" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.625 7.75C14.625 9.26878 13.3938 10.5 11.875 10.5C10.3562 10.5 9.125 9.26878 9.125 7.75C9.125 6.23122 10.3562 5 11.875 5C13.3938 5 14.625 6.23122 14.625 7.75Z" fill="#{$fg-color}"/><path d="M22.875 7.75C22.875 9.26878 21.6438 10.5 20.125 10.5C18.6062 10.5 17.375 9.26878 17.375 7.75C17.375 6.23122 18.6062 5 20.125 5C21.6438 5 22.875 6.23122 22.875 7.75Z" fill="#{$fg-color}"/><path d="M14.625 16C14.625 17.5188 13.3938 18.75 11.875 18.75C10.3562 18.75 9.125 17.5188 9.125 16C9.125 14.4812 10.3562 13.25 11.875 13.25C13.3938 13.25 14.625 14.4812 14.625 16Z" fill="#{$fg-color}"/><path d="M22.875 16C22.875 17.5188 21.6438 18.75 20.125 18.75C18.6062 18.75 17.375 17.5188 17.375 16C17.375 14.4812 18.6062 13.25 20.125 13.25C21.6438 13.25 22.875 14.4812 22.875 16Z" fill="#{$fg-color}"/><path d="M14.625 24.25C14.625 25.7688 13.3938 27 11.875 27C10.3562 27 9.125 25.7688 9.125 24.25C9.125 22.7312 10.3562 21.5 11.875 21.5C13.3938 21.5 14.625 22.7312 14.625 24.25Z" fill="#{$fg-color}"/><path d="M22.875 24.25C22.875 25.7688 21.6438 27 20.125 27C18.6062 27 17.375 25.7688 17.375 24.25C17.375 22.7312 18.6062 21.5 20.125 21.5C21.6438 21.5 22.875 22.7312 22.875 24.25Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-drinking-area-refreshments ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="drinking-area-refreshments" fill="none" data-category="food" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17.098 27.723h5.248v2.135H9.66v-2.149h5.261c.02-2.117.04-3.693.06-5.795-.356-.081-.709-.135-1.045-.242a7.2 7.2 0 0 1-5.194-5.618 10 10 0 0 1-.144-1.254c-.01-.108-.009-.202-.009-.31.001-4.045.03-8.105.03-12.148v-.2h14.789v.21l.005 12.175a7.16 7.16 0 0 1-1.556 4.603 7.26 7.26 0 0 1-4.586 2.721c-.098.017-.119.06-.12.15a1200 1200 0 0 1-.03 3.888c-.006.723-.015.916-.022 1.64v.194Zm-6.3-15.608v.195c0 .834-.008 1.668.005 2.502q-.001.474.091.938a5.237 5.237 0 0 0 8.093 3.137 4.94 4.94 0 0 0 2.232-4.14c.018-.838.006-1.677.006-2.516a1 1 0 0 0-.012-.116zm.01-2.166h10.41V4.285h-10.41z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-drone ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="drone" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 19a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M32 8v1l-4 .8V12h2v5l-4.917 1.147 1.879 6.578-1.924.549-1.9-6.65-1.138.279L21 23H11l-1-4.08-1.143-.28-1.896 6.634-1.923-.549 1.875-6.561L2 17v-5h2V9.8L0 9V8h10v1l-4 .8V12h20V9.8L22 9V8zm-3.976 7.368L28.045 14H3.969l-.021 1.38 7.705 1.886.916 3.734h6.86l.916-3.751z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-drugs-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="drugs-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m0 28A12.992 12.992 0 0 1 6.132 7.546l6.24 6.241-3.396 3.397 1.343 1.344-3.611 5.054 5.025-3.64 1.344 1.344 3.397-3.397 7.98 7.979A12.94 12.94 0 0 1 16 29m-2.213-13.799 1.273 1.273-1.983 1.984-1.273-1.274zm1.414-1.414 3.018-3.019 1.274 1.274-3.018 3.018zm10.667 10.667-7.98-7.98 4.433-4.432-1.344-1.344 1.5-1.499.801.794 1.408-1.421-3.017-2.989-1.408 1.42.795.789-1.493 1.492L18.22 7.94l-4.433 4.433-6.24-6.24a12.993 12.993 0 0 1 18.32 18.32"/><path fill="#{$fg-color}" d="m15.484 21.54-1.061 1.06a.999.999 0 0 0 .707 1.707 1 1 0 0 0 .707-.293l1.06-1.06a1 1 0 0 0-1.413-1.415m7.766-5.491-.352.353 1.414 1.414.353-.353a.997.997 0 0 0 0-1.414 1 1 0 0 0-1.414 0m-1.417 1.416a1 1 0 0 0 1.415 1.414l.353-.353-1.414-1.415zm-2.529 7.966a1 1 0 0 0-1.414-1.414l-.353.353 1.414 1.414zm-2.84.012a1 1 0 0 0 1.414 1.414l.354-.354-1.414-1.414z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-ecg-heart ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="ecg-heart" fill="none" data-category="health" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_6240_8254)"><path d="M29.347 4.78a9.065 9.065 0 0 0-12.817 0l-.466.466-.466-.466A9.064 9.064 0 1 0 2.78 17.598L16.064 30.88l13.283-13.284a9.065 9.065 0 0 0 0-12.817ZM27.94 16.19 16.064 28.064 4.189 16.19a7.073 7.073 0 1 1 10-10l1.875 1.874 1.875-1.874a7.071 7.071 0 0 1 11.591 7.704 7.1 7.1 0 0 1-1.591 2.296Z"/><path fill-rule="evenodd" d="m18.375 8.42 2.675 6.796h8.45v2h-9.812l-1.432-3.637-3.463 7.734-2.675-5.23-.57 1.133H3v-2h7.316l1.789-3.553 2.568 5.024 3.702-8.266Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_6240_8254"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-edit ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="edit" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path fill-rule="evenodd" d="M31.283 6.256 25.639.611 9.176 17.073l-1.96 7.585 7.586-1.958 1.164-1.165 11.205-11.17.002.001.868-.868.546-.545zm-5.645-2.818 2.816 2.817-1.282 1.282-2.816-2.816zM12.655 16.42l2.8 2.8L25.757 8.95l-2.815-2.816zm-1.414 1.414 2.799 2.798-.267.267-3.773.974.975-3.773z" clip-rule="evenodd"/><path d="M13.5 4.024v-2H.017V30h31.98l-.007-12.09h-2L29.994 28H2.015V4.024h11.486Z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-education ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="education" data-category="objects" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.38 9.69003L15.86 3.59003L1.27001 9.39003L0.600006 9.63003V11.02L3.00001 12V24.27C2.17001 24.64 1.59001 25.48 1.59001 26.45C1.59001 27.78 2.67001 28.85 4.00001 28.85C5.33001 28.85 6.41001 27.78 6.41001 26.45C6.41001 25.48 5.83001 24.64 5.00001 24.27V12.81L7.58001 13.86V21.94L8.10001 22.23C8.28001 22.33 12.58 24.64 16.08 24.64C19.58 24.64 23.87 22.33 24.05 22.23L24.57 21.94V13.84L30.75 11.34L31.39 11.07V9.69003H31.38ZM22.57 20.74C21.39 21.31 18.42 22.64 16.08 22.64C13.74 22.64 10.77 21.31 9.58001 20.74V14.68L16 17.3L22.57 14.65V20.74ZM16.01 15.14L4.26001 10.35L15.87 5.74003L27.72 10.4L16.01 15.14Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-elderly ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="elderly" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M13.334 5.125a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m-3.92 1.75L8.338 19.792l1.993.166.005-.062v11.979h2v-13h2v13h2v-12.31l.002.393 1.993-.166-1.077-12.917zm1.174 10 .667-8h4.16l.667 8zm13.074 15h-1.997v-12.08h-2.056v-1.997h4.053z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-electric-car ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="electric-car" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.498 5.593a.94.94 0 0 1 .459-.913c.19-.11.399-.181.616-.211h7.07a2.99 2.99 0 0 0 2.819 1.993V5.441h1.999v-.975h-2V2.47h2v-.997h-2V.486a2.99 2.99 0 0 0-2.814 1.983h-7.125l-.064.002a3.095 3.095 0 0 0-2.96 3.122V8.45h2z"/><path fill="#{$fg-color}" d="M28.474 18.577a3.13 3.13 0 0 0-1.927-2.883l-1.856-6.576a3.54 3.54 0 0 0-3.489-2.662h-3.727v2h3.727a1.57 1.57 0 0 1 1.548 1.146l1.652 5.854H7.81l1.72-5.8.006-.026a1.564 1.564 0 0 1 1.556-1.174h.428v-2h-.428a3.56 3.56 0 0 0-3.484 2.642l-1.93 6.513a3.13 3.13 0 0 0-2.152 2.966v8.847h.995v4.09h4.74l1.092-4.09h11.379l1.067 4.09h4.674v-4.09h1zM5.526 25.424v-6.847a1.12 1.12 0 0 1 1.121-1.12h18.706a1.12 1.12 0 0 1 1.12 1.12v6.847zm2.199 4.09H6.521v-2.09h1.762zm17.748 0h-1.13l-.544-2.09h1.674z"/><path fill="#{$fg-color}" d="M8.997 22.473a1.524 1.524 0 1 0 0-3.048 1.524 1.524 0 0 0 0 3.048m13.989 0a1.524 1.524 0 1 0 0-3.048 1.524 1.524 0 0 0 0 3.048"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-electric-van ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="electric-van" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M9.062 7.107a.94.94 0 0 1 .46-.914c.19-.11.399-.18.616-.21h7.07a2.99 2.99 0 0 0 2.818 1.993V6.955h2V5.98h-2V3.983h2v-.998h-2V2a2.99 2.99 0 0 0-2.814 1.983h-7.125l-.064.002a3.095 3.095 0 0 0-2.96 3.122v4.884h2z"/><path fill="#{$fg-color}" d="M30.652 19.195c-.022-.11-.557-2.587-3.933-2.845l-3.668-6.377H10.064v2.045l4.927-.021v6.377l11.146-.046c1.955.001 2.438.937 2.535 1.2v4.876H26.86a3.57 3.57 0 0 0-6.845 0h-7.991a3.57 3.57 0 0 0-6.846 0H4v-12.43l2.065-.007V9.973H2v16.43h3.154a3.573 3.573 0 0 0 6.896 0h7.94a3.573 3.573 0 0 0 6.896 0h3.786v-7.011zm-13.661-2.829v-4.375l4.92-.015 2.477 4.36zM9.867 26.403a1.563 1.563 0 1 1-2.466-1.92 1.563 1.563 0 0 1 2.466 1.92m14.837 0a1.563 1.563 0 1 1-2.468-1.918 1.563 1.563 0 0 1 2.468 1.918"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-elevator ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="elevator" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M2 2v28h28V2zm26 26H4V4h24z"/><path fill="#{$fg-color}" d="M10 24h2V12h4l-5-5.507L6 12h4zm11 1.506L26 20h-4V9h-2v11h-4z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-email ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="email" fill="none" data-category="social" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="m24.3 9.876 1.4 1.429L16 20.81l-9.7-9.505 1.4-1.429 8.3 8.133z"/><path d="M2 27V5h28v22zM4 7v18h24V7z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-escalator ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="escalator" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M9.94 27.618H.144v-7.143h6.113L22.348 4.382h9.339l.008 7.103h-5.621zm-7.797-2h6.97L25.245 9.485h4.446l-.003-3.103h-6.512L7.084 22.475h-4.94z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-exclamation-mark-circle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="exclamation-mark-circle" fill="none" data-category="status" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M14.839 19 14.5 7h3l-.363 12zM14 23c0 1.119.857 2 2 2s2-.881 2-2-.857-2-2-2-2 .881-2 2"/><path d="M1 16C1 7.716 7.716 1 16 1s15 6.716 15 15-6.716 15-15 15S1 24.284 1 16m15 13c7.18 0 13-5.82 13-13S23.18 3 16 3 3 8.82 3 16s5.82 13 13 13"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-exclamation-mark-square ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="exclamation-mark-square" fill="none" data-category="status" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M14.863 19 14.5 7h3l-.363 12zm-.613 2.25h3.504v3.5H14.25z"/><path fill-rule="evenodd" d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1m13 15c0 7.18-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3s13 5.82 13 13" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-exit-door ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="exit-door" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.639 2.175V4.63H8.672l-.031 4.778 2 .014.018-2.792h4.98v18.715h-4.964l.043-4.591-2-.035-.015.611h.01l-.057 6.015h6.983v2.48l11.985-2.664V4.84zm9.985 23.383-7.982 1.772V4.67l7.982 1.772z"/><path fill="#{$fg-color}" d="m9.744 19.597 4.285-4.607-4.608-4.286-1.361 1.465 1.942 1.806-5.624-.002-.002 2 6.005.002-2.102 2.26zm12.191-3.609-2.132.007.006 2 2.132-.006z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-exit ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="exit" fill="none" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M14.51 3H5.38v26h9v2h-11V1h11.13zM9.35 15h17.21l-5.29-5.29 1.41-1.42L30.39 16l-7.71 7.71-1.41-1.42L26.56 17H9.35z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-expand ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="expand" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M4 4h2v8H4zm24 24h-2v-8h2zm0-24v2h-8V4zM4 28v-2h8v2z"/><path d="M12 4v2H4V4zm8 24v-2h8v2zm8-16h-2V4h2zM4 20h2v8H4z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-eye ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="eye" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M29.2 15.45c-.2-.29-6-7.12-13.2-7.12S3.11 15.17 2.88 15.46l-.52.63.51.63c.24.28 5.87 7.17 13.13 7.17S29 17 29.21 16.73l.52-.64zM16 21.85a5.289 5.289 0 1 1-.02-10.578A5.289 5.289 0 0 1 16 21.85M5 16.1a22.5 22.5 0 0 1 5.41-4.21 7.26 7.26 0 0 0-.94 7.9A23 23 0 0 1 5 16.1m17.48 3.76a7.25 7.25 0 0 0-1-8 22.6 22.6 0 0 1 5.59 4.28 23 23 0 0 1-4.6 3.72z"/><path d="M16.04 19.15a2.58 2.58 0 1 0 0-5.16 2.58 2.58 0 0 0 0 5.16"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-face-almost-happy ($fg-color: #2C2C2C, $bg-color: #c7f6c9) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="face-almost-happy" fill="none" data-category="feedback" viewBox="0 0 32 32"><path fill="#{$bg-color}" d="M16.111 30.222c7.793 0 14.111-6.318 14.111-14.11C30.222 8.317 23.904 2 16.112 2 8.317 2 2 8.318 2 16.111s6.318 14.111 14.111 14.111"/><path fill="#{$fg-color}" d="m16.111 24.905 4.989-4.989-2.495-2.494-2.494 2.494-2.494-2.494-2.495 2.494zM12.583 12.58a1.764 1.764 0 1 0 0-3.527 1.764 1.764 0 0 0 0 3.528Zm7.056 0a1.764 1.764 0 1 0 0-3.527 1.764 1.764 0 0 0 0 3.528Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-face-almost-sad ($fg-color: #2C2C2C, $bg-color: #f9c66b) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="face-almost-sad" fill="none" data-category="feedback" viewBox="0 0 32 32"><path fill="#{$bg-color}" d="M16.111 30.222c7.793 0 14.111-6.318 14.111-14.11C30.222 8.317 23.904 2 16.112 2 8.317 2 2 8.318 2 16.111s6.318 14.111 14.111 14.111"/><path fill="#{$fg-color}" d="m16.111 16.421-4.989 4.99 2.495 2.494 2.494-2.495 2.494 2.495L21.1 21.41zm-3.528-3.841a1.764 1.764 0 1 0 0-3.527 1.764 1.764 0 0 0 0 3.528Zm7.056 0a1.764 1.764 0 1 0 0-3.527 1.764 1.764 0 0 0 0 3.528Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-face-happy ($fg-color: #2C2C2C, $bg-color: #43f8b6) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="face-happy" fill="none" data-category="feedback" viewBox="0 0 32 32"><path fill="#{$bg-color}" d="M16.111 30.222c7.793 0 14.111-6.318 14.111-14.11C30.222 8.317 23.904 2 16.112 2 8.317 2 2 8.318 2 16.111s6.318 14.111 14.111 14.111"/><path fill="#{$fg-color}" d="m11.852 12.842 2.495-2.495L13.1 9.1l-1.248 1.247L10.605 9.1l-1.247 1.247zm8.518 0 2.494-2.495L21.617 9.1l-1.248 1.247L19.122 9.1l-1.247 1.247 2.494 2.495Zm-4.259 12.063 4.989-4.989-2.495-2.494-2.494 2.494-2.494-2.494-2.495 2.494 4.99 4.989Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-face-neutral ($fg-color: #2C2C2C, $bg-color: #f8f0dd) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="face-neutral" fill="none" data-category="feedback" viewBox="0 0 32 32"><path fill="#{$bg-color}" d="M16.111 30.222c7.793 0 14.111-6.318 14.111-14.11C30.222 8.317 23.904 2 16.112 2 8.317 2 2 8.318 2 16.111s6.318 14.111 14.111 14.111"/><g fill="#{$fg-color}"><path d="M14.347 19.639H10.82v3.528h3.528v-3.528Z"/><path d="M17.875 19.639h-3.528v3.528h3.528zm3.528 0h-3.528v3.528h3.528zm-8.82-7.056a1.764 1.764 0 1 0 0-3.527 1.764 1.764 0 0 0 0 3.527m7.056 0a1.764 1.764 0 1 0 0-3.527 1.764 1.764 0 0 0 0 3.527"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-face-sad ($fg-color: #2C2C2C, $bg-color: #ff8274) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="face-sad" fill="none" data-category="feedback" viewBox="0 0 32 32"><path fill="#{$bg-color}" d="M16.111 30.222c7.793 0 14.111-6.318 14.111-14.11C30.222 8.317 23.904 2 16.112 2 8.317 2 2 8.318 2 16.111s6.318 14.111 14.111 14.111"/><path fill="#{$fg-color}" d="m17.358 10.847 2.495 2.495 1.247-1.247-1.247-1.248L21.1 9.6l-1.247-1.247zm-2.494 0-2.495-2.494L11.122 9.6l1.247 1.247-1.247 1.248 1.247 1.247zm1.247 5.574-4.989 4.99 2.495 2.494 2.494-2.495 2.494 2.495L21.1 21.41z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-facebook ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="facebook" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 3C8.82 3 3 8.856 3 16.08 3 22.607 7.754 28.018 13.969 29v-9.14h-3.301v-3.78h3.3v-2.882c0-3.278 1.942-5.089 4.911-5.089 1.422 0 2.91.256 2.91.256v3.218h-1.64c-1.614 0-2.118 1.009-2.118 2.043v2.453h3.606l-.577 3.781h-3.029V29C24.246 28.019 29 22.608 29 16.08 29 8.855 23.18 3 16 3"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-factory-fill ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="factory-fill" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M28.96 28H3.08V4.06h10.84v10.59l8.02-3.07v3.04l6.98-3.08z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-feedback ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="feedback" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m16 26.82-3.05-3.06H3V5h26v18.76h-9.9zM5 21.76h8.78l2.23 2.23 2.26-2.23h8.71V7H5z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-figma ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="figma" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.67 7.51V7c0-2.76-2.25-5-5-5H11C8.24 2 6 4.24 6 7v.51c0 1.64.79 3.1 2.02 4-1.23.9-2.02 2.36-2.02 4v.5c0 1.7.85 3.21 2.15 4.1A5.4 5.4 0 0 0 6 24.43c0 2.99 2.43 5.42 5.42 5.42s5.41-2.43 5.41-5.42v-3.98c.94.76 2.13 1.22 3.42 1.22 2.99 0 5.42-2.43 5.42-5.42 0-1.87-.95-3.52-2.39-4.49a4.99 4.99 0 0 0 2.39-4.25M14.83 24.43c0 1.88-1.53 3.42-3.41 3.42S8 26.31 8 24.43s1.53-3.42 3.42-3.42h3.41zm0-5.42H11c-1.65 0-3-1.34-3-3v-.5c0-1.66 1.35-3 3-3h3.83zm0-8.5H11c-1.65 0-3-1.35-3-3V7c0-1.65 1.35-3 3-3h3.83zm8.84 5.74c0 1.88-1.54 3.42-3.42 3.42s-3.42-1.54-3.42-3.42 1.54-3.42 3.42-3.42 3.42 1.54 3.42 3.42m0-8.74c0 1.65-1.35 3-3 3h-3.84V4h3.84c1.65 0 3 1.35 3 3z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-filming-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="filming-prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M5.435 15.581H21.74v3.141l4.826-1.633v10.993l-4.817-1.627v2.543H5.435zm14.296 11.382v-9.34H7.43v9.34zm4.818-1.707v-5.34l-2.757.932-.007.052q.002 1.665-.003 3.332c0 .087.043.108.107.129l1.706.574zM19.32 10.332l-1.445 1.443-3.108-3.108-3.183 3.183-1.423-1.423 3.176-3.175-2.838-2.836 1.412-1.414 2.804 2.805 2.782-2.78 1.46 1.459-2.744 2.742z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-filter ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="filter" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M3 3v8l9 9v9h8v-8.751L29 11V3zm24 2v4H5V5zm-9 14.437V27h-4v-7.828L5.828 11h20.381z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-fire-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="fire-prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M23.196 9.626c.007.281-.033.561-.118.829a1.71 1.71 0 0 1-1.274 1.214 1.59 1.59 0 0 1-1.507-.477 1.46 1.46 0 0 1-.232-1.486c.114-.272.268-.525.458-.75a2.9 2.9 0 0 0 .715-1.604 1.94 1.94 0 0 0-.229-1.035q-.018.311-.117.607c-.265.545-.69.996-1.22 1.291a3.13 3.13 0 0 0-1.559 1.91 2.4 2.4 0 0 0 .602 2.308l.005.008a9.5 9.5 0 0 0 2.147 1.646 9.4 9.4 0 0 0 2.287-1.799c.318-.4.47-.908.423-1.418 0-.066.004-.135 0-.208a1.87 1.87 0 0 0-.381-1.036M13.97 6.813q.005.172-.047.336a.69.69 0 0 1-.516.49.64.64 0 0 1-.61-.192.59.59 0 0 1-.093-.602q.07-.166.185-.303c.161-.181.262-.408.29-.649a.8.8 0 0 0-.093-.418 1 1 0 0 1-.048.245c-.107.22-.279.403-.493.522a1.27 1.27 0 0 0-.63.773.97.97 0 0 0 .243.934l.002.003c.256.263.549.487.868.666a3.8 3.8 0 0 0 .926-.728.8.8 0 0 0 .17-.573q.002-.04 0-.085a.76.76 0 0 0-.153-.419"/><path fill="#{$fg-color}" d="M16 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m0 28A12.982 12.982 0 0 1 6.139 7.553l5.764 5.764a6.44 6.44 0 0 0-2.865 3.978 5.86 5.86 0 0 0 1.47 5.64c.006.006.006.014.01.02a23.2 23.2 0 0 0 5.246 4.021 23 23 0 0 0 5.499-4.299l3.184 3.185A12.93 12.93 0 0 1 16 29m-2.195-12.728q.136-.373.34-.713l5.07 5.069a4 4 0 0 1-1.162.441 3.89 3.89 0 0 1-3.681-1.165 3.57 3.57 0 0 1-.567-3.632m12.057 8.175-3.661-3.66a7.6 7.6 0 0 0 .185-1.67c0-.162.008-.331-.002-.509a4.57 4.57 0 0 0-.93-2.53 6.1 6.1 0 0 1-.289 2.025c-.125.396-.3.776-.519 1.13l-5.324-5.326a6.45 6.45 0 0 0 1.35-3.385 4.7 4.7 0 0 0-.56-2.528 5.7 5.7 0 0 1-.287 1.482 5.9 5.9 0 0 1-2.286 2.648L7.553 6.139a12.983 12.983 0 0 1 18.309 18.31"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-fire-safety ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="fire-safety" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M10.64 4.46 16 0l12 10v21H4V1h5.78zM8.22 3H6v5.34l2.94-2.45zM6 10.94V29h20V10.94L16 2.61z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M21.34 15.03a5.9 5.9 0 0 1-.29 2 4.15 4.15 0 0 1-1.13 1.9 4.2 4.2 0 0 1-1.94 1 3.8 3.8 0 0 1-2-.1 3.7 3.7 0 0 1-1.66-1.06 3.44 3.44 0 0 1-.78-1.71 3.55 3.55 0 0 1 .21-1.88 7.3 7.3 0 0 1 1.11-1.81c1-1.08 2.93-2.7 1.12-6.37-.35 2.3-.58 3.07-3.18 4.58a7.8 7.8 0 0 0-2.31 2.01 7.55 7.55 0 0 0-1.41 2.69 5.84 5.84 0 0 0 1.45 5.58 24.7 24.7 0 0 0 5.48 4 21.6 21.6 0 0 0 5.24-4.35c.9-.92 1.61-3.64.09-6.48"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-fireworks-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="fireworks-prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m4.174 14.755-1.64 1.366-2.946-2.947 1.366-1.639zm-2.457-5.193 4.69-.435-.313 4.811-2.162-2.16zm-.725 7.844-3.517 2.93-2.101-2.102 2.93-3.517zm4.556-1.276 2.2 2.2.737-11.34-11.052 1.025 2.147 2.146-1.366 1.64-6.661-6.663a12.983 12.983 0 0 1 18.308 18.31l-5.952-5.953zM6.138 7.552l6.791 6.791-4.174 5.01 1.617 1.616-2.753 2.753 1.368 1.369 2.754-2.753 1.615 1.615 5.01-4.173 6.081 6.081A12.983 12.983 0 0 1 6.14 7.552"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-fishing-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="fishing-prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17.239 18.18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/><path fill="#{$fg-color}" d="m32 2.615-5.835 8.577-2.354 3.444.038-4.985h-2.044c-2.126 0-4.745 1.19-7.376 3.353-2.675 2.2-5.087 5.147-6.976 8.521-.724 1.294-2.17 4.518-2.232 4.654l-1.25 2.79A5 5 0 0 0 0 27v2a3.003 3.003 0 0 1 3 3h2a3 3 0 1 1 6 0h2a3 3 0 1 1 6 0h2a3 3 0 1 1 6 0h2a3.003 3.003 0 0 1 3-3v-2a4.98 4.98 0 0 0-4 2.03 4.94 4.94 0 0 0-2.398-1.755 57 57 0 0 0 1.806-4.85c1.409-4.442 1.534-7.16.407-8.812l-.421-.618L32 6.195zM3.995 28.997h.01L4 29.003zm19.548-2-.018.043a4.93 4.93 0 0 0-2.48.925c-.398.292-.75.642-1.045 1.038a4.975 4.975 0 0 0-8 .028 4.97 4.97 0 0 0-5.007-1.918l.053-.116s1.463-3.264 2.152-4.495c3.772-6.739 9.363-10.851 12.607-10.851h.029l-.072 9.528 4.401-6.44c1.73 2.538-2.62 12.258-2.62 12.258M3.086 10.34l1.416 1.416L7.487 8.77l2.847 2.876 1.422-1.417-2.878-2.877 2.865-2.864-1.417-1.417L7.45 5.948 4.478 2.974 3.034 4.418l2.988 2.987z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-fixed-bench ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="fixed-bench" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27 17H5v2h22zM5 10v2h3v1H5v2h3v1h2v-1h12v1h2v-1h3v-2h-3v-1h3v-2zm17 3H10v-1h12zm-12 7H8v3h2zm14 0h-2v3h2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-fixed-grill ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="fixed-grill" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m15.637 13.539 1.783-.907-.996-1.957 1.309-4.021L16.382 4l-1.782.907.974 1.916-1.308 4.021zm4.948 0 1.783-.907-.996-1.957 1.309-4.021L21.33 4l-1.782.907.974 1.916-1.308 4.021zm-9.895 0 1.782-.907-.995-1.957 1.308-4.021L11.435 4l-1.782.907.974 1.916-1.308 4.021zM2 15.561v2h4v11h2v-3l16 .002v3h2v-11h4v-2zm22 8.002h-7.9v-.002H8v-6h7.9v.002H24z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-flag ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="flag" data-category="objects" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.17 2.53003H3.9V29.72H5.9V20.16H29.17L22.19 11.34L29.17 2.53003ZM25.04 18.16H5.9V4.53003H25.04L19.64 11.34L25.04 18.16Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-flammable-waste ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="flammable-waste" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M20.945 8.532a6.6 6.6 0 0 1-.252 1.76 4.6 4.6 0 0 1-2.705 2.58 3.49 3.49 0 0 1-3.2-1.014 3.1 3.1 0 0 1-.494-3.158q.119-.324.296-.62s1.981-2.631 2.197-4.379a4.1 4.1 0 0 0-.487-2.198c-.025.439-.11.872-.25 1.288-.556 1.59-3.41 3.34-3.41 3.34a5.6 5.6 0 0 0-2.49 3.459 5.1 5.1 0 0 0 1.278 4.903c.005.005.005.013.01.018a20.2 20.2 0 0 0 4.56 3.496 20 20 0 0 0 4.348-3.292 5.48 5.48 0 0 0 1.409-3.54c.004-.142.007-.29-.002-.443a4 4 0 0 0-.808-2.2"/><path fill="#{$fg-color}" d="M22.832 4.816a1.63 1.63 0 0 0-.33-.9c.006.244-.028.487-.103.72A1.48 1.48 0 0 1 21.29 5.69a1.38 1.38 0 0 1-1.31-.414 1.27 1.27 0 0 1-.202-1.293q.15-.356.399-.651a2.53 2.53 0 0 0 .622-1.395 1.7 1.7 0 0 0-.2-.9q-.015.27-.102.528c-.23.474-.6.866-1.06 1.122a2.73 2.73 0 0 0-1.355 1.66 2.09 2.09 0 0 0 .523 2.007l.004.008a8.2 8.2 0 0 0 1.867 1.43 8.2 8.2 0 0 0 1.988-1.564c.276-.348.408-.79.368-1.232 0-.058.003-.118 0-.181m-4.608 25.188h-4.448l-1.262-11.009-2.06.009L11.992 32h6.332v-.009h1.684l1.538-12.997-2.061.006z"/><path fill="#{$fg-color}" d="M14.983 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 1h-2v2h2zm-1 5h-2v2h2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-flash-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="flash-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M2.172 29.405v-13.88c4.298 0 11.72.03 16.028.03v-4.4h6.424c0 4.362-.02 13.88-.02 18.25zm20.35-11.685H4.253v9.605h18.27zm-.043-4.3h-2.142l.003 2.103c.505 0 1.64.032 2.14.032z"/><path fill="#{$fg-color}" d="M12.84 13.397V11.25c.055-.003 1.156 0 1.203 0 .847 0 1.162.016 2.009.011-.008.415 0 1.006 0 1.42 0 .042.003.672 0 .722-.95 0-2.257-.006-3.213-.006m13.999 0V11.25c.056-.003 1.156 0 1.203 0 .847 0 1.162.016 2.01.011-.009.415 0 1.006 0 1.42 0 .042.002.672 0 .722-.95 0-2.257-.006-3.213-.006M22.51 7.993h-2.148c-.002-.056 0-1.156 0-1.203 0-.848.017-1.162.012-2.01.414.008 1.005 0 1.42 0 .042 0 .671-.002.721 0 0 .95-.006 2.257-.006 3.213m-4.356.149-1.472 1.562c-.043-.036-.842-.793-.876-.825-.617-.58-.834-.809-1.454-1.387.29-.296.69-.732.974-1.033.028-.03.458-.49.494-.525.691.651 1.639 1.552 2.334 2.208m7.877 1.555L24.57 8.12c.04-.04.848-.785.883-.817.621-.576.864-.777 1.482-1.357.276.31.684.738.965 1.042.028.03.458.491.49.53-.697.644-1.66 1.528-2.361 2.178M13.255 26.254a3.704 3.704 0 0 1-3.555-2.91 3.75 3.75 0 1 1 5.066 2.64 3.65 3.65 0 0 1-1.511.27m.087-2.041q.238-.022.472-.073a1.65 1.65 0 0 0 1.252-1.291 1.6 1.6 0 0 0-.612-1.67 1.805 1.805 0 0 0-2.19-.014 1.64 1.64 0 0 0-.668 1.283 1.73 1.73 0 0 0 1.746 1.765M9.307 2.64l1.458 1.459-2.99 2.99 3.007 2.97-1.453 1.45-2.951-2.95-3.059 3.062-1.475-1.49 3.028-3.028L1.826 4.06l1.468-1.466 3.03 3.031z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-folder-pending ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="folder-pending" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29 10.51V6.49002H10.99L8.51 3.52002H3V10.51H1.01L2.01 28.46H16.64V26.46H3.9L3.12 12.51H28.87L28.67 16.27L30.66 16.38L30.99 10.51H29ZM5 5.52002H7.57L10.05 8.49002H27V10.51H5V5.52002Z" fill="#{$fg-color}"/><path d="M24 29.3H23.98C22.73 29.3 21.51 28.93 20.47 28.24L21.58 26.57C22.29 27.04 23.12 27.29 23.98 27.29L24 29.29V29.3ZM25.24 29.18L24.85 27.22C25.69 27.05 26.46 26.64 27.07 26.03L28.49 27.44C27.6 28.33 26.48 28.94 25.25 29.18H25.24ZM19.51 27.46C18.61 26.57 18.01 25.45 17.76 24.22L19.72 23.82C19.89 24.66 20.3 25.43 20.92 26.03L19.51 27.45V27.46ZM29.26 26.48L27.6 25.37C28.08 24.66 28.33 23.82 28.33 22.96L29.92 22.91H30.33C30.33 24.22 29.96 25.44 29.26 26.48ZM17.79 22.98H17.64C17.64 21.7 18 20.5 18.68 19.46L20.35 20.56C19.88 21.27 19.63 22.1 19.63 22.95L17.78 22.98H17.79ZM28.24 22.06C28.06 21.22 27.64 20.46 27.03 19.85L28.43 18.42C29.33 19.3 29.94 20.42 30.2 21.64L28.24 22.05V22.06ZM20.89 19.9L19.47 18.5C20.35 17.6 21.47 16.99 22.7 16.74L23.11 18.7C22.27 18.87 21.5 19.29 20.9 19.91L20.89 19.9ZM26.36 19.31C25.65 18.85 24.83 18.6 23.98 18.6L23.94 16.87V16.6C25.22 16.6 26.42 16.96 27.45 17.63L26.35 19.3L26.36 19.31Z" fill="#{$fg-color}"/><path d="M26.81 24.38H22.75V19.91H24.75V22.38H26.81V24.38Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-folder-restricted ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="folder-restricted" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29 10.51V6.49002H10.98L8.51 3.52002H3V10.51H1.01L2 28.46H16.64V26.46H3.9L3.12 12.51H28.87L28.67 16.27L30.66 16.38L30.99 10.51H29ZM5 5.52002H7.57L10.05 8.49002H27V10.51H5V5.52002Z" fill="#{$fg-color}"/><path d="M23.98 16.61C20.48 16.61 17.63 19.46 17.63 22.96C17.63 26.46 20.48 29.3 23.98 29.3C27.48 29.3 30.33 26.46 30.33 22.96C30.33 19.46 27.48 16.61 23.98 16.61ZM23.98 27.3C21.58 27.3 19.63 25.35 19.63 22.96C19.63 22.12 19.87 21.33 20.29 20.66L26.34 26.6C25.66 27.04 24.85 27.3 23.98 27.3ZM27.73 25.16L21.71 19.26C22.37 18.84 23.15 18.61 23.98 18.61C26.38 18.61 28.33 20.56 28.33 22.96C28.33 23.76 28.11 24.51 27.73 25.16Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-folder ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="folder" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M8.5 3 11 6h18v4h2l-1 18H2L1 10h2V3zM5 10V5h2.563l2.5 3H27v2zm-1.886 2 .778 14h24.216l.778-14z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-food-and-drinks-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="food-and-drinks-prohibited" fill="none" data-category="food" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.045 6.285c0 .668-.023 1.368-.023 2.04-1.453 0-2.974.03-4.437.03 0 1.56-.025 3.368-.025 4.919h5.632v1.994h-1.246l-.807 14.124-9.116-.05-.716-14.023h-1.482v-2.014h5.697V6.243c2.143 0 4.381.042 6.523.042m-2.82 21.074.687-11.986h-6.573l.612 11.986zm-9.334 2.039-15.082.051v-.148c.012-1.858.04-3.925.04-5.783 0-.061.014-.061.014-.061 2.511-.009 5.304-.034 7.815-.043l7.162-.022s.01-.005.005.038c.014 1.908.033 3.948.046 5.856zm-2.128-3.946H3.938v1.962H4.1l8.19-.025q1.177-.006 2.353-.004c.11 0 .141-.03.138-.135-.01-.43-.013-.861-.018-1.292-.002-.172 0-.344 0-.506m1.92-4.014H2.369c-.174 0-.178 0-.173-.17.014-.552.001-1.107.055-1.656a6.8 6.8 0 0 1 1.13-3.156 7.1 7.1 0 0 1 4.642-3.137 7.236 7.236 0 0 1 8.659 6.937c.005.387 0 .775 0 1.182m-2.137-2.026a5.198 5.198 0 0 0-10.205 0zM5.267 7.019l-3.02-3.017c.035-.038.062-.069.09-.098l1.219-1.217c.136-.136.109-.135.24-.005L6.58 5.468q.05.057.092.121l2.94-2.947 1.43 1.43-2.928 2.926 2.926 2.926-1.423 1.424-2.904-2.904-2.984 2.984-1.435-1.436z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-fountain ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="fountain" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m16 19.656 2.828-2.828a4 4 0 1 0-5.657-.001zm-1.415-7.07a2.047 2.047 0 0 1 2.828 0 2 2 0 0 1 .001 2.827L16 16.828l-1.414-1.414a2 2 0 0 1-.001-2.827m10.409 2.1 2.828-2.828a4 4 0 1 0-5.657 0zM23.58 7.618h.001a2.047 2.047 0 0 1 2.828 0 2 2 0 0 1 .001 2.826l-1.415 1.415-1.414-1.414a2 2 0 0 1 0-2.827M7.006 14.687l2.828-2.828a4 4 0 1 0-5.657 0zM5.59 7.618a2.047 2.047 0 0 1 2.829 0 2 2 0 0 1 0 2.826L7.007 11.86l-1.414-1.414a2 2 0 0 1-.001-2.827M29 27v-6H3v6H0v2h32v-2zM5 27v-4h22v4z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-game-console ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="game-console" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16.287 8.399 5.968 8.001a1 1 0 0 0-1.029.862L3.01 22.76A1 1 0 0 0 4 23.897h2.287a1 1 0 0 0 .944-.672l.695-2.003.208-.56a5 5 0 0 1 4.689-3.264h6.325a5 5 0 0 1 4.371 2.572l.567 1.021 1.076 2.326a1 1 0 0 0 .908.58h2.118a1 1 0 0 0 .994-1.114L27.574 8.888a1 1 0 0 0-1.032-.885L16.288 8.4Zm0-2.001L6.045 6.002a3 3 0 0 0-3.087 2.586L1.03 22.485a3 3 0 0 0 2.972 3.413h2.286A3 3 0 0 0 9.12 23.88l.688-1.983.2-.542a3 3 0 0 1 2.814-1.959h6.325a3 3 0 0 1 2.623 1.544l.53.957 1.046 2.26a3 3 0 0 0 2.723 1.74h2.118a3 3 0 0 0 2.98-3.345L29.562 8.658a3 3 0 0 0-3.096-2.653l-10.178.393Z" clip-rule="evenodd"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M12.123 13.898H6.57v-2h5.553z" clip-rule="evenodd"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M10.272 9.898v6h-2v-6z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M22.302 12.898c0 .552-.415 1-.926 1-.51 0-.925-.448-.925-1 0-.553.414-1 .925-1s.926.447.926 1m1.85-2c0 .552-.414 1-.925 1s-.925-.448-.925-1c0-.553.414-1 .925-1s.925.447.925 1m0 4c0 .552-.414 1-.925 1s-.925-.448-.925-1c0-.553.414-1 .925-1s.925.447.925 1m1.851-2c0 .552-.414 1-.925 1s-.926-.448-.926-1c0-.553.415-1 .926-1 .51 0 .925.447.925 1"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-gavel ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="gavel" data-category="objects" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.85593 13.4553L6.62598 14.2286L9.66524 10.109L9.75232 9.99152L9.87059 9.90538L13.611 7.19466L12.8507 6.43117L17.0168 2.24762L27.1112 12.3845L22.9452 16.568L22.1901 15.8097L20.8768 17.6636L30.3825 27.2093L26.5303 31.0776L17.0239 21.5314L15.196 22.8345L15.9504 23.5921L11.657 27.9036L1.5625 17.7667L5.85593 13.4553ZM19.3633 19.7982L19.2717 19.928L18.5803 20.4214L26.5303 28.4047L27.7208 27.2093L19.7695 19.2246L19.3633 19.7982ZM7.97178 15.58L13.8463 21.4791L17.9226 18.572L20.8404 14.4544L14.9588 8.54806L11.0903 11.3521L7.97178 15.58ZM22.9452 13.8951L24.4495 12.3845L17.0168 4.9205L15.5124 6.43117L22.9452 13.8951ZM11.657 25.2307L13.2887 23.5921L5.85593 16.1282L4.22421 17.7667L11.657 25.2307Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-girls-shower ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="girls-shower" fill="none" data-category="signs" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_6_93651)"><path d="M20.245 16.555h-7.792l-1.132 9.255 1.138.12v3.29h.89V32h2v-2.778h2V32h2v-2.78h.89v-3.284l1.138-.127zm-5.786 2h3.78v8.666h-3.78zm1.891-3.888a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m3.258-1.5h-.566v.566a1.74 1.74 0 0 0 1.74 1.74h.566v-.566a1.74 1.74 0 0 0-1.74-1.74m-8.258 1.74v.566h.566a1.74 1.74 0 0 0 1.74-1.74v-.567h-.566a1.74 1.74 0 0 0-1.74 1.74"/><path d="M7.637 9.797q-.002-2.26-.007-4.52-.003-.415.09-.818a2.6 2.6 0 0 1 .356-.848 3.2 3.2 0 0 1 1.369-1.134 4.7 4.7 0 0 1 1.627-.403 5.1 5.1 0 0 1 1.982.233 3.55 3.55 0 0 1 1.57.982c.4.428.63.986.65 1.571a.26.26 0 0 1-.136.014h-1.68c-.115 0-.11-.013-.11.103v2.05c0 .11 0 .112.105.112h5.707c.108 0 .109-.001.109-.107V4.98c0-.12.002-.106-.106-.106H17.47c-.126 0-.127 0-.13-.122a4.2 4.2 0 0 0-.145-.974 4.6 4.6 0 0 0-1.689-2.485A6.36 6.36 0 0 0 11.85.004L11.152 0h-.12a9 9 0 0 0-.71.077A6.4 6.4 0 0 0 8.618.58a5.35 5.35 0 0 0-2.1 1.651 4.7 4.7 0 0 0-.94 2.827c-.003.222.003.444.004.666l.01 4.705V31.92h2.049z"/></g><defs><clipPath id="clip0_6_93651"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-girls-toilet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="girls-toilet" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M19.896 12.582h-7.792l-1.132 9.255 1.138.12v3.29H13v2.78h2V25.25h2v2.778h2v-2.78h.89v-3.284l1.138-.126zm-5.786 2h3.78v8.666h-3.78zM16 10.694a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m3.259-1.5h-.566v.566a1.74 1.74 0 0 0 1.74 1.74h.566v-.566a1.74 1.74 0 0 0-1.74-1.74m-8.258 1.74v.566h.566a1.74 1.74 0 0 0 1.74-1.74v-.566h-.566a1.74 1.74 0 0 0-1.74 1.74"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-github ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="github" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16.062 3a12.9 12.9 0 0 0-8.464 3.173 13.4 13.4 0 0 0-4.43 8.022 13.57 13.57 0 0 0 1.72 9.04 13.1 13.1 0 0 0 7.049 5.743c.657.123.89-.295.89-.646v-2.267c-3.646.81-4.415-1.792-4.415-1.792a3.56 3.56 0 0 0-1.45-1.955c-1.177-.818.097-.818.097-.818a2.7 2.7 0 0 1 1.152.452 2.8 2.8 0 0 1 .842.922c.177.328.416.618.703.851.287.234.617.408.97.511a2.7 2.7 0 0 0 1.086.092 2.8 2.8 0 0 0 1.038-.341c.05-.673.335-1.306.801-1.784-2.9-.335-5.944-1.48-5.944-6.545a5.22 5.22 0 0 1 1.338-3.576 4.96 4.96 0 0 1 .128-3.526s1.098-.36 3.589 1.366a12.1 12.1 0 0 1 6.537 0c2.49-1.726 3.58-1.366 3.58-1.366a4.93 4.93 0 0 1 .16 3.502 5.22 5.22 0 0 1 1.338 3.575c0 5.122-3.052 6.243-5.96 6.546.312.32.553.705.706 1.128.154.424.216.876.184 1.326v3.658c0 .433.232.769.897.638a13.1 13.1 0 0 0 6.949-5.765 13.57 13.57 0 0 0 1.677-8.982 13.4 13.4 0 0 0-4.385-7.972A12.9 12.9 0 0 0 16.062 3" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-goal ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="goal" data-category="places" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.51 14.4V10.13H24.99V2.25H14.51V14.41L2.62 27.48L4.1 28.82L9.61 22.77L13.3 25.12L15.5 22.9L17.72 25.2L21.23 22.34L27.9 29.44L29.36 28.07L16.51 14.4ZM16.51 4.25H22.99V8.13H16.51V4.25ZM17.88 22.49L15.52 20.04L13.02 22.57L10.97 21.27L15.52 16.27L19.86 20.88L17.88 22.49Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-graffiti-allowed ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="graffiti-allowed" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M14.096 7.944V5.295h-2v2.649A5.1 5.1 0 0 0 8 12.939V27.72h10.192V12.939a5.1 5.1 0 0 0-4.096-4.995m2.096 17.777H10V14.983h6.192zM10 12.983v-.044a3.095 3.095 0 1 1 6.192 0v.044z"/><path fill="#{$fg-color}" d="m23.81 4-8.684 1.831v.994l8.684 6.669v-2.521l-5.036-3.867 5.036-1.062z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-graffiti-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="graffiti-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M19.051 9.232V6.584h-2v2.648a5.1 5.1 0 0 0-4.096 4.995V29.01h10.192V14.228a5.1 5.1 0 0 0-4.096-4.995m2.096 17.778h-6.192V16.27h6.192zM14.955 14.27v-.044a3.096 3.096 0 1 1 6.192 0v.044zM11.366 3.057 8.424 6.005a1 1 0 0 0-.09-.122L5.548 3.098c-.13-.13-.103-.132-.239.004L4.091 4.32c-.03.03-.056.06-.091.097l3.02 3.018-2.973 2.972 1.435 1.437L8.466 8.86l2.905 2.904 1.423-1.425-2.926-2.926 2.926-2.925q-.708-.711-1.428-1.43"/><path fill="#{$fg-color}" d="m28.765 5.289-8.685 1.83v.995l8.685 6.669v-2.521L23.73 8.395l5.036-1.062z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-graph ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="graph" fill="none" data-category="data" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M29 8V1h-7v2h3.596l-8.212 8.21-8.63-8.75-5.581 5.583 1.414 1.414L8.745 5.3l8.63 8.75L27 4.424V8z"/><path fill-rule="evenodd" d="M10.27 13H3.1v16H1v2h30v-2h-2.11V14h-7.17v15h-2.14V18h-7.17v11h-2.14zm13.45 16h3.17V16h-3.17zm-6.14-9v9h-3.17v-9zm-9.31 9V15H5.1v14z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-grid ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="grid" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M3.14 4.5v23h25.72v-23zm23.51 2.21V19H5.35V6.71zM5.35 25.29v-4.12h21.3v4.12z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-group-pending ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="group-pending" data-category="user" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.43999 11.85C9.19074 11.85 10.61 10.4308 10.61 8.68001C10.61 6.92927 9.19074 5.51001 7.43999 5.51001C5.68925 5.51001 4.26999 6.92927 4.26999 8.68001C4.26999 10.4308 5.68925 11.85 7.43999 11.85Z" fill="#{$fg-color}"/><path d="M8.93999 23.55H1.25999L3.23999 13.26H10.92L10.57 15.1H4.75999L3.48999 21.71H9.29999L8.93999 23.55Z" fill="#{$fg-color}"/><path d="M16.11 14.78C17.86 14.78 19.28 13.36 19.28 11.61C19.28 9.86001 17.86 8.44001 16.11 8.44001C14.36 8.44001 12.94 9.86001 12.94 11.61C12.94 13.36 14.36 14.78 16.11 14.78Z" fill="#{$fg-color}"/><path d="M12.15 24.64L13.42 18.03H18.78L19.03 19.32C19.51 18.81 20.05 18.37 20.66 18.02L20.31 16.19H11.9L9.91999 26.48H17.27C17.11 25.89 17.01 25.27 17 24.64H12.15Z" fill="#{$fg-color}"/><path d="M24.56 11.85C26.31 11.85 27.73 10.43 27.73 8.68001C27.73 6.93001 26.31 5.51001 24.56 5.51001C22.81 5.51001 21.39 6.93001 21.39 8.68001C21.39 10.43 22.81 11.85 24.56 11.85Z" fill="#{$fg-color}"/><path d="M29.92 19.29L28.76 13.26H21.08L21.43 15.1H27.23L27.73 17.7C28.55 18.1 29.29 18.63 29.91 19.28L29.92 19.29Z" fill="#{$fg-color}"/><path d="M24.51 30.81H24.49C23.24 30.81 22.02 30.44 20.98 29.75L22.09 28.08C22.8 28.55 23.63 28.8 24.49 28.8L24.51 30.8V30.81ZM25.75 30.68L25.36 28.72C26.2 28.55 26.97 28.14 27.58 27.53L29 28.94C28.11 29.83 26.99 30.44 25.76 30.68H25.75ZM20.03 28.97C19.13 28.08 18.53 26.96 18.28 25.73L20.24 25.33C20.41 26.17 20.82 26.94 21.44 27.54L20.03 28.96V28.97ZM29.78 27.98L28.12 26.87C28.6 26.16 28.85 25.32 28.85 24.46L30.44 24.41H30.85C30.85 25.72 30.48 26.94 29.78 27.98ZM18.3 24.49H18.15C18.15 23.21 18.51 22.01 19.19 20.97L20.86 22.07C20.39 22.78 20.14 23.61 20.14 24.46L18.29 24.49H18.3ZM28.75 23.56C28.57 22.72 28.15 21.96 27.54 21.35L28.94 19.92C29.84 20.8 30.45 21.92 30.71 23.14L28.75 23.55V23.56ZM21.4 21.41L19.98 20.01C20.86 19.11 21.98 18.5 23.21 18.25L23.62 20.21C22.78 20.38 22.01 20.8 21.41 21.42L21.4 21.41ZM26.87 20.82C26.16 20.36 25.34 20.11 24.49 20.11L24.45 18.38V18.11C25.73 18.11 26.93 18.47 27.96 19.14L26.86 20.81L26.87 20.82Z" fill="#{$fg-color}"/><path d="M27.32 25.89H23.26V21.42H25.26V23.89H27.32V25.89Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-group ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="group" data-category="user" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.11 14.78C17.8607 14.78 19.28 13.3608 19.28 11.61C19.28 9.85927 17.8607 8.44001 16.11 8.44001C14.3593 8.44001 12.94 9.85927 12.94 11.61C12.94 13.3608 14.3593 14.78 16.11 14.78Z" fill="#{$fg-color}"/><path d="M22.29 26.48H9.91999L11.9 16.19H20.31L22.29 26.48ZM12.15 24.64H20.06L18.79 18.03H13.43L12.16 24.64H12.15Z" fill="#{$fg-color}"/><path d="M7.43999 11.85C9.19074 11.85 10.61 10.4308 10.61 8.68001C10.61 6.92927 9.19074 5.51001 7.43999 5.51001C5.68925 5.51001 4.26999 6.92927 4.26999 8.68001C4.26999 10.4308 5.68925 11.85 7.43999 11.85Z" fill="#{$fg-color}"/><path d="M8.93999 23.55H1.25999L3.23999 13.26H10.92L10.57 15.1H4.75999L3.48999 21.71H9.29999L8.93999 23.55Z" fill="#{$fg-color}"/><path d="M24.56 11.85C26.3107 11.85 27.73 10.4308 27.73 8.68001C27.73 6.92927 26.3107 5.51001 24.56 5.51001C22.8093 5.51001 21.39 6.92927 21.39 8.68001C21.39 10.4308 22.8093 11.85 24.56 11.85Z" fill="#{$fg-color}"/><path d="M23.06 23.55H30.74L28.76 13.26H21.08L21.43 15.1H27.24L28.51 21.71H22.7L23.06 23.55Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-gym ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="gym" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M4 11H2v10h2zm3-3H5v16h2zm21 13h2V11h-2zm-3 3h2V8h-2zM8 15v2h16v-2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-handicap-elevator ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="handicap-elevator" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27.772 3.132h-2V9h-4l5 5.507 5-5.507h-4zM4.624 14.888h2V9.021h4l-5-5.507-5 5.507h4zM17.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m2.388 10.994A7 7 0 0 0 19 17.26V9h-5.687l-2.392 6.221.706 1.646a7.008 7.008 0 1 0 9.883 3.572l1.49.352V28h2v-8.791zm-6.809-2.814L14.687 11H17v5.294a6.9 6.9 0 0 0-3.499-.129zM15 28a4.985 4.985 0 0 1-2.573-9.265l1.654 3.859 1.838-.787-1.602-3.738q.34-.059.683-.069a5 5 0 0 1 0 10"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-handicap ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="handicap" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m2.388 10.994A7 7 0 0 0 19 17.26V9h-5.687l-2.392 6.221.706 1.646a7.008 7.008 0 1 0 9.883 3.572l1.49.352V28h2v-8.791zm-6.809-2.814L14.687 11H17v5.294a6.9 6.9 0 0 0-3.499-.129zM15 28a4.985 4.985 0 0 1-2.573-9.265l1.654 3.859 1.838-.787-1.602-3.738q.34-.059.683-.069a5 5 0 0 1 0 10"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-hands-globe ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="hands-globe" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16 2a9 9 0 0 0-8.018 4.908A9 9 0 0 0 7 11c0 1.471.354 2.863.982 4.091a9.005 9.005 0 0 0 9.05 4.85 9 9 0 0 0 6.986-4.85A9 9 0 0 0 25 11a9 9 0 0 0-.982-4.092A9 9 0 0 0 16 2m-.586 2.262q.103-.143.184-.25a7 7 0 0 1 .781-.002 18 18 0 0 1 1.382 2.354h-3.594a14.7 14.7 0 0 1 1.247-2.102m3.933.804-.158-.3a7 7 0 0 1 2.056 1.598h-1.288a18 18 0 0 0-.61-1.298m1.295 3.298h1.845c.33.812.513 1.702.513 2.636s-.182 1.824-.513 2.636h-1.845A10.5 10.5 0 0 0 21 11c0-.903-.14-1.794-.358-2.636m-.685 7.272h1.288a7 7 0 0 1-2.056 1.597l.158-.299c.205-.396.413-.831.61-1.298m-3.389 2.077q-.105.157-.189.277a7 7 0 0 1-.782-.001 14.7 14.7 0 0 1-1.43-2.352h3.594a18 18 0 0 1-1.193 2.077Zm-3.91-.631.055.1a7 7 0 0 1-1.958-1.546h1.221c.217.528.451 1.012.683 1.446Zm-1.334-3.446h-1.81A7 7 0 0 1 9 11c0-.934.182-1.824.513-2.636h1.81C11.125 9.19 11 10.077 11 11s.124 1.81.324 2.636m.652-7.272h-1.22a7 7 0 0 1 1.957-1.546 16 16 0 0 0-.737 1.546M13 11c0-.92.154-1.81.392-2.636h5.17c.265.855.438 1.752.438 2.636s-.172 1.781-.438 2.636h-5.17A9.5 9.5 0 0 1 13 11" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M6 13H1v10.914l5.793 5.793 1.414-1.414L3 23.086V15h1v6.303l3.168 4.752 1.664-1.11-2.418-3.627.809-.486 2.07 2.898 2.83 1.888.907 3.625 1.94-.485-1.094-4.376-3.169-2.112-2.93-4.102L6 19.233zm20 0h5v10.914l-5.793 5.793-1.414-1.414L29 23.086V15h-1v6.303l-3.168 4.752-1.664-1.11 2.418-3.627-.809-.486-2.07 2.898-2.83 1.888-.907 3.625-1.94-.485 1.094-4.376 3.169-2.112 2.93-4.102L26 19.233z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-headset ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="headset" fill="none" data-category="objects" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.067 16.68h-2v5h2zm-4-2v9h6v-9zm17.1 2h-2v5h2zm-4-2v9h6v-9z"/><path d="M22.008 4.632a10.31 10.31 0 0 0-11.51.254 7.93 7.93 0 0 0-3.357 6.478V21.68h-2V11.364a9.93 9.93 0 0 1 4.204-8.112 12.31 12.31 0 0 1 13.743-.303l.296.19a10.34 10.34 0 0 1 4.757 8.703v9.838h-2v-9.838a8.34 8.34 0 0 0-3.837-7.02z"/><path d="M7.587 27.967c-1.805-1.414-2.445-3.689-2.444-6.79l2 .001c0 2.901.609 4.378 1.677 5.214 1.144.896 3.076 1.288 6.321 1.288v2c-3.255 0-5.823-.358-7.554-1.713"/><path d="M14.141 26.68v4h5v-4z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-heart-hand ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="heart-hand" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M2.214 2.371a3.717 3.717 0 0 0 0 5.257l5.15 5.15 4.708-4.708.567 3.971-.708-1.415-3.788 2.066 2.887 11.55c.82 3.283 3.363 6.622 7.97 6.622 3.986 0 6.768-2.3 8.395-5.553.106-.213.991-2.11 1.836-3.923l1.157-2.486.518-1.115.001-.002.38-.816-4.032-2.418-1.61 2.069 1.503-8.91-4.375-.875L22 9.77V5h-5v3.954l-.753-3.123-2.924.584A3.718 3.718 0 0 0 7.364 2.27a3.7 3.7 0 0 0-5.15.102Zm1.414 3.843a1.717 1.717 0 0 1 0-2.428 1.7 1.7 0 0 1 2.429 0l1.307 1.307 1.308-1.307A1.717 1.717 0 0 1 11.1 6.214L7.364 9.95 3.628 6.213Zm9.342 17.543-2.512-10.05.611-.333 2.537 5.073 1.884-.588-1.366-9.564.63-.126 2.274 9.43L19 17.363V7h1v10.5l1.967.255 2.26-8.59.626.125-1.726 10.238-.013.004a7 7 0 0 0-1.604.648c-1.202.676-2.51 1.96-2.51 4.184h2c0-1.276.692-1.992 1.49-2.441a5.1 5.1 0 0 1 1.618-.564l.019-.003h.001l.407-.051 3.21-4.128.969.581-.14.3-1.156 2.486a630 630 0 0 1-1.812 3.873c-1.373 2.746-3.551 4.447-6.606 4.447-3.393 0-5.35-2.39-6.03-5.107" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-heart-plus ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="heart-plus" fill="none" data-category="health" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M23 23v-3h2v3h3v2h-3v3h-2v-3h-3v-2z"/><path d="m28.41 15.096-1.469 1.469A7.997 7.997 0 0 1 24 32c-3.379 0-6.262-2.097-7.436-5.059l-1.065 1.065L2.59 15.097A8.78 8.78 0 0 1 0 8.844C0 6.481.92 4.261 2.59 2.59A8.8 8.8 0 0 1 8.844 0c2.362 0 4.583.92 6.253 2.59l.403.403.403-.403A8.8 8.8 0 0 1 22.156 0c2.363 0 4.584.92 6.254 2.59A8.8 8.8 0 0 1 31 8.843c0 2.362-.92 4.583-2.59 6.253M15.5 25.182l.533-.533A8 8 0 0 1 16 24a8 8 0 0 1 8-8c.219 0 .435.016.649.033l2.348-2.348a6.846 6.846 0 0 0-4.841-11.687 6.82 6.82 0 0 0-4.841 2.005L15.5 5.818l-1.815-1.815a6.82 6.82 0 0 0-4.841-2.005 6.846 6.846 0 0 0-4.841 11.687zM18 24c0 3.308 2.692 6 6 6s6-2.692 6-6-2.692-6-6-6-6 2.692-6 6"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-heart ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="heart" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m27.437 18.562 1.47-1.47a8.842 8.842 0 0 0-12.51-12.5l-.4.4-.4-.4a8.843 8.843 0 0 0-12.51 12.5l1.82 1.82 9.68 9.68 1.41 1.41 1.06-1.06zm-10.94 8.09-.53.53-9.65-9.68-1.82-1.82a6.85 6.85 0 1 1 9.69-9.68l1.81 1.81 1.82-1.81a6.845 6.845 0 1 1 9.68 9.68l-1.82 1.82-.53.53z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-height-restriction ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="height-restriction" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17.538 2.085a14 14 0 1 0-3.076 27.831 14 14 0 0 0 3.076-27.831m2.415 25.377-3.952-3.953-3.952 3.953a12.12 12.12 0 0 1 .015-22.93l3.937 3.937 3.937-3.937a12.12 12.12 0 0 1 .015 22.93"/><path fill="#{$fg-color}" d="M20.558 11.05h-2.223l-2.148 3.587-2.278-3.586h-2.483l3.248 4.743-3.379 5.154h2.222l2.315-3.828 2.372 3.828h2.503l-3.399-5.005z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-helmet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="helmet" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.18 2c-2.122 0-4.216.503-6.13 1.471a14.3 14.3 0 0 0-4.925 4.123 15.3 15.3 0 0 0-2.752 5.965 15.8 15.8 0 0 0-.04 6.634l8.976-2.1 6.919 7.302V30h1.867V16.038L30 13.72c-.698-3.32-2.447-6.29-4.96-8.421S19.404 2.005 16.18 2m2.048 20.61-4.758-5.023 4.758-1.113zm-14.34-4.8c-.192-3.095.672-6.161 2.436-8.643 1.763-2.481 4.31-4.215 7.18-4.887a11.7 11.7 0 0 1 8.466 1.221c2.593 1.464 4.602 3.86 5.662 6.754z"/><path fill="#{$fg-color}" d="M12.603 6.547A12 12 0 0 0 8.66 9.519l-.356.364 1.288 1.426.37-.378a10.3 10.3 0 0 1 3.319-2.548 10.6 10.6 0 0 1 4.646-.45l.345.019.095-1.968-.338-.019a12.2 12.2 0 0 0-5.426.582"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-hiking-trail ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="hiking-trail" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m9.09 30.887 3.71-8.837-1.5-3.007L1.16 16.79v-2.053l2.914.665-.009-5.912a6 6 0 0 1-.67-.29 4.06 4.06 0 0 1-1.69-1.545 4.264 4.264 0 1 1 4.472 1.94l-.116.021v6.23l4.95 1.112.021-1.822-.115-.037a3.37 3.37 0 0 1-2.271-2.63 3.444 3.444 0 1 1 4.526 2.62l-.143.042v1.888h5.959V9.1l5.002-4.687 4.98 4.671v7.952h1.983v1.996H18.08l1.313 3.023-3.203 6.84h-2.164l3.147-6.84-1.359-3.025h-2.227c.232.484 1.465 3.025 1.465 3.025l-3.906 8.832zm14.92-23.79-2.943 3.008-.006 6.931h5.964l-.02-6.938zM4.573 3.28a2.16 2.16 0 0 0-1.292 1.245A2.28 2.28 0 1 0 4.573 3.28m6.973 7.24c-.327.12-.595.362-.748.674a1.443 1.443 0 1 0 .748-.675"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-holding-hands ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="holding-hands" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M11.506 2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m13.001.25a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M5.086 6.75 4.01 19.667l1.993.166.005-.062V32h2V18.75h2V32h2V18.75h1.002v-4.791l1.533 5.08 1.912.007 1.647-5.312-.091 9.016h1V32h2v-9.25h2V32h2v-9.25h1v-3.894l.013.072 1.966-.357L25.842 6.75h-7.67v.003l-2.66 8.578-2.586-8.575V6.75zm1.841 2-.667 8h4.75v-8zm13.083 0h4v12h-4z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-home ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="home" fill="none" data-category="places" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path fill-rule="evenodd" d="M1.233 16.423 16 1.645l4 4.003V4.06h6v7.592l4.767 4.771-1.414 1.414L16 4.474 2.647 17.837zM24 9.651 22 7.65V6.06h2z" clip-rule="evenodd"/><path d="M8 29V16H6v15h8V20h4v11h8V16h-2v13h-4V18h-8v11z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-horizontal-menu ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg viewBox="0 0 32 32" fill="none" id="horizontal-menu" data-category="ui" xmlns="http://www.w3.org/2000/svg"><path d="M25 19C23.3431 19 22 17.6569 22 16C22 14.3431 23.3431 13 25 13C26.6569 13 28 14.3431 28 16C28 17.6569 26.6569 19 25 19Z" fill="#{$fg-color}"/><path d="M16 19C14.3431 19 13 17.6569 13 16C13 14.3431 14.3431 13 16 13C17.6569 13 19 14.3431 19 16C19 17.6569 17.6569 19 16 19Z" fill="#{$fg-color}"/><path d="M7 19C5.34315 19 4 17.6569 4 16C4 14.3431 5.34315 13 7 13C8.65685 13 10 14.3431 10 16C10 17.6569 8.65685 19 7 19Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-house-heart ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="house-heart" fill="none" data-category="places" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M10.184 14.184a4.045 4.045 0 0 1 5.716 0l.099.101.1-.1a4.047 4.047 0 0 1 5.717 0 4.05 4.05 0 0 1 0 5.716L16 25.717 10.184 19.9a4.046 4.046 0 0 1 0-5.716m10.219 1.414a2.046 2.046 0 0 0-2.889 0L16 17.112l-1.514-1.513a2.04 2.04 0 0 0-1.444-.597c-.523 0-1.046.199-1.444.597a2.045 2.045 0 0 0 0 2.888L16 22.889l4.403-4.403a2.045 2.045 0 0 0 0-2.888"/><path d="M10.646 5.461 16 1l12 10v21H4V2h5.781zM8.219 4H6v5.333l2.94-2.45zM6 11.937V30h20V11.937L16 3.604z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-ice-skating ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="ice-skating" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.076 22.994a1.896 1.896 0 0 1-1.973 2.078c-.552 0-2.094-.004-4.155-.01v-2.06h4.078v-4.2q.045-.508 0-1.018v-.032h-.002a4.84 4.84 0 0 0-1.051-2.83 5.6 5.6 0 0 0-4.413-1.678c-8.466 0-9.567-5.251-9.567-5.251h-7.98v15.01h3.995v2.013l-5.942-.02-.007 2s22.555.076 25.045.076a3.83 3.83 0 0 0 2.8-1.076 4.5 4.5 0 0 0 1.172-3.021zM6.226 9.993h4.368l.004.006c.459.799 1 1.548 1.614 2.235q.288.314.637.556l-2.046 2.046 1.414 1.415 2.407-2.408c.124.055.252.092.376.145a15.8 15.8 0 0 0 6.56 1.256 3.92 3.92 0 0 1 2.822.975c.359.437.581.97.64 1.532H6.178zm-.213 11.01V19.75h19.013v1.251zm14.935 4.053-10.94-.033v-2.02h10.94zM11.994 4.987h-8v2h8z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-incoming-mail ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="incoming-mail" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.7 9.876L6.3 11.305L16 20.81L25.7 11.305L24.3 9.876L16 18.009L7.7 9.876Z" fill="#{$fg-color}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 7V25H9.58405L7.58271 27H30V5H2L2.0132 20.3775L4.00451 18.3875L4 7H28Z" fill="#{$fg-color}"/><path d="M7.93431 24.3373L4.15453 20.5575L2.71271 21.9993L4.03106 23.3177H0.374741V25.3569L4.03106 25.3569L2.71271 26.6753L4.15453 28.1171L7.93431 24.3373Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-indoor-pool ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="indoor-pool" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m16 3.309 11.5 6.64 1-1.732L16 1 3.5 8.217l1 1.732zm0 13.521a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m12 11.2a4.95 4.95 0 0 0-6.633-1.271l-1.532-8.43h-7.67l-1.534 8.44A4.9 4.9 0 0 0 8 26a5 5 0 0 0-4 2.003A5 5 0 0 0 0 26v2a3.003 3.003 0 0 1 3 3h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3.004 3.004 0 0 1 3-3v-2a4.98 4.98 0 0 0-4 2.03M16 26a4.9 4.9 0 0 0-1.997.432V20.33h4v6.098A5 5 0 0 0 16 26"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-information ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="information" fill="none" data-category="status" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 1a15 15 0 1 1 0 30 15 15 0 0 1 0-30m0 2a13 13 0 1 0 0 26 13 13 0 0 0 0-26"/><path d="M14.151 8.61a1.793 1.793 0 0 1 1.819-1.82 1.774 1.774 0 0 1 1.796 1.818 1.774 1.774 0 0 1-1.796 1.817 1.79 1.79 0 0 1-1.818-1.817Zm.53 3.841h2.577v12.195H14.68z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-instagram ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="instagram" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M10.623 3.078C12.006 3.015 12.448 3 15.97 3s3.964.015 5.348.078a9.5 9.5 0 0 1 3.148.603 6.4 6.4 0 0 1 2.297 1.496 6.4 6.4 0 0 1 1.496 2.297 9.5 9.5 0 0 1 .603 3.149c.063 1.383.078 1.825.078 5.347s-.015 3.964-.078 5.348a9.5 9.5 0 0 1-.603 3.148 6.63 6.63 0 0 1-3.793 3.793 9.5 9.5 0 0 1-3.148.603c-1.384.063-1.825.078-5.348.078s-3.964-.015-5.347-.078a9.5 9.5 0 0 1-3.149-.603 6.4 6.4 0 0 1-2.297-1.496 6.4 6.4 0 0 1-1.496-2.297 9.5 9.5 0 0 1-.603-3.148C3.015 19.934 3 19.493 3 15.97s.015-3.964.078-5.347a9.5 9.5 0 0 1 .603-3.149 6.4 6.4 0 0 1 1.496-2.297A6.4 6.4 0 0 1 7.474 3.68a9.5 9.5 0 0 1 3.149-.603M21.21 5.413c-1.367-.063-1.778-.076-5.24-.076-3.464 0-3.874.013-5.242.076a7.2 7.2 0 0 0-2.408.446 4 4 0 0 0-1.492.97 4 4 0 0 0-.97 1.492 7.2 7.2 0 0 0-.446 2.408c-.063 1.368-.076 1.778-.076 5.241s.013 3.874.076 5.241a7.2 7.2 0 0 0 .446 2.409 4 4 0 0 0 .97 1.49 4 4 0 0 0 1.492.971 7.2 7.2 0 0 0 2.408.447c1.368.062 1.778.075 5.241.075 3.464 0 3.874-.013 5.241-.075a7.2 7.2 0 0 0 2.409-.447 4.3 4.3 0 0 0 2.461-2.461 7.2 7.2 0 0 0 .447-2.409c.062-1.367.075-1.778.075-5.24 0-3.464-.013-3.874-.075-5.242a7.2 7.2 0 0 0-.447-2.408 4 4 0 0 0-.97-1.492 4 4 0 0 0-1.491-.97 7.2 7.2 0 0 0-2.409-.446m3.24 3.634a1.556 1.556 0 1 1-3.114 0 1.556 1.556 0 0 1 3.113 0m-8.48.263a6.66 6.66 0 1 0 0 13.32 6.66 6.66 0 0 0 0-13.32m0 10.984a4.323 4.323 0 1 1 4.323-4.324 4.323 4.323 0 0 1-4.324 4.324"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-invoice ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="invoice" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="m11.79 12-1.14 1.22v3.58H9V6.37h1.66v4.82l4.41-4.82h2l-4.25 4.54 4.3 5.93h-2zm11.83-.82v1l-1.27.23v-.77c0-.68-.24-1.14-1-1.14s-1.4.53-1.4 2v4.39h-1.56V9.34H20v1a2.07 2.07 0 0 1 1.85-1.18 1.76 1.76 0 0 1 1.77 2.02"/><path d="M28.78 31H2.86V1.06h25.92zM4.86 29h21.92V3.06H4.86z"/><path d="M8.38 20.7h14.85v2H8.38zm0 3.16h14.85v2H8.38z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-key ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="key" fill="none" data-category="objects" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_9164_15817)"><path d="M8.11 11.647c-1.901 0-3.448-1.556-3.448-3.466S6.209 4.714 8.11 4.714c1.9 0 3.448 1.556 3.448 3.467 0 1.91-1.547 3.466-3.448 3.466m0-4.857c-.763 0-1.384.624-1.384 1.39A1.39 1.39 0 0 0 8.11 9.571c.763 0 1.383-.624 1.383-1.39 0-.767-.62-1.391-1.383-1.391"/><path d="M19.422 13.939c1.502-3.735.624-8.125-2.211-10.974A10 10 0 0 0 10.08 0a9.98 9.98 0 0 0-7.13 2.965A10.08 10.08 0 0 0 0 10.133c0 2.713 1.047 5.258 2.95 7.169a10 10 0 0 0 5.513 2.825c1.984.322 3.982.057 5.79-.77l1.545 1.554h1.222l.027.03-.016 1.3 2.317 2.207 1.183-.005.12.126-.02 1.188.973 1.068h1.287l.353.342.044 1.337L26.768 32h3.725L32 30.523V26.79zm5.538 11.523-.251-.275-1.819.041-.113-.11-.003-1.86-1.234-1.247-1.856-.017-.497-.481-.002-1.927-.57-.498-.58-.585-1.66-.02-1.758-1.57-.645.353a8.1 8.1 0 0 1-9.616-1.377 8.1 8.1 0 0 1-2.368-5.755c0-2.176.84-4.22 2.366-5.755a8.08 8.08 0 0 1 11.453 0 8.17 8.17 0 0 1 1.536 9.339l-.315.641 12.92 13.02.137 2.614h-2.428l-1.89-2.292.015-1.415z"/></g><defs><clipPath id="clip0_9164_15817"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-ladies-toilet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="ladies-toilet" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 5.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m5.983 13.321L19.835 7h-7.67l-2.148 11.821 1.967.357.02-.11V27h1v5h2v-5h2v5h2v-5h1v-7.894l.013.072zM14.003 9h4v16h-4zm6.43-2.694h.566V5.74A1.74 1.74 0 0 0 19.259 4h-.566v.566a1.74 1.74 0 0 0 1.74 1.74m-7.126-1.74V4h-.566a1.74 1.74 0 0 0-1.74 1.74v.566h.566a1.74 1.74 0 0 0 1.74-1.74"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-language ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="language" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M28 15.94a12 12 0 1 0-12 12 13 13 0 0 0 1.42-.09A12 12 0 0 0 28 15.94m-2.52 4H22a15 15 0 0 0 .11-8h3.36a10.36 10.36 0 0 1 0 8zM12.05 12h8a12.77 12.77 0 0 1-.14 8h-8a12.82 12.82 0 0 1 .14-8m12.29-2h-2.92a17.4 17.4 0 0 0-2.22-3.82A10.3 10.3 0 0 1 24.34 10m-8.22-4.34A17.3 17.3 0 0 1 19.23 10h-6.36a19 19 0 0 1 2.89-4.3h.36zm-3.36.52A19.3 19.3 0 0 0 10.65 10h-3a10.23 10.23 0 0 1 5.11-3.82M6.5 12H10a15 15 0 0 0-.14 8H6.51a10.24 10.24 0 0 1 0-8zm1.14 10h2.86a17 17 0 0 0 2.17 3.73 10.27 10.27 0 0 1-5.03-3.8zm8.11 4.28A17.3 17.3 0 0 1 12.69 22h6.41a18.7 18.7 0 0 1-2.86 4.28zm3.49-.53A19 19 0 0 0 21.31 22h3a10.2 10.2 0 0 1-5.07 3.68z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-law-paragraph ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="law-paragraph" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16.459.982c-2.252-.338-4.043.41-5.23 1.625-1.154 1.182-1.731 2.8-1.614 4.222.109 1.322.626 2.337 1.367 3.134a6 6 0 0 0-.77.48c-1.131.83-2.149 2.204-2.106 4.209.043 1.98.956 3.335 2.235 4.3 1.216.917 2.79 1.5 4.202 2.017l.099.037c1.379.505 2.61.956 3.568 1.58l-.001.028.044.001.08.054c.94.646 1.517 1.423 1.613 2.593.067.806-.275 1.865-1.051 2.66-.742.76-1.892 1.286-3.503 1.044-1.2-.18-2.28-.824-2.918-1.654-.621-.808-.802-1.74-.38-2.666l-1.82-.829c-.782 1.716-.374 3.428.615 4.714.972 1.263 2.524 2.16 4.207 2.413 2.25.338 4.042-.409 5.23-1.625 1.154-1.181 1.73-2.8 1.613-4.221-.108-1.323-.626-2.338-1.367-3.134.258-.136.518-.296.77-.481 1.131-.83 2.149-2.204 2.106-4.208-.043-1.98-.956-3.335-2.235-4.3-1.216-.918-2.79-1.501-4.201-2.018l-.1-.036c-1.379-.505-2.61-.956-3.568-1.581l.002-.027-.045-.002-.08-.054c-.94-.645-1.517-1.422-1.613-2.592-.066-.807.275-1.866 1.051-2.66.742-.76 1.892-1.287 3.503-1.045 1.2.18 2.28.825 2.918 1.655.621.808.802 1.74.38 2.665l1.821.83c.781-1.716.373-3.429-.616-4.715-.971-1.263-2.524-2.16-4.206-2.413m-3.612 10.39a4.3 4.3 0 0 0-1.453.685c-.734.538-1.314 1.345-1.288 2.552.027 1.27.565 2.087 1.44 2.746.936.707 2.217 1.199 3.684 1.736l.208.076c1.073.392 2.239.819 3.269 1.388a4.3 4.3 0 0 0 1.453-.685c.734-.538 1.314-1.345 1.288-2.552-.027-1.27-.565-2.087-1.439-2.747-.937-.706-2.218-1.198-3.685-1.736l-.208-.076c-1.072-.392-2.238-.818-3.269-1.388Z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-layers ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="layers" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 22.92L3.03999 12.85L16 2.63L28.96 12.84L16 22.91V22.92ZM6.28999 12.84L16 20.39L25.71 12.84L16 5.18L6.28999 12.84Z" fill="#{$fg-color}"/><path d="M16 28.79L2.78999 18.59L4.00999 17.01L16 26.26L27.99 17.01L29.21 18.59L16 28.79Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-lecture-workplace ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="lecture-workplace" fill="none" data-category="sign" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M8.661 30.382H6.565v-7.7H4.456v7.725H2.353v-7.736H1.297l1.151-12.636h.155c1.914 0 3.829.01 5.743-.008a6.6 6.6 0 0 0 1.124-.178c.356-.066.707-.156 1.063-.22.127-.022.152-.072.152-.191q-.005-3.821-.003-7.643v-.202h20.02v15.544H10.688v-5.39l-2.012.418.957 10.5h-.97zm19.932-15.346V3.7H12.792v5.456l3.802-.79.03.081.392 1.866c.017.083-.008.118-.1.136q-1.493.306-2.987.619l-1.14.242v3.725zm-24.987 5.51h3.72c-.255-2.807-.474-5.606-.73-8.407l-.178-.004c-.633 0-1.266.004-1.899-.003-.134-.002-.126.007-.126.007-.027.386-.11.933-.145 1.318l-.16 1.772-.133 1.449-.132 1.463-.133 1.449z"/><path d="M7.86 6.001a2.474 2.474 0 1 1-2.475-2.497A2.49 2.49 0 0 1 7.86 6.001m14.51 4.046c-.484 0-1.649.011-2.128.011 0-1.99.061-3.519.047-5.324.627 0 1.455.014 2.09.014-.037 1.855.006 3.484-.009 5.299m-.008 2.098c0 .293.003.651.008.944-.008.06-.008.064-.038.064-.586-.003-1.473-.01-2.059-.006-.022-.005-.019-.034-.018-.13.003-.59 0-1.33-.003-1.92v-.02c.586.004 1.278.01 1.864.005l.242-.002c-.004.293.004.772.004 1.065"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-lecture ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="lecture" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M8.661 30.382H6.565v-7.7H4.456v7.725H2.353v-7.736H1.297l1.151-12.636h.155c1.914 0 3.829.01 5.743-.008a6.6 6.6 0 0 0 1.124-.178c.356-.066.707-.156 1.063-.22.127-.022.152-.072.152-.191q-.005-3.821-.003-7.643v-.202h20.02v15.544H10.688v-5.39l-2.012.418.957 10.5h-.97zm19.932-15.346V3.7H12.792v5.456l3.802-.79.03.081.392 1.866c.017.083-.008.118-.1.136q-1.493.306-2.987.619l-1.14.242v3.725zm-24.987 5.51h3.72c-.255-2.807-.474-5.606-.73-8.407l-.178-.004c-.633 0-1.266.004-1.899-.003-.134-.002-.126.007-.126.007-.027.386-.11.933-.145 1.318l-.16 1.772-.133 1.449-.132 1.463-.133 1.449z"/><path fill="#{$fg-color}" d="M7.86 6.001a2.474 2.474 0 1 1-2.475-2.497A2.49 2.49 0 0 1 7.86 6.001m14.51 4.046c-.484 0-1.649.011-2.128.011 0-1.99.061-3.519.047-5.324.627 0 1.455.014 2.09.014-.037 1.855.006 3.484-.009 5.299m-.008 2.098c0 .293.003.651.008.944-.008.06-.008.064-.038.064-.586-.003-1.473-.01-2.059-.006-.022-.005-.019-.034-.018-.13.003-.59 0-1.33-.003-1.92v-.02c.586.004 1.278.01 1.864.005l.242-.002c-.004.293.004.772.004 1.065"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-life-ring ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="life-ring" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.9 6.1A13.96 13.96 0 0 0 16 2a13.96 13.96 0 0 0-9.9 4.1C.633 11.568.633 20.432 6.1 25.9A13.96 13.96 0 0 0 16 30a13.96 13.96 0 0 0 9.9-4.1c5.467-5.468 5.467-14.332 0-19.8m-3.008 15.473a8.866 8.866 0 0 0 0-11.145l2.314-2.314c3.882 4.526 3.882 11.246 0 15.772zm-11.84-.625a7.005 7.005 0 0 1 0-9.896A6.95 6.95 0 0 1 16 9.002c1.869 0 3.626.729 4.948 2.05A6.95 6.95 0 0 1 22.998 16a6.95 6.95 0 0 1-2.05 4.948A6.95 6.95 0 0 1 16 22.998a6.95 6.95 0 0 1-4.948-2.05M23.887 6.793l-2.314 2.315A8.84 8.84 0 0 0 16 7.136a8.84 8.84 0 0 0-5.572 1.972L8.113 6.793A12.04 12.04 0 0 1 16 3.867c2.927 0 5.69 1.038 7.887 2.926M6.793 8.113l2.315 2.315a8.865 8.865 0 0 0 0 11.145l-2.315 2.314A12.04 12.04 0 0 1 3.867 16c0-2.927 1.038-5.69 2.926-7.887m1.32 17.094 2.315-2.315A8.84 8.84 0 0 0 16 24.864a8.84 8.84 0 0 0 5.573-1.972l2.314 2.315A12.04 12.04 0 0 1 16 28.133c-2.927 0-5.69-1.038-7.887-2.926"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-link ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="link" fill="none" data-category="ui" viewBox="0 0 33 34"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_11491_17175)"><path d="M32 8.38c-.12.47-.21.95-.35 1.41-.33 1.04-.92 1.92-1.69 2.69l-8.11 8.11c-1.47 1.47-3.24 2.17-5.3 2.02-1.65-.11-3.07-.78-4.24-1.96-.51-.51-.5-1.31-.01-1.83.48-.52 1.28-.58 1.83-.1.55.49 1.14.91 1.86 1.09 1.48.36 2.8.03 3.88-1.04 2.77-2.74 5.52-5.5 8.26-8.26 1.1-1.11 1.46-2.46 1.03-3.96-.43-1.47-1.44-2.42-2.94-2.77-1.46-.34-2.73.09-3.79 1.14-1.46 1.45-2.91 2.92-4.38 4.37-.64.64-1.56.6-2.07-.07a1.32 1.32 0 0 1 0-1.62c.04-.06.09-.12.14-.17 1.58-1.57 3.14-3.16 4.75-4.71.99-.96 2.22-1.49 3.59-1.67.06 0 .11-.04.17-.06h1.38c.08.02.16.05.24.06 2.57.42 4.36 1.84 5.32 4.26.21.53.3 1.12.44 1.68v1.38z"/><path d="M0 25.63c.13-.5.23-1.01.38-1.5.33-1.02.93-1.88 1.68-2.63 2.44-2.44 4.88-4.87 7.31-7.31 1.46-1.47 3.23-2.18 5.3-2.04 1.66.11 3.09.78 4.27 1.96.51.51.49 1.32 0 1.83a1.3 1.3 0 0 1-1.81.1c-.56-.49-1.15-.93-1.89-1.11-1.48-.36-2.79-.02-3.88 1.05-2.52 2.49-5.02 5-7.51 7.51-1.09 1.1-1.45 2.45-1.02 3.94.43 1.47 1.43 2.43 2.93 2.78 1.46.34 2.74-.08 3.8-1.13 1.21-1.2 2.41-2.42 3.63-3.62.51-.51 1.12-.6 1.68-.28.71.4.89 1.32.4 1.97-.04.06-.09.12-.14.17-1.33 1.32-2.64 2.66-3.99 3.96-1 .96-2.22 1.49-3.59 1.67-.06 0-.11.04-.17.06H6c-.08-.02-.16-.05-.24-.06-2.59-.43-4.37-1.86-5.33-4.29C.22 28.12.14 27.55 0 27v-1.38z"/></g><defs><clipPath id="clip0_11491_17175"><path fill="#fff" d="M0 0h33v34H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-linkedin ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="linkedin" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27.079 3H4.92A1.9 1.9 0 0 0 3 4.878v22.244A1.9 1.9 0 0 0 4.921 29H27.08A1.9 1.9 0 0 0 29 27.122V4.878A1.9 1.9 0 0 0 27.079 3M10.713 25.158H6.85V12.75h3.864zM8.778 11.053a2.239 2.239 0 1 1 2.231-2.239 2.24 2.24 0 0 1-2.231 2.239m16.38 14.105H21.3V19.12c0-1.444 0-3.286-2.008-3.286s-2.31 1.567-2.31 3.185v6.139H13.11V12.75h3.698v1.69h.05a4.05 4.05 0 0 1 3.648-2c3.907 0 4.63 2.57 4.63 5.907z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-list ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="list" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M6.96 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4m5-3h15.09v2H11.96zm-5 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4m5-3h15.09v2H11.96zm-5 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4m5-3h15.09v2H11.96z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-living-room ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="living-room" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M.64 16.956a.6.6 0 0 0 .154.005H2.86c.13.002.114.002.114-.117v-4.577c0-.09.002-.09.09-.092h16.659c.158 0 .158 0 .158.157v4.493c0 .134 0 .134.13.134h2.15c.138 0 .132-.016.132.126v8.808c0 .14.01.124-.132.124h-1.84c-.132 0-.132 0-.132.134v2.772l.005.034h-2.008l.005-.023-.002-2.773v-.095q.003-.053-.049-.049-.036.002-.072 0a7797 7797 0 0 0-9.358-.001q-1.924 0-3.85.004c-.137 0-.125-.017-.125.13v2.665a.5.5 0 0 1-.008.142H2.816l.001-2.842v-.036c.005-.047-.017-.064-.062-.06H.796q-.065-.001-.131-.006v-8.849l-.001-.108a.06.06 0 0 0-.024-.052zm6.143 2.879h9.252c.153 0 .137.01.137-.133v-2.605c0-.164-.012-.137.142-.137h1.542c.112 0 .102.008.102-.103V14.25c0-.187.02-.158-.158-.158H5c-.108 0-.104-.006-.103.103v2.702c-.008.055.022.068.07.064q.035-.002.071 0H6.64q.042.002.083 0c.05-.004.063.02.06.064v2.809m4.729 4.272h4.565c.06.008.091-.01.08-.076v-2.164c0-.153.02-.129-.135-.129H6.927q-.053-.004-.05.048v2.187c0 .134 0 .134.13.134zm8.874-2.621v-2.522c0-.097 0-.098-.095-.098h-2.116c-.117 0-.105-.001-.105.101v5.044c0 .098.002.099.097.099h2.127c.09 0 .091-.002.092-.09zM2.573 18.879a.4.4 0 0 0-.006.128 3043 3043 0 0 0 0 5.006c0 .106 0 .107.09.107l2.138.002c.06 0 .09-.015.082-.08v-5.125c.002-.035-.01-.052-.047-.05H2.667a.16.16 0 0 0-.094.012"/><path fill="#{$fg-color}" d="m31.36 10.262-4.984.001c-.17 0-.148-.024-.148.143l-.005 11.176-.002 4.53-.002.753c0 .128-.016.11.116.11q.741.003 1.482.001c.102 0 .103.001.103.105v1.698c0 .126.017.12-.123.12h-5.104c-.104 0-.105 0-.105-.103v-1.71c0-.116-.009-.11.109-.11h1.553q.053.002.05-.05v-.084l.005-11.008.002-4.519.002-.956c0-.106.004-.096-.097-.096h-4.769q-.035 0-.072-.004a.2.2 0 0 1 .024-.103q1.261-3.523 2.526-7.045l.02-.043.168-.001h6.432l.143-.003a.2.2 0 0 1 .044.096l2.374 6.395.258.684zm-2.894-2.007a.14.14 0 0 0-.018-.09L27.333 5.16c-.035-.095-.036-.095-.146-.095H23.46c-.133 0-.107-.006-.148.108q-.54 1.496-1.074 2.994c-.01.027-.03.054-.015.088zM.665 26.013l-.025.004v-9.013a.06.06 0 0 1 .024.052v8.778z"/><path fill="#{$fg-color}" d="M28.683 3.043a.04.04 0 0 1 0 .021l-.142.003h-6.599l-.001-.024z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-location-pin-filled ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="location-pin-filled" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.37 3.88a13.25 13.25 0 0 0-18.46-.27l-.28.27a13.25 13.25 0 0 0 0 18.75L16 32l9.37-9.37a13.25 13.25 0 0 0 0-18.75M16 16.1a3 3 0 1 1 0-6 3 3 0 0 1 0 6"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-location-pin ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="location-pin" fill="none" data-category="travel" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 16.1a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/><path d="M16 0c3.392 0 6.784 1.294 9.373 3.882 5.176 5.177 5.176 13.569 0 18.745L16 32l-9.373-9.373c-5.176-5.176-5.176-13.569 0-18.745A13.22 13.22 0 0 1 16 0m0 29.172 7.958-7.959c4.389-4.388 4.389-11.528 0-15.917A11.18 11.18 0 0 0 16 2a11.18 11.18 0 0 0-7.958 3.297c-4.388 4.388-4.388 11.529 0 15.917z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-lock-locked ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="lock-locked" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M23.071 4.222C24.946 6.285 26 9.082 26 12h-1.85c0-2.378-.859-4.658-2.387-6.34C20.234 3.98 18.161 3.036 16 3.036s-4.235.944-5.763 2.626C8.709 7.342 7.85 9.622 7.85 12H6c0-2.917 1.054-5.715 2.929-7.778S13.348 1 16 1s5.196 1.159 7.071 3.222M17.65 20.65a1.65 1.65 0 0 1-.85 1.444V25.4h-1.6v-3.307a1.65 1.65 0 1 1 2.45-1.443"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M3 13v18h26V13zm24 2H5v14h22z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-lock-unlocked ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="lock-unlocked" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M7.337 6.506A11.86 11.86 0 0 0 6 12h1.85c0-1.572.376-3.116 1.09-4.478.713-1.361 1.74-2.493 2.976-3.28a7.6 7.6 0 0 1 4.069-1.207 7.6 7.6 0 0 1 4.072 1.19l.921-1.765A9.3 9.3 0 0 0 15.981 1a9.3 9.3 0 0 0-4.992 1.48c-1.517.967-2.777 2.355-3.652 4.026M17.65 20.65a1.65 1.65 0 0 1-.85 1.444V25.4h-1.6v-3.307a1.65 1.65 0 1 1 2.45-1.443"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M3 13v18h26V13zm24 2H5v14h22z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-luggage-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="luggage-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.746 27.144h-3.643a1.65 1.65 0 0 1 .744 1.42 1.58 1.58 0 0 1-.53 1.17 1.607 1.607 0 0 1-2.274-.107 1.665 1.665 0 0 1 .303-2.476H18.93c.399.175.713.499.877.903a1.616 1.616 0 1 1-3.063.998 1.67 1.67 0 0 1 .96-1.908h-4.21V9.736h3.009V1.745l.008-.045c3.302 0 6.792.013 10.093.014h.078v7.98h3.064zm-14.21-15.321v13.265H27.59V11.823zm9.143-8.052h-6.124v6.007h6.124zM9.65 10.476l-2.881-2.88L3.7 10.662 2.27 9.23l3.06-3.06-3.077-3.075 1.441-1.44L6.752 4.71 9.65 1.812l1.442 1.443-2.872 2.87 2.888 2.886z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-magnifying-glass-big ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="magnifying-glass-big" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m30.307 28.782-7.405-7.405A11.95 11.95 0 0 0 25.6 13.8c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12a11.94 11.94 0 0 0 7.908-2.99l7.385 7.385zM13.6 23.8c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-magnifying-glass-small ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="magnifying-glass-small" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M14 4C8.477 4 4 8.477 4 14s4.477 10 10 10a9.96 9.96 0 0 0 6.291-2.227L26.518 28 28 26.518l-6.227-6.227A9.96 9.96 0 0 0 24 14c0-5.523-4.477-10-10-10m0 1.975A8.025 8.025 0 1 1 5.975 14 8.034 8.034 0 0 1 14 5.975"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-map-cursor ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="map-cursor" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.36 30.34L12.57 19.54L1.60001 14.77L29.89 2.15002L17.36 30.33V30.34ZM6.57001 14.75L14.09 18.01L17.37 25.41L25.94 6.10002L6.57001 14.75Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-map-layers ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="map-layers" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5436 2L20.5092 5.6464L31 2.31307V24.9973L20.4877 29.0055L11.5515 25.9768L1 30V6.02013L11.5436 2ZM12.5319 24.1639L19.4681 26.5147V7.41475L12.5319 4.59376V24.1639ZM10.5319 4.55917V24.1922L3 27.064V7.431L10.5319 4.55917ZM21.4681 7.47391V26.4583L29 23.5864V5.08072L21.4681 7.47391Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-map ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="map" fill="none" data-category="travel" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M13.582 7.5a2 2 0 1 0 4.001-.001 2 2 0 0 0-4.001.001"/><path fill-rule="evenodd" d="M8.64 7.607a6.943 6.943 0 1 1 12.946 3.487l9.981 7.13-5.508 6.607-6.398.914-4.92 5.904L.307 21.341l5.508-6.609 5.697-.815-1.789-2.581A6.9 6.9 0 0 1 8.64 7.607m9.354 8.828 2.483-3.675 8.173 5.838-2.847 3.416-7.81-5.579Zm-2.34 3.46 1.22-1.802 7.035 5.026-4.918.703-10.444-7.46 4.24-.606zm4.871-12.288a4.943 4.943 0 0 0-9.886 0c0 .955.27 1.868.75 2.622l4.245 6.125 4.12-6.093a4.9 4.9 0 0 0 .763-2.369zM17.5 25.214 6.332 17.237l-3.108 3.729 11.167 7.976z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-matrix ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="matrix" data-category="data" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10.44C13.54 10.44 11.54 8.44002 11.54 5.98002C11.54 3.52002 13.54 1.52002 16 1.52002C18.46 1.52002 20.46 3.52002 20.46 5.98002C20.46 8.44002 18.46 10.44 16 10.44ZM16 3.53002C14.65 3.53002 13.54 4.63002 13.54 5.99002C13.54 7.35002 14.64 8.45002 16 8.45002C17.36 8.45002 18.46 7.35002 18.46 5.99002C18.46 4.63002 17.36 3.53002 16 3.53002Z" fill="#{$fg-color}"/><path d="M26.22 20.46C23.76 20.46 21.76 18.46 21.76 16C21.76 13.54 23.76 11.54 26.22 11.54C28.68 11.54 30.68 13.54 30.68 16C30.68 18.46 28.68 20.46 26.22 20.46ZM26.22 13.54C24.87 13.54 23.76 14.64 23.76 16C23.76 17.36 24.86 18.46 26.22 18.46C27.58 18.46 28.68 17.36 28.68 16C28.68 14.64 27.58 13.54 26.22 13.54Z" fill="#{$fg-color}"/><path d="M26.22 1.53002C23.77 1.53002 21.77 3.53002 21.77 5.99002C21.77 6.86002 22.03 7.68002 22.47 8.37002L18.36 12.24C17.68 11.8 16.87 11.55 16 11.55C15.13 11.55 14.25 11.82 13.54 12.29L9.52001 8.38002C9.97001 7.69002 10.23 6.87002 10.23 5.99002C10.23 3.53002 8.23001 1.53002 5.77001 1.53002C3.31001 1.53002 1.32001 3.53002 1.32001 5.99002C1.32001 8.45002 3.32001 10.44 5.77001 10.44C6.62001 10.44 7.42001 10.2 8.09001 9.78002L12.16 13.75C11.76 14.41 11.54 15.18 11.54 16C11.54 16.82 11.76 17.59 12.16 18.25L8.04001 22.18C7.38001 21.79 6.60001 21.56 5.77001 21.56C3.32001 21.56 1.32001 23.56 1.32001 26.02C1.32001 28.48 3.32001 30.48 5.77001 30.48C8.22001 30.48 10.23 28.48 10.23 26.02C10.23 25.11 9.96001 24.26 9.49001 23.56L13.53 19.71C14.24 20.18 15.09 20.46 16 20.46C18.46 20.46 20.46 18.46 20.46 16C20.46 15.14 20.21 14.33 19.79 13.65L23.9 9.78002C24.57 10.2 25.37 10.44 26.22 10.44C28.68 10.44 30.68 8.44002 30.68 5.99002C30.68 3.54002 28.68 1.53002 26.22 1.53002ZM5.77001 8.44002C4.42001 8.44002 3.32001 7.34002 3.32001 5.99002C3.32001 4.64002 4.42001 3.53002 5.77001 3.53002C7.12001 3.53002 8.23001 4.63002 8.23001 5.99002C8.23001 7.35002 7.13001 8.44002 5.77001 8.44002ZM5.77001 28.48C4.42001 28.48 3.32001 27.37 3.32001 26.02C3.32001 24.67 4.42001 23.56 5.77001 23.56C7.12001 23.56 8.23001 24.66 8.23001 26.02C8.23001 27.38 7.13001 28.48 5.77001 28.48ZM16 18.46C14.64 18.46 13.54 17.36 13.54 16C13.54 14.64 14.64 13.55 16 13.55C17.36 13.55 18.46 14.65 18.46 16C18.46 17.35 17.35 18.46 16 18.46ZM26.22 8.44002C24.87 8.44002 23.77 7.34002 23.77 5.99002C23.77 4.64002 24.87 3.53002 26.22 3.53002C27.57 3.53002 28.68 4.63002 28.68 5.99002C28.68 7.35002 27.58 8.44002 26.22 8.44002Z" fill="#{$fg-color}"/><path d="M5.78001 20.46C3.32001 20.46 1.32001 18.46 1.32001 16C1.32001 13.54 3.32001 11.54 5.78001 11.54C8.24001 11.54 10.24 13.54 10.24 16C10.24 18.46 8.24001 20.46 5.78001 20.46ZM5.78001 13.54C4.43001 13.54 3.32001 14.64 3.32001 16C3.32001 17.36 4.42001 18.46 5.78001 18.46C7.14001 18.46 8.24001 17.36 8.24001 16C8.24001 14.64 7.14001 13.54 5.78001 13.54Z" fill="#{$fg-color}"/><path d="M16 30.47C13.54 30.47 11.54 28.47 11.54 26.01C11.54 23.55 13.54 21.55 16 21.55C18.46 21.55 20.46 23.55 20.46 26.01C20.46 28.47 18.46 30.47 16 30.47ZM16 23.56C14.65 23.56 13.54 24.66 13.54 26.02C13.54 27.38 14.64 28.48 16 28.48C17.36 28.48 18.46 27.38 18.46 26.02C18.46 24.66 17.36 23.56 16 23.56Z" fill="#{$fg-color}"/><path d="M26.22 30.47C23.76 30.47 21.76 28.47 21.76 26.01C21.76 23.55 23.76 21.55 26.22 21.55C28.68 21.55 30.68 23.55 30.68 26.01C30.68 28.47 28.68 30.47 26.22 30.47ZM26.22 23.56C24.87 23.56 23.76 24.66 23.76 26.02C23.76 27.38 24.86 28.48 26.22 28.48C27.58 28.48 28.68 27.38 28.68 26.02C28.68 24.66 27.58 23.56 26.22 23.56Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-medicine-cabinet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="medicine-cabinet" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M28 4H4v4h1v4H4v8h1v4H4v4h24zM2 2v28h28V2zm24 14.5a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0M18 15v-3h-3v3h-3v3h3v3h3v-3h3v-3z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-megaphone ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="megaphone" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M7.44 27.5h-.064a7 7 0 0 1-.644-.042 8.3 8.3 0 0 1-1.524-.292c-.557-.167-1.2-.44-1.719-.905a2.74 2.74 0 0 1-.94-2.09v-2.88H1V10.73h6.237L23.22 4.004v24.013l-14.78-6.23V27.5zm1-15.106v7.222l12.78 5.386V7.016zm21.106 8.867-.316.95-.316.947-4.24-1.409.632-1.898zM3 19.279h3.44v-6.55H3zm27.361-5.748-.022 1.999-4.47-.05.023-2zm-.803-6.126-4 2-.895-1.79 4-2zM4.55 24.17a.75.75 0 0 0 .276.603c.211.19.541.354.956.478.221.066.447.113.658.15v-4.11H4.55z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-memorial-stone ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="memorial-stone" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M3 3v26h26V3zm24 24H5V5h22z"/><path fill="#{$fg-color}" d="M16 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4m12 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-mens-toilet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="mens-toilet" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 5.25a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M12.08 7l-1.076 12.917 1.992.166.005-.062V32h2V19h2v13h2V20.062l.002.021 1.994-.166L19.919 7zm1.174 10 .667-8h4.16l.666 8z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-menu ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="menu" fill="none" data-category="navigation" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M2 6h28v2H2zm0 9h28v2H2zm0 9h28v2H2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-message ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="message" fill="none" data-category="social" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M17.063 11.5a2 2 0 1 0 4.001-.001 2 2 0 0 0-4.002.001Zm7.5 2a2 2 0 1 1 .001-4.001 2 2 0 0 1-.002 4.001Zm-13.125-2a2 2 0 1 0 4.001-.001 2 2 0 0 0-4.002.001Z"/><path d="M6 2h26v19h-9.961L19 24.04 15.96 21H6zm15.21 17H30V4H8v15h8.79L19 21.21z"/><path d="M4 8v2H2v16.625h8.79l2.21 2.21 2.21-2.21H24V23h2v5.625h-9.961L13 31.665l-3.04-3.04H0V8z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-microphone ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="microphone" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.73 21.79C13.05 21.79 10.87 19.61 10.87 16.93V7.26002C10.87 4.58002 13.05 2.40002 15.73 2.40002C18.41 2.40002 20.59 4.58002 20.59 7.26002V16.93C20.59 19.61 18.41 21.79 15.73 21.79ZM15.73 4.40002C14.15 4.40002 12.87 5.68002 12.87 7.26002V16.93C12.87 18.51 14.15 19.79 15.73 19.79C17.31 19.79 18.59 18.51 18.59 16.93V7.26002C18.59 5.68002 17.31 4.40002 15.73 4.40002Z" fill="#{$fg-color}"/><path d="M24.22 16.16V16.84C24.22 21.18 20.94 24.78 16.72 25.27V28.53H20.72V30.53H10.73V28.53H14.72V25.27C10.51 24.78 7.23001 21.18 7.23001 16.84V16.16H9.23001V16.84C9.23001 20.42 12.14 23.33 15.72 23.33C19.3 23.33 22.22 20.42 22.22 16.84V16.16H24.22Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-minimize ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="minimize" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M12 4h-2v6H4v2h8zm8 16v8h2v-6h6v-2zm0-16v8h8v-2h-6V4zm-8 16H4v2h6v6h2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-minus-circle-fill ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="minus-circle-fill" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.93 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m7 16h-14v-2h14z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-minus-circle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="minus-circle" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 3a13 13 0 1 1 0 26 13 13 0 0 1 0-26m0-2a15 15 0 1 0 0 30 15 15 0 0 0 0-30"/><path d="M9 15h14v2H9z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-minus-sign ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="minus-sign" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M8 15h16v2H8z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-mobile-phone ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="mobile-phone" fill="none" data-category="objects" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M22.627 2v28H9.373V2zm2-2H7.373v32h17.254z"/><path d="M16 25.003a1.499 1.499 0 1 0 0 2.998 1.499 1.499 0 0 0 0-2.998m3-23.004h-6v2h6z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-moon ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="moon" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.299 29.99h-.357C8.115 29.79 2 23.652 2 15.995S8.278 2.16 15.983 2c.458.02.795.23.958.61s.081.81-.214 1.1a9.63 9.63 0 0 0-2.895 6.907c0 5.168 4.036 9.417 9.183 9.677h.53a9.5 9.5 0 0 0 4.912-1.35c.357-.22.815-.19 1.152.07s.468.68.346 1.08C28.111 26.01 22.617 30 16.29 30zm-2.63-25.71c-5.483 1.189-9.63 6.027-9.63 11.715 0 6.558 5.248 11.826 11.944 11.996h.326c4.566 0 8.632-2.42 10.752-6.228-1.142.36-2.334.54-3.537.54h-.58c-6.258-.33-11.15-5.458-11.15-11.686 0-2.28.652-4.458 1.865-6.328z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-motorcycle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="motorcycle" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.958 16.302a5 5 0 0 0-1.518.261l-.882-1.568-.094-.166 1.103-1.103.73-.73.738-.738-1.018-1.81L22.55 6h-5.208v2h4.038l1.325 2.416H17.24l-2.578 2.553h-4.46l-.927-1h-7.92v3.026h8.033l-.006.006c.176.177 2.095 2.281 3.426 3.745v1.291H10.84a5 5 0 1 0 .107 2h8.572v-3.263l2.477-2.477.701 1.246a4.974 4.974 0 1 0 3.261-1.241m-19.936 8a2.999 2.999 0 1 1 2.71-4.265H6.02v2h2.9a3 3 0 0 1-2.897 2.265m11.497-6.356v2.091h-2.711v-2.064l-.26-.286c-.345-.38-1.507-1.658-2.452-2.692h8.373zm8.44 6.356a2.985 2.985 0 0 1-2.251-4.962l1.38 2.452 1.741-.98-1.382-2.458a2.997 2.997 0 1 1 .511 5.948"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-museum ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="museum" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.996 9.118h.03l1.142-3.363H19V11h-1.244l.029-3.711h-.022L16.4 11h-.889l-1.326-3.711h-.022l.03 3.711H13V5.755h1.802z"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M31 8.5V14h-3v11h3v6H1v-6h3V14H1V8.5L16 1zM29 29v-2H3v2zM6 14v11h2V14zm4 0v11h3V14zm5 0v11h2V14zm4 0v11h3V14zm5 0v11h2V14zM3 9.736V12h26V9.736l-13-6.5z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-music-notes ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="music-notes" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M12.525 26.5V9h2v17.5zm16-1V9h2v16.5z" clip-rule="evenodd"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M30.525 13h-18V9h18z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M30.525 25.5c0 1.38-1.567 2.5-3.5 2.5s-3.5-1.12-3.5-2.5 1.567-2.5 3.5-2.5 3.5 1.12 3.5 2.5m-16 1c0 1.38-1.567 2.5-3.5 2.5s-3.5-1.12-3.5-2.5 1.567-2.5 3.5-2.5 3.5 1.12 3.5 2.5"/><path fill="#{$fg-color}" fill-rule="evenodd" d="m3.364 4.705 3.517 16.12-1.954.427L1.41 5.132z" clip-rule="evenodd"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M12.033 6.908 2.263 9.04 1.41 5.131 11.18 3z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M6.88 20.826c.32 1.465-.997 2.776-2.886 3.188-1.888.412-3.658-.347-3.952-1.696-.295-1.35.998-2.777 2.887-3.189 1.888-.412 3.658.348 3.952 1.697Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-nature-plant-2 ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="nature-plant-2" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M3.142 1.095c2.377.218 5.178.729 7.773 1.604 2.575.869 5.055 2.134 6.674 3.929a10 10 0 0 1 2.508 5.219q.072-.086.148-.171c1.007-1.117 2.521-1.878 4.04-2.39 1.537-.519 3.19-.82 4.592-.948l1.033-.095.064 1.022a17 17 0 0 1-.384 4.612c-.351 1.56-.965 3.155-1.969 4.268-1.95 2.163-4.57 2.392-7.39 2.128V31H18.22V20.283c-4.869.47-9.132.074-12.29-3.428-1.617-1.792-2.643-4.41-3.239-7.057-.6-2.667-.788-5.483-.646-7.777L2.108 1zm.87 2.089c-.026 1.9.172 4.095.642 6.185.563 2.504 1.49 4.742 2.778 6.17 2.2 2.44 5.11 3.087 9.012 2.89l-6.404-7.102 1.502-1.317 6.404 7.101c.654-3.8.341-6.724-1.86-9.165-1.284-1.424-3.384-2.55-5.821-3.372-2.048-.69-4.257-1.142-6.252-1.39m23.975 7.258c-.997.15-2.06.385-3.052.72-1.38.466-2.516 1.086-3.188 1.831-.983 1.09-1.267 2.375-1.097 4.067l3.092-3.43 1.502 1.318-3.092 3.429c1.724-.03 2.984-.459 3.967-1.549.675-.748 1.19-1.962 1.509-3.38a15.5 15.5 0 0 0 .36-3.006" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-nature-plant ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="nature-plant" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M28.967 2.033 28.903 1l-1.038.096c-1.743.161-3.798.537-5.705 1.185-1.888.64-3.74 1.584-4.962 2.947A7.8 7.8 0 0 0 16 6.988a7.8 7.8 0 0 0-1.198-1.76C13.58 3.865 11.728 2.922 9.84 2.281c-1.907-.648-3.962-1.024-5.705-1.185L3.097 1l-.064 1.033c-.105 1.7.035 3.782.476 5.755.436 1.952 1.194 3.917 2.413 5.277 2.366 2.64 5.549 2.935 9.069 2.603V31h2.02v-5.93c1.345.498 2.8.756 4.217-.134.76-.478 1.342-1.269 1.758-2.029a9.4 9.4 0 0 0 .9-2.37l.227-1.01-1.025-.193a11 11 0 0 0-2.526-.182c-.86.043-1.819.217-2.582.697a3.8 3.8 0 0 0-.969.867v-5.048c3.52.332 6.701.036 9.067-2.603 1.219-1.36 1.977-3.325 2.413-5.277.441-1.973.58-4.055.476-5.755m-6.153 2.145a23 23 0 0 1 4.165-.962 19.8 19.8 0 0 1-.46 4.137c-.404 1.809-1.063 3.388-1.95 4.38-1.406 1.567-3.234 2.085-5.723 2.037l4.25-4.741-1.51-1.332-4.25 4.741c-.338-2.447-.033-4.31 1.372-5.878.885-.987 2.357-1.788 4.106-2.382m-2.15 16.977c.301-.015.611-.01.916.009-.106.265-.23.532-.37.787-.344.63-.724 1.078-1.064 1.29-.532.336-1.121.37-2.03.087.13-.936.413-1.45.945-1.785.336-.211.888-.352 1.603-.388M5.02 3.216c1.347.186 2.807.5 4.165.962 1.75.594 3.22 1.395 4.106 2.382 1.405 1.568 1.71 3.43 1.372 5.878l-4.25-4.741-1.51 1.332 4.25 4.741c-2.489.048-4.317-.47-5.722-2.038-.888-.99-1.547-2.57-1.95-4.378a19.8 19.8 0 0 1-.461-4.138" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-network ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="network" data-category="data" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9 2.31998C14.37 2.31998 13.12 3.56998 13.12 5.10998C13.12 6.28998 13.86 7.29998 14.9 7.69998V9.01998H16.9V7.69998C17.94 7.29998 18.68 6.28998 18.68 5.10998C18.68 3.56998 17.44 2.31998 15.9 2.31998ZM15.9 4.31998C16.33 4.31998 16.68 4.66998 16.68 5.10998C16.68 5.54998 16.33 5.88998 15.9 5.88998C15.47 5.88998 15.12 5.53998 15.12 5.10998C15.12 4.67998 15.47 4.31998 15.9 4.31998Z" fill="#{$fg-color}"/><path d="M26.72 7.99998C28.54 7.99998 30.01 6.51998 30.01 4.70998C30.01 2.89998 28.54 1.41998 26.72 1.41998C24.9 1.41998 23.43 2.89998 23.43 4.70998C23.43 5.27998 23.58 5.81998 23.83 6.28998L18.67 11.46C17.86 10.96 16.91 10.67 15.9 10.67C14.8 10.67 13.78 11.01 12.93 11.58L9.89999 8.54998C10.22 8.06998 10.39 7.49998 10.39 6.88998C10.39 5.15998 8.97999 3.75998 7.25999 3.75998C5.53999 3.75998 4.12999 5.15998 4.12999 6.88998C4.12999 8.61998 5.52999 10.02 7.25999 10.02C7.63999 10.02 7.99999 9.94998 8.32999 9.81998L11.51 13C11.17 13.52 10.91 14.09 10.77 14.72H8.45999C8.07999 13.83 7.17999 13.2 6.14999 13.2C4.75999 13.2 3.62999 14.33 3.62999 15.72C3.62999 17.11 4.75999 18.24 6.14999 18.24C7.17999 18.24 8.07999 17.61 8.45999 16.72H10.69C11.05 19.26 13.25 21.22 15.9 21.22C18.55 21.22 20.75 19.26 21.11 16.72H23.62C24.02 17.76 25.04 18.5 26.22 18.5C27.75 18.5 29 17.25 29 15.72C29 14.19 27.75 12.94 26.22 12.94C25.04 12.94 24.02 13.68 23.62 14.72H21.03C20.87 14.02 20.57 13.38 20.14 12.82L25.29 7.66998C25.72 7.87998 26.21 7.99998 26.72 7.99998ZM26.72 3.41998C27.44 3.41998 28.01 3.99998 28.01 4.70998C28.01 5.41998 27.44 5.99998 26.72 5.99998C26 5.99998 25.43 5.41998 25.43 4.70998C25.43 3.99998 26.01 3.41998 26.72 3.41998ZM7.25999 8.01998C6.62999 8.01998 6.12999 7.50998 6.12999 6.88998C6.12999 6.26998 6.62999 5.75998 7.25999 5.75998C7.88999 5.75998 8.38999 6.25998 8.38999 6.88998C8.38999 7.51998 7.87999 8.01998 7.25999 8.01998ZM6.14999 16.24C5.86999 16.24 5.62999 16.01 5.62999 15.72C5.62999 15.43 5.86999 15.2 6.14999 15.2C6.42999 15.2 6.66999 15.43 6.66999 15.72C6.66999 16.01 6.43999 16.24 6.14999 16.24ZM15.9 19.22C14.09 19.22 12.62 17.75 12.62 15.94C12.62 14.13 14.09 12.67 15.9 12.67C17.71 12.67 19.18 14.14 19.18 15.94C19.18 17.74 17.71 19.22 15.9 19.22ZM26.22 14.94C26.65 14.94 27 15.29 27 15.72C27 16.15 26.65 16.5 26.22 16.5C25.79 16.5 25.43 16.15 25.43 15.72C25.43 15.29 25.78 14.94 26.22 14.94Z" fill="#{$fg-color}"/><path d="M16.9 24.21V23.04H14.9V24.21C14.01 24.59 13.38 25.49 13.38 26.52C13.38 27.91 14.51 29.04 15.9 29.04C17.29 29.04 18.42 27.91 18.42 26.52C18.42 25.49 17.79 24.59 16.9 24.21ZM15.9 27.04C15.61 27.04 15.38 26.8 15.38 26.52C15.38 26.24 15.61 26 15.9 26C16.19 26 16.42 26.23 16.42 26.52C16.42 26.81 16.19 27.04 15.9 27.04Z" fill="#{$fg-color}"/><path d="M11.33 21.8L9.90999 20.38L6.25999 24.04C5.90999 23.9 5.52999 23.82 5.12999 23.82C3.39999 23.82 1.98999 25.22 1.98999 26.95C1.98999 28.68 3.39999 30.08 5.12999 30.08C6.85999 30.08 8.25999 28.67 8.25999 26.95C8.25999 26.35 8.08999 25.79 7.79999 25.32L11.33 21.8ZM5.12999 28.08C4.49999 28.08 3.98999 27.57 3.98999 26.95C3.98999 26.33 4.49999 25.82 5.12999 25.82C5.75999 25.82 6.25999 26.32 6.25999 26.95C6.25999 27.58 5.74999 28.08 5.12999 28.08Z" fill="#{$fg-color}"/><path d="M25.27 22.04C24.72 22.04 24.2 22.18 23.75 22.44L21.52 20.2L20.1 21.62L22.41 23.92C22.23 24.3 22.14 24.72 22.14 25.17C22.14 26.9 23.54 28.31 25.27 28.31C27 28.31 28.4 26.9 28.4 25.17C28.4 23.44 27 22.04 25.27 22.04ZM25.27 26.31C24.65 26.31 24.14 25.8 24.14 25.17C24.14 24.54 24.65 24.04 25.27 24.04C25.89 24.04 26.4 24.55 26.4 25.17C26.4 25.79 25.9 26.31 25.27 26.31Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-new-window-small ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="new-window-small" fill="none" data-category="navigation" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M23.03 21.11v2.06H8.97V9.18h2.06v-2H8.97v-.01h-2v18h18.06v-4.06z"/><path d="M18 7.16v2h3.62l-7.26 7.28 1.38 1.39 7.27-7.29v3.63h2.02V7.16z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-new-window ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="new-window" fill="none" data-category="navigation" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M29.04 23.84v5.15H3.07V2.97l5.02-.03-.03-1.92H4.42v-.01H1.1v29.98h3.32v-.01h26.64v-7.11z"/><path d="M17.01 1.01v2h10.56L13.08 17.49l1.41 1.42L28.96 4.44v10.57h2v-14z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-no-walking ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="no-walking" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.939 17.33h-2.074v-.192q-.03-1.919-.063-3.837a63 63 0 0 0-.985-1.154c-.308-.352-.624-.697-.965-1.079l.706 10.04h-1.282v.162c0 1.247-.001 2.626-.004 3.873 0 0-.012-.006.022.02s.16.138.188.165q.569.572 1.141 1.14.713.707 1.433 1.408c.243.237.491.468.747.71l-1.46 1.422q-.027-.02-.044-.035-.474-.457-.944-.919-1.143-1.127-2.285-2.257c-.26-.258-.577-.558-.837-.816-.003-1.115-.001-2.323-.001-3.437v-1.43c-.311 0-.666-.005-.964.002-.034 0 .02-.039 0 0-.31.63-.655 1.357-.966 1.987-.458.93-.915 1.861-1.385 2.786a.64.64 0 0 0-.034.322v3.86h-2.049v-.137l.003-4.463q.282-.6.577-1.195.697-1.412 1.4-2.821c.053-.108.121-.21.196-.336l-.868-.05c.328-4.485.728-8.902 1.055-13.383h.146c1.717 0 3.537.001 5.253-.002.3.356.713.81 1.018 1.162q.717.825 1.438 1.646l1.38 1.576c.115.131.304.324.414.458l.007.043c.022 1.05.043 2.177.06 3.227l.026 1.37zm-5.562 1.756-.698-9.37h-1.581l-.66 9.37zM22.701 1.864a2.377 2.377 0 0 1 2.41 2.343v.039a2.409 2.409 0 0 1-4.817.028 2.39 2.39 0 0 1 2.407-2.41M12.56 11.65l1.425 1.427-2.921 2.92 2.92 2.92-1.42 1.422-2.899-2.899-2.978 2.978-1.432-1.432 2.967-2.968-3.015-3.011c.036-.038.063-.068.092-.097l1.216-1.216.138-.112c.926.926 1.954 1.96 2.88 2.888q.05.057.09.121zM4.062 28.071H2.06v2h2.002zm3.147 0H5.207v2H7.21zm3.147 0H8.355v2h2zm3.147 0h-2.001v2h2.001zm3.147 0h-2v2h2.001z"/><path fill="#{$fg-color}" d="M23.025 28.071h-2.001v2h2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-nodejs ($fg-color: #339933, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="nodejs" fill="none" data-category="social" viewBox="0 0 24 24"><path fill="#{$fg-color}" d="M11.998 24c-.321 0-.641-.084-.922-.247L8.14 22.016c-.438-.245-.224-.332-.08-.383.585-.203.703-.25 1.328-.604.065-.037.151-.023.218.017l2.256 1.339a.29.29 0 0 0 .272 0l8.795-5.076a.28.28 0 0 0 .134-.238V6.921a.28.28 0 0 0-.137-.242l-8.791-5.072a.28.28 0 0 0-.271 0L3.075 6.68a.28.28 0 0 0-.139.241v10.15a.27.27 0 0 0 .139.235l2.409 1.392c1.307.654 2.108-.116 2.108-.89V7.787c0-.142.114-.253.256-.253h1.115c.139 0 .255.112.255.253v10.021c0 1.745-.95 2.745-2.604 2.745-.508 0-.909 0-2.026-.551L2.28 18.675a1.86 1.86 0 0 1-.922-1.604V6.921c0-.659.353-1.275.922-1.603L11.075.236a1.93 1.93 0 0 1 1.848 0l8.794 5.082c.57.329.924.944.924 1.603v10.15a1.86 1.86 0 0 1-.924 1.604l-8.794 5.078c-.28.163-.599.247-.925.247m7.101-10.007c0-1.9-1.284-2.406-3.987-2.763-2.731-.361-3.009-.548-3.009-1.187 0-.528.235-1.233 2.258-1.233 1.807 0 2.473.389 2.747 1.607a.254.254 0 0 0 .247.199h1.141a.26.26 0 0 0 .186-.081.26.26 0 0 0 .067-.196c-.177-2.098-1.571-3.076-4.388-3.076-2.508 0-4.004 1.058-4.004 2.833 0 1.925 1.488 2.457 3.895 2.695 2.88.282 3.103.703 3.103 1.269 0 .983-.789 1.402-2.642 1.402-2.327 0-2.839-.584-3.011-1.742a.255.255 0 0 0-.253-.215h-1.137a.25.25 0 0 0-.254.253c0 1.482.806 3.248 4.655 3.248 2.788.001 4.386-1.096 4.386-3.013"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-obstacle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="obstacle" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29 19V8h-6V5h-2v3H11V5H9v3H3v11h6v6H7v2h6v-2h-2v-6h10v6h-2v2h6v-2h-2v-6zm-2-2h-4.91l4-7H27zm-3.18-7-4 7h-4.97l4-7zM5 10h4.35l-4 7H5zm4 7H7.62l4-7h4.93l-4.05 7z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-organization ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="organization" fill="none" data-category="places" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M27 28.86v-28H11v5H2v23H0v2h30v-2zm-16 0H8v-6h3zm4 0h-2v-8H6v8H4v-21h11zm10 0h-8v-2h6v-2h-6v-2h6v-2h-6v-2h6v-2h-6v-2h6v-2h-6v-2h6v-2h-6v-2h6v-2h-8v1h-2v-3h12z"/><path d="M6 15.73h2v2.14H6zm5 0h2v2.14h-2zm-5-5.01h2v2.14H6zm5 0h2v2.14h-2z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-outgoing-mail ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="outgoing-mail" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.3 9.876L25.7 11.305L16 20.81L6.3 11.305L7.7 9.876L16 18.009L24.3 9.876Z" fill="#{$fg-color}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 7V25H22.4056V27H2V5H30L30.0164 20.4339L28 18.4189V7H4Z" fill="#{$fg-color}"/><path d="M31.5957 24.331L27.8159 28.1108L26.3741 26.669L27.6924 25.3506H24.0361V23.3114H27.6924L26.3741 21.993L27.8159 20.5512L31.5957 24.331Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-package ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="package" fill="none" data-category="data" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M15.5 2 29 8.974v14.052L15.5 30 2 23.026V8.974zM4.25 11.402V21.76l10.125 5.23V16.633zm12.375 5.23v10.36L26.75 21.76V11.4zm8.9-7.025L15.5 14.787 5.474 9.606 15.5 4.427z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-paint-bucket ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="paint-bucket" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m30.12 16.56-1.27-1.27-6.06-6.06-7.32-7.33-1.7 1.69L15 4.86l-5.53 5.57H2.71v1.2h5.57L1.93 18 14 30.1 27.16 17l1.27 1.27zM14 26.71 5.31 18l6.35-6.35h2.24a1.6 1.6 0 1 0 0-1.2h-1l3.87-3.87 4.37 4.36 4.37 4.37zM15 11a.4.4 0 0 1 .41-.4.409.409 0 0 1 .436.577.41.41 0 0 1-.436.233A.41.41 0 0 1 15 11"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-palette ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="palette" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.148 23.348c1.1-.095 2.07.718 2.165 1.814a1.995 1.995 0 0 1-1.82 2.157 2 2 0 0 1-2.165-1.813 1.995 1.995 0 0 1 1.82-2.158m5.805-2.501c1.1-.095 2.07.717 2.165 1.813a1.996 1.996 0 0 1-1.82 2.158 2 2 0 0 1-2.165-1.814 1.995 1.995 0 0 1 1.82-2.157m3.554-5.307c1.1-.096 2.07.716 2.165 1.813a1.995 1.995 0 0 1-1.82 2.157 2 2 0 0 1-2.165-1.814 1.995 1.995 0 0 1 1.82-2.157"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M14.27 1c4.907 0 6.922 3.45 6.922 6.324 0 3.497 1.154 4.025 4.038 4.025 1.731 0 5.77 1.118 5.77 6.324 0 4.024-3.462 13.224-15 13.224-3.344 0-6.433-1.09-8.927-2.934-.24.409-.476.785-.705 1.119-.376.55-.772 1.047-1.178 1.388-.35.294-1.036.742-1.818.417-.781-.325-.944-1.122-.978-1.578-.04-.524.04-1.147.172-1.792.191-.938.524-2.072.935-3.301A14.84 14.84 0 0 1 1 15.948C1 7.693 7.923 1 14.27 1m0 1.993c-2.49 0-5.307 1.338-7.55 3.742C4.499 9.115 3 12.381 3 15.948c0 2.086.494 4.057 1.373 5.802a256 256 0 0 1 1.796-4.667l.12-.304a202 202 0 0 0 1.714-4.463l-.042-.163a5.5 5.5 0 0 1-.163-.98 4.2 4.2 0 0 1 .856-2.86c.745-.997 2.06-1.788 3.328-2.344C13.28 5.4 14.705 5 15.825 4.883l.76 1.745-.121.104-.074.064-.02.017-.02.018-.01.009-.01.009-.208.178-.102.088-.107.092-.111.097-.058.049-.028.025-.015.013-.008.005-.006.007-.03.025-.03.025-.015.014-.003.003-.004.003-.007.006-.03.026-.12.104-.061.052-.032.027-.006.006-.016.014-.008.006-.015.014-.004.002-.011.011-.031.027-.016.012-.016.014-.006.007-.008.007-.008.005-.008.007-.15.13v.016c.011.172.074.425.193.792l.112.335c.088.26.188.551.26.807.105.372.221.879.146 1.37-.182 1.188-.643 1.95-1.245 2.487-.28.25-.57.43-.8.567l-.158.094-.177.105c-.345.77-.733 1.658-1.15 2.612-1.034 2.362-2.246 5.13-3.41 7.516-.26.532-.52 1.05-.777 1.544A12.97 12.97 0 0 0 16 28.903c5.161 0 8.348-2.025 10.281-4.374C28.287 22.094 29 19.238 29 17.673c0-2.011-.742-2.993-1.447-3.528-.806-.612-1.796-.803-2.323-.803-1.377 0-3.139-.073-4.421-1.197-1.354-1.187-1.617-3.006-1.617-4.82 0-1.002-.356-2.086-1.1-2.898-.703-.77-1.878-1.434-3.822-1.434M9.623 13.701a241 241 0 0 1-1.468 3.792l-.124.316c-.73 1.861-1.489 3.799-2.126 5.576-.64 1.787-1.142 3.367-1.379 4.528q-.045.226-.076.417.125-.165.266-.37c.677-.99 1.47-2.467 2.307-4.18 1.147-2.35 2.325-5.042 3.351-7.386l.884-2.012zm3.165-5.908c-1.175.515-2.1 1.135-2.53 1.71a2.22 2.22 0 0 0-.464 1.537c.015.224.057.43.103.616l2.591 1.077.098-.057.104-.062c.204-.121.36-.224.495-.344.227-.202.482-.53.6-1.3l.001-.01.001-.03a1 1 0 0 0-.01-.113 3 3 0 0 0-.086-.377c-.059-.21-.126-.409-.203-.633l-.146-.435c-.121-.373-.258-.838-.285-1.286a2.5 2.5 0 0 1 .008-.411q-.139.058-.277.118" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-paragraph ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="paragraph" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.467 5.944c-1.417-.232-2.582.225-3.365 1.006-.75.746-1.142 1.784-1.078 2.727.046.655.248 1.197.547 1.647l-.054.038c-.737.525-1.423 1.422-1.412 2.736.01 1.281.599 2.177 1.406 2.803.746.578 1.702.943 2.49 1.244l.017.007c.848.323 1.53.583 2.034.94.454.32.684.66.719 1.168.022.328-.128.809-.494 1.173-.332.33-.852.576-1.63.449-.58-.095-1.089-.415-1.376-.799-.27-.36-.32-.725-.152-1.08l-1.809-.853c-.538 1.14-.272 2.288.36 3.131.614.822 1.593 1.4 2.653 1.574 1.418.233 2.582-.225 3.366-1.005.749-.747 1.142-1.785 1.077-2.728a3.33 3.33 0 0 0-.547-1.647l.054-.038c.737-.525 1.423-1.421 1.413-2.735-.01-1.281-.6-2.177-1.407-2.804-.745-.578-1.701-.943-2.489-1.243l-.018-.007c-.848-.324-1.529-.584-2.034-.94-.454-.32-.683-.66-.718-1.168-.023-.328.128-.81.494-1.174.331-.33.852-.576 1.63-.448.58.095 1.088.414 1.375.798.27.361.32.726.152 1.08l1.81.854c.537-1.14.271-2.288-.36-3.132-.615-.821-1.593-1.4-2.654-1.574m1.115 11.133c.168-.056.358-.145.53-.268.337-.24.578-.575.574-1.091-.005-.57-.226-.924-.633-1.24-.469-.363-1.132-.633-1.976-.955l-.131-.05c-.545-.207-1.165-.443-1.738-.75a2 2 0 0 0-.53.268c-.336.24-.578.574-.573 1.09.004.571.225.924.632 1.24.47.364 1.132.633 1.976.955l.132.05c.544.208 1.164.444 1.737.75"/><path d="M15.524 30.74 16 31l.476-.259C24.318 26.478 29 19.337 29 11.636V1H3v10.635c0 7.7 4.682 14.842 12.524 19.106M5 3v8.635c0 6.686 3.977 13.08 11 17.082 7.024-4.002 11-10.396 11-17.08V3z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-park ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="park" fill="none" data-category="places" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M32 7a7 7 0 1 0-14 0c0 3.526 2.609 6.434 6 6.92V32h2V19.914l3.207-3.207-1.414-1.414L26 17.086V13.92c3.391-.486 6-3.394 6-6.92M20 7c0-2.757 2.243-5 5-5s5 2.243 5 5-2.243 5-5 5-5-2.243-5-5"/><path d="M0 21v-2h22v2h-3v1h3v2h-3v1h-2v-1H5v1H3v-1H0v-2h3v-1zm5 1h12v-1H5zm17 4H0v2h22zM3 32v-3h2v3zm14-3v3h2v-3zM7.503 8l-.304-.398A3.97 3.97 0 0 0 4 6.003v-2a5.95 5.95 0 0 1 4 1.525 5.94 5.94 0 0 1 3.999-1.525l.001 2a3.98 3.98 0 0 0-3.199 1.598l-.3.399z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-parking-meter ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="parking-meter" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27.96 30.97H4.04V1.03h23.92zm-22.07-2h20.23V3.03H5.89zm16.95-5.14H9.14v2h13.7zm-1.69-12.46c0 2.6-1.92 4.34-4.91 4.34h-2.33v4.48h-2.08V7.04h4.52c2.97 0 4.8 1.74 4.8 4.34zm-2.15.07c0-1.65-.94-2.53-2.6-2.53h-2.49v4.98h2.51c1.64 0 2.58-.87 2.58-2.45"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-partner-workout ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="partner-workout" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M10.746 2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M3.25 19.667 4.326 6.75H15.25V3h-1v1h-2V0h2v1h4V0h2v4h-2V3h-1v4.586l1.093 1.093 2.564-1.929h6.675L28.75 21h-1l.034 11h-2l-.034-11h-2l.034 11h-2l-.034-11h-1l.093-8.195L16.85 15.8l-1.2-1.6 5.222-3.916.011-1.013-2.726 2.05-2.571-2.571H12.25v10h-1L11.284 32h-2L9.25 18.75h-2L7.284 32h-2L5.25 18.75h-.002v1.021l-.005.062zM22.749 19v-7.625L25.785 9.1l.965 9.9h-4ZM5.5 16.75l.667-8h4.083v8z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M26.75 2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-paste ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="paste" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M7 7h24v23H7z"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M0 25V0h2v25z" clip-rule="evenodd"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M25 2H0V0h25zM5 25H0v-2h5z" clip-rule="evenodd"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M25 0v5h-2V0z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-person ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="person" data-category="user" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 12.72C18.5792 12.72 20.67 10.6292 20.67 8.05C20.67 5.47084 18.5792 3.38 16 3.38C13.4208 3.38 11.33 5.47084 11.33 8.05C11.33 10.6292 13.4208 12.72 16 12.72Z" fill="#{$fg-color}"/><path d="M7.32001 29.62L10.1 15.16H21.9L24.69 29.62H7.32001ZM9.74001 27.62H22.26L20.24 17.16H11.75L9.74001 27.62Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-picnic-table ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="picnic-table" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27.846 16.539H22.79l-1.402-5.385h3.228V9H7.385v2.154h3.223l-1.4 5.384H4.153v2.154h4.493L7.526 23H9.75l1.121-4.308h10.254L22.248 23h2.226l-1.122-4.308h4.494zm-16.415 0 1.4-5.385h6.334l1.402 5.384z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-picture ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="picture" fill="none" data-category="objects" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M19.5 13.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"/><path fill-rule="evenodd" d="M32 3.625H0v25h32zm-2 20.69v2.31h-4.55l-5.248-4.786 3.546-3.235zm0-2.709V5.625H2v14.352l8.061-7.388 8.658 7.897 5.031-4.59zm-19.935-6.308 12.417 11.327H2V22.69z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-placeholder-icon ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="placeholder-icon" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M1 4.333V1h3.333v2H3v1.333zM14.333 1H7.667v2h6.666zm3.334 0v2h6.666V1zm10 0v2H29v1.333h2V1zM31 7.667h-2v6.666h2zm0 10h-2v6.666h2zm0 10h-2V29h-1.333v2H31zM24.333 31v-2h-6.666v2zm-10 0v-2H7.667v2zm-10 0v-2H3v-1.333H1V31zM1 24.333h2v-6.666H1zm0-10h2V7.667H1z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-planter-box ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="planter-box" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M7.199 7.602 7.503 8h.998l.3-.399A3.98 3.98 0 0 1 12 6.003l-.001-2A5.94 5.94 0 0 0 8 5.528a5.95 5.95 0 0 0-4-1.525v2a3.97 3.97 0 0 1 3.199 1.599M26 21v-.976l3.207-3.207-1.414-1.414L26 17.196V14.96a3.995 3.995 0 1 0-2 .015V21h-6.971v-6.04a3.995 3.995 0 1 0-2 .015V21h-3.02a3.999 3.999 0 0 0-7.998 0H1v10h30V21zm-3.025-9.89a2 2 0 1 1 4-.001 2 2 0 0 1-4 .001m-8.97 0a2 2 0 1 1 4-.001 2 2 0 0 1-4 .001M8.01 19.012a2 2 0 0 1 2 1.988H6.011a2 2 0 0 1 2-1.988M29 29H3v-6h26z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-playground ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="playground" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M9.136 13.078a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/><path fill="#{$fg-color}" d="m26.275 26.973-7.258-10.74h-3.949V8.136L9.078 2 3 8.13v20.89h2v-2.957h8.068v2.956h2V18.234h2.886l7.259 10.74h4.782v-2zm-13.207-2.91H5V22.02h8.068zm0-4.043H5v-1.786h8.068zm0-3.786H5v-7.28l4.066-4.102 4.002 4.097z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-plus-circle-fill ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="plus-circle-fill" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.93 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m7 16h-6v6h-2v-6h-6v-2h6V9h2v6h6z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-plus-circle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="plus-circle" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 3a13 13 0 1 1 0 26 13 13 0 0 1 0-26m0-2a15 15 0 1 0 0 30 15 15 0 0 0 0-30"/><path d="M23 15h-6V9h-2v6H9v2h6v6h2v-6h6z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-plus-sign ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="plus-sign" fill="none" data-category="ui" viewBox="0 0 32 32"><path id="pluss" fill="#{$fg-color}" d="M17 15V8h-2v7H8v2h7v7h2v-7h7v-2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-pregnant ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="pregnant" fill="none" data-category="user" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_24945_6714)"><path d="M13.64 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m2.97 23.2h-2v-5.29H10l1.19-16.42h4.5l1.05 3.47c1.01.08 2.77.39 4.03 1.58.94.9 1.42 2.1 1.42 3.57v7.8H16.6v5.29zm-1-7.29h4.59v-5.8c0-.91-.26-1.6-.8-2.12-1.19-1.14-3.34-1.06-3.35-1.06l-.77.03-1.06-3.48h-1.16l-.9 12.42h3.46z"/></g><defs><clipPath id="clip0_24945_6714"><path fill="#fff" d="M10 2h12.2v28.2H10z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-pride-heart ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="pride-heart" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m28.907 17.092-12.91 12.91-12.91-12.91a8.842 8.842 0 0 1 12.51-12.5l.4.4.4-.4a8.842 8.842 0 1 1 12.51 12.5m-12.94 10.09.53-.53.655-.652h-2.363zM12.795 24h6.364l2.509-2.5H10.303zm-4.486-4.5h15.366l1.472-1.468L26.18 17H5.815l.502.502L8.31 19.5ZM3.875 15h24.22a6.85 6.85 0 0 0 1.203-2.5H2.617A6.85 6.85 0 0 0 3.875 15M2.39 10.5h27.104a6.9 6.9 0 0 0-.61-2.5H2.955a6.9 6.9 0 0 0-.566 2.5ZM4.286 6h9.9a6.85 6.85 0 0 0-9.9 0m18.371-2.002c-1.814 0-3.554.72-4.837 2.002h9.675a6.85 6.85 0 0 0-4.838-2.002" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-print ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="print" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.87 8.06H24v-4H8v4H1.93V22.6H9v3.79h13.9V22.6h7zM10 6.06h12v2H10zm.67 18.33v-8.33h10.52v8.33zm17.2-3.79h-5v-4.54H25v-2H7v2h2v4.54H4V10.06h23.87z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-privacy ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="privacy" data-category="user" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2 12.72C16.7792 12.72 18.87 10.6292 18.87 8.05C18.87 5.47084 16.7792 3.38 14.2 3.38C11.6208 3.38 9.52999 5.47084 9.52999 8.05C9.52999 10.6292 11.6208 12.72 14.2 12.72Z" fill="#{$fg-color}"/><path d="M15.83 29.62H5.51999L8.29999 15.16H19.27V17.16H9.94999L7.93999 27.62H15.83V29.62Z" fill="#{$fg-color}"/><path d="M22.31 22.2H19.99C19.99 21.59 20.51 21.08 21.15 21.08C21.79 21.08 22.31 21.59 22.31 22.2Z" fill="#{$fg-color}"/><path d="M15.56 18.26V21.94C15.56 25.45 17.76 28.6 21.06 29.81C21.16 29.84 21.28 29.84 21.38 29.8C24.46 28.59 26.48 25.62 26.48 22.31V18.26H15.56ZM23.9 25.96H18.4V22.2H18.99C18.99 21.03 19.96 20.08 21.15 20.08C22.34 20.08 23.31 21.03 23.31 22.2H23.9V25.96Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-process-back ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="process-back" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M10.707 6.365 17.337 2v3.518c5.276.25 9.678 3.783 11.077 8.778l-1.686.456c-1.218-4.16-4.935-7.24-9.391-7.489v3.465zM29.523 18.06 30 26.03l-3.03-1.742c-2.83 4.498-8.053 6.606-13.049 5.357l.443-1.702c4.186.992 8.68-.738 11.101-4.52l-2.985-1.715zM10.03 28.489 3 24.816l3.037-1.731C3.657 18.33 4.54 12.727 8.164 9.04l1.223 1.255a10.56 10.56 0 0 0-1.844 11.93l2.992-1.706z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-process-forward ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="process-forward" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M22.293 6.365 15.663 2v3.518c-5.276.25-9.678 3.783-11.077 8.778l1.686.456c1.218-4.16 4.935-7.24 9.391-7.489v3.465zM3.477 18.06 3 26.03l3.03-1.742c2.83 4.498 8.053 6.606 13.049 5.357l-.443-1.702c-4.186.992-8.68-.738-11.101-4.52l2.985-1.715zM22.97 28.489 30 24.816l-3.036-1.731c2.38-4.755 1.496-10.358-2.128-14.044l-1.223 1.255a10.56 10.56 0 0 1 1.843 11.93l-2.99-1.706z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-process-iteration ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="process-iteration" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.886 19.947v3.13h-5.27c2.639-1.91 4.365-5.006 4.365-8.505 0-5.79-4.71-10.5-10.5-10.5-4.57 0-8.456 2.939-9.895 7.022h-2.98l3.99 6.114 3.99-6.114H6.734c1.332-2.956 4.3-5.022 7.747-5.022 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.225 0-6.019-1.817-7.458-4.471L5.82 20.453a10.7 10.7 0 0 0 2.548 2.623H0v2h25.887v2.852L32 23.938z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-processing ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="processing" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M30.99 26.07H1.12V12.06h2v12.01H29V12.06h2v14.01zm-5.94-6.17H7.02v-2h18.03zm0-5.07H7.02v-2h18.03zm0-4.98H7.02v-2h18.03z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m12.133 14a12.07 12.07 0 0 1-2.929 7.884L8.116 6.796A12.07 12.07 0 0 1 16 3.866c6.69 0 12.133 5.444 12.133 12.134M3.867 16c0-3.01 1.108-5.761 2.929-7.884l17.088 17.088A12.07 12.07 0 0 1 16 28.134C9.31 28.133 3.867 22.69 3.867 16"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-punkt-circle-blue ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="punkt-circle-blue" fill="none" data-category="social" viewBox="0 0 200 200"><rect width="200" height="200" fill="#B3F5FF" rx="100"/><path fill="#{$fg-color}" d="M43.162 85C34.787 85 28 91.714 28 100s6.787 15 15.162 15 15.162-6.714 15.162-15-6.804-15-15.162-15m0 21.615c-3.694 0-6.687-2.96-6.687-6.615s2.993-6.615 6.687-6.615 6.687 2.96 6.687 6.615-2.993 6.615-6.687 6.615m47.927-12.287c0 5.474-4.096 9.211-10.549 9.211h-5.9v10.833h-3.578V85h9.712c6.42 0 10.315 3.82 10.315 9.328m-3.695.032c0-3.936-2.29-6.152-6.503-6.152H74.64v12.189h6.252c4.213 0 6.503-2.134 6.503-6.037Zm23.755-1.008v21.036h-3.461v-3.175c-1.287 2.266-3.527 3.489-6.135 3.489-4.246 0-6.787-2.695-6.787-7.26V93.335h3.46v13.71c0 3.142 1.605 4.68 4.364 4.68 3.493 0 5.098-2.662 5.098-6.78V93.352zm22.149 6.946v14.09h-3.46V100.81c0-3.456-1.605-4.812-4.363-4.812-3.494 0-5.183 2.58-5.183 6.714v11.676h-3.46V93.352h3.46v3.142c1.371-2.266 3.578-3.54 6.186-3.523 4.296 0 6.82 2.663 6.82 7.343zM145 104.267l-2.525 2.464v7.657h-3.46V85h3.46v17.795l9.512-9.443h4.38l-9.027 8.699 9.177 12.354h-4.212L145 104.283zm23.269 7.508c1.237 0 2.123-.48 3.093-1.472l1.638 2.101c-1.488 1.62-3.126 2.298-5.182 2.298-3.21 0-5.851-2.017-5.851-5.986V96.097h-3.895v-2.745h3.895v-4.598l3.46-1.753v6.35h7.138v2.746h-7.138v12.536c0 2.414 1.488 3.142 2.842 3.142"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-qr-code ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="qr-code" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M1 1h14v2H1zm20 0h10v2H21zm0 8h10v2H21zm-6-6h6v2h-6zm-4 2h7v2h-7zM5 5h2v2H5zm20 0h2v2h-2zM1 9h10v2H1zm2 12h6v2H3zm8 1h4v2h-4zm6-7h4v2h-4zM3 29h6v2H3zm2-16h4v2H5zm6-2h4v2h-4zM3 3v6H1V3zm8 0v6H9V3zm20 0v6h-2V3zm-8 0v6h-2V3zm0 8v4h-2v-4zm6 0v8h-2v-8zm-4 4v4h-2v-4zm2 4v2h-2v-2zm-8 3v2h-2v-2zm2-2v2h-2v-2zm4 1v2h-2v-2zm-8 3v2h-2v-2zM7 25v2H5v-2zm6 2v2h-2v-2zm8 2v2h-8v-2zm10-10v4h-2v-4zm-2 2v5h-2v-5zm2 5v5h-2v-5zm-6 0v4h-2v-4zm2 0v2h-2v-2zm-4-6v6h-2v-6zm-2 4v5h-2v-5zM5 11v4H3v-4zm6 4v6H9v-6zm0 6v10H9V21zm-8 0v10H1V21zM15 9v2h-2V9zm0 4v9h-2v-9zm2 0v8h-2v-8zm3-6v4h-2V7z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-question ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="question" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M15.93 7.6A4.87 4.87 0 0 1 17 17.23h-.06v1.68h-2v-3.56h1a2.88 2.88 0 1 0-2.78-3.6v.17l-2-.39a4.88 4.88 0 0 1 4.77-3.93M16 3a13 13 0 1 0 0 26 13 13 0 0 0 0-26m0-2a15 15 0 1 1 0 30 15 15 0 0 1 0-30"/><path d="M17.65 22.38a1.72 1.72 0 1 1-3.44-.02 1.72 1.72 0 0 1 3.44.02"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-radio-checked ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="radio-checked" fill="none" data-category="ui" viewBox="0 0 24 24"><circle cx="12" cy="12" r="11" stroke="#2A2859" stroke-width="2"/><circle cx="12" cy="12" r="7" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-radio-unchecked ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="radio-unchecked" fill="none" data-category="ui" viewBox="0 0 24 24"><rect width="22" height="22" x="1" y="1" stroke="#2A2859" stroke-width="2" rx="11"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-react ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg viewBox="0 0 32 32" id="react" data-category="social" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5716 18.6917C17.0394 18.6917 18.2293 17.5018 18.2293 16.034C18.2293 14.5662 17.0394 13.3764 15.5716 13.3764C14.1038 13.3764 12.9139 14.5662 12.9139 16.034C12.9139 17.5018 14.1038 18.6917 15.5716 18.6917Z" fill="#{$fg-color}"/><path d="M25.6416 11.6559C25.1441 11.4649 24.617 11.2902 24.0648 11.1318C24.2128 10.5633 24.3224 10.0095 24.4068 9.47353C24.8954 6.40425 24.3446 4.23962 22.8566 3.38087C21.3686 2.52212 19.2188 3.12621 16.8054 5.08504C16.3612 5.44038 15.9259 5.83422 15.4877 6.26952C15.0583 5.86383 14.6294 5.49122 14.201 5.15167C11.764 3.22689 9.61116 2.64501 8.13057 3.52301C6.64997 4.401 6.1288 6.57008 6.64997 9.63344C6.73436 10.1294 6.84541 10.6417 6.98162 11.1659C6.46193 11.3139 5.96445 11.4827 5.50102 11.6633C2.59757 12.7753 1 14.3284 1 16.0518C1 17.7753 2.59757 19.3284 5.50102 20.4403C5.99258 20.6284 6.51375 20.8016 7.05861 20.9585C6.92437 21.4995 6.81678 22.0251 6.73584 22.5354C6.62525 23.204 6.56683 23.8802 6.56113 24.5579C6.56113 26.5522 7.15337 27.9633 8.28455 28.6192C8.73841 28.8761 9.25255 29.0075 9.77403 28.9997C11.071 28.9997 12.6375 28.2919 14.3358 26.9165C14.7592 26.573 15.1832 26.1949 15.6076 25.7823C16.0518 26.2043 16.496 26.5922 16.9401 26.9431C18.6354 28.2845 20.1975 28.9715 21.4841 28.9715C22.0204 28.9804 22.5488 28.8422 23.0121 28.5718C24.4927 27.6953 25.0138 25.5247 24.4927 22.4613C24.4083 21.9653 24.2972 21.4531 24.161 20.9289C24.6807 20.7809 25.1782 20.6121 25.6416 20.4314C28.5436 19.3195 30.1426 17.7664 30.1426 16.043C30.1426 14.3195 28.5436 12.7679 25.6416 11.6559ZM17.6464 6.11998C19.5712 4.55647 21.2294 3.97903 22.1918 4.53426C23.1542 5.08948 23.4829 6.81438 23.092 9.26329C23.0131 9.75682 22.9069 10.2701 22.7737 10.8031C21.4963 10.5161 20.2015 10.3133 18.8975 10.1961C18.1421 9.14749 17.3201 8.1485 16.4367 7.20526C16.8335 6.80994 17.2407 6.44719 17.6449 6.11998H17.6464ZM15.5987 23.8872C15.0583 23.3097 14.5238 22.682 13.9997 22.0112C14.5179 22.0349 15.0435 22.0453 15.5721 22.0453C16.1006 22.0453 16.6425 22.0335 17.1681 22.0112C16.6425 22.6879 16.1169 23.3127 15.5972 23.8798L15.5987 23.8872ZM15.5706 20.7083C14.6724 20.7083 13.8062 20.6772 12.9721 20.615C12.4845 19.9172 12.0147 19.1877 11.5626 18.4267C11.0947 17.639 10.6639 16.8469 10.2745 16.0578C10.655 15.2656 11.0755 14.4676 11.5345 13.674C11.9786 12.9144 12.4317 12.183 12.9055 11.4857C13.7731 11.4205 14.6659 11.3865 15.5706 11.3865C16.4752 11.3865 17.3369 11.419 18.1675 11.4797C18.6542 12.1776 19.124 12.907 19.5771 13.6681C20.045 14.4558 20.4654 15.2345 20.846 15.9941C20.4699 16.7714 20.0568 17.5546 19.6067 18.3334C19.1398 19.1418 18.6621 19.9019 18.1735 20.6136C17.3251 20.6728 16.4545 20.7083 15.5706 20.7083ZM9.55787 14.5105C9.20548 13.6947 8.90048 12.8819 8.6473 12.1075C9.45422 11.9239 10.31 11.7744 11.1984 11.6633C10.919 12.1026 10.6461 12.5522 10.3796 13.0122C10.0914 13.5037 9.81746 14.0022 9.55787 14.5076V14.5105ZM11.2546 20.4389C10.3515 20.3234 9.50308 20.1723 8.71392 19.9947C8.95378 19.2188 9.24546 18.4223 9.58303 17.6124C9.84757 18.1118 10.1279 18.6093 10.424 19.1048C10.6876 19.5594 10.9659 20.005 11.2546 20.4389ZM20.766 18.9967C21.0473 18.5091 21.3143 18.021 21.567 17.5324C21.9357 18.3838 22.2436 19.204 22.4939 19.9858C21.6692 20.1723 20.7971 20.3248 19.8895 20.4418C20.1846 19.972 20.4748 19.4903 20.7601 18.9967H20.766ZM21.5492 14.438C21.2906 13.9523 21.0172 13.4677 20.729 12.984C20.4595 12.5295 20.1812 12.0838 19.8984 11.6515C20.7867 11.7655 21.6322 11.9136 22.4154 12.0957C22.1681 12.8611 21.8779 13.6399 21.5433 14.438H21.5492ZM15.5084 8.16469C16.0621 8.75693 16.6114 9.39654 17.1474 10.0895C16.6292 10.0658 16.111 10.0554 15.5765 10.0554C15.0158 10.0554 14.4606 10.0677 13.9108 10.0924C14.4261 9.39951 14.9561 8.75544 15.5025 8.16469H15.5084ZM8.81608 4.66159C9.08001 4.51122 9.38006 4.43595 9.68372 4.44394C10.6431 4.44394 11.9342 5.04506 13.3852 6.18957C13.78 6.50247 14.1749 6.84794 14.5697 7.22599C13.7082 8.1703 12.908 9.16879 12.1741 10.2153C10.8648 10.3331 9.56492 10.5384 8.28307 10.8298C8.15722 10.3426 8.05358 9.86737 7.9751 9.40691C7.55313 6.95504 7.84925 5.22866 8.81016 4.66159H8.81608ZM2.33106 16.0444C2.33106 14.934 3.6636 13.788 5.9763 12.8996C6.41258 12.7328 6.87304 12.5788 7.35769 12.4377C7.75773 13.6767 8.23898 14.888 8.79832 16.0637C8.26086 17.2327 7.79895 18.4349 7.41544 19.663C4.23807 18.745 2.33106 17.3503 2.33106 16.0444ZM8.95082 27.4673C7.98843 26.9105 7.65973 25.1871 8.05061 22.7382C8.12612 22.2674 8.22532 21.7803 8.34673 21.2813C9.63084 21.5707 10.9326 21.7749 12.2437 21.8928C12.9865 22.9233 13.7935 23.9059 14.66 24.8347C12.2659 27.1534 10.0879 28.1232 8.95082 27.4673ZM22.331 27.4288C21.376 27.9958 19.7118 27.4391 17.7663 25.8993C17.3577 25.5765 16.948 25.2197 16.5374 24.8288C17.388 23.8983 18.1792 22.9153 18.9064 21.8854C20.236 21.7677 21.5562 21.5609 22.8581 21.2665C23.6754 24.4379 23.4474 26.7655 22.331 27.4288ZM25.1723 19.1892C24.7281 19.3565 24.2735 19.5105 23.7909 19.6512C23.385 18.3962 22.8963 17.1695 22.328 15.9793C22.8612 14.8224 23.3197 13.6325 23.7005 12.417C26.8927 13.3349 28.8101 14.7341 28.8101 16.043C28.8101 17.1549 27.482 18.3023 25.1723 19.1892Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-receipt ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="receipt" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M22.065 20.327H10.69v1.935h11.374v-1.935Zm-4.055-9.68h-7.32v1.936h7.318v-1.936Zm4.055 5.073H10.69v1.935h11.374V15.72Z"/><path fill="#{$fg-color}" d="M23.013 0H5v28.07l3.049 3.901 2.081-2.662L12.22 32l2.072-2.681L16.373 32l2.091-2.681L20.535 32l2.081-2.681L24.698 32l3.058-3.95V5.809zm0 3.03 2.275 2.778h-2.275zm2.846 24.363-1.162 1.451-2.08-2.68-2.082 2.68-2.071-2.68-2.09 2.68-2.091-2.68-2.072 2.68-2.071-2.68-2.091 2.661-1.152-1.423V1.936h14.22v5.808h4.742v19.648Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-recycling ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="recycling" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M13.21 13.419 5.974 9.44l4.107-7.404h11.591l3.861 6.09-2.137 5.129-4.892-1.079-2.384-3.881zm6.543-2.998 2.452.541 1.104-2.648-2.725-4.298h-4.767zM8.672 8.662l3.781 2.079 2.483-4.373-1.445-2.351h-2.242zm17.542 21.302h-6.99l-4.028-4.016 3.809-4.333 4.565-.126-2.983-5.082 7.063-4.277L32 19.377zm-6.171-1.981h4.997l2.524-4.621-7.642.21-2.01 2.287zm3.241-10.893 2.546 4.337 2.834-.078 1.053-1.926-2.743-4.567zM5.794 29.964h8.473l-.172-8.439-5.893.042 2.142-3.957-1.134-5.33-5.512.87L0 19.873zm6.451-1.981H6.942L5.803 26l1.323-2.444 5.028-.036zM4.644 23.98l-2.371-4.128 2.694-4.896 2.696-.426.592 2.777z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-restaurant ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="restaurant" fill="none" data-category="food" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path fill-rule="evenodd" d="M18 7v11h4v13h2V1a6 6 0 0 0-6 6m4 9h-2V7a4 4 0 0 1 2-3.463z" clip-rule="evenodd"/><path d="M11.75 9h.75V1.25H14v8.5a2.99 2.99 0 0 1-2 2.816V31h-2V12.566A2.99 2.99 0 0 1 8 9.75v-8.5h1.5V9h.75V1.25h1.5z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-roadblock ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="roadblock" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M7.175 18.206H4.392v6.845h2.783zm1.391 7.838H3V28h5.566zm20.434 0h-5.566V28H29zM7.175 5.467c0-.39-.147-.762-.408-1.037A1.36 1.36 0 0 0 5.783 4c-.369 0-.723.155-.984.43a1.5 1.5 0 0 0-.407 1.037v.978h2.783zm20.41 12.739h-2.783v6.845h2.783zm0-12.739c0-.39-.147-.762-.408-1.037a1.36 1.36 0 0 0-.984-.43c-.369 0-.723.155-.984.43a1.5 1.5 0 0 0-.407 1.037v.978h2.783zM4.392 7.484v3.254l3.087-3.254zm23.193 6.163-3.43 3.616h3.43zM15.936 7.484l-9.278 9.779h3.208l9.278-9.779zm-5.833 0-5.711 6.02v3.382l8.92-9.402zm17.482.016-9.263 9.763h3.208l6.055-6.382zm-5.817-.016-9.278 9.779h3.208l9.278-9.779z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-ruler ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="ruler" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="m24.44.076 7.464 7.68L7.756 31.904.076 24.44zM2.924 24.419l4.812 4.677 21.36-21.36-4.677-4.812-.67.672 2.55 2.55-1.414 1.415-2.551-2.551-1.708 1.708 1.58 1.574-1.412 1.416-1.582-1.576-1.71 1.71 2.551 2.55-1.414 1.415-2.551-2.551-1.709 1.709 1.828 1.828-1.414 1.414-1.828-1.828-1.71 1.709 2.552 2.551-1.414 1.414-2.551-2.55-1.71 1.709 1.576 1.582-1.416 1.412-1.574-1.58-1.708 1.708 2.55 2.551L6.148 26.3l-2.551-2.55z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-sass ($fg-color: #cc6699, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="sass" fill="none" data-category="social" viewBox="0 0 24 24"><path fill="#{$fg-color}" d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0M9.615 15.998c.175.645.156 1.248-.024 1.792l-.065.18q-.037.092-.078.176-.21.435-.555.81c-.698.759-1.672 1.047-2.09.805-.45-.262-.226-1.335.584-2.19.871-.918 2.12-1.509 2.12-1.509v-.003zm9.911-10.861c-.542-2.133-4.077-2.834-7.422-1.645-1.989.707-4.144 1.818-5.693 3.267C4.568 8.48 4.275 9.98 4.396 10.607c.427 2.211 3.457 3.657 4.703 4.73v.006c-.367.18-3.056 1.529-3.686 2.925-.675 1.47.105 2.521.615 2.655 1.575.436 3.195-.36 4.065-1.649.84-1.261.766-2.881.404-3.676.496-.135 1.08-.195 1.83-.104 2.101.24 2.521 1.56 2.43 2.1-.09.539-.523.854-.674.944-.15.091-.195.12-.181.181.015.09.091.09.21.075.165-.03 1.096-.45 1.141-1.471.045-1.29-1.186-2.729-3.375-2.7-.9.016-1.471.091-1.875.256a.4.4 0 0 0-.105-.105c-1.35-1.455-3.855-2.475-3.75-4.41.03-.705.285-2.564 4.8-4.814 3.705-1.846 6.661-1.335 7.171-.21.733 1.604-1.576 4.59-5.431 5.024-1.47.165-2.235-.404-2.431-.615-.209-.225-.239-.24-.314-.194-.12.06-.045.255 0 .375.12.3.585.825 1.396 1.095.704.225 2.43.359 4.5-.45 2.324-.899 4.139-3.405 3.614-5.505z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-sauna ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="sauna" fill="none" data-category="activities" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_25028_16605)"><path d="M8.4 10.5c1.4 0 2.5-1.1 2.5-2.5S9.8 5.5 8.4 5.5 5.9 6.6 5.9 8s1.1 2.5 2.5 2.5m16.5 1.6 1.3-4-1.4-2.7-1.7.9.9 2-1.3 4 1.4 2.7 1.8-.9zm-4.2 0 1.3-4-1.3-2.7-1.8.9 1 2-1.3 4 1.3 2.7 1.8-.9z"/><path d="M0 0v32h32V0zm30 30H19V19h7v11h2V17H17v13h-2.8v-8.4h-3.8l.2-1.6.8-7.7-6.9.1L2 23.6h10.2V30H2V2h28zM9.1 14.3l-.7 7.3H4.5L6 14.3z"/></g><defs><clipPath id="clip0_25028_16605"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-save ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="save" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M1 1v30h26.414L31 27.414V1zm4 2H3v26h3v-8h20v8h.584L29 26.584V3h-2v14H5zm20 0H7v12h18zm-1 26v-6h-3v6zm-5 0v-6H8v6z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-scooter-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="scooter-prohibited" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m5.7 13.9 3-3 2.9 2.9 1.4-1.4-2.9-2.9L13 6.6a19 19 0 0 0-1.4-1.4L8.7 8.1 5.8 5.2c-.2-.2-.1-.2-.3 0L4.2 6.5l3 3-3 3q.787.66 1.5 1.4"/><path fill="#{$fg-color}" d="M25.4 19.9 22.7 7.5l2-.4-.4-2-4 .8 1.3 5.8-1.9.4 1.3 6a7 7 0 0 0-2.5 4.3h-6.8a3.45 3.45 0 0 0-3.4-2.5h-4v2h.9a4.2 4.2 0 0 0-.4 1.5 3.48 3.48 0 0 0 3.5 3.5 3.67 3.67 0 0 0 3.4-2.5h8.7v-1a4.61 4.61 0 0 1 2.8-4.3l.3 1.2a3.53 3.53 0 0 0-1.8 3.1 3.5 3.5 0 1 0 3.7-3.5m-17.1 5a1.5 1.5 0 1 1 1.5-1.5 1.473 1.473 0 0 1-1.5 1.5m16.9 0a1.5 1.5 0 1 1 1.5-1.5 1.54 1.54 0 0 1-1.5 1.5"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-scooter ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="scooter" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M24.4 19.9 21.7 7.5l2-.4-.4-2-4 .8 1.3 5.8-1.9.4 1.3 6a7 7 0 0 0-2.5 4.3h-6.8a3.45 3.45 0 0 0-3.4-2.5h-4v2h.9a4.2 4.2 0 0 0-.4 1.5 3.48 3.48 0 0 0 3.5 3.5 3.67 3.67 0 0 0 3.4-2.5h8.7v-1a4.61 4.61 0 0 1 2.8-4.3l.3 1.2a3.53 3.53 0 0 0-1.8 3.1 3.5 3.5 0 1 0 7 0 3.44 3.44 0 0 0-3.3-3.5m-17.1 5a1.5 1.5 0 1 1 0-3 1.54 1.54 0 0 1 1.5 1.5 1.473 1.473 0 0 1-1.5 1.5m16.9 0a1.5 1.5 0 1 1 1.5-1.5 1.54 1.54 0 0 1-1.5 1.5"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-search-icon-round-active ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="search-icon-round-active" fill="none" data-category="uncategorized" viewBox="0 0 48 48"><circle cx="24" cy="24" r="24" fill="#1F42AA"/><path fill="#fff" fill-rule="evenodd" d="M22.5 15a7.5 7.5 0 1 0 4.719 13.33l4.67 4.67L33 31.889l-4.67-4.67A7.5 7.5 0 0 0 22.5 15m0 1.482a6.019 6.019 0 1 1-6.018 6.018 6.025 6.025 0 0 1 6.018-6.018" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-search-icon-round-disabled ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="search-icon-round-disabled" fill="none" data-category="uncategorized" viewBox="0 0 48 48"><circle cx="24" cy="24" r="24" fill="#666"/><path fill="#fff" fill-rule="evenodd" d="M22.5 15a7.5 7.5 0 1 0 4.719 13.33l4.67 4.67L33 31.889l-4.67-4.67A7.5 7.5 0 0 0 22.5 15m0 1.482a6.019 6.019 0 1 1-6.018 6.018 6.025 6.025 0 0 1 6.018-6.018" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-search-icon-round-normal ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="search-icon-round-normal" fill="none" data-category="uncategorized" viewBox="0 0 48 48"><circle cx="24" cy="24" r="24" fill="#F9C66B"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M22.5 15a7.5 7.5 0 1 0 4.719 13.33l4.67 4.67L33 31.889l-4.67-4.67A7.5 7.5 0 0 0 22.5 15m0 1.482a6.019 6.019 0 1 1-6.018 6.018 6.025 6.025 0 0 1 6.018-6.018" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-search-icon-square-active ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="search-icon-square-active" fill="none" data-category="uncategorized" viewBox="0 0 48 48"><path fill="#1F42AA" d="M0 0h48v48H0z"/><path fill="#fff" fill-rule="evenodd" d="m34.73 33.587-5.553-5.554A9 9 0 1 0 22.2 31.35c2.275 0 4.346-.85 5.931-2.242l5.539 5.538zM22.2 29.85c-4.135 0-7.5-3.365-7.5-7.5s3.364-7.5 7.5-7.5 7.5 3.365 7.5 7.5c0 4.136-3.364 7.5-7.5 7.5" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-search-icon-square-disabled ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="search-icon-square-disabled" fill="none" data-category="uncategorized" viewBox="0 0 48 48"><path fill="#666" d="M0 0h48v48H0z"/><path fill="#fff" fill-rule="evenodd" d="m34.73 33.587-5.553-5.554A9 9 0 1 0 22.2 31.35c2.275 0 4.346-.85 5.931-2.242l5.539 5.538zM22.2 29.85c-4.135 0-7.5-3.365-7.5-7.5s3.364-7.5 7.5-7.5 7.5 3.365 7.5 7.5c0 4.136-3.364 7.5-7.5 7.5" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-search-icon-square-normal ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="search-icon-square-normal" fill="none" data-category="uncategorized" viewBox="0 0 48 48"><path fill="#{$fg-color}" d="M0 0h48v48H0z"/><path fill="#fff" fill-rule="evenodd" d="m34.73 33.587-5.553-5.554A9 9 0 1 0 22.2 31.35c2.275 0 4.346-.85 5.931-2.242l5.539 5.538zM22.2 29.85c-4.135 0-7.5-3.365-7.5-7.5s3.364-7.5 7.5-7.5 7.5 3.365 7.5 7.5c0 4.136-3.364 7.5-7.5 7.5" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-shapes ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="shapes" data-category="objects" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.45 14.8H1.92999L8.68999 3.10002L15.45 14.8ZM5.40999 12.8H12.01L8.70999 7.09002L5.40999 12.8Z" fill="#{$fg-color}"/><path d="M28.36 3.80002C27.58 3.02002 26.54 2.58002 25.43 2.58002C24.41 2.58002 23.45 2.95002 22.69 3.62002C22.35 3.32002 21.96 3.08002 21.54 2.90002C20.52 2.48002 19.38 2.48002 18.36 2.90002C17.86 3.11002 17.41 3.41002 17.02 3.80002C16.64 4.18002 16.33 4.64002 16.12 5.14002C15.91 5.64002 15.81 6.18002 15.81 6.72002C15.81 7.26002 15.91 7.80002 16.12 8.31002C16.33 8.81002 16.63 9.27002 17.02 9.65002L22.69 15.33L28.36 9.65002C29.14 8.87002 29.57 7.83002 29.57 6.72002C29.57 5.61002 29.14 4.58002 28.36 3.80002ZM19.9 4.36002H19.93C20.24 4.36002 20.55 4.43002 20.83 4.55002C21.12 4.68002 21.37 4.85002 21.59 5.09002L22.69 6.19002L23.79 5.09002C24.67 4.21002 26.2 4.21002 27.07 5.09002C27.51 5.52002 27.75 6.11002 27.75 6.73002C27.75 7.35002 27.51 7.94002 27.07 8.37002L22.68 12.75L18.3 8.36002C18.08 8.14002 17.9 7.89002 17.78 7.61002C17.65 7.32002 17.59 7.02002 17.58 6.71002C17.58 6.40002 17.64 6.09002 17.76 5.81002C17.87 5.52002 18.05 5.26002 18.26 5.04002C18.48 4.82002 18.74 4.65002 19.03 4.53002C19.31 4.42002 19.6 4.36002 19.9 4.36002Z" fill="#{$fg-color}"/><path d="M8.68999 29.2C5.25999 29.2 2.46999 26.41 2.46999 22.98C2.46999 19.55 5.25999 16.76 8.68999 16.76C12.12 16.76 14.91 19.55 14.91 22.98C14.91 26.41 12.12 29.2 8.68999 29.2ZM8.68999 18.76C6.35999 18.76 4.46999 20.65 4.46999 22.98C4.46999 25.31 6.35999 27.2 8.68999 27.2C11.02 27.2 12.91 25.31 12.91 22.98C12.91 20.65 11.02 18.76 8.68999 18.76Z" fill="#{$fg-color}"/><path d="M28.73 29.03H16.64V16.94H28.73V29.03ZM18.64 27.03H26.74V18.93H18.64V27.03Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-share-outline ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="share-outline" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M23.35 19.41a4.82 4.82 0 0 0-3.77 1.83l-7.34-4a4.7 4.7 0 0 0 .12-3.39l7-4A4.84 4.84 0 1 0 18.5 7q-.01.506.1 1l-7.24 4.15a4.8 4.8 0 0 0-3.59-1.65 4.85 4.85 0 0 0 0 9.7 4.8 4.8 0 0 0 3.3-1.32L18.68 23c-.116.4-.177.814-.18 1.23a4.85 4.85 0 1 0 4.85-4.85zm0-15.24A2.85 2.85 0 1 1 20.5 7a2.86 2.86 0 0 1 2.85-2.83M7.77 18.2a2.85 2.85 0 1 1 2.85-2.85 2.86 2.86 0 0 1-2.85 2.85m15.58 8.91a2.85 2.85 0 1 1 2.85-2.85 2.86 2.86 0 0 1-2.85 2.85"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-share ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="share" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M20.72 19.57a2.78 2.78 0 0 0-1.73.61l-4.63-3.43a2.6 2.6 0 0 0 0-1.5L19 11.82c.49.397 1.1.616 1.73.62a2.82 2.82 0 1 0-2.81-2.82c0 .283.047.563.14.83l-4.6 3.4a2.78 2.78 0 0 0-1.79-.66 2.81 2.81 0 0 0 0 5.62 2.78 2.78 0 0 0 1.79-.66l4.6 3.4a2.9 2.9 0 0 0-.14.83 2.81 2.81 0 1 0 2.81-2.81z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-shield-fire ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="shield-fire" fill="none" data-category="health" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M3 1.085V11.66c0 7.656 4.682 14.758 12.524 18.997l.476.258.476-.257C24.318 26.418 29 19.317 29 11.661V1.085zm13 27.55c-2.135-1.209-4-2.65-5.561-4.262-.005-.007-.005-.016-.011-.022-1.956-2.353-1.935-3.98-1.559-5.979.458-2.435 2.287-3.685 4.036-4.945 1.377-.993 2.679-1.93 3.159-3.345a6 6 0 0 0 .305-1.571c.412.812.673 1.725.593 2.68-.161 1.918-1.06 3.107-1.852 4.156-.482.638-.938 1.24-1.187 1.94-.504 1.434-.285 2.837.601 3.851.921 1.053 2.454 1.537 3.903 1.235 1.563-.325 2.766-1.472 3.299-3.145a6.4 6.4 0 0 0 .306-2.146c.606.819.938 1.717.986 2.682.011.188.003.368.002.54-.019 2.662-1.095 3.672-1.095 3.672-1.632 1.772-3.618 3.352-5.925 4.659m11-16.974c0 2.77-.7 5.461-1.989 7.947-.11-1.858-.978-3.576-2.517-4.973l-.285-.26h-2.937l.487 1.341a4.4 4.4 0 0 1 .061 2.906c-.312.98-.951 1.617-1.8 1.794-.75.154-1.544-.085-1.99-.595-.41-.468-.485-1.114-.221-1.866.145-.407.493-.868.896-1.402.86-1.139 2.039-2.699 2.249-5.194.221-2.621-1.28-4.85-2.578-6.259l-.296-.322h-2.581l.5 1.348c.309.832.588 2.082.171 3.314-.274.808-1.275 1.529-2.435 2.364-1.868 1.346-4.134 2.915-4.827 6.174-.085.399-.1.838-.093 1.292C5.637 16.879 5 14.305 5 11.661V3.085h22z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-shield-law-paragraph ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="shield-law-paragraph" fill="none" data-category="user" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.467 5.944c-1.417-.232-2.582.225-3.365 1.006-.75.746-1.142 1.784-1.078 2.727.046.655.248 1.197.547 1.647l-.054.038c-.737.525-1.423 1.422-1.412 2.736.01 1.281.599 2.177 1.406 2.803.746.578 1.702.943 2.49 1.244l.017.007c.848.323 1.53.583 2.034.94.454.32.684.66.719 1.168.022.328-.128.809-.494 1.173-.332.33-.852.576-1.63.449-.58-.095-1.089-.415-1.376-.799-.27-.36-.32-.725-.152-1.08l-1.809-.853c-.538 1.14-.272 2.288.36 3.131.614.822 1.593 1.4 2.653 1.574 1.418.233 2.582-.225 3.366-1.005.749-.747 1.142-1.785 1.077-2.728a3.33 3.33 0 0 0-.547-1.647l.054-.038c.737-.525 1.423-1.421 1.413-2.735-.01-1.281-.6-2.177-1.407-2.804-.745-.578-1.701-.943-2.489-1.243l-.018-.007c-.848-.324-1.529-.584-2.034-.94-.454-.32-.683-.66-.718-1.168-.023-.328.128-.81.494-1.174.331-.33.852-.576 1.63-.448.58.095 1.088.414 1.375.798.27.361.32.726.152 1.08l1.81.854c.537-1.14.271-2.288-.36-3.132-.615-.821-1.593-1.4-2.654-1.574m1.115 11.133c.168-.056.358-.145.53-.268.337-.24.578-.575.574-1.091-.005-.57-.226-.924-.633-1.24-.469-.363-1.132-.633-1.976-.955l-.131-.05c-.545-.207-1.165-.443-1.738-.75a2 2 0 0 0-.53.268c-.336.24-.578.574-.573 1.09.004.571.225.924.632 1.24.47.364 1.132.633 1.976.955l.132.05c.544.208 1.164.444 1.737.75"/><path d="M15.524 30.74 16 31l.476-.259C24.318 26.478 29 19.337 29 11.636V1H3v10.635c0 7.7 4.682 14.842 12.524 19.106M5 3v8.635c0 6.686 3.977 13.08 11 17.082 7.024-4.002 11-10.396 11-17.08V3z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-shoes-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="shoes-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.53 22.782v-.033h-.003a4.9 4.9 0 0 0-1.119-2.83 5.45 5.45 0 0 0-4.344-1.678c-7.593 0-9.448-4.035-9.52-4.198l-.255-.617H4.027L2.448 23.672V28H29.53v-4.2q.045-.51 0-1.018M5.742 15.426h7.287l.004.006-2.098 2.098 1.415 1.414 1.965-1.965q.458.435.97.81l-2.047 2.045 1.414 1.414 2.408-2.407a16.1 16.1 0 0 0 7.004 1.4 3.6 3.6 0 0 1 2.822.976c.359.437.581.97.64 1.532H4.613zM27.53 26H4.448v-1.251H27.53zm-6.708-14.278 1.432 1.433 2.978-2.978 2.899 2.898 1.42-1.421-2.92-2.92 2.92-2.92-1.425-1.428-2.935 2.942a1 1 0 0 0-.091-.121c-.926-.928-1.954-1.963-2.88-2.889l-.138.113-1.216 1.215-.091.097 3.015 3.012z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-shopping-bag ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="shopping-bag" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M5.474 10.259h5.297v-.155c.002-.693-.014-1.386.011-2.078A5.05 5.05 0 0 1 12.51 4.35a5.02 5.02 0 0 1 2.827-1.295 5.205 5.205 0 0 1 5.783 4.15q.095.543.104 1.094c.017.602.005 1.205.005 1.808v.15h5.298V29.3h-7.022l-13.84.001c-.19 0-.19 0-.19-.184V10.26m7.308 5.947h-2.016v-3.92H7.498v15.067h17.017v-15.07h-3.29v3.92h-2.009v-3.917h-6.434zm0-5.955h6.436c.002-.033.004-.058.004-.083 0-.65.004-1.3-.003-1.95a3.4 3.4 0 0 0-.057-.559 3.19 3.19 0 0 0-3.493-2.61 3.12 3.12 0 0 0-2.616 1.9c-.206.48-.3 1.002-.274 1.524.01.59.002 1.179.002 1.778"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-shower ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="shower" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m7.637 9.797-.007-4.52q-.003-.415.09-.818c.068-.301.188-.588.356-.847a3.2 3.2 0 0 1 1.369-1.135 4.7 4.7 0 0 1 1.627-.403 5.1 5.1 0 0 1 1.982.233 3.55 3.55 0 0 1 1.57.982c.4.428.63.986.65 1.571a.26.26 0 0 1-.136.014h-1.68c-.115 0-.11-.013-.11.103v2.05c0 .11 0 .112.105.112h5.707c.108 0 .109-.001.109-.107V4.98c0-.12.002-.106-.106-.106H17.47c-.126 0-.127 0-.13-.122a4.2 4.2 0 0 0-.145-.974 4.6 4.6 0 0 0-1.689-2.484A6.36 6.36 0 0 0 11.85.003L11.152 0h-.12a9 9 0 0 0-.71.077A6.4 6.4 0 0 0 8.618.58a5.35 5.35 0 0 0-2.1 1.651 4.7 4.7 0 0 0-.94 2.827c-.003.222.003.444.004.666l.01 4.705V31.92h2.049z"/><path fill="#{$fg-color}" d="M13.453 10.906a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m2.842 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-7.342 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-signature ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="signature" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M26 27.73H4v2h22zm-.63-17.38 2.7-2.7L22.43 2 5.96 18.47 4 26.06l7.59-1.96 1.13-1.13 11.06-11.03.68 1.09-2.23 2.26 1.42 1.41 3.34-3.38-1.76-2.82.14-.14zm-2.95-5.52 2.82 2.82-1.28 1.28-2.82-2.82zM10.56 22.29l-3.77.97.97-3.77 3.75-3.75 2.8 2.8zm2.36-7.96 6.81-6.8 2.82 2.82-6.82 6.79z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-skateboarding ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="skateboarding" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.735 4.892c1.306 0 2.412-1.106 2.412-2.412 0-1.307-1.106-2.312-2.412-2.312-1.307 0-2.412 1.106-2.412 2.312 0 1.306 1.105 2.412 2.412 2.412M22.334 26.1l-.464.813-.91-.91c-.401-.502-.904-.904-1.406-1.406l-1.106-1.106c-.09-.08-.2-.201-.2-.201v-3.825h1.306l-.704-10.05c.402.402.685.729 1.005 1.105.326.383.704.804 1.005 1.206.048 1.217.076 2.508.1 3.82v.2h2.111v-1.608c-.05-1.011-.068-2.105-.1-3.216-.141-.177-.31-.394-.402-.502-.472-.56-.905-1.106-1.407-1.608-.402-.503-.905-1.005-1.407-1.609-.302-.402-.704-.804-1.005-1.206h-5.427c-.402 4.523-.805 8.945-1.106 13.468l.904.1c-.076.15-.091.178-.17.316-.466.939-.958 1.888-1.438 2.8l-.603 1.206v3.727h-.38l-.864-1.513-1.745.997 1.442 2.526h13.274l1.442-2.526zM15.132 8.008h1.608l.703 9.448h-3.015zM12.92 27.614V24.29l1.507-2.713 1.005-2.01h1.005v4.528l.804.804 2.716 2.716zm-1.274 2.359a1 1 0 0 0-.756-.1.998.998 0 0 0 .256 1.959.997.997 0 0 0 .5-1.86m9.756.001a1 1 0 0 0-.757-.1.998.998 0 0 0 .256 1.959.997.997 0 0 0 .5-1.86"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-slack ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="slack" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M8.463 19.43c0 1.503-1.228 2.731-2.732 2.731S3 20.933 3 19.43a2.74 2.74 0 0 1 2.731-2.731h2.732zm1.376 0a2.74 2.74 0 0 1 2.731-2.731 2.74 2.74 0 0 1 2.731 2.73v6.84A2.74 2.74 0 0 1 12.57 29a2.74 2.74 0 0 1-2.731-2.731zM12.57 8.463c-1.503 0-2.731-1.228-2.731-2.732S11.067 3 12.57 3a2.74 2.74 0 0 1 2.731 2.731v2.732zm0 1.376a2.74 2.74 0 0 1 2.731 2.731 2.74 2.74 0 0 1-2.73 2.731H5.73A2.74 2.74 0 0 1 3 12.57a2.74 2.74 0 0 1 2.731-2.731zm10.967 2.731a2.74 2.74 0 0 1 2.732-2.731 2.74 2.74 0 0 1 2.73 2.731 2.74 2.74 0 0 1-2.73 2.731h-2.732zm-1.376 0c0 1.503-1.228 2.731-2.731 2.731s-2.731-1.228-2.731-2.73V5.73c0-1.503 1.228-2.731 2.73-2.731s2.732 1.228 2.732 2.731zM19.43 23.537c1.503 0 2.731 1.228 2.731 2.732S20.933 29 19.43 29s-2.731-1.228-2.731-2.731v-2.732zm0-1.376a2.74 2.74 0 0 1-2.731-2.731 2.74 2.74 0 0 1 2.73-2.731h6.84A2.74 2.74 0 0 1 29 19.429a2.74 2.74 0 0 1-2.731 2.732z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-sledding ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="sledding" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.89 24.725a1.832 1.832 0 0 1-2.415 1.388c-.568-.152-1.92-.519-3.648-.988l.515-1.922 4.169 1.117.518-1.932-1.878-.503-1.554-5.782-4.624 2.52 2.737-7.29-6.723-1.736-4.269 8.42-1.932-.517-.518 1.932 2.905.778-.503 1.877-3.97-1.083-.527 1.93s16.38 4.467 18.785 5.111a3.82 3.82 0 0 0 3.017-.31 4.33 4.33 0 0 0 1.852-2.512zm-5.565-5.65.595 2.212-3.122-.836zm-6.281-7.14 3.012.778-2.573 6.85-3.79-1.016zM17.897 24.6 10.6 22.613l.505-1.885 7.305 1.957zm-.589-15.762a2.5 2.5 0 1 0 1.294-4.83 2.5 2.5 0 0 0-1.294 4.83"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-smiley-neutral ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="smiley-neutral" fill="none" data-category="feedback" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M25 21v-2H7v2z"/><path fill-rule="evenodd" d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1m0 2c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3" clip-rule="evenodd"/><path d="M14 14a2 2 0 1 1-4 0 2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-smiley-sad ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="smiley-sad" fill="none" data-category="feedback" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M24.838 21.285a10 10 0 0 0-17.816.275l1.796.88.13-.254a8 8 0 0 1 14.234.254l1.796-.88z"/><path fill-rule="evenodd" d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1m0 2c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3" clip-rule="evenodd"/><path d="M14 11.96a2 2 0 1 1-4 0 2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-smiley-smile ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="smiley-smile" fill="none" data-category="feedback" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 23a8 8 0 0 1-8-8H6l.004.28C6.152 20.673 10.57 25 16 25c5.523 0 10-4.477 10-10h-2l-.004.25A8 8 0 0 1 16 23"/><path fill-rule="evenodd" d="M16 1C7.716 1 1 7.716 1 16s6.716 15 15 15 15-6.716 15-15S24.284 1 16 1m0 2c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3" clip-rule="evenodd"/><path d="M14 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-smoking-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="smoking-prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m0 28A12.982 12.982 0 0 1 6.139 7.553l6.977 6.977h-7.86v5.743H18.86l5.588 5.588A12.93 12.93 0 0 1 16 29m-.884-12.47 1.743 1.743H7.257V16.53zm2.828 0h3.166v1.743h-1.422zm7.918 7.917-4.174-4.174h5.055V14.53H15.944L7.553 6.14a12.983 12.983 0 0 1 18.309 18.308m-2.752-6.174V16.53h1.633v1.743z"/><path fill="#{$fg-color}" d="M22.11 8.475a2.636 2.636 0 0 1-2.633-2.633h-2a4.64 4.64 0 0 0 4.633 4.633 2.636 2.636 0 0 1 2.633 2.633h2a4.64 4.64 0 0 0-4.633-4.633"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-snow ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="snow" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m16.98 6.465 3.16-3.037 1.366 1.322-4.526 4.365v5.257l4.773-2.651 1.645-5.903-.02-.037 1.882.488-1.155 4.145 4.92-2.73L30 9.316l-4.924 2.732 4.32 1.14-.478 1.819-6.266-1.613L17.961 16l4.78 2.654 6.157-1.585v-.065l.497 1.81-4.317 1.138L30 22.685l-.976 1.63-4.922-2.734 1.158 4.188-1.882.487-1.673-6.005-4.724-2.624v5.265l4.525 4.358-1.366 1.322-3.16-3.038V31h-1.95v-5.468l-3.17 3.04-1.375-1.322 4.544-4.37v-5.253l-4.748 2.633-1.659 5.959-1.882-.488 1.148-4.143-4.912 2.727L2 22.685l4.95-2.747-4.346-1.125.507-1.782 6.197 1.597 4.74-2.629-4.703-2.61-6.234 1.608-.507-1.81 4.318-1.141L2 9.316l.976-1.631 4.907 2.721L6.73 6.27l1.882-.488h.01l1.65 5.951 4.757 2.64V9.118L10.485 4.75l1.375-1.322 3.17 3.039V1h1.95z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-sort ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="sort" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M30 14.245H2v-2.16h28zm0 5.4H2v-2.16h28zM15.932 2l5.578 4.958-1.435 1.614-4.143-3.682-4.142 3.682-1.435-1.614zm-.354 27.73L10 24.772l1.435-1.614 4.143 3.682 4.142-3.682 1.435 1.614z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-sound-off ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="sound-off" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M25.534 8.974C24.252 4.93 20.468 2 16 2 10.477 2 6 6.477 6 12v4.319L.028 18.564l.704 1.872L6 18.456v1.128l-4 4.002v2.664h10.008a4 4 0 0 0 7.984 0H30v-2.664l-4-4.001V12l-.004-.28a10 10 0 0 0-.05-.764l6.036-2.27-.704-1.872zm-1.876.705a8 8 0 0 0-15.654 2.072L8 12v3.566zM8 17.703v2.711L4.164 24.25h23.671L24 20.414V12q0-.156-.006-.31zM16 28a2 2 0 0 1-1.985-1.75h3.97A2 2 0 0 1 16 28" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-sound-on ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="sound-on" fill="none" data-category="status" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M16 2c5.43 0 9.848 4.327 9.996 9.72L26 12v7.585l4 4v2.665H19.992a4 4 0 0 1-7.984 0H2v-2.664l4-4.002V12C6 6.477 10.477 2 16 2m-1.985 24.25a2 2 0 0 0 3.97 0zM8 20.414V12l.004-.25A8 8 0 0 1 24 12v8.414l3.835 3.836H4.164z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-sparkles ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="sparkles" fill="none" data-category="objects" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#a)"><path d="m1 5.672 3.733-1.924L6.657.015 9 3.748l3.314 1.924L9 7.748l-2.343 3.58-1.924-3.58z"/><path fill-rule="evenodd" d="m4.733 7.748 1.924 3.58L9 7.748l3.314-2.076L9 3.748 6.657.015 4.733 3.748 1 5.672zm.503-2.009.982.546.608 1.132.74-1.13.877-.55-.874-.507-.741-1.18-.61 1.183zm11.23 3.742L9 13.328l7.467 4.153 3.847 7.161L25 17.482l6.627-4.154L25 9.481l-4.686-7.466zm4.019-3.432-2.534 4.917-4.715 2.43 4.715 2.622 2.532 4.713 3.084-4.712 4.19-2.625-4.188-2.43zM12 26.615l4.97-3.115L12 20.615l-3.515-5.6-2.885 5.6L0 23.5l5.6 3.115 2.885 5.37zm-3.345 1.46 1.912-2.922 2.533-1.587-2.531-1.47-1.913-3.047-1.571 3.05-2.85 1.468 2.85 1.585 1.57 2.922Z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 .015h31.627v31.971H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-stairs-down ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="stairs-down" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.922 29.977H2.078V2.023h27.844zM11.038 9.006v5.988H17v5.993h5.978v6.985h4.94V4.035H4.082v4.971zm-6.953 2.012v16.938h16.867v-4.977h-5.957v-5.973H9.259c-.251 0-.229.03-.229-.22v-5.768z"/><path fill="#{$fg-color}" d="M19.066 18.922v-2.018c1.014 0 2.143.05 3.164.05.006-.016-.096-.084-.09-.1l-4.998-5.014 1.408-1.444c1.723 1.729 3.706 3.822 5.432 5.555 0-1.156-.018-2.8-.018-3.96h2.063c.027 2.23-.027 4.686 0 6.935-2.243.026-4.705-.03-6.961-.004"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-stairs-up ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="stairs-up" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M29.87 29.875H2.13V2.127h.143l27.41-.002c.187 0 .187 0 .187.189zM4.118 4.132v23.75h4.935v-6.936h5.948V15.01h.183l5.593.006c.137 0 .17-.037.17-.171q-.007-2.797-.004-5.593v-.188h6.921V4.132zm12.873 18.82H11.06v4.938h16.805V11.063h-4.927v5.943h-5.946z"/><path fill="#{$fg-color}" d="m8.39 13.23 4.973-4.97c-.002-.012.336-.303.334-.316-1.021-.011-2.447.053-3.463.041 0-.67.02-1.338.02-2.008 2.24.027 4.606-.047 6.845-.02-.025 2.23.001 4.694-.023 6.913-.67 0-1.296.013-1.944.013 0-1.154-.062-2.389-.062-3.504-1.702 1.702-3.545 3.578-5.249 5.282z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-stairs ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="stairs" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M2 2v28h28V2zm2 2h24v5h-7v6h-6v6H9v7H4zm7 24v-5h6v-6h6v-6h5v17z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-stop ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg id="stop" data-category="ui" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_27789_1391)"><path d="M16 31.1C7.66999 31.1 0.899994 24.33 0.899994 16C0.899994 7.67002 7.66999 0.900024 16 0.900024C24.33 0.900024 31.1 7.68003 31.1 16C31.1 24.32 24.32 31.1 16 31.1ZM16 2.90002C8.77999 2.90002 2.89999 8.78003 2.89999 16C2.89999 23.22 8.77999 29.1 16 29.1C23.22 29.1 29.1 23.22 29.1 16C29.1 8.78003 23.23 2.90002 16 2.90002Z" fill="#{$fg-color}"/><path d="M22.2 22.2H9.79999V9.80002H22.2V22.2ZM11.8 20.2H20.2V11.8H11.8V20.2Z" fill="#{$fg-color}"/></g><defs><clipPath id="clip0_27789_1391"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-street-vendor ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="street-vendor" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M32 19h-5v-7.556c1.19-.694 2-1.97 2-3.444V0H3v8c0 1.474.81 2.75 2 3.444v12.698A3.99 3.99 0 0 0 2 28a4 4 0 0 0 4 4c1.862 0 3.412-1.278 3.859-3H25v3h2V21h5zM23 2h4v6c0 1.103-.897 2-2 2s-2-.897-2-2zm-6 0h4v6c0 1.103-.897 2-2 2s-2-.897-2-2zm-6 0h4v6c0 1.103-.897 2-2 2s-2-.897-2-2zM5 2h4v6c0 1.103-.897 2-2 2s-2-.897-2-2zm5 8.618c.734.84 1.8 1.382 3 1.382s2.266-.542 3-1.382c.734.84 1.8 1.382 3 1.382a3.97 3.97 0 0 0 3-1.382A3.97 3.97 0 0 0 25 12v7H7v-7c1.2 0 2.266-.542 3-1.382M6 30c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2m19-3H9.859A3.99 3.99 0 0 0 7 24.141V21h18z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-stroller-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="stroller-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 1a15 15 0 1 0 0 30 15 15 0 0 0 0-30m0 28A12.982 12.982 0 0 1 6.139 7.553l1.79 1.79H6.202v2h2.035l.88 6.827h7.64l1.227 1.227a2.99 2.99 0 1 0 3.99 3.99l2.474 2.474A12.93 12.93 0 0 1 16 29m-5.443-15.29h1.74l2.459 2.46h-3.881zm11.158 0-.317 2.46h-3.814l-2.459-2.46zm-3.417-2V8.923h3.207l.252 2.789zm.982 9.39c.251 0 .493.097.676.27l.043.043a.987.987 0 1 1-.719-.312m6.581 3.347-6.277-6.277h3.572l.702-5.437-.527-5.811h-7.033v4.789h-3.173L7.553 6.139a12.983 12.983 0 0 1 18.309 18.308"/><path fill="#{$fg-color}" d="M12.528 19.1a2.989 2.989 0 1 0-.001 5.978 2.989 2.989 0 0 0 0-5.977m0 3.978a.989.989 0 1 1-.002-1.978.989.989 0 0 1 .002 1.978"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-stroller ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="stroller" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M22.311 20.643a4 4 0 1 0 0 8 4 4 0 0 0 0-8m0 6.06a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12m-10.18-6.06a4 4 0 1 0 0 7.999 4 4 0 0 0 0-7.999m0 6.06a2.06 2.06 0 1 1 0-4.119 2.06 2.06 0 0 1 0 4.12M27.247 11.31l-.887-7.253h-8.606v6.657H9.843l-.4-3.248h-4.6v2h2.82l1.224 9.803h17.385l.926-7.567zm-7.493-5.253h4.837l.57 4.657h-5.407zm4.749 11.212H10.656l-.57-4.666h7.263v.009h7.723z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-studded-tires ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="studded-tires" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M10.243 8.243 8.828 6.828 7.414 8.243 6 6.828 8.828 4l2.829 2.828zm0 8.351L8.828 15.18l-1.414 1.414L6 15.18l2.828-2.828 2.829 2.828zm0 8.352L8.828 23.53l-1.414 1.415L6 23.53l2.828-2.828 2.829 2.828zM7.828 10.297a1 1 0 1 1 2 0 1 1 0 0 1-2 0m0 8.352a1 1 0 1 1 2 0 1 1 0 0 1-2 0m0 8.351a1 1 0 1 1 2 0 1 1 0 0 1-2 0M24.243 8.243l-1.415-1.415-1.414 1.415L20 6.828 22.828 4l2.829 2.828zm0 8.351-1.415-1.414-1.414 1.414L20 15.18l2.828-2.828 2.829 2.828zm0 8.352-1.415-1.415-1.414 1.415L20 23.53l2.828-2.828 2.829 2.828zm-2.415-14.649a1 1 0 1 1 2 0 1 1 0 0 1-2 0m0 8.352a1 1 0 1 1 2 0 1 1 0 0 1-2 0m0 8.351a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-4.585 1-1.415-1.414L14.414 28 13 26.586l2.828-2.829 2.829 2.829zm0-16.703-1.415-1.414-1.414 1.414L13 9.883l2.828-2.829 2.829 2.829zm0 8.352-1.415-1.415-1.414 1.414L13 18.234l2.828-2.828 2.829 2.828zM14.828 5a1 1 0 1 1 2 0 1 1 0 0 1-2 0m0 8.352a1 1 0 1 1 2 0 1 1 0 0 1-2 0m0 8.351a1 1 0 1 1 2 0 1 1 0 0 1-2 0"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-svg ($fg-color: null, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="svg" fill="none" data-category="social" viewBox="0 0 33 33"><path fill="#FFB13B" d="M16.564.448c-1.996 0-3.666 1.287-4.331 2.894a4.6 4.6 0 0 0-.318 1.888 4.6 4.6 0 0 0-1.557-1.112 4.7 4.7 0 0 0-1.95-.342 4.68 4.68 0 0 0-3.157 1.36c-1.413 1.41-1.684 3.5-1.018 5.107.238.576.626 1.093 1.093 1.539a4.7 4.7 0 0 0-1.87.336C1.85 12.783.564 14.45.564 16.448c0 1.996 1.287 3.666 2.894 4.33.582.242 1.232.334 1.885.316-.476.45-.867.976-1.11 1.56-.665 1.606-.393 3.696 1.02 5.106 1.41 1.414 3.5 1.684 5.106 1.019.583-.241 1.107-.635 1.557-1.11-.018.654.077 1.303.318 1.886.665 1.607 2.333 2.893 4.33 2.893s3.666-1.286 4.331-2.893c.237-.6.345-1.244.318-1.888.45.475.973.87 1.557 1.112 1.607.665 3.696.393 5.107-1.019 1.413-1.41 1.683-3.5 1.018-5.106a4.6 4.6 0 0 0-1.112-1.558 4.6 4.6 0 0 0 1.888-.317c1.607-.665 2.893-2.333 2.893-4.33s-1.286-3.666-2.893-4.331a4.6 4.6 0 0 0-1.885-.315c.476-.45.866-.976 1.11-1.56.665-1.607.393-3.696-1.02-5.107a4.68 4.68 0 0 0-3.155-1.36 4.7 4.7 0 0 0-1.951.342c-.583.24-1.107.633-1.557 1.109a4.6 4.6 0 0 0-.318-1.885C20.23 1.735 18.561.448 16.564.448m-.055 2.15a2.536 2.536 0 0 1 1.85 4.329v5.19l3.668-3.669a2.536 2.536 0 1 1 2.537 2.536l-3.67 3.67h5.19a2.535 2.535 0 1 1 0 3.589h-5.19l3.67 3.67a2.536 2.536 0 1 1-2.537 2.535l-3.669-3.67v5.192a2.535 2.535 0 1 1-3.59 0v-5.191l-3.668 3.67a2.537 2.537 0 1 1-2.537-2.537l3.67-3.67h-5.19a2.535 2.535 0 1 1 0-3.588h5.19l-3.67-3.67A2.536 2.536 0 1 1 11.1 8.448l3.669 3.67V6.927a2.536 2.536 0 0 1 1.74-4.328Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-swimming-area ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="swimming-area" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 16.83a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m12 11.2a4.95 4.95 0 0 0-6.633-1.271l-1.532-8.43h-7.67l-1.534 8.44A4.9 4.9 0 0 0 8 26a5 5 0 0 0-4 2.003A5 5 0 0 0 0 26v2a3.003 3.003 0 0 1 3 3h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3 3 0 0 1 6 0h2a3.004 3.004 0 0 1 3-3v-2a4.98 4.98 0 0 0-4 2.03M16 26a4.9 4.9 0 0 0-1.997.432V20.33h4v6.098A5 5 0 0 0 16 26"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-swingset ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="swingset" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27 2v2h2v2H3V4h2V2H1v28h2V8h3v18h8V8h6.5v10.12A4.5 4.5 0 0 0 17 22.5a4.5 4.5 0 0 0 9 0 4.5 4.5 0 0 0-3.5-4.38V8H29v22h2V2zm-3 20.5c0 1.378-1.122 2.5-2.5 2.5a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5M8 24v-2h4v2zm4-4H8V8h4z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-table ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="table" fill="none" data-category="data" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M31.995 2H.019v28h31.976zm-2 11.75V28H22V13.75zm-9.995 0V28h-8V13.75zM2.019 28h7.98V13.75H2.02zm27.976-16.25V4H2.019v7.75z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-tap ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="tap" fill="none" data-category="objects" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path fill-rule="evenodd" d="M16 29.286c7.337 0 13.286-5.949 13.286-13.286S23.337 2.714 16 2.714 2.714 8.662 2.714 16 8.662 29.286 16 29.286M16 31c8.284 0 15-6.716 15-15S24.284 1 16 1 1 7.716 1 16s6.716 15 15 15" clip-rule="evenodd"/><path d="m16.854 7.429-1.035.867c2.605 2.187 4.068 5.15 4.068 8.24s-1.463 6.053-4.068 8.24l1.035.867c2.883-2.416 4.503-5.692 4.503-9.107 0-3.416-1.62-6.692-4.503-9.107m-5.176 4.337-1.035.867c1.234 1.037 1.927 2.44 1.927 3.904s-.693 2.867-1.927 3.903l1.035.865c1.51-1.265 2.357-2.98 2.357-4.77 0-1.788-.848-3.504-2.357-4.769"/><path d="m14.267 9.597-1.036.867c1.92 1.611 2.997 3.795 2.997 6.071 0 2.277-1.077 4.46-2.997 6.072l1.036.867c2.196-1.84 3.43-4.336 3.43-6.939s-1.234-5.098-3.43-6.938"/><path fill-rule="evenodd" d="m16.854 7.289.07.057c2.904 2.434 4.54 5.739 4.54 9.19s-1.636 6.756-4.54 9.189l-.07.058-1.202-1.007.098-.082c2.584-2.17 4.03-5.104 4.03-8.158 0-3.055-1.447-5.99-4.03-8.158l-.098-.082zm-5.176 4.338.069.057c1.53 1.283 2.395 3.028 2.395 4.852s-.864 3.568-2.395 4.851l-.069.058-1.202-1.005.098-.082c1.212-1.018 1.888-2.393 1.888-3.821s-.676-2.803-1.888-3.821l-.098-.083zm2.589-2.17.068.057c2.218 1.859 3.47 4.384 3.47 7.021 0 2.638-1.252 5.163-3.47 7.02l-.069.058-1.201-1.006.098-.082c1.897-1.594 2.958-3.748 2.958-5.99s-1.06-4.396-2.958-5.99l-.098-.081zm1.552-1.161.083.07c2.553 2.18 3.985 5.113 3.985 8.17s-1.432 5.99-3.985 8.17l-.083.07 1.035.867c2.883-2.416 4.503-5.692 4.503-9.107 0-3.416-1.62-6.692-4.503-9.107zm-5.176 4.338.082.07c1.183 1.029 1.845 2.402 1.845 3.833 0 1.43-.662 2.803-1.844 3.832l-.083.07 1.035.866c1.51-1.265 2.357-2.98 2.357-4.77 0-1.788-.848-3.504-2.357-4.769zm2.588-2.17.083.07c1.868 1.604 2.914 3.758 2.914 6.001s-1.046 4.397-2.914 6.001l-.083.07 1.036.868c2.196-1.84 3.43-4.336 3.43-6.939s-1.234-5.098-3.43-6.938z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-target ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="target" fill="none" data-category="ui" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M27 15.11h-2.26A8.81 8.81 0 0 0 17 7.37V5.14h-2v2.23a8.81 8.81 0 0 0-7.74 7.74H5v2h2.26A8.81 8.81 0 0 0 15 24.86v2.23h2v-2.23a8.81 8.81 0 0 0 7.74-7.75H27zm-11 7.81a6.81 6.81 0 1 1 6.81-6.81A6.82 6.82 0 0 1 16 22.92"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-thumbs-down ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="thumbs-down" data-category="feedback" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M11.46 2v1.86h16.15L31.8 18a3 3 0 0 1-2.7 4H29l-3.18-.22 1.45 5.07V27a3 3 0 0 1-.84 2.11 2.86 2.86 0 0 1-4.16 0l-10.8-10.8v2.38H2V2zm14.65 3.86H11.46v9.65L23.7 27.74a.87.87 0 0 0 .51.26h.12a.9.9 0 0 0 .65-.29 1 1 0 0 0 .28-.71v.11l-2.15-7.51 5.94.4h.08a1.05 1.05 0 0 0 .6-.33l.07-.1a1 1 0 0 0 .1-.94zM9.46 4H4v14.71h5.46z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-thumbs-up ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="thumbs-up" data-category="feedback" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M24.33 2a2.84 2.84 0 0 1 2.07.89A3 3 0 0 1 27.26 5v.14l-1.48 5.12 3.27-.22a3 3 0 0 1 2.24 1.11l.12.16a3 3 0 0 1 .41 2.62l-4.21 14.2H11.46V30H2V11.29h9.46v2.38L22.38 2.76A2.82 2.82 0 0 1 24.11 2zM9.46 13.29H4V28h5.46zM24.33 4a.86.86 0 0 0-.65.3L11.46 16.49v9.65h14.65l3.8-12.79a1 1 0 0 0-.07-.76l-.07-.12a1 1 0 0 0-.68-.42l-6 .4 2.19-7.57a1 1 0 0 0-.2-.49L25 4.26a.87.87 0 0 0-.67-.26"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-tickets ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="tickets" fill="none" data-category="objects" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#a)"><path d="M28.322 1.863a2.324 2.324 0 0 1-4.556-.89L21.909.61a2.33 2.33 0 0 1-2 1.749V0h-4a2.486 2.486 0 0 1-2.475 2.361A2.486 2.486 0 0 1 10.966 0H8.947a2.486 2.486 0 0 1-2.475 2.361A2.486 2.486 0 0 1 4 0H0v31.969h3.995a2.479 2.479 0 0 1 4.954 0h2.016a2.479 2.479 0 0 1 4.954 0h3.995v-3.327a2.33 2.33 0 0 1 2.7 2.64L26.29 32 32 2.581zm-10.4 28.108h-.534a4.462 4.462 0 0 0-7.431-.7 4.46 4.46 0 0 0-7.431.7h-.535V2h.546a4.47 4.47 0 0 0 3.935 2.359 4.46 4.46 0 0 0 3.485-1.681A4.457 4.457 0 0 0 17.376 2h.546zm6.794-.314-.3-.058a4.28 4.28 0 0 0-4.505-2.958V13.166q.226.078.466.082a1.5 1.5 0 1 0 0-3q-.24.004-.466.082V4.356a4.3 4.3 0 0 0 2.41-.907 4.3 4.3 0 0 0 7.035.651l.307.06z"/><path d="M4.978 12.988c.825 0 1.494-.671 1.494-1.499S5.803 9.99 4.978 9.99s-1.494.671-1.494 1.499.669 1.499 1.494 1.499m4.979 0c.825 0 1.494-.671 1.494-1.499S10.782 9.99 9.957 9.99s-1.494.671-1.494 1.499.669 1.499 1.494 1.499m4.978 0c.825 0 1.494-.671 1.494-1.499S15.76 9.99 14.935 9.99s-1.494.671-1.494 1.499.669 1.499 1.494 1.499m10.089 1.172c.825 0 1.494-.671 1.494-1.499s-.669-1.499-1.494-1.499-1.494.671-1.494 1.499.669 1.499 1.494 1.499"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-toilet-unisex ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="toilet-unisex" fill="none" data-category="user" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M6.998 5.25a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M3.078 7 2.002 19.917l1.993.166.005-.062V32h2V19h2v13h2V20.062l.002.021 1.993-.166L10.918 7zm1.174 10 .667-8h4.16l.667 8zM24.997 5.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m5.983 13.321L28.832 7h-7.67l-2.148 11.821 1.967.357.02-.11V23h1v9h2v-9h2v9h2v-9h1v-3.894l.013.072zM23 9h4v12h-4zm6.43-2.694h.566V5.74A1.74 1.74 0 0 0 28.256 4h-.566v.566a1.74 1.74 0 0 0 1.74 1.74"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-toilet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="toilet" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17 0h-2v32h2zM6.998 5.25a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M2.002 19.917 3.078 7h7.84l1.077 12.917-1.993.166-.002-.021V32H8V19H6v13H4V20.021l-.005.062zM4.919 9l-.667 8h5.494l-.667-8z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M27.497 3a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/><path fill="#{$fg-color}" fill-rule="evenodd" d="m28.832 7 2.148 11.821-1.966.357-.013-.072V23h-1v9h-2v-9h-2v9h-2v-9h-1v-3.932l-.02.11-1.967-.357L21.162 7zM27 9h-4v12h4z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M29.43 6.306h.566V5.74A1.74 1.74 0 0 0 28.256 4h-.566v.566c.001.961.78 1.74 1.74 1.74"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-tool ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="tool" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m7.6 29.1-4.9-4.9 11.5-11.5c-.2-.7-.3-1.4-.3-2.2 0-4.2 3.4-7.7 7.7-7.7 1 0 1.9.2 2.8.5l1.5.7-4.1 3.9.6 1.6 1.6.7 4.1-3.9.5 1.4c.4.9.6 1.9.6 2.9 0 4.2-3.4 7.7-7.7 7.7-.9 0-1.8-.1-2.6-.5zm-2-4.9 2.1 2.1 10-10 1-.8.6.3c.7.3 1.5.5 2.4.5 3.1 0 5.7-2.6 5.7-5.7V10l-2.8 2.6-3.6-1.5-1.5-3.7L22 4.9h-.5c-3.1 0-5.7 2.5-5.7 5.7 0 .7.1 1.5.4 2.1l.3.7-1.1.9z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-touching-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="touching-prohibited" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m12.014 10.328 3.012-.07q-.002-.204 0-.402.017-1.512.028-3.022c0-.127.036-.17.165-.172q1.394-.02 2.787-.047h.21v-1.88l5.15.07v1.496l3.136.053v5.51h3.25q.005.065.007.124l.03 7.96c.01 1.9-.41 3.777-1.23 5.49a8.1 8.1 0 0 1-7.004 4.77 8 8 0 0 1-1.041.025 10.7 10.7 0 0 1-3.815-1.016 8.11 8.11 0 0 1-4.626-5.853 11.4 11.4 0 0 1-.222-2.693c.034-1.853.057-3.707.085-5.56l.07-4.642c0-.04.004-.08.008-.14m9.358 7.102V6.783h-1.159l-.061 10.673h-2.007l-.058-8.823h-1.04l-.093 8.917h-2.02v-5.263h-.972c0 .468.006.919 0 1.369-.027 1.926-.062 3.852-.084 5.778a19.6 19.6 0 0 0 .108 3.217 6.1 6.1 0 0 0 1.975 3.71 7.26 7.26 0 0 0 2.885 1.538 6.8 6.8 0 0 0 1.906.334q.669-.015 1.332-.113a5.6 5.6 0 0 0 3.963-2.382 9.53 9.53 0 0 0 1.732-5.506c.046-2.071-.005-4.144-.015-6.216q-.002-.066-.008-.136c-.388 0-.762.002-1.135-.002-.095-.002-.13.034-.134.123-.007.213-.025.425-.025.638q-.003 3.023-.001 6.044v.211c-.207.032-.4.065-.594.09a5.3 5.3 0 0 0-2.438.94c-.54.345-.933.878-1.101 1.497-.063.265-.093.538-.137.806h-1.973a4.4 4.4 0 0 1 .149-1.258 4.85 4.85 0 0 1 2.469-3.04c.515-.282 1.067-.496 1.637-.757V8.325h-.97l-.108 9.105zM6.62 4.715l2.875-2.877 1.418 1.417L8.047 6.12l2.878 2.877-1.422 1.417-2.847-2.875-2.985 2.985-1.416-1.415 2.936-2.935-2.987-2.988 1.443-1.443z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-trail-gate ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="trail-gate" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M9.003 11.65h-2.8v13.278h2.8zm1.4 14.313h-5.6V28h5.6zm-1.4-21.435c0-.405-.148-.794-.41-1.08A1.34 1.34 0 0 0 7.603 3a1.34 1.34 0 0 0-.99.448c-.263.286-.41.675-.41 1.08v1.018h2.8zm1.846 2.065H7.725l-3.733 4.074h3.124zm8.404 0-3.734 4.074h3.124l3.734-4.074zm-5.765 0-3.733 4.074h3.124l3.734-4.074zm11.528 0-3.733 4.074h3.124l3.734-4.074zM2 6.593V9.96l3.085-3.367zm25.047 4.074H30V7.444z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-trail ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="trail" fill="none" data-category="sign" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m9.09 30.887 3.71-8.837-1.5-3.007L1.161 16.79v-2.053l2.913.665-.009-5.912a6 6 0 0 1-.67-.29 4.06 4.06 0 0 1-1.69-1.545 4.264 4.264 0 1 1 4.471 1.94l-.115.021v6.23l4.95 1.112.021-1.822-.115-.037a3.37 3.37 0 0 1-2.272-2.63 3.444 3.444 0 1 1 4.527 2.62l-.143.042v1.888h5.959V9.1l5.002-4.688 4.98 4.672v7.952h1.983v1.996H18.08l1.313 3.023-3.203 6.84h-2.164l3.147-6.84-1.359-3.025h-2.228c.233.484 1.466 3.025 1.466 3.025l-3.906 8.832zm14.92-23.79-2.943 3.008-.006 6.931h5.964l-.02-6.938-2.995-3ZM4.573 3.28a2.16 2.16 0 0 0-1.292 1.245A2.28 2.28 0 1 0 4.573 3.28m6.973 7.24c-.327.12-.595.362-.748.674a1.444 1.444 0 1 0 .748-.675Z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-tram ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="tram" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m24.712 5-.263-5H7.551l-.263 5H4v7h2V7h1.183l-.687 13.057L7.653 27h16.694l1.157-6.943L24.817 7H26v5h2V5zm-1.266 14H8.554l.632-12h13.629zm-.895-17 .158 3H9.291l.158-3zM9.347 25l-.185-1.113 3.338-.57V22H8.847l-.167-1h14.64l-.167 1H19.5v1.317l3.339.57L22.653 25zm-1.524 7h2.154l1.2-4H9.023zM20.5 28l1.2 4h2.154l-1.2-4z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-trash-can ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="trash-can" fill="none" data-category="ui" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="m10 12 1 13h2l-1-13zm5 13V12h2v13zm5-13-1 13h2l1-13z"/><path fill-rule="evenodd" d="M21.96 1H10v3H4v5h1.042L7.09 31h17.82l2.047-22H28V4h-6.04zm-2 3H12V3h7.96zM8.911 29 7.051 9h17.898l-1.86 20zM6 6v1h20V6z" clip-rule="evenodd"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-trash ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="trash" fill="none" data-category="activities" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M9.998 5.25a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M6.078 7 5.002 19.917l1.993.166.005-.061V32h2V19h2v13h2V19h1.918l-.726-8.719 4.957 5.469 1.482-1.344-6.713-7.404L13 7zm1.174 10 .666-8h4.16l.667 8z"/><path d="M27.563 18.994 25.502 19l-1.261 11.003h-4.448l-1.262-11.009-2.06.009L18.009 32h6.332v-.009h1.684z"/><path d="M21 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 1h-2v2h2zm-1 5h-2v2h2z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-twitter ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="twitter" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M29 7.604a10.3 10.3 0 0 1-3.063.874 5.53 5.53 0 0 0 2.346-3.071 10.4 10.4 0 0 1-3.39 1.346A5.23 5.23 0 0 0 21 5c-2.944 0-5.332 2.487-5.332 5.554q0 .654.137 1.264c-4.433-.231-8.363-2.44-10.995-5.804a5.7 5.7 0 0 0-.722 2.795c0 1.926.942 3.626 2.373 4.622a5.2 5.2 0 0 1-2.417-.692v.068c0 2.692 1.839 4.937 4.28 5.445q-.673.195-1.405.196a5 5 0 0 1-1.004-.099c.679 2.206 2.648 3.812 4.983 3.855a10.43 10.43 0 0 1-6.625 2.38A11 11 0 0 1 3 24.506 14.7 14.7 0 0 0 11.177 27c9.813 0 15.177-8.461 15.177-15.801q0-.364-.014-.72A11 11 0 0 0 29 7.604" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-two-people-dancing ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="two-people-dancing" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M9.498 2.75a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m17.999 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/><path fill="#{$fg-color}" d="M29.996 6.306h-.566a1.74 1.74 0 0 1-1.74-1.74V4h.566a1.74 1.74 0 0 1 1.74 1.74z"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M27.021 31.706 25.19 23H23v9h-2v-9h-2.68l1.195-7.174 1.138-6.07-4.04 2.707-3.508-7.016 1.79-.894 2.492 4.984 3.783-2.534V7h7.463l-.001.006 1.846 5.77 1.012 7.083-1.98.282-.988-6.916-.48-1.5-.532 4.254L28.68 23h-1.447l1.746 8.294zM22.83 9l-1.345 7.174L20.68 21h5.64l-.83-4.98.877-7.02zM10.951 7H3.962L2.5 3.783V1h-2v3.217l2.421 5.327L2.45 19H4v5.764l-2.894 5.789 1.79.894L6 25.237V19h2.069l.423 5.922-1.466 6.353 1.948.45 1.534-6.647L10.074 19h1.477l-.414-8.286 1.92 2.707.957 5.743 1.972-.328-1.043-6.257-3.992-5.577zM9.45 17h-4.9l.4-8h4.1z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-two-people-talking ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="two-people-talking" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M21.51 1.585h-12v8h3.865l2.135 2.562 2.135-2.562h3.865zm-10 6v-4h8v4h-2.802L15.51 9.023l-1.198-1.438z" clip-rule="evenodd"/><path fill="#{$fg-color}" d="M6.506 15.585a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m17.999.25a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"/><path fill="#{$fg-color}" fill-rule="evenodd" d="M10.426 17.335h-7.84L1.51 30.252l1.993.166.005-.062.04-1.021h5.92l.04 1.062.002.021 1.993-.166zm-5.999 2-.667 8h5.494l-.667-8zm24.082 11h-8v-.932l-.02.11-1.967-.357 2.148-11.821h7.67l2.148 11.821-1.966.357-.013-.072zm-6.001-2v-9h4v9z" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-umbrella-prohibited ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="umbrella-prohibited" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M12.774 8.802c.068-.004.58.012.626.012.647 0 .85.01 1.495.005.103-.001-.003-.022.054.065.399.509.885.944 1.435 1.283.376.252.819.384 1.27.378a1.93 1.93 0 0 0 1.411-.446 4.6 4.6 0 0 0 1.006-1.106.4.4 0 0 0 .04-.215c.002-1.244-.003-2.488.002-3.732a3.68 3.68 0 0 1 .85-2.415 3.32 3.32 0 0 1 2.553-1.259 3.495 3.495 0 0 1 3.47 2.68q.062.266.097.538c.018.132.018.266.027.41h-2.067c-.03-.165-.046-.326-.088-.48a1.41 1.41 0 0 0-1.418-1.066 1.44 1.44 0 0 0-1.294 1.164 2.4 2.4 0 0 0-.042.465c-.003 1.265 0 2.53-.003 3.797a.4.4 0 0 0 .11.288c.382.528.871.97 1.435 1.298a2.31 2.31 0 0 0 2.322-.26 6.3 6.3 0 0 0 1.219-1.398l.023-.003c.667-.001 1.328-.004 1.995-.012q.044.001.087.01c-1.867 6.54-3.708 12.866-5.576 19.411h-1.289v2.452h-2.133v-2.442h-1.273c-1.96-6.52-4.382-12.896-6.344-19.422m3.714 3.442 2.106 7.014 2.068 6.897s-.017 0 .043-.006a45 45 0 0 1 1.493-.006l.047.006c.294-1.047.638-2.258.937-3.304l2.547-8.922.459-1.611a3.65 3.65 0 0 1-2.702.115 5.64 5.64 0 0 1-2.322-1.444 3.944 3.944 0 0 1-4.677 1.261M7.13 6.23l2.986-2.986 1.466 1.466-2.965 2.962 2.997 2.997-1.486 1.477-2.97-2.976-3.06 3.062-1.478-1.477 3.052-3.051-3.06-3.06L4.08 3.177z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-urban-landscape ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="urban-landscape" fill="none" data-category="places" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M31 19.745c-1.278.039-2.531.18-3.75.414v1.905a22 22 0 0 1 3.75-.452zm0 3.602a20 20 0 0 0-3.75.492V2H15.583v12.19L11 11.126l-3.456 2.31-.294-1.474h-2.5v8.067A24 24 0 0 0 1 19.734V21.6c1.279 0 2.532.11 3.75.322v1.726A20 20 0 0 0 1 23.334v1.867l.2-.001c4.74 0 9.051 1.822 12.267 4.8h2.618a20 20 0 0 0-6.163-4.667h3.254A21.7 21.7 0 0 1 18.142 30h2.314a23.5 23.5 0 0 0-2.711-3.288q.87-.735 1.816-1.379h3.455a20 20 0 0 0-4.095 2.659q.607.711 1.157 1.47A17.98 17.98 0 0 1 31 25.215zm0 3.603A16.24 16.24 0 0 0 22.208 30h3.753A14.4 14.4 0 0 1 31 28.818zm-14.632-1.522.11-.095h-.22zm1.09-21.561v19.6h7.917v-19.6zM18.917 7h1.666v1.667h-1.666zM11 13.374 6.625 16.3v7.168h4.792v-4.82h2.5v4.82h1.458V16.3zM1 26.934A16.25 16.25 0 0 1 10.529 30H6.776A14.4 14.4 0 0 0 1 28.8zm7.083-8.287H9.75v1.672H8.083zm12.5-8.314h-1.666V12h1.666zm-1.666 3.334h1.666v1.666h-1.666zM20.583 17h-1.666v1.667h1.666zm3.334-10H22.25v1.667h1.667zm-1.667 3.333h1.667V12H22.25zm1.667 3.334H22.25v1.666h1.667zM22.25 17h1.667v1.667H22.25zM10.375 6.2c0 .773-.63 1.4-1.406 1.4a1.403 1.403 0 0 1-1.406-1.4c0-.773.63-1.4 1.406-1.4s1.406.627 1.406 1.4" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-urinal ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="urinal" fill="none" data-category="signs" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M15.244 3.555h3.734v1.856h-1.686v1.174H22c.102.475 1.445 6.75 2.016 9.429.22.857.362 1.732.423 2.615a7.03 7.03 0 0 1-.963 3.827 9 9 0 0 1-3.491 3.516c-.403.218-.844.365-1.263.555a.34.34 0 0 0-.175.176 2.443 2.443 0 0 1-4.65.091.3.3 0 0 0-.167-.16 8.56 8.56 0 0 1-5.428-4.507 7.1 7.1 0 0 1-.708-2.56 9.6 9.6 0 0 1 .373-3.425c.786-3.126 2.354-9.546 2.358-9.55l4.917.004zm5.21 4.959h-.229c-2.722 0-5.676-.004-8.398-.01-.002.003.008-.036-.058.233-.682 2.79-1.362 5.582-2.063 8.368-.238.9-.285 1.84-.136 2.76a5.8 5.8 0 0 0 1.814 3.265 6.52 6.52 0 0 0 6.972 1.477 6.3 6.3 0 0 0 3.156-2.617 5.48 5.48 0 0 0 .87-4.459q-.755-3.512-1.504-7.025z"/><path fill="#{$fg-color}" d="M16.006 22.14a1.486 1.486 0 1 1 .018-2.971 1.485 1.485 0 1 1-.018 2.97"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-user ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="user" fill="none" data-category="user" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 16a3.7 3.7 0 1 0 0-7.4 3.7 3.7 0 0 0 0 7.4"/><path d="M1 16C1 7.716 7.716 1 16 1s15 6.716 15 15-6.716 15-15 15S1 24.284 1 16m10.693 4-2.618 6.983A12.9 12.9 0 0 0 16 29a12.9 12.9 0 0 0 6.925-2.017L20.307 20zm10-2 2.899 7.73C27.288 23.346 29 19.873 29 16c0-7.168-5.832-13-13-13S3 8.832 3 16c0 3.873 1.712 7.346 4.408 9.73L10.307 18z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-van ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="van" fill="none" data-category="travel" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M30.652 15.222c-.022-.11-.557-2.587-3.933-2.845L23.051 6H2v16.43h3.154a3.573 3.573 0 0 0 6.896 0h7.94a3.573 3.573 0 0 0 6.896 0h3.786v-7.01zM16.991 8.018l4.92-.015 2.477 4.36-7.397.03zM9.867 22.43A1.563 1.563 0 1 1 7.4 20.51a1.563 1.563 0 0 1 2.466 1.92m14.836 0a1.562 1.562 0 1 1-2.467-1.918 1.562 1.562 0 0 1 2.467 1.918m3.969-2H26.86a3.57 3.57 0 0 0-6.845 0h-7.991a3.571 3.571 0 0 0-6.846 0H4V8.007l10.992-.017v6.411l11.146-.046c1.955.001 2.438.937 2.535 1.2z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-vertical-menu ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg viewBox="0 0 32 32" id="vertical-menu" data-category="ui" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 7C19 8.65685 17.6569 10 16 10C14.3431 10 13 8.65685 13 7C13 5.34315 14.3431 4 16 4C17.6569 4 19 5.34315 19 7Z" fill="#{$fg-color}"/><path d="M19 16C19 17.6569 17.6569 19 16 19C14.3431 19 13 17.6569 13 16C13 14.3431 14.3431 13 16 13C17.6569 13 19 14.3431 19 16Z" fill="#{$fg-color}"/><path d="M19 25C19 26.6569 17.6569 28 16 28C14.3431 28 13 26.6569 13 25C13 23.3431 14.3431 22 16 22C17.6569 22 19 23.3431 19 25Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-viewpoint ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="viewpoint" fill="none" data-category="objects" viewBox="0 0 32 32"xmlns: xlink="http://www.w3.org/1999/xlink"><g fill="#{$fg-color}" clip-path="url(#clip0_25028_16656)"><path d="M0 0v32h32V0zm30 30H2V2h28z"/><path d="M28.018 17v-2h-8.16a4 4 0 0 0-.425-1.02l5.772-5.771-1.414-1.414-5.772 5.772A4 4 0 0 0 17 12.142v-8.16h-2v8.16q-.539.14-1.018.424L8.209 6.795 6.795 8.209l5.772 5.771a4 4 0 0 0-.425 1.02h-8.16v2h8.16q.14.539.424 1.019l-5.77 5.771 1.413 1.414 5.771-5.771c.319.189.662.332 1.02.425v8.16h2v-8.16a4 4 0 0 0 1.02-.425l5.771 5.771 1.414-1.414-5.771-5.771c.188-.318.33-.661.424-1.019zM16 18a2 2 0 1 1 0-4 2 2 0 0 1 0 4"/></g><defs><clipPath id="clip0_25028_16656"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-virus ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="virus" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16 17.279a1.278 1.278 0 1 0 0-2.557 1.278 1.278 0 0 0 0 2.557m.06 2.926a.852.852 0 1 0 0-1.705.852.852 0 0 0 0 1.705m0-6.705a.852.852 0 1 0 0-1.705.852.852 0 0 0 0 1.705m3.64 4.602a.852.852 0 1 0-1.474-.851.852.852 0 0 0 1.475.851m-6.119-4.516a.851.851 0 1 0-.852 1.474.851.851 0 0 0 .852-1.474m5.807 1.476a.852.852 0 1 0-.852-1.476.852.852 0 0 0 .852 1.476m-6.659 1.876a.853.853 0 1 0 .853 1.477.853.853 0 0 0-.853-1.477"/><path fill="#{$fg-color}" d="M29 16.852v-1.704h-1.653a11.3 11.3 0 0 0-1.097-4.082l1.435-.828-.853-1.476-1.427.824a11.5 11.5 0 0 0-2.991-2.99l.824-1.428-1.476-.852-.828 1.434a11.3 11.3 0 0 0-4.082-1.097V3h-1.704v1.653a11.3 11.3 0 0 0-4.082 1.097l-.828-1.434-1.476.852.824 1.427a11.5 11.5 0 0 0-2.99 2.991l-1.428-.824-.852 1.476 1.434.828a11.3 11.3 0 0 0-1.097 4.082H3v1.704h1.653a11.3 11.3 0 0 0 1.097 4.082l-1.434.828.852 1.476 1.427-.824a11.5 11.5 0 0 0 2.991 2.99l-.824 1.428 1.476.852.828-1.434c1.28.62 2.664.992 4.082 1.097V29h1.704v-1.653a11.3 11.3 0 0 0 4.082-1.097l.828 1.435 1.476-.853-.824-1.428a11.5 11.5 0 0 0 2.99-2.99l1.428.824.852-1.476-1.434-.828a11.3 11.3 0 0 0 1.097-4.082zm-13 8.833A9.685 9.685 0 1 1 25.685 16 9.697 9.697 0 0 1 16 25.685"/><path fill="#{$fg-color}" d="M16 10.574a1.278 1.278 0 1 0 0-2.557 1.278 1.278 0 0 0 0 2.557m0 13.409a1.278 1.278 0 1 0 0-2.557 1.278 1.278 0 0 0 0 2.557m-3.837-11.82a1.279 1.279 0 1 0-1.809-1.809 1.279 1.279 0 0 0 1.809 1.809m7.674 7.674a1.279 1.279 0 1 0 1.809 1.809 1.279 1.279 0 0 0-1.809-1.809M9.295 17.279a1.278 1.278 0 1 0 0-2.557 1.278 1.278 0 0 0 0 2.557m13.41 0a1.278 1.278 0 1 0 0-2.557 1.278 1.278 0 0 0 0 2.557m-12.35 2.558a1.278 1.278 0 1 0 1.808 1.808 1.278 1.278 0 0 0-1.808-1.808m11.29-7.674a1.278 1.278 0 1 0-1.808-1.808 1.278 1.278 0 0 0 1.808 1.808"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-vue ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg viewBox="0 0 32 32" fill="none" id="vue" data-category="social" xmlns="http://www.w3.org/2000/svg"><path d="M31 3C25.9537 11.7477 21.0304 20.2821 15.9947 29C10.9675 20.2779 1 3 1 3H12.2296C12.2296 3 14.8365 7.55949 15.9947 9.54587C16.4783 8.72017 19.8128 3 19.8128 3H31ZM8.26084 4.25456L16.0138 17.6493C18.6229 13.1324 21.181 8.73724 23.7689 4.25669H20.7143C20.7143 4.25669 17.3204 10.0174 16.1008 12.1339C15.8292 11.7264 11.4341 4.25669 11.4341 4.25669L8.26084 4.25456Z" fill="#{$fg-color}"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-walking ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="walking" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M22.1 17.4H20v-.2c0-1.3 0-2.6-.1-3.8-.3-.4-.7-.8-1-1.2s-.6-.7-1-1.1l.7 10h-1.3v4.1s.2.1.2.2l1.1 1.1c.5.5 1 .9 1.4 1.4l.7.7-1.2 1.4-3.2-3.2-.8-.8v-4.8h-1l-1 2-1.5 2.7c0 .1-.1.2 0 .3v3.9h-2v-4.6l.6-1.2c.5-.9.9-1.9 1.4-2.8.1-.1.1-.2.2-.3l-.9-.1c.3-4.5.7-8.9 1.1-13.4h5.4c.3.4.7.8 1 1.2.5.6 1 1.1 1.4 1.6.5.5.9 1.1 1.4 1.6.1.1.3.3.4.5 0 1.1 0 2.2.1 3.2zm-5.6 1.7-.7-9.4h-1.6l-.7 9.4zM14.8 1.9c1.3 0 2.4 1 2.4 2.3s-1.1 2.4-2.4 2.4-2.4-1.1-2.4-2.4c0-1.2 1.1-2.3 2.4-2.3"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wardrobe-boys ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wardrobe-boys" fill="none" data-category="signs" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M16 15.452a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m-3.898 1.018-1.13 9.252L13 25.9v6.016h2v-6.78h2v6.78h2V25.9l2.027-.176-1.132-9.253h-7.793Zm1.202 6.666.57-4.666h4.252l.57 4.666z"/><path d="M17 6.588V4.746h-1a1.312 1.312 0 1 1 1.312-1.312h2a3.313 3.313 0 1 0-4.316 3.156L2.87 13.028v5.459h7.005v-2H4.871V14.23l11.13-5.91 11.127 5.91v2.257h-5.005v2h7.005v-5.459z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wardrobe-girls ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wardrobe-girls" fill="none" data-category="signs" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M17 6.588V4.746h-1a1.312 1.312 0 1 1 1.312-1.312h2a3.312 3.312 0 1 0-4.317 3.156L2.872 13.028v5.459h7.005v-2H4.872V14.23L16 8.321l11.129 5.91v2.256h-5.005v2h7.005v-5.459l-12.13-6.44Z"/><path d="m12.104 16.47-1.132 9.255 1.138.12v3.29H13v2.78h2v-2.778h2v2.778h2v-2.78h.89v-3.284l1.138-.127-1.132-9.254zm5.786 10.666h-3.78V18.47h3.78zM16 15.582a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m4.999-.194v-.566a1.74 1.74 0 0 0-1.74-1.74h-.566v.566a1.74 1.74 0 0 0 1.74 1.74zm-7.692-1.74v-.566h-.566a1.74 1.74 0 0 0-1.74 1.74v.566h.566a1.74 1.74 0 0 0 1.74-1.74"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wardrobe ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wardrobe" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M16.846 12.49v-1.6a4.5 4.5 0 1 0-5.5-4.388h2a2.5 2.5 0 1 1 2.5 2.5h-1v3.49L0 23.244V29h32v-5.51zM30 27H2v-2.734l13.845-10.03L30 24.51z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-waste-container ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="waste-container" fill="none" data-category="objects" viewBox="0 0 32 32"><path fill="#{$fg-color}" fill-rule="evenodd" d="M24 2V1H6v1H5v2h1.46l3.71 27h12.32c2.49 0 4.5-2.01 4.5-4.5 0-1.96-1.25-3.63-3-4.24V4h3V2zm-5.24 27A4.496 4.496 0 0 1 22 22.03V4H8.48l3.43 25zM25 26.5a2.5 2.5 0 0 1-5 0 2.5 2.5 0 0 1 5 0" clip-rule="evenodd"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-water-faucet ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="water-faucet" fill="none" data-category="health" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="M27.5 17h-6v-5c0-3.309-2.691-6-6-6s-6 2.691-6 6v20h-6V12c0-6.617 5.383-12 12-12s12 5.383 12 12zm-4-4v2h2v-2zm-16-1c0-4.411 3.589-8 8-8 4.072 0 7.436 3.06 7.93 7h2.019c-.503-5.046-4.773-9-9.949-9-5.514 0-10 4.486-10 10v18h2z"/><path d="m24.5 18.344 2.828 2.828A3.97 3.97 0 0 1 28.5 24a3.97 3.97 0 0 1-1.172 2.828A3.97 3.97 0 0 1 24.5 28a3.97 3.97 0 0 1-2.828-1.172A3.97 3.97 0 0 1 20.5 24c0-1.068.416-2.073 1.172-2.828zM22.5 24c0 .534.208 1.036.586 1.414.756.756 2.072.756 2.828 0 .378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414L24.5 21.172l-1.414 1.414c-.378.378-.586.88-.586 1.414"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wheelchair-ramp ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wheelchair-ramp" fill="none" data-category="activities" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="m2.442 28.36.397 1.962 7.44-1.508V31h2v-2.59l6.64-1.345V31h2v-4.34l6.64-1.345V31h2v-8.13zm12.88-22.817A2.271 2.271 0 1 0 15.323 1a2.271 2.271 0 0 0 0 4.543m2.123 9.048-.016-.01a6 6 0 0 0-.684-.569v-7.08H11.67L9.6 12.401l.555 1.292a6.07 6.07 0 0 0-3.024 5.246 6.073 6.073 0 0 0 12.147 0c0-.68-.117-1.332-.323-1.942l1.328.31v6.034h2V15.72zM13.05 8.933h1.695v4.138a6 6 0 0 0-1.542-.205q-.605.002-1.178.116l-.27-.628zm.153 14.08a4.08 4.08 0 0 1-4.073-4.074 4.07 4.07 0 0 1 1.82-3.39l1.393 3.247 1.843-.775-1.344-3.14a4.08 4.08 0 0 1 4.435 4.058 4.08 4.08 0 0 1-4.074 4.073"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wheelchair ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wheelchair" fill="none" data-category="sign" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m2.388 10.994A7 7 0 0 0 19 17.26V9h-5.687l-2.392 6.221.706 1.646a7.008 7.008 0 1 0 9.883 3.572l1.49.352V28h2v-8.791zm-6.809-2.814L14.687 11H17v5.294a6.9 6.9 0 0 0-3.499-.129zM15 28a4.985 4.985 0 0 1-2.573-9.265l1.654 3.859 1.838-.787-1.602-3.738q.34-.059.683-.069a5 5 0 0 1 0 10"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wifi ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wifi" fill="none" data-category="signs" viewBox="0 0 32 32"><g fill="#{$fg-color}"><path d="m.151 11.16 1.509 1.51a20.3 20.3 0 0 1 28.68 0l1.509-1.51a22.414 22.414 0 0 0-31.698 0M7.7 18.707l1.509 1.509a9.617 9.617 0 0 1 13.585 0l1.506-1.509a11.74 11.74 0 0 0-16.6 0"/><path d="m3.924 14.933 1.509 1.509a14.96 14.96 0 0 1 21.132 0l1.509-1.509a17.077 17.077 0 0 0-24.15 0M16 27.405a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wine-bottle ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wine-bottle" fill="none" data-category="food" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M20.06 9.723a5.56 5.56 0 0 0-2.469-1.325V2h-3.22v6.417a5.1 5.1 0 0 0-2.469 1.166 6.6 6.6 0 0 0-1.514 2.328c-.327.865-.405 1.748-.385 2.7V30H22V15.077c-.02-.952-.055-1.941-.388-2.86a7.2 7.2 0 0 0-1.552-2.494m-4.119.42c.66 0 3.64.177 4 3.982h-7.939c0-3.982 3.11-3.982 3.92-3.982zm-3.939 5.848H20v6.529h-7.998v-6.53ZM20 28.116h-7.998v-3.73H20z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-workplace ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="workplace" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M25.54 20.866c-.342.392-.936 1.012-1.898 1.012-1.341 0-1.784-.974-2.189-2l-2.024-4.972-2.025 4.973c-.329.835-.709 1.999-2.189 1.999s-1.847-1.164-2.201-2l-3.391-8.375h2.86l2.732 6.895 2.037-5.023c.317-.797.696-1.999 2.177-1.999 1.442 0 1.847 1.202 2.176 2l2.214 5.44a8.56 8.56 0 0 0 1.329-5.833 8.5 8.5 0 0 0-2.835-5.264 8.5 8.5 0 0 0-5.592-2.113 10.25 10.25 0 0 0-5.972 1.898 10.2 10.2 0 0 0-3.644 5.036 10.1 10.1 0 0 0 0 6.238 9.96 9.96 0 0 0 3.682 5.023A10 10 0 0 0 16.72 25.7c.924 0 1.834-.126 2.72-.38v2.67a12.4 12.4 0 0 1-2.72.317c-2.67 0-5.289-.835-7.465-2.404a12.57 12.57 0 0 1-4.619-6.327 12.5 12.5 0 0 1-.012-7.845 12.67 12.67 0 0 1 4.63-6.326A12.7 12.7 0 0 1 16.722 3C22.845 3 27.83 7.985 27.83 14.122c0 2.43-.81 4.808-2.29 6.744"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-wrench ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="wrench" fill="none" data-category="objects" viewBox="0 0 32 32"><g fill="#{$fg-color}" fill-rule="evenodd" clip-rule="evenodd"><path d="M.848 4.156a1.027 1.027 0 0 1 1.794-.249l1.675 2.304 1.63-1.528-2.19-1.82a1.027 1.027 0 0 1 .362-1.774L5.54.665a5.4 5.4 0 0 1 4.107.425 4.66 4.66 0 0 1 2.125 2.403l.081.209a5.27 5.27 0 0 1 .309 2.671l-.227 1.578L22.54 19.258l-1.459 1.368L9.82 8.618l.363-2.53a3.3 3.3 0 0 0-.191-1.658l-.082-.209A2.66 2.66 0 0 0 8.697 2.85 3.4 3.4 0 0 0 6.45 2.5l2.518 2.093L4.033 9.22 2.107 6.572a3.4 3.4 0 0 0 .204 2.265 2.66 2.66 0 0 0 1.292 1.299l.203.095c.513.24 1.079.342 1.643.297l2.547-.2L19.269 22.35l-1.458 1.368-10.616-11.32-1.59.124a5.3 5.3 0 0 1-2.646-.48l-.203-.094A4.66 4.66 0 0 1 .495 9.674a5.4 5.4 0 0 1-.16-4.127z"/><path d="M4.478 1.636c.03.036.067.1.063.203a.3.3 0 0 1-.031.119l-.005.007.004-.005a1 1 0 0 1 .069-.057c.22-.155.71-.344 1.363-.43 1.3-.17 2.955.102 3.982 1.46l.798-.603C9.392.573 7.3.287 5.81.482c-.74.097-1.407.32-1.809.604a1.3 1.3 0 0 0-.29.269.8.8 0 0 0-.17.446c-.017.442.348.664.58.754l.356-.919ZM1.77 4.505c.018.005.119.046.277.283l.83-.557c-.242-.363-.559-.658-.966-.717-.43-.062-.775.163-1.006.42-.443.496-.722 1.372-.833 2.26C-.04 7.1.007 8.138.321 9.018c.316.887.932 1.677 1.977 1.907l.215-.977c-.596-.131-1.005-.578-1.25-1.266-.248-.693-.298-1.566-.198-2.366.102-.82.347-1.449.585-1.715.066-.074.105-.093.12-.097Zm.008-.001h-.006zm24.273 26.405a1.027 1.027 0 0 0 .355-1.775l-2.2-1.81 1.623-1.537 1.686 2.296a1.027 1.027 0 0 0 1.793-.256l.507-1.394a5.4 5.4 0 0 0-.179-4.126 4.66 4.66 0 0 0-2.272-2.264l-.204-.093a5.3 5.3 0 0 0-2.648-.468l-1.588.133L12.25 8.337l-1.453 1.375 11.334 11.976 2.546-.213a3.3 3.3 0 0 1 1.644.29l.204.094a2.66 2.66 0 0 1 1.297 1.293c.331.71.405 1.51.215 2.264L26.1 22.778l-4.914 4.65 2.528 2.08a3.4 3.4 0 0 1-2.249-.339 2.66 2.66 0 0 1-1.22-1.366l-.082-.209a3.3 3.3 0 0 1-.199-1.657l.352-2.53L9.003 11.4l-1.455 1.372 10.655 11.31-.22 1.58a5.3 5.3 0 0 0 .32 2.67l.083.209a4.66 4.66 0 0 0 2.136 2.393 5.4 5.4 0 0 0 4.11.406l1.42-.43Z"/><path d="M28.792 27.427a.28.28 0 0 0-.199-.076.3.3 0 0 0-.12.024l-.007.005.005-.004.06-.065c.169-.21.387-.688.51-1.335.248-1.287.076-2.956-1.218-4.062l.65-.76c1.674 1.43 1.834 3.535 1.55 5.01-.14.734-.403 1.386-.71 1.77-.079.1-.174.197-.285.273a.8.8 0 0 1-.456.144c-.442-.01-.642-.386-.718-.625l.938-.3Zm-3.024 2.531c-.005-.018-.04-.12-.266-.293l.605-.796c.348.264.623.598.658 1.008.036.434-.21.764-.48.979-.52.413-1.413.64-2.304.697-.913.059-1.946-.05-2.806-.417-.867-.368-1.619-1.03-1.786-2.087l.988-.156c.095.603.518 1.037 1.19 1.323.677.288 1.545.39 2.35.339.825-.053 1.466-.26 1.747-.483.077-.06.098-.099.104-.114m.001-.007v.006z"/></g></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

@mixin icon-x ($fg-color: #2A2859, $bg-color: null) {
  $svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="x" fill="none" data-category="social" viewBox="0 0 32 32"><path fill="#{$fg-color}" d="M17.878 14.01 27.185 3H24.98l-8.081 9.56L10.444 3H3l9.76 14.455L3 29h2.206l8.533-10.095L20.556 29H28zm-3.02 3.573-.99-1.44L6 4.69h3.388l6.35 9.243.989 1.44 8.254 12.014h-3.388z"/></svg>');
  background-image: pkt-esc-svg($svg);
  background-repeat: no-repeat;
}

