:root {
	--at-bkg-color         : #fafafa;
	--at-color             : #555;
}

.cs-swipe-container * {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently not supported by any browser */
	  -webkit-user-drag: none;
}

.cs-swipe-container {
	position: relative;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	overflow: hidden;
	padding: 1.2rem 3rem;
	margin-left: -3rem;
	margin-right: -3rem;
	row-gap: 2rem;
}

.cs-swipe {
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%;
	transition: transform .3s;
	.foo{}
	.show-all>div {
		position: relative;
		border-radius:0.5rem;
		min-height:100%;
	}
	.show-all a {
			background-color:#ffffff0d;
			padding:0 2rem;
			text-decoration: none;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            font-size: 1.8em;
            font-family: 'NotesEsa';
            flex-direction: column;
            justify-content: center;
		}
	}
}

.cs-swipe.dragging {
	transition: transform .1s;
}

.cs-swipe.active~.cs-swipe-handlers {
	display: flex;
}
.cs-swipe-handlers {
	position: relative;
    pointer-events: none;
    width: 100%;
    display: none;
    justify-content: center;
    gap: 1.5rem;
	.foo{}
	&.floating {
		position: absolute;
        left: 1.4em;
        right: 1.4em;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        justify-content: space-between;
        width: unset;
	}
	.cs-swipe-left,.cs-swipe-right {
		pointer-events: all;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.3em;
        width: 1em;
        height: 1em;
        cursor: pointer;
        color: white;
		background-color: var(--wp--preset--color--accent-3);
        border-radius: 50%;
        border: 4px solid var(--wp--preset--color--accent-3);
		padding: 4px;
		box-shadow: 1px 1px 3px 1px rgb(0 0 0/.2);
	}
	.cs-swipe-left::before        {margin-left:-0.1em;transition: transform .25s;}
	.cs-swipe-right::before       {margin-left: 0.2em;transition: transform .25s;}
	.cs-swipe-left:hover::before  {transform:scale(1.2);}
	.cs-swipe-right:hover::before {transform:scale(1.2);}
	}
}