:root{--body-color:rgba(0,0,0,0.8);--body-color-secondary:rgba(56,56,56,0.8);--primary-color:#00a672;--primary-color-dark:#00835c;--bg:#fff;--bg-primary:#fafafa;--bg-secondary:#f3f5f4;--bg-transparent:hsla(0,0%,100%,0.9);--bg-tertiary:#f3f5f4;--bg-light:#fff;--dark-bg:#0d2538;--code-bg:#0e2233;--select-color:rgba(212,53,159,0.2);--inline-code-text:#b32585;--inline-code-bg:linear-gradient(90deg,#fce3ec,#ffe8cc);--border-color:#e2ecec;--border-color-light:#e2ecec;--border-color-darker:#cfe6e6;--mark-color:#fff8ec;--border-radius:5px;--success-bg:rgba(91,177,150,0.25);--space:25px;--space-x2:50px;--code-color:#fdf9f3;--glow:2px 2px 15px 0 var(--border-color-darker);--nav-sidebar-bg:linear-gradient(270deg,hsla(0,0%,100%,0.88),#fff 0,#fff 1%,hsla(0,0%,100%,0.88) 11%,#00a672);--accent-color:#f05d61;--hovered-accent-color:#ee464a;--primary-text-color:#383838;--hovered-text-color:rgba(56,56,56,0.8);--secondary-text-color:#5e5e5e;--text-primary:#383838;--text-secondary:#5e5e5e;--text-tertiary:#787878;--light-text-color:#fff;--lightgrey-text-color:#d1d1d1;--main-bg:#fff;--body-light-bg:#fafafa;--body-dark-bg:#f5f5f5;--link-color:#f05d61;--hovered-link-color:#ee464a;--nav-bg:#fff;--nav-hovered-bg:#1f222b;--footer-bg:#21242d;--widget-bg:#f3f3f3;--widget-title:#5e5e5e;--widget-text:#868383;--widget-text-hover:#5e5e5e;--pagination-color:#2e313a;--success-color:#25d366;--warning-color:#f7ea00;--warm-color:#f1776c;--danger-color:red;--fb-color:#3b5999;--tw-color:#55acee;--gplus-color:#dd4b39;--ig-color:#3f729b;--wa-color:#25d366;--mail-color:#0084ff;--box-shadow:0 3px 2px 0 rgba(0,0,0,0.03);--black-shadow:0px 4px 18px -3px rgba(17,17,17,0.06);--hovered-black-shadow:0 3px 16px 0 rgba(0,0,0,0.11);--header-height:58px;--plum:#310736;--plum-invert:#fff;--plum-dark:#622369;--plum-light:#94529c;--fortyfour:#5f45bb;--alpha:#05ffb0;--beta:#00e7eb;--orange:#ff470f;--yellow:#ffdd57;--green:#23d160;--turquoise:#00d1b2;--blue:#3273dc;--purple:#b86bff;--pink:#ff3860;--red:#ff4538;--turquoise-dark:#006b5b;--turquoise-light:#ebfffc;--purple-dark:#8605ff;--purple-light:#f5ebff;--facebook:#3b5998;--github:#333;--instagram:#3f729b;--hacker-news:#f60;--soundcloud:#f80;--twitter:#55acee;--rss:#f26522;--font-body:"Raleway",sans-serif;--font-heading:"Frank Ruhl Libre",serif}:root [data-theme=sepia]{--body-color:#433422;--bg:#f1e7d0;--dark-bg:#111;--code-bg:#222;--bg-transparent:rgba(241,231,208,0.88);--bg-secondary:#eae0c9;--bg-tertiary:#eadec2;--border-color:#ded0bf;--border-color-darker:#ccbca9;--glow:2px 2px 15px 0 #ccbca9}:root [data-theme=dark]{--body-color:#ebf4f1;--body-color-secondary:#ebf4f1;--primary-text-color:#fafafa;--secondary-text-color:#dbdbdb;--bg:#091a28;--bg-primary:#050b10;--bg-secondary:#071521;--bg-tertiary:#0e2233;--bg-transparent:rgba(9,26,40,0.88);--bg-light:#fff;--text-primary:#383838;--text-secondary:#5e5e5e;--text-tertiary:#787878;--border-color:#0d2538;--border-color-darker:#0d2538;--inline-code-text:#e24cb2;--inline-code-bg:rgba(212,53,159,0.1);--primary-color:#00835c;--primary-color-dark:#00a672;--glow:2px 2px 15px 0 #071521}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}html{overflow-y:scroll;overflow-x:hidden;font-size:62.5%}body{font-family:Raleway,sans-serif;font-family:var(--font-body);font-size:1.6rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga"on}@media (max-width:56.1875em){body{overflow-x:hidden}}::selection{text-shadow:none;background:#f05d61;background:var(--link-color)}hr{position:relative;display:block;width:100%;padding:0;height:1px;border:0;border-top:1px solid #e2ecec;border-top:1px solid var(--border-color);margin-bottom:1em}audio,canvas,iframe,img,svg,video{vertical-align:middle}iframe{margin-bottom:1.2em}fieldset{margin:0;padding:0;border:0}input,input[type=email],input[type=number],input[type=tel],input[type=text],textarea{border:1px solid #e2ecec;border:1px solid var(--border-color);padding:6px 10px;outline:none}input.disabled{cursor:pointer}textarea{resize:vertical}[type=reset],[type=submit],button,html [type=button]{padding:.5em 1em;border:none;outline:none}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1em;padding-right:1.5em;margin-left:.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}li{margin:.5em 0;padding-left:.5em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#00a672;color:var(--primary-color);font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:.25em 1.6em;border-left:.3em solid #e2ecec;border-left:.3em solid var(--border-color);background:#fafafa;background:var(--body-light-bg)}blockquote p{margin:.8em 0;font-family:monospace,monospace;font-style:italic;font-size:1.7rem;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:Frank Ruhl Libre,serif;font-family:var(--font-heading);line-height:1.4;font-weight:600;text-rendering:optimizeLegibility}h1{margin:0 0 1em;font-size:2.8rem}@media (max-width:767.99px){h1{font-size:2.4rem}}h2{margin:0 0 1em;font-size:2.4rem}@media (max-width:767.99px){h2{font-size:2.2rem}}h3{margin:0 0 1em;font-size:2.2rem}@media (max-width:767.99px){h3{font-size:2rem}}h4{font-size:1.8rem}h4,h5{margin:0 0 1em;font-weight:500}h5{font-size:1.6rem}h6{margin:0 0 1em;font-size:1.4rem;font-weight:500}table{border-collapse:separate;border-spacing:1px;background:#fafafa;background:var(--body-light-bg);margin-bottom:1.5em;border:1px solid #e2ecec;border:1px solid var(--border-color)}table td,table th{padding:.5em 2em}table th{color:#383838;color:var(--primary-text-color)}table td:hover,table th{background:#f5f5f5;background:var(--body-dark-bg)}table td:hover{color:#5e5e5e;color:var(--secondary-text-color)}table tr:nth-child(odd){background:color(#fafafa blackness(2%));background:color(var(--body-light-bg) blackness(2%))}table tr:nth-child(2n){background:color(#fafafa blackness(4%));background:color(var(--body-light-bg) blackness(4%))}::placeholder{color:color(#e2ecec blackness(20%));color:color(var(--border-color) blackness(20%));font-size:1.4rem;opacity:1}:-ms-input-placeholder{color:#e2ecec;color:var(--border-color)}::-ms-input-placeholder{color:#e2ecec;color:var(--border-color)}@media (max-width:767.99px){table td,table th{padding:.5em .6em}}@font-face{font-family:fontello;src:url(../font/fontello.eot?2663856);src:url(../font/fontello.eot?2663856#iefix) format("embedded-opentype"),url(../font/fontello.woff2?2663856) format("woff2"),url(../font/fontello.woff?2663856) format("woff"),url(../font/fontello.ttf?2663856) format("truetype"),url(../font/fontello.svg?2663856#fontello) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-calendar:before{content:"\e800"}.icon-heart:before{content:"\e801"}.icon-comment:before{content:"\e802"}.icon-up-big:before{content:"\e803"}.icon-tag:before{content:"\e804"}.icon-eye:before{content:"\e805"}.icon-location:before{content:"\e806"}.icon-chart-bar:before{content:"\e807"}.icon-mail:before{content:"\e808"}.icon-link:before{content:"\e809"}.icon-search:before{content:"\e80a"}.icon-up-open:before{content:"\e80b"}.icon-picture:before{content:"\e80c"}.icon-ok:before{content:"\e80d"}.icon-ok-circle:before{content:"\e80e"}.icon-cancel:before{content:"\e80f"}.icon-basket:before{content:"\e810"}.icon-bag:before{content:"\e811"}.icon-basket-1:before{content:"\e812"}.icon-tag-1:before{content:"\e813"}.icon-globe:before{content:"\e814"}.icon-tag-2:before{content:"\e815"}.icon-truck:before{content:"\e816"}.icon-up-dir:before{content:"\e817"}.icon-gift:before{content:"\e818"}.icon-down:before{content:"\e819"}.icon-plus:before{content:"\e81a"}.icon-minus:before{content:"\e81b"}.icon-home:before{content:"\e81c"}.icon-quote-left:before{content:"\e81d"}.icon-quote-right:before{content:"\e81e"}.icon-users:before{content:"\e81f"}.icon-barcode:before{content:"\e820"}.icon-lock:before{content:"\e821"}.icon-home-1:before{content:"\e822"}.icon-credit-card:before{content:"\e826"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-rss:before{content:"\f09e"}.icon-pinterest-circled:before{content:"\f0d2"}.icon-gplus:before{content:"\f0d5"}.icon-download:before{content:"\f0ed"}.icon-angle-double-left:before{content:"\f100"}.icon-angle-double-right:before{content:"\f101"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-shield:before{content:"\f132"}.icon-dollar:before{content:"\f155"}.icon-youtube-play:before{content:"\f16a"}.icon-instagram:before{content:"\f16d"}.icon-left:before{content:"\f177"}.icon-right:before{content:"\f178"}.icon-whatsapp:before{content:"\f232"}.icon-credit-card-alt:before{content:"\f283"}.icon-shopping-basket:before{content:"\f291"}.icon-telegram:before{content:"\f2c6"}.grid{display:grid;grid-column-gap:calc(1.28571rem + .5vw);grid-template-columns:1fr minmax(auto,59.99rem) 1fr}@media (min-width:37.5em) and (max-width:56.1875em){.grid{grid-template-columns:1fr minmax(auto,89.99rem) 1fr}}@media (min-width:56.25em){.grid{grid-column-gap:calc(2rem + .5vw);grid-template-columns:1fr minmax(auto,128rem) 1fr}}.grid__wrapper{grid-column:2/3}.flex{display:flex;flex-wrap:wrap}.container-base{max-width:680px}.grid-wrapper{display:grid;grid-column-gap:calc(1.28571rem + .5vw);grid-row-gap:calc(1.28571rem + .5vw);margin-top:3.2rem}@media (min-width:56.25em){.grid-wrapper{grid-column-gap:calc(2rem + .5vw);grid-row-gap:calc(2rem + .5vw)}}@media (max-width:37.4375em){.grid-wrapper{grid-column-gap:calc(1.28571rem + .5vw);grid-row-gap:calc(1.28571rem + .5vw);margin-top:2.4rem}}.grid-col-2,.grid-col-3{grid-template-columns:repeat(2,1fr)}.grid-col-4{grid-template-columns:repeat(3,1fr)}.grid-col-5{grid-template-columns:repeat(4,1fr)}@media (min-width:56.25em){.grid-col-2{grid-template-columns:repeat(2,1fr)}.grid-col-3{grid-template-columns:repeat(3,1fr)}.grid-col-4{grid-template-columns:repeat(4,1fr)}.grid-col-5{grid-template-columns:repeat(5,1fr)}}@media (max-width:37.4375em){.grid-col-2,.grid-col-3{grid-template-columns:auto}.grid-col-4,.grid-col-5{grid-template-columns:repeat(2,1fr)}}.card-col-3,.card-col-4,.card-col-5{grid-column:span 1}.grid--full{grid-column:span 4}.flex-grid{display:flex;flex-wrap:wrap;margin-left:-1em;margin-right:-1em}.flex-2-col{flex-basis:50%}.flex-2-col,.flex-3-col{padding-left:1em;padding-right:1em}.flex-3-col{flex-basis:33.33%}@media (max-width:37.4375em){.flex-2-col,.flex-3-col{flex-basis:100%;padding-left:1em;padding-right:1em}}.lazyloaded{opacity:1;transition:opacity 1s cubic-bezier(.215,.61,.355,1)}.success-color{color:#25d366;color:var(--success-color)}.danger-color{color:red;color:var(--danger-color)}.success-bg{background:#25d366;background:var(--success-color)}.success-bg:hover{background:#3ab956}.button-bg{background:#828694}.button-bg:hover{background:#bbbcbf}.accent-bg{background:#f05d61;background:var(--accent-color)}.accent-bg:hover{background:#ee464a;background:var(--hovered-accent-color)}.danger-bg{background:red;background:var(--danger-color)}.warning-color{color:#f1c40f}.warning-bg{background:#ff8c00}.warning-bg:hover{background:#f05d61;background:var(--link-color)}.orange-bg{background:#ff8c00}.lightblue-bg{background:#bbd8e6}.darkblue-bg{background:#27323a}.light-text-color,.light-text-color p{color:#fff;color:var(--light-text-color)}.main-bg{background:#fff;background:var(--main-bg)}.body--light-bg{background:#fafafa;background:var(--body-light-bg)}.body--dark-bg{background:#f5f5f5;background:var(--body-dark-bg)}.space--top{padding-top:2em}.space--center{padding:2em 0}.space--bottom{padding-bottom:2em}.no-space{margin:0}.cover-image{background-size:cover;background-repeat:no-repeat;background-position:50%;width:100%}.is-cover-fixed{position:relative;background-attachment:fixed}.is-fixed-content{position:relative;z-index:9}.cover-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(rgba(37,38,50,.67),rgba(37,38,50,.92));box-shadow:inset 0 0 50px rgba(0,0,0,.15);transition:visibility .35s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94);z-index:1}.button,.is-center{text-align:center}.button{border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.2);cursor:pointer;padding-left:1.2em;padding-right:1.2em;transition-duration:.3s;transition-property:background,box-shadow,color,transform;will-change:box-shadow}.button:hover{box-shadow:0 4px 8px rgba(#000,.2);transform:translateY(-1px);text-decoration:none}.button:active{box-shadow:0 0 0 rgba(#000,.01);transform:translateY(0)}.button--small{font-size:1.4rem;padding:6px 12px;text-transform:uppercase;margin-right:6px;border-radius:8px}.button--small,.button--small:hover{color:#fff;color:var(--light-text-color)}.button--small:hover{text-decoration:none}.button--small i{margin-right:6px}:root{--nav-height:62px}.site__header{display:grid;grid-column-gap:calc(1.28571rem + .5vw);grid-template-columns:1fr minmax(auto,59.99rem) 1fr}@media (min-width:37.5em) and (max-width:56.1875em){.site__header{grid-template-columns:1fr minmax(auto,89.99rem) 1fr}}@media (min-width:56.25em){.site__header{grid-column-gap:calc(2rem + .5vw);grid-template-columns:1fr minmax(auto,128rem) 1fr;position:relative;top:0;position:sticky;transition:background-color .3s,border-color,.3s;backdrop-filter:blur(4px);z-index:20}}.header__wrapper{grid-column:2/3}.nav__wrapper{position:relative}.nav__brand{padding:1em 0}@media (min-width:56.25em){.nav__wrapper{display:flex;align-items:center;justify-content:space-between}.nav__brand{padding:0;margin-right:auto}.nav__menu--left{width:1px;height:62px;height:var(--nav-height)}.nav__mobile{display:none}}.nav__toggle{position:absolute;top:25px;right:0;width:23px;height:23px;cursor:pointer}.nav__toggle.is-active{border-top-right-radius:8px;border-bottom-right-radius:8px}.nav__toggle-item,.nav__toggle-item:after,.nav__toggle-item:before{cursor:pointer;height:2px;width:23px;position:absolute;display:block;content:"";transition:all .3s ease-in-out}.nav__toggle-item{top:11px}.nav__toggle-item:before{top:-7px}.nav__toggle-item:after{bottom:-7px}.nav__toggle.is-active .nav__toggle-item:after,.nav__toggle.is-active .nav__toggle-item:before{top:0}.nav__toggle.is-active .nav__toggle-item:before{transform:rotate(45deg)}.nav__toggle.is-active .nav__toggle-item:after{transform:rotate(-45deg)}.nav__mobile-sidebar{position:absolute;width:100%;min-height:100vh;height:100%;top:4.5em;padding:0;overflow-x:hidden;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-2em);transform-origin:top;transition:all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s;z-index:10}.nav__mobile-sidebar.is-display{visibility:visible;opacity:1;z-index:11;transform:translateY(0);transition-delay:0s,0s,.3s}.nav__docs{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:.5em;padding-bottom:1em;position:relative}.nav__docs .search__mobile{width:100%}.nav__docs .search__form{padding-right:0}.nav__docs-wrapper{padding:2px;border-radius:5px}.nav__docs-button{display:flex;align-items:center;cursor:pointer;padding:.25em .5em .25em .75em;border-radius:4px}.nav__docs-button span{font-size:1.2rem;text-transform:uppercase}.nav__docs-button svg{width:20px;height:20px;margin-left:.5em}@media (min-width:56.25em){.nav__docs{display:none}}.theme-toggle{background:pink;width:20px;height:20px;cursor:pointer}.menu,.menu li,.submenu,.submenu li{padding:0;margin:0}.menu,.submenu{list-style:none}.menu li,.submenu li{position:relative}.menu li a,.menu li a:visited,.submenu li a,.submenu li a:visited{display:block;font-size:1.4rem;font-weight:400;text-decoration:none}.menu li a:active,.menu li a:hover,.menu li a:visited:active,.menu li a:visited:hover,.submenu li a:active,.submenu li a:hover,.submenu li a:visited:active,.submenu li a:visited:hover{text-decoration:none}.menu li a,.menu li a:visited{text-transform:uppercase}.submenu li a,.submenu li a:visited{text-transform:lowercase}.nav__submenu-wrapper{height:0;opacity:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden;transition:all .3s cubic-bezier(.275,1.375,.8,1)}.nav__submenu-wrapper.is-active{height:auto;opacity:1}.submenu-button{position:absolute;right:0;top:0;display:block;height:36px;width:40px;cursor:pointer;z-index:3}.submenu-button:after,.submenu-button:before{position:absolute;display:block;content:""}.submenu-button:before{top:14px;right:19px;width:2px;height:8px}.submenu-button:after{top:17px;right:16px;width:8px;height:2px}.submenu-button.is-active:before{display:none}@media (max-width:56.1875em){.nav__menu{display:none;padding-top:1em}.menu{min-height:560px}.menu li{border-bottom:1px solid #e2ecec;border-bottom:1px solid var(--border-color)}.menu li a{padding:5px 16px}.submenu li{border-bottom:1px solid #e2ecec;border-bottom:1px solid var(--border-color)}.submenu li:last-child{border:none}.submenu li a{padding:4px 24px}}@media (min-width:56.25em){.nav__menu-item{display:flex;justify-content:flex-end}.menu li a,.menu li a:visited{line-height:62px;line-height:var(--nav-height);padding:0 1em}.submenu{position:absolute;visibility:hidden;white-space:nowrap;opacity:0;top:100%;transform:translateY(-2em);transform-origin:top;transition:all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s;width:230px;z-index:3}.submenu li a{display:block;line-height:3.2rem;padding:0 1em}.submenu li:last-child{padding-bottom:1em}.has-submenu:active>.submenu,.has-submenu:focus>.submenu,.has-submenu:hover>.submenu{visibility:visible;opacity:1;z-index:4;transform:translateY(0);transition-delay:0s,0s,.3s}}.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:"";display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-gallery,.tns-no-calc{position:relative;left:0}.tns-gallery{min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-fadeOut,.tns-normal{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:2333.33333%;position:absolute;right:0}.tns-t-ct:after{content:"";display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:1.42857%;height:10px;float:left}.post-featured__image{width:100%;height:auto}.post-card__tags,.post-featured__tags{font-size:1.1rem;text-transform:uppercase}.post-card__tags:active,.post-card__tags:hover,.post-featured__tags:active,.post-featured__tags:hover{text-decoration:none}.post-featured__title{font-size:1.7rem}.post-featured__meta{font-size:1.5rem}.post-featured__meta>img{width:30px;height:30px;border-radius:50%}.post-featured__author{padding:0 .5em}.post-card__link:active,.post-card__link:hover,.post-featured__link:active,.post-featured__link:hover{text-decoration:none}.post{display:flex;flex-wrap:wrap;align-content:flex-start;margin-left:-1.5em;margin-right:-1.5em}.post-card{flex-basis:50%;position:relative;display:flex;align-items:center;padding:1em 1.5em;margin:0}.post-card:first-child,.post-card:nth-child(2){padding-top:1.5em}.post-card:first-child:before,.post-card:nth-child(2):before{content:"";position:absolute;top:0;border-top:1px solid #e2ecec;border-top:1px solid var(--border-color)}.post-card:first-child:before{width:calc(100% - 1.5em)}.post-card:nth-child(2):before{width:100%;left:-1.5em}.post-card:nth-child(2n){border-left:1px solid #e2ecec;border-left:1px solid var(--border-color)}.post-card__media{flex-basis:34%;padding-top:4px}.post-card__body{flex-basis:66%;padding-left:1em}.post-card__title{font-size:1.5rem;font-weight:400}@media (max-width:37.4375em){.grid--featured{display:block}.post-featured{display:flex;padding:0 1em}.post-featured__media{flex-basis:35%;padding-top:6px}.post-featured__body{flex-basis:65%;padding-left:1em}.post-featured__title{font-size:1.4rem;font-weight:400;margin:0}.post-featured__meta{display:none}.post-featured:first-child{display:block;padding:0}.post-featured:first-child>.post-featured__body{padding:1em}.post-featured:first-child .post-featured__title{font-size:1.9rem;font-weight:500;margin:0}.post-featured__ads{padding-top:1.5em}.post-featured__ads img{display:block;margin:0 auto}.post,.post-card{display:block}.post-card{margin-bottom:1em}.post-card:first-child:before,.post-card:nth-child(2):before{content:none}.post-card__body{padding:1em 0 0}.post-card__title{font-size:1.6rem;font-weight:400;margin:0}}@media (min-width:37.5em) and (max-width:56.1875em){.post-featured__wrapper{grid-template-columns:repeat(3,1fr)}.post-featured:first-child{grid-column:1/4;display:flex}.post-featured:first-child>.post-featured__body,.post-featured:first-child>.post-featured__media{flex-basis:50%}.post-featured:first-child>.post-featured__body{padding:0 1em 0 1.5em}.post-featured:first-child>.post-featured__body .post-featured__tags{font-size:1.2rem}.post-featured:first-child>.post-featured__body .post-featured__title{font-size:2.2rem;font-weight:600}.post-featured:first-child>.post-featured__body .post-featured__meta{display:block}.post-featured:first-child>.post-featured__body .post-featured__meta a{text-transform:capitalize}.post-featured__ads{align-items:center;grid-column:1/4}.post-featured__ads img{display:block;margin:0 auto}.post-featured__body{padding-top:1em}.post-featured__title{font-weight:400}.post-featured__meta{display:none}}@media (min-width:56.25em){.post-featured__wrapper{grid-template-columns:repeat(4,1fr)}.post-featured:first-child{grid-column:1/4;display:flex}.post-featured:first-child>.post-featured__body,.post-featured:first-child>.post-featured__media{flex-basis:50%}.post-featured:first-child>.post-featured__body{padding:0 1em 0 1.5em}.post-featured:first-child>.post-featured__body .post-featured__tags{font-size:1.3rem}.post-featured:first-child>.post-featured__body .post-featured__title{font-size:2.6rem;font-weight:600}.post-featured:first-child>.post-featured__body .post-featured__meta{display:block}.post-featured:first-child>.post-featured__body .post-featured__meta a{text-transform:capitalize}.post-featured__ads{grid-column:4/5;grid-row:1/3}.post-featured__body{padding-top:1em}.post-featured__title{font-weight:400}.post-featured__meta{display:none}}.feed__wrapper{margin:0}.feed__title{margin-bottom:.5em}.feed__meta{display:flex;align-items:center;font-size:1.4rem;margin-bottom:.75em}.feed__avatar{width:30px;height:30px;border-radius:50%}.feed__author{text-transform:capitalize;padding:0 .75em}.feed__readmore{font-size:1.5rem}.feed__content p{margin-bottom:1em}@media (max-width:37.4375em){.feed__media img{width:100%;height:auto}.feed__body{padding-top:1em}.feed__tags{text-transform:uppercase;font-size:1.2rem;font-weight:700}.feed__link:active,.feed__link:hover{text-decoration:none}}@media (min-width:37.5em) and (max-width:56.1875em){.feed{display:flex;align-items:center;padding:.75em 0}.feed__media{flex-basis:30%;position:relative;padding-top:22.5%}.feed__media img{position:absolute;top:0;width:100%;height:100%}.feed__body{flex-basis:70%;padding-left:1em}.feed__tags{font-size:1.1rem;font-weight:700;text-transform:uppercase}.feed__link:hover,.feed__tags:hover{text-decoration:none}.feed__title{font-size:1.9rem}.feed__content p{font-size:1.5rem}}@media (min-width:56.25em){.feed{display:flex;align-items:center;padding:.75em 0}.feed__media{flex-basis:40%;position:relative;padding-top:30%}.feed__media .feed__image{position:absolute;top:0;width:100%;height:100%}.feed__body{flex-basis:60%;padding-left:1em}.feed__tags{font-size:1.3rem;font-weight:700;text-transform:uppercase}.feed__link:hover,.feed__tags:hover{text-decoration:none}}.authors{display:flex;justify-content:center;align-items:center}.authors .author__media{width:120px}.authors .author__media img{max-width:100%;height:auto;border-radius:50%}.authors .author__body{max-width:60%;padding-left:1em;text-align:left}.authors .author__title{margin-bottom:.5em}.pagination-wrapper{flex-basis:100%;position:relative;text-align:center;font-weight:300;padding-top:2em;margin-bottom:1em}.pagination{list-style:none;padding:0;margin:0}.pagination-item{display:inline-block;padding:0;margin:0}.pagination-link{padding:4px 10px;margin-right:2px;transition:all .2s ease-out}.pagination-link:hover{text-decoration:none;transition:all .2s ease-out}.pagination-next,.pagination-prev{padding:6px 12px}.pagination-next:hover,.pagination-prev:hover{text-decoration:none}.pagination-prev{float:left}.pagination-next{float:right}@media (max-width:37.4375em){.pagination-item{line-height:1.2em}.pagination-link{display:inline-block;font-size:1.4rem;margin-bottom:1em}}.breadcrumb{margin-bottom:1.5em;font-size:1.4rem;color:#5e5e5e;color:var(--secondary-text-color)}.breadcrumb a{color:#383838;color:var(--primary-text-color)}.breadcrumb a:hover{text-decoration:none;color:#ee464a;color:var(--hovered-link-color)}.breadcrumb i{display:inline-block}@media (max-width:37.4375em){.breadcrumb{font-size:1.3rem}}.post__single{margin:0}.post__title{font-size:3.2rem;margin-bottom:.5em}.post__meta{display:flex;justify-content:space-between;font-size:1.4rem}.post__meta-item{align-self:center}.post__meta-author{display:inline-block}.post__meta-author img{width:30px;height:30px;border-radius:50%}.post__author-link{text-transform:capitalize;padding-left:.75em;padding-right:.75em}.post__article .post__meta{margin-bottom:1em}.post__media{margin-bottom:1.5em}.post__caption{color:#5e5e5e;color:var(--secondary-text-color);font-size:1.2rem;padding:6px 0}.post__caption,.post__caption:hover{text-decoration:none}.post__body .image--center{text-align:center}.post__body .image--center figcaption h4{font-family:Raleway,sans-serif;font-family:var(--font-body);font-size:1.2rem;text-align:center;padding-top:8px}@media (max-width:37.4375em){.post__title{font-size:1.9rem}}@media (min-width:56.25em){.share-button{padding-right:2em}}@media (max-width:56.1875em){.grid{display:block}.docs__wrapper{position:relative;padding:0 1em;margin:0}}@media (min-width:56.25em){.docs__wrapper{display:grid;grid-template-columns:260px minmax(0,1fr)}.docs__main{position:relative}.docs__main pre{max-width:100%;overflow:hidden}.docs__main:before{content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;background-color:#fafafa;background-color:var(--bg-primary);z-index:4}.docs__main--fit{max-width:860px}}.docs__header{padding:1em 0}.docs__title{margin-bottom:.75em}.docs__title a{color:#383838;color:var(--text-primary)}.docs__title a:hover{text-decoration:none;color:#00a672;color:var(--primary-color)}.docs__meta{display:flex;font-size:1.4rem;color:#787878;color:var(--text-tertiary);border-bottom:1px solid #e2ecec;border-bottom:1px solid var(--border-color-light);padding-bottom:1em}.docs__meta a{color:#5e5e5e;color:var(--text-secondary)}.docs__meta a:hover{text-decoration:none;color:#383838;color:var(--text-primary)}.docs__meta-item{align-self:center}.docs__meta-author{display:inline-block}.docs__meta-author img{width:30px;height:30px;border-radius:50%}.docs__author-link{text-transform:capitalize;padding-left:.75em;padding-right:.75em}@media (min-width:56.25em){.docs__header{padding:2em 2em 0 3em}}.docs__post h1,.docs__post h2,.docs__post h3,.docs__post h4,.docs__post h5,.docs__post h6{color:#383838;color:var(--text-primary)}.docs__post .post__img.img-center{text-align:center}.docs__post .post__img figcaption{margin-top:1em}.docs__post .post__img figcaption h4{font-size:1.3rem;font-weight:500}.docs__post .example__label{display:flex;justify-content:space-between;margin-bottom:0}.docs__post .example__label .example-clipboard,.docs__post .example__label strong{font-size:1.3rem;padding:2px 12px}.docs__post .example__label strong{background:#ffdd57;background:var(--yellow)}.docs__post .example__label .example__clipboard{color:#fff;color:var(--light-text-color);background:#3273dc;background:var(--blue);border-radius:2px;padding:2px 12px}.docs__post .example__label .example__clipboard:hover{text-decoration:none}.docs__post .example__code pre{margin-top:0}.docs__post .example__preview{margin-bottom:1.5em}.docs__post .example__result{margin-bottom:1em}.docs__post .example__result span{font-size:1.2rem;color:#fff;color:var(--light-text-color);background:#ffdd57;background:var(--yellow);padding:6px 12px}.docs__post .example__browser{align-items:center;background:#f2f2f2;border:1px solid #e6e6e6;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;display:flex;height:1.5em;justify-content:flex-start;padding-left:.5em}.docs__post .example__browser i{background:rgba(0,0,0,.2);border-radius:290486px;display:block;flex-grow:0;flex-shrink:0;height:4px;margin-right:2px;width:4px}.docs__post .example__output{border:1px solid #e6e6e6;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.05);padding:.5em}.docs__post .example__output-div{padding:.8em 1em;position:relative}.docs__post .button__clipboard{display:block;font-size:1.3rem;color:#fff;color:var(--light-text-color);background:#3273dc;background:var(--blue);border-radius:2px;padding:6px 12px;margin-left:auto}.docs__post .highlight{position:relative}.docs__post .highlight pre{overflow-x:auto}.docs__post .browser{margin-bottom:1.5em}.docs__post .browser__ref{display:flex;width:100%}.docs__post .browser__name{flex-grow:1;flex-shrink:1;width:16%;text-align:center}.docs__post .browser__name header{height:4.5em;padding-top:.75em;padding-bottom:.75em;border-top:3px solid #e2ecec;border-top:3px solid var(--border-color-light);border-bottom:1px solid #e2ecec;border-bottom:1px solid var(--border-color-light)}.docs__post .browser__name a{color:#5e5e5e;color:var(--text-secondary)}.docs__post .browser__name a:hover{text-decoration:none}.docs__post .browser__name a svg{width:3em;height:3em}.docs__post .browser__element{width:20%}.docs__post .browser__support{padding-top:1em}.docs__post .browser__chrome a svg{color:#4caf50}.docs__post .browser__safari a svg{color:#3f51b5}.docs__post .browser__firefox a svg{color:#ff8f00}.docs__post .browser__opera a svg{color:#f44336}.docs__post .browser__edge a svg{color:#2196f3}.docs__post .docs__note{background-color:#ffc;border-left:6px solid #ffeb3b}.docs__content{padding-top:1.5em}.element__header,.property__header{position:relative;z-index:3}.element__header:after,.element__header:before,.property__header:after,.property__header:before{content:"";height:100%;left:-100%;position:absolute;top:0;width:300%}.element__header:before,.property__header:before{width:210%;background-color:#fafafa;background-color:var(--bg-primary);border-bottom-right-radius:100px;z-index:-2}.element__header:after,.property__header:after{height:130%;background-image:linear-gradient(270deg,#ff8a00,#e52e71);z-index:-3}.element__links,.property__links{font-size:1.3rem;padding:1em 0;position:relative}.element__links a,.property__links a{color:#5e5e5e;color:var(--secondary-text-color);margin-right:.75em}.element__links a:focus,.element__links a:hover,.property__links a:focus,.property__links a:hover{color:#00a672;color:var(--primary-color)}.element__name,.property__name{padding-bottom:.5em;position:relative}.element__name a,.property__name a{color:rgba(0,0,0,.8);color:var(--body-color);z-index:3}.element__name a:focus,.element__name a:hover,.property__name a:focus,.property__name a:hover{color:#00a672;color:var(--primary-color)}.element__name span,.property__name span{color:rgba(56,56,56,.8);color:var(--body-color-secondary);margin-right:.5em}.element__name span:focus,.element__name span:hover,.property__name span:focus,.property__name span:hover{color:#00a672;color:var(--primary-color)}.docs__content,.element__description,.property__description{color:#5e5e5e;color:var(--text-secondary)}.docs__content pre,.element__description pre,.property__description pre{padding:2em 1.5em 1em;margin:0 0 2em}.docs__content code,.docs__content pre,.element__description code,.element__description pre,.property__description code,.property__description pre{font-family:Space Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:"liga"0;font-size:1.6rem;border-radius:3px;line-height:1.5;direction:ltr;text-align:left;word-spacing:normal;word-break:normal;tab-size:2;hyphens:none}.docs__content code::-moz-selection,.docs__content code ::-moz-selection,.docs__content pre::-moz-selection,.docs__content pre ::-moz-selection,.element__description code::-moz-selection,.element__description code ::-moz-selection,.element__description pre::-moz-selection,.element__description pre ::-moz-selection,.property__description code::-moz-selection,.property__description code ::-moz-selection,.property__description pre::-moz-selection,.property__description pre ::-moz-selection{text-shadow:none}.docs__content code::selection,.docs__content code ::selection,.docs__content pre::selection,.docs__content pre ::selection,.element__description code::selection,.element__description code ::selection,.element__description pre::selection,.element__description pre ::selection,.property__description code::selection,.property__description code ::selection,.property__description pre::selection,.property__description pre ::selection{text-shadow:none}.docs__content :not(pre)>code,.element__description :not(pre)>code,.property__description :not(pre)>code{background:linear-gradient(90deg,#fce3ec,#ffe8cc);background:var(--inline-code-bg);padding:.2rem .33rem;vertical-align:1%;font-size:1.6rem}@media (min-width:56.25em){.element__header,.property__header{padding-left:3em}.element__header:before,.property__header:before{width:206%;border-bottom-right-radius:100px;z-index:-2}.docs__content,.element__description,.property__description{padding:2em 2em 2em 3em}}.property__description .example{border-bottom:1px solid #e2ecec;border-bottom:1px solid var(--border-color-light);padding-bottom:1.5em;margin-bottom:1.5em}.property__description .example__default,.property__description .example__recommended,.property__description .example__value{font-size:1.4rem;color:rgba(0,0,0,.7);display:inline-block;background:#ffdd57;border-radius:2px;padding:.1em .5em .15em;vertical-align:top}.property__description .example__value{cursor:pointer;position:relative}.property__description .example__default,.property__description .example__recommended{background:#fff;float:right}.property__description .example__default{box-shadow:inset 0 0 0 1px #ff4538;color:#ff4538}.property__description .example__description{font-size:1.4rem}.property__description .example__description ul{list-style:disc;margin-left:0}.property__description .example__description ul li{padding:0}.property__description .example__browser{align-items:center;background:#f2f2f2;border:1px solid #e6e6e6;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;display:flex;height:1.5em;justify-content:flex-start;padding-left:.5em}.property__description .example__browser i{background:rgba(0,0,0,.2);border-radius:290486px;display:block;flex-grow:0;flex-shrink:0;height:4px;margin-right:2px;width:4px}.property__description .example__output{border:1px solid #e6e6e6;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.05);padding:.5em}.property__description .example__output-div{padding:.8em 1em;position:relative}.property__animation{display:flex;margin-top:1em;margin-bottom:1.5em}.property__animation .button{background:#23d160;background:var(--green);color:#fff;font-size:1.4rem;padding:.6rem 1.6rem}.property__animation .button:before{content:"▶ Putar Animasi"}.property__animation .button:first-letter{margin-right:.25em}.property__animation .button.is-playing{background:#ff4538;background:var(--red)}.property__animation .button.is-playing:before{content:"￭ Berhenti"}@media (min-width:56.25em){.property__description .example{display:flex;align-items:flex-start;padding:1em 0}.property__description .example__header,.property__description .example__preview{flex-grow:1;flex-shrink:1}.property__description .example__header{padding-right:1em;width:60%}.property__description .example__preview{width:40%}}.example-label{display:flex;justify-content:space-between;margin-bottom:0}.example-label .example-clipboard,.example-label strong{font-size:1.3rem;padding:2px 12px}.example-label strong{background:#ffdd57;background:var(--yellow)}.example-label .example-clipboard{color:#fff;color:var(--light-text-color);background:#3273dc;background:var(--blue);border-radius:2px}.example-label .example-clipboard:hover{text-decoration:none}@media (max-width:56.1875em){.element__description pre{margin-top:0}}.example-preview{margin-bottom:2em}.example-preview .example-output{border:1px solid #ffdd57;border:1px solid var(--yellow);padding:1em}@media (min-width:56.25em){.example-preview{display:flex}.example-preview .example-output{flex-basis:0;flex-grow:1;flex-shrink:1;border:1px solid #ffdd57;border:1px solid var(--yellow);padding:1em}.example-preview .example-code{flex-basis:0;flex-grow:2;flex-shrink:2;overflow-x:auto}.example-preview .example-code pre{margin:0}}.attribute .attribute__name{margin-bottom:.25em}.attribute .attribute__name .tag{background:#e6e6fa;background:#badbff}.attribute .attribute-is-required{width:80%;color:#ff4538;font-size:.8em}.attribute .attribute-is-novalue{color:#b86bff;font-size:.8em}.attribute .attribute__description{font-size:.8em;line-height:1.4;margin-top:.5em}.attribute .attribute__description p{margin-bottom:.5em}.attribute .attribute__description a:hover{text-decoration:underline}.attribute .attribute__description code{background:#f2f2f2;border-radius:2px;padding:0 4px 2px;position:relative;top:-1px;vertical-align:baselin}.attribute .value .value__header{padding-left:1rem}.attribute .value__name{position:relative;margin-bottom:.5em}.attribute .value__name .tag{background:#ffdd57;background:#deff82}.attribute .value__name .tag:before{bottom:50%;left:100%;transform:translateX(0) translateY(50%)}.attribute .value__name .tag:after{color:#000;content:"=";font-weight:400;margin-right:.5em;opacity:.5;pointer-events:none;position:absolute;right:100%;top:0}.attribute .value__name .tag:hover:before{transform:translateX(4px) translateY(50%)}.attribute .value__description{color:grey;font-size:1.3rem;font-weight:400;line-height:1.4}.attribute .value__description a:hover{text-decoration:underline}.attribute .value__description strong{color:inherit}.attribute .value__description p,.attribute .value__description pre{margin-bottom:.5em}.attribute .value__description p:last-child,.attribute .value__description pre:last-child{margin-bottom:0}.attribute .value__description code{background:#f2f2f2;border-radius:2px;padding:0 4px 2px;position:relative;top:-1px;vertical-align:baseline}.attribute .value__description pre{font-size:12px;line-height:1.6;overflow:auto;padding:1em;max-width:100%}.attribute .value__description pre code{background:none;padding:0;position:static}.attribute .value__description .highlight{margin-bottom:.75em}.attribute .value__preview{font-size:14px}.attribute .value__output a{text-decoration:underline}.attribute .value__output fieldset{padding:.5em 1em 1em}.attribute .value__output iframe{border:2px inset #e6e6e6}.attribute .tag{background:#e6e6fa;border-radius:3px;color:#333;display:inline-block;font-family:Inconsolata,Source Code Pro,Consolas,Monaco,Courier,monospace;font-size:14px;font-weight:700;padding:1px 6px 3px;vertical-align:top}.attribute .tag--experimental{background:#ffdd57;color:#310736}.attribute .tag--type{background:none;box-shadow:inset 0 0 0 1px #23d160;color:#23d160}.attribute .tag--selfclosing{background:none;box-shadow:inset 0 0 0 1px #b86bff;color:#b86bff}@media (max-width:56.1875em){.attribute{margin-top:2rem}.value{margin-top:1rem}.value__preview{margin-top:.5rem;padding-left:1rem}}@media (min-width:56.25em){.attribute{display:flex;margin-top:2rem}.attribute__header{flex-grow:0;flex-shrink:0;padding-right:1rem;width:20%}.attribute__values{flex-grow:1;flex-shrink:1;width:80%}.value{display:flex}.value+.value{margin-top:1rem}.value--example{margin-top:.5rem!important}.value__header{flex-grow:1;flex-shrink:1;overflow:hidden;padding-right:2rem}.value__preview{flex-shrink:0;width:30%}.attribute--novalue .attribute__header{width:76%}.attribute--novalue .value__header{display:none}.attribute--novalue .value__preview{width:100%}}.attribute--required .attribute__name .tag{background:#ff4538;color:#fff}.attribute--novalue .attribute__name .tag,.attribute--novaluebut .attribute__name .tag{background:#e9d1ff}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip-after]:after,[data-tooltip]:before{background-color:#333;border-radius:2px;bottom:100%;color:#fff;content:attr(data-tooltip);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;left:50%;line-height:1.2;opacity:0;padding:.5em .6em;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(0);transition-duration:.3s;transition-property:opacity,transform;visibility:hidden;white-space:nowrap}[data-tooltip-after]:after{content:attr(data-tooltip-after)}[data-tooltip-after]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}[data-tooltip].is-copied:before{background:#23d160;background:var(--green)}[data-tooltip].example__value:before{content:"klik untuk menyalin kode"}[data-tooltip].example__value.is-copied:before{content:"kode telah disalin"}[data-lang]:before{content:attr(data-lang);position:absolute;top:0;left:0;font-size:1.2rem;color:#fff;color:var(--light-text-color);padding:2px 12px}[data-lang].language-html:before{background-color:#ff470f;background-color:var(--orange)}[data-lang].language-css:before{background-color:#3273dc;background-color:var(--blue)}[data-lang].language-js:before{content:"Javascript";background-color:#ff4538;background-color:var(--red)}.property{position:relative}.property .square{align-items:center;background:#e6e6e6;border-radius:3px;color:#4d4d4d;display:flex;height:75px;justify-content:center;line-height:1.2;padding:0;text-align:center;width:75px}.property .square--plum{background:#310736;color:#fff}.property .box{border:2px solid #4d4d4d;border-radius:3px;position:relative}.property .box:before{border-radius:1px 0 2px 0;color:#fff;content:"";display:inline-block;font-size:1.2rem;line-height:1.6;padding:0 6px 2px 4px;vertical-align:top}.property .align-content{background:#f2f2f2;display:flex;flex-wrap:wrap;height:300px;padding:0}.property .align-content .square{height:50px;margin:2px;width:30%}.property .align-content .square:nth-child(2){height:100px}.property .align-content .box{height:150px;left:0;position:absolute;right:0;top:0}.property .align-content .box--red{border-color:#ff4538}.property .align-content .box--red:before{content:"Baris Pertama";background:#ff4538}.property .align-content .box--green{border-color:#23d160;top:150px}.property .align-content .box--green:before{content:"Baris Kedua";background:#23d160}.property #align-content-stretch{align-content:stretch}.property #align-content-stretch .box--red{height:175px}.property #align-content-stretch .box--green{height:125px;top:175px}.property #align-content-flex-start{align-content:flex-start}.property #align-content-flex-start .box--red{height:104px}.property #align-content-flex-start .box--green{height:54px;top:104px}.property #align-content-flex-end{align-content:flex-end}.property #align-content-flex-end .box--red{height:104px;top:142px}.property #align-content-flex-end .box--green{height:54px;top:246px}.property #align-content-center{align-content:center}.property #align-content-center .box--red{height:104px;top:71px}.property #align-content-center .box--green{height:54px;top:175px}.property #align-content-space-between{align-content:space-between}.property #align-content-space-between .box--red{height:104px;top:0}.property #align-content-space-between .box--green{height:54px;top:246px}.property #align-content-space-around{align-content:space-around}.property #align-content-space-around .box--red{height:104px;top:36px}.property #align-content-space-around .box--green{height:54px;top:211px}.property .line{background:#4d4d4d;height:1px;position:relative}.property .line:before{background:#4d4d4d;border-radius:2px;color:#fff;content:"Garis";display:inline-block;font-size:1.1rem;height:15px;line-height:15px;margin-top:-9px;padding:2px 6px;vertical-align:top}.property .line--red:before{background:#ff4538}.property .align-items{background:#f2f2f2;display:flex;height:200px;justify-content:center;padding:0}.property .align-items .square{height:50px;margin:0 2px;width:calc(20% - 4px)}.property .align-items .square:nth-child(2){height:100px}.property .align-items .square:nth-child(4){height:75px}.property .align-items .line{left:2px;position:absolute;right:2px}.property .align-items .line--red{background:#ff4538}.property #align-items-flex-start{align-items:flex-start}.property #align-items-flex-start .line{top:0}.property #align-items-flex-end{align-items:flex-end}.property #align-items-flex-end .line{bottom:0}.property #align-items-center{align-items:center}.property #align-items-center .line{top:50%}.property #align-items-baseline{align-items:baseline}.property #align-items-baseline .line{top:55px}.property #align-items-stretch{align-items:stretch}.property #align-items-stretch .square{height:auto}.property .align-self{align-items:center;background:#f2f2f2;display:flex;height:200px;justify-content:center;padding:0}.property .align-self .square{height:50px;margin:0 2px;width:calc(20% - 4px)}.property .align-self .square:nth-child(2){background:#05ffb0;color:#310736}.property .align-self .square:nth-child(4){height:75px}.property .align-self .line{left:2px;position:absolute;right:2px}.property .align-self .line--default{top:50%}.property .align-self .line--default:before{content:"Items"}.property .align-self .line--red{background:#ff4538}.property .align-self .line--red:before{content:"Self"}.property #align-self-auto,.property #align-self-auto .target{align-self:auto}.property #align-self-flex-start,.property #align-self-flex-start .target{align-self:flex-start}.property #align-self-flex-end,.property #align-self-flex-end .target{align-self:flex-end}.property #align-self-flex-end .line--red{bottom:0}.property #align-self-center{align-items:flex-start;align-self:center}.property #align-self-center .target{align-self:center}.property #align-self-center .line--red{top:50%}.property #align-self-center .line--default{top:0}.property #align-self-baseline,.property #align-self-baseline .target{align-self:baseline}.property #align-self-baseline .line--red{top:30px}.property #align-self-baseline .line--default{top:50%}.property #align-self-stretch{align-self:stretch}.property #align-self-stretch .target{align-self:stretch;height:auto}.property #align-self-stretch .line--red{display:none}.property #align-self-stretch .line--default{top:50%}.property .animation-delay{animation-duration:5s;animation-iteration-count:infinite}.property .animation-delay.is-animated{animation-name:fadeAndMove}.property #animation-delay-0s{animation-delay:0s}.property #animation-delay-12s{animation-delay:1.2s}.property #animation-delay-2400ms{animation-delay:2.4s}.property #animation-delay--500ms{animation-delay:-.5s}.property .animation-direction{animation-duration:2s;animation-iteration-count:infinite}.property .animation-direction.is-animated{animation-name:fadeAndMove}.property #animation-direction-normal{animation-direction:normal}.property #animation-direction-reverse{animation-direction:reverse}.property #animation-direction-alternate{animation-direction:alternate}.property #animation-direction-alternate-reverse{animation-direction:alternate-reverse}.property .animation-duration{animation-iteration-count:infinite}.property .animation-duration.is-animated{animation-name:fadeAndMove}.property #animation-duration-0s{animation-duration:0s}.property #animation-duration-12s{animation-duration:1.2s}.property #animation-duration-2400ms{animation-duration:2.4s}.property .square--pink{background:#ff3860;color:#fff}.property .animation-fill-mode{animation-delay:1s;animation-duration:2s;animation-iteration-count:1;animation-name:kf-animation-fill-mode;animation-play-state:paused}.property .animation-fill-mode.is-animated{animation-play-state:running}.property #animation-fill-mode-none{animation-fill-mode:none}.property #animation-fill-mode-forwards{animation-fill-mode:forwards}.property #animation-fill-mode-backwards{animation-fill-mode:backwards}.property #animation-fill-mode-both{animation-fill-mode:both}.property .animation-iteration-count{animation-duration:2s}.property .animation-iteration-count.is-animated{animation-name:fadeAndMove}.property #animation-iteration-count-1{animation-iteration-count:1}.property #animation-iteration-count-2{animation-iteration-count:2}.property #animation-iteration-count-infinite,.property .animation-name{animation-iteration-count:infinite}.property .animation-name.is-animated{animation-duration:2s}.property #animation-name-none{animation-name:none}.property #animation-name-fadein{animation-name:fadeIn}.property #animation-name-moveright{animation-name:moveRight}.property .animation-play-state{animation-duration:2s;animation-iteration-count:infinite}.property .animation-play-state.is-animated{animation-name:fadeAndMove}.property #animation-play-state-running{animation-play-state:running}.property #animation-play-state-paused{animation-play-state:paused}.property .animation-timing-function{animation-duration:3s;animation-fill-mode:forwards}.property .animation-timing-function.is-animated{animation-name:moveRight}.property #animation-timing-function-ease{animation-timing-function:ease}.property #animation-timing-function-ease-in{animation-timing-function:ease-in}.property #animation-timing-function-ease-out{animation-timing-function:ease-out}.property #animation-timing-function-ease-in-out{animation-timing-function:ease-in-out}.property #animation-timing-function-linear{animation-timing-function:linear}.property #animation-timing-function-step-start{animation-timing-function:step-start}.property #animation-timing-function-step-end{animation-timing-function:step-end}.property #animation-timing-function-steps4-end{animation-timing-function:steps(4)}.property .background-attachment{background-image:url(/images/cssref/landscape.jpg);background-position:50%;background-size:cover;height:200px}.property .background-attachment p{background:#fff;padding:.8em 1em}.property #background-attachment-scroll{background-attachment:scroll}.property #background-attachment-local{background-attachment:local}.property #background-attachment-fixed{background-attachment:fixed}.property .background-clip{background:#05ffb0;border:4px dashed;padding:2em}.property #background-clip-border-box{background-clip:border-box}.property #background-clip-padding-box{background-clip:padding-box}.property #background-clip-content-box{background-clip:content-box}.property #background-color-transparent{background-color:transparent}.property #background-color-red{background-color:red}.property #background-color-05ffb0{background-color:#05ffb0}.property #background-color-rgb50-115-220{background-color:#3273dc}.property #background-color-rgba50-115-220-03{background-color:rgba(50,115,220,.3)}.property #background-color-hsl14-100-53{background-color:#ff470f}.property #background-color-hsla14-100-53-06{background-color:rgba(255,71,15,.6)}.property .background-image{background-repeat:no-repeat;height:200px}.property #background-image-none{background-image:none}.property #background-image-urlimagesjtpng{background-image:url(/images/cssref/jt.png);background-size:64px 64px}.property #background-image-linear-gradientred-blue{background-image:linear-gradient(red,#00f)}.property #background-image-linear-gradient45deg-red-blue{background-image:linear-gradient(45deg,red,#00f)}.property #background-image-radial-gradientgreen-purple{background-image:radial-gradient(green,purple)}.property #background-image-radial-gradientcircle-green-purple{background-image:radial-gradient(circle,green,purple)}.property #background-image-radial-gradientcircle-green-0-purple-20-orange-100{background-image:radial-gradient(circle,green 0,purple 20%,orange 100%)}.property #background-image-radial-gradientcircle-closest-side-green-0-purple-20-orange-100{background-image:radial-gradient(circle closest-side,green 0,purple 20%,orange 100%)}.property #background-image-radial-gradientcircle-closest-side-at-45px-45px-green-0-purple-20-orange-100{background-image:radial-gradient(circle closest-side at 45px 45px,green 0,purple 20%,orange 100%)}.property .background-origin{background-image:url(/images/cssref/jt.png);background-repeat:no-repeat;background-size:64px 64px;border:4px dashed;padding:2em}.property .background-origin p{background-color:rgba(5,255,176,.5);padding:1em}.property #background-origin-padding-box{background-origin:padding-box}.property #background-origin-border-box{background-origin:border-box}.property #background-origin-content-box{background-origin:content-box}.property .background-position{background-image:url(/images/cssref/jt.png);background-repeat:no-repeat;background-size:64px 64px;height:150px}.property #background-position-0-0{background-position:0 0}.property #background-position-bottom-right{background-position:100% 100%}.property #background-position-center-center{background-position:50%}.property .background-repeat{background-image:url(/images/cssref/jt.png);background-size:64px 64px;height:150px}.property #background-repeat-repeat{background-repeat:repeat}.property #background-repeat-repeat-x{background-repeat:repeat-x}.property #background-repeat-repeat-y{background-repeat:repeat-y}.property #background-repeat-no-repeat{background-repeat:no-repeat}.property #background-repeat-space{background-repeat:space}.property #background-repeat-round{background-repeat:round}.property .background-size{background-image:url(/images/cssref/landscape.jpg);background-repeat:no-repeat;height:150px;padding:0}.property #background-size-auto-auto{background-size:auto auto}.property #background-size-120px-80px{background-size:120px 80px}.property #background-size-100-50{background-size:100% 50%}.property #background-size-contain{background-size:contain}.property #background-size-cover{background-size:cover}.property .border-bottom-color{border-bottom-style:solid;border-bottom-width:4px}.property #border-bottom-color-transparent{border-bottom-color:transparent}.property #border-bottom-color-red{border-bottom-color:red}.property #border-bottom-color-05ffb0{border-bottom-color:#05ffb0}.property .border-bottom-left-radius{border-right-style:solid;border-top-style:solid;border-left:4px solid #ff3860;border-bottom:4px solid #05ffb0;border-right-width:4px;border-top-width:4px}.property #border-bottom-left-radius-0{border-bottom-left-radius:0}.property #border-bottom-left-radius-20px{border-bottom-left-radius:20px}.property #border-bottom-left-radius-50{border-bottom-left-radius:50%}.property #border-bottom-left-radius-20px-50{border-bottom-left-radius:20px 50%}.property .border-bottom-right-radius{border-left-style:solid;border-top-style:solid;border-left-width:4px;border-bottom:4px solid #05ffb0;border-right:4px solid #ff3860;border-top-width:4px}.property #border-bottom-right-radius-0{border-bottom-right-radius:0}.property #border-bottom-right-radius-20px{border-bottom-right-radius:20px}.property #border-bottom-right-radius-50{border-bottom-right-radius:50%}.property #border-bottom-right-radius-20px-50{border-bottom-right-radius:20px 50%}.property .border-bottom-style{border-bottom-width:4px}.property #border-bottom-style-none{border-bottom-style:none}.property #border-bottom-style-dotted{border-bottom-style:dotted}.property #border-bottom-style-dashed{border-bottom-style:dashed}.property #border-bottom-style-solid{border-bottom-style:solid}.property #border-bottom-style-double{border-bottom-style:double}.property #border-bottom-style-groove{border-bottom-style:groove}.property .border-bottom-width{border-bottom-style:solid}.property #border-bottom-width-0{border-bottom-width:0}.property #border-bottom-width-4px{border-bottom-width:4px}.property #border-bottom-4px-dotted-red{border-bottom:4px dotted red}.property #border-bottom-2px-solid{border-bottom:2px solid}.property .border-collapse table{width:100%}.property .border-collapse td{border-color:#3273dc #ffdd57 #ff3860 #05ffb0;border-style:solid;border-width:4px;padding:.4em .5em}.property #border-collapse-separate,.property #border-collapse-separate table{border-collapse:separate}.property #border-collapse-collapse,.property #border-collapse-collapse table{border-collapse:collapse}.property .border-color{border-style:solid;border-width:4px}.property #border-color-transparent{border-color:transparent}.property #border-color-red{border-color:red}.property #border-color-05ffb0{border-color:#05ffb0}.property #border-color-rgb50-115-220{border-color:#3273dc}.property #border-color-rgba50-115-220-03{border-color:rgba(50,115,220,.3)}.property #border-color-hsl14-100-53{border-color:#ff470f}.property #border-color-hsla14-100-53-06{border-color:rgba(255,71,15,.6)}.property .border-left-color{border-left-style:solid;border-left-width:4px}.property #border-left-color-transparent{border-left-color:transparent}.property #border-left-color-red{border-left-color:red}.property #border-left-color-05ffb0{border-left-color:#05ffb0}.property .border-left-style{border-left-width:4px}.property #border-left-style-none{border-left-style:none}.property #border-left-style-dotted{border-left-style:dotted}.property #border-left-style-dashed{border-left-style:dashed}.property #border-left-style-solid{border-left-style:solid}.property #border-left-style-double{border-left-style:double}.property #border-left-style-groove{border-left-style:groove}.property .border-left-width{border-left-style:solid}.property #border-left-width-0{border-left-width:0}.property #border-left-width-4px{border-left-width:4px}.property #border-left-4px-dotted-red{border-left:4px dotted red}.property #border-left-2px-solid{border-left:2px solid}.property .border-radius{border:4px solid #05ffb0}.property #border-radius-0{border-radius:0}.property #border-radius-20px{border-radius:20px}.property #border-radius-50{border-radius:50%}.property #border-radius-20px-50{border-radius:20px 50%}.property .border-right-color{border-right-style:solid;border-right-width:4px}.property #border-right-color-transparent{border-right-color:transparent}.property #border-right-color-red{border-right-color:red}.property #border-right-color-05ffb0{border-right-color:#05ffb0}.property .border-right-style{border-right-width:4px}.property #border-right-style-none{border-right-style:none}.property #border-right-style-dotted{border-right-style:dotted}.property #border-right-style-dashed{border-right-style:dashed}.property #border-right-style-solid{border-right-style:solid}.property #border-right-style-double{border-right-style:double}.property #border-right-style-groove{border-right-style:groove}.property .border-right-width{border-right-style:solid}.property #border-right-width-0{border-right-width:0}.property #border-right-width-4px{border-right-width:4px}.property #border-right-4px-dotted-red{border-right:4px dotted red}.property #border-right-2px-solid{border-right:2px solid}.property .border-style{padding:1em;border-width:4px}.property #border-style-none{border-style:none}.property #border-style-dotted{border-style:dotted}.property #border-style-dashed{border-style:dashed}.property #border-style-solid{border-style:solid}.property #border-style-double{border-style:double}.property #border-style-groove{border-style:groove}.property .border-top-color{border-top-style:solid;border-top-width:4px}.property #border-top-color-transparent{border-top-color:transparent}.property #border-top-color-red{border-top-color:red}.property #border-top-color-05ffb0{border-top-color:#05ffb0}.property .border-top-left-radius{border-bottom-style:solid;border-right-style:solid;border-left:4px solid #ff3860;border-bottom-width:4px;border-right-width:4px;border-top:4px solid #05ffb0}.property #border-top-left-radius-0{border-top-left-radius:0}.property #border-top-left-radius-20px{border-top-left-radius:20px}.property #border-top-left-radius-50{border-top-left-radius:50%}.property #border-top-left-radius-20px-50{border-top-left-radius:20px 50%}.property .border-top-right-radius{border-left-style:solid;border-bottom-style:solid;border-left-width:4px;border-bottom-width:4px;border-right:4px solid #ff3860;border-top:4px solid #05ffb0}.property #border-top-right-radius-0{border-top-right-radius:0}.property #border-top-right-radius-20px{border-top-right-radius:20px}.property #border-top-right-radius-50{border-top-right-radius:50%}.property #border-top-right-radius-20px-50{border-top-right-radius:20px 50%}.property .border-top-style{border-top-width:4px}.property #border-top-style-none{border-top-style:none}.property #border-top-style-dotted{border-top-style:dotted}.property #border-top-style-dashed{border-top-style:dashed}.property #border-top-style-solid{border-top-style:solid}.property #border-top-style-double{border-top-style:double}.property #border-top-style-groove{border-top-style:groove}.property .border-top-width{border-top-style:solid}.property #border-top-width-0{border-top-width:0}.property #border-top-width-4px{border-top-width:4px}.property #border-top-4px-dotted-red{border-top:4px dotted red}.property #border-top-2px-solid{border-top:2px solid}.property .border-width{border-style:solid}.property #border-width-1px{border-width:1px}.property #border-width-2px-0{border-width:2px 0}.property #border-4px-dotted-red{border:4px dotted red}.property #border-2px-solid{border:2px solid}.property .bottom{background:#310736;height:200px;position:relative}.property .bottom p{color:#fff}.property .actual,.property .natural{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:3px;line-height:1.2;padding:.8em 1em}.property .actual,.property .natural{align-items:center;justify-content:center;text-align:center}.property .actual{display:flex;background:#05ffb0;border:2px solid #05ffb0;color:#310736}.property .natural{border:2px dotted #ff4538;color:#ff4538}.property .bottom .natural{width:200px}.property .bottom .actual{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;position:absolute;width:200px}.property #bottom-auto{bottom:auto}.property #bottom-auto .actual{animation-name:fadeIn;transform:translateY(-100%)}.property #bottom-20px{bottom:20px}.property #bottom-20px .actual{animation-name:fadeIn;bottom:20px;position:relative;transform:translateY(-100%)}.property #bottom-0,.property #bottom-0 .actual{bottom:0}.property .box-shadow{background:#05ffb0;margin:1em}.property #box-shadow-none{box-shadow:none}.property #box-shadow-2px-6px{box-shadow:2px 6px}.property #box-shadow-2px-6px-red{box-shadow:2px 6px red}.property #box-shadow-2px-4px-10px-red{box-shadow:2px 4px 10px red}.property #box-shadow-2px-4px-10px-4px-red{box-shadow:2px 4px 10px 4px red}.property .box-sizing .actual{border:12px solid #310736;display:block;padding:30px;position:relative;width:200px}.property .box-sizing span{background:#ffdd57;display:block;padding:8px 0}.property .box-sizing .box{height:31px;position:absolute;text-align:left;width:200px}.property .box--red{border-color:#ff4538}.property .box--red:before{background:#ff4538}.property .box-sizing .box:before{content:"200px"}.property #box-sizing-content-box,.property #box-sizing-content-box .actual{box-sizing:content-box}.property #box-sizing-content-box .box{left:30px;top:30px;width:200px}.property #box-sizing-border-box,.property #box-sizing-border-box .actual{box-sizing:border-box}.property #box-sizing-border-box .box{height:27px;left:-12px;top:30px}.property .clear .block--alpha{float:left;text-align:center}.property .clear .block--beta{float:right;text-align:center}.property #clear-none{clear:none}.property #clear-left,.property #clear-left .block--yellow{clear:left}.property #clear-right,.property #clear-right .block--yellow{clear:right}.property #clear-both,.property #clear-both .block--yellow{clear:both}.property .color{font-size:1.5em}.property #color-transparent{color:transparent}.property #color-red{color:red}.property #color-05ffb0{color:#05ffb0}.property #color-rgb50-115-220{color:#3273dc}.property #color-rgba0-0-0-05{color:rgba(0,0,0,.5);background:#05ffb0}.property #color-hsl14-100-53{color:#ff470f}.property #color-hsla14-100-53-06{color:rgba(255,71,15,.6)}.property #column-count-auto{column-count:auto}.property #column-count-3,.property .column-gap{column-count:3;-moz-column-count:3;-webkit-column-count:3}.property #column-gap-normal{column-gap:normal}.property #column-gap-2px{column-gap:2px;-moz-column-gap:2px;-webkit-column-gap:2px}.property #column-width-auto{column-width:auto}.property #column-width-10px{column-width:10px;-moz-column-width:10px;-webkit-column-width:10px}.property #content-normal,.property .content p:before{content:normal}.property #content-foo-bar,.property #content-foo-bar p:before{content:"Foo bar"}.property #content-urlimagesjtpng p:before{content:url(/images/cssref/jt.png)}.property #content-attrdata-something,.property #content-attrdata-something p:before{content:attr(data-something)}.property #cursor-default{cursor:default}.property #cursor-auto{cursor:auto}.property #cursor-pointer{cursor:pointer}.property #cursor-move{cursor:move}.property #cursor-crosshair{cursor:crosshair}.property #cursor-text{cursor:text}.property #cursor-wait{cursor:wait}.property #cursor-help-resize{cursor:help-resize}.property #cursor-ne-resize{cursor:ne-resize}.property #cursor-nw-resize{cursor:nw-resize}.property #cursor-n-resize{cursor:n-resize}.property #cursor-se-resize{cursor:se-resize}.property #cursor-sw-resize{cursor:sw-resize}.property #cursor-s-resize{cursor:s-resize}.property #cursor-w-resize{cursor:w-resize}.property .display .block--alpha{padding:0}.property .display .block span{background:#ff3860;color:#fff}.property .display .block span:last-child{background:#3273dc}.property #display-none .block--alpha{display:none}.property #display-inline .block--alpha{display:inline}.property #display-block .block--alpha{display:block}.property #display-inline-block .block--alpha{display:inline-block;height:3em;width:60px}.property #display-list-item .block--alpha{display:list-item}.property #display-table .block--alpha{display:table}.property #display-table-cell .block--alpha{display:table-cell}.property #display-table-row .block--alpha{display:table-row}.property #display-flex .block--alpha{display:flex}.property #display-inline-flex .block--alpha{display:inline-flex;height:3em;width:120px}.property #display-grid .block--alpha{display:grid;grid-template-columns:auto auto}.property #display-inline-grid .block--alpha{display:inline-grid;grid-template-columns:auto auto;height:3em;width:120px}.property .flex-basis{background:#f2f2f2;display:flex;padding:1em;word-break:break-all}.property #flex-basis-auto,.property #flex-basis-auto .block{flex-basis:auto}.property #flex-basis-80px,.property #flex-basis-80px .block{flex-basis:80px}.property .flex-direction{display:flex}.property #flex-direction-row{flex-direction:row}.property #flex-direction-row-reverse{flex-direction:row-reverse}.property #flex-direction-column{flex-direction:column}.property #flex-direction-column-reverse{flex-direction:column-reverse}.property .flex-grow{background:#310736;border-radius:3px;display:flex;padding:1em}.property #flex-grow-0{flex-grow:0}.property #flex-grow-1,.property #flex-grow-1 .block--alpha{flex-grow:1}.property #flex-grow-2{flex-grow:2}.property #flex-grow-2 .block--alpha{flex-grow:1}.property #flex-grow-2 .block--pink{flex-grow:2}.property .flex-shrink{background:#310736;border-radius:3px;display:flex;padding:1em;width:300px}.property #flex-shrink-1,.property .flex-shrink .block{flex-shrink:1}.property #flex-shrink-0,.property #flex-shrink-0 .block--alpha{flex-shrink:0}.property #flex-shrink-2{flex-shrink:2}.property #flex-shrink-2 .block--alpha{flex-grow:1;width:100%}.property #flex-shrink-2 .block--pink{flex-shrink:3;word-break:break-all}.property #flex-shrink-2 .block--yellow{flex-shrink:1;word-break:break-all}.property .flex-wrap{background:#310736;display:flex;max-width:360px}.property #flex-wrap-nowrap{flex-wrap:nowrap}.property #flex-wrap-wrap{flex-wrap:wrap}.property #flex-wrap-wrap-reverse{flex-wrap:wrap-reverse}.property #float-none .block--alpha{float:none}.property #float-left .block--alpha{float:left}.property #float-right .block--alpha{float:right}.property .font-family{font-size:1.5em;line-height:1.2}.property #font-family-source-sans-pro-arial-sans-serif{font-family:Source Sans Pro,Arial,sans-serif}.property #font-family-serif{font-family:serif}.property #font-family-sans-serif{font-family:sans-serif}.property #font-family-monospace{font-family:monospace}.property #font-family-cursive{font-family:cursive}.property #font-family-fantasy{font-family:fantasy}.property .font-size{line-height:1.2}.property #font-size-medium{font-size:medium}.property #font-size-20px{font-size:20px}.property #font-size-12em .parent{font-size:18px}.property #font-size-12em .block{font-size:1.2em;margin-top:.25rem}.property #font-size-12rem .parent{font-size:18px}.property #font-size-12rem .block{font-size:1.2rem;margin-top:.25rem}.property #font-size-90 .parent{font-size:18px}.property #font-size-90 .block{font-size:90%;margin-top:.25rem}.property #font-size-smaller .parent{font-size:18px}.property #font-size-smaller .block{font-size:smaller;margin-top:.25rem}.property #font-size-x-large .parent{font-size:18px}.property #font-size-x-large .block{font-size:x-large;margin-top:.25rem}.property .font-style{font-size:1.2em}.property #font-style-normal{font-style:normal}.property #font-style-italic{font-style:italic}.property #font-style-oblique{font-style:oblique}.property .font-variant{font-size:1.2em}.property #font-variant-normal{font-variant:normal}.property #font-variant-small-caps{font-variant:small-caps}.property .font-weight{font-size:1.2em}.property #font-weight-normal{font-weight:400}.property #font-weight-bold{font-weight:700}.property #font-weight-600{font-weight:600}.property #font-weight-lighter{font-weight:lighter}.property .grid-area{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.property #grid-area-auto{grid-area:auto}.property #grid-area-main{grid-area:main;grid-template-columns:3fr 70fr;grid-template-rows:50px 200px 50px;grid-template-areas:"header header header""sidebar main main""sidebar main main""sidebar footer footer"}.property #grid-area-main .block--alpha{grid-area:header}.property #grid-area-main .block--beta{grid-area:sidebar}.property #grid-area-main .block--purple{grid-area:footer}.property #grid-area-main .block--pink{grid-row:main}.property .grid-auto-columns{display:grid;padding:0}.property #grid-auto-columns-auto{grid-auto-columns:auto}.property #grid-auto-columns-100px{grid-auto-columns:100px;grid-template-areas:"header header header""sidebar main main";grid-template-columns:50px 200px}.property #grid-auto-columns-100px .block--alpha{grid-area:header}.property #grid-auto-columns-100px .block--beta{grid-area:sidebar}.property #grid-auto-columns-100px .block--pink{grid-area:main}.property .grid-auto-flow{display:grid;grid-template-columns:1fr 1fr;padding:0}.property .grid-auto-flow .two-wide{grid-column:span 2}.property .grid-auto-flow .four-tall{grid-row:span 4}.property #grid-auto-flow-row{grid-auto-flow:row}.property #grid-auto-flow-column{grid-auto-flow:column}.property #grid-auto-flow-dense{grid-auto-flow:dense}.property .grid-auto-rows{display:grid;padding:0}.property #grid-auto-rows-auto{grid-auto-rows:auto}.property #grid-auto-rows-100px{grid-auto-rows:100px;grid-template-areas:"header header header""sidebar main main""footer footer footer";grid-template-rows:50px 200px}.property #grid-auto-rows-100px .block--alpha{grid-area:header}.property #grid-auto-rows-100px .block--beta{grid-area:sidebar}.property #grid-auto-rows-100px .block--pink{grid-area:main}.property #grid-auto-rows-100px .block--yellow{grid-area:footer}.property .grid-column-end{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.property #grid-column-end-auto{grid-column-end:auto}.property #grid-column-end-2,.property #grid-column-end-2 .block--pink{grid-column-end:2}.property #grid-column-end-1,.property #grid-column-end-1 .block--pink{grid-column-end:1}.property .grid-column-gap{display:grid;grid-template-columns:auto auto auto;padding:0}.property #grid-column-gap-0{grid-column-gap:0}.property #grid-column-gap-10px{grid-column-gap:10px}.property #grid-column-gap-3rem{grid-column-gap:3rem}.property #grid-column-gap-20{grid-column-gap:20%}.property .grid-column-start{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.property #grid-column-start-auto{grid-column-start:auto}.property #grid-column-start-2,.property #grid-column-start-2 .block--pink{grid-column-start:2}.property #grid-column-start-4,.property #grid-column-start-4 .block--pink{grid-column-start:4}.property .grid-column{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.property #grid-column-auto-auto{grid-column:auto auto}.property #grid-column-1--3,.property #grid-column-1--3 .block--pink{grid-column:1/3}.property #grid-column-span-3,.property #grid-column-span-3 .block--pink{grid-column:span 3}.property #grid-column-1--span-4,.property #grid-column-1--span-4 .block--pink{grid-column:1/span 4}.property #grid-column-main{grid-column:main;grid-template-columns:3fr 70fr;grid-template-rows:50px 200px 50px;grid-template-areas:"header header header""sidebar main main""sidebar main main""sidebar footer footer"}.property #grid-column-main .block--alpha{grid-area:header}.property #grid-column-main .block--beta{grid-area:sidebar}.property #grid-column-main .block--yellow{grid-area:main}.property #grid-column-main .block--purple{grid-area:footer}.property #grid-column-main .block--pink{grid-column:main}.property .grid-gap{display:grid;grid-template-columns:auto auto auto;padding:0}.property #grid-gap-0-0{grid-gap:0 0}.property #grid-gap-10px{grid-gap:10px}.property #grid-gap-3rem-1rem{grid-gap:3rem 1rem}.property .grid-row-end{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.property #grid-row-end-auto{grid-row-end:auto}.property #grid-row-end-3,.property #grid-row-end-3 .block--pink{grid-row-end:3}.property #grid-row-end-4,.property #grid-row-end-4 .block--pink{grid-row-end:4}.property .grid-row-gap{display:grid;grid-template-columns:auto auto auto;padding:0}.property #grid-row-gap-0{grid-row-gap:0}.property #grid-row-gap-10px{grid-row-gap:10px}.property #grid-row-gap-3rem{grid-row-gap:3rem}.property .grid-row-start{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.property #grid-row-start-auto{grid-row-start:auto}.property #grid-row-start-2,.property #grid-row-start-2 .block--pink{grid-row-start:2}.property #grid-row-start-3,.property #grid-row-start-3 .block--pink{grid-row-start:3}.property .grid-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.property #grid-row-auto-auto{grid-row:auto auto}.property #grid-row-1--3,.property #grid-row-1--3 .block--pink{grid-row:1/3}.property #grid-row-span-3,.property #grid-row-span-3 .block--pink{grid-row:span 3}.property #grid-row-1--span-4,.property #grid-row-1--span-4 .block--pink{grid-row:1/span 4}.property #grid-row-header{grid-row:header;grid-template-columns:3fr 70fr;grid-template-rows:50px 200px 50px;grid-template-areas:"header header header""sidebar main main""sidebar main main""sidebar footer footer"}.property #grid-row-header .block--alpha{grid-area:header}.property #grid-row-header .block--beta{grid-area:sidebar}.property #grid-row-header .block--yellow{grid-area:main}.property #grid-row-header .block--purple{grid-area:footer}.property #grid-row-header .block--pink{grid-row:header}.property .grid-template-areas{display:grid;padding:0}.property #grid-template-areas-none{grid-template-areas:none}.property #grid-template-areas-header-header-header-sidebar-main-main{grid-template-areas:"header header header""sidebar main main"}.property #grid-template-areas-header-header-header-sidebar-main-main .block--alpha{grid-area:header}.property #grid-template-areas-header-header-header-sidebar-main-main .block--beta{grid-area:sidebar}.property #grid-template-areas-header-header-header-sidebar-main-main .block--pink{grid-area:main}.property .grid-template-columns{display:grid;padding:0}.property #grid-template-columns-none{grid-template-columns:none}.property #grid-template-columns-auto-auto-auto{grid-template-columns:auto auto auto}.property #grid-template-columns-80px-auto-1rem{grid-template-columns:80px auto 1rem}.property #grid-template-columns-40px-1fr-2fr{grid-template-columns:40px 1fr 2fr}.property .grid-template-rows{display:grid;grid-template-columns:auto auto;padding:0}.property #grid-template-rows-none{grid-template-rows:none}.property #grid-template-rows-120px-auto-3rem{grid-template-rows:120px auto 3rem}.property #grid-template-rows-20px-1fr-2fr{grid-template-rows:20px 1fr 2fr}.property .grid-template{display:grid;grid-template-columns:auto auto auto;padding:0}.property #grid-template-none{grid-template:none}.property #grid-template-200px-1fr--100px-auto-3rem{grid-template:200px 1fr/100px auto 3rem}.property #grid-template-header-header-header-50px-sidebar-main-main-200px--100px-auto{grid-template:"header header header"50px "sidebar main main"200px/100px auto}.property #grid-template-header-header-header-50px-sidebar-main-main-200px--100px-auto .block--alpha{grid-area:header}.property #grid-template-header-header-header-50px-sidebar-main-main-200px--100px-auto .block--beta{grid-area:sidebar}.property #grid-template-header-header-header-50px-sidebar-main-main-200px--100px-auto .block--pink{grid-area:main}.property .grid{display:grid;padding:0}.property #grid-header-header-header-50px-sidebar-main-main-200px--100px-auto{grid:"header header header"50px "sidebar main main"200px/100px auto}.property #grid-header-header-header-50px-sidebar-main-main-200px--100px-auto .block--alpha{grid-area:header}.property #grid-header-header-header-50px-sidebar-main-main-200px--100px-auto .block--beta{grid-area:sidebar}.property #grid-header-header-header-50px-sidebar-main-main-200px--100px-auto .block--pink{grid-area:main}.property #grid-200px-100px--auto-flow-30{grid:200px 100px/auto-flow 30%}.property #grid-auto-flow-50px--200px-100px{grid:auto-flow 50px/200px 100px}.property .height{max-width:400px}.property #height-100px .block{height:100px}.property .justify-content{background:#ffdd57;background:#310736;display:flex;padding:0}.property #justify-content-flex-start{justify-content:flex-start}.property #justify-content-flex-end{justify-content:flex-end}.property #justify-content-center{justify-content:center}.property #justify-content-space-between{justify-content:space-between}.property #justify-content-space-around{justify-content:space-around}.property .left{background:#310736;height:200px;position:relative}.property .left p{color:#fff}.property .left .natural{width:200px}.property .left .actual{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;position:absolute;width:200px}.property #left-auto{left:auto}.property #left-80px .actual,.property #left-auto .actual{animation-name:fadeIn;transform:translateY(-100%)}.property #left-80px .actual{left:80px;position:relative}.property #left--20px .actual{animation-name:fadeIn;left:-20px;transform:translateY(-100%)}.property #letter-spacing-normal{letter-spacing:normal}.property #letter-spacing-2px{letter-spacing:2px}.property #letter-spacing-01em{letter-spacing:.1em}.property #line-height-normal{line-height:normal}.property #line-height-16,.property #line-height-16 .block{line-height:1.6}.property #line-height-30px,.property #line-height-30px .block{line-height:30px}.property #line-height-08em,.property #line-height-08em .block{line-height:.8em}.property .list-style-image ul{list-style-type:disc;margin-left:1em}.property #list-style-image-none{list-style-image:none}.property #list-style-image-urlimageslist-style-imagepng,.property #list-style-image-urlimageslist-style-imagepng ul{list-style-image:url(/images/cssref/list-style-image.png)}.property .list-style-position ul{list-style-type:disc;margin-left:1em;max-width:280px}.property .list-style-position li{background:#ffdd57;line-height:1.2}.property .list-style-position li+li{margin-top:.5em}.property #list-style-position-outside,.property #list-style-position-outside ul{list-style-position:outside}.property #list-style-position-inside,.property #list-style-position-inside ul{list-style-position:inside}.property .list-style-type ul{margin-left:1em}.property #list-style-type-disc,.property #list-style-type-disc ul{list-style-type:disc}.property #list-style-type-circle,.property #list-style-type-circle ul{list-style-type:circle}.property #list-style-type-square,.property #list-style-type-square ul{list-style-type:square}.property #list-style-type-decimal,.property #list-style-type-decimal ul{list-style-type:decimal}.property #list-style-type-none,.property #list-style-type-none ul{list-style-type:none}.property .margin-bottom{background:#ccc;padding:1em}.property .margin-bottom .block{border-radius:0}.property .margin-bottom .block--alpha{position:relative}.property .margin-bottom .box{bottom:0;left:0;position:absolute;right:0;transform:translateY(100%)}.property #margin-bottom-0 .box{display:none}.property #margin-bottom-30px .block--alpha{margin-bottom:30px}.property #margin-bottom-30px .box{height:30px}.property #margin-bottom-30px .box:before{content:"30px"}.property #margin-bottom-2em .block--alpha{margin-bottom:2em}.property #margin-bottom-2em .box{height:2em}.property #margin-bottom-2em .box:before{content:"2em"}.property #margin-bottom-10 .block--alpha{margin-bottom:10%}.property #margin-bottom-10 .box{bottom:auto;height:100px;top:100%;transform:rotate(-90deg) translateX(-100%);transform-origin:top left;width:10%}.property #margin-bottom-10 .box:before{content:"10%"}.property .margin-left{background:#ccc;border:1em solid #ccc;padding:0}.property .margin-left .block{border-radius:0}.property .margin-left .block--alpha{position:relative}.property .margin-left .box{bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%)}.property #margin-left-0 .box{display:none}.property #margin-left-50px .block--alpha{margin-left:50px}.property #margin-left-50px .box{width:50px}.property #margin-left-50px .box:before{content:"50px"}.property #margin-left-7em .block--alpha{margin-left:7em}.property #margin-left-7em .box{width:7em}.property #margin-left-7em .box:before{content:"7em"}.property #margin-left-30 .block--alpha{margin-left:30%}.property #margin-left-30 .box{height:2.4em;left:0;top:3.2em;transform:none;width:30%}.property #margin-left-30 .box:before{content:"30%"}.property #margin-left-auto .block--alpha{margin-left:auto;width:200px}.property #margin-left-auto .box{height:2.4em;left:0;right:200px;top:3.2em;transform:none;width:auto}.property #margin-left-auto .box:before{content:"auto"}.property .margin-right{background:#ccc;border:1em solid #ccc;padding:0}.property .margin-right .block{border-radius:0}.property .margin-right .block--alpha{position:relative}.property .margin-right .box{bottom:0;position:absolute;right:0;top:0;transform:translateX(100%)}.property #margin-right-0 .box{display:none}.property #margin-right-50px .block--alpha{margin-right:50px}.property #margin-right-50px .box{width:50px}.property #margin-right-50px .box:before{content:"50px"}.property #margin-right-7em .block--alpha{margin-right:7em}.property #margin-right-7em .box{width:7em}.property #margin-right-7em .box:before{content:"7em"}.property #margin-right-30 .block--alpha{margin-right:30%}.property #margin-right-30 .box{height:2.4em;right:0;top:3.2em;transform:none;width:30%}.property #margin-right-30 .box:before{content:"30%"}.property #margin-right-auto .block--alpha{margin-right:auto;width:200px}.property #margin-right-auto .box{height:2.4em;left:200px;right:0;top:3.2em;transform:none;width:auto}.property #margin-right-auto .box:before{content:"auto"}.property .margin-top{background:#ccc;padding:1em}.property .margin-top .block{border-radius:0}.property .margin-top .block--alpha{position:relative}.property .margin-top .box{left:0;position:absolute;right:0;top:0;transform:translateY(-100%)}.property #margin-top-0 .box{display:none}.property #margin-top-30px .block--alpha{margin-top:30px}.property #margin-top-30px .box{height:30px}.property #margin-top-30px .box:before{content:"30px"}.property #margin-top-2em .block--alpha{margin-top:2em}.property #margin-top-2em .box{height:2em}.property #margin-top-2em .box:before{content:"2em"}.property #margin-top-10 .block--alpha{margin-top:10%}.property #margin-top-10 .box{height:100%;transform:rotate(-90deg);transform-origin:top left;width:10%}.property #margin-top-10 .box:before{content:"10%"}.property .margin{background:#ccc;border:1em solid #ccc;padding:0}.property .margin .block{border-radius:0}.property .margin .square{align-items:center;border-radius:0;display:flex;height:auto;justify-content:center;width:auto}.property .margin .container{align-items:stretch;display:flex}.property .margin .block--alpha{flex-grow:1;flex-shrink:1}.property #margin-0 .box{display:none}.property #margin-30px .square--top{height:30px}.property #margin-30px .square--top:before{content:"30px"}.property #margin-30px .square--bottom{height:30px}.property #margin-30px .square--bottom:before{content:"30px"}.property #margin-30px .square--left:before,.property #margin-30px .square--right:before{content:"30px";width:30px}.property #margin-30px-60px .square--top{height:30px}.property #margin-30px-60px .square--top:before{content:"30px"}.property #margin-30px-60px .square--bottom{height:30px}.property #margin-30px-60px .square--bottom:before{content:"30px"}.property #margin-30px-60px .square--left:before,.property #margin-30px-60px .square--right:before{content:"60px";width:60px}.property #margin-30px-60px-45px .square--top{height:30px}.property #margin-30px-60px-45px .square--top:before{content:"30px"}.property #margin-30px-60px-45px .square--bottom{height:45px}.property #margin-30px-60px-45px .square--bottom:before{content:"45px"}.property #margin-30px-60px-45px .square--left:before,.property #margin-30px-60px-45px .square--right:before{content:"60px";width:60px}.property #margin-30px-60px-45px-85px .square--top{height:30px}.property #margin-30px-60px-45px-85px .square--top:before{content:"30px"}.property #margin-30px-60px-45px-85px .square--bottom{height:45px}.property #margin-30px-60px-45px-85px .square--bottom:before{content:"45px"}.property #margin-30px-60px-45px-85px .square--left:before{content:"85px";width:85px}.property #margin-30px-60px-45px-85px .square--right:before{content:"60px";width:60px}.property .max-height{max-width:400px}.property #max-height-100px .block{max-height:100px}.property #max-width-150px .block{max-width:150px}.property .min-height .block{max-width:400px}.property #min-height-200px .block{min-height:200px}.property #min-height-5px .block{min-height:5px}.property .min-width .block{display:inline-block;vertical-align:top}.property #min-width-300px .block{min-width:300px}.property #min-width-5px .block{min-width:5px}.property .mix-blend-mode{background:#310736;display:flex;padding:1em}.property #mix-blend-mode-multiply .block{mix-blend-mode:multiply}.property #mix-blend-mode-screen .block{mix-blend-mode:screen}.property #mix-blend-mode-overlay .block{mix-blend-mode:overlay}.property #mix-blend-mode-darken .block{mix-blend-mode:darken}.property #mix-blend-mode-lighten .block{mix-blend-mode:lighten}.property #mix-blend-mode-color-dodge .block{mix-blend-mode:color-dodge}.property #mix-blend-mode-color-burn .block{mix-blend-mode:color-burn}.property #mix-blend-mode-hard-light .block{mix-blend-mode:hard-light}.property #mix-blend-mode-soft-light .block{mix-blend-mode:soft-light}.property #mix-blend-mode-difference .block{mix-blend-mode:difference}.property #mix-blend-mode-exclusion .block{mix-blend-mode:exclusion}.property #mix-blend-mode-hue .block{mix-blend-mode:hue}.property #mix-blend-mode-saturation .block{mix-blend-mode:saturation}.property #mix-blend-mode-color .block{mix-blend-mode:color}.property #mix-blend-mode-luminosity .block{mix-blend-mode:luminosity}.property .opacity{background:#310736;padding:1em}.property #opacity-0 .block{opacity:0}.property #opacity-03 .block{opacity:.3}.property .order{display:flex}.property .order .block{flex-grow:1;flex-shrink:1}.property .order em{font-style:normal}.property #order-1 .block--pink{order:1}.property #order--1 .block--pink{order:-1}.property #order-9 .block--alpha{order:13}.property #order-9 .block--beta{order:-7}.property #order-9 .block--pink{order:9}.property #order-9 .block--yellow{order:5}.property .outline-color{outline-style:solid;outline-width:4px}.property #outline-color-transparent{outline-color:transparent}.property #outline-color-red{outline-color:red}.property #outline-color-05ffb0{outline-color:#05ffb0}.property #outline-color-rgb50-115-220{outline-color:#3273dc}.property #outline-color-rgba50-115-220-03{outline-color:rgba(50,115,220,.3)}.property #outline-color-hsl14-100-53{outline-color:#ff470f}.property #outline-color-hsla14-100-53-06{outline-color:rgba(255,71,15,.6)}.property .outline-style{padding:1em;outline-width:4px}.property #outline-style-none{outline-style:none}.property #outline-style-dotted{outline-style:dotted}.property #outline-style-dashed{outline-style:dashed}.property #outline-style-solid{outline-style:solid}.property #outline-style-double{outline-style:double}.property #outline-style-groove{outline-style:groove}.property .outline-width{outline-style:solid}.property #outline-width-medium{outline-width:medium}.property #outline-width-1px{outline-width:1px}.property #outline-4px-dotted-red{outline:4px dotted red}.property #outline-2px-solid{outline:2px solid}.property .overflow-wrap{font-family:Source Code Pro,monospace;width:18em}.property #overflow-wrap-normal{overflow-wrap:normal}.property #overflow-wrap-break-word{overflow-wrap:break-word}.property .overflow-x .block{white-space:nowrap;width:200px}.property #overflow-x-visible .block{overflow-x:visible}.property #overflow-x-hidden .block{overflow-x:hidden}.property #overflow-x-scroll .block{overflow-x:scroll}.property #overflow-x-auto .block{overflow-x:auto}.property .overflow-y .block{height:80px;width:240px}.property #overflow-y-visible .block{overflow-y:visible}.property #overflow-y-hidden .block{overflow-y:hidden}.property #overflow-y-scroll .block{overflow-y:scroll}.property #overflow-y-auto .block{overflow-y:auto}.property .overflow{height:120px;overflow:hidden;padding:0}.property .overflow .block{height:80px;width:240px}.property .overflow .block span{display:block;white-space:nowrap}.property #overflow-visible .block{overflow:visible}.property #overflow-hidden .block{overflow:hidden}.property #overflow-scroll .block{overflow:scroll}.property #overflow-auto .block{overflow:auto}.property .padding-bottom{background:#ccc;border:1em solid #ccc;padding:0}.property .padding-bottom .block{border-radius:0;padding:0}.property .padding-bottom .block--alpha{position:relative}.property .padding-bottom .box{bottom:0;left:0;position:absolute;right:0}.property #padding-bottom-0 .box{display:none}.property #padding-bottom-50px .block--alpha{padding-bottom:50px}.property #padding-bottom-50px .box{height:50px}.property #padding-bottom-50px .box:before{content:"50px"}.property #padding-bottom-7em .block--alpha{padding-bottom:7em}.property #padding-bottom-7em .box{height:7em}.property #padding-bottom-7em .box:before{content:"7em"}.property #padding-bottom-30 .block--alpha{padding-bottom:30%}.property #padding-bottom-30 .box{bottom:1.2em;height:60px;transform:rotate(-90deg) translateY(60px);transform-origin:bottom left;width:30%}.property #padding-bottom-30 .box:before{content:"30%"}.property .padding-left{background:#ccc;border:1em solid #ccc;padding:0}.property .padding-left .block{border-radius:0;padding-left:0}.property .padding-left .block--alpha{position:relative}.property .padding-left .box{bottom:0;left:0;position:absolute;top:0}.property #padding-left-0 .box{display:none}.property #padding-left-50px .block--alpha{padding-left:50px}.property #padding-left-50px .box{width:50px}.property #padding-left-50px .box:before{content:"50px"}.property #padding-left-7em .block--alpha{padding-left:7em}.property #padding-left-7em .box{width:7em}.property #padding-left-7em .box:before{content:"7em"}.property #padding-left-30 .block--alpha{padding-left:30%}.property #padding-left-30 .box{width:30%}.property #padding-left-30 .box:before{content:"30%"}.property .padding-right{background:#ccc;border:1em solid #ccc;padding:0}.property .padding-right .block{border-radius:0;padding-right:0;text-align:right}.property .padding-right .block--alpha{position:relative}.property .padding-right .box{bottom:0;right:0;position:absolute;top:0}.property #padding-right-0 .box{display:none}.property #padding-right-50px .block--alpha{padding-right:50px}.property #padding-right-50px .box{width:50px}.property #padding-right-50px .box:before{content:"50px"}.property #padding-right-7em .block--alpha{padding-right:7em}.property #padding-right-7em .box{width:7em}.property #padding-right-7em .box:before{content:"7em"}.property #padding-right-30 .block--alpha{padding-right:30%}.property #padding-right-30 .box{width:30%}.property #padding-right-30 .box:before{content:"30%"}.property .padding-top{background:#ccc;border:1em solid #ccc;padding:0}.property .padding-top .block{border-radius:0;padding:0}.property .padding-top .block--alpha{position:relative}.property .padding-top .box{left:0;position:absolute;right:0;top:0}.property #padding-top-0 .box{display:none}.property #padding-top-50px .block--alpha{padding-top:50px}.property #padding-top-50px .box{height:50px}.property #padding-top-50px .box:before{content:"50px"}.property #padding-top-7em .block--alpha{padding-top:7em}.property #padding-top-7em .box{height:7em}.property #padding-top-7em .box:before{content:"7em"}.property #padding-top-30 .block--alpha{padding-top:30%}.property #padding-top-30 .box{height:60px;top:1.2em;transform:rotate(-90deg) translateX(-100%);transform-origin:top left;width:30%}.property #padding-top-30 .box:before{content:"30%"}.property .padding{background:#05ffb0;padding:0}.property .padding .block{padding:0}.property .padding .square{align-items:center;background:rgba(0,0,0,.3);border-radius:0;display:flex;height:auto;justify-content:center;width:auto}.property .padding .container{align-items:stretch;display:flex}.property .padding .block--alpha{flex-grow:1;flex-shrink:1}.property #padding-0 .box{display:none}.property #padding-30px .square--top{height:30px}.property #padding-30px .square--top:before{content:"30px"}.property #padding-30px .square--bottom{height:30px}.property #padding-30px .square--bottom:before{content:"30px"}.property #padding-30px .square--left:before,.property #padding-30px .square--right:before{content:"30px";width:30px}.property #padding-30px-60px .square--top{height:30px}.property #padding-30px-60px .square--top:before{content:"30px"}.property #padding-30px-60px .square--bottom{height:30px}.property #padding-30px-60px .square--bottom:before{content:"30px"}.property #padding-30px-60px .square--left:before,.property #padding-30px-60px .square--right:before{content:"60px";width:60px}.property #padding-30px-60px-45px .square--top{height:30px}.property #padding-30px-60px-45px .square--top:before{content:"30px"}.property #padding-30px-60px-45px .square--bottom{height:45px}.property #padding-30px-60px-45px .square--bottom:before{content:"45px"}.property #padding-30px-60px-45px .square--left:before,.property #padding-30px-60px-45px .square--right:before{content:"60px";width:60px}.property #padding-30px-60px-45px-85px .square--top{height:30px}.property #padding-30px-60px-45px-85px .square--top:before{content:"30px"}.property #padding-30px-60px-45px-85px .square--bottom{height:45px}.property #padding-30px-60px-45px-85px .square--bottom:before{content:"45px"}.property #padding-30px-60px-45px-85px .square--left:before{content:"85px";width:85px}.property #padding-30px-60px-45px-85px .square--right:before{content:"60px";width:60px}.property .pointer-events .block--container{cursor:default;position:relative}.property .pointer-events .block--alpha{cursor:pointer;opacity:.7;padding:.4em .5em;position:absolute}.property .pointer-events .block--alpha:hover{background:#310736;color:#fff;opacity:1}.property #pointer-events-auto{pointer-events:auto}.property #pointer-events-none,.property #pointer-events-none .block{pointer-events:none}.property .position{background:#310736;color:#fff;height:200px;position:relative}.property .position .block--alpha{margin-top:1em}.property .position .block--pink{position:absolute;right:5px;top:5px}.property #position-relative .block--alpha{position:relative}.property #position-absolute .block--alpha{left:0;margin-top:0;position:absolute;top:0;width:280px}.property #position-fixed.is-fixed .block--alpha{position:fixed;z-index:10000}.property #position-fixed .block--alpha{left:auto;right:0;margin-top:0;position:absolute;top:0;width:280px}.property .resize textarea{background:#fff;border:1px solid grey;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;height:10em;padding:.8em 1em;width:25em}.property #resize-none,.property #resize-none textarea{resize:none}.property #resize-horizontal,.property #resize-horizontal textarea{resize:horizontal}.property #resize-vertical,.property #resize-vertical textarea{resize:vertical}.property #resize-both,.property #resize-both textarea{resize:both}.property .right{background:#310736;height:200px;position:relative}.property .right p{color:#fff}.property .right .natural{width:200px}.property .right .actual{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;position:absolute;width:200px}.property #right-auto{right:auto}.property #right-80px .actual,.property #right-auto .actual{animation-name:fadeIn;transform:translateY(-100%)}.property #right-80px .actual{right:80px;position:relative}.property #right--20px .actual{animation-name:fadeIn;right:-20px;transform:translateY(-100%)}.property #text-align-left{text-align:left}.property #text-align-right{text-align:right}.property #text-align-center{text-align:center}.property #text-align-justify{text-align:justify}.property #text-decoration-none{text-decoration:none}.property #text-decoration-underline{text-decoration:underline}.property #text-indent-0{text-indent:0}.property #text-indent-40px{text-indent:40px}.property #text-indent--2em{text-indent:-2em}.property .text-overflow{display:flex}.property .text-overflow .block{overflow:hidden;white-space:nowrap;width:5em}.property #text-overflow-clip,.property #text-overflow-clip .block{text-overflow:clip}.property #text-overflow-ellipsis,.property #text-overflow-ellipsis .block{text-overflow:ellipsis}.property #text-shadow-none{text-shadow:none}.property #text-shadow-2px-6px{text-shadow:2px 6px}.property #text-shadow-2px-6px-red{text-shadow:2px 6px red}.property #text-shadow-2px-4px-10px-red{text-shadow:2px 4px 10px red}.property #text-transform-none{text-transform:none}.property #text-transform-capitalize{text-transform:capitalize}.property #text-transform-uppercase{text-transform:uppercase}.property #text-transform-lowercase{text-transform:lowercase}.property .top{background:#310736;height:200px;position:relative}.property .top p{color:#fff}.property .top .natural{width:200px}.property .top .actual{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;position:absolute;width:200px}.property #top-auto{top:auto}.property #top-auto .actual{animation-name:fadeIn;transform:translateY(-100%)}.property #top-20px{top:20px}.property #top-20px .actual{animation-name:fadeIn;position:relative;top:20px;transform:translateY(-100%)}.property #top-0,.property #top-0 .actual{top:0}.property .transform-origin.is-animated .block--alpha{animation-name:rotateFull}.property .transform-origin .block{height:100px;width:100px}.property .transform-origin .block--container{padding:0;position:relative}.property .transform-origin .block--alpha{align-items:center;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;display:flex;justify-content:center}.property .transform-origin .origin{background:#ff3860;border-radius:290486px;height:10px;margin:-5px 0 0 -5px;position:absolute;width:10px}.property #transform-origin-50-50-0{transform-origin:50% 50% 0}.property #transform-origin-50-50-0 .origin{left:50%;top:50%}.property #transform-origin-20px-70{transform-origin:20px 70%}.property #transform-origin-20px-70 .origin{left:20px;top:70%}.property #transform-origin-20px-70 .block--alpha{transform-origin:20px 70%}.property #transform-origin-top-right{transform-origin:top right}.property #transform-origin-top-right .origin{left:100%;top:0}.property #transform-origin-top-right .block--alpha{transform-origin:top right}.property #transform-origin-center-bottom{transform-origin:center bottom}.property #transform-origin-center-bottom .origin{left:50%;top:100%}.property #transform-origin-center-bottom .block--alpha{transform-origin:center bottom}.property .transform{display:flex}.property .transform .natural{height:75px;position:absolute;width:75px}.property .transform .actual{height:75px;position:relative;width:75px}.property #transform-none .actual:before{content:"no transform"}.property #transform-translatex40px .actual{transform:translateX(40px)}.property #transform-translatex40px .actual:before{content:"translateX"}.property #transform-translatey20px .actual{transform:translateY(20px)}.property #transform-translatey20px .actual:before{content:"translateY"}.property #transform-translatey100 .actual{transform:translateY(100%)}.property #transform-translatey100 .actual:before{content:"translateY"}.property #transform-translate20px--10 .actual{transform:translate(20px,-10%)}.property #transform-translate20px--10 .actual:before{content:"translate"}.property #transform-scalex15 .actual{transform:scaleX(1.5)}.property #transform-scalex15 .actual:before{content:"scaleX"}.property #transform-scaley04 .actual{transform:scaleY(.4)}.property #transform-scaley04 .actual:before{content:"scaleY"}.property #transform-scaley-2 .actual{transform:scaleY(-2)}.property #transform-scaley-2 .actual:before{content:"scaleY"}.property #transform-scale08-08 .actual{transform:scale(.8)}.property #transform-scale08-08 .actual:before{content:"scale"}.property #transform-rotate45deg .actual{transform:rotate(45deg)}.property #transform-rotate45deg .actual:before{content:"rotate"}.property #transform-skewx15deg .actual{transform:skewX(15deg)}.property #transform-skewx15deg .actual:before{content:"skewX"}.property #transform-skewy45deg .actual{transform:skewY(45deg)}.property #transform-skewy45deg .actual:before{content:"skewY"}.property #transform-skew10deg--20deg .actual{transform:skew(10deg,-20deg)}.property #transform-skew10deg--20deg .actual:before{content:"skew"}.property #transform-rotate5deg-scale11-11-translate-20-30px .actual{transform:rotate(5deg) scale(1.1) translate(-20%,30px)}.property #transform-rotate5deg-scale11-11-translate-20-30px .actual:before{content:"multi"}.property .transition-delay{padding:0}.property .transition-delay:hover .square{background:#ff3860;color:#fff;transform:translateX(200%)}.property .transition-delay .square{transition-duration:1s;transition-timing-function:linear;transition-property:background transform}.property #transition-delay-12s .square{transition-delay:1.2s}.property #transition-delay-2400ms .square{transition-delay:2.4s}.property #transition-delay--500ms .square{transition-delay:-.5s}.property .transition-duration{padding:0}.property .transition-duration:hover .square{background:#ff3860;color:#fff;transform:translateX(200%)}.property .transition-duration .square{transition-timing-function:linear;transition-property:background transform}.property #transition-duration-0s .square{transition-duration:0s}.property #transition-duration-12s .square{transition-duration:1.2s}.property #transition-duration-2400ms .square{transition-duration:2.4s}.property .transition-property{padding:0}.property .transition-property:hover .square{background:#ff3860;color:#fff;transform:translateX(200%)}.property .transition-property .square{transition-duration:1s;transition-timing-function:linear}.property #transition-property__all .square{transition-property:all}.property #transition-property__none .square{transition-property:none}.property #transition-property__background .square{transition-property:background}.property #transition-property__color .square{transition-property:color}.property #transition-property__transform .square{transition-property:transform}.property .transition-timing-function{padding:0}.property .transition-timing-function:hover .square{background:#ff3860;color:#fff;transform:translateX(200%)}.property .transition-timing-function .square{transition-duration:1s;transition-property:all}.property #transition-timing-function-ease .square{transition-timing-function:ease}.property #transition-timing-function-ease-in .square{transition-timing-function:ease-in}.property #transition-timing-function-ease-out .square{transition-timing-function:ease-out}.property #transition-timing-function-ease-in-out .square{transition-timing-function:ease-in-out}.property #transition-timing-function-linear .square{transition-timing-function:linear}.property #transition-timing-function-step-start .square{transition-timing-function:step-start}.property #transition-timing-function-step-end .square{transition-timing-function:step-end}.property #transition-timing-function-steps4-end .square{transition-timing-function:steps(4)}.property .transition{padding:0}.property .transition:hover .square{background:#ff3860;color:#fff;transform:translateX(200%)}.property #transition-1s .square{transition:1s}.property #transition-1s-linear .square{transition:1s linear}.property #transition-background-1s-linear .square{transition:background 1s linear}.property #transition-background-1s-linear-500ms .square{transition:background 1s linear .5s}.property #transition-background-4s-transform-1s .square{transition:background 4s,transform 1s}.property .vertical-align .va-span{display:inline;padding:0 .25em}.property .vertical-align .va-image{height:32px;width:32px}.property #vertical-align-baseline .va-image{vertical-align:baseline}.property #vertical-align-sub .va-image{vertical-align:sub}.property #vertical-align-super .va-image{vertical-align:super}.property #vertical-align-text-top .va-image{vertical-align:text-top}.property #vertical-align-text-bottom .va-image{vertical-align:text-bottom}.property #vertical-align-middle .va-image{vertical-align:middle}.property #vertical-align-top .va-image{vertical-align:top}.property #vertical-align-bottom .va-image{vertical-align:bottom}.property .white-space{font-family:Source Code Pro,monospace;font-size:.7rem;width:18em}.property #white-space-normal{white-space:normal}.property #white-space-nowrap{white-space:nowrap}.property #white-space-pre{white-space:pre}.property #white-space-pre-wrap{white-space:pre-wrap}.property #white-space-pre-line{white-space:pre-line}.property #width-auto{width:auto}.property #width-240px{width:240px}.property #width-50{width:50%}.property #will-change-auto{will-change:auto}.property #will-change-scroll-position{will-change:scroll-position}.property #will-change-contents{will-change:contents}.property #will-change-box-shadow{will-change:box-shadow}.property .word-break{font-family:Source Code Pro,monospace;width:18em}.property #word-break-normal{word-break:normal}.property #word-break-break-all{word-break:break-all}.property #word-spacing-normal{word-spacing:normal}.property #word-spacing-5px{word-spacing:5px}.property #word-spacing-2em{word-spacing:2em}.property .z-index{height:100px;padding:0}.property .z-index .block{height:100%;left:0;position:absolute;width:25%}.property .z-index .block--alpha{height:50%;width:100%}.property .z-index .block--pink{height:60%;left:20%;top:20%;width:60%}.property .z-index .block--beta{height:60%;left:40%;top:40%;width:60%}.property .z-index .block--yellow{left:70%;width:20%}.property #z-index-1 .block--pink{z-index:1}.property #z-index--1 .block--pink{z-index:-1}.chroma{color:#d0d0d0;background-color:#001628}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#0e2940}.chroma .ln,.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#686868}.chroma .k{color:#72e0d1;font-weight:400}.chroma .kc{color:#f5d67b;font-weight:400}.chroma .kd,.chroma .kn{color:#72e0d1;font-weight:400}.chroma .kp,.chroma .kr{color:#72e0d1}.chroma .kr,.chroma .kt{font-weight:400}.chroma .kt{color:#f5d67b}.chroma .na{color:#83ba52}.chroma .nb{color:#24909d}.chroma .nc{color:#447fcf}.chroma .no{color:#40ffff}.chroma .nd{color:orange}.chroma .ne{color:#bbb}.chroma .nf,.chroma .nn{color:#447fcf}.chroma .nn{text-decoration:underline}.chroma .nt{color:#72e0d1;font-weight:400}.chroma .nv,.chroma .p{color:#40ffff}.chroma .s{color:#f5d67b}.chroma .dl,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si{color:#ed9d13}.chroma .sx{color:orange}.chroma .s1,.chroma .sr,.chroma .ss{color:#ed9d13}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh{color:#3677a9}.chroma .mi{color:#fc9463}.chroma .il,.chroma .mo{color:#3677a9}.chroma .ow{color:#72e0d1;font-weight:400}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#999;font-style:italic}.chroma .cs{color:#e50808;background-color:#520000;font-weight:400}.chroma .cp{color:#806767;font-weight:400}.chroma .cpf{color:#cd2828;font-weight:400}.chroma .gd{color:#d22323}.chroma .ge{font-style:italic}.chroma .gr{color:#d22323}.chroma .gh{color:#fff;font-weight:400}.chroma .gi{color:#589819}.chroma .go{color:#ccc}.chroma .gp{color:#aaa}.chroma .gs{font-weight:400}.chroma .gu{color:#fff;text-decoration:underline}.chroma .gt{color:#d22323}.chroma .o{color:#72e0d1}.chroma .gl{text-decoration:underline}.chroma .w{color:#666}.chroma .hl{position:relative;z-index:3}.chroma .hl:before{content:"";height:100%;left:-50%;position:absolute;top:0;width:300%;background-color:#0e2940;z-index:-1}.post__last-updated{font-size:1.3rem;font-style:italic}.post__tag{list-style:none;padding:0;margin-left:0}.post__tag li{display:inline-block;font-size:1.4rem;background:#fafafa;background:var(--body-light-bg);padding:4px 8px;margin:0 6px 0 0}.post__tag li a{color:#5e5e5e;color:var(--secondary-text-color)}.post__tag li a:hover{text-decoration:none}.post__tag li:hover{background:#f5f5f5;background:var(--body-dark-bg)}.post__share{display:flex}.post__share .js-share{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;margin-right:8px}.post__share .js-share.facebook{background:#3b5999;background:var(--fb-color)}.post__share .js-share.twitter{background:#55acee;background:var(--tw-color)}.post__share .js-share.pinterest{background:#dd4b39;background:var(--gplus-color)}.post__share svg{width:14px;height:14px}.post__share .facebook svg,.post__share .pinterest svg,.post__share .twitter svg{fill:#fff;fill:var(--light-text-color)}.social-share__icon{display:inline-block;text-align:center;color:#fff;color:var(--light-text-color);width:32px;height:32px;line-height:32px;border-radius:50%;margin:0 3px}.social-share__icon:hover{color:#fff;color:var(--light-text-color);text-decoration:none}.social-share__icon.fb-icon{background:#3b5999;background:var(--fb-color)}.social-share__icon.tw-icon{background:#55acee;background:var(--tw-color)}.social-share__icon.wa-icon{background:#25d366;background:var(--wa-color)}.post__bio{display:flex;align-items:center;padding:2em 0}.bio__avatar{border-radius:50%;flex-shrink:0;width:80px;height:80px}.bio__info{padding-left:1.5em}.bio__name{margin-bottom:.5em}.bio__name a,.bio__name a:hover{color:#383838;color:var(--primary-text-color)}.bio__name a:hover{text-decoration:none}@media (max-width:37.4375em){.bio__avatar,.post__bio{display:block}.bio__avatar{margin:0 auto}.bio__info{padding-top:1em;padding-left:0}}.post__nav{display:flex;justify-content:space-between;width:100%;padding-top:1.5em;margin-bottom:2em}.post__nav-next,.post__nav-prev{align-items:center;display:flex}.post__nav-next:hover,.post__nav-prev:hover{text-decoration:none;color:#00a672;color:var(--primary-color)}.post__nav-next svg,.post__nav-prev svg{fill:#747577}.post__nav-prev{margin-right:auto}.post__nav-next{margin-left:auto}.post__nav-link{font-family:Frank Ruhl Libre,serif;font-family:var(--font-heading);font-size:1.5rem;font-style:italic;line-height:1.5}.post__nav-link,.post__nav-link span{color:#5e5e5e;color:var(--text-secondary)}.post__nav-link span{display:block;font-family:Raleway,sans-serif;font-family:var(--font-body);font-style:normal}.post__nav-link:hover{text-decoration:none;color:#00a672;color:var(--primary-color)}.post__nav-link[rel=prev]{padding-left:1em}.post__nav-link[rel=next]{padding-right:1em;text-align:right}@media (max-width:767.99px){.post__footer{flex-direction:column;padding:0 0 1.5em}.post__footer-tags{margin-bottom:1.5em}.social-profiles__icon:last-child{margin-right:0}}.related-posts{padding:1em 0}.related-posts__title{position:relative;font-size:2rem}.related-posts__title:after{content:"";position:absolute;width:56%;height:2px;right:0;top:14px;background:#e2ecec;background:var(--border-color)}.related-post__media{background:#f5f5f5;background:var(--body-dark-bg)}.related-post__link{font-family:Frank Ruhl Libre,serif;font-family:var(--font-heading);font-size:1.5rem}.related-post__link:hover{text-decoration:none}.related-post__body{padding-top:1em}@media (max-width:37.4375em){.related-posts__title:after{display:none}.related-post__body{padding:1em 0}.related-post__title{font-size:1.5rem}}@media (min-width:37.5em) and (max-width:56.1875em){.related-posts__title:after{width:50%}.related-post__media{margin-bottom:1em}}#disqus_thread{padding:0 0 3em}.single-post-comments{padding-top:1.5em;margin-top:1em;border-top:1px solid #e2ecec;border-top:1px solid var(--border-color)}.dsq-brlink{display:none}@media (max-width:767.99px){#disqus_thread{padding:0 5em}}.sidebar-widget{margin-bottom:1em}.widget-title{font-weight:700}.widget-product__title,.widget-title{font-size:1.8rem;text-transform:uppercase}.widget-product__title{font-weight:400}.widget__featured{display:flex;flex-wrap:wrap;margin-left:-2%;margin-right:-2%}.widget__featured-product{flex-basis:48%;padding-left:2%;padding-right:2%}.widget__featured-info{font-size:1.4rem;text-align:center;padding-top:1em}.widget__featured-info a{color:#383838;color:var(--primary-text-color)}.widget__featured-info a:hover{color:#ee464a;color:var(--hovered-link-color);text-decoration:none}.docs__sidebar{overflow:auto;-webkit-overflow-scrolling:touch}@media (max-width:56.1875em){.docs__sidebar{position:absolute;left:0;width:280px;height:calc(100vh - 63px);height:calc(100vh + var(--header-height)*-1 - 5px);transform:translateX(-110%);transform-origin:left;transition:all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);z-index:10}.docs__sidebar.is-display{transform:translateX(0);transition-delay:0s,0s,.3s}.docs__sidebar:after{content:"";position:sticky;display:block;height:10vh;pointer-events:none;right:0;bottom:0;left:0;width:100%;background:linear-gradient(0deg,pink 10%,transparent);z-index:11}}@media (min-width:56.25em){.docs__sidebar{position:sticky;border-right:1px solid #e2ecec;border-right:1px solid var(--border-color);transition:border-color .3s;top:62px;top:var(--nav-height);height:calc(100vh - 67px);height:calc(100vh + var(--nav-height)*-1 - 5px);order:0;z-index:9}.docs__sidebar:before{content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:8}.docs__sidebar:after{content:"";position:sticky;display:block;height:10vh;pointer-events:none;right:0;bottom:0;left:0;width:100%}}.docs__sidebar::-webkit-scrollbar{width:5px;position:fixed;right:0}.docs__sidebar::-webkit-scrollbar-thumb{background:transparent;transition:background-color 2s}.docs__sidebar::-webkit-scrollbar-thumb:hover,.docs__sidebar:hover::-webkit-scrollbar-thumb{background:#fff;background:var(--bg)}.docs__nav-title{font-size:1.7rem;text-transform:uppercase;letter-spacing:1px;margin:15px 0;padding-top:20px;padding-left:1em;border-top:1px solid #e2ecec;border-top:1px solid var(--border-color)}.docs__nav-title:first-of-type{border:0}.docs__menu{list-style:none;padding:0;margin:0}.docs__menu-item{padding:0 1em}.docs__menu-link{font-size:1.4rem}.docs__menu-link:hover{text-decoration:none}.search__mobile{padding-left:1em}.search__form{position:relative;display:flex;align-items:center;justify-content:center;border-radius:28px;padding:2px}@media (max-width:56.1875em){.search__form{background:#969696}}.search__form-input{font-size:1.4rem;color:#5e5e5e;color:var(--secondary-text-color);width:calc(100% - 2px);background:#f3f5f4;background:var(--bg-tertiary);border:0;border-radius:27px;padding:6px 16px;margin-right:2px;outline:0 none;cursor:pointer}.search__form-input:focus,.search__form-input:hover{cursor:auto;color:#fff;color:var(--light-text-color)}.search__form:focus-within{background-image:-webkit-gradient(linear,left top,right top,from(#ff8a00),to(#e52e71));background-image:linear-gradient(90deg,#ff8a00,#e52e71)}.search__form-input::-moz-placeholder{color:#ddd}.search__form-input::-webkit-input-placeholder{color:#ddd}.search__form-input:focus::-moz-placeholder,.search__form-input:hover::-moz-placeholder{color:#ddd}.search__form-input:focus::-webkit-input-placeholder,.search__form-input:hover::-webkit-input-placeholder{color:#ddd}.search__form-input:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.search__form-clear{position:absolute;color:var(--dark-border-color);top:50%;right:2em;margin-top:-15px;color:#f3f5f4;color:var(--bg-tertiary);box-sizing:content-box;padding:4px;cursor:pointer;z-index:10}.search__form:focus .search__form-clear,.search__form:hover .search__form-clear{color:#969696}.search__form-search{position:absolute;right:1em;top:50%;margin-top:-9px;color:#969696;z-index:10}.search__query{position:absolute;right:0;width:100%;visibility:hidden;opacity:0;transform:translateY(-2em);transform-origin:top;transition:all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s;overflow-y:auto;background:#fff;background:var(--main-bg);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);z-index:3}.search__query--active{visibility:visible;opacity:1;z-index:4;transform:translateY(0);transition-delay:0s,0s,.3s}.search__item{display:flex;align-items:center;padding:.5em 1em;border-bottom:1px solid #e2ecec;border-bottom:1px solid var(--border-color-light)}.search__item:first-child{padding-top:1.5em}.search__item:last-child{padding-bottom:1.5em}.search__item-image{flex-basis:20%;position:relative;padding-top:15%}.search__item-image img{position:absolute;width:100%;height:100%;border-radius:4px;top:0}.search__item-info{flex-basis:80%;padding-left:1em}.search__item-title{margin:0}.search__item-title a{font-family:Raleway,sans-serif;font-family:var(--font-body);font-size:1.4rem;font-weight:400;color:#5e5e5e;color:var(--text-secondary)}.search__item-title a:hover{text-decoration:none;color:#00a672;color:var(--primary-color)}@media (min-width:37.5em) and (max-width:56.1875em){.search__item-title{font-size:1.8rem}}@media (min-width:56.25em){.search,.search__box{height:62px;height:var(--nav-height)}.search,.search__form{min-width:214px;padding:0}.search__box{display:flex;justify-content:center;align-items:center}.search__form{height:36px;position:relative}.search__form-input{position:absolute;width:160px;right:0;top:50%;padding:8px 16px;margin-top:-16px;z-index:9;transition:width .25s}.search__form-input:focus,.search__form-input:hover{width:210px}.search__form-clear{right:2em}.search__form-search{right:1em}.search__query{top:56px;width:380px;max-height:400px}.search__query--active{visibility:visible;opacity:1;z-index:4;transform:translateY(0);transition-delay:0s,0s,.3s}}.footer-widget{padding-top:1.5em;margin-top:2.5em}.widget-footer{margin-bottom:1.5em}.widget-footer p{margin-bottom:.5em}.widget-footer__title,.widget-footer p{color:#d1d1d1;color:var(--lightgrey-text-color)}.widget-footer__title{font-size:1.7rem;font-weight:600;margin-bottom:1.5em}.widget-footer__list{list-style:none;margin-left:0;padding:0}.widget-footer__list-item{padding:0}.widget-footer__link{color:#d1d1d1;color:var(--lightgrey-text-color)}.widget-footer__link:hover{text-decoration:none;color:#f05d61;color:var(--link-color)}.widget-footer__cats-list{overflow-y:scroll;max-height:160px}#scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}#scrollbar::-webkit-scrollbar,#scrollbar::-webkit-scrollbar-track{background-color:#21242d;background-color:var(--footer-bg);border-radius:20px}#scrollbar::-webkit-scrollbar{width:6px}#scrollbar::-webkit-scrollbar-thumb{background-color:#d1d1d1;background-color:var(--lightgrey-text-color);border-radius:20px}.social-icon{display:inline-block;text-align:center;width:36px;height:36px;line-height:36px;border-radius:50px;margin-right:8px;background:#5e5e5e;background:var(--secondary-text-color)}.social-icon,.social-icon:hover{color:#fff;color:var(--light-text-color)}.social-icon:hover{text-decoration:none}.social-icon__facebook:hover{background:#3b5999;background:var(--fb-color)}.social-icon__twitter:hover{background:#55acee;background:var(--tw-color)}.social-icon__gplus:hover{background:#dd4b39;background:var(--gplus-color)}.social-icon__instagram:hover{background:#3f729b;background:var(--ig-color)}.social-icon__telegram:hover{background:#55acee;background:var(--tw-color)}.banks-list{padding:0;margin:0}.banks-list li{display:inline-block;background:#fff;background:var(--main-bg);border-radius:4px;padding:0 8px;margin:0 6px 0 0}.menu-footer{list-style:none;padding:0;margin:0}.menu-footer__item{padding:0}.menu-footer__link{color:#d1d1d1;color:var(--lightgrey-text-color)}.menu-footer__link:hover{text-decoration:none;color:#f05d61;color:var(--link-color)}.footer-copyright{color:#d1d1d1;color:var(--lightgrey-text-color);text-align:center}.footer-credit{padding:1em 1.5em}.scroll-top{display:block;position:fixed;bottom:1em;text-align:center;width:32px;height:32px;line-height:32px;right:2em;background:#5e5e5e;background:var(--secondary-text-color);margin-left:2em;z-index:199}.scroll-top,.scroll-top:active{color:#d1d1d1;color:var(--lightgrey-text-color)}.scroll-top:hover{text-decoration:none;color:#fff;color:var(--light-text-color);background:#d1d1d1;background:var(--lightgrey-text-color)}@media (width >=992px) and (width <=1199.99px){.footer-widget{padding:3em 1.5em 1.5em}}@media (max-width:991.99px){.footer-widget{padding:3em 1.5em 1.5em}}body{color:rgba(0,0,0,.8);color:var(--body-color);background-color:#fafafa;background-color:var(--bg-primary)}.title,h1,h2,h3,h4,h5,h6{color:#383838;color:var(--primary-text-color)}.invert:active,.invert:focus,.invert:hover,.title:active,.title:focus,.title:hover,a{color:#00a672;color:var(--primary-color)}a:active,a:focus,a:hover{color:#00835c;color:var(--primary-color-dark)}.site__header{border-bottom:1px solid #e2ecec;border-bottom:1px solid var(--border-color)}@media (min-width:56.25em){.site__header{background-color:hsla(0,0%,100%,.9);background-color:var(--bg-transparent)}}.nav__toggle-item,.nav__toggle-item:after,.nav__toggle-item:before{background:rgba(0,0,0,.8);background:var(--body-color)}.nav__toggle.is-active .nav__toggle-item{background-color:transparent}.nav__toggle.is-active .nav__toggle-item:after,.nav__toggle.is-active .nav__toggle-item:before{background:rgba(0,0,0,.8);background:var(--body-color)}.nav__mobile-sidebar{background:#fff;background:var(--bg)}.nav__docs-wrapper{background:#969696}.nav__docs-wrapper.is-active{background-image:-webkit-gradient(linear,left top,right top,from(#ff8a00),to(#e52e71));background-image:linear-gradient(90deg,#ff8a00,#e52e71)}.nav__docs-button{background:#fff;background:var(--bg)}.nav__docs-button span,.nav__docs-button svg{color:rgba(0,0,0,.8);color:var(--body-color)}.invert{color:#5e5e5e;color:var(--secondary-text-color)}.menu li a,.menu li a:visited{color:rgba(0,0,0,.8);color:var(--body-color)}.menu li a:active,.menu li a:hover{color:#00a672;color:var(--primary-color)}.submenu li a:hover{background:var(--bg-teritary)}.submenu li a,.submenu li a:visited{color:rgba(0,0,0,.8);color:var(--body-color)}.submenu li a:active,.submenu li a:hover{color:#00a672;color:var(--primary-color)}.submenu{background:#f3f5f4;background:var(--bg-tertiary)}@media (min-width:56.25em){.submenu{box-shadow:0 5px 5px rgba(0,0,0,.25);background:#f3f5f4;background:var(--bg-secondary)}}.submenu-button{border-left:1px solid #e2ecec;border-left:1px solid var(--border-color)}.submenu-button:after,.submenu-button:before{background:#d1d1d1;background:var(--lightgrey-text-color)}.submenu-button:active,.submenu-button:hover{background:#f3f5f4;background:var(--bg-tertiary)}.site__content{background-color:#fff;background-color:var(--bg)}.docs--bg{background-color:#fff;background-color:var(--bg-light)}.feed__link,.post-card__link{color:#383838;color:var(--primary-text-color)}.feed__link:hover,.post-card__link:hover{color:#ee464a;color:var(--hovered-link-color)}.pagination-link{color:#2e313a;color:var(--pagination-color);border:1px solid #2e313a;border:1px solid var(--pagination-color)}.related-post__link{color:#383838;color:var(--primary-text-color)}.related-post__link:hover{color:#ee464a;color:var(--hovered-link-color)}.pagination-item--current a,.pagination-link:active,.pagination-link:hover{color:#fff;background:#2e313a;background:var(--pagination-color)}@media (max-width:56.1875em){.docs__sidebar{background:#fff;background:var(--main-bg);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.docs__sidebar:after{background:linear-gradient(0deg,pink 10%,transparent)}.docs__nav-title{color:#383838;color:var(--text-primary);border-top:1px solid #e2ecec;border-top:1px solid var(--border-color-light)}.docs__menu-item.is-active,.docs__menu-item:hover{background:linear-gradient(270deg,hsla(0,0%,100%,.88),#fff 0,#fff 1%,hsla(0,0%,100%,.88) 11%,#00a672);background:var(--nav-sidebar-bg)}.docs__menu-link{color:#5e5e5e;color:var(--text-secondary)}.docs__menu-link:hover{color:#00a672;color:var(--primary-color)}.docs__menu-link.active{color:#fff;color:var(--light-text-color)}}@media (min-width:56.25em){.docs__sidebar,.docs__sidebar:before{background-color:#fafafa;background-color:var(--bg-primary)}.docs__sidebar:after{background:linear-gradient(0deg,#fafafa 10%,transparent);background:linear-gradient(0deg,var(--bg-primary) 10%,transparent)}.docs__nav-title{color:rgba(0,0,0,.8);color:var(--body-color);border-top:1px solid #e2ecec;border-top:1px solid var(--border-color)}.docs__menu-item.is-active,.docs__menu-item:hover{background:linear-gradient(270deg,hsla(0,0%,100%,.88),#fff 0,#fff 1%,hsla(0,0%,100%,.88) 11%,#00a672);background:var(--nav-sidebar-bg)}.docs__menu-link{color:rgba(0,0,0,.8);color:var(--body-color)}.docs__menu-link.active,.docs__menu-link:hover{color:#fff;color:var(--light-text-color)}}.footer-copyright{color:var(--footer-text);background:#21242d;background:var(--footer-bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeAndMove{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(200px)}}@keyframes moveRight{0%{transform:translateX(0)}to{transform:translateX(200px)}}@keyframes rotateFull{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes kf-animation-fill-mode{0%{background:#23d160;transform:translateX(0)}to{background:#3273dc;transform:translateX(200px)}}.main-holder{flex-direction:column;display:flex;height:100vh}.main-holder .top-pane{display:flex;flex:0 0 50%;flex-direction:row}.main-holder .top-pane .box-1{background:#e1b16a;flex:0 0 50%;height:300px;overflow:auto}.main-holder .top-pane .box-2{background:#ce5a57;flex:1;height:300px;overflow:auto}.main-holder .drag-x{background:#444c5c;cursor:col-resize;flex:0 0 10px}.main-holder .drag-y{background:#444c5c;cursor:row-resize;flex:0 0 10px}.main-holder .bottom-pane{background:#78a5a3;flex:1}