.whats-inside{--wi-muted: color-mix(in srgb, var(--wi-text) 70%, transparent);--wi-line: color-mix(in srgb, var(--wi-text) 18%, transparent);--wi-ease: cubic-bezier(.3, 1.5, .5, 1);background:var(--wi-bg);color:var(--wi-text);font-family:var(--font-body-family)}.whats-inside__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "content";gap:2.4rem}.whats-inside__head{grid-area:head}.whats-inside__media{grid-area:media}.whats-inside__content{grid-area:content}@media screen and (min-width:768px){.whats-inside__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:".       media" "head    media" "content media" ".       media";column-gap:clamp(4rem,5.56vw,8rem);row-gap:0}[data-media-position=left]>.whats-inside__inner{grid-template-areas:"media ." "media head" "media content" "media ."}}.whats-inside__eyebrow{margin:0 0 1.2rem;font:700 1.3rem/1.2 var(--font-body-family);letter-spacing:.1em;text-transform:uppercase;color:var(--wi-eyebrow)}.whats-inside .whats-inside__heading{margin:0;color:var(--wi-heading)}@media screen and (min-width:768px){.whats-inside__head{margin-bottom:3.6rem}}.whats-inside__list{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}.whats-inside__item{display:flex;align-items:center;gap:1.6rem;min-height:7.2rem;padding:1.4rem 1.8rem;border:.2rem solid transparent;border-radius:2.4rem;background:var(--wi-card);cursor:pointer;scroll-margin:12rem 0;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease}[data-item-style=outline] .whats-inside__item{background:transparent;border-color:var(--wi-line)}[data-item-style=plain] .whats-inside__item{background:transparent;padding-inline:0;min-height:0}.whats-inside__num{flex:none;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--wi-dot);color:var(--wi-dot-text);font:700 1.8rem/1 var(--font-body-family);font-variant-numeric:tabular-nums}.whats-inside__body{display:grid;gap:.4rem;min-width:0}.whats-inside__title{margin:0;font:700 1.7rem/1.25 var(--font-body-family);color:var(--wi-text)}.whats-inside__desc,.whats-inside__desc p{margin:0;font:400 1.4rem/1.4 var(--font-body-family);color:var(--wi-muted)}.whats-inside__desc a{color:inherit}.whats-inside__note{margin-top:1.4rem;font:500 1.4rem/1.4 var(--font-body-family);color:var(--wi-heading)}.whats-inside__note p{margin:0}@media screen and (min-width:768px){.whats-inside__item{gap:2rem;min-height:8.5rem;padding:1.6rem 2.4rem}.whats-inside__title{font-size:1.9rem}.whats-inside__desc,.whats-inside__desc p{font-size:1.5rem}}.whats-inside__media{position:relative;align-self:center;aspect-ratio:var(--wi-ratio-mobile, 1);border-radius:var(--wi-radius);overflow:hidden;background:color-mix(in srgb,var(--wi-text) 6%,transparent);scroll-margin:10rem 0}.whats-inside__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.whats-inside__placeholder{fill:var(--wi-muted)}.whats-inside__image--mobile{display:none}@media screen and (max-width:767.98px){.whats-inside__media--has-mobile .whats-inside__image--desktop{display:none}.whats-inside__media--has-mobile .whats-inside__image--mobile{display:block}}@media screen and (min-width:768px){.whats-inside__media{aspect-ratio:var(--wi-ratio, 1)}}.whats-inside__dot{--size: calc(var(--wi-dot-size) * .8);position:absolute;z-index:1;left:var(--x);top:var(--y);width:var(--size);height:var(--size);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transform:translate(-50%,-50%);transition:transform .3s var(--wi-ease)}.whats-inside__dot:before{content:"";position:absolute;inset:min(0px,calc((var(--size) - 4.4rem) / 2));border-radius:50%}.whats-inside__dot-inner{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--wi-dot);color:var(--wi-dot-text);font:700 calc(var(--size) * .42) / 1 var(--font-body-family);font-variant-numeric:tabular-nums;box-shadow:0 0 0 .3rem #ffffffe6,0 .6rem 1.6rem #00000038}.whats-inside__dot:focus-visible{outline:.3rem solid var(--wi-heading);outline-offset:.4rem}@media screen and (min-width:768px){.whats-inside__dot{--size: var(--wi-dot-size)}}@media screen and (max-width:767.98px){[data-hide-mobile-dots] .whats-inside__dot{display:none}}[data-pulse] .whats-inside__dot:after{content:"";position:absolute;top:-.3rem;right:-.3rem;bottom:-.3rem;left:-.3rem;border-radius:50%;border:.2rem solid var(--wi-dot);pointer-events:none;animation:whats-inside-pulse 2.4s ease-out infinite;animation-delay:calc(var(--i, 0) * .4s)}@keyframes whats-inside-pulse{0%{transform:scale(1);opacity:.9}80%,to{transform:scale(1.9);opacity:0}}.whats-inside__dot.is-active{z-index:2;transform:translate(-50%,-50%) scale(1.4)}.whats-inside__dot.is-active:after{animation:none;opacity:0}.whats-inside__item.is-active{transform:translate(.4rem);box-shadow:0 1rem 2.4rem -1.4rem color-mix(in srgb,var(--wi-text) 60%,transparent)}[data-media-position=left] .whats-inside__item.is-active{transform:translate(-.4rem)}@media screen and (min-width:768px){.whats-inside__inner.is-hovering .whats-inside__item:not(.is-active){opacity:.32}}.whats-inside__item.is-flash,.whats-inside__dot.is-flash .whats-inside__dot-inner{animation:whats-inside-flash 1.4s ease-out}@keyframes whats-inside-flash{0%{box-shadow:0 0 0 0 var(--wi-dot)}30%{box-shadow:0 0 0 .6rem var(--wi-dot)}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.whats-inside *,.whats-inside *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/section-whats-inside.css.map */