/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./layout/back-to-top/back-to-top.scss ***!
  \*******************************************************************************************************************************************************************************************************/
/** GLOBALS **/
/************
/** VARIABLES
/****************************************/
/*
$grids: (
    'default': $mobile_base,
    'switches': (
        $mobile_switch: $mobile_base,
        $tablet_switch: $tablet_base,
        $max_switch: $max_base
    ),
    'definitions': (
        $mobile_base: (
            'columns': 8,
            'column': 44,
            'gutter': 14,
            'fix': false
        ),
        $tablet_base: (
            'columns': 12,
            'column': 56,
            'gutter': 22,
            'fix': false
        ),
        $max_base: (
            'columns': 12,
            'column': 139,
            'gutter': 54,
            'fix': true
        )
    )
);
*/
/* EASING */
/* Font settings */
/************
/** COLOR VARIABLES
/****************************************/
/* **************************** */
/* Pimcore-editmode used colors */
/* **************************** */
/* **************************** */
/************
/** DEFINITION OF OWN MIXINS
/****************************************/
/* stylelint-disable */
.back-to-top {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  pointer-events: none;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  bottom: 0;
  padding-bottom: 12px;
  margin-inline: auto;
  width: var(--content-width);
  transform: translateY(100%);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  --back-to-top-size: 40px;
}

.back-to-top--visible {
  transform: translateY(0);
}

.back-to-top__link {
  background-color: var(--back-to-top-background-color);
  color: var(--back-to-top-foreground-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--back-to-top-size);
  height: var(--back-to-top-size);
  border-radius: var(--back-to-top-size);
  pointer-events: auto;
}
.back-to-top__link svg {
  fill: var(--back-to-top-foreground-color);
  transform: rotate(-90deg) translateX(0);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.back-to-top__link i {
  position: absolute;
  top: 0;
  left: -1978em;
  opacity: 0;
}
@media (hover: hover) {
  .back-to-top__link:hover {
    --back-to-top-background-color: var(--back-to-top-background-color-hover);
  }
  .back-to-top__link:hover svg {
    transform: rotate(-90deg) translateX(5px);
  }
}