@font-face{
  font-family:'Graphik';

  src:url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Light-Cy-Web.woff") format("woff"),url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Light-Cy-Web.woff2") format("woff2");

  font-weight:300
}

@font-face{
  font-family:'Graphik';

  src:url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Regular-Cy-Web.woff") format("woff"),url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Regular-Cy-Web.woff2") format("woff2");

  font-weight:400
}

@font-face{
  font-family:'Graphik';

  src:url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-RegularItalic-Cy-Web.woff") format("woff"),url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-RegularItalic-Cy-Web.woff2") format("woff2");

  font-weight:400;

  font-style:italic
}

@font-face{
  font-family:'Graphik';

  src:url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Medium-Cy-Web.woff") format("woff"),url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Medium-Cy-Web.woff2") format("woff2");

  font-weight:500
}

@font-face{
  font-family:'Graphik';

  src:url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Semibold-Cy-Web.woff") format("woff"),url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Semibold-Cy-Web.woff2") format("woff2");

  font-weight:600
}

@font-face{
  font-family:'Graphik';

  src:url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-SemiboldItalic-Cy-Web.woff") format("woff"),url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-SemiboldItalic-Cy-Web.woff2") format("woff2");

  font-weight:600;

  font-style:italic
}

@font-face{
  font-family:'Graphik';

  src:url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Bold-Cy-Web.woff") format("woff"),url("https://cdn-cashy-static-assets.lucidchart.com/fonts/graphik/Graphik-Bold-Cy-Web.woff2") format("woff2");

  font-weight:700
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: Graphik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

h1{
  font-size:3rem;
  line-height:1.05;
  font-weight:bold;
  margin-bottom:1.5rem
}

h2{
  font-size:1.875rem;
  line-height:1.2;
  font-weight:bold;
  margin-bottom:1.5rem
}

h3{
  font-size:1.5rem;
  line-height:1.2;
  font-weight:bold;
  margin-bottom:1.25rem
}

p{
  line-height:1.3;
  margin-bottom:1rem
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:2rem;
  padding-left:2rem
}

@media (min-width: 640px){
  .container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .container{
    max-width:1280px
  }
}

.btn{
  padding:.5rem 1rem;
  border-radius:.25rem;
  font-weight:600;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
          justify-content:center;
  border:1px solid #282C33;
  box-shadow:4px 4px 0px #DFE3E8;
  cursor:pointer;
  background-color:#fff
}

.btn:hover{
  background-color:#F2F3F5
}

.btn-black{
  background-color:#282C33;
  color:#fff
}

.btn-black:hover{
  background-color:#6f7681
}

.btn-primary{
  background-color:#FF3D3D;
  color:#fff;
  border:1px solid #FF3D3D;
  box-shadow:4px 4px 0px #FFD9D9
}

.btn-primary:hover{
  background-color:#fff;
  color:#282C33
}

.divide-y > :not(template) ~ :not(template){
  --divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width:calc(1px * var(--divide-y-reverse))
}

.bg-cool-grey-0{
  --bg-opacity:1;
  background-color:#FAFBFC;
  background-color:rgba(250, 251, 252, var(--bg-opacity))
}

.bg-cool-grey-5{
  --bg-opacity:1;
  background-color:#F2F3F5;
  background-color:rgba(242, 243, 245, var(--bg-opacity))
}

.bg-cool-grey-80{
  --bg-opacity:1;
  background-color:#4C535D;
  background-color:rgba(76, 83, 93, var(--bg-opacity))
}

.bg-cool-grey-100{
  --bg-opacity:1;
  background-color:#282C33;
  background-color:rgba(40, 44, 51, var(--bg-opacity))
}

.bg-white{
  --bg-opacity:1;
  background-color:#FFFFFF;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.border-lucid-grey{
  --border-opacity:1;
  border-color:#EBEBEC;
  border-color:rgba(235, 235, 236, var(--border-opacity))
}

.border-cool-grey-10{
  --border-opacity:1;
  border-color:#DFE3E8;
  border-color:rgba(223, 227, 232, var(--border-opacity))
}

.border-cool-grey-20{
  --border-opacity:1;
  border-color:#CED4DB;
  border-color:rgba(206, 212, 219, var(--border-opacity))
}

.border-cool-grey-80{
  --border-opacity:1;
  border-color:#4C535D;
  border-color:rgba(76, 83, 93, var(--border-opacity))
}

.border-cool-grey-100{
  --border-opacity:1;
  border-color:#282C33;
  border-color:rgba(40, 44, 51, var(--border-opacity))
}

.rounded-none{
  border-radius:0
}

.rounded{
  border-radius:0.25rem
}

.rounded-full{
  border-radius:9999px
}

.border-dashed{
  border-style:dashed
}

.border-none{
  border-style:none
}

.border{
  border-width:1px
}

.border-t{
  border-top-width:1px
}

.border-b{
  border-bottom-width:1px
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:-webkit-box;
  display:flex
}

.inline-flex{
  display:-webkit-inline-box;
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.flex-row{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
          flex-direction:row
}

.flex-row-reverse{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
          flex-direction:row-reverse
}

.flex-col{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.items-end{
  -webkit-box-align:end;
          align-items:flex-end
}

.items-center{
  -webkit-box-align:center;
          align-items:center
}

.items-baseline{
  -webkit-box-align:baseline;
          align-items:baseline
}

.justify-start{
  -webkit-box-pack:start;
          justify-content:flex-start
}

.justify-end{
  -webkit-box-pack:end;
          justify-content:flex-end
}

.justify-center{
  -webkit-box-pack:center;
          justify-content:center
}

.content-center{
  align-content:center
}

.flex-grow{
  -webkit-box-flex:1;
          flex-grow:1
}

.font-sans{
  font-family:Graphik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-light{
  font-weight:300
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.font-bold{
  font-weight:700
}

.h-16{
  height:4rem
}

.h-full{
  height:100%
}

.text-xs{
  font-size:0.75rem
}

.text-sm{
  font-size:0.875rem
}

.text-base{
  font-size:1rem
}

.text-lg{
  font-size:1.125rem
}

.text-xl{
  font-size:1.25rem
}

.text-2xl{
  font-size:1.5rem
}

.text-3xl{
  font-size:1.875rem
}

.text-4xl{
  font-size:2.25rem
}

.text-5xl{
  font-size:3rem
}

.my-0{
  margin-top:0;
  margin-bottom:0
}

.my-1{
  margin-top:0.25rem;
  margin-bottom:0.25rem
}

.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.my-6{
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.mx-8{
  margin-left:2rem;
  margin-right:2rem
}

.my-10{
  margin-top:2.5rem;
  margin-bottom:2.5rem
}

.my-12{
  margin-top:3rem;
  margin-bottom:3rem
}

.my-20{
  margin-top:5rem;
  margin-bottom:5rem
}

.my-24{
  margin-top:6rem;
  margin-bottom:6rem
}

.-mx-4{
  margin-left:-1rem;
  margin-right:-1rem
}

.mr-0{
  margin-right:0
}

.mb-0{
  margin-bottom:0
}

.mt-1{
  margin-top:0.25rem
}

.mr-2{
  margin-right:0.5rem
}

.mb-2{
  margin-bottom:0.5rem
}

.ml-2{
  margin-left:0.5rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mr-4{
  margin-right:1rem
}

.mb-4{
  margin-bottom:1rem
}

.ml-4{
  margin-left:1rem
}

.mt-6{
  margin-top:1.5rem
}

.mr-6{
  margin-right:1.5rem
}

.mb-6{
  margin-bottom:1.5rem
}

.ml-6{
  margin-left:1.5rem
}

.mt-8{
  margin-top:2rem
}

.mr-8{
  margin-right:2rem
}

.mb-8{
  margin-bottom:2rem
}

.mt-10{
  margin-top:2.5rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mt-12{
  margin-top:3rem
}

.mb-12{
  margin-bottom:3rem
}

.mt-16{
  margin-top:4rem
}

.mb-16{
  margin-bottom:4rem
}

.mt-20{
  margin-top:5rem
}

.mt-24{
  margin-top:6rem
}

.mb-24{
  margin-bottom:6rem
}

.-mt-8{
  margin-top:-2rem
}

.-mt-12{
  margin-top:-3rem
}

.overflow-x-hidden{
  overflow-x:hidden
}

.overflow-y-hidden{
  overflow-y:hidden
}

.overflow-y-scroll{
  overflow-y:scroll
}

.p-2{
  padding:0.5rem
}

.p-4{
  padding:1rem
}

.p-8{
  padding:2rem
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.px-10{
  padding-left:2.5rem;
  padding-right:2.5rem
}

.py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.pt-1{
  padding-top:0.25rem
}

.pt-2{
  padding-top:0.5rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pr-4{
  padding-right:1rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-4{
  padding-left:1rem
}

.pr-5{
  padding-right:1.25rem
}

.pl-5{
  padding-left:1.25rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pt-8{
  padding-top:2rem
}

.pl-8{
  padding-left:2rem
}

.pt-10{
  padding-top:2.5rem
}

.pt-12{
  padding-top:3rem
}

.pb-12{
  padding-bottom:3rem
}

.pt-24{
  padding-top:6rem
}

.pb-48{
  padding-bottom:12rem
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:-webkit-sticky;
  position:sticky
}

.inset-0{
  top:0;
  right:0;
  bottom:0;
  left:0
}

.right-0{
  right:0
}

.shadow{
  box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.shadow-none{
  box-shadow:none
}

.text-center{
  text-align:center
}

.text-cool-grey-60{
  --text-opacity:1;
  color:#6F7681;
  color:rgba(111, 118, 129, var(--text-opacity))
}

.text-cool-grey-100{
  --text-opacity:1;
  color:#282C33;
  color:rgba(40, 44, 51, var(--text-opacity))
}

.text-lucid-blue-60{
  --text-opacity:1;
  color:#1071E5;
  color:rgba(16, 113, 229, var(--text-opacity))
}

.text-red-50{
  --text-opacity:1;
  color:#FF3D3D;
  color:rgba(255, 61, 61, var(--text-opacity))
}

.text-white{
  --text-opacity:1;
  color:#FFFFFF;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.uppercase{
  text-transform:uppercase
}

.lowercase{
  text-transform:lowercase
}

.underline{
  text-decoration:underline
}

.hover\:underline:hover{
  text-decoration:underline
}

.visible{
  visibility:visible
}

.whitespace-no-wrap{
  white-space:nowrap
}

.w-16{
  width:4rem
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-full{
  width:100%
}

.z-10{
  z-index:10
}

.transform{
  --transform-translate-x:0;
  --transform-translate-y:0;
  --transform-rotate:0;
  --transform-skew-x:0;
  --transform-skew-y:0;
  --transform-scale-x:1;
  --transform-scale-y:1;
  -webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
          transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

@-webkit-keyframes spin{
  to{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg)
  }
}

@keyframes spin{
  to{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg)
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    -webkit-transform:scale(2);
            transform:scale(2);
    opacity:0
  }
}

@keyframes ping{
  75%, 100%{
    -webkit-transform:scale(2);
            transform:scale(2);
    opacity:0
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity:.5
  }
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    -webkit-transform:translateY(-25%);
            transform:translateY(-25%);
    -webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);
            animation-timing-function:cubic-bezier(0.8,0,1,1)
  }

  50%{
    -webkit-transform:none;
            transform:none;
    -webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
            animation-timing-function:cubic-bezier(0,0,0.2,1)
  }
}

@keyframes bounce{
  0%, 100%{
    -webkit-transform:translateY(-25%);
            transform:translateY(-25%);
    -webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);
            animation-timing-function:cubic-bezier(0.8,0,1,1)
  }

  50%{
    -webkit-transform:none;
            transform:none;
    -webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
            animation-timing-function:cubic-bezier(0,0,0.2,1)
  }
}

::selection{
  background-color:#1071E5;
  color:#fff
}

html{
  scroll-behavior:smooth
}

body{
  --text-opacity:1;
  color:#282C33;
  color:rgba(40, 44, 51, var(--text-opacity));
  overflow-x:hidden;
  position:relative;
  z-index:0
}

body::before{
  content:unset;
  position:absolute;
  top:850px;
  left:-200px;
  z-index:-1
}

@media (min-width: 1024px){
  body::before{
    content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%22557%22%20height%3D%22782%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.693%2011.898c-73.408-67.514-144.015%20173.58-267.657%20190.13-14.356%201.922-28.799%206.008-43.036%2012.011v481.792s390.691%2015.056%20581.08%2077.315c190.389%2062.259%20100.996-221.757%20241.115-292.49C628.731%20426.88%20470.5%20196.492%20319.644%20111.611c-137.999-77.64-132.722%2062.412-308.951-99.713z%22%20fill%3D%22%23FAFBFC%22%2F%3E%3C%2Fsvg%3E%0A")
  }
}

body::after{
  content:unset;
  position:absolute;
  top:440px;
  right:-100px;
  z-index:-1
}

@media (min-width: 1024px){
  body::after{
    content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%22448%22%20height%3D%221093%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.45%20618.452c-76.32%2083.103%20196.221%20163.034%20214.929%20303.003%2051.298%20120.515%20203.557%20187.255%20290.036%20168.385%2086.479-18.87%20268.177-119.665%20268.177-119.665s17.02-442.286%2087.399-657.817c70.38-215.531-250.681-114.334-330.64-272.956C482.56-81.204%20222.121%2097.923%20126.169%20268.7%2038.402%20424.925%20196.722%20418.95%2013.45%20618.452z%22%20fill%3D%22%23FAFBFC%22%2F%3E%3C%2Fsvg%3E%0A")
  }
}

main{
  position:relative
}

@media (min-width: 768px){
  main{
    min-height:1160px
  }
}

p{
  line-height:1.35
}

p a{
  color:#1071E5
}

.link{
  color:#1071E5
}

reach-portal a[role='menuitem']{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center
}

.full-page-width{
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw
}

.community-topic-list-page.lucid .breadcrumb{
  display:none
}

.community-topic-list-page.lucid .logo{
  display:none
}

.z-99{
  z-index:99
}

.card.hoverable:hover{
  -webkit-transform:translateY(-3px);
          transform:translateY(-3px)
}

.button-subscribe-wrapper>div{
  display:-webkit-box;
  display:flex;
  align-content:center
}

.button-subscribe-wrapper>div>button{
  padding:.5rem 1rem;
  border-radius:.25rem;
  font-weight:600;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
          justify-content:center;
  border:1px solid #282C33;
  box-shadow:4px 4px 0px #DFE3E8;
  cursor:pointer;
  background-color:#fff
}

.post-actions [aria-haspopup='menu'],.comment-actions [aria-haspopup='menu']{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2016a2%202%200%20110%204%202%202%200%20010-4zM14%2012a2%202%200%2010-4%200%202%202%200%20004%200zM14%206a2%202%200%2010-4%200%202%202%200%20004%200z%22%20fill%3D%22%23282C33%22%2F%3E%3C%2Fsvg%3E%0A");
  display:-webkit-box;
  display:flex
}

.table,table{
  width:100%;
  table-layout:fixed
}

@media (min-width: 768px){
  .table,table{
    table-layout:auto
  }
}

.table th,.table th a,table th,table th a{
  color:#666;
  font-size:13px;
  font-weight:300;
  text-align:left
}

[dir='rtl'] .table th,[dir='rtl'] .table th a,[dir='rtl'] table th,[dir='rtl'] table th a{
  text-align:right
}

.table tr,table tr{
  border-bottom:1px solid #ddd;
  display:block;
  padding:20px 0
}

@media (min-width: 768px){
  .table tr,table tr{
    display:table-row
  }
}

.table td,table td{
  display:block
}

@media (min-width: 768px){
  .table td,table td{
    display:table-cell
  }
}

@media (min-width: 1024px){
  .table td,.table th,table td,table th{
    padding:20px 30px
  }
}

@media (min-width: 768px){
  .table td,.table th,table td,table th{
    padding:10px 20px;
    height:60px
  }
}

.form{
  max-width:750px
}

.form input,.form textarea{
  border-radius:0.25rem;
  width:100%
}

.form .suggestion-list{
  font-size:0.875rem;
  margin-top:-2rem;
  margin-bottom:2rem
}

.form .suggestion-list label{
  font-weight:600;
  border-bottom:1px solid #ddd;
  display:block;
  padding-bottom:5px
}

.form .suggestion-list li{
  padding:10px 0
}

.form .suggestion-list li a:visited{
  color:#005099
}

.form-field{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  margin-bottom:3rem
}

.form-field.required>label::after{
  content:'*';
  position:relative;
  margin-left:0.25rem;
  top:-2px;
  --text-opacity:1;
  color:#C90C0C;
  color:rgba(201, 12, 12, var(--text-opacity))
}

.form-field .optional{
  visibility:hidden
}

.form-field input[type='text']{
  display:inline-block
}

.form-field label{
  -webkit-box-ordinal-group:2;
          order:1;
  font-size:1.5rem;
  margin-bottom:0.75rem
}

.form-field label[for='community_post_details']{
  -webkit-box-ordinal-group:1;
          order:0
}

.form-field textarea,.form-field input,.form-field [class*='input']{
  border-width:1px;
  --border-opacity:1;
  border-color:#282C33;
  border-color:rgba(40, 44, 51, var(--border-opacity))
}

.form-field textarea,.form-field input,.form-field [class*='input'],.form-field>div[class*='upload']{
  -webkit-box-ordinal-group:4;
          order:3;
  height:3.5rem;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:1rem;
  padding-right:3rem
}

.form-field textarea{
  min-height:8rem
}

.form-field>div[class*='upload']{
  font-size:1rem;
  font-family:Graphik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  -webkit-box-pack:center;
          justify-content:center;
  border-style:dashed;
  --border-opacity:1;
  border-color:#282C33;
  border-color:rgba(40, 44, 51, var(--border-opacity))
}

.form-field>div[class*='upload'] a{
  --text-opacity:1;
  color:#1071E5;
  color:rgba(16, 113, 229, var(--text-opacity));
  font-size:1rem
}

.form-field input,.form-field [class*='input']{
  font-weight:600;
  --text-opacity:1;
  color:#282C33;
  color:rgba(40, 44, 51, var(--text-opacity))
}

.form-field .nesty-input::after{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%20stroke%3D%22%23282C33%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
  right:25px
}

.form-field p[id*='hint']{
  -webkit-box-ordinal-group:3;
          order:2;
  font-size:0.875rem;
  --text-opacity:1;
  color:#4C535D;
  color:rgba(76, 83, 93, var(--text-opacity))
}

.form-field .upload-pool{
  -webkit-box-ordinal-group:5;
          order:4
}

.form-field .upload-item{
  margin-top:1.5rem;
  margin-bottom:1.5rem;
  width:100%;
  position:relative;
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  font-size:0.875rem;
  font-weight:600;
  font-size:0.875rem;
  border-width:1px;
  --border-opacity:1;
  border-color:#CED4DB;
  border-color:rgba(206, 212, 219, var(--border-opacity));
  --bg-opacity:1;
  background-color:#FAFBFC;
  background-color:rgba(250, 251, 252, var(--bg-opacity));
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:1rem;
  padding-right:1rem
}

.form-field .upload-item>.upload-item-icon{
  display:none
}

.form-field .upload-item>.upload-item-icon-spacer{
  display:none
}

.form-field .upload-item+.upload-item{
  margin-top:0 !important
}

.form-field .upload-item .upload-link{
  position:relative;
  display:-webkit-box;
  display:flex;
  align-content:center;
  -webkit-box-flex:1;
          flex-grow:1
}

.form-field .upload-item .upload-link::before{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M7.416%2020.593a4.586%204.586%200%2001-3.264-1.352A4.586%204.586%200%20012.8%2015.977c0-1.233.48-2.392%201.352-3.264L13.665%203.2l.005.005-9.513%209.514a4.577%204.577%200%2000-1.35%203.258c0%201.23.48%202.388%201.35%203.259a4.58%204.58%200%20003.26%201.35c1.23%200%202.388-.48%203.258-1.35l9.513-9.513A3.433%203.433%200%200021.2%207.28c0-.923-.36-1.791-1.012-2.444a3.434%203.434%200%2000-2.443-1.012c-.924%200-1.791.36-2.444%201.012L5.788%2014.35a2.305%202.305%200%20000%203.256%202.306%202.306%200%20003.257%200l7.338-7.338.005.005L9.05%2017.61c-.901.9-2.367.9-3.267%200-.9-.901-.9-2.367%200-3.268l9.512-9.512a3.44%203.44%200%20012.45-1.014c.924%200%201.794.36%202.448%201.014a3.44%203.44%200%20011.015%202.449c0%20.925-.36%201.794-1.015%202.449L10.68%2019.24a4.584%204.584%200%2001-3.264%201.352z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
  width:1.5rem;
  height:1.5rem;
  top:-1px;
  margin-right:1rem;
  position:relative
}

.form-field .upload-item .upload-remove{
  width:1rem;
  height:1rem;
  position:relative;
  margin-right:1rem
}

.form-field .upload-item .upload-remove::before{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%203c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm4.4%2012c.3.3.3.9%200%201.2l-.3.3c-.3.3-.9.3-1.2%200L12%2013.6l-2.9%202.9c-.3.3-.9.3-1.2%200l-.3-.3c-.3-.3-.3-.9%200-1.2l2.9-2.9-2.8-2.9c-.4-.3-.4-.8%200-1.2l.3-.3c.3-.3.9-.3%201.2%200l2.8%202.9%202.9-2.9c.3-.3.9-.3%201.2%200l.3.3c.3.3.3.9%200%201.2l-2.9%202.9%202.9%202.9z%22%20fill%3D%22%23282C33%22%2F%3E%3C%2Fsvg%3E%0A");
  height:1rem;
  width:1rem;
  position:relative
}

.form-field .upload-item .upload-remove>svg{
  display:none
}

.form-field .upload-item .upload-progress{
  width:100%;
  margin-top:0.5rem
}

.form>form>footer{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  -webkit-box-align:end;
          align-items:flex-end
}

.form>form>footer input[type='submit']{
  box-shadow:4px 4px 0px #dfe3e8;
  border-radius:0.25rem;
  border-width:1px;
  --border-opacity:1;
  border-color:#282C33;
  border-color:rgba(40, 44, 51, var(--border-opacity));
  --text-opacity:1;
  color:#282C33;
  color:rgba(40, 44, 51, var(--text-opacity));
  font-weight:600;
  display:-webkit-box;
  display:flex;
  align-content:center;
  -webkit-box-pack:center;
          justify-content:center;
  font-size:1rem;
  --bg-opacity:1;
  background-color:#FFFFFF;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  padding-left:2.5rem;
  padding-right:2.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  width:auto
}

.form>form>footer input[type='submit']:hover{
  cursor:pointer
}

.form>form>footer .g-recaptcha{
  -webkit-transform:scale(0.75);
          transform:scale(0.75);
  right:-30px;
  position:relative;
  margin-top:3rem
}

body .nesty-panel{
  max-height:350px;
  overflow-y:scroll;
  font-family:Graphik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

body .nesty-panel li{
  font-size:1rem !important;
  padding-top:1rem !important;
  padding-bottom:1rem !important;
  padding-left:1rem !important;
  padding-right:1rem !important
}

body .nesty-panel li.nesty-selected{
  --bg-opacity:1;
  background-color:#DFE3E8;
  background-color:rgba(223, 227, 232, var(--bg-opacity))
}

input[type='hidden']{
  display:none !important
}

.header__logo-divider{
  content:'';
  position:relative;
  height:2rem;
  width:2px;
  margin-top:3px;
  background-color:#000
}

.header__dropdown::after{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.79%2011.175s.473-.48%200-.961c-.474-.481-.948%200-.948%200l-2.699%202.08a.234.234%200%2001-.286%200l-2.7-2.08s-.473-.481-.946%200c-.474.48%200%20.961%200%20.961l3.647%202.777c.084.064.2.064.284%200l3.648-2.777z%22%20fill%3D%22%23282C33%22%2F%3E%3C%2Fsvg%3E%0A");
  right:0;
  bottom:-7px;
  position:relative
}

.header__dropdown-hover:hover .dropdown{
  display:block;
  background-color:#fff
}

.mobile-menu-wrapper details>summary::-webkit-details-marker{
  display:none
}

.dropdown{
  display:none
}

.dropdown a{
  display:inline-block
}

.dropdown a+a{
  margin-top:1rem
}

.dropup-container:hover .dropup{
  display:initial
}

.dropup-menu a+a{
  margin-top:0.5rem
}

.dropup{
  bottom:25px
}

.search-full{
  width:100%;
  max-width:600px;
  position:relative
}

.search-full::after{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207.5C0%203.4%203.4%200%207.5%200S15%203.4%2015%207.5%2011.6%2015%207.5%2015%200%2011.6%200%207.5zm13%200c0-3-2.5-5.5-5.5-5.5S2%204.5%202%207.5%204.5%2013%207.5%2013%2013%2010.5%2013%207.5z%22%20fill%3D%22%234C535D%22%2F%3E%3Cpath%20d%3D%22M13.44%2013.44a1.5%201.5%200%20000%202.12l4%204a1.5%201.5%200%20002.12-2.12l-4-4a1.5%201.5%200%2000-2.12%200z%22%20fill%3D%22%234C535D%22%2F%3E%3C%2Fsvg%3E%0A");
  position:absolute;
  right:1.5rem;
  top:1.3rem
}

.search-full input{
  position:relative;
  border:1px solid #DFE3E8;
  box-sizing:border-box;
  box-shadow:4px 4px 0px rgba(40,44,51,0.3);
  border-radius:8px;
  width:100%;
  max-width:600px;
  padding:1.2rem 3.5rem 1.2rem 1rem;
  border-bottom:2px solid transparent
}

.search-full input::-webkit-input-placeholder{
  color:#6F7681
}

.search-full input:-ms-input-placeholder{
  color:#6F7681
}

.search-full input::-ms-input-placeholder{
  color:#6F7681
}

.search-full input::placeholder{
  color:#6F7681
}

.search-full input:focus{
  outline:0;
  border-bottom:2px solid #1071E5
}

.hero{
  background-image:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%221215%22%20height%3D%22305%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20opacity%3D%22.4%22%20stroke-width%3D%22.79%22%3E%3Cpath%20d%3D%22M91.932%20145v5.863m2.931-2.931H89%22%20stroke%3D%22%23000%22%2F%3E%3Crect%20x%3D%221031%22%20y%3D%2224%22%20width%3D%225.133%22%20height%3D%225.133%22%20rx%3D%222.567%22%20stroke%3D%22%23000%22%2F%3E%3Crect%20x%3D%22162.303%22%20y%3D%2214.1%22%20width%3D%225.133%22%20height%3D%225.133%22%20rx%3D%222.567%22%20stroke%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M692.81%2014l5.331%205.33m0-5.33l-5.331%205.33%22%20stroke%3D%22%23F96B13%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M613.837%20184.682h5.133v5.133h-5.133z%22%2F%3E%3Cpath%20d%3D%22M1%2070.861l5.33%205.331m0-5.33L1%2076.191%22%20stroke%3D%22%23F96B13%22%2F%3E%3Cpath%20d%3D%22M296.932%20265v5.863m2.931-2.931H294%22%20stroke%3D%22%23000%22%2F%3E%3Crect%20x%3D%22272.303%22%20y%3D%22164.1%22%20width%3D%225.133%22%20height%3D%225.133%22%20rx%3D%222.567%22%20stroke%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M872.81%20104l5.331%205.331m0-5.331l-5.331%205.331M1031%20298l5.33%205.331m0-5.331l-5.33%205.331%22%20stroke%3D%22%23F96B13%22%2F%3E%3Cpath%20d%3D%22M496.932%2036v5.864m2.931-2.932H494%22%20stroke%3D%22%23000%22%2F%3E%3Crect%20x%3D%22770%22%20y%3D%22299%22%20width%3D%225.133%22%20height%3D%225.133%22%20rx%3D%222.567%22%20stroke%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M1209%2046l5.33%205.33m0-5.33l-5.33%205.33%22%20stroke%3D%22%23F96B13%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M887%2019h5.133v5.133H887zM970%20240h5.133v5.133H970zM19%20287h5.133v5.133H19zM246%2075h5.133v5.133H246z%22%2F%3E%3Cpath%20d%3D%22M181%20200l5.331%205.331m0-5.331L181%20205.331%22%20stroke%3D%22%23F96B13%22%2F%3E%3Cpath%20d%3D%22M1164.93%201v5.863m2.93-2.931H1162M977.932%20104v5.863m2.931-2.931H975%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  background-position:center;
  background-size:1200px;
  background-repeat:no-repeat;
  min-height:320px;
  text-align:center;
  width:100%;
  margin-bottom:2rem;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  position:relative
}

.hero:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.hero__inner{
  max-width:750px;
  margin:0 auto;
  width:100%;
  z-index:9;
  padding:0 2rem
}

.hero__bottom-shape{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  overflow:hidden;
  line-height:0
}

.hero__bottom-shape svg{
  position:relative;
  display:block;
  width:calc(100% + 1.3px);
  height:50px
}

.hero__bottom-shape .shape-fill{
  fill:#ffffff
}

.lucid .homepage-logo{
  display:none
}

.lucid .breadcrumb{
  display:none
}

.section_page .subscribe-wrapper button{
  padding:.5rem 1rem;
  border-radius:.25rem;
  font-weight:600;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
          justify-content:center;
  border:1px solid #282C33;
  box-shadow:4px 4px 0px #DFE3E8;
  cursor:pointer;
  background-color:#fff
}

.section_page .breadcrumbs{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap
}

.section_page .breadcrumbs li+li{
  position:relative;
  margin-left:2rem
}

.section_page .breadcrumbs li+li::before{
  content:'\203A';
  position:absolute;
  left:-1rem
}

.article__summary{
  line-height:1.6;
  max-width:1000px;
  font-weight:normal
}

.article__summary a{
  color:#1071E5
}

.article__sidebar__item--active{
  background-color:#FF3D3D;
  color:#fff
}

.article__body>section:first-child h2{
  margin-top:0
}

.article__body th{
  padding:1rem 0.5rem;
  margin:2rem 1rem;
  text-align:left
}

.article__body pre{
  background:#fbfbfb;
  background:rgba(0,0,0,0.02);
  border:1px solid #ececec;
  border:1px solid rgba(0,0,0,0.07);
  border-radius:3px;
  padding:10px 15px;
  overflow:auto;
  white-space:nowrap
}

.article__body blockquote{
  border-left:1px solid #ececec;
  border-left:1px solid rgba(0,0,0,0.07);
  color:#8e8e8e;
  font-style:italic;
  margin:20px 0;
  padding-left:20px
}

.article__body ul,.article__body ol{
  margin:20px 0 20px 20px;
  list-style-position:outside
}

.article__body li>ul,.article__body li>ol{
  margin:0 0 0 20px
}

.article__body ul{
  list-style-type:disc
}

.article__body ol{
  list-style-type:decimal
}

.article__body li{
  margin-left:20px;
  margin-bottom:15px
}

.article__body img:not(.inline){
  margin-top:1rem;
  margin-bottom:1rem
}

.article__body img:not(.border-none){
  border:4px solid #282C33;
  box-sizing:border-box
}

.article__body img:not(.rounded-none){
  border-radius:8px
}

.article__body a{
  color:#1071E5
}

.article__body a:hover{
  text-decoration:underline
}

.article__body h1,.article__body h2,.article__body h3,.article__body h4,.article__body h5{
  margin-top:3rem
}

.article__body h1,.article__body h2{
  font-size:1.25rem
}

@media (min-width: 768px){
  .article__body h1,.article__body h2{
    font-size:1.5rem
  }
}

@media (min-width: 1024px){
  .article__body h1,.article__body h2{
    font-size:1.875rem
  }
}

.article__body h3{
  font-size:1.125rem
}

@media (min-width: 768px){
  .article__body h3{
    font-size:1.25rem
  }
}

@media (min-width: 1024px){
  .article__body h3{
    font-size:1.5rem
  }
}

.article__body p{
  line-height:1.45;
  margin-bottom:1.5rem
}

.article__body section{
  scroll-margin-top:100px
}

.article-voting .vote-voted{
  --border-opacity:1;
  border-color:#FF3D3D;
  border-color:rgba(255, 61, 61, var(--border-opacity))
}

.flyout-left:hover .flyout-left-menu{
  display:block
}

.vote-voted svg{
  stroke:#FF3D3D
}

.vote-voted rect{
  stroke:#FF3D3D
}

.community-hero{
  background-image:url(//theme.zdassets.com/theme_assets/201415/ea0fc49e94c74884940bd530924916ea87035a5f.svg);
  background-position:center;
  background-size:cover;
  height:300px;
  text-align:center;
  width:100%;
  margin-bottom:32px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  position:relative
}

.comment-container textarea,.comment-container #hc-wysiwyg{
  width:100%;
  border:1px solid #282c33;
  border-radius:4px;
  min-height:240px;
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.comment-form-official-checkbox>input[type='checkbox']{
  margin-right:0.5rem
}

.collapsible-nav{
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  max-height:45px;
  overflow:hidden;
  font-size:14px
}

@media (min-width: 768px){
  .collapsible-nav{
    border:0;
    height:auto;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row;
    max-height:none
  }
}

.collapsible-nav-list{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column
}

@media (min-width: 768px){
  .collapsible-nav-list{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row
  }
}

.collapsible-nav-list li{
  color:#333;
  line-height:45px;
  -webkit-box-ordinal-group:2;
          order:1
}

@media (min-width: 768px){
  .collapsible-nav-list li{
    line-height:normal;
    margin-right:30px
  }

  [dir='rtl'] .collapsible-nav-list li{
    margin-left:30px;
    margin-right:0
  }

  .collapsible-nav-list li a{
    text-decoration:none;
    padding:15px 0
  }
}

.collapsible-nav-list li a{
  color:#333;
  display:block
}

@media (min-width: 768px){
  .collapsible-nav-list li:hover{
    border-bottom:2px solid #ddd
  }

  .collapsible-nav-list li:hover a{
    padding:15px 0 11px 0;
    text-decoration:none
  }
}

.collapsible-nav-list li[aria-selected='true']{
  -webkit-box-ordinal-group:1;
          order:0;
  position:relative
}

@media (min-width: 768px){
  .collapsible-nav-list li[aria-selected='true']{
    border-bottom:2px solid #FF3D3D;
    -webkit-box-ordinal-group:2;
            order:1;
    padding:15px 0 11px 0
  }
}

.collapsible-nav-list li[aria-selected='true'] a{
  color:#333
}

.collapsible-nav-list li[aria-selected='true']::after{
  content:'\25BE';
  position:absolute;
  right:0
}

@media (min-width: 768px){
  .collapsible-nav-list li[aria-selected='true']::after{
    display:none
  }
}

[dir='rtl'] .collapsible-nav-list li[aria-selected='true']::after{
  left:0;
  right:auto
}

.collapsible-nav[aria-expanded='true']{
  max-height:none
}

.collapsible-nav[aria-expanded='true'] li[aria-selected='true']::after{
  content:'\2715'
}

.my-activities-nav{
  background-color:#f2f2f2;
  border:0;
  margin-bottom:20px
}

.my-activities-sub-nav{
  background-color:transparent;
  border-bottom:1px solid #ddd;
  margin-bottom:30px
}

@media (min-width: 768px){
  .my-activities-sub-nav li:hover{
    border-bottom:2px solid #ddd
  }
}

.my-activities-sub-nav li[aria-selected='true']{
  border-color:#FF3D3D
}

.my-activities-table .striped-list-title{
  display:block;
  margin-bottom:10px;
  max-width:350px;
  white-space:normal
}

@media (min-width: 1024px){
  .my-activities-table .striped-list-title{
    margin-bottom:0;
    max-width:500px;
    min-width:350px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
}

.my-activities-table thead{
  display:none
}

@media (min-width: 768px){
  .my-activities-table thead{
    display:table-header-group
  }
}

.my-activities-table th:first-child,.my-activities-table td:first-child{
  padding-left:0
}

@media (min-width: 1024px){
  .my-activities-table th:first-child,.my-activities-table td:first-child{
    width:500px
  }
}

.my-activities-table th:last-child,.my-activities-table td:last-child{
  padding-right:0
}

.my-activities-table td:not(:first-child){
  display:none
}

@media (min-width: 768px){
  .my-activities-table td:not(:first-child){
    display:table-cell
  }
}

.requests-search{
  width:100%
}

.requests-table-toolbar{
  -webkit-box-align:end;
          align-items:flex-end;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column
}

@media (min-width: 768px){
  .requests-table-toolbar{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row
  }
}

.requests-table-toolbar .search{
  -webkit-box-flex:1;
          flex:1;
  width:100%
}

.requests-table-toolbar .request-table-filter{
  width:100%
}

@media (min-width: 768px){
  .requests-table-toolbar .request-table-filter{
    width:auto
  }
}

.requests-table-toolbar .request-table-filter button{
  margin-left:10px
}

.requests-table-toolbar .request-filter{
  display:block
}

@media (min-width: 768px){
  .requests-table-toolbar .request-filter{
    margin:0 0 0 30px
  }

  [dir='rtl'] .requests-table-toolbar .request-filter{
    margin:0 30px 0 0
  }
}

.requests-table-toolbar .request-filter-label{
  font-size:13px;
  margin-top:30px
}

@media (min-width: 768px){
  .requests-table-toolbar .request-filter-label{
    margin-top:0
  }
}

.requests-table-toolbar select{
  max-height:40px;
  margin-bottom:30px;
  width:100%
}

@media (min-width: 768px){
  .requests-table-toolbar select{
    margin-bottom:0;
    max-width:300px;
    width:auto
  }
}

.requests-table-toolbar .organization-subscribe,.requests-table-toolbar .organization-unsubscribe{
  line-height:40px;
  max-height:40px;
  padding:0 20px
}

@media (min-width: 768px){
  .requests-table-toolbar .organization-subscribe,.requests-table-toolbar .organization-unsubscribe{
    margin-left:10px
  }

  [dir='rtl'] .requests-table-toolbar .organization-subscribe,[dir='rtl'] .requests-table-toolbar .organization-unsubscribe{
    margin:0 10px 0 0
  }
}

.requests-table-toolbar .organization-unsubscribe{
  background-color:#FF3D3D;
  color:#fff
}

.requests-table-toolbar+.requests-search-info{
  margin-top:15px
}

.requests-table-toolbar+.requests-search-info.meta-data::after{
  content:'';
  margin:0
}

.requests-table-toolbar+.requests-search-info+.requests{
  margin-top:20px
}

.requests-table-toolbar+.requests{
  margin-top:40px
}

.requests .requests-table-meta{
  display:block
}

@media (min-width: 768px){
  .requests .requests-table-meta{
    display:none
  }
}

.requests .requests-table thead{
  display:none
}

@media (min-width: 768px){
  .requests .requests-table thead{
    display:table-header-group
  }
}

.requests .requests-table-info{
  display:block
}

@media (min-width: 768px){
  .requests .requests-table-info{
    display:table-cell;
    vertical-align:middle;
    width:auto
  }
}

.requests .requests-table .requests-link{
  position:relative
}

.requests .requests-table .requests-sort-symbol{
  position:absolute;
  left:calc(100% + 3px);
  bottom:0;
  font-size:10px
}

.subscriptions-unsubscribe a{
  background:#FF3D3D;
  border-radius:4px;
  color:#fff;
  display:inline-block;
  font-size:12px;
  line-height:2.34;
  padding:0 20px;
  text-align:center;
  width:100%
}

@media (min-width: 768px){
  .subscriptions-unsubscribe a{
    width:auto
  }
}

.subscriptions-unsubscribe a:hover{
  background-color:#d60000;
  text-decoration:none
}

.subscriptions-table td:last-child{
  display:block
}

@media (min-width: 768px){
  .subscriptions-table td:last-child{
    display:table-cell
  }
}

.subscriptions-table td:first-child{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center
}

.subscriptions-table .user-avatar{
  margin-right:10px
}

.subscriptions .striped-list-title{
  display:inline-block;
  vertical-align:middle
}

.contributions-table td:last-child{
  color:#666;
  font-size:13px;
  font-weight:300
}

@media (min-width: 768px){
  .contributions-table td:last-child{
    color:inherit;
    font-size:inherit;
    font-weight:inherit
  }
}

.no-activities{
  color:#666
}

.request-container{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
          justify-content:space-between
}

@media (min-width: 1024px){
  .request-container{
    -webkit-box-align:start;
            align-items:flex-start;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row
  }
}

.request-container .comment-container{
  min-width:0
}

.request-breadcrumbs{
  margin-bottom:40px
}

@media (min-width: 1024px){
  .request-breadcrumbs{
    margin-bottom:60px
  }
}

.request-main{
  -webkit-box-flex:1;
          flex:1 0 auto;
  -webkit-box-ordinal-group:2;
          order:1
}

.request-main .comment-fields,.request-main .request-submit-comment{
  display:none
}

.request-main .comment-fields.shown{
  display:block
}

.request-main .request-submit-comment.shown{
  display:inline
}

@media (min-width: 1024px){
  .request-main{
    -webkit-box-flex:0;
            flex:0 0 66%;
    -webkit-box-ordinal-group:1;
            order:0;
    min-width:0
  }
}

.request-main .comment-form-controls{
  display:block
}

.request-main .comment-ccs{
  display:block
}

.request-main .comment-show-container{
  border-radius:2px;
  border:1px solid #ddd;
  cursor:pointer;
  display:-webkit-box;
  display:flex;
  padding:8px 15px;
  width:100%
}

.request-main .comment-show-container.hidden{
  display:none
}

.request-main .comment-show-container-content{
  align-self:center;
  color:#666;
  margin-left:10px
}

.request-main .form-field.comment-ccs>ul{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom:0
}

.request-main .form-field.comment-ccs>ul[data-hc-focus='true']{
  border:1px solid #FF3D3D
}

.request-main .form-field.comment-ccs>input[type='text']{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom:0
}

.request-main .comment-ccs+textarea{
  border-top-left-radius:0;
  border-top-right-radius:0;
  margin-top:0
}

.request-main .comment-ccs+textarea:focus{
  border-top:1px solid #FF3D3D
}

.request-main input#mark_as_solved{
  display:none
}

.request-title{
  width:100%
}

@media (min-width: 1024px){
  .request-title{
    border-bottom:1px solid #ddd;
    margin-bottom:0;
    max-width:66%;
    padding-bottom:20px
  }
}

.request-sidebar{
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
  -webkit-box-flex:1;
          flex:1 0 auto;
  -webkit-box-ordinal-group:1;
          order:0
}

@media (min-width: 1024px){
  .request-sidebar{
    background-color:#f7f7f7;
    border:0;
    font-size:13px;
    -webkit-box-flex:0;
            flex:0 0 auto;
    padding:0 20px;
    width:30%
  }
}

.request-sidebar h5{
  font-size:15px;
  font-weight:600;
  position:relative
}

@media (min-width: 1024px){
  .request-sidebar h5{
    display:none
  }
}

.request-details{
  border-bottom:1px solid #ddd;
  font-size:0;
  margin:0;
  padding-bottom:20px
}

.request-details:last-child{
  border:0
}

.request-details dt,.request-details dd{
  display:inline-block;
  vertical-align:top;
  font-size:13px;
  margin:20px 0 0 0
}

.request-details dd{
  padding:0 10px;
  width:60%
}

.request-details dd::after{
  content:'\A';
  white-space:pre
}

.request-details dt{
  color:#666;
  font-weight:300;
  width:40%
}

.request-details .request-collaborators{
  display:inline-block
}

.request-attachments dt,.request-attachments dd{
  width:100%
}

.request-attachments dd{
  margin:10px 0 0 0
}

.request-form textarea{
  min-height:120px
}

.request-follow-up{
  padding-top:20px
}

.pagination{
  font-weight:600;
  font-size:1.25rem
}

.pagination-list{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:center;
          justify-content:center
}

.pagination-list li{
  margin-right:1rem
}

.material-icons.md-18{
  font-size:18px
}

.material-icons.md-24{
  font-size:24px
}

.material-icons.md-36{
  font-size:36px
}

.material-icons.md-48{
  font-size:48px
}

.material-icons.md-dark{
  color:rgba(0,0,0,0.54)
}

.material-icons.md-dark.md-inactive{
  color:rgba(0,0,0,0.26)
}

.material-icons.md-light{
  color:#fff
}

.material-icons.md-light.md-inactive{
  color:rgba(255,255,255,0.3)
}

[class^='icon-']::before,[class*=' icon-']::before,.icon,.collapsible-nav-list li[aria-selected='true']::after{
  font-family:'copenhagen-icons';
  font-style:normal;
  font-weight:normal;
  speak:none;
  line-height:1em;
  vertical-align:middle;
  -webkit-font-smoothing:antialiased
}

.icon-lock::before{
  content:'\1F512'
}

.icon-star::before{
  content:'\2605'
}

.icon-linkedin::before{
  content:'\e900'
}

.icon-twitter::before{
  content:'\e901'
}

.icon-googleplus-::before{
  content:'\e902'
}

.icon-facebook::before{
  content:'\e903'
}

.icon-agent::before{
  content:'\1F464'
}

.icon-close::before{
  content:'\2715'
}

.icon-arrow-up::before{
  content:'\2B06'
}

.icon-arrow-down::before{
  content:'\2B07'
}

.icon-attachments::before{
  content:'\1F4CE'
}

.icon-comments::before{
  content:'\1F4AC'
}

.icon-search::before{
  content:'\1F50D'
}

.icon-vote::before{
  content:'\1F44D'
}

.icon-handle::before{
  content:'\25BE'
}

.icon-check::before{
  content:'\2713'
}

.icon-gear::before{
  content:'\2699'
}

.icon-menu::before{
  content:'\2630'
}

.icon-article::before{
  content:'\1F4C4'
}

.icon-post::before{
  content:'\1F4D4'
}

.icon-notification-alert::before{
  content:'\26A0'
}

.icon-notification-error::before{
  content:'\00D7'
}

.icon-notification-info::before{
  content:'\2139'
}

.icon-notification-success::before{
  content:'\2714'
}

.profile-icon::before{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M17.69%2019.2v-.764c0-1.565-1.216-2.679-2.846-3.082l-.948-.237c-.392%200-.71-.425-.71-.948v-.348c.924-.543%201.659-1.668%201.659-2.97V7.2s-.522.85-1.324.85-1.73-.66-2.44-.613c-2.548.166-1.925%203.413-1.925%203.413%200%201.303.735%202.428%201.659%202.97v.349c0%20.523-.319.948-.711.948l-.948.237c-1.63.403-2.845%201.517-2.845%203.082v.764-.764c0-1.565%201.215-2.679%202.845-3.082l.948-.237c.393%200%20.71-.425.71-.948v-.348c-.923-.543-1.658-1.668-1.658-2.97%200%200-.623-3.248%201.926-3.414.71-.046%201.637.612%202.44.612.801%200%201.322-.849%201.322-.849v3.65c0%201.303-.734%202.428-1.659%202.97v.349c0%20.523.319.948.711.948l.948.237c1.63.403%202.845%201.517%202.845%203.082v.764z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202.8a9.2%209.2%200%20100%2018.4%209.2%209.2%200%20000-18.4z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
  position:relative;
  height:24px;
  width:24px;
  display:-webkit-box;
  display:flex
}

.calendar-icon::before{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M3.2%209.204v9.2a2.4%202.4%200%20002.4%202.4h12.8a2.4%202.4%200%20002.4-2.4v-9.2H3.2zM18.4%204.804H5.6a2.4%202.4%200%2000-2.4%202.4v2h17.6v-2a2.4%202.4%200%2000-2.4-2.4z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M7.6%206.408c-.774%200-1.404-.72-1.404-1.604%200-.884.63-1.604%201.404-1.604.774%200%201.404.72%201.404%201.604h-.008c0-.88-.626-1.596-1.396-1.596-.77%200-1.396.716-1.396%201.596%200%20.88.626%201.596%201.396%201.596v.008zM12%206.408c-.774%200-1.404-.72-1.404-1.604%200-.884.63-1.604%201.404-1.604.774%200%201.404.72%201.404%201.604h-.008c0-.88-.627-1.596-1.396-1.596-.77%200-1.396.716-1.396%201.596%200%20.88.626%201.596%201.396%201.596v.008zM16.4%206.408c-.774%200-1.404-.72-1.404-1.604%200-.884.63-1.604%201.404-1.604.774%200%201.404.72%201.404%201.604h-.008c0-.88-.626-1.596-1.396-1.596-.77%200-1.396.716-1.396%201.596%200%20.88.626%201.596%201.396%201.596v.008zM6.6%2014.004h2v-2h-2v2zM11%2014.004h2v-2h-2v2zM15.4%2014.004h2v-2h-2v2zM6.6%2018.004h2v-2h-2v2zM11%2018.004h2v-2h-2v2zM15.4%2018.004h2v-2h-2v2z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
  position:relative;
  height:24px;
  width:24px;
  display:-webkit-box;
  display:flex
}

.thumbs-up-icon::before{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M6.8%2016.73a4.07%204.07%200%20004.07%204.07h7.291c.784%200%201.425-.641%201.425-1.424%200-.784-.64-1.425-1.424-1.425h-1.25%201.656c.784%200%201.425-.64%201.425-1.424%200-.783-.641-1.424-1.425-1.424h-1.256%201.663c.784%200%201.425-.641%201.425-1.425%200-.783-.64-1.424-1.424-1.424.06%200-1.32.007-1.264%200h1.264c.089-.002.28-.028.286-.03A1.43%201.43%200%200020.4%2010.83c0-.784-.641-1.424-1.424-1.424h-5.258s1.764-2.086.494-4.86C13.674%203.372%2012.97%203.2%2012.424%203.2c-.814%200-.824%201.628-1.132%202.59-1.058%203.305-3.38%205.65-4.492%205.65v5.29z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M5.6%2010.2H4.4c-.66%200-1.2.54-1.2%201.2v8.2c0%20.66.54%201.2%201.2%201.2h1.2c.66%200%201.2-.54%201.2-1.2v-8.2c0-.66-.54-1.2-1.2-1.2z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
  position:relative;
  height:24px;
  width:24px;
  display:-webkit-box;
  display:flex
}

.bubble-icon::before{
  content:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M19.2%203.2H4.8c-1.32%200-2.4%201.08-2.4%202.4v9.6c0%201.32%201.08%202.4%202.4%202.4h9.12l4.48%203.2v-3.2h.8c1.32%200%202.4-1.08%202.4-2.4V5.6c0-1.32-1.08-2.4-2.4-2.4z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M7.2%208.004h9.6v-.008H7.2v.008zM7.2%2010.404h9.6v-.008H7.2v.008zM7.2%2012.804h9.6v-.008H7.2v.008z%22%20stroke%3D%22%23282C33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
  position:relative;
  height:24px;
  width:24px;
  display:-webkit-box;
  display:flex
}

.profile-header{
  padding:30px 0;
  background-color:#f7f7f7
}

.profile-header .icon-agent{
  position:absolute;
  bottom:0;
  right:0
}

.profile-header .container{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap
}

@media (min-width: 768px){
  .profile-header .container{
    flex-wrap:nowrap
  }
}

.profile-header .profile-info{
  flex-basis:100%;
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  min-width:0
}

.profile-avatar{
  position:relative;
  line-height:0;
  align-self:center;
  margin-right:10px
}

[dir='rtl'] .profile-avatar{
  margin-left:10px;
  margin-right:0
}

.profile-avatar .user-avatar{
  width:65px;
  height:65px
}

.profile-avatar .icon-agent::before{
  bottom:0;
  right:0
}

.profile-header .basic-info{
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  -webkit-box-pack:center;
          justify-content:center;
  -webkit-box-flex:1;
          flex-grow:1;
  flex-basis:0;
  min-width:0
}

.profile-header .basic-info .name{
  margin:0
}

.profile-header .options{
  display:-webkit-box;
  display:flex;
  flex-basis:100%;
  margin-top:12px;
  -webkit-box-align:start;
          align-items:flex-start;
  flex-wrap:wrap
}

@media (min-width: 768px){
  .profile-header .options{
    flex-wrap:nowrap;
    flex-basis:auto;
    margin-top:0;
    margin-left:10px
  }

  [dir='rtl'] .profile-header .options{
    margin-left:0;
    margin-right:10px
  }

  .profile-header .options>:not(:last-child){
    margin-bottom:0;
    margin-right:10px
  }

  [dir='rtl'] .profile-header .options>:not(:last-child){
    margin-left:10px;
    margin-right:0
  }
}

.profile-header .options [data-action='edit-profile']{
  background-color:#FF3D3D;
  border:0;
  color:#fff;
  line-height:normal;
  padding:8px 20px
}

.profile-header .description{
  margin:15px 0;
  flex-basis:100%
}

.profile-stats{
  font-size:13px;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
          flex-direction:column;
  flex-basis:100%
}

.profile-stats .stat{
  display:-webkit-box;
  display:flex;
  margin-bottom:10px
}

.profile-stats .stat-label{
  color:#666;
  font-weight:300;
  -webkit-box-flex:0;
          flex:0 0 100px;
  margin-right:10px
}

[dir='rtl'] .profile-stats .stat-label{
  margin-left:10px;
  margin-right:0
}

.profile-stats-activity{
  border-top:solid 1px #ddd;
  margin-top:15px
}

@media (min-width: 768px){
  .profile-stats-activity{
    border-top:0;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row
  }
}

@media (min-width: 768px){
  .profile-stats-activity .stat{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
            flex-direction:column
  }
}

.profile-stats-activity .stat:first-child{
  margin-top:10px
}

@media (min-width: 768px){
  .profile-stats-activity .stat:first-child{
    margin-top:0
  }
}

@media (min-width: 768px){
  .profile-stats-activity .stat:not(:last-child){
    margin-right:40px
  }

  [dir='rtl'] .profile-stats-activity .stat:not(:last-child){
    margin-left:40px;
    margin-right:0
  }
}

@media (min-width: 768px){
  .profile-stats-activity .stat-label{
    -webkit-box-flex:0;
            flex:0 1 auto
  }
}

.profile-stats-counters{
  border-bottom:solid 1px #ddd
}

@media (min-width: 768px){
  .profile-stats-counters{
    -webkit-box-flex:0;
            flex:0 0 200px;
    border-bottom:0;
    margin-left:40px
  }

  [dir='rtl'] .profile-stats-counters{
    margin-left:0;
    margin-right:40px
  }
}

@media (min-width: 1024px){
  .profile-stats-counters{
    -webkit-box-flex:0;
            flex:0 0 270px;
    margin-left:60px
  }

  [dir='rtl'] .profile-stats-counters{
    margin-right:60px;
    margin-left:0
  }
}

@media (min-width: 768px){
  .profile-stats-counters .stat{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
            flex-direction:column
  }
}

@media (min-width: 1024px){
  .profile-stats-counters .stat{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row
  }
}

@media (min-width: 768px){
  .profile-stats-counters .stat:not(:last-child){
    margin-bottom:15px
  }
}

@media (min-width: 768px){
  .profile-stats-counters .stat-label{
    -webkit-box-flex:0;
            flex:0 1 auto
  }
}

@media (min-width: 1024px){
  .profile-stats-counters .stat-label{
    -webkit-box-flex:0;
            flex:0 0 100px
  }
}

.profile-private-badge{
  flex-basis:100%;
  border:solid 1px #FF3D3D;
  border-radius:4px;
  color:#FF3D3D;
  padding:5px 20px;
  font-size:12px;
  text-align:center
}

.profile-private-badge::after{
  content:'\1f512';
  margin-left:5px;
  font-family:'copenhagen-icons';
  vertical-align:middle;
  line-height:15px
}

@media (min-width: 768px){
  .profile-private-badge{
    flex-basis:auto
  }
}

.profile-nav{
  background-color:#f2f2f2;
  border:0;
  margin-bottom:37px
}

.profile-section{
  width:100%
}

@media (min-width: 1024px){
  .profile-section{
    width:calc(100% - 330px)
  }
}

.profile-section-header{
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap
}

.profile-section-title{
  flex-basis:100%;
  margin-bottom:0
}

.profile-section-description{
  flex-basis:100%;
  padding:10px 0;
  color:#666;
  font-weight:300;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

@media (min-width: 768px){
  .profile-section-description{
    -webkit-box-flex:1;
            flex:1 0 50%;
    padding-bottom:0
  }
}

.profile-section-sorter{
  flex-basis:100%;
  border-top:solid 1px #eee;
  font-size:13px
}

.profile-section-sorter .dropdown-toggle{
  padding:10px 0;
  width:100%
}

.profile-section-sorter .dropdown-toggle::after{
  position:absolute;
  right:0
}

[dir='rtl'] .profile-section-sorter .dropdown-toggle::after{
  left:0;
  right:initial
}

@media (min-width: 768px){
  .profile-section-sorter .dropdown-toggle::after{
    position:relative
  }
}

@media (min-width: 768px){
  .profile-section-sorter{
    -webkit-box-flex:0;
            flex:0 1 auto;
    padding-top:0;
    border-top:0;
    margin-left:20px
  }

  [dir='rtl'] .profile-section-sorter{
    margin-left:0;
    margin-right:20px
  }
}

.profile-contribution{
  padding:20px 0;
  position:relative
}

.profile-contribution-header{
  margin-bottom:5px
}

.profile-contribution-title{
  margin:0 0 5px 0;
  display:inline;
  line-height:21px;
  font-size:15px;
  vertical-align:middle
}

.profile-contribution-body{
  margin:10px 0
}

.profile-contribution-list>.profile-contribution{
  border-top:1px solid #eee
}

@media (min-width: 768px){
  .profile-contribution-list>.profile-contribution{
    padding-left:30px
  }

  [dir='rtl'] .profile-contribution-list>.profile-contribution{
    padding-right:30px;
    padding-left:0
  }
}

.profile-contribution-list>.profile-contribution:last-child{
  border-bottom:1px solid #eee
}

.profile-contribution-list>.profile-contribution::before{
  left:0;
  position:absolute;
  font-size:16px;
  color:#ccc;
  font-family:'copenhagen-icons';
  line-height:25px
}

[dir='rtl'] .profile-contribution-list>.profile-contribution::before{
  right:0
}

.profile-contribution-list .profile-contribution-header{
  margin-left:30px
}

[dir='rtl'] .profile-contribution-list .profile-contribution-header{
  padding-right:30px;
  padding-left:0
}

@media (min-width: 768px){
  .profile-contribution-list .profile-contribution-header{
    margin-left:0
  }

  [dir='rtl'] .profile-contribution-list .profile-contribution-header{
    padding-right:0
  }
}

.profile-comments .profile-contribution-breadcrumbs{
  margin-left:30px
}

[dir='rtl'] .profile-comments .profile-contribution-breadcrumbs{
  padding-right:30px;
  padding-left:0
}

@media (min-width: 768px){
  .profile-comments .profile-contribution-breadcrumbs{
    margin-left:0
  }

  [dir='rtl'] .profile-comments .profile-contribution-breadcrumbs{
    padding-right:0
  }
}

.profile-section .no-activity,.profile-section .private-activity{
  display:block;
  margin-top:40px;
  color:#999
}

.profile-section .private-activity::before{
  content:'\1f512';
  font-family:'copenhagen-icons';
  font-style:normal;
  font-size:12px;
  font-weight:normal;
  vertical-align:middle;
  margin-right:10px
}

[dir='rtl'] .profile-section .private-activity::before{
  margin-right:0;
  margin-left:10px
}

.profile-activity-list{
  margin-top:25px
}

.profile-activity{
  position:relative;
  padding-bottom:30px
}

@media (min-width: 768px){
  .profile-activity{
    padding-left:20px
  }

  [dir='rtl'] .profile-activity{
    padding-right:20px;
    padding-left:0
  }
}

@media (min-width: 768px){
  .profile-activity:not(:last-child){
    border-left:1px solid #ddd
  }

  [dir='rtl'] .profile-activity:not(:last-child){
    border-left:0;
    border-right:1px solid #ddd
  }
}

.profile-activity-header{
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
          align-items:center;
  margin-left:35px
}

[dir='rtl'] .profile-activity-header{
  margin-left:0;
  margin-right:35px
}

@media (min-width: 768px){
  .profile-activity-header{
    margin-left:0
  }

  [dir='rtl'] .profile-activity-header{
    margin-right:0
  }
}

.profile-activity-header .user-avatar{
  width:40px;
  height:40px;
  margin-right:10px;
  min-width:40px;
  align-self:flex-start
}

[dir='rtl'] .profile-activity-header .user-avatar{
  margin-left:10px;
  margin-right:0
}

.profile-activity-description{
  margin:0;
  min-width:0;
  width:100%
}

.profile-activity-description span:first-child{
  font-weight:600;
  display:inline
}

.profile-activity-contribution{
  padding:20px;
  margin-top:10px;
  border-radius:8px;
  background-color:#f7f7f7
}

@media (min-width: 768px){
  .profile-activity-contribution{
    margin-top:0;
    margin-left:50px
  }

  [dir='rtl'] .profile-activity-contribution{
    margin-left:0;
    margin-right:50px
  }
}

.profile-activity::before{
  position:absolute;
  left:0;
  width:28px;
  border-radius:50%;
  content:'';
  background-size:14px 14px;
  background-repeat:no-repeat;
  background-color:#fff;
  background-position:50% 50%;
  text-align:center;
  line-height:40px;
  font-size:16px;
  color:#ccc;
  font-family:'copenhagen-icons'
}

[dir='rtl'] .profile-activity::before{
  right:0
}

@media (min-width: 768px){
  .profile-activity::before{
    left:-14px
  }

  [dir='rtl'] .profile-activity::before{
    right:-14px
  }
}

.profile-articles>.profile-contribution::before,.profile-activity-list>li[class$='-article']::before{
  content:'\1f4c4'
}

.profile-posts>.profile-contribution::before,.profile-activity-list>li[class$='-post']::before{
  content:'\1f4d4'
}

.profile-comments>.profile-contribution::before,.profile-activity-list>li[class$='-comment']::before{
  content:'\1f4ac';
  line-height:35px
}

.search-result-description em{
  font-weight:600;
  font-style:normal
}

.post-content ol,.post-content ul,.article__header ol,.article__header ul,.article__content ol,.article__content ul{
  padding-left:2rem;
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.post-content ol li,.post-content ul li,.article__header ol li,.article__header ul li,.article__content ol li,.article__content ul li{
  margin-bottom:1rem;
  padding-left:0.5rem
}

.post-content ol,.article__header ol,.article__content ol{
  list-style-type:decimal
}

.post-content ul,.article__header ul,.article__content ul{
  list-style-type:disc
}

@media (min-width: 640px){
  .sm\:container{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:2rem;
    padding-left:2rem
  }

  @media (min-width: 640px){
    .sm\:container{
      max-width:640px
    }
  }

  @media (min-width: 768px){
    .sm\:container{
      max-width:768px
    }
  }

  @media (min-width: 1024px){
    .sm\:container{
      max-width:1024px
    }
  }

  @media (min-width: 1280px){
    .sm\:container{
      max-width:1280px
    }
  }
}

@media (min-width: 768px){
  .md\:container{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:2rem;
    padding-left:2rem
  }

  @media (min-width: 640px){
    .md\:container{
      max-width:640px
    }
  }

  @media (min-width: 768px){
    .md\:container{
      max-width:768px
    }
  }

  @media (min-width: 1024px){
    .md\:container{
      max-width:1024px
    }
  }

  @media (min-width: 1280px){
    .md\:container{
      max-width:1280px
    }
  }

  .md\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(3rem * var(--space-x-reverse));
    margin-left:calc(3rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse:1
  }

  .md\:border-b-4{
    border-bottom-width:4px
  }

  .md\:block{
    display:block
  }

  .md\:flex{
    display:-webkit-box;
    display:flex
  }

  .md\:hidden{
    display:none
  }

  .md\:flex-row{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row
  }

  .md\:self-end{
    align-self:flex-end
  }

  .md\:flex-grow{
    -webkit-box-flex:1;
            flex-grow:1
  }

  .md\:text-xl{
    font-size:1.25rem
  }

  .md\:text-3xl{
    font-size:1.875rem
  }

  .md\:text-5xl{
    font-size:3rem
  }

  .md\:my-0{
    margin-top:0;
    margin-bottom:0
  }

  .md\:-mx-3{
    margin-left:-0.75rem;
    margin-right:-0.75rem
  }

  .md\:mt-0{
    margin-top:0
  }

  .md\:mb-0{
    margin-bottom:0
  }

  .md\:mt-4{
    margin-top:1rem
  }

  .md\:mb-5{
    margin-bottom:1.25rem
  }

  .md\:mr-12{
    margin-right:3rem
  }

  .md\:ml-12{
    margin-left:3rem
  }

  .md\:-mb-6{
    margin-bottom:-1.5rem
  }

  .md\:p-4{
    padding:1rem
  }

  .md\:pb-8{
    padding-bottom:2rem
  }

  .md\:w-64{
    width:16rem
  }

  .md\:w-1\/2{
    width:50%
  }

  .md\:w-1\/3{
    width:33.333333%
  }

  .md\:w-1\/5{
    width:20%
  }
}

@media (min-width: 1024px){
  .lg\:container{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:2rem;
    padding-left:2rem
  }

  @media (min-width: 640px){
    .lg\:container{
      max-width:640px
    }
  }

  @media (min-width: 768px){
    .lg\:container{
      max-width:768px
    }
  }

  @media (min-width: 1024px){
    .lg\:container{
      max-width:1024px
    }
  }

  @media (min-width: 1280px){
    .lg\:container{
      max-width:1280px
    }
  }

  .lg\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(4rem * var(--space-x-reverse));
    margin-left:calc(4rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse:1
  }

  .lg\:hidden{
    display:none
  }

  .lg\:text-lg{
    font-size:1.125rem
  }

  .lg\:text-2xl{
    font-size:1.5rem
  }

  .lg\:text-5xl{
    font-size:3rem
  }

  .lg\:text-7xl{
    font-size:4.8rem
  }

  .lg\:-mx-6{
    margin-left:-1.5rem;
    margin-right:-1.5rem
  }

  .lg\:p-6{
    padding:1.5rem
  }

  .lg\:w-1\/3{
    width:33.333333%
  }
}

@media (min-width: 1280px){
  .xl\:container{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:2rem;
    padding-left:2rem
  }

  @media (min-width: 640px){
    .xl\:container{
      max-width:640px
    }
  }

  @media (min-width: 768px){
    .xl\:container{
      max-width:768px
    }
  }

  @media (min-width: 1024px){
    .xl\:container{
      max-width:1024px
    }
  }

  @media (min-width: 1280px){
    .xl\:container{
      max-width:1280px
    }
  }

  .xl\:inline-block{
    display:inline-block
  }

  .xl\:flex{
    display:-webkit-box;
    display:flex
  }

  .xl\:hidden{
    display:none
  }

  .xl\:mx-4{
    margin-left:1rem;
    margin-right:1rem
  }

  .xl\:mr-6{
    margin-right:1.5rem
  }
}