.truncate-multiline--button,
.truncate-multiline--button-hidden {
  display: block !important;
  flex-shrink: 0 !important;
}

.truncate-multiline--button-hidden {
  display: none !important;
}

.truncate-multiline--last-line {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100% !important;
}

.truncate-multiline--last-line-wrapper {
  display: flex !important;
}

.truncate-multiline--visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    height: initial;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-basic-dropdown-content-wormhole-origin {
  display: inline; }

.ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none; }

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */ }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee; }
  .ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999; }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px; }
  .ember-power-select-search-input:focus {
    border: 1px solid #aaaaaa;
    box-shadow: none; }

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit; }

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    -webkit-overflow-scrolling: touch;
    max-height: 12.25em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed; }

.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed; }

.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd; }

.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee; }

.ember-power-select-trigger {
  padding: 0 16px 0 0; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
    margin-right: 8px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
    left: 5px;
    right: initial; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
    left: 25px;
    right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

/* styles for @salsify/base-styles/typography.css */
._header_1iwhdw {
  margin: 0 0 24px 0;
  color: #555;
  font-weight: normal;
  text-shadow: 0 1px 0 #fff;
}

._title_1iwhdw {
  font-weight: lighter;
}

._h1_1iwhdw {
  font-size: 2.2em;
}

._h2_1iwhdw {
  font-size: 2em;
}

._h3_1iwhdw {
  font-size: 1.7em;
}

._h4_1iwhdw {
  font-size: 1.4em;
}

/* styles for @salsify/base-styles/forms.css */
._input_1wfvcy {
  height: 32px;
  min-height: 32px;
  padding: 7px 16px;
  color: #626d73;
  border-radius: 4px;
  font-size: 13px;
  font-family: proxima-nova, sans-serif;

  border: 1px solid #ccd4d7;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s,
              box-shadow linear 0.2s;
}

._input_1wfvcy:focus {
    outline: 0;
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
                0 0 8px rgba(82, 168, 236, 0.6);
  }

/* styles for @salsify/base-styles/colors.css */
/* Grays */ /* aji100 */ /* aji300 */ /* aji800 */ /* aji900 */

/* Blues */ /* brand500 */ /* adjuma50 */ /* adjuma500 */ /* adjuma700 */

/* Yellows */ /* fresno50 */ /* fresno500 */ /* fresno700 */

/* Reds */ /* covincho50 */ /* covincho500 */ /* covincho700 */

/* Greens */ /* locoto50 */ /* locoto500 */ /* locoto700 */

/* styles for @salsify/base-styles/buttons.css */
._-button_1rc5kh {
  border: 0;
  display: inline-block;
  min-height: 32px;

  /* Safari likes buttons to have a margin, for some reason. */
  margin: 0;

  font-size: 13px;
  font-family: proxima-nova, sans-serif;

  cursor: pointer;

  border-radius: 3px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);

  transition:
    color 100ms linear,
    border-color 100ms linear,
    background-color 100ms linear;
}

._-button_1rc5kh + ._-button_1rc5kh {
    margin-left: 16px; /* margin between adjacent buttons */
  }

/* global disabled class for legacy purposes */

._-button_1rc5kh .disabled,
  ._-button_1rc5kh:disabled {
    box-shadow: none;
    cursor: default;
  }

/* special case button links (which we apparently have a lot of) */

a._-button_1rc5kh:hover,
  ._-button_1rc5kh > a:hover {
    color: inherit;
  }

._primary_1rc5kh,
._secondary_1rc5kh,
._text_1rc5kh,
._approval_1rc5kh,
._warning_1rc5kh,
._danger_1rc5kh,
._segmented_1rc5kh {
  min-width: 120px;
  padding: 7px 24px;
}

._primary-icon_1rc5kh,
._secondary-icon_1rc5kh {
  width: 32px;
}


._primary_1rc5kh,
._primary-icon_1rc5kh,
._approval_1rc5kh,
._warning_1rc5kh,
._danger_1rc5kh,
._segmented_1rc5kh {
  color: #fff;
}


._primary_1rc5kh .disabled,
  ._primary_1rc5kh:disabled,
  ._primary-icon_1rc5kh .disabled,
  ._primary-icon_1rc5kh:disabled,
  ._approval_1rc5kh .disabled,
  ._approval_1rc5kh:disabled,
  ._warning_1rc5kh .disabled,
  ._warning_1rc5kh:disabled,
  ._danger_1rc5kh .disabled,
  ._danger_1rc5kh:disabled,
  ._segmented_1rc5kh .disabled,
  ._segmented_1rc5kh:disabled {
    border: 1px solid #ccd4d7;
    background-color: #ccd4d7;
  }

._primary_1rc5kh,
._primary-icon_1rc5kh {
  background-color: #53baea;
  border: 1px solid #53baea;
}

._primary_1rc5kh:hover:not(:disabled), ._primary-icon_1rc5kh:hover:not(:disabled) {
    background-color: #0892c0;
  }

._secondary_1rc5kh,
._secondary-icon_1rc5kh {
  color: #53baea;
  background-color: #fff;
  border: 1px solid #53baea;
}

._secondary_1rc5kh:hover:not(:disabled), ._secondary-icon_1rc5kh:hover:not(:disabled) {
    color: #0892c0;
    border-color: #0892c0;
  }

._secondary_1rc5kh .disabled,
  ._secondary_1rc5kh:disabled,
  ._secondary-icon_1rc5kh .disabled,
  ._secondary-icon_1rc5kh:disabled {
    border: 1px solid #ccd4d7;
    color: #ccd4d7;
  }

._text_1rc5kh {
  color: #53baea;
  background-color: transparent;
  border: 1px solid #fff;
  box-shadow: none;
}

._text_1rc5kh:hover:not(:disabled) {
    color: #0892c0;
  }

._text_1rc5kh .disabled,
  ._text_1rc5kh:disabled {
    color: #ccd4d7;
  }

._text_1rc5kh:focus {
    outline: none;
  }

._approval_1rc5kh {
  background-color: #44dab0;
  border: 1px solid #44dab0;
}

._approval_1rc5kh:hover:not(:disabled) {
    background-color: #36ad8b;
    border-color: #36ad8b;
  }

._approval_1rc5kh:focus {
    outline: #36ad8b auto 5px;
  }

._warning_1rc5kh {
  background-color: #eace53;
  border: 1px solid #eace53;
}

._warning_1rc5kh:hover:not(:disabled) {
    background-color: #baa342;
    border-color: #baa342;
  }

._warning_1rc5kh:focus {
    outline: #baa342 auto 5px;
  }

._danger_1rc5kh {
  background-color: #dd3352;
  border: 1px solid #dd3352;
}

._danger_1rc5kh:hover:not(:disabled) {
    background-color: #ae2840;
    border-color: #ae2840;
  }

._danger_1rc5kh:focus {
    outline: #ae2840 auto 5px;
  }

._segmented_1rc5kh {
  background-color: #fff;
  border: 1px solid #666;
  color: #666;
}

._segmented_1rc5kh:hover:not(:disabled) {
    background-color: #eee;
    border-color: #999;
  }

._segmented_1rc5kh._active_1rc5kh {
    background-color: #DFF4F9;
  }


._icon-left_1rc5kh {
  margin-right: .4em;
}

._icon-right_1rc5kh {
  margin-left: .4em;
}

/* styles for @salsify/base-styles/dropdown-menus.css */
._dropdown-menu_1duw27 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: white;
}

._menu-item_1duw27 {
  padding: 3px 20px;
  white-space: nowrap;
  cursor: pointer;
  color: #626d73;
  display: block;
}

._menu-item_1duw27:hover {
    background-color: #53baea;
    color: white;
  }

._disabled-menu-item_1duw27 {
  color: #ccd4d7;
}

._disabled-menu-item_1duw27:hover {
    background-color: transparent;
    color: #ccd4d7;
    cursor: not-allowed;
  }

/* styles for @salsify/base-styles/layout.css */
html,
body {
  height: 100%;

  margin: 0;
  padding: 0;
  box-sizing: border-box;

  line-height: 1.2;
  font-size: 13px;
  font-family: proxima-nova, sans-serif;

  color: #333;
}

* {
  box-sizing: inherit;
}

/* styles for @salsify/base-styles/links.css */
a, ._link_1qbj62 {
  color: #2276c5;
  cursor: pointer;
}

a:hover, ._link_1qbj62:hover {
    color: #1a5c9a;
  }

._icon-link_1qbj62 {
  font-size: 16px;
  color: #ccd4d7;
  cursor: pointer;
}

._icon-link_1qbj62:hover {
    color: #626d73;
  }





/* styles for @salsify/base-styles/percy.css */
@-moz-document domain(proxyme.percy.io) {
    .percy-transparent {
      opacity: 0;
    }

    /* prefer percy-transparent, only use this if block size is dynamic and causes
     * visible elements to move
     */
    .percy-hidden {
      display: none;
    }
}

/* unfortunately css does not handle OR-ing @document selectors with other selectors
* requiring this duplication
*/
[percy-enabled="true"] .percy-transparent {
      opacity: 0;
    }
[percy-enabled="true"] .percy-hidden {
      display: none;
    }

/* styles for @salsify/habanero/typography.css */
/** @deprecated Use fontWeightSemibold instead. */

/* styles for @salsify/habanero/colors.css */
/* Base */

/* Brand */

/* Adjuma (Contrast Blue) */

/* Aji (Gray) */

/* Cascabel (Violet) */

/* Locoto (Turquoise) */

/* Kambuzi (Green) */

/* Hainan (Yellow-Green) */

/* Chilaca (Magenta) */

/* Datil (Orange) */

/* Chipotle (Pink) */

/* Convincho (Red) */

/* Fresno (Yellow) */

/* styles for @salsify/habanero/spacing.css */


/* styles for @salsify/habanero/base-styles.css */
/* Form Styles */

._ellipsis_1lqj3s {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

._error-text_1lqj3s {
  color: #dd3352;
  margin-top: 4px;
  font-size: 14px;
}

._screen-reader-only_1lqj3s {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0 0, 0 0, 0 0);
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  overflow: hidden !important;
}

._button_1lqj3s {
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  vertical-align: middle;
}

._button_1lqj3s:focus {
  outline: none;
}

._button_1lqj3s:focus:after {
  border: 1px dashed #1c1e1f;
  content: ' ';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 4px;
}

._button_1lqj3s[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

._secondary-button_1lqj3s {
  background: white;
  color: #1c1e1f;
  border-color: #ccd4d7;
}

._secondary-button_1lqj3s:hover {
  background: #eaedef;
}

._secondary-button_1lqj3s:focus {
  background: #eaedef;
}

._loading-spinner_1lqj3s {
  animation: _loading_1lqj3s 3500ms linear forwards infinite;
  background-repeat: no-repeat;
  height: 24px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 24px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGeSURBVHgBrZPPK0RRFMe/d+aNmVAUZRZ2io2NJjbSZK1kb2nnP7CztLBhYaHUbOR/UJINokgWtvKjMYnIrzA83+Odca9hmJn3vvXpvNe753zPPfc+gz/k+36KIUt6SAdJkwZSJOdkl2wbYwqVapgKhVsZxki3FkxoFJLOc+nbGsnR6OJfAxbPaNfNmpx0DFL6Xm4iPJMlmqxUNGDxAYZBLeg5HZ+QS5IncQSj6iOZsgYkZ5EmCz8MWLyXYUgLJJRjssqEG/wi5ojRBIJxek5jM8zJfRlwoYxjlDTqAmGTi/ZQhZg/zjDlGNyTEeafxXSNdC/Pr+SFbFRb/LNLY5YZZmF33kbm5FuM7tJ1pxYWjphwiBqlI1mHPY8sa7dI12mnuNyEA9SvaXy/1pNi0A47mjw7eUSdYu4pww6CmyVnMSwGKdgdFBBeW7D/RpcY+LDjeUB4zZN9ckVynhaHGr0hpPSf6S+9i4F0Ldt5RzC7SCUGT/osBnFELDmDW9hbFOfd9RChxOBaDUpEOqYYD0VGc+cYFBG1OBZDmkgCEesDk4N4ckREK0oAAAAASUVORK5CYII=');
}

@keyframes _loading_1lqj3s {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1440deg);
  }
}

._dropdown-section-header_1lqj3s {
  font-size: 12px;
  font-variant: small-caps;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 8px 16px;
  text-transform: lowercase;
  user-select: none;
}

/* styles for @salsify/habanero/components/accordion.css */
._section_1q40iw {
  border-top: 1px solid #ccd4d7;
}
._section_1q40iw:hover,
._section_1q40iw:hover + ._section_1q40iw {
  border-top-color: #2276c5;
}

._section_1q40iw:last-child {
  border-bottom: 1px solid #ccd4d7;
}
._section_1q40iw:last-child:hover {
  border-bottom-color: #2276c5;
}

/* styles for @salsify/habanero/elevation.css */
/* z-index topography */

/* Tooltip */
/* Dropdowns */

/* Contextual Frames */

/* Modal */
/* Modal Tooltip */
/* Modal Dropdown */


/* Box Shadows */

/* styles for @salsify/habanero/components/ai-library/action-card.css */
._action-card_6xr7r5 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background-color: white;
  border: 1px solid #ccd4d7;
  border-radius: 28px;
  cursor: pointer;
  box-shadow: 0px -1px 8px rgba(124, 139, 146, 0.15), 0px 4px 8px rgba(124, 139, 146, 0.18), 0px 4px 4px rgba(124, 139, 146, 0.18);
}

._action-card_6xr7r5:hover {
  background-color: #eaedef;
}

._content_6xr7r5 {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}

._icon-wrapper_6xr7r5 {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #e2d7fa;
  border-radius: 50%;
}

._main-icon_6xr7r5 {
  transform: scale(1.5);
}

._label-area_6xr7r5 {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

._label_6xr7r5 {
  font-size: 14px;
  font-weight: 600;
}

._action-icon_6xr7r5 {
  flex-shrink: 0;
  margin: 0 8px;
}

/* styles for @salsify/habanero/components/ai-library/action-pill.css */
._action-pill_14o9kc {
  position: relative;
}

._action-pill_14o9kc._disabled_14o9kc {
  pointer-events: none;
}

._loading-overlay_14o9kc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccd4d7;
  border-radius: 4px;
}

._loading-spinner_14o9kc {
  width: 16px;
  height: 16px;
  background-size: 16px;
}

._disabled_14o9kc {
  color: #a7b5bb;
}

/* styles for @salsify/habanero/components/ai-library/button.css */
._ai-button_c3ncb4 > button {
  background-color: #8252ea;
  border-color: #8252ea;
  color: white;
}

._ai-button_c3ncb4 > button:focus,
._ai-button_c3ncb4 > button:hover {
  background-color: #764ad2;
  border-color: #764ad2;
}

._ai-button_c3ncb4 > button:active {
  background-color: #6741b8;
  border-color: #6741b8;
}

._ai-button_c3ncb4._active_c3ncb4 > button {
  background: #6741b8;
  border-color: #e2d7fa;
}

/* Tertiary styles */
._ai-button_c3ncb4._tertiary_c3ncb4 > button {
  background-color: white;
  border-color: white;
  color: #8252ea;
}

._ai-button_c3ncb4._tertiary_c3ncb4 > button:focus,
._ai-button_c3ncb4._tertiary_c3ncb4 > button:hover {
  background-color: #f8f9f9;
  border-color: #f8f9f9;
  color: #764ad2;
}

._ai-button_c3ncb4._tertiary_c3ncb4 > button:disabled svg {
  /* button-base sets an icon color for disabled state, so the !important here is to be able to override that */
  color: #8252ea !important;
}

._ai-button_c3ncb4._tertiary_c3ncb4._active_c3ncb4 > button {
  background: #eaedef;
  border: 1px solid #a7b5bb;
  color: #6741b8;
}

/* styles for @salsify/habanero/components/ai-library/user-prompt.css */
._user-prompt_sng926 {
  display: flex;
  gap: 8px;
  align-items: baseline;
}

._message_sng926 {
  font-size: 14px;
  font-weight: 600;
}

/* styles for @salsify/habanero/components/avatar.css */
._avatar_1gjpfs {
  color: #ffffff;
  font-weight: 600;
}

