.c-tour-guide__content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 1rem;
  column-gap: 1rem;
}

.c-tour-guide__title {
  display: block;
  color: #FFF;
  font-size: 1.6rem;
  text-transform: uppercase;
}

[dir] .c-tour-guide__title {
  margin: 0;
  padding: 1rem;
  background-color: #40843F;
}

[dir=ltr] .c-tour-guide__title {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

[dir=rtl] .c-tour-guide__title {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}

[dir] .c-tour-guide__close-btn {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.c-tour-guide__close-btn:focus {
  outline: none;
}
[dir] .c-tour-guide__close-btn:focus {
  box-shadow: 0 0 0 0.2rem #FFF;
}
.c-tour-guide__close-btn {
  position: absolute;
  top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.7rem;
  width: 2.7rem;
}
[dir] .c-tour-guide__close-btn {
  border-radius: 50%;
}
[dir=ltr] .c-tour-guide__close-btn {
  right: 2rem;
}
[dir=rtl] .c-tour-guide__close-btn {
  left: 2rem;
}

.c-tour-guide__close-svg {
  height: 2.5rem;
  width: 2.5rem;
  fill: #FFF;
}

[dir] .c-tour-guide__dont-show {
  padding: 0;
}

.c-tour-guide__content-container {
  display: grid;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

[dir] .c-tour-guide__content-container {
  padding: 1rem;
  border: 0.2rem solid #40843F;
}

[dir=ltr] .c-tour-guide__content-container {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

[dir=rtl] .c-tour-guide__content-container {
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
@media (min-width: 768px) {
  [dir] .c-tour-guide__content-container {
    padding: 1rem 2rem;
  }
}

.c-tour-guide__robot-svg {
  width: 5rem;
  height: 7rem;
}

.c-tour-guide__dont-show:focus {
  outline: none;
}

[dir] .c-tour-guide__dont-show:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 53, 59, 0.6);
}
.c-tour-guide__dont-show {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
[dir] .c-tour-guide__dont-show {
  border: none;
  cursor: pointer;
  background-color: transparent;
}

.c-tour-guide__footer {
  display: flex;
  justify-content: space-between;
  overflow-wrap: anywhere;
  column-gap: 1rem;
}

.c-tour-guide__arrow-svg {
  fill: #40843F;
  width: 2.6rem;
  height: 1.3rem;
}

.c-tour-guide__arrow {
  position: absolute;
  line-height: 0;
}

.c-tour-guide__portal {
  transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.c-tour-guide__portal--disable-mask {
  z-index: 5;
}
.c-tour-guide__portal--enable-mask {
  z-index: 252;
}

.c-tour-guide__tooltip-container {
  display: flex;
  flex-direction: column;
  width: 40rem;
  max-width: calc(100vw - 4rem);
}

[dir] .c-tour-guide__tooltip-container {
  background-color: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.25);
}

.c-tour-guide__arrow-svg {
  width: 100%;
  height: 100%;
}

.c-tour-guide__arrow {
  width: 2rem;
  height: 1rem;
  line-height: 0;
}

[dir] .c-tour-guide__right-button {
  margin: 0;
}
[data-css-orientation=south] .c-tour-guide__arrow {
  position: absolute;
  transform: translate(-50%, -100%);
  left: 50%;
  top: 0;
}

[data-css-orientation=south-west] .c-tour-guide__arrow {
  position: absolute;
  transform: translate(20%, -100%);
  left: 0;
}

[data-css-orientation=south-east] .c-tour-guide__arrow {
  position: absolute;
  transform: translate(-20%, -100%);
  right: 0;
}

[data-css-orientation=north-west] .c-tour-guide__arrow {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(180deg) translate(-25%, -100%);
}

[data-css-orientation=north-east] .c-tour-guide__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(180deg) translate(25%, -100%);
}

[data-css-orientation=north] .c-tour-guide__arrow {
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: rotate(180deg) translate(-50%, -100%);
}

[data-css-orientation=east-south] .c-tour-guide__arrow {
  position: absolute;
  left: 0;
  bottom: 1rem;
  transform: rotate(270deg) translate(0px, -150%);
}

[data-css-orientation=east] .c-tour-guide__arrow {
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(270deg) translate(25%, -150%);
}

[data-css-orientation=east-north] .c-tour-guide__arrow {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(270deg) translate(-50%, -150%);
}

[data-css-orientation=west-south] .c-tour-guide__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(90deg) translate(-100%, -150%);
}

[data-css-orientation=west] .c-tour-guide__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(90deg) translate(25%, -150%);
}

[data-css-orientation=west-north] .c-tour-guide__arrow {
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(90deg) translate(50%, -150%);
}