/*!
 * 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;
}

.c-btn{
  display:inline-block;
  transition:border-color .25s ease-in-out,box-shadow .1s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;
  margin:0;
  border:1px solid transparent;
  border-radius:4px;
  cursor:pointer;
  overflow:hidden;
  vertical-align:middle;
  text-align:center;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:inherit;
  font-weight:400;
  -webkit-font-smoothing:subpixel-antialiased;
  box-sizing:border-box;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  -webkit-touch-callout:none;
}

.c-btn--pill{
  border-radius:100px;
}

.c-btn--anchor{
  display:inline;
  border:none;
  border-radius:0;
  vertical-align:baseline;
  white-space:normal;
  font-weight:inherit;
}

.c-btn::-moz-focus-inner{
  border:0;
  padding:0;
}

.c-btn.is-hovered,.c-btn:hover{
  -webkit-text-decoration:none;
  text-decoration:none;
}

.c-btn--anchor.is-hovered,.c-btn--anchor:hover{
  -webkit-text-decoration:underline;
  text-decoration:underline;
}

.c-btn:focus{
  outline:none;
}

.c-btn:focus-visible{
  -webkit-text-decoration:none;
  text-decoration:none;
}

.c-btn.is-focused{
  -webkit-text-decoration:none;
  text-decoration:none;
}

.c-btn--anchor:focus-visible{
  -webkit-text-decoration:underline;
  text-decoration:underline;
}

.c-btn--anchor.is-focused{
  -webkit-text-decoration:underline;
  text-decoration:underline;
}

.c-btn.is-active,.c-btn:active{
  transition:border-color .1s ease-in-out,background-color .1s ease-in-out,color .1s ease-in-out;
  -webkit-text-decoration:none;
  text-decoration:none;
}

.c-btn--anchor.is-active,.c-btn--anchor:active{
  -webkit-text-decoration:underline;
  text-decoration:underline;
}

.c-btn.is-disabled,.c-btn:disabled{
  cursor:default;
}

.c-btn--anchor.is-disabled,.c-btn--anchor:disabled{
  -webkit-text-decoration:none;
  text-decoration:none;
}

:root{
  --zd-btn-height:40px;
  --zd-btn-line-height:calc(var(--zd-btn-height) - 2px);
  --zd-btn-padding:1.92857em;
  --zd-btn--lg-height:48px;
  --zd-btn--lg-line-height:calc(var(--zd-btn--lg-height) - 2px);
  --zd-btn--lg-padding:1.92857em;
  --zd-btn--sm-height:32px;
  --zd-btn--sm-line-height:calc(var(--zd-btn--sm-height) - 2px);
  --zd-btn--sm-padding:2.25em;
}

.c-btn{
  padding:0 1.92857em;
  height:40px;
  line-height:38px;
  font-size:14px;
}

.c-btn--full{
  width:100%;
}

.c-btn--lg{
  padding:0 1.92857em;
  height:48px;
  line-height:46px;
}

.c-btn--sm{
  padding:0 2.25em;
  height:32px;
  line-height:30px;
  font-size:12px;
}

.c-btn--icon{
  padding:0;
  width:40px;
}

.c-btn--icon.c-btn--lg{
  width:48px;
}

.c-btn--icon.c-btn--sm{
  width:32px;
}

.c-btn--anchor{
  padding:0;
  height:auto;
  line-height:normal;
  font-size:inherit;
}

:root{
  --zd-btn-color:var(--zd-color-blue-600);
  --zd-btn-color_hover:var(--zd-color-blue-700);
  --zd-btn-color_active:var(--zd-color-blue-800);
  --zd-btn-box-shadow:0 0 0 3px color-mod(var(--zd-btn-color) alpha(35%));
  --zd-btn--danger-color:var(--zd-color-red-600);
  --zd-btn--danger-color_hover:var(--zd-color-red-700);
  --zd-btn--danger-color_active:var(--zd-color-red-800);
  --zd-btn--danger-box-shadow:0 0 0 3px color-mod(var(--zd-btn--danger-color) alpha(35%));
}

.c-btn{
  border-color:#1f73b7;
  background-color:transparent;
  color:#1f73b7;
}

.c-btn--danger{
  border-color:#cc3340;
  color:#cc3340;
}

.c-btn--primary{
  border-color:transparent;
  background-color:#1f73b7;
  color:#fff;
}

.c-btn--primary.c-btn--danger{
  background-color:#cc3340;
}

.c-btn--basic{
  border-color:transparent;
}

.c-btn--basic.c-btn--icon{
  border:none;
  color:#68737d;
}

.c-btn--anchor{
  border-color:transparent;
}

.c-btn.is-hovered,.c-btn:hover{
  border-color:#144a75;
  background-color:color-mod(#1f73b7 alpha(8%));
  color:#144a75;
}

.c-btn--danger.is-hovered,.c-btn--danger:hover{
  border-color:#8c232c;
  background-color:color-mod(#cc3340 alpha(8%));
  color:#8c232c;
}

.c-btn--primary.is-hovered,.c-btn--primary:hover{
  border-color:transparent;
  background-color:#144a75;
  color:#fff;
}

.c-btn--primary.c-btn--danger.is-hovered,.c-btn--primary.c-btn--danger:hover{
  background-color:#8c232c;
}

.c-btn--basic.is-hovered,.c-btn--basic:hover{
  border-color:transparent;
}

.c-btn--basic.c-btn--icon.is-hovered,.c-btn--basic.c-btn--icon:hover{
  color:#49545c;
}

.c-btn--anchor.is-hovered,.c-btn--anchor:hover{
  border-color:transparent;
  background-color:transparent;
}

.c-btn:focus-visible{
  box-shadow:0 0 0 3px color-mod(#1f73b7 alpha(35%));
}

.c-btn.is-focused{
  box-shadow:0 0 0 3px color-mod(#1f73b7 alpha(35%));
}

.c-btn--focus-inset:focus-visible{
  box-shadow:inset 0 0 0 3px color-mod(#1f73b7 alpha(35%));
}

.c-btn--focus-inset.is-focused{
  box-shadow:inset 0 0 0 3px color-mod(#1f73b7 alpha(35%));
}

.c-btn--danger:focus-visible{
  box-shadow:0 0 0 3px color-mod(#cc3340 alpha(35%));
}

.c-btn--danger.is-focused{
  box-shadow:0 0 0 3px color-mod(#cc3340 alpha(35%));
}

.c-btn--danger.c-btn--focus-inset:focus-visible{
  box-shadow:inset 0 0 0 3px color-mod(#cc3340 alpha(35%));
}

.c-btn--danger.c-btn--focus-inset.is-focused{
  box-shadow:inset 0 0 0 3px color-mod(#cc3340 alpha(35%));
}

.c-btn--primary.c-btn--focus-inset:focus-visible{
  box-shadow:inset 0 0 0 3px color-mod(#fff alpha(35%));
}

.c-btn--primary.c-btn--focus-inset.is-focused{
  box-shadow:inset 0 0 0 3px color-mod(#fff alpha(35%));
}

.c-btn--anchor.c-btn--anchor:focus-visible{
  box-shadow:none;
}

.c-btn--anchor.c-btn--anchor.is-focused{
  box-shadow:none;
}

.c-btn.is-active,.c-btn:active{
  border-color:#0f3554;
  background-color:color-mod(#1f73b7 alpha(20%));
  color:#0f3554;
}

.c-btn--danger.is-active,.c-btn--danger:active{
  border-color:#681219;
  background-color:color-mod(#cc3340 alpha(20%));
  color:#681219;
}

.c-btn--primary.is-active,.c-btn--primary:active{
  border-color:transparent;
  background-color:#0f3554;
  color:#fff;
}

.c-btn--primary.c-btn--danger.is-active,.c-btn--primary.c-btn--danger:active{
  background-color:#681219;
}

.c-btn--basic.is-active,.c-btn--basic:active{
  border-color:transparent;
}

.c-btn--basic.c-btn--icon.is-active,.c-btn--basic.c-btn--icon:active{
  color:#2f3941;
}

.c-btn--anchor.is-active,.c-btn--anchor:active{
  border-color:transparent;
  background-color:transparent;
}

.c-btn.is-disabled,.c-btn:disabled{
  border-color:transparent;
  background-color:#e9ebed;
  color:#c2c8cc;
}

.c-btn--anchor.is-disabled,.c-btn--anchor:disabled{
  background-color:transparent;
}

.c-btn__icon{
  transition:transform .25s ease-in-out;
  width:16px;
  height:16px;
  vertical-align:middle;
}

.c-btn--lg .c-btn__icon{
  width:24px;
  height:24px;
}

.c-btn__icon.is-rotated{
  transform:rotate(180deg);
}

.is-rtl .c-btn__icon.is-rotated{
  transform:rotate(-180deg);
}