@font-face {
  font-family: "Work Sans";
  font-weight: normal;
  src: local("Work Sans"), url("/fonts/WorkSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Work Sans";
  font-weight: bold;
  src: local("Work Sans"), url("/fonts/WorkSans-Bold.woff2") format("woff2");
}
:root {
  --font-family-sans: 'Work Sans', sans-serif;
  --line-height-headers: 1.1;
  --line-height-body: 1.5;
  --font-size-xs: 0.75rem;
  --font-size-s: 0.875rem;
  --font-size-m: 1rem;
  --font-size-l: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-xxl: 1.5rem;
  --font-size-xxxl: 2rem;
  --font-size-xxxxl: 2.5rem;
  --font-size-xxxxxl: 3rem;
  --font-size-xxxxxxl: 3.5rem;
  --font-size-big: 4.5rem;
  --color-text-header: hsl(0, 0%, 0%);
  --color-text-body: hsl(0, 0%, 0%);
  --color-text-muted: hsl(0, 0%, 50%);
  --space-xxxs: 0.25rem;
  --space-xxs: 0.375rem;
  --space-xs: 0.5rem;
  --space-s: 0.75rem;
  --space-m: 1rem;
  --space-l: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 2.5rem;
  --space-xxxl: 3rem;
  --space-xxxxl: 4rem;
  --color-bg-search: hsl(44, 27%, 92%);
  --color-bg-pink: hsl(0, 63%, 97%);
  --color-bg-blue: hsl(241, 36%, 26%);
  --color-bg-devise: hsl(47, 30%, 91%);
  --color-bg-page: hsl(47, 30%, 91%);
  --color-white: hsl(0, 0%, 100%);
  --border-radius: 1.5rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  color: var(--color-text-body);
  line-height: var(--line-height-body);
  font-family: var(--font-family-sans);
}

img,
picture,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text-header);
  line-height: var(--line-height-headers);
}

h1 {
  font-size: var(--font-size-xxxl);
}

h2 {
  font-size: var(--font-size-xxl);
}

h3 {
  font-size: var(--font-size-xl);
}

h4 {
  font-size: var(--font-size-l);
}

a {
  color: var(--color-primary);
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: var(--color-primary-rotate);
}

.btn {
  display: inline flex;
  align-items: center;
  border: none;
  cursor: pointer;
}
.btn--primary, .btn--secondary {
  padding: var(--space-s) var(--space-xxxl);
  box-shadow: 0 6px hsl(0, 0%, 0%);
  border-radius: 25px;
}
.btn--primary {
  background-color: hsl(15, 100%, 73%);
}
.btn--primary:hover, .btn--primary:focus, .btn--primary:active {
  background-color: hsl(15, 100%, 69%);
}
.btn--primary:active {
  box-shadow: 0 4px hsl(0, 0%, 0%);
  transform: translate(0, 2px);
}
.btn--secondary {
  background-color: gray;
  color: white;
}
.btn--secondary:active {
  box-shadow: 0 4px hsl(0, 0%, 0%);
  transform: translate(0, 2px);
}
.btn--link {
  background: transparent;
  text-decoration-line: underline;
}

.card__image {
  width: 323px;
  height: 202px;
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  position: relative;
}
.card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.card__link {
  text-decoration: none;
  color: inherit;
}
.card__link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.card__title {
  font-size: var(--font-size-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 10px;
}
.card__actions {
  display: flex;
  align-items: center;
  gap: 1.5em;
  margin-top: 1em;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.card:hover .card__image::after {
  opacity: 1;
}
.card:hover .card__actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

dialog {
  min-height: 100vh;
  width: 40vw;
  border: none;
  margin: 0 0 auto auto;
}
dialog::backdrop {
  background: black;
  opacity: 0.6;
}

.dialog__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.dialog__title {
  color: var(--color-text-header);
  font-size: var(--font-size-xxxl);
}
.dialog__body {
  font-size: var(--font-size-xl);
  font-weight: normal;
}

#new_link_modal {
  width: 746px;
}

#show_link_modal {
  width: 654px;
}

