footer[data-v-data-s-80698948]{background:var(--accent);color:#fff;border-top:10px solid var(--footer-border-top);margin-top:96px;display:block;position:relative}footer>svg[data-v-data-s-80698948]{position:absolute;top:-11px;left:50%;transform:translate(-50%)}footer>a[data-v-data-s-80698948]{z-index:10;color:var(--accent);align-items:center;transition:opacity .15s;display:flex;position:absolute;top:-48px;left:50%;transform:translate(-50%)}footer>a>i[data-v-data-s-80698948]{padding:0 16px;font-size:3rem}footer>a>span[data-v-data-s-80698948]{font-size:2rem;font-weight:700}footer>a[data-v-data-s-80698948]:hover{opacity:.625}footer>div[data-v-data-s-80698948]{padding-top:64px;padding-bottom:24px;display:grid}footer>div>div[data-v-data-s-80698948]{grid-gap:0 64px;grid-template-columns:1fr 1fr 1fr;padding:16px 0;font-size:.925rem;display:grid}footer>div>div h4[data-v-data-s-80698948]{padding:0;font-size:1rem;display:block}footer>div>div p[data-v-data-s-80698948]{font-size:1rem}footer>div>div ul[data-v-data-s-80698948]{padding-inline-start:18px;display:grid}footer>div>div ul li[data-v-data-s-80698948]{position:relative}footer>div>div ul li[data-v-data-s-80698948]:before{content:"";opacity:.425;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}footer>div>div ul li a[data-v-data-s-80698948]{color:#fff;padding:4px 0;font-size:1rem;transition:opacity .15s;display:block}footer>div>div ul li a[data-v-data-s-80698948]:hover{opacity:.75}footer>div>a#developix-watermark[data-v-data-s-80698948]{color:#fff;justify-content:center;align-items:center;padding-top:12px;font-size:2.5rem;transition:opacity .15s;display:flex}footer>div>a#developix-watermark[data-v-data-s-80698948]:hover{opacity:.625}footer>div>a#ronio-version[data-v-data-s-80698948]{color:#fff;justify-content:center;align-items:center;padding:16px 0;transition:opacity .15s;display:flex}footer>div>a#ronio-version[data-v-data-s-80698948]:hover{opacity:.75}.hu-color-picker{z-index:1;background:#1d2024;border-radius:4px;padding:10px;box-shadow:0 0 16px #00000029}.hu-color-picker.light{background:#f7f8f9}.hu-color-picker.light .color-show .sucker{background:#eceef0}.hu-color-picker.light .color-type .name{background:#e7e8e9}.hu-color-picker.light .color-type .value{color:#666;background:#eceef0}.hu-color-picker.light .colors.history{border-top:1px solid #eee}.hu-color-picker canvas{vertical-align:top}.hu-color-picker .color-set{display:flex}.hu-color-picker .color-show{margin-top:8px;display:flex}.saturation{cursor:pointer;position:relative}.saturation .slide{pointer-events:none;border:1px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:100px;box-shadow:0 0 1px 1px #0000004d}.color-type{margin-top:8px;font-size:12px;display:flex}.color-type .name{float:left;color:#999;background:#252930;justify-content:center;align-items:center;width:60px;height:30px;display:flex}.color-type .value{color:#fff;box-sizing:border-box;background:#2e333a;border:0;flex:1;min-width:100px;height:30px;padding:0 12px}.color-alpha{cursor:pointer;margin-left:8px;position:relative}.color-alpha .slide{pointer-events:none;background:#fff;width:100%;height:4px;position:absolute;top:100px;left:0;box-shadow:0 0 1px #0000004d}.sucker{fill:#9099a4;cursor:pointer;background:#2e333a;width:30px;transition:all .3s}.sucker.active,.sucker:hover{fill:#1593ff}.colors{margin:0;padding:0}.colors.history{border-top:1px solid #2e333a;margin-top:10px}.colors .item{box-sizing:border-box;vertical-align:top;cursor:pointer;border-radius:3px;width:16px;height:16px;margin:10px 0 0 10px;transition:all .1s;display:inline-block;position:relative}.colors .item:nth-child(8n+1){margin-left:0}.colors .item:hover{transform:scale(1.4)}.colors .item .alpha{border-radius:4px;height:100%}.colors .item .color{border-radius:3px;width:100%;height:100%;position:absolute;top:0;left:0}.hue{cursor:pointer;margin-left:8px;position:relative}.hue .slide{pointer-events:none;background:#fff;width:100%;height:4px;position:absolute;top:100px;left:0;box-shadow:0 0 1px #0000004d}.hu-color-picker .picker-hue,.hu-color-picker .picker-alpha{appearance:none;writing-mode:vertical-lr;cursor:pointer;direction:rtl;border:0;border-radius:0;width:16px;height:152px;margin-left:8px;padding:0}.hu-color-picker .picker-hue{background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hu-color-picker .picker-alpha{background:linear-gradient(#fff,#0000),repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 0/8px 8px}.hu-color-picker input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;width:16px;height:4px;box-shadow:0 0 1px #333}.hu-color-picker input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:0;width:16px;height:4px}.hu-color-picker button.color{cursor:pointer;border:0;padding:0}.hu-color-picker{box-sizing:unset;z-index:50;direction:ltr;position:absolute}.ColorPickerSection{box-shadow:var(--shadow-card)}.ColorPickerSection>label{cursor:pointer;text-align:center;padding:0 0 6px;display:block}.ColorPickerSection>span{content:"";cursor:pointer;border:2px solid var(--border-colorpicker-item-color);border-radius:6px;width:100%;height:24px;display:block}ul li[data-v-data-s-c87a48d1]{cursor:pointer;align-items:center;height:100%;padding:0 8px;font-size:1.25rem;display:inline-flex}ul li[data-v-data-s-c87a48d1]:first-child{transition:opacity .15s}ul li[data-v-data-s-c87a48d1]:first-child:hover{opacity:.75}ul li:first-child input[data-v-data-s-c87a48d1]{text-align:center;background:0 0;border:none;outline:none;width:128px;display:block}ul li:first-child>i[data-v-data-s-c87a48d1]{justify-content:center;align-items:center;height:100%;display:flex}#widgets-gallery-vectors .ColorPickerSection span{aspect-ratio:1}#main-header[data-v-data-s-487f1f68]{z-index:100;width:100%;position:fixed;top:32px}#main-header>nav[data-v-data-s-487f1f68]{background-color:#0000;border:2px solid #0000;border-radius:100px;flex-direction:row;align-items:center;width:1120px;height:64px;margin:0 auto;padding:0 16px;transition:all .15s;display:flex}#main-header>nav>a[data-v-data-s-487f1f68]{align-items:center;padding:0 6px;transition:opacity .15s;display:flex}#main-header>nav>a>i[data-v-data-s-487f1f68]{color:var(--accent);height:100%;padding:6px;font-size:2rem}#main-header>nav>a>span[data-v-data-s-487f1f68]{padding:0 6px;font-size:1.5rem;font-weight:700}#main-header>nav>a[data-v-data-s-487f1f68]:hover{opacity:.75}#main-header>nav>ul#supermenu[data-v-data-s-487f1f68]{flex-grow:1;display:inline-block}#main-header>nav>ul#supermenu>li[data-v-data-s-487f1f68]{opacity:.75;transition:opacity .15s;display:inline-block}#main-header>nav>ul#supermenu>li[data-v-data-s-487f1f68]:hover{opacity:1}#main-header>nav>ul#supermenu>li>a[data-v-data-s-487f1f68],#main-header>nav>ul#supermenu>li span[data-v-data-s-487f1f68]{padding:0 4px;font-size:1rem;display:block}#main-header>nav>ul#widgets[data-v-data-s-487f1f68]{align-items:center;height:100%;display:inline-flex}#main-header>nav>ul#widgets>li[data-v-data-s-487f1f68]{cursor:pointer;align-items:center;height:100%;padding:0 6px;font-size:1.25rem;transition:opacity .15s;display:inline-flex}#main-header>nav>ul#widgets>li[data-v-data-s-487f1f68]:hover{opacity:.625}#main-header>nav>ul#widgets>li#switch-country[data-v-data-s-487f1f68]{font-size:1.625rem}#main-header>nav>ul#widgets>li#switch-country>a[data-v-data-s-487f1f68]{align-items:center;height:100%;display:flex}#main-header>nav>ul#widgets>li#dpx-profile[data-v-data-s-487f1f68]{justify-content:center;align-items:center;display:flex;overflow:hidden}#main-header>nav>ul#widgets>li#dpx-profile>img[data-v-data-s-487f1f68]{border:2px solid var(--color);border-radius:50%;width:1.825rem;height:auto;display:block}#main-header.scroll>nav[data-v-data-s-487f1f68]{background-color:var(--header-scroll-bg);width:780px;box-shadow:var(--header-scroll-box-shadow);border-color:var(--header-scroll-border-color);-webkit-backdrop-filter:blur(12px)saturate(200%);backdrop-filter:blur(12px)saturate(200%)}.extra-section[data-v-data-s-487f1f68]{align-items:center;height:100%;margin-left:4px;padding-left:8px;display:inline-flex;position:relative}.extra-section[data-v-data-s-487f1f68]:before{content:"";background-color:var(--header-border-extra-section);border-radius:100px;width:4px;height:80%;position:absolute;left:0;overflow:hidden}main#global-content-container[data-v-data-s-26cdacf7]{flex-grow:1;padding-top:128px}:root{--ltr:ltr;--rtl:rtl;--scrollbar:darkgrey;--bg-color:#f1f5fa;--text-color:#151820;--color:#121316;--accent:#e91e63;--accent-blog:#e91e63;--bg-card:#fff;--bg-card-hover:#f7f7f7;--shadow-card:0 4px 5px 0 #aab3d92d;--shadow-deep:0 8px 10px 0 #aab3d9bf;--header-scroll-bg:#f0f0f09f;--header-scroll-box-shadow:#f0f0f080 0 0 24px;--header-scroll-border-color:#c8c8c840;--header-hero-fade-top:linear-gradient(0deg, transparent, var(--bg-color));--header-hero-fade-bottom:linear-gradient(0deg, var(--bg-color) 10%, #12121200);--footer-border-top:#f8bbd0;--dynamic-border-color:#00000040;--guide-bg:#e2e3e5;--guide-color:#41464b;--guide-border:#d3d6d8;--code-section-li-hover-bg:#00000020;--code-section-li-active-bg:#fce4ec;--code-section-li-active-color:var(--accent);--code-section-code-bg:#253035;--code-section-copy-accent:#ff5722;--multipleSlider-border:white;--multipleSlider-border-active:#b0b0b0;--input-border-color:#00000040;--shadow-angle-picker:0 0 6px 6px #aab3d9bf;--border-active-angle-picker:#e0e0e0;--border-colorpicker-item-color:#00000020;--hr-color:#00000013;--shimmer-static-bg:#dddbdd;--button-show-palette:#0a141e26;--button-show-palette-hover:#8bc34a;--dpx-yellow:linear-gradient(135deg,#fcb404,#ffd54f) 0 0 no-repeat padding-box;--border-gallery-vectors:#efefef;--svg-gallery-accent:#e91e63;--svg-gallery-bg:#3f3d56;--svg-gallery-fg:#2f2e41;--header-border-extra-section:#0f14191a;--bg-vectors-download-btn:linear-gradient(135deg,#d81b60,#f06292) 0 0 no-repeat padding-box;--bg-border-radius-generator-item:#555;--border-toggle:#00000020;--range-bg:#00000020;--range-bg-disabled:#00000006;--gallery-fonts-fill:#121316;--gallery-fonts-filter:invert(0%);--border-font-tools:#00000013}body.dark{--scrollbar:#455055;--bg-color:#151820;--text-color:white;--color:white;--accent:#f50057;--bg-card:#303540;--bg-card-hover:#283340;--shadow-card:0 4px 5px 0 #4b421c20;--shadow-deep:0 8px 10px 0 #4b421cbf;--header-scroll-bg:#1f20239f;--header-scroll-box-shadow:#3c3c3c80 0 0 24px;--header-scroll-border-color:#3c3c3c40;--header-hero-fade-top:linear-gradient(0deg, transparent, var(--bg-color));--header-hero-fade-bottom:linear-gradient(0deg, var(--bg-color) 10%, transparent);--footer-border-top:#fce4ec;--dynamic-border-color:#ffffff40;--guide-bg:#313131;--guide-color:#999;--guide-border:#3b3b3b;--code-section-li-active-bg:#fce4ffbf;--code-section-li-hover-bg:#ffffff20;--code-section-code-bg:#152025;--multipleSlider-border:#555;--multipleSlider-border-active:#252525;--input-border-color:#ffffff40;--shadow-angle-picker:0 0 12px 6px #2d2d2dbf;--border-active-angle-picker:#404040;--border-colorpicker-item-color:#ffffff53;--hr-color:#ffffff20;--shimmer-static-bg:#253035;--button-show-palette:#8080802d;--button-show-palette-hover:#558b2f;--border-gallery-vectors:#454545;--svg-gallery-bg:#d0d1be;--svg-gallery-fg:#c0c2a9;--header-border-extra-section:#f0ebe61a;--bg-vectors-download-btn:linear-gradient(135deg,#c2185b,#ec407a) 0 0 no-repeat padding-box;--bg-border-radius-generator-item:#f0f0f0;--border-toggle:#ffffff20;--range-bg:#ffffff20;--range-bg-disabled:#ffffff06;--gallery-fonts-fill:white;--gallery-fonts-filter:invert(100%);--border-font-tools:#ffffff13}body.ltr{--ltr:rtl;--rtl:ltr;direction:ltr;font-family:Roboto,Arial,Helvetica,sans-serif}body.ltr .section-home>h2{left:32px;right:auto}body.ltr #page-material-palette div.page-content>div>aside>div#app>i{left:auto;right:16px}body.ltr .guide>i{padding-left:24px;padding-right:0}body.ltr .code-section>ul>li>i{padding-left:0;padding-right:6px}body.ltr .container-palette #ul-sort>li{padding-left:0;padding-right:24px}body.ltr .extra-section{margin-left:auto;margin-right:4px;padding-left:auto;padding-right:8px}body.ltr .extra-section:before{left:auto;right:0}body.ltr #page-gallery-fonts #ul-items>li.active>div>div:first-child>h2>i{padding:0 6px 0 0}body.ltr #container-blog-post>article>div:first-child>a>h1:before,body.ltr #content ul>li:before{left:-24px;right:auto}body.ltr footer>div>div ul li:before{left:-18px;right:auto}@font-face{font-family:RonioYekanBakh;src:url(/assets/YekanBakh-Regular-IGHyJ0wA.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:RonioYekanBakh;src:url(/assets/YekanBakh-Bold-BwUGQRf1.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:RonioYekanBakh;src:url(/assets/YekanBakh-ExtraBlack-DrnAHi9R.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-mTIRXP6Y.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold-CeM5gOv8.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Black-C7sVBXJt.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:RonioIconFonts;src:url(/assets/icomoon-Df0Bkati.eot?921443);src:url(/assets/icomoon-Df0Bkati.eot?921443#iefix)format("embedded-opentype"),url(/assets/icomoon-DM3vJDzq.ttf?921443)format("truetype"),url(/assets/icomoon-SW3q7WDu.woff?921443)format("woff"),url(/assets/icomoon-Cgk5veNc.svg?921443#icomoon)format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\ icon-]{speak:never;font-variant:normal;text-transform:none;font-style:normal;font-weight:400;line-height:1;font-family:RonioIconFonts!important}.icon-edge-less:before{content:""}.icon-edge-more:before{content:""}.icon-shape-complex:before{content:""}.icon-shape-simple:before{content:""}.icon-Ronio:before{content:""}.icon-DP:before{content:""}.icon-uk .path1:before{content:"";color:#f0f0f0}.icon-uk .path2:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path3:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path4:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path5:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path6:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path7:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path8:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path9:before{content:"";color:#0052b4;margin-left:-1em}.icon-uk .path10:before{content:"";color:#d80027;margin-left:-1em}.icon-uk .path11:before{content:"";color:#d80027;margin-left:-1em}.icon-uk .path12:before{content:"";color:#d80027;margin-left:-1em}.icon-uk .path13:before{content:"";color:#d80027;margin-left:-1em}.icon-uk .path14:before{content:"";color:#d80027;margin-left:-1em}.icon-iran .path1:before{content:"";color:#f0f0f0}.icon-iran .path2:before{content:"";color:#d80027;margin-left:-1em}.icon-iran .path3:before{content:"";color:#6da544;margin-left:-1em}.icon-iran .path4:before{content:"";color:#d80027;margin-left:-1em}.icon-xamarin:before{content:""}.icon-kotlin:before{content:""}.icon-swift:before{content:""}.icon-flutter:before{content:""}.icon-telegram:before{content:""}.icon-heart-o:before{content:""}.icon-heart:before{content:""}.icon-zoom_out_map:before{content:""}.icon-fullscreen_exit:before{content:""}.icon-analytics:before{content:""}.icon-4k:before{content:""}.icon-hd:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-codesandbox:before{content:""}.icon-copy:before{content:""}.icon-download:before{content:""}.icon-eye:before{content:""}.icon-eye-off:before{content:""}.icon-globe:before{content:""}.icon-hexagon:before{content:""}.icon-minus:before{content:""}.icon-minus-square:before{content:""}.icon-moon:before{content:""}.icon-more-vertical:before{content:""}.icon-plus:before{content:""}.icon-plus-square:before{content:""}.icon-search:before{content:""}.icon-shopping-bag:before{content:""}.icon-sun:before{content:""}.icon-upload:before{content:""}.icon-user:before{content:""}.icon-user-check:before{content:""}.icon-x:before{content:""}.icon-svg:before{content:""}.icon-android:before,.icon-brand:before,.icon-os:before,.icon-mobile:before{content:""}.icon-bulb:before,.icon-lamp:before,.icon-idea:before{content:""}*,:before,:after{box-sizing:border-box;tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}html,body{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}*{outline:none}body{background:var(--bg-color);color:var(--text-color);direction:rtl;font-family:RonioYekanBakh,Arial,Helvetica,sans-serif;line-height:2.5}body::scrollbar{width:10px}body::scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::scrollbar-thumb{background-color:var(--scrollbar);border-radius:1000px;outline:none;overflow:hidden}::selection{color:#fff;background:#3bb9ff}a{color:var(--text-color);text-decoration:none}ul{list-style:none}label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.925rem}input,button,select,textarea{font-family:inherit}.holder{width:100%;max-width:1120px;margin:auto;padding:0 24px}.dynamic-border{background-image:linear-gradient(90deg, var(--dynamic-border-color) 50%, transparent 50%), linear-gradient(90deg, var(--dynamic-border-color) 50%, transparent 50%), linear-gradient(0deg, var(--dynamic-border-color) 50%, transparent 50%), linear-gradient(0deg, var(--dynamic-border-color) 50%, transparent 50%);background-position:0 0,100% 100%,0 100%,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:18px 2px,18px 2px,2px 18px,2px 18px;animation:.75s linear infinite border-dance}@keyframes border-dance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:18px 0,right 18px bottom,left bottom 18px,right top 18px}}.card{background:var(--bg-card);box-shadow:var(--shadow-card)}.page>h1{text-align:center;-webkit-user-select:none;user-select:none;padding:0 0 12px;font-size:1.5rem;display:block}.shine{z-index:0;position:relative;overflow:hidden!important}.shine:after{content:"";z-index:1;background:linear-gradient(90deg,#fff0 0%,#ffffff6c 50%,#80bae800 99%,#7db9e800 100%);width:100%;height:100%;animation:2s infinite slide;position:absolute;top:0;transform:translate(100%)}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}#codebox{color:#e0e0e0;padding:12px;font-size:.925rem}#codebox span{color:#e0e0e0}#codebox span.one{color:#89ddf3}#codebox span.two{color:#f07178}#codebox span.three{color:#ffcb6b}#codebox span.four{color:#c3e88d}#codebox span.five{color:#c792ea}#codebox span.six{color:#8b9ed9}#codebox span.seven{color:#dabb09}#codebox span.eight{color:#69bdb6}#codebox span.nine{color:#82aaff}#codebox span.ten{color:#cd6bcb}#codebox span.eleven{color:#179fff}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:"";box-sizing:border-box;border:4px solid var(--dynamic-border-color);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin-top:-24px;margin-left:-24px;animation:.6s linear infinite spinner;position:absolute;top:50%;left:50%}.shimmer{background-color:var(--shimmer-static-bg);isolation:isolate;position:relative;overflow:hidden}.shimmer:after{z-index:0;content:"";background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.container-palette,.container-gallery{display:grid}.container-palette #ul-sort,.container-gallery #ul-sort{padding-bottom:12px;display:block}.container-palette #ul-sort>li,.container-gallery #ul-sort>li{-webkit-user-select:none;user-select:none;cursor:pointer;padding-left:24px;transition:opacity .15s;display:inline-block}.container-palette #ul-sort>li.active,.container-gallery #ul-sort>li.active{font-weight:700}.container-palette #ul-sort>li:hover,.container-gallery #ul-sort>li:hover{opacity:.75}.container-palette #shimmer-container,.container-gallery #shimmer-container,.container-palette #ul-items,.container-gallery #ul-items{padding:12px 0;display:grid}div.palette-meta{-webkit-user-select:none;user-select:none;grid-template-columns:2fr 1fr;padding:0;display:grid}div.palette-meta>span{padding:16px 0 8px}div.palette-meta>span:first-of-type{justify-content:flex-start;align-items:center;font-size:.925rem;transition:opacity .15s;display:flex}div.palette-meta>span:first-of-type:hover{opacity:.625}div.palette-meta>span:last-of-type{justify-content:flex-end;align-items:center;font-size:.925rem;transition:opacity .15s;display:flex}div.palette-meta>span:last-of-type:hover{opacity:.625}div.palette-meta>span:last-of-type.pending{cursor:wait}div.palette-meta i{padding:0 6px;font-size:1rem}.svg-accent{fill:var(--svg-gallery-accent)!important}.svg-bg{fill:var(--svg-gallery-bg)!important}.svg-fg{fill:var(--svg-gallery-fg)!important}input{color:var(--text-color)}.no-select{-webkit-user-select:none;user-select:none}.no-drag{user-drag:none}.not-found{opacity:.75;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex}.not-found>i{opacity:.425;font-size:8rem}.not-found>span{padding-top:32px;font-size:1rem}#app{flex-direction:column;min-height:100vh;display:flex}.toastify{color:#fff;opacity:0;cursor:pointer;z-index:2147483647;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;max-width:calc(50% - 20px);padding:12px 20px;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);display:inline-block;position:fixed;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d}.toastify.on{opacity:1}.toast-close{opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;width:1.5em;height:1.5em;margin:-7px 5px}.toastify-center{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}@media only screen and (width<=360px){.toastify-right,.toastify-left{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}@media (width>=992px) and (width<=1200px){#main-header>nav{width:100%!important;height:100%!important}.section-home ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}#page-colors-palette-generator .page-content .ColorPickerItem{position:initial;height:max-content}}@media (width>=768px) and (width<=992px){body::scrollbar{width:6px}html{font-size:15px}.holder{max-width:96%;width:96%!important;padding:12px!important}.page-content{padding:0 0 16px!important}#shimmer-container{grid-template-columns:1fr 1fr!important}#container-blog-post #shimmer-container{justify-content:center;grid-template-columns:100%!important}#widgets-gallery-vectors .ColorPickerItem{top:25px;right:50%;transform:translate(50%)}#widgets-gallery-vectors li:nth-of-type(2){aspect-ratio:1;height:unset!important}#main-header{background-color:var(--bg-card);height:60px;box-shadow:var(--shadow-card);border-bottom-right-radius:2px;border-bottom-left-radius:2px;padding:8px 0;top:0!important}#main-header>nav{background-color:unset!important;width:100%!important;height:100%!important;box-shadow:unset!important;border:unset!important;-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important}div#global-content-container .section-home ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}div#global-content-container #page-colors-palette-generator .page-content>section:first-of-type{grid-template-columns:1fr 2fr}div#global-content-container #page-colors-palette-generator .page-content>section:first-of-type>div:first-of-type .ColorPickerItem{position:initial;height:max-content}div#global-content-container #page-mesh-generator .page-content{grid-template-columns:2fr 5fr}div#global-content-container #page-shadow-generator .page-content{grid-template-columns:2fr 3fr}div#global-content-container #page-shadow-generator .page-content>div:last-of-type div:first-of-type{grid-template-columns:repeat(8,1fr)}div#global-content-container #page-shadow-generator .page-content>div:last-of-type div:last-of-type div{width:80%}div#global-content-container #page-glassmorphism-generator .page-content section{grid-template-columns:2fr 4fr}div#global-content-container #page-glassmorphism-generator .page-content section>div:last-of-type>div{overflow-x:hidden}div#global-content-container #page-gradient-generator .page-content section:first-of-type>div:first-of-type div:not(.slide){aspect-ratio:unset;height:100%}div#global-content-container #page-gradient-generator .page-content section:first-of-type>div:last-of-type>div:nth-of-type(3){margin:50px 0 30px}div#global-content-container #page-gradient-generator .page-content section:first-of-type>div:last-of-type section>div{width:32%}div#global-content-container #page-meshes-palette .container-palette #ul-sort,div#global-content-container #page-colors-palette .container-palette #ul-sort,div#global-content-container #container-palette-gradients #ul-sort,div#global-content-container #page-gallery-vectors #ul-sort,div#global-content-container #container-blog #ul-sort,div#global-content-container .container-gallery #ul-sort,div#global-content-container #container-palette-gradients-picker #ul-sort{justify-content:space-around;display:flex}div#global-content-container #page-meshes-palette .container-palette #ul-items,div#global-content-container #page-colors-palette .container-palette #ul-items,div#global-content-container #container-palette-gradients #ul-items,div#global-content-container #page-gallery-vectors #ul-items,div#global-content-container #container-blog #ul-items,div#global-content-container .container-gallery #ul-items,div#global-content-container #container-palette-gradients-picker #ul-items,div#global-content-container #page-material-palette .page-content>div,div#global-content-container #page-material-palette .page-content>div>ul{grid-template-columns:1fr 1fr}footer>.holder{margin-top:60px;margin-bottom:16px}}@media only screen and (width<=768px){#header-home{height:50vh}body::scrollbar{width:3px}html{font-size:14px}.holder{width:96%!important;padding:12px!important}.page-content{padding:0 0 16px!important}#shimmer-container{justify-content:center;grid-template-columns:90%!important}.ColorPickerSection{position:relative}.ColorPickerSection .ColorPickerItem{top:100%}#widgets-gallery-vectors .ColorPickerItem{top:25px;right:50%;transform:translate(50%)}#widgets-gallery-vectors li:first-of-type input{background:var(--bg-card);width:100vw;height:40px;display:block;position:fixed;top:45px;left:0}#widgets-gallery-vectors li:nth-of-type(2){aspect-ratio:1;height:unset!important}#main-header{background-color:var(--bg-card);height:52px;box-shadow:var(--shadow-card);border-bottom-right-radius:2px;border-bottom-left-radius:2px;padding:8px 0;top:0!important}#main-header>nav{width:100%!important;height:100%!important;box-shadow:unset!important;border:unset!important;-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background-color:#0000!important}#main-header>nav>a span{display:none}#main-header>nav>a i{font-size:1.75rem}div#global-content-container{padding-top:60px!important}div#global-content-container .section-home ul{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}div#global-content-container #page-colors-palette-generator .page-content>ul{grid-template-columns:92%;width:100%;display:grid}div#global-content-container #page-colors-palette-generator .page-content>ul>li{width:92%;margin:0 auto}div#global-content-container #page-colors-palette-generator .page-content>section:first-of-type{grid-template-columns:1fr}div#global-content-container #page-colors-palette-generator .page-content>section:first-of-type>div:first-of-type .ColorPickerItem{position:initial}div#global-content-container #page-colors-palette-generator .page-content>section:first-of-type>div:last-of-type>ul{grid-template-columns:repeat(3,1fr)}div#global-content-container #page-colors-palette-generator .page-content>section:last-of-type>div{flex-direction:column;row-gap:12px}div#global-content-container #page-colors-palette-generator .page-content>section:last-of-type>div p{text-align:center}div#global-content-container #page-colors-palette-generator .page-content>section:last-of-type>div button{width:100%}div#global-content-container #page-image-extractor .page-content{grid-template-columns:1fr}div#global-content-container #page-image-extractor .page-content ul{grid-template-columns:repeat(5,1fr)!important}div#global-content-container #page-image-extractor .page-content>.dynamic-border:first-of-type{padding:16px}div#global-content-container #page-image-extractor .page-content>.dynamic-border:first-of-type p{text-align:center;padding:0!important}div#global-content-container #page-gallery-3D #ul-items>li.active>div>div:last-child{grid-template-columns:1fr}div#global-content-container #page-gallery-fonts #ul-items>li.active>div>div:first-child{flex-direction:column}div#global-content-container #page-shadow-generator .page-content{grid-template-columns:unset;grid-template-areas:"preview""options"}div#global-content-container #page-shadow-generator .page-content #downloads{margin-top:16px}div#global-content-container #page-shadow-generator .page-content>div:first-of-type{grid-area:options}div#global-content-container #page-shadow-generator .page-content>div:last-of-type{grid-area:preview}div#global-content-container #page-shadow-generator .page-content>div:last-of-type>div:first-of-type{grid-template-columns:repeat(6,1fr)}div#global-content-container #page-shadow-generator .page-content>div:last-of-type>div:last-of-type div{width:100%}div#global-content-container #page-mesh-generator .page-content{grid-template-areas:"preview""options";grid-template-columns:unset}div#global-content-container #page-mesh-generator .page-content #downloads{margin-top:16px}div#global-content-container #page-mesh-generator .page-content>div:first-of-type{grid-area:options}div#global-content-container #page-mesh-generator .page-content>div:last-of-type{grid-area:preview}div#global-content-container #page-mesh-generator .page-content>div:last-of-type section>div{flex-direction:column;row-gap:12px}div#global-content-container #page-mesh-generator .page-content>div:last-of-type section>div p{text-align:center}div#global-content-container #page-mesh-generator .page-content>div:last-of-type section>div button{width:100%}div#global-content-container #page-mesh-generator .page-content>div:last-of-type>div:first-of-type{grid-template-columns:repeat(5,1fr)}div#global-content-container #page-border-radius-generator .page-content div #board{width:70%}div#global-content-container #page-glassmorphism-generator .page-content section>div:last-child>div{overflow-x:hidden}div#global-content-container #page-glassmorphism-generator .page-content section,div#global-content-container #page-blob-generator .page-content{grid-template-columns:unset;grid-template-areas:"preview""options"}div#global-content-container #page-glassmorphism-generator .page-content section>div:first-of-type,div#global-content-container #page-blob-generator .page-content>div:first-of-type{grid-area:options}div#global-content-container #page-glassmorphism-generator .page-content section>div:last-of-type,div#global-content-container #page-blob-generator .page-content>div:last-of-type{grid-area:preview}div#global-content-container #page-glassmorphism-generator .page-content section>div:last-of-type>div>div:last-of-type,div#global-content-container #page-blob-generator .page-content>div:last-of-type>div>div:last-of-type{width:90%;aspect-ratio:unset;height:max-content;padding:16px}div#global-content-container #page-glassmorphism-generator .page-content section>div:last-of-type>div>div:last-of-type>i,div#global-content-container #page-blob-generator .page-content>div:last-of-type>div>div:last-of-type>i{font-size:3rem}div#global-content-container #page-glassmorphism-generator .page-content section>div:last-of-type>div>div:last-of-type p,div#global-content-container #page-blob-generator .page-content>div:last-of-type>div>div:last-of-type p{font-size:.85rem}div#global-content-container #page-gradient-generator .page-content section:first-of-type,div#global-content-container #page-gradient-generator .page-content section:first-of-type>div:last-of-type>div:first-of-type,div#global-content-container #page-gradient-generator .page-content section:first-of-type>div:last-of-type>div:nth-of-type(2){grid-template-columns:1fr}div#global-content-container #page-gradient-generator .page-content section:first-of-type>div:last-of-type>div:nth-of-type(3){margin:60px 0 40px}div#global-content-container #page-gradient-generator .page-content section:first-of-type>div:last-of-type section>div{width:40%}div#global-content-container #page-gradient-generator .page-content section:nth-of-type(2)>div{flex-direction:column;row-gap:12px}div#global-content-container #page-gradient-generator .page-content section:nth-of-type(2)>div p{text-align:center}div#global-content-container #page-gradient-generator .page-content section:nth-of-type(2)>div button{width:100%}div#global-content-container #container-blog-post>article{margin-top:16px;padding:16px}div#global-content-container #container-blog-post>article>div:first-of-type{align-items:flex-start;gap:8px!important}div#global-content-container #container-blog-post>article>div:first-of-type time{font-size:.8rem}div#global-content-container #container-blog-post>article>div:first-of-type time+a{transform:scale(.9)}div#global-content-container #container-blog-post>article>div:first-of-type h1{padding:0 16px;font-size:.9rem}div#global-content-container #container-blog-post>article>div:first-of-type h1:before{left:0;right:0}div#global-content-container #container-blog-post #shimmer-container{justify-content:center;grid-template-columns:100%!important}div#global-content-container #page-meshes-palette .container-palette #ul-sort,div#global-content-container #page-colors-palette .container-palette #ul-sort,div#global-content-container #container-palette-gradients #ul-sort,div#global-content-container #container-blog #ul-sort,div#global-content-container #page-gallery-vectors #ul-sort,div#global-content-container .container-gallery #ul-sort,div#global-content-container #container-palette-gradients-picker #ul-sort{justify-content:space-around;font-size:1.15rem;display:flex}div#global-content-container #page-meshes-palette .container-palette #ul-items,div#global-content-container #page-colors-palette .container-palette #ul-items,div#global-content-container #container-palette-gradients #ul-items,div#global-content-container #container-blog #ul-items,div#global-content-container #page-gallery-vectors #ul-items,div#global-content-container .container-gallery #ul-items,div#global-content-container #container-palette-gradients-picker #ul-items{grid-template-columns:90%!important;justify-content:center!important}div#global-content-container #page-gallery-vectors #ul-items>li.active{grid-template-columns:1fr}div#global-content-container #page-gallery-vectors #ul-items>li.active>div:last-child{-moz-column-gap:16px;column-gap:16px;align-items:unset;grid-template-columns:1fr 1fr;display:grid}div#global-content-container #page-gallery-vectors #ul-items>li.active>div:last-child button{width:unset;margin:10px 0;padding:6px}div#global-content-container #page-material-palette .page-content>ul{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(7,1fr)}div#global-content-container #page-material-palette .page-content>div{grid-template-areas:"application""colors";grid-template-columns:unset;row-gap:32px}div#global-content-container #page-material-palette .page-content>div>ul{grid-area:colors;grid-template-columns:repeat(2,1fr)}div#global-content-container #page-material-palette .page-content>div>aside{grid-area:application}div#global-content-container #page-material-palette .page-content>div>aside #application{padding-bottom:unset}div#global-content-container #page-material-palette .page-content>div>aside #application>div>span{padding:2px 32px 0}div#global-content-container #page-material-palette .page-content>div>aside #application>div>p{padding:0 32px 24px}div#global-content-container #page-material-palette .page-content>div>aside #application>i{font-size:1.5rem}div#global-content-container section.code-section{grid-template-columns:1fr;max-width:100%;padding:16px}div#global-content-container section.code-section #codebox{overflow-wrap:anywhere;max-width:100%;word-break:break-word!important}div#global-content-container .guide{flex-direction:column;row-gap:16px}div#global-content-container .guide>p{padding:0 16px}div#global-content-container .guide>i{padding:0!important}footer a{top:-24px}footer>.holder{margin-top:60px;margin-bottom:16px}footer>.holder div{grid-template-areas:"about about""items projects";grid-row:16px;grid-template-columns:unset!important}footer section:first-of-type{grid-area:about;margin-bottom:16px}footer section:nth-of-type(2){grid-area:items}footer section:last-of-type{grid-area:projects}.not-found span{text-align:center}}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}html{scroll-padding-top:144px}[hidden]{display:none!important}.skip-link{z-index:1000;background:var(--bg-card);padding:8px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.route-loading{text-align:center;min-height:50vh;padding:48px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}