.storybook-flipbook{width:100%;max-width:700px;position:relative}.storybook-flipbook-wrapper{min-height:420px}.storybook-flipbook .stf__wrapper{box-shadow:0 25px 70px -12px rgba(0,0,0,.5),0 12px 24px -8px rgba(0,0,0,.25);border-radius:6px}.storybook-flipbook .stf__parent{position:relative}.storybook-flipbook .stf__parent:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:5px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.06),rgba(0,0,0,.25));z-index:100;pointer-events:none}.storybook-page{background:#f8f5f0;overflow:hidden}.storybook-hard{background:transparent!important}.storybook-paper{background:linear-gradient(135deg,#faf8f5,#f5f0eb 50%,#f0ebe4);background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.015) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.01) 0,transparent 40%),linear-gradient(135deg,#faf8f5,#f5f0eb 50%,#f0ebe4)}.storybook-page:after{content:"";position:absolute;top:2px;right:-1px;width:3px;height:calc(100% - 4px);background:linear-gradient(90deg,#e8e0d8,#d0c8c0);z-index:-1;pointer-events:none}.storybook-hard:after{display:none}.storybook-arrow{box-shadow:0 4px 16px rgba(0,0,0,.3)}.storybook-arrow:hover{box-shadow:0 6px 24px rgba(0,0,0,.35),0 0 20px rgba(var(--theme-primary-rgb,96,181,51),.3)}@media (max-width:767px){.storybook-flipbook{max-width:300px}.storybook-flipbook-wrapper{min-height:340px}.storybook-flipbook .stf__parent:before{display:none}.storybook-arrow{box-shadow:0 2px 10px rgba(0,0,0,.25)}}.stf__wrapper .stf__block{transition:box-shadow .2s ease}.stf__wrapper .stf__block--left{border-radius:6px 0 0 6px}.stf__wrapper .stf__block--right{border-radius:0 6px 6px 0}.storybook-flipbook .stf__wrapper:hover{box-shadow:0 30px 80px -12px rgba(0,0,0,.55),0 15px 30px -8px rgba(0,0,0,.3);transition:box-shadow .4s ease}