/* styles for @salsify/habanero/components/badge.css */
._badge-button_1dd14p {
  background-color: #ffffff;
  border: 1px solid #a7b5bb;
  border-radius: 50%;
  padding: 3px;
  position: relative;
  transition: border 150ms ease-in-out;
}

._badge-button_1dd14p:not(._disabled_1dd14p) {
  cursor: pointer;
}

._keep-open_1dd14p {
  border: 1px solid #2276c5;
}

._badge-button_1dd14p > svg {
  /*
    inline-block elements (like <svg>) sit on the text baseline
    but since this is never paired with text we set it to block to fix
    alignment within the circle
  */
  display: block;
}

._badge-button_1dd14p:hover {
  border: 1px solid #2276c5;
}

._badge-button_1dd14p:hover > svg > * {
  color: #2276c5;
}

._badge-button_1dd14p:focus {
  outline: none;
}

._badge-button_1dd14p:not(._disabled_1dd14p):focus:after {
  border: 1px dashed #1c1e1f;
  content: ' ';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
}

._visually-hidden_1dd14p {
}

/* styles for @salsify/habanero/components/private/button-base.css */
._button-wrapper_19fr4e {
  align-items: center;
  box-sizing: border-box;
  display: inline;
  height: 32px;
  position: relative;
  user-select: none;
}

._button-wrapper_19fr4e._disabled_19fr4e {
  cursor: not-allowed;
}

._button_19fr4e {
}

._button_19fr4e._with-icon_19fr4e {
  padding-left: 8px;
  padding-right: 8px;
}

._button_19fr4e._with-icon-and-label_19fr4e ._icon_19fr4e {
  margin-right: 8px;
}

._icon_19fr4e {
  position: relative;
}

._icon-label_19fr4e {
  display: flex;
  align-items: center;
}

._primary_19fr4e {
  background: #53baea;
  border-color: #53baea;
  color: #ffffff;
}

._primary_19fr4e._active_19fr4e {
  background: #4193b9;
  border-color: #d1ecf9;
}

._primary_19fr4e:hover {
  background: #4ba8d3;
}

._primary_19fr4e:focus {
  background: #4ba8d3;
}

._secondary_19fr4e._active_19fr4e {
  background: #ccd4d7;
  border-color: #a7b5bb;
}

._secondary_19fr4e {
}

._tertiary_19fr4e {
  background-color: #ffffff;
  color: #1c1e1f;
}

._tertiary_19fr4e._active_19fr4e {
  background-color: #eaedef;
  border-color: #a7b5bb;
}

._tertiary_19fr4e:hover {
  background: #eaedef;
}

._tertiary_19fr4e:focus {
  background: #eaedef;
  border-color: #eaedef;
}

._destructive_19fr4e {
  background: #dd3352;
  border-color: #dd3352;
  color: #ffffff;
}

._destructive_19fr4e._active_19fr4e {
  background: #ae2840;
  border-color: #f8d5db;
}

._destructive_19fr4e:hover {
  background: #c72e4a;
}

._destructive_19fr4e:focus {
  background: #c72e4a;
}

._loading-spinner_19fr4e {
}

._secondary_19fr4e ._loading-spinner_19fr4e, ._tertiary_19fr4e ._loading-spinner_19fr4e {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKKSURBVHgBrVTPaxNREJ6Z93azJG3SoCEttjVF8AeoB4PequhV0Hr26M3/wJtHz9689eyfIHgSqli0inpTia5JbUVotkltsrtv/DaWItVKbfPBYx+zvJnv+2beY/oHarVakKZ0SdmdYDZVdW6cmHxWTZxwUxwv9nobz1ZXV1d2y8G7JB6LU5oTdseJ2Vdlj8n5ij0p5dSpzyiE44gp/snjntD8t0bj685cZmdgenq6nji6wawVJGZhMk5VHKmwsgUly8xWCV/iX3vVU5boeqlYjKMoertrgcmZmQtgPAtmniIDDosiMZF+xP6dYXpCxiyJ8mditcpyhClTg0JEBRW5WBorSdRuL/5hUXVq6rRPZhZsDIh7sMBTcg1P5FGj0Vijv6BSq40Hqrdg25wbKMrOkBV198IwnN8uUKlURnK5/DXoybMbSLZo7sLy8qeXtAdMTh69SUJ3INkjnMXqqEuvNpvNLwOLyuXyOTZ8CNUVTJQpXWi1wte0R0RR+81osbwBu65k9oJ2Ae6eQfyhmZiYyMPCOmRi8mC50PtmGL6g/8R6tPaqNFY+C34nB0qIZozIA0lTb1xF+w4r0aTn+v09M9+JNDZ38cEoazYkfn6kdFt83x0Wldio9MWYZWCD9olW60MIe55jqnIYkmykL0NBGmQKBCtWXaGDQvUphsTPlKAnx4SsxcXUPoK9gjFdOiCsyH2M5hLYf4eKeWuQHGGKCR3Y3EzpgNi6M+e3C8KvLuzBm2IdKudoyMATQj+cc2SYnfV9Q0OGTZKkzUFg4zhO0XGzVTShIcF0Op3NcrFYJFQyQZDkPS/udrsxDQl4KQl3q79urY39NI1XRkeHxv53cLVaLdTrdY+GjJ9lhyOncR3nxwAAAABJRU5ErkJggg==');
}

._icon-label_19fr4e._loading_19fr4e {
  visibility: hidden;
}

._badge_19fr4e {
  position: absolute;
  right: calc(-1 * 8px);
  bottom: calc(-1 * 8px);
}

/* styles for @salsify/habanero/components/brief-card.css */
._brief-card_509mxc._brief-card_509mxc {
  background: #ffffff;
  flex-direction: row;
  max-width: 500px;
  position: relative; /* Relative parent for absolute, hidden .button */
}

._main-content_509mxc {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  overflow: hidden;
  justify-content: center;
}

._title-and-pill_509mxc {
  display: flex;
  align-items: center;
  max-width: 100%;
}

