* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.wrapper__1mlfk {
  flex: 1;
  display: flex;
  flex-direction: column; }
  @media (max-width: 768px) {
    .wrapper__1mlfk {
      padding-bottom: 70px; } }

.container__2Dxen {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 768px) {
    .container__2Dxen {
      min-width: 400px;
      max-width: 620px; } }

.content__182yo {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 768px) {
    .content__182yo {
      flex-direction: column; }
      .content__182yo > div:not(.container__2Dxen):not(.mobileSidebar__3XIsl) {
        display: none; } }

.mobileSidebar__3XIsl {
  display: none; }
  @media (max-width: 768px) {
    .mobileSidebar__3XIsl {
      display: block;
      padding-bottom: 40px; } }

.wrapper__-qs_k {
  flex-direction: row;
  display: flex;
  align-items: center; }
  .wrapper__-qs_k:hover .title__1w2Mk span,
  .wrapper__-qs_k:hover .subtitle__1MTJh span {
    opacity: 0.7; }

.title__1w2Mk {
  display: block;
  margin-top: 10px; }

.subtitle__1MTJh {
  display: block;
  margin-top: -5px; }

.icon__1So2c {
  width: 42px;
  height: auto;
  padding-right: 20px;
  display: flex; }

.wrapper__H7Llu {
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: #333333;
  font-family: "Nimbus Sans", sans-serif; }

.uppercase__1gcSI {
  text-transform: uppercase; }

.bold__2JN3m {
  font-weight: 600; }

.medium__2xmxm {
  font-weight: 500; }

.serif__2FPvS {
  font-family: "Nimbus Roman", serif; }

