@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Inter:400,500,600,700&display=swap");

/**
 * Do not edit directly
 * Generated on Tue, 07 Jun 2022 08:12:53 GMT
 */

/**
 * Do not edit directly
 * Generated on Tue, 07 Jun 2022 08:12:53 GMT
 */

.kriyo-stories :root {
  --color-primary-focus-dark: #001d6c;
  --color-primary-focus-mid: #002d9c;
  --color-primary-focus-light: #0043ce;
  --color-primary-neutral-dark: #006dd7;
  --color-primary-neutral-mid: #4589ff;
  --color-primary-neutral-light: #78a9ff;
  --color-primary-light-shade-dark: #a6c8ff;
  --color-primary-light-shade-mid: #d0e2ff;
  --color-primary-light-shade-light: #edf5ff;
  --color-text-dark: #121619;
  --color-text-default: #475467;
  --color-text-muted: #697077;
  --color-text-light: #d0d5dd;
  --color-text-primary: #006dd7;
  --color-text-error: #d92d20;
  --color-gray-focus-darker: #121619;
  --color-gray-focus-dark: #1d1b1b;
  --color-gray-focus-mid: #344054;
  --color-gray-focus-light: #475467;
  --color-gray-neutral-dark: #697077;
  --color-gray-neutral-mid: #878d96;
  --color-gray-neutral-light: #d0d5dd;
  --color-gray-light-shade-dark: #e4e7ec;
  --color-gray-light-shade-mid: #f2f4f7;
  --color-gray-light-shade-light: #f2f4f8;
  --color-gray-light-shade-lighter: #ffffff;
  --color-error-dark: #b42318;
  --color-error-mid: #d92d20;
  --color-error-light: #fef3f2;
  --color-warning-dark: #c4320a;
  --color-warning-mid: #dc6803;
  --color-warning-light: #fff6ed;
  --color-highlight-dark: #a16207;
  --color-highlight-mid: #ca8a04;
  --color-highlight-light: #fffaeb;
  --color-success-dark: #027a48;
  --color-success-mid: #039855;
  --color-success-light: #ecfdf3;
  --color-info-dark: #002d9c;
  --color-info-mid: #0043ce;
  --color-info-light: #edf5ff;
  --color-background-body: #ffffff;
  --color-background-primary: #f2f4f8;
  --color-background-secondary: #ffffff;
  --color-background-ternary: #f2f4f7;
  --color-border-darker: #121619;
  --color-border-dark: #475467;
  --color-border-mid: #e4e7ec;
  --color-border-light: #f2f4f7;
  --color-button-primary-default: #0043ce;
  --color-button-primary-hover: #000001;
  --color-button-primary-focus: #002d9c;
  --color-button-primary-text: #ffffff;
  --color-button-secondary-default: #dde1e6;
  --color-button-secondary-hover: #dde1e6;
  --color-button-secondary-focus: #c1c7cd;
  --color-button-secondary-text: #344054;
  --color-button-distract-default: #d92d20;
  --color-button-distract-hover: #d92d20;
  --color-button-distract-focus: #b42318;
  --color-button-distract-text: #ffffff;
  --color-link-primary: #0043ce;
  --color-link-secondary: #121619;
  --color-icons-dark: #1d1b1b;
  --color-icons-mid: #475467;
  --color-icons-light: #697077;
  --color-input-border-default: #f2f4f7;
  --color-input-border-focus: #f2f4f7;
  --color-input-border-error: #d92d20;
  --color-input-background: #ffffff;
  --color-purple-dark: #5925dc;
  --color-purple-mid: #7a5af8;
  --color-purple-light: #ebe9fe;
  --color-blue-light-dark: #026aa2;
  --color-blue-light-mid: #0086c9;
  --color-blue-light-light: #e0f2fe;
  --color-pink-dark: #c11574;
  --color-pink-mid: #dd2590;
  --color-pink-light: #fce7f6;
  --color-teal-dark: #0f766e;
  --color-teal-mid: #0d9488;
  --color-teal-light: #ccfbf1;
}

@media (prefers-color-scheme: dark) {
  .kriyo-stories :root {
    --dark: initial;
  }
}

@media (prefers-color-scheme: light) {
  .kriyo-stories :root {
    --light: initial;
  }
}

.kriyo-stories :root.dark {
  --dark: initial;
}

.kriyo-stories :root.light {
  --light: initial;
}

/*
@svg dotted-border {

  width: $dotted-border--gap;
  height: $dotted-border--gap;

  @g {
    @circle {
      cx: $dotted-border--size;
      cy: $dotted-border--gap - $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--size;
      cy: math.div($dotted-border--gap, 2);
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--size;
      cy: $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: math.div($dotted-border--gap, 2);
      cy: $dotted-border--gap - $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: math.div($dotted-border--gap, 2);
      cy: math.div($dotted-border--gap, 2);
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: math.div($dotted-border--gap, 2);
      cy: $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--gap - $dotted-border--size;
      cy: $dotted-border--gap - $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--gap - $dotted-border--size;
      cy: math.div($dotted-border--gap, 2);
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--gap - $dotted-border--size;
      cy: $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
  }

}
*/

.kriyo-stories .l-page {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 72px 1fr;
  min-height: 100vh;
  background-color: var(--color-window-dull);
  width: 100%;
  max-width: 1320px;
  margin: 0;
}

@media (min-width: 1201px) {
  .kriyo-stories .l-page {
    margin: 0 auto;
  }
}

.kriyo-stories .l-page__main {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  padding: 0;
}

@media (min-width: 978px) {
  .kriyo-stories .l-page__main {
    grid-template-columns: calc(330px - 15px) 1fr;
  }
}

.kriyo-stories .l-page__main--sub {
  grid-template-columns: 250px 1fr;
}

.kriyo-stories .l-page__main--fluid {
  grid-template-columns: 1fr;
}

.kriyo-stories .l-page__main-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  padding: 20px;
}

@media (min-width: 978px) {
  .kriyo-stories .l-page__main-content {
    grid-template-columns: 1fr 330px;
    grid-column-gap: 20px;
  }
}

.kriyo-stories .l-page__aside-left {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  border-color: #DDE1E6;
  border-style: solid;
  border-width: 1px 1px 0 0;
  padding: 0;
}

.kriyo-stories .l-page__aside-left-section {
  width: 100%;
  height: auto;
  background-color: transparent;
  padding: 20px;
}

.kriyo-stories .l-page__aside-left-row {
  display: flex;
}

.kriyo-stories .l-page__aside-left-row + .l-page__aside-left-row {
  margin-top: 15px;
}

.kriyo-stories .l-page__content {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: transparent;
}

