@property --black {
  syntax: "<color>";
  inherits: true;
  initial-value: black;
}
@property --white {
  syntax: "<color>";
  inherits: true;
  initial-value: white;
}
@property --gold-75 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --gold-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ebb11e;
}
@property --gold-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c99b27;
}
@property --h1-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --white-06 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --cream-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbfaf7;
}
@property --cream-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f4f2ec;
}
@property --cream-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #efece2;
}
@property --cream-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e9e6dd;
}
@property --cream-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --error-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DB1DEB;
}
@property --shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow-md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow-xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --slate-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3f536a;
}
@property --white-025 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff40;
}
@property --link-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --orange-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --darkGold-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --font-size-s {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --gold-100-01 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ebb11e26;
}
@property --gold-100-03 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ebb11e4d;
}
@property --shadow-base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --slate-100-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3f536a0d;
}
@property --slate-100-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3f536a66;
}
@property --slate-100-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3f536a99;
}
@property --success-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4ac452;
}
@property --transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --darkGold-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c99b27;
}
@property --error-100-15 {
  syntax: "<color>";
  inherits: true;
  initial-value: #db1deb26;
}
@property --error-100-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #db1deb4d;
}
@property --font-size-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --font-size-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --slate-100-06 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3f536a0f;
}
@property --slate-100-18 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3f536a2e;
}
@property --font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --font-size-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --font-size-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --font-size-xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --gold-100-01-a {
  syntax: "<color>";
  inherits: true;
  initial-value: #ebb11e0d;
}
@property --lightpink-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --quill-h1-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}
@property --quill-h2-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 14px;
}
@property --heading-size-h4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --quill-font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --transition-delay {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --font-size-regular {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --font-weight-black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --font-weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --font-weight-bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --quote-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight-lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}

  :host, :root {
  --black: black;
  --white: white;
  --gold-75: #FFCB48;
  --gold-100: #ebb11e;
  --gold-600: #c99b27;
  --h1-color: var(--darkGold-100, #c99b27);
  --white-06: #ffffff99;
  --cream-100: #fbfaf7;
  --cream-200: #f4f2ec;
  --cream-300: #efece2;
  --cream-500: #e9e6dd;
  --cream-600: #dcd5c1;
  --error-100: #DB4747;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --slate-100: #3f536a;
  --white-025: #ffffff40;
  --link-color: var(--darkGold-100, #c99b27);
  --orange-100: #F07F2D;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --darkGold-50: #e6bf5b;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --gold-100-01: #ebb11e26;
  --gold-100-03: #ebb11e4d;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --slate-100-1: #3f536a0d;
  --slate-100-4: #3f536a66;
  --slate-100-6: #3f536a99;
  --success-100: #148a1b;
  --transparent: transparent;
  --darkGold-100: #c99b27;
  --error-100-15: #db474726;
  --error-100-30: #DB4747;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --slate-100-06: #3f536a0f;
  --slate-100-18: #3f536a2e;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --gold-100-01-a: #ebb11e0d;
  --lightpink-100: #FFB9D3;
  --quill-h1-size: 16px;
  --quill-h2-size: 14px;
  --heading-size-h4: 1.5rem;
  --quill-font-size: 16px;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --transition-delay: 100ms;
  --font-size-regular: 1rem;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --quote-border-color: var(--gold-100-03, #ebb11e4d);
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
}
  
  
  [data-nc-theme~="Default"] {
  --black: black;
  --white: white;
  --gold-75: #FFCB48;
  --gold-100: #ebb11e;
  --gold-600: #c99b27;
  --h1-color: var(--darkGold-100, #c99b27);
  --white-06: #ffffff99;
  --cream-100: #fbfaf7;
  --cream-200: #f4f2ec;
  --cream-300: #efece2;
  --cream-500: #e9e6dd;
  --cream-600: #dcd5c1;
  --error-100: #DB4747;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --slate-100: #3f536a;
  --white-025: #ffffff40;
  --link-color: var(--darkGold-100, #c99b27);
  --orange-100: #F07F2D;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --darkGold-50: #e6bf5b;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --gold-100-01: #ebb11e26;
  --gold-100-03: #ebb11e4d;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --slate-100-1: #3f536a0d;
  --slate-100-4: #3f536a66;
  --slate-100-6: #3f536a99;
  --success-100: #148a1b;
  --transparent: transparent;
  --darkGold-100: #c99b27;
  --error-100-15: #db474726;
  --error-100-30: #DB4747;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --slate-100-06: #3f536a0f;
  --slate-100-18: #3f536a2e;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --gold-100-01-a: #ebb11e0d;
  --lightpink-100: #FFB9D3;
  --quill-h1-size: 16px;
  --quill-h2-size: 14px;
  --heading-size-h4: 1.5rem;
  --quill-font-size: 16px;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --transition-delay: 100ms;
  --font-size-regular: 1rem;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --quote-border-color: var(--gold-100-03, #ebb11e4d);
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-poppins: 'Poppins',sans-serif;
--font-opensans: 'Open Sans',sans-serif;
--font-azeretmono: 'Azeret Mono',monospace;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .eBFWYO {
      width:100%;
      height:100%;
      display:flex;
      font-size:15px;
      font-family:Poppins;
      font-weight:300;
      flex-direction:row;
    }

    .dwnjjb {
      color:var(--error-100);
      width:1rem;
      height:1rem;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .eBGXbw {
      top:0%;
      left:0%;
      right:0%;
      width:100%;
      display:flex;
      z-index:9999999;
      position:fixed;
      align-items:flex-start;
      padding-top:.5rem;
      flex-direction:row;
      pointer-events:none;
      justify-content:center;
    }

    .OVKUK {
      top:-3rem;
      background:white;
      box-shadow:2px 2px 0px 0px var(--cream-500);
      transition:top 300ms ease;
      padding-top:.1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.1rem;
      padding-right:.1rem;
      padding-bottom:.1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .OVKUK.isActive {
      top:0rem;
      position:relative;
    }

    .OVKUK {
      
    @starting-style {
      top:-3rem;
    }
    }

    .cXwAeA {
      top:0rem;
      display:flex;
      row-gap:.35rem;
      position:relative;
      font-size:.875rem;
      background:var(--cream-100);
      box-shadow:1px 4px 14px 0px var(--slate-100-06);
      column-gap:.35rem;
      transition:top 300ms ease;
      align-items:center;
      padding-top:.15rem;
      padding-left:.9rem;
      padding-right:.9rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fdVcZd {
      color:var(--darkGold-100);
      width:1rem;
      height:1rem;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .opLuL {
      flex:1;
      width:100%;
      height:100%;
      z-index:9999;
      background:white;
      box-shadow:4px 4px 0px 0px var(--cream-600);
      transition:opacity 500ms ease 200ms normal;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .eBOpeA {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      margin-bottom:1rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dqoCfB {
      display:flex;
      row-gap:1rem;
      background:var(--cream-200);
      column-gap:1rem;
      margin-top:1rem;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .ertWjm {
      font-size:1.125rem;
    }

    .fbhJJh {
      color:black;
      width:fit-content;
      cursor:default;
      height:fit-content;
      display:flex;
      row-gap:.5rem;
      background:var(--gold-75);
      box-shadow:3px 3px 0px 0px var(--darkGold-100);
      column-gap:.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      font-family:Azeret Mono;
      padding-top:.5rem;
      border-color:var(--darkGold-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fbhJJh:hover {
      background:#f3bc30;
      box-shadow:0px 0px 0px 0px var(--darkGold-100);
      border-color:#f3bc30;
      border-style:solid;
      border-width:2px;
    }

    .fbhJJh:active {
      box-shadow:0px 0px 0px 0px var(--darkGold-100);
      border-color:var(--gold-100);
      border-style:solid;
      border-width:2px;
    }

    .bArPmz {
      width:.75rem;
      height:.75rem;
    }

    .fDqmRX {
      animation:1s linear 0ms infinite normal none running animation-fdlyLB;
    }

    @keyframes animation-fdlyLB {
        100% {
          rotate: 1turn;
        }
    }

    .primary-button\:JzB-pk9B6Ox9Y4u7Iq6eC {
      width:.75rem;
      height:.75rem;
    }

    .time-sidebar\:5iArksS83pqmCfEyVXBQ0 {
      margin-top:1rem;
    }

    .dTaTrl {
      display:flex;
      background:var(--cream-200);
      align-items:flex-start;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:space-between;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .ezdlkE {
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .ejaiww {
      opacity:.6;
      font-size:.75rem;
    }

    .eLReux {
      width:2rem;
      height:2rem;
    }

    .ebVBFQ {
      font-size:inherit;
      background:var(--white);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      min-height:3rem;
      transition:box-shadow 300ms ease;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .ebVBFQ:hover {
      box-shadow:0px 0px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .ebVBFQ:focus {
      box-shadow:0px 0px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .cDwrYh {
      width:100%;
      display:flex;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:column;
      padding-bottom:.5rem;
    }

    .ckgUVF {
      color:black;
      width:fit-content;
      cursor:default;
      height:fit-content;
      display:flex;
      row-gap:.25rem;
      font-size:.875rem;
      max-width:100%;
      background:var(--cream-100);
      box-shadow:2px 2px 0px 0px var(--cream-500);
      column-gap:.25rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:box-shadow 300ms ease  , color 300ms ease  , border-color 300ms ease;
      align-items:center;
      font-family:"open sans";
      font-weight:400;
      padding-top:.15rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.15rem;
      text-transform:capitalize;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .ckgUVF:hover {
      background:var(--white);
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .ckgUVF.is-negative {
      background:var(--lightpink-100);
      box-shadow:2px 2px 0px  var(--error-100);
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
    }

    .ckgUVF.is-negative:hover {
      background:var(--lightpink-100);
      box-shadow:0px 0px 0px 0px var(--error-100);
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
    }

    .cMzfRK {
      width:.75rem;
      height:.75rem;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .secondary-button\:HObNHg2SK8pur7keloPz5 {
      width:.5rem;
      height:.5rem;
      animation:2s linear 0ms infinite normal none running animation-dHFmPj;
    }

    @keyframes animation-dHFmPj {
        100% {
          rotate: 3turn;
        }
    }

    .bRkava {
      flex:1;
      min-width:0px;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }

    .time-sidebar\:DQcAgEoqEgJTGENfztUt7 {
      width:100%;
    }

    .dYESGd {
      width:100%;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
    }

    .cUGesA {
      width:fit-content;
      cursor:default;
      height:fit-content;
      display:flex;
      row-gap:.25rem;
      font-size:.875rem;
      background:var(--cream-100);
      column-gap:.25rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:border-color 300ms ease 0ms normal;
      align-items:center;
      font-family:"open sans";
      font-weight:400;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .cUGesA:hover {
      background:var(--white);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .cUGesA.is-negative {
      background:var(--lightpink-100);
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
    }

    .cUGesA.is-negative:hover {
      background:var(--white);
    }

    .btJOGW {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .icon-button\:4rhWBuL77BFPkMG7rmDTQ {
      width:.75rem;
      height:.75rem;
    }

    .icon-button\:_s_QWpaPxhvv1GhQyrBH- {
      width:.75rem;
      height:.75rem;
    }

    .icon-button\:higCjw3MQrpeZwtCak8xH {
      width:.75rem;
      height:.75rem;
    }

    .fhGsYP {
      left:0rem;
      display:flex;
      row-gap:.15rem;
      position:relative;
      font-size:.75rem;
      background:var(--white);
      column-gap:.15rem;
      transition:color 300ms ease  , background 300ms ease  , opacity 300ms ease var(--transition-delay) , left 300ms ease var(--transition-delay) , border-color 300ms ease;
      align-items:center;
      padding-top:.15rem;
      border-color:var(--transparent);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.25rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:center;
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem;
      border-bottom-left-radius:.25rem;
      border-bottom-right-radius:.25rem;
    }

    .fhGsYP:hover {
      color:var(--error-100);
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
    }

    .fhGsYP {
      
    @starting-style {
      left:-1rem;
      opacity:0;
    }
    }

    .cPeePh {
      position:relative;
    }

    .tags-component\:E1zvn0Mx2xYMjKRduK21T {
      font-size:0.875rem;
      padding-right:3rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .tags-component\:Ocaj4ZkETaai_xB4Z60Sb {
      width:.75rem;
      height:.75rem;
    }

    .IZvIM {
      top:0%;
      right:.25rem;
      bottom:0%;
      display:flex;
      row-gap:.5rem;
      position:absolute;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cCYXsI {
      width:100%;
    }

    .ehwUPV {
      max-width:100%;
    }

    .tags-component\:cM2pN-2I99puvgHRyuCYo {
      color:var(--slate-100-6);
      font-size:.75rem;
      padding-right:.5rem;
    }

    .VIsXw {
      display:flex;
      row-gap:.5rem;
      flex-wrap:wrap;
      column-gap:.5rem;
      flex-direction:row;
    }

    .dpHDtS {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      max-height:0px;
      overflow-y:hidden;
      transition:max-height 300ms ease;
      padding-left:.25rem;
      padding-right:.25rem;
      flex-direction:column;
    }

    .dpHDtS.is-open {
      max-height:1000px;
    }

    .cbvDQg {
      row-gap:.25rem;
      column-gap:.25rem;
    }

    .fmxCpr {
      font-size:.875rem;
    }

    .bAYPhi {
      position:relative;
    }

    .bAYPhi.is-disabled {
      cursor:not-allowed;
      opacity:.5;
      pointer-events:none;
    }

    .faxUzB {
      color:var(--error-100);
      background:var(--error-100-15);
      box-shadow:3px 3px 0px 0px var(--error-100);
      padding-top:.5rem;
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:.5rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .bvWAVz {
      font-size:.75rem;
      font-family:Azeret Mono;
    }

    .dPqzXw {
      flex:1;
      width:100%;
      height:100%;
      display:flex;
      opacity:1;
      z-index:100;
      position:relative;
      background:var(--cream-200);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:opacity 500ms ease;
      align-items:center;
      padding-top:3rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      justify-content:center;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .dPqzXw {
      
    @starting-style {
      opacity:0;
    }
    }

    .KTiBJ {
      top:0rem;
      opacity:1;
      transition:top 300ms ease var(--transition-delay) , opacity 300ms ease var(--transition-delay);
    }

    .KTiBJ {
      
    @starting-style {
      top:-1rem;
      opacity:0;
    }
    }

    .WlqXf {
      width:100%;
      display:flex;
      background:var(--error-100-15);
      box-shadow:3px 3px 0px 0px var(--error-100);
      text-align:center;
      align-items:center;
      padding-top:2rem;
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:2rem;
      justify-content:flex-start;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .cfcOiJ {
      font-size:1.5rem;
    }

    .czYXAR {
      width:100%;
      display:flex;
      row-gap:0rem;
      background:var(--cream-200);
      column-gap:0rem;
      align-items:flex-start;
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.25rem;
      flex-direction:column;
      padding-bottom:.25rem;
      justify-content:flex-start;
      grid-template-columns:auto 1fr;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .GWGuE {
      width:100%;
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      align-items:center;
      padding-top:.15rem;
      padding-left:.5rem;
      padding-right:0rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:space-between;
    }

    .eYwmgp {
      opacity:.6;
      font-size:.75rem;
      text-align:left;
      font-weight:normal;
    }

    .PCmsm {
      display:flex;
      max-width:45%;
      align-items:flex-end;
      flex-direction:column;
      justify-content:flex-start;
    }

    .dkYHoy {
      font-size:.875rem;
      max-width:100%;
      text-wrap:nowrap;
      overflow-x:clip;
      transition:color 300ms ease;
      text-overflow:ellipsis;
    }

    .dkYHoy.clickable:hover {
      text-decoration-line:underline;
    }

    .time-sidebar-item\:92IC8PT_eu_B_vEcHGxWZ {
      width:.75rem;
      height:.75rem;
    }

    .ebbCAJ {
      font-size:.75rem;
      text-align:left;
    }

    .dGysHM {
      width:100%;
      max-width:100%;
      text-align:left;
    }

    .dGysHM.is-disabled {
      pointer-events:none;
    }

    .bkfTdn {
      cursor:default;
      font-size:inherit;
      min-width:100%;
      transition:color 300ms ease;
    }

    .bkfTdn:hover {
      color:var(--slate-100-6);
    }

    .bkfTdn:focus {
      color:var(--slate-100);
    }

    .dgOxUZ {
      width:100%;
      max-width:100%;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }

    .dgOxUZ.wrap-text {
      text-wrap:wrap;
    }

    .eQwnfz {
      text-align:inherit;
      transition:color 300ms ease;
    }

    .eQwnfz:hover {
      color:var(--slate-100);
    }

    .time-sidebar-item\:Gz2i-7p1I3TDrbGj91Jqo:hover {
      color:var(--error-100);
    }

    .egIgZP {
      display:flex;
      max-width:45%;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .eiFjNo {
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .cvttdm {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .aHiKj {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fpWzVd {
      width:fit-content;
      text-align:left;
    }

    .bEgMKm {
      display:flex;
      row-gap:1rem;
      font-size:.75rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .time-sidebar-item\:qSKPaEWmAGbutSjVFlKQB {
      width:.75rem;
      height:.75rem;
    }

    .dHSNZC {
      color:var(--slate-100);
      display:flex;
      row-gap:.25rem;
      font-size:.75rem;
      background:var(--cream-200);
      column-gap:.25rem;
      align-items:center;
      font-family:"Azeret Mono";
      font-weight:lighter;
      padding-top:.15rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:flex-start;
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem;
      border-bottom-left-radius:.25rem;
      border-bottom-right-radius:.25rem;
    }

    .dHSNZC.negative {
      color:var(--error-100);
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
    }

    .dHSNZC.positive {
      color:var(--darkGold-100);
      background:var(--gold-100-01);
      border-color:var(--darkGold-100);
      border-style:solid;
      border-width:2px;
    }

    .ehiqyp {
      width:100%;
      display:flex;
      row-gap:.5rem;
      background:var(--cream-100);
      column-gap:.5rem;
      align-items:flex-start;
      padding-top:.75rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:.75rem;
      justify-content:flex-start;
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem;
      border-bottom-left-radius:.25rem;
      border-bottom-right-radius:.25rem;
    }

    .bCotrf {
      color:var(--black);
      width:fit-content;
      cursor:default;
      height:fit-content;
      display:flex;
      row-gap:.5rem;
      background:var(--lightpink-100);
      box-shadow:3px 3px 0px 0px var(--error-100);
      column-gap:.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:box-shadow 300ms ease;
      align-items:center;
      font-family:Azeret Mono;
      padding-top:.5rem;
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .bCotrf:hover {
      box-shadow:0px 0px 0px 0px var(--orange-100);
    }

    .negative-button\:6PGEyJ0tlDP-C4JEm5YSP {
      width:.75rem;
      height:.75rem;
    }

    .eKqJoF {
      width:1rem;
      height:1rem;
    }

    .time-sidebar\:UPbO8VOVBythKos1zSoWo {
      width:100%;
      margin-bottom:.5rem;
    }

    .vYFOO {
      color:var(--slate-100-6);
      display:flex;
      font-size:.75rem;
      background:var(--cream-100);
      align-items:center;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:dashed;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:center;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .egkcwx {
      width:fit-content;
    }

    .dbEeqJ {
      color:black;
      width:fit-content;
      cursor:default;
      display:flex;
      row-gap:.35rem;
      font-size:.875rem;
      max-width:100%;
      background:transparent;
      column-gap:.35rem;
      overflow-x:hidden;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
      padding-top:.15rem;
      border-color:var(--transparent);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .dbEeqJ:hover {
      background:var(--cream-200);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .dbEeqJ:active {
      background:var(--cream-500);
    }

    .ftJDHf {
      flex:1;
      display:flex;
      min-width:0px;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .boGbkk {
      max-width:100%;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }

    .fmgubI {
      color:var(--slate-100);
      font-size:.625rem;
      max-width:100%;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }

    .dropdown-regular\:16pHjtuu1TtKPL_VBjDTy {
      width:100%;
      font-size:.875rem;
    }

    .dropdown-regular\:4D4sDumyTlzpo0QuBC9I- {
      width:100%;
    }

    .cbjPOt {
      top:0%;
      left:0%;
      right:0%;
      width:100vw;
      bottom:0%;
      height:100vh;
      z-index:75;
      position:fixed;
    }

    .eKAORy {
      top:110%;
      left:0%;
      width:var(--dynamic-width);
      height:auto;
      z-index:100;
      position:absolute;
      max-width:15rem;
      min-width:100%;
      background:var(--white);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      max-height:10rem;
      overflow-x:hidden;
      overflow-y:auto;
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:.25rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .eKAORy.left {
      left:0%;
    }

    .eKAORy.right {
      left:auto;
      right:0%;
    }

    .bEdXRo {
      font-size:.875rem;
      font-weight:normal;
    }

    .bOVSwn {
      width:100%;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
    }

    .fsSybU {
      background:var(--cream-200);
      padding-top:.75rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:.75rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .time-report-settings\:37O1R2n9fAggH6FGWx7VN {
      flex:1;
    }

    .bBdwiG {
      display:flex;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      min-height:3rem;
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .bBdwiG:hover {
      color:var(--darkGold-100);
      background:var(--white);
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .bBdwiG:active {
      color:var(--darkGold-100);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .copy-to-clipboard\:LDEJ80wiL3KOP3xFkP8G4 {
      width:1rem;
      height:1rem;
    }

    .copy-to-clipboard\:R4fm3jh_y4u_TKkdS2LB8 {
      width:1rem;
      height:1rem;
    }

    .eCVpJs {
      flex:1;
      max-width:85%;
      text-wrap:nowrap;
      overflow-x:clip;
      text-align:left;
      text-overflow:ellipsis;
    }

    .time-report-settings\:HkHKoKDquRhedL0c8N1IK {
      margin-bottom:1rem;
    }

    .time-report-settings\:XOeLFRJ34ya5cs-U5l_ae {
      font-size:.875rem;
      padding-top:.45rem;
      padding-left:.75rem;
      padding-right:.75rem;
      padding-bottom:.45rem;
    }

    .time-report-settings\:mY0ZP-nW750CsfhraXjbT {
      margin-bottom:.75rem;
    }

    .time-report-settings\:qsYJUsz3A9zDsrrrg5ne7 {
      flex:1;
      height:100%;
    }

    .oijvt {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .time-sidebar\:nVIDN7cIX2nxwPMB_LKle {
      margin-top:1rem;
      margin-bottom:1rem;
    }

    .bMmetg {
      width:100%;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:column;
    }

    .time-sidebar\:sr6cJEaMYzCkP-4UJro9b {
      color:var(--slate-100);
      font-size:.875rem;
    }

    .dGyJLN {
      width:100%;
      height:100%;
      display:flex;
      opacity:1;
      z-index:100;
      position:relative;
      background:var(--cream-100);
      overflow-x:hidden;
      overflow-y:scroll;
      transition:opacity 250ms ease;
      align-items:flex-start;
      justify-content:flex-start;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .dGyJLN {
      
    @starting-style {
      opacity:0;
    }
    }

    .dGyJLN.isLoading {
      opacity:0;
    }

    .cWMPLU {
      flex:1;
      display:flex;
      row-gap:3rem;
      column-gap:3rem;
      max-height:100%;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .time-page\:1yEAKnMfVKrhu7HnsNmnD {
      margin-bottom:.5rem;
    }

    .ZqMoP {
      width:100%;
      display:flex;
      row-gap:.25rem;
      position:relative;
      background:var(--cream-100);
      box-shadow:4px 4px 0px  var(--cream-500);
      column-gap:.25rem;
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.25rem;
      flex-direction:row;
      padding-bottom:.25rem;
      grid-template-columns:1fr auto;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .ebHunw {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      flex-direction:column;
    }

    .bWTvMA {
      flex:2;
      display:flex;
      position:relative;
      align-items:center;
      padding-top:2rem;
      padding-left:3rem;
      padding-right:3rem;
      padding-bottom:2rem;
      justify-content:center;
    }

    .bHkmto {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .active-timer\:MyX54NoIdrJHOoBxnCJMg {
      width:100%;
    }

    .active-timer\:OLPpnQr_jCxEXgJD-945L {
      width:100%;
    }

    .ezTgzt {
      display:flex;
      row-gap:.5rem;
      flex-wrap:wrap;
      max-width:100%;
      column-gap:.5rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .eHXUto {
      opacity:.6;
      font-size:.875rem;
    }

    .rltzo {
      flex:1;
    }

    .active-timer\:SFOg2XEZtWegsiZxauRk8 {
      width:100%;
    }

    .eZUlvd {
      color:var(--error-100);
      display:flex;
      row-gap:.5rem;
      background:var(--error-100-15);
      box-shadow:3px 3px 0px 0px var(--error-100);
      column-gap:.5rem;
      text-align:left;
      align-items:center;
      padding-top:.5rem;
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .dJXZiB {
      color:var(--darkGold-100);
      font-size:3rem;
      font-family:Azeret Mono;
    }

    .RGnAk {
      width:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      flex-direction:column;
    }

    .emYYoS {
      display:flex;
      row-gap:1rem;
      flex-grow:1.5;
      max-width:350px;
      column-gap:1rem;
      flex-basis:0%;
      align-items:flex-end;
      flex-shrink:1;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      justify-content:center;
    }

    .active-timer\:vvv7PGz559RYZgTkqigXl {
      width:100%;
    }

    .btcJfK {
      width:100%;
      height:100%;
      z-index:5;
      max-width:400px;
    }

    .Hcbfv {
      flex:1;
      width:100%;
      height:100%;
      max-height:100%;
      overflow-y:auto;
      padding-right:.5rem;
    }

    .cmPDeU {
      width:100%;
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .snzPw {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      flex-direction:column;
    }

    .time-list-item\:2wNP4FEucT9XcudZ4U8Vo {
      width:.75rem;
      height:.75rem;
    }

    .time-list-item\:310Oq-dOMVoeExauKObhX {
      font-size:.75rem;
    }

    .time-list-item\:8MQ8i_kh5AwlA6uA0j4mb {
      width:.75rem;
      height:.75rem;
    }

    .doIJWP {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .time-list-item\:HV41aF7SC1ZsBhowMa61a {
      width:1rem;
      height:1rem;
    }

    .cJWgMC {
      display:flex;
      row-gap:.15rem;
      column-gap:.15rem;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bZpUag {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:row;
    }

    .blFrta {
      width:fit-content;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .inline-settings\:EYCPJ-GobOt8qMg12Iuy1 {
      height:1rem;
    }

    .bTLCcX {
      display:flex;
      row-gap:.5rem;
      z-index:510;
      column-gap:.5rem;
      align-items:center;
      padding-right:.5rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .inline-settings\:PAH7dBFtzJueHRJpcPY8N:hover {
      background:var(--cream-200);
    }

    .drGiTq {
      top:0%;
      left:0%;
      right:0%;
      width:100vw;
      bottom:0%;
      height:100vh;
      z-index:500;
      position:fixed;
    }

    .spBUN {
      top:0%;
      left:.25rem;
      height:100%;
      opacity:1;
      position:relative;
      max-width:500px;
      transition:left 300ms ease  , opacity 300ms ease  , max-width 300ms ease;
    }

    .spBUN {
      
    @starting-style {
      left:-1rem;
      opacity:0;
      max-width:0px;
    }
    }

    .crSwPT {
      width:100%;
      display:flex;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      transition:border-color 300ms ease 0ms normal, box-shadow 300ms ease;
      align-items:flex-start;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      flex-direction:row;
      justify-content:flex-start;
      grid-template-columns:auto 1fr auto;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .crSwPT:hover {
      background:var(--white);
      box-shadow:0px 0px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .crSwPT.is-selected {
      background:white;
      box-shadow:3px 3px 0px 0px var(--cream-600);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .crSwPT.is-selected:hover {
      box-shadow:0px 0px 0px 0px var(--cream-600);
    }

    .time-list-item\:fnlVQyuaAbpFggl1C2XEA {
      width:.75rem;
      height:.75rem;
    }

    .ciMjWQ {
      width:100%;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .dcA-djt {
      width:100%;
      display:flex;
      align-items:flex-start;
      padding-top:.75rem;
      padding-left:.75rem;
      padding-right:.75rem;
      flex-direction:column;
      padding-bottom:.75rem;
      justify-content:space-between;
    }

    .cOCZpo {
      width:100%;
      display:grid;
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:column;
      grid-template-columns:1fr 1fr;
    }

    .MqFzL {
      flex:1;
      height:100%;
      display:flex;
      row-gap:3rem;
      z-index:5;
      column-gap:3rem;
      max-height:100%;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .dPqoDp {
      width:100%;
      display:flex;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .time-filter-bar\:-zb7PWEbl12jiuf1YEyGM {
      margin-bottom:.5rem;
    }

    .diYUGh {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:center;
    }

    .dGqIVC {
      width:fit-content;
      display:flex;
      row-gap:.5rem;
      font-size:.875rem;
      max-width:100%;
      background:var(--cream-100);
      box-shadow:2px 2px 0px 0px var(--cream-500);
      column-gap:.5rem;
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      font-family:open sans;
      padding-top:.15rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .dGqIVC:hover {
      background:var(--white);
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .dGqIVC:active {
      background:var(--cream-100);
    }

    .dszTGK {
      width:1.5rem;
      height:.35rem;
      display:flex;
      background:var(--cream-300);
      transition:padding-left 300ms ease;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:2px;
      border-top-right-radius:2px;
      border-bottom-left-radius:2px;
      border-bottom-right-radius:2px;
    }

    .dszTGK.isActive {
      padding-left:1rem;
    }

    .cDbgcP {
      flex:1;
      max-width:100%;
      min-width:0px;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-align:left;
      text-overflow:ellipsis;
    }

    .JvZIa {
      display:none;
    }

    .bJmKUR {
      width:.65rem;
      height:.65rem;
      background:var(--slate-100);
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      border-bottom-left-radius:3px;
      border-bottom-right-radius:3px;
    }

    .bJmKUR.isActive {
      background:var(--gold-100);
    }

    .time-page\:Ybz8dUPtAbXGHKX195RLW {
      top:0px;
      z-index:10;
      position:sticky;
      backdrop-filter:blur(5px);
    }

    .bDKEMi {
      top:0%;
      left:0%;
      right:0%;
      width:100%;
      bottom:0%;
      height:100%;
      position:absolute;
    }

    .cajIat {
      bottom:0rem;
      display:flex;
      row-gap:.5rem;
      font-size:.75rem;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      column-gap:.5rem;
      transition:bottom 300ms ease  , opacity 300ms ease;
      align-items:center;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .loading-state\:UxptILW_uqy3YG9k8nj1H {
      color:var(--darkGold-100);
      width:.625rem;
      animation:1s linear 0ms infinite normal none running animation-fdlyLB;
    }

    .App\:1mFyoLNmo2U3YUOCzh8S9 {
      flex:1;
      height:100%;
      max-height:100%;
    }

    .bkQIeF {
      width:fit-content;
      height:100%;
      max-height:100%;
    }

    .pCvvB {
      flex:1;
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:row;
    }

    .bKJdoA {
      row-gap:.5rem;
      column-gap:.5rem;
    }

    .enAbdE {
      display:flex;
      row-gap:.35rem;
      flex-wrap:wrap;
      column-gap:.35rem;
      flex-direction:row;
    }

    .cqpJsI {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .cFnvUS {
      width:100%;
      height:5rem;
      background:#f5f5f5;
      border-top-left-radius:.75rem;
      border-top-right-radius:.75rem;
      border-bottom-left-radius:.75rem;
      border-bottom-right-radius:.75rem;
    }

    .diJVXd {
      color:var(--darkGold-100);
      font-size:.625rem;
      font-family:"azeret mono";
    }

    .eKFzOb {
      width:12rem;
      font-size:.625rem;
      background:var(--cream-200);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:.25rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .eOkvQl {
      width:100%;
      height:100%;
      display:flex;
      background:var(--slate-100-1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .eVBjQd {
      font-size:.75rem;
    }

    .dPoOfC {
      width:100%;
      overflow-x:hidden;
      overflow-y:hidden;
      aspect-ratio:16/9;
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem;
      border-bottom-left-radius:.25rem;
      border-bottom-right-radius:.25rem;
    }

    .dtrVKk {
      gap:.5rem;
      display:flex;
      flex-direction:row;
      grid-template-columns:1fr auto;
    }

    .lbAbz {
      color:var(--black);
      width:fit-content;
      cursor:default;
      height:fit-content;
      display:flex;
      row-gap:.5rem;
      background:var(--gold-75);
      box-shadow:3px 3px 0px 0px var(--darkGold-100);
      column-gap:.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      font-family:Azeret Mono;
      padding-top:.5rem;
      border-color:var(--darkGold-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .lbAbz:hover {
      box-shadow:0px 0px 0px 0px var(--darkGold-100);
    }

    .lbAbz:active {
      box-shadow:0px 0px 0px 0px var(--darkGold-100);
      border-color:var(--gold-100);
      border-style:solid;
      border-width:2px;
    }

    .link-button\:JzB-pk9B6Ox9Y4u7Iq6eC {
      width:.75rem;
      height:.75rem;
    }

    .task-attachments-item\:ggbBqh4-y4nIpNVXpho9U {
      flex:1;
    }

    .task-attachments-item\:hMPz-XIUmla87NqySh4mc {
      max-width:100%;
      min-width:0px;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }

    .fAeSLd {
      width:100%;
      height:100%;
      background:var(--cream-100);
      object-fit:cover;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .dYHqIB {
      row-gap:.5rem;
      column-gap:.5rem;
      padding-top:.25rem;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:.25rem;
    }

    .cNQWNV {
      bottom:0rem;
      opacity:1;
      position:relative;
      transition:bottom 300ms ease var(--transition-delay) , opacity 300ms ease var(--transition-delay);
    }

    .cNQWNV {
      
    @starting-style {
      bottom:-1rem;
      opacity:0;
      position:relative;
    }
    }

    .task-attachments\:fSllECR1zM4YsXxX-spGX {
      width:.75rem;
      height:.75rem;
    }

    .elHRwH {
      max-width:100%;
      overflow-x:auto;
      padding-bottom:.5rem;
    }

    .task-attachments\:kB4vty6b6g_jQp2PAURI8 {
      width:.75rem;
      height:.75rem;
    }

    .QHphT {
      color:black;
      width:fit-content;
      cursor:default;
      height:fit-content;
      display:flex;
      row-gap:.25rem;
      font-size:.75rem;
      background:var(--cream-100);
      box-shadow:2px 2px 0px 0px var(--cream-500);
      column-gap:.25rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      font-family:"open sans";
      font-weight:400;
      padding-top:.15rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .QHphT:hover {
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .dyLWnF {
      row-gap:.25rem;
      column-gap:.25rem;
      flex-direction:column;
    }

    .subtask-item\:HVOxgrv86EtDH9Tm4HmK3 {
      width:.75rem;
      height:.75rem;
    }

    .subtask-item\:JYR4ouppYfzWHpaWKx4tQ {
      width:.75rem;
      height:.75rem;
    }

    .cUwyHq {
      color:#000000;
      cursor:default;
      display:flex;
      row-gap:.5rem;
      font-size:.75rem;
      background:var(--cream-100);
      box-shadow:0px 0px 0px 0px var(--cream-500);
      column-gap:.5rem;
      transition:box-shadow 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:normal;
      padding-top:.15rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.15rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .cUwyHq:hover {
      background:var(--white);
      box-shadow:2px 2px 0px 0px var(--cream-500);
    }

    .ctmNLy {
      flex:1;
      min-width:0px;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-align:left;
      text-overflow:ellipsis;
    }

    .subtask-item\:jnvGzibfrx3U-0Bu_dKup {
      width:.75rem;
      height:.75rem;
    }

    .subtask-item\:kzK9DLQC4P1h8sIIV8Y0R {
      color:var(--error-100);
      width:.75rem;
      height:.75rem;
    }

    .bjFXLI {
      color:var(--slate-100);
      font-size:.625rem;
    }

    .subtask-item\:sDhoISYm1B7pmRU8rqfI_ {
      width:.75rem;
      height:.75rem;
    }

    .task-details\:13XQBGwcDFxuwTlxIfLYH {
      width:.75rem;
      height:.75rem;
    }

    .task-details\:1_8f2O35chFcx7bMHGXyJ {
      background:var(--cream-200);
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .task-details\:4O_aIOV_OQVakVp40hx2_ {
      color:var(--error-100);
      width:.75rem;
      height:.75rem;
    }

    .fqtwSb {
      flex:1;
      padding-top:.25rem;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:.25rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .bgAuFX {
      flex:1;
      z-index:10;
      position:relative;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      overflow-y:auto;
      transition:box-shadow 300ms ease;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .bgAuFX:hover {
      background:var(--white);
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .endSNV {
      bottom:0rem;
      opacity:1;
      transition:opacity 300ms ease var(--transition-delay) , bottom 300ms ease var(--transition-delay);
    }

    .endSNV {
      
    @starting-style {
      bottom:-1rem;
      opacity:0;
    }
    }

    .task-details\:8TVXEnAiKzCn01cixca2g {
      margin-bottom:.5rem;
    }

    .deXeVt {
      flex:1;
      height:1px;
      background:var(--cream-600);
    }

    .dropdown-drawer\:Cyge-XNPzA3G5Od-dUEKH {
      width:.875rem;
      height:.875rem;
    }

    .bNA-dji {
      width:100%;
      max-height:0px;
      overflow-y:auto;
      transition:max-height 300ms ease;
      flex-direction:column;
    }

    .bNA-dji.isOpen {
      max-height:500px;
      overflow-y:visible;
    }

    .dropdown-drawer\:SEaRAWbhA_wIs06CYRDuG {
      width:.875rem;
      height:.875rem;
    }

    .feQsjj {
      color:var(--slate-100);
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      padding-top:.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:center;
    }

    .feQsjj:hover {
      color:var(--black);
    }

    .coWOAi {
      color:inherit;
    }

    .task-details\:CutCKYpuKTZEh8nt_chQA {
      width:100%;
    }

    .task-details\:I7Ol5FB09LVMZwpaZXm3t {
      width:.75rem;
      height:.75rem;
    }

    .bKBtdc {
      flex:1;
      left:0px;
      width:450px;
      height:100%;
      z-index:100;
      max-width:450px;
      background:var(--white);
      box-shadow:4px 4px 0px 0px var(--cream-600);
      max-height:100%;
      transition:left 250ms ease 0s;
      padding-top:0.25rem;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:0.25rem;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .bKBtdc {
      
    @starting-style {
      left:200px;
    }
    }

    .bKBtdc.isClosed {
      left:200px;
    }

    .bbbJlo {
      display:flex;
      flex-direction:column;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .cKiASV {
      padding-top:.15rem;
      padding-left:.15rem;
      padding-right:.15rem;
      padding-bottom:.15rem;
    }

    .dfnykz {
      width:100%;
      position:relative;
    }

    .dDaCAm {
      transition:background 300ms ease;
      padding-top:.25rem;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:.25rem;
      border-top-left-radius:.2rem;
      border-top-right-radius:.2rem;
      border-bottom-left-radius:.2rem;
      border-bottom-right-radius:.2rem;
    }

    .dDaCAm:hover {
      background:white;
    }

    .TwtEK {
      max-width:70%;
      text-wrap:nowrap;
      overflow-x:clip;
      text-overflow:ellipsis;
    }

    .cwGLPP {
      width:.625rem;
      height:auto;
    }

    .task-details_comment-form\:V5rfm_5nCYODz3mSqcKYi {
      width:100%;
      padding-top:.5rem;
      padding-bottom:.5rem;
    }

    .task-details_comment-form\:gQ5SN2fh8f5-36aaXGLVr {
      right:.5rem;
      bottom:.5rem;
      position:absolute;
    }

    .fCYSgh {
      font-size:inherit;
      background:var(--white);
      min-height:5rem;
      transition:box-shadow 300ms ease  , border-color 300ms ease;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:.5rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .fCYSgh:hover {
      box-shadow:3px 3px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .fCYSgh:active {
      box-shadow:3px 3px 0px 0px var(--cream-600);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .fCYSgh:focus {
      box-shadow:3px 3px 0px 0px var(--cream-600);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .fCYSgh:focus:hover {
      box-shadow:3px 3px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .cpOcTj {
      width:100%;
      display:flex;
      font-size:.75rem;
      background:var(--cream-200);
      box-shadow:2px 2px 0px 0px var(--cream-500);
      align-items:center;
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.25rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .eKznpM {
      display:flex;
      row-gap:.25rem;
      position:relative;
      column-gap:.25rem;
      align-items:flex-end;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cSDEUo {
      display:flex;
      flex-direction:column;
    }

    .cGhBLm {
      display:flex;
      padding-left:1rem;
      flex-direction:column;
    }

    .cvwXEE {
      position:relative;
      padding-top:.15rem;
      padding-left:.15rem;
      padding-right:.15rem;
      padding-bottom:.15rem;
      border-top-left-radius:.65rem;
      border-top-right-radius:.65rem;
      border-bottom-left-radius:.65rem;
      border-bottom-right-radius:.65rem;
    }

    .comment-item\:4E9IgP_CCxh2nqT45tPEp {
      font-size:.875rem;
      max-width:100%;
      margin-top:.35rem;
      font-weight:normal;
    }

    .comment-item\:677HjvxsvjlCi2DHJjlJ0 {
      color:var(--slate-100);
      font-size:.625rem;
    }

    .fbHuVT {
      color:var(--darkGold-100);
      font-size:.75rem;
      font-weight:bold;
    }

    .comment-item\:J2l9OLoy9Oxlnrq-mfH9C {
      width:1rem;
    }

    .bqEHdS {
      display:flex;
      background:var(--cream-100);
      box-shadow:0px 0px 0px 0px var(--cream-500);
      text-align:left;
      transition:box-shadow 300ms ease;
      align-items:flex-start;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.75rem;
      padding-right:.75rem;
      flex-direction:column;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .bqEHdS.is-active {
      background:var(--white);
      box-shadow:3px 3px 0px 0px var(--cream-500);
    }

    .bqEHdS.is-resolved {
      display:flex;
      min-height:2.5rem;
      align-items:flex-start;
      padding-top:.5rem;
      padding-bottom:.5rem;
      justify-content:center;
    }

    .fmMSDg {
      top:.25rem;
      right:0rem;
      display:flex;
      opacity:0;
      row-gap:.35rem;
      z-index:100;
      position:absolute;
      background:white;
      column-gap:.35rem;
      transition:right 300ms ease  , color 300ms ease  , opacity 300ms ease;
      padding-top:.15rem;
      padding-left:.15rem;
      padding-right:.15rem;
      flex-direction:row;
      padding-bottom:.15rem;
      border-top-left-radius:.25rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.25rem;
      border-bottom-right-radius:.25rem;
    }

    .fmMSDg.is-hover {
      right:.5rem;
      opacity:1;
    }

    .cMYmmJ {
      display:flex;
      row-gap:.5rem;
      flex-wrap:wrap;
      column-gap:.5rem;
      flex-direction:row;
      grid-template-columns:1fr 1fr;
    }

    .task-details\:OSVL8GjDy-Dlhbka9L0x4 {
      margin-bottom:.5rem;
    }

    .task-details\:OWQsN6_ewlfT-hkgsC1_p {
      width:.75rem;
      height:.75rem;
    }

    .cMmJnh {
      background:var(--cream-200);
      padding-top:1rem;
      padding-left:1rem;
      margin-bottom:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.75rem;
      border-top-right-radius:.75rem;
      border-bottom-left-radius:.75rem;
      border-bottom-right-radius:.75rem;
    }

    .bPKOtC {
      width:100%;
      max-width:500px;
      align-items:center;
      margin-left:auto;
      margin-right:auto;
      justify-content:flex-start;
    }

    .dPAErj {
      display:flex;
      background:var(--cream-200);
      text-align:center;
      padding-top:1rem;
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .date-picker\:6UkW5XbzHtEKspBXWM23c {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .byJGvr {
      display:flex;
      align-items:start;
    }

    .date-picker\:9muhMmXwpxoXrS4PC4Y_i {
      width:100%;
    }

    .AicRo {
      top:110%;
      right:0%;
      width:fit-content;
      height:fit-content;
      opacity:1;
      z-index:100;
      position:absolute;
      transition:top 300ms ease  , opacity 300ms ease;
    }

    .AicRo {
      
    @starting-style {
      top:50%;
      opacity:0;
    }
    }

    .task-details\:SzASfb4STDd8Gg6ZJ2cJd {
      flex:1;
    }

    .eZFPEX {
      flex:1;
      position:relative;
      background:var(--cream-100);
      max-height:100%;
      overflow-y:auto;
      align-items:stretch;
      flex-direction:column;
      justify-content:space-between;
      border-top-left-radius:.75rem;
      border-top-right-radius:.75rem;
      border-bottom-left-radius:.75rem;
      border-bottom-right-radius:.75rem;
    }

    .task-details\:WAk3G2XfgKQCsNGTqVxQn {
      color:var(--error-100);
      width:1.25rem;
      height:1.25rem;
    }

    .task-details\:WYrAsESMtQzlY0v99ziKN {
      flex:1;
      width:100%;
      margin-bottom:.5rem;
    }

    .bYFXCT {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
    }

    .bEUkci {
      width:1rem;
      height:1rem;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .task-details\:Z_26visBGaPWJ2fnx1m3v {
      flex:1;
    }

    .dNFGYT {
      top:0%;
      left:0%;
      right:0%;
      bottom:0%;
      display:flex;
      opacity:0;
      z-index:100;
      position:absolute;
      background:var(--cream-100);
      transition:opacity 200ms ease;
      pointer-events:none;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .dNFGYT.isClosed {
      opacity:1;
    }

    .eEbEVz {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      z-index:50;
      position:fixed;
    }

    .xmDkP {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      transition:all 300ms ease;
      flex-direction:column;
    }

    .task-details\:dst75UhwJUm2uM1sn15OQ {
      font-size:.75rem;
    }

    .task-details\:dst75UhwJUm2uM1sn15OQ:hover {
      background:var(--white);
    }

    .task-details\:eM3_KTDPbkQfi3Lxmonpu {
      margin-top:.25rem;
      margin-bottom:.5rem;
    }

    .eCcVHv {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      z-index:999;
      position:fixed;
    }

    .cxAsvb {
      top:calc(100% + 0.5rem);
      right:0%;
      width:auto;
      display:flex;
      opacity:1;
      row-gap:.35rem;
      z-index:1000;
      position:absolute;
      min-width:fit-content;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      column-gap:.35rem;
      max-height:50svh;
      overflow-y:auto;
      transition:top 300ms ease  , opacity 300ms ease;
      align-items:stretch;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:column;
      padding-bottom:.5rem;
      justify-content:stretch;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .cxAsvb {
      
    @starting-style {
      top:calc(100% + 0rem);
      opacity:0;
    }
    }

    .cxAsvb.left {
      left:0%;
    }

    .eeWThF {
      flex:1;
      background:var(--cream-100);
      align-items:center;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.75rem;
      border-top-right-radius:.75rem;
      border-bottom-left-radius:.75rem;
      border-bottom-right-radius:.75rem;
    }

    .task-details\:mVUHLPC3BmYLFIajGVzIl {
      font-size:.75rem;
    }

    .task-details\:qei3VwQAsTt7AfYd3jOPI {
      width:100%;
    }

    .task-details\:sECkDG0dOwOP34nburlIb {
      width:100%;
    }

    .task-details\:z1O1ba2N4W4UGFH1msB-L {
      width:.65rem;
      height:.65rem;
    }

    .ePrRcL {
      width:100%;
      height:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      flex-direction:row;
    }

    .eQKptQ {
      flex:1;
      display:flex;
      max-width:900px;
      max-height:100%;
      flex-direction:column;
    }

    .bgFoXP {
      height:100%;
      display:flex;
      max-height:100%;
      flex-direction:column;
    }

    .dApaGJ {
      height:100%;
    }

    .eyVPLS {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .notes-editor\:LkXTCt2wn_b-0WQWv3Ynj {
      flex:1;
      background:var(--white);
      box-shadow:4px 4px  0px var(--cream-500);
      min-height:0px;
      overflow-y:auto;
      padding-top:1.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .bXgaRT {
      display:flex;
      position:relative;
      background:var(--white);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      align-items:center;
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.25rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .note-settings\:0xeKRVW2OtOlD17c_614f {
      width:100%;
    }

    .note-settings\:5RgQr-xDdz_ao-O0VhLju {
      width:100%;
    }

    .note-settings\:96ImnKzZlDaElKJQlF0L3 {
      width:100%;
    }

    .eDfXBF {
      display:flex;
      background:var(--cream-200);
      margin-top:.5rem;
      overflow-y:visible;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      margin-bottom:1rem;
      padding-right:.5rem;
      flex-direction:column;
      padding-bottom:.5rem;
      justify-content:stretch;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .note-settings\:ELzj8IclOmjzGPIDE1p4x {
      width:100%;
    }

    .note-settings\:GyMOwS56Ci7wg21V4wLt0 {
      color:var(--slate-100);
      font-size:.75rem;
    }

    .cLMAQs {
      width:100%;
      height:2px;
      display:flex;
      margin-top:1rem;
      align-items:center;
      margin-bottom:1rem;
      justify-content:center;
    }

    .note-settings\:IYk54PPTKIq7OiEhQXoqy {
      color:var(--slate-100);
      width:.75rem;
      height:.75rem;
    }

    .note-settings\:MQm7UhSbUefnUkTdE8efN {
      color:var(--slate-100);
      width:.625rem;
      height:.625rem;
    }

    .note-settings\:MbVBBxrsGiBA0mQZvmXQz {
      margin-bottom:1rem;
    }

    .note-settings\:OI6p7i4gjtc4NPPebzl7- {
      color:var(--slate-100);
      font-size:.75rem;
    }

    .note-settings\:QPxpzw5zm-MBXPf8ODKSB {
      color:var(--slate-100);
      font-size:.75rem;
    }

    .cjfVkf {
      top:calc(100% + 1rem);
      right:1rem;
      width:100%;
      display:flex;
      z-index:100;
      position:absolute;
      max-width:350px;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      transition:top 300ms ease  , opacity 300ms ease;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .cjfVkf {
      
    @starting-style {
      top:calc(100% + 0rem);
      opacity:0;
    }
    }

    .note-settings\:S-22AmsY9N8FAL6lpnUlx {
      margin-bottom:1rem;
    }

    .note-settings\:SPvbRX09HJfkJINqfWkyp {
      width:100%;
    }

    .fBZBHC {
      display:flex;
      max-height:500px;
      overflow-y:visible;
      transition:max-height 300ms ease  , margin-bottom 300ms ease;
      flex-direction:column;
      justify-content:stretch;
    }

    .fBZBHC.is-closed {
      max-height:0px;
      overflow-y:hidden;
      margin-bottom:1rem;
    }

    .LNQWk {
      flex:1;
      display:flex;
      flex-direction:column;
    }

    .note-settings\:evg63CVn2CVNXxDozN59P {
      width:100%;
    }

    .note-settings\:j_8b4H5pgw9Mdf1I1h81D {
      margin-bottom:1rem;
    }

    .note-settings\:jf6GgKosP5pDoe0Kt59np {
      color:var(--slate-100);
      width:.75rem;
      height:.75rem;
    }

    .frQJkM {
      top:0%;
      left:0%;
      right:0%;
      bottom:0%;
      z-index:50;
      position:fixed;
    }

    .note-settings\:mVMzXs0hR2-GP4halGbsn {
      margin-bottom:.5rem;
    }

    .eedRpn {
      display:flex;
      flex-direction:column;
      justify-content:stretch;
    }

    .note-settings\:shcmpM2ZK0UjHHl6L17DT {
      width:100%;
    }

    .note-settings\:uyL2Hpty4CHS0YhNKT8xM {
      width:100%;
      margin-top:.5rem;
    }

    .fCJOXU {
      width:80%;
      height:100%;
      background:var(--cream-500);
    }

    .notes-editor\:OnxYU55QUP7y42cXRgDAE {
      margin-bottom:.5rem;
    }

    .notes-editor\:_2aHd9tt_PzTmQwJFxDoB {
      height:100%;
    }

    .notes-page\:pQ6foBaU2CzEbuIogLHFV {
      flex:1;
      width:100%;
      height:100%;
      max-width:900px;
    }

    .cuuPtO {
      width:fit-content;
      height:100%;
      display:flex;
      flex-direction:row;
    }

    .cFSGxq {
      top:0%;
      right:-1rem;
      width:1rem;
      bottom:0%;
      height:100%;
      display:flex;
      position:absolute;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .cXFjSU {
      flex:0;
      width:100%;
      background:var(--cream-200);
      padding-top:1rem;
      padding-left:1rem;
      margin-bottom:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .notes-filters\:5kiIEhsQwVq8FNcjNPtjr {
      width:100%;
    }

    .notes-filters\:IdkUMYcb_I3YQRt2dFki4 {
      width:100%;
      margin-bottom:.5rem;
    }

    .dMdFWy {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      margin-top:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .blYnsp {
      display:flex;
      max-height:500px;
      overflow-x:visible;
      overflow-y:visible;
      transition:max-height 300ms ease;
      flex-direction:column;
    }

    .blYnsp.is-closed {
      max-height:0px;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .notes-filters\:U5rlRM-O2dWQofIgszDw2 {
      flex:1;
    }

    .fbImPY {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      margin-top:1rem;
      align-items:center;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
    }

    .notes-filters\:gYisUZsumQU5_j-x0Q6jP {
      padding-right:3rem;
    }

    .notes-filters\:hX0BjqxQ6hFzHsVekZJ6y {
      flex:1;
    }

    .cJpilN {
      top:0%;
      right:0%;
      bottom:0%;
      display:flex;
      position:absolute;
      align-items:flex-end;
      padding-right:.5rem;
      justify-content:center;
    }

    .notes-filters\:oFWsclUJgctSNgU0fieat {
      width:100%;
    }

    .dwHxVl {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
    }

    .note-button\:-NcauqwtMJZQHgqN7-9RI {
      width:100%;
      font-size:1rem;
      max-width:70%;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }

    .note-button\:0J1ytOtrvKp_7hCkxfdRc {
      width:.75rem;
      height:.75rem;
    }

    .note-button\:G_e_2RxjK1J9uWNXRk-uq {
      color:var(--slate-100);
      font-size:.75rem;
    }

    .exxQUH {
      width:100%;
      display:flex;
      align-items:center;
      margin-bottom:1rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .note-button\:_1msJ89g0faufASSvd0Mc {
      color:var(--slate-100);
      font-size:.625rem;
    }

    .IAIvr {
      display:flex;
      row-gap:.5rem;
      flex-wrap:wrap;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cKPTHD {
      display:flex;
      row-gap:.25rem;
      font-size:.875rem;
      background:var(--cream-100);
      column-gap:.25rem;
      text-align:left;
      transition:box-shadow 300ms ease;
      align-items:flex-start;
      padding-top:.75rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:.75rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .cKPTHD:hover {
      background:var(--white);
    }

    .cKPTHD.is-current {
      background:var(--white);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .cKPTHD.is-current:hover {
      background:var(--cream-100);
    }

    .note-button\:lqWIo5N13i62cQZhtn3LW {
      width:.75rem;
      height:.75rem;
    }

    .bCDtVc {
      top:.5rem;
      right:-.5rem;
      opacity:0;
      z-index:5;
      position:absolute;
      transition:right 300ms ease  , opacity 300ms ease;
    }

    .bCDtVc.is-hover {
      right:.5rem;
      opacity:1;
    }

    .note-button\:vLFWHl6MrVH1FOS6Gi4tw {
      color:var(--slate-100);
      font-size:.75rem;
    }

    .elqvCD {
      width:100%;
      display:flex;
      flex-direction:column;
    }

    .notes-folder\:2A7dMs6Rxq5WlAFPCpRaF {
      width:100%;
    }

    .tJNYE {
      overflow-y:hidden;
    }

    .notes-folder\:4TpXBMSWdPcrQF93hvsB7 {
      width:100%;
    }

    .bVriOH {
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .fgXnSM {
      top:0rem;
      opacity:1;
      background:var(--cream-200);
      margin-top:.25rem;
      transition:opacity 300ms ease  , top 300ms ease;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fgXnSM {
      
    @starting-style {
      top:-1.5rem;
      opacity:0;
    }
    }

    .fllcnm {
      position:relative;
      overflow-x:hidden;
    }

    .ZNBeo {
      width:100%;
      display:flex;
      max-height:3000px;
      overflow-x:visible;
      overflow-y:hidden;
      transition:max-height 300ms ease;
      flex-direction:column;
    }

    .ZNBeo.is-closed {
      max-height:0px;
    }

    .fGeOkR {
      display:flex;
      align-items:center;
      padding-top:1rem;
      padding-bottom:1rem;
      justify-content:center;
    }

    .dnjEyM {
      width:75%;
      height:1px;
      background:var(--cream-600);
    }

    .cjxEDR {
      top:0%;
      right:-2.25rem;
      bottom:0%;
      display:flex;
      position:absolute;
      transition:right 300ms ease;
      align-items:flex-end;
      padding-right:-2rem;
      justify-content:center;
    }

    .cjxEDR.is-hover {
      right:.25rem;
    }

    .notes-folder\:w4JVru5KhW9Y4NEacUQk2 {
      color:var(--slate-100);
      font-size:.75rem;
    }

    .notes-folder\:w8CT9b2YXACdXAI77jKFt {
      width:100%;
      display:flex;
      align-items:center;
      padding-top:.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
    }

    .notes-folder\:wu51I46eApJO96RSfsjcr {
      width:fit-content;
    }

    .lVHcj {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      margin-bottom:.25rem;
      flex-direction:column;
    }

    .yfwRO:first-child {
      margin-top:.5rem;
    }

    .eMszkI {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:column;
    }

    .notes-sidebar\:IPltQMhpjgUiT7i9mHCSh {
      margin-bottom:.5rem;
    }

    .notes-sidebar\:VVKcEH-46f-hKyZkGUcCl {
      margin-bottom:.5rem;
    }

    .bhDKqy {
      flex:1;
      width:100%;
      min-height:0px;
      overflow-y:auto;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .bCvqym {
      left:0rem;
      width:300px;
      height:100%;
      display:flex;
      position:relative;
      background:var(--cream-100);
      box-shadow:4px 4px 0px 0px var(--cream-600);
      transition:left 300ms ease;
      align-items:flex-start;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      flex-direction:column;
      padding-bottom:1rem;
      justify-content:flex-start;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .bCvqym.is-closed {
      left:-3rem;
    }

    .bSuIVy {
      width:100%;
      height:100%;
      position:relative;
      max-width:304px;
      max-height:100%;
      overflow-x:visible;
      transition:max-width 300ms ease;
    }

    .bSuIVy.is-closed {
      max-width:0px;
      overflow-x:hidden;
    }

    .eBWVmN {
      left:-.5rem;
      opacity:0;
      position:relative;
      transition:left 300ms ease  , opacity 300ms ease;
    }

    .eBWVmN.is-hover {
      left:0rem;
      opacity:1;
    }

    .notes-page\:wqzAcV91tsJ9ADPpqvOn- {
      z-index:100;
    }

    .dRtgbG {
      flex:1;
      height:100dvh;
      background:white;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
    }

    .faZNcz {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      z-index:0;
      position:absolute;
    }

    .buAcTE {
      flex:1;
      height:100%;
      row-gap:2rem;
      position:relative;
      background:var(--cream-200);
      box-shadow:4px 4px 0px 0px var(--cream-600);
      column-gap:2rem;
      max-height:100%;
      overflow-x:clip;
      overflow-y:clip;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      border-top-left-radius:.75rem;
      border-top-right-radius:.75rem;
      border-bottom-left-radius:.75rem;
      border-bottom-right-radius:.75rem;
    }

    .btGkLH {
      height:100%;
      display:flex;
      z-index:5;
      max-height:100%;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:center;
    }

    .biDYUX {
      top:0%;
      left:0%;
      right:0%;
      width:100%;
      bottom:0%;
      height:100%;
      z-index:0;
      position:absolute;
      object-fit:cover;
    }

    .bXZaqD {
      width:100%;
      display:flex;
      position:relative;
      background:linear-gradient(to top right, var(--cream-100) 61%, var(--gold-100-01) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto var(--cream-100);
      box-shadow:4px 4px 0px 0px var(--darkGold-100);
      padding-top:1.5rem;
      border-color:var(--darkGold-100);
      border-style:solid;
      border-width:2px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:1.5rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .feEXAz {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:space-between;
    }

    .ffaWoq {
      margin-top:2rem;
    }

    .upgrade-prompt\:2VdeS_nze5VLiRx_JwhR1 {
      color:var(--darkGold-100);
    }

    .upgrade-prompt\:5sltcCmXLPyN1HQ-ITz8N {
      color:var(--darkGold-100);
    }

    .upgrade-prompt\:K9yqYEYDF8rWIhPzLB2ua {
      margin-left:auto;
      margin-bottom:.5rem;
    }

    .fqAhYw {
      cursor:default;
      display:flex;
      position:relative;
      background:var(--cream-100);
      text-align:left;
      transition:box-shadow 300ms ease 0ms normal;
      align-items:flex-start;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.75rem;
      padding-right:.75rem;
      flex-direction:column;
      padding-bottom:1rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fqAhYw:hover {
      background:var(--white);
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .dgPXuc {
      color:var(--slate-100);
      right:.5rem;
      bottom:.5rem;
      display:flex;
      row-gap:.25rem;
      position:absolute;
      column-gap:.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .bbhjmH {
      display:flex;
      row-gap:.35rem;
      column-gap:.35rem;
      align-items:center;
      margin-bottom:.35rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .large-option-link\:cjdGiBbnAj_lqP81b6jVI {
      top:.25rem;
      color:var(--darkGold-100);
      right:.25rem;
      width:.5rem;
      height:.5rem;
      position:absolute;
    }

    .large-option-link\:miTN9BddKSdzJ7AMTWHC3 {
      font-size:.75rem;
    }

    .large-option-link\:yYO0InQaJvdT9HcafHZs9 {
      color:var(--slate-100);
      font-size:.875rem;
    }

    .upgrade-prompt\:LkOwxZaavMyYVne2s-djb {
      background:linear-gradient(to top right, var(--gold-100-01) 0%, var(--white) 40%) scroll padding-box border-box repeat repeat 0% 0% / auto var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--darkGold-50);
      border-color:var(--darkGold-50);
      border-style:solid;
      border-width:2px;
      padding-bottom:1.5rem;
    }

    .AEsNO {
      color:var(--gold-100);
      width:5rem;
      height:auto;
    }

    .upgrade-prompt\:ZUnjkzf5PR_FElsc7eWfh {
      color:var(--slate-100);
      font-size:.875rem;
    }

    .bjLKfA {
      display:flex;
      margin-top:1rem;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cJROXe {
      height:fit-content;
    }

    .secure-payment-list\:BB1IjJL2wLNr0vwkzyl2J {
      width:1.75rem;
    }

    .secure-payment-list\:GSi70va96DOFqnkjywBCA {
      width:2rem;
    }

    .secure-payment-list\:Tk2mi1moVqhcTyxDxYUZa {
      width:1.5rem;
    }

    .secure-payment-list\:cMSgeIlWApAQMXM5c_5MW {
      width:1.5rem;
    }

    .bbnlbu {
      color:var(--black);
      display:flex;
      opacity:.7;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .secure-payment-list\:rUaLyHT7U-1dOeov7WMiN {
      color:var(--slate-100);
      font-size:.75rem;
      margin-bottom:.25rem;
    }

    .upgrade-prompt\:pUgiLkS90JPGOE0YoDqEk {
      background:linear-gradient(to top right, var(--gold-100-01) 0%, var(--white) 40%) scroll padding-box border-box repeat repeat 0% 0% / auto var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--darkGold-50);
      border-color:var(--darkGold-50);
      border-style:solid;
      border-width:2px;
      padding-bottom:1.5rem;
    }

    .main-wrapper\:sOcCpSXSk2QM7547AtQRw {
      z-index:5;
      max-width:500px;
    }

    .fixFUF {
      height:100%;
      z-index:5;
      max-height:100%;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    @media (max-width: 1000px) {

    .fixFUF {
      padding-left:5%;
      padding-right:5%;
    }
    }

    .cZyEmg {
      width:fit-content;
      height:100%;
      z-index:9999;
      font-size:.875rem;
      max-width:11rem;
      background:white;
      padding-left:.5rem;
      padding-right:.5rem;
      border-bottom-color:#e6e6e6;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .fcVWJQ {
      display:flex;
      row-gap:.35rem;
      column-gap:.35rem;
      flex-direction:column;
    }

    .bBsdoA {
      color:var(--black);
      width:100%;
      cursor:default;
      display:flex;
      row-gap:.35rem;
      font-size:inherit;
      box-shadow:0px 0px 0px 0px var(--cream-500);
      column-gap:.35rem;
      transition:box-shadow 300ms ease 0ms normal, border-color 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:.5rem;
      border-color:var(--transparent);
      border-style:solid;
      border-width:2px;
      padding-left:.75rem;
      padding-right:.75rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .bBsdoA:hover {
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .bBsdoA:active {
      background:var(--cream-300);
    }

    .bBsdoA.is-current {
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .bBsdoA.disabled {
      color:var(--slate-100-6);
      cursor:not-allowed;
    }

    .bBsdoA.disabled:hover {
      background:var(--transparent);
      box-shadow:0px 0px 0px 0px var(--cream-600);
      border-color:var(--transparent);
      border-style:solid;
      border-width:2px;
    }

    .dUtSHt {
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:center;
    }

    .nav-button\:JPBqa87-d3TjZjrNUazom {
      width:1rem;
      height:1rem;
    }

    .eqZpNR {
      color:var(--darkGold-100);
      display:inline;
      font-size:.75rem;
      font-family:inherit;
      font-weight:inherit;
    }

    .beHeBv {
      background:var(--cream-100);
      max-height:0px;
      overflow-y:hidden;
      transition:max-height 300ms ease;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .beHeBv.is-open {
      max-height:300px;
    }

    .nav\:DMm92uUpPeFzM91UJ3PVb {
      width:100%;
      margin-top:.5rem;
    }

    .tBURG {
      display:inline-block;
      position:relative;
    }

    .ebbLST {
      top:0px;
      left:0px;
      width:100%;
      bottom:0px;
      height:100%;
      z-index:999;
      position:fixed;
      background:;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-end;
    }

    .notification-item\:13WW5jU9aNkEuvh7zKhra {
      width:.75rem;
      height:.75rem;
    }

    .notification-item\:2g8fMXkQqgLfAE-DXaNwF {
      width:.75rem;
      height:.75rem;
    }

    .notification-item\:5TVEFQXQazZIV-VV3Okc_ {
      flex:1;
      font-size:.875rem;
      min-width:0px;
      text-wrap:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }

    .notification-item\:EiRJWQNN6o2y7EsV2a48X {
      color:var(--slate-100);
      font-size:.75rem;
      font-weight:normal;
    }

    .notification-item\:GACSkexBrQDCOE1SWWYyZ {
      width:.75rem;
      height:.75rem;
    }

    .notification-item\:JfYB4SWzMxjL5Mz8eUOQf {
      color:var(--black);
      font-size:.75rem;
      font-weight:normal;
    }

    .notification-item\:JhifpZ0AThlZELDrRSmFM {
      width:.75rem;
      height:.75rem;
    }

    .notification-item\:MY-23bzWJ-ynP1qah0h4r {
      width:.75rem;
      height:.75rem;
    }

    .notification-item\:PIZ4z0Vn5SabAgd7lWwsp {
      width:.75rem;
      height:.75rem;
    }

    .fkbijB {
      width:100%;
      display:flex;
      row-gap:.5rem;
      max-width:100%;
      min-width:0px;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cDcRMw {
      top:.5rem;
      right:.5rem;
      position:absolute;
      transition:right 300ms ease;
    }

    .cDcRMw.is-closed {
      right:-2rem;
    }

    .notification-item\:dbDKoEfdV4S0LRs8OZiOc {
      width:.75rem;
      height:.75rem;
    }

    .eaGpgb {
      position:relative;
      background:var(--cream-100);
      overflow-x:hidden;
      overflow-y:hidden;
      text-align:left;
      align-items:flex-start;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.75rem;
      padding-right:.75rem;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .eaGpgb.clickable:hover {
      background:var(--white);
    }

    .eaGpgb.negative {
      color:var(--error-100);
    }

    .eaGpgb.positive {
      color:var(--darkGold-100);
    }

    .eaGpgb.seen {
      opacity:.6;
    }

    .notification-item\:ihdqS_f0nZIxPqwoBlEmN {
      color:var(--black);
      font-size:.75rem;
    }

    .notification-item\:wBqXO0UdMGaaDQWspElG8 {
      width:.75rem;
      height:.75rem;
    }

    .ekNSYh {
      flex:1;
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      min-height:0px;
      overflow-y:auto;
      flex-direction:column;
    }

    .qWtFr {
      width:300px;
      bottom:0rem;
      display:flex;
      opacity:1;
      z-index:5;
      background:var(--cream-100);
      box-shadow:3px 3px 0px  var(--cream-600);
      max-height:100%;
      transition:opacity 300ms ease  , bottom 300ms ease;
      padding-top:.5rem;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:column;
      padding-bottom:.5rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .qWtFr {
      
    @starting-style {
      bottom:-3rem;
      opacity:0;
    }
    }

    .notifications-manager\:9JktvJvcEhAVd5DvvyVmv {
      width:1rem;
      height:1rem;
    }

    .notifications-manager\:EXUz_9tzGC8WpclbSrWbA {
      flex:1;
    }

    .bQKYer {
      margin-bottom:1rem;
    }

    .notifications-manager\:Yub8SCqyrOMECWokjuEF7 {
      flex:1;
      font-size:.875rem;
      box-shadow:2px 2px 0px 0px var(--error-100);
      font-family:"Open Sans";
      padding-top:.15rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.15rem;
    }

    .notifications-manager\:eQWXeItAg92g3SEB6Ym-w {
      color:var(--darkGold-100);
      width:1rem;
      height:1rem;
    }

    .eBFvgA {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .eSCEhP {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .QfsGr {
      display:flex;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .new-task-button\:A2HPFu7LUUoIWJ5N2_KB5 {
      width:1rem;
      height:1rem;
    }

    .new-task-button\:Gn-3eOzPU01ykm7q0tTvA {
      width:100%;
    }

    .dBaQcI {
      color:black;
      height:100%;
      display:flex;
      background:var(--gold-75);
      box-shadow:3px 3px 0px 0px var(--darkGold-100);
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      font-family:Azeret Mono;
      padding-top:.5rem;
      border-color:var(--darkGold-100);
      border-style:solid;
      border-width:2px;
      padding-left:.35rem;
      padding-right:.35rem;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .dBaQcI:hover {
      background:var(--darkGold-100);
      box-shadow:0px 0px 0px 0px var(--darkGold-100);
    }

    .dBaQcI:active {
      border-color:var(--darkGold-100);
      border-style:solid;
      border-width:2px;
    }

    .new-task-button\:hiWrtLwEmgYrsLQhzxJ0M {
      flex:1;
    }

    .dEa-DEy {
      top:110%;
      left:0%;
      width:fit-content;
      height:auto;
      z-index:100;
      position:absolute;
      min-width:10rem;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      transition:top 300ms ease  , opacity 300ms ease;
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:.25rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .dEa-DEy {
      
    @starting-style {
      top:50%;
      opacity:0;
    }
    }

    .citVlP {
      display:flex;
      overlay:;
      row-gap:.35rem;
      column-gap:.35rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:.15rem;
      border-top-right-radius:.15rem;
      border-bottom-left-radius:.15rem;
      border-bottom-right-radius:.15rem;
    }

    .fGxjpY {
      width:100%;
      display:flex;
      row-gap:.35rem;
      column-gap:.35rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .dqsoTv {
      width:fit-content;
      height:fit-content;
    }

    .IRxVw {
      width:100%;
      display:flex;
      z-index:5;
      max-width:500px;
      background:linear-gradient(to top left, var(--cream-100) 62%, var(--gold-100-01) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--darkGold-100);
      max-height:400px;
      padding-top:1rem;
      border-color:var(--darkGold-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .chHtbp {
      background:var(--cream-200);
      text-align:left;
      border-color:var(--transparent);
      border-style:solid;
      border-width:2px;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .chHtbp.is-open {
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .skTrX {
      max-height:0px;
      overflow-y:hidden;
      transition:max-height 300ms ease;
      padding-left:.5rem;
      padding-right:.5rem;
    }

    .skTrX.is-open {
      max-height:150px;
    }

    .changelog-item\:BxrashBuRvl_hwE_aSrWw {
      width:1rem;
      height:1rem;
    }

    .fHnJYW {
      display:flex;
      transition:border-color 300ms ease;
      align-items:center;
      padding-top:.5rem;
      border-color:var(--transparent);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fHnJYW:hover {
      background:var(--white);
    }

    .bZORhz {
      max-height:100%;
      overflow-y:auto;
    }

    .changelog-item\:e2eaDg079rE9qW1IDmXPA {
      width:1rem;
      height:1rem;
    }

    .changelog-item\:iXA3vIC9UDw0BCDdVmY_m {
      color:var(--slate-100);
      font-size:.625rem;
    }

    .changelog-item\:sb9iu_AOmLNnE1nsKpsPq {
      font-size:.875rem;
      margin-top:.5rem;
      margin-bottom:.5rem;
    }

    .kiTch {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      position:absolute;
      background:var(--slate-100-1);
      backdrop-filter:blur(5px);
    }

    .biIEJf {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      margin-bottom:1rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .qgGlY {
      top:0%;
      left:0%;
      right:0%;
      width:100%;
      bottom:0%;
      height:100%;
      display:flex;
      z-index:200;
      position:fixed;
      align-items:center;
      font-family:"Poppins";
      justify-content:center;
    }

    .fvXwdx {
      flex:1;
      display:flex;
      row-gap:.35rem;
      column-gap:.35rem;
      min-height:0px;
      overflow-y:scroll;
      flex-direction:column;
    }

    .nav\:U81XB-KLYHELumwNNCgco {
      width:100%;
    }

    .bJxZUk {
      color:inherit;
      display:flex;
      font-size:inherit;
      max-width:100%;
      line-height:inherit;
      flex-direction:column;
    }

    .fstkGh {
      width:.25rem;
      height:.25rem;
      background:var(--slate-100);
      margin-top:.5rem;
      border-top-left-radius:100%;
      border-top-right-radius:100%;
      border-bottom-left-radius:100%;
      border-bottom-right-radius:100%;
    }

    .dkRBYg {
      color:inherit;
      display:flex;
      row-gap:.35rem;
      font-size:inherit;
      max-width:100%;
      column-gap:.35rem;
      align-items:flex-start;
      line-height:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bullet-list\:y-xlf9mA9ChQkAxgTYKki {
      flex:1;
      font-size:inherit;
      line-height:inherit;
    }

    .nav\:WMO0V4dcbsvHsVY4dPVuI {
      font-size:.75rem;
    }

    .eEnsnv {
      display:flex;
      row-gap:.35rem;
      column-gap:.35rem;
      margin-top:.5rem;
      padding-left:.5rem;
      margin-bottom:.5rem;
      padding-right:.5rem;
      flex-direction:column;
    }

    .dnsLXc {
      width:100%;
      height:100%;
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:100%;
      border-top-right-radius:100%;
      border-bottom-left-radius:100%;
      border-bottom-right-radius:100%;
    }

    .dKmFdk {
      height:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-start;
      padding-top:.5rem;
      flex-direction:column;
      padding-bottom:.5rem;
      justify-content:space-between;
    }

    .PxQLF {
      color:var(--slate-100);
      background:linear-gradient(to top right, var(--cream-100) 59%, var(--gold-100-01) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto var(--cream-100);
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .nav\:yCJeJERvr3CcWKlqdqzFP {
      color:var(--darkGold-100);
      font-size:.875rem;
      margin-bottom:.5rem;
    }

    .cZfJQe {
      width:100%;
      max-width:1500px;
      margin-left:auto;
      margin-right:auto;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .refresh-session\:2cNdt8pnr00xbCM-n6lGZ {
      width:500px;
      display:flex;
      row-gap:.5rem;
      z-index:5;
      column-gap:.5rem;
      margin-top:auto;
      text-align:center;
      align-items:center;
      margin-bottom:auto;
      flex-direction:row;
      justify-content:center;
    }

    .bPmjBI {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      max-height:100%;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dXstJm {
      flex:1;
      background:var(--cream-100);
      box-shadow:4px 4px 0px 0px var(--cream-600);
      max-height:100%;
      overflow-y:auto;
      padding-top:1rem;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .bEkXGO {
      background:var(--cream-200);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      margin-top:2rem;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .contract-sidebar\:JxFYVexlA22KGMEsmhwDq {
      margin-bottom:1.5rem;
    }

    .contract-sidebar\:QaFzsiapaMlEhTEfK1Vpk {
      margin-bottom:.5rem;
    }

    .cVTFIs {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .contract-event-log\:5ao8jNCS6tZ9vTzBfO2vO {
      width:100%;
    }

    .contract-event-log\:9lWiYV7GUIROto8Yftbbf {
      font-size:.75rem;
    }

    .ekkXAn {
      width:100%;
      background:var(--cream-100);
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.75rem;
      padding-right:.75rem;
      padding-bottom:.5rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .contract-event-log\:EFu_CbNwjLicq0W08kEA6 {
      color:var(--darkGold-100);
      font-size:1rem;
    }

    .AUqZy {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .contract-event-log\:YiCYFGCz8mGG3fQkoiOON {
      font-size:.75rem;
    }

    .contract-event-log\:iWXdYc-qrxrZWdilYLOzI {
      text-transform:capitalize;
    }

    .contract-event-log\:nQ3a8kUjitH_ONISZA5-c {
      font-size:.75rem;
    }

    .contract-sidebar\:SlRC6ZKtolH5sjzGobhgV {
      flex:1;
    }

    .contract-settings\:-XpPlgH5t9aPTiCt-Asb- {
      font-size:var(--font-size-xs);
      background:var(--transparent);
    }

    .contract-settings\:05UirrelHpnGlpoypD2AG {
      margin-bottom:1rem;
    }

    .contract-settings\:2YQ5o8ATuQywrE2tG_7Hj {
      margin-bottom:1rem;
    }

    .contract-settings\:7lsntXJH32q-299CQTyVc {
      margin-bottom:.5rem;
    }

    .cNwxfZ {
      display:flex;
      background:var(--cream-200);
      text-align:center;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .nLzBr {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      margin-top:1rem;
      flex-direction:column;
    }

    .contract-settings\:CuH8fBf9uTZ2ik4GXi39F {
      color:var(--error-100);
      font-size:var(--font-size-xs);
    }

    .cLwDaf {
      width:100%;
      max-width:500px;
      margin-left:auto;
      margin-right:auto;
    }

    .contract-settings\:NyA9lC0_Xt-GbRFEW27Ew {
      font-size:var(--font-size-xs);
      background:var(--transparent);
    }

    .contract-settings\:RNs1rbNB4nHXyUr9S1R9Y {
      margin-top:1rem;
      margin-left:auto;
      margin-right:auto;
    }

    .contract-settings\:RZo0LQ6wHBODPOER3fM1Q {
      width:1rem;
      height:1rem;
    }

    .cLSDij {
      display:flex;
      background:var(--white);
      text-align:left;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:space-between;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .cvKDlx {
      display:flex;
      background:var(--cream-200);
      text-align:center;
      padding-top:1rem;
      border-color:var(--error-100);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.75rem;
      border-top-right-radius:.75rem;
      border-bottom-left-radius:.75rem;
      border-bottom-right-radius:.75rem;
    }

    .contract-settings\:S6Yo3C5QkqYAsYqOsRRPv {
      width:100%;
    }

    .cnSrsv {
      display:flex;
      position:relative;
      background:var(--gold-100-01-a);
      text-align:center;
      padding-top:1rem;
      border-color:var(--darkGold-50);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .contract-settings\:VfxrT3QyqRdcf57zn3Zoo {
      width:100%;
      margin-top:1rem;
      margin-bottom:.25rem;
    }

    .contract-settings\:ZFTQHBXg6X-HT9pEAEOqD {
      margin-top:1rem;
      margin-left:auto;
      margin-right:auto;
    }

    .contract-settings\:ZeK6kM_m8cFTXStYnfj4C {
      width:100%;
      margin-bottom:.5rem;
    }

    .contract-settings\:_4Qc1a_zABcopKHjofBOp {
      margin-bottom:.5rem;
    }

    .ANxBZ {
      width:100%;
      z-index:5;
      max-width:500px;
      margin-left:auto;
      margin-right:auto;
    }

    .contract-settings\:aVN1Ufwd-U8PjNnG61bQt {
      width:100%;
      margin-top:1rem;
      margin-left:auto;
      margin-right:auto;
    }

    .contract-settings\:bCCi7mhcaLSEw7rferLif {
      margin-bottom:1rem;
    }

    .eCzmwe {
      display:flex;
      background:var(--cream-100);
      text-align:left;
      align-items:flex-start;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .contract-settings\:n7jMUP1RW21tpiaf4pqvg {
      margin-bottom:.5rem;
    }

    .contract-settings\:oMFF0aUHQdytlEq5xRARy {
      margin-bottom:.5rem;
    }

    .contract-settings\:qAiCchO3bf_7_D3hm7yPG {
      margin-top:1rem;
      text-align:left;
    }

    .contract-settings\:qWXCJ0JPkQqNgSoawQIS9 {
      margin-top:1rem;
    }

    .contract-settings\:slj7Is08iWQw9CCnIZRTv {
      width:1rem;
      height:1rem;
    }

    .eVlNLj {
      background:var(--cream-100);
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem;
      border-bottom-left-radius:.25rem;
      border-bottom-right-radius:.25rem;
    }

    .eVlNLj.is-signed {
      color:var(--darkGold-100);
      background:var(--gold-100-01);
    }

    .contract-details\:ZdkVnZkJMaYCTt7fLBBum {
      flex:1;
      max-width:700px;
      max-height:100%;
    }

    .contract-details\:ZelWt83jmRkwO1vCdi2TC {
      flex-grow:2.5;
      flex-basis:0%;
      flex-shrink:1;
    }

    .evSVSo {
      flex:1;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      max-height:100%;
      flex-direction:row;
    }

    .App\:Q_7CSBXL7pceQk-eihk84 {
      height:100%;
      overlay:;
      max-height:calc(100svh - 3rem);
    }

    .ebjJCC {
      height:fit-content;
      display:flex;
      max-height:100%;
      overflow-y:clip;
      flex-direction:row;
    }

    .buXyhw {
      width:fit-content;
      display:flex;
      row-gap:.15rem;
      font-size:.75rem;
      column-gap:.15rem;
      text-align:right;
      align-items:flex-end;
      font-family:"Azeret Mono";
      font-weight:300;
      line-height:100%;
      flex-direction:column;
      justify-content:flex-start;
    }

    .bMOieO {
      color:inherit;
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .cGisWO {
      font-family:inherit;
      font-weight:inherit;
    }

    .fkpOgL {
      color:var(--error-100);
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .ePcVDb {
      color:var(--error-100);
      font-family:inherit;
      font-weight:normal;
    }

    .IcXDa {
      bottom:0rem;
      height:fit-content;
      display:flex;
      opacity:1;
      row-gap:.5rem;
      column-gap:.5rem;
      transition:bottom 300ms ease 0ms normal, opacity 300ms ease;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .bDHDwq {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .eBCDTN {
      gap:.25rem;
      font-size:var(--font-size-xs);
      align-items:center;
      font-weight:var(--font-weight-regular);
      flex-direction:row;
      justify-content:start;
    }

    .task-item\:LLdlLfq2qK486tOCYKEdb {
      width:1rem;
      height:1rem;
    }

    .task-item\:NKvGXJLZdTVMZ9_OO2G_S {
      width:.75rem;
      height:.75rem;
    }

    .task-item\:NmRg4pf57jAKhgoY6uzsL {
      font-size:var(--font-size-xs);
    }

    .task-list_status-selector\:-2rLhB4pQInaO-zj828Q6 {
      color:var(--error-100);
      width:1rem;
      height:1rem;
    }

    .task-list_status-selector\:0bvZMgOFuPRodn7qRU3m_ {
      width:1rem;
      height:1rem;
    }

    .task-list_status-selector\:3vsNJZtDxvgoqM5K6oyZo {
      width:1rem;
      height:1rem;
    }

    .task-list_status-selector\:4MEjTCFKhaEmI_ACMOSXk {
      width:1rem;
      height:1rem;
    }

    .task-list_status-selector\:61itMAF8xNzUWUxpbrLRg {
      width:1rem;
      height:1rem;
    }

    .bYteGM {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      flex-direction:row;
    }

    .bndqca {
      top:0%;
      left:0%;
      right:0%;
      width:100vw;
      bottom:0%;
      height:100vh;
      z-index:999;
      position:fixed;
    }

    .FHnTQ {
      width:fit-content;
      height:expand;
      display:flex;
      background:transparent;
      box-shadow:0px 0px 0px 0px var(--cream-500);
      transition:border-color 300ms ease 0ms normal, box-shadow 300ms ease;
      align-items:center;
      padding-top:.75rem;
      border-color:transparent;
      border-style:solid;
      border-width:2px;
      padding-left:.75rem;
      padding-right:.75rem;
      flex-direction:row;
      padding-bottom:.75rem;
      justify-content:center;
      border-top-left-radius:.2rem;
      border-top-right-radius:.2rem;
      border-bottom-left-radius:.2rem;
      border-bottom-right-radius:.2rem;
    }

    .FHnTQ:hover {
      background:var(--cream-200);
      box-shadow:2px 2px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .task-list_status-selector\:TtO8BwCwO-Ijb2wAZfsCU {
      width:1rem;
      height:1rem;
    }

    .fyGZEB {
      width:2.25rem;
      height:2.25rem;
      display:flex;
      transition:background 300ms ease;
      align-items:center;
      padding-top:.5rem;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fyGZEB:hover {
      background:var(--cream-200);
    }

    .fyGZEB.selected {
      border-color:var(--gold-100);
      border-style:solid;
      border-width:1px;
    }

    .task-list_status-selector\:Ui7qi3qkLXHXGc0uhWdAq {
      width:1rem;
      height:1rem;
    }

    .task-list_status-selector\:ZaCf8c9f6eDAPtVXJ7-i0 {
      width:1rem;
      height:1rem;
    }

    .fDTNIl {
      top:0%;
      left:0rem;
      position:absolute;
      box-shadow:2px 2px 0px 0px var(--cream-500);
      transition:left 300ms ease 0ms normal;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fDTNIl {
      
    @starting-style {
      left:-1rem;
    }
    }

    .task-list_status-selector\:rcY9Kuq8zFF9wYkiQ3_Yt {
      color:var(--error-100);
      width:1rem;
      height:1rem;
    }

    .ctTcvn {
      width:fit-content;
      z-index:1000;
      background:white;
      padding-top:.25rem;
      padding-left:.25rem;
      padding-right:.25rem;
      padding-bottom:.25rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .task-list_status-selector\:w_d93OaqaLD13SzVZAqMy {
      width:1rem;
      height:1rem;
    }

    .task-item\:QrrqS2mytkkdvAuoJtaVw {
      width:.75rem;
      height:.75rem;
    }

    .task-item\:VB37sJcTeoA7h97czRrcH {
      width:1rem;
      height:1rem;
    }

    .mgtAn {
      gap:.25rem;
      font-size:var(--font-size-xs);
      align-items:center;
      font-weight:var(--font-weight-regular);
      flex-direction:row;
      justify-content:start;
    }

    .mgtAn.isOverdue {
      color:var(--error-100);
    }

    .mgtAn.isDueToday {
      color:var(--success-100);
    }

    .task-item\:WcryRRazp-JgZSVCR4jIm {
      width:1rem;
      height:1rem;
    }

    .dVaICw {
      flex:1;
      height:100%;
      display:flex;
      align-items:center;
      padding-top:.5rem;
      padding-left:1rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:space-between;
    }

    .crplfp {
      flex:1;
      display:flex;
      background:var(--cream-100);
      box-shadow:0px 0px 0px 0px var(--cream-500);
      overflow-x:hidden;
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      padding-top:.25rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.25rem;
      flex-direction:row;
      padding-bottom:.25rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .crplfp:hover {
      background:var(--white);
      box-shadow:4px 4px 0px  var(--cream-500);
    }

    .crplfp.is-current {
      background:var(--white);
      box-shadow:4px 4px 0px  var(--cream-600);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .crplfp.is-current:hover {
      box-shadow:0px 0px 0px 0px var(--cream-600);
    }

    .task-item\:luRJufwkNMWjQqjeEBxB3 {
      width:.75rem;
      height:.75rem;
    }

    .fokhTt {
      width:.65rem;
      height:.65rem;
    }

    .task_delete-button\:3iZFbdAYF1ukAUgsaZnZx {
      width:100%;
      height:100%;
    }

    .task-item\:rkEjkEj1-umRAcp3ZzD0K {
      height:90%;
    }

    .task-item\:vn-O3irMc7jhmD1qIBKfx {
      width:.75rem;
      height:.75rem;
    }

    .dplAgx {
      display:flex;
      background:transparent;
      transition:border-color 300ms ease  , box-shadow 300ms ease;
      align-items:center;
      padding-top:.6rem;
      border-color:var(--transparent);
      border-style:solid;
      border-width:2px;
      padding-left:.2rem;
      padding-right:.2rem;
      flex-direction:row;
      padding-bottom:.6rem;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .dplAgx:hover {
      background:var(--cream-200);
      box-shadow:2px 2px 0px 0px var(--cream-500);
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
    }

    .dplAgx.isExpanded {
      background:var(--cream-200);
      box-shadow:0px 0px 0px 0px var(--cream-600);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .dplAgx.isExpanded:hover {
      background:var(--cream-200);
      box-shadow:2px 2px 0px 0px var(--cream-600);
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
    }

    .bUyRsn {
      bottom:0rem;
      opacity:1;
      transition:opacity 500ms ease var(--transition-delay) , bottom 500ms ease var(--transition-delay);
    }

    .bUyRsn {
      
    @starting-style {
      bottom:-1rem;
      opacity:0;
    }
    }

    .tasks-page\:7bVP7fMaG8KV8hRGk_9vX {
      width:fit-content;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
    }

    .fBUEHa {
      flex:1;
      z-index:5;
      position:relative;
      max-height:100%;
      overflow-y:auto;
      padding-right:.5rem;
      padding-bottom:1rem;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
    }

    .bqtBBz {
      row-gap:.25rem;
      position:relative;
      background:var(--cream-100);
      box-shadow:3px 3px 0px  var(--cream-500);
      column-gap:.25rem;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      font-family:Poppins;
      padding-top:3rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:3rem;
      border-radius:.5rem;
      padding-right:3rem;
      padding-bottom:2rem;
      justify-content:center;
    }

    .tasks_empty-state\:-cpUrealRJSmGJkcwX7Po {
      color:var(--gold-100, #ebb11e);
      font-size:var(--font-size-xxs);
      font-family:'Azeret Mono';
    }

    .tasks_empty-state\:3Q1ZNDsj8p7N83q-sMhxi {
      width:1rem;
      height:1rem;
    }

    .bTILTN {
      bottom:0rem;
      opacity:1;
      transition:opacity 500ms ease var(--animation-delay) , bottom 500ms ease var(--animation-delay);
    }

    .bTILTN {
      
    @starting-style {
      bottom:-1rem;
      opacity:0;
    }
    }

    .dxEDXO {
      z-index:5;
      max-height:100%;
      padding-bottom:.5rem;
    }

    .CLRcl {
      top:0px;
      display:flex;
      row-gap:2rem;
      z-index:100;
      position:sticky;
      background:var(--white);
      box-shadow:4px 4px 0px 0px var(--cream-600);
      column-gap:2rem;
      align-items:center;
      padding-top:.75rem;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      margin-bottom:1.5rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.75rem;
      backdrop-filter:blur(5px);
      justify-content:space-between;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .App\:civKwqZD0nGC0uoUTMC6z {
      height:100%;
    }

    .GjsFk {
      flex:1;
      max-height:100%;
    }

    .bVkJwA {
      flex:1;
      width:100%;
      display:flex;
      max-width:1500px;
      max-height:100%;
      overflow-y:auto;
      flex-direction:column;
    }

    .eHEuXX {
      height:100%;
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      flex-direction:column;
    }

    .contract-list-item\:6l7VC4IoicBiP1aCirWim {
      max-width:100%;
    }

    .contract-list-item\:CWDT900t8tboyyOTtW-c0 {
      color:var(--darkGold-100);
      width:.75rem;
      height:.75rem;
    }

    .ewbfHc {
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem;
      border-bottom-left-radius:.25rem;
      border-bottom-right-radius:.25rem;
    }

    .ewbfHc.void {
      color:var(--error-100);
      background:;
    }

    .ewbfHc.draft {
      color:var(--black);
      background:var(--white-025);
    }

    .ewbfHc.signed {
      color:var(--darkGold-100);
      background:var(--gold-100-01-a);
    }

    .ewbfHc.sent {
      color:var(--darkGold-100);
    }

    .fiXMzy {
      flex:1;
      width:100%;
      display:flex;
      row-gap:.25rem;
      max-width:70%;
      column-gap:.25rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:space-between;
    }

    .feMuiI {
      flex:1;
      width:100%;
      display:flex;
      position:relative;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      transition:box-shadow 300ms ease;
      align-items:flex-start;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      flex-direction:row;
      justify-content:flex-start;
      grid-template-columns:auto 1fr auto;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .feMuiI:hover {
      background:var(--white);
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .contract-list-item\:XLM_rjZM-iM4gobmyBBKi {
      color:var(--darkGold-100);
      width:.75rem;
      height:.75rem;
    }

    .crhLEn {
      top:0%;
      right:-24px;
      bottom:0%;
      display:flex;
      opacity:0;
      row-gap:.15rem;
      z-index:10;
      position:absolute;
      column-gap:.15rem;
      transition:opacity 300ms ease  , right 300ms ease;
      align-items:center;
      padding-right:.5rem;
      flex-direction:row;
      pointer-events:none;
      justify-content:flex-end;
    }

    .crhLEn.isVisible {
      right:0px;
      opacity:1;
    }

    .contract-list-item\:bJ1-t-ZyupvDE4CVrIK6W {
      color:var(--error-100);
      width:.65rem;
      height:.65rem;
    }

    .contract-list-item\:dDeT1LaIKLVYQOM7V3Kk7 {
      pointer-events:auto;
    }

    .contract-list-item\:exVI2kuqbhq5ZVhXIRELn {
      width:.75rem;
      height:.75rem;
    }

    .contract-list-item\:gsMXIMZ2xQKWN9viobrj0 {
      color:inherit;
      font-size:.75rem;
      background:var(--transparent);
      text-transform:capitalize;
    }

    .contract-list-item\:kG1JFfnsVVkL7GVHpCfBF {
      width:1rem;
      height:1rem;
    }

    .dRclzv {
      flex:1;
      height:100%;
      display:flex;
      align-items:flex-start;
      padding-top:.75rem;
      padding-left:.75rem;
      padding-right:.75rem;
      flex-direction:column;
      padding-bottom:.75rem;
      justify-content:flex-start;
    }

    .cYOgBy {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .contract-list-item\:sadLOB77i7gdlTlClAesm {
      width:.75rem;
      height:.75rem;
    }

    .contract-list-item\:sfeRrkXDoO-3flwGukdQH {
      pointer-events:auto;
    }

    .contract-list-item\:styuRhvu7BWwv5eb-ghHr {
      color:var(--error-100);
      width:.75rem;
      height:.75rem;
    }

    .cYxBau {
      bottom:0rem;
      opacity:1;
      transition:opacity 300ms ease var(--transition-delay) , bottom 300ms ease var(--transition-delay);
    }

    .cYxBau {
      
    @starting-style {
      bottom:-1rem;
      opacity:0;
    }
    }

    .ehVSFg {
      display:grid;
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:column;
      grid-template-columns:1fr 1fr;
    }

    .dhEdiM {
      top:0rem;
      display:flex;
      z-index:10;
      position:sticky;
      align-items:center;
      margin-bottom:1rem;
      flex-direction:row;
      backdrop-filter:blur(5px);
      justify-content:space-between;
    }

    .contracts-page\:AGoLtM3jkw0PsxxgUqOuN {
      flex:1;
      padding-right:.5rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .frqZxF {
      flex:1;
      width:100%;
      max-width:400px;
      max-height:100%;
    }

    .cKkyGK {
      width:100%;
      z-index:10;
    }

    .zndtw {
      bottom:0rem;
      opacity:1;
      transition:bottom 300ms ease var(--transition-delay) , opacity 300ms ease;
      border-color:var(--transparent);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .zndtw {
      
    @starting-style {
      bottom:-1rem;
      opacity:0;
    }
    }

    .zndtw.is-selected {
      border-color:var(--gold-100);
      border-style:solid;
      border-width:1px;
    }

    .contracts-templates\:Cbo6Owi6F08d25iSCMwOY {
      margin-bottom:.5rem;
    }

    .contracts-templates\:KgBhzKhjQrgw1w7wTUfsM {
      width:100%;
    }

    .ccCnEN {
      display:flex;
      align-items:flex-start;
      margin-bottom:2rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .cEDwUH {
      flex:1;
      height:100%;
      display:flex;
      background:var(--cream-200);
      box-shadow:4px 4px 0px 0px var(--cream-600);
      max-height:100%;
      overflow-y:auto;
      align-items:flex-start;
      padding-top:1.5rem;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:1.5rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .cXnXgI {
      top:0%;
      left:0%;
      right:0%;
      width:100%;
      bottom:0%;
      height:100%;
      z-index:5;
      position:absolute;
    }

    .cAbvpA {
      width:100%;
      display:flex;
      row-gap:.5rem;
      z-index:10;
      column-gap:.5rem;
      margin-top:1rem;
      flex-direction:column;
      justify-content:stretch;
    }

    .contracts-templates\:jEWDR51aYC8w07aHkBKfL {
      width:100%;
    }

    .contract-template-item\:5XQckl3jeeHvISylCexfH {
      color:var(--error-100);
    }

    .EuIah {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .contract-template-item\:M4Zu6j2XrJUxUjvURaq8_ {
      width:.625rem;
      height:.625rem;
    }

    .rtelm {
      width:100%;
      display:flex;
      background:var(--cream-100);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      transition:box-shadow 300ms ease 0ms normal;
      align-items:center;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.25rem;
      padding-right:.5rem;
      flex-direction:row;
      justify-content:flex-start;
      grid-template-columns:auto 1fr auto;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .rtelm:hover {
      background:white;
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .IdNnv {
      flex:1;
      display:flex;
      align-items:center;
      padding-top:.75rem;
      padding-left:.35rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.75rem;
      justify-content:space-between;
    }

    .App\:dJjMjjVN0kOLaf5wKaS_R {
      max-height:100%;
    }

    .cELwtp {
      width:100%;
      display:grid;
      max-height:100%;
      min-height:100%;
      overflow-y:auto;
      align-items:start;
      grid-template-columns:200px 1fr;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .settings-page\:1OVrX-fVCDkMRZIEQ2Gnb {
      font-size:.875rem;
      padding-top:.15rem;
      padding-left:.35rem;
      padding-right:.35rem;
      padding-bottom:.15rem;
    }

    .settings-page\:1Wt1IySAz8suLtNhI_svv {
      width:.75rem;
      height:.75rem;
    }

    .eNFroz {
      padding-top:0rem;
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:0rem;
    }

    .settings-page\:7mEmJpmDKPv661vnoBVwt {
      font-size:.875rem;
      padding-top:.15rem;
      padding-left:.35rem;
      padding-right:.35rem;
      padding-bottom:.15rem;
    }

    .eGgwFq {
      top:0rem;
      display:flex;
      row-gap:1rem;
      position:sticky;
      background:var(--cream-100);
      box-shadow:4px 4px 0px 0px var(--cream-600);
      column-gap:1rem;
      padding-top:.5rem;
      border-color:var(--cream-600);
      border-style:solid;
      border-width:2px;
      margin-right:1rem;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:column;
      padding-bottom:.5rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fCjCbu {
      width:100%;
      display:flex;
      row-gap:3rem;
      position:relative;
      background:var(--cream-100);
      box-shadow:4px 4px 0px 0px var(--cream-500);
      column-gap:3rem;
      align-items:flex-start;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      justify-content:space-between;
      grid-template-columns:1fr 0.65fr;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .ddFXhQ {
      display:flex;
      flex-direction:row;
    }

    .collaborators-settings\:5uKjrfukwPle839iF8wWc {
      width:100%;
      margin-bottom:.5rem;
    }

    .fzqqCe {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bvvBsK {
      font-size:.75rem;
      margin-bottom:1rem;
    }

    .eIIhfW {
      top:0rem;
      display:flex;
      opacity:1;
      background:var(--cream-100);
      transition:background 300ms ease;
      align-items:center;
      padding-top:0.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .fkYxJD {
      display:flex;
      align-items:center;
      margin-bottom:.5rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .collaborators-settings\:EEKFM9F-6OqRYu3fex9if {
      color:var(--slate-100);
      font-size:.875rem;
    }

    .bFhWxZ {
      width:100%;
      display:flex;
      row-gap:0rem;
      column-gap:0rem;
      align-items:flex-start;
      margin-bottom:1.5rem;
      flex-direction:column;
      justify-content:flex-start;
      grid-template-columns:1fr auto;
    }

    .bFhWxZ.is-disabled {
      opacity:.4;
      pointer-events:none;
    }

    .collaborators-settings\:Qzpbr5372NKsNWDJ7TR4h {
      margin-bottom:.5rem;
    }

    .cSanjr {
      display:flex;
      background:var(--cream-200);
      transition:background 300ms ease;
      align-items:center;
      padding-top:0.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .zueGP {
      top:0px;
      width:100%;
      display:flex;
      position:sticky;
      background:var(--cream-200);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      align-items:flex-start;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .iTvVw {
      flex:1;
      width:100%;
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      flex-direction:column;
    }

    .collaborators-settings\:iInGUWp6yswKbic6ANjQm {
      width:100%;
    }

    .bNDGBY {
      top:0rem;
      opacity:1;
      transition:top 300ms ease var(--transition-delay) , opacity 300ms ease var(--transition-delay);
    }

    .bNDGBY {
      
    @starting-style {
      top:1rem;
      opacity:0;
    }
    }

    .collaborators-settings\:jIUyYR9DnSUOe7OIvUuLA {
      width:100%;
      margin-top:1rem;
    }

    .eyOPSs {
      gap:2rem;
      width:100%;
      display:flex;
      row-gap:2rem;
      position:relative;
      background:var(--cream-100);
      box-shadow:4px 4px 0px 0px var(--cream-500);
      column-gap:2rem;
      align-items:flex-start;
      padding-top:1.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:1.5rem;
      justify-content:flex-start;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .bmxkep {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:flex-start;
      margin-bottom:.5rem;
      flex-direction:column;
      justify-content:flex-start;
    }

    .edit-team-form\:2NL17_iXZayUXriKGc5Ez {
      margin-top:1rem;
    }

    .edit-team-form\:GS9O4kUu4H5RqaR2tPwM1 {
      margin-bottom:.5rem;
    }

    .edit-team-form\:J6MiSn-W3Ha-FjcVquSAt {
      width:100%;
    }

    .team-members-overview\:3kk6kz9X52N_ftH5O3SiJ {
      width:100%;
    }

    .dLSVfk {
      width:100%;
      display:flex;
      row-gap:0rem;
      column-gap:0rem;
      align-items:flex-start;
      margin-bottom:1rem;
      flex-direction:column;
      justify-content:flex-start;
      grid-template-columns:1fr auto;
    }

    .team-members-overview\:E-beAYCgRO7ksBxu7cKWk {
      margin-bottom:.5rem;
    }

    .team-members-overview\:LXKx-WhKv0_fNqqo-1aju {
      width:100%;
      margin-top:1rem;
    }

    .byKhnD {
      flex:1;
      width:100%;
      display:flex;
      margin-bottom:1rem;
      flex-direction:column;
    }

    .team-members-overview\:eFE6Bgwt9_5nd4VHsZ-o2 {
      width:100%;
      margin-bottom:.5rem;
    }

    .team-members-overview\:sBIWgq4ddznwgF1HNWZPb {
      color:var(--slate-100);
      font-size:.875rem;
    }

    .fnxbQk {
      display:flex;
      background:var(--cream-200);
      align-items:center;
      padding-top:0.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .cepfvw {
      width:100%;
      background:var(--cream-200);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .settings-page\:MWVvelTyhtXYrCRLoIAu4 {
      max-width:1300px;
      margin-bottom:2rem;
    }

    .settings-page\:VTT8S0HnB44VosprwNs6g {
      color:var(--slate-100);
      font-size:.75rem;
      font-family:"Azeret Mono";
      margin-bottom:.25rem;
    }

    .settings-page\:_W5ZtVIHdFq_2M3Pz3M2G {
      width:.75rem;
      height:.75rem;
    }

    .settings-page\:arb0OGs5Qd4yj31Mb__zW {
      padding-top:2rem;
      padding-bottom:2rem;
    }

    .settings-page\:c7-C5ZPUeaic67KMY6FyU {
      font-size:.875rem;
      padding-top:.15rem;
      padding-left:.35rem;
      padding-right:.35rem;
      padding-bottom:.15rem;
    }

    .settings-page\:eyziG-90pTiMQQLfg1ahk {
      color:var(--slate-100);
      font-size:.75rem;
      font-family:"Azeret Mono";
      margin-bottom:.25rem;
    }

    .fFugAI {
      max-width:500px;
    }

    .settings-page\:qX89S5nJYOouMGYx4i3IN {
      width:.75rem;
      height:.75rem;
    }

    .bdoiBY {
      gap:2rem;
      width:100%;
      display:flex;
      position:relative;
      background:var(--cream-100);
      box-shadow:4px 4px 0px 0px var(--cream-500);
      align-items:flex-start;
      padding-top:1.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:1.5rem;
      justify-content:flex-start;
      border-top-left-radius:.5rem;
      border-top-right-radius:.5rem;
      border-bottom-left-radius:.5rem;
      border-bottom-right-radius:.5rem;
    }

    .account-settings\:2KsMKLXhQqB-oJPx7wu0Y {
      margin-top:.5rem;
    }

    .beyOXk {
      display:flex;
      grid-template-columns:1fr 1fr;
    }

    .account-settings\:77ZPlDqx4lOBIKO8ectSc {
      width:100%;
    }

    .fgUkqO {
      display:flex;
      row-gap:1.5rem;
      background:var(--cream-200);
      column-gap:1.5rem;
      padding-top:1rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      margin-bottom:2rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .account-settings\:BmQP-j0Eebwtg921eX6s3 {
      font-size:.875rem;
    }

    .enVYRQ {
      gap:1rem;
      display:grid;
      grid-template-columns:1fr 1fr;
    }

    .account-settings\:G0kMy4gM3sA95eMfmj977 {
      width:100%;
    }

    .dwSrNp {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      margin-bottom:1rem;
      flex-direction:column;
    }

    .dwSrNp.disabled {
      opacity:.5;
      pointer-events:none;
    }

    .ckVSbT {
      position:relative;
      margin-bottom:1.5rem;
    }

    .biezmH {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .profile-photo-settings\:W4r4C_pVMeOdPxEz5rZ6d {
      width:.75rem;
      height:.75rem;
    }

    .profile-photo-settings\:WIKcWs0pcGkJrr6JmxXBW {
      margin-top:.5rem;
    }

    .profile-photo-settings\:ZDSLYMRmaBPxzTOVecW74 {
      color:var(--slate-100);
      font-size:.75rem;
    }

    .profile-photo-settings\:l-P7lzqqO5V_Ct04LotLO {
      top:0.5rem;
      right:.5rem;
      z-index:5;
      position:absolute;
    }

    .ccHprJ {
      display:flex;
      row-gap:1rem;
      background:var(--white);
      box-shadow:3px 3px 0px 0px var(--cream-500);
      column-gap:1rem;
      transition:box-shadow 300ms ease;
      align-items:center;
      padding-top:.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .ccHprJ:hover {
      box-shadow:0px 0px 0px 0px var(--cream-500);
    }

    .eIwRab {
      width:5rem;
      height:5rem;
      display:flex;
      background:var(--cream-200);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .iDWZI {
      font-size:.75rem;
      font-weight:normal;
    }

    .dfIlTI {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .faCvrC {
      display:flex;
      background:var(--cream-100);
      align-items:center;
      padding-top:0.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .account-settings\:Y4Eh4sSfDZWejjTJpup2N {
      width:100%;
    }

    .dxIegl {
      display:flex;
      background:var(--cream-200);
      align-items:center;
      padding-top:0.5rem;
      border-color:var(--cream-500);
      border-style:solid;
      border-width:2px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
      border-top-left-radius:.35rem;
      border-top-right-radius:.35rem;
      border-bottom-left-radius:.35rem;
      border-bottom-right-radius:.35rem;
    }

    .IvOsJ {
      margin-bottom:.5rem;
    }

    .bhKAfQ {
      top:0rem;
      opacity:1;
      transition:top 300ms ease 0s , opacity 300ms ease 0s;
    }

    .bhKAfQ {
      
    @starting-style {
      top:1rem;
      opacity:0;
    }
    }

    .change-password\:54NOejdciEKfzr6WgRNYr {
      margin-bottom:1rem;
    }

    .change-password\:5ED-Xj0fyq0yU-IOF0q1S {
      margin-bottom:1rem;
    }

    .change-password\:IXf8-Ay0cupICgGcl40XN {
      margin-bottom:1rem;
    }

    .change-password\:RTHIiJxowT5H3Y2Z8gz-h {
      width:100%;
    }

    .change-password\:Tf3D7Ez11-QcmvibIap7a {
      margin-bottom:1rem;
    }

    .account-settings\:x7J9KTZZvyMuAcLfPf0Co {
      margin-bottom:1rem;
    }