.clickable__providers {
  user-select: none;
  padding: 5px;
}
.clickable__providers .clickable__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 50px !important;
  grid-gap: 6px;
  grid-template-rows: 50px;
}
.clickable.clickable__providersModal{
  max-height: 400px;
  overflow-y: auto;
  padding-right: 8px;
}
.clickable__providers .clickable__content {
  min-width: 0;
  min-height: 0;
  width: 100%;
  border-radius: 8px;
  background: #202733;
  padding: 10px 28px;
  cursor: pointer;
  box-sizing: border-box;
}
.clickable__providers .clickable__content > *:not(:last-child) {
  margin-right: 8px;
}

.clickable__providers .clickable__content{
  border: 1px solid #202733;
}

.clickable__providers .clickable__content:hover:not(.clickable__content--selected) {
  background: #364052;
}

.clickable__providers .clickable__content--selected {
  border-color: #FD6620;
}

.clickable__providers .clickable__icon {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.clickable__providers .clickable__icon__container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clickable__providers .clickable__filter {
  position: relative;
  color: #a8adbd;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  grid-column: span 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clickable__providers .clickable__filter__container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.clickable__providers .clickable__filter__container > *:not(:last-child) {
  margin-right: 8px;
}
.clickable__providers .clickable__filter__icon {
  width: 24px;
  height: 24px;
}
.clickable__providers .clickable__filter__badge {
  position: absolute;
  width: 2ch;
  height: 2ch;
  top: 4px;
  right: 4px;
  transform: translate(50%, -50%);
  background: var(--color-main);
  color: #fff;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clickable__providers .clickable__filter__reset {
  color: #a8adbd;
  background: transparent;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  grid-column: span 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*[selected-items="0"].clickable__providers .clickable__filter__reset {
  display: none;
}*/

.providersModal > *:not(:last-child) {
  margin-bottom: 12px;
}
.providersModal__search {
  position: relative;
  color: #5f626f;
}
.providersModal__search__input {
  color: currentColor;
  text-align: left;
  height: 50px;
  width: 100%;
  border-radius: 8px;
  min-width: 0;
  background: #151721;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  padding: 12px 24px 12px 48px;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #151721;
}

.providersModal__search__input:focus{
    border-color: #FD6620;
  box-shadow: 0px 0px 6px 0px #F5965A;
}

.providersModal__search__icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-color: currentColor;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-origin: view-box;
  -webkit-mask-origin: view-box;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
}

.clickable__providersModal .clickable__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 48px;
  grid-gap: 12px;
}
.clickable__providersModal .clickable__content {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  padding: 11px 10px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 12px;
  background: #202733;
}

.clickable__providersModal .clickable__content{
  border: 1px solid #202733;
}

.clickable__providersModal .clickable__content:hover:not(.clickable__content--selected)
 {
  background: #364052;
}

.clickable__providersModal .clickable__content--selected {
  border-color: #FD6620;
}

.clickable__providersModal .clickable__filter__icon {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.clickable__content.clickable__filter__reset.hidden{
	display: none;
}
#providersModal .modal-content{
	border-radius:12px;
}

.clickable__providers .clickable__filter__icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_104_3820)'%3E%3Cpath d='M3.12305 17V19H9.12305V17H3.12305ZM3.12305 5V7H13.123V5H3.12305ZM13.123 21V19H21.123V17H13.123V15H11.123V21H13.123ZM7.12305 9V11H3.12305V13H7.12305V15H9.12305V9H7.12305ZM21.123 13V11H11.123V13H21.123ZM15.123 9H17.123V7H21.123V5H17.123V3H15.123V9Z' fill='%23A8ADBD' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_104_3820'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.123047)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_104_3820)'%3E%3Cpath d='M3.12305 17V19H9.12305V17H3.12305ZM3.12305 5V7H13.123V5H3.12305ZM13.123 21V19H21.123V17H13.123V15H11.123V21H13.123ZM7.12305 9V11H3.12305V13H7.12305V15H9.12305V9H7.12305ZM21.123 13V11H11.123V13H21.123ZM15.123 9H17.123V7H21.123V5H17.123V3H15.123V9Z' fill='%23A8ADBD' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_104_3820'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.123047)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-origin: margin-box;
  -webkit-mask-origin: margin-box;
}