.destiny-key{transition:opacity .25s;font-family:Braytech Symbols!important}.button.disabled .destiny-key{opacity:.5}.destiny-key span{color:#fffc}.destiny-key.windows span:first-child{color:#777}.wrapper.dark .destiny-key span:not(:first-child){color:#333}.wrapper.dark .destiny-key.windows span{color:#ccc}.wrapper.dark .destiny-key.windows span:first-child{color:#444}.button{--accent:var(--foreground);letter-spacing:.2px;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;max-width:250px;height:38px;color:color-mix(in srgb, var(--accent) 80%, transparent);background-color:color-mix(in srgb, var(--accent) 10%, transparent);grid-auto-flow:column;justify-content:space-between;align-items:center;padding:0 1rem;font-size:16px;transition:color .25s,background-color .25s,box-shadow .25s;display:grid;position:relative}.button.shallow,.button.disabled.shallow{background-color:#0000}.button:not(.custom){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}.button:not(.custom):before{content:"";z-index:3;pointer-events:none;background-color:#0000;width:100%;height:100%;transition:box-shadow .25s,background-color .25s;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #0000}.button:not(.custom):after{content:"";z-index:3;pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);transform:scale(var(--ui-scale-0)) translate3d(-2px, -2px, 0);transition:box-shadow .25s,transform .25s;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #0000}.button:active{background-color:color-mix(in srgb, var(--accent) 40%, transparent);color:color-mix(in srgb, var(--foreground) 100%, transparent);z-index:2}.button:active:before{box-shadow:inset 0 0 0 1px var(--accent);background-color:color-mix(in srgb, var(--accent) 20%, transparent)}.button:active:after{box-shadow:0 0 0 2px var(--accent);transform:scale(1)translate(-2px,-2px)}@media (hover:hover){.button:hover{background-color:color-mix(in srgb, var(--accent) 40%, transparent);color:color-mix(in srgb, var(--foreground) 100%, transparent);z-index:2}.button:hover:before{box-shadow:inset 0 0 0 1px var(--accent);background-color:color-mix(in srgb, var(--accent) 20%, transparent)}.button:hover:after{box-shadow:0 0 0 2px var(--accent);transform:scale(1)translate(-2px,-2px)}}.wrapper.reduced-motion .button,.wrapper.reduced-motion .button:before,.wrapper.reduced-motion .button:after{transition:unset}.button.outlined{text-transform:uppercase;background-color:color-mix(in srgb, var(--foreground) 15%, transparent);font-size:14px}.button.outlined:before{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 30%, transparent)}.button.square{justify-content:center;width:38px;padding:0;display:flex}.button .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.button .text:last-child:not(:first-child,.icon+.text,.destiny-key+.text){padding:0 0 0 10px}.button.disabled{pointer-events:none;cursor:default;color:color-mix(in srgb, var(--foreground) 40%, transparent);background-color:color-mix(in srgb, var(--foreground) 5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 10%, transparent)}.button.disabled:active:before{background-color:#0000;box-shadow:inset 0 0 0 1px #0000}.button.disabled:active:after{box-shadow:0 0 0 2px #0000}@media (hover:hover){.button.disabled:hover:before{background-color:#0000;box-shadow:inset 0 0 0 1px #0000}.button.disabled:hover:after{box-shadow:0 0 0 2px #0000}}.button.primed{background-color:var(--error)}.button.cta:not(.tip-highlight) .text{padding:0 2rem 0 0}.button.cta .icon{animation:1.5s infinite both cta-sparkle}.button.cta.tip-highlight .fill{background-color:unset}.wrapper.reduced-motion .button.cta .icon{animation-play-state:paused}.button.inverted{color:#000;background-color:#0000001a}.button.inverted:before{background-color:#0000;box-shadow:inset 0 0 0 1px #28282800}.button.inverted.outlined{color:#0006}.button.inverted.outlined:before{box-shadow:inset 0 0 0 1px #28282866}.button.inverted:after{box-shadow:0 0 0 2px #28282800}.button.inverted.disabled{color:#0006;background-color:#00000006}.button.inverted:active{color:#000;background-color:#0006}.button.inverted:active:before{background-color:#0003;box-shadow:inset 0 0 0 1px #282828}.button.inverted:active:after{box-shadow:0 0 0 2px #282828}.button.inverted.disabled:active{color:#0006;background-color:#00000006}@media (hover:hover){.button.inverted:hover{color:#000;background-color:#0006}.button.inverted:hover:before{background-color:#0003;box-shadow:inset 0 0 0 1px #282828}.button.inverted:hover:after{box-shadow:0 0 0 2px #282828}.button.inverted.disabled:hover{color:#0006;background-color:#00000006}}.button.inverted.cta.sparkle:before{background:linear-gradient(135deg,#0000 0% 30%,#0006 50%,#0000 70% 100%) 0 0/400% no-repeat}.button.inverted.cta.sparkle:active:before{background:#0000001a linear-gradient(135deg,#0000 0% 30%,#0006 50%,#0000 70% 100%) 0 0/400% no-repeat}@media (hover:hover){.button.inverted.cta.sparkle:hover:before{background:#0000001a linear-gradient(125deg,#0000 0% 30%,#0006 50%,#0000 70% 100%) 0 0/400% no-repeat}}.button.action{grid-template-columns:1fr min-content}.button.action .icon{place-content:center;width:24px;height:24px;display:grid}.button.action .icon:first-child{width:38px;height:38px;margin:0}.button.action .text:last-child{padding-left:0}.button.action .icon{opacity:.8;transition:opacity .5s}.button.action:active .icon{opacity:1}@media (hover:hover){.button.action:hover .icon{opacity:1}}