- 
+ 
+
-
+ {{content}}
+
+
+ {% include footer.html %}
+
+{% include scripts.html %}
diff --git a/source/_layouts/discover.html b/source/_layouts/discover.html
new file mode 100644
index 00000000000..719ea7892ca
--- /dev/null
+++ b/source/_layouts/discover.html
@@ -0,0 +1,88 @@
+---
+layout: default
+---
+
+
+
+
+
\ No newline at end of file
diff --git a/source/_layouts/home.html b/source/_layouts/home.html
new file mode 100644
index 00000000000..b01a458bed7
--- /dev/null
+++ b/source/_layouts/home.html
@@ -0,0 +1,375 @@
+---
+layout: default
+---
+
+
+
+
+
diff --git a/source/_layouts/learn.html b/source/_layouts/learn.html
new file mode 100644
index 00000000000..061f3a103dd
--- /dev/null
+++ b/source/_layouts/learn.html
@@ -0,0 +1,29 @@
+---
+layout: default
+---
+
+ 
+
\ No newline at end of file
diff --git a/source/_layouts/post.html b/source/_layouts/post.html
index 0a61f1f3c02..da005be6796 100644
--- a/source/_layouts/post.html
+++ b/source/_layouts/post.html
@@ -1,26 +1,99 @@
---
layout: default
-is_post: true
---
-
- {% assign post = page %}
- {% include blog/post/article.html %}
-
+
+ 
+ {% endif %}
+
+
+
-
+
-{% if page.comments == true %}
-
+ {% if page.comments == true %}
+
-
-{% endif %}
\ No newline at end of file
+ (function() {
+ var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
+ d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
+ })();
+
+ {% endif %}
+
+
diff --git a/source/_styles/custom/content.css b/source/_styles/custom/content.css
new file mode 100644
index 00000000000..53dbd079805
--- /dev/null
+++ b/source/_styles/custom/content.css
@@ -0,0 +1,343 @@
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6,
+.content dt {
+ position: relative;
+ padding-left: 20px;
+ margin-left: -20px;
+}
+
+
+.content h1:hover a.title-link,
+.content h2:hover a.title-link,
+.content h3:hover a.title-link,
+.content h4:hover a.title-link,
+.content h5:hover a.title-link,
+.content h6:hover a.title-link,
+.content dt:hover a.title-link {
+ position: relative;
+}
+
+.content h1:hover a.title-link::before,
+.content h2:hover a.title-link::before,
+.content h3:hover a.title-link::before,
+.content h4:hover a.title-link::before,
+.content h5:hover a.title-link::before,
+.content h6:hover a.title-link::before,
+.content dt:hover a.title-link::before {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: -25px;
+ padding-right: 10px;
+ padding-left: 5px;
+ font-size: 15px;
+ color: #999;
+ content: "";
+ background-image: url('/images/icon/link-variant.svg');
+ background-size: 15px 15px;
+ height: 15px;
+ width: 15px;
+}
+
+.content h2 {
+ color: #000;
+ font-weight: 600;
+ font-size: 1.5rem;
+ line-height: 1.75rem;
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ scroll-margin-top: 100px;
+}
+
+.content h3 {
+ color: #000;
+ font-weight: 600;
+ letter-spacing: 0.125rem;
+ font-size: 1.2rem;
+ line-height: 1.5rem;
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.content h2 a,
+.content h3 a,
+.content h4 a,
+.content h5 a,
+.content h6 a {
+ scroll-margin-top: 140px;
+}
+
+.content a {
+ color: #049cdb;
+ text-decoration: underline;
+}
+.content p {
+ color: rgb(87 87 87);
+ letter-spacing: -0.02em;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-bottom: 0.75rem;
+}
+.content p.note,
+.content div.note {
+ position: relative;
+
+ background: #e7f2fa;
+
+ padding: 40px 12px 6px 12px;
+ margin-bottom: 24px;
+ box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
+}
+
+.content p.note p {
+ margin-bottom: 0px;
+}
+
+.content div.note p {
+ margin-bottom: 0px;
+}
+
+.content p.note::before,
+.content div.note::before {
+ content: " "" Note " attr(data-title);
+ background-image: url('/images/icon/information.svg');
+ background-size: 20px 20px;
+ background-color: #6ab0de;
+ background-repeat: no-repeat;
+ background-position: 5px;
+ color: white;
+ font-weight: bold;
+ width: 100%;
+
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ padding: 6px 14px 6px 30px;
+
+ line-height: 1.5em;
+
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+.content p.note.warning,
+.content div.note.warning {
+ background-color: #f7f9e1;
+}
+.content p.note.warning::before,
+.content div.note.warning::before {
+ background-color: rgb(187, 185, 13);
+ content: " "" Warning " attr(data-title);
+ background-image: url('/images/icon/alert.svg');
+ background-size: 20px 20px;
+ width: 100%;
+ background-repeat: no-repeat;
+}
+
+.content code {
+ color: #1990b8;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: break-word;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ background-color: #fdfdfd;
+ background-image: linear-gradient(transparent 50%, rgba(69,142,209,0.04) 50%);
+ background-size: 3em 3em;
+ background-origin: content-box;
+ background-attachment: local;
+ border: 1px solid #ddd;
+ border-radius: 0.4em;
+ padding: 0.1em 0.4em;
+ font-size: 0.8em;
+}
+
+.content pre.highlight {
+ background-color: #FFF;
+ border: 1px solid #CCC;
+ font-family: "Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+ color: #000;
+ padding: 1em 0px 1em 1em;
+ font-size: 15px;
+}
+
+.content table {
+ background: #f3fcf5;
+ box-shadow: rgb(0 0 0 / 6%) 0 0 10px;
+ border-radius: 3px;
+ table-layout: fixed;
+ width: 100%;
+ margin-bottom: 1.5rem;
+}
+
+.content table th,
+.content table td {
+ text-align: left;
+ padding: 12px;
+ word-wrap: break-word;
+}
+
+.content a.integration-alert {
+ margin: 1em 0;
+ background-color: wheat;
+ padding: 8px;
+ text-decoration: none !important;
+ display: flex;
+ align-items: center;
+ color: black;
+}
+
+.content a.integration-alert svg {
+ width: 24px;
+ margin-right: 8px;
+}
+
+.content a.integration-alert .content {
+ flex: 1;
+}
+
+.content a.integration-alert .learn-more {
+ padding: 4px 6px;
+ border-radius: 2px;
+ font-size: .8em;
+}
+
+.content .config-vars {
+ padding-bottom: 16px;
+}
+
+.content .config-vars h3 {
+ margin-bottom: 0;
+}
+
+.content .config-vars .configuration-link {
+ font-size: 13px;
+}
+
+.content .config-vars .configuration-link a {
+ color: #8792a2;
+ text-decoration: none;
+ border-bottom: #8792a2 dotted 0.5px;
+}
+
+.content .config-vars .config-vars-item {
+ border-bottom: 1px solid #d9dbde;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+.content .config-vars .config-vars-label {
+ padding-bottom: 4px;
+ position: relative;
+}
+.content .config-vars .config-vars-label-name {
+ font-weight: bold;
+ font-size: 16px;
+ color: #222222bd;
+}
+
+.content .config-vars .config-vars-type {
+ color: #8792a2;
+ font-size: 13px;
+}
+
+.content .config-vars .config-vars-required {
+ color: #8792a2;
+ font-size: 13px;
+ text-transform: lowercase;
+}
+
+.content .config-vars .config-vars-required .true {
+ color: #e56f4a;
+ text-transform: uppercase;
+ font-size: 11px;
+}
+
+.content .config-vars .config-vars-description-and-children {
+ font-size: 14px;
+ color: #4f566b;
+}
+.content .config-vars .config-vars-description p {
+ margin: 0;
+}
+
+.content .config-vars .nested {
+ margin-left: 48px;
+}
+
+.content .config-vars .nested .config-vars-item:last-child {
+ border: none;
+}
+
+.content .config-vars .config-vars-label:hover a.title-link {
+ padding-left: 20px;
+ margin-left: -20px;
+ scroll-margin-top: 100px;
+}
+
+.content .config-vars .config-vars-label:hover a.title-link::before {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: -25px;
+ padding-right: 10px;
+ padding-left: 5px;
+ font-size: 15px;
+ color: #999;
+ content: "";
+ background-image: url('/images/icon/link-variant.svg');
+ background-size: 15px 15px;
+ height: 15px;
+ width: 15px;
+}
+
+.content .config-vars .config-vars-default {
+ padding-top: 8px;
+}
+
+.content .config-vars .config-vars-default p {
+ margin: 0;
+ display: inline;
+}
+
+.content .config-vars .config-vars-default .nested {
+ margin-left: 48px;
+}
+
+.content ul,
+.content ol,
+.content dd {
+ margin-left: 1.5rem;
+}
+
+.content ol {
+ list-style: decimal;
+}
+
+.content ol ul {
+ list-style: circle;
+}
+
+.content ul {
+ list-style: disc;
+}
+
+.content li {
+ margin-bottom: 10px;
+}
+
+@media(max-width: 480px) {
+ .content table th,
+ .content table td {
+ padding: 6px;
+ }
+}
\ No newline at end of file
diff --git a/source/_styles/custom/gallery.css b/source/_styles/custom/gallery.css
new file mode 100644
index 00000000000..80ceb4a3abd
--- /dev/null
+++ b/source/_styles/custom/gallery.css
@@ -0,0 +1,19 @@
+.gallery {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 7px;
+}
+
+.gallery div {
+ aspect-ratio: 1;
+}
+
+.gallery-2 {
+ grid-template-columns: 1fr 1fr;
+ grid-gap: 42px;
+}
+
+.gallery-3 {
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 35px;
+}
\ No newline at end of file
diff --git a/source/_styles/custom/guide.css b/source/_styles/custom/guide.css
new file mode 100644
index 00000000000..13cc5d4350a
--- /dev/null
+++ b/source/_styles/custom/guide.css
@@ -0,0 +1,87 @@
+.guide-sidebar {
+ height: auto;
+ position: sticky;
+ top: 150px;
+}
+.guide .section-nav a {
+ display: block;
+ color: #575757;
+ line-height: 24px;
+ padding: 8px 60px 8px 0;
+ font-weight: 500;
+ cursor: pointer;
+ font-size: 20px;
+ border-left: 5px solid transparent;
+}
+
+.guide-active {
+ font-weight: 700 !important;
+ border-right: 5px solid #02B0FF !important;
+}
+
+.guide-active a {
+ color: black !important;
+}
+
+
+.top-rect {
+ background-color: #e6e6e663;
+ width: 100%;
+ position: absolute;
+ left: 0;
+ overflow: hidden;
+ border-radius: 30px;
+ height: 650px;
+ width: 107%;
+}
+
+.top-rect:after {
+ content: "";
+ display: block;
+ background: white;
+ height: 450px;
+ width: 8000px;
+ position: absolute;
+ z-index: 1;
+ bottom: -40%;
+ left: 50%;
+ margin-left: -4000px;
+ -webkit-transform: rotate(-8deg);
+ transform: rotate(-8deg);
+}
+
+.guide-content {
+ scroll-padding-top: 80px;
+}
+
+.guide-content h2 {
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity));
+ font-weight: 600;
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ scroll-margin-top: 100px;
+}
+
+.guide-content p {
+ --tw-text-opacity: 1;
+ color: rgb(87 87 87 / var(--tw-text-opacity));
+ letter-spacing: -0.02em;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-bottom: 0.75rem;
+}
+
+@media (min-width: 768px){
+ .guide-content h2 {
+ font-size: 32px;
+ }
+
+ .guide-content p {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ }
+}
diff --git a/source/_styles/custom/integrations.css b/source/_styles/custom/integrations.css
new file mode 100644
index 00000000000..314eb86ada2
--- /dev/null
+++ b/source/_styles/custom/integrations.css
@@ -0,0 +1,51 @@
+.integrations .filter-items a.active label {
+ font-weight: 700;
+}
+
+.integrations .filter-items a label:hover {
+ cursor: pointer;
+}
+
+.integrations .grid img.card-logo {
+ max-width: 80%;
+ max-height: 40px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.integrations .option-card p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: initial;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.integration-content {
+ scroll-padding-top: 80px;
+ margin-bottom: 60px;
+}
+
+.integration-toc {
+ scroll-margin-top: 100px;
+ scroll-padding-top: 80px;
+}
+.integrations .filter-items {
+ position: relative;
+}
+
+.integrations .filter-items .filter-button-group input {
+ pointer-events: none;
+}
+
+@media(max-width: 767px) {
+ .integrations .filter-items {
+ position: absolute;
+ top: 40px;
+ left: -350px;
+ background: #fff;
+ z-index: 2;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
+ }
+}
\ No newline at end of file
diff --git a/source/_styles/custom/topic.css b/source/_styles/custom/topic.css
new file mode 100644
index 00000000000..3073e455fcb
--- /dev/null
+++ b/source/_styles/custom/topic.css
@@ -0,0 +1,16 @@
+.topic a {
+ color: #575757;
+ line-height: 24px;
+ padding: 8px 0 8px 60px;
+ font-weight: 500;
+ cursor: pointer;
+ font-size: 20px;
+ border-left: 5px solid transparent;
+}
+
+.topic-active {
+ font-weight: 700 !important;
+ color: black !important;
+ border-left: 5px solid #02B0FF !important;
+}
+
diff --git a/source/_styles/custom/utilities.css b/source/_styles/custom/utilities.css
new file mode 100644
index 00000000000..bef6452759c
--- /dev/null
+++ b/source/_styles/custom/utilities.css
@@ -0,0 +1,196 @@
+nav span {
+ border-bottom: 2px solid transparent !important;
+}
+.active span {
+ border-bottom: 2px solid black !important;
+}
+nav a span:hover {
+ border-bottom: 2px solid black !important;
+
+}
+.footer-nav ul li {
+ border-bottom: 2px solid transparent !important;
+}
+.footer-nav ul li:hover a {
+ border-bottom: 2px solid black !important;
+}
+.footer-nav ul li.active a {
+ border-bottom: 2px solid black !important;
+}
+.social-link a:hover {
+ cursor: pointer;
+ background-color: #e5e5e5;
+ border-radius: 50%;
+ padding: 8px;
+}
+.social-link a {
+ padding: 8px;
+
+}
+.search-result {
+ transition: all 0.3s linear;
+}
+#algolia-search-box {
+ display: none;
+}
+.scroll-x::-webkit-scrollbar {
+ width: 6px
+}
+.scroll-x::-webkit-scrollbar:horizontal {
+ height: 6px;
+}
+.scroll-x::-webkit-scrollbar-track {
+ background-color: transparent;
+ width: 3px
+}
+.scroll-x::-webkit-scrollbar-thumb {
+ border-radius: 8px;
+ background: transparent;
+}
+#search-box div:hover {
+ cursor: pointer;
+ background-color: #e5e5e5;
+ border-radius: 50%;
+ padding: 8px;
+ margin-right: -8px;
+
+}
+#search-box div {
+ padding: 8px;
+ margin-right: -8px;
+}
+button:hover {
+ transform: scale(1.05)
+}
+button {
+ transition: all 0.15s linear;
+
+}
+.ml-0 {
+ margin-left: 0px !important;
+}
+.popular-category .flex {
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+@media (min-width:768px) and (max-width:820px) {
+ header .container>div {
+ padding-top: 30px !important;
+ }
+ .value-section {
+ overflow: scroll !important;
+ display: flex !important;
+ gap: 50px !important;
+ }
+ .value-section .col-span-1 {
+ min-width: 400px !important
+ }
+ .app-download>div {
+ z-index: 20;
+ }
+ .app-download>div>div {
+ /* margin-left: 0!important; */
+ padding-right: 0 !important;
+ }
+ .app-download>div>div {
+ /* margin-left: 0!important; */
+ padding-right: 0 !important;
+ }
+ .app-download-btn {
+ margin-left: 0px !important;
+ }
+ .app-download>div {
+ padding:60px !important;
+ }
+ .app-download .mobile2 {
+ top: -155px !important;
+ }
+ .app-download>img:first-child {
+ top: -115px !important;
+ }
+ .app-download>div>div {
+ width: 100% !important;
+ }
+
+ .popular-brands .col-span-1 {
+ width: 98px !important;
+ height: 98px !important;
+ }
+ .inte-button-group button.bg-transaprent{
+ padding: 15px 20px !important;
+ margin-left:0 !important;
+ }
+ .inte-button-group button img{
+ margin-right: 3px !important;
+ }
+ #search-box div {
+ padding-right: 8px;
+ }
+ #algolia-search-box>div {
+ width: 70% !important;
+ }
+ .story-back h2{
+ width: 100%;
+ }
+ .story-back>div>div{
+ padding: 10px !important;
+ }
+ .learn-grid a{
+ padding-left: 10px !important;
+ padding-right: 10px !important;
+ }
+ .possibliy>div {
+ width: 80% !important;
+ }
+ #cover .w-\[70\%\]{
+ width: 100% !important;
+ }
+ #learn>div>h1 {
+ padding-top: 100px !important;
+ }
+ .discover-img {
+ max-width: 100% !important
+ }
+ #discover{
+ margin-top: 65px !important;
+ }
+}
+.search-result div {
+ border-radius: 0 !important;
+}
+.search-result div:first-child {
+ border-top-left-radius: 10px !important;
+ border-top-right-radius: 10px !important;
+}
+.search-result :last-child {
+ border-bottom-left-radius: 10px !important;
+ border-bottom-right-radius: 10px !important;
+}
+
+.details-block {
+ width: 100%;
+ display: block;
+ margin: 15px 0;
+}
+
+.details-block-item {
+ background-color: white;
+ padding: 4px 16px;
+ margin: 8px;
+ box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
+ border-radius: 16px;
+}
+.details-block .details-block-item .details-block-title {
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 21px;
+ cursor: pointer;
+ height: 54px;
+ justify-content: space-between;
+ display: flex;
+ align-items: center;
+ background-color: white;
+ border: 0px;
+ width: 100%;
+}
diff --git a/source/_styles/home.css b/source/_styles/home.css
new file mode 100644
index 00000000000..c70791e122c
--- /dev/null
+++ b/source/_styles/home.css
@@ -0,0 +1,304 @@
+/* lite-youtube */
+lite-youtube {
+ position: relative;
+ display: block;
+ padding-bottom: calc(100% / (16 / 9));
+ background-color: rgba(0, 0, 0, .1);
+}
+
+lite-youtube::before {
+ content: attr(videotitle) " video placeholder";
+ color: rgba(0, 0, 0, 0.82);
+ text-align: center;
+ width: 100%;
+ position: absolute;
+ left: 0;
+ padding-top: calc(45% / (16 / 9));
+}
+/* Frame */
+.frame {
+ line-height: 250px;
+ overflow: hidden;
+}
+
+.frame ul.main-news__items-wrapp {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ position: relative;
+}
+
+.frame ul.main-news__items-wrapp li {
+ float: left;
+ width: 610px;
+ text-align: center;
+ cursor: pointer;
+ padding-left: 5px;
+ padding-right: 5px;
+ height: 100%;
+}
+
+.frame ul.main-news__items-wrapp li.active img {
+ width: 100%;
+ padding-top: 0px;
+}
+
+.scroll-images {
+ width: 80%;
+ margin: auto;
+ padding-top: 30px;
+}
+
+
+.scroll-images {
+ width: 80%;
+ margin: auto;
+ padding-top: 30px;
+}
+
+/* Scrollbar */
+.scrollbar {
+ height: 3px;
+ background: #CDDDFB;
+ line-height: 0;
+}
+
+.scrollbar .handle {
+ width: 100px;
+ height: 100%;
+ background: #377CFD;
+ cursor: pointer;
+}
+
+.scrollbar .handle .mousearea {
+ position: absolute;
+ top: -9px;
+ left: 0;
+ width: 90px;
+ height: 20px;
+}
+
+/* Pages */
+/* Controls */
+.controls {
+ margin: 25px 0;
+ text-align: center;
+}
+
+.news-slider__item {
+ position: relative;
+ background: #FFFFFF;
+ transition: all 3.3s;
+ width: 403px;
+ height: 440px;
+ margin-right: 40px;
+}
+
+@media only screen and (max-width: 1200px) {
+ .news-slider__item {
+ width: 314px;
+ }
+}
+
+.news-slider__item:last-child {
+ margin-right: 0;
+}
+
+.news-slider__item:hover .news-slider__head {
+ color: #377CFD;
+}
+
+.news-slider__item:hover {
+ cursor: pointer;
+ box-shadow: 0 4px 20px 0 rgba(88, 121, 163, 0.2);
+}
+
+.news-slider__item .news-slider__link {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 100%;
+ width: 100%;
+ display: block;
+}
+
+.news-slider__item .news-slider__media {
+ background-size: cover;
+ width: 100%;
+ height: 240px;
+ position: relative;
+ transition: all 3.5s;
+}
+
+.news-slider__item .news-slider__text-wrap {
+ padding: 30px 40px;
+}
+
+@media only screen and (max-width: 1024px) {
+ .news-slider__item .news-slider__text-wrap {
+ padding: 26px 20px;
+ }
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title {
+ display: flex;
+ flex-flow: row nowrap;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title .news-slider__head {
+ margin: 0;
+ transition: all 3.3s;
+ width: 70%;
+ font-size: 18px;
+}
+
+@media only screen and (max-width: 1024px) {
+ .news-slider__item .news-slider__text-wrap .news-slider__title .news-slider__head {
+ font-size: 16px;
+ padding: 0 10px 0 0;
+ }
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title .date {
+ opacity: 0.3;
+ color: #1D1D1D;
+ font-size: 13px;
+ line-height: 15px;
+ font-weight: 500;
+ width: 30%;
+ margin-top: 7px;
+ text-align: right;
+ white-space: nowrap;
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title .date span:nth-child(2) {
+ margin: 0 3px;
+}
+
+@media only screen and (max-width: 1024px) {
+ .news-slider__item .news-slider__text-wrap .news-slider__text {
+ display: none;
+ }
+}
+
+.news-slider__item--youtube:hover {
+ box-shadow: none;
+}
+
+.news-slider__item--youtube:hover .news-slider__head {
+ color: #000;
+}
+
+.news-slider__item--youtube .news-slider__youtube-link {
+ background-size: cover;
+ position: relative;
+ transition: all 3.5s;
+ font-size: 0;
+ color: transparent;
+ height: 240px;
+ width: 100%;
+ display: block;
+ z-index: 9;
+}
+
+.news-slider__item--youtube .news-slider__youtube-link:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.4);
+ transition: all 3.5s;
+}
+
+.news-slider__item--youtube .news-slider__youtube-link:hover:before {
+ background-color: transparent;
+ transition: all 3.5s;
+}
+
+.news-slider__item--youtube .news-slider__text-wrap--youtube {
+ display: block;
+ text-decoration: none;
+}
+
+.news-slider__item--youtube .news-slider__text-wrap--youtube:hover .news-slider__head {
+ color: #377CFD;
+}
+
+.news-slider__item--youtube .news-slider__youtube-button {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border: none;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ border-left: 18px solid #fff;
+ background-color: transparent;
+ top: 30%;
+ left: 50%;
+ transform: translateX(-8px) translateY(-10px);
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ transition: all 3.3s;
+ outline: none;
+ z-index: 10;
+}
+
+.news-slider__item--youtube .news-slider__youtube-button:hover {
+ border-left: 18px solid #2B62FC;
+}
+
+.started-item {
+ transition: all 0.3s linear;
+}
+
+.started-item:hover {
+ transform: scale(1.1);
+}
+
+.table-body td:not(:first-child) {
+ border-bottom: 1px solid #43434326;
+}
+
+tbody tr:last-child td {
+ border-bottom: none !important;
+}
+
+tbody tr:first-child td {
+ padding-top: 40px;
+}
+
+.table-body td p {
+ width: 78%;
+ padding-bottom: 10px;
+}
+
+.table-body td h {
+ padding-top: 8px;
+}
+
+.table-header th {
+ padding-bottom: 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ .get-started-card .text-wrap {
+ width: calc(100% - 120px);
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ .get-started-card img {
+ width: 90px;
+ }
+ .get-started-card .text-wrap {
+ width: calc(100% - 90px);
+ }
+}
\ No newline at end of file
diff --git a/source/_styles/main.css b/source/_styles/main.css
new file mode 100644
index 00000000000..311dfe651c4
--- /dev/null
+++ b/source/_styles/main.css
@@ -0,0 +1,18 @@
+@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@200;300;400;500;600;700;800;900&display=swap');
+
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+@import "./custom/utilities.css";
+@import "./custom/content.css";
+@import "./custom/gallery.css";
+@import "./custom/guide.css";
+@import "./custom/topic.css";
+@import "./custom/integrations.css";
+
+@import 'home.css';
+@import 'post.css';
+@import 'prism.css';
+
+
diff --git a/source/_styles/post.css b/source/_styles/post.css
new file mode 100644
index 00000000000..485a9801044
--- /dev/null
+++ b/source/_styles/post.css
@@ -0,0 +1,42 @@
+.post-content {
+ margin-top: 1rem;
+ margin-bottom: 6rem;
+}
+
+.post-content a {
+ color: #049cdb;
+ text-decoration: underline;
+}
+
+.post-content p{
+ font-size: 14px;
+ margin-bottom: 2rem;
+ color: #575757;
+}
+
+.post-content ul {
+ list-style: disc;
+ margin-left: 3rem;
+ margin-bottom: 1.5rem;
+}
+
+.post-content ul li {
+ font-size: 14px;
+ color: #575757;
+}
+
+.opacity-80 {
+ opacity: 0.8;
+}
+
+@media(min-width: 768px) {
+ .post-content h2{
+ font-size: 32px;
+ }
+ .post-content p{
+ font-size: 18px;
+ }
+ .post-content ul li {
+ font-size: 18px;
+ }
+}
\ No newline at end of file
diff --git a/source/_styles/prism.css b/source/_styles/prism.css
new file mode 100644
index 00000000000..a04b3caa975
--- /dev/null
+++ b/source/_styles/prism.css
@@ -0,0 +1,373 @@
+/* PrismJS 1.16.0
+https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+css-extras+docker+git+ini+json+markdown+liquid+sql+python+shell-session+yaml+wiki&plugins=line-numbers+autolinker+toolbar+command-line+normalize-whitespace+show-language+copy-to-clipboard */
+/**
+ * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
+ * @author Tim Shedor
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 0.85em;
+ text-align: left;
+ white-space: pre-wrap;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ position: relative;
+ margin: .5em 0;
+ overflow: visible;
+ padding: 0;
+}
+pre[class*="language-"]>code {
+ position: relative;
+ border-left: 10px solid #358ccb;
+ box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
+ background-color: #fdfdfd;
+ background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
+ background-size: 3em 3em;
+ background-origin: content-box;
+ background-attachment: local;
+}
+
+code[class*="language"] {
+ max-height: inherit;
+ height: inherit;
+ padding: 0 1em;
+ display: block;
+ overflow: auto;
+}
+
+/* Margin bottom to accommodate shadow */
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background-color: #fdfdfd;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 1em;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ position: relative;
+ padding: .2em;
+ border-radius: 0.3em;
+ color: #c92c2c;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ display: inline;
+ white-space: normal;
+}
+
+pre[class*="language-"]:before,
+pre[class*="language-"]:after {
+ content: '';
+ z-index: -2;
+ display: block;
+ position: absolute;
+ bottom: 0.75em;
+ left: 0.18em;
+ width: 40%;
+ height: 20%;
+ max-height: 13em;
+ box-shadow: 0px 13px 8px #979797;
+ -webkit-transform: rotate(-2deg);
+ -moz-transform: rotate(-2deg);
+ -ms-transform: rotate(-2deg);
+ -o-transform: rotate(-2deg);
+ transform: rotate(-2deg);
+}
+
+:not(pre) > code[class*="language-"]:after,
+pre[class*="language-"]:after {
+ right: 0.75em;
+ left: auto;
+ -webkit-transform: rotate(2deg);
+ -moz-transform: rotate(2deg);
+ -ms-transform: rotate(2deg);
+ -o-transform: rotate(2deg);
+ transform: rotate(2deg);
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: #7D8B99;
+}
+
+.token.punctuation {
+ color: #5F6364;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.function-name,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #c92c2c;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.function,
+.token.builtin,
+.token.inserted {
+ color: #2f9c0a;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.token.variable {
+ color: #a67f59;
+ background: rgba(255, 255, 255, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword,
+.token.class-name {
+ color: #1990b8;
+}
+
+.token.regex,
+.token.important {
+ color: #e90;
+}
+
+.language-css .token.string,
+.style .token.string {
+ color: #a67f59;
+ background: rgba(255, 255, 255, 0.5);
+}
+
+.token.important {
+ font-weight: normal;
+}
+
+.token.bold {
+ font-weight: bold;
+}
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+@media screen and (max-width: 767px) {
+ pre[class*="language-"]:before,
+ pre[class*="language-"]:after {
+ bottom: 14px;
+ box-shadow: none;
+ }
+
+}
+
+/* Plugin styles */
+.token.tab:not(:empty):before,
+.token.cr:before,
+.token.lf:before {
+ color: #e0d7d1;
+}
+
+/* Plugin styles: Line Numbers */
+pre[class*="language-"].line-numbers.line-numbers {
+ padding-left: 0;
+}
+
+pre[class*="language-"].line-numbers.line-numbers code {
+ padding-left: 3.8em;
+}
+
+pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
+ left: 0;
+}
+
+/* Plugin styles: Line Highlight */
+pre[class*="language-"][data-line] {
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-left: 0;
+}
+pre[data-line] code {
+ position: relative;
+ padding-left: 4em;
+}
+pre .line-highlight {
+ margin-top: 0;
+}
+
+pre[class*="language-"].line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber;
+}
+
+pre[class*="language-"].line-numbers > code {
+ position: relative;
+ white-space: inherit;
+}
+
+.line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ font-size: 100%;
+ left: -3.8em;
+ width: 3em; /* works for line-numbers below 1000 lines */
+ letter-spacing: -1px;
+ border-right: 1px solid #999;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+}
+
+ .line-numbers-rows > span {
+ pointer-events: none;
+ display: block;
+ counter-increment: linenumber;
+ }
+
+ .line-numbers-rows > span:before {
+ content: counter(linenumber);
+ color: #999;
+ display: block;
+ padding-right: 0.8em;
+ text-align: right;
+ }
+
+.token a {
+ color: inherit;
+}
+div.code-toolbar {
+ position: relative;
+}
+
+div.code-toolbar > .toolbar {
+ position: absolute;
+ top: .3em;
+ right: .2em;
+ transition: opacity 0.3s ease-in-out;
+ opacity: 0;
+}
+
+div.code-toolbar:hover > .toolbar {
+ opacity: 1;
+}
+
+/* Separate line b/c rules are thrown out if selector is invalid.
+ IE11 and old Edge versions don't support :focus-within. */
+div.code-toolbar:focus-within > .toolbar {
+ opacity: 1;
+}
+
+div.code-toolbar > .toolbar .toolbar-item {
+ display: inline-block;
+}
+
+div.code-toolbar > .toolbar a {
+ cursor: pointer;
+}
+
+div.code-toolbar > .toolbar button {
+ background: none;
+ border: 0;
+ color: inherit;
+ font: inherit;
+ line-height: normal;
+ overflow: visible;
+ padding: 0;
+ -webkit-user-select: none; /* for button */
+ -moz-user-select: none;
+ -ms-user-select: none;
+}
+
+div.code-toolbar > .toolbar a,
+div.code-toolbar > .toolbar button,
+div.code-toolbar > .toolbar span {
+ color: #bbb;
+ font-size: .8em;
+ padding: 0 .5em;
+ background: #f5f2f0;
+ background: rgba(224, 224, 224, 0.2);
+ box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
+ border-radius: .5em;
+}
+
+div.code-toolbar > .toolbar a:hover,
+div.code-toolbar > .toolbar a:focus,
+div.code-toolbar > .toolbar button:hover,
+div.code-toolbar > .toolbar button:focus,
+div.code-toolbar > .toolbar span:hover,
+div.code-toolbar > .toolbar span:focus {
+ color: inherit;
+ text-decoration: none;
+}
+
+.command-line-prompt {
+ border-right: 1px solid #999;
+ display: block;
+ float: left;
+ font-size: 100%;
+ letter-spacing: -1px;
+ margin-right: 1em;
+ pointer-events: none;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.command-line-prompt > span:before {
+ color: #999;
+ content: ' ';
+ display: block;
+ padding-right: 0.8em;
+}
+
+.command-line-prompt > span[data-user]:before {
+ content: "[" attr(data-user) "@" attr(data-host) "] $";
+}
+
+.command-line-prompt > span[data-user="root"]:before {
+ content: "[" attr(data-user) "@" attr(data-host) "] #";
+}
+
+.command-line-prompt > span[data-prompt]:before {
+ content: attr(data-prompt);
+}
+
diff --git a/source/assets/css/style.css b/source/assets/css/style.css
new file mode 100644
index 00000000000..26ecf905886
--- /dev/null
+++ b/source/assets/css/style.css
@@ -0,0 +1,5632 @@
+@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@200;300;400;500;600;700;800;900&display=swap');
+
+/*
+! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box; /* 1 */
+ border-width: 0; /* 2 */
+ border-style: solid; /* 2 */
+ border-color: currentColor; /* 2 */
+}
+
+::before,
+::after {
+ --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+*/
+
+html {
+ line-height: 1.5; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -moz-tab-size: 4; /* 3 */
+ -o-tab-size: 4;
+ tab-size: 4; /* 3 */
+ font-family: Urbanist, sans-serif; /* 4 */
+ font-feature-settings: normal; /* 5 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+ margin: 0; /* 1 */
+ line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0; /* 1 */
+ color: inherit; /* 2 */
+ border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0; /* 1 */
+ border-color: inherit; /* 2 */
+ border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ font-weight: inherit; /* 1 */
+ line-height: inherit; /* 1 */
+ color: inherit; /* 1 */
+ margin: 0; /* 2 */
+ padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+ -webkit-appearance: button; /* 1 */
+ background-color: transparent; /* 2 */
+ background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ opacity: 1; /* 1 */
+ color: #9ca3af; /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1; /* 1 */
+ color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block; /* 1 */
+ vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+ display: none;
+}
+
+*, ::before, ::after{
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+}
+
+::backdrop{
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+}
+
+.container{
+ width: 100%;
+}
+
+@media (min-width: 640px){
+
+ .container{
+ max-width: 640px;
+ }
+}
+
+@media (min-width: 768px){
+
+ .container{
+ max-width: 768px;
+ }
+}
+
+@media (min-width: 1024px){
+
+ .container{
+ max-width: 1024px;
+ }
+}
+
+@media (min-width: 1280px){
+
+ .container{
+ max-width: 1280px;
+ }
+}
+
+@media (min-width: 1536px){
+
+ .container{
+ max-width: 1536px;
+ }
+}
+
+.container{
+ max-width: 90%;
+}
+
+@media (min-width: 1024px){
+
+ .container{
+ max-width: 900px;
+ }
+}
+
+@media (min-width: 1280px){
+
+ .container{
+ max-width: 1012px;
+ }
+}
+
+.sr-only{
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+}
+
+.pointer-events-none{
+ pointer-events: none;
+}
+
+.visible{
+ visibility: visible;
+}
+
+.invisible{
+ visibility: hidden;
+}
+
+.collapse{
+ visibility: collapse;
+}
+
+.static{
+ position: static;
+}
+
+.fixed{
+ position: fixed;
+}
+
+.absolute{
+ position: absolute;
+}
+
+.relative{
+ position: relative;
+}
+
+.sticky{
+ position: sticky;
+}
+
+.inset-0{
+ top: 0px;
+ right: 0px;
+ bottom: 0px;
+ left: 0px;
+}
+
+.inset-x-0{
+ left: 0px;
+ right: 0px;
+}
+
+.inset-y-0{
+ top: 0px;
+ bottom: 0px;
+}
+
+.bottom-0{
+ bottom: 0px;
+}
+
+.bottom-\[20px\]{
+ bottom: 20px;
+}
+
+.left-0{
+ left: 0px;
+}
+
+.left-1\/2{
+ left: 50%;
+}
+
+.left-\[-50\%\]{
+ left: -50%;
+}
+
+.left-\[15\%\]{
+ left: 15%;
+}
+
+.left-\[15px\]{
+ left: 15px;
+}
+
+.left-\[19\%\]{
+ left: 19%;
+}
+
+.left-\[2px\]{
+ left: 2px;
+}
+
+.left-\[40px\]{
+ left: 40px;
+}
+
+.left-\[50\%\]{
+ left: 50%;
+}
+
+.left-auto{
+ left: auto;
+}
+
+.right-0{
+ right: 0px;
+}
+
+.right-\[-10\%\]{
+ right: -10%;
+}
+
+.right-\[-13px\]{
+ right: -13px;
+}
+
+.right-\[-20px\]{
+ right: -20px;
+}
+
+.right-\[20px\]{
+ right: 20px;
+}
+
+.right-\[25px\]{
+ right: 25px;
+}
+
+.right-\[2px\]{
+ right: 2px;
+}
+
+.right-\[50px\]{
+ right: 50px;
+}
+
+.right-\[62px\]{
+ right: 62px;
+}
+
+.right-\[8\%\]{
+ right: 8%;
+}
+
+.top-0{
+ top: 0px;
+}
+
+.top-10{
+ top: 2.5rem;
+}
+
+.top-20{
+ top: 5rem;
+}
+
+.top-\[-10px\]{
+ top: -10px;
+}
+
+.top-\[-115px\]{
+ top: -115px;
+}
+
+.top-\[-150px\]{
+ top: -150px;
+}
+
+.top-\[-155px\]{
+ top: -155px;
+}
+
+.top-\[-30px\]{
+ top: -30px;
+}
+
+.top-\[-36px\]{
+ top: -36px;
+}
+
+.top-\[-60px\]{
+ top: -60px;
+}
+
+.top-\[150px\]{
+ top: 150px;
+}
+
+.top-\[1600px\]{
+ top: 1600px;
+}
+
+.top-\[160px\]{
+ top: 160px;
+}
+
+.top-\[20px\]{
+ top: 20px;
+}
+
+.top-\[25px\]{
+ top: 25px;
+}
+
+.top-\[2800px\]{
+ top: 2800px;
+}
+
+.top-\[30px\]{
+ top: 30px;
+}
+
+.top-\[62px\]{
+ top: 62px;
+}
+
+.top-\[65px\]{
+ top: 65px;
+}
+
+.top-\[700px\]{
+ top: 700px;
+}
+
+.top-\[70px\]{
+ top: 70px;
+}
+
+.top-\[90px\]{
+ top: 90px;
+}
+
+.isolate{
+ isolation: isolate;
+}
+
+.-z-10{
+ z-index: -10;
+}
+
+.-z-20{
+ z-index: -20;
+}
+
+.z-10{
+ z-index: 10;
+}
+
+.z-20{
+ z-index: 20;
+}
+
+.z-30{
+ z-index: 30;
+}
+
+.z-50{
+ z-index: 50;
+}
+
+.z-\[-1\]{
+ z-index: -1;
+}
+
+.z-\[100\]{
+ z-index: 100;
+}
+
+.order-1{
+ order: 1;
+}
+
+.order-2{
+ order: 2;
+}
+
+.col-span-1{
+ grid-column: span 1 / span 1;
+}
+
+.col-span-2{
+ grid-column: span 2 / span 2;
+}
+
+.col-span-4{
+ grid-column: span 4 / span 4;
+}
+
+.col-span-5{
+ grid-column: span 5 / span 5;
+}
+
+.float-right{
+ float: right;
+}
+
+.-m-3{
+ margin: -0.75rem;
+}
+
+.m-auto{
+ margin: auto;
+}
+
+.mx-10{
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+}
+
+.mx-2{
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+
+.mx-auto{
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.my-2{
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.my-20{
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+}
+
+.my-3{
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+}
+
+.my-5{
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+}
+
+.mb-0{
+ margin-bottom: 0px;
+}
+
+.mb-1{
+ margin-bottom: 0.25rem;
+}
+
+.mb-10{
+ margin-bottom: 2.5rem;
+}
+
+.mb-3{
+ margin-bottom: 0.75rem;
+}
+
+.mb-4{
+ margin-bottom: 1rem;
+}
+
+.mb-5{
+ margin-bottom: 1.25rem;
+}
+
+.mb-\[100px\]{
+ margin-bottom: 100px;
+}
+
+.mb-\[200px\]{
+ margin-bottom: 200px;
+}
+
+.mb-\[36px\]{
+ margin-bottom: 36px;
+}
+
+.mb-\[38px\]{
+ margin-bottom: 38px;
+}
+
+.mb-\[3px\]{
+ margin-bottom: 3px;
+}
+
+.mb-\[50px\]{
+ margin-bottom: 50px;
+}
+
+.mb-\[56px\]{
+ margin-bottom: 56px;
+}
+
+.mb-\[80px\]{
+ margin-bottom: 80px;
+}
+
+.mb-\[86px\]{
+ margin-bottom: 86px;
+}
+
+.ml-0{
+ margin-left: 0px;
+}
+
+.ml-2{
+ margin-left: 0.5rem;
+}
+
+.ml-3{
+ margin-left: 0.75rem;
+}
+
+.ml-3\.5{
+ margin-left: 0.875rem;
+}
+
+.ml-5{
+ margin-left: 1.25rem;
+}
+
+.ml-8{
+ margin-left: 2rem;
+}
+
+.ml-\[-180px\]{
+ margin-left: -180px;
+}
+
+.ml-\[100px\]{
+ margin-left: 100px;
+}
+
+.ml-\[15px\]{
+ margin-left: 15px;
+}
+
+.ml-\[20px\]{
+ margin-left: 20px;
+}
+
+.ml-\[25px\]{
+ margin-left: 25px;
+}
+
+.ml-\[3\%\]{
+ margin-left: 3%;
+}
+
+.ml-\[37\%\]{
+ margin-left: 37%;
+}
+
+.ml-\[8px\]{
+ margin-left: 8px;
+}
+
+.ml-auto{
+ margin-left: auto;
+}
+
+.mr-0{
+ margin-right: 0px;
+}
+
+.mr-16{
+ margin-right: 4rem;
+}
+
+.mr-3{
+ margin-right: 0.75rem;
+}
+
+.mr-4{
+ margin-right: 1rem;
+}
+
+.mr-5{
+ margin-right: 1.25rem;
+}
+
+.mr-\[10px\]{
+ margin-right: 10px;
+}
+
+.mr-\[3px\]{
+ margin-right: 3px;
+}
+
+.mt-0{
+ margin-top: 0px;
+}
+
+.mt-10{
+ margin-top: 2.5rem;
+}
+
+.mt-11{
+ margin-top: 2.75rem;
+}
+
+.mt-12{
+ margin-top: 3rem;
+}
+
+.mt-2{
+ margin-top: 0.5rem;
+}
+
+.mt-20{
+ margin-top: 5rem;
+}
+
+.mt-3{
+ margin-top: 0.75rem;
+}
+
+.mt-4{
+ margin-top: 1rem;
+}
+
+.mt-5{
+ margin-top: 1.25rem;
+}
+
+.mt-6{
+ margin-top: 1.5rem;
+}
+
+.mt-7{
+ margin-top: 1.75rem;
+}
+
+.mt-8{
+ margin-top: 2rem;
+}
+
+.mt-9{
+ margin-top: 2.25rem;
+}
+
+.mt-\[131px\]{
+ margin-top: 131px;
+}
+
+.mt-\[135px\]{
+ margin-top: 135px;
+}
+
+.mt-\[138px\]{
+ margin-top: 138px;
+}
+
+.mt-\[148px\]{
+ margin-top: 148px;
+}
+
+.mt-\[14px\]{
+ margin-top: 14px;
+}
+
+.mt-\[150px\]{
+ margin-top: 150px;
+}
+
+.mt-\[19px\]{
+ margin-top: 19px;
+}
+
+.mt-\[207px\]{
+ margin-top: 207px;
+}
+
+.mt-\[212px\]{
+ margin-top: 212px;
+}
+
+.mt-\[21px\]{
+ margin-top: 21px;
+}
+
+.mt-\[25px\]{
+ margin-top: 25px;
+}
+
+.mt-\[26px\]{
+ margin-top: 26px;
+}
+
+.mt-\[28px\]{
+ margin-top: 28px;
+}
+
+.mt-\[32px\]{
+ margin-top: 32px;
+}
+
+.mt-\[33px\]{
+ margin-top: 33px;
+}
+
+.mt-\[35px\]{
+ margin-top: 35px;
+}
+
+.mt-\[36px\]{
+ margin-top: 36px;
+}
+
+.mt-\[37px\]{
+ margin-top: 37px;
+}
+
+.mt-\[40px\]{
+ margin-top: 40px;
+}
+
+.mt-\[42px\]{
+ margin-top: 42px;
+}
+
+.mt-\[50px\]{
+ margin-top: 50px;
+}
+
+.mt-\[57px\]{
+ margin-top: 57px;
+}
+
+.mt-\[65px\]{
+ margin-top: 65px;
+}
+
+.mt-\[6px\]{
+ margin-top: 6px;
+}
+
+.mt-\[77px\]{
+ margin-top: 77px;
+}
+
+.mt-\[80px\]{
+ margin-top: 80px;
+}
+
+.block{
+ display: block;
+}
+
+.inline-block{
+ display: inline-block;
+}
+
+.inline{
+ display: inline;
+}
+
+.flex{
+ display: flex;
+}
+
+.inline-flex{
+ display: inline-flex;
+}
+
+.table{
+ display: table;
+}
+
+.flow-root{
+ display: flow-root;
+}
+
+.grid{
+ display: grid;
+}
+
+.contents{
+ display: contents;
+}
+
+.hidden{
+ display: none;
+}
+
+.h-1\/2{
+ height: 50%;
+}
+
+.h-4{
+ height: 1rem;
+}
+
+.h-5{
+ height: 1.25rem;
+}
+
+.h-\[0\]{
+ height: 0;
+}
+
+.h-\[100\%\]{
+ height: 100%;
+}
+
+.h-\[100px\]{
+ height: 100px;
+}
+
+.h-\[110\%\]{
+ height: 110%;
+}
+
+.h-\[150px\]{
+ height: 150px;
+}
+
+.h-\[200px\]{
+ height: 200px;
+}
+
+.h-\[210px\]{
+ height: 210px;
+}
+
+.h-\[250px\]{
+ height: 250px;
+}
+
+.h-\[25px\]{
+ height: 25px;
+}
+
+.h-\[280px\]{
+ height: 280px;
+}
+
+.h-\[30px\]{
+ height: 30px;
+}
+
+.h-\[344px\]{
+ height: 344px;
+}
+
+.h-\[34px\]{
+ height: 34px;
+}
+
+.h-\[35px\]{
+ height: 35px;
+}
+
+.h-\[375px\]{
+ height: 375px;
+}
+
+.h-\[37px\]{
+ height: 37px;
+}
+
+.h-\[45px\]{
+ height: 45px;
+}
+
+.h-\[48px\]{
+ height: 48px;
+}
+
+.h-\[60px\]{
+ height: 60px;
+}
+
+.h-\[66px\]{
+ height: 66px;
+}
+
+.h-\[70px\]{
+ height: 70px;
+}
+
+.h-\[98px\]{
+ height: 98px;
+}
+
+.h-auto{
+ height: auto;
+}
+
+.h-fit{
+ height: -moz-fit-content;
+ height: fit-content;
+}
+
+.h-full{
+ height: 100%;
+}
+
+.h-screen{
+ height: 100vh;
+}
+
+.max-h-\[56px\]{
+ max-height: 56px;
+}
+
+.max-h-\[61px\]{
+ max-height: 61px;
+}
+
+.max-h-fit{
+ max-height: -moz-fit-content;
+ max-height: fit-content;
+}
+
+.min-h-\[210px\]{
+ min-height: 210px;
+}
+
+.min-h-\[38px\]{
+ min-height: 38px;
+}
+
+.min-h-\[58px\]{
+ min-height: 58px;
+}
+
+.min-h-\[619px\]{
+ min-height: 619px;
+}
+
+.w-4{
+ width: 1rem;
+}
+
+.w-\[100\%\]{
+ width: 100%;
+}
+
+.w-\[100px\]{
+ width: 100px;
+}
+
+.w-\[110\%\]{
+ width: 110%;
+}
+
+.w-\[115px\]{
+ width: 115px;
+}
+
+.w-\[120px\]{
+ width: 120px;
+}
+
+.w-\[15\%\]{
+ width: 15%;
+}
+
+.w-\[178px\]{
+ width: 178px;
+}
+
+.w-\[179px\]{
+ width: 179px;
+}
+
+.w-\[181px\]{
+ width: 181px;
+}
+
+.w-\[1px\]{
+ width: 1px;
+}
+
+.w-\[20\%\]{
+ width: 20%;
+}
+
+.w-\[20px\]{
+ width: 20px;
+}
+
+.w-\[25px\]{
+ width: 25px;
+}
+
+.w-\[300px\]{
+ width: 300px;
+}
+
+.w-\[348px\]{
+ width: 348px;
+}
+
+.w-\[34px\]{
+ width: 34px;
+}
+
+.w-\[350px\]{
+ width: 350px;
+}
+
+.w-\[37px\]{
+ width: 37px;
+}
+
+.w-\[42px\]{
+ width: 42px;
+}
+
+.w-\[48px\]{
+ width: 48px;
+}
+
+.w-\[4px\]{
+ width: 4px;
+}
+
+.w-\[50\%\]{
+ width: 50%;
+}
+
+.w-\[60\%\]{
+ width: 60%;
+}
+
+.w-\[66px\]{
+ width: 66px;
+}
+
+.w-\[80\%\]{
+ width: 80%;
+}
+
+.w-\[90\%\]{
+ width: 90%;
+}
+
+.w-\[94px\]{
+ width: 94px;
+}
+
+.w-\[98px\]{
+ width: 98px;
+}
+
+.w-fit{
+ width: -moz-fit-content;
+ width: fit-content;
+}
+
+.w-full{
+ width: 100%;
+}
+
+.w-max{
+ width: -moz-max-content;
+ width: max-content;
+}
+
+.min-w-\[107\%\]{
+ min-width: 107%;
+}
+
+.min-w-\[300px\]{
+ min-width: 300px;
+}
+
+.max-w-4xl{
+ max-width: 56rem;
+}
+
+.max-w-\[1010px\]{
+ max-width: 1010px;
+}
+
+.max-w-\[1170px\]{
+ max-width: 1170px;
+}
+
+.max-w-\[300px\]{
+ max-width: 300px;
+}
+
+.max-w-\[348px\]{
+ max-width: 348px;
+}
+
+.max-w-\[420px\]{
+ max-width: 420px;
+}
+
+.max-w-\[480px\]{
+ max-width: 480px;
+}
+
+.max-w-\[80\%\]{
+ max-width: 80%;
+}
+
+.max-w-\[90\%\]{
+ max-width: 90%;
+}
+
+.max-w-\[970px\]{
+ max-width: 970px;
+}
+
+.max-w-full{
+ max-width: 100%;
+}
+
+.flex-1{
+ flex: 1 1 0%;
+}
+
+.flex-shrink-0{
+ flex-shrink: 0;
+}
+
+.shrink{
+ flex-shrink: 1;
+}
+
+.flex-grow{
+ flex-grow: 1;
+}
+
+.grow{
+ flex-grow: 1;
+}
+
+.origin-top-right{
+ transform-origin: top right;
+}
+
+.translate-x-\[-32px\]{
+ --tw-translate-x: -32px;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-x-\[-50\%\]{
+ --tw-translate-x: -50%;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-\[-50\%\]{
+ --tw-translate-y: -50%;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform{
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.cursor-pointer{
+ cursor: pointer;
+}
+
+.resize{
+ resize: both;
+}
+
+.grid-cols-1{
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2{
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3{
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4{
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5{
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+.grid-rows-2{
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+.flex-row{
+ flex-direction: row;
+}
+
+.flex-col{
+ flex-direction: column;
+}
+
+.items-start{
+ align-items: flex-start;
+}
+
+.items-center{
+ align-items: center;
+}
+
+.justify-start{
+ justify-content: flex-start;
+}
+
+.justify-center{
+ justify-content: center;
+}
+
+.justify-between{
+ justify-content: space-between;
+}
+
+.gap-10{
+ gap: 2.5rem;
+}
+
+.gap-16{
+ gap: 4rem;
+}
+
+.gap-20{
+ gap: 5rem;
+}
+
+.gap-3{
+ gap: 0.75rem;
+}
+
+.gap-4{
+ gap: 1rem;
+}
+
+.gap-8{
+ gap: 2rem;
+}
+
+.gap-\[20px\]{
+ gap: 20px;
+}
+
+.gap-x-6{
+ -moz-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+}
+
+.gap-y-5{
+ row-gap: 1.25rem;
+}
+
+.gap-y-7{
+ row-gap: 1.75rem;
+}
+
+.space-x-10 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-x-4 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse: 0;
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-x-6 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
+.space-y-\[60px\] > :not([hidden]) ~ :not([hidden]){
+ --tw-space-y-reverse: 0;
+ margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(60px * var(--tw-space-y-reverse));
+}
+
+.self-start{
+ align-self: flex-start;
+}
+
+.overflow-clip{
+ overflow: clip;
+}
+
+.overflow-x-auto{
+ overflow-x: auto;
+}
+
+.overflow-x-clip{
+ overflow-x: clip;
+}
+
+.overflow-y-scroll{
+ overflow-y: scroll;
+}
+
+.truncate{
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.rounded{
+ border-radius: 0.25rem;
+}
+
+.rounded-2xl{
+ border-radius: 1rem;
+}
+
+.rounded-3xl{
+ border-radius: 1.5rem;
+}
+
+.rounded-\[10px\]{
+ border-radius: 10px;
+}
+
+.rounded-\[20px\]{
+ border-radius: 20px;
+}
+
+.rounded-\[24px\]{
+ border-radius: 24px;
+}
+
+.rounded-\[30px\]{
+ border-radius: 30px;
+}
+
+.rounded-\[40px\]{
+ border-radius: 40px;
+}
+
+.rounded-\[4px\]{
+ border-radius: 4px;
+}
+
+.rounded-\[60px\]{
+ border-radius: 60px;
+}
+
+.rounded-full{
+ border-radius: 9999px;
+}
+
+.rounded-lg{
+ border-radius: 0.5rem;
+}
+
+.rounded-md{
+ border-radius: 0.375rem;
+}
+
+.rounded-sm{
+ border-radius: 0.125rem;
+}
+
+.rounded-xl{
+ border-radius: 0.75rem;
+}
+
+.rounded-b-3xl{
+ border-bottom-right-radius: 1.5rem;
+ border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-l-3xl{
+ border-top-left-radius: 1.5rem;
+ border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-t-3xl{
+ border-top-left-radius: 1.5rem;
+ border-top-right-radius: 1.5rem;
+}
+
+.border{
+ border-width: 1px;
+}
+
+.border-2{
+ border-width: 2px;
+}
+
+.border-\[1\.24px\]{
+ border-width: 1.24px;
+}
+
+.border-\[5px\]{
+ border-width: 5px;
+}
+
+.border-b-2{
+ border-bottom-width: 2px;
+}
+
+.border-b-\[1px\]{
+ border-bottom-width: 1px;
+}
+
+.border-l-\[4px\]{
+ border-left-width: 4px;
+}
+
+.border-l-\[8px\]{
+ border-left-width: 8px;
+}
+
+.border-t{
+ border-top-width: 1px;
+}
+
+.border-dotted{
+ border-style: dotted;
+}
+
+.border-\[\#15151529\]{
+ border-color: #15151529;
+}
+
+.border-\[\#41BDF5\]{
+ --tw-border-opacity: 1;
+ border-color: rgb(65 189 245 / var(--tw-border-opacity));
+}
+
+.border-\[\#43434326\]{
+ border-color: #43434326;
+}
+
+.border-black{
+ --tw-border-opacity: 1;
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.border-border-line{
+ border-color: rgba(0, 0, 0, 0.1);
+}
+
+.border-grey-secondary{
+ --tw-border-opacity: 1;
+ border-color: rgb(237 237 237 / var(--tw-border-opacity));
+}
+
+.border-grey-text{
+ --tw-border-opacity: 1;
+ border-color: rgb(87 87 87 / var(--tw-border-opacity));
+}
+
+.border-transparent{
+ border-color: transparent;
+}
+
+.border-white{
+ --tw-border-opacity: 1;
+ border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.border-opacity-10{
+ --tw-border-opacity: 0.1;
+}
+
+.border-opacity-20{
+ --tw-border-opacity: 0.2;
+}
+
+.bg-\[\#0101018f\]{
+ background-color: #0101018f;
+}
+
+.bg-\[\#C4C4C4\]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(196 196 196 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#F8F8F8\]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(248 248 248 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#F9F9F9\]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(249 249 249 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#FAFBFA\]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(250 251 250 / var(--tw-bg-opacity));
+}
+
+.bg-black{
+ --tw-bg-opacity: 1;
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-black-primary{
+ --tw-bg-opacity: 1;
+ background-color: rgb(0 28 41 / var(--tw-bg-opacity));
+}
+
+.bg-blue-btn{
+ --tw-bg-opacity: 1;
+ background-color: rgb(2 176 255 / var(--tw-bg-opacity));
+}
+
+.bg-blue-fourth{
+ --tw-bg-opacity: 1;
+ background-color: rgb(2 103 255 / var(--tw-bg-opacity));
+}
+
+.bg-border-line{
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-brand-primary{
+ --tw-bg-opacity: 1;
+ background-color: rgb(65 189 245 / var(--tw-bg-opacity));
+}
+
+.bg-brand-secondary{
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 215 2 / var(--tw-bg-opacity));
+}
+
+.bg-green-secondary{
+ --tw-bg-opacity: 1;
+ background-color: rgb(65 245 202 / var(--tw-bg-opacity));
+}
+
+.bg-green-third{
+ --tw-bg-opacity: 1;
+ background-color: rgb(105 118 113 / var(--tw-bg-opacity));
+}
+
+.bg-grey-primary{
+ --tw-bg-opacity: 1;
+ background-color: rgb(249 249 249 / var(--tw-bg-opacity));
+}
+
+.bg-grey-third{
+ --tw-bg-opacity: 1;
+ background-color: rgb(171 180 185 / var(--tw-bg-opacity));
+}
+
+.bg-transparent{
+ background-color: transparent;
+}
+
+.bg-white{
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.bg-opacity-10{
+ --tw-bg-opacity: 0.1;
+}
+
+.object-cover{
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+
+.p-1{
+ padding: 0.25rem;
+}
+
+.p-10{
+ padding: 2.5rem;
+}
+
+.p-2{
+ padding: 0.5rem;
+}
+
+.p-3{
+ padding: 0.75rem;
+}
+
+.p-4{
+ padding: 1rem;
+}
+
+.p-5{
+ padding: 1.25rem;
+}
+
+.p-7{
+ padding: 1.75rem;
+}
+
+.p-\[25px\]{
+ padding: 25px;
+}
+
+.p-\[30px\]{
+ padding: 30px;
+}
+
+.p-\[60px\]{
+ padding: 60px;
+}
+
+.px-0{
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.px-1{
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+}
+
+.px-10{
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+}
+
+.px-2{
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+}
+
+.px-3{
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+}
+
+.px-4{
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.px-5{
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+.px-6{
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.px-7{
+ padding-left: 1.75rem;
+ padding-right: 1.75rem;
+}
+
+.px-9{
+ padding-left: 2.25rem;
+ padding-right: 2.25rem;
+}
+
+.px-\[10px\]{
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.px-\[12px\]{
+ padding-left: 12px;
+ padding-right: 12px;
+}
+
+.px-\[17px\]{
+ padding-left: 17px;
+ padding-right: 17px;
+}
+
+.px-\[18px\]{
+ padding-left: 18px;
+ padding-right: 18px;
+}
+
+.px-\[19px\]{
+ padding-left: 19px;
+ padding-right: 19px;
+}
+
+.px-\[20px\]{
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.px-\[26px\]{
+ padding-left: 26px;
+ padding-right: 26px;
+}
+
+.px-\[32px\]{
+ padding-left: 32px;
+ padding-right: 32px;
+}
+
+.px-\[36px\]{
+ padding-left: 36px;
+ padding-right: 36px;
+}
+
+.px-\[40px\]{
+ padding-left: 40px;
+ padding-right: 40px;
+}
+
+.px-\[43px\]{
+ padding-left: 43px;
+ padding-right: 43px;
+}
+
+.px-\[44px\]{
+ padding-left: 44px;
+ padding-right: 44px;
+}
+
+.px-\[5\%\]{
+ padding-left: 5%;
+ padding-right: 5%;
+}
+
+.px-\[60px\]{
+ padding-left: 60px;
+ padding-right: 60px;
+}
+
+.py-0{
+ padding-top: 0px;
+ padding-bottom: 0px;
+}
+
+.py-1{
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+
+.py-10{
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+}
+
+.py-12{
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+}
+
+.py-2{
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.py-3{
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
+.py-4{
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.py-7{
+ padding-top: 1.75rem;
+ padding-bottom: 1.75rem;
+}
+
+.py-\[100px\]{
+ padding-top: 100px;
+ padding-bottom: 100px;
+}
+
+.py-\[10px\]{
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.py-\[13px\]{
+ padding-top: 13px;
+ padding-bottom: 13px;
+}
+
+.py-\[14px\]{
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+
+.py-\[15px\]{
+ padding-top: 15px;
+ padding-bottom: 15px;
+}
+
+.py-\[16px\]{
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+.py-\[20px\]{
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+.py-\[21px\]{
+ padding-top: 21px;
+ padding-bottom: 21px;
+}
+
+.py-\[22px\]{
+ padding-top: 22px;
+ padding-bottom: 22px;
+}
+
+.py-\[24px\]{
+ padding-top: 24px;
+ padding-bottom: 24px;
+}
+
+.py-\[25px\]{
+ padding-top: 25px;
+ padding-bottom: 25px;
+}
+
+.py-\[30px\]{
+ padding-top: 30px;
+ padding-bottom: 30px;
+}
+
+.py-\[32px\]{
+ padding-top: 32px;
+ padding-bottom: 32px;
+}
+
+.py-\[38px\]{
+ padding-top: 38px;
+ padding-bottom: 38px;
+}
+
+.py-\[39px\]{
+ padding-top: 39px;
+ padding-bottom: 39px;
+}
+
+.py-\[42px\]{
+ padding-top: 42px;
+ padding-bottom: 42px;
+}
+
+.py-\[50px\]{
+ padding-top: 50px;
+ padding-bottom: 50px;
+}
+
+.py-\[60px\]{
+ padding-top: 60px;
+ padding-bottom: 60px;
+}
+
+.py-\[9px\]{
+ padding-top: 9px;
+ padding-bottom: 9px;
+}
+
+.pb-0{
+ padding-bottom: 0px;
+}
+
+.pb-10{
+ padding-bottom: 2.5rem;
+}
+
+.pb-12{
+ padding-bottom: 3rem;
+}
+
+.pb-20{
+ padding-bottom: 5rem;
+}
+
+.pb-6{
+ padding-bottom: 1.5rem;
+}
+
+.pb-8{
+ padding-bottom: 2rem;
+}
+
+.pb-\[13px\]{
+ padding-bottom: 13px;
+}
+
+.pb-\[17px\]{
+ padding-bottom: 17px;
+}
+
+.pb-\[50px\]{
+ padding-bottom: 50px;
+}
+
+.pb-\[55px\]{
+ padding-bottom: 55px;
+}
+
+.pb-\[60px\]{
+ padding-bottom: 60px;
+}
+
+.pb-\[75px\]{
+ padding-bottom: 75px;
+}
+
+.pl-3{
+ padding-left: 0.75rem;
+}
+
+.pl-5{
+ padding-left: 1.25rem;
+}
+
+.pl-\[11px\]{
+ padding-left: 11px;
+}
+
+.pl-\[14px\]{
+ padding-left: 14px;
+}
+
+.pl-\[20px\]{
+ padding-left: 20px;
+}
+
+.pl-\[26px\]{
+ padding-left: 26px;
+}
+
+.pl-\[30px\]{
+ padding-left: 30px;
+}
+
+.pl-\[31px\]{
+ padding-left: 31px;
+}
+
+.pl-\[32px\]{
+ padding-left: 32px;
+}
+
+.pl-\[46\.5px\]{
+ padding-left: 46.5px;
+}
+
+.pl-\[4px\]{
+ padding-left: 4px;
+}
+
+.pl-\[5\%\]{
+ padding-left: 5%;
+}
+
+.pl-\[65px\]{
+ padding-left: 65px;
+}
+
+.pl-\[68px\]{
+ padding-left: 68px;
+}
+
+.pl-\[69px\]{
+ padding-left: 69px;
+}
+
+.pr-0{
+ padding-right: 0px;
+}
+
+.pr-10{
+ padding-right: 2.5rem;
+}
+
+.pr-5{
+ padding-right: 1.25rem;
+}
+
+.pr-\[160px\]{
+ padding-right: 160px;
+}
+
+.pr-\[22px\]{
+ padding-right: 22px;
+}
+
+.pr-\[39px\]{
+ padding-right: 39px;
+}
+
+.pr-\[46px\]{
+ padding-right: 46px;
+}
+
+.pr-\[5\%\]{
+ padding-right: 5%;
+}
+
+.pr-\[54px\]{
+ padding-right: 54px;
+}
+
+.pt-0{
+ padding-top: 0px;
+}
+
+.pt-10{
+ padding-top: 2.5rem;
+}
+
+.pt-12{
+ padding-top: 3rem;
+}
+
+.pt-20{
+ padding-top: 5rem;
+}
+
+.pt-4{
+ padding-top: 1rem;
+}
+
+.pt-5{
+ padding-top: 1.25rem;
+}
+
+.pt-\[100px\]{
+ padding-top: 100px;
+}
+
+.pt-\[109px\]{
+ padding-top: 109px;
+}
+
+.pt-\[10px\]{
+ padding-top: 10px;
+}
+
+.pt-\[12px\]{
+ padding-top: 12px;
+}
+
+.pt-\[16px\]{
+ padding-top: 16px;
+}
+
+.pt-\[20px\]{
+ padding-top: 20px;
+}
+
+.pt-\[40px\]{
+ padding-top: 40px;
+}
+
+.pt-\[44px\]{
+ padding-top: 44px;
+}
+
+.pt-\[50px\]{
+ padding-top: 50px;
+}
+
+.pt-\[52px\]{
+ padding-top: 52px;
+}
+
+.pt-\[63px\]{
+ padding-top: 63px;
+}
+
+.pt-\[75px\]{
+ padding-top: 75px;
+}
+
+.pt-\[80px\]{
+ padding-top: 80px;
+}
+
+.pt-\[9px\]{
+ padding-top: 9px;
+}
+
+.text-left{
+ text-align: left;
+}
+
+.text-center{
+ text-align: center;
+}
+
+.font-sans{
+ font-family: Urbanist, sans-serif;
+}
+
+.text-2xl{
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.text-4xl{
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+}
+
+.text-\[12px\]{
+ font-size: 12px;
+}
+
+.text-\[14px\]{
+ font-size: 14px;
+}
+
+.text-\[16px\]{
+ font-size: 16px;
+}
+
+.text-\[17px\]{
+ font-size: 17px;
+}
+
+.text-\[18px\]{
+ font-size: 18px;
+}
+
+.text-\[20px\]{
+ font-size: 20px;
+}
+
+.text-\[22px\]{
+ font-size: 22px;
+}
+
+.text-\[24px\]{
+ font-size: 24px;
+}
+
+.text-\[26px\]{
+ font-size: 26px;
+}
+
+.text-\[28px\]{
+ font-size: 28px;
+}
+
+.text-\[32px\]{
+ font-size: 32px;
+}
+
+.text-\[44px\]{
+ font-size: 44px;
+}
+
+.text-\[50px\]{
+ font-size: 50px;
+}
+
+.text-base{
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
+.text-lg{
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+}
+
+.text-sm{
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+.text-xl{
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+.text-xs{
+ font-size: 0.75rem;
+ line-height: 1rem;
+}
+
+.font-bold{
+ font-weight: 700;
+}
+
+.font-extrabold{
+ font-weight: 800;
+}
+
+.font-light{
+ font-weight: 300;
+}
+
+.font-medium{
+ font-weight: 500;
+}
+
+.font-normal{
+ font-weight: 400;
+}
+
+.font-semibold{
+ font-weight: 600;
+}
+
+.uppercase{
+ text-transform: uppercase;
+}
+
+.lowercase{
+ text-transform: lowercase;
+}
+
+.italic{
+ font-style: italic;
+}
+
+.ordinal{
+ --tw-ordinal: ordinal;
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+.leading-10{
+ line-height: 2.5rem;
+}
+
+.leading-3{
+ line-height: .75rem;
+}
+
+.leading-4{
+ line-height: 1rem;
+}
+
+.leading-5{
+ line-height: 1.25rem;
+}
+
+.leading-6{
+ line-height: 1.5rem;
+}
+
+.leading-7{
+ line-height: 1.75rem;
+}
+
+.leading-\[0px\]{
+ line-height: 0px;
+}
+
+.leading-\[150\%\]{
+ line-height: 150%;
+}
+
+.leading-\[17px\]{
+ line-height: 17px;
+}
+
+.leading-\[19px\]{
+ line-height: 19px;
+}
+
+.leading-\[20px\]{
+ line-height: 20px;
+}
+
+.leading-\[21\.6px\]{
+ line-height: 21.6px;
+}
+
+.leading-\[22px\]{
+ line-height: 22px;
+}
+
+.leading-\[25px\]{
+ line-height: 25px;
+}
+
+.leading-\[26px\]{
+ line-height: 26px;
+}
+
+.leading-\[27px\]{
+ line-height: 27px;
+}
+
+.leading-\[28\.8px\]{
+ line-height: 28.8px;
+}
+
+.leading-\[28px\]{
+ line-height: 28px;
+}
+
+.leading-\[29px\]{
+ line-height: 29px;
+}
+
+.leading-\[33px\]{
+ line-height: 33px;
+}
+
+.leading-\[38\.4px\]{
+ line-height: 38.4px;
+}
+
+.leading-\[38px\]{
+ line-height: 38px;
+}
+
+.leading-\[40px\]{
+ line-height: 40px;
+}
+
+.leading-\[49\.63px\]{
+ line-height: 49.63px;
+}
+
+.leading-\[52\.8px\]{
+ line-height: 52.8px;
+}
+
+.leading-\[53px\]{
+ line-height: 53px;
+}
+
+.tracking-\[-0\.02em\]{
+ letter-spacing: -0.02em;
+}
+
+.tracking-\[-0\.04em\]{
+ letter-spacing: -0.04em;
+}
+
+.tracking-\[\.25em\]{
+ letter-spacing: .25em;
+}
+
+.tracking-tight{
+ letter-spacing: -0.025em;
+}
+
+.text-\[\#41BDF5\]{
+ --tw-text-opacity: 1;
+ color: rgb(65 189 245 / var(--tw-text-opacity));
+}
+
+.text-\[\#97d2f7\]{
+ --tw-text-opacity: 1;
+ color: rgb(151 210 247 / var(--tw-text-opacity));
+}
+
+.text-\[18\]{
+ color: 18;
+}
+
+.text-\[black\]{
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-black{
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-black-secondary{
+ --tw-text-opacity: 1;
+ color: rgb(34 34 34 / var(--tw-text-opacity));
+}
+
+.text-black-text{
+ --tw-text-opacity: 1;
+ color: rgb(16 16 16 / var(--tw-text-opacity));
+}
+
+.text-blue-btn{
+ --tw-text-opacity: 1;
+ color: rgb(2 176 255 / var(--tw-text-opacity));
+}
+
+.text-blue-light{
+ --tw-text-opacity: 1;
+ color: rgb(0 174 248 / var(--tw-text-opacity));
+}
+
+.text-blue-text{
+ --tw-text-opacity: 1;
+ color: rgb(22 9 103 / var(--tw-text-opacity));
+}
+
+.text-brand-primary{
+ --tw-text-opacity: 1;
+ color: rgb(65 189 245 / var(--tw-text-opacity));
+}
+
+.text-grey-text{
+ --tw-text-opacity: 1;
+ color: rgb(87 87 87 / var(--tw-text-opacity));
+}
+
+.text-white{
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.text-opacity-30{
+ --tw-text-opacity: 0.3;
+}
+
+.text-opacity-\[\.66\]{
+ --tw-text-opacity: .66;
+}
+
+.underline{
+ text-decoration-line: underline;
+}
+
+.underline-offset-1{
+ text-underline-offset: 1px;
+}
+
+.placeholder-black::-moz-placeholder{
+ --tw-placeholder-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-placeholder-opacity));
+}
+
+.placeholder-black::placeholder{
+ --tw-placeholder-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-placeholder-opacity));
+}
+
+.placeholder-black-secondary::-moz-placeholder{
+ --tw-placeholder-opacity: 1;
+ color: rgb(34 34 34 / var(--tw-placeholder-opacity));
+}
+
+.placeholder-black-secondary::placeholder{
+ --tw-placeholder-opacity: 1;
+ color: rgb(34 34 34 / var(--tw-placeholder-opacity));
+}
+
+.placeholder-opacity-30::-moz-placeholder{
+ --tw-placeholder-opacity: 0.3;
+}
+
+.placeholder-opacity-30::placeholder{
+ --tw-placeholder-opacity: 0.3;
+}
+
+.placeholder-opacity-\[\.33\]::-moz-placeholder{
+ --tw-placeholder-opacity: .33;
+}
+
+.placeholder-opacity-\[\.33\]::placeholder{
+ --tw-placeholder-opacity: .33;
+}
+
+.opacity-10{
+ opacity: 0.1;
+}
+
+.opacity-20{
+ opacity: 0.2;
+}
+
+.opacity-30{
+ opacity: 0.3;
+}
+
+.opacity-40{
+ opacity: 0.4;
+}
+
+.opacity-5{
+ opacity: 0.05;
+}
+
+.opacity-50{
+ opacity: 0.5;
+}
+
+.opacity-60{
+ opacity: 0.6;
+}
+
+.opacity-70{
+ opacity: 0.7;
+}
+
+.opacity-80{
+ opacity: 0.8;
+}
+
+.opacity-\[\.3\]{
+ opacity: .3;
+}
+
+.opacity-\[\.66\]{
+ opacity: .66;
+}
+
+.opacity-\[0\.5\]{
+ opacity: 0.5;
+}
+
+.shadow{
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-\[0_4px_24px_5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
+ --tw-shadow: 0 4px 24px 5px rgba(0,0,0,0.1);
+ --tw-shadow-colored: 0 4px 24px 5px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{
+ --tw-shadow: 0 4px 24px rgba(0,0,0,0.3);
+ --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-\[2px_-2px_10px_\#3333\]{
+ --tw-shadow: 2px -2px 10px #3333;
+ --tw-shadow-colored: 2px -2px 10px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-lg{
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-md{
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-xl{
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.outline{
+ outline-style: solid;
+}
+
+.ring{
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-1{
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-black{
+ --tw-ring-opacity: 1;
+ --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
+}
+
+.ring-opacity-5{
+ --tw-ring-opacity: 0.05;
+}
+
+.grayscale{
+ --tw-grayscale: grayscale(100%);
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.invert{
+ --tw-invert: invert(100%);
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.filter{
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.transition{
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+nav span {
+ border-bottom: 2px solid transparent !important;
+}
+
+.active span {
+ border-bottom: 2px solid black !important;
+}
+
+nav a span:hover {
+ border-bottom: 2px solid black !important;
+
+}
+
+.footer-nav ul li {
+ border-bottom: 2px solid transparent !important;
+}
+
+.footer-nav ul li:hover a {
+ border-bottom: 2px solid black !important;
+}
+
+.footer-nav ul li.active a {
+ border-bottom: 2px solid black !important;
+}
+
+.social-link a:hover {
+ cursor: pointer;
+ background-color: #e5e5e5;
+ border-radius: 50%;
+ padding: 8px;
+}
+
+.social-link a {
+ padding: 8px;
+
+}
+
+.search-result {
+ transition: all 0.3s linear;
+}
+
+#algolia-search-box {
+ display: none;
+}
+
+.scroll-x::-webkit-scrollbar {
+ width: 6px
+}
+
+.scroll-x::-webkit-scrollbar:horizontal {
+ height: 6px;
+}
+
+.scroll-x::-webkit-scrollbar-track {
+ background-color: transparent;
+ width: 3px
+}
+
+.scroll-x::-webkit-scrollbar-thumb {
+ border-radius: 8px;
+ background: transparent;
+}
+
+#search-box div:hover {
+ cursor: pointer;
+ background-color: #e5e5e5;
+ border-radius: 50%;
+ padding: 8px;
+ margin-right: -8px;
+
+}
+
+#search-box div {
+ padding: 8px;
+ margin-right: -8px;
+}
+
+button:hover {
+ transform: scale(1.05)
+}
+
+button {
+ transition: all 0.15s linear;
+
+}
+
+.ml-0 {
+ margin-left: 0px !important;
+}
+
+.popular-category .flex {
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+@media (min-width:768px) and (max-width:820px) {
+ header .container>div {
+ padding-top: 30px !important;
+ }
+ .value-section {
+ overflow: scroll !important;
+ display: flex !important;
+ gap: 50px !important;
+ }
+ .value-section .col-span-1 {
+ min-width: 400px !important
+ }
+ .app-download>div {
+ z-index: 20;
+ }
+ .app-download>div>div {
+ /* margin-left: 0!important; */
+ /* margin-left: 0!important; */
+ padding-right: 0 !important;
+ }
+ .app-download-btn {
+ margin-left: 0px !important;
+ }
+ .app-download>div {
+ padding:60px !important;
+ }
+ .app-download .mobile2 {
+ top: -155px !important;
+ }
+ .app-download>img:first-child {
+ top: -115px !important;
+ }
+ .app-download>div>div {
+ width: 100% !important;
+ }
+
+ .popular-brands .col-span-1 {
+ width: 98px !important;
+ height: 98px !important;
+ }
+ .inte-button-group button.bg-transaprent{
+ padding: 15px 20px !important;
+ margin-left:0 !important;
+ }
+ .inte-button-group button img{
+ margin-right: 3px !important;
+ }
+ #search-box div {
+ padding-right: 8px;
+ }
+ #algolia-search-box>div {
+ width: 70% !important;
+ }
+ .story-back h2{
+ width: 100%;
+ }
+ .story-back>div>div{
+ padding: 10px !important;
+ }
+ .learn-grid a{
+ padding-left: 10px !important;
+ padding-right: 10px !important;
+ }
+ .possibliy>div {
+ width: 80% !important;
+ }
+ #cover .w-\[70\%\]{
+ width: 100% !important;
+ }
+ #learn>div>h1 {
+ padding-top: 100px !important;
+ }
+ .discover-img {
+ max-width: 100% !important
+ }
+ #discover{
+ margin-top: 65px !important;
+ }
+}
+
+.search-result div {
+ border-radius: 0 !important;
+}
+
+.search-result div:first-child {
+ border-top-left-radius: 10px !important;
+ border-top-right-radius: 10px !important;
+}
+
+.search-result :last-child {
+ border-bottom-left-radius: 10px !important;
+ border-bottom-right-radius: 10px !important;
+}
+
+.details-block {
+ width: 100%;
+ display: block;
+ margin: 15px 0;
+}
+
+.details-block-item {
+ background-color: white;
+ padding: 4px 16px;
+ margin: 8px;
+ box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
+ border-radius: 16px;
+}
+
+.details-block .details-block-item .details-block-title {
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 21px;
+ cursor: pointer;
+ height: 54px;
+ justify-content: space-between;
+ display: flex;
+ align-items: center;
+ background-color: white;
+ border: 0px;
+ width: 100%;
+}
+
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6,
+.content dt {
+ position: relative;
+ padding-left: 20px;
+ margin-left: -20px;
+}
+
+.content h1:hover a.title-link,
+.content h2:hover a.title-link,
+.content h3:hover a.title-link,
+.content h4:hover a.title-link,
+.content h5:hover a.title-link,
+.content h6:hover a.title-link,
+.content dt:hover a.title-link {
+ position: relative;
+}
+
+.content h1:hover a.title-link::before,
+.content h2:hover a.title-link::before,
+.content h3:hover a.title-link::before,
+.content h4:hover a.title-link::before,
+.content h5:hover a.title-link::before,
+.content h6:hover a.title-link::before,
+.content dt:hover a.title-link::before {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: -25px;
+ padding-right: 10px;
+ padding-left: 5px;
+ font-size: 15px;
+ color: #999;
+ content: "";
+ background-image: url('/images/icon/link-variant.svg');
+ background-size: 15px 15px;
+ height: 15px;
+ width: 15px;
+}
+
+.content h2 {
+ color: #000;
+ font-weight: 600;
+ font-size: 1.5rem;
+ line-height: 1.75rem;
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ scroll-margin-top: 100px;
+}
+
+.content h3 {
+ color: #000;
+ font-weight: 600;
+ letter-spacing: 0.125rem;
+ font-size: 1.2rem;
+ line-height: 1.5rem;
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.content h2 a,
+.content h3 a,
+.content h4 a,
+.content h5 a,
+.content h6 a {
+ scroll-margin-top: 140px;
+}
+
+.content a {
+ color: #049cdb;
+ text-decoration: underline;
+}
+
+.content p {
+ color: rgb(87 87 87);
+ letter-spacing: -0.02em;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-bottom: 0.75rem;
+}
+
+.content p.note,
+.content div.note {
+ position: relative;
+
+ background: #e7f2fa;
+
+ padding: 40px 12px 6px 12px;
+ margin-bottom: 24px;
+ box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
+}
+
+.content p.note p {
+ margin-bottom: 0px;
+}
+
+.content div.note p {
+ margin-bottom: 0px;
+}
+
+.content p.note::before,
+.content div.note::before {
+ content: " "" Note " attr(data-title);
+ background-image: url('/images/icon/information.svg');
+ background-size: 20px 20px;
+ background-color: #6ab0de;
+ background-repeat: no-repeat;
+ background-position: 5px;
+ color: white;
+ font-weight: bold;
+ width: 100%;
+
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ padding: 6px 14px 6px 30px;
+
+ line-height: 1.5em;
+
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.content p.note.warning,
+.content div.note.warning {
+ background-color: #f7f9e1;
+}
+
+.content p.note.warning::before,
+.content div.note.warning::before {
+ background-color: rgb(187, 185, 13);
+ content: " "" Warning " attr(data-title);
+ background-image: url('/images/icon/alert.svg');
+ background-size: 20px 20px;
+ width: 100%;
+ background-repeat: no-repeat;
+}
+
+.content code {
+ color: #1990b8;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: break-word;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ -webkit-hyphens: none;
+ hyphens: none;
+ background-color: #fdfdfd;
+ background-image: linear-gradient(transparent 50%, rgba(69,142,209,0.04) 50%);
+ background-size: 3em 3em;
+ background-origin: content-box;
+ background-attachment: local;
+ border: 1px solid #ddd;
+ border-radius: 0.4em;
+ padding: 0.1em 0.4em;
+ font-size: 0.8em;
+}
+
+.content pre.highlight {
+ background-color: #FFF;
+ border: 1px solid #CCC;
+ font-family: "Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+ color: #000;
+ padding: 1em 0px 1em 1em;
+ font-size: 15px;
+}
+
+.content table {
+ background: #f3fcf5;
+ box-shadow: rgb(0 0 0 / 6%) 0 0 10px;
+ border-radius: 3px;
+ table-layout: fixed;
+ width: 100%;
+ margin-bottom: 1.5rem;
+}
+
+.content table th,
+.content table td {
+ text-align: left;
+ padding: 12px;
+ word-wrap: break-word;
+}
+
+.content a.integration-alert {
+ margin: 1em 0;
+ background-color: wheat;
+ padding: 8px;
+ text-decoration: none !important;
+ display: flex;
+ align-items: center;
+ color: black;
+}
+
+.content a.integration-alert svg {
+ width: 24px;
+ margin-right: 8px;
+}
+
+.content a.integration-alert .content {
+ flex: 1;
+}
+
+.content a.integration-alert .learn-more {
+ padding: 4px 6px;
+ border-radius: 2px;
+ font-size: .8em;
+}
+
+.content .config-vars {
+ padding-bottom: 16px;
+}
+
+.content .config-vars h3 {
+ margin-bottom: 0;
+}
+
+.content .config-vars .configuration-link {
+ font-size: 13px;
+}
+
+.content .config-vars .configuration-link a {
+ color: #8792a2;
+ text-decoration: none;
+ border-bottom: #8792a2 dotted 0.5px;
+}
+
+.content .config-vars .config-vars-item {
+ border-bottom: 1px solid #d9dbde;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+.content .config-vars .config-vars-label {
+ padding-bottom: 4px;
+ position: relative;
+}
+
+.content .config-vars .config-vars-label-name {
+ font-weight: bold;
+ font-size: 16px;
+ color: #222222bd;
+}
+
+.content .config-vars .config-vars-type {
+ color: #8792a2;
+ font-size: 13px;
+}
+
+.content .config-vars .config-vars-required {
+ color: #8792a2;
+ font-size: 13px;
+ text-transform: lowercase;
+}
+
+.content .config-vars .config-vars-required .true {
+ color: #e56f4a;
+ text-transform: uppercase;
+ font-size: 11px;
+}
+
+.content .config-vars .config-vars-description-and-children {
+ font-size: 14px;
+ color: #4f566b;
+}
+
+.content .config-vars .config-vars-description p {
+ margin: 0;
+}
+
+.content .config-vars .nested {
+ margin-left: 48px;
+}
+
+.content .config-vars .nested .config-vars-item:last-child {
+ border: none;
+}
+
+.content .config-vars .config-vars-label:hover a.title-link {
+ padding-left: 20px;
+ margin-left: -20px;
+ scroll-margin-top: 100px;
+}
+
+.content .config-vars .config-vars-label:hover a.title-link::before {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: -25px;
+ padding-right: 10px;
+ padding-left: 5px;
+ font-size: 15px;
+ color: #999;
+ content: "";
+ background-image: url('/images/icon/link-variant.svg');
+ background-size: 15px 15px;
+ height: 15px;
+ width: 15px;
+}
+
+.content .config-vars .config-vars-default {
+ padding-top: 8px;
+}
+
+.content .config-vars .config-vars-default p {
+ margin: 0;
+ display: inline;
+}
+
+.content .config-vars .config-vars-default .nested {
+ margin-left: 48px;
+}
+
+.content ul,
+.content ol,
+.content dd {
+ margin-left: 1.5rem;
+}
+
+.content ol {
+ list-style: decimal;
+}
+
+.content ol ul {
+ list-style: circle;
+}
+
+.content ul {
+ list-style: disc;
+}
+
+.content li {
+ margin-bottom: 10px;
+}
+
+@media(max-width: 480px) {
+ .content table th,
+ .content table td {
+ padding: 6px;
+ }
+}
+
+.gallery {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 7px;
+}
+
+.gallery div {
+ aspect-ratio: 1;
+}
+
+.gallery-2 {
+ grid-template-columns: 1fr 1fr;
+ grid-gap: 42px;
+}
+
+.gallery-3 {
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 35px;
+}
+
+.guide-sidebar {
+ height: auto;
+ position: sticky;
+ top: 150px;
+}
+
+.guide .section-nav a {
+ display: block;
+ color: #575757;
+ line-height: 24px;
+ padding: 8px 60px 8px 0;
+ font-weight: 500;
+ cursor: pointer;
+ font-size: 20px;
+ border-left: 5px solid transparent;
+}
+
+.guide-active {
+ font-weight: 700 !important;
+ border-right: 5px solid #02B0FF !important;
+}
+
+.guide-active a {
+ color: black !important;
+}
+
+.top-rect {
+ background-color: #e6e6e663;
+ position: absolute;
+ left: 0;
+ overflow: hidden;
+ border-radius: 30px;
+ height: 650px;
+ width: 107%;
+}
+
+.top-rect:after {
+ content: "";
+ display: block;
+ background: white;
+ height: 450px;
+ width: 8000px;
+ position: absolute;
+ z-index: 1;
+ bottom: -40%;
+ left: 50%;
+ margin-left: -4000px;
+ transform: rotate(-8deg);
+}
+
+.guide-content {
+ scroll-padding-top: 80px;
+}
+
+.guide-content h2 {
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity));
+ font-weight: 600;
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ scroll-margin-top: 100px;
+}
+
+.guide-content p {
+ --tw-text-opacity: 1;
+ color: rgb(87 87 87 / var(--tw-text-opacity));
+ letter-spacing: -0.02em;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-bottom: 0.75rem;
+}
+
+@media (min-width: 768px){
+ .guide-content h2 {
+ font-size: 32px;
+ }
+
+ .guide-content p {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ }
+}
+
+.topic a {
+ color: #575757;
+ line-height: 24px;
+ padding: 8px 0 8px 60px;
+ font-weight: 500;
+ cursor: pointer;
+ font-size: 20px;
+ border-left: 5px solid transparent;
+}
+
+.topic-active {
+ font-weight: 700 !important;
+ color: black !important;
+ border-left: 5px solid #02B0FF !important;
+}
+
+.integrations .filter-items a.active label {
+ font-weight: 700;
+}
+
+.integrations .filter-items a label:hover {
+ cursor: pointer;
+}
+
+.integrations .grid img.card-logo {
+ max-width: 80%;
+ max-height: 40px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.integrations .option-card p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: initial;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.integration-content {
+ scroll-padding-top: 80px;
+ margin-bottom: 60px;
+}
+
+.integration-toc {
+ scroll-margin-top: 100px;
+ scroll-padding-top: 80px;
+}
+
+.integrations .filter-items {
+ position: relative;
+}
+
+.integrations .filter-items .filter-button-group input {
+ pointer-events: none;
+}
+
+@media(max-width: 767px) {
+ .integrations .filter-items {
+ position: absolute;
+ top: 40px;
+ left: -350px;
+ background: #fff;
+ z-index: 2;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
+ }
+}
+
+/* lite-youtube */
+
+lite-youtube {
+ position: relative;
+ display: block;
+ padding-bottom: calc(100% / (16 / 9));
+ background-color: rgba(0, 0, 0, .1);
+}
+
+lite-youtube::before {
+ content: attr(videotitle) " video placeholder";
+ color: rgba(0, 0, 0, 0.82);
+ text-align: center;
+ width: 100%;
+ position: absolute;
+ left: 0;
+ padding-top: calc(45% / (16 / 9));
+}
+
+/* Frame */
+
+.frame {
+ line-height: 250px;
+ overflow: hidden;
+}
+
+.frame ul.main-news__items-wrapp {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ position: relative;
+}
+
+.frame ul.main-news__items-wrapp li {
+ float: left;
+ width: 610px;
+ text-align: center;
+ cursor: pointer;
+ padding-left: 5px;
+ padding-right: 5px;
+ height: 100%;
+}
+
+.frame ul.main-news__items-wrapp li.active img {
+ width: 100%;
+ padding-top: 0px;
+}
+
+.scroll-images {
+ width: 80%;
+ margin: auto;
+ padding-top: 30px;
+}
+
+/* Scrollbar */
+
+.scrollbar {
+ height: 3px;
+ background: #CDDDFB;
+ line-height: 0;
+}
+
+.scrollbar .handle {
+ width: 100px;
+ height: 100%;
+ background: #377CFD;
+ cursor: pointer;
+}
+
+.scrollbar .handle .mousearea {
+ position: absolute;
+ top: -9px;
+ left: 0;
+ width: 90px;
+ height: 20px;
+}
+
+/* Pages */
+
+/* Controls */
+
+.controls {
+ margin: 25px 0;
+ text-align: center;
+}
+
+.news-slider__item {
+ position: relative;
+ background: #FFFFFF;
+ transition: all 3.3s;
+ width: 403px;
+ height: 440px;
+ margin-right: 40px;
+}
+
+@media only screen and (max-width: 1200px) {
+ .news-slider__item {
+ width: 314px;
+ }
+}
+
+.news-slider__item:last-child {
+ margin-right: 0;
+}
+
+.news-slider__item:hover .news-slider__head {
+ color: #377CFD;
+}
+
+.news-slider__item:hover {
+ cursor: pointer;
+ box-shadow: 0 4px 20px 0 rgba(88, 121, 163, 0.2);
+}
+
+.news-slider__item .news-slider__link {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 100%;
+ width: 100%;
+ display: block;
+}
+
+.news-slider__item .news-slider__media {
+ background-size: cover;
+ width: 100%;
+ height: 240px;
+ position: relative;
+ transition: all 3.5s;
+}
+
+.news-slider__item .news-slider__text-wrap {
+ padding: 30px 40px;
+}
+
+@media only screen and (max-width: 1024px) {
+ .news-slider__item .news-slider__text-wrap {
+ padding: 26px 20px;
+ }
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title {
+ display: flex;
+ flex-flow: row nowrap;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title .news-slider__head {
+ margin: 0;
+ transition: all 3.3s;
+ width: 70%;
+ font-size: 18px;
+}
+
+@media only screen and (max-width: 1024px) {
+ .news-slider__item .news-slider__text-wrap .news-slider__title .news-slider__head {
+ font-size: 16px;
+ padding: 0 10px 0 0;
+ }
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title .date {
+ opacity: 0.3;
+ color: #1D1D1D;
+ font-size: 13px;
+ line-height: 15px;
+ font-weight: 500;
+ width: 30%;
+ margin-top: 7px;
+ text-align: right;
+ white-space: nowrap;
+}
+
+.news-slider__item .news-slider__text-wrap .news-slider__title .date span:nth-child(2) {
+ margin: 0 3px;
+}
+
+@media only screen and (max-width: 1024px) {
+ .news-slider__item .news-slider__text-wrap .news-slider__text {
+ display: none;
+ }
+}
+
+.news-slider__item--youtube:hover {
+ box-shadow: none;
+}
+
+.news-slider__item--youtube:hover .news-slider__head {
+ color: #000;
+}
+
+.news-slider__item--youtube .news-slider__youtube-link {
+ background-size: cover;
+ position: relative;
+ transition: all 3.5s;
+ font-size: 0;
+ color: transparent;
+ height: 240px;
+ width: 100%;
+ display: block;
+ z-index: 9;
+}
+
+.news-slider__item--youtube .news-slider__youtube-link:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.4);
+ transition: all 3.5s;
+}
+
+.news-slider__item--youtube .news-slider__youtube-link:hover:before {
+ background-color: transparent;
+ transition: all 3.5s;
+}
+
+.news-slider__item--youtube .news-slider__text-wrap--youtube {
+ display: block;
+ text-decoration: none;
+}
+
+.news-slider__item--youtube .news-slider__text-wrap--youtube:hover .news-slider__head {
+ color: #377CFD;
+}
+
+.news-slider__item--youtube .news-slider__youtube-button {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border: none;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ border-left: 18px solid #fff;
+ background-color: transparent;
+ top: 30%;
+ left: 50%;
+ transform: translateX(-8px) translateY(-10px);
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ transition: all 3.3s;
+ outline: none;
+ z-index: 10;
+}
+
+.news-slider__item--youtube .news-slider__youtube-button:hover {
+ border-left: 18px solid #2B62FC;
+}
+
+.started-item {
+ transition: all 0.3s linear;
+}
+
+.started-item:hover {
+ transform: scale(1.1);
+}
+
+.table-body td:not(:first-child) {
+ border-bottom: 1px solid #43434326;
+}
+
+tbody tr:last-child td {
+ border-bottom: none !important;
+}
+
+tbody tr:first-child td {
+ padding-top: 40px;
+}
+
+.table-body td p {
+ width: 78%;
+ padding-bottom: 10px;
+}
+
+.table-body td h {
+ padding-top: 8px;
+}
+
+.table-header th {
+ padding-bottom: 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ .get-started-card .text-wrap {
+ width: calc(100% - 120px);
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ .get-started-card img {
+ width: 90px;
+ }
+ .get-started-card .text-wrap {
+ width: calc(100% - 90px);
+ }
+}
+
+.post-content {
+ margin-top: 1rem;
+ margin-bottom: 6rem;
+}
+
+.post-content a {
+ color: #049cdb;
+ text-decoration: underline;
+}
+
+.post-content p{
+ font-size: 14px;
+ margin-bottom: 2rem;
+ color: #575757;
+}
+
+.post-content ul {
+ list-style: disc;
+ margin-left: 3rem;
+ margin-bottom: 1.5rem;
+}
+
+.post-content ul li {
+ font-size: 14px;
+ color: #575757;
+}
+
+.opacity-80 {
+ opacity: 0.8;
+}
+
+@media(min-width: 768px) {
+ .post-content h2{
+ font-size: 32px;
+ }
+ .post-content p{
+ font-size: 18px;
+ }
+ .post-content ul li {
+ font-size: 18px;
+ }
+}
+
+/* PrismJS 1.16.0
+https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+css-extras+docker+git+ini+json+markdown+liquid+sql+python+shell-session+yaml+wiki&plugins=line-numbers+autolinker+toolbar+command-line+normalize-whitespace+show-language+copy-to-clipboard */
+
+/**
+ * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
+ * @author Tim Shedor
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 0.85em;
+ text-align: left;
+ white-space: pre-wrap;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ hyphens: none;
+}
+
+/* Code blocks */
+
+pre[class*="language-"] {
+ position: relative;
+ margin: .5em 0;
+ overflow: visible;
+ padding: 0;
+}
+
+pre[class*="language-"]>code {
+ position: relative;
+ border-left: 10px solid #358ccb;
+ box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
+ background-color: #fdfdfd;
+ background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
+ background-size: 3em 3em;
+ background-origin: content-box;
+ background-attachment: local;
+}
+
+code[class*="language"] {
+ max-height: inherit;
+ height: inherit;
+ padding: 0 1em;
+ display: block;
+ overflow: auto;
+}
+
+/* Margin bottom to accommodate shadow */
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background-color: #fdfdfd;
+ box-sizing: border-box;
+ margin-bottom: 1em;
+}
+
+/* Inline code */
+
+:not(pre) > code[class*="language-"] {
+ position: relative;
+ padding: .2em;
+ border-radius: 0.3em;
+ color: #c92c2c;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ display: inline;
+ white-space: normal;
+}
+
+pre[class*="language-"]:before,
+pre[class*="language-"]:after {
+ content: '';
+ z-index: -2;
+ display: block;
+ position: absolute;
+ bottom: 0.75em;
+ left: 0.18em;
+ width: 40%;
+ height: 20%;
+ max-height: 13em;
+ box-shadow: 0px 13px 8px #979797;
+ transform: rotate(-2deg);
+}
+
+:not(pre) > code[class*="language-"]:after,
+pre[class*="language-"]:after {
+ right: 0.75em;
+ left: auto;
+ transform: rotate(2deg);
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: #7D8B99;
+}
+
+.token.punctuation {
+ color: #5F6364;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.function-name,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #c92c2c;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.function,
+.token.builtin,
+.token.inserted {
+ color: #2f9c0a;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.token.variable {
+ color: #a67f59;
+ background: rgba(255, 255, 255, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword,
+.token.class-name {
+ color: #1990b8;
+}
+
+.token.regex,
+.token.important {
+ color: #e90;
+}
+
+.language-css .token.string,
+.style .token.string {
+ color: #a67f59;
+ background: rgba(255, 255, 255, 0.5);
+}
+
+.token.important {
+ font-weight: normal;
+}
+
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+@media screen and (max-width: 767px) {
+ pre[class*="language-"]:before,
+ pre[class*="language-"]:after {
+ bottom: 14px;
+ box-shadow: none;
+ }
+
+}
+
+/* Plugin styles */
+
+.token.tab:not(:empty):before,
+.token.cr:before,
+.token.lf:before {
+ color: #e0d7d1;
+}
+
+/* Plugin styles: Line Numbers */
+
+pre[class*="language-"].line-numbers.line-numbers {
+ padding-left: 0;
+}
+
+pre[class*="language-"].line-numbers.line-numbers code {
+ padding-left: 3.8em;
+}
+
+pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
+ left: 0;
+}
+
+/* Plugin styles: Line Highlight */
+
+pre[class*="language-"][data-line] {
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-left: 0;
+}
+
+pre[data-line] code {
+ position: relative;
+ padding-left: 4em;
+}
+
+pre .line-highlight {
+ margin-top: 0;
+}
+
+pre[class*="language-"].line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber;
+}
+
+pre[class*="language-"].line-numbers > code {
+ position: relative;
+ white-space: inherit;
+}
+
+.line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ font-size: 100%;
+ left: -3.8em;
+ width: 3em; /* works for line-numbers below 1000 lines */
+ letter-spacing: -1px;
+ border-right: 1px solid #999;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+
+}
+
+.line-numbers-rows > span {
+ pointer-events: none;
+ display: block;
+ counter-increment: linenumber;
+ }
+
+.line-numbers-rows > span:before {
+ content: counter(linenumber);
+ color: #999;
+ display: block;
+ padding-right: 0.8em;
+ text-align: right;
+ }
+
+.token a {
+ color: inherit;
+}
+
+div.code-toolbar {
+ position: relative;
+}
+
+div.code-toolbar > .toolbar {
+ position: absolute;
+ top: .3em;
+ right: .2em;
+ transition: opacity 0.3s ease-in-out;
+ opacity: 0;
+}
+
+div.code-toolbar:hover > .toolbar {
+ opacity: 1;
+}
+
+/* Separate line b/c rules are thrown out if selector is invalid.
+ IE11 and old Edge versions don't support :focus-within. */
+
+div.code-toolbar:focus-within > .toolbar {
+ opacity: 1;
+}
+
+div.code-toolbar > .toolbar .toolbar-item {
+ display: inline-block;
+}
+
+div.code-toolbar > .toolbar a {
+ cursor: pointer;
+}
+
+div.code-toolbar > .toolbar button {
+ background: none;
+ border: 0;
+ color: inherit;
+ font: inherit;
+ line-height: normal;
+ overflow: visible;
+ padding: 0;
+ -webkit-user-select: none; /* for button */
+ -moz-user-select: none;
+ -ms-user-select: none;
+}
+
+div.code-toolbar > .toolbar a,
+div.code-toolbar > .toolbar button,
+div.code-toolbar > .toolbar span {
+ color: #bbb;
+ font-size: .8em;
+ padding: 0 .5em;
+ background: #f5f2f0;
+ background: rgba(224, 224, 224, 0.2);
+ box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
+ border-radius: .5em;
+}
+
+div.code-toolbar > .toolbar a:hover,
+div.code-toolbar > .toolbar a:focus,
+div.code-toolbar > .toolbar button:hover,
+div.code-toolbar > .toolbar button:focus,
+div.code-toolbar > .toolbar span:hover,
+div.code-toolbar > .toolbar span:focus {
+ color: inherit;
+ text-decoration: none;
+}
+
+.command-line-prompt {
+ border-right: 1px solid #999;
+ display: block;
+ float: left;
+ font-size: 100%;
+ letter-spacing: -1px;
+ margin-right: 1em;
+ pointer-events: none;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+
+.command-line-prompt > span:before {
+ color: #999;
+ content: ' ';
+ display: block;
+ padding-right: 0.8em;
+}
+
+.command-line-prompt > span[data-user]:before {
+ content: "[" attr(data-user) "@" attr(data-host) "] $";
+}
+
+.command-line-prompt > span[data-user="root"]:before {
+ content: "[" attr(data-user) "@" attr(data-host) "] #";
+}
+
+.command-line-prompt > span[data-prompt]:before {
+ content: attr(data-prompt);
+}
+
+@media (min-width: 768px){
+
+ .md\:container{
+ width: 100%;
+ }
+
+ @media (min-width: 640px){
+
+ .md\:container{
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px){
+
+ .md\:container{
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px){
+
+ .md\:container{
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px){
+
+ .md\:container{
+ max-width: 1280px;
+ }
+ }
+
+ @media (min-width: 1536px){
+
+ .md\:container{
+ max-width: 1536px;
+ }
+ }
+
+ .md\:container{
+ max-width: 90%;
+ }
+
+ @media (min-width: 1024px){
+
+ .md\:container{
+ max-width: 900px;
+ }
+ }
+
+ @media (min-width: 1280px){
+
+ .md\:container{
+ max-width: 1012px;
+ }
+ }
+}
+
+.hover\:border-b-2:hover{
+ border-bottom-width: 2px;
+}
+
+.hover\:border-black:hover{
+ --tw-border-opacity: 1;
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.hover\:bg-blue-light:hover{
+ --tw-bg-opacity: 1;
+ background-color: rgb(0 174 248 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-secondary:hover{
+ --tw-bg-opacity: 1;
+ background-color: rgb(91 226 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-grey-secondary:hover{
+ --tw-bg-opacity: 1;
+ background-color: rgb(237 237 237 / var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-text:focus{
+ --tw-bg-opacity: 1;
+ background-color: rgb(22 9 103 / var(--tw-bg-opacity));
+}
+
+.focus\:outline-none:focus{
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+}
+
+.focus\:ring-2:focus{
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-inset:focus{
+ --tw-ring-inset: inset;
+}
+
+@media (min-width: 640px){
+
+ .sm\:px-6{
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .sm\:pb-16{
+ padding-bottom: 4rem;
+ }
+
+ .sm\:pt-\[200px\]{
+ padding-top: 200px;
+ }
+}
+
+@media (min-width: 768px){
+
+ .md\:relative{
+ position: relative;
+ }
+
+ .md\:left-\[49\.5\%\]{
+ left: 49.5%;
+ }
+
+ .md\:right-20{
+ right: 5rem;
+ }
+
+ .md\:right-6{
+ right: 1.5rem;
+ }
+
+ .md\:right-\[178px\]{
+ right: 178px;
+ }
+
+ .md\:right-\[39px\]{
+ right: 39px;
+ }
+
+ .md\:top-6{
+ top: 1.5rem;
+ }
+
+ .md\:top-\[-24px\]{
+ top: -24px;
+ }
+
+ .md\:top-\[-81px\]{
+ top: -81px;
+ }
+
+ .md\:top-\[244px\]{
+ top: 244px;
+ }
+
+ .md\:top-\[40px\]{
+ top: 40px;
+ }
+
+ .md\:z-10{
+ z-index: 10;
+ }
+
+ .md\:z-20{
+ z-index: 20;
+ }
+
+ .md\:col-span-1{
+ grid-column: span 1 / span 1;
+ }
+
+ .md\:float-right{
+ float: right;
+ }
+
+ .md\:mx-0{
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+
+ .md\:mx-5{
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .md\:mx-auto{
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .md\:mb-\[50px\]{
+ margin-bottom: 50px;
+ }
+
+ .md\:mb-\[71px\]{
+ margin-bottom: 71px;
+ }
+
+ .md\:ml-0{
+ margin-left: 0px;
+ }
+
+ .md\:ml-6{
+ margin-left: 1.5rem;
+ }
+
+ .md\:ml-\[13px\]{
+ margin-left: 13px;
+ }
+
+ .md\:ml-\[21px\]{
+ margin-left: 21px;
+ }
+
+ .md\:ml-\[25px\]{
+ margin-left: 25px;
+ }
+
+ .md\:ml-\[40px\]{
+ margin-left: 40px;
+ }
+
+ .md\:ml-\[70px\]{
+ margin-left: 70px;
+ }
+
+ .md\:ml-auto{
+ margin-left: auto;
+ }
+
+ .md\:mr-5{
+ margin-right: 1.25rem;
+ }
+
+ .md\:mt-0{
+ margin-top: 0px;
+ }
+
+ .md\:mt-11{
+ margin-top: 2.75rem;
+ }
+
+ .md\:mt-6{
+ margin-top: 1.5rem;
+ }
+
+ .md\:mt-8{
+ margin-top: 2rem;
+ }
+
+ .md\:mt-9{
+ margin-top: 2.25rem;
+ }
+
+ .md\:mt-\[100px\]{
+ margin-top: 100px;
+ }
+
+ .md\:mt-\[110px\]{
+ margin-top: 110px;
+ }
+
+ .md\:mt-\[150px\]{
+ margin-top: 150px;
+ }
+
+ .md\:mt-\[160px\]{
+ margin-top: 160px;
+ }
+
+ .md\:mt-\[200px\]{
+ margin-top: 200px;
+ }
+
+ .md\:mt-\[20px\]{
+ margin-top: 20px;
+ }
+
+ .md\:mt-\[22px\]{
+ margin-top: 22px;
+ }
+
+ .md\:mt-\[250px\]{
+ margin-top: 250px;
+ }
+
+ .md\:mt-\[37px\]{
+ margin-top: 37px;
+ }
+
+ .md\:mt-\[43px\]{
+ margin-top: 43px;
+ }
+
+ .md\:mt-\[47px\]{
+ margin-top: 47px;
+ }
+
+ .md\:mt-\[59px\]{
+ margin-top: 59px;
+ }
+
+ .md\:mt-\[75px\]{
+ margin-top: 75px;
+ }
+
+ .md\:block{
+ display: block;
+ }
+
+ .md\:flex{
+ display: flex;
+ }
+
+ .md\:inline-flex{
+ display: inline-flex;
+ }
+
+ .md\:grid{
+ display: grid;
+ }
+
+ .md\:hidden{
+ display: none;
+ }
+
+ .md\:h-1\/2{
+ height: 50%;
+ }
+
+ .md\:h-\[141px\]{
+ height: 141px;
+ }
+
+ .md\:h-\[150px\]{
+ height: 150px;
+ }
+
+ .md\:h-\[170\%\]{
+ height: 170%;
+ }
+
+ .md\:h-\[400px\]{
+ height: 400px;
+ }
+
+ .md\:h-\[447px\]{
+ height: 447px;
+ }
+
+ .md\:h-\[500px\]{
+ height: 500px;
+ }
+
+ .md\:h-\[600px\]{
+ height: 600px;
+ }
+
+ .md\:h-\[70px\]{
+ height: 70px;
+ }
+
+ .md\:h-auto{
+ height: auto;
+ }
+
+ .md\:max-h-\[83px\]{
+ max-height: 83px;
+ }
+
+ .md\:w-0{
+ width: 0px;
+ }
+
+ .md\:w-1\/2{
+ width: 50%;
+ }
+
+ .md\:w-1\/3{
+ width: 33.333333%;
+ }
+
+ .md\:w-1\/4{
+ width: 25%;
+ }
+
+ .md\:w-2\/3{
+ width: 66.666667%;
+ }
+
+ .md\:w-2\/5{
+ width: 40%;
+ }
+
+ .md\:w-3\/4{
+ width: 75%;
+ }
+
+ .md\:w-3\/5{
+ width: 60%;
+ }
+
+ .md\:w-\[100\%\]{
+ width: 100%;
+ }
+
+ .md\:w-\[128px\]{
+ width: 128px;
+ }
+
+ .md\:w-\[220px\]{
+ width: 220px;
+ }
+
+ .md\:w-\[248px\]{
+ width: 248px;
+ }
+
+ .md\:w-\[286px\]{
+ width: 286px;
+ }
+
+ .md\:w-\[31\%\]{
+ width: 31%;
+ }
+
+ .md\:w-\[50\%\]{
+ width: 50%;
+ }
+
+ .md\:w-\[500px\]{
+ width: 500px;
+ }
+
+ .md\:w-\[60\%\]{
+ width: 60%;
+ }
+
+ .md\:w-\[615px\]{
+ width: 615px;
+ }
+
+ .md\:w-\[63\%\]{
+ width: 63%;
+ }
+
+ .md\:w-\[70\%\]{
+ width: 70%;
+ }
+
+ .md\:w-\[75\%\]{
+ width: 75%;
+ }
+
+ .md\:w-\[80\%\]{
+ width: 80%;
+ }
+
+ .md\:w-\[84px\]{
+ width: 84px;
+ }
+
+ .md\:w-auto{
+ width: auto;
+ }
+
+ .md\:w-full{
+ width: 100%;
+ }
+
+ .md\:min-w-0{
+ min-width: 0px;
+ }
+
+ .md\:min-w-\[117\%\]{
+ min-width: 117%;
+ }
+
+ .md\:max-w-\[316px\]{
+ max-width: 316px;
+ }
+
+ .md\:max-w-\[343px\]{
+ max-width: 343px;
+ }
+
+ .md\:max-w-\[615px\]{
+ max-width: 615px;
+ }
+
+ .md\:max-w-\[970px\]{
+ max-width: 970px;
+ }
+
+ .md\:max-w-fit{
+ max-width: -moz-fit-content;
+ max-width: fit-content;
+ }
+
+ .md\:max-w-full{
+ max-width: 100%;
+ }
+
+ .md\:max-w-xs{
+ max-width: 20rem;
+ }
+
+ .md\:flex-1{
+ flex: 1 1 0%;
+ }
+
+ .md\:translate-x-0{
+ --tw-translate-x: 0px;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ }
+
+ .md\:translate-x-\[-50\%\]{
+ --tw-translate-x: -50%;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ }
+
+ .md\:grid-cols-2{
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .md\:grid-cols-3{
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .md\:flex-row{
+ flex-direction: row;
+ }
+
+ .md\:flex-col{
+ flex-direction: column;
+ }
+
+ .md\:justify-around{
+ justify-content: space-around;
+ }
+
+ .md\:gap-\[4\%\]{
+ gap: 4%;
+ }
+
+ .md\:gap-\[85px\]{
+ gap: 85px;
+ }
+
+ .md\:gap-y-\[25px\]{
+ row-gap: 25px;
+ }
+
+ .md\:space-x-0 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse: 0;
+ margin-right: calc(0px * var(--tw-space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+ }
+
+ .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-x-reverse: 0;
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+ }
+
+ .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(0px * var(--tw-space-y-reverse));
+ }
+
+ .md\:space-y-8 > :not([hidden]) ~ :not([hidden]){
+ --tw-space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+ }
+
+ .md\:overflow-auto{
+ overflow: auto;
+ }
+
+ .md\:rounded-\[24px\]{
+ border-radius: 24px;
+ }
+
+ .md\:rounded-none{
+ border-radius: 0px;
+ }
+
+ .md\:rounded-l-none{
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+ }
+
+ .md\:rounded-r-3xl{
+ border-top-right-radius: 1.5rem;
+ border-bottom-right-radius: 1.5rem;
+ }
+
+ .md\:border{
+ border-width: 1px;
+ }
+
+ .md\:border-0{
+ border-width: 0px;
+ }
+
+ .md\:border-2{
+ border-width: 2px;
+ }
+
+ .md\:border-r{
+ border-right-width: 1px;
+ }
+
+ .md\:border-r-\[1px\]{
+ border-right-width: 1px;
+ }
+
+ .md\:border-border-line{
+ border-color: rgba(0, 0, 0, 0.1);
+ }
+
+ .md\:bg-grey-primary{
+ --tw-bg-opacity: 1;
+ background-color: rgb(249 249 249 / var(--tw-bg-opacity));
+ }
+
+ .md\:p-0{
+ padding: 0px;
+ }
+
+ .md\:p-11{
+ padding: 2.75rem;
+ }
+
+ .md\:p-6{
+ padding: 1.5rem;
+ }
+
+ .md\:p-8{
+ padding: 2rem;
+ }
+
+ .md\:p-\[40px\]{
+ padding: 40px;
+ }
+
+ .md\:px-0{
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+
+ .md\:px-10{
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .md\:px-2{
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .md\:px-20{
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .md\:px-6{
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .md\:px-\[18px\]{
+ padding-left: 18px;
+ padding-right: 18px;
+ }
+
+ .md\:px-\[26px\]{
+ padding-left: 26px;
+ padding-right: 26px;
+ }
+
+ .md\:px-\[42px\]{
+ padding-left: 42px;
+ padding-right: 42px;
+ }
+
+ .md\:px-\[56px\]{
+ padding-left: 56px;
+ padding-right: 56px;
+ }
+
+ .md\:px-\[57px\]{
+ padding-left: 57px;
+ padding-right: 57px;
+ }
+
+ .md\:px-\[62px\]{
+ padding-left: 62px;
+ padding-right: 62px;
+ }
+
+ .md\:px-\[75px\]{
+ padding-left: 75px;
+ padding-right: 75px;
+ }
+
+ .md\:py-14{
+ padding-top: 3.5rem;
+ padding-bottom: 3.5rem;
+ }
+
+ .md\:py-5{
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .md\:py-\[120px\]{
+ padding-top: 120px;
+ padding-bottom: 120px;
+ }
+
+ .md\:py-\[15px\]{
+ padding-top: 15px;
+ padding-bottom: 15px;
+ }
+
+ .md\:py-\[19px\]{
+ padding-top: 19px;
+ padding-bottom: 19px;
+ }
+
+ .md\:py-\[200px\]{
+ padding-top: 200px;
+ padding-bottom: 200px;
+ }
+
+ .md\:py-\[210px\]{
+ padding-top: 210px;
+ padding-bottom: 210px;
+ }
+
+ .md\:py-\[21px\]{
+ padding-top: 21px;
+ padding-bottom: 21px;
+ }
+
+ .md\:py-\[26px\]{
+ padding-top: 26px;
+ padding-bottom: 26px;
+ }
+
+ .md\:py-\[30px\]{
+ padding-top: 30px;
+ padding-bottom: 30px;
+ }
+
+ .md\:py-\[50px\]{
+ padding-top: 50px;
+ padding-bottom: 50px;
+ }
+
+ .md\:pb-0{
+ padding-bottom: 0px;
+ }
+
+ .md\:pb-\[120px\]{
+ padding-bottom: 120px;
+ }
+
+ .md\:pb-\[180px\]{
+ padding-bottom: 180px;
+ }
+
+ .md\:pb-\[20px\]{
+ padding-bottom: 20px;
+ }
+
+ .md\:pb-\[35px\]{
+ padding-bottom: 35px;
+ }
+
+ .md\:pb-\[400px\]{
+ padding-bottom: 400px;
+ }
+
+ .md\:pb-\[64px\]{
+ padding-bottom: 64px;
+ }
+
+ .md\:pl-0{
+ padding-left: 0px;
+ }
+
+ .md\:pl-20{
+ padding-left: 5rem;
+ }
+
+ .md\:pl-\[126px\]{
+ padding-left: 126px;
+ }
+
+ .md\:pl-\[15\%\]{
+ padding-left: 15%;
+ }
+
+ .md\:pl-\[40px\]{
+ padding-left: 40px;
+ }
+
+ .md\:pl-\[42px\]{
+ padding-left: 42px;
+ }
+
+ .md\:pl-\[45px\]{
+ padding-left: 45px;
+ }
+
+ .md\:pl-\[62px\]{
+ padding-left: 62px;
+ }
+
+ .md\:pr-0{
+ padding-right: 0px;
+ }
+
+ .md\:pr-20{
+ padding-right: 5rem;
+ }
+
+ .md\:pr-5{
+ padding-right: 1.25rem;
+ }
+
+ .md\:pr-\[42px\]{
+ padding-right: 42px;
+ }
+
+ .md\:pr-\[66px\]{
+ padding-right: 66px;
+ }
+
+ .md\:pr-\[70px\]{
+ padding-right: 70px;
+ }
+
+ .md\:pt-0{
+ padding-top: 0px;
+ }
+
+ .md\:pt-10{
+ padding-top: 2.5rem;
+ }
+
+ .md\:pt-20{
+ padding-top: 5rem;
+ }
+
+ .md\:pt-8{
+ padding-top: 2rem;
+ }
+
+ .md\:pt-\[12px\]{
+ padding-top: 12px;
+ }
+
+ .md\:pt-\[142px\]{
+ padding-top: 142px;
+ }
+
+ .md\:pt-\[180px\]{
+ padding-top: 180px;
+ }
+
+ .md\:pt-\[200px\]{
+ padding-top: 200px;
+ }
+
+ .md\:pt-\[40px\]{
+ padding-top: 40px;
+ }
+
+ .md\:pt-\[41px\]{
+ padding-top: 41px;
+ }
+
+ .md\:pt-\[57px\]{
+ padding-top: 57px;
+ }
+
+ .md\:pt-\[61px\]{
+ padding-top: 61px;
+ }
+
+ .md\:text-left{
+ text-align: left;
+ }
+
+ .md\:text-center{
+ text-align: center;
+ }
+
+ .md\:text-right{
+ text-align: right;
+ }
+
+ .md\:text-2xl{
+ font-size: 1.5rem;
+ line-height: 2rem;
+ }
+
+ .md\:text-4xl{
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+ }
+
+ .md\:text-5xl{
+ font-size: 3rem;
+ line-height: 1;
+ }
+
+ .md\:text-\[14px\]{
+ font-size: 14px;
+ }
+
+ .md\:text-\[16px\]{
+ font-size: 16px;
+ }
+
+ .md\:text-\[18px\]{
+ font-size: 18px;
+ }
+
+ .md\:text-\[24px\]{
+ font-size: 24px;
+ }
+
+ .md\:text-\[28px\]{
+ font-size: 28px;
+ }
+
+ .md\:text-\[30px\]{
+ font-size: 30px;
+ }
+
+ .md\:text-\[32px\]{
+ font-size: 32px;
+ }
+
+ .md\:text-\[38px\]{
+ font-size: 38px;
+ }
+
+ .md\:text-\[44px\]{
+ font-size: 44px;
+ }
+
+ .md\:text-\[64px\]{
+ font-size: 64px;
+ }
+
+ .md\:text-\[68px\]{
+ font-size: 68px;
+ }
+
+ .md\:text-base{
+ font-size: 1rem;
+ line-height: 1.5rem;
+ }
+
+ .md\:text-lg{
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ }
+
+ .md\:text-xl{
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ }
+
+ .md\:uppercase{
+ text-transform: uppercase;
+ }
+
+ .md\:leading-6{
+ line-height: 1.5rem;
+ }
+
+ .md\:leading-8{
+ line-height: 2rem;
+ }
+
+ .md\:leading-\[20px\]{
+ line-height: 20px;
+ }
+
+ .md\:leading-\[26px\]{
+ line-height: 26px;
+ }
+
+ .md\:leading-\[37px\]{
+ line-height: 37px;
+ }
+
+ .md\:leading-\[49\.63px\]{
+ line-height: 49.63px;
+ }
+
+ .md\:leading-\[52px\]{
+ line-height: 52px;
+ }
+
+ .md\:leading-\[53px\]{
+ line-height: 53px;
+ }
+
+ .md\:leading-\[54\.03px\]{
+ line-height: 54.03px;
+ }
+
+ .md\:leading-\[58px\]{
+ line-height: 58px;
+ }
+
+ .md\:leading-\[60px\]{
+ line-height: 60px;
+ }
+
+ .md\:leading-\[80px\]{
+ line-height: 80px;
+ }
+
+ .md\:leading-\[81\.6px\]{
+ line-height: 81.6px;
+ }
+
+ .md\:leading-\[81px\]{
+ line-height: 81px;
+ }
+
+ .md\:leading-\[82px\]{
+ line-height: 82px;
+ }
+
+ .md\:opacity-\[0\.33\]{
+ opacity: 0.33;
+ }
+
+ .md\:backdrop\:mt-\[38px\]::backdrop{
+ margin-top: 38px;
+ }
+}
+
+@media (min-width: 1024px){
+
+ .lg\:ml-5{
+ margin-left: 1.25rem;
+ }
+
+ .lg\:grid-cols-3{
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .lg\:px-8{
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .lg\:py-16{
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+}
+
+@media (min-width: 1280px){
+
+ .xl\:col-span-1{
+ grid-column: span 1 / span 1;
+ }
+
+ .xl\:col-span-2{
+ grid-column: span 2 / span 2;
+ }
+
+ .xl\:mt-0{
+ margin-top: 0px;
+ }
+
+ .xl\:grid{
+ display: grid;
+ }
+
+ .xl\:grid-cols-2{
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-3{
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-9{
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+ }
+
+ .xl\:gap-8{
+ gap: 2rem;
+ }
+
+ .xl\:px-5{
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .xl\:px-\[9\%\]{
+ padding-left: 9%;
+ padding-right: 9%;
+ }
+}
+
+
diff --git a/source/assets/js/home.js b/source/assets/js/home.js
new file mode 100644
index 00000000000..9bf8cf0e427
--- /dev/null
+++ b/source/assets/js/home.js
@@ -0,0 +1,84 @@
+// ====== sly slider init !!!
+(function () {
+ var $frame = $("#cycleitems");
+ var $wrap = $frame.parent();
+
+ // Call Sly on frame
+ $frame.sly({
+ horizontal: 1,
+ itemNav: "basic",
+ smart: 1,
+ activateOn: "",
+ mouseDragging: 1,
+ touchDragging: 1,
+ releaseSwing: 1,
+ startAt: 0,
+ scrollBar: $wrap.find(".scrollbar"),
+ scrollBy: 1,
+ speed: 2000,
+ elasticBounds: 1,
+ easing: "easeOutExpo",
+ dragHandle: 1,
+ dynamicHandle: 1,
+ clickBar: 1,
+
+ // Cycling
+ cycleBy: "items",
+ cycleInterval: 5000,
+ pauseOnHover: 1,
+
+ // Buttons
+ prev: $wrap.find(".prev"),
+ next: $wrap.find(".next"),
+ });
+
+ // Pause button
+ $wrap.find(".pause").on("click", function () {
+ $frame.sly("pause");
+ });
+
+ // Resume button
+ $wrap.find(".resume").on("click", function () {
+ $frame.sly("resume");
+ });
+
+ // Toggle button
+ $wrap.find(".toggle").on("click", function () {
+ $frame.sly("toggle");
+ });
+})();
+
+const itemScroll = document.querySelector('#itemScroll');
+var isDown = false;
+var startX;
+var scrollLeft;
+var isMoved = false;
+
+itemScroll.addEventListener('mousedown', (e) => {
+ isDown = true;
+ isMoved = false;
+
+ startX = e.pageX - itemScroll.offsetLeft;
+ scrollLeft = itemScroll.scrollLeft;
+});
+itemScroll.addEventListener('mouseleave', () => {
+ isDown = false;
+});
+itemScroll.addEventListener('mouseup', () => {
+ isDown = false;
+});
+itemScroll.addEventListener('mousemove', (e) => {
+ if (!isDown) return;
+ isMoved = true;
+ e.preventDefault();
+ const x = e.pageX - itemScroll.offsetLeft;
+ itemScroll.scrollLeft = scrollLeft - (x - startX);
+});
+
+const items = document.querySelectorAll('#item');
+for (var i = 0; i < items.length; i++) {
+ items[i].addEventListener('click', function(e) {
+ if(!isMoved) return;
+ e.stopImmediatePropagation();
+ });
+}
\ No newline at end of file
diff --git a/source/integrations/index.html b/source/assets/js/integrations-filter.js
similarity index 51%
rename from source/integrations/index.html
rename to source/assets/js/integrations-filter.js
index 12bf839b82a..71f6c19b2e3 100644
--- a/source/integrations/index.html
+++ b/source/assets/js/integrations-filter.js
@@ -1,118 +1,4 @@
----
-title: "Integrations"
-description: "List of the built-in integrations of Home Assistant."
-sidebar: false
-is_homepage: true
-feedback: false
-body_id: components-page
-regenerate: false
----
-
-{%- comment -%}Can't use where to count nil because of https://github.com/jekyll/jekyll/issues/6038{%- endcomment -%}
-{%- assign tot = 0 -%}
-{%- for comp in site.integrations -%}
-{%- if comp.ha_category -%}
-{%- if comp.ha_category.first -%}
-{%- assign tot = tot | plus: comp.ha_category.size -%}
-{%- else -%}
-{%- assign tot = tot | plus: 1 -%}
-{%- endif -%}
-{%- endif %}
-{%- endfor -%}
-
-{%- assign components = site.integrations | sort: 'title' -%}
-{%- assign components_by_version = site.integrations | group_components_by_release -%}
-{%- assign categories = components | map: 'ha_category' | join: ',' | join: ',' | split: ',' | uniq | sort -%}
-
-0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
"],col:[2,"
"],tr:[2,"","
"],td:[3,"
"],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/\s*$/g;function Le(e,t){return N(e,"table")&&N(11!==t.nodeType?t:t.firstChild,"tr")?w(e).children("tbody")[0]||e:e}function He(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Oe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&&(o=J.access(e),a=J.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&"string"==typeof y&&!h.checkClone&&je.test(y))return e.each(function(i){var o=e.eq(i);v&&(t[0]=y.call(this,i,o.html())),Re(o,t,n,r)});if(p&&(i=xe(t,e[0].ownerDocument,!1,e,r),o=i.firstChild,1===i.childNodes.length&&(i=o),o||r)){for(u=(s=w.map(ye(i,"script"),He)).length;f")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=w.contains(e.ownerDocument,e);if(!(h.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||w.isXMLDoc(e)))for(a=ye(s),r=0,i=(o=ye(e)).length;r0&&ve(a,!u&&ye(e,"script")),s},cleanData:function(e){for(var t,n,r,i=w.event.special,o=0;void 0!==(n=e[o]);o++)if(Y(n)){if(t=n[J.expando]){if(t.events)for(r in t.events)i[r]?w.event.remove(n,r):w.removeEvent(n,r,t.handle);n[J.expando]=void 0}n[K.expando]&&(n[K.expando]=void 0)}}}),w.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return z(this,function(e){return void 0===e?w.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Re(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Le(this,e).appendChild(e)})},prepend:function(){return Re(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Le(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(w.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return w.clone(this,e,t)})},html:function(e){return z(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ae.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=w.htmlPrefilter(e);try{for(;n=0&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))),u}function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o="border-box"===w.css(e,"boxSizing",!1,r),a=o;if(We.test(i)){if(!n)return i;i="auto"}return a=a&&(h.boxSizingReliable()||i===e.style[t]),("auto"===i||!parseFloat(i)&&"inline"===w.css(e,"display",!1,r))&&(i=e["offset"+t[0].toUpperCase()+t.slice(1)],a=!0),(i=parseFloat(i)||0)+Ze(e,t,n||(o?"border":"content"),a,r,i)+"px"}w.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Fe(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=G(t),u=Xe.test(t),l=e.style;if(u||(t=Je(s)),a=w.cssHooks[t]||w.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"==(o=typeof n)&&(i=ie.exec(n))&&i[1]&&(n=ue(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(w.cssNumber[s]?"":"px")),h.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=G(t);return Xe.test(t)||(t=Je(s)),(a=w.cssHooks[t]||w.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Fe(e,t,r)),"normal"===i&&t in Ve&&(i=Ve[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),w.each(["height","width"],function(e,t){w.cssHooks[t]={get:function(e,n,r){if(n)return!ze.test(w.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?et(e,t,r):se(e,Ue,function(){return et(e,t,r)})},set:function(e,n,r){var i,o=$e(e),a="border-box"===w.css(e,"boxSizing",!1,o),s=r&&Ze(e,t,r,a,o);return a&&h.scrollboxSize()===o.position&&(s-=Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-parseFloat(o[t])-Ze(e,t,"border",!1,o)-.5)),s&&(i=ie.exec(n))&&"px"!==(i[3]||"px")&&(e.style[t]=n,n=w.css(e,t)),Ke(e,n,s)}}}),w.cssHooks.marginLeft=_e(h.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Fe(e,"marginLeft"))||e.getBoundingClientRect().left-se(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),w.each({margin:"",padding:"",border:"Width"},function(e,t){w.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+oe[r]+t]=o[r]||o[r-2]||o[0];return i}},"margin"!==e&&(w.cssHooks[e+t].set=Ke)}),w.fn.extend({css:function(e,t){return z(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;a1)}});function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}w.Tween=tt,tt.prototype={constructor:tt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||w.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(w.cssNumber[n]?"":"px")},cur:function(){var e=tt.propHooks[this.prop];return e&&e.get?e.get(this):tt.propHooks._default.get(this)},run:function(e){var t,n=tt.propHooks[this.prop];return this.options.duration?this.pos=t=w.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):tt.propHooks._default.set(this),this}},tt.prototype.init.prototype=tt.prototype,tt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=w.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){w.fx.step[e.prop]?w.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[w.cssProps[e.prop]]&&!w.cssHooks[e.prop]?e.elem[e.prop]=e.now:w.style(e.elem,e.prop,e.now+e.unit)}}},tt.propHooks.scrollTop=tt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},w.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},w.fx=tt.prototype.init,w.fx.step={};var nt,rt,it=/^(?:toggle|show|hide)$/,ot=/queueHooks$/;function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnimationFrame(at):e.setTimeout(at,w.fx.interval),w.fx.tick())}function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=oe[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners["*"]),o=0,a=i.length;o1)},removeAttr:function(e){return this.each(function(){w.removeAttr(this,e)})}}),w.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?w.prop(e,t,n):(1===o&&w.isXMLDoc(e)||(i=w.attrHooks[t.toLowerCase()]||(w.expr.match.bool.test(t)?dt:void 0)),void 0!==n?null===n?void w.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=w.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!h.radioValue&&"radio"===t&&N(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(M);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),dt={set:function(e,t,n){return!1===t?w.removeAttr(e,n):e.setAttribute(n,n),n}},w.each(w.expr.match.bool.source.match(/\w+/g),function(e,t){var n=ht[t]||w.find.attr;ht[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=ht[a],ht[a]=i,i=null!=n(e,t,r)?a:null,ht[a]=o),i}});var gt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;w.fn.extend({prop:function(e,t){return z(this,w.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[w.propFix[e]||e]})}}),w.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&w.isXMLDoc(e)||(t=w.propFix[t]||t,i=w.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=w.find.attr(e,"tabindex");return t?parseInt(t,10):gt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),h.optSelected||(w.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),w.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){w.propFix[this.toLowerCase()]=this});function vt(e){return(e.match(M)||[]).join(" ")}function mt(e){return e.getAttribute&&e.getAttribute("class")||""}function xt(e){return Array.isArray(e)?e:"string"==typeof e?e.match(M)||[]:[]}w.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).addClass(e.call(this,t,mt(this)))});if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).removeClass(e.call(this,t,mt(this)))});if(!arguments.length)return this.attr("class","");if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])while(r.indexOf(" "+o+" ")>-1)r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(e,t){var n=typeof e,r="string"===n||Array.isArray(e);return"boolean"==typeof t&&r?t?this.addClass(e):this.removeClass(e):g(e)?this.each(function(n){w(this).toggleClass(e.call(this,n,mt(this),t),t)}):this.each(function(){var t,i,o,a;if(r){i=0,o=w(this),a=xt(e);while(t=a[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else void 0!==e&&"boolean"!==n||((t=mt(this))&&J.set(this,"__className__",t),this.setAttribute&&this.setAttribute("class",t||!1===e?"":J.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&(" "+vt(mt(n))+" ").indexOf(t)>-1)return!0;return!1}});var bt=/\r/g;w.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=g(e),this.each(function(n){var i;1===this.nodeType&&(null==(i=r?e.call(this,n,w(this).val()):e)?i="":"number"==typeof i?i+="":Array.isArray(i)&&(i=w.map(i,function(e){return null==e?"":e+""})),(t=w.valHooks[this.type]||w.valHooks[this.nodeName.toLowerCase()])&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks[i.nodeName.toLowerCase()])&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:"string"==typeof(n=i.value)?n.replace(bt,""):null==n?"":n}}}),w.extend({valHooks:{option:{get:function(e){var t=w.find.attr(e,"value");return null!=t?t:vt(w.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),w.each(["radio","checkbox"],function(){w.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=w.inArray(w(e).val(),t)>-1}},h.checkOn||(w.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),h.focusin="onfocusin"in e;var wt=/^(?:focusinfocus|focusoutblur)$/,Tt=function(e){e.stopPropagation()};w.extend(w.event,{trigger:function(t,n,i,o){var a,s,u,l,c,p,d,h,v=[i||r],m=f.call(t,"type")?t.type:t,x=f.call(t,"namespace")?t.namespace.split("."):[];if(s=h=u=i=i||r,3!==i.nodeType&&8!==i.nodeType&&!wt.test(m+w.event.triggered)&&(m.indexOf(".")>-1&&(m=(x=m.split(".")).shift(),x.sort()),c=m.indexOf(":")<0&&"on"+m,t=t[w.expando]?t:new w.Event(m,"object"==typeof t&&t),t.isTrigger=o?2:3,t.namespace=x.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+x.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=i),n=null==n?[t]:w.makeArray(n,[t]),d=w.event.special[m]||{},o||!d.trigger||!1!==d.trigger.apply(i,n))){if(!o&&!d.noBubble&&!y(i)){for(l=d.delegateType||m,wt.test(l+m)||(s=s.parentNode);s;s=s.parentNode)v.push(s),u=s;u===(i.ownerDocument||r)&&v.push(u.defaultView||u.parentWindow||e)}a=0;while((s=v[a++])&&!t.isPropagationStopped())h=s,t.type=a>1?l:d.bindType||m,(p=(J.get(s,"events")||{})[t.type]&&J.get(s,"handle"))&&p.apply(s,n),(p=c&&s[c])&&p.apply&&Y(s)&&(t.result=p.apply(s,n),!1===t.result&&t.preventDefault());return t.type=m,o||t.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),n)||!Y(i)||c&&g(i[m])&&!y(i)&&((u=i[c])&&(i[c]=null),w.event.triggered=m,t.isPropagationStopped()&&h.addEventListener(m,Tt),i[m](),t.isPropagationStopped()&&h.removeEventListener(m,Tt),w.event.triggered=void 0,u&&(i[c]=u)),t.result}},simulate:function(e,t,n){var r=w.extend(new w.Event,n,{type:e,isSimulated:!0});w.event.trigger(r,null,t)}}),w.fn.extend({trigger:function(e,t){return this.each(function(){w.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return w.event.trigger(e,t,n,!0)}}),h.focusin||w.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){w.event.simulate(t,e.target,w.event.fix(e))};w.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=J.access(r,t);i||r.addEventListener(e,n,!0),J.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=J.access(r,t)-1;i?J.access(r,t,i):(r.removeEventListener(e,n,!0),J.remove(r,t))}}});var Ct=e.location,Et=Date.now(),kt=/\?/;w.parseXML=function(t){var n;if(!t||"string"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,"text/xml")}catch(e){n=void 0}return n&&!n.getElementsByTagName("parsererror").length||w.error("Invalid XML: "+t),n};var St=/\[\]$/,Dt=/\r?\n/g,Nt=/^(?:submit|button|image|reset|file)$/i,At=/^(?:input|select|textarea|keygen)/i;function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n||St.test(e)?r(e,i):jt(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==x(t))r(e,t);else for(i in t)jt(e+"["+i+"]",t[i],n,r)}w.param=function(e,t){var n,r=[],i=function(e,t){var n=g(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(Array.isArray(e)||e.jquery&&!w.isPlainObject(e))w.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},w.fn.extend({serialize:function(){return w.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=w.prop(this,"elements");return e?w.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!w(this).is(":disabled")&&At.test(this.nodeName)&&!Nt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=w(this).val();return null==n?null:Array.isArray(n)?w.map(n,function(e){return{name:t.name,value:e.replace(Dt,"\r\n")}}):{name:t.name,value:n.replace(Dt,"\r\n")}}).get()}});var qt=/%20/g,Lt=/#.*$/,Ht=/([?&])_=[^&]*/,Ot=/^(.*?):[ \t]*([^\r\n]*)$/gm,Pt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Mt=/^(?:GET|HEAD)$/,Rt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Bt=r.createElement("a");Bt.href=Ct.href;function Ft(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(M)||[];if(g(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!0,w.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):void 0:(t.dataTypes.unshift(l),a(l),!1)}),u}return a(t.dataTypes[0])||!i["*"]&&a("*")}function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&w.extend(!0,e,r),e}function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}w.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:"GET",isLocal:Pt.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":$t,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":w.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,w.ajaxSettings),t):zt(w.ajaxSettings,e)},ajaxPrefilter:Ft(It),ajaxTransport:Ft(Wt),ajax:function(t,n){"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=w.ajaxSetup({},n),g=h.context||h,y=h.context&&(g.nodeType||g.jquery)?w(g):w.event,v=w.Deferred(),m=w.Callbacks("once memory"),x=h.statusCode||{},b={},T={},C="canceled",E={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s){s={};while(t=Ot.exec(a))s[t[1].toLowerCase()]=t[2]}t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=T[e.toLowerCase()]=T[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)E.always(e[E.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||C;return i&&i.abort(t),k(0,t),this}};if(v.promise(E),h.url=((t||h.url||Ct.href)+"").replace(Rt,Ct.protocol+"//"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(M)||[""],null==h.crossDomain){l=r.createElement("a");try{l.href=h.url,l.href=l.href,h.crossDomain=Bt.protocol+"//"+Bt.host!=l.protocol+"//"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=w.param(h.data,h.traditional)),_t(It,h,n,E),c)return E;(f=w.event&&h.global)&&0==w.active++&&w.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!Mt.test(h.type),o=h.url.replace(Lt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(qt,"+")):(d=h.url.slice(o.length),h.data&&(h.processData||"string"==typeof h.data)&&(o+=(kt.test(o)?"&":"?")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Ht,"$1"),d=(kt.test(o)?"&":"?")+"_="+Et+++d),h.url=o+d),h.ifModified&&(w.lastModified[o]&&E.setRequestHeader("If-Modified-Since",w.lastModified[o]),w.etag[o]&&E.setRequestHeader("If-None-Match",w.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&E.setRequestHeader("Content-Type",h.contentType),E.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+$t+"; q=0.01":""):h.accepts["*"]);for(p in h.headers)E.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,E,h)||c))return E.abort();if(C="abort",m.add(h.complete),E.done(h.success),E.fail(h.error),i=_t(Wt,h,n,E)){if(E.readyState=1,f&&y.trigger("ajaxSend",[E,h]),c)return E;h.async&&h.timeout>0&&(u=e.setTimeout(function(){E.abort("timeout")},h.timeout));try{c=!1,i.send(b,k)}catch(e){if(c)throw e;k(-1,e)}}else k(-1,"No Transport");function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||"",E.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=Xt(h,E,r)),b=Ut(h,b,E,l),l?(h.ifModified&&((T=E.getResponseHeader("Last-Modified"))&&(w.lastModified[o]=T),(T=E.getResponseHeader("etag"))&&(w.etag[o]=T)),204===t||"HEAD"===h.type?C="nocontent":304===t?C="notmodified":(C=b.state,p=b.data,l=!(d=b.error))):(d=C,!t&&C||(C="error",t<0&&(t=0))),E.status=t,E.statusText=(n||C)+"",l?v.resolveWith(g,[p,C,E]):v.rejectWith(g,[E,C,d]),E.statusCode(x),x=void 0,f&&y.trigger(l?"ajaxSuccess":"ajaxError",[E,h,l?p:d]),m.fireWith(g,[E,C]),f&&(y.trigger("ajaxComplete",[E,h]),--w.active||w.event.trigger("ajaxStop")))}return E},getJSON:function(e,t,n){return w.get(e,t,n,"json")},getScript:function(e,t){return w.get(e,void 0,t,"script")}}),w.each(["get","post"],function(e,t){w[t]=function(e,n,r,i){return g(n)&&(i=i||r,r=n,n=void 0),w.ajax(w.extend({url:e,type:t,dataType:i,data:n,success:r},w.isPlainObject(e)&&e))}}),w._evalUrl=function(e){return w.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},w.fn.extend({wrapAll:function(e){var t;return this[0]&&(g(e)&&(e=e.call(this[0])),t=w(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return g(e)?this.each(function(t){w(this).wrapInner(e.call(this,t))}):this.each(function(){var t=w(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=g(e);return this.each(function(n){w(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){w(this).replaceWith(this.childNodes)}),this}}),w.expr.pseudos.hidden=function(e){return!w.expr.pseudos.visible(e)},w.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},w.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=w.ajaxSettings.xhr();h.cors=!!Gt&&"withCredentials"in Gt,h.ajax=Gt=!!Gt,w.ajaxTransport(function(t){var n,r;if(h.cors||Gt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,"abort"===e?s.abort():"error"===e?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o(Vt[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=s.ontimeout=n("error"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n("abort");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),w.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),w.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return w.globalEval(e),e}}}),w.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),w.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(i,o){t=w("
+
+
+
+{% raw %}
+
+
+
+{% endraw %}
+
+
+
+
+
+
diff --git a/source/learn/index.md b/source/learn/index.md
new file mode 100644
index 00000000000..735306beb65
--- /dev/null
+++ b/source/learn/index.md
@@ -0,0 +1,6 @@
+---
+layout: learn
+title: Learn, Try, Enjoy.
+---
+
+_Left empty intentionally._
diff --git a/source/story/index.md b/source/story/index.md
new file mode 100644
index 00000000000..8a1165fefaf
--- /dev/null
+++ b/source/story/index.md
@@ -0,0 +1,306 @@
+---
+layout: default
+---
+
+
+ 
+ 
+ 
+ 
+
+ Join the
community
+
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 00000000000..3c5b5260c3b
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,71 @@
+module.exports = {
+ content: [
+ './source/_includes/*.html',
+ './source/_layouts/*.html',
+ './source/_posts/*.md',
+ './source/_posts/*.markdown',
+ './source/**/*.md',
+ './source/**/*.markdown',
+ './source/*.md',
+ './source/*.html',
+ ],
+ screens: {
+ xs: "320px",
+ md: "720px",
+ lg: "1024px",
+ xl: "1512px",
+ },
+ theme: {
+ fontFamily: {
+ sans: ["Urbanist", "sans-serif"],
+ display: ["Urbanist", "sans-serif"],
+ body: ["Urbanist", "sans-serif"],
+ },
+ extend: {},
+ colors: {
+ transparent: "transparent",
+ current: "currentColor",
+ "blue-primary": "#ECF8FE",
+ "blue-secondary": "#5BE2FF",
+ "blue-third": "#0F0452",
+ "blue-fourth": "#0267FF",
+ "blue-btn": "#02B0FF",
+ "blue-light": "#00AEF8",
+ "blue-text": "#160967",
+ "grey-primary": "#F9F9F9",
+ "grey-secondary": "#EDEDED",
+ "grey-third": "#abb4b9",
+ "grey-text": "#575757",
+ "green-primary": "#ECFEFA",
+ "green-secondary": "#41F5CA",
+ "green-third": "#697671",
+ black: "#000000",
+ "black-primary": "#001C29",
+ "black-secondary": "#222222",
+ "black-text": "#101010",
+ "brand-primary": "#41BDF5",
+ "brand-secondary": "#FFD702",
+ "brand-secondary-hover": "#FFD70261",
+ white: "#fff",
+ "border-line": "rgba(0, 0, 0, 0.1)",
+ },
+ },
+ plugins: [
+ function ({ addComponents }) {
+ addComponents({
+ ".container": {
+ maxWidth: "90%",
+ // "@screen md": {
+ // maxWidth: "600px",
+ // },
+ "@screen lg": {
+ maxWidth: "900px",
+ },
+ "@screen xl": {
+ maxWidth: "1012px",
+ },
+ },
+ });
+ },
+ ],
+}
\ No newline at end of file
- {% if page.is_post and page.sidebar == false %}
-
- {% include javascripts/scripts.html %}
-
+{% include head.html %}
+
+
+ {% include header.html %}
+
+ {% include search.html %}
+
+
- {% elsif page.is_homepage or page.layout == "landingpage" %}
-
-
-
-
-
- {% else %}
-
-
- {% endif %}
-
- {% if page.is_homepage or page.layout == "landingpage" %}
- {{ content }}
- {% else %}
- {{ content | output_modder }}
- {% endif %}
-
-
- {% unless page.sidebar == false or page.layout == "landingpage" %}
-
- {% endunless %}
-
+
+
+ 
+
+What
Home Assistant
stands for +
+
+
+
+
+
+
+
+
+ 
+
+
+ Private
++ Track and control your life without sharing your data with anyone else.
+
+ 
+
+
+
+
+ 
+
+
+ Local +
++ Smart home at the speed of light by running fully local. Internet connection optional. +
+
+
+
+
+
+
+ 
+
+
+ People first +
++ Home + Assistant is one of the world’s most active open source projects. It puts users first + and + has no investors to please. +
+
+
+
+
+
+ 
+
+
+ Your + Choice +
++ Integrate products from different brands instead of locking yourself to a single vendor. +
+
+
+
+
++ Want to know more?
+Home Assistant + is + huge, but here are some of our basic concepts.
+
+
\ No newline at end of file
diff --git a/source/_layouts/guide.html b/source/_layouts/guide.html
new file mode 100644
index 00000000000..8173dc69e2d
--- /dev/null
+++ b/source/_layouts/guide.html
@@ -0,0 +1,83 @@
+---
+layout: default
+---
+
+
+
+ {% for concept in page.conceptList %}
+
+
+
+ {% endfor %}
+ {{concept.title}}
+{{concept.description}}
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ {{page.title}}
+
+ {{page.content | output_modder }}
+
+
+
+ 
{% if page.notify.show %} {% endif %}
+
+
+ {% include integration-search.html %}
diff --git a/source/_layouts/integrate.html b/source/_layouts/integrate.html
new file mode 100644
index 00000000000..adabf9171dd
--- /dev/null
+++ b/source/_layouts/integrate.html
@@ -0,0 +1,150 @@
+---
+layout: default
+---
+
+
+ {% if page.notify.show %} {% endif %}
+
+ {{page.hero.title}}
+
+ {{page.hero.description}}
+
+
+
+
+
+
+
+
+ 
+ 3 bed flat
+
+
+ 
+ 
+ 
+
+
+
+
+
+ 3 bed flat
+
+
+
+
+ 
+ Join the
community
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+ {% for item in page.achive %}
+
+ {{item.label}}
+ {{item.value}}
+
{% endfor %}
+ community
{% for item in page.communityList %}
+
+ {% endfor %}
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+ You can do so much more...
+ Coming from Google Home, Alexa or Apple HomeKit?
+
Explore a new universe of possibilities with Home Assistant. Extend and Empower your home automations with no limitations.
+
+
+
+
+
+
+
+
+
+ You could do so much more...
+Explore a new universe of possibilities with Home Assistant. Extend and Empower your home automations with no limitations.
+
+
+
+
+
+
+
+
+
+
+ Coming from Google Home, Alexa or Apple HomeKit?
+ See what you get more
+
+
+
+
+
+
+
+
+ | + |
+
+ |
+
+
+ |
+
+
+ |
+
+ 
+ |
+
|---|---|---|---|---|
+ {{item.feature}}+{{item.description}} + |
+
+ - + |
+
+ - + |
+
+ - + |
+
+ 
+ |
+
+
+
+
+ Our Values
+
+
+
+ 
+
+
+
+ Private
+
+
+ On the other hand, we denounce with righteous indignation and dislike men.
+
+
+ 
+
+
+
+ Secure
+
+
+ That they cannot foresee the pain and trouble that are bound to ensue.
+
+
+ 
+
+
+
+ People first
+
+
+ On the other hand, we denounce with righteous indignation and dislike.
+
+
+ 
+
+
+
+ Local
+
+
+ That they cannot foresee the pain and trouble that are bound to ensue.
+
+
+
+
+ Let’s get started!
+
+
+ {% for option in page.startOptions %}
+
+
+
+
+ {% endfor %}
+
+ 
+
+
+
+
+ {{option.title}}
+
+
+ {{option.description}}
+
+
+
+
+
+ 
+ Make 39.542 devices
work together +
+ 
+
+ Make 39.542 devices work together +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ We possibly don’t work with all the brands
+ + in this universe. +
+
+
+
+ + + in this universe. +
+
+
+
+ Said about us
+
+
+
+
+
+
+
+
+
+
+ -
+ {% for feedback in page.saidAboutUs %}
+
-
+
+
+ - “{{feedback.description}}” +
+
+ {% endfor %}
+
+
+
+
+
+
+
+ Our founder’s
+ + vision +
+ + + vision +
+ “Home automation should blend with your current workflow, not replace it. For most devices, there is no faster way to control most devices than how you are already doing it today.”
+
”With every automation, you always have to think: what will be the impact if it doesn’t work? Home automation is composed of many different systems by many different vendors that speak many different protocols: things will go wrong.” +
+ +
”With every automation, you always have to think: what will be the impact if it doesn’t work? Home automation is composed of many different systems by many different vendors that speak many different protocols: things will go wrong.” +
+
+
+
+
+
+
+ Latest blog
+ + posts +
+ + + posts +
+ {% assign sortedPosts = site.posts | sort: 'date' | reverse %}
+ {% for post in sortedPosts limit:4%}
+
+ {% endfor %}
+
+
+ All the posts
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+ Control Home Assistant with your phone
+
+
+ Download now for iOS and Android
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ {{page.title}}
+ {{page.subTitle}} +
+
++ {{page.subTitle}} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{page.categorySectionTitle}}
+
+
+
+
+ {% for category in page.categories %}
+
+ 
+
+ {{category.category}}
+ + {% endfor %} +
+
+
+
+
+ {{page.brandSectionTitle}}
+
+
+
+
+ 
+
+
+
+
+ {{page.themeSectionTitle}}
+
+
+
+
+
+ {% for theme in page.themes %}
+
+
+ 
+
+ {% endfor %}
+ {{theme.title}}
+
+ 
+
+
+ Build your own ->
+
+
+{% include integration-search.html %}
diff --git a/source/_layouts/integration.html b/source/_layouts/integration.html
new file mode 100644
index 00000000000..28bff6f8985
--- /dev/null
+++ b/source/_layouts/integration.html
@@ -0,0 +1,154 @@
+---
+layout: default
+---
+
+
+ {{page.automationSectionTitle}}
+
+
+
+
+
+ Door
+ Bell
+ Sends
+ Notification
+
+
+ Motion
+ Activated
+ Turn-on
+ Lights
+
+
+ Thermostat
+ based
+ on
+ Outdoor
+ Temperature
+
+
+ Phillips
+ Hue Smart Button
+ 5
+ presses
+
+
+ Detect
+ Power
+ Consumption and
+ make
+ decisions
+ based
+
+
+
+
+
+
+ {% if page.logo %}
+ 
+ {% else %}
+ 
+ {% endif %}
+
+
+ {% endif %}
+
+
+ + {{page.title}}
+
+ {% for category in page.ha_category %}
+ {{category}}
+ {% endfor %}
+
+ {{page.description}}
+
+ {% if page.ha_iot_class %}
+
+
+
+ {%if page.ha_iot_class contains 'Cloud' %}
+ 
+ {% endif %}
+ {%if page.ha_iot_class contains 'Local' %}
+ 
+ {% endif %}
+
+ {% endif %}
+
+ {% endif %}
+ {%if page.ha_iot_class contains 'Local' %}
+
+ {% endif %}
+ {{page.ha_iot_class}}
+
+ 
+
+
+ 3 days ago
+
+ 
+
+
+ Since {{page.ha_release}}
+
+
+
+
+
+ {{page.content | output_modder}}
+
+
+
+
+ 
Edit
+ 
Feedback
+ 
View Pending
+
+
+{{page.title}}
+
+ {% assign sortedGuides = site.guides | sort: 'order' %}
+ {% for guide in sortedGuides %}
+
+
+ 
+ {{guide.title}}
+
+ {% endfor %}
+
+ {% assign guideContent = guide.content | markdownify %}
+ {% assign headers = guideContent | split: '' | first }}>{% endcapture %}
+ {% assign title = _string[0] | replace: _hAttrToStrip, '' %}
+ {% assign href = title | replace: ' ', '-' | downcase %}
+ {{title}}
+ {% endfor %}
+
+
+
+
+
+Blog / {{page.title}}
+ {% if page.image %} +
+
+ + {% for category in page.categories %} + #{{category}} + {% endfor %} +
++ {{ page.title }} +
+{{ page.date_formatted }}{{ page.author }}
+
+ {{ page.content | output_modder }}
+
+ Related articles
+
+ {% assign sortedPosts = site.posts | sort: 'date' | reverse %}
+ {% assign relativePosts = "" | split: ',' %}
+ {% assign currentCategories = page.categories %}
+ {% for post in sortedPosts %}
+ {% assign flag = 0 %}
+ {% for category in post.categories %}
+ {% if currentCategories contains category %}
+ {% assign flag = flag | plus:1 %}
+ {% endif %}
+ {% endfor %}
+
+ {% if flag > 0 and page.title != post.title %}
+ {% assign relativePosts = relativePosts | push: post %}
+ {% endif %}
+ {% endfor %}
+ {% for relative in relativePosts limit:3 %}
+
+
+
+ 
+
+
+
+
+ {% endfor %}
+ {{relative.title}}
+
+
+
+
+
+
+
+
+
+ Share this post
+- Support for these integrations is provided by the Home Assistant community. -
-
-
-
-
-
-
-{% raw %}
-
-{% endraw %}
-
-
-
-
-
-
+ })();
\ No newline at end of file
diff --git a/source/assets/js/jquery.min.js b/source/assets/js/jquery.min.js
new file mode 100644
index 00000000000..4d9b3a25875
--- /dev/null
+++ b/source/assets/js/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n
-
-
-
-
-
-
-
-
-
-
+
+ 
+
+
+
+
+
+
+
+
+
+
+ The Home Assistant + story
+In September 2013, Paulus has an + idea for a way to control his Philips Hue Lights...
+
+
+
+
+
+
+
+
+ Soon... +
+First UI - + Device + Trackers tracking if he is home or not
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+ Just two + months later +
+First UI - + Device + The UI was getting better
+
+
+
+
+
+
+
+
+
+ 6 months + later +
+First + Contributors + to Core start popping up +
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+ FEB 2015 +
+First UI - + Device + YAML Files are born!
+
+
+
+
+
+
+
+
+
+ In 2016 +
+First + Conference + was spoken about HA +
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ FEB 2017 +
+Pascal Starts + Hass.io (Supervisor)
+
+
+
+ 
+
+
+
+
+
+
+
+
+ JAN 2018 +
+HassOS was + born by + Pascal - June the 1st release +
+ +
+ 
+
+
+
+
+
+
+
+
+
+
+ In 2016 +
+First + Conference + was spoken about HA +
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+ SEP 2019 +
+Bram, 1st + employee, was hired to work on Frontend
+
+
+
+ 
+
+
+
+
+
+
+ SEP 2020 +
+ESPhome was + Acquired by Nabu Casa +
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+ DEC 2021 +
+The Open + Home + idea was launched from the idea of Home Assistant and Nabu Casa and Esphome with the State + of the Open Home
+ Read more... +
+
+
+ 
+
+
+
+
+
+
+ 2022 +
+Hired the + creator + of Zwave JS to work full time on zwave JS +
+16 full-time + employees +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+ community
+
+
+
+
+
+ 
+
+
+ Paulus for Nabu Casa
+“ Nabu Casa, Inc. commits time and + resources into Home Assistant so this will be a shared success story. We want to improve Home Assistant, + also for the people that are not customers of Nabu Casa, Inc. ”
+
+
+
+ 
+
+
+
+
+