@keyframes slideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideToLeft{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.loyalty-modal__icon{display:inline-block;position:relative;height:1.5rem;width:1.5rem;padding:0.75rem;cursor:pointer}.loyalty-modal__icon:hover .loyalty-modal__icon-bg{background:rgba(204,204,204,0.5);transform:scale(1)}.loyalty-modal__icon-bg{position:absolute;left:0;top:0;display:block;border-radius:50%;width:100%;height:100%;transform:scale(0);transition-property:transform, background-color;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0, 1)}.loyalty-modal__icon-svg{position:relative;z-index:1}.loyalty-modal__modal{position:absolute;top:0;right:0;bottom:0;width:100%;background:#fff;z-index:9001;overflow-y:auto;display:flex;flex-shrink:0;flex-direction:column;text-align:left;animation:slideDown 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;pointer-events:none}.loyalty-modal__modal--open{animation:slideUp 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;display:block;display:flex;flex-direction:column;pointer-events:all}.loyalty-modal__lightbox{opacity:0;position:fixed;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),visibility 0ms 0.3s;pointer-events:none;background:rgba(0,0,0,0.15)}.loyalty-modal__lightbox--open{opacity:1;visibility:visible;transition:opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),visibility 0ms;pointer-events:all}@media (min-width: 37.5em){.loyalty-modal__modal{width:31.25rem;animation:slideToRight 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards}.loyalty-modal__modal--open{animation:slideToLeft 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards}#loyalty-modal__modal-closer{position:absolute;left:0;bottom:0;right:31.25rem;top:0}}.loyalty-modal__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:1;margin-top:10vh}.loyalty-modal__loading--inactive{opacity:0;transform:translateY(-2.5rem);transition:transform 0.5s, opacity 0.5s}.loyalty-modal__loading__ball-wrapper{height:2.8125rem;margin-top:1.875rem}.loyalty-modal__loading__ball{transform-origin:bottom;background:#0058a3;border-radius:50%;height:0.9375rem;width:0.9375rem;opacity:0;transition:opacity 0.2s}.loyalty-modal__loading__ball--active{opacity:1;-webkit-animation:loading-bounce 0.7s infinite 0.1s;animation:loading-bounce 0.7s infinite 0.1s}@media (prefers-reduced-motion: reduce){.loyalty-modal__loading--inactive{transition:none}.loyalty-modal__loading__text{transition:none}.loyalty-modal__loading__ball{-webkit-animation:none;animation:none;transition:none}}@-webkit-keyframes loading-bounce{0%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-timing-function:cubic-bezier(0.42, 0, 1, 1)}40%{transform:translateY(1.875rem) scaleY(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{transform:translateY(1.875rem) scaleY(0.75);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}60%{transform:translateY(1.875rem) scaleY(1);-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:translateY(0)}}@keyframes loading-bounce{0%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-timing-function:cubic-bezier(0.42, 0, 1, 1)}40%{transform:translateY(1.875rem) scaleY(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{transform:translateY(1.875rem) scaleY(0.75);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}60%{transform:translateY(1.875rem) scaleY(1);-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:translateY(0)}}.loyalty-modal__close-button{width:40px;height:40px;color:#111;border:0;transition-property:background-color;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border-radius:50%;border-color:#fff}.loyalty-modal__close-button svg{min-width:1.5rem;min-height:1.5rem}.loyalty-modal__close-button:hover{background-color:#dfdfdf}.loyalty-modal__close-button:focus{outline:none;background-color:#dfdfdf}.loyalty-modal__close-button__wrapper{position:absolute;top:1.5625rem;right:1.5rem}@media (min-width: 37.5em){.loyalty-modal__close-button__wrapper{right:2.3125rem}}