/* line 1, app/assets/stylesheets/lib/_config.css.scss */
:root {
  --palette1:  #1abc9c;
  --palette2:  #16a085;
  --palette3:  #2ecc71;
  --palette4:  #27ae60;
  --palette5:  #3498db;
  --palette6:  #2980B9;
  --palette7:  #9b59b6;
  --palette8:  #8e44ad;
  --palette9:  #34495e;
  --palette10: #2c3e50;
  --palette11: #f1c40f;
  --palette12: #f39c12;
  --palette13: #e67e22;
  --palette14: #d35400;
  --palette15: #e74c3c;
  --palette16: #c0392b;
  --palette17: #ecf0f1;
  --palette18: #bdc3c7;
  --palette19: #95a5a6;
  --palette20: #7c8c8d;
  --lightBlueBackground: #e6f4ff;
  --blueSelectedBackground: #d9e9fe;
  --brightBlueBorder: #81C6FF;
  /* vvvvv  from intellij dark */
  --gray1: #1E1F22;
  --gray2: #2B2D30;
  --gray3: #393B40;
  --gray4: #43454A;
  --gray5: #4E5157;
  --gray6: #5A5D63;
  --gray7: #6F737A;
  --gray8: #868A91;
  --gray9: #9DA0A8;
  --gray10: #B4B8BF;
  --gray11: #CED0D6;
  --gray12: #DFE1E5;
  --gray13: #F0F1F2;
  --gray14: #FFFFFF;
  /* ^^^^^  from intellij dark */
  --midGray: var(--gray8);
  --rarityC: var(--gray1);
  --rarityU: var(--gray7);
  --rarityR: #a58e4a;
  --rarityM: #bf4427;
}

/* line 255, app/assets/stylesheets/lib/_config.css.scss */
.t_light:root {
  color-scheme: light;
  --punbbDesaturatedBlue1: #517ca1;
  --punbbDesaturatedBlue2: #dfe6ed;
  --bgVerySubtle: #fefeee;
  /* input bg, deck notes */
  --linkColor: #00579C;
  --fgColor: var(--gray4);
  --fgColorEmphasis: var(--gray1);
  --bgColor: var(--gray14);
  --bgOutsideWrapper: var(--gray13);
  /* blue-grey-er ? #f2f4f7; */
  --subtleBorder: var(--gray13);
  --borderColor: var(--gray11);
  --blueBackground: var(--lightBlueBackground);
  --hoverBackground: var(--lightBlueBackground);
  --inactiveBackground: var(--gray12);
  --shadowColor: #bbb;
  --subtleBlueBorder: #D1DFFC;
  --subtleBlueBackground: #f7Fafc;
  --tableWithControlsOuter: var(--punbbDesaturatedBlue1);
  --tableWithControlsBg: var(--punbbDesaturatedBlue2);
  --checklistHighlight2: #ffeecc;
  /* darker version of 'normal' hilight, for contrast */
  --wishlistCount: #ffffbb;
  --bgWarning: #ffffcc;
  --bgError: #f9e4e3;
  --bgNotice: #cdfcd2;
  --editableHover: var(--bgWarning);
  --blue-dark: #1F537B;
  --section-head-bg: var(--blue-dark);
  --section-head-fg: #ddd;
  --dark-head-bg: #313D47;
  --dark-head-fg: #eee;
  --dark-head-border: #113C5E;
  --grey-3: #333;
  --grey-d: #ddd;
  --grey-f4: #f4f4f4;
  --blue-link-fg: #00579C;
  --red-link-hover: #b42000;
  --border-2: #DDE4EB;
  --border-3: #DFE6ED;
  --border-4: #CBD1D8;
  --bg-1: #fff;
  --bg-2: #F9F9F9;
  --bg-3: #EDF1F5;
  --fg-1: #335577;
  --subhead-fg: var(--grey-3);
  --subhead-bg: var(--grey-f4);
  --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
  --table-bg: #fbfbfb;
  --table-bg-sticky: #F2F4FA;
  --table-border: var(--border-3);
  --table-border-bottom: var(--border-4);
  --prism-1: #EDF1F5;
  --prism-2: #DDE0E4;
  --prism-3: #C6CBD3;
  --prism-4: #BABFC6;
  --prism-unread-1: #2B75AD;
  --prism-unread-2: #235E8C;
  --prism-unread-3: #1F537B;
  --prism-unread-4: #266799;
  --prism-sticky-1: #D7E5F3;
  --prism-sticky-2: #C3CFDC;
  --prism-sticky-3: #9FB3C7;
  --prism-sticky-4: #90A2B4;
  --prism-closed-1: #ACACAC;
  --prism-closed-2: #979797;
  --prism-closed-3: #898989;
  --prism-closed-4: #7A7A7A;
  --prism-redirect: var(--grey-f4);
}

