/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v13-latin-regular.woff') format('woff');
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/montserrat-v13-latin-500.woff') format('woff');
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/montserrat-v13-latin-600.woff') format('woff');
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/montserrat-v13-latin-700.woff') format('woff');
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/montserrat-v13-latin-900.woff') format('woff');
}
:root {
  --color-text: #333;
  --color-text-muted: #888;
  --color-text-disabled: #cbcbcb;
  --color-text-on-primary: #fff;
  --color-border: #e5e3e8;
  --color-border-light: #e8e8e8;
  --color-border-disabled: #dfdfdf;
  --color-bg-elevated: #fff;
  --color-bg-container: #f0f2f5;
  --color-bg-muted: #efefef;
  --color-bg-disabled: #f2f2f2;
  --color-primary: #1890ff;
  --color-primary-hover: #40a9ff;
  --color-shadow: rgba(0, 0, 0, 0.3);
  --color-shadow-inset-dark: rgba(0, 0, 0, 0.12);
  --color-shadow-inset-light: rgba(0, 0, 0, 0.05);
}
html[data-theme='dark'] {
  --color-text: rgba(255, 255, 255, 0.88);
  --color-text-muted: rgba(255, 255, 255, 0.55);
  --color-text-disabled: rgba(255, 255, 255, 0.3);
  --color-text-on-primary: #fff;
  --color-border: #424242;
  --color-border-light: #303030;
  --color-border-disabled: #303030;
  --color-bg-elevated: #1f1f1f;
  --color-bg-container: #141414;
  --color-bg-muted: #262626;
  --color-bg-disabled: #262626;
  --color-primary: #1890ff;
  --color-primary-hover: #40a9ff;
  --color-shadow: rgba(0, 0, 0, 0.7);
  --color-shadow-inset-dark: rgba(255, 255, 255, 0.12);
  --color-shadow-inset-light: rgba(255, 255, 255, 0.05);
}
* {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
._chipLabel_1pqb0_75 {
  display: flex;
  column-gap: 12px;
}
._drawer_1pqb0_79 ._drawerLabel_1pqb0_79 {
  display: flex;
  column-gap: 12px;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
}
._drawer_1pqb0_79 .ant-drawer-body {
  padding: 0;
}
._drawer_1pqb0_79 .ant-drawer-body > div {
  padding: 24px;
}
._drawerContent_1pqb0_92 .ant-space-item {
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  background-color: var(--color-bg-elevated);
  padding: 24px;
}
._extraSwitch_1pqb0_98 label::after {
  content: '' !important;
}
._extraSwitch_1pqb0_98 .ant-form-item {
  margin-bottom: 0;
}
._exportModal_1pqb0_104 ._ant-modal-confirm-content_1pqb0_104 {
  max-height: 70vh;
  overflow: auto;
  border-radius: 8px;
  margin-left: -34px;
}
._modalFooter_1pqb0_110 {
  margin-top: calc(24px * 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: calc(24px / 2);
}
._gridList_1pqb0_117 ._gridHeader_1pqb0_117,
._gridList_1pqb0_117 ._gridFooter_1pqb0_118 {
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
._gridList_1pqb0_117 ._eFlex_1pqb0_124 {
  display: flex;
  align-items: center;
  column-gap: calc(24px / 2);
  overflow: hidden;
}
._gridList_1pqb0_117 ._eFlex_1pqb0_124 img {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
._gridList_1pqb0_117 ._gridHeader_1pqb0_117 {
  display: flex;
}
._toolbar_1pqb0_138 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 8px;
}
.ant-drawer {
  z-index: 1051 !important;
}
.ant-collapse {
  height: 100%;
}
.ant-collapse ._ant-collapse-item_1pqb0_150 {
  height: inherit;
}
.ant-collapse ._ant-collapse-content_1pqb0_153 {
  height: calc(100% - 56px);
}
.ant-collapse-header {
  min-height: 55px;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.ant-collapse-header ._ant-collapse-header-text_1pqb0_161 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-dropdown-menu-item-extra {
  flex-grow: 1;
  text-align: right;
}
.ant-spin-nested-loading {
  display: contents;
}
.w-json-view-container {
  width: 100%;
}
._extraPanel_1pqb0_176 {
  display: flex;
  column-gap: 8px;
}
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}