.xo-sticky-cards{--sc-count: 1;--sc-scroll: 150vh;--sc-inset: 2.4rem;--sc-pad: 100px;--sc-pin-offset: calc(var(--sc-header, 0px) + var(--sc-inset));--sc-pin-height: calc(100vh - var(--sc-header, 0px) - var(--sc-inset) * 2);--sc-gap: 2.4rem;--sc-radius: 3.2rem;--sc-panel-radius: 2rem;--sc-duration: .5s;--sc-surface: rgb(var(--color-background-2));--sc-panel: rgb(var(--color-layer));--sc-text: color-mix(in srgb, rgba(var(--color-foreground)) 70%, transparent);position:relative;z-index:2;padding-block:var(--sc-pad);border-radius:var(--sc-radius);background-color:var(--sc-surface)}@supports (height: 100svh){.xo-sticky-cards{--sc-pin-height: calc(100svh - var(--sc-header, 0px) - var(--sc-inset) * 2)}}.xo-sticky-cards__intro{position:relative;z-index:1;min-height:calc(100vh - var(--sc-header, 0px));min-height:calc(100svh - var(--sc-header, 0px));padding-block:10vh}.xo-sticky-cards__intro-inner{position:sticky;top:calc(var(--sc-header, 0px) + 10vh)}.xo-sticky-cards__intro-content{max-width:64rem;margin:0 auto;text-align:center}.xo-sticky-cards__heading{margin:0 0 2.4rem}.xo-sticky-cards__intro-text{opacity:.75}.xo-sticky-cards__scroll{height:calc(var(--sc-count) * var(--sc-scroll))}.xo-sticky-cards__pinned{position:sticky;top:var(--sc-pin-offset);height:var(--sc-pin-height)}.xo-sticky-cards__container{height:100%}.xo-sticky-cards__grid{display:grid;height:100%;gap:var(--sc-gap);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"media" "panel"}.xo-sticky-cards__panel{grid-area:panel;display:flex;min-height:0;flex-direction:column;gap:2rem;padding:2rem;border-radius:var(--sc-panel-radius);background-color:var(--bg-color, rgb(var(--color-background)))}.xo-sticky-cards__panel-top{position:relative;min-height:0;flex:1 1 auto}.xo-sticky-cards__content{position:absolute;display:flex;overflow-y:auto;flex-direction:column;justify-content:space-around;gap:1.6rem;top:0;right:0;bottom:0;left:0;opacity:0;text-align:center;transition:opacity var(--sc-duration) ease,visibility var(--sc-duration) ease;visibility:hidden}.xo-sticky-cards__content.is-active{opacity:1;visibility:visible}.xo-sticky-cards__title{margin:0;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-family:var(--font-heading-family);font-size:clamp(calc(var(--font-heading-3-scale) * 2rem),2.6vw,calc(var(--font-heading-3-scale) * 3.4rem));font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-3-scale) * -.052rem);line-height:calc(1 + .23 / var(--font-heading-3-scale))}.xo-sticky-cards__divider{height:1px;flex:0 0 auto;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent)}.xo-sticky-cards__description,.xo-sticky-cards__description p{color:var(--sc-text);font-weight:500;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .42 / var(--font-body-scale))}.xo-sticky-cards__description>:first-child{margin-top:0}.xo-sticky-cards__description>:last-child{margin-bottom:0}.xo-sticky-cards__panel-bottom{display:flex;flex:0 0 auto;flex-direction:column}.xo-sticky-cards__media{position:relative;overflow:hidden;border-radius:var(--sc-panel-radius);grid-area:media}.xo-sticky-cards__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(100%);transition:opacity var(--sc-duration) ease,transform var(--sc-duration) ease,visibility var(--sc-duration) ease;visibility:hidden}.xo-sticky-cards__media-item.is-active{opacity:1;transform:translateY(0);visibility:visible}.xo-sticky-cards__media-item .xo-image,.xo-sticky-cards__media-item .xo-image__placeholder{width:100%;height:100%}.xo-sticky-cards__media-item .xo-image img,.xo-sticky-cards__video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}@media(min-width:768px){.xo-sticky-cards__grid{grid-template-columns:minmax(0,.4fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"panel media"}.xo-sticky-cards__panel{justify-content:flex-end;padding:5rem}}@media(min-width:1024px){.xo-sticky-cards{--sc-gap: 3.2rem}}@media(prefers-reduced-motion:reduce){.xo-sticky-cards{--sc-duration: .01ms}.xo-sticky-cards__media-item{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-ataraxy-sticky-cards.css.map */