.trial-spinner{display:inline-block;width:.9rem;height:.9rem;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:9999px;animation:trial-spin .6s linear infinite}.trial-spinner.hidden{display:none}@keyframes trial-spin{to{transform:rotate(360deg)}}#trial-form .auth-input:disabled{cursor:not-allowed;opacity:.6}.cart-spinner{display:inline-block;width:.9rem;height:.9rem;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:9999px;animation:trial-spin .6s linear infinite}.cart-spinner.hidden{display:none}.cart-added{background-color:#059669}.cart-added:hover{background-color:#047857}.cart-fly{position:fixed;z-index:80;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:-.75rem;border-radius:9999px;background-color:var(--color-primary, #6435f0);color:#fff;font-size:.75rem;font-weight:700;line-height:1;pointer-events:none;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s ease-out}.cart-badge-pop{animation:cart-badge-pop .35s ease-out}@keyframes cart-badge-pop{0%{transform:scale(1)}45%{transform:scale(1.45)}to{transform:scale(1)}}.server-highlighted{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98140}@media(prefers-reduced-motion:reduce){.cart-fly{transition:opacity .2s ease-out}.cart-badge-pop{animation:none}}.dark #app-content .text-\[\#0d1024\]{color:#fff}.dark #app-content .bg-primary.text-white,.dark #app-content .bg-\[\#0d1024\].text-white{background-color:#fff;color:var(--color-primary)}.dark #app-content .bg-primary.text-white:hover,.dark #app-content .bg-\[\#0d1024\].text-white:hover{background-color:#ffffffd9}.dark #app-content .cart-spinner,.dark #app-content .trial-spinner{border-color:#6435f059;border-top-color:var(--color-primary)}.dark #app-content .border-primary.bg-white{background-color:#fff}.dark #app-content .border-primary.bg-white:hover{background-color:#6435f014}.dark #app-content .border-sidebar{border-color:#fff}.dark #app-content .caret-\[\#0d1024\]{caret-color:#8b6cf5}.dark #app-content .focus\:border-\[\#0d1024\]:focus{border-color:#8b6cf5}.dark #app-content .focus\:ring-\[\#0d1024\]\/10:focus{--tw-ring-color: rgb(139 108 245 / .16)}.dark #app-content .group:focus-within .group-focus-within\:text-\[\#0d1024\]{color:#8b6cf5}.dark #app-content .peer:focus~.peer-focus\:text-\[\#0d1024\]{color:#8b6cf5}