/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./public/assets/src/scss/app/blog/blog.scss ***!
  \**********************************************************************************************************************************************************************************************************/
@charset "UTF-8";
a {
  font-weight: var(--font-weight-regular);
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  color: var(--color-white-smoke);
  font-weight: var(--font-weight-medium);
}

h1 {
  font-weight: var(--font-weight-bold);
}

[data-href] {
  cursor: pointer;
}

.text-hyphenate {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-lines: 2;
  lang: en;
}

.bg-dark-purple-to-bottom-deep-pink {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-dark-purple)), to(var(--color-deep-pink)));
  background: linear-gradient(to bottom, var(--color-dark-purple), var(--color-deep-pink));
  color: var(--color-white);
}
.bg-dark-purple-to-bottom-deep-pink a {
  color: var(--color-white) !important;
}
.bg-dark-purple-to-bottom-deep-pink h1, .bg-dark-purple-to-bottom-deep-pink h2, .bg-dark-purple-to-bottom-deep-pink h3, .bg-dark-purple-to-bottom-deep-pink h4, .bg-dark-purple-to-bottom-deep-pink h5, .bg-dark-purple-to-bottom-deep-pink h6, .bg-dark-purple-to-bottom-deep-pink strong, .bg-dark-purple-to-bottom-deep-pink th, .bg-dark-purple-to-bottom-deep-pink td, .bg-dark-purple-to-bottom-deep-pink p, .bg-dark-purple-to-bottom-deep-pink li, .bg-dark-purple-to-bottom-deep-pink label {
  color: var(--color-white);
}

.bg-prussian-blue-to-bottom-tangaroa {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-prussian-blue)), to(var(--color-tangaroa)));
  background: linear-gradient(to bottom, var(--color-prussian-blue), var(--color-tangaroa));
  color: var(--color-white);
}

.bg-white {
  color: var(--color-black);
  background-color: var(--color-white);
}
.bg-white a:not(.btn) {
  color: var(--color-black);
}
.bg-white a:not(.btn):hover {
  color: var(--color-black);
}
.bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white h6, .bg-white strong, .bg-white th, .bg-white td, .bg-white p, .bg-white li, .bg-white label {
  color: var(--color-black);
}
.bg-white .btn-outline {
  border-color: var(--color-black);
  color: var(--color-black);
}
.bg-white .btn-outline:hover {
  background-color: var(--color-snuff);
  border-color: var(--color-black);
}
.bg-white .badge {
  color: var(--color-white);
}

.bg-white-smoke {
  color: var(--color-black);
  background-color: var(--color-white-smoke);
}
.bg-white-smoke a:not(.btn) {
  color: var(--color-black);
}
.bg-white-smoke a:not(.btn):hover {
  color: var(--color-black);
}
.bg-white-smoke h1, .bg-white-smoke h2, .bg-white-smoke h3, .bg-white-smoke h4, .bg-white-smoke h5, .bg-white-smoke h6, .bg-white-smoke strong, .bg-white-smoke th, .bg-white-smoke td, .bg-white-smoke p, .bg-white-smoke li, .bg-white-smoke label {
  color: var(--color-black);
}

.bg-snuff {
  color: var(--color-black);
  background-color: var(--color-snuff);
}
.bg-snuff a:not(.btn) {
  color: var(--color-black);
}
.bg-snuff a:not(.btn):hover {
  color: var(--color-black);
}
.bg-snuff h1, .bg-snuff h2, .bg-snuff h3, .bg-snuff h4, .bg-snuff h5, .bg-snuff h6, .bg-snuff strong, .bg-snuff th, .bg-snuff td, .bg-snuff p, .bg-snuff li, .bg-snuff label {
  color: var(--color-black);
}

.bg-foggy-gray {
  color: var(--color-black);
  background-color: var(--color-foggy-gray);
}
.bg-foggy-gray a:not(.btn) {
  color: var(--color-black);
}
.bg-foggy-gray a:not(.btn):hover {
  color: var(--color-black);
}
.bg-foggy-gray h1, .bg-foggy-gray h2, .bg-foggy-gray h3, .bg-foggy-gray h4, .bg-foggy-gray h5, .bg-foggy-gray h6, .bg-foggy-gray strong, .bg-foggy-gray th, .bg-foggy-gray td, .bg-foggy-gray p, .bg-foggy-gray li, .bg-foggy-gray label {
  color: var(--color-black);
}

.bg-gun-powder {
  color: var(--color-white);
  background-color: var(--color-gun-powder);
}
.bg-gun-powder a:not(.btn) {
  color: var(--color-white);
}
.bg-gun-powder a:not(.btn):hover {
  color: var(--color-white);
}
.bg-gun-powder h1, .bg-gun-powder h2, .bg-gun-powder h3, .bg-gun-powder h4, .bg-gun-powder h5, .bg-gun-powder h6, .bg-gun-powder strong, .bg-gun-powder th, .bg-gun-powder td, .bg-gun-powder p, .bg-gun-powder li, .bg-gun-powder label {
  color: var(--color-white);
}

.bg-night-rider {
  color: var(--color-white);
  background-color: var(--color-night-rider);
}
.bg-night-rider a:not(.btn) {
  color: var(--color-white);
}
.bg-night-rider a:not(.btn):hover {
  color: var(--color-white);
}
.bg-night-rider h1, .bg-night-rider h2, .bg-night-rider h3, .bg-night-rider h4, .bg-night-rider h5, .bg-night-rider h6, .bg-night-rider strong, .bg-night-rider th, .bg-night-rider td, .bg-night-rider p, .bg-night-rider li, .bg-night-rider label {
  color: var(--color-white);
}

.bg-graphite {
  color: var(--color-white);
  background-color: var(--color-graphite);
}
.bg-graphite a:not(.btn) {
  color: var(--color-white);
}
.bg-graphite a:not(.btn):hover {
  color: var(--color-white);
}
.bg-graphite h1, .bg-graphite h2, .bg-graphite h3, .bg-graphite h4, .bg-graphite h5, .bg-graphite h6, .bg-graphite strong, .bg-graphite th, .bg-graphite td, .bg-graphite p, .bg-graphite li, .bg-graphite label {
  color: var(--color-white);
}

.bg-nero {
  color: var(--color-white);
  background-color: var(--color-nero);
}
.bg-nero a:not(.btn) {
  color: var(--color-white);
}
.bg-nero a:not(.btn):hover {
  color: var(--color-white);
}
.bg-nero h1, .bg-nero h2, .bg-nero h3, .bg-nero h4, .bg-nero h5, .bg-nero h6, .bg-nero strong, .bg-nero th, .bg-nero td, .bg-nero p, .bg-nero li, .bg-nero label {
  color: var(--color-white);
}

.bg-black {
  color: var(--color-white);
  background-color: var(--color-black);
}
.bg-black a:not(.btn) {
  color: var(--color-white);
}
.bg-black a:not(.btn):hover {
  color: var(--color-white);
}
.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black h6, .bg-black strong, .bg-black th, .bg-black td, .bg-black p, .bg-black li, .bg-black label {
  color: var(--color-white);
}

.bg-pacific-blue {
  color: var(--color-white);
  background-color: var(--color-pacific-blue);
}
.bg-pacific-blue a:not(.btn) {
  color: var(--color-white);
}
.bg-pacific-blue a:not(.btn):hover {
  color: var(--color-white);
}
.bg-pacific-blue h1, .bg-pacific-blue h2, .bg-pacific-blue h3, .bg-pacific-blue h4, .bg-pacific-blue h5, .bg-pacific-blue h6, .bg-pacific-blue strong, .bg-pacific-blue th, .bg-pacific-blue td, .bg-pacific-blue p, .bg-pacific-blue li, .bg-pacific-blue label {
  color: var(--color-white);
}

.bg-prussian-blue {
  color: var(--color-white);
  background-color: var(--color-prussian-blue);
}
.bg-prussian-blue a:not(.btn) {
  color: var(--color-white);
}
.bg-prussian-blue a:not(.btn):hover {
  color: var(--color-white);
}
.bg-prussian-blue h1, .bg-prussian-blue h2, .bg-prussian-blue h3, .bg-prussian-blue h4, .bg-prussian-blue h5, .bg-prussian-blue h6, .bg-prussian-blue strong, .bg-prussian-blue th, .bg-prussian-blue td, .bg-prussian-blue p, .bg-prussian-blue li, .bg-prussian-blue label {
  color: var(--color-white);
}

.bg-black-white {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-black)), color-stop(60%, var(--color-black)), color-stop(60%, var(--color-white)), to(var(--color-white)));
  background: linear-gradient(var(--color-black) 0%, var(--color-black) 60%, var(--color-white) 60%, var(--color-white) 100%);
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.bg-img-pink-horizon {
  /*
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  */
  background-image: url(be0f8edfd2b886f40793.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}

.bg-img-swing-10 {
  background-image: url(09697df872d43d7b5424.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.bg-img-swing-11 {
  background-image: url(860ecd954c366af51e1d.webp);
  background-repeat: no-repeat;
  background-position: -5rem;
  background-size: auto;
}

.bg-img-waves-1 {
  background-image: url(7f3f14531efddfbace48.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.bg-img-layer {
  background-image: url(038328cc84bbdbddbfa1.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.bg-img-editor {
  background-image: url(8c21700c7769af770e27.webp);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}

.bg-img-technology {
  background-image: url(038328cc84bbdbddbfa1.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.bg-img-company-index {
  position: relative;
  height: calc(100vh - 62px);
  min-height: 30rem;
  max-height: 70rem;
}
@media (min-width: 1200px) {
  .bg-img-company-index {
    height: calc(100vh - 122px);
    min-height: 60rem;
  }
}
.bg-img-company-index::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out forwards;
          animation: fadeIn 1s ease-in-out forwards;
  background-image: url(1a15d155d3217016de72.webp);
}
.bg-img-company-index h1, .bg-img-company-index h2, .bg-img-company-index p {
  position: relative;
}
.bg-img-company-index h1, .bg-img-company-index h2 {
  z-index: 1;
  padding: 0.25rem 0.85rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.3em;
  backdrop-filter: blur(8px);
}
@media (min-width: 992px) {
  .bg-img-company-index h1, .bg-img-company-index h2 {
    padding: 0;
    background: none;
    border-radius: 0;
    backdrop-filter: none;
    text-shadow: 0 0 2rem var(--color-black);
  }
}
.bg-img-company-index h2 {
  line-height: 1.5;
}
@media (min-width: 992px) {
  .bg-img-company-index h2 {
    line-height: 1.2;
  }
}

.bg-img-company-career {
  position: relative;
  height: calc(100vh - 62px);
  min-height: 30rem;
  max-height: 70rem;
}
@media (min-width: 1200px) {
  .bg-img-company-career {
    height: calc(100vh - 122px);
    min-height: 60rem;
  }
}
.bg-img-company-career::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out forwards;
          animation: fadeIn 1s ease-in-out forwards;
  background-image: url(203acde57dabbd4d8018.webp);
}
.bg-img-company-career h1, .bg-img-company-career h2, .bg-img-company-career p {
  position: relative;
}
.bg-img-company-career h1, .bg-img-company-career h2 {
  z-index: 1;
  padding: 0.25rem 0.85rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.3em;
  backdrop-filter: blur(8px);
}
@media (min-width: 992px) {
  .bg-img-company-career h1, .bg-img-company-career h2 {
    padding: 0;
    background: none;
    border-radius: 0;
    backdrop-filter: none;
    text-shadow: 0 0 2rem var(--color-black);
  }
}
.bg-img-company-career h2 {
  line-height: 1.5;
}
@media (min-width: 992px) {
  .bg-img-company-career h2 {
    line-height: 1.2;
  }
}

.bg-img-company-consulting {
  position: relative;
  height: calc(100vh - 62px);
  min-height: 30rem;
  max-height: 70rem;
}
@media (min-width: 1200px) {
  .bg-img-company-consulting {
    height: calc(100vh - 122px);
    min-height: 60rem;
  }
}
.bg-img-company-consulting::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out forwards;
          animation: fadeIn 1s ease-in-out forwards;
  background-image: url(1b8b9e3b71151640152f.webp);
}
.bg-img-company-consulting h1, .bg-img-company-consulting h2, .bg-img-company-consulting p {
  position: relative;
}
.bg-img-company-consulting h1, .bg-img-company-consulting h2 {
  z-index: 1;
  padding: 0.25rem 0.85rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.3em;
  backdrop-filter: blur(8px);
}
@media (min-width: 992px) {
  .bg-img-company-consulting h1, .bg-img-company-consulting h2 {
    padding: 0;
    background: none;
    border-radius: 0;
    backdrop-filter: none;
    text-shadow: 0 0 2rem var(--color-black);
  }
}
.bg-img-company-consulting h2 {
  line-height: 1.5;
}
@media (min-width: 992px) {
  .bg-img-company-consulting h2 {
    line-height: 1.2;
  }
}

.bg-img-company-customer {
  position: relative;
  height: calc(100vh - 62px);
  min-height: 30rem;
  max-height: 70rem;
}
@media (min-width: 1200px) {
  .bg-img-company-customer {
    height: calc(100vh - 122px);
    min-height: 60rem;
  }
}
.bg-img-company-customer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out forwards;
          animation: fadeIn 1s ease-in-out forwards;
  background-image: url(c2803c4113239f4a516b.webp);
}
.bg-img-company-customer h1, .bg-img-company-customer h2, .bg-img-company-customer p {
  position: relative;
}
.bg-img-company-customer h1, .bg-img-company-customer h2 {
  z-index: 1;
  padding: 0.25rem 0.85rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.3em;
  backdrop-filter: blur(8px);
}
@media (min-width: 992px) {
  .bg-img-company-customer h1, .bg-img-company-customer h2 {
    padding: 0;
    background: none;
    border-radius: 0;
    backdrop-filter: none;
    text-shadow: 0 0 2rem var(--color-black);
  }
}
.bg-img-company-customer h2 {
  line-height: 1.5;
}
@media (min-width: 992px) {
  .bg-img-company-customer h2 {
    line-height: 1.2;
  }
}

.bg-img-company-conference {
  position: relative;
  height: calc(100vh - 62px);
  min-height: 30rem;
  max-height: 70rem;
}
@media (min-width: 1200px) {
  .bg-img-company-conference {
    height: calc(100vh - 122px);
    min-height: 60rem;
  }
}
.bg-img-company-conference::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out forwards;
          animation: fadeIn 1s ease-in-out forwards;
  background-image: url(00624a7196457a7c3449.webp);
}
.bg-img-company-conference h1, .bg-img-company-conference h2, .bg-img-company-conference p {
  position: relative;
}
.bg-img-company-conference h1, .bg-img-company-conference h2 {
  z-index: 1;
  padding: 0.25rem 0.85rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.3em;
  backdrop-filter: blur(8px);
}
@media (min-width: 992px) {
  .bg-img-company-conference h1, .bg-img-company-conference h2 {
    padding: 0;
    background: none;
    border-radius: 0;
    backdrop-filter: none;
    text-shadow: 0 0 2rem var(--color-black);
  }
}
.bg-img-company-conference h2 {
  line-height: 1.5;
}
@media (min-width: 992px) {
  .bg-img-company-conference h2 {
    line-height: 1.2;
  }
}

.bg-img-company-partner {
  position: relative;
  height: calc(100vh - 62px);
  min-height: 30rem;
  max-height: 70rem;
}
@media (min-width: 1200px) {
  .bg-img-company-partner {
    height: calc(100vh - 122px);
    min-height: 60rem;
  }
}
.bg-img-company-partner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out forwards;
          animation: fadeIn 1s ease-in-out forwards;
  background-image: url(0a29d753ff6b6e598bc8.webp);
}
.bg-img-company-partner h1, .bg-img-company-partner h2, .bg-img-company-partner p {
  position: relative;
}
.bg-img-company-partner h1, .bg-img-company-partner h2 {
  z-index: 1;
  padding: 0.25rem 0.85rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.3em;
  backdrop-filter: blur(8px);
}
@media (min-width: 992px) {
  .bg-img-company-partner h1, .bg-img-company-partner h2 {
    padding: 0;
    background: none;
    border-radius: 0;
    backdrop-filter: none;
    text-shadow: 0 0 2rem var(--color-black);
  }
}
.bg-img-company-partner h2 {
  line-height: 1.5;
}
@media (min-width: 992px) {
  .bg-img-company-partner h2 {
    line-height: 1.2;
  }
}

.figure-bg-deep-pink-to-left-honey-flower {
  border-radius: 1rem;
  padding: 1.8rem 3rem 1.8rem 0;
  background: -webkit-gradient(linear, right top, left top, from(var(--color-deep-pink)), color-stop(30%, var(--color-medium-violet-red)), color-stop(60%, var(--color-medium-red-violet)), to(var(--color-honey-flower)));
  background: linear-gradient(to left, var(--color-deep-pink) 0%, var(--color-medium-violet-red) 30%, var(--color-medium-red-violet) 60%, var(--color-honey-flower) 100%);
}
.figure-bg-deep-pink-to-left-honey-flower img {
  width: 100%;
  height: auto;
  border-radius: 0 0.8rem 0.8rem 0;
}
@media (max-width: 767.98px) {
  .figure-bg-deep-pink-to-left-honey-flower {
    padding: 1.5rem;
    background: radial-gradient(circle at center, var(--color-deep-pink) 0%, var(--color-medium-violet-red) 30%, var(--color-medium-red-violet) 100%);
  }
  .figure-bg-deep-pink-to-left-honey-flower img {
    border-radius: 0.8rem;
  }
}

.figure-bg-deep-pink-to-right-honey-flower {
  border-radius: 1rem;
  padding: 1.8rem 0 1.8rem 3rem;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-deep-pink)), color-stop(30%, var(--color-medium-violet-red)), color-stop(60%, var(--color-medium-red-violet)), to(var(--color-honey-flower)));
  background: linear-gradient(to right, var(--color-deep-pink) 0%, var(--color-medium-violet-red) 30%, var(--color-medium-red-violet) 60%, var(--color-honey-flower) 100%);
}
.figure-bg-deep-pink-to-right-honey-flower img {
  width: 100%;
  height: auto;
  border-radius: 0.8rem 0 0 0.8rem;
}
@media (max-width: 767.98px) {
  .figure-bg-deep-pink-to-right-honey-flower {
    padding: 1.5rem;
    background: radial-gradient(circle at center, var(--color-deep-pink) 0%, var(--color-medium-violet-red) 30%, var(--color-medium-red-violet) 100%);
  }
  .figure-bg-deep-pink-to-right-honey-flower img {
    border-radius: 0.8rem;
  }
}