.grey__3s2hL {
  color: #616b71; }

.black__5A1WF {
  color: #333333; }

.red__a2CTL {
  color: #ff3943; }

.white__CcDgb {
  color: white; }

.italic__3uiZ4 {
  font-style: italic; }

.underline__blgmP {
  text-decoration: underline; }

.centerVertical__Sg4SN {
  height: 100%;
  display: flex;
  align-items: center; }

.textAlignCenter__29K5I {
  display: flex;
  align-items: center;
  text-align: center; }

.subtitle__WsBFb {
  margin-top: 60px; }

.createPlaylist__3pq9- {
  margin-top: 20px; }

a.link__2HAj8 {
  display: block;
  text-decoration: none; }

.wrapper__1pY76 {
  display: flex;
  flex: 0 0 325px;
  flex-direction: column; }

.sidebar__3fA8_ {
  max-width: 250px;
  position: fixed; }

.wrapper__3iRlt {
  line-height: 1;
  background: none;
  border: none;
  border-radius: 10px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  user-select: none;
  cursor: pointer; }
  .wrapper__3iRlt:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(255, 57, 67, 0.5); }

.filled__3Repw {
  background: #ff3943; }

.large__1wXhW {
  width: 100%;
  height: 56px; }

.medium__APqNO {
  height: 42px;
  padding-left: 19px;
  padding-right: 19px; }
  @media (max-width: 768px) {
    .medium__APqNO {
      height: 52px;
      width: 100%; } }

.loader__37YD5 {
  margin-left: 8px; }

.disabled__iDs-S {
  opacity: 0.5; }

.underline__3Wm5U {
  text-decoration: underline;
  text-decoration-color: #ff3943; }

.loader__dywPn {
  position: relative; }

.loader__dywPn div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: 50%;
  animation: rotate__Gcik4 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: white white white transparent; }

@keyframes rotate__Gcik4 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.wrapper__cPc1W {
  background: rgba(255, 255, 255, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 768px) {
    .wrapper__cPc1W {
      background: rgba(0, 0, 0, 0.25); } }

.content__3R9YY {
  position: relative;
  background: white;
  border: 1px solid #e8ebed;
  padding: 50px 50px;
  max-width: 95%;
  border-radius: 13px; }
  @media (max-width: 768px) {
    .content__3R9YY {
      padding: 20px;
      box-shadow: 0 0 10px #999; } }

.bottom__j_gLS {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background: white;
  border: 1px solid #e8ebed;
  max-width: 100%;
  border-radius: 10px;
  padding: 20px;
  max-height: 300px;
  overflow: scroll; }

.closeIcon__3EVNk {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px; }
  @media (max-width: 768px) {
    .closeIcon__3EVNk {
      top: 30px;
      right: 30px; } }

.wrapper__11fai {
  width: 100%;
  position: relative;
  display: inline-block; }

.input__2FFQo {
  width: 100%;
  border: none;
  height: 47px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f5f6f7;
  font-size: 14px;
  border-radius: 10px; }
  .input__2FFQo:focus {
    outline: none; }
  @media (max-width: 768px) {
    .input__2FFQo {
      font-size: 16px; } }

.unit__3JVz7 {
  position: absolute;
  right: 15px;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

.title__3J3Wo {
  margin-bottom: 10px; }

input::-ms-clear {
  display: none; }

.modalTitle__2X6AF {
  margin-bottom: 25px; }

.modalSubtitle__3NjAO {
  margin-bottom: 20px;
  margin-top: 20px; }

.modal__i80PG {
  width: 410px;
  max-width: 100%; }

.modalTitle__2X6AF {
  margin-top: 20px; }

.separator__3dnFv {
  height: 2px;
  background-color: #eceef1;
  margin: 0px -50px; }
  @media (max-width: 768px) {
    .separator__3dnFv {
      margin: 0px -20px; } }

.cancelText__2mOtr {
  cursor: pointer;
  vertical-align: middle;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  text-decoration: underline;
  text-decoration-color: #ff3943;
  color: text #ff3943; }

.wrapper__2ZjHt {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  flex-direction: column; }

.item__HS6Kz {
  flex: 1; }

.loader__10uS_ {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  height: 30px; }

.itemWrapper__173iw {
  width: 100%; }

.firstItem__XSBj0 {
  border: none;
  border-bottom: 2px solid;
  border-color: #eceef1; }
  @media (max-width: 768px) {
    .firstItem__XSBj0 {
      margin: 0px -20px;
      padding: 0px 20px; } }

.list__23Kzx {
  overflow: auto;
  max-height: 250px; }
  @media (max-height: 768px) {
    .list__23Kzx {
      max-height: 100px; } }

.list__23Kzx::-webkit-scrollbar {
  -webkit-appearance: none; }

.list__23Kzx::-webkit-scrollbar:vertical {
  width: 11px; }

.list__23Kzx::-webkit-scrollbar:horizontal {
  height: 11px; }

.list__23Kzx::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.5); }

.tagItem__3crh2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  flex: 1;
  z-index: 3; }
  .tagItem__3crh2:hover {
    background: #f5f6f7; }
  @media (max-width: 768px) {
    .tagItem__3crh2 {
      width: 100; } }

.tagTitle__1T45s {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.wrapper__2ZYq5 {
  background: none;
  border: none;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 1; }
  .wrapper__2ZYq5:focus {
    outline: none; }

.wrapper__bYOGg {
  top: 0;
  left: 0;
  right: 0;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media (min-width: 768px) {
    .wrapper__bYOGg {
      display: none; } }

.logoAndUserMenu__2cQIS {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  justify-content: space-around;
  width: 100%; }

.logotype__T-_Di {
  display: flex;
  width: 140px; }

.userMenu__3M8ya {
  display: flex;
  justify-self: flex-end; }
  .userMenu__3M8ya button {
    background: none;
    border: none; }
    .userMenu__3M8ya button:focus {
      outline: none; }
  .userMenu__3M8ya img {
    height: 32px; }

.menu__oLY7d {
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
  align-items: center; }

.username__2f7Ff {
  padding: 15px;
  border-bottom: 1px solid #f5f6f7; }

.userMenuContent__oftzm button {
  padding: 15px; }

.button__19wZE {
  border: none;
  background-color: white; }

@media (max-width: 768px) {
  .active__2O6Ag {
    border-bottom: 4px solid;
    border-color: #ff3943; } }

@media (min-width: 769px) {
  .active__2O6Ag {
    border-top: 4px solid;
    border-color: #ff3943; } }

@media (max-width: 768px) {
  .notActive__3h3L3 {
    border-bottom: 4px solid;
    border-color: #eceef1; } }

@media (min-width: 769px) {
  .notActive__3h3L3 {
    border-top: 4px solid;
    border-color: white; } }

.wrapper__18LK9 {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 768px) {
    .wrapper__18LK9 {
      width: 50%; } }
  @media (min-width: 769px) {
    .wrapper__18LK9 {
      height: 110px; } }
  .wrapper__18LK9 span {
    line-height: 1; }
  .wrapper__18LK9 img {
    margin-top: -4px;
    margin-right: 4px;
    width: 25px; }
  .wrapper__18LK9:hover {
    text-decoration: none;
    opacity: 0.7; }

.content__1zYPO {
  position: absolute;
  background: white;
  width: 200px;
  right: 0;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  z-index: 99;
  border-radius: 10px; }

.wrapper__tcYV2 {
  flex: 0 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row; }
  @media (max-width: 768px) {
    .wrapper__tcYV2 {
      flex: 0 0 100px;
      display: none; } }

.logoWrapper__RVaMd {
  display: flex;
  flex: 0 0 325px;
  flex-direction: column;
  padding-left: 40px; }

.logotype__1brOm {
  display: flex;
  width: 150px; }
  @media (max-width: 768px) {
    .logotype__1brOm {
      width: 160px; } }

.menu__3DaIO {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  width: 620px; }
  @media (min-width: 768px) {
    .menu__3DaIO {
      min-width: 400px;
      max-width: 620px; } }

.container__3vUfn {
  display: flex;
  flex: 1;
  width: 620px; }
  @media (min-width: 768px) {
    .container__3vUfn {
      min-width: 400px;
      max-width: 620px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .container__3vUfn {
      flex: 0;
      margin-left: -220px; } }

.userMenuWrapper__1Vh8B {
  display: flex;
  flex: 0 0 325px;
  flex-direction: column;
  padding-right: 40px; }

.userMenu__2_9b4 {
  display: flex;
  align-self: flex-end; }
  .userMenu__2_9b4 button {
    background: none;
    border: none; }
    .userMenu__2_9b4 button:focus {
      outline: none; }
  .userMenu__2_9b4 img {
    height: 32px; }

.username__3bswm {
  padding: 15px;
  border-bottom: 1px solid #f5f6f7; }

.userMenuContent__3F9Vj button {
  padding: 15px; }

.padding__AVtEa {
  width: 28px; }

:root {
  --height_from: 50%;
  --height_one: 50%;
  --height_two: 50%;
  --height_three: 50%;
  --height_four: 50%; }

@keyframes signal__3pWYe {
  0% {
    height: var(--height_from); }
  20% {
    height: var(--height_one); }
  40% {
    height: var(--height_two); }
  60% {
    height: var(--height_three); }
  80% {
    height: var(--height_four); }
  100% {
    height: var(--height_from); } }

.wrapper__2Dizk {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }
  .wrapper__2Dizk .signal__3pWYe:nth-of-type(1) {
    --height_from: 0%;
    --height_one: 50%;
    --height_two: 38%;
    --height_three: 0%;
    --height_four: 20%; }
  .wrapper__2Dizk .signal__3pWYe:nth-of-type(2) {
    --height_from: 18%;
    --height_one: 38%;
    --height_two: 0%;
    --height_three: 43%;
    --height_four: 50%; }
  .wrapper__2Dizk .signal__3pWYe:nth-of-type(3) {
    --height_from: 50%;
    --height_one: 18%;
    --height_two: 30%;
    --height_three: 43%;
    --height_four: 0%; }
  .wrapper__2Dizk .signal__3pWYe:nth-of-type(4) {
    --height_from: 38%;
    --height_one: 0%;
    --height_two: 44%;
    --height_three: 18%;
    --height_four: 25%; }

.signal__3pWYe {
  margin-left: 3px;
  background-color: #ff3943;
  width: 4px;
  border-radius: 4px 4px;
  animation-name: signal__3pWYe;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .signal0__4Zfi3 {
    height: 10px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .signal1__1GZYc {
    height: 20px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .signal2__2byqt {
    height: 9px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .signal3__1WkC_ {
    height: 5px; } }