form input[type=checkbox] {
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  background-color: var(--color-white);
  opacity: 0.7;
}
form input[type=email], form input[type=password] {
  width: 100%;
  max-width: 100%;
  height: 52px;
  border: solid 1px hsl(0, 0%, 44%);
  border-radius: 10px;
  background-color: var(--color-white);
  padding: 0 var(--space-m);
  opacity: 0.7;
}
form input[type=email]:focus, form input[type=password]:focus {
  outline: none;
}
form input[type=url] {
  width: 100%;
  max-width: 100%;
  height: 52px;
  border: solid 1px hsl(0, 0%, 44%);
  border-radius: 10px;
  background-color: var(--color-white);
  padding: 0 var(--space-m);
}
form input[type=url]:focus {
  outline: none;
}
form input[type=url]:disabled {
  border: solid 1 px hsl(0, 0%, 44%);
  opacity: 0.7;
}
form .label--disabled {
  color: hsl(0, 0%, 44%);
}
form[role=search] {
  display: flex;
  flex: 1 1 auto;
  border: solid 1px hsl(0, 0%, 0%);
  border-radius: 0.85rem;
  background-color: var(--color-white);
}
form[role=search] input[type=search] {
  width: 100%;
  max-width: 100%;
  border: none;
  border-radius: 0.85rem;
  padding: var(--space-l) var(--space-l);
  font-size: var(--font-size-l);
}
form[role=search] input[type=search]:focus {
  outline: none;
}
form[role=search] input[type=search]::placeholder {
  color: var(--color-text-muted);
}
form[role=search] button[type=submit] {
  width: 90px;
  border: none;
  text-indent: -999px;
  overflow: hidden;
  background: transparent url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3633_2178' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3633_2178)'%3E%3Cpath d='M33.1431 35.6179L22.0435 24.5416C21.226 25.2155 20.2661 25.7424 19.1639 26.1224C18.062 26.5022 16.877 26.692 15.6089 26.692C12.4945 26.692 9.85739 25.6111 7.69766 23.4491C5.53822 21.2874 4.4585 18.6794 4.4585 15.6249C4.4585 12.5705 5.53947 9.96244 7.70141 7.80078C9.86308 5.63883 12.4781 4.55786 15.5464 4.55786C18.6147 4.55786 21.2228 5.63883 23.3706 7.80078C25.5186 9.96244 26.5927 12.5726 26.5927 15.6312C26.5927 16.8529 26.41 18.0074 26.0447 19.0949C25.6792 20.1824 25.1311 21.2045 24.4006 22.1612L35.5418 33.2191L33.1431 35.6179ZM15.5756 23.3912C17.7328 23.3912 19.5581 22.6338 21.0514 21.1191C22.545 19.6044 23.2918 17.773 23.2918 15.6249C23.2918 13.4769 22.5439 11.6455 21.0481 10.1308C19.5522 8.61606 17.7281 7.85869 15.5756 7.85869C13.3997 7.85869 11.5531 8.61606 10.0356 10.1308C8.51808 11.6455 7.75933 13.4769 7.75933 15.6249C7.75933 17.773 8.51697 19.6044 10.0322 21.1191C11.5475 22.6338 13.3953 23.3912 15.5756 23.3912Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
  cursor: pointer;
}
form[role=search] button[type=submit]:focus {
  outline: none;
}

