diff --git a/assets/css/app.css b/assets/css/app.css index 2b0c2d8..747ea34 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1 +1 @@ -/*! 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:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-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{--announcement-bar-height:0px;--show-fade-animation:1}[data-theme=light]{--background-color:#fff;--primary-foreground-color:#4a4a4a;--secondary-foreground-color:#000;--primary-subtle-color:#0470ee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#1d3c85;--primary-border-color:#9b9b9b;--secondary-border-color:#f0f8ff;--article-shadow-normal:0 10px 10px rgba(0,0,0,.08);--article-shadow-hover:0 4px 60px 0 rgba(0,0,0,.2);--transparent-background-color:hsla(0,0%,100%,.99);--footer-background-color:#133467;--submenu-shadow-color-opacity:0.25;--button-shadow-color-normal:hsla(0,0%,42%,.2);--button-shadow-color-hover:hsla(0,0%,42%,.3);--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2;--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none;--toggle-darkmode-background-color:rgba(0,0,0,.05);--header-menu-gradient-first-color:hsla(0,0%,100%,0);--header-menu-gradient-second-color:#fff;--kg-card-img-invert-color:0}[data-theme=dark]{--background-color:#111;--primary-foreground-color:#ccc;--secondary-foreground-color:#fff;--primary-subtle-color:#2c2fe6;--secondary-subtle-color:#141920;--titles-color:#b4b4b4;--link-color:#5bbaeb;--primary-border-color:#1d1d1d;--secondary-border-color:#0f0f0f;--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,.1);--transparent-background-color:rgba(0,0,0,.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:hsla(0,0%,4%,.5);--button-shadow-color-hover:hsla(0,0%,4%,.5);--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d;--toggle-darkmode-button-display-moon:none;--toggle-darkmode-button-display-sun:block;--toggle-darkmode-background-color:rgba(0,0,0,.5);--header-menu-gradient-first-color:hsla(0,0%,7%,0);--header-menu-gradient-second-color:hsla(0,0%,7%,.65);--kg-card-img-invert-color:1}.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.focusable:focus,.m-button:focus,.m-icon-button:focus,.m-toggle-darkmode input:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered,.m-hero,.m-icon-button{align-items:center;display:flex;justify-content:center}.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}[class*=" icon-"],[class^=icon-]{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-moon:before{content:"\e90f"}.icon-sunny:before{content:"\e910"}.icon-chevron-down:before{content:"\e900"}.icon-star:before{content:"\e901"}.icon-arrow-left:before{content:"\e902"}.icon-arrow-right:before{content:"\e903"}.icon-arrow-top:before{content:"\e904"}.icon-close:before{content:"\e905"}.icon-comments:before{content:"\e906"}.icon-facebook:before{content:"\e907"}.icon-globe:before{content:"\e908"}.icon-menu:before{content:"\e909"}.icon-more:before{content:"\e90a"}.icon-search:before{content:"\e90b"}.icon-twitter:before{content:"\e90c"}.icon-imdb:before{content:"\e90d"}.icon-vk:before{content:"\e90e"}.icon-steam:before{content:"\e914"}.icon-twitch:before{content:"\e915"}.icon-youtube:before{content:"\e916"}.icon-vimeo:before{content:"\e917"}.icon-whatsapp:before{content:"\e918"}.icon-reddit:before{content:"\e919"}.icon-rss:before{content:"\e91a"}.icon-spotify:before{content:"\e91b"}.icon-telegram:before{content:"\e91c"}.icon-soundcloud:before{content:"\e91d"}.icon-flickr:before{content:"\e91e"}.icon-letterboxd:before{content:"\e91f"}.icon-odnoklassniki:before{content:"\e920"}.icon-pinterest:before{content:"\e921"}.icon-tiktok:before{content:"\e922"}.icon-tumblr:before{content:"\e923"}.icon-xing:before{content:"\e924"}.icon-mixcloud:before{content:"\e925"}.icon-mixer:before{content:"\e926"}.icon-wechat:before{content:"\e927"}.icon-deviantart:before{content:"\e928"}.icon-discord:before{content:"\e929"}.icon-instagram:before{content:"\e92a"}.icon-linkedin:before{content:"\e92b"}.icon-snapchat:before{content:"\e92c"}.icon-gitlab:before{content:"\e92d"}.icon-github:before{content:"\e930"}.icon-behance:before{content:"\e951"}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--primary-foreground-color);display:flex;flex-direction:column;font-display:swap;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;font-size:1rem;min-height:100vh;overflow-x:hidden;padding-top:var(--announcement-bar-height);transition:padding-top .2s linear;width:100%}body.share-menu-displayed{padding-bottom:45px}@media only screen and (min-width:48rem){body.share-menu-displayed{padding-bottom:0}}.main-wrap{display:flex;flex-direction:column;flex-grow:1}p{line-height:1.5;margin:0}a{color:inherit;text-decoration:none}fieldset{border:0;margin:0;padding:0;position:relative}.tippy-popper *{text-align:left!important}.medium-zoom-overlay{background-color:var(--background-color)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}[data-animate^=fade]{animation:fadeAnimation .5s linear forwards;opacity:calc((var(--show-fade-animation) - 1)*-1)}@keyframes fadeAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1)}to{opacity:1}}[data-animate=fade-up]{animation:fadeUpAnimation .5s cubic-bezier(.77,0,.18,1) .3s forwards}@keyframes fadeUpAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}[data-animate=fade-down]{animation:fadeDownAnimation .5s cubic-bezier(.77,0,.18,1) forwards}@keyframes fadeDownAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(-100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}.l-wrapper{margin:0 auto;padding:0 20px;position:relative;width:100%}@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}}.l-wrapper.in-comments{color:var(--primary-foreground-color)}@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{max-width:calc(100% - 60px);padding:0}}@media only screen and (min-width:90rem){.l-wrapper.in-recommended{max-width:1200px}}.l-wrapper.in-post.no-image{padding-top:40px}@media only screen and (min-width:48rem){.l-wrapper.in-post.no-image{padding-top:80px}}.l-wrapper.in-caption{padding-top:10px}.l-content{padding:40px 0 20px}@media only screen and (min-width:48rem){.l-content{padding:60px 0 40px}}.m-button{background-color:transparent;border:0;border-radius:5px;color:#333;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.2px;line-height:1;outline:0;padding:13px 25px;position:relative;text-align:center;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-button.outlined{border:1px solid var(--primary-foreground-color);color:var(--titles-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{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;transform:translateY(-2px)}.m-button.filled{background-color:#fff;border-radius:5px}.m-button.block{display:block;width:100%}.m-button.primary{background-color:var(--primary-subtle-color);color:#fff}.m-button.loading{cursor:default;overflow:hidden}.m-button.loading:after{animation:loading 1s infinite;background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;width:25%}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.m-icon-button{background-color:transparent;border:0;border-radius:50%;color:var(--titles-color);cursor:pointer;font-size:1.125rem;outline:0;padding:0}.m-icon-button.outlined{border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-icon-button.filled:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-icon-button:disabled{cursor:default;opacity:.5}.m-icon-button.in-mobile-topbar{height:50px;width:50px}.m-icon-button.as-close-menu{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;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{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-search{font-size:.875rem;height:42px;right:30px;top:30px;width:42px}}@media only screen and (min-width:80rem){.m-icon-button.as-close-search{height:50px;right:40px;top:40px;width:50px}}.m-icon-button.in-menu-main{display:none}@media only screen and (min-width:48rem){.m-icon-button.in-menu-main{display:flex;height:32px;width:32px}}.m-icon-button.more{font-size:1.25rem;position:relative;z-index:6}.m-icon-button.more.active{color:var(--primary-subtle-color)}.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.625rem;height:40px;width:40px}@media only screen and (min-width:48rem){.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.688rem;height:46px;width:46px}}.m-icon-button.in-pagination-left{margin-right:30px}.m-icon-button.in-pagination-right{margin-left:30px}.m-icon-button.in-featured-articles{bottom:5px;color:#fff;font-size:.875rem;height:40px;position:absolute;width:40px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles{bottom:26px}}.m-icon-button.in-featured-articles.swiper-button-prev{right:56px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-prev{right:76px}}.m-icon-button.in-featured-articles.swiper-button-next{right:16px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-next{right:36px}}.m-icon-button.in-recommended-articles{font-size:.625rem;height:40px;position:absolute;top:240px;transform:translateY(-50%);width:40px;z-index:2}@media only screen and (min-width:64rem){.m-icon-button.in-recommended-articles{display:none}}.m-icon-button.in-recommended-articles.swiper-button-prev{left:2px}.m-icon-button.in-recommended-articles.swiper-button-next{right:2px}.m-icon-button.as-load-comments{font-size:1.25rem;height:60px;margin:0 auto;position:relative;width:60px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-load-comments{font-size:1.625rem;height:80px;width:80px}}.m-icon-button.in-share{color:var(--titles-color);font-size:.75rem;height:31px;margin:0 25px;text-decoration:none;width:31px}@media only screen and (min-width:64rem){.m-icon-button.in-share{font-size:.875rem;height:40px;margin:0 0 20px;width:40px}}@media only screen and (min-width:80rem){.m-icon-button.in-share{font-size:1rem;height:50px;width:50px}}.m-icon-button.progress{position:relative}.m-icon-button.progress svg{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.m-icon-button.progress svg circle{stroke:var(--primary-subtle-color);transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s}.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:16px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:36px;right:auto}}.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:52px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:72px;right:auto}}.rtl .m-icon-button.in-recommended-articles.swiper-button-prev{left:auto;right:2px;transform:rotate(180deg)}.rtl .m-icon-button.in-recommended-articles.swiper-button-next{left:2px;right:auto;transform:rotate(180deg)}.m-input{background-color:var(--background-color);border:1px solid var(--primary-border-color);border-radius:5px;color:var(--primary-foreground-color);font-size:1rem;letter-spacing:.2px;line-height:1.3;outline:0;padding:11px 15px;width:100%}.m-input:focus{border-color:var(--primary-subtle-color)}.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.m-input.in-subscribe-section{margin-bottom:15px}.m-section-title{color:var(--primary-foreground-color);font-size:1.25rem;font-weight:400;letter-spacing:.3px;line-height:1.3;margin:0 0 30px;text-align:center}@media only screen and (min-width:48rem){.m-section-title{font-size:1.5rem;margin-bottom:40px}}.m-section-title.in-recommended{margin-bottom:0!important}.m-small-text{color:var(--titles-color);font-size:.875rem}.m-small-text.in-subscribe-page{font-weight:600;padding-top:30px}.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);font-size:.875rem;font-weight:600;line-height:1.3}.m-not-found.in-recent-articles{margin-left:20px}@media only screen and (min-width:48rem){.m-not-found.in-recent-articles{margin-left:0}}.m-header{background-color:var(--background-color);left:0;position:fixed;top:0;transition:transform .4s cubic-bezier(.165,.84,.44,1);width:100%;will-change:transform;z-index:4}@media only screen and (min-width:48rem){.m-header{padding:15px 0}.m-header.with-announcement-bar{padding:0}.m-header.with-announcement-bar .m-menu{padding:15px 0}}.m-header.mobile-menu-opened{height:100%}@media only screen and (min-width:48rem){.m-header.mobile-menu-opened{height:auto}}.m-header.headroom--pinned{box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;transform:translateY(0)}.m-header.headroom--pinned .m-header__shadow{display:none}.m-header.headroom--unpinned{transform:translateY(-100%)}.m-header.submenu-is-active{background-color:var(--background-color)}.m-header.submenu-is-active .m-header__shadow{display:none}.m-header.with-picture{background-color:var(--background-color)}.m-mobile-topbar{align-items:center;display:flex;height:50px;justify-content:space-between;position:relative;z-index:2}@media only screen and (min-width:48rem){.m-mobile-topbar{display:none!important}}.m-logo{display:inline-block;height:32px}.m-logo img{height:100%;max-width:150px;-o-object-fit:contain;object-fit:contain;width:auto}.m-logo img.m-logo__image-light{display:var(--toggle-darkmode-button-display-moon)}.m-logo img.m-logo__image-dark{display:var(--toggle-darkmode-button-display-sun)}.m-logo.in-mobile-topbar{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{align-items:center;display:flex;height:37px;justify-content:space-between;overflow-y:hidden}}@media only screen and (min-width:90rem){.m-nav{margin:0 -5px}}@media only screen and (min-width:48rem){.m-nav.toggle-overflow{overflow-y:initial}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1 auto;margin-bottom:0;overflow-x:auto;overflow-y:hidden;padding-bottom:40px;padding-left:5px;padding-top:40px;white-space:nowrap}.m-nav__left.toggle-overflow{overflow-x:hidden}}.m-nav__left ul:not(.m-secondary-menu){margin:0;padding:0}@media only screen and (min-width:48rem){.m-nav__left ul:not(.m-secondary-menu){align-items:center;display:flex}}.m-nav__left li{color:var(--titles-color);font-size:1.125rem;letter-spacing:.3px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-nav__left li{margin-bottom:0;margin-right:35px;position:relative}}.m-nav__left li:last-of-type{margin-bottom:0}.m-nav__left li.nav-current{font-weight:600}.m-nav__left li a{color:inherit}.m-nav__left li.more a{align-items:center;display:inline-flex}@media only screen and (min-width:48rem){.m-nav__left li.more a{display:flex}}.m-nav__left li.more a span{color:inherit;display:inline-block;font-size:1rem;margin-left:8px;transform:translateY(1px)}@media only screen and (min-width:48rem){.m-nav__left li.submenu-option{z-index:2}}.m-nav__right{align-items:center;display:flex;justify-content:flex-end}@media only screen and (min-width:48rem){.m-nav__right{flex-shrink:0;padding-left:20px;padding-right:5px;position:relative}.m-nav__right:before{background:linear-gradient(90deg,var(--header-menu-gradient-first-color) 0,var(--header-menu-gradient-second-color));content:"";height:100%;left:-20px;pointer-events:none;position:absolute;top:0;width:20px;z-index:2}.rtl .m-nav__left{padding-left:0;padding-right:5px}.rtl .m-nav__left li{margin-left:35px;margin-right:0}.rtl .m-nav__right{padding-left:5px;padding-right:20px}.rtl .m-nav__right:before{left:auto;right:-20px;transform:rotate(180deg)}}.m-menu{-webkit-overflow-scrolling:touch;background-color:var(--background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-menu.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}@media only screen and (min-width:48rem){.m-menu{background-color:transparent;height:auto;left:auto;opacity:1!important;overflow:initial;position:relative;top:auto;transform:translateZ(0)!important;visibility:visible!important}}.m-menu__main{min-height:100%;padding:50px 0 5px}@media only screen and (min-width:48rem){.m-menu__main{min-height:0;padding:0}}.rtl .m-menu__main{padding-top:75px}@media only screen and (min-width:48rem){.rtl .m-menu__main{padding:0}}.m-secondary-menu{list-style-type:none;margin:0;padding:0}.m-secondary-menu li{font-size:1rem}@media only screen and (min-width:48rem){.m-secondary-menu li{margin-left:0;margin-right:0}}.m-secondary-menu li.nav-current a{font-weight:600}.m-secondary-menu li a{border-radius:4px;display:block;padding:6px 10px;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{background-color:var(--background-color);border-top:1px solid var(--secondary-border-color);box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent;left:0;padding:30px 0 20px;position:fixed;top:67px;visibility:hidden;white-space:normal;width:100%;z-index:5}}@media only screen and (min-width:80rem){.m-submenu{padding:32px 0 23px}}@media only screen and (min-width:48rem){.m-submenu.opened{animation:openSubmenuAnimation .3s both;backface-visibility:visible!important;visibility:visible}@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{animation:closeSubmenuAnimation .3s both;backface-visibility:visible!important}@keyframes closeSubmenuAnimation{0%{opacity:1;transform:translateZ(0);visibility:visible}to{opacity:0;transform:translate3d(0,-2.5%,0);visibility:hidden}}}@media only screen and (min-width:48rem){:root .m-submenu,_:-ms-fullscreen{top:65px}}.m-submenu-title{font-size:1.125rem;font-weight:400;letter-spacing:.3px;line-height:1.3;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:grab}.m-recent-articles .swiper-slide{width:auto}.m-recent-article{display:block;margin:0 20px;width:230px}@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{background-color:var(--secondary-subtle-color);border-radius:5px;height:130px;margin-bottom:15px;overflow:hidden;position:relative;transform:translateZ(0)}.m-recent-article__picture.no-picture img{height:64px;left:50%;margin:-32px 0 0 -32px;position:absolute;top:50%;width:64px}.m-recent-article__picture img{backface-visibility:visible!important;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.165,.84,.44,1);width:100%}.m-recent-article__title{color:var(--titles-color);font-size:1rem;font-weight:400;letter-spacing:.2px;line-height:1.438rem;margin:0 0 10px}@media only screen and (min-width:48rem){.m-recent-article__title{font-size:1.125rem;letter-spacing:.25px}}.m-recent-article__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.15px}.m-tags.in-post{padding-top:25px}.m-tags.in-post ul{list-style-type:none;padding:0}.m-tags.in-post a{text-decoration:none}.m-tags ul{display:flex;flex-wrap:wrap}.m-tags li{font-size:.875rem;font-weight:600;letter-spacing:.2px;margin-bottom:10px!important;margin-right:30px}.m-tags li:last-of-type{margin-right:0}.m-tags li a{color:var(--link-color)!important}.m-toggle-darkmode{border-radius:50%;bottom:45px;height:28px;overflow:hidden;position:fixed;right:20px;width:28px;z-index:2}@media only screen and (min-width:48rem){.m-toggle-darkmode{bottom:auto;margin-left:20px;position:relative;right:auto;z-index:auto}}.m-toggle-darkmode input{border:0;cursor:pointer;height:100%;left:0;opacity:0;outline:0;position:absolute;top:0;width:100%;z-index:2}.m-toggle-darkmode input::-moz-focus-inner{border:0}.m-toggle-darkmode div{align-items:center;background-color:var(--toggle-darkmode-background-color);border-radius:50%;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.m-toggle-darkmode span{color:var(--titles-color);font-size:.9375rem}.m-toggle-darkmode span.moon{display:var(--toggle-darkmode-button-display-moon)}.m-toggle-darkmode span.sun{display:var(--toggle-darkmode-button-display-sun)}:root .m-toggle-darkmode,_:-ms-fullscreen{display:none}div.gh-announcement-bar{font-size:1rem;line-height:1.3;min-height:auto;padding:16px 48px;z-index:auto}@media only screen and (min-width:48rem){div.gh-announcement-bar{font-size:1.125rem}}.m-hero{background-color:var(--secondary-subtle-color);flex-direction:column;min-height:365px;overflow:hidden;padding:100px 0 75px;position:relative}@media only screen and (min-width:48rem){.m-hero{min-height:400px;padding:150px 0 75px}}.m-hero.with-picture{background-color:#000;color:#fff}@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{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:1}.m-hero__picture.in-post{opacity:1}.m-hero__picture img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.m-hero__content{padding:0 20px;position:relative;text-align:center;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{align-items:center;display:flex;justify-content:center}}.rtl .m-hero__meta{direction:ltr}.m-hero-avatar{background-color:#5c697c;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent;height:80px;margin:0 auto 25px;width:80px}@media only screen and (min-width:48rem){.m-hero-avatar{height:100px;width:100px}}.m-hero-title{color:var(--titles-color);font-size:1.75rem;font-weight:700;letter-spacing:.4px;line-height:1.3;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-title{font-size:2.25rem;letter-spacing:.5px}}.m-hero-title.bigger{font-size:2rem;letter-spacing:.5px}@media only screen and (min-width:48rem){.m-hero-title.bigger{font-size:3.25rem;letter-spacing:.8px;margin-bottom:10px}}.m-hero-description{font-size:.938rem;letter-spacing:.2px;line-height:1.5;margin-bottom:20px}@media only screen and (min-width:48rem){.m-hero-description{font-size:1.125rem}}.m-hero-description.bigger{font-size:1.125rem;line-height:1.3;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{list-style-type:none;margin:0 0 15px;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-social{margin-bottom:0;margin-right:7px}}.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{list-style-type:none;margin:0;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-stats{margin-left:7px}}.m-hero-stats.with-picture{color:#fff}.m-hero-stats li{color:inherit;display:inline-block;font-size:.813rem;letter-spacing:.2px;margin:0 4px}@media only screen and (min-width:48rem){.m-hero-stats li{font-size:1rem;letter-spacing:.3px}}.m-heading{margin:0 auto 40px;text-align:center}@media only screen and (min-width:48rem){.m-heading{margin-bottom:60px}.m-heading.in-subscribe-page{margin-bottom:50px}}.m-heading.no-margin{margin-bottom:0!important}.m-heading__title{color:var(--titles-color);font-size:1.75rem;letter-spacing:.4px;line-height:1.3;margin:0 0 10px}@media only screen and (min-width:48rem){.m-heading__title{font-size:2.25rem;letter-spacing:.5px;margin-bottom:15px}}.m-heading__title.in-post{font-size:2rem;letter-spacing:.5px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-heading__title.in-post{font-size:2.625rem;letter-spacing:.7px;margin-bottom:20px}}.m-heading__title.in-page{margin:0}.m-heading__description{font-size:.938rem;letter-spacing:.2px;line-height:1.3;margin:0 auto}@media only screen and (min-width:48rem){.m-heading__description{font-size:1.125rem}.m-heading__description.in-subscribe-page{font-size:1rem;max-width:420px}}.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{align-items:center;display:flex;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.2px}@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{color:var(--primary-border-color);display:inline-block;margin:0 10px}.m-article-card{background-color:var(--background-color);border:1px solid var(--secondary-border-color);border-radius:10px;display:flex;flex-direction:column;height:400px;margin-bottom:20px;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1);z-index: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{height:420px;margin-bottom:20px;margin-left:10px;margin-right:10px;width:calc(50% - 20px)}}@media only screen and (min-width:64rem){.m-article-card{margin-bottom:40px;margin-left:20px;margin-right:20px;width:calc(33.33333% - 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{font-size:1.625rem;line-height:1.4}.m-article-card.as-author .m-article-card__picture{background-color:#000}.m-article-card.as-author .m-article-card__picture-link{z-index:2}.m-article-card.as-author .m-article-card__picture-background{opacity:.75}.m-article-card.as-author .m-article-card__info{padding:0}.m-article-card.as-author .m-article-card__info-link{padding:20px 20px 60px}.m-article-card:before{border-radius:10px;bottom:0;box-shadow:var(--article-shadow-normal),0 0 0 transparent;content:"";left:10px;position:absolute;right:10px;top:10px;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-article-card__picture{background-color:var(--secondary-subtle-color);border-radius:10px 10px 0 0;height:200px;overflow:hidden;position:relative;transform:translateZ(0)}@media only screen and (min-width:48rem){.m-article-card__picture{height:220px}}.m-article-card__picture-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.m-article-card__picture-background{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.m-article-card__name{bottom:20px;color:#fff;font-size:1.25rem;font-weight:600;left:20px;letter-spacing:.4px;line-height:1.3;margin:0;position:absolute;right:20px;z-index:1}@media only screen and (min-width:48rem){.m-article-card__name{bottom:25px;left:25px}}.m-article-card__author{border-radius:50%;height:35px;left:20px;position:absolute;top:20px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:35px;z-index:2}@media only screen and (min-width:48rem){.m-article-card__author{left:25px;top:25px}}.m-article-card__author div{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:50%;height:100%;width:100%}.m-article-card__featured{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:24px;justify-content:center;position:absolute;right:20px;top:26px;width:24px;z-index:2}@media only screen and (min-width:48rem){.m-article-card__featured{right:25px;top:31px}}.m-article-card__featured span{color:inherit;font-size:.75rem}.m-article-card__info{background-color:var(--background-color);border-radius:0 0 10px 10px;flex:1;height:200px;overflow:hidden;padding-top:48px;position:relative}@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{color:var(--link-color);font-size:.875rem;font-weight:600;left:20px;letter-spacing:.2px;line-height:1.3;position:absolute;right:20px;top:20px}@media only screen and (min-width:48rem){.m-article-card__tag{left:25px;top:25px}}.m-article-card__info-link{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 20px 20px;width:100%}@media only screen and (min-width:48rem){.m-article-card__info-link{padding:0 25px 25px}}.m-article-card__title{color:var(--titles-color);font-size:1.25rem;font-weight:600;letter-spacing:.4px;line-height:1.3;margin:0}.m-article-card__excerpt{color:var(--titles-color);display:block;font-size:1rem;height:100%;letter-spacing:.3px;line-height:1.5;overflow:hidden;position:relative}.m-article-card__author-stats,.m-article-card__timestamp{align-items:center;color:var(--titles-color);display:flex;font-size:.875rem;letter-spacing:.2px}.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{bottom:20px;justify-content:space-between;left:20px;position:absolute;right:20px}.m-article-card__author-stats span{padding:0!important}.m-article-card__social{align-items:center;display:flex;justify-content:flex-end;margin:0;padding: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{-webkit-overflow-scrolling:touch;background-color:var(--transparent-background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-search.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}.m-search__content{margin:0 auto;padding:80px 20px 40px}@media only screen and (min-width:48rem){.m-search__content{max-width:700px;padding-bottom:50px;padding-top:100px}}@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{margin:0 auto 45px;max-width:500px}}.m-search-icon{color:#9b9b9b;font-size:1rem;font-weight:500;left:15px;pointer-events:none;position:absolute;top:50%;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;height:100%;padding:10px 0;width:100%}@media only screen and (min-width:48rem){.m-result__link{padding:15px 0}}.m-result__title{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;letter-spacing:.3px;line-height:1.4;margin:0 0 5px}@media only screen and (min-width:48rem){.m-result__title{font-size:1.25rem;letter-spacing:.4px;margin-bottom:10px}}@media only screen and (min-width:80rem){.m-result__title{font-size:1.375rem}}.m-result__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.2px}@media only screen and (min-width:48rem){.m-result__date{font-size:.938rem;letter-spacing:.3px}}.m-footer{background-color:var(--footer-background-color);flex-shrink:0}.m-footer__content{color:#fff;padding:50px 20px;text-align:center}@media only screen and (min-width:48rem){.m-footer__content{margin:0 auto;max-width:680px;padding:75px 0}}.m-footer__nav-secondary{margin-bottom:25px}.m-footer__nav-secondary .m-secondary-menu{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (min-width:48rem){.m-footer__nav-secondary .m-secondary-menu li{margin:0 5px}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.7;margin-bottom:20px}.m-footer-copyright span{display:block}@media only screen and (min-width:48rem){.m-footer-copyright span{display:inline}}.m-footer-copyright span:nth-child(2){display:none}@media only screen and (min-width:48rem){.m-footer-copyright span:nth-child(2){display:inline}}.m-footer-copyright a{text-decoration:underline}.m-footer-copyright.jslicense{margin-bottom:0;opacity:.7}.m-footer-social{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.m-footer-social a{color:#fff;display:inline-block;margin:0 15px}.m-footer-social a span{color:inherit;font-size:1rem}.rtl .m-footer-social{direction:ltr}@media only screen and (min-width:48rem){.columns .kg-image-card img{margin:0!important;width:100%!important}}@media only screen and (min-width:64rem){.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.columns:not(.no-gap){grid-gap:24px}.columns>:empty{display:none}.columns>:is(.kg-embed-card,.kg-image-card):nth-child(2n-1 of :not(:empty)){padding-top:0}.buttons{display:flex;gap:24px}}.columns.no-gap>:not(:last-child) ul,.columns>*>.kg-audio-card+h3,.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3{margin-bottom:0}.columns>*>.kg-audio-card+h3~p,.columns>*>.kg-embed-card+h3~p,.columns>*>.kg-image-card+h3~p{margin-bottom:1em}.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3,.columns>*>h3:first-child+p{margin-top:-40px}.columns>*>.kg-embed-card+.kg-embed-card{margin-top:-50px}.buttons .kg-button-card a{width:100%}.kg-button-card{padding:0!important}html:not([data-theme]){--toggle-darkmode-button-display-moon:none;--toggle-darkmode-button-display-sun:block;--titles-color:#fff}.home-template .in-mobile-topbar{--titles-color:#fff}.home-template .m-header,.home-template .m-header .m-nav__right:before{transition:background .2s}.home-template .m-header:not(.headroom--not-top),.home-template .m-header:not(.headroom--not-top) .m-nav__right:before{background:transparent}.home-template .m-header:not(.headroom--not-top) .m-logo__image-light{display:none}.home-template .m-header:not(.headroom--not-top) .m-logo__image-dark{display:block}@media only screen and (min-width:48rem){.home-template .m-header:not(.headroom--not-top){--titles-color:#fff}}.m-header{--show-fade-animation:0}.m-header.headroom--top{box-shadow:none!important}body:not(.home-template) .m-hero{margin-top:50px}@media only screen and (min-width:48rem){body:not(.home-template) .m-header{position:sticky}body:not(.home-template) .m-hero{margin-top:0}body:not(.home-template) .m-hero:not(.post-template .m-hero.with-picture){padding-top:75px}.m-menu .nav-home,.m-nav__left .m-secondary-menu{display:none}}@media only screen and (max-width:48rem){.m-nav__left .m-secondary-menu+.more{display:none}.m-nav__left .m-secondary-menu li{font-size:1.125rem}.m-nav__left .m-secondary-menu li a{padding:0}.m-nav__left .m-secondary-menu li a:hover{background:none}.m-nav__right{justify-content:flex-start}.m-nav__right .m-icon-button:first-child{margin-left:-6px}}.m-hero__waves{bottom:-1.3px;left:0;overflow:hidden;position:absolute;width:200%;z-index:1}.m-hero__waves svg{display:block;height:50px;position:relative;transform:rotateY(180deg);width:calc(100% + 1.3px)}.m-hero__waves path{fill:var(--background-color)}@media only screen and (min-width:48rem){.m-hero__waves{width:150%}.m-hero__waves svg{height:100px}}.with-wave-separator.with-custom-cta .m-hero__content{margin-bottom:25px}@media only screen and (min-width:48rem){.with-wave-separator .m-hero.with-picture{height:500px}.with-wave-separator .m-hero__content{margin-bottom:80px}.with-wave-separator.with-custom-cta .m-hero__content{margin-bottom:100px}}.m-featured-article:not(.no-picture) .m-featured-article__picture{background-color:transparent;display:flex;position:static}.m-featured-article:not(.no-picture) .m-featured-article__picture img{height:100%;margin:auto;-o-object-fit:cover;object-fit:cover;width:100%}.m-featured-article:not(.no-picture)>a{height:100%;padding:0;position:absolute;top:0;width:100%}.m-featured-article:not(.no-picture)>a .m-featured-article__title{height:1px;margin-bottom:-1px;overflow:hidden;width:1px}.l-post-content{min-height:auto!important}.m-article-card,.m-article-card__info,.m-featured-slider.swiper{height:auto!important}.m-article-card__info .m-article-card__info-link{padding-top:25px!important}@media only screen and (min-width:64rem){.l-grid>:nth-child(3n of .m-article-card):last-child{width:calc(66.66666% - 40px)}.l-grid>:nth-child(3n-1 of .m-article-card):last-child{width:100%}.l-post-content+.l-grid.centered{margin:0 max(50% - 430px,0px)}}@media only screen and (min-width:35.5rem) and (max-width:64rem){.l-grid>:nth-child(2n+1 of .m-article-card):last-child{width:100%}}@media only screen and (max-width:48rem){.l-post-content+.l-grid.centered{margin-top:40px}}.m-article-card__featured,.m-featured-article__ribbon{border-radius:15px!important;font-size:.875rem;font-weight:600;height:22px!important;padding:0 7px;right:11.2px!important;top:14px!important;width:auto!important}.m-article-card__featured span,.m-featured-article__ribbon span{color:var(--primary-subtle-color);display:block!important;margin:0 4px}.m-nav__right .m-icon-button:not([data-ghost-search]){display:flex;height:32px;width:32px}.m-nav__right .m-icon-button:not(:first-child){margin-left:4px}.icon-plus{-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzIj48cGF0aCBkPSJNNSAxMmgxNE0xMiA1djE0Ii8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzIj48cGF0aCBkPSJNNSAxMmgxNE0xMiA1djE0Ii8+PC9zdmc+)}.icon-minus{-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1taW51cyI+PHBhdGggZD0iTTUgMTJoMTQiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1taW51cyI+PHBhdGggZD0iTTUgMTJoMTQiLz48L3N2Zz4=)}.icon-minus,.icon-plus{background-color:currentColor;display:inline-block;height:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:1em}.paypal-item{align-items:center;border:1px solid rgba(124,139,154,.25);border-radius:5px;display:flex;font-size:1rem;font-weight:600;letter-spacing:.2px;line-height:1;margin-bottom:25px;width:100%}.paypal-item .paypal-item-name{padding:13px 25px}.paypal-item .paypal-item-remove{margin-left:auto}.paypal-item .paypal-item-add{margin-left:8px;margin-right:13px}.paypal-item .paypal-item-add,.paypal-item .paypal-item-remove{align-items:center;display:flex;height:32px;justify-content:center;padding:0;width:28px}.paypal-item .paypal-item-add[aria-disabled=true],.paypal-item .paypal-item-add[disabled],.paypal-item .paypal-item-remove[aria-disabled=true],.paypal-item .paypal-item-remove[disabled]{opacity:.6;pointer-events:none}.kg-button-card a .paypal-btn{background-color:#fff;background-image:url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png);background-origin:content-box;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:5px;border-top-right-radius:5px;display:inline-block;height:42px;margin:-13px -26px -15px 13px;padding:11px 23px 11px 13px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:115.94px}.kg-button-card a:focus .paypal-btn{border-radius:5px;height:38px;margin-bottom:-13px;margin-right:-24px;padding-bottom:9px;padding-right:21px;padding-top:9px;width:113.94px}.m-hero-description.bigger,.m-hero-title.bigger{text-shadow:1px 1px 1px #000}.post-template .m-hero.with-picture{background:transparent;height:-moz-max-content;height:max-content;min-height:auto;padding:0}.post-template .m-hero.with-picture .m-hero__picture{height:-moz-max-content;height:max-content;position:static}.post-template .m-hero.with-picture .m-hero__picture img{height:auto;-o-object-fit:initial;object-fit:fill}@media only screen and (min-width:64rem){.post-template .m-hero.with-picture .m-hero__picture img{border-radius:16px;margin-top:40px;max-height:40vh;width:auto}}.l-post-content table th{padding:0 10px}.l-post-content iframe{aspect-ratio:16/9;height:auto;width:100%}.js-submenu-option{display:none}.js-main-nav-left::-webkit-scrollbar{display:none}.kg-audio-card{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;box-shadow:inset 0 0 0 1px rgba(124,139,154,.25),0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;margin-bottom:20px!important;min-height:64px;position:relative}.kg-audio-title{margin:0!important;min-height:58px;padding:8px 12px 8px 56px!important}.kg-audio-title a{text-decoration:none!important}.kg-audio-player{padding-bottom:12px;padding-right:14px}.kg-audio-seek-slider{width:100%}.kg-audio-thumbnail{left:0;min-width:42px!important;position:absolute;top:0;width:42px!important}.kg-audio-thumbnail.placeholder{background:transparent!important}.kg-audio-thumbnail.placeholder:before,.kg-file-card-icon:before{background:currentColor;border-radius:5px;bottom:0;content:"";display:block;left:0;opacity:.06;position:absolute;right:0;top:0;transition:opacity .35s ease-in-out}.kg-audio-thumbnail.placeholder svg,.kg-file-card-icon svg{fill:currentColor!important;color:currentColor!important} +/*! 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:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-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{--announcement-bar-height:0px;--show-fade-animation:1}[data-theme=light],html:not([data-theme]){--background-color:#fff;--primary-foreground-color:#4a4a4a;--secondary-foreground-color:#000;--primary-subtle-color:#0470ee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#1d3c85;--primary-border-color:#9b9b9b;--secondary-border-color:#f0f8ff;--article-shadow-normal:0 10px 10px rgba(0,0,0,.08);--article-shadow-hover:0 4px 60px 0 rgba(0,0,0,.2);--transparent-background-color:hsla(0,0%,100%,.99);--footer-background-color:#133467;--submenu-shadow-color-opacity:0.25;--button-shadow-color-normal:hsla(0,0%,42%,.2);--button-shadow-color-hover:hsla(0,0%,42%,.3);--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2;--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none;--toggle-darkmode-background-color:rgba(0,0,0,.05);--header-menu-gradient-first-color:hsla(0,0%,100%,0);--header-menu-gradient-second-color:#fff;--kg-card-img-invert-color:0}[data-theme=dark]{--background-color:#111;--primary-foreground-color:#ccc;--secondary-foreground-color:#fff;--primary-subtle-color:#2c2fe6;--secondary-subtle-color:#141920;--titles-color:#b4b4b4;--link-color:#5bbaeb;--primary-border-color:#1d1d1d;--secondary-border-color:#0f0f0f;--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,.1);--transparent-background-color:rgba(0,0,0,.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:hsla(0,0%,4%,.5);--button-shadow-color-hover:hsla(0,0%,4%,.5);--table-background-color-odd:#050505;--table-head-border-bottom:#1d1d1d;--toggle-darkmode-button-display-moon:none;--toggle-darkmode-button-display-sun:block;--toggle-darkmode-background-color:rgba(0,0,0,.5);--header-menu-gradient-first-color:hsla(0,0%,7%,0);--header-menu-gradient-second-color:hsla(0,0%,7%,.65);--kg-card-img-invert-color:1}.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.focusable:focus,.m-button:focus,.m-icon-button:focus,.m-toggle-darkmode input:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered,.m-hero,.m-icon-button{align-items:center;display:flex;justify-content:center}.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}[class*=" icon-"],[class^=icon-]{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-moon:before{content:"\e90f"}.icon-sunny:before{content:"\e910"}.icon-chevron-down:before{content:"\e900"}.icon-star:before{content:"\e901"}.icon-arrow-left:before{content:"\e902"}.icon-arrow-right:before{content:"\e903"}.icon-arrow-top:before{content:"\e904"}.icon-close:before{content:"\e905"}.icon-comments:before{content:"\e906"}.icon-facebook:before{content:"\e907"}.icon-globe:before{content:"\e908"}.icon-menu:before{content:"\e909"}.icon-more:before{content:"\e90a"}.icon-search:before{content:"\e90b"}.icon-twitter:before{content:"\e90c"}.icon-imdb:before{content:"\e90d"}.icon-vk:before{content:"\e90e"}.icon-steam:before{content:"\e914"}.icon-twitch:before{content:"\e915"}.icon-youtube:before{content:"\e916"}.icon-vimeo:before{content:"\e917"}.icon-whatsapp:before{content:"\e918"}.icon-reddit:before{content:"\e919"}.icon-rss:before{content:"\e91a"}.icon-spotify:before{content:"\e91b"}.icon-telegram:before{content:"\e91c"}.icon-soundcloud:before{content:"\e91d"}.icon-flickr:before{content:"\e91e"}.icon-letterboxd:before{content:"\e91f"}.icon-odnoklassniki:before{content:"\e920"}.icon-pinterest:before{content:"\e921"}.icon-tiktok:before{content:"\e922"}.icon-tumblr:before{content:"\e923"}.icon-xing:before{content:"\e924"}.icon-mixcloud:before{content:"\e925"}.icon-mixer:before{content:"\e926"}.icon-wechat:before{content:"\e927"}.icon-deviantart:before{content:"\e928"}.icon-discord:before{content:"\e929"}.icon-instagram:before{content:"\e92a"}.icon-linkedin:before{content:"\e92b"}.icon-snapchat:before{content:"\e92c"}.icon-gitlab:before{content:"\e92d"}.icon-github:before{content:"\e930"}.icon-behance:before{content:"\e951"}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--primary-foreground-color);display:flex;flex-direction:column;font-display:swap;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;font-size:1rem;min-height:100vh;overflow-x:hidden;padding-top:var(--announcement-bar-height);transition:padding-top .2s linear;width:100%}body.share-menu-displayed{padding-bottom:45px}@media only screen and (min-width:48rem){body.share-menu-displayed{padding-bottom:0}}.main-wrap{display:flex;flex-direction:column;flex-grow:1}p{line-height:1.5;margin:0}a{color:inherit;text-decoration:none}fieldset{border:0;margin:0;padding:0;position:relative}.tippy-popper *{text-align:left!important}.medium-zoom-overlay{background-color:var(--background-color)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}[data-animate^=fade]{animation:fadeAnimation .5s linear forwards;opacity:calc((var(--show-fade-animation) - 1)*-1)}@keyframes fadeAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1)}to{opacity:1}}[data-animate=fade-up]{animation:fadeUpAnimation .5s cubic-bezier(.77,0,.18,1) .3s forwards}@keyframes fadeUpAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}[data-animate=fade-down]{animation:fadeDownAnimation .5s cubic-bezier(.77,0,.18,1) forwards}@keyframes fadeDownAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(-100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}.l-wrapper{margin:0 auto;padding:0 20px;position:relative;width:100%}@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}}.l-wrapper.in-comments{color:var(--primary-foreground-color)}@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{max-width:calc(100% - 60px);padding:0}}@media only screen and (min-width:90rem){.l-wrapper.in-recommended{max-width:1200px}}.l-wrapper.in-post.no-image{padding-top:40px}@media only screen and (min-width:48rem){.l-wrapper.in-post.no-image{padding-top:80px}}.l-wrapper.in-caption{padding-top:10px}.l-content{padding:40px 0 20px}@media only screen and (min-width:48rem){.l-content{padding:60px 0 40px}}.m-button{background-color:transparent;border:0;border-radius:5px;color:#333;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.2px;line-height:1;outline:0;padding:13px 25px;position:relative;text-align:center;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-button.outlined{border:1px solid var(--primary-foreground-color);color:var(--titles-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{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;transform:translateY(-2px)}.m-button.filled{background-color:#fff;border-radius:5px}.m-button.block{display:block;width:100%}.m-button.primary{background-color:var(--primary-subtle-color);color:#fff}.m-button.loading{cursor:default;overflow:hidden}.m-button.loading:after{animation:loading 1s infinite;background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;width:25%}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.m-icon-button{background-color:transparent;border:0;border-radius:50%;color:var(--titles-color);cursor:pointer;font-size:1.125rem;outline:0;padding:0}.m-icon-button.outlined{border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-icon-button.filled:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-icon-button:disabled{cursor:default;opacity:.5}.m-icon-button.in-mobile-topbar{height:50px;width:50px}.m-icon-button.as-close-menu{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;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{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-search{font-size:.875rem;height:42px;right:30px;top:30px;width:42px}}@media only screen and (min-width:80rem){.m-icon-button.as-close-search{height:50px;right:40px;top:40px;width:50px}}.m-icon-button.in-menu-main{display:none}@media only screen and (min-width:48rem){.m-icon-button.in-menu-main{display:flex;height:32px;width:32px}}.m-icon-button.more{font-size:1.25rem;position:relative;z-index:6}.m-icon-button.more.active{color:var(--primary-subtle-color)}.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.625rem;height:40px;width:40px}@media only screen and (min-width:48rem){.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.688rem;height:46px;width:46px}}.m-icon-button.in-pagination-left{margin-right:30px}.m-icon-button.in-pagination-right{margin-left:30px}.m-icon-button.in-featured-articles{bottom:5px;color:#fff;font-size:.875rem;height:40px;position:absolute;width:40px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles{bottom:26px}}.m-icon-button.in-featured-articles.swiper-button-prev{right:56px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-prev{right:76px}}.m-icon-button.in-featured-articles.swiper-button-next{right:16px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-next{right:36px}}.m-icon-button.in-recommended-articles{font-size:.625rem;height:40px;position:absolute;top:240px;transform:translateY(-50%);width:40px;z-index:2}@media only screen and (min-width:64rem){.m-icon-button.in-recommended-articles{display:none}}.m-icon-button.in-recommended-articles.swiper-button-prev{left:2px}.m-icon-button.in-recommended-articles.swiper-button-next{right:2px}.m-icon-button.as-load-comments{font-size:1.25rem;height:60px;margin:0 auto;position:relative;width:60px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-load-comments{font-size:1.625rem;height:80px;width:80px}}.m-icon-button.in-share{color:var(--titles-color);font-size:.75rem;height:31px;margin:0 25px;text-decoration:none;width:31px}@media only screen and (min-width:64rem){.m-icon-button.in-share{font-size:.875rem;height:40px;margin:0 0 20px;width:40px}}@media only screen and (min-width:80rem){.m-icon-button.in-share{font-size:1rem;height:50px;width:50px}}.m-icon-button.progress{position:relative}.m-icon-button.progress svg{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.m-icon-button.progress svg circle{stroke:var(--primary-subtle-color);transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s}.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:16px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:36px;right:auto}}.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:52px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:72px;right:auto}}.rtl .m-icon-button.in-recommended-articles.swiper-button-prev{left:auto;right:2px;transform:rotate(180deg)}.rtl .m-icon-button.in-recommended-articles.swiper-button-next{left:2px;right:auto;transform:rotate(180deg)}.m-input{background-color:var(--background-color);border:1px solid var(--primary-border-color);border-radius:5px;color:var(--primary-foreground-color);font-size:1rem;letter-spacing:.2px;line-height:1.3;outline:0;padding:11px 15px;width:100%}.m-input:focus{border-color:var(--primary-subtle-color)}.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.m-input.in-subscribe-section{margin-bottom:15px}.m-section-title{color:var(--primary-foreground-color);font-size:1.25rem;font-weight:400;letter-spacing:.3px;line-height:1.3;margin:0 0 30px;text-align:center}@media only screen and (min-width:48rem){.m-section-title{font-size:1.5rem;margin-bottom:40px}}.m-section-title.in-recommended{margin-bottom:0!important}.m-small-text{color:var(--titles-color);font-size:.875rem}.m-small-text.in-subscribe-page{font-weight:600;padding-top:30px}.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);font-size:.875rem;font-weight:600;line-height:1.3}.m-not-found.in-recent-articles{margin-left:20px}@media only screen and (min-width:48rem){.m-not-found.in-recent-articles{margin-left:0}}.m-header{background-color:var(--background-color);left:0;position:fixed;top:0;transition:transform .4s cubic-bezier(.165,.84,.44,1);width:100%;will-change:transform;z-index:4}@media only screen and (min-width:48rem){.m-header{padding:15px 0}.m-header.with-announcement-bar{padding:0}.m-header.with-announcement-bar .m-menu{padding:15px 0}}.m-header.mobile-menu-opened{height:100%}@media only screen and (min-width:48rem){.m-header.mobile-menu-opened{height:auto}}.m-header.headroom--pinned{box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;transform:translateY(0)}.m-header.headroom--pinned .m-header__shadow{display:none}.m-header.headroom--unpinned{transform:translateY(-100%)}.m-header.submenu-is-active{background-color:var(--background-color)}.m-header.submenu-is-active .m-header__shadow{display:none}.m-header.with-picture{background-color:var(--background-color)}.m-mobile-topbar{align-items:center;display:flex;height:50px;justify-content:space-between;position:relative;z-index:2}@media only screen and (min-width:48rem){.m-mobile-topbar{display:none!important}}.m-logo{display:inline-block;height:32px}.m-logo img{height:100%;max-width:150px;-o-object-fit:contain;object-fit:contain;width:auto}.m-logo img.m-logo__image-light{display:var(--toggle-darkmode-button-display-moon)}.m-logo img.m-logo__image-dark{display:var(--toggle-darkmode-button-display-sun)}.m-logo.in-mobile-topbar{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{align-items:center;display:flex;height:37px;justify-content:space-between;overflow-y:hidden}}@media only screen and (min-width:90rem){.m-nav{margin:0 -5px}}@media only screen and (min-width:48rem){.m-nav.toggle-overflow{overflow-y:initial}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1 auto;margin-bottom:0;overflow-x:auto;overflow-y:hidden;padding-bottom:40px;padding-left:5px;padding-top:40px;white-space:nowrap}.m-nav__left.toggle-overflow{overflow-x:hidden}}.m-nav__left ul:not(.m-secondary-menu){margin:0;padding:0}@media only screen and (min-width:48rem){.m-nav__left ul:not(.m-secondary-menu){align-items:center;display:flex}}.m-nav__left li{color:var(--titles-color);font-size:1.125rem;letter-spacing:.3px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-nav__left li{margin-bottom:0;margin-right:35px;position:relative}}.m-nav__left li:last-of-type{margin-bottom:0}.m-nav__left li.nav-current{font-weight:600}.m-nav__left li a{color:inherit}.m-nav__left li.more a{align-items:center;display:inline-flex}@media only screen and (min-width:48rem){.m-nav__left li.more a{display:flex}}.m-nav__left li.more a span{color:inherit;display:inline-block;font-size:1rem;margin-left:8px;transform:translateY(1px)}@media only screen and (min-width:48rem){.m-nav__left li.submenu-option{z-index:2}}.m-nav__right{align-items:center;display:flex;justify-content:flex-end}@media only screen and (min-width:48rem){.m-nav__right{flex-shrink:0;padding-left:20px;padding-right:5px;position:relative}.m-nav__right:before{background:linear-gradient(90deg,var(--header-menu-gradient-first-color) 0,var(--header-menu-gradient-second-color));content:"";height:100%;left:-20px;pointer-events:none;position:absolute;top:0;width:20px;z-index:2}.rtl .m-nav__left{padding-left:0;padding-right:5px}.rtl .m-nav__left li{margin-left:35px;margin-right:0}.rtl .m-nav__right{padding-left:5px;padding-right:20px}.rtl .m-nav__right:before{left:auto;right:-20px;transform:rotate(180deg)}}.m-menu{-webkit-overflow-scrolling:touch;background-color:var(--background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-menu.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}@media only screen and (min-width:48rem){.m-menu{background-color:transparent;height:auto;left:auto;opacity:1!important;overflow:initial;position:relative;top:auto;transform:translateZ(0)!important;visibility:visible!important}}.m-menu__main{min-height:100%;padding:50px 0 5px}@media only screen and (min-width:48rem){.m-menu__main{min-height:0;padding:0}}.rtl .m-menu__main{padding-top:75px}@media only screen and (min-width:48rem){.rtl .m-menu__main{padding:0}}.m-secondary-menu{list-style-type:none;margin:0;padding:0}.m-secondary-menu li{font-size:1rem}@media only screen and (min-width:48rem){.m-secondary-menu li{margin-left:0;margin-right:0}}.m-secondary-menu li.nav-current a{font-weight:600}.m-secondary-menu li a{border-radius:4px;display:block;padding:6px 10px;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{background-color:var(--background-color);border-top:1px solid var(--secondary-border-color);box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent;left:0;padding:30px 0 20px;position:fixed;top:67px;visibility:hidden;white-space:normal;width:100%;z-index:5}}@media only screen and (min-width:80rem){.m-submenu{padding:32px 0 23px}}@media only screen and (min-width:48rem){.m-submenu.opened{animation:openSubmenuAnimation .3s both;backface-visibility:visible!important;visibility:visible}@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{animation:closeSubmenuAnimation .3s both;backface-visibility:visible!important}@keyframes closeSubmenuAnimation{0%{opacity:1;transform:translateZ(0);visibility:visible}to{opacity:0;transform:translate3d(0,-2.5%,0);visibility:hidden}}}@media only screen and (min-width:48rem){:root .m-submenu,_:-ms-fullscreen{top:65px}}.m-submenu-title{font-size:1.125rem;font-weight:400;letter-spacing:.3px;line-height:1.3;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:grab}.m-recent-articles .swiper-slide{width:auto}.m-recent-article{display:block;margin:0 20px;width:230px}@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{background-color:var(--secondary-subtle-color);border-radius:5px;height:130px;margin-bottom:15px;overflow:hidden;position:relative;transform:translateZ(0)}.m-recent-article__picture.no-picture img{height:64px;left:50%;margin:-32px 0 0 -32px;position:absolute;top:50%;width:64px}.m-recent-article__picture img{backface-visibility:visible!important;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.165,.84,.44,1);width:100%}.m-recent-article__title{color:var(--titles-color);font-size:1rem;font-weight:400;letter-spacing:.2px;line-height:1.438rem;margin:0 0 10px}@media only screen and (min-width:48rem){.m-recent-article__title{font-size:1.125rem;letter-spacing:.25px}}.m-recent-article__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.15px}.m-tags.in-post{padding-top:25px}.m-tags.in-post ul{list-style-type:none;padding:0}.m-tags.in-post a{text-decoration:none}.m-tags ul{display:flex;flex-wrap:wrap}.m-tags li{font-size:.875rem;font-weight:600;letter-spacing:.2px;margin-bottom:10px!important;margin-right:30px}.m-tags li:last-of-type{margin-right:0}.m-tags li a{color:var(--link-color)!important}.m-toggle-darkmode{border-radius:50%;bottom:45px;height:28px;overflow:hidden;position:fixed;right:20px;width:28px;z-index:2}@media only screen and (min-width:48rem){.m-toggle-darkmode{bottom:auto;margin-left:20px;position:relative;right:auto;z-index:auto}}.m-toggle-darkmode input{border:0;cursor:pointer;height:100%;left:0;opacity:0;outline:0;position:absolute;top:0;width:100%;z-index:2}.m-toggle-darkmode input::-moz-focus-inner{border:0}.m-toggle-darkmode div{align-items:center;background-color:var(--toggle-darkmode-background-color);border-radius:50%;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.m-toggle-darkmode span{color:var(--titles-color);font-size:.9375rem}.m-toggle-darkmode span.moon{display:var(--toggle-darkmode-button-display-moon)}.m-toggle-darkmode span.sun{display:var(--toggle-darkmode-button-display-sun)}:root .m-toggle-darkmode,_:-ms-fullscreen{display:none}div.gh-announcement-bar{font-size:1rem;line-height:1.3;min-height:auto;padding:16px 48px;z-index:auto}@media only screen and (min-width:48rem){div.gh-announcement-bar{font-size:1.125rem}}.m-hero{background-color:var(--secondary-subtle-color);flex-direction:column;min-height:365px;overflow:hidden;padding:100px 0 75px;position:relative}@media only screen and (min-width:48rem){.m-hero{min-height:400px;padding:150px 0 75px}}.m-hero.with-picture{background-color:#000;color:#fff}@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{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:1}.m-hero__picture.in-post{opacity:1}.m-hero__picture img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.m-hero__content{padding:0 20px;position:relative;text-align:center;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{align-items:center;display:flex;justify-content:center}}.rtl .m-hero__meta{direction:ltr}.m-hero-avatar{background-color:#5c697c;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent;height:80px;margin:0 auto 25px;width:80px}@media only screen and (min-width:48rem){.m-hero-avatar{height:100px;width:100px}}.m-hero-title{color:var(--titles-color);font-size:1.75rem;font-weight:700;letter-spacing:.4px;line-height:1.3;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-title{font-size:2.25rem;letter-spacing:.5px}}.m-hero-title.bigger{font-size:2rem;letter-spacing:.5px}@media only screen and (min-width:48rem){.m-hero-title.bigger{font-size:3.25rem;letter-spacing:.8px;margin-bottom:10px}}.m-hero-description{font-size:.938rem;letter-spacing:.2px;line-height:1.5;margin-bottom:20px}@media only screen and (min-width:48rem){.m-hero-description{font-size:1.125rem}}.m-hero-description.bigger{font-size:1.125rem;line-height:1.3;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{list-style-type:none;margin:0 0 15px;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-social{margin-bottom:0;margin-right:7px}}.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{list-style-type:none;margin:0;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-stats{margin-left:7px}}.m-hero-stats.with-picture{color:#fff}.m-hero-stats li{color:inherit;display:inline-block;font-size:.813rem;letter-spacing:.2px;margin:0 4px}@media only screen and (min-width:48rem){.m-hero-stats li{font-size:1rem;letter-spacing:.3px}}.m-heading{margin:0 auto 40px;text-align:center}@media only screen and (min-width:48rem){.m-heading{margin-bottom:60px}.m-heading.in-subscribe-page{margin-bottom:50px}}.m-heading.no-margin{margin-bottom:0!important}.m-heading__title{color:var(--titles-color);font-size:1.75rem;letter-spacing:.4px;line-height:1.3;margin:0 0 10px}@media only screen and (min-width:48rem){.m-heading__title{font-size:2.25rem;letter-spacing:.5px;margin-bottom:15px}}.m-heading__title.in-post{font-size:2rem;letter-spacing:.5px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-heading__title.in-post{font-size:2.625rem;letter-spacing:.7px;margin-bottom:20px}}.m-heading__title.in-page{margin:0}.m-heading__description{font-size:.938rem;letter-spacing:.2px;line-height:1.3;margin:0 auto}@media only screen and (min-width:48rem){.m-heading__description{font-size:1.125rem}.m-heading__description.in-subscribe-page{font-size:1rem;max-width:420px}}.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{align-items:center;display:flex;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.2px}@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{color:var(--primary-border-color);display:inline-block;margin:0 10px}.m-article-card{background-color:var(--background-color);border:1px solid var(--secondary-border-color);border-radius:10px;display:flex;flex-direction:column;height:400px;margin-bottom:20px;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1);z-index: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{height:420px;margin-bottom:20px;margin-left:10px;margin-right:10px;width:calc(50% - 20px)}}@media only screen and (min-width:64rem){.m-article-card{margin-bottom:40px;margin-left:20px;margin-right:20px;width:calc(33.33333% - 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{font-size:1.625rem;line-height:1.4}.m-article-card.as-author .m-article-card__picture{background-color:#000}.m-article-card.as-author .m-article-card__picture-link{z-index:2}.m-article-card.as-author .m-article-card__picture-background{opacity:.75}.m-article-card.as-author .m-article-card__info{padding:0}.m-article-card.as-author .m-article-card__info-link{padding:20px 20px 60px}.m-article-card:before{border-radius:10px;bottom:0;box-shadow:var(--article-shadow-normal),0 0 0 transparent;content:"";left:10px;position:absolute;right:10px;top:10px;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-article-card__picture{background-color:var(--secondary-subtle-color);border-radius:10px 10px 0 0;height:200px;overflow:hidden;position:relative;transform:translateZ(0)}@media only screen and (min-width:48rem){.m-article-card__picture{height:220px}}.m-article-card__picture-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.m-article-card__picture-background{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.m-article-card__name{bottom:20px;color:#fff;font-size:1.25rem;font-weight:600;left:20px;letter-spacing:.4px;line-height:1.3;margin:0;position:absolute;right:20px;z-index:1}@media only screen and (min-width:48rem){.m-article-card__name{bottom:25px;left:25px}}.m-article-card__author{border-radius:50%;height:35px;left:20px;position:absolute;top:20px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:35px;z-index:2}@media only screen and (min-width:48rem){.m-article-card__author{left:25px;top:25px}}.m-article-card__author div{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:50%;height:100%;width:100%}.m-article-card__featured{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:24px;justify-content:center;position:absolute;right:20px;top:26px;width:24px;z-index:2}@media only screen and (min-width:48rem){.m-article-card__featured{right:25px;top:31px}}.m-article-card__featured span{color:inherit;font-size:.75rem}.m-article-card__info{background-color:var(--background-color);border-radius:0 0 10px 10px;flex:1;height:200px;overflow:hidden;padding-top:48px;position:relative}@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{color:var(--link-color);font-size:.875rem;font-weight:600;left:20px;letter-spacing:.2px;line-height:1.3;position:absolute;right:20px;top:20px}@media only screen and (min-width:48rem){.m-article-card__tag{left:25px;top:25px}}.m-article-card__info-link{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 20px 20px;width:100%}@media only screen and (min-width:48rem){.m-article-card__info-link{padding:0 25px 25px}}.m-article-card__title{color:var(--titles-color);font-size:1.25rem;font-weight:600;letter-spacing:.4px;line-height:1.3;margin:0}.m-article-card__excerpt{color:var(--titles-color);display:block;font-size:1rem;height:100%;letter-spacing:.3px;line-height:1.5;overflow:hidden;position:relative}.m-article-card__author-stats,.m-article-card__timestamp{align-items:center;color:var(--titles-color);display:flex;font-size:.875rem;letter-spacing:.2px}.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{bottom:20px;justify-content:space-between;left:20px;position:absolute;right:20px}.m-article-card__author-stats span{padding:0!important}.m-article-card__social{align-items:center;display:flex;justify-content:flex-end;margin:0;padding: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{-webkit-overflow-scrolling:touch;background-color:var(--transparent-background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-search.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}.m-search__content{margin:0 auto;padding:80px 20px 40px}@media only screen and (min-width:48rem){.m-search__content{max-width:700px;padding-bottom:50px;padding-top:100px}}@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{margin:0 auto 45px;max-width:500px}}.m-search-icon{color:#9b9b9b;font-size:1rem;font-weight:500;left:15px;pointer-events:none;position:absolute;top:50%;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;height:100%;padding:10px 0;width:100%}@media only screen and (min-width:48rem){.m-result__link{padding:15px 0}}.m-result__title{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;letter-spacing:.3px;line-height:1.4;margin:0 0 5px}@media only screen and (min-width:48rem){.m-result__title{font-size:1.25rem;letter-spacing:.4px;margin-bottom:10px}}@media only screen and (min-width:80rem){.m-result__title{font-size:1.375rem}}.m-result__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.2px}@media only screen and (min-width:48rem){.m-result__date{font-size:.938rem;letter-spacing:.3px}}.m-footer{background-color:var(--footer-background-color);flex-shrink:0}.m-footer__content{color:#fff;padding:50px 20px;text-align:center}@media only screen and (min-width:48rem){.m-footer__content{margin:0 auto;max-width:680px;padding:75px 0}}.m-footer__nav-secondary{margin-bottom:25px}.m-footer__nav-secondary .m-secondary-menu{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (min-width:48rem){.m-footer__nav-secondary .m-secondary-menu li{margin:0 5px}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.7;margin-bottom:20px}.m-footer-copyright span{display:block}@media only screen and (min-width:48rem){.m-footer-copyright span{display:inline}}.m-footer-copyright span:nth-child(2){display:none}@media only screen and (min-width:48rem){.m-footer-copyright span:nth-child(2){display:inline}}.m-footer-copyright a{text-decoration:underline}.m-footer-copyright.jslicense{margin-bottom:0;opacity:.7}.m-footer-social{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.m-footer-social a{color:#fff;display:inline-block;margin:0 15px}.m-footer-social a span{color:inherit;font-size:1rem}.rtl .m-footer-social{direction:ltr}@media only screen and (min-width:48rem){.columns .kg-image-card img{margin:0!important;width:100%!important}}@media only screen and (min-width:64rem){.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.columns:not(.no-gap){grid-gap:24px}.columns>:empty{display:none}.columns>:is(.kg-embed-card,.kg-image-card):nth-child(2n-1 of :not(:empty)){padding-top:0}.buttons{align-items:center;display:flex;gap:24px;justify-content:center}}.columns.no-gap>:not(:last-child) ul,.columns>*>.kg-audio-card+h3,.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3{margin-bottom:0}.columns>*>.kg-audio-card+h3~p,.columns>*>.kg-embed-card+h3~p,.columns>*>.kg-image-card+h3~p{margin-bottom:1em}.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3,.columns>*>h3:first-child+p{margin-top:-40px}.columns>*>.kg-embed-card+.kg-embed-card{margin-top:-50px}.buttons .kg-button-card a{width:100%}@media screen and (max-width:64rem){.buttons>:not(:last-child){margin-bottom:14px!important}}.kg-button-card{padding:0!important}.home-template .in-mobile-topbar{--titles-color:#fff}.home-template .m-header,.home-template .m-header .m-nav__right:before{transition:background .2s}.home-template .m-header:not(.headroom--not-top),.home-template .m-header:not(.headroom--not-top) .m-nav__right:before{background:transparent}.home-template .m-header:not(.headroom--not-top) .m-logo__image-light{display:none}.home-template .m-header:not(.headroom--not-top) .m-logo__image-dark{display:block}@media only screen and (min-width:48rem){.home-template .m-header:not(.headroom--not-top){--titles-color:#fff}}.m-header{--show-fade-animation:0}.m-header.headroom--top{box-shadow:none!important}body:not(.home-template) .m-hero{margin-top:50px}@media only screen and (min-width:48rem){body:not(.home-template) .m-header{position:sticky}body:not(.home-template) .m-hero{margin-top:0}body:not(.home-template) .m-hero:not(.post-template .m-hero.with-picture){padding-top:75px}.m-menu .nav-home,.m-nav__left .m-secondary-menu{display:none}}@media only screen and (max-width:48rem){.m-nav__left .m-secondary-menu+.more{display:none}.m-nav__left .m-secondary-menu li{font-size:1.125rem}.m-nav__left .m-secondary-menu li a{padding:0}.m-nav__left .m-secondary-menu li a:hover{background:none}.m-nav__right{justify-content:flex-start}.m-nav__right .m-icon-button:first-child{margin-left:-6px}}.m-hero__waves{bottom:-1.3px;left:0;overflow:hidden;position:absolute;width:200%;z-index:1}.m-hero__waves svg{display:block;height:50px;position:relative;transform:rotateY(180deg);width:calc(100% + 1.3px)}.m-hero__waves path{fill:var(--background-color)}@media only screen and (min-width:48rem){.m-hero__waves{width:150%}.m-hero__waves svg{height:100px}}.with-wave-separator.with-custom-cta .m-hero__content{margin-bottom:25px}@media only screen and (min-width:48rem){.with-wave-separator .m-hero.with-picture{height:500px}.with-wave-separator .m-hero__content{margin-bottom:80px}.with-wave-separator.with-custom-cta .m-hero__content{margin-bottom:100px}}.m-featured-article:not(.no-picture) .m-featured-article__picture{background-color:transparent;display:flex;position:static}.m-featured-article:not(.no-picture) .m-featured-article__picture img{height:100%;margin:auto;-o-object-fit:cover;object-fit:cover;width:100%}.m-featured-article:not(.no-picture)>a{height:100%;padding:0;position:absolute;top:0;width:100%}.m-featured-article:not(.no-picture)>a .m-featured-article__title{height:1px;margin-bottom:-1px;overflow:hidden;width:1px}.l-post-content{min-height:auto!important}.m-article-card,.m-article-card__info,.m-featured-slider.swiper{height:auto!important}.m-article-card__info .m-article-card__info-link{padding-top:25px!important}@media only screen and (min-width:64rem){.l-grid>:nth-child(3n of .m-article-card):last-child{width:calc(66.66666% - 40px)}.l-grid>:nth-child(3n-1 of .m-article-card):last-child{width:100%}.l-post-content+.l-grid.centered{margin:0 max(50% - 430px,0px)}}@media only screen and (min-width:35.5rem) and (max-width:64rem){.l-grid>:nth-child(2n+1 of .m-article-card):last-child{width:100%}}@media only screen and (max-width:48rem){.l-post-content+.l-grid.centered{margin-top:40px}}.m-article-card__featured,.m-featured-article__ribbon{border-radius:15px!important;font-size:.875rem;font-weight:600;height:22px!important;padding:0 7px;right:11.2px!important;top:14px!important;width:auto!important}.m-article-card__featured span,.m-featured-article__ribbon span{color:var(--primary-subtle-color);display:block!important;margin:0 4px}.m-nav__right .m-icon-button:not([data-ghost-search]){display:flex;height:32px;width:32px}.m-nav__right .m-icon-button:not(:first-child){margin-left:4px}.icon-plus{-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzIj48cGF0aCBkPSJNNSAxMmgxNE0xMiA1djE0Ii8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzIj48cGF0aCBkPSJNNSAxMmgxNE0xMiA1djE0Ii8+PC9zdmc+)}.icon-minus{-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1taW51cyI+PHBhdGggZD0iTTUgMTJoMTQiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1taW51cyI+PHBhdGggZD0iTTUgMTJoMTQiLz48L3N2Zz4=)}.icon-check-circle,.paypal-confirmation:before{-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1jaXJjbGUiPjxwYXRoIGQ9Ik0yMiAxMS4wOFYxMmExMCAxMCAwIDEgMS01LjkzLTkuMTQiLz48cGF0aCBkPSJNMjIgNCAxMiAxNC4wMWwtMy0zIi8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1jaXJjbGUiPjxwYXRoIGQ9Ik0yMiAxMS4wOFYxMmExMCAxMCAwIDEgMS01LjkzLTkuMTQiLz48cGF0aCBkPSJNMjIgNCAxMiAxNC4wMWwtMy0zIi8+PC9zdmc+)}.icon-check-circle,.icon-minus,.icon-plus,.paypal-confirmation:before{background-color:currentColor;display:inline-block;height:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:1em}.paypal-cart{display:flex;flex-direction:column;margin-bottom:25px}.paypal-confirmation,.paypal-item{align-items:center;border-radius:5px;display:flex;font-size:1rem;font-weight:600;letter-spacing:.2px;line-height:1;width:100%}.paypal-item{border:1px solid rgba(124,139,154,.25);margin-bottom:14px}.paypal-item:before{content:" ($" attr(data-cost) ") x " attr(data-count);order:1;padding:13px 25px 13px 0;white-space:pre}.paypal-item:is([data-count="0"],:not([data-count])):before{content:" ($" attr(data-cost) ") x 0"}.paypal-item:is([data-count="0"],:not([data-count])) .paypal-item-remove{cursor:default;opacity:.5;pointer-events:none}.paypal-item .paypal-item-name{order:0;padding:13px 0 13px 25px}.paypal-item .paypal-item-remove{margin-left:auto}.paypal-item .paypal-item-add{margin-left:8px;margin-right:13px}.paypal-item .paypal-item-add,.paypal-item .paypal-item-remove{align-items:center;display:flex;height:32px;justify-content:center;order:2;padding:0;width:28px}.paypal-order{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.paypal-order .paypal-order-total{font-size:2rem;font-weight:600;margin:0 0 0 auto}@media screen and (min-width:24rem) and (max-width:35.5rem){.paypal-order .paypal-order-total{margin:0 auto 0 0}}.paypal-order-checkout{align-items:normal!important;display:flex!important;text-decoration:none!important;width:100%}@media screen and (min-width:24rem){.paypal-order-checkout{width:auto}}.paypal-order-checkout,.paypal-order-checkout .paypal-checkout-logo{transition:all .25s cubic-bezier(.02,.01,.47,1)!important}.paypal-order-checkout:hover{color:#fff!important}.paypal-order-checkout :first-child{margin-right:13px}.paypal-order-checkout .paypal-checkout-logo{background-color:#fff;background-image:url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png);background-origin:content-box;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:5px;border-top-right-radius:5px;display:inline-block;height:42px;margin:-13px -26px -15px auto;padding:11px 23px 11px 13px;width:115.94px}.paypal-order-checkout:focus .paypal-checkout-logo{border-radius:5px;height:38px;margin-right:-24px;margin-top:-11px;padding-bottom:9px;padding-right:21px;padding-top:9px;width:113.94px}.paypal-confirmation{background:rgba(52,183,67,.16);color:rgba(52,183,67,.94);display:none;margin-top:14px}.paypal-confirmation:before{content:"";font-size:20px;margin:auto 0 auto 25px}.paypal-confirmation span{padding:13px 25px}.javascript-required{color:#ff4a4a;font-size:1rem!important}.m-hero-description.bigger,.m-hero-title.bigger{text-shadow:1px 1px 1px #000}.post-template .m-hero.with-picture{background:transparent;height:-moz-max-content;height:max-content;min-height:auto;padding:0}.post-template .m-hero.with-picture .m-hero__picture{height:-moz-max-content;height:max-content;position:static}.post-template .m-hero.with-picture .m-hero__picture img{height:auto;-o-object-fit:initial;object-fit:fill}@media only screen and (min-width:64rem){.post-template .m-hero.with-picture .m-hero__picture img{border-radius:16px;margin-top:40px;max-height:40vh;width:auto}}.l-post-content table th{padding:0 10px}.l-post-content iframe{aspect-ratio:16/9;height:auto;width:100%}.js-submenu-option{display:none}.js-main-nav-left::-webkit-scrollbar{display:none}.kg-audio-card{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;box-shadow:inset 0 0 0 1px rgba(124,139,154,.25),0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;margin-bottom:20px!important;min-height:64px;position:relative}.kg-audio-title{margin:0!important;min-height:58px;padding:8px 12px 8px 56px!important}.kg-audio-title a{text-decoration:none!important}.kg-audio-player{padding-bottom:12px;padding-right:14px}.kg-audio-seek-slider{width:100%}.kg-audio-thumbnail{left:0;min-width:42px!important;position:absolute;top:0;width:42px!important}.kg-audio-thumbnail.placeholder{background:transparent!important}.kg-audio-thumbnail.placeholder:before,.kg-file-card-icon:before{background:currentColor;border-radius:5px;bottom:0;content:"";display:block;left:0;opacity:.06;position:absolute;right:0;top:0;transition:opacity .35s ease-in-out}.kg-audio-thumbnail.placeholder svg,.kg-file-card-icon svg{fill:currentColor!important;color:currentColor!important} diff --git a/assets/js/app.js b/assets/js/app.js index 1009cd4..ae585d5 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1 +1 @@ -"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[773],{480:(t,e,n)=>{var r=n(755),o=n.n(r),i=n(631),a=n.n(i),c=n(488),l=(n(418),n(433)),s=n(414),u=n(360),h=n.n(u),f=n(911),d=(n(350),n(769));function m(t){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(t)}function p(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */p=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,r=Object.defineProperty||function(t,e,n){t[e]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function l(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{l({},"")}catch(t){l=function(t,e,n){return t[e]=n}}function s(t,e,n,o){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),c=new S(o||[]);return r(a,"_invoke",{value:k(t,n,c)}),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var h={};function f(){}function d(){}function v(){}var g={};l(g,i,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(_([])));b&&b!==e&&n.call(b,i)&&(g=b);var w=v.prototype=f.prototype=Object.create(g);function j(t){["next","throw","return"].forEach((function(e){l(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function o(r,i,a,c){var l=u(t[r],t,i);if("throw"!==l.type){var s=l.arg,h=s.value;return h&&"object"==m(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){o("next",t,a,c)}),(function(t){o("throw",t,a,c)})):e.resolve(h).then((function(t){s.value=t,a(s)}),(function(t){return o("throw",t,a,c)}))}c(l.arg)}var i;r(this,"_invoke",{value:function(t,n){function r(){return new e((function(e,r){o(t,n,e,r)}))}return i=i?i.then(r,r):r()}})}function k(t,e,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return O()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=L(a,n);if(c){if(c===h)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var l=u(t,e,n);if("normal"===l.type){if(r=n.done?"completed":"suspendedYield",l.arg===h)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r="completed",n.method="throw",n.arg=l.arg)}}}function L(t,e){var n=e.method,r=t.iterator[n];if(void 0===r)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,L(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),h;var o=u(r,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,h;var i=o.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,h):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,h)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function _(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,o=function e(){for(;++r=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),E(n),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:_(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),h}},t}function v(t){return function(t){if(Array.isArray(t))return g(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return g(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n div > iframe")[0],N=localStorage.getItem("theme"),I=null,Z=!1,G=null,M=function(){e.removeClass("submenu-is-active"),m.removeClass("active"),b.removeClass("opened").addClass("closed")},q=function(){t.toggleClass("no-scroll-y")},F=function(){var t,e=(t=p().mark((function t(e,n){var r,o,i;return p().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return r=new s.Z({url:e,key:n,version:"v5.0"}),t.prev=1,t.next=4,r.posts.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 4:return o=t.sent,t.next=7,r.pages.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 7:i=t.sent,I=[].concat(v(i),v(o)),t.next=14;break;case 11:t.prev=11,t.t0=t.catch(1),console.log(t.t0);case 14:case"end":return t.stop()}}),t,null,[[1,11]])})),function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(t){y(i,r,o,a,c,"next",t)}function c(t){y(i,r,o,a,c,"throw",t)}a(void 0)}))});return function(t,n){return e.apply(this,arguments)}}(),H=function(t){(0,d.tq)()||(t?(O.addClass("toggle-overflow"),P.addClass("toggle-overflow")):(O.removeClass("toggle-overflow"),P.removeClass("toggle-overflow")))};(r.on("click",(function(){e.addClass("mobile-menu-opened"),u.addClass("opened"),q()})),i.on("click",(function(){e.removeClass("mobile-menu-opened"),u.removeClass("opened"),q()})),m.on("click",(function(){(Z=!Z)?(e.addClass("submenu-is-active"),m.addClass("active"),b.removeClass("closed").addClass("opened")):M()})),x.on("click",(function(){L.addClass("opened"),setTimeout((function(){C.trigger("focus")}),400),q()})),k.on("click",(function(){C.trigger("blur"),L.removeClass("opened"),q()})),C.on("keyup",(function(){if(C.val().length>0&&I){var t=h().go(C.val(),I,{keys:["title","plaintext"],limit:4}),e="";if(t.length>0){for(var n=0,r=t.length;n")-48;u>0&&(l="..."+l.slice(u)),l.length>c&&(l=l.slice(0,c),s=!0)}else l=t[n].obj.plaintext.slice(0,c),t[n].obj.plaintext.length>c&&(l=l.split(" ").slice(0,-1).join(" "),s=!0);(null===(o=l.match(//g))||void 0===o?void 0:o.length)>(null===(i=l.match(/<\/b>/g))||void 0===i?void 0:i.length)&&(l+=""),s&&(l+="..."),e+='\n ")}S.hide(),E.html(e),E.show()}else E.html(""),E.hide(),S.show()}else E.html(""),E.hide(),S.hide()})),_.on("change",(function(){_.is(":checked")?(o()("html").attr("data-theme","dark"),localStorage.setItem("theme","dark")):(o()("html").attr("data-theme","light"),localStorage.setItem("theme","light")),T&&T.contentDocument.location.reload(!0)})),_.on("mouseenter",(function(){H(!0)})),_.on("mouseleave",(function(){H(!1)})),o()(window).on("click",(function(t){Z&&g&&!g.contains(t.target)&&(Z=!1,M())})),o()(document).on("keyup",(function(t){"Escape"===t.key&&L.hasClass("opened")&&k.trigger("click")})),N&&"dark"===N&&_.each((function(){o()(this).attr("checked",!0)})),e.length>0)&&new(a())(e[0],{tolerance:{down:10,up:20},offset:15,onUnpin:function(){if(!(0,d.tq)()&&G){var t=G[0];t&&t.state.isVisible&&t.hide()}}}).init();if(n.length>0){e.addClass("with-announcement-bar"),setTimeout((function(){e.removeAttr("data-animate")}),500);var z=new MutationObserver((function(t){if(t[0].addedNodes.length){n.detach().prependTo(e);var r=n.height();document.documentElement.style.setProperty("--announcement-bar-height","".concat(r,"px"))}t[0].removedNodes.length&&document.documentElement.style.setProperty("--announcement-bar-height","0px")})),R=new ResizeObserver((function(t){t.forEach((function(t){var e=t.contentRect.height;document.documentElement.style.setProperty("--announcement-bar-height","".concat(e,"px"))}))}));z.observe(n[0],{childList:!0}),R.observe(n[0])}else setTimeout((function(){e.removeAttr("data-animate")}),500);if(w.length>0)new f.ZP(".js-recent-slider",{modules:[f.Rv,f.s5],freeMode:!0,slidesPerView:"auto",a11y:!0,on:{init:function(){(0,l.Z)(".js-recent-article-title",50)}}});if(j.length>0){var K=document.getElementById("secondary-navigation-template");G=(0,c.ZP)(".js-open-secondary-menu",{appendTo:document.body,content:K.innerHTML,allowHTML:!0,arrow:!0,trigger:"click",interactive:!0,onShow:function(){H(!0)},onHidden:function(){H(!1)}})}(0,c.ZP)(".js-tooltip",{allowHTML:!0}),(0,l.Z)(".js-article-card-title",100),(0,l.Z)(".js-article-card-title-no-image",250),"undefined"!=typeof disableNewsletter&&disableNewsletter&&A.remove(),"undefined"!=typeof ghostSearchApiKey&&"undefined"==typeof nativeSearchEnabled?F(ghostHost,ghostSearchApiKey):(x.css("visibility","hidden"),k.remove(),L.remove())}))},769:(t,e,n)=>{n.d(e,{dZ:()=>r,e:()=>i,eS:()=>a,ej:()=>c,tq:()=>o});var r=function(){var t=document.querySelector("html");return["ar","he","fa"].includes(t.getAttribute("lang"))},o=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(t,")")).matches},i=function(){for(var t=document.querySelectorAll(".kg-gallery-image img"),e=0,n=t.length;e1&&e.last().hide()}),10)}))}}},t=>{t.O(0,[898],(()=>{return e=480,t(t.s=e);var e}));t.O()}]); \ No newline at end of file +(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[773],{480:(t,e,n)=>{"use strict";var r=n(755),o=n.n(r),i=n(631),a=n.n(i),c=n(488),l=(n(418),n(433)),s=n(414),u=n(911),f=(n(350),n(769)),d=n(360),h=n.n(d);n(531);function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function m(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */m=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,r=Object.defineProperty||function(t,e,n){t[e]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function l(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{l({},"")}catch(t){l=function(t,e,n){return t[e]=n}}function s(t,e,n,o){var i=e&&e.prototype instanceof d?e:d,a=Object.create(i.prototype),c=new C(o||[]);return r(a,"_invoke",{value:k(t,n,c)}),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var f={};function d(){}function h(){}function v(){}var y={};l(y,i,(function(){return this}));var g=Object.getPrototypeOf,b=g&&g(g(A([])));b&&b!==e&&n.call(b,i)&&(y=b);var w=v.prototype=d.prototype=Object.create(y);function j(t){["next","throw","return"].forEach((function(e){l(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function o(r,i,a,c){var l=u(t[r],t,i);if("throw"!==l.type){var s=l.arg,f=s.value;return f&&"object"==p(f)&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){o("next",t,a,c)}),(function(t){o("throw",t,a,c)})):e.resolve(f).then((function(t){s.value=t,a(s)}),(function(t){return o("throw",t,a,c)}))}c(l.arg)}var i;r(this,"_invoke",{value:function(t,n){function r(){return new e((function(e,r){o(t,n,e,r)}))}return i=i?i.then(r,r):r()}})}function k(t,e,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return O()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=S(a,n);if(c){if(c===f)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var l=u(t,e,n);if("normal"===l.type){if(r=n.done?"completed":"suspendedYield",l.arg===f)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r="completed",n.method="throw",n.arg=l.arg)}}}function S(t,e){var n=e.method,r=t.iterator[n];if(void 0===r)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,S(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),f;var o=u(r,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,f;var i=o.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,f):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,f)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function L(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function C(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,o=function e(){for(;++r=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),L(n),f}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;L(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:A(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),f}},t}function v(t){return function(t){if(Array.isArray(t))return y(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return y(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n div > iframe")[0],I=localStorage.getItem("theme"),N=null,M=!1,q=null,Z=function(){e.removeClass("submenu-is-active"),p.removeClass("active"),b.removeClass("opened").addClass("closed")},G=function(){t.toggleClass("no-scroll-y")},H=function(){var t,e=(t=m().mark((function t(e,n){var r,o,i;return m().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return r=new s.Z({url:e,key:n,version:"v5.0"}),t.prev=1,t.next=4,r.posts.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 4:return o=t.sent,t.next=7,r.pages.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 7:i=t.sent,N=[].concat(v(i),v(o)),t.next=14;break;case 11:t.prev=11,t.t0=t.catch(1),console.log(t.t0);case 14:case"end":return t.stop()}}),t,null,[[1,11]])})),function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(t){g(i,r,o,a,c,"next",t)}function c(t){g(i,r,o,a,c,"throw",t)}a(void 0)}))});return function(t,n){return e.apply(this,arguments)}}(),F=function(t){(0,f.tq)()||(t?(O.addClass("toggle-overflow"),_.addClass("toggle-overflow")):(O.removeClass("toggle-overflow"),_.removeClass("toggle-overflow")))};(r.on("click",(function(){e.addClass("mobile-menu-opened"),d.addClass("opened"),G()})),i.on("click",(function(){e.removeClass("mobile-menu-opened"),d.removeClass("opened"),G()})),p.on("click",(function(){(M=!M)?(e.addClass("submenu-is-active"),p.addClass("active"),b.removeClass("closed").addClass("opened")):Z()})),x.on("click",(function(){S.addClass("opened"),setTimeout((function(){E.trigger("focus")}),400),G()})),k.on("click",(function(){E.trigger("blur"),S.removeClass("opened"),G()})),E.on("keyup",(function(){if(E.val().length>0&&N){var t=h().go(E.val(),N,{keys:["title","plaintext"],limit:4}),e="";if(t.length>0){for(var n=0,r=t.length;n")-48;u>0&&(l="..."+l.slice(u)),l.length>c&&(l=l.slice(0,c),s=!0)}else l=t[n].obj.plaintext.slice(0,c),t[n].obj.plaintext.length>c&&(l=l.split(" ").slice(0,-1).join(" "),s=!0);(null===(o=l.match(//g))||void 0===o?void 0:o.length)>(null===(i=l.match(/<\/b>/g))||void 0===i?void 0:i.length)&&(l+=""),s&&(l+="..."),e+='\n ")}C.hide(),L.html(e),L.show()}else L.html(""),L.hide(),C.show()}else L.html(""),L.hide(),C.hide()})),A.on("change",(function(){A.is(":checked")?(o()("html").attr("data-theme","dark"),localStorage.setItem("theme","dark")):(o()("html").attr("data-theme","light"),localStorage.setItem("theme","light")),T&&T.contentDocument.location.reload(!0)})),A.on("mouseenter",(function(){F(!0)})),A.on("mouseleave",(function(){F(!1)})),o()(window).on("click",(function(t){M&&y&&!y.contains(t.target)&&(M=!1,Z())})),o()(document).on("keyup",(function(t){"Escape"===t.key&&S.hasClass("opened")&&k.trigger("click")})),I&&"dark"===I&&A.each((function(){o()(this).attr("checked",!0)})),e.length>0)&&new(a())(e[0],{tolerance:{down:10,up:20},offset:15,onUnpin:function(){if(!(0,f.tq)()&&q){var t=q[0];t&&t.state.isVisible&&t.hide()}}}).init();if(n.length>0){e.addClass("with-announcement-bar"),setTimeout((function(){e.removeAttr("data-animate")}),500);var z=new MutationObserver((function(t){if(t[0].addedNodes.length){n.detach().prependTo(e);var r=n.height();document.documentElement.style.setProperty("--announcement-bar-height","".concat(r,"px"))}t[0].removedNodes.length&&document.documentElement.style.setProperty("--announcement-bar-height","0px")})),R=new ResizeObserver((function(t){t.forEach((function(t){var e=t.contentRect.height;document.documentElement.style.setProperty("--announcement-bar-height","".concat(e,"px"))}))}));z.observe(n[0],{childList:!0}),R.observe(n[0])}else setTimeout((function(){e.removeAttr("data-animate")}),500);if(w.length>0)new u.ZP(".js-recent-slider",{modules:[u.Rv,u.s5],freeMode:!0,slidesPerView:"auto",a11y:!0,on:{init:function(){(0,l.Z)(".js-recent-article-title",50)}}});if(j.length>0){var U=document.getElementById("secondary-navigation-template");q=(0,c.ZP)(".js-open-secondary-menu",{appendTo:document.body,content:U.innerHTML,allowHTML:!0,arrow:!0,trigger:"click",interactive:!0,onShow:function(){F(!0)},onHidden:function(){F(!1)}})}(0,c.ZP)(".js-tooltip",{allowHTML:!0}),(0,l.Z)(".js-article-card-title",100),(0,l.Z)(".js-article-card-title-no-image",250),"undefined"!=typeof disableNewsletter&&disableNewsletter&&P.remove(),"undefined"!=typeof ghostSearchApiKey&&"undefined"==typeof nativeSearchEnabled?H(ghostHost,ghostSearchApiKey):(x.css("visibility","hidden"),k.remove(),S.remove())}))},769:(t,e,n)=>{"use strict";n.d(e,{dZ:()=>r,e:()=>i,eS:()=>a,ej:()=>c,tq:()=>o});var r=function(){var t=document.querySelector("html");return["ar","he","fa"].includes(t.getAttribute("lang"))},o=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(t,")")).matches},i=function(){for(var t=document.querySelectorAll(".kg-gallery-image img"),e=0,n=t.length;e1&&e.last().hide()}),10)}))}},531:()=>{function t(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=n(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var o=0,i=function(){};return{s:i,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,c=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return c=t.done,t},e:function(t){l=!0,a=t},f:function(){try{c||null==r.return||r.return()}finally{if(l)throw a}}}}function e(t){return function(t){if(Array.isArray(t))return r(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||n(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n'),n=i('
');c(e,(function(){return v(t,1)})),c(n,(function(){return v(t,-1)})),t.append(n,e)};for(g.s();!(y=g.n()).done;)b()}catch(t){g.e(t)}finally{g.f()}c(f,(function(){console.log({cart:r,items:s.map((function(t){return{id:t.dataset.id,count:h(t)}}))}),d&&d.style.setProperty("display","flex")}))};document.addEventListener("DOMContentLoaded",(function(){var e,n=t(document.querySelectorAll(".paypal-cart"));try{for(n.s();!(e=n.n()).done;){var r=e.value;l(r)}}catch(t){n.e(t)}finally{n.f()}}))}},t=>{t.O(0,[898],(()=>{return e=480,t(t.s=e);var e}));t.O()}]); \ No newline at end of file diff --git a/src/js/app.js b/src/js/app.js index dea0b8e..2f320a3 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -4,12 +4,13 @@ import tippy from 'tippy.js'; import 'tippy.js/dist/tippy.css'; import shave from 'shave'; import GhostContentAPI from '@tryghost/content-api'; -/* pyv */ -import fuzzysort from 'fuzzysort'; -/* /pyv */ import Swiper, { FreeMode, A11y } from 'swiper'; import 'swiper/css'; import { isRTL, formatDate, isMobile } from './helpers'; +/* pyv */ +import fuzzysort from 'fuzzysort'; +import './paypal'; +/* /pyv */ $(() => { if (isRTL()) { diff --git a/src/js/paypal.js b/src/js/paypal.js new file mode 100644 index 0000000..abf8ce8 --- /dev/null +++ b/src/js/paypal.js @@ -0,0 +1,86 @@ +/* pyv */ + +{ + /*
Youth
Leader
Payment successful.
*/ +} + +const ITEM_REMOVE = `
`, + ITEM_ADD = `
`, + CHECKOUT = `
+
+
Checkout with
+
`.replace(/\s+/g, ' '); + +const createElement = (html) => { + const tmpl = document.createElement('template'); + tmpl.innerHTML = html.trim(); + return tmpl.content.firstChild; + }, + getDataAttrAsInt = (elem, attr) => { + let value = parseInt(elem.dataset[attr]); + if (isNaN(value)) value = 0; + return value; + }, + onClick = (elem, handler) => { + elem.addEventListener('click', handler); + elem.addEventListener('keydown', (event) => { + if (['Space', 'Enter'].includes(event.code)) handler(); + }); + }; + +const hydrateCart = (cart) => { + const { id: cartId } = cart.dataset, + order = createElement(CHECKOUT), + items = [...cart.querySelectorAll('.paypal-item')], + total = order.querySelector('.paypal-order-total'), + checkout = order.querySelector('.paypal-order-checkout'), + confirmation = cart.querySelector('.paypal-confirmation'); + if (confirmation) confirmation.before(order); + else cart.append(order); + + const getCount = (item) => getDataAttrAsInt(item, 'count'), + getCost = (item) => getDataAttrAsInt(item, 'cost'), + getTotal = () => + items.reduce((charge, item) => { + return charge + getCount(item) * getCost(item); + }, 0); + + const updateTotal = () => (total.innerText = `$${getTotal()}`), + updateCount = (item, increment) => { + item.dataset.count = Math.max(getCount(item) + increment, 0); + updateTotal(); + }; + updateTotal(); + + const showConfirmation = () => { + if (!confirmation) return; + confirmation.style.setProperty('display', 'flex'); + }; + + for (const item of items) { + const add = createElement(ITEM_ADD), + remove = createElement(ITEM_REMOVE); + onClick(add, () => updateCount(item, +1)); + onClick(remove, () => updateCount(item, -1)); + item.append(remove, add); + } + + onClick(checkout, () => { + console.log({ + cart: cartId, + items: items.map((item) => { + return { + id: item.dataset.id, + count: getCount(item), + }; + }), + }); + showConfirmation(); + }); +}; + +document.addEventListener('DOMContentLoaded', () => { + const carts = document.querySelectorAll('.paypal-cart'); + for (const cart of carts) hydrateCart(cart); +}); +/* /pyv */ diff --git a/src/sass/common/_themes.scss b/src/sass/common/_themes.scss index e0ec236..f891b8e 100644 --- a/src/sass/common/_themes.scss +++ b/src/sass/common/_themes.scss @@ -1,3 +1,4 @@ +html:not([data-theme]), [data-theme="light"] { --background-color: #fff; --primary-foreground-color: #4a4a4a; diff --git a/src/sass/pyv.scss b/src/sass/pyv.scss index 2445796..fc48b2d 100644 --- a/src/sass/pyv.scss +++ b/src/sass/pyv.scss @@ -27,6 +27,8 @@ } .buttons { display: flex; + align-items: center; + justify-content: center; gap: 24px; } } @@ -49,20 +51,20 @@ .columns > * > .kg-embed-card + .kg-embed-card { margin-top: -50px; } -.buttons .kg-button-card a { - width: 100%; +.buttons { + .kg-button-card a { + width: 100%; + } + @media screen and (max-width: $break-large) { + & > *:not(:last-child) { + margin-bottom: 14px !important; + } + } } .kg-button-card { padding: 0 !important; } -/* default to white nav text + icons for contrast until theme loads */ -html:not([data-theme]) { - --toggle-darkmode-button-display-moon: none; - --toggle-darkmode-button-display-sun: block; - --titles-color: white; -} - /* transparent nav on homepage until scroll */ .home-template { .in-mobile-topbar { @@ -133,7 +135,7 @@ body:not(.home-template) { display: none; } } -@media only screen and (max-width: 48rem) { +@media only screen and (max-width: $break-medium) { .m-nav__left .m-secondary-menu + .more { display: none; } @@ -247,12 +249,12 @@ body:not(.home-template) { margin: 0 max(calc(50% - 430px), 0px); } } -@media only screen and (min-width: 35.5rem) and (max-width: 64rem) { +@media only screen and (min-width: $break-small) and (max-width: $break-large) { .l-grid > :nth-child(2n + 1 of .m-article-card):last-child { width: 100%; } } -@media only screen and (max-width: 48rem) { +@media only screen and (max-width: $break-medium) { .l-post-content + .l-grid.centered { margin-top: 40px; } @@ -294,8 +296,12 @@ body:not(.home-template) { .icon-minus { mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1pbnVzIj48cGF0aCBkPSJNNSAxMmgxNCIvPjwvc3ZnPg==); } +.icon-check-circle { + mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWNpcmNsZSI+PHBhdGggZD0iTTIyIDExLjA4VjEyYTEwIDEwIDAgMSAxLTUuOTMtOS4xNCIvPjxwb2x5bGluZSBwb2ludHM9IjIyIDQgMTIgMTQuMDEgOSAxMS4wMSIvPjwvc3ZnPg==); +} .icon-plus, -.icon-minus { +.icon-minus, +.icon-check-circle { width: 1em; height: 1em; mask-repeat: no-repeat; @@ -305,19 +311,45 @@ body:not(.home-template) { } /* payment buttons */ -.paypal-item { +.paypal-cart { + display: flex; + flex-direction: column; + margin-bottom: 25px; +} +.paypal-item, +.paypal-confirmation { align-items: center; border-radius: 5px; - border: 1px solid rgb(124 139 154/25%); display: flex; font-size: 1rem; font-weight: 600; letter-spacing: 0.2px; line-height: 1; width: 100%; - margin-bottom: 25px; +} +.paypal-item { + border: 1px solid rgb(124 139 154/25%); + margin-bottom: 14px; + &::before { + content: " ($" attr(data-cost) ") x " attr(data-count); + padding: 13px 25px 13px 0; + white-space: pre; + order: 1; + } + &:is([data-count="0"], :not([data-count])) { + /* prevent ordering <0 items */ + &::before { + content: " ($" attr(data-cost) ") x 0"; + } + .paypal-item-remove { + pointer-events: none; + cursor: default; + opacity: 0.5; + } + } .paypal-item-name { - padding: 13px 25px; + padding: 13px 0 13px 25px; + order: 0; } .paypal-item-remove { margin-left: auto; @@ -334,39 +366,85 @@ body:not(.home-template) { align-items: center; justify-content: center; padding: 0; - &[disabled], - &[aria-disabled="true"] { - pointer-events: none; - opacity: 0.6; - } + order: 2; } } -.paypal-checkout-btn { +.paypal-order { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: 14px; + .paypal-order-total { + margin: 0 0 0 auto; + @media screen and (min-width: 24rem) and (max-width: $break-small) { + margin: 0 auto 0 0; + } + font-weight: 600; + font-size: 2rem; + } } -.kg-button-card a .paypal-btn { - height: 42px; - width: 115.94px; - display: inline-block; - padding: 11px 23px 11px 13px; - margin: -13px -26px -15px 13px; - background-color: #fff; - background-image: url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png); - background-size: contain; - background-repeat: no-repeat; - background-origin: content-box; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); +.paypal-order-checkout { + width: 100%; + @media screen and (min-width: 24rem) { + width: auto; + } + display: flex !important; + align-items: normal !important; + text-decoration: none !important; + &, + .paypal-checkout-logo { + transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1) !important; + } + &:hover { + color: $white !important; + } + :first-child { + margin-right: 13px; + } + .paypal-checkout-logo { + height: 42px; + width: 115.94px; + display: inline-block; + padding: 11px 23px 11px 13px; + margin: -13px -26px -15px auto; + background-color: $white; + background-image: url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png); + background-size: contain; + background-repeat: no-repeat; + background-origin: content-box; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + &:focus .paypal-checkout-logo { + width: 113.94px; + height: 38px; + padding-top: 9px; + padding-bottom: 9px; + padding-right: 21px; + margin-right: -24px; + margin-top: -11px; + border-radius: 5px; + } } -.kg-button-card a:focus .paypal-btn { - width: 113.94px; - height: 38px; - padding-top: 9px; - padding-bottom: 9px; - padding-right: 21px; - margin-right: -24px; - margin-bottom: -13px; - border-radius: 5px; +.paypal-confirmation { + display: none; + color: rgba(52, 183, 67, 0.94); + background: rgba(52, 183, 67, 0.16); + margin-top: 14px; + &::before { + content: ""; + font-size: 20px; + margin: auto 0 auto 25px; + @extend .icon-check-circle; + } + span { + padding: 13px 25px; + } +} +.javascript-required { + color: #ff4a4a; + font-size: 1rem !important; } /* page cover sizing & readability (inc. uncropped post covers) */