#howItWorks{display:block;width:100%;max-width:1728px;position:relative;margin:auto}#howItWorks .headingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}#howItWorks .headingContainer p{margin-block-start:0em;margin-block-end:0rem}#howItWorks .headingContainer h2{margin-block-start:0em;margin-block-end:0rem;line-height:1}#howItWorks .flexContainer{width:100%;display:grid;grid-template-columns:55% 45%;grid-template-rows:auto auto auto auto;align-items:start;height:auto}#howItWorks .flexContainer .textContainer{padding:6rem 10rem 0 6rem;display:flex;flex-direction:column;justify-content:flex-start;gap:1.5rem;grid-column:1;grid-row:1}#howItWorks .flexContainer .treatmentAreas{grid-column:1;grid-row:2;background:#534e39;border:1px solid rgba(226,230,137,.6);border-radius:1rem;display:block;padding:2rem;position:relative;margin:4rem 10rem 0 6rem;width:auto}#howItWorks .flexContainer .disclaimerContainer{grid-column:1;grid-row:3;padding:2rem 10rem 6rem 6rem}#howItWorks .flexContainer .mediaContainer{position:relative;overflow:hidden;height:auto;grid-column:2;grid-row:1 / 4}#howItWorks .flexContainer .mediaContainer .textOverlays .item h3,#howItWorks .flexContainer .textContainer h2,#howItWorks .flexContainer .treatmentAreas h3{margin-block-start:0em;margin-block-end:0em}#howItWorks .disclaimerContainer .disclaimer{text-transform:none;letter-spacing:0px;font-size:var(--nav);margin-block-start:0em;margin-block-end:0em}#howItWorks .flexContainer .treatmentAreas h3{padding:0 0 2rem;text-align:center}#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);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 .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;top:2rem;right:6rem;display:block;z-index:3}#howItWorks .flexContainer .mediaContainer .textOverlays .item{display:none}#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 h3:has(+.overlayDetails){padding-bottom:.75rem}#howItWorks .flexContainer .mediaContainer .textOverlays .item .overlayDetails{padding:0 2rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}#howItWorks .flexContainer .mediaContainer .textOverlays .item .overlayDetails p{margin-block-start:0em;margin-block-end:0em;font-size:var(--nav);text-align:left;letter-spacing:0;line-height:1.5}#howItWorks .flexContainer .mediaContainer .textOverlays .item .overlayDetails .volume{color:var(--lime-green);text-transform:uppercase}#howItWorks .flexContainer .mediaContainer .textOverlays .item .overlayDetails .price{color:var(--alibaster);opacity:.85}#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:auto;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 .textContainer{padding:6rem 6rem 0}#howItWorks .flexContainer .treatmentAreas{max-width:100%;width:auto;padding:2rem;margin:4rem 6rem 0}#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;display:flex;gap:2rem;flex-direction:row;padding:0 0 2rem}#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 li{border:1px solid var(--cedar);padding:.5rem 1rem;border-radius:1rem;width:auto}#howItWorks .flexContainer .treatmentAreas .treatmentFlex ul li.active{border:1px solid var(--lime-green)}}@media only screen and (max-width:900px){#howItWorks .flexContainer{display:flex;flex-direction:column}#howItWorks .flexContainer .textContainer{padding:6rem 4rem 0;max-width:100%;order:1}#howItWorks .flexContainer .treatmentAreas{order:2;margin:4rem 4rem 0;width:auto}#howItWorks .flexContainer .mediaContainer{position:relative;padding:0;order:3;display:block;line-height:0}#howItWorks .flexContainer .mediaContainer .treatmentImage{position:relative;display:none}#howItWorks .flexContainer .mediaContainer .treatmentImage.active{position:relative;display:block}#howItWorks .flexContainer .disclaimerContainer{order:4;padding:3rem 4rem 6rem}}@media only screen and (max-width:600px){#howItWorks .flexContainer .textContainer{padding:6rem 2rem 0}#howItWorks .flexContainer .treatmentAreas{margin:4rem 2rem 0}#howItWorks .flexContainer .disclaimerContainer{padding:3rem 2rem 6rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/how-it-works.css.map */