artha-on-off-ramp
Version:
React SDK for Artha On-Off Ramp
1 lines • 10.8 kB
CSS
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }#artha-onramp .relative{position:relative}#artha-onramp .\!my-6{margin-bottom:1.5rem;margin-top:1.5rem}#artha-onramp .\!mt-0{margin-top:0}#artha-onramp .mb-0{margin-bottom:0}#artha-onramp .mb-4{margin-bottom:1rem}#artha-onramp .ml-2{margin-left:.5rem}#artha-onramp .mt-1\.5{margin-top:.375rem}#artha-onramp .mt-2\.5{margin-top:.625rem}#artha-onramp .mt-7{margin-top:1.75rem}#artha-onramp .block{display:block}#artha-onramp .inline-block{display:inline-block}#artha-onramp .flex{display:flex}#artha-onramp .h-4{height:1rem}#artha-onramp .h-\[38px\]{height:38px}#artha-onramp .max-h-7{max-height:1.75rem}#artha-onramp .min-h-7{min-height:1.75rem}#artha-onramp .w-4{width:1rem}#artha-onramp .w-full{width:100%}#artha-onramp .min-w-7{min-width:1.75rem}#artha-onramp .min-w-full{min-width:100%}#artha-onramp .max-w-7{max-width:1.75rem}#artha-onramp .rotate-90{--tw-rotate:90deg;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))}#artha-onramp .cursor-pointer{cursor:pointer}#artha-onramp .flex-col{flex-direction:column}#artha-onramp .items-center{align-items:center}#artha-onramp .justify-end{justify-content:flex-end}#artha-onramp .justify-center{justify-content:center}#artha-onramp .justify-between{justify-content:space-between}#artha-onramp .gap-2{gap:.5rem}#artha-onramp .gap-3\.5{gap:.875rem}#artha-onramp :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}#artha-onramp :is(.space-y-3\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.875rem*var(--tw-space-y-reverse));margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)))}#artha-onramp :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}#artha-onramp .rounded-full{border-radius:9999px}#artha-onramp .rounded-lg{border-radius:.5rem}#artha-onramp .border{border-width:1px}#artha-onramp .border-0{border-width:0}#artha-onramp .border-l-0{border-left-width:0}#artha-onramp .border-r-0{border-right-width:0}#artha-onramp .\!bg-transparent{background-color:transparent}#artha-onramp .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}#artha-onramp .p-1\.5{padding:.375rem}#artha-onramp .p-4{padding:1rem}#artha-onramp .text-right{text-align:right}#artha-onramp .text-base{font-size:1rem;line-height:1.5rem}#artha-onramp .text-sm{font-size:.875rem;line-height:1.25rem}#artha-onramp .text-xl{font-size:1.25rem;line-height:1.75rem}#artha-onramp .text-xs{font-size:.75rem;line-height:1rem}#artha-onramp .font-medium{font-weight:500}#artha-onramp .font-normal{font-weight:400}#artha-onramp .font-semibold{font-weight:600}#artha-onramp .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#artha-onramp .outline-0{outline-width:0}:root{--primaryColor:#22c55e;--lightDark:#fff;--textRed:red;--lightWhite:#fff;--buttonActiveBg:#16a34a;--cancelBtnHover:#16a34a;--inputBg:#f0fdf4;--subTextColor:#166534;--paraColor:#166534;--cardbackground:#fff;--tabsBg:#f0fdf4;--StrokeColor:#86efac;--tabActive:#22c55e;--tabcolor:#166534;--errorBorderRed:red;--inputfield:#f0fdf4;--cardBg:#fff;--cardBorder:#86efac;--kpcardhover:#f0fdf4;--tableheaderBlack:#166534;--labelGrey:#166534;--placeholderGrey:#86efac;--screenBlackBg:#166534}.kpicardbg{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:1px solid var(--cardBorder);border-radius:5px;box-shadow:0 0 4px 0 rgba(34,197,94,.15);padding:1.25rem}.basicinfo-form{width:100%}.ant-form-item{margin-bottom:1rem;position:relative}.ant-form-item-label{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1));display:block;font-size:.875rem;font-weight:400;inset:.2rem .75rem auto;line-height:1.25rem;position:absolute;text-align:left;z-index:2}.ant-form-item-control{position:relative}.custom-input-field{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));border-color:rgb(134 239 172/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;height:52px;padding:1.5rem .75rem .375rem;width:100%}.custom-input-field:focus,.custom-input-field:focus-visible,.custom-input-field:focus-within,.custom-input-field:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));border:1px solid var(--primaryColor)}.custom-input-field::-moz-placeholder{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.custom-input-field::placeholder{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.custom-input-field:disabled{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));cursor:not-allowed}.ant-form-item-has-error .custom-input-field{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));border-color:var(--errorBorderRed);border-width:1px}.btn-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1));border-radius:5px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.btn-primary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.text-labelGrey,.text-subTextColor{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.space-y-4>*+*{margin-top:1rem}select.custom-input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2322C55E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.focus-ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}h2{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:1rem;font-weight:600;line-height:1.5rem;margin-bottom:1rem}.form-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.input-wrapper{position:relative;width:100%}.ant-form-item-label>label{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1));font-weight:500}.amount-label{color:#07bc10;font-weight:500}.ant-form-item-explain-error{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-top:.25rem}.ant-form-item-has-success .custom-input-field{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}#artha-onramp .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}#artha-onramp .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}#artha-onramp .disabled\:opacity-50:disabled{opacity:.5}@media (min-width:768px){#artha-onramp .md\:mt-0{margin-top:0}#artha-onramp .md\:min-w-\[100px\]{min-width:100px}}