.hiyo-ingredients{--hiyo-ingredients-heading-font: var(--font-heading--family, serif);--hiyo-ingredients-body-font: var(--font-body--family, sans-serif);--hiyo-ingredients-label-font: var(--font-body--family, sans-serif);--hiyo-ingredients-inline-padding: var(--hiyo-ingredients-mobile-padding);--hiyo-ingredients-card-width: min(286px, calc(100vw - (var(--hiyo-ingredients-inline-padding) * 2)));--hiyo-ingredients-card-gap: 16px;--hiyo-ingredients-header-gap: 16px;--hiyo-ingredients-carousel-gap: 40px;--hiyo-ingredients-control-size: 45px;display:block;width:100%;background:var(--hiyo-ingredients-background);color:var(--hiyo-ingredients-text)}.hiyo-ingredients--source-fonts{--hiyo-ingredients-heading-font: "Hiyo Larken", serif;--hiyo-ingredients-body-font: "Hiyo Acumin Semi Condensed", sans-serif;--hiyo-ingredients-label-font: "Hiyo Acumin Wide", sans-serif}.hiyo-ingredients__inner{padding-bottom:var(--hiyo-ingredients-padding-bottom-mobile)}.hiyo-ingredients__header{display:flex;width:calc(100% - var(--hiyo-ingredients-inline-padding) - var(--hiyo-ingredients-inline-padding));max-width:1440px;flex-direction:column;gap:var(--hiyo-ingredients-header-gap);align-items:flex-start;margin-inline:auto}.hiyo-ingredients__eyebrow,.hiyo-ingredients__title{margin:0;color:inherit}.hiyo-ingredients__eyebrow{font-family:var(--hiyo-ingredients-label-font);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1;text-transform:uppercase}.hiyo-ingredients__title{max-width:100%;font-family:var(--hiyo-ingredients-heading-font);font-size:32px;font-style:normal;font-weight:100;letter-spacing:.02em;line-height:1.1;text-wrap:pretty}.hiyo-ingredients__title em,.hiyo-ingredients__title i{font-style:italic}.hiyo-ingredients__carousel{position:relative;margin-top:var(--hiyo-ingredients-carousel-gap)}.hiyo-ingredients__list{position:relative;display:grid;overflow-x:auto;overflow-y:hidden;grid-auto-columns:var(--hiyo-ingredients-card-width);grid-auto-flow:column;gap:var(--hiyo-ingredients-card-gap);margin-inline:0;padding-inline:var(--hiyo-ingredients-inline-padding);overscroll-behavior-inline:contain;scroll-padding-inline:var(--hiyo-ingredients-inline-padding);scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hiyo-ingredients__list::-webkit-scrollbar{display:none}.hiyo-ingredients__list:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.hiyo-ingredients__item{position:relative;width:var(--hiyo-ingredients-card-width);padding-bottom:58px;color:var(--hiyo-ingredients-text);scroll-snap-align:start;scroll-snap-stop:always}.hiyo-ingredients__image-wrapper{width:100%;aspect-ratio:636 / 909;overflow:clip}.hiyo-ingredients__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hiyo-ingredient-focal-x) var(--hiyo-ingredient-focal-y)}.hiyo-ingredients__content{position:absolute;z-index:2;right:0;bottom:0;left:0}.hiyo-ingredients__details{margin:0;padding-top:24px}.hiyo-ingredients__details[open]{background:var(--hiyo-ingredients-card)}.hiyo-ingredients__summary{display:flex;min-height:58px;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 2px;color:inherit;cursor:pointer;list-style:none}.hiyo-ingredients__summary::-webkit-details-marker{display:none}.hiyo-ingredients__summary-text{display:flex;min-width:0;flex-direction:column;gap:8px}.hiyo-ingredients__ingredient-name{font-family:var(--hiyo-ingredients-label-font);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1;text-transform:uppercase}.hiyo-ingredients__benefit{font-family:var(--hiyo-ingredients-body-font);font-size:18px;font-weight:300;letter-spacing:.02em;line-height:20px;text-transform:lowercase}.hiyo-ingredients__accordion-icon{position:relative;display:block;width:18px;height:18px;flex:0 0 18px;margin-top:2px;color:#4140428c}.hiyo-ingredients__accordion-icon:before,.hiyo-ingredients__accordion-icon:after{position:absolute;top:50%;left:50%;width:18px;height:1px;background:currentcolor;content:"";transform:translate(-50%,-50%);transition:transform .22s ease}.hiyo-ingredients__accordion-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.hiyo-ingredients__details[open] .hiyo-ingredients__accordion-icon:after{transform:translate(-50%,-50%) rotate(0)}.hiyo-ingredients__description{opacity:0;transform:translateY(-4px)}.hiyo-ingredients__details[open] .hiyo-ingredients__description{opacity:1;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease}.hiyo-ingredients__description-inner{padding:14px 16px 40px;color:inherit;font-family:var(--hiyo-ingredients-body-font);font-size:16px;font-weight:300;letter-spacing:.02em;line-height:1.6;text-transform:lowercase}.hiyo-ingredients__description-inner,.hiyo-ingredients__description-inner *{color:inherit}.hiyo-ingredients__description-inner>:first-child{margin-block-start:0}.hiyo-ingredients__description-inner>:last-child{margin-block-end:0}.hiyo-ingredients__control{position:absolute;z-index:1;top:50%;display:grid;width:var(--hiyo-ingredients-control-size);height:var(--hiyo-ingredients-control-size);padding:0;border:1px solid var(--hiyo-ingredients-control-border);border-radius:50%;background:var(--hiyo-ingredients-control-background);color:var(--hiyo-ingredients-text);cursor:pointer;opacity:0;place-items:center;pointer-events:none;transform:translateY(-50%) scale(.8);transition:opacity .1s ease-in-out,transform .1s ease-in-out,visibility .1s ease-in-out;visibility:hidden}.hiyo-ingredients__control--previous{left:24px}.hiyo-ingredients__control--next{right:24px}.hiyo-ingredients__control:disabled{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.8)}.hiyo-ingredients__control:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.hiyo-ingredients__arrow{position:relative;display:block;width:12px;height:12px}.hiyo-ingredients__arrow:before{position:absolute;top:50%;left:42%;width:7px;height:7px;border-top:1px solid currentcolor;border-right:1px solid currentcolor;content:"";transform:translate(-50%,-50%) rotate(45deg)}.hiyo-ingredients__arrow--previous:before{left:58%;transform:translate(-50%,-50%) rotate(-135deg)}@media(pointer:fine){.hiyo-ingredients__carousel:hover .hiyo-ingredients__control:not(:disabled){opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);visibility:visible}.hiyo-ingredients__control:not(:disabled):hover{transform:translateY(-50%) scale(1.05)}}@media screen and (min-width:700px){.hiyo-ingredients{--hiyo-ingredients-inline-padding: var(--hiyo-ingredients-tablet-padding);--hiyo-ingredients-card-width: 318px;--hiyo-ingredients-card-gap: 24px;--hiyo-ingredients-header-gap: 24px;--hiyo-ingredients-carousel-gap: 48px}.hiyo-ingredients__inner{padding-bottom:80px}.hiyo-ingredients__eyebrow{font-size:14px}.hiyo-ingredients__title{font-size:40px}.hiyo-ingredients__control--previous{left:26px}.hiyo-ingredients__control--next{right:26px}}@media screen and (min-width:990px){.hiyo-ingredients{--hiyo-ingredients-inline-padding: max( var(--hiyo-ingredients-desktop-padding), calc((100% - 1440px)/2) )}.hiyo-ingredients__title{white-space:nowrap}}@media screen and (min-width:1150px){.hiyo-ingredients__inner{padding-bottom:min(96px,var(--hiyo-ingredients-padding-bottom-desktop))}}@media screen and (min-width:1400px){.hiyo-ingredients{--hiyo-ingredients-control-size: 56px}.hiyo-ingredients__inner{padding-bottom:var(--hiyo-ingredients-padding-bottom-desktop)}.hiyo-ingredients__title{font-size:48px}.hiyo-ingredients__control--previous{left:26px}.hiyo-ingredients__control--next{right:26px}}@media screen and (min-width:1600px){.hiyo-ingredients__inner{padding-bottom:calc(var(--hiyo-ingredients-padding-bottom-desktop) + 16px)}}@media(prefers-reduced-motion:reduce){.hiyo-ingredients__accordion-icon:after,.hiyo-ingredients__description,.hiyo-ingredients__control{transition:none}.hiyo-ingredients__details[open] .hiyo-ingredients__description{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hiyo-ingredients.css.map */