From da8f75d8de1d0c1cc222b43285d8a4d97d260723 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Eduardo=20G=C3=B3mez?= Date: Sat, 25 Dec 2021 19:44:13 +0100 Subject: [PATCH] Version 1.5.0 (#423) --- README.md | 28 +- assets/css/app.css | 2 +- assets/css/post.css | 2 +- assets/js/app.js | 2 +- assets/js/helpers.js | 2 +- assets/js/home.js | 2 +- assets/js/page.js | 2 +- assets/js/post.js | 2 +- default.hbs | 24 +- index.hbs | 8 +- package.json | 29 ++- partials/header.hbs | 10 +- partials/notifications.hbs | 27 -- src/docker-compose.yml | 4 +- src/js/app.js | 353 +++++++++++--------------- src/js/helpers.js | 111 ++++---- src/sass/app.scss | 1 - src/sass/common/_themes.scss | 21 +- src/sass/components/header/_logo.scss | 8 + src/sass/components/ui/_alert.scss | 75 ------ src/sass/layouts/_post-content.scss | 350 +++++++++++++++++++++---- 21 files changed, 629 insertions(+), 434 deletions(-) delete mode 100644 partials/notifications.hbs delete mode 100644 src/sass/components/ui/_alert.scss diff --git a/README.md b/README.md index dd5522b77..e5e9a96e3 100644 --- a/README.md +++ b/README.md @@ -30,23 +30,34 @@ To know how to enable the search, comments, newsletter and more, please head to ### General features -* Clean and beautiful design 💅🏼 -* Lightning fast ⚡️ -* Fully responsive, looks great on any device 📱 -* Compatible with modern browsers 💻 -* Fast support 📞 +* Clean and beautiful design +* Lightning fast +* Lightweight and high performance +* Fully responsive, looks great on any device +* Compatible with modern browsers ### Ghost features -* Subscription form [more info here](https://github.com/eddiesigner/liebling/wiki/How-to-enable-subscribers) +* Subscription form * Multiple authors * Logo support * Secondary menu +* Accent color * Featured posts and pages * Post, Page, Tag, Authors, pages * Koenig editor * Bookmark card * Gallery card +* Button card +* NFT card +* Callouts +* Toggles +* Quotes +* Products +* Audio +* Video +* File uploads +* Headers * Blog title and description * Cover image for Home, Post, Page, Tag, Author pages * Author avatar, bio, location, website and social links @@ -59,6 +70,7 @@ To know how to enable the search, comments, newsletter and more, please head to * Dark mode * Search +* Custom settings * Custom Subscribe page * Custom authors page * Custom error page @@ -127,13 +139,15 @@ Contributions are very welcome. First, please read the [Pull Request Guidelines] ## Related +* [Galerie](https://eddiesigner.gumroad.com/l/KgroF) - Modern and versatile theme that stands out for its sleek design, it's incredibly fast, it offers a great user experience and it has many options to customise it. + * [Firma](https://gum.co/ZXLha) - Ghost theme that can be used by startups to large companies to publish any kind of articles related to their business. It stands out for its clean design and is able to adapt to any company's identity. * [Weiss Pro](https://gum.co/pzvDn) - Modern and beautiful Ghost theme ready to make your content shine. ## License -Copyright (c) 2019-2020 Eduardo Gómez. Released under the [MIT license](https://github.com/eddiesigner/liebling/blob/master/LICENSE). +Copyright (c) 2019-present Eduardo Gómez. Released under the [MIT license](https://github.com/eddiesigner/liebling/blob/master/LICENSE). ## Credits diff --git a/assets/css/app.css b/assets/css/app.css index b9bd1934e..6c36b96c9 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1 +1 @@ -@charset "UTF-8";/*! sanitize.css v7.0.2 | CC0 License | github.com/csstools/sanitize.css */*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Oxygen,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled],[disabled]{cursor:disabled}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}:root,[data-theme=light]{--background-color:#fff;--primary-foreground-color:#4a4a4a;--secondary-foreground-color:#000;--primary-subtle-color:#0470ee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#133467;--primary-border-color:#9b9b9b;--secondary-border-color:#f0f8ff;--article-shadow-normal:0 10px 10px rgba(0,0,0,0.08);--article-shadow-hover:0 4px 60px 0 rgba(0,0,0,0.2);--transparent-background-color:hsla(0,0%,100%,0.99);--footer-background-color:#133467;--submenu-shadow-color-opacity:0.25;--button-shadow-color-normal:hsla(0,0%,42.4%,0.2);--button-shadow-color-hover:hsla(0,0%,42.4%,0.3);--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2;--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none;--toggle-darkmode-background-color:rgba(0,0,0,0.05);--header-menu-gradient-first-color:hsla(0,0%,100%,0);--header-menu-gradient-second-color:#fff}[data-theme=dark]{--background-color:#111;--primary-foreground-color:#ccc;--secondary-foreground-color:#fff;--primary-subtle-color:#2c2fe6;--secondary-subtle-color:#141920;--titles-color:#b4b4b4;--link-color:#b6b7f6;--primary-border-color:#1d1d1d;--secondary-border-color:#0f0f0f;--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,0.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,0.1);--transparent-background-color:rgba(0,0,0,0.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:rgba(10,10,10,0.5);--button-shadow-color-hover:rgba(10,10,10,0.5);--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d;--toggle-darkmode-button-display-moon:none;--toggle-darkmode-button-display-sun:block;--toggle-darkmode-background-color:rgba(0,0,0,0.5);--header-menu-gradient-first-color:rgba(17,17,17,0);--header-menu-gradient-second-color:rgba(17,17,17,0.65)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background-color:#111;--primary-foreground-color:#ccc;--secondary-foreground-color:#fff;--primary-subtle-color:#2c2fe6;--secondary-subtle-color:#141920;--titles-color:#b4b4b4;--link-color:#b6b7f6;--primary-border-color:#1d1d1d;--secondary-border-color:#0f0f0f;--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,0.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,0.1);--transparent-background-color:rgba(0,0,0,0.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:rgba(10,10,10,0.5);--button-shadow-color-hover:rgba(10,10,10,0.5);--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d;--toggle-darkmode-button-display-moon:none;--toggle-darkmode-button-display-sun:block;--toggle-darkmode-background-color:rgba(0,0,0,0.5);--header-menu-gradient-first-color:rgba(17,17,17,0);--header-menu-gradient-second-color:rgba(17,17,17,0.65)}}.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}.focusable:focus,.m-button:focus,.m-icon-button:focus,.m-toggle-darkmode input:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered,.m-hero,.m-icon-button{display:flex;align-items:center;justify-content:center}.m-alert__close,.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-moon:before{content:"\E90F"}.icon-sunny:before{content:"\E910"}.icon-chevron-down:before{content:"\E900"}.icon-star:before{content:"\E901"}.icon-arrow-left:before{content:"\E902"}.icon-arrow-right:before{content:"\E903"}.icon-arrow-top:before{content:"\E904"}.icon-close:before{content:"\E905"}.icon-comments:before{content:"\E906"}.icon-facebook:before{content:"\E907"}.icon-globe:before{content:"\E908"}.icon-menu:before{content:"\E909"}.icon-more:before{content:"\E90A"}.icon-search:before{content:"\E90B"}.icon-twitter:before{content:"\E90C"}.icon-imdb:before{content:"\E90D"}.icon-vk:before{content:"\E90E"}.icon-steam:before{content:"\E914"}.icon-twitch:before{content:"\E915"}.icon-youtube:before{content:"\E916"}.icon-vimeo:before{content:"\E917"}.icon-whatsapp:before{content:"\E918"}.icon-reddit:before{content:"\E919"}.icon-rss:before{content:"\E91A"}.icon-spotify:before{content:"\E91B"}.icon-telegram:before{content:"\E91C"}.icon-soundcloud:before{content:"\E91D"}.icon-flickr:before{content:"\E91E"}.icon-letterboxd:before{content:"\E91F"}.icon-odnoklassniki:before{content:"\E920"}.icon-pinterest:before{content:"\E921"}.icon-tiktok:before{content:"\E922"}.icon-tumblr:before{content:"\E923"}.icon-xing:before{content:"\E924"}.icon-mixcloud:before{content:"\E925"}.icon-mixer:before{content:"\E926"}.icon-wechat:before{content:"\E927"}.icon-deviantart:before{content:"\E928"}.icon-discord:before{content:"\E929"}.icon-instagram:before{content:"\E92A"}.icon-linkedin:before{content:"\E92B"}.icon-snapchat:before{content:"\E92C"}.icon-gitlab:before{content:"\E92D"}.icon-github:before{content:"\E930"}.icon-behance:before{content:"\E951"}body{display:flex;flex-direction:column;width:100%;min-height:100vh;color:var(--primary-foreground-color);font-size:1rem;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;font-display:swap;overflow-x:hidden;background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.share-menu-displayed{padding-bottom:45px}@media only screen and (min-width:48rem){body.share-menu-displayed{padding-bottom:0}}.main-wrap{display:flex;flex-direction:column;flex-grow:1}p{line-height:1.5;margin:0}a{color:inherit;text-decoration:none}fieldset{padding:0;margin:0;border:0;position:relative}.tippy-popper *{text-align:left!important}.medium-zoom-overlay{background-color:var(--background-color)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}.l-wrapper{position:relative;width:100%;margin:0 auto;padding:0 20px}@media only screen and (min-width:48rem){.l-wrapper{max-width:1200px}}@media only screen and (min-width:80rem){.l-wrapper{padding:0}}.l-wrapper.in-submenu{padding:0}@media only screen and (min-width:48rem){.l-wrapper.in-submenu{padding:0 20px}}@media only screen and (min-width:80rem){.l-wrapper.in-submenu{padding:0}}@media only screen and (min-width:48rem){.l-wrapper.in-post{max-width:960px}}@media only screen and (min-width:48rem){.l-wrapper.in-comments{max-width:820px}}@media only screen and (min-width:64rem){.l-wrapper.in-recommended{padding:0;max-width:calc(100% - 60px)}}@media only screen and (min-width:90rem){.l-wrapper.in-recommended{max-width:1200px}}.l-wrapper.in-post.no-image{padding-top:40px}@media only screen and (min-width:48rem){.l-wrapper.in-post.no-image{padding-top:80px}}.l-wrapper.in-caption{padding-top:10px}.l-content{padding:40px 0 20px}@media only screen and (min-width:48rem){.l-content{padding:60px 0 40px}}.m-button{display:inline-block;color:#333;text-align:center;letter-spacing:.2px;line-height:1;font-size:1rem;font-weight:600;border-radius:5px;padding:13px 25px;cursor:pointer;outline:0;border:0;position:relative;background-color:transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-button.outlined{color:var(--titles-color);border:1px solid var(--primary-foreground-color)}.m-button.filled,.m-button.primary{box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent}.m-button.filled:hover,.m-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-button.filled{border-radius:5px;background-color:#fff}.m-button.block{display:block;width:100%}.m-button.primary{color:#fff;background-color:var(--primary-subtle-color)}.m-button.loading{cursor:default;overflow:hidden}.m-button.loading:after{content:"";position:absolute;left:0;bottom:0;width:25%;height:2px;background-color:#fff;-webkit-animation:loading 1s infinite;animation:loading 1s infinite}@-webkit-keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.m-icon-button{color:var(--titles-color);font-size:1.125rem;border:0;outline:0;padding:0;cursor:pointer;border-radius:50%;background-color:transparent}.m-icon-button.outlined{border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-icon-button.filled:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-icon-button:disabled{cursor:default;opacity:.5}.m-icon-button.in-mobile-topbar{width:50px;height:50px}.m-icon-button.as-close-menu{position:absolute;top:20px;right:20px;width:32px;height:32px;font-size:.625rem;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-menu{display:none!important}}.m-icon-button.as-close-search{position:absolute;top:20px;right:20px;width:32px;height:32px;font-size:.625rem;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-search{top:30px;right:30px;width:42px;height:42px;font-size:.875rem}}@media only screen and (min-width:80rem){.m-icon-button.as-close-search{top:40px;right:40px;width:50px;height:50px}}.m-icon-button.in-menu-main{display:none}@media only screen and (min-width:48rem){.m-icon-button.in-menu-main{display:flex;width:32px;height:32px}}.m-icon-button.more{font-size:1.25rem;z-index:6;position:relative}.m-icon-button.more.active{color:var(--primary-subtle-color)}.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{width:40px;height:40px;font-size:.625rem}@media only screen and (min-width:48rem){.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{width:46px;height:46px;font-size:.688rem}}.m-icon-button.in-pagination-left{margin-right:30px}.m-icon-button.in-pagination-right{margin-left:30px}.m-icon-button.in-featured-articles{position:absolute;color:#fff;font-size:.875rem;width:40px;height:40px;bottom:5px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles{bottom:26px}}.m-icon-button.in-featured-articles.glide-prev{right:56px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.glide-prev{right:76px}}.m-icon-button.in-featured-articles.glide-next{right:16px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.glide-next{right:36px}}.m-icon-button.in-recommended-articles{position:absolute;font-size:.625rem;width:40px;height:40px;top:200px;z-index:2;transform:translateY(-50%)}@media only screen and (min-width:64rem){.m-icon-button.in-recommended-articles{display:none}}.m-icon-button.in-recommended-articles.glide-prev{left:0}.m-icon-button.in-recommended-articles.glide-next{right:0}.m-icon-button.as-load-comments{position:relative;width:60px;height:60px;font-size:1.25rem;margin:0 auto;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-load-comments{width:80px;height:80px;font-size:1.625rem}}.m-icon-button.in-share{color:var(--titles-color);font-size:.75rem;text-decoration:none;width:31px;height:31px;margin:0 25px}@media only screen and (min-width:64rem){.m-icon-button.in-share{font-size:.875rem;width:40px;height:40px;margin:0 0 20px}}@media only screen and (min-width:80rem){.m-icon-button.in-share{font-size:1rem;width:50px;height:50px}}.m-icon-button.progress{position:relative}.m-icon-button.progress svg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.m-icon-button.progress svg circle{stroke:var(--primary-subtle-color);transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dashoffset .2s}.rtl .m-icon-button.in-featured-articles.glide-prev{right:auto;left:16px}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.glide-prev{right:auto;left:36px}}.rtl .m-icon-button.in-featured-articles.glide-next{right:auto;left:52px}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.glide-next{right:auto;left:72px}}.rtl .m-icon-button.in-recommended-articles.glide-prev{left:auto;right:0;transform:rotate(180deg)}.rtl .m-icon-button.in-recommended-articles.glide-next{right:auto;left:0;transform:rotate(180deg)}.m-input{color:var(--primary-foreground-color);letter-spacing:.2px;line-height:1.3;font-size:1rem;width:100%;border-radius:5px;padding:11px 15px;border:1px solid var(--primary-border-color);outline:0;background-color:var(--background-color)}.m-input:focus{border-color:var(--primary-subtle-color)}.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.m-input.in-subscribe-section{margin-bottom:15px}.m-section-title{color:var(--primary-foreground-color);text-align:center;letter-spacing:.3px;line-height:1.3;font-weight:400;font-size:1.25rem;margin:0 0 30px}@media only screen and (min-width:48rem){.m-section-title{font-size:1.5rem;margin-bottom:40px}}.m-section-title.in-recommended{margin-bottom:0!important}.m-small-text{color:var(--titles-color);font-size:.875rem}.m-small-text.in-subscribe-page{padding-top:30px;font-weight:600}.m-small-text.in-author-along-with{margin-bottom:20px}.m-small-text.in-author-along-with a{text-decoration:underline}.m-not-found{color:var(--primary-foreground-color);line-height:1.3;font-size:.875rem;font-weight:600}.m-not-found.in-recent-articles{margin-left:20px}@media only screen and (min-width:48rem){.m-not-found.in-recent-articles{margin-left:0}}.m-alert{color:#fff;text-align:center;letter-spacing:1px;line-height:1.4;font-size:.875rem;visibility:hidden;position:fixed;top:0;left:0;width:100%;padding:16px 45px 14px;z-index:11;transform:translateY(-100%);transition:transform .2s ease}@media only screen and (min-width:48rem){.m-alert{font-size:1rem;padding:24px 75px 22px}}.m-alert.success{background-color:var(--primary-subtle-color)}.m-alert.opened{visibility:visible;transform:translateY(0)}.m-alert__close{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:20px;width:20px;height:20px;cursor:pointer;outline:0;border:0;padding:0;background-color:transparent;transform:translateY(-50%)}@media only screen and (min-width:48rem){.m-alert__close{right:40px;width:25px;height:25px}}.m-alert__close span{color:#fff;font-size:.75rem}@media only screen and (min-width:48rem){.m-alert__close span{font-size:.875rem}}.rtl .m-alert__close{right:auto;left:20px}@media only screen and (min-width:48rem){.rtl .m-alert__close{right:auto;left:40px}}.m-header{position:fixed;top:0;left:0;width:100%;z-index:4;background-color:var(--background-color);will-change:transform;transition:transform .4s cubic-bezier(.165,.84,.44,1)}@media only screen and (min-width:48rem){.m-header{padding:15px 0}}.m-header.mobile-menu-opened{height:100%}@media only screen and (min-width:48rem){.m-header.mobile-menu-opened{height:auto}}.m-header.headroom--pinned{box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;transform:translateY(0)}.m-header.headroom--pinned .m-header__shadow{display:none}.m-header.headroom--unpinned{transform:translateY(-100%)}.m-header.submenu-is-active{background-color:var(--background-color)}.m-header.submenu-is-active .m-header__shadow{display:none}.m-header.with-picture{background-color:var(--background-color)}.m-mobile-topbar{display:flex;align-items:center;justify-content:space-between;height:50px;position:relative;z-index:2}@media only screen and (min-width:48rem){.m-mobile-topbar{display:none!important}}.m-logo{display:inline-block;height:25px}.m-logo img{width:auto;max-width:150px;height:100%;-o-object-fit:contain;object-fit:contain}.m-logo.in-mobile-topbar{height:20px;margin:0 20px}.m-site-name.in-mobile-topbar{color:var(--titles-color);font-weight:600}.m-site-name.in-desktop-menu{font-weight:700}@media only screen and (min-width:48rem){.m-nav{display:flex;align-items:center;justify-content:space-between;height:37px;overflow-y:hidden}}@media only screen and (min-width:90rem){.m-nav{margin:0 -5px}}@media only screen and (min-width:48rem){.m-nav.toggle-overflow{overflow-y:initial}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{display:flex;flex:1 1 auto;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:40px;padding-bottom:40px;padding-left:5px;margin-bottom:0;-webkit-overflow-scrolling:touch}}@media only screen and (min-width:48rem){.m-nav__left.toggle-overflow{overflow-x:hidden}}.m-nav__left ul:not(.m-secondary-menu){padding:0;margin:0}@media only screen and (min-width:48rem){.m-nav__left ul:not(.m-secondary-menu){display:flex;align-items:center}}.m-nav__left li{color:var(--titles-color);letter-spacing:.3px;font-size:1.125rem;margin-bottom:15px}@media only screen and (min-width:48rem){.m-nav__left li{margin-bottom:0;margin-right:35px;position:relative}}.m-nav__left li:last-of-type{margin-bottom:0}.m-nav__left li.nav-current{font-weight:600}.m-nav__left li a{color:inherit}.m-nav__left li.more a{display:inline-flex;align-items:center}@media only screen and (min-width:48rem){.m-nav__left li.more a{display:flex}}.m-nav__left li.more a span{display:inline-block;color:inherit;font-size:1rem;margin-left:8px;transform:translateY(1px)}@media only screen and (min-width:48rem){.m-nav__left li.submenu-option{z-index:2}}.m-nav__right{display:flex;align-items:center;justify-content:flex-end}@media only screen and (min-width:48rem){.m-nav__right{flex-shrink:0;position:relative;padding-left:20px;padding-right:5px}}@media only screen and (min-width:48rem){.m-nav__right:before{content:"";position:absolute;pointer-events:none;top:0;left:-20px;width:20px;height:100%;z-index:2;background:linear-gradient(90deg,var(--header-menu-gradient-first-color),var(--header-menu-gradient-second-color))}}@media only screen and (min-width:48rem){.rtl .m-nav__left{padding-left:0;padding-right:5px}}@media only screen and (min-width:48rem){.rtl .m-nav__left li{margin-right:0;margin-left:35px}}@media only screen and (min-width:48rem){.rtl .m-nav__right{padding-left:5px;padding-right:20px}}@media only screen and (min-width:48rem){.rtl .m-nav__right:before{left:auto;right:-20px;transform:rotate(180deg)}}.m-menu{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;overflow-y:auto;z-index:2;background-color:var(--background-color);-webkit-overflow-scrolling:touch;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1)}.m-menu.opened{visibility:visible;opacity:1;z-index:10;transform:scale(1)}@media only screen and (min-width:48rem){.m-menu{visibility:visible!important;position:relative;top:auto;left:auto;height:auto;opacity:1!important;overflow:initial;background-color:transparent;transform:translateZ(0)!important}}.m-menu__main{padding:50px 0 5px;min-height:100%}@media only screen and (min-width:48rem){.m-menu__main{padding:0;min-height:0}}.rtl .m-menu__main{padding-top:75px}@media only screen and (min-width:48rem){.rtl .m-menu__main{padding:0}}.m-secondary-menu{padding:0;margin:0;list-style-type:none}.m-secondary-menu li{font-size:1rem}@media only screen and (min-width:48rem){.m-secondary-menu li{margin-left:0;margin-right:0}}.m-secondary-menu li.nav-current a{font-weight:600}.m-secondary-menu li a{display:block;padding:6px 10px;border-radius:4px;transition:background-color .1s linear}@media only screen and (min-width:48rem){.m-secondary-menu li a{padding:8px 10px}}.m-secondary-menu li a:hover{background-color:rgba(0,0,0,.1)}.rtl .m-secondary-menu .li,.rtl .m-secondary-menu .li a{text-align:right!important}.m-submenu{padding-top:25px}@media only screen and (min-width:48rem){.m-submenu{visibility:hidden;position:fixed;top:45px;left:0;width:100%;padding:30px 0 20px;background-color:var(--background-color);border-top:1px solid var(--secondary-border-color);z-index:5;box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent}}@media only screen and (min-width:80rem){.m-submenu{padding:32px 0 23px}}@media only screen and (min-width:48rem){.m-submenu.opened{visibility:visible;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:openSubmenuAnimation .3s both;animation:openSubmenuAnimation .3s both}@-webkit-keyframes openSubmenuAnimation{0%{opacity:0;transform:translate3d(0,-5%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes openSubmenuAnimation{0%{opacity:0;transform:translate3d(0,-5%,0)}to{opacity:1;transform:translateZ(0)}}}@media only screen and (min-width:48rem){.m-submenu.closed{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:closeSubmenuAnimation .3s both;animation:closeSubmenuAnimation .3s both}@-webkit-keyframes closeSubmenuAnimation{0%{visibility:visible;opacity:1;transform:translateZ(0)}to{visibility:hidden;opacity:0;transform:translate3d(0,-2.5%,0)}}@keyframes closeSubmenuAnimation{0%{visibility:visible;opacity:1;transform:translateZ(0)}to{visibility:hidden;opacity:0;transform:translate3d(0,-2.5%,0)}}}@media only screen and (min-width:48rem){:root .m-submenu,_:-ms-fullscreen{top:65px}}.m-submenu-title{letter-spacing:.3px;line-height:1.3;font-size:1.125rem;font-weight:400;margin:0 0 25px}.m-submenu-title.in-recent-articles{padding:0 20px}@media only screen and (min-width:48rem){.m-submenu-title.in-recent-articles{padding:0}}.rtl .m-submenu-title{direction:rtl}.m-recent-articles{margin:0 -20px 40px;overflow:hidden}@media only screen and (min-width:48rem){.m-recent-articles{margin:0 0 40px}}.m-recent-articles ul{cursor:-webkit-grab;cursor:grab}.m-recent-article{display:block;width:230px;margin:0 20px}@media only screen and (min-width:48rem){.m-recent-article{margin:0 60px 0 0}}.m-recent-article:hover .m-recent-article__picture img{transform:scale(1.1)}@media only screen and (min-width:48rem){.rtl .m-recent-article{margin:0 0 0 60px}}.m-recent-article__picture{height:130px;position:relative;margin-bottom:15px;border-radius:5px;background-color:var(--secondary-subtle-color);overflow:hidden}.m-recent-article__picture.no-picture img{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px}.m-recent-article__picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.m-recent-article__title{color:var(--titles-color);letter-spacing:.2px;line-height:1.438rem;font-size:1rem;font-weight:400;margin:0 0 10px}@media only screen and (min-width:48rem){.m-recent-article__title{letter-spacing:.25px;font-size:1.125rem}}.m-recent-article__date{color:var(--titles-color);letter-spacing:.15px;font-size:.813rem}.m-tags.in-post{padding-top:25px}.m-tags.in-post ul{padding:0;list-style-type:none}.m-tags.in-post a{text-decoration:none}.m-tags ul{display:flex;flex-wrap:wrap}.m-tags li{letter-spacing:.2px;font-size:.875rem;font-weight:600;margin-right:30px;margin-bottom:10px!important}.m-tags li:last-of-type{margin-right:0}.m-tags li a{color:var(--link-color)!important}.m-toggle-darkmode{position:fixed;right:20px;bottom:45px;width:28px;height:28px;border-radius:50%;overflow:hidden;z-index:2}@media only screen and (min-width:48rem){.m-toggle-darkmode{position:relative;right:auto;bottom:auto;margin-left:20px;z-index:auto}}.m-toggle-darkmode input{position:absolute;top:0;left:0;width:100%;height:100%;outline:0;border:0;opacity:0;cursor:pointer;z-index:2}.m-toggle-darkmode input::-moz-focus-inner{border:0}.m-toggle-darkmode div{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:var(--toggle-darkmode-background-color);z-index:1}.m-toggle-darkmode span{color:var(--titles-color);font-size:.9375rem}.m-toggle-darkmode span.moon{display:var(--toggle-darkmode-button-display-moon)}.m-toggle-darkmode span.sun{display:var(--toggle-darkmode-button-display-sun)}:root .m-toggle-darkmode,_:-ms-fullscreen{display:none}.m-hero{position:relative;flex-direction:column;min-height:365px;overflow:hidden;padding:100px 0 75px;background-color:var(--secondary-subtle-color)}@media only screen and (min-width:48rem){.m-hero{min-height:400px;padding:150px 0 75px}}.m-hero.with-picture{color:#fff;background-color:#000}@media only screen and (min-width:48rem){.m-hero.with-picture{min-height:450px}}@media only screen and (min-width:80rem){.m-hero.with-picture{min-height:565px}}.m-hero.with-picture .m-hero-title{color:#fff}.m-hero.no-picture.in-post{display:none}.m-hero__picture{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.7}.m-hero__picture.in-post{opacity:1}.m-hero__picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.m-hero__content{position:relative;text-align:center;padding:0 20px;z-index:2}@media only screen and (min-width:48rem){.m-hero__content{max-width:700px}}@media only screen and (min-width:80rem){.m-hero__content{padding:0}}.m-hero__meta{margin:0 auto}@media only screen and (min-width:48rem){.m-hero__meta{display:flex;align-items:center;justify-content:center}}.rtl .m-hero__meta{direction:ltr}.m-hero-avatar{width:80px;height:80px;margin:0 auto 25px;border-radius:50%;background-color:#5c697c;background-repeat:no-repeat;background-position:50%;background-size:cover;box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent}@media only screen and (min-width:48rem){.m-hero-avatar{width:100px;height:100px}}.m-hero-title{color:var(--titles-color);letter-spacing:.4px;line-height:1.3;font-size:1.75rem;font-weight:700;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-title{letter-spacing:.5px;font-size:2.25rem}}.m-hero-title.bigger{letter-spacing:.5px;font-size:2rem}@media only screen and (min-width:48rem){.m-hero-title.bigger{letter-spacing:.8px;font-size:3.25rem;margin-bottom:10px}}.m-hero-description{letter-spacing:.2px;line-height:1.5;font-size:.938rem;margin-bottom:20px}@media only screen and (min-width:48rem){.m-hero-description{font-size:1.125rem}}.m-hero-description.bigger{line-height:1.3;font-size:1.125rem;margin-bottom:25px}@media only screen and (min-width:48rem){.m-hero-description.bigger{font-size:1.375rem}}.m-hero-description.with-picture{color:#fff}.m-hero-social{text-align:center;list-style-type:none;padding:0;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-social{margin-right:7px;margin-bottom:0}}.m-hero-social.with-picture{color:#fff}.m-hero-social li{display:inline-block;margin:0 11px}.m-hero-social li a{color:inherit;font-size:.938rem}.m-hero-social li a span{color:inherit}.rtl .m-hero-social{direction:ltr}.m-hero-stats{text-align:center;list-style-type:none;padding:0;margin:0}@media only screen and (min-width:48rem){.m-hero-stats{margin-left:7px}}.m-hero-stats.with-picture{color:#fff}.m-hero-stats li{display:inline-block;color:inherit;letter-spacing:.2px;font-size:.813rem;margin:0 4px}@media only screen and (min-width:48rem){.m-hero-stats li{letter-spacing:.3px;font-size:1rem}}.m-heading{text-align:center;margin:0 auto 40px}@media only screen and (min-width:48rem){.m-heading{margin-bottom:60px}}@media only screen and (min-width:48rem){.m-heading.in-subscribe-page{margin-bottom:50px}}.m-heading.no-margin{margin-bottom:0!important}.m-heading__title{color:var(--titles-color);letter-spacing:.4px;line-height:1.3;font-size:1.75rem;margin:0 0 10px}@media only screen and (min-width:48rem){.m-heading__title{letter-spacing:.5px;font-size:2.25rem;margin-bottom:15px}}.m-heading__title.in-post{letter-spacing:.5px;font-size:2rem;margin-bottom:15px}@media only screen and (min-width:48rem){.m-heading__title.in-post{letter-spacing:.7px;font-size:2.625rem;margin-bottom:20px}}.m-heading__title.in-page{margin:0}.m-heading__description{letter-spacing:.2px;line-height:1.3;font-size:.938rem;margin:0 auto}@media only screen and (min-width:48rem){.m-heading__description{font-size:1.125rem}}@media only screen and (min-width:48rem){.m-heading__description.in-subscribe-page{max-width:420px;font-size:1rem}}.m-heading__description.in-newsletter-form{font-size:.875rem;max-width:80%}@media only screen and (min-width:48rem){.m-heading__description.in-newsletter-form{max-width:420px}}.m-heading__meta{display:flex;align-items:center;justify-content:center;letter-spacing:.2px;font-size:.875rem;font-weight:600}@media only screen and (min-width:48rem){.m-heading__meta{font-size:1rem}}.m-heading__meta__tag,.m-heading__meta__time{color:var(--link-color)!important}.m-heading__meta__tag{text-decoration:none!important}.m-heading__meta__divider{display:inline-block;color:var(--primary-border-color);margin:0 10px}.m-article-card{display:flex;flex-direction:column;position:relative;margin-bottom:20px;height:400px;background-color:var(--background-color);border-radius:10px;border:1px solid var(--secondary-border-color);z-index:1;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-article-card:hover{transform:translateY(-5px)}.m-article-card:hover:before{box-shadow:var(--article-shadow-hover),0 0 0 transparent}.m-article-card:hover .m-article-card__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}@media only screen and (min-width:48rem){.m-article-card{width:calc(50% - 20px);height:420px;margin-left:10px;margin-right:10px;margin-bottom:20px}}@media only screen and (min-width:64rem){.m-article-card{width:calc(33.33333% - 40px);margin-left:20px;margin-right:20px;margin-bottom:40px}}.m-article-card.no-picture .m-article-card__picture{height:85px!important}.m-article-card.no-picture .m-article-card__info{background-color:var(--secondary-subtle-color)}.m-article-card.no-picture .m-article-card__title{line-height:1.4;font-size:1.625rem}.m-article-card.as-author .m-article-card__picture{background-color:#000}.m-article-card.as-author .m-article-card__picture-link{z-index:2}.m-article-card.as-author .m-article-card__picture-background{opacity:.75}.m-article-card.as-author .m-article-card__info{padding:0}.m-article-card.as-author .m-article-card__info-link{padding:20px 20px 60px}.m-article-card:before{content:"";position:absolute;top:10px;right:10px;bottom:0;left:10px;border-radius:10px;box-shadow:var(--article-shadow-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-article-card__picture{position:relative;height:200px;border-radius:10px 10px 0 0;background-color:var(--secondary-subtle-color);overflow:hidden;transform:translateZ(0)}@media only screen and (min-width:48rem){.m-article-card__picture{height:220px}}.m-article-card__picture-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.m-article-card__picture-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.m-article-card__name{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;letter-spacing:.4px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0;z-index:1}@media only screen and (min-width:48rem){.m-article-card__name{left:25px;bottom:25px}}.m-article-card__author{position:absolute;top:20px;left:20px;width:35px;height:35px;border-radius:50%;z-index:2;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-article-card__author{top:25px;left:25px}}.m-article-card__author div{width:100%;height:100%;border-radius:50%;border:2px solid #fff;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:cover}.m-article-card__featured{display:flex;align-items:center;justify-content:center;position:absolute;top:26px;right:20px;width:24px;height:24px;color:#000;background-color:#fff;border-radius:50%;z-index:2}@media only screen and (min-width:48rem){.m-article-card__featured{top:31px;right:25px}}.m-article-card__featured span{color:inherit;font-size:.75rem}.m-article-card__info{flex:1;position:relative;padding-top:48px;height:200px;overflow:hidden;border-radius:0 0 10px 10px;background-color:var(--background-color)}@media only screen and (min-width:48rem){.m-article-card__info{padding-top:53px}}.m-article-card__info.no-tag{padding-top:0!important}.m-article-card__info.no-tag .m-article-card__info-link{padding-top:48px}@media only screen and (min-width:48rem){.m-article-card__info.no-tag .m-article-card__info-link{padding-top:53px}}.m-article-card__tag{position:absolute;top:20px;left:20px;right:20px;color:var(--link-color);letter-spacing:.2px;line-height:1.3;font-size:.875rem;font-weight:600}@media only screen and (min-width:48rem){.m-article-card__tag{top:25px;left:25px}}.m-article-card__info-link{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:0 20px 20px}@media only screen and (min-width:48rem){.m-article-card__info-link{padding:0 25px 25px}}.m-article-card__title{color:var(--titles-color);letter-spacing:.4px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0}.m-article-card__excerpt{display:block;position:relative;overflow:hidden;height:100%;color:var(--titles-color);letter-spacing:.3px;line-height:1.5;font-size:1rem}.m-article-card__author-stats,.m-article-card__timestamp{display:flex;align-items:center;color:var(--titles-color);letter-spacing:.2px;font-size:.875rem}.m-article-card__author-stats span:nth-child(2),.m-article-card__timestamp span:nth-child(2){padding:0 10px}.m-article-card__author-stats{position:absolute;left:20px;right:20px;bottom:20px;justify-content:space-between}.m-article-card__author-stats span{padding:0!important}.m-article-card__social{display:flex;align-items:center;justify-content:flex-end;padding:0;margin:0}.m-article-card__social li{display:inline-block;margin-left:22px}.m-article-card__social li a{color:var(--primary-foreground-color);font-size:.938rem}.m-article-card__social li a span{color:inherit}.rtl .m-article-card__social{direction:ltr}.m-search{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;overflow-y:auto;z-index:2;background-color:var(--transparent-background-color);-webkit-overflow-scrolling:touch;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1)}.m-search.opened{visibility:visible;opacity:1;z-index:10;transform:scale(1)}.m-search__content{padding:80px 20px 40px;margin:0 auto}@media only screen and (min-width:48rem){.m-search__content{padding-top:100px;padding-bottom:50px;max-width:700px}}@media only screen and (min-width:80rem){.m-search__content{padding-left:0;padding-right:0}}@media only screen and (min-width:90rem){.m-search__content{max-width:800px}}.m-search__form{margin-bottom:30px}@media only screen and (min-width:48rem){.m-search__form{max-width:500px;margin:0 auto 45px}}.m-search-icon{position:absolute;top:50%;left:15px;color:#9b9b9b;font-size:1rem;font-weight:500;pointer-events:none;transform:translateY(-45%)}@media only screen and (min-width:48rem){.m-search-icon{font-size:1.25em;left:25px}}.m-result{border-bottom:1px solid var(--primary-border-color)}.m-result.last{border-bottom:0}.m-result__link{display:block;width:100%;height:100%;padding:10px 0}@media only screen and (min-width:48rem){.m-result__link{padding:15px 0}}.m-result__title{color:var(--primary-foreground-color);letter-spacing:.3px;line-height:1.4;font-size:1rem;font-weight:400;margin:0 0 5px}@media only screen and (min-width:48rem){.m-result__title{letter-spacing:.4px;font-size:1.25rem;margin-bottom:10px}}@media only screen and (min-width:80rem){.m-result__title{font-size:1.375rem}}.m-result__date{color:var(--titles-color);letter-spacing:.2px;font-size:.813rem}@media only screen and (min-width:48rem){.m-result__date{letter-spacing:.3px;font-size:.938rem}}.m-footer{flex-shrink:0;background-color:var(--footer-background-color)}.m-footer__content{color:#fff;text-align:center;padding:50px 20px}@media only screen and (min-width:48rem){.m-footer__content{padding:75px 0;max-width:680px;margin:0 auto}}.m-footer__nav-secondary{margin-bottom:25px}.m-footer__nav-secondary .m-secondary-menu{display:flex;justify-content:center;flex-wrap:wrap}@media only screen and (min-width:48rem){.m-footer__nav-secondary .m-secondary-menu li{margin:0 5px}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.7;margin-bottom:20px}.m-footer-copyright span{display:block}@media only screen and (min-width:48rem){.m-footer-copyright span{display:inline}}.m-footer-copyright span:nth-child(2){display:none}@media only screen and (min-width:48rem){.m-footer-copyright span:nth-child(2){display:inline}}.m-footer-copyright a{text-decoration:underline}.m-footer-copyright.jslicense{opacity:.7;margin-bottom:0}.m-footer-social{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.m-footer-social a{display:inline-block;color:#fff;margin:0 15px}.m-footer-social a span{color:inherit;font-size:1rem}.rtl .m-footer-social{direction:ltr}[data-aos-duration="50"] [data-aos],[data-aos][data-aos][data-aos-duration="50"]{transition-duration:50ms}[data-aos-delay="50"] [data-aos],[data-aos][data-aos][data-aos-delay="50"]{transition-delay:0}[data-aos-delay="50"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="50"].aos-animate{transition-delay:50ms}[data-aos-duration="100"] [data-aos],[data-aos][data-aos][data-aos-duration="100"]{transition-duration:.1s}[data-aos-delay="100"] [data-aos],[data-aos][data-aos][data-aos-delay="100"]{transition-delay:0}[data-aos-delay="100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="100"].aos-animate{transition-delay:.1s}[data-aos-duration="150"] [data-aos],[data-aos][data-aos][data-aos-duration="150"]{transition-duration:.15s}[data-aos-delay="150"] [data-aos],[data-aos][data-aos][data-aos-delay="150"]{transition-delay:0}[data-aos-delay="150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="150"].aos-animate{transition-delay:.15s}[data-aos-duration="200"] [data-aos],[data-aos][data-aos][data-aos-duration="200"]{transition-duration:.2s}[data-aos-delay="200"] [data-aos],[data-aos][data-aos][data-aos-delay="200"]{transition-delay:0}[data-aos-delay="200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="200"].aos-animate{transition-delay:.2s}[data-aos-duration="250"] [data-aos],[data-aos][data-aos][data-aos-duration="250"]{transition-duration:.25s}[data-aos-delay="250"] [data-aos],[data-aos][data-aos][data-aos-delay="250"]{transition-delay:0}[data-aos-delay="250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="250"].aos-animate{transition-delay:.25s}[data-aos-duration="300"] [data-aos],[data-aos][data-aos][data-aos-duration="300"]{transition-duration:.3s}[data-aos-delay="300"] [data-aos],[data-aos][data-aos][data-aos-delay="300"]{transition-delay:0}[data-aos-delay="300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="300"].aos-animate{transition-delay:.3s}[data-aos-duration="350"] [data-aos],[data-aos][data-aos][data-aos-duration="350"]{transition-duration:.35s}[data-aos-delay="350"] [data-aos],[data-aos][data-aos][data-aos-delay="350"]{transition-delay:0}[data-aos-delay="350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="350"].aos-animate{transition-delay:.35s}[data-aos-duration="400"] [data-aos],[data-aos][data-aos][data-aos-duration="400"]{transition-duration:.4s}[data-aos-delay="400"] [data-aos],[data-aos][data-aos][data-aos-delay="400"]{transition-delay:0}[data-aos-delay="400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="400"].aos-animate{transition-delay:.4s}[data-aos-duration="450"] [data-aos],[data-aos][data-aos][data-aos-duration="450"]{transition-duration:.45s}[data-aos-delay="450"] [data-aos],[data-aos][data-aos][data-aos-delay="450"]{transition-delay:0}[data-aos-delay="450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="450"].aos-animate{transition-delay:.45s}[data-aos-duration="500"] [data-aos],[data-aos][data-aos][data-aos-duration="500"]{transition-duration:.5s}[data-aos-delay="500"] [data-aos],[data-aos][data-aos][data-aos-delay="500"]{transition-delay:0}[data-aos-delay="500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="500"].aos-animate{transition-delay:.5s}[data-aos-duration="550"] [data-aos],[data-aos][data-aos][data-aos-duration="550"]{transition-duration:.55s}[data-aos-delay="550"] [data-aos],[data-aos][data-aos][data-aos-delay="550"]{transition-delay:0}[data-aos-delay="550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="550"].aos-animate{transition-delay:.55s}[data-aos-duration="600"] [data-aos],[data-aos][data-aos][data-aos-duration="600"]{transition-duration:.6s}[data-aos-delay="600"] [data-aos],[data-aos][data-aos][data-aos-delay="600"]{transition-delay:0}[data-aos-delay="600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="600"].aos-animate{transition-delay:.6s}[data-aos-duration="650"] [data-aos],[data-aos][data-aos][data-aos-duration="650"]{transition-duration:.65s}[data-aos-delay="650"] [data-aos],[data-aos][data-aos][data-aos-delay="650"]{transition-delay:0}[data-aos-delay="650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="650"].aos-animate{transition-delay:.65s}[data-aos-duration="700"] [data-aos],[data-aos][data-aos][data-aos-duration="700"]{transition-duration:.7s}[data-aos-delay="700"] [data-aos],[data-aos][data-aos][data-aos-delay="700"]{transition-delay:0}[data-aos-delay="700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="700"].aos-animate{transition-delay:.7s}[data-aos-duration="750"] [data-aos],[data-aos][data-aos][data-aos-duration="750"]{transition-duration:.75s}[data-aos-delay="750"] [data-aos],[data-aos][data-aos][data-aos-delay="750"]{transition-delay:0}[data-aos-delay="750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="750"].aos-animate{transition-delay:.75s}[data-aos-duration="800"] [data-aos],[data-aos][data-aos][data-aos-duration="800"]{transition-duration:.8s}[data-aos-delay="800"] [data-aos],[data-aos][data-aos][data-aos-delay="800"]{transition-delay:0}[data-aos-delay="800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="800"].aos-animate{transition-delay:.8s}[data-aos-duration="850"] [data-aos],[data-aos][data-aos][data-aos-duration="850"]{transition-duration:.85s}[data-aos-delay="850"] [data-aos],[data-aos][data-aos][data-aos-delay="850"]{transition-delay:0}[data-aos-delay="850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="850"].aos-animate{transition-delay:.85s}[data-aos-duration="900"] [data-aos],[data-aos][data-aos][data-aos-duration="900"]{transition-duration:.9s}[data-aos-delay="900"] [data-aos],[data-aos][data-aos][data-aos-delay="900"]{transition-delay:0}[data-aos-delay="900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="900"].aos-animate{transition-delay:.9s}[data-aos-duration="950"] [data-aos],[data-aos][data-aos][data-aos-duration="950"]{transition-duration:.95s}[data-aos-delay="950"] [data-aos],[data-aos][data-aos][data-aos-delay="950"]{transition-delay:0}[data-aos-delay="950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="950"].aos-animate{transition-delay:.95s}[data-aos-duration="1000"] [data-aos],[data-aos][data-aos][data-aos-duration="1000"]{transition-duration:1s}[data-aos-delay="1000"] [data-aos],[data-aos][data-aos][data-aos-delay="1000"]{transition-delay:0}[data-aos-delay="1000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1000"].aos-animate{transition-delay:1s}[data-aos-duration="1050"] [data-aos],[data-aos][data-aos][data-aos-duration="1050"]{transition-duration:1.05s}[data-aos-delay="1050"] [data-aos],[data-aos][data-aos][data-aos-delay="1050"]{transition-delay:0}[data-aos-delay="1050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1050"].aos-animate{transition-delay:1.05s}[data-aos-duration="1100"] [data-aos],[data-aos][data-aos][data-aos-duration="1100"]{transition-duration:1.1s}[data-aos-delay="1100"] [data-aos],[data-aos][data-aos][data-aos-delay="1100"]{transition-delay:0}[data-aos-delay="1100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1100"].aos-animate{transition-delay:1.1s}[data-aos-duration="1150"] [data-aos],[data-aos][data-aos][data-aos-duration="1150"]{transition-duration:1.15s}[data-aos-delay="1150"] [data-aos],[data-aos][data-aos][data-aos-delay="1150"]{transition-delay:0}[data-aos-delay="1150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1150"].aos-animate{transition-delay:1.15s}[data-aos-duration="1200"] [data-aos],[data-aos][data-aos][data-aos-duration="1200"]{transition-duration:1.2s}[data-aos-delay="1200"] [data-aos],[data-aos][data-aos][data-aos-delay="1200"]{transition-delay:0}[data-aos-delay="1200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1200"].aos-animate{transition-delay:1.2s}[data-aos-duration="1250"] [data-aos],[data-aos][data-aos][data-aos-duration="1250"]{transition-duration:1.25s}[data-aos-delay="1250"] [data-aos],[data-aos][data-aos][data-aos-delay="1250"]{transition-delay:0}[data-aos-delay="1250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1250"].aos-animate{transition-delay:1.25s}[data-aos-duration="1300"] [data-aos],[data-aos][data-aos][data-aos-duration="1300"]{transition-duration:1.3s}[data-aos-delay="1300"] [data-aos],[data-aos][data-aos][data-aos-delay="1300"]{transition-delay:0}[data-aos-delay="1300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1300"].aos-animate{transition-delay:1.3s}[data-aos-duration="1350"] [data-aos],[data-aos][data-aos][data-aos-duration="1350"]{transition-duration:1.35s}[data-aos-delay="1350"] [data-aos],[data-aos][data-aos][data-aos-delay="1350"]{transition-delay:0}[data-aos-delay="1350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1350"].aos-animate{transition-delay:1.35s}[data-aos-duration="1400"] [data-aos],[data-aos][data-aos][data-aos-duration="1400"]{transition-duration:1.4s}[data-aos-delay="1400"] [data-aos],[data-aos][data-aos][data-aos-delay="1400"]{transition-delay:0}[data-aos-delay="1400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1400"].aos-animate{transition-delay:1.4s}[data-aos-duration="1450"] [data-aos],[data-aos][data-aos][data-aos-duration="1450"]{transition-duration:1.45s}[data-aos-delay="1450"] [data-aos],[data-aos][data-aos][data-aos-delay="1450"]{transition-delay:0}[data-aos-delay="1450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1450"].aos-animate{transition-delay:1.45s}[data-aos-duration="1500"] [data-aos],[data-aos][data-aos][data-aos-duration="1500"]{transition-duration:1.5s}[data-aos-delay="1500"] [data-aos],[data-aos][data-aos][data-aos-delay="1500"]{transition-delay:0}[data-aos-delay="1500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1500"].aos-animate{transition-delay:1.5s}[data-aos-duration="1550"] [data-aos],[data-aos][data-aos][data-aos-duration="1550"]{transition-duration:1.55s}[data-aos-delay="1550"] [data-aos],[data-aos][data-aos][data-aos-delay="1550"]{transition-delay:0}[data-aos-delay="1550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1550"].aos-animate{transition-delay:1.55s}[data-aos-duration="1600"] [data-aos],[data-aos][data-aos][data-aos-duration="1600"]{transition-duration:1.6s}[data-aos-delay="1600"] [data-aos],[data-aos][data-aos][data-aos-delay="1600"]{transition-delay:0}[data-aos-delay="1600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1600"].aos-animate{transition-delay:1.6s}[data-aos-duration="1650"] [data-aos],[data-aos][data-aos][data-aos-duration="1650"]{transition-duration:1.65s}[data-aos-delay="1650"] [data-aos],[data-aos][data-aos][data-aos-delay="1650"]{transition-delay:0}[data-aos-delay="1650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1650"].aos-animate{transition-delay:1.65s}[data-aos-duration="1700"] [data-aos],[data-aos][data-aos][data-aos-duration="1700"]{transition-duration:1.7s}[data-aos-delay="1700"] [data-aos],[data-aos][data-aos][data-aos-delay="1700"]{transition-delay:0}[data-aos-delay="1700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1700"].aos-animate{transition-delay:1.7s}[data-aos-duration="1750"] [data-aos],[data-aos][data-aos][data-aos-duration="1750"]{transition-duration:1.75s}[data-aos-delay="1750"] [data-aos],[data-aos][data-aos][data-aos-delay="1750"]{transition-delay:0}[data-aos-delay="1750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1750"].aos-animate{transition-delay:1.75s}[data-aos-duration="1800"] [data-aos],[data-aos][data-aos][data-aos-duration="1800"]{transition-duration:1.8s}[data-aos-delay="1800"] [data-aos],[data-aos][data-aos][data-aos-delay="1800"]{transition-delay:0}[data-aos-delay="1800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1800"].aos-animate{transition-delay:1.8s}[data-aos-duration="1850"] [data-aos],[data-aos][data-aos][data-aos-duration="1850"]{transition-duration:1.85s}[data-aos-delay="1850"] [data-aos],[data-aos][data-aos][data-aos-delay="1850"]{transition-delay:0}[data-aos-delay="1850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1850"].aos-animate{transition-delay:1.85s}[data-aos-duration="1900"] [data-aos],[data-aos][data-aos][data-aos-duration="1900"]{transition-duration:1.9s}[data-aos-delay="1900"] [data-aos],[data-aos][data-aos][data-aos-delay="1900"]{transition-delay:0}[data-aos-delay="1900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1900"].aos-animate{transition-delay:1.9s}[data-aos-duration="1950"] [data-aos],[data-aos][data-aos][data-aos-duration="1950"]{transition-duration:1.95s}[data-aos-delay="1950"] [data-aos],[data-aos][data-aos][data-aos-delay="1950"]{transition-delay:0}[data-aos-delay="1950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1950"].aos-animate{transition-delay:1.95s}[data-aos-duration="2000"] [data-aos],[data-aos][data-aos][data-aos-duration="2000"]{transition-duration:2s}[data-aos-delay="2000"] [data-aos],[data-aos][data-aos][data-aos-delay="2000"]{transition-delay:0}[data-aos-delay="2000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2000"].aos-animate{transition-delay:2s}[data-aos-duration="2050"] [data-aos],[data-aos][data-aos][data-aos-duration="2050"]{transition-duration:2.05s}[data-aos-delay="2050"] [data-aos],[data-aos][data-aos][data-aos-delay="2050"]{transition-delay:0}[data-aos-delay="2050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2050"].aos-animate{transition-delay:2.05s}[data-aos-duration="2100"] [data-aos],[data-aos][data-aos][data-aos-duration="2100"]{transition-duration:2.1s}[data-aos-delay="2100"] [data-aos],[data-aos][data-aos][data-aos-delay="2100"]{transition-delay:0}[data-aos-delay="2100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2100"].aos-animate{transition-delay:2.1s}[data-aos-duration="2150"] [data-aos],[data-aos][data-aos][data-aos-duration="2150"]{transition-duration:2.15s}[data-aos-delay="2150"] [data-aos],[data-aos][data-aos][data-aos-delay="2150"]{transition-delay:0}[data-aos-delay="2150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2150"].aos-animate{transition-delay:2.15s}[data-aos-duration="2200"] [data-aos],[data-aos][data-aos][data-aos-duration="2200"]{transition-duration:2.2s}[data-aos-delay="2200"] [data-aos],[data-aos][data-aos][data-aos-delay="2200"]{transition-delay:0}[data-aos-delay="2200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2200"].aos-animate{transition-delay:2.2s}[data-aos-duration="2250"] [data-aos],[data-aos][data-aos][data-aos-duration="2250"]{transition-duration:2.25s}[data-aos-delay="2250"] [data-aos],[data-aos][data-aos][data-aos-delay="2250"]{transition-delay:0}[data-aos-delay="2250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2250"].aos-animate{transition-delay:2.25s}[data-aos-duration="2300"] [data-aos],[data-aos][data-aos][data-aos-duration="2300"]{transition-duration:2.3s}[data-aos-delay="2300"] [data-aos],[data-aos][data-aos][data-aos-delay="2300"]{transition-delay:0}[data-aos-delay="2300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2300"].aos-animate{transition-delay:2.3s}[data-aos-duration="2350"] [data-aos],[data-aos][data-aos][data-aos-duration="2350"]{transition-duration:2.35s}[data-aos-delay="2350"] [data-aos],[data-aos][data-aos][data-aos-delay="2350"]{transition-delay:0}[data-aos-delay="2350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2350"].aos-animate{transition-delay:2.35s}[data-aos-duration="2400"] [data-aos],[data-aos][data-aos][data-aos-duration="2400"]{transition-duration:2.4s}[data-aos-delay="2400"] [data-aos],[data-aos][data-aos][data-aos-delay="2400"]{transition-delay:0}[data-aos-delay="2400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2400"].aos-animate{transition-delay:2.4s}[data-aos-duration="2450"] [data-aos],[data-aos][data-aos][data-aos-duration="2450"]{transition-duration:2.45s}[data-aos-delay="2450"] [data-aos],[data-aos][data-aos][data-aos-delay="2450"]{transition-delay:0}[data-aos-delay="2450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2450"].aos-animate{transition-delay:2.45s}[data-aos-duration="2500"] [data-aos],[data-aos][data-aos][data-aos-duration="2500"]{transition-duration:2.5s}[data-aos-delay="2500"] [data-aos],[data-aos][data-aos][data-aos-delay="2500"]{transition-delay:0}[data-aos-delay="2500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2500"].aos-animate{transition-delay:2.5s}[data-aos-duration="2550"] [data-aos],[data-aos][data-aos][data-aos-duration="2550"]{transition-duration:2.55s}[data-aos-delay="2550"] [data-aos],[data-aos][data-aos][data-aos-delay="2550"]{transition-delay:0}[data-aos-delay="2550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2550"].aos-animate{transition-delay:2.55s}[data-aos-duration="2600"] [data-aos],[data-aos][data-aos][data-aos-duration="2600"]{transition-duration:2.6s}[data-aos-delay="2600"] [data-aos],[data-aos][data-aos][data-aos-delay="2600"]{transition-delay:0}[data-aos-delay="2600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2600"].aos-animate{transition-delay:2.6s}[data-aos-duration="2650"] [data-aos],[data-aos][data-aos][data-aos-duration="2650"]{transition-duration:2.65s}[data-aos-delay="2650"] [data-aos],[data-aos][data-aos][data-aos-delay="2650"]{transition-delay:0}[data-aos-delay="2650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2650"].aos-animate{transition-delay:2.65s}[data-aos-duration="2700"] [data-aos],[data-aos][data-aos][data-aos-duration="2700"]{transition-duration:2.7s}[data-aos-delay="2700"] [data-aos],[data-aos][data-aos][data-aos-delay="2700"]{transition-delay:0}[data-aos-delay="2700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2700"].aos-animate{transition-delay:2.7s}[data-aos-duration="2750"] [data-aos],[data-aos][data-aos][data-aos-duration="2750"]{transition-duration:2.75s}[data-aos-delay="2750"] [data-aos],[data-aos][data-aos][data-aos-delay="2750"]{transition-delay:0}[data-aos-delay="2750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2750"].aos-animate{transition-delay:2.75s}[data-aos-duration="2800"] [data-aos],[data-aos][data-aos][data-aos-duration="2800"]{transition-duration:2.8s}[data-aos-delay="2800"] [data-aos],[data-aos][data-aos][data-aos-delay="2800"]{transition-delay:0}[data-aos-delay="2800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2800"].aos-animate{transition-delay:2.8s}[data-aos-duration="2850"] [data-aos],[data-aos][data-aos][data-aos-duration="2850"]{transition-duration:2.85s}[data-aos-delay="2850"] [data-aos],[data-aos][data-aos][data-aos-delay="2850"]{transition-delay:0}[data-aos-delay="2850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2850"].aos-animate{transition-delay:2.85s}[data-aos-duration="2900"] [data-aos],[data-aos][data-aos][data-aos-duration="2900"]{transition-duration:2.9s}[data-aos-delay="2900"] [data-aos],[data-aos][data-aos][data-aos-delay="2900"]{transition-delay:0}[data-aos-delay="2900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2900"].aos-animate{transition-delay:2.9s}[data-aos-duration="2950"] [data-aos],[data-aos][data-aos][data-aos-duration="2950"]{transition-duration:2.95s}[data-aos-delay="2950"] [data-aos],[data-aos][data-aos][data-aos-delay="2950"]{transition-delay:0}[data-aos-delay="2950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2950"].aos-animate{transition-delay:2.95s}[data-aos-duration="3000"] [data-aos],[data-aos][data-aos][data-aos-duration="3000"]{transition-duration:3s}[data-aos-delay="3000"] [data-aos],[data-aos][data-aos][data-aos-delay="3000"]{transition-delay:0}[data-aos-delay="3000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="3000"].aos-animate{transition-delay:3s}[data-aos-easing=linear] [data-aos],[data-aos][data-aos][data-aos-easing=linear]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos-easing=ease] [data-aos],[data-aos][data-aos][data-aos-easing=ease]{transition-timing-function:ease}[data-aos-easing=ease-in] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in]{transition-timing-function:ease-in}[data-aos-easing=ease-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out]{transition-timing-function:ease-out}[data-aos-easing=ease-in-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-aos-easing=ease-in-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos-easing=ease-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,10.275)}[data-aos-easing=ease-in-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,10.55)}[data-aos-easing=ease-in-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos-easing=ease-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos-easing=ease-in-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos-easing=ease-in-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos-easing=ease-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos-easing=ease-in-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos-easing=ease-in-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos-easing=ease-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos-easing=ease-in-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos-easing=ease-in-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos-easing=ease-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos-easing=ease-in-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]:not(.no-aos-animation){opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade]:not(.no-aos-animation).aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]:not(.no-aos-animation){transform:translate3d(0,100px,0)}[data-aos=fade-down]:not(.no-aos-animation){transform:translate3d(0,-100px,0)}.glide{position:relative;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{height:100%;overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slide,.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{-webkit-user-drag:none}.glide__arrows,.glide__bullets,.glide__slide a{-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none}.glide--rtl{direction:rtl} \ No newline at end of file +@charset "UTF-8";/*! sanitize.css v7.0.2 | CC0 License | github.com/csstools/sanitize.css */*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Oxygen,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled],[disabled]{cursor:disabled}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}:root,[data-theme=light]{--background-color:#fff;--primary-foreground-color:#4a4a4a;--secondary-foreground-color:#000;--primary-subtle-color:#0470ee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#133467;--primary-border-color:#9b9b9b;--secondary-border-color:#f0f8ff;--article-shadow-normal:0 10px 10px rgba(0,0,0,0.08);--article-shadow-hover:0 4px 60px 0 rgba(0,0,0,0.2);--transparent-background-color:hsla(0,0%,100%,0.99);--footer-background-color:#133467;--submenu-shadow-color-opacity:0.25;--button-shadow-color-normal:hsla(0,0%,42.4%,0.2);--button-shadow-color-hover:hsla(0,0%,42.4%,0.3);--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2;--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none;--toggle-darkmode-background-color:rgba(0,0,0,0.05);--header-menu-gradient-first-color:hsla(0,0%,100%,0);--header-menu-gradient-second-color:#fff;--kg-card-img-invert-color:0}[data-theme=dark]{--background-color:#111;--primary-foreground-color:#ccc;--secondary-foreground-color:#fff;--primary-subtle-color:#2c2fe6;--secondary-subtle-color:#141920;--titles-color:#b4b4b4;--link-color:#b6b7f6;--primary-border-color:#1d1d1d;--secondary-border-color:#0f0f0f;--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,0.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,0.1);--transparent-background-color:rgba(0,0,0,0.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:rgba(10,10,10,0.5);--button-shadow-color-hover:rgba(10,10,10,0.5);--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d;--toggle-darkmode-button-display-moon:none;--toggle-darkmode-button-display-sun:block;--toggle-darkmode-background-color:rgba(0,0,0,0.5);--header-menu-gradient-first-color:rgba(17,17,17,0);--header-menu-gradient-second-color:rgba(17,17,17,0.65);--kg-card-img-invert-color:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background-color:#111;--primary-foreground-color:#ccc;--secondary-foreground-color:#fff;--primary-subtle-color:#2c2fe6;--secondary-subtle-color:#141920;--titles-color:#b4b4b4;--link-color:#b6b7f6;--primary-border-color:#1d1d1d;--secondary-border-color:#0f0f0f;--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,0.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,0.1);--transparent-background-color:rgba(0,0,0,0.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:rgba(10,10,10,0.5);--button-shadow-color-hover:rgba(10,10,10,0.5);--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d;--toggle-darkmode-button-display-moon:none;--toggle-darkmode-button-display-sun:block;--toggle-darkmode-background-color:rgba(0,0,0,0.5);--header-menu-gradient-first-color:rgba(17,17,17,0);--header-menu-gradient-second-color:rgba(17,17,17,0.65);--kg-card-img-invert-color:1}}.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}.focusable:focus,.m-button:focus,.m-icon-button:focus,.m-toggle-darkmode input:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered,.m-hero,.m-icon-button{display:flex;align-items:center;justify-content:center}.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-moon:before{content:"\E90F"}.icon-sunny:before{content:"\E910"}.icon-chevron-down:before{content:"\E900"}.icon-star:before{content:"\E901"}.icon-arrow-left:before{content:"\E902"}.icon-arrow-right:before{content:"\E903"}.icon-arrow-top:before{content:"\E904"}.icon-close:before{content:"\E905"}.icon-comments:before{content:"\E906"}.icon-facebook:before{content:"\E907"}.icon-globe:before{content:"\E908"}.icon-menu:before{content:"\E909"}.icon-more:before{content:"\E90A"}.icon-search:before{content:"\E90B"}.icon-twitter:before{content:"\E90C"}.icon-imdb:before{content:"\E90D"}.icon-vk:before{content:"\E90E"}.icon-steam:before{content:"\E914"}.icon-twitch:before{content:"\E915"}.icon-youtube:before{content:"\E916"}.icon-vimeo:before{content:"\E917"}.icon-whatsapp:before{content:"\E918"}.icon-reddit:before{content:"\E919"}.icon-rss:before{content:"\E91A"}.icon-spotify:before{content:"\E91B"}.icon-telegram:before{content:"\E91C"}.icon-soundcloud:before{content:"\E91D"}.icon-flickr:before{content:"\E91E"}.icon-letterboxd:before{content:"\E91F"}.icon-odnoklassniki:before{content:"\E920"}.icon-pinterest:before{content:"\E921"}.icon-tiktok:before{content:"\E922"}.icon-tumblr:before{content:"\E923"}.icon-xing:before{content:"\E924"}.icon-mixcloud:before{content:"\E925"}.icon-mixer:before{content:"\E926"}.icon-wechat:before{content:"\E927"}.icon-deviantart:before{content:"\E928"}.icon-discord:before{content:"\E929"}.icon-instagram:before{content:"\E92A"}.icon-linkedin:before{content:"\E92B"}.icon-snapchat:before{content:"\E92C"}.icon-gitlab:before{content:"\E92D"}.icon-github:before{content:"\E930"}.icon-behance:before{content:"\E951"}body{display:flex;flex-direction:column;width:100%;min-height:100vh;color:var(--primary-foreground-color);font-size:1rem;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;font-display:swap;overflow-x:hidden;background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.share-menu-displayed{padding-bottom:45px}@media only screen and (min-width:48rem){body.share-menu-displayed{padding-bottom:0}}.main-wrap{display:flex;flex-direction:column;flex-grow:1}p{line-height:1.5;margin:0}a{color:inherit;text-decoration:none}fieldset{padding:0;margin:0;border:0;position:relative}.tippy-popper *{text-align:left!important}.medium-zoom-overlay{background-color:var(--background-color)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}.l-wrapper{position:relative;width:100%;margin:0 auto;padding:0 20px}@media only screen and (min-width:48rem){.l-wrapper{max-width:1200px}}@media only screen and (min-width:80rem){.l-wrapper{padding:0}}.l-wrapper.in-submenu{padding:0}@media only screen and (min-width:48rem){.l-wrapper.in-submenu{padding:0 20px}}@media only screen and (min-width:80rem){.l-wrapper.in-submenu{padding:0}}@media only screen and (min-width:48rem){.l-wrapper.in-post{max-width:960px}}@media only screen and (min-width:48rem){.l-wrapper.in-comments{max-width:820px}}@media only screen and (min-width:64rem){.l-wrapper.in-recommended{padding:0;max-width:calc(100% - 60px)}}@media only screen and (min-width:90rem){.l-wrapper.in-recommended{max-width:1200px}}.l-wrapper.in-post.no-image{padding-top:40px}@media only screen and (min-width:48rem){.l-wrapper.in-post.no-image{padding-top:80px}}.l-wrapper.in-caption{padding-top:10px}.l-content{padding:40px 0 20px}@media only screen and (min-width:48rem){.l-content{padding:60px 0 40px}}.m-button{display:inline-block;color:#333;text-align:center;letter-spacing:.2px;line-height:1;font-size:1rem;font-weight:600;border-radius:5px;padding:13px 25px;cursor:pointer;outline:0;border:0;position:relative;background-color:transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-button.outlined{color:var(--titles-color);border:1px solid var(--primary-foreground-color)}.m-button.filled,.m-button.primary{box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent}.m-button.filled:hover,.m-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-button.filled{border-radius:5px;background-color:#fff}.m-button.block{display:block;width:100%}.m-button.primary{color:#fff;background-color:var(--primary-subtle-color)}.m-button.loading{cursor:default;overflow:hidden}.m-button.loading:after{content:"";position:absolute;left:0;bottom:0;width:25%;height:2px;background-color:#fff;-webkit-animation:loading 1s infinite;animation:loading 1s infinite}@-webkit-keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.m-icon-button{color:var(--titles-color);font-size:1.125rem;border:0;outline:0;padding:0;cursor:pointer;border-radius:50%;background-color:transparent}.m-icon-button.outlined{border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-icon-button.filled:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-icon-button:disabled{cursor:default;opacity:.5}.m-icon-button.in-mobile-topbar{width:50px;height:50px}.m-icon-button.as-close-menu{position:absolute;top:20px;right:20px;width:32px;height:32px;font-size:.625rem;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-menu{display:none!important}}.m-icon-button.as-close-search{position:absolute;top:20px;right:20px;width:32px;height:32px;font-size:.625rem;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-search{top:30px;right:30px;width:42px;height:42px;font-size:.875rem}}@media only screen and (min-width:80rem){.m-icon-button.as-close-search{top:40px;right:40px;width:50px;height:50px}}.m-icon-button.in-menu-main{display:none}@media only screen and (min-width:48rem){.m-icon-button.in-menu-main{display:flex;width:32px;height:32px}}.m-icon-button.more{font-size:1.25rem;z-index:6;position:relative}.m-icon-button.more.active{color:var(--primary-subtle-color)}.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{width:40px;height:40px;font-size:.625rem}@media only screen and (min-width:48rem){.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{width:46px;height:46px;font-size:.688rem}}.m-icon-button.in-pagination-left{margin-right:30px}.m-icon-button.in-pagination-right{margin-left:30px}.m-icon-button.in-featured-articles{position:absolute;color:#fff;font-size:.875rem;width:40px;height:40px;bottom:5px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles{bottom:26px}}.m-icon-button.in-featured-articles.glide-prev{right:56px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.glide-prev{right:76px}}.m-icon-button.in-featured-articles.glide-next{right:16px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.glide-next{right:36px}}.m-icon-button.in-recommended-articles{position:absolute;font-size:.625rem;width:40px;height:40px;top:200px;z-index:2;transform:translateY(-50%)}@media only screen and (min-width:64rem){.m-icon-button.in-recommended-articles{display:none}}.m-icon-button.in-recommended-articles.glide-prev{left:0}.m-icon-button.in-recommended-articles.glide-next{right:0}.m-icon-button.as-load-comments{position:relative;width:60px;height:60px;font-size:1.25rem;margin:0 auto;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-load-comments{width:80px;height:80px;font-size:1.625rem}}.m-icon-button.in-share{color:var(--titles-color);font-size:.75rem;text-decoration:none;width:31px;height:31px;margin:0 25px}@media only screen and (min-width:64rem){.m-icon-button.in-share{font-size:.875rem;width:40px;height:40px;margin:0 0 20px}}@media only screen and (min-width:80rem){.m-icon-button.in-share{font-size:1rem;width:50px;height:50px}}.m-icon-button.progress{position:relative}.m-icon-button.progress svg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.m-icon-button.progress svg circle{stroke:var(--primary-subtle-color);transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dashoffset .2s}.rtl .m-icon-button.in-featured-articles.glide-prev{right:auto;left:16px}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.glide-prev{right:auto;left:36px}}.rtl .m-icon-button.in-featured-articles.glide-next{right:auto;left:52px}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.glide-next{right:auto;left:72px}}.rtl .m-icon-button.in-recommended-articles.glide-prev{left:auto;right:0;transform:rotate(180deg)}.rtl .m-icon-button.in-recommended-articles.glide-next{right:auto;left:0;transform:rotate(180deg)}.m-input{color:var(--primary-foreground-color);letter-spacing:.2px;line-height:1.3;font-size:1rem;width:100%;border-radius:5px;padding:11px 15px;border:1px solid var(--primary-border-color);outline:0;background-color:var(--background-color)}.m-input:focus{border-color:var(--primary-subtle-color)}.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.m-input.in-subscribe-section{margin-bottom:15px}.m-section-title{color:var(--primary-foreground-color);text-align:center;letter-spacing:.3px;line-height:1.3;font-weight:400;font-size:1.25rem;margin:0 0 30px}@media only screen and (min-width:48rem){.m-section-title{font-size:1.5rem;margin-bottom:40px}}.m-section-title.in-recommended{margin-bottom:0!important}.m-small-text{color:var(--titles-color);font-size:.875rem}.m-small-text.in-subscribe-page{padding-top:30px;font-weight:600}.m-small-text.in-author-along-with{margin-bottom:20px}.m-small-text.in-author-along-with a{text-decoration:underline}.m-not-found{color:var(--primary-foreground-color);line-height:1.3;font-size:.875rem;font-weight:600}.m-not-found.in-recent-articles{margin-left:20px}@media only screen and (min-width:48rem){.m-not-found.in-recent-articles{margin-left:0}}.m-header{position:fixed;top:0;left:0;width:100%;z-index:4;background-color:var(--background-color);will-change:transform;transition:transform .4s cubic-bezier(.165,.84,.44,1)}@media only screen and (min-width:48rem){.m-header{padding:15px 0}}.m-header.mobile-menu-opened{height:100%}@media only screen and (min-width:48rem){.m-header.mobile-menu-opened{height:auto}}.m-header.headroom--pinned{box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;transform:translateY(0)}.m-header.headroom--pinned .m-header__shadow{display:none}.m-header.headroom--unpinned{transform:translateY(-100%)}.m-header.submenu-is-active{background-color:var(--background-color)}.m-header.submenu-is-active .m-header__shadow{display:none}.m-header.with-picture{background-color:var(--background-color)}.m-mobile-topbar{display:flex;align-items:center;justify-content:space-between;height:50px;position:relative;z-index:2}@media only screen and (min-width:48rem){.m-mobile-topbar{display:none!important}}.m-logo{display:inline-block;height:25px}.m-logo img{width:auto;max-width:150px;height:100%;-o-object-fit:contain;object-fit:contain}.m-logo img.m-logo__image-light{display:var(--toggle-darkmode-button-display-moon)}.m-logo img.m-logo__image-dark{display:var(--toggle-darkmode-button-display-sun)}.m-logo.in-mobile-topbar{height:20px;margin:0 20px}.m-site-name.in-mobile-topbar{color:var(--titles-color);font-weight:600}.m-site-name.in-desktop-menu{font-weight:700}@media only screen and (min-width:48rem){.m-nav{display:flex;align-items:center;justify-content:space-between;height:37px;overflow-y:hidden}}@media only screen and (min-width:90rem){.m-nav{margin:0 -5px}}@media only screen and (min-width:48rem){.m-nav.toggle-overflow{overflow-y:initial}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{display:flex;flex:1 1 auto;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:40px;padding-bottom:40px;padding-left:5px;margin-bottom:0;-webkit-overflow-scrolling:touch}}@media only screen and (min-width:48rem){.m-nav__left.toggle-overflow{overflow-x:hidden}}.m-nav__left ul:not(.m-secondary-menu){padding:0;margin:0}@media only screen and (min-width:48rem){.m-nav__left ul:not(.m-secondary-menu){display:flex;align-items:center}}.m-nav__left li{color:var(--titles-color);letter-spacing:.3px;font-size:1.125rem;margin-bottom:15px}@media only screen and (min-width:48rem){.m-nav__left li{margin-bottom:0;margin-right:35px;position:relative}}.m-nav__left li:last-of-type{margin-bottom:0}.m-nav__left li.nav-current{font-weight:600}.m-nav__left li a{color:inherit}.m-nav__left li.more a{display:inline-flex;align-items:center}@media only screen and (min-width:48rem){.m-nav__left li.more a{display:flex}}.m-nav__left li.more a span{display:inline-block;color:inherit;font-size:1rem;margin-left:8px;transform:translateY(1px)}@media only screen and (min-width:48rem){.m-nav__left li.submenu-option{z-index:2}}.m-nav__right{display:flex;align-items:center;justify-content:flex-end}@media only screen and (min-width:48rem){.m-nav__right{flex-shrink:0;position:relative;padding-left:20px;padding-right:5px}}@media only screen and (min-width:48rem){.m-nav__right:before{content:"";position:absolute;pointer-events:none;top:0;left:-20px;width:20px;height:100%;z-index:2;background:linear-gradient(90deg,var(--header-menu-gradient-first-color),var(--header-menu-gradient-second-color))}}@media only screen and (min-width:48rem){.rtl .m-nav__left{padding-left:0;padding-right:5px}}@media only screen and (min-width:48rem){.rtl .m-nav__left li{margin-right:0;margin-left:35px}}@media only screen and (min-width:48rem){.rtl .m-nav__right{padding-left:5px;padding-right:20px}}@media only screen and (min-width:48rem){.rtl .m-nav__right:before{left:auto;right:-20px;transform:rotate(180deg)}}.m-menu{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;overflow-y:auto;z-index:2;background-color:var(--background-color);-webkit-overflow-scrolling:touch;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1)}.m-menu.opened{visibility:visible;opacity:1;z-index:10;transform:scale(1)}@media only screen and (min-width:48rem){.m-menu{visibility:visible!important;position:relative;top:auto;left:auto;height:auto;opacity:1!important;overflow:initial;background-color:transparent;transform:translateZ(0)!important}}.m-menu__main{padding:50px 0 5px;min-height:100%}@media only screen and (min-width:48rem){.m-menu__main{padding:0;min-height:0}}.rtl .m-menu__main{padding-top:75px}@media only screen and (min-width:48rem){.rtl .m-menu__main{padding:0}}.m-secondary-menu{padding:0;margin:0;list-style-type:none}.m-secondary-menu li{font-size:1rem}@media only screen and (min-width:48rem){.m-secondary-menu li{margin-left:0;margin-right:0}}.m-secondary-menu li.nav-current a{font-weight:600}.m-secondary-menu li a{display:block;padding:6px 10px;border-radius:4px;transition:background-color .1s linear}@media only screen and (min-width:48rem){.m-secondary-menu li a{padding:8px 10px}}.m-secondary-menu li a:hover{background-color:rgba(0,0,0,.1)}.rtl .m-secondary-menu .li,.rtl .m-secondary-menu .li a{text-align:right!important}.m-submenu{padding-top:25px}@media only screen and (min-width:48rem){.m-submenu{visibility:hidden;position:fixed;top:45px;left:0;width:100%;padding:30px 0 20px;background-color:var(--background-color);border-top:1px solid var(--secondary-border-color);z-index:5;box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent}}@media only screen and (min-width:80rem){.m-submenu{padding:32px 0 23px}}@media only screen and (min-width:48rem){.m-submenu.opened{visibility:visible;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:openSubmenuAnimation .3s both;animation:openSubmenuAnimation .3s both}@-webkit-keyframes openSubmenuAnimation{0%{opacity:0;transform:translate3d(0,-5%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes openSubmenuAnimation{0%{opacity:0;transform:translate3d(0,-5%,0)}to{opacity:1;transform:translateZ(0)}}}@media only screen and (min-width:48rem){.m-submenu.closed{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:closeSubmenuAnimation .3s both;animation:closeSubmenuAnimation .3s both}@-webkit-keyframes closeSubmenuAnimation{0%{visibility:visible;opacity:1;transform:translateZ(0)}to{visibility:hidden;opacity:0;transform:translate3d(0,-2.5%,0)}}@keyframes closeSubmenuAnimation{0%{visibility:visible;opacity:1;transform:translateZ(0)}to{visibility:hidden;opacity:0;transform:translate3d(0,-2.5%,0)}}}@media only screen and (min-width:48rem){:root .m-submenu,_:-ms-fullscreen{top:65px}}.m-submenu-title{letter-spacing:.3px;line-height:1.3;font-size:1.125rem;font-weight:400;margin:0 0 25px}.m-submenu-title.in-recent-articles{padding:0 20px}@media only screen and (min-width:48rem){.m-submenu-title.in-recent-articles{padding:0}}.rtl .m-submenu-title{direction:rtl}.m-recent-articles{margin:0 -20px 40px;overflow:hidden}@media only screen and (min-width:48rem){.m-recent-articles{margin:0 0 40px}}.m-recent-articles ul{cursor:-webkit-grab;cursor:grab}.m-recent-article{display:block;width:230px;margin:0 20px}@media only screen and (min-width:48rem){.m-recent-article{margin:0 60px 0 0}}.m-recent-article:hover .m-recent-article__picture img{transform:scale(1.1)}@media only screen and (min-width:48rem){.rtl .m-recent-article{margin:0 0 0 60px}}.m-recent-article__picture{height:130px;position:relative;margin-bottom:15px;border-radius:5px;background-color:var(--secondary-subtle-color);overflow:hidden}.m-recent-article__picture.no-picture img{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px}.m-recent-article__picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.m-recent-article__title{color:var(--titles-color);letter-spacing:.2px;line-height:1.438rem;font-size:1rem;font-weight:400;margin:0 0 10px}@media only screen and (min-width:48rem){.m-recent-article__title{letter-spacing:.25px;font-size:1.125rem}}.m-recent-article__date{color:var(--titles-color);letter-spacing:.15px;font-size:.813rem}.m-tags.in-post{padding-top:25px}.m-tags.in-post ul{padding:0;list-style-type:none}.m-tags.in-post a{text-decoration:none}.m-tags ul{display:flex;flex-wrap:wrap}.m-tags li{letter-spacing:.2px;font-size:.875rem;font-weight:600;margin-right:30px;margin-bottom:10px!important}.m-tags li:last-of-type{margin-right:0}.m-tags li a{color:var(--link-color)!important}.m-toggle-darkmode{position:fixed;right:20px;bottom:45px;width:28px;height:28px;border-radius:50%;overflow:hidden;z-index:2}@media only screen and (min-width:48rem){.m-toggle-darkmode{position:relative;right:auto;bottom:auto;margin-left:20px;z-index:auto}}.m-toggle-darkmode input{position:absolute;top:0;left:0;width:100%;height:100%;outline:0;border:0;opacity:0;cursor:pointer;z-index:2}.m-toggle-darkmode input::-moz-focus-inner{border:0}.m-toggle-darkmode div{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:var(--toggle-darkmode-background-color);z-index:1}.m-toggle-darkmode span{color:var(--titles-color);font-size:.9375rem}.m-toggle-darkmode span.moon{display:var(--toggle-darkmode-button-display-moon)}.m-toggle-darkmode span.sun{display:var(--toggle-darkmode-button-display-sun)}:root .m-toggle-darkmode,_:-ms-fullscreen{display:none}.m-hero{position:relative;flex-direction:column;min-height:365px;overflow:hidden;padding:100px 0 75px;background-color:var(--secondary-subtle-color)}@media only screen and (min-width:48rem){.m-hero{min-height:400px;padding:150px 0 75px}}.m-hero.with-picture{color:#fff;background-color:#000}@media only screen and (min-width:48rem){.m-hero.with-picture{min-height:450px}}@media only screen and (min-width:80rem){.m-hero.with-picture{min-height:565px}}.m-hero.with-picture .m-hero-title{color:#fff}.m-hero.no-picture.in-post{display:none}.m-hero__picture{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.7}.m-hero__picture.in-post{opacity:1}.m-hero__picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.m-hero__content{position:relative;text-align:center;padding:0 20px;z-index:2}@media only screen and (min-width:48rem){.m-hero__content{max-width:700px}}@media only screen and (min-width:80rem){.m-hero__content{padding:0}}.m-hero__meta{margin:0 auto}@media only screen and (min-width:48rem){.m-hero__meta{display:flex;align-items:center;justify-content:center}}.rtl .m-hero__meta{direction:ltr}.m-hero-avatar{width:80px;height:80px;margin:0 auto 25px;border-radius:50%;background-color:#5c697c;background-repeat:no-repeat;background-position:50%;background-size:cover;box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent}@media only screen and (min-width:48rem){.m-hero-avatar{width:100px;height:100px}}.m-hero-title{color:var(--titles-color);letter-spacing:.4px;line-height:1.3;font-size:1.75rem;font-weight:700;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-title{letter-spacing:.5px;font-size:2.25rem}}.m-hero-title.bigger{letter-spacing:.5px;font-size:2rem}@media only screen and (min-width:48rem){.m-hero-title.bigger{letter-spacing:.8px;font-size:3.25rem;margin-bottom:10px}}.m-hero-description{letter-spacing:.2px;line-height:1.5;font-size:.938rem;margin-bottom:20px}@media only screen and (min-width:48rem){.m-hero-description{font-size:1.125rem}}.m-hero-description.bigger{line-height:1.3;font-size:1.125rem;margin-bottom:25px}@media only screen and (min-width:48rem){.m-hero-description.bigger{font-size:1.375rem}}.m-hero-description.with-picture{color:#fff}.m-hero-social{text-align:center;list-style-type:none;padding:0;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-social{margin-right:7px;margin-bottom:0}}.m-hero-social.with-picture{color:#fff}.m-hero-social li{display:inline-block;margin:0 11px}.m-hero-social li a{color:inherit;font-size:.938rem}.m-hero-social li a span{color:inherit}.rtl .m-hero-social{direction:ltr}.m-hero-stats{text-align:center;list-style-type:none;padding:0;margin:0}@media only screen and (min-width:48rem){.m-hero-stats{margin-left:7px}}.m-hero-stats.with-picture{color:#fff}.m-hero-stats li{display:inline-block;color:inherit;letter-spacing:.2px;font-size:.813rem;margin:0 4px}@media only screen and (min-width:48rem){.m-hero-stats li{letter-spacing:.3px;font-size:1rem}}.m-heading{text-align:center;margin:0 auto 40px}@media only screen and (min-width:48rem){.m-heading{margin-bottom:60px}}@media only screen and (min-width:48rem){.m-heading.in-subscribe-page{margin-bottom:50px}}.m-heading.no-margin{margin-bottom:0!important}.m-heading__title{color:var(--titles-color);letter-spacing:.4px;line-height:1.3;font-size:1.75rem;margin:0 0 10px}@media only screen and (min-width:48rem){.m-heading__title{letter-spacing:.5px;font-size:2.25rem;margin-bottom:15px}}.m-heading__title.in-post{letter-spacing:.5px;font-size:2rem;margin-bottom:15px}@media only screen and (min-width:48rem){.m-heading__title.in-post{letter-spacing:.7px;font-size:2.625rem;margin-bottom:20px}}.m-heading__title.in-page{margin:0}.m-heading__description{letter-spacing:.2px;line-height:1.3;font-size:.938rem;margin:0 auto}@media only screen and (min-width:48rem){.m-heading__description{font-size:1.125rem}}@media only screen and (min-width:48rem){.m-heading__description.in-subscribe-page{max-width:420px;font-size:1rem}}.m-heading__description.in-newsletter-form{font-size:.875rem;max-width:80%}@media only screen and (min-width:48rem){.m-heading__description.in-newsletter-form{max-width:420px}}.m-heading__meta{display:flex;align-items:center;justify-content:center;letter-spacing:.2px;font-size:.875rem;font-weight:600}@media only screen and (min-width:48rem){.m-heading__meta{font-size:1rem}}.m-heading__meta__tag,.m-heading__meta__time{color:var(--link-color)!important}.m-heading__meta__tag{text-decoration:none!important}.m-heading__meta__divider{display:inline-block;color:var(--primary-border-color);margin:0 10px}.m-article-card{display:flex;flex-direction:column;position:relative;margin-bottom:20px;height:400px;background-color:var(--background-color);border-radius:10px;border:1px solid var(--secondary-border-color);z-index:1;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-article-card:hover{transform:translateY(-5px)}.m-article-card:hover:before{box-shadow:var(--article-shadow-hover),0 0 0 transparent}.m-article-card:hover .m-article-card__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}@media only screen and (min-width:48rem){.m-article-card{width:calc(50% - 20px);height:420px;margin-left:10px;margin-right:10px;margin-bottom:20px}}@media only screen and (min-width:64rem){.m-article-card{width:calc(33.33333% - 40px);margin-left:20px;margin-right:20px;margin-bottom:40px}}.m-article-card.no-picture .m-article-card__picture{height:85px!important}.m-article-card.no-picture .m-article-card__info{background-color:var(--secondary-subtle-color)}.m-article-card.no-picture .m-article-card__title{line-height:1.4;font-size:1.625rem}.m-article-card.as-author .m-article-card__picture{background-color:#000}.m-article-card.as-author .m-article-card__picture-link{z-index:2}.m-article-card.as-author .m-article-card__picture-background{opacity:.75}.m-article-card.as-author .m-article-card__info{padding:0}.m-article-card.as-author .m-article-card__info-link{padding:20px 20px 60px}.m-article-card:before{content:"";position:absolute;top:10px;right:10px;bottom:0;left:10px;border-radius:10px;box-shadow:var(--article-shadow-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-article-card__picture{position:relative;height:200px;border-radius:10px 10px 0 0;background-color:var(--secondary-subtle-color);overflow:hidden;transform:translateZ(0)}@media only screen and (min-width:48rem){.m-article-card__picture{height:220px}}.m-article-card__picture-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.m-article-card__picture-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.m-article-card__name{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;letter-spacing:.4px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0;z-index:1}@media only screen and (min-width:48rem){.m-article-card__name{left:25px;bottom:25px}}.m-article-card__author{position:absolute;top:20px;left:20px;width:35px;height:35px;border-radius:50%;z-index:2;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-article-card__author{top:25px;left:25px}}.m-article-card__author div{width:100%;height:100%;border-radius:50%;border:2px solid #fff;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:cover}.m-article-card__featured{display:flex;align-items:center;justify-content:center;position:absolute;top:26px;right:20px;width:24px;height:24px;color:#000;background-color:#fff;border-radius:50%;z-index:2}@media only screen and (min-width:48rem){.m-article-card__featured{top:31px;right:25px}}.m-article-card__featured span{color:inherit;font-size:.75rem}.m-article-card__info{flex:1;position:relative;padding-top:48px;height:200px;overflow:hidden;border-radius:0 0 10px 10px;background-color:var(--background-color)}@media only screen and (min-width:48rem){.m-article-card__info{padding-top:53px}}.m-article-card__info.no-tag{padding-top:0!important}.m-article-card__info.no-tag .m-article-card__info-link{padding-top:48px}@media only screen and (min-width:48rem){.m-article-card__info.no-tag .m-article-card__info-link{padding-top:53px}}.m-article-card__tag{position:absolute;top:20px;left:20px;right:20px;color:var(--link-color);letter-spacing:.2px;line-height:1.3;font-size:.875rem;font-weight:600}@media only screen and (min-width:48rem){.m-article-card__tag{top:25px;left:25px}}.m-article-card__info-link{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:0 20px 20px}@media only screen and (min-width:48rem){.m-article-card__info-link{padding:0 25px 25px}}.m-article-card__title{color:var(--titles-color);letter-spacing:.4px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0}.m-article-card__excerpt{display:block;position:relative;overflow:hidden;height:100%;color:var(--titles-color);letter-spacing:.3px;line-height:1.5;font-size:1rem}.m-article-card__author-stats,.m-article-card__timestamp{display:flex;align-items:center;color:var(--titles-color);letter-spacing:.2px;font-size:.875rem}.m-article-card__author-stats span:nth-child(2),.m-article-card__timestamp span:nth-child(2){padding:0 10px}.m-article-card__author-stats{position:absolute;left:20px;right:20px;bottom:20px;justify-content:space-between}.m-article-card__author-stats span{padding:0!important}.m-article-card__social{display:flex;align-items:center;justify-content:flex-end;padding:0;margin:0}.m-article-card__social li{display:inline-block;margin-left:22px}.m-article-card__social li a{color:var(--primary-foreground-color);font-size:.938rem}.m-article-card__social li a span{color:inherit}.rtl .m-article-card__social{direction:ltr}.m-search{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;overflow-y:auto;z-index:2;background-color:var(--transparent-background-color);-webkit-overflow-scrolling:touch;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1)}.m-search.opened{visibility:visible;opacity:1;z-index:10;transform:scale(1)}.m-search__content{padding:80px 20px 40px;margin:0 auto}@media only screen and (min-width:48rem){.m-search__content{padding-top:100px;padding-bottom:50px;max-width:700px}}@media only screen and (min-width:80rem){.m-search__content{padding-left:0;padding-right:0}}@media only screen and (min-width:90rem){.m-search__content{max-width:800px}}.m-search__form{margin-bottom:30px}@media only screen and (min-width:48rem){.m-search__form{max-width:500px;margin:0 auto 45px}}.m-search-icon{position:absolute;top:50%;left:15px;color:#9b9b9b;font-size:1rem;font-weight:500;pointer-events:none;transform:translateY(-45%)}@media only screen and (min-width:48rem){.m-search-icon{font-size:1.25em;left:25px}}.m-result{border-bottom:1px solid var(--primary-border-color)}.m-result.last{border-bottom:0}.m-result__link{display:block;width:100%;height:100%;padding:10px 0}@media only screen and (min-width:48rem){.m-result__link{padding:15px 0}}.m-result__title{color:var(--primary-foreground-color);letter-spacing:.3px;line-height:1.4;font-size:1rem;font-weight:400;margin:0 0 5px}@media only screen and (min-width:48rem){.m-result__title{letter-spacing:.4px;font-size:1.25rem;margin-bottom:10px}}@media only screen and (min-width:80rem){.m-result__title{font-size:1.375rem}}.m-result__date{color:var(--titles-color);letter-spacing:.2px;font-size:.813rem}@media only screen and (min-width:48rem){.m-result__date{letter-spacing:.3px;font-size:.938rem}}.m-footer{flex-shrink:0;background-color:var(--footer-background-color)}.m-footer__content{color:#fff;text-align:center;padding:50px 20px}@media only screen and (min-width:48rem){.m-footer__content{padding:75px 0;max-width:680px;margin:0 auto}}.m-footer__nav-secondary{margin-bottom:25px}.m-footer__nav-secondary .m-secondary-menu{display:flex;justify-content:center;flex-wrap:wrap}@media only screen and (min-width:48rem){.m-footer__nav-secondary .m-secondary-menu li{margin:0 5px}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.7;margin-bottom:20px}.m-footer-copyright span{display:block}@media only screen and (min-width:48rem){.m-footer-copyright span{display:inline}}.m-footer-copyright span:nth-child(2){display:none}@media only screen and (min-width:48rem){.m-footer-copyright span:nth-child(2){display:inline}}.m-footer-copyright a{text-decoration:underline}.m-footer-copyright.jslicense{opacity:.7;margin-bottom:0}.m-footer-social{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.m-footer-social a{display:inline-block;color:#fff;margin:0 15px}.m-footer-social a span{color:inherit;font-size:1rem}.rtl .m-footer-social{direction:ltr}[data-aos-duration="50"] [data-aos],[data-aos][data-aos][data-aos-duration="50"]{transition-duration:50ms}[data-aos-delay="50"] [data-aos],[data-aos][data-aos][data-aos-delay="50"]{transition-delay:0}[data-aos-delay="50"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="50"].aos-animate{transition-delay:50ms}[data-aos-duration="100"] [data-aos],[data-aos][data-aos][data-aos-duration="100"]{transition-duration:.1s}[data-aos-delay="100"] [data-aos],[data-aos][data-aos][data-aos-delay="100"]{transition-delay:0}[data-aos-delay="100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="100"].aos-animate{transition-delay:.1s}[data-aos-duration="150"] [data-aos],[data-aos][data-aos][data-aos-duration="150"]{transition-duration:.15s}[data-aos-delay="150"] [data-aos],[data-aos][data-aos][data-aos-delay="150"]{transition-delay:0}[data-aos-delay="150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="150"].aos-animate{transition-delay:.15s}[data-aos-duration="200"] [data-aos],[data-aos][data-aos][data-aos-duration="200"]{transition-duration:.2s}[data-aos-delay="200"] [data-aos],[data-aos][data-aos][data-aos-delay="200"]{transition-delay:0}[data-aos-delay="200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="200"].aos-animate{transition-delay:.2s}[data-aos-duration="250"] [data-aos],[data-aos][data-aos][data-aos-duration="250"]{transition-duration:.25s}[data-aos-delay="250"] [data-aos],[data-aos][data-aos][data-aos-delay="250"]{transition-delay:0}[data-aos-delay="250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="250"].aos-animate{transition-delay:.25s}[data-aos-duration="300"] [data-aos],[data-aos][data-aos][data-aos-duration="300"]{transition-duration:.3s}[data-aos-delay="300"] [data-aos],[data-aos][data-aos][data-aos-delay="300"]{transition-delay:0}[data-aos-delay="300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="300"].aos-animate{transition-delay:.3s}[data-aos-duration="350"] [data-aos],[data-aos][data-aos][data-aos-duration="350"]{transition-duration:.35s}[data-aos-delay="350"] [data-aos],[data-aos][data-aos][data-aos-delay="350"]{transition-delay:0}[data-aos-delay="350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="350"].aos-animate{transition-delay:.35s}[data-aos-duration="400"] [data-aos],[data-aos][data-aos][data-aos-duration="400"]{transition-duration:.4s}[data-aos-delay="400"] [data-aos],[data-aos][data-aos][data-aos-delay="400"]{transition-delay:0}[data-aos-delay="400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="400"].aos-animate{transition-delay:.4s}[data-aos-duration="450"] [data-aos],[data-aos][data-aos][data-aos-duration="450"]{transition-duration:.45s}[data-aos-delay="450"] [data-aos],[data-aos][data-aos][data-aos-delay="450"]{transition-delay:0}[data-aos-delay="450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="450"].aos-animate{transition-delay:.45s}[data-aos-duration="500"] [data-aos],[data-aos][data-aos][data-aos-duration="500"]{transition-duration:.5s}[data-aos-delay="500"] [data-aos],[data-aos][data-aos][data-aos-delay="500"]{transition-delay:0}[data-aos-delay="500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="500"].aos-animate{transition-delay:.5s}[data-aos-duration="550"] [data-aos],[data-aos][data-aos][data-aos-duration="550"]{transition-duration:.55s}[data-aos-delay="550"] [data-aos],[data-aos][data-aos][data-aos-delay="550"]{transition-delay:0}[data-aos-delay="550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="550"].aos-animate{transition-delay:.55s}[data-aos-duration="600"] [data-aos],[data-aos][data-aos][data-aos-duration="600"]{transition-duration:.6s}[data-aos-delay="600"] [data-aos],[data-aos][data-aos][data-aos-delay="600"]{transition-delay:0}[data-aos-delay="600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="600"].aos-animate{transition-delay:.6s}[data-aos-duration="650"] [data-aos],[data-aos][data-aos][data-aos-duration="650"]{transition-duration:.65s}[data-aos-delay="650"] [data-aos],[data-aos][data-aos][data-aos-delay="650"]{transition-delay:0}[data-aos-delay="650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="650"].aos-animate{transition-delay:.65s}[data-aos-duration="700"] [data-aos],[data-aos][data-aos][data-aos-duration="700"]{transition-duration:.7s}[data-aos-delay="700"] [data-aos],[data-aos][data-aos][data-aos-delay="700"]{transition-delay:0}[data-aos-delay="700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="700"].aos-animate{transition-delay:.7s}[data-aos-duration="750"] [data-aos],[data-aos][data-aos][data-aos-duration="750"]{transition-duration:.75s}[data-aos-delay="750"] [data-aos],[data-aos][data-aos][data-aos-delay="750"]{transition-delay:0}[data-aos-delay="750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="750"].aos-animate{transition-delay:.75s}[data-aos-duration="800"] [data-aos],[data-aos][data-aos][data-aos-duration="800"]{transition-duration:.8s}[data-aos-delay="800"] [data-aos],[data-aos][data-aos][data-aos-delay="800"]{transition-delay:0}[data-aos-delay="800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="800"].aos-animate{transition-delay:.8s}[data-aos-duration="850"] [data-aos],[data-aos][data-aos][data-aos-duration="850"]{transition-duration:.85s}[data-aos-delay="850"] [data-aos],[data-aos][data-aos][data-aos-delay="850"]{transition-delay:0}[data-aos-delay="850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="850"].aos-animate{transition-delay:.85s}[data-aos-duration="900"] [data-aos],[data-aos][data-aos][data-aos-duration="900"]{transition-duration:.9s}[data-aos-delay="900"] [data-aos],[data-aos][data-aos][data-aos-delay="900"]{transition-delay:0}[data-aos-delay="900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="900"].aos-animate{transition-delay:.9s}[data-aos-duration="950"] [data-aos],[data-aos][data-aos][data-aos-duration="950"]{transition-duration:.95s}[data-aos-delay="950"] [data-aos],[data-aos][data-aos][data-aos-delay="950"]{transition-delay:0}[data-aos-delay="950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="950"].aos-animate{transition-delay:.95s}[data-aos-duration="1000"] [data-aos],[data-aos][data-aos][data-aos-duration="1000"]{transition-duration:1s}[data-aos-delay="1000"] [data-aos],[data-aos][data-aos][data-aos-delay="1000"]{transition-delay:0}[data-aos-delay="1000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1000"].aos-animate{transition-delay:1s}[data-aos-duration="1050"] [data-aos],[data-aos][data-aos][data-aos-duration="1050"]{transition-duration:1.05s}[data-aos-delay="1050"] [data-aos],[data-aos][data-aos][data-aos-delay="1050"]{transition-delay:0}[data-aos-delay="1050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1050"].aos-animate{transition-delay:1.05s}[data-aos-duration="1100"] [data-aos],[data-aos][data-aos][data-aos-duration="1100"]{transition-duration:1.1s}[data-aos-delay="1100"] [data-aos],[data-aos][data-aos][data-aos-delay="1100"]{transition-delay:0}[data-aos-delay="1100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1100"].aos-animate{transition-delay:1.1s}[data-aos-duration="1150"] [data-aos],[data-aos][data-aos][data-aos-duration="1150"]{transition-duration:1.15s}[data-aos-delay="1150"] [data-aos],[data-aos][data-aos][data-aos-delay="1150"]{transition-delay:0}[data-aos-delay="1150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1150"].aos-animate{transition-delay:1.15s}[data-aos-duration="1200"] [data-aos],[data-aos][data-aos][data-aos-duration="1200"]{transition-duration:1.2s}[data-aos-delay="1200"] [data-aos],[data-aos][data-aos][data-aos-delay="1200"]{transition-delay:0}[data-aos-delay="1200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1200"].aos-animate{transition-delay:1.2s}[data-aos-duration="1250"] [data-aos],[data-aos][data-aos][data-aos-duration="1250"]{transition-duration:1.25s}[data-aos-delay="1250"] [data-aos],[data-aos][data-aos][data-aos-delay="1250"]{transition-delay:0}[data-aos-delay="1250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1250"].aos-animate{transition-delay:1.25s}[data-aos-duration="1300"] [data-aos],[data-aos][data-aos][data-aos-duration="1300"]{transition-duration:1.3s}[data-aos-delay="1300"] [data-aos],[data-aos][data-aos][data-aos-delay="1300"]{transition-delay:0}[data-aos-delay="1300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1300"].aos-animate{transition-delay:1.3s}[data-aos-duration="1350"] [data-aos],[data-aos][data-aos][data-aos-duration="1350"]{transition-duration:1.35s}[data-aos-delay="1350"] [data-aos],[data-aos][data-aos][data-aos-delay="1350"]{transition-delay:0}[data-aos-delay="1350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1350"].aos-animate{transition-delay:1.35s}[data-aos-duration="1400"] [data-aos],[data-aos][data-aos][data-aos-duration="1400"]{transition-duration:1.4s}[data-aos-delay="1400"] [data-aos],[data-aos][data-aos][data-aos-delay="1400"]{transition-delay:0}[data-aos-delay="1400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1400"].aos-animate{transition-delay:1.4s}[data-aos-duration="1450"] [data-aos],[data-aos][data-aos][data-aos-duration="1450"]{transition-duration:1.45s}[data-aos-delay="1450"] [data-aos],[data-aos][data-aos][data-aos-delay="1450"]{transition-delay:0}[data-aos-delay="1450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1450"].aos-animate{transition-delay:1.45s}[data-aos-duration="1500"] [data-aos],[data-aos][data-aos][data-aos-duration="1500"]{transition-duration:1.5s}[data-aos-delay="1500"] [data-aos],[data-aos][data-aos][data-aos-delay="1500"]{transition-delay:0}[data-aos-delay="1500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1500"].aos-animate{transition-delay:1.5s}[data-aos-duration="1550"] [data-aos],[data-aos][data-aos][data-aos-duration="1550"]{transition-duration:1.55s}[data-aos-delay="1550"] [data-aos],[data-aos][data-aos][data-aos-delay="1550"]{transition-delay:0}[data-aos-delay="1550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1550"].aos-animate{transition-delay:1.55s}[data-aos-duration="1600"] [data-aos],[data-aos][data-aos][data-aos-duration="1600"]{transition-duration:1.6s}[data-aos-delay="1600"] [data-aos],[data-aos][data-aos][data-aos-delay="1600"]{transition-delay:0}[data-aos-delay="1600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1600"].aos-animate{transition-delay:1.6s}[data-aos-duration="1650"] [data-aos],[data-aos][data-aos][data-aos-duration="1650"]{transition-duration:1.65s}[data-aos-delay="1650"] [data-aos],[data-aos][data-aos][data-aos-delay="1650"]{transition-delay:0}[data-aos-delay="1650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1650"].aos-animate{transition-delay:1.65s}[data-aos-duration="1700"] [data-aos],[data-aos][data-aos][data-aos-duration="1700"]{transition-duration:1.7s}[data-aos-delay="1700"] [data-aos],[data-aos][data-aos][data-aos-delay="1700"]{transition-delay:0}[data-aos-delay="1700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1700"].aos-animate{transition-delay:1.7s}[data-aos-duration="1750"] [data-aos],[data-aos][data-aos][data-aos-duration="1750"]{transition-duration:1.75s}[data-aos-delay="1750"] [data-aos],[data-aos][data-aos][data-aos-delay="1750"]{transition-delay:0}[data-aos-delay="1750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1750"].aos-animate{transition-delay:1.75s}[data-aos-duration="1800"] [data-aos],[data-aos][data-aos][data-aos-duration="1800"]{transition-duration:1.8s}[data-aos-delay="1800"] [data-aos],[data-aos][data-aos][data-aos-delay="1800"]{transition-delay:0}[data-aos-delay="1800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1800"].aos-animate{transition-delay:1.8s}[data-aos-duration="1850"] [data-aos],[data-aos][data-aos][data-aos-duration="1850"]{transition-duration:1.85s}[data-aos-delay="1850"] [data-aos],[data-aos][data-aos][data-aos-delay="1850"]{transition-delay:0}[data-aos-delay="1850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1850"].aos-animate{transition-delay:1.85s}[data-aos-duration="1900"] [data-aos],[data-aos][data-aos][data-aos-duration="1900"]{transition-duration:1.9s}[data-aos-delay="1900"] [data-aos],[data-aos][data-aos][data-aos-delay="1900"]{transition-delay:0}[data-aos-delay="1900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1900"].aos-animate{transition-delay:1.9s}[data-aos-duration="1950"] [data-aos],[data-aos][data-aos][data-aos-duration="1950"]{transition-duration:1.95s}[data-aos-delay="1950"] [data-aos],[data-aos][data-aos][data-aos-delay="1950"]{transition-delay:0}[data-aos-delay="1950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1950"].aos-animate{transition-delay:1.95s}[data-aos-duration="2000"] [data-aos],[data-aos][data-aos][data-aos-duration="2000"]{transition-duration:2s}[data-aos-delay="2000"] [data-aos],[data-aos][data-aos][data-aos-delay="2000"]{transition-delay:0}[data-aos-delay="2000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2000"].aos-animate{transition-delay:2s}[data-aos-duration="2050"] [data-aos],[data-aos][data-aos][data-aos-duration="2050"]{transition-duration:2.05s}[data-aos-delay="2050"] [data-aos],[data-aos][data-aos][data-aos-delay="2050"]{transition-delay:0}[data-aos-delay="2050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2050"].aos-animate{transition-delay:2.05s}[data-aos-duration="2100"] [data-aos],[data-aos][data-aos][data-aos-duration="2100"]{transition-duration:2.1s}[data-aos-delay="2100"] [data-aos],[data-aos][data-aos][data-aos-delay="2100"]{transition-delay:0}[data-aos-delay="2100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2100"].aos-animate{transition-delay:2.1s}[data-aos-duration="2150"] [data-aos],[data-aos][data-aos][data-aos-duration="2150"]{transition-duration:2.15s}[data-aos-delay="2150"] [data-aos],[data-aos][data-aos][data-aos-delay="2150"]{transition-delay:0}[data-aos-delay="2150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2150"].aos-animate{transition-delay:2.15s}[data-aos-duration="2200"] [data-aos],[data-aos][data-aos][data-aos-duration="2200"]{transition-duration:2.2s}[data-aos-delay="2200"] [data-aos],[data-aos][data-aos][data-aos-delay="2200"]{transition-delay:0}[data-aos-delay="2200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2200"].aos-animate{transition-delay:2.2s}[data-aos-duration="2250"] [data-aos],[data-aos][data-aos][data-aos-duration="2250"]{transition-duration:2.25s}[data-aos-delay="2250"] [data-aos],[data-aos][data-aos][data-aos-delay="2250"]{transition-delay:0}[data-aos-delay="2250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2250"].aos-animate{transition-delay:2.25s}[data-aos-duration="2300"] [data-aos],[data-aos][data-aos][data-aos-duration="2300"]{transition-duration:2.3s}[data-aos-delay="2300"] [data-aos],[data-aos][data-aos][data-aos-delay="2300"]{transition-delay:0}[data-aos-delay="2300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2300"].aos-animate{transition-delay:2.3s}[data-aos-duration="2350"] [data-aos],[data-aos][data-aos][data-aos-duration="2350"]{transition-duration:2.35s}[data-aos-delay="2350"] [data-aos],[data-aos][data-aos][data-aos-delay="2350"]{transition-delay:0}[data-aos-delay="2350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2350"].aos-animate{transition-delay:2.35s}[data-aos-duration="2400"] [data-aos],[data-aos][data-aos][data-aos-duration="2400"]{transition-duration:2.4s}[data-aos-delay="2400"] [data-aos],[data-aos][data-aos][data-aos-delay="2400"]{transition-delay:0}[data-aos-delay="2400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2400"].aos-animate{transition-delay:2.4s}[data-aos-duration="2450"] [data-aos],[data-aos][data-aos][data-aos-duration="2450"]{transition-duration:2.45s}[data-aos-delay="2450"] [data-aos],[data-aos][data-aos][data-aos-delay="2450"]{transition-delay:0}[data-aos-delay="2450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2450"].aos-animate{transition-delay:2.45s}[data-aos-duration="2500"] [data-aos],[data-aos][data-aos][data-aos-duration="2500"]{transition-duration:2.5s}[data-aos-delay="2500"] [data-aos],[data-aos][data-aos][data-aos-delay="2500"]{transition-delay:0}[data-aos-delay="2500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2500"].aos-animate{transition-delay:2.5s}[data-aos-duration="2550"] [data-aos],[data-aos][data-aos][data-aos-duration="2550"]{transition-duration:2.55s}[data-aos-delay="2550"] [data-aos],[data-aos][data-aos][data-aos-delay="2550"]{transition-delay:0}[data-aos-delay="2550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2550"].aos-animate{transition-delay:2.55s}[data-aos-duration="2600"] [data-aos],[data-aos][data-aos][data-aos-duration="2600"]{transition-duration:2.6s}[data-aos-delay="2600"] [data-aos],[data-aos][data-aos][data-aos-delay="2600"]{transition-delay:0}[data-aos-delay="2600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2600"].aos-animate{transition-delay:2.6s}[data-aos-duration="2650"] [data-aos],[data-aos][data-aos][data-aos-duration="2650"]{transition-duration:2.65s}[data-aos-delay="2650"] [data-aos],[data-aos][data-aos][data-aos-delay="2650"]{transition-delay:0}[data-aos-delay="2650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2650"].aos-animate{transition-delay:2.65s}[data-aos-duration="2700"] [data-aos],[data-aos][data-aos][data-aos-duration="2700"]{transition-duration:2.7s}[data-aos-delay="2700"] [data-aos],[data-aos][data-aos][data-aos-delay="2700"]{transition-delay:0}[data-aos-delay="2700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2700"].aos-animate{transition-delay:2.7s}[data-aos-duration="2750"] [data-aos],[data-aos][data-aos][data-aos-duration="2750"]{transition-duration:2.75s}[data-aos-delay="2750"] [data-aos],[data-aos][data-aos][data-aos-delay="2750"]{transition-delay:0}[data-aos-delay="2750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2750"].aos-animate{transition-delay:2.75s}[data-aos-duration="2800"] [data-aos],[data-aos][data-aos][data-aos-duration="2800"]{transition-duration:2.8s}[data-aos-delay="2800"] [data-aos],[data-aos][data-aos][data-aos-delay="2800"]{transition-delay:0}[data-aos-delay="2800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2800"].aos-animate{transition-delay:2.8s}[data-aos-duration="2850"] [data-aos],[data-aos][data-aos][data-aos-duration="2850"]{transition-duration:2.85s}[data-aos-delay="2850"] [data-aos],[data-aos][data-aos][data-aos-delay="2850"]{transition-delay:0}[data-aos-delay="2850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2850"].aos-animate{transition-delay:2.85s}[data-aos-duration="2900"] [data-aos],[data-aos][data-aos][data-aos-duration="2900"]{transition-duration:2.9s}[data-aos-delay="2900"] [data-aos],[data-aos][data-aos][data-aos-delay="2900"]{transition-delay:0}[data-aos-delay="2900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2900"].aos-animate{transition-delay:2.9s}[data-aos-duration="2950"] [data-aos],[data-aos][data-aos][data-aos-duration="2950"]{transition-duration:2.95s}[data-aos-delay="2950"] [data-aos],[data-aos][data-aos][data-aos-delay="2950"]{transition-delay:0}[data-aos-delay="2950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2950"].aos-animate{transition-delay:2.95s}[data-aos-duration="3000"] [data-aos],[data-aos][data-aos][data-aos-duration="3000"]{transition-duration:3s}[data-aos-delay="3000"] [data-aos],[data-aos][data-aos][data-aos-delay="3000"]{transition-delay:0}[data-aos-delay="3000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="3000"].aos-animate{transition-delay:3s}[data-aos-easing=linear] [data-aos],[data-aos][data-aos][data-aos-easing=linear]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos-easing=ease] [data-aos],[data-aos][data-aos][data-aos-easing=ease]{transition-timing-function:ease}[data-aos-easing=ease-in] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in]{transition-timing-function:ease-in}[data-aos-easing=ease-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out]{transition-timing-function:ease-out}[data-aos-easing=ease-in-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-aos-easing=ease-in-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos-easing=ease-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,10.275)}[data-aos-easing=ease-in-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,10.55)}[data-aos-easing=ease-in-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos-easing=ease-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos-easing=ease-in-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos-easing=ease-in-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos-easing=ease-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos-easing=ease-in-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos-easing=ease-in-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos-easing=ease-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos-easing=ease-in-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos-easing=ease-in-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos-easing=ease-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos-easing=ease-in-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]:not(.no-aos-animation){opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade]:not(.no-aos-animation).aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]:not(.no-aos-animation){transform:translate3d(0,100px,0)}[data-aos=fade-down]:not(.no-aos-animation){transform:translate3d(0,-100px,0)}.glide{position:relative;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{height:100%;overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slide,.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{-webkit-user-drag:none}.glide__arrows,.glide__bullets,.glide__slide a{-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none}.glide--rtl{direction:rtl} \ No newline at end of file diff --git a/assets/css/post.css b/assets/css/post.css index d06366141..dd1a71bc8 100644 --- a/assets/css/post.css +++ b/assets/css/post.css @@ -1 +1 @@ -@charset "UTF-8";.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}.focusable:focus,.l-post-content button:focus:not(.m-icon-button),.m-button:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered{display:flex;align-items:center;justify-content:center}.l-post-content button:not(.m-icon-button),.l-post-content input,.l-post-content select,.l-post-content textarea,.m-button,.m-input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}.l-post-content{padding-bottom:15px}@media only screen and (min-width:48rem){.l-post-content{max-width:820px;min-height:400px;margin:0 auto}}@media only screen and (min-width:48rem) and (min-width:48rem){.l-post-content{padding-bottom:30px}}.l-post-content h1,.l-post-content h2,.l-post-content h3,.l-post-content h4,.l-post-content h5,.l-post-content h6{color:var(--titles-color);line-height:1.3;font-weight:700;padding-top:5px;margin:0 0 30px}@media only screen and (min-width:48rem){.l-post-content h1,.l-post-content h2,.l-post-content h3,.l-post-content h4,.l-post-content h5,.l-post-content h6{padding-top:10px;margin-bottom:40px}}.l-post-content h1{font-size:2.125rem}@media only screen and (min-width:48rem){.l-post-content h1{font-size:2.625rem}}.l-post-content h2{font-size:1.75rem}@media only screen and (min-width:48rem){.l-post-content h2{font-size:2.25rem}}.l-post-content h3{font-size:1.375rem}@media only screen and (min-width:48rem){.l-post-content h3{font-size:1.75rem}}.l-post-content h4{font-size:1rem}@media only screen and (min-width:48rem){.l-post-content h4{font-size:1.375rem}}.l-post-content h5{font-size:.938rem}@media only screen and (min-width:48rem){.l-post-content h5{font-size:1.125rem}}.l-post-content h6{font-size:.813rem}@media only screen and (min-width:48rem){.l-post-content h6{font-size:1rem}}.l-post-content p{letter-spacing:.2px;line-height:1.5;font-size:1.125rem;margin-bottom:25px}@media only screen and (min-width:48rem){.l-post-content p{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;margin-bottom:30px}}.l-post-content p img{margin-bottom:0!important}.l-post-content b,.l-post-content strong{font-weight:600}.l-post-content em{font-style:italic}.l-post-content a{color:var(--primary-foreground-color);text-decoration:underline;transition:color .2s linear}.l-post-content a:hover{color:var(--link-color)}.l-post-content ol,.l-post-content ul{letter-spacing:.2px;line-height:1.5;font-size:1.125rem;padding-left:20px;margin:0 0 20px}@media only screen and (min-width:48rem){.l-post-content ol,.l-post-content ul{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;padding-left:40px;margin-bottom:30px}}.l-post-content li{margin-bottom:20px}.l-post-content .kg-image,.l-post-content img{display:block;max-width:100%;margin:0 auto 35px}@media only screen and (min-width:48rem){.l-post-content .kg-image,.l-post-content img{margin-bottom:40px}}.l-post-content iframe{max-width:100%}.l-post-content .fluid-width-video-wrapper{margin:0 auto 35px}@media only screen and (min-width:48rem){.l-post-content .fluid-width-video-wrapper{margin-bottom:40px}}.l-post-content.kg-image-card,.l-post-content figure{padding:20px 0 40px;margin:0 -20px}@media only screen and (min-width:48rem){.l-post-content.kg-image-card,.l-post-content figure{padding:20px 0 50px;margin:0}}.l-post-content.kg-image-card.kg-embed-card,.l-post-content figure.kg-embed-card{display:flex;flex-direction:column;align-items:center;min-width:100%;margin:0 auto}.l-post-content.kg-image-card.kg-embed-card iframe,.l-post-content figure.kg-embed-card iframe{margin:0 auto}.l-post-content.kg-image-card.kg-width-full img,.l-post-content.kg-image-card.kg-width-wide img,.l-post-content figure.kg-width-full img,.l-post-content figure.kg-width-wide img{width:100%;height:auto}@media only screen and (min-width:80rem){.l-post-content.kg-image-card.kg-width-wide,.l-post-content figure.kg-width-wide{margin:0 -70px}}@media only screen and (min-width:48rem){.l-post-content.kg-image-card.kg-width-full,.l-post-content figure.kg-width-full{width:100vw;margin-left:50%;transform:translateX(-50%)}}.l-post-content.kg-image-card .kg-image,.l-post-content.kg-image-card img,.l-post-content figure .kg-image,.l-post-content figure img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}.l-post-content.kg-image-card figcaption,.l-post-content figure figcaption{text-align:center;letter-spacing:.1px;line-height:1.3;font-size:.75rem;padding:10px 20px 0}@media only screen and (min-width:48rem){.l-post-content.kg-image-card figcaption,.l-post-content figure figcaption{font-size:.875rem;padding:15px 0 0}}.l-post-content.kg-image-card .fluid-width-video-container,.l-post-content figure .fluid-width-video-container{flex-grow:1;width:100%}.l-post-content.kg-image-card .fluid-width-video-wrapper,.l-post-content figure .fluid-width-video-wrapper{margin:0 auto!important}.l-post-content.kg-image-card .kg-gallery-container,.l-post-content figure .kg-gallery-container{display:flex;flex-direction:column;width:100%}.l-post-content.kg-image-card .kg-gallery-row,.l-post-content figure .kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.l-post-content.kg-image-card .kg-gallery-image img,.l-post-content figure .kg-gallery-image img{display:block;margin:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.l-post-content.kg-image-card .kg-gallery-row:not(:first-of-type),.l-post-content figure .kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.l-post-content.kg-image-card .kg-gallery-image:not(:first-of-type),.l-post-content figure .kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.l-post-content hr{position:relative;margin:30px 0;border:0;border-top:1px solid var(--secondary-subtle-color)}@media only screen and (min-width:48rem){.l-post-content hr{margin:50px 0}}.l-post-content hr:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background-color:var(--secondary-subtle-color);box-shadow:0 0 0 10px var(--background-color),0 0 0 transparent;transform:translate(-50%,-50%)}@media only screen and (min-width:48rem){.l-post-content hr:after{width:12px;height:12px;box-shadow:0 0 0 20px var(--background-color),0 0 0 transparent}}.l-post-content blockquote{position:relative;letter-spacing:.2px;line-height:1.5;font-size:1.125rem;font-style:italic;font-family:Georgia,Times New Roman,Times,serif;padding:0 40px;margin:0 0 25px}@media only screen and (min-width:48rem){.l-post-content blockquote{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;padding:0 60px;margin-bottom:30px}}.l-post-content blockquote:before{content:'"';position:absolute;top:0;left:0;color:var(--primary-foreground-color);line-height:1;font-size:2.625rem}@media only screen and (min-width:48rem){.l-post-content blockquote:before{font-size:4rem}}.l-post-content blockquote p:last-child{margin-bottom:0}.l-post-content table{color:var(--titles-color);font-size:.875rem;width:calc(100% + 40px);margin:0 -20px 25px}@media only screen and (min-width:48rem){.l-post-content table{font-size:1rem;width:100%;margin:0 0 30px}}.l-post-content table thead{border-bottom:1px solid var(--table-head-border-bottom)}.l-post-content table thead td{font-weight:600}.l-post-content table tbody tr:nth-child(2n){background-color:var(--background-color)}.l-post-content table tbody tr:nth-child(odd){background-color:var(--table-background-color-odd)}.l-post-content table td{text-align:center;padding:10px}@media only screen and (min-width:48rem){.l-post-content table td{padding:20px}}.l-post-content code{display:inline-block;color:var(--link-color);font-size:.9rem;padding:0 5px}.l-post-content code,.l-post-content pre{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;border-radius:5px;background-color:var(--secondary-subtle-color)}.l-post-content pre{line-height:1.4;margin:0 0 25px;overflow-x:auto;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}@media only screen and (min-width:48rem){.l-post-content pre{margin-bottom:30px}}.l-post-content pre>code{display:block;padding:10px 10px 0;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}@media only screen and (min-width:48rem){.l-post-content pre>code{padding:20px 20px 0}}.l-post-content pre.line-numbers>code{padding:0}.l-post-content form{margin-bottom:25px}@media only screen and (min-width:48rem){.l-post-content form{margin-bottom:30px}}.l-post-content input,.l-post-content select,.l-post-content textarea{margin-bottom:20px}.l-post-content textarea{height:100px;resize:none}.l-post-content select{position:relative;padding-right:40px!important;background-repeat:no-repeat;background-position:calc(100% - 15px) 50%;background-size:15px 8px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9IiM1NjVlNjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguMzIuNTdhLjI0Ny4yNDcgMCAwMTAgLjM2TDQuNjggNC41N2EuMjQ3LjI0NyAwIDAxLS4zNiAwTC42OC45M2EuMjQ3LjI0NyAwIDAxMC0uMzZsLjM5LS4zOWEuMjQ3LjI0NyAwIDAxLjM2IDBMNC41IDMuMjUgNy41Ny4xOGEuMjQ3LjI0NyAwIDAxLjM2IDBsLjM5LjM5eiIvPjwvc3ZnPg==")}.l-post-content button:not(.m-icon-button){border:1px solid var(--primary-foreground-color)!important}.l-post-content .kg-bookmark-card{width:100%;padding:0!important;margin:30px auto!important;background:var(--background-color)}@media only screen and (min-width:48rem){.l-post-content .kg-bookmark-card{margin:40px auto!important}}.l-post-content .kg-bookmark-card:hover .kg-bookmark-container{opacity:.8;color:var(--primary-foreground-color)}.l-post-content .kg-card+.kg-bookmark-card{margin-top:0}.l-post-content .kg-bookmark-container{display:flex;color:var(--primary-foreground-color);text-decoration:none!important;min-height:148px;box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);border-radius:3px;transition:opacity .2s linear}.l-post-content .kg-bookmark-content{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-start;padding:20px}.l-post-content .kg-bookmark-title{font-size:1.125rem;line-height:1.3;font-weight:600}.l-post-content .kg-bookmark-description{font-size:.875rem;font-weight:400;line-height:1.4;margin-top:12px;overflow-y:hidden}.l-post-content .kg-bookmark-thumbnail{position:relative;min-width:30%;max-height:100%;overflow:hidden}.l-post-content .kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover;border-radius:0 3px 3px 0}.l-post-content .kg-bookmark-metadata{display:flex;align-items:center;flex-wrap:wrap;font-size:.9rem;font-weight:400;color:var(--titles-color);margin-top:14px}.l-post-content .kg-bookmark-icon{width:22px!important;height:22px!important;margin-right:8px!important}.l-post-content .kg-bookmark-author:after{content:"\2022";margin:0 6px}.l-post-content .kg-bookmark-publisher{color:inherit}@media (max-width:500px){.l-post-content .kg-bookmark-container{flex-direction:column}.l-post-content .kg-bookmark-thumbnail{order:1;width:100%;min-height:160px}.l-post-content .kg-bookmark-thumbnail img{border-radius:3px 3px 0 0}.l-post-content .kg-bookmark-content{order:2}}.rtl .l-post-content ol,.rtl .l-post-content ul{padding-left:0;padding-right:20px}@media only screen and (min-width:48rem){.rtl .l-post-content ol,.rtl .l-post-content ul{padding-left:0;padding-right:40px}}.rtl .l-post-content code{direction:ltr}.rtl .l-post-content blockquote:before{left:auto;right:0}.rtl .l-post-content .kg-bookmark-icon{margin-right:0!important;margin-left:8px!important}@media only screen and (min-width:48rem){.rtl .l-post-content figure.kg-width-full{margin-left:0;margin-right:50%;transform:translateX(50%)}}.l-post-content button:not(.m-icon-button),.m-button{display:inline-block;color:#333;text-align:center;letter-spacing:.2px;line-height:1;font-size:1rem;font-weight:600;border-radius:5px;padding:13px 25px;cursor:pointer;outline:0;border:0;position:relative;background-color:transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.l-post-content button.outlined:not(.m-icon-button),.m-button.outlined{color:var(--titles-color);border:1px solid var(--primary-foreground-color)}.l-post-content button.filled:not(.m-icon-button),.l-post-content button.primary:not(.m-icon-button),.m-button.filled,.m-button.primary{box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent}.l-post-content button.filled:hover:not(.m-icon-button),.l-post-content button.primary:hover:not(.m-icon-button),.m-button.filled:hover,.m-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.l-post-content button.filled:not(.m-icon-button),.m-button.filled{border-radius:5px;background-color:#fff}.l-post-content button.block:not(.m-icon-button),.m-button.block{display:block;width:100%}.l-post-content button.primary:not(.m-icon-button),.m-button.primary{color:#fff;background-color:var(--primary-subtle-color)}.l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button),.l-post-content button.loading:not(.m-icon-button),.m-button.loading,.m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button),.m-subscribe-section__container.loading .m-button{cursor:default;overflow:hidden}.l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button):after,.l-post-content button.loading:not(.m-icon-button):after,.m-button.loading:after,.m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button):after,.m-subscribe-section__container.loading .m-button:after{content:"";position:absolute;left:0;bottom:0;width:25%;height:2px;background-color:#fff;-webkit-animation:loading 1s infinite;animation:loading 1s infinite}@-webkit-keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.l-post-content input,.l-post-content select,.l-post-content textarea,.m-input{color:var(--primary-foreground-color);letter-spacing:.2px;line-height:1.3;font-size:1rem;width:100%;border-radius:5px;padding:11px 15px;border:1px solid var(--primary-border-color);outline:0;background-color:var(--background-color)}.l-post-content input:focus,.l-post-content select:focus,.l-post-content textarea:focus,.m-input:focus{border-color:var(--primary-subtle-color)}.l-post-content input.in-search,.l-post-content select.in-search,.l-post-content textarea.in-search,.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.l-post-content input.in-search,.l-post-content select.in-search,.l-post-content textarea.in-search,.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.l-post-content input.in-subscribe-section,.l-post-content select.in-subscribe-section,.l-post-content textarea.in-subscribe-section,.m-input.in-subscribe-section{margin-bottom:15px}.m-share{position:fixed;left:0;bottom:0;width:100%;height:45px;z-index:3;background-color:var(--transparent-background-color);box-shadow:0 -4px 10px rgba(0,0,0,.1),0 0 0 transparent}@media only screen and (min-width:48rem){.m-share{height:50px}}@media only screen and (min-width:64rem){.m-share{position:absolute;top:0;left:auto;right:-75px;width:40px;height:auto;background-color:transparent;box-shadow:0 0 0 transparent,0 0 0 transparent}}@media only screen and (min-width:80rem){.m-share{width:50px;right:-175px}}@media only screen and (min-width:90rem){.m-share{right:-200px}}.m-share a{color:inherit!important}.m-share a:first-of-type{margin-left:0}@media only screen and (min-width:64rem){.m-share a:first-of-type{margin-bottom:0}}.m-share button:last-of-type{margin-right:0}@media only screen and (min-width:64rem){.rtl .m-share{right:auto;left:-75px}}@media only screen and (min-width:80rem){.rtl .m-share{left:-175px}}@media only screen and (min-width:90rem){.rtl .m-share{left:-200px}}.m-share__content{display:flex;align-items:center;justify-content:center;height:100%}@media only screen and (min-width:64rem){.m-share__content{position:sticky;top:100px;flex-direction:column-reverse;align-items:flex-start;height:auto}}.rtl .m-share__content{direction:ltr}.m-subscribe-section{padding:50px 0;background-color:var(--secondary-subtle-color)}@media only screen and (min-width:48rem){.m-subscribe-section{padding:80px 0}}@media only screen and (min-width:48rem){.m-subscribe-section__content{display:flex;align-items:center;justify-content:space-between}}.m-subscribe-section__text{text-align:center;margin-bottom:30px}@media only screen and (min-width:48rem){.m-subscribe-section__text{flex:1;text-align:left;padding-right:75px;margin-bottom:0}}@media only screen and (min-width:48rem){.rtl .m-subscribe-section__text{text-align:right;padding-right:0;padding-left:75px}}.m-subscribe-section__title{color:var(--titles-color);letter-spacing:.3px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0 0 20px}@media only screen and (min-width:48rem){.m-subscribe-section__title{letter-spacing:.3px;font-size:1.5rem;margin-bottom:15px}}.m-subscribe-section__description{letter-spacing:.2px;line-height:1.4}@media only screen and (min-width:48rem){.m-subscribe-section__description{font-size:1.125rem}}@media only screen and (min-width:48rem){.m-subscribe-section__form{width:300px;margin:0 auto}}.l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button),.m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button),.m-subscribe-section__container.loading .m-button{pointer-events:none}.m-subscribe-section__container.success .m-subscribe__success{display:block}.m-subscribe-section__container.success .m-subscribe__error,.m-subscribe-section__container.success .m-subscribe__form,.m-subscribe-section__container.success .m-subscribe__invalid{display:none}.m-subscribe-section__container.error .m-subscribe__error,.m-subscribe-section__container.invalid .m-subscribe__invalid{display:block}.m-subscribe-section__container.error .m-subscribe__form{margin-bottom:20px}.m-subscribe-section__container .m-subscribe__error,.m-subscribe-section__container .m-subscribe__invalid,.m-subscribe-section__container .m-subscribe__success{display:none}.m-subscribe__success_icon{display:block;width:64px;height:64px;margin:0 auto 25px}.m-subscribe__error{text-align:center}.m-author{padding:40px 20px;border-color:var(--secondary-subtle-color);border-style:solid;border-width:1px 0;margin:0 auto}@media only screen and (min-width:48rem){.m-author{display:flex;justify-content:center;padding:60px 40px}}@media only screen and (min-width:80rem){.m-author{padding:60px 0}}@media only screen and (min-width:48rem){.m-author__content{display:flex;max-width:820px}}.m-author__picture{width:90px;margin:0 auto 25px}@media only screen and (min-width:48rem){.m-author__picture{width:100px;margin:0 30px 0 0}}@media only screen and (min-width:48rem){.rtl .m-author__picture{margin:0 0 0 30px}}.m-author__info{text-align:center}@media only screen and (min-width:48rem){.m-author__info{display:flex;flex-direction:column;justify-content:center;flex:1;text-align:left}}@media only screen and (min-width:48rem){.rtl .m-author__info{text-align:right}}.m-author__name{color:var(--link-color);letter-spacing:.2px;line-height:1.3;font-size:1.125rem;font-weight:400;margin:0 0 15px}@media only screen and (min-width:48rem){.m-author__name{letter-spacing:.3px;font-size:1.25rem}}.m-author__bio{letter-spacing:.2px;line-height:1.5;margin-bottom:20px}@media only screen and (min-width:48rem){.m-author__bio{margin-bottom:15px}}.m-author-picture{display:block;width:90px;height:90px}@media only screen and (min-width:48rem){.m-author-picture{width:100px;height:100px}}.m-author-picture div{width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;background-position:50%;background-size:cover}.m-author-links{padding:0;margin:0;list-style-type:none;text-align:center}@media only screen and (min-width:48rem){.m-author-links{text-align:left}}.m-author-links li{display:inline-block;margin:0 11px}.m-author-links li:first-of-type{margin-left:0}.m-author-links li:last-of-type{margin-right:0}.rtl .m-author-links{direction:ltr;text-align:right}.m-comments{padding-top:40px}@media only screen and (min-width:48rem){.m-comments{padding-top:60px}}.m-comments iframe{width:100%;max-width:100%}.m-recommended{padding-top:40px}@media only screen and (min-width:48rem){.m-recommended{padding-top:60px}}.m-recommended-articles{margin:0 -20px}@media only screen and (min-width:64rem){.m-recommended-articles{padding:0 40px;margin:0 -30px}}.m-recommended-slider{list-style-type:none;padding:0;margin:0}@media only screen and (min-width:48rem){.m-recommended-slider .glide__track{padding:0 40px;margin:0 -40px}}.m-recommended-slider .glide__slides{padding:40px 0 60px;margin:0 auto}@media only screen and (min-width:48rem){.m-recommended-slider .glide__slides{padding:40px 0 60px}}@media only screen and (min-width:80rem){.m-recommended-slider .glide__slides{overflow:visible}}.m-recommended-slider .m-article-card{width:100%!important;margin:0!important}@media only screen and (min-width:64rem){.m-recommended-slider .m-article-card .m-article-card__picture{height:190px}}@media only screen and (min-width:80rem){.m-recommended-slider .m-article-card .m-article-card__picture{height:220px}}.m-recommended-slider__item{padding:0 20px} \ No newline at end of file +@charset "UTF-8";.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}.focusable:focus,.l-post-content .kg-button-card a.kg-btn:focus,.l-post-content .kg-header-card .kg-header-card-button:focus,.l-post-content .kg-product-card .kg-product-card-button:focus,.l-post-content button:focus:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered{display:flex;align-items:center;justify-content:center}.l-post-content .kg-button-card a.kg-btn,.l-post-content .kg-header-card .kg-header-card-button,.l-post-content .kg-product-card .kg-product-card-button,.l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content input:not(.kg-video-card input):not(.kg-audio-card input),.l-post-content select,.l-post-content textarea,.m-button,.m-input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}.l-post-content{padding-bottom:15px}@media only screen and (min-width:48rem){.l-post-content{max-width:820px;min-height:400px;margin:0 auto}}@media only screen and (min-width:48rem) and (min-width:48rem){.l-post-content{padding-bottom:30px}}.l-post-content h1,.l-post-content h2,.l-post-content h3,.l-post-content h4,.l-post-content h5,.l-post-content h6{color:var(--titles-color);line-height:1.3;font-weight:700;padding-top:5px;margin:0 0 30px}@media only screen and (min-width:48rem){.l-post-content h1,.l-post-content h2,.l-post-content h3,.l-post-content h4,.l-post-content h5,.l-post-content h6{padding-top:10px;margin-bottom:40px}}.l-post-content h1{font-size:2.125rem}@media only screen and (min-width:48rem){.l-post-content h1{font-size:2.625rem}}.l-post-content h2{font-size:1.75rem}@media only screen and (min-width:48rem){.l-post-content h2{font-size:2.25rem}}.l-post-content h3{font-size:1.375rem}@media only screen and (min-width:48rem){.l-post-content h3{font-size:1.75rem}}.l-post-content h4{font-size:1rem}@media only screen and (min-width:48rem){.l-post-content h4{font-size:1.375rem}}.l-post-content h5{font-size:.938rem}@media only screen and (min-width:48rem){.l-post-content h5{font-size:1.125rem}}.l-post-content h6{font-size:.813rem}@media only screen and (min-width:48rem){.l-post-content h6{font-size:1rem}}.l-post-content p{letter-spacing:.2px;line-height:1.5;font-size:1.125rem;margin-bottom:25px}@media only screen and (min-width:48rem){.l-post-content p{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;margin-bottom:30px}}.l-post-content p img{margin-bottom:0!important}.l-post-content b,.l-post-content strong{font-weight:600}.l-post-content em{font-style:italic}.l-post-content a{color:var(--primary-foreground-color);text-decoration:underline;transition:color .2s linear}.l-post-content a:hover{color:var(--link-color)}.l-post-content ol,.l-post-content ul{letter-spacing:.2px;line-height:1.5;font-size:1.125rem;padding-left:20px;margin:0 0 20px}@media only screen and (min-width:48rem){.l-post-content ol,.l-post-content ul{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;padding-left:40px;margin-bottom:30px}}.l-post-content li{margin-bottom:20px}.l-post-content .kg-image,.l-post-content img{display:block;max-width:100%;margin:0 auto 35px}@media only screen and (min-width:48rem){.l-post-content .kg-image,.l-post-content img{margin-bottom:40px}}.l-post-content iframe{max-width:100%}.l-post-content .fluid-width-video-wrapper{margin:0 auto 35px}@media only screen and (min-width:48rem){.l-post-content .fluid-width-video-wrapper{margin-bottom:40px}}.l-post-content.kg-image-card,.l-post-content figure{padding:20px 0 40px;margin:0 -20px}@media only screen and (min-width:48rem){.l-post-content.kg-image-card,.l-post-content figure{padding:20px 0 50px;margin:0}}.l-post-content.kg-image-card.kg-embed-card,.l-post-content figure.kg-embed-card{display:flex;flex-direction:column;align-items:center;min-width:100%;margin:0 auto}.l-post-content.kg-image-card.kg-embed-card iframe,.l-post-content figure.kg-embed-card iframe{margin:0 auto}.l-post-content.kg-image-card.kg-width-full img,.l-post-content.kg-image-card.kg-width-wide img,.l-post-content figure.kg-width-full img,.l-post-content figure.kg-width-wide img{width:100%;height:auto}@media only screen and (min-width:80rem){.l-post-content.kg-image-card.kg-width-wide,.l-post-content figure.kg-width-wide{margin:0 -70px}}@media only screen and (min-width:48rem){.l-post-content.kg-image-card.kg-width-full,.l-post-content figure.kg-width-full{width:100vw;margin-left:50%;transform:translateX(-50%)}}.l-post-content.kg-image-card .kg-image,.l-post-content.kg-image-card img,.l-post-content figure .kg-image,.l-post-content figure img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}.l-post-content.kg-image-card figcaption,.l-post-content figure figcaption{text-align:center;letter-spacing:.1px;line-height:1.3;font-size:.75rem;padding:10px 20px 0}@media only screen and (min-width:48rem){.l-post-content.kg-image-card figcaption,.l-post-content figure figcaption{font-size:.875rem;padding:15px 0 0}}.l-post-content.kg-image-card .fluid-width-video-container,.l-post-content figure .fluid-width-video-container{flex-grow:1;width:100%}.l-post-content.kg-image-card .fluid-width-video-wrapper,.l-post-content figure .fluid-width-video-wrapper{margin:0 auto!important}.l-post-content.kg-image-card .kg-gallery-container,.l-post-content figure .kg-gallery-container{display:flex;flex-direction:column;width:100%}.l-post-content.kg-image-card .kg-gallery-row,.l-post-content figure .kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.l-post-content.kg-image-card .kg-gallery-image img,.l-post-content figure .kg-gallery-image img{display:block;margin:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.l-post-content.kg-image-card .kg-gallery-row:not(:first-of-type),.l-post-content figure .kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.l-post-content.kg-image-card .kg-gallery-image:not(:first-of-type),.l-post-content figure .kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.l-post-content hr{position:relative;margin:30px 0;border:0;border-top:1px solid var(--secondary-subtle-color)}@media only screen and (min-width:48rem){.l-post-content hr{margin:50px 0}}.l-post-content hr:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background-color:var(--secondary-subtle-color);box-shadow:0 0 0 10px var(--background-color),0 0 0 transparent;transform:translate(-50%,-50%)}@media only screen and (min-width:48rem){.l-post-content hr:after{width:12px;height:12px;box-shadow:0 0 0 20px var(--background-color),0 0 0 transparent}}.l-post-content blockquote{position:relative;letter-spacing:.2px;line-height:1.5;font-size:1.125rem;font-style:italic;font-family:Georgia,Times New Roman,Times,serif;padding:0 40px;margin:0 0 25px}@media only screen and (min-width:48rem){.l-post-content blockquote{letter-spacing:.3px;line-height:1.6;font-size:1.25rem;padding:0 60px;margin-bottom:30px}}.l-post-content blockquote.kg-blockquote-alt{color:var(--primary-subtle-color);line-height:1.2;font-family:inherit;font-style:normal;font-weight:700;font-size:2rem;padding-top:20px;padding-bottom:20px}@media only screen and (min-width:48rem){.l-post-content blockquote.kg-blockquote-alt{font-size:2.625rem;padding-top:40px;padding-bottom:40px}}.l-post-content blockquote.kg-blockquote-alt:before{display:none}.l-post-content blockquote:before{content:'"';position:absolute;top:0;left:0;color:var(--primary-foreground-color);line-height:1;font-size:2.625rem}@media only screen and (min-width:48rem){.l-post-content blockquote:before{font-size:4rem}}.l-post-content blockquote p:last-child{margin-bottom:0}.l-post-content table{color:var(--titles-color);font-size:.875rem;width:calc(100% + 40px);margin:0 -20px 25px}@media only screen and (min-width:48rem){.l-post-content table{font-size:1rem;width:100%;margin:0 0 30px}}.l-post-content table thead{border-bottom:1px solid var(--table-head-border-bottom)}.l-post-content table thead td{font-weight:600}.l-post-content table tbody tr:nth-child(2n){background-color:var(--background-color)}.l-post-content table tbody tr:nth-child(odd){background-color:var(--table-background-color-odd)}.l-post-content table td{text-align:center;padding:10px}@media only screen and (min-width:48rem){.l-post-content table td{padding:20px}}.l-post-content code{display:inline-block;color:var(--link-color);font-size:.9rem;padding:0 5px}.l-post-content code,.l-post-content pre{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;border-radius:5px;background-color:var(--secondary-subtle-color)}.l-post-content pre{line-height:1.4;margin:0 0 25px;overflow-x:auto;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}@media only screen and (min-width:48rem){.l-post-content pre{margin-bottom:30px}}.l-post-content pre>code{display:block;padding:10px 10px 0;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}@media only screen and (min-width:48rem){.l-post-content pre>code{padding:20px 20px 0}}.l-post-content pre.line-numbers>code{padding:0}.l-post-content form{margin-bottom:25px}@media only screen and (min-width:48rem){.l-post-content form{margin-bottom:30px}}.l-post-content input:not(.kg-video-card input):not(.kg-audio-card input),.l-post-content select,.l-post-content textarea{margin-bottom:20px}.l-post-content textarea{height:100px;resize:none}.l-post-content select{position:relative;padding-right:40px!important;background-repeat:no-repeat;background-position:calc(100% - 15px) 50%;background-size:15px 8px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9IiM1NjVlNjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguMzIuNTdhLjI0Ny4yNDcgMCAwMTAgLjM2TDQuNjggNC41N2EuMjQ3LjI0NyAwIDAxLS4zNiAwTC42OC45M2EuMjQ3LjI0NyAwIDAxMC0uMzZsLjM5LS4zOWEuMjQ3LjI0NyAwIDAxLjM2IDBMNC41IDMuMjUgNy41Ny4xOGEuMjQ3LjI0NyAwIDAxLjM2IDBsLjM5LjM5eiIvPjwvc3ZnPg==")}.l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button){border:1px solid var(--primary-foreground-color)!important}.l-post-content .kg-bookmark-card{width:100%;padding:0!important;margin:30px auto!important;background:var(--background-color)}@media only screen and (min-width:48rem){.l-post-content .kg-bookmark-card{margin:40px auto!important}}.l-post-content .kg-bookmark-card:hover .kg-bookmark-container{opacity:.8;color:var(--primary-foreground-color)}.l-post-content .kg-card+.kg-bookmark-card{margin-top:0}.l-post-content .kg-bookmark-container{display:flex;color:var(--primary-foreground-color);text-decoration:none!important;min-height:148px;box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);border-radius:3px;transition:opacity .2s linear}.l-post-content .kg-bookmark-content{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-start;padding:20px}.l-post-content .kg-bookmark-title{font-size:1.125rem;line-height:1.3;font-weight:600}.l-post-content .kg-bookmark-description{font-size:.875rem;font-weight:400;line-height:1.4;margin-top:12px;overflow-y:hidden}.l-post-content .kg-bookmark-thumbnail{position:relative;min-width:30%;max-height:100%;overflow:hidden}.l-post-content .kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover;border-radius:0 3px 3px 0}.l-post-content .kg-bookmark-metadata{display:flex;align-items:center;flex-wrap:wrap;font-size:.9rem;font-weight:400;color:var(--titles-color);margin-top:14px}.l-post-content .kg-bookmark-icon{width:22px!important;height:22px!important;margin-right:8px!important}.l-post-content .kg-bookmark-author:after{content:"\2022";margin:0 6px}.l-post-content .kg-bookmark-publisher{color:inherit}@media (max-width:500px){.l-post-content .kg-bookmark-container{flex-direction:column}.l-post-content .kg-bookmark-thumbnail{order:1;width:100%;min-height:160px}.l-post-content .kg-bookmark-thumbnail img{border-radius:3px 3px 0 0}.l-post-content .kg-bookmark-content{order:2}}.l-post-content .kg-nft-card .kg-nft-card-container{border-radius:20px;background-color:var(--background-color)}.l-post-content .kg-nft-card .kg-ntf-image-container{border-radius:20px 20px 0 0;overflow:hidden}.l-post-content .kg-nft-card .kg-nft-metadata{border-radius:0 0 20px 20px}.l-post-content .kg-nft-card .kg-nft-header{margin-bottom:10px}.l-post-content .kg-nft-card .kg-nft-header img{display:inline-block;width:100px;max-width:100px;margin:0;filter:invert(var(--kg-card-img-invert-color))}.l-post-content .kg-nft-card .kg-nft-title{color:var(--secondary-foreground-color);padding-top:0}.l-post-content .kg-nft-card .kg-nft-creator,.l-post-content .kg-nft-card kg-nft-description{color:var(--primary-foreground-color)}.l-post-content .kg-nft-card .kg-nft-creator span,.l-post-content .kg-nft-card kg-nft-description span{color:var(--secondary-foreground-color)}.l-post-content .kg-button-card{padding:30px 0;margin-bottom:25px}.l-post-content .kg-button-card a.kg-btn{color:#fff!important;font-family:inherit!important;height:auto;background-color:var(--primary-subtle-color)!important;box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent}.l-post-content .kg-button-card a.kg-btn:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.l-post-content .kg-callout-card{margin-bottom:25px}@media only screen and (min-width:48rem){.l-post-content .kg-callout-card{margin-bottom:30px}}.l-post-content .kg-callout-card .kg-callout-emoji{padding-right:24px}.l-post-content .kg-callout-card .kg-callout-text{font-size:1.0625rem}@media only screen and (min-width:48rem){.l-post-content .kg-callout-card .kg-callout-text{font-size:1.125rem}}.l-post-content .kg-header-card{width:100vw;margin-top:30px;margin-bottom:30px;margin-left:50%;transform:translateX(-50%)}@media only screen and (min-width:48rem){.l-post-content .kg-header-card{margin-top:40px;margin-bottom:40px}}.l-post-content .kg-header-card.kg-style-light .kg-header-card-header,.l-post-content .kg-header-card.kg-style-light .kg-header-card-subheader{color:#333}.l-post-content .kg-header-card.kg-style-light .kg-header-card-button{color:#fff!important;background-color:var(--primary-subtle-color)!important}.l-post-content .kg-header-card .kg-header-card-button{color:#333!important;font-family:inherit;height:auto!important;background-color:#fff!important}.l-post-content .kg-header-card .kg-header-card-button:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.l-post-content .kg-toggle-card{margin-bottom:20px}.l-post-content .kg-toggle-card .kg-toggle-heading-text{padding-top:0}.l-post-content .kg-toggle-card .kg-toggle-card-icon{display:flex!important;align-items:center;justify-content:center;border:0!important;padding:0}.l-post-content .kg-product-card{margin-bottom:30px}@media only screen and (min-width:48rem){.l-post-content .kg-product-card{margin-bottom:40px}}.l-post-content .kg-product-card .kg-product-card-image{margin-bottom:0;border-radius:5px}.l-post-content .kg-product-card .kg-product-card-title{padding-top:0;font-family:inherit}.l-post-content .kg-product-card .kg-product-card-description p{font-family:inherit}.l-post-content .kg-product-card .kg-product-card-button{color:#fff!important;font-family:inherit!important;height:auto;background-color:var(--primary-subtle-color)!important}.l-post-content .kg-file-card{margin-bottom:30px}@media only screen and (min-width:48rem){.l-post-content .kg-file-card{margin-bottom:40px}}.l-post-content .kg-audio-card{margin-bottom:30px}@media only screen and (min-width:48rem){.l-post-content .kg-audio-card{margin-bottom:40px}}.l-post-content .kg-audio-card img{margin:8px}.l-post-content .kg-audio-card .kg-audio-mute-icon svg,.l-post-content .kg-audio-card .kg-audio-pause-icon svg,.l-post-content .kg-audio-card .kg-audio-play-icon svg,.l-post-content .kg-audio-card .kg-audio-unmute-icon svg{fill:var(--secondary-foreground-color)}.l-post-content .kg-audio-card .kg-audio-playback-rate{color:var(--secondary-foreground-color)}.l-post-content .kg-audio-card .kg-audio-seek-slider:before,.l-post-content .kg-audio-card .kg-audio-volume-slider:before{background-color:var(--secondary-foreground-color)}.rtl .l-post-content ol,.rtl .l-post-content ul{padding-left:0;padding-right:20px}@media only screen and (min-width:48rem){.rtl .l-post-content ol,.rtl .l-post-content ul{padding-left:0;padding-right:40px}}.rtl .l-post-content code{direction:ltr}.rtl .l-post-content blockquote:before{left:auto;right:0}.rtl .l-post-content .kg-bookmark-icon{margin-right:0!important;margin-left:8px!important}@media only screen and (min-width:48rem){.rtl .l-post-content figure.kg-width-full{margin-left:0;margin-right:50%;transform:translateX(50%)}}.rtl .l-post-content .kg-callout-card .kg-callout-emoji{padding-right:auto;padding-left:24px}.rtl .l-post-content .kg-toggle-card .kg-toggle-card-icon{margin-left:0;margin-right:16px}.rtl .l-post-content .kg-product-card .kg-product-card-rating{padding-left:0;padding-right:16px}.l-post-content .kg-button-card a.kg-btn,.l-post-content .kg-header-card .kg-header-card-button,.l-post-content .kg-product-card .kg-product-card-button,.l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button{display:inline-block;color:#333;text-align:center;letter-spacing:.2px;line-height:1;font-size:1rem;font-weight:600;border-radius:5px;padding:13px 25px;cursor:pointer;outline:0;border:0;position:relative;background-color:transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.l-post-content .kg-button-card a.outlined.kg-btn,.l-post-content .kg-header-card .outlined.kg-header-card-button,.l-post-content .kg-product-card .outlined.kg-product-card-button,.l-post-content button.outlined:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button.outlined{color:var(--titles-color);border:1px solid var(--primary-foreground-color)}.l-post-content .kg-button-card a.filled.kg-btn,.l-post-content .kg-button-card a.primary.kg-btn,.l-post-content .kg-header-card .filled.kg-header-card-button,.l-post-content .kg-header-card .primary.kg-header-card-button,.l-post-content .kg-product-card .filled.kg-product-card-button,.l-post-content .kg-product-card .primary.kg-product-card-button,.l-post-content button.filled:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content button.primary:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button.filled,.m-button.primary{box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent}.l-post-content .kg-button-card a.filled.kg-btn:hover,.l-post-content .kg-button-card a.primary.kg-btn:hover,.l-post-content .kg-header-card .filled.kg-header-card-button:hover,.l-post-content .kg-header-card .primary.kg-header-card-button:hover,.l-post-content .kg-product-card .filled.kg-product-card-button:hover,.l-post-content .kg-product-card .primary.kg-product-card-button:hover,.l-post-content button.filled:hover:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content button.primary:hover:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button.filled:hover,.m-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.l-post-content .kg-button-card a.filled.kg-btn,.l-post-content .kg-header-card .filled.kg-header-card-button,.l-post-content .kg-product-card .filled.kg-product-card-button,.l-post-content button.filled:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button.filled{border-radius:5px;background-color:#fff}.l-post-content .kg-button-card a.block.kg-btn,.l-post-content .kg-header-card .block.kg-header-card-button,.l-post-content .kg-product-card .block.kg-product-card-button,.l-post-content button.block:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button.block{display:block;width:100%}.l-post-content .kg-button-card a.primary.kg-btn,.l-post-content .kg-header-card .primary.kg-header-card-button,.l-post-content .kg-product-card .primary.kg-product-card-button,.l-post-content button.primary:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button.primary{color:#fff;background-color:var(--primary-subtle-color)}.l-post-content .kg-button-card .m-subscribe-section__container.loading a.kg-btn,.l-post-content .kg-button-card a.loading.kg-btn,.l-post-content .kg-header-card .loading.kg-header-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-header-card-button,.l-post-content .kg-product-card .loading.kg-product-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-product-card-button,.l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content button.loading:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-button.loading,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .m-button{cursor:default;overflow:hidden}.l-post-content .kg-button-card .m-subscribe-section__container.loading a.kg-btn:after,.l-post-content .kg-button-card a.loading.kg-btn:after,.l-post-content .kg-header-card .loading.kg-header-card-button:after,.l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-header-card-button:after,.l-post-content .kg-product-card .loading.kg-product-card-button:after,.l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-product-card-button:after,.l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):after,.l-post-content button.loading:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):after,.m-button.loading:after,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.kg-btn:after,.m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-header-card-button:after,.m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-product-card-button:after,.m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):after,.m-subscribe-section__container.loading .m-button:after{content:"";position:absolute;left:0;bottom:0;width:25%;height:2px;background-color:#fff;-webkit-animation:loading 1s infinite;animation:loading 1s infinite}@-webkit-keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.l-post-content input:not(.kg-video-card input):not(.kg-audio-card input),.l-post-content select,.l-post-content textarea,.m-input{color:var(--primary-foreground-color);letter-spacing:.2px;line-height:1.3;font-size:1rem;width:100%;border-radius:5px;padding:11px 15px;border:1px solid var(--primary-border-color);outline:0;background-color:var(--background-color)}.l-post-content input:focus:not(.kg-video-card input):not(.kg-audio-card input),.l-post-content select:focus,.l-post-content textarea:focus,.m-input:focus{border-color:var(--primary-subtle-color)}.l-post-content input.in-search:not(.kg-video-card input):not(.kg-audio-card input),.l-post-content select.in-search,.l-post-content textarea.in-search,.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.l-post-content input.in-search:not(.kg-video-card input):not(.kg-audio-card input),.l-post-content select.in-search,.l-post-content textarea.in-search,.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.l-post-content input.in-subscribe-section:not(.kg-video-card input):not(.kg-audio-card input),.l-post-content select.in-subscribe-section,.l-post-content textarea.in-subscribe-section,.m-input.in-subscribe-section{margin-bottom:15px}.m-share{position:fixed;left:0;bottom:0;width:100%;height:45px;z-index:3;background-color:var(--transparent-background-color);box-shadow:0 -4px 10px rgba(0,0,0,.1),0 0 0 transparent}@media only screen and (min-width:48rem){.m-share{height:50px}}@media only screen and (min-width:64rem){.m-share{position:absolute;top:0;left:auto;right:-75px;width:40px;height:auto;background-color:transparent;box-shadow:0 0 0 transparent,0 0 0 transparent}}@media only screen and (min-width:80rem){.m-share{width:50px;right:-175px}}@media only screen and (min-width:90rem){.m-share{right:-200px}}.m-share a{color:inherit!important}.m-share a:first-of-type{margin-left:0}@media only screen and (min-width:64rem){.m-share a:first-of-type{margin-bottom:0}}.m-share button:last-of-type{margin-right:0}@media only screen and (min-width:64rem){.rtl .m-share{right:auto;left:-75px}}@media only screen and (min-width:80rem){.rtl .m-share{left:-175px}}@media only screen and (min-width:90rem){.rtl .m-share{left:-200px}}.m-share__content{display:flex;align-items:center;justify-content:center;height:100%}@media only screen and (min-width:64rem){.m-share__content{position:sticky;top:100px;flex-direction:column-reverse;align-items:flex-start;height:auto}}.rtl .m-share__content{direction:ltr}.m-subscribe-section{padding:50px 0;background-color:var(--secondary-subtle-color)}@media only screen and (min-width:48rem){.m-subscribe-section{padding:80px 0}}@media only screen and (min-width:48rem){.m-subscribe-section__content{display:flex;align-items:center;justify-content:space-between}}.m-subscribe-section__text{text-align:center;margin-bottom:30px}@media only screen and (min-width:48rem){.m-subscribe-section__text{flex:1;text-align:left;padding-right:75px;margin-bottom:0}}@media only screen and (min-width:48rem){.rtl .m-subscribe-section__text{text-align:right;padding-right:0;padding-left:75px}}.m-subscribe-section__title{color:var(--titles-color);letter-spacing:.3px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0 0 20px}@media only screen and (min-width:48rem){.m-subscribe-section__title{letter-spacing:.3px;font-size:1.5rem;margin-bottom:15px}}.m-subscribe-section__description{letter-spacing:.2px;line-height:1.4}@media only screen and (min-width:48rem){.m-subscribe-section__description{font-size:1.125rem}}@media only screen and (min-width:48rem){.m-subscribe-section__form{width:300px;margin:0 auto}}.l-post-content .kg-button-card .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button a.kg-btn,.l-post-content .kg-button-card .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button a.kg-btn,.l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-header-card a.m-subscribe-section__container.kg-btn .kg-header-card-button,.l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-product-card a.m-subscribe-section__container.kg-btn .kg-product-card-button,.l-post-content .kg-button-card .m-subscribe-section__container.loading .m-subscribe-section__container.m-button a.kg-btn,.l-post-content .kg-button-card .m-subscribe-section__container.loading a.kg-btn,.l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content .kg-button-card a.kg-btn,.l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content .kg-header-card .kg-header-card-button,.l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content .kg-product-card .kg-product-card-button,.l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .m-button,.l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn a.kg-btn,.l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .kg-button-card .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) a.kg-btn,.l-post-content .kg-header-card .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .kg-header-card-button,.l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .kg-header-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-button-card .m-subscribe-section__container.kg-header-card-button a.kg-btn,.l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-header-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-product-card .m-subscribe-section__container.kg-header-card-button .kg-product-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .kg-header-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-button-card a.kg-btn,.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-header-card .kg-header-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-product-card .kg-product-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .m-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .kg-header-card-button,.l-post-content .kg-header-card .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .kg-header-card-button,.l-post-content .kg-product-card .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .kg-product-card-button,.l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .kg-product-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-button-card .m-subscribe-section__container.kg-product-card-button a.kg-btn,.l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-header-card .m-subscribe-section__container.kg-product-card-button .kg-header-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-product-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .kg-product-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-button-card a.kg-btn,.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-header-card .kg-header-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-product-card .kg-product-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .m-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .kg-product-card-button,.l-post-content .kg-product-card .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .kg-product-card-button,.l-post-content .m-subscribe-section__container.loading .kg-button-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) a.kg-btn,.l-post-content .m-subscribe-section__container.loading .kg-header-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .kg-header-card-button,.l-post-content .m-subscribe-section__container.loading .kg-product-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .kg-product-card-button,.l-post-content .m-subscribe-section__container.loading .m-subscribe-section__container.m-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content .kg-button-card a.kg-btn,.l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content .kg-header-card .kg-header-card-button,.l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content .kg-product-card .kg-product-card-button,.l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .m-button,.l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-header-card .m-subscribe-section__container.kg-header-card-button a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-header-card a.m-subscribe-section__container.kg-btn .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-product-card .m-subscribe-section__container.kg-product-card-button a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-product-card a.m-subscribe-section__container.kg-btn .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-button-card .m-subscribe-section__container.m-button a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content .kg-button-card a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content .kg-header-card .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content .kg-product-card .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .m-button,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content .kg-button-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-button-card .m-subscribe-section__container.kg-header-card-button a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-button-card a.m-subscribe-section__container.kg-btn .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.kg-header-card-button .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.kg-product-card-button .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-button-card a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-header-card .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-product-card .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .m-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.m-button .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-header-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-button-card .m-subscribe-section__container.kg-product-card-button a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-button-card a.m-subscribe-section__container.kg-btn .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.kg-header-card-button .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.kg-product-card-button .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-button-card a.kg-btn,.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-header-card .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-product-card .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .m-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.m-button .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .kg-product-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content .m-subscribe-section__container.m-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content .kg-button-card a.kg-btn,.m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content .kg-header-card .kg-header-card-button,.m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content .kg-product-card .kg-product-card-button,.m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) .m-button,.m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button) button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .m-button,.m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content .kg-button-card a.kg-btn,.m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content .kg-header-card .kg-header-card-button,.m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content .kg-product-card .kg-product-card-button,.m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button),.m-subscribe-section__container.loading .m-subscribe-section__container.m-button .m-button{pointer-events:none}.m-subscribe-section__container.success .m-subscribe__success{display:block}.m-subscribe-section__container.success .m-subscribe__error,.m-subscribe-section__container.success .m-subscribe__form,.m-subscribe-section__container.success .m-subscribe__invalid{display:none}.m-subscribe-section__container.error .m-subscribe__error,.m-subscribe-section__container.invalid .m-subscribe__invalid{display:block}.m-subscribe-section__container.error .m-subscribe__form{margin-bottom:20px}.m-subscribe-section__container .m-subscribe__error,.m-subscribe-section__container .m-subscribe__invalid,.m-subscribe-section__container .m-subscribe__success{display:none}.m-subscribe__success_icon{display:block;width:64px;height:64px;margin:0 auto 25px}.m-subscribe__error{text-align:center}.m-author{padding:40px 20px;border-color:var(--secondary-subtle-color);border-style:solid;border-width:1px 0;margin:0 auto}@media only screen and (min-width:48rem){.m-author{display:flex;justify-content:center;padding:60px 40px}}@media only screen and (min-width:80rem){.m-author{padding:60px 0}}@media only screen and (min-width:48rem){.m-author__content{display:flex;max-width:820px}}.m-author__picture{width:90px;margin:0 auto 25px}@media only screen and (min-width:48rem){.m-author__picture{width:100px;margin:0 30px 0 0}}@media only screen and (min-width:48rem){.rtl .m-author__picture{margin:0 0 0 30px}}.m-author__info{text-align:center}@media only screen and (min-width:48rem){.m-author__info{display:flex;flex-direction:column;justify-content:center;flex:1;text-align:left}}@media only screen and (min-width:48rem){.rtl .m-author__info{text-align:right}}.m-author__name{color:var(--link-color);letter-spacing:.2px;line-height:1.3;font-size:1.125rem;font-weight:400;margin:0 0 15px}@media only screen and (min-width:48rem){.m-author__name{letter-spacing:.3px;font-size:1.25rem}}.m-author__bio{letter-spacing:.2px;line-height:1.5;margin-bottom:20px}@media only screen and (min-width:48rem){.m-author__bio{margin-bottom:15px}}.m-author-picture{display:block;width:90px;height:90px}@media only screen and (min-width:48rem){.m-author-picture{width:100px;height:100px}}.m-author-picture div{width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;background-position:50%;background-size:cover}.m-author-links{padding:0;margin:0;list-style-type:none;text-align:center}@media only screen and (min-width:48rem){.m-author-links{text-align:left}}.m-author-links li{display:inline-block;margin:0 11px}.m-author-links li:first-of-type{margin-left:0}.m-author-links li:last-of-type{margin-right:0}.rtl .m-author-links{direction:ltr;text-align:right}.m-comments{padding-top:40px}@media only screen and (min-width:48rem){.m-comments{padding-top:60px}}.m-comments iframe{width:100%;max-width:100%}.m-recommended{padding-top:40px}@media only screen and (min-width:48rem){.m-recommended{padding-top:60px}}.m-recommended-articles{margin:0 -20px}@media only screen and (min-width:64rem){.m-recommended-articles{padding:0 40px;margin:0 -30px}}.m-recommended-slider{list-style-type:none;padding:0;margin:0}@media only screen and (min-width:48rem){.m-recommended-slider .glide__track{padding:0 40px;margin:0 -40px}}.m-recommended-slider .glide__slides{padding:40px 0 60px;margin:0 auto}@media only screen and (min-width:48rem){.m-recommended-slider .glide__slides{padding:40px 0 60px}}@media only screen and (min-width:80rem){.m-recommended-slider .glide__slides{overflow:visible}}.m-recommended-slider .m-article-card{width:100%!important;margin:0!important}@media only screen and (min-width:64rem){.m-recommended-slider .m-article-card .m-article-card__picture{height:190px}}@media only screen and (min-width:80rem){.m-recommended-slider .m-article-card .m-article-card__picture{height:220px}}.m-recommended-slider__item{padding:0 20px} \ No newline at end of file diff --git a/assets/js/app.js b/assets/js/app.js index 205b8512a..865f95f8a 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return o})),n.d(t,"isMobile",(function(){return a})),n.d(t,"isDarkMode",(function(){return i})),n.d(t,"formatDate",(function(){return s})),n.d(t,"getParameterByName",(function(){return r})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return d}));var o=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},i=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},s=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},r=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},16:function(e,t,n){e.exports=n(17)},17:function(e,t,n){"use strict";n.r(t);var o=n(0),a=n.n(o),i=n(7),s=n.n(i),r=n(2),c=n(11),l=(n(18),n(3)),d=n(8),u=n.n(d),m=n(9),h=n(1);a()((function(){Object(h.isRTL)()&&a()("html").attr("dir","rtl").addClass("rtl");var e,t,n=a()("body"),o=a()(".js-header"),i=a()(".js-open-menu"),d=a()(".js-close-menu"),f=a()(".js-menu"),g=a()(".js-toggle-submenu"),p=a()(".js-submenu-option")[0],v=a()(".js-submenu"),w=a()(".js-recent-slider"),b=a()(".js-open-secondary-menu"),j=a()(".js-open-search"),k=a()(".js-close-search"),y=a()(".js-search"),C=a()(".js-input-search"),T=a()(".js-search-results"),O=a()(".js-no-results"),S=a()(".js-toggle-darkmode"),M=a()(".js-notification-close"),x=a()(".js-main-nav"),_=a()(".js-main-nav-left"),I=a()(".js-newsletter"),L=localStorage.getItem("theme"),A=null,D=!1,B=null,E=function(){o.removeClass("submenu-is-active"),g.removeClass("active"),v.removeClass("opened").addClass("closed")},H=function(){n.toggleClass("no-scroll-y")},N=function(e,t){var n=new GhostContentAPI({url:e,key:t,version:"v4"}),o=[],a={shouldSort:!0,ignoreLocation:!0,findAllMatches:!0,includeScore:!0,minMatchCharLength:2,keys:["title","custom_excerpt","tags.name"]};n.posts.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, custom_excerpt"}).then((function(e){for(var t=0,n=e.length;t0){var n=t.substring(0,t.indexOf("?"));window.history.replaceState({},document.title,n)}},V=function(e){Object(h.isMobile)()||(e?(x.addClass("toggle-overflow"),_.addClass("toggle-overflow")):(x.removeClass("toggle-overflow"),_.removeClass("toggle-overflow")))};(i.on("click",(function(){o.addClass("mobile-menu-opened"),f.addClass("opened"),H()})),d.on("click",(function(){o.removeClass("mobile-menu-opened"),f.removeClass("opened"),H()})),g.on("click",(function(){(D=!D)?(o.addClass("submenu-is-active"),g.addClass("active"),v.removeClass("closed").addClass("opened")):E()})),j.on("click",(function(){y.addClass("opened"),setTimeout((function(){C.trigger("focus")}),400),H()})),k.on("click",(function(){C.trigger("blur"),y.removeClass("opened"),H()})),C.on("keyup",(function(){if(C.val().length>0&&A){var e=A.search(C.val()).filter((function(e){if(e.score<=.5)return e})),t="";if(e.length>0){for(var n=0,o=e.length;n

').concat(e[n].item.title,'

').concat(Object(h.formatDate)(e[n].item.published_at)," ");O.hide(),T.html(t),T.show()}else T.html(""),T.hide(),O.show()}else T.html(""),T.hide(),O.hide()})),S.on("change",(function(){S.is(":checked")?(a()("html").attr("data-theme","dark"),localStorage.setItem("theme","dark")):(a()("html").attr("data-theme","light"),localStorage.setItem("theme","light"))})),S.on("mouseenter",(function(){V(!0)})),S.on("mouseleave",(function(){V(!1)})),M.on("click",(function(){R(a()(this).parent())})),a()(window).on("click",(function(e){D&&p&&!p.contains(e.target)&&(D=!1,E())})),a()(document).on("keyup",(function(e){"Escape"===e.key&&y.hasClass("opened")&&k.trigger("click")})),L?(a()("html").attr("data-theme",L),"dark"===L&&S.attr("checked",!0)):Object(h.isDarkMode)()&&S.attr("checked",!0),o.length>0)&&new s.a(o[0],{tolerance:{down:10,up:20},offset:15,onUnpin:function(){if(!Object(h.isMobile)()&&B){var e=B[0];e&&e.state.isVisible&&e.hide()}}}).init();if(w.length>0){var z=new r.d(".js-recent-slider",{type:"slider",rewind:!1,perView:4,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(h.isRTL)()?"rtl":"ltr",breakpoints:{1024:{perView:3,swipeThreshold:80,dragThreshold:120},768:{perView:2,swipeThreshold:80,dragThreshold:120,peek:{before:0,after:115}},568:{perView:1,swipeThreshold:80,dragThreshold:120,peek:{before:0,after:115}}}});z.on("mount.after",(function(){Object(l.a)(".js-recent-article-title",50)})),z.mount({Swipe:r.c,Breakpoints:r.a})}if("undefined"!=typeof disableFadeAnimation&&disableFadeAnimation?a()("[data-aos]").addClass("no-aos-animation"):u.a.init({once:!0,startEvent:"DOMContentLoaded"}),b.length>0){var q=document.getElementById("secondary-navigation-template");B=Object(c.a)(".js-open-secondary-menu",{appendTo:document.body,content:q.innerHTML,allowHTML:!0,arrow:!0,trigger:"click",interactive:!0,onShow:function(){V(!0)},onHidden:function(){V(!1)}})}Object(c.a)(".js-tooltip"),Object(l.a)(".js-article-card-title",100),Object(l.a)(".js-article-card-title-no-image",250),e=Object(h.getParameterByName)("action"),t=Object(h.getParameterByName)("stripe"),"subscribe"===e&&P("subscribe"),"signup"===e&&(window.location="".concat(ghostHost,"/signup/?action=checkout")),"checkout"===e&&P("signup"),"signin"===e&&P("signin"),"success"===t&&P("checkout"),"undefined"!=typeof disableNewsletter&&disableNewsletter&&I.remove(),"undefined"!=typeof ghostSearchApiKey?N(ghostHost,ghostSearchApiKey):(j.css("visibility","hidden"),k.remove(),y.remove())}))}},[[16,0,1]]]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return o})),n.d(t,"isMobile",(function(){return a})),n.d(t,"isDarkMode",(function(){return s})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return r})),n.d(t,"adjustImageGallery",(function(){return l})),n.d(t,"managePostImages",(function(){return c})),n.d(t,"makeImagesZoomable",(function(){return d}));var o=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},s=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},r=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},l=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},16:function(e,t,n){e.exports=n(17)},17:function(e,t,n){"use strict";n.r(t);var o=n(0),a=n.n(o),s=n(7),i=n.n(s),r=n(2),l=n(11),c=(n(18),n(3)),d=n(8),u=n.n(d),m=n(9),h=n(1);a()((function(){Object(h.isRTL)()&&a()("html").attr("dir","rtl").addClass("rtl");var e=a()("body"),t=a()(".js-header"),n=a()(".js-open-menu"),o=a()(".js-close-menu"),s=a()(".js-menu"),d=a()(".js-toggle-submenu"),f=a()(".js-submenu-option")[0],g=a()(".js-submenu"),p=a()(".js-recent-slider"),v=a()(".js-open-secondary-menu"),w=a()(".js-open-search"),b=a()(".js-close-search"),j=a()(".js-search"),k=a()(".js-input-search"),C=a()(".js-search-results"),y=a()(".js-no-results"),T=a()(".js-toggle-darkmode"),M=a()(".js-main-nav"),O=a()(".js-main-nav-left"),S=a()(".js-newsletter"),_=localStorage.getItem("theme"),I=null,L=!1,x=null,A=function(){t.removeClass("submenu-is-active"),d.removeClass("active"),g.removeClass("opened").addClass("closed")},D=function(){e.toggleClass("no-scroll-y")},E=function(e,t){var n=new GhostContentAPI({url:e,key:t,version:"v4"}),o=[],a={shouldSort:!0,ignoreLocation:!0,findAllMatches:!0,includeScore:!0,minMatchCharLength:2,keys:["title","custom_excerpt","tags.name"]};n.posts.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, custom_excerpt"}).then((function(e){for(var t=0,n=e.length;t0&&I){var e=I.search(k.val()).filter((function(e){if(e.score<=.5)return e})),t="";if(e.length>0){for(var n=0,o=e.length;n

').concat(e[n].item.title,'

').concat(Object(h.formatDate)(e[n].item.published_at)," ");y.hide(),C.html(t),C.show()}else C.html(""),C.hide(),y.show()}else C.html(""),C.hide(),y.hide()})),T.on("change",(function(){T.is(":checked")?(a()("html").attr("data-theme","dark"),localStorage.setItem("theme","dark")):(a()("html").attr("data-theme","light"),localStorage.setItem("theme","light"))})),T.on("mouseenter",(function(){R(!0)})),T.on("mouseleave",(function(){R(!1)})),a()(window).on("click",(function(e){L&&f&&!f.contains(e.target)&&(L=!1,A())})),a()(document).on("keyup",(function(e){"Escape"===e.key&&j.hasClass("opened")&&b.trigger("click")})),_?(a()("html").attr("data-theme",_),"dark"===_&&T.attr("checked",!0)):Object(h.isDarkMode)()&&T.attr("checked",!0),t.length>0)&&new i.a(t[0],{tolerance:{down:10,up:20},offset:15,onUnpin:function(){if(!Object(h.isMobile)()&&x){var e=x[0];e&&e.state.isVisible&&e.hide()}}}).init();if(p.length>0){var V=new r.d(".js-recent-slider",{type:"slider",rewind:!1,perView:4,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(h.isRTL)()?"rtl":"ltr",breakpoints:{1024:{perView:3,swipeThreshold:80,dragThreshold:120},768:{perView:2,swipeThreshold:80,dragThreshold:120,peek:{before:0,after:115}},568:{perView:1,swipeThreshold:80,dragThreshold:120,peek:{before:0,after:115}}}});V.on("mount.after",(function(){Object(c.a)(".js-recent-article-title",50)})),V.mount({Swipe:r.c,Breakpoints:r.a})}if("undefined"!=typeof disableFadeAnimation&&disableFadeAnimation?a()("[data-aos]").addClass("no-aos-animation"):u.a.init({once:!0,startEvent:"DOMContentLoaded"}),v.length>0){var H=document.getElementById("secondary-navigation-template");x=Object(l.a)(".js-open-secondary-menu",{appendTo:document.body,content:H.innerHTML,allowHTML:!0,arrow:!0,trigger:"click",interactive:!0,onShow:function(){R(!0)},onHidden:function(){R(!1)}})}Object(l.a)(".js-tooltip"),Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),"undefined"!=typeof disableNewsletter&&disableNewsletter&&S.remove(),"undefined"!=typeof ghostSearchApiKey?E(ghostHost,ghostSearchApiKey):(w.css("visibility","hidden"),b.remove(),j.remove())}))}},[[16,0,1]]]); \ No newline at end of file diff --git a/assets/js/helpers.js b/assets/js/helpers.js index 9826d8e26..d43923a21 100644 --- a/assets/js/helpers.js +++ b/assets/js/helpers.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{1:function(n,e,t){"use strict";t.r(e),t.d(e,"isRTL",(function(){return o})),t.d(e,"isMobile",(function(){return a})),t.d(e,"isDarkMode",(function(){return i})),t.d(e,"formatDate",(function(){return r})),t.d(e,"getParameterByName",(function(){return c})),t.d(e,"adjustImageGallery",(function(){return u})),t.d(e,"managePostImages",(function(){return s})),t.d(e,"makeImagesZoomable",(function(){return d}));var o=function(){var n=document.querySelector("html");return["ar","he","fa"].includes(n.getAttribute("lang"))},a=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(n,")")).matches},i=function(){var n=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return n&&n.matches},r=function(n){return n?new Date(n).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(n,e){e||(e=window.location.href),n=n.replace(/[\[\]]/g,"\\$&");var t=new RegExp("[?&]".concat(n,"(=([^&#]*)|&|#|$)")).exec(e);return t?t[2]?decodeURIComponent(t[2].replace(/\+/g," ")):"":null},u=function(){for(var n=document.querySelectorAll(".kg-gallery-image img"),e=0,t=n.length;e1&&e.last().hide()}),10)}))}},12:function(n,e,t){t(1),t(28),t(30),t(32),t(34),t(36),t(38),n.exports=t(40)},28:function(n,e){},30:function(n,e){},32:function(n,e){},34:function(n,e){},36:function(n,e){},38:function(n,e){},40:function(n,e){}},[[12,0,1]]]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{1:function(n,e,t){"use strict";t.r(e),t.d(e,"isRTL",(function(){return o})),t.d(e,"isMobile",(function(){return a})),t.d(e,"isDarkMode",(function(){return i})),t.d(e,"formatDate",(function(){return r})),t.d(e,"getParameterByName",(function(){return c})),t.d(e,"adjustImageGallery",(function(){return u})),t.d(e,"managePostImages",(function(){return s})),t.d(e,"makeImagesZoomable",(function(){return l}));var o=function(){var n=document.querySelector("html");return["ar","he","fa"].includes(n.getAttribute("lang"))},a=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(n,")")).matches},i=function(){var n=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return n&&n.matches},r=function(n){return n?new Date(n).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(n,e){e||(e=window.location.href),n=n.replace(/[\[\]]/g,"\\$&");var t=new RegExp("[?&]".concat(n,"(=([^&#]*)|&|#|$)")).exec(e);return t?t[2]?decodeURIComponent(t[2].replace(/\+/g," ")):"":null},u=function(){for(var n=document.querySelectorAll(".kg-gallery-image img"),e=0,t=n.length;e1&&e.last().hide()}),10)}))}},12:function(n,e,t){t(1),t(28),t(30),t(32),t(34),t(36),t(38),n.exports=t(40)},28:function(n,e){},30:function(n,e){},32:function(n,e){},34:function(n,e){},36:function(n,e){},38:function(n,e){},40:function(n,e){}},[[12,0,1]]]); \ No newline at end of file diff --git a/assets/js/home.js b/assets/js/home.js index 8627baef8..34c8e87cb 100644 --- a/assets/js/home.js +++ b/assets/js/home.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return r})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return i})),n.d(t,"formatDate",(function(){return a})),n.d(t,"getParameterByName",(function(){return u})),n.d(t,"adjustImageGallery",(function(){return s})),n.d(t,"managePostImages",(function(){return c})),n.d(t,"makeImagesZoomable",(function(){return l}));var r=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},i=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},a=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},u=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},s=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},21:function(e,t,n){e.exports=n(22)},22:function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(3),a=n(2),u=n(1);function s(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n0){var t=e.find(".js-featured-slide").length,n=new a.d(".js-featured-slider",{type:"slider",rewind:!1,gap:0,swipeThreshold:!1,dragThreshold:!1,direction:Object(u.isRTL)()?"rtl":"ltr",breakpoints:{768:{swipeThreshold:1!==t&&80,dragThreshold:1!==t&&120}}});1===t&&e.find(".js-featured-slider-controls").remove(),n.on("mount.after",(function(){Object(i.a)(".js-featured-article-title",200)})),n.mount({Controls:a.b,Swipe:a.c,Breakpoints:a.a,ArrowDisabler:function(e,n){var r="js-featured-slider-controls",o="js-featured-slider-previous",i="js-featured-slider-next";return{mount:function(){e.settings.rewind||1===t||e.on(["mount.after","run"],(function(){var t,a=s(n.Controls.items);try{for(a.s();!(t=a.n()).done;){var u=t.value;if(u.className.includes(r)){var c=u.querySelector(".".concat(o));c&&(0===e.index?c.setAttribute("disabled",""):c.removeAttribute("disabled"));var l=u.querySelector(".".concat(i));if(l)(e.settings.bound?e.index+(e.settings.perView-1):e.index)===n.Sizes.length-1?l.setAttribute("disabled",""):l.removeAttribute("disabled")}}}catch(e){a.e(e)}finally{a.f()}}))}}}}),setTimeout((function(){window.dispatchEvent(new Event("resize"))}),350)}Object(i.a)(".js-featured-article-title",200)}))}},[[21,0,1]]]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return r})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return i})),n.d(t,"formatDate",(function(){return a})),n.d(t,"getParameterByName",(function(){return u})),n.d(t,"adjustImageGallery",(function(){return s})),n.d(t,"managePostImages",(function(){return c})),n.d(t,"makeImagesZoomable",(function(){return l}));var r=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},i=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},a=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},u=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},s=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},21:function(e,t,n){e.exports=n(22)},22:function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(3),a=n(2),u=n(1);function s(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n0){var t=e.find(".js-featured-slide").length,n=new a.d(".js-featured-slider",{type:"slider",rewind:!1,gap:0,swipeThreshold:!1,dragThreshold:!1,direction:Object(u.isRTL)()?"rtl":"ltr",breakpoints:{768:{swipeThreshold:1!==t&&80,dragThreshold:1!==t&&120}}});1===t&&e.find(".js-featured-slider-controls").remove(),n.on("mount.after",(function(){Object(i.a)(".js-featured-article-title",200)})),n.mount({Controls:a.b,Swipe:a.c,Breakpoints:a.a,ArrowDisabler:function(e,n){var r="js-featured-slider-controls",o="js-featured-slider-previous",i="js-featured-slider-next";return{mount:function(){e.settings.rewind||1===t||e.on(["mount.after","run"],(function(){var t,a=s(n.Controls.items);try{for(a.s();!(t=a.n()).done;){var u=t.value;if(u.className.includes(r)){var c=u.querySelector(".".concat(o));c&&(0===e.index?c.setAttribute("disabled",""):c.removeAttribute("disabled"));var l=u.querySelector(".".concat(i));if(l)(e.settings.bound?e.index+(e.settings.perView-1):e.index)===n.Sizes.length-1?l.setAttribute("disabled",""):l.removeAttribute("disabled")}}}catch(e){a.e(e)}finally{a.f()}}))}}}}),setTimeout((function(){window.dispatchEvent(new Event("resize"))}),350)}Object(i.a)(".js-featured-article-title",200)}))}},[[21,0,1]]]); \ No newline at end of file diff --git a/assets/js/page.js b/assets/js/page.js index 2b8904750..5e1763fa0 100644 --- a/assets/js/page.js +++ b/assets/js/page.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return c})),n.d(t,"getParameterByName",(function(){return i})),n.d(t,"adjustImageGallery",(function(){return u})),n.d(t,"managePostImages",(function(){return s})),n.d(t,"makeImagesZoomable",(function(){return m}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},c=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},i=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},u=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},25:function(e,t,n){e.exports=n(26)},26:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(4),c=n.n(r),i=n(5),u=n(1);o()((function(){c()(".js-post-content"),Object(u.adjustImageGallery)(),Object(u.managePostImages)(o.a),Object(u.makeImagesZoomable)(o.a,i.a)}))}},[[25,0,1]]]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return c})),n.d(t,"adjustImageGallery",(function(){return u})),n.d(t,"managePostImages",(function(){return s})),n.d(t,"makeImagesZoomable",(function(){return l}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},u=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},25:function(e,t,n){e.exports=n(26)},26:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(4),i=n.n(r),c=n(5),u=n(1);o()((function(){i()(".js-post-content"),Object(u.adjustImageGallery)(),Object(u.managePostImages)(o.a),Object(u.makeImagesZoomable)(o.a,c.a)}))}},[[25,0,1]]]); \ No newline at end of file diff --git a/assets/js/post.js b/assets/js/post.js index 222542d2e..dd9abc458 100644 --- a/assets/js/post.js +++ b/assets/js/post.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return o})),n.d(t,"isMobile",(function(){return a})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return s})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return d}));var o=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},23:function(e,t,n){e.exports=n(24)},24:function(e,t,n){"use strict";n.r(t);var o=n(0),a=n.n(o),r=n(5),i=n(4),s=n.n(i),c=n(3),l=n(2),d=n(1),u=null,m=null,f=window.pageYOffset,h=0,g=0,p=0,w=!1,b=function(){f=window.pageYOffset,v()},j=function(e){Object(d.isMobile)("1023px")?(a()("body").addClass("share-menu-displayed"),setTimeout((function(){u.removeAttr("data-aos")}),e)):a()("body").removeClass("share-menu-displayed")},y=function(){T(),j(100),setTimeout((function(){O(),v()}),200)},v=function(){w||requestAnimationFrame(k),w=!0},k=function(){var e=g-h,t=Math.ceil(f/e*100);t<=100&&x(t),w=!1},T=function(){h=window.innerHeight,g=a()(document).height()},O=function(){var e=m.parent().width(),t=e/2,n=Object(d.isMobile)()?2:3;m.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),m.attr("stroke-width",n),m.attr("r",t-(n-1)),m.attr("cx",t),m.attr("cy",t),p=2*t*Math.PI,m[0].style.strokeDasharray="".concat(p," ").concat(p),m[0].style.strokeDashoffset=p},x=function(e){if(e<=100){var t=p-e/100*p;m[0].style.strokeDashoffset=t}};a()((function(){u=a()(".js-aos-wrapper");var e=a()(".js-scrolltop"),t=a()(".js-recommended-slider");if(s()(".js-post-content"),Object(d.adjustImageGallery)(),j(1e3),t.length>0){var n=new l.d(".js-recommended-slider",{type:"slider",rewind:!1,perView:3,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(d.isRTL)()?"rtl":"ltr",breakpoints:{1023:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},720:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},568:{type:"carousel",perView:1,swipeThreshold:80,dragThreshold:120}}});n.on("mount.after",(function(){Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250)})),n.on("length.change",(function(e){1===e&&(n.update({type:"slider"}),t.find(".js-controls").remove())})),n.mount({Controls:l.b,Swipe:l.c,Breakpoints:l.a,Length:function(e,t,n){return{mount:function(){n.emit("length.change",t.Sizes.length)}}}})}Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),e.on("click",(function(){a()("html, body").animate({scrollTop:0},500)})),Object(d.managePostImages)(a.a),Object(d.makeImagesZoomable)(a.a,r.a),window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",y,{passive:!0})})),a()(window).on("load",(function(){m=a()(".js-progress"),T(),O(),k(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},[[23,0,1]]]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return s})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return d}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},23:function(e,t,n){e.exports=n(24)},24:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(5),i=n(4),s=n.n(i),c=n(3),l=n(2),d=n(1),u=null,m=null,h=window.pageYOffset,f=0,g=0,p=0,w=!1,b=function(){h=window.pageYOffset,v()},j=function(e){Object(d.isMobile)("1023px")?(o()("body").addClass("share-menu-displayed"),setTimeout((function(){u.removeAttr("data-aos")}),e)):o()("body").removeClass("share-menu-displayed")},y=function(){T(),j(100),setTimeout((function(){O(),v()}),200)},v=function(){w||requestAnimationFrame(k),w=!0},k=function(){var e=g-f,t=Math.ceil(h/e*100);t<=100&&x(t),w=!1},T=function(){f=window.innerHeight,g=o()(document).height()},O=function(){var e=m.parent().width(),t=e/2,n=Object(d.isMobile)()?2:3;m.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),m.attr("stroke-width",n),m.attr("r",t-(n-1)),m.attr("cx",t),m.attr("cy",t),p=2*t*Math.PI,m[0].style.strokeDasharray="".concat(p," ").concat(p),m[0].style.strokeDashoffset=p},x=function(e){if(e<=100){var t=p-e/100*p;m[0].style.strokeDashoffset=t}};o()((function(){u=o()(".js-aos-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-recommended-slider");if(s()(".js-post-content"),Object(d.adjustImageGallery)(),j(1e3),t.length>0){var n=new l.d(".js-recommended-slider",{type:"slider",rewind:!1,perView:3,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(d.isRTL)()?"rtl":"ltr",breakpoints:{1023:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},720:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},568:{type:"carousel",perView:1,swipeThreshold:80,dragThreshold:120}}});n.on("mount.after",(function(){Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250)})),n.on("length.change",(function(e){1===e&&(n.update({type:"slider"}),t.find(".js-controls").remove())})),n.mount({Controls:l.b,Swipe:l.c,Breakpoints:l.a,Length:function(e,t,n){return{mount:function(){n.emit("length.change",t.Sizes.length)}}}})}Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),e.on("click",(function(){o()("html, body").animate({scrollTop:0},500)})),Object(d.managePostImages)(o.a),Object(d.makeImagesZoomable)(o.a,r.a),window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",y,{passive:!0})})),o()(window).on("load",(function(){m=o()(".js-progress"),T(),O(),k(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},[[23,0,1]]]); \ No newline at end of file diff --git a/default.hbs b/default.hbs index fc0452b59..9b76ffb37 100644 --- a/default.hbs +++ b/default.hbs @@ -85,12 +85,31 @@ {{!-- This tag outputs SEO meta+structured data and other important settings --}} {{ghost_head}} - {{!-- This variable is used to make the search form work --}} + {{!-- This style overrides the accent color to match the one from the Admin --}} + + + {{!-- These variables are used to make the search form work --}} + {{#if @custom.search_api_key}} + + {{/if}} + + {{!-- This variable disbale the fade animation when it's enabled --}} + {{#if @custom.disable_fade_animation}} + + {{/if}} {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}} @@ -102,9 +121,6 @@ {{!-- The footer --}} {{> footer}} - {{!-- Notifications alerts --}} - {{> "notifications"}} - {{!-- Common scripts shared between pages --}} diff --git a/index.hbs b/index.hbs index 3601a6db1..eb43ac1a8 100644 --- a/index.hbs +++ b/index.hbs @@ -31,8 +31,12 @@ into the {body} of the default.hbs template --}} {{#if @site.description}}

{{@site.description}}

{{/if}} - {{#if @labs.members}} - {{t "Subscribe"}} + {{#if @custom.use_custom_cta}} + {{@custom.custom_cta_text}} + {{else}} + {{#if @labs.members}} + {{t "Subscribe"}} + {{/if}} {{/if}} diff --git a/package.json b/package.json index 163268e31..c80eefd56 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,33 @@ "xl": { "width": 2000 } + }, + "custom": { + "dark_mode_logo": { + "type": "image" + }, + "search_api_key": { + "type": "text" + }, + "disable_fade_animation": { + "type": "boolean", + "default": false + }, + "use_custom_cta": { + "type": "boolean", + "default": false, + "group": "homepage" + }, + "custom_cta_text": { + "type": "text", + "default": "Subscribe", + "group": "homepage" + }, + "custom_cta_url": { + "type": "text", + "default": "/newsletter", + "group": "homepage" + } } }, "demo": "https://liebling.eduardogomez.io", @@ -54,5 +81,5 @@ "desktop": "assets/screenshot-desktop.jpg", "mobile": "assets/screenshot-mobile.jpg" }, - "version": "1.0.6" + "version": "1.5.0" } diff --git a/partials/header.hbs b/partials/header.hbs index 2952aacc4..693b530c3 100644 --- a/partials/header.hbs +++ b/partials/header.hbs @@ -9,7 +9,10 @@ This header template is shared across all the pages. {{#if @site.logo}} {{else}} @@ -33,7 +36,10 @@ This header template is shared across all the pages. {{#if @site.logo}}
    • {{else}} diff --git a/partials/notifications.hbs b/partials/notifications.hbs deleted file mode 100644 index b7339d9c7..000000000 --- a/partials/notifications.hbs +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - -
    - {{t "Success! Your account is fully activated, you now have access to all content."}} - -
    \ No newline at end of file diff --git a/src/docker-compose.yml b/src/docker-compose.yml index 87b0e9dd9..4efe5f10e 100644 --- a/src/docker-compose.yml +++ b/src/docker-compose.yml @@ -1,8 +1,8 @@ -version: '3' +version: "3" services: ghost: - image: ghost:4.4.0 + image: ghost:4.32.0 container_name: ghost volumes: - ./..:/var/lib/ghost/content/themes/liebling:Z diff --git a/src/js/app.js b/src/js/app.js index 75491e2ed..acbc4ebbb 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -1,93 +1,94 @@ -import $ from 'jquery' -import Headroom from "headroom.js" +import $ from 'jquery'; +import Headroom from 'headroom.js'; import Glide, { Swipe, Breakpoints -} from '@glidejs/glide/dist/glide.modular.esm' +} from '@glidejs/glide/dist/glide.modular.esm'; import tippy from 'tippy.js'; import 'tippy.js/dist/tippy.css'; -import shave from 'shave' -import AOS from 'aos' -import Fuse from 'fuse.js/dist/fuse.basic.esm.min.js' +import shave from 'shave'; +import AOS from 'aos'; +import Fuse from 'fuse.js/dist/fuse.basic.esm.min.js'; import { isRTL, formatDate, isDarkMode, isMobile, getParameterByName -} from './helpers' +} from './helpers'; $(() => { if (isRTL()) { - $('html').attr('dir', 'rtl').addClass('rtl') + $('html') + .attr('dir', 'rtl') + .addClass('rtl'); } - const $body = $('body') - const $header = $('.js-header') - const $openMenu = $('.js-open-menu') - const $closeMenu = $('.js-close-menu') - const $menu = $('.js-menu') - const $toggleSubmenu = $('.js-toggle-submenu') - const $submenuOption = $('.js-submenu-option')[0] - const $submenu = $('.js-submenu') - const $recentSlider = $('.js-recent-slider') - const $openSecondaryMenu = $('.js-open-secondary-menu') - const $openSearch = $('.js-open-search') - const $closeSearch = $('.js-close-search') - const $search = $('.js-search') - const $inputSearch = $('.js-input-search') - const $searchResults = $('.js-search-results') - const $searchNoResults = $('.js-no-results') - const $toggleDarkMode = $('.js-toggle-darkmode') - const $closeNotification = $('.js-notification-close') - const $mainNav = $('.js-main-nav') - const $mainNavLeft = $('.js-main-nav-left') - const $newsletterElements = $('.js-newsletter') - const currentSavedTheme = localStorage.getItem('theme') - - let fuse = null - let submenuIsOpen = false - let secondaryMenuTippy = null + const $body = $('body'); + const $header = $('.js-header'); + const $openMenu = $('.js-open-menu'); + const $closeMenu = $('.js-close-menu'); + const $menu = $('.js-menu'); + const $toggleSubmenu = $('.js-toggle-submenu'); + const $submenuOption = $('.js-submenu-option')[0]; + const $submenu = $('.js-submenu'); + const $recentSlider = $('.js-recent-slider'); + const $openSecondaryMenu = $('.js-open-secondary-menu'); + const $openSearch = $('.js-open-search'); + const $closeSearch = $('.js-close-search'); + const $search = $('.js-search'); + const $inputSearch = $('.js-input-search'); + const $searchResults = $('.js-search-results'); + const $searchNoResults = $('.js-no-results'); + const $toggleDarkMode = $('.js-toggle-darkmode'); + const $mainNav = $('.js-main-nav'); + const $mainNavLeft = $('.js-main-nav-left'); + const $newsletterElements = $('.js-newsletter'); + const currentSavedTheme = localStorage.getItem('theme'); + + let fuse = null; + let submenuIsOpen = false; + let secondaryMenuTippy = null; const showSubmenu = () => { - $header.addClass('submenu-is-active') - $toggleSubmenu.addClass('active') - $submenu.removeClass('closed').addClass('opened') - } + $header.addClass('submenu-is-active'); + $toggleSubmenu.addClass('active'); + $submenu.removeClass('closed').addClass('opened'); + }; const hideSubmenu = () => { - $header.removeClass('submenu-is-active') - $toggleSubmenu.removeClass('active') - $submenu.removeClass('opened').addClass('closed') - } + $header.removeClass('submenu-is-active'); + $toggleSubmenu.removeClass('active'); + $submenu.removeClass('opened').addClass('closed'); + }; const toggleScrollVertical = () => { - $body.toggleClass('no-scroll-y') - } + $body.toggleClass('no-scroll-y'); + }; const tryToRemoveNewsletter = () => { if (typeof disableNewsletter !== 'undefined' && disableNewsletter) { - $newsletterElements.remove() + $newsletterElements.remove(); } - } + }; const trySearchFeature = () => { if (typeof ghostSearchApiKey !== 'undefined') { - getAllPosts(ghostHost, ghostSearchApiKey) + getAllPosts(ghostHost, ghostSearchApiKey); } else { - $openSearch.css('visibility', 'hidden') - $closeSearch.remove() - $search.remove() + $openSearch.css('visibility', 'hidden'); + $closeSearch.remove(); + $search.remove(); } - } + }; const getAllPosts = (host, key) => { const api = new GhostContentAPI({ url: host, key, version: 'v4' - }) - const allPosts = [] + }); + const allPosts = []; const fuseOptions = { shouldSort: true, ignoreLocation: true, @@ -95,126 +96,84 @@ $(() => { includeScore: true, minMatchCharLength: 2, keys: ['title', 'custom_excerpt', 'tags.name'] - } + }; - api.posts.browse({ - limit: 'all', - include: 'tags', - fields: 'id, title, url, published_at, custom_excerpt' - }) - .then((posts) => { + api.posts + .browse({ + limit: 'all', + include: 'tags', + fields: 'id, title, url, published_at, custom_excerpt' + }) + .then(posts => { for (let i = 0, len = posts.length; i < len; i++) { - allPosts.push(posts[i]) + allPosts.push(posts[i]); } - fuse = new Fuse(allPosts, fuseOptions) - }) - .catch((err) => { - console.log(err) + fuse = new Fuse(allPosts, fuseOptions); }) - } - - const showNotification = (typeNotification) => { - const $notification = $(`.js-alert[data-notification="${typeNotification}"]`) - $notification.addClass('opened') - setTimeout(() => { - closeNotification($notification) - }, 5000) - } - - const closeNotification = ($notification) => { - $notification.removeClass('opened') - const url = window.location.toString() - - if (url.indexOf('?') > 0) { - const cleanUrl = url.substring(0, url.indexOf('?')) - window.history.replaceState({}, document.title, cleanUrl) - } - } + .catch(err => { + console.log(err); + }); + }; - const checkForActionParameter = () => { - const action = getParameterByName('action') - const stripe = getParameterByName('stripe') - - if (action === 'subscribe') { - showNotification('subscribe') - } - - if (action === 'signup') { - window.location = `${ghostHost}/signup/?action=checkout` - } - - if (action === 'checkout') { - showNotification('signup') - } - - if (action === 'signin') { - showNotification('signin') - } - - if (stripe === 'success') { - showNotification('checkout') - } - } - - const toggleDesktopTopbarOverflow = (disableOverflow) => { + const toggleDesktopTopbarOverflow = disableOverflow => { if (!isMobile()) { if (disableOverflow) { - $mainNav.addClass('toggle-overflow') - $mainNavLeft.addClass('toggle-overflow') + $mainNav.addClass('toggle-overflow'); + $mainNavLeft.addClass('toggle-overflow'); } else { - $mainNav.removeClass('toggle-overflow') - $mainNavLeft.removeClass('toggle-overflow') + $mainNav.removeClass('toggle-overflow'); + $mainNavLeft.removeClass('toggle-overflow'); } } - } + }; $openMenu.on('click', () => { - $header.addClass('mobile-menu-opened') - $menu.addClass('opened') - toggleScrollVertical() - }) + $header.addClass('mobile-menu-opened'); + $menu.addClass('opened'); + toggleScrollVertical(); + }); $closeMenu.on('click', () => { - $header.removeClass('mobile-menu-opened') - $menu.removeClass('opened') - toggleScrollVertical() - }) + $header.removeClass('mobile-menu-opened'); + $menu.removeClass('opened'); + toggleScrollVertical(); + }); $toggleSubmenu.on('click', () => { - submenuIsOpen = !submenuIsOpen + submenuIsOpen = !submenuIsOpen; if (submenuIsOpen) { - showSubmenu() + showSubmenu(); } else { - hideSubmenu() + hideSubmenu(); } - }) + }); $openSearch.on('click', () => { - $search.addClass('opened') + $search.addClass('opened'); setTimeout(() => { - $inputSearch.trigger('focus') + $inputSearch.trigger('focus'); }, 400); - toggleScrollVertical() - }) + toggleScrollVertical(); + }); $closeSearch.on('click', () => { - $inputSearch.trigger('blur') - $search.removeClass('opened') - toggleScrollVertical() - }) + $inputSearch.trigger('blur'); + $search.removeClass('opened'); + toggleScrollVertical(); + }); $inputSearch.on('keyup', () => { if ($inputSearch.val().length > 0 && fuse) { - const results = fuse.search($inputSearch.val()) - const bestResults = results.filter((result) => { + const results = fuse.search($inputSearch.val()); + const bestResults = results.filter(result => { if (result.score <= 0.5) { - return result + return result; } - }) + }); - let htmlString = '' + let htmlString = ''; if (bestResults.length > 0) { for (let i = 0, len = bestResults.length; i < len; i++) { @@ -222,72 +181,70 @@ $(() => { ` + `; } - $searchNoResults.hide() - $searchResults.html(htmlString) - $searchResults.show() + $searchNoResults.hide(); + $searchResults.html(htmlString); + $searchResults.show(); } else { - $searchResults.html('') - $searchResults.hide() - $searchNoResults.show() + $searchResults.html(''); + $searchResults.hide(); + $searchNoResults.show(); } } else { - $searchResults.html('') - $searchResults.hide() - $searchNoResults.hide() + $searchResults.html(''); + $searchResults.hide(); + $searchNoResults.hide(); } - }) + }); $toggleDarkMode.on('change', () => { if ($toggleDarkMode.is(':checked')) { - $('html').attr('data-theme', 'dark') - localStorage.setItem('theme', 'dark') + $('html').attr('data-theme', 'dark'); + localStorage.setItem('theme', 'dark'); } else { - $('html').attr('data-theme', 'light') - localStorage.setItem('theme', 'light') + $('html').attr('data-theme', 'light'); + localStorage.setItem('theme', 'light'); } - }) + }); $toggleDarkMode.on('mouseenter', () => { - toggleDesktopTopbarOverflow(true) - }) + toggleDesktopTopbarOverflow(true); + }); $toggleDarkMode.on('mouseleave', () => { - toggleDesktopTopbarOverflow(false) - }) - - $closeNotification.on('click', function () { - closeNotification($(this).parent()) - }) + toggleDesktopTopbarOverflow(false); + }); - $(window).on('click', (e) => { + $(window).on('click', e => { if (submenuIsOpen) { if ($submenuOption && !$submenuOption.contains(e.target)) { - submenuIsOpen = false - hideSubmenu() + submenuIsOpen = false; + hideSubmenu(); } } - }) + }); - $(document).on('keyup', (e) => { + $(document).on('keyup', e => { if (e.key === 'Escape' && $search.hasClass('opened')) { - $closeSearch.trigger('click') + $closeSearch.trigger('click'); } - }) + }); if (currentSavedTheme) { - $('html').attr('data-theme', currentSavedTheme) + $('html').attr('data-theme', currentSavedTheme); if (currentSavedTheme === 'dark') { - $toggleDarkMode.attr('checked', true) + $toggleDarkMode.attr('checked', true); } } else { if (isDarkMode()) { - $toggleDarkMode.attr('checked', true) + $toggleDarkMode.attr('checked', true); } } @@ -300,17 +257,18 @@ $(() => { offset: 15, onUnpin: () => { if (!isMobile() && secondaryMenuTippy) { - const desktopSecondaryMenuTippy = secondaryMenuTippy[0] + const desktopSecondaryMenuTippy = secondaryMenuTippy[0]; if ( - desktopSecondaryMenuTippy && desktopSecondaryMenuTippy.state.isVisible + desktopSecondaryMenuTippy && + desktopSecondaryMenuTippy.state.isVisible ) { - desktopSecondaryMenuTippy.hide() + desktopSecondaryMenuTippy.hide(); } } } - }) - headroom.init() + }); + headroom.init(); } if ($recentSlider.length > 0) { @@ -341,26 +299,26 @@ $(() => { peek: { before: 0, after: 115 } } } - }) + }); recentSlider.on('mount.after', () => { - shave('.js-recent-article-title', 50) - }) + shave('.js-recent-article-title', 50); + }); - recentSlider.mount({ Swipe, Breakpoints }) + recentSlider.mount({ Swipe, Breakpoints }); } if (typeof disableFadeAnimation === 'undefined' || !disableFadeAnimation) { AOS.init({ once: true, - startEvent: 'DOMContentLoaded', - }) + startEvent: 'DOMContentLoaded' + }); } else { - $('[data-aos]').addClass('no-aos-animation') + $('[data-aos]').addClass('no-aos-animation'); } if ($openSecondaryMenu.length > 0) { - const template = document.getElementById('secondary-navigation-template') + const template = document.getElementById('secondary-navigation-template'); secondaryMenuTippy = tippy('.js-open-secondary-menu', { appendTo: document.body, @@ -370,20 +328,19 @@ $(() => { trigger: 'click', interactive: true, onShow() { - toggleDesktopTopbarOverflow(true) + toggleDesktopTopbarOverflow(true); }, onHidden() { - toggleDesktopTopbarOverflow(false) + toggleDesktopTopbarOverflow(false); } - }) + }); } - tippy('.js-tooltip') + tippy('.js-tooltip'); - shave('.js-article-card-title', 100) - shave('.js-article-card-title-no-image', 250) + shave('.js-article-card-title', 100); + shave('.js-article-card-title-no-image', 250); - checkForActionParameter() - tryToRemoveNewsletter() - trySearchFeature() -}) + tryToRemoveNewsletter(); + trySearchFeature(); +}); diff --git a/src/js/helpers.js b/src/js/helpers.js index cf24229d3..c9ebd13e6 100644 --- a/src/js/helpers.js +++ b/src/js/helpers.js @@ -1,80 +1,89 @@ export const isRTL = () => { - const $html = document.querySelector('html') - return ['ar', 'he', 'fa'].includes($html.getAttribute('lang')) -} + const $html = document.querySelector('html'); + return ['ar', 'he', 'fa'].includes($html.getAttribute('lang')); +}; export const isMobile = (width = '768px') => { - return window.matchMedia(`(max-width: ${width})`).matches -} + return window.matchMedia(`(max-width: ${width})`).matches; +}; export const isDarkMode = () => { - const darkModeMatcher = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)') + const darkModeMatcher = + window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)'); - return darkModeMatcher && darkModeMatcher.matches -} + return darkModeMatcher && darkModeMatcher.matches; +}; -export const formatDate = (date) => { +export const formatDate = date => { if (date) { - return new Date(date).toLocaleDateString( - document.documentElement.lang, - { - year: 'numeric', - month: 'long', - day: 'numeric' - } - ) + return new Date(date).toLocaleDateString(document.documentElement.lang, { + year: 'numeric', + month: 'long', + day: 'numeric' + }); } - return '' -} + return ''; +}; export const getParameterByName = (name, url) => { - if (!url) url = window.location.href + if (!url) url = window.location.href; - name = name.replace(/[\[\]]/g, '\\$&') + name = name.replace(/[\[\]]/g, '\\$&'); - const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`) - const results = regex.exec(url) + const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`); + const results = regex.exec(url); - if (!results) return null + if (!results) return null; - if (!results[2]) return '' + if (!results[2]) return ''; - return decodeURIComponent(results[2].replace(/\+/g, ' ')) -} + return decodeURIComponent(results[2].replace(/\+/g, ' ')); +}; export const adjustImageGallery = () => { - const images = document.querySelectorAll('.kg-gallery-image img') + const images = document.querySelectorAll('.kg-gallery-image img'); for (var i = 0, len = images.length; i < len; i++) { - const container = images[i].closest('.kg-gallery-image') - const width = images[i].attributes.width.value - const height = images[i].attributes.height.value - const ratio = width / height - container.style.flex = `${ratio} 1 0%` + const container = images[i].closest('.kg-gallery-image'); + const width = images[i].attributes.width.value; + const height = images[i].attributes.height.value; + const ratio = width / height; + container.style.flex = `${ratio} 1 0%`; } -} - -export const managePostImages = ($) => { - $('.js-post-content').find('img').each(function () { - if ( - !$(this).closest('figure').hasClass('kg-bookmark-card') && - !$(this).parent().is('a') - ) { - $(this).addClass('js-zoomable') - } - }) -} +}; + +export const managePostImages = $ => { + $('.js-post-content') + .find('img') + .each(function() { + if ( + !$(this) + .closest('figure') + .hasClass('kg-bookmark-card') && + !$(this) + .closest('figure') + .hasClass('kg-nft-card') && + !$(this) + .parent() + .is('a') && + !$(this).hasClass('kg-product-card-image') && + !$(this).hasClass('kg-audio-thumbnail') + ) { + $(this).addClass('js-zoomable'); + } + }); +}; export const makeImagesZoomable = ($, mediumZoom) => { - const zoom = mediumZoom('.js-zoomable') + const zoom = mediumZoom('.js-zoomable'); zoom.on('opened', () => { setTimeout(() => { - const $mediumZoomImages = $('.medium-zoom-image--opened') + const $mediumZoomImages = $('.medium-zoom-image--opened'); if ($mediumZoomImages.length > 1) { - $mediumZoomImages.last().hide() + $mediumZoomImages.last().hide(); } - }, 10) - }) -} + }, 10); + }); +}; diff --git a/src/sass/app.scss b/src/sass/app.scss index c7cd4acff..63ef443e8 100644 --- a/src/sass/app.scss +++ b/src/sass/app.scss @@ -15,7 +15,6 @@ @import "components/ui/section-title"; @import "components/ui/small-text"; @import "components/ui/not-found"; -@import "components/ui/alert"; @import "components/header/header"; @import "components/header/mobile-topbar"; @import "components/header/logo"; diff --git a/src/sass/common/_themes.scss b/src/sass/common/_themes.scss index 8836d934b..9f44519bf 100644 --- a/src/sass/common/_themes.scss +++ b/src/sass/common/_themes.scss @@ -9,9 +9,9 @@ --link-color: #133467; --primary-border-color: #9b9b9b; --secondary-border-color: aliceblue; - --article-shadow-normal: 0 10px 10px rgba(0,0,0,0.08); - --article-shadow-hover: 0 4px 60px 0 rgba(0,0,0,0.2); - --transparent-background-color: rgba(255,255,255,0.99); + --article-shadow-normal: 0 10px 10px rgba(0, 0, 0, 0.08); + --article-shadow-hover: 0 4px 60px 0 rgba(0, 0, 0, 0.2); + --transparent-background-color: rgba(255, 255, 255, 0.99); --footer-background-color: #133467; --submenu-shadow-color-opacity: 0.25; --button-shadow-color-normal: rgba(108, 108, 108, 0.2); @@ -23,6 +23,7 @@ --toggle-darkmode-background-color: rgba(0, 0, 0, 0.05); --header-menu-gradient-first-color: rgba(255, 255, 255, 0); --header-menu-gradient-second-color: rgba(255, 255, 255, 1); + --kg-card-img-invert-color: 0; } [data-theme="dark"] { @@ -35,9 +36,9 @@ --link-color: #b6b7f6; --primary-border-color: #1d1d1d; --secondary-border-color: #0f0f0f; - --article-shadow-normal: 0 4px 5px 5px rgba(0,0,0,0.1); - --article-shadow-hover: 0 4px 5px 10px rgba(0,0,0,0.1); - --transparent-background-color: rgba(0,0,0,0.99); + --article-shadow-normal: 0 4px 5px 5px rgba(0, 0, 0, 0.1); + --article-shadow-hover: 0 4px 5px 10px rgba(0, 0, 0, 0.1); + --transparent-background-color: rgba(0, 0, 0, 0.99); --footer-background-color: #080808; --submenu-shadow-color-opacity: 0.55; --button-shadow-color-normal: rgba(10, 10, 10, 0.5); @@ -49,6 +50,7 @@ --toggle-darkmode-background-color: rgba(0, 0, 0, 0.5); --header-menu-gradient-first-color: rgba(17, 17, 17, 0); --header-menu-gradient-second-color: rgba(17, 17, 17, 0.65); + --kg-card-img-invert-color: 1; } @media (prefers-color-scheme: dark) { @@ -62,9 +64,9 @@ --link-color: #b6b7f6; --primary-border-color: #1d1d1d; --secondary-border-color: #0f0f0f; - --article-shadow-normal: 0 4px 5px 5px rgba(0,0,0,0.1); - --article-shadow-hover: 0 4px 5px 10px rgba(0,0,0,0.1); - --transparent-background-color: rgba(0,0,0,0.99); + --article-shadow-normal: 0 4px 5px 5px rgba(0, 0, 0, 0.1); + --article-shadow-hover: 0 4px 5px 10px rgba(0, 0, 0, 0.1); + --transparent-background-color: rgba(0, 0, 0, 0.99); --footer-background-color: #080808; --submenu-shadow-color-opacity: 0.55; --button-shadow-color-normal: rgba(10, 10, 10, 0.5); @@ -76,5 +78,6 @@ --toggle-darkmode-background-color: rgba(0, 0, 0, 0.5); --header-menu-gradient-first-color: rgba(17, 17, 17, 0); --header-menu-gradient-second-color: rgba(17, 17, 17, 0.65); + --kg-card-img-invert-color: 1; } } diff --git a/src/sass/components/header/_logo.scss b/src/sass/components/header/_logo.scss index 675760558..c960803a4 100644 --- a/src/sass/components/header/_logo.scss +++ b/src/sass/components/header/_logo.scss @@ -7,6 +7,14 @@ max-width: 150px; height: 100%; object-fit: contain; + + &.m-logo__image-light { + display: var(--toggle-darkmode-button-display-moon); + } + + &.m-logo__image-dark { + display: var(--toggle-darkmode-button-display-sun); + } } &.in-mobile-topbar { diff --git a/src/sass/components/ui/_alert.scss b/src/sass/components/ui/_alert.scss deleted file mode 100644 index ed473ad55..000000000 --- a/src/sass/components/ui/_alert.scss +++ /dev/null @@ -1,75 +0,0 @@ -.m-alert { - color: $white; - text-align: center; - letter-spacing: 1px; - line-height: 1.4; - font-size: 0.875rem; - visibility: hidden; - position: fixed; - top: 0; - left: 0; - width: 100%; - padding: 16px 45px 14px; - z-index: 11; - @include transform(translateY(-100%)); - @include transition(transform 0.2s ease); - - @include respond-to('medium') { - font-size: 1rem; - padding: 24px 75px 22px; - } - - &.success { - background-color: var(--primary-subtle-color); - } - - &.opened { - visibility: visible; - @include transform(translateY(0)); - } -} - -.m-alert__close { - display: flex; - align-items: center; - justify-content: center; - position: absolute; - top: 50%; - right: $mobile-space; - width: 20px; - height: 20px; - cursor: pointer; - outline: 0; - border: 0; - padding: 0; - background-color: transparent; - @extend .no-appearance; - @include transform(translateY(-50%)); - - @include respond-to('medium') { - right: 40px; - width: 25px; - height: 25px; - } - - span { - color: $white; - font-size: 0.75rem; - - @include respond-to('medium') { - font-size: 0.875rem; - } - } -} - -.rtl { - .m-alert__close { - right: auto; - left: $mobile-space; - - @include respond-to('medium') { - right: auto; - left: 40px; - } - } -} diff --git a/src/sass/layouts/_post-content.scss b/src/sass/layouts/_post-content.scss index 0287d3f2b..34c8495d0 100644 --- a/src/sass/layouts/_post-content.scss +++ b/src/sass/layouts/_post-content.scss @@ -1,12 +1,12 @@ .l-post-content { padding-bottom: 15px; - @include respond-to('medium') { + @include respond-to("medium") { max-width: 820px; min-height: 400px; margin: 0 auto; - @include respond-to('medium') { + @include respond-to("medium") { padding-bottom: 30px; } } @@ -23,7 +23,7 @@ padding-top: 5px; margin: 0 0 30px; - @include respond-to('medium') { + @include respond-to("medium") { padding-top: 10px; margin-bottom: 40px; } @@ -32,31 +32,31 @@ h1 { font-size: 2.125rem; - @include respond-to('medium') { + @include respond-to("medium") { font-size: 2.625rem; } } h2 { - font-size: 1.750rem; + font-size: 1.75rem; - @include respond-to('medium') { - font-size: 2.250rem; + @include respond-to("medium") { + font-size: 2.25rem; } } h3 { font-size: 1.375rem; - @include respond-to('medium') { - font-size: 1.750rem; + @include respond-to("medium") { + font-size: 1.75rem; } } h4 { font-size: 1rem; - @include respond-to('medium') { + @include respond-to("medium") { font-size: 1.375rem; } } @@ -64,7 +64,7 @@ h5 { font-size: 0.938rem; - @include respond-to('medium') { + @include respond-to("medium") { font-size: 1.125rem; } } @@ -72,7 +72,7 @@ h6 { font-size: 0.813rem; - @include respond-to('medium') { + @include respond-to("medium") { font-size: 1rem; } } @@ -83,10 +83,10 @@ font-size: 1.125rem; margin-bottom: 25px; - @include respond-to('medium') { + @include respond-to("medium") { letter-spacing: 0.3px; line-height: 1.6; - font-size: 1.250rem; + font-size: 1.25rem; margin-bottom: 30px; } @@ -95,7 +95,8 @@ } } - b, strong { + b, + strong { font-weight: 600; } @@ -113,17 +114,18 @@ } } - ul, ol { + ul, + ol { letter-spacing: 0.2px; line-height: 1.5; font-size: 1.125rem; padding-left: 20px; margin: 0 0 20px 0; - @include respond-to('medium') { + @include respond-to("medium") { letter-spacing: 0.3px; line-height: 1.6; - font-size: 1.250rem; + font-size: 1.25rem; padding-left: 40px; margin-bottom: 30px; } @@ -139,7 +141,7 @@ max-width: 100%; margin: 0 auto 35px; - @include respond-to('medium') { + @include respond-to("medium") { margin-bottom: 40px; } } @@ -151,7 +153,7 @@ .fluid-width-video-wrapper { margin: 0 auto 35px; - @include respond-to('medium') { + @include respond-to("medium") { margin-bottom: 40px; } } @@ -161,7 +163,7 @@ padding: 20px 0 40px; margin: 0 -#{$mobile-space}; - @include respond-to('medium') { + @include respond-to("medium") { padding: 20px 0 50px; margin: 0; } @@ -187,16 +189,15 @@ } &.kg-width-wide { - @include respond-to('extra-large') { + @include respond-to("extra-large") { margin: 0 -70px; } } &.kg-width-full { - @include respond-to('medium') { + @include respond-to("medium") { width: 100vw; margin-left: 50%; - @include transform(translateX(-50%)); } } @@ -214,10 +215,10 @@ text-align: center; letter-spacing: 0.1px; line-height: 1.3; - font-size: 0.750rem; + font-size: 0.75rem; padding: 10px $mobile-space 0 $mobile-space; - @include respond-to('medium') { + @include respond-to("medium") { font-size: 0.875rem; padding: 15px 0 0 0; } @@ -267,12 +268,12 @@ border: 0; border-top: 1px solid var(--secondary-subtle-color); - @include respond-to('medium') { + @include respond-to("medium") { margin: 50px 0; } &:after { - content: ''; + content: ""; position: absolute; top: 50%; left: 50%; @@ -281,9 +282,9 @@ border-radius: 50%; background-color: var(--secondary-subtle-color); @include bs(0 0 0 10px var(--background-color)); - @include transform(translate(-50%,-50%)); + @include transform(translate(-50%, -50%)); - @include respond-to('medium') { + @include respond-to("medium") { width: 12px; height: 12px; @include bs(0 0 0 20px var(--background-color)); @@ -297,18 +298,39 @@ line-height: 1.5; font-size: 1.125rem; font-style: italic; - font-family: Georgia, 'Times New Roman', Times, serif; + font-family: Georgia, "Times New Roman", Times, serif; padding: 0 40px; margin: 0 0 25px; - @include respond-to('medium') { + @include respond-to("medium") { letter-spacing: 0.3px; line-height: 1.6; - font-size: 1.250rem; + font-size: 1.25rem; padding: 0 60px; margin-bottom: 30px; } + &.kg-blockquote-alt { + color: var(--primary-subtle-color); + line-height: 1.2; + font-family: inherit; + font-style: normal; + font-weight: 700; + font-size: 2rem; + padding-top: 20px; + padding-bottom: 20px; + + @include respond-to("medium") { + font-size: 2.625rem; + padding-top: 40px; + padding-bottom: 40px; + } + + &:before { + display: none; + } + } + &:before { content: '"'; position: absolute; @@ -318,7 +340,7 @@ line-height: 1; font-size: 2.625rem; - @include respond-to('medium') { + @include respond-to("medium") { font-size: 4rem; } } @@ -334,7 +356,7 @@ width: calc(100% + 40px); margin: 0 -#{$mobile-space} 25px; - @include respond-to('medium') { + @include respond-to("medium") { font-size: 1rem; width: 100%; margin: 0 0 30px; @@ -361,7 +383,7 @@ text-align: center; padding: 10px; - @include respond-to('medium') { + @include respond-to("medium") { padding: 20px; } } @@ -371,7 +393,7 @@ display: inline-block; color: var(--link-color); font-size: 0.9rem; - font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; padding: 0 5px; border-radius: 5px; background-color: var(--secondary-subtle-color); @@ -379,7 +401,7 @@ pre { line-height: 1.4; - font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; margin: 0 0 25px; overflow-x: auto; border-radius: 5px; @@ -397,7 +419,7 @@ -ms-hyphens: none; hyphens: none; - @include respond-to('medium') { + @include respond-to("medium") { margin-bottom: 30px; } @@ -417,7 +439,7 @@ -ms-hyphens: none; hyphens: none; - @include respond-to('medium') { + @include respond-to("medium") { padding: 20px 20px 0; } } @@ -430,12 +452,12 @@ form { margin-bottom: 25px; - @include respond-to('medium') { + @include respond-to("medium") { margin-bottom: 30px; } } - input, + input:not(.kg-video-card input):not(.kg-audio-card input), textarea, select { margin-bottom: 20px; @@ -456,7 +478,8 @@ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA5IDUiPgogICAgPHBhdGggZmlsbD0iIzU2NWU2MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMi41N2EuMjQ3LjI0NyAwIDAgMSAwIC4zNkw0LjY4IDQuNTdhLjI0Ny4yNDcgMCAwIDEtLjM2IDBMLjY4LjkzYS4yNDcuMjQ3IDAgMCAxIDAtLjM2bC4zOS0uMzlhLjI0Ny4yNDcgMCAwIDEgLjM2IDBMNC41IDMuMjUgNy41Ny4xOGEuMjQ3LjI0NyAwIDAgMSAuMzYgMGwuMzkuMzl6Ii8+Cjwvc3ZnPgo="); } - button:not(.m-icon-button) { + button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card + button) { border: 1px solid var(--primary-foreground-color) !important; @extend .m-button; } @@ -467,7 +490,7 @@ margin: 30px auto !important; background: var(--background-color); - @include respond-to('medium') { + @include respond-to("medium") { margin: 40px auto !important; } @@ -551,7 +574,7 @@ } .kg-bookmark-author:after { - content: '•'; + content: "•"; margin: 0 6px; } @@ -578,15 +601,225 @@ order: 2; } } + + .kg-nft-card { + .kg-nft-card-container { + border-radius: 20px; + background-color: var(--background-color); + } + + .kg-ntf-image-container { + border-radius: 20px 20px 0 0; + overflow: hidden; + } + + .kg-nft-metadata { + border-radius: 0 0 20px 20px; + } + + .kg-nft-header { + margin-bottom: 10px; + + img { + display: inline-block; + width: 100px; + max-width: 100px; + margin: 0; + filter: #{"invert(var(--kg-card-img-invert-color))"}; + } + } + + .kg-nft-title { + color: var(--secondary-foreground-color); + padding-top: 0; + } + + kg-nft-description, + .kg-nft-creator { + color: var(--primary-foreground-color); + + span { + color: var(--secondary-foreground-color); + } + } + } + + .kg-button-card { + padding: 30px 0; + margin-bottom: 25px; + + a.kg-btn { + color: $white !important; + font-family: inherit !important; + height: auto; + background-color: var(--primary-subtle-color) !important; + @include bs(0 2px 4px var(--button-shadow-color-normal)); + @extend .m-button; + + &:hover { + opacity: 1; + @include transform(translateY(-2px)); + @include bs(0 4px 8px var(--button-shadow-color-hover)); + } + } + } + + .kg-callout-card { + margin-bottom: 25px; + + @include respond-to("medium") { + margin-bottom: 30px; + } + + .kg-callout-emoji { + padding-right: 24px; + } + + .kg-callout-text { + font-size: 1.0625rem; + + @include respond-to("medium") { + font-size: 1.125rem; + } + } + } + + .kg-header-card { + width: 100vw; + margin-top: 30px; + margin-bottom: 30px; + margin-left: 50%; + @include transform(translateX(-50%)); + + @include respond-to("medium") { + margin-top: 40px; + margin-bottom: 40px; + } + + &.kg-style-light { + .kg-header-card-header, + .kg-header-card-subheader { + color: $titles; + } + + .kg-header-card-button { + color: $white !important; + background-color: var(--primary-subtle-color) !important; + } + } + + .kg-header-card-button { + color: $titles !important; + font-family: inherit; + height: auto !important; + background-color: $white !important; + @extend .m-button; + + &:hover { + opacity: 1; + @include transform(translateY(-2px)); + @include bs(0 4px 8px var(--button-shadow-color-hover)); + } + } + } + + .kg-toggle-card { + margin-bottom: 20px; + + .kg-toggle-heading-text { + padding-top: 0; + } + + .kg-toggle-card-icon { + display: flex !important; + align-items: center; + justify-content: center; + border: 0 !important; + padding: 0; + } + } + + .kg-product-card { + margin-bottom: 30px; + + @include respond-to("medium") { + margin-bottom: 40px; + } + + .kg-product-card-image { + margin-bottom: 0; + border-radius: 5px; + } + + .kg-product-card-title { + padding-top: 0; + font-family: inherit; + } + + .kg-product-card-description { + p { + font-family: inherit; + } + } + + .kg-product-card-button { + color: $white !important; + font-family: inherit !important; + height: auto; + background-color: var(--primary-subtle-color) !important; + @extend .m-button; + } + } + + .kg-file-card { + margin-bottom: 30px; + + @include respond-to("medium") { + margin-bottom: 40px; + } + } + + .kg-audio-card { + margin-bottom: 30px; + + @include respond-to("medium") { + margin-bottom: 40px; + } + + img { + margin: 8px; + } + + .kg-audio-play-icon, + .kg-audio-pause-icon, + .kg-audio-unmute-icon, + .kg-audio-mute-icon { + svg { + fill: var(--secondary-foreground-color); + } + } + + .kg-audio-playback-rate { + color: var(--secondary-foreground-color); + } + + .kg-audio-seek-slider, + .kg-audio-volume-slider { + &:before { + background-color: var(--secondary-foreground-color); + } + } + } } .rtl { .l-post-content { - ul, ol { + ul, + ol { padding-left: 0; padding-right: 20px; - @include respond-to('medium') { + @include respond-to("medium") { padding-left: 0; padding-right: 40px; } @@ -609,12 +842,33 @@ } figure.kg-width-full { - @include respond-to('medium') { + @include respond-to("medium") { margin-left: 0; margin-right: 50%; @include transform(translateX(50%)); } } + + .kg-callout-card { + .kg-callout-emoji { + padding-right: auto; + padding-left: 24px; + } + } + + .kg-toggle-card { + .kg-toggle-card-icon { + margin-left: 0; + margin-right: 16px; + } + } + + .kg-product-card { + .kg-product-card-rating { + padding-left: 0; + padding-right: 16px; + } + } } }