export declare const STYLE_STEP_5 = "\n<style>\n  .payment-term-item label {\n    \n  }\n  /*From https://www.w3schools.com/howto/howto_css_custom_checkbox.asp*/\n  /* Customize the label (the payment-term-item) */\n  .payment-term-item {\n    position: relative;\n    padding: 10px 10px 10px 40px;\n    margin: 10px 0;\n    font-weight: normal;\n    color: #000339;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    border: 1px solid #e8e4e4;\n    border-radius: 2px;\n  }\n  .payment-term-item.inslm {\n    flex-direction: column;\n  }\n  .payment-term-item:has(input:checked)  {\n    border: 1px solid #000339;\n  }\n  .payment-term-item div span {\n    color: #000339;\n  }\n  \n  /* Hide the browser's default radio button */\n  .payment-term-item input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n  }\n  \n  /* Create a custom radio button */\n  .checkmark {\n    position: absolute;\n    top: 12px;\n    left: 11px;\n    height: 20px;\n    width: 20px;\n    background-color: #e8e4e4;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n  }\n  \n  /* On mouse-over, add a grey background color */\n  .payment-term-item:hover input ~ .checkmark {\n    background-color: #ccc;\n  }\n  \n  /* When the radio button is checked, add a blue background */\n  .payment-term-item input:checked ~ .checkmark {\n    background-color: #000339;\n  }\n  \n  /* Create the indicator (the dot/circle - hidden when not checked) */\n  .checkmark:after {\n    content: \"\";\n    position: absolute;\n    display: none;\n  }\n  \n  /* Show the indicator (dot/circle) when checked */\n  .payment-term-item input:checked ~ .checkmark:after {\n    display: block;\n  }\n  \n  /* Style the indicator (dot/circle) */\n  .payment-term-item .checkmark:after {\n    top: 6px;\n    left: 5px;\n    width: 8px;\n    height: 4px;\n    border-left: 2px solid #fff;\n    border-bottom: 2px solid #fff;\n    rotate: -47deg;\n  }\n  /*Installments*/\n  .installment-circle {\n    color: #6266A7;\n    width: 78px;\n    height: 62px;\n    line-height: 1.8;\n    padding-top: 14px;\n    border: 1px dashed #D9DBF2;\n    border-radius: 50%;\n    text-align: center;\n  }\n  .long-arrow-right {\n    display: block;\n    margin: 30px auto;\n    width: 12px;\n    height: 12px;\n    border-top: 2px solid #6266A7;\n    border-left: 2px solid #6266A7;\n    transform: rotate(135deg);\n  }\n  .long-arrow-right::after{\n    content: \"\";\n    display: block;\n    position: relative;\n    width: 2px;\n    height: 18px;\n    background-color: #6266A7;\n    transform: rotate(-45deg);\n    left: 4px;\n    top: -4px;\n  }\n  .payment-term-item:has(input:checked) .installment-details {\n    display: block;\n  }\n  .installment-details {display: none};\n</style>\n";