:root{--body-color:#fff;--checkout-color:#8f6ed5;--elements-color:#6772e5;--body-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--h1-color:#1a1f36;--h2-color:#7b818a;--h3-color:#a3acb9;--radius:6px;--container-width-max:1280px;--transition-duration:2s}body{margin:0;padding:0;background:var(--body-color);overflow-y:scroll}*{box-sizing:border-box;font-family:var(--body-font-family);-webkit-tap-highlight-color:rgba(0,0,0,0)}#__next,.container{display:flex;justify-content:center}.container{width:100%;align-items:center}.page-container{padding-bottom:60px}h1{font-weight:600;color:var(--h1-color);margin:6px 0 12px;font-size:27px;line-height:32px}h1 span.light{color:var(--h3-color)}h2{color:var(--h2-color)}h2,h3{margin:8px 0}h3{font-size:17px;color:var(--h3-color)}a{color:var(--checkout-color);text-decoration:none}header{position:relative;flex:0 0 250px;padding-right:48px}.header-content{position:-webkit-sticky;position:sticky;top:45px}.logo img{height:20px;margin-bottom:52px}li,ul{list-style:none;padding:0;margin:0}.card-list{display:flex;flex-wrap:wrap;align-content:flex-start;padding-top:64px}.card{display:block;border-radius:10px;position:relative;padding:12px;height:320px;flex:0 0 33%;min-width:304px;width:33%;margin:0 20px 20px 0;text-decoration:none;box-shadow:-20px 20px 60px #abacad,20px -20px 60px #fff}.card h2{color:#fff}.card h2.bottom{position:absolute;bottom:10px}.card img{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-message{color:#ef2961}.elements-style{color:var(--elements-color);border:1px solid var(--elements-color)}.elements-style-background{background:var(--elements-color);transition:box-shadow var(--transition-duration)}.card.elements-style-background:hover{box-shadow:20px 20px 60px #464e9c,-20px -20px 60px #8896ff}.checkout-style{color:var(--checkout-color);border:1px solid var(--checkout-color)}.checkout-style-background{background:var(--checkout-color);transition:box-shadow var(--transition-duration)}.card.checkout-style-background:hover{box-shadow:20px 20px 60px #614b91,-20px -20px 60px #bd91ff}.test-card-notice{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}.card-number{display:inline;white-space:nowrap;font-family:Menlo,Consolas,monospace;color:#3c4257;font-weight:500}.card-number span{display:inline-block;width:4px}code,pre{font-family:SF Mono,IBM Plex Mono,Menlo,monospace;font-size:12px;background:rgba(0,0,0,.03);padding:12px;border-radius:var(--radius);max-height:500px;overflow:auto}.banner{max-width:825px;margin:0 auto;font-size:14px;background:var(--body-color);color:#6a7c94;border-radius:50px;box-shadow:-20px 20px 60px #abacad,20px -20px 60px #fff;display:flex;align-items:center;box-sizing:border-box;padding:15px;line-height:1.15;position:fixed;bottom:2vh;left:0;right:0;text-align:center;justify-content:center}@media only screen and (max-width:980px){.container{flex-direction:column}.header-content{max-width:280px;position:relative;top:0}.card{margin:0 20px 20px 0;box-shadow:none}.card-list{padding-top:0}.banner{box-shadow:none;bottom:0}}@media only screen and (max-width:600px){.container{flex-direction:column}.card{display:block;border-radius:8px;flex:1 0 100%;max-width:100%;padding-left:0;padding-right:0;margin:0 0 20px;box-shadow:none}.card-list{padding-top:0}code,h3,pre{display:none}.banner{box-shadow:none;bottom:0}}.center-container{width:100%;display:flex;align-items:center;justify-content:center;margin-top:2vh}