.ifa-community-stories{--ifa-community-stories-viewport-extension: var(--space-token-md);--ifa-community-stories-mobile-card-width: min(305px, calc(100vw - (var(--space-token-md) * 2)));inline-size:100%;margin:0;background:var(--color-bg-white);color:var(--color-text-primary)}.ifa-community-stories__component{display:block;inline-size:100%;overflow:clip}.ifa-community-stories__inner{inline-size:min(1200px,calc(100% - (var(--space-token-md) * 2)));margin-inline:auto;padding-block:var(--space-token-4xl)}.ifa-community-stories__reveal{display:block}.ifa-community-stories__reveal>.ifa-community-stories__inner{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s cubic-bezier(.42,0,.58,1),transform .8s cubic-bezier(.42,0,.58,1);will-change:opacity,transform}.ifa-community-stories__reveal.is-visible>.ifa-community-stories__inner{opacity:1;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.ifa-community-stories__reveal>.ifa-community-stories__inner{opacity:1;transform:none;transition:none;will-change:auto}}.ifa-community-stories__heading{margin:0;font:var(--font-3xl-semibold);letter-spacing:0;text-align:start;text-wrap:balance;white-space:normal}.ifa-community-stories__banner{position:relative;inline-size:calc(100% - (var(--ifa-community-stories-viewport-extension) * 2));margin:0;margin-inline-start:var(--ifa-community-stories-viewport-extension);aspect-ratio:350 / 310;border-radius:var(--radius-s);overflow:clip;background:var(--color-bg-gray)}.ifa-community-stories__banner-source{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ifa-community-stories__card-source{display:block}.ifa-community-stories__banner-source picture,.ifa-community-stories__card-media picture,.ifa-community-stories__detail-media picture,.ifa-community-stories__banner-source picture-breakpoint,.ifa-community-stories__card-media picture-breakpoint,.ifa-community-stories__detail-media picture-breakpoint{display:contents}.ifa-community-stories__banner-image{display:block;inline-size:100%;block-size:100%;aspect-ratio:auto;object-fit:cover}.ifa-community-stories__banner-image,.ifa-community-stories__card-image{transform-origin:center;transition:transform .3s cubic-bezier(.42,0,.58,1);will-change:transform}.ifa-community-stories__banner:hover .ifa-community-stories__banner-image,.ifa-community-stories__banner:focus-within .ifa-community-stories__banner-image,.ifa-community-stories__card:hover .ifa-community-stories__card-image,.ifa-community-stories__card:focus-visible .ifa-community-stories__card-image{transform:scale(1.08)}.ifa-community-stories__banner-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--space-token-md);padding:var(--space-token-xl) var(--space-token-l);color:var(--color-text-primary)}.ifa-community-stories__banner-text{display:flex;flex-direction:column;gap:var(--space-token-2xs);inline-size:100%;min-inline-size:0}.ifa-community-stories__eyebrow,.ifa-community-stories__banner-title{margin:0}.ifa-community-stories__eyebrow{color:var(--color-text-secondary);font:var(--font-sm-regular)}.ifa-community-stories__banner-title{overflow:hidden;color:var(--color-text-primary);font:var(--font-xl-semibold);text-overflow:ellipsis;white-space:nowrap}.ifa-community-stories__banner-button{margin:0}.ifa-community-stories__banner-button .button-block{justify-content:flex-start}.ifa-community-stories__banner-button .button{min-block-size:var(--size-11);-webkit-backdrop-filter:blur(var(--backdrop-blur-base));backdrop-filter:blur(var(--backdrop-blur-base))}.ifa-community-stories__viewport{inline-size:calc(100% + (var(--ifa-community-stories-viewport-extension) * 2));margin-block-start:var(--space-token-l);margin-inline-start:calc(-1 * var(--ifa-community-stories-viewport-extension));overflow:visible}.ifa-community-stories__track{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--ifa-community-stories-viewport-extension);scrollbar-width:none;touch-action:pan-x pan-y;margin-block-start:var(--space-token-s)}.ifa-community-stories__track.is-scrolling,.ifa-community-stories__viewport.is-scrolling{scroll-snap-type:none;pointer-events:none}.ifa-community-stories__track::-webkit-scrollbar{display:none}.ifa-community-stories__track{display:flex;gap:var(--space-token-s);inline-size:100%}.ifa-community-stories__track-spacer{flex:0 0 max(0px,calc(var(--ifa-community-stories-viewport-extension) - var(--space-token-s)))}.ifa-community-stories__viewport-spacer{display:none}.ifa-community-stories__track>.shopify-block,.ifa-community-stories__track>.ifa-community-stories__item{flex:0 0 var(--ifa-community-stories-mobile-card-width);min-inline-size:0;scroll-snap-align:center}.ifa-community-stories__track>.shopify-block:first-of-type,.ifa-community-stories__track>.ifa-community-stories__item:first-of-type{scroll-snap-align:start}.ifa-community-stories__track>.shopify-block:last-of-type,.ifa-community-stories__track>.ifa-community-stories__item:last-of-type{scroll-snap-align:end}.ifa-community-stories__item{inline-size:100%;min-inline-size:0}.ifa-community-stories__card{display:flex;flex-direction:column;gap:var(--space-35, 14px);inline-size:100%;min-inline-size:0;padding:0;border:0;border-radius:var(--radius-s);background:var(--color-bg-gray);color:var(--color-text-primary);text-align:start;cursor:pointer;overflow:clip}.ifa-community-stories__card:focus-visible,.ifa-community-stories__control:focus-visible,.ifa-community-stories__dialog-close:focus-visible{outline:2px solid var(--color-mamo-red-normal);outline-offset:var(--space-token-xs)}.ifa-community-stories__card-image,.ifa-community-stories__placeholder{display:block;inline-size:100%;aspect-ratio:305 / 232;block-size:auto;object-fit:cover}.ifa-community-stories__card-media{display:block;inline-size:100%;overflow:clip}.ifa-community-stories__card-copy{display:flex;flex-direction:column;gap:var(--space-35, 14px);inline-size:100%;min-inline-size:0;padding:0 var(--space-token-l) var(--space-token-xl);box-sizing:border-box;overflow:hidden}.ifa-community-stories__meta,.ifa-community-stories__card-title{margin:0}.ifa-community-stories__meta{color:var(--color-text-secondary);font:var(--font-sm-regular)}.ifa-community-stories__meta--desktop{display:none}.ifa-community-stories__card-title-row{display:flex;align-items:flex-end;gap:var(--space-35, 14px);inline-size:100%;min-inline-size:0}.ifa-community-stories__card-title{display:-webkit-box;flex:1 1 auto;max-inline-size:100%;min-inline-size:0;max-block-size:calc(var(--line-height-lg, 24px) * 3);font:var(--font-lg-medium);letter-spacing:0;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ifa-community-stories__card-arrow{display:none;flex:0 0 auto;inline-size:20px;block-size:20px;color:var(--color-text-primary)}.ifa-community-stories__card-arrow svg{display:block;inline-size:100%;block-size:100%}.ifa-community-stories__controls{display:inline-flex;align-items:center;gap:var(--space-token-xs);margin-block-start:var(--space-token-l);padding:var(--space-token-2xs);border-radius:var(--radius-full);background:var(--mask-light-gray-s)}.ifa-community-stories__control{display:grid;place-items:center;inline-size:var(--size-12);block-size:var(--size-12);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .16s ease}.ifa-community-stories__control:hover:not(:disabled){background:var(--mask-light-gray-sm)}.ifa-community-stories__control:active:not(:disabled){background:var(--mask-light-gray)}.ifa-community-stories__control:disabled{opacity:var(--opacity-40);cursor:default;pointer-events:none}.ifa-community-stories__control svg{inline-size:20px;block-size:20px}.ifa-community-stories__dialog{inset-block-end:0;inset-inline:0;inline-size:100vw;max-inline-size:100vw;block-size:auto;max-block-size:90svh;margin:auto 0 0;padding:0;border:0;border-radius:var(--radius--base) var(--radius--base) 0 0;background:var(--color-bg-white);color:var(--color-text-primary);overflow:hidden}.ifa-community-stories__dialog::backdrop{background:color-mix(in srgb,var(--color-bg-black) 38%,transparent)}.ifa-community-stories__dialog-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-25, 10px);block-size:100%;max-block-size:90svh;padding:var(--space-token-xl) var(--space-token-md) var(--space-token-2xl);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mask-light-gray-xl) var(--mask-light-gray-sm)}.ifa-community-stories__dialog-panel::-webkit-scrollbar{inline-size:4px}.ifa-community-stories__dialog-panel::-webkit-scrollbar-track{background:var(--mask-light-gray-sm);border-radius:var(--radius-md)}.ifa-community-stories__dialog-panel::-webkit-scrollbar-thumb{background:var(--mask-light-gray-xl);border-radius:var(--radius-md)}.ifa-community-stories__dialog-header{display:flex;align-items:center;gap:var(--space-token-s);inline-size:100%}.ifa-community-stories__dialog-title,.ifa-community-stories__detail-copy h4,.ifa-community-stories__detail-text p{margin:0}.ifa-community-stories__dialog-title{flex:1 1 auto;min-inline-size:0;color:var(--color-text-primary);font:var(--font-lg-semibold)}.ifa-community-stories__dialog-close{display:grid;place-items:center;flex:0 0 auto;inline-size:36px;block-size:36px;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-primary);cursor:pointer}.ifa-community-stories__dialog-close span,.ifa-community-stories__dialog-close span:after{inline-size:16px;block-size:2px;display:block;border-radius:var(--radius-full);background:currentColor}.ifa-community-stories__dialog-close span{transform:rotate(45deg)}.ifa-community-stories__dialog-close span:after{content:"";transform:rotate(90deg)}.ifa-community-stories__detail{display:flex;flex-direction:column;gap:var(--space-token-md);inline-size:100%}.ifa-community-stories__detail-media{position:relative;inline-size:100%;border-radius:var(--radius-s);background:var(--color-bg-black);overflow:clip}.ifa-community-stories__detail-image{display:block;inline-size:100%;aspect-ratio:16 / 9;block-size:auto;border-radius:inherit;object-fit:cover}.ifa-community-stories__detail-copy{display:flex;flex-direction:column;gap:var(--space-token-md);padding:0;scrollbar-width:thin;scrollbar-color:var(--mask-light-gray-xl) var(--mask-light-gray-sm)}.ifa-community-stories__detail-copy::-webkit-scrollbar{inline-size:4px}.ifa-community-stories__detail-copy::-webkit-scrollbar-track{background:var(--mask-light-gray-sm);border-radius:var(--radius-md)}.ifa-community-stories__detail-copy::-webkit-scrollbar-thumb{background:var(--mask-light-gray-xl);border-radius:var(--radius-md)}.ifa-community-stories__detail-copy h4{color:var(--color-text-primary);font:var(--font-2xl-semibold)}.ifa-community-stories__detail-text{color:var(--color-text-secondary);font:var(--font-lg-medium)}.ifa-community-stories__detail-text p+p{margin-block-start:var(--space-token-md)}@media screen and (min-width:768px){.ifa-community-stories{--ifa-community-stories-core: min( calc(834px - (var(--space-token-xl) * 2)), calc(100vw - (var(--space-token-xl) * 2)) );--ifa-community-stories-viewport-extension: var(--space-token-xl)}.ifa-community-stories__inner{padding-block:var(--space-token-5xl)}.ifa-community-stories__heading{font:var(--font-7xl-semibold);white-space:pre-line}.ifa-community-stories__banner{display:flex;flex:0 0 calc((var(--ifa-community-stories-core) - var(--space-token-md)) / 2);inline-size:auto;margin-inline-start:0;aspect-ratio:377 / 385;border-radius:var(--radius--base);scroll-snap-align:start;scroll-snap-stop:always}.ifa-community-stories__banner-source{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%}.ifa-community-stories__banner-image{block-size:100%;aspect-ratio:auto}.ifa-community-stories__banner-copy{gap:var(--space-token-l);padding:var(--space-token-xl) var(--space-token-2xl)}.ifa-community-stories__banner-title{font:var(--font-2xl-semibold);white-space:normal}.ifa-community-stories__card{border-radius:var(--radius--base)}.ifa-community-stories__viewport{display:flex;align-items:stretch;gap:var(--space-token-md);margin-block-start:var(--space-token-xl);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--ifa-community-stories-viewport-extension);scrollbar-width:none;touch-action:pan-x pan-y}.ifa-community-stories__viewport-spacer{display:block;flex:0 0 max(0px,calc(var(--ifa-community-stories-viewport-extension) - var(--space-token-md)))}.ifa-community-stories__viewport::-webkit-scrollbar{display:none}.ifa-community-stories__track{display:contents;margin:0;overflow:visible;scroll-snap-type:none}.ifa-community-stories__track-spacer{display:none}.ifa-community-stories__card{inline-size:100%}.ifa-community-stories__track>.shopify-block,.ifa-community-stories__track>.ifa-community-stories__item{display:flex;align-self:stretch;flex-basis:calc((var(--ifa-community-stories-core) - var(--space-token-md)) / 2)}.ifa-community-stories__item{display:flex}.ifa-community-stories__card-image{aspect-ratio:375 / 232}.ifa-community-stories__card{flex:1 1 auto}.ifa-community-stories__card-title{max-block-size:73px;font:var(--font-lg-medium)}.ifa-community-stories__card-arrow{display:block}.ifa-community-stories__track{gap:var(--space-token-md)}.ifa-community-stories__controls{margin-block-start:var(--space-token-md)}.ifa-community-stories__dialog-panel{padding:var(--space-token-xl) var(--space-token-md) var(--space-token-3xl)}.ifa-community-stories__detail-media{border-radius:var(--radius--base)}}@media screen and (min-width:768px)and (max-width:1279px){.ifa-community-stories{--ifa-community-stories-core: 100%;--ifa-community-stories-viewport-extension: 0px}.ifa-community-stories__inner{box-sizing:border-box;inline-size:100%;max-inline-size:none;margin-inline:auto;padding-inline:var(--space-token-xl)}.ifa-community-stories__viewport{scroll-padding-inline:0}.ifa-community-stories__viewport-spacer{display:none}}@media screen and (min-width:1280px){.ifa-community-stories{--ifa-community-stories-core: 1200px;--ifa-community-stories-viewport-extension: max( var(--space-token-6xl), calc((100vw - 1200px)/2) )}.ifa-community-stories__inner{inline-size:min(1200px,calc(100% - (var(--space-token-6xl) * 2)));max-inline-size:none;margin-inline:auto;padding-block:var(--space-token-6xl);padding-inline:0}.ifa-community-stories__heading{font:var(--font-8xl-semibold)}.ifa-community-stories__viewport{align-items:stretch;margin-block-start:var(--space-token-3xl);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.ifa-community-stories__viewport::-webkit-scrollbar{display:none}.ifa-community-stories__banner{margin:0;aspect-ratio:589 / 452;border-radius:var(--radius--base)}.ifa-community-stories__meta--desktop{display:block}.ifa-community-stories__meta--mobile{display:none}.ifa-community-stories__banner-copy{gap:var(--space-token-xl);padding:var(--space-token-2xl) var(--space-token-3xl)}.ifa-community-stories__banner-text{gap:var(--space-token-xs)}.ifa-community-stories__eyebrow{font:var(--font-base-regular)}.ifa-community-stories__banner-title{font:var(--font-3xl-semibold);white-space:normal}.ifa-community-stories__banner-button .button{min-block-size:var(--size-13)}.ifa-community-stories__track{gap:var(--space-token-md)}.ifa-community-stories__card{border-radius:var(--radius--base);-webkit-user-select:none;user-select:none}.ifa-community-stories__track>.shopify-block,.ifa-community-stories__track>.ifa-community-stories__item{flex-basis:387px}.ifa-community-stories__banner{align-self:stretch;flex-basis:589px}.ifa-community-stories__card-image{aspect-ratio:387 / 290}.ifa-community-stories__card-image img{-webkit-user-drag:none;user-drag:none}.ifa-community-stories__meta{font:var(--font-base-regular)}.ifa-community-stories__card-title-row{min-block-size:80px}.ifa-community-stories__card-title{max-block-size:calc(var(--line-height-xl, 28px) * 3);font:var(--font-xl-semibold)}.ifa-community-stories__card-arrow{display:none}.ifa-community-stories__controls{margin-block-start:var(--space-token-3xl)}.ifa-community-stories__dialog{top:0;right:0;bottom:0;left:0;inline-size:1000px;max-inline-size:calc(100vw - var(--space-token-3xl));block-size:500px;max-block-size:500px;margin:auto;border-radius:var(--radius--base);background:var(--color-bg-white)}.ifa-community-stories__dialog-panel{position:relative;gap:0;block-size:100%;max-block-size:100%;padding:var(--space-token-4xl);overflow:hidden}.ifa-community-stories__dialog-header{position:absolute;inset-block-start:var(--space-token-md);inset-inline-end:var(--space-token-md);z-index:1;inline-size:auto;gap:0}.ifa-community-stories__dialog-title{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.ifa-community-stories__dialog-close{inline-size:56px;block-size:56px}.ifa-community-stories__dialog-close span,.ifa-community-stories__dialog-close span:after{inline-size:20px}.ifa-community-stories__dialog-body,.ifa-community-stories__detail{block-size:100%;min-block-size:0}.ifa-community-stories__dialog-body{flex:1 1 auto}.ifa-community-stories__detail{display:grid;grid-template-columns:496px minmax(0,1fr);gap:var(--space-token-md);align-items:start}.ifa-community-stories__detail-media,.ifa-community-stories__detail-copy{min-block-size:0}.ifa-community-stories__detail-media{inline-size:496px;block-size:372px;border-radius:var(--radius--base)}.ifa-community-stories__detail-image{inline-size:100%;block-size:100%;aspect-ratio:auto}.ifa-community-stories__detail-copy{block-size:372px;padding:0;overflow-y:auto;overscroll-behavior:contain}.ifa-community-stories__detail-copy h4{font:var(--font-2xl-semibold)}.ifa-community-stories__detail-text{font:var(--font-lg-medium)}.ifa-community-stories__detail-text p+p{margin-block-start:var(--space-token-md)}}@media(prefers-reduced-motion:reduce){.ifa-community-stories__banner-image,.ifa-community-stories__card-image,.ifa-community-stories__control{transition:none}.ifa-community-stories__viewport,.ifa-community-stories__track{scroll-behavior:auto}.ifa-community-stories__track.is-scrolling,.ifa-community-stories__viewport.is-scrolling{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ifa-community-stories.css.map */