{"version":3,"sources":["webpack:///src/components/v-searchable-select/v-searchable-select-shallow.vue","webpack:///src/components/v-searchable-select/v-searchable-select.vue","webpack:///node_modules/bootstrap/scss/mixins/_breakpoints.scss","webpack:///src/components/v-searchable-select/styles/base.scss","webpack:///src/components/v-searchable-select/styles/small.scss","webpack:///src/components/v-searchable-select/styles/gray.scss","webpack:///src/components/v-searchable-select/styles/search.scss","webpack:///src/sass/variables.scss","webpack:///src/components/v-searchable-select/styles/async.scss","webpack:///src/components/v-searchable-select/styles/error.scss","webpack:///src/components/v-searchable-select/styles/fullscreen.scss"],"names":[],"mappings":"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","file":"b4fe32eb6737c565.css","sourcesContent":["\n@import \"../../sass/component.scss\";\n\n.v-searchable-select-shallow {\n  position: relative;\n  cursor: pointer;\n  width: 100%;\n\n  &__input {\n    position: absolute;\n    opacity: 0;\n  }\n\n  &__error {\n    color: theme-color(\"danger\");\n    margin-top: 5px;\n    font-size: 0.75rem;\n  }\n\n  &--disabled {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  .multiselect__placeholder {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &__label {\n    display: inline-block;\n    position: absolute;\n    top: 13px;\n    left: 10px;\n    right: auto;\n    bottom: auto;\n    max-width: 100%;\n    color: theme-color(\"placeholder\") !important;\n    background: transparent;\n    padding: 0 5px;\n    transform-origin: left top;\n    transition: all 200ms ease-out;\n    cursor: text;\n    pointer-events: none;\n    white-space: nowrap;\n\n    &__search {\n      top: 16px;\n      left: $spacer * 3;\n    }\n\n    &__address {\n      display: inline-block;\n      position: absolute;\n      top: 13px;\n      left: 10px;\n      right: auto;\n      bottom: auto;\n      max-width: 100%;\n      color: theme-color(\"black\");\n      background: transparent;\n      padding: 0 5px;\n      transform-origin: left top;\n      transition: all 200ms ease-out;\n      cursor: text;\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    &__text {\n      &--active {\n        position: relative;\n        top: -12px;\n      }\n    }\n\n    &--active {\n      background-color: theme-color(\"white\");\n      top: 0px;\n      z-index: 100;\n      font-size: 1rem;\n      height: 5px;\n    }\n\n    &--error {\n      color: theme-color(\"danger\");\n    }\n\n    .v-searchable-select--gray & {\n      background-color: inherit;\n    }\n  }\n\n  &__label {\n    display: inline-block;\n    position: absolute;\n    z-index: 100;\n    left: 10px;\n    right: auto;\n    bottom: auto;\n    max-width: 100%;\n    color: theme-color(\"placeholder\");\n    background: transparent;\n    padding: 0 5px;\n    transform-origin: left top;\n    transition: all 200ms ease-out;\n    cursor: text;\n    pointer-events: none;\n    white-space: nowrap;\n\n    &__search {\n      top: 16px;\n      left: $spacer * 3;\n    }\n\n    &__address {\n      display: inline-block;\n      position: absolute;\n      top: 13px;\n      left: 10px;\n      right: auto;\n      bottom: auto;\n      max-width: 100%;\n      color: theme-color(\"black\");\n      background: transparent;\n      padding: 0 5px;\n      transform-origin: left top;\n      transition: all 200ms ease-out;\n      cursor: text;\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    &__text {\n      &--active {\n        position: relative;\n        top: -12px;\n      }\n    }\n\n    &--active {\n      background-color: theme-color(\"white\");\n      top: 0px;\n      z-index: 100;\n      font-size: 1rem;\n      height: 5px;\n    }\n\n    &--error {\n      color: theme-color(\"danger\");\n    }\n\n    .v-searchable-select--gray & {\n      background-color: inherit;\n    }\n  }\n}\n","\n@import \"../../sass/component.scss\";\n\n.relative {\n  position: relative;\n  visibility: hidden;\n\n  &--mounted {\n    visibility: visible;\n  }\n}\n\n.v-searchable-select {\n  &__wrapper {\n    position: relative;\n\n    &__address-value {\n      display: inline-block;\n      position: absolute;\n      top: 13px;\n      left: 10px;\n      right: auto;\n      bottom: auto;\n      max-width: 100%;\n      color: theme-color(\"black\");\n      background: transparent;\n      padding: 0 5px;\n      transform-origin: left top;\n      transition: all 200ms ease-out;\n      cursor: text;\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    @include media-breakpoint-up(md) {\n      &__label {\n        display: inline-block;\n        position: absolute;\n        top: 13px;\n        left: 10px;\n        right: auto;\n        bottom: auto;\n        max-width: 100%;\n        color: theme-color(\"placeholder\");\n        background: transparent;\n        padding: 0 5px;\n        transform-origin: left top;\n        transition: all 200ms ease-out;\n        cursor: text;\n        pointer-events: none;\n        white-space: nowrap;\n        line-height: 24px;\n\n        &__search {\n          top: 16px;\n          left: $spacer * 3;\n\n          .multiselect--active + & .v-searchable-select__wrapper__label__text {\n            position: relative;\n            top: -12px;\n\n            &--error {\n              color: theme-color(\"danger\");\n            }\n          }\n\n          &__text {\n            &--active {\n              position: relative;\n              top: -12px;\n            }\n          }\n\n          &__desktopFullscreen {\n            top: 26px;\n            left: $spacer * 3;\n          }\n        }\n\n        .multiselect--active + & .v-searchable-select__wrapper__label__text {\n          position: relative;\n          top: -12px;\n\n          &--error {\n            color: theme-color(\"danger\");\n          }\n        }\n\n        &__text {\n          &--active {\n            position: relative;\n            top: -12px;\n          }\n        }\n\n        .multiselect--active + & {\n          background-color: theme-color(\"white\");\n          top: 0px;\n          z-index: 49;\n          font-size: 1rem;\n          color: theme-color(\"focus\");\n          height: 5px;\n\n          &--error {\n            color: theme-color(\"danger\");\n          }\n        }\n\n        &__search__desktopFullscreen {\n          display: none;\n        }\n        &--active {\n          background-color: theme-color(\"white\");\n          top: 0px;\n          z-index: 47;\n          font-size: 1rem;\n          height: 5px;\n        }\n\n        &--error {\n          color: theme-color(\"danger\");\n        }\n\n        .v-searchable-select--gray & {\n          background-color: inherit;\n        }\n      }\n    }\n  }\n  &__input {\n    display: none;\n  }\n\n  &__close {\n    display: none;\n  }\n\n  &__clear {\n    position: absolute;\n    right: 5px;\n    top: 3px;\n    padding: 12px 10px 10px 10px;\n    z-index: 10;\n    background-color: theme-color(\"white\");\n\n    .v-searchable-select--fullscreen & {\n      right: 50px;\n    }\n\n    &__icon {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 20px;\n      height: 20px;\n      opacity: 0.8;\n      cursor: pointer;\n      transition: opacity 200ms ease-out;\n\n      &:hover {\n        opacity: 0.7;\n      }\n    }\n  }\n\n  &__helper {\n    display: none;\n\n    @include media-breakpoint-up(md) {\n      display: block;\n      margin-top: 5px;\n      font-size: 1rem;\n      color: theme-color(\"placeholder\");\n    }\n  }\n\n  &__after-list {\n    position: sticky;\n    bottom: 0;\n    background-color: theme-color(\"white\");\n    padding: 11px 0;\n    border-top: 1px solid #ddd;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n  }\n}\n\n// Multiselect deep styling for different component states\n@import \"./styles/base.scss\";\n@import \"./styles/small.scss\";\n@import \"./styles/gray.scss\";\n@import \"./styles/search.scss\";\n@import \"./styles/async.scss\";\n@import \"./styles/error.scss\";\n@import \"./styles/fullscreen.scss\";\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","::v-deep .multiselect {\n  font-weight: normal;\n  color: theme-color(\"dark\");\n\n  &__placeholder {\n    width: 100%;\n    padding: 0;\n    margin: 0 0 0 5px;\n    line-height: 20px;\n    vertical-align: top;\n    color: theme-color(\"placeholder\");\n\n    &--value {\n      color: theme-color(\"dark\");\n    }\n\n    @include media-breakpoint-up(md) {\n      display: none;\n    }\n  }\n\n  &__input {\n    margin-bottom: 0;\n\n    &::placeholder {\n      color: theme-color(\"placeholder\");\n\n      @include media-breakpoint-up(md) {\n        visibility: hidden;\n      }\n    }\n\n    .v-searchable-select--desktopFullscreen &::placeholder {\n      visibility: visible;\n    }\n  }\n\n  &__caret {\n    position: absolute;\n    top:2px;\n    right: 0;\n    width: 40px;\n    cursor: pointer;\n    text-align: center;\n    padding: 11px 12px 0 0;\n    color: theme-color(\"dark\");\n  }\n\n  &__tags,\n  &__input,\n  &__single {\n    background-color: theme-color(\"white\");\n    font-size: 1rem;\n    margin: 0;\n  }\n\n  &__single {\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  &__tags {\n    padding: 14px 40px 0 10px;\n    min-height: 50px;\n    border: 1px solid theme-color(\"border\");\n    white-space: nowrap;\n\n    &--error {\n      border: 1px solid theme-color(\"danger\");\n    }\n\n    .v-loading {\n      position: absolute;\n      right: 14px;\n      top: 14px;\n      background-color: theme-color(\"white\");\n      transition: opacity 0;\n    }\n  }\n\n  &__tag {\n    color: white;\n    background-color: theme-color(\"focus\");\n\n    &-icon {\n\n      &:hover {\n        background-color: inherit;\n      }\n\n      &:after {\n        color: theme-color(\"white\")\n      }\n    }\n  }\n\n  &__option {\n    padding: 0;\n    white-space: normal;\n\n    .multiselect__standard-option,\n    .multiselect__no-results {\n      display: flex;\n      padding: 13px 16px;\n      min-height: 0;\n      line-height: 1.5em;\n      justify-content: space-between;\n      align-items: center;\n\n      span {\n        color: theme-color(\"placeholder\");\n      }\n    }\n\n    .multiselect__standard-option span {\n      text-align: right;\n    }\n  }\n\n  &__option--highlight {\n    color: theme-color(\"dark\");\n\n    // @include media-breakpoint-up(md) {\n    //   color: theme-color(\"primary\");\n    // }\n  }\n\n  &__option--selected {\n    color: theme-color(\"primary\");\n  }\n\n  &__option--highlight,\n  &__option--selected.multiselect__option--highlight {\n    background: none;\n\n    @include media-breakpoint-up(md) {\n      background-color: theme-color(\"light\");\n    }\n  }\n\n  &__option--selected {\n    background: none;\n    font-weight: normal;\n  }\n\n  &__option--group {\n    background-color: theme-color(\"white\") !important;\n    font-size: 0.9em;\n  }\n\n  &__content-wrapper {\n    min-height: 206px;\n\n    @include media-breakpoint-up(md) {\n      border: none;\n      border-radius: 5px;\n      box-shadow: 0 18px 30px rgba(0, 0, 0, 0.2);\n      margin-top: 7px;\n    }\n  }\n\n  &__content {\n    margin-bottom: 0;\n\n    ul {\n      list-style-type: none;\n    }\n\n    li {\n      margin: 0 !important;\n      padding: 0 !important;\n\n      &::before {\n        display: none !important;\n      }\n\n      .locked-icon {\n        strong {\n          font-weight: inherit;\n        }\n        svg {\n          transform: translate(3px, 1.5px);\n        }\n      }\n    }\n  }\n\n  &.multiselect--active .multiselect__current,\n  &.multiselect--active .multiselect__input,\n  &.multiselect--active .multiselect__tags {\n    border-radius: 5px;\n  }\n\n  &.multiselect--active .multiselect__tags {\n    border-color: theme-color(\"focus\");\n  }\n\n  &--disabled {\n    opacity: 0.5;\n  }\n}\n",".v-searchable-select::v-deep {\n  &.v-searchable-select--small {\n    &:not(.v-searchable-select--fullscreen) {\n      .multiselect {\n        &__caret {\n          padding: 5px 0 0 0;\n        }\n\n        &__tags,\n        &__input,\n        &__single {\n          font-size: 1rem;\n        }\n\n        &__tags {\n          padding: 8px 40px 0 6px;\n          min-height: 34px;\n\n          .v-loading {\n            right: 10px;\n            top: 10px;\n          }\n\n          .v-searchable-select__clear {\n            top: 2px;\n            right: 2px;\n            padding: 6px;\n          }\n        }\n\n        &__content-wrapper {\n          font-size: 1rem;\n        }\n\n        &__option span {\n          padding: 10px;\n        }\n      }\n\n      .v-searchable-select__helper {\n        margin-top: 0;\n      }\n\n      .v-searchable-select__wrapper__label {\n        margin-top: -8px;\n\n        &--active {\n          margin-top: 0px;\n        }\n      }\n    }\n    .multiselect--active {\n      + .v-searchable-select__wrapper__label {\n        margin-top: 0px;\n      }\n    }\n  }\n}\n",".v-searchable-select::v-deep {\n  &.v-searchable-select--gray {\n    &:not(.v-searchable-select--fullscreen) {\n      .multiselect {\n        &__tags,\n        &__input,\n        &__single {\n          background-color: theme-color(\"gray\");\n        }\n\n        &__tags .v-loading {\n          background-color: theme-color(\"gray\");\n        }\n      }\n      .v-searchable-select__helper {\n        margin-top: 0;\n      }\n  \n      .v-searchable-select__wrapper__label {\n        background-color: theme-color(\"gray\");\n      }\n    }\n  }\n}\n",".v-searchable-select::v-deep {\n  &.v-searchable-select--search {\n    .multiselect {\n      @include media-breakpoint-up(md) {\n        &__content-wrapper {\n          margin-top: 10px;\n          border-radius: 14px;\n          max-height: 400px !important;\n        }\n\n        &__element {\n          padding: 0 6px !important;\n\n          &:first-child {\n            padding-top: 6px !important;\n          }\n        }\n\n        &__option {\n          border-radius: 5px;\n\n          .multiselect__standard-option {\n            display: flex;\n            padding: 11px 16px;\n          }\n\n          .multiselect__no-results {\n            padding: 30px 22px;\n          }\n        }\n\n        &__option--group.multiselect__option {\n          min-height: auto;\n\n          span {\n            padding: 18px 16px 8px 16px;\n          }\n        }\n      }\n    }\n\n    &:not(.v-searchable-select--fullscreen) {\n      .multiselect {\n        &__search-icon {\n          position: absolute;\n          top: 0;\n          left: 0;\n          padding: 18px 0 0 22px;\n        }\n\n        &__placeholder,\n        &__input::placeholder {\n          color: theme-color(\"placeholder\");\n        }\n\n        &__tags,\n        &.multiselect--active .multiselect__current,\n        &.multiselect--active .multiselect__input,\n        &.multiselect--active .multiselect__tags {\n          border-radius: 1000px;\n        }\n\n        &__tags {\n          min-height: 58px;\n          padding: 20px 50px 0 53px;\n          border: 0;\n          box-shadow: $box-shadow-lg;\n\n          .v-loading {\n            right: 19px;\n            top: 18px;\n          }\n\n          .v-searchable-select__clear {\n            right: 10px;\n            top: 7px;\n            padding: 12px 10px 10px 10px;\n          }\n        }\n      }\n    }\n\n    &.v-searchable-select--fullscreen {\n      .multiselect {\n        &__search-icon {\n          position: absolute;\n          top: 0;\n          left: 0;\n          padding: 19px 0 0 14px;\n\n          @include media-breakpoint-up(md) {\n            padding: 11px 0 0 14px;\n          }\n        }\n\n        &__tags {\n          padding-left: 40px;\n        }\n\n        @include media-breakpoint-up(md) {\n          &__content-wrapper {\n            max-height: 400px !important;\n          }\n\n          &__tags {\n            padding: 12px 90px 0 40px;\n            box-shadow: $box-shadow-lg;\n          }\n\n          &__tags,\n          &.multiselect--active .multiselect__current,\n          &.multiselect--active .multiselect__input,\n          &.multiselect--active .multiselect__tags {\n            border-radius: 1000px;\n          }\n\n          .v-searchable-select__clear {\n            padding: 12px 0px 10px 10px;\n          }\n        }\n      }\n    }\n  }\n  .multiselect--active {\n    z-index: 48;\n  }\n}\n","// Path\n$asset-base-path: \"/assets\";\n\n@function asset($path) {\n  @return url($asset-base-path + $path);\n}\n\n// Colors\n$theme-colors: (\n  \"primary\": #E7131C,\n  \"primary-dark\": #a3030a, // wcag approved text on \"light\" (F7F7F7) and white backgrounds\n  \"primary-light\": #ee666b,\n  \"primary-lighter\": #ffb7ba,\n  \"secondary\": #01426A, // Deprecated\n  \"secondary-light\": #5584a2,\n  \"info\": #0084FF,\n  \"info-light\": #B3D4FF,\n  \"success\": #04AE3A,\n  \"success-light\": #DAF3E2,\n  \"danger\":  #E01836,\n  \"danger-light\": #F9DBDC,\n  \"warning\": #E18B1A,\n  \"warning-light\": #FFEDB2,\n  \"dark\": #282828,\n  \"black\": #000,\n  \"gray\": #E8E8EC,\n  \"gray-light\": #fbfbfb,\n  \"gray-dark\": #545454, // wcag approved text on \"light\" (F7F7F7) and white backgrounds\n  \"light\": #F7F7F7,\n  \"white\": #fff,\n  \"focus\": #0084FF,\n  \"placeholder\": #696969,\n  \"border\": #b8b8b8,\n  \"disabled\": #d9d9d9,\n  \"signal-green\": #00FF69,\n  \"corporate\": rgba(94, 3, 41, 1),\n  \"sky\": rgba(212, 214, 226, 1),\n  \"warm-sand\": rgba(252, 222, 201, 1),\n  \"spark\": rgba(235, 168, 120, 1)\n);\n\n// List of available font-sizes\n$fontSizes: 12 14 16 18 20 24 28 48 64 72 80 96 112 128 144;\n\n// Spacing\n$spacer: 1rem;\n$container-max-width: 1280px;\n\n// Grid\n$grid-columns: 12;\n$grid-gutter-width: 1rem;\n\n// Spacers\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 2),\n    6: ($spacer * 2.5),\n    7: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// Border radius\n$border-radius: .75rem;\n$border-radius-lg: $border-radius * 1.5;\n$border-radius-sm: $border-radius * 0.5;\n\n// Box shadows\n$box-shadow-lg: 0 18px 40px 0 rgba(0,0,0,0.10);\n\n// Navigation\n$nav-height-mobile: 60px;\n$nav-height-desktop: 76px;\n",".v-searchable-select::v-deep {\n  &.v-searchable-select--async {\n    .multiselect__content-wrapper {\n      min-height: 0;\n      display: none;\n    }\n\n    &.v-searchable-select--show-results {\n      .multiselect__content-wrapper {\n        display: block;\n      }\n    }\n  }\n}\n",".v-searchable-select::v-deep {\n  &.v-searchable-select--error {\n    .multiselect__tags {\n      border: 1px solid theme-color(\"danger\");\n    }\n\n    .multiselect__placeholder,\n    .v-searchable-select__helper {\n      color: theme-color(\"danger\");\n    }\n  }\n}\n",".v-searchable-select--fullscreen {\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 3000;\n  background-color: rgba(40, 40, 40, 0.6);\n  display: flex;\n  justify-content: center;\n  transition: opacity 250ms ease-out;\n\n  &-enter,\n  &-leave-to {\n    opacity: 0;\n  }\n\n  &__close {\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    cursor: pointer;\n    padding: 17px 15px 10px 10px;\n    color: theme-color(\"primary\");\n\n    @include media-breakpoint-up(md) {\n      padding: 10px 15px 10px 10px;\n    }\n  }\n\n  .v-searchable-select__wrapper {\n    width: 100%;\n    height: 100%;\n    background-color: theme-color(\"white\");\n\n    @include media-breakpoint-up(md) {\n      background-color: unset;\n      padding-top: $spacer;\n      width: 620px;\n      height: auto;\n    }\n  }\n}\n\n.v-searchable-select::v-deep {\n  &.v-searchable-select--fullscreen {\n    .multiselect {\n      height: 100%;\n\n      &__tags {\n        min-height: 44px;\n        padding: 20px 90px 16px 16px;\n        border: 0;\n        border-radius: initial;\n        border-bottom: 1px solid theme-color(\"light\");\n\n        .v-searchable-select--search & {\n          padding-left: 100px;\n        }\n\n        .v-loading {\n          right: 59px;\n          top: 18px;\n        }\n\n        .v-searchable-select__clear {\n          top: 0;\n          background-color: theme-color(\"white\");\n          padding: 19px 10px 10px 10px;\n        }\n      }\n\n      &__content-wrapper {\n        max-height: unset !important;\n      }\n\n      &__option {\n        border-radius: 5px;\n\n        span.multiselect__no-results {\n          padding: 14px 16px;\n        }\n      }\n    }\n\n    &:not(.v-searchable-select--search) {\n      .multiselect {\n        &__single,\n        &__placeholder,\n        &__input {\n          padding-left: 0;\n          margin-left: 0;\n        }\n      }\n    }\n  }\n}\n"]}