.primary_button{background-color:var(--submit-button-primary-color);color:var(--submit-button-secondary-color);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex;position:relative}.primary_button .loader{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute}@media (hover:hover) and (pointer:fine){.primary_button:hover:not(.sceleton){background-color:var(--submit-button-primary-hover-color)}}.primary_button.primary_button_loading{color:#0000;background-color:var(--submit-button-loading-background-color);cursor:not-allowed}.primary_button.primary_button_loading .loader{opacity:1;color:var(--submit-button-primary-color)}@media (hover:hover) and (pointer:fine){.primary_button.primary_button_loading:hover:not(.sceleton){background-color:var(--submit-button-loading-background-color)}}.primary_button.primary_button_disabled{cursor:not-allowed;background-color:var(--submit-button-disabled-background-color);color:var(--submit-button-disabled-color)}@media (hover:hover) and (pointer:fine){.primary_button.primary_button_disabled:hover:not(.sceleton){background-color:var(--submit-button-disabled-background-color);color:var(--submit-button-disabled-color)}}
.loader{width:80px;height:80px;color:var(--loader-color);align-self:center;position:relative}.loader-segment{width:6%;height:22%;transform:translate(-50%, -50%) rotate(calc(-360deg / var(--segments) * var(--i))) translateY(-140%);opacity:.2;animation:.8s linear infinite fade;animation-delay:calc(-.8s/var(--segments)*var(--i));background:currentColor;border-radius:999px;position:absolute;top:50%;left:50%}@keyframes fade{0%{opacity:1}to{opacity:.2}}