.viva-rgb{--viva-rgb-sticky-h: 260px;--viva-rgb-media-w: 540px}.viva-rgb__head{padding-top:var(--viva-section-pad);padding-bottom:var(--viva-section-pad)}.viva-rgb__scroller{padding-bottom:var(--viva-section-pad)}.viva-rgb__grid{display:grid;grid-template-columns:minmax(0,346fr) var(--viva-rgb-media-w) minmax(0,346fr);gap:40px;align-items:start}.viva-rgb__col{min-width:0;align-self:stretch}.viva-rgb__col--label,.viva-rgb__col--body{padding-top:calc((var(--viva-rgb-media-w) - var(--viva-rgb-sticky-h)) / 2);padding-bottom:calc((var(--viva-rgb-media-w) - var(--viva-rgb-sticky-h)) / 2)}.viva-rgb__sticky{position:sticky;top:calc(50vh - var(--viva-rgb-sticky-h, 120px) / 2);display:grid;align-items:center;min-height:var(--viva-rgb-sticky-h, 120px)}.viva-rgb__label,.viva-rgb__body{grid-area:1 / 1;margin:0;opacity:0;transform:translateY(14px);visibility:hidden;transition:opacity .45s var(--viva-ease),transform .45s var(--viva-ease),visibility 0s .45s}.viva-rgb__label.is-active,.viva-rgb__body.is-active{opacity:1;transform:none;visibility:visible;transition:opacity .45s var(--viva-ease) .1s,transform .45s var(--viva-ease) .1s,visibility 0s}.viva-rgb__label{font-family:var(--viva-font-bold);font-weight:700;font-size:32px;line-height:36px;text-align:center;color:#fffffff2}.viva-rgb__body{font-size:20px;line-height:1.4;color:#ffffff80}.viva-rgb__body p{margin:0}.viva-rgb__body strong,.viva-rgb__body em,.viva-rgb__card-body strong,.viva-rgb__card-body em{font-weight:400;font-style:normal;color:#fffffff2}.viva-rgb__col--media{display:flex;flex-direction:column;gap:40px}.viva-rgb__media{position:relative;width:540px;max-width:100%;aspect-ratio:1;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#0d151b;opacity:.5;transform:scale(.8);transform-origin:center;transition:opacity .5s var(--viva-ease),transform .6s var(--viva-ease);will-change:transform,opacity}.viva-rgb__media.is-active{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.viva-rgb__media{transition:none}}.viva-rgb__media picture,.viva-rgb__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.viva-rgb__note{position:absolute;left:0;right:0;bottom:12px;margin:0;font-size:12px;line-height:1.3;text-align:center;color:#ffffff80}@media screen and (max-width:1100px)and (min-width:750px){.viva-rgb{--viva-rgb-media-w: min(540px, 46vw)}.viva-rgb__grid{grid-template-columns:minmax(0,1fr) var(--viva-rgb-media-w) minmax(0,1fr);gap:24px}.viva-rgb__media{width:100%}.viva-rgb__label{font-size:24px;line-height:1.2}.viva-rgb__body{font-size:16px}}.viva-rgb__carousel{padding-bottom:var(--viva-section-pad)}.viva-rgb__track{display:flex;gap:24px;margin:0;padding:0 16px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.viva-rgb__track::-webkit-scrollbar{display:none}.viva-rgb__card{flex:0 0 calc(100vw - 32px);max-width:328px;overflow:hidden;border-radius:4px;background:#0d151b;scroll-snap-align:start}.viva-rgb__card-media{position:relative;aspect-ratio:1;overflow:hidden}.viva-rgb__card-media picture,.viva-rgb__card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.viva-rgb__card-copy{display:flex;flex-direction:column;gap:12px;padding:18px 12px 20px}.viva-rgb__card-heading{margin:0;font-family:var(--viva-font-bold);font-weight:700;font-size:24px;line-height:28px;background:var(--viva-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.viva-rgb__card-body{font-size:12px;line-height:1.5;color:#ffffff80}.viva-rgb__card-body p{margin:0}.viva-rgb__carousel .viva-nav{margin-top:24px}@media screen and (max-width:749px){.viva-rgb__head{padding-bottom:24px}.viva-rgb__card{max-width:340px;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/section-viva-rgb-scroll.css.map */