/** Shopify CDN: Minification failed

Line 214:25 Expected ":"

**/
.o-accordions.isStatic .wrapperAnimation  {
    width: 100%;
    height: 100%;
    position: absolute;
}
.o-accordions.isStatic .wrapperAnimation #countdowntimerPercent,
.o-accordions.isStatic .wrapperAnimation #countdowntimerDegree {
    opacity: .3;
    line-height: 12vw;
    font-weight: 300;
    margin: 0;
    display: flex;
    align-items: inherit;
    justify-content: end;
    padding-right: 10%;
    font-size: 16vw;
    font-family: BostonThin, sans-serif;
    position: relative;
    z-index: -1;
}
@media (max-width: 639px) {
    .o-accordions.isStatic .wrapperAnimation #countdowntimerPercent,
    .o-accordions.isStatic .wrapperAnimation #countdowntimerDegree {
        margin-top: -30px;
    }
}
.o-accordions.isStatic .wrapperAnimation #countdowntimerPercent span:last-child,
.o-accordions.isStatic .wrapperAnimation #countdowntimerDegree span:last-child {
    font-weight: 900;
    z-index: -1;
    font-size: 5vw;
    line-height: 5vw;
    font-family: BostonThin, sans-serif;
}

/* anim sound waves */
#bars {
    height: 30%;
    left: 30%;
    width: 55%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: -1;
}
@media (max-width: 639px) {
    #bars {
        margin-top: -30px;
    }
}
.bar {
    background: #a09e9e;
    opacity: 0.8;
    height: 3px;
    width: 1%;
    border-radius: 3px;
    animation: sound 0ms -100ms linear infinite alternate;
}

.bar:nth-child(-n+3) {animation: sound-short 0ms -100ms linear infinite alternate;}
.bar:nth-child(1n+15) {animation: sound-short 0ms -100ms linear infinite alternate;}
.bar:nth-child(1n+25) {animation: sound-short-extra 0ms -100ms linear infinite alternate;}

@keyframes sound {
    0% {height: 3px;}
    100% {height: 100%;}
}
@keyframes sound-short {
    0% {height: 3px;}
    100% {height: 50%;}
}
@keyframes sound-short-extra {
    0% {height: 3px;}
    100% {height: 20%;}
}
.bar:nth-child(1n) {animation-duration: 474ms;}
.bar:nth-child(2n) {animation-duration: 433ms;}
.bar:nth-child(3n) {animation-duration: 407ms;}
.bar:nth-child(4n) {animation-duration: 458ms;}
.bar:nth-child(5n) {animation-duration: 400ms;}
.bar:nth-child(6n) {animation-duration: 427ms;}
.bar:nth-child(7n) {animation-duration: 441ms;}
.bar:nth-child(8n) {animation-duration: 419ms;}
.bar:nth-child(9n) {animation-duration: 487ms;}
.bar:nth-child(10n) {animation-duration: 442ms;}


