.base-button{display:inline-block;width:fit-content;color:var(--text-primary);border-color:transparent;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--spacing-sm);text-decoration:none;transition:background-color .1s ease-in-out;user-drag:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.base-button img{user-drag:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.get-fast-button{display:inline-block;width:100%;border-color:var(--primary-color);background-color:var(--light-button-primary);color:var(--red-button-text-color);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--spacing-sm);text-decoration:none;transition:background-color 0s}.get-fast-button:hover{background:var(--light-button-primary-hover)}.premium-button{background:var(--premium-button-color);color:var(--button-text-color);border-color:var(--premium-button-color);border-radius:var(--spacing-lg);position:relative;overflow:hidden;transition:all .3s ease}.premium-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transition:all .6s ease}.premium-button:hover{background:var(--premium-button-hover-color);box-shadow:0 0 10px var(--premium-button-shadow-color)}.premium-button:hover:before{left:100%}.premium-button.is-loading{animation:loadingGlow 1.5s infinite ease-in-out}@keyframes loadingGlow{0%,100%{background:var(--premium-button-loading-color);box-shadow:0 0 10px var(--premium-button-shadow-color)}30%{box-shadow:0 0 20px var(--premium-button-shadow-color)}60%{box-shadow:0 0 10px var(--premium-button-shadow-color)}80%{box-shadow:0 0 5px var(--premium-button-shadow-color)}}@keyframes subtleGlow{0%,100%{box-shadow:0 0 0 rgba(0,123,255,0)}50%{box-shadow:0 0 10px 4px var(--premium-button-shadow-color)}}@keyframes modernJitter{0%{transform:translate(0,0) rotate(0)}10%{transform:translate(.5px,-.5px) rotate(.2deg)}20%{transform:translate(-.5px,.3px) rotate(-.2deg)}30%{transform:translate(.3px,.5px) rotate(.1deg)}40%{transform:translate(-.3px,-.3px) rotate(-.2deg)}50%{transform:translate(.5px,.3px) rotate(.2deg)}60%{transform:translate(-.5px,-.5px) rotate(-.1deg)}70%{transform:translate(.3px,-.3px) rotate(.2deg)}80%{transform:translate(-.3px,.5px) rotate(-.2deg)}90%{transform:translate(.5px,-.3px) rotate(.1deg)}100%{transform:translate(0,0) rotate(0)}}.premium-button.attention{animation:subtleGlow 1.5s ease-in-out,modernJitter .6s ease-in-out;transition:box-shadow .2s ease-in-out;will-change:box-shadow,transform}.red-button{background:var(--red-button-background);color:var(--red-button-text-color)}.red-button:hover{background:var(--red-button-background-hover)}.blue-button{background:var(--blue-button-color);color:var(--button-text-color);border-radius:var(--spacing-sm)}.blue-button:hover{background:var(--blue-button-hover-color)}.danger-red-button{background:var(--danger-red-button-color);color:var(--button-text-color);border-radius:var(--spacing-sm)}.danger-red-button:hover{background:var(--danger-red-button-hover-color)}.red-bordered-button{border-color:var(--red-bordered-button-border-color);border-width:var(--bordered-button-border-width);background-color:var(--red-bordered-button-background);color:var(--text-primary)}.red-bordered-button:hover{background:var(--red-bordered-button-hover-background)}.blue-bordered-button{display:inline-block;width:100%;border-color:var(--blue-bordered-button-border-color);border-width:var(--bordered-button-border-width);background-color:var(--blue-bordered-button-background);color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--spacing-sm);text-decoration:none;transition:background-color .1s ease-in-out}.blue-bordered-button:hover{background:var(--blue-bordered-button-hover-background)}.gray-bordered-button{display:inline-block;width:100%;border-color:var(--gray-bordered-button-border-color);border-width:var(--bordered-button-border-width);background-color:var(--gray-bordered-button-background);color:var(--text-primary-soft);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--spacing-sm);text-decoration:none;transition:background-color .1s ease-in-out}.gray-bordered-button:hover{background:var(--gray-bordered-button-hover-background)}.red-hover-button:hover{background:var(--red-hover-button-background);color:var(--red-hover-button-text-color)}.gray-hover-button{color:var(--text-primary-soft)}.gray-hover-button:hover{background:var(--gray-hover-button-background)}.gray-button{background:var(--gray-button-background);color:var(--text-primary);border-radius:var(--spacing-sm)}.gray-button:hover{background:var(--gray-button-hover-background)}.control-button img{opacity:.7}.control-button:hover{background-color:var(--control-button-hover-background)}.control-button.active{background-color:var(--active-control-button-background);color:var(--white-button-text-color)}.control-button.active img{color:var(--white-button-text-color);opacity:1;filter:brightness(0) invert(98%)}.control-button.active:hover{background-color:var(--active-control-button-hover-background)}.control-button:disabled{opacity:.5;cursor:auto;background-color:#fff;color:var(--text-tertiary)}.sync-button-rotating .fa-sync-alt{animation:rotate 1s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.expand-toggle-button{width:32px;height:32px;margin-bottom:-32px;background-color:#f8f9fa;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .2s ease}.expand-toggle-button .chevron-icon{width:16px;height:16px;transition:transform .3s ease;opacity:.5;transform:rotate(90deg);filter:drop-shadow(.25px 0 0 currentColor) drop-shadow(-.25px 0 0 currentColor) drop-shadow(0 .25px 0 currentColor) drop-shadow(0 -.25px 0 currentColor)}.expand-toggle-button:hover .chevron-icon{opacity:.7}.expand-toggle-button.expanded .chevron-icon{transform:rotate(0)}@media (max-width:768px){.expand-toggle-button{width:24px;height:24px;margin-bottom:-24px}}