/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*-------------------------------------DEFAULT------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
.accountAccess {
  position: relative;
}
.accountAccess > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
  padding: 5px 10px;
  border: 2px solid var(--color-blue-04);
  border-radius: 50px;
  transition: var(--transition-mid);
}
.accountAccess .title {
  font-family: var(--text-family-body);
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-line-height);
  letter-spacing: 0em;
  text-transform: initial;
  font-weight: 600;
  text-align: left;
  color: var(--color-blue-04);
  text-decoration: none;
  transition: var(--transition-mid);
}
.accountAccess .icon path {
  transition: var(--transition-mid);
}
.accountAccess:hover a {
  background-color: var(--color-blue-04);
}
.accountAccess:hover .title {
  color: var(--color-blue-06);
}
.accountAccess:hover .icon path {
  fill: var(--color-blue-06);
}

.drawer .accountAccess {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

header.premium .accountAccess > a {
  border-color: var(--color-yellow-10);
}
header.premium .accountAccess .title {
  color: var(--color-yellow-10);
}
header.premium .accountAccess .icon path {
  fill: var(--color-yellow-10);
}
header.premium .accountAccess:hover a {
  background-color: var(--color-yellow-10);
}
header.premium .accountAccess:hover .title {
  color: var(--color-blue-07);
}
header.premium .accountAccess:hover .icon path {
  fill: var(--color-blue-07);
}

@media (min-width: 640px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------SM:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 768px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------MD:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 1024px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------LG:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 1280px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------XL:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 1536px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*-----------------------------------2XL:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}

/*# sourceMappingURL=account-access.css.map */