#howItWorks{display:block;width:100%;max-width:1728px;position:relative;margin:auto}#howItWorks .flexContainer{width:100%;display:grid;grid-template-columns:55% 45%;align-items:start;height:auto}#howItWorks .flexContainer .textContainer{padding:6rem 10rem 6em 6rem;display:flex;flex-direction:column;justify-content:flex-start}#howItWorks .flexContainer .mediaContainer .textOverlays .item h3,#howItWorks .flexContainer .textContainer h2,#howItWorks .flexContainer .treatmentAreas h3{margin-block-start:0em;margin-block-end:0em}#howItWorks .flexContainer .treatmentAreas .disclaimer{text-transform:none;letter-spacing:0px;padding:2rem 0 0;font-size:var(--nav)}#howItWorks .flexContainer .treatmentAreas h3{padding:0 0 2rem}#howItWorks .flexContainer .treatmentAreas{background:#534e39;border:1px solid rgba(226,230,137,.6);border-radius:1rem;display:block;padding:2rem;position:relative;margin:4rem 0 0;width:fit-content;width:-webkit-fit-content}#howItWorks .flexContainer .treatmentAreas .treatmentFlex{display:flex;gap:6rem;align-items:flex-start}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul{list-style:none;margin-block-start:0em;margin-block-end:0em;padding-inline-start:0px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li{width:calc(50% - 2rem)}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li{color:var(--alibaster);font-family:droid-sans-mono,monospace;font-weight:400;font-style:normal;font-size:var(--body);text-transform:uppercase;display:flex;gap:1rem;align-items:center;justify-content:flex-start;line-height:2;cursor:pointer;opacity:.6;transition:.3s ease all}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li:hover{opacity:1}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li:before{content:"";display:block;border:1px solid var(--sage);border-radius:100%;width:15px;height:15px;min-width:15px;min-height:15px}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li.active{opacity:1}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li.active:before{content:"";border:1px solid var(--lime-green);background:var(--lime-green)}#howItWorks .flexContainer .mediaContainer{position:relative;overflow:hidden;height:auto}#howItWorks .flexContainer .mediaContainer .treatmentImage{position:relative;opacity:0;transition:opacity .3s ease;display:none}#howItWorks .flexContainer .mediaContainer .treatmentImage.active{opacity:1;display:block}#howItWorks .flexContainer .mediaContainer .treatmentImage.active img{display:block;width:100%;height:auto}#howItWorks .flexContainer .mediaContainer .textOverlays{position:absolute}#howItWorks .flexContainer .mediaContainer .textOverlays .item{display:none}#howItWorks .flexContainer .mediaContainer .textOverlays{top:2rem;right:6rem;display:block;z-index:3}#howItWorks .flexContainer .mediaContainer .textOverlays .item.active{width:fit-content;width:-webkit-fit-content;background:#30242266;display:block;border:1px solid var(--lime-green);border-radius:1rem}#howItWorks .flexContainer .mediaContainer .textOverlays .item h3{padding:2rem;display:block;margin:auto;text-align:left}#howItWorks .flexContainer .mediaContainer .textOverlays .item a,#howItWorks .flexContainer .mediaContainer .textOverlays .item a:visited,#howItWorks .flexContainer .mediaContainer .textOverlays .item a:focus{color:var(--alibaster);font-family:droid-sans-mono,monospace;font-weight:400;font-style:normal;display:block;margin:auo;text-align:center;font-size:var(--body);text-transform:uppercase;text-decoration:none;border-top:1px solid var(--lime-green);padding:1rem 2rem;transition:.3s ease all}#howItWorks .flexContainer .mediaContainer .textOverlays .item a:hover{background:var(--lime-green);color:var(--soft-black)}@media only screen and (max-width: 1024px){#howItWorks .flexContainer{align-items:center}#howItWorks .flexContainer .treatmentAreas{max-width:100%;width:100%;padding:2rem}#howItWorks .flexContainer .treatmentAreas .treatmentFlex{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;flex-direction:row;gap:2rem}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul{flex-wrap:nowrap}#howItWorks .flexContainer .treatmentAreas .treatmentFlex::-webkit-scrollbar{background-color:var(--cedar);height:.5rem;border-radius:1rem}#howItWorks .flexContainer .treatmentAreas .treatmentFlex::-webkit-scrollbar-thumb{background:var(--lime-green);height:.5rem;border-radius:1rem}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul{display:flex;gap:2rem;flex-direction:row;padding:0 0 2rem}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li{border:1px solid var(--cedar);padding:.5rem 1rem;border-radius:1rem}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li.active{border:1px solid var(--lime-green)}}@media only screen and (max-width: 900px){#howItWorks .flexContainer .textContainer{padding:6rem 4rem 4em;max-width:100%}#howItWorks .flexContainer .mediaContainer .treatmentImage{position:relative;display:none}#howItWorks .flexContainer .mediaContainer .treatmentImage.active{position:relative;display:block}#howItWorks .flexContainer .mediaContainer{position:relative;background:var(--olive);padding:0 4rem 6rem}#howItWorks .flexContainer{display:flex;flex-direction:column}}@media only screen and (max-width: 600px){#howItWorks .flexContainer .textContainer{padding:6rem 2rem 4rem}#howItWorks .flexContainer .mediaContainer{padding:0 2rem 6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/how-it-works.css.map */