.initial-bg-tyrian-purple-to-transparent {
  background: radial-gradient(circle, var(--color-tyrian-purple), transparent 75%) no-repeat calc(50%) calc(-10rem);
  background-size: 64rem 64rem;
}
@media (max-width: 767.98px) {
  .initial-bg-tyrian-purple-to-transparent {
    background-position: calc(100%) calc(-10rem);
  }
}
.initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child {
    padding-top: 6rem;
  }
}
.initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child h1 {
  font-size: 2.7rem;
  line-height: 3rem;
  margin-right: 1rem;
}
@media (min-width: 576px) {
  .initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child h1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}
@media (min-width: 768px) {
  .initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child h1 {
    font-size: 4.5rem;
    line-height: 5rem;
    margin-right: 0;
  }
}
.initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child h2 {
  font-weight: var(--font-weight-regular);
  letter-spacing: -1px;
  font-size: 1.5rem;
  margin-right: 1rem;
}
@media (min-width: 576px) {
  .initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child h2 {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .initial-bg-tyrian-purple-to-transparent.initial-marketing > .container:first-child > .row:first-child h2 {
    font-size: 2rem;
    margin-right: 0;
  }
}

.pt-6 {
  padding-top: 3.5rem !important;
}

.pt-7 {
  padding-top: 4rem !important;
}

.pt-8 {
  padding-top: 4.5rem !important;
}

.pt-9 {
  padding-top: 5rem !important;
}

.pt-10 {
  padding-top: 5.5rem !important;
}

.pt-11 {
  padding-top: 6rem !important;
}

.pt-12 {
  padding-top: 6.5rem !important;
}

.pt-13 {
  padding-top: 7rem !important;
}

.pt-14 {
  padding-top: 7.5rem !important;
}

.pt-15 {
  padding-top: 8rem !important;
}

.pb-6 {
  padding-bottom: 3.5rem !important;
}

.pb-7 {
  padding-bottom: 4rem !important;
}

.pb-8 {
  padding-bottom: 4.5rem !important;
}

.pb-9 {
  padding-bottom: 5rem !important;
}

.pb-10 {
  padding-bottom: 5.5rem !important;
}

.pb-11 {
  padding-bottom: 6rem !important;
}

.pb-12 {
  padding-bottom: 6.5rem !important;
}

.pb-13 {
  padding-bottom: 7rem !important;
}

.pb-14 {
  padding-bottom: 7.5rem !important;
}

.pb-15 {
  padding-bottom: 8rem !important;
}

.ps-6 {
  padding-left: 3.5rem !important;
}

.ps-7 {
  padding-left: 4rem !important;
}

.ps-8 {
  padding-left: 4.5rem !important;
}

.ps-9 {
  padding-left: 5rem !important;
}

.ps-10 {
  padding-left: 5.5rem !important;
}

.ps-11 {
  padding-left: 6rem !important;
}

.ps-12 {
  padding-left: 6.5rem !important;
}

.ps-13 {
  padding-left: 7rem !important;
}

.ps-14 {
  padding-left: 7.5rem !important;
}

.ps-15 {
  padding-left: 8rem !important;
}

.pe-6 {
  padding-right: 3.5rem !important;
}

.pe-7 {
  padding-right: 4rem !important;
}

.pe-8 {
  padding-right: 4.5rem !important;
}

.pe-9 {
  padding-right: 5rem !important;
}

.pe-10 {
  padding-right: 5.5rem !important;
}

.pe-11 {
  padding-right: 6rem !important;
}

.pe-12 {
  padding-right: 6.5rem !important;
}

.pe-13 {
  padding-right: 7rem !important;
}

.pe-14 {
  padding-right: 7.5rem !important;
}

.pe-15 {
  padding-right: 8rem !important;
}

.px-6 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-8 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.px-9 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.px-10 {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

.px-11 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-12 {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.px-13 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.px-14 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.px-15 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-6 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-8 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.py-9 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-10 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.py-11 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-12 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

.py-13 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py-14 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.py-15 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

@media (min-width: 768px) {
  .pt-md-6 {
    padding-top: 3.5rem !important;
  }

  .pb-md-6 {
    padding-bottom: 3.5rem !important;
  }

  .ps-md-6 {
    padding-left: 3.5rem !important;
  }

  .pe-md-6 {
    padding-right: 3.5rem !important;
  }

  .pt-md-7 {
    padding-top: 4rem !important;
  }

  .pb-md-7 {
    padding-bottom: 4rem !important;
  }

  .ps-md-7 {
    padding-left: 4rem !important;
  }

  .pe-md-7 {
    padding-right: 4rem !important;
  }

  .pt-md-8 {
    padding-top: 4.5rem !important;
  }

  .pb-md-8 {
    padding-bottom: 4.5rem !important;
  }

  .ps-md-8 {
    padding-left: 4.5rem !important;
  }

  .pe-md-8 {
    padding-right: 4.5rem !important;
  }

  .pt-md-9 {
    padding-top: 5rem !important;
  }

  .pb-md-9 {
    padding-bottom: 5rem !important;
  }

  .ps-md-9 {
    padding-left: 5rem !important;
  }

  .pe-md-9 {
    padding-right: 5rem !important;
  }

  .pt-md-10 {
    padding-top: 5.5rem !important;
  }

  .pb-md-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-md-10 {
    padding-left: 5.5rem !important;
  }

  .pe-md-10 {
    padding-right: 5.5rem !important;
  }

  .pt-md-11 {
    padding-top: 6rem !important;
  }

  .pb-md-11 {
    padding-bottom: 6rem !important;
  }

  .ps-md-11 {
    padding-left: 6rem !important;
  }

  .pe-md-11 {
    padding-right: 6rem !important;
  }

  .pt-md-12 {
    padding-top: 6.5rem !important;
  }

  .pb-md-12 {
    padding-bottom: 6.5rem !important;
  }

  .ps-md-12 {
    padding-left: 6.5rem !important;
  }

  .pe-md-12 {
    padding-right: 6.5rem !important;
  }

  .pt-md-13 {
    padding-top: 7rem !important;
  }

  .pb-md-13 {
    padding-bottom: 7rem !important;
  }

  .ps-md-13 {
    padding-left: 7rem !important;
  }

  .pe-md-13 {
    padding-right: 7rem !important;
  }

  .pt-md-14 {
    padding-top: 7.5rem !important;
  }

  .pb-md-14 {
    padding-bottom: 7.5rem !important;
  }

  .ps-md-14 {
    padding-left: 7.5rem !important;
  }

  .pe-md-14 {
    padding-right: 7.5rem !important;
  }

  .pt-md-15 {
    padding-top: 8rem !important;
  }

  .pb-md-15 {
    padding-bottom: 8rem !important;
  }

  .ps-md-15 {
    padding-left: 8rem !important;
  }

  .pe-md-15 {
    padding-right: 8rem !important;
  }
}
@media (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 3.5rem !important;
  }

  .pb-lg-6 {
    padding-bottom: 3.5rem !important;
  }

  .ps-lg-6 {
    padding-left: 3.5rem !important;
  }

  .pe-lg-6 {
    padding-right: 3.5rem !important;
  }

  .pt-lg-7 {
    padding-top: 4rem !important;
  }

  .pb-lg-7 {
    padding-bottom: 4rem !important;
  }

  .ps-lg-7 {
    padding-left: 4rem !important;
  }

  .pe-lg-7 {
    padding-right: 4rem !important;
  }

  .pt-lg-8 {
    padding-top: 4.5rem !important;
  }

  .pb-lg-8 {
    padding-bottom: 4.5rem !important;
  }

  .ps-lg-8 {
    padding-left: 4.5rem !important;
  }

  .pe-lg-8 {
    padding-right: 4.5rem !important;
  }

  .pt-lg-9 {
    padding-top: 5rem !important;
  }

  .pb-lg-9 {
    padding-bottom: 5rem !important;
  }

  .ps-lg-9 {
    padding-left: 5rem !important;
  }

  .pe-lg-9 {
    padding-right: 5rem !important;
  }

  .pt-lg-10 {
    padding-top: 5.5rem !important;
  }

  .pb-lg-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-lg-10 {
    padding-left: 5.5rem !important;
  }

  .pe-lg-10 {
    padding-right: 5.5rem !important;
  }

  .pt-lg-11 {
    padding-top: 6rem !important;
  }

  .pb-lg-11 {
    padding-bottom: 6rem !important;
  }

  .ps-lg-11 {
    padding-left: 6rem !important;
  }

  .pe-lg-11 {
    padding-right: 6rem !important;
  }

  .pt-lg-12 {
    padding-top: 6.5rem !important;
  }

  .pb-lg-12 {
    padding-bottom: 6.5rem !important;
  }

  .ps-lg-12 {
    padding-left: 6.5rem !important;
  }

  .pe-lg-12 {
    padding-right: 6.5rem !important;
  }

  .pt-lg-13 {
    padding-top: 7rem !important;
  }

  .pb-lg-13 {
    padding-bottom: 7rem !important;
  }

  .ps-lg-13 {
    padding-left: 7rem !important;
  }

  .pe-lg-13 {
    padding-right: 7rem !important;
  }

  .pt-lg-14 {
    padding-top: 7.5rem !important;
  }

  .pb-lg-14 {
    padding-bottom: 7.5rem !important;
  }

  .ps-lg-14 {
    padding-left: 7.5rem !important;
  }

  .pe-lg-14 {
    padding-right: 7.5rem !important;
  }

  .pt-lg-15 {
    padding-top: 8rem !important;
  }

  .pb-lg-15 {
    padding-bottom: 8rem !important;
  }

  .ps-lg-15 {
    padding-left: 8rem !important;
  }

  .pe-lg-15 {
    padding-right: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .pt-xl-6 {
    padding-top: 3.5rem !important;
  }

  .pb-xl-6 {
    padding-bottom: 3.5rem !important;
  }

  .ps-xl-6 {
    padding-left: 3.5rem !important;
  }

  .pe-xl-6 {
    padding-right: 3.5rem !important;
  }

  .pt-xl-7 {
    padding-top: 4rem !important;
  }

  .pb-xl-7 {
    padding-bottom: 4rem !important;
  }

  .ps-xl-7 {
    padding-left: 4rem !important;
  }

  .pe-xl-7 {
    padding-right: 4rem !important;
  }

  .pt-xl-8 {
    padding-top: 4.5rem !important;
  }

  .pb-xl-8 {
    padding-bottom: 4.5rem !important;
  }

  .ps-xl-8 {
    padding-left: 4.5rem !important;
  }

  .pe-xl-8 {
    padding-right: 4.5rem !important;
  }

  .pt-xl-9 {
    padding-top: 5rem !important;
  }

  .pb-xl-9 {
    padding-bottom: 5rem !important;
  }

  .ps-xl-9 {
    padding-left: 5rem !important;
  }

  .pe-xl-9 {
    padding-right: 5rem !important;
  }

  .pt-xl-10 {
    padding-top: 5.5rem !important;
  }

  .pb-xl-10 {
    padding-bottom: 5.5rem !important;
  }

  .ps-xl-10 {
    padding-left: 5.5rem !important;
  }

  .pe-xl-10 {
    padding-right: 5.5rem !important;
  }

  .pt-xl-11 {
    padding-top: 6rem !important;
  }

  .pb-xl-11 {
    padding-bottom: 6rem !important;
  }

  .ps-xl-11 {
    padding-left: 6rem !important;
  }

  .pe-xl-11 {
    padding-right: 6rem !important;
  }

  .pt-xl-12 {
    padding-top: 6.5rem !important;
  }

  .pb-xl-12 {
    padding-bottom: 6.5rem !important;
  }

  .ps-xl-12 {
    padding-left: 6.5rem !important;
  }

  .pe-xl-12 {
    padding-right: 6.5rem !important;
  }

  .pt-xl-13 {
    padding-top: 7rem !important;
  }

  .pb-xl-13 {
    padding-bottom: 7rem !important;
  }

  .ps-xl-13 {
    padding-left: 7rem !important;
  }

  .pe-xl-13 {
    padding-right: 7rem !important;
  }

  .pt-xl-14 {
    padding-top: 7.5rem !important;
  }

  .pb-xl-14 {
    padding-bottom: 7.5rem !important;
  }

  .ps-xl-14 {
    padding-left: 7.5rem !important;
  }

  .pe-xl-14 {
    padding-right: 7.5rem !important;
  }

  .pt-xl-15 {
    padding-top: 8rem !important;
  }

  .pb-xl-15 {
    padding-bottom: 8rem !important;
  }

  .ps-xl-15 {
    padding-left: 8rem !important;
  }

  .pe-xl-15 {
    padding-right: 8rem !important;
  }
}
.mt-6 {
  margin-top: 3.5rem !important;
}

.mt-7 {
  margin-top: 4rem !important;
}

.mt-8 {
  margin-top: 4.5rem !important;
}

.mt-9 {
  margin-top: 5rem !important;
}

.mt-10 {
  margin-top: 5.5rem !important;
}

.mt-11 {
  margin-top: 6rem !important;
}

.mt-12 {
  margin-top: 6.5rem !important;
}

.mt-13 {
  margin-top: 7rem !important;
}

.mt-14 {
  margin-top: 7.5rem !important;
}

.mt-15 {
  margin-top: 8rem !important;
}

.mb-6 {
  margin-bottom: 3.5rem !important;
}

.mb-7 {
  margin-bottom: 4rem !important;
}

.mb-8 {
  margin-bottom: 4.5rem !important;
}

.mb-9 {
  margin-bottom: 5rem !important;
}

.mb-10 {
  margin-bottom: 5.5rem !important;
}

.mb-11 {
  margin-bottom: 6rem !important;
}

.mb-12 {
  margin-bottom: 6.5rem !important;
}

.mb-13 {
  margin-bottom: 7rem !important;
}

.mb-14 {
  margin-bottom: 7.5rem !important;
}

.mb-15 {
  margin-bottom: 8rem !important;
}

.ms-6 {
  margin-left: 3.5rem !important;
}

.ms-7 {
  margin-left: 4rem !important;
}

.ms-8 {
  margin-left: 4.5rem !important;
}

.ms-9 {
  margin-left: 5rem !important;
}

.ms-10 {
  margin-left: 5.5rem !important;
}

.ms-11 {
  margin-left: 6rem !important;
}

.ms-12 {
  margin-left: 6.5rem !important;
}

.ms-13 {
  margin-left: 7rem !important;
}

.ms-14 {
  margin-left: 7.5rem !important;
}

.ms-15 {
  margin-left: 8rem !important;
}

.me-6 {
  margin-right: 3.5rem !important;
}

.me-7 {
  margin-right: 4rem !important;
}

.me-8 {
  margin-right: 4.5rem !important;
}

.me-9 {
  margin-right: 5rem !important;
}

.me-10 {
  margin-right: 5.5rem !important;
}

.me-11 {
  margin-right: 6rem !important;
}

.me-12 {
  margin-right: 6.5rem !important;
}

.me-13 {
  margin-right: 7rem !important;
}

.me-14 {
  margin-right: 7.5rem !important;
}

.me-15 {
  margin-right: 8rem !important;
}

.mx-6 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mx-8 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.mx-9 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mx-10 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.mx-11 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx-12 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.mx-13 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mx-14 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.mx-15 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my-6 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-8 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.my-9 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-10 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.my-11 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-12 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.my-13 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my-14 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.my-15 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

@media (min-width: 768px) {
  .mt-md-6 {
    margin-top: 3.5rem !important;
  }

  .mb-md-6 {
    margin-bottom: 3.5rem !important;
  }

  .ms-md-6 {
    margin-left: 3.5rem !important;
  }

  .me-md-6 {
    margin-right: 3.5rem !important;
  }

  .mt-md-7 {
    margin-top: 4rem !important;
  }

  .mb-md-7 {
    margin-bottom: 4rem !important;
  }

  .ms-md-7 {
    margin-left: 4rem !important;
  }

  .me-md-7 {
    margin-right: 4rem !important;
  }

  .mt-md-8 {
    margin-top: 4.5rem !important;
  }

  .mb-md-8 {
    margin-bottom: 4.5rem !important;
  }

  .ms-md-8 {
    margin-left: 4.5rem !important;
  }

  .me-md-8 {
    margin-right: 4.5rem !important;
  }

  .mt-md-9 {
    margin-top: 5rem !important;
  }

  .mb-md-9 {
    margin-bottom: 5rem !important;
  }

  .ms-md-9 {
    margin-left: 5rem !important;
  }

  .me-md-9 {
    margin-right: 5rem !important;
  }

  .mt-md-10 {
    margin-top: 5.5rem !important;
  }

  .mb-md-10 {
    margin-bottom: 5.5rem !important;
  }

  .ms-md-10 {
    margin-left: 5.5rem !important;
  }

  .me-md-10 {
    margin-right: 5.5rem !important;
  }

  .mt-md-11 {
    margin-top: 6rem !important;
  }

  .mb-md-11 {
    margin-bottom: 6rem !important;
  }

  .ms-md-11 {
    margin-left: 6rem !important;
  }

  .me-md-11 {
    margin-right: 6rem !important;
  }

  .mt-md-12 {
    margin-top: 6.5rem !important;
  }

  .mb-md-12 {
    margin-bottom: 6.5rem !important;
  }

  .ms-md-12 {
    margin-left: 6.5rem !important;
  }

  .me-md-12 {
    margin-right: 6.5rem !important;
  }

  .mt-md-13 {
    margin-top: 7rem !important;
  }

  .mb-md-13 {
    margin-bottom: 7rem !important;
  }

  .ms-md-13 {
    margin-left: 7rem !important;
  }

  .me-md-13 {
    margin-right: 7rem !important;
  }

  .mt-md-14 {
    margin-top: 7.5rem !important;
  }

  .mb-md-14 {
    margin-bottom: 7.5rem !important;
  }

  .ms-md-14 {
    margin-left: 7.5rem !important;
  }

  .me-md-14 {
    margin-right: 7.5rem !important;
  }

  .mt-md-15 {
    margin-top: 8rem !important;
  }

  .mb-md-15 {
    margin-bottom: 8rem !important;
  }

  .ms-md-15 {
    margin-left: 8rem !important;
  }

  .me-md-15 {
    margin-right: 8rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 3.5rem !important;
  }

  .mb-lg-6 {
    margin-bottom: 3.5rem !important;
  }

  .ms-lg-6 {
    margin-left: 3.5rem !important;
  }

  .me-lg-6 {
    margin-right: 3.5rem !important;
  }

  .mt-lg-7 {
    margin-top: 4rem !important;
  }

  .mb-lg-7 {
    margin-bottom: 4rem !important;
  }

  .ms-lg-7 {
    margin-left: 4rem !important;
  }

  .me-lg-7 {
    margin-right: 4rem !important;
  }

  .mt-lg-8 {
    margin-top: 4.5rem !important;
  }

  .mb-lg-8 {
    margin-bottom: 4.5rem !important;
  }

  .ms-lg-8 {
    margin-left: 4.5rem !important;
  }

  .me-lg-8 {
    margin-right: 4.5rem !important;
  }

  .mt-lg-9 {
    margin-top: 5rem !important;
  }

  .mb-lg-9 {
    margin-bottom: 5rem !important;
  }

  .ms-lg-9 {
    margin-left: 5rem !important;
  }

  .me-lg-9 {
    margin-right: 5rem !important;
  }

  .mt-lg-10 {
    margin-top: 5.5rem !important;
  }

  .mb-lg-10 {
    margin-bottom: 5.5rem !important;
  }

  .ms-lg-10 {
    margin-left: 5.5rem !important;
  }

  .me-lg-10 {
    margin-right: 5.5rem !important;
  }

  .mt-lg-11 {
    margin-top: 6rem !important;
  }

  .mb-lg-11 {
    margin-bottom: 6rem !important;
  }

  .ms-lg-11 {
    margin-left: 6rem !important;
  }

  .me-lg-11 {
    margin-right: 6rem !important;
  }

  .mt-lg-12 {
    margin-top: 6.5rem !important;
  }

  .mb-lg-12 {
    margin-bottom: 6.5rem !important;
  }

  .ms-lg-12 {
    margin-left: 6.5rem !important;
  }

  .me-lg-12 {
    margin-right: 6.5rem !important;
  }

  .mt-lg-13 {
    margin-top: 7rem !important;
  }

  .mb-lg-13 {
    margin-bottom: 7rem !important;
  }

  .ms-lg-13 {
    margin-left: 7rem !important;
  }

  .me-lg-13 {
    margin-right: 7rem !important;
  }

  .mt-lg-14 {
    margin-top: 7.5rem !important;
  }

  .mb-lg-14 {
    margin-bottom: 7.5rem !important;
  }

  .ms-lg-14 {
    margin-left: 7.5rem !important;
  }

  .me-lg-14 {
    margin-right: 7.5rem !important;
  }

  .mt-lg-15 {
    margin-top: 8rem !important;
  }

  .mb-lg-15 {
    margin-bottom: 8rem !important;
  }

  .ms-lg-15 {
    margin-left: 8rem !important;
  }

  .me-lg-15 {
    margin-right: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-6 {
    margin-top: 3.5rem !important;
  }

  .mb-xl-6 {
    margin-bottom: 3.5rem !important;
  }

  .ms-xl-6 {
    margin-left: 3.5rem !important;
  }

  .me-xl-6 {
    margin-right: 3.5rem !important;
  }

  .mt-xl-7 {
    margin-top: 4rem !important;
  }

  .mb-xl-7 {
    margin-bottom: 4rem !important;
  }

  .ms-xl-7 {
    margin-left: 4rem !important;
  }

  .me-xl-7 {
    margin-right: 4rem !important;
  }

  .mt-xl-8 {
    margin-top: 4.5rem !important;
  }

  .mb-xl-8 {
    margin-bottom: 4.5rem !important;
  }

  .ms-xl-8 {
    margin-left: 4.5rem !important;
  }

  .me-xl-8 {
    margin-right: 4.5rem !important;
  }

  .mt-xl-9 {
    margin-top: 5rem !important;
  }

  .mb-xl-9 {
    margin-bottom: 5rem !important;
  }

  .ms-xl-9 {
    margin-left: 5rem !important;
  }

  .me-xl-9 {
    margin-right: 5rem !important;
  }

  .mt-xl-10 {
    margin-top: 5.5rem !important;
  }

  .mb-xl-10 {
    margin-bottom: 5.5rem !important;
  }

  .ms-xl-10 {
    margin-left: 5.5rem !important;
  }

  .me-xl-10 {
    margin-right: 5.5rem !important;
  }

  .mt-xl-11 {
    margin-top: 6rem !important;
  }

  .mb-xl-11 {
    margin-bottom: 6rem !important;
  }

  .ms-xl-11 {
    margin-left: 6rem !important;
  }

  .me-xl-11 {
    margin-right: 6rem !important;
  }

  .mt-xl-12 {
    margin-top: 6.5rem !important;
  }

  .mb-xl-12 {
    margin-bottom: 6.5rem !important;
  }

  .ms-xl-12 {
    margin-left: 6.5rem !important;
  }

  .me-xl-12 {
    margin-right: 6.5rem !important;
  }

  .mt-xl-13 {
    margin-top: 7rem !important;
  }

  .mb-xl-13 {
    margin-bottom: 7rem !important;
  }

  .ms-xl-13 {
    margin-left: 7rem !important;
  }

  .me-xl-13 {
    margin-right: 7rem !important;
  }

  .mt-xl-14 {
    margin-top: 7.5rem !important;
  }

  .mb-xl-14 {
    margin-bottom: 7.5rem !important;
  }

  .ms-xl-14 {
    margin-left: 7.5rem !important;
  }

  .me-xl-14 {
    margin-right: 7.5rem !important;
  }

  .mt-xl-15 {
    margin-top: 8rem !important;
  }

  .mb-xl-15 {
    margin-bottom: 8rem !important;
  }

  .ms-xl-15 {
    margin-left: 8rem !important;
  }

  .me-xl-15 {
    margin-right: 8rem !important;
  }
}
.alert-outline {
  border: 1px solid var(--color-gun-powder);
  border-radius: 0.5rem;
}

.accordion-button {
  font-weight: var(--font-weight-medium);
  border-bottom: 1px solid var(--color-gun-powder);
  font-size: 1.2rem;
}
.accordion-button:hover {
  border-color: var(--color-white);
}
.accordion-button:not(.collapsed) {
  border-color: var(--color-white);
}

.accordion-body {
  margin-left: 0.5rem;
}

.accordion .accordion {
  margin-left: 1.5rem;
}

@-webkit-keyframes animation-btn {
  0% {
    background-image: var(--image-chevron-right);
    background-position: 0 50%;
  }
  25% {
    background-image: var(--image-chevron-right);
    background-position: 0.0625rem 50%;
  }
  50% {
    background-image: var(--image-chevron-right);
    background-position: 0.125rem 50%;
  }
  75% {
    background-image: var(--image-chevron-right);
    background-position: 0.1625rem 50%;
  }
  99% {
    background-image: var(--image-chevron-right);
    background-position: 0.18125rem 50%;
  }
  100% {
    background-image: var(--image-arrow-right);
    background-position: 0 50%;
  }
}

@keyframes animation-btn {
  0% {
    background-image: var(--image-chevron-right);
    background-position: 0 50%;
  }
  25% {
    background-image: var(--image-chevron-right);
    background-position: 0.0625rem 50%;
  }
  50% {
    background-image: var(--image-chevron-right);
    background-position: 0.125rem 50%;
  }
  75% {
    background-image: var(--image-chevron-right);
    background-position: 0.1625rem 50%;
  }
  99% {
    background-image: var(--image-chevron-right);
    background-position: 0.18125rem 50%;
  }
  100% {
    background-image: var(--image-arrow-right);
    background-position: 0 50%;
  }
}
.animation-tracker {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.animation-tracker:hover {
  background-image: radial-gradient(circle at var(--x) var(--y), #a11861, #661b4e);
}

.animation-grow {
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
  transition: background-color 0.3s ease, -webkit-transform 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
  transition: background-color 0.3s ease, transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  transition: background-color 0.3s ease, transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
}
.animation-grow:hover {
  -webkit-box-shadow: var(--box-shadow-light);
          box-shadow: var(--box-shadow-light);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.animation-grow img {
  mix-blend-mode: multiply;
}

.animation-perspective {
  --transform-perspective: 1000px;
  --transition-timing: 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-transform var(--transition-timing);
  transition: -webkit-transform var(--transition-timing);
  transition: transform var(--transition-timing);
  transition: transform var(--transition-timing), -webkit-transform var(--transition-timing);
  -webkit-transform: perspective(1000px) rotateY(0deg);
          transform: perspective(1000px) rotateY(0deg);
  -webkit-transform: perspective(var(--transform-perspective)) rotateY(var(--tilt-deg, 0deg));
          transform: perspective(var(--transform-perspective)) rotateY(var(--tilt-deg, 0deg));
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@-webkit-keyframes animation-pulsate {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

@keyframes animation-pulsate {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.animation-pulsate {
  -webkit-animation: animation-pulsate 0.8s ease-in-out forwards;
          animation: animation-pulsate 0.8s ease-in-out forwards;
}

.layout-default .app-content {
  padding-top: 5.5rem;
}
@media (min-width: 1200px) {
  .layout-default .app-content {
    padding-top: 0;
  }
}

.dashboard .card-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  padding-top: 0;
}
.dashboard .card-body {
  padding-bottom: 0;
}
.dashboard ul {
  margin-bottom: 0;
}
.dashboard .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dashboard .nav-link:hover {
  color: var(--color-white);
  background-color: var(--color-night-rider);
}
.dashboard .nav-link i {
  margin-right: 10px;
  font-size: 1.25rem;
}
.dashboard .badge-count {
  background-color: var(--color-pacific-blue);
  color: var(--color-white);
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  margin-left: auto;
  font-size: 0.75em;
}

.app-footer {
  background-color: var(--color-graphite);
  color: var(--color-foggy-gray);
}
.app-footer a {
  color: inherit;
}
.app-footer a:hover {
  color: var(--color-white);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.app-footer hr {
  height: 0.1rem;
  color: var(--color-foggy-gray);
}
.app-footer .list-unstyled {
  margin-bottom: 0;
}
.app-footer .list-unstyled li {
  line-height: 1.6rem;
}
.app-footer .heading {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
}
.app-footer .separator {
  margin: 0 0.2rem;
  color: transparent;
}
.app-footer .bi-social {
  display: inline-block;
  font-size: 1.3rem;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
.app-footer .row:last-child a {
  font-weight: var(--font-weight-light);
}

.autoComplete_wrapper > ul {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 20rem;
  padding: 0;
  margin: 1px 0 0;
  overflow-y: scroll;
  list-style: none;
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1px solid var(--color-prussian-blue);
  border-radius: var(--bs-border-radius);
  outline: 0;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.autoComplete_wrapper > ul:empty, .autoComplete_wrapper > ul[hidden] {
  display: block;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.autoComplete_wrapper > ul > li {
  padding: 0.4rem 0.5rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: var(--color-white-smoke);
}
.autoComplete_wrapper > ul > li[aria-selected=true] {
  background-color: var(--color-white-smoke);
}

.badge-gradient-1, .badge-gradient-2, .badge-outline {
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-gradient-1, .badge-gradient-2 {
  color: var(--color-white);
}
.badge-gradient-1 {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-dark-purple)), to(var(--color-deep-pink)));
  background: linear-gradient(90deg, var(--color-dark-purple), var(--color-deep-pink));
}
.badge-gradient-2 {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-indigo)), to(var(--color-deep-pink)));
  background: linear-gradient(90deg, var(--color-indigo), var(--color-deep-pink));
}
.badge-outline {
  border: 1px solid var(--color-mischka) !important;
  color: var(--color-mischka);
}
.badge-activex {
  color: var(--color-white) !important;
  background-color: var(--color-activex) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-asp-dotnet, .badge-aspnet, .badge-aspnet-core {
  color: var(--color-white) !important;
  background-color: var(--color-aspnet) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-cloud {
  color: var(--color-white) !important;
  background-color: var(--color-cloud) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-javascript {
  color: var(--color-black) !important;
  background-color: var(--color-javascript) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-blazor {
  color: var(--color-white) !important;
  background-color: var(--color-blazor) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-react {
  color: var(--color-white) !important;
  background-color: var(--color-react) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-angular, .badge-client-side-packages {
  color: var(--color-white) !important;
  background-color: var(--color-angular) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-server {
  color: var(--color-white) !important;
  background-color: var(--color-server) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-windows-forms {
  color: var(--color-white) !important;
  background-color: var(--color-windows-forms) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-wpf {
  color: var(--color-white) !important;
  background-color: var(--color-wpf) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-reporting {
  color: var(--color-white) !important;
  background-color: var(--color-reporting) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}
.badge-core {
  color: var(--color-white) !important;
  background-color: var(--color-core) !important;
  padding: 0.45rem 0.8rem;
  text-transform: uppercase;
  border-radius: 2rem;
  white-space: nowrap;
}

.bi-before-text {
  margin-right: 0.125rem;
}

.bi-after-text {
  padding-left: 0.125rem;
}

.bi-signed-in {
  color: var(--color-salem);
}

.bi-signed-out {
  color: var(--color-mahogany);
}

.bi-arrow-left,
.bi-dot {
  color: var(--color-deep-pink);
}

.bi-deep-pink {
  color: var(--color-deep-pink);
}

.list-group-item.active {
  background-color: var(--color-nero);
}
.list-group-item.active a {
  color: var(--color-white);
}

:root {
  --btn-padding-y: 0.65rem;
  --btn-padding-x: calc(var(--btn-padding-y) * 2);
  --btn-outline-border-width: 1px;
}

.btn {
  color: var(--color-white);
  border-radius: 5rem;
  font-weight: var(--font-weight-medium);
  text-align: center;
  border: none;
  padding: 0.65rem calc(0.65rem * 2);
  padding: var(--btn-padding-y) var(--btn-padding-x);
}

.btn-primary {
  background-color: var(--color-pacific-blue);
}
.btn-primary:hover {
  background-color: var(--color-pacific-blue);
}

.btn-secondary {
  background-color: var(--color-gun-powder);
}
.btn-secondary:hover {
  background-color: var(--color-gun-powder);
}

.btn-gradient {
  background-size: 300% 100%;
  background-position: 0 0;
  -webkit-transition: background-position 0.25s ease-in-out, background-image 0.25s ease-in-out;
  transition: background-position 0.25s ease-in-out, background-image 0.25s ease-in-out;
}
.btn-gradient:hover {
  background-position: 100% 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(transparent), color-stop(var(--color-deep-pink)), to(var(--color-dark-purple)));
  background-image: linear-gradient(to right, transparent, transparent, var(--color-deep-pink), var(--color-dark-purple));
}
.btn-gradient:not(:hover) {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(transparent), color-stop(var(--color-deep-pink)), to(var(--color-dark-purple)));
  background-image: linear-gradient(to right, transparent, transparent, var(--color-deep-pink), var(--color-dark-purple));
}

.btn-chevron::after {
  content: "";
  padding-right: 0.7rem;
  margin-left: 0.7rem;
  background: var(--image-chevron-right) no-repeat 0 50%;
}
.btn-chevron:hover::after {
  -webkit-animation: animation-btn 0.2s cubic-bezier(0.2, 0.4, 0.2, 1) both;
          animation: animation-btn 0.2s cubic-bezier(0.2, 0.4, 0.2, 1) both;
}

.btn-outline {
  cursor: pointer;
  border: 1px solid var(--color-white);
  border: var(--btn-outline-border-width) solid var(--color-white);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding-top: calc(0.65rem - 1px);
  padding-top: calc(var(--btn-padding-y) - var(--btn-outline-border-width));
  padding-bottom: calc(0.65rem - 1px);
  padding-bottom: calc(var(--btn-padding-y) - var(--btn-outline-border-width));
}
.btn-outline:hover {
  background-color: var(--color-black);
  border: 1px solid var(--color-white-smoke);
}
.btn-outline.btn-gradient:hover {
  color: var(--color-white);
}

.btn-warning {
  color: var(--color-black);
  border: none;
}
.btn-warning:hover {
  color: var(--color-graphite);
}

.card {
  background-color: var(--color-nero);
  border: 1px solid var(--color-night-rider);
  border-radius: 1em;
  padding: 1.5em;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.card .card-title {
  color: var(--color-white-smoke);
}
.card:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.card.bg-prussian-blue-to-iris-blue {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-prussian-blue)), to(var(--color-iris-blue)));
  background: linear-gradient(to right, var(--color-prussian-blue), var(--color-iris-blue));
}

.card-blog {
  padding: 0;
  border-width: 0;
}
.card-blog .card-img-top {
  border-radius: 1rem 1rem 0 0;
}
.card-blog .card-body {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
}
.card-blog .card-text {
  color: var(--color-mischka);
}

.app-product-default-feature-index .card-body img,
.app-product-default-getting-started-basic-index .card-body img,
.app-company-conference-permalink-index .card-body img {
  border-radius: 0.4rem;
  width: 100% !important;
  height: auto !important;
}

div[data-href] {
  cursor: pointer;
}

label {
  font-weight: var(--font-weight-medium);
}

textarea {
  height: 20rem;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.invalid-feedback {
  display: block;
  margin-top: 0.5rem;
  color: var(--color-bittersweet);
  font-size: 0.85rem;
}
@media (min-width: 768px) {
  .invalid-feedback {
    font-size: 1rem;
  }
}
.invalid-feedback::before {
  content: "";
  font-family: "bootstrap-icons";
  margin-right: 0.5rem;
  position: relative;
  top: 1px;
}

.form-check-input {
  margin-right: 0.5rem;
}

.form-control-plaintext {
  padding-left: 0.8rem;
  cursor: default;
}
.form-control-plaintext:focus {
  border-color: var(--color-white);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-pointer,
.label-pointer {
  cursor: pointer !important;
}

.input-group-text {
  background-color: var(--color-white);
}

.btn-container-1,
.btn-container-2,
.btn-container-2-spread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.btn-container-1 .btn,
.btn-container-2 .btn,
.btn-container-2-spread .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.btn-container-1 .bi,
.btn-container-2 .bi,
.btn-container-2-spread .bi {
  display: none;
}
@media (min-width: 374px) {
  .btn-container-1 .bi,
.btn-container-2 .bi,
.btn-container-2-spread .bi {
    display: inline;
  }
}

@media (min-width: 768px) {
  .btn-container-1 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .btn-container-1 {
    width: 35%;
  }
}

@media (min-width: 992px) {
  .btn-container-2,
.btn-container-2-spread {
    width: 75%;
  }
}
.btn-container-2 .btn:first-child,
.btn-container-2-spread .btn:first-child {
  margin-right: 0.2rem;
}
.btn-container-2 .btn:last-child,
.btn-container-2-spread .btn:last-child {
  margin-left: 0.2rem;
}

@media (min-width: 992px) {
  .btn-container-2-spread {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
  }
  .btn-container-2-spread .btn {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 14rem;
  }
  .btn-container-2-spread .btn:first-child {
    margin-right: auto;
  }
}
.fs-75 {
  font-size: 0.75em;
}
@media (min-width: 768px) {
  .fs-75 {
    font-size: 0.7875em;
  }
}
@media (min-width: 992px) {
  .fs-75 {
    font-size: 0.84375em;
  }
}
@media (min-width: 1200px) {
  .fs-75 {
    font-size: 0.8625em;
  }
}

.fs-80 {
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .fs-80 {
    font-size: 0.84em;
  }
}
@media (min-width: 992px) {
  .fs-80 {
    font-size: 0.9em;
  }
}
@media (min-width: 1200px) {
  .fs-80 {
    font-size: 0.92em;
  }
}

.fs-85 {
  font-size: 0.85em;
}
@media (min-width: 768px) {
  .fs-85 {
    font-size: 0.8925em;
  }
}
@media (min-width: 992px) {
  .fs-85 {
    font-size: 0.95625em;
  }
}
@media (min-width: 1200px) {
  .fs-85 {
    font-size: 0.9775em;
  }
}

.fs-90 {
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .fs-90 {
    font-size: 0.945em;
  }
}
@media (min-width: 992px) {
  .fs-90 {
    font-size: 1.0125em;
  }
}
@media (min-width: 1200px) {
  .fs-90 {
    font-size: 1.035em;
  }
}

.fs-95 {
  font-size: 0.95em;
}
@media (min-width: 768px) {
  .fs-95 {
    font-size: 0.9975em;
  }
}
@media (min-width: 992px) {
  .fs-95 {
    font-size: 1.06875em;
  }
}
@media (min-width: 1200px) {
  .fs-95 {
    font-size: 1.0925em;
  }
}

.fs-100 {
  font-size: 1em;
}
@media (min-width: 768px) {
  .fs-100 {
    font-size: 1.05em;
  }
}
@media (min-width: 992px) {
  .fs-100 {
    font-size: 1.125em;
  }
}
@media (min-width: 1200px) {
  .fs-100 {
    font-size: 1.15em;
  }
}

.fs-110 {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  .fs-110 {
    font-size: 1.155em;
  }
}
@media (min-width: 992px) {
  .fs-110 {
    font-size: 1.2375em;
  }
}
@media (min-width: 1200px) {
  .fs-110 {
    font-size: 1.265em;
  }
}

.fs-115 {
  font-size: 1.15em;
}
@media (min-width: 768px) {
  .fs-115 {
    font-size: 1.2075em;
  }
}
@media (min-width: 992px) {
  .fs-115 {
    font-size: 1.29375em;
  }
}
@media (min-width: 1200px) {
  .fs-115 {
    font-size: 1.3225em;
  }
}

.fs-125 {
  font-size: 1.25em;
}
@media (min-width: 768px) {
  .fs-125 {
    font-size: 1.3125em;
  }
}
@media (min-width: 992px) {
  .fs-125 {
    font-size: 1.40625em;
  }
}
@media (min-width: 1200px) {
  .fs-125 {
    font-size: 1.4375em;
  }
}

.fs-130 {
  font-size: 1.3em;
}
@media (min-width: 768px) {
  .fs-130 {
    font-size: 1.365em;
  }
}
@media (min-width: 992px) {
  .fs-130 {
    font-size: 1.4625em;
  }
}
@media (min-width: 1200px) {
  .fs-130 {
    font-size: 1.495em;
  }
}

.fs-150 {
  font-size: 1.5em;
}
@media (min-width: 768px) {
  .fs-150 {
    font-size: 1.575em;
  }
}
@media (min-width: 992px) {
  .fs-150 {
    font-size: 1.6875em;
  }
}
@media (min-width: 1200px) {
  .fs-150 {
    font-size: 1.725em;
  }
}

.fs-200 {
  font-size: 2em;
}
@media (min-width: 768px) {
  .fs-200 {
    font-size: 2.1em;
  }
}
@media (min-width: 992px) {
  .fs-200 {
    font-size: 2.25em;
  }
}
@media (min-width: 1200px) {
  .fs-200 {
    font-size: 2.3em;
  }
}

.fs-250 {
  font-size: 1.75em;
}
@media (min-width: 768px) {
  .fs-250 {
    font-size: 1.875em;
  }
}
@media (min-width: 992px) {
  .fs-250 {
    font-size: 2.25em;
  }
}
@media (min-width: 1200px) {
  .fs-250 {
    font-size: 2.5em;
  }
}

.fs-300 {
  font-size: 2.1em;
}
@media (min-width: 768px) {
  .fs-300 {
    font-size: 2.25em;
  }
}
@media (min-width: 992px) {
  .fs-300 {
    font-size: 2.7em;
  }
}
@media (min-width: 1200px) {
  .fs-300 {
    font-size: 3em;
  }
}

.fs-350 {
  font-size: 2.45em;
}
@media (min-width: 768px) {
  .fs-350 {
    font-size: 2.625em;
  }
}
@media (min-width: 992px) {
  .fs-350 {
    font-size: 3.15em;
  }
}
@media (min-width: 1200px) {
  .fs-350 {
    font-size: 3.5em;
  }
}

.fs-400 {
  font-size: 2.8em;
}
@media (min-width: 768px) {
  .fs-400 {
    font-size: 3em;
  }
}
@media (min-width: 992px) {
  .fs-400 {
    font-size: 3.6em;
  }
}
@media (min-width: 1200px) {
  .fs-400 {
    font-size: 4em;
  }
}

.fs-450 {
  font-size: 3.15em;
}
@media (min-width: 768px) {
  .fs-450 {
    font-size: 3.375em;
  }
}
@media (min-width: 992px) {
  .fs-450 {
    font-size: 4.05em;
  }
}
@media (min-width: 1200px) {
  .fs-450 {
    font-size: 4.5em;
  }
}

.fs-500 {
  font-size: 3.5em;
}
@media (min-width: 768px) {
  .fs-500 {
    font-size: 3.75em;
  }
}
@media (min-width: 992px) {
  .fs-500 {
    font-size: 4.5em;
  }
}
@media (min-width: 1200px) {
  .fs-500 {
    font-size: 5em;
  }
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.hljs {
  padding: 3px 5px;
}

/*
 * Visual Studio 2015 dark style
 * Author: Nicolas LLOBERA <nllobera@gmail.com>
 */
.hljs {
  background: #1E1E1E;
  color: #DCDCDC;
}

.hljs-keyword,
.hljs-literal,
.hljs-symbol,
.hljs-name {
  color: #569CD6;
}

.hljs-link {
  color: #569CD6;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.hljs-built_in,
.hljs-type {
  color: #4EC9B0;
}

.hljs-number,
.hljs-class {
  color: #B8D7A3;
}

.hljs-string,
.hljs-meta .hljs-string {
  color: #D69D85;
}

.hljs-regexp,
.hljs-template-tag {
  color: #9A5334;
}

.hljs-subst,
.hljs-function,
.hljs-title,
.hljs-params,
.hljs-formula {
  color: #DCDCDC;
}

.hljs-comment,
.hljs-quote {
  color: #57A64A;
  font-style: italic;
}

.hljs-doctag {
  color: #608B4E;
}

.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-tag {
  color: #9B9B9B;
}

.hljs-variable,
.hljs-template-variable {
  color: #BD63C5;
}

.hljs-attr,
.hljs-attribute {
  color: #9CDCFE;
}

.hljs-section {
  color: gold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

/*.hljs-code {
  font-family:'Monospace';
}*/
.hljs-bullet,
.hljs-selector-tag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #D7BA7D;
}

.hljs-addition {
  background-color: #144212;
  display: inline-block;
  width: 100%;
}

.hljs-deletion {
  background-color: #600;
  display: inline-block;
  width: 100%;
}

pre.html-console {
  position: relative;
  border-radius: 0.5rem;
  background-color: #1E1E1E;
  scrollbar-width: thin;
  scrollbar-color: #3E3E42 #1E1E1E;
}
pre.html-console::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
pre.html-console::-webkit-scrollbar-track {
  background: var(--color-graphite);
  border-radius: 0 0 0.5rem 0.5rem;
}
pre.html-console::-webkit-scrollbar-thumb {
  background: #3E3E42;
  border-radius: 6px;
  border: 2px solid #1E1E1E;
}
pre.html-console::-webkit-scrollbar-thumb:hover {
  background: #4E4E52;
}
pre.html-console::-webkit-scrollbar-corner {
  background: #1E1E1E;
}
pre.html-console code {
  padding: 1.3rem !important;
  background-color: #1E1E1E !important;
  font-size: 1.1rem;
  line-height: 1.5;
  /*
  // Mobile/small screens
  font-size: 1rem;
  line-height: 1.4;

  // Tablet
  @include media-breakpoint-up(md) {
      font-size: 1rem;
      line-height: 1.4;
  }

  // Desktop
  @include media-breakpoint-up(lg) {
      font-size: 1.1rem;
      line-height: 1.5;
  }
  */
}
pre.html-console code.hljs {
  background: #1E1E1E !important;
  color: #DCDCDC;
}
@media (min-width: 992px) {
  pre.html-console .clipboard-button-container {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 0.25rem;
  }
}
@media (min-width: 992px) {
  pre.html-console code {
    padding-right: 4rem;
    display: block;
  }
}
@media (min-width: 992px) {
  pre.html-console.single-line .clipboard-button {
    max-height: calc(0.975rem + 0.5rem);
  }
}

@media (min-width: 992px) {
  .clipboard-button {
    background: var(--color-graphite);
    border: 1px solid var(--color-snuff);
    border-radius: 0.25rem;
    font-size: 0.75rem !important;
    line-height: 1;
    color: var(--color-white-smoke);
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    backdrop-filter: blur(4px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .clipboard-button::before {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27%23f2f2f2%27 d=%27M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z%27/%3e%3cpath fill=%27%23f2f2f2%27 d=%27M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: background-image 0.15s ease-in-out;
    transition: background-image 0.15s ease-in-out;
  }
  .clipboard-button:hover:not(:disabled) {
    background: var(--color-night-rider);
    border-color: var(--color-mischka);
    color: var(--color-mischka);
    -webkit-box-shadow: 0 2px 4px var(--color-night-rider);
            box-shadow: 0 2px 4px var(--color-night-rider);
  }
  .clipboard-button:hover:not(:disabled)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27%23a9b2bd%27 d=%27M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z%27/%3e%3cpath fill=%27%23a9b2bd%27 d=%27M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z%27/%3e%3c/svg%3e");
  }
  .clipboard-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .clipboard-button:active:not(:disabled) {
    -webkit-box-shadow: 0 1px 2px var(--color-night-rider);
            box-shadow: 0 1px 2px var(--color-night-rider);
  }

  .clipboard-feedback {
    background: var(--color-salem);
    color: var(--color-white);
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem !important;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .clipboard-feedback.show {
    opacity: 1;
  }
  .clipboard-feedback::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.25rem solid transparent;
    border-right: 0.25rem solid transparent;
    border-top: 0.25rem solid var(--color-salem);
  }

  pre.html-console .clipboard-button {
    padding: 0.375rem 0.5rem;
    gap: 0.25rem;
    max-height: calc(100% - 1rem);
    height: auto;
  }
  pre.html-console .clipboard-button::before {
    width: 0.875rem;
    height: 0.875rem;
  }

  pre.html-console .clipboard-feedback {
    position: absolute;
    bottom: -2rem;
    right: 0;
    -webkit-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
    z-index: 1000;
  }
  pre.html-console .clipboard-feedback.show {
    -webkit-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
  }
  pre.html-console .clipboard-feedback::after {
    content: "";
    position: absolute;
    top: -0.24rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.25rem solid transparent;
    border-right: 0.25rem solid transparent;
    border-bottom: 0.25rem solid var(--color-salem);
    border-top: none;
  }

  span[data-clipboard] {
    vertical-align: middle;
  }

  .clipboard-button-container:has(+ span[data-clipboard]) {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0.3rem;
    vertical-align: middle;
  }
  .clipboard-button-container:has(+ span[data-clipboard]) .clipboard-button {
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1.2em;
    height: 1.2em;
    min-width: 1.2em;
    border: none;
    background: transparent;
  }
  .clipboard-button-container:has(+ span[data-clipboard]) .clipboard-button::before {
    width: 1.2em;
    height: 1.2em;
  }
  .clipboard-button-container:has(+ span[data-clipboard]) .clipboard-button:hover:not(:disabled) {
    background: var(--color-night-rider);
    border: 1px solid var(--color-mischka);
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 2px 4px var(--color-night-rider);
            box-shadow: 0 2px 4px var(--color-night-rider);
    color: var(--color-mischka);
  }
  .clipboard-button-container:has(+ span[data-clipboard]) .clipboard-button:hover:not(:disabled)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27%23a9b2bd%27 d=%27M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z%27/%3e%3cpath fill=%27%23a9b2bd%27 d=%27M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z%27/%3e%3c/svg%3e");
  }
  .clipboard-button-container:has(+ span[data-clipboard]) .clipboard-feedback {
    position: absolute;
    top: -2rem;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0.25rem);
            transform: translateX(-50%) translateY(0.25rem);
    z-index: 1000;
  }
  .clipboard-button-container:has(+ span[data-clipboard]) .clipboard-feedback.show {
    -webkit-transform: translateX(-50%) translateY(-0.25rem);
            transform: translateX(-50%) translateY(-0.25rem);
  }
}
pre.html-console {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #1E1E1E;
}
pre.html-console::before {
  content: "";
  display: none;
}
pre.html-console code,
pre.html-console .hljs {
  background-color: #1E1E1E !important;
  color: #DCDCDC !important;
}

@media (min-width: 992px) {
  pre.html-console {
    -webkit-transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
    transition: box-shadow 0.2s ease, background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  }
  pre.html-console.code-active {
    -webkit-box-shadow: 0 0 0 0.0625rem var(--color-pattens-blue) inset, 0 0 8px var(--color-pattens-blue);
            box-shadow: 0 0 0 0.0625rem var(--color-pattens-blue) inset, 0 0 8px var(--color-pattens-blue);
    background-color: var(--color-pattens-blue);
  }
  pre.html-console.code-active::before {
    content: "Ctrl+A to select • Ctrl+C to copy";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    background: var(--color-graphite);
    border: 1px solid var(--color-snuff);
    border-radius: 0.25rem;
    font-size: 0.75rem !important;
    line-height: 1;
    color: var(--color-white-smoke);
    padding: 0.4375rem 0.5rem;
    backdrop-filter: blur(4px);
    z-index: 10;
    pointer-events: none;
    opacity: 1;
    -webkit-animation: hint-fade-out 3s ease-in-out forwards;
            animation: hint-fade-out 3s ease-in-out forwards;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  pre.html-console.code-active.code-active-mac::before {
    content: "⌘+A to select • ⌘+C to copy";
  }

  @-webkit-keyframes hint-fade-out {
    0%, 70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes hint-fade-out {
    0%, 70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
}
.glightbox-container h1, .glightbox-container h2, .glightbox-container h3, .glightbox-container h4, .glightbox-container h5, .glightbox-container h6, .glightbox-container label, .glightbox-container li, .glightbox-container p, .glightbox-container strong, .glightbox-container td, .glightbox-container th {
  color: var(--color-black);
}
.glightbox-container a:not(.btn) {
  color: var(--color-prussian-blue);
}
.glightbox-container .gclose {
  top: auto;
  top: initial;
  right: auto;
  right: initial;
  position: relative;
  float: right;
  display: block;
}
.glightbox-container .gclose.gbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  padding: 0.5rem;
  border: none;
  background-color: var(--color-mahogany);
  cursor: pointer;
  opacity: 1;
  border-radius: 25%;
}
.glightbox-container .gclose.gbtn svg {
  width: 100%;
  height: 100%;
}

.gslide-description {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: fixed;
  bottom: -6rem;
  z-index: 99999999 !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: bottom 0.25s ease-out, opacity 0.25s ease-out;
  transition: bottom 0.25s ease-out, opacity 0.25s ease-out;
}
.gslide-description.visible {
  visibility: visible;
  bottom: 1rem;
  opacity: 1;
}
.gslide-description.description-bottom {
  background-color: var(--color-graphite);
  opacity: 0.9;
}
.gslide-description.description-bottom .gslide-title,
.gslide-description.description-bottom .gslide-desc {
  color: var(--color-white);
  font-family: "Montserrat", serif !important;
}
.gslide-description.description-bottom .gslide-title {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.25rem !important;
}
.gslide-description.description-bottom .gslide-desc {
  font-size: 0.9rem;
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.gslide-description.description-bottom .gdesc-inner {
  padding: 1rem;
}

.island {
  border-radius: 1em;
  color: var(--color-mischka);
  padding: 2em;
  border: 1px solid var(--color-night-rider);
}
@media (min-width: 1200px) {
  .island.large {
    padding: 4rem 5rem;
  }
}
.island h1 > span {
  color: var(--color-medium-violet-red);
}

.feature-description {
  margin-bottom: 10em;
}
.feature-description h3 {
  font-size: 2.5em;
  font-weight: var(--font-weight-medium);
  margin-bottom: 1em;
}
.feature-description img {
  border-radius: 1em;
}

.js-dialog {
  color: var(--color-black);
}

.js-dialog.gdpr-consent label {
  position: relative;
  display: block;
  padding-left: 1.5rem;
  margin: 0 0 0.8rem;
  cursor: pointer;
}
.js-dialog.gdpr-consent label:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.js-dialog.gdpr-consent label .accordion-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  text-align: center;
}
.js-dialog.gdpr-consent label .accordion-toggle::before {
  display: block;
  content: "+";
  -webkit-transition: content 0.3s ease;
  transition: content 0.3s ease;
}
.js-dialog.gdpr-consent .accordion-input {
  display: none;
}
.js-dialog.gdpr-consent .accordion-input:checked + label .accordion-toggle::before {
  content: "-";
}
.js-dialog.gdpr-consent .accordion-input:checked + label + .content {
  max-height: 20rem;
  opacity: 1;
}
.js-dialog.gdpr-consent .content {
  max-width: none !important;
  max-width: initial !important;
  max-height: 0;
  padding: 0 0 0 1.6rem;
  overflow: hidden;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
  opacity: 0;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.lightsaber {
  display: inline-block;
}
.lightsaber a {
  color: var(--color-white);
  text-align: center;
  font-weight: var(--font-weight-medium);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.lightsaber a::after {
  content: "";
  padding-right: 0.7rem;
  margin-left: 0.7rem;
  background: var(--image-chevron-right) no-repeat 0 50%;
}
.lightsaber a:hover::after {
  -webkit-animation: button 0.1s cubic-bezier(1, 0, 0, 1) both;
          animation: button 0.1s cubic-bezier(1, 0, 0, 1) both;
}
.lightsaber:hover::after {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.lightsaber::after {
  content: "";
  position: relative;
  display: block;
  left: 0;
  width: calc(100% - 1.4em);
  height: 0.2rem;
  background-color: white;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.list-hexagonal-prism {
  list-style: none;
  padding-left: 0;
}
.list-hexagonal-prism li {
  padding-left: 1.5rem;
  margin-bottom: 0.65rem;
  position: relative;
}
.list-hexagonal-prism li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1rem;
  height: 1rem;
  background: var(--image-hexagonal-prism) no-repeat;
}

.list-group-item {
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  margin-bottom: 1em;
  border-radius: 1em !important;
  border: 2px solid transparent !important;
}
.list-group-item a {
  color: var(--color-snuff);
  display: block;
  padding: 0.65rem 1.8rem;
}
.list-group-item a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.list-group-item:hover {
  border: 2px solid var(--color-white) !important;
}
.list-group-item.active {
  pointer-events: none;
}
.list-group-item.active a {
  font-weight: var(--font-weight-bold);
}

mark {
  padding: 0.1rem 0.4rem;
  margin: 0 -0.4rem;
  color: var(--color-black) !important;
  background: transparent -webkit-gradient(linear, left top, right top, from(rgba(255, 225, 0, 0.1)), color-stop(4%, rgba(255, 225, 0, 0.7)), to(rgba(255, 225, 0, 0.3)));
  background: transparent linear-gradient(to right, rgba(255, 225, 0, 0.1), rgba(255, 225, 0, 0.7) 4%, rgba(255, 225, 0, 0.3));
  border-radius: 0.8rem 0.3rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.app-header-dropdown,
.app-header-tertiary {
  background-color: var(--color-graphite);
}
.app-header-dropdown.stuck,
.app-header-tertiary.stuck {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  -webkit-box-shadow: var(--box-shadow-extra-bold);
          box-shadow: var(--box-shadow-extra-bold);
}

.app-header-dropdown {
  /* nothing specific */
}

.app-header-tertiary {
  background-color: var(--color-graphite);
  border-top: 1px solid var(--color-gun-powder);
}
.app-header-tertiary.transparent-border {
  border-top-color: transparent;
}
.app-header-tertiary.fade-in {
  -webkit-animation: fadeIn 0.4s ease-in-out;
          animation: fadeIn 0.4s ease-in-out;
}

.row-dropdown {
  position: relative;
}
.row-dropdown.hidden {
  position: absolute;
  top: -4.75rem;
}

.dropdown-logo {
  margin: 1.3rem 0;
  width: 17rem;
  height: auto;
}

.dropdown-static.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.dropdown-static:nth-child(3) {
  font-size: 1rem;
}
.dropdown-static:nth-child(4) {
  font-size: 1.1rem;
}

@-webkit-keyframes downloadToggleActiveAfter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes downloadToggleActiveAfter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dropdown-toggle {
  position: relative;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.dropdown-toggle.active {
  color: var(--color-white);
}
.dropdown-toggle.active::after {
  -webkit-animation: downloadToggleActiveAfter 0.4s ease-in-out forwards;
          animation: downloadToggleActiveAfter 0.4s ease-in-out forwards;
  position: absolute;
  top: 1.6rem;
  left: 50%;
  z-index: 1001;
  content: "";
  border-color: transparent transparent var(--color-white) transparent;
  border-style: solid;
  border-width: 1rem 1.25rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}

.dropdown-static,
.dropdown-toggle {
  font-size: 1.2rem;
  color: var(--color-foggy-gray);
}
.dropdown-static:hover,
.dropdown-toggle:hover {
  color: var(--color-white);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.dropdown-content {
  -webkit-box-shadow: var(--box-shadow-extra-bold);
          box-shadow: var(--box-shadow-extra-bold);
  position: absolute;
  left: 50%;
  z-index: 1000;
  display: block;
  width: 100%;
  max-width: 1440px;
  background-color: var(--color-white-smoke);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.25s;
  transition: visibility 0s, opacity 0.25s;
}
.dropdown-content.show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s, opacity 0.25s;
  transition: visibility 0s, opacity 0.25s;
}
.dropdown-content.dropdown-product .aside > .box:nth-child(1) {
  background: linear-gradient(135deg, var(--color-dark-purple) 0%, var(--color-deep-pink) 100%);
}
.dropdown-content.dropdown-product .aside > .box:nth-child(2) {
  background: linear-gradient(225deg, var(--color-cloud) 0%, var(--color-pacific-blue) 100%);
}
.dropdown-content.dropdown-technology .aside > .box:nth-child(1) {
  background: linear-gradient(135deg, var(--color-aspnet), var(--color-blazor));
}
.dropdown-content.dropdown-technology .aside > .box:nth-child(2) {
  background: linear-gradient(45deg, var(--color-iris-blue), var(--color-windows-forms));
}
.dropdown-content.dropdown-blog .aside > .box:nth-child(1) {
  background: linear-gradient(45deg, var(--color-iris-blue), var(--color-windows-forms));
}
.dropdown-content.dropdown-blog .aside > .box:nth-child(2) {
  background: linear-gradient(45deg, var(--color-deep-pink), var(--color-bittersweet));
}
.dropdown-content.dropdown-support .aside > .box:nth-child(1) {
  background: linear-gradient(135deg, var(--color-deep-pink), var(--color-bittersweet));
}
.dropdown-content.dropdown-support .aside > .box:nth-child(2) {
  background: linear-gradient(240deg, var(--color-gorse), var(--color-salem));
}
.dropdown-content.dropdown-company .aside > .box:nth-child(1) {
  background: linear-gradient(120deg, var(--color-dark-purple) 0%, var(--color-deep-pink) 100%);
}
.dropdown-content.dropdown-company .aside > .box:nth-child(2) {
  background: linear-gradient(240deg, var(--color-cloud) 0%, var(--color-pacific-blue) 100%);
}
.dropdown-content.dropdown-account .aside > .box:nth-child(1) {
  background: linear-gradient(240deg, var(--color-cloud) 0%, var(--color-pacific-blue) 100%);
}
.dropdown-content.dropdown-account .aside > .box:nth-child(2) {
  background: linear-gradient(135deg, var(--color-dark-purple) 0%, var(--color-deep-pink) 100%);
}
.dropdown-content .aside > .box {
  color: var(--color-white);
}
.dropdown-content .aside > .box a {
  color: var(--color-white);
}
.dropdown-content .aside > .box a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.dropdown-content .aside > .box h6 {
  font-weight: var(--font-weight-regular);
  font-size: 1.2rem;
}
.dropdown-content .aside > .box p {
  font-weight: var(--font-weight-light);
  font-size: 0.95rem;
}
.dropdown-content .aside > .box .bi-arrow-right-circle {
  font-size: 1.5rem;
  color: var(--color-white);
}
.dropdown-content .main {
  background-color: var(--color-white);
  /*
  .vertical-line {
      width: 1px;
      height: 100%;
      background-color: var(--color-black);
      right: 0.7rem;
  }
   */
}
.dropdown-content .main .main-inner {
  margin: 1.5rem 0;
}
.dropdown-content .main .main-inner h6 {
  color: var(--color-black);
}
.dropdown-content .main .main-inner a {
  font-weight: var(--font-weight-light);
  color: var(--color-black) !important;
}
.dropdown-content .main .main-inner a:hover {
  color: var(--color-graphite) !important;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.dropdown-content .main .main-inner a:hover span {
  color: var(--color-night-rider);
}
.dropdown-content .main .main-inner a span {
  color: rgba(25,25,28,0.50196);
  width: 85%;
}
.dropdown-content .main .main-inner a .blog-date {
  color: var(--color-medium-violet-red);
}
.dropdown-content .main .main-inner .left-vertical-line {
  position: relative;
}
.dropdown-content .main .main-inner .left-vertical-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--color-mischka);
}
.dropdown-content .footer {
  padding: 1.5rem 0.75rem 1.3rem 0.75rem;
  color: var(--color-black);
  background-color: var(--color-white-smoke);
}
.dropdown-content .footer p, .dropdown-content .footer strong {
  color: var(--color-black);
}
.dropdown-content .footer .bi-telephone {
  display: none;
}
.dropdown-content .footer .textcontrol-telephone a {
  font-weight: var(--font-weight-regular);
  color: var(--color-black);
}
.dropdown-content .dropdown-hover {
  padding-right: 1.5625rem;
  position: relative;
}
.dropdown-content .dropdown-hover::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.dropdown-content .dropdown-hover:hover::after {
  opacity: 1;
}
.dropdown-content .dropdown-hover.dropdown-hover-tx::after {
  background-image: var(--image-dropdown-hover-tx);
}
.dropdown-content .dropdown-hover.dropdown-hover-sp::after {
  background-image: var(--image-dropdown-hover-sp);
}
.dropdown-content .dropdown-hover.dropdown-hover-ds::after {
  background-image: var(--image-dropdown-hover-ds);
}
.dropdown-content .dropdown-hover.dropdown-hover-rc::after {
  background-image: var(--image-dropdown-hover-rc);
}

.row-tertiary {
  padding: 0.5rem 0;
}

.tertiary-logo {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  line-height: 0;
}

.tertiary-title {
  line-height: 0;
  padding: 0;
  margin: 0;
  font-size: 1.1rem;
  color: var(--color-white);
}
.tertiary-title a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.tertiary-static {
  padding: 0.315rem 0;
  font-size: 1rem;
  color: var(--color-foggy-gray);
  text-align: center;
}
.tertiary-static:not(:last-child) {
  margin-right: 1.1rem;
}
.tertiary-static.active {
  color: var(--color-white);
  pointer-events: none;
}
.tertiary-static:hover {
  color: var(--color-white);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.tertiary-static-access-token,
.tertiary-static-trial,
.tertiary-static-download {
  padding: 0.3rem;
  color: var(--color-white);
  background-color: var(--color-pacific-blue);
  border-radius: 1.5rem;
}

.tertiary-static-access-token.sw-8 {
  width: 9rem !important;
}

.tertiary-static-pricing {
  padding: 0.3rem 1rem;
  color: var(--color-foggy-gray);
  border-radius: 1.5rem;
  border: 1px solid var(--color-foggy-gray);
}
.tertiary-static-pricing.active {
  border-color: var(--color-white);
}
.tertiary-static-pricing:hover {
  color: var(--color-white);
  border-color: var(--color-white) !important;
}

.toc-index {
  line-height: 1.5rem;
}
.toc-index ul {
  list-style: none;
  padding-left: 0;
}
.toc-index h2, .toc-index li {
  font-size: 1rem;
  margin-left: 0;
  padding: 0.75rem 1rem;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
}
.toc-index li.active {
  background-color: var(--color-pattens-blue);
  pointer-events: none;
}
.toc-index li.active a {
  font-weight: var(--font-weight-bold);
}
.toc-index h2 {
  padding-top: 0;
}

/*

.toc-index {
    z-index: 1;
    line-height: 1.5rem;

    color: var(--color-graphite);

    h2 {
        padding-bottom: 0.3rem;
        margin-left: 1rem;
        font-weight: var(--font-weight-bold);
        font-size: 1rem;
        //letter-spacing: normal;
        border-bottom: 1px solid var(--color-graphite);
    }

    a {
        margin-left: 0.5rem;
    }

    ul {
        padding-left: 0;
        list-style: none;
    }

    li {
        border-left: 3px solid var(--color-white);
        margin: 0.4rem 0 0.4rem 1rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;

        &.active {
            pointer-events: none;
            border-left-color: var(--color-graphite);
            background-color: var(--color-white-smoke);
            a {
                color: var(--color-black);
            }
        }

        &.item {
            &-h1,
            &-h2 {
                padding-left: 0;
            }

            &-h3 {
                padding-left: 0.75rem;
            }

            &-h4 {
                padding-left: 1.5rem;
            }

            &-h5 {
                padding-left: 2.25rem;
            }

            &-h6 {
                padding-left: 3rem;
            }
        }
    }
}
*/
.notifier-container {
  --bg: var(--color-graphite);
  --spacing: 1rem;
  --width: 40rem;
  --zindex: 99999999;
  --animation-duration: 0.3s;
  --progress-animation-duration: 5s;
  --types: (
          info: var(--color-salem),
          error: var(--color-mahogany)
  );
  --shadow-sm: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 1.5rem 2.5rem -0.5rem rgba(0, 0, 0, 0.1), 0 0.5rem 1.5rem -0.5rem rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 2.5rem 4rem -1rem rgba(0, 0, 0, 0.1), 0 1.5rem 2.5rem -0.5rem rgba(0, 0, 0, 0.05);
}

.notifier-container {
  position: fixed;
  z-index: var(--zindex);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing);
  width: var(--width);
  max-width: calc(100vw - (var(--spacing) * 2));
  max-width: calc(100vw - calc(var(--spacing) * 2));
  pointer-events: none;
}
.notifier-container.notifier-top-right {
  top: var(--spacing);
  right: var(--spacing);
}
.notifier-container.notifier-top-left {
  top: var(--spacing);
  left: var(--spacing);
}
.notifier-container.notifier-top-center {
  top: var(--spacing);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.notifier-container.notifier-bottom-right {
  bottom: var(--spacing);
  right: var(--spacing);
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.notifier-container.notifier-bottom-left {
  bottom: var(--spacing);
  left: var(--spacing);
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.notifier-container.notifier-bottom-center {
  bottom: var(--spacing);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (max-width: 575.98px) {
  .notifier-container.notifier-top-right, .notifier-container.notifier-top-left, .notifier-container.notifier-top-center, .notifier-container.notifier-bottom-right, .notifier-container.notifier-bottom-left, .notifier-container.notifier-bottom-center {
    left: var(--spacing);
    right: var(--spacing);
    -webkit-transform: none;
            transform: none;
    width: auto;
  }
  .notifier-container.notifier-top-right, .notifier-container.notifier-top-left, .notifier-container.notifier-top-center {
    top: var(--spacing);
  }
  .notifier-container.notifier-bottom-right, .notifier-container.notifier-bottom-left, .notifier-container.notifier-bottom-center {
    bottom: var(--spacing);
  }
}

.notifier-item {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 2px;
  border-style: solid;
  border-bottom: none;
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
  backdrop-filter: blur(0.5rem);
  pointer-events: auto;
  padding: 0;
  -webkit-animation: notifier-enter var(--animation-duration) ease-out forwards;
          animation: notifier-enter var(--animation-duration) ease-out forwards;
  color: var(--color-white-smoke);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.notifier-item.notifier-info {
  background-color: var(--bg);
  border-color: var(--color-salem);
}
.notifier-item.notifier-info .notifier-icon,
.notifier-item.notifier-info .notifier-close {
  color: var(--color-salem);
}
.notifier-item.notifier-info .notifier-progress {
  background-color: var(--color-salem);
}
.notifier-item.notifier-error {
  background-color: var(--bg);
  border-color: var(--color-mahogany);
}
.notifier-item.notifier-error .notifier-icon,
.notifier-item.notifier-error .notifier-close {
  color: var(--color-mahogany);
}
.notifier-item.notifier-error .notifier-progress {
  background-color: var(--color-mahogany);
}
.notifier-item.notifier-closing {
  -webkit-animation: notifier-exit var(--animation-duration) ease-in forwards;
          animation: notifier-exit var(--animation-duration) ease-in forwards;
}
.notifier-item .notifier-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  position: relative;
}
.notifier-item .notifier-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
}
.notifier-item .notifier-icon i {
  font-size: 1.25rem;
}
.notifier-item .notifier-message {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1rem;
  line-height: 1.5;
  word-break: break-word;
  text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.5);
  padding-right: 1.5rem;
}
.notifier-item .notifier-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  line-height: 0;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 1;
}
.notifier-item .notifier-close:hover {
  opacity: 0.8;
}
.notifier-item .notifier-close i {
  font-size: 1rem;
}
.notifier-item .notifier-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
@media (max-width: 575.98px) {
  .notifier-item .notifier-icon {
    display: none;
  }
  .notifier-item .notifier-message {
    padding-right: 1.5rem;
  }
}

@-webkit-keyframes notifier-enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes notifier-enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes notifier-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes notifier-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes notifier-progress {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes notifier-progress {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes notifier-enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes notifier-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.pagination .page-item:first-child .page-link {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.pagination .page-item:last-child .page-link {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.pricing-as-easy-123 {
  color: var(--color-deep-pink);
  white-space: nowrap;
  font-weight: var(--font-weight-bold);
}

.pricing {
  color: var(--color-white);
}
.pricing .pricing-card {
  background: var(--color-graphite);
  border: 1px solid var(--color-gun-powder);
  border-radius: 1rem;
  padding: 1.5rem;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricing .pricing-card:hover {
  border-color: var(--color-pacific-blue);
  -webkit-box-shadow: 0 1.25rem 2.5rem rgba(0, 140, 199, 0.1);
          box-shadow: 0 1.25rem 2.5rem rgba(0, 140, 199, 0.1);
}
.pricing .pricing-card.popular {
  border-color: var(--color-deep-pink);
  -webkit-box-shadow: 0 0.625rem 1.875rem rgba(232, 22, 131, 0.2);
          box-shadow: 0 0.625rem 1.875rem rgba(232, 22, 131, 0.2);
}
.pricing .pricing-card.popular::before {
  content: "MOST POPULAR";
  position: absolute;
  top: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--color-deep-pink);
  color: var(--color-white);
  padding: 0.375rem 1.25rem;
  border-radius: 0.75rem;
  font-size: 0.75rem;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.03125rem;
  white-space: nowrap;
}
.pricing .pricing-card.popular .price {
  color: var(--color-deep-pink);
}
.pricing .card-header {
  text-align: center;
  margin-bottom: 1.25rem;
}
.pricing .product-name {
  font-size: 1.5rem;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.5rem;
}
.pricing .product-edition,
.pricing .product-description {
  color: var(--color-mischka);
}
.pricing .product-edition {
  font-size: 1rem;
  margin-bottom: 0.9375rem;
}
.pricing .product-description {
  font-size: 0.9rem;
  line-height: 1.5;
}
.pricing .pricing-amount,
.pricing .pricing-cta {
  text-align: center;
  margin: 1.875rem 0;
}
.pricing .price {
  font-size: 3.5rem;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  margin-bottom: 0.5rem;
}
.pricing .price-renewal {
  color: var(--color-mischka);
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
}
.pricing .features-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing .features-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-night-rider);
  font-size: 0.95rem;
}
.pricing .features-list li:last-child {
  border-bottom: none;
}
.pricing .feature-icon {
  margin-right: 0.75rem;
}
.pricing .feature-excluded {
  color: var(--color-mischka);
}
.pricing .feature-excluded .bi {
  color: inherit;
}
@media (max-width: 767.98px) {
  .pricing .pricing-card {
    padding: 1.875rem 1.25rem;
  }
  .pricing .price {
    font-size: 2.8rem;
  }
}

:root {
  --scrollbar-bg: var(--color-black);
  --scrollbar-thumb: var(--color-night-rider);
  --scrollbar-thumb-hover: var(--color-gun-powder);
}

body::-webkit-scrollbar,
.scrollable-area::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body::-webkit-scrollbar-track,
.scrollable-area::-webkit-scrollbar-track {
  background: var(--scrollbar-bg);
}
body::-webkit-scrollbar-thumb,
.scrollable-area::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 6px;
  border: 0 solid var(--scrollbar-bg);
}
body::-webkit-scrollbar-thumb:hover,
.scrollable-area::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}

.sh-1 {
  height: 1rem !important;
}

.sh-2 {
  height: 2rem !important;
}

.sh-3 {
  height: 3rem !important;
}

.sh-4 {
  height: 4rem !important;
}

.sh-5 {
  height: 5rem !important;
}

.sh-6 {
  height: 6rem !important;
}

.sh-7 {
  height: 7rem !important;
}

.sh-8 {
  height: 8rem !important;
}

.sh-9 {
  height: 9rem !important;
}

.sh-10 {
  height: 10rem !important;
}

.sh-11 {
  height: 11rem !important;
}

.sh-12 {
  height: 12rem !important;
}

.sh-13 {
  height: 13rem !important;
}

.sh-14 {
  height: 14rem !important;
}

.sh-15 {
  height: 15rem !important;
}

.sh-16 {
  height: 16rem !important;
}

.sh-17 {
  height: 17rem !important;
}

.sh-18 {
  height: 18rem !important;
}

.sh-19 {
  height: 19rem !important;
}

.sh-20 {
  height: 20rem !important;
}

@media (min-width: 768px) {
  .sh-md-1 {
    height: 1rem !important;
  }

  .sh-md-2 {
    height: 2rem !important;
  }

  .sh-md-3 {
    height: 3rem !important;
  }

  .sh-md-4 {
    height: 4rem !important;
  }

  .sh-md-5 {
    height: 5rem !important;
  }

  .sh-md-6 {
    height: 6rem !important;
  }

  .sh-md-7 {
    height: 7rem !important;
  }

  .sh-md-8 {
    height: 8rem !important;
  }

  .sh-md-9 {
    height: 9rem !important;
  }

  .sh-md-10 {
    height: 10rem !important;
  }

  .sh-md-11 {
    height: 11rem !important;
  }

  .sh-md-12 {
    height: 12rem !important;
  }

  .sh-md-13 {
    height: 13rem !important;
  }

  .sh-md-14 {
    height: 14rem !important;
  }

  .sh-md-15 {
    height: 15rem !important;
  }

  .sh-md-16 {
    height: 16rem !important;
  }

  .sh-md-17 {
    height: 17rem !important;
  }

  .sh-md-18 {
    height: 18rem !important;
  }

  .sh-md-19 {
    height: 19rem !important;
  }

  .sh-md-20 {
    height: 20rem !important;
  }
}
@media (min-width: 992px) {
  .sh-lg-1 {
    height: 1rem !important;
  }

  .sh-lg-2 {
    height: 2rem !important;
  }

  .sh-lg-3 {
    height: 3rem !important;
  }

  .sh-lg-4 {
    height: 4rem !important;
  }

  .sh-lg-5 {
    height: 5rem !important;
  }

  .sh-lg-6 {
    height: 6rem !important;
  }

  .sh-lg-7 {
    height: 7rem !important;
  }

  .sh-lg-8 {
    height: 8rem !important;
  }

  .sh-lg-9 {
    height: 9rem !important;
  }

  .sh-lg-10 {
    height: 10rem !important;
  }

  .sh-lg-11 {
    height: 11rem !important;
  }

  .sh-lg-12 {
    height: 12rem !important;
  }

  .sh-lg-13 {
    height: 13rem !important;
  }

  .sh-lg-14 {
    height: 14rem !important;
  }

  .sh-lg-15 {
    height: 15rem !important;
  }

  .sh-lg-16 {
    height: 16rem !important;
  }

  .sh-lg-17 {
    height: 17rem !important;
  }

  .sh-lg-18 {
    height: 18rem !important;
  }

  .sh-lg-19 {
    height: 19rem !important;
  }

  .sh-lg-20 {
    height: 20rem !important;
  }
}
@media (min-width: 1200px) {
  .sh-xl-1 {
    height: 1rem !important;
  }

  .sh-xl-2 {
    height: 2rem !important;
  }

  .sh-xl-3 {
    height: 3rem !important;
  }

  .sh-xl-4 {
    height: 4rem !important;
  }

  .sh-xl-5 {
    height: 5rem !important;
  }

  .sh-xl-6 {
    height: 6rem !important;
  }

  .sh-xl-7 {
    height: 7rem !important;
  }

  .sh-xl-8 {
    height: 8rem !important;
  }

  .sh-xl-9 {
    height: 9rem !important;
  }

  .sh-xl-10 {
    height: 10rem !important;
  }

  .sh-xl-11 {
    height: 11rem !important;
  }

  .sh-xl-12 {
    height: 12rem !important;
  }

  .sh-xl-13 {
    height: 13rem !important;
  }

  .sh-xl-14 {
    height: 14rem !important;
  }

  .sh-xl-15 {
    height: 15rem !important;
  }

  .sh-xl-16 {
    height: 16rem !important;
  }

  .sh-xl-17 {
    height: 17rem !important;
  }

  .sh-xl-18 {
    height: 18rem !important;
  }

  .sh-xl-19 {
    height: 19rem !important;
  }

  .sh-xl-20 {
    height: 20rem !important;
  }
}
:root {
  --sidebar-primary-color: var(--color-black);
  --sidebar-secondary-color: var(--color-graphite);
  --sidebar-accent-color: var(--color-deep-pink);
  --sidebar-text-color: var(--color-nero);
  --sidebar-border-color: var(--color-snuff);
  --sidebar-hover-bg: var(--color-mischka);
  --sidebar-transition-speed: 0.3s;
  --sidebar-header-height: 5.5rem;
}

.sidebar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
@media (min-width: 1200px) {
  .sidebar {
    display: none;
  }
}

.sidebar-trigger {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9001;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  border: medium none currentcolor;
  border: initial;
  width: 5.5rem;
  width: var(--sidebar-header-height);
  height: 5.5rem;
  height: var(--sidebar-header-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  -webkit-transition: -webkit-transform var(--sidebar-transition-speed), -webkit-box-shadow var(--sidebar-transition-speed);
  transition: -webkit-transform var(--sidebar-transition-speed), -webkit-box-shadow var(--sidebar-transition-speed);
  transition: transform var(--sidebar-transition-speed), box-shadow var(--sidebar-transition-speed);
  transition: transform var(--sidebar-transition-speed), box-shadow var(--sidebar-transition-speed), -webkit-transform var(--sidebar-transition-speed), -webkit-box-shadow var(--sidebar-transition-speed);
  outline: none;
}
.sidebar-trigger .bi {
  margin-top: 1px;
}
.sidebar-trigger .bi-list {
  color: var(--sidebar-border-color);
}
.sidebar-trigger .bi-x {
  color: var(--color-white);
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  -webkit-transition: opacity var(--sidebar-transition-speed), visibility var(--sidebar-transition-speed);
  transition: opacity var(--sidebar-transition-speed), visibility var(--sidebar-transition-speed);
  z-index: 998;
}
.sidebar-overlay.active {
  opacity: 1;
  visibility: visible;
}

.sidebar-widget {
  position: fixed;
  top: 0;
  left: -100.5vw;
  width: 100.5vw;
  height: 100vh;
  background-color: var(--color-white);
  z-index: 999;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  -webkit-transition: left var(--sidebar-transition-speed);
  transition: left var(--sidebar-transition-speed);
  overflow: hidden;
}
.sidebar-widget.open {
  left: 0;
}

.sidebar-header {
  color: var(--color-white);
  height: 5.5rem;
  height: var(--sidebar-header-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sidebar-header.closed {
  background: linear-gradient(135deg, var(--sidebar-primary-color), var(--sidebar-secondary-color));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 5.5rem;
  padding-left: var(--sidebar-header-height);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 998;
}
.sidebar-header.open {
  background: var(--sidebar-primary-color);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.sidebar-header.box-shadow {
  -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.19), 0 2px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.19), 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.sidebar-header .logo {
  width: 90%;
  max-width: 350px;
}

.sidebar-icon a {
  color: var(--sidebar-border-color);
  font-size: 1.3rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  display: inline-block;
  padding: 0.5rem;
  margin-right: 2.1rem;
}
.sidebar-icon a:last-child {
  margin-right: 1.1rem;
}
.sidebar-icon a.search {
  font-size: 1.2rem;
}

.sidebar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 300%;
  height: calc(100vh - 5.5rem);
  height: calc(100vh - var(--sidebar-header-height));
  margin-top: 5.5rem;
  margin-top: var(--sidebar-header-height);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform var(--sidebar-transition-speed);
  transition: -webkit-transform var(--sidebar-transition-speed);
  transition: transform var(--sidebar-transition-speed);
  transition: transform var(--sidebar-transition-speed), -webkit-transform var(--sidebar-transition-speed);
  --level-position: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transform: translateX(var(--level-position));
          transform: translateX(var(--level-position));
}
.sidebar-container.level-1 {
  --level-position: 0vw;
}
.sidebar-container.level-2 {
  --level-position: -100vw;
}
.sidebar-container.level-3 {
  --level-position: -200vw;
}
.sidebar-container.level-4 {
  --level-position: -300vw;
}
.sidebar-container.level-5 {
  --level-position: -400vw;
}
.sidebar-container.level-6 {
  --level-position: -500vw;
}
.sidebar-container.level-7 {
  --level-position: -600vw;
}
.sidebar-container.level-8 {
  --level-position: -700vw;
}
.sidebar-container.level-9 {
  --level-position: -800vw;
}
.sidebar-container.level-10 {
  --level-position: -900vw;
}
.sidebar-container.level-11 {
  --level-position: -1000vw;
}

.sidebar-level {
  width: 100vw;
  height: 100%;
  overflow-y: auto;
  background-color: var(--color-white);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sidebar-level ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-level li {
  border-bottom: 1px solid var(--sidebar-border-color);
}
.sidebar-level::-webkit-scrollbar {
  width: 6px;
}
.sidebar-level::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.sidebar-level::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.sidebar-level::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.sidebar-link,
.sidebar-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--sidebar-text-color);
  background: none;
  border: none;
  width: 100%;
  font-size: 1.2rem;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  cursor: pointer;
  text-align: left;
  font-weight: var(--font-weight-medium);
}
.sidebar-link, .sidebar-link:hover, .sidebar-link:focus, .sidebar-link:active, .sidebar-link:visited,
.sidebar-btn,
.sidebar-btn:hover,
.sidebar-btn:focus,
.sidebar-btn:active,
.sidebar-btn:visited {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.sidebar-link.admin,
.sidebar-btn.admin {
  background-color: var(--bs-warning);
}

.sidebar-link.active {
  background-color: var(--color-pattens-blue);
}

.sidebar-arrow {
  font-size: 0.8rem;
  color: var(--sidebar-accent-color);
  text-shadow: 0.05rem 0 currentColor, -0.05rem 0 currentColor;
}

.sidebar-back-btn {
  background: var(--color-white-smoke);
  font-weight: var(--font-weight-medium);
  border-bottom: 2px solid var(--sidebar-border-color);
}
.sidebar-back-btn .sidebar-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.top-1 {
  top: 1rem !important;
}

.top-2 {
  top: 2rem !important;
}

.top-3 {
  top: 3rem !important;
}

.top-4 {
  top: 4rem !important;
}

.top-5 {
  top: 5rem !important;
}

.top-6 {
  top: 6rem !important;
}

.top-7 {
  top: 7rem !important;
}

.top-8 {
  top: 8rem !important;
}

.top-9 {
  top: 9rem !important;
}

.top-10 {
  top: 10rem !important;
}

.sticky-top .top--1px,
.sticky-sm-top .top--1px,
.sticky-md-top .top--1px,
.sticky-lg-top .top--1px {
  top: -1pxrem !important;
}

.sw-1 {
  width: 1rem !important;
}

.sw-2 {
  width: 2rem !important;
}

.sw-3 {
  width: 3rem !important;
}

.sw-4 {
  width: 4rem !important;
}

.sw-5 {
  width: 5rem !important;
}

.sw-6 {
  width: 6rem !important;
}

.sw-7 {
  width: 7rem !important;
}

.sw-8 {
  width: 8rem !important;
}

.sw-9 {
  width: 9rem !important;
}

.sw-10 {
  width: 10rem !important;
}

.sw-11 {
  width: 11rem !important;
}

.sw-12 {
  width: 12rem !important;
}

.sw-13 {
  width: 13rem !important;
}

.sw-14 {
  width: 14rem !important;
}

.sw-15 {
  width: 15rem !important;
}

.sw-16 {
  width: 16rem !important;
}

.sw-17 {
  width: 17rem !important;
}

.sw-18 {
  width: 18rem !important;
}

.sw-19 {
  width: 19rem !important;
}

.sw-20 {
  width: 20rem !important;
}

@media (min-width: 768px) {
  .sw-md-1 {
    width: 1rem !important;
  }

  .sw-md-2 {
    width: 2rem !important;
  }

  .sw-md-3 {
    width: 3rem !important;
  }

  .sw-md-4 {
    width: 4rem !important;
  }

  .sw-md-5 {
    width: 5rem !important;
  }

  .sw-md-6 {
    width: 6rem !important;
  }

  .sw-md-7 {
    width: 7rem !important;
  }

  .sw-md-8 {
    width: 8rem !important;
  }

  .sw-md-9 {
    width: 9rem !important;
  }

  .sw-md-10 {
    width: 10rem !important;
  }

  .sw-md-11 {
    width: 11rem !important;
  }

  .sw-md-12 {
    width: 12rem !important;
  }

  .sw-md-13 {
    width: 13rem !important;
  }

  .sw-md-14 {
    width: 14rem !important;
  }

  .sw-md-15 {
    width: 15rem !important;
  }

  .sw-md-16 {
    width: 16rem !important;
  }

  .sw-md-17 {
    width: 17rem !important;
  }

  .sw-md-18 {
    width: 18rem !important;
  }

  .sw-md-19 {
    width: 19rem !important;
  }

  .sw-md-20 {
    width: 20rem !important;
  }
}
@media (min-width: 992px) {
  .sw-lg-1 {
    width: 1rem !important;
  }

  .sw-lg-2 {
    width: 2rem !important;
  }

  .sw-lg-3 {
    width: 3rem !important;
  }

  .sw-lg-4 {
    width: 4rem !important;
  }

  .sw-lg-5 {
    width: 5rem !important;
  }

  .sw-lg-6 {
    width: 6rem !important;
  }

  .sw-lg-7 {
    width: 7rem !important;
  }

  .sw-lg-8 {
    width: 8rem !important;
  }

  .sw-lg-9 {
    width: 9rem !important;
  }

  .sw-lg-10 {
    width: 10rem !important;
  }

  .sw-lg-11 {
    width: 11rem !important;
  }

  .sw-lg-12 {
    width: 12rem !important;
  }

  .sw-lg-13 {
    width: 13rem !important;
  }

  .sw-lg-14 {
    width: 14rem !important;
  }

  .sw-lg-15 {
    width: 15rem !important;
  }

  .sw-lg-16 {
    width: 16rem !important;
  }

  .sw-lg-17 {
    width: 17rem !important;
  }

  .sw-lg-18 {
    width: 18rem !important;
  }

  .sw-lg-19 {
    width: 19rem !important;
  }

  .sw-lg-20 {
    width: 20rem !important;
  }
}
@media (min-width: 1200px) {
  .sw-xl-1 {
    width: 1rem !important;
  }

  .sw-xl-2 {
    width: 2rem !important;
  }

  .sw-xl-3 {
    width: 3rem !important;
  }

  .sw-xl-4 {
    width: 4rem !important;
  }

  .sw-xl-5 {
    width: 5rem !important;
  }

  .sw-xl-6 {
    width: 6rem !important;
  }

  .sw-xl-7 {
    width: 7rem !important;
  }

  .sw-xl-8 {
    width: 8rem !important;
  }

  .sw-xl-9 {
    width: 9rem !important;
  }

  .sw-xl-10 {
    width: 10rem !important;
  }

  .sw-xl-11 {
    width: 11rem !important;
  }

  .sw-xl-12 {
    width: 12rem !important;
  }

  .sw-xl-13 {
    width: 13rem !important;
  }

  .sw-xl-14 {
    width: 14rem !important;
  }

  .sw-xl-15 {
    width: 15rem !important;
  }

  .sw-xl-16 {
    width: 16rem !important;
  }

  .sw-xl-17 {
    width: 17rem !important;
  }

  .sw-xl-18 {
    width: 18rem !important;
  }

  .sw-xl-19 {
    width: 19rem !important;
  }

  .sw-xl-20 {
    width: 20rem !important;
  }
}
.table {
  margin-bottom: 1.35rem;
}
.table .td-table-inner {
  padding-bottom: 0 !important;
}
.table .product-code {
  width: 13rem;
  white-space: nowrap;
}
.table .sub-total,
.table .selling-price {
  width: 8rem;
  white-space: nowrap;
}
.table .action {
  width: 13rem;
}
.table .separator td {
  font-size: 1rem;
  border-right-style: none;
  border-left-style: none;
}
.table .highlight {
  -webkit-transition: background-color 0.5s, opacity 0.5s;
  transition: background-color 0.5s, opacity 0.5s;
  background-color: var(--color-gorse);
}

.table-nowrap {
  table-layout: fixed;
  width: 100%;
}
.table-nowrap th, .table-nowrap td {
  white-space: nowrap;
}
.table-nowrap th:last-child, .table-nowrap td:last-child {
  max-width: calc(100vw - 4ch);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-accordion {
  margin-top: -0.6875rem;
}
.table-accordion [data-href] td {
  color: var(--color-mischka) !important;
  font-weight: var(--font-weight-regular);
}
.table-accordion [data-href] td:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #878e97 !important;
}
.table-accordion td:first-child, .table-accordion th:first-child {
  padding-left: 0;
}
.table-accordion td:last-child, .table-accordion th:last-child {
  padding-right: 0;
}
.table-accordion .date {
  width: 6rem;
}
@media (min-width: 768px) {
  .table-accordion .date {
    width: 12rem;
  }
}
.table-accordion .order-id {
  width: 18rem;
}

.table-cart th, .table-cart td {
  vertical-align: middle;
}
.table-cart .cross-sell {
  font-size: 0.9rem;
}
.table-cart .quantity-static {
  font-size: 1rem;
}
.table-cart .quantity {
  width: 5rem;
}
.table-cart .quantity .form-select {
  padding: 0.15rem 0.1rem 0.15rem 0.5rem;
  display: inline-block;
  width: 3.5rem;
  font-size: 0.9rem;
  background-color: var(--color-graphite);
  color: var(--color-white-smoke);
  border: 1px solid var(--color-gun-powder);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23a9b2bd%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
}
.table-cart .quantity .form-select:focus {
  border-color: var(--color-pacific-blue);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 140, 199, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(0, 140, 199, 0.25);
  background-color: var(--color-night-rider);
}
.table-cart .quantity .form-select option {
  background-color: var(--color-graphite);
  color: var(--color-white-smoke);
}
.table-cart .quantity .form-select option:hover, .table-cart .quantity .form-select option:focus, .table-cart .quantity .form-select option:active {
  background-color: var(--color-gun-powder);
}
.table-cart .quantity .form-select option:checked {
  background-color: var(--color-pacific-blue);
  color: var(--color-white);
}
.table-cart .quantity .form-select option:checked,
.table-cart .quantity .form-select option[selected] {
  background-color: var(--color-pacific-blue);
  color: var(--color-white);
}
.table-cart .quantity .form-select option:hover,
.table-cart .quantity .form-select option:focus {
  background-color: var(--color-gun-powder);
}
.table-cart .quantity .form-select.show {
  border-color: var(--color-pacific-blue);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 140, 199, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(0, 140, 199, 0.25);
}
.table-cart .quantity .form-select-menu {
  background-color: var(--color-graphite);
  border: 1px solid var(--color-gun-powder);
  border-radius: 0.375rem;
}

.table-issue td, .table-issue th {
  color: var(--color-white);
}
.table-issue .summary {
  min-width: 300px;
}
.table-issue .id {
  width: 6rem;
  white-space: nowrap;
}
.table-issue .keyword {
  width: 15rem;
}
.table-issue .state {
  width: 14rem;
  text-align: center;
}

.table-pricing-all .description {
  min-width: 600px;
}
.table-pricing-all .product-description-name {
  margin-bottom: 0.1rem;
}
.table-pricing-all .product-description-features {
  padding-left: 1.2rem;
  margin-bottom: 0;
  font-size: 0.95rem;
  list-style: circle;
}
.table-pricing-all .bi-info-circle {
  color: var(--color-carrot-orange);
}
.table-pricing-all .why-disabled {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.table-pricing-all .team,
.table-pricing-all .single {
  width: 6rem;
}
.table-pricing-all tbody .single .bi,
.table-pricing-all tbody .team .bi {
  font-size: 0.85rem;
  margin: 0 -1px;
}

.table-admin-short-url th,
.table-admin-short-url td {
  text-align: center;
  vertical-align: middle;
}
.table-admin-short-url .short-url,
.table-admin-short-url .created {
  white-space: nowrap;
}
.table-admin-short-url .title {
  text-align: left;
}
.table-admin-short-url .short-url {
  width: 10rem;
  text-align: left;
}
.table-admin-short-url .created {
  width: 14rem;
}
.table-admin-short-url .click {
  width: 4rem;
}
.table-admin-short-url .action {
  width: 15rem;
  text-align: right;
}

.table-build .heading td.url, .table-build .heading td.extra {
  border-right-color: var(--color-snuff);
}
.table-build .heading td.url {
  font-weight: var(--font-weight-medium);
  padding-left: 1rem;
}
.table-build .heading td.url mark {
  margin-right: 0.25rem;
}
.table-build .separator td {
  height: 2.5rem;
  border-right-color: var(--color-white);
  border-left-color: var(--color-white);
}
.table-build .separator:last-child td {
  height: 0;
  padding: 0;
  line-height: 0;
}
.table-build .button,
.table-build .extra,
.table-build .time {
  width: 8rem;
  text-align: center;
}
.table-build .label {
  padding-left: 0.75rem;
}

.sortable th:not(.no-sort) {
  cursor: pointer;
}
.sortable th:not(.no-sort)[aria-sort=descending]::after, .sortable th:not(.no-sort)[aria-sort=ascending]::after {
  display: inline-block;
  margin-left: 0.25rem;
  font-family: bootstrap-icons;
  line-height: 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.sortable th:not(.no-sort)[aria-sort=ascending]::after {
  content: "";
}
.sortable th:not(.no-sort)[aria-sort=descending]::after {
  content: "";
}
.sortable th:not(.no-sort)::after, .sortable th:not(.no-sort)::before {
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

.custom-toggle {
  margin-top: 0.5rem;
}
.custom-toggle .form-check-input {
  width: 3rem;
  height: 1.5rem;
  background-color: #343a40;
  border-color: #292d32;
  cursor: pointer;
  position: relative;
  margin-right: 1rem;
  vertical-align: middle;
}
.custom-toggle .form-check-input:checked {
  background-color: var(--color-pacific-blue);
  border-color: #0262ef;
}
.custom-toggle .form-check-input:checked::before {
  -webkit-transform: translateX(1.5rem);
          transform: translateX(1.5rem);
}
.custom-toggle .form-check-input:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.custom-toggle .form-check-input::before {
  content: "";
  position: absolute;
  top: 0.1rem;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--color-white);
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.custom-toggle .form-check-label {
  font-weight: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
              -ms-user-select: none;
          user-select: none;
  color: var(--color-mischka);
  cursor: pointer;
}
.custom-toggle .form-check-label:hover {
  color: var(--color-white);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/*
// Responsive adjustments
@include media-breakpoint-down(sm) {
    .custom-toggle {
        .form-check-input {
            width: $toggle-width * 0.8;
            height: $toggle-height * 0.8;

            &:checked::before {
                transform: translateX(($toggle-width * 0.8) - ($toggle-knob-size * 0.8) - 0.25rem);
            }

            &::before {
                width: $toggle-knob-size * 0.8;
                height: $toggle-knob-size * 0.8;
            }
        }

        .form-check-label {
            line-height: $toggle-height * 0.8;
        }
    }
}
*/
.truncate-l1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 1;
}

.truncate-l2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
}

.truncate-l3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
}

.truncate-l4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 4;
}

.truncate-l5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 5;
}

.truncate-l6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 6;
}

.truncate-l7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 7;
}

.truncate-l8 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 8;
}

.truncate-l9 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 9;
}

.truncate-l10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 10;
}

@media (min-width: 768px) {
  .truncate-md-l1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
  }

  .truncate-md-l2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
  }

  .truncate-md-l3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
  }

  .truncate-md-l4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
  }

  .truncate-md-l5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 5;
  }

  .truncate-md-l6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 6;
  }

  .truncate-md-l7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 7;
  }

  .truncate-md-l8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 8;
  }

  .truncate-md-l9 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 9;
  }

  .truncate-md-l10 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 10;
  }
}
@media (min-width: 992px) {
  .truncate-lg-l1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
  }

  .truncate-lg-l2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
  }

  .truncate-lg-l3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
  }

  .truncate-lg-l4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
  }

  .truncate-lg-l5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 5;
  }

  .truncate-lg-l6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 6;
  }

  .truncate-lg-l7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 7;
  }

  .truncate-lg-l8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 8;
  }

  .truncate-lg-l9 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 9;
  }

  .truncate-lg-l10 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 10;
  }
}
@media (min-width: 1200px) {
  .truncate-xl-l1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
  }

  .truncate-xl-l2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
  }

  .truncate-xl-l3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
  }

  .truncate-xl-l4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
  }

  .truncate-xl-l5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 5;
  }

  .truncate-xl-l6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 6;
  }

  .truncate-xl-l7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 7;
  }

  .truncate-xl-l8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 8;
  }

  .truncate-xl-l9 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 9;
  }

  .truncate-xl-l10 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 10;
  }
}
.tippy {
  border-bottom: 1px dashed var(--color-snuff);
}

