@keyframes pageFlip{0%{transform:rotateY(0deg);opacity:1}50%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}.page-flip-enter{animation:pageFlip .5s ease-in-out}.storybook-container{position:relative;overflow:hidden}.storybook-container:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(rgba(0,0,0,.1),transparent);z-index:1}.storybook-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:10px;background:linear-gradient(transparent,rgba(0,0,0,.05));z-index:1}.page-shadow{box-shadow:0 1px 3px rgba(0,0,0,.1),0 10px 15px rgba(0,0,0,.1);transition:box-shadow .3s ease-in-out}.page-shadow:hover{box-shadow:0 5px 15px rgba(0,0,0,.2),0 15px 30px rgba(0,0,0,.15)}.zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.zoom-overlay.active{opacity:1}.story-title{position:relative;display:inline-block}.story-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:#3b82f6;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.story-title:hover:after{transform:scaleX(1);transform-origin:bottom left}