.link {
  text-decoration: none;
}

.default {
  font-family: var(--typography-Body-Regular-fontFamily);
}

.breadcrumb {
  font-family: var(--typography-Footnote-Bold-fontFamily);
  font-size: var(--typography-Footnote-Bold-fontSize);
  font-weight: var(--typography-Footnote-Bold-fontWeight);
  letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
  line-height: var(--typography-Footnote-Bold-lineHeight);
}

.icon {
  align-items: center;
  display: flex;
  gap: var(--Spacing-x1);
}

.myPage {
  font-family: var(--typography-Body-Underlined-fontFamily);
  font-size: var(--typography-Body-Underlined-fontSize);
  font-weight: var(--typography-Body-Underlined-fontWeight);
  letter-spacing: var(--typography-Body-Underlined-letterSpacing);
  line-height: var(--typography-Body-Underlined-lineHeight);
  text-decoration: underline;
}

.myPageMobileDropdown {
  color: var(--Scandic-Brand-Burgundy);
  font-family: var(--typography-Body-Regular-fontFamily);
  font-size: var(--typography-Body-Regular-fontSize);
  line-height: var(--typography-Body-Regular-lineHeight);
  letter-spacing: 0.096px;
  padding: var(--Spacing-x1) var(--Spacing-x1) var(--Spacing-x1)
    var(--Spacing-x-one-and-half);
  width: 100%;
  border-radius: var(--Corner-radius-Medium);
  gap: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.myPageMobileDropdown.active {
  background-color: var(--Scandic-Brand-Pale-Peach);
  border-radius: var(--Corner-radius-Medium);
  font-family: var(--typography-Body-Underlined-fontFamily);
  font-size: var(--typography-Body-Underlined-fontSize);
  font-weight: var(--typography-Body-Underlined-fontWeight);
  letter-spacing: var(--typography-Body-Underlined-letterSpacing);
  line-height: var(--typography-Body-Underlined-lineHeight);
}

.shortcut {
  align-items: center;
  border-bottom: 0.5px solid var(--Scandic-Beige-20);
  display: grid;
  font-family: var(--typography-Body-Regular-fontFamily);
  font-size: var(--typography-Body-Regular-fontSize);
  font-weight: var(--typography-Body-Regular-fontWeight);
  gap: var(--Spacing-x2);
  grid-template-columns: 1fr auto;
  letter-spacing: var(--typography-Body-Regular-letterSpacing);
  line-height: var(--typography-Body-Regular-lineHeight);
  padding: var(--Spacing-x3);
}

.shortcut:last-of-type {
  border-bottom: none;
}

.sidebar {
  align-items: center;
  border-radius: var(--Corner-radius-Medium);
  display: flex;
  gap: var(--Spacing-x1);
  padding: var(--Spacing-x1);
}

.activeSidebar {
  background-color: var(--Scandic-Peach-20);
}

.black {
  color: #000;
}

.burgundy {
  color: var(--Scandic-Brand-Burgundy);
}

.pale {
  color: var(--Scandic-Brand-Pale-Peach);
}

.peach80 {
  color: var(--Scandic-Peach-80);
}

.regular {
  font-family: var(--typography-Body-Regular-fontFamily);
  font-size: var(--typography-Body-Regular-fontSize);
  font-weight: var(--typography-Body-Regular-fontWeight);
  letter-spacing: var(--typography-Body-Regular-letterSpacing);
  line-height: var(--typography-Body-Regular-lineHeight);
}

.activeRegular {
  font-family: var(--typography-Body-Bold-fontFamily);
  font-size: var(--typography-Body-Bold-fontSize);
  font-weight: var(--typography-Body-Bold-fontWeight);
  letter-spacing: var(--typography-Body-Bold-letterSpacing);
  line-height: var(--typography-Body-Bold-lineHeight);
}

.small {
  font-family: var(--typography-Caption-Regular-fontFamily);
  font-size: var(--typography-Caption-Regular-fontSize);
  font-weight: var(--typography-Caption-Regular-fontWeight);
  letter-spacing: var(--typography-Caption-Regular-letterSpacing);
  line-height: var(--typography-Caption-Regular-lineHeight);
}

.activeSmall {
  font-family: var(--typography-Caption-Bold-fontFamily);
  font-size: var(--typography-Caption-Bold-fontSize);
  font-weight: var(--typography-Caption-Bold-fontWeight);
  letter-spacing: var(--typography-Caption-Bold-letterSpacing);
  line-height: var(--typography-Caption-Bold-lineHeight);
}
