/*  --------------------------------------------------------------------------  *\

    Angle

    Styles here are used for Angle of a component.


    // POSITIONING (DISPLAY, FLEX, FLEX ITEM, POSITION, LEFT, TOP, TRANSFORM)
    // BOX SIZING (WIDTH, HEIGHT, MARGIN, PADDING)
    // BOX STYLING (OPACITY, BACKGROUND, BOX SHADOW, BORDER, BORDER RADIUS, OVERFLOW)
    // FONT STYLING (FONT, FONT-FAMILY, FONT-STYLE, FONT-SIZE, LINE-HEIGHT, FONT-WEIGHT)
    // TEXT STYLING (TEXT-DECORATION, TEXT-TRANSFORM, TEXT-ALIGN, TEXT-SHADOW)
    // OTHER (TRANSITONS, ANIMATIONS, CURSOR)

\*  --------------------------------------------------------------------------  */
body.pirate-primary .core-primary-1.has-angle.top-right-angle::before,
body.pirate-primary .core-primary-1.has-angle.top-left-angle::before,
body.pirate-primary .core-primary-1.has-angle.bottom-right-angle::before,
body.pirate-primary .core-primary-1.has-angle.bottom-left-angle::before,
body.pirate-primary .core-primary-1.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-primary-1.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-primary-1.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-primary-1.has-angle.right-tapers-up-angle::before {
  background-color: #40598f;
}
body.branch-high-contrast-mode .core-primary-1.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-primary-1.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-primary-1.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-primary-1.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-primary-1.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-primary-1.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-primary-1.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-primary-1.has-angle.right-tapers-up-angle::before {
  background-color: #3f000b;
}
body.pirate-primary .core-variant-1-500.has-angle.top-right-angle::before,
body.pirate-primary .core-variant-1-500.has-angle.top-left-angle::before,
body.pirate-primary .core-variant-1-500.has-angle.bottom-right-angle::before,
body.pirate-primary .core-variant-1-500.has-angle.bottom-left-angle::before,
body.pirate-primary .core-variant-1-500.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-variant-1-500.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-variant-1-500.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-variant-1-500.has-angle.right-tapers-up-angle::before {
  background-color: #8091b4;
}
body.branch-high-contrast-mode .core-variant-1-500.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-variant-1-500.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-variant-1-500.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-variant-1-500.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-variant-1-500.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-variant-1-500.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-1-500.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-1-500.has-angle.right-tapers-up-angle::before {
  background-color: #3f000b;
}
body.pirate-primary .core-variant-1-300.has-angle.top-right-angle::before,
body.pirate-primary .core-variant-1-300.has-angle.top-left-angle::before,
body.pirate-primary .core-variant-1-300.has-angle.bottom-right-angle::before,
body.pirate-primary .core-variant-1-300.has-angle.bottom-left-angle::before,
body.pirate-primary .core-variant-1-300.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-variant-1-300.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-variant-1-300.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-variant-1-300.has-angle.right-tapers-up-angle::before {
  background-color: #bfc8da;
}
body.branch-high-contrast-mode .core-variant-1-300.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-variant-1-300.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-variant-1-300.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-variant-1-300.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-variant-1-300.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-variant-1-300.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-1-300.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-1-300.has-angle.right-tapers-up-angle::before {
  background-color: #3f000b;
}
body.pirate-primary .core-primary-2.has-angle.top-right-angle::before,
body.pirate-primary .core-primary-2.has-angle.top-left-angle::before,
body.pirate-primary .core-primary-2.has-angle.bottom-right-angle::before,
body.pirate-primary .core-primary-2.has-angle.bottom-left-angle::before,
body.pirate-primary .core-primary-2.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-primary-2.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-primary-2.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-primary-2.has-angle.right-tapers-up-angle::before {
  background-color: #ffdc40;
}
body.branch-high-contrast-mode .core-primary-2.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-primary-2.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-primary-2.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-primary-2.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-primary-2.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-primary-2.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-primary-2.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-primary-2.has-angle.right-tapers-up-angle::before {
  background-color: #553b33;
}
body.pirate-primary .core-variant-2-500.has-angle.top-right-angle::before,
body.pirate-primary .core-variant-2-500.has-angle.top-left-angle::before,
body.pirate-primary .core-variant-2-500.has-angle.bottom-right-angle::before,
body.pirate-primary .core-variant-2-500.has-angle.bottom-left-angle::before,
body.pirate-primary .core-variant-2-500.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-variant-2-500.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-variant-2-500.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-variant-2-500.has-angle.right-tapers-up-angle::before {
  background-color: #ffe880;
}
body.branch-high-contrast-mode .core-variant-2-500.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-variant-2-500.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-variant-2-500.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-variant-2-500.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-variant-2-500.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-variant-2-500.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-2-500.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-2-500.has-angle.right-tapers-up-angle::before {
  background-color: #553b33;
}
body.pirate-primary .core-variant-2-300.has-angle.top-right-angle::before,
body.pirate-primary .core-variant-2-300.has-angle.top-left-angle::before,
body.pirate-primary .core-variant-2-300.has-angle.bottom-right-angle::before,
body.pirate-primary .core-variant-2-300.has-angle.bottom-left-angle::before,
body.pirate-primary .core-variant-2-300.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-variant-2-300.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-variant-2-300.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-variant-2-300.has-angle.right-tapers-up-angle::before {
  background-color: #fff3bf;
}
body.branch-high-contrast-mode .core-variant-2-300.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-variant-2-300.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-variant-2-300.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-variant-2-300.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-variant-2-300.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-variant-2-300.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-2-300.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-2-300.has-angle.right-tapers-up-angle::before {
  background-color: #553b33;
}
body.pirate-primary .core-primary-3.has-angle.top-right-angle::before,
body.pirate-primary .core-primary-3.has-angle.top-left-angle::before,
body.pirate-primary .core-primary-3.has-angle.bottom-right-angle::before,
body.pirate-primary .core-primary-3.has-angle.bottom-left-angle::before,
body.pirate-primary .core-primary-3.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-primary-3.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-primary-3.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-primary-3.has-angle.right-tapers-up-angle::before {
  background-color: #e75d55;
}
body.branch-high-contrast-mode .core-primary-3.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-primary-3.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-primary-3.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-primary-3.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-primary-3.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-primary-3.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-primary-3.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-primary-3.has-angle.right-tapers-up-angle::before {
  background-color: #f6f6f6;
}
body.pirate-primary .core-variant-3-500.has-angle.top-right-angle::before,
body.pirate-primary .core-variant-3-500.has-angle.top-left-angle::before,
body.pirate-primary .core-variant-3-500.has-angle.bottom-right-angle::before,
body.pirate-primary .core-variant-3-500.has-angle.bottom-left-angle::before,
body.pirate-primary .core-variant-3-500.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-variant-3-500.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-variant-3-500.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-variant-3-500.has-angle.right-tapers-up-angle::before {
  background-color: #ef938e;
}
body.branch-high-contrast-mode .core-variant-3-500.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-variant-3-500.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-variant-3-500.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-variant-3-500.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-variant-3-500.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-variant-3-500.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-3-500.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-3-500.has-angle.right-tapers-up-angle::before {
  background-color: #f6f6f6;
}
body.pirate-primary .core-variant-3-300.has-angle.top-right-angle::before,
body.pirate-primary .core-variant-3-300.has-angle.top-left-angle::before,
body.pirate-primary .core-variant-3-300.has-angle.bottom-right-angle::before,
body.pirate-primary .core-variant-3-300.has-angle.bottom-left-angle::before,
body.pirate-primary .core-variant-3-300.has-angle.left-tapers-up-angle::before,
body.pirate-primary .core-variant-3-300.has-angle.left-tapers-down-angle::before,
body.pirate-primary .core-variant-3-300.has-angle.right-tapers-down-angle::before,
body.pirate-primary .core-variant-3-300.has-angle.right-tapers-up-angle::before {
  background-color: #f7c9c6;
}
body.branch-high-contrast-mode .core-variant-3-300.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .core-variant-3-300.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .core-variant-3-300.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .core-variant-3-300.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .core-variant-3-300.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .core-variant-3-300.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-3-300.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .core-variant-3-300.has-angle.right-tapers-up-angle::before {
  background-color: #f6f6f6;
}
body.pirate-primary .theme-accent-color.has-angle.top-right-angle::before,
body.pirate-primary .theme-accent-color.has-angle.top-left-angle::before,
body.pirate-primary .theme-accent-color.has-angle.bottom-right-angle::before,
body.pirate-primary .theme-accent-color.has-angle.bottom-left-angle::before,
body.pirate-primary .theme-accent-color.has-angle.left-tapers-up-angle::before,
body.pirate-primary .theme-accent-color.has-angle.left-tapers-down-angle::before,
body.pirate-primary .theme-accent-color.has-angle.right-tapers-down-angle::before,
body.pirate-primary .theme-accent-color.has-angle.right-tapers-up-angle::before {
  background-color: #ab76b3;
}
body.branch-high-contrast-mode .theme-accent-color.has-angle.top-right-angle::before,
body.branch-high-contrast-mode .theme-accent-color.has-angle.top-left-angle::before,
body.branch-high-contrast-mode .theme-accent-color.has-angle.bottom-right-angle::before,
body.branch-high-contrast-mode .theme-accent-color.has-angle.bottom-left-angle::before,
body.branch-high-contrast-mode .theme-accent-color.has-angle.left-tapers-up-angle::before,
body.branch-high-contrast-mode .theme-accent-color.has-angle.left-tapers-down-angle::before,
body.branch-high-contrast-mode .theme-accent-color.has-angle.right-tapers-down-angle::before,
body.branch-high-contrast-mode .theme-accent-color.has-angle.right-tapers-up-angle::before {
  background-color: #806c66;
}