/* line 259, app/assets/stylesheets/lib/_config.css.scss */
.t_dark:root {
  color-scheme: dark;
  --blue1: #111a23;
  --blue2: #2E436E;
  --linkColor: #65a2FF;
  --fgColor: var(--gray12);
  --fgColorEmphasis: var(--gray14);
  --bgColor: var(--gray1);
  --bgOutsideWrapper: var(--gray2);
  --borderColor: var(--gray5);
  --subtleBorder: var(--gray4);
  --subtleBlueBorder: #2E436E;
  --blueBackground: var(--blue2);
  --hoverBackground: var(--blue2);
  --inactiveBackground: var(--gray4);
  --shadowColor: #000;
  --subtleBlueBackground: var(--blue1);
  --bgVerySubtle: var(--subtleBlueBackground);
  /* input bg, deck notes */
  --tableWithControlsOuter: var(--borderColor);
  --tableWithControlsBg: var(--inactiveBackground);
  --checklistHighlight2: var(--blue2);
  --wishlistCount: var(--bgWarning);
  --bgWarning: #34351e;
  --bgError: #341b1e;
  --bgNotice: #1b351e;
  /* --fgOnColorBackground: #d5b673; intellij dark uses this */
  --editableHover: var(--inactiveBackground);
  --blue-dark: #1F537B;
  --section-head-bg: var(--blue-dark);
  --section-head-fg: #ddd;
  --dark-head-bg: #313D47;
  --dark-head-fg: #eee;
  --dark-head-border: #113C5E;
  --grey-3: var(--gray12);
  --grey-d: var(--gray6);
  --grey-f4: var(--gray3);
  --blue-link-fg: var(--linkColor);
  --red-link-hover: #ff6b47;
  --border-2: var(--gray5);
  --border-3: var(--gray4);
  --border-4: var(--gray6);
  --bg-1: var(--gray2);
  --bg-2: var(--gray1);
  --bg-3: var(--gray2);
  --fg-1: var(--gray11);
  --subhead-fg: var(--grey-3);
  --subhead-bg: var(--grey-f4);
  --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
  --table-bg: var(--gray2);
  --table-bg-sticky: var(--gray1);
  --table-border: var(--border-3);
  --table-border-bottom: var(--border-4);
  --prism-1: var(--gray4);
  --prism-2: var(--gray5);
  --prism-3: var(--gray6);
  --prism-4: var(--gray7);
  --prism-unread-1: #4A90E2;
  --prism-unread-2: #357ABD;
  --prism-unread-3: #2E6AA3;
  --prism-unread-4: #3D7BC7;
  --prism-sticky-1: #4E6B8A;
  --prism-sticky-2: #3F5B7A;
  --prism-sticky-3: #2F4B6A;
  --prism-sticky-4: #1F3B5A;
  --prism-closed-1: var(--gray6);
  --prism-closed-2: var(--gray7);
  --prism-closed-3: var(--gray8);
  --prism-closed-4: var(--gray9);
  --prism-redirect: var(--grey-f4);
}