.tippy-box {
  -webkit-box-shadow: var(--box-shadow-light);
          box-shadow: var(--box-shadow-light);
  font-size: 0.9rem;
  color: var(--color-white);
  background-color: var(--color-graphite);
  border-radius: 0.2rem;
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: var(--color-graphite);
}

.grayed-out {
  pointer-events: none;
  opacity: 0.6;
  -webkit-filter: blur(1rem);
          filter: blur(1rem);
  -webkit-transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
  transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
  transition: opacity 0.3s ease, filter 0.3s ease;
  transition: opacity 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
}

.no-border {
  border-width: 0;
}

.wrap-anywhere {
  word-wrap: anywhere;
}

.textcontrol-date-time-relative-future {
  color: var(--color-salem);
}

.textcontrol-date-time-relative-past {
  color: var(--color-mahogany);
}

.textcontrol-na {
  font-size: 0.8rem;
  color: var(--color-night-rider);
}

.textcontrol-html-gravatar {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  border-radius: 50%;
}

.textcontrol-true,
.textcontrol-false {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  color: var(--color-white);
}
.textcontrol-true .bi,
.textcontrol-false .bi {
  font-size: 0.75rem;
  line-height: 0;
  position: relative;
  top: 0.04em;
}
.textcontrol-true .bi-x,
.textcontrol-false .bi-x {
  top: 0.06em;
}