._title_509mxc {
  color: #1c1e1f;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

._title_509mxc:not(:only-child) {
  margin-right: 12px;
}

._subtitle_509mxc {
  line-height: 20px;
  color: #1c1e1f;
  font-size: 14px;

  max-width: 100%;

  transition: height 500ms ease,
              margin-top 500ms ease,
              opacity 500ms ease;
  opacity: 1;
  margin-top: 8px;
}

._subtitle_509mxc ._not-truncated_509mxc span {
  /* TruncateMultiline incorrecly wraps un-truncated text */
  display: inline !important;
}

._brief-card_509mxc[data-hover=true][data-has-button=true] ._subtitle_509mxc {
  height: 0;
  opacity: 0;
  margin-top: 0;
}

._button_509mxc {
  display: flex;
  align-items: center;
  margin-left: 8px;

  transition: margin-top 500ms ease,
              opacity 500ms ease,
              position 500ms ease;
  margin-top: 8px;
  opacity: 0;
  position: absolute;
  right: 16px; /* Match card padding variation */
  top: calc(50% - 32px / 2); /* vertically center to match its visible, non-absolute state */
}

._brief-card_509mxc[data-hover=true][data-has-button=true] ._button_509mxc {
  margin-top: 0;
  opacity: 1;
  position: static;
}

/* styles for @salsify/habanero/components/brief-card/graphic.css */
._graphic_hrw3eh {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  border-radius: 4px;
  box-sizing: border-box;
}

._graphic_hrw3eh._small_hrw3eh {
  min-width: 16px;
  width: 16px;
  height: 16px;
  border: none;
}
._graphic_hrw3eh._small_hrw3eh:not(._has-subtitle_hrw3eh) {
  align-self: center;
}

._graphic_hrw3eh._large_hrw3eh {
  align-self: center;
  min-width: 48px;
  width: 48px;
  min-height: 48px;
  height: 48px;
  border: 1px solid;
}

/* styles for @salsify/habanero/components/checkbox-filter.css */
._checkbox-filter_udzt71 {
}

._check-wrapper_udzt71 {
  margin-right: 4px;
}

._selected_udzt71 {
  background-color: #f3f7fb;
  border-color: #ccdff1;
}

._disabled_udzt71 {
  background-color: #f8f9f9;
  color: #626d73;
  pointer-events: none;
}

._label_udzt71 {
  align-items: center;
  display: inline-flex;
}

/* styles for @salsify/habanero/components/checkbox.css */
._checkbox_urug5c {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  height: 16px;
  width: 16px;
  min-width: 16px; /* need min-width for flexbox */
  border: 1px solid #a7b5bb;
  border-radius: 4px;
  outline: none;
  background-color: #ffffff;
  cursor: pointer;
  margin: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

._checkbox_urug5c:after {
  display: inline-flex;
  content: '';
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="check - task"><path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M14.2934 2.12502L5.08874 11.482L1.70659 8.04391C1.54261 7.87722 1.27674 7.87722 1.11273 8.04391L0.122983 9.05003C-0.0409943 9.21672 -0.0409943 9.487 0.122983 9.65373L4.79179 14.3998C4.95576 14.5665 5.22164 14.5665 5.38565 14.3998L15.877 3.73483C16.041 3.56814 16.041 3.29786 15.877 3.13114L14.8873 2.12502C14.7233 1.95833 14.4574 1.95833 14.2934 2.12502Z" fill="currentColor"/></g></svg>');
  opacity: 0.0;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
}

._checkbox_urug5c:checked:after {
  opacity: 1.0;
  color: #1c1e1f;
}

._checkbox_urug5c._indeterminate_urug5c:after {
  display: inline-flex;
  content: '';
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Im9wZXJhdG9ycy9taW51cyAiPgo8cGF0aCBpZD0iSWNvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MTY3IDdIMS41ODMzM0MxLjI2MTA0IDcgMSA3LjI2MTA0IDEgNy41ODMzM1Y4Ljc1QzEgOS4wNzIyOSAxLjI2MTA0IDkuMzMzMzMgMS41ODMzMyA5LjMzMzMzSDE0LjQxNjdDMTQuNzM5IDkuMzMzMzMgMTUgOS4wNzIyOSAxNSA4Ljc1VjcuNTgzMzNDMTUgNy4yNjEwNCAxNC43MzkgNyAxNC40MTY3IDdaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9nPgo8L3N2Zz4K');
  opacity: 1.0;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  color: #1c1e1f;
}

._checkbox_urug5c:checked:disabled:after {
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="check - task"><path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M14.2934 2.12502L5.08874 11.482L1.70659 8.04391C1.54261 7.87722 1.27674 7.87722 1.11273 8.04391L0.122983 9.05003C-0.0409943 9.21672 -0.0409943 9.487 0.122983 9.65373L4.79179 14.3998C4.95576 14.5665 5.22164 14.5665 5.38565 14.3998L15.877 3.73483C16.041 3.56814 16.041 3.29786 15.877 3.13114L14.8873 2.12502C14.7233 1.95833 14.4574 1.95833 14.2934 2.12502Z" fill="rgb(167, 181, 187)"/></g></svg>');
}

._checkbox_urug5c._indeterminate_urug5c:disabled:after {
  color: #a7b5bb;
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="operators/minus "><path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M14.4167 7H1.58333C1.26104 7 1 7.26104 1 7.58333V8.75C1 9.07229 1.26104 9.33333 1.58333 9.33333H14.4167C14.739 9.33333 15 9.07229 15 8.75V7.58333C15 7.26104 14.739 7 14.4167 7Z" fill="rgb(167, 181, 187)"/></g></svg>');
}

._checkbox_urug5c:checked {
  border: 1px solid #2276c5;
}

._checkbox_urug5c._indeterminate_urug5c {
  border: 1px solid #2276c5;
}

._checkbox_urug5c._indeterminate_urug5c._error_urug5c:after {
  color: #dd3352;
}

._checkbox_urug5c:focus {
  outline: 1px dashed #1c1e1f;
}

._checkbox_urug5c:disabled {
  background-color: #f8f9f9;
  border: 1px solid #ccd4d7;
  cursor: auto;
}

._checkbox_urug5c._error_urug5c {
  border: 1px solid #dd3352;
}

._label-text_urug5c {
  margin-left: 4px;
}

._checkbox-with-label_urug5c {
  display: flex;
  align-items: center;
}

/**
 * When the checkbox is disabled, the text has a different color.
 */
 ._label-text_urug5c._disabled_urug5c {
  color: #a7b5bb;
}
/* styles for @salsify/habanero/components/circle-group.css */
._circle-group_f8zfyr {
  display: flex;
}

._circle-group_f8zfyr > *:not(:first-child) {
  margin-left: calc(-1 * 8px);
}

/* styles for @salsify/habanero/components/collapsible-content.css */
._header-container_1lpzi6 {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

._header-container_1lpzi6:hover {
  cursor: pointer;
  background-color: #f8f9f9;
}

._header-container_1lpzi6:hover ._icon-container_1lpzi6 {
  background-color: #e7f0f8;
  border-radius: 50%;
}

._icon-container_1lpzi6 {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

._icon-container_1lpzi6 > ._icon_1lpzi6 {
  color: #394043;
}

/* styles for @salsify/habanero/components/contextual-frame.css */
._contextual-frame_15vx4y {
  border: 1px solid #ccd4d7;
  border-radius: 8px;
  flex-direction: column;
  box-shadow: 0px -1px 12px rgba(124, 139, 146, 0.15), 0px 6px 12px rgba(124, 139, 146, 0.18), 0px 8px 8px rgba(124, 139, 146, 0.18);
  display: none;
  background-color: white;
  user-select: none;
  position: absolute;
}

._show_15vx4y {
  display: flex;
}

._in-front_15vx4y {
  z-index: 9;
}

._drag-handle_15vx4y {
  background-color: #ccd4d7;
  min-height: 24px;
  display: flex;
  justify-content: center;
  border-radius: 8px 8px 0 0;
  cursor: move;
  touch-action: none;
}

._drag-icon_15vx4y {
  transform: rotate(90deg);
  pointer-events: none;
}

._before-header_15vx4y {
  padding: 16px;
  background-color: #f3f7fb;
  font-size: 14px;
}

._header_15vx4y {
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

._header-left_15vx4y {
  display: flex;
  gap: 12px;
}

._actions_15vx4y {
  display: flex;
  gap: 4px;
}

._title_15vx4y {
  font-size: 18px;
  font-weight: 600;
}

._content_15vx4y {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  border-radius: 0 0 8px 8px;
}

._footer_15vx4y {
  height: 50px;
  border-top: 2px solid #dce1e4;
}

._footer_15vx4y:empty {
  border-top: none;
}

._resize-handle_15vx4y {
  position: absolute;
  touch-action: none;
  user-select: none;
}

._resize-handle--left_15vx4y {
  left: 0;
  top: 0;
  bottom: 0;
  width: 16px;
  cursor: ew-resize;
}

._resize-handle--right_15vx4y {
  right: 0;
  top: 0;
  bottom: 0;
  width: 16px;
  cursor: ew-resize;
}

._resize-handle--bottom_15vx4y {
  bottom: 0;
  left: 0;
  right: 0;
  height: 16px;
  cursor: ns-resize;
}

/* Corner handles sit after the edge handles in the DOM so they paint on top and win the overlap */
._resize-handle--bottom-left_15vx4y {
  bottom: 0;
  left: 0;
  width: 16px;
  height: 16px;
  cursor: nesw-resize;
}

._resize-handle--bottom-right_15vx4y {
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: nwse-resize;
}

/* styles for @salsify/habanero/components/date-picker.css */
._date-picker-wrapper_nqxl70 {
  display: inline-flex;
  flex-direction: column;
}

._date-picker-trigger_nqxl70 {
  display: flex;
  height: 32px;
  box-sizing: border-box;
  align-items: center;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  user-select: none;
}

._date-picker-trigger_nqxl70:focus {
  outline: none;
}

._error_nqxl70 {
  border-color: #dd3352;
}

._icon_nqxl70 {
  border: none;
  transition: transform 0.1s;
  position: absolute;
  right: 4px;
  outline: none;
  background-color: white;
  color: #1c1e1f;
  display: block;
}

._icon_nqxl70._expanded_nqxl70 {
  transform: rotate(-180deg);
}

._disabled_nqxl70 {
  background: #f8f9f9;
  pointer-events: none;
}

._disabled_nqxl70 ._icon_nqxl70 {
  color: #394043;
  opacity: 0.5;
}

._calendar_nqxl70 {
  font-size: 16px;
  padding: 16px;
}

/* styles for @salsify/habanero/components/date-range-filter-dropdown.css */
._date-range-filter-dropdown_108963 {
  position: relative;
  display: inline-block;
}

._selected-date_108963 {
  border-bottom: 1px solid #ccd4d7;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 140%;
  padding: 16px 16px 8px;
}

._selected-date_108963 ._relative-range_108963 {
  font-weight: 600;
}

._calendar-wrapper_108963 {
  background-color: #ffffff;
  border: 1px solid #ccd4d7;
  box-shadow: 0px -1px 12px rgba(124, 139, 146, 0.15), 0px 6px 12px rgba(124, 139, 146, 0.18), 0px 8px 8px rgba(124, 139, 146, 0.18);
  box-sizing: border-box;
  border-radius: 8px;
  min-height: 310px;
  padding: 16px;
  position: absolute;
  z-index: 5;
}

._content-actions_108963 > *:last-child {
  border-bottom: 1px solid #ccd4d7;
}

/* styles for @salsify/habanero/components/date-range-input.css */
._date-range-input_bwh9ta {
  background-color: #ffffff;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 140%;
  width: 232px;
}

._date-inputs_bwh9ta {
  display: flex;
  padding-bottom: 16px;
  justify-content: space-between;
}

._date-inputs_bwh9ta input {
  width: 50%;
}

._start-date_bwh9ta {
  padding-right: 4px;
}

._end-date_bwh9ta {
  padding-left: 4px;
}

/* styles for @salsify/habanero/components/date-range-picker.css */
._date-range-picker_pv7e7y {
  position: relative;
}

._selected-date_pv7e7y {
  border-bottom: 1px solid #ccd4d7;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 140%;
  height: 62px;
  padding: 16px 16px 8px;
}

._selected-date_pv7e7y ._relative-range_pv7e7y {
  font-weight: 600;
}

._calendar-wrapper_pv7e7y {
  background-color: #ffffff;
  border: 1px solid #ccd4d7;
  box-shadow: 0px -1px 12px rgba(124, 139, 146, 0.15), 0px 6px 12px rgba(124, 139, 146, 0.18), 0px 8px 8px rgba(124, 139, 146, 0.18);
  box-sizing: border-box;
  border-radius: 8px;
  min-height: 310px;
  padding: 16px;
  position: absolute;
  z-index: 5;
}

/* styles for @salsify/habanero/components/deletion-modal.css */
._confirmations_1hz87a {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._confirmation-title_1hz87a {
  font-size: 14px;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
}

/* styles for @salsify/habanero/components/double-confirmation-modal.css */
._checkbox-container_84l5lu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._description_84l5lu {
  margin-bottom: 16px;
}

/* local-class is applied to the input, and not the root level of Habanero::Checkbox */
/* stylelint-disable-next-line selector-max-compound-selectors */
._checkbox-container_84l5lu label {
  color: #dd3352;
}

/* styles for @salsify/habanero/components/search-table.css */
._search-table_aizfqm {
  border-collapse: separate;
  border-spacing: 0;
  color: #1c1e1f;
  font-size: 14px;
  width: 100%;
  position: relative;
  z-index: 0;
}

._search-table_aizfqm td {
  box-sizing: border-box;
  border-bottom: 1px solid #ccd4d7;
  padding: 8px 16px;
  text-align: left;
  text-overflow: ellipsis;
}

/* overflow should not be hidden for expanded content rows, row actions, or editable cells */
._search-table_aizfqm
  tr:not([data-role='expanded-content'])
  td:not([data-role='row-action-cell'])
  td:not([data-role='editable-cell']) {
  overflow: hidden;
}

/* styles for @salsify/habanero/components/editable-table.css */
._editable-table_1hnux9 {
}

._scrollable-table-container_1hnux9 {
  position: relative;
  overflow-x: auto;
}

._scrollable-table-container_1hnux9 td {
  max-width: 200px;
}

._floating-content-wormhole_1hnux9 {
  position: absolute;
}

._editable-table_1hnux9 td,
._editable-table_1hnux9 th {
  border-left: 1px solid #a7b5bb;
}

._editable-table_1hnux9 th:first-child,
._editable-table_1hnux9 td:first-child {
  border-left: none;
}

._editable-table_1hnux9 td[data-editing='true']:not([aria-disabled='true']),
._editable-table_1hnux9 td[data-editing]:not([aria-disabled='true']):hover {
  border-left: 1px solid #53baea;
  border-right: 1px solid #53baea;
}

._editable-table_1hnux9 td[data-editing='true']:not([aria-disabled='true']):after,
._editable-table_1hnux9 td[data-editing='true']:not([aria-disabled='true']):before,
._editable-table_1hnux9 td[data-editing]:not([aria-disabled='true']):hover:after,
._editable-table_1hnux9 td[data-editing]:not([aria-disabled='true']):hover:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #53baea;
}

/* styles for @salsify/habanero/components/editable-table/editable-cell/inline-content.css */
._inline-content_z3zfgm {
  width: 100%;
  background-color: transparent;
  outline: none;
  text-align: left;
  display: flex;
  align-items: flex-start;
  border: none;
  padding: 12px 16px;
  /* <button> does not always inherit its font styles, using browser defaults instead  */
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

._inline-content_z3zfgm:not(:disabled) {
  cursor: pointer;
}

/* styles for @salsify/habanero/components/editable-table/table-row.css */
._selected_1onpij {
  background-color: #f3f7fb;
}
/* styles for @salsify/habanero/components/empty-state.css */
._empty-state_1so0fk {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 320px;
  text-align: center;
}

._heading_1so0fk {
  color: #1c1e1f;
  font-size: 18px;
  font-weight: 400;
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 32px 0 8px;
}

._paragraph_1so0fk {
  color: #626d73;
  font-size: 14px;
  line-height: 1.5;
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 8px 0 32px;
}

._illustration_1so0fk {
  height: 184px;
}

._icon_1so0fk {
  font-size: 64px;
  margin-bottom: 8px;
}

/* styles for @salsify/habanero/components/file-picker.css */
._file-picker-container_1qef0g {
  height: 256px;
  display: flex;
  flex-direction: column;
}

._over_1qef0g {
  background-color: #d1ecf9;
}

._input-file_1qef0g {
  display: none;
}

._drag-message_1qef0g {
  margin-top: 16px;
}

._file-name_1qef0g {
  margin-bottom: 16px;
  font-size: 14px;
  min-height: 18px;
}

._file-picker_1qef0g {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px dashed #53baea;
  box-sizing: border-box;
  padding: 16px;
}

._file-picker_1qef0g._error_1qef0g {
  border-color: #dd3352;
}

._error-banner_1qef0g {
  margin-bottom: 16px;
}

/* styles for @salsify/habanero/components/filter-dropdown.css */
._content-actions_16p1qj > *:last-child {
  border-bottom: 1px solid #ccd4d7;
}

/* styles for @salsify/habanero/components/info-card/content.css */
._content_ta9n9e {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden;
  background: #f8f9f9;
}

._content_ta9n9e > * {
  max-width: inherit;
  max-height: inherit;
}

/* styles for @salsify/habanero/components/info-card/footer.css */
._footer_1yywnc {
  padding: 8px;
  border-top: 1px solid #a7b5bb;
  overflow: hidden;
}

._footer_1yywnc > * {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* styles for @salsify/habanero/components/inline-edit.css */
._inline-edit_cmacy3 {
  display: inline-block;
  font-size: 14px;
}

._static-content_cmacy3 {
  align-items: center;
  display: flex;
  height: 32px;
}

._reset-button_cmacy3 {
  background-color: initial;
  border: none;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  padding: 0;
}

._edit-icon_cmacy3 {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

._edit-icon_cmacy3:hover {
  cursor: pointer;
}

._input-and-controls_cmacy3 {
  align-items: center;
  display: flex;
}

._screen-reader-only_cmacy3 {
}

._save_cmacy3,
._cancel_cmacy3 {
  font-weight: 600;
  line-height: 16px;
}

._save_cmacy3:hover,
._cancel_cmacy3:hover {
  cursor: pointer;
}

._save_cmacy3 {
  color: #2276c5;
  margin-right: 8px;
}

._saved_cmacy3 {
  font-weight: 600;
  margin-left: 8px;
}

/* styles for @salsify/habanero/components/private/input-base.css */
._input-wrapper_f9lmqn {
  display: flex;
  align-items: center;
  position: relative;
  flex-grow: 1;
}

._input_f9lmqn {
  flex-grow: 1;
  width: 100%;
  font-family: proxima-nova, sans-serif;
  height: 32px;
  box-sizing: border-box;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
  border: 1px solid #ccd4d7;
}

._input_f9lmqn::-ms-clear {
  display: none;
}

._input_f9lmqn::placeholder {
  color: #a7b5bb;
}

._input_f9lmqn[placeholder] {
  text-overflow: ellipsis;
}

._input_f9lmqn:focus {
  outline: none;
  border: 1px solid #2276c5;
}

._input-wrapper_f9lmqn:focus-within::after {
  border: 1px dashed #1c1e1f;
  border-radius: 4px;
  content: ' ';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  pointer-events: none;
}

._input_f9lmqn:disabled {
  background-color: #f8f9f9;
}

._required-indicator_f9lmqn {
  color: #a7b5bb;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  position: absolute;
  right: 0;
  margin-right: 8px;
}

._required-indicator_f9lmqn._succinct_f9lmqn {
  font-size: 32px;
  line-height: normal;
  top: 4px;
}

._borderless_f9lmqn {
  border: 1px solid transparent;
}

._warning_f9lmqn {
  border: 1px solid #eace53;
}

._error_f9lmqn {
  border: 1px solid #dd3352;
}

._with-prefix_f9lmqn {
  padding-left: 32px;
}

._with-clear_f9lmqn {
  padding-right: 32px;
}

._input-icon_f9lmqn,
._input-prefix_f9lmqn {
  position: absolute;
  margin-left: 8px;
  display: flex;
}

._input-icon_f9lmqn {
  top: 0;
  bottom: 0;
}

._input-prefix_f9lmqn {
  font-family: proxima-nova, sans-serif;
  flex-shrink: 0;
  top:7.5px;
  font-size: 14px;
  color: #a7b5bb;
}

._clear-button_f9lmqn {
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-right: 8px;
}

._hidden-clear_f9lmqn {
  display: none;
}

._clear-icon_f9lmqn {
  width: 12px;
  height: 12px;
  color: #7c8b92;
}

/* styles for @salsify/habanero/components/input-area.css */
._input-area_k6v93z {
  width: 100%;
  display: flex;
  font-family: proxima-nova, sans-serif;
  min-height: 32px;
  box-sizing: border-box;
  line-height: 22px;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
}

._input-area_k6v93z:not(._borderless_k6v93z) {
  border: 1px solid #ccd4d7;
}

._input-area_k6v93z::placeholder {
  color: #a7b5bb;
}

._input-area_k6v93z:disabled {
  background-color: #f8f9f9;
}

._input-area_k6v93z:focus {
  outline: none;
  border: 1px solid #2276c5;
}

._borderless_k6v93z {
}

._input-area_k6v93z._warning_k6v93z {
  border: 1px solid #eace53;
}

._input-area_k6v93z._error_k6v93z {
  border: 1px solid #dd3352;
}

/* styles for @salsify/habanero/components/input.css */
._input-header_u48icl {
  display: flex;
  min-height: 24px;
  align-items: flex-start;
}

._input-header-tooltip_u48icl {
  margin-left: 4px;
  display: flex;
}
/* styles for @salsify/habanero/components/loading-filler.css */
@-webkit-keyframes _moving-gradient_xhyh8g {
  0% { background-position: -250px 0; }
  100% { background-position: 250px 0; }
}

._loading-animation_xhyh8g {
  display: inline-block;
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(to right, #eaedef 20%, #ccd4d7 50%, #eaedef 80%);
  background-size: 500px 100px;
  animation-name: _moving-gradient_xhyh8g;
  animation-duration: .7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

/* styles for @salsify/habanero/components/modal-container.css */
._overlay_1592se {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

._visible_1592se {
  display: flex;
}

/* styles for @salsify/habanero/components/multi-select-dropdown.css */
._content-actions_ovcb61 {
  display: flex;
  justify-content: end;
  padding: 4px;
  border-bottom: 1px solid #ccd4d7;
}

._content-actions_ovcb61:empty {
    display: none;
  }

/* To be deprecated: Once Selectors Level 4 comes around (https://www.w3.org/TR/selectors-4/ + https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-only-whitespace), &:empty will start working with whitespaces too, and this selector may no longer be needed */

._content-actions_ovcb61:not(:has(*)) {
    display: none;
  }

._dropdown-actions_ovcb61 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  height: 32px;
  padding: 0 16px;
  gap: 24px;
}

/* styles for @salsify/habanero/components/multi-select-filter-dropdown.css */
._content-actions_zlrjlw > *:last-child {
  border-bottom: 1px solid #ccd4d7;
}

/* styles for @salsify/habanero/components/select.css */
._select-wrapper_10fipd {
  display: inline-flex;
  flex-direction: column;
}

._select-trigger_10fipd {
  display: flex;
  height: 32px;
  box-sizing: border-box;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #ccd4d7;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  user-select: none;
  cursor: pointer;
}

._select-trigger_10fipd:focus {
  outline: none;
}

._with-search_10fipd {
  border: none;
}

._error_10fipd {
  border-color: #dd3352;
}

._bottom-full-width_10fipd {
  width: 100%;
}

._icon_10fipd {
  border: none;
  transition: transform 0.1s;
  position: absolute;
  padding: 0 6px;
  top: 0;
  bottom: 0;
  right: 4px;
  outline: none;
  background: transparent;
  color: #1c1e1f;
  display: block;
  cursor: pointer;
}

._icon_10fipd._expanded_10fipd {
  transform: rotate(-180deg);
}

._disabled_10fipd {
  background: #f8f9f9;
  pointer-events: none;
}

._disabled_10fipd ._icon_10fipd {
  color: #394043;
  opacity: 0.5;
}

._badge_10fipd {
  position: absolute;
  right: calc(-1 * 8px);
  bottom: calc(-1 * 8px);
}


/* styles for @salsify/habanero/components/multi-select-pilled.css */
._multi-select-wrapper_1su462 {
}

._dropdown-trigger_1su462 {
  align-items: center;
  border-radius: 4px;
  border: 1px solid #ccd4d7;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 32px;
  padding: 1px;
}

/* Outline cannot be supported here due to focus being split between either trigger or input */
._dropdown-trigger_1su462:focus {
  outline: none;
}

._dropdown-input_1su462::placeholder {
  color: #a7b5bb;
}

._dropdown-input_1su462 {
  background: none;
  flex-grow: 1;
  border: none;
  font-size: 14px;
  font-family: proxima-nova, sans-serif;
  padding: 4px 8px;
}

._error_1su462 {
  border-color: #dd3352;
}

._dropdown-input_1su462:focus {
  outline: none;
}

._dropdown-trigger_1su462._disabled_1su462 {
  background-color: #f8f9f9;
  cursor: unset;
}

._dropdown-content_1su462 {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}

._dropdown-content_1su462 > *:not(._dropdown-input_1su462) {
  margin: 4px 2px;
}

._placeholder_1su462 {
  color: #a7b5bb;
}

._trigger-container_1su462 {
  border: none;
  outline: none;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 8px;
}

._trigger-container_1su462 > * {
  transition: transform 0.1s;
}

._trigger-container_1su462._expanded_1su462 > * {
  transform: rotate(-180deg);
}

._expanded_1su462 {
}

._content-actions_1su462 {
  display: flex;
  justify-content: end;
  padding: 4px;
  border-bottom: 1px solid #ccd4d7;
  height: 41px;
}

._content-actions_1su462:not(:has(:first-child)) {
  display: none;
}
/* styles for @salsify/habanero/components/page-title.css */
._page-header_6aoz2l {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  line-height: 140%;
}

._title_6aoz2l {
  color: #1c1e1f;
  font-weight: 600;
  font-size: 20px;
  font-family: proxima-nova, sans-serif;
  margin-right: 16px;
}

._subtitle_6aoz2l {
  color: #626d73;
  font-size: 14px;
  font-family: proxima-nova, sans-serif;
}

/* styles for @salsify/habanero/components/pagination-bar.css */
._pagination-bar_1rbykv {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: calc(16px * 3);
  border-radius: 0px;
  background-color: #ffffff;
  box-shadow: 0px -3px 3px 0px rgba(88, 102, 110, 0.2);
  line-height: 16px;
}

._pagination-bar_1rbykv > :not(:first-child) {
  border-left: 1px solid #ccd4d7;
}

._showing-items_1rbykv {
  display:flex;
  padding: 16px;
}

._showing-items_1rbykv > ._location_1rbykv {
  font-size: 14px;
  text-align: right;
  min-width: 120px;
}

._showing-items_1rbykv > ._items_1rbykv {
  font-size: 14px;
  margin-left: 5px;
}

._items-label_1rbykv {
  font-size: 14px;
  padding: 16px;
  flex: 1;
}

._pages_1rbykv {
  font-size: 14px;
  padding: 16px;
  text-align: center;
  min-width: 84px;
}

/* styles for @salsify/habanero/components/pages/search-table.css */
._search-table-page_lorgsh {
  box-sizing: border-box;
  height: 100%;
  padding: 8px 12px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}

._table-container_lorgsh {
  flex: 1;
  position: relative;
}

._table-scroller_lorgsh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}

._footer_lorgsh {
  /* The sticky footer positions itself absolutely and so removes itself from
   * the normal document flow, so using its height as a placeholder here (minus
   * the `search-table-page` padding it sits outside of) ensures that any table
   * content at the bottom doesn't get covered up. */
  height: calc(calc(16px * 3) - 8px);
}

/* styles for @salsify/habanero/components/pagination-bar/pagination-button.css */
._pagination-button_w2r6kb {
  position: relative;
  height: 48px;
  background-color: #ffffff;
  color: #1c1e1f;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  padding: 16px;
  border: 0;
}

._pagination-button_w2r6kb:focus {
  outline: none;
}

._pagination-button_w2r6kb:focus:after {
  border: 1px dashed #1c1e1f;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

._pagination-button_w2r6kb:not([disabled]):hover {
  background-color: #eaedef;
  cursor: pointer;
}

._pagination-button_w2r6kb[disabled] > * {
  opacity: 0.5;
  pointer-events: none;
}

/* styles for @salsify/habanero/components/pagination-bar/pagination-nav.css */
._pagination-nav-container_15iecr {
  display: inline-flex;
  flex-direction: row;
}

._pagination-nav-container_15iecr > :not(:first-child) {
  border-left: 1px solid #ccd4d7;
}

/* styles for @salsify/habanero/components/pagination-bar/styles.css */
/* This is used (but probably shouldn't be) in the admin console and workflow UIs */

/* styles for @salsify/habanero/components/pill.css */
._content-spacing_zjqoa {
  margin-left: 4px;
}

/* styles for @salsify/habanero/components/private/banner-action.css */
._action-container_qs1oeu {
  padding-top: 16px;
}

/* styles for @salsify/habanero/components/private/button-group-base/button-group-option-base.css */
._button-group-option_1ll4ds {
  align-items: center;
  background-color: transparent;
  border: 1px solid;
  border-color: #ccd4d7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #1c1e1f;
  display: inline-flex;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  justify-content: center;
  line-height: 14px;
  margin-left: -1px;
  min-width: 48px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  user-select: none;
}

._button-group-option_1ll4ds[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

._button-group-option_1ll4ds:focus {
  outline: none;
}

._button-group-option_1ll4ds:hover {
  background: #eaedef;
  outline: none;
  cursor: pointer;
}

._button-group-option_1ll4ds:focus:after {
  border: 1px dashed #1c1e1f;
  content: ' ';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 4px;
}

._button-group-option_1ll4ds._primary_1ll4ds {
  background: #394043;
  border-color: #394043;
  color: #ffffff;
}

._button-group-option_1ll4ds._primary_1ll4ds:hover {
  background: #1c1e1f;
}

._button-group-option_1ll4ds._primary_1ll4ds:focus {
  background: #1c1e1f;
}

._button-group-option_1ll4ds:not(:first-child):not(:last-child){
  border-radius: 0;
}

._button-group-option_1ll4ds:first-child {
  border-radius: 4px 0 0 4px;
}

._button-group-option_1ll4ds:last-child {
  border-radius: 0 4px 4px 0;
}

._button-group-option_1ll4ds._with-icon_1ll4ds {
  padding: 0 8px;
}

._button-group-option_1ll4ds._with-icon-and-label_1ll4ds ._icon_1ll4ds {
  margin-right: 8px;
  position: relative;
  top: -1px;
}

/* styles for @salsify/habanero/components/private/calendar-range.css */
._calendar_3riq41 ._previous-month_3riq41,
._calendar_3riq41 ._next-month_3riq41,
._calendar_3riq41 .ember-power-calendar-day {
  align-items: center;
  background-color: transparent;
  border: none;
  font-family: proxima-nova, sans-serif;
}

._calendar_3riq41 ._ember-power-calendar-nav_3riq41 {
  display: flex;
  font-weight: 600;
  justify-content: center;
  padding-bottom: 12px;
}

._calendar_3riq41 ._ember-power-calendar-nav-title_3riq41 {
  flex: 1;
  text-align: center;
}

._calendar_3riq41 ._previous-month_3riq41:hover,
._calendar_3riq41 ._next-month_3riq41:hover {
  cursor: pointer;
}

._calendar_3riq41 ._previous-month_3riq41:focus,
._calendar_3riq41 ._next-month_3riq41:focus {
  outline: 1px dashed #1c1e1f;
}

._calendar_3riq41 .ember-power-calendar-row {
  display: flex;
  justify-content: center;
}

._calendar_3riq41 .ember-power-calendar-weekdays {
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 8px;
}

._calendar_3riq41 .ember-power-calendar-weekday {
  width: 28px;
  text-align: center;
}

._calendar_3riq41 .ember-power-calendar-day {
  display: flex;
  font-size: 14px;
  height: 28px;
  justify-content: center;
  padding: 0;
  width: 28px;
}

._calendar_3riq41 .ember-power-calendar-day[disabled] {
  cursor: not-allowed;
  color: #a7b5bb;
}

._calendar_3riq41 .ember-power-calendar-day:focus {
  outline: 1px dashed #1c1e1f;
  outline-offset: -1px;
}

._calendar_3riq41 ._circle_3riq41 {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  line-height: 1;
  width: 24px;
}

._calendar_3riq41 .ember-power-calendar-day--today ._circle_3riq41 {
  border-bottom: 1px solid #2276c5;
  border-radius: 0%;
  padding-top: 1px;
}

._calendar_3riq41 .ember-power-calendar-day ._circle_3riq41:hover {
  border: 1px solid #2276c5;
  border-radius: 50%;
  cursor: pointer;
}

._calendar_3riq41 .ember-power-calendar-day[disabled] ._circle_3riq41:hover {
  border: none;
  cursor: not-allowed;
}

._calendar_3riq41 .ember-power-calendar-day--selected {
  background: #e7f0f8;
}

._calendar_3riq41 .ember-power-calendar-day--range-start {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

._calendar_3riq41 .ember-power-calendar-day--range-start[disabled] {
  border-radius: 50%;
}

._calendar_3riq41 .ember-power-calendar-day--range-end {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

._calendar_3riq41 .ember-power-calendar-day--range-start ._circle_3riq41,
._calendar_3riq41 .ember-power-calendar-day--range-end ._circle_3riq41 {
  background: #2276c5;
  border: 1px solid #2276c5;
  border-radius: 50%;
  color: #ffffff;
}

._calendar_3riq41 .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: 28px;
}

._calendar_3riq41 .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: 56px;
}

._calendar_3riq41 .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: 84px;
}

._calendar_3riq41 .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: 112px;
}

._calendar_3riq41 .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: 140px;
}

._calendar_3riq41 .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: 168px;
}

._calendar_3riq41 .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: 28px;
}

._calendar_3riq41 .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: 56px;
}

._calendar_3riq41 .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: 84px;
}

._calendar_3riq41 .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: 112px;
}

._calendar_3riq41 .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: 140px;
}

._calendar_3riq41 .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: 168px;
}


/* styles for @salsify/habanero/components/private/calendar.css */
._calendar_1cqlo7 {
  height: 253px;
}

._calendar_1cqlo7 ._previous-month_1cqlo7,
._calendar_1cqlo7 ._next-month_1cqlo7,
._calendar_1cqlo7 .ember-power-calendar-day {
  align-items: center;
  background-color: transparent;
  border: none;
  font-family: proxima-nova, sans-serif;
}

._calendar_1cqlo7 ._ember-power-calendar-nav_1cqlo7 {
  display: flex;
  font-weight: 600;
  justify-content: center;
  padding-bottom: 12px;
}

._calendar_1cqlo7 ._ember-power-calendar-nav-title_1cqlo7 {
  flex: 1;
  text-align: center;
}

._calendar_1cqlo7 ._previous-month_1cqlo7:hover,
._calendar_1cqlo7 ._next-month_1cqlo7:hover {
  cursor: pointer;
}

._calendar_1cqlo7 ._previous-month_1cqlo7:focus,
._calendar_1cqlo7 ._next-month_1cqlo7:focus {
  outline: 1px dashed #1c1e1f;
}

._calendar_1cqlo7 .ember-power-calendar-row {
  display: flex;
  justify-content: center;
}

._calendar_1cqlo7 .ember-power-calendar-weekdays {
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 8px;
}

._calendar_1cqlo7 .ember-power-calendar-weekday {
  width: 28px;
  text-align: center;
}

._calendar_1cqlo7 .ember-power-calendar-day {
  display: flex;
  font-size: 14px;
  height: 28px;
  justify-content: center;
  padding: 0;
  width: 28px;
}

._calendar_1cqlo7 .ember-power-calendar-day:focus {
  outline: 1px dashed #1c1e1f;
  outline-offset: -1px;
}

._calendar_1cqlo7 ._circle_1cqlo7 {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  line-height: 1;
  width: 24px;
}

._calendar_1cqlo7 .ember-power-calendar-day--today ._circle_1cqlo7 {
  border-bottom: 1px solid #2276c5;
  border-radius: 0%;
  padding-top: 1px;
}

._calendar_1cqlo7 .ember-power-calendar-day--today ._circle_1cqlo7:hover {
  border: none;
  padding-top: 0;
}

._calendar_1cqlo7 .ember-power-calendar-day ._circle_1cqlo7:hover {
  background: #e7f0f8;
  border-radius: 50%;
  cursor: pointer;
}

._calendar_1cqlo7 .ember-power-calendar-day--selected ._circle_1cqlo7 {
  background: #2276c5;
  border-radius: 50%;
  color: #ffffff;
}

._calendar_1cqlo7 .ember-power-calendar-day--selected ._circle_1cqlo7:hover {
  background: #2276c5;
}

._calendar_1cqlo7 .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: 28px;
}

