.pagetop{height:clamp(40px,4.1666666667vw,50px);width:clamp(40px,4.1666666667vw,50px);position:fixed;right:clamp(15px,2.5vw,30px);bottom:clamp(20px,2.5vw,30px);background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;-webkit-box-shadow:0 0 8px 0px rgba(0,0,0,0.2);box-shadow:0 0 8px 0px rgba(0,0,0,0.2);-webkit-transition:opacity 0.2s linear,background-color 0.2s linear,-webkit-transform 0.4s ease-out;transition:opacity 0.2s linear,background-color 0.2s linear,-webkit-transform 0.4s ease-out;transition:transform 0.4s ease-out,opacity 0.2s linear,background-color 0.2s linear;transition:transform 0.4s ease-out,opacity 0.2s linear,background-color 0.2s linear,-webkit-transform 0.4s ease-out;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);pointer-events:none}.pagetop:hover{background:#111}@media screen and (max-width:640px){.pagetop:hover{background:#fff}}.pagetop:active{background:#111}.pagetop.in{pointer-events:auto;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.pagetop .pagetop__arrow{height:10px;width:10px;border-top:2px solid #111;border-right:2px solid #111;-webkit-transform:translateY(20%) rotate(-45deg);transform:translateY(20%) rotate(-45deg)}.pagetop:hover{border-color:#fff}@media screen and (max-width:640px){.pagetop:hover{border-color:#111}}.pagetop:active .pagetop__arrow{border-color:#fff}