.theme-toggle{padding:calc(var(--index)/10);color:var(--color-theme-3-accent);cursor:pointer;justify-content:center;align-items:center;transition:color .3s;display:flex}.theme-toggle:hover{color:var(--purple)}.theme-toggle__icon{width:calc(var(--index)/1.25);height:calc(var(--index)/1.25)}@media screen and (max-width:767px){.theme-toggle__icon{width:calc(var(--index)/.611);height:calc(var(--index)/.611)}}
.loader{z-index:9;background-color:var(--color-theme-7);opacity:0;padding-left:calc(var(--index)*1.5);justify-content:center;align-items:center;gap:calc(var(--index)*5);perspective:10px;grid-template-columns:min-content min-content;transition:opacity .15s;display:grid;position:absolute;inset:0}.loader__wrapper{justify-self:end;width:min-content;position:relative}.loader__wrapper:after,.loader__wrapper:before{z-index:1;box-shadow:0 0 0 0 var(--purple);content:"";background:var(--text-white);height:100%;width:calc(var(--index)/10);top:0;right:calc(var(--index)*5*-1/2);border-radius:2px;display:block;position:absolute}.loader__wrapper:after{animation:.5s .25s both features1}.loader__wrapper:before{animation:.5s .25s both features2}.loader__text{font-family:Arial,sans-serif;font-weight:700;font-size:calc(var(--index)*4);color:var(--text-white);transform:translateX(calc(var(--index) * 2.2));animation:.3s ease-in .15s forwards toNormal}.loader__text_purple{width:min-content;font-family:Arial,sans-serif;font-weight:700;font-size:calc(var(--index)*4);color:var(--purple)}.loader__text--2{width:min-content;font-family:Arial,sans-serif;font-weight:700;font-size:calc(var(--index)*4);color:var(--purple);transform:translateX(calc(var(--index) * -1 * 2.2));animation:.3s ease-in .15s forwards toNormal}@keyframes features1{0%{opacity:0;transform:rotate(0)}50%{opacity:1;transform:rotate(0)}to{opacity:1;box-shadow:1px 2px 3px 0 var(--purple);transform:rotate(-45deg)}}@keyframes features2{0%{opacity:0;transform:rotate(0)}50%{opacity:1;transform:rotate(0)}to{opacity:1;box-shadow:1px 2px 3px 0 var(--purple);transform:rotate(45deg)}}@keyframes toNormal{to{transform:translate(0)}}.page-transition .loader{opacity:1}@starting-style{.page-transition .loader{opacity:0}}