.btn{--td:.35s;--te:var(--custom-ease);align-items:center;background:var(--theme-fg);background-clip:padding-box;border-radius:.2777777778vw;color:var(--theme-contrast);cursor:pointer;display:inline-flex;font-weight:850;overflow:hidden;padding:.5555555556vw .6944444444vw .5555555556vw .5555555556vw;position:relative}@media (max-width:799px){.btn{border-radius:1.0666666667vw;padding:2.1333333333vw 2.6666666667vw 2.1333333333vw 2.1333333333vw}}.btn .text{display:block;position:relative;white-space:nowrap}.btn .text span{display:inline-block;transition:transform var(--td) var(--te),opacity var(--td) var(--te)}.btn .text span:first-child{position:relative}.btn .text span:last-child{color:var(--theme-fg);left:0;opacity:0;position:absolute;top:0;transform:translateY(110%)}.btn .icon-bg{background:var(--theme-contrast);clip-path:inset(.625vw calc(100% - 2.08333vw) .625vw .5555555556vw);display:block;top:0;right:0;bottom:0;left:0;position:absolute;transition:clip-path var(--td) var(--te);will-change:clip-path}@media (max-width:799px){.btn .icon-bg{clip-path:inset(2.4vw calc(100% - 8vw) 2.4vw 2.1333333333vw)}}.btn .inline-icon{align-items:center;background:var(--theme-contrast);border-radius:.1388888889vw;display:flex;height:1.6666666667vw;justify-content:center;margin-right:.5555555556vw;overflow:hidden;position:relative;transition:background var(--td) var(--te),color var(--td) var(--te);width:1.6666666667vw}.btn .inline-icon svg{color:var(--theme-fg);display:block;height:auto;transition:transform var(--td) var(--te),opacity var(--td) var(--te);width:.6944444444vw}.btn .inline-icon svg:last-child{color:var(--theme-contrast);opacity:0;position:absolute;transform:translate(-150%,150%)}@media (max-width:799px){.btn .inline-icon{border-radius:.5333333333vw;height:6.4vw;margin-right:2.1333333333vw;width:6.4vw}.btn .inline-icon svg{width:2.6666666667vw}}.btn .loading{align-items:center;display:flex;height:1em;width:.6944444444vw}.btn .loading svg{height:auto;width:100%}@media (max-width:799px){.btn .loading{width:2.6666666667vw}}.btn.active .icon-bg,.btn.router-link-active .icon-bg,.btn:hover .icon-bg{clip-path:inset(-1px)}.btn.active .inline-icon,.btn.router-link-active .inline-icon,.btn:hover .inline-icon{background:var(--theme-fg)}.btn.active .inline-icon svg:first-child,.btn.router-link-active .inline-icon svg:first-child,.btn:hover .inline-icon svg:first-child{opacity:0;transform:translate(150%,-150%)}.btn.active .inline-icon svg:last-child,.btn.router-link-active .inline-icon svg:last-child,.btn:hover .inline-icon svg:last-child{opacity:1;transform:none}.btn.active .text span:first-child,.btn.router-link-active .text span:first-child,.btn:hover .text span:first-child{opacity:0;transform:translateY(-110%)}.btn.active .text span:last-child,.btn.router-link-active .text span:last-child,.btn:hover .text span:last-child{opacity:1;transform:none}.btn.disabled,.btn:disabled{opacity:.16;pointer-events:none}@keyframes flip-r{50%{opacity:0;transform:translate(100%)}51%{opacity:0;transform:translate(-100%)}}@keyframes flip-l{50%{opacity:0;transform:translate(-100%)}51%{opacity:0;transform:translate(100%)}}@keyframes flip-d{50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}}@keyframes flip-u{50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}}.error-page{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center}
