File: /home/imensosw/public_html/imenso.co/demo/imensohire_powerbi/new_page-old.html
<!DOCTYPE html>
<!-- saved from url=(0065)https://www.imensosoftware.com/technologies/power-bi-development/ -->
<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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/favicon.ico">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- This site is optimized with the Yoast SEO plugin v22.5 - https://yoast.com/wordpress/plugins/seo/ -->
<title>Expert Power BI Development Services Company 🚀</title>
<meta name="description"
content="Turn complex data into actionable insights with Imenso Software's Power BI development services. Award-Winning Consulting Company.">
<link rel="canonical" href="https://www.imensosoftware.com/technologies/power-bi-development/">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="Expert Power BI Development Services Company 🚀">
<meta property="og:description"
content="Turn complex data into actionable insights with Imenso Software's Power BI development services. Award-Winning Consulting Company.">
<meta property="og:url" content="https://www.imensosoftware.com/technologies/power-bi-development/">
<meta property="og:site_name" content="Imenso Software">
<meta property="article:modified_time" content="2024-05-27T06:48:47+00:00">
<meta property="og:image" content="https://www.imensosoftware.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 async="" src="./Expert Power BI Development Services Company 🚀_files/clarity.js.download"></script>
<script async="" src="./Expert Power BI Development Services Company 🚀_files/84hn52d0bs"></script>
<script type="text/javascript" async=""
src="./Expert Power BI Development Services Company 🚀_files/destination"></script>
<script type="text/javascript" async=""
src="./Expert Power BI Development Services Company 🚀_files/analytics.js.download"></script>
<script type="text/javascript" async="" src="./Expert Power BI Development Services Company 🚀_files/js"></script>
<script async="" src="./Expert Power BI Development Services Company 🚀_files/mixamr9js1"></script>
<script async="" src="./Expert Power BI Development Services Company 🚀_files/gtm.js.download"></script>
<script type="text/javascript" async=""
src="./Expert Power BI Development Services Company 🚀_files/recaptcha__en.js.download" crossorigin="anonymous"
integrity="sha384-hPyFRPtmIlZ/h96KCtxJTBIBP3zd59DIienuUS73AMSvQ3kZQSEjuK4A+Lw/BPMn"></script>
<script src="./Expert Power BI Development Services Company 🚀_files/460553929977754" async=""></script>
<script async="" src="./Expert Power BI Development Services Company 🚀_files/fbevents.js.download"></script>
<script type="application/ld+json"
class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.imensosoftware.com/technologies/power-bi-development/","url":"https://www.imensosoftware.com/technologies/power-bi-development/","name":"Expert Power BI Development Services Company 🚀","isPartOf":{"@id":"https://www.imensosoftware.com/#website"},"datePublished":"2023-04-25T00:52:55+00:00","dateModified":"2024-05-27T06:48:47+00:00","description":"Turn complex data into actionable insights with Imenso Software's Power BI development services. Award-Winning Consulting Company.","breadcrumb":{"@id":"https://www.imensosoftware.com/technologies/power-bi-development/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.imensosoftware.com/technologies/power-bi-development/"]}]},{"@type":"BreadcrumbList","@id":"https://www.imensosoftware.com/technologies/power-bi-development/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.imensosoftware.com/"},{"@type":"ListItem","position":2,"name":"Technologies","item":"https://www.imensosoftware.com/technologies/"},{"@type":"ListItem","position":3,"name":"Power BI"}]},{"@type":"WebSite","@id":"https://www.imensosoftware.com/#website","url":"https://www.imensosoftware.com/","name":"Imenso Software","description":"Powerful Digital Transformation Services | Imenso Software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.imensosoftware.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://www.imensosoftware.com/feed/">
<link rel="alternate" type="application/rss+xml" title="Imenso Software » Comments Feed"
href="https://www.imensosoftware.com/comments/feed/">
<link rel="preload stylesheet" as="style" id="wp-block-library-css"
href="./Expert Power BI Development Services Company 🚀_files/style.min.css" type="text/css" media="all">
<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="./Expert Power BI Development Services Company 🚀_files/style.css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-bootstrap-css"
href="./Expert Power BI Development Services Company 🚀_files/bootstrap.min.css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-swiper-css"
href="./Expert Power BI Development Services Company 🚀_files/swiper-bundle.min.css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-custom_style-css"
href="./Expert Power BI Development Services Company 🚀_files/style(1).css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="select2-css-css"
href="./Expert Power BI Development Services Company 🚀_files/select2.min.css" type="text/css" media="all">
<link rel="preload stylesheet" as="style" id="imensosoftware-fontawsome-css"
href="./Expert Power BI Development Services Company 🚀_files/font-awesome.css" type="text/css" media="all">
<link rel="https://api.w.org/" href="https://www.imensosoftware.com/wp-json/">
<link rel="alternate" type="application/json" href="https://www.imensosoftware.com/wp-json/wp/v2/technologies/261">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.imensosoftware.com/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.5.4">
<link rel="shortlink" href="https://www.imensosoftware.com/?p=261">
<link rel="alternate" type="application/json+oembed"
href="https://www.imensosoftware.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.imensosoftware.com%2Ftechnologies%2Fpower-bi-development%2F">
<link rel="alternate" type="text/xml+oembed"
href="https://www.imensosoftware.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.imensosoftware.com%2Ftechnologies%2Fpower-bi-development%2F&format=xml">
<link rel="icon" href="https://www.imensosoftware.com/wp-content/uploads/2024/06/favicon.png" sizes="32x32">
<link rel="icon" href="https://www.imensosoftware.com/wp-content/uploads/2024/06/favicon.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://www.imensosoftware.com/wp-content/uploads/2024/06/favicon.png">
<meta name="msapplication-TileImage" content="https://www.imensosoftware.com/wp-content/uploads/2024/06/favicon.png">
<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", "mixamr9js1");
}
// 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', '460553929977754');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="
https://www.facebook.com/tr?id=460553929977754&ev=PageView&noscript=1" /></noscript>
<!-- End Meta Pixel Code -->
<script type="application/ld+json">
{
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.7",
"bestRating": "5",
"ratingCount": "32"
}
}
</script>
<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></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>
<script type="text/javascript" async="" src="./Expert Power BI Development Services Company 🚀_files/f.txt"></script>
</head>
<body class="home" data-new-gr-c-s-check-loaded="14.1181.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" data-aos="fade-down">
<div class="container">
<a class="navbar-brand" href="https://www.imensosoftware.com/">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/brand-logo.svg"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/brand-logo.svg"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/brand-logo.svg">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/services/web-development/">Web Development
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/development.svg"
alt="Web Development" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/cloud-and-devops/">Cloud and DevOps
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/cloud.svg"
alt="Cloud and DevOps" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/data-visualization-consulting-company/">Data
Analytics
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/data-analytics.svg"
alt="Data Analytics" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/software-testing-company/">Software Testing
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/software-testing.svg"
alt="Software Testing" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/ux-ui-design/">UI/UX Design
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/uxuidesign.svg"
alt="UI/UX Design" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/mobile-apps/">Mobile App Development
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/mobileapp.svg"
alt="Mobile App Development" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/ecommerce-solutions/">eCommerce Solutions
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/ecommerce-development.svg"
alt="eCommerce Solutions" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/game-development/">Game Development
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/game-development.svg"
alt="Game Development" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/cms-development/">CMS Development
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/cms-development.svg"
alt="CMS Development" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/digital-marketing-services/">Digital
Marketing
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/digital-marketing.svg"
alt="Digital Marketing" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a href="https://www.imensosoftware.com/services/application-maintenance-support/">Maintenance
& Support
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/maintain-serveive.svg"
alt="Maintenance & Support" loading="lazy" width="50" height="50"></span></a>
</li>
<li><a
href="https://www.imensosoftware.com/services/offshore-software-development-services/">Software
Development Company
<span class="nav-icon"><img
src="./Expert Power BI Development Services Company 🚀_files/development.svg"
alt="Software Development Company" 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://www.imensosoftware.com/developers/hire-vue-js-developers/">Vue JS
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-reactjs-developers/">React JS
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-angularjs-developers/">AngularJS
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://www.imensosoftware.com/developers/hire-mern-stack-developers/">MERN Stack
Developers</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/developers/hire-ios-app-developers/">IOS
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-android-app-developers/">Android
Developers</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/developers/hire-azure-developers/">Azure
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-database-developers/">Database
Developers</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/developers/hire-node-js-developers/">Node JS
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-php-web-developers/">PHP
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-laravel-developers/">Laravel
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-asp-dot-net-developers/">.NET
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-codeigniter-developers/">Codeigniter
Developers</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/developers/hire-wordpress-developers/">WordPress
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-shopify-developers/">Shopify
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-woocommerce-developers/">WooCommerce
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-ecommerce-developers/">ECommerce
Development</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-drupal-developers/">Drupal
Developers</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/developers/hire-power-bi-consultants/">Power BI
Consultants</a></li>
<li><a
href="https://www.imensosoftware.com/developers/hire-microsoft-excel-consultants/">Microsoft
Excel Consultants</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-tableau-consultants/">Tableau
Consultants</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/laravel-development/">Laravel</a></li>
<li><a
href="https://www.imensosoftware.com/technologies/codeigniter-development-company/">Codeigniter</a>
</li>
<li><a href="https://www.imensosoftware.com/technologies/node-js-development-company/">Nodejs</a>
</li>
<li><a href="https://www.imensosoftware.com/technologies/php-application-development/">PHP</a>
</li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.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://www.imensosoftware.com/technologies/react-js-development-company/">Reactjs</a>
</li>
<li><a
href="https://www.imensosoftware.com/technologies/angular-js-development-company/">Angular</a>
</li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/react-native-development-company/">React
Native</a></li>
<li><a href="https://www.imensosoftware.com/technologies/android-development-company/">Android</a>
</li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/wordpress-development/">WordPress</a>
</li>
<li><a href="https://www.imensosoftware.com/technologies/drupal-development-company/">Drupal</a>
</li>
<li><a
href="https://www.imensosoftware.com/technologies/magento-ecommerce-development-company/">Magento</a>
</li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/google-cloud-consulting-company/">Google
Cloud</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/work/">Projects</a></li>
<li class="nav-item"> <a class="nav-link" href="https://www.imensosoftware.com/about/">About</a></li>
<li class="nav-item"> <a class="nav-link" href="https://www.imensosoftware.com/blog/">Blog</a></li>
</ul>
<a href="https://www.imensosoftware.com/say-hello/" class="btn btn-bordered ms-auto">Say hello 👋</a>
</div>
</div>
</nav>
<div class="offset_mobile"></div>
<section class="banner-technology banner1">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4 col-lg-5">
<picture>
<source
srcset="powerbi_banner.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="powerbi_banner.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="powerbi_banner.png">
<!-- Desktop -->
<img src="powerbi_banner.png"
alt="Microsoft Power BI Consulting Services" class="img-fluid">
</picture>
</div>
<div class="col-md-7 col-lg-6 offset-md-1 mt-5">
<h1 class="big-h1">Hire Top Power BI Developers</h1>
<p class="mt-3 para3 small" style="padding-right: 0;">Boost your data analytics with Imenso Software's expert Power BI developers. We deliver top-notch visualizations and BI solutions for smarter decisions and greater efficiency. Our consulting services offer clear insights for strategic planning and market leadership. Hire Power BI developers from Imenso Software for unparalleled expertise.</p>
<div class="row mt-3">
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">12 <i class="fa fa-plus"></i></span>
<p>Years of <br>Experience</p>
</div>
</div>
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">120 <i class="fa fa-plus"></i></span>
<p>Team <br>Members</p>
</div>
</div>
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">95 <i class="fa fa-percent"></i></span>
<p>Client <br>Retention</p>
</div>
</div>
<div class="col-6 col-sm-3">
<div class="bordercard">
<span class="icn font_icon">02 <i class="fa fa-map-marker"></i></span>
<p>Development <br>Centers</p>
</div>
</div>
</div>
<div class="mt-5">
<a href="https://www.imensosoftware.com/contact/" class="btn btn-primary mt-4 mt-lg-0">Discuss Your Idea</a>
</div>
</div>
</div>
</div>
</section>
<main class="lined">
<section class="burger background_3">
<div class="container">
<div class="row">
<div class="col-lg-2 sidebar">
<span class="shade-big">Expertise</span>
</div>
<div class="col-lg-9 offset-lg-1">
<div class="row">
<div class="col-lg-10">
<h2 class="big-h2">What Our Team Can Do for You</h2>
</div>
</div>
<p class="big-p opaq pb-4 pb-lg-0 mt-4">At Imenso Software as the best Power BI development company, our committed Power BI developers serve as your trusted guide on the path to business success. We're here to design custom solutions that perfectly fit your needs and drive your business forward. Consider us to be your evolving partners, always ready to provide innovative ideas and custom solutions. With our experience and your vision, the sky is the limit. </p>
<div>
<div class="row mt-5 service-block">
<div class="col-sm-2 col-3">
<div
style="background:url(streamline-process.jpg) no-repeat; background-size:100% auto; padding-bottom: 100%; background-position:center center; border-radius: 8px;">
</div>
</div>
<div class="col-md-9 col-sm-10 col-9">
<div class="ps-md-5 ps-sm-3">
<h3>Streamlined Processes</h3>
<p>At Imenso Software, our Power BI developers specialize in creating streamlined processes that maximize the power of Power BI. From seamlessly incorporating your data to creating captivating visuals, we meticulously fine-tune each step of your process for flawless execution. Let us perfect your workflows and drive your business to new heights of efficiency and effectiveness!</p>
</div>
</div>
</div>
<div class="row mt-5 service-block">
<div class="col-sm-2 col-3">
<div
style="background:url(robust-repporting-structure.jpg) no-repeat; background-size:100% auto; padding-bottom: 100%; background-position:center center; border-radius: 8px;">
</div>
</div>
<div class="col-md-9 col-sm-10 col-9">
<div class="ps-md-5 ps-sm-3">
<h3>Robust Reporting Structure</h3>
<p>Our Power BI Consultants are experts in transforming raw data into actionable insights. We help you recognize the true worth of your data by utilizing our experience in developing robust reporting structures. Our customized reports and dashboards provide crystal-clear visibility into key metrics, allowing you to make informed decisions with confidence and clarity.</p>
</div>
</div>
</div>
<div class="row mt-5 service-block">
<div class="col-sm-2 col-3">
<div
style="background:url(efficient-timesheet.jpg) no-repeat; background-size:100% auto; padding-bottom: 100%; background-position:center center; border-radius: 8px;">
</div>
</div>
<div class="col-md-9 col-sm-10 col-9">
<div class="ps-md-5 ps-sm-3">
<h3>Efficient Timesheets</h3>
<p>It is time to say goodbye to the tedious task of manually maintaining timesheets! Imenso Software provides automated timesheet solutions based on Power BI to help you manage your time more effectively. Our implementation allows you to easily monitor and supervise your team's time, assets, and project progress, making up valuable time for other tasks.</p>
</div>
</div>
</div>
<div class="row mt-5 service-block">
<div class="col-sm-2 col-3">
<div
style="background:url(effective-project-management.jpg) no-repeat; background-size:100% auto; padding-bottom: 100%; background-position:center center; border-radius: 8px;">
</div>
</div>
<div class="col-md-9 col-sm-10 col-9">
<div class="ps-md-5 ps-sm-3">
<h3>Effective Project Management</h3>
<p>At Imenso Software, we have you covered every step of the way. Our broad project management support guarantees a smooth journey from start to finish. Our Power BI consultants closely monitor project milestones, track performance metrics, and guarantee timely delivery at all stages. With us by your side, you'll constantly be in the loop and on track for victory.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger techstack why_choose_tech">
<div class="container">
<div class="row">
<div class="col-lg-2 sidebar">
<span class="shade-big">Benefits</span>
</div>
<div class="col-lg-9 offset-lg-1">
<div class="row">
<div class="col-lg-10">
<span class="shade-big" style="color: #000"></span>
<h2 class="big-h2">The Power of Data Visualization and Business Intelligence</h2>
</div>
<p class="big-p opaq mt-4">The most important challenge of any business is to stay on top in this competitive world and that's what Data visualization and business intelligence empower you to achieve. These tools enable quicker, smarter decisions through clear visuals and insightful analytics. All this results in higher efficiency, better revenue, and deeper customer understanding. Hire Power BI consultant from Imenso Software to help your businesses maximize data and accomplish your objectives by using BI and data visualization.</p>
</div>
<div class="row mt-5 why_choose_box_area">
<div class="col-md-4 col-sm-6 why_choose_box flip-card">
<div class="why_choose_card flip-card-inner">
<div class="why_chhose_info flip-card-front">
<img src="./Expert Power BI Development Services Company 🚀_files/data-migration.webp"
alt="Artificial Intelligence" loading="lazy" width="50" height="50">
<p>Informed Decision-Making</p>
</div>
<!-- <h5>Informed Decision-Making</h5> -->
<div class="flip-card-back">
<p>Clarity can help you make better decisions! Get into data visualization and business intelligence. Imenso Software creates insights that jump off the screen, guiding your movements with precision and confidence. Our Microsoft Power BI consulting services keep you ahead of the curve, from recognizing trends to capitalizing on opportunities. Let's turn your data into actionable success strategies!</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 why_choose_box flip-card">
<div class="why_choose_card flip-card-inner">
<div class="why_chhose_info flip-card-front">
<img src="./Expert Power BI Development Services Company 🚀_files/boost-efficiency.webp"
alt="Business Intelligence" loading="lazy" width="50" height="50">
<p>Deeper Understanding of Customer Behavior</p>
</div>
<!-- <h5>Deeper Understanding of Customer Behavior</h5> -->
<div class="flip-card-back">
<p>Data visualization and business intelligence solutions can help you reveal the secrets of your customers' minds! Imenso Software's tools provide valuable insights into what your customers enjoy, how they shop, and how satisfied they are. By analyzing data from all angles, you can tailor your marketing, improve your products, and make every customer interaction count.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 why_choose_box flip-card">
<div class="why_choose_card flip-card-inner">
<div class="why_chhose_info flip-card-front">
<img src="./Expert Power BI Development Services Company 🚀_files/migration.webp"
alt="Excel integration" loading="lazy" width="50" height="50">
<p>Future-Proof Planning</p>
</div>
<!-- <h5>Future-Proof Planning</h5> -->
<div class="flip-card-back">
<p>Predictive analytics can help you see into the future! Our Powwer BI consultants for hire use predictive modeling and machine learning capabilities to enable you to anticipate market changes, recognize potential risks, and address challenges before they occur. Stay ahead of the curve by confidently adapting to whatever the future holds, ensuring that your business thrives in changing times.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 why_choose_box flip-card">
<div class="why_choose_card flip-card-inner">
<div class="why_chhose_info flip-card-front">
<img src="./Expert Power BI Development Services Company 🚀_files/optimization.webp"
alt="Interactive Reports" loading="lazy" width="50" height="50">
<p>Operational Excellence</p>
</div>
<!-- <h5>Operational Excellence</h5> -->
<div class="flip-card-back">
<p>Boost operational efficiency with data visualization and business intelligence! Imenso Software's solutions discover bottlenecks, streamline processes, and optimize resource allocation. Experience significant productivity improvement, enabling your teams to do more with less. Say goodbye to unnecessary expenses and hello to streamlined success!</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 why_choose_box flip-card">
<div class="why_choose_card flip-card-inner">
<div class="why_chhose_info flip-card-front">
<img src="./Expert Power BI Development Services Company 🚀_files/continuous-integration.webp"
alt="Embedded Analytics" loading="lazy" width="50" height="50">
<p>Revenue Maximization</p>
</div>
<!-- <h5>Revenue Maximization</h5> -->
<div class="flip-card-back">
<p>Advanced analytics and predictive modeling are the keys to success! At Imenso Software, we help startups understand how customers behave and what's happening in the market. This lets you make ads set prices that fit your customers, and launch products that really work. And the result? Increased revenue and consistent growth to keep your business growing!</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 why_choose_box flip-card">
<div class="why_choose_card flip-card-inner">
<div class="why_chhose_info flip-card-front">
<img src="./Expert Power BI Development Services Company 🚀_files/dashboard-optimization.webp"
alt="Performance Analysis" loading="lazy" width="50" height="50">
<p>Competitive Advantage</p>
</div>
<!-- <h5>Competitive Advantage</h5> -->
<div class="flip-card-back">
<p>Utilize data visualization and business intelligence for a winning edge! Our best Power BI developers create cutting-edge tools that enable you to stay on top of market trends, capitalize on new possibilities, and outperform rivals with lightning-fast, data-driven decisions. Get far ahead of the curve and drive your business to new levels of success!</p>
</div>
</div>
</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>
<section class="t-burger background_3">
<div class="container mb-5">
<div class="row">
<div class="col-md-6">
<span class="shade-big">Success Stories</span>
<h2 class="mt-4 big-h2">Real-world Examples of Success</h2>
</div>
<div class="col-md-6">
<p>Explore how Imenso Software's Power BI solutions have driven tangible results for businesses 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(-2350.5px, 0px, 0px); transition-delay: 0ms;"
id="swiper-wrapper-a8a371d7e07149c7" aria-live="off">
<div class="swiper-slide p1 container" role="group" aria-label="3 / 4" data-swiper-slide-index="2">
<img src="./Expert Power BI Development Services Company 🚀_files/lm-main.png"
alt="Rental booking solution for medical equipment's" class="img-head" loading="lazy" width="1280"
height="700">
<div class="section-header">
<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://www.imensosoftware.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-prev" role="group" aria-label="4 / 4"
data-swiper-slide-index="3">
<img src="./Expert Power BI Development Services Company 🚀_files/mpl-main.png"
alt="Social media platform for artists and music lovers" class="img-head" loading="lazy" width="1280"
height="700">
<div class="section-header">
<div>
<h2>Social media platform for artists and music lovers</h2>
<ul>
<li>Membership</li>
<li>Artist profiles</li>
<li>Event venue listings</li>
<li>Manager dashboard</li>
<li>Feedback radio integration</li>
</ul>
<a href="https://www.imensosoftware.com/work/social-media-platform-for-artists-and-music-lovers/"
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="1 / 4"
data-swiper-slide-index="0">
<img src="./Expert Power BI Development Services Company 🚀_files/mpspowerbi-main.jpg"
alt="Full-scale BI platform design and visualization" class="img-head" loading="lazy" width="1280"
height="700">
<div class="section-header">
<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://www.imensosoftware.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 class="swiper-slide p1 container swiper-slide-next" role="group" aria-label="2 / 4"
data-swiper-slide-index="1">
<img src="./Expert Power BI Development Services Company 🚀_files/nthrive-main.jpg"
alt="A dashboard for medical billing and collections" class="img-head" loading="lazy" width="1280"
height="700">
<div class="section-header">
<div>
<h2>A dashboard for medical billing and collections</h2>
<ul>
<li>JSON</li>
<li>MySQL</li>
<li>CSV Flat files</li>
</ul>
<a href="https://www.imensosoftware.com/work/a-dashboard-for-medical-billing-and-collections/"
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-a8a371d7e07149c7"></div>
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
aria-controls="swiper-wrapper-a8a371d7e07149c7"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
<div class="py-5 text-center background_3"><a href="https://www.imensosoftware.com/work/"
class="btn btn-bordered">View All Projects</a>
</div>
</section>
<section class="burger border-top background_4 our_approach" id="approach">
<div class="container">
<div class="row">
<div class="col-md-7">
<span class="shade-big">Process</span>
<h2 class="mt-4 big-h2">The Process to Hire Top Power BI Developers</h2>
</div>
<div class="col-md-4 offset-md-1">
<p class="big-p" style="opacity: .8">Discovering the right Power BI developers for your project is vital for its success. At Imenso Software as the Top Power BI consulting company, we've refined the hiring process to guarantee productivity and efficacy. Here's a detailed explanation of how we bring the best talent to your team:</p>
</div>
</div>
<div class="row t-burger">
<div class="col-md p-line">
<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"></div>
<div class="media-heading">Initial Consultation</div>
<p class="process_desc">We begin by comprehending your project requirements, goals, and timeline. This consultation helps us tailor our search to find developers who align perfectly with your needs.</p>
</div>
</div>
</div>
<div class="col-md p-line">
<div class="do-approach">
<div class="stage-icon stage-icon2"> </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">Candidate Screening</div>
<p class="process_desc">Our recruitment team meticulously analyzes Power BI developers based on their skills, knowledge, and cultural fit. We use technical assessments and interviews to guarantee that only the best candidates are considered for your project.</p>
</div>
</div>
</div>
<div class="col-md p-line">
<div class="do-approach">
<div class="stage-icon stage-icon3"> </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">Client Review</div>
<p class="process_desc">We provide you with a thoughtfully curated list of Power BI Developers, complete with their profiles and assessment results. You then review and offer feedback, guaranteeing that only the most fitting candidates progress to the next phase of selection.</p>
</div>
</div>
</div>
<div class="col-md p-line">
<div class="do-approach">
<div class="stage-icon stage-icon4"> </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">Interviews and Selection</div>
<p class="process_desc">You will get to interview our carefully selected candidates to assess their suitability for your team and project. Once you have found the right fit and ready to hire power bi developers, we will handle the onboarding process for you while maintaining a smooth transition for the selected developers.</p>
</div>
</div>
</div>
<div class="col-md p-line">
<div class="do-approach">
<div class="stage-icon stage-icon4"> </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">Ongoing Support</div>
<p class="process_desc">We do not stop with the hiring process. We provide constant support to both you and the hired Power BI developer throughout the project, guaranteeing transparency, regular updates, and assistance as needed.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="mt-5">
<div class="container">
<div class="row">
<div class="col-sm-10 offset-sm-1">
<div class="blog_cta">
<div class="d-flex justify-content-between align-items-center">
<div class="text-start">
<h4 class="">Your journey to success starts here! </h4>
<p class="mb-0">Click now to connect with our team and elevate your business to new heights!</p>
</div>
<div class="cta-b d-block d-md-none"><span class="btn btn-default show_hideform">Book Free Consultation</span></div>
<div class="cta-b d-none d-md-block"><a class="btn btn-default js-action" href="#cotnact_form" rel="noopener">Book Free Consultation</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="t-burger s-services">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade-big">Why Imenso Software</span>
<h2 class="mt-4 big-h2">Why Hire Power BI Developers from Imenso Software</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">Imenso Software provides more than just Power BI development services; we are a strategic partner committed to delivering exceptional results. Here's why our Power BI developers are ideal for your business:</p>
</div>
</div>
<div class="mt-5 pt-4">
<div class="row pointers pointers1">
<div class="col-lg-4 col-sm-6 col-12">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Expert Power BI Development Services Company 🚀_files/icon_9.png"
alt="Customer Driven Power BI Development Company." width="40" height="40" loading="lazy"></div>
<h3>Strategic Expertise</h3>
<p>Imenso Software's Power BI developers are strategic analysts who understand how to align data analytics with your business objectives. Our Microsoft Power BI consulting services extend beyond mere data visualization to provide actionable insights that drive tangible business expansion. Hire power bi consultants and utilize a profound understanding of your industry landscape and market conditions, we modify our solutions to tackle your unique hurdles and seize your most lucrative prospects.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Expert Power BI Development Services Company 🚀_files/icon_14.png"
alt="Flexibility and Scalability." width="40" height="40" loading="lazy"></div>
<h3>Continuous Improvement</h3>
<p>Our Power BI developers are devoted to ongoing education and advancement to help you stay ahead of rivals. We keep up with the industry's most recent developments, technologies, and standards of excellence. It guarantees to offer cutting-edge solutions that keep you ready for every situation. From advanced analytics or predictive modeling, hire power BI developers to utilize the latest tools and techniques to drive innovation and deliver exceptional value to your business.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Expert Power BI Development Services Company 🚀_files/icon_15.png"
alt="Truly Agile Power BI Solutions Company." width="40" height="40" loading="lazy"></div>
<h3>Exceptional Support</h3>
<p>Our will to your success goes beyond project delivery. Imenso Software offers ongoing support and maintenance to ensure your Power BI solutions remain optimized. Our developers are with you every at step, be it troubleshooting an issue, implementing an update, or scaling your solution to meet growing demand. Our Power BI development services enable you to achieve your business goals more smoothly and effectively with proactive monitoring, timely assistance, and extra attention.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="two-item-row-2">
<div class="">
<div class="">
<img src="./Expert Power BI Development Services Company 🚀_files/icon_10.png"
alt="Partnership Approach for Outsource Power BI Development." width="40" height="40"
loading="lazy"></div>
<h3>Customized Solutions</h3>
<p>At Imenso Software, we steer clear of cookie-cutter solutions. Our Power BI developers recognize your specific business needs, goals, and challenges. Through careful consultations and thorough analysis, we meticulously tailor Power BI development services to meet and exceed your expectations. From smooth data integration to captivating visualization and beyond, we guarantee every aspect of our solution is perfectly customized for your specific needs.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Expert Power BI Development Services Company 🚀_files/icon_12.png"
alt="Confidentiality and Intellectual Property Protection." width="40" height="40" loading="lazy">
</div>
<h3>Collaborative Approach</h3>
<p>Imenso Software boosts a collaborative approach based on honesty and teamwork. Our Power BI developers cooperate closely with your team to guarantee our solutions align with the firm's culture and values. We uphold a commitment to openness and mutual regard. Our goal is to synchronize our solutions with your company's values, guaranteeing optimal business outcomes.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="two-item-row-2">
<div class="">
<div class=""><img src="./Expert Power BI Development Services Company 🚀_files/icon_11.png"
alt="Experienced Power BI Team for Offshore Power BI Development." width="40" height="40"
loading="lazy"></div>
<h3>Proven Track Record</h3>
<p>Trust does not come easily, it must be earned, and we have. Imenso Software consistently exceeds expectations when delivering Power BI projects across various industries. Our portfolio speaks volumes about our ability to tackle difficult tasks and develop tangible results that promote business prosperity. Hire power bi consultants to keep our promises and push your company to success.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial -->
<section class="b-burger border-top">
<div class="container-fluid">
<div id="whyus">
<div class="section-header text-center t-burger">
<h2>Words of Appreciation</h2>
<!-- <div class="opacity-75 fs-4 text">Voices of Trust and Confidence</div> -->
<p style="text-align: center;">Voices of trust and confidence</p>
</div>
<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" 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 active show" 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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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" id="pills-review3-tab" data-bs-toggle="pill" data-bs-target="#pills-review3"
type="button" role="tab" aria-controls="pills-review3" aria-selected="false"><img
src="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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 active" id="pills-review6-tab" data-bs-toggle="pill"
data-bs-target="#pills-review6" type="button" role="tab" aria-controls="pills-review6"
aria-selected="true"><img src="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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>
</div>
</section>
<section id="models" class="burger border-top">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade-big">Imenso VS. In-House</span>
<h2 class="big-h2 mt-4">Hiring Power BI Developers from Imenso vs. In-house</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">When it comes to sourcing Power BI talent, businesses often face the dilemma of whether to hire externally or build an in-house team. Here's a comprehensive comparison of the two approaches:</p>
</div>
</div>
<div class="row mt-5 justify-content-center">
<div class="col-lg-8 col-md-10">
<table class="table table-striped table-borderedless">
<thead class="thead-dark">
<tr>
<th scope="col">Factors</th>
<th scope="col">Hiring from Imenso</th>
<th scope="col">In-house Hiring</th>
</tr>
</thead>
<tbody>
<tr>
<td>Taxing</td>
<td>Tax Benefits</td>
<td>Complex</td>
</tr>
<tr>
<td>Recruitment</td>
<td>Streamlined</td>
<td>Challenging</td>
</tr>
<tr>
<td>Plug and Play</td>
<td>Seamless</td>
<td>Time-consuming</td>
</tr>
<tr>
<td>Quick Hiring</td>
<td>Rapid</td>
<td>Lengthy Process</td>
</tr>
<tr>
<td>Expertise</td>
<td>Specialized</td>
<td>Training Needed</td>
</tr>
<tr>
<td>Cost Efficiency</td>
<td>Economical</td>
<td>High Investment</td>
</tr>
<tr>
<td>Scalability</td>
<td>Flexible</td>
<td>Limited</td>
</tr>
<tr>
<td>Time-to-Market</td>
<td>Faster</td>
<td>Lengthy</td>
</tr>
<tr>
<td>Risk Mitigation</td>
<td>Mitigated</td>
<td>Employer's Burden</td>
</tr>
<tr>
<td>Focus on Core Biz</td>
<td>Outsourced</td>
<td>Internal Effort</td>
</tr>
<tr>
<td>Access to Talent</td>
<td>Diverse Poo</td>
<td>Local limitations</td>
</tr>
</tbody>
</table>
</div>
<!-- <div class="col-md-6 col-sm-6 my-3">
<div class="common-card h-100 background_5">
<div class="item-header mb-3">
<h2>Dedicated Resources</h2>
</div>
<div class="item-body mt-3">
<p class="sml">Hire a dedicated Power BI development team for offshore projects in India with Imenso
Software. Our full time experts provide weekly progress reports and complete the project on time with
agile methodology.</p>
<div class="mt-4">
<h5 class="mb-3"><span class="small shade">RECOMMENDED FOR</span></h5>
<ul class="bullet-points">
<li>Highest control</li>
<li>Highest quality</li>
<li>Frequent reporting</li>
<li>Agile process</li>
<li>Faster time to complete</li>
</ul>
</div>
</div>
</div>
</div> -->
<!-- <div class="col-md-6 col-sm-6 my-3">
<div class="common-card h-100 background_5">
<div class="item-header mb-3">
<h2>Fixed Time and Price</h2>
</div>
<div class="item-body mt-3">
<p class="sml">If you are looking to hire a Power BI development partner on a cringe budget, this is the
right business model. Our global clients with well defined requirements choose fixed time and price for
more flexibility within a fixed pricing option.</p>
<div class="mt-4">
<h5 class="mb-3"><span class="small shade">RECOMMENDED FOR</span></h5>
<ul class="bullet-points">
<li>Small projects</li>
<li>Fastest MVP development</li>
<li>Fixed pricing & Flexibility</li>
<li>Low risk</li>
<li>Fast development on a fixed timeframe</li>
</ul>
</div>
</div>
</div>
</div> -->
</div>
</div>
</section>
<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-1bcd7bdf602529fa" 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="2 / 12"
data-swiper-slide-index="1">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/adib.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/adib.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/adib.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_files/adib.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="3 / 12"
data-swiper-slide-index="2">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/kfc.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/kfc.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/kfc.webp">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/loreal-logo-small.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/loreal-logo-small.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/loreal-logo-small.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/dominos.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/dominos.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/dominos.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/millennia.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/millennia.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/millennia.webp">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/mns.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/mns.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/mns.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/ul.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/ul.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/ul.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_files/ul.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="9 / 12" data-swiper-slide-index="8">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/knowbe4.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/knowbe4.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/knowbe4.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_files/knowbe4.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="10 / 12" data-swiper-slide-index="9">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/liberty.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/liberty.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/liberty.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_files/liberty.png" class="img-fluid"
alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 114px; margin-right: 28px;" role="group"
aria-label="11 / 12" data-swiper-slide-index="10">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/allianz.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/allianz.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/allianz.webp">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_files/allianz.webp"
class="img-fluid" alt="Client Logo" loading="lazy"><!-- Desktop Default -->
</picture>
</div>
<div class="swiper-slide" role="group" aria-label="12 / 12" data-swiper-slide-index="11"
style="width: 114px; margin-right: 28px;">
<picture>
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/wip.webp"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/wip.webp"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/wip.webp">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/mobile/clients-logo-color/fintrhive.png"
media="(max-width: 400px)"><!-- Mobile -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/tablet/clients-logo-color/fintrhive.png"
media="(max-width: 992px)"><!-- Tablat -->
<source
srcset="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/desktop/clients-logo-color/fintrhive.png">
<!-- Desktop -->
<img src="./Expert Power BI Development Services Company 🚀_files/fintrhive.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-md-5 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-md-6 offset-md-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" for="req_text">Write Your Requirement</label>
</div>
<textarea class="form-control" name="req_text" id="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="04dc9b1d8d"><input type="hidden"
name="_wp_http_referer" value="/technologies/power-bi-development/">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<div class="d-flex justify-content-between">
<label for="first_name">Full Name</label>
</div>
<input type="text" class="form-control" id="first_name" 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 for="company_phone">Contact Number</label>
</div>
<input type="text" class="form-control" id="company_phone" 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 for="company_name">Company Name <small>(Optional)</small></label>
</div>
<input type="text" class="form-control" name="company_name" id="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 for="company_email">Your Email</label>
</div>
<input type="email" class="form-control" name="company_email" id="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 for="lead_country">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-gjd0">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><span class="select2 select2-container select2-container--default" dir="ltr"
data-select2-id="select2-data-1-qtkh" style="width: 496px;"><span class="selection"><span
class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true"
aria-expanded="false" tabindex="0" aria-disabled="false"
aria-labelledby="select2-lead_country-container"
aria-controls="select2-lead_country-container"><span class="select2-selection__rendered"
id="select2-lead_country-container" role="textbox" aria-readonly="true"
title="Select Your Country">Select Your Country</span><span class="select2-selection__arrow"
role="presentation"><b role="presentation"></b></span></span></span><span
class="dropdown-wrapper" aria-hidden="true"></span></span>
<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="Power BI" 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>
<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://www.imensosoftware.com/contact/" class="btn btn-bordered">..discuss a project</a>
<a href="https://www.imensosoftware.com/contact/" class="btn btn-bordered">..hire a dedicated resource</a>
<a href="https://www.imensosoftware.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">What are the benefits of hiring an offshore development company?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>The major benefit of outsourcing software development is the advancement of business through digital
infrastructure. Other benefits are: </p>
<ul>
<li>You don't need to hire a web developer for a single project. This also saves time as it takes
months to hire the right candidate.</li>
<li>Offshore software development is cost-effective. You get a feature-rich product with less
investment. </li>
<li>Mitigate risks as the offshore software development companies has more experience with similar
projects.</li>
<li>Offshore software development upgrades your business efficiency and services without the hassle to
maintain the IT infrastructure.</li>
<li>More focus on the core business process, as offshore software development, saves a lot of time in
terms of developing, hiring and maintenance for the software. </li>
</ul>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How can I be confident that the quality of my software outsourcing
project will be top-notch?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">We understand your concern for quality, but with Imenso, you don't have
to worry. At the beginning of every project, we send you a list of experienced professionals from which
you can choose from. Thus you are satisfied that your offshore software development project is in
capable hands.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What are the technologies you work on majorly to develop offshore
software/web development projects? </h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>We work with many technologies to create custom software solutions. Our expertise includes robust PHP
development using the best frameworks: Laravel, Yii, CodeIgniter, CakePHP and more.</p>
<p>For mobile development, we work with android, ios and hybrid development.</p>
<p>Game development, .NET, Power BI, WordPress, Shopify are some other competencies.</p>
<p>For more detailed insights, check out our technical expertise section.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What are the industries you are experienced in?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Our team has an enthusiast in every industry. We know about the ins and
outs of all. Together we've worked on projects from multiple industries including Tourism, Human
Resource, Blockchain, Finance, E-Learning, Health Care, E-Commerce, B2B, Consulting, Fashion, Automotive
and Real Estate.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How long has been the company developing custom software/web?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">We have a cumulative experience of 10 years working as a software and
web development company. Our team of 60+ coders and developers at Imenso are proficient in the latest
technologies which solve complex business issues seamlessly.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What are the custom software/web solutions provided by you?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">We love to code and create. PHP development, .NET development, mobile
application development, business intelligence and data analytics, game development, CMS and eCommerce
and UI/UX are the tools with which we work to provide technological solutions for real-world problems.
</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What is the hiring model for software outsourcing?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>Our software/web development agency offers all types of hiring models: dedicated resource, fixed and
hourly pricing as per your business needs.</p>
<p>Choose a dedicated resource for full control over your web development project. You can also go with
the fixed pricing if the project requirements certainly won't change during its tenure.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">How long does it take for an offshore software/web development project to
get completed? </h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text" class="faq__a">
<p>The total time for project delivery is based on several factors. Our custom web/software team
understands the requirements fast and deliver web solutions in the minimum time possible.</p>
<p>It generally takes around 12-15 weeks to finish a software development project with minimum features
depending upon the number of iterations and functionality required. In around 12 weeks we develop a
complete software product to solve your problem. Although a feature rich product takes longer.</p>
</div>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What about the protection of my idea while outsourcing for software
development?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Protecting your intellectual property is our top priority and we don't
compromise with it. All the conversations and data about the project is NDA protected.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Can I make my team for offshore software/web application development?
</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Our software and web development agency has experts for every
technology. You can choose which professional is the best fit for your offshore project.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">What I am not satisfied with my outsourced custom build software/web
application?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">We deliver the best software solutions for our clients. However, if you
aren't satisfied with the services provided, feel free to contact your Account Manager at Imenso
Software. We will try to resolve your issue in the best ways possible.</p>
</div>
</div>
<div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" class="faq__question">
<h3 itemprop="name" class="faq__q">Will you provide a dedicated project manager for my offshore development
project or do we need to hire one separately?</h3>
<div class="faq__div" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="faq__a">Yes. Our software and web development company aims to provide the best
client experience. We provide a dedicated project manager for your project only. The project manager is
responsible to keep you updated about the progress and make sure the deadlines are met. He also takes
feedback from you and optimizes work accordingly.</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://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/bg4-video-img1.png"
alt="video poster" id="vid">
<source src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/bg4.avi"
type="video/avi">
<source src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/bg4.mp4"
type="video/mp4">
<source src="https://www.imensosoftware.com/wp-content/themes/imensosoftware/assets/images/bg4.webm"
type="video/webm">
<source src="https://www.imensosoftware.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 32 <a
href="https://www.google.com/search?q=imenso+software&sca_esv=b5246bed5d27d0e1&sca_upv=1&sxsrf=ADLYWIILe6-wGraiojGTbWBCrpEw0DBn_A%3A1716283055463&ei=r2ZMZrvhG5qm2roPrLiXiA0&ved=0ahUKEwj79OrOtJ6GAxUak1YBHSzcBdEQ4dUDCBA&uact=5&oq=imenso+software&gs_lp=Egxnd3Mtd2l6LXNlcnAiD2ltZW5zbyBzb2Z0d2FyZTIKEAAYsAMY1gQYRzIKEAAYsAMY1gQYRzIKEAAYsAMY1gQYRzIKEAAYsAMY1gQYRzIKEAAYsAMY1gQYRzIKEAAYsAMY1gQYRzIKEAAYsAMY1gQYRzINEAAYgAQYsAMYQxiKBTINEAAYgAQYsAMYQxiKBUjrBFAAWABwAXgBkAEAmAEAoAEAqgEAuAEDyAEAmAIBoAILmAMAiAYBkAYJkgcBMaAHAA&sclient=gws-wiz-serp#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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_files/fixthephoto.png" alt="fixthephoto"
loading="lazy" width="94" height="62">
</a>
<a href="https://superbcompanies.com/" target="_blank" rel="nofollow">
<img src="./Expert Power BI Development Services Company 🚀_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://www.imensosoftware.com/services/web-development/">Web Development</a></li>
<li><a href="https://www.imensosoftware.com/services/ux-ui-design/">UX/UI Design</a></li>
<li><a href="https://www.imensosoftware.com/services/ecommerce-solutions/">Ecommerce Development</a></li>
<li><a href="https://www.imensosoftware.com/services/software-testing-company/">Software Testing</a></li>
<li><a href="https://www.imensosoftware.com/services/mobile-apps/">Mobile App Development</a></li>
<li><a href="https://www.imensosoftware.com/services/game-development/">Game Development</a></li>
<li><a href="https://www.imensosoftware.com/services/cms-development/">CMS Development</a></li>
<li><a href="https://www.imensosoftware.com/services/data-visualization-consulting-company/">Data
Analytics</a></li>
<li><a href="https://www.imensosoftware.com/services/cloud-and-devops/">Cloud & DevOps</a></li>
<li><a href="https://www.imensosoftware.com/services/digital-marketing-services/">Digital Marketing</a></li>
<li><a href="https://www.imensosoftware.com/services/application-maintenance-support/">Support and
Maintenance</a></li>
<li><a href="https://www.imensosoftware.com/services/offshore-software-development-services/">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://www.imensosoftware.com/technologies/laravel-development/">Laravel
Development</a></li>
<li><a
href="https://www.imensosoftware.com/technologies/codeigniter-development-company/">CodeIgniter
Development</a></li>
<li><a href="https://www.imensosoftware.com/technologies/php-application-development/">PHP
Development</a></li>
<li><a href="https://www.imensosoftware.com/technologies/node-js-development-company/">Node.js
Development</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/wordpress-development/">WordPress
Development</a></li>
<li><a href="https://www.imensosoftware.com/technologies/drupal-development-company/">Drupal
Development</a></li>
<li><a
href="https://www.imensosoftware.com/technologies/magento-ecommerce-development-company/">Magento
Development</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/react-js-development-company/">React.js
Development</a></li>
<li><a href="https://www.imensosoftware.com/technologies/angular-js-development-company/">Angular
Development</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/react-native-development-company/">React
Native Development</a></li>
<li><a href="https://www.imensosoftware.com/technologies/android-development-company/">Android App
Development</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/technologies/power-bi-development/">Power BI
Consultants</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-tableau-consultants/">Tableau
Consultants</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/developers/hire-frontend-developers/"><strong>Frontend
Developers</strong></a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-angular-js-developers/">Angular
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-react-js-developers/">React.js
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-vue-js-developers/">Vue.js
Developers</a></li>
</ul>
<ul class="footer__links mt-4">
<li><a href="https://www.imensosoftware.com/developers/hire-app-developers/"><strong>Mobile
Developers</strong></a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-react-native-developers/">React Native
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-android-app-developers/">Android
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-ios-app-developers/">iOS Developers</a>
</li>
</ul>
<ul class="footer__links mt-4">
<li><a href="https://www.imensosoftware.com/developers/hire-full-stack-developers/"><strong>Full
Stack Developers</strong></a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-mean-stack-developers/">MEAN Stack
Developers</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/developers/hire-web-developers/"><strong>Backend
Developers</strong></a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-php-web-developers/">PHP Developers</a>
</li>
<li><a href="https://www.imensosoftware.com/developers/hire-asp-net-developers/">Dot Net
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-laravel-developers/">Laravel
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-codeigniter-developers/">Codeigniter
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-python-developers/">Python
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-node-js-developers/">Node.js
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-wordpress-developers/">WordPress
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-shopify-developers/">Shopify
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-magento-developers/">Magento
Developers</a></li>
<li><a href="https://www.imensosoftware.com/developers/hire-drupal-developers/">Drupal
Developers</a></li>
<li><a href="https://www.imensosoftware.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://www.imensosoftware.com/about/">About</a></li>
<li><a href="https://www.imensosoftware.com/work/">Projects</a></li>
<li><a href="https://www.imensosoftware.com/blog/">Blog</a></li>
<!-- <li><a href="">Career</a></li> -->
<li><a href="https://www.imensosoftware.com/contact/">Contact</a></li>
<li><a href="https://www.imensosoftware.com/career/">Career</a></li>
<li><a href="https://www.imensosoftware.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"
value="imenso.co|localhost|imenso.co|imenso.co|imenso.co|localhost|localhost|localhost|localhost|imenso.co|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com">
</div>
</div>
</footer>
<script src="./Expert Power BI Development Services Company 🚀_files/jquery.min.js.download"
id="imensosoftware-jquery-js"></script>
<script src="./Expert Power BI Development Services Company 🚀_files/bootstrap.min.js.download"
id="imensosoftware-bootstrap-js"></script>
<script src="./Expert Power BI Development Services Company 🚀_files/select2.min.js.download"
id="select2-js-js"></script>
<script src="./Expert Power BI Development Services Company 🚀_files/swiper-bundle.min.js.download"
id="imensosoftware-swiper-js"></script>
<script src="./Expert Power BI Development Services Company 🚀_files/custom.min.js.download"
id="imensosoftware-custom-js"></script>
<script src="./Expert Power BI Development Services Company 🚀_files/contact-form.min.js.download"
id="contact-form-js"></script>
<script src="./Expert Power BI Development Services Company 🚀_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,
}
}
});
</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>
var swiper = new Swiper(".ourprojectslider", {
slidesPerView: 1,
spaceBetween: 15,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
567: {
slidesPerView: 2,
spaceBetween: 5,
},
},
});
</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-2h5k3eld2ar3" 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="./Expert Power BI Development Services Company 🚀_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="./Expert Power BI Development Services Company 🚀_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>
<iframe frameborder="0" scrolling="no" style="background-color: transparent; border: 0px; display: none;"
src="./Expert Power BI Development Services Company 🚀_files/saved_resource(2).html"></iframe>
<div id="GOOGLE_INPUT_CHEXT_FLAG" style="display: none;" input=""
input_stat="{"tlang":true,"tsbc":true,"pun":true,"mk":true,"ss":true}">
</div>
<div id="shadowMeasureIt"></div>
<div id="divCoordMeasureIt"></div>
<div id="divRectangleMeasureIt">
<div id="divRectangleBGMeasureIt"></div>
</div>
<script type="text/javascript"
id="">(function (a, e, b, f, g, c, d) { a[b] = a[b] || function () { (a[b].q = a[b].q || []).push(arguments) }; c = e.createElement(f); c.async = 1; c.src = "https://www.clarity.ms/tag/" + g + "?ref\x3dgtm2"; d = e.getElementsByTagName(f)[0]; d.parentNode.insertBefore(c, d) })(window, document, "clarity", "script", "84hn52d0bs");</script>
<script type="text/javascript"
id="">document.getElementById("lead_source").value = "imenso.co|localhost|imenso.co|imenso.co|imenso.co|localhost|localhost|localhost|localhost|imenso.co|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com|www.google.com";</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Corporation",
"name": "Imenso Software",
"alternateName": "Software Development Company - Imenso Software",
"url": "https://www.imensosoftware.com/",
"logo": "https://www.imensosoftware.com/wp-content/themes/imenso/images/ps-trans-logo.png",
"description": "Imenso Software is a client-focused offshore software development company in India. Whether you need custom web development, an appealing website design, mobile application development, or game development, Imenso Software has the required expertise and experience to do it all.",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+911244295523",
"contactType": "customer service",
"areaServed": ["IN","US","GB","CA","AF","AX","AL","DZ","AS","AD","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BQ","BA","BW","BV","BR","IO","VG","BN","BG","BF","BI","KH","CM","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CK","CR","HR","CU","CW","CY","CZ","CD","DK","DJ","DM","DO","TL","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GG","GN","GW","GY","HT","HM","HN","HK","HU","IS","ID","IR","IQ","IE","IM","IL","IT","CI","JM","JP","JE","JO","KZ","KE","KI","XK","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","KP","MP","NO","OM","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","CG","RE","RO","RU","RW","BL","SH","KN","LC","MF","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SX","SK","SI","SB","SO","ZA","GS","KR","SS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TG","TK","TO","TT","TN","TR","TM","TC","TV","VI","UG","UA","AE","UM","UY","UZ","VU","VA","VE","VN","WF","EH","YE","ZM","ZW","002","015","419","142","143","030","035","034","145","150","151","154","039","155"],
"availableLanguage": "en"
},
"sameAs": [
"https://www.facebook.com/imensosoftware/",
"https://twitter.com/imensosoftware/",
"https://in.linkedin.com/company/imenso-software/",
"https://github.com/Imenso",
"https://www.instagram.com/imensosoftware/",
"https://www.imensosoftware.com/"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"name": "Imenso Software India Head Office",
"image": "https://www.imensosoftware.com/wp-content/themes/imenso/images/ps-trans-logo.png",
"@id": "https://www.imensosoftware.com/wp-content/themes/imenso/images/ps-trans-logo.png",
"url": "https://www.imensosoftware.com/",
"telephone": "+911244295523",
"priceRange": "$$",
"address": {
"@type": "PostalAddress",
"streetAddress": "04A-04B, Ground Floor, Tower B4 Spaze i-Tech Park, Sohna Road",
"addressLocality": "Gurgaon",
"postalCode": "122002",
"addressCountry": "IN"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 28.413093,
"longitude": 77.0418813
},
"hasMap": "https://www.google.com/maps/place/Imenso+Software/@28.413093,77.0418813,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0xc28729d9c21e4e3d!8m2!3d28.413093!4d77.04407",
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday"
],
"opens": "09:30",
"closes": "20:30"
},
"sameAs": [
"https://www.facebook.com/imensosoftware/",
"https://www.instagram.com/imensosoftware/",
"https://twitter.com/imensosoftware/",
"https://in.linkedin.com/company/imenso-software/"
],
"review":
[
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Dikshya Yugashakti"
},
"datePublished": "2020-10-25",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Working with Imenso Software was a pleasure..."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Raanan Eran"
},
"datePublished": "2020-03-15",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Working with Imenso Software was a pleasure..."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Republic Systems"
},
"datePublished": "2014-04-20",
"reviewBody": "Top notch team! Very flexible with quickly updating and optimizing our website. We are looking forward to working with Imenso for a long time and continuing to update and new and exciting content to our site.",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Top notch team! Very flexible with quickly updating and optimizing our website. We are looking forward to working with Imenso for a long time and continuing to update and new and exciting content to our site."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Samir Latif"
},
"datePublished": "2014-02-10",
"reviewBody": "Very responsive and flexible to customers' requirements. Job delivered ahead of schedule by working Saturday Sunday despite Some wrong info supplied to Ashish (The developer) Will definitely use him again",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Very responsive and flexible to customers' requirements. Job delivered ahead of schedule by working Saturday Sunday despite Some wrong info supplied to Ashish (The developer) Will definitely use him again"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Tom Updegrove"
},
"datePublished": "2019-11-05",
"reviewBody": "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.",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "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."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "hytrade24 GmbH"
},
"datePublished": "2019-10-26",
"reviewBody": "Very good service and very competent people.",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Very good service and very competent people."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "shrikant varma"
},
"datePublished": "2018-09-21",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 1,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "None"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Kshitij Patil"
},
"datePublished": "2019-06-28",
"reviewBody": "Imenso is the right knowledge center who understood our business requirement & developed software tool in no time. The system is very user friendly which can be adopted by all employees. Also, Imenso promise to give aftersale service is really appreciable.",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Imenso is the right knowledge center who understood our business requirement & developed software tool in no time. The system is very user friendly which can be adopted by all employees. Also, Imenso promise to give aftersale service is really appreciable."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Prabhat Singh"
},
"datePublished": "2017-03-05",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 3,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "None"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Vikas Panwar"
},
"datePublished": "2018-04-11",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "None"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "sanil kumar"
},
"datePublished": "2017-02-20",
"reviewBody": "How someone can apply in this company?",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "How someone can apply in this company?"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "meenakshi singla"
},
"datePublished": "2017-03-30",
"reviewBody": "Many of the software and web development companies are well technically sound and compact but have very poor work ethics. I am glad that here in Imenso Software, we work in much secured environment, where we could learn and progress collectively.",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Many of the software and web development companies are well technically sound and compact but have very poor work ethics. I am glad that here in Imenso Software, we work in much secured environment, where we could learn and progress collectively."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Manjinder Singh"
},
"datePublished": "2017-05-05",
"reviewBody": "Being a budding software engineer, I was well-received and trained under the guidance of experts in Imenso Software. It is a great experience to work here and to learn.",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "Being a budding software engineer, I was well-received and trained under the guidance of experts in Imenso Software. It is a great experience to work here and to learn."
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Aditya Khanna"
},
"datePublished": "2017-07-08",
"reviewBody": "I must say that they have best breed of designers and developers. My project was completed as per the scope discussed and most importantly on time. I would like to use them again for my future web development projects. Cheers toTeam Imenso :)",
"reviewRating":
{
"@type": "Rating",
"ratingValue": 5,
"worstRating": 1,
"bestRating": 5,
"reviewAspect": "I must say that they have best breed of designers and developers. My project was completed as per the scope discussed and most importantly on time. I would like to use them again for my future web development projects. Cheers toTeam Imenso :)"
}
}
],
"aggregateRating" : {
"@type": "AggregateRating",
"worstRating" : "1",
"bestRating" : "5",
"ratingValue" : "4.6",
"ratingCount" : "14"
},
"department": {
"@type": "ProfessionalService",
"name": "Imenso Software Indore Branch",
"image": "https://www.imensosoftware.com/wp-content/themes/imenso/images/ps-trans-logo.png",
"telephone": "+917314983982",
"priceRange": "$$",
"address": {
"@type": "PostalAddress",
"streetAddress": "605, NRK BizPark, PU-4, AB Road",
"addressLocality": "Indore",
"postalCode": "452010",
"addressCountry": "IN"
},
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday"
],
"opens": "09:30",
"closes": "20:30"
}
}
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "OfferCatalog",
"name": "Imenso Software",
"itemListElement":
[
{
"@type" : "ListItem",
"name" : "Imenso Software India",
"Description" : "Offshore dedicated web developers and software programmers are available for hiring for the best custom development services near you. Our agency offers enterprise solutions by expert software developers at affordable rates. 9 Years of Experience, 20+ Countries Served, 95% Client Satisfaction, 1000+ Successful Projects. Get a FREE Quote for your project.",
"url" : "https://www.imensosoftware.com/"
},
{
"@type" : "ListItem",
"name" : "Web Development Services",
"Description" : "Get enterprise-level website development services. Our offshore web development team provides the complete web development technology solution. Get a FREE quote!",
"url" : "https://www.imensosoftware.com/services/web-development/"
},
{
"@type" : "ListItem",
"name" : "PHP Development Services",
"Description" : "Get custom PHP development services at affordable rates. We provide complete PHP website application solutions to clients worldwide. Get a FREE estimation today!",
"url" : "https://www.imensosoftware.com/technologies/php-application-development/"
},
{
"@type" : "ListItem",
"name" : ".Net Development",
"Description" : "Get a custom dot Net development solution with the latest technology trends by Microsoft certified .Net developers. Our dot Net development services are not only reliable but are affordable too. Get a FREE estimation today!",
"url" : "https://www.imensosoftware.com/technologies/dot-net-development/"
},
{
"@type" : "ListItem",
"name" : "Laravel Development",
"Description" : "Outsource Laravel development company from India for affordable Laravel package development and Laravel framework development services. Get a FREE quote!",
"url" : "https://www.imensosoftware.com/technologies/laravel-development/"
},
{
"@type" : "ListItem",
"name" : "MEAN Stack Development",
"Description" : "Are you looking for Full MEAN stack development services? At Imenso Software, we provide you full MEAN stack web development at an affordable cost by our dedicated MEAN developers. Know more!",
"url" : "https://www.imensosoftware.com/technologies/mean-stack-development/"
},
{
"@type" : "ListItem",
"name" : "eCommerce Solutions",
"Description" : "Hire eCommerce developers for custom eCommerce website development. Outsource our company for the complete enterprise eCommerce solution at an affordable cost. Request a FREE quote!",
"url" : "https://www.imensosoftware.com/services/ecommerce-solutions/"
},
{
"@type" : "ListItem",
"name" : "CMS Development",
"Description" : "We are the leading enterprise CMS development service provider company in India. Outsource our CMS development team for affordable offshore CMS website development and stay ahead in the competition.",
"url" : "https://www.imensosoftware.com/services/cms-development/"
},
{
"@type" : "ListItem",
"name" : "Mobile Apps",
"Description" : "Offshore mobile app developers are available for hire at leading enterprise mobile app development company Imenso Software in India at affordable rates. Get a FREE estimation today!",
"url" : "https://www.imensosoftware.com/services/mobile-apps/"
},
{
"@type" : "ListItem",
"name" : "iOS Deveopment",
"Description" : "Outsource leading iOS development company Imenso Software for offshore Apple iPhone iOS custom development in India. Our iOS app development team is experienced and provides custom iOS development.",
"url" : "https://www.imensosoftware.com/technologies/ios-development/"
},
{
"@type" : "ListItem",
"name" : "Android Development",
"Description" : "Leading Android app development company Imenso Software provides Android development services and custom solutions worldwide. Outsource our agency for hybrid and native Android app development.",
"url" : "https://www.imensosoftware.com/technologies/android-development/"
},
{
"@type" : "ListItem",
"name" : "React Native App Development",
"Description" : "Outsource leading offshore React Native company Imenso Software for the best react native mobile app development services worldwide. A React Native agency with 9+ years of experience in the domain.",
"url" : "https://www.imensosoftware.com/technologies/react-native/"
},
{
"@type" : "ListItem",
"name" : "PhoneGap Development",
"Description" : "Outsource PhoneGap development company Imenso Software for affordable PhoneGap development worldwide. Our dedicated PhoneGap developers fulfill PhoneGap development services. Get a FREE estimation.",
"url" : "https://www.imensosoftware.com/technologies/phonegap-development/"
},
{
"@type" : "ListItem",
"name" : "Game Development",
"Description" : "Outsource mobile video game development services from leading game development company Imenso Software for affordable mobile game development. Get a FREE estimation.",
"url" : "https://www.imensosoftware.com/services/game-development/"
},
{
"@type" : "ListItem",
"name" : "HTML5 Game Development",
"Description" : "Outsource leading HTML5 game development company for high-quality HTML5 development for website and mobile games at affordable rates. Get a FREE quote!",
"url" : "https://www.imensosoftware.com/technologies/html5-development/"
},
{
"@type" : "ListItem",
"name" : "PixiJS Development",
"Description" : "Outsource PixiJS development services from a leading PixiJS development agency Imenso Software. 9+ years of experience in providing PixiJS development services at affordable rates worldwide. Get a FREE estimate today.",
"url" : "https://www.imensosoftware.com/technologies/pixijs-development/"
},
{
"@type" : "ListItem",
"name" : "Power BI Development",
"Description" : "Hire Power BI developers and consultants for professional Power BI reporting, implementation, and analysis services. We have core expertise in providing Power BI embedded designing solutions to clients worldwide. Request a FREE quote!",
"url" : "https://www.imensosoftware.com/technologies/power-bi-development/"
},
{
"@type" : "ListItem",
"name" : "UX/UI Design",
"Description" : "Leading offshore UI UX design agency Imenso Software is offering affordable UI UX design services. Hire expert UI UX designer and developer from India. Request a FREE quote to discuss.",
"url" : "https://www.imensosoftware.com/services/ux-ui-design/"
},
{
"@type" : "ListItem",
"name" : "User Experience Design",
"Description" : "Outsource offshore user experience designers for practical and creative UX interaction designs at an affordable cost from leading UX interaction company Imenso Software. Get a FREE quote!",
"url" : "https://www.imensosoftware.com/services/ux-ui-design/user-experience-design/"
},
{
"@type" : "ListItem",
"name" : "User Interface Design",
"Description" : "Expert user interface graphic designers available for hire at an affordable cost. Outsource leading UI design company Imenso Software for creative UI graphic design services. Request a FREE quote!",
"url" : "https://www.imensosoftware.com/services/ux-ui-design/user-interface-design/"
},
{
"@type" : "ListItem",
"name" : "WordPress Development",
"Description" : "Outsource offshore WordPress development company Imenso Software for professional WordPress web integration development services at a reasonable price. Contact us now.",
"url" : "https://www.imensosoftware.com/technologies/wordpress-development/"
},
{
"@type" : "ListItem",
"name" : "Hire Developers",
"Description" : "Need a developer? We have offshore developers for hire. Hire our full-time software web developers for offshore web development at affordable rates. Request a quote!",
"url" : "https://www.imensosoftware.com/hire-developers/"
},
{
"@type" : "ListItem",
"name" : "Hire PHP Developers",
"Description" : "Need a PHP developer? Hire expert PHP developers, coders on an hourly or dedicated basis from leading PHP company. Outsource our PHP experts at an affordable cost. Contact us today!",
"url" : "https://www.imensosoftware.com/hire-developers/hire-php-developers/"
},
{
"@type" : "ListItem",
"name" : "Hire Software Developers",
"Description" : "Our offshore software programmers are available on an hourly and dedicated basis. Hire our dedicated software developers for outstanding software development and stay ahead of the competition. Get a FREE quote.",
"url" : "https://www.imensosoftware.com/hire-developers/hire-software-developers/"
},
{
"@type" : "ListItem",
"name" : "Hire Shopify Developers",
"Description" : "Hire offshore Shopify devs for expert Shopify consultation and development. Our Shopify developers are available for hire on an hourly and dedicated basis. 1000+ Successful Shopify Projects, Over 95% Client Satisfaction. Get a Quote!",
"url" : "https://www.imensosoftware.com/hire-developers/hire-shopify-developers/"
},
{
"@type" : "ListItem",
"name" : "Hire Dot Net Developers",
"Description" : "Hire Microsoft ASP .Net developers on an hourly or dedicated basis from a leading Dot Net company Imenso Software at an affordable price. 1000+ Successful Projects, Over 95% Client Satisfaction. Get a FREE quote!",
"url" : "https://www.imensosoftware.com/hire-developers/hire-dot-net-developers/"
},
{
"@type" : "ListItem",
"name" : "Hire Android Developers",
"Description" : "Outsource Android developers from Imenso Software for highly-effective Android app or game development. Hire our Android programmer on an hourly or dedicated basis. Get a FREE estimation.",
"url" : "https://www.imensosoftware.com/hire-developers/hire-android-developers/"
}
]
}
}
</script>
<iframe allow="join-ad-interest-group" data-tagging-id="AW-669852394" data-load-time="1718273702771" height="0"
width="0" src="./Expert Power BI Development Services Company 🚀_files/669852394.html"
style="display: none; visibility: hidden;"></iframe>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "Imenso Software",
"url": "https://www.imensosoftware.com/",
"description":"Offshore Software Development Company - India",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.imensosoftware.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
</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>