/* line 267, app/assets/stylesheets/lib/_config.css.scss */
.t_light:root img.t_dark,
.t_dark:root img.t_light {
  display: none;
}

@media (prefers-color-scheme: light) {
  /* line 272, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) {
    color-scheme: light;
    --punbbDesaturatedBlue1: #517ca1;
    --punbbDesaturatedBlue2: #dfe6ed;
    --bgVerySubtle: #fefeee;
    /* input bg, deck notes */
    --linkColor: #00579C;
    --fgColor: var(--gray4);
    --fgColorEmphasis: var(--gray1);
    --bgColor: var(--gray14);
    --bgOutsideWrapper: var(--gray13);
    /* blue-grey-er ? #f2f4f7; */
    --subtleBorder: var(--gray13);
    --borderColor: var(--gray11);
    --blueBackground: var(--lightBlueBackground);
    --hoverBackground: var(--lightBlueBackground);
    --inactiveBackground: var(--gray12);
    --shadowColor: #bbb;
    --subtleBlueBorder: #D1DFFC;
    --subtleBlueBackground: #f7Fafc;
    --tableWithControlsOuter: var(--punbbDesaturatedBlue1);
    --tableWithControlsBg: var(--punbbDesaturatedBlue2);
    --checklistHighlight2: #ffeecc;
    /* darker version of 'normal' hilight, for contrast */
    --wishlistCount: #ffffbb;
    --bgWarning: #ffffcc;
    --bgError: #f9e4e3;
    --bgNotice: #cdfcd2;
    --editableHover: var(--bgWarning);
    --blue-dark: #1F537B;
    --section-head-bg: var(--blue-dark);
    --section-head-fg: #ddd;
    --dark-head-bg: #313D47;
    --dark-head-fg: #eee;
    --dark-head-border: #113C5E;
    --grey-3: #333;
    --grey-d: #ddd;
    --grey-f4: #f4f4f4;
    --blue-link-fg: #00579C;
    --red-link-hover: #b42000;
    --border-2: #DDE4EB;
    --border-3: #DFE6ED;
    --border-4: #CBD1D8;
    --bg-1: #fff;
    --bg-2: #F9F9F9;
    --bg-3: #EDF1F5;
    --fg-1: #335577;
    --subhead-fg: var(--grey-3);
    --subhead-bg: var(--grey-f4);
    --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
    --table-bg: #fbfbfb;
    --table-bg-sticky: #F2F4FA;
    --table-border: var(--border-3);
    --table-border-bottom: var(--border-4);
    --prism-1: #EDF1F5;
    --prism-2: #DDE0E4;
    --prism-3: #C6CBD3;
    --prism-4: #BABFC6;
    --prism-unread-1: #2B75AD;
    --prism-unread-2: #235E8C;
    --prism-unread-3: #1F537B;
    --prism-unread-4: #266799;
    --prism-sticky-1: #D7E5F3;
    --prism-sticky-2: #C3CFDC;
    --prism-sticky-3: #9FB3C7;
    --prism-sticky-4: #90A2B4;
    --prism-closed-1: #ACACAC;
    --prism-closed-2: #979797;
    --prism-closed-3: #898989;
    --prism-closed-4: #7A7A7A;
    --prism-redirect: var(--grey-f4);
  }
  /* line 276, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) img.t_dark {
    display: none;
  }
}

@media (prefers-color-scheme: dark) {
  /* line 272, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) {
    color-scheme: dark;
    --blue1: #111a23;
    --blue2: #2E436E;
    --linkColor: #65a2FF;
    --fgColor: var(--gray12);
    --fgColorEmphasis: var(--gray14);
    --bgColor: var(--gray1);
    --bgOutsideWrapper: var(--gray2);
    --borderColor: var(--gray5);
    --subtleBorder: var(--gray4);
    --subtleBlueBorder: #2E436E;
    --blueBackground: var(--blue2);
    --hoverBackground: var(--blue2);
    --inactiveBackground: var(--gray4);
    --shadowColor: #000;
    --subtleBlueBackground: var(--blue1);
    --bgVerySubtle: var(--subtleBlueBackground);
    /* input bg, deck notes */
    --tableWithControlsOuter: var(--borderColor);
    --tableWithControlsBg: var(--inactiveBackground);
    --checklistHighlight2: var(--blue2);
    --wishlistCount: var(--bgWarning);
    --bgWarning: #34351e;
    --bgError: #341b1e;
    --bgNotice: #1b351e;
    /* --fgOnColorBackground: #d5b673; intellij dark uses this */
    --editableHover: var(--inactiveBackground);
    --blue-dark: #1F537B;
    --section-head-bg: var(--blue-dark);
    --section-head-fg: #ddd;
    --dark-head-bg: #313D47;
    --dark-head-fg: #eee;
    --dark-head-border: #113C5E;
    --grey-3: var(--gray12);
    --grey-d: var(--gray6);
    --grey-f4: var(--gray3);
    --blue-link-fg: var(--linkColor);
    --red-link-hover: #ff6b47;
    --border-2: var(--gray5);
    --border-3: var(--gray4);
    --border-4: var(--gray6);
    --bg-1: var(--gray2);
    --bg-2: var(--gray1);
    --bg-3: var(--gray2);
    --fg-1: var(--gray11);
    --subhead-fg: var(--grey-3);
    --subhead-bg: var(--grey-f4);
    --subhead-border: var(--border-3) var(--border-3) var(--border-4) var(--border-3);
    --table-bg: var(--gray2);
    --table-bg-sticky: var(--gray1);
    --table-border: var(--border-3);
    --table-border-bottom: var(--border-4);
    --prism-1: var(--gray4);
    --prism-2: var(--gray5);
    --prism-3: var(--gray6);
    --prism-4: var(--gray7);
    --prism-unread-1: #4A90E2;
    --prism-unread-2: #357ABD;
    --prism-unread-3: #2E6AA3;
    --prism-unread-4: #3D7BC7;
    --prism-sticky-1: #4E6B8A;
    --prism-sticky-2: #3F5B7A;
    --prism-sticky-3: #2F4B6A;
    --prism-sticky-4: #1F3B5A;
    --prism-closed-1: var(--gray6);
    --prism-closed-2: var(--gray7);
    --prism-closed-3: var(--gray8);
    --prism-closed-4: var(--gray9);
    --prism-redirect: var(--grey-f4);
  }
  /* line 282, app/assets/stylesheets/lib/_config.css.scss */
  :root:not(.t_light):not(.t_dark) img.t_light {
    display: none;
  }
}

