.os-companions-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;height:50px;pointer-events:none}.os-companion-piece{display:block;height:50px}.os-companion-piece--a{width:19.4px;animation:os-companion-slide-a var(--companions-duration, 2.7s) cubic-bezier(.22,1,.36,1) both}.os-companion-piece--b{width:26.5px;animation:os-companion-slide-b var(--companions-duration, 2.7s) cubic-bezier(.22,1,.36,1) both}@keyframes os-companion-slide-a{0%{transform:translate(-48vw);opacity:0}78%{opacity:1}to{transform:translate(0);opacity:1}}@keyframes os-companion-slide-b{0%{transform:translate(48vw);opacity:0}78%{opacity:1}to{transform:translate(0);opacity:1}}.os-heart-wrap{position:absolute;left:50%;top:-114px;width:108px;height:108px;transform:translate(calc(-50% - 3px));z-index:5;pointer-events:none;--shard-scale: 1}.os-heart-shape{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;opacity:0;animation:os-heart-cycle 2s cubic-bezier(.3,1.1,.4,1) forwards;animation-delay:var(--companions-duration, 2.7s)}.os-heart-shape path{fill:#e5231b;stroke:#000;stroke-width:1;stroke-linejoin:round}@keyframes os-heart-cycle{0%{transform:scale(0) rotate(0);opacity:0}6%{opacity:1}14%{transform:scale(.08) rotate(-11deg)}24%{transform:scale(.105) rotate(10deg)}35%{transform:scale(.125) rotate(-8deg)}45%{transform:scale(.135) rotate(6deg)}56%{transform:scale(.145) rotate(-3deg)}66%{transform:scale(.15) rotate(1deg)}75%{transform:scale(.15) rotate(0);opacity:1}96%{transform:scale(.15) rotate(0);opacity:1;animation-timing-function:steps(1,jump-start)}to{opacity:0}}.os-heart-shard{position:absolute;left:50%;top:calc(100% - 10px);width:calc(3px * var(--shard-scale, 1));height:calc(var(--shard-len, 16px) * var(--shard-scale, 1));background:repeating-linear-gradient(to bottom,var(--shard-color, #e5231b) 0 3px,transparent 3px 5px);opacity:0;animation:os-heart-shard-fly .5s cubic-bezier(.3,.55,.4,1) forwards;animation-delay:calc(var(--companions-duration, 2.7s) + 1.92s)}@keyframes os-heart-shard-fly{0%{transform:translate(-50%,-50%) rotate(var(--shard-angle, 0deg)) translateY(0) scaleY(.4);opacity:1}12%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--shard-angle, 0deg)) translateY(calc(var(--shard-dist, 34px) * -1 * var(--shard-scale, 1))) scaleY(1);opacity:0}}@media screen and (max-width:749px){.os-companions-logo{visibility:hidden}}@media(prefers-reduced-motion:reduce){.os-companion-piece--a,.os-companion-piece--b{animation:none;opacity:1}.os-heart-wrap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-os-companions.css.map */