/*  --------------------------------------------------------------------------  *\

    Background

    Styles here are used for background color/image/patterned of a component.


    // POSITIONING (DISPLAY, FLEX, FLEX ITEM, POSITION, LEFT, TOP, TRANSFORM)
    // BOX SIZING (WIDTH, HEIGHT, MARGIN, PADDING)
    // BOX STYLING (OPACITY, BACKGROUND, BOX SHADOW, BORDER, BORDER RADIUS, OVERFLOW)
    // FONT STYLING (FONT, FONT-FAMILY, FONT-STYLE, FONT-SIZE, LINE-HEIGHT, FONT-WEIGHT)
    // TEXT STYLING (TEXT-DECORATION, TEXT-TRANSFORM, TEXT-ALIGN, TEXT-SHADOW)
    // OTHER (TRANSITONS, ANIMATIONS, CURSOR)

\*  --------------------------------------------------------------------------  */
body.pirate-primary .core-primary-1 {
  background-color: #002269;
}
body.branch-high-contrast-mode .core-primary-1 {
  background-color: #3f000b;
}
body.pirate-primary .core-variant-1-500 {
  background-color: #40598f;
}
body.branch-high-contrast-mode .core-variant-1-500 {
  background-color: #3f000b;
}
body.pirate-primary .core-variant-1-300 {
  background-color: #8091b4;
}
body.branch-high-contrast-mode .core-variant-1-300 {
  background-color: #3f000b;
}
body.pirate-primary .core-variant-1-100 {
  background-color: #bfc8da;
}
body.branch-high-contrast-mode .core-variant-1-100 {
  background-color: #3f000b;
}
body.pirate-primary .core-primary-2 {
  background-color: #ffd000;
}
body.branch-high-contrast-mode .core-primary-2 {
  background-color: #553b33;
}
body.pirate-primary .core-variant-2-500 {
  background-color: #ffdc40;
}
body.branch-high-contrast-mode .core-variant-2-500 {
  background-color: #553b33;
}
body.pirate-primary .core-variant-2-300 {
  background-color: #ffe880;
}
body.branch-high-contrast-mode .core-variant-2-300 {
  background-color: #553b33;
}
body.pirate-primary .core-variant-2-100 {
  background-color: #fff3bf;
}
body.branch-high-contrast-mode .core-variant-2-100 {
  background-color: #553b33;
}
body.pirate-primary .core-primary-3 {
  background-color: #df271c;
}
body.branch-high-contrast-mode .core-primary-3 {
  background-color: #f6f6f6;
}
body.pirate-primary .core-variant-3-500 {
  background-color: #e75d55;
}
body.branch-high-contrast-mode .core-variant-3-500 {
  background-color: #f6f6f6;
}
body.pirate-primary .core-variant-3-300 {
  background-color: #ef938e;
}
body.branch-high-contrast-mode .core-variant-3-300 {
  background-color: #f6f6f6;
}
body.pirate-primary .core-variant-3-100 {
  background-color: #f7c9c6;
}
body.branch-high-contrast-mode .core-variant-3-100 {
  background-color: #f6f6f6;
}
body.pirate-primary .theme-accent-color {
  background-color: #8f4899;
}
body.branch-high-contrast-mode .theme-accent-color {
  background-color: #553b33;
}

