1*04fd306cSNickeau.carrousel-cs { 2*04fd306cSNickeau padding: 0; 3*04fd306cSNickeau} 4*04fd306cSNickeau 5*04fd306cSNickeau@media (min-width: 576px) { 6*04fd306cSNickeau .carrousel-cs { 7*04fd306cSNickeau padding: 1rem; 8*04fd306cSNickeau } 9*04fd306cSNickeau} 10*04fd306cSNickeau 11*04fd306cSNickeau 12*04fd306cSNickeau.glide__arrow--left{ 13*04fd306cSNickeau left:-1rem; 14*04fd306cSNickeau} 15*04fd306cSNickeau.glide__arrow--right{ 16*04fd306cSNickeau right:-1rem; 17*04fd306cSNickeau} 18*04fd306cSNickeau 19*04fd306cSNickeau.glide__arrow { 20*04fd306cSNickeau position: absolute; 21*04fd306cSNickeau display: block; 22*04fd306cSNickeau top: 50%; 23*04fd306cSNickeau z-index: 2; 24*04fd306cSNickeau color: white; 25*04fd306cSNickeau text-transform: uppercase; 26*04fd306cSNickeau padding: 9px 12px; 27*04fd306cSNickeau background-color: transparent; 28*04fd306cSNickeau border: none; 29*04fd306cSNickeau text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); 30*04fd306cSNickeau opacity: 1; 31*04fd306cSNickeau cursor: pointer; 32*04fd306cSNickeau transition: opacity 150ms ease, border 300ms ease-in-out; 33*04fd306cSNickeau line-height: 1; 34*04fd306cSNickeau} 35*04fd306cSNickeau 36*04fd306cSNickeau@media (min-width: 576px) { 37*04fd306cSNickeau .glide__arrow { 38*04fd306cSNickeau border: 2px solid rgba(255, 255, 255, 0.5); 39*04fd306cSNickeau box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); 40*04fd306cSNickeau border-radius: 4px; 41*04fd306cSNickeau } 42*04fd306cSNickeau} 43*04fd306cSNickeau 44*04fd306cSNickeau 45*04fd306cSNickeau.glide__arrow:focus { 46*04fd306cSNickeau outline: none; 47*04fd306cSNickeau} 48*04fd306cSNickeau.glide__arrow:hover { 49*04fd306cSNickeau border-color: white; 50*04fd306cSNickeau} 51*04fd306cSNickeau.glide__bullets { 52*04fd306cSNickeau list-style: none; 53*04fd306cSNickeau position: absolute; 54*04fd306cSNickeau z-index: 2; 55*04fd306cSNickeau bottom: 0; 56*04fd306cSNickeau left: 50%; 57*04fd306cSNickeau transform: translate(-50%, 0); 58*04fd306cSNickeau} 59*04fd306cSNickeau.glide__bullet { 60*04fd306cSNickeau background-color: rgba(0, 0, 0, 0.3); 61*04fd306cSNickeau width: 9px; 62*04fd306cSNickeau height: 9px; 63*04fd306cSNickeau padding: 0; 64*04fd306cSNickeau border-radius: 50%; 65*04fd306cSNickeau border: 2px solid transparent; 66*04fd306cSNickeau transition: all 300ms ease-in-out; 67*04fd306cSNickeau cursor: pointer; 68*04fd306cSNickeau line-height: 0; 69*04fd306cSNickeau box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); 70*04fd306cSNickeau margin: 0 0.25em; 71*04fd306cSNickeau vertical-align: sub; 72*04fd306cSNickeau} 73*04fd306cSNickeau.glide__bullet--active { 74*04fd306cSNickeau background-color: black; 75*04fd306cSNickeau} 76*04fd306cSNickeau.glide__bullet:hover { 77*04fd306cSNickeau background-color: rgba(0, 0, 0, 0.3); 78*04fd306cSNickeau} 79