.kriyo-stories .l-page__content-row {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.kriyo-stories .l-page__content-row + .l-page__content-row {
  margin-top: 20px;
}

.kriyo-stories .l-page__content-row:last-child {
  margin-top: 0;
}

.kriyo-stories .l-page__aside-right {
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.kriyo-stories .l-wrapper {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 20px;
}

.kriyo-stories .l-page__main-content-fluid {
  width: 100%;
  padding: 24px;
}

.kriyo-stories .l-page__content-fluid {
  width: 100%;
  max-width: 100%;
  background-color: #FFFFFF;
}

.kriyo-stories .l-page__content-fluid-row {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.kriyo-stories .l-page__content-fluid-row + .l-page__content-fluid-row {
  margin-top: 20px;
}

.kriyo-stories .l-page__content-fluid-row:last-child {
  margin-top: 0;
}

.kriyo-stories .l-page__content-header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.kriyo-stories .l-page__sub-content {
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-template-rows: auto;
  width: 100%;
  min-height: calc(100% - 60px);
  background-color: #FFFFFF;
  padding: 0;
}

.kriyo-stories .l-page__sub-content.content-fluid {
  grid-template-columns: 1fr;
  min-height: unset;
  background: transparent;
}

.kriyo-stories .l-page__sub-content-row {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.kriyo-stories .l-page__sub-content-row + .l-page__sub-content-row {
  margin-top: 20px;
}

.kriyo-stories .l-page__sub-content-row:last-child {
  margin-top: 0;
}

.kriyo-stories .l-page__sub-content-col {
  width: 100%;
  height: 100%;
}

.kriyo-stories .l-page__sub-content-col:first-child {
  border-right: 1px solid #E4E6F1;
}

.kriyo-stories .l-page__transparent {
  background: transparent;
}

/* 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.
 */

.kriyo-stories * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

.kriyo-stories body {
  margin: 0;
}

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

.kriyo-stories .kriyo-stories main {
  display: block;
}

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

.kriyo-stories .kriyo-stories 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.
 */

.kriyo-stories .kriyo-stories 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.
 */

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

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

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

.kriyo-stories .kriyo-stories 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.
 */

.kriyo-stories .kriyo-stories 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.
 */

.kriyo-stories .kriyo-stories b,
.kriyo-stories strong {
  font-weight: 500;
}

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

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

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

.kriyo-stories .kriyo-stories small {
  font-size: 80%;
}

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

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

.kriyo-stories .kriyo-stories sub {
  bottom: -0.25em;
}

.kriyo-stories .kriyo-stories sup {
  top: -0.5em;
}

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

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

.kriyo-stories .kriyo-stories img {
  border-style: none;
}

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

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

.kriyo-stories .kriyo-stories button,
.kriyo-stories input,
.kriyo-stories optgroup,
.kriyo-stories select,
.kriyo-stories 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.
 */

.kriyo-stories .kriyo-stories button,
.kriyo-stories input {
  /* 1 */
  overflow: visible;
}

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

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

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

.kriyo-stories .kriyo-stories button,
.kriyo-stories [type=button],
.kriyo-stories [type=reset],
.kriyo-stories [type=submit] {
  -webkit-appearance: button;
}

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

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

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

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

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

.kriyo-stories .kriyo-stories 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.
 */

.kriyo-stories .kriyo-stories 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.
 */

.kriyo-stories .kriyo-stories progress {
  vertical-align: baseline;
}

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

.kriyo-stories .kriyo-stories textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

.kriyo-stories [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.
 */

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

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

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

.kriyo-stories .kriyo-stories details {
  display: block;
}

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

.kriyo-stories .kriyo-stories summary {
  display: list-item;
}

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

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

.kriyo-stories .kriyo-stories template {
  display: none;
}

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

.kriyo-stories [hidden] {
  display: none !important;
}

/* ==========================================================================
   #RESET
   ========================================================================== */

/**
 * A very simple reset that sits on top of Normalize.css.
 */

.kriyo-stories .kriyo-stories body,
.kriyo-stories h1,
.kriyo-stories h2,
.kriyo-stories h3,
.kriyo-stories h4,
.kriyo-stories h5,
.kriyo-stories h6,
.kriyo-stories blockquote,
.kriyo-stories p,
.kriyo-stories pre,
.kriyo-stories dl,
.kriyo-stories dd,
.kriyo-stories ol,
.kriyo-stories ul,
.kriyo-stories figure,
.kriyo-stories hr,
.kriyo-stories fieldset,
.kriyo-stories legend {
  margin: 0;
  padding: 0;
}

/**
 * Remove trailing margins from nested lists.
 */

.kriyo-stories .kriyo-stories li > ol,
.kriyo-stories .kriyo-stories li > ul {
  margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */

.kriyo-stories .kriyo-stories table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */

.kriyo-stories .kriyo-stories fieldset {
  min-width: 0;
  /* [1] */
  border: 0;
}

.kriyo-stories .kriyo-stories :focus {
  outline: none;
}

/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */

.kriyo-stories body,
.kriyo-stories html {
  min-height: 100%;
}

/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */

.kriyo-stories html {
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

.kriyo-stories *,
.kriyo-stories *:before,
.kriyo-stories *:after {
  box-sizing: inherit;
}

.kriyo-stories body {
  color: #343A3F;
  background: #F2F4F8;
  font-size: 16px;
  line-height: 1.5;
  overflow-y: scroll;
}

/* ==========================================================================
   #SHARED
   ========================================================================== */

/**
 * Shared declarations for certain elements.
 */

/**
 * Always declare margins in the same direction:
 * csswizardry.com/2012/06/single-direction-margin-declarations
 */

.kriyo-stories .kriyo-stories address,
.kriyo-stories h1,
.kriyo-stories h2,
.kriyo-stories h3,
.kriyo-stories h4,
.kriyo-stories h5,
.kriyo-stories h6,
.kriyo-stories blockquote,
.kriyo-stories p,
.kriyo-stories pre,
.kriyo-stories dl,
.kriyo-stories ol,
.kriyo-stories ul,
.kriyo-stories figure,
.kriyo-stories hr,
.kriyo-stories table,
.kriyo-stories fieldset {
  margin-bottom: 20px;
}

/**
 * Consistent indentation for lists.
 */

.kriyo-stories .kriyo-stories dd,
.kriyo-stories ol,
.kriyo-stories ul {
  margin-left: 20px;
}

.kriyo-stories .kriyo-stories input::-moz-placeholder {
  opacity: 0.5;
}

.kriyo-stories .kriyo-stories input::placeholder {
  opacity: 0.5;
}

.kriyo-stories .kriyo-stories textarea::-moz-placeholder {
  opacity: 0.5;
}

.kriyo-stories .kriyo-stories textarea::placeholder {
  opacity: 0.5;
}

/**
 * Undo the red box-shadow glow added by Firefox on invalid inputs.
 * See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid
 */

.kriyo-stories .kriyo-stories input:-moz-ui-invalid {
  box-shadow: none;
}

.kriyo-stories .kriyo-stories input[type=text]::-ms-clear {
  display: none;
}

.kriyo-stories .kriyo-stories a svg,
.kriyo-stories button svg,
.kriyo-stories label svg {
  pointer-events: none;
}

.kriyo-stories .kriyo-stories p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  margin: 0.1em 0 1em;
}

.kriyo-stories .kriyo-stories a {
  color: var(--color-text-dark);
  text-decoration: underline;
}

.kriyo-stories .kriyo-stories h1,
.kriyo-stories h2,
.kriyo-stories h3,
.kriyo-stories h4,
.kriyo-stories h5,
.kriyo-stories h6 {
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 1.3;
}

.kriyo-stories cite,
.kriyo-stories var,
.kriyo-stories address,
.kriyo-stories dfn {
  font-style: normal;
}

.kriyo-stories .kriyo-stories .t1 {
  font-family: Inter-Bold, Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
}

.kriyo-stories .kriyo-stories .t2 {
  font-family: Inter-Bold, Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
}

.kriyo-stories .kriyo-stories .t3 {
  font-family: Inter-Bold, Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
}

.kriyo-stories .kriyo-stories .t4 {
  font-family: Inter-SemiBold, Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0em;
}

.kriyo-stories .kriyo-stories .s-large-normal {
  font-weight: 400;
  font-size: 18px;
  Line-height: 28px;
}

.kriyo-stories .kriyo-stories .s-large-medium {
  font-weight: 500;
  font-size: 18px;
  Line-height: 28px;
}

.kriyo-stories .kriyo-stories .s-default {
  font-weight: 400;
  font-size: 16px;
  Line-height: 24px;
}

.kriyo-stories .kriyo-stories .s-medium {
  font-weight: 500;
  font-size: 16px;
  Line-height: 24px;
}

.kriyo-stories .kriyo-stories .s-semi-bold {
  font-weight: 600;
  font-size: 16px;
  Line-height: 24px;
}

.kriyo-stories .kriyo-stories .s-small-default {
  font-weight: 400;
  font-size: 14px;
  Line-height: 20px;
}

.kriyo-stories .kriyo-stories .s-small-medium {
  font-weight: 500;
  font-size: 14px;
  Line-height: 20px;
}

.kriyo-stories .kriyo-stories .s-small-caption {
  font-weight: 500;
  font-size: 12px;
  Line-height: 18px;
}

.kriyo-stories .kriyo-stories .s-small-normal {
  font-weight: 400;
  font-size: 12px;
  Line-height: 18px;
}

.kriyo-stories .kriyo-stories .ts-close {
  color: #697077;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .ts-wet {
  opacity: 0.5;
}

.kriyo-stories .kriyo-stories .ts-uppercase {
  text-transform: uppercase;
}

.kriyo-stories .kriyo-stories .ts-italic {
  font-style: italic;
  font-weight: 300;
}

.kriyo-stories .kriyo-stories .ts-strike {
  text-decoration: line-through;
}

.kriyo-stories .kriyo-stories .ts-normal {
  font-weight: 400;
}

.kriyo-stories .kriyo-stories .ts-strong {
  font-weight: 500;
}

.kriyo-stories .kriyo-stories .ts-bold {
  font-weight: 600;
}

.kriyo-stories .kriyo-stories .ts-dotted {
  border-bottom: 1px dotted currentColor;
}

.kriyo-stories .kriyo-stories .ts-hover {
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .ts-center {
  text-align: center;
}

.kriyo-stories .kriyo-stories .ts-hover-text {
  cursor: pointer;
  text-decoration: none;
}

.kriyo-stories .kriyo-stories .ts-hover-text:hover {
  text-decoration: underline;
}

.kriyo-stories .kriyo-stories .ts-blue {
  color: #0F62FE;
}

.kriyo-stories .kriyo-stories .ts-white {
  color: #FFFFFF;
}

.kriyo-stories .kriyo-stories .ts-dark {
  color: #343A3F;
}

.kriyo-stories .kriyo-stories .ts-block {
  display: block;
  width: 100%;
}

.kriyo-stories .kriyo-stories .ts-hr {
  display: block;
  margin: auto;
  padding: 0;
  height: 1px;
  background: #878D96;
  opacity: 0.1;
  border: none;
}

.kriyo-stories .kriyo-stories .ts-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .kriyo-stories .ts-flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.kriyo-stories .kriyo-stories .ts-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kriyo-stories .kriyo-stories .gray-50 {
  color: #F2F4F8;
}

.kriyo-stories .kriyo-stories .gray-100 {
  color: #DDE1E6;
}

.kriyo-stories .kriyo-stories .gray-200 {
  color: #C1C7CD;
}

.kriyo-stories .kriyo-stories .gray-400 {
  color: #878D96;
}

.kriyo-stories .kriyo-stories .gray-500 {
  color: #697077;
}

.kriyo-stories .kriyo-stories .gray-600 {
  color: #4D5358;
}

.kriyo-stories .kriyo-stories .gray-700 {
  color: #343A3F;
}

.kriyo-stories .kriyo-stories .gray-800 {
  color: #21272A;
}

.kriyo-stories .kriyo-stories .gray-800 {
  color: #21272A;
}

.kriyo-stories .kriyo-stories .primary-500 {
  color: #0F62FE;
}

.kriyo-stories .kriyo-stories .primary-600 {
  color: #0043CE;
}

.kriyo-stories .kriyo-stories .ts-blue-light-bg {
  background-color: #F8F9FA;
}

.kriyo-stories .kriyo-stories .more {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  transition: ease-in-out 0.4s;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .more:hover {
  color: #0043CE;
}

.kriyo-stories .kriyo-stories .ts-link {
  color: #697077;
  transition: ease-in-out 0.4s;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .ts-link:hover {
  color: #0043CE;
}

.kriyo-stories .kriyo-stories .ts-link-primary {
  color: #0043CE;
  transition: ease-in-out 0.4s;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .ts-link-primary:hover {
  color: #4D5358;
}

.kriyo-stories .kriyo-stories .ts-link-blue {
  color: #0F62FE;
  transition: ease-in-out 0.4s;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .ts-link-blue:hover {
  color: #0043CE;
}

.kriyo-stories .kriyo-stories .ts-danger {
  color: #F74848;
  transition: ease-in-out 0.4s;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .ts-danger:hover {
  color: #F74848;
}

.kriyo-stories .kriyo-stories .ts-img-responsive-full-width {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.kriyo-stories .kriyo-stories .ts-img-responsive-center {
  width: auto;
  height: auto;
  max-width: 100%;
}

.kriyo-stories .kriyo-stories .c-aside-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .kriyo-stories .c-aside-title {
  position: relative;
  padding-left: 10px;
}

.kriyo-stories .kriyo-stories .c-aside-title:before {
  content: "";
  background-color: #0F62FE;
  position: absolute;
  width: 3px;
  height: 20px;
  border-radius: 50px;
  top: 4px;
  right: auto;
  bottom: auto;
  left: 0;
}

.kriyo-stories .kriyo-stories .a-ul-list {
  margin: 0;
  padding: 0;
}

.kriyo-stories .kriyo-stories .a-ul-list li {
  list-style-type: none;
  padding: 5px;
}

.kriyo-stories .kriyo-stories .a-direction:before,
.kriyo-stories .kriyo-stories .a-direction:after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  opacity: 0;
  z-index: 1;
  transition: background-color 0.5s, opacity 0.5s;
}

.kriyo-stories .kriyo-stories .a-direction.has-value-previous:hover:before {
  content: "❮";
  opacity: 1;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .a-direction.has-value-next:hover:after {
  content: "❯";
  opacity: 1;
  cursor: pointer;
}

.kriyo-stories .kriyo-stories .a-chips {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  transition: ease-in-out 0.4s;
  min-width: 70px;
  height: 22px;
  color: #4D5358;
  background: transparent;
  border: 1px solid #A2A9B0;
  border-radius: 60px;
  padding: 2px 8px;
}

.kriyo-stories .kriyo-stories .a-chips--pending {
  background: #DDE1E6;
  border: none;
}

.kriyo-stories .kriyo-stories .a-chips--confirmed {
  background: #ECFDF3;
  color: #027A48;
  border: none;
}

.kriyo-stories .kriyo-stories .a-chips--terminated {
  background: #FEF3F2;
  color: #B42318;
  border: none;
}

.kriyo-stories .kriyo-stories .a-chips--extended {
  background: #EDF5FF;
  color: #002D9C;
  border: none;
}

.kriyo-stories .kriyo-stories .a-chips--resigned {
  background: #FFF6ED;
  color: #C4320A;
  border: none;
}

.kriyo-stories .kriyo-stories .a-chips--defaults {
  color: #002D9C;
  background-color: #EDF5FF;
  border: none;
}

.kriyo-stories .kriyo-stories .a-chips .a-icon {
  width: 12px;
  height: 12px;
}

.kriyo-stories .kriyo-stories .a-icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F2F4F8;
  min-width: 20px;
  min-height: 20px;
  cursor: pointer;
  transition: ease-in-out 0.4s;
  border-radius: 4px;
  padding: 5px;
}

.kriyo-stories .kriyo-stories .a-icon-btn:hover {
  background: #DDE1E6;
}

.kriyo-stories .kriyo-stories .ts-successes {
  color: #00BA34;
}

.kriyo-stories .kriyo-stories .ts-warning {
  color: #E02D3C;
}

.kriyo-stories .kriyo-stories .ts-information {
  color: #0BA5EC;
}

.kriyo-stories .kriyo-stories .ts-notice {
  color: #FACC15;
}

.kriyo-stories .a-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  overflow: hidden;
  fill: currentColor;
  vertical-align: -0.15em;
}

.kriyo-stories .a-icon:hover .a-icon__icon {
  display: none;
}

.kriyo-stories .a-icon:hover .a-icon__hover-icon {
  display: block;
}

.kriyo-stories .a-icon--sm {
  width: 1em;
  height: 1em;
}

.kriyo-stories .a-icon--lg {
  width: 1.25em;
  height: 1.25em;
}

.kriyo-stories .a-icon__hover-icon {
  display: none;
}

.kriyo-stories .a-avatar {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.kriyo-stories .a-avatar-sm {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.kriyo-stories .a-avatar-lg {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.kriyo-stories .a-avatar-xl {
  width: 62px;
  height: 62px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.kriyo-stories .a-avatar-2xl {
  width: 88px;
  height: 88px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.kriyo-stories .a-avatar--radius {
  border-radius: 50%;
}

@-webkit-keyframes btn-anim {
  0% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  16.667% {
    box-shadow: 9992px -3px 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  33.333% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  50% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px -3px 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  66.667% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  83.333% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px -3px 0 0 #FFF;
  }

  100% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }
}

@keyframes btn-anim {
  0% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  16.667% {
    box-shadow: 9992px -3px 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  33.333% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  50% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px -3px 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  66.667% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }

  83.333% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px -3px 0 0 #FFF;
  }

  100% {
    box-shadow: 9992px 0 0 0 #FFF, 9999px 0 0 0 #FFF, 10006px 0 0 0 #FFF;
  }
}

.kriyo-stories .a-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 1.25rem;
  border: 0;
  border-radius: 4px;
  outline: 0;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
}

.kriyo-stories .a-btn.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.kriyo-stories .a-btn.is-disabled:hover {
  box-shadow: none;
}

.kriyo-stories .a-btn .a-icon {
  width: 15px;
  height: 15px;
}

.kriyo-stories .a-btn--sm {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  height: 32px;
  padding: 0 0.875rem;
}

.kriyo-stories .a-btn--lg {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  height: 44px;
}

.kriyo-stories .a-btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 1.25rem;
  border: 0;
  border-radius: 4px;
  outline: 0;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  width: 40px;
}

.kriyo-stories .a-btn-icon.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.kriyo-stories .a-btn-icon.is-disabled:hover {
  box-shadow: none;
}

.kriyo-stories .a-btn-icon--sm {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  height: 32px;
  width: 32px;
  padding: 0 0.875rem;
}

.kriyo-stories .a-btn-icon--lg {
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  height: 44px;
  width: 44px;
}

.kriyo-stories .a-btn--primary {
  background-color: #DDE1E6;
  color: #343A3F;
}

.kriyo-stories .a-btn--primary.is-disabled {
  background-color: #C1C7CD;
  color: #878D96;
}

.kriyo-stories .a-btn--secondary {
  background-color: #0043CE;
  color: #FFFFFF;
}

.kriyo-stories .a-btn--secondary.is-disabled {
  background-color: #C1C7CD;
  color: #878D96;
}

.kriyo-stories .a-btn--warning {
  background-color: var(--color-button-distract-default);
  color: var(--color-button-distract-text);
}

.kriyo-stories .a-btn--warning:hover {
  background: var(--color-button-distract-hover);
  opacity: 70%;
}

.kriyo-stories .a-btn--warning:focus {
  background: var(--color-button-distract-focus);
}

.kriyo-stories .a-btn--outline {
  background-color: transparent;
  color: var(--color-button-primary-default);
  border: 1.3px solid var(--color-button-primary-default);
  white-space: nowrap;
}

.kriyo-stories .a-btn--outline:hover {
  background: var(--color-button-primary-hover);
  color: var(--color-button-primary-text);
  border-color: var(--color-button-primary-hover);
}

.kriyo-stories .a-btn--outline:focus {
  background: var(--color-button-primary-text);
  color: var(--color-button-primary-focus);
  border-color: var(--color-button-primary-focus);
}

.kriyo-stories .a-btn--link-primary {
  background-color: transparent;
  color: var(--color-button-primary-default);
  border: transparent;
  white-space: nowrap;
}

.kriyo-stories .a-btn--link-primary:hover {
  background: var(--color-primary-light-shade-mid);
}

.kriyo-stories .a-btn--link-primary:focus {
  color: var(--color-button-primary-focus);
}

.kriyo-stories .a-btn--link-secondary {
  background-color: transparent;
  color: var(--color-gray-focus-mid);
  border: transparent;
  white-space: nowrap;
}

.kriyo-stories .a-btn--link-secondary:hover {
  background: var(--color-gray-light-shade-mid);
}

.kriyo-stories .a-btn--link-secondary:focus {
  color: var(--color-gray-focus-light);
}

.kriyo-stories .a-tooltip {
  position: relative;
  padding: 6px 8px;
  text-align: center;
}

.kriyo-stories .a-tooltip::after {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  background-color: var(--color-gray-focus-dark);
  color: var(--color-gray-light-shade-lighter);
  height: 36px;
  border-radius: 4px;
  display: none;
  padding: 8px 10px;
  position: absolute;
  text-align: left;
  z-index: 999;
  width: 150px;
  content: attr(data-text);
}

.kriyo-stories .a-tooltip.top::after {
  content: attr(data-text);
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}

.kriyo-stories .a-tooltip.bottom::after {
  content: attr(data-text);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 10px));
}

.kriyo-stories .a-tooltip.right::after {
  content: attr(data-text);
  top: 0;
  right: 0;
  transform: translateX(calc(100% + 10px));
}

.kriyo-stories .a-tooltip.left::after {
  content: attr(data-text);
  top: 0;
  left: 0;
  transform: translateX(calc(-100% - 10px));
}

.kriyo-stories .a-tooltip:hover::after {
  display: block;
}

.kriyo-stories .a-tooltip-arrow {
  position: relative;
  text-align: center;
}

.kriyo-stories .a-tooltip-arrow::after {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  background-color: var(--color-gray-focus-dark);
  color: var(--color-gray-light-shade-lighter);
  height: 36px;
  border-radius: 4px;
  display: none;
  padding: 8px 10px;
  position: absolute;
  text-align: left;
  z-index: 999;
  width: 150px;
}

.kriyo-stories .a-tooltip-arrow.top::after {
  content: attr(data-text);
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 10px));
}

.kriyo-stories .a-tooltip-arrow.top-start::after {
  content: attr(data-text);
  top: 0;
  left: 0;
  transform: translate(-10px, calc(-100% - 10px));
}

.kriyo-stories .a-tooltip-arrow.top-end::after {
  content: attr(data-text);
  top: 0;
  left: 100%;
  transform: translate(-90%, calc(-100% - 10px));
}

.kriyo-stories .a-tooltip-arrow.bottom::after {
  content: attr(data-text);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 10px));
}

.kriyo-stories .a-tooltip-arrow.bottom-start::after {
  content: attr(data-text);
  bottom: 0;
  left: 0;
  transform: translate(-10px, calc(100% + 10px));
}

.kriyo-stories .a-tooltip-arrow.bottom-end::after {
  content: attr(data-text);
  bottom: 0;
  left: 100%;
  transform: translate(-90%, calc(100% + 10px));
}

.kriyo-stories .a-tooltip-arrow.right::after {
  content: attr(data-text);
  top: -25%;
  right: 0;
  transform: translateX(calc(100% + 10px));
}

.kriyo-stories .a-tooltip-arrow.left::after {
  content: attr(data-text);
  top: -25%;
  left: 0;
  transform: translateX(calc(-100% - 10px));
}

.kriyo-stories .a-tooltip-arrow:hover::after {
  display: block;
}

.kriyo-stories .a-tooltip-arrow::before {
  background-color: var(--color-gray-focus-dark);
  content: " ";
  display: none;
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 999;
}

.kriyo-stories .a-tooltip-arrow:hover::before {
  display: block;
}

.kriyo-stories .a-tooltip-arrow.top::before {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-arrow.top-start::before {
  top: 0;
  left: 10px;
  transform: translate(-75%, calc(-100% - 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-arrow.top-end::before {
  top: 0;
  left: 100%;
  transform: translate(-100%, calc(-100% - 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-arrow.bottom::before {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-arrow.bottom-start::before {
  bottom: 0;
  left: 0;
  transform: translate(0%, calc(100% + 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-arrow.bottom-end::before {
  bottom: 0;
  left: 100%;
  transform: translate(-100%, calc(100% + 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-arrow.right::before {
  top: 25%;
  right: 0;
  transform: translate(calc(100% + 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-arrow.left::before {
  top: 25%;
  left: 0;
  transform: translate(calc(-100% - 5px)) rotate(45deg);
}

.kriyo-stories .a-tooltip-multi {
  text-decoration: none;
  position: relative;
}

.kriyo-stories .a-tooltip-multi span {
  background-color: var(--color-gray-focus-dark);
  color: var(--color-gray-light-shade-lighter);
  border-radius: 4px;
  display: none;
}

.kriyo-stories .a-tooltip-multi span .a-tooltip-multi__title {
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 8px;
}

.kriyo-stories .a-tooltip-multi span .a-tooltip-multi__txt {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
}

.kriyo-stories .a-tooltip-multi:hover span {
  display: block;
  position: absolute;
  z-index: 1000;
  width: 400px;
  border: 1px solid black;
  margin-top: 12px;
  overflow: hidden;
  padding: 12px;
}

@media (max-width: 440px) {
  .kriyo-stories .a-tooltip-multi:hover span {
    width: 300px;
  }
}

.kriyo-stories .a-tooltip-multi.bottom span {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 10px));
}

.kriyo-stories .a-tooltip-multi.top span {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 10px));
}

.kriyo-stories .a-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  line-height: 24px;
}

/* Input */

.kriyo-stories .a-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: -10px;
  top: -8px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--color-gray-focus-mid);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}

/* Span */

.kriyo-stories .a-checkbox > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

/* Box */

.kriyo-stories .a-checkbox > span::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 11px 3px 1px;
  border: solid 2px;
  /* Safari */
  border-color: var(--color-gray-focus-mid);
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */

.kriyo-stories .a-checkbox > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 2px;
  width: 10px;
  height: 6px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */

.kriyo-stories .a-checkbox > input:checked,
.kriyo-stories .a-checkbox > input:indeterminate {
  background-color: var(--color-primary-neutral-dark);
}

.kriyo-stories .a-checkbox > input:checked + span::before,
.kriyo-stories .a-checkbox > input:indeterminate + span::before {
  border-color: var(--color-primary-neutral-dark);
  background-color: var(--color-primary-neutral-dark);
}

.kriyo-stories .a-checkbox > input:checked + span::after,
.kriyo-stories .a-checkbox > input:indeterminate + span::after {
  border-color: var(--color-gray-light-shade-lighter);
}

.kriyo-stories .a-checkbox > input:indeterminate + span::after {
  border-left: none;
  transform: translate(4px, 3px);
}

/* Hover, Focus */

.kriyo-stories .a-checkbox:hover > input {
  opacity: 0.04;
}

.kriyo-stories .a-checkbox > input:focus {
  opacity: 0.12;
}

.kriyo-stories .a-checkbox:hover > input:focus {
  opacity: 0.16;
}

/* Active */

.kriyo-stories .a-checkbox > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.kriyo-stories .a-checkbox > input:active + span::before {
  border-color: var(--color-primary-neutral-dark);
}

.kriyo-stories .a-checkbox > input:checked:active + span::before {
  border-color: transparent;
  background-color: var(--color-gray-focus-mid);
}

/* Disabled */

.kriyo-stories .a-checkbox > input:disabled {
  opacity: 0;
}

.kriyo-stories .a-checkbox > input:disabled + span {
  color: #C1C7CD;
  cursor: initial;
}

.kriyo-stories .a-checkbox > input:disabled + span::before {
  border-color: currentColor;
}

.kriyo-stories .a-checkbox > input:checked:disabled + span::before,
.kriyo-stories .a-checkbox > input:indeterminate:disabled + span::before {
  border-color: transparent;
  background-color: currentColor;
}

.kriyo-stories .a-radio-container {
  font-size: 14px;
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */

.kriyo-stories .a-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

.kriyo-stories .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #FFFFFF;
  border: 2px solid #878D96;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */

.kriyo-stories .a-radio-container:hover input ~ .checkmark {
  background-color: #0043CE;
  border: none;
}

/* When the radio button is checked, add a blue background */

.kriyo-stories .a-radio-container input:checked ~ .checkmark {
  background-color: #0043CE;
  border: none;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.kriyo-stories .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */

.kriyo-stories .a-radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */

.kriyo-stories .a-radio-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.kriyo-stories .a-radio__icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

.kriyo-stories .a-tab__chip--active {
  padding: 8px 20px;
  border-radius: 4px;
  color: #2374E1;
  border: 1px solid #9ABFF1;
  background: #E9F1FC;
  cursor: pointer;
}

.kriyo-stories .a-tab__chip {
  padding: 8px 20px;
  border-radius: 4px;
  color: #344054;
  background: #F9FAFB;
  border: 1px solid #f2f4f7;
  cursor: pointer;
}

.kriyo-stories .a-radio-tabs {
  display: flex;
  gap: 18px;
  margin: 20px 0;
}

.kriyo-stories .a-toggle {
  cursor: pointer;
  display: inline-block;
}

.kriyo-stories .a-toggle__switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 52px;
  height: 26px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}

.kriyo-stories .a-toggle__switch:before,
.kriyo-stories .a-toggle__switch:after {
  content: "";
}

.kriyo-stories .a-toggle__switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: left 0.25s;
}

.kriyo-stories .a-toggle:hover .a-toggle__switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.kriyo-stories .a-toggle__checkbox:checked + .a-toggle__switch {
  background: #0043CE;
}

.kriyo-stories .a-toggle__checkbox:checked + .a-toggle__switch:before {
  left: 30px;
}

.kriyo-stories .a-toggle__checkbox {
  position: absolute;
  visibility: hidden;
}

.kriyo-stories .a-toggle__label {
  font-size: 14px;
  color: #4D5358;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.kriyo-stories .m-dropdown-menu {
  display: inline-flex;
  position: relative;
}

.kriyo-stories .m-dropdown-menu--top .m-dropdown-menu__btn-wrap {
  top: auto;
  bottom: calc(100% + 7px);
}

.kriyo-stories .m-dropdown-menu.has-notify::after {
  position: absolute;
  display: block;
  content: "";
  height: 8px;
  width: 8px;
  display: inline-block;
  background: var(--color-error-dark);
  border: none;
  border-radius: 50%;
  top: 0;
  right: -2px;
}

.kriyo-stories .m-dropdown-menu__action {
  all: inherit;
}

.kriyo-stories .m-dropdown-menu__action:focus + .m-dropdown-menu__btn-wrap {
  visibility: visible;
  opacity: 1;
}

.kriyo-stories .m-dropdown-menu__btn-wrap {
  visibility: hidden;
  position: absolute;
  z-index: 100;
  top: calc(100% + 7px);
  right: 0;
  padding: 4px;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  opacity: 0;
  background: #FFFFFF;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.12);
  transition: opacity 0.2s ease-in-out;
}

.kriyo-stories .m-dropdown-menu__btn-wrap.is-visible {
  visibility: visible;
  opacity: 1;
}

.kriyo-stories .m-dropdown-menu__section + .m-dropdown-menu__section {
  border-top: 1px solid #E4E6F1;
}

.kriyo-stories .m-dropdown-menu__btn {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 35px;
  width: 100%;
  padding: 0 8px;
  font-weight: 400;
  white-space: nowrap;
}

.kriyo-stories .m-dropdown-menu__btn:hover {
  background: #F3F4FF;
}

.kriyo-stories .m-dropdown-menu__btn--remove,
.kriyo-stories .m-dropdown-menu__btn--remove:hover {
  color: #BA3633;
}

.kriyo-stories .a-link-btn--secondary,
.kriyo-stories .a-link-btn--primary,
.kriyo-stories .a-link-btn {
  display: inline-flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.kriyo-stories .a-link-btn {
  color: palette("text");
}

.kriyo-stories .a-link-btn.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.kriyo-stories .a-link-btn--primary {
  color: palette("primary");
  border-bottom: 1px solid currentColor;
}

.kriyo-stories .a-link-btn--primary:hover,
.kriyo-stories .a-link-btn--primary:focus {
  color: var(--color-action-primary-focus);
}

.kriyo-stories .a-link-btn--secondary {
  color: #0084FF;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  border-bottom: 1px dotted currentColor;
  color: var(--color-action-link-default);
}

.kriyo-stories .a-link-btn--secondary:hover,
.kriyo-stories .a-link-btn--secondary:focus {
  color: var(--color-action-primary-focus);
}

.kriyo-stories .a-link-btn--solid\/secondary {
  color: var(--color-primary-default);
}

.kriyo-stories .a-link-btn--solid\/mono {
  color: var(--color-text-muted);
}

.kriyo-stories .a-loz {
  display: inline-flex;
  align-items: center;
  font-family: Inter-SemiBold, Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  padding: 4px 8px;
  border-radius: 3px;
  background: #E4E6FF;
  color: #FFFFFF;
}

.kriyo-stories .a-loz--primary {
  background: #E4E6FF;
  color: #2F3DD7;
}

.kriyo-stories .a-loz--dark {
  background: #333;
  color: #FFF;
}

.kriyo-stories .a-loz--light\/info {
  background: #E4E6FF;
  color: #2F3DD7;
}

.kriyo-stories .a-loz--light\/success {
  background: #E5F2E6;
  color: #308D37;
}

.kriyo-stories .a-loz--light\/warn {
  background: #FDEEE4;
  color: #D95F1A;
}

.kriyo-stories .a-loz--light\/highlight {
  background: #FEF8E7;
  color: #D09B12;
}

.kriyo-stories .a-loz--light\/error {
  background: #F8E2E2;
  color: #BA3633;
}

.kriyo-stories .a-loz--dark\/info {
  background: #2F3DD7;
  color: #FFF;
}

.kriyo-stories .a-loz--dark\/success {
  background: #308D37;
  color: #FFF;
}

.kriyo-stories .a-loz--dark\/warn {
  background: #D95F1A;
  color: #FFF;
}

.kriyo-stories .a-loz--dark\/highlight {
  background: #D09B12;
  color: #FFF;
}

.kriyo-stories .a-loz--dark\/error {
  background: #BA3633;
  color: #FFF;
}

.kriyo-stories .a-loz--neutral\/light {
  background: #EFEEEE;
  color: #1D1B1B;
}

.kriyo-stories .a-loz--outline\/mono {
  background: #FFF;
  color: #1D1B1B;
  border: 1px solid currentColor;
}

.kriyo-stories .m-form-field {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  border: 0;
  /* &:not(:first-child) {
    margin-left: -1px;

    .m-form-field__field {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  &:not(:last-child) {
    .m-form-field__field {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  } */
}

.kriyo-stories .m-form-field::-moz-placeholder {
  color: #BBC5D3;
  font-weight: normal;
}

.kriyo-stories .m-form-field::placeholder {
  color: #BBC5D3;
  font-weight: normal;
}

.kriyo-stories .m-form-field.has-error .m-form-field__field {
  border: 2px solid #F74848;
  background-position: calc(100% - 10px);
}

.kriyo-stories .m-form-field.has-error .m-form-field__error {
  display: block;
}

.kriyo-stories .m-form-field.has-error .m-form-field__select {
  background-position: calc(100% - 5px) center;
}

.kriyo-stories .m-form-field.has-error .m-form-field__field-item:last-child .m-form-field__select {
  background-position: calc(100% - 10px) center;
}

.kriyo-stories .m-form-field.has-error .m-form-field__post-icon {
  color: #F74848;
}

.kriyo-stories .m-form-field.has-focus .m-form-field__field {
  z-index: 1;
}

.kriyo-stories .m-form-field.has-value .m-form-field__field {
  border-color: transparent;
  background-color: settings("background.secondary");
}

.kriyo-stories .m-form-field.has-value .m-form-field__separator {
  border-color: transparent;
}

.kriyo-stories .m-form-field.is-disabled .m-form-field__field {
  background: #F3F3F3;
  pointer-events: none;
}

.kriyo-stories .m-form-field:focus-within .m-form-field__placeholder {
  display: none;
}

.kriyo-stories .m-form-field__label-wrap {
  display: flex;
}

.kriyo-stories .m-form-field__label {
  font-size: 14px;
  color: #344054;
  font-weight: 400;
  display: block;
  flex: 1 1 50%;
  margin-bottom: 8px;
}

.kriyo-stories .m-form-field__label:empty {
  display: none;
}

.kriyo-stories .m-form-field__hint {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  display: block;
  margin-bottom: 8px;
}

.kriyo-stories .m-form-field__hint:empty {
  display: none;
}

.kriyo-stories .m-form-field__field {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  position: relative;
  height: 48px;
  border: 2px solid #c7d0e1;
  border-radius: 6px;
  background-color: #FFFFFF;
  color: #344054;
  font-weight: 600;
  transition: border-color 0.15s ease-in-out;
}

.kriyo-stories .m-form-field__field--textarea {
  height: auto;
}

.kriyo-stories .m-form-field__field--textarea textarea {
  padding: 10px 16px;
}

.kriyo-stories .m-form-field__field--combo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 8px 16px;
}

.kriyo-stories .m-form-field__field.no-border-line {
  border: none;
}

.kriyo-stories .m-form-field__field-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}

.kriyo-stories .m-form-field__pre,
.kriyo-stories .m-form-field__post {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
}

.kriyo-stories .m-form-field__pre + .m-form-field__input {
  padding-left: 0;
}

.kriyo-stories .m-form-field__pre + .m-form-field__field-item .m-form-field__input {
  padding-left: 0;
}

.kriyo-stories .m-form-field__pre-tag {
  display: flex;
  align-items: center;
  border: 1px solid #DADADA;
  border-radius: 4px;
  padding: 4px 10px;
  background: #FFFFFF;
  color: #287CEA;
}

.kriyo-stories .m-form-field__pre-tag-remove {
  margin-left: 16px;
  color: var(--color-text-default);
  cursor: pointer;
}

.kriyo-stories .m-form-field__rich-text,
.kriyo-stories .m-form-field__textarea,
.kriyo-stories .m-form-field__trigger,
.kriyo-stories .m-form-field__select,
.kriyo-stories .m-form-field__input {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-weight: inherit;
  text-transform: inherit;
  -webkit-appearance: none;
}

.kriyo-stories .m-form-field__rich-text:disabled,
.kriyo-stories .m-form-field__textarea:disabled,
.kriyo-stories .m-form-field__trigger:disabled,
.kriyo-stories .m-form-field__select:disabled,
.kriyo-stories .m-form-field__input:disabled {
  border-radius: 4px;
  background-color: #F3F3F3;
  color: rgba(0, 0, 0, 0.54);
}

.kriyo-stories .m-form-field__input {
  padding: 0 16px;
}

.kriyo-stories .m-form-field__list-thumb {
  margin-right: 0.5em;
}

.kriyo-stories .m-form-field__select {
  padding: 0 28px 0 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down' color='palette('text')'%3E%3Cpath d='M5.626 8.045c-.206.109-.48.388-.588.599a.795.795 0 0 0 .001.719c.125.25 6.348 6.473 6.598 6.598a.807.807 0 0 0 .726 0c.25-.125 6.473-6.348 6.598-6.598.176-.353.086-.718-.26-1.064-.34-.34-.721-.431-1.073-.255-.112.056-1.07.985-2.898 2.809L12 13.579l-2.73-2.726C7.442 9.029 6.484 8.1 6.372 8.044a.884.884 0 0 0-.746.001' fill='%23000' fill-rule='evenodd' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
  background-position: 98% center;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}

.kriyo-stories .m-form-field__select::-ms-expand {
  display: none;
}

.kriyo-stories .m-form-field__select:focus::-ms-value {
  background: transparent;
  color: inherit;
}

.kriyo-stories .m-form-field__trigger {
  padding: 0 16px;
  background-position: calc(100% - 5px) center;
  text-align: left;
  cursor: pointer;
}

.kriyo-stories .m-form-field__textarea {
  padding: 12px 16px;
  line-height: 1.5;
}

.kriyo-stories .m-form-field__textarea::-webkit-scrollbar {
  width: 10px;
}

.kriyo-stories .m-form-field__textarea::-webkit-scrollbar:horizontal {
  height: 10px;
}

.kriyo-stories .m-form-field__textarea::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #E2E4EB;
}

.kriyo-stories .m-form-field__textarea::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #828282;
}

.kriyo-stories .m-form-field__rich-text {
  overflow-wrap: break-word;
  padding: 12px 16px;
  line-height: 1.5;
}

.kriyo-stories .m-form-field__placeholder {
  position: absolute;
  color: var(--color-text-light);
  width: 100%;
  pointer-events: none;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 12px 16px;
}

.kriyo-stories .m-form-field__drop {
  position: absolute;
  z-index: 100;
  top: calc(100% + 4px);
  left: 0;
  min-width: 100%;
  margin: 0;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
}

.kriyo-stories .m-form-field__dataset {
  margin-bottom: 32px;
}

.kriyo-stories .m-form-field__dataset:last-child {
  margin-bottom: 0;
}

.kriyo-stories .m-form-field__dataset-lbl {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: inherit;
  color: #929292;
  display: block;
  margin: 8px 16px;
}

.kriyo-stories .m-form-field__list {
  margin: 0;
  list-style: none;
}

.kriyo-stories .m-form-field__list-item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 12px 16px;
  cursor: pointer;
}

.kriyo-stories .m-form-field__list-item.has-focus,
.kriyo-stories .m-form-field__list-item:hover {
  color: #697077;
  background: #C1C7CD;
}

.kriyo-stories .m-form-field__list-item.is-selected {
  color: #FFFFFF;
  background-color: palette("primary");
}

.kriyo-stories .m-form-field__separator {
  flex: 0 0 1px;
  height: 100%;
  border-left: 2px solid #c7d0e1;
}

.kriyo-stories .m-form-field__error {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
  display: none;
  color: #F74848;
}

.kriyo-stories .m-form-field__caption {
  display: inline-flex;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  margin-top: 4px;
  color: var(--color-text-light);
}

.kriyo-stories .m-form-field__caption-icon {
  height: 16px;
  margin-right: 0.5em;
}

.kriyo-stories .m-form-field__remove {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

.kriyo-stories .m-form-field__chip-set {
  margin-top: -8px;
}

.kriyo-stories .m-form-field__chip {
  background: #FFF;
  color: #1D1B1B;
  font-family: Inter-SemiBold, Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0em;
  margin: 8px 8px 0 0;
  border: 1px solid #DADADA;
  border-radius: 34px;
}

.kriyo-stories .m-form-field__chip-icon {
  margin-right: 8px;
  fill: url("#primaryGrad");
  font-size: 14px;
}

.kriyo-stories .m-search-input {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M17.4003548,16.0722326 C17.4667609,16.1386388 17.499964,16.2271804 17.499964,16.3378571 C17.499964,16.4485338 17.4667609,16.5481429 17.4003548,16.6366846 L16.6366846,17.3671518 C16.5481429,17.4556934 16.4485338,17.499964 16.3378571,17.499964 C16.2271804,17.499964 16.1386388,17.4556934 16.0722326,17.3671518 L12.02146,13.3495822 C11.9550539,13.2610405 11.9218508,13.1724994 11.9218508,13.0839577 L11.9218508,12.619115 C11.3020603,13.1503638 10.6047961,13.565402 9.83005837,13.8642295 C9.05532059,14.163057 8.24737926,14.3124707 7.40623537,14.3124707 C6.1445193,14.3124707 4.98794639,14.0025757 3.93651616,13.3827852 C2.88508593,12.7629947 2.04947605,11.9273848 1.42968553,10.8759546 C0.809895008,9.82452436 0.5,8.66795145 0.5,7.40623537 C0.5,6.1445193 0.809895008,4.98794639 1.42968553,3.93651616 C2.04947605,2.88508593 2.88508593,2.04947605 3.93651616,1.42968553 C4.98794639,0.809895008 6.1445193,0.5 7.40623537,0.5 C8.66795145,0.5 9.82452436,0.809895008 10.8759546,1.42968553 C11.9273848,2.04947605 12.7629947,2.88508593 13.3827852,3.93651616 C14.0025757,4.98794639 14.3124707,6.1445193 14.3124707,7.40623537 C14.3124707,8.24737926 14.163057,9.05532059 13.8642295,9.83005837 C13.565402,10.6047961 13.1503638,11.3020603 12.619115,11.9218508 L13.0839577,11.9218508 C13.1946344,11.9218508 13.2831761,11.9550539 13.3495822,12.02146 L17.4003548,16.0722326 Z M7.40623537,12.4062354 C8.30206887,12.4062354 9.13540188,12.1822769 9.90623537,11.7343604 C10.6770689,11.2864439 11.2864439,10.6770689 11.7343604,9.90623537 C12.1822769,9.13540188 12.4062354,8.30206887 12.4062354,7.40623537 C12.4062354,6.51040188 12.1822769,5.67706887 11.7343604,4.90623537 C11.2864439,4.13540188 10.6770689,3.52602688 9.90623537,3.07811037 C9.13540188,2.63019387 8.30206887,2.40623537 7.40623537,2.40623537 C6.51040188,2.40623537 5.67706887,2.63019387 4.90623537,3.07811037 C4.13540188,3.52602688 3.52602688,4.13540188 3.07811037,4.90623537 C2.63019387,5.67706887 2.40623537,6.51040188 2.40623537,7.40623537 C2.40623537,8.30206887 2.63019387,9.13540188 3.07811037,9.90623537 C3.52602688,10.6770689 4.13540188,11.2864439 4.90623537,11.7343604 C5.67706887,12.1822769 6.51040188,12.4062354 7.40623537,12.4062354 Z' fill='%23A3A4A6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 12px;
  min-width: auto;
  border-radius: 4px;
  background-color: transparent;
}

.kriyo-stories .m-search-input .m-form-field__input {
  padding-left: 40px;
  border-radius: 4px;
}

.kriyo-stories .m-list-input {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M6.5034965,7 L11.4965035,7 C11.6363637,7 11.7552446,7.0558881 11.8531469,7.16766467 C11.9510491,7.27944124 12,7.41516954 12,7.5748503 C12,7.73453106 11.9510491,7.87025936 11.8531469,7.98203593 L9.35664336,10.8323353 C9.25874115,10.9441119 9.13986025,11 9,11 C8.86013975,11 8.74125885,10.9441119 8.64335664,10.8323353 L6.14685315,7.98203593 C6.04895094,7.87025936 6,7.73453106 6,7.5748503 C6,7.41516954 6.04895094,7.27944124 6.14685315,7.16766467 C6.24475535,7.0558881 6.36363626,7 6.5034965,7 Z' fill='%23141414'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: calc(100% - 5px) 50%;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}

.kriyo-stories .m-list-input .m-form-field__input {
  padding-right: 30px;
}

.kriyo-stories .m-list-input option {
  background-color: #FFFFFF;
}

.kriyo-stories .m-list-input--clear {
  background-color: transparent;
}

.kriyo-stories .m-form-field__lbl {
  display: block;
  width: 100%;
  min-height: 22px;
  margin-bottom: 3px;
}

.kriyo-stories .m-list-input--code {
  background-color: #c7d0e1;
  width: 115px;
  border-radius: 4px 0 0 4px;
}

.kriyo-stories .required {
  color: #F74848;
  padding-left: 5px;
}

.kriyo-stories .m-form-field__pre-icon {
  padding: 0 0 0 16px;
  color: #667085;
}

.kriyo-stories .m-modal-header__back-btn.t1.ts-dark::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M6.5034965,7 L11.4965035,7 C11.6363637,7 11.7552446,7.0558881 11.8531469,7.16766467 C11.9510491,7.27944124 12,7.41516954 12,7.5748503 C12,7.73453106 11.9510491,7.87025936 11.8531469,7.98203593 L9.35664336,10.8323353 C9.25874115,10.9441119 9.13986025,11 9,11 C8.86013975,11 8.74125885,10.9441119 8.64335664,10.8323353 L6.14685315,7.98203593 C6.04895094,7.87025936 6,7.73453106 6,7.5748503 C6,7.41516954 6.04895094,7.27944124 6.14685315,7.16766467 C6.24475535,7.0558881 6.36363626,7 6.5034965,7 Z' fill='%23141414'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.kriyo-stories .m-form-field__add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #2374E1;
  font-weight: 500;
  font-size: 14px;
  height: 48px;
}

.kriyo-stories .a__visibility--hidden {
  visibility: hidden;
}

.kriyo-stories .c-form__wrap--education.c-form__wrap {
  grid-template-columns: 38% 38% 15%;
}

.kriyo-stories .c-form__wrap-bank-details.c-form__wrap {
  grid-template-columns: 60% 35%;
}

.kriyo-stories .c-form__chips--curved span svg {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  color: #667085;
}

.kriyo-stories .c-form__chips--curved {
  cursor: pointer;
  margin-bottom: 20px;
}

.kriyo-stories .c-form__chips--curved span {
  border-radius: 50px;
}

.kriyo-stories .c-form__chip-wrap {
  display: flex;
  gap: 11px;
}

.kriyo-stories .m-alert {
  justify-content: space-between;
  align-items: center;
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
  position: fixed;
  z-index: 999;
  padding: 16px;
  gap: 8px;
  width: 434px;
  min-height: 64px;
  box-shadow: 0px 4px 8px -2px rgba(18, 22, 25, 0.1), 0px 2px 4px -1px rgba(18, 22, 25, 0.06);
  border-radius: 0px 4px 4px 0px;
}

@media (max-width: 440px) {
  .kriyo-stories .m-alert {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.kriyo-stories .m-alert.is-visible {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: all;
}

.kriyo-stories .m-alert--info {
  background: var(--color-info-light);
  border-left: 3px solid var(--color-info-dark);
}

.kriyo-stories .m-alert--info .m-alert__icon {
  color: var(--color-info-dark);
}

.kriyo-stories .m-alert--warning {
  background: var(--color-warning-light);
  border-left: 3px solid var(--color-warning-dark);
}

.kriyo-stories .m-alert--warning .m-alert__icon {
  color: var(--color-warning-dark);
}

.kriyo-stories .m-alert--success {
  background: var(--color-success-light);
  border-left: 3px solid var(--color-success-dark);
}

.kriyo-stories .m-alert--success .m-alert__icon {
  color: var(--color-success-dark);
}

.kriyo-stories .m-alert--error {
  background: var(--color-error-light);
  border-left: 3px solid var(--color-error-dark);
}

.kriyo-stories .m-alert--error .m-alert__icon {
  color: var(--color-error-dark);
}

.kriyo-stories .m-alert__content {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.kriyo-stories .m-alert__icon {
  width: 24px;
  height: 24px;
  margin-right: 9px;
}

.kriyo-stories .m-alert__content-header {
  display: flex;
}

.kriyo-stories .m-alert__text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  margin-right: 8px;
  width: 270px;
}

@media (max-width: 440px) {
  .kriyo-stories .m-alert__text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.kriyo-stories .m-alert__action {
  display: contents;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.kriyo-stories .m-alert__btn-close {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  cursor: pointer;
}

.kriyo-stories .m-alert__description {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  margin-left: 33px;
  margin-top: 8px;
}

.kriyo-stories .m-alert__btn-panel {
  margin-top: 20px;
  margin-left: 33px;
}

.kriyo-stories .o-accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.kriyo-stories .o-accordion {
  overflow: hidden;
}

.kriyo-stories .o-accordion .o-accordion__block-content input {
  position: relative;
  opacity: 1;
  z-index: 1;
}

.kriyo-stories .o-accordion__block {
  width: 100%;
  background: var(--color-gray-light-shade-lighter);
  overflow: hidden;
  border: 1px solid var(--color-gray-light-shade-dark);
}

.kriyo-stories .o-accordion__block:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.kriyo-stories .o-accordion__block:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.kriyo-stories .o-accordion__block-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  padding: 11px 16px;
  cursor: pointer;
  background: var(--color-gray-light-shade-lighter);
  position: relative;
}

.kriyo-stories .o-accordion__block-label:hover {
  background: var(--color-gray-light-shade-light);
}

.kriyo-stories .o-accordion__block-label::after {
  content: "❯";
  width: 15px;
  height: auto;
  text-align: center;
  transition: all 0.35s;
}

.kriyo-stories .o-accordion__block-content {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  max-height: 0;
  padding: 0 20px;
  color: var(--color-gray-focus-mid);
  background: var(--color-gray-light-shade-lighter);
  transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.kriyo-stories .o-accordion__block.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.kriyo-stories .o-accordion__block.is-disabled .o-accordion__block-label {
  color: var(--color-gray-light-shade-dark);
  background: var(--color-gray-light-shade-light);
}

.kriyo-stories .o-accordion input:checked + .o-accordion__block-label {
  background: var(--color-gray-light-shade-light);
  border-bottom: 1px solid var(--color-gray-light-shade-mid);
}

.kriyo-stories .o-accordion input:checked + .o-accordion__block-label::after {
  transform: rotate(90deg);
}

.kriyo-stories .o-accordion input:checked + .o-accordion__block-label .o-accordion__box-bar {
  width: 100%;
  left: 0;
  transition: all 0.35s;
}

.kriyo-stories .o-accordion input:checked ~ .o-accordion__block-content {
  max-height: 100%;
  padding: 1em;
}

.kriyo-stories .skeleton {
  height: 0.7rem;
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}

.kriyo-stories .skeleton::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
  animation: shimmer 2s infinite;
  content: "";
}

@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.kriyo-stories .skeleton-title {
  background: var(--color-gray-light-shade-dark);
  width: 15%;
}

.kriyo-stories .skeleton-body__full {
  background: var(--color-gray-light-shade-light);
  width: 100%;
  margin-bottom: 0.5rem;
}

.kriyo-stories .skeleton-body__half {
  background: var(--color-gray-light-shade-light);
  width: 50%;
  margin-bottom: 0.5rem;
}

.kriyo-stories .o-card {
  background-color: transparent;
  box-shadow: 0px 0px 2px rgba(135, 141, 150, 0.2);
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0;
}

.kriyo-stories .o-card + .o-card {
  margin-top: 20px;
}

@-webkit-keyframes modal-open {
  0% {
    transform: scale3d(0.1, 0.1, 1);
    opacity: 0;
  }

  90% {
    transform: scale3d(0.95, 0.95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}

@keyframes modal-open {
  0% {
    transform: scale3d(0.1, 0.1, 1);
    opacity: 0;
  }

  90% {
    transform: scale3d(0.95, 0.95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes modal-close {
  0% {
    transform: scale3d(1, 1, 1);
  }

  100% {
    transform: scale3d(0.1, 0.1, 1);
  }
}

@keyframes modal-close {
  0% {
    transform: scale3d(1, 1, 1);
  }

  100% {
    transform: scale3d(0.1, 0.1, 1);
  }
}

.kriyo-stories .o-modal {
  position: fixed;
  z-index: 999998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

@media (max-width: 767px) {
  .kriyo-stories .o-modal {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
  }
}

.kriyo-stories .o-modal::before {
  position: absolute;
  display: block;
  content: "";
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.3);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0, 0, 0.3, 1) 15ms;
}

.kriyo-stories .o-modal.is-active {
  overflow-y: scroll;
  pointer-events: all;
}

.kriyo-stories .o-modal.is-active::before {
  opacity: 1;
  transition-delay: 0s;
}

.kriyo-stories .o-modal__body .o-modal.is-active {
  display: block;
  position: static;
  overflow: visible;
  background: transparent;
}

.kriyo-stories .o-modal__overlay {
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 999999;
  max-width: 95%;
  width: 95%;
  margin: 5% auto;
}

@media (min-width: 568px) {
  .kriyo-stories .o-modal__overlay {
    width: 620px;
  }
}

.kriyo-stories .o-modal__content {
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 999999;
  width: 100%;
  max-width: 95%;
  min-height: 100vh;
  padding: 0;
  opacity: 0;
  background: #FFFFFF;
  -webkit-animation: modal-close 300ms ease-out;
  animation: modal-close 300ms ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media (max-width: 767px) {
  .kriyo-stories .o-modal__content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    min-height: auto;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .kriyo-stories .o-modal__content {
    overflow: -moz-scrollbars-none;
  }

  .kriyo-stories .o-modal__content::-webkit-scrollbar {
    width: 0 !important;
  }

  .kriyo-stories .o-modal__content::-webkit-scrollbar:horizontal {
    height: 0 !important;
  }
}

@media (min-width: 768px) {
  .kriyo-stories .o-modal__content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: auto;
    margin: 50px auto;
    border-radius: 5px;
  }
}

@media (min-width: 1024px) {
  .kriyo-stories .t-mini-pack .o-modal__content {
    width: 40%;
  }
}

.kriyo-stories .is-active > .o-modal__content {
  -webkit-animation: modal-open 200ms ease-in;
  animation: modal-open 200ms ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.kriyo-stories .o-modal__body .o-modal__content {
  width: 100%;
  margin: 0;
  transform: none;
}

.kriyo-stories .o-modal__header {
  position: relative;
}

.kriyo-stories .o-modal__title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.8;
  color: #FFFFFF;
}

.kriyo-stories .o-modal__close-btn {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 12px;
  cursor: pointer;
  color: palette("text");
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
}

@media (min-width: 768px) {
  .kriyo-stories .o-modal__close-btn {
    display: inline-block;
  }
}

.kriyo-stories .o-modal__close-btn:hover,
.kriyo-stories .o-modal__close-btn:focus {
  color: var(--color-text-dark);
}

.kriyo-stories .o-modal__back-btn {
  height: 34px;
}

@media (min-width: 768px) {
  .kriyo-stories .o-modal__back-btn {
    display: none;
  }
}

.kriyo-stories .o-modal__back-btn .a-icon {
  margin-right: 12px;
}

.kriyo-stories .o-modal__inner-header {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .kriyo-stories .o-modal__inner-header {
    margin-bottom: 0;
  }
}

.kriyo-stories .o-modal__inner-title {
  display: none;
}

@media (min-width: 768px) {
  .kriyo-stories .o-modal__inner-title {
    display: block;
  }
}

.kriyo-stories .o-modal__inner-close {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  position: absolute;
  top: 14px;
  right: 10px;
  height: auto;
  padding: 10px;
  background: transparent;
  color: palette("text");
}

@media (min-width: 768px) {
  .kriyo-stories .o-modal__inner-close {
    display: inline-flex;
    align-items: center;
  }
}

.kriyo-stories .o-modal__inner-close:hover,
.kriyo-stories .o-modal__inner-close:focus {
  border: 0;
  background: transparent;
  color: var(--color-text-dark);
}

.kriyo-stories .o-modal__close-icon {
  pointer-events: none;
}

.kriyo-stories .o-modal__body {
  flex: 1 1 auto;
  opacity: 0;
  background: #FFFFFF;
  transition: opacity 50ms ease-in;
}

@media (min-width: 768px) {
  .kriyo-stories .o-modal__body {
    border-radius: 5px;
  }

  .kriyo-stories .t-mini-pack .o-modal__body {
    padding: 20px;
  }
}

.kriyo-stories .o-modal.is-active .o-modal__body {
  opacity: 1;
  transition: opacity 300ms ease-in 100ms;
}

.kriyo-stories .o-modal__body .o-modal__body {
  padding: 0;
  border-radius: 0;
}

.kriyo-stories .o-modal__body-inner {
  display: block;
  width: 100%;
  /*  overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
    @include media('>=medium') {
      max-height: 55vh;
    }
    @include media('>=x-medium') {
      max-height: 60vh;
    }
    padding-right: $spacer-xs;
    @include styled-scroll-bar(4px);*/
}

.kriyo-stories .o-modal__section {
  margin-bottom: 20px;
}

.kriyo-stories .o-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  border-top: 1px solid #F2F4F7;
  padding: 16px;
}

.kriyo-stories .o-modal__previous-btn {
  margin-right: auto;
}

.kriyo-stories .c-experience__modal {
  width: 550px;
}

.kriyo-stories .o-modal__footer-btns {
  display: flex;
  gap: 8px;
}

.kriyo-stories .c-experience__search-item {
  display: flex;
  gap: 16px;
  align-items: center;
}

.kriyo-stories .c-experience__search-item button {
  width: 48px;
  height: 48px;
}

.kriyo-stories .c-experience__search-full-width {
  width: 100%;
}

.kriyo-stories .c-experience-logo__preview-wrapper {
  width: 217px;
  height: 240px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FBFBFB;
  background-image: repeating-linear-gradient(-47deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px), repeating-linear-gradient(43deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px), repeating-linear-gradient(133deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px), repeating-linear-gradient(223deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px);
}

.kriyo-stories .c-form__bg-border {
  background-color: #FBFBFB;
  background-image: repeating-linear-gradient(-47deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px), repeating-linear-gradient(43deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px), repeating-linear-gradient(133deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px), repeating-linear-gradient(223deg, #d0d4dc, #d0d4dc 8px, transparent 8px, transparent 13px, #d0d4dc 13px);
}

.kriyo-stories .c-experience-logo__preview-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.kriyo-stories .o-modal__inner-header-line.o-modal__inner-header {
  border-bottom: 1px solid #F2F4F7;
  margin-bottom: 20px;
  padding: 16px;
}

.kriyo-stories .c-modal__body-container {
  padding: 0 20px;
}

.kriyo-stories .c-experience__logo-preview {
  text-align: center;
  color: #344054;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.kriyo-stories .m-form-field__file-upload {
  width: 100%;
  padding: 50px;
  background-color: white;
}

.kriyo-stories .m-form-field__file-upload.c-details__blog {
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
  flex-flow: column;
  text-align: center;
  cursor: pointer;
}

.kriyo-stories .m-form-field-file__upload-icon-item {
  width: 27px;
  height: 27px;
  color: var(--color-button-primary-default);
  font-weight: 600;
  line-height: 20px;
  font-weight: 500;
  display: block;
  margin: auto;
}

.kriyo-stories .m-form-field__upload-txt-main {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
}

.kriyo-stories .m-form-field__upload-txt-sub {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  color: #667085;
}

.kriyo-stories .m-form-field-file__upload-icon {
  position: relative;
}

.kriyo-stories .m-form-field-file__upload-icon-bg {
  background: #e9f1fc;
  display: inline-block;
  padding: 16px;
  border-radius: 50%;
}

.kriyo-stories .m-form-field-file__upload-icon-bg--none {
  display: inline-block;
  padding: 16px;
  border-radius: 50%;
}

.kriyo-stories .c-confirmation__modal.o-modal__content {
  width: 400px;
}

.kriyo-stories .c-confirmation__desc {
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}

.kriyo-stories .c-confirmation__footer.o-modal__footer {
  justify-content: unset;
  border-top: none;
  margin-top: 4px;
}

.kriyo-stories .c-confirmation__footer-wrap.o-modal__footer-btns {
  width: 100%;
}

.kriyo-stories .c-confirmation__btn-wrap {
  width: 100%;
}

.kriyo-stories .c-confirmation__btn-wrap button {
  width: 100%;
}

.kriyo-stories .c-confirmation__popup {
  text-align: center;
  display: flex;
  flex-flow: column;
  gap: 12px;
}

.kriyo-stories .c-confirmation__modal.o-modal__content.o-modal__inner-header-line.o-modal__inner-header {
  border-bottom: none;
}

.kriyo-stories .c-confirmation__popup-icon {
  position: relative;
}

.kriyo-stories .c-confirmation__box-close.o-modal__inner-header-line.o-modal__inner-header {
  position: absolute;
  right: 0;
  top: 0px;
}

.kriyo-stories .c-confirmation__popup--confirm svg {
  width: 27px;
  height: 27px;
  color: var(--color-success-dark);
  line-height: 20px;
  font-weight: 500;
  display: block;
  margin: auto;
}

.kriyo-stories .c-confirmation__box.o-modal__body {
  position: relative;
  padding-top: 20px;
}

.kriyo-stories .c-confirmation__box--confirm {
  border-top: 3px solid #00BA34;
}

.kriyo-stories .c-confirmation__popup--confirm {
  background: #E8F6EE;
  display: inline-block;
  padding: 16px;
  border-radius: 50%;
}

.kriyo-stories .c-confirmation__popup--info svg {
  width: 27px;
  height: 27px;
  color: #2374E1;
  line-height: 20px;
  font-weight: 500;
  display: block;
  margin: auto;
}

.kriyo-stories .c-confirmation__box--info {
  border-top: 3px solid #2374E1;
}

.kriyo-stories .c-confirmation__popup--info {
  background: #E9F1FC;
  display: inline-block;
  padding: 16px;
  border-radius: 50%;
}

.kriyo-stories .c-confirmation__popup--error svg {
  width: 27px;
  height: 27px;
  color: #E02D3C;
  line-height: 20px;
  font-weight: 500;
  display: block;
  margin: auto;
}

.kriyo-stories .c-confirmation__box--error {
  border-top: 3px solid #E02D3C;
}

.kriyo-stories .c-confirmation__popup--error {
  background: #FCEAEC;
  display: inline-block;
  padding: 16px;
  border-radius: 50%;
}

.kriyo-stories .c-confirmation__popup--warning svg {
  width: 27px;
  height: 27px;
  color: #F98600;
  line-height: 20px;
  font-weight: 500;
  display: block;
  margin: auto;
}

.kriyo-stories .c-confirmation__box--warning {
  border-top: 3px solid #F98600;
}

.kriyo-stories .c-confirmation__popup--warning {
  background: #FFF4E8;
  display: inline-block;
  padding: 16px;
  border-radius: 50%;
}

.kriyo-stories .c-document-upload__modal img {
  width: 100%;
  max-height: 600px;
  -o-object-fit: contain;
  object-fit: contain;
}

.kriyo-stories .c-document-upload__modal {
  padding-bottom: 15px;
}

.kriyo-stories .c-form__add-edu-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.kriyo-stories .c-form__edu-add-btn-lbl {
  font-size: 14px;
  font-weight: 400;
  color: #344054;
}

.kriyo-stories .c-modal__header-back-btn {
  display: flex;
  align-items: center;
  gap: 22px;
}

.kriyo-stories .c-form__wrap-radio-btn.c-form__wrap {
  grid-column-gap: 0px;
}

.kriyo-stories .c-timeline__toggle {
  display: flex;
  gap: 8px;
  flex-direction: row-reverse;
  align-items: center;
}

.kriyo-stories .c-search-results__panel-content {
  padding: 10px;
}

.kriyo-stories .c-search-results__panel {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 460px;
  min-width: 460px;
}

.kriyo-stories .c-user-access-panel__wrap {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: calc(460px - 30px);
}

@media (max-width: 767px) {
  .kriyo-stories .c-user-access-panel__wrap {
    overflow: -moz-scrollbars-none;
  }

  .kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar {
    width: 0 !important;
  }

  .kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar:horizontal {
    height: 0 !important;
  }
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar {
  width: 3px;
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar:horizontal {
  height: 3px;
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar-track {
  border-radius: 1.5px;
  background: #E2E4EB;
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background: #828282;
}

.kriyo-stories .c-search-results__panel-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
}

.kriyo-stories .c-search-results__panel-items:first-child {
  background-color: #F2F4F8;
}

.kriyo-stories .c-search-results__panel-items + .c-search-results__panel-items {
  margin-top: 5px;
}

.kriyo-stories .c-search-results__panel-items.is-inactive img.avatar-symbol {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.kriyo-stories .c-search-results__panel-items.is-inactive span {
  color: #A2A9B0;
}

.kriyo-stories .c-search-results__panel-contact {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1 0 35%;
  font-size: 14px;
  color: #697077;
}

.kriyo-stories .c-search-results__panel-sub-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 0 100%;
  font-size: 16px;
  color: #878D96;
}

.kriyo-stories .c-search-results__panel-sub-items .a-icon {
  width: 30px;
  height: 30px;
}

.kriyo-stories .c-search-results__panel-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  border-top: 1px solid #E4E6F1;
  color: #0F62FE;
}

.kriyo-stories .demo-container {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.kriyo-stories .c-user-access-panel {
  top: 85px;
  right: auto;
  left: auto;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.2s ease-in;
  transition-property: opacity;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 0px 2px rgba(135, 141, 150, 0.2);
  border-radius: 10px;
  z-index: 1;
}

.kriyo-stories .c-user-access-panel .c-user-access-panel__items {
  padding: 10px 15px;
}

.kriyo-stories .c-user-access-panel .c-user-access-panel__items:hover {
  background-color: #F2F4F8;
  cursor: pointer;
}

.kriyo-stories .c-user-access-panel:before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-bottom: 15px solid #FFFFFF;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  right: 10px;
  left: auto;
  bottom: 0;
  border-top: 0;
  top: -12px;
}

.kriyo-stories .c-user-access-panel.my-profile {
  right: 5px;
  width: 300px;
  min-width: 300px;
}

.kriyo-stories .c-user-access-panel.my-profile .c-user-access-panel__items:first-child {
  border-bottom: 1px solid #E4E6F1;
}

.kriyo-stories .c-user-access-panel.my-profile .c-user-access-panel__items:first-child:hover {
  background-color: transparent;
  cursor: unset;
}

.kriyo-stories .c-user-access-panel.my-profile.is-expanded {
  visibility: visible;
  max-height: 300px;
  min-height: 160px;
  opacity: 1;
}

.kriyo-stories .c-user-access-panel.my-option {
  right: 178px;
  width: 200px;
  min-width: 200px;
}

.kriyo-stories .c-user-access-panel.my-option.is-expanded {
  visibility: visible;
  max-height: 100%;
  min-height: 160px;
  opacity: 1;
}

.kriyo-stories .c-user-access-panel__wrap {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-height: 100%;
}

@media (max-width: 767px) {
  .kriyo-stories .c-user-access-panel__wrap {
    overflow: -moz-scrollbars-none;
  }

  .kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar {
    width: 0 !important;
  }

  .kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar:horizontal {
    height: 0 !important;
  }
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar {
  width: 3px;
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar:horizontal {
  height: 3px;
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar-track {
  border-radius: 1.5px;
  background: #E2E4EB;
}

.kriyo-stories .c-user-access-panel__wrap::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background: #828282;
}

.kriyo-stories .c-global-header__sm-view {
  position: relative;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

@media (min-width: 568px) {
  .kriyo-stories .c-global-header__sm-view {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }
}

.kriyo-stories .c-user-access-panel__wrap {
  position: relative;
}

.kriyo-stories .c-hamburger-menu__wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kriyo-stories #hamburgerMenu,
.kriyo-stories .c-hamburger-btn span {
  /* Hide the checkbox input & word "Menu" in the button */
  display: none;
}

/* Menu button - starts */

.kriyo-stories .c-hamburger-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #FFFFFF;
  width: 50px;
  height: 70px;
  padding: 0 20px;
  cursor: pointer;
  transition: width 0.3s ease-in-out;
}

/* Menu button - ends */

/* Sidebar - starts */

.kriyo-stories .c-hamburger-menu {
  background-color: #FFFFFF;
  position: absolute;
  width: 230px;
  height: 100%;
  min-height: 230px;
  z-index: 1111;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 0 0 6px 6px;
  transition: transform 0.3s ease-in-out;
  transform: translateX(-280px);
  top: 70px;
  right: auto;
  bottom: auto;
  left: 0;
}

.kriyo-stories .c-hamburger-menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.kriyo-stories .c-hamburger-menu ul a {
  position: relative;
  text-decoration: none;
  display: block;
  background-color: transparent;
  color: #21272A;
  padding: 10px 20px;
  font-size: 16px;
}

.kriyo-stories .c-hamburger-menu ul a li i {
  margin-right: 15px;
}

/* Add margin to the icon in the second item */

.kriyo-stories .c-hamburger-menu ul a:nth-child(2) li i {
  margin-left: 4px;
  margin-right: 19px;
}

.kriyo-stories .c-hamburger-menu ul a:hover,
.kriyo-stories .c-hamburger-menu ul a.active {
  background-color: #EDF5FF;
  color: #21272A;
}

.kriyo-stories .c-hamburger-menu ul a:hover::before,
.kriyo-stories .c-hamburger-menu ul a.active::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: #0F62FE;
  width: 4px;
  height: 100%;
}

/* Sidebar - ends */

/* Effect of showing the c-hamburger-menu - starts */

.kriyo-stories #hamburgerMenu:checked ~ .c-hamburger-menu {
  transform: translateX(0);
}

.kriyo-stories #hamburgerMenu:checked + .c-hamburger-btn {
  width: 50px;
  padding: 0 20px;
}

.kriyo-stories #hamburgerMenu:checked + .c-hamburger-btn span {
  /* Show again the word "Menu" in the button */
  display: inline;
}

.kriyo-stories #hamburgerMenu:checked + .c-hamburger-menu {
  /* Show again the word "Menu" in the button */
  left: 20px;
}

/* Effect of showing the c-hamburger-menu - ends */

.kriyo-stories .c-global-header {
  display: block;
  width: 100%;
  max-width: 100vw;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04);
  pointer-events: all;
}

@media (min-width: 978px) {
  .kriyo-stories .c-global-header {
    height: 72px;
  }
}

.kriyo-stories .c-global-header .m-search-field .m-form-field__field {
  background-color: #F2F4F8;
  border: 1px solid #C1C7CD;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 84px;
}

.kriyo-stories .c-global-header__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-global-header__search {
  margin-left: 20px;
}

.kriyo-stories .c-global-header__search .m-search-input {
  min-width: 460px;
}

.kriyo-stories .c-global-header__wrapper {
  width: 100%;
  height: 100%;
}

@media (max-width: 977px) {
  .kriyo-stories .c-global-header__wrapper {
    padding: 20px;
  }
}

.kriyo-stories .c-global-header__content {
  display: flex;
  align-items: center;
  height: 100%;
}

@media (min-width: 978px) and (max-width: 1199px) {
  .kriyo-stories .c-global-header__content {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .kriyo-stories .c-global-header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.kriyo-stories .c-global-header__logo {
  display: block;
}

.kriyo-stories .c-global-header__logo .logo-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-global-header__logo .logo-wrap .logo-tag {
  display: none;
}

@media (min-width: 1200px) {
  .kriyo-stories .c-global-header__logo .logo-wrap .logo-tag {
    display: block;
    margin-left: 10px;
  }
}

.kriyo-stories .c-global-header__logo img {
  width: auto;
  height: 35px;
}

.kriyo-stories .c-global-header__nav-wrap {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.kriyo-stories .c-global-header__nav {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.kriyo-stories .c-global-header__nav-item {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0 16px;
  cursor: pointer;
  position: relative;
}

.kriyo-stories .c-global-header__nav-item.is-active {
  color: #2F3DD7;
}

.kriyo-stories .c-global-header__nav-item.is-active::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  height: 2px;
  width: 100%;
  background: #1529FF;
}

.kriyo-stories .c-global-header__profile {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}

.kriyo-stories .c-global-header__profile-item {
  display: inline-flex;
}

.kriyo-stories .c-global-header__profile-item + .c-global-header__profile-item {
  margin-left: 10px;
}

.kriyo-stories .c-global-overlay__wrap {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}

.kriyo-stories .c-global-overlay {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.2s ease-in;
  transition-property: opacity;
  position: absolute;
  background: #FFFFFF;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 6px;
  z-index: 1;
}

.kriyo-stories .c-global-overlay.is-expanded {
  visibility: visible;
  max-height: 490px;
  min-height: 120px;
  opacity: 1;
}

.kriyo-stories .c-user-access-panel__sign-out {
  padding: 10px 15px;
}

.kriyo-stories .c-user-access-panel__sign-out button {
  width: 100%;
}

.kriyo-stories .c-wizard-progress__card {
  background-color: #F2F4F8;
  padding: 15px;
  border: 1px solid #DDE1E6;
}

.kriyo-stories .c-wizard-progress__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kriyo-stories .c-wizard-progress {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
  min-height: 30px;
}

.kriyo-stories .c-wizard-progress .c-wizard-progress__step {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  overflow: visible;
  position: relative;
  font-size: 14px;
  color: #DDE1E6;
  font-weight: 100;
  border-right: 5px solid #F2F4F8;
}

.kriyo-stories .c-wizard-progress .c-wizard-progress__step:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  background-color: #DDE1E6;
  height: 7px;
  width: 100%;
}

.kriyo-stories .c-wizard-progress .c-wizard-progress__step:first-child:before {
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.kriyo-stories .c-wizard-progress .c-wizard-progress__step:last-child:before {
  border-right: none;
  border-radius: 0 4px 4px 0;
}

.kriyo-stories .c-wizard-progress .c-wizard-progress__step.c-wizard-complete:before {
  background-color: #0F62FE;
}

.kriyo-stories .c-wizard-progress .c-wizard-progress__step.c-wizard-in-progress:before {
  background: #0F62FE;
}

.kriyo-stories .c-wizard-progress__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kriyo-stories .progress__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .progress__check {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #C1C7CD;
  border: 1px solid #C1C7CD;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}

.kriyo-stories .progress__check.is-completed {
  background-color: #039855;
  color: #FFFFFF;
  border: 1px solid #039855;
}

.kriyo-stories .c-birthday__card {
  background-color: #FFFFFF;
  padding: 15px;
}

.kriyo-stories .c-birthday-info {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-column-gap: 10px;
  grid-template-rows: auto;
}

.kriyo-stories .c-stories__card {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

.kriyo-stories .c-stories {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (min-width: 978px) {
  .kriyo-stories .c-stories {
    width: 620px;
  }
}

.kriyo-stories .c-stories:after {
  top: calc((160px / 2) - (30px /2));
  right: 5px;
  bottom: auto;
  left: auto;
}

.kriyo-stories .c-stories__items {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 118px;
  height: 160px;
  flex: 0 0 118px;
  border-radius: 4px;
  overflow: hidden;
}

.kriyo-stories .c-stories__items .c-stories__items-block {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  filter: blur(1px) saturate(90%);
  transform: scaleX(1);
  transition: ease-in-out 0.4s;
  cursor: pointer;
}

.kriyo-stories .c-stories__items .c-stories__items-block:before {
  content: "";
  position: absolute;
  background-image: url("../assets/images/create-story-overlay.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 2px rgba(135, 141, 150, 0.2);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.kriyo-stories .c-stories__items + .c-stories__items {
  margin-left: 10px;
}

.kriyo-stories .c-stories__items:hover .c-stories__items-block:hover {
  opacity: 1;
  filter: blur(0) saturate(100%);
  transform: scale(1.2) translate3d(0px, -1px, 0px);
}

.kriyo-stories .c-stories__wrap {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  pointer-events: none;
  top: auto;
  right: auto;
  bottom: 10px;
  left: auto;
}

.kriyo-stories .c-stories--avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #4589FF;
  border-radius: 50%;
}

.kriyo-stories .c-stories--flag {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border: 2px solid #4589FF;
  border-radius: 50%;
  font-weight: 600;
}

.kriyo-stories .c-stories__create {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  position: absolute;
  pointer-events: none;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 54px;
}

.kriyo-stories .c-stories__create:before {
  content: "+";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 18px;
  line-height: 18px;
  background-color: #0043CE;
  color: #FFFFFF;
  width: 30px;
  height: 30px;
  box-shadow: 0px 0px 2px rgba(135, 141, 150, 0.2);
  border-radius: 50%;
  top: -15px;
  border: 3px solid #FFFFFF;
}

.kriyo-stories .c-stories__create-text {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-create-post__card {
  background-color: #FFFFFF;
  padding: 15px;
}

.kriyo-stories .c-create-post__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: transparent;
  padding: 0;
}

.kriyo-stories .c-create-post__header-user {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.kriyo-stories .c-create-post__header-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  background-color: #F2F4F8;
  color: var(--color-gray-neutral-mid);
  margin-left: 15px;
  border-radius: 84px;
  padding: 10px 20px;
  cursor: pointer;
  flex: 0 1 100%;
  min-height: 40px;
}

.kriyo-stories .c-create-post__action {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-row-gap: 10px;
}

.kriyo-stories .c-create-post__action-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 0;
}

.kriyo-stories .c-create-post__action-item-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.kriyo-stories .c-create-post__panel {
  display: block;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 6px;
}

@media (min-width: 568px) {
  .kriyo-stories .c-create-post__panel {
    width: 620px;
  }
}

.kriyo-stories .c-create-post__panel + .c-create-post__panel {
  margin-top: 20px;
}

.kriyo-stories .c-create-post__panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #E4E6F1;
}

.kriyo-stories .c-create-post__panel-title {
  font-weight: 700;
  font-size: 18px;
}

.kriyo-stories .c-create-post__panel-closed {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kriyo-stories .c-create-post__panel-content {
  padding: 15px;
}

.kriyo-stories .c-create-post__panel-footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 60px;
  border-top: 1px solid #E4E6F1;
  padding: 15px;
}

.kriyo-stories .c-create-post__panel-sub-title {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-create-post__panel-gray {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  background-color: #DDE1E6;
  padding: 10px;
}

.kriyo-stories .c-post__type-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 1 30%;
}

.kriyo-stories .c-post__type {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F2F4F8;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M6.5034965,7 L11.4965035,7 C11.6363637,7 11.7552446,7.0558881 11.8531469,7.16766467 C11.9510491,7.27944124 12,7.41516954 12,7.5748503 C12,7.73453106 11.9510491,7.87025936 11.8531469,7.98203593 L9.35664336,10.8323353 C9.25874115,10.9441119 9.13986025,11 9,11 C8.86013975,11 8.74125885,10.9441119 8.64335664,10.8323353 L6.14685315,7.98203593 C6.04895094,7.87025936 6,7.73453106 6,7.5748503 C6,7.41516954 6.04895094,7.27944124 6.14685315,7.16766467 C6.24475535,7.0558881 6.36363626,7 6.5034965,7 Z' fill='%23141414'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: calc(100% - 5px) 50%;
  font-size: 14px;
  color: #21272A;
  padding: 5px;
  padding-right: 20px;
  cursor: pointer;
}

.kriyo-stories .c-post__option {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-post__option-items {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F2F4F8;
  height: 40px;
  width: 40px;
  margin: 5px;
  border-radius: 4px;
  cursor: pointer;
}

.kriyo-stories .c-create-post__panel-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-create-post__panel-thumb img {
  width: 100%;
  height: auto;
  max-height: 90%;
}

.kriyo-stories .c-create-post__panel-block {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-create-post__panel-block-row {
  display: block;
  width: 100%;
}

.kriyo-stories .c-create-post__panel-block-row + .c-create-post__panel-block-row {
  margin-top: 10px;
}

.kriyo-stories .c-create-post__panel-block-row img {
  width: 100%;
  height: auto;
  max-height: 90%;
}

.kriyo-stories .c-create-post__wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-row-gap: 30px;
  width: 100%;
}

.kriyo-stories .c-create-post__wrap .c-global-overlay {
  position: relative;
}

.kriyo-stories .c-search-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-tagged-people__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-tagged-people__list {
  display: inline-block;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 60px;
  max-height: 140px;
}

@media (max-width: 767px) {
  .kriyo-stories .c-tagged-people__list {
    overflow: -moz-scrollbars-none;
  }

  .kriyo-stories .c-tagged-people__list::-webkit-scrollbar {
    width: 0 !important;
  }

  .kriyo-stories .c-tagged-people__list::-webkit-scrollbar:horizontal {
    height: 0 !important;
  }
}

.kriyo-stories .c-tagged-people__list::-webkit-scrollbar {
  width: 3px;
}

.kriyo-stories .c-tagged-people__list::-webkit-scrollbar:horizontal {
  height: 3px;
}

.kriyo-stories .c-tagged-people__list::-webkit-scrollbar-track {
  border-radius: 1.5px;
  background: #E2E4EB;
}

.kriyo-stories .c-tagged-people__list::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background: #828282;
}

.kriyo-stories .c-tagged-people__list .a-chips {
  margin: 3px;
}

.kriyo-stories .c-tagged-people__suggestions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-tagged-people__emp-list {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  border-radius: 4px;
  height: 200px;
  max-height: 450px;
}

@media (max-width: 767px) {
  .kriyo-stories .c-tagged-people__emp-list {
    overflow: -moz-scrollbars-none;
  }

  .kriyo-stories .c-tagged-people__emp-list::-webkit-scrollbar {
    width: 0 !important;
  }

  .kriyo-stories .c-tagged-people__emp-list::-webkit-scrollbar:horizontal {
    height: 0 !important;
  }
}

.kriyo-stories .c-tagged-people__emp-list::-webkit-scrollbar {
  width: 3px;
}

.kriyo-stories .c-tagged-people__emp-list::-webkit-scrollbar:horizontal {
  height: 3px;
}

.kriyo-stories .c-tagged-people__emp-list::-webkit-scrollbar-track {
  border-radius: 1.5px;
  background: #E2E4EB;
}

.kriyo-stories .c-tagged-people__emp-list::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background: #828282;
}

.kriyo-stories .c-tagged-people__emp-list-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #FFFFFF;
  padding: 10px;
  width: 100%;
  transition: ease-in-out 0.4s;
}

.kriyo-stories .c-tagged-people__emp-list-items:hover {
  background-color: #F2F4F8;
  cursor: pointer;
}

.kriyo-stories .c-tagged-people__emp-list-items:first-child {
  background-color: #F2F4F8;
}

.kriyo-stories .m-form-field__field--tag {
  height: 38px;
  background-color: #F2F4F8;
}

.kriyo-stories .c-profile__card {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #FFFFFF;
  box-shadow: none;
  padding: 0;
}

.kriyo-stories .c-profile__cover-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 100px;
  border-radius: 4px 4px 0 0;
  margin-bottom: 50px;
}

.kriyo-stories .c-profile__cover-photo:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #FFFFFF;
  height: 50px;
  width: 100%;
  bottom: -50px;
  z-index: -1;
}

.kriyo-stories .c-profile__cover-photo .c-profile__avatar {
  position: absolute;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  top: auto;
  right: auto;
  bottom: -34px;
  left: auto;
}

.kriyo-stories .c-profile__cover-photo .c-profile__avatar.has-value:before {
  position: absolute;
  content: "";
  width: 88px;
  height: 88px;
  border: 3px solid #0F62FE;
  border-radius: 50%;
}

.kriyo-stories .c-profile__cover-photo .c-profile__avatar:after {
  position: absolute;
  content: "";
  width: calc(88px + 8px);
  height: calc(88px + 8px);
  border: 4px solid #FFFFFF;
  border-radius: 50%;
  z-index: 1;
}

.kriyo-stories .c-profile__cover-photo--in-post {
  min-height: 240px;
}

.kriyo-stories .c-profile__text {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-profile__details {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-profile__rating {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-main-section__card {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #FFFFFF;
  box-shadow: none;
  padding: 0;
}

.kriyo-stories .c-main-section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-main-section__items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  transition: ease-in-out 0.4s;
}

.kriyo-stories .c-main-section__items:hover {
  background-color: #F2F4F8;
  color: #0043CE;
}

.kriyo-stories .c-main-section__items.is-active {
  background-color: #F2F4F8;
  color: #0043CE;
}

.kriyo-stories .c-main-section__flag {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.kriyo-stories .c-main-section__flag .a-icon {
  width: 15px;
  height: 15px;
  font-weight: bold;
}

.kriyo-stories .flag--feed {
  background-color: #0086C9;
}

.kriyo-stories .flag--event {
  background-color: #7A5AF8;
}

.kriyo-stories .flag--page {
  background-color: #0D9488;
}

.kriyo-stories .flag--birthdays {
  background-color: #0F62FE;
}

.kriyo-stories .flag--photos {
  background-color: #DC6803;
}

.kriyo-stories .flag--course {
  background-color: #CA8A04;
}

.kriyo-stories .flag--news {
  background-color: #DD2590;
}

.kriyo-stories .flag--saved-posts {
  background-color: #039855;
}

.kriyo-stories .feed-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 20px 0;
}

.kriyo-stories .c-post__card {
  background-color: #FFFFFF;
  padding: 0;
}

.kriyo-stories .c-post__content-head {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 20px;
}

.kriyo-stories .c-post__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-post__creator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-post__avatar-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-post__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-post__content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-post__content-body {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.kriyo-stories .c-post__content-body iframe {
  display: inline-block;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.kriyo-stories .c-post__content-img {
  display: flex;
}

.kriyo-stories .c-post__content-footer {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  padding-top: calc((60px / 2) + 10px);
  position: relative;
}

.kriyo-stories .c-post__content-icon {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0px 0px 2px rgba(135, 141, 150, 0.2);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  top: calc(-60px / 2);
  right: auto;
  bottom: auto;
  left: auto;
}

.kriyo-stories .c-post__content-wrap {
  background-color: #DDE1E6;
  padding: 20px;
}

.kriyo-stories .video-container {
  width: 100%;
}

@media (min-width: 978px) {
  .kriyo-stories .video-container {
    width: 620px;
  }
}

.kriyo-stories .c-post__img-wrapper-two {
  display: flex;
  gap: 5px;
}

.kriyo-stories .c-multiple__post--top {
  max-height: 190px;
  -o-object-fit: cover;
  object-fit: cover;
}

.kriyo-stories .c-multiple__post-view {
  width: 33.3%;
  background-image: url(../assets/images/post-default.png);
  background-repeat: no-repeat;
  background-position: center;
}

.kriyo-stories .c-post__img-wrapper img {
  width: 33.3%;
}

.kriyo-stories .c-multiple__post-txt {
  width: 100%;
  height: 100%;
  background: #344054;
  opacity: 0.9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.kriyo-stories .c-multiple__post-overlay {
  font-weight: 700;
  font-size: 44px;
  line-height: 52px;
  color: white;
}

.kriyo-stories .c-post__img-wrapper {
  display: flex;
  gap: 5px;
}

.kriyo-stories .c-post__img-wrapper-two img {
  width: 50%;
}

.kriyo-stories .c-comments__card {
  background-color: #FFFFFF;
  padding: 15px;
}

.kriyo-stories .o-card + .o-card.c-comments__card {
  margin-top: 0;
}

.kriyo-stories .c-comments_block {
  display: flex;
  width: 100%;
}

.kriyo-stories .c-comments__details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E6F1;
  padding-bottom: 10px;
}

.kriyo-stories .c-comments__status {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #E4E6F1;
  padding: 10px 0;
}

.kriyo-stories .c-comments__details-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-comments__status-items {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kriyo-stories .c-comments__status-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0F62FE;
  color: #FFFFFF;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.kriyo-stories .c-comments__status-btn .a-icon {
  width: 12px;
  height: 12px;
}

.kriyo-stories .c-comments__section-content-write-icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 1 35%;
}

.kriyo-stories .c-comments_block {
  display: block;
}

.kriyo-stories .c-comments__section-view-sub {
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto;
}

.kriyo-stories .c-comments__recent {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.kriyo-stories .c-comments__section {
  display: inline-block;
  width: 100%;
}

.kriyo-stories .c-comments__section-view {
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto;
}

.kriyo-stories .c-comments__section-content {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-comments__section-block {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #F2F4F8;
  width: 100%;
  border-radius: 4px;
  padding: 10px;
  padding-bottom: 20px;
}

.kriyo-stories .c-comments__section-block-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-comments__section-block-row + .c-comments__section-block-row {
  margin-top: 5px;
}

.kriyo-stories .c-comments__section-block-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px;
}

.kriyo-stories .c-comments__section-block-reply {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5px;
}

.kriyo-stories .c-comments__section-view-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-comments__section-write {
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto;
}

.kriyo-stories .c-comments__section-content-write {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F2F4F8;
  width: 100%;
  border-radius: 4px;
  padding: 5px;
}

.kriyo-stories .c-comments__section-content-write .m-form-field__field {
  border: none;
  height: 30px;
  background-color: transparent;
  font-size: 14px;
  Line-height: 20px;
  font-weight: 400;
}

.kriyo-stories .c-comments__section-content-write .m-form-field__input {
  padding: 0 5px;
}

.kriyo-stories .c-comments__section-content-write-icon .a-icon {
  width: 16px;
  height: 16px;
  color: #878D96;
}

.kriyo-stories .c-comments__section-content-write-input {
  flex: 0 1 80%;
}

.kriyo-stories .c-comments__status-btn-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  padding: 5px;
  margin-top: -30px;
}

.kriyo-stories .c-events__card {
  background-color: #FFFFFF;
  padding: 15px;
}

.kriyo-stories .c-events--info {
  background-color: #EDF5FF;
  padding: 15px;
}

.kriyo-stories .c-events--info .c-accordion:before {
  background-color: #0043CE;
}

.kriyo-stories .c-events--highlight {
  background-color: #FFFAEB;
  padding: 15px;
}

.kriyo-stories .c-events--highlight .c-accordion:before {
  background-color: #CA8A04;
}

.kriyo-stories .c-events--success {
  background-color: #ECFDF3;
  padding: 15px;
}

.kriyo-stories .c-events--success .c-accordion:before {
  background-color: #039855;
}

.kriyo-stories .c-events--warning {
  background-color: #FFF6ED;
  padding: 15px;
}

.kriyo-stories .c-events--warning .c-accordion:before {
  background-color: #DC6803;
}

.kriyo-stories .c-events--error {
  background-color: #FEF3F2;
  padding: 15px;
}

.kriyo-stories .c-events--error .c-accordion:before {
  background-color: #F74848;
}

.kriyo-stories .c-online-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 5px;
  padding: 0;
}

.kriyo-stories .c-online-list .a-ul-list__item {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: -5px;
}

.kriyo-stories .c-online-list .a-ul-list__item.is-more .a-online__status {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #F2F4F8;
  color: #0043CE;
  font-weight: 600;
  padding: 5px;
}

.kriyo-stories .c-online-list .a-online__status {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kriyo-stories .c-accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Accordion styles */

.kriyo-stories .c-accordion {
  overflow: hidden;
  position: relative;
  transition: all 0.35s;
}

.kriyo-stories .c-accordion:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  border-radius: 50px;
  top: auto;
  right: auto;
  bottom: auto;
  left: 0;
}

.kriyo-stories .c-accordion .c-accordion__block-content {
  opacity: 0;
  transition: all 0.35s;
}

.kriyo-stories .c-accordion .c-accordion__block-content input {
  position: relative;
  opacity: 1;
  z-index: 1;
}

.kriyo-stories .c-accordion__main {
  display: block;
  width: 100%;
}

.kriyo-stories .c-accordion__block {
  width: 100%;
  color: #4D5358;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 4px;
  transition: all 0.35s;
}

.kriyo-stories .c-accordion__block-label {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 14px;
  padding: 0 20px 0 15px;
  cursor: pointer;
  background: transparent;
  position: relative;
  height: auto;
  min-height: 30px;
}

.kriyo-stories .c-accordion__block-label::after {
  content: "❯";
  width: 15px;
  height: auto;
  text-align: center;
  transition: all 0.35s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

.kriyo-stories .c-accordion__block-content {
  max-height: 0;
  padding-left: 15px;
  color: #4D5358;
  background: transparent;
  transition: all 0.35s;
}

.kriyo-stories .c-accordion input:checked + .c-accordion__block-label {
  background: transparent;
}

.kriyo-stories .c-accordion input:checked + .c-accordion__block-label::after {
  transform: rotate(90deg);
}

.kriyo-stories .c-accordion input:checked ~ .c-accordion__block-content {
  max-height: 100%;
  opacity: 1;
}

.kriyo-stories .c-accordion__content-row {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.kriyo-stories .c-calender__card {
  background-color: #FFFFFF;
  padding: 15px;
  box-shadow: none;
}

.kriyo-stories .c-today-birthday__card {
  background-color: #FFFFFF;
  padding: 0;
}

.kriyo-stories .c-today-birthday {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media (min-width: 978px) {
  .kriyo-stories .c-today-birthday {
    width: 620px;
  }
}

.kriyo-stories .c-today-birthday:before {
  top: calc((100% / 2) - 30px);
  right: auto;
  bottom: auto;
  left: 10px;
}

.kriyo-stories .c-today-birthday:after {
  top: calc((100% / 2) - 30px);
  right: 10px;
  bottom: auto;
  left: auto;
}

.kriyo-stories .c-today-birthday__items {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  flex: 0 0 100%;
  border-radius: 4px;
  overflow: hidden;
}

.kriyo-stories .c-today-birthday__wrap {
  display: block;
  width: 100%;
  height: 100%;
}

.kriyo-stories .c-today-birthday__back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 140px;
  border-radius: 4px;
}

.kriyo-stories .c-today-birthday__banner {
  background-color: rgba(17, 24, 39, 0.5);
  padding: 10px;
  border-radius: 4px;
  position: absolute;
  width: 230px;
  height: 60px;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
}

.kriyo-stories .c-today-birthday__content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}

.kriyo-stories .c-today-birthday__info {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  flex: 0 1 100%;
}

.kriyo-stories .c-today-birthday__label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #039855;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  top: 0;
  right: 20px;
  bottom: auto;
  left: auto;
}

.kriyo-stories .c-today-birthday__comments {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: transparent;
  padding: 10px;
}

.kriyo-stories .c-today-birthday__sender-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  background-color: transparent;
  color: var(--color-gray-neutral-mid);
  margin-left: 10px;
  border-radius: 84px;
  padding: 0;
  cursor: pointer;
  flex: 0 1 100%;
}

.kriyo-stories .c-today-birthday__sender-text .m-form-field__field {
  height: 30px;
  background-color: transparent;
  border: none;
}

.kriyo-stories .c-today-birthday__sender-text .m-form-field__input {
  padding: 0;
}

.kriyo-stories .c-post-view {
  position: absolute;
  background-color: #FFFFFF;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;
  border-radius: 0;
  z-index: 1;
}

.kriyo-stories .c-post-view.is-inactive {
  display: block;
}

.kriyo-stories .c-post-view__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  background-color: #FFFFFF;
  height: 100%;
  padding: 0;
}

@media (min-width: 978px) {
  .kriyo-stories .c-post-view__content {
    grid-template-columns: 1fr 420px;
  }
}

.kriyo-stories .c-post-view__content-main {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: #343A3F;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 30px;
  padding-top: calc(50px + 10px);
  position: relative;
}

.kriyo-stories .c-post-view__content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  background: transparent;
  height: 50px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  padding: 10px;
}

.kriyo-stories .c-post-view__content-header .c-post-view__logo {
  width: 30px;
  height: 30px;
}

.kriyo-stories .c-post-view__content-body {
  width: 100%;
}

.kriyo-stories .c-post-view__content-aside {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #FFFFFF;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
}

@media (max-width: 767px) {
  .kriyo-stories .c-post-view__content-aside {
    overflow: -moz-scrollbars-none;
  }

  .kriyo-stories .c-post-view__content-aside::-webkit-scrollbar {
    width: 0 !important;
  }

  .kriyo-stories .c-post-view__content-aside::-webkit-scrollbar:horizontal {
    height: 0 !important;
  }
}

.kriyo-stories .c-post-view__content-aside::-webkit-scrollbar {
  width: 3px;
}

.kriyo-stories .c-post-view__content-aside::-webkit-scrollbar:horizontal {
  height: 3px;
}

.kriyo-stories .c-post-view__content-aside::-webkit-scrollbar-track {
  border-radius: 1.5px;
  background: #E2E4EB;
}

.kriyo-stories .c-post-view__content-aside::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background: #828282;
}

.kriyo-stories .c-twitter-post__date {
  display: flex;
  gap: 10px;
}

.kriyo-stories .c-twitter-feed__image-item {
  min-width: 143px;
  max-width: 143px;
  width: 143px;
  height: 143px;
  -o-object-fit: cover;
  object-fit: cover;
}

.kriyo-stories .c-twitter__main.c-main-section.u-mt-20 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kriyo-stories .c-work-effort__tabs {
  gap: 0;
}

.kriyo-stories .c-work-effort__tabs-chip {
  background: none;
  border: none;
}

.kriyo-stories .c-work-effort__time-wrapper {
  text-align: center;
  width: 100%;
}

.kriyo-stories .c-work-effort__time {
  color: #039855;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}

.kriyo-stories .s-small-caption.c-work-effort__time-sub span {
  color: #2374E1;
}

.kriyo-stories .c-suggest__item {
  position: relative;
}

.kriyo-stories .c-suggest__thumbs-up {
  background: #EAECF0;
  padding: 8px;
  border-radius: 4px;
  margin-left: 20px;
  display: inline-flex;
  position: absolute;
  right: 0;
}

.kriyo-stories .c-suggested-tab.c-main-section {
  gap: 10px;
  margin-top: 20px;
}

.kriyo-stories .c-user-access-panel.my-option.c-user-notifications-panel.is-expanded {
  width: 360px;
  right: 470px;
}

.kriyo-stories .c-user-access-panel.my-option.c-user-notifications-panel.is-expanded.c-user-access-panel__items {
  border-bottom: 1px solid #E4E6F1;
}

.kriyo-stories .c-user-notification-panel__avatar.c-employees__avatar {
  justify-content: space-between;
  align-items: start;
  color: var(--color-primary-focus-light);
}

.kriyo-stories .c-user-notification-panel__avatar.c-employees__avatar div {
  padding-left: 0;
}

.kriyo-stories .c-notifications__read-all {
  display: flex;
  gap: 5px;
  align-items: center;
}

.kriyo-stories .c-notification-panel__item {
  padding: 10px 15px;
}

.kriyo-stories .c-notification__indicator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-notification__post-time {
  color: #667085;
}

.kriyo-stories .c-notification__item-type--birthday {
  display: flex;
}

.kriyo-stories .c-notification__info-wrapper {
  width: 85%;
}

.kriyo-stories .c-notification__item-block {
  position: relative;
}

.kriyo-stories .c-notification-panel__item-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.kriyo-stories .c-notification-panel__item-head {
  padding: 10px 15px;
}

.kriyo-stories .c-notification__info-wrapper::after {
  content: "";
  width: 10px;
  height: 10px;
  text-align: center;
  transition: all 0.35s;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  background: var(--color-text-primary);
  border-radius: 100px;
}

.kriyo-stories .c-notification-panel__item:hover {
  background-color: #F2F4F8;
  cursor: pointer;
}

.kriyo-stories .c-user-access-panel.my-option.c-shortcut-panel.is-expanded {
  right: 500px;
  width: 360px;
}

.kriyo-stories .c-notification__bottom-border {
  border-bottom: 1px solid #E4E6F1;
}

.kriyo-stories .c-shortcuts-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  min-height: 65px;
}

.kriyo-stories .c-shortcuts-panel__header.c-notification__bottom-border div {
  align-items: center;
}

.kriyo-stories .c-shortcut-panel__grid {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  margin: 10px;
}

.kriyo-stories .c-shortcut-panel__item {
  padding: 20px;
  border-radius: 4px;
  width: 33.3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 5px;
}

.kriyo-stories .c-shortcut-panel__item.is-active {
  background: #F9FAFB;
}

.kriyo-stories .c-breadcrumbs__card {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  min-height: 60px;
}

.kriyo-stories .c-breadcrumbs {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  color: #878D96;
}

.kriyo-stories .c-breadcrumbs__link {
  color: #0F62FE;
  font-size: 14px;
  transition: ease-in-out 0.4s;
  cursor: pointer;
  text-decoration: none;
}

.kriyo-stories .c-breadcrumbs__link:hover {
  color: #0043CE;
  text-decoration: underline;
}

.kriyo-stories .c-breadcrumbs__link:first-child {
  margin: 0 5px 0 0;
}

.kriyo-stories .c-breadcrumbs__link:not(:first-child) {
  margin: 0 5px;
}

.kriyo-stories .c-aside-nav {
  overflow: hidden;
}

.kriyo-stories .c-aside-nav__items {
  width: 100%;
  overflow: hidden;
}

.kriyo-stories .c-aside-nav__items-label {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #FFFFFF;
  color: #878D96;
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav__items-label:hover {
  background-color: #F2F4F8;
}

.kriyo-stories .c-aside-nav__items-label::after {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #878D96;
  content: "❯";
  width: 20px;
  height: 20px;
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav__items-content {
  background-color: #FFFFFF;
  color: #878D96;
  font-size: 14px;
  max-height: 0;
  padding: 0 1em;
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav__items input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.kriyo-stories .c-aside-nav__items input:checked + .c-aside-nav__items-label {
  background-color: #F2F4F8;
}

.kriyo-stories .c-aside-nav__items input:checked + .c-aside-nav__items-label::after {
  transform: rotate(90deg);
}

.kriyo-stories .c-aside-nav__items input:checked ~ .c-aside-nav__items-content {
  max-height: 100vh;
  padding: 0;
}

.kriyo-stories .c-aside-nav__list {
  margin: 0;
  padding: 0;
}

.kriyo-stories .c-aside-nav__list-items {
  position: relative;
  list-style-type: none;
  color: #878D96;
  font-size: 14px;
  padding: 10px 10px 10px 15px;
  cursor: pointer;
  margin: 1px;
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav__list-items:hover {
  background-color: #EDF5FF;
  color: #0F62FE;
}

.kriyo-stories .c-aside-nav__card {
  background-color: #FFFFFF;
  padding: 0;
  box-shadow: none;
}

.kriyo-stories .c-aside-nav--main .c-aside-nav__items-label.c-aside__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-aside-nav--main .c-aside-nav__items-label.c-aside__link::after {
  display: none;
}

.kriyo-stories .c-aside-nav--main .c-aside-nav__list .c-aside-nav__list-items::before {
  background-color: #878D96;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
}

.kriyo-stories .c-aside-nav--main .c-aside-nav__list .c-aside-nav__list-items.is-active {
  background-color: #EDF5FF;
  color: #0F62FE;
}

.kriyo-stories .c-aside-nav--main .c-aside-nav__list .c-aside-nav__list-items.is-active::before {
  background-color: #0F62FE;
}

.kriyo-stories .c-aside-nav--main .c-aside-nav__list .c-aside-nav__list-items:hover::before {
  background-color: #0F62FE;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__items-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-bottom: 15px;
  min-height: 36px;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__items-label:hover {
  background-color: transparent;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__items-label .c-aside-nav__wrap {
  min-height: 36px;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__items .c-aside-nav__items-content {
  transition: auto;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list {
  padding: 0 0 0 10px;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items {
  padding: 0;
  margin: 0;
  position: relative;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items::before {
  content: "";
  position: absolute;
  background-color: #C1C7CD;
  width: 1px;
  height: 100%;
  padding: 0;
  top: 0;
  right: auto;
  bottom: 0;
  left: calc(14px / 2);
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items.is-completed .c-aside-nav__wrap {
  color: #0F62FE;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items.is-completed .c-aside-nav__wrap::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "✓";
  color: #FFFFFF;
  background: #0F62FE;
  border: 1px solid #0F62FE;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items.is-in-progress .c-aside-nav__wrap {
  color: #0F62FE;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items .c-aside-nav__wrap {
  position: relative;
  padding: 10px 0 10px 30px;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items .c-aside-nav__wrap::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  position: absolute;
  background-color: #C1C7CD;
  width: 15px;
  height: 1px;
  z-index: 1;
  padding: 0;
  top: 20px;
  right: auto;
  bottom: auto;
  left: 8px;
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items .c-aside-nav__wrap::after {
  display: none;
  content: "";
  position: absolute;
  font-size: 9px;
  background-color: #FFFFFF;
  border: 1px solid #C1C7CD;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  z-index: 1;
  padding: 0;
  top: 14px;
  right: 0;
  bottom: auto;
  left: auto;
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items:hover {
  background-color: transparent;
  color: #0F62FE;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items:first-child {
  padding-top: 5px;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__list .c-aside-nav__list-items:last-child {
  padding-bottom: 5px;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__items input:checked + .c-aside-nav__items-label {
  background-color: transparent;
  color: #0F62FE;
  margin-bottom: 0;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__items input:checked + .c-aside-nav__items-label .items-icon {
  background-color: #0F62FE;
  color: #FFFFFF;
  border: 1px solid #C1C7CD;
}

.kriyo-stories .c-aside-nav--sub .c-aside-nav__items input:checked + .c-aside-nav__items-label .items-icon .a-icon {
  color: #FFFFFF;
}

.kriyo-stories .c-aside-nav--sub .items-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: transparent;
  color: #A2A9B0;
  border: 1px solid #C1C7CD;
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav--sub .items-icon .a-icon {
  color: #A2A9B0;
  width: calc(36px / 2);
  height: calc(36px / 2);
  transition: all 0.35s;
}

.kriyo-stories .c-aside-nav--sub .items-text {
  padding-left: 50px;
  font-weight: 600;
}

.kriyo-stories .c-details__blog {
  border-radius: 6px;
  box-shadow: none;
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}

.kriyo-stories .c-details__blog--image {
  background-image: url("https://images.unsplash.com/photo-1667815699931-046f5ab12ce5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1176&q=80") !important;
  background-size: cover !important;
  background-position: center;
}

.kriyo-stories .c-form__card {
  background-color: #FFFFFF;
  box-shadow: none;
  height: 100%;
}

.kriyo-stories .c-form__card-padding--active {
  padding: 20px;
}

.kriyo-stories .c-form__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px 1fr 80px;
  height: 100%;
}

.kriyo-stories .c-form__content-header {
  border-bottom: 1px solid #DDE1E6;
  padding: 20px;
}

.kriyo-stories .c-form__content-body {
  min-height: calc(100% - (60px + 80px));
  padding: 20px;
}

.kriyo-stories .c-form__content-footer {
  border-top: 1px solid #DDE1E6;
  padding: 30px;
  display: flex;
}

.kriyo-stories .c-form__wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5%, 1fr));
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-row-gap: 20px;
  width: 100%;
}

.kriyo-stories .c-form__wrap--fixed {
  grid-template-columns: 45% repeat(auto-fit, minmax(5%, 1fr));
}

.kriyo-stories .c-form__wrap-items {
  width: 100%;
}

.kriyo-stories .c-form__wrap-items.wrap--col {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-form__wrap-items.wrap--col .m-form-field:first-child {
  flex: 1 0 30%;
  margin-right: 20px;
}

.kriyo-stories .c-form__wrap-items.wrap--col-lc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-form__wrap-items.wrap--col-lc .m-form-field:last-child {
  flex: 1 0 70%;
  margin-right: 20px;
}

.kriyo-stories .c-form__wrap-items.single--item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kriyo-stories .c-form__wrap-items.single--item .m-form-field:first-child {
  flex: 0 0 calc(50% - (20px / 2));
  margin-right: 20px;
}

.kriyo-stories .c-form__btn-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-form__btn-wrap .a-btn + .a-btn {
  margin-left: 20px;
}

.kriyo-stories .passport-view {
  display: none;
  transition: all 0.5s ease;
  margin-top: 20px;
}

.kriyo-stories .passport-view.is-active {
  display: flex;
}

.kriyo-stories .c-view-details {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 5px;
}

.kriyo-stories .c-view-details__label {
  color: #4D5358;
}

.kriyo-stories .c-view-details__para {
  color: #344054;
}

.kriyo-stories .c-employee__popup {
  position: relative;
}

.kriyo-stories .c-employee-table__modal {
  position: absolute;
  top: 30px;
  right: 0;
}

.kriyo-stories .c-employee-table__modal div {
  position: unset;
}

.kriyo-stories .c-employee-table__modal div::before {
  display: none;
}

.kriyo-stories .c-employee-details__popup-del {
  color: var(--color-error-dark);
  align-items: center;
  display: flex;
  gap: 5px;
}

.kriyo-stories .c-user-access-panel__items.c-employee-details__popup-default {
  color: #475467;
}

.kriyo-stories .c-employee__divider {
  width: 90%;
  margin: auto;
  color: #F2F4F7;
  background: #F2F4F7;
  height: 1px;
  border: none;
}

.kriyo-stories .c-promotion__item::before {
  content: "";
  position: absolute;
  background-color: #C1C7CD;
  width: 1px;
  height: 150%;
  padding: 0;
  top: -20px;
  right: auto;
  bottom: 0;
  left: 34px;
  transition: all 0.35s;
}

.kriyo-stories .c-promotion__item::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  position: absolute;
  background-color: #C1C7CD;
  width: 15px;
  height: 1px;
  z-index: 1;
  padding: 0;
  top: 12px;
  right: auto;
  bottom: auto;
  left: 34px;
  transition: all 0.35s;
}

.kriyo-stories .c-promotion__item {
  margin-left: 75px;
}

.kriyo-stories .c-data-table__scroller {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  width: 100%;
}

@media (max-width: 767px) {
  .kriyo-stories .c-data-table__scroller {
    overflow: -moz-scrollbars-none;
  }

  .kriyo-stories .c-data-table__scroller::-webkit-scrollbar {
    width: 0 !important;
  }

  .kriyo-stories .c-data-table__scroller::-webkit-scrollbar:horizontal {
    height: 0 !important;
  }
}

.kriyo-stories .c-data-table__scroller::-webkit-scrollbar {
  width: 3px;
}

.kriyo-stories .c-data-table__scroller::-webkit-scrollbar:horizontal {
  height: 3px;
}

.kriyo-stories .c-data-table__scroller::-webkit-scrollbar-track {
  border-radius: 1.5px;
  background: #E2E4EB;
}

.kriyo-stories .c-data-table__scroller::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background: #828282;
}

.kriyo-stories .c-data-table {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 1024px;
  min-width: 100%;
}

@media (min-width: 1200px) {
  .kriyo-stories .c-data-table {
    width: 100%;
  }
}

.kriyo-stories .c-data-table__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  grid-template-rows: auto;
  color: #DDE1E6;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #E4E6F1;
}

.kriyo-stories .c-data-table__row-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-data-table__row--header {
  font-weight: 600;
  border-bottom: 2px solid #C1C7CD;
  padding: 15px 20px;
}

.kriyo-stories .c-data-table__row--default {
  font-weight: 400;
}

.kriyo-stories .details-view .c-data-table__row {
  grid-template-columns: 50% repeat(auto-fit, minmax(5%, 1fr));
}

.kriyo-stories .c-data-table__action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  background: transparent;
  border-radius: 4px;
  height: 100%;
}

.kriyo-stories .c-tabs * {
  box-sizing: border-box;
}

.kriyo-stories .c-tab__input {
  position: absolute;
  opacity: 0;
}

.kriyo-stories .c-tab__label {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 100%;
  color: #344054;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  height: 40px;
  padding: 10px 20px;
  margin: 0;
  border-radius: 0;
  transition: all 0.5s ease;
  position: relative;
  z-index: 1;
}

.kriyo-stories .c-tab__label-box-bar {
  display: block;
  background: #0F62FE;
  opacity: 0.9;
  position: absolute;
  width: 0;
  height: 3px;
  top: auto;
  right: auto;
  bottom: 0;
  left: auto;
  transition: all 0.5s ease;
}

.kriyo-stories .c-tab__label:hover .ts-normal {
  color: #0F62FE;
  transition: all 0.5s ease;
}

.kriyo-stories .c-tab__label:hover .c-tab__label-box-bar {
  width: 100%;
  transition: width 0.1s, color 0.1s;
}

.kriyo-stories .c-tab__input:focus + .c-tab__label {
  z-index: 1;
}

.kriyo-stories .c-tab__input:checked + .c-tab__label {
  background: transparent;
}

.kriyo-stories .c-tab__input:checked + .c-tab__label .c-tab__label-box-bar {
  width: 100%;
  transition: width 0.1s, color 0.1s;
}

@media (min-width: 600px) {
  .kriyo-stories .c-tab__label {
    width: auto;
  }
}

.kriyo-stories .c-tab__panel {
  display: none;
  width: 100%;
  padding: 20px;
  background: #FFFFFF;
  border-top: 1px solid #DDE1E6;
  border-radius: 0;
  height: calc(100% - 20px);
  position: relative;
}

.kriyo-stories .c-tab__panel.u-p20 {
  padding: 30px;
}

@media (min-width: 568px) {
  .kriyo-stories .c-tab__panel.u-p20 {
    padding: 20px;
  }
}

@media (min-width: 600px) {
  .kriyo-stories .c-tab__panel {
    order: 99;
  }
}

.kriyo-stories .c-tab__input:checked + .c-tab__label + .c-tab__panel {
  display: block;
}

.kriyo-stories .c-tab__input:checked + .c-tab__label {
  color: #0F62FE;
}

.kriyo-stories .c-tab__panel-row {
  display: block;
  width: 100%;
}

.kriyo-stories .c-tab__panel-row-pull {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-tab__content {
  height: auto;
  margin-bottom: 80px;
}

.kriyo-stories .c-tab__footer {
  border-top: 1px solid #DDE1E6;
  padding: 20px 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.kriyo-stories .c-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF;
  padding: 10px 20px;
  width: 100%;
  border-bottom: 1px solid #E4E6F1;
  min-height: unset;
}

.kriyo-stories .c-filter__items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-filter__items .m-form-field {
  width: auto;
}

.kriyo-stories .c-filter__items .m-form-field__field {
  height: 40px;
}

.kriyo-stories .c-filter__items-wrap-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-emp-table {
  background: #FFFFFF;
}

.kriyo-stories .c-emp-table__row {
  grid-template-columns: 20px 80px 20% repeat(auto-fit, minmax(10%, 1fr)) 200px 100px 30px;
  grid-column-gap: 20px;
}

.kriyo-stories .c-emp-table .c-data-table__row-items {
  color: #343A3F;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.kriyo-stories .c-employees__avatar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-employees__avatar .c-employees__info {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 10px;
}

.kriyo-stories .c-employees__avatar .avatar-symbol {
  max-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.kriyo-stories .c-employees-list {
  display: grid;
  grid-template-columns: 55% repeat(auto-fit, minmax(15%, 1fr));
  grid-column-gap: 20px;
  grid-template-rows: auto;
  width: 100%;
  box-shadow: none;
}

.kriyo-stories .c-employees-list__items {
  width: 100%;
  background: #FFFFFF;
  padding: 20px;
}

.kriyo-stories .c-employees-block {
  display: grid;
  grid-template-columns: 50px 20% repeat(auto-fit, minmax(10%, 1fr));
  grid-column-gap: 15px;
  grid-template-rows: auto;
  width: 100%;
}

.kriyo-stories .c-employees-block__items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-employees-block__wrap {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.kriyo-stories .c-employees-block__col {
  display: flex;
  flex-flow: flex-start;
  align-items: center;
}

.kriyo-stories .c-employees-block__flag {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.kriyo-stories .c-employees-block__flag.employees {
  color: #0F62FE;
  background-color: #EDF5FF;
}

.kriyo-stories .c-employees-block__flag.project {
  color: #7A5AF8;
  background-color: #EBE9FE;
}

.kriyo-stories .c-employees-block__flag.groups {
  color: #DD2590;
  background-color: #FCE7F6;
}

.kriyo-stories .c-employee-details {
  background: #FFFFFF;
}

.kriyo-stories .c-employee-details .c-data-table__row--header {
  padding: 0 20px;
}

.kriyo-stories .c-employee-details__row {
  grid-template-columns: 200px repeat(auto-fit, minmax(8%, 1fr)) 40px;
  grid-column-gap: 15px;
}

.kriyo-stories .c-employee-details .c-data-table__row-items {
  color: #343A3F;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
}

.kriyo-stories .c-employee-details .c-data-table__row-items.is-active {
  background-color: #BBD4F6;
}

.kriyo-stories .c-employee-details__items {
  display: block;
  width: 100%;
}

.kriyo-stories .c-employee-details__col {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-leave {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-leave__list {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.kriyo-stories .c-leave__list li {
  list-style-type: none;
  padding: 0 5px;
  color: #343A3F;
}

.kriyo-stories .c-leave__type {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.kriyo-stories .c-leave__type:before {
  display: inline-flex;
  content: "";
  background-color: #697077;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  margin-right: 4px;
}

.kriyo-stories .c-leave__type--noleave {
  color: #E02D3C;
}

.kriyo-stories .c-leave__type--noleave:before {
  background-color: #E02D3C;
}

.kriyo-stories .c-leave__type--short {
  color: #CA8A04;
}

.kriyo-stories .c-leave__type--short:before {
  background-color: #CA8A04;
}

.kriyo-stories .c-leave__type--casual {
  color: #0043CE;
}

.kriyo-stories .c-leave__type--casual:before {
  background-color: #0043CE;
}

.kriyo-stories .c-leave__type--annual {
  color: #7A5AF8;
}

.kriyo-stories .c-leave__type--annual:before {
  background-color: #7A5AF8;
}

.kriyo-stories .c-leave__type--medical {
  color: #0086C9;
}

.kriyo-stories .c-leave__type--medical:before {
  background-color: #0086C9;
}

.kriyo-stories .c-leave__type--onsite {
  color: #DD2590;
}

.kriyo-stories .c-leave__type--onsite:before {
  background-color: #DD2590;
}

.kriyo-stories .c-leave__type--maternity {
  color: #0D9488;
}

.kriyo-stories .c-leave__type--maternity:before {
  background-color: #0D9488;
}

.kriyo-stories .c-leave__type--lieu {
  color: #5925DC;
}

.kriyo-stories .c-leave__type--lieu:before {
  background-color: #5925DC;
}

.kriyo-stories .c-leave__type--nopay {
  color: #026AA2;
}

.kriyo-stories .c-leave__type--nopay:before {
  background-color: #026AA2;
}

.kriyo-stories .c-employee__expand-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  grid-column-gap: 20px;
  grid-template-rows: auto;
  width: 100%;
  background-color: #FBFBFB;
  padding: 20px;
}

.kriyo-stories .c-employee__expand-view-items {
  width: 100%;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 4px;
}

.kriyo-stories .tracked-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .leave-list {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.kriyo-stories .c-employee__expand {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-employee__expand-block-wrap {
  display: block;
  width: 100%;
}

.kriyo-stories .c-employee__expand-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kriyo-stories .c-employee__expand-block span {
  color: #343A3F;
}

.kriyo-stories .c-timeline__header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kriyo-stories svg.c-timeline__svg.a-icon.ts-link {
  width: 38px;
  height: 38px;
  color: black;
}

.kriyo-stories .c-timeline__item-head p {
  color: var(--color-button-primary-default);
}

.kriyo-stories .c-timeline__item-head h4 {
  color: var(--color-text-dark);
}

.kriyo-stories .c-timeline__item head h5 {
  color: var(--color-gray-neutral-dark);
}

.kriyo-stories .c-timeline__icon {
  border: 2px solid #475467;
  border-radius: 100%;
  padding: 12px;
}

.kriyo-stories .c-timeline__svg {
  display: inherit;
  width: 38px;
  height: 38px;
}

.kriyo-stories .c-timeline__header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kriyo-stories .c-timeline__modal-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 35px 1fr 60px;
  height: 100%;
}

.kriyo-stories .c-timeline__modal {
  position: absolute;
  width: 400px;
  right: 110px;
}

.kriyo-stories .c-timeline__switch-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.kriyo-stories .c-timeline-switch-text {
  color: #344054;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.kriyo-stories .c-timeline__toggle-radio {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.kriyo-stories .c-timeline-m-heading {
  position: relative;
  color: #344054;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  border-left: 4px solid #006DD7;
  padding-left: 10px;
  height: 40px;
  padding-top: 5px;
}

.kriyo-stories .c-timeline__container {
  display: flex;
  flex-flow: column;
  gap: 25px;
}

.kriyo-stories .c-timeline__head-sub {
  font-size: 14px;
  font-weight: 700;
  color: #667085;
  line-height: 20px;
}

.kriyo-stories .c-timeline__head-main {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #1D2939;
  display: flex;
  gap: 15px;
}

.kriyo-stories .c-timeline__head-date.u-m-0 {
  color: #2374E1;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.kriyo-stories .c-timeline__body {
  margin-top: 20px;
  display: flex;
  flex-flow: column;
  gap: 21px;
}

.kriyo-stories .c-timeline__body-item {
  position: relative;
}

.kriyo-stories .c-timeline__details-heading {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #344054;
  display: flex;
  gap: 15px;
}

.kriyo-stories .c-timeline__details-label {
  font-size: 12px;
  line-height: 16px;
  color: #667085;
  font-weight: 400;
  margin-top: 4px;
}

.kriyo-stories .c-timeline__date {
  font-weight: 500;
  color: #101828;
}

.kriyo-stories .c-timeline__details {
  margin-left: 75px;
}

.kriyo-stories .c-timeline__details::before {
  content: "";
  position: absolute;
  background-color: #C1C7CD;
  width: 1px;
  height: 150%;
  padding: 0;
  top: -24px;
  right: auto;
  bottom: 0;
  left: 32px;
  transition: all 0.35s;
}

.kriyo-stories .c-timeline__details::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  position: absolute;
  background-color: #C1C7CD;
  width: 15px;
  height: 1px;
  z-index: 1;
  padding: 0;
  top: 12px;
  right: auto;
  bottom: auto;
  left: 32px;
  transition: all 0.35s;
}

.kriyo-stories .c-timeline__b-item--end div::after {
  display: none;
}

.kriyo-stories .c-education__logo {
  z-index: 100;
  position: relative;
}

.kriyo-stories .c-timeline__toggle-wrap {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 21px;
}

.kriyo-stories .c-timeline__toggle-wrap input {
  opacity: 0;
  width: 0;
  height: 0;
}

.kriyo-stories .c-timeline__toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.kriyo-stories .c-timeline__toggle-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}

.kriyo-stories input:checked + .c-timeline__toggle-slider {
  background-color: #2374E1;
}

.kriyo-stories input:focus + .c-timeline__toggle-slider {
  box-shadow: 0 0 1px #2374E1;
}

.kriyo-stories input:checked + .c-timeline__toggle-slider:before {
  transform: translateX(12px);
}

.kriyo-stories .c-timeline__toggle-slider.c-timeline__toggle-round {
  border-radius: 34px;
}

.kriyo-stories .c-timeline__toggle-slider.c-timeline__toggle-round:before {
  border-radius: 50%;
}

.kriyo-stories .c-form-uni__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  padding: 20px 20px 0;
}

.kriyo-stories .c-education__a-link {
  color: #2374E1;
}

.kriyo-stories .c-education__details-para {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #344054;
}

.kriyo-stories .c-education__png {
  width: 62px;
  height: auto;
}

.kriyo-stories .c-education-certificate img {
  width: 240px;
}

.kriyo-stories .c-education__container {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.kriyo-stories .c-education__wrapper.c-form__content.c-details__blog {
  height: auto;
  margin-bottom: 32px;
}

.kriyo-stories .c-education__result-grade {
  color: #2374E1;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.kriyo-stories .c-timeline__results {
  display: flex;
  flex-flow: column;
  color: #344054;
  gap: 5px;
}

.kriyo-stories .c-education__result-item {
  width: 180px;
  justify-content: space-between;
  display: flex;
}

.kriyo-stories span.c-education__result-grade::before {
  content: "-";
  margin-right: 8px;
  color: #343A3F;
}

.kriyo-stories .c-experience__head-main {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #1D2939;
}

.kriyo-stories span.c-experience__tertiary-head {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.kriyo-stories .c-experience__head-sub {
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
}

.kriyo-stories .c-experience__head-sub span {
  font-weight: 400;
  color: #667085;
}

.kriyo-stories .c-experience__header {
  align-items: flex-start;
  position: relative;
}

.kriyo-stories .c-experience__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #667085;
  margin-top: 8px;
}

.kriyo-stories .c-experience__header.c-timeline__header::before {
  content: "";
  position: absolute;
  background-color: #C1C7CD;
  width: 1px;
  height: 77%;
  padding: 0;
  right: auto;
  top: 63px;
  left: 32px;
  transition: all 0.35s;
}

.kriyo-stories .c-experience__body {
  margin-top: 40px;
}

.kriyo-stories .c-education__container-main {
  display: flex;
  flex-flow: column;
  gap: 40px;
}

.kriyo-stories .c-experience__header.c-timeline__header.c-experience__header--end::before {
  display: none;
}

.kriyo-stories .c-form-action-center__header {
  border-bottom: none;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.kriyo-stories .c-form-action-center__header.c-form__content-header div {
  text-decoration: underline;
  font-weight: 500;
  text-underline-position: under;
}

.kriyo-stories .c-action-changes__container {
  margin-top: 32px;
}

.kriyo-stories .c-action-changes__header {
  background: #F9FAFB;
  padding: 12px;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
  border: 1px solid #D0D5DD;
}

.kriyo-stories .c-action-changes__header-btns {
  display: flex;
  gap: 32px;
  color: #475467;
}

.kriyo-stories .c-action-changes__body {
  border-top: none;
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.kriyo-stories .c-action-body__table {
  display: flex;
  align-items: center;
}

.kriyo-stories .c-action-table__width-30 {
  width: 30%;
  font-weight: 500;
  line-height: 20px;
  font-size: 12px;
  color: #667085;
  position: relative;
}

.kriyo-stories .c-action-table__txt::before {
  content: "";
  position: absolute;
  background-color: #2374E1;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 7px;
  transition: all 0.35s;
  left: 5px;
}

.kriyo-stories .c-action-table__txt::after {
  content: ":";
  position: absolute;
  transition: all 0.35s;
  right: 5px;
  top: -2px;
}

.kriyo-stories .c-action-table__txt {
  margin-left: 20px;
}

.kriyo-stories .c-action-table__width-70 {
  width: 70%;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #101828;
  position: relative;
}

.kriyo-stories .c-action-changes__edit-svg {
  position: absolute;
  right: 50px;
}

.kriyo-stories .c-action-changes__delete-svg {
  position: absolute;
  right: 95px;
  color: #E02D3C;
}

.kriyo-stories .t2.action-changes__heading span {
  color: #2374E1;
}

.kriyo-stories .c-action-changes__header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.kriyo-stories .c-action-changes__action-type {
  font-size: 14px;
  font-weight: 500;
  color: #0043ce;
}

.kriyo-stories .c-personal-details__accordion--completed::before {
  content: "❯";
  width: 15px;
  height: auto;
  text-align: center;
  margin-right: 5px;
  transition: all 0.35s;
}

.kriyo-stories .c-personal-details__accordion--completed::after {
  content: "";
  width: 24px;
  height: 24px;
  top: 10px;
  right: 12px;
  position: absolute;
  display: inline-block;
  background-image: url(../assets/images/blue-tick.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 2px rgba(135, 141, 150, 0.2);
  border-radius: 4px;
  bottom: 0;
  transition: all 0.35s;
}

.kriyo-stories .c-personal-details__accordion--completed {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  padding: 11px 16px;
  cursor: pointer;
  background: var(--color-gray-light-shade-lighter);
  position: relative;
}

.kriyo-stories .o-accordion input:checked + .c-personal-details__accordion--completed {
  background: var(--color-gray-light-shade-light);
  border-bottom: 1px solid var(--color-gray-light-shade-light);
}

.kriyo-stories .o-accordion input:checked + .c-personal-details__accordion--completed::before {
  transform: rotate(90deg);
}

.kriyo-stories .o-accordion input:checked + .c-personal-details__accordion--completed .o-accordion__box-bar {
  width: 100%;
  left: 0;
  transition: all 0.35s;
}

.kriyo-stories .o-accordion input:checked ~ .o-accordion__block-content {
  max-height: 100%;
  padding: 1em;
}

.kriyo-stories .m-form-field__file-upload.c-document-upload.c-details__blog {
  flex-flow: row;
  align-items: center;
  padding: 24px 50px;
}

.kriyo-stories .c-document-upload__text-wrap {
  text-align: left;
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.kriyo-stories .c-document__file-upload {
  background: #fcfcfd;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
  padding: 16px;
  border-radius: 4px;
  position: relative;
}

.kriyo-stories .c-document__upload-thumbnail img {
  width: 80px;
}

.kriyo-stories .c-document__upload-p-bar.c-wizard-progress__step {
  border-right: none;
}

.kriyo-stories .c-document__upload-delete {
  position: absolute;
  right: 0;
}

.kriyo-stories .c-document__upload-delete {
  position: absolute;
  right: 18px;
  top: 18px;
}

.kriyo-stories .c-document__upload-delete svg {
  width: 20px;
  height: 20px;
  color: #D0D5DD;
  cursor: pointer;
  display: inherit;
}

.kriyo-stories .a-visibility__none {
  visibility: collapse;
  height: 10px;
}

.kriyo-stories .c-document__upload-trash {
  position: absolute;
  right: 18px;
  top: 18px;
  background: #FCEAEC;
  padding: 4px;
  border-radius: 100px;
}

.kriyo-stories .c-document__upload-trash svg {
  width: 16px;
  height: 16px;
  color: #E02D3C;
  cursor: pointer;
  display: inherit;
}

.kriyo-stories .o-accordion__block {
  position: relative;
}

.kriyo-stories .c-document-upload__status-chip {
  right: 50px;
  position: absolute;
  top: 10px;
}

.kriyo-stories .c-personal-details__accordion--completed.c-personal-details__accordion--incompleted::after {
  content: "";
  width: 24px;
  height: 24px;
  top: 10px;
  right: 12px;
  position: absolute;
  display: inline-block;
  background-image: url(../assets/images/incomplete-tick.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 2px rgba(135, 141, 150, 0.2);
  border-radius: 4px;
  bottom: 0;
  transition: all 0.35s;
}

.kriyo-stories .c-user__project-details-wrapper {
  display: flex;
  gap: 10px;
  padding: 0 20px 20px;
}

.kriyo-stories .c-pd__accordion-head.o-accordion__block-label::after {
  display: none;
}

.kriyo-stories .c-pd__accordion-head--delete {
  right: 60px;
  color: #E02D3C;
  position: absolute;
}

.kriyo-stories .c-user-project__footer-btn {
  display: flex;
  justify-content: end;
  gap: 8px;
  position: absolute;
  bottom: 30px;
  right: 20px;
}

.kriyo-stories .c-user-project__main-container {
  position: relative;
}

.kriyo-stories .c-details__tile-wrap {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}

.kriyo-stories .c-details__visibility--none {
  visibility: hidden;
}

.kriyo-stories .c-details__tile-container {
  background: #F9FAFB;
  border-radius: 4px;
  border: 1px solid #f2f4f7;
}

.kriyo-stories .c-bank-details__top-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  padding: 16px;
  background: #F9FAFB;
  position: relative;
}

.kriyo-stories .c-pd__accordion-head--delete.a-icon {
  cursor: pointer;
}

.kriyo-stories .c-pd__accordion-head--edit.a-icon {
  cursor: pointer;
}

.kriyo-stories .c-data__empty {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}

.kriyo-stories .c-data__empty-sub {
  margin-bottom: 20px;
  width: 270px;
}

.kriyo-stories .c-data__empty-text {
  margin-bottom: 8px;
}

@charset "UTF-8";

/**
 * Do not edit directly
 * Generated on Tue, 07 Jun 2022 08:12:53 GMT
 */

/**
 * Do not edit directly
 * Generated on Tue, 07 Jun 2022 08:12:53 GMT
 */

.kriyo-stories :root {
  --color-primary-focus-dark: #001d6c;
  --color-primary-focus-mid: #002d9c;
  --color-primary-focus-light: #0043ce;
  --color-primary-neutral-dark: #006dd7;
  --color-primary-neutral-mid: #4589ff;
  --color-primary-neutral-light: #78a9ff;
  --color-primary-light-shade-dark: #a6c8ff;
  --color-primary-light-shade-mid: #d0e2ff;
  --color-primary-light-shade-light: #edf5ff;
  --color-text-dark: #121619;
  --color-text-default: #475467;
  --color-text-muted: #697077;
  --color-text-light: #d0d5dd;
  --color-text-primary: #006dd7;
  --color-text-error: #d92d20;
  --color-gray-focus-darker: #121619;
  --color-gray-focus-dark: #1d1b1b;
  --color-gray-focus-mid: #344054;
  --color-gray-focus-light: #475467;
  --color-gray-neutral-dark: #697077;
  --color-gray-neutral-mid: #878d96;
  --color-gray-neutral-light: #d0d5dd;
  --color-gray-light-shade-dark: #e4e7ec;
  --color-gray-light-shade-mid: #f2f4f7;
  --color-gray-light-shade-light: #f2f4f8;
  --color-gray-light-shade-lighter: #ffffff;
  --color-error-dark: #b42318;
  --color-error-mid: #d92d20;
  --color-error-light: #fef3f2;
  --color-warning-dark: #c4320a;
  --color-warning-mid: #dc6803;
  --color-warning-light: #fff6ed;
  --color-highlight-dark: #a16207;
  --color-highlight-mid: #ca8a04;
  --color-highlight-light: #fffaeb;
  --color-success-dark: #027a48;
  --color-success-mid: #039855;
  --color-success-light: #ecfdf3;
  --color-info-dark: #002d9c;
  --color-info-mid: #0043ce;
  --color-info-light: #edf5ff;
  --color-background-body: #ffffff;
  --color-background-primary: #f2f4f8;
  --color-background-secondary: #ffffff;
  --color-background-ternary: #f2f4f7;
  --color-border-darker: #121619;
  --color-border-dark: #475467;
  --color-border-mid: #e4e7ec;
  --color-border-light: #f2f4f7;
  --color-button-primary-default: #0043ce;
  --color-button-primary-hover: #000001;
  --color-button-primary-focus: #002d9c;
  --color-button-primary-text: #ffffff;
  --color-button-secondary-default: #dde1e6;
  --color-button-secondary-hover: #dde1e6;
  --color-button-secondary-focus: #c1c7cd;
  --color-button-secondary-text: #344054;
  --color-button-distract-default: #d92d20;
  --color-button-distract-hover: #d92d20;
  --color-button-distract-focus: #b42318;
  --color-button-distract-text: #ffffff;
  --color-link-primary: #0043ce;
  --color-link-secondary: #121619;
  --color-icons-dark: #1d1b1b;
  --color-icons-mid: #475467;
  --color-icons-light: #697077;
  --color-input-border-default: #f2f4f7;
  --color-input-border-focus: #f2f4f7;
  --color-input-border-error: #d92d20;
  --color-input-background: #ffffff;
  --color-purple-dark: #5925dc;
  --color-purple-mid: #7a5af8;
  --color-purple-light: #ebe9fe;
  --color-blue-light-dark: #026aa2;
  --color-blue-light-mid: #0086c9;
  --color-blue-light-light: #e0f2fe;
  --color-pink-dark: #c11574;
  --color-pink-mid: #dd2590;
  --color-pink-light: #fce7f6;
  --color-teal-dark: #0f766e;
  --color-teal-mid: #0d9488;
  --color-teal-light: #ccfbf1;
}

@media (prefers-color-scheme: dark) {
  .kriyo-stories :root {
    --dark: initial;
  }
}

@media (prefers-color-scheme: light) {
  .kriyo-stories :root {
    --light: initial;
  }
}

.kriyo-stories :root.dark {
  --dark: initial;
}

.kriyo-stories :root.light {
  --light: initial;
}

/*
@svg dotted-border {

  width: $dotted-border--gap;
  height: $dotted-border--gap;

  @g {
    @circle {
      cx: $dotted-border--size;
      cy: $dotted-border--gap - $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--size;
      cy: math.div($dotted-border--gap, 2);
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--size;
      cy: $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: math.div($dotted-border--gap, 2);
      cy: $dotted-border--gap - $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: math.div($dotted-border--gap, 2);
      cy: math.div($dotted-border--gap, 2);
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: math.div($dotted-border--gap, 2);
      cy: $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--gap - $dotted-border--size;
      cy: $dotted-border--gap - $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--gap - $dotted-border--size;
      cy: math.div($dotted-border--gap, 2);
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
    @circle {
      cx: $dotted-border--gap - $dotted-border--size;
      cy: $dotted-border--size;
      r: $dotted-border--size;
      fill: $dotted-border--color;
    }
  }

}
*/

.kriyo-stories .u-clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

.kriyo-stories .u-hidden-visually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/**
 * Hide visually and from screen readers.
 */

.kriyo-stories .u-hidden {
  display: none !important;
}

@media (max-width: 374px) {
  .kriyo-stories .u-hidden-xs {
    display: none !important;
  }
}

@media (min-width: 375px) {
  .kriyo-stories .u-visible-xs {
    display: none !important;
  }
}

@media (max-width: 567px) {
  .kriyo-stories .u-hidden-sm {
    display: none !important;
  }
}

@media (min-width: 568px) {
  .kriyo-stories .u-visible-sm {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .kriyo-stories .u-hidden-md {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .kriyo-stories .u-visible-md {
    display: none !important;
  }
}

@media (max-width: 977px) {
  .kriyo-stories .u-hidden-xm {
    display: none !important;
  }
}

@media (min-width: 978px) {
  .kriyo-stories .u-visible-xm {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .kriyo-stories .u-hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .kriyo-stories .u-visible-lg {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .kriyo-stories .u-hidden-xl {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .kriyo-stories .u-visible-xl {
    display: none !important;
  }
}

.kriyo-stories .u-mt-5 {
  margin-top: 5px;
}

.kriyo-stories .u-mt-10 {
  margin-top: 10px;
}

.kriyo-stories .u-mt-15 {
  margin-top: 15px;
}

.kriyo-stories .u-mt-20 {
  margin-top: 20px;
}

.kriyo-stories .u-mr-5 {
  margin-right: 5px;
}

.kriyo-stories .u-mr-10 {
  margin-right: 10px;
}

.kriyo-stories .u-mr-15 {
  margin-right: 15px;
}

.kriyo-stories .u-mr-20 {
  margin-right: 20px;
}

.kriyo-stories .u-mb-5 {
  margin-bottom: 5px;
}

.kriyo-stories .u-mb-10 {
  margin-bottom: 10px;
}

.kriyo-stories .u-mb-15 {
  margin-bottom: 15px;
}

.kriyo-stories .u-mb-20 {
  margin-bottom: 20px;
}

.kriyo-stories .u-ml-5 {
  margin-left: 5px;
}

.kriyo-stories .u-ml-10 {
  margin-left: 10px;
}

.kriyo-stories .u-ml-15 {
  margin-left: 15px;
}

.kriyo-stories .u-ml-20 {
  margin-left: 20px;
}

.kriyo-stories .u-p-15 {
  padding: 15px;
}

.kriyo-stories .u-p-40 {
  padding: 40px;
}

.kriyo-stories .u-p-20 {
  padding: 20px;
}

.kriyo-stories .u-p-t-20 {
  padding-top: 20px;
}

.kriyo-stories .u-m-lr-auto {
  margin: 0 auto;
}

.kriyo-stories .u-m-0 {
  margin: 0 !important;
}

.kriyo-stories .u-mt-0 {
  margin-top: 0 !important;
}

.kriyo-stories .u-mr-0 {
  margin-right: 0 !important;
}

.kriyo-stories .u-mb-0 {
  margin-bottom: 0 !important;
}

.kriyo-stories .u-ml-0 {
  margin-left: 0 !important;
}

.kriyo-stories .u-mh-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.kriyo-stories .u-mv-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.kriyo-stories .u-m-xt {
  margin: 2px !important;
}

.kriyo-stories .u-mt-xt {
  margin-top: 2px !important;
}

.kriyo-stories .u-mr-xt {
  margin-right: 2px !important;
}

.kriyo-stories .u-mb-xt {
  margin-bottom: 2px !important;
}

.kriyo-stories .u-ml-xt {
  margin-left: 2px !important;
}

.kriyo-stories .u-mh-xt {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.kriyo-stories .u-mv-xt {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.kriyo-stories .u-m-t {
  margin: 4px !important;
}

.kriyo-stories .u-mt-t {
  margin-top: 4px !important;
}

.kriyo-stories .u-mr-t {
  margin-right: 4px !important;
}

.kriyo-stories .u-mb-t {
  margin-bottom: 4px !important;
}

.kriyo-stories .u-ml-t {
  margin-left: 4px !important;
}

.kriyo-stories .u-mh-t {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.kriyo-stories .u-mv-t {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.kriyo-stories .u-m-xxs {
  margin: 8px !important;
}

.kriyo-stories .u-mt-xxs {
  margin-top: 8px !important;
}

.kriyo-stories .u-mr-xxs {
  margin-right: 8px !important;
}

.kriyo-stories .u-mb-xxs {
  margin-bottom: 8px !important;
}

.kriyo-stories .u-ml-xxs {
  margin-left: 8px !important;
}

.kriyo-stories .u-mh-xxs {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.kriyo-stories .u-mv-xxs {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.kriyo-stories .u-m-xs {
  margin: 12px !important;
}

.kriyo-stories .u-mt-xs {
  margin-top: 12px !important;
}

.kriyo-stories .u-mr-xs {
  margin-right: 12px !important;
}

.kriyo-stories .u-mb-xs {
  margin-bottom: 12px !important;
}

.kriyo-stories .u-ml-xs {
  margin-left: 12px !important;
}

.kriyo-stories .u-mh-xs {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.kriyo-stories .u-mv-xs {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.kriyo-stories .u-m-s {
  margin: 16px !important;
}

.kriyo-stories .u-mt-s {
  margin-top: 16px !important;
}

.kriyo-stories .u-mr-s {
  margin-right: 16px !important;
}

.kriyo-stories .u-mb-s {
  margin-bottom: 16px !important;
}

.kriyo-stories .u-ml-s {
  margin-left: 16px !important;
}

.kriyo-stories .u-mh-s {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.kriyo-stories .u-mv-s {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.kriyo-stories .u-m-m {
  margin: 20px !important;
}

.kriyo-stories .u-mt-m {
  margin-top: 20px !important;
}

.kriyo-stories .u-mr-m {
  margin-right: 20px !important;
}

.kriyo-stories .u-mb-m {
  margin-bottom: 20px !important;
}

.kriyo-stories .u-ml-m {
  margin-left: 20px !important;
}

.kriyo-stories .u-mh-m {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.kriyo-stories .u-mv-m {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.kriyo-stories .u-m-l {
  margin: 24px !important;
}

.kriyo-stories .u-mt-l {
  margin-top: 24px !important;
}

.kriyo-stories .u-mr-l {
  margin-right: 24px !important;
}

.kriyo-stories .u-mb-l {
  margin-bottom: 24px !important;
}

.kriyo-stories .u-ml-l {
  margin-left: 24px !important;
}

.kriyo-stories .u-mh-l {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.kriyo-stories .u-mv-l {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.kriyo-stories .u-m-xl {
  margin: 32px !important;
}

.kriyo-stories .u-mt-xl {
  margin-top: 32px !important;
}

.kriyo-stories .u-mr-xl {
  margin-right: 32px !important;
}

.kriyo-stories .u-mb-xl {
  margin-bottom: 32px !important;
}

.kriyo-stories .u-ml-xl {
  margin-left: 32px !important;
}

.kriyo-stories .u-mh-xl {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.kriyo-stories .u-mv-xl {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.kriyo-stories .u-m-xxl {
  margin: 40px !important;
}

.kriyo-stories .u-mt-xxl {
  margin-top: 40px !important;
}

.kriyo-stories .u-mr-xxl {
  margin-right: 40px !important;
}

.kriyo-stories .u-mb-xxl {
  margin-bottom: 40px !important;
}

.kriyo-stories .u-ml-xxl {
  margin-left: 40px !important;
}

.kriyo-stories .u-mh-xxl {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.kriyo-stories .u-mv-xxl {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.kriyo-stories .u-m-h {
  margin: 56px !important;
}

.kriyo-stories .u-mt-h {
  margin-top: 56px !important;
}

.kriyo-stories .u-mr-h {
  margin-right: 56px !important;
}

.kriyo-stories .u-mb-h {
  margin-bottom: 56px !important;
}

.kriyo-stories .u-ml-h {
  margin-left: 56px !important;
}

.kriyo-stories .u-mh-h {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.kriyo-stories .u-mv-h {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.kriyo-stories .u-p-0 {
  padding: 0 !important;
}

.kriyo-stories .u-pt-0 {
  padding-top: 0 !important;
}

.kriyo-stories .u-pr-0 {
  padding-right: 0 !important;
}

.kriyo-stories .u-pb-0 {
  padding-bottom: 0 !important;
}

.kriyo-stories .u-pl-0 {
  padding-left: 0 !important;
}

.kriyo-stories .u-ph-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.kriyo-stories .u-pv-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.kriyo-stories .u-p-xt {
  padding: 2px !important;
}

.kriyo-stories .u-pt-xt {
  padding-top: 2px !important;
}

.kriyo-stories .u-pr-xt {
  padding-right: 2px !important;
}

.kriyo-stories .u-pb-xt {
  padding-bottom: 2px !important;
}

.kriyo-stories .u-pl-xt {
  padding-left: 2px !important;
}

.kriyo-stories .u-ph-xt {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.kriyo-stories .u-pv-xt {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.kriyo-stories .u-p-t {
  padding: 4px !important;
}

.kriyo-stories .u-pt-t {
  padding-top: 4px !important;
}

.kriyo-stories .u-pr-t {
  padding-right: 4px !important;
}

.kriyo-stories .u-pb-t {
  padding-bottom: 4px !important;
}

.kriyo-stories .u-pl-t {
  padding-left: 4px !important;
}

.kriyo-stories .u-ph-t {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.kriyo-stories .u-pv-t {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.kriyo-stories .u-p-xxs {
  padding: 8px !important;
}

.kriyo-stories .u-pt-xxs {
  padding-top: 8px !important;
}

.kriyo-stories .u-pr-xxs {
  padding-right: 8px !important;
}

.kriyo-stories .u-pb-xxs {
  padding-bottom: 8px !important;
}

.kriyo-stories .u-pl-xxs {
  padding-left: 8px !important;
}

.kriyo-stories .u-ph-xxs {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.kriyo-stories .u-pv-xxs {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.kriyo-stories .u-p-xs {
  padding: 12px !important;
}

.kriyo-stories .u-pt-xs {
  padding-top: 12px !important;
}

.kriyo-stories .u-pr-xs {
  padding-right: 12px !important;
}

.kriyo-stories .u-pb-xs {
  padding-bottom: 12px !important;
}

.kriyo-stories .u-pl-xs {
  padding-left: 12px !important;
}

.kriyo-stories .u-ph-xs {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.kriyo-stories .u-pv-xs {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.kriyo-stories .u-p-s {
  padding: 16px !important;
}

.kriyo-stories .u-pt-s {
  padding-top: 16px !important;
}

.kriyo-stories .u-pr-s {
  padding-right: 16px !important;
}

.kriyo-stories .u-pb-s {
  padding-bottom: 16px !important;
}

.kriyo-stories .u-pl-s {
  padding-left: 16px !important;
}

.kriyo-stories .u-ph-s {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.kriyo-stories .u-pv-s {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.kriyo-stories .u-p-m {
  padding: 20px !important;
}

.kriyo-stories .u-pt-m {
  padding-top: 20px !important;
}

.kriyo-stories .u-pr-m {
  padding-right: 20px !important;
}

.kriyo-stories .u-pb-m {
  padding-bottom: 20px !important;
}

.kriyo-stories .u-pl-m {
  padding-left: 20px !important;
}

.kriyo-stories .u-ph-m {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.kriyo-stories .u-pv-m {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.kriyo-stories .u-p-l {
  padding: 24px !important;
}

.kriyo-stories .u-pt-l {
  padding-top: 24px !important;
}

.kriyo-stories .u-pr-l {
  padding-right: 24px !important;
}

.kriyo-stories .u-pb-l {
  padding-bottom: 24px !important;
}

.kriyo-stories .u-pl-l {
  padding-left: 24px !important;
}

.kriyo-stories .u-ph-l {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.kriyo-stories .u-pv-l {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.kriyo-stories .u-p-xl {
  padding: 32px !important;
}

.kriyo-stories .u-pt-xl {
  padding-top: 32px !important;
}

.kriyo-stories .u-pr-xl {
  padding-right: 32px !important;
}

.kriyo-stories .u-pb-xl {
  padding-bottom: 32px !important;
}

.kriyo-stories .u-pl-xl {
  padding-left: 32px !important;
}

.kriyo-stories .u-ph-xl {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.kriyo-stories .u-pv-xl {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.kriyo-stories .u-p-xxl {
  padding: 40px !important;
}

.kriyo-stories .u-pt-xxl {
  padding-top: 40px !important;
}

.kriyo-stories .u-pr-xxl {
  padding-right: 40px !important;
}

.kriyo-stories .u-pb-xxl {
  padding-bottom: 40px !important;
}

.kriyo-stories .u-pl-xxl {
  padding-left: 40px !important;
}

.kriyo-stories .u-ph-xxl {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.kriyo-stories .u-pv-xxl {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.kriyo-stories .u-p-h {
  padding: 56px !important;
}

.kriyo-stories .u-pt-h {
  padding-top: 56px !important;
}

.kriyo-stories .u-pr-h {
  padding-right: 56px !important;
}

.kriyo-stories .u-pb-h {
  padding-bottom: 56px !important;
}

.kriyo-stories .u-pl-h {
  padding-left: 56px !important;
}

.kriyo-stories .u-ph-h {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.kriyo-stories .u-pv-h {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.kriyo-stories .u-x0\.5 {
  transform: scale(0.5);
}

.kriyo-stories .u-x0\.75 {
  transform: scale(0.75);
}

.kriyo-stories .u-x1\.125 {
  transform: scale(1.125);
}

.kriyo-stories .u-x1\.25 {
  transform: scale(1.25);
}

.kriyo-stories .u-x1\.5 {
  transform: scale(1.5);
}

.kriyo-stories .u-x1\.75 {
  transform: scale(1.75);
}

.kriyo-stories .u-x2 {
  transform: scale(2);
}

.kriyo-stories .u-hr {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  white-space: nowrap;
}

.kriyo-stories .u-hr::after {
  position: relative;
  display: block;
  content: "";
  flex: 1;
  height: 1px;
  margin-left: 16px;
  background-color: #D8D8D8;
}

.kriyo-stories .u-hr--color::after {
  background-color: currentColor;
}

.kriyo-stories .u-cr {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  white-space: nowrap;
}

.kriyo-stories .u-cr::after {
  position: relative;
  display: block;
  content: "";
  flex: 1;
  height: 1px;
  margin-left: 16px;
  background-color: #D8D8D8;
}

.kriyo-stories .u-cr::before {
  position: relative;
  display: block;
  content: "";
  flex: 1;
  height: 1px;
  margin-right: 16px;
  background-color: #D8D8D8;
}

.kriyo-stories .u-vr {
  width: 1px;
  background-color: hsla(0deg, 0%, 0%, 0.15);
}

.kriyo-stories .u-separator {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  white-space: nowrap;
}

.kriyo-stories .u-separator::after {
  position: relative;
  display: block;
  content: "";
  flex: 1;
  height: 2px;
  margin-left: 16px;
  background-repeat: repeat-x;
  background-image: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2"><circle cx="1" cy="1" r="1" fill="#BBBFC3"/></svg>');
}

.kriyo-stories .u-block {
  display: block;
  width: 100%;
}

.kriyo-stories .u-inline-block {
  display: inline-block;
}

.kriyo-stories .u-flex {
  display: flex;
}

.kriyo-stories .u-inline-block-width {
  display: inline-block;
  width: 100%;
}

.kriyo-stories .u-unclickable {
  pointer-events: none !important;
}

.kriyo-stories .u-clickable {
  cursor: pointer;
}

.kriyo-stories .u-unscrollable {
  overflow: hidden !important;
}

.kriyo-stories .u-freeze {
  overflow: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 567px) {
  .kriyo-stories .u-unscrollable-sm {
    overflow: hidden !important;
  }
}

.kriyo-stories .u-fixed {
  position: fixed;
  width: 100%;
}

.kriyo-stories .u-disabled {
  opacity: 0.3;
  pointer-events: none;
  transition: opacity 0.3s ease;
  cursor: default;
}

.kriyo-stories .u-nowrap {
  white-space: nowrap;
}

.kriyo-stories .u-txt-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kriyo-stories .u-br::after {
  content: "\a";
  white-space: pre;
}

.kriyo-stories .u-tc {
  text-align: center;
}

.kriyo-stories .u-tr {
  text-align: right;
}

.kriyo-stories .u-hr-top {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E4E6F1;
}

.kriyo-stories .u-hr-bottom {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E4E6F1;
}

.kriyo-stories .u-no-img {
  background-color: hsl(230deg, 33%, 96%);
  background-repeat: no-repeat;
}

.kriyo-stories .u-overflow {
  overflow: visible !important;
}

.kriyo-stories .u-v-center {
  position: relative;
  top: -0.125em;
  vertical-align: middle;
}

.kriyo-stories .u-no-anim {
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}

.kriyo-stories .u-no-anim * {
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}

.kriyo-stories .u-flip-x {
  transform: scaleX(-1);
}

.kriyo-stories .u-flip-y {
  transform: scaleY(-1);
}

/* ==========================================================================
   #PRINT
   ========================================================================== */

/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
 * https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
 */

@media print {
  /**
   * 1. Black prints faster: http://www.sanbeiji.com/archives/953
   */

  .kriyo-stories *,
  .kriyo-stories *:before,
  .kriyo-stories *:after {
    background: transparent !important;
    color: #000 !important;
    /* [1] */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .kriyo-stories a,
  .kriyo-stories a:visited {
    text-decoration: underline;
  }

  .kriyo-stories a[href]:after {
    content: " (" attr(href) ")";
  }

  .kriyo-stories abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /**
   * Don’t show links that are fragment identifiers, or use the `javascript:`
   * pseudo protocol.
   */

  .kriyo-stories a[href^="#"]:after,
  .kriyo-stories a[href^="javascript:"]:after {
    content: "";
  }

  .kriyo-stories pre,
  .kriyo-stories blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /**
   * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
   */

  .kriyo-stories thead {
    display: table-header-group;
  }

  .kriyo-stories tr,
  .kriyo-stories img {
    page-break-inside: avoid;
  }

  .kriyo-stories img {
    max-width: 100% !important;
  }

  .kriyo-stories p,
  .kriyo-stories h2,
  .kriyo-stories h3 {
    orphans: 3;
    widows: 3;
  }

  .kriyo-stories h2,
  .kriyo-stories h3 {
    page-break-after: avoid;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/*# sourceMappingURL=style.css.map */