.connection-showcase{position:relative;width:100%;background-color:#000;overflow:visible!important;box-sizing:border-box}.connection-showcase__container{display:flex;flex-direction:column;gap:3.2rem;width:100%;max-width:1320px;margin:0 auto;padding-left:2rem;padding-right:2rem;box-sizing:border-box;overflow:visible!important}@media(min-width:768px){.connection-showcase__container{gap:4rem}}.connection-showcase__header{display:flex;flex-direction:column;gap:2.4rem;width:100%}@media(min-width:768px){.connection-showcase__header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.conn-anim-mask{overflow:hidden;display:block}.conn-slide-item,.conn-media-target,.conn-hotspot-item{opacity:1;visibility:visible;will-change:transform,opacity}.connection-showcase__header-left{display:flex!important;flex-direction:column!important;gap:1.4rem!important;max-width:72rem}.connection-showcase__eyebrow{margin:0!important;padding:0!important;font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6;line-height:1!important;cursor:default;transition:text-shadow .35s ease}.connection-showcase__eyebrow:hover{text-shadow:0 0 15px rgba(30,70,150,.95),0 0 35px rgba(10,25,60,.9)}.connection-showcase__heading-wrap{display:flex;flex-direction:column;gap:.2rem}.connection-showcase__heading,.connection-showcase__heading-line{margin:0!important;padding:0!important;display:block;font-size:clamp(3rem,4vw,5.2rem)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.03em!important;color:#fff!important;white-space:normal!important;word-break:break-word;background:none!important;-webkit-text-fill-color:initial!important;cursor:default;transition:filter .35s ease,text-shadow .35s ease}.connection-showcase__heading-line:hover{text-shadow:0 0 20px rgba(35,80,170,.95),0 0 45px rgba(15,40,95,.95),0 0 80px rgba(7,18,45,1)!important;filter:drop-shadow(0 15px 30px rgba(10,25,65,.95)) drop-shadow(0 0 45px rgba(20,50,120,.6))!important}.connection-showcase__header-right{max-width:44rem}@media(min-width:768px){.connection-showcase__header-right{margin-bottom:.6rem}}.connection-showcase__description{margin:0;font-size:clamp(1.5rem,1.35vw,1.8rem);line-height:1.55;font-weight:400;color:#ffffffe0;cursor:default;transition:text-shadow .35s ease}.connection-showcase__description:hover{text-shadow:0 0 16px rgba(30,70,150,.9),0 0 35px rgba(10,25,60,.85)}.connection-showcase__media{position:relative;width:100%}.connection-showcase__frame{position:relative;display:block;overflow:hidden;border-radius:2.8rem;background-color:#0d0d0d;border:1px solid rgba(45,85,160,.35);box-shadow:0 14px 40px -8px #07122bf2,0 24px 65px -12px #0e2656d9,0 0 75px 12px #13306c80;transition:box-shadow .4s ease,border-color .4s ease}.connection-showcase__frame:hover{border-color:#3c6ed2b3;box-shadow:0 18px 50px #07122b,0 32px 85px #0e2656f2,0 0 100px 20px #163678bf}.connection-showcase__frame .xo-image,.connection-showcase__frame .xo-image__placeholder,.connection-showcase__frame .placeholder-svg,.connection-showcase__media-el{width:100%;height:100%}.connection-showcase__frame img{width:100%;height:100%;object-fit:cover;display:block}.connection-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,var(--overlay, 0));pointer-events:none}.connection-showcase__hotspot{position:absolute;z-index:10;top:calc(var(--top_mb) * 1%);left:calc(var(--left_mb) * 1%)}[dir=ltr] .connection-showcase__hotspot{transform:translate(-50%,-50%)}[dir=rtl] .connection-showcase__hotspot{transform:translate(50%,-50%)}@media(min-width:768px){.connection-showcase__hotspot{top:calc(var(--top_dt) * 1%);left:calc(var(--left_dt) * 1%)}}.connection-hotspot__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:var(--size, 2.8rem);height:var(--size, 2.8rem);background-color:var(--bg, #ffffff);color:var(--color, #000000);border-radius:50%;cursor:pointer;box-shadow:0 4px 14px #00000073,0 0 18px #2b70f6a6;transition:transform .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s ease;-webkit-user-select:none;user-select:none}.connection-hotspot__trigger:hover,.connection-hotspot__trigger:focus-visible{transform:scale(1.18);box-shadow:0 6px 20px #0009,0 0 28px #2b70f6f2;outline:none}.connection-hotspot__icon{display:flex;align-items:center;justify-content:center;width:55%;height:55%;z-index:2}.connection-hotspot__icon svg{width:100%;height:100%}.connection-hotspot__pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--bg, #ffffff);opacity:.6;animation:connection-hotspot-pulse 2.4s cubic-bezier(.2,.8,.2,1) infinite;pointer-events:none}@keyframes connection-hotspot-pulse{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.45);opacity:0}to{transform:scale(1.45);opacity:0}}.connection-showcase__popover{z-index:99999}.connection-showcase__card{display:flex;flex-direction:column;gap:1rem;width:28rem;max-width:calc(100vw - 4rem);padding:1.8rem;border-radius:2rem;background-color:#0d0f14eb;border:1px solid rgba(45,85,160,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 36px #000000bf,0 0 35px #1636788c;color:#fff}.connection-showcase__card-icon{width:3.6rem;height:3.6rem}.connection-showcase__card-icon-el{width:100%;height:100%;object-fit:contain}.connection-showcase__card-body{display:flex;flex-direction:column;gap:.4rem}.connection-showcase__card-title{margin:0;font-size:1.4rem;font-weight:600;color:#fff;line-height:1.3}.connection-showcase__card-desc{margin:0;font-size:1.25rem;font-weight:400;line-height:1.45;color:#ffffffb3}@media(prefers-reduced-motion:reduce){.conn-slide-item,.conn-media-target,.conn-hotspot-item{transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-connection-showcase.css.map */