.shir7-floating-story{--shir7-story-size: 8.4rem;position:fixed;left:1.4rem;bottom:1.4rem;z-index:40;width:var(--shir7-story-size);display:flex;flex-direction:column;align-items:center;gap:.55rem}.shir7-floating-story[hidden]{display:none!important}.shir7-floating-story__bubble{position:relative;display:block;width:var(--shir7-story-size);height:var(--shir7-story-size);padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent;box-shadow:0 8px 24px #6711d047}.shir7-floating-story__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#4a0e9e,#6711d0,#b56bff,#6711d0,#4a0e9e);animation:shir7-story-spin 3.5s linear infinite}.shir7-floating-story__inner{position:absolute;top:.32rem;right:.32rem;bottom:.32rem;left:.32rem;border-radius:50%;overflow:hidden;background:#111;border:.2rem solid #fff}.shir7-floating-story__preview{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.shir7-floating-story__label{display:inline-block;max-width:10rem;padding:.28rem .7rem;border-radius:999px;background:linear-gradient(135deg,#4a0e9e,#6711d0,#8b3dff);color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-align:center;white-space:nowrap;box-shadow:0 4px 14px #6711d059;animation:shir7-story-pulse 2.2s ease-in-out infinite}.shir7-floating-story__close{position:absolute;top:-.35rem;right:-.2rem;z-index:2;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:#121212;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040}.shir7-floating-story__close:hover{background:#6711d0}@keyframes shir7-story-spin{to{transform:rotate(360deg)}}@keyframes shir7-story-pulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 4px 14px #6711d059}50%{transform:translateY(-.2rem) scale(1.04);box-shadow:0 8px 18px #6711d080}}@media(prefers-reduced-motion:reduce){.shir7-floating-story__ring,.shir7-floating-story__label,.shir7-floating-story-modal__badge{animation:none!important}}.shir7-floating-story-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.6rem}.shir7-floating-story-modal[hidden]{display:none!important}.shir7-floating-story-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#3c3c3cb8}.shir7-floating-story-modal__panel{position:relative;z-index:1;width:min(100%,42rem);max-height:min(86vh,78rem);border-radius:1.2rem;overflow:hidden;background:#111;box-shadow:0 16px 48px #00000059}.shir7-floating-story-modal__badge{position:absolute;top:1rem;left:1rem;z-index:2;padding:.4rem .85rem;border-radius:999px;background:linear-gradient(135deg,#4a0e9e,#6711d0 55%,#8b3dff);color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.02em;line-height:1.2;box-shadow:0 4px 14px #6711d066;animation:shir7-story-pulse 2.4s ease-in-out infinite;pointer-events:none}.shir7-floating-story-modal__video{display:block;width:100%;max-height:min(86vh,78rem);object-fit:contain;background:#111;pointer-events:none}.shir7-floating-story-modal__close{position:absolute;top:.8rem;right:.8rem;z-index:3;width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:#282828d9;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.shir7-floating-story-modal__close:hover{background:#6711d0}@media screen and (max-width:749px){.shir7-floating-story{--shir7-story-size: 7.4rem;left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.shir7-floating-story__label{font-size:.95rem;padding:.24rem .6rem}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/shir7-floating-story.css.map */