._calendar_1cqlo7 .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: 56px;
}

._calendar_1cqlo7 .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: 84px;
}

._calendar_1cqlo7 .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: 112px;
}

._calendar_1cqlo7 .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: 140px;
}

._calendar_1cqlo7 .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: 168px;
}

._calendar_1cqlo7 .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: 28px;
}

._calendar_1cqlo7 .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: 56px;
}

._calendar_1cqlo7 .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: 84px;
}

._calendar_1cqlo7 .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: 112px;
}

._calendar_1cqlo7 .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: 140px;
}

._calendar_1cqlo7 .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: 168px;
}

/* styles for @salsify/habanero/components/private/card-base.css */
._card_s4x7y5 {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: thin solid #a7b5bb;
  box-sizing: border-box;
  background-color: #ffffff;
}

._focused_s4x7y5 {
  border: 0;
  border: thin solid #2276c5;
}

._selected_s4x7y5 {
  border: thin solid #2276c5;
  box-shadow: 1px 2px 8px 2px rgba(98, 109, 115, 0.5); /* aji800 */
}

/* styles for @salsify/habanero/components/private/circle-base.css */
._circle-base_16ica4 {
  align-items: center;
  border-radius: 100%;
  display: inline-flex;
  font-family: proxima-nova, sans-serif;
  justify-content: center;
  overflow: hidden;
  vertical-align: middle;
}

._medium_16ica4 {
  font-size: 12px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
}

