#payment-buttons{width:20rem;margin:0 auto}#payment-buttons>.purchase-button{width:100%;margin-bottom:1rem;font-size:.9rem}#payment-wrapper{visibility:hidden;position:fixed;width:100%;height:100%;top:1000%;left:0;z-index:10000;text-align:left}#payment-wrapper>#payment-bg{position:relative;background:rgba(0,0,0,0.5);width:100%;height:100%;opacity:0;transition:opacity 200ms;display:flex;justify-content:center;align-items:center}#payment-wrapper>#payment-inner-wrapper{font-size:.9em;position:fixed;width:100%;height:100%;top:1000%;left:0;opacity:0;transition:opacity 150ms}#payment-wrapper form{opacity:1;transition:opacity 150ms}#payment-wrapper.visible{visibility:visible;top:0}#payment-wrapper.visible>#payment-inner-wrapper{top:0}#payment-wrapper.visible>#payment-bg{opacity:1;transition:opacity 200ms}#payment-wrapper.loading #payment-bg:after,#payment-wrapper.processing #payment-bg:after{content:'';width:36px;height:36px;border:3px solid rgba(0,0,0,0.1);border-left:3px solid #446084;border-radius:50%;animation:spin 600ms infinite linear;z-index:999}#payment-wrapper.processing #payment-bg:after{opacity:.5}#payment-wrapper.ready>#payment-inner-wrapper{top:0;opacity:1;transition:opacity 150ms}#payment-wrapper.ready>#payment-inner-wrapper>#payment-inner{transform:translateY(0) scale(1);transition:transform 400ms cubic-bezier(0.42, 0, 0.21, 1.22)}#payment-wrapper.processing form,#payment-wrapper.success form{pointer-events:none;opacity:.5;transition:150ms}#payment-wrapper.processing i#close,#payment-wrapper.success i#close{pointer-events:none;opacity:.25}#payment-wrapper.success #payment-bg:after{content:'\f05d';font:normal normal normal 3em/1 FontAwesome;color:#5db056;z-index:999;animation:boing 625ms ease-in}#payment-wrapper.closing>#payment-bg{opacity:0;transition:opacity 200ms}@media screen and (min-width: 400px){#payment-wrapper>#payment-inner-wrapper{width:400px;height:600px}#payment-wrapper.visible>#payment-inner-wrapper{left:50%;top:50%;transform:translate(-50%, -50%)}}#payment-inner{display:flex;flex-direction:column;width:100%;height:100%;background:white;color:#000;padding:1rem;box-shadow:0 0 30px -10px #000;transform:translateY(25%) scale(0.75);transition:transform 250ms ease-in}#payment-inner #payment-header{position:relative}#payment-inner #payment-header>p{margin-bottom:1em}#payment-inner #payment-header i#close{position:absolute;top:0;right:0;font-size:1.5em;color:#aaa;cursor:pointer}#payment-inner #payment-header i#close:hover{color:#000}#payment-inner>p{color:#444}#payment-inner>form{display:flex;flex-direction:column;flex:1;margin:0;position:relative}#payment-inner>form #card-element{flex:1 1 0}#payment-inner>form #cardholder-name{color:#444}#payment-inner>form #submit-container{position:absolute;bottom:0;width:100%;display:flex;justify-content:center}#payment-inner>form #submit-button{font-size:.9rem;width:50%}#payment-inner>form #submit-button i{font-size:2em;vertical-align:middle}#payment-inner label{display:flex;flex-direction:row;align-items:center}#payment-inner label>span{padding-right:1rem;min-width:110px;text-align:right}#payment-inner label>input,#payment-inner label>select{border:none;border-bottom:1px solid #aaa;height:2.25em}#payment-inner label>i.fa-angle-down{position:absolute;right:1em;z-index:-1}#payment-inner label#card{margin-top:.5em}#payment-inner #payment-errors{color:#e25950;text-align:center;opacity:0;transition:opacity 150ms}#payment-inner #payment-errors:before{font:normal normal normal 14px/1 FontAwesome;content:'\f06a';margin-right:.3em}#payment-inner #payment-errors.visible{opacity:1;transition:opacity 150ms}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes boing{0%{transform:scale(0.1)}30%{transform:scale(1.2)}40%{transform:scale(0.825)}50%{transform:scale(1.15)}60%{transform:scale(0.88)}70%{transform:scale(1.09)}80%{transform:scale(0.95)}90%{transform:scale(1.025)}100%{transform:scale(1)}}