header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header .start {
  flex: 1;
  display: flex;
  column-gap: 4rem;
}
header .start .actions {
  display: flex;
  align-items: center;
}
header .start .actions img {
  transition: transform 0.15s ease;
}
header .start .actions a:hover img {
  transform: scale(1.18);
}
header .start nav {
  width: 360px;
  border-radius: 32px;
  border: solid 1px hsl(0, 0%, 0%);
  background: #F9CFB9;
  display: flex;
  justify-content: space-between;
}
header .start nav .active {
  background-color: hsl(21, 100%, 91%);
  border-radius: 32px;
  border: none;
  border-left: solid 1px hsl(0, 0%, 0%);
  border-right: solid 1px hsl(0, 0%, 0%);
  font-weight: bold;
}
header .start nav .active:first-of-type {
  border-left: solid 1px transparent;
  border-right: solid 1px hsl(0, 0%, 0%);
}
header .start nav .active:last-of-type {
  border-left: solid 1px hsl(0, 0%, 0%);
  border-right: solid 1px transparent;
}
header .start nav .inactive {
  color: #B1988A;
}
header .start nav .inactive:hover {
  background-color: transparent;
  border-radius: 0;
  border: none;
  color: #B1988A;
  cursor: default;
}
header .start nav .inactive:last-of-type:hover {
  border-left: none;
}
header .start nav a {
  flex: 1;
  text-align: center;
  color: black;
  padding: 1rem;
  border: solid 1px transparent;
}
header .start nav a:hover {
  background-color: hsl(21, 100%, 91%);
  border-radius: 32px;
  border: none;
  border-left: solid 1px hsl(0, 0%, 0%);
  border-right: solid 1px hsl(0, 0%, 0%);
  font-weight: bold;
}
header .start nav a:first-of-type:hover {
  border-left: solid 1px transparent;
  border-right: solid 1px hsl(0, 0%, 0%);
}
header .start nav a:last-of-type:hover {
  border-left: solid 1px hsl(0, 0%, 0%);
  border-right: solid 1px transparent;
}
header .end {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
header .end img {
  transition: transform 0.15s ease;
}
header .end a:hover img {
  transform: scale(1.08);
  content: url("data:image/svg+xml,%3Csvg width='61' height='61' viewBox='0 0 61 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30.5' cy='30.5' r='30.5' fill='%23E1FFD0'/%3E%3Cpath d='M11.5 47.4999C16.8333 41.6666 31.8 33.6999 49 48.4999' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M22.7042 48.3369C9.9056 44.6191 13.4486 27.4529 19.2334 21.6918C42.8353 18.0911 36.5875 29.6133 37.9758 31.7737C39.0865 33.502 39.3641 32.4938 39.3641 31.7737L46.3058 27.4529L47 29.6133C47 32.4938 44.2235 34.6543 42.8352 35.3744C43.0666 42.8158 33.5337 51.4827 22.7042 48.3369Z' fill='%23F9CFB9' stroke='black' stroke-width='2'/%3E%3Cpath d='M20 40.5378C21.7727 42.5096 26.0545 45.1626 29 40' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M24 45C27.1865 45.2463 27.8254 43.1087 28.0009 41.5C26.315 43.645 22.2288 42.5725 21.0003 41.5C20.6492 42.215 21.177 44.7818 24 45Z' fill='black'/%3E%3Cpath d='M19 30C19.6667 29.2454 21.4 28.1889 23 30' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M28 30C28.8333 29.2454 31 28.1889 33 30' stroke='black' stroke-linecap='round'/%3E%3Ccircle cx='32.5' cy='16.5' r='5.5' fill='black'/%3E%3Cmask id='path-9-inside-1_3177_1230' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.619 13.8597C13.9469 14.5948 12 16.8667 12 19.5555C12 22.8393 14.9041 25.5014 18.4865 25.5014C19.4194 25.5014 20.3064 25.3209 21.108 24.9958C22.6952 26.0008 24.5769 26.5826 26.5945 26.5826C29.6099 26.5826 32.3217 25.2831 34.2006 23.2136C34.5788 24.1919 35.1297 25.0842 35.816 25.8531C35.1072 27.1862 34.7027 28.7261 34.7027 30.3665C34.7027 35.4415 38.5748 39.5556 43.3514 39.5556C48.1279 39.5556 52 35.4415 52 30.3665C52 28.0356 51.1832 25.9075 49.8372 24.2875C50.5264 23.0458 50.9189 21.6168 50.9189 20.096C50.9189 15.3195 47.0468 11.4474 42.2703 11.4474L42.2562 11.4474C41.975 6.02661 37.4907 1.71777 31.9999 1.71777C28.3052 1.71777 25.0663 3.66869 23.2569 6.59656C19.9803 7.72192 17.4524 10.4582 16.619 13.8597Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.619 13.8597C13.9469 14.5948 12 16.8667 12 19.5555C12 22.8393 14.9041 25.5014 18.4865 25.5014C19.4194 25.5014 20.3064 25.3209 21.108 24.9958C22.6952 26.0008 24.5769 26.5826 26.5945 26.5826C29.6099 26.5826 32.3217 25.2831 34.2006 23.2136C34.5788 24.1919 35.1297 25.0842 35.816 25.8531C35.1072 27.1862 34.7027 28.7261 34.7027 30.3665C34.7027 35.4415 38.5748 39.5556 43.3514 39.5556C48.1279 39.5556 52 35.4415 52 30.3665C52 28.0356 51.1832 25.9075 49.8372 24.2875C50.5264 23.0458 50.9189 21.6168 50.9189 20.096C50.9189 15.3195 47.0468 11.4474 42.2703 11.4474L42.2562 11.4474C41.975 6.02661 37.4907 1.71777 31.9999 1.71777C28.3052 1.71777 25.0663 3.66869 23.2569 6.59656C19.9803 7.72192 17.4524 10.4582 16.619 13.8597Z' fill='black'/%3E%3Cpath d='M16.619 13.8597L16.8842 14.8238L17.4505 14.6681L17.5902 14.0977L16.619 13.8597ZM21.108 24.9958L21.6429 24.1509L21.2086 23.8759L20.7322 24.0691L21.108 24.9958ZM34.2006 23.2136L35.1333 22.853L34.5492 21.342L33.4602 22.5414L34.2006 23.2136ZM35.816 25.8531L36.699 26.3225L37.0262 25.7071L36.5621 25.1872L35.816 25.8531ZM49.8372 24.2875L48.9629 23.8021L48.6308 24.4003L49.0681 24.9265L49.8372 24.2875ZM42.2703 11.4474V10.4474H42.2695L42.2703 11.4474ZM42.2562 11.4474L41.2575 11.4992L41.3067 12.4482L42.257 12.4474L42.2562 11.4474ZM23.2569 6.59656L23.5817 7.54233L23.9197 7.42625L24.1076 7.12225L23.2569 6.59656ZM16.3537 12.8955C13.3107 13.7327 11 16.3544 11 19.5555H13C13 17.3791 14.5831 15.4569 16.8842 14.8238L16.3537 12.8955ZM11 19.5555C11 23.4717 14.4355 26.5014 18.4865 26.5014V24.5014C15.3727 24.5014 13 22.2069 13 19.5555H11ZM18.4865 26.5014C19.5489 26.5014 20.5634 26.2957 21.4838 25.9225L20.7322 24.0691C20.0493 24.346 19.2899 24.5014 18.4865 24.5014V26.5014ZM26.5945 25.5826C24.7719 25.5826 23.0749 25.0576 21.6429 24.1509L20.573 25.8407C22.3156 26.944 24.382 27.5826 26.5945 27.5826V25.5826ZM33.4602 22.5414C31.7629 24.411 29.3162 25.5826 26.5945 25.5826V27.5826C29.9035 27.5826 32.8806 26.1553 34.941 23.8858L33.4602 22.5414ZM33.2679 23.5742C33.6901 24.6664 34.3049 25.6618 35.07 26.519L36.5621 25.1872C35.9546 24.5066 35.4674 23.7174 35.1333 22.853L33.2679 23.5742ZM34.9331 25.3836C34.1483 26.8596 33.7027 28.5606 33.7027 30.3665H35.7027C35.7027 28.8917 36.0662 27.5127 36.699 26.3225L34.9331 25.3836ZM33.7027 30.3665C33.7027 35.9358 37.9663 40.5556 43.3514 40.5556V38.5556C39.1834 38.5556 35.7027 34.9472 35.7027 30.3665H33.7027ZM43.3514 40.5556C48.7364 40.5556 53 35.9358 53 30.3665H51C51 34.9472 47.5193 38.5556 43.3514 38.5556V40.5556ZM53 30.3665C53 27.7999 52.1001 25.4462 50.6064 23.6484L49.0681 24.9265C50.2664 26.3687 51 28.2713 51 30.3665H53ZM50.7115 24.7728C51.4811 23.3865 51.9189 21.7909 51.9189 20.096H49.9189C49.9189 21.4427 49.5718 22.7052 48.9629 23.8021L50.7115 24.7728ZM51.9189 20.096C51.9189 14.7672 47.5991 10.4474 42.2703 10.4474V12.4474C46.4945 12.4474 49.9189 15.8718 49.9189 20.096H51.9189ZM42.2695 10.4474L42.2554 10.4474L42.257 12.4474L42.2711 12.4474L42.2695 10.4474ZM43.2548 11.3956C42.9463 5.44615 38.0256 0.717773 31.9999 0.717773V2.71777C36.9557 2.71777 41.0038 6.60706 41.2575 11.4992L43.2548 11.3956ZM31.9999 0.717773C27.9444 0.717773 24.3902 2.86051 22.4062 6.07086L24.1076 7.12225C25.7424 4.47686 28.6661 2.71777 31.9999 2.71777V0.717773ZM17.5902 14.0977C18.3421 11.0294 20.6244 8.55803 23.5817 7.54233L22.9321 5.65078C19.3362 6.88581 16.5628 9.88695 15.6477 13.6217L17.5902 14.0977Z' fill='black' mask='url(%23path-9-inside-1_3177_1230)'/%3E%3Cellipse cx='33.5' cy='38' rx='2.5' ry='3' fill='%23EEA1A1'/%3E%3Cpath d='M23.9397 34C23.9397 34.381 23.6216 35.2571 22.3492 35.7143C21.0768 36.1714 23.5862 37.4286 25 38' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pagination {
  display: flex;
}
.pagination .next, .pagination .prev {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.pagination .next {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4049_2067' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(180 24 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4049_2067)'%3E%3Cpath d='M14.0001 2.34631L23.6538 12.0001L14.0001 21.6538L12.5808 20.2346L20.8156 12.0001L12.5808 3.76556L14.0001 2.34631Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A") center;
}
.pagination .prev {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4049_2064' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4049_2064)'%3E%3Cpath d='M9.99994 21.6537L0.346191 11.9999L9.99994 2.34619L11.4192 3.76544L3.18444 11.9999L11.4192 20.2344L9.99994 21.6537Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.pagination .current {
  font-size: 17px;
  border-bottom: 1px solid white;
}

.tag {
  display: inline flex;
  align-items: center;
  border: none;
  border-radius: 0.625rem;
  background-color: hsl(20.63, 84.21%, 85.1%);
  padding: var(--space-m);
  cursor: pointer;
}
.tag button[type=submit] {
  border: none;
  background-color: transparent;
}
.tag--dark {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 0%);
}
.tag:hover, .tag:focus, .tag:active {
  background-color: hsl(130, 32%, 51%);
}

.ts-control {
  height: 52px;
  border: 1px solid black;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 8px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.ts-wrapper.multi.has-items .ts-control {
  padding: 6px 8px 3px;
}

.full .ts-control {
  background-color: #fff;
}

.disabled .ts-control,
.disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: none;
}

.ts-control > * {
  display: inline-block;
  vertical-align: baseline;
}

.ts-wrapper.multi .ts-control > div {
  background: #f2f2f2;
  border: 0 solid #d0d0d0;
  color: #303030;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
}

.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  border: 0 solid #cacaca;
  color: #303030;
}

.ts-wrapper.multi.disabled .ts-control > div,
.ts-wrapper.multi.disabled .ts-control > div.active {
  background: #fff;
  border: 0 solid #fff;
  color: #7d7d7d;
}

.ts-control > input {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-block !important;
  flex: 1 1 auto;
  line-height: inherit !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  min-height: 0 !important;
  min-width: 7rem;
  padding: 0 !important;
  text-indent: 0 !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.ts-control > input::-ms-clear {
  display: none;
}

.ts-control > input:focus {
  outline: none !important;
}

.has-items .ts-control > input {
  margin: 0 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}

.disabled .ts-control {
  background-color: #fafafa;
  opacity: 0.5;
}

.input-hidden .ts-control > input {
  left: -10000px;
  opacity: 0;
  position: absolute;
}

.ts-dropdown {
  background: #fff;
  border: 1px solid black;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  left: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option {
  padding: 5px 8px;
}

.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.ts-dropdown [data-selectable].option {
  cursor: pointer;
  opacity: 1;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0;
}

.ts-dropdown .optgroup-header {
  background: #fff;
  color: #303030;
  cursor: default;
}

.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.ts-dropdown .active.create {
  color: #495c68;
}

.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.ts-dropdown .spinner {
  display: inline-block;
  height: 30px;
  margin: 5px 8px;
  width: 30px;
}

.ts-dropdown .spinner:after {
  animation: lds-dual-ring 1.2s linear infinite;
  border-color: #d0d0d0 transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  content: " ";
  display: block;
  height: 24px;
  margin: 3px;
  width: 24px;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.ts-dropdown-content {
  max-height: 200px;
  overflow: hidden auto;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}

.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}

.plugin-clear_button .clear-button {
  background: transparent !important;
  cursor: pointer;
  margin-right: 0 !important;
  opacity: 0;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s;
}

.plugin-clear_button.form-select .clear-button,
.plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}

.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  background: color-mix(#fff, #d0d0d0, 85%);
  border-bottom: 1px solid #d0d0d0;
  border-radius: 3px 3px 0 0;
  padding: 10px 8px;
  position: relative;
}

.ts-wrapper .dropdown-header-close {
  color: #303030;
  font-size: 20px !important;
  line-height: 20px;
  margin-top: -12px;
  opacity: 0.4;
  position: absolute;
  right: 8px;
  top: 50%;
}

.ts-wrapper .dropdown-header-close:hover {
  color: #000;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  border: 1px solid #d0d0d0;
  box-shadow: none;
}

.plugin-dropdown_input .dropdown-input {
  background: transparent;
  border: solid #d0d0d0;
  border-width: 0 0 1px;
  box-shadow: none;
  display: block;
  padding: 8px;
  width: 100%;
}

.plugin-dropdown_input .items-placeholder {
  border: 0 !important;
  box-shadow: none !important;
  width: 100%;
}

.plugin-dropdown_input.dropdown-active .items-placeholder,
.plugin-dropdown_input.has-items .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0;
}

.ts-wrapper.plugin-remove_button .item {
  align-items: center;
  display: inline-flex;
}

.ts-wrapper.plugin-remove_button .item .remove {
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  padding: 0 6px;
  text-decoration: none;
  vertical-align: middle;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

.ts-wrapper.plugin-remove_button .remove-single {
  font-size: 23px;
  position: absolute;
  right: 0;
  top: 0;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #d0d0d0;
  margin-left: 6px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: #fff;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: #fff;
}

:root {
  --ts-pr-clear-button: 0;
  --ts-pr-caret: 0;
  --ts-pr-min: 0.75rem;
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-control,
.ts-control input,
.ts-dropdown {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.box {
  padding: var(--space-m);
}
.box--center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box--full--height {
  min-height: 100vh;
}
.box--with--bg--purple {
  border-radius: 41px;
  background-color: hsl(251, 73%, 71%);
}
.box--with--bg--white {
  border-radius: 46px;
  background-color: white;
}
.box--with--bg--black {
  background-color: black;
  color: white;
}
.box--narrow {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.box--narrow--60 {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.center {
  box-sizing: content-box;
  margin-inline: auto;
  max-inline-size: 100%;
}
.center--all > * {
  margin-inline: auto;
}
@media (min-width: 992px) {
  .center--search {
    box-sizing: content-box;
    margin-inline: auto;
    inline-size: 65%;
  }
}
.center--empty-state {
  display: grid;
  place-items: center;
  min-block-size: 40vh;
  text-align: center;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m);
  align-items: center;
}
.cluster--start {
  justify-content: flex-start;
}
.cluster--end {
  justify-content: flex-end;
}
.cluster--center {
  justify-content: center;
}
.cluster--left, .cluster--right {
  flex: 1;
}

.cluster > * {
  display: flex;
  flex-wrap: wrap;
}

.grid {
  display: grid;
  grid-gap: 2rem;
  --minimum: 250px;
}

@supports (width: min(var(--minimum), 100%)) {
  .grid {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--minimum), 100%), 1fr));
  }
}
.icon {
  height: var(--font-size-l);
  width: var(--font-size-l);
}

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

.with-icon .icon {
  margin-inline-end: 0.8rem;
}

.with-sidebar {
  display: flex;
  flex-wrap: wrap;
}

.sidebar {
  flex-basis: 36rem;
  flex-grow: 1;
}

.not-sidebar {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: 50%;
}

.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.stack--small > * + * {
  margin-block-start: 0.5rem;
}
.stack--start {
  align-items: flex-start;
}

.stack > * {
  margin-block: 0;
  margin-block-start: var(--space-l, 1.5rem);
}

.color--bg--search {
  background-color: var(--color-bg-search);
  color: var(--color-text-body);
}
.color--bg--pink {
  background-color: var(--color-bg-pink);
}
.color--bg--blue {
  background-color: var(--color-bg-blue);
  color: var(--color-white);
}
.color--bg--devise {
  background-color: var(--color-bg-devise);
}
.color--bg--home {
  background-color: var(--color-bg-devise);
}
.color--bg--white {
  background-color: var(--color-white);
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.fs-l {
  font-size: var(--font-size-l);
}

.fs-xl {
  font-size: var(--font-size-xl);
}

.fs-xxl {
  font-size: var(--font-size-xxl);
}

.fs-xxxl {
  font-size: var(--font-size-xxxl);
}

.fs-xxxxl {
  font-size: var(--font-size-xxxxl);
}

.fs-xxxxxl {
  font-size: var(--font-size-xxxxxl);
}

.fs-big {
  font-size: var(--font-size-big);
}

.color-muted {
  color: hsl(0, 0%, 58%);
}

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

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.text-center {
  text-align: center;
}

.links-underline a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.list-inside {
  list-style-position: inside;
}

.bg-black {
  background-color: black;
  color: white;
}

.rounded-20 {
  border-radius: 20px;
}

.justify-end {
  justify-content: end;
}

.self-end {
  align-self: flex-end;
}