@charset "utf-8";@import 'https://fonts.googleapis.com/css2?family=Quicksand:wght@500..600&&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890';.demo-panel,.annoying-button{--panel-color: #0A0F11;--header-height: 70px;--gutters: 40px;--normal-color: #fff;--hover-color: #03A9F4;--animation-time: .2s}.demo-panel *,.annoying-button *{box-sizing:border-box;font-family:quicksand,sans-serif;font-weight:500;text-decoration:none;color:var(--normal-color)}.demo-panel a,.demo-panel a *{color:var(--normal-color);fill:var(--normal-color);transition:all var(--animation-time)}.demo-panel a.act,.demo-panel a:hover,.demo-panel a:hover *{fill:var(--hover-color);color:var(--hover-color)}.annoying-button{position:fixed;bottom:calc(50vh - 30px);right:10px;display:block;width:60px;height:60px;z-index:999;display:flex;justify-content:center;align-items:center;text-decoration:none;background:var(--panel-color);box-shadow:0 0 6px rgba(0,0,0,.3)}.annoying-button .demos-caption{content:"DEMOS";font-size:14px;font-weight:500;position:absolute;color:var(--normal-color)!important;text-shadow:0 0 6px rgba(0,0,0,.6)}.annoying-button .demos-number{font-size:40px;line-height:1;font-weight:600;background:linear-gradient(90deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82,#f79533) 0 0/300%;color:transparent!important;-webkit-background-clip:text;background-clip:text;transition:opacity .2s}.annoying-button .demos-number{opacity:.7}.annoying-button:hover .demos-number{opacity:1}@media(prefers-reduced-motion:no-preference){.annoying-button .demos-number{animation:move-bg 8s linear infinite}@keyframes move-bg{to{background-position:300% 0}}}.demo-panel{box-sizing:border-box;position:fixed;overflow:hidden;top:0;right:0;bottom:0;left:0;z-index:9409;transform:translate(0,100vh);opacity:0;transition:all .4s}.demo-panel.act{opacity:1;transform:translate(0,0)}.content-wrap{display:flex;flex-wrap:wrap;margin:0 auto;max-width:calc(1920px - 2 * var(--gutters))}.filter-panel{width:100%;height:var(--header-height);font-size:17px;line-height:1;padding:0 var(--gutters);background-color:var(--panel-color);border-bottom:solid 1px rgba(255,255,255,.2)}.filter-panel .content-wrap{flex-wrap:nowrap;align-items:center;height:100%}.filter-panel .categories-wrap{position:relative;height:100%;margin:0 0 0 -10px;overflow:hidden}.filter-panel .categories-wrap:before,.filter-panel .categories-wrap:after{content:"";position:absolute;top:0;height:100%;width:10px;z-index:1}.filter-panel .categories-wrap:before{left:0;background:linear-gradient(90deg,var(--panel-color) 0%,rgba(0,0,0,0) 100%)}.filter-panel .categories-wrap:after{right:0;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,var(--panel-color) 100%)}.filter-panel nav{display:flex;flex-wrap:nowrap;gap:10px;height:100%;padding:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-panel nav::-webkit-scrollbar{display:none}.filter-panel nav>a{display:flex;white-space:nowrap;align-items:center;padding:0 10px 3px;border-top:solid 3px transparent}.filter-panel nav a.act{border-color:var(--hover-color)}.close-panel{display:flex;align-items:center;justify-content:center;margin-left:auto}.close-panel svg{width:36px;height:36px}.content-panel{width:100%;height:calc(100% - var(--header-height));padding:var(--gutters);background-color:var(--panel-color);overflow:hidden}.demo-panel .content-panel{overflow:auto}.touchevents .content-panel{-webkit-overflow-scrolling:touch}.content-panel .content-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center;gap:var(--gutters)}.demo-thumb{display:flex;flex-direction:column;text-align:center}.demo-thumb .image-wrap{position:relative}.demo-thumb .image-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;box-shadow:0 0 1px 1px rgb(255,255,255,.12) inset}.demo-thumb .image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0OCcgaGVpZ2h0PSc0OCcgdmlld0JveD0nMCAwIDI0IDI0JyBmaWxsPSdub25lJyBzdHJva2U9J3doaXRlJyBzdHJva2Utd2lkdGg9JzEuNzUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgY2xhc3M9J2ZlYXRoZXIgZmVhdGhlci1hcnJvdy11cC1yaWdodCc+PGxpbmUgeDE9JzcnIHkxPScxNycgeDI9JzE3JyB5Mj0nNyc+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9JzcgNyAxNyA3IDE3IDE3Jz48L3BvbHlsaW5lPjwvc3ZnPg==),linear-gradient(180deg,#00000000 0%,#0A0F1180 100%);background-position:center center,center center;background-repeat:no-repeat no-repeat,no-repeat no-repeat;opacity:0;transition:opacity var(--animation-time)}.demo-thumb:hover .image-wrap:after{opacity:1}.demo-thumb img{display:block;width:100%;height:auto;border-radius:4px;opacity:0;transition:opacity 0var(--animation-time)}.demo-thumb.thumb-loaded img{opacity:1}.demo-thumb .icons-wrap{--icon-size: 28px;position:relative;display:flex;gap:7px;min-height:var(--icon-size);justify-content:center;margin-top:calc(var(--icon-size)/-2)}.demo-thumb.filter-elementor .icons-wrap:before{content:"";width:var(--icon-size);height:var(--icon-size);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjYuMi4xICBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAtLT48c3ZnIHZlcnNpb249JzEuMScgaWQ9J0xheWVyXzEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgMzIgMzInIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOycgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHN0eWxlIHR5cGU9J3RleHQvY3NzJz4uc3Qwe2ZpbGw6I0I1MTU4Rjt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGc+PGc+PGNpcmNsZSBjbGFzcz0nc3QwJyBjeD0nMTYnIGN5PScxNicgcj0nMTYnLz48L2c+PHBhdGggY2xhc3M9J3N0MScgZD0nTTExLjggMjNIOVY5aDIuOFYyM3ogTTIzIDIzaC04LjR2LTIuOEgyM1YyM3ogTTIzIDE3LjRoLTguNHYtMi44SDIzVjE3LjR6IE0yMyAxMS44aC04LjRWOUgyM1YxMS44eicvPjwvZz48L3N2Zz4=);background-repeat:no-repeat}.demo-thumb.filter-wpbakery .icons-wrap:before{content:"";width:var(--icon-size);height:var(--icon-size);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjYuMi4xICBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAtLT48c3ZnIHZlcnNpb249JzEuMScgaWQ9J0xheWVyXzEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgMzIgMzInIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOycgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHN0eWxlIHR5cGU9J3RleHQvY3NzJz4uc3Qwe2ZpbGw6IzAwQjJGNTt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGc+PGc+PGNpcmNsZSBjbGFzcz0nc3QwJyBjeD0nMTYnIGN5PScxNicgcj0nMTYnLz48L2c+PHBhdGggaWQ9J2ljb24td3BiJyBjbGFzcz0nc3QxJyBkPSdNMTUuMiA4LjljMC44IDAuNSAwLjkgMC44IDEuOCAxLjhjMS4zIDEuNCAyLjkgMS42IDMuMiAxLjZjMC44IDAgMS41LTAuMiAxLjUtMC4yYzAtMC4xLTAuNSAwLTEuMy0wLjJjLTAuMi0wLjEtMS4xLTAuMy0xLjEtMC40YzAgMCAzLjctMS4yIDUuOSAxYzEuMyAxLjMgMS43IDMuNiAwLjggNS4zYy0wLjYgMS0yLjUgMi43LTQuNSAyLjVjLTAuMSAwLTEuMSAzLjgtMS4xIDMuN2MtMC4yLTAuMi0xLjMtMS4xLTQuMi0wLjljLTEuMiAwLjEtMiAwLjctMyAwLjJjLTAuNy0wLjQtMS0xLjQtMS0xLjRjMCAwIDAuOCAwIDIuMS0wLjdjMS0wLjUgMS4zLTEgMS4zLTEuMWMwIDAtMC4xIDAuMS0wLjIgMC4xYy0wLjMgMC4yLTEuMSAwLjYtMS45IDAuN2MtMi4zIDAuNi02LjEtMC41LTcuNS0zLjlDNC43IDE0IDYuNSAxMS4yIDYuNiAxMWMwLjItMC4zIDEuMS0xLjUgMi41LTIuMkMxMC43IDggMTMuNSA3LjggMTUuMiA4Ljl6Jy8+PC9nPjwvc3ZnPg==);background-repeat:no-repeat}.demo-thumb.filter-woocommerce .icons-wrap:after{content:"";width:var(--icon-size);height:var(--icon-size);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjYuMi4xICBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAtLT48c3ZnIHZlcnNpb249JzEuMScgaWQ9J0xheWVyXzEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgMzIgMzInIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOycgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHN0eWxlIHR5cGU9J3RleHQvY3NzJz4uc3Qwe2ZpbGw6Izc5NThBRDt9LnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGc+PGc+PGNpcmNsZSBjbGFzcz0nc3QwJyBjeD0nMTYnIGN5PScxNicgcj0nMTYnLz48L2c+PGc+PHBhdGggY2xhc3M9J3N0MScgZD0nTTMuNiAxMC43Yy0wLjMgMC0wLjYgMC4xLTAuOCAwLjRjLTAuMiAwLjItMC4yIDAuNS0wLjIgMC44YzAuNyA0LjUgMS40IDcuNiAyIDkuMmMwLjIgMC42IDAuNSAwLjkgMC44IDAuOGMwLjUgMCAxLjEtMC43IDEuOC0yLjFjMC40LTAuOCAxLTEuOSAxLjctMy41YzAuNyAyLjMgMS41IDQgMi43IDUuMWMwLjMgMC4zIDAuNiAwLjUgMSAwLjRjMC4zIDAgMC41LTAuMiAwLjYtMC40YzAuMS0wLjIgMC4yLTAuNSAwLjEtMC44Yy0wLjEtMS4xIDAtMi42IDAuMy00LjZjMC4zLTIgMC43LTMuNSAxLjItNC40YzAuMS0wLjIgMC4xLTAuNCAwLjEtMC42YzAtMC4zLTAuMS0wLjUtMC40LTAuN2MtMC4yLTAuMi0wLjUtMC4zLTAuOC0wLjJjLTAuNCAwLTAuNiAwLjItMC44IDAuNWMtMC43IDEuNC0xLjMgMy42LTEuNiA2LjZjLTAuNS0xLjItMC44LTIuNS0xLjEtNC4xYy0wLjEtMC43LTAuNS0xLjEtMS0xYy0wLjQgMC0wLjcgMC4zLTAuOSAwLjdsLTIuNiA1Yy0wLjQtMS44LTAuOC0zLjktMS4yLTYuNEM0LjYgMTAuOSA0LjIgMTAuNiAzLjYgMTAuN3onLz48cGF0aCBjbGFzcz0nc3QxJyBkPSdNMjguOCAxMi45Yy0wLjQtMC44LTEuMS0xLjItMS45LTEuNGMtMC4yIDAtMC40LTAuMS0wLjctMC4xYy0xLjIgMC0yLjEgMC42LTIuOCAxLjhjLTAuNiAxLTAuOSAyLjItMC45IDMuNGMwIDAuOSAwLjIgMS43IDAuNiAyLjRjMC40IDAuOCAxLjEgMS4yIDEuOSAxLjRjMC4yIDAgMC40IDAuMSAwLjcgMC4xYzEuMiAwIDIuMS0wLjYgMi44LTEuOGMwLjYtMSAwLjktMi4yIDAuOS0zLjRDMjkuNCAxNC40IDI5LjIgMTMuNiAyOC44IDEyLjl6IE0yNy4zIDE2LjNjLTAuMiAwLjgtMC41IDEuNC0wLjkgMS44Yy0wLjQgMC4zLTAuNyAwLjQtMSAwLjRjLTAuMy0wLjEtMC41LTAuMy0wLjctMC44Yy0wLjEtMC40LTAuMi0wLjctMC4yLTEuMWMwLTAuMyAwLTAuNiAwLjEtMC45YzAuMS0wLjUgMC4zLTEgMC42LTEuNGMwLjQtMC42IDAuOC0wLjggMS4zLTAuN2MwLjMgMC4xIDAuNSAwLjMgMC43IDAuOGMwLjEgMC40IDAuMiAwLjcgMC4yIDEuMUMyNy40IDE1LjcgMjcuMyAxNiAyNy4zIDE2LjN6Jy8+PHBhdGggY2xhc3M9J3N0MScgZD0nTTIxLjIgMTIuOWMtMC40LTAuOC0xLjEtMS4yLTEuOS0xLjRjLTAuMiAwLTAuNC0wLjEtMC43LTAuMWMtMS4yIDAtMi4xIDAuNi0yLjggMS44Yy0wLjYgMS0wLjkgMi4yLTAuOSAzLjRjMCAwLjkgMC4yIDEuNyAwLjYgMi40YzAuNCAwLjggMS4xIDEuMiAxLjkgMS40YzAuMiAwIDAuNCAwLjEgMC43IDAuMWMxLjIgMCAyLjEtMC42IDIuOC0xLjhjMC42LTEgMC45LTIuMiAwLjktMy40QzIxLjggMTQuNCAyMS42IDEzLjYgMjEuMiAxMi45eiBNMTkuNyAxNi4zYy0wLjIgMC44LTAuNSAxLjQtMC45IDEuOGMtMC40IDAuMy0wLjcgMC40LTEgMC40Yy0wLjMtMC4xLTAuNS0wLjMtMC43LTAuOGMtMC4xLTAuNC0wLjItMC43LTAuMi0xLjFjMC0wLjMgMC0wLjYgMC4xLTAuOWMwLjEtMC41IDAuMy0xIDAuNi0xLjRjMC40LTAuNiAwLjgtMC44IDEuMy0wLjdjMC4zIDAuMSAwLjUgMC4zIDAuNyAwLjhjMC4xIDAuNCAwLjIgMC43IDAuMiAxLjFDMTkuOCAxNS43IDE5LjggMTYgMTkuNyAxNi4zeicvPjwvZz48L2c+PC9zdmc+);background-repeat:no-repeat}.demo-thumb .caption-wrap{margin-top:12px}@media screen and (max-width:1450px){.content-panel .content-wrap{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:980px){.content-panel .content-wrap{grid-template-columns:1fr 1fr}}@media screen and (max-width:660px){.content-panel .content-wrap{grid-template-columns:1fr}}@media screen and (max-width:470px){.demo-panel{--gutters: 30px
    }.content-panel .content-wrap{grid-template-columns:1fr}.content-panel{padding:calc(var(--gutters) + 5px) var(--gutters)}}.the7-scrollbar{--scrollbar-thumb-color: rgba(255, 255, 255, 0.4);--scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.6);scrollbar-color:var(--scrollbar-thumb-color) transparent}.the7-scrollbar:hover{scrollbar-color:var(--scrollbar-thumb-hover-color) transparent}.the7-scrollbar::-webkit-scrollbar{width:13px;height:13px}.the7-scrollbar::-webkit-scrollbar-track{}.the7-scrollbar::-webkit-scrollbar-thumb{border:solid 3px var(--panel-color);border-radius:7px;background:var(--scrollbar-thumb-color)}.the7-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}