.block-section{margin-bottom:4rem;overflow:hidden}.block-header{padding:1rem 2rem;background-color:var(--surface-section);border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between}.block-header .block-title{font-weight:700;display:inline-flex;align-items:center}.block-header .block-title .badge-free{border-radius:4px;padding:.25rem .5rem;background-color:var(--orange-500);color:#fff;margin-left:1rem;font-weight:700;font-size:.875rem}.block-header .block-actions{display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:1rem}.block-header .block-actions a{display:flex;align-items:center;margin-right:.75rem;padding:.5rem 1rem;border-radius:4px;font-weight:600;border:1px solid rgba(0,0,0,0);transition:background-color .2s;cursor:pointer}.block-header .block-actions a:last-child{margin-right:0}.block-header .block-actions a:not(.block-action-disabled):hover{background-color:var(--surface-c)}.block-header .block-actions a.block-action-active{border-color:var(--primary-color);color:var(--primary-color)}.block-header .block-actions a.block-action-copy i{color:var(--primary-color);font-size:1.25rem}.block-header .block-actions a.block-action-disabled{opacity:.6;cursor:auto!important}.block-header .block-actions a i{margin-right:.5rem}.block-content{padding:0;border:1px solid var(--surface-border);border-top:0}pre[class*=language-]{margin:0!important}pre[class*=language-]:after,pre[class*=language-]:before{display:none!important}pre[class*=language-] code{border-left:0!important;box-shadow:none!important;background:var(--surface-e)!important;margin:0;color:var(--text-color);font-size:14px;padding:0 2rem!important}pre[class*=language-] code .token.attr-name,pre[class*=language-] code .token.attr-string,pre[class*=language-] code .token.keyword,pre[class*=language-] code .token.tag{color:#2196f3!important}pre[class*=language-] code .token.attr-value{color:#4caf50!important}pre[class*=language-] code .token.punctuation{color:var(--text-color)}pre[class*=language-] code .token.operator,pre[class*=language-] code .token.string{background:rgba(0,0,0,0)}@media screen and (max-width:575px){.block-header{flex-direction:column;align-items:start}.block-header .block-actions{margin-top:1rem;margin-left:0}}pre.app-code{background-color:var(--surface-ground);margin:0 0 1rem;padding:0;border-radius:var(--border-radius);overflow:auto}pre.app-code code{color:var(--surface-900);padding:1rem;line-height:1.5;display:block;font-family:monaco,Consolas,monospace}.product-badge{border-radius:var(--border-radius);padding:.25em .5rem;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.3px}.product-badge.status-instock{background:var(--green-200);color:var(--green-800)}.product-badge.status-outofstock{background:var(--pink-200);color:var(--pink-800)}.product-badge.status-lowstock{background:var(--yellow-200);color:var(--yellow-800)}.product-badge-text{font-weight:700;font-size:12px;letter-spacing:.3px}.product-badge-text.status-instock{color:var(--green-500)}.product-badge-text.status-outofstock{color:var(--pink-500)}.product-badge-text.status-lowstock{color:var(--yellow-500)}.customer-badge{border-radius:var(--border-radius);padding:.25em .5rem;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.3px}.customer-badge.status-qualified{background:var(--green-200);color:var(--green-800)}.customer-badge.status-unqualified{background:var(--pink-200);color:var(--pink-800)}.customer-badge.status-negotiation{background:var(--yellow-200);color:var(--yellow-800)}.customer-badge.status-new{background:var(--blue-200);color:var(--blue-800)}.customer-badge.status-renewal{background:var(--purple-200);color:var(--purple-800)}.customer-badge.status-proposal{background:var(--orange-200);color:var(--orange-800)}.order-badge{border-radius:var(--border-radius);padding:.25em .5rem;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.3px}.order-badge.order-delivered{background:#c8e6c9;color:#256029}.order-badge.order-cancelled{background:#ffcdd2;color:#c63737}.order-badge.order-pending{background:#feedaf;color:#8a5340}.order-badge.order-returned{background:#eccfff;color:#694382}.bg-shape-top{min-height:520px;background-size:cover;background-position:0 bottom;background-repeat:no-repeat;overflow:visible;background-image:url(/layout/images/pages/landing/bg-header.svg)}.bg-shape-bottom{z-index:-1;min-height:770px;background-size:cover;background-position:0 top;background-image:url(/demo/images/landing/bg-contact.svg)}.moveinright{animation:moveinright .15s linear}.moveinleft{animation:moveinleft .15s linear}@media screen and (max-width:992px){#menu{background-color:var(--surface-overlay)!important}}@keyframes moveinright{0%{opacity:0;transform:translateX(50px);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateX(0)}}@keyframes moveinleft{0%{opacity:0;transform:translateX(-50px);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateX(0)}}