.textcontrol-true {
  background-color: var(--color-salem);
}

.textcontrol-false {
  background-color: var(--color-mahogany);
}

.textcontrol-html-flag {
  display: inline-block;
  height: 1em;
  margin-top: -0.2rem;
  margin-right: 0.1rem;
  margin-left: 0.3rem;
  line-height: 0;
}

.textcontrol-html-dump .table caption {
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
}
.textcontrol-html-dump .table td {
  padding: 0.4rem;
  font-size: 0.9rem;
  word-wrap: anywhere;
}
.textcontrol-html-dump .table .key {
  width: 25%;
  color: var(--dev-color-apple);
}
.textcontrol-html-dump .table .type {
  width: 12%;
  font-style: italic;
  color: var(--dev-color-cornflower-blue);
}
.textcontrol-html-dump .table .value {
  width: 63%;
  color: var(--dev-color-persian-red);
}
.textcontrol-html-dump .table .null,
.textcontrol-html-dump .table .empty {
  color: var(--dev-color-tuscany);
}
.textcontrol-html-dump .table .bool {
  color: var(--dev-color-dark-kharki);
}
.textcontrol-html-dump .table {
  margin-bottom: 0;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.admin-mode-bar {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  color: var(--color-black);
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 999999999999999;
}
@media (min-width: 1200px) {
  .admin-mode-bar {
    width: 55rem;
  }
}
.admin-mode-bar .container-fluid {
  background-color: var(--bs-warning);
}
@media (min-width: 992px) {
  .admin-mode-bar .container-fluid {
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
}
@media (min-width: 992px) {
  .admin-mode-bar {
    padding: 1rem;
  }
}
.admin-mode-bar a {
  color: var(--color-black);
  font-weight: var(--font-weight-medium);
}
.admin-mode-bar .btn:hover {
  background-color: var(--color-carrot-orange);
}

.debug-bar {
  -webkit-box-shadow: var(--box-shadow-light);
          box-shadow: var(--box-shadow-light);
  padding: 1rem;
  font-size: 0.9rem;
  background-color: var(--dev-color-gorse);
}
.debug-bar pre {
  font-size: 0.95rem;
}
.debug-bar .dev-only {
  position: absolute;
  right: 1rem;
  font-size: 0.8rem;
  color: var(--color-carrot-orange);
}
.debug-bar .bi-exclamation-circle {
  color: var(--color-mahogany);
}
.debug-bar .table {
  margin: 0;
}
.debug-bar .table td {
  color: var(--color-black);
  border-color: var(--color-carrot-orange);
}
.debug-bar .table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}
.debug-bar .table .label {
  width: 7rem;
  font-weight: var(--font-weight-medium);
}
.debug-bar .table .count {
  width: 7rem;
}

.debug-border-red {
  border: 1px solid var(--color-mahogany);
}

.debug-border-orange {
  border: 1px solid var(--color-carrot-orange);
}

kbd {
  background-color: var(--color-graphite);
  border-radius: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.app-blog-index .col-featured h2 a,
.app-blog-index .col-latest h2 a {
  color: var(--color-white-smoke);
}
.app-blog-index .col-featured .img-hero {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 328px;
  border-radius: 0.5rem;
  background-color: var(--color-dark-purple);
}
.app-blog-index .col-latest img {
  border-radius: 0.5rem;
  background-color: var(--color-dark-purple);
}
.app-blog-index .col-latest h2 {
  margin-bottom: 0.25rem;
}
.app-blog-index .col-latest p {
  line-height: 1.5rem;
}

.blog-thumbnail {
  border-radius: 0.25rem;
}

.app-blog-calendar-index .table-calendar th,
.app-blog-calendar-index .table-calendar td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: calc(100% / 7);
  height: 4rem;
  position: relative;
}
.app-blog-calendar-index .table-calendar .day.active {
  background-color: var(--color-nero);
}
.app-blog-calendar-index .table-calendar .day.active > a {
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
  display: block;
  padding: 1.1rem 0;
}
.app-blog-calendar-index .table-calendar .day.active:hover {
  background-color: var(--color-graphite);
}
.app-blog-calendar-index .table-calendar .day .count {
  pointer-events: none;
  position: absolute;
  font-size: 0.7rem;
  line-height: 1.2rem;
  color: var(--color-white);
  background: -webkit-gradient(linear, left top, right top, from(var(--color-dark-purple)), to(var(--color-deep-pink)));
  background: linear-gradient(90deg, var(--color-dark-purple), var(--color-deep-pink));
  width: 1.2rem;
  height: 1.2rem;
  right: 0;
  bottom: 0;
  font-weight: var(--font-weight-bold);
}
.app-blog-calendar-index .tippy-box {
  max-width: 23rem !important;
  width: 23rem !important;
  display: block !important;
  text-align: left;
  padding: 0.5rem;
}
.app-blog-calendar-index .tippy-box .row div:first-child {
  padding: 0 0 0 5px;
}
.app-blog-calendar-index .tippy-box .row div:last-child {
  padding: 0 5px 0 12px;
  line-height: 1.25rem;
}

.app-blog-permalink-index .obsolete .box {
  border: 2px solid var(--color-mischka) !important;
  border-radius: 0.5rem;
}

.app-blog-permalink-index pre.html-console.code-active {
  -webkit-box-shadow: 0 0 0 0.0625rem var(--color-mischka) inset, 0 0 12px var(--color-gun-powder);
          box-shadow: 0 0 0 0.0625rem var(--color-mischka) inset, 0 0 12px var(--color-gun-powder);
  background-color: var(--color-white-smoke);
}
.app-blog-permalink-index .hero-container {
  overflow: hidden;
  width: 100%;
  height: 12rem;
}
.app-blog-permalink-index .hero-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .app-blog-permalink-index .hero-container {
    height: 15rem;
  }
}
@media (min-width: 992px) {
  .app-blog-permalink-index .hero-container {
    height: 20rem;
  }
}
@media (min-width: 1200px) {
  .app-blog-permalink-index .hero-container {
    height: 25rem;
  }
}

