:root{--slice-duration: .65s;--peel-duration: .35s;--overlay-bg: #050505;--blood-color: #ff2424;--blood-dark: #7b0000;--blood-highlight: rgba(255, 200, 200, .9)}#scalpel-slice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:none;background:var(--overlay-bg);overflow:hidden}.slice-panel{position:absolute;top:0;width:50vw;height:100vh;background:var(--overlay-bg)}.slice-panel.left{left:0;transform-origin:right center}.slice-panel.right{right:0;transform-origin:left center}.gash{position:absolute;top:0;left:50%;transform:translate(-50%);width:14px;height:0;will-change:height}.gash-core{position:absolute;left:50%;transform:translate(-50%);width:3px;height:100%;background:linear-gradient(to bottom,#ffffff1f,#000);box-shadow:0 0 10px #000,inset 0 0 4px #000;border-radius:999px}#scalpel{position:absolute;left:50%;top:-260px;width:170px;height:auto;transform:translate(-50%) rotate(4deg);filter:drop-shadow(0 10px 22px rgba(0,0,0,.9));will-change:top,transform}#blood-drops{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100000}.blood-drop{position:absolute;width:22px;height:32px;background:radial-gradient(circle at 30% 18%,var(--blood-highlight),transparent 70%),radial-gradient(circle at 70% 0%,rgba(255,255,255,.55),transparent 75%),var(--blood-color);border-radius:50% 50% 75% 85%;box-shadow:0 5px 10px #000,0 -2px 3px #ffffff2e inset;opacity:0;transform-origin:top center;pointer-events:none;outline:2px solid rgba(255,255,255,.5)}.blood-drop:after{content:"";position:absolute;top:65%;left:48%;width:4px;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,.15),var(--blood-color));border-radius:999px;box-shadow:0 2px 3px #000}.blood-drop.drip-active{animation:blood-drip .95s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:var(--delay, 0ms)}@keyframes blood-drip{0%{opacity:0;transform:translateY(0) scaleY(.6)}18%{opacity:1;transform:translateY(2px) scaleY(1)}60%{opacity:1;transform:translateY(16px) scaleY(1.05)}to{opacity:.5;transform:translateY(26px) scaleY(.95)}}#scalpel-slice-overlay.slice-start .gash{animation:sliceGrow var(--slice-duration) ease-in forwards}#scalpel-slice-overlay.slice-start #scalpel{animation:scalpelDown var(--slice-duration) cubic-bezier(.2,.8,.2,1) forwards}#scalpel-slice-overlay.slice-peel .slice-panel.left{animation:peelLeft var(--peel-duration) ease-out forwards}#scalpel-slice-overlay.slice-peel .slice-panel.right{animation:peelRight var(--peel-duration) ease-out forwards}#scalpel-slice-overlay.slice-done{animation:fadeOutOverlay .26s ease forwards}@keyframes sliceGrow{0%{height:0}to{height:100vh}}@keyframes scalpelDown{0%{top:-260px;transform:translate(-50%) rotate(6deg)}to{top:calc(100vh - 150px);transform:translate(-50%) rotate(0)}}@keyframes peelLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes peelRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeOutOverlay{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion: reduce){#scalpel-slice-overlay,#scalpel-slice-overlay *{animation:none!important;transition:none!important}#scalpel-slice-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/scalpel-slice.css.map */