/** Shopify CDN: Minification failed

Line 417:8 Unexpected "{"
Line 417:17 Expected ":"
Line 421:8 Unexpected "{"
Line 421:17 Expected ":"

**/
/*** CSS variables ***/

html,
body {
  margin: 0;
}

/*** Global styles ***/

[id^="DP--"] {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-family: inherit;
  text-transform: unset;
  letter-spacing: unset;
  margin: unset;
  padding: unset;
}

.dsgn-pck__section * {
  box-sizing: border-box !important;
}

[class^="design_pack_-_fixed"] {
  display: none;
}

.dsgn-pck__section h1,
.dsgn-pck__section h2,
.dsgn-pck__section h3,
.dsgn-pck__section h4,
.dsgn-pck__section h5,
.dsgn-pck__section h6 {
  color: inherit;
  font-family: inherit;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

.dsgn-pck__rte,
.dsgn-pck__rte p,
.dsgn-pck__rte a,
.dsgn-pck__rte a:hover,
.dsgn-pck__rte a:visited,
.dsgn-pck__rte a:focus {
  color: inherit;
  font-family: inherit;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

.dsgn-pck__rte a {
  text-decoration: underline;
}

.dsgn-pck__rte p {
  margin-bottom: 0.8em;
}

.dsgn-pck__rte p:last-of-type {
  margin-bottom: 0;
}

.dsgn-pck__rte ul {
  margin: 1em 0;
  padding-left: 40px;
}

.dsgn-pck__rte li {
  list-style: unset;
}

.dsgn-pck__absolute-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.dsgn-pck__relative {
  position: relative;
}

h1.dsgn-pck__heading,
h2.dsgn-pck__heading,
h3.dsgn-pck__heading,
h4.dsgn-pck__heading,
h5.dsgn-pck__heading,
h6.dsgn-pck__heading {
  margin-bottom: 1.2rem;
}

.dsgn-pck__text {
  margin: 0;
  color: inherit;
  font-family: inherit;
}

.dsgn-pck__button {
  cursor: pointer;
  text-transform: unset;
}

.dsgn-pck__button::after {
  display: none;
}

.dsgn-pck__section button,
.dsgn-pck__section input[type="text"],
.dsgn-pck__section input[type="email"] {
  -webkit-appearance: none;
}

.dsgn-pck__sizer {
  margin-left: auto;
  margin-right: auto;
}

.dsgn-pck__height-sizer {
  display: table;
}

.dsgn-pck__height--x-small {
  height: 125px;
}

.dsgn-pck__height--small {
  height: 300px;
}

.dsgn-pck__height--medium {
  height: 475px;
}

.dsgn-pck__height--large {
  height: 650px;
}

.dsgn-pck__height--x-large {
  height: 775px;
}

@media only screen and (max-width: 767px) {
  .dsgn-pck__height--x-small {
    height: 94px;
  }

  .dsgn-pck__height--small {
    height: 225px;
  }

  .dsgn-pck__height--medium {
    height: 357px;
  }

  .dsgn-pck__height--large {
    height: 488px;
  }

  .dsgn-pck__height--x-large {
    height: 582px;
  }
}

/*** Images ***/
.dsgn-pck__image__wrapper {
  display: grid;
  position: relative;
  margin: 0;
}

.dsgn-pck__image__wrapper svg {
  width: inherit;
  height: inherit;
}

.dsgn-pck__image__wrapper > * {
  grid-area: 1 / 1 / 2 / 2;
}

.dsgn-pck__image__wrapper img {
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/*** Flex ***/
.dsgn-pck__flex {
  display: flex;
}

.dsgn-pck__flex-wrap {
  flex-wrap: wrap;
}

.dsgn-pck__flex--1-per-row .dsgn-pck__flex-item {
  flex-basis: 100%;
}

.dsgn-pck__flex--2-per-row .dsgn-pck__flex-item {
  flex-basis: 50%;
}

.dsgn-pck__flex--3-per-row .dsgn-pck__flex-item {
  flex-basis: 33.3333%;
}

.dsgn-pck__flex--4-per-row .dsgn-pck__flex-item {
  flex-basis: 25%;
}

.dsgn-pck__flex--5-per-row .dsgn-pck__flex-item {
  flex-basis: 20%;
}

.dsgn-pck__flex--6-per-row .dsgn-pck__flex-item {
  flex-basis: 16.6666%;
}

.dsgn-pck__flex--7-per-row .dsgn-pck__flex-item {
  flex-basis: 14.3%;
}

.dsgn-pck__flex--8-per-row .dsgn-pck__flex-item {
  flex-basis: 12.5%;
}

.dsgn-pck__flex-row-reverse {
  flex-direction: row-reverse;
}

.dsgn-pck__justify-left {
  justify-content: flex-start;
  text-align: left;
}

.dsgn-pck__justify-center {
  justify-content: center;
  text-align: center;
}

.dsgn-pck__justify-right {
  justify-content: flex-end;
  text-align: right;
}

.dsgn-pck__justify-justify {
  justify-content: space-between;
  text-align: justify;
}

.dsgn-pck__align-top {
  align-items: flex-start;
}

.dsgn-pck__align-center {
  align-items: center;
}

.dsgn-pck__align-bottom {
  align-items: flex-end;
}

/*** Grid ***/
.dsgn-pck__grid {
  display: grid;
}

.dsgn-pck__grid--1-per-row {
  grid-template-columns: 1fr;
}

.dsgn-pck__grid--2-per-row {
  grid-template-columns: 1fr 1fr;
}

.dsgn-pck__grid--3-per-row {
  grid-template-columns: 1fr 1fr 1fr;
}

.dsgn-pck__grid--4-per-row {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.dsgn-pck__grid--5-per-row {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.dsgn-pck__grid--6-per-row {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.dsgn-pck__grid--7-per-row {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.dsgn-pck__grid--8-per-row {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.dsgn-pck__grid-reverse {
  direction: rtl;
}

.dsgn-pck__grid-reverse * {
  direction: ltr;
}

/*** Helpers ***/
.dsgn-pck__unset {
  font-family: unset;
  font-size: unset;
  letter-spacing: unset;
  line-height: unset;
  margin: unset;
  padding: unset;
}

.dsgn-pck__force-full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.dsgn-pck__visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.dsgn-pck__recaptcha-message {
  margin-top: 0.8em;
  font-size: 0.8em;
}

.dsgn-pck__recaptcha-message a,
.dsgn-pck__recaptcha-message a:hover,
.dsgn-pck__recaptcha-message a:focus {
  font-style: italic;
  color: inherit;
}

/** Pages **/
.dsgn-pck__page-intro {
  width: 100%;
}

/** Theme editor warnings **/

.dsgn-pck__no-app-warning {
  position: relative;
  overflow: hidden;
  padding: 1em;
}

.dsgn-pck__no-app-warning-text {
  position: relative;
  background: #ff0;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  max-width: 50%;
  margin: 0 auto;
}

.dsgn-pck__no-app-warning-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 130%;
  background: repeating-linear-gradient(-45deg, #ff0, #ff0 20px, #000 20px, #000 40px);
  animation: dsgn-pck__warning-background 1s linear infinite;
}

@keyframes dsgn-pck__warning-background {
  to {
    transform: translateX(-56px);
  }
}

/** Animations **/

@media screen and (prefers-reduced-motion: no-preference) {
  [style*="--dsgn-pck-animate"] {
    will-change: transform;
    transform: translateZ(0);
    opacity: 0;
  }

  #DP--{{ section.id }}.dsgn-pck__animation-applied {
    overflow: hidden;
  }

  #DP--{{ section.id }}.dsgn-pck__animation-applied [style*="--dsgn-pck-animate"] {
    --dsgn-pck-animation-multiplier: 0.5s;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: calc(var(--dsgn-pck-animation-multiplier) * var(--dsgn-pck-animate));
  }

  @keyframes dsgn-pck__animation--fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes dsgn-pck__animation--fade-in-left {
    0% {
      opacity: 0;
      transform: translateX(10%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes dsgn-pck__animation--fade-in-right {
    0% {
      opacity: 0;
      transform: translateX(-10%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes dsgn-pck__animation--fade-in-down {
    0% {
      opacity: 0;
      transform: translateY(-10%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes dsgn-pck__animation--fade-in-up {
    0% {
      opacity: 0;
      transform: translateY(10%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/** Parallax **/
.dsgn-pck__parallax {
  position: relative;
  z-index: 1;
}

.dsgn-pck__parallax > .dsgn-pck__parallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/** Theme specific **/

/* Brooklyn - prevent default margins (but leave them on theme sections) */
.index-sections [class*="DP__"] {
  margin-top: 0;
}