:root {
  --ik: calc(.25rem*3);
}

.slider.svelte-86vx8t .header:where(.svelte-86vx8t)>.arrows {
  display: flex;
}

.slider.svelte-86vx8t .header:where(.svelte-86vx8t)>.arrows>* {
  box-sizing: content-box;
  border-radius: var(--spacing-8);
  border: 1px solid var(--grey-400);
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #fff;
}

.slider.svelte-86vx8t .header:where(.svelte-86vx8t)>.arrows>*:disabled {
  opacity: .5;
  transition: none!important;
  transform: none;
  pointer-events: none;
}

.slider.svelte-86vx8t .header:where(.svelte-86vx8t)>.arrows .arrow-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  width: 3.5em;
}

.slider.svelte-86vx8t .header:where(.svelte-86vx8t)>.arrows .forward {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
}

.slider.svelte-86vx8t .header:where(.svelte-86vx8t)>.arrows .forward:hover:not([disabled]) {
  background: none!important;
}

.slider.svelte-86vx8t .header:where(.svelte-86vx8t)>.arrows .backward {
  border-bottom-right-radius: 0!important;
  border-top-right-radius: 0!important;
}

.default-with-title.svelte-86vx8t .forward button:hover:not([disabled]) {
  background: none!important;
}

.default-with-title.svelte-86vx8t .backward button:hover:not([disabled]) {
  background: none!important;
}

.default-with-title.svelte-86vx8t .svg-icon:hover {
  color: var(--grey-100)!important;
}

.arrow-inner.svelte-86vx8t:hover {
  transform: scale(1.2);
  opacity: .8;
}

.header.svelte-86vx8t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slider.svelte-86vx8t {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-x: hidden;
}

.gallery.svelte-86vx8t {
  display: grid;
  grid-auto-flow: column;
  padding-top: var(--ik,10px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.slide.svelte-1vx4gmg {
  scroll-snap-align: start;
  will-change: opacity;
  transition: opacity .3s;
}

.slide.svelte-1vx4gmg:last-child:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
}

.slide.svelte-1vx4gmg:focus {
  outline: 0;
}

.slide.svelte-1vx4gmg:last-child {
  position: relative;
}