[class^=line-clamp-],
[class*=" line-clamp-"] {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/*@mixin radial-spin () {

    // explanation http://davidwalsh.name/css-circles 
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }

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

    @-moz-keyframes spin {
        from {
            -moz-transform: rotate(0deg);
        }

        to {
            -moz-transform: rotate(360deg);
        }
    }

    @-ms-keyframes spin {
        from {
            -ms-transform: rotate(0deg);
        }

        to {
            -ms-transform: rotate(360deg);
        }
    }
}*/
.container-xxxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--variable-prefixgutter-x) * 0.5);
  padding-left: calc(var(--variable-prefixgutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.max-screen-width, .max-screen-width[class~=container],
.container-xxxl,
.container-xxxl[class~=container] {
  max-width: var(--sk-max-screen-width, 2240px);
}

.med-screen-width, .med-screen-width[class~=container],
.container-xxl,
.container-xxl[class~=container] {
  max-width: var(--sk-med-screen-width, 1440px);
}

.sm-screen-width {
  max-width: var(--sk-sm-screen-width, 992px);
}

.xs-screen-width {
  max-width: var(--sk-xs-screen-width, 768px);
}

.xxs-screen-width {
  max-width: var(--sk-xxs-screen-width, 576px);
}

.xxxs-screen-width {
  max-width: var(--sk-xxxs-screen-width, 480px);
}

.xxxxs-screen-width {
  max-width: var(--sk-xxxxs-screen-width, 320px);
}

.min-screen-height-100, .min-screen-height-100[class~=container] {
  min-height: 100vh !important;
}

.min-screen-height-75, .min-screen-height-75[class~=container] {
  min-height: 75vh !important;
}

.min-screen-height-50, .min-screen-height-50[class~=container] {
  min-height: 50vh !important;
}

.min-screen-height-33, .min-screen-height-33[class~=container] {
  min-height: 33.333333333vh !important;
}

.min-screen-height-25, .min-screen-height-25[class~=container] {
  min-height: 25vh !important;
}

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

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

.lazy {
  background-image: none;
}

[class^=line-clamp-],
[class*=" line-clamp-"] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

.line-clamp-6 {
  -webkit-line-clamp: 6;
  line-clamp: 6;
}

.g-align-items-start {
  align-items: flex-start;
}

.g-align-items-end {
  align-items: flex-end;
}

.g-align-items-center {
  align-items: center;
}

.g-align-items-stretch {
  align-items: stretch;
}

.g-align-items-stretch-important {
  align-items: stretch !important;
}

.g-align-items-self-s {
  align-items: self-start;
}

.g-align-items-self-e {
  align-items: self-end;
}

.g-justify-items-start {
  justify-items: start;
}

.g-justify-items-end {
  justify-items: end;
}

.g-justify-items-center {
  justify-items: center;
}

.g-justify-items-stretch {
  justify-items: stretch;
}

.g-place-items-start {
  place-items: flex-start;
}

.g-place-items-end {
  place-items: flex-end;
}

.g-place-items-center {
  place-items: center;
}

.g-place-items-baseline {
  place-items: baseline;
}

.g-place-items-stretch {
  place-items: stretch;
}

.g-justify-content-start {
  justify-content: start;
}

.g-justify-content-end {
  justify-content: end;
}

.g-justify-content-center {
  justify-content: center;
}

.g-justify-content-stretch {
  justify-content: stretch;
}

.g-justify-content-space-a {
  justify-content: space-around;
}

.g-justify-content-space-b {
  justify-content: space-between;
}

.g-justify-content-space-e {
  justify-content: space-evenly;
}

.g-align-content-start {
  align-content: start;
}

.g-align-content-end {
  align-content: end;
}

.g-align-content-center {
  align-content: center;
}

.g-align-content-stretch {
  align-content: stretch;
}

.g-align-content-space-a {
  align-content: space-around;
}

.g-align-content-space-b {
  align-content: space-between;
}

.g-align-content-space-e {
  align-content: space-evenly;
}

.g-auto-flow-row {
  grid-auto-flow: row;
}

.g-auto-flow-column {
  grid-auto-flow: column;
}

.g-auto-flow-row-dense {
  grid-auto-flow: row dense;
}

.g-auto-flow-column-dense {
  grid-auto-flow: column dense;
}

.g-justify-self-start {
  justify-self: start;
}

.g-justify-self-end {
  justify-self: end;
}

.g-justify-self-center {
  justify-self: center;
}

.g-justify-self-stretch {
  justify-self: stretch;
}

.g-align-self-start {
  align-self: start;
}

.g-align-self-end {
  align-self: end;
}

.g-align-self-center {
  align-self: center;
}

.g-align-self-stretch {
  align-self: stretch;
}

.ratio-1-1 {
  aspect-ratio: 1/1;
}

.ratio-2-1 {
  aspect-ratio: 2/1;
}

.ratio-1-2 {
  aspect-ratio: 1/2;
}

.ratio-3-2 {
  aspect-ratio: 3/2;
}

.ratio-2-3 {
  aspect-ratio: 2/3;
}

.ratio-4-3 {
  aspect-ratio: 4/3;
}

.ratio-3-4 {
  aspect-ratio: 3/4;
}

.ratio-16-9 {
  aspect-ratio: 16/9;
}

.ratio-9-16 {
  aspect-ratio: 9/16;
}

.ratio-21-9 {
  aspect-ratio: 21/9;
}

.ratio-9-21 {
  aspect-ratio: 9/21;
}

.max-width-breakpoints-sm {
  max-width: 576px;
}

.max-width-breakpoints-md {
  max-width: 768px;
}

.max-width-breakpoints-lg {
  max-width: 992px;
}

.max-width-breakpoints-xl {
  max-width: 1200px;
}

.max-width-breakpoints-xxl {
  max-width: 1400px;
}

[class*=mask-],
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-center {
  -o-object-position: center;
  object-position: center;
}

.mask-circle {
  aspect-ratio: 1/1;
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
}

.mask-triangle {
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.mask-pentagon {
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.mask-hexagon {
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.mask-heptagon {
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.mask-octogon {
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.rotate-0 {
  -moz-rotate: 0deg;
  -webkit-rotate: 0deg;
  -o-rotate: 0deg;
  rotate: 0deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-1 {
  -moz-rotate: 1deg;
  -webkit-rotate: 1deg;
  -o-rotate: 1deg;
  rotate: 1deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-2 {
  -moz-rotate: 2deg;
  -webkit-rotate: 2deg;
  -o-rotate: 2deg;
  rotate: 2deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-3 {
  -moz-rotate: 3deg;
  -webkit-rotate: 3deg;
  -o-rotate: 3deg;
  rotate: 3deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-4 {
  -moz-rotate: 4deg;
  -webkit-rotate: 4deg;
  -o-rotate: 4deg;
  rotate: 4deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-5 {
  -moz-rotate: 5deg;
  -webkit-rotate: 5deg;
  -o-rotate: 5deg;
  rotate: 5deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-10 {
  -moz-rotate: 10deg;
  -webkit-rotate: 10deg;
  -o-rotate: 10deg;
  rotate: 10deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-30 {
  -moz-rotate: 30deg;
  -webkit-rotate: 30deg;
  -o-rotate: 30deg;
  rotate: 30deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-45 {
  -moz-rotate: 45deg;
  -webkit-rotate: 45deg;
  -o-rotate: 45deg;
  rotate: 45deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-60 {
  -moz-rotate: 60deg;
  -webkit-rotate: 60deg;
  -o-rotate: 60deg;
  rotate: 60deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-90 {
  -moz-rotate: 90deg;
  -webkit-rotate: 90deg;
  -o-rotate: 90deg;
  rotate: 90deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-120 {
  -moz-rotate: 120deg;
  -webkit-rotate: 120deg;
  -o-rotate: 120deg;
  rotate: 120deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-150 {
  -moz-rotate: 150deg;
  -webkit-rotate: 150deg;
  -o-rotate: 150deg;
  rotate: 150deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rotate-180 {
  -moz-rotate: 180deg;
  -webkit-rotate: 180deg;
  -o-rotate: 180deg;
  rotate: 180deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-1 {
  -moz-rotate: -1deg;
  -webkit-rotate: -1deg;
  -o-rotate: -1deg;
  rotate: -1deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-2 {
  -moz-rotate: -2deg;
  -webkit-rotate: -2deg;
  -o-rotate: -2deg;
  rotate: -2deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-3 {
  -moz-rotate: -3deg;
  -webkit-rotate: -3deg;
  -o-rotate: -3deg;
  rotate: -3deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-4 {
  -moz-rotate: -4deg;
  -webkit-rotate: -4deg;
  -o-rotate: -4deg;
  rotate: -4deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-5 {
  -moz-rotate: -5deg;
  -webkit-rotate: -5deg;
  -o-rotate: -5deg;
  rotate: -5deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-10 {
  -moz-rotate: -10deg;
  -webkit-rotate: -10deg;
  -o-rotate: -10deg;
  rotate: -10deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-30 {
  -moz-rotate: -30deg;
  -webkit-rotate: -30deg;
  -o-rotate: -30deg;
  rotate: -30deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-45 {
  -moz-rotate: -45deg;
  -webkit-rotate: -45deg;
  -o-rotate: -45deg;
  rotate: -45deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-60 {
  -moz-rotate: -60deg;
  -webkit-rotate: -60deg;
  -o-rotate: -60deg;
  rotate: -60deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-90 {
  -moz-rotate: -90deg;
  -webkit-rotate: -90deg;
  -o-rotate: -90deg;
  rotate: -90deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-120 {
  -moz-rotate: -120deg;
  -webkit-rotate: -120deg;
  -o-rotate: -120deg;
  rotate: -120deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-150 {
  -moz-rotate: -150deg;
  -webkit-rotate: -150deg;
  -o-rotate: -150deg;
  rotate: -150deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.-rotate-180 {
  -moz-rotate: -180deg;
  -webkit-rotate: -180deg;
  -o-rotate: -180deg;
  rotate: -180deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hamburger {
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: var(--sk-hamburger-hover-opacity, 0.7);
}
.hamburger.is-active:hover {
  opacity: var(--sk-hamburger-active-hover-opacity, 0.7);
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: var(--sk-hamburger-active-layer-color, #000);
}

.hamburger-box {
  width: var(--sk-hamburger-layer-width, 28px);
  height: calc(var(--sk-hamburger-layer-height, 3px) * 3 + var(--sk-hamburger-layer-spacing, 6px) * 2);
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: calc(var(--sk-hamburger-layer-height, 3px) / -2);
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: var(--sk-hamburger-layer-width, 28px);
  height: var(--sk-hamburger-layer-height, 3px);
  background-color: var(--sk-hamburger-layer-color, #000);
  border-radius: var(--sk-hamburger-layer-border-radius, 4px);
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: calc((var(--sk-hamburger-layer-spacing, 6px) + var(--sk-hamburger-layer-height, 3px)) * -1);
}
.hamburger-inner::after {
  bottom: calc((var(--sk-hamburger-layer-spacing, 6px) + var(--sk-hamburger-layer-height, 3px)) * -1);
}

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * -0.2), 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * -0.2), 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * 0.2), 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * 0.2), 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * -0.2), calc(var(--sk-hamburger-layer-width, 28px) * -0.25), 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * -0.2), calc(var(--sk-hamburger-layer-width, 28px) * 0.25), 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * 0.2), calc(var(--sk-hamburger-layer-width, 28px) * -0.25), 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(calc(var(--sk-hamburger-layer-width, 28px) * 0.2), calc(var(--sk-hamburger-layer-width, 28px) * 0.25), 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--elastic .hamburger-inner {
  top: calc(var(--sk-hamburger-layer-height, 3px) / 2);
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: calc(var(--sk-hamburger-layer-height, 3px) + var(--sk-hamburger-layer-spacing, 6px));
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: calc(var(--sk-hamburger-layer-height, 3px) * 2 + var(--sk-hamburger-layer-spacing, 6px) * 2);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, calc(var(--sk-hamburger-layer-spacing, 6px) + var(--sk-hamburger-layer-height, 3px)), 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, calc((var(--sk-hamburger-layer-spacing, 6px) + var(--sk-hamburger-layer-height, 3px)) * -2), 0) rotate(-270deg);
  transition-delay: 0.075s;
}

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	https://getbootstrap.com/docs/5.2/layout/breakpoints/ 
	https://getbootstrap.com/docs/5.0/layout/grid/#mixins 


		$grid-breakpoints: 
		(
			xs: 0,
			sm: 576px,
			md: 768px,
			lg: 992px,
			xl: 1200px,
			xxl: 1400px
		);

		@media (min-width: xxx ) :

			@include media-breakpoint-up(sm) { ... }
			@include media-breakpoint-up(md) { ... }
			@include media-breakpoint-up(lg) { ... }
			@include media-breakpoint-up(xl) { ... }


		@media (max-width: xxx ) :

			@include media-breakpoint-down(xs) { ... }
			@include media-breakpoint-down(sm) { ... }
			@include media-breakpoint-down(md) { ... }
			@include media-breakpoint-down(lg) { ... }



            @include media-breakpoint-only(xs) { ... }
            @include media-breakpoint-only(sm) { ... }
            @include media-breakpoint-only(md) { ... }
            @include media-breakpoint-only(lg) { ... }
            @include media-breakpoint-only(xl) { ... }
            @include media-breakpoint-only(xxl) { ... }
*/
/*@include media-breakpoint-down(md) 
{

}*/

/*# sourceMappingURL=utilities.css.map */