.social-story-lola{isolation:isolate;background:linear-gradient(to bottom,var(--social-story-lola-bg-top) 0%,var(--social-story-lola-bg-bottom) 100%);padding-top:60px;padding-bottom:60px;padding-inline:var(--lola-gutter, 20px);font-family:Inter,sans-serif}@media screen and (min-width:750px){.social-story-lola{padding-inline:var(--lola-gutter, 40px)}}@media screen and (min-width:990px){.social-story-lola{padding-top:60px;padding-bottom:120px}}.social-story-lola__inner{max-width:calc(var(--lola-max-width, 1440px) - 2 * var(--lola-gutter, 40px));margin-inline:auto}.social-story-lola__grid{display:grid;grid-template-columns:1fr;gap:64px}@media screen and (min-width:990px){.social-story-lola__grid{grid-template-columns:minmax(0,420px) minmax(0,500px);justify-content:center;align-items:center;gap:64px}}.social-story-lola__kicker{margin:0 0 4px;color:var(--social-story-lola-kicker-color, #fe551f);font-family:Inter,sans-serif;font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.social-story-lola__details{display:grid}.social-story-lola__detail{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .5s ease}.social-story-lola__detail.is-active{opacity:1;visibility:visible}.social-story-lola__heading{margin:0 0 16px;color:var(--social-story-lola-heading-color, #030053);font-family:"Noto Serif",Georgia,serif;font-stretch:68%;font-variation-settings:"wdth" 68;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.08;letter-spacing:-.01em;text-transform:uppercase}.social-story-lola__description{color:var(--social-story-lola-text-color, #030053);font-family:Inter,sans-serif;font-size:17px;font-weight:400;line-height:1.65;opacity:.8;max-width:40ch}.social-story-lola__description p{margin:0}.social-story-lola__social{display:flex;gap:10px;margin-top:28px}.social-story-lola__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--social-story-lola-icon-bg, #030053);color:var(--social-story-lola-icon-color, #fcf8f4);transition:transform .2s ease}.social-story-lola__icon svg{width:18px;height:18px}.social-story-lola__icon:hover{transform:translateY(-2px)}.social-story-lola__arrows{display:flex;gap:12px;margin-top:40px}.social-story-lola__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background-color:var(--social-story-lola-arrow-border, #030053);color:var(--social-story-lola-arrow-color, #fcf8f4);cursor:pointer;transition:background-color .2s ease}.social-story-lola__arrow:hover{background-color:color-mix(in srgb,var(--social-story-lola-arrow-border, #030053) 70%,black 30%)}.social-story-lola__dots{display:none}.social-story-lola__dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;background-color:#03005338;cursor:pointer;transition:background-color .25s ease,transform .25s ease}.social-story-lola__dot.is-active{background-color:var(--social-story-lola-arrow-border, #030053);transform:scale(1.35)}.social-story-lola__dot:focus-visible{outline:2px solid var(--social-story-lola-arrow-border, #030053);outline-offset:3px}@media(prefers-reduced-motion:reduce){.social-story-lola__dot{transition:none}}.social-story-lola__stack{position:relative;width:100%;max-width:420px;min-height:460px;aspect-ratio:4 / 5;margin-inline:auto}@media screen and (min-width:990px){.social-story-lola__stack{min-height:520px}}.social-story-lola__photo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;overflow:hidden;box-shadow:0 20px 40px #0000002e;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity}.social-story-lola__photo-image{display:block;width:100%;height:100%;object-fit:cover}.social-story-lola__photo[data-depth="0"]{transform:rotate(0) translate(0) scale(1);z-index:6}.social-story-lola__photo[data-depth="1"]{transform:rotate(6deg) translate(14px,10px) scale(.97);z-index:5}.social-story-lola__photo[data-depth="2"]{transform:rotate(-9deg) translate(-18px,16px) scale(.95);z-index:4}.social-story-lola__photo[data-depth="3"]{transform:rotate(11deg) translate(20px,24px) scale(.93);z-index:3}.social-story-lola__photo[data-depth="4"]{transform:rotate(-13deg) translate(-24px,30px) scale(.91);z-index:2}.social-story-lola__photo[data-depth="5"]{transform:rotate(8deg) translate(26px,36px) scale(.89);z-index:1}.social-story-lola__photo.is-launching{transition:transform .6s cubic-bezier(.34,1.2,.64,1),opacity .5s ease .1s;transform:rotate(22deg) translate(120px,90px) scale(.92);opacity:0;z-index:20}.social-story-lola__photo.is-snapping{transition:none!important}@media(prefers-reduced-motion:reduce){.social-story-lola__photo,.social-story-lola__detail,.social-story-lola__icon{transition:none}}@media screen and (max-width:749px){.social-story-lola{overflow-x:hidden}.social-story-lola__stack{max-width:294px;min-height:322px}.social-story-lola__photo[data-depth="1"]{transform:rotate(4.2deg) translate(9.8px,7px) scale(.97)}.social-story-lola__photo[data-depth="2"]{transform:rotate(-6.3deg) translate(-12.6px,11.2px) scale(.95)}.social-story-lola__photo[data-depth="3"]{transform:rotate(7.7deg) translate(14px,16.8px) scale(.93)}.social-story-lola__photo[data-depth="4"]{transform:rotate(-9.1deg) translate(-16.8px,21px) scale(.91)}.social-story-lola__photo[data-depth="5"]{transform:rotate(5.6deg) translate(18.2px,25.2px) scale(.89)}}@media screen and (max-width:989px){.social-story-lola__inner{display:flex;flex-direction:column}.social-story-lola__grid,.social-story-lola__info{display:contents}.social-story-lola__kicker{order:1;text-align:center}.social-story-lola__details{order:2;text-align:center}.social-story-lola__description{margin-inline:auto}.social-story-lola__stack{order:3;margin-block:32px;touch-action:pan-y}.social-story-lola__arrows{display:none}.social-story-lola__dots{order:4;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.social-story-lola__social{order:5;justify-content:center}}html[data-theme=night] .social-story-lola{background:linear-gradient(to bottom,var(--social-story-lola-night-bg-top, #030053) 0%,var(--social-story-lola-night-bg-bottom, #030053) 100%)}html[data-theme=night] .social-story-lola__heading,html[data-theme=night] .social-story-lola__description{color:#fcf8f4}html[data-theme=night] .social-story-lola__arrow{background-color:#fcf8f4;color:#030053}html[data-theme=night] .social-story-lola__dot{background-color:#fcf8f44d}html[data-theme=night] .social-story-lola__dot.is-active{background-color:#fcf8f4}html[data-theme=night] .social-story-lola__arrow:hover{background-color:color-mix(in srgb,#fcf8f4 70%,black 30%);color:#030053}
/*# sourceMappingURL=/cdn/shop/t/5/assets/social-story-lola.css.map */