File: /home/imensosw/www/imenso.co/demo/imensonew_service/index.html
<!DOCTYPE html>
<!-- saved from url=(0080)https://42s.d97.myftpupload.com/services/offshore-software-development-services/ -->
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="origin-trial"
content="Az520Inasey3TAyqLyojQa8MnmCALSEU29yQFW8dePZ7xQTvSt73pHazLFTK5f7SyLUJSo2uKLesEtEa9aUYcgMAAACPeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZyIsImV4cGlyeSI6MTcyNTQwNzk5OSwiaXNTdWJkb21haW4iOnRydWUsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="shortcut icon"
href="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/favicon.ico">
<meta name="robots" content="noindex, nofollow">
<link rel="font-awesome" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<!-- This site is optimized with the Yoast SEO plugin v22.5 - https://yoast.com/wordpress/plugins/seo/ -->
<title>Offshore Software Development Company - Imenso Software</title>
<meta name="description"
content="We ensure that every project is perfected with the latest, robust tech tools & frameworks. Contact us for our Offshore Software Development Services Today!">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="Offshore Software Development Company - Imenso Software">
<meta property="og:description"
content="We ensure that every project is perfected with the latest, robust tech tools & frameworks. Contact us for our Offshore Software Development Services Today!">
<meta property="og:url" content="https://42s.d97.myftpupload.com/services/offshore-software-development-services/">
<meta property="og:site_name" content="Imenso Software">
<meta property="article:modified_time" content="2024-06-11T10:44:46+00:00">
<meta property="og:image" content="https://42s.d97.myftpupload.com/wp-content/uploads/2023/07/imensosoftware.jpg">
<meta property="og:image:width" content="1440">
<meta property="og:image:height" content="1080">
<meta property="og:image:type" content="image/jpeg">
<meta name="twitter:card" content="summary_large_image">
<script type="text/javascript" async=""
src="./Offshore Software Development Company - Imenso Software_files/recaptcha__en.js.download"
crossorigin="anonymous"
integrity="sha384-35beLYB8J+E3oW9vsZdrYlTMm/yJU76vKQNSwKHtb4Ug7VeAPwqIzHBRAOMwbzRb"></script>
<script src="./Offshore Software Development Company - Imenso Software_files/1134604334448768" async=""></script>
<script async="" src="./Offshore Software Development Company - Imenso Software_files/fbevents.js.download"></script>
<script type="application/ld+json" class="yoast-schema-graph">
{
"@context": "https://schema.org",
"@graph": [{
"@type": "WebPage",
"@id": "https://42s.d97.myftpupload.com/services/offshore-software-development-services/",
"url": "https://42s.d97.myftpupload.com/services/offshore-software-development-services/",
"name": "Offshore Software Development Company - Imenso Software",
"isPartOf": {
"@id": "https://42s.d97.myftpupload.com/#website"
},
"datePublished": "2023-05-01T13:42:59+00:00",
"dateModified": "2024-06-11T10:44:46+00:00",
"description": "We ensure that every project is perfected with the latest, robust tech tools & frameworks. Contact us for our Offshore Software Development Services Today!",
"breadcrumb": {
"@id": "https://42s.d97.myftpupload.com/services/offshore-software-development-services/#breadcrumb"
},
"inLanguage": "en-US",
"potentialAction": [{
"@type": "ReadAction",
"target": ["https://42s.d97.myftpupload.com/services/offshore-software-development-services/"]
}]
}, {
"@type": "BreadcrumbList",
"@id": "https://42s.d97.myftpupload.com/services/offshore-software-development-services/#breadcrumb",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://42s.d97.myftpupload.com/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Services",
"item": "https://42s.d97.myftpupload.com/services/"
}, {
"@type": "ListItem",
"position": 3,
"name": "Offshore Software Development Company"
}]
}, {
"@type": "WebSite",
"@id": "https://42s.d97.myftpupload.com/#website",
"url": "https://42s.d97.myftpupload.com/",
"name": "Imenso Software",
"description": "Powerful Digital Transformation Services | Imenso Software",
"potentialAction": [{
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://42s.d97.myftpupload.com/?s={search_term_string}"
},
"query-input": "required name=search_term_string"
}],
"inLanguage": "en-US"
}]
}
</script>
<!-- / Yoast SEO plugin. -->
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net/">
<link rel="dns-prefetch" href="https://unpkg.com/">
<link rel="dns-prefetch" href="https://www.google.com/">
<link rel="alternate" type="application/rss+xml" title="Imenso Software » Feed"
href="https://42s.d97.myftpupload.com/feed/">
<link rel="alternate" type="application/rss+xml" title="Imenso Software » Comments Feed"
href="https://42s.d97.myftpupload.com/comments/feed/">
<link rel="preload stylesheet" as="style" id="wp-block-library-css"
href="./Offshore Software Development Company - Imenso Software_files/style.min.css" type="text/css" media="all">
<link rel="stylesheet" as="style" id="wp-block-library-css" href="cstm.css" type="text/css" media="all">
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em
}
.wp-block-file__button {
background: #32373c;
color: #fff;
text-decoration: none
}
</style>
<style id="global-styles-inline-css" type="text/css">
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:where(.is-layout-flex) {
gap: 0.5em;
}
:where(.is-layout-grid) {
gap: 0.5em;
}
body .is-layout-flex {
display: flex;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
body .is-layout-flex>* {
margin: 0;
}
body .is-layout-grid {
display: grid;
}
body .is-layout-grid>* {
margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
gap: 1.25em;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit;
}
:where(.wp-block-post-template.is-layout-flex) {
gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
gap: 1.25em;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
gap: 2em;
}
.wp-block-pullquote {
font-size: 1.5em;
line-height: 1.6;
}
</style>
<link rel="preload stylesheet" as="style" id="imensosoftware-style-css"
href="./Offshore Software Development Company - Imenso Software_files/style.css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-bootstrap-css"
href="./Offshore Software Development Company - Imenso Software_files/bootstrap.min.css" type="text/css"
media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-swiper-css"
href="./Offshore Software Development Company - Imenso Software_files/swiper-bundle.min.css" type="text/css"
media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-custom_style-css"
href="./Offshore Software Development Company - Imenso Software_files/style(1).css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="select2-css-css"
href="./Offshore Software Development Company - Imenso Software_files/select2.min.css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-fontawsome-css"
href="./Offshore Software Development Company - Imenso Software_files/font-awesome.css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="wpaas-admin-bar-css"
href="./Offshore Software Development Company - Imenso Software_files/admin-bar.min.css" type="text/css"
media="all">
<link rel="https://api.w.org/" href="https://42s.d97.myftpupload.com/wp-json/">
<link rel="alternate" type="application/json" href="https://42s.d97.myftpupload.com/wp-json/wp/v2/services/403">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://42s.d97.myftpupload.com/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.5.4">
<link rel="shortlink" href="https://42s.d97.myftpupload.com/?p=403">
<link rel="alternate" type="application/json+oembed"
href="https://42s.d97.myftpupload.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2F42s.d97.myftpupload.com%2Fservices%2Foffshore-software-development-services%2F">
<link rel="alternate" type="text/xml+oembed"
href="https://42s.d97.myftpupload.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2F42s.d97.myftpupload.com%2Fservices%2Foffshore-software-development-services%2F&format=xml">
<style id="wp-custom-css">
.project-item img {
height: auto;
}
</style>
<!-- <script defer>
function loadTagManager() {
(function(w,d,s,l,i){
w[l]=w[l]||[];
w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W5FC29Q');
}
function loadClarity() {
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);
t.async=1;
t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "i8z2zqv18x");
}
// Load scripts after the main content has loaded
window.onload = function() {
loadTagManager();
loadClarity();
};
</script> -->
<!-- Meta Pixel Code -->
<script>
! function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1134604334448768');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1134604334448768&ev=PageView&noscript=1" />
</noscript>
<!-- End Meta Pixel Code -->
<style>
.cLD4YbNqIJl6u2ZcPFOp {
background: #fff;
box-shadow: 3px 3px 8px 8px rgba(0, 0, 0, .1);
flex-direction: column;
display: flex;
justify-content: center;
color: #152c5b;
align-items: center;
border-radius: 1rem;
min-width: 30vw;
align-items: center
}
</style>
<style>
.introjs-overlay {
position: absolute;
box-sizing: content-box;
z-index: 999999;
opacity: 0;
transition: all .3s ease-out
}
.introjs-showElement {
z-index: 9999999 !important
}
tr.introjs-showElement>td {
z-index: 9999999 !important;
position: relative
}
tr.introjs-showElement>th {
z-index: 9999999 !important;
position: relative
}
.introjs-disableInteraction {
z-index: 99999999 !important;
position: absolute;
background-color: #fff;
opacity: 0
}
.introjs-relativePosition {
position: relative
}
.introjs-helperLayer {
box-sizing: content-box;
position: absolute;
z-index: 9999998;
border-radius: 4px;
transition: all .3s ease-out
}
.introjs-helperLayer * {
box-sizing: content-box
}
.introjs-helperLayer :before {
box-sizing: content-box
}
.introjs-helperLayer :after {
box-sizing: content-box
}
.introjs-tooltipReferenceLayer {
font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
box-sizing: content-box;
position: absolute;
visibility: hidden;
z-index: 100000000;
background-color: rgba(0, 0, 0, 0);
transition: all .3s ease-out
}
.introjs-tooltipReferenceLayer * {
font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif
}
.introjs-helperNumberLayer {
font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
color: #9e9e9e;
text-align: center;
padding-top: 10px;
padding-bottom: 10px
}
.introjs-arrow {
border: 5px solid rgba(0, 0, 0, 0);
content: "";
position: absolute
}
.introjs-arrow.top {
top: -10px;
left: 10px;
border-bottom-color: #fff
}
.introjs-arrow.top-right {
top: -10px;
right: 10px;
border-bottom-color: #fff
}
.introjs-arrow.top-middle {
top: -10px;
left: 50%;
margin-left: -5px;
border-bottom-color: #fff
}
.introjs-arrow.right {
right: -10px;
top: 10px;
border-left-color: #fff
}
.introjs-arrow.right-bottom {
bottom: 10px;
right: -10px;
border-left-color: #fff
}
.introjs-arrow.bottom {
bottom: -10px;
left: 10px;
border-top-color: #fff
}
.introjs-arrow.bottom-right {
bottom: -10px;
right: 10px;
border-top-color: #fff
}
.introjs-arrow.bottom-middle {
bottom: -10px;
left: 50%;
margin-left: -5px;
border-top-color: #fff
}
.introjs-arrow.left {
left: -10px;
top: 10px;
border-right-color: #fff
}
.introjs-arrow.left-bottom {
left: -10px;
bottom: 10px;
border-right-color: #fff
}
.introjs-tooltip {
box-sizing: content-box;
position: absolute;
visibility: visible;
background-color: #fff;
min-width: 250px;
max-width: 300px;
border-radius: 5px;
box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
transition: opacity .1s ease-out
}
.introjs-tooltiptext {
padding: 20px
}
.introjs-dontShowAgain {
padding-left: 20px;
padding-right: 20px
}
.introjs-dontShowAgain input {
padding: 0;
margin: 0;
margin-bottom: 2px;
display: inline;
width: 10px;
height: 10px
}
.introjs-dontShowAgain label {
font-size: 14px;
display: inline-block;
font-weight: 400;
margin: 0 0 0 5px;
padding: 0;
background-color: #fff;
color: #616161;
-webkit-user-select: none;
user-select: none
}
.introjs-tooltip-title {
font-size: 18px;
width: 90%;
min-height: 1.5em;
margin: 0;
padding: 0;
font-weight: 700;
line-height: 1.5
}
.introjs-tooltip-header {
position: relative;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
min-height: 1.5em
}
.introjs-tooltipbuttons {
border-top: 1px solid #e0e0e0;
padding: 10px;
text-align: right;
white-space: nowrap
}
.introjs-tooltipbuttons:after {
content: "";
visibility: hidden;
display: block;
height: 0;
clear: both
}
.introjs-button {
box-sizing: content-box;
position: relative;
overflow: visible;
padding: .5rem 1rem;
border: 1px solid #bdbdbd;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
font-size: 14px;
color: #424242;
white-space: nowrap;
cursor: pointer;
outline: 0;
background-color: #f4f4f4;
border-radius: .2em;
zoom: 1;
display: inline
}
.introjs-button:hover {
outline: 0;
text-decoration: none;
border-color: #9e9e9e;
background-color: #e0e0e0;
color: #212121
}
.introjs-button:focus {
outline: 0;
text-decoration: none;
background-color: #eee;
box-shadow: 0 0 0 .2rem rgba(158, 158, 158, .5);
border: 1px solid #616161;
color: #212121
}
.introjs-button:active {
outline: 0;
text-decoration: none;
background-color: #e0e0e0;
border-color: #9e9e9e;
color: #212121
}
.introjs-button::-moz-focus-inner {
padding: 0;
border: 0
}
.introjs-skipbutton {
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
color: #616161;
font-size: 22px;
cursor: pointer;
font-weight: 700;
text-align: center;
text-decoration: none
}
.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
color: #212121;
outline: 0;
text-decoration: none
}
.introjs-prevbutton {
float: left
}
.introjs-nextbutton {
float: right
}
.introjs-disabled {
color: #9e9e9e;
border-color: #bdbdbd;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none
}
.introjs-disabled:focus,
.introjs-disabled:hover {
color: #9e9e9e;
border-color: #bdbdbd;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none
}
.introjs-hidden {
display: none
}
.introjs-bullets {
text-align: center;
padding-top: 10px;
padding-bottom: 10px
}
.introjs-bullets ul {
box-sizing: content-box;
clear: both;
margin: 0 auto 0;
padding: 0;
display: inline-block
}
.introjs-bullets ul li {
box-sizing: content-box;
list-style: none;
float: left;
margin: 0 2px
}
.introjs-bullets ul li a {
transition: width .1s ease-in;
box-sizing: content-box;
display: block;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 10px;
text-decoration: none;
cursor: pointer
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
width: 15px;
background: #999;
text-decoration: none;
outline: 0
}
.introjs-bullets ul li a.active {
width: 15px;
background: #999
}
.introjs-progress {
box-sizing: content-box;
overflow: hidden;
height: 10px;
margin: 10px;
border-radius: 4px;
background-color: #e0e0e0
}
.introjs-progressbar {
box-sizing: content-box;
float: left;
width: 0%;
height: 100%;
font-size: 10px;
line-height: 10px;
text-align: center;
background-color: #08c
}
.introjsFloatingElement {
position: absolute;
height: 0;
width: 0;
left: 50%;
top: 50%
}
.introjs-fixedTooltip {
position: fixed
}
.introjs-hint {
box-sizing: content-box;
position: absolute;
background: 0 0;
width: 20px;
height: 15px;
cursor: pointer
}
.introjs-hint:focus {
border: 0;
outline: 0
}
.introjs-hint:hover>.introjs-hint-pulse {
background-color: rgba(60, 60, 60, .57)
}
.introjs-hidehint {
display: none
}
.introjs-fixedhint {
position: fixed
}
@keyframes introjspulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}
}
.introjs-hint-pulse {
box-sizing: content-box;
width: 15px;
height: 15px;
border-radius: 30px;
background-color: rgba(136, 136, 136, .24);
z-index: 10;
position: absolute;
transition: all .2s ease-out;
animation: introjspulse 2s infinite
}
.introjs-hint-no-anim .introjs-hint-pulse {
animation: none
}
.introjs-hint-dot {
box-sizing: content-box;
background: 0 0;
border-radius: 60px;
height: 50px;
width: 50px;
position: absolute;
top: -18px;
left: -18px;
z-index: 1;
opacity: 0
}
</style>
<style>
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden
}
.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
pointer-events: none
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%
}
.ql-clipboard p {
margin: 0;
padding: 0
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word
}
.ql-editor>* {
cursor: text
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em
}
.ql-editor ol>li,
.ql-editor ul>li {
list-style-type: none
}
.ql-editor ul>li::before {
content: "•"
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none
}
.ql-editor ul[data-checked=true]>li *,
.ql-editor ul[data-checked=false]>li * {
pointer-events: all
}
.ql-editor ul[data-checked=true]>li::before,
.ql-editor ul[data-checked=false]>li::before {
color: #777;
cursor: pointer;
pointer-events: all
}
.ql-editor ul[data-checked=true]>li::before {
content: "☑"
}
.ql-editor ul[data-checked=false]>li::before {
content: "☐"
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: .3em;
text-align: right
}
.ql-editor li.ql-direction-rtl::before {
margin-left: .3em;
margin-right: -1.5em
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0
}
.ql-editor ol li:before {
content: counter(list-0, decimal) ". "
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". "
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". "
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". "
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". "
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". "
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". "
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". "
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". "
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". "
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em
}
.ql-editor .ql-video {
display: block;
max-width: 100%
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto
}
.ql-editor .ql-bg-black {
background-color: #000
}
.ql-editor .ql-bg-red {
background-color: #e60000
}
.ql-editor .ql-bg-orange {
background-color: #f90
}
.ql-editor .ql-bg-yellow {
background-color: #ff0
}
.ql-editor .ql-bg-green {
background-color: #008a00
}
.ql-editor .ql-bg-blue {
background-color: #06c
}
.ql-editor .ql-bg-purple {
background-color: #93f
}
.ql-editor .ql-color-white {
color: #fff
}
.ql-editor .ql-color-red {
color: #e60000
}
.ql-editor .ql-color-orange {
color: #f90
}
.ql-editor .ql-color-yellow {
color: #ff0
}
.ql-editor .ql-color-green {
color: #008a00
}
.ql-editor .ql-color-blue {
color: #06c
}
.ql-editor .ql-color-purple {
color: #93f
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace
}
.ql-editor .ql-size-small {
font-size: .75em
}
.ql-editor .ql-size-large {
font-size: 1.5em
}
.ql-editor .ql-size-huge {
font-size: 2.5em
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit
}
.ql-editor .ql-align-center {
text-align: center
}
.ql-editor .ql-align-justify {
text-align: justify
}
.ql-editor .ql-align-right {
text-align: right
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, .6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: "";
display: table
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c
}
@media(pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444
}
}
.ql-snow {
box-sizing: border-box
}
.ql-snow * {
box-sizing: border-box
}
.ql-snow .ql-hidden {
display: none
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px)
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px)
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle
}
.ql-snow .ql-formats:after {
clear: both;
content: "";
display: table
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444
}
.ql-snow .ql-empty {
fill: none
}
.ql-snow .ql-even {
fill-rule: evenodd
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1
}
.ql-snow .ql-transparent {
opacity: .4
}
.ql-snow .ql-direction svg:last-child {
display: none
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none
}
.ql-snow .ql-editor h1 {
font-size: 2em
}
.ql-snow .ql-editor h2 {
font-size: 1.5em
}
.ql-snow .ql-editor h3 {
font-size: 1.17em
}
.ql-snow .ql-editor h4 {
font-size: 1em
}
.ql-snow .ql-editor h5 {
font-size: .83em
}
.ql-snow .ql-editor h6 {
font-size: .67em
}
.ql-snow .ql-editor a {
text-decoration: underline
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible
}
.ql-snow .ql-editor img {
max-width: 100%
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid rgba(0, 0, 0, 0);
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
content: attr(data-label)
}
.ql-snow .ql-picker.ql-header {
width: 98px
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: "Normal"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: "Heading 1"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: "Heading 2"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: "Heading 3"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: "Heading 4"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: "Heading 5"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: "Heading 6"
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: .83em
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: .67em
}
.ql-snow .ql-picker.ql-font {
width: 108px
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: "Sans Serif"
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: "Serif"
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: "Monospace"
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace
}
.ql-snow .ql-picker.ql-size {
width: 98px
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: "Normal"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: "Small"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: "Large"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: "Huge"
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 8px
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid rgba(0, 0, 0, 0)
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: rgba(0, 0, 0, .2) 0 2px 8px
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000
}
.ql-toolbar.ql-snow+.ql-container.ql-snow {
border-top: 0px
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap
}
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px
}
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: "Edit";
margin-left: 16px;
padding-right: 8px
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: "Remove";
margin-left: 8px
}
.ql-snow .ql-tooltip a {
line-height: 26px
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: "Save";
padding-right: 0px
}
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:"
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:"
}
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:"
}
.ql-snow a {
color: #06c
}
.ql-container.ql-snow {
border: 1px solid #ccc
}
</style>
<style>
.ant-input-affix-wrapper {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, .85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all .3s;
display: inline-flex
}
.ant-input-affix-wrapper::-moz-placeholder {
color: #bfbfbf;
-moz-user-select: none;
user-select: none
}
.ant-input-affix-wrapper:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none
}
.ant-input-affix-wrapper::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-input-affix-wrapper:-moz-placeholder-shown {
text-overflow: ellipsis
}
.ant-input-affix-wrapper:-ms-input-placeholder {
text-overflow: ellipsis
}
.ant-input-affix-wrapper:placeholder-shown {
text-overflow: ellipsis
}
.ant-input-affix-wrapper:hover {
border-color: #40a9ff;
border-right-width: 1px
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
border-right-width: 0;
border-left-width: 1px !important
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
border-right-width: 1px;
outline: 0
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
border-right-width: 0;
border-left-width: 1px !important
}
.ant-input-affix-wrapper-disabled {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1
}
.ant-input-affix-wrapper-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px
}
.ant-input-affix-wrapper[disabled] {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1
}
.ant-input-affix-wrapper[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
background-color: rgba(0, 0, 0, 0);
border: none;
box-shadow: none
}
textarea.ant-input-affix-wrapper {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all .3s, height 0s
}
.ant-input-affix-wrapper-lg {
padding: 6.5px 11px;
font-size: 16px
}
.ant-input-affix-wrapper-sm {
padding: 0px 7px
}
.ant-input-affix-wrapper-rtl {
direction: rtl
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
border-color: #40a9ff;
border-right-width: 1px;
z-index: 1
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
border-right-width: 0;
border-left-width: 1px !important
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
z-index: 0
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
z-index: 1
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
background: rgba(255, 255, 255, 0)
}
.ant-input-affix-wrapper>.ant-input {
font-size: inherit;
border: none;
outline: none
}
.ant-input-affix-wrapper>.ant-input:focus {
box-shadow: none !important
}
.ant-input-affix-wrapper>.ant-input:not(textarea) {
padding: 0
}
.ant-input-affix-wrapper::before {
width: 0;
visibility: hidden;
content: " "
}
.ant-input-prefix,
.ant-input-suffix {
display: flex;
flex: none;
align-items: center
}
.ant-input-prefix>*:not(:last-child),
.ant-input-suffix>*:not(:last-child) {
margin-right: 8px
}
.ant-input-show-count-suffix {
color: rgba(0, 0, 0, .45)
}
.ant-input-show-count-has-suffix {
margin-right: 2px
}
.ant-input-prefix {
margin-right: 4px
}
.ant-input-suffix {
margin-left: 4px
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
margin: 0;
color: rgba(0, 0, 0, .25);
font-size: 12px;
vertical-align: -1px;
cursor: pointer;
transition: color .3s
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
color: rgba(0, 0, 0, .45)
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
color: rgba(0, 0, 0, .85)
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
visibility: hidden
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
margin: 0 4px
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
padding: 0
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
position: absolute;
top: 8px;
right: 8px;
z-index: 1
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
background: #fff;
border-color: #ff4d4f
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, .2);
border-right-width: 1px;
outline: 0
}
.ant-input-status-error .ant-input-prefix {
color: #ff4d4f
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
background: #fff;
border-color: #faad14
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, .2);
border-right-width: 1px;
outline: 0
}
.ant-input-status-warning .ant-input-prefix {
color: #faad14
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background: #fff;
border-color: #ff4d4f
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, .2);
border-right-width: 1px;
outline: 0
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
color: #ff4d4f
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background: #fff;
border-color: #faad14
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, .2);
border-right-width: 1px;
outline: 0
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
color: #faad14
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
padding-right: 24px
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
color: #ff4d4f;
border-color: #ff4d4f
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
color: #faad14;
border-color: #faad14
}
.ant-input {
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, .85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all .3s
}
.ant-input::-moz-placeholder {
color: #bfbfbf;
-moz-user-select: none;
user-select: none
}
.ant-input:-ms-input-placeholder {
color: #bfbfbf;
-ms-user-select: none;
user-select: none
}
.ant-input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-input:-moz-placeholder-shown {
text-overflow: ellipsis
}
.ant-input:-ms-input-placeholder {
text-overflow: ellipsis
}
.ant-input:placeholder-shown {
text-overflow: ellipsis
}
.ant-input:hover {
border-color: #40a9ff;
border-right-width: 1px
}
.ant-input-rtl .ant-input:hover {
border-right-width: 0;
border-left-width: 1px !important
}
.ant-input:focus,
.ant-input-focused {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
border-right-width: 1px;
outline: 0
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
border-right-width: 0;
border-left-width: 1px !important
}
.ant-input-disabled {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1
}
.ant-input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px
}
.ant-input[disabled] {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1
}
.ant-input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
background-color: rgba(0, 0, 0, 0);
border: none;
box-shadow: none
}
textarea.ant-input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all .3s, height 0s
}
.ant-input-lg {
padding: 6.5px 11px;
font-size: 16px
}
.ant-input-sm {
padding: 0px 7px
}
.ant-input-rtl {
direction: rtl
}
.ant-input-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0
}
.ant-input-group[class*=col-] {
float: none;
padding-right: 0;
padding-left: 0
}
.ant-input-group>[class*=col-] {
padding-right: 8px
}
.ant-input-group>[class*=col-]:last-child {
padding-right: 0
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group>.ant-input {
display: table-cell
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
border-radius: 0
}
.ant-input-group-addon,
.ant-input-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle
}
.ant-input-group-wrap>* {
display: block !important
}
.ant-input-group .ant-input {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit
}
.ant-input-group .ant-input:focus {
z-index: 1;
border-right-width: 1px
}
.ant-input-group .ant-input:hover {
z-index: 1;
border-right-width: 1px
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
z-index: 0
}
.ant-input-group-addon {
position: relative;
padding: 0 11px;
color: rgba(0, 0, 0, .85);
font-weight: normal;
font-size: 14px;
text-align: center;
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all .3s
}
.ant-input-group-addon .ant-select {
margin: -5px -11px
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
background-color: inherit;
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: none
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
color: #1890ff
}
.ant-input-group-addon .ant-cascader-picker {
margin: -9px -12px;
background-color: rgba(0, 0, 0, 0)
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
text-align: left;
border: 0;
box-shadow: none
}
.ant-input-group>.ant-input:first-child,
.ant-input-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-group>.ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-group-addon:first-child {
border-right: 0
}
.ant-input-group-addon:last-child {
border-left: 0
}
.ant-input-group>.ant-input:last-child,
.ant-input-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-group>.ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg>.ant-input-group-addon {
padding: 6.5px 11px;
font-size: 16px
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm>.ant-input-group-addon {
padding: 0px 7px
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
height: 40px
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
height: 24px
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-group.ant-input-group-compact {
display: block
}
.ant-input-group.ant-input-group-compact::before {
display: table;
content: ""
}
.ant-input-group.ant-input-group-compact::after {
display: table;
clear: both;
content: ""
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) {
border-right-width: 1px
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover {
z-index: 1
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus {
z-index: 1
}
.ant-input-group.ant-input-group-compact>* {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0
}
.ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper {
display: inline-flex
}
.ant-input-group.ant-input-group-compact>.ant-picker-range {
display: inline-flex
}
.ant-input-group.ant-input-group-compact>*:not(:last-child) {
margin-right: -1px;
border-right-width: 1px
}
.ant-input-group.ant-input-group-compact .ant-input {
float: none
}
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input {
border-right-width: 1px;
border-radius: 0
}
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover {
z-index: 1
}
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus {
z-index: 1
}
.ant-input-group.ant-input-group-compact>.ant-select-focused {
z-index: 1
}
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow {
z-index: 1
}
.ant-input-group.ant-input-group-compact>*:first-child,
.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.ant-input-group.ant-input-group-compact>*:last-child,
.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
border-right-width: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input {
vertical-align: top
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper {
margin-left: -1px
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper {
border-radius: 0
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button {
border-radius: 0
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
border-radius: 2px 0 0 2px
}
.ant-input-group>.ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
border-radius: 0 2px 2px 0
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
border-right: 1px solid #d9d9d9;
border-left: 0
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
border-right: 0;
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px
}
.ant-input-group-rtl.ant-input-group>.ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
border-radius: 2px 0 0 2px
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
border-radius: 2px 0 0 2px
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-radius: 0 2px 2px 0
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:not(:last-child) {
margin-right: 0;
margin-left: -1px;
border-left-width: 1px
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input {
border-radius: 0 2px 2px 0
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
border-left-width: 1px;
border-radius: 2px 0 0 2px
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl {
margin-right: -1px;
margin-left: 0
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
border-radius: 0 2px 2px 0
}
.ant-input-group-wrapper {
display: inline-block;
width: 100%;
text-align: start;
vertical-align: top
}
.ant-input-password-icon.anticon {
color: rgba(0, 0, 0, .45);
cursor: pointer;
transition: all .3s
}
.ant-input-password-icon.anticon:hover {
color: rgba(0, 0, 0, .85)
}
.ant-input[type=color] {
height: 32px
}
.ant-input[type=color].ant-input-lg {
height: 40px
}
.ant-input[type=color].ant-input-sm {
height: 24px;
padding-top: 3px;
padding-bottom: 3px
}
.ant-input-textarea-show-count>.ant-input {
height: 100%
}
.ant-input-textarea-show-count::after {
float: right;
color: rgba(0, 0, 0, .45);
white-space: nowrap;
content: attr(data-count);
pointer-events: none
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
margin-bottom: -22px
}
.ant-input-textarea-suffix {
position: absolute;
top: 0;
right: 11px;
bottom: 0;
z-index: 1;
display: inline-flex;
align-items: center;
margin: auto
}
.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
margin-right: -1px
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
margin-left: -1px
}
.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
z-index: 2
}
.ant-input-compact-item[disabled] {
z-index: 0
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
border-radius: 0
}
.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
border-color: #40a9ff
}
.ant-input-search .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
border-left-color: #40a9ff
}
.ant-input-search .ant-input-affix-wrapper {
border-radius: 0
}
.ant-input-search .ant-input-lg {
line-height: 1.5713
}
.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
left: -1px;
padding: 0;
border: 0
}
.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button {
padding-top: 0;
padding-bottom: 0;
border-radius: 0 2px 2px 0
}
.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
color: rgba(0, 0, 0, .45)
}
.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
top: 0;
right: 0;
bottom: 0;
left: 0
}
.ant-input-search-button {
height: 32px
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
z-index: 1
}
.ant-input-search-large .ant-input-search-button {
height: 40px
}
.ant-input-search-small .ant-input-search-button {
height: 24px
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
margin-right: -1px;
border-radius: 0
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
border-radius: 0
}
.ant-input-search.ant-input-compact-item>.ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item>.ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item>.ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item>.ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item>.ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item>.ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
z-index: 2
}
.ant-input-search.ant-input-compact-item>.ant-input-affix-wrapper-focused {
z-index: 2
}
.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
margin-left: -1px;
border-radius: 0
}
.ant-input-group-wrapper-rtl {
direction: rtl
}
.ant-input-group-rtl {
direction: rtl
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl>input.ant-input {
border: none;
outline: none
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
margin: 0 0 0 4px
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
margin: 0 4px 0 0
}
.ant-input-textarea-rtl {
direction: rtl
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
text-align: left
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
margin-right: 0;
margin-left: 4px
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
right: auto;
left: 8px
}
.ant-input-search-rtl {
direction: rtl
}
.ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
border-left-color: #d9d9d9
}
.ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
border-left-color: #40a9ff
}
.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper:hover,
.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper-focused {
border-right-color: #40a9ff
}
.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon:last-child {
right: -1px;
left: auto
}
.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button {
border-radius: 2px 0 0 2px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ant-input {
height: 32px
}
.ant-input-lg {
height: 40px
}
.ant-input-sm {
height: 24px
}
.ant-input-affix-wrapper>input.ant-input {
height: auto
}
}
</style>
<style>
.searchResumeInput input {
outline: none !important;
color: #000 !important;
border: none !important;
box-shadow: none !important
}
</style>
<style>
.ant-collapse {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-bottom: 0;
border-radius: 2px
}
.ant-collapse>.ant-collapse-item {
border-bottom: 1px solid #d9d9d9
}
.ant-collapse>.ant-collapse-item:last-child,
.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header {
border-radius: 0 0 2px 2px
}
.ant-collapse>.ant-collapse-item>.ant-collapse-header {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
padding: 12px 16px;
color: rgba(0, 0, 0, .85);
line-height: 1.5715;
cursor: pointer;
transition: all .3s, visibility 0s
}
.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
display: inline-block;
margin-right: 12px;
font-size: 12px;
vertical-align: -1px
}
.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
transition: transform .24s
}
.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-header-text {
flex: auto
}
.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra {
margin-left: auto
}
.ant-collapse>.ant-collapse-item>.ant-collapse-header:focus {
outline: none
}
.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only {
cursor: default
}
.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
flex: none;
cursor: pointer
}
.ant-collapse>.ant-collapse-item .ant-collapse-icon-collapsible-only {
cursor: default
}
.ant-collapse>.ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
cursor: pointer
}
.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header {
padding-left: 12px
}
.ant-collapse-icon-position-end>.ant-collapse-item>.ant-collapse-header {
position: relative;
padding: 12px 16px;
padding-right: 40px
}
.ant-collapse-icon-position-end>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
position: absolute;
top: 50%;
right: 16px;
left: auto;
margin: 0;
transform: translateY(-50%)
}
.ant-collapse-content {
color: rgba(0, 0, 0, .85);
background-color: #fff;
border-top: 1px solid #d9d9d9
}
.ant-collapse-content>.ant-collapse-content-box {
padding: 16px
}
.ant-collapse-content-hidden {
display: none
}
.ant-collapse-item:last-child>.ant-collapse-content {
border-radius: 0 0 2px 2px
}
.ant-collapse-borderless {
background-color: #fafafa;
border: 0
}
.ant-collapse-borderless>.ant-collapse-item {
border-bottom: 1px solid #d9d9d9
}
.ant-collapse-borderless>.ant-collapse-item:last-child,
.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header {
border-radius: 0
}
.ant-collapse-borderless>.ant-collapse-item:last-child {
border-bottom: 0
}
.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content {
background-color: rgba(0, 0, 0, 0);
border-top: 0
}
.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
padding-top: 4px
}
.ant-collapse-ghost {
background-color: rgba(0, 0, 0, 0);
border: 0
}
.ant-collapse-ghost>.ant-collapse-item {
border-bottom: 0
}
.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content {
background-color: rgba(0, 0, 0, 0);
border-top: 0
}
.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
padding-top: 12px;
padding-bottom: 12px
}
.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow {
color: rgba(0, 0, 0, .25);
cursor: not-allowed
}
.ant-collapse-rtl {
direction: rtl
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end>.ant-collapse-item>.ant-collapse-header {
position: relative;
padding: 12px 16px;
padding-left: 40px
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
position: absolute;
top: 50%;
right: auto;
left: 16px;
margin: 0;
transform: translateY(-50%)
}
.ant-collapse-rtl .ant-collapse>.ant-collapse-item>.ant-collapse-header {
padding: 12px 16px;
padding-right: 40px
}
.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
margin-right: 0;
margin-left: 12px
}
.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
transform: rotate(180deg)
}
.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra {
margin-right: auto;
margin-left: 0
}
.ant-collapse-rtl.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header {
padding-right: 12px;
padding-left: 0
}
</style>
<style>
.skillSection>.ant-collapse-header {
border-bottom: 1px solid #e1edff
}
</style>
<style>
.ant-badge {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-block;
line-height: 1
}
.ant-badge-count {
z-index: auto;
min-width: 20px;
height: 20px;
padding: 0 6px;
color: #fff;
font-weight: normal;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
text-align: center;
background: #ff4d4f;
border-radius: 10px;
box-shadow: 0 0 0 1px #fff
}
.ant-badge-count a,
.ant-badge-count a:hover {
color: #fff
}
.ant-badge-count-sm {
min-width: 14px;
height: 14px;
padding: 0;
font-size: 12px;
line-height: 14px;
border-radius: 7px
}
.ant-badge-multiple-words {
padding: 0 8px
}
.ant-badge-dot {
z-index: auto;
width: 6px;
min-width: 6px;
height: 6px;
background: #ff4d4f;
border-radius: 100%;
box-shadow: 0 0 0 1px #fff
}
.ant-badge-dot.ant-scroll-number {
transition: background 1.5s
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
transform-origin: 100% 0%
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
animation: antBadgeLoadingCircle 1s infinite linear
}
.ant-badge-status {
line-height: inherit;
vertical-align: baseline
}
.ant-badge-status-dot {
position: relative;
top: -1px;
display: inline-block;
width: 6px;
height: 6px;
vertical-align: middle;
border-radius: 50%
}
.ant-badge-status-success {
background-color: #52c41a
}
.ant-badge-status-processing {
position: relative;
background-color: #1890ff
}
.ant-badge-status-processing::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 50%;
animation: antStatusProcessing 1.2s infinite ease-in-out;
content: ""
}
.ant-badge-status-default {
background-color: #d9d9d9
}
.ant-badge-status-error {
background-color: #ff4d4f
}
.ant-badge-status-warning {
background-color: #faad14
}
.ant-badge-status-pink {
background: #eb2f96
}
.ant-badge-status-magenta {
background: #eb2f96
}
.ant-badge-status-red {
background: #f5222d
}
.ant-badge-status-volcano {
background: #fa541c
}
.ant-badge-status-orange {
background: #fa8c16
}
.ant-badge-status-yellow {
background: #fadb14
}
.ant-badge-status-gold {
background: #faad14
}
.ant-badge-status-cyan {
background: #13c2c2
}
.ant-badge-status-lime {
background: #a0d911
}
.ant-badge-status-green {
background: #52c41a
}
.ant-badge-status-blue {
background: #1890ff
}
.ant-badge-status-geekblue {
background: #2f54eb
}
.ant-badge-status-purple {
background: #722ed1
}
.ant-badge-status-text {
margin-left: 8px;
color: rgba(0, 0, 0, .85);
font-size: 14px
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
animation: antZoomBadgeIn .3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
animation-fill-mode: both
}
.ant-badge-zoom-leave {
animation: antZoomBadgeOut .3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
animation-fill-mode: both
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
animation: antNoWrapperZoomBadgeIn .3s cubic-bezier(0.12, 0.4, 0.29, 1.46)
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
animation: antNoWrapperZoomBadgeOut .3s cubic-bezier(0.71, -0.46, 0.88, 0.6)
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
vertical-align: middle
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
transform: none
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
position: relative;
top: auto;
display: block;
transform-origin: 50% 50%
}
@keyframes antStatusProcessing {
0% {
transform: scale(0.8);
opacity: .5
}
100% {
transform: scale(2.4);
opacity: 0
}
}
.ant-scroll-number {
overflow: hidden;
direction: ltr
}
.ant-scroll-number-only {
position: relative;
display: inline-block;
height: 20px;
transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden
}
.ant-scroll-number-only>p.ant-scroll-number-only-unit {
height: 20px;
margin: 0;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden
}
.ant-scroll-number-symbol {
vertical-align: top
}
@keyframes antZoomBadgeIn {
0% {
transform: scale(0) translate(50%, -50%);
opacity: 0
}
100% {
transform: scale(1) translate(50%, -50%)
}
}
@keyframes antZoomBadgeOut {
0% {
transform: scale(1) translate(50%, -50%)
}
100% {
transform: scale(0) translate(50%, -50%);
opacity: 0
}
}
@keyframes antNoWrapperZoomBadgeIn {
0% {
transform: scale(0);
opacity: 0
}
100% {
transform: scale(1)
}
}
@keyframes antNoWrapperZoomBadgeOut {
0% {
transform: scale(1)
}
100% {
transform: scale(0);
opacity: 0
}
}
@keyframes antBadgeLoadingCircle {
0% {
transform-origin: 50%
}
100% {
transform: translate(50%, -50%) rotate(360deg);
transform-origin: 50%
}
}
.ant-ribbon-wrapper {
position: relative
}
.ant-ribbon {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: absolute;
top: 8px;
height: 22px;
padding: 0 8px;
color: #fff;
line-height: 22px;
white-space: nowrap;
background-color: #1890ff;
border-radius: 2px
}
.ant-ribbon-text {
color: #fff
}
.ant-ribbon-corner {
position: absolute;
top: 100%;
width: 8px;
height: 8px;
color: currentcolor;
border: 4px solid;
transform: scaleY(0.75);
transform-origin: top
}
.ant-ribbon-corner::after {
position: absolute;
top: -4px;
left: -4px;
width: inherit;
height: inherit;
color: rgba(0, 0, 0, .25);
border: inherit;
content: ""
}
.ant-ribbon-color-pink {
color: #eb2f96;
background: #eb2f96
}
.ant-ribbon-color-magenta {
color: #eb2f96;
background: #eb2f96
}
.ant-ribbon-color-red {
color: #f5222d;
background: #f5222d
}
.ant-ribbon-color-volcano {
color: #fa541c;
background: #fa541c
}
.ant-ribbon-color-orange {
color: #fa8c16;
background: #fa8c16
}
.ant-ribbon-color-yellow {
color: #fadb14;
background: #fadb14
}
.ant-ribbon-color-gold {
color: #faad14;
background: #faad14
}
.ant-ribbon-color-cyan {
color: #13c2c2;
background: #13c2c2
}
.ant-ribbon-color-lime {
color: #a0d911;
background: #a0d911
}
.ant-ribbon-color-green {
color: #52c41a;
background: #52c41a
}
.ant-ribbon-color-blue {
color: #1890ff;
background: #1890ff
}
.ant-ribbon-color-geekblue {
color: #2f54eb;
background: #2f54eb
}
.ant-ribbon-color-purple {
color: #722ed1;
background: #722ed1
}
.ant-ribbon.ant-ribbon-placement-end {
right: -8px;
border-bottom-right-radius: 0
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
right: 0;
border-color: currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentcolor
}
.ant-ribbon.ant-ribbon-placement-start {
left: -8px;
border-bottom-left-radius: 0
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
left: 0;
border-color: currentcolor currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}
.ant-badge-rtl {
direction: rtl
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
right: auto;
left: 0;
direction: ltr;
transform: translate(-50%, -50%);
transform-origin: 0% 0%
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
right: auto;
left: 0;
transform: translate(-50%, -50%);
transform-origin: 0% 0%
}
.ant-badge-rtl .ant-badge-status-text {
margin-right: 8px;
margin-left: 0
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
animation-name: antZoomBadgeInRtl
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
animation-name: antZoomBadgeOutRtl
}
.ant-ribbon-rtl {
direction: rtl
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
right: unset;
left: -8px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
right: unset;
left: 0;
border-color: currentcolor currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
border-color: currentcolor currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
right: -8px;
left: unset;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
right: 0;
left: unset;
border-color: currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentcolor
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
border-color: currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentcolor
}
@keyframes antZoomBadgeInRtl {
0% {
transform: scale(0) translate(-50%, -50%);
opacity: 0
}
100% {
transform: scale(1) translate(-50%, -50%)
}
}
@keyframes antZoomBadgeOutRtl {
0% {
transform: scale(1) translate(-50%, -50%)
}
100% {
transform: scale(0) translate(-50%, -50%);
opacity: 0
}
}
</style>
<style>
.ant-btn {
line-height: 1.5715;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
cursor: pointer;
transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: manipulation;
height: 32px;
padding: 4px 15px;
font-size: 14px;
border-radius: 2px;
color: rgba(0, 0, 0, .85);
border-color: #d9d9d9;
background: #fff
}
.ant-btn>.anticon {
line-height: 1
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
outline: 0
}
.ant-btn:not([disabled]):hover {
text-decoration: none
}
.ant-btn:not([disabled]):active {
outline: 0;
box-shadow: none
}
.ant-btn[disabled] {
cursor: not-allowed
}
.ant-btn[disabled]>* {
pointer-events: none
}
.ant-btn-lg {
height: 40px;
padding: 6.4px 15px;
font-size: 16px;
border-radius: 2px
}
.ant-btn-sm {
height: 24px;
padding: 0px 7px;
font-size: 14px;
border-radius: 2px
}
.ant-btn>a:only-child {
color: currentcolor
}
.ant-btn>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn:hover,
.ant-btn:focus {
color: #40a9ff;
border-color: #40a9ff;
background: #fff
}
.ant-btn:hover>a:only-child,
.ant-btn:focus>a:only-child {
color: currentcolor
}
.ant-btn:hover>a:only-child::after,
.ant-btn:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn:active {
color: #096dd9;
border-color: #096dd9;
background: #fff
}
.ant-btn:active>a:only-child {
color: currentcolor
}
.ant-btn:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn[disabled]>a:only-child,
.ant-btn[disabled]:hover>a:only-child,
.ant-btn[disabled]:focus>a:only-child,
.ant-btn[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn[disabled]>a:only-child::after,
.ant-btn[disabled]:hover>a:only-child::after,
.ant-btn[disabled]:focus>a:only-child::after,
.ant-btn[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
text-decoration: none;
background: #fff
}
.ant-btn>span {
display: inline-block
}
.ant-btn-primary {
color: #fff;
border-color: #1890ff;
background: #1890ff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
box-shadow: 0 2px 0 rgba(0, 0, 0, .045)
}
.ant-btn-primary>a:only-child {
color: currentcolor
}
.ant-btn-primary>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
color: #fff;
border-color: #40a9ff;
background: #40a9ff
}
.ant-btn-primary:hover>a:only-child,
.ant-btn-primary:focus>a:only-child {
color: currentcolor
}
.ant-btn-primary:hover>a:only-child::after,
.ant-btn-primary:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-primary:active {
color: #fff;
border-color: #096dd9;
background: #096dd9
}
.ant-btn-primary:active>a:only-child {
color: currentcolor
}
.ant-btn-primary:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-primary[disabled]>a:only-child,
.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-primary[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-primary[disabled]>a:only-child::after,
.ant-btn-primary[disabled]:hover>a:only-child::after,
.ant-btn-primary[disabled]:focus>a:only-child::after,
.ant-btn-primary[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
border-right-color: #40a9ff;
border-left-color: #40a9ff
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
border-color: #d9d9d9
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
border-right-color: #40a9ff
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
border-right-color: #d9d9d9
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary+.ant-btn-primary {
border-left-color: #40a9ff
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
border-left-color: #d9d9d9
}
.ant-btn-ghost {
color: rgba(0, 0, 0, .85);
border-color: #d9d9d9;
background: rgba(0, 0, 0, 0)
}
.ant-btn-ghost>a:only-child {
color: currentcolor
}
.ant-btn-ghost>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
color: #40a9ff;
border-color: #40a9ff;
background: rgba(0, 0, 0, 0)
}
.ant-btn-ghost:hover>a:only-child,
.ant-btn-ghost:focus>a:only-child {
color: currentcolor
}
.ant-btn-ghost:hover>a:only-child::after,
.ant-btn-ghost:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-ghost:active {
color: #096dd9;
border-color: #096dd9;
background: rgba(0, 0, 0, 0)
}
.ant-btn-ghost:active>a:only-child {
color: currentcolor
}
.ant-btn-ghost:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-ghost[disabled]>a:only-child,
.ant-btn-ghost[disabled]:hover>a:only-child,
.ant-btn-ghost[disabled]:focus>a:only-child,
.ant-btn-ghost[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-ghost[disabled]>a:only-child::after,
.ant-btn-ghost[disabled]:hover>a:only-child::after,
.ant-btn-ghost[disabled]:focus>a:only-child::after,
.ant-btn-ghost[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dashed {
color: rgba(0, 0, 0, .85);
border-color: #d9d9d9;
background: #fff;
border-style: dashed
}
.ant-btn-dashed>a:only-child {
color: currentcolor
}
.ant-btn-dashed>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
color: #40a9ff;
border-color: #40a9ff;
background: #fff
}
.ant-btn-dashed:hover>a:only-child,
.ant-btn-dashed:focus>a:only-child {
color: currentcolor
}
.ant-btn-dashed:hover>a:only-child::after,
.ant-btn-dashed:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dashed:active {
color: #096dd9;
border-color: #096dd9;
background: #fff
}
.ant-btn-dashed:active>a:only-child {
color: currentcolor
}
.ant-btn-dashed:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-dashed[disabled]>a:only-child,
.ant-btn-dashed[disabled]:hover>a:only-child,
.ant-btn-dashed[disabled]:focus>a:only-child,
.ant-btn-dashed[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-dashed[disabled]>a:only-child::after,
.ant-btn-dashed[disabled]:hover>a:only-child::after,
.ant-btn-dashed[disabled]:focus>a:only-child::after,
.ant-btn-dashed[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-danger {
color: #fff;
border-color: #ff4d4f;
background: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
box-shadow: 0 2px 0 rgba(0, 0, 0, .045)
}
.ant-btn-danger>a:only-child {
color: currentcolor
}
.ant-btn-danger>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
color: #fff;
border-color: #ff7875;
background: #ff7875
}
.ant-btn-danger:hover>a:only-child,
.ant-btn-danger:focus>a:only-child {
color: currentcolor
}
.ant-btn-danger:hover>a:only-child::after,
.ant-btn-danger:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-danger:active {
color: #fff;
border-color: #d9363e;
background: #d9363e
}
.ant-btn-danger:active>a:only-child {
color: currentcolor
}
.ant-btn-danger:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-danger[disabled]>a:only-child,
.ant-btn-danger[disabled]:hover>a:only-child,
.ant-btn-danger[disabled]:focus>a:only-child,
.ant-btn-danger[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-danger[disabled]>a:only-child::after,
.ant-btn-danger[disabled]:hover>a:only-child::after,
.ant-btn-danger[disabled]:focus>a:only-child::after,
.ant-btn-danger[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-link {
color: #1890ff;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
box-shadow: none
}
.ant-btn-link>a:only-child {
color: currentcolor
}
.ant-btn-link>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-link:hover,
.ant-btn-link:focus {
color: #40a9ff;
border-color: #40a9ff;
background: rgba(0, 0, 0, 0)
}
.ant-btn-link:hover>a:only-child,
.ant-btn-link:focus>a:only-child {
color: currentcolor
}
.ant-btn-link:hover>a:only-child::after,
.ant-btn-link:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-link:active {
color: #096dd9;
border-color: #096dd9;
background: rgba(0, 0, 0, 0)
}
.ant-btn-link:active>a:only-child {
color: currentcolor
}
.ant-btn-link:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-link[disabled]>a:only-child,
.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-link[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-link[disabled]>a:only-child::after,
.ant-btn-link[disabled]:hover>a:only-child::after,
.ant-btn-link[disabled]:focus>a:only-child::after,
.ant-btn-link[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-link:hover {
background: rgba(0, 0, 0, 0)
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
border-color: rgba(0, 0, 0, 0)
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
text-shadow: none;
box-shadow: none
}
.ant-btn-link[disabled]>a:only-child,
.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-link[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-link[disabled]>a:only-child::after,
.ant-btn-link[disabled]:hover>a:only-child::after,
.ant-btn-link[disabled]:focus>a:only-child::after,
.ant-btn-link[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-text {
color: rgba(0, 0, 0, .85);
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
box-shadow: none
}
.ant-btn-text>a:only-child {
color: currentcolor
}
.ant-btn-text>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-text:hover,
.ant-btn-text:focus {
color: #40a9ff;
border-color: #40a9ff;
background: rgba(0, 0, 0, 0)
}
.ant-btn-text:hover>a:only-child,
.ant-btn-text:focus>a:only-child {
color: currentcolor
}
.ant-btn-text:hover>a:only-child::after,
.ant-btn-text:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-text:active {
color: #096dd9;
border-color: #096dd9;
background: rgba(0, 0, 0, 0)
}
.ant-btn-text:active>a:only-child {
color: currentcolor
}
.ant-btn-text:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-text[disabled]>a:only-child,
.ant-btn-text[disabled]:hover>a:only-child,
.ant-btn-text[disabled]:focus>a:only-child,
.ant-btn-text[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-text[disabled]>a:only-child::after,
.ant-btn-text[disabled]:hover>a:only-child::after,
.ant-btn-text[disabled]:focus>a:only-child::after,
.ant-btn-text[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-text:hover,
.ant-btn-text:focus {
color: rgba(0, 0, 0, .85);
background: rgba(0, 0, 0, .018);
border-color: rgba(0, 0, 0, 0)
}
.ant-btn-text:active {
color: rgba(0, 0, 0, .85);
background: rgba(0, 0, 0, .028);
border-color: rgba(0, 0, 0, 0)
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
text-shadow: none;
box-shadow: none
}
.ant-btn-text[disabled]>a:only-child,
.ant-btn-text[disabled]:hover>a:only-child,
.ant-btn-text[disabled]:focus>a:only-child,
.ant-btn-text[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-text[disabled]>a:only-child::after,
.ant-btn-text[disabled]:hover>a:only-child::after,
.ant-btn-text[disabled]:focus>a:only-child::after,
.ant-btn-text[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous {
color: #ff4d4f;
border-color: #ff4d4f;
background: #fff
}
.ant-btn-dangerous>a:only-child {
color: currentcolor
}
.ant-btn-dangerous>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
color: #ff7875;
border-color: #ff7875;
background: #fff
}
.ant-btn-dangerous:hover>a:only-child,
.ant-btn-dangerous:focus>a:only-child {
color: currentcolor
}
.ant-btn-dangerous:hover>a:only-child::after,
.ant-btn-dangerous:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous:active {
color: #d9363e;
border-color: #d9363e;
background: #fff
}
.ant-btn-dangerous:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-dangerous[disabled]>a:only-child,
.ant-btn-dangerous[disabled]:hover>a:only-child,
.ant-btn-dangerous[disabled]:focus>a:only-child,
.ant-btn-dangerous[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous[disabled]>a:only-child::after,
.ant-btn-dangerous[disabled]:hover>a:only-child::after,
.ant-btn-dangerous[disabled]:focus>a:only-child::after,
.ant-btn-dangerous[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-primary {
color: #fff;
border-color: #ff4d4f;
background: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
box-shadow: 0 2px 0 rgba(0, 0, 0, .045)
}
.ant-btn-dangerous.ant-btn-primary>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-primary>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
color: #fff;
border-color: #ff7875;
background: #ff7875
}
.ant-btn-dangerous.ant-btn-primary:hover>a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-primary:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-primary:active {
color: #fff;
border-color: #d9363e;
background: #d9363e
}
.ant-btn-dangerous.ant-btn-primary:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-primary:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-link {
color: #ff4d4f;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
box-shadow: none
}
.ant-btn-dangerous.ant-btn-link>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-link>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
color: #40a9ff;
border-color: #40a9ff;
background: rgba(0, 0, 0, 0)
}
.ant-btn-dangerous.ant-btn-link:hover>a:only-child,
.ant-btn-dangerous.ant-btn-link:focus>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-link:active {
color: #096dd9;
border-color: #096dd9;
background: rgba(0, 0, 0, 0)
}
.ant-btn-dangerous.ant-btn-link:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-link:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
color: #ff7875;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0)
}
.ant-btn-dangerous.ant-btn-link:hover>a:only-child,
.ant-btn-dangerous.ant-btn-link:focus>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-link:active {
color: #d9363e;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0)
}
.ant-btn-dangerous.ant-btn-link:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-link:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
text-shadow: none;
box-shadow: none
}
.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-text {
color: #ff4d4f;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
box-shadow: none
}
.ant-btn-dangerous.ant-btn-text>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-text>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
color: #40a9ff;
border-color: #40a9ff;
background: rgba(0, 0, 0, 0)
}
.ant-btn-dangerous.ant-btn-text:hover>a:only-child,
.ant-btn-dangerous.ant-btn-text:focus>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-text:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-text:active {
color: #096dd9;
border-color: #096dd9;
background: rgba(0, 0, 0, 0)
}
.ant-btn-dangerous.ant-btn-text:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-text:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
color: #ff7875;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, .018)
}
.ant-btn-dangerous.ant-btn-text:hover>a:only-child,
.ant-btn-dangerous.ant-btn-text:focus>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-text:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-text:active {
color: #d9363e;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, .028)
}
.ant-btn-dangerous.ant-btn-text:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-text:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
text-shadow: none;
box-shadow: none
}
.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-icon-only {
width: 32px;
height: 32px;
padding: 2.4px 0;
font-size: 16px;
border-radius: 2px;
vertical-align: -3px
}
.ant-btn-icon-only>* {
font-size: 16px
}
.ant-btn-icon-only.ant-btn-lg {
width: 40px;
height: 40px;
padding: 4.9px 0;
font-size: 18px;
border-radius: 2px
}
.ant-btn-icon-only.ant-btn-lg>* {
font-size: 18px
}
.ant-btn-icon-only.ant-btn-sm {
width: 24px;
height: 24px;
padding: 0px 0;
font-size: 14px;
border-radius: 2px
}
.ant-btn-icon-only.ant-btn-sm>* {
font-size: 14px
}
.ant-btn-icon-only>.anticon {
display: flex;
justify-content: center
}
.ant-btn-icon-only .anticon-loading {
padding: 0 !important
}
a.ant-btn-icon-only {
vertical-align: -1px
}
a.ant-btn-icon-only>.anticon {
display: inline
}
.ant-btn-round {
height: 32px;
padding: 4px 16px;
font-size: 14px;
border-radius: 32px
}
.ant-btn-round.ant-btn-lg {
height: 40px;
padding: 6.4px 20px;
font-size: 16px;
border-radius: 40px
}
.ant-btn-round.ant-btn-sm {
height: 24px;
padding: 0px 12px;
font-size: 14px;
border-radius: 24px
}
.ant-btn-round.ant-btn-icon-only {
width: auto
}
.ant-btn-circle {
min-width: 32px;
padding-right: 0;
padding-left: 0;
text-align: center;
border-radius: 50%
}
.ant-btn-circle.ant-btn-lg {
min-width: 40px;
border-radius: 50%
}
.ant-btn-circle.ant-btn-sm {
min-width: 24px;
border-radius: 50%
}
.ant-btn::before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
display: none;
background: #fff;
border-radius: inherit;
opacity: .35;
transition: opacity .2s;
content: "";
pointer-events: none
}
.ant-btn .anticon {
transition: margin-left .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.ant-btn .anticon.anticon-plus>svg,
.ant-btn .anticon.anticon-minus>svg {
shape-rendering: optimizespeed
}
.ant-btn.ant-btn-loading {
position: relative;
cursor: default
}
.ant-btn.ant-btn-loading::before {
display: block
}
.ant-btn>.ant-btn-loading-icon {
transition: width .3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.ant-btn>.ant-btn-loading-icon .anticon {
padding-right: 8px;
animation: none
}
.ant-btn>.ant-btn-loading-icon .anticon svg {
animation: loadingCircle 1s infinite linear
}
.ant-btn-group {
position: relative;
display: inline-flex
}
.ant-btn-group>.ant-btn,
.ant-btn-group>span>.ant-btn {
position: relative
}
.ant-btn-group>.ant-btn:hover,
.ant-btn-group>span>.ant-btn:hover,
.ant-btn-group>.ant-btn:focus,
.ant-btn-group>span>.ant-btn:focus,
.ant-btn-group>.ant-btn:active,
.ant-btn-group>span>.ant-btn:active {
z-index: 2
}
.ant-btn-group>.ant-btn[disabled],
.ant-btn-group>span>.ant-btn[disabled] {
z-index: 0
}
.ant-btn-group .ant-btn-icon-only {
font-size: 14px
}
.ant-btn-group .ant-btn+.ant-btn,
.ant-btn+.ant-btn-group,
.ant-btn-group span+.ant-btn,
.ant-btn-group .ant-btn+span,
.ant-btn-group>span+span,
.ant-btn-group+.ant-btn,
.ant-btn-group+.ant-btn-group {
margin-left: -1px
}
.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
border-left-color: rgba(0, 0, 0, 0)
}
.ant-btn-group .ant-btn {
border-radius: 0
}
.ant-btn-group>.ant-btn:first-child,
.ant-btn-group>span:first-child>.ant-btn {
margin-left: 0
}
.ant-btn-group>.ant-btn:only-child {
border-radius: 2px
}
.ant-btn-group>span:only-child>.ant-btn {
border-radius: 2px
}
.ant-btn-group>.ant-btn:first-child:not(:last-child),
.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.ant-btn-group>.ant-btn:last-child:not(:first-child),
.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.ant-btn-group-sm>.ant-btn:only-child {
border-radius: 2px
}
.ant-btn-group-sm>span:only-child>.ant-btn {
border-radius: 2px
}
.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.ant-btn-group>.ant-btn-group {
float: left
}
.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
border-radius: 0
}
.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
padding-right: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
padding-left: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,
.ant-btn-rtl.ant-btn+.ant-btn-group,
.ant-btn-rtl.ant-btn-group span+.ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn+span,
.ant-btn-rtl.ant-btn-group>span+span,
.ant-btn-rtl.ant-btn-group+.ant-btn,
.ant-btn-rtl.ant-btn-group+.ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,
.ant-btn-group-rtl.ant-btn+.ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span+.ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn+span,
.ant-btn-group-rtl.ant-btn-group>span+span,
.ant-btn-group-rtl.ant-btn-group+.ant-btn,
.ant-btn-group-rtl.ant-btn-group+.ant-btn-group {
margin-right: -1px;
margin-left: auto
}
.ant-btn-group.ant-btn-group-rtl {
direction: rtl
}
.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
border-radius: 0 2px 2px 0
}
.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
border-radius: 2px 0 0 2px
}
.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
border-radius: 0 2px 2px 0
}
.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
border-radius: 2px 0 0 2px
}
.ant-btn:focus>span,
.ant-btn:active>span {
position: relative
}
.ant-btn>.anticon+span,
.ant-btn>span+.anticon {
margin-left: 8px
}
.ant-btn.ant-btn-background-ghost {
color: #fff;
border-color: #fff
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
background: rgba(0, 0, 0, 0)
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
color: #40a9ff;
border-color: #40a9ff
}
.ant-btn.ant-btn-background-ghost:active {
color: #096dd9;
border-color: #096dd9
}
.ant-btn.ant-btn-background-ghost[disabled] {
color: rgba(0, 0, 0, .25);
background: rgba(0, 0, 0, 0);
border-color: #d9d9d9
}
.ant-btn-background-ghost.ant-btn-primary {
color: #1890ff;
border-color: #1890ff;
text-shadow: none
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
color: #40a9ff;
border-color: #40a9ff
}
.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-primary:active {
color: #096dd9;
border-color: #096dd9
}
.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-primary:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-danger {
color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: none
}
.ant-btn-background-ghost.ant-btn-danger>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-danger>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
color: #ff7875;
border-color: #ff7875
}
.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-danger:active {
color: #d9363e;
border-color: #d9363e
}
.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-danger:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous {
color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: none
}
.ant-btn-background-ghost.ant-btn-dangerous>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
color: #ff7875;
border-color: #ff7875
}
.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
color: #d9363e;
border-color: #d9363e
}
.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
color: #ff4d4f;
border-color: rgba(0, 0, 0, 0);
text-shadow: none
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
color: #ff7875;
border-color: rgba(0, 0, 0, 0)
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
color: #d9363e;
border-color: rgba(0, 0, 0, 0)
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, .25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
color: currentcolor
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
.ant-btn-two-chinese-chars::first-letter {
letter-spacing: .34em
}
.ant-btn-two-chinese-chars>*:not(.anticon) {
margin-right: -0.34em;
letter-spacing: .34em
}
.ant-btn.ant-btn-block {
width: 100%
}
.ant-btn:empty {
display: inline-block;
width: 0;
visibility: hidden;
content: " "
}
a.ant-btn {
padding-top: .01px !important;
line-height: 30px
}
a.ant-btn-disabled {
cursor: not-allowed
}
a.ant-btn-disabled>* {
pointer-events: none
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
color: rgba(0, 0, 0, .25);
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
text-shadow: none;
box-shadow: none
}
a.ant-btn-disabled>a:only-child,
a.ant-btn-disabled:hover>a:only-child,
a.ant-btn-disabled:focus>a:only-child,
a.ant-btn-disabled:active>a:only-child {
color: currentcolor
}
a.ant-btn-disabled>a:only-child::after,
a.ant-btn-disabled:hover>a:only-child::after,
a.ant-btn-disabled:focus>a:only-child::after,
a.ant-btn-disabled:active>a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
content: ""
}
a.ant-btn-lg {
line-height: 38px
}
a.ant-btn-sm {
line-height: 22px
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
margin-right: -1px
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
margin-left: -1px
}
.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
z-index: 2
}
.ant-btn-compact-item[disabled] {
z-index: 0
}
.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
border-radius: 0
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-btn-icon-only.ant-btn-compact-item {
flex: none
}
.ant-btn-compact-item.ant-btn-primary:not([disabled])+.ant-btn-compact-item.ant-btn-primary:not([disabled]) {
position: relative
}
.ant-btn-compact-item.ant-btn-primary:not([disabled])+.ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
position: absolute;
top: -1px;
left: -1px;
display: inline-block;
width: 1px;
height: calc(100% + 2px);
background-color: #40a9ff;
content: " "
}
.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])+.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
right: -1px
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
margin-bottom: -1px
}
.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
z-index: 2
}
.ant-btn-compact-vertical-item[disabled] {
z-index: 0
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
border-radius: 0
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])+.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
position: relative
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])+.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
position: absolute;
top: -1px;
left: -1px;
display: inline-block;
width: calc(100% + 2px);
height: 1px;
background-color: #40a9ff;
content: " "
}
.ant-btn-rtl {
direction: rtl
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary {
border-right-color: #40a9ff;
border-left-color: #d9d9d9
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
border-right-color: #d9d9d9;
border-left-color: #40a9ff
}
.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon {
padding-right: 0;
padding-left: 8px
}
.ant-btn-rtl.ant-btn>.anticon+span,
.ant-btn-rtl.ant-btn>span+.anticon {
margin-right: 8px;
margin-left: 0
}
</style>
<style>
.ant-carousel {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum"
}
.ant-carousel .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
touch-action: pan-y;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.ant-carousel .slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden
}
.ant-carousel .slick-list:focus {
outline: none
}
.ant-carousel .slick-list.dragging {
cursor: pointer
}
.ant-carousel .slick-list .slick-slide {
pointer-events: none
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
visibility: hidden
}
.ant-carousel .slick-list .slick-slide.slick-active {
pointer-events: auto
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
visibility: visible
}
.ant-carousel .slick-list .slick-slide>div>div {
vertical-align: bottom
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
transform: translate3d(0, 0, 0);
touch-action: pan-y
}
.ant-carousel .slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
display: table;
content: ""
}
.ant-carousel .slick-track::after {
clear: both
}
.slick-loading .ant-carousel .slick-track {
visibility: hidden
}
.ant-carousel .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
.ant-carousel .slick-slide img {
display: block
}
.ant-carousel .slick-slide.slick-loading img {
display: none
}
.ant-carousel .slick-slide.dragging img {
pointer-events: none
}
.ant-carousel .slick-initialized .slick-slide {
display: block
}
.ant-carousel .slick-loading .slick-slide {
visibility: hidden
}
.ant-carousel .slick-vertical .slick-slide {
display: block;
height: auto
}
.ant-carousel .slick-arrow.slick-hidden {
display: none
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
padding: 0;
color: rgba(0, 0, 0, 0);
font-size: 0;
line-height: 0;
background: rgba(0, 0, 0, 0);
border: 0;
outline: none;
cursor: pointer
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
outline: none
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
opacity: 1
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
opacity: .25
}
.ant-carousel .slick-prev {
left: -25px
}
.ant-carousel .slick-prev::before {
content: "←"
}
.ant-carousel .slick-next {
right: -25px
}
.ant-carousel .slick-next::before {
content: "→"
}
.ant-carousel .slick-dots {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex !important;
justify-content: center;
margin-right: 15%;
margin-bottom: 0;
margin-left: 15%;
padding-left: 0;
list-style: none
}
.ant-carousel .slick-dots-bottom {
bottom: 12px
}
.ant-carousel .slick-dots-top {
top: 12px;
bottom: auto
}
.ant-carousel .slick-dots li {
position: relative;
display: inline-block;
flex: 0 1 auto;
box-sizing: content-box;
width: 16px;
height: 3px;
margin: 0 4px;
padding: 0;
text-align: center;
text-indent: -999px;
vertical-align: top;
transition: all .5s
}
.ant-carousel .slick-dots li button {
position: relative;
display: block;
width: 100%;
height: 3px;
padding: 0;
color: rgba(0, 0, 0, 0);
font-size: 0;
background: #fff;
border: 0;
border-radius: 1px;
outline: none;
cursor: pointer;
opacity: .3;
transition: all .5s
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
opacity: .75
}
.ant-carousel .slick-dots li button::after {
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
content: ""
}
.ant-carousel .slick-dots li.slick-active {
width: 24px
}
.ant-carousel .slick-dots li.slick-active button {
background: #fff;
opacity: 1
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
opacity: 1
}
.ant-carousel-vertical .slick-dots {
top: 50%;
bottom: auto;
flex-direction: column;
width: 3px;
height: auto;
margin: 0;
transform: translateY(-50%)
}
.ant-carousel-vertical .slick-dots-left {
right: auto;
left: 12px
}
.ant-carousel-vertical .slick-dots-right {
right: 12px;
left: auto
}
.ant-carousel-vertical .slick-dots li {
width: 3px;
height: 16px;
margin: 4px 0;
vertical-align: baseline
}
.ant-carousel-vertical .slick-dots li button {
width: 3px;
height: 16px
}
.ant-carousel-vertical .slick-dots li.slick-active {
width: 3px;
height: 24px
}
.ant-carousel-vertical .slick-dots li.slick-active button {
width: 3px;
height: 24px
}
.ant-carousel-rtl {
direction: rtl
}
.ant-carousel-rtl .ant-carousel .slick-track {
right: 0;
left: auto
}
.ant-carousel-rtl .ant-carousel .slick-prev {
right: -25px;
left: auto
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
content: "→"
}
.ant-carousel-rtl .ant-carousel .slick-next {
right: auto;
left: -25px
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
content: "←"
}
.ant-carousel-rtl.ant-carousel .slick-dots {
flex-direction: row-reverse
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
flex-direction: column
}
</style>
<style>
.ant-divider {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
border-top: 1px solid rgba(0, 0, 0, .06)
}
.ant-divider-vertical {
position: relative;
top: -0.06em;
display: inline-block;
height: .9em;
margin: 0 8px;
vertical-align: middle;
border-top: 0;
border-left: 1px solid rgba(0, 0, 0, .06)
}
.ant-divider-horizontal {
display: flex;
clear: both;
width: 100%;
min-width: 100%;
margin: 24px 0
}
.ant-divider-horizontal.ant-divider-with-text {
display: flex;
align-items: center;
margin: 16px 0;
color: rgba(0, 0, 0, .85);
font-weight: 500;
font-size: 16px;
white-space: nowrap;
text-align: center;
border-top: 0;
border-top-color: rgba(0, 0, 0, .06)
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
position: relative;
width: 50%;
border-top: 1px solid rgba(0, 0, 0, 0);
border-top-color: inherit;
border-bottom: 0;
transform: translateY(50%);
content: ""
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
width: 5%
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
width: 95%
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
width: 95%
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
width: 5%
}
.ant-divider-inner-text {
display: inline-block;
padding: 0 1em
}
.ant-divider-dashed {
background: none;
border-color: rgba(0, 0, 0, .06);
border-style: dashed;
border-width: 1px 0 0
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
border-style: dashed none none
}
.ant-divider-vertical.ant-divider-dashed {
border-width: 0 0 0 1px
}
.ant-divider-plain.ant-divider-with-text {
color: rgba(0, 0, 0, .85);
font-weight: normal;
font-size: 14px
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
width: 0
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
width: 100%
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
padding-left: 0
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
width: 100%
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
width: 0
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
padding-right: 0
}
.ant-divider-rtl {
direction: rtl
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
width: 95%
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
width: 5%
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
width: 5%
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
width: 95%
}
</style>
<style>
.ant-form-item .ant-input-number+.ant-form-text {
margin-left: 8px
}
.ant-form-inline {
display: flex;
flex-wrap: wrap
}
.ant-form-inline .ant-form-item {
flex: none;
flex-wrap: nowrap;
margin-right: 16px;
margin-bottom: 0
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 24px
}
.ant-form-inline .ant-form-item>.ant-form-item-label,
.ant-form-inline .ant-form-item>.ant-form-item-control {
display: inline-block;
vertical-align: top
}
.ant-form-inline .ant-form-item>.ant-form-item-label {
flex: none
}
.ant-form-inline .ant-form-item .ant-form-text {
display: inline-block
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
display: inline-block
}
.ant-form-horizontal .ant-form-item-label {
flex-grow: 0
}
.ant-form-horizontal .ant-form-item-control {
flex: 1 1 0;
min-width: 0
}
.ant-form-horizontal .ant-form-item-label[class$="-24"]+.ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*="-24 "]+.ant-form-item-control {
min-width: unset
}
.ant-form-vertical .ant-form-item-row {
flex-direction: column
}
.ant-form-vertical .ant-form-item-label>label {
height: auto
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
width: 100%
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left
}
.ant-form-vertical .ant-form-item-label>label,
.ant-col-24.ant-form-item-label>label,
.ant-col-xl-24.ant-form-item-label>label {
margin: 0
}
.ant-form-vertical .ant-form-item-label>label::after,
.ant-col-24.ant-form-item-label>label::after,
.ant-col-xl-24.ant-form-item-label>label::after {
display: none
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right
}
@media(max-width: 575px) {
.ant-form-item .ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left
}
.ant-form-item .ant-form-item-label>label {
margin: 0
}
.ant-form-item .ant-form-item-label>label::after {
display: none
}
.ant-form-rtl.ant-form-item .ant-form-item-label {
text-align: right
}
.ant-form .ant-form-item {
flex-wrap: wrap
}
.ant-form .ant-form-item .ant-form-item-label,
.ant-form .ant-form-item .ant-form-item-control {
flex: 0 0 100%;
max-width: 100%
}
.ant-col-xs-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left
}
.ant-col-xs-24.ant-form-item-label>label {
margin: 0
}
.ant-col-xs-24.ant-form-item-label>label::after {
display: none
}
.ant-form-rtl.ant-col-xs-24.ant-form-item-label {
text-align: right
}
}
@media(max-width: 767px) {
.ant-col-sm-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left
}
.ant-col-sm-24.ant-form-item-label>label {
margin: 0
}
.ant-col-sm-24.ant-form-item-label>label::after {
display: none
}
.ant-form-rtl.ant-col-sm-24.ant-form-item-label {
text-align: right
}
}
@media(max-width: 991px) {
.ant-col-md-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left
}
.ant-col-md-24.ant-form-item-label>label {
margin: 0
}
.ant-col-md-24.ant-form-item-label>label::after {
display: none
}
.ant-form-rtl.ant-col-md-24.ant-form-item-label {
text-align: right
}
}
@media(max-width: 1199px) {
.ant-col-lg-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left
}
.ant-col-lg-24.ant-form-item-label>label {
margin: 0
}
.ant-col-lg-24.ant-form-item-label>label::after {
display: none
}
.ant-form-rtl.ant-col-lg-24.ant-form-item-label {
text-align: right
}
}
@media(max-width: 1599px) {
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left
}
.ant-col-xl-24.ant-form-item-label>label {
margin: 0
}
.ant-col-xl-24.ant-form-item-label>label::after {
display: none
}
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right
}
}
.ant-form-item-explain-error {
color: #ff4d4f
}
.ant-form-item-explain-warning {
color: #faad14
}
.ant-form-item-has-feedback .ant-switch {
margin: 2px 0 4px
}
.ant-form-item-has-warning .ant-form-item-split {
color: #faad14
}
.ant-form-item-has-error .ant-form-item-split {
color: #ff4d4f
}
.ant-form {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum"
}
.ant-form legend {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: rgba(0, 0, 0, .45);
font-size: 16px;
line-height: inherit;
border: 0;
border-bottom: 1px solid #d9d9d9
}
.ant-form label {
font-size: 14px
}
.ant-form input[type=search] {
box-sizing: border-box
}
.ant-form input[type=radio],
.ant-form input[type=checkbox] {
line-height: normal
}
.ant-form input[type=file] {
display: block
}
.ant-form input[type=range] {
display: block;
width: 100%
}
.ant-form select[multiple],
.ant-form select[size] {
height: auto
}
.ant-form input[type=file]:focus,
.ant-form input[type=radio]:focus,
.ant-form input[type=checkbox]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.ant-form output {
display: block;
padding-top: 15px;
color: rgba(0, 0, 0, .85);
font-size: 14px;
line-height: 1.5715
}
.ant-form .ant-form-text {
display: inline-block;
padding-right: 8px
}
.ant-form-small .ant-form-item-label>label {
height: 24px
}
.ant-form-small .ant-form-item-control-input {
min-height: 24px
}
.ant-form-large .ant-form-item-label>label {
height: 40px
}
.ant-form-large .ant-form-item-control-input {
min-height: 40px
}
.ant-form-item {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
margin-bottom: 24px;
vertical-align: top
}
.ant-form-item-with-help {
transition: none
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
display: none
}
.ant-form-item-label {
display: inline-block;
flex-grow: 0;
overflow: hidden;
white-space: nowrap;
text-align: right;
vertical-align: middle
}
.ant-form-item-label-left {
text-align: left
}
.ant-form-item-label-wrap {
overflow: unset;
line-height: 1.3215em;
white-space: unset
}
.ant-form-item-label>label {
position: relative;
display: inline-flex;
align-items: center;
max-width: 100%;
height: 32px;
color: rgba(0, 0, 0, .85);
font-size: 14px
}
.ant-form-item-label>label>.anticon {
font-size: 14px;
vertical-align: top
}
.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: inline-block;
margin-right: 4px;
color: #ff4d4f;
font-size: 14px;
font-family: SimSun, sans-serif;
line-height: 1;
content: "*"
}
.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: none
}
.ant-form-item-label>label .ant-form-item-optional {
display: inline-block;
margin-left: 4px;
color: rgba(0, 0, 0, .45)
}
.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional {
display: none
}
.ant-form-item-label>label .ant-form-item-tooltip {
color: rgba(0, 0, 0, .45);
cursor: help;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
-webkit-margin-start: 4px;
margin-inline-start: 4px
}
.ant-form-item-label>label::after {
content: ":";
position: relative;
top: -0.5px;
margin: 0 8px 0 2px
}
.ant-form-item-label>label.ant-form-item-no-colon::after {
content: " "
}
.ant-form-item-control {
display: flex;
flex-direction: column;
flex-grow: 1
}
.ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=" ant-col-"]) {
width: 100%
}
.ant-form-item-control-input {
position: relative;
display: flex;
align-items: center;
min-height: 32px
}
.ant-form-item-control-input-content {
flex: auto;
max-width: 100%
}
.ant-form-item-explain,
.ant-form-item-extra {
clear: both;
color: rgba(0, 0, 0, .45);
font-size: 14px;
line-height: 1.5715;
transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.ant-form-item-explain-connected {
width: 100%
}
.ant-form-item-extra {
min-height: 24px
}
.ant-form-item-with-help .ant-form-item-explain {
height: auto;
opacity: 1
}
.ant-form-item-feedback-icon {
font-size: 14px;
text-align: center;
visibility: visible;
animation: zoomIn .3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
pointer-events: none
}
.ant-form-item-feedback-icon-success {
color: #52c41a
}
.ant-form-item-feedback-icon-error {
color: #ff4d4f
}
.ant-form-item-feedback-icon-warning {
color: #faad14
}
.ant-form-item-feedback-icon-validating {
color: #1890ff
}
.ant-show-help {
transition: opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.ant-show-help-appear,
.ant-show-help-enter {
opacity: 0
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
opacity: 1
}
.ant-show-help-leave {
opacity: 1
}
.ant-show-help-leave-active {
opacity: 0
}
.ant-show-help-item {
overflow: hidden;
transition: height .3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .3s cubic-bezier(0.645, 0.045, 0.355, 1), transform .3s cubic-bezier(0.645, 0.045, 0.355, 1) !important
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
transform: translateY(-5px);
opacity: 0
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
transform: translateY(0);
opacity: 1
}
.ant-show-help-item-leave {
transition: height .2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1), transform .2s cubic-bezier(0.645, 0.045, 0.355, 1) !important
}
.ant-show-help-item-leave-active {
transform: translateY(-5px)
}
@keyframes diffZoomIn1 {
0% {
transform: scale(0);
opacity: 0
}
100% {
transform: scale(1);
opacity: 1
}
}
@keyframes diffZoomIn2 {
0% {
transform: scale(0);
opacity: 0
}
100% {
transform: scale(1);
opacity: 1
}
}
@keyframes diffZoomIn3 {
0% {
transform: scale(0);
opacity: 0
}
100% {
transform: scale(1);
opacity: 1
}
}
.ant-form-rtl {
direction: rtl
}
.ant-form-rtl .ant-form-item-label {
text-align: left
}
.ant-form-rtl .ant-form-item-label>label.ant-form-item-required::before {
margin-right: 0;
margin-left: 4px
}
.ant-form-rtl .ant-form-item-label>label::after {
margin: 0 2px 0 8px
}
.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional {
margin-right: 4px;
margin-left: 0
}
.ant-col-rtl .ant-form-item-control:first-child {
width: 100%
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
padding-right: 11px;
padding-left: 24px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
padding-right: 11px;
padding-left: 18px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
padding: 0
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
padding: 0
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
right: auto;
left: 28px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
padding-left: 18px
}
.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-clear {
right: auto;
left: 32px
}
.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-selection-selected-value {
padding-right: 0;
padding-left: 42px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
margin-right: 0;
margin-left: 19px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
right: auto;
left: 32px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
padding-right: 11px;
padding-left: 29.2px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
padding-right: 11px;
padding-left: 29.2px
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
padding-right: 7px;
padding-left: 25.2px
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
right: auto;
left: 0
}
.ant-form-rtl.ant-form-inline .ant-form-item {
margin-right: 0;
margin-left: 16px
}
</style>
<style>
.ant-row {
display: flex;
flex-flow: row wrap;
min-width: 0
}
.ant-row::before,
.ant-row::after {
display: flex
}
.ant-row-no-wrap {
flex-wrap: nowrap
}
.ant-row-start {
justify-content: flex-start
}
.ant-row-center {
justify-content: center
}
.ant-row-end {
justify-content: flex-end
}
.ant-row-space-between {
justify-content: space-between
}
.ant-row-space-around {
justify-content: space-around
}
.ant-row-space-evenly {
justify-content: space-evenly
}
.ant-row-top {
align-items: flex-start
}
.ant-row-middle {
align-items: center
}
.ant-row-bottom {
align-items: flex-end
}
.ant-col {
position: relative;
max-width: 100%;
min-height: 1px
}
.ant-col-24 {
display: block;
flex: 0 0 100%;
max-width: 100%
}
.ant-col-push-24 {
left: 100%
}
.ant-col-pull-24 {
right: 100%
}
.ant-col-offset-24 {
margin-left: 100%
}
.ant-col-order-24 {
order: 24
}
.ant-col-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%
}
.ant-col-push-23 {
left: 95.83333333%
}
.ant-col-pull-23 {
right: 95.83333333%
}
.ant-col-offset-23 {
margin-left: 95.83333333%
}
.ant-col-order-23 {
order: 23
}
.ant-col-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.ant-col-push-22 {
left: 91.66666667%
}
.ant-col-pull-22 {
right: 91.66666667%
}
.ant-col-offset-22 {
margin-left: 91.66666667%
}
.ant-col-order-22 {
order: 22
}
.ant-col-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%
}
.ant-col-push-21 {
left: 87.5%
}
.ant-col-pull-21 {
right: 87.5%
}
.ant-col-offset-21 {
margin-left: 87.5%
}
.ant-col-order-21 {
order: 21
}
.ant-col-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.ant-col-push-20 {
left: 83.33333333%
}
.ant-col-pull-20 {
right: 83.33333333%
}
.ant-col-offset-20 {
margin-left: 83.33333333%
}
.ant-col-order-20 {
order: 20
}
.ant-col-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%
}
.ant-col-push-19 {
left: 79.16666667%
}
.ant-col-pull-19 {
right: 79.16666667%
}
.ant-col-offset-19 {
margin-left: 79.16666667%
}
.ant-col-order-19 {
order: 19
}
.ant-col-18 {
display: block;
flex: 0 0 75%;
max-width: 75%
}
.ant-col-push-18 {
left: 75%
}
.ant-col-pull-18 {
right: 75%
}
.ant-col-offset-18 {
margin-left: 75%
}
.ant-col-order-18 {
order: 18
}
.ant-col-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%
}
.ant-col-push-17 {
left: 70.83333333%
}
.ant-col-pull-17 {
right: 70.83333333%
}
.ant-col-offset-17 {
margin-left: 70.83333333%
}
.ant-col-order-17 {
order: 17
}
.ant-col-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.ant-col-push-16 {
left: 66.66666667%
}
.ant-col-pull-16 {
right: 66.66666667%
}
.ant-col-offset-16 {
margin-left: 66.66666667%
}
.ant-col-order-16 {
order: 16
}
.ant-col-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%
}
.ant-col-push-15 {
left: 62.5%
}
.ant-col-pull-15 {
right: 62.5%
}
.ant-col-offset-15 {
margin-left: 62.5%
}
.ant-col-order-15 {
order: 15
}
.ant-col-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.ant-col-push-14 {
left: 58.33333333%
}
.ant-col-pull-14 {
right: 58.33333333%
}
.ant-col-offset-14 {
margin-left: 58.33333333%
}
.ant-col-order-14 {
order: 14
}
.ant-col-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%
}
.ant-col-push-13 {
left: 54.16666667%
}
.ant-col-pull-13 {
right: 54.16666667%
}
.ant-col-offset-13 {
margin-left: 54.16666667%
}
.ant-col-order-13 {
order: 13
}
.ant-col-12 {
display: block;
flex: 0 0 50%;
max-width: 50%
}
.ant-col-push-12 {
left: 50%
}
.ant-col-pull-12 {
right: 50%
}
.ant-col-offset-12 {
margin-left: 50%
}
.ant-col-order-12 {
order: 12
}
.ant-col-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%
}
.ant-col-push-11 {
left: 45.83333333%
}
.ant-col-pull-11 {
right: 45.83333333%
}
.ant-col-offset-11 {
margin-left: 45.83333333%
}
.ant-col-order-11 {
order: 11
}
.ant-col-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.ant-col-push-10 {
left: 41.66666667%
}
.ant-col-pull-10 {
right: 41.66666667%
}
.ant-col-offset-10 {
margin-left: 41.66666667%
}
.ant-col-order-10 {
order: 10
}
.ant-col-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%
}
.ant-col-push-9 {
left: 37.5%
}
.ant-col-pull-9 {
right: 37.5%
}
.ant-col-offset-9 {
margin-left: 37.5%
}
.ant-col-order-9 {
order: 9
}
.ant-col-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.ant-col-push-8 {
left: 33.33333333%
}
.ant-col-pull-8 {
right: 33.33333333%
}
.ant-col-offset-8 {
margin-left: 33.33333333%
}
.ant-col-order-8 {
order: 8
}
.ant-col-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%
}
.ant-col-push-7 {
left: 29.16666667%
}
.ant-col-pull-7 {
right: 29.16666667%
}
.ant-col-offset-7 {
margin-left: 29.16666667%
}
.ant-col-order-7 {
order: 7
}
.ant-col-6 {
display: block;
flex: 0 0 25%;
max-width: 25%
}
.ant-col-push-6 {
left: 25%
}
.ant-col-pull-6 {
right: 25%
}
.ant-col-offset-6 {
margin-left: 25%
}
.ant-col-order-6 {
order: 6
}
.ant-col-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%
}
.ant-col-push-5 {
left: 20.83333333%
}
.ant-col-pull-5 {
right: 20.83333333%
}
.ant-col-offset-5 {
margin-left: 20.83333333%
}
.ant-col-order-5 {
order: 5
}
.ant-col-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.ant-col-push-4 {
left: 16.66666667%
}
.ant-col-pull-4 {
right: 16.66666667%
}
.ant-col-offset-4 {
margin-left: 16.66666667%
}
.ant-col-order-4 {
order: 4
}
.ant-col-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%
}
.ant-col-push-3 {
left: 12.5%
}
.ant-col-pull-3 {
right: 12.5%
}
.ant-col-offset-3 {
margin-left: 12.5%
}
.ant-col-order-3 {
order: 3
}
.ant-col-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.ant-col-push-2 {
left: 8.33333333%
}
.ant-col-pull-2 {
right: 8.33333333%
}
.ant-col-offset-2 {
margin-left: 8.33333333%
}
.ant-col-order-2 {
order: 2
}
.ant-col-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%
}
.ant-col-push-1 {
left: 4.16666667%
}
.ant-col-pull-1 {
right: 4.16666667%
}
.ant-col-offset-1 {
margin-left: 4.16666667%
}
.ant-col-order-1 {
order: 1
}
.ant-col-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-offset-0 {
margin-left: 0
}
.ant-col-order-0 {
order: 0
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-offset-0.ant-col-rtl {
margin-right: 0
}
.ant-col-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto
}
.ant-col-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%
}
.ant-col-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0
}
.ant-col-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto
}
.ant-col-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%
}
.ant-col-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0
}
.ant-col-push-3.ant-col-rtl {
right: 12.5%;
left: auto
}
.ant-col-pull-3.ant-col-rtl {
right: auto;
left: 12.5%
}
.ant-col-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0
}
.ant-col-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto
}
.ant-col-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%
}
.ant-col-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0
}
.ant-col-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto
}
.ant-col-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%
}
.ant-col-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0
}
.ant-col-push-6.ant-col-rtl {
right: 25%;
left: auto
}
.ant-col-pull-6.ant-col-rtl {
right: auto;
left: 25%
}
.ant-col-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0
}
.ant-col-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto
}
.ant-col-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%
}
.ant-col-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0
}
.ant-col-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto
}
.ant-col-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%
}
.ant-col-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0
}
.ant-col-push-9.ant-col-rtl {
right: 37.5%;
left: auto
}
.ant-col-pull-9.ant-col-rtl {
right: auto;
left: 37.5%
}
.ant-col-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0
}
.ant-col-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto
}
.ant-col-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%
}
.ant-col-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0
}
.ant-col-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto
}
.ant-col-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%
}
.ant-col-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0
}
.ant-col-push-12.ant-col-rtl {
right: 50%;
left: auto
}
.ant-col-pull-12.ant-col-rtl {
right: auto;
left: 50%
}
.ant-col-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0
}
.ant-col-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto
}
.ant-col-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%
}
.ant-col-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0
}
.ant-col-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto
}
.ant-col-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%
}
.ant-col-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0
}
.ant-col-push-15.ant-col-rtl {
right: 62.5%;
left: auto
}
.ant-col-pull-15.ant-col-rtl {
right: auto;
left: 62.5%
}
.ant-col-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0
}
.ant-col-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto
}
.ant-col-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%
}
.ant-col-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0
}
.ant-col-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto
}
.ant-col-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%
}
.ant-col-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0
}
.ant-col-push-18.ant-col-rtl {
right: 75%;
left: auto
}
.ant-col-pull-18.ant-col-rtl {
right: auto;
left: 75%
}
.ant-col-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0
}
.ant-col-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto
}
.ant-col-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%
}
.ant-col-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0
}
.ant-col-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto
}
.ant-col-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%
}
.ant-col-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0
}
.ant-col-push-21.ant-col-rtl {
right: 87.5%;
left: auto
}
.ant-col-pull-21.ant-col-rtl {
right: auto;
left: 87.5%
}
.ant-col-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0
}
.ant-col-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto
}
.ant-col-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%
}
.ant-col-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0
}
.ant-col-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto
}
.ant-col-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%
}
.ant-col-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0
}
.ant-col-push-24.ant-col-rtl {
right: 100%;
left: auto
}
.ant-col-pull-24.ant-col-rtl {
right: auto;
left: 100%
}
.ant-col-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0
}
.ant-col-xs-24 {
display: block;
flex: 0 0 100%;
max-width: 100%
}
.ant-col-xs-push-24 {
left: 100%
}
.ant-col-xs-pull-24 {
right: 100%
}
.ant-col-xs-offset-24 {
margin-left: 100%
}
.ant-col-xs-order-24 {
order: 24
}
.ant-col-xs-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%
}
.ant-col-xs-push-23 {
left: 95.83333333%
}
.ant-col-xs-pull-23 {
right: 95.83333333%
}
.ant-col-xs-offset-23 {
margin-left: 95.83333333%
}
.ant-col-xs-order-23 {
order: 23
}
.ant-col-xs-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.ant-col-xs-push-22 {
left: 91.66666667%
}
.ant-col-xs-pull-22 {
right: 91.66666667%
}
.ant-col-xs-offset-22 {
margin-left: 91.66666667%
}
.ant-col-xs-order-22 {
order: 22
}
.ant-col-xs-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%
}
.ant-col-xs-push-21 {
left: 87.5%
}
.ant-col-xs-pull-21 {
right: 87.5%
}
.ant-col-xs-offset-21 {
margin-left: 87.5%
}
.ant-col-xs-order-21 {
order: 21
}
.ant-col-xs-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.ant-col-xs-push-20 {
left: 83.33333333%
}
.ant-col-xs-pull-20 {
right: 83.33333333%
}
.ant-col-xs-offset-20 {
margin-left: 83.33333333%
}
.ant-col-xs-order-20 {
order: 20
}
.ant-col-xs-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%
}
.ant-col-xs-push-19 {
left: 79.16666667%
}
.ant-col-xs-pull-19 {
right: 79.16666667%
}
.ant-col-xs-offset-19 {
margin-left: 79.16666667%
}
.ant-col-xs-order-19 {
order: 19
}
.ant-col-xs-18 {
display: block;
flex: 0 0 75%;
max-width: 75%
}
.ant-col-xs-push-18 {
left: 75%
}
.ant-col-xs-pull-18 {
right: 75%
}
.ant-col-xs-offset-18 {
margin-left: 75%
}
.ant-col-xs-order-18 {
order: 18
}
.ant-col-xs-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%
}
.ant-col-xs-push-17 {
left: 70.83333333%
}
.ant-col-xs-pull-17 {
right: 70.83333333%
}
.ant-col-xs-offset-17 {
margin-left: 70.83333333%
}
.ant-col-xs-order-17 {
order: 17
}
.ant-col-xs-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.ant-col-xs-push-16 {
left: 66.66666667%
}
.ant-col-xs-pull-16 {
right: 66.66666667%
}
.ant-col-xs-offset-16 {
margin-left: 66.66666667%
}
.ant-col-xs-order-16 {
order: 16
}
.ant-col-xs-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%
}
.ant-col-xs-push-15 {
left: 62.5%
}
.ant-col-xs-pull-15 {
right: 62.5%
}
.ant-col-xs-offset-15 {
margin-left: 62.5%
}
.ant-col-xs-order-15 {
order: 15
}
.ant-col-xs-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.ant-col-xs-push-14 {
left: 58.33333333%
}
.ant-col-xs-pull-14 {
right: 58.33333333%
}
.ant-col-xs-offset-14 {
margin-left: 58.33333333%
}
.ant-col-xs-order-14 {
order: 14
}
.ant-col-xs-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%
}
.ant-col-xs-push-13 {
left: 54.16666667%
}
.ant-col-xs-pull-13 {
right: 54.16666667%
}
.ant-col-xs-offset-13 {
margin-left: 54.16666667%
}
.ant-col-xs-order-13 {
order: 13
}
.ant-col-xs-12 {
display: block;
flex: 0 0 50%;
max-width: 50%
}
.ant-col-xs-push-12 {
left: 50%
}
.ant-col-xs-pull-12 {
right: 50%
}
.ant-col-xs-offset-12 {
margin-left: 50%
}
.ant-col-xs-order-12 {
order: 12
}
.ant-col-xs-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%
}
.ant-col-xs-push-11 {
left: 45.83333333%
}
.ant-col-xs-pull-11 {
right: 45.83333333%
}
.ant-col-xs-offset-11 {
margin-left: 45.83333333%
}
.ant-col-xs-order-11 {
order: 11
}
.ant-col-xs-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.ant-col-xs-push-10 {
left: 41.66666667%
}
.ant-col-xs-pull-10 {
right: 41.66666667%
}
.ant-col-xs-offset-10 {
margin-left: 41.66666667%
}
.ant-col-xs-order-10 {
order: 10
}
.ant-col-xs-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%
}
.ant-col-xs-push-9 {
left: 37.5%
}
.ant-col-xs-pull-9 {
right: 37.5%
}
.ant-col-xs-offset-9 {
margin-left: 37.5%
}
.ant-col-xs-order-9 {
order: 9
}
.ant-col-xs-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.ant-col-xs-push-8 {
left: 33.33333333%
}
.ant-col-xs-pull-8 {
right: 33.33333333%
}
.ant-col-xs-offset-8 {
margin-left: 33.33333333%
}
.ant-col-xs-order-8 {
order: 8
}
.ant-col-xs-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%
}
.ant-col-xs-push-7 {
left: 29.16666667%
}
.ant-col-xs-pull-7 {
right: 29.16666667%
}
.ant-col-xs-offset-7 {
margin-left: 29.16666667%
}
.ant-col-xs-order-7 {
order: 7
}
.ant-col-xs-6 {
display: block;
flex: 0 0 25%;
max-width: 25%
}
.ant-col-xs-push-6 {
left: 25%
}
.ant-col-xs-pull-6 {
right: 25%
}
.ant-col-xs-offset-6 {
margin-left: 25%
}
.ant-col-xs-order-6 {
order: 6
}
.ant-col-xs-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%
}
.ant-col-xs-push-5 {
left: 20.83333333%
}
.ant-col-xs-pull-5 {
right: 20.83333333%
}
.ant-col-xs-offset-5 {
margin-left: 20.83333333%
}
.ant-col-xs-order-5 {
order: 5
}
.ant-col-xs-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.ant-col-xs-push-4 {
left: 16.66666667%
}
.ant-col-xs-pull-4 {
right: 16.66666667%
}
.ant-col-xs-offset-4 {
margin-left: 16.66666667%
}
.ant-col-xs-order-4 {
order: 4
}
.ant-col-xs-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%
}
.ant-col-xs-push-3 {
left: 12.5%
}
.ant-col-xs-pull-3 {
right: 12.5%
}
.ant-col-xs-offset-3 {
margin-left: 12.5%
}
.ant-col-xs-order-3 {
order: 3
}
.ant-col-xs-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.ant-col-xs-push-2 {
left: 8.33333333%
}
.ant-col-xs-pull-2 {
right: 8.33333333%
}
.ant-col-xs-offset-2 {
margin-left: 8.33333333%
}
.ant-col-xs-order-2 {
order: 2
}
.ant-col-xs-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%
}
.ant-col-xs-push-1 {
left: 4.16666667%
}
.ant-col-xs-pull-1 {
right: 4.16666667%
}
.ant-col-xs-offset-1 {
margin-left: 4.16666667%
}
.ant-col-xs-order-1 {
order: 1
}
.ant-col-xs-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-xs-push-0 {
left: auto
}
.ant-col-xs-pull-0 {
right: auto
}
.ant-col-xs-offset-0 {
margin-left: 0
}
.ant-col-xs-order-0 {
order: 0
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-xs-push-0.ant-col-rtl {
right: auto
}
.ant-col-xs-pull-0.ant-col-rtl {
left: auto
}
.ant-col-xs-offset-0.ant-col-rtl {
margin-right: 0
}
.ant-col-xs-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto
}
.ant-col-xs-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%
}
.ant-col-xs-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0
}
.ant-col-xs-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto
}
.ant-col-xs-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%
}
.ant-col-xs-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0
}
.ant-col-xs-push-3.ant-col-rtl {
right: 12.5%;
left: auto
}
.ant-col-xs-pull-3.ant-col-rtl {
right: auto;
left: 12.5%
}
.ant-col-xs-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0
}
.ant-col-xs-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto
}
.ant-col-xs-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%
}
.ant-col-xs-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0
}
.ant-col-xs-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto
}
.ant-col-xs-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%
}
.ant-col-xs-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0
}
.ant-col-xs-push-6.ant-col-rtl {
right: 25%;
left: auto
}
.ant-col-xs-pull-6.ant-col-rtl {
right: auto;
left: 25%
}
.ant-col-xs-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0
}
.ant-col-xs-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto
}
.ant-col-xs-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%
}
.ant-col-xs-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0
}
.ant-col-xs-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto
}
.ant-col-xs-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%
}
.ant-col-xs-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0
}
.ant-col-xs-push-9.ant-col-rtl {
right: 37.5%;
left: auto
}
.ant-col-xs-pull-9.ant-col-rtl {
right: auto;
left: 37.5%
}
.ant-col-xs-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0
}
.ant-col-xs-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto
}
.ant-col-xs-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%
}
.ant-col-xs-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0
}
.ant-col-xs-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto
}
.ant-col-xs-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%
}
.ant-col-xs-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0
}
.ant-col-xs-push-12.ant-col-rtl {
right: 50%;
left: auto
}
.ant-col-xs-pull-12.ant-col-rtl {
right: auto;
left: 50%
}
.ant-col-xs-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0
}
.ant-col-xs-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto
}
.ant-col-xs-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%
}
.ant-col-xs-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0
}
.ant-col-xs-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto
}
.ant-col-xs-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%
}
.ant-col-xs-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0
}
.ant-col-xs-push-15.ant-col-rtl {
right: 62.5%;
left: auto
}
.ant-col-xs-pull-15.ant-col-rtl {
right: auto;
left: 62.5%
}
.ant-col-xs-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0
}
.ant-col-xs-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto
}
.ant-col-xs-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%
}
.ant-col-xs-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0
}
.ant-col-xs-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto
}
.ant-col-xs-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%
}
.ant-col-xs-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0
}
.ant-col-xs-push-18.ant-col-rtl {
right: 75%;
left: auto
}
.ant-col-xs-pull-18.ant-col-rtl {
right: auto;
left: 75%
}
.ant-col-xs-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0
}
.ant-col-xs-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto
}
.ant-col-xs-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%
}
.ant-col-xs-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0
}
.ant-col-xs-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto
}
.ant-col-xs-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%
}
.ant-col-xs-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0
}
.ant-col-xs-push-21.ant-col-rtl {
right: 87.5%;
left: auto
}
.ant-col-xs-pull-21.ant-col-rtl {
right: auto;
left: 87.5%
}
.ant-col-xs-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0
}
.ant-col-xs-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto
}
.ant-col-xs-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%
}
.ant-col-xs-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0
}
.ant-col-xs-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto
}
.ant-col-xs-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%
}
.ant-col-xs-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0
}
.ant-col-xs-push-24.ant-col-rtl {
right: 100%;
left: auto
}
.ant-col-xs-pull-24.ant-col-rtl {
right: auto;
left: 100%
}
.ant-col-xs-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0
}
@media(min-width: 576px) {
.ant-col-sm-24 {
display: block;
flex: 0 0 100%;
max-width: 100%
}
.ant-col-sm-push-24 {
left: 100%
}
.ant-col-sm-pull-24 {
right: 100%
}
.ant-col-sm-offset-24 {
margin-left: 100%
}
.ant-col-sm-order-24 {
order: 24
}
.ant-col-sm-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%
}
.ant-col-sm-push-23 {
left: 95.83333333%
}
.ant-col-sm-pull-23 {
right: 95.83333333%
}
.ant-col-sm-offset-23 {
margin-left: 95.83333333%
}
.ant-col-sm-order-23 {
order: 23
}
.ant-col-sm-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.ant-col-sm-push-22 {
left: 91.66666667%
}
.ant-col-sm-pull-22 {
right: 91.66666667%
}
.ant-col-sm-offset-22 {
margin-left: 91.66666667%
}
.ant-col-sm-order-22 {
order: 22
}
.ant-col-sm-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%
}
.ant-col-sm-push-21 {
left: 87.5%
}
.ant-col-sm-pull-21 {
right: 87.5%
}
.ant-col-sm-offset-21 {
margin-left: 87.5%
}
.ant-col-sm-order-21 {
order: 21
}
.ant-col-sm-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.ant-col-sm-push-20 {
left: 83.33333333%
}
.ant-col-sm-pull-20 {
right: 83.33333333%
}
.ant-col-sm-offset-20 {
margin-left: 83.33333333%
}
.ant-col-sm-order-20 {
order: 20
}
.ant-col-sm-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%
}
.ant-col-sm-push-19 {
left: 79.16666667%
}
.ant-col-sm-pull-19 {
right: 79.16666667%
}
.ant-col-sm-offset-19 {
margin-left: 79.16666667%
}
.ant-col-sm-order-19 {
order: 19
}
.ant-col-sm-18 {
display: block;
flex: 0 0 75%;
max-width: 75%
}
.ant-col-sm-push-18 {
left: 75%
}
.ant-col-sm-pull-18 {
right: 75%
}
.ant-col-sm-offset-18 {
margin-left: 75%
}
.ant-col-sm-order-18 {
order: 18
}
.ant-col-sm-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%
}
.ant-col-sm-push-17 {
left: 70.83333333%
}
.ant-col-sm-pull-17 {
right: 70.83333333%
}
.ant-col-sm-offset-17 {
margin-left: 70.83333333%
}
.ant-col-sm-order-17 {
order: 17
}
.ant-col-sm-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.ant-col-sm-push-16 {
left: 66.66666667%
}
.ant-col-sm-pull-16 {
right: 66.66666667%
}
.ant-col-sm-offset-16 {
margin-left: 66.66666667%
}
.ant-col-sm-order-16 {
order: 16
}
.ant-col-sm-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%
}
.ant-col-sm-push-15 {
left: 62.5%
}
.ant-col-sm-pull-15 {
right: 62.5%
}
.ant-col-sm-offset-15 {
margin-left: 62.5%
}
.ant-col-sm-order-15 {
order: 15
}
.ant-col-sm-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.ant-col-sm-push-14 {
left: 58.33333333%
}
.ant-col-sm-pull-14 {
right: 58.33333333%
}
.ant-col-sm-offset-14 {
margin-left: 58.33333333%
}
.ant-col-sm-order-14 {
order: 14
}
.ant-col-sm-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%
}
.ant-col-sm-push-13 {
left: 54.16666667%
}
.ant-col-sm-pull-13 {
right: 54.16666667%
}
.ant-col-sm-offset-13 {
margin-left: 54.16666667%
}
.ant-col-sm-order-13 {
order: 13
}
.ant-col-sm-12 {
display: block;
flex: 0 0 50%;
max-width: 50%
}
.ant-col-sm-push-12 {
left: 50%
}
.ant-col-sm-pull-12 {
right: 50%
}
.ant-col-sm-offset-12 {
margin-left: 50%
}
.ant-col-sm-order-12 {
order: 12
}
.ant-col-sm-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%
}
.ant-col-sm-push-11 {
left: 45.83333333%
}
.ant-col-sm-pull-11 {
right: 45.83333333%
}
.ant-col-sm-offset-11 {
margin-left: 45.83333333%
}
.ant-col-sm-order-11 {
order: 11
}
.ant-col-sm-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.ant-col-sm-push-10 {
left: 41.66666667%
}
.ant-col-sm-pull-10 {
right: 41.66666667%
}
.ant-col-sm-offset-10 {
margin-left: 41.66666667%
}
.ant-col-sm-order-10 {
order: 10
}
.ant-col-sm-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%
}
.ant-col-sm-push-9 {
left: 37.5%
}
.ant-col-sm-pull-9 {
right: 37.5%
}
.ant-col-sm-offset-9 {
margin-left: 37.5%
}
.ant-col-sm-order-9 {
order: 9
}
.ant-col-sm-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.ant-col-sm-push-8 {
left: 33.33333333%
}
.ant-col-sm-pull-8 {
right: 33.33333333%
}
.ant-col-sm-offset-8 {
margin-left: 33.33333333%
}
.ant-col-sm-order-8 {
order: 8
}
.ant-col-sm-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%
}
.ant-col-sm-push-7 {
left: 29.16666667%
}
.ant-col-sm-pull-7 {
right: 29.16666667%
}
.ant-col-sm-offset-7 {
margin-left: 29.16666667%
}
.ant-col-sm-order-7 {
order: 7
}
.ant-col-sm-6 {
display: block;
flex: 0 0 25%;
max-width: 25%
}
.ant-col-sm-push-6 {
left: 25%
}
.ant-col-sm-pull-6 {
right: 25%
}
.ant-col-sm-offset-6 {
margin-left: 25%
}
.ant-col-sm-order-6 {
order: 6
}
.ant-col-sm-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%
}
.ant-col-sm-push-5 {
left: 20.83333333%
}
.ant-col-sm-pull-5 {
right: 20.83333333%
}
.ant-col-sm-offset-5 {
margin-left: 20.83333333%
}
.ant-col-sm-order-5 {
order: 5
}
.ant-col-sm-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.ant-col-sm-push-4 {
left: 16.66666667%
}
.ant-col-sm-pull-4 {
right: 16.66666667%
}
.ant-col-sm-offset-4 {
margin-left: 16.66666667%
}
.ant-col-sm-order-4 {
order: 4
}
.ant-col-sm-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%
}
.ant-col-sm-push-3 {
left: 12.5%
}
.ant-col-sm-pull-3 {
right: 12.5%
}
.ant-col-sm-offset-3 {
margin-left: 12.5%
}
.ant-col-sm-order-3 {
order: 3
}
.ant-col-sm-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.ant-col-sm-push-2 {
left: 8.33333333%
}
.ant-col-sm-pull-2 {
right: 8.33333333%
}
.ant-col-sm-offset-2 {
margin-left: 8.33333333%
}
.ant-col-sm-order-2 {
order: 2
}
.ant-col-sm-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%
}
.ant-col-sm-push-1 {
left: 4.16666667%
}
.ant-col-sm-pull-1 {
right: 4.16666667%
}
.ant-col-sm-offset-1 {
margin-left: 4.16666667%
}
.ant-col-sm-order-1 {
order: 1
}
.ant-col-sm-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-sm-push-0 {
left: auto
}
.ant-col-sm-pull-0 {
right: auto
}
.ant-col-sm-offset-0 {
margin-left: 0
}
.ant-col-sm-order-0 {
order: 0
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-sm-push-0.ant-col-rtl {
right: auto
}
.ant-col-sm-pull-0.ant-col-rtl {
left: auto
}
.ant-col-sm-offset-0.ant-col-rtl {
margin-right: 0
}
.ant-col-sm-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto
}
.ant-col-sm-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%
}
.ant-col-sm-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0
}
.ant-col-sm-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto
}
.ant-col-sm-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%
}
.ant-col-sm-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0
}
.ant-col-sm-push-3.ant-col-rtl {
right: 12.5%;
left: auto
}
.ant-col-sm-pull-3.ant-col-rtl {
right: auto;
left: 12.5%
}
.ant-col-sm-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0
}
.ant-col-sm-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto
}
.ant-col-sm-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%
}
.ant-col-sm-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0
}
.ant-col-sm-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto
}
.ant-col-sm-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%
}
.ant-col-sm-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0
}
.ant-col-sm-push-6.ant-col-rtl {
right: 25%;
left: auto
}
.ant-col-sm-pull-6.ant-col-rtl {
right: auto;
left: 25%
}
.ant-col-sm-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0
}
.ant-col-sm-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto
}
.ant-col-sm-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%
}
.ant-col-sm-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0
}
.ant-col-sm-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto
}
.ant-col-sm-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%
}
.ant-col-sm-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0
}
.ant-col-sm-push-9.ant-col-rtl {
right: 37.5%;
left: auto
}
.ant-col-sm-pull-9.ant-col-rtl {
right: auto;
left: 37.5%
}
.ant-col-sm-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0
}
.ant-col-sm-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto
}
.ant-col-sm-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%
}
.ant-col-sm-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0
}
.ant-col-sm-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto
}
.ant-col-sm-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%
}
.ant-col-sm-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0
}
.ant-col-sm-push-12.ant-col-rtl {
right: 50%;
left: auto
}
.ant-col-sm-pull-12.ant-col-rtl {
right: auto;
left: 50%
}
.ant-col-sm-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0
}
.ant-col-sm-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto
}
.ant-col-sm-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%
}
.ant-col-sm-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0
}
.ant-col-sm-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto
}
.ant-col-sm-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%
}
.ant-col-sm-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0
}
.ant-col-sm-push-15.ant-col-rtl {
right: 62.5%;
left: auto
}
.ant-col-sm-pull-15.ant-col-rtl {
right: auto;
left: 62.5%
}
.ant-col-sm-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0
}
.ant-col-sm-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto
}
.ant-col-sm-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%
}
.ant-col-sm-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0
}
.ant-col-sm-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto
}
.ant-col-sm-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%
}
.ant-col-sm-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0
}
.ant-col-sm-push-18.ant-col-rtl {
right: 75%;
left: auto
}
.ant-col-sm-pull-18.ant-col-rtl {
right: auto;
left: 75%
}
.ant-col-sm-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0
}
.ant-col-sm-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto
}
.ant-col-sm-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%
}
.ant-col-sm-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0
}
.ant-col-sm-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto
}
.ant-col-sm-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%
}
.ant-col-sm-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0
}
.ant-col-sm-push-21.ant-col-rtl {
right: 87.5%;
left: auto
}
.ant-col-sm-pull-21.ant-col-rtl {
right: auto;
left: 87.5%
}
.ant-col-sm-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0
}
.ant-col-sm-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto
}
.ant-col-sm-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%
}
.ant-col-sm-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0
}
.ant-col-sm-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto
}
.ant-col-sm-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%
}
.ant-col-sm-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0
}
.ant-col-sm-push-24.ant-col-rtl {
right: 100%;
left: auto
}
.ant-col-sm-pull-24.ant-col-rtl {
right: auto;
left: 100%
}
.ant-col-sm-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0
}
}
@media(min-width: 768px) {
.ant-col-md-24 {
display: block;
flex: 0 0 100%;
max-width: 100%
}
.ant-col-md-push-24 {
left: 100%
}
.ant-col-md-pull-24 {
right: 100%
}
.ant-col-md-offset-24 {
margin-left: 100%
}
.ant-col-md-order-24 {
order: 24
}
.ant-col-md-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%
}
.ant-col-md-push-23 {
left: 95.83333333%
}
.ant-col-md-pull-23 {
right: 95.83333333%
}
.ant-col-md-offset-23 {
margin-left: 95.83333333%
}
.ant-col-md-order-23 {
order: 23
}
.ant-col-md-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.ant-col-md-push-22 {
left: 91.66666667%
}
.ant-col-md-pull-22 {
right: 91.66666667%
}
.ant-col-md-offset-22 {
margin-left: 91.66666667%
}
.ant-col-md-order-22 {
order: 22
}
.ant-col-md-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%
}
.ant-col-md-push-21 {
left: 87.5%
}
.ant-col-md-pull-21 {
right: 87.5%
}
.ant-col-md-offset-21 {
margin-left: 87.5%
}
.ant-col-md-order-21 {
order: 21
}
.ant-col-md-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.ant-col-md-push-20 {
left: 83.33333333%
}
.ant-col-md-pull-20 {
right: 83.33333333%
}
.ant-col-md-offset-20 {
margin-left: 83.33333333%
}
.ant-col-md-order-20 {
order: 20
}
.ant-col-md-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%
}
.ant-col-md-push-19 {
left: 79.16666667%
}
.ant-col-md-pull-19 {
right: 79.16666667%
}
.ant-col-md-offset-19 {
margin-left: 79.16666667%
}
.ant-col-md-order-19 {
order: 19
}
.ant-col-md-18 {
display: block;
flex: 0 0 75%;
max-width: 75%
}
.ant-col-md-push-18 {
left: 75%
}
.ant-col-md-pull-18 {
right: 75%
}
.ant-col-md-offset-18 {
margin-left: 75%
}
.ant-col-md-order-18 {
order: 18
}
.ant-col-md-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%
}
.ant-col-md-push-17 {
left: 70.83333333%
}
.ant-col-md-pull-17 {
right: 70.83333333%
}
.ant-col-md-offset-17 {
margin-left: 70.83333333%
}
.ant-col-md-order-17 {
order: 17
}
.ant-col-md-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.ant-col-md-push-16 {
left: 66.66666667%
}
.ant-col-md-pull-16 {
right: 66.66666667%
}
.ant-col-md-offset-16 {
margin-left: 66.66666667%
}
.ant-col-md-order-16 {
order: 16
}
.ant-col-md-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%
}
.ant-col-md-push-15 {
left: 62.5%
}
.ant-col-md-pull-15 {
right: 62.5%
}
.ant-col-md-offset-15 {
margin-left: 62.5%
}
.ant-col-md-order-15 {
order: 15
}
.ant-col-md-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.ant-col-md-push-14 {
left: 58.33333333%
}
.ant-col-md-pull-14 {
right: 58.33333333%
}
.ant-col-md-offset-14 {
margin-left: 58.33333333%
}
.ant-col-md-order-14 {
order: 14
}
.ant-col-md-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%
}
.ant-col-md-push-13 {
left: 54.16666667%
}
.ant-col-md-pull-13 {
right: 54.16666667%
}
.ant-col-md-offset-13 {
margin-left: 54.16666667%
}
.ant-col-md-order-13 {
order: 13
}
.ant-col-md-12 {
display: block;
flex: 0 0 50%;
max-width: 50%
}
.ant-col-md-push-12 {
left: 50%
}
.ant-col-md-pull-12 {
right: 50%
}
.ant-col-md-offset-12 {
margin-left: 50%
}
.ant-col-md-order-12 {
order: 12
}
.ant-col-md-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%
}
.ant-col-md-push-11 {
left: 45.83333333%
}
.ant-col-md-pull-11 {
right: 45.83333333%
}
.ant-col-md-offset-11 {
margin-left: 45.83333333%
}
.ant-col-md-order-11 {
order: 11
}
.ant-col-md-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.ant-col-md-push-10 {
left: 41.66666667%
}
.ant-col-md-pull-10 {
right: 41.66666667%
}
.ant-col-md-offset-10 {
margin-left: 41.66666667%
}
.ant-col-md-order-10 {
order: 10
}
.ant-col-md-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%
}
.ant-col-md-push-9 {
left: 37.5%
}
.ant-col-md-pull-9 {
right: 37.5%
}
.ant-col-md-offset-9 {
margin-left: 37.5%
}
.ant-col-md-order-9 {
order: 9
}
.ant-col-md-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.ant-col-md-push-8 {
left: 33.33333333%
}
.ant-col-md-pull-8 {
right: 33.33333333%
}
.ant-col-md-offset-8 {
margin-left: 33.33333333%
}
.ant-col-md-order-8 {
order: 8
}
.ant-col-md-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%
}
.ant-col-md-push-7 {
left: 29.16666667%
}
.ant-col-md-pull-7 {
right: 29.16666667%
}
.ant-col-md-offset-7 {
margin-left: 29.16666667%
}
.ant-col-md-order-7 {
order: 7
}
.ant-col-md-6 {
display: block;
flex: 0 0 25%;
max-width: 25%
}
.ant-col-md-push-6 {
left: 25%
}
.ant-col-md-pull-6 {
right: 25%
}
.ant-col-md-offset-6 {
margin-left: 25%
}
.ant-col-md-order-6 {
order: 6
}
.ant-col-md-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%
}
.ant-col-md-push-5 {
left: 20.83333333%
}
.ant-col-md-pull-5 {
right: 20.83333333%
}
.ant-col-md-offset-5 {
margin-left: 20.83333333%
}
.ant-col-md-order-5 {
order: 5
}
.ant-col-md-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.ant-col-md-push-4 {
left: 16.66666667%
}
.ant-col-md-pull-4 {
right: 16.66666667%
}
.ant-col-md-offset-4 {
margin-left: 16.66666667%
}
.ant-col-md-order-4 {
order: 4
}
.ant-col-md-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%
}
.ant-col-md-push-3 {
left: 12.5%
}
.ant-col-md-pull-3 {
right: 12.5%
}
.ant-col-md-offset-3 {
margin-left: 12.5%
}
.ant-col-md-order-3 {
order: 3
}
.ant-col-md-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.ant-col-md-push-2 {
left: 8.33333333%
}
.ant-col-md-pull-2 {
right: 8.33333333%
}
.ant-col-md-offset-2 {
margin-left: 8.33333333%
}
.ant-col-md-order-2 {
order: 2
}
.ant-col-md-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%
}
.ant-col-md-push-1 {
left: 4.16666667%
}
.ant-col-md-pull-1 {
right: 4.16666667%
}
.ant-col-md-offset-1 {
margin-left: 4.16666667%
}
.ant-col-md-order-1 {
order: 1
}
.ant-col-md-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-md-push-0 {
left: auto
}
.ant-col-md-pull-0 {
right: auto
}
.ant-col-md-offset-0 {
margin-left: 0
}
.ant-col-md-order-0 {
order: 0
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-md-push-0.ant-col-rtl {
right: auto
}
.ant-col-md-pull-0.ant-col-rtl {
left: auto
}
.ant-col-md-offset-0.ant-col-rtl {
margin-right: 0
}
.ant-col-md-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto
}
.ant-col-md-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%
}
.ant-col-md-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0
}
.ant-col-md-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto
}
.ant-col-md-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%
}
.ant-col-md-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0
}
.ant-col-md-push-3.ant-col-rtl {
right: 12.5%;
left: auto
}
.ant-col-md-pull-3.ant-col-rtl {
right: auto;
left: 12.5%
}
.ant-col-md-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0
}
.ant-col-md-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto
}
.ant-col-md-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%
}
.ant-col-md-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0
}
.ant-col-md-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto
}
.ant-col-md-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%
}
.ant-col-md-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0
}
.ant-col-md-push-6.ant-col-rtl {
right: 25%;
left: auto
}
.ant-col-md-pull-6.ant-col-rtl {
right: auto;
left: 25%
}
.ant-col-md-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0
}
.ant-col-md-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto
}
.ant-col-md-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%
}
.ant-col-md-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0
}
.ant-col-md-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto
}
.ant-col-md-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%
}
.ant-col-md-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0
}
.ant-col-md-push-9.ant-col-rtl {
right: 37.5%;
left: auto
}
.ant-col-md-pull-9.ant-col-rtl {
right: auto;
left: 37.5%
}
.ant-col-md-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0
}
.ant-col-md-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto
}
.ant-col-md-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%
}
.ant-col-md-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0
}
.ant-col-md-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto
}
.ant-col-md-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%
}
.ant-col-md-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0
}
.ant-col-md-push-12.ant-col-rtl {
right: 50%;
left: auto
}
.ant-col-md-pull-12.ant-col-rtl {
right: auto;
left: 50%
}
.ant-col-md-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0
}
.ant-col-md-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto
}
.ant-col-md-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%
}
.ant-col-md-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0
}
.ant-col-md-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto
}
.ant-col-md-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%
}
.ant-col-md-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0
}
.ant-col-md-push-15.ant-col-rtl {
right: 62.5%;
left: auto
}
.ant-col-md-pull-15.ant-col-rtl {
right: auto;
left: 62.5%
}
.ant-col-md-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0
}
.ant-col-md-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto
}
.ant-col-md-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%
}
.ant-col-md-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0
}
.ant-col-md-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto
}
.ant-col-md-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%
}
.ant-col-md-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0
}
.ant-col-md-push-18.ant-col-rtl {
right: 75%;
left: auto
}
.ant-col-md-pull-18.ant-col-rtl {
right: auto;
left: 75%
}
.ant-col-md-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0
}
.ant-col-md-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto
}
.ant-col-md-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%
}
.ant-col-md-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0
}
.ant-col-md-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto
}
.ant-col-md-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%
}
.ant-col-md-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0
}
.ant-col-md-push-21.ant-col-rtl {
right: 87.5%;
left: auto
}
.ant-col-md-pull-21.ant-col-rtl {
right: auto;
left: 87.5%
}
.ant-col-md-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0
}
.ant-col-md-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto
}
.ant-col-md-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%
}
.ant-col-md-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0
}
.ant-col-md-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto
}
.ant-col-md-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%
}
.ant-col-md-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0
}
.ant-col-md-push-24.ant-col-rtl {
right: 100%;
left: auto
}
.ant-col-md-pull-24.ant-col-rtl {
right: auto;
left: 100%
}
.ant-col-md-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0
}
}
@media(min-width: 992px) {
.ant-col-lg-24 {
display: block;
flex: 0 0 100%;
max-width: 100%
}
.ant-col-lg-push-24 {
left: 100%
}
.ant-col-lg-pull-24 {
right: 100%
}
.ant-col-lg-offset-24 {
margin-left: 100%
}
.ant-col-lg-order-24 {
order: 24
}
.ant-col-lg-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%
}
.ant-col-lg-push-23 {
left: 95.83333333%
}
.ant-col-lg-pull-23 {
right: 95.83333333%
}
.ant-col-lg-offset-23 {
margin-left: 95.83333333%
}
.ant-col-lg-order-23 {
order: 23
}
.ant-col-lg-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.ant-col-lg-push-22 {
left: 91.66666667%
}
.ant-col-lg-pull-22 {
right: 91.66666667%
}
.ant-col-lg-offset-22 {
margin-left: 91.66666667%
}
.ant-col-lg-order-22 {
order: 22
}
.ant-col-lg-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%
}
.ant-col-lg-push-21 {
left: 87.5%
}
.ant-col-lg-pull-21 {
right: 87.5%
}
.ant-col-lg-offset-21 {
margin-left: 87.5%
}
.ant-col-lg-order-21 {
order: 21
}
.ant-col-lg-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.ant-col-lg-push-20 {
left: 83.33333333%
}
.ant-col-lg-pull-20 {
right: 83.33333333%
}
.ant-col-lg-offset-20 {
margin-left: 83.33333333%
}
.ant-col-lg-order-20 {
order: 20
}
.ant-col-lg-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%
}
.ant-col-lg-push-19 {
left: 79.16666667%
}
.ant-col-lg-pull-19 {
right: 79.16666667%
}
.ant-col-lg-offset-19 {
margin-left: 79.16666667%
}
.ant-col-lg-order-19 {
order: 19
}
.ant-col-lg-18 {
display: block;
flex: 0 0 75%;
max-width: 75%
}
.ant-col-lg-push-18 {
left: 75%
}
.ant-col-lg-pull-18 {
right: 75%
}
.ant-col-lg-offset-18 {
margin-left: 75%
}
.ant-col-lg-order-18 {
order: 18
}
.ant-col-lg-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%
}
.ant-col-lg-push-17 {
left: 70.83333333%
}
.ant-col-lg-pull-17 {
right: 70.83333333%
}
.ant-col-lg-offset-17 {
margin-left: 70.83333333%
}
.ant-col-lg-order-17 {
order: 17
}
.ant-col-lg-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.ant-col-lg-push-16 {
left: 66.66666667%
}
.ant-col-lg-pull-16 {
right: 66.66666667%
}
.ant-col-lg-offset-16 {
margin-left: 66.66666667%
}
.ant-col-lg-order-16 {
order: 16
}
.ant-col-lg-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%
}
.ant-col-lg-push-15 {
left: 62.5%
}
.ant-col-lg-pull-15 {
right: 62.5%
}
.ant-col-lg-offset-15 {
margin-left: 62.5%
}
.ant-col-lg-order-15 {
order: 15
}
.ant-col-lg-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.ant-col-lg-push-14 {
left: 58.33333333%
}
.ant-col-lg-pull-14 {
right: 58.33333333%
}
.ant-col-lg-offset-14 {
margin-left: 58.33333333%
}
.ant-col-lg-order-14 {
order: 14
}
.ant-col-lg-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%
}
.ant-col-lg-push-13 {
left: 54.16666667%
}
.ant-col-lg-pull-13 {
right: 54.16666667%
}
.ant-col-lg-offset-13 {
margin-left: 54.16666667%
}
.ant-col-lg-order-13 {
order: 13
}
.ant-col-lg-12 {
display: block;
flex: 0 0 50%;
max-width: 50%
}
.ant-col-lg-push-12 {
left: 50%
}
.ant-col-lg-pull-12 {
right: 50%
}
.ant-col-lg-offset-12 {
margin-left: 50%
}
.ant-col-lg-order-12 {
order: 12
}
.ant-col-lg-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%
}
.ant-col-lg-push-11 {
left: 45.83333333%
}
.ant-col-lg-pull-11 {
right: 45.83333333%
}
.ant-col-lg-offset-11 {
margin-left: 45.83333333%
}
.ant-col-lg-order-11 {
order: 11
}
.ant-col-lg-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.ant-col-lg-push-10 {
left: 41.66666667%
}
.ant-col-lg-pull-10 {
right: 41.66666667%
}
.ant-col-lg-offset-10 {
margin-left: 41.66666667%
}
.ant-col-lg-order-10 {
order: 10
}
.ant-col-lg-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%
}
.ant-col-lg-push-9 {
left: 37.5%
}
.ant-col-lg-pull-9 {
right: 37.5%
}
.ant-col-lg-offset-9 {
margin-left: 37.5%
}
.ant-col-lg-order-9 {
order: 9
}
.ant-col-lg-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.ant-col-lg-push-8 {
left: 33.33333333%
}
.ant-col-lg-pull-8 {
right: 33.33333333%
}
.ant-col-lg-offset-8 {
margin-left: 33.33333333%
}
.ant-col-lg-order-8 {
order: 8
}
.ant-col-lg-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%
}
.ant-col-lg-push-7 {
left: 29.16666667%
}
.ant-col-lg-pull-7 {
right: 29.16666667%
}
.ant-col-lg-offset-7 {
margin-left: 29.16666667%
}
.ant-col-lg-order-7 {
order: 7
}
.ant-col-lg-6 {
display: block;
flex: 0 0 25%;
max-width: 25%
}
.ant-col-lg-push-6 {
left: 25%
}
.ant-col-lg-pull-6 {
right: 25%
}
.ant-col-lg-offset-6 {
margin-left: 25%
}
.ant-col-lg-order-6 {
order: 6
}
.ant-col-lg-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%
}
.ant-col-lg-push-5 {
left: 20.83333333%
}
.ant-col-lg-pull-5 {
right: 20.83333333%
}
.ant-col-lg-offset-5 {
margin-left: 20.83333333%
}
.ant-col-lg-order-5 {
order: 5
}
.ant-col-lg-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.ant-col-lg-push-4 {
left: 16.66666667%
}
.ant-col-lg-pull-4 {
right: 16.66666667%
}
.ant-col-lg-offset-4 {
margin-left: 16.66666667%
}
.ant-col-lg-order-4 {
order: 4
}
.ant-col-lg-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%
}
.ant-col-lg-push-3 {
left: 12.5%
}
.ant-col-lg-pull-3 {
right: 12.5%
}
.ant-col-lg-offset-3 {
margin-left: 12.5%
}
.ant-col-lg-order-3 {
order: 3
}
.ant-col-lg-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.ant-col-lg-push-2 {
left: 8.33333333%
}
.ant-col-lg-pull-2 {
right: 8.33333333%
}
.ant-col-lg-offset-2 {
margin-left: 8.33333333%
}
.ant-col-lg-order-2 {
order: 2
}
.ant-col-lg-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%
}
.ant-col-lg-push-1 {
left: 4.16666667%
}
.ant-col-lg-pull-1 {
right: 4.16666667%
}
.ant-col-lg-offset-1 {
margin-left: 4.16666667%
}
.ant-col-lg-order-1 {
order: 1
}
.ant-col-lg-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-lg-push-0 {
left: auto
}
.ant-col-lg-pull-0 {
right: auto
}
.ant-col-lg-offset-0 {
margin-left: 0
}
.ant-col-lg-order-0 {
order: 0
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-lg-push-0.ant-col-rtl {
right: auto
}
.ant-col-lg-pull-0.ant-col-rtl {
left: auto
}
.ant-col-lg-offset-0.ant-col-rtl {
margin-right: 0
}
.ant-col-lg-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto
}
.ant-col-lg-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%
}
.ant-col-lg-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0
}
.ant-col-lg-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto
}
.ant-col-lg-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%
}
.ant-col-lg-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0
}
.ant-col-lg-push-3.ant-col-rtl {
right: 12.5%;
left: auto
}
.ant-col-lg-pull-3.ant-col-rtl {
right: auto;
left: 12.5%
}
.ant-col-lg-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0
}
.ant-col-lg-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto
}
.ant-col-lg-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%
}
.ant-col-lg-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0
}
.ant-col-lg-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto
}
.ant-col-lg-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%
}
.ant-col-lg-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0
}
.ant-col-lg-push-6.ant-col-rtl {
right: 25%;
left: auto
}
.ant-col-lg-pull-6.ant-col-rtl {
right: auto;
left: 25%
}
.ant-col-lg-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0
}
.ant-col-lg-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto
}
.ant-col-lg-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%
}
.ant-col-lg-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0
}
.ant-col-lg-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto
}
.ant-col-lg-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%
}
.ant-col-lg-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0
}
.ant-col-lg-push-9.ant-col-rtl {
right: 37.5%;
left: auto
}
.ant-col-lg-pull-9.ant-col-rtl {
right: auto;
left: 37.5%
}
.ant-col-lg-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0
}
.ant-col-lg-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto
}
.ant-col-lg-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%
}
.ant-col-lg-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0
}
.ant-col-lg-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto
}
.ant-col-lg-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%
}
.ant-col-lg-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0
}
.ant-col-lg-push-12.ant-col-rtl {
right: 50%;
left: auto
}
.ant-col-lg-pull-12.ant-col-rtl {
right: auto;
left: 50%
}
.ant-col-lg-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0
}
.ant-col-lg-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto
}
.ant-col-lg-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%
}
.ant-col-lg-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0
}
.ant-col-lg-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto
}
.ant-col-lg-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%
}
.ant-col-lg-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0
}
.ant-col-lg-push-15.ant-col-rtl {
right: 62.5%;
left: auto
}
.ant-col-lg-pull-15.ant-col-rtl {
right: auto;
left: 62.5%
}
.ant-col-lg-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0
}
.ant-col-lg-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto
}
.ant-col-lg-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%
}
.ant-col-lg-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0
}
.ant-col-lg-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto
}
.ant-col-lg-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%
}
.ant-col-lg-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0
}
.ant-col-lg-push-18.ant-col-rtl {
right: 75%;
left: auto
}
.ant-col-lg-pull-18.ant-col-rtl {
right: auto;
left: 75%
}
.ant-col-lg-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0
}
.ant-col-lg-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto
}
.ant-col-lg-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%
}
.ant-col-lg-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0
}
.ant-col-lg-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto
}
.ant-col-lg-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%
}
.ant-col-lg-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0
}
.ant-col-lg-push-21.ant-col-rtl {
right: 87.5%;
left: auto
}
.ant-col-lg-pull-21.ant-col-rtl {
right: auto;
left: 87.5%
}
.ant-col-lg-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0
}
.ant-col-lg-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto
}
.ant-col-lg-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%
}
.ant-col-lg-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0
}
.ant-col-lg-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto
}
.ant-col-lg-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%
}
.ant-col-lg-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0
}
.ant-col-lg-push-24.ant-col-rtl {
right: 100%;
left: auto
}
.ant-col-lg-pull-24.ant-col-rtl {
right: auto;
left: 100%
}
.ant-col-lg-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0
}
}
@media(min-width: 1200px) {
.ant-col-xl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%
}
.ant-col-xl-push-24 {
left: 100%
}
.ant-col-xl-pull-24 {
right: 100%
}
.ant-col-xl-offset-24 {
margin-left: 100%
}
.ant-col-xl-order-24 {
order: 24
}
.ant-col-xl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%
}
.ant-col-xl-push-23 {
left: 95.83333333%
}
.ant-col-xl-pull-23 {
right: 95.83333333%
}
.ant-col-xl-offset-23 {
margin-left: 95.83333333%
}
.ant-col-xl-order-23 {
order: 23
}
.ant-col-xl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.ant-col-xl-push-22 {
left: 91.66666667%
}
.ant-col-xl-pull-22 {
right: 91.66666667%
}
.ant-col-xl-offset-22 {
margin-left: 91.66666667%
}
.ant-col-xl-order-22 {
order: 22
}
.ant-col-xl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%
}
.ant-col-xl-push-21 {
left: 87.5%
}
.ant-col-xl-pull-21 {
right: 87.5%
}
.ant-col-xl-offset-21 {
margin-left: 87.5%
}
.ant-col-xl-order-21 {
order: 21
}
.ant-col-xl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.ant-col-xl-push-20 {
left: 83.33333333%
}
.ant-col-xl-pull-20 {
right: 83.33333333%
}
.ant-col-xl-offset-20 {
margin-left: 83.33333333%
}
.ant-col-xl-order-20 {
order: 20
}
.ant-col-xl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%
}
.ant-col-xl-push-19 {
left: 79.16666667%
}
.ant-col-xl-pull-19 {
right: 79.16666667%
}
.ant-col-xl-offset-19 {
margin-left: 79.16666667%
}
.ant-col-xl-order-19 {
order: 19
}
.ant-col-xl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%
}
.ant-col-xl-push-18 {
left: 75%
}
.ant-col-xl-pull-18 {
right: 75%
}
.ant-col-xl-offset-18 {
margin-left: 75%
}
.ant-col-xl-order-18 {
order: 18
}
.ant-col-xl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%
}
.ant-col-xl-push-17 {
left: 70.83333333%
}
.ant-col-xl-pull-17 {
right: 70.83333333%
}
.ant-col-xl-offset-17 {
margin-left: 70.83333333%
}
.ant-col-xl-order-17 {
order: 17
}
.ant-col-xl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.ant-col-xl-push-16 {
left: 66.66666667%
}
.ant-col-xl-pull-16 {
right: 66.66666667%
}
.ant-col-xl-offset-16 {
margin-left: 66.66666667%
}
.ant-col-xl-order-16 {
order: 16
}
.ant-col-xl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%
}
.ant-col-xl-push-15 {
left: 62.5%
}
.ant-col-xl-pull-15 {
right: 62.5%
}
.ant-col-xl-offset-15 {
margin-left: 62.5%
}
.ant-col-xl-order-15 {
order: 15
}
.ant-col-xl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.ant-col-xl-push-14 {
left: 58.33333333%
}
.ant-col-xl-pull-14 {
right: 58.33333333%
}
.ant-col-xl-offset-14 {
margin-left: 58.33333333%
}
.ant-col-xl-order-14 {
order: 14
}
.ant-col-xl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%
}
.ant-col-xl-push-13 {
left: 54.16666667%
}
.ant-col-xl-pull-13 {
right: 54.16666667%
}
.ant-col-xl-offset-13 {
margin-left: 54.16666667%
}
.ant-col-xl-order-13 {
order: 13
}
.ant-col-xl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%
}
.ant-col-xl-push-12 {
left: 50%
}
.ant-col-xl-pull-12 {
right: 50%
}
.ant-col-xl-offset-12 {
margin-left: 50%
}
.ant-col-xl-order-12 {
order: 12
}
.ant-col-xl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%
}
.ant-col-xl-push-11 {
left: 45.83333333%
}
.ant-col-xl-pull-11 {
right: 45.83333333%
}
.ant-col-xl-offset-11 {
margin-left: 45.83333333%
}
.ant-col-xl-order-11 {
order: 11
}
.ant-col-xl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.ant-col-xl-push-10 {
left: 41.66666667%
}
.ant-col-xl-pull-10 {
right: 41.66666667%
}
.ant-col-xl-offset-10 {
margin-left: 41.66666667%
}
.ant-col-xl-order-10 {
order: 10
}
.ant-col-xl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%
}
.ant-col-xl-push-9 {
left: 37.5%
}
.ant-col-xl-pull-9 {
right: 37.5%
}
.ant-col-xl-offset-9 {
margin-left: 37.5%
}
.ant-col-xl-order-9 {
order: 9
}
.ant-col-xl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.ant-col-xl-push-8 {
left: 33.33333333%
}
.ant-col-xl-pull-8 {
right: 33.33333333%
}
.ant-col-xl-offset-8 {
margin-left: 33.33333333%
}
.ant-col-xl-order-8 {
order: 8
}
.ant-col-xl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%
}
.ant-col-xl-push-7 {
left: 29.16666667%
}
.ant-col-xl-pull-7 {
right: 29.16666667%
}
.ant-col-xl-offset-7 {
margin-left: 29.16666667%
}
.ant-col-xl-order-7 {
order: 7
}
.ant-col-xl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%
}
.ant-col-xl-push-6 {
left: 25%
}
.ant-col-xl-pull-6 {
right: 25%
}
.ant-col-xl-offset-6 {
margin-left: 25%
}
.ant-col-xl-order-6 {
order: 6
}
.ant-col-xl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%
}
.ant-col-xl-push-5 {
left: 20.83333333%
}
.ant-col-xl-pull-5 {
right: 20.83333333%
}
.ant-col-xl-offset-5 {
margin-left: 20.83333333%
}
.ant-col-xl-order-5 {
order: 5
}
.ant-col-xl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.ant-col-xl-push-4 {
left: 16.66666667%
}
.ant-col-xl-pull-4 {
right: 16.66666667%
}
.ant-col-xl-offset-4 {
margin-left: 16.66666667%
}
.ant-col-xl-order-4 {
order: 4
}
.ant-col-xl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%
}
.ant-col-xl-push-3 {
left: 12.5%
}
.ant-col-xl-pull-3 {
right: 12.5%
}
.ant-col-xl-offset-3 {
margin-left: 12.5%
}
.ant-col-xl-order-3 {
order: 3
}
.ant-col-xl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.ant-col-xl-push-2 {
left: 8.33333333%
}
.ant-col-xl-pull-2 {
right: 8.33333333%
}
.ant-col-xl-offset-2 {
margin-left: 8.33333333%
}
.ant-col-xl-order-2 {
order: 2
}
.ant-col-xl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%
}
.ant-col-xl-push-1 {
left: 4.16666667%
}
.ant-col-xl-pull-1 {
right: 4.16666667%
}
.ant-col-xl-offset-1 {
margin-left: 4.16666667%
}
.ant-col-xl-order-1 {
order: 1
}
.ant-col-xl-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-xl-push-0 {
left: auto
}
.ant-col-xl-pull-0 {
right: auto
}
.ant-col-xl-offset-0 {
margin-left: 0
}
.ant-col-xl-order-0 {
order: 0
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-xl-push-0.ant-col-rtl {
right: auto
}
.ant-col-xl-pull-0.ant-col-rtl {
left: auto
}
.ant-col-xl-offset-0.ant-col-rtl {
margin-right: 0
}
.ant-col-xl-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto
}
.ant-col-xl-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%
}
.ant-col-xl-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0
}
.ant-col-xl-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto
}
.ant-col-xl-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%
}
.ant-col-xl-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0
}
.ant-col-xl-push-3.ant-col-rtl {
right: 12.5%;
left: auto
}
.ant-col-xl-pull-3.ant-col-rtl {
right: auto;
left: 12.5%
}
.ant-col-xl-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0
}
.ant-col-xl-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto
}
.ant-col-xl-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%
}
.ant-col-xl-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0
}
.ant-col-xl-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto
}
.ant-col-xl-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%
}
.ant-col-xl-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0
}
.ant-col-xl-push-6.ant-col-rtl {
right: 25%;
left: auto
}
.ant-col-xl-pull-6.ant-col-rtl {
right: auto;
left: 25%
}
.ant-col-xl-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0
}
.ant-col-xl-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto
}
.ant-col-xl-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%
}
.ant-col-xl-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0
}
.ant-col-xl-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto
}
.ant-col-xl-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%
}
.ant-col-xl-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0
}
.ant-col-xl-push-9.ant-col-rtl {
right: 37.5%;
left: auto
}
.ant-col-xl-pull-9.ant-col-rtl {
right: auto;
left: 37.5%
}
.ant-col-xl-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0
}
.ant-col-xl-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto
}
.ant-col-xl-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%
}
.ant-col-xl-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0
}
.ant-col-xl-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto
}
.ant-col-xl-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%
}
.ant-col-xl-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0
}
.ant-col-xl-push-12.ant-col-rtl {
right: 50%;
left: auto
}
.ant-col-xl-pull-12.ant-col-rtl {
right: auto;
left: 50%
}
.ant-col-xl-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0
}
.ant-col-xl-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto
}
.ant-col-xl-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%
}
.ant-col-xl-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0
}
.ant-col-xl-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto
}
.ant-col-xl-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%
}
.ant-col-xl-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0
}
.ant-col-xl-push-15.ant-col-rtl {
right: 62.5%;
left: auto
}
.ant-col-xl-pull-15.ant-col-rtl {
right: auto;
left: 62.5%
}
.ant-col-xl-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0
}
.ant-col-xl-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto
}
.ant-col-xl-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%
}
.ant-col-xl-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0
}
.ant-col-xl-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto
}
.ant-col-xl-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%
}
.ant-col-xl-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0
}
.ant-col-xl-push-18.ant-col-rtl {
right: 75%;
left: auto
}
.ant-col-xl-pull-18.ant-col-rtl {
right: auto;
left: 75%
}
.ant-col-xl-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0
}
.ant-col-xl-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto
}
.ant-col-xl-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%
}
.ant-col-xl-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0
}
.ant-col-xl-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto
}
.ant-col-xl-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%
}
.ant-col-xl-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0
}
.ant-col-xl-push-21.ant-col-rtl {
right: 87.5%;
left: auto
}
.ant-col-xl-pull-21.ant-col-rtl {
right: auto;
left: 87.5%
}
.ant-col-xl-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0
}
.ant-col-xl-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto
}
.ant-col-xl-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%
}
.ant-col-xl-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0
}
.ant-col-xl-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto
}
.ant-col-xl-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%
}
.ant-col-xl-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0
}
.ant-col-xl-push-24.ant-col-rtl {
right: 100%;
left: auto
}
.ant-col-xl-pull-24.ant-col-rtl {
right: auto;
left: 100%
}
.ant-col-xl-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0
}
}
@media(min-width: 1600px) {
.ant-col-xxl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%
}
.ant-col-xxl-push-24 {
left: 100%
}
.ant-col-xxl-pull-24 {
right: 100%
}
.ant-col-xxl-offset-24 {
margin-left: 100%
}
.ant-col-xxl-order-24 {
order: 24
}
.ant-col-xxl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%
}
.ant-col-xxl-push-23 {
left: 95.83333333%
}
.ant-col-xxl-pull-23 {
right: 95.83333333%
}
.ant-col-xxl-offset-23 {
margin-left: 95.83333333%
}
.ant-col-xxl-order-23 {
order: 23
}
.ant-col-xxl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.ant-col-xxl-push-22 {
left: 91.66666667%
}
.ant-col-xxl-pull-22 {
right: 91.66666667%
}
.ant-col-xxl-offset-22 {
margin-left: 91.66666667%
}
.ant-col-xxl-order-22 {
order: 22
}
.ant-col-xxl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%
}
.ant-col-xxl-push-21 {
left: 87.5%
}
.ant-col-xxl-pull-21 {
right: 87.5%
}
.ant-col-xxl-offset-21 {
margin-left: 87.5%
}
.ant-col-xxl-order-21 {
order: 21
}
.ant-col-xxl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.ant-col-xxl-push-20 {
left: 83.33333333%
}
.ant-col-xxl-pull-20 {
right: 83.33333333%
}
.ant-col-xxl-offset-20 {
margin-left: 83.33333333%
}
.ant-col-xxl-order-20 {
order: 20
}
.ant-col-xxl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%
}
.ant-col-xxl-push-19 {
left: 79.16666667%
}
.ant-col-xxl-pull-19 {
right: 79.16666667%
}
.ant-col-xxl-offset-19 {
margin-left: 79.16666667%
}
.ant-col-xxl-order-19 {
order: 19
}
.ant-col-xxl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%
}
.ant-col-xxl-push-18 {
left: 75%
}
.ant-col-xxl-pull-18 {
right: 75%
}
.ant-col-xxl-offset-18 {
margin-left: 75%
}
.ant-col-xxl-order-18 {
order: 18
}
.ant-col-xxl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%
}
.ant-col-xxl-push-17 {
left: 70.83333333%
}
.ant-col-xxl-pull-17 {
right: 70.83333333%
}
.ant-col-xxl-offset-17 {
margin-left: 70.83333333%
}
.ant-col-xxl-order-17 {
order: 17
}
.ant-col-xxl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.ant-col-xxl-push-16 {
left: 66.66666667%
}
.ant-col-xxl-pull-16 {
right: 66.66666667%
}
.ant-col-xxl-offset-16 {
margin-left: 66.66666667%
}
.ant-col-xxl-order-16 {
order: 16
}
.ant-col-xxl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%
}
.ant-col-xxl-push-15 {
left: 62.5%
}
.ant-col-xxl-pull-15 {
right: 62.5%
}
.ant-col-xxl-offset-15 {
margin-left: 62.5%
}
.ant-col-xxl-order-15 {
order: 15
}
.ant-col-xxl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.ant-col-xxl-push-14 {
left: 58.33333333%
}
.ant-col-xxl-pull-14 {
right: 58.33333333%
}
.ant-col-xxl-offset-14 {
margin-left: 58.33333333%
}
.ant-col-xxl-order-14 {
order: 14
}
.ant-col-xxl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%
}
.ant-col-xxl-push-13 {
left: 54.16666667%
}
.ant-col-xxl-pull-13 {
right: 54.16666667%
}
.ant-col-xxl-offset-13 {
margin-left: 54.16666667%
}
.ant-col-xxl-order-13 {
order: 13
}
.ant-col-xxl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%
}
.ant-col-xxl-push-12 {
left: 50%
}
.ant-col-xxl-pull-12 {
right: 50%
}
.ant-col-xxl-offset-12 {
margin-left: 50%
}
.ant-col-xxl-order-12 {
order: 12
}
.ant-col-xxl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%
}
.ant-col-xxl-push-11 {
left: 45.83333333%
}
.ant-col-xxl-pull-11 {
right: 45.83333333%
}
.ant-col-xxl-offset-11 {
margin-left: 45.83333333%
}
.ant-col-xxl-order-11 {
order: 11
}
.ant-col-xxl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.ant-col-xxl-push-10 {
left: 41.66666667%
}
.ant-col-xxl-pull-10 {
right: 41.66666667%
}
.ant-col-xxl-offset-10 {
margin-left: 41.66666667%
}
.ant-col-xxl-order-10 {
order: 10
}
.ant-col-xxl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%
}
.ant-col-xxl-push-9 {
left: 37.5%
}
.ant-col-xxl-pull-9 {
right: 37.5%
}
.ant-col-xxl-offset-9 {
margin-left: 37.5%
}
.ant-col-xxl-order-9 {
order: 9
}
.ant-col-xxl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.ant-col-xxl-push-8 {
left: 33.33333333%
}
.ant-col-xxl-pull-8 {
right: 33.33333333%
}
.ant-col-xxl-offset-8 {
margin-left: 33.33333333%
}
.ant-col-xxl-order-8 {
order: 8
}
.ant-col-xxl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%
}
.ant-col-xxl-push-7 {
left: 29.16666667%
}
.ant-col-xxl-pull-7 {
right: 29.16666667%
}
.ant-col-xxl-offset-7 {
margin-left: 29.16666667%
}
.ant-col-xxl-order-7 {
order: 7
}
.ant-col-xxl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%
}
.ant-col-xxl-push-6 {
left: 25%
}
.ant-col-xxl-pull-6 {
right: 25%
}
.ant-col-xxl-offset-6 {
margin-left: 25%
}
.ant-col-xxl-order-6 {
order: 6
}
.ant-col-xxl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%
}
.ant-col-xxl-push-5 {
left: 20.83333333%
}
.ant-col-xxl-pull-5 {
right: 20.83333333%
}
.ant-col-xxl-offset-5 {
margin-left: 20.83333333%
}
.ant-col-xxl-order-5 {
order: 5
}
.ant-col-xxl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.ant-col-xxl-push-4 {
left: 16.66666667%
}
.ant-col-xxl-pull-4 {
right: 16.66666667%
}
.ant-col-xxl-offset-4 {
margin-left: 16.66666667%
}
.ant-col-xxl-order-4 {
order: 4
}
.ant-col-xxl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%
}
.ant-col-xxl-push-3 {
left: 12.5%
}
.ant-col-xxl-pull-3 {
right: 12.5%
}
.ant-col-xxl-offset-3 {
margin-left: 12.5%
}
.ant-col-xxl-order-3 {
order: 3
}
.ant-col-xxl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.ant-col-xxl-push-2 {
left: 8.33333333%
}
.ant-col-xxl-pull-2 {
right: 8.33333333%
}
.ant-col-xxl-offset-2 {
margin-left: 8.33333333%
}
.ant-col-xxl-order-2 {
order: 2
}
.ant-col-xxl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%
}
.ant-col-xxl-push-1 {
left: 4.16666667%
}
.ant-col-xxl-pull-1 {
right: 4.16666667%
}
.ant-col-xxl-offset-1 {
margin-left: 4.16666667%
}
.ant-col-xxl-order-1 {
order: 1
}
.ant-col-xxl-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-xxl-push-0 {
left: auto
}
.ant-col-xxl-pull-0 {
right: auto
}
.ant-col-xxl-offset-0 {
margin-left: 0
}
.ant-col-xxl-order-0 {
order: 0
}
.ant-col-push-0.ant-col-rtl {
right: auto
}
.ant-col-pull-0.ant-col-rtl {
left: auto
}
.ant-col-xxl-push-0.ant-col-rtl {
right: auto
}
.ant-col-xxl-pull-0.ant-col-rtl {
left: auto
}
.ant-col-xxl-offset-0.ant-col-rtl {
margin-right: 0
}
.ant-col-xxl-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto
}
.ant-col-xxl-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%
}
.ant-col-xxl-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0
}
.ant-col-xxl-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto
}
.ant-col-xxl-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%
}
.ant-col-xxl-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0
}
.ant-col-xxl-push-3.ant-col-rtl {
right: 12.5%;
left: auto
}
.ant-col-xxl-pull-3.ant-col-rtl {
right: auto;
left: 12.5%
}
.ant-col-xxl-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0
}
.ant-col-xxl-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto
}
.ant-col-xxl-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%
}
.ant-col-xxl-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0
}
.ant-col-xxl-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto
}
.ant-col-xxl-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%
}
.ant-col-xxl-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0
}
.ant-col-xxl-push-6.ant-col-rtl {
right: 25%;
left: auto
}
.ant-col-xxl-pull-6.ant-col-rtl {
right: auto;
left: 25%
}
.ant-col-xxl-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0
}
.ant-col-xxl-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto
}
.ant-col-xxl-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%
}
.ant-col-xxl-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0
}
.ant-col-xxl-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto
}
.ant-col-xxl-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%
}
.ant-col-xxl-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0
}
.ant-col-xxl-push-9.ant-col-rtl {
right: 37.5%;
left: auto
}
.ant-col-xxl-pull-9.ant-col-rtl {
right: auto;
left: 37.5%
}
.ant-col-xxl-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0
}
.ant-col-xxl-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto
}
.ant-col-xxl-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%
}
.ant-col-xxl-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0
}
.ant-col-xxl-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto
}
.ant-col-xxl-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%
}
.ant-col-xxl-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0
}
.ant-col-xxl-push-12.ant-col-rtl {
right: 50%;
left: auto
}
.ant-col-xxl-pull-12.ant-col-rtl {
right: auto;
left: 50%
}
.ant-col-xxl-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0
}
.ant-col-xxl-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto
}
.ant-col-xxl-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%
}
.ant-col-xxl-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0
}
.ant-col-xxl-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto
}
.ant-col-xxl-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%
}
.ant-col-xxl-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0
}
.ant-col-xxl-push-15.ant-col-rtl {
right: 62.5%;
left: auto
}
.ant-col-xxl-pull-15.ant-col-rtl {
right: auto;
left: 62.5%
}
.ant-col-xxl-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0
}
.ant-col-xxl-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto
}
.ant-col-xxl-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%
}
.ant-col-xxl-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0
}
.ant-col-xxl-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto
}
.ant-col-xxl-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%
}
.ant-col-xxl-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0
}
.ant-col-xxl-push-18.ant-col-rtl {
right: 75%;
left: auto
}
.ant-col-xxl-pull-18.ant-col-rtl {
right: auto;
left: 75%
}
.ant-col-xxl-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0
}
.ant-col-xxl-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto
}
.ant-col-xxl-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%
}
.ant-col-xxl-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0
}
.ant-col-xxl-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto
}
.ant-col-xxl-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%
}
.ant-col-xxl-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0
}
.ant-col-xxl-push-21.ant-col-rtl {
right: 87.5%;
left: auto
}
.ant-col-xxl-pull-21.ant-col-rtl {
right: auto;
left: 87.5%
}
.ant-col-xxl-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0
}
.ant-col-xxl-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto
}
.ant-col-xxl-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%
}
.ant-col-xxl-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0
}
.ant-col-xxl-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto
}
.ant-col-xxl-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%
}
.ant-col-xxl-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0
}
.ant-col-xxl-push-24.ant-col-rtl {
right: 100%;
left: auto
}
.ant-col-xxl-pull-24.ant-col-rtl {
right: auto;
left: 100%
}
.ant-col-xxl-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0
}
}
.ant-row-rtl {
direction: rtl
}
</style>
<style>
.ant-image {
position: relative;
display: inline-block
}
.ant-image-img {
width: 100%;
height: auto;
vertical-align: middle
}
.ant-image-img-placeholder {
background-color: #f5f5f5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center center;
background-size: 30%
}
.ant-image-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: rgba(0, 0, 0, .5);
cursor: pointer;
opacity: 0;
transition: opacity .3s
}
.ant-image-mask-info {
padding: 0 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ant-image-mask-info .anticon {
-webkit-margin-end: 4px;
margin-inline-end: 4px
}
.ant-image-mask:hover {
opacity: 1
}
.ant-image-placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.ant-image-preview {
pointer-events: none;
height: 100%;
text-align: center
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
transform: none;
opacity: 0;
animation-duration: .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-image-preview-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(0, 0, 0, .45)
}
.ant-image-preview-mask-hidden {
display: none
}
.ant-image-preview-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0
}
.ant-image-preview-body {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.ant-image-preview-img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
transform: scale3d(1, 1, 1);
cursor: grab;
transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: auto
}
.ant-image-preview-img-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}
.ant-image-preview-img-wrapper::before {
display: inline-block;
width: 1px;
height: 50%;
margin-right: -1px;
content: ""
}
.ant-image-preview-moving .ant-image-preview-img {
cursor: grabbing
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
transition-duration: 0s
}
.ant-image-preview-wrap {
z-index: 1080
}
.ant-image-preview-operations-wrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1081;
width: 100%
}
.ant-image-preview-operations {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: "tnum";
display: flex;
flex-direction: row-reverse;
align-items: center;
color: rgba(255, 255, 255, .85);
list-style: none;
background: rgba(0, 0, 0, .1);
pointer-events: auto
}
.ant-image-preview-operations-operation {
margin-left: 12px;
padding: 12px;
cursor: pointer;
transition: all .3s
}
.ant-image-preview-operations-operation:hover {
background: rgba(0, 0, 0, .2)
}
.ant-image-preview-operations-operation-disabled {
color: rgba(255, 255, 255, .25);
pointer-events: none
}
.ant-image-preview-operations-operation:last-of-type {
margin-left: 0
}
.ant-image-preview-operations-progress {
position: absolute;
left: 50%;
transform: translateX(-50%)
}
.ant-image-preview-operations-icon {
font-size: 18px
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
position: fixed;
top: 50%;
right: 8px;
z-index: 1081;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: rgba(255, 255, 255, .85);
background: rgba(0, 0, 0, .1);
border-radius: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all .3s;
pointer-events: auto
}
.ant-image-preview-switch-left:hover,
.ant-image-preview-switch-right:hover {
background: rgba(0, 0, 0, .2)
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled,
.ant-image-preview-switch-left-disabled:hover,
.ant-image-preview-switch-right-disabled:hover {
color: rgba(255, 255, 255, .25);
background: rgba(0, 0, 0, .1);
cursor: not-allowed
}
.ant-image-preview-switch-left-disabled>.anticon,
.ant-image-preview-switch-right-disabled>.anticon,
.ant-image-preview-switch-left-disabled:hover>.anticon,
.ant-image-preview-switch-right-disabled:hover>.anticon {
cursor: not-allowed
}
.ant-image-preview-switch-left>.anticon,
.ant-image-preview-switch-right>.anticon {
font-size: 18px
}
.ant-image-preview-switch-left {
left: 8px
}
.ant-image-preview-switch-right {
right: 8px
}
</style>
<style>
.ant-list {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: relative
}
.ant-list * {
outline: none
}
.ant-list-pagination {
margin-top: 24px;
text-align: right
}
.ant-list-pagination .ant-pagination-options {
text-align: left
}
.ant-list-more {
margin-top: 12px;
text-align: center
}
.ant-list-more button {
padding-right: 32px;
padding-left: 32px
}
.ant-list-spin {
min-height: 40px;
text-align: center
}
.ant-list-empty-text {
padding: 16px;
color: rgba(0, 0, 0, .25);
font-size: 14px;
text-align: center
}
.ant-list-items {
margin: 0;
padding: 0;
list-style: none
}
.ant-list-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
color: rgba(0, 0, 0, .85)
}
.ant-list-item-meta {
display: flex;
flex: 1;
align-items: flex-start;
max-width: 100%
}
.ant-list-item-meta-avatar {
margin-right: 16px
}
.ant-list-item-meta-content {
flex: 1 0;
width: 0;
color: rgba(0, 0, 0, .85)
}
.ant-list-item-meta-title {
margin-bottom: 4px;
color: rgba(0, 0, 0, .85);
font-size: 14px;
line-height: 1.5715
}
.ant-list-item-meta-title>a {
color: rgba(0, 0, 0, .85);
transition: all .3s
}
.ant-list-item-meta-title>a:hover {
color: #1890ff
}
.ant-list-item-meta-description {
color: rgba(0, 0, 0, .45);
font-size: 14px;
line-height: 1.5715
}
.ant-list-item-action {
flex: 0 0 auto;
margin-left: 48px;
padding: 0;
font-size: 0;
list-style: none
}
.ant-list-item-action>li {
position: relative;
display: inline-block;
padding: 0 8px;
color: rgba(0, 0, 0, .45);
font-size: 14px;
line-height: 1.5715;
text-align: center
}
.ant-list-item-action>li:first-child {
padding-left: 0
}
.ant-list-item-action-split {
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 14px;
margin-top: -7px;
background-color: #f0f0f0
}
.ant-list-header {
background: rgba(0, 0, 0, 0)
}
.ant-list-footer {
background: rgba(0, 0, 0, 0)
}
.ant-list-header,
.ant-list-footer {
padding-top: 12px;
padding-bottom: 12px
}
.ant-list-empty {
padding: 16px 0;
color: rgba(0, 0, 0, .45);
font-size: 12px;
text-align: center
}
.ant-list-split .ant-list-item {
border-bottom: 1px solid #f0f0f0
}
.ant-list-split .ant-list-item:last-child {
border-bottom: none
}
.ant-list-split .ant-list-header {
border-bottom: 1px solid #f0f0f0
}
.ant-list-split.ant-list-empty .ant-list-footer {
border-top: 1px solid #f0f0f0
}
.ant-list-loading .ant-list-spin-nested-loading {
min-height: 32px
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child {
border-bottom: 1px solid #f0f0f0
}
.ant-list-lg .ant-list-item {
padding: 16px 24px
}
.ant-list-sm .ant-list-item {
padding: 8px 16px
}
.ant-list-vertical .ant-list-item {
align-items: initial
}
.ant-list-vertical .ant-list-item-main {
display: block;
flex: 1
}
.ant-list-vertical .ant-list-item-extra {
margin-left: 40px
}
.ant-list-vertical .ant-list-item-meta {
margin-bottom: 16px
}
.ant-list-vertical .ant-list-item-meta-title {
margin-bottom: 12px;
color: rgba(0, 0, 0, .85);
font-size: 16px;
line-height: 24px
}
.ant-list-vertical .ant-list-item-action {
margin-top: 16px;
margin-left: auto
}
.ant-list-vertical .ant-list-item-action>li {
padding: 0 16px
}
.ant-list-vertical .ant-list-item-action>li:first-child {
padding-left: 0
}
.ant-list-grid .ant-col>.ant-list-item {
display: block;
max-width: 100%;
margin-bottom: 16px;
padding-top: 0;
padding-bottom: 0;
border-bottom: none
}
.ant-list-item-no-flex {
display: block
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
float: right
}
.ant-list-bordered {
border: 1px solid #d9d9d9;
border-radius: 2px
}
.ant-list-bordered .ant-list-header {
padding-right: 24px;
padding-left: 24px
}
.ant-list-bordered .ant-list-footer {
padding-right: 24px;
padding-left: 24px
}
.ant-list-bordered .ant-list-item {
padding-right: 24px;
padding-left: 24px
}
.ant-list-bordered .ant-list-pagination {
margin: 16px 24px
}
.ant-list-bordered.ant-list-sm .ant-list-item {
padding: 8px 16px
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
padding: 8px 16px
}
.ant-list-bordered.ant-list-lg .ant-list-item {
padding: 16px 24px
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
padding: 16px 24px
}
@media screen and (max-width: 768px) {
.ant-list-item-action {
margin-left: 24px
}
.ant-list-vertical .ant-list-item-extra {
margin-left: 24px
}
}
@media screen and (max-width: 576px) {
.ant-list-item {
flex-wrap: wrap
}
.ant-list-item-action {
margin-left: 12px
}
.ant-list-vertical .ant-list-item {
flex-wrap: wrap-reverse
}
.ant-list-vertical .ant-list-item-main {
min-width: 220px
}
.ant-list-vertical .ant-list-item-extra {
margin: auto auto 16px
}
}
.ant-list-rtl {
direction: rtl;
text-align: right
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
direction: rtl
}
.ant-list-rtl .ant-list-pagination {
text-align: left
}
.ant-list-rtl .ant-list-item-meta-avatar {
margin-right: 0;
margin-left: 16px
}
.ant-list-rtl .ant-list-item-action {
margin-right: 48px;
margin-left: 0
}
.ant-list.ant-list-rtl .ant-list-item-action>li:first-child {
padding-right: 0;
padding-left: 16px
}
.ant-list-rtl .ant-list-item-action-split {
right: auto;
left: 0
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
margin-right: 40px;
margin-left: 0
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
margin-right: auto
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action>li:first-child {
padding-right: 0;
padding-left: 16px
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
float: left
}
@media screen and (max-width: 768px) {
.ant-list-rtl .ant-list-item-action {
margin-right: 24px;
margin-left: 0
}
.ant-list-rtl .ant-list-vertical .ant-list-item-extra {
margin-right: 24px;
margin-left: 0
}
}
@media screen and (max-width: 576px) {
.ant-list-rtl .ant-list-item-action {
margin-right: 22px;
margin-left: 0
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
margin: auto auto 16px
}
}
</style>
<style>
.ant-message {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: fixed;
top: 8px;
left: 0;
z-index: 1010;
width: 100%;
pointer-events: none
}
.ant-message-notice {
padding: 8px;
text-align: center
}
.ant-message-notice-content {
display: inline-block;
padding: 10px 16px;
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
pointer-events: all
}
.ant-message-success .anticon {
color: #52c41a
}
.ant-message-error .anticon {
color: #ff4d4f
}
.ant-message-warning .anticon {
color: #faad14
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
color: #1890ff
}
.ant-message .anticon {
position: relative;
top: 1px;
margin-right: 8px;
font-size: 16px
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
animation-name: MessageMoveOut;
animation-duration: .3s
}
@keyframes MessageMoveOut {
0% {
max-height: 150px;
padding: 8px;
opacity: 1
}
100% {
max-height: 0;
padding: 0;
opacity: 0
}
}
.ant-message-rtl {
direction: rtl
}
.ant-message-rtl span {
direction: rtl
}
.ant-message-rtl .anticon {
margin-right: 0;
margin-left: 8px
}
</style>
<style>
.ant-progress {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
display: inline-block
}
.ant-progress-line {
position: relative;
width: 100%;
font-size: 14px
}
.ant-progress-steps {
display: inline-block
}
.ant-progress-steps-outer {
display: flex;
flex-direction: row;
align-items: center
}
.ant-progress-steps-item {
flex-shrink: 0;
min-width: 2px;
margin-right: 2px;
background: #f3f3f3;
transition: all .3s
}
.ant-progress-steps-item-active {
background: #1890ff
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
font-size: 12px
}
.ant-progress-outer {
display: inline-block;
width: 100%;
margin-right: 0;
padding-right: 0
}
.ant-progress-show-info .ant-progress-outer {
margin-right: calc(-2em - 8px);
padding-right: calc(2em + 8px)
}
.ant-progress-inner {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
vertical-align: middle;
background-color: #f5f5f5;
border-radius: 100px
}
.ant-progress-circle-trail {
stroke: #f5f5f5
}
.ant-progress-circle-path {
animation: ant-progress-appear .3s
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
stroke: #1890ff
}
.ant-progress-success-bg,
.ant-progress-bg {
position: relative;
background-color: #1890ff;
border-radius: 100px;
transition: all .4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s
}
.ant-progress-success-bg {
position: absolute;
top: 0;
left: 0;
background-color: #52c41a
}
.ant-progress-text {
display: inline-block;
width: 2em;
margin-left: 8px;
color: rgba(0, 0, 0, .85);
font-size: 1em;
line-height: 1;
white-space: nowrap;
text-align: left;
vertical-align: middle;
word-break: normal
}
.ant-progress-text .anticon {
font-size: 14px
}
.ant-progress-status-active .ant-progress-bg::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
border-radius: 10px;
opacity: 0;
animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
content: ""
}
.ant-progress-status-exception .ant-progress-bg {
background-color: #ff4d4f
}
.ant-progress-status-exception .ant-progress-text {
color: #ff4d4f
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
stroke: #ff4d4f
}
.ant-progress-status-success .ant-progress-bg {
background-color: #52c41a
}
.ant-progress-status-success .ant-progress-text {
color: #52c41a
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
stroke: #52c41a
}
.ant-progress-circle .ant-progress-inner {
position: relative;
line-height: 1;
background-color: rgba(0, 0, 0, 0)
}
.ant-progress-circle .ant-progress-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 1em;
line-height: 1;
white-space: normal;
text-align: center;
transform: translate(-50%, -50%)
}
.ant-progress-circle .ant-progress-text .anticon {
font-size: 1.16666667em
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
color: #ff4d4f
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
color: #52c41a
}
@keyframes ant-progress-active {
0% {
transform: translateX(-100%) scaleX(0);
opacity: .1
}
20% {
transform: translateX(-100%) scaleX(0);
opacity: .5
}
100% {
transform: translateX(0) scaleX(1);
opacity: 0
}
}
.ant-progress-rtl {
direction: rtl
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
margin-right: 0;
margin-left: calc(-2em - 8px);
padding-right: 0;
padding-left: calc(2em + 8px)
}
.ant-progress-rtl .ant-progress-success-bg {
right: 0;
left: auto
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
margin-right: 8px;
margin-left: 0;
text-align: right
}
</style>
<style>
.ant-radio-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
display: inline-block;
font-size: 0
}
.ant-radio-group .ant-badge-count {
z-index: 1
}
.ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper {
border-left: none
}
.ant-radio-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-flex;
align-items: baseline;
margin-right: 8px;
cursor: pointer
}
.ant-radio-wrapper-disabled {
cursor: not-allowed
}
.ant-radio-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: " "
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type=radio] {
width: 14px;
height: 14px
}
.ant-radio {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: relative;
top: .2em;
display: inline-block;
outline: none;
cursor: pointer
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus+.ant-radio-inner {
border-color: #1890ff
}
.ant-radio-input:focus+.ant-radio-inner {
box-shadow: 0 0 0 3px rgba(24, 144, 255, .12)
}
.ant-radio-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 50%;
visibility: hidden;
animation: antRadioEffect .36s ease-in-out;
animation-fill-mode: both;
content: ""
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
visibility: visible
}
.ant-radio-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
background-color: #fff;
border-color: #d9d9d9;
border-style: solid;
border-width: 1px;
border-radius: 50%;
transition: all .3s
}
.ant-radio-inner::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
background-color: #1890ff;
border-top: 0;
border-left: 0;
border-radius: 16px;
transform: scale(0);
opacity: 0;
transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
content: " "
}
.ant-radio-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
cursor: pointer;
opacity: 0
}
.ant-radio.ant-radio-disabled .ant-radio-inner {
border-color: #d9d9d9
}
.ant-radio-checked .ant-radio-inner {
border-color: #1890ff
}
.ant-radio-checked .ant-radio-inner::after {
transform: scale(0.5);
opacity: 1;
transition: all .3s cubic-bezier(0.78, 0.14, 0.15, 0.86)
}
.ant-radio-disabled {
cursor: not-allowed
}
.ant-radio-disabled .ant-radio-inner {
background-color: #f5f5f5;
cursor: not-allowed
}
.ant-radio-disabled .ant-radio-inner::after {
background-color: rgba(0, 0, 0, .2)
}
.ant-radio-disabled .ant-radio-input {
cursor: not-allowed
}
.ant-radio-disabled+span {
color: rgba(0, 0, 0, .25);
cursor: not-allowed
}
span.ant-radio+* {
padding-right: 8px;
padding-left: 8px
}
.ant-radio-button-wrapper {
position: relative;
display: inline-block;
height: 32px;
margin: 0;
padding: 0 15px;
color: rgba(0, 0, 0, .85);
font-size: 14px;
line-height: 30px;
background: #fff;
border: 1px solid #d9d9d9;
border-top-width: 1.02px;
border-left-width: 0;
cursor: pointer;
transition: color .3s, background .3s, border-color .3s, box-shadow .3s
}
.ant-radio-button-wrapper a {
color: rgba(0, 0, 0, .85)
}
.ant-radio-button-wrapper>.ant-radio-button {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%
}
.ant-radio-group-large .ant-radio-button-wrapper {
height: 40px;
font-size: 16px;
line-height: 38px
}
.ant-radio-group-small .ant-radio-button-wrapper {
height: 24px;
padding: 0 7px;
line-height: 22px
}
.ant-radio-button-wrapper:not(:first-child)::before {
position: absolute;
top: -1px;
left: -1px;
display: block;
box-sizing: content-box;
width: 1px;
height: 100%;
padding: 1px 0;
background-color: #d9d9d9;
transition: background-color .3s;
content: ""
}
.ant-radio-button-wrapper:first-child {
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px
}
.ant-radio-button-wrapper:last-child {
border-radius: 0 2px 2px 0
}
.ant-radio-button-wrapper:first-child:last-child {
border-radius: 2px
}
.ant-radio-button-wrapper:hover {
position: relative;
color: #1890ff
}
.ant-radio-button-wrapper:focus-within {
box-shadow: 0 0 0 3px rgba(24, 144, 255, .12)
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type=checkbox],
.ant-radio-button-wrapper input[type=radio] {
width: 0;
height: 0;
opacity: 0;
pointer-events: none
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
z-index: 1;
color: #1890ff;
background: #fff;
border-color: #1890ff
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
background-color: #1890ff
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
border-color: #1890ff
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
color: #40a9ff;
border-color: #40a9ff
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
background-color: #40a9ff
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
color: #096dd9;
border-color: #096dd9
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
background-color: #096dd9
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
box-shadow: 0 0 0 3px rgba(24, 144, 255, .12)
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
color: #fff;
background: #1890ff;
border-color: #1890ff
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
color: #fff;
background: #40a9ff;
border-color: #40a9ff
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
color: #fff;
background: #096dd9;
border-color: #096dd9
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
box-shadow: 0 0 0 3px rgba(24, 144, 255, .12)
}
.ant-radio-button-wrapper-disabled {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
border-color: #d9d9d9
}
.ant-radio-button-wrapper-disabled:first-child {
border-left-color: #d9d9d9
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
color: rgba(0, 0, 0, .25);
background-color: #e6e6e6;
border-color: #d9d9d9;
box-shadow: none
}
@keyframes antRadioEffect {
0% {
transform: scale(1);
opacity: .5
}
100% {
transform: scale(1.6);
opacity: 0
}
}
.ant-radio-group.ant-radio-group-rtl {
direction: rtl
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
border-right-width: 0;
border-left-width: 1px
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
right: -1px;
left: 0
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
border-right: 1px solid #d9d9d9;
border-radius: 0 2px 2px 0
}
.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child {
border-right-color: #40a9ff
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
border-radius: 2px 0 0 2px
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
border-right-color: #d9d9d9
}
</style>
<style>
.ant-spin {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: absolute;
display: none;
color: #1890ff;
text-align: center;
vertical-align: middle;
opacity: 0;
transition: transform .3s cubic-bezier(0.78, 0.14, 0.15, 0.86)
}
.ant-spin-spinning {
position: static;
display: inline-block;
opacity: 1
}
.ant-spin-nested-loading {
position: relative
}
.ant-spin-nested-loading>div>.ant-spin {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
width: 100%;
height: 100%;
max-height: 400px
}
.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
position: absolute;
top: 50%;
left: 50%;
margin: -10px
}
.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: 5px;
text-shadow: 0 1px 2px #fff
}
.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
margin-top: -20px
}
.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
margin: -7px
}
.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
padding-top: 2px
}
.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
margin-top: -17px
}
.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
margin: -16px
}
.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
padding-top: 11px
}
.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
margin-top: -26px
}
.ant-spin-container {
position: relative;
transition: opacity .3s
}
.ant-spin-container::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none \9;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transition: all .3s;
content: "";
pointer-events: none
}
.ant-spin-blur {
clear: both;
opacity: .5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.ant-spin-blur::after {
opacity: .4;
pointer-events: auto
}
.ant-spin-tip {
color: rgba(0, 0, 0, .45)
}
.ant-spin-dot {
position: relative;
display: inline-block;
font-size: 20px;
width: 1em;
height: 1em
}
.ant-spin-dot-item {
position: absolute;
display: block;
width: 9px;
height: 9px;
background-color: #1890ff;
border-radius: 100%;
transform: scale(0.75);
transform-origin: 50% 50%;
opacity: .3;
animation: antSpinMove 1s infinite linear alternate
}
.ant-spin-dot-item:nth-child(1) {
top: 0;
left: 0
}
.ant-spin-dot-item:nth-child(2) {
top: 0;
right: 0;
animation-delay: .4s
}
.ant-spin-dot-item:nth-child(3) {
right: 0;
bottom: 0;
animation-delay: .8s
}
.ant-spin-dot-item:nth-child(4) {
bottom: 0;
left: 0;
animation-delay: 1.2s
}
.ant-spin-dot-spin {
transform: rotate(0deg);
animation: antRotate 1.2s infinite linear
}
.ant-spin-sm .ant-spin-dot {
font-size: 14px
}
.ant-spin-sm .ant-spin-dot i {
width: 6px;
height: 6px
}
.ant-spin-lg .ant-spin-dot {
font-size: 32px
}
.ant-spin-lg .ant-spin-dot i {
width: 14px;
height: 14px
}
.ant-spin.ant-spin-show-text .ant-spin-text {
display: block
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.ant-spin-blur {
background: #fff;
opacity: .5
}
}
@keyframes antSpinMove {
to {
opacity: 1
}
}
@keyframes antRotate {
to {
transform: rotate(360deg)
}
}
.ant-spin-rtl {
direction: rtl
}
.ant-spin-rtl .ant-spin-dot-spin {
transform: rotate(-45deg);
animation-name: antRotateRtl
}
@keyframes antRotateRtl {
to {
transform: rotate(-405deg)
}
}
</style>
<style>
.ant-tag {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
display: inline-block;
height: auto;
margin-right: 8px;
padding: 0 7px;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
background: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
opacity: 1;
transition: all .3s
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
color: rgba(0, 0, 0, .85)
}
.ant-tag>a:first-child:last-child {
display: inline-block;
margin: 0 -8px;
padding: 0 8px
}
.ant-tag-close-icon {
margin-left: 3px;
color: rgba(0, 0, 0, .45);
font-size: 10px;
cursor: pointer;
transition: all .3s
}
.ant-tag-close-icon:hover {
color: rgba(0, 0, 0, .85)
}
.ant-tag-has-color {
border-color: rgba(0, 0, 0, 0)
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
color: #fff
}
.ant-tag-checkable {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
cursor: pointer
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
color: #1890ff
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
color: #fff
}
.ant-tag-checkable-checked {
background-color: #1890ff
}
.ant-tag-checkable:active {
background-color: #096dd9
}
.ant-tag-hidden {
display: none
}
.ant-tag-pink {
color: #c41d7f;
background: #fff0f6;
border-color: #ffadd2
}
.ant-tag-pink-inverse {
color: #fff;
background: #eb2f96;
border-color: #eb2f96
}
.ant-tag-magenta {
color: #c41d7f;
background: #fff0f6;
border-color: #ffadd2
}
.ant-tag-magenta-inverse {
color: #fff;
background: #eb2f96;
border-color: #eb2f96
}
.ant-tag-red {
color: #cf1322;
background: #fff1f0;
border-color: #ffa39e
}
.ant-tag-red-inverse {
color: #fff;
background: #f5222d;
border-color: #f5222d
}
.ant-tag-volcano {
color: #d4380d;
background: #fff2e8;
border-color: #ffbb96
}
.ant-tag-volcano-inverse {
color: #fff;
background: #fa541c;
border-color: #fa541c
}
.ant-tag-orange {
color: #d46b08;
background: #fff7e6;
border-color: #ffd591
}
.ant-tag-orange-inverse {
color: #fff;
background: #fa8c16;
border-color: #fa8c16
}
.ant-tag-yellow {
color: #d4b106;
background: #feffe6;
border-color: #fffb8f
}
.ant-tag-yellow-inverse {
color: #fff;
background: #fadb14;
border-color: #fadb14
}
.ant-tag-gold {
color: #d48806;
background: #fffbe6;
border-color: #ffe58f
}
.ant-tag-gold-inverse {
color: #fff;
background: #faad14;
border-color: #faad14
}
.ant-tag-cyan {
color: #08979c;
background: #e6fffb;
border-color: #87e8de
}
.ant-tag-cyan-inverse {
color: #fff;
background: #13c2c2;
border-color: #13c2c2
}
.ant-tag-lime {
color: #7cb305;
background: #fcffe6;
border-color: #eaff8f
}
.ant-tag-lime-inverse {
color: #fff;
background: #a0d911;
border-color: #a0d911
}
.ant-tag-green {
color: #389e0d;
background: #f6ffed;
border-color: #b7eb8f
}
.ant-tag-green-inverse {
color: #fff;
background: #52c41a;
border-color: #52c41a
}
.ant-tag-blue {
color: #096dd9;
background: #e6f7ff;
border-color: #91d5ff
}
.ant-tag-blue-inverse {
color: #fff;
background: #1890ff;
border-color: #1890ff
}
.ant-tag-geekblue {
color: #1d39c4;
background: #f0f5ff;
border-color: #adc6ff
}
.ant-tag-geekblue-inverse {
color: #fff;
background: #2f54eb;
border-color: #2f54eb
}
.ant-tag-purple {
color: #531dab;
background: #f9f0ff;
border-color: #d3adf7
}
.ant-tag-purple-inverse {
color: #fff;
background: #722ed1;
border-color: #722ed1
}
.ant-tag-success {
color: #52c41a;
background: #f6ffed;
border-color: #b7eb8f
}
.ant-tag-processing {
color: #1890ff;
background: #e6f7ff;
border-color: #91d5ff
}
.ant-tag-error {
color: #ff4d4f;
background: #fff2f0;
border-color: #ffccc7
}
.ant-tag-warning {
color: #faad14;
background: #fffbe6;
border-color: #ffe58f
}
.ant-tag>.anticon+span,
.ant-tag>span+.anticon {
margin-left: 7px
}
.ant-tag.ant-tag-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
text-align: right
}
.ant-tag-rtl .ant-tag-close-icon {
margin-right: 3px;
margin-left: 0
}
.ant-tag-rtl.ant-tag>.anticon+span,
.ant-tag-rtl.ant-tag>span+.anticon {
margin-right: 7px;
margin-left: 0
}
</style>
<style>
.ant-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: absolute;
z-index: 1070;
display: block;
width: -moz-max-content;
width: max-content;
width: intrinsic;
max-width: 250px;
visibility: visible
}
.ant-tooltip-content {
position: relative
}
.ant-tooltip-hidden {
display: none
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
padding-bottom: 14.3137085px
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
padding-left: 14.3137085px
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
padding-top: 14.3137085px
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
padding-right: 14.3137085px
}
.ant-tooltip-inner {
min-width: 30px;
min-height: 32px;
padding: 6px 8px;
color: #fff;
text-align: left;
text-decoration: none;
word-wrap: break-word;
background-color: rgba(0, 0, 0, .75);
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}
.ant-tooltip-arrow {
position: absolute;
z-index: 2;
display: block;
width: 22px;
height: 22px;
overflow: hidden;
background: rgba(0, 0, 0, 0);
pointer-events: none
}
.ant-tooltip-arrow-content {
--antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 11.3137085px;
height: 11.3137085px;
margin: auto;
content: "";
pointer-events: auto;
border-radius: 0 0 2px;
pointer-events: none
}
.ant-tooltip-arrow-content::before {
position: absolute;
top: -11.3137085px;
left: -11.3137085px;
width: 33.9411255px;
height: 33.9411255px;
background: var(--antd-arrow-background-color);
background-repeat: no-repeat;
background-position: -10px -10px;
content: "";
-webkit-clip-path: inset(33% 33%);
clip-path: inset(33% 33%);
-webkit-clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z")
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
bottom: 0;
transform: translateY(100%)
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
transform: translateY(-11px) rotate(45deg)
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
left: 50%;
transform: translateY(100%) translateX(-50%)
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
left: 13px
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
right: 13px
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
left: 0;
transform: translateX(-100%)
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
transform: translateX(11px) rotate(135deg)
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
top: 50%;
transform: translateX(-100%) translateY(-50%)
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
top: 5px
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
bottom: 5px
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
right: 0;
transform: translateX(100%)
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
transform: translateX(-11px) rotate(315deg)
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
top: 50%;
transform: translateX(100%) translateY(-50%)
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
top: 5px
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
bottom: 5px
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
top: 0;
transform: translateY(-100%)
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
box-shadow: -3px -3px 7px rgba(0, 0, 0, .07);
transform: translateY(11px) rotate(225deg)
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
left: 50%;
transform: translateY(-100%) translateX(-50%)
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
left: 13px
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
right: 13px
}
.ant-tooltip-pink .ant-tooltip-inner {
background-color: #eb2f96
}
.ant-tooltip-pink .ant-tooltip-arrow-content::before {
background: #eb2f96
}
.ant-tooltip-magenta .ant-tooltip-inner {
background-color: #eb2f96
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
background: #eb2f96
}
.ant-tooltip-red .ant-tooltip-inner {
background-color: #f5222d
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
background: #f5222d
}
.ant-tooltip-volcano .ant-tooltip-inner {
background-color: #fa541c
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
background: #fa541c
}
.ant-tooltip-orange .ant-tooltip-inner {
background-color: #fa8c16
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
background: #fa8c16
}
.ant-tooltip-yellow .ant-tooltip-inner {
background-color: #fadb14
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
background: #fadb14
}
.ant-tooltip-gold .ant-tooltip-inner {
background-color: #faad14
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
background: #faad14
}
.ant-tooltip-cyan .ant-tooltip-inner {
background-color: #13c2c2
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
background: #13c2c2
}
.ant-tooltip-lime .ant-tooltip-inner {
background-color: #a0d911
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
background: #a0d911
}
.ant-tooltip-green .ant-tooltip-inner {
background-color: #52c41a
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
background: #52c41a
}
.ant-tooltip-blue .ant-tooltip-inner {
background-color: #1890ff
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
background: #1890ff
}
.ant-tooltip-geekblue .ant-tooltip-inner {
background-color: #2f54eb
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
background: #2f54eb
}
.ant-tooltip-purple .ant-tooltip-inner {
background-color: #722ed1
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
background: #722ed1
}
.ant-tooltip-rtl {
direction: rtl
}
.ant-tooltip-rtl .ant-tooltip-inner {
text-align: right
}
</style>
<style>
.ant-popover {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: absolute;
top: 0;
left: 0;
z-index: 1030;
font-weight: normal;
white-space: normal;
text-align: left;
cursor: auto;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.ant-popover-content {
position: relative
}
.ant-popover::after {
position: absolute;
background: rgba(255, 255, 255, .01);
content: ""
}
.ant-popover-hidden {
display: none
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
padding-bottom: 15.3137085px
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
padding-left: 15.3137085px
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
padding-top: 15.3137085px
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
padding-right: 15.3137085px
}
.ant-popover-inner {
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ant-popover-inner {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}
}
.ant-popover-title {
min-width: 177px;
min-height: 32px;
margin: 0;
padding: 5px 16px 4px;
color: rgba(0, 0, 0, .85);
font-weight: 500;
border-bottom: 1px solid #f0f0f0
}
.ant-popover-inner-content {
padding: 12px 16px;
color: rgba(0, 0, 0, .85)
}
.ant-popover-message {
display: flex;
padding: 4px 0 12px;
color: rgba(0, 0, 0, .85);
font-size: 14px
}
.ant-popover-message-icon {
display: inline-block;
margin-right: 8px;
color: #faad14;
font-size: 14px
}
.ant-popover-buttons {
margin-bottom: 4px;
text-align: right
}
.ant-popover-buttons button:not(:first-child) {
margin-left: 8px
}
.ant-popover-arrow {
position: absolute;
display: block;
width: 22px;
height: 22px;
overflow: hidden;
background: rgba(0, 0, 0, 0);
pointer-events: none
}
.ant-popover-arrow-content {
--antd-arrow-background-color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 11.3137085px;
height: 11.3137085px;
margin: auto;
content: "";
pointer-events: auto;
border-radius: 0 0 2px;
pointer-events: none
}
.ant-popover-arrow-content::before {
position: absolute;
top: -11.3137085px;
left: -11.3137085px;
width: 33.9411255px;
height: 33.9411255px;
background: var(--antd-arrow-background-color);
background-repeat: no-repeat;
background-position: -10px -10px;
content: "";
-webkit-clip-path: inset(33% 33%);
clip-path: inset(33% 33%);
-webkit-clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z")
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
bottom: 0;
transform: translateY(100%)
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
transform: translateY(-11px) rotate(45deg)
}
.ant-popover-placement-top .ant-popover-arrow {
left: 50%;
transform: translateY(100%) translateX(-50%)
}
.ant-popover-placement-topLeft .ant-popover-arrow {
left: 16px
}
.ant-popover-placement-topRight .ant-popover-arrow {
right: 16px
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
left: 0;
transform: translateX(-100%)
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
transform: translateX(11px) rotate(135deg)
}
.ant-popover-placement-right .ant-popover-arrow {
top: 50%;
transform: translateX(-100%) translateY(-50%)
}
.ant-popover-placement-rightTop .ant-popover-arrow {
top: 12px
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
bottom: 12px
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
top: 0;
transform: translateY(-100%)
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
box-shadow: 2px 2px 5px rgba(0, 0, 0, .06);
transform: translateY(11px) rotate(-135deg)
}
.ant-popover-placement-bottom .ant-popover-arrow {
left: 50%;
transform: translateY(-100%) translateX(-50%)
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
left: 16px
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
right: 16px
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
right: 0;
transform: translateX(100%)
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
transform: translateX(-11px) rotate(-45deg)
}
.ant-popover-placement-left .ant-popover-arrow {
top: 50%;
transform: translateX(100%) translateY(-50%)
}
.ant-popover-placement-leftTop .ant-popover-arrow {
top: 12px
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
bottom: 12px
}
.ant-popover-pink .ant-popover-inner {
background-color: #eb2f96
}
.ant-popover-pink .ant-popover-arrow-content {
background-color: #eb2f96
}
.ant-popover-magenta .ant-popover-inner {
background-color: #eb2f96
}
.ant-popover-magenta .ant-popover-arrow-content {
background-color: #eb2f96
}
.ant-popover-red .ant-popover-inner {
background-color: #f5222d
}
.ant-popover-red .ant-popover-arrow-content {
background-color: #f5222d
}
.ant-popover-volcano .ant-popover-inner {
background-color: #fa541c
}
.ant-popover-volcano .ant-popover-arrow-content {
background-color: #fa541c
}
.ant-popover-orange .ant-popover-inner {
background-color: #fa8c16
}
.ant-popover-orange .ant-popover-arrow-content {
background-color: #fa8c16
}
.ant-popover-yellow .ant-popover-inner {
background-color: #fadb14
}
.ant-popover-yellow .ant-popover-arrow-content {
background-color: #fadb14
}
.ant-popover-gold .ant-popover-inner {
background-color: #faad14
}
.ant-popover-gold .ant-popover-arrow-content {
background-color: #faad14
}
.ant-popover-cyan .ant-popover-inner {
background-color: #13c2c2
}
.ant-popover-cyan .ant-popover-arrow-content {
background-color: #13c2c2
}
.ant-popover-lime .ant-popover-inner {
background-color: #a0d911
}
.ant-popover-lime .ant-popover-arrow-content {
background-color: #a0d911
}
.ant-popover-green .ant-popover-inner {
background-color: #52c41a
}
.ant-popover-green .ant-popover-arrow-content {
background-color: #52c41a
}
.ant-popover-blue .ant-popover-inner {
background-color: #1890ff
}
.ant-popover-blue .ant-popover-arrow-content {
background-color: #1890ff
}
.ant-popover-geekblue .ant-popover-inner {
background-color: #2f54eb
}
.ant-popover-geekblue .ant-popover-arrow-content {
background-color: #2f54eb
}
.ant-popover-purple .ant-popover-inner {
background-color: #722ed1
}
.ant-popover-purple .ant-popover-arrow-content {
background-color: #722ed1
}
.ant-popover-rtl {
direction: rtl;
text-align: right
}
.ant-popover-rtl .ant-popover-message-icon {
margin-right: 0;
margin-left: 8px
}
.ant-popover-rtl .ant-popover-message-title {
padding-left: 16px
}
.ant-popover-rtl .ant-popover-buttons {
text-align: left
}
.ant-popover-rtl .ant-popover-buttons button {
margin-right: 8px;
margin-left: 0
}
</style>
<style>
@keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: .5
}
100% {
transform: scale(1.6);
opacity: 0
}
}
.ant-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
position: relative;
top: .2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus+.ant-checkbox-inner {
border-color: #1890ff
}
.ant-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 2px;
visibility: hidden;
animation: antCheckboxEffect .36s ease-in-out;
animation-fill-mode: backwards;
content: ""
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
visibility: visible
}
.ant-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all .3s
}
.ant-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all .1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity .1s;
content: " "
}
.ant-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0
}
.ant-checkbox-checked .ant-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all .2s cubic-bezier(0.12, 0.4, 0.29, 1.46) .1s;
content: " "
}
.ant-checkbox-checked .ant-checkbox-inner {
background-color: #1890ff;
border-color: #1890ff
}
.ant-checkbox-disabled {
cursor: not-allowed
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
border-color: rgba(0, 0, 0, .25);
animation-name: none
}
.ant-checkbox-disabled .ant-checkbox-input {
cursor: not-allowed;
pointer-events: none
}
.ant-checkbox-disabled .ant-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
animation-name: none
}
.ant-checkbox-disabled+span {
color: rgba(0, 0, 0, .25);
cursor: not-allowed
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
visibility: hidden
}
.ant-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer
}
.ant-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: " "
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
cursor: not-allowed
}
.ant-checkbox-wrapper+.ant-checkbox-wrapper {
margin-left: 8px
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type=checkbox] {
width: 14px;
height: 14px
}
.ant-checkbox+span {
padding-right: 8px;
padding-left: 8px
}
.ant-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";
display: inline-block
}
.ant-checkbox-group-item {
margin-right: 8px
}
.ant-checkbox-group-item:last-child {
margin-right: 0
}
.ant-checkbox-group-item+.ant-checkbox-group-item {
margin-left: 0
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #1890ff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: " "
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
background-color: rgba(0, 0, 0, .25);
border-color: rgba(0, 0, 0, .25)
}
.ant-checkbox-rtl {
direction: rtl
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
margin-right: 0;
margin-left: 8px
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
margin-left: 0 !important
}
.ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item {
margin-left: 8px
}
</style>
<style type="text/css">
@font-face {
font-weight: 400;
font-style: normal;
font-family: circular;
src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Book.woff2') format('woff2');
}
@font-face {
font-weight: 700;
font-style: normal;
font-family: circular;
src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Bold.woff2') format('woff2');
}
</style>
</head>
<body class="home" data-new-gr-c-s-check-loaded="14.1179.0" data-gr-ext-installed="" cz-shortcut-listen="true">
<!-- Google Tag Manager (noscript) -->
<!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5FC29Q"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> -->
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-lg fixed-top navbar-sml" data-aos="fade-down">
<div class="container">
<a class="navbar-brand" href="https://42s.d97.myftpupload.com/">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/brand-logo.svg"
media="(max-width: 400px)">
<!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/brand-logo.svg"
media="(max-width: 992px)">
<!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/brand-logo.svg">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/brand-logo.svg" alt="brand-logo"
width="130" height="100">
<!-- Desktop Default -->
</picture>
</a>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav my-2 ms-auto header" id="nav_bar">
<!-- Dropdown -->
<li class="dropdown megamenu">
<div class="dropdown-toggle nav-link" style="cursor:pointer" data-toggle="dropdown"> Services </div>
<!--mega menu -->
<div class="dropdown-menu mega-dropdown-menu">
<div class="container">
<div class="row g-0 w-100">
<div class="col-lg-12">
<ul class="header-big-links">
<li>
<a href="https://42s.d97.myftpupload.com/services/web-development/">Web Development <span
class="nav-icon">
<img src="./Offshore Software Development Company - Imenso Software_files/development.svg"
alt="Web Development" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/cloud-and-devops/">Cloud and DevOps <span
class="nav-icon">
<img src="./Offshore Software Development Company - Imenso Software_files/cloud.svg"
alt="Cloud and DevOps" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/data-visualization-consulting-company/">Data
Analytics <span class="nav-icon">
<img
src="./Offshore Software Development Company - Imenso Software_files/data-analytics.svg"
alt="Data Analytics" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/software-testing-company/">Software Testing
<span class="nav-icon">
<img
src="./Offshore Software Development Company - Imenso Software_files/software-testing.svg"
alt="Software Testing" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/ux-ui-design/">UI/UX Design <span
class="nav-icon">
<img src="./Offshore Software Development Company - Imenso Software_files/uxuidesign.svg"
alt="UI/UX Design" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/mobile-apps/">Mobile App Development <span
class="nav-icon">
<img src="./Offshore Software Development Company - Imenso Software_files/mobileapp.svg"
alt="Mobile App Development" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/ecommerce-solutions/">eCommerce Solutions
<span class="nav-icon">
<img
src="./Offshore Software Development Company - Imenso Software_files/ecommerce-development.svg"
alt="eCommerce Solutions" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/game-development/">Game Development <span
class="nav-icon">
<img
src="./Offshore Software Development Company - Imenso Software_files/game-development.svg"
alt="Game Development" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/cms-development/">CMS Development <span
class="nav-icon">
<img
src="./Offshore Software Development Company - Imenso Software_files/cms-development.svg"
alt="CMS Development" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/digital-marketing-services/">Digital Marketing
<span class="nav-icon">
<img
src="./Offshore Software Development Company - Imenso Software_files/digital-marketing.svg"
alt="Digital Marketing" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/application-maintenance-support/">Maintenance
& Support <span class="nav-icon">
<img
src="./Offshore Software Development Company - Imenso Software_files/maintain-serveive.svg"
alt="Maintenance & Support" loading="lazy" width="50" height="50">
</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/services/custom-software-development-company/">Software
Development <span class="nav-icon">
<img src="./Offshore Software Development Company - Imenso Software_files/development.svg"
alt="Software Development" loading="lazy" width="50" height="50">
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown megamenu">
<div class="dropdown-toggle nav-link" style="cursor:pointer" data-toggle="dropdown"> Dedicated Teams </div>
<!--mega menu -->
<div class="dropdown-menu mega-dropdown-menu">
<div class="container">
<div class="row w-100">
<div class="col-6 col-sm-4 col-lg-3">
<span class="blur-heading">Frontend</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-vue-js-developers/">Vue JS
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-react-js-developers/">React JS
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-angular-js-developers/">Angular
Developers</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-3">
<span class="blur-heading">FullStack</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-mern-stack-developers/">MERN Stack
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-mean-stack-developers/">MEAN Stack
Developers</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-3">
<span class="blur-heading">Mobile</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-ios-app-developers/">IOS Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-android-app-developers/">Android
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-react-native-developers/">React Native
Developers</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-3">
<span class="blur-heading">Other</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-azure-developers/">Azure Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-database-developers/">Database
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-sql-developers/">SQL Developers</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-3">
<span class="blur-heading">Backend</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-node-js-developers/">Node JS
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-php-web-developers/">PHP Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-laravel-developers/">Laravel
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-asp-net-developers/">.NET
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-codeigniter-developers/">Codeigniter
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-python-developers/">Python
Developers</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-3">
<span class="blur-heading">CMS</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-wordpress-developers/">WordPress
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-shopify-developers/">Shopify
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-woocommerce-developers/">WooCommerce
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-ecommerce-developers/">ECommerce
Development</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-drupal-developers/">Drupal
Developers</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-magento-developers/">Magento
Developers</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-3">
<span class="blur-heading">Data Analytics</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-power-bi-consultants/">Power BI
Consultants</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-microsoft-excel-consultants/">Microsoft
Excel Consultants</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-tableau-consultants/">Tableau
Consultants</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/developers/hire-qlik-sense-consultants/">Qlik Sense
Developers</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown megamenu">
<div class="dropdown-toggle nav-link" style="cursor:pointer" data-toggle="dropdown"> Technologies </div>
<!--mega menu -->
<div class="dropdown-menu mega-dropdown-menu">
<div class="container">
<div class="row w-100">
<div class="col-6 col-sm-4 col-lg-2">
<span class="blur-heading">Backend</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/laravel-development/">Laravel</a>
</li>
<li>
<a
href="https://42s.d97.myftpupload.com/technologies/codeigniter-development-company/">Codeigniter</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/node-js-development-company/">Nodejs</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/php-application-development/">PHP</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/dot-net-development/">.Net Core</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<span class="blur-heading">Data Analytics</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/power-bi-development/">Power BI</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<span class="blur-heading">Frontend</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/react-js-development-company/">Reactjs</a>
</li>
<li>
<a
href="https://42s.d97.myftpupload.com/technologies/angular-js-development-company/">Angular</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/vue-js-development-company/">Vuejs</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<span class="blur-heading">Mobile Apps</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/react-native-development-company/">React
Native</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/android-development-company/">Android</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/ios-development-company/">iOS</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<span class="blur-heading">CMS & eCommerce</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/wordpress-development/">WordPress</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/drupal-development-company/">Drupal</a>
</li>
<li>
<a
href="https://42s.d97.myftpupload.com/technologies/magento-ecommerce-development-company/">Magento</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/shopify-development-company/">Shopify</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-lg-2">
<span class="blur-heading">Deployment</span>
<ul class="header-links">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/google-cloud-consulting-company/">Google
Cloud</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/amazon-web-services-consultants/">AWS</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://42s.d97.myftpupload.com/work/">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://42s.d97.myftpupload.com/about/">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://42s.d97.myftpupload.com/blog/">Blog</a>
</li>
</ul>
<a href="https://42s.d97.myftpupload.com/say-hello/" class="btn btn-bordered ms-auto">Say hello 👋</a>
</div>
</div>
</nav>
<div class="offset_mobile"></div>
<section class="new-image-banner pt-5">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1 class="mt-4 wd-h1">Offshore Software <br> Development Company</h1>
<p class="mt-4 opaq" style="padding:0 160px; opacity: 0.7; font-size: 0.9em; font-weight:500">Escape the offshore letdowns. With Imenso Software, elevate your development and maintenance needs, and boost your profit margins. Discover the difference with a partner that delivers.
</p>
<div class="row gutter mt-5">
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">14+</span>
<p>Years Matured<br> Company</p>
</div>
</div>
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">02</span>
<p>Development <br>Centers</p>
</div>
</div>
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">95%</span>
<p>Client <br>Retention</p>
</div>
</div>
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">4.7</span>
<p>Google <br>Rating</p>
</div>
</div>
</div>
<!-- <ul class="banner-pointers mt-5">
<li><span class="i-checkmark"></span> Seamless Onboarding</li>
<li><span class="i-checkmark"></span> Risk-free engagement</li>
<li><span class="i-checkmark"></span> No long-term commitments</li>
<li><span class="i-checkmark"></span> Immediate project kickoff</li>
</ul> -->
<a href="https://42s.d97.myftpupload.com/contact/" class="btn btn-primary mt-4">Discuss a Project</a>
<div class="viewlogo" style="display:none;">
<div class="col-md-12">
<div class="wd-trust text-center">Trusted by brands around the world</div>
<div class="wd-logos">
<div class="wd-logos">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/mns.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/mns.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/mns.png">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/mns.png"
class="img-fluid" alt="mns.png" loading="lazy" width="150" height="150"><!-- Desktop Default -->
</picture>
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/fintrhive.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/fintrhive.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/fintrhive.png">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/fintrhive.png"
class="img-fluid" alt="fintrhive.png" loading="lazy" width="150"
height="150"><!-- Desktop Default -->
</picture>
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/millennia.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/millennia.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/millennia.webp">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/millennia.webp"
class="img-fluid" alt="millennia.webp" loading="lazy" width="150"
height="150"><!-- Desktop Default -->
</picture>
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/kfc.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/kfc.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/kfc.webp">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/kfc.webp"
class="img-fluid" alt="kfc.webp" loading="lazy" width="150" height="150"><!-- Desktop Default -->
</picture>
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/adib.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/adib.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/adib.png">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/adib.png"
class="img-fluid" alt="adib.png" loading="lazy" width="150" height="150"><!-- Desktop Default -->
</picture>
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/loreal-logo.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/loreal-logo.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/loreal-logo.png">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/loreal-logo.png"
class="img-fluid" alt="loreal-logo.png" loading="lazy" width="150"
height="150"><!-- Desktop Default -->
</picture>
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/ul.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/ul.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/ul.png">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/ul.png"
class="img-fluid" alt="ul.png" loading="lazy" width="150" height="150"><!-- Desktop Default -->
</picture>
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/knowbe4.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/knowbe4.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/knowbe4.png">
<!-- Desktop -->
<img
src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/knowbe4.png"
class="img-fluid" alt="knowbe4.png" loading="lazy" width="150"
height="150"><!-- Desktop Default -->
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="service mobile_burger burger">
<div class="container">
<div class="row">
<div class="col-lg-7 sidebar" style="top:25%">
<span class="shade">Expertise</span>
<h2 class="big-h3 mt-3">
Experience lightning-fast delivery and cost savings with Imenso Software. Our clients enjoy accelerated time to market, typically <span class="underline-2">1.5–2.5x faster </span>than in-house development, alongside up to <span class="underline-2"> 3x lower project costs</span>
<ul class="key-facts" style="display:none">
<li>
<span class="kf-big">14+</span>
<span class="kf-sml">years of expertise</span>
</li>
<li>
<span class="kf-big">120+</span>
<span class="kf-sml">team of maestros</span>
</li>
<li>
<span class="kf-big">4.7</span>
<span class="kf-sml">stellar Google rating</span>
</li>
</ul>
</div>
<div class="col-lg-4 slidebar-1 offset-lg-1">
<div class="wd-item ps-md-5 ps-sm-3">
<h3>Custom Software Development</h3>
<p>As the best offshore custom software development company, Imenso Software excels in building custom
software for businesses of all sizes. We have all the skills and expertise to build exactly anything you
want. Our team of experts spends time to know your requirements to build software that surpasses your
expectations. If you want a simple tool or something more advanced, count on us to get it done.</p>
</div>
<div class="wd-item ps-md-5 ps-sm-3">
<h3>Web Application Development</h3>
<p>Imenso Software excels in offshore web application development, building digital hubs to boost your
online presence. As the top offshore web app development company, we carefully analyze your needs and
create intuitive web apps that efficiently convey your enhance. If you need a website, portal, or
e-commerce platform, our best offshore software development services can make your online presence stand
out. </p>
</div>
<div class="wd-item ps-md-5 ps-sm-3">
<h3>Mobile App Development</h3>
<p>You can stay in touch with your audience wherever they go with Imenso Software's top-notch mobile app
development services. Our team excels in crafting intuitive, user-friendly mobile apps for iOS and
Android. Our software engineers guarantee that your mobile presence is excellent.</p>
</div>
<div class="wd-item ps-md-5 ps-sm-3">
<h3>Software Testing and QA</h3>
<p>As the top offshore software development firm, Imenso Software promises your software is of the best
quality. We meticulously test every part of your software to guarantee flawless functionality. Our
thorough review process guarantees that it meets the highest standards, giving you confidence in its
seamless performance.</p>
</div>
<div class="wd-item ps-md-5 ps-sm-3">
<h3>UI/UX Design Services</h3>
<p>Imenso Software excels in building user interfaces that leave a lasting impression on users. We
prioritize simplicity and appeal in our UI/UX design services. From initial wireframing to final
designs, we collaborate closely with you to guarantee your UI not only looks great but also provides the
best user experience.</p>
</div>
<div class="wd-item ps-md-5 ps-sm-3">
<h3>Maintenance and Support</h3>
<p>Imenso Software is dedicated to your long-term success. We offer complete support and maintenance
services so that your systems run smoothly. Hire offshore developers to assist you with fixing any
problems or provide regular modifications.</p>
</div>
</div>
</div>
</div>
</section>
<section class="burger techstack border-top">
<div class="container">
<div class="row">
<div class="col-lg-9">
<span class="shade">Tech Stack</span>
<h2 class="wd-h2-2 mt-3">Fueling Your Projects with State-of-the-Art Tools and Frameworks</h2>
</div>
<div class="col-lg-10">
<p class="opaq mt-4">Brace yourself for a journey into the heart of innovation, where every line of code is
a stroke of genius. Behold, the technological marvels that fuel our offshore software development odyssey:
</p>
</div>
</div>
<div style="margin-top: 70px;">
<div class="row">
<div class="col-sm-4">
<div class="wd-pr-4">
<h3 class="wd-h3">Programming Languages</h3>
<p class="mb-5 wd-p">Our expertise spans a wide range of programming languages, including but not
limited to:</p>
<ul class="techicons wd-ticon">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/php-application-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/php.svg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/php.svg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/php.svg">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/php.svg" alt="PHP"
width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> PHP</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/laravel-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/laravel.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/laravel.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/laravel.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/laravel.webp"
alt="Laravel" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Laravel</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/dot-net-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/dot-net-core.svg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/dot-net-core.svg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/dot-net-core.svg">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/dot-net-core.svg"
alt=".Net Core" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> .Net Core</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/codeigniter-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/codeigniter.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/codeigniter.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/codeigniter.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/codeigniter.webp"
alt="Codeigniter" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Codeigniter</span>
</a>
</li>
<li>
<div class="a">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/dot-net.svg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/dot-net.svg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/dot-net.svg">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/dot-net.svg"
alt=".Net" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> .Net</span>
</div>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/node-js-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/nodejs.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/nodejs.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/nodejs.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/nodejs.webp"
alt="Node.js" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Node.js</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="wd-pr-4">
<h3 class="wd-h3">Frameworks and Libraries</h3>
<p class="mb-5 wd-p">We harness the power of popular frameworks and libraries to accelerate development
and enhance functionality. Some of the frameworks we specialize in include:</p>
<ul class="techicons wd-ticon">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/react-js-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/react.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/react.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/react.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/react.webp"
alt="React.js" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> React.js</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/angular-js-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/angular.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/angular.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/angular.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/angular.webp"
alt="Angular" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Angular</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/vue-js-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/vuejs.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/vuejs.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/vuejs.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/vuejs.webp"
alt="Vue.js" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Vue.js</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/html5-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/html5.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/html5.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/html5.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/html5.webp"
alt="HTML5" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> HTML5</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/pixijs-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/pixijs.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/pixijs.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/pixijs.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/pixijs.webp"
alt="PixiJS" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> PixiJS</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="wd-pr-4">
<h3 class="wd-h3">Database Technologies</h3>
<p class="mb-5 wd-p">Data is the lifeblood of modern applications, and we utilize robust database
technologies to store, retrieve, and manage your data efficiently. Our database expertise includes:
</p>
<ul class="techicons wd-ticon">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/android-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/android.svg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/android.svg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/android.svg">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/android.svg"
alt="Android" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Android</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/ios-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/ios.svg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/ios.svg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/ios.svg">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/ios.svg" alt="iOS"
width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> iOS</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/phonegap-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/phonegap.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/phonegap.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/phonegap.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/phonegap.webp"
alt="Phonegap" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Phonegap</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/react-native-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/react.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/react.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/react.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/react.webp"
alt="React Native" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> React Native</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="wd-pr-4">
<h5 class="wd-h3">Cloud Platforms</h5>
<p class="mb-5 wd-p">We embrace the flexibility and scalability of cloud computing to host and deploy
your applications. Our experience spans across leading cloud platforms such as:</p>
<ul class="techicons wd-ticon">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/power-bi-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/powerbi.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/powerbi.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/powerbi.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/powerbi.webp"
alt=" Power BI" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Power BI</span>
</a>
</li>
<li>
<div class="a">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/tableau.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/tableau.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/tableau.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/tableau.webp"
alt=" Tableau" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Tableau</span>
</div>
</li>
<li>
<div class="a">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/qliksense.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/qliksense.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/qliksense.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/qliksense.webp"
alt="Qliksense" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Qliksense</span>
</div>
</li>
<li>
<div class="a">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/lucidchart.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/lucidchart.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/lucidchart.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/lucidchart.webp"
alt="Lucidchart" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Lucidchart</span>
</div>
</li>
<li>
<div class="a">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/excel-app.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/excel-app.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/excel-app.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/excel-app.webp"
alt="MS Excel" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> MS Excel</span>
</div>
</li>
</ul>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="wd-pr-4">
<h5 class="wd-h3">DevOps Tools</h5>
<p class="mb-5 wd-p">We integrate DevOps practices into our development workflows to streamline
collaboration, automate processes, and ensure continuous delivery. Some of the DevOps tools we use
include:</p>
<ul class="techicons wd-ticon">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/shopify-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/shopify.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/shopify.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/shopify.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/shopify.webp"
alt="Shopify" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Shopify</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/wordpress-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/wordpress.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/wordpress.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/wordpress.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/wordpress.webp"
alt="WordPress" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> WordPress</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/joomla-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/joomla.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/joomla.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/joomla.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/joomla.webp"
alt="Joomla" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Joomla</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/magento-ecommerce-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/magento.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/magento.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/magento.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/magento.webp"
alt="Magento" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Magento</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/bigcommerce-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/BigCommerce-1.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/BigCommerce-1.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/BigCommerce-1.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/BigCommerce-1.webp"
alt="BigCommerce" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> BigCommerce</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/woocommerce-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/woocommerce.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/woocommerce.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/woocommerce.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/woocommerce.webp"
alt="WooCommerce" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> WooCommerce</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/drupal-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/drupal.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/drupal.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/drupal.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/drupal.webp"
alt="Drupal" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Drupal</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="wd-pr-4">
<h5 class="wd-h3">Mobile Development</h5>
<p class="mb-5 wd-p">We develop native and cross-platform mobile applications using cutting-edge
technologies such as:</p>
<ul class="techicons wd-ticon">
<li>
<a href="https://42s.d97.myftpupload.com/technologies/shopify-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/shopify.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/shopify.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/shopify.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/shopify.webp"
alt="Shopify" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Shopify</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/wordpress-development/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/wordpress.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/wordpress.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/wordpress.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/wordpress.webp"
alt="WordPress" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> WordPress</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/joomla-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/joomla.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/joomla.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/joomla.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/joomla.webp"
alt="Joomla" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Joomla</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/magento-ecommerce-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/magento.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/magento.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/magento.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/magento.webp"
alt="Magento" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Magento</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/bigcommerce-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/BigCommerce-1.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/BigCommerce-1.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/BigCommerce-1.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/BigCommerce-1.webp"
alt="BigCommerce" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> BigCommerce</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/woocommerce-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/woocommerce.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/woocommerce.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/woocommerce.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/woocommerce.webp"
alt="WooCommerce" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> WooCommerce</span>
</a>
</li>
<li>
<a href="https://42s.d97.myftpupload.com/technologies/drupal-development-company/">
<span class="ti-image">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/drupal.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/drupal.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/language/drupal.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/drupal.webp"
alt="Drupal" width="24" height="24" loading="lazy"><!-- Desktop Default -->
</picture>
</span>
<span class="ti-name"> Drupal</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Case Study -->
<section class="burger">
<div class="container mb-5">
<div class="row">
<div class="col-lg-8">
<span class="shade">Success Stories</span>
<h2 class="mt-3 wd-h2-2">From Challenge to Triumph</h2>
</div>
<div class="col-lg-4">
<p class="mb-0">Dive into our case studies to explore how Imenso Software has helped businesses achieve
their goals through innovative offshore software development solutions. From startups to enterprises,
discover success stories across various industries.</p>
</div>
</div>
</div>
<div class=" work-2 newslide">
<div class="container-fluid p-0">
<div id="work" class="swiper-work1 swiper swiper-initialized swiper-horizontal swiper-backface-hidden">
<div class="swiper-wrapper"
style="transition-duration: 0ms; transform: translate3d(-2342.5px, 0px, 0px); transition-delay: 0ms;"
id="swiper-wrapper-48398be8c5bcc294" aria-live="off">
<div class="swiper-slide p1 container" role="group" aria-label="1 / 4" data-swiper-slide-index="0">
<img src="./Offshore Software Development Company - Imenso Software_files/ul-main.png"
alt="Validating employee assessment and internal appraisals" class="img-head" loading="lazy"
width="1280" height="700" style="">
<div class="section-header">
<!-- <img loading="lazy" src="" alt=""> -->
<div>
<h2>Validating employee assessment and internal appraisals</h2>
<ul>
<li>Organization chart</li>
<li>Search engine</li>
<li>Role chart</li>
<li>Employee profiles</li>
</ul>
<a href="https://42s.d97.myftpupload.com/work/validating-employee-assessment-and-internal-appraisals/"
class="btn btn-inverse mt-4">View Case Study</a>
</div>
</div>
<div class="work-shed"></div>
</div>
<div class="swiper-slide p1 container swiper-slide-prev" role="group" aria-label="2 / 4"
data-swiper-slide-index="1">
<img src="./Offshore Software Development Company - Imenso Software_files/lm-main.png"
alt="Rental booking solution for medical equipment's" class="img-head" loading="lazy" width="1280"
height="700" style="">
<div class="section-header">
<!-- <img loading="lazy" src="" alt=""> -->
<div>
<h2>Rental booking solution for medical equipment's</h2>
<ul>
<li>Rental booking management</li>
<li>Custom availability chart</li>
<li>Order tracking</li>
<li>Multiple user roles</li>
<li>Lead management</li>
</ul>
<a href="https://42s.d97.myftpupload.com/work/rental-booking-solution-for-medical-equipments/"
class="btn btn-inverse mt-4">View Case Study</a>
</div>
</div>
<div class="work-shed"></div>
</div>
<div class="swiper-slide p1 container swiper-slide-active" role="group" aria-label="3 / 4"
data-swiper-slide-index="2">
<img src="./Offshore Software Development Company - Imenso Software_files/impactify-main.png"
alt="Learn how 1000s of NGOs are improving their sustainability" class="img-head" loading="lazy"
width="1280" height="700" style="">
<div class="section-header">
<!-- <img loading="lazy" src="" alt=""> -->
<div>
<h2>Learn how 1000s of NGOs are improving their sustainability</h2>
<ul>
<li>On-boarding</li>
<li>Projects</li>
<li>Projects charter</li>
<li>Gantt chart</li>
<li>Analytics</li>
</ul>
<a href="https://42s.d97.myftpupload.com/work/learn-how-1000s-of-ngos-are-improving-their-sustainability/"
class="btn btn-inverse mt-4">View Case Study</a>
</div>
</div>
<div class="work-shed"></div>
</div>
<div class="swiper-slide p1 container swiper-slide-next" role="group" aria-label="4 / 4"
data-swiper-slide-index="3">
<img src="./Offshore Software Development Company - Imenso Software_files/mpspowerbi-main.jpg"
alt="Full-scale BI platform design and visualization" class="img-head" loading="lazy" width="1280"
height="700" style="">
<div class="section-header">
<!-- <img loading="lazy" src="" alt=""> -->
<div>
<h2>Full-scale BI platform design and visualization</h2>
<ul>
<li>SQL</li>
<li>SSAS Cubes</li>
<li>Excel Spreadsheets</li>
</ul>
<a href="https://42s.d97.myftpupload.com/work/full-scale-bi-platform-design-and-visualization/"
class="btn btn-inverse mt-4">View Case Study</a>
</div>
</div>
<div class="work-shed"></div>
</div>
</div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
aria-controls="swiper-wrapper-48398be8c5bcc294"></div>
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
aria-controls="swiper-wrapper-48398be8c5bcc294"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
<div class="mt-5 text-center"><a href="https://42s.d97.myftpupload.com/work/" class="btn btn-bordered">View All
Projects</a>
</div>
</section>
<!-------------IMENSO VS. IN-HOUSE---------------->
<section class="burger" style="background:#f0f4f7;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<span class="shade">Imenso vs. In-house</span>
<h2 class="wd-h2-2 mt-3">Decoding the Development Dilemma</h2>
</div>
<div class="col-lg-5 offset-lg-1">
<p class="opaq mt-4">Step into the ring of software development and witness the clash between the DIY
struggle and Imenso's mastery. Say farewell to the endless headaches and resource drains of in-house
development. With Imenso, embrace the power of tailored solutions, expert guidance, and seamless
execution, leaving your competition in the dust.</p>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12">
<table class="wd-compare">
<thead>
<tr>
<th width="400"></th>
<th><span class="shade-big">Imenso</span></th>
<th><span class="shade-big">In-house</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-start">Time to Acquire Skilled Developers</td>
<td><span class="wd-big">1-2 </span><span class="wd-sml">weeks</span></td>
<td><span class="wd-big">4-12 </span><span class="wd-sml">weeks</span></td>
</tr>
<tr>
<td class="text-start">Project Kickoff Time</td>
<td><span class="wd-big">1-2 </span><span class="wd-sml">weeks</span></td>
<td><span class="wd-big">2-10 </span><span class="wd-sml">weeks</span></td>
</tr>
<tr>
<td class="text-start">Recurring Training and Benefits Costs</td>
<td><span class="wd-big">0</span><span class="wd-sml">None</span></td>
<td><span class="wd-big">$$</span><span class="wd-sml">High</span></td>
</tr>
<tr>
<td class="text-start">Team Scalability Time</td>
<td><span class="wd-big">1 </span><span class="wd-sml">weeks</span></td>
<td><span class="wd-big">4-16 </span><span class="wd-sml">weeks</span></td>
</tr>
<tr>
<td class="text-start">Pricing (Weekly Average)</td>
<td><span class="wd-big"><img src="png/005-star.png" alt="" width="45px"> </span> <span
class="wd-sml mt-2">Competitive</span></td>
<td><span class="wd-big"><img src="png/004-diamond.png" alt="" width="45px"></span> <span
class="wd-sml mt-2">Expensive</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- OUR ENGAGEMENT MODELS -->
<section id="models" class="burger border-top wd-models" style="background-color:#20376a; color: #FFF;">
<div class="container">
<div class="row">
<div class="col-lg-8">
<span class="shade">Our Engagement Models</span>
<h2 class="wd-h2-2 my-3">Flexible engagement models to suit every business need</h2>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12 col-sm-4 my-3 border-bottom pb-4">
<div class="row align-items-center">
<div class="col-md-4">
<div class="item-header mb-3">
<h2 class="wd-h3">Dedicated Resources</h2>
<p class="wd-p">Hire dedicated developers for your offshore projects with Imenso Software. Our
full-time
experts deliver regular progress updates and ensure timely completion using agile methodology.</p>
<a href="" class="btn btn-inverse mt-4">Hire a dedicated resource</a>
</div>
</div>
<div class="col-md-7 offset-lg-1 mt-4">
<h5 class="mb-3">
<span class="small shade">Recommended For</span>
</h5>
<ul class="bullet-points">
<li>Full Control</li>
<li>Top Quality</li>
<li>Regular Updates</li>
<li>Agile Development</li>
<li>Quick Completion</li>
<li>Skill Specialization</li>
<li>Time Zone Alignment</li>
<li>Resource Scalability</li>
<li>Long-term Engagement</li>
</ul>
</div>
</div>
</div>
<div class="col-md-12 col-sm-4 my-3">
<div class="row align-items-center">
<div class="col-md-4">
<div class="item-header mb-3">
<h2 class="wd-h3">Fixed Time and Price</h2>
<p class="wd-p">Choose our fixed time and price model for projects with a clear scope and budget. This
model offers flexibility and cost predictability.</p>
<a href="" class="btn btn-inverse mt-4">Estimate your project</a>
</div>
</div>
<div class="col-md-7 offset-lg-1 mt-4">
<h5 class="mb-3">
<span class="small shade">Recommended For</span>
</h5>
<ul class="bullet-points">
<li>Small Projects</li>
<li>Fast MVP Development</li>
<li>Budget Certainty</li>
<li>Low Risk</li>
<li>Timely Delivery</li>
<li>Predictable Budgeting</li>
<li>Defined Milestones</li>
<li>Project Flexibility</li>
<li>Risk Mitigation</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1 text-center">
<span class="shade">Quick Fact</span>
<h2 class="big-h3 mt-3">
Experience lightning-fast delivery and cost savings with Imenso Software. Our clients enjoy accelerated time to market, typically <span class="underline-2">1.5–2.5x faster </span>than in-house development, alongside up to <span class="underline-2"> 3x lower project costs</span></h2>
</h2>
</div>
</div>
</div>
</section>
<!-- Process -->
<section class="burger border-top background_4 our_approach" id="approach"
style="display:inline-block; width: 100%;">
<div class="container">
<div class="row mb-5 justify-content-center align-items-end">
<div class="col-md-6 ">
<span class="shade">Process</span>
<h2 class="mt-3 big-h2">Streamlined Offshore Development Process</h2>
</div>
<div class="col-md-5 offset-md-1 ">
<p class="big-p" style="opacity: .8;">Imenso Software follows a streamlined process for offshore software
development, promising transparency, efficiency, and exceptional results:</p>
</div>
</div>
<div class="process_chart">
<div>
<div class="p-line odd abcd">
<div class="do-approach">
<div class="stage-icon stage-icon1"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="--value:20 "
style="margin-left: 15px; "></div>
<div class="media-heading">Requirement Analysis </div>
<p class="process_desc">The journey begins with a deep dive into your requirements. Our team takes the
time to understand your business goals, challenges, and vision for the project. By collaborating
closely with you, we ensure that we're aligned on objectives and expectations right from the start.
</p>
</div>
</div>
</div>
</div>
<div>
<div class="p-line abcd">
<div class="do-approach">
<div class="stage-icon stage-icon1"> </div>
<div class="approach-cnt ">
<div role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="--value:40">
</div>
<div class="media-heading">Design and Architecture</div>
<p class="process_desc">With a clear understanding of your requirements, we move on to designing the
architecture of your solution. Our experienced architects leverage best practices and industry
standards to create a robust and scalable architecture that forms the foundation of your project.
</p>
</div>
</div>
</div>
</div>
<div>
<div class="p-line odd abcd">
<div class="do-approach">
<div class="stage-icon stage-icon1"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="--value:60">
</div>
<div class="media-heading">Development and Testing</div>
<p class="process_desc">With the architecture in place, our development team gets to work bringing
your
vision to life. Using agile methodologies, we break down the project into manageable tasks and
deliver
incremental updates at regular intervals. Throughout the development process, our dedicated quality
assurance team conducts rigorous testing to ensure that your solution meets the highest standards of
quality and performance.</p>
</div>
</div>
</div>
</div>
<div>
<div class="p-line abcd">
<div class="do-approach">
<div class="stage-icon stage-icon1"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="--value:80">
</div>
<div class="media-heading">Deployment and Support</div>
<p class="process_desc">Once development and testing are complete, it's time to deploy your solution
to
production. Our deployment process is carefully orchestrated to minimize downtime and ensure a
smooth
transition from development to production. But our commitment to your success doesn't end there – we
offer ongoing support and maintenance to keep your solution running smoothly and address any issues
that may arise post-launch.</p>
</div>
</div>
</div>
</div>
<div>
<div class="p-line odd abcd">
<div class="do-approach">
<div class="stage-icon stage-icon1"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="--value:100">
</div>
<div class="media-heading">Continuous Improvement</div>
<p class="process_desc">At Imenso Software, we believe that offshore software development is a
journey,
not a destination. That's why we're committed to continuous improvement. We gather feedback from
stakeholders, analyze metrics, and identify areas for optimization to ensure that your solution
evolves with your business needs and remains competitive in the ever-changing market landscape.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial -->
<section class="new_review1">
<div class="container">
<div id="whyus">
<div class="section-header text-center t-burger">
<div class="row justify-content-center">
<div class="col-md-8 col-sm-10">
<h2>Client Testimonials</h2>
<p>Voices of Trust and Confidence</p>
<!-- <p><strong>Empowering Businesses Globally: Hear From Our Clients</strong></p>
<p>Discover how Imenso Software has empowered businesses worldwide through our offshore software development services. Read what our clients have to say about their experiences partnering with us.</p> -->
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="new_review">
<!-- Tab panes -->
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade" id="pills-review1" role="tabpanel" aria-labelledby="pills-review1-tab">
<div class="p">The finished platform is excellent, was delivered on time, and matches the quality
standards.
The team worked efficiently through an agile methodology and is skilled at what they do.</div>
<div class="author_dtl">
<strong>Andres Mark</strong>
<br>
<span class="review-role"></span>
</div>
</div>
<div class="tab-pane fade" id="pills-review2" role="tabpanel" aria-labelledby="pills-review2-tab">
<div class="p">The web application exceeded my expectations. It was a lengthy project, but the team at
Imenso stayed on top of development, fixing any issues no matter what time of day. It was an effective
partnership.</div>
<div class="author_dtl">
<strong>Apurva Harne</strong>
<br>
<span class="review-role"></span>
</div>
</div>
<div class="tab-pane fade active show" id="pills-review3" role="tabpanel"
aria-labelledby="pills-review3-tab">
<div class="p">Imenso Software performed a difficult WordPress enhancement for me. It required a new fresh
design with changes to my shopping cart, paid member services, and membership management. I highly
recommend Imenso Software for web related work.</div>
<div class="author_dtl">
<strong>Tom Updegrove</strong>
<br>
<span class="review-role"></span>
</div>
</div>
<div class="tab-pane fade" id="pills-review4" role="tabpanel" aria-labelledby="pills-review4-tab">
<div class="p">We were looking to double our business, and the Imenso Software solutions helped us with
that. Their team effort improved the website’s efficiency and improved the margins. They are always
quick
to reply and very proactive in everything they do.</div>
<div class="author_dtl">
<strong>Niko Zeus</strong>
<br>
<span class="review-role"></span>
</div>
</div>
<div class="tab-pane fade" id="pills-review5" role="tabpanel" aria-labelledby="pills-review5-tab">
<div class="p">It’s been a positive experience working with Imenso Software on B2B and B2C
applications. Their IT team is talented and hardworking. We value our partnership and will continue to
collaborate in the future.</div>
<div class="author_dtl">
<strong>Alice Nova</strong>
<br>
<span class="review-role"></span>
</div>
</div>
<div class="tab-pane fade" id="pills-review6" role="tabpanel" aria-labelledby="pills-review6-tab">
<div class="p">The team at Imenso delivers satisfactory work for our clients. Working for the
client’s framework. They have a good communication system and manage everything well. They consistently
show commitment to their work.</div>
<div class="author_dtl">
<strong>Amelia Lyra</strong>
<br>
<span class="review-role"></span>
</div>
</div>
<div class="tab-pane fade" id="pills-review7" role="tabpanel" aria-labelledby="pills-review7-tab">
<div class="p">The Imenso team is highly expert at Power BI but it’s the proactive, energetic approach
they
take to our challenges that I value the most. They’re a true partner – an extension of our team in every
way. I recommend them without hesitation.</div>
<div class="author_dtl">
<strong>John Joseph</strong>
<br>
<span class="review-role"></span>
</div>
</div>
<div class="tab-pane fade" id="pills-review8" role="tabpanel" aria-labelledby="pills-review8-tab">
<div class="p">We had a need to develop web application for one of our product so we were looking for a
partner who could implement the same for us. That’s when we found Imenso. Their team is well experienced
in all aspects starting from design to implementation.</div>
<div class="author_dtl">
<strong>Vinoth Kumar Rajapandian</strong>
<br>
<span class="review-role"></span>
</div>
</div>
</div>
<ul class="nav nav-pills justify-content-center mb-3" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-review1-tab" data-bs-toggle="pill" data-bs-target="#pills-review1"
type="button" role="tab" aria-controls="pills-review1" aria-selected="false">
<img src="./Offshore Software Development Company - Imenso Software_files/andres-mark.png"
alt="Andres Mark" loading="lazy" width="40" height="40">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-review2-tab" data-bs-toggle="pill" data-bs-target="#pills-review2"
type="button" role="tab" aria-controls="pills-review2" aria-selected="false">
<img src="./Offshore Software Development Company - Imenso Software_files/apurva-harne.png"
alt="Apurva Harne" loading="lazy" width="40" height="40">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-review3-tab" data-bs-toggle="pill"
data-bs-target="#pills-review3" type="button" role="tab" aria-controls="pills-review3"
aria-selected="true">
<img src="./Offshore Software Development Company - Imenso Software_files/tom-updegrove.png"
alt="Tom Updegrove" loading="lazy" width="40" height="40">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-review4-tab" data-bs-toggle="pill" data-bs-target="#pills-review4"
type="button" role="tab" aria-controls="pills-review4" aria-selected="false">
<img src="./Offshore Software Development Company - Imenso Software_files/niko-zeus.png" alt="Niko Zeus"
loading="lazy" width="40" height="40">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-review5-tab" data-bs-toggle="pill" data-bs-target="#pills-review5"
type="button" role="tab" aria-controls="pills-review5" aria-selected="false">
<img src="./Offshore Software Development Company - Imenso Software_files/alice-nova.png"
alt="Alice Nova" loading="lazy" width="40" height="40">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-review6-tab" data-bs-toggle="pill" data-bs-target="#pills-review6"
type="button" role="tab" aria-controls="pills-review6" aria-selected="false">
<img src="./Offshore Software Development Company - Imenso Software_files/amelia-lyra.png"
alt="Amelia Lyra" loading="lazy" width="40" height="40">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-review7-tab" data-bs-toggle="pill" data-bs-target="#pills-review7"
type="button" role="tab" aria-controls="pills-review7" aria-selected="false">
<img src="./Offshore Software Development Company - Imenso Software_files/john-joseph.png"
alt="John Joseph" loading="lazy" width="40" height="40">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-review8-tab" data-bs-toggle="pill" data-bs-target="#pills-review8"
type="button" role="tab" aria-controls="pills-review8" aria-selected="false">
<img src="./Offshore Software Development Company - Imenso Software_files/vinoth-rajapandian.png"
alt="Vinoth Kumar Rajapandian" loading="lazy" width="40" height="40">
</button>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
function tabChange() {
var tabs = $('.reviewsection .nav-pills > li');
var active = $('.reviewsection .nav-pills > li').find('button.active');
var next = active.parent('li').next('li').find('button');
if (next.length === 0) {
next = $('.reviewsection .nav-pills > li').first().find('button').click();
}
next.tab('show');
}
var tabCycle = setInterval(tabChange, 7500);
</script>
</section>
<!--------Indusrty ------->
<section class="t-burger border-top industries-section1">
<div class="container">
<div class="row">
<div class="col-md-7">
<span class="shade">Industries We Serve</span>
<h2 class="big-h2 mt-3">Precision Solutions, Custom-Crafted for Every Industry</h2>
</div>
<div class="col-md-4 offset-md-1">
<p class="big-p" style="opacity: .8">Discover how Imenso Software is revolutionizing industries worldwide. From healthcare to finance, we cater to diverse sectors with precision and expertise.</p>
</div>
</div>
<div class="position-relative">
<div class="swiper industrySwiper1 swiper-initialized swiper-horizontal">
<div class="swiper-wrapper" id="swiper-wrapper-16c6686612489650" aria-live="polite"
style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); transition-delay: 0ms;">
<div class="swiper-slide swiper-slide-prev" role="group" aria-label="15 / 15" style="width: 392px;"
data-swiper-slide-index="14">
<div class="slide">
<h4 style="font-weight: 600">Automotive</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/automotive-main.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/automotive-main.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/automotive-main.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/automotive-main.jpg"
alt="Automotive" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Automotive</h4>
<ul>
<li>Fleet Management Software</li>
<li>Product Lifecycle Management</li>
<li>Supply Chain Management Software</li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Data Analytics and Business Intelligence</span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Client Relationship Management (CRM) Software</span></li>
</ul>
<a href="https://www.imensosoftware.com/industries/automotive/" class="btn btn-primary">Know
More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-active" style="width: 392px;" role="group" aria-label="1 / 15"
data-swiper-slide-index="0">
<div class="slide">
<h4 style="font-weight: 600">Healthcare</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/healthcare.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/healthcare.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/healthcare.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/healthcare.jpg"
alt="Healthcare" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Healthcare</h4>
<ul>
<li>Payment Recovery Solution</li>
<li>Patient Resource Portal</li>
<li>Practice Management System</li>
<li>Insurance Verification Solutions</li>
<li>HIPAA Verification</li>
</ul>
<a href="https://www.imensosoftware.com/industries/healthcare/" class="btn btn-primary">Know
More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 392px;" role="group" aria-label="2 / 15"
data-swiper-slide-index="1">
<div class="slide">
<h4 style="font-weight: 600">Legal</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/legal.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/legal.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/legal.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/legal.jpg"
alt="Legal" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Legal</h4>
<ul>
<li>Case Management Software</li>
<li>Document Management Solutions</li>
<li>Contract Management Solutions</li>
<li>Client Relationship Management (CRM) Software</li>
<li>Legal Research Tools</li>
</ul>
<a href="https://www.imensosoftware.com/industries/legal/" class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="3 / 15"
data-swiper-slide-index="2">
<div class="slide">
<h4 style="font-weight: 600">Human Resources</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/recruitment.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/recruitment.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/recruitment.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/recruitment.jpg"
alt="Human Resources" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Human Resources</h4>
<ul>
<li>Human Resource Management System</li>
<li>Performance Management Software</li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Recruitment Portal </span></li>
<li>Leave and Attendance Management</li>
<li>Payroll Processing Systems</li>
</ul>
<a href="https://www.imensosoftware.com/industries/human-resources/" class="btn btn-primary">Know
More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="4 / 15"
data-swiper-slide-index="3">
<div class="slide">
<h4 style="font-weight: 600">Food and Restaurant</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/food-restaurant.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/food-restaurant.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/food-restaurant.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/food-restaurant.jpg"
alt="Food and Restaurant" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Food and Restaurant</h4>
<ul>
<li>Online ordering and delivery apps</li>
<li>Restaurant reservation solutions</li>
<li>Restaurant subscription solutions</li>
<li>Restaurants web portals development</li>
<li>Customized application development</li>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="5 / 15"
data-swiper-slide-index="4">
<div class="slide">
<h4 style="font-weight: 600">Events</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/event.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/event.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/event.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/event.jpg"
alt="Events" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Events</h4>
<ul>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Online Tickets Booking Solutions </span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Event Management Software</span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Live Streaming Solutions</span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Event Analytics and Reporting</span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Event Feedback and Surveys</span></li>
</ul>
<a href="https://www.imensosoftware.com/industries/events/" class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="6 / 15"
data-swiper-slide-index="5">
<div class="slide">
<h4 style="font-weight: 600">FinTech</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/finance.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/finance.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/finance.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/finance.jpg"
alt="FinTech" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>FinTech</h4>
<ul>
<li>Mobile Payment Apps</li>
<li>Payment Gateways</li>
<li>Digital Payment Solutions</li>
<li>Data Analytics and Business Intelligence</li>
<li>Automated Billing and Invoicing Systems</li>
</ul>
<a href="https://www.imensosoftware.com/industries/fintech/" class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="7 / 15"
data-swiper-slide-index="6">
<div class="slide">
<h4 style="font-weight: 600">Manufacturing</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/manufacturing.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/manufacturing.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/manufacturing.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/manufacturing.jpg"
alt="Manufacturing" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Manufacturing</h4>
<ul>
<li>Data Analytics & Business Intelligence</li>
<li>Quality Control & Compliance Solution</li>
<li>Supply Chain Management Software</li>
<li>Automation Software Solution</li>
<li>Client Relationship Management (CRM) Software</li>
</ul>
<a href="https://www.imensosoftware.com/industries/manufacturing/" class="btn btn-primary">Know
More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="8 / 15"
data-swiper-slide-index="7">
<div class="slide">
<h4 style="font-weight: 600">Insurance</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/insurance.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/insurance.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/insurance.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/insurance.jpg"
alt="Insurance" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Insurance</h4>
<ul>
<li>Policy Management Systems</li>
<li>Claims Processing Solutions</li>
<li>Agency Management Systems</li>
<li>Client Relationship Management (CRM) Software</li>
<li>Risk Assessment Software</li>
</ul>
<a href="https://www.imensosoftware.com/industries/insurance/" class="btn btn-primary">Know
More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="9 / 15"
data-swiper-slide-index="8">
<div class="slide">
<h4 style="font-weight: 600">Logistics</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/logistic.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/logistic.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/logistic.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/logistic.jpg"
alt="Logistics" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Logistics</h4>
<ul>
<li>Warehouse Management Systems</li>
<li>Shipping Solutions</li>
<li>Supply Chain Solutions</li>
<li>Custom Logistics Software Development</li>
<li>Order Management Systems</li>
</ul>
<a href="https://www.imensosoftware.com/industries/transport-and-logistics/"
class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="10 / 15"
data-swiper-slide-index="9">
<div class="slide">
<h4 style="font-weight: 600">Real Estate</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/real-estat.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/real-estat.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/real-estat.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/real-estat.jpg"
alt="Real Estate" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Real Estate</h4>
<ul>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Property Management Solutions</span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Real Estate Property Portal </span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Lead Management Application</span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Client Relationship Management (CRM) Software </span></li>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Construction and Project Management Software</span></li>
</ul>
<a href="https://www.imensosoftware.com/industries/real-estate/" class="btn btn-primary">Know
More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="11 / 15"
data-swiper-slide-index="10">
<div class="slide">
<h4 style="font-weight: 600">Media and Entertainment</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/media-5.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/media-5.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/media-5.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/media-5.jpg"
alt="Media and Entertainment" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Media and Entertainment</h4>
<ul>
<li><span
class="ui-provider fy b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak"
dir="ltr">Live Streaming Software Solutions<br>
</span></li>
<li>eSports and Gaming Solutions</li>
<li>Client Relationship Management (CRM) Software</li>
<li>Digital Rights Management (DRM) Solutions</li>
<li>Custom Mobile App Development</li>
</ul>
<a href="https://www.imensosoftware.com/industries/media-and-entertainment/"
class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="12 / 15"
data-swiper-slide-index="11">
<div class="slide">
<h4 style="font-weight: 600">eCommerce</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/ecommerce-3.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/ecommerce-3.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/ecommerce-3.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/ecommerce-3.jpg"
alt="eCommerce" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>eCommerce</h4>
<ul>
<li>Ecommerce Website Development</li>
<li>Inventory Management Solutions</li>
<li>Payment Gateway Solutions</li>
<li>Shipping Solutions</li>
<li>Data Analytics and Business Intelligence</li>
</ul>
<a href="https://www.imensosoftware.com/industries/e-commerce-and-retail/"
class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="13 / 15"
data-swiper-slide-index="12">
<div class="slide">
<h4 style="font-weight: 600">EdTech</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/elearing.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/elearing.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/elearing.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/elearing.jpg"
alt="EdTech" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>EdTech</h4>
<ul>
<li>Online Assessment Software</li>
<li>eLearning Solutions</li>
<li>Educational Game Development</li>
<li>Language Learning Apps</li>
<li>Online Tutoring Platform</li>
</ul>
<a href="https://www.imensosoftware.com/industries/edtech/" class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 392px;" role="group" aria-label="14 / 15"
data-swiper-slide-index="13">
<div class="slide">
<h4 style="font-weight: 600">Travel</h4>
<div>
<div class="slide__img">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/industries/travel.jpg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/industries/travel.jpg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/travel.jpg">
<!-- Desktop -->
<img
src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/industries/travel.jpg"
alt="Travel" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="slide__content">
<h4>Travel</h4>
<ul>
<li>Online Ticket Booking Solution</li>
<li>Customer Relationship Management (CRM) Software</li>
<li>Payment Gateways</li>
<li>Hotel Booking Software</li>
<li>Lead Management Solution</li>
</ul>
<a href="https://www.imensosoftware.com/industries/hospitality-and-travel/"
class="btn btn-primary">Know More</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
aria-controls="swiper-wrapper-16c6686612489650"></div>
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
aria-controls="swiper-wrapper-16c6686612489650"></div>
<!-- <div class="swiper-pagination"></div> -->
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
</section>
<!--------------Cost Analysis -------------------->
<section class="burger s-services border-top" style="background-color:#f0f4f7">
<div class="container">
<div class="row">
<div class="col-lg-10">
<span class="shade">Cost Analysis</span>
<h2 class="mt-3 wd-h2-2">Decoding Offshore Development Costs </h2>
</div>
<div class="col-lg-10">
<p class="opaq mt-4">Embark on a journey of financial exploration with Imenso Software. Dive deep into the world of offshore development costs, unraveling the secrets of budget estimation and financial planning.</p>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row ">
<div class="col-sm-6 mb-4 ">
<div class="wd-card card-1">
<h3>Factors Influencing Offshore Software Development Costs.</h3>
<p ><span class="text-b"> Project Complexity </span>: <span class="opaq"> Estimate your budget based on project complexity, ranging from $5,000 for simple projects to $50,000+ for complex ventures.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Technology Stack </span>: <span class="opaq"> Choose your technology wisely, with costs varying from $10,000 for basic technologies to $100,000+ for cutting-edge solutions.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Team Composition </span>: <span class="opaq"> Assemble your crew with care, with team costs starting from $20,000 for a small team and scaling up to $200,000+ for larger teams.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Timeline </span>: <span class="opaq"> Plan your journey with time in mind, with project costs ranging from $2,000 per month for shorter durations to $20,000+ per month for longer projects.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Additional Services </span>: <span class="opaq"> Factor in additional services, such as testing and maintenance, with costs ranging from $1,000 for basic services to $10,000+ for comprehensive support.</span> </p>
<hr class="line-1">
</div>
</div>
<div class="col-sm-6 mb-4 ">
<div class="wd-card card-1">
<h3> FThorough Breakdown of Costs.</h3>
<p ><span class="text-b"> Development Fees </span>: <span class="opaq"> Allocate a portion of your budget to development fees, with costs ranging from $10,000 for basic projects to $100,000+ for extensive development work.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Infrastructure Costs</span>: <span class="opaq"> Budget for infrastructure expenses, starting from $1,000 for basic hosting to $10,000+ for advanced server setups.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Testing and QA </span>: <span class="opaq"> Ensure quality assurance with testing costs starting from $2,000 for basic testing to $20,000+ for thorough QA processes.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Project Management </span>: <span class="opaq"> Account for project management fees, with costs ranging from $5,000 for basic coordination to $50,000+ for comprehensive project oversight.</span> </p>
<hr class="line-1">
<p ><span class="text-b"> Support and Maintenance </span>: <span class="opaq"> Safeguard your investment with support and maintenance costs starting from $1,000 per month for basic services to $10,000+ per month for ongoing support.</span> </p>
<hr class="line-1">
</div>
</div>
</div>
<div class="row">
<div class="col-12 mt-5">
<p style="text-align: center;font-weight: 700; font-size: 22px; ">Get your project on track with precision planning! Imenso Software's <br> experts can calculate your budget and timeframes.</p>
</div>
<div class="col-12 mt-3" style="text-align:center" >
<a href="https://www.imensosoftware.com/industries/healthcare/" class="btn btn-primary">Get an estimate</a>
</div>
</div>
</div>
</section>
<!-- Benefits -->
<section class="burger s-services border-top border-bottom" style="background-color:#f0f4f7">
<div class="container">
<div class="row">
<div class="col-lg-10">
<span class="shade">Benefits</span>
<h2 class="mt-3 wd-h2-2">Sail Into Success with Offshore Software Development </h2>
</div>
<div class="col-lg-10">
<p class="opaq mt-4">Discover a lifeline for businesses grappling with soaring development costs, talent shortages, and tight deadlines. Offshore software development offers cost-effective solutions and access to global expertise, ensuring continuous progress and strategic focus. Transform obstacles into opportunities for success in the digital realm.</p>
</div>
</div>
</div>
<div class="container-fluid">
<div #swiperRef="" class="wtir swiper mySwiper mt-5">
<div class="swiper-wrapper pointers pointers1 wd-tir">
<div class="swiper-slide">
<div class="two-item-row-2 ">
<div class="">
<div class=""><img src="./Offshore Software Development Company - Imenso Software_files/icon_25.png"
alt="Half The Cost" width="40" loading="lazy"></div>
<h3 class="mb-2">Accelerated Growth and Cost Optimization</h3>
<p>Offshore software development turbocharges your business growth, propelling it forward with an annual surge of up to 130%. Simultaneously, it slashes project costs by up to $50,000 per endeavor, ensuring optimal budget utilization.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="two-item-row-2">
<div class="">
<div class=""><img
src="./Offshore Software Development Company - Imenso Software_files/020-solution-1.webp"
alt="Next-Gen Products" width="40" loading="lazy"></div>
<h3 class="mb-2">Global Talent Access and Operational Efficiency</h3>
<p>Unlock a treasure trove of talent from across the globe, with access to over 500,000 skilled developers. This guarantees your projects are in expert hands while streamlining operations and boosting productivity by up to 250%.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="two-item-row-2">
<div class="">
<div class=""><img
src="./Offshore Software Development Company - Imenso Software_files/001-conversation.png"
alt="Half The Cost" width="40" loading="lazy"></div>
<h3 class="mb-2">Competitive Advantage and Flexibility</h3>
<p>Race past competitors with lightning speed, enhancing time-to-market by up to 3x. Meanwhile, enjoy unparalleled flexibility to adapt and expand your team effortlessly to meet growing demands.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Offshore Software Development Company - Imenso Software_files/003-file.png"
alt="Half The Cost" width="40" loading="lazy"></div>
<h3 class="mb-2">Quality Assurance and Reliability</h3>
<p>Rest easy knowing your software is of the highest caliber, maintaining defect rates of less than 1%. This ensures reliability and safeguards your reputation and revenue.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Offshore Software Development Company - Imenso Software_files/icon_15.png"
alt="Skillset To Fill Gaps" width="40" loading="lazy"></div>
<h3 class="mb-2">Innovation Fuel and Risk Mitigation</h3>
<p>Ignite a spark of creativity and innovation within your organization, fueling a 60% increase in innovative breakthroughs. Simultaneously, navigate choppy waters with confidence, as offshore software development partners reduce project risks by up to 70%.</p3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Offshore Software Development Company - Imenso Software_files/001-team.png"
alt="Half The Cost" width="40" loading="lazy"></div>
<h3 class="mb-2">Enhanced Customer Experience and Compliance Assurance</h3>
<p>Delight customers and earn their loyalty with exceptional experiences, boosting satisfaction scores by up to 140%. At the same time, ensure compliance with industry regulations, safeguarding your investment and reputation.</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</section>
<!--why us-->
<section class="burger wd-whyus border-top" style="background-color:#333; color:#FFF">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-8">
<span class="shade">What sets us apart</span>
<h2 class="wd-h2-2 mt-3">Crafting Digital Dreams: Your Ultimate Development Partner! </h2>
</div>
<div class="col-lg-4">
<p class="opaq mt-4">IBid farewell to offshore woes. Trust us for top-tier development and maintenance
solutions, effortlessly boosting your bottom line. We're fueled by 100% agile practices, ensuring your
projects soar. With a jaw-dropping 95% client retention rate, we're not just a stop – we're your
ticket to offshore success!</p>
</div>
</div>
<div class="mt-5">
<div class="row ">
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Innovative Solutions, Tailored for You</h3>
<p class="opaq">Our custom software solutions don't solve your challenges, they revolutionize your
business. With a 98% client satisfaction rate, we create custom-made software that turns your
vision into a game-changer.</p>
</div>
</div>
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Expertise Across Industries</h3>
<p class="opaq">With 12+ years of experience and 120+ successful projects, our team delivers
excellence across industries. From transforming healthcare to revolutionizing finance, e-commerce,
and education, we craft solutions that exceed expectations and drive unparalleled success.</p>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Agile and Adaptable</h3>
<p class="opaq">Lead the industry with our 100% agile methods. Imenso Software smoothly adapts to
changing dynamics, guaranteeing your project remains on track regardless of shifting strategies or
technological advancements.</p>
</div>
</div>
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Not Just Vendors, Strategic Partners!</h3>
<p class="opaq">Join forces with us and gain a strategic ally, not just a service provider! We are
deeply invested in your success, working closely to exceed your business goals and effortlessly
integrating into your team.</p>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Cutting-edge Tech, Future-Proof Solutions</h3>
<p class="opaq">Get future-ready with our cutting-edge technology solutions. Whether it's AI,
blockchain, or IoT, our unique approaches guarantees your business remains ready for tomorrow's
challenges.</p>
</div>
</div>
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Clear and Collaborative Communication</h3>
<p class="opaq">Experience seamless collaboration with transparent communication. From project
kickoff to final delivery, we promise you're always in the loop, with your vision realized
precisely as imagined.</p>
</div>
</div>
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Proactive Problem-Solving</h3>
<p class="opaq">We solve issues before they arise. Our proactive approach, backed by 95% client
retention, involves constant performance analysis and risk mitigation, ensuring smooth project
execution.</p>
</div>
</div>
<div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Passion for Creativity and Excellence</h3>
<p class="opaq">Fueled by creativity and excellence, we break boundaries and redefine standards.
Partner with us to achieve perfection and solutions that take your business to new heights.</p>
</div>
</div>
<!-- <div class="col-sm-6 mb-4 padd">
<div class="wd-card">
<h3>Measurable Results, Tangible Impact</h3>
<p class="opaq">Our success is measured by your results. With a proven track record of enhancing
efficiency, boosting customer satisfaction, and increasing revenue, Imenso Software delivers
measurable, tangible business impact.</p>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--------------------- Blog section ------------------------->
<section class="blog-section t-burger" data-aos="fade-up" style="background-color:#f0f4f7">
<div class="container">
<div class="row">
<div class="col-md-5">
<span class="shade">Blogs</span>
<h2 class="big-h2 mt-3">Insights & Inspiration</h2>
</div>
<div class="col-md-6 offset-md-1">
<p class="big-p" style="opacity: .8">Dive into a world of tech trends, development tips, and industry insights. Our blog is your go-to resource for staying informed and inspired.</p>
</div>
</div>
<div class="mt-5">
<div class="row">
<div class="col-lg-6">
<div class="blog">
<a href="https://www.imensosoftware.com/blog/exploring-react-native-navigation-options-and-best-practices/" class="blog__img">
<img src="https://www.imensosoftware.com/wp-content/uploads/2023/12/exploring-react-native-navigation.png" alt="Exploring React Native Navigation: Options and Best Practices" width="800" height="540" loading="lazy">
</a>
<div class="blog__body">
<div class="blog__date">
<a href="https://www.imensosoftware.com/blog/exploring-react-native-navigation-options-and-best-practices/">May 16, 2024</a> <span class="px-2" style="color: #6c757d;">|</span> <span style="font-size: .78rem; color: #6c757d;">23 min read</span>
</div>
<h5 class="mt-0">
<a href="https://www.imensosoftware.com/blog/exploring-react-native-navigation-options-and-best-practices/">Exploring React Native Navigation: Options and Best Practices</a>
</h5>
<div><p>
Ever felt like your mobile app was a captivating tale, but users struggled to turn its pages? The world of mobile app development is full of breathtaking designs and innovative features, but the art of navigati...</p></div>
<a href="https://www.imensosoftware.com/blog/exploring-react-native-navigation-options-and-best-practices/" class="readmore">Read more</a>
</div>
</div>
</div><!-- Col-lg-6 clossing -->
<div class="col-lg-6 row-3">
<div class="blog">
<div class="row g-0 align-items-center">
<div class="col-md-5">
<a href="https://www.imensosoftware.com/blog/50-mobile-app-startup-ideas/" class="blog__img col2">
<img src="https://www.imensosoftware.com/wp-content/uploads/2018/08/PowerBIConsultants-Copy-3.png" alt="50 Mobile App Ideas for the Problem-Solvers Out There" width="800" height="540" loading="lazy">
</a>
</div>
<div class="col-md-7">
<div class="blog__body">
<div class="blog__date">
<a href="https://www.imensosoftware.com/blog/50-mobile-app-startup-ideas/">May 8, 2024</a> <span class="px-2" style="color: #6c757d;">|</span> <span style="font-size: .78rem; color: #6c757d;">44 min read</span>
</div>
<h5 class="mt-0">
<a href="https://www.imensosoftware.com/blog/50-mobile-app-startup-ideas/">50 Mobile App Ideas for the Problem-Solvers Out There</a>
</h5>
<!-- <p></p> -->
<a href="https://www.imensosoftware.com/blog/50-mobile-app-startup-ideas/" class="readmore">Read more</a>
</div>
</div>
</div>
</div>
<div class="blog">
<div class="row g-0 align-items-center">
<div class="col-md-5">
<a href="https://www.imensosoftware.com/blog/global-workforce-exploring-the-what-why-and-how/" class="blog__img col2">
<img src="https://www.imensosoftware.com/wp-content/uploads/2024/05/Global-Workforce-Exploring-the-What-Why-and-How.webp" alt="Global Workforce: Exploring the What, Why, and How" width="800" height="540" loading="lazy">
</a>
</div>
<div class="col-md-7">
<div class="blog__body">
<div class="blog__date">
<a href="https://www.imensosoftware.com/blog/global-workforce-exploring-the-what-why-and-how/">May 1, 2024</a> <span class="px-2" style="color: #6c757d;">|</span> <span style="font-size: .78rem; color: #6c757d;">10 min read</span>
</div>
<h5 class="mt-0">
<a href="https://www.imensosoftware.com/blog/global-workforce-exploring-the-what-why-and-how/">Global Workforce: Exploring the What, Why, and How</a>
</h5>
<!-- <p></p>-->
<a href="https://www.imensosoftware.com/blog/global-workforce-exploring-the-what-why-and-how/" class="readmore">Read more</a>
</div>
</div>
</div>
</div>
<div class="blog">
<div class="row g-0 align-items-center">
<div class="col-md-5">
<a href="https://www.imensosoftware.com/blog/decoding-fintech-business-models-a-comprehensive-guide/" class="blog__img col2">
<img src="https://www.imensosoftware.com/wp-content/uploads/2024/04/Decoding-FinTech-Business-Models-A-Comprehensive-Guide.webp" alt="Decoding FinTech Business Models: A Comprehensive Guide" width="800" height="540" loading="lazy">
</a>
</div>
<div class="col-md-7">
<div class="blog__body">
<div class="blog__date">
<a href="https://www.imensosoftware.com/blog/decoding-fintech-business-models-a-comprehensive-guide/">April 28, 2024</a> <span class="px-2" style="color: #6c757d;">|</span> <span style="font-size: .78rem; color: #6c757d;">9 min read</span>
</div>
<h5 class="mt-0">
<a href="https://www.imensosoftware.com/blog/decoding-fintech-business-models-a-comprehensive-guide/">Decoding FinTech Business Models: A Comprehensive Guide</a>
</h5>
<!-- <p></p>-->
<a href="https://www.imensosoftware.com/blog/decoding-fintech-business-models-a-comprehensive-guide/" class="readmore">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center pt-4 pb-5">
<a href="https://www.imensosoftware.com/blog/" class="btn btn-primary">Read All Stories</a>
</div>
</div>
</section>
<!-- FAQ -->
<section class="burger new-faq-section" style="overflow: hidden; background: #fff;">
<div class="container">
<!-- <div class="a" onclick="$('.js-faq').toggle();" style="cursor:pointer;">Frequently Asked Questions <i class="fa fa-angle-down" aria-hidden="true"></i></div> -->
<h2 class="text-center">Your Burning Questions Answered!</h2>
</div>
<section class="py-4 faq alt-bg-2 js-faq">
<div class="container">
<div class="schema-faq-code" itemscope="" itemtype="https://schema.org/FAQPage">
<div class="row gx-5">
<div class="col-md-6">
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q"> How does Imenso Software ensure the security of my project and data?
</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">At Imenso Software, we prioritize keeping your project and data secure. We use really strong codes and rules to keep your info safe. We're super careful with how we write our software, make sure data is super locked up, and check for any weak spots to keep everything safe. This way, clients can trust that our apps are safe to use.</p>
<ul itemprop="text" class="faq__a" >
<p class="text-b"> Multi-Layered Security Approach :</p>
<li> We integrate robust encryption protocols and stringent access controls. </li>
<li>Our team follows industry best practices to ensure the confidentiality of your data.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b">Defensive Coding Techniques:</p>
<li>Each line of code is meticulously crafted with security in mind.</li>
<li>We adhere to stringent coding standards to mitigate potential vulnerabilities.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b">Thorough Security Audits:</p>
<li>Regular security audits and penetration testing are conducted.</li>
<li>This proactive approach helps identify and address any potential weak spots in our software architecture.</li>
<li>With these measures in place, clients can trust that their applications are fortified against threats, ensuring the safety and security of their data.</li>
</ul>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q"> Can you provide examples of similar projects you've successfully completed?
</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>Absolutely! Our portfolio features a myriad of Offshore development projects across diverse industries. Each project demonstrates our dedication to excellence and expertise in Offshore development.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What is the typical process for communication and collaboration with your offshore development team?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">We work closely with our team overseas in a simple and efficient way. We start by talking with you for free to understand what your project needs. Then, we keep talking with you and give you updates often during the project. We follow agile methodologies for flexibility and iterative improvements. Your feedback is valued and incorporated into the project. Once completed, we conduct a thorough review and offer ongoing support. Our aim is to ensure a smooth partnership and deliver results that exceed your expectations.</p>
<ul itemprop="text" class="faq__a">
<li>Engage in straightforward and efficient communication channels.</li>
<li>Begin with a complimentary discussion to grasp project requirements.</li>
<li>Maintain ongoing dialogue, offering frequent project progress updates.</li>
<li>Employ agile practices to accommodate flexibility and iterative enhancements.</li>
<li>Actively incorporate client input throughout the project lifecycle.</li>
<li>Conduct a meticulous evaluation post-project completion.</li>
<li>Provide sustained assistance and maintenance to ensure project success.</li>
</ul>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How do you ensure the quality of the code and the final product?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Our number one priority is to ensure high-quality code. Throughout the Offshore development process, we adhere to strict coding standards, conduct extensive testing, and guarantee thorough code reviews.</p>
<ul itemprop="text" class="faq__a">
<li>Stringent code review processes for identifying and rectifying issues.</li>
<li>Implementation of automated testing frameworks for functionality validation.</li>
<li>Manual testing by QA specialists to uncover bugs and inconsistencies.</li>
<li>Utilization of CI/CD pipelines for automated build, testing, and deployment.</li>
<li>Adherence to industry coding standards for consistency and readability.</li>
<li>Active client feedback incorporation throughout the development cycle.</li>
<li>Thorough quality assurance testing before product deployment.</li>
</ul>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can Imenso Software work with our specific technology stack and requirements?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Absolutely! Imenso Software is flexible and can work with your specific technology stack and requirements. We modify our approach to your requirements and guarantee complete compatibility with your current systems and workflows. Contact us to discuss your needs further. </p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Why Choose Imenso Software for Offshore Software Development? </h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Choose Imenso Software for offshore development because we prioritize your needs, ensuring tailored solutions. With transparent communication and collaboration, we deliver successful projects efficiently. Trust us to bring your vision to life effectively and proficiently.</p>
<ul itemprop="text" class="faq__a" >
<p class="text-b"> Visionary Solutions :</p>
<li> We don't just meet expectations; we redefine them with our visionary approach to software development. </li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Agile Alchemy :</p>
<li>Transforming complexity into simplicity, we wield agile methodologies like magic to conjure seamless solutions.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Crafted Brilliance :</p>
<li>Every line of code is a stroke of genius, meticulously crafted to illuminate your path to success.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Symphony of Innovation :</p>
<li>Our projects resonate with the harmony of innovation, orchestrating a symphony of cutting-edge technologies.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Collaborative Cosmos:</p>
<li>Step into a collaborative cosmos, where communication transcends barriers and ideas flourish in abundance.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Beyond Boundaries:</p>
<li>With Imenso Software, your journey transcends limitations, venturing beyond boundaries to achieve the extraordinary.</li>
</ul>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How do you handle changes or updates to the project requirements during development?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>We handle changes or updates to project requirements by staying flexible and responsive. Our agile approach allows for adjustments as needed. We discuss changes with you promptly to ensure alignment and minimal disruption to the project timeline.</p>
<ul itemprop="text" class="faq__a" >
<p class="text-b"> Flexible Approach:</p>
<li> We're adaptable to changes, thanks to our flexible methods </li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b">Clear Communication :</p>
<li>We keep communication open, making it easy for clients to share updates. </li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Team Collaboration:</p>
<li>Everyone's involved in decisions, ensuring we're on the same page.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Priority List :</p>
<li>We organize changes by importance, tackling important ones first.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Step-by-Step Updates:</p>
<li> Changes are made one at a time, so things stay organized.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b"> Client Input:</p>
<li> We listen to clients' feedback, making sure changes match their needs.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can I expect regular progress updates and milestone demonstrations throughout the project?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Absolutely! You can expect regular progress updates and milestone demonstrations throughout the project. We keep you informed every step of the way, establishing openness and alignment with your expectations.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What measures does Imenso Software take to mitigate risks during offshore development projects?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Imenso Software mitigates risks during offshore development projects through careful planning and proactive measures. We find possible risks early on and apply strategies to address them promptly. Our team maintains open interaction, performs regular checks, and adapts quickly to changes. It minimizes any possible influence on the project.</p>
<ul itemprop="text" class="faq__a">
<p class="text-b">Plan Carefully :</p>
<li>We plan everything out in detail to avoid problems. </li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b">Look for Problems Early:</p>
<li>We check for possible issues at the start to fix them before they cause trouble.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b">Be Ready for Anything :</p>
<li> We have backup plans in case something unexpected happens.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b">Keep an Eye on Things:</p>
<li> We watch how things are going closely to catch any problems early.</li>
</ul>
<ul itemprop="text" class="faq__a">
<p class="text-b">Work Together:</p>
<li> We involve clients in the process, so we're all on the same page..</li>
</ul>
<ul itemprop="text" class="faq__a" >
<p class="text-b"> Use Experienced Team:</p>
<li> We plan everything out in detail to avoid problems. </li>
</ul>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How does your pricing model work, and are there any hidden costs?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">At Imenso Software, we provide an estimated price for your project based on your requirements and budget. The cost of offshore software development projects varies depending on factors such as scope, features, and time to completion. Get in touch with us to receive an estimate.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What level of support and maintenance do you provide after the project is completed?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>Yes, Imenso Software provides comprehensive offshore application development services support, and maintenance post-launch. To keep your application operating smoothly, our committed team promises timely updates, bug fixes, efficiency optimization, and continuous enhancement.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can Imenso Software scale the development team up or down based on project requirements?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>Yes, Imenso Software can scale the offshore software development teams up or down based on your project requirements. Whether you need additional resources to meet deadlines or reduce team size for a smaller project, we adapt flexibly to your needs.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q"> What is the typical project turnaround time for Offshore development projects at Imenso Software? </h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Offshore Software Development project durations vary based on features, size, and specifications. We prioritize timely delivery without compromising quality. Contact us for personalized project assessments and discussions.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<!-------------Have a project in mind---------------->
<section class="blog_cta py-5 mt-0">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-5">
<img src="cta-2.png" class="img-fluid">
</div>
<div class="col-sm-7 text-left">
<h3 class="h-cta wd-wht">Have a project in mind?</h3>
<p class="opaq big-p" style="font-size:1em;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<a href="" class="btn btn-inverse mt-4">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<style>
@media (min-width:1025px) {
.work-2.newslide .swiper-work1 .swiper-slide .img-head {
left: 66%;
}
.work-2.newslide .swiper-work1 .swiper-slide .section-header {}
}
</style>
<!-- CTA -->
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 4,
centeredSlides: true,
spaceBetween: 30,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
480: {
slidesPerView: 1,
spaceBetween: 24,
},
768: {
slidesPerView: 1,
spaceBetween: 28,
},
980: {
slidesPerView: 4,
spaceBetween: 28,
}
}
});
var appendNumber = 4;
var prependNumber = 1;
document
.querySelector(".prepend-2-slides")
.addEventListener("click", function (e) {
e.preventDefault();
swiper.prependSlide([
'<div class="swiper-slide">Slide ' + --prependNumber + "</div>",
'<div class="swiper-slide">Slide ' + --prependNumber + "</div>",
]);
});
document
.querySelector(".prepend-slide")
.addEventListener("click", function (e) {
e.preventDefault();
swiper.prependSlide(
'<div class="swiper-slide">Slide ' + --prependNumber + "</div>"
);
});
document
.querySelector(".append-slide")
.addEventListener("click", function (e) {
e.preventDefault();
swiper.appendSlide(
'<div class="swiper-slide">Slide ' + ++appendNumber + "</div>"
);
});
document
.querySelector(".append-2-slides")
.addEventListener("click", function (e) {
e.preventDefault();
swiper.appendSlide([
'<div class="swiper-slide">Slide ' + ++appendNumber + "</div>",
'<div class="swiper-slide">Slide ' + ++appendNumber + "</div>",
]);
});
</script>
<!-- Say Hello -->
<section class="b-burger innerbanner discuss_project_banner border-top" data-aos="fade-up">
<div class="container">
<div class="row">
<div class="col-lg-10">
<div class="section-header mt-5">
<h5 class="big-h1 blue_heading">Say hello to your <br>next <span class="underline">tech partner</span></h5>
<!-- <p class="mt-4 para3">Write us a few words about your project and we will prepare proposal for you.</p> -->
<div class="banner__clients slider_logos">
<div class="banner__clients-logos banner_industry_client" style="margin-bottom: 0px; overflow: hidden;">
<span class="my-1 blur-heading"><span>Trusted By</span></span>
<div class="swiper client_logo_slider swiper-initialized swiper-horizontal swiper-free-mode">
<div class="swiper-wrapper align-items-center" id="swiper-wrapper-314fabde815d8472" aria-live="off"
style="transition-duration: 0ms; transform: translate3d(-1136px, 0px, 0px); transition-delay: 0ms;">
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="3 / 12"
data-swiper-slide-index="2">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/kfc.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/kfc.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/kfc.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/kfc.webp"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="4 / 12"
data-swiper-slide-index="3">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/loreal-logo-small.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/loreal-logo-small.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/loreal-logo-small.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/loreal-logo-small.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="5 / 12"
data-swiper-slide-index="4">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/dominos.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/dominos.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/dominos.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/dominos.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="6 / 12"
data-swiper-slide-index="5">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/millennia.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/millennia.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/millennia.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/millennia.webp"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="7 / 12"
data-swiper-slide-index="6">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/mns.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/mns.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/mns.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/mns.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="8 / 12"
data-swiper-slide-index="7">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/ul.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/ul.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/ul.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/ul.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="9 / 12"
data-swiper-slide-index="8">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/knowbe4.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/knowbe4.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/knowbe4.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/knowbe4.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide swiper-slide-prev" style="width: 114px; margin-right: 28px;" role="group"
aria-label="10 / 12" data-swiper-slide-index="9">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/liberty.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/liberty.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/liberty.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/liberty.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide swiper-slide-active" style="width: 114px; margin-right: 28px;" role="group"
aria-label="11 / 12" data-swiper-slide-index="10">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/allianz.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/allianz.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/allianz.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/allianz.webp"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="12 / 12"
data-swiper-slide-index="11" style="width: 114px; margin-right: 28px;">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/wip.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/wip.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/wip.webp">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/wip.webp"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="1 / 12"
data-swiper-slide-index="0">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/fintrhive.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/fintrhive.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/fintrhive.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/fintrhive.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" style="width: 114px; margin-right: 28px;" role="group" aria-label="2 / 12"
data-swiper-slide-index="1">
<picture>
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/adib.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/adib.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/adib.png">
<!-- Desktop -->
<img src="./Offshore Software Development Company - Imenso Software_files/adib.png"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger" style="background: #f0f4f7;">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-12 order-2 order-md-1">
<h3 class="">What will be the next steps?</h3>
<p class="mt-2">You are one step closer to build your dream product.</p>
<div class="project_steps">
<ul class="ps-0">
<li>
<div class="psteps_number">
<span>01</span>
</div>
<div class="psteps_info">
<h5>One of our experts will get in touch with you.</h5>
</div>
</li>
<li>
<div class="psteps_number">
<span>02</span>
</div>
<div class="psteps_info">
<h5>Schedule a meeting to discuss your requirement in more detail.</h5>
</div>
</li>
<li>
<div class="psteps_number">
<span>03</span>
</div>
<div class="psteps_info">
<h5>Proposal with time and cost estimate.</h5>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 offset-lg-1 order-1 order-md-2 mb-5 mb-md-0 pb-4 pb-md-0">
<div class="project_form">
<form class="estimate" action="javascript:;" method="POST" name="contact-form-imenso">
<div class="form-group">
<div class="d-flex justify-content-between">
<label class="custom_form_label">Write Your Requirement</label>
</div>
<textarea class="form-control" name="req_text" rows="3"></textarea>
<div class="error_msg1 req_text_error d-none">Please complete this required field</div>
</div>
<input type="hidden" id="my_nonce" name="my_nonce" value="27d03b91f7"><input type="hidden"
name="_wp_http_referer" value="/services/offshore-software-development-services/">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<div class="d-flex justify-content-between">
<label>Full Name</label>
</div>
<input type="text" class="form-control" name="first_name">
<div class="error_msg1 first_name_error d-none">Please complete this required field</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<div class="d-flex justify-content-between">
<label>Contact Number</label>
</div>
<input type="text" class="form-control" name="company_phone">
<div class="error_msg1 company_phone_error d-none">Please complete this required field</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<div class="d-flex justify-content-between">
<label>Company Name <small>(Optional)</small></label>
</div>
<input type="text" class="form-control" name="company_name">
<div class="error_msg1 company_name_error d-none">Please complete this required field</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<div class="d-flex justify-content-between">
<label>Your Email</label>
</div>
<input type="email" class="form-control" name="company_email">
<div class="error_msg1 company_email_error d-none">Please complete this required field</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<div class="d-flex justify-content-between">
<label>Select Country</label>
</div>
<select class="form-select select2-hidden-accessible" name="lead_country" id="lead_country"
data-select2-id="select2-data-lead_country" tabindex="-1" aria-hidden="true">
<option value="" selected="" data-select2-id="select2-data-2-aos4">Select Your Country</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bosnia and Herzegowina">Bosnia and Herzegowina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Congo, the Democratic Republic of the">Congo, the Democratic Republic of the
</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote d'Ivoire">Cote d'Ivoire</option>
<option value="Croatia (Hrvatska)">Croatia (Hrvatska)</option>
<option value="Cuba">Cuba</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="East Timor">East Timor</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="France Metropolitan">France Metropolitan</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard and Mc Donald Islands">Heard and Mc Donald Islands</option>
<option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran (Islamic Republic of)">Iran (Islamic Republic of)</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of
</option>
<option value="Korea, Republic of">Korea, Republic of</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao, People's Democratic Republic">Lao, People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic
of</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Micronesia, Federated States of">Micronesia, Federated States of</option>
<option value="Moldova, Republic of">Moldova, Republic of</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="Netherlands Antilles">Netherlands Antilles</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russian Federation">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint Lucia">Saint Lucia</option>
<option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Slovakia (Slovak Republic)">Slovakia (Slovak Republic)</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich
Islands</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="St. Helena">St. Helena</option>
<option value="St. Pierre and Miquelon">St. Pierre and Miquelon</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syrian Arab Republic">Syrian Arab Republic</option>
<option value="Taiwan, Province of China">Taiwan, Province of China</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania, United Republic of">Tanzania, United Republic of</option>
<option value="Thailand">Thailand</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
<option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Virgin Islands (British)">Virgin Islands (British)</option>
<option value="Virgin Islands (U.S.)">Virgin Islands (U.S.)</option>
<option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Yugoslavia">Yugoslavia</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
<div class="error_msg1 lead_country_error d-none">Please complete this required field</div>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<input type="hidden" name="lead_from_page" value="Offshore Software Development Company"
id="lead_from_page">
<input type="hidden" name="g_recaptcha_response" value="" id="g_recaptcha_response">
<div class="error_msg1 g_recaptcha_response_error d-none">Please complete this required field</div>
</div>
</div>
</div>
<div class="mt-4">
<button type="submit" class="btn btn-primary">
<div class="d-flex align-items-center">
<span style="margin-right: 10px;">Get Free Estimate</span>
<div class="loader" style="display:none;"></div>
</div>
</button>
</div>
<div class="error_msg1 common_error d-none">Please complete this required field</div>
</form>
</div>
</div>
</div>
</div>
</section>
<style type="text/css">
.company_stats ul {
padding-left: 0px;
margin-top: 20px;
}
.company_stats ul li {
list-style: none;
border-bottom: 1px solid #dee2e6;
padding: 15px 0;
font-size: 18px;
font-weight: 500;
}
.company_stats ul li span {
color: #fd2e35;
display: inline-block;
width: 65px;
font-weight: bold;
font-size: 24px;
}
.company_stats ul li span i {
font-size: 14px;
}
.dev_est_form_heading {
margin-bottom: 30px;
}
.dev_stat_heading {
font-size: 1.25rem;
}
.custom_form_label {
font-size: 22px;
margin-bottom: 20px;
}
.discuss_project_banner {
min-height: 510px;
}
.project_form {
background: #fff;
padding: 50px 40px;
border-radius: 8px;
margin-top: -320px;
box-shadow: 0 0px 12px 0px rgba(0, 0, 0, .1);
}
.blue_heading {
color: #20376A;
}
.project_steps ul li {
list-style: none;
border-bottom: 1px solid #ddd;
padding: 20px 0;
display: flex;
align-items: center;
}
/*.project_steps ul li:last-child {
border-bottom: none;
}*/
.project_steps .psteps_number span {
width: 35px;
height: 35px;
background: #fd2e35;
color: #fff;
font-weight: bold;
display: flex;
font-weight: bold;
margin-right: 20px;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 50%;
}
.psteps_info p {
font-size: 0.9em;
margin-bottom: 0px;
}
.psteps_info h5 {
font-size: 18px;
margin-bottom: 0px;
font-weight: 500;
}
.blur-heading:before {
height: 0px !important;
}
.discuss_project_banner .banner__clients {
position: absolute;
bottom: 20px;
width: 540px;
}
.slider_logos .blur-heading span {
padding: inherit;
}
.help {
display: none;
}
.discuss_help .btns .btn {
margin: 10px;
font-size: 1.125rem;
}
.slider_logos .banner__clients-logos img {
max-width: 100%;
}
.client_logo_slider .swiper-slide {
text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
.discuss_project_banner .banner__clients {
width: calc(50% - 60px);
}
.slider_logos .banner__clients-logos img {
padding: inherit;
}
}
@media (max-width: 991px) {
.discuss_project_banner {
min-height: 430px;
}
.slider_logos .banner__clients-logos img {
max-width: 100% !important;
}
}
@media (max-width: 767px) {
.discuss_project_banner {
min-height: inherit;
}
.discuss_project_banner .banner__clients {
position: relative;
margin-top: 80px;
}
.project_form {
margin-top: inherit;
}
.discuss_project_banner .banner__clients {
width: 100%;
}
.slider_logos .banner__clients-logos img {
max-width: 120px !important;
width: 100% !important;
}
}
.btn {
position: relative;
}
.btn .loader {
margin: auto !important;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.btn.hideBtnText {
color: #20376A !important;
}
</style>
<style type="text/css">
</style>
<section class="burger border-top border-bottom help text-center">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-header" data-aos="fade-up">
<span class="shade">How we can help?</span>
<h2>I would like to..</h2>
</div>
<div class="btns mt-5" data-aos="fade-up">
<a href="https://42s.d97.myftpupload.com/contact/" class="btn btn-bordered">..discuss a project</a>
<a href="https://42s.d97.myftpupload.com/contact/" class="btn btn-bordered">..hire a dedicated resource</a>
<a href="https://42s.d97.myftpupload.com/career/" class="btn btn-bordered">..apply for a job</a>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="more-stuffs background_2">
<div class="container">
<div class="a" onclick="$('.js-faq').toggle();" style="cursor:pointer;">Learn more about software outsourcing <i class="fa fa-angle-down" aria-hidden="true"></i></div>
</div>
<section class="py-4 faq alt-bg-2 js-faq" style="display: none;">
<div class="container">
<div class="schema-faq-code" itemscope="" itemtype="https://schema.org/FAQPage">
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q faq__q-open">What is software outsourcing?</h3>
<div itemscope="" class="faq__div" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a faq__a-open" style="display: block;">Software outsourcing is the process of hiring an offshore development team to create custom software solutions for the digitalization of a specific business process via an application or software maintenance.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How does Imenso Software ensure the security of my project and data?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>At Imenso Software, we prioritize keeping your project and data secure. We use really strong codes and rules to keep your info safe. We're super careful with how we write our software, make sure data is super locked up, and check for any weak spots to keep everything safe. This way, clients can trust that our apps are safe to use.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can you provide examples of similar projects you've successfully completed?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Absolutely! Our portfolio features a myriad of Offshore development projects across diverse industries. Each project demonstrates our dedication to excellence and expertise in Offshore development.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What is the typical process for communication and collaboration with your offshore development team?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>We work closely with our team overseas in a simple and efficient way. We start by talking with you for free to understand what your project needs. Then, we keep talking with you and give you updates often during the project. We follow agile methodologies for flexibility and iterative improvements. Your feedback is valued and incorporated into the project. Once completed, we conduct a thorough review and offer ongoing support. Our aim is to ensure a smooth partnership and deliver results that exceed your expectations.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How do you ensure the quality of the code and the final product?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Our number one priority is to ensure high-quality code. Throughout the Offshore development process, we adhere to strict coding standards, conduct extensive testing, and guarantee thorough code reviews.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can Imenso Software work with our specific technology stack and requirements?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Absolutely! Imenso Software is flexible and can work with your specific technology stack and requirements. We modify our approach to your requirements and guarantee complete compatibility with your current systems and workflows. Contact us to discuss your needs further.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Why Choose Imenso Software for Offshore Software Development?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Choose Imenso Software for offshore development because we prioritize your needs, ensuring tailored solutions. With transparent communication and collaboration, we deliver successful projects efficiently. Trust us to bring your vision to life effectively and expertly.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How do you handle changes or updates to the project requirements during development?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>We handle changes or updates to project requirements by staying flexible and responsive. Our agile approach allows for adjustments as needed. We discuss changes with you promptly to ensure alignment and minimal disruption to the project timeline.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can I expect regular progress updates and milestone demonstrations throughout the project?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>Absolutely! You can expect regular progress updates and milestone demonstrations throughout the project. We keep you informed every step of the way, establishing openness and alignment with your expectations.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What measures does Imenso Software take to mitigate risks during offshore development projects?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Imenso Software mitigates risks during offshore development projects through careful planning and proactive measures. We find possible risks early on and apply strategies to address them promptly. Our team maintains open interaction, performs regular checks, and adapts quickly to changes. It minimizes any possible influence on the project.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How does your pricing model work, and are there any hidden costs?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">At Imenso Software, we provide an estimated price for your project based on your requirements and budget. The cost of offshore software development projects varies depending on factors such as scope, features, and time to completion. Get in touch with us to receive an estimate.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What level of support and maintenance do you provide after the project is completed?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Yes, Imenso Software provides comprehensive offshore application development services support, and maintenance post-launch. To keep your application operating smoothly, our committed team promises timely updates, bug fixes, efficiency optimization, and continuous enhancement.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can Imenso Software scale the development team up or down based on project requirements?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Yes, Imenso Software can scale the offshore software development teams up or down based on your project requirements. Whether you need additional resources to meet deadlines or reduce team size for a smaller project, we adapt flexibly to your needs. </p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What is the typical project turnaround time for Offshore development projects at Imenso Software? </h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Offshore Software Development project durations vary based on features, size, and specifications. We prioritize timely delivery without compromising quality. Contact us for personalized project assessments and discussions.</p>
</div>
</div>
</div>
</div>
</section>
</section> -->
<section class="border-bottom imenso_rating" data-aos="fade-up">
<div class="container">
<div class="row py-5 align-items-center">
<div class="col-lx-4 col-md-5">
<span class="hastag">#imenso</span>
<div>
<div class="bg-txt">
<video loop="" autoplay="" muted=""
poster="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/bg4-video-img.png"
alt="video poster" id="vid">
<source src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/bg4.avi"
type="video/avi">
<source src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/bg4.mp4"
type="video/mp4">
<source src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/bg4.webm"
type="video/webm">
<source src="https://42s.d97.myftpupload.com/wp-content/themes/imensosoftware/assets/images/bg4.ogg"
type="video/ogg">
</video>
<h2>Think Big</h2>
</div>
</div>
<div class="g-review" style="display: block;">
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-empty"></i>
</div>
<p class="mb-0">Rated 4.7 out of 5 based on 34 <a
href="https://www.google.com/search?q=imenso+software+india&oq=imenso+soft&aqs=chrome.0.69i59j69i60j69i57j69i61l2j69i59.2648j0j1&sourceid=chrome&ie=UTF-8#lrd=0x390d3d45f5fb882f:0xc28729d9c21e4e3d,1/"
target="_blank" rel="nofollow"> Google reviews.</a></p>
</div>
</div>
<div class="col-lx-8 col-md-7">
<div class="footercreds">
<a href="https://topsoftwarecompanies.co/software-development/agencies/india/" target="_blank"
rel="nofollow">
<img src="./Offshore Software Development Company - Imenso Software_files/top-software-com.png"
alt="Software Developers India" loading="lazy" width="94" height="62">
</a>
<!-- <a target="_blank" class="" href="https://www.topdevelopers.co/directory/web-development-companies" rel="nofollow"><img loading="lazy" src="https://www.imensosoftware.com/wp-content/uploads/2021/08/Badge-Top-Web-Development-Companies-2021.webp" alt="Web Development Companies" title="Web Development Companies" style="width: 80px; opacity: 0.6;"></a> -->
<a rel="nofollow" target="_blank" href="https://www.goodfirms.co/company/imenso-software/">
<img src="./Offshore Software Development Company - Imenso Software_files/app-development.png"
alt="GoodFirms Badge" loading="lazy" width="94" height="62">
</a>
<a rel="nofollow" href="https://topappfirms.co/developers/web-development-companies/" target="_blank">
<img
src="./Offshore Software Development Company - Imenso Software_files/Top-Web-Development-Companies.png"
alt="web-development-companies" loading="lazy" width="94" height="62">
</a>
<a rel="nofollow" href="https://selectedfirms.co/companies/node-js-development/" target="_blank">
<img src="./Offshore Software Development Company - Imenso Software_files/Web-Software-Circular.png"
alt="node-js-development" loading="lazy" width="94" height="62">
</a>
<a rel="nofollow" href="https://clutch.co/profile/imenso-software/" target="_blank">
<img src="./Offshore Software Development Company - Imenso Software_files/clutch-logo.png"
alt="imenso-software" loading="lazy" width="94" height="62">
</a>
<a href="https://fixthephoto.com/imenso-software-review.html/" target="_blank" rel="nofollow">
<img src="./Offshore Software Development Company - Imenso Software_files/fixthephoto.png"
alt="fixthephoto" loading="lazy" width="94" height="62">
</a>
<a href="https://superbcompanies.com/" target="_blank" rel="nofollow">
<img src="./Offshore Software Development Company - Imenso Software_files/top-softwarecom.png"
alt="superbcompanies" loading="lazy" width="94" height="62">
</a>
</div>
</div>
</div>
</div>
</section>
<footer class="footer" data-aos="fade-up">
<div class="container">
<div class="row pt-5 pb-4">
<div class="col-xs-12 col-md-2">
<span class="footer__blur-heading shade">Services</span>
<ul class="footer__links">
<li><a href="https://42s.d97.myftpupload.com/services/web-development/">Web Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/ux-ui-design/">UX/UI Design</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/ecommerce-solutions/">Ecommerce Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/software-testing-company/">Software Testing</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/mobile-apps/">Mobile App Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/game-development/">Game Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/cms-development/">CMS Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/data-visualization-consulting-company/">Data
Analytics</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/cloud-and-devops/">Cloud & DevOps</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/digital-marketing-services/">Digital Marketing</a>
</li>
<li><a href="https://42s.d97.myftpupload.com/services/application-maintenance-support/">Support and
Maintenance</a></li>
<li><a href="https://42s.d97.myftpupload.com/services/custom-software-development-company/">Custom Software
Development</a></li>
</ul>
</div>
<div class="col-xs-12 col-md-10">
<div class="row">
<div class="col-xs-12 col-md-6">
<span class="footer__blur-heading shade">Technologies</span>
<div class="row">
<div class="col-6">
<ul class="footer__links">
<li><strong>Backend</strong></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/laravel-development/">Laravel
Development</a></li>
<li><a
href="https://42s.d97.myftpupload.com/technologies/codeigniter-development-company/">CodeIgniter
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/php-application-development/">PHP
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/node-js-development-company/">Node.js
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/dot-net-development/">.Net Core
Development</a></li>
</ul>
<ul class="footer__links mt-4">
<li><strong>CMS & eCommerce</strong></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/wordpress-development/">WordPress
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/drupal-development-company/">Drupal
Development</a></li>
<li><a
href="https://42s.d97.myftpupload.com/technologies/magento-ecommerce-development-company/">Magento
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/shopify-development-company/">Shopify
Development</a></li>
</ul>
</div>
<div class="col-6">
<ul class="footer__links ">
<li><strong>Frontend</strong></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/react-js-development-company/">React.js
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/angular-js-development-company/">Angular
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/vue-js-development-company/">Vue.js
Development</a></li>
</ul>
<ul class="footer__links mt-4">
<li><strong>Mobile Apps</strong></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/react-native-development-company/">React
Native Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/android-development-company/">Android App
Development</a></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/ios-development-company/">iOS App
Development</a></li>
</ul>
<ul class="footer__links mt-4">
<li><strong>Data Analytics</strong></li>
<li><a href="https://42s.d97.myftpupload.com/technologies/power-bi-development/">Power BI
Consultants</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-tableau-consultants/">Tableau
Consultants</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-qlik-sense-consultants/">Qlik Sense
Consultants</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6">
<span class="footer__blur-heading shade">Dedicated Teams</span>
<div class="row">
<div class="col-6">
<ul class="footer__links">
<li><a href="https://42s.d97.myftpupload.com/developers/hire-frontend-developers/"><strong>Frontend
Developers</strong></a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-angular-js-developers/">Angular
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-react-js-developers/">React.js
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-vue-js-developers/">Vue.js
Developers</a></li>
</ul>
<ul class="footer__links mt-4">
<li><a href="https://42s.d97.myftpupload.com/developers/hire-app-developers/"><strong>Mobile
Developers</strong></a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-react-native-developers/">React Native
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-android-app-developers/">Android
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-ios-app-developers/">iOS Developers</a>
</li>
</ul>
<ul class="footer__links mt-4">
<li><a href="https://42s.d97.myftpupload.com/developers/hire-full-stack-developers/"><strong>Full
Stack Developers</strong></a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-mean-stack-developers/">MEAN Stack
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-mern-stack-developers/">MERN Stack
Developers</a></li>
</ul>
</div>
<div class="col-6">
<ul class="footer__links">
<li><a href="https://42s.d97.myftpupload.com/developers/hire-web-developers/"><strong>Backend
Developers</strong></a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-php-web-developers/">PHP Developers</a>
</li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-asp-net-developers/">Dot Net
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-laravel-developers/">Laravel
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-codeigniter-developers/">Codeigniter
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-python-developers/">Python
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-node-js-developers/">Node.js
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-wordpress-developers/">WordPress
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-shopify-developers/">Shopify
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-magento-developers/">Magento
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-drupal-developers/">Drupal
Developers</a></li>
<li><a href="https://42s.d97.myftpupload.com/developers/hire-joomla-developers/">Joomla
Developers</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row border-top border-bottom align-items-center footer_bottom">
<div class="col-sm-6">
<div>
<ul class="footer__links ps-0 py-1 mb-0">
<li><a href="https://42s.d97.myftpupload.com/about/">About</a></li>
<li><a href="https://42s.d97.myftpupload.com/work/">Projects</a></li>
<li><a href="https://42s.d97.myftpupload.com/blog/">Blog</a></li>
<!-- <li><a href="">Career</a></li> -->
<li><a href="https://42s.d97.myftpupload.com/contact/">Contact</a></li>
<li><a href="https://42s.d97.myftpupload.com/career/">Career</a></li>
<li><a href="https://42s.d97.myftpupload.com/privacy-policy/">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="footer_social">
<ul class="footer__links float-end ps-0 py-1 mb-0">
<!-- <li> <a href=""><i class="fa fa-phone"></i> Call</a></li>
<li><a href="mailto:info@imensosoftware.com"> <i class="fa fa-envelope"></i> Email</a></li>
<li><a href=""><i class="fa fa-skype"></i> Skype</a></li> -->
<li><a target="_blank" href="https://in.linkedin.com/company/imenso-software/" rel="nofollow"><i
class="fa fa-linkedin"></i><span>Linkedin</span> </a></li>
<li><a target="_blank" href="https://www.facebook.com/imensosoftware/" rel="nofollow"><i
class="fa fa-facebook"></i> <span>Facebook</span></a> </li>
<li><a target="_blank" href="https://twitter.com/imensosoftware/" rel="nofollow"><i
class="fa fa-twitter"></i> <span>Twitter</span></a></li>
<li><a target="_blank" href="https://www.instagram.com/imensosoftware/" rel="nofollow"><i
class="fa fa-instagram"></i> <span>Instagram</span></a></li>
</ul>
</div>
</div>
</div>
<div class="text-center copyright py-4 opacity-50"> Copyright © Imenso Software. All Rights Reserved. </div>
<div class="d-none hide"><input type="hidden" name="lead_source" id="lead_source" class="lead_source d-none">
</div>
</div>
</footer>
<script src="./Offshore Software Development Company - Imenso Software_files/jquery.min.js.download"
id="imensosoftware-jquery-js"></script>
<script src="./Offshore Software Development Company - Imenso Software_files/bootstrap.min.js.download"
id="imensosoftware-bootstrap-js"></script>
<script src="./Offshore Software Development Company - Imenso Software_files/select2.min.js.download"
id="select2-js-js"></script>
<script src="./Offshore Software Development Company - Imenso Software_files/swiper-bundle.min.js.download"
id="imensosoftware-swiper-js"></script>
<script src="./Offshore Software Development Company - Imenso Software_files/custom.min.js.download"
id="imensosoftware-custom-js"></script>
<script src="./Offshore Software Development Company - Imenso Software_files/contact-form.min.js.download"
id="contact-form-js"></script>
<script src="./Offshore Software Development Company - Imenso Software_files/api.js.download"
id="contact-form-reCaptcha-js"></script>
<script type="text/javascript">
/*Review*/
var swiper = new Swiper(".testimonial_review", {
loop: true,
slidesPerView: "auto",
centeredSlides: true,
spaceBetween: 30,
// pagination: {
// el: ".swiper-pagination",
// clickable: true,
// },
autoplay: {
delay: 13500,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#lead_country').select2();
});
</script>
<!-- <script>cookieLaw={dId:"cookie-law-div",bId:"cookie-law-button",iId:"cookie-law-item",show:function(e){if(localStorage.getItem(cookieLaw.iId))return!1;var o=document.createElement("div"),i=document.createElement("p"),t=document.createElement("button");i.innerHTML=e.msg,t.id=cookieLaw.bId,t.innerHTML=e.ok,o.id=cookieLaw.dId,o.appendChild(t),o.appendChild(i),document.body.insertBefore(o,document.body.lastChild),t.addEventListener("click",cookieLaw.hide,!1)},hide:function(){document.getElementById(cookieLaw.dId).outerHTML="",localStorage.setItem(cookieLaw.iId,"1")}},cookieLaw.show({msg:"We use cookies to give you the best possible experience. By continuing to visit our website, you agree to the use of cookies as described in our <a href='fff'>Cookie Policy</a>",ok:"sdfsdfsdf"});</script> -->
<script>
//Check if a URL has a trailing slash, if not, add one
$(document).ready(function () {
$('a').each(function () {
var href_val = $(this).attr('href');
var lastChar = href_val.slice(-1)
if ((href_val.slice(-1)) !== '/') {
//console.log(href_val," This link has last ",lastChar);
$(this).attr('href', href_val + '/');
}
});
});
</script>
<style>
@media (min-width: 991px) {
.custom_col_width {
width: 66.66666667% !important;
margin-left: 8.33333333%;
}
}
</style>
<script>
var swiper = new Swiper(".client_logo_slider", {
slidesPerView: 3,
spaceBetween: 30,
loop: true,
freeMode: true,
autoplay: {
delay: 3000,
},
breakpoints: {
480: {
slidesPerView: 4,
spaceBetween: 24,
},
768: {
slidesPerView: 4,
spaceBetween: 28,
},
980: {
slidesPerView: 4,
spaceBetween: 28,
}
}
});
var swiper = new Swiper(".abc", {
slidesPerView: 3,
spaceBetween: 30,
loop: true,
freeMode: true,
autoplay: {
delay: 3000,
},
breakpoints: {
480: {
slidesPerView: 4,
spaceBetween: 24,
},
768: {
slidesPerView: 4,
spaceBetween: 28,
},
980: {
slidesPerView: 6,
spaceBetween: 28,
}
}
});
</script>
<script>
var swiper = new Swiper('.swiper-work1', {
//spaceBetween: 30,
loop: true,
centeredSlides: true,
slidesPerView: 'auto',
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
stopOnLastSlide: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>
<script type="text/javascript">
function tabChange() {
var tabs = $('#whyus .nav-pills > li');
var active = $('#whyus .nav-pills > li').find('button.active');
var next = active.parent('li').next('li').find('button');
if (next.length === 0) {
next = $('#whyus .nav-pills > li').first().find('button').click();
} else {
next.click();
}
next.tab('show');
}
var tabCycle = setInterval(tabChange, 7500);
</script>
<div>
<div class="grecaptcha-badge" data-style="bottomright"
style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;">
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation"
name="a-hk7kcgnm3fq8" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
src="./Offshore Software Development Company - Imenso Software_files/anchor.html"></iframe></div>
<div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response"
class="g-recaptcha-response"
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"
src="./Offshore Software Development Company - Imenso Software_files/saved_resource(1).html"></iframe>
</div>
<div id="crx-root-main"><template shadowrootmode="open">
<link href="chrome-extension://iadokddofjgcgjpjlfhngclhpmaelnli/src/assets/styles.css" rel="stylesheet">
<div class="root" id="crx-root">
<div></div>
</div>
</template></div>
<div id="loom-companion-mv3" ext-id="liecbddmkiiihnedobmlmillhodjkdmb">
<section id="shadow-host-companion"><template shadowrootmode="open">
<div id="inner-shadow-companion">
<div class="css-0" id="tooltip-mount-layer-companion"></div>
<style data-emotion="companion-global"></style>
<style data-emotion="companion" data-s=""></style>
<style>
#inner-shadow-companion {
font-size: 100%;
}
#inner-shadow-companion {
font-family: circular, -apple-system, BlinkMacSystemFont, Segoe UI,
sans-serif;
color: var(--lns-color-body);
font-size: var(--lns-fontSize-medium);
line-height: var(--lns-lineHeight-medium);
;
font-feature-settings: 'ss08' on;
}
#inner-shadow-companion *,
#inner-shadow-companion *:before,
#inner-shadow-companion *:after {
box-sizing: border-box;
}
#inner-shadow-companion * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: calc(0.6px - 0.05em);
}
#inner-shadow-companion,
.theme-light,
[data-lens-theme="light"] {
--lns-color-primary: var(--lns-themeLight-color-primary);
--lns-color-primaryHover: var(--lns-themeLight-color-primaryHover);
--lns-color-primaryActive: var(--lns-themeLight-color-primaryActive);
--lns-color-body: var(--lns-themeLight-color-body);
--lns-color-bodyDimmed: var(--lns-themeLight-color-bodyDimmed);
--lns-color-background: var(--lns-themeLight-color-background);
--lns-color-backgroundHover: var(--lns-themeLight-color-backgroundHover);
--lns-color-backgroundActive: var(--lns-themeLight-color-backgroundActive);
--lns-color-backgroundSecondary: var(--lns-themeLight-color-backgroundSecondary);
--lns-color-backgroundSecondary2: var(--lns-themeLight-color-backgroundSecondary2);
--lns-color-overlay: var(--lns-themeLight-color-overlay);
--lns-color-border: var(--lns-themeLight-color-border);
--lns-color-focusRing: var(--lns-themeLight-color-focusRing);
--lns-color-record: var(--lns-themeLight-color-record);
--lns-color-recordHover: var(--lns-themeLight-color-recordHover);
--lns-color-recordActive: var(--lns-themeLight-color-recordActive);
--lns-color-info: var(--lns-themeLight-color-info);
--lns-color-success: var(--lns-themeLight-color-success);
--lns-color-warning: var(--lns-themeLight-color-warning);
--lns-color-danger: var(--lns-themeLight-color-danger);
--lns-color-dangerHover: var(--lns-themeLight-color-dangerHover);
--lns-color-dangerActive: var(--lns-themeLight-color-dangerActive);
--lns-color-backdrop: var(--lns-themeLight-color-backdrop);
--lns-color-backdropDark: var(--lns-themeLight-color-backdropDark);
--lns-color-backdropTwilight: var(--lns-themeLight-color-backdropTwilight);
--lns-color-disabledContent: var(--lns-themeLight-color-disabledContent);
--lns-color-highlight: var(--lns-themeLight-color-highlight);
--lns-color-disabledBackground: var(--lns-themeLight-color-disabledBackground);
--lns-color-formFieldBorder: var(--lns-themeLight-color-formFieldBorder);
--lns-color-formFieldBackground: var(--lns-themeLight-color-formFieldBackground);
--lns-color-buttonBorder: var(--lns-themeLight-color-buttonBorder);
--lns-color-upgrade: var(--lns-themeLight-color-upgrade);
--lns-color-upgradeHover: var(--lns-themeLight-color-upgradeHover);
--lns-color-upgradeActive: var(--lns-themeLight-color-upgradeActive);
--lns-color-tabBackground: var(--lns-themeLight-color-tabBackground);
--lns-color-discoveryBackground: var(--lns-themeLight-color-discoveryBackground);
--lns-color-discoveryLightBackground: var(--lns-themeLight-color-discoveryLightBackground);
--lns-color-discoveryTitle: var(--lns-themeLight-color-discoveryTitle);
--lns-color-discoveryHighlight: var(--lns-themeLight-color-discoveryHighlight);
}
.theme-dark,
[data-lens-theme="dark"] {
--lns-color-primary: var(--lns-themeDark-color-primary);
--lns-color-primaryHover: var(--lns-themeDark-color-primaryHover);
--lns-color-primaryActive: var(--lns-themeDark-color-primaryActive);
--lns-color-body: var(--lns-themeDark-color-body);
--lns-color-bodyDimmed: var(--lns-themeDark-color-bodyDimmed);
--lns-color-background: var(--lns-themeDark-color-background);
--lns-color-backgroundHover: var(--lns-themeDark-color-backgroundHover);
--lns-color-backgroundActive: var(--lns-themeDark-color-backgroundActive);
--lns-color-backgroundSecondary: var(--lns-themeDark-color-backgroundSecondary);
--lns-color-backgroundSecondary2: var(--lns-themeDark-color-backgroundSecondary2);
--lns-color-overlay: var(--lns-themeDark-color-overlay);
--lns-color-border: var(--lns-themeDark-color-border);
--lns-color-focusRing: var(--lns-themeDark-color-focusRing);
--lns-color-record: var(--lns-themeDark-color-record);
--lns-color-recordHover: var(--lns-themeDark-color-recordHover);
--lns-color-recordActive: var(--lns-themeDark-color-recordActive);
--lns-color-info: var(--lns-themeDark-color-info);
--lns-color-success: var(--lns-themeDark-color-success);
--lns-color-warning: var(--lns-themeDark-color-warning);
--lns-color-danger: var(--lns-themeDark-color-danger);
--lns-color-dangerHover: var(--lns-themeDark-color-dangerHover);
--lns-color-dangerActive: var(--lns-themeDark-color-dangerActive);
--lns-color-backdrop: var(--lns-themeDark-color-backdrop);
--lns-color-backdropDark: var(--lns-themeDark-color-backdropDark);
--lns-color-backdropTwilight: var(--lns-themeDark-color-backdropTwilight);
--lns-color-disabledContent: var(--lns-themeDark-color-disabledContent);
--lns-color-highlight: var(--lns-themeDark-color-highlight);
--lns-color-disabledBackground: var(--lns-themeDark-color-disabledBackground);
--lns-color-formFieldBorder: var(--lns-themeDark-color-formFieldBorder);
--lns-color-formFieldBackground: var(--lns-themeDark-color-formFieldBackground);
--lns-color-buttonBorder: var(--lns-themeDark-color-buttonBorder);
--lns-color-upgrade: var(--lns-themeDark-color-upgrade);
--lns-color-upgradeHover: var(--lns-themeDark-color-upgradeHover);
--lns-color-upgradeActive: var(--lns-themeDark-color-upgradeActive);
--lns-color-tabBackground: var(--lns-themeDark-color-tabBackground);
--lns-color-discoveryBackground: var(--lns-themeDark-color-discoveryBackground);
--lns-color-discoveryLightBackground: var(--lns-themeDark-color-discoveryLightBackground);
--lns-color-discoveryTitle: var(--lns-themeDark-color-discoveryTitle);
--lns-color-discoveryHighlight: var(--lns-themeDark-color-discoveryHighlight);
}
#inner-shadow-companion {
--lns-fontWeight-book: 400;
--lns-fontWeight-bold: 700;
--lns-unit: 0.5rem;
--lns-fontSize-small: calc(1.5 * var(--lns-unit, 8px));
--lns-lineHeight-small: 1.5;
--lns-fontSize-body-sm: calc(1.5 * var(--lns-unit, 8px));
--lns-lineHeight-body-sm: 1.5;
--lns-fontSize-medium: calc(1.75 * var(--lns-unit, 8px));
--lns-lineHeight-medium: 1.6;
--lns-fontSize-body-md: calc(1.75 * var(--lns-unit, 8px));
--lns-lineHeight-body-md: 1.6;
--lns-fontSize-large: calc(2.25 * var(--lns-unit, 8px));
--lns-lineHeight-large: 1.45;
--lns-fontSize-body-lg: calc(2.25 * var(--lns-unit, 8px));
--lns-lineHeight-body-lg: 1.45;
--lns-fontSize-xlarge: calc(3 * var(--lns-unit, 8px));
--lns-lineHeight-xlarge: 1.35;
--lns-fontSize-heading-sm: calc(3 * var(--lns-unit, 8px));
--lns-lineHeight-heading-sm: 1.35;
--lns-fontSize-xxlarge: calc(4 * var(--lns-unit, 8px));
--lns-lineHeight-xxlarge: 1.2;
--lns-fontSize-heading-md: calc(4 * var(--lns-unit, 8px));
--lns-lineHeight-heading-md: 1.2;
--lns-fontSize-xxxlarge: calc(6 * var(--lns-unit, 8px));
--lns-lineHeight-xxxlarge: 1.15;
--lns-fontSize-heading-lg: calc(6 * var(--lns-unit, 8px));
--lns-lineHeight-heading-lg: 1.15;
--lns-radius-medium: calc(1 * var(--lns-unit, 8px));
--lns-radius-large: calc(2 * var(--lns-unit, 8px));
--lns-radius-xlarge: calc(3 * var(--lns-unit, 8px));
--lns-radius-full: calc(999 * var(--lns-unit, 8px));
--lns-shadow-small: 0 calc(0.5 * var(--lns-unit, 8px)) calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.05);
--lns-shadow-medium: 0 calc(0.5 * var(--lns-unit, 8px)) calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1);
--lns-shadow-large: 0 calc(0.75 * var(--lns-unit, 8px)) calc(3 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1);
--lns-space-xsmall: calc(0.5 * var(--lns-unit, 8px));
--lns-space-small: calc(1 * var(--lns-unit, 8px));
--lns-space-medium: calc(2 * var(--lns-unit, 8px));
--lns-space-large: calc(3 * var(--lns-unit, 8px));
--lns-space-xlarge: calc(5 * var(--lns-unit, 8px));
--lns-space-xxlarge: calc(8 * var(--lns-unit, 8px));
--lns-formFieldBorderWidth: 1px;
--lns-formFieldBorderWidthFocus: 2px;
--lns-formFieldHeight: calc(4.5 * var(--lns-unit, 8px));
--lns-formFieldRadius: calc(2.25 * var(--lns-unit, 8px));
--lns-formFieldHorizontalPadding: calc(2 * var(--lns-unit, 8px));
--lns-formFieldBorderShadow:
inset 0 0 0 var(--lns-formFieldBorderWidth) var(--lns-color-formFieldBorder);
--lns-formFieldBorderShadowFocus:
inset 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-blurple),
0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-focusRing);
--lns-color-red: hsla(11, 80%, 45%, 1);
--lns-color-blurpleLight: hsla(240, 83.3%, 95.3%, 1);
--lns-color-blurpleMedium: hsla(242, 81%, 87.6%, 1);
--lns-color-blurple: hsla(242, 88.4%, 66.3%, 1);
--lns-color-blurpleDark: hsla(242, 87.6%, 62%, 1);
--lns-color-offWhite: hsla(45, 36.4%, 95.7%, 1);
--lns-color-blueLight: hsla(206, 58.3%, 85.9%, 1);
--lns-color-blue: hsla(206, 100%, 73.3%, 1);
--lns-color-blueDark: hsla(206, 29.5%, 33.9%, 1);
--lns-color-orangeLight: hsla(6, 100%, 89.6%, 1);
--lns-color-orange: hsla(11, 100%, 62.2%, 1);
--lns-color-orangeDark: hsla(11, 79.9%, 64.9%, 1);
--lns-color-tealLight: hsla(180, 20%, 67.6%, 1);
--lns-color-teal: hsla(180, 51.4%, 51.6%, 1);
--lns-color-tealDark: hsla(180, 16.2%, 22.9%, 1);
--lns-color-yellowLight: hsla(39, 100%, 87.8%, 1);
--lns-color-yellow: hsla(50, 100%, 57.3%, 1);
--lns-color-yellowDark: hsla(39, 100%, 68%, 1);
--lns-color-grey8: hsla(0, 0%, 13%, 1);
--lns-color-grey7: hsla(246, 16%, 26%, 1);
--lns-color-grey6: hsla(252, 13%, 46%, 1);
--lns-color-grey5: hsla(240, 7%, 62%, 1);
--lns-color-grey4: hsla(259, 12%, 75%, 1);
--lns-color-grey3: hsla(260, 11%, 85%, 1);
--lns-color-grey2: hsla(260, 11%, 95%, 1);
--lns-color-grey1: hsla(240, 7%, 97%, 1);
--lns-color-white: hsla(0, 0%, 100%, 1);
--lns-themeLight-color-primary: hsla(242, 88.4%, 66.3%, 1);
--lns-themeLight-color-primaryHover: hsla(242, 88.4%, 56.3%, 1);
--lns-themeLight-color-primaryActive: hsla(242, 88.4%, 45.3%, 1);
--lns-themeLight-color-body: hsla(0, 0%, 13%, 1);
--lns-themeLight-color-bodyDimmed: hsla(252, 13%, 46%, 1);
--lns-themeLight-color-background: hsla(0, 0%, 100%, 1);
--lns-themeLight-color-backgroundHover: hsla(246, 16%, 26%, 0.1);
--lns-themeLight-color-backgroundActive: hsla(246, 16%, 26%, 0.3);
--lns-themeLight-color-backgroundSecondary: hsla(246, 16%, 26%, 0.04);
--lns-themeLight-color-backgroundSecondary2: hsla(45, 34%, 78%, 0.2);
--lns-themeLight-color-overlay: hsla(0, 0%, 100%, 1);
--lns-themeLight-color-border: hsla(252, 13%, 46%, 0.2);
--lns-themeLight-color-focusRing: hsla(242, 88.4%, 66.3%, 0.5);
--lns-themeLight-color-record: hsla(11, 100%, 62.2%, 1);
--lns-themeLight-color-recordHover: hsla(11, 100%, 52.2%, 1);
--lns-themeLight-color-recordActive: hsla(11, 100%, 42.2%, 1);
--lns-themeLight-color-info: hsla(206, 100%, 73.3%, 1);
--lns-themeLight-color-success: hsla(180, 51.4%, 51.6%, 1);
--lns-themeLight-color-warning: hsla(39, 100%, 68%, 1);
--lns-themeLight-color-danger: hsla(11, 80%, 45%, 1);
--lns-themeLight-color-dangerHover: hsla(11, 80%, 38%, 1);
--lns-themeLight-color-dangerActive: hsla(11, 80%, 31%, 1);
--lns-themeLight-color-backdrop: hsla(0, 0%, 13%, 0.5);
--lns-themeLight-color-backdropDark: hsla(0, 0%, 13%, 0.9);
--lns-themeLight-color-backdropTwilight: hsla(245, 44.8%, 46.9%, 0.8);
--lns-themeLight-color-disabledContent: hsla(240, 7%, 62%, 1);
--lns-themeLight-color-highlight: hsla(240, 83.3%, 66.3%, 0.15);
--lns-themeLight-color-disabledBackground: hsla(260, 11%, 95%, 1);
--lns-themeLight-color-formFieldBorder: hsla(260, 11%, 85%, 1);
--lns-themeLight-color-formFieldBackground: hsla(0, 0%, 100%, 1);
--lns-themeLight-color-buttonBorder: hsla(252, 13%, 46%, 0.25);
--lns-themeLight-color-upgrade: hsla(206, 100%, 93%, 1);
--lns-themeLight-color-upgradeHover: hsla(206, 100%, 85%, 1);
--lns-themeLight-color-upgradeActive: hsla(206, 100%, 77%, 1);
--lns-themeLight-color-tabBackground: hsla(252, 13%, 46%, 0.15);
--lns-themeLight-color-discoveryBackground: hsla(206, 100%, 93%, 1);
--lns-themeLight-color-discoveryLightBackground: hsla(206, 100%, 97%, 1);
--lns-themeLight-color-discoveryTitle: hsla(0, 0%, 13%, 1);
--lns-themeLight-color-discoveryHighlight: hsla(206, 100%, 77%, 0.3);
--lns-themeDark-color-primary: hsla(242, 87%, 73%, 1);
--lns-themeDark-color-primaryHover: hsla(242, 88.4%, 56.3%, 1);
--lns-themeDark-color-primaryActive: hsla(242, 88.4%, 45.3%, 1);
--lns-themeDark-color-body: hsla(240, 7%, 97%, 1);
--lns-themeDark-color-bodyDimmed: hsla(240, 7%, 62%, 1);
--lns-themeDark-color-background: hsla(0, 0%, 13%, 1);
--lns-themeDark-color-backgroundHover: hsla(0, 0%, 100%, 0.1);
--lns-themeDark-color-backgroundActive: hsla(0, 0%, 100%, 0.2);
--lns-themeDark-color-backgroundSecondary: hsla(0, 0%, 100%, 0.04);
--lns-themeDark-color-backgroundSecondary2: hsla(45, 13%, 44%, 0.2);
--lns-themeDark-color-overlay: hsla(0, 0%, 20%, 1);
--lns-themeDark-color-border: hsla(259, 12%, 75%, 0.2);
--lns-themeDark-color-focusRing: hsla(242, 88.4%, 66.3%, 0.5);
--lns-themeDark-color-record: hsla(11, 100%, 62.2%, 1);
--lns-themeDark-color-recordHover: hsla(11, 100%, 52.2%, 1);
--lns-themeDark-color-recordActive: hsla(11, 100%, 42.2%, 1);
--lns-themeDark-color-info: hsla(206, 100%, 73.3%, 1);
--lns-themeDark-color-success: hsla(180, 51.4%, 51.6%, 1);
--lns-themeDark-color-warning: hsla(39, 100%, 68%, 1);
--lns-themeDark-color-danger: hsla(11, 80%, 45%, 1);
--lns-themeDark-color-dangerHover: hsla(11, 80%, 38%, 1);
--lns-themeDark-color-dangerActive: hsla(11, 80%, 31%, 1);
--lns-themeDark-color-backdrop: hsla(0, 0%, 13%, 0.5);
--lns-themeDark-color-backdropDark: hsla(0, 0%, 13%, 0.9);
--lns-themeDark-color-backdropTwilight: hsla(245, 44.8%, 46.9%, 0.8);
--lns-themeDark-color-disabledContent: hsla(240, 7%, 62%, 1);
--lns-themeDark-color-highlight: hsla(240, 83.3%, 66.3%, 0.15);
--lns-themeDark-color-disabledBackground: hsla(252, 13%, 23%, 1);
--lns-themeDark-color-formFieldBorder: hsla(252, 13%, 46%, 1);
--lns-themeDark-color-formFieldBackground: hsla(0, 0%, 13%, 1);
--lns-themeDark-color-buttonBorder: hsla(0, 0%, 100%, 0.25);
--lns-themeDark-color-upgrade: hsla(206, 92%, 81%, 1);
--lns-themeDark-color-upgradeHover: hsla(206, 92%, 74%, 1);
--lns-themeDark-color-upgradeActive: hsla(206, 92%, 67%, 1);
--lns-themeDark-color-tabBackground: hsla(0, 0%, 100%, 0.15);
--lns-themeDark-color-discoveryBackground: hsla(206, 92%, 81%, 1);
--lns-themeDark-color-discoveryLightBackground: hsla(0, 0%, 13%, 1);
--lns-themeDark-color-discoveryTitle: hsla(206, 100%, 73.3%, 1);
--lns-themeDark-color-discoveryHighlight: hsla(206, 100%, 77%, 0.3);
}
.c\:red {
color: var(--lns-color-red)
}
.c\:blurpleLight {
color: var(--lns-color-blurpleLight)
}
.c\:blurpleMedium {
color: var(--lns-color-blurpleMedium)
}
.c\:blurple {
color: var(--lns-color-blurple)
}
.c\:blurpleDark {
color: var(--lns-color-blurpleDark)
}
.c\:offWhite {
color: var(--lns-color-offWhite)
}
.c\:blueLight {
color: var(--lns-color-blueLight)
}
.c\:blue {
color: var(--lns-color-blue)
}
.c\:blueDark {
color: var(--lns-color-blueDark)
}
.c\:orangeLight {
color: var(--lns-color-orangeLight)
}
.c\:orange {
color: var(--lns-color-orange)
}
.c\:orangeDark {
color: var(--lns-color-orangeDark)
}
.c\:tealLight {
color: var(--lns-color-tealLight)
}
.c\:teal {
color: var(--lns-color-teal)
}
.c\:tealDark {
color: var(--lns-color-tealDark)
}
.c\:yellowLight {
color: var(--lns-color-yellowLight)
}
.c\:yellow {
color: var(--lns-color-yellow)
}
.c\:yellowDark {
color: var(--lns-color-yellowDark)
}
.c\:grey8 {
color: var(--lns-color-grey8)
}
.c\:grey7 {
color: var(--lns-color-grey7)
}
.c\:grey6 {
color: var(--lns-color-grey6)
}
.c\:grey5 {
color: var(--lns-color-grey5)
}
.c\:grey4 {
color: var(--lns-color-grey4)
}
.c\:grey3 {
color: var(--lns-color-grey3)
}
.c\:grey2 {
color: var(--lns-color-grey2)
}
.c\:grey1 {
color: var(--lns-color-grey1)
}
.c\:white {
color: var(--lns-color-white)
}
.c\:primary {
color: var(--lns-color-primary)
}
.c\:primaryHover {
color: var(--lns-color-primaryHover)
}
.c\:primaryActive {
color: var(--lns-color-primaryActive)
}
.c\:body {
color: var(--lns-color-body)
}
.c\:bodyDimmed {
color: var(--lns-color-bodyDimmed)
}
.c\:background {
color: var(--lns-color-background)
}
.c\:backgroundHover {
color: var(--lns-color-backgroundHover)
}
.c\:backgroundActive {
color: var(--lns-color-backgroundActive)
}
.c\:backgroundSecondary {
color: var(--lns-color-backgroundSecondary)
}
.c\:backgroundSecondary2 {
color: var(--lns-color-backgroundSecondary2)
}
.c\:overlay {
color: var(--lns-color-overlay)
}
.c\:border {
color: var(--lns-color-border)
}
.c\:focusRing {
color: var(--lns-color-focusRing)
}
.c\:record {
color: var(--lns-color-record)
}
.c\:recordHover {
color: var(--lns-color-recordHover)
}
.c\:recordActive {
color: var(--lns-color-recordActive)
}
.c\:info {
color: var(--lns-color-info)
}
.c\:success {
color: var(--lns-color-success)
}
.c\:warning {
color: var(--lns-color-warning)
}
.c\:danger {
color: var(--lns-color-danger)
}
.c\:dangerHover {
color: var(--lns-color-dangerHover)
}
.c\:dangerActive {
color: var(--lns-color-dangerActive)
}
.c\:backdrop {
color: var(--lns-color-backdrop)
}
.c\:backdropDark {
color: var(--lns-color-backdropDark)
}
.c\:backdropTwilight {
color: var(--lns-color-backdropTwilight)
}
.c\:disabledContent {
color: var(--lns-color-disabledContent)
}
.c\:highlight {
color: var(--lns-color-highlight)
}
.c\:disabledBackground {
color: var(--lns-color-disabledBackground)
}
.c\:formFieldBorder {
color: var(--lns-color-formFieldBorder)
}
.c\:formFieldBackground {
color: var(--lns-color-formFieldBackground)
}
.c\:buttonBorder {
color: var(--lns-color-buttonBorder)
}
.c\:upgrade {
color: var(--lns-color-upgrade)
}
.c\:upgradeHover {
color: var(--lns-color-upgradeHover)
}
.c\:upgradeActive {
color: var(--lns-color-upgradeActive)
}
.c\:tabBackground {
color: var(--lns-color-tabBackground)
}
.c\:discoveryBackground {
color: var(--lns-color-discoveryBackground)
}
.c\:discoveryLightBackground {
color: var(--lns-color-discoveryLightBackground)
}
.c\:discoveryTitle {
color: var(--lns-color-discoveryTitle)
}
.c\:discoveryHighlight {
color: var(--lns-color-discoveryHighlight)
}
.shadow\:small {
box-shadow: var(--lns-shadow-small)
}
.shadow\:medium {
box-shadow: var(--lns-shadow-medium)
}
.shadow\:large {
box-shadow: var(--lns-shadow-large)
}
.radius\:medium {
border-radius: var(--lns-radius-medium)
}
.radius\:large {
border-radius: var(--lns-radius-large)
}
.radius\:xlarge {
border-radius: var(--lns-radius-xlarge)
}
.radius\:full {
border-radius: var(--lns-radius-full)
}
.bgc\:red {
background-color: var(--lns-color-red)
}
.bgc\:blurpleLight {
background-color: var(--lns-color-blurpleLight)
}
.bgc\:blurpleMedium {
background-color: var(--lns-color-blurpleMedium)
}
.bgc\:blurple {
background-color: var(--lns-color-blurple)
}
.bgc\:blurpleDark {
background-color: var(--lns-color-blurpleDark)
}
.bgc\:offWhite {
background-color: var(--lns-color-offWhite)
}
.bgc\:blueLight {
background-color: var(--lns-color-blueLight)
}
.bgc\:blue {
background-color: var(--lns-color-blue)
}
.bgc\:blueDark {
background-color: var(--lns-color-blueDark)
}
.bgc\:orangeLight {
background-color: var(--lns-color-orangeLight)
}
.bgc\:orange {
background-color: var(--lns-color-orange)
}
.bgc\:orangeDark {
background-color: var(--lns-color-orangeDark)
}
.bgc\:tealLight {
background-color: var(--lns-color-tealLight)
}
.bgc\:teal {
background-color: var(--lns-color-teal)
}
.bgc\:tealDark {
background-color: var(--lns-color-tealDark)
}
.bgc\:yellowLight {
background-color: var(--lns-color-yellowLight)
}
.bgc\:yellow {
background-color: var(--lns-color-yellow)
}
.bgc\:yellowDark {
background-color: var(--lns-color-yellowDark)
}
.bgc\:grey8 {
background-color: var(--lns-color-grey8)
}
.bgc\:grey7 {
background-color: var(--lns-color-grey7)
}
.bgc\:grey6 {
background-color: var(--lns-color-grey6)
}
.bgc\:grey5 {
background-color: var(--lns-color-grey5)
}
.bgc\:grey4 {
background-color: var(--lns-color-grey4)
}
.bgc\:grey3 {
background-color: var(--lns-color-grey3)
}
.bgc\:grey2 {
background-color: var(--lns-color-grey2)
}
.bgc\:grey1 {
background-color: var(--lns-color-grey1)
}
.bgc\:white {
background-color: var(--lns-color-white)
}
.bgc\:primary {
background-color: var(--lns-color-primary)
}
.bgc\:primaryHover {
background-color: var(--lns-color-primaryHover)
}
.bgc\:primaryActive {
background-color: var(--lns-color-primaryActive)
}
.bgc\:body {
background-color: var(--lns-color-body)
}
.bgc\:bodyDimmed {
background-color: var(--lns-color-bodyDimmed)
}
.bgc\:background {
background-color: var(--lns-color-background)
}
.bgc\:backgroundHover {
background-color: var(--lns-color-backgroundHover)
}
.bgc\:backgroundActive {
background-color: var(--lns-color-backgroundActive)
}
.bgc\:backgroundSecondary {
background-color: var(--lns-color-backgroundSecondary)
}
.bgc\:backgroundSecondary2 {
background-color: var(--lns-color-backgroundSecondary2)
}
.bgc\:overlay {
background-color: var(--lns-color-overlay)
}
.bgc\:border {
background-color: var(--lns-color-border)
}
.bgc\:focusRing {
background-color: var(--lns-color-focusRing)
}
.bgc\:record {
background-color: var(--lns-color-record)
}
.bgc\:recordHover {
background-color: var(--lns-color-recordHover)
}
.bgc\:recordActive {
background-color: var(--lns-color-recordActive)
}
.bgc\:info {
background-color: var(--lns-color-info)
}
.bgc\:success {
background-color: var(--lns-color-success)
}
.bgc\:warning {
background-color: var(--lns-color-warning)
}
.bgc\:danger {
background-color: var(--lns-color-danger)
}
.bgc\:dangerHover {
background-color: var(--lns-color-dangerHover)
}
.bgc\:dangerActive {
background-color: var(--lns-color-dangerActive)
}
.bgc\:backdrop {
background-color: var(--lns-color-backdrop)
}
.bgc\:backdropDark {
background-color: var(--lns-color-backdropDark)
}
.bgc\:backdropTwilight {
background-color: var(--lns-color-backdropTwilight)
}
.bgc\:disabledContent {
background-color: var(--lns-color-disabledContent)
}
.bgc\:highlight {
background-color: var(--lns-color-highlight)
}
.bgc\:disabledBackground {
background-color: var(--lns-color-disabledBackground)
}
.bgc\:formFieldBorder {
background-color: var(--lns-color-formFieldBorder)
}
.bgc\:formFieldBackground {
background-color: var(--lns-color-formFieldBackground)
}
.bgc\:buttonBorder {
background-color: var(--lns-color-buttonBorder)
}
.bgc\:upgrade {
background-color: var(--lns-color-upgrade)
}
.bgc\:upgradeHover {
background-color: var(--lns-color-upgradeHover)
}
.bgc\:upgradeActive {
background-color: var(--lns-color-upgradeActive)
}
.bgc\:tabBackground {
background-color: var(--lns-color-tabBackground)
}
.bgc\:discoveryBackground {
background-color: var(--lns-color-discoveryBackground)
}
.bgc\:discoveryLightBackground {
background-color: var(--lns-color-discoveryLightBackground)
}
.bgc\:discoveryTitle {
background-color: var(--lns-color-discoveryTitle)
}
.bgc\:discoveryHighlight {
background-color: var(--lns-color-discoveryHighlight)
}
.m\:0 {
margin: 0
}
.m\:auto {
margin: auto
}
.m\:xsmall {
margin: var(--lns-space-xsmall)
}
.m\:small {
margin: var(--lns-space-small)
}
.m\:medium {
margin: var(--lns-space-medium)
}
.m\:large {
margin: var(--lns-space-large)
}
.m\:xlarge {
margin: var(--lns-space-xlarge)
}
.m\:xxlarge {
margin: var(--lns-space-xxlarge)
}
.mt\:0 {
margin-top: 0
}
.mt\:auto {
margin-top: auto
}
.mt\:xsmall {
margin-top: var(--lns-space-xsmall)
}
.mt\:small {
margin-top: var(--lns-space-small)
}
.mt\:medium {
margin-top: var(--lns-space-medium)
}
.mt\:large {
margin-top: var(--lns-space-large)
}
.mt\:xlarge {
margin-top: var(--lns-space-xlarge)
}
.mt\:xxlarge {
margin-top: var(--lns-space-xxlarge)
}
.mb\:0 {
margin-bottom: 0
}
.mb\:auto {
margin-bottom: auto
}
.mb\:xsmall {
margin-bottom: var(--lns-space-xsmall)
}
.mb\:small {
margin-bottom: var(--lns-space-small)
}
.mb\:medium {
margin-bottom: var(--lns-space-medium)
}
.mb\:large {
margin-bottom: var(--lns-space-large)
}
.mb\:xlarge {
margin-bottom: var(--lns-space-xlarge)
}
.mb\:xxlarge {
margin-bottom: var(--lns-space-xxlarge)
}
.ml\:0 {
margin-left: 0
}
.ml\:auto {
margin-left: auto
}
.ml\:xsmall {
margin-left: var(--lns-space-xsmall)
}
.ml\:small {
margin-left: var(--lns-space-small)
}
.ml\:medium {
margin-left: var(--lns-space-medium)
}
.ml\:large {
margin-left: var(--lns-space-large)
}
.ml\:xlarge {
margin-left: var(--lns-space-xlarge)
}
.ml\:xxlarge {
margin-left: var(--lns-space-xxlarge)
}
.mr\:0 {
margin-right: 0
}
.mr\:auto {
margin-right: auto
}
.mr\:xsmall {
margin-right: var(--lns-space-xsmall)
}
.mr\:small {
margin-right: var(--lns-space-small)
}
.mr\:medium {
margin-right: var(--lns-space-medium)
}
.mr\:large {
margin-right: var(--lns-space-large)
}
.mr\:xlarge {
margin-right: var(--lns-space-xlarge)
}
.mr\:xxlarge {
margin-right: var(--lns-space-xxlarge)
}
.mx\:0 {
margin-left: 0;
margin-right: 0
}
.mx\:auto {
margin-left: auto;
margin-right: auto
}
.mx\:xsmall {
margin-left: var(--lns-space-xsmall);
margin-right: var(--lns-space-xsmall)
}
.mx\:small {
margin-left: var(--lns-space-small);
margin-right: var(--lns-space-small)
}
.mx\:medium {
margin-left: var(--lns-space-medium);
margin-right: var(--lns-space-medium)
}
.mx\:large {
margin-left: var(--lns-space-large);
margin-right: var(--lns-space-large)
}
.mx\:xlarge {
margin-left: var(--lns-space-xlarge);
margin-right: var(--lns-space-xlarge)
}
.mx\:xxlarge {
margin-left: var(--lns-space-xxlarge);
margin-right: var(--lns-space-xxlarge)
}
.my\:0 {
margin-top: 0;
margin-bottom: 0
}
.my\:auto {
margin-top: auto;
margin-bottom: auto
}
.my\:xsmall {
margin-top: var(--lns-space-xsmall);
margin-bottom: var(--lns-space-xsmall)
}
.my\:small {
margin-top: var(--lns-space-small);
margin-bottom: var(--lns-space-small)
}
.my\:medium {
margin-top: var(--lns-space-medium);
margin-bottom: var(--lns-space-medium)
}
.my\:large {
margin-top: var(--lns-space-large);
margin-bottom: var(--lns-space-large)
}
.my\:xlarge {
margin-top: var(--lns-space-xlarge);
margin-bottom: var(--lns-space-xlarge)
}
.my\:xxlarge {
margin-top: var(--lns-space-xxlarge);
margin-bottom: var(--lns-space-xxlarge)
}
.p\:0 {
padding: 0
}
.p\:xsmall {
padding: var(--lns-space-xsmall)
}
.p\:small {
padding: var(--lns-space-small)
}
.p\:medium {
padding: var(--lns-space-medium)
}
.p\:large {
padding: var(--lns-space-large)
}
.p\:xlarge {
padding: var(--lns-space-xlarge)
}
.p\:xxlarge {
padding: var(--lns-space-xxlarge)
}
.pt\:0 {
padding-top: 0
}
.pt\:xsmall {
padding-top: var(--lns-space-xsmall)
}
.pt\:small {
padding-top: var(--lns-space-small)
}
.pt\:medium {
padding-top: var(--lns-space-medium)
}
.pt\:large {
padding-top: var(--lns-space-large)
}
.pt\:xlarge {
padding-top: var(--lns-space-xlarge)
}
.pt\:xxlarge {
padding-top: var(--lns-space-xxlarge)
}
.pb\:0 {
padding-bottom: 0
}
.pb\:xsmall {
padding-bottom: var(--lns-space-xsmall)
}
.pb\:small {
padding-bottom: var(--lns-space-small)
}
.pb\:medium {
padding-bottom: var(--lns-space-medium)
}
.pb\:large {
padding-bottom: var(--lns-space-large)
}
.pb\:xlarge {
padding-bottom: var(--lns-space-xlarge)
}
.pb\:xxlarge {
padding-bottom: var(--lns-space-xxlarge)
}
.pl\:0 {
padding-left: 0
}
.pl\:xsmall {
padding-left: var(--lns-space-xsmall)
}
.pl\:small {
padding-left: var(--lns-space-small)
}
.pl\:medium {
padding-left: var(--lns-space-medium)
}
.pl\:large {
padding-left: var(--lns-space-large)
}
.pl\:xlarge {
padding-left: var(--lns-space-xlarge)
}
.pl\:xxlarge {
padding-left: var(--lns-space-xxlarge)
}
.pr\:0 {
padding-right: 0
}
.pr\:xsmall {
padding-right: var(--lns-space-xsmall)
}
.pr\:small {
padding-right: var(--lns-space-small)
}
.pr\:medium {
padding-right: var(--lns-space-medium)
}
.pr\:large {
padding-right: var(--lns-space-large)
}
.pr\:xlarge {
padding-right: var(--lns-space-xlarge)
}
.pr\:xxlarge {
padding-right: var(--lns-space-xxlarge)
}
.px\:0 {
padding-left: 0;
padding-right: 0
}
.px\:xsmall {
padding-left: var(--lns-space-xsmall);
padding-right: var(--lns-space-xsmall)
}
.px\:small {
padding-left: var(--lns-space-small);
padding-right: var(--lns-space-small)
}
.px\:medium {
padding-left: var(--lns-space-medium);
padding-right: var(--lns-space-medium)
}
.px\:large {
padding-left: var(--lns-space-large);
padding-right: var(--lns-space-large)
}
.px\:xlarge {
padding-left: var(--lns-space-xlarge);
padding-right: var(--lns-space-xlarge)
}
.px\:xxlarge {
padding-left: var(--lns-space-xxlarge);
padding-right: var(--lns-space-xxlarge)
}
.py\:0 {
padding-top: 0;
padding-bottom: 0
}
.py\:xsmall {
padding-top: var(--lns-space-xsmall);
padding-bottom: var(--lns-space-xsmall)
}
.py\:small {
padding-top: var(--lns-space-small);
padding-bottom: var(--lns-space-small)
}
.py\:medium {
padding-top: var(--lns-space-medium);
padding-bottom: var(--lns-space-medium)
}
.py\:large {
padding-top: var(--lns-space-large);
padding-bottom: var(--lns-space-large)
}
.py\:xlarge {
padding-top: var(--lns-space-xlarge);
padding-bottom: var(--lns-space-xlarge)
}
.py\:xxlarge {
padding-top: var(--lns-space-xxlarge);
padding-bottom: var(--lns-space-xxlarge)
}
.text\:small {
font-size: var(--lns-fontSize-small);
line-height: var(--lns-lineHeight-small)
}
.text\:body-sm {
font-size: var(--lns-fontSize-body-sm);
line-height: var(--lns-lineHeight-body-sm)
}
.text\:medium {
font-size: var(--lns-fontSize-medium);
line-height: var(--lns-lineHeight-medium)
}
.text\:body-md {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md)
}
.text\:large {
font-size: var(--lns-fontSize-large);
line-height: var(--lns-lineHeight-large)
}
.text\:body-lg {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg)
}
.text\:xlarge {
font-size: var(--lns-fontSize-xlarge);
line-height: var(--lns-lineHeight-xlarge)
}
.text\:heading-sm {
font-size: var(--lns-fontSize-heading-sm);
line-height: var(--lns-lineHeight-heading-sm)
}
.text\:xxlarge {
font-size: var(--lns-fontSize-xxlarge);
line-height: var(--lns-lineHeight-xxlarge)
}
.text\:heading-md {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md)
}
.text\:xxxlarge {
font-size: var(--lns-fontSize-xxxlarge);
line-height: var(--lns-lineHeight-xxxlarge)
}
.text\:heading-lg {
font-size: var(--lns-fontSize-heading-lg);
line-height: var(--lns-lineHeight-heading-lg)
}
.weight\:book {
font-weight: var(--lns-fontWeight-book)
}
.weight\:bold {
font-weight: var(--lns-fontWeight-bold)
}
.text\:body {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md);
font-weight: var(--lns-fontWeight-book)
}
.text\:title {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg);
font-weight: var(--lns-fontWeight-bold)
}
.text\:mainTitle {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md);
font-weight: var(--lns-fontWeight-bold)
}
.text\:left {
text-align: left
}
.text\:right {
text-align: right
}
.text\:center {
text-align: center
}
.border {
border: 1px solid var(--lns-color-border)
}
.borderTop {
border-top: 1px solid var(--lns-color-border)
}
.borderBottom {
border-bottom: 1px solid var(--lns-color-border)
}
.borderLeft {
border-left: 1px solid var(--lns-color-border)
}
.borderRight {
border-right: 1px solid var(--lns-color-border)
}
.inline {
display: inline
}
.block {
display: block
}
.flex {
display: flex
}
.inlineBlock {
display: inline-block
}
.inlineFlex {
display: inline-flex
}
.none {
display: none
}
.flexWrap {
flex-wrap: wrap
}
.flexDirection\:column {
flex-direction: column
}
.flexDirection\:row {
flex-direction: row
}
.items\:stretch {
align-items: stretch
}
.items\:center {
align-items: center
}
.items\:baseline {
align-items: baseline
}
.items\:flexStart {
align-items: flex-start
}
.items\:flexEnd {
align-items: flex-end
}
.items\:selfStart {
align-items: self-start
}
.items\:selfEnd {
align-items: self-end
}
.justify\:flexStart {
justify-content: flex-start
}
.justify\:flexEnd {
justify-content: flex-end
}
.justify\:center {
justify-content: center
}
.justify\:spaceBetween {
justify-content: space-between
}
.justify\:spaceAround {
justify-content: space-around
}
.justify\:spaceEvenly {
justify-content: space-evenly
}
.grow\:0 {
flex-grow: 0
}
.grow\:1 {
flex-grow: 1
}
.shrink\:0 {
flex-shrink: 0
}
.shrink\:1 {
flex-shrink: 1
}
.self\:auto {
align-self: auto
}
.self\:flexStart {
align-self: flex-start
}
.self\:flexEnd {
align-self: flex-end
}
.self\:center {
align-self: center
}
.self\:baseline {
align-self: baseline
}
.self\:stretch {
align-self: stretch
}
.overflow\:hidden {
overflow: hidden
}
.overflow\:auto {
overflow: auto
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.sticky {
position: sticky
}
.fixed {
position: fixed
}
.top\:0 {
top: 0
}
.top\:auto {
top: auto
}
.top\:xsmall {
top: var(--lns-space-xsmall)
}
.top\:small {
top: var(--lns-space-small)
}
.top\:medium {
top: var(--lns-space-medium)
}
.top\:large {
top: var(--lns-space-large)
}
.top\:xlarge {
top: var(--lns-space-xlarge)
}
.top\:xxlarge {
top: var(--lns-space-xxlarge)
}
.bottom\:0 {
bottom: 0
}
.bottom\:auto {
bottom: auto
}
.bottom\:xsmall {
bottom: var(--lns-space-xsmall)
}
.bottom\:small {
bottom: var(--lns-space-small)
}
.bottom\:medium {
bottom: var(--lns-space-medium)
}
.bottom\:large {
bottom: var(--lns-space-large)
}
.bottom\:xlarge {
bottom: var(--lns-space-xlarge)
}
.bottom\:xxlarge {
bottom: var(--lns-space-xxlarge)
}
.left\:0 {
left: 0
}
.left\:auto {
left: auto
}
.left\:xsmall {
left: var(--lns-space-xsmall)
}
.left\:small {
left: var(--lns-space-small)
}
.left\:medium {
left: var(--lns-space-medium)
}
.left\:large {
left: var(--lns-space-large)
}
.left\:xlarge {
left: var(--lns-space-xlarge)
}
.left\:xxlarge {
left: var(--lns-space-xxlarge)
}
.right\:0 {
right: 0
}
.right\:auto {
right: auto
}
.right\:xsmall {
right: var(--lns-space-xsmall)
}
.right\:small {
right: var(--lns-space-small)
}
.right\:medium {
right: var(--lns-space-medium)
}
.right\:large {
right: var(--lns-space-large)
}
.right\:xlarge {
right: var(--lns-space-xlarge)
}
.right\:xxlarge {
right: var(--lns-space-xxlarge)
}
.width\:auto {
width: auto
}
.width\:full {
width: 100%
}
.width\:0 {
width: 0
}
.minWidth\:0 {
min-width: 0
}
.height\:auto {
height: auto
}
.height\:full {
height: 100%
}
.height\:0 {
height: 0
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.srOnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
@media(min-width:31em) {
.xs-c\:red {
color: var(--lns-color-red)
}
.xs-c\:blurpleLight {
color: var(--lns-color-blurpleLight)
}
.xs-c\:blurpleMedium {
color: var(--lns-color-blurpleMedium)
}
.xs-c\:blurple {
color: var(--lns-color-blurple)
}
.xs-c\:blurpleDark {
color: var(--lns-color-blurpleDark)
}
.xs-c\:offWhite {
color: var(--lns-color-offWhite)
}
.xs-c\:blueLight {
color: var(--lns-color-blueLight)
}
.xs-c\:blue {
color: var(--lns-color-blue)
}
.xs-c\:blueDark {
color: var(--lns-color-blueDark)
}
.xs-c\:orangeLight {
color: var(--lns-color-orangeLight)
}
.xs-c\:orange {
color: var(--lns-color-orange)
}
.xs-c\:orangeDark {
color: var(--lns-color-orangeDark)
}
.xs-c\:tealLight {
color: var(--lns-color-tealLight)
}
.xs-c\:teal {
color: var(--lns-color-teal)
}
.xs-c\:tealDark {
color: var(--lns-color-tealDark)
}
.xs-c\:yellowLight {
color: var(--lns-color-yellowLight)
}
.xs-c\:yellow {
color: var(--lns-color-yellow)
}
.xs-c\:yellowDark {
color: var(--lns-color-yellowDark)
}
.xs-c\:grey8 {
color: var(--lns-color-grey8)
}
.xs-c\:grey7 {
color: var(--lns-color-grey7)
}
.xs-c\:grey6 {
color: var(--lns-color-grey6)
}
.xs-c\:grey5 {
color: var(--lns-color-grey5)
}
.xs-c\:grey4 {
color: var(--lns-color-grey4)
}
.xs-c\:grey3 {
color: var(--lns-color-grey3)
}
.xs-c\:grey2 {
color: var(--lns-color-grey2)
}
.xs-c\:grey1 {
color: var(--lns-color-grey1)
}
.xs-c\:white {
color: var(--lns-color-white)
}
.xs-c\:primary {
color: var(--lns-color-primary)
}
.xs-c\:primaryHover {
color: var(--lns-color-primaryHover)
}
.xs-c\:primaryActive {
color: var(--lns-color-primaryActive)
}
.xs-c\:body {
color: var(--lns-color-body)
}
.xs-c\:bodyDimmed {
color: var(--lns-color-bodyDimmed)
}
.xs-c\:background {
color: var(--lns-color-background)
}
.xs-c\:backgroundHover {
color: var(--lns-color-backgroundHover)
}
.xs-c\:backgroundActive {
color: var(--lns-color-backgroundActive)
}
.xs-c\:backgroundSecondary {
color: var(--lns-color-backgroundSecondary)
}
.xs-c\:backgroundSecondary2 {
color: var(--lns-color-backgroundSecondary2)
}
.xs-c\:overlay {
color: var(--lns-color-overlay)
}
.xs-c\:border {
color: var(--lns-color-border)
}
.xs-c\:focusRing {
color: var(--lns-color-focusRing)
}
.xs-c\:record {
color: var(--lns-color-record)
}
.xs-c\:recordHover {
color: var(--lns-color-recordHover)
}
.xs-c\:recordActive {
color: var(--lns-color-recordActive)
}
.xs-c\:info {
color: var(--lns-color-info)
}
.xs-c\:success {
color: var(--lns-color-success)
}
.xs-c\:warning {
color: var(--lns-color-warning)
}
.xs-c\:danger {
color: var(--lns-color-danger)
}
.xs-c\:dangerHover {
color: var(--lns-color-dangerHover)
}
.xs-c\:dangerActive {
color: var(--lns-color-dangerActive)
}
.xs-c\:backdrop {
color: var(--lns-color-backdrop)
}
.xs-c\:backdropDark {
color: var(--lns-color-backdropDark)
}
.xs-c\:backdropTwilight {
color: var(--lns-color-backdropTwilight)
}
.xs-c\:disabledContent {
color: var(--lns-color-disabledContent)
}
.xs-c\:highlight {
color: var(--lns-color-highlight)
}
.xs-c\:disabledBackground {
color: var(--lns-color-disabledBackground)
}
.xs-c\:formFieldBorder {
color: var(--lns-color-formFieldBorder)
}
.xs-c\:formFieldBackground {
color: var(--lns-color-formFieldBackground)
}
.xs-c\:buttonBorder {
color: var(--lns-color-buttonBorder)
}
.xs-c\:upgrade {
color: var(--lns-color-upgrade)
}
.xs-c\:upgradeHover {
color: var(--lns-color-upgradeHover)
}
.xs-c\:upgradeActive {
color: var(--lns-color-upgradeActive)
}
.xs-c\:tabBackground {
color: var(--lns-color-tabBackground)
}
.xs-c\:discoveryBackground {
color: var(--lns-color-discoveryBackground)
}
.xs-c\:discoveryLightBackground {
color: var(--lns-color-discoveryLightBackground)
}
.xs-c\:discoveryTitle {
color: var(--lns-color-discoveryTitle)
}
.xs-c\:discoveryHighlight {
color: var(--lns-color-discoveryHighlight)
}
.xs-shadow\:small {
box-shadow: var(--lns-shadow-small)
}
.xs-shadow\:medium {
box-shadow: var(--lns-shadow-medium)
}
.xs-shadow\:large {
box-shadow: var(--lns-shadow-large)
}
.xs-radius\:medium {
border-radius: var(--lns-radius-medium)
}
.xs-radius\:large {
border-radius: var(--lns-radius-large)
}
.xs-radius\:xlarge {
border-radius: var(--lns-radius-xlarge)
}
.xs-radius\:full {
border-radius: var(--lns-radius-full)
}
.xs-bgc\:red {
background-color: var(--lns-color-red)
}
.xs-bgc\:blurpleLight {
background-color: var(--lns-color-blurpleLight)
}
.xs-bgc\:blurpleMedium {
background-color: var(--lns-color-blurpleMedium)
}
.xs-bgc\:blurple {
background-color: var(--lns-color-blurple)
}
.xs-bgc\:blurpleDark {
background-color: var(--lns-color-blurpleDark)
}
.xs-bgc\:offWhite {
background-color: var(--lns-color-offWhite)
}
.xs-bgc\:blueLight {
background-color: var(--lns-color-blueLight)
}
.xs-bgc\:blue {
background-color: var(--lns-color-blue)
}
.xs-bgc\:blueDark {
background-color: var(--lns-color-blueDark)
}
.xs-bgc\:orangeLight {
background-color: var(--lns-color-orangeLight)
}
.xs-bgc\:orange {
background-color: var(--lns-color-orange)
}
.xs-bgc\:orangeDark {
background-color: var(--lns-color-orangeDark)
}
.xs-bgc\:tealLight {
background-color: var(--lns-color-tealLight)
}
.xs-bgc\:teal {
background-color: var(--lns-color-teal)
}
.xs-bgc\:tealDark {
background-color: var(--lns-color-tealDark)
}
.xs-bgc\:yellowLight {
background-color: var(--lns-color-yellowLight)
}
.xs-bgc\:yellow {
background-color: var(--lns-color-yellow)
}
.xs-bgc\:yellowDark {
background-color: var(--lns-color-yellowDark)
}
.xs-bgc\:grey8 {
background-color: var(--lns-color-grey8)
}
.xs-bgc\:grey7 {
background-color: var(--lns-color-grey7)
}
.xs-bgc\:grey6 {
background-color: var(--lns-color-grey6)
}
.xs-bgc\:grey5 {
background-color: var(--lns-color-grey5)
}
.xs-bgc\:grey4 {
background-color: var(--lns-color-grey4)
}
.xs-bgc\:grey3 {
background-color: var(--lns-color-grey3)
}
.xs-bgc\:grey2 {
background-color: var(--lns-color-grey2)
}
.xs-bgc\:grey1 {
background-color: var(--lns-color-grey1)
}
.xs-bgc\:white {
background-color: var(--lns-color-white)
}
.xs-bgc\:primary {
background-color: var(--lns-color-primary)
}
.xs-bgc\:primaryHover {
background-color: var(--lns-color-primaryHover)
}
.xs-bgc\:primaryActive {
background-color: var(--lns-color-primaryActive)
}
.xs-bgc\:body {
background-color: var(--lns-color-body)
}
.xs-bgc\:bodyDimmed {
background-color: var(--lns-color-bodyDimmed)
}
.xs-bgc\:background {
background-color: var(--lns-color-background)
}
.xs-bgc\:backgroundHover {
background-color: var(--lns-color-backgroundHover)
}
.xs-bgc\:backgroundActive {
background-color: var(--lns-color-backgroundActive)
}
.xs-bgc\:backgroundSecondary {
background-color: var(--lns-color-backgroundSecondary)
}
.xs-bgc\:backgroundSecondary2 {
background-color: var(--lns-color-backgroundSecondary2)
}
.xs-bgc\:overlay {
background-color: var(--lns-color-overlay)
}
.xs-bgc\:border {
background-color: var(--lns-color-border)
}
.xs-bgc\:focusRing {
background-color: var(--lns-color-focusRing)
}
.xs-bgc\:record {
background-color: var(--lns-color-record)
}
.xs-bgc\:recordHover {
background-color: var(--lns-color-recordHover)
}
.xs-bgc\:recordActive {
background-color: var(--lns-color-recordActive)
}
.xs-bgc\:info {
background-color: var(--lns-color-info)
}
.xs-bgc\:success {
background-color: var(--lns-color-success)
}
.xs-bgc\:warning {
background-color: var(--lns-color-warning)
}
.xs-bgc\:danger {
background-color: var(--lns-color-danger)
}
.xs-bgc\:dangerHover {
background-color: var(--lns-color-dangerHover)
}
.xs-bgc\:dangerActive {
background-color: var(--lns-color-dangerActive)
}
.xs-bgc\:backdrop {
background-color: var(--lns-color-backdrop)
}
.xs-bgc\:backdropDark {
background-color: var(--lns-color-backdropDark)
}
.xs-bgc\:backdropTwilight {
background-color: var(--lns-color-backdropTwilight)
}
.xs-bgc\:disabledContent {
background-color: var(--lns-color-disabledContent)
}
.xs-bgc\:highlight {
background-color: var(--lns-color-highlight)
}
.xs-bgc\:disabledBackground {
background-color: var(--lns-color-disabledBackground)
}
.xs-bgc\:formFieldBorder {
background-color: var(--lns-color-formFieldBorder)
}
.xs-bgc\:formFieldBackground {
background-color: var(--lns-color-formFieldBackground)
}
.xs-bgc\:buttonBorder {
background-color: var(--lns-color-buttonBorder)
}
.xs-bgc\:upgrade {
background-color: var(--lns-color-upgrade)
}
.xs-bgc\:upgradeHover {
background-color: var(--lns-color-upgradeHover)
}
.xs-bgc\:upgradeActive {
background-color: var(--lns-color-upgradeActive)
}
.xs-bgc\:tabBackground {
background-color: var(--lns-color-tabBackground)
}
.xs-bgc\:discoveryBackground {
background-color: var(--lns-color-discoveryBackground)
}
.xs-bgc\:discoveryLightBackground {
background-color: var(--lns-color-discoveryLightBackground)
}
.xs-bgc\:discoveryTitle {
background-color: var(--lns-color-discoveryTitle)
}
.xs-bgc\:discoveryHighlight {
background-color: var(--lns-color-discoveryHighlight)
}
.xs-m\:0 {
margin: 0
}
.xs-m\:auto {
margin: auto
}
.xs-m\:xsmall {
margin: var(--lns-space-xsmall)
}
.xs-m\:small {
margin: var(--lns-space-small)
}
.xs-m\:medium {
margin: var(--lns-space-medium)
}
.xs-m\:large {
margin: var(--lns-space-large)
}
.xs-m\:xlarge {
margin: var(--lns-space-xlarge)
}
.xs-m\:xxlarge {
margin: var(--lns-space-xxlarge)
}
.xs-mt\:0 {
margin-top: 0
}
.xs-mt\:auto {
margin-top: auto
}
.xs-mt\:xsmall {
margin-top: var(--lns-space-xsmall)
}
.xs-mt\:small {
margin-top: var(--lns-space-small)
}
.xs-mt\:medium {
margin-top: var(--lns-space-medium)
}
.xs-mt\:large {
margin-top: var(--lns-space-large)
}
.xs-mt\:xlarge {
margin-top: var(--lns-space-xlarge)
}
.xs-mt\:xxlarge {
margin-top: var(--lns-space-xxlarge)
}
.xs-mb\:0 {
margin-bottom: 0
}
.xs-mb\:auto {
margin-bottom: auto
}
.xs-mb\:xsmall {
margin-bottom: var(--lns-space-xsmall)
}
.xs-mb\:small {
margin-bottom: var(--lns-space-small)
}
.xs-mb\:medium {
margin-bottom: var(--lns-space-medium)
}
.xs-mb\:large {
margin-bottom: var(--lns-space-large)
}
.xs-mb\:xlarge {
margin-bottom: var(--lns-space-xlarge)
}
.xs-mb\:xxlarge {
margin-bottom: var(--lns-space-xxlarge)
}
.xs-ml\:0 {
margin-left: 0
}
.xs-ml\:auto {
margin-left: auto
}
.xs-ml\:xsmall {
margin-left: var(--lns-space-xsmall)
}
.xs-ml\:small {
margin-left: var(--lns-space-small)
}
.xs-ml\:medium {
margin-left: var(--lns-space-medium)
}
.xs-ml\:large {
margin-left: var(--lns-space-large)
}
.xs-ml\:xlarge {
margin-left: var(--lns-space-xlarge)
}
.xs-ml\:xxlarge {
margin-left: var(--lns-space-xxlarge)
}
.xs-mr\:0 {
margin-right: 0
}
.xs-mr\:auto {
margin-right: auto
}
.xs-mr\:xsmall {
margin-right: var(--lns-space-xsmall)
}
.xs-mr\:small {
margin-right: var(--lns-space-small)
}
.xs-mr\:medium {
margin-right: var(--lns-space-medium)
}
.xs-mr\:large {
margin-right: var(--lns-space-large)
}
.xs-mr\:xlarge {
margin-right: var(--lns-space-xlarge)
}
.xs-mr\:xxlarge {
margin-right: var(--lns-space-xxlarge)
}
.xs-mx\:0 {
margin-left: 0;
margin-right: 0
}
.xs-mx\:auto {
margin-left: auto;
margin-right: auto
}
.xs-mx\:xsmall {
margin-left: var(--lns-space-xsmall);
margin-right: var(--lns-space-xsmall)
}
.xs-mx\:small {
margin-left: var(--lns-space-small);
margin-right: var(--lns-space-small)
}
.xs-mx\:medium {
margin-left: var(--lns-space-medium);
margin-right: var(--lns-space-medium)
}
.xs-mx\:large {
margin-left: var(--lns-space-large);
margin-right: var(--lns-space-large)
}
.xs-mx\:xlarge {
margin-left: var(--lns-space-xlarge);
margin-right: var(--lns-space-xlarge)
}
.xs-mx\:xxlarge {
margin-left: var(--lns-space-xxlarge);
margin-right: var(--lns-space-xxlarge)
}
.xs-my\:0 {
margin-top: 0;
margin-bottom: 0
}
.xs-my\:auto {
margin-top: auto;
margin-bottom: auto
}
.xs-my\:xsmall {
margin-top: var(--lns-space-xsmall);
margin-bottom: var(--lns-space-xsmall)
}
.xs-my\:small {
margin-top: var(--lns-space-small);
margin-bottom: var(--lns-space-small)
}
.xs-my\:medium {
margin-top: var(--lns-space-medium);
margin-bottom: var(--lns-space-medium)
}
.xs-my\:large {
margin-top: var(--lns-space-large);
margin-bottom: var(--lns-space-large)
}
.xs-my\:xlarge {
margin-top: var(--lns-space-xlarge);
margin-bottom: var(--lns-space-xlarge)
}
.xs-my\:xxlarge {
margin-top: var(--lns-space-xxlarge);
margin-bottom: var(--lns-space-xxlarge)
}
.xs-p\:0 {
padding: 0
}
.xs-p\:xsmall {
padding: var(--lns-space-xsmall)
}
.xs-p\:small {
padding: var(--lns-space-small)
}
.xs-p\:medium {
padding: var(--lns-space-medium)
}
.xs-p\:large {
padding: var(--lns-space-large)
}
.xs-p\:xlarge {
padding: var(--lns-space-xlarge)
}
.xs-p\:xxlarge {
padding: var(--lns-space-xxlarge)
}
.xs-pt\:0 {
padding-top: 0
}
.xs-pt\:xsmall {
padding-top: var(--lns-space-xsmall)
}
.xs-pt\:small {
padding-top: var(--lns-space-small)
}
.xs-pt\:medium {
padding-top: var(--lns-space-medium)
}
.xs-pt\:large {
padding-top: var(--lns-space-large)
}
.xs-pt\:xlarge {
padding-top: var(--lns-space-xlarge)
}
.xs-pt\:xxlarge {
padding-top: var(--lns-space-xxlarge)
}
.xs-pb\:0 {
padding-bottom: 0
}
.xs-pb\:xsmall {
padding-bottom: var(--lns-space-xsmall)
}
.xs-pb\:small {
padding-bottom: var(--lns-space-small)
}
.xs-pb\:medium {
padding-bottom: var(--lns-space-medium)
}
.xs-pb\:large {
padding-bottom: var(--lns-space-large)
}
.xs-pb\:xlarge {
padding-bottom: var(--lns-space-xlarge)
}
.xs-pb\:xxlarge {
padding-bottom: var(--lns-space-xxlarge)
}
.xs-pl\:0 {
padding-left: 0
}
.xs-pl\:xsmall {
padding-left: var(--lns-space-xsmall)
}
.xs-pl\:small {
padding-left: var(--lns-space-small)
}
.xs-pl\:medium {
padding-left: var(--lns-space-medium)
}
.xs-pl\:large {
padding-left: var(--lns-space-large)
}
.xs-pl\:xlarge {
padding-left: var(--lns-space-xlarge)
}
.xs-pl\:xxlarge {
padding-left: var(--lns-space-xxlarge)
}
.xs-pr\:0 {
padding-right: 0
}
.xs-pr\:xsmall {
padding-right: var(--lns-space-xsmall)
}
.xs-pr\:small {
padding-right: var(--lns-space-small)
}
.xs-pr\:medium {
padding-right: var(--lns-space-medium)
}
.xs-pr\:large {
padding-right: var(--lns-space-large)
}
.xs-pr\:xlarge {
padding-right: var(--lns-space-xlarge)
}
.xs-pr\:xxlarge {
padding-right: var(--lns-space-xxlarge)
}
.xs-px\:0 {
padding-left: 0;
padding-right: 0
}
.xs-px\:xsmall {
padding-left: var(--lns-space-xsmall);
padding-right: var(--lns-space-xsmall)
}
.xs-px\:small {
padding-left: var(--lns-space-small);
padding-right: var(--lns-space-small)
}
.xs-px\:medium {
padding-left: var(--lns-space-medium);
padding-right: var(--lns-space-medium)
}
.xs-px\:large {
padding-left: var(--lns-space-large);
padding-right: var(--lns-space-large)
}
.xs-px\:xlarge {
padding-left: var(--lns-space-xlarge);
padding-right: var(--lns-space-xlarge)
}
.xs-px\:xxlarge {
padding-left: var(--lns-space-xxlarge);
padding-right: var(--lns-space-xxlarge)
}
.xs-py\:0 {
padding-top: 0;
padding-bottom: 0
}
.xs-py\:xsmall {
padding-top: var(--lns-space-xsmall);
padding-bottom: var(--lns-space-xsmall)
}
.xs-py\:small {
padding-top: var(--lns-space-small);
padding-bottom: var(--lns-space-small)
}
.xs-py\:medium {
padding-top: var(--lns-space-medium);
padding-bottom: var(--lns-space-medium)
}
.xs-py\:large {
padding-top: var(--lns-space-large);
padding-bottom: var(--lns-space-large)
}
.xs-py\:xlarge {
padding-top: var(--lns-space-xlarge);
padding-bottom: var(--lns-space-xlarge)
}
.xs-py\:xxlarge {
padding-top: var(--lns-space-xxlarge);
padding-bottom: var(--lns-space-xxlarge)
}
.xs-text\:small {
font-size: var(--lns-fontSize-small);
line-height: var(--lns-lineHeight-small)
}
.xs-text\:body-sm {
font-size: var(--lns-fontSize-body-sm);
line-height: var(--lns-lineHeight-body-sm)
}
.xs-text\:medium {
font-size: var(--lns-fontSize-medium);
line-height: var(--lns-lineHeight-medium)
}
.xs-text\:body-md {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md)
}
.xs-text\:large {
font-size: var(--lns-fontSize-large);
line-height: var(--lns-lineHeight-large)
}
.xs-text\:body-lg {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg)
}
.xs-text\:xlarge {
font-size: var(--lns-fontSize-xlarge);
line-height: var(--lns-lineHeight-xlarge)
}
.xs-text\:heading-sm {
font-size: var(--lns-fontSize-heading-sm);
line-height: var(--lns-lineHeight-heading-sm)
}
.xs-text\:xxlarge {
font-size: var(--lns-fontSize-xxlarge);
line-height: var(--lns-lineHeight-xxlarge)
}
.xs-text\:heading-md {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md)
}
.xs-text\:xxxlarge {
font-size: var(--lns-fontSize-xxxlarge);
line-height: var(--lns-lineHeight-xxxlarge)
}
.xs-text\:heading-lg {
font-size: var(--lns-fontSize-heading-lg);
line-height: var(--lns-lineHeight-heading-lg)
}
.xs-weight\:book {
font-weight: var(--lns-fontWeight-book)
}
.xs-weight\:bold {
font-weight: var(--lns-fontWeight-bold)
}
.xs-text\:body {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md);
font-weight: var(--lns-fontWeight-book)
}
.xs-text\:title {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg);
font-weight: var(--lns-fontWeight-bold)
}
.xs-text\:mainTitle {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md);
font-weight: var(--lns-fontWeight-bold)
}
.xs-text\:left {
text-align: left
}
.xs-text\:right {
text-align: right
}
.xs-text\:center {
text-align: center
}
.xs-border {
border: 1px solid var(--lns-color-border)
}
.xs-borderTop {
border-top: 1px solid var(--lns-color-border)
}
.xs-borderBottom {
border-bottom: 1px solid var(--lns-color-border)
}
.xs-borderLeft {
border-left: 1px solid var(--lns-color-border)
}
.xs-borderRight {
border-right: 1px solid var(--lns-color-border)
}
.xs-inline {
display: inline
}
.xs-block {
display: block
}
.xs-flex {
display: flex
}
.xs-inlineBlock {
display: inline-block
}
.xs-inlineFlex {
display: inline-flex
}
.xs-none {
display: none
}
.xs-flexWrap {
flex-wrap: wrap
}
.xs-flexDirection\:column {
flex-direction: column
}
.xs-flexDirection\:row {
flex-direction: row
}
.xs-items\:stretch {
align-items: stretch
}
.xs-items\:center {
align-items: center
}
.xs-items\:baseline {
align-items: baseline
}
.xs-items\:flexStart {
align-items: flex-start
}
.xs-items\:flexEnd {
align-items: flex-end
}
.xs-items\:selfStart {
align-items: self-start
}
.xs-items\:selfEnd {
align-items: self-end
}
.xs-justify\:flexStart {
justify-content: flex-start
}
.xs-justify\:flexEnd {
justify-content: flex-end
}
.xs-justify\:center {
justify-content: center
}
.xs-justify\:spaceBetween {
justify-content: space-between
}
.xs-justify\:spaceAround {
justify-content: space-around
}
.xs-justify\:spaceEvenly {
justify-content: space-evenly
}
.xs-grow\:0 {
flex-grow: 0
}
.xs-grow\:1 {
flex-grow: 1
}
.xs-shrink\:0 {
flex-shrink: 0
}
.xs-shrink\:1 {
flex-shrink: 1
}
.xs-self\:auto {
align-self: auto
}
.xs-self\:flexStart {
align-self: flex-start
}
.xs-self\:flexEnd {
align-self: flex-end
}
.xs-self\:center {
align-self: center
}
.xs-self\:baseline {
align-self: baseline
}
.xs-self\:stretch {
align-self: stretch
}
.xs-overflow\:hidden {
overflow: hidden
}
.xs-overflow\:auto {
overflow: auto
}
.xs-relative {
position: relative
}
.xs-absolute {
position: absolute
}
.xs-sticky {
position: sticky
}
.xs-fixed {
position: fixed
}
.xs-top\:0 {
top: 0
}
.xs-top\:auto {
top: auto
}
.xs-top\:xsmall {
top: var(--lns-space-xsmall)
}
.xs-top\:small {
top: var(--lns-space-small)
}
.xs-top\:medium {
top: var(--lns-space-medium)
}
.xs-top\:large {
top: var(--lns-space-large)
}
.xs-top\:xlarge {
top: var(--lns-space-xlarge)
}
.xs-top\:xxlarge {
top: var(--lns-space-xxlarge)
}
.xs-bottom\:0 {
bottom: 0
}
.xs-bottom\:auto {
bottom: auto
}
.xs-bottom\:xsmall {
bottom: var(--lns-space-xsmall)
}
.xs-bottom\:small {
bottom: var(--lns-space-small)
}
.xs-bottom\:medium {
bottom: var(--lns-space-medium)
}
.xs-bottom\:large {
bottom: var(--lns-space-large)
}
.xs-bottom\:xlarge {
bottom: var(--lns-space-xlarge)
}
.xs-bottom\:xxlarge {
bottom: var(--lns-space-xxlarge)
}
.xs-left\:0 {
left: 0
}
.xs-left\:auto {
left: auto
}
.xs-left\:xsmall {
left: var(--lns-space-xsmall)
}
.xs-left\:small {
left: var(--lns-space-small)
}
.xs-left\:medium {
left: var(--lns-space-medium)
}
.xs-left\:large {
left: var(--lns-space-large)
}
.xs-left\:xlarge {
left: var(--lns-space-xlarge)
}
.xs-left\:xxlarge {
left: var(--lns-space-xxlarge)
}
.xs-right\:0 {
right: 0
}
.xs-right\:auto {
right: auto
}
.xs-right\:xsmall {
right: var(--lns-space-xsmall)
}
.xs-right\:small {
right: var(--lns-space-small)
}
.xs-right\:medium {
right: var(--lns-space-medium)
}
.xs-right\:large {
right: var(--lns-space-large)
}
.xs-right\:xlarge {
right: var(--lns-space-xlarge)
}
.xs-right\:xxlarge {
right: var(--lns-space-xxlarge)
}
.xs-width\:auto {
width: auto
}
.xs-width\:full {
width: 100%
}
.xs-width\:0 {
width: 0
}
.xs-minWidth\:0 {
min-width: 0
}
.xs-height\:auto {
height: auto
}
.xs-height\:full {
height: 100%
}
.xs-height\:0 {
height: 0
}
.xs-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.xs-srOnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
}
@media(min-width:48em) {
.sm-c\:red {
color: var(--lns-color-red)
}
.sm-c\:blurpleLight {
color: var(--lns-color-blurpleLight)
}
.sm-c\:blurpleMedium {
color: var(--lns-color-blurpleMedium)
}
.sm-c\:blurple {
color: var(--lns-color-blurple)
}
.sm-c\:blurpleDark {
color: var(--lns-color-blurpleDark)
}
.sm-c\:offWhite {
color: var(--lns-color-offWhite)
}
.sm-c\:blueLight {
color: var(--lns-color-blueLight)
}
.sm-c\:blue {
color: var(--lns-color-blue)
}
.sm-c\:blueDark {
color: var(--lns-color-blueDark)
}
.sm-c\:orangeLight {
color: var(--lns-color-orangeLight)
}
.sm-c\:orange {
color: var(--lns-color-orange)
}
.sm-c\:orangeDark {
color: var(--lns-color-orangeDark)
}
.sm-c\:tealLight {
color: var(--lns-color-tealLight)
}
.sm-c\:teal {
color: var(--lns-color-teal)
}
.sm-c\:tealDark {
color: var(--lns-color-tealDark)
}
.sm-c\:yellowLight {
color: var(--lns-color-yellowLight)
}
.sm-c\:yellow {
color: var(--lns-color-yellow)
}
.sm-c\:yellowDark {
color: var(--lns-color-yellowDark)
}
.sm-c\:grey8 {
color: var(--lns-color-grey8)
}
.sm-c\:grey7 {
color: var(--lns-color-grey7)
}
.sm-c\:grey6 {
color: var(--lns-color-grey6)
}
.sm-c\:grey5 {
color: var(--lns-color-grey5)
}
.sm-c\:grey4 {
color: var(--lns-color-grey4)
}
.sm-c\:grey3 {
color: var(--lns-color-grey3)
}
.sm-c\:grey2 {
color: var(--lns-color-grey2)
}
.sm-c\:grey1 {
color: var(--lns-color-grey1)
}
.sm-c\:white {
color: var(--lns-color-white)
}
.sm-c\:primary {
color: var(--lns-color-primary)
}
.sm-c\:primaryHover {
color: var(--lns-color-primaryHover)
}
.sm-c\:primaryActive {
color: var(--lns-color-primaryActive)
}
.sm-c\:body {
color: var(--lns-color-body)
}
.sm-c\:bodyDimmed {
color: var(--lns-color-bodyDimmed)
}
.sm-c\:background {
color: var(--lns-color-background)
}
.sm-c\:backgroundHover {
color: var(--lns-color-backgroundHover)
}
.sm-c\:backgroundActive {
color: var(--lns-color-backgroundActive)
}
.sm-c\:backgroundSecondary {
color: var(--lns-color-backgroundSecondary)
}
.sm-c\:backgroundSecondary2 {
color: var(--lns-color-backgroundSecondary2)
}
.sm-c\:overlay {
color: var(--lns-color-overlay)
}
.sm-c\:border {
color: var(--lns-color-border)
}
.sm-c\:focusRing {
color: var(--lns-color-focusRing)
}
.sm-c\:record {
color: var(--lns-color-record)
}
.sm-c\:recordHover {
color: var(--lns-color-recordHover)
}
.sm-c\:recordActive {
color: var(--lns-color-recordActive)
}
.sm-c\:info {
color: var(--lns-color-info)
}
.sm-c\:success {
color: var(--lns-color-success)
}
.sm-c\:warning {
color: var(--lns-color-warning)
}
.sm-c\:danger {
color: var(--lns-color-danger)
}
.sm-c\:dangerHover {
color: var(--lns-color-dangerHover)
}
.sm-c\:dangerActive {
color: var(--lns-color-dangerActive)
}
.sm-c\:backdrop {
color: var(--lns-color-backdrop)
}
.sm-c\:backdropDark {
color: var(--lns-color-backdropDark)
}
.sm-c\:backdropTwilight {
color: var(--lns-color-backdropTwilight)
}
.sm-c\:disabledContent {
color: var(--lns-color-disabledContent)
}
.sm-c\:highlight {
color: var(--lns-color-highlight)
}
.sm-c\:disabledBackground {
color: var(--lns-color-disabledBackground)
}
.sm-c\:formFieldBorder {
color: var(--lns-color-formFieldBorder)
}
.sm-c\:formFieldBackground {
color: var(--lns-color-formFieldBackground)
}
.sm-c\:buttonBorder {
color: var(--lns-color-buttonBorder)
}
.sm-c\:upgrade {
color: var(--lns-color-upgrade)
}
.sm-c\:upgradeHover {
color: var(--lns-color-upgradeHover)
}
.sm-c\:upgradeActive {
color: var(--lns-color-upgradeActive)
}
.sm-c\:tabBackground {
color: var(--lns-color-tabBackground)
}
.sm-c\:discoveryBackground {
color: var(--lns-color-discoveryBackground)
}
.sm-c\:discoveryLightBackground {
color: var(--lns-color-discoveryLightBackground)
}
.sm-c\:discoveryTitle {
color: var(--lns-color-discoveryTitle)
}
.sm-c\:discoveryHighlight {
color: var(--lns-color-discoveryHighlight)
}
.sm-shadow\:small {
box-shadow: var(--lns-shadow-small)
}
.sm-shadow\:medium {
box-shadow: var(--lns-shadow-medium)
}
.sm-shadow\:large {
box-shadow: var(--lns-shadow-large)
}
.sm-radius\:medium {
border-radius: var(--lns-radius-medium)
}
.sm-radius\:large {
border-radius: var(--lns-radius-large)
}
.sm-radius\:xlarge {
border-radius: var(--lns-radius-xlarge)
}
.sm-radius\:full {
border-radius: var(--lns-radius-full)
}
.sm-bgc\:red {
background-color: var(--lns-color-red)
}
.sm-bgc\:blurpleLight {
background-color: var(--lns-color-blurpleLight)
}
.sm-bgc\:blurpleMedium {
background-color: var(--lns-color-blurpleMedium)
}
.sm-bgc\:blurple {
background-color: var(--lns-color-blurple)
}
.sm-bgc\:blurpleDark {
background-color: var(--lns-color-blurpleDark)
}
.sm-bgc\:offWhite {
background-color: var(--lns-color-offWhite)
}
.sm-bgc\:blueLight {
background-color: var(--lns-color-blueLight)
}
.sm-bgc\:blue {
background-color: var(--lns-color-blue)
}
.sm-bgc\:blueDark {
background-color: var(--lns-color-blueDark)
}
.sm-bgc\:orangeLight {
background-color: var(--lns-color-orangeLight)
}
.sm-bgc\:orange {
background-color: var(--lns-color-orange)
}
.sm-bgc\:orangeDark {
background-color: var(--lns-color-orangeDark)
}
.sm-bgc\:tealLight {
background-color: var(--lns-color-tealLight)
}
.sm-bgc\:teal {
background-color: var(--lns-color-teal)
}
.sm-bgc\:tealDark {
background-color: var(--lns-color-tealDark)
}
.sm-bgc\:yellowLight {
background-color: var(--lns-color-yellowLight)
}
.sm-bgc\:yellow {
background-color: var(--lns-color-yellow)
}
.sm-bgc\:yellowDark {
background-color: var(--lns-color-yellowDark)
}
.sm-bgc\:grey8 {
background-color: var(--lns-color-grey8)
}
.sm-bgc\:grey7 {
background-color: var(--lns-color-grey7)
}
.sm-bgc\:grey6 {
background-color: var(--lns-color-grey6)
}
.sm-bgc\:grey5 {
background-color: var(--lns-color-grey5)
}
.sm-bgc\:grey4 {
background-color: var(--lns-color-grey4)
}
.sm-bgc\:grey3 {
background-color: var(--lns-color-grey3)
}
.sm-bgc\:grey2 {
background-color: var(--lns-color-grey2)
}
.sm-bgc\:grey1 {
background-color: var(--lns-color-grey1)
}
.sm-bgc\:white {
background-color: var(--lns-color-white)
}
.sm-bgc\:primary {
background-color: var(--lns-color-primary)
}
.sm-bgc\:primaryHover {
background-color: var(--lns-color-primaryHover)
}
.sm-bgc\:primaryActive {
background-color: var(--lns-color-primaryActive)
}
.sm-bgc\:body {
background-color: var(--lns-color-body)
}
.sm-bgc\:bodyDimmed {
background-color: var(--lns-color-bodyDimmed)
}
.sm-bgc\:background {
background-color: var(--lns-color-background)
}
.sm-bgc\:backgroundHover {
background-color: var(--lns-color-backgroundHover)
}
.sm-bgc\:backgroundActive {
background-color: var(--lns-color-backgroundActive)
}
.sm-bgc\:backgroundSecondary {
background-color: var(--lns-color-backgroundSecondary)
}
.sm-bgc\:backgroundSecondary2 {
background-color: var(--lns-color-backgroundSecondary2)
}
.sm-bgc\:overlay {
background-color: var(--lns-color-overlay)
}
.sm-bgc\:border {
background-color: var(--lns-color-border)
}
.sm-bgc\:focusRing {
background-color: var(--lns-color-focusRing)
}
.sm-bgc\:record {
background-color: var(--lns-color-record)
}
.sm-bgc\:recordHover {
background-color: var(--lns-color-recordHover)
}
.sm-bgc\:recordActive {
background-color: var(--lns-color-recordActive)
}
.sm-bgc\:info {
background-color: var(--lns-color-info)
}
.sm-bgc\:success {
background-color: var(--lns-color-success)
}
.sm-bgc\:warning {
background-color: var(--lns-color-warning)
}
.sm-bgc\:danger {
background-color: var(--lns-color-danger)
}
.sm-bgc\:dangerHover {
background-color: var(--lns-color-dangerHover)
}
.sm-bgc\:dangerActive {
background-color: var(--lns-color-dangerActive)
}
.sm-bgc\:backdrop {
background-color: var(--lns-color-backdrop)
}
.sm-bgc\:backdropDark {
background-color: var(--lns-color-backdropDark)
}
.sm-bgc\:backdropTwilight {
background-color: var(--lns-color-backdropTwilight)
}
.sm-bgc\:disabledContent {
background-color: var(--lns-color-disabledContent)
}
.sm-bgc\:highlight {
background-color: var(--lns-color-highlight)
}
.sm-bgc\:disabledBackground {
background-color: var(--lns-color-disabledBackground)
}
.sm-bgc\:formFieldBorder {
background-color: var(--lns-color-formFieldBorder)
}
.sm-bgc\:formFieldBackground {
background-color: var(--lns-color-formFieldBackground)
}
.sm-bgc\:buttonBorder {
background-color: var(--lns-color-buttonBorder)
}
.sm-bgc\:upgrade {
background-color: var(--lns-color-upgrade)
}
.sm-bgc\:upgradeHover {
background-color: var(--lns-color-upgradeHover)
}
.sm-bgc\:upgradeActive {
background-color: var(--lns-color-upgradeActive)
}
.sm-bgc\:tabBackground {
background-color: var(--lns-color-tabBackground)
}
.sm-bgc\:discoveryBackground {
background-color: var(--lns-color-discoveryBackground)
}
.sm-bgc\:discoveryLightBackground {
background-color: var(--lns-color-discoveryLightBackground)
}
.sm-bgc\:discoveryTitle {
background-color: var(--lns-color-discoveryTitle)
}
.sm-bgc\:discoveryHighlight {
background-color: var(--lns-color-discoveryHighlight)
}
.sm-m\:0 {
margin: 0
}
.sm-m\:auto {
margin: auto
}
.sm-m\:xsmall {
margin: var(--lns-space-xsmall)
}
.sm-m\:small {
margin: var(--lns-space-small)
}
.sm-m\:medium {
margin: var(--lns-space-medium)
}
.sm-m\:large {
margin: var(--lns-space-large)
}
.sm-m\:xlarge {
margin: var(--lns-space-xlarge)
}
.sm-m\:xxlarge {
margin: var(--lns-space-xxlarge)
}
.sm-mt\:0 {
margin-top: 0
}
.sm-mt\:auto {
margin-top: auto
}
.sm-mt\:xsmall {
margin-top: var(--lns-space-xsmall)
}
.sm-mt\:small {
margin-top: var(--lns-space-small)
}
.sm-mt\:medium {
margin-top: var(--lns-space-medium)
}
.sm-mt\:large {
margin-top: var(--lns-space-large)
}
.sm-mt\:xlarge {
margin-top: var(--lns-space-xlarge)
}
.sm-mt\:xxlarge {
margin-top: var(--lns-space-xxlarge)
}
.sm-mb\:0 {
margin-bottom: 0
}
.sm-mb\:auto {
margin-bottom: auto
}
.sm-mb\:xsmall {
margin-bottom: var(--lns-space-xsmall)
}
.sm-mb\:small {
margin-bottom: var(--lns-space-small)
}
.sm-mb\:medium {
margin-bottom: var(--lns-space-medium)
}
.sm-mb\:large {
margin-bottom: var(--lns-space-large)
}
.sm-mb\:xlarge {
margin-bottom: var(--lns-space-xlarge)
}
.sm-mb\:xxlarge {
margin-bottom: var(--lns-space-xxlarge)
}
.sm-ml\:0 {
margin-left: 0
}
.sm-ml\:auto {
margin-left: auto
}
.sm-ml\:xsmall {
margin-left: var(--lns-space-xsmall)
}
.sm-ml\:small {
margin-left: var(--lns-space-small)
}
.sm-ml\:medium {
margin-left: var(--lns-space-medium)
}
.sm-ml\:large {
margin-left: var(--lns-space-large)
}
.sm-ml\:xlarge {
margin-left: var(--lns-space-xlarge)
}
.sm-ml\:xxlarge {
margin-left: var(--lns-space-xxlarge)
}
.sm-mr\:0 {
margin-right: 0
}
.sm-mr\:auto {
margin-right: auto
}
.sm-mr\:xsmall {
margin-right: var(--lns-space-xsmall)
}
.sm-mr\:small {
margin-right: var(--lns-space-small)
}
.sm-mr\:medium {
margin-right: var(--lns-space-medium)
}
.sm-mr\:large {
margin-right: var(--lns-space-large)
}
.sm-mr\:xlarge {
margin-right: var(--lns-space-xlarge)
}
.sm-mr\:xxlarge {
margin-right: var(--lns-space-xxlarge)
}
.sm-mx\:0 {
margin-left: 0;
margin-right: 0
}
.sm-mx\:auto {
margin-left: auto;
margin-right: auto
}
.sm-mx\:xsmall {
margin-left: var(--lns-space-xsmall);
margin-right: var(--lns-space-xsmall)
}
.sm-mx\:small {
margin-left: var(--lns-space-small);
margin-right: var(--lns-space-small)
}
.sm-mx\:medium {
margin-left: var(--lns-space-medium);
margin-right: var(--lns-space-medium)
}
.sm-mx\:large {
margin-left: var(--lns-space-large);
margin-right: var(--lns-space-large)
}
.sm-mx\:xlarge {
margin-left: var(--lns-space-xlarge);
margin-right: var(--lns-space-xlarge)
}
.sm-mx\:xxlarge {
margin-left: var(--lns-space-xxlarge);
margin-right: var(--lns-space-xxlarge)
}
.sm-my\:0 {
margin-top: 0;
margin-bottom: 0
}
.sm-my\:auto {
margin-top: auto;
margin-bottom: auto
}
.sm-my\:xsmall {
margin-top: var(--lns-space-xsmall);
margin-bottom: var(--lns-space-xsmall)
}
.sm-my\:small {
margin-top: var(--lns-space-small);
margin-bottom: var(--lns-space-small)
}
.sm-my\:medium {
margin-top: var(--lns-space-medium);
margin-bottom: var(--lns-space-medium)
}
.sm-my\:large {
margin-top: var(--lns-space-large);
margin-bottom: var(--lns-space-large)
}
.sm-my\:xlarge {
margin-top: var(--lns-space-xlarge);
margin-bottom: var(--lns-space-xlarge)
}
.sm-my\:xxlarge {
margin-top: var(--lns-space-xxlarge);
margin-bottom: var(--lns-space-xxlarge)
}
.sm-p\:0 {
padding: 0
}
.sm-p\:xsmall {
padding: var(--lns-space-xsmall)
}
.sm-p\:small {
padding: var(--lns-space-small)
}
.sm-p\:medium {
padding: var(--lns-space-medium)
}
.sm-p\:large {
padding: var(--lns-space-large)
}
.sm-p\:xlarge {
padding: var(--lns-space-xlarge)
}
.sm-p\:xxlarge {
padding: var(--lns-space-xxlarge)
}
.sm-pt\:0 {
padding-top: 0
}
.sm-pt\:xsmall {
padding-top: var(--lns-space-xsmall)
}
.sm-pt\:small {
padding-top: var(--lns-space-small)
}
.sm-pt\:medium {
padding-top: var(--lns-space-medium)
}
.sm-pt\:large {
padding-top: var(--lns-space-large)
}
.sm-pt\:xlarge {
padding-top: var(--lns-space-xlarge)
}
.sm-pt\:xxlarge {
padding-top: var(--lns-space-xxlarge)
}
.sm-pb\:0 {
padding-bottom: 0
}
.sm-pb\:xsmall {
padding-bottom: var(--lns-space-xsmall)
}
.sm-pb\:small {
padding-bottom: var(--lns-space-small)
}
.sm-pb\:medium {
padding-bottom: var(--lns-space-medium)
}
.sm-pb\:large {
padding-bottom: var(--lns-space-large)
}
.sm-pb\:xlarge {
padding-bottom: var(--lns-space-xlarge)
}
.sm-pb\:xxlarge {
padding-bottom: var(--lns-space-xxlarge)
}
.sm-pl\:0 {
padding-left: 0
}
.sm-pl\:xsmall {
padding-left: var(--lns-space-xsmall)
}
.sm-pl\:small {
padding-left: var(--lns-space-small)
}
.sm-pl\:medium {
padding-left: var(--lns-space-medium)
}
.sm-pl\:large {
padding-left: var(--lns-space-large)
}
.sm-pl\:xlarge {
padding-left: var(--lns-space-xlarge)
}
.sm-pl\:xxlarge {
padding-left: var(--lns-space-xxlarge)
}
.sm-pr\:0 {
padding-right: 0
}
.sm-pr\:xsmall {
padding-right: var(--lns-space-xsmall)
}
.sm-pr\:small {
padding-right: var(--lns-space-small)
}
.sm-pr\:medium {
padding-right: var(--lns-space-medium)
}
.sm-pr\:large {
padding-right: var(--lns-space-large)
}
.sm-pr\:xlarge {
padding-right: var(--lns-space-xlarge)
}
.sm-pr\:xxlarge {
padding-right: var(--lns-space-xxlarge)
}
.sm-px\:0 {
padding-left: 0;
padding-right: 0
}
.sm-px\:xsmall {
padding-left: var(--lns-space-xsmall);
padding-right: var(--lns-space-xsmall)
}
.sm-px\:small {
padding-left: var(--lns-space-small);
padding-right: var(--lns-space-small)
}
.sm-px\:medium {
padding-left: var(--lns-space-medium);
padding-right: var(--lns-space-medium)
}
.sm-px\:large {
padding-left: var(--lns-space-large);
padding-right: var(--lns-space-large)
}
.sm-px\:xlarge {
padding-left: var(--lns-space-xlarge);
padding-right: var(--lns-space-xlarge)
}
.sm-px\:xxlarge {
padding-left: var(--lns-space-xxlarge);
padding-right: var(--lns-space-xxlarge)
}
.sm-py\:0 {
padding-top: 0;
padding-bottom: 0
}
.sm-py\:xsmall {
padding-top: var(--lns-space-xsmall);
padding-bottom: var(--lns-space-xsmall)
}
.sm-py\:small {
padding-top: var(--lns-space-small);
padding-bottom: var(--lns-space-small)
}
.sm-py\:medium {
padding-top: var(--lns-space-medium);
padding-bottom: var(--lns-space-medium)
}
.sm-py\:large {
padding-top: var(--lns-space-large);
padding-bottom: var(--lns-space-large)
}
.sm-py\:xlarge {
padding-top: var(--lns-space-xlarge);
padding-bottom: var(--lns-space-xlarge)
}
.sm-py\:xxlarge {
padding-top: var(--lns-space-xxlarge);
padding-bottom: var(--lns-space-xxlarge)
}
.sm-text\:small {
font-size: var(--lns-fontSize-small);
line-height: var(--lns-lineHeight-small)
}
.sm-text\:body-sm {
font-size: var(--lns-fontSize-body-sm);
line-height: var(--lns-lineHeight-body-sm)
}
.sm-text\:medium {
font-size: var(--lns-fontSize-medium);
line-height: var(--lns-lineHeight-medium)
}
.sm-text\:body-md {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md)
}
.sm-text\:large {
font-size: var(--lns-fontSize-large);
line-height: var(--lns-lineHeight-large)
}
.sm-text\:body-lg {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg)
}
.sm-text\:xlarge {
font-size: var(--lns-fontSize-xlarge);
line-height: var(--lns-lineHeight-xlarge)
}
.sm-text\:heading-sm {
font-size: var(--lns-fontSize-heading-sm);
line-height: var(--lns-lineHeight-heading-sm)
}
.sm-text\:xxlarge {
font-size: var(--lns-fontSize-xxlarge);
line-height: var(--lns-lineHeight-xxlarge)
}
.sm-text\:heading-md {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md)
}
.sm-text\:xxxlarge {
font-size: var(--lns-fontSize-xxxlarge);
line-height: var(--lns-lineHeight-xxxlarge)
}
.sm-text\:heading-lg {
font-size: var(--lns-fontSize-heading-lg);
line-height: var(--lns-lineHeight-heading-lg)
}
.sm-weight\:book {
font-weight: var(--lns-fontWeight-book)
}
.sm-weight\:bold {
font-weight: var(--lns-fontWeight-bold)
}
.sm-text\:body {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md);
font-weight: var(--lns-fontWeight-book)
}
.sm-text\:title {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg);
font-weight: var(--lns-fontWeight-bold)
}
.sm-text\:mainTitle {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md);
font-weight: var(--lns-fontWeight-bold)
}
.sm-text\:left {
text-align: left
}
.sm-text\:right {
text-align: right
}
.sm-text\:center {
text-align: center
}
.sm-border {
border: 1px solid var(--lns-color-border)
}
.sm-borderTop {
border-top: 1px solid var(--lns-color-border)
}
.sm-borderBottom {
border-bottom: 1px solid var(--lns-color-border)
}
.sm-borderLeft {
border-left: 1px solid var(--lns-color-border)
}
.sm-borderRight {
border-right: 1px solid var(--lns-color-border)
}
.sm-inline {
display: inline
}
.sm-block {
display: block
}
.sm-flex {
display: flex
}
.sm-inlineBlock {
display: inline-block
}
.sm-inlineFlex {
display: inline-flex
}
.sm-none {
display: none
}
.sm-flexWrap {
flex-wrap: wrap
}
.sm-flexDirection\:column {
flex-direction: column
}
.sm-flexDirection\:row {
flex-direction: row
}
.sm-items\:stretch {
align-items: stretch
}
.sm-items\:center {
align-items: center
}
.sm-items\:baseline {
align-items: baseline
}
.sm-items\:flexStart {
align-items: flex-start
}
.sm-items\:flexEnd {
align-items: flex-end
}
.sm-items\:selfStart {
align-items: self-start
}
.sm-items\:selfEnd {
align-items: self-end
}
.sm-justify\:flexStart {
justify-content: flex-start
}
.sm-justify\:flexEnd {
justify-content: flex-end
}
.sm-justify\:center {
justify-content: center
}
.sm-justify\:spaceBetween {
justify-content: space-between
}
.sm-justify\:spaceAround {
justify-content: space-around
}
.sm-justify\:spaceEvenly {
justify-content: space-evenly
}
.sm-grow\:0 {
flex-grow: 0
}
.sm-grow\:1 {
flex-grow: 1
}
.sm-shrink\:0 {
flex-shrink: 0
}
.sm-shrink\:1 {
flex-shrink: 1
}
.sm-self\:auto {
align-self: auto
}
.sm-self\:flexStart {
align-self: flex-start
}
.sm-self\:flexEnd {
align-self: flex-end
}
.sm-self\:center {
align-self: center
}
.sm-self\:baseline {
align-self: baseline
}
.sm-self\:stretch {
align-self: stretch
}
.sm-overflow\:hidden {
overflow: hidden
}
.sm-overflow\:auto {
overflow: auto
}
.sm-relative {
position: relative
}
.sm-absolute {
position: absolute
}
.sm-sticky {
position: sticky
}
.sm-fixed {
position: fixed
}
.sm-top\:0 {
top: 0
}
.sm-top\:auto {
top: auto
}
.sm-top\:xsmall {
top: var(--lns-space-xsmall)
}
.sm-top\:small {
top: var(--lns-space-small)
}
.sm-top\:medium {
top: var(--lns-space-medium)
}
.sm-top\:large {
top: var(--lns-space-large)
}
.sm-top\:xlarge {
top: var(--lns-space-xlarge)
}
.sm-top\:xxlarge {
top: var(--lns-space-xxlarge)
}
.sm-bottom\:0 {
bottom: 0
}
.sm-bottom\:auto {
bottom: auto
}
.sm-bottom\:xsmall {
bottom: var(--lns-space-xsmall)
}
.sm-bottom\:small {
bottom: var(--lns-space-small)
}
.sm-bottom\:medium {
bottom: var(--lns-space-medium)
}
.sm-bottom\:large {
bottom: var(--lns-space-large)
}
.sm-bottom\:xlarge {
bottom: var(--lns-space-xlarge)
}
.sm-bottom\:xxlarge {
bottom: var(--lns-space-xxlarge)
}
.sm-left\:0 {
left: 0
}
.sm-left\:auto {
left: auto
}
.sm-left\:xsmall {
left: var(--lns-space-xsmall)
}
.sm-left\:small {
left: var(--lns-space-small)
}
.sm-left\:medium {
left: var(--lns-space-medium)
}
.sm-left\:large {
left: var(--lns-space-large)
}
.sm-left\:xlarge {
left: var(--lns-space-xlarge)
}
.sm-left\:xxlarge {
left: var(--lns-space-xxlarge)
}
.sm-right\:0 {
right: 0
}
.sm-right\:auto {
right: auto
}
.sm-right\:xsmall {
right: var(--lns-space-xsmall)
}
.sm-right\:small {
right: var(--lns-space-small)
}
.sm-right\:medium {
right: var(--lns-space-medium)
}
.sm-right\:large {
right: var(--lns-space-large)
}
.sm-right\:xlarge {
right: var(--lns-space-xlarge)
}
.sm-right\:xxlarge {
right: var(--lns-space-xxlarge)
}
.sm-width\:auto {
width: auto
}
.sm-width\:full {
width: 100%
}
.sm-width\:0 {
width: 0
}
.sm-minWidth\:0 {
min-width: 0
}
.sm-height\:auto {
height: auto
}
.sm-height\:full {
height: 100%
}
.sm-height\:0 {
height: 0
}
.sm-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.sm-srOnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
}
@media(min-width:64em) {
.md-c\:red {
color: var(--lns-color-red)
}
.md-c\:blurpleLight {
color: var(--lns-color-blurpleLight)
}
.md-c\:blurpleMedium {
color: var(--lns-color-blurpleMedium)
}
.md-c\:blurple {
color: var(--lns-color-blurple)
}
.md-c\:blurpleDark {
color: var(--lns-color-blurpleDark)
}
.md-c\:offWhite {
color: var(--lns-color-offWhite)
}
.md-c\:blueLight {
color: var(--lns-color-blueLight)
}
.md-c\:blue {
color: var(--lns-color-blue)
}
.md-c\:blueDark {
color: var(--lns-color-blueDark)
}
.md-c\:orangeLight {
color: var(--lns-color-orangeLight)
}
.md-c\:orange {
color: var(--lns-color-orange)
}
.md-c\:orangeDark {
color: var(--lns-color-orangeDark)
}
.md-c\:tealLight {
color: var(--lns-color-tealLight)
}
.md-c\:teal {
color: var(--lns-color-teal)
}
.md-c\:tealDark {
color: var(--lns-color-tealDark)
}
.md-c\:yellowLight {
color: var(--lns-color-yellowLight)
}
.md-c\:yellow {
color: var(--lns-color-yellow)
}
.md-c\:yellowDark {
color: var(--lns-color-yellowDark)
}
.md-c\:grey8 {
color: var(--lns-color-grey8)
}
.md-c\:grey7 {
color: var(--lns-color-grey7)
}
.md-c\:grey6 {
color: var(--lns-color-grey6)
}
.md-c\:grey5 {
color: var(--lns-color-grey5)
}
.md-c\:grey4 {
color: var(--lns-color-grey4)
}
.md-c\:grey3 {
color: var(--lns-color-grey3)
}
.md-c\:grey2 {
color: var(--lns-color-grey2)
}
.md-c\:grey1 {
color: var(--lns-color-grey1)
}
.md-c\:white {
color: var(--lns-color-white)
}
.md-c\:primary {
color: var(--lns-color-primary)
}
.md-c\:primaryHover {
color: var(--lns-color-primaryHover)
}
.md-c\:primaryActive {
color: var(--lns-color-primaryActive)
}
.md-c\:body {
color: var(--lns-color-body)
}
.md-c\:bodyDimmed {
color: var(--lns-color-bodyDimmed)
}
.md-c\:background {
color: var(--lns-color-background)
}
.md-c\:backgroundHover {
color: var(--lns-color-backgroundHover)
}
.md-c\:backgroundActive {
color: var(--lns-color-backgroundActive)
}
.md-c\:backgroundSecondary {
color: var(--lns-color-backgroundSecondary)
}
.md-c\:backgroundSecondary2 {
color: var(--lns-color-backgroundSecondary2)
}
.md-c\:overlay {
color: var(--lns-color-overlay)
}
.md-c\:border {
color: var(--lns-color-border)
}
.md-c\:focusRing {
color: var(--lns-color-focusRing)
}
.md-c\:record {
color: var(--lns-color-record)
}
.md-c\:recordHover {
color: var(--lns-color-recordHover)
}
.md-c\:recordActive {
color: var(--lns-color-recordActive)
}
.md-c\:info {
color: var(--lns-color-info)
}
.md-c\:success {
color: var(--lns-color-success)
}
.md-c\:warning {
color: var(--lns-color-warning)
}
.md-c\:danger {
color: var(--lns-color-danger)
}
.md-c\:dangerHover {
color: var(--lns-color-dangerHover)
}
.md-c\:dangerActive {
color: var(--lns-color-dangerActive)
}
.md-c\:backdrop {
color: var(--lns-color-backdrop)
}
.md-c\:backdropDark {
color: var(--lns-color-backdropDark)
}
.md-c\:backdropTwilight {
color: var(--lns-color-backdropTwilight)
}
.md-c\:disabledContent {
color: var(--lns-color-disabledContent)
}
.md-c\:highlight {
color: var(--lns-color-highlight)
}
.md-c\:disabledBackground {
color: var(--lns-color-disabledBackground)
}
.md-c\:formFieldBorder {
color: var(--lns-color-formFieldBorder)
}
.md-c\:formFieldBackground {
color: var(--lns-color-formFieldBackground)
}
.md-c\:buttonBorder {
color: var(--lns-color-buttonBorder)
}
.md-c\:upgrade {
color: var(--lns-color-upgrade)
}
.md-c\:upgradeHover {
color: var(--lns-color-upgradeHover)
}
.md-c\:upgradeActive {
color: var(--lns-color-upgradeActive)
}
.md-c\:tabBackground {
color: var(--lns-color-tabBackground)
}
.md-c\:discoveryBackground {
color: var(--lns-color-discoveryBackground)
}
.md-c\:discoveryLightBackground {
color: var(--lns-color-discoveryLightBackground)
}
.md-c\:discoveryTitle {
color: var(--lns-color-discoveryTitle)
}
.md-c\:discoveryHighlight {
color: var(--lns-color-discoveryHighlight)
}
.md-shadow\:small {
box-shadow: var(--lns-shadow-small)
}
.md-shadow\:medium {
box-shadow: var(--lns-shadow-medium)
}
.md-shadow\:large {
box-shadow: var(--lns-shadow-large)
}
.md-radius\:medium {
border-radius: var(--lns-radius-medium)
}
.md-radius\:large {
border-radius: var(--lns-radius-large)
}
.md-radius\:xlarge {
border-radius: var(--lns-radius-xlarge)
}
.md-radius\:full {
border-radius: var(--lns-radius-full)
}
.md-bgc\:red {
background-color: var(--lns-color-red)
}
.md-bgc\:blurpleLight {
background-color: var(--lns-color-blurpleLight)
}
.md-bgc\:blurpleMedium {
background-color: var(--lns-color-blurpleMedium)
}
.md-bgc\:blurple {
background-color: var(--lns-color-blurple)
}
.md-bgc\:blurpleDark {
background-color: var(--lns-color-blurpleDark)
}
.md-bgc\:offWhite {
background-color: var(--lns-color-offWhite)
}
.md-bgc\:blueLight {
background-color: var(--lns-color-blueLight)
}
.md-bgc\:blue {
background-color: var(--lns-color-blue)
}
.md-bgc\:blueDark {
background-color: var(--lns-color-blueDark)
}
.md-bgc\:orangeLight {
background-color: var(--lns-color-orangeLight)
}
.md-bgc\:orange {
background-color: var(--lns-color-orange)
}
.md-bgc\:orangeDark {
background-color: var(--lns-color-orangeDark)
}
.md-bgc\:tealLight {
background-color: var(--lns-color-tealLight)
}
.md-bgc\:teal {
background-color: var(--lns-color-teal)
}
.md-bgc\:tealDark {
background-color: var(--lns-color-tealDark)
}
.md-bgc\:yellowLight {
background-color: var(--lns-color-yellowLight)
}
.md-bgc\:yellow {
background-color: var(--lns-color-yellow)
}
.md-bgc\:yellowDark {
background-color: var(--lns-color-yellowDark)
}
.md-bgc\:grey8 {
background-color: var(--lns-color-grey8)
}
.md-bgc\:grey7 {
background-color: var(--lns-color-grey7)
}
.md-bgc\:grey6 {
background-color: var(--lns-color-grey6)
}
.md-bgc\:grey5 {
background-color: var(--lns-color-grey5)
}
.md-bgc\:grey4 {
background-color: var(--lns-color-grey4)
}
.md-bgc\:grey3 {
background-color: var(--lns-color-grey3)
}
.md-bgc\:grey2 {
background-color: var(--lns-color-grey2)
}
.md-bgc\:grey1 {
background-color: var(--lns-color-grey1)
}
.md-bgc\:white {
background-color: var(--lns-color-white)
}
.md-bgc\:primary {
background-color: var(--lns-color-primary)
}
.md-bgc\:primaryHover {
background-color: var(--lns-color-primaryHover)
}
.md-bgc\:primaryActive {
background-color: var(--lns-color-primaryActive)
}
.md-bgc\:body {
background-color: var(--lns-color-body)
}
.md-bgc\:bodyDimmed {
background-color: var(--lns-color-bodyDimmed)
}
.md-bgc\:background {
background-color: var(--lns-color-background)
}
.md-bgc\:backgroundHover {
background-color: var(--lns-color-backgroundHover)
}
.md-bgc\:backgroundActive {
background-color: var(--lns-color-backgroundActive)
}
.md-bgc\:backgroundSecondary {
background-color: var(--lns-color-backgroundSecondary)
}
.md-bgc\:backgroundSecondary2 {
background-color: var(--lns-color-backgroundSecondary2)
}
.md-bgc\:overlay {
background-color: var(--lns-color-overlay)
}
.md-bgc\:border {
background-color: var(--lns-color-border)
}
.md-bgc\:focusRing {
background-color: var(--lns-color-focusRing)
}
.md-bgc\:record {
background-color: var(--lns-color-record)
}
.md-bgc\:recordHover {
background-color: var(--lns-color-recordHover)
}
.md-bgc\:recordActive {
background-color: var(--lns-color-recordActive)
}
.md-bgc\:info {
background-color: var(--lns-color-info)
}
.md-bgc\:success {
background-color: var(--lns-color-success)
}
.md-bgc\:warning {
background-color: var(--lns-color-warning)
}
.md-bgc\:danger {
background-color: var(--lns-color-danger)
}
.md-bgc\:dangerHover {
background-color: var(--lns-color-dangerHover)
}
.md-bgc\:dangerActive {
background-color: var(--lns-color-dangerActive)
}
.md-bgc\:backdrop {
background-color: var(--lns-color-backdrop)
}
.md-bgc\:backdropDark {
background-color: var(--lns-color-backdropDark)
}
.md-bgc\:backdropTwilight {
background-color: var(--lns-color-backdropTwilight)
}
.md-bgc\:disabledContent {
background-color: var(--lns-color-disabledContent)
}
.md-bgc\:highlight {
background-color: var(--lns-color-highlight)
}
.md-bgc\:disabledBackground {
background-color: var(--lns-color-disabledBackground)
}
.md-bgc\:formFieldBorder {
background-color: var(--lns-color-formFieldBorder)
}
.md-bgc\:formFieldBackground {
background-color: var(--lns-color-formFieldBackground)
}
.md-bgc\:buttonBorder {
background-color: var(--lns-color-buttonBorder)
}
.md-bgc\:upgrade {
background-color: var(--lns-color-upgrade)
}
.md-bgc\:upgradeHover {
background-color: var(--lns-color-upgradeHover)
}
.md-bgc\:upgradeActive {
background-color: var(--lns-color-upgradeActive)
}
.md-bgc\:tabBackground {
background-color: var(--lns-color-tabBackground)
}
.md-bgc\:discoveryBackground {
background-color: var(--lns-color-discoveryBackground)
}
.md-bgc\:discoveryLightBackground {
background-color: var(--lns-color-discoveryLightBackground)
}
.md-bgc\:discoveryTitle {
background-color: var(--lns-color-discoveryTitle)
}
.md-bgc\:discoveryHighlight {
background-color: var(--lns-color-discoveryHighlight)
}
.md-m\:0 {
margin: 0
}
.md-m\:auto {
margin: auto
}
.md-m\:xsmall {
margin: var(--lns-space-xsmall)
}
.md-m\:small {
margin: var(--lns-space-small)
}
.md-m\:medium {
margin: var(--lns-space-medium)
}
.md-m\:large {
margin: var(--lns-space-large)
}
.md-m\:xlarge {
margin: var(--lns-space-xlarge)
}
.md-m\:xxlarge {
margin: var(--lns-space-xxlarge)
}
.md-mt\:0 {
margin-top: 0
}
.md-mt\:auto {
margin-top: auto
}
.md-mt\:xsmall {
margin-top: var(--lns-space-xsmall)
}
.md-mt\:small {
margin-top: var(--lns-space-small)
}
.md-mt\:medium {
margin-top: var(--lns-space-medium)
}
.md-mt\:large {
margin-top: var(--lns-space-large)
}
.md-mt\:xlarge {
margin-top: var(--lns-space-xlarge)
}
.md-mt\:xxlarge {
margin-top: var(--lns-space-xxlarge)
}
.md-mb\:0 {
margin-bottom: 0
}
.md-mb\:auto {
margin-bottom: auto
}
.md-mb\:xsmall {
margin-bottom: var(--lns-space-xsmall)
}
.md-mb\:small {
margin-bottom: var(--lns-space-small)
}
.md-mb\:medium {
margin-bottom: var(--lns-space-medium)
}
.md-mb\:large {
margin-bottom: var(--lns-space-large)
}
.md-mb\:xlarge {
margin-bottom: var(--lns-space-xlarge)
}
.md-mb\:xxlarge {
margin-bottom: var(--lns-space-xxlarge)
}
.md-ml\:0 {
margin-left: 0
}
.md-ml\:auto {
margin-left: auto
}
.md-ml\:xsmall {
margin-left: var(--lns-space-xsmall)
}
.md-ml\:small {
margin-left: var(--lns-space-small)
}
.md-ml\:medium {
margin-left: var(--lns-space-medium)
}
.md-ml\:large {
margin-left: var(--lns-space-large)
}
.md-ml\:xlarge {
margin-left: var(--lns-space-xlarge)
}
.md-ml\:xxlarge {
margin-left: var(--lns-space-xxlarge)
}
.md-mr\:0 {
margin-right: 0
}
.md-mr\:auto {
margin-right: auto
}
.md-mr\:xsmall {
margin-right: var(--lns-space-xsmall)
}
.md-mr\:small {
margin-right: var(--lns-space-small)
}
.md-mr\:medium {
margin-right: var(--lns-space-medium)
}
.md-mr\:large {
margin-right: var(--lns-space-large)
}
.md-mr\:xlarge {
margin-right: var(--lns-space-xlarge)
}
.md-mr\:xxlarge {
margin-right: var(--lns-space-xxlarge)
}
.md-mx\:0 {
margin-left: 0;
margin-right: 0
}
.md-mx\:auto {
margin-left: auto;
margin-right: auto
}
.md-mx\:xsmall {
margin-left: var(--lns-space-xsmall);
margin-right: var(--lns-space-xsmall)
}
.md-mx\:small {
margin-left: var(--lns-space-small);
margin-right: var(--lns-space-small)
}
.md-mx\:medium {
margin-left: var(--lns-space-medium);
margin-right: var(--lns-space-medium)
}
.md-mx\:large {
margin-left: var(--lns-space-large);
margin-right: var(--lns-space-large)
}
.md-mx\:xlarge {
margin-left: var(--lns-space-xlarge);
margin-right: var(--lns-space-xlarge)
}
.md-mx\:xxlarge {
margin-left: var(--lns-space-xxlarge);
margin-right: var(--lns-space-xxlarge)
}
.md-my\:0 {
margin-top: 0;
margin-bottom: 0
}
.md-my\:auto {
margin-top: auto;
margin-bottom: auto
}
.md-my\:xsmall {
margin-top: var(--lns-space-xsmall);
margin-bottom: var(--lns-space-xsmall)
}
.md-my\:small {
margin-top: var(--lns-space-small);
margin-bottom: var(--lns-space-small)
}
.md-my\:medium {
margin-top: var(--lns-space-medium);
margin-bottom: var(--lns-space-medium)
}
.md-my\:large {
margin-top: var(--lns-space-large);
margin-bottom: var(--lns-space-large)
}
.md-my\:xlarge {
margin-top: var(--lns-space-xlarge);
margin-bottom: var(--lns-space-xlarge)
}
.md-my\:xxlarge {
margin-top: var(--lns-space-xxlarge);
margin-bottom: var(--lns-space-xxlarge)
}
.md-p\:0 {
padding: 0
}
.md-p\:xsmall {
padding: var(--lns-space-xsmall)
}
.md-p\:small {
padding: var(--lns-space-small)
}
.md-p\:medium {
padding: var(--lns-space-medium)
}
.md-p\:large {
padding: var(--lns-space-large)
}
.md-p\:xlarge {
padding: var(--lns-space-xlarge)
}
.md-p\:xxlarge {
padding: var(--lns-space-xxlarge)
}
.md-pt\:0 {
padding-top: 0
}
.md-pt\:xsmall {
padding-top: var(--lns-space-xsmall)
}
.md-pt\:small {
padding-top: var(--lns-space-small)
}
.md-pt\:medium {
padding-top: var(--lns-space-medium)
}
.md-pt\:large {
padding-top: var(--lns-space-large)
}
.md-pt\:xlarge {
padding-top: var(--lns-space-xlarge)
}
.md-pt\:xxlarge {
padding-top: var(--lns-space-xxlarge)
}
.md-pb\:0 {
padding-bottom: 0
}
.md-pb\:xsmall {
padding-bottom: var(--lns-space-xsmall)
}
.md-pb\:small {
padding-bottom: var(--lns-space-small)
}
.md-pb\:medium {
padding-bottom: var(--lns-space-medium)
}
.md-pb\:large {
padding-bottom: var(--lns-space-large)
}
.md-pb\:xlarge {
padding-bottom: var(--lns-space-xlarge)
}
.md-pb\:xxlarge {
padding-bottom: var(--lns-space-xxlarge)
}
.md-pl\:0 {
padding-left: 0
}
.md-pl\:xsmall {
padding-left: var(--lns-space-xsmall)
}
.md-pl\:small {
padding-left: var(--lns-space-small)
}
.md-pl\:medium {
padding-left: var(--lns-space-medium)
}
.md-pl\:large {
padding-left: var(--lns-space-large)
}
.md-pl\:xlarge {
padding-left: var(--lns-space-xlarge)
}
.md-pl\:xxlarge {
padding-left: var(--lns-space-xxlarge)
}
.md-pr\:0 {
padding-right: 0
}
.md-pr\:xsmall {
padding-right: var(--lns-space-xsmall)
}
.md-pr\:small {
padding-right: var(--lns-space-small)
}
.md-pr\:medium {
padding-right: var(--lns-space-medium)
}
.md-pr\:large {
padding-right: var(--lns-space-large)
}
.md-pr\:xlarge {
padding-right: var(--lns-space-xlarge)
}
.md-pr\:xxlarge {
padding-right: var(--lns-space-xxlarge)
}
.md-px\:0 {
padding-left: 0;
padding-right: 0
}
.md-px\:xsmall {
padding-left: var(--lns-space-xsmall);
padding-right: var(--lns-space-xsmall)
}
.md-px\:small {
padding-left: var(--lns-space-small);
padding-right: var(--lns-space-small)
}
.md-px\:medium {
padding-left: var(--lns-space-medium);
padding-right: var(--lns-space-medium)
}
.md-px\:large {
padding-left: var(--lns-space-large);
padding-right: var(--lns-space-large)
}
.md-px\:xlarge {
padding-left: var(--lns-space-xlarge);
padding-right: var(--lns-space-xlarge)
}
.md-px\:xxlarge {
padding-left: var(--lns-space-xxlarge);
padding-right: var(--lns-space-xxlarge)
}
.md-py\:0 {
padding-top: 0;
padding-bottom: 0
}
.md-py\:xsmall {
padding-top: var(--lns-space-xsmall);
padding-bottom: var(--lns-space-xsmall)
}
.md-py\:small {
padding-top: var(--lns-space-small);
padding-bottom: var(--lns-space-small)
}
.md-py\:medium {
padding-top: var(--lns-space-medium);
padding-bottom: var(--lns-space-medium)
}
.md-py\:large {
padding-top: var(--lns-space-large);
padding-bottom: var(--lns-space-large)
}
.md-py\:xlarge {
padding-top: var(--lns-space-xlarge);
padding-bottom: var(--lns-space-xlarge)
}
.md-py\:xxlarge {
padding-top: var(--lns-space-xxlarge);
padding-bottom: var(--lns-space-xxlarge)
}
.md-text\:small {
font-size: var(--lns-fontSize-small);
line-height: var(--lns-lineHeight-small)
}
.md-text\:body-sm {
font-size: var(--lns-fontSize-body-sm);
line-height: var(--lns-lineHeight-body-sm)
}
.md-text\:medium {
font-size: var(--lns-fontSize-medium);
line-height: var(--lns-lineHeight-medium)
}
.md-text\:body-md {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md)
}
.md-text\:large {
font-size: var(--lns-fontSize-large);
line-height: var(--lns-lineHeight-large)
}
.md-text\:body-lg {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg)
}
.md-text\:xlarge {
font-size: var(--lns-fontSize-xlarge);
line-height: var(--lns-lineHeight-xlarge)
}
.md-text\:heading-sm {
font-size: var(--lns-fontSize-heading-sm);
line-height: var(--lns-lineHeight-heading-sm)
}
.md-text\:xxlarge {
font-size: var(--lns-fontSize-xxlarge);
line-height: var(--lns-lineHeight-xxlarge)
}
.md-text\:heading-md {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md)
}
.md-text\:xxxlarge {
font-size: var(--lns-fontSize-xxxlarge);
line-height: var(--lns-lineHeight-xxxlarge)
}
.md-text\:heading-lg {
font-size: var(--lns-fontSize-heading-lg);
line-height: var(--lns-lineHeight-heading-lg)
}
.md-weight\:book {
font-weight: var(--lns-fontWeight-book)
}
.md-weight\:bold {
font-weight: var(--lns-fontWeight-bold)
}
.md-text\:body {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md);
font-weight: var(--lns-fontWeight-book)
}
.md-text\:title {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg);
font-weight: var(--lns-fontWeight-bold)
}
.md-text\:mainTitle {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md);
font-weight: var(--lns-fontWeight-bold)
}
.md-text\:left {
text-align: left
}
.md-text\:right {
text-align: right
}
.md-text\:center {
text-align: center
}
.md-border {
border: 1px solid var(--lns-color-border)
}
.md-borderTop {
border-top: 1px solid var(--lns-color-border)
}
.md-borderBottom {
border-bottom: 1px solid var(--lns-color-border)
}
.md-borderLeft {
border-left: 1px solid var(--lns-color-border)
}
.md-borderRight {
border-right: 1px solid var(--lns-color-border)
}
.md-inline {
display: inline
}
.md-block {
display: block
}
.md-flex {
display: flex
}
.md-inlineBlock {
display: inline-block
}
.md-inlineFlex {
display: inline-flex
}
.md-none {
display: none
}
.md-flexWrap {
flex-wrap: wrap
}
.md-flexDirection\:column {
flex-direction: column
}
.md-flexDirection\:row {
flex-direction: row
}
.md-items\:stretch {
align-items: stretch
}
.md-items\:center {
align-items: center
}
.md-items\:baseline {
align-items: baseline
}
.md-items\:flexStart {
align-items: flex-start
}
.md-items\:flexEnd {
align-items: flex-end
}
.md-items\:selfStart {
align-items: self-start
}
.md-items\:selfEnd {
align-items: self-end
}
.md-justify\:flexStart {
justify-content: flex-start
}
.md-justify\:flexEnd {
justify-content: flex-end
}
.md-justify\:center {
justify-content: center
}
.md-justify\:spaceBetween {
justify-content: space-between
}
.md-justify\:spaceAround {
justify-content: space-around
}
.md-justify\:spaceEvenly {
justify-content: space-evenly
}
.md-grow\:0 {
flex-grow: 0
}
.md-grow\:1 {
flex-grow: 1
}
.md-shrink\:0 {
flex-shrink: 0
}
.md-shrink\:1 {
flex-shrink: 1
}
.md-self\:auto {
align-self: auto
}
.md-self\:flexStart {
align-self: flex-start
}
.md-self\:flexEnd {
align-self: flex-end
}
.md-self\:center {
align-self: center
}
.md-self\:baseline {
align-self: baseline
}
.md-self\:stretch {
align-self: stretch
}
.md-overflow\:hidden {
overflow: hidden
}
.md-overflow\:auto {
overflow: auto
}
.md-relative {
position: relative
}
.md-absolute {
position: absolute
}
.md-sticky {
position: sticky
}
.md-fixed {
position: fixed
}
.md-top\:0 {
top: 0
}
.md-top\:auto {
top: auto
}
.md-top\:xsmall {
top: var(--lns-space-xsmall)
}
.md-top\:small {
top: var(--lns-space-small)
}
.md-top\:medium {
top: var(--lns-space-medium)
}
.md-top\:large {
top: var(--lns-space-large)
}
.md-top\:xlarge {
top: var(--lns-space-xlarge)
}
.md-top\:xxlarge {
top: var(--lns-space-xxlarge)
}
.md-bottom\:0 {
bottom: 0
}
.md-bottom\:auto {
bottom: auto
}
.md-bottom\:xsmall {
bottom: var(--lns-space-xsmall)
}
.md-bottom\:small {
bottom: var(--lns-space-small)
}
.md-bottom\:medium {
bottom: var(--lns-space-medium)
}
.md-bottom\:large {
bottom: var(--lns-space-large)
}
.md-bottom\:xlarge {
bottom: var(--lns-space-xlarge)
}
.md-bottom\:xxlarge {
bottom: var(--lns-space-xxlarge)
}
.md-left\:0 {
left: 0
}
.md-left\:auto {
left: auto
}
.md-left\:xsmall {
left: var(--lns-space-xsmall)
}
.md-left\:small {
left: var(--lns-space-small)
}
.md-left\:medium {
left: var(--lns-space-medium)
}
.md-left\:large {
left: var(--lns-space-large)
}
.md-left\:xlarge {
left: var(--lns-space-xlarge)
}
.md-left\:xxlarge {
left: var(--lns-space-xxlarge)
}
.md-right\:0 {
right: 0
}
.md-right\:auto {
right: auto
}
.md-right\:xsmall {
right: var(--lns-space-xsmall)
}
.md-right\:small {
right: var(--lns-space-small)
}
.md-right\:medium {
right: var(--lns-space-medium)
}
.md-right\:large {
right: var(--lns-space-large)
}
.md-right\:xlarge {
right: var(--lns-space-xlarge)
}
.md-right\:xxlarge {
right: var(--lns-space-xxlarge)
}
.md-width\:auto {
width: auto
}
.md-width\:full {
width: 100%
}
.md-width\:0 {
width: 0
}
.md-minWidth\:0 {
min-width: 0
}
.md-height\:auto {
height: auto
}
.md-height\:full {
height: 100%
}
.md-height\:0 {
height: 0
}
.md-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.md-srOnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
}
@media(min-width:75em) {
.lg-c\:red {
color: var(--lns-color-red)
}
.lg-c\:blurpleLight {
color: var(--lns-color-blurpleLight)
}
.lg-c\:blurpleMedium {
color: var(--lns-color-blurpleMedium)
}
.lg-c\:blurple {
color: var(--lns-color-blurple)
}
.lg-c\:blurpleDark {
color: var(--lns-color-blurpleDark)
}
.lg-c\:offWhite {
color: var(--lns-color-offWhite)
}
.lg-c\:blueLight {
color: var(--lns-color-blueLight)
}
.lg-c\:blue {
color: var(--lns-color-blue)
}
.lg-c\:blueDark {
color: var(--lns-color-blueDark)
}
.lg-c\:orangeLight {
color: var(--lns-color-orangeLight)
}
.lg-c\:orange {
color: var(--lns-color-orange)
}
.lg-c\:orangeDark {
color: var(--lns-color-orangeDark)
}
.lg-c\:tealLight {
color: var(--lns-color-tealLight)
}
.lg-c\:teal {
color: var(--lns-color-teal)
}
.lg-c\:tealDark {
color: var(--lns-color-tealDark)
}
.lg-c\:yellowLight {
color: var(--lns-color-yellowLight)
}
.lg-c\:yellow {
color: var(--lns-color-yellow)
}
.lg-c\:yellowDark {
color: var(--lns-color-yellowDark)
}
.lg-c\:grey8 {
color: var(--lns-color-grey8)
}
.lg-c\:grey7 {
color: var(--lns-color-grey7)
}
.lg-c\:grey6 {
color: var(--lns-color-grey6)
}
.lg-c\:grey5 {
color: var(--lns-color-grey5)
}
.lg-c\:grey4 {
color: var(--lns-color-grey4)
}
.lg-c\:grey3 {
color: var(--lns-color-grey3)
}
.lg-c\:grey2 {
color: var(--lns-color-grey2)
}
.lg-c\:grey1 {
color: var(--lns-color-grey1)
}
.lg-c\:white {
color: var(--lns-color-white)
}
.lg-c\:primary {
color: var(--lns-color-primary)
}
.lg-c\:primaryHover {
color: var(--lns-color-primaryHover)
}
.lg-c\:primaryActive {
color: var(--lns-color-primaryActive)
}
.lg-c\:body {
color: var(--lns-color-body)
}
.lg-c\:bodyDimmed {
color: var(--lns-color-bodyDimmed)
}
.lg-c\:background {
color: var(--lns-color-background)
}
.lg-c\:backgroundHover {
color: var(--lns-color-backgroundHover)
}
.lg-c\:backgroundActive {
color: var(--lns-color-backgroundActive)
}
.lg-c\:backgroundSecondary {
color: var(--lns-color-backgroundSecondary)
}
.lg-c\:backgroundSecondary2 {
color: var(--lns-color-backgroundSecondary2)
}
.lg-c\:overlay {
color: var(--lns-color-overlay)
}
.lg-c\:border {
color: var(--lns-color-border)
}
.lg-c\:focusRing {
color: var(--lns-color-focusRing)
}
.lg-c\:record {
color: var(--lns-color-record)
}
.lg-c\:recordHover {
color: var(--lns-color-recordHover)
}
.lg-c\:recordActive {
color: var(--lns-color-recordActive)
}
.lg-c\:info {
color: var(--lns-color-info)
}
.lg-c\:success {
color: var(--lns-color-success)
}
.lg-c\:warning {
color: var(--lns-color-warning)
}
.lg-c\:danger {
color: var(--lns-color-danger)
}
.lg-c\:dangerHover {
color: var(--lns-color-dangerHover)
}
.lg-c\:dangerActive {
color: var(--lns-color-dangerActive)
}
.lg-c\:backdrop {
color: var(--lns-color-backdrop)
}
.lg-c\:backdropDark {
color: var(--lns-color-backdropDark)
}
.lg-c\:backdropTwilight {
color: var(--lns-color-backdropTwilight)
}
.lg-c\:disabledContent {
color: var(--lns-color-disabledContent)
}
.lg-c\:highlight {
color: var(--lns-color-highlight)
}
.lg-c\:disabledBackground {
color: var(--lns-color-disabledBackground)
}
.lg-c\:formFieldBorder {
color: var(--lns-color-formFieldBorder)
}
.lg-c\:formFieldBackground {
color: var(--lns-color-formFieldBackground)
}
.lg-c\:buttonBorder {
color: var(--lns-color-buttonBorder)
}
.lg-c\:upgrade {
color: var(--lns-color-upgrade)
}
.lg-c\:upgradeHover {
color: var(--lns-color-upgradeHover)
}
.lg-c\:upgradeActive {
color: var(--lns-color-upgradeActive)
}
.lg-c\:tabBackground {
color: var(--lns-color-tabBackground)
}
.lg-c\:discoveryBackground {
color: var(--lns-color-discoveryBackground)
}
.lg-c\:discoveryLightBackground {
color: var(--lns-color-discoveryLightBackground)
}
.lg-c\:discoveryTitle {
color: var(--lns-color-discoveryTitle)
}
.lg-c\:discoveryHighlight {
color: var(--lns-color-discoveryHighlight)
}
.lg-shadow\:small {
box-shadow: var(--lns-shadow-small)
}
.lg-shadow\:medium {
box-shadow: var(--lns-shadow-medium)
}
.lg-shadow\:large {
box-shadow: var(--lns-shadow-large)
}
.lg-radius\:medium {
border-radius: var(--lns-radius-medium)
}
.lg-radius\:large {
border-radius: var(--lns-radius-large)
}
.lg-radius\:xlarge {
border-radius: var(--lns-radius-xlarge)
}
.lg-radius\:full {
border-radius: var(--lns-radius-full)
}
.lg-bgc\:red {
background-color: var(--lns-color-red)
}
.lg-bgc\:blurpleLight {
background-color: var(--lns-color-blurpleLight)
}
.lg-bgc\:blurpleMedium {
background-color: var(--lns-color-blurpleMedium)
}
.lg-bgc\:blurple {
background-color: var(--lns-color-blurple)
}
.lg-bgc\:blurpleDark {
background-color: var(--lns-color-blurpleDark)
}
.lg-bgc\:offWhite {
background-color: var(--lns-color-offWhite)
}
.lg-bgc\:blueLight {
background-color: var(--lns-color-blueLight)
}
.lg-bgc\:blue {
background-color: var(--lns-color-blue)
}
.lg-bgc\:blueDark {
background-color: var(--lns-color-blueDark)
}
.lg-bgc\:orangeLight {
background-color: var(--lns-color-orangeLight)
}
.lg-bgc\:orange {
background-color: var(--lns-color-orange)
}
.lg-bgc\:orangeDark {
background-color: var(--lns-color-orangeDark)
}
.lg-bgc\:tealLight {
background-color: var(--lns-color-tealLight)
}
.lg-bgc\:teal {
background-color: var(--lns-color-teal)
}
.lg-bgc\:tealDark {
background-color: var(--lns-color-tealDark)
}
.lg-bgc\:yellowLight {
background-color: var(--lns-color-yellowLight)
}
.lg-bgc\:yellow {
background-color: var(--lns-color-yellow)
}
.lg-bgc\:yellowDark {
background-color: var(--lns-color-yellowDark)
}
.lg-bgc\:grey8 {
background-color: var(--lns-color-grey8)
}
.lg-bgc\:grey7 {
background-color: var(--lns-color-grey7)
}
.lg-bgc\:grey6 {
background-color: var(--lns-color-grey6)
}
.lg-bgc\:grey5 {
background-color: var(--lns-color-grey5)
}
.lg-bgc\:grey4 {
background-color: var(--lns-color-grey4)
}
.lg-bgc\:grey3 {
background-color: var(--lns-color-grey3)
}
.lg-bgc\:grey2 {
background-color: var(--lns-color-grey2)
}
.lg-bgc\:grey1 {
background-color: var(--lns-color-grey1)
}
.lg-bgc\:white {
background-color: var(--lns-color-white)
}
.lg-bgc\:primary {
background-color: var(--lns-color-primary)
}
.lg-bgc\:primaryHover {
background-color: var(--lns-color-primaryHover)
}
.lg-bgc\:primaryActive {
background-color: var(--lns-color-primaryActive)
}
.lg-bgc\:body {
background-color: var(--lns-color-body)
}
.lg-bgc\:bodyDimmed {
background-color: var(--lns-color-bodyDimmed)
}
.lg-bgc\:background {
background-color: var(--lns-color-background)
}
.lg-bgc\:backgroundHover {
background-color: var(--lns-color-backgroundHover)
}
.lg-bgc\:backgroundActive {
background-color: var(--lns-color-backgroundActive)
}
.lg-bgc\:backgroundSecondary {
background-color: var(--lns-color-backgroundSecondary)
}
.lg-bgc\:backgroundSecondary2 {
background-color: var(--lns-color-backgroundSecondary2)
}
.lg-bgc\:overlay {
background-color: var(--lns-color-overlay)
}
.lg-bgc\:border {
background-color: var(--lns-color-border)
}
.lg-bgc\:focusRing {
background-color: var(--lns-color-focusRing)
}
.lg-bgc\:record {
background-color: var(--lns-color-record)
}
.lg-bgc\:recordHover {
background-color: var(--lns-color-recordHover)
}
.lg-bgc\:recordActive {
background-color: var(--lns-color-recordActive)
}
.lg-bgc\:info {
background-color: var(--lns-color-info)
}
.lg-bgc\:success {
background-color: var(--lns-color-success)
}
.lg-bgc\:warning {
background-color: var(--lns-color-warning)
}
.lg-bgc\:danger {
background-color: var(--lns-color-danger)
}
.lg-bgc\:dangerHover {
background-color: var(--lns-color-dangerHover)
}
.lg-bgc\:dangerActive {
background-color: var(--lns-color-dangerActive)
}
.lg-bgc\:backdrop {
background-color: var(--lns-color-backdrop)
}
.lg-bgc\:backdropDark {
background-color: var(--lns-color-backdropDark)
}
.lg-bgc\:backdropTwilight {
background-color: var(--lns-color-backdropTwilight)
}
.lg-bgc\:disabledContent {
background-color: var(--lns-color-disabledContent)
}
.lg-bgc\:highlight {
background-color: var(--lns-color-highlight)
}
.lg-bgc\:disabledBackground {
background-color: var(--lns-color-disabledBackground)
}
.lg-bgc\:formFieldBorder {
background-color: var(--lns-color-formFieldBorder)
}
.lg-bgc\:formFieldBackground {
background-color: var(--lns-color-formFieldBackground)
}
.lg-bgc\:buttonBorder {
background-color: var(--lns-color-buttonBorder)
}
.lg-bgc\:upgrade {
background-color: var(--lns-color-upgrade)
}
.lg-bgc\:upgradeHover {
background-color: var(--lns-color-upgradeHover)
}
.lg-bgc\:upgradeActive {
background-color: var(--lns-color-upgradeActive)
}
.lg-bgc\:tabBackground {
background-color: var(--lns-color-tabBackground)
}
.lg-bgc\:discoveryBackground {
background-color: var(--lns-color-discoveryBackground)
}
.lg-bgc\:discoveryLightBackground {
background-color: var(--lns-color-discoveryLightBackground)
}
.lg-bgc\:discoveryTitle {
background-color: var(--lns-color-discoveryTitle)
}
.lg-bgc\:discoveryHighlight {
background-color: var(--lns-color-discoveryHighlight)
}
.lg-m\:0 {
margin: 0
}
.lg-m\:auto {
margin: auto
}
.lg-m\:xsmall {
margin: var(--lns-space-xsmall)
}
.lg-m\:small {
margin: var(--lns-space-small)
}
.lg-m\:medium {
margin: var(--lns-space-medium)
}
.lg-m\:large {
margin: var(--lns-space-large)
}
.lg-m\:xlarge {
margin: var(--lns-space-xlarge)
}
.lg-m\:xxlarge {
margin: var(--lns-space-xxlarge)
}
.lg-mt\:0 {
margin-top: 0
}
.lg-mt\:auto {
margin-top: auto
}
.lg-mt\:xsmall {
margin-top: var(--lns-space-xsmall)
}
.lg-mt\:small {
margin-top: var(--lns-space-small)
}
.lg-mt\:medium {
margin-top: var(--lns-space-medium)
}
.lg-mt\:large {
margin-top: var(--lns-space-large)
}
.lg-mt\:xlarge {
margin-top: var(--lns-space-xlarge)
}
.lg-mt\:xxlarge {
margin-top: var(--lns-space-xxlarge)
}
.lg-mb\:0 {
margin-bottom: 0
}
.lg-mb\:auto {
margin-bottom: auto
}
.lg-mb\:xsmall {
margin-bottom: var(--lns-space-xsmall)
}
.lg-mb\:small {
margin-bottom: var(--lns-space-small)
}
.lg-mb\:medium {
margin-bottom: var(--lns-space-medium)
}
.lg-mb\:large {
margin-bottom: var(--lns-space-large)
}
.lg-mb\:xlarge {
margin-bottom: var(--lns-space-xlarge)
}
.lg-mb\:xxlarge {
margin-bottom: var(--lns-space-xxlarge)
}
.lg-ml\:0 {
margin-left: 0
}
.lg-ml\:auto {
margin-left: auto
}
.lg-ml\:xsmall {
margin-left: var(--lns-space-xsmall)
}
.lg-ml\:small {
margin-left: var(--lns-space-small)
}
.lg-ml\:medium {
margin-left: var(--lns-space-medium)
}
.lg-ml\:large {
margin-left: var(--lns-space-large)
}
.lg-ml\:xlarge {
margin-left: var(--lns-space-xlarge)
}
.lg-ml\:xxlarge {
margin-left: var(--lns-space-xxlarge)
}
.lg-mr\:0 {
margin-right: 0
}
.lg-mr\:auto {
margin-right: auto
}
.lg-mr\:xsmall {
margin-right: var(--lns-space-xsmall)
}
.lg-mr\:small {
margin-right: var(--lns-space-small)
}
.lg-mr\:medium {
margin-right: var(--lns-space-medium)
}
.lg-mr\:large {
margin-right: var(--lns-space-large)
}
.lg-mr\:xlarge {
margin-right: var(--lns-space-xlarge)
}
.lg-mr\:xxlarge {
margin-right: var(--lns-space-xxlarge)
}
.lg-mx\:0 {
margin-left: 0;
margin-right: 0
}
.lg-mx\:auto {
margin-left: auto;
margin-right: auto
}
.lg-mx\:xsmall {
margin-left: var(--lns-space-xsmall);
margin-right: var(--lns-space-xsmall)
}
.lg-mx\:small {
margin-left: var(--lns-space-small);
margin-right: var(--lns-space-small)
}
.lg-mx\:medium {
margin-left: var(--lns-space-medium);
margin-right: var(--lns-space-medium)
}
.lg-mx\:large {
margin-left: var(--lns-space-large);
margin-right: var(--lns-space-large)
}
.lg-mx\:xlarge {
margin-left: var(--lns-space-xlarge);
margin-right: var(--lns-space-xlarge)
}
.lg-mx\:xxlarge {
margin-left: var(--lns-space-xxlarge);
margin-right: var(--lns-space-xxlarge)
}
.lg-my\:0 {
margin-top: 0;
margin-bottom: 0
}
.lg-my\:auto {
margin-top: auto;
margin-bottom: auto
}
.lg-my\:xsmall {
margin-top: var(--lns-space-xsmall);
margin-bottom: var(--lns-space-xsmall)
}
.lg-my\:small {
margin-top: var(--lns-space-small);
margin-bottom: var(--lns-space-small)
}
.lg-my\:medium {
margin-top: var(--lns-space-medium);
margin-bottom: var(--lns-space-medium)
}
.lg-my\:large {
margin-top: var(--lns-space-large);
margin-bottom: var(--lns-space-large)
}
.lg-my\:xlarge {
margin-top: var(--lns-space-xlarge);
margin-bottom: var(--lns-space-xlarge)
}
.lg-my\:xxlarge {
margin-top: var(--lns-space-xxlarge);
margin-bottom: var(--lns-space-xxlarge)
}
.lg-p\:0 {
padding: 0
}
.lg-p\:xsmall {
padding: var(--lns-space-xsmall)
}
.lg-p\:small {
padding: var(--lns-space-small)
}
.lg-p\:medium {
padding: var(--lns-space-medium)
}
.lg-p\:large {
padding: var(--lns-space-large)
}
.lg-p\:xlarge {
padding: var(--lns-space-xlarge)
}
.lg-p\:xxlarge {
padding: var(--lns-space-xxlarge)
}
.lg-pt\:0 {
padding-top: 0
}
.lg-pt\:xsmall {
padding-top: var(--lns-space-xsmall)
}
.lg-pt\:small {
padding-top: var(--lns-space-small)
}
.lg-pt\:medium {
padding-top: var(--lns-space-medium)
}
.lg-pt\:large {
padding-top: var(--lns-space-large)
}
.lg-pt\:xlarge {
padding-top: var(--lns-space-xlarge)
}
.lg-pt\:xxlarge {
padding-top: var(--lns-space-xxlarge)
}
.lg-pb\:0 {
padding-bottom: 0
}
.lg-pb\:xsmall {
padding-bottom: var(--lns-space-xsmall)
}
.lg-pb\:small {
padding-bottom: var(--lns-space-small)
}
.lg-pb\:medium {
padding-bottom: var(--lns-space-medium)
}
.lg-pb\:large {
padding-bottom: var(--lns-space-large)
}
.lg-pb\:xlarge {
padding-bottom: var(--lns-space-xlarge)
}
.lg-pb\:xxlarge {
padding-bottom: var(--lns-space-xxlarge)
}
.lg-pl\:0 {
padding-left: 0
}
.lg-pl\:xsmall {
padding-left: var(--lns-space-xsmall)
}
.lg-pl\:small {
padding-left: var(--lns-space-small)
}
.lg-pl\:medium {
padding-left: var(--lns-space-medium)
}
.lg-pl\:large {
padding-left: var(--lns-space-large)
}
.lg-pl\:xlarge {
padding-left: var(--lns-space-xlarge)
}
.lg-pl\:xxlarge {
padding-left: var(--lns-space-xxlarge)
}
.lg-pr\:0 {
padding-right: 0
}
.lg-pr\:xsmall {
padding-right: var(--lns-space-xsmall)
}
.lg-pr\:small {
padding-right: var(--lns-space-small)
}
.lg-pr\:medium {
padding-right: var(--lns-space-medium)
}
.lg-pr\:large {
padding-right: var(--lns-space-large)
}
.lg-pr\:xlarge {
padding-right: var(--lns-space-xlarge)
}
.lg-pr\:xxlarge {
padding-right: var(--lns-space-xxlarge)
}
.lg-px\:0 {
padding-left: 0;
padding-right: 0
}
.lg-px\:xsmall {
padding-left: var(--lns-space-xsmall);
padding-right: var(--lns-space-xsmall)
}
.lg-px\:small {
padding-left: var(--lns-space-small);
padding-right: var(--lns-space-small)
}
.lg-px\:medium {
padding-left: var(--lns-space-medium);
padding-right: var(--lns-space-medium)
}
.lg-px\:large {
padding-left: var(--lns-space-large);
padding-right: var(--lns-space-large)
}
.lg-px\:xlarge {
padding-left: var(--lns-space-xlarge);
padding-right: var(--lns-space-xlarge)
}
.lg-px\:xxlarge {
padding-left: var(--lns-space-xxlarge);
padding-right: var(--lns-space-xxlarge)
}
.lg-py\:0 {
padding-top: 0;
padding-bottom: 0
}
.lg-py\:xsmall {
padding-top: var(--lns-space-xsmall);
padding-bottom: var(--lns-space-xsmall)
}
.lg-py\:small {
padding-top: var(--lns-space-small);
padding-bottom: var(--lns-space-small)
}
.lg-py\:medium {
padding-top: var(--lns-space-medium);
padding-bottom: var(--lns-space-medium)
}
.lg-py\:large {
padding-top: var(--lns-space-large);
padding-bottom: var(--lns-space-large)
}
.lg-py\:xlarge {
padding-top: var(--lns-space-xlarge);
padding-bottom: var(--lns-space-xlarge)
}
.lg-py\:xxlarge {
padding-top: var(--lns-space-xxlarge);
padding-bottom: var(--lns-space-xxlarge)
}
.lg-text\:small {
font-size: var(--lns-fontSize-small);
line-height: var(--lns-lineHeight-small)
}
.lg-text\:body-sm {
font-size: var(--lns-fontSize-body-sm);
line-height: var(--lns-lineHeight-body-sm)
}
.lg-text\:medium {
font-size: var(--lns-fontSize-medium);
line-height: var(--lns-lineHeight-medium)
}
.lg-text\:body-md {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md)
}
.lg-text\:large {
font-size: var(--lns-fontSize-large);
line-height: var(--lns-lineHeight-large)
}
.lg-text\:body-lg {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg)
}
.lg-text\:xlarge {
font-size: var(--lns-fontSize-xlarge);
line-height: var(--lns-lineHeight-xlarge)
}
.lg-text\:heading-sm {
font-size: var(--lns-fontSize-heading-sm);
line-height: var(--lns-lineHeight-heading-sm)
}
.lg-text\:xxlarge {
font-size: var(--lns-fontSize-xxlarge);
line-height: var(--lns-lineHeight-xxlarge)
}
.lg-text\:heading-md {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md)
}
.lg-text\:xxxlarge {
font-size: var(--lns-fontSize-xxxlarge);
line-height: var(--lns-lineHeight-xxxlarge)
}
.lg-text\:heading-lg {
font-size: var(--lns-fontSize-heading-lg);
line-height: var(--lns-lineHeight-heading-lg)
}
.lg-weight\:book {
font-weight: var(--lns-fontWeight-book)
}
.lg-weight\:bold {
font-weight: var(--lns-fontWeight-bold)
}
.lg-text\:body {
font-size: var(--lns-fontSize-body-md);
line-height: var(--lns-lineHeight-body-md);
font-weight: var(--lns-fontWeight-book)
}
.lg-text\:title {
font-size: var(--lns-fontSize-body-lg);
line-height: var(--lns-lineHeight-body-lg);
font-weight: var(--lns-fontWeight-bold)
}
.lg-text\:mainTitle {
font-size: var(--lns-fontSize-heading-md);
line-height: var(--lns-lineHeight-heading-md);
font-weight: var(--lns-fontWeight-bold)
}
.lg-text\:left {
text-align: left
}
.lg-text\:right {
text-align: right
}
.lg-text\:center {
text-align: center
}
.lg-border {
border: 1px solid var(--lns-color-border)
}
.lg-borderTop {
border-top: 1px solid var(--lns-color-border)
}
.lg-borderBottom {
border-bottom: 1px solid var(--lns-color-border)
}
.lg-borderLeft {
border-left: 1px solid var(--lns-color-border)
}
.lg-borderRight {
border-right: 1px solid var(--lns-color-border)
}
.lg-inline {
display: inline
}
.lg-block {
display: block
}
.lg-flex {
display: flex
}
.lg-inlineBlock {
display: inline-block
}
.lg-inlineFlex {
display: inline-flex
}
.lg-none {
display: none
}
.lg-flexWrap {
flex-wrap: wrap
}
.lg-flexDirection\:column {
flex-direction: column
}
.lg-flexDirection\:row {
flex-direction: row
}
.lg-items\:stretch {
align-items: stretch
}
.lg-items\:center {
align-items: center
}
.lg-items\:baseline {
align-items: baseline
}
.lg-items\:flexStart {
align-items: flex-start
}
.lg-items\:flexEnd {
align-items: flex-end
}
.lg-items\:selfStart {
align-items: self-start
}
.lg-items\:selfEnd {
align-items: self-end
}
.lg-justify\:flexStart {
justify-content: flex-start
}
.lg-justify\:flexEnd {
justify-content: flex-end
}
.lg-justify\:center {
justify-content: center
}
.lg-justify\:spaceBetween {
justify-content: space-between
}
.lg-justify\:spaceAround {
justify-content: space-around
}
.lg-justify\:spaceEvenly {
justify-content: space-evenly
}
.lg-grow\:0 {
flex-grow: 0
}
.lg-grow\:1 {
flex-grow: 1
}
.lg-shrink\:0 {
flex-shrink: 0
}
.lg-shrink\:1 {
flex-shrink: 1
}
.lg-self\:auto {
align-self: auto
}
.lg-self\:flexStart {
align-self: flex-start
}
.lg-self\:flexEnd {
align-self: flex-end
}
.lg-self\:center {
align-self: center
}
.lg-self\:baseline {
align-self: baseline
}
.lg-self\:stretch {
align-self: stretch
}
.lg-overflow\:hidden {
overflow: hidden
}
.lg-overflow\:auto {
overflow: auto
}
.lg-relative {
position: relative
}
.lg-absolute {
position: absolute
}
.lg-sticky {
position: sticky
}
.lg-fixed {
position: fixed
}
.lg-top\:0 {
top: 0
}
.lg-top\:auto {
top: auto
}
.lg-top\:xsmall {
top: var(--lns-space-xsmall)
}
.lg-top\:small {
top: var(--lns-space-small)
}
.lg-top\:medium {
top: var(--lns-space-medium)
}
.lg-top\:large {
top: var(--lns-space-large)
}
.lg-top\:xlarge {
top: var(--lns-space-xlarge)
}
.lg-top\:xxlarge {
top: var(--lns-space-xxlarge)
}
.lg-bottom\:0 {
bottom: 0
}
.lg-bottom\:auto {
bottom: auto
}
.lg-bottom\:xsmall {
bottom: var(--lns-space-xsmall)
}
.lg-bottom\:small {
bottom: var(--lns-space-small)
}
.lg-bottom\:medium {
bottom: var(--lns-space-medium)
}
.lg-bottom\:large {
bottom: var(--lns-space-large)
}
.lg-bottom\:xlarge {
bottom: var(--lns-space-xlarge)
}
.lg-bottom\:xxlarge {
bottom: var(--lns-space-xxlarge)
}
.lg-left\:0 {
left: 0
}
.lg-left\:auto {
left: auto
}
.lg-left\:xsmall {
left: var(--lns-space-xsmall)
}
.lg-left\:small {
left: var(--lns-space-small)
}
.lg-left\:medium {
left: var(--lns-space-medium)
}
.lg-left\:large {
left: var(--lns-space-large)
}
.lg-left\:xlarge {
left: var(--lns-space-xlarge)
}
.lg-left\:xxlarge {
left: var(--lns-space-xxlarge)
}
.lg-right\:0 {
right: 0
}
.lg-right\:auto {
right: auto
}
.lg-right\:xsmall {
right: var(--lns-space-xsmall)
}
.lg-right\:small {
right: var(--lns-space-small)
}
.lg-right\:medium {
right: var(--lns-space-medium)
}
.lg-right\:large {
right: var(--lns-space-large)
}
.lg-right\:xlarge {
right: var(--lns-space-xlarge)
}
.lg-right\:xxlarge {
right: var(--lns-space-xxlarge)
}
.lg-width\:auto {
width: auto
}
.lg-width\:full {
width: 100%
}
.lg-width\:0 {
width: 0
}
.lg-minWidth\:0 {
min-width: 0
}
.lg-height\:auto {
height: auto
}
.lg-height\:full {
height: 100%
}
.lg-height\:0 {
height: 0
}
.lg-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.lg-srOnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
}
#inner-shadow-companion {
--lns-unit: 8px;
all: initial;
font-family: circular, Helvetica, sans-serif;
color: var(--lns-color-body);
}
#tooltip-mount-layer-companion {
z-index: 2147483646;
position: relative;
color: var(--lns-color-body);
pointer-events: auto;
}
</style>
<div class="companion-1b6rwsq"></div>
</div>
</template></section>
</div>
<div id="shadowMeasureIt"></div>
<div id="divCoordMeasureIt"></div>
<div id="divRectangleMeasureIt">
<div id="divRectangleBGMeasureIt"></div>
</div><iframe frameborder="0" scrolling="no" style="background-color: transparent; border: 0px; display: none;"
src="./Offshore Software Development Company - Imenso Software_files/saved_resource(2).html"></iframe>
<div id="GOOGLE_INPUT_CHEXT_FLAG" input=""
input_stat="{"tlang":true,"tsbc":true,"pun":true,"mk":true,"ss":true}"
style="display: none;"></div>
</body><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open">
<style>
div.grammarly-desktop-integration {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.grammarly-desktop-integration:before {
content: attr(data-content);
}
</style>
<div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration"
data-content="{"mode":"full","isActive":true,"isUserDisabled":false}">
</div>
</template></grammarly-desktop-integration>
</html>