.modal{align-items:center;background:var(--color-modal-background);bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal:not([aria-hidden=true]){display:flex}.modal.modal--alert{background:none;bottom:auto;left:50%;max-width:28rem;right:auto;top:50%;transform:translate(-50%,-50%);width:90vw}.modal__content{background:var(--color-white);height:100%;width:100%}@media screen and (min-width:768px){.modal--centered .modal__content{border-radius:4px;box-shadow:var(--elevation-5);height:auto;max-height:calc(100vh - 48px);max-width:33.5rem;overflow:auto}}.modal--centered-small .modal__content{border-radius:4px;box-shadow:var(--elevation-5);height:auto;max-height:calc(100vh - 48px);max-width:33.5rem;overflow:auto;padding:1rem}@media screen and (min-width:768px){.modal--centered-small .modal__content{padding:3rem}}.modal--left .modal__content,.modal--right .modal__content{box-shadow:var(--elevation-5);width:100%}@media screen and (min-width:768px){.modal--left .modal__content,.modal--right .modal__content{width:83.33333%}}.modal--left .modal__content{animation:translateRight .5s cubic-bezier(.165,.84,.44,1) forwards;margin-right:auto;max-width:22.125rem}@keyframes translateRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.modal--right .modal__content{animation:translateLeft .5s cubic-bezier(.165,.84,.44,1) forwards;margin-left:auto;max-width:35.3125rem}@keyframes translateLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.modal--bottom .modal__content{border-radius:8px 8px 0 0;height:auto;margin-top:auto;padding:0}.modal--alert .modal__content{border-radius:8px;box-shadow:var(--elevation-6);padding:2rem 1rem}.modal--purchase-guide .modal__content{display:flex;flex-direction:column;height:100%;justify-content:space-between}@media screen and (min-width:768px){.modal--purchase-guide .modal__content{height:unset}}.modal__close{height:2rem;width:2rem}.modal__close svg{color:var(--color-secondary)}.modal--centered-small .modal__close{height:1.5625rem;width:1.5625rem}@media screen and (min-width:768px){.modal--centered-small .modal__close{height:2rem;width:2rem}}.modal__header{align-items:center;display:flex;justify-content:space-between;min-height:3.75rem;padding:1rem;width:100%}@media screen and (min-width:768px){.modal__header{padding:1rem 1.5rem}.modal--centered .modal__header{padding:3.375rem 3rem .75rem}}.modal--alert .modal__header{justify-content:center;margin:0 0 .625rem}.modal--right .modal__header{flex-direction:row-reverse}.modal--purchase-guide .modal__header{color:var(--color-secondary);padding:1rem .75rem}.modal--centered-small .modal__header{padding:0}.modal__header-icon{align-items:center;background:var(--color-tertiary-60);border-radius:50%;display:flex;height:4rem;justify-content:center;width:4rem}.modal__headingwrap,.modal__title{margin-right:auto}.modal__title{overflow:hidden;text-overflow:ellipsis}.modal--alert .modal__title{font-size:1.5rem;margin:0}.modal--right .modal__title{color:var(--color-secondary)}.modal--purchase-guide .modal__title{font-weight:400;padding:0 .75rem}.modal__title--secondary{color:var(--color-black);font-size:1rem;font-weight:500;padding:0 .75rem}.modal__slot{overflow-y:auto;padding:0 1rem}@media screen and (min-width:768px){.modal__slot{padding:0 1.5rem}}.modal__slot.modal__slot--full{height:100%}.modal--centered-small .modal__slot{padding:0}@media screen and (min-width:768px){.modal--centered .modal__slot{padding:0}}.modal--centered .modal__slot,.modal--left .modal__slot,.modal--right .modal__slot{max-height:calc(100% - 3.75rem)}.modal--bottom .modal__slot{max-height:calc(75vh - 3.75rem);padding:0}.modal--bottom .modal__slot.modal__slot--fullheight{display:flex;height:100%;justify-content:space-between;max-height:100%}.modal__actions{display:flex;justify-content:center;margin:2rem 0 0}.modal--centered-small .modal__actions{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between}.modal__actions .button{min-width:6.25rem}.modal__cancel{margin-right:1rem}@media screen and (min-width:768px){.modal--centered .modal__form{padding:0 3rem 4rem}}