@layer ww-style-reset, ww-style-component, ww-style-core, ww-style-library, ww-style-section, ww-style-element, ww-style-layout-override, ww-style-runtime;
@property --ww-style-background-color {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-font {
  syntax: "*";
  inherits: false;
}
@property --ww-content-ww-text-color {
  syntax: "*";
  inherits: false;
}
@property --ww-style-animation-play-state {
  syntax: "*";
  inherits: false;
}
@property --ww-style-display {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-direction-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-align-items-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-row-gap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-column-gap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-flex-wrap-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-content-justify-content-layout-flex {
  syntax: "*";
  inherits: false;
}
@property --ww-style-opacity {
  syntax: "*";
  inherits: false;
}
@property --ww-style-box-shadow {
  syntax: "*";
  inherits: false;
}
@property --ww-style-cursor {
  syntax: "*";
  inherits: false;
}
@property --ww-style-grid-column {
  syntax: "*";
  inherits: false;
}
@property --ww-style-border {
  syntax: "*";
  inherits: false;
}
@property --ww-content-row-gap-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-content-column-gap-layout-grid {
  syntax: "*";
  inherits: false;
}
@property --ww-content-grid-template-columns-layout-grid {
  syntax: "*";
  inherits: false;
}
@layer ww-style-library {
  @layer definition, instance;
  @layer definition {
    @layer normal, custom;
    @layer normal {
      .ww-e-dDH {
        margin: 0;
        padding: 18px 0;
        z-index: 30;
        align-self: unset;
        display: flex;
        position: sticky;
        top: 0;
        width: 72px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: 72px;
        height: 100vh;
        max-height: unset;
        min-height: 100vh;
        background-color: var(--53e0b716-f175-41de-a01b-38643ecb51b6,#FFFFFF);
        border-right: 1px solid var(--e364dd4c-7812-42ef-b717-5508d3393066,#E2E8F0);
      }
      @media (max-width: 767px) {
        .ww-e-dDH {
          padding: 6px 8px;
          z-index: 50;
          position: fixed;
          top: auto;
          bottom: 0;
          left: 0;
          width: 100%;
          min-width: 0;
          height: auto;
          min-height: 0;
          border-top: 1px solid var(--e364dd4c-7812-42ef-b717-5508d3393066,#E2E8F0);
          border-right: none;
        }
      }
      .ww-e-dDH:where(:hover) {
        margin: 0 -164px 0 0;
        width: 236px;
        min-width: 236px;
      }
      @media (max-width: 767px) {
        .ww-e-dDH:where(:hover) {
          margin: 0;
          width: 100%;
          min-width: 0;
        }
      }
      .ww-e-dDH.ww-layout, .ww-e-dDH [data-ww-ls~="dDH"] {
        display: flex;
        flex-flow: column;
      }
      .ww-e-dDc {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: 400 12px / 18px Inter, sans-serif;
        text-align: center;
        color: var(--0d99339a-0f63-4405-aaa0-b05e0f3ec1ee,#64748B);
        white-space-collapse: preserve;
        border-top: 1px solid #e2e8f0;
      }
      .ww-e-dDF {
        margin: 0;
        padding: 7px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        border-radius: 9px;
      }
      @media (max-width: 767px) {
        .ww-e-dDF {
          padding: 6px 13px;
          width: 44px;
          height: 30px;
          border-radius: 15px;
        }
      }
      .ww-e-dDG {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--ww-content-ww-text-font);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dDG {
          font: var(--ww-content-ww-text-font);
        }
      }
      .ww-e-dDI {
        margin: 0;
        padding: 6px 8px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-dDI {
          padding: 4px 2px;
          flex: 1 1 0;
          min-width: 0;
          background-color: #0000;
        }
      }
      .ww-e-dDI:where(:hover) {
        background: var(--ww-style-background-color);
      }
      @media (max-width: 767px) {
        .ww-e-dDI:where(:hover) {
          background-color: #0000;
        }
      }
      .ww-e-dDI.ww-layout, .ww-e-dDI [data-ww-ls~="dDI"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px 20px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDI.ww-layout, .ww-e-dDI [data-ww-ls~="dDI"] {
          flex-flow: column;
          justify-content: center;
          row-gap: 4px;
        }
      }
      .ww-e-dDJ {
        margin: 0;
        padding: 6px 8px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-dDJ {
          padding: 4px 2px;
          flex: 1 1 0;
          min-width: 0;
          background-color: #0000;
        }
      }
      .ww-e-dDJ:where(:hover) {
        background: var(--ww-style-background-color);
      }
      @media (max-width: 767px) {
        .ww-e-dDJ:where(:hover) {
          background-color: #0000;
        }
      }
      .ww-e-dDJ.ww-layout, .ww-e-dDJ [data-ww-ls~="dDJ"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px 20px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDJ.ww-layout, .ww-e-dDJ [data-ww-ls~="dDJ"] {
          flex-flow: column;
          justify-content: center;
          row-gap: 4px;
        }
      }
      .ww-e-dDK {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--ww-content-ww-text-font);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dDK {
          font: var(--ww-content-ww-text-font);
        }
      }
      .ww-e-dDL {
        margin: 0;
        padding: 6px 8px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-dDL {
          padding: 4px 2px;
          flex: 1 1 0;
          min-width: 0;
          background-color: #0000;
        }
      }
      .ww-e-dDL:where(:hover) {
        background: var(--ww-style-background-color);
      }
      @media (max-width: 767px) {
        .ww-e-dDL:where(:hover) {
          background-color: #0000;
        }
      }
      .ww-e-dDL.ww-layout, .ww-e-dDL [data-ww-ls~="dDL"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px 20px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDL.ww-layout, .ww-e-dDL [data-ww-ls~="dDL"] {
          flex-flow: column;
          justify-content: center;
          row-gap: 4px;
        }
      }
      .ww-e-dDM {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--ww-content-ww-text-font);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dDM {
          font: var(--ww-content-ww-text-font);
        }
      }
      .ww-e-dDN {
        margin: 0;
        padding: 6px 8px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-dDN {
          padding: 4px 2px;
          flex: 1 1 0;
          min-width: 0;
          background-color: #0000;
        }
      }
      .ww-e-dDN:where(:hover) {
        background: var(--ww-style-background-color);
      }
      @media (max-width: 767px) {
        .ww-e-dDN:where(:hover) {
          background-color: #0000;
        }
      }
      .ww-e-dDN.ww-layout, .ww-e-dDN [data-ww-ls~="dDN"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px 20px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDN.ww-layout, .ww-e-dDN [data-ww-ls~="dDN"] {
          flex-flow: column;
          justify-content: center;
          row-gap: 4px;
        }
      }
      .ww-e-dDO {
        margin: 0 0 8px;
        padding: 0 20px 16px;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        border-bottom: 1px solid var(--e364dd4c-7812-42ef-b717-5508d3393066,#E2E8F0);
      }
      @media (max-width: 767px) {
        .ww-e-dDO {
          display: none;
        }
      }
      .ww-e-dDO.ww-layout, .ww-e-dDO [data-ww-ls~="dDO"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px 20px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDO.ww-layout, .ww-e-dDO [data-ww-ls~="dDO"] {
          display: none;
        }
      }
      .ww-e-dDP {
        margin: 0;
        padding: 7px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background-color: #2563eb;
        border-radius: 9px;
      }
      .ww-e-dDQ {
        margin: 0;
        padding: 7px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        border-radius: 9px;
      }
      @media (max-width: 767px) {
        .ww-e-dDQ {
          padding: 6px 13px;
          width: 44px;
          height: 30px;
          border-radius: 15px;
        }
      }
      .ww-e-dDR {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--ww-content-ww-text-font);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dDR {
          font: var(--ww-content-ww-text-font);
        }
      }
      .ww-e-dDS {
        margin: 0;
        padding: 6px 8px;
        z-index: unset;
        align-self: unset;
        display: none;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        cursor: pointer;
        transition: background-color 0.2s ease;
        border-radius: 10px;
      }
      @media (max-width: 767px) {
        .ww-e-dDS {
          padding: 4px 2px;
          display: flex;
          flex: 1 1 0;
          min-width: 0;
          background-color: #0000;
        }
      }
      .ww-e-dDS:where(:hover) {
        background: var(--ww-style-background-color);
      }
      @media (max-width: 767px) {
        .ww-e-dDS:where(:hover) {
          background-color: #0000;
        }
      }
      .ww-e-dDS.ww-layout, .ww-e-dDS [data-ww-ls~="dDS"] {
        display: none;
      }
      @media (max-width: 767px) {
        .ww-e-dDS.ww-layout, .ww-e-dDS [data-ww-ls~="dDS"] {
          display: flex;
          flex-flow: column;
          justify-content: center;
          align-items: center;
          gap: 4px 20px;
        }
      }
      .ww-e-dDT {
        margin: 0;
        padding: 7px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        border-radius: 9px;
      }
      @media (max-width: 767px) {
        .ww-e-dDT {
          padding: 6px 13px;
          width: 44px;
          height: 30px;
          border-radius: 15px;
        }
      }
      .ww-e-dDU {
        margin: 0;
        padding: 7px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        border-radius: 50%;
      }
      .ww-e-dDV {
        margin: 0;
        padding: 7px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        border-radius: 9px;
      }
      @media (max-width: 767px) {
        .ww-e-dDV {
          padding: 6px 13px;
          width: 44px;
          height: 30px;
          border-radius: 15px;
        }
      }
      .ww-e-dDW {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--ww-content-ww-text-font);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
      }
      @media (max-width: 767px) {
        .ww-e-dDW {
          font: var(--ww-content-ww-text-font);
        }
      }
      .ww-e-dDX {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: 700 16px / 24px Inter, sans-serif;
        color: var(--4a0aaaab-15c7-4bf8-9ff4-5c0dc9383547,#0F172A);
        letter-spacing: -.3px;
        white-space-collapse: preserve;
      }
      .ww-e-dDY {
        margin: auto 0 0;
        padding: 14px 20px 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        cursor: pointer;
        border-top: 1px solid var(--e364dd4c-7812-42ef-b717-5508d3393066,#E2E8F0);
      }
      @media (max-width: 767px) {
        .ww-e-dDY {
          display: none;
        }
      }
      .ww-e-dDY.ww-layout, .ww-e-dDY [data-ww-ls~="dDY"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px 20px;
        flex-wrap: revert-layer;
      }
      @media (max-width: 767px) {
        .ww-e-dDY.ww-layout, .ww-e-dDY [data-ww-ls~="dDY"] {
          display: none;
        }
      }
      .ww-e-dDZ {
        margin: 0;
        padding: 8px 12px 0;
        z-index: unset;
        align-self: unset;
        display: flex;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
      }
      @media (max-width: 767px) {
        .ww-e-dDZ {
          padding: 0;
        }
      }
      .ww-e-dDZ.ww-layout, .ww-e-dDZ [data-ww-ls~="dDZ"] {
        display: flex;
        flex-flow: column;
        gap: 4px;
      }
      @media (max-width: 767px) {
        .ww-e-dDZ.ww-layout, .ww-e-dDZ [data-ww-ls~="dDZ"] {
          flex-direction: row;
          flex-wrap: revert-layer;
        }
      }
      .ww-e-dDa {
        margin: 0;
        padding: 0;
        z-index: unset;
        align-self: unset;
        display: block;
        max-width: unset;
        min-width: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
        font: var(--ww-content-ww-text-font);
        color: var(--ww-content-ww-text-color);
        white-space-collapse: preserve;
      }
      .ww-e-dDb {
        margin: 0;
        padding: 7px;
        z-index: unset;
        align-self: unset;
        display: flex;
        width: 32px;
        flex: 0 0 auto;
        max-width: unset;
        min-width: unset;
        height: 32px;
        max-height: unset;
        min-height: unset;
        background: var(--ww-style-background-color);
        border-radius: 9px;
      }
      @media (max-width: 767px) {
        .ww-e-dDb {
          padding: 6px 13px;
          width: 44px;
          height: 30px;
          border-radius: 15px;
        }
      }
    }
    @layer custom {
      @media (min-width: 992px) {
        .ww-e-dDH {
          align-self: flex-start;
          overflow: hidden auto;
          transition: width .2s ease, min-width .2s ease, margin-right .2s ease, box-shadow .2s ease;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dDH {
          align-self: flex-start;
          overflow: hidden auto;
          transition: width .2s ease, min-width .2s ease, margin-right .2s ease, box-shadow .2s ease;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDH {
          box-shadow: 0 -4px 12px #0f172a0f;
          overflow-y: visible;
          padding-bottom: calc(6px + env(safe-area-inset-bottom));
        }
      }
      @media (min-width: 992px) {
        .ww-e-dDH:where(:hover) {
          align-self: flex-start;
          overflow: hidden auto;
          transition: width .2s ease, min-width .2s ease, margin-right .2s ease, box-shadow .2s ease;
          box-shadow: 8px 0 24px #0f172a1f;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dDH:where(:hover) {
          align-self: flex-start;
          overflow: hidden auto;
          transition: width .2s ease, min-width .2s ease, margin-right .2s ease, box-shadow .2s ease;
          box-shadow: 8px 0 24px #0f172a1f;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDH:where(:hover) {
          box-shadow: 0 -4px 12px #0f172a0f;
          overflow-y: visible;
          padding-bottom: calc(6px + env(safe-area-inset-bottom));
        }
      }
      .ww-e-dDc {
        margin-top: auto;
        padding-top: 16px;
        padding-bottom: 16px;
      }
      .ww-e-dDF {
        transition: background-color .2s ease;
      }
      @media (min-width: 992px) {
        .ww-e-dDG {
          white-space: nowrap;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dDG {
          white-space: nowrap;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDG {
          overflow: hidden;
          max-width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      @media (min-width: 992px) {
        .ww-e-dDK {
          white-space: nowrap;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dDK {
          white-space: nowrap;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDK {
          overflow: hidden;
          max-width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      @media (min-width: 992px) {
        .ww-e-dDM {
          white-space: nowrap;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dDM {
          white-space: nowrap;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDM {
          overflow: hidden;
          max-width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      .ww-e-dDP {
        transition: transform .8s ease;
        background-size: 22px 22px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M67.45%2070%20A28%2028%200%201%201%2046%2024%20H82%20M64%2024%20V58%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2211%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%2272.1%22%20y%3D%2273.2%22%20width%3D%229%22%20height%3D%229%22%20rx%3D%222%22%20fill%3D%22%230F1B2D%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
      }
      .ww-e-dDP:where(:hover) {
        transition: revert-layer;
        background-size: revert-layer;
        background-image: revert-layer;
        background-repeat: revert-layer;
        background-position: revert-layer;
        transform: rotateY(360deg);
      }
      .ww-e-dDQ {
        transition: background-color .2s ease;
      }
      @media (min-width: 992px) {
        .ww-e-dDR {
          white-space: nowrap;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dDR {
          white-space: nowrap;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDR {
          overflow: hidden;
          max-width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      .ww-e-dDT {
        transition: background-color .2s ease;
      }
      .ww-e-dDU {
        transition: background-color .2s ease;
      }
      .ww-e-dDV {
        transition: background-color .2s ease;
      }
      @media (min-width: 992px) {
        .ww-e-dDW {
          white-space: nowrap;
        }
      }
      @media (min-width: 768px) and (max-width: 991px) {
        .ww-e-dDW {
          white-space: nowrap;
        }
      }
      @media (max-width: 767px) {
        .ww-e-dDW {
          overflow: hidden;
          max-width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      .ww-e-dDX {
        white-space: nowrap;
      }
      .ww-e-dDa {
        white-space: nowrap;
      }
      .ww-e-dDb {
        transition: background-color .2s ease;
      }
    }
  }
  @layer instance {
    @layer normal, custom;
    @layer normal {
    }
    @layer custom {
    }
  }
}
@layer ww-style-section {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
    }
    @layer ordered {
    }
  }
  @layer custom {
  }
}
@layer ww-style-element {
  @layer normal, custom;
  @layer normal {
    @layer atomic, ordered;
    @layer atomic {
    }
    @layer ordered {
    }
  }
  @layer custom {
  }
}
@layer ww-style-layout-override {
}