:root { /* Border radius of the white container. */ --st-border-radius: 24px; /* Color of the input label while input does NOT have focus. */ --st-input-label-color: #666673; /* Color of the input label while input does have focus. Used also for input underline while input does have focus. */ --st-input-label-focus-color: #549bdd; /* Color of the input placeholder. Used also for input underline while input does NOT have any value entered. */ --st-input-placeholder-color: #d3d3d3; /* Color of the input text. Used also for input underline when input is valid. */ --st-input-text-color: #001145; /* Color of the input label text when input is invalid. Used also for input underline when input is invalid. */ --st-input-error-color: #f54432; /* Color of the link to the "About security" page. */ --st-link-color: #549bdd; /* Color of the loading indicator while waiting for card info to be tokenized. */ --st-loader-color: #549bdd; /* Color of the regular text. (Used also for scrollbar) */ --st-text-color: #666673; /* Color of the highlighted text. */ --st-text-highlight-color: #001145; /* Settings of the big "Tokenize" button. */ --st-button-submit-background-color: #f54632; --st-button-submit-background-hover-color: #e1210b; --st-button-submit-background-disabled-color: #eeeeee; --st-button-submit-text-color: #ffffff; --st-button-submit-text-hover-color: #ffffff; --st-button-submit-text-disabled-color: #666673; /* Settings of the small "Back" button. */ --st-button-back-text-color: #d3d3d3; --st-button-back-text-hover-color: #666673; /* Settings of the card image on the main page (where you are entering card information). */ --st-card-background-color: linear-gradient( 107.56deg, #f54432 0%, #001145 100% ); --st-card-text-color: #ffffff; /* Settings of the card image on the success page. */ --st-card-success-background_color: linear-gradient( 107.56deg, #00b929 0%, #01851e 100% ); --st-card-success-text-color: #ffffff; /* Settings of the card image on the error page. */ --st-card-failure-background-color: linear-gradient( 107.56deg, #f54432 0%, #ad1c0e 100% ); --st-card-failure-text-color: #ffffff; /* Currently, supported font families are Open Sans, Poppins, and Roboto (sans-serif as backup). To use one of these fonts, just change value below to the font of your choice. e.g. --st-font-family: 'Poppins', sans-serif; If you want to use another font, you have to provide @font-face (outside of `:root`) and put all required files into the `config` folder. Then you have to change the font family below. e.g. @font-face { font-family: 'Sofia'; font-style: normal; font-weight: 400; src: url(config/8QIHdirahM3j_su5uI0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { ... --st-font-family: 'Sofia', sans-serif; ... } And put `8QIHdirahM3j_su5uI0.woff2` file into `config` folder. */ --st-font-family: 'Poppins', sans-serif; /* All texts have predefined font-weight. You can't change which text is light and which is bold. But, here you can specify font-weight for all bold texts etc. (You can't change font-weight of the card info displayed in card image.) */ --st-font-light: 300; --st-font-normal: 400; --st-font-semibold: 500; --st-font-bold: 700; /* [Optional] Background image. If omitted, `--st-image-background-color` will be used as background. */ --st-image-background: url('config/background.jpg'); /* Background color. It will be used as a background if the `--st-image-background` option is omitted or until the background image is loaded. This should be the predominant color of the image. Otherwise, the user may experience an inconvenient flicker. */ --st-image-background-color: #1c2a35; /* Company logo in SVG format. It is necessary to encode it using e.g. https://yoksel.github.io/url-encoder/. */ --st-logo: url("data:image/svg+xml,%3Csvg width='160' height='28' viewBox='0 0 160 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2092 9.7429C14.4023 10.7341 15.2655 12.0651 15.6839 13.5588C15.7159 13.6674 15.7224 13.7819 15.7028 13.8934C15.6833 14.0049 15.6383 14.1104 15.5713 14.2017C15.5043 14.293 15.4172 14.3676 15.3166 14.4196C15.2161 14.4717 15.1049 14.4998 14.9917 14.5019H11.0201C10.876 14.5056 10.7344 14.4642 10.6149 14.3836C10.4955 14.3029 10.4042 14.187 10.3538 14.052C10.1768 13.5107 9.8461 13.0327 9.40201 12.6762C8.80094 12.2217 8.06105 11.9893 7.30805 12.0186C6.77736 11.9787 6.2498 12.129 5.81979 12.4425C5.64726 12.5897 5.51133 12.775 5.42273 12.9837C5.33413 13.1925 5.29529 13.4189 5.30928 13.6453C5.30953 13.9364 5.39933 14.2205 5.5665 14.4588C5.73367 14.6972 5.97012 14.8784 6.24377 14.9778C7.1893 15.366 8.17222 15.6559 9.17704 15.8431C10.3884 16.1122 11.5818 16.456 12.7506 16.8727C13.6871 17.2346 14.5153 17.8304 15.1561 18.6033C15.8774 19.5058 16.2409 20.6425 16.1771 21.7961C16.1982 22.8263 15.8956 23.8371 15.3118 24.6862C14.6659 25.5675 13.7841 26.2484 12.7679 26.6503C11.5146 27.1534 10.1725 27.3977 8.82228 27.3685C6.63874 27.4692 4.48104 26.8622 2.67019 25.638C1.3708 24.6699 0.452188 23.2767 0.0743748 21.701C0.0451375 21.5932 0.0411096 21.4802 0.0626035 21.3707C0.0840974 21.2611 0.130535 21.158 0.198316 21.0693C0.266096 20.9806 0.353398 20.9087 0.453449 20.8592C0.5535 20.8097 0.663613 20.7839 0.775246 20.7838H4.85068C5.00681 20.7833 5.15885 20.8337 5.28375 20.9274C5.40866 21.0211 5.49963 21.1529 5.5429 21.3029C5.68714 21.8482 6.01777 22.3258 6.47739 22.6528C7.16429 23.1116 7.97979 23.3389 8.80498 23.3017C9.34352 23.3394 9.8769 23.176 10.3019 22.8431C10.4697 22.6903 10.6023 22.5028 10.6904 22.2936C10.7786 22.0844 10.8202 21.8586 10.8124 21.6317C10.8233 21.3285 10.7391 21.0295 10.5715 20.7766C10.4039 20.5237 10.1614 20.3295 9.87792 20.2214C8.89149 19.8397 7.8719 19.5501 6.83215 19.3561C5.65663 19.1243 4.49979 18.8062 3.37106 18.4043C2.46302 18.0633 1.65625 17.4977 1.02617 16.7603C0.315135 15.8824 -0.0482661 14.7737 0.00515294 13.6453C-0.0110487 12.8511 0.158947 12.0641 0.501528 11.3474C0.844109 10.6307 1.34975 10.0041 1.97797 9.51793C3.56468 8.3781 5.4966 7.82175 7.4465 7.94313C9.5205 7.83715 11.5642 8.47541 13.2092 9.7429Z' fill='%23F5F5F5'/%3E%3Cpath d='M46.7299 9.07672L42.2565 26.5985C42.2147 26.7524 42.1234 26.8883 41.9968 26.9853C41.8701 27.0822 41.7151 27.1348 41.5556 27.135H36.1217C35.9765 27.1337 35.8349 27.0895 35.7148 27.0078C35.5947 26.9262 35.5014 26.8109 35.4468 26.6764L32.8856 16.1806C32.8316 16.0457 32.7385 15.93 32.6182 15.8486C32.4979 15.7671 32.3559 15.7235 32.2106 15.7235C32.0654 15.7235 31.9234 15.7671 31.8031 15.8486C31.6828 15.93 31.5897 16.0457 31.5357 16.1806L28.9399 26.6764C28.8853 26.8109 28.792 26.9262 28.6719 27.0078C28.5518 27.0895 28.4102 27.1337 28.265 27.135H22.8051C22.6453 27.1363 22.4895 27.0843 22.3626 26.9871C22.2356 26.8899 22.1447 26.7532 22.1043 26.5985L17.6135 9.07672C17.5917 8.97236 17.5933 8.86445 17.6184 8.76082C17.6434 8.65719 17.6913 8.56044 17.7584 8.47759C17.8255 8.39474 17.9102 8.32787 18.0064 8.28184C18.1025 8.2358 18.2077 8.21176 18.3144 8.21145H22.5888C22.7586 8.21106 22.923 8.27082 23.0528 8.38011C23.1827 8.4894 23.2697 8.64117 23.2983 8.80849L25.2192 19.2091C25.2503 19.3639 25.3309 19.5044 25.449 19.6093C25.567 19.7142 25.716 19.7779 25.8734 19.7906C26.0308 19.8033 26.188 19.7644 26.3214 19.6798C26.4547 19.5951 26.5568 19.4694 26.6123 19.3216L29.0697 8.65274C29.1196 8.51361 29.2111 8.39325 29.3319 8.30808C29.4527 8.22291 29.5968 8.17708 29.7446 8.17684H34.9363C35.0842 8.17589 35.2289 8.22012 35.3511 8.30361C35.4732 8.3871 35.567 8.50589 35.6198 8.64409L38.1637 19.3735C38.2199 19.5213 38.3228 19.6467 38.4568 19.7308C38.5908 19.8148 38.7485 19.8529 38.906 19.8392C39.0636 19.8255 39.2124 19.7607 39.3298 19.6548C39.4472 19.5489 39.5269 19.4076 39.5568 19.2523L41.4864 8.74792C41.515 8.5806 41.602 8.42883 41.7319 8.31954C41.8617 8.21025 42.0261 8.15049 42.1959 8.15088H46.0637C46.1733 8.1558 46.2804 8.18549 46.3769 8.23771C46.4735 8.28994 46.5569 8.36335 46.621 8.45243C46.6851 8.54152 46.7282 8.64396 46.7471 8.75209C46.766 8.86021 46.7601 8.97119 46.7299 9.07672Z' fill='%23F5F5F5'/%3E%3Cpath d='M70.5856 22.8695V26.4171C70.5856 26.6076 70.5099 26.7902 70.3752 26.9249C70.2406 27.0596 70.0579 27.1353 69.8674 27.1353H67.9725C66.0974 27.2543 64.2456 26.6679 62.7808 25.4912C61.5406 24.3895 60.9234 22.5724 60.9292 20.04V13.7928C60.9292 13.6977 60.9103 13.6036 60.8737 13.5159C60.837 13.4282 60.7834 13.3487 60.7158 13.2818C60.6481 13.215 60.568 13.1623 60.4798 13.1267C60.3917 13.0912 60.2974 13.0734 60.2023 13.0746H59.1121C58.92 13.0723 58.7364 12.995 58.6006 12.8592C58.4648 12.7234 58.3875 12.5398 58.3853 12.3478V8.88666C58.3875 8.69459 58.4648 8.51102 58.6006 8.3752C58.7364 8.23938 58.92 8.16208 59.1121 8.15983H60.211C60.306 8.16098 60.4003 8.14325 60.4885 8.10767C60.5766 8.07209 60.6568 8.01937 60.7244 7.95257C60.792 7.88577 60.8457 7.80621 60.8823 7.71851C60.919 7.6308 60.9378 7.5367 60.9378 7.44166V4.2488C60.9378 4.05752 61.0132 3.87395 61.1476 3.73789C61.2821 3.60183 61.4647 3.52425 61.656 3.52197H65.9823C66.1736 3.52425 66.3563 3.60183 66.4907 3.73789C66.6252 3.87395 66.7005 4.05752 66.7005 4.2488V7.45896C66.7028 7.65023 66.7804 7.83288 66.9164 7.96732C67.0525 8.10177 67.2361 8.17715 67.4274 8.17714H69.8328C70.0241 8.17942 70.2067 8.257 70.3412 8.39306C70.4756 8.52912 70.551 8.71269 70.551 8.90397V12.3651C70.551 12.5563 70.4756 12.7399 70.3412 12.876C70.2067 13.012 70.0241 13.0896 69.8328 13.0919H67.4966C67.3053 13.0919 67.1217 13.1673 66.9857 13.3017C66.8496 13.4361 66.772 13.6188 66.7697 13.8101V20.1525C66.7104 20.7146 66.8752 21.2774 67.2283 21.7187C67.6706 22.0556 68.2237 22.2133 68.7772 22.1599H69.8934C70.0778 22.1666 70.2526 22.244 70.3815 22.3761C70.5104 22.5082 70.5835 22.6849 70.5856 22.8695Z' fill='%23F5F5F5'/%3E%3Cpath d='M89.0331 9.95922C90.4801 11.1463 91.5033 12.7706 91.949 14.5884C91.9797 14.696 91.9851 14.8092 91.9648 14.9192C91.9445 15.0293 91.8991 15.1331 91.8321 15.2227C91.7651 15.3123 91.6784 15.3852 91.5786 15.4358C91.4788 15.4864 91.3687 15.5132 91.2568 15.5143H86.5843C86.4323 15.5194 86.2824 15.4771 86.1553 15.3935C86.0282 15.3098 85.9302 15.1887 85.8748 15.047C85.6872 14.4852 85.3454 13.9875 84.8884 13.6107C84.2693 13.1616 83.5149 12.9387 82.7512 12.979C82.2668 12.9692 81.7868 13.0729 81.3496 13.2817C80.9124 13.4906 80.5301 13.7988 80.2332 14.1818C79.5094 15.2073 79.161 16.451 79.2468 17.7034C79.1609 18.9531 79.5093 20.1941 80.2332 21.2164C80.5296 21.6005 80.9116 21.91 81.3488 22.1203C81.7859 22.3306 82.2661 22.4359 82.7512 22.4278C83.521 22.4525 84.2758 22.2111 84.8884 21.7442C85.3475 21.3694 85.6898 20.871 85.8748 20.3079C85.9313 20.1669 86.0295 20.0466 86.1563 19.9631C86.2832 19.8795 86.4325 19.8368 86.5843 19.8406H91.2568C91.3687 19.8417 91.4788 19.8685 91.5786 19.9191C91.6784 19.9697 91.7651 20.0426 91.8321 20.1322C91.8991 20.2218 91.9445 20.3257 91.9648 20.4357C91.9851 20.5457 91.9797 20.6589 91.949 20.7665C91.5033 22.5843 90.4801 24.2086 89.0331 25.3957C87.2867 26.7776 85.1067 27.4951 82.881 27.4204C81.1608 27.4544 79.4604 27.0494 77.9403 26.2437C76.5082 25.472 75.3324 24.2992 74.557 22.8691C73.7116 21.2719 73.2915 19.484 73.337 17.6775C73.2881 15.8726 73.7022 14.0853 74.5397 12.4858C75.3106 11.0546 76.4878 9.88346 77.923 9.11991C79.4522 8.32284 81.1567 7.92126 82.881 7.95179C85.104 7.87594 87.2826 8.5868 89.0331 9.95922Z' fill='%23F5F5F5'/%3E%3Cpath d='M112.863 10.1492C114.224 11.8342 114.909 13.9658 114.784 16.1282V26.4163C114.784 26.5107 114.765 26.604 114.729 26.6912C114.693 26.7783 114.64 26.8575 114.573 26.9242C114.507 26.9909 114.427 27.0438 114.34 27.0798C114.253 27.1159 114.16 27.1345 114.065 27.1345H109.739C109.549 27.1345 109.366 27.0589 109.231 26.9242C109.097 26.7895 109.021 26.6068 109.021 26.4163V16.8118C109.071 15.724 108.695 14.6595 107.974 13.8439C107.632 13.4847 107.218 13.203 106.758 13.0179C106.298 12.8328 105.804 12.7486 105.309 12.771C104.788 12.7476 104.269 12.8359 103.785 13.0299C103.302 13.2239 102.865 13.5192 102.505 13.8958C101.762 14.7872 101.39 15.9305 101.467 17.0887V26.4163C101.467 26.5114 101.448 26.6055 101.412 26.6932C101.375 26.7809 101.321 26.8604 101.254 26.9273C101.186 26.9941 101.106 27.0468 101.018 27.0824C100.93 27.1179 100.835 27.1357 100.74 27.1345H96.4138C96.2226 27.1345 96.039 27.0591 95.9029 26.9247C95.7669 26.7903 95.6893 26.6076 95.687 26.4163V2.71652C95.6893 2.52526 95.7669 2.3426 95.9029 2.20816C96.039 2.07372 96.2226 1.99833 96.4138 1.99834H100.74C100.835 1.9972 100.93 2.01493 101.018 2.05051C101.106 2.08609 101.186 2.13881 101.254 2.20561C101.321 2.27241 101.375 2.35197 101.412 2.43967C101.448 2.52737 101.467 2.62147 101.467 2.71652V9.39643C101.468 9.53851 101.51 9.67722 101.59 9.79498C101.669 9.91275 101.782 10.0043 101.914 10.058C102.045 10.1117 102.19 10.1252 102.329 10.0968C102.468 10.0684 102.596 9.99929 102.696 9.89828C103.056 9.53797 103.46 9.22404 103.898 8.96379C105.044 8.28639 106.358 7.9446 107.688 7.97738C108.658 7.93284 109.625 8.10462 110.52 8.48026C111.415 8.85591 112.215 9.426 112.863 10.1492Z' fill='%23F5F5F5'/%3E%3Cpath opacity='0.5' d='M157.191 10.781C156.291 9.88109 155.222 9.16729 154.047 8.68033C152.871 8.19337 151.61 7.94278 150.338 7.94287H144.714C145.513 8.41812 146.244 9.00035 146.885 9.67342H150.346C152.404 9.7414 154.355 10.6067 155.787 12.0865C157.219 13.5663 158.019 15.5446 158.019 17.6036C158.019 19.6627 157.219 21.641 155.787 23.1208C154.355 24.6006 152.404 25.4659 150.346 25.5339H146.885C146.258 26.2083 145.538 26.7908 144.748 27.2644H150.312C152.229 27.2621 154.102 26.692 155.695 25.6261C157.288 24.5601 158.529 23.046 159.262 21.2751C159.995 19.5041 160.188 17.5556 159.814 15.6756C159.441 13.7955 158.519 12.0682 157.165 10.7117L157.191 10.781Z' fill='%23F5F5F5'/%3E%3Cpath d='M123.635 8.177H120.373C119.671 8.177 119.101 8.74647 119.101 9.44895V25.8632C119.101 26.5657 119.671 27.1351 120.373 27.1351H123.635C124.338 27.1351 124.907 26.5657 124.907 25.8632V9.44895C124.907 8.74647 124.338 8.177 123.635 8.177Z' fill='%23F5F5F5'/%3E%3Cpath d='M123.168 0H120.841C119.88 0 119.101 0.778666 119.101 1.7392V4.06678C119.101 5.02731 119.88 5.80598 120.841 5.80598H123.168C124.129 5.80598 124.907 5.02731 124.907 4.06678V1.7392C124.907 0.778666 124.129 0 123.168 0Z' fill='%23F5F5F5'/%3E%3Cpath d='M54.0414 8.177H50.7793C50.0768 8.177 49.5073 8.74647 49.5073 9.44895V25.8632C49.5073 26.5657 50.0768 27.1351 50.7793 27.1351H54.0414C54.7438 27.1351 55.3133 26.5657 55.3133 25.8632V9.44895C55.3133 8.74647 54.7438 8.177 54.0414 8.177Z' fill='%23F5F5F5'/%3E%3Cpath d='M53.5741 0H51.2465C50.286 0 49.5073 0.778666 49.5073 1.7392V4.06678C49.5073 5.02731 50.286 5.80598 51.2465 5.80598H53.5741C54.5346 5.80598 55.3133 5.02731 55.3133 4.06678V1.7392C55.3133 0.778666 54.5346 0 53.5741 0Z' fill='%23F5F5F5'/%3E%3Cpath d='M146.842 12.495C146.303 11.5396 145.583 10.6989 144.722 10.0203L144.307 9.7088C143.996 9.48971 143.673 9.2903 143.337 9.11176C141.777 8.31539 140.045 7.91428 138.293 7.94364H138.137C137.748 7.94364 137.367 7.94364 136.995 8.01286L136.666 8.05613C135.458 8.19618 134.286 8.55382 133.205 9.11176C131.73 9.87363 130.509 11.0494 129.692 12.495C128.899 13.896 128.465 15.4715 128.429 17.0809C128.429 17.2713 128.429 17.4616 128.429 17.6607C128.429 17.8597 128.429 18.0154 128.429 18.1885C128.464 19.8156 128.901 21.4089 129.701 22.8263C130.532 24.2759 131.768 25.4516 133.257 26.2096C134.824 27.0047 136.562 27.4056 138.319 27.3777C138.648 27.3809 138.978 27.3665 139.305 27.3344C140.721 27.2433 142.103 26.8603 143.363 26.2096C143.724 26.0249 144.068 25.8107 144.393 25.5692C144.532 25.4741 144.661 25.3702 144.791 25.2664C145.628 24.5877 146.332 23.7605 146.868 22.8263C147.746 21.2399 148.186 19.4476 148.14 17.6347C148.17 15.8368 147.722 14.0631 146.842 12.495ZM134.356 17.6866C134.273 16.4299 134.679 15.1897 135.489 14.2255C135.842 13.8336 136.275 13.5225 136.759 13.3135C137.243 13.1044 137.766 13.0023 138.293 13.0141C138.818 13.0013 139.339 13.1031 139.82 13.3123C140.301 13.5215 140.731 13.8332 141.079 14.2255C141.883 15.1928 142.286 16.4315 142.204 17.6866C142.285 18.9416 141.882 20.18 141.079 21.1477C140.725 21.5317 140.294 21.8361 139.814 22.0405C139.333 22.2449 138.815 22.3446 138.293 22.3331C137.769 22.3438 137.248 22.2437 136.765 22.0395C136.282 21.8352 135.847 21.5313 135.489 21.1477C134.674 20.1764 134.267 18.926 134.356 17.6607V17.6866Z' fill='%23f5f5f5'/%3E%3C/svg%3E%0A"); /* Logo height setting. Default value 1.8rem (28.8px), max value 6.25rem(100px). The logo aspect ratio will not be changed. */ --st-logo-height: 1.8rem; /* Below are style variables that will only be used if the `showStatementReference` property in config.json is set to `true`. -------------------------------------------------------------------------------------------------------------------------- */ /* Settings of method selector */ --st-method-selector-background-color: #f6f6f6; --st-method-selector-border-radius: 0.75rem; --st-method-selector-option-background-hover-color: #dddddd; --st-method-selector-option-selected-background-color: #ffffff; --st-method-selector-option-selected-background-hover-color: #dddddd; /* Below are style variables that will only be used if the `transitCards` property in config.json has at least one transit card. -------------------------------------------------------------------------------------------------------------------------- */ /* Settings of method list */ --st-method-list-border-radius: 0.5rem; --st-method-list-hover-background-color: #f8f8f8; --st-method-list-border-color: #e0e0e0; --st-nested-method-list-background-color: #f1f1f1; /* Settings of method preview */ --st-method-preview-background-color: #f6f6f6; }