{"mappings":"ACEI,8EAOJ,mECJQ,4IAMJ,gJAGI,8PAOA,yPAOI,gOAKA,2MAMJ,oNAII,8MAKA,oRASI,6MAIA,8NAIA,qQAWhB,+BAGI,+EAOA,wLAeI,sCAfJ,6CAmBI,gJAYA,2JAWI,2HAUZ,qFAUA,6DAUA,sCACI,2BAOI,iMAMI,yLAQR,mGAKI,gFCvLA,8FAIA,wEAIA,qFAGI,sIAOA,4FAKJ,wKAMI,6JAWJ,6JCtCJ,mFAIA,uFAGI,uCAMR,qCAKA,oJAWI,4EAMA,0CAEI,kFAIA,mDAEI,sDC9CR,0CAIA,uJAUQ,6JAUJ,oGAKI,6EAKA,mJAOI,oLAUI,qGAKJ,uPAeI,kGAKA,wFAOZ,sBA/EJ,sHAqFQ,iEAIA,gIAOI,+FAMA,iLAUI,6IAQA","sources":["theme/index.css","resources/styles/theme/components/_koin-orders.scss","resources/styles/theme/components/_koin-checkout.scss","resources/styles/theme/components/_koin-credit.scss","resources/styles/theme/components/_thankyou-page.scss","resources/styles/theme/components/_thankyou-pix.scss"],"sourcesContent":[".koin-action-disabled {\n  opacity: .4;\n  pointer-events: none;\n  cursor: default !important;\n}\n\n.woocommerce-orders-table__cell-order-actions {\n  width: 100% !important;\n}\n\n.payment_method_wc-koin-billet label img, .wc-block-components-radio-control-accordion-content label img {\n  bottom: 3px;\n  max-width: 60px !important;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields, .wc-block-components-radio-control-accordion-content .koin-checkout-fields {\n  margin-top: 10px;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .form-row.select, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .form-row.select {\n  opacity: 1;\n  max-height: 200px;\n  transition: opacity .3s, max-height .3s, margin .3s;\n  overflow: hidden;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-chekout-barcode, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-chekout-barcode {\n  text-align: center;\n  background-color: #fff;\n  border-radius: 10px;\n  position: relative;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-chekout-barcode div, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-chekout-barcode div {\n  border: 8px solid #737373;\n  border-radius: 10px;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-chekout-barcode svg, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-chekout-barcode svg {\n  fill: #737373;\n  width: 40%;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-checkout-message, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-checkout-message {\n  vertical-align: middle;\n  margin-top: 15px;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-checkout-message svg, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-checkout-message svg {\n  fill: #00e500;\n  width: 20px;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-checkout-message a, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-checkout-message a {\n  color: #000;\n  outline: none;\n  font-size: 16px;\n  text-decoration: none;\n  position: relative;\n  bottom: 5px;\n  left: 5px;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-checkout-message a:hover, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-checkout-message a:hover {\n  cursor: pointer;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-checkout-message a span, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-checkout-message a span {\n  text-decoration: underline #00e500;\n}\n\n.payment_method_wc-koin-billet .koin-checkout-fields .koin-checkout-message a i, .wc-block-components-radio-control-accordion-content .koin-checkout-fields .koin-checkout-message a i {\n  color: #00e500;\n  margin-left: 5px;\n  font-style: italic;\n  text-decoration: underline #000;\n}\n\n.koin-popup-about {\n  display: none;\n}\n\n.koin-popup-about > div {\n  width: 100%;\n  max-width: 700px;\n  margin: auto;\n  position: relative;\n}\n\n.koin-popup-about-active {\n  z-index: 9998;\n  background-color: #000000b3;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: auto;\n}\n\n@media only screen and (width <= 700px) {\n  .koin-popup-about-active {\n    padding: 100px 15px;\n  }\n}\n\n.koin-popup-about-active img {\n  width: 100%;\n  padding-top: 60px;\n  animation-name: zoom;\n  animation-duration: .6s;\n  position: relative;\n  max-width: 900px !important;\n}\n\n.koin-popup-about-active .close {\n  color: #000;\n  z-index: 9999;\n  opacity: .4;\n  font-size: 40px;\n  font-weight: 700;\n  transition: all .3s;\n  position: absolute;\n  top: 10px;\n  right: 25px;\n}\n\n.koin-popup-about-active .close:hover, .koin-popup-about-active .close:focus {\n  color: #bbb;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n@-webkit-keyframes zoom {\n  from {\n    -webkit-transform: scale(0);\n  }\n\n  to {\n    -webkit-transform: scale(1);\n  }\n}\n\n@keyframes zoom {\n  from {\n    transform: scale(0);\n  }\n\n  to {\n    transform: scale(1);\n  }\n}\n\n@media only screen and (width <= 700px) {\n  .modal-content {\n    width: 100%;\n  }\n}\n\n.wp-block-woocommerce-checkout-fields-block .wc-block-components-text-input[id*=\"document-type-br\"] .wc-block-components-radio-control {\n  flex-direction: row;\n  align-items: center;\n  gap: 15px;\n  display: flex;\n}\n\n.wp-block-woocommerce-checkout-fields-block .wc-block-components-text-input[id*=\"document-type-br\"] .wc-block-components-radio-control .wc-block-components-radio-control__option {\n  margin: 0;\n}\n\n#wc_koin_document_type_br_field .woocommerce-input-wrapper {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n#wc_koin_document_type_br_field .woocommerce-input-wrapper label.radio {\n  margin: 0;\n}\n\n.payment_method_wc-koin-credit .koin-checkout-fields #wko-card-owner {\n  text-transform: uppercase;\n}\n\n.payment_method_wc-koin-credit .koin-checkout-fields select {\n  height: 35px;\n}\n\n.payment_method_wc-koin-credit .koin-checkout-fields .wko-card-img {\n  position: relative;\n}\n\n.payment_method_wc-koin-credit .koin-checkout-fields .wko-card-img img {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  max-width: 40px !important;\n}\n\n.payment_method_wc-koin-credit .koin-checkout-fields .wko-card-img input {\n  padding-right: 60px;\n}\n\n.payment_method_wc-koin-credit .koin-checkout-fields .wko-card-installments {\n  opacity: 1;\n  max-height: 200px;\n  transition: opacity .3s, max-height .3s, margin .3s;\n  overflow: hidden;\n}\n\n.payment_method_wc-koin-credit .koin-checkout-fields .wko-card-installments.wko-hidden {\n  opacity: 0;\n  visibility: hidden;\n  max-height: 0;\n  padding: 0;\n  margin: 0 !important;\n}\n\n.payment_method_wc-koin-credit #wko-installments-error.active {\n  color: #000;\n  background: #ffb3b2;\n  border-radius: 5px;\n  margin-top: 5px;\n  padding: 3px 12px;\n  font-size: 12px;\n}\n\n.order-view-section h3 {\n  text-decoration: underline #00e500;\n  font-weight: bold !important;\n}\n\n.order-view-section a {\n  color: #000 !important;\n  text-decoration: underline #00e500 !important;\n}\n\n.order-view-section a:hover {\n  color: #3c3;\n}\n\n.svg-link {\n  width: 16px;\n  margin-left: 5px;\n}\n\n.order-thankyou-page {\n  border: 1.5px solid #00e500;\n  border-radius: 5px;\n  margin: 20px;\n  padding: 10px;\n  text-align: center !important;\n  align-items: center !important;\n}\n\n.order-thankyou-page img {\n  width: 100px;\n  margin-top: -20px;\n  margin: auto !important;\n}\n\n.order-thankyou-page div {\n  margin-top: -10px;\n}\n\n.order-thankyou-page div p {\n  text-decoration: underline #00e500;\n  color: #000 !important;\n}\n\n.order-thankyou-page div a {\n  color: #898d94 !important;\n}\n\n.order-thankyou-page div a:hover {\n  color: #3c3 !important;\n}\n\n.order-thankyou-page-pix p {\n  font-size: 18px;\n}\n\n.order-thankyou-page-pix .koin-pix-types {\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 40px;\n  height: 100%;\n  margin-bottom: 50px;\n  display: flex;\n}\n\n.order-thankyou-page-pix .koin-pix-types .saparator span {\n  background-color: #000;\n  justify-content: center;\n  align-items: center;\n  width: 1px;\n  height: 230px;\n  display: flex;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div object {\n  width: 300px;\n  height: 300px;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div .koin-pix-line {\n  flex-direction: column;\n  justify-content: left;\n  align-items: center;\n  width: 400px;\n  display: flex;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div .koin-pix-line textarea {\n  resize: none;\n  background: #fff;\n  border: 1px solid;\n  outline: none;\n  width: 100%;\n  max-width: 400px;\n  height: 150px;\n  padding: 10px;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div .koin-pix-line textarea::-webkit-scrollbar {\n  display: none;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div .koin-pix-line button {\n  background: #fff;\n  border: 1px solid;\n  border-radius: 5px;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  max-width: 350px;\n  margin-top: 20px;\n  display: flex;\n  position: relative;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div .koin-pix-line button svg {\n  width: 20px;\n  margin-left: 5px;\n}\n\n.order-thankyou-page-pix .koin-pix-types > div .koin-pix-line button:hover {\n  cursor: pointer;\n}\n\n@media (width <= 941px) {\n  .order-thankyou-page-pix .koin-pix-types {\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 10px;\n  }\n\n  .order-thankyou-page-pix .koin-pix-types .saparator {\n    display: none;\n  }\n\n  .order-thankyou-page-pix .koin-pix-types > div {\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n  }\n\n  .order-thankyou-page-pix .koin-pix-types > div object {\n    width: 260px;\n    height: 260px;\n    margin-bottom: 8px;\n  }\n\n  .order-thankyou-page-pix .koin-pix-types > div .koin-pix-line {\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    max-width: 350px;\n    margin-top: 0;\n    padding-left: 0;\n    display: flex;\n  }\n\n  .order-thankyou-page-pix .koin-pix-types > div .koin-pix-line textarea {\n    width: 100%;\n    height: 140px;\n    min-height: 120px;\n    font-size: 15px;\n    line-height: 1.4;\n  }\n\n  .order-thankyou-page-pix .koin-pix-types > div .koin-pix-line button {\n    margin-top: 20px;\n  }\n}\n/*# sourceMappingURL=index.css.map */\n",".koin-action {\n\n    &-disabled {\n        opacity: 40%;\n        cursor: default !important;\n        pointer-events: none;\n    }\n\n}\n.woocommerce-orders-table__cell-order-actions {\n    width: 100% !important;\n}","@use \"../base/vars\";\n\n.payment_method_wc-koin-billet,\n.wc-block-components-radio-control-accordion-content {\n    label {\n        img {\n            max-width: 60px !important;\n            bottom: 3px;\n        }\n    }\n\n    .koin-checkout-fields {\n        margin-top: 10px;\n\n        .form-row.select {\n            transition: opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease;\n            overflow: hidden;\n            max-height: 200px;\n            opacity: 1;\n        }\n\n        .koin-chekout-barcode {\n            background-color: #fff;\n            border-radius: 10px;\n\n            position: relative;\n            text-align: center;\n\n            div {\n                border: solid 8px #737373;\n                border-radius: 10px;\n            }\n\n            svg {\n                fill: #737373;\n                width: 40%;\n            }\n        }\n\n        .koin-checkout-message {\n            margin-top: 15px;\n            vertical-align: middle;\n\n            svg {\n                fill: vars.$primary;\n                width: 20px;\n            }\n\n            a {\n                position: relative;\n                left: 5px;\n                bottom: 5px;\n                color: #000;\n                font-size: 16px;\n                text-decoration: none;\n                outline: none;\n\n                &:hover {\n                    cursor: pointer;\n                }\n\n                span {\n                    text-decoration: underline vars.$primary;\n                }\n\n                i {\n                    margin-left: 5px;\n                    font-style: italic;\n                    color: vars.$primary;\n                    text-decoration: underline #000;\n                }\n            }\n        }\n    }\n}\n\n.koin-popup-about {\n    display: none;\n\n    >div {\n        position: relative;\n        width: 100%;\n        max-width: 700px;\n        margin: auto;\n    }\n\n    &-active {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        position: fixed;\n        z-index: 9998;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: rgb(0, 0, 0);\n        background-color: rgba(0, 0, 0, 0.7);\n\n        @media only screen and (max-width: 700px) {\n            padding: 100px 15px;\n        }\n\n        img {\n            padding-top: 60px;\n            position: relative;\n            width: 100%;\n            max-width: 900px !important;\n\n            -webkit-animation-name: zoom;\n            -webkit-animation-duration: 0.6s;\n            animation-name: zoom;\n            animation-duration: 0.6s;\n        }\n\n        .close {\n            color: #000;\n            z-index: 9999;\n            font-size: 40px;\n            font-weight: 700;\n            transition: all .3s;\n            position: absolute;\n            top: 10px;\n            right: 25px;\n            opacity: 40%;\n\n            &:hover,\n            &:focus {\n                color: #bbb;\n                text-decoration: none;\n                cursor: pointer;\n            }\n        }\n    }\n}\n\n@-webkit-keyframes zoom {\n    from {\n        -webkit-transform: scale(0)\n    }\n\n    to {\n        -webkit-transform: scale(1)\n    }\n}\n\n@keyframes zoom {\n    from {\n        transform: scale(0)\n    }\n\n    to {\n        transform: scale(1)\n    }\n}\n\n@media only screen and (max-width: 700px) {\n    .modal-content {\n        width: 100%;\n    }\n}\n\n.wp-block-woocommerce-checkout-fields-block {\n    .wc-block-components-text-input[id*=\"document-type-br\"] {\n        .wc-block-components-radio-control {\n            display: flex;\n            flex-direction: row;\n            gap: 15px;\n            align-items: center;\n\n            .wc-block-components-radio-control__option {\n                margin: 0;\n            }\n        }\n    }\n}\n\n#wc_koin_document_type_br_field {\n    .woocommerce-input-wrapper {\n        display: flex;\n        gap: 8px;\n        align-items: center;\n\n        label.radio {\n            margin: 0;\n        }\n    }\n}\n",".payment_method_wc-koin-credit {\n    .koin-checkout-fields {\n        #wko-card-owner {\n            text-transform: uppercase;\n        }\n\n        select {\n            height: 35px;\n        }\n\n        .wko-card-img {\n            position: relative;\n\n            img {\n                position: absolute;\n                right: 10px;\n                top: 10px;\n                max-width: 40px !important;\n            }\n\n            input {\n                padding-right: 60px;\n            }\n        }\n\n        .wko-card-installments {\n            transition: opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease;\n            overflow: hidden;\n            max-height: 200px;\n            opacity: 1;\n\n            &.wko-hidden {\n                max-height: 0;\n                opacity: 0;\n                margin: 0 !important;\n                padding: 0;\n                visibility: hidden;\n            }\n        }\n    }\n\n    #wko-installments-error {\n        &.active {\n            color: black;\n            font-size: 12px;\n            background: #FFB3B2;\n            padding: 3px 12px;\n            border-radius: 5px;\n            margin-top: 5px;\n        }\n    }\n}\n","@use \"sass:meta\";\n@use \"../base/vars\";\n\n.order-view-section {\n    h3 {\n        font-weight: bold !important;\n        text-decoration: underline vars.$primary;\n    }\n    a {\n        color: #000 !important;\n        text-decoration: underline vars.$primary !important;\n        &:hover {\n            color: vars.$primary-darker;\n        }\n    }\n}\n\n.svg-link {\n    margin-left: 5px;\n    width: 16px;\n}\n\n.order-thankyou-page {\n    align-items: center !important;\n    text-align: center !important;\n\n    border: solid 1.5px;\n    border-radius: 5px;\n    border-color: vars.$primary;\n\n    padding: 10px;\n    margin: 20px;\n\n    img {\n        margin: auto !important;\n        width: 100px;\n        margin-top: -20px;\n    }\n\n    div {\n        margin-top: -10px;\n        p {\n            color: #000 !important;\n            text-decoration: underline vars.$primary;\n        }\n        a {\n            color: vars.$text-color-sec !important;\n            &:hover {\n                color: vars.$primary-darker !important;\n            }\n        }\n    }\n}\n\n@include meta.load-css(\"thankyou-pix\");",".order-thankyou-page-pix {\n    p {\n        font-size: 18px;\n    }\n\n    .koin-pix-types {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 40px;\n        margin-bottom: 50px;\n        height: 100%;        \n\n        .saparator {\n            span {\n                background-color: #000;\n                height: 230px;\n                width: 1px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n        }\n\n        > div {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            object {\n                width: 300px;\n                height: 300px;\n            }\n\n            .koin-pix-line {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: left;\n                width: 400px;\n\n                textarea {\n                    width: 100%;\n                    max-width: 400px;\n                    height: 150px;\n                    padding: 10px;\n                    background: #fff;\n                    border: solid 1px;\n                    resize: none;\n                    outline: none;\n\n                    &::-webkit-scrollbar {\n                        display: none;\n                    }\n                }\n\n                button {\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n\n                    max-width: 350px;\n                    width: 100%;\n                    margin-top: 20px;\n\n                    background: #fff;\n                    border: solid 1px;\n                    border-radius: 5px;\n                    outline: none;\n\n                    svg {\n                        width: 20px;\n                        margin-left: 5px;\n                    }\n\n                    &:hover {\n                        cursor: pointer;\n                    }\n                }\n            }\n        }\n\n        @media (max-width: 941px) {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 10px; \n\n            .saparator {\n                display: none;\n            }\n\n            > div {\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                width: 100%;\n                gap: 8px;\n\n                object {\n                width: 260px;\n                height: 260px;\n                margin-bottom: 8px; \n                }\n\n                .koin-pix-line {\n                margin-top: 0;\n                padding-left: 0;\n                width: 100%;\n                max-width: 350px;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 8px;\n\n                    textarea {\n                        width: 100%;\n                        height: 140px;\n                        min-height: 120px;\n                        font-size: 15px;\n                        line-height: 1.4;\n                    }\n\n                    button {\n                        margin-top: 20px;\n                    }\n                }\n            }\n        }\n\n\n    }\n}\n"],"names":[],"version":3,"file":"index.css.map"}