/* @group @a-page-top */

.a-page-top {
bottom: var(--spacing-medium);
bottom: calc(env(safe-area-inset-bottom) + var(--spacing-medium));
right: var(--body-x-padding);
right: var(--body-x-padding-sf-right);
}

@media all and (min-width:80em) {

.a-page-top {
margin-right: calc(-1 * var(--spacing-section));
}

}

/* @end @a-page-top */

/* @group @a-page-top */

.a-page-top {
box-sizing: border-box;
position: fixed;
visibility: hidden;
z-index: -1;
display: flex;
justify-content:center;
align-items:center;
width: var(--spacing-section);
height: var(--spacing-section);
background-color: var(--floating-background-colors);
opacity: 0;
transition: var(--transition-default);
will-change: transition, opacity;
}

.a-page-top:hover,
.a-page-top:focus {
background-color: var(--floating-background-action-color);
}

.a-page-top-icon {
position:relative;
display: block;
width: var(--spacing-medium);
height: var(--spacing-medium);
fill: var(--neutral-colors-100);
transition: inherit;
}

.no-js .a-page-top,
.no-js .a-page-top,
.is-sticky-scroll-out .a-page-top,
.is-headroom-not-top .a-page-top {
z-index: 12;
opacity: 1;
visibility: visible;
transition: var(--transition-default);
}

/* @end @a-page-top */