.ap10-socials{--ap10-s-ink: rgb(var(--ap10-black, 17, 8, 2));--ap10-s-muted: rgb(var(--ap10-grey-600, 110, 106, 104));--card-w: 24rem;--spread: 1;--p: 1;overflow:hidden;text-align:center;font-family:var(--font-ap10-text, var(--font-body-family));color:var(--ap10-s-ink)}.ap10-socials__head{max-width:72rem;margin:0 auto;padding:0 1.6rem}.ap10-socials__kicker{margin:0 0 .8rem;font-size:1.3rem;font-weight:500;letter-spacing:.02em;color:var(--ap10-s-muted)}.ap10-socials__heading{margin:0;color:var(--ap10-s-ink)}.ap10-socials__stage{position:relative;height:calc(var(--card-w) * 16 / 9 + 8rem * var(--spread));margin:3.2rem auto 0;width:100%}.ap10-socials__card{position:absolute;top:1.6rem;left:50%;display:block;width:var(--card-w);aspect-ratio:9 / 16;margin-left:calc(var(--card-w) / -2);border-radius:2rem;overflow:hidden;background:rgb(var(--ap10-grey-300, 201, 199, 198));box-shadow:0 1.2rem 3.2rem #1108022e;text-decoration:none;color:#fff;transform-origin:50% 50%;will-change:transform;transform:translate(calc(var(--tx) * var(--spread) * var(--p)),calc(var(--ty) * var(--spread) * var(--p))) rotate(calc(var(--rot) * var(--p))) scale(calc(1 - (1 - var(--sc)) * var(--p)));transition:transform .08s linear}.ap10-socials__media,.ap10-socials__media img,.ap10-socials__media video{display:block;width:100%;height:100%;object-fit:cover}.ap10-socials__media{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .4s ease}.ap10-socials__card:hover .ap10-socials__media{transform:scale(1.04)}.ap10-socials__placeholder{width:100%;height:100%}.ap10-socials__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;margin:-2.4rem 0 0 -2.4rem;border-radius:50%;background:#ffffffc7;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 0 0 .5px #1108020f,0 2px 10px #1108021f;color:var(--ap10-s-ink)}.ap10-socials__play svg{width:2rem;height:2rem;fill:currentColor;margin-left:.2rem}.ap10-socials__label{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:inline-block;max-width:calc(100% - 2.4rem);padding:.5rem 1rem;margin:0 auto;border-radius:99rem;background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:1.2rem;font-weight:500;line-height:1.3;color:var(--ap10-s-ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap10-socials__card:focus-visible{outline:2px solid rgb(var(--ap10-red, 245, 5, 19));outline-offset:3px}.ap10-socials__foot{margin:2.4rem auto 0;padding:0 1.6rem}.ap10-socials__text{margin:0 0 1.6rem;font-size:1.6rem;line-height:1.5;color:var(--ap10-s-ink)}.ap10-socials__button{display:inline-flex;align-items:center;gap:.8rem;min-height:4.8rem;padding:0 2.2rem;border-radius:99rem;background:#fff;color:var(--ap10-s-ink);font-size:1.5rem;font-weight:600;text-decoration:none;box-shadow:0 0 0 1px #11080214;transition:background-color .2s ease,color .2s ease}.ap10-socials__button:hover{background:var(--ap10-s-ink);color:#fff}.ap10-socials__button svg{width:1.8rem;height:1.8rem;fill:currentColor}@media screen and (max-width:749px){.ap10-socials{--card-w: 15rem;--spread: .48}.ap10-socials__stage{margin-top:2.4rem}.ap10-socials__card{border-radius:1.4rem}.ap10-socials__play{width:4rem;height:4rem;margin:-2rem 0 0 -2rem}.ap10-socials__label{font-size:1.1rem;padding:.4rem .8rem}}@media screen and (min-width:750px)and (max-width:1199px){.ap10-socials{--spread: .75}}@media(prefers-reduced-motion:reduce){.ap10-socials__stage{--p: 1 !important}.ap10-socials__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ap10-socials.css.map */