{"version":3,"sources":["../scss/_toasts.scss","../scss/variables/components/_toasts.scss","../scss/vendors/_rfs.scss","../scss/variables/_colors.scss","../scss/mixins/_border-radius.scss","../scss/variables/_z-index.scss","../scss/mixins/_toasts.scss"],"names":[],"mappings":"AAAA,OACE,MCC+B,MDA/B,UCA+B,MDC/B,SAAU,OE4HN,UAtCW,QFpFf,gBAAiB,YACjB,OCA+B,IDAH,MAC5B,WCC+B,EAAE,OAAO,OEHjC,gBHGP,gBAAiB,WACjB,QAAS,EISP,cHX6B,ODM7B,iBGTK,sBHUL,aGTK,gBHYU,wBACf,cCf6B,ODH3B,eAsBF,QAAS,EAtBP,YA0BF,QAAS,MACT,QAAS,EA3BP,YA+BF,QAAS,KAIb,YACE,MAAO,KACP,UAAW,KAGb,cACE,QAAS,KACT,YAAa,OACb,QCvC+B,OADA,ODyC/B,gBAAiB,YACjB,cCvC+B,IDuCI,MAEjC,MGlCS,QHmCT,iBG5CK,sBH6CL,aG5CK,iBHgDT,YACE,QCnD+B,ODsDjC,SACE,QAAS,KACT,eAAgB,eAChB,MAAO,KACP,QAAS,OAAc,MAOtB,uBADA,qBAGA,qBADA,sBALA,oBADD,kBAGC,kBADA,mBAMC,SAAU,MACV,QK3DqB,KL4DrB,MCvE6B,MD2E9B,oBADD,kBAGC,kBADA,mBAEC,IAAK,EAIN,uBADD,qBAGC,qBADA,sBAEC,OAAQ,EACR,eAAgB,OAIjB,qBADD,kBAEE,MAAO,KAIR,uBADD,oBAEE,KAAM,IACN,UAAW,iBAIZ,qBAEA,sBAHD,kBAEC,mBAEC,MAAO,EAIR,qBAEA,qBAHD,kBAEC,kBAEC,KAAM,EAGR,gBACE,MAAO,KACP,UAAW,KACX,WAAY,QACZ,cAAe,QASjB,eMhIA,MHGO,KGFP,iBH6Cc,QG5Cd,aAAc,QAEd,6BACE,MHFK,KGGL,iBAAkB,QAClB,aAAc,QNyHhB,iBMhIA,MHeW,QGdX,iBHiEgB,QGhEhB,aAAc,QAEd,+BACE,MHUS,QGTT,iBAAkB,QAClB,aAAc,QNyHhB,eMhIA,MHGO,KGFP,iBH+Ec,QG9Ed,aAAc,QAEd,6BACE,MHFK,KGGL,iBAAkB,QAClB,aAAc,QNyHhB,YMhIA,MHGO,KGFP,iBH0EW,KGzEX,aAAc,QAEd,0BACE,MHFK,KGGL,iBAAkB,QAClB,aAAc,QNyHhB,eMhIA,MHeW,QGdX,iBHoFc,QGnFd,aAAc,QAEd,6BACE,MHUS,QGTT,iBAAkB,QAClB,aAAc,QNyHhB,cMhIA,MHGO,KGFP,iBHqEa,QGpEb,aAAc,QAEd,4BACE,MHFK,KGGL,iBAAkB,QAClB,aAAc,QNyHhB,aMhIA,MHeW,QGdX,iBHMW,QGLX,aAAc,QAEd,2BACE,MHUS,QGTT,iBAAkB,QAClB,aAAc,QNyHhB,YMhIA,MHGO,KGFP,iBHaW,QGZX,aAAc,QAEd,0BACE,MHFK,KGGL,iBAAkB,QAClB,aAAc","sourcesContent":[".toast {\n  width: $toast-max-width;\n  max-width: $toast-max-width;\n  overflow: hidden; // cheap rounded corners on nested items\n  @include font-size($toast-font-size);\n  background-clip: padding-box;\n  border: $toast-border-width solid;\n  box-shadow: $toast-box-shadow;\n  backdrop-filter: blur(10px);\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n  @include themes($toast-theme-map, $create: parent) {\n    color: themes-get-value(\"toast-color\");\n    background-color: themes-get-value(\"toast-background-color\");\n    border-color: themes-get-value(\"toast-border-color\");\n  }\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-full {\n  width: 100%;\n  max-width: 100%;\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid;\n  @include themes($toast-theme-map, $create: parent) {\n    color: themes-get-value(\"toast-header-color\");\n    background-color: themes-get-value(\"toast-header-background-color\");\n    border-color: themes-get-value(\"toast-header-border-color\");\n  }\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n\n.toaster {\n  display: flex;\n  flex-direction: column-reverse;\n  width: 100%;\n  padding: ($spacer / 4) ($spacer / 2);\n\n  &-top-full,\n  &-top-center,\n  &-top-right,\n  &-top-left,\n  &-bottom-full,\n  &-bottom-center,\n  &-bottom-right,\n  &-bottom-left {\n    position: fixed;\n    z-index: $zindex-toaster;\n    width: $toast-max-width;\n  }\n\n  &-top-full,\n  &-top-center,\n  &-top-right,\n  &-top-left {\n    top: 0;\n  }\n\n  &-bottom-full,\n  &-bottom-center,\n  &-bottom-right,\n  &-bottom-left {\n    bottom: 0;\n    flex-direction: column;\n  }\n\n  &-top-full,\n  &-bottom-full {\n    width: auto;\n  }\n\n  &-top-center,\n  &-bottom-center {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  &-top-full,\n  &-bottom-full,\n  &-top-right,\n  &-bottom-right {\n    right: 0;\n  }\n\n  &-top-full,\n  &-bottom-full,\n  &-top-left,\n  &-bottom-left {\n    left: 0;\n  }\n\n  .toast {\n    width: 100%;\n    max-width: 100%;\n    margin-top: ($spacer / 8);\n    margin-bottom: ($spacer / 8);\n  }\n}\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the toast.\n\n@include theme-variant() {\n  .toast-#{$color} {\n    @include toast-variant($value);\n  }\n}\n\n","// Toasts\n// scss-docs-start toast\n$toast-max-width:                350px !default;\n$toast-padding-x:                .75rem !default;\n$toast-padding-y:                .25rem !default;\n$toast-font-size:                .875rem !default;\n$toast-border-width:             1px !default;\n$toast-border-radius:            .25rem !default;\n$toast-box-shadow:               0 .25rem .75rem rgba($black, .1) !default;\n// scss-docs-end toast\n\n// Default theme\n// scss-docs-start toast-default-theme\n$toast-background-color:  rgba($white, .85) !default;\n$toast-color:             null !default;\n$toast-border-color:      rgba($black, .1) !default;\n\n$toast-header-color:             $gray-600 !default;\n$toast-header-background-color:  rgba($white, .85) !default;\n$toast-header-border-color:      rgba($black, .05) !default;\n// scss-docs-end toast-default-theme\n\n$toast-theme-map: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$toast-theme-map: map-merge(\n  (\n    default: (\n      \"toast-background-color\":         $toast-background-color,\n      \"toast-color\":                    $toast-color,\n      \"toast-border-color\":             $toast-border-color,\n      \"toast-header-color\":             $toast-header-color,\n      \"toast-header-background-color\":  $toast-header-background-color,\n      \"toast-header-border-color\":      $toast-header-border-color\n    )\n  ),\n  $toast-theme-map\n);\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Variables for storing static and fluid rescaling\n    $rfs-static: null;\n    $rfs-fluid: null;\n\n    // Remove px-unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: $fs / ($fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n    }\n\n    // Set default font-size\n    @if $rfs-font-size-unit == rem {\n      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n    }\n    @else if $rfs-font-size-unit == px {\n      $rfs-static: #{$fs}px#{$rfs-suffix};\n    }\n    @else {\n      @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n    }\n\n    // Only add media query if font-size is bigger as the minimum font-size\n    // If $rfs-factor == 1, no rescaling will take place\n    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n      $min-width: null;\n      $variable-unit: null;\n\n      // Calculate minimum font-size for given font-size\n      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n      // Calculate difference between given font-size and minimum font-size for given font-size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      // No need to check if the unit is valid, because we did that before\n      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n      // If two-dimensional, use smallest of screen width and height\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n      // Set the calculated font-size.\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n    }\n\n    // Rendering\n    @if $rfs-fluid == null {\n      // Only render static font-size if no fluid font-size is available\n      font-size: $rfs-static;\n    }\n    @else {\n      $mq-value: null;\n\n      // RFS breakpoint formatting\n      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n      }\n      @else if $rfs-breakpoint-unit == px {\n        $mq-value: #{$rfs-breakpoint}px;\n      }\n      @else {\n        @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n      }\n\n      @if $rfs-class == \"disable\" {\n        // Adding an extra class increases specificity,\n        // which prevents the media query to override the font size\n        &,\n        .disable-responsive-font-size &,\n        &.disable-responsive-font-size {\n          font-size: $rfs-static;\n        }\n      }\n      @else {\n        font-size: $rfs-static;\n      }\n\n      @if $rfs-two-dimensional {\n        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n      @else {\n        @media (max-width: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","//\n// CoreUI default colors\n//\n\n$white:  #fff !default;\n$black:  #000015 !default;\n\n$gray-base:  #3c4b64 !default;\n$gray-100:   #ebedef !default;\n$gray-200:   #d8dbe0 !default;\n$gray-300:   #c4c9d0 !default;\n$gray-400:   #b1b7c1 !default;\n$gray-500:   #9da5b1 !default;\n$gray-600:   #8a93a2 !default;\n$gray-700:   #768192 !default;\n$gray-800:   #636f83 !default;\n$gray-900:   #4f5d73 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\":  $gray-100,\n    \"200\":  $gray-200,\n    \"300\":  $gray-300,\n    \"400\":  $gray-400,\n    \"500\":  $gray-500,\n    \"600\":  $gray-600,\n    \"700\":  $gray-700,\n    \"800\":  $gray-800,\n    \"900\":  $gray-900\n  ),\n  $grays\n);\n\n$primary-base:  #321fdb !default;\n$primary-100:   #eae9fb !default;\n$primary-200:   #d6d2fb !default;\n$primary-300:   #c1bcf4 !default;\n$primary-400:   #ada5f1 !default;\n$primary-500:   #988fed !default;\n$primary-600:   #8478ea !default;\n$primary-700:   #6f62e6 !default;\n$primary-800:   #5b4ce2 !default;\n$primary-900:   #4635df !default;\n\n$primary-dark:  #1f1498 !default;\n$primary:       #321fdb !default;\n$primary-50:    #988fed !default;\n$primary-25:    #ccc7f6 !default;\n\n\n$secondary-base:  #3c4b64 !default;\n\n$secondary-100:   #ebedef !default;\n$secondary-200:   #d8dbe0 !default;\n$secondary-300:   #c4c9d0 !default;\n$secondary-400:   #b1b7c1 !default;\n$secondary-500:   #9da5b1 !default;\n$secondary-600:   #8a93a2 !default;\n$secondary-700:   #768192 !default;\n$secondary-800:   #636f83 !default;\n$secondary-900:   #4f5d73 !default;\n\n$secondary-dark:  #212233 !default;\n$secondary:       #3c4b64 !default;\n$secondary-50:    #9da5b1 !default;\n$secondary-25:    #ced2d8 !default;\n\n\n$danger-dark:  #d93737 !default;\n$danger:       #e55353 !default;\n$danger-50:    #f2a9a9 !default;\n$danger-25:    #f9d4d4 !default;\n\n$info-dark:  #2982cc !default;\n$info:       #39f !default;\n$info-50:    #80c6ff !default;\n$info-25:    #c0e6ff !default;\n\n$success-dark:  #1b9e3e !default;\n$success:       #2eb85c !default;\n$success-50:    #96dbad !default;\n$success-25:    #cbedd6 !default;\n\n$warning-dark:  #f6960b !default;\n$warning:       #f9b115 !default;\n$warning-50:    #fcd88a !default;\n$warning-25:    #feecc5 !default;\n\n$light:  $gray-100 !default;\n$dark:   $gray-800 !default;\n\n$pink:  #e83e8c !default;\n\n// scss-docs-start theme-colors-map\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary-25,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n// scss-docs-end theme-colors-map\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:  8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:   $gray-900 !default;\n$yiq-text-light:  $white !default;\n\n$yiq-theme-map: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$yiq-theme-map: map-merge(\n  (\n    default: (\n      \"yiq-text-dark\":  $yiq-text-dark,\n      \"yiq-text-light\":  $yiq-text-light\n    )\n  ),\n  $yiq-theme-map\n);\n\n// TODO: Move to better place\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\",\"%3c\"),\n  (\">\",\"%3e\"),\n  (\"#\",\"%23\"),\n  (\"(\",\"%28\"),\n  (\")\",\"%29\"),\n) !default;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:        1000 !default;\n$zindex-sticky:          1020 !default;\n$zindex-fixed:           1030 !default;\n$zindex-modal-backdrop:  1040 !default;\n$zindex-modal:           1050 !default;\n$zindex-popover:         1060 !default;\n$zindex-tooltip:         1070 !default;\n$zindex-toaster:         1080 !default;\n// scss-docs-end zindex-stack\n","@mixin toast-variant($background) {\n  color: color-yiq($background);\n  background-color: $background;\n  border-color: darken($background, 10%);\n\n  .toast-header {\n    color: color-yiq($background);\n    background-color: darken($background, 5%);\n    border-color: darken($background, 10%);\n  }\n}\n"]}