.dr-elixir-ing{position:relative;padding:2.4rem 16px 3.2rem;isolation:isolate;z-index:2;overflow-x:clip;margin-top:-80px;margin-bottom:-80px;padding-top:45px;padding-bottom:140px}.dr-elixir-ing:before{content:"";position:absolute;top:0;bottom:-110px;left:0;right:0;background:radial-gradient(ellipse 16.16% 68.02% at 50.13% 83.84%,#c1e7f0,#fff0),radial-gradient(ellipse 50% 86.95% at 50% 50%,#f909,#fff0),linear-gradient(180deg,#668074,#e5efdd);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.05) 110px,rgba(0,0,0,.2) 215px,rgba(0,0,0,.5) 300px,rgba(0,0,0,.8) 380px,rgba(0,0,0,.95) 430px,#000 460px);mask-image:linear-gradient(180deg,#0000 0,#0000000d 110px,#0003 215px,#00000080 300px,#000c 380px,#000000f2 430px,#000 460px);z-index:-1}.dr-elixir-ing__title{margin:0 0 1.4rem;font-family:var(--font-einstein);font-weight:500;font-size:4rem;line-height:100%;letter-spacing:.02em;color:var(--riva-dark-purple);text-align:center}.dr-elixir-ing__intro{max-width:460px;margin:0 auto 2rem;font-family:var(--font-einstein);font-weight:200;font-size:1.6rem;line-height:1.3;letter-spacing:.01em;color:var(--riva-dark-purple);text-align:center}.dr-elixir-ing__foot{max-width:460px;margin:2rem auto 0;font-family:var(--font-einstein);font-weight:200;font-size:1.4rem;line-height:1.3;letter-spacing:.01em;color:var(--riva-dark-purple);text-align:center}.dr-elixir-ing__list{display:flex;flex-direction:column;gap:1.6rem;align-items:center}.dr-elixir-ing__card{position:relative;width:100%;max-width:460px;border-radius:20px;overflow:clip;box-shadow:0 24px 19px #121c361a;background:linear-gradient(90deg,#fff6,#ffffff1f)}.dr-elixir-ing__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(180deg,#fff0,#ffffff7a);mix-blend-mode:hard-light;pointer-events:none;z-index:0}.dr-elixir-ing__summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:0 20px 0 92px;cursor:pointer;list-style:none;position:static}.dr-elixir-ing__summary::-webkit-details-marker{display:none}.dr-elixir-ing__name{position:relative;z-index:2;flex:1;font-family:var(--font-einstein);font-weight:200;font-size:3rem;line-height:1;letter-spacing:.01em;color:var(--riva-dark-purple);text-align:center;text-transform:uppercase}.dr-elixir-ing__toggle{position:relative;z-index:2;flex-shrink:0;width:22px;height:22px;color:var(--riva-dark-purple)}.dr-elixir-ing__toggle:before,.dr-elixir-ing__toggle:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:1.5px;background:currentColor;transition:transform .28s ease,opacity .28s ease}.dr-elixir-ing__toggle:before{transform:translate(-50%,-50%)}.dr-elixir-ing__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.dr-elixir-ing__card[open]:not(.is-closing) .dr-elixir-ing__toggle:after{transform:translate(-50%,-50%) rotate(180deg);opacity:0}.dr-elixir-ing__media{position:absolute;top:0;left:0;bottom:calc(100% - 80px);width:80px;border-radius:15px;overflow:hidden;z-index:1;transition:width .28s ease,bottom .28s ease,border-radius .28s ease,mask-size .28s ease,mask-position .28s ease,-webkit-mask-size .28s ease,-webkit-mask-position .28s ease;-webkit-mask-image:url(dr-elixir-ing-mask.svg);mask-image:url(dr-elixir-ing-mask.svg);-webkit-mask-size:calc(100% + 200px) calc(100% + 400px);mask-size:calc(100% + 200px) calc(100% + 400px);-webkit-mask-position:-100px -200px;mask-position:-100px -200px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dr-elixir-ing__image{width:100%;height:100%;object-fit:cover}.dr-elixir-ing__card[open]:not(.is-closing) .dr-elixir-ing__media{bottom:calc(100% - 300px);width:130px;border-radius:0;-webkit-mask-size:140px 293px;mask-size:140px 293px;-webkit-mask-position:-30px -30px;mask-position:-30px -30px}.dr-elixir-ing__card::details-content,.dr-elixir-ing__study::details-content{content-visibility:visible;block-size:auto;overflow:hidden}.dr-elixir-ing__panel{position:relative;z-index:2;display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s ease}.dr-elixir-ing__card:not([open]) .dr-elixir-ing__panel,.dr-elixir-ing__card.is-closing .dr-elixir-ing__panel{grid-template-rows:0fr}.dr-elixir-ing__panel-inner{overflow:hidden;min-height:0}.dr-elixir-ing__desc{padding:0 20px 1.6rem;padding-left:100px;font-family:var(--font-einstein);font-weight:300;font-size:1.8rem;line-height:1.25;letter-spacing:.01em;color:var(--riva-dark-purple);text-align:right}.dr-elixir-ing__desc .metafield-rich_text_field p{margin:0 0 1.2rem}.dr-elixir-ing__desc .dr-elixir-ing__benefits-title{margin:1.2rem 0 .4rem;font-weight:500}.dr-elixir-ing__benefits{margin:0;padding:0 2rem 0 0;list-style:disc}.dr-elixir-ing__benefits li{margin-bottom:.2rem}.dr-elixir-ing__study-wrap{margin:1.6rem 20px 20px}.dr-elixir-ing__study{width:auto;padding:12px 16px;background:#ffffff73;border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 4px 15px #121c360a;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.dr-elixir-ing__study:hover{background:#ffffff8c;border-color:#ffffffb3;box-shadow:0 6px 18px #121c360f}.dr-elixir-ing__study-summary{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;list-style:none}.dr-elixir-ing__study-summary::-webkit-details-marker{display:none}.dr-elixir-ing__study-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#32478514;color:var(--riva-dark-purple);border:1px solid rgba(50,71,133,.15);border-radius:999px;font-weight:500;font-size:1.2rem;line-height:1.2}.dr-elixir-ing__study-tag:before{content:"";display:inline-block;width:12px;height:12px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.dr-elixir-ing__study-chevron{flex-shrink:0;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .28s ease}.dr-elixir-ing__study[open]:not(.is-closing) .dr-elixir-ing__study-chevron{transform:rotate(-135deg) translate(-1px,-1px)}.dr-elixir-ing__study-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s ease}.dr-elixir-ing__study:not([open]) .dr-elixir-ing__study-panel,.dr-elixir-ing__study.is-closing .dr-elixir-ing__study-panel{grid-template-rows:0fr}.dr-elixir-ing__study-panel-inner{overflow:hidden;min-height:0}.dr-elixir-ing__study p{margin:1rem 0 0;font-weight:300;font-size:1.4rem;line-height:1.45}.dr-elixir-ing__study-link{display:inline-block;margin-top:.8rem;font-weight:300;font-size:1.3rem;color:var(--riva-dark-purple);text-decoration:none;border-bottom:1px solid currentColor}.dr-elixir-ing__study-caveat{display:block;margin-top:.8rem;padding-inline:3px;font-weight:200;font-size:1.2rem;line-height:1.3;font-style:italic;color:#324785bf}@media screen and (min-width:750px){.product--dr-elixir-intro .product__media-wrapper .product__column-sticky{margin-bottom:120px}}@media screen and (min-width:700px){.dr-elixir-ing{width:100%;max-width:min(900px,calc(var(--page-width) - 10rem));margin-inline:auto;padding-inline:2.4rem}}.dr-elixir-ing--into-footer{margin-top:0}body:has(.dr-elixir-ing--into-footer){--dr-footer-backdrop: #e5efdd}@media screen and (min-width:700px){body:has(.dr-elixir-ing--into-footer){--dr-footer-backdrop-width: min(900px, calc(var(--page-width) - 10rem))}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/dr-elixir-ingredients.css.map */
