footer[data-v-32256ebe]{background:var(--accent);color:#fff;border-top:10px solid var(--footer-border-top);margin-top:96px;display:block;position:relative}footer>svg[data-v-32256ebe]{position:absolute;top:-11px;left:50%;transform:translate(-50%)}footer>a[data-v-32256ebe]{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-32256ebe]{padding:0 16px;font-size:3rem}footer>a>span[data-v-32256ebe]{font-size:2rem;font-weight:700}footer>a[data-v-32256ebe]:hover{opacity:.625}footer>div[data-v-32256ebe]{padding-top:64px;padding-bottom:24px;display:grid}footer>div>div[data-v-32256ebe]{grid-gap:0 64px;grid-template-columns:1fr 1fr 1fr;padding:16px 0;font-size:.925rem;display:grid}footer>div>div h4[data-v-32256ebe]{padding:0;font-size:1rem;display:block}footer>div>div p[data-v-32256ebe]{font-size:1rem}footer>div>div ul[data-v-32256ebe]{padding-inline-start:18px;display:grid}footer>div>div ul li[data-v-32256ebe]{position:relative}footer>div>div ul li[data-v-32256ebe]: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-32256ebe]{color:#fff;padding:4px 0;font-size:1rem;transition:opacity .15s;display:block}footer>div>div ul li a[data-v-32256ebe]:hover{opacity:.75}footer>div>a#developix-watermark[data-v-32256ebe]{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-32256ebe]:hover{opacity:.625}footer>div>a#ronio-version[data-v-32256ebe]{color:#fff;justify-content:center;align-items:center;padding:16px 0;transition:opacity .15s;display:flex}footer>div>a#ronio-version[data-v-32256ebe]: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{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-0080279a]{cursor:pointer;align-items:center;height:100%;padding:0 8px;font-size:1.25rem;display:inline-flex}ul li[data-v-0080279a]:first-child{transition:opacity .15s}ul li[data-v-0080279a]:first-child:hover{opacity:.75}ul li:first-child input[data-v-0080279a]{text-align:center;background:0 0;border:none;outline:none;width:128px;display:block}ul li:first-child>i[data-v-0080279a]{justify-content:center;align-items:center;height:100%;display:flex}#widgets-gallery-vectors .ColorPickerSection span{aspect-ratio:1}#main-header[data-v-5e00a79f]{z-index:100;width:100%;position:fixed;top:32px}#main-header>nav[data-v-5e00a79f]{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-5e00a79f]{align-items:center;padding:0 6px;transition:opacity .15s;display:flex}#main-header>nav>a>i[data-v-5e00a79f]{color:var(--accent);height:100%;padding:6px;font-size:2rem}#main-header>nav>a>span[data-v-5e00a79f]{padding:0 6px;font-size:1.5rem;font-weight:700}#main-header>nav>a[data-v-5e00a79f]:hover{opacity:.75}#main-header>nav>ul#supermenu[data-v-5e00a79f]{flex-grow:1;display:inline-block}#main-header>nav>ul#supermenu>li[data-v-5e00a79f]{opacity:.75;transition:opacity .15s;display:inline-block}#main-header>nav>ul#supermenu>li[data-v-5e00a79f]:hover{opacity:1}#main-header>nav>ul#supermenu>li>a[data-v-5e00a79f],#main-header>nav>ul#supermenu>li span[data-v-5e00a79f]{padding:0 4px;font-size:1rem;display:block}#main-header>nav>ul#widgets[data-v-5e00a79f]{align-items:center;height:100%;display:inline-flex}#main-header>nav>ul#widgets>li[data-v-5e00a79f]{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-5e00a79f]:hover{opacity:.625}#main-header>nav>ul#widgets>li#switch-country[data-v-5e00a79f]{font-size:1.625rem}#main-header>nav>ul#widgets>li#switch-country>a[data-v-5e00a79f]{align-items:center;height:100%;display:flex}#main-header>nav>ul#widgets>li#dpx-profile[data-v-5e00a79f]{justify-content:center;align-items:center;display:flex;overflow:hidden}#main-header>nav>ul#widgets>li#dpx-profile>img[data-v-5e00a79f]{border:2px solid var(--color);border-radius:50%;width:1.825rem;height:auto;display:block}#main-header.scroll>nav[data-v-5e00a79f]{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-5e00a79f]{align-items:center;height:100%;margin-left:4px;padding-left:8px;display:inline-flex;position:relative}.extra-section[data-v-5e00a79f]:before{content:"";background-color:var(--header-border-extra-section);border-radius:100px;width:4px;height:80%;position:absolute;left:0;overflow:hidden}div#global-content-container[data-v-448ba662]{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}}div.page-content[data-v-78279ae9]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-78279ae9],div.page-content #ul-items[data-v-78279ae9]{grid-gap:24px;grid-template-columns:1fr 1fr 1fr}div.page-content #shimmer-container>li[data-v-78279ae9],div.page-content #ul-items>li[data-v-78279ae9]{border-radius:12px}div.page-content #shimmer-container>li[data-v-78279ae9]{aspect-ratio:4/3}#container-blog #ul-items>li{transition:background-color .15s}#container-blog #ul-items>li:hover{background-color:var(--bg-card-hover)}#container-blog #ul-items>li>a{border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:12px;display:flex}#container-blog #ul-items>li>a>img{border-radius:inherit;width:100%;display:block}#container-blog #ul-items>li>a>h2{padding-top:12px;font-size:1.125rem}#container-blog #ul-items>li>a>div{opacity:.75;justify-content:space-between;align-items:center;width:100%;display:flex}#container-blog #ul-items>li>a>div>span{font-size:.875rem}#container-blog #ul-items>li>a>div>h3{font-size:.875rem;font-weight:400}div.page-content[data-v-3d20ef32]{padding:16px 0;display:grid}#content[data-v-3d20ef32]{text-align:justify;padding:24px 0 0}div.page-content[data-v-6f6dd9a5]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-6f6dd9a5],div.page-content #ul-items[data-v-6f6dd9a5]{grid-template-columns:1frr}div.page-content #shimmer-container>li[data-v-6f6dd9a5],div.page-content #ul-items>li[data-v-6f6dd9a5]{border-radius:12px}div.page-content #shimmer-container>li[data-v-6f6dd9a5]{aspect-ratio:1}#container-blog-post>article{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}#container-blog-post>article>div:first-child{justify-content:space-between;align-items:center;width:100%;display:flex}#container-blog-post>article>div:first-child>a{transition:color .15s}#container-blog-post>article>div:first-child>a:hover{color:var(--accent-blog)}#container-blog-post>article>div:first-child>a>h1{font-size:1.25rem;position:relative}#container-blog-post>article>div:first-child>a>h1:before{content:"";background:var(--accent-blog);opacity:.625;width:8px;height:100%;position:absolute;right:-24px}#container-blog-post>article>div:first-child>div{justify-content:center;align-items:center;gap:12px;display:flex}#container-blog-post>article>div:first-child>div a{background-color:var(--accent-blog);color:#fff;text-shadow:2px 2px 2px #00000020;opacity:.75;border-radius:8px;padding:0 12px;font-size:.825rem;transition:opacity .15s}#container-blog-post>article>div:first-child>div a:hover{opacity:1}#container-blog-post>article>div:first-child>div>time{font-size:.925rem}#container-blog-post>article>img{border-radius:inherit;width:100%;margin:24px 0;display:block}#content{font-size:1rem}#content ul{padding-inline-start:32px;padding-top:6px;padding-bottom:6px}#content ul>li{position:relative}#content ul>li:before{content:"";background:var(--accent-blog);border-radius:3px;width:12px;height:12px;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}#content p{padding:4px 0}#content h2{padding:4px 0 0;font-size:1.1325rem}#content h3{padding:4px 0 0;font-size:1.0825rem}#content a{border-bottom:1px solid;padding-bottom:2px;transition:color .15s,border-color .15s}#content a:hover{color:var(--accent-blog)}div.page-content[data-v-feffebf2]{padding:16px 0;display:grid}div.page-content>div[data-v-feffebf2]{justify-content:center;align-items:center;display:flex}div.page-content>div svg[data-v-feffebf2]{width:70%;display:block}div.page-content[data-v-1cfabcf0]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-1cfabcf0],div.page-content #ul-items[data-v-1cfabcf0]{grid-gap:18px}div.page-content #shimmer-container>li[data-v-1cfabcf0],div.page-content #ul-items>li[data-v-1cfabcf0]{border-radius:12px}div.page-content #shimmer-container[data-v-1cfabcf0]{grid-template-columns:1fr 1fr 1fr}div.page-content #shimmer-container>li[data-v-1cfabcf0]{aspect-ratio:4/3}#page-gallery-3D #ul-items{grid-auto-flow:dense;grid-template-columns:1fr 1fr 1fr}#page-gallery-3D #ul-items>li{background-color:var(--bg-card);border:1px solid var(--border-gallery-vectors);text-align:center;cursor:pointer;transition:opacity .15s;display:block;position:relative;overflow:hidden}#page-gallery-3D #ul-items>li.active{aspect-ratio:unset;cursor:default;grid-gap:24px;grid-column:1/-1;display:grid}#page-gallery-3D #ul-items>li.active>div>div:first-child{margin:0;padding:0;position:relative}#page-gallery-3D #ul-items>li.active>div>div:first-child>canvas{aspect-ratio:16/9!important;width:100%!important;height:auto!important}#page-gallery-3D #ul-items>li.active>div>div:last-child{grid-gap:12px;direction:rtl;grid-template-columns:1fr 4fr;padding:16px;display:grid}#page-gallery-3D #ul-items>li.active>div>div:last-child>div:first-child{justify-content:center;align-items:flex-start;display:flex}#page-gallery-3D #ul-items>li.active>div>div:last-child>div:first-child>button{width:100%;box-shadow:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;margin-bottom:12px;padding:12px 0;font-size:.925rem;transition:opacity .15s}#page-gallery-3D #ul-items>li.active>div>div:last-child>div:first-child>button:hover{opacity:.875}#page-gallery-3D #ul-items>li.active>div>div:last-child>div:first-child>button:disabled{opacity:.425;pointer-events:none;cursor:wait}#page-gallery-3D #ul-items>li.active>div>div:last-child>div:last-child{grid-gap:12px;grid-template-columns:1fr;display:grid}#page-gallery-3D #ul-items>li:not(.active):hover{opacity:.875}#page-gallery-3D #ul-items>li>img{width:100%;height:100%;display:block}div[data-v-781b9db3]{margin:0;padding:0;display:block}div>label[data-v-781b9db3]{text-align:center;display:block}div>input[data-v-781b9db3]{width:100%;box-shadow:none;border:1px solid var(--input-border-color);color:var(--text-color);background:0 0;border-radius:6px;outline:none;padding:6px;font-family:inherit;font-size:.925rem;transition:border-color .15s;display:block}div>input[data-v-781b9db3]:focus{border-color:var(--accent)}div>input.center[data-v-781b9db3]{text-align:center}div>input.right[data-v-781b9db3]{text-align:right}div>input.left[data-v-781b9db3]{text-align:left}section[data-v-2a4b53f5]{margin:0;padding:0;display:block}section>label[data-v-2a4b53f5]{text-align:center;display:block}section>select[data-v-2a4b53f5]{width:100%;box-shadow:none;border:1px solid var(--input-border-color);color:var(--text-color);cursor:pointer;text-indent:1px;text-overflow:"";background:0 0;border-radius:6px;outline:none;padding:6px;font-family:inherit;font-size:.925rem;transition:border-color .15s;display:block}section>select[data-v-2a4b53f5]:focus{border-color:var(--accent)}section>select.center[data-v-2a4b53f5]{text-align:center;text-align-last:center}section>select.center>option[data-v-2a4b53f5]{text-align:center}section>select.right[data-v-2a4b53f5]{text-align:right;text-align-last:right}section>select.right>option[data-v-2a4b53f5]{text-align:right}section>select.left[data-v-2a4b53f5]{text-align:left;text-align-last:left}section>select.left>option[data-v-2a4b53f5]{text-align:left}div.page-content[data-v-07814858]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-07814858],div.page-content #ul-items[data-v-07814858]{grid-gap:18px}div.page-content #shimmer-container>li[data-v-07814858],div.page-content #ul-items>li[data-v-07814858]{border-radius:12px}div.page-content #shimmer-container[data-v-07814858]{grid-template-columns:1fr 1fr 1fr 1fr}div.page-content #shimmer-container>li[data-v-07814858]{aspect-ratio:1}#page-gallery-fonts #ul-items{grid-auto-flow:dense;grid-template-columns:1fr 1fr 1fr 1fr}#page-gallery-fonts #ul-items>li{background-color:var(--bg-card);border:1px solid var(--border-gallery-vectors);text-align:center;cursor:pointer;aspect-ratio:1;transition:opacity .15s;display:block;position:relative;overflow:hidden}#page-gallery-fonts #ul-items>li:not(.active)>div{flex-direction:column;width:100%;height:100%;padding:0 16px;display:flex}#page-gallery-fonts #ul-items>li:not(.active)>div div{flex-grow:1;justify-content:center;align-items:center;display:flex}#page-gallery-fonts #ul-items>li:not(.active)>div div svg{width:100%;display:block}#page-gallery-fonts #ul-items>li:not(.active)>div div svg *{fill:var(--gallery-fonts-fill)!important}#page-gallery-fonts #ul-items>li:not(.active)>div>h2{padding-bottom:8px;font-size:1.125rem}#page-gallery-fonts #ul-items>li.active{aspect-ratio:unset;cursor:default;grid-column:1/-1}#page-gallery-fonts #ul-items>li.active>div{flex-direction:column;padding:12px 24px;display:flex;position:relative}#page-gallery-fonts #ul-items>li.active>div>div:first-child{border-bottom:2px solid var(--border-font-tools);justify-content:space-between;align-items:center;width:100%;padding-bottom:8px;display:flex}#page-gallery-fonts #ul-items>li.active>div>div:first-child>h2{align-items:center;font-size:1.325rem;display:flex}#page-gallery-fonts #ul-items>li.active>div>div:first-child>h2>i{padding:0 0 0 6px}#page-gallery-fonts #ul-items>li.active>div>div:first-child>a{background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 24px;font-size:.925rem;transition:opacity .15s;display:flex}#page-gallery-fonts #ul-items>li.active>div>div:first-child>a:hover{opacity:.875}#page-gallery-fonts #ul-items>li.active>div>div:nth-child(2){justify-content:center;align-items:center;min-height:256px;padding:12px 0;display:flex;position:relative}#page-gallery-fonts #ul-items>li.active>div>div:nth-child(2) img{width:100%;height:auto;filter:var(--gallery-fonts-filter);cursor:none;pointer-events:none;display:block}#page-gallery-fonts #ul-items>li.active>div>div:nth-child(3){border-top:2px solid var(--border-font-tools);justify-content:space-between;align-items:center;gap:24px;padding-top:8px;display:flex}#page-gallery-fonts #ul-items>li.active>div>div:nth-child(3) div:first-child{flex-grow:1}#page-gallery-fonts #ul-items>li:not(.active):hover{background-color:var(--bg-card-hover)}div.page-content[data-v-77ec5722]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-77ec5722],div.page-content #ul-items[data-v-77ec5722]{grid-gap:18px}div.page-content #shimmer-container>li[data-v-77ec5722],div.page-content #ul-items>li[data-v-77ec5722]{border-radius:12px}div.page-content #shimmer-container[data-v-77ec5722]{grid-template-columns:1fr 1fr 1fr 1fr}div.page-content #shimmer-container>li[data-v-77ec5722]{aspect-ratio:1}#page-gallery-vectors #ul-items{grid-auto-flow:dense;grid-template-columns:1fr 1fr 1fr 1fr}#page-gallery-vectors #ul-items>li{background-color:var(--bg-card);border:1px solid var(--border-gallery-vectors);text-align:center;cursor:pointer;aspect-ratio:1;padding:15%;transition:background-color .15s;display:block;position:relative}#page-gallery-vectors #ul-items>li.active{aspect-ratio:unset;cursor:default;grid-gap:24px;grid-column:1/-1;grid-template-columns:3fr 2fr;padding:24px;display:grid}#page-gallery-vectors #ul-items>li.active>div:last-child{flex-direction:column;justify-content:center;align-items:center;display:flex}#page-gallery-vectors #ul-items>li.active>div:last-child>button{text-align:center;background:var(--bg-vectors-download-btn);width:60%;box-shadow:none;color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;margin:16px 0;padding:12px 0;font-weight:700;transition:opacity .15s}#page-gallery-vectors #ul-items>li.active>div:last-child>button:hover{opacity:.75}#page-gallery-vectors #ul-items>li:not(.active):hover{background-color:var(--bg-card-hover)}#page-gallery-vectors #ul-items>li>div:first-of-type{text-align:center;aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex}#page-gallery-vectors #ul-items>li>div:first-of-type>svg{max-width:100%;height:auto;max-height:100%;display:block}.container-gallery #no-item-found{justify-content:center;align-items:center;display:flex}.container-gallery #no-item-found svg{width:70%}header[data-v-78c4a200]{z-index:0;height:768px;display:block;position:relative}header>p[data-v-78c4a200]{z-index:100;text-align:center;z-index:5;background:var(--header-hero-fade-top);pointer-events:none;width:100%;padding-top:24px;font-size:1.25rem;font-weight:700;display:block;position:absolute}header>canvas[data-v-78c4a200]{z-index:1;width:100%;height:100%;position:relative}header[data-v-78c4a200]:before{content:"";background:var(--header-hero-fade-bottom);z-index:1;pointer-events:none;height:25%;position:absolute;bottom:0;left:0;right:0}header[data-v-78c4a200]:after{content:"";background:var(--header-hero-fade-bottom);z-index:1;pointer-events:none;height:35%;position:absolute;bottom:0;left:0;right:0}section[data-v-5bf15401]{border-radius:12px;margin-top:48px;display:block;position:relative}section>h2[data-v-5bf15401]{-webkit-user-select:none;user-select:none;background:var(--bg-color);z-index:1;align-items:center;padding:0 16px;font-size:1.425rem;display:block;position:absolute;top:0;right:32px;transform:translateY(-50%)}section>ul[data-v-5bf15401]{grid-gap:16px;z-index:10;grid-template-columns:1fr 1fr 1fr 1fr;padding:32px 16px;display:grid;position:relative}section>ul>li[data-v-5bf15401]{border-radius:12px;transition:background-color .15s}section>ul>li.soon[data-v-5bf15401]{pointer-events:none;position:relative}section>ul>li.soon span[data-v-5bf15401]{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variation-settings:"wght" 600;color:#fff;text-shadow:2px 2px #0000009f;-webkit-user-select:none;user-select:none;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex;position:absolute;overflow:hidden}section>ul>li>a[data-v-5bf15401]{flex-direction:column;padding:12px 0;display:flex}section>ul>li>a>div[data-v-5bf15401]{flex-grow:1;justify-content:center;align-items:center;padding:24px 0;display:flex}section>ul>li>a>div svg[data-v-5bf15401]{width:30%}section>ul>li>a>h3[data-v-5bf15401]{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.125rem;display:flex}section>ul>li[data-v-5bf15401]:hover{background:var(--bg-card-hover)}div[data-v-b1fb7f31]{background-color:var(--guide-bg);color:var(--guide-color);border:1px solid var(--guide-border);border-radius:12px;align-items:center;margin:24px 0;padding:24px 0;display:flex}div>i[data-v-b1fb7f31]{padding-right:24px;font-size:2rem}div>p[data-v-b1fb7f31]{text-align:justify;flex-grow:1;padding:0 24px;font-size:.925rem}li.card[data-v-dd854ed5]{transition:background-color .15s}li.card>a[data-v-dd854ed5]{padding:12px;line-height:normal;display:block}li.card>a>ul[data-v-dd854ed5]{grid-gap:0;direction:rtl;border-radius:12px;grid-template-rows:1fr;grid-template-columns:repeat(5,1fr);line-height:normal;display:grid;overflow:hidden}li.card>a>ul li[data-v-dd854ed5]{content:"";aspect-ratio:4/3;line-height:normal;display:inline-block}li.card[data-v-dd854ed5]:hover{background-color:var(--bg-card-hover)}div.page-content[data-v-e7dcc68a]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-e7dcc68a],div.page-content #ul-items[data-v-e7dcc68a]{grid-gap:24px;grid-template-columns:1fr 1fr 1fr}div.page-content #shimmer-container>li[data-v-e7dcc68a],div.page-content #ul-items>li[data-v-e7dcc68a]{border-radius:12px}div.page-content #shimmer-container>li[data-v-e7dcc68a]{aspect-ratio:21/16}li.card[data-v-a9ad82fe]{transition:background-color .15s}li.card>a[data-v-a9ad82fe]{padding:12px;line-height:normal;display:block}li.card>a>div[data-v-a9ad82fe]:first-child{aspect-ratio:16/9;border-radius:12px;width:100%;display:block}li.card>a>ul[data-v-a9ad82fe]{direction:ltr;justify-content:space-between;align-items:center;padding:16px 0 4px;display:flex}li.card>a>ul>li[data-v-a9ad82fe]{content:"";aspect-ratio:1;width:6%;box-shadow:var(--shadow-card);border-radius:50% 0% 50% 50%;transition:opacity .15s}li.card>a>ul>li[data-v-a9ad82fe]:hover{opacity:.625}li.card[data-v-a9ad82fe]:hover{background-color:var(--bg-card-hover)}div.page-content[data-v-50adab31]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-50adab31],div.page-content #ul-items[data-v-50adab31]{grid-gap:24px;grid-template-columns:1fr 1fr 1fr}div.page-content #shimmer-container>li[data-v-50adab31],div.page-content #ul-items>li[data-v-50adab31]{border-radius:12px}div.page-content #shimmer-container>li[data-v-50adab31]{aspect-ratio:21/16}div.page-content[data-v-c9550b49]{padding:16px 0;display:grid}div.page-content #ul-items[data-v-c9550b49]{grid-gap:24px;grid-template-columns:1fr 1fr 1fr}div.page-content #ul-items>li[data-v-c9550b49]{border-radius:12px}#container-palette-gradients-picker ul#ul-items>li{transition:background-color .15s;overflow:hidden}#container-palette-gradients-picker ul#ul-items>li:hover{background-color:var(--bg-card-hover)}#container-palette-gradients-picker ul#ul-items>li>a{padding:12px;display:block}#container-palette-gradients-picker ul#ul-items>li>a>div{aspect-ratio:16/9;border-radius:12px;width:100%;display:block}#container-palette-gradients-picker ul#ul-items>li>a>h2{text-align:center;padding:12px 0 0;font-size:1.125rem;display:block}section.code-section{grid-gap:24px;border-radius:12px;grid-template-columns:auto 1fr;margin:24px 0 0;padding:24px;display:grid}section.code-section>ul{flex-direction:column;grid-template-columns:1fr;display:flex}section.code-section>ul>li{cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;margin-bottom:12px;padding:6px 16px;font-size:.925rem;transition:background-color .15s,color .15s;display:flex}section.code-section>ul>li>i{padding-left:6px;font-size:1rem}section.code-section>ul>li:hover{background:var(--code-section-li-hover-bg)}section.code-section>ul>li.active{background:var(--code-section-li-active-bg);color:var(--code-section-li-active-color)}div.codebox-container{background-color:var(--code-section-code-bg);border-radius:12px;position:relative}div.codebox-container>i{cursor:pointer;color:var(--code-section-copy-accent);border:1px solid var(--code-section-copy-accent);background:var(--code-section-code-bg);border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background-color .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}div.codebox-container>i:hover{color:#fff;background-color:var(--code-section-copy-accent)}div.codebox-container>div{cursor:text;word-break:break-all;direction:ltr;text-align:left!important}div.page-content[data-v-621db7a4]{padding:16px 0;display:grid}div.page-content>ul[data-v-621db7a4]{box-shadow:var(--shadow-card);direction:ltr;background:#fff;border:2px solid #fff;border-radius:8px;grid-template-columns:repeat(14,1fr);margin-bottom:24px;display:grid;overflow:hidden}div.page-content>ul>li[data-v-621db7a4]{color:#fff;text-shadow:1px 1px #0000009f;cursor:pointer;justify-content:center;align-items:center;font-size:1rem;transition:opacity .15s;display:flex}div.page-content>ul>li[data-v-621db7a4]:hover{opacity:.75}div.page-content>div[data-v-621db7a4]{grid-gap:16px;grid-template-columns:4fr 2fr;display:grid}div.page-content>div>ul[data-v-621db7a4]{grid-gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;display:grid}div.page-content>div>ul>li[data-v-621db7a4]{aspect-ratio:1;box-shadow:var(--shadow-card), inset 0 0 0 2px white;color:#fff;border:6px solid #0000;border-radius:15px;flex-direction:column;transition:opacity .15s;display:flex;overflow:hidden}div.page-content>div>ul>li>span[data-v-621db7a4]{text-shadow:1px 1px #00000053;cursor:pointer;flex-grow:1;justify-content:center;align-items:center;font-weight:700;display:flex}div.page-content>div>ul>li>ul[data-v-621db7a4]{grid-template-columns:1fr 1fr;display:grid}div.page-content>div>ul>li>ul li[data-v-621db7a4]{text-align:center;cursor:pointer;font-size:.875rem}div.page-content>div>ul>li.active[data-v-621db7a4]{box-shadow:var(--shadow-deep), inset 0 0 0 2px white;border-color:#fff}div.page-content>div>ul>li.primary[data-v-621db7a4]{border-color:#fff}div.page-content>div>ul>li.primary>ul li[data-v-621db7a4]:first-of-type{color:#252525;background-color:#fff}div.page-content>div>ul>li.accent[data-v-621db7a4]{border-color:#fff}div.page-content>div>ul>li.accent>ul li[data-v-621db7a4]:last-of-type{color:#252525;background-color:#fff}div.page-content>div>ul>li[data-v-621db7a4]:hover{opacity:.875}div.page-content>div>aside div#application[data-v-621db7a4]{background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:12px;display:block;position:relative;overflow:hidden}div.page-content>div>aside div#application>span[data-v-621db7a4]{width:100%;height:24px;display:block}div.page-content>div>aside div#application>div[data-v-621db7a4]{color:#fff;padding-bottom:12px;display:block}div.page-content>div>aside div#application>div>span[data-v-621db7a4]{justify-content:flex-start;padding:12px 32px 0;font-size:1.625rem;font-weight:700;display:flex}div.page-content>div>aside div#application>div>p[data-v-621db7a4]{justify-content:flex-start;padding:0 32px 32px;font-size:.875rem;display:flex}div.page-content>div>aside div#application>div>ul[data-v-621db7a4]{direction:ltr;grid-template-columns:1fr 1fr;padding:16px;display:grid}div.page-content>div>aside div#application>div>ul>li[data-v-621db7a4]{justify-content:flex-start;align-items:center;font-size:1.25rem;display:flex}div.page-content>div>aside div#application>div>ul>li[data-v-621db7a4]:last-of-type{justify-content:flex-end}div.page-content>div>aside div#application>i[data-v-621db7a4]{color:#fff;aspect-ratio:1;border-radius:100px;justify-content:center;align-items:center;height:52px;font-size:1.25rem;display:flex;position:absolute;left:16px;transform:translateY(-50%)}div.page-content>div>aside div#application>p[data-v-621db7a4]{text-align:justify;padding:32px 24px;font-size:.875rem;display:block}li.card[data-v-ff47b3e3]{transition:background-color .15s}li.card>a[data-v-ff47b3e3]{padding:12px;line-height:normal;display:block}li.card>a>div[data-v-ff47b3e3]:first-child{aspect-ratio:16/9;border-radius:12px;width:100%;display:block}li.card>a>ul[data-v-ff47b3e3]{direction:ltr;justify-content:space-between;align-items:center;padding:16px 0 4px;display:flex}li.card>a>ul>li[data-v-ff47b3e3]{content:"";aspect-ratio:1;width:6%;box-shadow:var(--shadow-card);border-radius:50% 0% 50% 50%;transition:opacity .15s}li.card>a>ul>li[data-v-ff47b3e3]:hover{opacity:.625}li.card[data-v-ff47b3e3]:hover{background-color:var(--bg-card-hover)}div.page-content[data-v-65828d4f]{padding:16px 0;display:grid}div.page-content #shimmer-container[data-v-65828d4f],div.page-content #ul-items[data-v-65828d4f]{grid-gap:24px;grid-template-columns:1fr 1fr 1fr}div.page-content #shimmer-container>li[data-v-65828d4f],div.page-content #ul-items>li[data-v-65828d4f]{border-radius:12px}div.page-content #shimmer-container>li[data-v-65828d4f]{aspect-ratio:21/16}div[data-v-5ea4763a]{align-items:center;padding:6px;display:flex}div ul[data-v-5ea4763a]{width:100%;height:12px;box-shadow:var(--shadow-card);border-radius:100px;display:block;position:relative}div ul>li[data-v-5ea4763a]{border:3px solid var(--multipleSlider-border);width:24px;height:24px;box-shadow:var(--shadow-deep);cursor:grab;z-index:0;border-radius:100px;position:absolute;top:50%;transform:translateY(-50%)translate(-50%)}div ul>li.active[data-v-5ea4763a]{border-color:var(--multipleSlider-border-active);z-index:10}div ul>li.active[data-v-5ea4763a]:focus,div ul>li.active[data-v-5ea4763a]:active{cursor:grabbing}section[data-v-df9841fa]{padding:8px 0;display:block}section>label[data-v-df9841fa]{text-align:center;justify-content:center;align-items:center;padding-bottom:12px;display:flex}section>div[data-v-df9841fa]{direction:ltr;align-items:center;display:flex}section>div>i[data-v-df9841fa]{font-size:1.25rem}section>div input[type=range][data-v-df9841fa]{background:var(--range-bg);cursor:pointer;direction:ltr;border-radius:100px;outline:none;flex-grow:1;height:10px;margin:0 12px}section>div input[type=range][data-v-df9841fa]::slider-thumb{appearance:none;background:var(--accent);cursor:grab;width:22px;height:22px;box-shadow:none;border:none;border-radius:50%;outline:none}section>div input[type=range][data-v-df9841fa]::slider-thumb:focus{cursor:grabbing}section>div input[type=range][data-v-df9841fa]::slider-thumb:active{cursor:grabbing}section>div input[type=range][data-v-df9841fa]:disabled::slider-thumb{background:var(--range-bg-disabled)}section ul[data-v-df9841fa]{direction:ltr;justify-content:space-between;padding:12px 32px;display:flex}section ul>li[data-v-df9841fa]{cursor:pointer}div.page-content[data-v-7c95b8aa]{grid-gap:32px;grid-template-columns:1fr 2fr;padding:16px 0;display:grid}div.page-content>div[data-v-7c95b8aa]:first-child{border-radius:12px;flex-direction:column;padding:12px 24px;display:flex}div.page-content>div:first-child hr[data-v-7c95b8aa]{width:100%;box-shadow:none;background:var(--hr-color);border:none;outline:none;height:2px;margin:6px 0;display:block}div.page-content>div:first-child section[data-v-7c95b8aa]{margin:0 0 8px;display:block}div.page-content>div:first-child section label[data-v-7c95b8aa]{text-align:center;padding:0 0 6px;display:block}div.page-content>div:first-child>button[data-v-7c95b8aa]{box-shadow:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;margin-top:auto;margin-bottom:12px;padding:12px 0;font-size:.925rem;transition:opacity .15s}div.page-content>div:first-child>button[data-v-7c95b8aa]:hover{opacity:.875}div.page-content>div[data-v-7c95b8aa]:last-child{border-radius:12px;justify-content:center;align-items:center;padding:24px;display:flex}div.page-content>div:last-child>svg[data-v-7c95b8aa]{width:100%;transition:all .15s}div.page-content[data-v-18985bb9]{padding:16px 0;display:grid}div.page-content div[data-v-18985bb9]{justify-content:center;align-items:center;padding:0;display:flex}div.page-content div #board[data-v-18985bb9]{aspect-ratio:1;cursor:col-resize;border-radius:12px;width:50%;padding:24px}div.page-content div #board>div[data-v-18985bb9]{border:4px dotted var(--dynamic-border-color);cursor:default;border-radius:0;width:100%;height:100%;display:block}div.page-content div #board>div>ul[data-v-18985bb9]{background:linear-gradient(45deg,#fd1d1dbf 0%,#3a4cb4 100%);width:100%;height:100%;display:block;position:relative}div.page-content div #board>div>ul>li[data-v-18985bb9]{content:"";border:3px solid var(--multipleSlider-border);width:20px;height:20px;box-shadow:var(--shadow);cursor:grab;background:var(--bg-border-radius-generator-item);z-index:0;position:absolute;transform:translate(-50%)translateY(-50%)}div.page-content div #board>div>ul>li.active[data-v-18985bb9]{border-color:var(--multipleSlider-border-active);z-index:10}div.page-content div #board>div>ul>li.active[data-v-18985bb9]:focus,div.page-content div #board>div>ul>li.active[data-v-18985bb9]:active{cursor:grabbing}section[data-v-d5280352]{border-radius:12px;padding:16px}section>div[data-v-d5280352]{justify-content:space-between;align-items:center;display:flex}section>div>p[data-v-d5280352]{font-size:.925rem}section>div button[data-v-d5280352]{box-shadow:none;cursor:pointer;background:var(--dpx-yellow);color:#303030;box-shadow:var(--shadow-card);border:none;border-radius:6px;outline:none;padding:10px 16px;font-size:.875rem;font-weight:700;transition:opacity .15s}section>div button[data-v-d5280352]:hover{opacity:.75}section>div button.shimmer[data-v-d5280352]{cursor:default;pointer-events:none;color:var(--color-text);cursor:wait;background:#00000020}div.page-content[data-v-f24f89c0]{padding:16px 0;display:grid}div.page-content>ul[data-v-f24f89c0]{justify-content:center;align-items:center;padding-bottom:16px;display:flex}div.page-content>ul>li[data-v-f24f89c0]{border-radius:12px;width:40%;display:block}div.page-content>section[data-v-f24f89c0]:first-of-type{grid-gap:24px;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 3fr;padding:24px 0;display:grid}div.page-content>section:first-of-type>div[data-v-f24f89c0]:first-child{border-radius:12px;justify-content:center;display:flex}div.page-content>section:first-of-type>div[data-v-f24f89c0]:last-child{border-radius:12px;padding:12px}div.page-content>section:first-of-type>div:last-child>ul[data-v-f24f89c0]{display:grid}div.page-content>section:first-of-type>div:last-child>ul>li[data-v-f24f89c0]{color:#fff;text-shadow:2px 2px #00000040;cursor:pointer;direction:ltr;justify-content:center;align-items:center;transition:opacity .15s;display:flex}div.page-content>section:first-of-type>div:last-child>ul>li[data-v-f24f89c0]:hover{opacity:.75}div.page-content>section:first-of-type>div:last-child.type20 ul[data-v-f24f89c0]{grid-gap:16px;grid-template-columns:repeat(5,1fr)}div.page-content>section:first-of-type>div:last-child.type20 ul>li[data-v-f24f89c0]{content:"";aspect-ratio:4/3;border-radius:12px}section[data-v-68818185]{display:block}section label[data-v-68818185]{text-align:center;display:block}section div[data-v-68818185]{grid-template-columns:1fr 1fr 1fr;width:128px;margin:6px auto 0;display:grid;overflow:hidden}section div>i[data-v-68818185]{text-align:center;opacity:.425;cursor:pointer;justify-content:center;align-items:center;font-size:1.625rem;transition:opacity .15s;display:flex}section div>i[data-v-68818185]:hover{opacity:1}section div>span[data-v-68818185]{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}section[data-v-2b6a0f31]{display:block}section label[data-v-2b6a0f31]{text-align:center;display:block}section>div[data-v-2b6a0f31]{border:1px solid var(--border-toggle);border-radius:12px;justify-content:stretch;align-items:center;margin-top:6px;display:flex;overflow:hidden}section>div>i[data-v-2b6a0f31]{cursor:pointer;flex-grow:1;justify-content:center;align-items:center;padding:18px 0;transition:color .15s,background-color .15s;display:flex}section>div>i.active[data-v-2b6a0f31]{background-color:var(--accent);color:#fff}section>div>i[data-v-2b6a0f31]:not(.active):hover{background-color:var(--bg-card-hover)}div.page-content[data-v-b22906ce]{padding:16px 0;display:grid}div.page-content>section[data-v-b22906ce]{grid-gap:18px;grid-template-columns:1fr 4fr;display:grid}div.page-content>section>div[data-v-b22906ce]:first-child{border-radius:12px;flex-direction:column;padding:12px;display:flex}div.page-content>section>div:first-child hr[data-v-b22906ce]{width:100%;box-shadow:none;background:var(--hr-color);border:none;outline:none;height:2px;margin:6px 0;display:block}div.page-content>section>div:first-child section[data-v-b22906ce]{margin:0 0 8px;display:block}div.page-content>section>div:first-child section label[data-v-b22906ce]{text-align:center;padding:0 0 6px;display:block}div.page-content>section>div[data-v-b22906ce]:last-child{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:12px;padding:8px}div.page-content>section>div:last-child>div[data-v-b22906ce]{border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}div.page-content>section>div:last-child>div>div[data-v-b22906ce]:first-child{z-index:0;width:100%;height:100%;position:absolute}div.page-content>section>div:last-child>div>div:first-child>svg[data-v-b22906ce]{position:absolute;transform:translate(-50%)translateY(-50%)}div.page-content>section>div:last-child>div>div:first-child>svg[data-v-b22906ce]:first-of-type{top:30%;right:0}div.page-content>section>div:last-child>div>div:first-child>svg[data-v-b22906ce]:nth-of-type(2){top:70%;right:15%}div.page-content>section>div:last-child>div>div:first-child>svg[data-v-b22906ce]:nth-of-type(3){top:40%;left:15%}div.page-content>section>div:last-child>div>div[data-v-b22906ce]:last-child{z-index:1;aspect-ratio:16/9;flex-direction:column;justify-content:space-around;align-items:center;width:80%;padding:24px;display:flex}div.page-content>section>div:last-child>div>div:last-child>i[data-v-b22906ce]{color:var(--accent);font-size:4rem}div.page-content>section>div:last-child>div>div:last-child>p[data-v-b22906ce]{text-align:justify}section[data-v-66a2c81e]{justify-content:center;align-items:center;height:100%;display:flex}section>div[data-v-66a2c81e]{aspect-ratio:1;border:6px solid var(--multipleSlider-border);width:30%;box-shadow:var(--shadow-angle-picker);cursor:grab;border-radius:100%;justify-content:center;align-items:center;transition:border-color .15s;display:flex;position:relative}section>div[data-v-66a2c81e]:active{border-color:var(--border-active-angle-picker)}section>div[data-v-66a2c81e]:active:focus,section>div[data-v-66a2c81e]:active:active{cursor:grabbing}section>div>span[data-v-66a2c81e]{color:#fff;text-shadow:1px 1px #00000053;font-size:1.25rem;font-weight:700}section>div>i[data-v-66a2c81e]{content:"";background-color:#fff;border:1px solid #00000053;border-radius:100%;width:16px;height:16px;display:block;position:absolute;top:16px}section>div>ul[data-v-66a2c81e]{width:calc(100% + 52px);height:calc(100% + 52px);position:absolute}section>div>ul>li[data-v-66a2c81e]{content:"";background:var(--text-color);cursor:pointer;opacity:.625;border-radius:100%;width:16px;height:16px;transition:opacity .15s;position:absolute;transform:translateY(-50%)translate(-50%)}section>div>ul>li[data-v-66a2c81e]:hover{opacity:1}section>div>ul>li[data-v-66a2c81e]:first-of-type{top:0;left:50%}section>div>ul>li[data-v-66a2c81e]:nth-of-type(2){top:15%;left:85%}section>div>ul>li[data-v-66a2c81e]:nth-of-type(3){top:50%;left:100%}section>div>ul>li[data-v-66a2c81e]:nth-of-type(4){top:85%;left:85%}section>div>ul>li[data-v-66a2c81e]:nth-of-type(5){top:100%;left:50%}section>div>ul>li[data-v-66a2c81e]:nth-of-type(6){top:85%;left:15%}section>div>ul>li[data-v-66a2c81e]:nth-of-type(7){top:50%;left:0}section>div>ul>li[data-v-66a2c81e]:nth-of-type(8){top:15%;left:15%}#page-gradient-generator label{text-align:center;-webkit-user-select:none;user-select:none;padding:12px 0 6px;display:block}div.page-content[data-v-0bec1ef6]{padding:16px 0;display:grid}div.page-content>section[data-v-0bec1ef6]:first-of-type{grid-gap:18px;direction:var(--ltr);grid-template-columns:4fr 5fr;padding-bottom:16px;display:grid}div.page-content>section:first-of-type>div[data-v-0bec1ef6]:last-of-type{direction:ltr;border-radius:12px;flex-direction:column;padding:12px;display:flex;overflow:hidden}div.page-content>section:first-of-type>div:last-of-type>div[data-v-0bec1ef6]:first-of-type{grid-gap:16px;grid-template-columns:5fr 1fr;padding-left:12px;display:grid}div.page-content>section:first-of-type>div:last-of-type>div:first-of-type>ul[data-v-0bec1ef6]{justify-content:center;align-items:center;display:flex}div.page-content>section:first-of-type>div:last-of-type>div:first-of-type>ul>li[data-v-0bec1ef6]{opacity:.625;cursor:pointer;padding:0 6px;font-size:1.625rem;transition:opacity .15s}div.page-content>section:first-of-type>div:last-of-type>div:first-of-type>ul>li[data-v-0bec1ef6]:hover{opacity:1}div.page-content>section:first-of-type>div:last-of-type>div[data-v-0bec1ef6]:nth-of-type(2){grid-gap:16px;grid-template-columns:1fr 1fr 1fr;display:grid}div.page-content>section:first-of-type>div:last-of-type>div[data-v-0bec1ef6]:nth-of-type(3){grid-gap:16px;grid-template-columns:1fr;display:grid}div.page-content>section:first-of-type>div[data-v-0bec1ef6]:first-of-type{border-radius:12px;padding:8px;overflow:hidden}div.page-content>section:first-of-type>div:first-of-type>div[data-v-0bec1ef6]{aspect-ratio:1;border-radius:12px;justify-content:center;align-items:flex-end;display:flex}div.page-content>section:first-of-type>div:first-of-type>div>ul[data-v-0bec1ef6]{justify-content:center;align-items:center;display:flex}div.page-content>section:first-of-type>div:first-of-type>div>ul>li[data-v-0bec1ef6]{color:#fff;text-shadow:1px 1px #0000009f;opacity:.625;cursor:pointer;padding:0 6px;transition:opacity .15s}div.page-content>section:first-of-type>div:first-of-type>div>ul>li[data-v-0bec1ef6]:hover{opacity:1}div.page-content>section:first-of-type>div:first-of-type>div>ul>li>i[data-v-0bec1ef6]{font-size:1.25rem}section[data-v-68c8b80e]{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:opacity .15s;display:flex;overflow:hidden}section[data-v-68c8b80e]:hover{opacity:.75}section>i[data-v-68c8b80e]{padding:16px;font-size:2rem}section>p[data-v-68c8b80e]{padding:16px;font-size:.925rem}div.page-content[data-v-980b8bb7]{grid-gap:32px;grid-template-columns:1fr 1fr;padding:16px 0;display:grid}div.page-content>div[data-v-980b8bb7]{border-radius:12px;overflow:hidden}div.page-content>div>div[data-v-980b8bb7]{padding:12px}div.page-content>div>div>img[data-v-980b8bb7]{pointer-events:none;border-radius:12px;width:100%;height:auto;margin-bottom:16px;display:block}div.page-content>div>div>ul[data-v-980b8bb7]{border-top:2px dashed var(--dynamic-border-color);grid-gap:12px;grid-template-columns:repeat(10,1fr);padding:16px 0 8px;display:grid}div.page-content>div>div>ul>li[data-v-980b8bb7]{content:"";aspect-ratio:1;cursor:pointer;border-radius:8px;transition:opacity .15s}div.page-content>div>div>ul>li[data-v-980b8bb7]:hover{opacity:.75}div.page-content>div>a[data-v-980b8bb7]{background-color:var(--button-show-palette);justify-content:center;align-items:center;padding:6px 0;transition:background-color .15s,color .15s;display:flex}div.page-content>div>a[data-v-980b8bb7]:hover{background:var(--button-show-palette-hover);color:#fff}div.page-content[data-v-3c8f1dbd]{grid-gap:18px;grid-template-columns:1fr 5fr;padding:16px 0;display:grid}div.page-content>div[data-v-3c8f1dbd]:first-of-type{border-radius:12px;flex-direction:column;padding:12px;display:flex}div.page-content>div:first-of-type hr[data-v-3c8f1dbd]{width:100%;box-shadow:none;background:var(--hr-color);border:none;outline:none;height:2px;margin:16px 0;display:block}div.page-content>div:first-of-type section[data-v-3c8f1dbd]{margin:0 0 8px;display:block}div.page-content>div:first-of-type section label[data-v-3c8f1dbd]{text-align:center;padding:0 0 6px;display:block}div.page-content>div:first-of-type ul#downloads[data-v-3c8f1dbd]{justify-content:center;align-items:center;margin-top:auto;display:flex}div.page-content>div:first-of-type ul#downloads>li[data-v-3c8f1dbd]{opacity:.625;cursor:pointer;padding:0 6px;transition:opacity .15s}div.page-content>div:first-of-type ul#downloads>li[data-v-3c8f1dbd]:hover{opacity:1}div.page-content>div:first-of-type ul#downloads>li>i[data-v-3c8f1dbd]{font-size:1.25rem}div.page-content>div:first-of-type>button[data-v-3c8f1dbd]{box-shadow:none;color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:6px;outline:none;padding:6px 0;transition:opacity .15s}div.page-content>div:first-of-type>button[data-v-3c8f1dbd]:hover{opacity:.75}div.page-content>div[data-v-3c8f1dbd]:last-of-type{grid-gap:18px;grid-template-columns:1fr;display:grid}div.page-content>div:last-of-type>div[data-v-3c8f1dbd]:first-of-type{grid-gap:16px;border-radius:12px;grid-template-columns:repeat(12,1fr);padding:12px;display:grid}div.page-content>div:last-of-type>div:first-of-type>span[data-v-3c8f1dbd]{content:"";cursor:pointer;border:2px solid var(--border-colorpicker-item-color);border-radius:6px;width:100%;height:28px;transition:opacity .15s;display:block;position:relative}div.page-content>div:last-of-type>div:first-of-type>span:not(#btn-add)>i[data-v-3c8f1dbd]{aspect-ratio:1;color:#fff;background-color:#0000009f;border-radius:100%;justify-content:center;align-items:center;padding:2px;font-size:.875rem;display:none;position:absolute;top:0;left:0;transform:translateY(-50%)translate(-50%)}div.page-content>div:last-of-type>div:first-of-type>span[data-v-3c8f1dbd]:not(#btn-add):not(.shine):hover{opacity:.75;overflow:visible!important}div.page-content>div:last-of-type>div:first-of-type>span:not(#btn-add):not(.shine):hover>i[data-v-3c8f1dbd]{display:flex}div.page-content>div:last-of-type>div:first-of-type #btn-add[data-v-3c8f1dbd]{text-align:center;border-style:dashed;justify-content:center;align-items:center;display:flex}div.page-content>div:last-of-type>div:first-of-type #btn-add>i[data-v-3c8f1dbd]{opacity:.75;transition:opacity .15s}div.page-content>div:last-of-type>div:first-of-type #btn-add:hover i[data-v-3c8f1dbd]{opacity:1}div.page-content>div:last-of-type>div[data-v-3c8f1dbd]:last-of-type{background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:12px;padding:6px}div.page-content>div:last-of-type>div:last-of-type>div[data-v-3c8f1dbd]{aspect-ratio:16/9;border-radius:12px;position:relative}div.page-content>div:last-of-type>div:last-of-type>div.active[data-v-3c8f1dbd]{cursor:move}div.page-content>div:last-of-type>div:last-of-type>div.active ul#points[data-v-3c8f1dbd]{cursor:move;opacity:1!important}div.page-content>div:last-of-type>div:last-of-type>div ul#points[data-v-3c8f1dbd]{opacity:0;width:100%;height:100%;transition:opacity .15s;display:block;position:relative}div.page-content>div:last-of-type>div:last-of-type>div ul#points>li[data-v-3c8f1dbd]{content:"";border:3px solid var(--multipleSlider-border);width:24px;height:24px;box-shadow:var(--shadow-card);cursor:move;border-radius:100%;position:absolute;transform:translate(-50%)translateY(-50%)}div.page-content>div:last-of-type>div:last-of-type>div ul#points>li.active[data-v-3c8f1dbd]{border-color:#00000020}div.page-content>div:last-of-type>div:last-of-type>div:hover ul.guides[data-v-3c8f1dbd],div.page-content>div:last-of-type>div:last-of-type>div:hover ul#points[data-v-3c8f1dbd]{opacity:1}div.page-content>div:last-of-type>div:last-of-type>div>ul.guides[data-v-3c8f1dbd]{opacity:0;justify-content:space-between;align-items:center;width:100%;height:100%;transition:opacity .15s;display:flex;position:absolute}div.page-content>div:last-of-type>div:last-of-type>div>ul.guides.vertical[data-v-3c8f1dbd]{flex-direction:row}div.page-content>div:last-of-type>div:last-of-type>div>ul.guides.vertical>li[data-v-3c8f1dbd]{width:2px;height:100%}div.page-content>div:last-of-type>div:last-of-type>div>ul.guides.horizontal[data-v-3c8f1dbd]{flex-direction:column}div.page-content>div:last-of-type>div:last-of-type>div>ul.guides.horizontal>li[data-v-3c8f1dbd]{width:100%;height:2px}div.page-content>div:last-of-type>div:last-of-type>div>ul.guides>li[data-v-3c8f1dbd]{content:"";background-color:#00000008}div.page-content>div:last-of-type>div:last-of-type>div>ul.guides>li[data-v-3c8f1dbd]:first-of-type,div.page-content>div:last-of-type>div:last-of-type>div>ul.guides>li[data-v-3c8f1dbd]:last-of-type{opacity:0}div.page-content[data-v-af1d71cf]{grid-gap:18px;grid-template-columns:1fr 4fr;padding:16px 0;display:grid}div.page-content>div[data-v-af1d71cf]:first-of-type{border-radius:12px;flex-direction:column;padding:12px;display:flex}div.page-content>div:first-of-type hr[data-v-af1d71cf]{width:100%;box-shadow:none;background:var(--hr-color);border:none;outline:none;height:2px;margin:16px 0;display:block}div.page-content>div:first-of-type section[data-v-af1d71cf]{margin:0 0 8px;display:block}div.page-content>div:first-of-type section label[data-v-af1d71cf]{text-align:center;padding:0 0 6px;display:block}div.page-content>div[data-v-af1d71cf]:last-of-type{flex-direction:column;display:flex}div.page-content>div:last-of-type>div[data-v-af1d71cf]:first-of-type{grid-gap:16px;border-radius:12px;grid-template-columns:repeat(12,1fr);margin-bottom:18px;padding:12px;display:grid}div.page-content>div:last-of-type>div:first-of-type>span[data-v-af1d71cf]{content:"";cursor:pointer;border:2px solid var(--border-colorpicker-item-color);border-radius:6px;width:100%;height:28px;transition:opacity .15s;display:block;position:relative}div.page-content>div:last-of-type>div:first-of-type>span:not(#btn-add)>i[data-v-af1d71cf]{aspect-ratio:1;color:#fff;background-color:#0000009f;border-radius:100%;justify-content:center;align-items:center;padding:2px;font-size:.875rem;display:none;position:absolute;top:0;left:0;transform:translateY(-50%)translate(-50%)}div.page-content>div:last-of-type>div:first-of-type>span[data-v-af1d71cf]:not(#btn-add):hover{opacity:.75;overflow:visible!important}div.page-content>div:last-of-type>div:first-of-type>span:not(#btn-add):hover>i[data-v-af1d71cf]{display:flex}div.page-content>div:last-of-type>div:first-of-type #btn-add[data-v-af1d71cf]{text-align:center;border-style:dashed;justify-content:center;align-items:center;display:flex}div.page-content>div:last-of-type>div:first-of-type #btn-add>i[data-v-af1d71cf]{opacity:.75;transition:opacity .15s}div.page-content>div:last-of-type>div:first-of-type #btn-add:hover i[data-v-af1d71cf]{opacity:1}div.page-content>div:last-of-type>div[data-v-af1d71cf]:last-of-type{box-shadow:none;background:0 0;border-radius:12px;flex-grow:1;justify-content:center;align-items:center;padding:6px;display:flex}div.page-content>div:last-of-type>div:last-of-type>div[data-v-af1d71cf]{background-color:var(--bg-card);aspect-ratio:4/3;border-radius:12px;width:60%}