.btn-base{box-sizing:border-box}.btn-base,.btn-base__icon{justify-content:center;align-items:center;display:inline-flex}.btn-base__icon{flex:none}.btn-base__icon>.ui-icon,.btn-base__icon>svg{width:100%;height:100%}.btn-base__icon>svg{display:block}.btn-base.xx-small{border-radius:4px;min-height:2rem;padding-left:1rem;padding-right:1rem}.btn-base.xx-small .text{letter-spacing:0;font-size:.75rem;font-weight:700;line-height:1rem}.btn-base.xx-small .btn-base__icon{width:.75rem;height:.75rem}.btn-base.xx-small.text-ic{gap:.25rem;padding-left:1rem;padding-right:.75rem}.btn-base.xx-small.ic-text{gap:.25rem;padding-left:.75rem;padding-right:1rem}.btn-base.xx-small.ic-text-ic{padding-left:.75rem;padding-right:.75rem}.btn-base.xx-small.ic-text-ic .text{margin-left:.25rem;margin-right:.5rem}.btn-base.xx-small.icon{width:2rem;height:2rem;padding:0!important}.btn-base.xx-small.icon .btn-base__icon{width:1rem;height:1rem}.btn-base.x-small{border-radius:.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.btn-base.x-small .text{letter-spacing:0;font-size:.875rem;font-weight:700;line-height:1.285em}.btn-base.x-small .btn-base__icon{width:1rem;height:1rem}.btn-base.x-small.text-ic{gap:.25rem;padding-left:1.25rem;padding-right:.75rem}.btn-base.x-small.ic-text{gap:.25rem;padding-left:.75rem;padding-right:1.25rem}.btn-base.x-small.ic-text-ic{padding-left:.75rem;padding-right:.75rem}.btn-base.x-small.ic-text-ic .text{margin-left:.25rem;margin-right:.5rem}.btn-base.x-small.icon{width:2.5rem;height:2.5rem;padding:0!important}.btn-base.x-small.icon .btn-base__icon{width:1.25rem;height:1.25rem}.btn-base.small{border-radius:.5rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.btn-base.small .text{letter-spacing:-.5px;font-size:1rem;font-weight:700;line-height:1.25em}.btn-base.small .btn-base__icon{width:1.25rem;height:1.25rem}.btn-base.small.text-ic{gap:.25rem;padding-left:1.5rem}.btn-base.small.ic-text{gap:.25rem;padding-right:1.5rem}.btn-base.small.ic-text-ic .text{margin-left:.25rem;margin-right:.5rem}.btn-base.small.icon{width:3rem;height:3rem;padding:0!important}.btn-base.small.icon .btn-base__icon{width:1.5rem;height:1.5rem}.btn-base.middle{border-radius:.5rem;min-height:3.75rem;padding-left:1.5rem;padding-right:1.5rem}.btn-base.middle .text{letter-spacing:-1px;font-size:1.25rem;font-weight:700;line-height:1.2em}.btn-base.middle .btn-base__icon{width:1.5rem;height:1.5rem}.btn-base.middle.text-ic{gap:.25rem;padding-left:2rem}.btn-base.middle.ic-text{gap:.25rem;padding-right:2rem}.btn-base.middle.ic-text-ic .text{margin-left:.25rem;margin-right:.5rem}.btn-base.middle.icon{width:3.75rem;height:3.75rem;padding:0!important}.btn-base.middle.icon .btn-base__icon{width:2rem;height:2rem}.btn-base.primary{background-color:rgb(var(--color-primary-50)/1);color:rgb(var(--color-white)/1)}.desktop .btn-base.primary:focus-visible,.desktop .btn-base.primary:hover,.btn-base.primary.on,.btn-base.primary:active{background-color:rgb(var(--color-primary-70)/1);color:rgb(var(--color-white)/1)}.btn-base.secondary{color:rgb(var(--color-primary-50)/1);position:relative;background-color:rgb(var(--color-white)/1)!important}.btn-base.secondary:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--color-primary-50)/1);content:"";position:absolute;inset:0}.desktop .btn-base.secondary:focus-visible,.desktop .btn-base.secondary:hover{color:rgb(var(--color-primary-70)/1)}.desktop .btn-base.secondary:focus-visible:after,.desktop .btn-base.secondary:hover:after{box-shadow:inset 0 0 0 1px rgb(var(--color-primary-70)/1)}.btn-base.secondary.on,.btn-base.secondary:active{color:rgb(var(--color-primary-70)/1)}.btn-base.secondary.on:after,.btn-base.secondary:active:after{box-shadow:inset 0 0 0 1px rgb(var(--color-primary-70)/1)}.btn-base.gray{background-color:rgb(var(--color-white)/1);color:rgb(var(--color-gray-95)/1);position:relative}.btn-base.gray:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--color-gray-10)/1);content:"";position:absolute;inset:0}.desktop .btn-base.gray:focus-visible,.desktop .btn-base.gray:hover{background-color:rgb(var(--color-gray-20)/1);color:rgb(var(--color-gray-95)/1)}.desktop .btn-base.gray:focus-visible:after,.desktop .btn-base.gray:hover:after{box-shadow:inset 0 0 0 1px rgb(var(--color-gray-40)/1)}.btn-base.gray.on,.btn-base.gray:active{background-color:rgb(var(--color-gray-20)/1);color:rgb(var(--color-gray-95)/1)}.btn-base.gray.on:after,.btn-base.gray:active:after{box-shadow:inset 0 0 0 1px rgb(var(--color-gray-40)/1)}.btn-base.warning{background-color:rgb(var(--color-red-50)/1);color:rgb(var(--color-white)/1)}.desktop .btn-base.warning:focus-visible,.desktop .btn-base.warning:hover,.btn-base.warning.on,.btn-base.warning:active{background-color:rgb(var(--color-red-70)/1);color:rgb(var(--color-white)/1)}.btn-base.disabled,.btn-base:disabled{background-color:rgb(var(--color-gray-20)/1)!important;color:rgb(var(--color-gray-50)/1)!important;opacity:1!important;border-style:none!important}.btn-base.disabled:after,.btn-base:disabled:after{box-shadow:none!important}