From cd14b23e9528675c65c0f82b3da4a4667e90a1f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Eduardo=20G=C3=B3mez?= Date: Thu, 2 Jul 2020 22:23:00 +0200 Subject: [PATCH] Css refactoring (#218) --- assets/css/404.css | 1 + assets/css/app.css | 3 +- assets/css/home.css | 1 + assets/css/listing.css | 1 + assets/css/newsletter.css | 1 + assets/css/post.css | 1 + assets/js/helpers.js | 2 +- author.hbs | 5 ++ default.hbs | 3 + error-404.hbs | 5 ++ index.hbs | 6 ++ package.json | 2 +- page-authors.hbs | 5 ++ page-newsletter.hbs | 5 ++ page.hbs | 5 ++ post.hbs | 5 ++ src/package.json | 2 +- src/sass/404.scss | 8 ++ src/sass/app.scss | 25 +------ src/sass/common/_helpers.scss | 7 +- src/sass/common/_mixins.scss | 2 - src/sass/common/_reset.scss | 3 - src/sass/components/header/_nav.scss | 74 +++++++++---------- .../components/header/_recent-article.scss | 1 - src/sass/components/header/_submenu.scss | 2 - src/sass/components/header/_tags.scss | 24 +++--- src/sass/home.scss | 5 ++ src/sass/layouts/_post-content.scss | 6 +- src/sass/libs/aos/_animations.scss | 27 +------ src/sass/libs/aos/_easing.scss | 2 +- src/sass/libs/glide/_glide.core.scss | 1 - src/sass/listing.scss | 4 + src/sass/newsletter.scss | 7 ++ src/sass/post.scss | 18 +++++ src/webpack.mix.js | 5 ++ subscribe.hbs | 5 ++ tag.hbs | 5 ++ 37 files changed, 163 insertions(+), 121 deletions(-) create mode 100644 assets/css/404.css create mode 100644 assets/css/home.css create mode 100644 assets/css/listing.css create mode 100644 assets/css/newsletter.css create mode 100644 assets/css/post.css create mode 100644 src/sass/404.scss create mode 100644 src/sass/home.scss create mode 100644 src/sass/listing.scss create mode 100644 src/sass/newsletter.scss create mode 100644 src/sass/post.scss diff --git a/assets/css/404.css b/assets/css/404.css new file mode 100644 index 0000000..d0dab0a --- /dev/null +++ b/assets/css/404.css @@ -0,0 +1 @@ +.l-fullscreen{display:flex;align-items:center;justify-content:center;height:100vh}.l-fullscreen__content{text-align:center;padding:0 20px}@media only screen and (min-width:48rem){.l-fullscreen__content{max-width:500px}}@media only screen and (min-width:48rem){.l-fullscreen__content.in-subscribe-page{padding:0}}@media only screen and (min-width:64rem){.l-fullscreen__content.in-subscribe-page{max-width:820px}}.m-404-title{color:var(--primary-foreground-color);letter-spacing:3px;line-height:1;font-size:9rem;font-weight:700;margin:0 0 10px}@media only screen and (min-width:48rem){.m-404-title{letter-spacing:4px;font-size:12rem;margin-bottom:5px}}.m-404-subtitle{color:var(--primary-foreground-color);letter-spacing:.4px;line-height:1;font-size:1.25rem;font-weight:600;margin-bottom:20px}@media only screen and (min-width:48rem){.m-404-subtitle{letter-spacing:.5px;font-size:1.5rem}}.m-404-text{letter-spacing:.3px;line-height:1.4;font-size:.875em;padding:0 20px;margin-bottom:25px}@media only screen and (min-width:48rem){.m-404-text{font-size:1rem;padding:0;margin-bottom:30px}} \ No newline at end of file diff --git a/assets/css/app.css b/assets/css/app.css index d986a37..373f494 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1,2 +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;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;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:#04aeee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#293951;--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:#293951;--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);--toggle-darkmode-button-color:#fff;--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2}[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:#2c2fe6;--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);--toggle-darkmode-button-color:#efd114;--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d}@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:#2c2fe6;--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);--toggle-darkmode-button-color:#efd114;--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d}}.hide{display:none}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.clearfix:after,.clearfix:before{content:" ";line-height:0;display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.content-centered,.m-hero,.m-icon-button{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-alert__close,.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;-o-appearance:none!important;-ms-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}}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.3;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-mobile{left:0!important;width:100%!important;height:auto!important;transition:all .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}::-webkit-input-placeholder{color:#9b9b9b}::-moz-placeholder{color:#9b9b9b}:-ms-input-placeholder{color:#9b9b9b}:-moz-placeholder{color:#9b9b9b}[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-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"}.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-content{padding:40px 0 20px}@media only screen and (min-width:48rem){.l-content{padding:60px 0 40px}}.l-post-content{padding-bottom:15px}@media only screen and (min-width:48rem){.l-post-content{max-width:820px;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 a{color:var(--primary-foreground-color);text-decoration:underline}.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 ol li,.l-post-content ul 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);-o-box-shadow:0 0 0 10px var(--background-color),0 0 0 transparent;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;-o-box-shadow:0 0 0 20px var(--background-color),0 0 0 transparent;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;border-radius:5px;background-color:var(--secondary-subtle-color)}.l-post-content pre{line-height:1.4;margin:0 0 25px}@media only screen and (min-width:48rem){.l-post-content pre{margin-bottom:30px}}.l-post-content pre>code{display:block;padding:10px;white-space:pre-wrap}@media only screen and (min-width:48rem){.l-post-content pre>code{padding:20px}}.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-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}.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:#9b9b9b;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-grid{padding-bottom:20px}@media only screen and (min-width:48rem){.l-grid{display:flex;flex-wrap:wrap;margin:0 -10px}}@media only screen and (min-width:80rem){.l-grid{margin:0 -20px}}@media only screen and (min-width:48rem){.l-grid.centered{justify-content:center}}.l-fullscreen{display:flex;align-items:center;justify-content:center;height:100vh}.l-fullscreen__content{text-align:center;padding:0 20px}@media only screen and (min-width:48rem){.l-fullscreen__content{max-width:500px}}@media only screen and (min-width:48rem){.l-fullscreen__content.in-subscribe-page{padding:0}}@media only screen and (min-width:64rem){.l-fullscreen__content.in-subscribe-page{max-width:820px}}.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{-o-box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;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);-o-box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;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)}}.m-icon-button{color:var(--titles-color);font-size:1.125rem;border:0;outline:0;padding:0;cursor:pointer;background-color:transparent}.m-icon-button.outlined{border-radius:50%;border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);border-radius:50%;-o-box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;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{-o-box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-icon-button.in-mobile-topbar{width:65px;height:100%}.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:26px;height:25px}}.m-icon-button.more{font-size:6px;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)}.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.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-pagination{display:flex;align-items:center;justify-content:center;margin:0 auto 40px}.m-pagination__text{display:inline-block;color:var(--titles-color);letter-spacing:.2px;text-align:center;font-size:.875rem}@media only screen and (min-width:48rem){.m-pagination__text{letter-spacing:.3px;font-size:1rem}}.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-back{display:flex;align-items:center;position:absolute;top:20px;left:20px;color:var(--titles-color);letter-spacing:.2px;font-size:.875rem;font-weight:600;cursor:pointer;z-index:2}@media only screen and (min-width:48rem){.m-back{top:40px;letter-spacing:.3px;font-size:1rem}}.m-back span{color:inherit;display:inline-block}.rtl .m-back span:first-of-type{order:2}.m-back__icon{font-size:.75rem;margin-right:10px}@media only screen and (min-width:48rem){.m-back__icon{font-size:.875rem}}.rtl .m-back__icon{order:1}.m-small-text{color:#9b9b9b;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:20px 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{-o-box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;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}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{margin-bottom:0}}.m-nav__left ul{padding:0;margin:0}@media only screen and (min-width:48rem){.m-nav__left ul{display:flex;align-items:center}}.m-nav__left ul 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 ul li{margin-bottom:0;margin-right:35px;position:relative}}.m-nav__left ul li:last-of-type{margin-bottom:0}@media only screen and (min-width:48rem){.m-nav__left ul li:last-of-type{margin-right:0}}.m-nav__left ul li.nav-current{font-weight:600}.m-nav__left ul li a{color:inherit}.m-nav__left ul li.more a{display:inline-flex;align-items:center}@media only screen and (min-width:48rem){.m-nav__left ul li.more a{display:flex}}.m-nav__left ul li.more a span{display:inline-block;color:inherit;font-size:.375rem;margin-left:8px;transform:translateY(1px)}.m-nav__right{display:flex;align-items:center;justify-content:flex-end}@media only screen and (min-width:48rem){.rtl .m-nav__left ul li{margin-right:0;margin-left:35px}}@media only screen and (min-width:48rem) and (min-width:48rem){.rtl .m-nav__left ul li:last-of-type{margin-left:0}}.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(--transparent-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}.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;-o-box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent;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 ul{display:flex;flex-wrap:wrap}.m-tags ul li{letter-spacing:.2px;font-size:.875rem;font-weight:600;margin-right:30px;margin-bottom:10px!important}.m-tags ul li:last-of-type{margin-right:0}.m-tags ul li a{color:var(--link-color)}.m-toggle-darkmode{position:fixed;right:20px;bottom:45px;width:22px;height:22px;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:#333;z-index:1}.m-toggle-darkmode div:after{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--toggle-darkmode-button-color);transition:background-color .2s linear}: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{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;z-index:1;opacity:.7}.m-hero__picture.in-post{opacity:1}.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;-o-box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent;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{-o-box-shadow:var(--article-shadow-hover),0 0 0 transparent;box-shadow:var(--article-shadow-hover),0 0 0 transparent}.m-article-card:hover .m-article-card__author{-o-box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent;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-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;-o-box-shadow:var(--article-shadow-normal),0 0 0 transparent;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}@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:400;margin:0}@media only screen and (min-width:48rem){.m-article-card__title{font-weight:600}}.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-featured-slider{position:relative;overflow:hidden!important;height:350px;margin:-40px -20px 40px;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-featured-slider:hover{transform:translateY(-5px);-o-box-shadow:var(--article-shadow-hover),0 0 0 transparent;box-shadow:var(--article-shadow-hover),0 0 0 transparent}}@media only screen and (min-width:48rem){.m-featured-slider{width:100%;height:420px;margin:-40px 10px 20px;border-radius:10px}}@media only screen and (min-width:64rem){.m-featured-slider{width:calc(66.66667% - 40px);margin:0 20px 40px;overflow:unset}}.m-featured-slider:not(:root:root){overflow:hidden!important}.m-featured-slider__list{list-style-type:none;padding:0;margin:0;height:100%}@media only screen and (min-width:48rem){.m-featured-slider__list{border-radius:10px;overflow:hidden}}.m-featured-slider__list .slick-list,.m-featured-slider__list .slick-slide>div,.m-featured-slider__list .slick-track,.m-featured-slider__list__item{height:100%}.m-featured-article{position:relative;height:100%;overflow:hidden;background-color:var(--primary-subtle-color);z-index:1}.m-featured-article:hover .m-featured-article__author{-o-box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent;box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}.m-featured-article.no-picture .m-featured-article__picture{background-color:var(--link-color)}.m-featured-article__picture{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.m-featured-article__picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7}.m-featured-article__meta{position:absolute;top:20px;left:20px;z-index:4}@media only screen and (min-width:48rem){.m-featured-article__meta{top:40px;left:40px}}.rtl .m-featured-article__meta{left:auto;right:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__meta{left:auto;right:40px}}.m-featured-article__author{display:block;width:35px;height:35px;background-color:#fff;border:2px solid #fff;border-radius:50%;margin-bottom:20px;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-featured-article__author div{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:50%}.m-featured-article__tag{color:#fff;letter-spacing:.3px;font-weight:700;font-size:1rem}.m-featured-article__ribbon{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-featured-article__ribbon{justify-content:flex-start;top:47px;right:40px;width:auto;height:22px;padding:0 7px;font-size:.875rem;font-weight:600;border-radius:15px}}.m-featured-article__ribbon span{display:inline-block}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:first-of-type{font-size:.75rem;margin-right:4px}}.m-featured-article__ribbon span:last-of-type{display:none}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:last-of-type{display:block}}.rtl .m-featured-article__ribbon{right:auto;left:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon{right:auto;left:40px}}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon span:first-of-type{margin-right:0;margin-left:4px}}.m-featured-article__content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:120px 20px 20px;position:relative;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__content{padding:125px 40px 40px}}.m-featured-article__title{color:#fff;letter-spacing:.4px;line-height:1.3;font-size:1.625rem;font-weight:600;margin:0}@media only screen and (min-width:48rem){.m-featured-article__title{letter-spacing:.5px;font-size:2.25em;max-width:80%}}.m-featured-article__timestamp{display:flex;align-items:center;color:#fff;letter-spacing:.2px;font-size:.875rem;font-weight:600}.m-featured-article__timestamp span:nth-child(2){padding:0 10px}.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}.m-share{position:fixed;left:0;bottom:0;width:100%;height:45px;z-index:3;background-color:var(--transparent-background-color);-o-box-shadow:0 -4px 10px rgba(0,0,0,.1),0 0 0 transparent;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;-o-box-shadow:0 0 0 transparent,0 0 0 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: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:-webkit-sticky;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{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-load-comments{position:relative;margin:0 auto;max-width:280px}@media only screen and (min-width:48rem){.m-load-comments{max-width:400px}}.m-load-comments__line{position:absolute;left:0;right:0;top:50%;height:1px;z-index:1;background-color:var(--secondary-subtle-color)}.m-load-comments__iframe{display:none}.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:30px 20px}@media only screen and (min-width:48rem){.m-footer__content{padding:70px 0;max-width:330px;margin:0 auto}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.75rem;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.jslicense{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}.m-404-title{color:var(--primary-foreground-color);letter-spacing:3px;line-height:1;font-size:9rem;font-weight:700;margin:0 0 10px}@media only screen and (min-width:48rem){.m-404-title{letter-spacing:4px;font-size:12rem;margin-bottom:5px}}.m-404-subtitle{color:var(--primary-foreground-color);letter-spacing:.4px;line-height:1;font-size:1.25rem;font-weight:600;margin-bottom:20px}@media only screen and (min-width:48rem){.m-404-subtitle{letter-spacing:.5px;font-size:1.5rem}}.m-404-text{letter-spacing:.3px;line-height:1.4;font-size:.875em;padding:0 20px;margin-bottom:25px}@media only screen and (min-width:48rem){.m-404-text{font-size:1rem;padding:0;margin-bottom:30px}}[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][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,10.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,10.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{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)}[data-aos=fade-right]:not(.no-aos-animation){transform:translate3d(-100px,0,0)}[data-aos=fade-left]:not(.no-aos-animation){transform:translate3d(100px,0,0)}[data-aos=fade-up-right]:not(.no-aos-animation){transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]:not(.no-aos-animation){transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]:not(.no-aos-animation){transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]:not(.no-aos-animation){transform:translate3d(100px,-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-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide--rtl{direction:rtl} \ No newline at end of file +/*! 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:#04aeee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#293951;--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:#293951;--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);--toggle-darkmode-button-color:#fff;--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2}[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:#2c2fe6;--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);--toggle-darkmode-button-color:#efd114;--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d}@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:#2c2fe6;--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);--toggle-darkmode-button-color:#efd114;--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d}}.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}.clearfix:after,.clearfix:before{content:" ";line-height:0;display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.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}}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.3;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-mobile{left:0!important;width:100%!important;height:auto!important;transition:all .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}::-webkit-input-placeholder{color:#9b9b9b}::-moz-placeholder{color:#9b9b9b}:-ms-input-placeholder{color:#9b9b9b}:-moz-placeholder{color:#9b9b9b}[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-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"}.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-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;background-color:transparent}.m-icon-button.outlined{border-radius:50%;border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);border-radius:50%;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.in-mobile-topbar{width:65px;height:100%}.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:26px;height:25px}}.m-icon-button.more{font-size:6px;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.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:#9b9b9b;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:20px 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}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{margin-bottom:0}}.m-nav__left ul{padding:0;margin:0}@media only screen and (min-width:48rem){.m-nav__left ul{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}@media only screen and (min-width:48rem){.m-nav__left li:last-of-type{margin-right: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:.375rem;margin-left:8px;transform:translateY(1px)}.m-nav__right{display:flex;align-items:center;justify-content:flex-end}@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) and (min-width:48rem){.rtl .m-nav__left li:last-of-type{margin-left:0}}.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(--transparent-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}.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 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)}.m-toggle-darkmode{position:fixed;right:20px;bottom:45px;width:22px;height:22px;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:#333;z-index:1}.m-toggle-darkmode div:after{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--toggle-darkmode-button-color);transition:background-color .2s linear}: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{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;z-index:1;opacity:.7}.m-hero__picture.in-post{opacity:1}.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-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}@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:400;margin:0}@media only screen and (min-width:48rem){.m-article-card__title{font-weight:600}}.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:30px 20px}@media only screen and (min-width:48rem){.m-footer__content{padding:70px 0;max-width:330px;margin:0 auto}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.75rem;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.jslicense{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-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide--rtl{direction:rtl} \ No newline at end of file diff --git a/assets/css/home.css b/assets/css/home.css new file mode 100644 index 0000000..4714ac9 --- /dev/null +++ b/assets/css/home.css @@ -0,0 +1 @@ +.m-featured-slider{position:relative;overflow:hidden!important;height:350px;margin:-40px -20px 40px;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-featured-slider:hover{transform:translateY(-5px);box-shadow:var(--article-shadow-hover),0 0 0 transparent}}@media only screen and (min-width:48rem){.m-featured-slider{width:100%;height:420px;margin:-40px 10px 20px;border-radius:10px}}@media only screen and (min-width:64rem){.m-featured-slider{width:calc(66.66667% - 40px);margin:0 20px 40px;overflow:unset}}.m-featured-slider:not(:root:root){overflow:hidden!important}.m-featured-slider__list{list-style-type:none;padding:0;margin:0;height:100%}@media only screen and (min-width:48rem){.m-featured-slider__list{border-radius:10px;overflow:hidden}}.m-featured-slider__list .slick-list,.m-featured-slider__list .slick-slide>div,.m-featured-slider__list .slick-track,.m-featured-slider__list__item{height:100%}.m-featured-article{position:relative;height:100%;overflow:hidden;background-color:var(--primary-subtle-color);z-index:1}.m-featured-article:hover .m-featured-article__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}.m-featured-article.no-picture .m-featured-article__picture{background-color:var(--link-color)}.m-featured-article__picture{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.m-featured-article__picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7}.m-featured-article__meta{position:absolute;top:20px;left:20px;z-index:4}@media only screen and (min-width:48rem){.m-featured-article__meta{top:40px;left:40px}}.rtl .m-featured-article__meta{left:auto;right:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__meta{left:auto;right:40px}}.m-featured-article__author{display:block;width:35px;height:35px;background-color:#fff;border:2px solid #fff;border-radius:50%;margin-bottom:20px;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-featured-article__author div{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:50%}.m-featured-article__tag{color:#fff;letter-spacing:.3px;font-weight:700;font-size:1rem}.m-featured-article__ribbon{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-featured-article__ribbon{justify-content:flex-start;top:47px;right:40px;width:auto;height:22px;padding:0 7px;font-size:.875rem;font-weight:600;border-radius:15px}}.m-featured-article__ribbon span{display:inline-block}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:first-of-type{font-size:.75rem;margin-right:4px}}.m-featured-article__ribbon span:last-of-type{display:none}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:last-of-type{display:block}}.rtl .m-featured-article__ribbon{right:auto;left:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon{right:auto;left:40px}}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon span:first-of-type{margin-right:0;margin-left:4px}}.m-featured-article__content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:120px 20px 20px;position:relative;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__content{padding:125px 40px 40px}}.m-featured-article__title{color:#fff;letter-spacing:.4px;line-height:1.3;font-size:1.625rem;font-weight:600;margin:0}@media only screen and (min-width:48rem){.m-featured-article__title{letter-spacing:.5px;font-size:2.25em;max-width:80%}}.m-featured-article__timestamp{display:flex;align-items:center;color:#fff;letter-spacing:.2px;font-size:.875rem;font-weight:600}.m-featured-article__timestamp span:nth-child(2){padding:0 10px} \ No newline at end of file diff --git a/assets/css/listing.css b/assets/css/listing.css new file mode 100644 index 0000000..29dcacd --- /dev/null +++ b/assets/css/listing.css @@ -0,0 +1 @@ +.l-grid{padding-bottom:20px}@media only screen and (min-width:48rem){.l-grid{display:flex;flex-wrap:wrap;margin:0 -10px}}@media only screen and (min-width:80rem){.l-grid{margin:0 -20px}}@media only screen and (min-width:48rem){.l-grid.centered{justify-content:center}}.m-pagination{display:flex;align-items:center;justify-content:center;margin:0 auto 40px}.m-pagination__text{display:inline-block;color:var(--titles-color);letter-spacing:.2px;text-align:center;font-size:.875rem}@media only screen and (min-width:48rem){.m-pagination__text{letter-spacing:.3px;font-size:1rem}} \ No newline at end of file diff --git a/assets/css/newsletter.css b/assets/css/newsletter.css new file mode 100644 index 0000000..5a06971 --- /dev/null +++ b/assets/css/newsletter.css @@ -0,0 +1 @@ +.l-fullscreen{display:flex;align-items:center;justify-content:center;height:100vh}.l-fullscreen__content{text-align:center;padding:0 20px}@media only screen and (min-width:48rem){.l-fullscreen__content{max-width:500px}}@media only screen and (min-width:48rem){.l-fullscreen__content.in-subscribe-page{padding:0}}@media only screen and (min-width:64rem){.l-fullscreen__content.in-subscribe-page{max-width:820px}}.m-back{display:flex;align-items:center;position:absolute;top:20px;left:20px;color:var(--titles-color);letter-spacing:.2px;font-size:.875rem;font-weight:600;cursor:pointer;z-index:2}@media only screen and (min-width:48rem){.m-back{top:40px;letter-spacing:.3px;font-size:1rem}}.m-back span{color:inherit;display:inline-block}.rtl .m-back span:first-of-type{order:2}.m-back__icon{font-size:.75rem;margin-right:10px}@media only screen and (min-width:48rem){.m-back__icon{font-size:.875rem}}.rtl .m-back__icon{order:1}.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}}.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} \ No newline at end of file diff --git a/assets/css/post.css b/assets/css/post.css new file mode 100644 index 0000000..17af749 --- /dev/null +++ b/assets/css/post.css @@ -0,0 +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}.clearfix:after,.clearfix:before{content:" ";line-height:0;display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.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;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 a{color:var(--primary-foreground-color);text-decoration:underline}.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;border-radius:5px;background-color:var(--secondary-subtle-color)}.l-post-content pre{line-height:1.4;margin:0 0 25px}@media only screen and (min-width:48rem){.l-post-content pre{margin-bottom:30px}}.l-post-content pre>code{display:block;padding:10px;white-space:pre-wrap}@media only screen and (min-width:48rem){.l-post-content pre>code{padding:20px}}.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-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}.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:#9b9b9b;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.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: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:-webkit-sticky;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{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-load-comments{position:relative;margin:0 auto;max-width:280px}@media only screen and (min-width:48rem){.m-load-comments{max-width:400px}}.m-load-comments__line{position:absolute;left:0;right:0;top:50%;height:1px;z-index:1;background-color:var(--secondary-subtle-color)}.m-load-comments__iframe{display:none}.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/helpers.js b/assets/js/helpers.js index 87e3a18..51dbeb8 100644 --- a/assets/js/helpers.js +++ b/assets/js/helpers.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{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 u})),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"}):""},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;t0&&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},s=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/default.hbs b/default.hbs index c223e5d..22900d6 100644 --- a/default.hbs +++ b/default.hbs @@ -27,6 +27,9 @@ + {{!-- This #block helper will inject a stylesheet for a specific page --}} + {{{block "styles"}}} + {{!-- This #block helper will pull data from the hero partial to inject styles of the hero image to make it responsive --}} {{{block "herobackground"}}} diff --git a/error-404.hbs b/error-404.hbs index fb274d5..4adbd65 100644 --- a/error-404.hbs +++ b/error-404.hbs @@ -2,6 +2,11 @@ This error template is used for all 404 errors, which might occur on your site. --}} +{{!-- This block loads specific styles for the 404 page --}} +{{#contentFor "styles"}} + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/index.hbs b/index.hbs index 711f998..d207651 100644 --- a/index.hbs +++ b/index.hbs @@ -3,6 +3,12 @@ This template is used for the index page. It can be used also as the home page or the default page. --}} +{{!-- This block loads specific styles for the index page --}} +{{#contentFor "styles"}} + + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/package.json b/package.json index f8f928a..45cb68f 100644 --- a/package.json +++ b/package.json @@ -54,5 +54,5 @@ "desktop": "assets/screenshot-desktop.jpg", "mobile": "assets/screenshot-mobile.jpg" }, - "version": "0.7.3" + "version": "0.7.4" } diff --git a/page-authors.hbs b/page-authors.hbs index 71c7371..3e58842 100644 --- a/page-authors.hbs +++ b/page-authors.hbs @@ -3,6 +3,11 @@ This template is used for the authors page. You must first create a page called Authors in the dashboard to enable it. --}} +{{!-- This block loads specific styles for the authors page --}} +{{#contentFor "styles"}} + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/page-newsletter.hbs b/page-newsletter.hbs index 80181f0..4988bd1 100644 --- a/page-newsletter.hbs +++ b/page-newsletter.hbs @@ -2,6 +2,11 @@ This template is used for the subscription page. --}} +{{!-- This block loads specific styles for the newsletter page --}} +{{#contentFor "styles"}} + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/page.hbs b/page.hbs index 1943922..a19157a 100644 --- a/page.hbs +++ b/page.hbs @@ -2,6 +2,11 @@ This template is used for the posts that are marked as pages. --}} +{{!-- This block loads specific styles for the post page --}} +{{#contentFor "styles"}} + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/post.hbs b/post.hbs index 8aeccf4..d141f8f 100644 --- a/post.hbs +++ b/post.hbs @@ -2,6 +2,11 @@ This template is used for the post page. --}} +{{!-- This block loads specific styles for the post page --}} +{{#contentFor "styles"}} + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/src/package.json b/src/package.json index f812829..901c337 100644 --- a/src/package.json +++ b/src/package.json @@ -46,7 +46,7 @@ }, "dependencies": { "@glidejs/glide": "^3.4.1", - "aos": "git://github.com/eddiesigner/aos.git#v2", + "aos": "eddiesigner/aos.git#v2", "fitvids": "^2.0.0", "fuse.js": "^6.3.0", "headroom.js": "^0.10.3", diff --git a/src/sass/404.scss b/src/sass/404.scss new file mode 100644 index 0000000..c550039 --- /dev/null +++ b/src/sass/404.scss @@ -0,0 +1,8 @@ +@import "common/mixins"; +@import "common/variables"; + +@import "layouts/fullscreen"; + +@import"components/404/title"; +@import"components/404/subtitle"; +@import"components/404/text"; diff --git a/src/sass/app.scss b/src/sass/app.scss index 9d2378d..e869413 100644 --- a/src/sass/app.scss +++ b/src/sass/app.scss @@ -1,5 +1,3 @@ -// @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700'); - @import "common/reset"; @import "common/mixins"; @import "common/variables"; @@ -10,16 +8,11 @@ @import "layouts/wrapper"; @import "layouts/content"; -@import "layouts/post-content"; -@import "layouts/grid"; -@import "layouts/fullscreen"; @import "components/ui/button"; @import "components/ui/icon-button"; @import "components/ui/input"; -@import "components/ui/pagination"; @import "components/ui/section-title"; -@import "components/ui/back"; @import "components/ui/small-text"; @import "components/ui/not-found"; @import "components/ui/alert"; @@ -47,26 +40,10 @@ @import "components/heading/description"; @import "components/heading/meta"; @import "components/articles/article-card"; -@import "components/articles/featured-slider"; -@import "components/articles/featured-article"; -@import "components/articles/recommended"; -@import "components/articles/recommended-articles"; -@import "components/articles/recommended-slider"; -@import "components/articles/share"; -@import "components/subscribe/subscribe-section"; -@import "components/author/author"; -@import "components/author/picture"; -@import "components/author/links"; -@import "components/comments/comments"; -@import "components/comments/load-comments"; @import "components/search/search"; @import "components/search/icon"; @import "components/search/result"; @import "components/footer"; -@import"components/404/title"; -@import"components/404/subtitle"; -@import"components/404/text"; - @import "libs/aos/aos"; -@import "libs/glide/glide.core.scss"; +@import "libs/glide/glide.core"; diff --git a/src/sass/common/_helpers.scss b/src/sass/common/_helpers.scss index 3c10caa..38d7fba 100644 --- a/src/sass/common/_helpers.scss +++ b/src/sass/common/_helpers.scss @@ -5,11 +5,13 @@ } .sr-only { + clip: rect(0 0 0 0); + clip-path: inset(100%); position: absolute; - left: -10000px; width: 1px; height: 1px; overflow: hidden; + white-space: nowrap; } .clearfix:before, @@ -35,9 +37,6 @@ .no-appearance { -webkit-appearance: none !important; - -moz-appearance: none !important; - -o-appearance: none !important; - -ms-appearance: none !important; appearance: none !important; } diff --git a/src/sass/common/_mixins.scss b/src/sass/common/_mixins.scss index 4c0a076..b7b77ed 100644 --- a/src/sass/common/_mixins.scss +++ b/src/sass/common/_mixins.scss @@ -30,7 +30,6 @@ $break-largest: 90rem; // >= 1440px @ 16px @mixin bs($bsval: 0 0 0.83em #333, $due: 0 0 0 transparent) { -moz-box-shadow: $bsval, $due; -webkit-box-shadow: $bsval, $due; - -o-box-shadow: $bsval, $due; box-shadow: $bsval, $due; } @@ -51,7 +50,6 @@ $break-largest: 90rem; // >= 1440px @ 16px // Transforms @mixin transform($transform: translate3d(0, 0, 0)) { - -webkit-transform: $transform; -moz-transform: $transform; -ms-transform: $transform; -o-transform: $transform; diff --git a/src/sass/common/_reset.scss b/src/sass/common/_reset.scss index 9738ede..8ce9ffb 100644 --- a/src/sass/common/_reset.scss +++ b/src/sass/common/_reset.scss @@ -52,10 +52,7 @@ html { /* Linux emoji */ "Noto Color Emoji"; /* 2 */ line-height: 1.15; /* 3 */ - -moz-tab-size: 4; /* 4 */ tab-size: 4; /* 4 */ - -ms-text-size-adjust: 100%; /* 5 */ - -webkit-text-size-adjust: 100%; /* 5 */ word-break: break-word; /* 6 */ } diff --git a/src/sass/components/header/_nav.scss b/src/sass/components/header/_nav.scss index f2a63c8..bb50c36 100644 --- a/src/sass/components/header/_nav.scss +++ b/src/sass/components/header/_nav.scss @@ -21,51 +21,51 @@ display: flex; align-items: center; } + } - li { - color: var(--titles-color); - letter-spacing: 0.3px; - font-size: 1.125rem; - margin-bottom: 15px; + li { + color: var(--titles-color); + letter-spacing: 0.3px; + font-size: 1.125rem; + margin-bottom: 15px; + + @include respond-to('medium') { + margin-bottom: 0; + margin-right: 35px; + position: relative; + } + + &:last-of-type { + margin-bottom: 0; @include respond-to('medium') { - margin-bottom: 0; - margin-right: 35px; - position: relative; + margin-right: 0; } + } - &:last-of-type { - margin-bottom: 0; + &.nav-current { + font-weight: 600; + } + + a { + color: inherit; + } + + &.more { + a { + display: inline-flex; + align-items: center; @include respond-to('medium') { - margin-right: 0; + display: flex; } - } - &.nav-current { - font-weight: 600; - } - - a { - color: inherit; - } - - &.more { - a { - display: inline-flex; - align-items: center; - - @include respond-to('medium') { - display: flex; - } - - span { - display: inline-block; - color: inherit; - font-size: 0.375rem; - margin-left: 8px; - @include transform(translateY(1px)); - } + span { + display: inline-block; + color: inherit; + font-size: 0.375rem; + margin-left: 8px; + @include transform(translateY(1px)); } } } @@ -79,7 +79,7 @@ } .rtl { - .m-nav__left ul li { + .m-nav__left li { @include respond-to('medium') { margin-right: 0; margin-left: 35px; diff --git a/src/sass/components/header/_recent-article.scss b/src/sass/components/header/_recent-article.scss index 8f88f58..40c9c6c 100644 --- a/src/sass/components/header/_recent-article.scss +++ b/src/sass/components/header/_recent-article.scss @@ -47,7 +47,6 @@ width: 100%; height: 100%; object-fit: cover; - -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @include transition(transform .5s cubic-bezier(0.165, 0.84, 0.44, 1)); } diff --git a/src/sass/components/header/_submenu.scss b/src/sass/components/header/_submenu.scss index 172f340..6cba5dc 100644 --- a/src/sass/components/header/_submenu.scss +++ b/src/sass/components/header/_submenu.scss @@ -21,7 +21,6 @@ &.opened { @include respond-to('medium') { visibility: visible; - -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @include animation('openSubmenuAnimation 0.3s both'); @include keyframes(openSubmenuAnimation) { @@ -39,7 +38,6 @@ &.closed { @include respond-to('medium') { - -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @include animation('closeSubmenuAnimation 0.3s both'); @include keyframes(closeSubmenuAnimation) { diff --git a/src/sass/components/header/_tags.scss b/src/sass/components/header/_tags.scss index 99f23d2..9ca0307 100644 --- a/src/sass/components/header/_tags.scss +++ b/src/sass/components/header/_tags.scss @@ -2,21 +2,21 @@ ul { display: flex; flex-wrap: wrap; + } - li { - letter-spacing: 0.2px; - font-size: 0.875rem; - font-weight: 600; - margin-right: 30px; - margin-bottom: 10px !important; + li { + letter-spacing: 0.2px; + font-size: 0.875rem; + font-weight: 600; + margin-right: 30px; + margin-bottom: 10px !important; - &:last-of-type { - margin-right: 0; - } + &:last-of-type { + margin-right: 0; + } - a { - color: var(--link-color); - } + a { + color: var(--link-color); } } } diff --git a/src/sass/home.scss b/src/sass/home.scss new file mode 100644 index 0000000..69616d1 --- /dev/null +++ b/src/sass/home.scss @@ -0,0 +1,5 @@ +@import "common/mixins"; +@import "common/variables"; + +@import "components/articles/featured-slider"; +@import "components/articles/featured-article"; diff --git a/src/sass/layouts/_post-content.scss b/src/sass/layouts/_post-content.scss index b4629ff..a35d3fe 100644 --- a/src/sass/layouts/_post-content.scss +++ b/src/sass/layouts/_post-content.scss @@ -117,10 +117,10 @@ padding-left: 40px; margin-bottom: 30px; } + } - li { - margin-bottom: 20px; - } + li { + margin-bottom: 20px; } img, diff --git a/src/sass/libs/aos/_animations.scss b/src/sass/libs/aos/_animations.scss index bf57198..3755570 100644 --- a/src/sass/libs/aos/_animations.scss +++ b/src/sass/libs/aos/_animations.scss @@ -4,8 +4,7 @@ $aos-distance: 100px !default; /** * Fade animations: * fade - * fade-up, fade-down, fade-left, fade-right - * fade-up-right, fade-up-left, fade-down-right, fade-down-left + * fade-up, fade-down */ [data-aos^='fade'][data-aos^='fade']:not(.no-aos-animation) { @@ -25,27 +24,3 @@ $aos-distance: 100px !default; [data-aos='fade-down']:not(.no-aos-animation) { transform: translate3d(0, -$aos-distance, 0); } - -[data-aos='fade-right']:not(.no-aos-animation) { - transform: translate3d(-$aos-distance, 0, 0); -} - -[data-aos='fade-left']:not(.no-aos-animation) { - transform: translate3d($aos-distance, 0, 0); -} - -[data-aos='fade-up-right']:not(.no-aos-animation) { - transform: translate3d(-$aos-distance, $aos-distance, 0); -} - -[data-aos='fade-up-left']:not(.no-aos-animation) { - transform: translate3d($aos-distance, $aos-distance, 0); -} - -[data-aos='fade-down-right']:not(.no-aos-animation) { - transform: translate3d(-$aos-distance, -$aos-distance, 0); -} - -[data-aos='fade-down-left']:not(.no-aos-animation) { - transform: translate3d($aos-distance, -$aos-distance, 0); -} diff --git a/src/sass/libs/aos/_easing.scss b/src/sass/libs/aos/_easing.scss index b9619ee..b2f6c4f 100644 --- a/src/sass/libs/aos/_easing.scss +++ b/src/sass/libs/aos/_easing.scss @@ -26,7 +26,7 @@ $aos-easing: ( [data-aos] { @each $key, $val in $aos-easing { - body[data-aos-easing="#{$key}"] &, + [data-aos-easing="#{$key}"] &, &[data-aos][data-aos-easing="#{$key}"] { transition-timing-function: $val; } diff --git a/src/sass/libs/glide/_glide.core.scss b/src/sass/libs/glide/_glide.core.scss index 44640e5..1814b21 100644 --- a/src/sass/libs/glide/_glide.core.scss +++ b/src/sass/libs/glide/_glide.core.scss @@ -49,7 +49,6 @@ a { user-select: none; -webkit-user-drag: none; - -moz-user-select: none; -ms-user-select: none; } } diff --git a/src/sass/listing.scss b/src/sass/listing.scss new file mode 100644 index 0000000..ce5a4aa --- /dev/null +++ b/src/sass/listing.scss @@ -0,0 +1,4 @@ +@import "common/mixins"; + +@import "layouts/grid"; +@import "components/ui/pagination"; diff --git a/src/sass/newsletter.scss b/src/sass/newsletter.scss new file mode 100644 index 0000000..ebe4081 --- /dev/null +++ b/src/sass/newsletter.scss @@ -0,0 +1,7 @@ +@import "common/mixins"; +@import "common/variables"; + +@import "layouts/fullscreen"; + +@import "components/ui/back"; +@import "components/subscribe/subscribe-section"; diff --git a/src/sass/post.scss b/src/sass/post.scss new file mode 100644 index 0000000..a04f731 --- /dev/null +++ b/src/sass/post.scss @@ -0,0 +1,18 @@ +@import "common/mixins"; +@import "common/variables"; +@import "common/helpers"; + +@import "layouts/post-content"; + +@import "components/ui/button"; +@import "components/ui/input"; +@import "components/articles/share"; +@import "components/subscribe/subscribe-section"; +@import "components/author/author"; +@import "components/author/picture"; +@import "components/author/links"; +@import "components/comments/comments"; +@import "components/comments/load-comments"; +@import "components/articles/recommended"; +@import "components/articles/recommended-articles"; +@import "components/articles/recommended-slider"; diff --git a/src/webpack.mix.js b/src/webpack.mix.js index a817c1e..0a30afd 100644 --- a/src/webpack.mix.js +++ b/src/webpack.mix.js @@ -25,6 +25,11 @@ mix.js('js/helpers.js', 'js/') .setResourceRoot('/assets') .setPublicPath('../assets') .sass('sass/app.scss', 'css/') + .sass('sass/home.scss', 'css/') + .sass('sass/listing.scss', 'css/') + .sass('sass/post.scss', 'css/') + .sass('sass/newsletter.scss', 'css/') + .sass('sass/404.scss', 'css/') .options({ processCssUrls: false }) diff --git a/subscribe.hbs b/subscribe.hbs index 7194a68..26694a5 100644 --- a/subscribe.hbs +++ b/subscribe.hbs @@ -2,6 +2,11 @@ This template is used for the subscription page. --}} +{{!-- This block loads specific styles for the newsletter page --}} +{{#contentFor "styles"}} + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}} diff --git a/tag.hbs b/tag.hbs index d7dbfbe..788f4cd 100644 --- a/tag.hbs +++ b/tag.hbs @@ -2,6 +2,11 @@ This template is used for the tag page. --}} +{{!-- This block loads specific styles for the tag page --}} +{{#contentFor "styles"}} + +{{/contentFor}} + {{!-- The tag below means: insert everything in this file into the {body} of the default.hbs template --}} {{!< default}}