/*  --------------------------------------------------------------------------  *\

    GLOBAL MIXINS

    These are a common set of mixins that are commonly

\*  --------------------------------------------------------------------------  */
/*---=== SR ONLY ===---*/
.srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
/*---=== CLEAR FIX ===---*/
.clearfix:before,
.clearfix:after {
  display: block;
  height: 0;
  width: 100%;
  content: "";
  clear: both;
}
/*--- CLEAR ---*/
/*---=== HOVER/FOCUS ===---*/
/*.hover {
  &:hover, &:focus {
    @content;
  }
}*/
/*---=== BOXSHADOW ===---*/
/*---=== TEXTSHADOW ===---*/
/*---=== OVERLAY ===---*/
/*---=== TRANSFORM ===---*/
/*---=== POSITION ===---*/
/*---=== FLEX ===---*/
/*---=== COLUMNS ===---*/
/*---=== APPEARANCE ===---*/
/*---=== GRID ===---*/
/*--- GRID GENERATOR ---*/
/*---=== EFFECTS ===---*/
/*--- ANIMATIONS ---*/
/*--- FILTERS ---*/
/*--- TRANSITION ---*/
/*---=== FONTS ===---*/
/*--- FONT SIZE ---*/
/*--- THEME GENERATOR ---*/

/*---===<<< VARIABLES >>>===---*/
/*---=== COLORS ===---*/
/*****Nav colors******/
/*---=== To Be Changed/Removed. Not for Production code use ===---*/
/*---=== FONT SETTINGS ===---*/
/*---=== MEDIA QUERIES ===---*/
/*---=== GRID ===---*/
/*---=== SOCIAL ICON COLORS ===---*/
/*---=== Shaqalicious ===---*/
/*---=== THEME ===---*/