/* scss/settings/_breakpoints.scss */ /* scss/utilities/_functions.scss */
/*
    .cssClass {
        font-size: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(20), rem-calc(50));
        margin-bottom: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(10), rem-calc(20));
    }

*/
/* scss/utilities/_mixins.scss */ /* xsmall = 10 (1 - 11)
small = 13 - (12-14)
default = 16 (15-18)
medium = 20 (18-26)
large = 32 (26-36)
xlarge = 40 (36 <) */
/* ---------- headers ---------- */
/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
/* ---------- small fonts: 13 - (12-14) ---------- */
/* ---------- xsmall fonts: 10 (1 - 11) ---------- */
/* ---------- button fonts ---------- */
.frame {
  margin-bottom: 6.25rem;
}

.seoText {
  margin-top: 6.25rem;
}

.frame-space-after-none {
  margin-bottom: 0;
}

.frame-space-after-small {
  margin-bottom: 3.125rem;
}

.frame-space-after-medium {
  margin-bottom: 6.25rem;
}

.frame-space-after-large {
  margin-bottom: 9.375rem;
}

body {
  scroll-behavior: smooth;
}

.no-transitions,
.no-transitions * {
  transition: none !important;
  animation: none !important;
}

/* scss/utilities/_functions.scss */
/*
    .cssClass {
        font-size: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(20), rem-calc(50));
        margin-bottom: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(10), rem-calc(20));
    }

*/
/* scss/utilities/_mixins.scss */ /* xsmall = 10 (1 - 11)
small = 13 - (12-14)
default = 16 (15-18)
medium = 20 (18-26)
large = 32 (26-36)
xlarge = 40 (36 <) */
/* ---------- headers ---------- */
/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
/* ---------- small fonts: 13 - (12-14) ---------- */
/* ---------- xsmall fonts: 10 (1 - 11) ---------- */
/* ---------- button fonts ---------- */
.a-toggle {
  position: relative;
  display: inline-block;
}
.a-toggle input {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.a-toggle input:checked + label:before {
  right: 0.375rem;
}
.a-toggle label {
  width: 4.1875rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  transform-origin: 20% center;
  cursor: pointer;
  background-color: rgba(22, 0, 0, 0.1);
  transition: bakcground-color 350ms ease;
}
.a-toggle label:before {
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  border-radius: 2em;
  display: block;
  position: absolute;
  top: 0.375rem;
  right: 2rem;
  transform: rotate(-25deg);
  transition: all 350ms ease;
  background-color: #000;
}
.a-toggle label span {
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translate(-100%, -50%);
  white-space: nowrap;
}
.a-toggle input:checked ~ label {
  background-color: #C5BEB9;
}
.a-toggle input:checked ~ label:before {
  background-color: #FF0027;
}
.a-toggle.-red label {
  background-color: transparent;
  border: 0.09375rem solid #FF0027;
}
.a-toggle.-red label:before {
  background-color: #FF0027;
  top: 0.3125rem;
}
.a-toggle.-red input:checked + label {
  background-color: #FF0027;
}
.a-toggle.-red input:checked + label:before {
  background-color: #FFF;
}
.a-toggle.-small label {
  width: 3.125rem;
  height: 1.875rem;
}
.a-toggle.-small label:before {
  width: 1.3125rem;
  height: 1.3125rem;
  top: 0.1875rem;
  right: 1.375rem;
}
.a-toggle.-small input:checked + label:before {
  right: 0.25rem;
}

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