.header__blur {
    background-color: rgba(2, 2, 30, 0.85);
  }
  [data-component='media'].is--component-media {
      padding: 4rem;
    }

/* post date */
  .post__param-update.show{
    display: flex;
  }
  figcaption a {
    color: rgba(2, 2, 30, 0.5) !important;
    text-decoration: underline !important;
  }
  figcaption a:before,
  .post__style-link a:before {
    opacity: 0;
  }
  mark {
    background-color: #e5e5e5;
    border-radius: 0.3rem;
    color: inherit;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.1em 0.25em;
  }
  [fs-richtext-element='rich-text'] .w-embed {
    position: relative;
  }
  .w-embed.is-table,
  [data-rt-embed-type]:has(table){
    border: 0.0625rem solid rgba(2, 2, 30, 0.15);
    border-radius: 0.75rem;
  }
@media screen and (max-width: 991px) {
[data-rt-embed-type]:has(table){
border-radius: 0.5rem;
}
}
  .w-embed.is-code,
  pre.w-code-block {
    position: relative;
    transform: translate(0);
    max-width: 42rem;
  }
  pre.w-code-block code {
    max-width: 90%;
  }
  pre.w-code-block code > span {
    display: inline-block !important;
  }
[data-rt-embed-type]:has(table){
margin-bottom: 2rem
}
@media screen and (max-width: 991px) {
[data-rt-embed-type]:has(table){
margin-bottom: 1.5rem
}
  }
  .w-embed.is-table,
  [data-rt-embed-type]:has(table){
    overflow-x: auto;
  }
  .w-embed.is-table::-webkit-scrollbar,
  [data-rt-embed-type]:has(table)::-webkit-scrollbar{
    width: 0.25rem;
    height: 0.25rem;
  }
  .w-embed.is-table::-webkit-scrollbar-thumb,
  [data-rt-embed-type]:has(table)::-webkit-scrollbar-thumb{
    background: #b4b4bc;
    border-radius: 1rem;
  }
  .w-embed.is-table::-webkit-scrollbar-track,
  [data-rt-embed-type]:has(table)::-webkit-scrollbar-track{
    background: transparent;
    border-radius: 1rem;
  }
  code::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.5rem;
  }
  code::-webkit-scrollbar-thumb {
    background: #636363;
  }
  code::-webkit-scrollbar-track {
    background: transparent;
  }
  code {
    background-color: #02021e;
    padding: 3rem 1rem 2rem 1rem;
  }
  pre {
    padding: 0rem;
    background-color: #02021e;
    border-radius: 0.5rem;
  }
  table {
    width: 100%;
    min-width: 27rem;
    table-layout: fixed;
    overflow: hidden;
    position: relative;
    border-radius: 0.5rem;
    line-height: 1.4;
  }
  @media screen and (min-width: 992px) {
pre,
table{
  border-radius: 0.75rem;
}
    }
  th,
  td {
    padding: 1rem 1.5rem 1rem 1.5rem;
  }
  td {
    color: rgb(2 2 30 / 70%);
  }
  thead th {
    font-weight: 500;
    background: #14142d;
    color: #fff;
    text-align: left;
  }
  tbody:nth-child(2n + 1) td {
    background: #f5f5f7;
  }
  tbody td:first-child {
    color: #14142d;
    font-weight: 500;
  }
  @media screen and (max-width: 479px) {
    th,
    td {
      padding: 0.875rem 1rem 0.875rem 1rem;
    }
    pre.w-code-block code {
      max-width: 100%;
      padding-top: 4rem;
    }
  }
  [fs-richtext-element='rich-text'] strong {
    font-weight: 500;
  }
  .post__rich-text strong{
    font-weight: 400 !important;
  }
   .post__rich-text br{
    display: none !important;
  }
  /** [fs-richtext-element="rich-text"] em { font-style: normal; } **/
  [fs-richtext-element='rich-text'] .w-embed {
    margin: 2rem 0rem 2rem 0rem;
  }
  [fs-richtext-element='rich-text'] figure.w-richtext-align-center,
  [fs-richtext-element='rich-text'] figure.w-richtext-align-fullwidth,
  [fs-richtext-element='rich-text'] figure.w-richtext-align-center > div,
  [fs-richtext-element='rich-text'] figure.w-richtext-align-fullwidth > div {
    width: 100%;
    max-width: 100%;
  }
  [fs-richtext-element='rich-text'] ol li {
    padding-left: 0rem;
  }
  [fs-richtext-element='rich-text'] ul li {
    padding-left: 1.5rem;
  }
  [fs-richtext-element='rich-text'] ol li::marker {
    font-weight: 500;
    color: #02021e;
  }
  [fs-richtext-element='rich-text'] ul li::after,
  .post__rich-faq ul li::after {
    content: '';
    position: absolute;
    top: 0.45rem;
    left: 0;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url('https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6a0accdd52f753171f7bfe26_post-list-bullet-black.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  @media screen and (min-width: 768px) {
    [fs-richtext-element='rich-text'] blockquote::after {
      content: '';
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 1.5rem;
      height: 1.5rem;
      background-image: url('https://assets.website-files.com/63f38a8c92397a024fcb9ae8/6426d58adbf12d695648169e_icon-quotes.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 3;
    }
  }
  [fs-richtext-element='rich-text'] blockquote [data-component='author'] {
    margin-top: 1.5rem;
  }
  [fs-richtext-element='rich-text'] blockquote sub {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    bottom: -0.6rem;
    line-height: unset;
  }
  [fs-richtext-element='rich-text'] blockquote sub + br,
  [fs-richtext-element='rich-text'] blockquote sub br {
    display: none;
  }
  [fs-richtext-element='rich-text'] blockquote sub ~ sub {
    font-size: 0.875rem;
    opacity: 0.6;
    bottom: -0.3rem;
  }
  .post__style-link a {
    color: #02021e;
  }
  .post-banner__rich a::before {
    display: none !important;
  }
  /** 
  VIMEO AND YOUTUBE 
  **/
  .w-embed.is-video {
    margin-left: -2rem;
    margin-right: -2rem;
    border-radius: 1.5rem;
    overflow: hidden;
  }
  .w-embed.is-video > div {
    margin-left: -2rem;
    margin-right: -2rem;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
  }
  .w-embed.is-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .w-embed.is-video + figcaption {
    margin-top: -1rem;
    margin-bottom: 2rem;
  }
  @media screen and (min-width: 992px) {
    [fs-richtext-element='rich-text'] figure.w-richtext-align-center > div,
    [fs-richtext-element='rich-text'] figure.w-richtext-align-fullwidth > div {
      max-width: none !important;
      margin-left: -2rem;
      margin-right: -2rem;
      display: block;
      width: auto;
    }
  }
  @media screen and (max-width: 991px) {
    /** 
    VIMEO AND YOUTUBE 
    **/
    .w-embed.is-video {
      margin-left: 0rem;
      margin-right: 0rem;
    }
    .w-embed.is-video > div {
      margin-left: 0rem;
      margin-right: 0rem;
    }
    blockquote sub {
      font-size: 0.875rem;
    }
    blockquote sub ~ sub {
      font-size: 0.75rem;
    }
  }
  @media screen and (max-width: 768px) {
    .w-embed.is-video {
      border-radius: 1rem;
    }
    .post__rich-text_bunner a {
      background-position: right 0.5rem center;
    }
  }
  @media screen and (max-width: 479px) and (min-width: 320px) {
    [fs-richtext-element='rich-text'] blockquote [data-component='author'] {
      margin-bottom: -3rem;
    }
    [fs-richtext-element='rich-text'] blockquote::after {
      top: auto;
      bottom: 1.5rem;
      right: auto;
      left: 1.5rem;
    }
    [fs-richtext-element='rich-text'] blockquote.is-author::after {
      bottom: 2.6rem;
      right: 1.5rem;
      left: auto;
    }
  }
  /* ab test service banner */
  [fs-richtext-component='banner-2'] figure:nth-child(-n + 3) {
    display: none;
  }
  @media screen and (min-width: 992px) {
    [fs-richtext-component='banner-2'] figure:nth-child(1) {
      display: inline;
    }
  }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    [fs-richtext-component='banner-2'] figure:nth-child(2) {
      display: inline;
    }
  }
  @media screen and (max-width: 479px) {
    [fs-richtext-component='banner-2'] figure:nth-child(3) {
      display: inline;
    }
  }
 @media screen and (min-width: 992px) {
/* post banner btn hover */
.post-banner__rich a::after{
content: '';
position: absolute;
border-radius: 50%;
background-color: var(--blue-dark);
top: 2.6rem;
left: -111px;
right: -111px;
aspect-ratio: 1 / 1;
z-index: -1;
transform: translateZ(0);
transition: all 400ms ease;
}
.post-banner__rich a:hover::after{
transform: translateY(-5.2rem) translateZ(0);
}
/* sidebar banner hover */
@keyframes borderTurnWithTranslate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.post-sidebar__borders{
animation: borderTurnWithTranslate 2.5s infinite linear;
background-image: conic-gradient(from 0 at 50% 50%, rgba(158, 203, 250, 1) 0deg, rgba(158, 203, 250, 0) 60deg, rgba(158, 203, 250, 0) 310deg, rgba(158, 203, 250, 1) 360deg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.post-sidebar__borders::before{
content: "";
float: left;
padding-top: 100%;
}
.post-sidebar__borders::after{
clear: both;
content: "";
display: block;
}
.post-sidebar__link-wrap:hover .post-sidebar__borders-masker{
opacity: 1;
}
}