/*! @zendeskgarden/css-callouts@3.3.21 (synced via zsap-sync-production.yml) */
/*!
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

:root{
  --zd-color-black:#000;
  --zd-color-green-100:#edf8f4;
  --zd-color-green-200:#d1e8df;
  --zd-color-green-300:#aecfc2;
  --zd-color-green-400:#5eae91;
  --zd-color-green-500:#228f67;
  --zd-color-green-600:#038153;
  --zd-color-green-700:#186146;
  --zd-color-green-800:#0b3b29;
  --zd-color-grey-100:#f8f9f9;
  --zd-color-grey-200:#e9ebed;
  --zd-color-grey-300:#d8dcde;
  --zd-color-grey-400:#c2c8cc;
  --zd-color-grey-500:#87929d;
  --zd-color-grey-600:#68737d;
  --zd-color-grey-700:#49545c;
  --zd-color-grey-800:#2f3941;
  --zd-color-blue-100:#edf7ff;
  --zd-color-blue-200:#cee2f2;
  --zd-color-blue-300:#adcce4;
  --zd-color-blue-400:#5293c7;
  --zd-color-blue-500:#337fbd;
  --zd-color-blue-600:#1f73b7;
  --zd-color-blue-700:#144a75;
  --zd-color-blue-800:#0f3554;
  --zd-color-kale-100:#f5fcfc;
  --zd-color-kale-200:#daeded;
  --zd-color-kale-300:#bdd9d7;
  --zd-color-kale-400:#90bbbb;
  --zd-color-kale-500:#498283;
  --zd-color-kale-600:#17494d;
  --zd-color-kale-700:#03363d;
  --zd-color-kale-800:#012b30;
  --zd-color-red-100:#fff0f1;
  --zd-color-red-200:#f5d5d8;
  --zd-color-red-300:#f5b5ba;
  --zd-color-red-400:#e35b66;
  --zd-color-red-500:#d93f4c;
  --zd-color-red-600:#cc3340;
  --zd-color-red-700:#8c232c;
  --zd-color-red-800:#681219;
  --zd-color-yellow-100:#fff7ed;
  --zd-color-yellow-200:#ffeedb;
  --zd-color-yellow-300:#fed6a8;
  --zd-color-yellow-400:#ffb057;
  --zd-color-yellow-500:#f79a3e;
  --zd-color-yellow-600:#ed8f1c;
  --zd-color-yellow-700:#ad5918;
  --zd-color-yellow-800:#703815;
  --zd-color-white:#fff;
  --zd-color-secondary-azure-400:#3091ec;
  --zd-color-secondary-azure-600:#1371d6;
  --zd-color-secondary-crimson-400:#e34f32;
  --zd-color-secondary-crimson-600:#c72a1c;
  --zd-color-secondary-fuschia-400:#d653c2;
  --zd-color-secondary-fuschia-600:#a81897;
  --zd-color-secondary-lemon-400:#ffd424;
  --zd-color-secondary-lemon-600:#ffbb10;
  --zd-color-secondary-lime-400:#43b324;
  --zd-color-secondary-lime-600:#2e8200;
  --zd-color-secondary-mint-400:#00a656;
  --zd-color-secondary-mint-600:#058541;
  --zd-color-secondary-orange-400:#de701d;
  --zd-color-secondary-orange-600:#bf5000;
  --zd-color-secondary-pink-400:#ec4d63;
  --zd-color-secondary-pink-600:#d42054;
  --zd-color-secondary-purple-400:#b552e2;
  --zd-color-secondary-purple-600:#6a27b8;
  --zd-color-secondary-royal-400:#5d7df5;
  --zd-color-secondary-royal-600:#3353e2;
  --zd-color-secondary-teal-400:#02a191;
  --zd-color-secondary-teal-600:#028079;
  --zd-color-secondary-azure-M400:#5f8dcf;
  --zd-color-secondary-azure-M600:#3a70b2;
  --zd-color-secondary-crimson-M400:#cc6c5b;
  --zd-color-secondary-crimson-M600:#b24a3c;
  --zd-color-secondary-fuschia-M400:#cf62a8;
  --zd-color-secondary-fuschia-M600:#a8458c;
  --zd-color-secondary-lemon-M400:#e7a500;
  --zd-color-secondary-lemon-M600:#c38f00;
  --zd-color-secondary-lime-M400:#519e2d;
  --zd-color-secondary-lime-M600:#47782c;
  --zd-color-secondary-mint-M400:#299c66;
  --zd-color-secondary-mint-M600:#2e8057;
  --zd-color-secondary-orange-M400:#d4772c;
  --zd-color-secondary-orange-M600:#b35827;
  --zd-color-secondary-pink-M400:#d57287;
  --zd-color-secondary-pink-M600:#b23a5d;
  --zd-color-secondary-purple-M400:#b072cc;
  --zd-color-secondary-purple-M600:#9358b0;
  --zd-color-secondary-royal-M400:#7986d8;
  --zd-color-secondary-royal-M600:#4b61c3;
  --zd-color-secondary-teal-M400:#2d9e8f;
  --zd-color-secondary-teal-M600:#3c7873;
  --zd-color-chat-orange:#f79a3e;
  --zd-color-connect-red:#ff6224;
  --zd-color-explore-blue:#30aabc;
  --zd-color-gather-pink:#f6c8be;
  --zd-color-guide-pink:#eb4962;
  --zd-color-message-green:#37b8af;
  --zd-color-sell-gold:#c38f00;
  --zd-color-support-green:#00a656;
  --zd-color-talk-yellow:#efc93d;
  --zd-font-family-monospace:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --zd-font-family-system:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --zd-font-size-xs:10px;
  --zd-font-size-sm:12px;
  --zd-font-size-md:14px;
  --zd-font-size-lg:18px;
  --zd-font-size-xl:22px;
  --zd-font-size-xxl:26px;
  --zd-font-size-xxxl:36px;
  --zd-font-size-sm-monospace:11px;
  --zd-font-size-md-monospace:13px;
  --zd-font-size-lg-monospace:17px;
  --zd-font-weight-thin:100;
  --zd-font-weight-extralight:200;
  --zd-font-weight-light:300;
  --zd-font-weight-regular:400;
  --zd-font-weight-medium:500;
  --zd-font-weight-semibold:600;
  --zd-font-weight-bold:700;
  --zd-font-weight-extrabold:800;
  --zd-font-weight-black:900;
  --zd-font-weight-ultralight:200;
  --zd-font-weight-ultrabold:800;
  --zd-font-weight-heavy:900;
  --zd-line-height-sm:16px;
  --zd-line-height-md:20px;
  --zd-line-height-lg:24px;
  --zd-line-height-xl:28px;
  --zd-line-height-xxl:32px;
  --zd-line-height-xxxl:44px;
  --zd-spacing-xxs:4px;
  --zd-spacing-xs:8px;
  --zd-spacing-sm:12px;
  --zd-spacing:20px;
  --zd-spacing-lg:32px;
  --zd-spacing-xl:40px;
  --zd-spacing-xxl:48px;
  --zd-callout-background-color:var(--zd-color-white);
  --zd-callout-border-color:var(--zd-color-grey-300);
  --zd-callout-border:1px solid var(--zd-callout-border-color);
  --zd-callout-border-radius:4px;
  --zd-callout-color:var(--zd-color-grey-600);
  --zd-callout-font-size:var(--zd-font-size-md);
  --zd-callout-line-height:1.42857;
  --zd-callout-padding-horizontal:var(--zd-spacing-xl);
  --zd-callout-padding:var(--zd-spacing) var(--zd-callout-padding-horizontal);
  --zd-callout__paragraph-margin:10px 0 0;
  --zd-callout__title-color:var(--zd-color-grey-800);
  --zd-callout__title-font-weight:var(--zd-font-weight-semibold);
}

.c-callout{
  position:relative;
  border:1px solid #d8dcde;
  border-radius:4px;
  background-color:#fff;
  padding:20px 40px;
  line-height:1.42857;
  color:#68737d;
  font-size:14px;
}

.c-callout__title{
  display:block;
  margin:0;
  color:#2f3941;
  font-weight:600;
}

.c-callout__paragraph{
  margin:10px 0 0;
}

.c-callout.is-rtl{
  direction:rtl;
}

:root{
  --zd-callout__close-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-grey-600)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
  --zd-callout__close-position:4px;
  --zd-callout__close-size:28px;
  --zd-callout__close-transition:background-color .1s ease-in-out;
  --zd-callout__close-focused-background-color:color-mod(var(--zd-color-grey-600) alpha(15%));
  --zd-callout__close-hovered-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-grey-800)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
  --zd-callout__close__icon-background-size:12px;
  --zd-callout__close__icon-transition:opacity .25s ease-in-out;
  --zd-callout--error__close-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-red-500)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
  --zd-callout--error__close-focused-background-color:color-mod(var(--zd-color-red-600) alpha(15%));
  --zd-callout--error__close-hovered-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-red-800)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
  --zd-callout--success__close-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-green-500)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
  --zd-callout--success__close-focused-background-color:color-mod(var(--zd-color-green-600) alpha(15%));
  --zd-callout--success__close-hovered-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-green-800)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
  --zd-callout--warning__close-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-yellow-700)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
  --zd-callout--warning__close-focused-background-color:color-mod(var(--zd-color-yellow-700) alpha(15%));
  --zd-callout--warning__close-hovered-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='var(--zd-color-yellow-800)' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout__close{
  display:block;
  position:absolute;
  top:4px;
  right:4px;
  transition:background-color .1s ease-in-out;
  border:none;
  border-radius:50%;
  background-color:transparent;
  cursor:pointer;
  width:28px;
  height:28px;
  overflow:hidden;
  -webkit-text-decoration:none;
  text-decoration:none;
  font-size:0;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.c-callout__close:after,.c-callout__close:before{
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:opacity .25s ease-in-out;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:12px;
  content:"";
}

.c-callout__close:before{
  opacity:1;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%2368737d' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout__close:after{
  opacity:0;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%232f3941' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout__close.is-focused:before,.c-callout__close.is-hovered:before,.c-callout__close:focus:before,.c-callout__close:hover:before{
  opacity:0;
}

.c-callout__close.is-focused:after,.c-callout__close.is-hovered:after,.c-callout__close:focus:after,.c-callout__close:hover:after{
  opacity:1;
}

.c-callout__close.is-focused,.c-callout__close:focus{
  outline:none;
  background-color:color-mod(#68737d alpha(15%));
}

.c-callout.is-rtl .c-callout__close{
  right:auto;
  left:4px;
}

.c-callout--error:not(.c-callout--dialog) .c-callout__close:before{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%23d93f4c' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout--error:not(.c-callout--dialog) .c-callout__close:after{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%23681219' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout--success:not(.c-callout--dialog) .c-callout__close:before{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%23228f67' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout--success:not(.c-callout--dialog) .c-callout__close:after{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%230b3b29' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout--warning:not(.c-callout--dialog) .c-callout__close:before{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%23ad5918' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout--warning:not(.c-callout--dialog) .c-callout__close:after{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' color='%23703815' viewBox='0 0 12 12'%3E%3Cpath stroke='currentColor' stroke-linecap='round' d='m3 9 6-6m0 6L3 3'/%3E%3C/svg%3E");
}

.c-callout--error:not(.c-callout--dialog) .c-callout__close.is-focused,.c-callout--error:not(.c-callout--dialog) .c-callout__close:focus{
  background-color:color-mod(#cc3340 alpha(15%));
}

.c-callout--success:not(.c-callout--dialog) .c-callout__close.is-focused,.c-callout--success:not(.c-callout--dialog) .c-callout__close:focus{
  background-color:color-mod(#038153 alpha(15%));
}

.c-callout--warning:not(.c-callout--dialog) .c-callout__close.is-focused,.c-callout--warning:not(.c-callout--dialog) .c-callout__close:focus{
  background-color:color-mod(#ad5918 alpha(15%));
}

.c-callout .c-callout__close.is-focused:active,.c-callout .c-callout__close:focus:active{
  background-color:transparent;
}

:root{
  --zd-callout--alert-padding:50px;
  --zd-callout--alert-background-position-x:24px;
  --zd-callout--alert-background-position-y:22px;
  --zd-callout--alert-background-position:var(--zd-callout--alert-background-position-x) var(--zd-callout--alert-background-position-y);
  --zd-callout--alert-background-position-rtl:calc(100% - var(--zd-callout--alert-background-position-x)) var(--zd-callout--alert-background-position-y);
  --zd-callout--dialog-background-color:var(--zd-callout-background-color);
  --zd-callout--dialog-box-shadow:0 20px 28px 0 color-mod(var(--zd-color-kale-600) alpha(15%));
  --zd-callout--dialog--alert-border-color:var(--zd-callout-border-color);
  --zd-callout--dialog--alert-color:var(--zd-color-grey-700);
  --zd-callout--dialog--error__title-color:var(--zd-color-red-600);
  --zd-callout--dialog--success__title-color:var(--zd-color-green-600);
  --zd-callout--dialog--warning__title-color:var(--zd-color-yellow-700);
  --zd-callout--error-background-color:var(--zd-color-red-100);
  --zd-callout--error-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='var(--zd-color-red-600)' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='currentColor'%3E%3Ccircle cx='7.5' cy='8.5' r='7'/%3E%3Cpath stroke-linecap='round' d='M7.5 4.5V9'/%3E%3C/g%3E%3Ccircle cx='7.5' cy='12' r='1' fill='currentColor'/%3E%3C/svg%3E");
  --zd-callout--error-border-color:var(--zd-color-red-300);
  --zd-callout--error-color:var(--zd-color-red-700);
  --zd-callout--error__title-color:var(--zd-color-red-800);
  --zd-callout--info-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='var(--zd-color-grey-600)' viewBox='0 0 16 16'%3E%3Cg stroke='currentColor'%3E%3Ccircle cx='7.5' cy='8.5' r='7' fill='none'/%3E%3Cpath stroke-linecap='round' d='M7.5 12.5V8'/%3E%3C/g%3E%3Ccircle cx='7.5' cy='5' r='1' fill='currentColor'/%3E%3C/svg%3E");
  --zd-callout--recessed-background-color:var(--zd-color-grey-100);
  --zd-callout--success-background-color:var(--zd-color-green-100);
  --zd-callout--success-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='var(--zd-color-green-600)' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4 9 2.5 2.5 5-5'/%3E%3Ccircle cx='7.5' cy='8.5' r='7'/%3E%3C/g%3E%3C/svg%3E");
  --zd-callout--success-border-color:var(--zd-color-green-300);
  --zd-callout--success-color:var(--zd-color-green-700);
  --zd-callout--success__title-color:var(--zd-color-green-800);
  --zd-callout--warning-background-color:var(--zd-color-yellow-100);
  --zd-callout--warning-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='var(--zd-color-yellow-700)' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' d='M.88 13.77 7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5'/%3E%3Ccircle cx='7.5' cy='12' r='1' fill='currentColor'/%3E%3C/svg%3E");
  --zd-callout--warning-border-color:var(--zd-color-yellow-300);
  --zd-callout--warning-color:var(--zd-color-yellow-700);
  --zd-callout--warning__title-color:var(--zd-color-yellow-800);
}

.c-callout--recessed{
  background-color:#f8f9f9;
}

.c-callout--info{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='%2368737d' viewBox='0 0 16 16'%3E%3Cg stroke='currentColor'%3E%3Ccircle cx='7.5' cy='8.5' r='7' fill='none'/%3E%3Cpath stroke-linecap='round' d='M7.5 12.5V8'/%3E%3C/g%3E%3Ccircle cx='7.5' cy='5' r='1' fill='currentColor'/%3E%3C/svg%3E");
}

.c-callout--error{
  border-color:#f5b5ba;
  background-color:#fff0f1;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='%23cc3340' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='currentColor'%3E%3Ccircle cx='7.5' cy='8.5' r='7'/%3E%3Cpath stroke-linecap='round' d='M7.5 4.5V9'/%3E%3C/g%3E%3Ccircle cx='7.5' cy='12' r='1' fill='currentColor'/%3E%3C/svg%3E");
  color:#8c232c;
}

.c-callout--success{
  border-color:#aecfc2;
  background-color:#edf8f4;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='%23038153' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4 9 2.5 2.5 5-5'/%3E%3Ccircle cx='7.5' cy='8.5' r='7'/%3E%3C/g%3E%3C/svg%3E");
  color:#186146;
}

.c-callout--warning{
  border-color:#fed6a8;
  background-color:#fff7ed;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' color='%23ad5918' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' d='M.88 13.77 7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5'/%3E%3Ccircle cx='7.5' cy='12' r='1' fill='currentColor'/%3E%3C/svg%3E");
  color:#ad5918;
}

.c-callout--error,.c-callout--info,.c-callout--success,.c-callout--warning{
  background-repeat:no-repeat;
  background-position:24px 22px;
  padding-left:50px;
}

.c-callout--dialog{
  box-shadow:0 20px 28px 0 color-mod(#17494d alpha(15%));
}

.c-callout--dialog.c-callout--error,.c-callout--dialog.c-callout--success,.c-callout--dialog.c-callout--warning{
  border-color:#d8dcde;
  background-color:#fff;
  color:#49545c;
}

.c-callout--error .c-callout__title{
  color:#681219;
}

.c-callout--success .c-callout__title{
  color:#0b3b29;
}

.c-callout--warning .c-callout__title{
  color:#703815;
}

.c-callout--dialog.c-callout--error .c-callout__title{
  color:#cc3340;
}

.c-callout--dialog.c-callout--success .c-callout__title{
  color:#038153;
}

.c-callout--dialog.c-callout--warning .c-callout__title{
  color:#ad5918;
}

.c-callout--error.is-rtl,.c-callout--info.is-rtl,.c-callout--success.is-rtl,.c-callout--warning.is-rtl{
  background-position:calc(100% - 24px) 22px;
  padding-right:50px;
  padding-left:40px;
}