.pagbank-credit-card-form:has(+.wc-block-components-checkbox.wc-block-components-payment-methods__save-card-info){margin-bottom:1rem}.pagbank-credit-card-form .pagbank-credit-card-description{margin-bottom:1rem;font-size:.875rem;color:#666}.pagbank-credit-card-form .pagbank-credit-card-fields{display:flex;flex-direction:column;gap:1rem}.pagbank-credit-card-form .pagbank-field{display:flex;flex-direction:column;gap:.25rem}.pagbank-credit-card-form .pagbank-field label{font-size:.875rem;font-weight:500;color:#333}.pagbank-credit-card-form .pagbank-field input,.pagbank-credit-card-form .pagbank-field select{width:100%;padding:.75rem;border:1px solid #8c8f94;border-radius:4px;font-size:1rem;font-family:inherit;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}.pagbank-credit-card-form .pagbank-field input:focus,.pagbank-credit-card-form .pagbank-field select:focus{outline:none;border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.pagbank-credit-card-form .pagbank-field input:disabled,.pagbank-credit-card-form .pagbank-field select:disabled{background-color:#f0f0f1;cursor:not-allowed}.pagbank-credit-card-form .pagbank-field input::placeholder,.pagbank-credit-card-form .pagbank-field select::placeholder{color:#8c8f94}.pagbank-credit-card-form .pagbank-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.pagbank-credit-card-form .pagbank-field-row{display:flex;gap:1rem}.pagbank-credit-card-form .pagbank-field-row .pagbank-field{flex:1}.pagbank-credit-card-form .pagbank-field-number input{font-family:Courier New,monospace;letter-spacing:.1em}.pagbank-credit-card-form .pagbank-field-expiry input,.pagbank-credit-card-form .pagbank-field-cvc input{font-family:Courier New,monospace;letter-spacing:.05em}.pagbank-credit-card-saved-token{padding:1em;box-shadow:inset 0 0 0 1.5px currentColor;border-radius:4px}.pagbank-credit-card-saved-token .pagbank-field{display:flex;flex-direction:column;gap:.25rem}.pagbank-credit-card-saved-token .pagbank-field label{font-size:.875rem;font-weight:500;color:#333}.pagbank-credit-card-saved-token .pagbank-field input,.pagbank-credit-card-saved-token .pagbank-field select{width:100%;padding:.75rem;border:1px solid #8c8f94;border-radius:4px;font-size:1rem;font-family:inherit;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}.pagbank-credit-card-saved-token .pagbank-field input:focus,.pagbank-credit-card-saved-token .pagbank-field select:focus{outline:none;border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.pagbank-credit-card-saved-token .pagbank-field input:disabled,.pagbank-credit-card-saved-token .pagbank-field select:disabled{background-color:#f0f0f1;cursor:not-allowed}.pagbank-credit-card-saved-token .pagbank-field input::placeholder,.pagbank-credit-card-saved-token .pagbank-field select::placeholder{color:#8c8f94}.pagbank-credit-card-saved-token .pagbank-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}/* Style inputs, select elements and textareas */

    .containerCalculator .calculatorRow {
        width: 100%!important;
    }

    #calcular-frete-loader {
        display: none;
        justify-content: center;
        align-items: center;
    }

    .tableResult {
        display: none;
    }

    .containerCalculator input[type=text],
    .containerCalculator select,
    .containerCalculator textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        resize: vertical;
    }

    /* Style the label to display next to the inputs */
    .containerCalculator label {
        padding: 12px 12px 12px 0;
        display: inline-block;
    }

    /* Style the submit button */
    .containerCalculator input[type=submit] {
        background-color: #333333;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        float: right;
    }

    /* Style the containerCalculator */
    .containerCalculator {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 100%;
    }

    /* Floating column for labels: 25% width */
    .containerCalculator .col-25 {
        float: left;
        width: 25%;
        margin-top: 6px;
    }

    /* Floating column for inputs: 75% width */
    .containerCalculator .col-75 {
        float: left;
        width: 100%;
        margin-top: 6px;
    }

    /* Clear floats after the columns */
    .containerCalculator .row:after {
        content: "";
        display: table;
        clear: both;
    }

    /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 600px) {

        .containerCalculator .col-25,
        .containerCalculator .col-75,
        input[type=submit],
        .containerCalculator input[type=text] {
            width: 100%;
            margin-top: 10;
        }
    }