@charset "UTF-8";.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 > 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; }}@media (min-width:800px){.swipeBtn:hover { opacity:1; }}