.app-blog-permalink-index .toc-content h2, .app-blog-permalink-index .toc-content h3, .app-blog-permalink-index .toc-content h4 {
  margin-top: 2rem;
}
.app-blog-permalink-index .toc-content img[width^="1"], .app-blog-permalink-index .toc-content img[width^="9"], .app-blog-permalink-index .toc-content img[width^="8"][width$="21"] {
  max-width: 100%;
  height: auto;
}
.app-blog-permalink-index .toc-content .row.island-wrapper img {
  width: 100%;
}
.app-blog-permalink-index .toc-content .row.island-wrapper h3 {
  font-size: 1.2rem;
}
.app-blog-permalink-index .toc-content .blog-gallery .gallery-col {
  padding: 0;
}
.app-blog-permalink-index .toc-content .blog-gallery .gallery-col img {
  margin-bottom: 4px;
}
.app-blog-permalink-index .toc-content .blog-gallery .gallery-col-first img {
  padding-right: 2px;
}
.app-blog-permalink-index .toc-content .blog-gallery .gallery-col-last img {
  padding-left: 2px;
}
.app-blog-permalink-index .toc-content .press-release-prefix {
  font-weight: var(--font-weight-medium);
}
.app-blog-permalink-index .toc-content .press-release-prefix .release {
  display: block;
  margin-bottom: 2rem;
  font-size: 1.1rem;
}
.app-blog-permalink-index .toc-content .dbl-line-space li {
  margin-bottom: 1rem;
}
.app-blog-permalink-index .toc-content .blockquote {
  font-size: 1rem;
  background-color: #e5e5e5;
  border-left: 1rem solid #c0c0c0;
  border-right: 0.2rem solid #c0c0c0;
  border-radius: 0.5rem;
  padding: 1.2rem;
  position: relative;
}
.app-blog-permalink-index .toc-content .blockquote h3, .app-blog-permalink-index .toc-content .blockquote h4 {
  margin-top: 0;
  font-size: 1.2rem;
}
.app-blog-permalink-index .toc-content .blockquote img {
  height: auto;
}
.app-blog-permalink-index .toc-content .blockquote cite {
  color: #292929;
  font-size: 0.85rem;
  font-style: normal;
  margin-bottom: 0.4rem;
  margin-top: -0.4rem;
  text-align: right;
}
.app-blog-permalink-index .toc-content .blockquote.info.tx-magenta {
  border-color: #822162;
}
.app-blog-permalink-index .toc-content .blockquote.info.tx-red {
  border-color: #e5272c;
}
.app-blog-permalink-index .toc-content .blockquote.info.tx-blue {
  border-color: #0d3964;
}
.app-blog-permalink-index .toc-content .blockquote.info.tx-alert {
  border-color: #f04124;
}
.app-blog-permalink-index .toc-content .blockquote.info.tx-success {
  border-color: #43AC6A;
}
.app-blog-permalink-index .toc-content .blockquote.info.tx-highlight {
  border-color: #fffbcc;
}
.app-blog-permalink-index .toc-content .blockquote.aside {
  display: none;
}
@media screen and (min-width: 80em) {
  .app-blog-permalink-index .toc-content .blockquote.aside {
    display: block;
    float: left;
    width: 45%;
    margin: 0.5rem 2.5rem 1rem -15rem;
    padding: 1.25rem 2rem;
    font-size: 1.5rem;
    color: #292929;
    background-color: transparent;
    border-right: 0.1rem solid #e5e5e5;
    border-left: none;
    border-radius: 0;
  }
  .app-blog-permalink-index .toc-content .blockquote.aside p:last-child {
    margin-bottom: 0;
  }
  .app-blog-permalink-index .toc-content .blockquote.aside cite {
    margin-bottom: 0;
  }
}
.app-blog-permalink-index .toc-content .api-uri {
  background-color: #e5e5e5;
  border: 1px solid silver;
  border-radius: 0.2rem;
  padding: 0.6rem 0.8rem 0.6rem 0.6rem;
}
.app-blog-permalink-index .toc-content .api-uri .verb {
  font-family: Inconsolata, monospace;
  word-break: break-all;
  word-wrap: break-word;
}
.app-blog-permalink-index .toc-content .api-uri .verb::before {
  border-radius: 0.2rem;
  color: #fefefe;
  margin-right: 0.5rem;
  padding: 0.2rem 0.4rem;
}
.app-blog-permalink-index .toc-content .api-uri .verb.get::before {
  background-color: #6bbd5b;
  content: "GET";
}
.app-blog-permalink-index .toc-content .api-uri .verb.delete::before {
  background-color: #e27a7a;
  content: "DELETE";
}
.app-blog-permalink-index .toc-content .api-uri .verb.post::before {
  background-color: #248fb2;
  content: "POST";
}
.app-blog-permalink-index .toc-content .api-uri .verb.put::before {
  background-color: purple;
  content: "PUT";
}
.app-blog-permalink-index .toc-content .api-uri .verb:hover {
  color: #0a0a0a;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.app-blog-permalink-index .toc-content .table.parameters thead th {
  background-color: #822162;
  color: #fefefe;
}
.app-blog-permalink-index .toc-content .table.parameters thead th:first-child {
  border-radius: 0.2rem 0 0 0;
}
.app-blog-permalink-index .toc-content .table.parameters thead th:last-child {
  border-radius: 0 0.2rem 0 0;
}
.app-blog-permalink-index .toc-content .table.parameters tbody td {
  background-color: #ffdae0;
  border-bottom-color: #822162;
  vertical-align: top;
}
.app-blog-permalink-index .toc-content .table.parameters th, .app-blog-permalink-index .toc-content .table.parameters td {
  padding: 0.5rem;
}
.app-blog-permalink-index .toc-content .table.parameters .param, .app-blog-permalink-index .toc-content .table.parameters .type {
  font-style: italic;
  white-space: normal;
  width: 6rem;
  word-break: break-all;
  word-wrap: break-word;
}
@media screen and (min-width: 64em) {
  .app-blog-permalink-index .toc-content .table.parameters .param, .app-blog-permalink-index .toc-content .table.parameters .type {
    width: 10rem;
  }
}