: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: 2rem var(--wp--preset--spacing--50, 50px);
    margin-left: calc(-1 * var(--wp--preset--spacing--50, 50px));
    margin-right: calc(-1 * var(--wp--preset--spacing--50, 50px));
    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: 0.3em;
        right: 0.3em;
        top: 130px;
        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);}
}