/* Border Radius */
/* line 294, app/assets/stylesheets/lib/_config.css.scss */
.blueBkgr {
  background-color: var(--blueBackground);
}

/* line 297, app/assets/stylesheets/lib/_config.css.scss */
.greenBkgr {
  background-color: var(--bgNotice);
}

/* line 300, app/assets/stylesheets/lib/_config.css.scss */
.checklistHi2 {
  background-color: var(--checklistHighlight2);
}

/* line 303, app/assets/stylesheets/lib/_config.css.scss */
.wishlistCount {
  background-color: var(--wishlistCount);
}

/* works on both dark & light */
/* line 308, app/assets/stylesheets/lib/_config.css.scss */
.vibrantEmphasis {
  color: orangered;
}

@media (min-width: 1000px) {
  /* line 2, app/assets/stylesheets/src/home.css.scss */
  .home #header,
.home #main-content {
    margin: 0 auto;
    width: 980px;
  }
  /* line 8, app/assets/stylesheets/src/home.css.scss */
  body.home #wrapper {
    max-width: 980px;
  }
  /* line 12, app/assets/stylesheets/src/home.css.scss */
  .home #footer {
    width: 980px;
    min-width: 980px;
  }
}

/* line 18, app/assets/stylesheets/src/home.css.scss */
.home ul.descriptions {
  border: 1px solid var(--borderColor);
  box-shadow: var(--shadowColor) 0 1px 5px;
  border-radius: 5px;
  background-color: var(--bgColor);
}

