@intercartx/booster-core 0.0.1-beta.7 → 0.0.1-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles/address.css +1 -1
- package/dist/styles/button.css +7 -1
- package/dist/styles/checkout-page.css +1 -1
- package/dist/styles/custom-info.css +1 -1
- package/dist/styles/fee.css +1 -1
- package/dist/styles/fxp-payment.css +1 -1
- package/dist/styles/global.css +1 -1
- package/dist/styles/input.css +1 -1
- package/dist/styles/loading.css +1 -1
- package/dist/styles/order-summary.css +1 -1
- package/dist/styles/payment.css +1 -1
- package/dist/styles/paypal-modal.css +13 -1
- package/dist/styles/phone-input.css +1 -1
- package/dist/styles/select-list.css +1 -1
- package/dist/styles/select.css +1 -1
- package/dist/styles/stripe-payment.css +1 -1
- package/dist/styles/theme.css +1 -1
- package/package.json +3 -1
package/dist/styles/address.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-address{display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-address-suggestion{--itx-suggestion-border-width: var(--itx-border-width);--itx-suggestion-border-color: var(--itx-border-color);--itx-suggestion-border-radius: var(--itx-border-radius);position: relative;font-size:var(--itx-font-size-base)}.booster-scope .itx-address-suggestion .zoomer{position: absolute;top: 1rem;right: 1rem;height: 1.5rem;width: 1.5rem;color: rgba(33,37,41,0.65)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel{position: absolute;top: 4rem;z-index: 20;width: 100%;color: rgba(33,37,41,0.65)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel ul{display: flex;flex-direction: column;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));border-radius:var(--itx-suggestion-border-radius);border:var(--itx-suggestion-border-width) solid var(--itx-suggestion-border-color)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-header{display: flex;height: 3rem;align-items: center;justify-content: space-between;border-bottom-width: 0px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem;font-size:var(--itx-font-size-sm)}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-header .close{height: 1rem;width: 1rem;cursor: pointer}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion{cursor: pointer;border-top-width: 0px;border-bottom-width: 0px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion:hover{--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by{--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem}.booster-scope .itx-address-suggestion .itx-address-suggestion-panel .suggestion-powered-by .powered-by-google{display: flex;height: 1.25rem;width: 8rem;fill: #6c757d}.booster-scope .itx-multi-regions, .booster-scope .address-row{display: grid;gap:var(--itx-form-item-gap)}
|
package/dist/styles/button.css
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
.itx-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius
|
|
1
|
+
.booster-scope .itx-btn {display: inline-flex;cursor: pointer;align-items: center;justify-content: center;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;font-size: 1rem;line-height: 1.5rem;--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1));outline: 2px solid transparent;outline-offset: 2px
|
|
2
|
+
}.booster-scope .itx-btn-loading {display: flex;cursor: not-allowed;align-items: center;gap: 0.5rem
|
|
3
|
+
}.booster-scope .itx-btn-loading .itx-btn-loading-default {display: inline-block;height: 1em;width: 1em
|
|
4
|
+
}@keyframes spin {to {transform: rotate(360deg)
|
|
5
|
+
}
|
|
6
|
+
}.booster-scope .itx-btn-loading .itx-btn-loading-default {animation: spin 1s linear infinite;border-radius: 9999px;border-width: 2px;--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));border-top-color: transparent
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-checkout-page{--left-side-width: 50rem;--right-side-width: 36rem;--wrapper-padding: calc((100vw - 50rem - 36rem) / 2);--flex-left: 52;--flex-right: 48}.booster-scope .itx-checkout-page .main{display: flex;flex-direction: column}@media (min-width: 1280px){.booster-scope .itx-checkout-page .main{flex-direction: row}}.booster-scope .itx-checkout-page .left-side{flex: var(--flex-left);--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-checkout-page .left-side .left-side-wrapper{margin-left: auto;margin-right: auto;display: flex;flex-direction: column;gap: 3rem;padding-left: 1rem;padding-right: 1rem}@media (min-width: 768px){.booster-scope .itx-checkout-page .left-side .left-side-wrapper{margin-right: 0px;padding-left: 3rem;padding-right: 3rem}}.booster-scope .itx-checkout-page .right-side{flex: var(--flex-right);border-left-width: 0px}@media (min-width: 1280px){.booster-scope .itx-checkout-page .right-side{border-left-width: 1px}}.booster-scope .itx-checkout-page .right-side{background-color:#fafafa}.booster-scope .itx-checkout-page .right-side .right-side-wrapper{margin-left: auto;margin-right: auto;max-width: auto;border-top-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding: 1rem;padding-top: 3rem}@media (min-width: 768px){.booster-scope .itx-checkout-page .right-side .right-side-wrapper{margin-left: 0px;margin-right: 0px;border-top-width: 0px;padding: 3rem}}@media (min-width: 1280px){.booster-scope .itx-checkout-page .right-side .right-side-wrapper{max-width: var(--right-side-width)}}.booster-scope .itx-checkout-page .title{margin-bottom:1.8rem;font-size:1.25rem;line-height:1.75rem;font-weight:500}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-custom-info{display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-custom-info .name-wrapper{display: flex;flex-direction: column}@media (min-width: 768px){.booster-scope .itx-custom-info .name-wrapper{flex-direction: row}}.booster-scope .itx-custom-info .name-wrapper{gap:var(--itx-form-item-gap)}
|
package/dist/styles/fee.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-shipping-methods{display: flex;width: 100%;flex-direction: column}.booster-scope .itx-shipping-methods .itx-shipping-method-option{display: flex;width: 100%;align-items: center;justify-content: space-between}.booster-scope .itx-add-tip{--fixed-option-bg: #EDF4FF}.booster-scope .itx-add-tip .tip-wrapper{position: relative}.booster-scope .itx-add-tip .tip-wrapper>label{display: flex;width: 100%;cursor: pointer;align-items: center;border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;transition-property: all;transition-delay: 200ms;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper>label .label-content{position: relative;left: 1.75rem}.booster-scope .itx-add-tip .tip-wrapper .checkbox{position: absolute;top: 1.25rem;left: 1.25rem;margin-right: 1.25rem;box-sizing: border-box;height: 1rem;width: 1rem;cursor: pointer;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .checkbox:not(:checked)~label{border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .checkbox:not(:checked)~.card{border-bottom-width: 0px}.booster-scope .itx-add-tip .tip-wrapper .checkbox:checked~.card{grid-template-rows: 1fr}.booster-scope .itx-add-tip .tip-wrapper .card{display: grid;grid-template-rows: 0fr;overflow: hidden;border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;border-width: 1px;border-top-width: 0px;transition-property: grid;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper .card .card-content{display: flex;flex-direction: column;overflow: hidden;--tw-bg-opacity: 1;background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));padding-left: 1.25rem;padding-right: 1.25rem}.booster-scope .itx-add-tip .tip-wrapper .card .thanks{margin-top: 1rem;margin-bottom: 1rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper{border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);margin-top: 1rem;margin-bottom: 1rem;display: flex;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip{flex: 1 1 0%;padding: 0.75rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip:not(:first-child){border-left-width: 1px}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active{border-color:var(--itx-border-active-color);background-color:var(--fixed-option-bg);position: relative}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active::after{border:var(--itx-border-width) solid var(--itx-border-active-color);position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;display: block;--tw-content: "";content: var(--tw-content)}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:first-child::after{border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip.active:last-child::after{border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item{display: flex;flex-direction: column;align-items: center}.booster-scope .itx-add-tip .tip-wrapper .fixed-tip-wrapper .fixed-tip .fixed-tip-item .fixed-tip-value{text-align: center;color: rgb(33 37 41 / 0.65)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper{position: relative;display: flex;align-items: stretch;gap: 1rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip{position: relative;display: flex;flex: 1 1 0%;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip:has(input:focus){border:var(--itx-border-width) solid var(--itx-border-active-color);transform:translateZ(0)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip .custom-tip-prefix{visibility: hidden;position: absolute;bottom: 0px;left: calc(.75rem - 2px);display: flex;height: 100%;width: 2.5rem;align-items: center;padding-top: 1.625rem;padding-bottom: .625rem;padding-left: .15rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input{height: calc(3.5rem + 2px);width: 100%;border-radius: 0.375rem;border-style: none;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;outline: 2px solid transparent;outline-offset: 2px}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-moz-placeholder{color: transparent}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::placeholder{color: transparent}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder){padding-top: 1.625rem;padding-bottom: 0.625rem;padding-left: 2.25rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown){padding-top: 1.625rem;padding-bottom: 0.625rem;padding-left: 2.25rem}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus{padding-top: 1.625rem;padding-bottom: .625rem;padding-left: 2.25rem;--tw-text-opacity: 1;color: rgb(33 37 41 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~.custom-tip-prefix{visibility: visible}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:-moz-placeholder)~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:not(:placeholder-shown)~label, .booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input:focus~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-outer-spin-button, .booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .custom-tip input::-webkit-inner-spin-button{-webkit-appearance:none}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper label{position: absolute;top: 0px;left: 0px;z-index: 2;height: 100%;transform-origin: 0 0;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;color: rgb(33 37 41 / 0.65);transition-property: transform;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn{margin-right: 2px;display: flex;align-items: center}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .operate-btn button{display: inline-flex;align-items: center;padding: 0.75rem;font-size: 1.25rem;line-height: 1.75rem;color: rgb(33 37 41 / 0.65)}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip{position: relative;cursor: default;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));padding-left: 1rem;padding-right: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-weight: 500;--tw-text-opacity: 1;color: rgb(170 170 170 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .update-tip .tip-loading{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;border-radius: 0.375rem;--tw-border-opacity: 1;border-color: rgb(0 111 251 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(0 111 251 / var(--tw-bg-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip{cursor: pointer;--tw-border-opacity: 1;border-color: rgb(0 111 251 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(0 111 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.booster-scope .itx-add-tip .tip-wrapper .custom-tip-wrapper .active.update-tip:hover{--tw-border-opacity: 1;border-color: rgb(50 134 247 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(50 134 247 / var(--tw-bg-opacity, 1))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-fxp-payment-loading .mask{height: 1rem;width: 100%}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-fxp-payment-loading .mask{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}
|
package/dist/styles/global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.bottom-0{bottom:0px}.bottom-\[-1px\]{bottom:-1px}.left-0{left:0px}.left-1{left:0.25rem}.left-1\/2{left:50%}.left-5{left:1.25rem}.left-7{left:1.75rem}.left-8{left:2rem}.left-\[-1px\]{left:-1px}.left-\[100\%\]{left:100%}.left-\[calc\(\.75rem-2px\)\]{left:calc(.75rem - 2px)}.right-0{right:0px}.right-4{right:1rem}.right-\[-1px\]{right:-1px}.right-\[1em\]{right:1em}.top-0{top:0px}.top-1{top:0.25rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[-1px\]{top:-1px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1055\]{z-index:1055}.z-\[2\]{z-index:2}.m-7{margin:1.75rem}.mx-0{margin-left:0px;margin-right:0px}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-4{margin-bottom:1rem}.mr-0{margin-right:0px}.mr-5{margin-right:1.25rem}.mr-\[2px\]{margin-right:2px}.mt-2{margin-top:0.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[50\/29\]{aspect-ratio:50/29}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:0.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[1\.6rem\]{height:1.6rem}.h-\[1em\]{height:1em}.h-\[4rem\]{height:4rem}.h-\[calc\(3\.5rem\+2px\)\]{height:calc(3.5rem + 2px)}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-\[55px\]{max-height:55px}.max-h-\[57rem\]{max-height:57rem}.min-h-\[180px\]{min-height:180px}.w-1{width:0.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:0.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-\[1\.25rem\]{width:1.25rem}.w-\[1em\]{width:1em}.w-\[2\.5rem\]{width:2.5rem}.w-\[4rem\]{width:4rem}.w-\[8rem\]{width:8rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.origin-\[0_0\]{transform-origin:0 0}.-translate-x-1{--tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[0\.35rem\]{--tw-translate-y:-0.35rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[0\.15rem\]{--tw-translate-x:0.15rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.85\]{--tw-scale-x:0.85;--tw-scale-y:0.85;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[50rem\]{border-radius:50rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:0.375rem}.rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.rounded-bl-none{border-bottom-left-radius:0px}.rounded-br-none{border-bottom-right-radius:0px}.rounded-tl-none{border-top-left-radius:0px}.rounded-tr-none{border-top-right-radius:0px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-0{border-bottom-width:0px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-\[1px\]{border-left-width:1px}.border-r-0{border-right-width:0px}.border-r-\[1px\]{border-right-width:1px}.border-t-0{border-top-width:0px}.border-t-\[1px\]{border-top-width:1px}.border-none{border-style:none}.border-\[\#006FFB\]{--tw-border-opacity:1;border-color:rgb(0 111 251 / var(--tw-border-opacity, 1))}.border-\[\#3286F7\]{--tw-border-opacity:1;border-color:rgb(50 134 247 / var(--tw-border-opacity, 1))}.border-\[\#dee2e6\]{--tw-border-opacity:1;border-color:rgb(222 226 230 / var(--tw-border-opacity, 1))}.border-\[rgb\(255\2c 193\2c 7\)\]{--tw-border-opacity:1;border-color:rgb(255 193 7 / var(--tw-border-opacity, 1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#006FFB\]{--tw-bg-opacity:1;background-color:rgb(0 111 251 / var(--tw-bg-opacity, 1))}.bg-\[\#3286F7\]{--tw-bg-opacity:1;background-color:rgb(50 134 247 / var(--tw-bg-opacity, 1))}.bg-\[\#6c757d\]{--tw-bg-opacity:1;background-color:rgb(108 117 125 / var(--tw-bg-opacity, 1))}.bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-\[rgb\(255\2c 193\2c 7\)\]{--tw-bg-opacity:1;background-color:rgb(255 193 7 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity:0.5}.fill-\[\#6c757d\]{fill:#6c757d}.p-12{padding:3rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[\.75rem\]{padding-left:.75rem;padding-right:.75rem}.px-\[0\.6em\]{padding-left:0.6em;padding-right:0.6em}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[\.375rem\]{padding-top:.375rem;padding-bottom:.375rem}.py-\[0\.2em\]{padding-top:0.2em;padding-bottom:0.2em}.pb-\[\.375rem\]{padding-bottom:.375rem}.pb-\[\.625rem\]{padding-bottom:.625rem}.pb-\[0\.375rem\]{padding-bottom:0.375rem}.pb-\[0\.625rem\]{padding-bottom:0.625rem}.pl-\[\.15rem\]{padding-left:.15rem}.pl-\[2\.25rem\]{padding-left:2.25rem}.pl-\[2\.75rem\]{padding-left:2.75rem}.pt-12{padding-top:3rem}.pt-\[1\.4rem\]{padding-top:1.4rem}.pt-\[1\.625rem\]{padding-top:1.625rem}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.align-\[2px\]{vertical-align:2px}.text-\[0\.875rem\]{font-size:0.875rem}.text-\[1em\]{font-size:1em}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[\#212529\]{--tw-text-opacity:1;color:rgb(33 37 41 / var(--tw-text-opacity, 1))}.text-\[\#212529\]\/65{color:rgb(33 37 41 / 0.65)}.text-\[\#aaa\]{--tw-text-opacity:1;color:rgb(170 170 170 / var(--tw-text-opacity, 1))}.text-\[\#dee2e6\]{--tw-text-opacity:1;color:rgb(222 226 230 / var(--tw-text-opacity, 1))}.text-\[rgba\(33\2c 37\2c 41\2c 0\.65\)\]{color:rgba(33,37,41,0.65)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-\[grid\]{transition-property:grid;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.delay-200{transition-delay:200ms}.duration-100{transition-duration:100ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.content-\[\'\'\]{--tw-content:'';content:var(--tw-content)}html{scroll-behavior:smooth}.booster-scope *,.booster-scope *::before,.booster-scope *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid #e5e7eb}.booster-scope button,.booster-scope input,.booster-scope optgroup,.booster-scope select,.booster-scope textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.booster-scope button,.booster-scope input:where([type=button]),.booster-scope input:where([type=reset]),.booster-scope input:where([type=submit]){-webkit-appearance:button;background-color:rgba(0,0,0,0);background-image:none}.booster-scope audio,.booster-scope canvas,.booster-scope embed,.booster-scope iframe,.booster-scope img,.booster-scope object,.booster-scope svg,.booster-scope video{display:block;vertical-align:middle}.hover\:border-\[rgb\(236\2c 178\2c 19\)\]:hover{--tw-border-opacity:1;border-color:rgb(236 178 19 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#5c636a\]:hover{--tw-bg-opacity:1;background-color:rgb(92 99 106 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f8f9fa\]:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.hover\:bg-\[rgb\(236\2c 178\2c 19\)\]:hover{--tw-bg-opacity:1;background-color:rgb(236 178 19 / var(--tw-bg-opacity, 1))}.active\:border-\[rgb\(236\2c 178\2c 19\)\]:active{--tw-border-opacity:1;border-color:rgb(236 178 19 / var(--tw-border-opacity, 1))}.active\:bg-\[rgb\(236\2c 178\2c 19\)\]:active{--tw-bg-opacity:1;background-color:rgb(236 178 19 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.sm\:max-w-\[500px\]{max-width:500px}}@media (min-width: 768px){.md\:mx-0{margin-left:0px;margin-right:0px}.md\:mr-0{margin-right:0px}.md\:grid{display:grid}.md\:grid-cols-\[0fr_5fr_4fr\]{grid-template-columns:0fr 5fr 4fr}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0px}.md\:p-12{padding:3rem}}@media (min-width: 1024px){.lg\:w-1\/2{width:50%}.lg\:flex-row{flex-direction:row}}@media (min-width: 1280px){.xl\:grid-cols-\[var\(--right-side-width\)\]{grid-template-columns:var(--right-side-width)}.xl\:grid-cols-\[var\(--wrapper-padding\)_var\(--left-side-width\)_1fr\]{grid-template-columns:var(--wrapper-padding) var(--left-side-width) 1fr}}
|
|
1
|
+
.booster-scope .pointer-events-none{pointer-events:none}.booster-scope .visible{visibility:visible}.booster-scope .invisible{visibility:hidden}.booster-scope .static{position:static}.booster-scope .fixed{position:fixed}.booster-scope .absolute{position:absolute}.booster-scope .relative{position:relative}.booster-scope .inset-0{inset:0px}.booster-scope .bottom-0{bottom:0px}.booster-scope .bottom-\[-1px\]{bottom:-1px}.booster-scope .left-0{left:0px}.booster-scope .left-1\/2{left:50%}.booster-scope .left-5{left:1.25rem}.booster-scope .left-7{left:1.75rem}.booster-scope .left-8{left:2rem}.booster-scope .left-\[-1px\]{left:-1px}.booster-scope .left-\[100\%\]{left:100%}.booster-scope .left-\[calc\(\.75rem-2px\)\]{left:calc(.75rem - 2px)}.booster-scope .right-0{right:0px}.booster-scope .right-4{right:1rem}.booster-scope .right-\[-1px\]{right:-1px}.booster-scope .right-\[1em\]{right:1em}.booster-scope .top-0{top:0px}.booster-scope .top-1\/2{top:50%}.booster-scope .top-16{top:4rem}.booster-scope .top-4{top:1rem}.booster-scope .top-5{top:1.25rem}.booster-scope .top-\[-1px\]{top:-1px}.booster-scope .top-full{top:100%}.booster-scope .z-10{z-index:10}.booster-scope .z-20{z-index:20}.booster-scope .z-50{z-index:50}.booster-scope .z-\[1055\]{z-index:1055}.booster-scope .z-\[2\]{z-index:2}.booster-scope .m-7{margin:1.75rem}.booster-scope .mx-auto{margin-left:auto;margin-right:auto}.booster-scope .my-4{margin-top:1rem;margin-bottom:1rem}.booster-scope .mb-4{margin-bottom:1rem}.booster-scope .mr-5{margin-right:1.25rem}.booster-scope .mr-\[2px\]{margin-right:2px}.booster-scope .mt-2{margin-top:0.5rem}.booster-scope .box-border{box-sizing:border-box}.booster-scope .block{display:block}.booster-scope .inline-block{display:inline-block}.booster-scope .flex{display:flex}.booster-scope .inline-flex{display:inline-flex}.booster-scope .grid{display:grid}.booster-scope .contents{display:contents}.booster-scope .hidden{display:none}.booster-scope .aspect-\[50\/29\]{aspect-ratio:50/29}.booster-scope .h-12{height:3rem}.booster-scope .h-16{height:4rem}.booster-scope .h-2{height:0.5rem}.booster-scope .h-4{height:1rem}.booster-scope .h-5{height:1.25rem}.booster-scope .h-6{height:1.5rem}.booster-scope .h-\[1\.6rem\]{height:1.6rem}.booster-scope .h-\[1em\]{height:1em}.booster-scope .h-\[4rem\]{height:4rem}.booster-scope .h-\[calc\(3\.5rem\+2px\)\]{height:calc(3.5rem + 2px)}.booster-scope .h-full{height:100%}.booster-scope .max-h-0{max-height:0px}.booster-scope .max-h-\[55px\]{max-height:55px}.booster-scope .max-h-\[57rem\]{max-height:57rem}.booster-scope .min-h-\[180px\]{min-height:180px}.booster-scope .w-12{width:3rem}.booster-scope .w-16{width:4rem}.booster-scope .w-2{width:0.5rem}.booster-scope .w-4{width:1rem}.booster-scope .w-6{width:1.5rem}.booster-scope .w-\[1\.25rem\]{width:1.25rem}.booster-scope .w-\[1em\]{width:1em}.booster-scope .w-\[2\.5rem\]{width:2.5rem}.booster-scope .w-\[4rem\]{width:4rem}.booster-scope .w-\[8rem\]{width:8rem}.booster-scope .w-full{width:100%}.booster-scope .max-w-\[auto\]{max-width:auto}.booster-scope .max-w-sm{max-width:24rem}.booster-scope .flex-1{flex:1 1 0%}.booster-scope .flex-\[var\(--flex-left\)\]{flex:var(--flex-left)}.booster-scope .flex-\[var\(--flex-right\)\]{flex:var(--flex-right)}.booster-scope .origin-\[0_0\]{transform-origin:0 0}.booster-scope .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .-translate-y-\[0\.35rem\]{--tw-translate-y:-0.35rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .translate-x-\[0\.15rem\]{--tw-translate-x:0.15rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .scale-\[0\.85\]{--tw-scale-x:0.85;--tw-scale-y:0.85;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booster-scope .cursor-default{cursor:default}.booster-scope .cursor-not-allowed{cursor:not-allowed}.booster-scope .cursor-pointer{cursor:pointer}.booster-scope .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.booster-scope .grid-rows-\[0fr\]{grid-template-rows:0fr}.booster-scope .grid-rows-\[1fr\]{grid-template-rows:1fr}.booster-scope .flex-col{flex-direction:column}.booster-scope .items-center{align-items:center}.booster-scope .items-stretch{align-items:stretch}.booster-scope .justify-end{justify-content:flex-end}.booster-scope .justify-center{justify-content:center}.booster-scope .justify-between{justify-content:space-between}.booster-scope .gap-12{gap:3rem}.booster-scope .gap-2{gap:0.5rem}.booster-scope .gap-4{gap:1rem}.booster-scope .gap-8{gap:2rem}.booster-scope .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.booster-scope .overflow-hidden{overflow:hidden}.booster-scope .rounded{border-radius:0.25rem}.booster-scope .rounded-2xl{border-radius:1rem}.booster-scope .rounded-\[50rem\]{border-radius:50rem}.booster-scope .rounded-full{border-radius:9999px}.booster-scope .rounded-md{border-radius:0.375rem}.booster-scope .rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.booster-scope .rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.booster-scope .rounded-tl-none{border-top-left-radius:0px}.booster-scope .rounded-tr-none{border-top-right-radius:0px}.booster-scope .border{border-width:1px}.booster-scope .border-2{border-width:2px}.booster-scope .border-4{border-width:4px}.booster-scope .border-b-0{border-bottom-width:0px}.booster-scope .border-l-0{border-left-width:0px}.booster-scope .border-l-\[1px\]{border-left-width:1px}.booster-scope .border-r-0{border-right-width:0px}.booster-scope .border-r-\[1px\]{border-right-width:1px}.booster-scope .border-t-0{border-top-width:0px}.booster-scope .border-t-\[1px\]{border-top-width:1px}.booster-scope .border-none{border-style:none}.booster-scope .border-\[\#006FFB\]{--tw-border-opacity:1;border-color:rgb(0 111 251 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#3286F7\]{--tw-border-opacity:1;border-color:rgb(50 134 247 / var(--tw-border-opacity, 1))}.booster-scope .border-\[\#dee2e6\]{--tw-border-opacity:1;border-color:rgb(222 226 230 / var(--tw-border-opacity, 1))}.booster-scope .border-\[rgb\(255\2c 193\2c 7\)\]{--tw-border-opacity:1;border-color:rgb(255 193 7 / var(--tw-border-opacity, 1))}.booster-scope .border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.booster-scope .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.booster-scope .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.booster-scope .border-transparent{border-color:transparent}.booster-scope .border-t-transparent{border-top-color:transparent}.booster-scope .bg-\[\#006FFB\]{--tw-bg-opacity:1;background-color:rgb(0 111 251 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#3286F7\]{--tw-bg-opacity:1;background-color:rgb(50 134 247 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#6c757d\]{--tw-bg-opacity:1;background-color:rgb(108 117 125 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.booster-scope .bg-\[rgb\(255\2c 193\2c 7\)\]{--tw-bg-opacity:1;background-color:rgb(255 193 7 / var(--tw-bg-opacity, 1))}.booster-scope .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.booster-scope .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.booster-scope .bg-transparent{background-color:transparent}.booster-scope .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.booster-scope .bg-opacity-50{--tw-bg-opacity:0.5}.booster-scope .fill-\[\#6c757d\]{fill:#6c757d}.booster-scope .p-4{padding:1rem}.booster-scope .p-8{padding:2rem}.booster-scope .px-3{padding-left:0.75rem;padding-right:0.75rem}.booster-scope .px-4{padding-left:1rem;padding-right:1rem}.booster-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.booster-scope .px-6{padding-left:1.5rem;padding-right:1.5rem}.booster-scope .px-\[\.75rem\]{padding-left:.75rem;padding-right:.75rem}.booster-scope .px-\[0\.6em\]{padding-left:0.6em;padding-right:0.6em}.booster-scope .py-2{padding-top:0.5rem;padding-bottom:0.5rem}.booster-scope .py-4{padding-top:1rem;padding-bottom:1rem}.booster-scope .py-\[\.375rem\]{padding-top:.375rem;padding-bottom:.375rem}.booster-scope .py-\[0\.2em\]{padding-top:0.2em;padding-bottom:0.2em}.booster-scope .pb-\[\.375rem\]{padding-bottom:.375rem}.booster-scope .pb-\[\.625rem\]{padding-bottom:.625rem}.booster-scope .pb-\[0\.375rem\]{padding-bottom:0.375rem}.booster-scope .pb-\[0\.625rem\]{padding-bottom:0.625rem}.booster-scope .pl-\[\.15rem\]{padding-left:.15rem}.booster-scope .pl-\[2\.25rem\]{padding-left:2.25rem}.booster-scope .pl-\[2\.75rem\]{padding-left:2.75rem}.booster-scope .pt-12{padding-top:3rem}.booster-scope .pt-\[1\.4rem\]{padding-top:1.4rem}.booster-scope .pt-\[1\.625rem\]{padding-top:1.625rem}.booster-scope .text-center{text-align:center}.booster-scope .text-right{text-align:right}.booster-scope .text-end{text-align:end}.booster-scope .align-baseline{vertical-align:baseline}.booster-scope .align-\[2px\]{vertical-align:2px}.booster-scope .text-\[0\.875rem\]{font-size:0.875rem}.booster-scope .text-\[1em\]{font-size:1em}.booster-scope .text-base{font-size:1rem;line-height:1.5rem}.booster-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.booster-scope .text-xs{font-size:0.75rem;line-height:1rem}.booster-scope .font-light{font-weight:300}.booster-scope .font-medium{font-weight:500}.booster-scope .font-semibold{font-weight:600}.booster-scope .text-\[\#212529\]{--tw-text-opacity:1;color:rgb(33 37 41 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#212529\]\/65{color:rgb(33 37 41 / 0.65)}.booster-scope .text-\[\#aaa\]{--tw-text-opacity:1;color:rgb(170 170 170 / var(--tw-text-opacity, 1))}.booster-scope .text-\[\#dee2e6\]{--tw-text-opacity:1;color:rgb(222 226 230 / var(--tw-text-opacity, 1))}.booster-scope .text-\[rgba\(33\2c 37\2c 41\2c 0\.65\)\]{color:rgba(33,37,41,0.65)}.booster-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.booster-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.booster-scope .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.booster-scope .outline{outline-style:solid}.booster-scope .transition-\[grid\]{transition-property:grid;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booster-scope .delay-200{transition-delay:200ms}.booster-scope .duration-100{transition-duration:100ms}.booster-scope .duration-300{transition-duration:300ms}.booster-scope .duration-500{transition-duration:500ms}.booster-scope .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .content-\[\'\'\]{--tw-content:'';content:var(--tw-content)}.booster-scope{scroll-behavior:smooth}.booster-scope *, .booster-scope *::before, .booster-scope *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid #e5e7eb}.booster-scope button, .booster-scope input, .booster-scope optgroup, .booster-scope select, .booster-scope textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.booster-scope button, .booster-scope input:where([type=button]), .booster-scope input:where([type=reset]), .booster-scope input:where([type=submit]){-webkit-appearance:button;background-color:rgba(0,0,0,0);background-image:none}.booster-scope audio, .booster-scope canvas, .booster-scope embed, .booster-scope iframe, .booster-scope img, .booster-scope object, .booster-scope svg, .booster-scope video{display:block;vertical-align:middle}.booster-scope .hover\:border-\[rgb\(236\2c 178\2c 19\)\]:hover{--tw-border-opacity:1;border-color:rgb(236 178 19 / var(--tw-border-opacity, 1))}.booster-scope .hover\:bg-\[\#5c636a\]:hover{--tw-bg-opacity:1;background-color:rgb(92 99 106 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-\[\#f8f9fa\]:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.booster-scope .hover\:bg-\[rgb\(236\2c 178\2c 19\)\]:hover{--tw-bg-opacity:1;background-color:rgb(236 178 19 / var(--tw-bg-opacity, 1))}.booster-scope .active\:border-\[rgb\(236\2c 178\2c 19\)\]:active{--tw-border-opacity:1;border-color:rgb(236 178 19 / var(--tw-border-opacity, 1))}.booster-scope .active\:bg-\[rgb\(236\2c 178\2c 19\)\]:active{--tw-bg-opacity:1;background-color:rgb(236 178 19 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.booster-scope .sm\:max-w-\[500px\]{max-width:500px}}@media (min-width: 768px){.booster-scope .md\:mx-0{margin-left:0px;margin-right:0px}.booster-scope .md\:mr-0{margin-right:0px}.booster-scope .md\:grid{display:grid}.booster-scope .md\:grid-cols-\[0fr_5fr_4fr\]{grid-template-columns:0fr 5fr 4fr}.booster-scope .md\:border-t-0{border-top-width:0px}.booster-scope .md\:p-12{padding:3rem}}@media (min-width: 1024px){.booster-scope .lg\:w-1\/2{width:50%}.booster-scope .lg\:flex-row{flex-direction:row}}@media (min-width: 1280px){.booster-scope .xl\:max-w-\[var\(--right-side-width\)\]{max-width:var(--right-side-width)}.booster-scope .xl\:grid-cols-\[var\(--wrapper-padding\)_var\(--left-side-width\)_1fr\]{grid-template-columns:var(--wrapper-padding) var(--left-side-width) 1fr}.booster-scope .xl\:border-l{border-left-width:1px}}
|
package/dist/styles/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-input-wrapper{--itx-input-border-width: var(--itx-border-width);--itx-input-border-color: var(--itx-border-color);--itx-input-color: var(--itx-primary-color);--itx-input-invalid-color: var(--itx-invalid-color);--itx-input-invalid-border-color: var(--itx-invalid-border-color);--itx-input-label-color: var(--itx-label-color);--itx-input-border-radius: var(--itx-border-radius);--itx-input-focus-border-color: var(--itx-border-active-color);--itx-input-height: var(--itx-form-item-height);--itx-input-width: var(--itx-form-item-width);position: relative;width: 100%}.booster-scope .itx-input-inner{position: relative;display: flex;align-items: center;width:var(--itx-input-width);height:var(--itx-input-height)}.booster-scope .itx-input-inner .itx-input{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;outline: 2px solid transparent;outline-offset: 2px;border-radius:var(--itx-input-border-radius);border:var(--itx-input-border-width) solid var(--itx-input-border-color);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-input-color)}.booster-scope .itx-input-inner .itx-input:focus{border-color:var(--itx-input-focus-border-color)}.booster-scope .itx-input-inner .itx-input:not(:-moz-placeholder){padding-top: 1.625rem;padding-bottom: 0.375rem}.booster-scope .itx-input-inner .itx-input:not(:placeholder-shown), .booster-scope .itx-input-inner .itx-input:focus{padding-top: 1.625rem;padding-bottom: 0.375rem}.booster-scope .itx-input-inner .itx-input::-moz-placeholder{color: transparent}.booster-scope .itx-input-inner .itx-input::placeholder{color: transparent}.booster-scope .itx-input-inner .itx-input:not(:-moz-placeholder)~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-input-inner .itx-input:not(:placeholder-shown)~label, .booster-scope .itx-input-inner .itx-input:focus~label{--tw-translate-y: -0.35rem;--tw-translate-x: 0.15rem;--tw-scale-x: 0.85;--tw-scale-y: 0.85;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(0.15rem, -0.35rem) scale(0.85)}.booster-scope .itx-input-inner .itx-input-suffix{pointer-events: none;position: absolute;right: 1em;top: 50%;display: flex;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items: center;font-size: 1em}.booster-scope .itx-input-inner .itx-input-label{pointer-events: none;position: absolute;top: 0px;left: 0px;z-index: 2;height: 100%;transform-origin: 0 0;border-width: 1px;border-color: transparent;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;transition-property: transform;transition-duration: 100ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);color:var(--itx-input-label-color)}.booster-scope .itx-invalid{color:var(--itx-input-invalid-color) !important}.booster-scope .itx-input.itx-invalid{border-color:var(--itx-input-invalid-border-color) !important}.booster-scope .itx-input.itx-invalid:focus{border-color:var(--itx-input-invalid-border-color) !important}
|
package/dist/styles/loading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.itx-full-loading{position:fixed;inset:
|
|
1
|
+
.booster-scope .itx-full-loading{position:fixed;inset:0px;z-index:50;display:flex;align-items:center;justify-content:center}.booster-scope .itx-full-loading .itx-full-loading-backdrop{position:absolute;inset:0px;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.5;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.booster-scope .itx-full-loading .itx-full-loading-content{position:relative;z-index:10;margin-left:1rem;margin-right:1rem;display:flex;max-width:24rem;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner{position:relative;margin-bottom:1.5rem}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle{height:4rem;width:4rem;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-inner{position:absolute;top:0px;left:0px;height:4rem;width:4rem}@keyframes spin{to{transform:rotate(360deg)}}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-inner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));border-top-color:transparent}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-spinner .itx-full-loading-content-spinner-circle-center{position:absolute;top:50%;left:50%;height:0.5rem;width:0.5rem;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message{text-align:center}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message h3{margin-bottom:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-message p{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-description{text-align:center;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots{margin-top:1.5rem;display:flex}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot{height:0.5rem;width:0.5rem}@keyframes bounce{0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot{animation:bounce 1s infinite;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot:nth-child(2){animation-delay:100ms}.booster-scope .itx-full-loading .itx-full-loading-content .itx-full-loading-content-dots .itx-full-loading-content-dot:nth-child(3){animation-delay:200ms}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-order-summary{--order-summary-width: 100%;--saving-text-color: rgb(25, 135, 84);--quantity-badge-color: rgb(108,117,125);--subscription-text-color: rgb(163,174,184);--old-price-text-color: rgb(108,117,125);--text-size: var(--itx-font-size-sm);font-size:var(--text-size)}.booster-scope .itx-order-summary .order-summary-wrapper{padding-left: 1rem;padding-right: 1rem;width:var(--order-summary-width);border:var(--itx-border-width) solid var(--itx-border-color);border-radius:var(--itx-border-radius)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving{max-height: 0px;overflow: hidden;transition-property: max-height;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving .content{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;font-weight: 500;color:var(--saving-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-total-saving.drawer-open{max-height: 55px;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener{display: flex;cursor: pointer;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem;transition-property: transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener.drawer-open{border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-title{display: flex;align-items: center;justify-content: center}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-opener .opener-price{text-align: right;font-weight: 700}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content{display: flex;max-height: 0px;flex-direction: column;gap: 0.25rem;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 500ms}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content.drawer-open{max-height: 57rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list{display: flex;width: 100%;flex-direction: column;align-items: center;gap: 1rem;padding-top: 1rem;padding-bottom: 1rem;border-bottom:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list>div{display: flex;width: 100%;align-items: center;justify-content: space-between;gap: 1rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container{position: relative}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container>img{height: 4rem;width: 4rem;-o-object-fit: cover;object-fit: cover;border-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-image-container .product-image-badge{position: absolute;top: 0px;left: 100%;display: inline-block;--tw-translate-x: -50%;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius: 50rem;padding-left: 0.6em;padding-right: 0.6em;padding-top: 0.2em;padding-bottom: 0.2em;vertical-align: baseline;font-size: 0.75rem;line-height: 1rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1));background-color:var(--quantity-badge-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container{flex: 1 1 0%}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-text{font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-title-container .product-title-subtitle{font-size: 0.75rem;line-height: 1rem;font-weight: 300;--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity, 1))}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container{display: flex;flex-direction: column;justify-content: center;text-align: right}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .product-list .product-price-container .product-old-price{text-align: end;font-size: 0.75rem;line-height: 1rem;text-decoration-line: line-through;color:var(--old-price-text-color)}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;padding-top: 0.75rem;padding-bottom: 0.75rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .total-container{padding-bottom: 0.75rem;font-weight: 500}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-item{display: flex;align-items: center;justify-content: space-between}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .subtotal-container{display: flex;flex-direction: column;gap: 0.25rem}.booster-scope .itx-order-summary .order-summary-wrapper .drawer-content .order-saving{margin-bottom: 0.75rem;color:var(--saving-text-color)}.booster-scope .itx-order-summary .subscription-subtotal{margin-top: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.875rem;color:var(--subscription-text-color)}.booster-scope .itx-order-summary .subscription-subtotal .subtotal{padding-left: 1rem}.booster-scope .itx-order-summary .subscription-subtotal .text{display: flex;flex-direction: column;justify-content: flex-end;padding-right: 1rem;text-align: right}.booster-scope .itx-order-summary .hidden{display:none}.booster-scope .itx-order-summary .mask{height: 1rem;width: 3rem}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-order-summary .mask{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}
|
package/dist/styles/payment.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-cc-payment{margin-bottom: 1rem;display: flex;width: 100%;flex-direction: column;gap:var(--itx-form-item-gap)}.booster-scope .itx-cc-payment .wrapper{display: flex;flex-direction: column}@media (min-width: 768px){.booster-scope .itx-cc-payment .wrapper{flex-direction: row}}.booster-scope .itx-cc-payment .wrapper{gap:var(--itx-form-item-gap)}.booster-scope .itx-accordion{width: 100%}.booster-scope .itx-accordion .accordion-panel{position: relative;width: 100%;border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-accordion .accordion-panel:first-child{border-top-left-radius:var(--itx-border-radius);border-top-right-radius:var(--itx-border-radius)}.booster-scope .itx-accordion .accordion-panel:last-child{border-bottom-left-radius:var(--itx-border-radius);border-bottom-right-radius:var(--itx-border-radius)}.booster-scope .itx-accordion .accordion-panel:not(:last-child){border-bottom:none}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox{position: absolute;top: 1.25rem;left: 1.25rem;margin-right: 1.25rem;height: 1rem;width: 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 9999px;border:var(--itx-border-width) solid var(--itx-border-color)}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox:checked{border-width:calc(var(--itx-border-width)*4);border-color:var(--itx-border-active-color)}.booster-scope .itx-accordion .accordion-panel .accordion-checkbox:checked~.accordion-content{grid-template-rows: 1fr;overflow: hidden}.booster-scope .itx-accordion .accordion-panel .accordion-item{display: flex;width: 100%;align-items: center;padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;background-color:rgba(0,0,0,0);background-image:none;border:none}.booster-scope .itx-accordion .accordion-panel .accordion-item label{display: flex;width: 100%;cursor: pointer;align-items: center;justify-content: space-between}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-title{position: relative;left: 2rem}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-icons{display: flex;align-items: center;gap: 0.5rem}.booster-scope .itx-accordion .accordion-panel .accordion-item .accordion-item-icons .accordion-item-icon{height: 1.6rem}.booster-scope .itx-accordion .accordion-panel .accordion-content{display: grid;grid-template-rows: 0fr;overflow: hidden;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}.booster-scope .itx-accordion .accordion-panel .accordion-content .accordion-content-inner{display: flex;flex-direction: column;gap: 1rem;overflow: hidden;padding-left: 1.25rem;padding-right: 1.25rem}.booster-scope .itx-payment-head{display: flex;width: 100%;align-items: center;justify-content: space-between}.booster-scope .itx-payment-head .itx-payment-head-title{position: relative;left: 2rem}.booster-scope .itx-payment-head .itx-payment-head-icons{display: flex;align-items: center;gap: 0.5rem}.booster-scope .itx-payment-head .itx-payment-head-icons .accordion-item-icon{height: 1.6rem}.booster-scope .itx-ach-payment{margin-bottom: 1rem}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper{margin-top: 1rem}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper{display: flex}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item{position: relative;flex: 1 1 0%}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-input{position: absolute;z-index: -10}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label{position: relative;display: flex;align-items: center;justify-content: center;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem;vertical-align: 2px;font-weight: 500;--tw-text-opacity: 1;color: rgb(222 226 230 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l{border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-right-width: 0px}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-l.active{border-right-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r{border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-left-width: 0px}.booster-scope .itx-ach-payment .itx-ach-payment-wrapper .itx-ach-payment-radio-wrapper .itx-ach-payment-radio-item .itx-ach-payment-radio-item-label-r.active{border-left-width: 1px;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper{margin-top: 1rem;margin-bottom: 1rem;display: flex;flex-direction: column;gap: 1rem}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper{flex-direction: row}}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 100%}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item1{width: 50%}}.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 100%}@media (min-width: 1024px){.booster-scope .itx-ach-payment .itx-ach-payment-input-wrapper .itx-ach-payment-input-item2{width: 50%}}.booster-scope .itx-paypal-payment{margin-top: 1rem;margin-bottom: 1rem;text-align: center}.booster-scope .itx-paypal-payment .itx-paypal-payment-bg{margin-bottom: 1rem;display: flex;justify-content: center}
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
.itx-paypal-modal{position:fixed;top:
|
|
1
|
+
.booster-scope .itx-paypal-modal {position: fixed;top: 0px;left: 0px;z-index: 1055;display: flex;height: 100%;width: 100%;align-items: center;justify-content: center;overflow: hidden
|
|
2
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper {margin: 1.75rem;display: flex;align-items: center
|
|
3
|
+
}@media (min-width: 640px) {.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper {max-width: 500px
|
|
4
|
+
}
|
|
5
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content {display: flex;width: 100%;flex-direction: column;gap: 2rem;border-radius: 0.5rem;border-width: 1px;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding: 1rem
|
|
6
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-header {margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between
|
|
7
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons {display: flex;flex-direction: column;gap: 0.75rem
|
|
8
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button {display: flex;cursor: pointer;align-items: center;justify-content: center;gap: 0.5rem;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(255 193 7 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(255 193 7 / var(--tw-bg-opacity, 1));padding-top: .375rem;padding-bottom: .375rem;padding-left: .75rem;padding-right: .75rem
|
|
9
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:hover {--tw-border-opacity: 1;border-color: rgb(236 178 19 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(236 178 19 / var(--tw-bg-opacity, 1))
|
|
10
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .confirm-button:active {--tw-border-opacity: 1;border-color: rgb(236 178 19 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: rgb(236 178 19 / var(--tw-bg-opacity, 1))
|
|
11
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button {cursor: pointer;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(108 117 125 / var(--tw-bg-opacity, 1));padding-top: .375rem;padding-bottom: .375rem;padding-left: .75rem;padding-right: .75rem;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
|
|
12
|
+
}.booster-scope .itx-paypal-modal .itx-paypal-modal-wrapper .itx-paypal-modal-content .modal-buttons .close-button:hover {--tw-bg-opacity: 1;background-color: rgb(92 99 106 / var(--tw-bg-opacity, 1))
|
|
13
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-phone-input-wrapper{--itx-phone-input-height: var(--itx-form-item-height);--itx-phone-input-width: var(--itx-form-item-width);display: flex;align-items: stretch;font-size:var(--itx-font-size-base)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region{position: relative;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger{display: flex;height: 100%;cursor: pointer;align-items: center;--tw-bg-opacity: 1;background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));padding-top: 1rem;padding-bottom: 1rem;padding-left: 1.5rem;padding-right: 1.5rem;text-align: center;border-top-left-radius:var(--itx-border-radius);border-bottom-left-radius:var(--itx-border-radius);border:var(--itx-border-width) solid var(--itx-border-color);border-right:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-trigger img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown{position: absolute;top: 100%;left: 0px;right: 0px;z-index: 10;border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-height:200px;overflow-y:auto;border:var(--itx-border-width) solid var(--itx-border-color);border-top:none}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option{display: flex;cursor: pointer;align-items: center;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option:hover{--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option.selected{--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option img{margin-right: 0.5rem;aspect-ratio: 50/29;width: 1.25rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input-region .itx-phone-input-dropdown .itx-phone-input-option span{font-size: 0.875rem;line-height: 1.25rem;color:var(--itx-primary-color)}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input-prefix{display: block}.booster-scope .itx-phone-input-wrapper.has-prefix .itx-phone-input{padding-left: 2.75rem;border-left-top-radius:0;border-left-bottom-radius:0}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix{position: absolute;bottom: 0px;left: calc(.75rem - 2px);display: none;width: 2.5rem;height:var(--itx-phone-input-height)}.booster-scope .itx-phone-input-wrapper .itx-phone-input-prefix input{height: 100%;width: 100%;border-style: none;background-color: transparent;padding-top: 1.625rem;padding-bottom: .375rem}.booster-scope .itx-phone-input-wrapper .itx-phone-input{border-top-left-radius:0;border-bottom-left-radius:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-radio-list{--itx-radio-list-border-width: var(--itx-border-width);--itx-radio-list-border-color: var(--itx-border-color);--itx-radio-list-color: var(--itx-primary-color);--itx-radio-list-border-radius: var(--itx-border-radius);--itx-radio-list-active-color: var(--itx-border-active-color);display: flex;flex-direction: column}.booster-scope .itx-radio-list .itx-radio-list-item{font-size:var(--itx-font-size-base);color:var(--itx-radio-list-color);border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color);display: inline-flex;cursor: pointer;align-items: center;gap: 0.5rem;--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1rem;padding-bottom: 1rem}.booster-scope .itx-radio-list .itx-radio-list-item:first-child{border-bottom:none;border-top-left-radius:var(--itx-radio-list-border-radius);border-top-right-radius:var(--itx-radio-list-border-radius)}.booster-scope .itx-radio-list .itx-radio-list-item:last-child{border-bottom-left-radius:var(--itx-radio-list-border-radius);border-bottom-right-radius:var(--itx-radio-list-border-radius)}.booster-scope .itx-radio-list .itx-radio-list-item>input{height: 1rem;width: 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 9999px;border:var(--itx-radio-list-border-width) solid var(--itx-radio-list-border-color)}.booster-scope .itx-radio-list .itx-radio-list-item.itx-radio-list-item--active>input{border-color:var(--itx-radio-list-active-color);border-width:calc(var(--itx-radio-list-border-width)*4)}
|
package/dist/styles/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-select-wrapper{--itx-select-border-width: var(--itx-border-width);--itx-select-border-color: var(--itx-border-color);--itx-select-color: var(--itx-primary-color);--itx-select-border-radius: var(--itx-border-radius);--itx-select-label-color: var(--itx-label-color);--itx-select-invalid-color: var(--itx-invalid-color);--itx-select-invalid-border-color: var(--itx-invalid-border-color);--itx-select-focus-border-color: var(--itx-border-active-color);--itx-select-height: var(--itx-form-item-height);--itx-select-width: var(--itx-form-item-width);position: relative;width: 100%}.booster-scope .itx-select-wrapper .itx-select-inner{position: relative;display: flex;align-items: center;width:var(--itx-select-width);height:var(--itx-select-height)}.booster-scope .itx-select-wrapper .itx-select-inner .itx-select{display: block;height: 100%;width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 1.4rem;padding-bottom: 0.625rem;outline: 2px solid transparent;outline-offset: 2px;border:var(--itx-select-border-width) solid var(--itx-select-border-color);border-radius:var(--itx-select-border-radius);min-width:0;font-size:var(--itx-font-size-base);color:var(--itx-select-color);appearance:none;-webkit-appearance:none;-moz-appearance:none}.booster-scope .itx-select-wrapper .itx-select-inner .itx-select:focus{border-color:var(--itx-select-focus-border-color)}.booster-scope .itx-select-wrapper .itx-select-suffix{pointer-events: none;position: absolute;right: 1em;top: 50%;display: flex;align-items: center;font-size: 1em;transform:translateY(-50%)}.booster-scope .itx-select-wrapper .itx-select-label{pointer-events: none;position: absolute;top: 0px;left: 0px;z-index: 2;padding-top: 1rem;padding-bottom: 1rem;padding-left: 0.75rem;padding-right: 0.75rem;transform:translateX(-0.15rem) translateY(-0.7rem) scale(0.85);color:var(--itx-select-label-color)}.booster-scope .itx-select-invalid{color:var(--itx-select-invalid-color);border-color:var(--itx-select-invalid-border-color)}.booster-scope .itx-select.invalid{border-color:var(--itx-select-invalid-border-color);color:var(--itx-select-invalid-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}.booster-scope .itx-stripe-element-cc{margin-bottom: 1rem}.booster-scope .itx-stripe-payment-loading{height: 1rem;width: 100%}@keyframes pulse{50%{opacity: .5}}.booster-scope .itx-stripe-payment-loading{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}
|
package/dist/styles/theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.booster-scope{--itx-font-size-base: 1rem;--itx-font-size-sm: 0.875rem;--itx-primary-color: #212529;--itx-label-color: rgba(33,37,41,0.65);--itx-border-color: #dee2e6;--itx-invalid-border-color: #dc3545;--itx-invalid-color: #dc3545;--itx-border-active-color: #86b7fe;--itx-border-radius: 0.375rem;--itx-border-width: 1px;--itx-form-item-height: calc(3.5rem + 2px);--itx-form-item-width: 100%;--itx-form-item-gap: 0.5rem}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intercartx/booster-core",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -32,6 +32,8 @@
|
|
|
32
32
|
"autoprefixer": "^10.4.17",
|
|
33
33
|
"chokidar-cli": "^3.0.0",
|
|
34
34
|
"postcss": "^8.4.38",
|
|
35
|
+
"postcss-cli": "^11.0.1",
|
|
36
|
+
"postcss-prefixwrap": "^1.57.0",
|
|
35
37
|
"sass": "^1.89.2",
|
|
36
38
|
"tailwindcss": "^3.4.17",
|
|
37
39
|
"typescript": "^5.0.0"
|