.story-video-bubble{--story-video-bubble-size: 9.4rem;--story-video-bubble-offset: 3.6rem;position:fixed;right:var(--story-video-bubble-offset);bottom:calc(var(--story-video-bubble-offset) + env(safe-area-inset-bottom));z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;opacity:0;pointer-events:none;transform:translate3d(0,1.2rem,0) scale(.96);transform-origin:100% 100%;transition:opacity .22s ease,transform .26s ease}.story-video-bubble.is-ready{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.story-video-bubble.is-closing{opacity:0;transform:translate3d(0,.8rem,0) scale(.94)}.story-video-bubble__close{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin:0 -.2rem -.2rem 0;padding:0;border:0;border-radius:50%;color:#e2252a;background:transparent;filter:drop-shadow(0 .1rem .1rem rgba(255,255,255,.85));cursor:pointer;transition:color var(--duration-default) ease,transform var(--duration-default) ease}.story-video-bubble__close .icon{width:1.2rem;height:1.2rem;stroke-width:1.7}.story-video-bubble__link{display:block;width:var(--story-video-bubble-size);height:var(--story-video-bubble-size);border-radius:50%;color:inherit;text-decoration:none;filter:drop-shadow(0 1rem 2rem rgba(20,18,15,.24));transition:transform var(--duration-default) ease}.story-video-bubble__media{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:.3rem solid #fffaf2;border-radius:inherit;background:#fffaf2;box-shadow:0 0 0 .1rem #14120f14,inset 0 0 0 .1rem #ffffffb8}.story-video-bubble__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 2rem #14120f1f;pointer-events:none}.story-video-bubble__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-2.5%) scale(1.05);transform-origin:center}@media screen and (hover:hover){.story-video-bubble__close:hover{color:#b9151a;transform:scale(1.05)}.story-video-bubble__link:hover{transform:translateY(-.2rem)}}@media screen and (max-width:749px){.story-video-bubble{--story-video-bubble-size: 7.8rem;--story-video-bubble-offset: 2.4rem;bottom:calc(var(--mobile-dock-height, 0px) + var(--story-video-bubble-offset) + env(safe-area-inset-bottom))}.story-video-bubble__close{width:2.6rem;height:2.6rem}}@media(prefers-reduced-motion:reduce){.story-video-bubble,.story-video-bubble__close,.story-video-bubble__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/story-video-bubble.css.map */