button{background:0 0;border:none;outline:none}.Button{cursor:pointer;color:#fff;will-change:scale, transform;background-color:#0000;border-radius:1000px;justify-content:center;align-items:center;gap:8px;min-width:clamp(50px,.6696vw + 40.358px,54px);min-height:clamp(50px,.6696vw + 40.358px,54px);padding:0 clamp(20px,.4464vw + 13.572px,24px);font-family:Satoshi,sans-serif;font-size:clamp(16px,.3125vw + 10px,18px);font-weight:400;transition:background-color .2s,box-shadow .2s,color .2s,opacity .2s;display:flex;position:relative}.Button.high-touch-target:before{content:"";pointer-events:auto;z-index:-1;background:0 0;position:absolute;inset:-5px}.Button .Paragraph{text-wrap:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;transition:all .175s}.Button:hover{background-color:#ffffff30}.Button:active{background-color:#ffffff47}.Button img{object-fit:cover;aspect-ratio:1;border-radius:5px;min-width:24px;height:100%;max-height:24px;padding:2px}.Button svg{transition:all .175s!important}.Button svg path{transition:fill .2s}.Button .Loader{justify-content:center;align-items:center;margin:0 4px}.Button-Icon{padding:0!important}.Button-Icon:hover svg{scale:.9}.Button:not(.Button-Icon,.Button-Hide-Text):has(svg) svg{margin-left:-4px}.Button-Default{min-width:clamp(50px,.6696vw + 40.358px,54px);min-height:clamp(50px,.6696vw + 40.358px,54px)}.Button-Default svg{width:clamp(20px,.4464vw + 13.572px,24px);min-width:clamp(20px,.4464vw + 13.572px,24px);height:clamp(20px,.4464vw + 13.572px,24px);min-height:clamp(20px,.4464vw + 13.572px,24px)}.Button-Default.Button-Icon{max-width:clamp(50px,.6696vw + 40.358px,54px);max-height:clamp(50px,.6696vw + 40.358px,54px)}.Button-Small{min-width:clamp(40px,.6696vw + 30.358px,44px);min-height:clamp(40px,.6696vw + 30.358px,44px)}.Button-Small svg{width:clamp(18px,.4464vw + 11.572px,22px);min-width:clamp(18px,.4464vw + 11.572px,22px);height:clamp(18px,.4464vw + 11.572px,22px);min-height:clamp(18px,.4464vw + 11.572px,22px)}.Button-Small.Button-Icon{max-width:clamp(40px,.6696vw + 30.358px,44px);max-height:clamp(40px,.6696vw + 30.358px,44px)}.Button-Small .Paragraph{font-size:clamp(14px,.3125vw + 8px,16px)}.Button-Tiny{min-width:30px;min-height:30px}.Button-Tiny svg{width:clamp(14px,.2233vw + 10.784px,16px);min-width:clamp(14px,.2233vw + 10.784px,16px);height:clamp(14px,.2233vw + 10.784px,16px);min-height:clamp(14px,.2233vw + 10.784px,16px)}.Button-Tiny.Button-Icon{max-width:30px;max-height:30px}.Button-Tiny{gap:6px;padding:0 clamp(12px,.2233vw + 8.784px,14px)}.Button-Tiny .Paragraph{font-size:clamp(14px,.3125vw + 8px,16px)}.Button-Disabled,.Button:disabled{-webkit-user-select:none;user-select:none;opacity:.55!important;pointer-events:none!important}.Button-Disabled:before,.Button:disabled:before{pointer-events:none!important}.Button-Hide-Text:not(:has(.Loader)){gap:0!important}.Button-Hide-Text:not(:has(.Loader)) .Paragraph{opacity:0;filter:blur(3px);width:0;transition:all .2s;overflow:hidden}:is(.Button-Hide-Text:not(:has(.Loader)):hover .Paragraph,.Button-Hide-Text:not(:has(.Loader)).visible .Paragraph){opacity:1;filter:blur();width:auto;margin:0 6px}.Button-Light{background-color:#ffffff1a;box-shadow:inset 0 1px 1px #fff3,0 1px 2px -.5px #171a1d1a}.Button-Light:hover{background-color:#ffffff30}.Button-Light:active{background-color:#ffffff5e}.Button-Light.Button-Theme-Light{color:#171a1d;background-color:#fff;box-shadow:inset 0 1px 1px #fff3,0 1px 2px -.5px #171a1d1a}.Button-Dark{background-color:#171a1d33;box-shadow:inset 0 1px 1px #171a1d1a,0 2px 12px -6px #171a1d1a}.Button-Dark:hover{background-color:#171a1d5c}.Button-Dark:active{background-color:#171a1d85}.Button-Dark.Button-Theme-Dark{color:#fff;background:linear-gradient(#434343 0%,#232323 100%);box-shadow:0 0 0 .75px #333,0 2px 4px -1px #0d0d0d4d,inset 0 1px 1px #ffffff26,inset 0 -1px 1.2px .35px #121212}.Button-Dark.Button-Theme-Dark svg path{fill:#fff!important}.Button-Dark.Button-Theme-Dark:hover,.Button-Dark.Button-Theme-Dark:active{box-shadow:0 0 0 .75px #333,0 2px 4px -1px #0d0d0d4d,inset 0 1px 1px #ffffff26,inset 0 -1px 1.2px .35px #121212,0 6px 16px -4px #171a1d1a;background-color:#171a1d!important}.Button-Error{background-color:#ff3665;box-shadow:inset 0 -4px 20px -4px #171a1d33,0 3px 6px -1px #171a1d1a,inset 0 1px 1px #ff3665,inset 0 2px 1px #fff9}.Button-Error:hover{background-color:#ff174d}.Button-Error:active{background-color:#ff0841}.Button-Error .Loader span{background-color:#fff!important}.Button-Warning{color:#171a1d;background-color:#ffc107;box-shadow:inset 0 -4px 20px -4px #171a1d1a,0 3px 6px -1px #171a1d1a,inset 0 1px 1px #ffc107,inset 0 2px 1px #fff6}.Button-Warning svg path{fill:#171a1d}.Button-Warning:hover{background-color:#ecb100}.Button-Warning:active{background-color:#dfa700}.Button-Success{background-color:#26d489;box-shadow:inset 0 -4px 20px -4px #171a1d33,0 3px 6px -1px #171a1d1a,inset 0 1px 1px #26d489,inset 0 2px 1px #fff9}.Button-Success:hover{background-color:#22bf7b}.Button-Success:active{background-color:#20b474}.Button-Info,.Button-Blue{background-color:#0071e3;box-shadow:inset 0 -4px 20px -4px #fff3,0 3px 6px -1px #171a1d1a,inset 0 1.5px 1px #0071e3,inset 0 2.5px 1px #fff9}.Button-Info:hover,.Button-Blue:hover{background-color:#06c}.Button-Info:active,.Button-Blue:active{background-color:#0060c1}.Button-Gradient{box-shadow:inset -.25px -.5px 1px -.5px #00000040,inset .25px .5px 1px -.5px #00000040,0 1px 2px #0000001f,inset 0 1px #ffffff26,inset 0 -.74px 1.255px #ffffff1f;background:radial-gradient(200% 100% at -5% 5%,#cbdbe9 0%,#98cfe3 30.1%,#a2d6ce 50% 71.61%,#cbdbe9 100%)!important}.Button-Gradient:hover{box-shadow:inset -.25px -.5px 1px -.5px #00000040,inset .25px .5px 1px -.5px #00000040,0 1px 2px #0000001f,inset 0 1px #ffffff26,inset 0 -.74px 1.255px #ffffff1f,0 4px 12px -4px #171a1d33}.Button-Gradient .Paragraph,.Button-Gradient svg{filter:drop-shadow(0 .15px .75px #171a1d66);color:#fff!important}.Button-Gradient .Paragraph{font-weight:500}.Button-Silver{color:#171a1dcc;background:linear-gradient(#f0f0f0 0%,#e2e2e2 100%);box-shadow:inset 0 .75px 1px #fff,0 0 0 .75px #d4d4d4cc,0 3px 4px -1.5px #0000001a,inset 0 1px 4px #ffffff54}
