:root{--logo-vertical-height-small:calc(var(--line-height-base) * 1.2rem);--logo-vertical-width-small:calc(var(--logo-vertical-height-small) * 2.3923)}.loader{display:inline-block}.loader--small{--loader-width:var(--spacing-4);--loader-height:var(--loader-width)}.loader--large{--loader-width:var(--spacing-8);--loader-height:var(--loader-width)}.loader__label{visibility:hidden}.loader__spinner__icon{width:var(--loader-width);height:var(--loader-height);animation:2s cubic-bezier(.585,.295,.155,.9) infinite rotate;display:block;transform:rotate(-49deg)}@media screen and (prefers-reduced-motion:reduce),(update:slow){.loader__spinner__icon{animation:unset}}@keyframes rotate{0%{transform:rotate(-49deg)}to{transform:rotate(409deg)}}.loader__spinner__icon path{stroke-dasharray:50;stroke-dashoffset:50px;stroke-linecap:round;transform-origin:50%;animation:2s cubic-bezier(.585,.295,.155,.9) infinite trimpath;transform:scaleX(-1)rotate(49deg)}@media screen and (prefers-reduced-motion:reduce),(update:slow){.loader__spinner__icon path{animation:unset;stroke-dashoffset:15px}}@keyframes trimpath{0%{stroke-dashoffset:50px;transform:scaleX(1)rotate(49deg)}50%{stroke-dashoffset:15px;transform:scaleX(1)rotate(49deg)}50.001%{stroke-dashoffset:15px;transform:scaleX(-1)rotate(49deg)}60%{stroke-dashoffset:15px;transform:scaleX(-1)rotate(49deg)}to{stroke-dashoffset:50px;transform:scaleX(-1)rotate(49deg)}}.loader__logo{width:var(--logo-vertical-width-small);height:var(--logo-vertical-height-small);margin-bottom:0;animation:2s infinite heartbeat;display:block}@keyframes heartbeat{0%{transform:scale(.85)}30%{transform:scale(.85)}37%{transform:scale(1)}44%{transform:scale(.85)}51%{transform:scale(1)}58%{transform:scale(.85)}to{transform:scale(.85)}}
.button{box-sizing:border-box;width:100%;padding:var(--spacing-1-half) var(--spacing-6);border:var(--spacing-px) solid #0000;border-radius:var(--border-radius-xl);appearance:none;cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;gap:var(--spacing-2);line-height:var(--spacing-7);transition:var(--transition);text-decoration:none;display:flex}@media not (max-width:48rem){.button{width:auto;display:inline-flex}}.button[disabled]{cursor:not-allowed;opacity:.5}.button.button--block{justify-content:center;width:100%;display:flex}.button.button--outline{background-color:var(--color-neutral-white)}.button.button--xs{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);gap:var(--spacing-1-half);line-height:1.375rem}.button.button--sm{padding:var(--spacing-2-half) var(--spacing-5);font-size:var(--font-size-xs);line-height:1.375rem}.button.button--md{padding:var(--spacing-2-half) var(--spacing-7);font-size:var(--font-size-base);line-height:1.625rem}.button.button--lg{padding:var(--spacing-3) var(--spacing-8);font-size:var(--font-size-l);line-height:1.5rem}.button.button--lowercase{text-transform:lowercase}.button--ellipsis{overflow:hidden}.button--ellipsis .button__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__icon{width:var(--spacing-4);height:var(--spacing-4);color:var(--color-neutral-white-a60);stroke-width:.15rem;transition:var(--transition);flex-shrink:0}.button--lg .button__icon{width:var(--spacing-5);height:var(--spacing-5)}.button--primary.button--outline .button__icon{color:var(--color-primary-700)}.button--purple.button--outline .button__icon{color:var(--color-purple-600)}.button--error.button--outline .button__icon{color:var(--color-state-error)}.button.button--navigation .button__icon{width:var(--spacing-6);height:var(--spacing-6);color:var(--color-neutral-white-a80)}@media not (max-width:64rem){.button.button--navigation .button__icon{width:var(--spacing-5);height:var(--spacing-5);color:var(--color-neutral-white-a60)}}.button--primary{border-color:var(--color-primary-700);background-color:var(--color-primary-700);color:var(--color-neutral-white)}.button--primary.button--outline{border-color:var(--color-primary-800);color:var(--color-primary-800)}.button--primary:focus-visible{outline:var(--outline);outline-offset:var(--outline-offset)}.button--primary:not([disabled]):hover,.button--primary:not([disabled]):active{border-color:var(--color-primary);background-color:var(--color-primary)}.button--primary:not([disabled]):hover.button--outline,.button--primary:not([disabled]):active.button--outline{background-color:var(--color-primary-50)}.button--primary:not([disabled]):hover.button--outline .button__icon,.button--primary:not([disabled]):active.button--outline .button__icon{color:var(--color-primary-800)}.button--secondary{border-color:var(--color-neutral-white);background-color:var(--color-neutral-white);color:var(--color-primary-800)}.button--secondary .button__icon{color:var(--color-primary-700)}.button--secondary.button--outline{border-color:var(--color-neutral-white);color:var(--color-neutral-white)}.button--secondary:focus-visible{outline:var(--outline);outline-offset:var(--outline-offset)}.button--secondary:not([disabled]):hover,.button--secondary:not([disabled]):active{border-color:var(--color-off-white);background-color:var(--color-off-white)}.button--secondary:not([disabled]):hover.button--outline,.button--secondary:not([disabled]):active.button--outline{background-color:var(--color-off-white);color:var(--color-primary-800)}.button--purple{border-color:var(--color-purple-700);background-color:var(--color-purple-700);color:var(--color-neutral-white)}.button--purple.button--outline{border-color:var(--color-purple-700);color:var(--color-purple-700)}.button--purple:focus-visible{outline:var(--outline-purple-a15)}.button--purple:not([disabled]):hover,.button--purple:not([disabled]):active{background-color:var(--color-purple-900)}.button--purple:not([disabled]):hover.button--outline,.button--purple:not([disabled]):active.button--outline{background-color:var(--color-purple-100)}.button--purple:not([disabled]):hover.button--outline .button__icon,.button--purple:not([disabled]):active.button--outline .button__icon{color:var(--color-purple-700)}.button--purple-light{background-color:var(--color-purple-50);color:var(--color-purple-700)}.button--purple-light .button__icon{color:var(--color-purple-600)}.button--purple-light.button--outline{border-color:var(--color-purple-200);color:var(--color-purple-800);font-weight:var(--font-weight-medium);text-transform:lowercase}.button--purple-light:not([disabled]):hover,.button--purple-light:not([disabled]):active{background-color:var(--color-purple-100)}.button--purple-light:not([disabled]):hover .button__icon,.button--purple-light:not([disabled]):active .button__icon{color:var(--color-purple-700)}.button--purple-transparent{color:var(--color-purple-800);background:0 0;padding-left:0!important;padding-right:0!important}.button--purple-transparent .button__icon{color:currentColor}.button--error{border-color:var(--color-state-error);background-color:var(--color-state-error);color:var(--color-neutral-white)}.button--error.button--outline{border-color:var(--color-state-error);color:var(--color-state-error)}.button--error:focus-visible{outline:.25rem solid var(--color-red-a20)}.button--error:not([disabled]):hover,.button--error:not([disabled]):active{background-color:var(--color-red-dark)}.button--error:not([disabled]):hover.button--outline,.button--error:not([disabled]):active.button--outline{background-color:var(--color-red-a10)}.button--order-disabled{background-color:var(--color-neutral-a10);color:var(--color-gray-300);border:none}.button--order-disabled .button__icon{color:var(--color-gray-300)}.button--order-disabled:disabled{opacity:1}.button--order-disabled:hover{cursor:not-allowed}.button.button--navigation{padding:var(--spacing-2);background-color:var(--color-transparent);color:var(--color-off-white-dark);font-size:var(--font-size-s);border:none}@media not (max-width:64rem){.button.button--navigation{border:var(--spacing-half) solid var(--color-neutral-white-a40);padding-inline:var(--spacing-4)}}@media not (max-width:90rem){.button.button--navigation{font-size:var(--font-size-m);gap:var(--spacing-2)}}.button.button--navigation .button__label{display:none}@media not (max-width:64rem){.button.button--navigation .button__label{display:inline-block}.button.button--navigation:hover{background-color:var(--color-off-white);color:var(--color-primary)}.button.button--navigation:hover .button__icon{color:var(--color-primary)}}.button.button--navigation:focus-visible{outline:var(--outline-light);outline-offset:var(--outline-offset)}
.button-group{gap:var(--spacing-2);width:100%;display:flex}