/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Raleway","arguments":[{"subsets":["latin"],"variable":"--font-raleway","weight":["300","400","500","600","700"]}],"variableName":"raleway"} ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/200388358b398524-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/6e67fad4fa881005-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/10dadb2e82d03733-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/95d1875af7c44e92-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/630c17af355fa44e-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/200388358b398524-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/6e67fad4fa881005-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/10dadb2e82d03733-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/95d1875af7c44e92-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/630c17af355fa44e-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/200388358b398524-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/6e67fad4fa881005-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/10dadb2e82d03733-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/95d1875af7c44e92-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/630c17af355fa44e-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/200388358b398524-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/6e67fad4fa881005-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/10dadb2e82d03733-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/95d1875af7c44e92-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/630c17af355fa44e-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/200388358b398524-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/6e67fad4fa881005-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/10dadb2e82d03733-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/95d1875af7c44e92-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Raleway_89f169';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/630c17af355fa44e-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Raleway_Fallback_89f169';src: local("Arial");ascent-override: 90.51%;descent-override: 22.53%;line-gap-override: 0.00%;size-adjust: 103.86%
}.__className_89f169 {font-family: '__Raleway_89f169', '__Raleway_Fallback_89f169';font-style: normal
}.__variable_89f169 {--font-raleway: '__Raleway_89f169', '__Raleway_Fallback_89f169'
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Lato","arguments":[{"subsets":["latin"],"variable":"--font-lato","weight":["400","700","900"]}],"variableName":"lato"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* latin-ext */
@font-face {
  font-family: '__Lato_2b503c';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/cce080f35d014443-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Lato_2b503c';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/4de1fea1a954a5b6-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: '__Lato_2b503c';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/39969fcf98a3026e-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Lato_2b503c';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/6d664cce900333ee-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: '__Lato_2b503c';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/f97d1853053d8931-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Lato_2b503c';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/7ff6869a1704182a-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Lato_Fallback_2b503c';src: local("Arial");ascent-override: 101.03%;descent-override: 21.80%;line-gap-override: 0.00%;size-adjust: 97.69%
}.__className_2b503c {font-family: '__Lato_2b503c', '__Lato_Fallback_2b503c';font-style: normal
}.__variable_2b503c {--font-lato: '__Lato_2b503c', '__Lato_Fallback_2b503c'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/star/buttons/starbuttonbase.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.starbuttonbase_base__b2Myu {
    font-size: 1rem;
    font-weight: 600;
    padding: var(--medium-gap-padding-size);
    border: none;
    border-radius: var(--radius-large);
    font-family: inherit;
    cursor: pointer;
    /* reset anchor styles when rendered as a link */
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.starbuttonbase_hasMaxWidth__SU6p2 {
    width: 100%;
}

.starbuttonbase_hasHalfWidth__EMkU1 {
    width: 50%;
}

.starbuttonbase_hasQuarterWidth__7bv4A {
    width: 25%;
}

.starbuttonbase_disabled__OeB6g {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 767px) {
    .starbuttonbase_hasMobileFullWidth__LmYH_ {
        width: 100%;
    }

    .starbuttonbase_hasMobileHalfWidth__JF1Fl {
        width: 50%;
    }

    .starbuttonbase_hasMobileQuarterWidth__y_851 {
        width: 25%;
    }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/star/buttons/starbuttonsecondary.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.starbuttonsecondary_secondary__1U2yn {
  background-color: var(--secondary-button-background);
  color: var(--secondary-button-text-color);

  &:hover {
    background-color: var(--tertiary-color);
    color: var(--tertiary-color-text);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/devTimeToggle.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ********  SASS VARIABLE DEFINITIONS ******** */
/* Widths for different screen sizes, depending on a user's screen */
/* Staff Colors */
.devTimeToggle_wrapper__Xi8SY {
  display: none;
}

@media screen and (min-width: 1024px) {
  .devTimeToggle_wrapper__Xi8SY {
    display: flex;
    position: fixed;
    bottom: 8px;
    right: 8px;
    z-index: 9999;
    gap: 4px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Layout/bottomNav.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ********  SASS VARIABLE DEFINITIONS ******** */
/* Widths for different screen sizes, depending on a user's screen */
/* Staff Colors */
.bottomNav_bottomNav__MfKkq {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: var(--nav-background);
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 100;
}

.bottomNav_navItem__A2v2p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--xsmall-gap-padding-size);
  color: var(--nav-link-color) !important;
  text-decoration: none !important;
  flex: 1 1;
  height: 100%;
}
.bottomNav_navItem__A2v2p i {
  font-size: 1.2rem;
}
.bottomNav_navItem__A2v2p:hover {
  opacity: 0.75;
  text-decoration: none !important;
}

@media screen and (min-width: 1024px) {
  .bottomNav_bottomNav__MfKkq {
    display: none;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/errorMessage.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.errorMessage_error__OnKmw {
  background-color: var(--error-background);
  color: var(--error-text);
  border-radius: var(--radius-large);
  padding: var(--medium-gap-padding-size);
}

.errorMessage_inline__2DqKF {
  background: none;
  color: var(--error-background);
  border-radius: 0;
  padding: var(--xsmall-gap-padding-size) 0;
  margin: 0;
  font-size: 0.8em;
  font-weight: bold;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/star/starModal.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ********  SASS VARIABLE DEFINITIONS ******** */
/* Widths for different screen sizes, depending on a user's screen */
/* Staff Colors */
.starModal_overlay__HXncu {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  animation: starModal_fadeIn__poL5j 0.225s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  z-index: var(--z-modal-overlay);
  opacity: 0;
}

.starModal_overlay__HXncu.starModal_closing__mnn6y {
  animation: starModal_fadeOut__51_Tb 0.225s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 1;
}

.starModal_modalWrapper__lWxL9 {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
  z-index: var(--z-modal);
}
@media (min-width: 768px) {
  .starModal_modalWrapper__lWxL9 {
    align-items: center;
  }
}

.starModal_headerWrapper__6GDzy {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: var(--primary-color);
  color: var(--primary-color-text);
}

.starModal_modalTitle__x0RJr {
  margin: var(--small-gap-padding-size);
  padding: var(--small-gap-padding-size);
}

.starModal_closeButton__3NkZ6 {
  margin: var(--small-gap-padding-size);
  padding: var(--small-gap-padding-size);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.starModal_closeButton__3NkZ6:hover {
  cursor: pointer;
  background-color: var(--tertiary-color);
}

.starModal_modal__B6uDP {
  background-color: var(--content-background-color);
  color: var(--content-text-color);
  border-radius: var(--radius-small);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: calc(100vh - 40px);
  max-height: calc(100vh - 40px);
  bottom: 0;
  margin-bottom: 20px;
  animation: starModal_unfoldIn__BW5Pz 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@media (min-width: 768px) {
  .starModal_modal__B6uDP {
    min-height: 300px;
    max-height: 80vh;
    width: 50%;
    height: auto;
    bottom: auto;
  }
}

@media (min-width: 768px) {
  .starModal_modal__B6uDP.starModal_useMinHeight__PV8P0 {
    min-height: 520px;
  }
}

.starModal_modal__B6uDP.starModal_accessibilityMode__Ivnga {
  animation: starModal_fadeIn__poL5j 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 0;
}

.starModal_modal__B6uDP.starModal_closing__mnn6y {
  animation: starModal_unfoldOut__tY7dm 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.starModal_modal__B6uDP.starModal_closing__mnn6y.starModal_accessibilityMode__Ivnga {
  animation: starModal_fadeOut__51_Tb 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 1;
}

.starModal_modalBody__nyYNR {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: var(--medium-gap-padding-size);
}

.starModal_modalBodyContent___suIJ {
  width: 100%;
  /* Centers short content vertically without the flexbox overflow-clipping bug that
     align-items/justify-content: center has (collapses to 0 and top-aligns when content overflows) */
  margin: auto 0;
}

.starModal_modalOptions__EmErE {
  display: flex;
  justify-content: center;
  gap: var(--small-gap-padding-size);
  flex-shrink: 0;
  padding: var(--medium-gap-padding-size);
  padding-top: 0;
}

@keyframes starModal_fadeIn__poL5j {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes starModal_fadeOut__51_Tb {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes starModal_unfoldIn__BW5Pz {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@keyframes starModal_unfoldOut__tY7dm {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/star/buttons/starbuttonteritary.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.starbuttonteritary_teritary__91hoZ {
  background-color: transparent;
  color: var(--tertiary-color);
  font-weight: bold;
}
.starbuttonteritary_teritary__91hoZ:hover {
  background-color: var(--tertiary-color);
  color: #fff;
  transition: 1s;
}

/* Two classes so these win over .base in starbuttonbase.module.css regardless of stylesheet order. */
.starbuttonteritary_teritary__91hoZ.starbuttonteritary_inline__yZD8d {
  padding: 0;
  border-radius: 0;
  font-size: inherit;
  font-weight: inherit;
  color: var(--link-color);
  vertical-align: baseline;
}
.starbuttonteritary_teritary__91hoZ.starbuttonteritary_inline__yZD8d:hover {
  background-color: transparent;
  color: var(--link-hover-color);
  text-decoration: underline;
  transition: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/star/buttons/starbuttonprimary.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.starbuttonprimary_primary___hzEp {
  background-color: var(--primary-button-background);
  color: var(--primary-button-text-color);

  &:hover {
    background-color: var(--tertiary-color);
    color: var(--tertiary-color-text);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/exploration/events/event.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.event_randomEvent__6pgAm {
  display: flex;
  flex-direction: column;
  gap: var(--small-gap-padding-size);
  text-align: center;
  width: 100%;
}

.event_text__GXa_w {
  margin: 0;
}

.event_imageWrapper__S__nm {
  align-self: center;
  max-width: 100%;
}
.event_imageWrapper__S__nm img {
  max-width: 100%;
  height: auto;
}

.event_actions__mfMkc {
  display: flex;
  justify-content: center;
  gap: var(--small-gap-padding-size);
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/pet/petImage.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.petImage_grayscale__GBu97 {
  opacity: 0.5;
  filter: saturate(0);
  filter: brightness(0);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/star/inputs/starinputbase.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.starinputbase_inputGroup__3rk7N {
  display: flex;
  flex-direction: column;
  gap: var(--small-gap-padding-size);
}

.starinputbase_label__I_rbl {
  display: block;
  font-weight: 600;
  color: #000; /* MAYBE TODO: use var(--content-text-color); instead of #000*/
}

.starinputbase_input__hRVvP {
  padding: 0.75rem;
  font-size: 1rem;
  border: 1px solid #ddd;
  border-radius: var(--radius-small);
  font-family: inherit;
  color: #000; /* MAYBE TODO: use var(--content-text-color); instead of #000*/
  background-color: #fff; /* MAYBE TODO: use var(--content-background-color) instead of #fff */
}

.starinputbase_input__hRVvP:focus {
  outline: none;
  border-color: var(--primary-button-background);
  box-shadow: 0 0 0 3px rgba(23, 84, 128, 0.1);
}

.starinputbase_input__hRVvP:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/star/starclickableimage.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.starclickableimage_clickableImage__8Xfpl {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.starclickableimage_clickableImage__8Xfpl:hover, .starclickableimage_clickableImage__8Xfpl:focus-visible {
  transform: scale(1.05);
}

/* Anchors are inline by default, which transform ignores */
a.starclickableimage_clickableImage__8Xfpl {
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .starclickableimage_clickableImage__8Xfpl {
    transition: none;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/NPC/npc.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* With Dialogue styles */
.npc_npcSceneWrapper__VY6i1 {
  position: relative;
  width: 100%;
}

.npc_npcBackgroundImageWrapper__CYw9O {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 2000px; /* matches the source art's native width so cover doesn't have to upscale past it */
  height: calc(100% - 30px); /* trims the top of the background so it sits further behind the NPC */
}

.npc_npcBackgroundImage__npWoY {
  object-fit: cover;
  object-position: center bottom;
}

.npc_npcWithDialogueWrapper__cwnOP {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: var(--medium-gap-padding-size);
}

.npc_bubbleWrapper__qlOpa {
  display: flex;
  height: 300px; /* Must match image height on desktop */
  align-items: center;
}

.npc_speechBubble__qTqQM {
  position: relative;
  background: var(--tertiary-color);
  border-radius: 0.4em;
  width: 300px;
  min-width: 300px;
  padding: var(--medium-gap-padding-size);
}

.npc_speechBubble__qTqQM:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: var(--tertiary-color);
  border-left: 0;
  border-top: 0;
  margin-top: -10px;
  margin-left: -20px;
}

.npc_innerSpeechBubble__e3kg8 {
  color: var(--tertiary-color-text);
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  max-height: 250px;
  overflow: auto;
}

.npc_thieveryInteractionBtnWrapper__lMdXR {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: var(--small-gap-padding-size);
}

/* TODO - quick mobile styles for preview, fix later */
@media screen and (max-width: 768px) {
  .npc_npcWithDialogueWrapper__cwnOP {
    flex-direction: column;
    align-items: center;
    gap: var(--small-gap-padding-size);
  }
  .npc_bubbleWrapper__qlOpa {
    height: auto;
  }
  .npc_speechBubble__qTqQM {
    width: 100%;
    min-width: 0;
    max-width: 300px;
  }
  .npc_speechBubble__qTqQM:after {
    top: 0;
    left: 50%;
    transform: rotate(90deg);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/exploration/explorationModal.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.explorationModal_resumedNotice__dtvX1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--small-gap-padding-size);
  width: 100%;
  background-color: var(--content-alt-background-color);
  padding: var(--small-gap-padding-size) var(--medium-gap-padding-size);
  border-radius: var(--radius-small);
}

.explorationModal_resultWrapper__JmHSm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--medium-gap-padding-size);
  text-align: center;
  width: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Layout/explorationBanner.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.explorationBanner_bannerButton__AeAXB {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 12.35%;
  margin-left: 43.25%;
  position: relative;
  pointer-events: auto;
}
.explorationBanner_bannerButton__AeAXB:hover {
  transition: transform 0.5s ease;
  transform: scale(1.05);
}

.explorationBanner_bannerIcon__FdIQz {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--explore-ribbon-text-color);
  font-size: 3.5rem;
  pointer-events: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/components/Layout/sidebar.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* ── SVG Shell ──────────────────────────────────────────────────────────── */

.sidebar_sidebarShell__RUqHr {
    position: relative;
    width: 350px;
    aspect-ratio: 350 / 900;
    flex-shrink: 0;
}

.sidebar_svgLayer__Raxc0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.sidebar_svgLayer__Raxc0 svg {
    width: 100%;
    height: 100%;
}

/* Zone 1 — gray header band (SVG y ≈ 76–131 out of 900)
   Band is a trapezoid: widest at bottom (x ≈ 52–297 out of 350) → ~15% inset each side */
.sidebar_sidebarHeaderZone__f_82W {
    position: absolute;
    top: 8.5%;
    left: 15%;
    right: 15%;
    height: 6.2%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Zone 2+3 — white body area (SVG y ≈ 131–820 out of 900), flex column */
.sidebar_sidebarBodyZone__PwrJV {
    position: absolute;
    top: 14.6%;
    left: 10%;
    right: 10%;
    bottom: 8.9%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Zone 2 — upper body: shrinks to content, never scrolls horizontally */
.sidebar_sidebarUpperBodyZone__tUzv1 {
    overflow-y: auto;
    overflow-x: hidden;
}

/* Zone 3 — lower body: takes remaining space, scrollable if needed */
.sidebar_sidebarLowerBodyZone__iPWwh {
    flex: 1 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Zone 4 — gray footer band (SVG y ≈ 820–865 out of 900) */
.sidebar_sidebarFooterZone__OxVvc {
    position: absolute;
    top: 91.1%;
    left: 7%;
    right: 7%;
    height: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* ── Zone Content ───────────────────────────────────────────────────────── */

/* Header zone: avatar + username */
.sidebar_sidebarUserHeader__0UAmI {
    display: flex;
    align-items: center;
    gap: var(--small-gap-padding-size);
    overflow: hidden;
}

.sidebar_sidebarUserHeader__0UAmI a {
    color: var(--faded-color-text) !important;
}

.sidebar_sidebarUserHeader__0UAmI span {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Upper body zone: kaysona + info side by side */
.sidebar_sidebarKaysonaZone___56Jk {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--small-gap-padding-size);
    padding: var(--small-gap-padding-size) var(--medium-gap-padding-size);
}

.sidebar_sidebarKaysona__rATf7 {
    flex: 1 1;
    overflow: hidden;
    border-radius: var(--radius-small);
    max-height: 115px;
}

.sidebar_sidebarKaysona__rATf7:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.sidebar_sidebarKaysona__rATf7 img {
    margin-left: -26px;
    margin-top: -18px;
}

.sidebar_sidebarUserInfo__QQdxG {
    flex: 2 1;
    min-height: 0;
    font-weight: bold;
}

.sidebar_sidebarRankContainer__ZWkUe {
    margin-bottom: var(--xsmall-gap-padding-size);
}

.sidebar_sidebarRank__GouuE {
    width: 100%;
    height: 20px;
    background: var(--secondary-color);
    border-radius: var(--radius-small);
    margin: 6px auto;
    padding: 0 3px;
    clear: both;
}

.sidebar_sidebarRank__GouuE:hover {
    background: var(--tertiary-color);
}

.sidebar_sidebarRankContainer__ZWkUe a {
    color: var(--secondary-color-text) !important;
}

.sidebar_sidebarRankContainer__ZWkUe a:hover {
    color: var(--tertiary-color-text) !important;
}

.sidebar_sidebarRank__GouuE img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    float: left;
}

.sidebar_sidebarRank__GouuE span {
    float: right;
}

.sidebar_sidebarExperience__XjPgF {
    width: 100%;
    background: var(--content-background-color);
    height: 4px;
    border: 1px solid var(--faded-color);
    margin: var(--small-gap-padding-size) 0;
}

.sidebar_sidebarExperienceFill__xRJah {
    width: 70%;
    background: var(--primary-color);
    height: 4px;
}

.sidebar_sidebarExperienceValues__kVPi4 {
    color: var(--primary-color-text);
}

.sidebar_sidebarCurrencies__Aw7_H {
    background-color: var(--content-alt-background-color);
    padding: var(--xsmall-gap-padding-size);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    border-radius: var(--radius-small);
    gap: var(--small-gap-padding-size);
}

.sidebar_sidebarKwin___jwrN,
.sidebar_sidebarCloves___PagR {
    display: flex;
    align-items: center;
}

.sidebar_sidebarKwin___jwrN a,
.sidebar_sidebarCloves___PagR a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    gap: var(--small-gap-padding-size);
}

.sidebar_sidebarTopIcons__bJmdo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    gap: var(--small-gap-padding-size);
}

.sidebar_sidebarTopIcons__bJmdo .sidebar_iconWrapper__xvvos {
    width: 42px;
    height: 42px;
    font-size: 24px;
    background: var(--sidebar-border-color);
    color: var(--tertiary-color-text);
}

.sidebar_sidebarTopIcons__bJmdo .sidebar_iconWrapper__xvvos:hover {
    background: var(--content-alt-background-color);
    color: var(--tertiary-color);
    background: var(--tertiary-color);
    color: var(--tertiary-color-text);
}

.sidebar_sidebarHeading__5_ZLI {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin: 0 auto;
    color: var(--faded-color-text);
    background: var(--faded-color);
    border-radius: var(--radius-small) var(--radius-small) 0 0;
    padding: var(--xsmall-gap-padding-size);
    margin-top: var(--small-gap-padding-size);
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

.sidebar_sidebarHeading__5_ZLI span {
    margin-left: 3px;
}

.sidebar_sidebarTabs__JWOc4 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0 var(--small-gap-padding-size);
}

/* Lower body zone: pet */
.sidebar_sidebarPetZoneContainer__eQZDJ {
    background-color: var(--content-alt-background-color);
    border-radius: var(--radius-small);
    margin-bottom: 20px;
}
.sidebar_sidebarPetZone__qSIFR {
    display: flex;
    justify-content: center;
    padding: var(--small-gap-padding-size) 0;
}

.sidebar_sidebarPetLevels__6q1YF {
    color: var(--content-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--xsmall-gap-padding-size);
    margin-bottom: 3px;
}

.sidebar_sidebarPetLevel__Ss6ic {
    height: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7em;
    background-color: var(--content-background-color);
    padding: var(--xsmall-gap-padding-size);
    border-radius: var(--radius-small);
    border: 1px solid var(--faded-color);
    margin-bottom: var(--xsmall-gap-padding-size);
}

.sidebar_sidebarPetLevel__Ss6ic img {
    margin-right: 2px;
    float: left;
}
/* pet zone: health, happiness, and hunger meters */

.sidebar_sidebarPetMeters__uF0NW {
    display: flex;
    flex-direction: column;
    padding: var(--xsmall-gap-padding-size);
    gap: var(--small-gap-padding-size);
}

.sidebar_sidebarPetMeter__cGZCP {
    height: 8px;
    width: 100%;
    max-width: 110px;
    background-color: var(--content-background-color);
    border: 1px solid var(--faded-color);
    margin: var(--xsmall-gap-padding-size) auto;
}

.sidebar_sidebarPetMeterRow__G3Zvx {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    gap: var(--xsmall-gap-padding-size);
    color: var(--content-text-color);
}

.sidebar_sidebarPetMeterRow__G3Zvx i {
    font-size: 1.2em;
}

.sidebar_sidebarPetHealthFill__0hEPD,
.sidebar_sidebarPetHappinessFill__RKlvO,
.sidebar_sidebarPetHungerFill__KgVRP {
    height: 8px;
}

.sidebar_sidebarPetHealthFill__0hEPD {
    width: 30%;
    background: var(--primary-color);
}

.sidebar_sidebarPetHappinessFill__RKlvO {
    width: 88%;
    background: var(--secondary-color);
}

.sidebar_sidebarPetHungerFill__KgVRP {
    width: 55%;
    background: var(--tertiary-color);
}

.sidebar_sidebarPetStatusEffects__3OwOQ {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--small-gap-padding-size);
    background-color: var(--content-background-color);
    border: 1px solid var(--faded-color);
    color: var(--content-text-color);
    text-align: left;
    font-size: 0.8em;
    margin: var(--xsmall-gap-padding-size);
    padding: var(--xsmall-gap-padding-size);
}

.sidebar_sidebarPet__YSUhq {
    margin: var(--xsmall-gap-padding-size);
}

/* Pet Zone Bottom Buttons */

.sidebar_sidebarPetButtons__a_y2o {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--small-gap-padding-size);
    justify-content: space-around;
    align-items: center;
    margin: var(--small-gap-padding-size);
    padding-bottom: var(--small-gap-padding-size);
}

.sidebar_sidebarAutoHeal__lCWEJ {
    background-color: var(--primary-color);
    color: var(--primary-color-text) !important;
    padding: var(--small-gap-padding-size);
    border-radius: var(--radius-small);
    text-transform: uppercase;
}

.sidebar_sidebarAutoHeal__lCWEJ:hover {
    text-decoration: underline;
    background-color: var(--tertiary-color);
    color: var(--tertiary-color-text);
}

.sidebar_sidebarPetButtons__a_y2o .sidebar_iconWrapper__xvvos {
    width: 42px;
    height: 42px;
    font-size: 24px;
    background: var(--sidebar-border-color);
    color: var(--tertiary-color-text);
}

.sidebar_sidebarPetButtons__a_y2o .sidebar_iconWrapper__xvvos:hover {
    background: var(--content-alt-background-color);
    color: var(--tertiary-color);
    background: var(--tertiary-color);
    color: var(--tertiary-color-text);
}

/* Lower body zone: bookmarks */
.sidebar_sidebarBookmarksZone__qgtPt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--small-gap-padding-size);
    padding: var(--small-gap-padding-size) 0;
    background-color: var(--content-alt-background-color);
    border-radius: var(--radius-small);
    background-image: url(/images/assets/sidebar/homeworld.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.sidebar_sidebarBookmarksRow__keSTq {
    width: 100%;
    border-bottom: 1px solid var(--faded-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar_sidebarBookmarkContainer__L2oSG {
    background-color: var(--content-background-color);
    margin: var(--xsmall-gap-padding-size);
    padding: var(--xsmall-gap-padding-size);
    border-radius: var(--radius-small);
    font-size: 0.9em;
}

.sidebar_sidebarBookmarkContainer__L2oSG a {
    display: flex;
    align-items: center;
    gap: var(--small-gap-padding-size);
    width: 100%;
    height: 100%;
}

.sidebar_bookmarksEdit__oWXNR {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.25);
    font-size: 0.6em;
    float: right;
    clear: right;
    padding: var(--xsmall-gap-padding-size) var(--small-gap-padding-size);
    text-transform: uppercase;
    opacity: 0.6;
    border-radius: var(--radius-small);
}

.sidebar_bookmarksEdit__oWXNR:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

/* Footer zone: icon buttons */
.sidebar_sidebarFooterIcons__6hYi8 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 var(--xsmall-gap-padding-size);
}

.sidebar_sidebarFooterLeft__rRAeA {
    display: flex;
    gap: var(--xsmall-gap-padding-size);
}

.sidebar_iconWrapper__xvvos {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: none;
    border: none;
    padding: 0;
}

.sidebar_sidebarIconBg__IbQ3A {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}

.sidebar_sidebarIconBg__IbQ3A:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

/* Shared empty-state message */
.sidebar_emptyStyles__YiXcB {
    padding: var(--small-gap-padding-size);
    text-align: center;
    font-size: 0.8rem;
}

/* Logged-out body */
.sidebar_loggedOutView__diZz_ {
    text-align: center;
    padding: var(--small-gap-padding-size);
}

/* Pixel Perfect Images */
.sidebar_sidebarRank__GouuE img {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/components/Layout/SidebarTabRibbon.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.SidebarTabRibbon_wrapper__FwlQr {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    opacity: 0.6;
}

.SidebarTabRibbon_label__Z8RG5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    font-weight: bold;
    pointer-events: none;
    background-color: var(--primary-color);
    padding: 1px 3px;
    border-radius: var(--radius-small);
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--content-background-color);
}

.SidebarTabRibbon_isActive__uv77N {
}

.SidebarTabRibbon_isActiveWrapper__KxoUH {
    opacity: 1;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Report/report.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.report_reportModalBody__Ldbwb {
  padding: var(--medium-gap-padding-size);
  width: 100%;
}

.report_field__jCbBE {
  display: flex;
  flex-direction: column;
  gap: var(--xsmall-gap-padding-size);
  margin-bottom: var(--medium-gap-padding-size);
  text-align: left;
}

.report_fieldLabel__KXdFZ {
  font-weight: bold;
}

.report_lockedValue__PmKRn {
  padding: var(--small-gap-padding-size);
  border: 1px solid var(--content-alt-background-color);
  border-radius: var(--radius-small);
  background-color: var(--content-alt-background-color);
  color: var(--content-text-color);
  word-break: break-word;
}

.report_lockedContent__YN116 {
  max-height: 150px;
  overflow-y: auto;
}

.report_reportedAuthor__viNca {
  display: block;
  margin-bottom: var(--xsmall-gap-padding-size);
  font-weight: bold;
}

.report_reasonInput__cfo4J {
  padding: var(--small-gap-padding-size);
  border: 1px solid var(--content-alt-background-color);
  border-radius: var(--radius-small);
  background-color: var(--content-background-color);
  color: var(--content-text-color);
  font-family: inherit;
  font-size: inherit;
  resize: vertical;
  min-height: 90px;
}

.report_characterCount__PH7Fr {
  text-align: right;
  font-size: 0.7em;
  color: var(--content-text-color);
}

.report_characterCountLow__OUQD0 {
  color: var(--error-background);
  font-weight: bold;
}

.report_actions__r0xA_ {
  display: flex;
  justify-content: center;
  gap: var(--small-gap-padding-size);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Shoutbox/shoutbox.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*Shoutbox Zone: */
.shoutbox_shoutboxZoneContainer__tJcsv {
  color: var(--content-text-color);
  background-color: var(--content-alt-background-color);
  border-radius: var(--radius-small);
  margin-bottom: 20px;
}

.shoutbox_shoutboxZone__FIhmn {
  padding: var(--small-gap-padding-size) 0;
  font-size: 0.9em;
}

.shoutbox_shoutboxActive___aJrK {
  /* The sidebar keeps the default; /shoutbox overrides it from the page wrapper */
  height: var(--shoutbox-list-height, 324px);
  overflow-y: auto;
  background: var(--content-background-color);
  border: 1px solid var(--faded-color);
  margin: var(--xsmall-gap-padding-size);
  display: flex;
  flex-direction: column;
}

.shoutbox_shoutboxNotice__Ug4q2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--secondary-color);
  width: 100%;
  border-radius: var(--radius-small);
  color: var(--secondary-color-text) !important;
}

.shoutbox_noticeText__finpN {
  display: flex;
  flex-direction: column;
  gap: var(--small-gap-padding-size);
  text-align: justify;
  text-align-last: center;
  padding: var(--small-gap-padding-size);
}

.shoutbox_noticeText__finpN a {
  color: var(--secondary-color-text) !important;
  text-decoration: underline;
}

.shoutbox_noticeClose__rUR30 {
  display: block;
  font-size: 0.8em;
}

.shoutbox_userRow__hea6Z {
  padding: var(--xsmall-gap-padding-size);
}

.shoutbox_userRow__hea6Z img:first-child {
  margin-right: 3px;
}

.shoutbox_username__nszPL {
  padding-right: var(--xsmall-gap-padding-size);
}

.shoutbox_userMessage__bPgZH {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.shoutbox_rowFooter__N4Gtp {
  font-size: 0.7em;
  width: 100%;
  display: flex;
  justify-content: right;
  gap: var(--xsmall-gap-padding-size);
  margin: var(--xsmall-gap-padding-size);
}

.shoutbox_userRow__hea6Z:nth-child(odd) {
  background-color: var(--content-alt-background-color);
}

.shoutbox_shoutboxNewMessageZone__Nw339 {
  --message-box-height: 55px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--small-gap-padding-size);
  background-color: var(--content-alt-background-color);
}

.shoutbox_messageInput__9hwsZ {
  display: flex;
  flex-direction: column;
  flex: 2 1;
  min-width: 0;
}

.shoutbox_shoutboxNewMessage__zYkEt {
  height: var(--message-box-height);
  overflow-y: auto;
  background: var(--content-background-color);
  border: 1px solid var(--faded-color);
  padding: var(--xsmall-gap-padding-size);
  margin: var(--xsmall-gap-padding-size);
}

/* Overrides .iconWrapper from sidebar.module.css for the shoutbox's smaller gear.
   Two classes deep so it outranks .iconWrapper regardless of stylesheet order. */
.shoutbox_shoutboxZoneContainer__tJcsv .shoutbox_headingIcon__lrWwj {
  width: 25px;
  height: 25px;
  float: right;
  clear: right;
}

/* Shoutbox: keep the textarea looking like the original div */
textarea.shoutbox_shoutboxNewMessage__zYkEt {
  resize: none;
  font: inherit;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
}

/* Buttons that should read as links. Colour is set per context below, mirroring
   how `a` is themed differently inside the notice and in a message row. */
button.shoutbox_linkButton__xTNSl {
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  cursor: pointer;
}

.shoutbox_userRow__hea6Z button.shoutbox_linkButton__xTNSl {
  color: var(--link-color);
  text-decoration: none;
}

.shoutbox_userRow__hea6Z button.shoutbox_linkButton__xTNSl:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.shoutbox_noticeText__finpN button.shoutbox_linkButton__xTNSl {
  color: var(--secondary-color-text) !important;
  text-decoration: underline;
}

/* StarButtonPrimary sized for the sidebar. Two classes deep so it beats
   .base in starbuttonbase.module.css regardless of stylesheet order. */
.shoutbox_shoutboxNewMessageZone__Nw339 .shoutbox_postButton__ZCbTK {
  flex-shrink: 0;
  height: var(--message-box-height);
  margin: var(--xsmall-gap-padding-size);
  padding: var(--small-gap-padding-size);
  font-size: 0.9rem;
}

/* Character counter. aria-hidden in the markup — the limit is already in the
   textarea's label, and announcing a new count on every keystroke is noise. */
.shoutbox_characterCount__5AzVE {
  margin: 0 var(--xsmall-gap-padding-size) var(--xsmall-gap-padding-size);
  text-align: right;
  font-size: 0.7em;
  color: var(--content-text-color);
}

.shoutbox_characterCountLow__QbtsT {
  color: var(--error-background);
  font-weight: bold;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/kaysona/kaysona.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.kaysona_page__xE43L {
  text-align: left;
}

.kaysona_kaysonaImageContainer__ngxoH {
  position: relative;
  width: 334px;
  height: 408px;
}

.kaysona_kaysonaImage__n_yy_ {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.kaysona_activeKaysonaImage__aJ9Fn {
  width: 334px;
  height: 408px;
}

.kaysona_activeKaysonaWrapper__1dCRE {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--medium-gap-padding-size);
}

.kaysona_activeKaysonaInfo__5av88 {
  border-left: 1px solid var(--secondary-color);
  padding: var(--medium-gap-padding-size);
}

.kaysona_allKaysonasInfo__6d0WB {
  display: flex;
  flex-wrap: wrap;
  gap: var(--medium-gap-padding-size);
  justify-content: center;
  align-items: flex-start;
}

.kaysona_singleKaysonaWrapper__0TDZE {
  border: 1px solid black;
  border-radius: var(--radius-large);
}

.kaysona_singleKaysonaWrapper__0TDZE {
  width: 300px;
  height: 150px;
  overflow: hidden;
}

.kaysona_kaysona__1ff2e img {
  object-fit: cover;
  position: absolute;
  top: -70px;
  left: 150px;
}

.kaysona_description__Dh0Qu {
  width: 100%;
  text-align: center;
  padding: var(--medium-gap-padding-size);
  position: relative;
  z-index: 1000;
  background-color: white;
  opacity: 0.8;
}

/* TODO - old mobile styles for preview, maybe fix later? */
@media screen and (max-width: 768px) {
  .kaysona_activeKaysonaInfo__5av88 {
    display: none;
  }

  .kaysona_singleKaysonaWrapper__0TDZE {
    width: 200px;
    height: 120px;
    overflow: hidden;
  }

  .kaysona_kaysona__1ff2e img {
    object-fit: cover;
    position: absolute;
    top: -90px;
    left: 5px;
  }

  .kaysona_description__Dh0Qu {
    width: 100%;
    text-align: center;
    padding: var(--small-gap-padding-size);
    position: relative;
    z-index: 1000;
    background-color: white;
    opacity: 0.8;
  }

  .kaysona_allKaysonasInfo__6d0WB {
    display: flex;
    flex-wrap: wrap;
    gap: var(--small-gap-padding-size);
    justify-content: center;
    align-items: center;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Layout/logo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Sass breakpoint variables for responsive design */
/* Logo size variables — each var describes the size shown on that screen size.
   The media queries in globals.scss use these in cascading order. */
/*
 * Logo wrapper — handles absolute positioning driven by theme CSS variables.
 *
 * Desktop/themed position: reads --logo-position-left (left) and --logo-position-top (top)
 * from whichever theme is active. Set those variables per theme in globals.scss.
 *
 * Mobile override: always left: 0, top: 10px regardless of theme.
 * Adjust the mobile values here if the position needs tweaking.
 */
.logo_logoWrapper__3_P_a {
  position: absolute;
  left: var(--logo-position-left);
  top: var(--logo-position-top);
}
@media (max-width: 1024px) {
  .logo_logoWrapper__3_P_a {
    left: 35px;
    top: 5px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Layout/searchBar.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ********  SASS VARIABLE DEFINITIONS ******** */
/* Widths for different screen sizes, depending on a user's screen */
/* Staff Colors */
.searchBar_searchSection__tILh9 {
  padding: var(--small-gap-padding-size);
}

.searchBar_searchSection__tILh9 form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 22px;
}

.searchBar_searchInput__qdtDk {
  display: block;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
  color: #fff;
  font-size: 0.9rem;
}
.searchBar_searchInput__qdtDk::placeholder {
  opacity: 0.7;
}

.searchBar_searchButton__GWIXI {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem 0.75rem;
  font-size: 1rem;
  transition: opacity 0.2s ease;
  color: #fff;
}
.searchBar_searchButton__GWIXI:hover, .searchBar_searchButton__GWIXI:focus {
  opacity: 0.8;
  outline: 2px solid rgba(255, 255, 255, 0.4);
  outline-offset: 2px;
}
.searchBar_searchButton__GWIXI:active {
  opacity: 0.8;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Layout/userInfo.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ********  SASS VARIABLE DEFINITIONS ******** */
/* Widths for different screen sizes, depending on a user's screen */
/* Staff Colors */
.userInfo_userInfo__OylYq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: var(--small-gap-padding-size);
  z-index: 10;
  color: #fff;
  padding: var(--medium-gap-padding-size);
}
.userInfo_userInfo__OylYq a {
  color: #fff !important;
}

/* Sits outside .userInfoShadow so it keeps its own background, not the
   translucent bar the time and weather share. */
.userInfo_exploreMobile__6oEhZ {
  width: 100%;
}

.userInfo_userInfoShadow__3HO_s {
  background: rgba(0, 0, 0, 0.3);
  border-radius: var(--radius-large);
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.1rem;
}
@media screen and (max-width: 1024px) {
  .userInfo_userInfoShadow__3HO_s {
    justify-content: center;
  }
}

.userInfo_userSection__0vTJD {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-shrink: 0;
}

.userInfo_userItem__O_D9R {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.userInfo_userItem__O_D9R:first-child {
  padding-left: 0.3rem;
}

.userInfo_label__6cx3_ {
  font-weight: 600;
  opacity: 0.8;
}

.userInfo_value__9vGLV {
  font-weight: 500;
  font-size: 0.9rem;
}

.userInfo_exploreSection__Lki2X {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 2rem;
  flex-shrink: 0;
}

.userInfo_siteTime__gdpPt,
.userInfo_siteWeather__dpqmi {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  margin: 0 var(--xsmall-gap-padding-size);
}

.userInfo_searchBarWrapper___B_5s {
  display: none;
}

@media screen and (min-width: 768px) {
  .userInfo_value__9vGLV {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .userInfo_exploreMobile__6oEhZ {
    display: none;
  }
  .userInfo_userInfo__OylYq {
    position: absolute;
    top: 34px;
    left: 42px;
    width: 567px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    color: #fff;
  }
  .userInfo_userInfo__OylYq a {
    color: #fff !important;
  }
  .userInfo_userSection__0vTJD {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-shrink: 0;
  }
  .userInfo_userItem__O_D9R {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
  }
  .userInfo_label__6cx3_ {
    font-weight: 600;
    opacity: 0.8;
  }
  .userInfo_value__9vGLV {
    font-weight: 500;
    font-size: 1.1rem;
  }
  .userInfo_searchBarWrapper___B_5s {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1124px) {
  .userInfo_userInfo__OylYq {
    top: 39px;
    left: 48px;
    width: 653px;
  }
}
@media screen and (min-width: 1200px) {
  .userInfo_userInfo__OylYq {
    top: 46px;
    left: 39px;
    width: 724px;
  }
  .userInfo_searchBarWrapper___B_5s {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1300px) {
  .userInfo_userInfo__OylYq {
    top: 52px;
    left: 44px;
    width: 811px;
  }
}
@media screen and (min-width: 1600px) {
  .userInfo_value__9vGLV {
    font-size: 1.2rem;
  }
  .userInfo_userInfo__OylYq {
    top: 88px;
    left: 62px;
    width: 1068px;
  }
}
@media screen and (min-width: 1700px) {
  .userInfo_userInfo__OylYq {
    top: 95px;
    left: 67px;
    width: 1154px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/app/globals.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Import Sass variables */
/* Sass breakpoint variables for responsive design */
/* Logo size variables — each var describes the size shown on that screen size.
   The media queries in globals.scss use these in cascading order. */
/* ********  GLOBAL CSS VARIABLE DEFINITIONS BELOW ******** */
:root {
  /* Layout Variables, not specific to a theme */
  --background-max-width: 1500px;
  --sidebar-offset: 183px; /* (sidebar 350px + gap 16px) / 2 — update if sidebar width changes */
  /* Default Background */
  --background-image: url("/images/layout/themes/winter/day.png");
  --background-color: #bfc8c3;
  /* Navigation Defaults */
  --nav-ribbon-image: url("/images/layout/assets/nav_ribbon.png");
  --nav-wood-image: url("/images/layout/assets/nav_wood.png");
  --nav-background: #175480;
  --nav-shadow: #000;
  --explore-ribbon-background: #175480;
  --explore-ribbon-shadow: #000;
  --explore-ribbon-text-color: #fff;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #175480;
  --logo-main: #8dcaee;
  --logo-text: #1c2c69;
  --logo-outline: #fefefe;
  --logo-w: 360px;
  --logo-h: 167px;
  --logo-position-left: 0px;
  --logo-position-top: 0px;
  /* Gap (Flex, etc) or Padding/Margin Sizes */
  --xsmall-gap-padding-size: 4px;
  --small-gap-padding-size: 8px;
  --medium-gap-padding-size: 16px;
  --large-gap-padding-size: 32px;
  --extra-large-gap-padding-size: 64px;
  /* Headers */
  /* TBD? */
  /* Font Sizes */
  /* TBD */
  /* Borders */
  --radius-small: 4px;
  --radius-large: 10px;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #175480;
  --primary-color-text: #fff;
  --secondary-color: #3aaeff;
  --secondary-color-text: #000;
  --tertiary-color: #072337;
  --tertiary-color-text: #fff;
  --faded-color: #aaa;
  --faded-color-text: #000;
  /* Color Usages */
  --primary-button-background: var(--primary-color);
  --primary-button-text-color: var(--primary-color-text);
  --secondary-button-background: var(--secondary-color);
  --secondary-button-text-color: var(--secondary-color-text);
  --link-color: var(--primary-color);
  --link-hover-color: var(--tertiary-color);
  --error-background: #8b0000;
  --error-text: #fff;
  /* A faded color for backgrounds, used as a way of separating elements */
  --content-background-color: #fff;
  --content-alt-background-color: #aaa;
  --content-text-color: #000;
  /* Sidebar Colors */
  --sidebar-border-color: var(--nav-background);
  --sidebar-background-color: var(--content-background-color);
  --sidebar-header-footer-color: var(--faded-color);
  /* Z-Index Scale */
  --z-modal-overlay: 999;
  --z-modal: 1000;
}

/* ********  THEME STYLES ********  */
/* Theme styles work by replacing the variables defined globally above when 
    a specific theme is selected. Everything above applies to the default theme, day. */
/* We define the default for easy switching, but this one should be the same as above */
[data-theme=default-day] {
  --logo-position-left: 0px;
  --logo-position-top: 0px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/default/day.png");
  --background-color: #3091d6;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #0062a6;
  --primary-color-text: #fff;
  --secondary-color: #b8463d;
  --secondary-color-text: #000;
  --tertiary-color: #072337;
  --tertiary-color-text: #fff;
  /* Unique Theme Colors */
  --nav-background: #0062a6;
  --nav-shadow: #002946;
  --explore-ribbon-background: #0062a6;
  --explore-ribbon-shadow: #002946;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #0062a6;
  --subheader-background: #c97558;
  --subheader-gradient: ;
  --subheader-shadow: #000;
  --subheader-text-color: #ffe38b;
  --logo-main: #0062a6;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #e1ded9;
  --content-alt-background-color: #c5c0b5;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=default-night] {
  --logo-position-left: 0px;
  --logo-position-top: 0px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/default/night.png");
  --background-color: #092843;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #516f8a;
  --primary-color-text: #fff;
  --secondary-color: #175480;
  --secondary-color-text: #fff;
  --tertiary-color: #092843;
  --tertiary-color-text: #fff;
  /* Unique Theme Colors */
  --nav-background: #175480;
  --explore-ribbon-background: #175480;
  --explore-ribbon-shadow: #000;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #516f8a;
  --subheader-background: #403c41;
  --subheader-text-color: #fff;
  --logo-main: #175480;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #000;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=autumn-day] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/autumn/day.png");
  --background-color: #291a19;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #9a6b0c;
  --primary-color-text: #fffdf9;
  --secondary-color: #5d6846;
  --secondary-color-text: #fffdf9;
  --tertiary-color: #a53636;
  --tertiary-color-text: #fffdf9;
  --faded-color: #bab2ae;
  --faded-color-text: #473e39;
  /* Unique Theme Colors */
  --nav-background: #6d3c3c;
  --nav-shadow: #130200;
  --explore-ribbon-background: #4b2e2e;
  --explore-ribbon-shadow: #130200;
  --nav-link-color: #700000;
  --nav-link-outline-color: #fffdf9;
  --nav-link-shine: #a53636;
  --subheader-background: #ac8a47;
  --subheader-text-color: #fff;
  --logo-main: #581710;
  --logo-text: #e3a52a;
  --logo-outline: #fff;
  --content-background-color: #f8f6f3;
  --content-alt-background-color: #ece8df;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=autumn-night] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/autumn/night.png");
  --background-color: #080c0d;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #9cb991;
  --primary-color-text: #000;
  --secondary-color: #2e695a;
  --secondary-color-text: #fff;
  --tertiary-color: #86666e;
  --tertiary-color-text: #fff;
  --faded-color: #1c302f;
  --faded-color-text: #88a3a7;
  /* Unique Theme Colors */
  --nav-background: #2f5e51;
  --nav-shadow: #05090e;
  --explore-ribbon-background: #398d77;
  --explore-ribbon-shadow: #0d1a2b;
  --nav-link-color: #b2cea7;
  --nav-link-outline-color: #0e1818;
  --nav-link-shine: #d8f7cb;
  --subheader-background: #423841;
  --subheader-text-color: #fff;
  --logo-main: #141b23;
  --logo-text: #99b78d;
  --logo-outline: #dde2d8;
  --content-background-color: #0e1818;
  --content-alt-background-color: #152424;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=winter-day] {
  --logo-position-left: 550px;
  --logo-position-top: 50px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/winter/day.png");
  --background-color: #bfc8c3;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #003f80;
  --primary-color-text: #fff;
  --secondary-color: #3b4743;
  --secondary-color-text: #fff;
  --tertiary-color: #326ba3;
  --tertiary-color-text: #fff;
  --faded-color: #aeb6ba;
  --faded-color-text: #394547;
  /* Unique Theme Colors */
  --nav-background: #0f4279;
  --nav-shadow: #000;
  --explore-ribbon-background: #0f4279;
  --explore-ribbon-shadow: #000;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #c6dcf1;
  --subheader-background: #5b6461;
  --subheader-text-color: #fff;
  --logo-main: #0f4279;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #e2e7e4;
  --content-alt-background-color: #edf1ef;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=winter-night] {
  --logo-position-left: 550px;
  --logo-position-top: 50px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/winter/night.png");
  --background-color: #0a0f0f;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #c4b265;
  --primary-color-text: #000;
  --secondary-color: #9fb9b8;
  --secondary-color-text: #030208;
  --tertiary-color: #30619e;
  --tertiary-color-text: #fff;
  --faded-color: #242f3b;
  --faded-color-text: #8896a7;
  /* Unique Theme Colors */
  --nav-background: #2a4669;
  --nav-shadow: #070f1a;
  --explore-ribbon-background: #2a4669;
  --explore-ribbon-shadow: #070f1a;
  --nav-link-color: #ddce89;
  --nav-link-outline-color: #000;
  --nav-link-shine: #c4b265;
  --subheader-background: #6e8486;
  --subheader-text-color: #fff;
  --logo-main: #1a3336;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #11161a;
  --content-alt-background-color: #181e23;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Spring theme — day in, waiting on night*/
[data-theme=spring-day] {
  --logo-position-left: 390px;
  --logo-position-top: 72px;
  --logo-main: #1f4422;
  --logo-text: #ebc686;
  --logo-outline: #fff;
  --background-image: url("/images/layout/themes/spring/day.png");
  --background-color: #2f6238;
  --primary-color: #d16983;
  --primary-color-text: #fff;
  --secondary-color: #ebc686;
  --secondary-color-text: #000;
  --tertiary-color: #0f5d9e;
  --tertiary-color-text: #fff;
  --faded-color: #aebab0;
  --faded-color-text: #39473c;
  --nav-background: #8ca072;
  --nav-shadow: #1b2e2d;
  --explore-ribbon-background: #8ca072;
  --explore-ribbon-shadow: #1b2e2d;
  --nav-link-color: #6d3a61;
  --nav-link-outline-color: #fff;
  --nav-link-shine: #965a72;
  --subheader-background: #caa666;
  --subheader-text-color: #000;
  --content-background-color: #f7fbf8;
  --content-alt-background-color: #e4eee6;
  --link-color: var(--tertiary-color);
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=spring-night] {
  --logo-position-left: 390px;
  --logo-position-top: 72px;
  --logo-main: #0d051b;
  --logo-text: #7e579b;
  --logo-outline: #8ccfcd;
  --background-image: url("/images/layout/themes/spring/night.png");
  --background-color: #060c0e;
  --primary-color: #ac7dbe;
  --primary-color-text: #000;
  --secondary-color: #36795d;
  --secondary-color-text: #fff;
  --tertiary-color: #078abc;
  --tertiary-color-text: #fff;
  --faded-color: #26313f;
  --faded-color-text: #8894a7;
  --nav-background: #5f4d96;
  --nav-shadow: #2b1c57;
  --explore-ribbon-background: #453479;
  --explore-ribbon-shadow: #2b1c57;
  --nav-link-color: #0d051b;
  --nav-link-outline-color: #d0e1f9;
  --nav-link-shine: #453479;
  --subheader-background: var(--secondary-color);
  --subheader-text-color: #000;
  --content-background-color: #0c171b;
  --content-alt-background-color: #112025;
  --link-color: var(--tertiary-color);
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Summer theme */
[data-theme=summer-day] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  --background-image: url("/images/layout/themes/summer/day.png");
  --background-color: #9bc9db;
  --primary-color: #ac4588;
  --primary-color-text: #fff;
  --secondary-color: #4994af;
  --secondary-color-text: #000;
  --tertiary-color: #ba8118;
  --tertiary-color-text: #fff;
  --faded-color: #bab8ae;
  --faded-color-text: #474639;
  --nav-background: #005b80;
  --nav-shadow: #002533;
  --explore-ribbon-background: #005b80;
  --explore-ribbon-shadow: #002533;
  --nav-link-color: #af3c87;
  --nav-link-outline-color: #efece1;
  --nav-link-shine: #c5569e;
  --subheader-background: #caac73;
  --subheader-text-color: #fff;
  --logo-main: #c53793;
  --logo-text: #ffe57d;
  --logo-outline: #fff;
  --content-background-color: #f9f8f3;
  --content-alt-background-color: #efece1;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=summer-night] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  --background-image: url("/images/layout/themes/summer/night.png");
  --background-color: #091113;
  --primary-color: #cf77b0;
  --primary-color-text: #000;
  --secondary-color: #9faa66;
  --secondary-color-text: #000;
  --tertiary-color: #177c91;
  --tertiary-color-text: #fff;
  --faded-color: #22353b;
  --faded-color-text: #7a9297;
  --nav-background: #158399;
  --nav-shadow: #000;
  --explore-ribbon-background: #158399;
  --explore-ribbon-shadow: #000;
  --nav-link-color: #e977c1;
  --nav-link-outline-color: #0b1c20;
  --nav-link-shine: #fd9bdb;
  --subheader-background: #5b7a48;
  --subheader-text-color: #fff;
  --logo-main: #44346c;
  --logo-text: #d3ec42;
  --logo-outline: #bcf3ff;
  --content-background-color: #111e22;
  --content-alt-background-color: #16282c;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Skylos theme */
[data-theme=skylos-day] {
  --logo-position-left: 25%;
  --logo-position-top: 40px;
  --background-image: url("/images/layout/themes/skylos/day.png");
  --background-color: #2c335e;
  --primary-color: #2670b0;
  --primary-color-text: #fff;
  --secondary-color: #594e8a;
  --secondary-color-text: #fff;
  --tertiary-color: #9e855d;
  --tertiary-color-text: #fff;
  --faded-color: #a6a6c7;
  --faded-color-text: #3d3947;
  --nav-background: #6b5da7;
  --nav-shadow: #151136;
  --explore-ribbon-background: #544691;
  --explore-ribbon-shadow: #151136;
  --nav-link-color: #28496e;
  --nav-link-outline-color: #f0f0f7;
  --nav-link-shine: #252b52;
  --subheader-background: #a5a9bb;
  --subheader-text-color: #fff;
  --logo-main: #25252e;
  --logo-text: #ecd59c;
  --logo-outline: #e8fdeb;
  --content-background-color: #f0f0f7;
  --content-alt-background-color: #e4e4f1;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=skylos-night] {
  --logo-position-left: 20%;
  --logo-position-top: 75px;
  --background-image: url("/images/layout/themes/skylos/night.png");
  --background-color: #0e0e18;
  --primary-color: #c06a96;
  --primary-color-text: #000;
  --secondary-color: #765e88;
  --secondary-color-text: #000;
  --tertiary-color: #a7a254;
  --tertiary-color-text: #fff;
  --faded-color: #2d2d44;
  --faded-color-text: #9393af;
  --nav-background: #7c7f91;
  --nav-shadow: #3f3356;
  --explore-ribbon-background: #969ab1;
  --explore-ribbon-shadow: #3f3356;
  --nav-link-color: #ede079;
  --nav-link-outline-color: #251c36;
  --nav-link-shine: #a7a254;
  --subheader-background: #533661;
  --subheader-text-color: #fff;
  --logo-main: #533661;
  --logo-text: #ede079;
  --logo-outline: #d3c0b2;
  --content-background-color: #1b1b2b;
  --content-alt-background-color: #232336;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Stargazing theme */
[data-theme=stargazing-day] {
  --logo-position-left: 62%;
  --logo-position-top: 31px;
  --background-image: url("/images/layout/themes/stargazing/day.png");
  --background-color: #f4cddb;
  --primary-color: #a82d5a;
  --primary-color-text: #fff;
  --secondary-color: #633040;
  --secondary-color-text: #fff;
  --tertiary-color: #edaf4a;
  --tertiary-color-text: #fff;
  --faded-color: #e0c5c5;
  --faded-color-text: #47393f;
  --nav-background: #450519;
  --nav-shadow: #180008;
  --explore-ribbon-background: #450519;
  --explore-ribbon-shadow: #180008;
  --nav-link-color: #fff6a3;
  --nav-link-outline-color: #731a36;
  --nav-link-shine: #fffacb;
  --subheader-background: #7f3851;
  --subheader-text-color: #fff;
  --logo-main: #450519;
  --logo-text: #d5346b;
  --logo-outline: #fffcde;
  --content-background-color: #fde9ec;
  --content-alt-background-color: #ebd5d5;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=stargazing-night] {
  --logo-position-left: 42%;
  --logo-position-top: 31px;
  --background-image: url("/images/layout/themes/stargazing/night.png");
  --background-color: #060309;
  --primary-color: #a4d39a;
  --primary-color-text: #000;
  --secondary-color: #8e90d7;
  --secondary-color-text: #000;
  --tertiary-color: #f370b4;
  --tertiary-color-text: #000;
  --faded-color: #29292e;
  --faded-color-text: #91919e;
  --nav-background: #378072;
  --nav-shadow: #07201b;
  --explore-ribbon-background: #378072;
  --explore-ribbon-shadow: #07201b;
  --nav-link-color: #feb328;
  --nav-link-outline-color: #002415;
  --nav-link-shine: #ffcc6d;
  --subheader-background: #2f3764;
  --subheader-text-color: #fff;
  --logo-main: #11172d;
  --logo-text: #57c1ad;
  --logo-outline: #ffda95;
  --content-background-color: #131316;
  --content-alt-background-color: #1c1c20;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* ********  OTHER GLOBAL SITE STYLES ********  */
body {
  font-family: var(--font-raleway), sans-serif;
  font-weight: 500;
  background-image: var(--background-image);
  background-size: min(100%, var(--background-max-width)) auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: var(--background-color);
}

a {
  color: var(--link-color) !important;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

/* ********  RESPONSIVE LOGO SIZING ********  */
/* Sizes are defined as Sass vars in _sass-variables.scss ($logo-*-w/h).       */
/* Change those values to resize the logo at a given breakpoint.               */
/* Each query triggers when dropping INTO that screen size from above,         */
/* overriding the previous value in the cascade.                               */
/* ≤ 1600px: desktop */
@media (max-width: 1600px) {
  :root {
    --logo-w: 300px;
    --logo-h: 139px;
    --logo-position-top: 12px;
  }
}
/* ≤ 1200px: laptop */
@media (max-width: 1200px) {
  :root {
    --logo-w: 240px;
    --logo-h: 111px;
  }
}
/* ≤ 1024px: tablet */
@media (max-width: 1024px) {
  :root {
    --logo-w: 180px;
    --logo-h: 84px;
  }
}
/* ≤ 768px: mobile */
@media (max-width: 768px) {
  :root {
    --logo-w: 140px;
    --logo-h: 65px;
  }
}
/* Centers the theme img to the main content area instead of the whole screen */
@media (min-width: 1024px) {
  body {
    background-position: calc(50% + var(--sidebar-offset)) top;
    background-size: min(100% - var(--sidebar-offset) * 2, var(--background-max-width)) auto;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/app/layout.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Import breakpoint variables from globals */
/* Import Sass variables */
/* Sass breakpoint variables for responsive design */
/* Logo size variables — each var describes the size shown on that screen size.
   The media queries in globals.scss use these in cascading order. */
/* ********  GLOBAL CSS VARIABLE DEFINITIONS BELOW ******** */
:root {
  /* Layout Variables, not specific to a theme */
  --background-max-width: 1500px;
  --sidebar-offset: 183px; /* (sidebar 350px + gap 16px) / 2 — update if sidebar width changes */
  /* Default Background */
  --background-image: url("/images/layout/themes/winter/day.png");
  --background-color: #bfc8c3;
  /* Navigation Defaults */
  --nav-ribbon-image: url("/images/layout/assets/nav_ribbon.png");
  --nav-wood-image: url("/images/layout/assets/nav_wood.png");
  --nav-background: #175480;
  --nav-shadow: #000;
  --explore-ribbon-background: #175480;
  --explore-ribbon-shadow: #000;
  --explore-ribbon-text-color: #fff;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #175480;
  --logo-main: #8dcaee;
  --logo-text: #1c2c69;
  --logo-outline: #fefefe;
  --logo-w: 360px;
  --logo-h: 167px;
  --logo-position-left: 0px;
  --logo-position-top: 0px;
  /* Gap (Flex, etc) or Padding/Margin Sizes */
  --xsmall-gap-padding-size: 4px;
  --small-gap-padding-size: 8px;
  --medium-gap-padding-size: 16px;
  --large-gap-padding-size: 32px;
  --extra-large-gap-padding-size: 64px;
  /* Headers */
  /* TBD? */
  /* Font Sizes */
  /* TBD */
  /* Borders */
  --radius-small: 4px;
  --radius-large: 10px;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #175480;
  --primary-color-text: #fff;
  --secondary-color: #3aaeff;
  --secondary-color-text: #000;
  --tertiary-color: #072337;
  --tertiary-color-text: #fff;
  --faded-color: #aaa;
  --faded-color-text: #000;
  /* Color Usages */
  --primary-button-background: var(--primary-color);
  --primary-button-text-color: var(--primary-color-text);
  --secondary-button-background: var(--secondary-color);
  --secondary-button-text-color: var(--secondary-color-text);
  --link-color: var(--primary-color);
  --link-hover-color: var(--tertiary-color);
  --error-background: #8b0000;
  --error-text: #fff;
  /* A faded color for backgrounds, used as a way of separating elements */
  --content-background-color: #fff;
  --content-alt-background-color: #aaa;
  --content-text-color: #000;
  /* Sidebar Colors */
  --sidebar-border-color: var(--nav-background);
  --sidebar-background-color: var(--content-background-color);
  --sidebar-header-footer-color: var(--faded-color);
  /* Z-Index Scale */
  --z-modal-overlay: 999;
  --z-modal: 1000;
}

/* ********  THEME STYLES ********  */
/* Theme styles work by replacing the variables defined globally above when 
    a specific theme is selected. Everything above applies to the default theme, day. */
/* We define the default for easy switching, but this one should be the same as above */
[data-theme=default-day] {
  --logo-position-left: 0px;
  --logo-position-top: 0px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/default/day.png");
  --background-color: #3091d6;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #0062a6;
  --primary-color-text: #fff;
  --secondary-color: #b8463d;
  --secondary-color-text: #000;
  --tertiary-color: #072337;
  --tertiary-color-text: #fff;
  /* Unique Theme Colors */
  --nav-background: #0062a6;
  --nav-shadow: #002946;
  --explore-ribbon-background: #0062a6;
  --explore-ribbon-shadow: #002946;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #0062a6;
  --subheader-background: #c97558;
  --subheader-gradient: ;
  --subheader-shadow: #000;
  --subheader-text-color: #ffe38b;
  --logo-main: #0062a6;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #e1ded9;
  --content-alt-background-color: #c5c0b5;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=default-night] {
  --logo-position-left: 0px;
  --logo-position-top: 0px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/default/night.png");
  --background-color: #092843;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #516f8a;
  --primary-color-text: #fff;
  --secondary-color: #175480;
  --secondary-color-text: #fff;
  --tertiary-color: #092843;
  --tertiary-color-text: #fff;
  /* Unique Theme Colors */
  --nav-background: #175480;
  --explore-ribbon-background: #175480;
  --explore-ribbon-shadow: #000;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #516f8a;
  --subheader-background: #403c41;
  --subheader-text-color: #fff;
  --logo-main: #175480;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #000;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=autumn-day] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/autumn/day.png");
  --background-color: #291a19;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #9a6b0c;
  --primary-color-text: #fffdf9;
  --secondary-color: #5d6846;
  --secondary-color-text: #fffdf9;
  --tertiary-color: #a53636;
  --tertiary-color-text: #fffdf9;
  --faded-color: #bab2ae;
  --faded-color-text: #473e39;
  /* Unique Theme Colors */
  --nav-background: #6d3c3c;
  --nav-shadow: #130200;
  --explore-ribbon-background: #4b2e2e;
  --explore-ribbon-shadow: #130200;
  --nav-link-color: #700000;
  --nav-link-outline-color: #fffdf9;
  --nav-link-shine: #a53636;
  --subheader-background: #ac8a47;
  --subheader-text-color: #fff;
  --logo-main: #581710;
  --logo-text: #e3a52a;
  --logo-outline: #fff;
  --content-background-color: #f8f6f3;
  --content-alt-background-color: #ece8df;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=autumn-night] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/autumn/night.png");
  --background-color: #080c0d;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #9cb991;
  --primary-color-text: #000;
  --secondary-color: #2e695a;
  --secondary-color-text: #fff;
  --tertiary-color: #86666e;
  --tertiary-color-text: #fff;
  --faded-color: #1c302f;
  --faded-color-text: #88a3a7;
  /* Unique Theme Colors */
  --nav-background: #2f5e51;
  --nav-shadow: #05090e;
  --explore-ribbon-background: #398d77;
  --explore-ribbon-shadow: #0d1a2b;
  --nav-link-color: #b2cea7;
  --nav-link-outline-color: #0e1818;
  --nav-link-shine: #d8f7cb;
  --subheader-background: #423841;
  --subheader-text-color: #fff;
  --logo-main: #141b23;
  --logo-text: #99b78d;
  --logo-outline: #dde2d8;
  --content-background-color: #0e1818;
  --content-alt-background-color: #152424;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=winter-day] {
  --logo-position-left: 550px;
  --logo-position-top: 50px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/winter/day.png");
  --background-color: #bfc8c3;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #003f80;
  --primary-color-text: #fff;
  --secondary-color: #3b4743;
  --secondary-color-text: #fff;
  --tertiary-color: #326ba3;
  --tertiary-color-text: #fff;
  --faded-color: #aeb6ba;
  --faded-color-text: #394547;
  /* Unique Theme Colors */
  --nav-background: #0f4279;
  --nav-shadow: #000;
  --explore-ribbon-background: #0f4279;
  --explore-ribbon-shadow: #000;
  --nav-link-color: #fff;
  --nav-link-outline-color: #000;
  --nav-link-shine: #c6dcf1;
  --subheader-background: #5b6461;
  --subheader-text-color: #fff;
  --logo-main: #0f4279;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #e2e7e4;
  --content-alt-background-color: #edf1ef;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=winter-night] {
  --logo-position-left: 550px;
  --logo-position-top: 50px;
  /* Theme background image and color */
  --background-image: url("/images/layout/themes/winter/night.png");
  --background-color: #0a0f0f;
  /* Theme Color Variables */
  /* Define the main 3: primary, secondary, and tertiary, with associated text colors (may be used on buttons, etc)*/
  --primary-color: #c4b265;
  --primary-color-text: #000;
  --secondary-color: #9fb9b8;
  --secondary-color-text: #030208;
  --tertiary-color: #30619e;
  --tertiary-color-text: #fff;
  --faded-color: #242f3b;
  --faded-color-text: #8896a7;
  /* Unique Theme Colors */
  --nav-background: #2a4669;
  --nav-shadow: #070f1a;
  --explore-ribbon-background: #2a4669;
  --explore-ribbon-shadow: #070f1a;
  --nav-link-color: #ddce89;
  --nav-link-outline-color: #000;
  --nav-link-shine: #c4b265;
  --subheader-background: #6e8486;
  --subheader-text-color: #fff;
  --logo-main: #1a3336;
  --logo-text: #fff;
  --logo-outline: #fff;
  --content-background-color: #11161a;
  --content-alt-background-color: #181e23;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Spring theme — day in, waiting on night*/
[data-theme=spring-day] {
  --logo-position-left: 390px;
  --logo-position-top: 72px;
  --logo-main: #1f4422;
  --logo-text: #ebc686;
  --logo-outline: #fff;
  --background-image: url("/images/layout/themes/spring/day.png");
  --background-color: #2f6238;
  --primary-color: #d16983;
  --primary-color-text: #fff;
  --secondary-color: #ebc686;
  --secondary-color-text: #000;
  --tertiary-color: #0f5d9e;
  --tertiary-color-text: #fff;
  --faded-color: #aebab0;
  --faded-color-text: #39473c;
  --nav-background: #8ca072;
  --nav-shadow: #1b2e2d;
  --explore-ribbon-background: #8ca072;
  --explore-ribbon-shadow: #1b2e2d;
  --nav-link-color: #6d3a61;
  --nav-link-outline-color: #fff;
  --nav-link-shine: #965a72;
  --subheader-background: #caa666;
  --subheader-text-color: #000;
  --content-background-color: #f7fbf8;
  --content-alt-background-color: #e4eee6;
  --link-color: var(--tertiary-color);
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=spring-night] {
  --logo-position-left: 390px;
  --logo-position-top: 72px;
  --logo-main: #0d051b;
  --logo-text: #7e579b;
  --logo-outline: #8ccfcd;
  --background-image: url("/images/layout/themes/spring/night.png");
  --background-color: #060c0e;
  --primary-color: #ac7dbe;
  --primary-color-text: #000;
  --secondary-color: #36795d;
  --secondary-color-text: #fff;
  --tertiary-color: #078abc;
  --tertiary-color-text: #fff;
  --faded-color: #26313f;
  --faded-color-text: #8894a7;
  --nav-background: #5f4d96;
  --nav-shadow: #2b1c57;
  --explore-ribbon-background: #453479;
  --explore-ribbon-shadow: #2b1c57;
  --nav-link-color: #0d051b;
  --nav-link-outline-color: #d0e1f9;
  --nav-link-shine: #453479;
  --subheader-background: var(--secondary-color);
  --subheader-text-color: #000;
  --content-background-color: #0c171b;
  --content-alt-background-color: #112025;
  --link-color: var(--tertiary-color);
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Summer theme */
[data-theme=summer-day] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  --background-image: url("/images/layout/themes/summer/day.png");
  --background-color: #9bc9db;
  --primary-color: #ac4588;
  --primary-color-text: #fff;
  --secondary-color: #4994af;
  --secondary-color-text: #000;
  --tertiary-color: #ba8118;
  --tertiary-color-text: #fff;
  --faded-color: #bab8ae;
  --faded-color-text: #474639;
  --nav-background: #005b80;
  --nav-shadow: #002533;
  --explore-ribbon-background: #005b80;
  --explore-ribbon-shadow: #002533;
  --nav-link-color: #af3c87;
  --nav-link-outline-color: #efece1;
  --nav-link-shine: #c5569e;
  --subheader-background: #caac73;
  --subheader-text-color: #fff;
  --logo-main: #c53793;
  --logo-text: #ffe57d;
  --logo-outline: #fff;
  --content-background-color: #f9f8f3;
  --content-alt-background-color: #efece1;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=summer-night] {
  --logo-position-left: 550px;
  --logo-position-top: 30px;
  --background-image: url("/images/layout/themes/summer/night.png");
  --background-color: #091113;
  --primary-color: #cf77b0;
  --primary-color-text: #000;
  --secondary-color: #9faa66;
  --secondary-color-text: #000;
  --tertiary-color: #177c91;
  --tertiary-color-text: #fff;
  --faded-color: #22353b;
  --faded-color-text: #7a9297;
  --nav-background: #158399;
  --nav-shadow: #000;
  --explore-ribbon-background: #158399;
  --explore-ribbon-shadow: #000;
  --nav-link-color: #e977c1;
  --nav-link-outline-color: #0b1c20;
  --nav-link-shine: #fd9bdb;
  --subheader-background: #5b7a48;
  --subheader-text-color: #fff;
  --logo-main: #44346c;
  --logo-text: #d3ec42;
  --logo-outline: #bcf3ff;
  --content-background-color: #111e22;
  --content-alt-background-color: #16282c;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Skylos theme */
[data-theme=skylos-day] {
  --logo-position-left: 25%;
  --logo-position-top: 40px;
  --background-image: url("/images/layout/themes/skylos/day.png");
  --background-color: #2c335e;
  --primary-color: #2670b0;
  --primary-color-text: #fff;
  --secondary-color: #594e8a;
  --secondary-color-text: #fff;
  --tertiary-color: #9e855d;
  --tertiary-color-text: #fff;
  --faded-color: #a6a6c7;
  --faded-color-text: #3d3947;
  --nav-background: #6b5da7;
  --nav-shadow: #151136;
  --explore-ribbon-background: #544691;
  --explore-ribbon-shadow: #151136;
  --nav-link-color: #28496e;
  --nav-link-outline-color: #f0f0f7;
  --nav-link-shine: #252b52;
  --subheader-background: #a5a9bb;
  --subheader-text-color: #fff;
  --logo-main: #25252e;
  --logo-text: #ecd59c;
  --logo-outline: #e8fdeb;
  --content-background-color: #f0f0f7;
  --content-alt-background-color: #e4e4f1;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=skylos-night] {
  --logo-position-left: 20%;
  --logo-position-top: 75px;
  --background-image: url("/images/layout/themes/skylos/night.png");
  --background-color: #0e0e18;
  --primary-color: #c06a96;
  --primary-color-text: #000;
  --secondary-color: #765e88;
  --secondary-color-text: #000;
  --tertiary-color: #a7a254;
  --tertiary-color-text: #fff;
  --faded-color: #2d2d44;
  --faded-color-text: #9393af;
  --nav-background: #7c7f91;
  --nav-shadow: #3f3356;
  --explore-ribbon-background: #969ab1;
  --explore-ribbon-shadow: #3f3356;
  --nav-link-color: #ede079;
  --nav-link-outline-color: #251c36;
  --nav-link-shine: #a7a254;
  --subheader-background: #533661;
  --subheader-text-color: #fff;
  --logo-main: #533661;
  --logo-text: #ede079;
  --logo-outline: #d3c0b2;
  --content-background-color: #1b1b2b;
  --content-alt-background-color: #232336;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* Stargazing theme */
[data-theme=stargazing-day] {
  --logo-position-left: 62%;
  --logo-position-top: 31px;
  --background-image: url("/images/layout/themes/stargazing/day.png");
  --background-color: #f4cddb;
  --primary-color: #a82d5a;
  --primary-color-text: #fff;
  --secondary-color: #633040;
  --secondary-color-text: #fff;
  --tertiary-color: #edaf4a;
  --tertiary-color-text: #fff;
  --faded-color: #e0c5c5;
  --faded-color-text: #47393f;
  --nav-background: #450519;
  --nav-shadow: #180008;
  --explore-ribbon-background: #450519;
  --explore-ribbon-shadow: #180008;
  --nav-link-color: #fff6a3;
  --nav-link-outline-color: #731a36;
  --nav-link-shine: #fffacb;
  --subheader-background: #7f3851;
  --subheader-text-color: #fff;
  --logo-main: #450519;
  --logo-text: #d5346b;
  --logo-outline: #fffcde;
  --content-background-color: #fde9ec;
  --content-alt-background-color: #ebd5d5;
  --content-text-color: #000;
  --error-background: #8b0000;
  --error-text: #fff;
}

[data-theme=stargazing-night] {
  --logo-position-left: 42%;
  --logo-position-top: 31px;
  --background-image: url("/images/layout/themes/stargazing/night.png");
  --background-color: #060309;
  --primary-color: #a4d39a;
  --primary-color-text: #000;
  --secondary-color: #8e90d7;
  --secondary-color-text: #000;
  --tertiary-color: #f370b4;
  --tertiary-color-text: #000;
  --faded-color: #29292e;
  --faded-color-text: #91919e;
  --nav-background: #378072;
  --nav-shadow: #07201b;
  --explore-ribbon-background: #378072;
  --explore-ribbon-shadow: #07201b;
  --nav-link-color: #feb328;
  --nav-link-outline-color: #002415;
  --nav-link-shine: #ffcc6d;
  --subheader-background: #2f3764;
  --subheader-text-color: #fff;
  --logo-main: #11172d;
  --logo-text: #57c1ad;
  --logo-outline: #ffda95;
  --content-background-color: #131316;
  --content-alt-background-color: #1c1c20;
  --content-text-color: #fff;
  --error-background: #8b0000;
  --error-text: #fff;
}

/* ********  OTHER GLOBAL SITE STYLES ********  */
body {
  font-family: var(--font-raleway), sans-serif;
  font-weight: 500;
  background-image: var(--background-image);
  background-size: min(100%, var(--background-max-width)) auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: var(--background-color);
}

a {
  color: var(--link-color) !important;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

/* ********  RESPONSIVE LOGO SIZING ********  */
/* Sizes are defined as Sass vars in _sass-variables.scss ($logo-*-w/h).       */
/* Change those values to resize the logo at a given breakpoint.               */
/* Each query triggers when dropping INTO that screen size from above,         */
/* overriding the previous value in the cascade.                               */
/* ≤ 1600px: desktop */
@media (max-width: 1600px) {
  :root {
    --logo-w: 300px;
    --logo-h: 139px;
    --logo-position-top: 12px;
  }
}
/* ≤ 1200px: laptop */
@media (max-width: 1200px) {
  :root {
    --logo-w: 240px;
    --logo-h: 111px;
  }
}
/* ≤ 1024px: tablet */
@media (max-width: 1024px) {
  :root {
    --logo-w: 180px;
    --logo-h: 84px;
  }
}
/* ≤ 768px: mobile */
@media (max-width: 768px) {
  :root {
    --logo-w: 140px;
    --logo-h: 65px;
  }
}
/* Centers the theme img to the main content area instead of the whole screen */
@media (min-width: 1024px) {
  body {
    background-position: calc(50% + var(--sidebar-offset)) top;
    background-size: min(100% - var(--sidebar-offset) * 2, var(--background-max-width)) auto;
  }
}
/* For the layout, we default to mobile screens */
/* Thus, anything below unless in a media query is for mobile screens */
.siteBanner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: min(100%, var(--background-max-width));
  margin: 0 auto;
  height: 0;
}

.kayluneLayout {
  height: auto;
  margin-top: 75px;
}

.globalLayoutWrapper {
  display: grid;
  grid-template-columns: 350px 1fr;
  grid-template-rows: 50px auto auto auto;
  grid-column-gap: var(--medium-gap-padding-size);
  column-gap: var(--medium-gap-padding-size);
  width: 100%;
  margin: 0 auto;
  place-items: center;
}

.sidebarContainer {
  grid-row: 1/4;
  grid-column: 1;
}

.navigationContainer {
  grid-row: 1;
  grid-column: 2;
}

.bodyContainer {
  grid-row: 2/4;
  grid-column: 2;
}

.userInfoMobile {
  display: block;
  background-color: var(--subheader-background);
  width: 100%;
  margin-bottom: var(--medium-gap-padding-size);
}

.navContainer {
  margin-bottom: var(--medium-gap-padding-size);
}

.petDisplayContainer {
  width: 350px;
  background-color: var(--content-background-color);
  color: #000;
  padding: var(--medium-gap-padding-size) 0;
  text-align: center;
}
.petDisplayContainer .petImage {
  max-width: 200px;
  max-height: 200px;
}
.petDisplayContainer .userDisplayText {
  padding: var(--small-gap-padding-size) 0;
}
.petDisplayContainer .petDisplayText {
  overflow-x: auto;
}

.page {
  padding: 0 var(--medium-gap-padding-size) var(--medium-gap-padding-size) var(--medium-gap-padding-size);
}

/* Tablet breakpoint */
@media screen and (min-width: 768px) {
  .globalLayoutWrapper {
    max-width: 768px;
  }
}
/* Laptop breakpoint */
@media screen and (min-width: 1024px) {
  .globalLayoutWrapper {
    max-width: calc(1024px + 100px); /* +100px for wider sidebar */
    place-items: normal;
  }
  .userInfoMobile {
    display: none;
  }
}
/* Desktop breakpoint */
@media screen and (min-width: 1200px) {
  .globalLayoutWrapper {
    max-width: calc(1200px + 100px); /* +100px for wider sidebar */
    place-items: normal;
  }
  .userInfoMobile {
    display: none;
  }
}
/* Large desktop breakpoint */
@media screen and (min-width: 1600px) {
  .globalLayoutWrapper {
    max-width: calc(1600px + 100px); /* +100px for wider sidebar */
  }
  .userInfoMobile {
    display: none;
  }
}
.sidebarContainer {
  grid-area: 1/1/5/2;
  align-self: start;
  height: auto;
  display: none;
}

.explorationBannerContainer {
  display: none;
  position: relative;
  z-index: 11;
  pointer-events: none;
}

.navigationContainer {
  align-self: start;
  height: auto;
}

.bodyContainer {
  grid-area: 1/1/3/3;
  background-color: var(--content-background-color);
  color: var(--content-text-color);
  box-sizing: border-box;
  width: 100%;
}

.footerContainer {
  grid-area: 3/1/4/3;
  background-color: var(--subheader-background);
  color: var(--secondary-text-color);
  align-self: start;
  height: auto;
  padding: var(--small-gap-padding-size);
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 60px;
}

/* Tablet breakpoint */
@media screen and (min-width: 768px) {
  .kayluneLayout {
    margin-top: 100px;
  }
  .sidebarContainer {
    display: none;
  }
}
/* Laptop breakpoint */
@media screen and (min-width: 1024px) {
  .kayluneLayout {
    margin-top: 150px;
  }
  .sidebarContainer {
    display: block;
    grid-area: 1/1/5/2;
  }
  .navigationContainer {
    display: block;
    grid-area: 1/2/2/3;
    width: 100%;
    justify-self: stretch;
  }
  .explorationBannerContainer {
    display: flex;
    align-items: flex-start;
    justify-self: stretch;
    grid-area: 2/2/3/3;
    top: -31px;
  }
  .bodyContainer {
    grid-area: 2/2/4/3;
    margin: 0 auto 0 auto;
    justify-self: center;
    width: 95%;
    padding-top: 60px;
  }
  .footerContainer {
    grid-area: 4/2/5/3;
    margin: 0 auto 0 auto;
    justify-self: center;
    width: 95%;
    margin-bottom: 0;
  }
}
/* Desktop breakpoint */
@media screen and (min-width: 1200px) {
  .kayluneLayout {
    margin-top: 150px;
  }
  .sidebarContainer {
    display: block;
    grid-area: 1/1/5/2;
  }
  .navigationContainer {
    display: block;
    grid-area: 1/2/2/3;
  }
  .explorationBannerContainer {
    display: flex;
    align-items: flex-start;
    justify-self: stretch;
    grid-area: 2/2/3/3;
    top: -31px;
  }
  .bodyContainer {
    grid-area: 2/2/4/3;
    margin: 0 auto 0 auto;
    justify-self: center;
    width: 95%;
    padding-top: 89px;
  }
  .footerContainer {
    grid-area: 4/2/5/3;
    margin: 0 auto 0 auto;
    justify-self: center;
    width: 95%;
  }
}
/* Large desktop breakpoint */
@media screen and (min-width: 1600px) {
  .kayluneLayout {
    margin-top: 275px;
  }
  .sidebarContainer {
    display: block;
    grid-area: 1/1/5/2;
  }
  .navigationContainer {
    display: block;
    grid-area: 1/2/2/3;
  }
  .explorationBannerContainer {
    display: flex;
    align-items: flex-start;
    justify-self: stretch;
    grid-area: 2/2/3/3;
    top: -18px;
  }
  .bodyContainer {
    grid-area: 2/2/4/3;
    margin: 0 auto 0 auto;
    justify-self: center;
    width: 95%;
    padding-top: 146px;
    margin-top: 50px;
  }
  .footerContainer {
    grid-area: 4/2/5/3;
    margin: 0 auto 0 auto;
    justify-self: center;
    width: 95%;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/components/Layout/mobileHamburger.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mobileHamburger_mobileHamburger__WWyOO {
  font-size: 1rem;
  animation: mobileHamburger_fadeInContent___cn6z 0.4s ease-out 0.1s both;
}

@keyframes mobileHamburger_fadeInContent___cn6z {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mobileHamburger_userInfo__c9cLe {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 var(--medium-gap-padding-size);
}

.mobileHamburger_userInfoDetailsWrapper__lLvbL {
  display: flex;
  flex-direction: column;
  gap: var(--small-gap-padding-size);
  align-content: flex-start;
  padding-bottom: var(--small-gap-padding-size);
}

@media screen and (min-width: 775px) {
  .mobileHamburger_userInfoDetailsWrapper__lLvbL {
    flex-direction: row;
  }
}
.mobileHamburger_kaysonaView__F5JNN {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-large);
  padding: var(--small-gap-padding-size);
  width: 200px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

.mobileHamburger_kaysonaWrapper__hY7Rs {
  position: absolute;
  top: -50px;
  left: -33px;
}
.mobileHamburger_kaysonaWrapper__hY7Rs img {
  opacity: 0.8;
}

.mobileHamburger_kaysonaDetails__cV2WA {
  position: absolute;
  top: 0px;
  right: 0px;
}

.mobileHamburger_petView__vJljb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-large);
  padding: var(--small-gap-padding-size);
  width: 200px;
  height: 100px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileHamburger_petView__vJljb a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.mobileHamburger_petView__vJljb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.8;
}

.mobileHamburger_petDetails__HR_aI {
  position: absolute;
  top: 0px;
  right: 0px;
}

.mobileHamburger_mobileNavLinks__KC3hl {
  display: flex;
  flex-direction: column;
  margin: 0 var(--medium-gap-padding-size);
}
.mobileHamburger_mobileNavLinks__KC3hl a {
  font-size: 1.5rem;
  width: 80%;
  padding: var(--small-gap-padding-size);
  color: var(--nav-link-color) !important;
  border-radius: var(--radius-large);
  display: flex;
  gap: var(--small-gap-padding-size);
}
.mobileHamburger_mobileNavLinks__KC3hl a:hover,
.mobileHamburger_mobileNavLinks__KC3hl a:focus {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}

.mobileHamburger_notice__q_WF0 {
  background-color: var(--content-alt-background-color);
  padding: var(--small-gap-padding-size);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/navigation.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ********  SASS VARIABLE DEFINITIONS ******** */
/* Widths for different screen sizes, depending on a user's screen */
/* Staff Colors */
/* ** MOBILE STYLES ** */
@keyframes navigation_slideInMenu__n1Xyk {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes navigation_navLinkShine__pA0vP {
  from {
    background-position: -100% center;
  }
  to {
    background-position: 300% center;
  }
}
@keyframes navigation_slideOutMenu__FZKud {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-100%);
    opacity: 0;
  }
}
.navigation_mobileNavigation__2a2Tt {
  position: fixed;
  top: 10px;
  left: 10px;
  color: #ffffff;
  display: block;
  font-size: 2rem;
}
.navigation_mobileNavigation__2a2Tt i {
  text-shadow: 0px 0px 3ch var(--secondary-color);
}

.navigation_mobileMenu__9OOsK {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: var(--nav-background);
  color: var(--nav-link-color);
  z-index: 100;
  height: 100vh;
  width: 60vw;
  max-width: 800px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  animation: navigation_slideInMenu__n1Xyk 0.2s ease-out forwards;
}
.navigation_mobileMenu__9OOsK.navigation_closing__1jPy9 {
  animation: navigation_slideOutMenu__FZKud 0.2s ease-in forwards;
}

.navigation_closeMobileMenu__Vsp5l {
  width: 98%;
  text-align: right;
  font-size: 2rem;
  color: var(--nav-link-color);
}
.navigation_closeMobileMenu__Vsp5l:hover, .navigation_closeMobileMenu__Vsp5l:focus-visible {
  cursor: pointer;
  outline: 2px solid var(--tertiary-color);
  outline-offset: 2px;
}

.navigation_desktopRibbonWrapper__oWBYh {
  display: none;
}

/* ** DESKTOP STYLES ** */
@media screen and (min-width: 1024px) {
  .navigation_mobileNavigation__2a2Tt {
    display: none;
  }
  .navigation_mobileMenu__9OOsK {
    display: none;
  }
  .navigation_userInfoMobile__uaGm3 {
    display: none;
  }
  .navigation_desktopRibbonWrapper__oWBYh {
    display: block;
  }
}
.navigation_desktopRibbonWrapper__oWBYh {
  position: relative;
  width: 100%;
}

.navigation_navRibbon__XnGEt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 15;
  pointer-events: none;
}

.navigation_desktopNavWood__t_4Wj {
  position: absolute;
  top: 3px;
  left: 32px;
  width: 91%;
  z-index: 1;
  pointer-events: none;
}

.navigation_navRibbonBack__5wr3v {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}

.navigation_desktopNavigationLinks__LPxLh {
  position: relative;
  z-index: 16;
}

.navigation_desktopNavigationLinks__LPxLh ul {
  list-style-type: none;
  font-family: var(--font-lato-black), sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.navigation_desktopNavigationLinks__LPxLh li {
  float: left;
}

/* shared styles for all nav links */
.navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71,
.navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX,
.navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07,
.navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT,
.navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC,
.navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G,
.navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
  position: absolute;
  font-size: 20pt;
  top: 39px;
}

/* indepnedent positioning for each link */
.navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71 {
  left: 29px;
}

.navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX {
  left: 120px;
}

.navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07 {
  left: 200px;
}

.navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
  left: 322px;
  top: 10px;
}

.navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC {
  left: 455px;
}

.navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G {
  left: 543px;
}

.navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
  left: 633px;
}

.navigation_desktopNavigationLinks__LPxLh li a {
  display: block;
  position: relative;
  -webkit-text-fill-color: transparent;
  color: var(--nav-link-color) !important;
  -webkit-text-stroke-color: var(--nav-link-outline-color);
  -webkit-text-stroke-width: 16px;
  paint-order: stroke fill;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.5s;
}

.navigation_desktopNavigationLinks__LPxLh li a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  background: linear-gradient(210deg, var(--nav-link-color) 35%, var(--nav-link-shine) 50%, var(--nav-link-color) 65%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0;
  pointer-events: none;
}

.navigation_desktopNavigationLinks__LPxLh li a::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  background: linear-gradient(105deg, transparent 35%, var(--nav-link-shine) 50%, transparent 65%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}

.navigation_desktopNavigationLinks__LPxLh li a:hover,
.navigation_desktopNavigationLinks__LPxLh li a:focus-visible {
  transform: scale(1.1);
}

.navigation_desktopNavigationLinks__LPxLh li a:hover::before,
.navigation_desktopNavigationLinks__LPxLh li a:focus-visible::before {
  opacity: 1;
  animation: navigation_navLinkShine__pA0vP 4s linear infinite;
}

.navigation_desktopNavigationLinks__LPxLh li a:hover::after,
.navigation_desktopNavigationLinks__LPxLh li a:focus-visible::after {
  background: var(--nav-link-color);
  -webkit-background-clip: text;
  background-clip: text;
}

@media screen and (min-width: 1024px) {
  .navigation_desktopNavigationLinks__LPxLh li a {
    -webkit-text-stroke-width: 10px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71,
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX,
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07,
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G,
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    position: absolute;
    font-size: 14pt;
    top: 9px;
  }
  .navigation_desktopNavWood__t_4Wj {
    left: 32px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71 {
    left: 20px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX {
    left: 110px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07 {
    left: 190px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    left: 316px;
    top: -3px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC {
    left: 439px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G {
    left: 533px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    left: 626px;
  }
}
@media screen and (min-width: 1124px) {
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71,
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX,
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07,
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G,
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    font-size: 15pt;
    top: 12px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    top: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .navigation_desktopNavigationLinks__LPxLh li a {
    -webkit-text-stroke-width: 13px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71,
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX,
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07,
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G,
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    position: absolute;
    font-size: 18pt;
    top: 14px;
  }
  .navigation_desktopNavWood__t_4Wj {
    left: 42px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71 {
    left: 29px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX {
    left: 144px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07 {
    left: 245px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    left: 390px;
    top: 1px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC {
    left: 543px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G {
    left: 658px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    left: 774px;
  }
}
@media screen and (min-width: 1300px) {
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71,
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX,
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07,
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G,
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    font-size: 20pt;
    top: 16px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    top: 3px;
  }
}
@media screen and (min-width: 1600px) {
  .navigation_desktopNavigationLinks__LPxLh li a {
    -webkit-text-stroke-width: 16px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71,
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX,
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07,
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G,
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    position: absolute;
    font-size: 22pt;
    top: 26px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    font-size: 26pt;
  }
  .navigation_desktopNavWood__t_4Wj {
    left: 56px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71 {
    left: 39px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX {
    left: 197px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07 {
    left: 339px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    left: 521px;
    top: 6px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC {
    left: 727px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G {
    left: 876px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    left: 1027px;
  }
}
@media screen and (min-width: 1700px) {
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71,
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX,
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07,
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC,
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G,
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    font-size: 24pt;
    top: 28px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    font-size: 28pt;
  }
  .navigation_desktopNavWood__t_4Wj {
    top: -10px;
    left: 60px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_firstLink__SoD71 {
    left: 42px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_secondLink__D16FX {
    left: 213px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_thirdLink__LLp07 {
    left: 366px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_middleLink__i82QT {
    left: 563px;
    top: 6px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fourthLink__QG5OC {
    left: 785px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_fifthLink__s2D0G {
    left: 946px;
  }
  .navigation_desktopNavigationLinks__LPxLh .navigation_sixthLink__kFmTg {
    left: 1110px;
  }
}