<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */


.swipeBox { position:relative; max-width:100%; overflow:hidden; }
  .swipeBox div::-moz-selection { background:transparent; }
  .swipeBox div::selection  { background:transparent; }
  .swipeBox[data-direction="horizontal"] { white-space:nowrap; width:100%; }
	  .swipeBox[data-direction="horizontal"] .swipeDataHolder &gt; div { display:inline-block; vertical-align:top; float:none !important; white-space:normal; }
  .swipeBox[data-direction="vertical"] { max-height:100vh; text-align:center; }
	  .swipeBox[data-direction="vertical"] .swipeDataHolder div { margin-bottom:5px; }
  .swipeScrollBox { height:100%; width:100%; overflow-x:scroll; overflow-y:hidden; user-select:none; padding-bottom:20px; box-sizing:content-box; }
	  .swipeDataHolder { display:inline-block; }
  .swipeDataButtons { height:0px; width:100%; z-index:100; text-align:center; }
	  .swipeBtn { color:#fff; text-shadow:0px 0px 5px #000; background:transparent; font-size:60px; display:inline-block; cursor:pointer; position:absolute; transition:all .5s ease; z-index:200; border-radius:50%; line-height:60px; height:60px; width:50px; text-align:center; }
		  .swipeBtn[data="up"]{ top:0px; left: calc(50% - 30px); width:60px; height:50px; line-height:50px; border-radius:0px 0px 60px 60px; text-align:center; padding:0px 5px 5px; }
		  .swipeBtn[data="down"]{ bottom:0px; left: calc(50% - 30px); width:60px; height:50px; line-height:50px; border-radius:60px 60px 0px 0px; text-align:center; padding:5px 5px 0px; }

		  .swipeBtn[data="left"]{ top: calc(50% - 30px); left:0px; padding-right:5px; }
		  .swipeBtn[data="right"]{ top: calc(50% - 30px); right:0px; padding-left:5px; }



@media (max-width: 800px)
{
	.swipeScrollBox { overflow:auto; }
}

/* Remove Hover Effects for Mobile Devices */
@media (min-width: 800px)
{
	.swipeBtn:hover { opacity:1; }
}
</pre></body></html>