.spinner{border-color:transparent #fff;border-style:solid;border-width:1px;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}.spinner:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;border:calc(var(--size) / 2) solid;border-color:transparent rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-critical{box-shadow:inset 0 .5px .5px 0 rgba(255,69,120,.06),inset 0 .25px .25px 0 rgba(255,69,120,.12),inset 0 4px 8px 0 rgba(255,69,120,.06);box-shadow:inset 0 .5px .5px 0 color(display-p3 1 .3451 .4784/.06),inset 0 .25px .25px 0 color(display-p3 1 .3451 .4784/.12),inset 0 4px 8px 0 color(display-p3 1 .3451 .4784/.06)}.button-critical:hover{background:rgba(255,69,120,.12);background:color(display-p3 1 .3451 .4784/.12);text-shadow:0 0 1px rgba(240,240,244,.16),0 0 3px rgba(240,240,244,.16),0 0 12px rgba(240,240,244,.24);text-shadow:0 0 1px color(display-p3 .9412 .9412 .9569/.16),0 0 3px color(display-p3 .9412 .9412 .9569/.16),0 0 12px color(display-p3 .9412 .9412 .9569/.24)}button:focus-visible{outline:1px solid var(--color-icon-loud)}