:root{--body-color:#fcfdfe;--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;--page-width-max:600px;--transition-duration:2s}body{background:var(--body-color);margin:0;padding:0;overflow-y:scroll}*{box-sizing:border-box;font-family:var(--body-font-family);-webkit-tap-highlight-color:#0000}#__next{justify-content:center;display:flex}.container{max-width:var(--container-width-max);flex-direction:row;padding:45px 25px;display:flex}.page-container{max-width:var(--page-width-max);padding-bottom:60px}h1{color:var(--h1-color);margin:6px 0 12px;font-size:27px;font-weight:600;line-height:32px}h1 span.light{color:var(--h3-color)}h2{color:var(--h2-color);margin:8px 0}h3{color:var(--h3-color);margin:8px 0;font-size:17px}a{color:var(--checkout-color);text-decoration:none}header{flex:0 0 250px;padding-right:48px;position:relative}.header-content{position:sticky;top:45px}.logo img{height:20px;margin-bottom:52px}ul,li{margin:0;padding:0;list-style:none}.card-list{flex-wrap:wrap;align-content:flex-start;padding-top:64px;display:flex}.card{border-radius:10px;flex:0 0 33%;width:33%;min-width:304px;height:320px;margin:0 20px 20px 0;padding:12px;text-decoration:none;display:block;position:relative;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}label input{margin-bottom:20px}.FormRow,fieldset,input[type=number],input[type=text],input[type=email]{border-radius:var(--radius);appearance:none;background:#fff;width:100%;margin-top:10px;padding:5px 12px;font-size:16px}input[type=range]{width:100%;margin:5px 0}button{border-radius:var(--radius);color:#fff;cursor:pointer;border:0;width:100%;margin-top:10px;padding:12px 16px;font-size:larger;font-weight:600;transition:all .2s;display:block}button:disabled{opacity:.5;cursor:not-allowed}.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}.cart-style-background{transition:box-shadow var(--transition-duration);background:teal}.card.cart-style-background:hover{box-shadow:20px 20px 60px teal,-20px -20px 60px teal}.products{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.product img{max-width:100%}.test-card-notice{margin-block:1em;margin-inline:0;display:block}.card-number{white-space:nowrap;color:#3c4257;font-family:Menlo,Consolas,monospace;font-weight:500;display:inline}.card-number span{width:4px;display:inline-block}code,pre{border-radius:var(--radius);max-height:500px;width:var(--page-width-max);background:#00000008;padding:12px;font-family:SF Mono,IBM Plex Mono,Menlo,monospace;font-size:12px;overflow:auto}.banner{background:var(--body-color);color:#6a7c94;box-sizing:border-box;text-align:center;border-radius:50px;justify-content:center;align-items:center;max-width:825px;margin:0 auto;padding:15px;font-size:14px;line-height:1.15;display:flex;position:fixed;bottom:2vh;left:0;right:0;box-shadow:-20px 20px 60px #abacad,20px -20px 60px #fff}@media only screen and (max-width:980px){.container{flex-direction:column}.header-content{max-width:280px;position:relative;top:0}.card{box-shadow:none;margin:0 20px 20px 0}.card-list{padding-top:0}.banner{box-shadow:none;bottom:0}}@media only screen and (max-width:600px){.container{flex-direction:column}.card{max-width:100%;box-shadow:none;border-radius:8px;flex:1 0 100%;margin:0 0 20px;padding-left:0;padding-right:0;display:block}.card-list{padding-top:0}code,pre,h3{display:none}.banner{box-shadow:none;bottom:0}}