.p400-back-to-top {
    position: fixed;
    right: max(24px, calc((100vw - 1100px) / 2 + 28px));
    bottom: 36px;
    z-index: 100;
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    border: 1px solid #d8d8d4;
    border-radius: 5px;
    background: rgba(250, 250, 248, 0.82);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 180ms ease, transform 180ms ease,
                visibility 180ms ease, border-color 180ms ease;
}
.p400-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.p400-back-to-top:hover,
.p400-back-to-top:focus-visible {
    border-color: #b8b8b3;
    background: #ffffff;
}
.p400-back-to-top:focus-visible {
    outline: 2px solid #333333;
    outline-offset: 3px;
}
.p400-chevron {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-top: 1.5px solid #999994;
    border-left: 1.5px solid #999994;
    transform: rotate(45deg);
    transition: border-color 180ms ease;
}
.p400-back-to-top:hover .p400-chevron,
.p400-back-to-top:focus-visible .p400-chevron {
    border-color: #666662;
}
@media (max-width: 900px) {
    .p400-back-to-top {
        right: 20px;
        bottom: 20px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .p400-back-to-top {
        transition: none;
    }
}