._large_16ica4 {
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

/* styles for @salsify/habanero/components/private/collapsible-content-base/header.css */
._header-container_dvxwr5 {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

._header-container_dvxwr5:hover {
  cursor: pointer;
  background-color: #f8f9f9;
}

._header-container_dvxwr5:hover ._icon-container_dvxwr5 {
  background-color: #e7f0f8;
  border-radius: 50%;
}

._icon-container_dvxwr5 {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

._icon-container_dvxwr5 > ._icon_dvxwr5 {
  color: #394043;
}

/* styles for @salsify/habanero/components/private/dropdown-base.css */
._dropdown-base_13l9bo {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}

._options_13l9bo {
  color: #1c1e1f;
  font-size: 14px;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding: 8px 0 0;
  margin: 0;
}

._options-wrapper_13l9bo {
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 8px;
}

/* styles for @salsify/habanero/components/private/dropdown-base/actions.css */
._dropdown-actions_9vrkgg {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  height: 32px;
  padding: 0 16px;
  gap: 24px;
}

/* styles for @salsify/habanero/components/private/dropdown-base/actions/clear.css */
._clear_z10beu {
  background: transparent;
  border: none;
  color: #2276c5;
  cursor: pointer;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

._clear_z10beu:focus {
  outline: 1px dashed #1c1e1f;
}

/* styles for @salsify/habanero/components/private/dropdown-base/actions/select-all.css */
._select-all_x62m7v {
  background: transparent;
  border: none;
  color: #2276c5;
  cursor: pointer;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

._select-all_x62m7v:focus {
  outline: 1px dashed #1c1e1f;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-caret.css */
._dropdown-icon_1jqpag {
  padding-left: 4px;
}

._caret-icon_1jqpag {
  transition: transform 0.1s;
}

._caret-icon_1jqpag._expanded_1jqpag {
  transform: rotate(-180deg);
}
 
/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-error.css */
._dropdown-error_aohoj7 {
  display: flex;
  padding: 8px 16px;
  gap: 8px;
  align-items: center;
  user-select: none;
  /* Wraps correctly with long text */
  flex-wrap: wrap;
  align-content: center;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-fixed-actions.css */
._dropdown-action-options_1wtqto {
  border-bottom: 1px solid #ccd4d7;
  color: #1c1e1f;
  font-size: 14px;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding: 8px 0;
}

._dropdown-action-options_1wtqto:not(:first-child) {
  border-top: 1px solid #ccd4d7;
  margin-top: 8px;
}
/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-fixed-section.css */
._fixed-section_3ehfy1 {
  color: #1c1e1f;
  font-size: 14px;
  font-weight: 700;
  margin-block-start: 0;
  margin-block-end: 0;
  padding: 16px 16px 0 16px;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-loading.css */
._loading-wrapper_1yaqg6 {
  display: flex;
  padding: 8px;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-multi-option-base.css */
._dropdown-option_1dypo6 {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 8px 16px;
  user-select: none;
}

._dropdown-option_1dypo6:hover {
  background-color: #f3f7fb;
}

._dropdown-option_1dypo6:focus {
  outline: 1px dashed #1c1e1f;
}

._icon_1dypo6 {
  flex: 1 0 auto;
  font-size: 12px;
  margin-right: 8px;
}

._check-wrapper_1dypo6 {
  margin-right: 8px;
}

._disabled_1dypo6 {
  background-color: #f8f9f9;
  color: #626d73;
  pointer-events: none;
}

._selected_1dypo6 {
  background-color: #f3f7fb;
}

._check_1dypo6 {
  color: #1c1e1f;
  font-size: 12px;
  margin-left: auto;
}

._label_1dypo6 {
  align-items: center;
  display: inline-flex;
}

._pill-image_1dypo6 {
  max-height: 16px;
  margin-right: 8px;
}

._after-label_1dypo6 {
  margin-left: auto;
  pointer-events: all;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-multi-option-base/expandable.css */
._dropdown-option-expandable_1ui9zy {
  list-style-type: none;
}

._dropdown-option-expandable_1ui9zy:focus {
  outline: 1px dashed #1c1e1f;
}

._dropdown-option-expandable_1ui9zy > ._sub-options_1ui9zy {
  padding: 0;
  /* Overflow has to be set for the scroll event to be listened to*/
  overflow: auto;
  scrollbar-width: none;
}

._disabled_1ui9zy {
}

._selected_1ui9zy {
}

._expanded_1ui9zy ._label_1ui9zy:focus {
  border: 1px dashed #1c1e1f;
  border-bottom: none;
  margin: -1px;
  outline: none;
}

._check-wrapper_1ui9zy {
}

._label_1ui9zy {
  padding-left: 16px;
}

._label_1ui9zy:focus ~ ._sub-options_1ui9zy {
  /* Create border around all children on focus of parent */
  border: 1px dashed #1c1e1f;
  border-top: none;
  margin: -1px;
}

._label_1ui9zy:hover ~ ._sub-options_1ui9zy {
  background-color: #f3f7fb; /* Highlight all children on hover of parent */
}

._label_1ui9zy:hover > ._caret_1ui9zy {
  background-color: #e7f0f8;
  border-radius: 50%;
}

._caret_1ui9zy {
  transition: transform 0.1s;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  margin-right: 8px;
  height: 16px;
  width: 16px;
}

._caret_1ui9zy._expanded_1ui9zy {
  transform: rotate(90deg);
}

._check_1ui9zy {
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-nested-option.css */
._dropdown-option_x225hk {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 4px 10px 4px 16px;
  user-select: none;
  justify-content: space-between;
} 

._dropdown-option_x225hk:hover {
  background-color: #f3f7fb;
}

._dropdown-option_x225hk:focus {
  outline: 1px dashed #1c1e1f;
}

._dropdown-option_x225hk:hover ._icon-wrapper_x225hk {
  background-color: #ccdff1;
  border-radius: 50%;
}

._icon-wrapper_x225hk {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-option-base.css */
._dropdown-option_gi45dc {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 8px 16px;
  user-select: none;
}

._dropdown-option_gi45dc:hover {
  background-color: #f3f7fb;
}

._dropdown-option_gi45dc:focus {
  outline: 1px dashed #1c1e1f;
}

._before-label_gi45dc {
  margin-right: 8px;
  max-height: 16px;
  max-width: 16px;
  overflow: clip;
}

._before-label_gi45dc:empty {
  display: none;
}

._icon_gi45dc {
  flex: 1 0 auto;
  font-size: 12px;
  margin-right: 8px;
}

._disabled_gi45dc {
  background-color: #f8f9f9;
  color: #626d73;
  cursor: not-allowed;
}

._selected_gi45dc {
  background-color: #f3f7fb;
}

._option-badge_gi45dc {
  margin-left: auto;
}

._label_gi45dc {
  align-items: center;
  display: inline-flex;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-option-base/expandable.css */
._dropdown-option-expandable_xn3043 {
  list-style-type: none;
}

._dropdown-option-expandable_xn3043:focus {
  outline: 1px dashed #1c1e1f;
}

._dropdown-option-expandable_xn3043 > ._sub-options_xn3043 {
  padding: 0;
}

._disabled_xn3043 {
}

._selected_xn3043 {
}

._expanded_xn3043 ._label_xn3043:focus {
  border: 1px dashed #1c1e1f;
  border-bottom: none;
  margin: -1px;
  outline: none;
}

._label_xn3043 {
  padding-left: 16px;
}

._label_xn3043:focus ~ ._sub-options_xn3043 {
  /* Create border around all children on focus of parent */
  border: 1px dashed #1c1e1f;
  border-top: none;
  margin: -1px;
}

._label_xn3043:hover ~ ._sub-options_xn3043 {
  background-color: #f3f7fb; /* Highlight all children on hover of parent */
}

._label_xn3043:hover > ._caret_xn3043 {
  background-color: #e7f0f8;
  border-radius: 50%;
}

._caret_xn3043 {
  transition: transform 0.1s;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
}

._caret_xn3043._expanded_xn3043 {
  transform: rotate(90deg);
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-search.css */
._dropdown-search_6oujyd {
  box-sizing: border-box;
  padding: 8px 8px 0;
}

._dropdown-search_6oujyd:last-child {
  border-bottom: 1px solid #ccd4d7;
  padding-bottom: 8px;
}

/* styles for @salsify/habanero/components/private/dropdown-base/dropdown-section-base.css */
._section_fcdkfu {
  border-top: 1px solid #eaedef;
  margin-top: 8px;
  padding-top: 8px;
}

._section_fcdkfu:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

._section-options_fcdkfu {
  list-style: none;
  padding-left: 0;
}

._section-item_fcdkfu {
  display: flex;
  align-items: center;
  padding: 8px 16px;
}

._section-label_fcdkfu {
  flex-grow: 1;
  padding: 0;
}

._icon_fcdkfu {
  font-size: 12px;
  margin-right: 12px;
}

._image_fcdkfu {
  margin-right: 12px;
  max-height: 12px;
}
/* styles for @salsify/habanero/components/private/dropdown-base/empty-state.css */
._empty-state_s1dqs2 {
  padding: 16px 16px 0px 16px;
  font-size: 14px;
  color: #626d73;
}

/* styles for @salsify/habanero/components/private/dropdown-base/filter-dropdown-button.css */
._filter-dropdown-button_marbww {
}

._filter-dropdown-button_marbww[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

._selected_marbww,
._selected_marbww:hover {
  background-color: #f3f7fb;
  border: 1px solid #ccdff1;
  border-radius: 4px;
}

._filter-dropdown-button_marbww:focus {
  background-color: transparent;
  border: 1px solid #2276c5;
}

._selected_marbww:focus {
  background-color: #f3f7fb;
  border: 1px solid #2276c5;
}

._filter-dropdown-button_marbww:hover {
  background-color: #eaedef;
}

._before-label_marbww {
  max-height: 16px;
  max-width: 16px;
  margin-right: 8px;
}

._item-label_marbww {
  color: #1e6ab1;
}

/* styles for @salsify/habanero/components/private/form-error.css */
._validation-error_hwovea {
  align-items: center;
  display: flex;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  margin-top: 4px;
}

._error-icon_hwovea {
  flex-shrink: 0;
}

._error-text_hwovea {
  margin-left: 8px;
}

/* styles for @salsify/habanero/components/private/form-label.css */
._label-text_r7axxo {
  color: #1c1e1f;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* styles for @salsify/habanero/components/private/form-label/styles.css */
/* This is used (but should not be!) from dandelion and @salsify/property-values */

/* styles for @salsify/habanero/components/private/form-warning.css */
._validation-warning_1vvyjk {
  align-items: center;
  display: flex;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  margin-top: 4px;
}

._warning-icon_1vvyjk {
  flex-shrink: 0;
}

._warning-text_1vvyjk {
  margin-left: 8px;
}

/* styles for @salsify/habanero/components/private/image-circle.css */
._image-circle_x5e56x {
  background-color: #ffffff;
  border: 1px solid #eaedef;
}

._medium_x5e56x ._image_x5e56x {
  height: 12px;
  width: 12px;
}

._large_x5e56x ._image_x5e56x {
  height: 16px;
  width: 16px;
}

/* styles for @salsify/habanero/components/private/loading-placeholder.css */
@-webkit-keyframes _moving-gradient_1s3pye {
  0% { background-position: -250px 0; }
  100% { background-position: 250px 0; }
}

._placeholder_1s3pye {
  display: inline-block;
  height: 8px;
  border-radius: 4px;
  background: #eaedef;
}

._loading-animation_1s3pye {
  background: linear-gradient(to right, #eaedef 0%, #f8f9f9 50%, #eaedef 100%);
  background-size: 500px 100px;
  animation-name: _moving-gradient_1s3pye;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

/* styles for @salsify/habanero/components/private/modal/modal-base.css */
._background_f53arq {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
}

._modal_f53arq {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px -1px 12px rgba(124, 139, 146, 0.15), 0px 6px 12px rgba(124, 139, 146, 0.18), 0px 8px 8px rgba(124, 139, 146, 0.18);
  margin: 20px;
  padding: 24px;
  z-index: 10;
}

._modal_f53arq._overflowing_f53arq {
  align-self: flex-start;
}

._modal-header_f53arq {
  align-items: flex-start;
  display: flex;
}

._modal-header_f53arq h1 {
  color: #1c1e1f;
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  margin-right: 24px;
}

._modal-header_f53arq ._escape_f53arq {
  cursor: pointer;
  margin-top: 2px;
}

._modal-content_f53arq {
  margin-top: 24px;
  color: #1c1e1f;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

._modal-footer_f53arq {
  margin-top: 48px;
  display: flex;
  justify-content: flex-end;
}

._modal-footer_f53arq > * ~ * {
  margin-left: 16px;
}

/* styles for @salsify/habanero/components/private/notification-base.css */
._notification_2zrun8 {
  font-size: 14px;
  color: #1c1e1f;
  display: flex;
  padding: 16px;
  border-radius: 4px;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out,
    max-height 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out;
  pointer-events: auto;
  text-align: left;
}

._notification_2zrun8._success_2zrun8 {
  background-color: #e8faf5;
}

._notification_2zrun8._warning_2zrun8 {
  background-color: #fcf8e6;
}

._notification_2zrun8._info_2zrun8 {
  background-color: #e9f6fc;
}

._notification_2zrun8._error_2zrun8 {
  background-color: #fbebee;
}

._notification_2zrun8._neutral_2zrun8 {
  background-color: #eaedef;
}

._icon_2zrun8 {
  align-self: center;
  padding-right: 16px;
}

._notification_2zrun8:hover ._dismiss_2zrun8 {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s ease-out 0s, opacity 0.3s;
}

._content_2zrun8 {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

._title-row_2zrun8 {
  display: flex;
  justify-content: space-around;
}

._title_2zrun8 {
  font-weight: 600;
  flex-grow: 1;
}

._subtitle_2zrun8:not(:empty) {
  margin-top: 2px;
}

._dismiss_2zrun8 {
  background: transparent;
  border: none;
  outline: none;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  transition: visibility 0s ease-out 0.3s, opacity 0.3s;
  padding: 0;
  padding-left: 16px;
  position: absolute;
  right: 20px;
}

._loading-spinner_2zrun8 {
  animation: _loading_2zrun8 3500ms 300ms linear forwards infinite;
  background-repeat: no-repeat;
  height: 16px;
  min-width: 16px;
  width: 16px;
  margin-right: 16px;
  align-self: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGDSURBVHgB5ZE9SwNBEIZn5vbucgp+YKPYKKKlFraxU0QMEpGIoo0IloLgL/AnpLcRUUgjKEaigp1WIgimsdBCIY1REmLOu9sdJ4UiKTSk9YF3ZxZ23plhEeo4OLno8yEcZk2jiKYXAD0GLDCYZ7sS7s3PTxd+vsevJJ3Nul1kj0EIcST2gNlDxBZ5IgKR3IFiBvGgGpS3V5PJ8rdBOp11ewad2VCbXgKMSbcCobpH0KUAKbABBwxHC4zUj4CumD947d5KMh4vq5pB95A7EkWmTboEDNbVYmLism6zvOhoP3u2JnFdNPz+5m9I3MKdXK7VNWqG2djamLulxOQ1/MLu4fm6RbwpsysNnCKlaciA9tnAy1/FNZZnxtMy6Y2kMQWYIEaMWYaqoXHy0ChIp3LK78AcIRsn0kFV6+Jro/V+EB4zw5OscatYW1VZQcw6Gq2HldmpRwmDtVwhRyWbSLnOB0ETUBRBkTT7Fa0daALSnU4piIzfiqihWTKZjJNKpSz4n3wCn52fEcYImc4AAAAASUVORK5CYII=");
}

@keyframes _loading_2zrun8 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1440deg);
  }
}

/* styles for @salsify/habanero/components/private/pill-base.css */
._pill_htujg0 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  box-sizing: border-box; /* border-box enables caller to pass in desired total height for the pill */
  border-radius: 4px;
  white-space: nowrap;
  font-family: proxima-nova, sans-serif;
}

._interactive-pill_htujg0 {
  border: none;
}

._interactive-pill_htujg0:hover {
  cursor: pointer;
  filter: brightness(95%);
}

/* styles for @salsify/habanero/components/private/popup-base.css */
._popup-base_lvjtsz {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}

._bottom-right_lvjtsz {
  align-items: flex-end;
}

._bottom-left_lvjtsz {
  align-items: flex-start;
}

._bottom-full-width_lvjtsz {
  align-items: flex-start;
  width: 100%;
}

._top-right_lvjtsz {
  align-items: flex-end;
}

._top-left_lvjtsz {
  align-items: flex-start;
}

._center_lvjtsz {
  align-items: center;
  justify-content: center;
}

._inline-content_lvjtsz {
  width: 100%;
}

._expanded-content_lvjtsz {
  background-color: #ffffff;
  box-shadow: 0px 2px 2px -1px rgba(88, 102, 110, 0.2),
0px 2px 6px 0px rgba(88, 102, 110, 0.25),
0px 0px 6px 0px rgba(88, 102, 110, 0.15);
  border-radius: 8px;
  position: absolute;
  z-index: 5;
}

._expanded-content-bottom-right_lvjtsz {
  top: 100%;
  right: 0;
  margin-top: 8px;
}

._expanded-content-bottom-left_lvjtsz {
  top: 100%;
  left: 0;
  margin-top: 8px;
}

._expanded-content-bottom-full-width_lvjtsz {
  margin-top: 8px;
  top: 100%;
  right: 0;
  left: 0;
  width: 100%;
}

._expanded-content-top-right_lvjtsz {
  bottom: 100%;
  right: 0;
  margin-bottom: 8px;
}

._expanded-content-top-left_lvjtsz {
  bottom: 100%;
  left: 0;
  margin-bottom: 8px;
}

/* styles for @salsify/habanero/components/private/select-trigger-content.css */
._trigger-content_1x75pc {
  display: flex;
  padding: 4px 32px 4px 8px;
  justify-content: space-between;
}

._disabled_1x75pc  {
  color: #1c1e1f;
  opacity: 0.5;
}

._placeholder_1x75pc {
  color: #a7b5bb;
}
/* styles for @salsify/habanero/components/private/storybook/icon-container.css */
._icon-container_1wz7ii {
  width: 80vw;
}

._icons_1wz7ii {
  display: flex;
  flex-wrap: wrap;
}

._icon_1wz7ii {
  padding: 0 8px 8px;
}

._categories_1wz7ii {
  display: flex;
  justify-content: space-between;
}

._categories_1wz7ii > * {
  margin-right: 20px;
}

._categories_1wz7ii > *:last-child {
  margin-right: 0;
}

._icon-sets_1wz7ii {
  display: flex;
  flex-wrap: wrap;
}

._section-header_1wz7ii {
  color: #53baea;
  font-weight: 600;
}

._set_1wz7ii {
  flex-basis: 0;
  min-width: 200px;
  margin-right: 12px;
  margin-bottom: 12px;
}

._sizes_1wz7ii {
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 8px;
}

/* styles for @salsify/habanero/components/private/storybook/numerical-list-item.css */
._item_ywxpgl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(4px * 8);
}

._component_ywxpgl {
  text-align: center;
  width: 100%;
}

._number_ywxpgl {
  align-items: center;
  background-color: #1c1e1f;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-size: 28px;
  height: calc(4px * 11);
  justify-content: center;
  margin-top: calc(4px * 8);
  width: calc(4px * 11); 
}

._row_ywxpgl {
  margin-top: 0;
}

._column_ywxpgl:first-of-type {
  margin-top: 0;
}
/* styles for @salsify/habanero/components/private/storybook/visual-examples.css */
._visual-examples_1981rx {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  justify-content: center;
}

/* At least 2 children */
._visual-examples_1981rx:has(> :nth-child(2)) {
  justify-content: space-around;
}

._gallery_1981rx {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  width: 80vw;
}

/* We only want a margin when we're using multiple examples in a single story */
._gallery_1981rx:first-of-type {
  margin: 0;
}
/* styles for @salsify/habanero/components/private/tab-base.css */
._tab-button_lawpzy {
  display: block;
  color: #1c1e1f;
  font-size: 14px;
  padding: 8px 16px;
  margin-left: 0;
  margin-right: 0;
  border: none;
  text-align: center;
  cursor: pointer;
  flex: auto;
}

._tab-button_lawpzy:hover {
  background-color: #eaedef;
}

._tab-button_lawpzy:focus {
  outline: none;
}

._active_lawpzy > ._tab-button_lawpzy {
  color: #2276c5;
  /* Decreased padding to offset thicker border */
  padding-bottom: 5px;
  border-bottom: 3px solid #2276c5;
}

._disabled_lawpzy {
  color: #a7b5bb;
  cursor: default;
}

._disabled_lawpzy:hover {
  background-color: transparent;
}

/* styles for @salsify/habanero/components/private/table-base/table-divider.css */
._table-divider_1tqkiz {
  background-color: #e7f0f8;
  height: 32px;
}

._table-divider_1tqkiz td {
  border-bottom: none;
  padding-left: 16px;
}

/* styles for @salsify/habanero/components/private/table-base/table-head-group-row.css */
tr._head-group-row_qfx452 th {
  border-bottom: 2px solid #ccd4d7;
}

tr._head-group-row_qfx452 th:not(:last-child) {
  border-right: 1px solid #eaedef;
}

tr._head-group-row_qfx452 th._action-head-group-cell_qfx452 {
  border-right: 0;
}

/* styles for @salsify/habanero/components/private/table-base/table-row/expandable.css */
._selected_1ge463 {
}

tr._expanded_1ge463 td {
  border-bottom: none;
}

._table-row-expand_1ge463 {
  background-color: inherit;
  border: none;
  padding: 0;
  transition: transform 0.5s;
}

._table-row-expand_1ge463:hover {
  cursor: pointer;
}

._table-row-expand_1ge463:focus {
  outline: 1px dashed #1c1e1f;
}

._table-row-expand_1ge463._expanded_1ge463 {
  transform: rotate(-180deg);
}

._expanded-content_1ge463 ._expanded-cell_1ge463 {
  background-color: #f8f9f9;
  padding: 24px 16px;
}

._card-container_1ge463 {
  display: flex;
}

._card-container_1ge463._column_1ge463 {
  flex-direction: column;
}

._card-container_1ge463._column_1ge463 > * {
  margin-bottom: 16px;
}

._card-container_1ge463._column_1ge463 > *:last-child {
  margin-bottom: 0;
}

._card-container_1ge463 > * {
  margin-left: 8px;
  margin-right: 8px;
}

tr td._row-action-cell_1ge463 {
  max-width: 0;
  overflow: visible;
}

._row-action-container_1ge463 {
  visibility: hidden;
  display: flex;
  justify-content: flex-end;
  position: relative;
  background: linear-gradient(90deg, transparent, #ffffff);
}

tr:hover > td._row-action-cell_1ge463 > ._row-action-container_1ge463 {
  visibility: visible;
  overflow: visible;
}

._visible_1ge463 {
  visibility: visible;
}

._row-action-container_1ge463 button {
  background: transparent;
}

._row-action-container_1ge463 button:hover {
  background: transparent;
  color: #2276c5;
}

._row-action-container_1ge463 button:hover * {
  fill: #2276c5;
}

/* styles for @salsify/habanero/components/private/table-base/table-head.css */
._collapse-all_3ifoo3 {
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
}

._collapse-all-expanded_3ifoo3 {
  opacity: 1;
  visibility: visible;
}

/* styles for @salsify/habanero/components/private/text-circle.css */
._text-circle_tjzyyb {
  background-color: #ffffff;
  border: 1px solid #eaedef;
}

/* styles for @salsify/habanero/components/private/toast-base.css */
._toast_1sck4z {
  border-radius: 4px;
  box-shadow: 0px -1px 12px rgba(124, 139, 146, 0.15), 0px 6px 12px rgba(124, 139, 146, 0.18), 0px 8px 8px rgba(124, 139, 146, 0.18);
  margin-top: 16px;
  min-width: 192px;
  max-width: 500px;
  transition:
    transform 0.3s ease-out,
    opacity 0.3s ease-out,
    max-height 0.3s ease-out,
    padding 0.3s ease-out,
    margin 0.3s ease-out;
}

._toast_1sck4z._visible_1sck4z {
  transform: translateY(0px);
  opacity: 1;
  max-height: 110px;
}

._toast_1sck4z._hidden_1sck4z {
  transform: translateY(100px);
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

._action_1sck4z {
  border: 0;
  background: transparent;
  color: #2276c5;
  padding-left: 16px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

._subtitle_1sck4z {
  white-space: pre-line;
}

/* styles for @salsify/habanero/components/tooltip.css */
._box_1lcjqo {
  color: #ffffff;
  background-color: #394043;
  border-radius: 4px;
  display: none;
  line-height: 140%;
  padding: 8px;
  box-shadow: 0px -1px 8px rgba(124, 139, 146, 0.15), 0px 4px 8px rgba(124, 139, 146, 0.18), 0px 4px 4px rgba(124, 139, 146, 0.18);
  font-size: 12px;
  width: max-content;
}

._show_1lcjqo {
  display: initial;
}

[data-popper-placement^='top'] > ._arrow_1lcjqo {
  bottom: -4px;
}

[data-popper-placement^='bottom'] > ._arrow_1lcjqo {
  top: -4px;
}

[data-popper-placement^='left'] > ._arrow_1lcjqo {
  right: -4px;
}

[data-popper-placement^='right'] > ._arrow_1lcjqo {
  left: -4px;
}

._arrow_1lcjqo,
._arrow_1lcjqo::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

._arrow_1lcjqo {
  visibility: hidden;
}

._box_1lcjqo._show_1lcjqo ._arrow_1lcjqo::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

._tooltip_1lcjqo {
  font-weight: 400;
  text-align: left;
}

/* styles for @salsify/habanero/components/private/tooltip/content.css */
._box_rjk6a {
}

._show_rjk6a {
}

._arrow_rjk6a {
}

/* styles for @salsify/habanero/components/private/tooltip/header.css */
._header_k0gpg4 {
  font-size: 14px;
  padding-bottom: 4px;
  font-weight: 700;
}

/* styles for @salsify/habanero/components/progress-bar.css */
._progress-bar_1suynr {
  overflow: hidden;
  flex: 1;
  height: 32px;
  box-sizing: border-box;
  min-width: 200px;
  border: 1px solid #a7b5bb;
  border-radius: 4px;
}

._bar_1suynr {
  width: 0%;
  height: 100%;

  transition: width 0.5s ease;
  position: relative;
}

._color-bar_1suynr {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

._blue-bar_1suynr {
  background-color: #2276c5;
}

._green-bar_1suynr {
  background-color: #3dc59f;
}

/* styles for @salsify/habanero/components/radio.css */
._radio_1y16qb {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  height: 16px;
  width: 16px;
  min-width: 16px;
  border-radius: 50%;
  outline: none;
  background-color: #ffffff;
  cursor: pointer;
  vertical-align: middle;
  margin: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 1px #a7b5bb;
}

/**
 * When the radio button is checked,
 * it should have a different background color.
 */
._radio_1y16qb:checked {
  background: #2276c5;
}


._radio_1y16qb._error_1y16qb {
  box-shadow: 0 0 0 1px #dd3352;
}
/**
 * When the radio button is errored
 * it should have a different border and background color.
 */
._radio_1y16qb._error_1y16qb:checked {
  background: #dd3352;
  box-shadow: 0 0 0 1px #dd3352;
}

/**
 * When the radio button is disabled,
 * it should not be clickable and should have a
 * different background color and border color.
 */
._radio_1y16qb:disabled {
  pointer-events: none;
  background: #eaedef;
  box-shadow: 0 0 0 0 #eaedef;
  border: 1px solid #ccd4d7;
}

/**
 * When the radio button is disabled and checked,
 * it should have a different background color and border color.
 */
._radio_1y16qb:disabled:checked {
  background: #a7b5bb;
  box-shadow: 0 0 0 1px #ccd4d7;
  border: 3px solid #eaedef;
}

/**
 * Styles the label text for the radio button.
 */
._label-text_1y16qb {
  margin-left: 4px;
  color: #1c1e1f;
  font-size: 14px;
  font-weight: 400;
}

/**
 * When the radio is disabled, the text has a different color.
 */
._label-text_1y16qb._disabled_1y16qb {
  color: #ccd4d7;
}

/**
 * Aligns the radio button and the label text
 */
._radio-with-label_1y16qb {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* styles for @salsify/habanero/components/removable-pill.css */
._close-icon_53iaxa {
  margin-left: 6px;
  position: relative;
}

._pill-icon_53iaxa {
  margin-right: 8px;
}

/* styles for @salsify/habanero/components/ribbon.css */
._ribbon_1cmcfk {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 8px 0 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccd4d7;
}

._top-row_1cmcfk {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

._left-side_1cmcfk {
  display: flex;
  max-width: 480px;
  width: 100%;
}

._right-side_1cmcfk {
  display: flex;
}

._right-side_1cmcfk > * {
  margin-left: 8px;
}

._bottom-row_1cmcfk {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

._bottom-row_1cmcfk > * {
  margin-top: 8px;
  margin-right: 8px;
}

._sticky_1cmcfk {
  position: sticky;
  top: 0px;
  z-index: 1;
}

/*** Resizable styles ***/

/* Wrapper to allow the resizable handler icon to be correctly positioned */
._resizable-wrapper_1cmcfk {
  position: relative;
}

/* Makes the ribbon vertically resizable */
._resizable_1cmcfk {
  resize: vertical;
  max-height: 75vh;
  overflow-y: auto;
  border-bottom: none;
}

/* Custom resize handle */
._resizable_1cmcfk::after {
  bottom: 0px;
  right: -2px; /* slight offset to the right to avoid visible border */
  position: absolute;
  pointer-events: none;
  content: "↕";
  font-size: 24px;
  height: 24px;
  width: 24px;
  text-align: center;
  background-color: #e7f0f8;
  color: #2276c5;
  border-radius: 4px;
  z-index: 2; /* Firefox issue with font-size */
}

/* styles for @salsify/habanero/components/rich-text-editor.css */
._pell-editor_1ekfkh {
  border: 1px solid #ccd4d7;
  border-radius: 4px;
  padding: 4px;
  background-color: white;
}

/* styles for @salsify/habanero/components/search-table/table-head-cell.css */
._header-cell_9i2nap {
  /* background-color and box-shadow needed for sticky header */
  background-color: #ffffff;
  border-bottom: 2px solid #2276c5;
  padding: 12px 16px;
  text-align: left;
  box-sizing: border-box;
}

._header-cell-content-wrapper_9i2nap {
  display: inline-flex;
  vertical-align: middle;
}

._sticky_9i2nap {
  top: 0px;
  /* To use box-shadow in IE9 or later, we need to set border-collapse to separate */
  border-collapse: separate;
  box-shadow: 0 2px 0 #2276c5;
  border-bottom: none;
  position: sticky;
  z-index: 1;
}

._sortable-column_9i2nap {
  cursor: pointer;
}

._arrow_9i2nap {
  align-self: center;
  color: #394043;
  visibility: hidden;
}

._arrow-left_9i2nap {
  margin-right: 4px;
}

._arrow-right_9i2nap {
  margin-left: 4px;
}

._sortable-column_9i2nap:hover ._arrow_9i2nap {
  visibility: visible;
}

._sorted-column_9i2nap {
  cursor: pointer;
}

._sorted-column_9i2nap ._arrow_9i2nap {
  visibility: visible;
}

/* styles for @salsify/habanero/components/search-table/table-head-cell/dropdown.css */
._header-dropdown-button-wrapper_nqfuyt {
  align-items: center;
  display: flex;
}

._header-dropdown_nqfuyt ul {
  font-weight: 400;
}

._header-dropdown-button_nqfuyt {
}

._header-dropdown-button_nqfuyt:hover {
  background-color: #e7f0f8;
  border-radius: 50%;
}

/* styles for @salsify/habanero/components/search-table/table-head-group-cell.css */
._header-cell_wcwycj {
  background-color: #ffffff;
  padding: 12px 16px;
  box-sizing: border-box;
}

._sticky_wcwycj {
  top: 0px;
  /* To use box-shadow in IE9 or later, we need to set border-collapse to separate */
  border-collapse: separate;
  position: sticky;
  z-index: 1;
}

/* styles for @salsify/habanero/components/search-table/table-head-group-row.css */
tr._head-group-row_1c7ms2 th {
  border-bottom: 2px solid #ccd4d7;
  box-shadow: 0 2px 0 #ccd4d7;
}

tr._head-group-row_1c7ms2 th:not(._action-head-group-cell_1c7ms2) {
  box-shadow: 0 2px 0 #ccd4d7, inset -1px 0 0 #eaedef;
}

tr._head-group-row_1c7ms2._trailing-0_1c7ms2 th:nth-last-child(1),
tr._head-group-row_1c7ms2._trailing-1_1c7ms2 th:nth-last-child(2) {
  box-shadow: 0 2px 0 #ccd4d7;
}

/* styles for @salsify/habanero/components/search-table/table-head.css */
._collapse-all_19bf74 {
}

._collapse-all-expanded_19bf74 {
}

/* styles for @salsify/habanero/components/sidebar-nav.css */
._sidebar-nav_1eeyul {
  border-right: 1px solid #a7b5bb;
  color: #1c1e1f;
  height: 100%;
  width: 256px;
}

._options_1eeyul {
  border-top: 1px solid #eaedef;
}

._sidebar-nav_1eeyul ul {
  margin: 0;
  padding: 0;
}

._sidebar-nav_1eeyul li {
  list-style: none;
}

._after-nav_1eeyul {
  margin: 8px;
}

/* TODO: complex selectors like this can lead to problems for unsuspecting consumers and should be avoided. Howeever,
 * until we have a way to provide the width of the yielded `(compoenent 'button')` from this component this will do.
 */
._after-nav_1eeyul > * > * {
  width: 100%;
}

/* styles for @salsify/habanero/components/sidebar-nav/header.css */
._sidebar-nav-header_16lolj {
  padding: 12px;
  font-size: 18px;
  font-weight: 600;
}

/* styles for @salsify/habanero/components/sidebar-nav/primary-nav-item.css */
._primary-nav-item_14guj2 {
  display: flex;
  flex-direction: column;
}

._nav-item-body_14guj2 {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  padding: 12px 8px;
  text-decoration: none;
  border: none;
  border-bottom: 1px solid #eaedef;
  color: #1c1e1f;
  background-color: transparent;

  cursor: pointer;

  transition: background-color 0.3s ease-out;
}

._nav-item-body_14guj2:hover {
  background-color: #f8f9f9;
}

._nav-item-body_14guj2:focus {
  outline: 1px dashed #1c1e1f;
}

._active_14guj2 {
  color: #2276c5;
  background-color: #e7f0f8;
}

._active_14guj2:hover {
  background-color: #e7f0f8;
}

._nav-item-body_14guj2.disabled {
  color: #a7b5bb;
  background-color: inherit;
  cursor: default;
}

._nav-item-body_14guj2.disabled:hover {
  background-color: inherit;
}

._icon-container_14guj2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

._icon_14guj2 {
  width: 10px;
  height: 10px;
}

._label-container_14guj2 {
  display: flex;
  align-items: center;
}

._label_14guj2 {
  font-size: 14px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  margin-left: 8px;
}

/* styles for @salsify/habanero/components/sidebar-nav/primary-nav-item/expandable.css */
._primary-nav-item_1e1t6x {
}

._nav-item-body_1e1t6x {
}

._active_1e1t6x {
}

._nav-item-body_1e1t6x._disabled_1e1t6x {
  color: #a7b5bb;
  background-color: inherit;
  cursor: default;
}

._nav-item-body_1e1t6x._disabled_1e1t6x:hover {
  background-color: inherit;
}

._icon-container_1e1t6x {
}

._icon_1e1t6x {
}

._label_1e1t6x {
}

._label-container_1e1t6x {
}

._expand-icon-container_1e1t6x {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  transition: background-color 0.3s ease-out;
}

._expand-icon-container_1e1t6x:hover {
  background-color: #eaedef;
}

._expand-icon-container_1e1t6x._disabled_1e1t6x {
  background-color: inherit;
}

._expand-icon_1e1t6x {
  width: 10px;
  height: 10px;
}

/* styles for @salsify/habanero/components/sidebar-nav/secondary-nav-item.css */
._secondary-nav-item_1c2xo3 {
  display: flex;
  flex-direction: column;
}

._nav-item-body_1c2xo3 {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  padding: 8px;
  border: none;
  text-decoration: none;
  color: #1c1e1f;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
}

._nav-item-body_1c2xo3:hover {
  background-color: #f8f9f9;
}

._nav-item-body_1c2xo3:focus {
  outline: 1px dashed #1c1e1f;
}

._active_1c2xo3 {
  color: #2276c5;
  background-color: #e7f0f8;
}

._nav-item-body_1c2xo3.disabled {
  color: #a7b5bb;
  background-color: inherit;
  cursor: default;
}

._level-0_1c2xo3 {
  padding-left: 8px;
}

._level-1_1c2xo3 {
  padding-left: 24px;
}

._level-2_1c2xo3 {
  padding-left: 56px;
}

._label_1c2xo3 {
  font-size: 14px;
  font-family: proxima-nova, sans-serif;
  margin-left: 16px;
}

/* styles for @salsify/habanero/components/sidebar-nav/secondary-nav-item/expandable.css */
._secondary-nav-item_gil2on {
}

._nav-item-body_gil2on {
}

._active_gil2on {
}

._nav-item-body_gil2on._disabled_gil2on {
  color: #a7b5bb;
  background-color: inherit;
  cursor: default;
}

._level-0_gil2on {
  padding-left: 8px;
}

._level-1_gil2on {
  padding-left: 24px;
}

._level-2_gil2on {
  padding-left: 56px;
}

._label_gil2on {
}

._expand-icon-container_gil2on {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  transition: background-color 0.3s ease-out;
}

._expand-icon-container_gil2on:hover {
  background-color: #eaedef;
}

._expand-icon-container_gil2on._disabled_gil2on {
  background-color: inherit;
}

._expand-icon_gil2on {
  width: 10px;
  height: 10px;
}

/* styles for @salsify/habanero/components/status-indicator.css */
._status-indicator_1xyjpo {
  align-items: center;
  display: flex;
}

@keyframes _spin_1xyjpo {
  to {
    transform: rotate(360deg);
  }
}


._small_1xyjpo {
  height: 8px;
  padding: calc(8px / 2);
  width: 8px;
}

._medium_1xyjpo {
  height: 16px;
  padding: calc(16px / 2);
  width: 16px;
}

._large_1xyjpo {
  height: 24px;
  padding: calc(24px / 2);
  width: 24px;
}

._spinner_1xyjpo {
  animation: _spin_1xyjpo .6s linear infinite;
  border: 2px solid #a7b5bb;
  border-radius: 50%;
  border-top-color: #1e6ab1;
}

._label_1xyjpo {
  color: #626d73;
  font-size: 12px;
  margin-left: 8px;
}

/* styles for @salsify/habanero/components/table.css */
._table_62yk19 {
  border-collapse: collapse;
  color: #1c1e1f;
  font-size: 14px;
  width: 100%;
}

._table_62yk19 th {
  border-bottom: 2px solid #2276c5;
  border-right: 1px solid transparent;
  padding: 12px 16px;
  text-align: left;
}

._table_62yk19 td {
  border-bottom: 1px solid #a7b5bb;
  padding: 8px 16px;
  text-align: left;
}

._table_62yk19 tr:last-child > td {
  border-bottom: 0;
}

/* styles for @salsify/habanero/components/tabs.css */
._tab-container_qfh4qf {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  border-bottom: 1px solid #a7b5bb;
}

._tab-container_qfh4qf a {
  text-decoration: none;
}

/* styles for @salsify/habanero/components/toggle.css */
._toggle-container_34b35t {
  display: flex;
  flex-direction: column;
  position: relative;
}

._toggle_34b35t {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  width: 48px;
  height: 24px;
  display: inline-block;
  border-radius: 50px;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #a7b5bb;
  transition: background-color ease 0.3s;
  outline-offset: 3px;
  margin-left: 0px;
}

._toggle_34b35t._mini_34b35t {
  width: 32px;
  height: 16px;
}

._toggle_34b35t:hover {
  background-color: #7c8b92;
}

._toggle_34b35t:focus:after {
  border-radius: 52px;
  border: 1px dashed #1c1e1f;
  content: ' ';
  position: absolute;
  top: -3px;
  left: -3px;
  right: 0;
  bottom: 0;
  width: 52px;
  height: 28px;
}

/*
* Not checked and disabled container
*/
._toggle_34b35t:not(:checked):disabled {
  background: #eaedef;
  cursor: not-allowed;
}

/* Not checked and disabled container on hover */
._toggle_34b35t:not(:checked):disabled:hover {
  background-color: #eaedef;
  cursor: not-allowed;
}

/* Not checked and disabled circle */
._toggle_34b35t:not(:checked):disabled:before {
  background: #f8f9f9;
}

/* Circle */
._toggle_34b35t:before {
  content: " ";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  white-space: nowrap;
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

._toggle_34b35t._mini_34b35t:before {
  width: 12px;
  height: 12px;
}

._toggle_34b35t._mini_34b35t:focus:after {
  width: 36px;
  height: 20px;
}

/* Checked and disabled container */
._toggle_34b35t:checked:disabled {
  opacity: 50%;
  cursor: not-allowed;
}

._toggle_34b35t:checked {
  background-color: #36ad8b;
}

._toggle_34b35t:checked:hover {
  background-color: #36ad8b;
}

._toggle_34b35t:checked:before {
  content: " ";
  left: 26px;
}

._toggle_34b35t:checked:disabled:hover {
  background-color: #36ad8b;
}

._toggle_34b35t._mini_34b35t:checked:before {
  content: " ";
  left: 18px;
}

._icon_34b35t {
  position: absolute;
  cursor: pointer;
}

._icon_34b35t._icon-disabled_34b35t {
  cursor: not-allowed;
}

._icon_34b35t._icon-checked_34b35t {
  left: 6px;
  bottom: 7px;
}

._icon_34b35t._icon-unchecked_34b35t {
  bottom: 7px;
  left: 26px;
}

/* styles for @salsify/habanero/components/worksheet-wizard.css */
._wizard-header_hh7f6r {
  margin-top: 16px;
}

._wizard-content_hh7f6r {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0;
}

._wizard-progress_hh7f6r {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 16px;
}

._wizard-actions_hh7f6r {
  margin: 16px;
}

._steps_hh7f6r {
  display: flex;
}

._step_hh7f6r {
  flex: 1;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #626d73;
}
._step-link_hh7f6r {
  color: inherit;
  text-decoration: none;
}

._step-number_hh7f6r {
  font-weight: 600;
  margin-right: 8px;
}

._current-step_hh7f6r {
  font-weight: 600;
  color: #2276c5;
  background-color: #f3f7fb;
  border-radius: 8px;
}

._completed-step_hh7f6r {
  color: #1c1e1f;
}

._completed-icon_hh7f6r {
  display: flex;
  width: 16px;
  height: 16px;
  margin-left: 16px;
}

._substeps_hh7f6r {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  font-size: 14px;
  background-color: #f3f7fb;
}

._current-substep_hh7f6r {
  font-weight: 600;
  color: #2276c5;
}

._substep_hh7f6r {
  display: flex;
  width: 200px;
  text-align: center;
}

._progress-bar_hh7f6r {
  flex: 1;
  width: 100%;
  background-color: #eaedef;
  border-radius: 25px;
}

._bar_hh7f6r {
  height: 8px;
  border-radius: 25px;
  background: linear-gradient(92deg, #2276c5 2.17%, #8252ea 99.73%);
  transition: width 0.8s ease-out;
}

/* styles for @salsify/habanero/components/worksheet.css */
/* Parsed as ms in component */

._worksheet-wrapper_nrkrel._animate-in_nrkrel ._background_nrkrel {
  background-color: rgba(54, 54, 54, 0.6);
}
._worksheet-wrapper_nrkrel._animate-in_nrkrel ._worksheet_nrkrel {
  top: 24px;
}
._worksheet-wrapper_nrkrel._animate-out_nrkrel ._worksheet_nrkrel {
  top: 100%;
}

._hidden_nrkrel {
  display: none;
}

._background_nrkrel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: calc(10 - 1);
  transition: background-color 350ms ease-in;
  background: rgb(54, 54, 54, 0.0);
}
._background_nrkrel._is-testing_nrkrel {
  transition-duration: 0ms;
}

._worksheet_nrkrel {
  top: 100vh;
  background-color: #ffffff;
  border-radius: 16px 16px 0 0;
  width: 100vw;
  height: calc(100vh - 24px);
  z-index: inherit;
  position: fixed;
  display: flex;
  flex-direction: column;
  transition: top 350ms linear;
}

._worksheet-header_nrkrel {
  display: flex;
  flex-direction: column;
  padding: 16px;
  box-shadow: 0px -1px 8px rgba(124, 139, 146, 0.15), 0px 4px 8px rgba(124, 139, 146, 0.18), 0px 4px 4px rgba(124, 139, 146, 0.18);
  z-index: 1;
}

._title-and-close_nrkrel {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._worksheet-title_nrkrel {
  color: #1c1e1f;
  flex-grow: 1;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  margin-right: 24px;
}

._worksheet-header_nrkrel ._close_nrkrel {
  background: none;
  border: none;
}

._worksheet-content_nrkrel {
  padding: 16px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

._worksheet-footer_nrkrel {
  display: flex;
  justify-content: flex-end;
  box-shadow: 0px -1px 8px rgba(124, 139, 146, 0.15), 0px 4px 8px rgba(124, 139, 146, 0.18), 0px 4px 4px rgba(124, 139, 146, 0.18);
  padding: 0 16px;
}

._worksheet-footer_nrkrel ._button_nrkrel {
  margin: 16px;
  margin-right: 0;
}

._worksheet-footer_nrkrel ._primary-button_nrkrel {
  order: 3;
}
._worksheet-footer_nrkrel ._secondary-button_nrkrel {
  order: 2;
}
._worksheet-footer_nrkrel ._tertiary-button_nrkrel {
  order: 1;
}

/* styles for @salsify/habanero/stories/particles/story-styles.css */
._sectionContainer_nfxq08 {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
}

._sectionHeader_nfxq08 {
  font-family: proxima-nova, sans-serif;
  margin-bottom: calc(3 * 4px);
}

._group_nfxq08 {
  margin-bottom: calc(6 * 4px);
}

._groupHeading_nfxq08 {
  font-weight: bold;
  margin-bottom: calc(2 * 4px);
}

._description_nfxq08 {
  margin-bottom: calc(6 * 4px);
  font-weight: normal;
}

._row_nfxq08 {
  display: flex;
  flex-direction: row;
  margin-bottom: calc(3 * 4px);
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

._unorderedList_nfxq08 {
  margin-left: 0;
  padding-left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

._colorSwatches_nfxq08 {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(52 * 4px), 1fr) );
}

._colorSwatchContainer_nfxq08 {
  margin-right: calc(3 * 4px);
  margin-bottom: calc(4 * 4px);
}

._colorSwatch_nfxq08 {
  border: 1px solid #ccd4d7;
  border-radius: 4px;
  height: calc(18 * 4px);
  text-align: center;
}

._primary_nfxq08 {
  height: calc(28 * 4px);
}

._deprecatedColor_nfxq08 {
  position: relative;
}

._deprecatedColor_nfxq08:hover:after,
._deprecatedColor_nfxq08:hover:before {
  display: none;
}

._deprecatedColor_nfxq08:before,
._deprecatedColor_nfxq08:after {
  display: flex;
  align-items: center;
  justify-content: center;
}

._deprecatedColor_nfxq08:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '⤫';
  font-size: 100px;
  background-color: rgb(255, 255, 255, 0.8);
  color: #a7b5bb;
}

._deprecatedColor_nfxq08:after {
  position: relative;
  content: 'Deprecated';
  top: 40%;
  background-color: rgb(255, 255, 255, 0.25);
  color: #394043;
}

._colorDef_nfxq08 {
  display: flex;
  justify-content: space-between;
  color: #a7b5bb;
  margin-top: 4px;
  padding: 0 4px;
}

._codeDetails_nfxq08 {
  background-color: #eaedef;
  border: 1px solid #ccd4d7;
  border-radius: 4px;
  color: #394043;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  list-style: none;
  padding: 4px calc(2 * 4px);
}

._typographyCodeDetails_nfxq08 {
  list-style: none;
  width: 40%;
}

._guidelinesContainer_nfxq08 {
  border: 1px solid #ccd4d7;
  border-radius: 4px;
  color: #394043;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  gap: 16px;
  list-style: none;
  width: 80%;
  padding: 16px;
}

._guidelinesBlock_nfxq08 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._typeSample_nfxq08 {
  padding-right: 20px;
}

._borderRadiusSample_nfxq08 {
  border-radius: 4px;
  background-color: #eaedef;
  padding: 4px calc(2 * 4px);
}

._borderRadiusSoftSample_nfxq08 {
  border-radius: 8px;
  background-color: #eaedef;
  padding: 4px calc(2 * 4px);
}

._focusOutlineSample_nfxq08 {
  outline: 1px dashed #1c1e1f;
  padding: 4px calc(2 * 4px);
}

._codeLabel_nfxq08 {
  font-family: sans-serif;
  font-weight: 700;
}

._codeValue_nfxq08 {
  font-family: monospace;
}

._keyValueDef_nfxq08 {
  margin-bottom: calc(2 * 4px);
}

._spacingRow_nfxq08 {
  border: 1px solid #ccd4d7;
  border-radius: 4px;
}

._spacingSample_nfxq08 {
  border: 1px solid #a7b5bb;
}

._spacingCodeDetails_nfxq08 {
  list-style: none;
  width: 20%;
}

/* styles for @salsify/habanero/stories/system-docs/quick-links.css */
._quickLinks_b9v7yl {
  display: flex;
  flex-wrap: wrap; 
  width: 400px; 
  margin: 8px;
  align-content: flex-start;
}

._quickLinks_b9v7yl > * {
  margin: 8px;
}
/* styles for @salsify/habanero/components/ai-library/icon.css */
@keyframes _rotating-pulse_xx5d9p {
  0% {
    transform: scale(1) rotate(0deg);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1) rotate(360deg);
  }
}

._rotating-pulse_xx5d9p {
  animation: _rotating-pulse_xx5d9p 3s ease-in-out infinite;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation-delay: 30ms;
}

/* styles for @salsify/habanero/components/banner.css */
._banner_17naxt {
  flex: 1;
  position: relative;
}

/* styles for @salsify/habanero/components/blockquote.css */
._blockquote-content_lwoezk {
  position: relative;
}

/* styles for @salsify/habanero/components/copy-to-clipboard.css */
._component_1pdsrp {
  display: inline;
  cursor: pointer;
}

/* styles for @salsify/habanero/components/editable-table/editable-cell.css */
td._editable-cell_15nbd5 {
  position: relative;
  padding: 0 !important;
  overflow: visible;
}

._cell-popup_15nbd5 {
  position: relative;
  width: 100%;
}

/* styles for @salsify/habanero/components/icon.css */
._icon_105dj4 {
  vertical-align: middle;
  align-self: center;
}

/* styles for @salsify/habanero/components/left-sidebar-layout.css */
._left-sidebar-layout_15azsw {
  flex: 1;
  display: flex;

  /* Fill the whole container in testing */
  height: 100%;

  /*
   * Create a containing block for the floating sidebar so that
   * it sits underneath the app header.
   */
  transform: translateX(0);
}

._sidebar-container_15azsw {
  flex: 0 1 auto;
}

._content-container_15azsw {
  flex: 1;
  position: relative;
}

/*
 * This class causes the div it's applied to to completely fill the
 * space it's allotted in its nearest positioned parent, _without_
 * causing the parent to expand if more content is present than will
 * fit in the viewport.
 * This allows us to write `height: 100%` on the various tables in
 * this UI and have them perfectly fill the viewport while still keeping
 * their footer pagination controls on-screen and delegating overflow
 * scrolling to happen within the table.
 */
._content-fill_15azsw {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._content_15azsw {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
}

/* styles for @salsify/habanero/components/loading-spinner.css */
._loading-spinner-container_ddvtk5._legacy_ddvtk5 {
  text-align: center;
}

._loading-spinner_ddvtk5 {
  width: 128px;
  height: 128px;
}

._loading-spinner-container_ddvtk5._legacy_ddvtk5 > ._loading-spinner_ddvtk5 {
  display: inline-block;
  width: 8em;
  height: 8em;
  margin: 3em;
}

/* styles for @salsify/habanero/components/private/button-group-base.css */
._button-group-base_1v8sur {
  display: flex;
}

/* styles for @salsify/habanero/components/private/collapsible-content-base/content.css */
._animated-container_1103oo._visible_1103oo {
  overflow: visible;
  animation-name: _reveal-overflow_1103oo;
  animation-iteration-count: 1;
}

._animated-container_1103oo._hidden_1103oo {
  overflow: hidden;
}

._content-container_1103oo._hidden_1103oo {
  max-height: 0;
  overflow: hidden;
}
._content-container_1103oo._visible_1103oo {
  max-height: max-content;
}

@keyframes _reveal-overflow_1103oo {
  0% {
    overflow: hidden;
  }
  99% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}

/* styles for @salsify/habanero/components/private/spinner.css */
._spinner_1x30nf {
  animation: _loading_1x30nf 3500ms linear forwards infinite;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHnSURBVHgBnZJNaxRBEIbfqpnM7BhdEiNCUCFZg4doRDQqUSFH/0FOiuAlBy+isn5czE1Y/RNevIoKXhQ8uOtH9CgoqLt4NVF3CevMbKa7rBnZEMImzOaFguqm++m3qgvoobGrr4bQh3jjRqn85jZ7A18PlquXkFNuN5m4+65o/5rHgBwHqKBbsxoP80DWnJjQPALJIU1XSUMIReRU5mT8Ru2Cvl7SNNZoQXi+Xpmp9QUhojmBKECsgC/X788sog/x2J3FYyDs1jxUwPNG5UxfgMyJY5NxrT8kURTLe2xDriQmAFOUrSw3sQ25cLglIqHmwkRerlui3lOR+lexkaTOSJ1waMUcycPYf+1t4cT8s2By4ZM+KsQ/KrOfheg3wYZKPlAqV6e3AowufNzhO7IrHPQKS1hSCEk2bEbsEwtEajPS/p4vXa+d7AWYuvV62G3Ho+L4hXawxx8Ekqyq7oGJm9U5LfWo9qeT/hazfDOGGmTpj7jaLYMisfF0HcWUxL64re8Pzv7MetKFJMHqU0V+sERxOvYQZ68O4ZTDdIqZJjVG2NIAuRrktC/ufLHcvUsbLaujwyKYtv9/KoQgItHGp+Fz07NofLl3+tf6O4RNtO/Ky5FgOBjqhMZPRFY6rtNcrpxb6XX2H9whuE91KGPqAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

@keyframes _loading_1x30nf {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1440deg);
  }
}


/* styles for @salsify/habanero/components/private/storybook/copy-button.css */
._copy-icon_wmzdxm {
  vertical-align: bottom;
  cursor: pointer;
}

/* styles for @salsify/habanero/components/private/storybook/icon.css */
._icon-name_kyc873 {
  margin-right: 4px;
}

/* styles for @salsify/habanero/components/private/table-base/table-empty-state.css */
._table-empty-state_xn9xc4 {
  display: flex;
  justify-content: center;
  margin-top: 4vh;
  width: 100%;
}

/* styles for @salsify/habanero/components/private/table-base/table-row.css */
._selected_ay8jnl {
  background-color: #f3f7fb;
}

tr td._row-action-cell_ay8jnl {
  max-width: 0;
  overflow: visible;
}

._row-action-container_ay8jnl {
  visibility: hidden;
  display: flex;
  justify-content: flex-end;
  position: relative;
  background: linear-gradient(90deg, transparent, #ffffff);
}

._row-action-container_ay8jnl._selected_ay8jnl {
  background: linear-gradient(90deg, transparent, #f3f7fb);
}

tr:hover > td._row-action-cell_ay8jnl > ._row-action-container_ay8jnl {
  visibility: visible;
}

._visible_ay8jnl {
  visibility: visible;
}

._row-action-container_ay8jnl button {
  background: transparent;
}

._row-action-container_ay8jnl button:hover {
  background: transparent;
  color: #2276c5;
}

/* styles for @salsify/habanero/components/sticky-footer.css */
._sticky-bottom_1rx324 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/* styles for @salsify/habanero/components/toaster.css */
._toaster_1h0it8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding-bottom: 72px;
  overflow: hidden;
  pointer-events: none;
}

/* styles for @salsify/habanero/stories/component-groups/selects/styles.css */
._featureDescription_btos57 {
  font-style: italic;
}

/* styles for @salsify/localization/components/locale-detail.css */
._locale-detail_whqfzs {
  display: flex;
  align-items: center;
  align-self: center;
}

._flag_whqfzs {
  margin-right: 12px;
}

._name_whqfzs {
  margin-right: 5px;
}

._tag_whqfzs {
  color: #ccd4d7;
  margin-right: 5px;
}

._read-only_whqfzs {
  color: #ccd4d7;
}

/* styles for @salsify/localization/components/locale-flag.css */
._image_61ycv9 {
  display: flex;
  align-self: center;
}

/* styles for @salsify/localization/components/locale-short-detail.css */
._locale-short-detail_1qvmtt {
  display: flex;
  align-items: center;
  align-self: center;
}

._flag_1qvmtt {
  margin-right: 12px;
}

._short-name_1qvmtt {
  margin-right: 5px;
}

._read-only_1qvmtt {
  color: #ccd4d7;
}

/* styles for @salsify/localization/components/locale-tag.css */
._locale-tag_1cr2pu {
  display: inline-flex;
  align-items: center;
  height: 25px;
  border-radius: 5px;
  background: #eaedef;
  font-size: 10px;
  color: #626d73;
}

._flag_1cr2pu {
  margin-left: 3px;
}

._tag_1cr2pu {
  margin: 0 10px;
}

/* styles for @salsify/localization/components/selectors/locale-option.css */
._icon_slzsv7 {
  margin-left: 5px;
  margin-right: 15px;
}

/* styles for @salsify/localization/components/selectors/selected-item.css */
._selected-item_khfpw4 {
  margin-top: 7px;
}

/* styles for @salsify/localization/components/selectors/selected-multi-item.css */
._selected-item_1pnwrp {
  margin-top: 7px;
  white-space: nowrap;
}

._selection-element_1pnwrp {
  display: inline-block;
  margin-right: 16px;
}

/* styles for @salsify/localization/components/single-locale-select.css */
._locale-flag_1e0sid {
  display: block;
  margin-left: 8px;
}

/* styles for @salsify/selectors/components/before-options.css */
._selector-search-icon_1daxem {
  margin: 0 8px;
  display: block;
}

/* styles for @salsify/selectors/components/date-selector.css */
/*  stylelint-disable selector-max-compound-selectors */
/* disabling stylelint; descendent selectors are necessary here to style
 * pikaday elements
 */
._date-selector-dropdown_1w1yu4._date-selector-dropdown_1w1yu4 {
  min-width: 195px;
}
._date-selector-dropdown_1w1yu4._date-selector-dropdown_1w1yu4 .pika-single {
      border: none;
    }
._date-selector-dropdown_1w1yu4._date-selector-dropdown_1w1yu4 .pika-lendar {
      float: none;
      margin: auto;
      padding: 8px;
      max-width: 100%;
      height: 225px;
    }
/* theme styles */
._date-selector-dropdown_1w1yu4._date-selector-dropdown_1w1yu4 .pika-button {
      color: #394043;
    }
._date-selector-dropdown_1w1yu4._date-selector-dropdown_1w1yu4 .pika-button:hover {
        color: #333;
        background-color: #ccd4d7;
      }
._date-selector-dropdown_1w1yu4._date-selector-dropdown_1w1yu4 .is-today .pika-button {
        color: #2276c5;
      }
/*  stylelint-enable */

/* styles for @salsify/selectors/components/dynamic-selector.css */
/* adjuma25 from @salsify/habanero/colors */

._dynamic-selector-trigger_112eul {
  outline: none;
  min-height: 32px;
  border-color: #ccd4d7;
  padding: 0px 16px 0px 8px;
  font-size: 13px;
  line-height: 16px;
}

._dynamic-selector-trigger_112eul:hover {
    border-color: #626d73;
  }

._dynamic-selector-trigger_112eul:focus {
    border-color: #2276c5;
  }

._dynamic-selector-trigger_112eul.ember-power-select-multiple-trigger {
    padding: 3px 8px 0px 8px;
  }

._dynamic-selector-trigger_112eul.ember-basic-dropdown-trigger--above {
    border-top-color: #ccd4d7;
  }

._dynamic-selector-trigger_112eul.ember-basic-dropdown-trigger--bottom {
    border-bottom-color: #ccd4d7;
  }

/* open dropdown styles */

._dynamic-selector-trigger_112eul[aria-expanded=true] {
    border-color: #2276c5;
  }

._dynamic-selector-trigger_112eul[aria-expanded=true] .ember-power-select-placeholder {
        color: #eaedef;
      }

._dynamic-selector-trigger_112eul .ember-power-select-placeholder {
      padding: 7px 8px;
      margin: 0px;
    }

._dynamic-selector-trigger_112eul .ember-power-select-selected-item {
      padding: 7px 8px;
      margin: 0px;
      display: block;
    }

._dynamic-selector-trigger_112eul .ember-power-select-search-input {
      outline: none;
    }

/* this element should be styled similarly to an option */

._dynamic-selector-trigger_112eul .ember-power-select-trigger-multiple-input {
      margin: 0px 8px 3px 8px;
      padding: 4px 0px;
      text-indent: 0px;

      /* specifiying height is important in Safari 10.1.2
       * (appearance: none; is no longer respected)
       */
      height: 24px;
    }

/* multiselect styles */

._dynamic-selector-trigger_112eul .ember-power-select-multiple-option {
      border: none;
      background-color: #eaedef;
      align-items: center;
      display: flex;
      margin: 0px 8px 3px 0px;
      padding: 4px 8px;
      line-height: 16px;
      height: inherit;
    }

._dynamic-selector-trigger_112eul .ember-power-select-multiple-option .ember-power-select-selected-item {
        /* inline block so multi-line items are aligned correctly */
        display: inline-block;
        margin: 0px;
        padding: 0px;
      }

._dynamic-selector-trigger_112eul .ember-power-select-multiple-remove-btn {
      color: black;
      font-size: 14px;
      line-height: 16px;
      padding-left: 8px;
      opacity: .4;
      order: 2;
    }

._dynamic-selector-trigger_112eul .ember-power-select-clear-btn {
      color: #aaaaaa;
      font-size: 14px;
      top: 8px;
      line-height: 16px;
    }

._dynamic-selector-trigger_112eul .ember-power-select-status-icon {
      align-items: center;
      border: none 0px;
      color: #626d73;
      font-size: 16px;
      display: flex;
      right: 8px;
      width: auto;
    }

._dynamic-selector-dropdown_112eul {
  color: #333;
  line-height: 16px;
  font-size: 13px;
}

._dynamic-selector-dropdown_112eul._dynamic-selector-dropdown_112eul {
    /* specificity fight with EPS modifiers */
    border-color: #2276c5;
  }

._dynamic-selector-dropdown_112eul ._power-select-static-option_112eul {
    align-items: center;
    display: flex;
  }

._dynamic-selector-dropdown_112eul ._power-select-static-option_112eul ._option-icon_112eul {
      padding-right: 16px;
    }

._dynamic-selector-dropdown_112eul.ember-basic-dropdown-content--below {
    border-top: 1px solid #ccd4d7;
    /* overlap border with trigger */
    margin-top: -1px;
  }

._dynamic-selector-dropdown_112eul.ember-basic-dropdown-content--above {
    border-bottom: 1px solid #ccd4d7;
    margin-bottom: -1px;
  }

._dynamic-selector-dropdown_112eul .ember-power-select-search-input {
      border: none;
      height: calc(32px - 8px);
      padding-left: 11px;
      outline: none;
    }

._dynamic-selector-dropdown_112eul .ember-power-select-search {
      border-bottom: solid 1px #eaedef;
      align-items: center;
      display: flex;
      height: 32px;
      padding-bottom: 3px;
    }

._dynamic-selector-dropdown_112eul .ember-power-select-group {
      border-top: 1px solid #eee;
    }

._dynamic-selector-dropdown_112eul .ember-power-select-group .ember-power-select-group-name {
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
        padding: 8px 16px;
        display: block;
      }

._dynamic-selector-dropdown_112eul .ember-power-select-options[role="listbox"] {
      max-height: 300px;
    }

._dynamic-selector-dropdown_112eul .ember-power-select-options {
      padding: 0px;
    }

/* option styles */

._dynamic-selector-dropdown_112eul .ember-power-select-option {
      padding: 8px 16px;
    }

._dynamic-selector-dropdown_112eul .ember-power-select-option[aria-current="true"] {
      background-color: #f3f7fb;
      color: #333;
    }

._dynamic-selector-dropdown_112eul .ember-power-select-option[aria-selected="true"] {
      background-color: #f3f7fb;
      color: #333;
    }

/* use selected item colors even when hovering */

._dynamic-selector-dropdown_112eul .ember-power-select-option[aria-selected="true"][aria-current="true"] {
        background-color: #f3f7fb;
        color: #333;
      }

._dynamic-selector-dropdown_112eul .ember-power-select-option[aria-disabled="true"] .default-option-color {
      color: #333;
    }

@keyframes drop-fade-below {
  0%   {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(3px);
  }
}

@keyframes drop-fade-above {
  0%   {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
    animation: drop-fade-below .15s;
  }

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
    animation: drop-fade-below .15s reverse;
  }

/* When opening above the trigger */

.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
    animation: drop-fade-above .15s;
  }

.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
    animation: drop-fade-above .15s reverse;
  }

/* styles for @salsify/selectors/components/dynamic-selector/multi-select-trigger.css */
._multi-select-clear_qi77aq {
  display: block;
  padding: 0 8px;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
}

._multi-select-clear-icon_qi77aq {
  pointer-events: none;
}

/* styles for @salsify/selectors/components/dynamic-selector/option.css */
._option-section_ulbhvs {
  display: flex;
}

._option-tooltip_ulbhvs {
  margin-left: auto;
}

._tooltip-hover-area_ulbhvs {
  border: 1px solid #a7b5bb;
  border-radius: 50%;
  padding: 2px 4px 4px;
  margin: calc(-1 * 4px);
}

/* styles for @salsify/selectors/components/record-selector.css */
._container_1fkk5j {
  display: flex;
}

._selector_1fkk5j {
  flex: 1;
}

/* styles for @salsify/selectors/components/search-box-trigger.css */
._search-box-input_1f2qgy {
  color: #303030;
  border: solid 1px #ccd4d7;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 7px 8px;
  width: 100%;

  /* specifiying height is important in Safari 10.1.2
   * (appearance: none; is no longer respected)
   */
  height: 32px;
}

._search-box-input_1f2qgy:hover {
    border-color: #626d73;
  }

._search-box-input_1f2qgy:focus {
    border-color: #2276c5;
  }

._search-box-input_1f2qgy::-webkit-search-cancel-button{
    display: none;
  }

/* open dropdown styles */
[aria-expanded=true] ._search-box-input_1f2qgy {
    border-color: #2276c5;
    border-bottom-color: #ccd4d7;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
[aria-expanded=true] ._search-box-input_1f2qgy .ember-power-select-placeholder {
        color: #eaedef;
      }

/* styles for @salsify/selectors/components/search-box.css */
.ember-power-select-trigger._search-box-trigger_k87ozj {
  /* padding/border on search-box-trigger so we can apply focus styles */
  padding: 0px;
  border: none;
  border-radius: 0px;

  overflow: hidden;
  width: 100%;
}

._search-box-trigger_k87ozj .ember-power-select-search-input {
  padding-left: 16px;
}

/* styles for @salsify/selectors/components/tree-selector/option.css */
._tree-node_1wlqgt {
  display: flex;
}

._search-result-ancestors_1wlqgt {
  font-size: 0.8em;
}

._unselectable-tree-node_1wlqgt {
  color: #ccd4d7;
}

._expander_1wlqgt {
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
}

._expander_1wlqgt:hover {
  color: #2276c5;
  background: #e7f0f8;
  border-radius: 100%;
}

._hidden_1wlqgt {
  visibility: hidden;
}

._spacer_1wlqgt {
  display: inline-block;
}