.iqonic-custom-layouts.top-slide.open,.iqonic-custom-layouts.left-slide.open,.iqonic-custom-layouts.right-slide.open,.iqonic-custom-layouts.bottom-slide.open{pointer-events:all}.iqonic-custom-layouts.dark-mode{background:var(--color-theme-secondary);color:var(--color-theme-white)}.iqonic-custom-layouts.right-slide.open,.iqonic-custom-layouts.left-slide.open{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform .8s ease,opacity .3s ease;-ms-transition:-ms-transform .8s ease,opacity .3s ease;transition:transform .8s ease,opacity .3s ease;opacity:1}.iqonic-custom-layouts.left-slide{width:25em;height:100vh;right:auto;overflow-y:auto;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%)}.iqonic-custom-layouts.left-slide.open,.iqonic-custom-layouts.right-slide.open{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);opacity:1}.iqonic-custom-layouts.top-slide{transform:translateY(-120%);-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-o-transform:translateY(-120%);-ms-transform:translateY(-120%);top:0}.iqonic-custom-layouts.top-slide.open{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);opacity:1;-webkit-transition:-webkit-transform .8s ease,opacity .3s ease;-ms-transition:-ms-transform .8s ease,opacity .3s ease;transition:transform .8s ease,opacity .3s ease}.iqonic-custom-layouts.bottom-slide{top:auto;top:0;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%)}.iqonic-custom-layouts.bottom-slide.open{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);opacity:1;-webkit-transition:-webkit-transform .8s ease,opacity .3s ease;-ms-transition:-ms-transform .8s ease,opacity .3s ease;transition:transform .8s ease,opacity .3s ease}.iqonic-custom-layouts.top-right-corner-slide,.iqonic-custom-layouts.top-left-corner-slide{-webkit-animation:scale-in-tl 1s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-tl 1s cubic-bezier(.25,.46,.45,.94) both;-webkit-transition:-webkit-clip-path 1s ease-in-out;transition:-webkit-clip-path 1s ease-in-out;transition:clip-path 1s ease-in-out;transition:clip-path 1s ease-in-out,-webkit-clip-path 1s ease-in-out;-o-transition:clip-path 1s ease-in-out}.iqonic-custom-layouts.top-right-corner-slide.open,.iqonic-custom-layouts.top-left-corner-slide.open{-webkit-transition:-webkit-clip-path 1s ease-in-out;transition:-webkit-clip-path 1s ease-in-out;transition:clip-path 1s ease-in-out;transition:clip-path 1s ease-in-out,-webkit-clip-path 1s ease-in-out;-o-transition:clip-path 1s ease-in-out}.iqonic-custom-layouts.top-right-corner-slide{clip-path:circle(0% at 100% 0);-webkit-clip-path:circle(0% at 100% 0)}.iqonic-custom-layouts.top-right-corner-slide.open{clip-path:circle(150% at 100% 0);-webkit-clip-path:circle(150% at 100% 0)}.iqonic-custom-layouts.top-left-corner-slide{clip-path:circle(0% at 0 0);-webkit-clip-path:circle(0% at 0 0)}.iqonic-custom-layouts.top-left-corner-slide.open{clip-path:circle(150% at 0 0);-webkit-clip-path:circle(150% at 0 0)}