@media screen and (min-width:640px){.cubespinner .cubespinner-face-1{transform:translateZ(36px)}.cubespinner .cubespinner-face-2{transform:rotateX(90deg) translateZ(36px)}.cubespinner .cubespinner-face-3{transform:rotateX(180deg) translateZ(36px)}.cubespinner .cubespinner-face-4{transform:rotateX(270deg) translateZ(36px)}}@media screen and (min-width:1024px){.bg-button_border{padding:8px 17px}.cubespinner .cubespinner-face-1{transform:translateZ(45px)}.cubespinner .cubespinner-face-2{transform:rotateX(90deg) translateZ(45px)}.cubespinner .cubespinner-face-3{transform:rotateX(180deg) translateZ(45px)}.cubespinner .cubespinner-face-4{transform:rotateX(270deg) translateZ(45px)}}@keyframes cubespinning{0%,to{transform:rotateX(0deg)}0%,20%{transform:rotateX(0deg)}25%,45%{transform:rotateX(90deg)}51%,71%{transform:rotateX(180deg)}76%,96%{transform:rotateX(270deg)}to{transform:rotateX(1turn)}}.spinner{width:44px;height:44px;animation:spinner-y0fdc1 3.5s ease infinite;transform-style:preserve-3d}.spinner>div{height:100%;position:absolute;width:100%;border:1px solid gray}.light .spinner>div{border:1px solid #17161d}.spinner div:first-of-type{transform:translateZ(-22px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translateX(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translateX(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(22px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}