.pk-flyout-block .flyout-block{background:var(--pk-blocks-white);display:flex;flex-direction:column;flex-grow:1;gap:24px;height:100%;max-width:100%;opacity:0;overflow:auto;padding:32px;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:var(--flyout-z-index, 100)}@media screen and (min-width: 768px){.pk-flyout-block .flyout-block{width:var(--flyout-content-width)}}.pk-flyout-block .flyout-block.slide-from-right{right:0;transform:translateX(100%)}.pk-flyout-block .flyout-block.slide-from-left{left:0;transform:translateX(-100%)}.pk-flyout-block .flyout-block.flyout-active{opacity:1;transform:translateX(0)}.flyout-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease-out;z-index:var(--flyout-overlay-z-index, 99);opacity:0}.flyout-overlay-active{opacity:1;pointer-events:auto}.flyout-close{background:var(--pk-blocks-canvas-lightest);border-radius:8px;cursor:pointer;height:32px;position:absolute;right:10px;top:10px;transition:background-color .3s;width:32px;z-index:10}.flyout-close:hover{background:var(--pk-blocks-canvas-light)}.flyout-close:before,.flyout-close:after{background:var(--close-icon-color);border-radius:2px;content:"";height:15px;left:50%;position:absolute;rotate:-45deg;top:50%;translate:-50% -50%;width:2px}.flyout-close:after{rotate:45deg}@media screen and (min-width: 1024px){.flyout-close[data-hide-close=true]{display:none}}