/* line 25, app/assets/stylesheets/src/home.css.scss */
.home .descriptions img.sshot {
  width: 500px;
}

/* line 29, app/assets/stylesheets/src/home.css.scss */
.screenshot {
  text-align: center;
}

/* line 32, app/assets/stylesheets/src/home.css.scss */
.screenshot img {
  border: 1px solid #555;
  border-radius: 6px;
  box-shadow: #555 0 4px 5px;
}

/* line 38, app/assets/stylesheets/src/home.css.scss */
.home #header {
  border-bottom: none;
  background: none;
  box-shadow: none;
}

/* line 44, app/assets/stylesheets/src/home.css.scss */
.home #header #nav {
  background: none;
  padding: 16px 0 0 10px;
}

/* line 49, app/assets/stylesheets/src/home.css.scss */
.home #header #nav li.main > a {
  color: var(--fgColor);
}

/* line 53, app/assets/stylesheets/src/home.css.scss */
#nav li.main {
  padding: 8px 5px;
}

/* line 57, app/assets/stylesheets/src/home.css.scss */
#nav li.main:hover {
  background: none;
}

/* line 61, app/assets/stylesheets/src/home.css.scss */
.home #nav {
  font-size: 14px;
}

/* line 65, app/assets/stylesheets/src/home.css.scss */
.home #nav li.main a.current {
  padding: 6px 15px;
  color: var(--fgColor) !important;
}

/* line 70, app/assets/stylesheets/src/home.css.scss */
.home #nav svg.icon {
  fill: var(--fgColor);
}

/* ----------------- end header */
/* line 76, app/assets/stylesheets/src/home.css.scss */
.main-description {
  background: #3B5998;
  background: linear-gradient(top, #2d3d5e, #3b5998);
  overflow: hidden;
  padding: 35px 29px 30px 50px;
  border: 1px solid #3B5998;
  border-radius: 5px;
  box-shadow: var(--shadowColor) 0 1px 5px;
}

/* line 85, app/assets/stylesheets/src/home.css.scss */
.home #main-content {
  margin-top: 10px;
  display: block;
}

/* line 89, app/assets/stylesheets/src/home.css.scss */
.plain #main-content {
  background: var(--bgColor);
  overflow: hidden;
  padding: 35px 29px 35px 29px;
  border-radius: 5px;
  box-shadow: var(--shadowColor) 0 1px 5px;
  min-height: 200px;
}

/* line 97, app/assets/stylesheets/src/home.css.scss */
.description {
  margin: 20px 0;
  font-family: Helvetica, sans-serif;
}

/* line 101, app/assets/stylesheets/src/home.css.scss */
.description.left, .description.right {
  width: 420px;
}

/* line 104, app/assets/stylesheets/src/home.css.scss */
.description.dark h2, .description.dark h3, .description.dark p, .description.dark p a {
  color: white;
}

/* line 108, app/assets/stylesheets/src/home.css.scss */
.description img {
  margin: 8px 0;
}

/* line 112, app/assets/stylesheets/src/home.css.scss */
.description h1 {
  color: white;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}

/* line 119, app/assets/stylesheets/src/home.css.scss */
.description h3 {
  font-size: 33px;
  line-height: 33px;
  border: none;
  font-weight: 200;
  margin: 8px 0;
  padding: 0;
}

/* line 128, app/assets/stylesheets/src/home.css.scss */
.description h3 img {
  vertical-align: middle;
}

/* line 131, app/assets/stylesheets/src/home.css.scss */
.description p, .description p a {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}

/* line 136, app/assets/stylesheets/src/home.css.scss */
.description .small {
  font-size: 14px;
  line-height: 24px;
}