/* glow */
.nightlight-wrapper {
    height: 10%;
    width: 34%;
    position: absolute;
    right: 9%;
    top: 21%;
    margin: 0;
    display: flex;
    justify-content: center;
    padding-bottom: 4px;
}
@media (min-width: 1750px) {
    .nightlight-wrapper {
        padding-bottom: 6px;
    }
}
@media (min-width: 1920px) {
    .nightlight-wrapper {
        padding-bottom: 8px;
    }
}
@media (min-width: 2300px) {
    .nightlight-wrapper {
        padding-bottom: 12px;
    }
}
@media (min-width: 2560px) {
    .nightlight-wrapper {
        padding-bottom: 14px;
    }
}
@media (max-width: 1024px) {
    .nightlight-wrapper {
        top: 24%;
    }
}
@media (max-width: 768px) {
    .nightlight-wrapper {
        top: 25%;
    }
}
@media (max-width: 640px) {
    .nightlight-wrapper {
        top: 8%;
        height: 14%;
    }
}
@media (max-width: 425px) {
    .nightlight-wrapper {
        top: 9%;
    }
}
@media (max-width: 320px) {
    .nightlight-wrapper {
        top: 8%;
        height: 16%;
    }
}
.nightlight {
    position: relative;
    display: inline-block;
    width: 85%;
    height: 100%;
    transform: perspective(120px) rotateX(60deg);
    box-sizing: border-box;
    background: linear-gradient(90deg, #9eaff3, #e1a3f1, #ede9d7, #9eaff3);
    background-size: 400%;
    z-index: 1;
    animation: animate 8s linear infinite;
    filter: blur(1px);
}
@keyframes animate {
    0% {background-position: 0%}
    100% {background-position: 400%}
}
.nightlight:before {
    content: "";
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: 7px;
    left: -7px;
    z-index: -1;
    background: linear-gradient(90deg, #9eaff3, #e1a3f1, #ede9d7, #9eaff3);
    background-size: 400%;
    border-radius: 40px;
    opacity: 0;
    transition: .5s;
    filter: blur(20px);
    opacity: 1;
    animation: animate 8s linear infinite;
    border-bottom: 2px solid mediumslateblue;
}

/* notes */
.notes-wrapper {
    width: 70%;
    position: relative;
    z-index: -1;
    float: right;
    margin-right: 10%;
    display: block;
    overflow: hidden;
}
@media (max-width: 639px) {
    .notes-wrapper {
        margin-top: -30px;
    }
}
.notes-wrapper svg {
    transform: translate(-40%, -20%) scale(0.5);
    width: 500%;
}
@media (max-width: 768px) {
    .notes-wrapper svg {
        transform: translate(-40%, -30%) scale(0.5);
    }
}
@media (max-width: 425px) {
    .notes-wrapper svg {s
        transform: translate(-40%, -40%) scale(0.5);
    }
}
@media (min-width: 1440px) {
    .notes-wrapper svg {
        transform: translate(-40%, -15%) scale(0.5);
    }
}
@media (min-width: 1920px) {
    .notes-wrapper svg {
        transform: translate(-40%, -5%) scale(0.5);
    }
}
@media (min-width: 2100px) {
    .notes-wrapper svg {
        transform: translate(-40%, 5%) scale(0.5);
    }
}
.notes-wrapper svg * {
    transform-box: fill-box;
    transform-origin: center;
}
.notes-wrapper svg path:nth-child(12),
.notes-wrapper svg path:nth-child(13),
.notes-wrapper svg path:nth-child(14),
.notes-wrapper svg path:nth-child(15) {
    animation: line 10s infinite linear;
}
@keyframes line {
    0% {transform: translateX(30%);}
    100% {transform: translateX(0%);}
}
.notes-wrapper svg path:nth-child(2),
.notes-wrapper svg path:nth-child(5),
.notes-wrapper svg path:nth-child(7),
.notes-wrapper svg path:nth-child(11) {
    animation: updown 3s ease infinite;
}
.notes-wrapper svg path:nth-child(3),
.notes-wrapper svg path:nth-child(4),
.notes-wrapper svg path:nth-child(9),
.notes-wrapper svg path:nth-child(10) {
    animation: updown 6s ease infinite;
}
.notes-wrapper svg path:nth-child(1),
.notes-wrapper svg path:nth-child(6),
.notes-wrapper svg path:nth-child(8) {
    animation: updown 8s ease infinite;
}
@keyframes updown {
    0% {transform: translate(0);}
    50% {transform: translateY(-30%);}
    100% {transform: translate(0%);}
}

/* for all page elements */
.develop-health-wellness-page .o-environmentallyFriendly__sideImage__image {
    width: 100% !important;
}

.develop-health-wellness-page o-homeHero__content__title h1 {
    font-family: "atten-round-new";
}
@media (min-width: 1025px) {
    .develop-health-wellness-page .o-homeHero__content__body {
        line-height: 39.7px;
        font-size: 30px;
        font-weight: 300;
    }
}
@media (max-width: 425px) {
    .develop-health-wellness-page .o-homeHero__content__body {
        line-height: 20px;
    }
}
@media (max-width: 430px) {
    .develop-health-wellness-page .o-homeHero__content__body br {
        display: none;
    }
}
.develop-health-wellness-page .o-accordions.isVariable .o-accordions__main {
    padding-top: 80px;
}

@media (max-width: 425px) {
    .develop-health-wellness-page .o-accordions.isVariable .o-accordions__main {
        padding-top: 10px;
    }
}

.o-accordions.disable-accordion .m-accordions__item svg {
  transition: transform 0.35s ease-in-out;
}

.o-accordions.disable-accordion .m-accordions__item:not(.isActive) {
  opacity: 1;
}

.o-accordions.disable-accordion .m-accordions__item:not(.isActive) .m-accordions__item__text {
    max-height: none;
}

.o-accordions.disable-accordion .o-accordions__container {
  height: auto !important;
}

.o-accordions.disable-accordion .m-accordions__item.isActive {
  color: var(--accent-color);
}

.o-accordions.disable-accordion .m-accordions__item:hover svg {
  transform: scale(1.5);
}