/* line 140, app/assets/stylesheets/src/home.css.scss */
.description p span {
  color: #f79421;
  font-style: italic;
  font-size: 95%;
}

/* line 146, app/assets/stylesheets/src/home.css.scss */
.description p.description-text {
  padding-top: 10px;
  border-top: 1px solid #808080;
}

/* line 151, app/assets/stylesheets/src/home.css.scss */
.description ul {
  margin-top: 30px;
}

/* line 154, app/assets/stylesheets/src/home.css.scss */
.description ul li {
  padding: 0 30px 0 20px;
  font-size: 20px;
  font-weight: 200;
  margin: 15px 0;
}

/* line 160, app/assets/stylesheets/src/home.css.scss */
.description li a {
  color: var(--fgColor);
  font-weight: 300;
}

/* line 165, app/assets/stylesheets/src/home.css.scss */
#homepage_features {
  margin-top: 40px;
}

/* line 169, app/assets/stylesheets/src/home.css.scss */
.home .feature-listing li .inner {
  padding: 69px 50px 35px 50px;
  overflow: hidden;
}

/* line 173, app/assets/stylesheets/src/home.css.scss */
.home .descriptions h2 {
  font-size: 20px;
  height: 20px;
  margin-top: 2px;
}

/* line 178, app/assets/stylesheets/src/home.css.scss */
.home .feature-listing p {
  width: 300px;
  line-height: 20px;
  font-size: 14px;
}

/* line 184, app/assets/stylesheets/src/home.css.scss */
.home .feature-listing p.top {
  width: 450px;
}

/* line 188, app/assets/stylesheets/src/home.css.scss */
.premium.feature-listing p {
  line-height: 2em;
}

/* line 192, app/assets/stylesheets/src/home.css.scss */
.premium.feature-listing ul {
  width: 340px;
  padding-left: 20px;
}

/* line 197, app/assets/stylesheets/src/home.css.scss */
.premium li {
  font-size: 15px;
  line-height: 2em;
}

@media (max-width: 1000px) {
  /* line 203, app/assets/stylesheets/src/home.css.scss */
  body {
    margin: 1em;
    width: auto;
  }
  /* line 208, app/assets/stylesheets/src/home.css.scss */
  #header,
#main-content,
#footer {
    box-sizing: border-box;
    min-width: auto;
  }
  /* line 215, app/assets/stylesheets/src/home.css.scss */
  .main-description {
    padding: 25px 25px 25px 25px !important;
  }
  /* line 219, app/assets/stylesheets/src/home.css.scss */
  .home .descriptions h2 {
    margin: 20px 0;
  }
  /* line 223, app/assets/stylesheets/src/home.css.scss */
  #nav li.main {
    padding: 5px 0 !important;
  }
  /* line 227, app/assets/stylesheets/src/home.css.scss */
  .description.left, .description.right {
    width: auto;
  }
  /* line 231, app/assets/stylesheets/src/home.css.scss */
  .home .feature-listing li .inner {
    padding: 50px 15px;
  }
  /* line 235, app/assets/stylesheets/src/home.css.scss */
  .home .descriptions img.sshot {
    width: 100%;
  }
  /* line 239, app/assets/stylesheets/src/home.css.scss */
  .home .feature-listing p {
    width: 100%;
  }
  /* line 243, app/assets/stylesheets/src/home.css.scss */
  .premium.feature-listing p.top {
    width: 100%;
  }
  /* line 247, app/assets/stylesheets/src/home.css.scss */
  .premium.feature-listing ul {
    width: auto;
    padding-left: 0;
  }
  /* line 252, app/assets/stylesheets/src/home.css.scss */
  .opt {
    display: none !important;
  }
  /* line 256, app/assets/stylesheets/src/home.css.scss */
  .premium input[type="radio"] {
    margin-left: 1em;
  }
  /* line 260, app/assets/stylesheets/src/home.css.scss */
  .premium .sell_price,
.premium .big_price {
    width: 60px !important;
  }
}