@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.bottom-3{bottom:.75rem}.left-1\/2{left:50%}.z-\[150\]{z-index:150}.z-\[200\]{z-index:200}.-mr-2{margin-right:-.5rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.flex{display:flex}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[14px\]{height:14px}.h-\[1px\]{height:1px}.w-4{width:1rem}.w-6{width:1.5rem}.w-\[14px\]{width:14px}.w-full{width:100%}.max-w-xs{max-width:20rem}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-\[\#424242\]>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(66 66 66 / var(--tw-divide-opacity))}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-\[\#424242\]{--tw-border-opacity: 1;border-color:rgb(66 66 66 / var(--tw-border-opacity))}.bg-\[\#262626\]{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}.fill-\[\#40404090\]{fill:#40404090}.p-3{padding:.75rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.ps-2{padding-inline-start:.5rem}.text-\[13px\]{font-size:13px}.font-normal{font-weight:400}.text-\[\#6E40C9\]{--tw-text-opacity: 1;color:rgb(110 64 201 / var(--tw-text-opacity))}.text-\[\#999999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-\[\#CDD5DA\]{--tw-text-opacity: 1;color:rgb(205 213 218 / var(--tw-text-opacity))}.text-\[\#EBEBEB\]{--tw-text-opacity: 1;color:rgb(235 235 235 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:opacity-90:hover{opacity:.9}.group:hover .group-hover\:text-\[\#CDD5DA\]{--tw-text-opacity: 1;color:rgb(205 213 218 / var(--tw-text-opacity))}.rtl\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.rtl\:divide-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 1}:root{--font: "DM Sans";--font-size: 11px;--border: #3B3B3B;--bg-light: #383838;--bg-medium: #1E1E1E;--icon-active: "#CECECE";--icon-inactive: "#848282";--border-color: rgba(255, 255, 255, .13);--border-radius: 4px;--button-background: #373737;--button-text: #BDBDBD;--input-background: #2b2b2b;--bg-hover: #414141;--bg-active: #353535;--input-placeholder-color: #848282;--input-text-color: #CECECE;--acent-color: #9FBDF8;--blue-button: #176ada;--button-box-shadow: 0px .5px 1px rgba(0, 0, 0, .8), inset 0px .5px .5px rgba(255, 255, 255, .12);--bg-with-opacity: rgba(18, 18, 18, .975)}body{width:100%;background:var(--bg-medium);overflow-x:hidden;overflow-y:hidden;height:100%;font-size:var(--font-size);color:var(--input-text-color);font-family:var(--font)!important}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font)!important}input,textarea,select{border:1px solid var(--border-color);color:var(--input-text-color)!important}input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{color:var(--input-placeholder-color)!important}input::placeholder,textarea::placeholder,select::placeholder{color:var(--input-placeholder-color)!important}button,input,img,label{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.container{width:100%}.active-button{background-color:#006acc!important}.button{display:flex;align-items:center;justify-content:center;outline:none;border:0;padding:5px 10px!important;background:var(--button-background);color:var(--button-text);font-size:inherit;cursor:pointer;border-radius:4px;text-align:center;box-shadow:0 .5px #ffffff1f;box-shadow:0 .5px 1px #0000001f}.button:hover{display:flex;opacity:.9;cursor:pointer}.button-full-width{width:100%;margin-bottom:8px}.az-auth-title{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px;font-weight:700;text-align:center}.az-auth-description{width:65%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#777;margin-top:-2px;text-align:center}.az-refresh{background:#373737;color:var(--button-text);outline:none;padding:.35em 2em;border:0;border-radius:var(--border-radius);font-size:12px;transition:all ease-in-out .5s;cursor:pointer;box-shadow:var(--button-box-shadow)}.options-modulo-preview img{transition:filter .4s ease}.video-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:4px;opacity:0;transition:opacity 1s ease-in-out}.video-hover.show{opacity:1;display:flex}@keyframes filterTransition{0%{filter:blur(0)}to{filter:blur(4px)}}.az-button{display:flex;justify-content:center;align-items:center;gap:5px;outline:none;border:none;font-size:11.5px;transition:all ease-in-out .5s;color:#fff;padding:4px 15px;border-radius:6px;text-wrap:nowrap;cursor:pointer;background:linear-gradient(180deg,rgba(183,52,179,.5) 0%,rgba(164,46,156,0) 100%),linear-gradient(0deg,#6E40C9,#6E40C9)}.clear-filters-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:4px 10px;opacity:.75;transition:all ease-in-out .5s}.clear-filters-wrapper:hover{opacity:1}.rotate-width{width:10px;height:11px}.refresh-button{width:auto}.az-button:hover{opacity:.8;cursor:pointer}.az-buttons-wrapper{gap:8px;margin-top:1.5em;display:flex;justify-content:center;align-items:center}.modulo-page-banner-container{width:100%;height:4vh;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background-color:#262626}.modulo-page-banner-container-app{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#262626;position:absolute;bottom:0}.similar-components{margin-top:7%;margin-bottom:2%;display:flex;flex-direction:column;gap:20px}.similar-components h1{text-align:start;margin-left:8px;font-size:16px;font-weight:600}.img-div-loader{background-color:#2e2e2e}.modulo-page-banner-user-container{display:flex;align-items:center;justify-content:flex-end;justify-items:flex-end;padding:3px 8px;width:100%;gap:4px}.modulo-page-banner-user-container-app{display:flex;align-items:center;justify-content:center;padding:8px;width:100%;gap:4px;position:relative}.modulo-page-banner-user-image{width:26px;height:26px;border-radius:100%;margin-left:4px}.get-pro-label-container{width:100%;display:flex;padding:3px 7px;font-size:11px;background:linear-gradient(0deg,#6E40C9,#6E40C9),linear-gradient(180deg,rgba(183,52,179,.5) 0%,rgba(164,46,156,0) 100%);border-radius:99px;gap:6px;justify-content:center;align-items:center}.modulo-page-header-container{width:100%;height:100%;display:flex;flex-wrap:start}.header-arrow-icon-div{border-radius:var(--border-radius);background:linear-gradient(rgba(255,255,255,.12) 0%,rgba(255,255,255,.1) 100%);display:flex;align-items:center;padding:3px;box-sizing:border-box;box-shadow:#000c 0 .5px 1px,#ffffff1f 0 .5px .5px inset;cursor:pointer}.modulo-page-header-item{background:transparent;transition:all ease-in-out .5s;border:none;height:100%;display:flex;justify-content:left;align-items:center;padding:8px;color:#cecece;gap:8px;font-weight:700}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:10px;gap:7px}.login-loader{position:relative;width:14px;height:14px;margin-top:-9px}.login-module .az-button span{width:80%}#root{height:100vh}.main-container{height:96vh;position:relative;display:flex}.main-container-app{height:100vh;position:relative;display:flex}.ikonik_loader_container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:.55;padding:0 4px 4px 0;z-index:99999999999999999}.login-module-container{opacity:1;position:absolute;z-index:999999999;border:1px solid var(--border-color);border-radius:var(--border-radius);background:rgb(38 38 38/1);padding:34px;gap:25px;width:50%}.desc{display:flex;flex-direction:column;gap:5px;padding-bottom:30px}.h1-login{font-size:2.25rem;font-weight:600;color:#fff}.login-module{position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;z-index:99999999;opacity:.9;background:var(--bg-medium);cursor:pointer}.modulo-user-wrapper{display:flex;align-items:center}.modulo-user-wrapper img:hover{opacity:.87;transition:all ease-in-out .5s;cursor:pointer}.dropdown-content{position:absolute;background-color:var(--input-background);overflow:auto;z-index:109;right:0;border-radius:var(--border-radius);border:1px solid var(--border-color);margin:1px 4px}.dropdown-content li{text-decoration:none;display:block;border-bottom:1px solid var(--border-color)}.dropdown-content li button{padding:5px 16px 5px 10px;background:none;border:none;color:inherit;font-size:inherit}.active-list{background:var(--bg-active);color:#fff}.dropdown-content li:hover{background-color:var(--bg-light);cursor:pointer;transition:all ease-in-out .5s}.dropdown-content li button:hover{cursor:pointer}.dropdown-content ul li:last-child{border-bottom:none}::-webkit-scrollbar{width:6px!important}.auth-content{width:61%;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid rgb(183 177 177 / 13%);border-radius:var(--border-radius);background:var(--bg-medium);height:-moz-fit-content;height:fit-content;padding:30px 0}.auth-content-web{width:40%!important}.desc p{font-size:13px}button[disabled]{opacity:.5;cursor:not-allowed!important}button[disabled]:hover{background-color:none;opacity:.5;cursor:not-allowed!important}.bck-btn{cursor:pointer}.bck-btn:hover{transition:all ease-in-out .5s;opacity:.7}::-webkit-scrollbar{display:none;width:0px}.opacity-hover:hover{opacity:.75}.options-modulo-preview{width:100%;position:relative}.modulo-type{display:flex;color:#fff;line-height:normal;font-size:11px;font-style:normal;font-weight:400;line-height:16px;border-radius:4px;padding:2.5px 3px;justify-content:center;margin-left:4px;align-items:center;gap:4px;background:#FFFFFF;position:absolute;bottom:.75em;left:.1em;box-shadow:2px 2px 5px #3430307f}.modulo-bottom{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:left;border-radius:0 0 4px 4px;height:-moz-fit-content;height:fit-content}.modulo-info-wrapper{display:flex;align-items:center;gap:5px}.modulo-name{color:#fff;line-height:normal;font-size:11px;font-style:bold;margin-bottom:2px;font-weight:500;line-height:16px;border-radius:4px;margin-left:3.5px;justify-content:center;align-items:center;padding:8px 0}.modulo-name-web{font-weight:600;text-transform:uppercase}.modulo-date{display:flex;align-items:center;justify-content:left;flex-wrap:wrap;margin:2px 0 10px;gap:5px}.home-section{display:flex;flex-direction:column;width:100%;padding:16px 16px 8px}.modulo-date-details{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:8px;width:100%}.preview-in-browser-label{background:var(--bg-medium);padding:3px 15px;display:flex;font-size:11px;border-radius:6px;gap:6px;justify-content:center;align-items:center;cursor:pointer;transition:all ease-in-out .4s}.preview-in-browser-label:hover{opacity:.9;transition:all ease-in-out .4s}.preview-in-browser-div{background:conic-gradient(from 0deg at 50% 50%,#6E40C9 0deg,#0029FF 55.8deg,#00E0FF 147.6deg,#FF00B8 252deg,#6E40C9 360deg);padding:1px;border-radius:6px;cursor:pointer}.profile-loader{width:100%;display:flex;justify-content:space-between;align-items:center;min-width:150px}.tags-section{display:flex;align-items:flex-start;justify-content:flex-start;padding:10px 0 2px;gap:6px 4px;width:100%;border-radius:.375rem;font-size:.875rem;flex-wrap:wrap}.tag-div,.tag-div-details{font-size:11.5px;line-height:16px;background-color:#2e2e2e;padding:4px 6.5px;border-radius:.25rem;flex-shrink:0;cursor:pointer}.tag-div-details{cursor:pointer}.tag-div:hover,.tag-div-details:hover{background:#414040;cursor:pointer;transition:all ease-in-out .4s}.tag-div-active{background:#585757}.navbar{background:#262626;height:100vh;width:auto;min-width:170px;-webkit-user-select:none;position:relative}.login-web{width:50%!important}.scroll-web{overflow-y:auto;height:90%!important;position:relative}.scroll-app{overflow-y:auto;height:85%!important;position:relative}.tabs-container{display:flex;padding:10px}.tabs{display:flex;width:100%;box-shadow:0 .5px .5px #ffffff1f inset,0 .5px 1px #000;border-radius:var(--border-radius)}.tab{width:100%;display:flex;align-items:center;justify-content:center;color:#f5f5f5;padding:6px;cursor:pointer;border-radius:var(--border-radius)}.tab-active{display:flex;width:100%;color:#fff;align-items:center;justify-content:center;padding:6px;border-radius:var(--border-radius);cursor:pointer;background:linear-gradient(180deg,rgba(183,52,179,.5) 0%,rgba(164,46,156,0) 100%),linear-gradient(0deg,#6E40C9,#6E40C9)}.middle-tab{border-radius:0}.tab:hover{background:linear-gradient(191deg,rgb(109 103 103 / 50%) 0%,rgb(50 50 50 / 0%) 100%),linear-gradient(0deg,#1d1c1f,#0c0c0c);transition:all ease-in-out .4s}.tab-active:hover{background:linear-gradient(180deg,rgb(245 51 239 / 50%) 0%,rgba(164,46,156,0) 100%),linear-gradient(0deg,#794bd4,#6E40C9)}.categories-content:hover{background:#2E2E2E;transition:all ease-in-out .4s}.navbar>h1,.category-navbar>h1,.style-navbar>h1{padding:9px;font-weight:600;font-size:12px}.style-navbar{margin-top:0}.categories-content,.categories-content-loader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px;gap:4px;cursor:pointer}.categories-content-loader{cursor:none}.categories-content{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}.styling-container{width:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:space-between;padding:10px;gap:12px}.styling-container-web{max-height:auto!important}.style-content{display:flex;align-items:center;gap:4px}.categories-content>p{max-width:90%}.categories-content>span{display:flex;align-items:center;justify-content:center;gap:4px}.options-modulo-preview{padding:7px;background:#373737;border-radius:4px}.component-section{width:100%;position:relative;border-radius:8px;padding:4px;background:#262626;height:-moz-fit-content;height:fit-content;cursor:pointer}.overflow-grid{overflow:scroll;max-height:96vh;width:100%}.grid-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;overflow-y:scroll}.grid-container>div{overflow:hidden}.grid-container img{width:100%;height:auto;border-radius:8px;-o-object-fit:contain;object-fit:contain}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background-color:#0002;border:1px solid #FFFFFF30;border-radius:3px;position:relative;cursor:pointer}input[type=checkbox]:checked:before{display:block}input[type=checkbox]:checked{background-color:#2e2e2e;border:1px solid #2E2E2E}input[type=checkbox]:before{content:"✓";font-size:12px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.grid-div{display:flex;flex-direction:column;gap:8px}.empty-container{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;padding:6%;gap:3px}.empty-container h1{font-weight:600}.empty-container-web h1{font-weight:700;font-size:18px}.empty-container-web p{font-size:16px}.category-overflow{overflow-y:auto;max-height:220px}.component-details-section{min-height:92.7vh;display:flex;flex-direction:column;padding:16px;gap:15px}.component-details-section-app{min-height:94.8vh;display:flex;flex-direction:column;padding:16px;gap:15px}.component-image{max-height:70vh}.clear-button{display:flex;text-align:center;justify-content:center;align-items:center;padding:2px 4px}.details-container{display:flex;flex-direction:column;gap:5%;padding:10px 0}.opacity-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;background-color:var(--bg-medium);opacity:.97;z-index:9999999}.click-outside{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--bg-medium-transparent)}.checkbox-label{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.loader-main{position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;z-index:99999999;opacity:.9;background:var(--bg-medium)}.navbar-disabled{pointer-events:none;cursor:none}.login-main{display:flex;align-items:center;justify-content:center;width:100%;position:absolute;height:100%}.or-fieldset{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-top:1px solid var(--border-color)}.or-label{padding:0 14px}.subscription-component{display:flex;flex-direction:column;gap:30px}.subscription-component-container{display:flex;height:-moz-fit-content;height:fit-content;border-radius:4px;padding:5px;gap:5%;background-color:#272628}.background{position:absolute;width:200vw;height:200vh;background:conic-gradient(from 0deg at 50% 50%,#6E40C9,#0029FF,#00E0FF,#FF00B8,#6E40C9);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-modal{height:auto;width:70%;top:auto;left:auto;z-index:999999999;opacity:1;border-radius:6px;overflow:hidden;padding:1px}.subs-content{display:flex;flex-direction:column;gap:20px}.subs-content h1{font-weight:600;font-size:18px;line-height:21.78px}.image-subs{display:flex;align-items:center;justify-content:center;width:60%}.subscription-component-content{width:40%;display:flex;flex-direction:column;justify-content:space-evenly;padding-right:10px}.pro-h3{background:linear-gradient(0deg,#6E40C9,#6E40C9),linear-gradient(180deg,rgba(183,52,179,.5) 0%,rgba(164,46,156,0) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-transform:uppercase}.subscription-component-content h2{word-wrap:break-word}.star-div{width:50px;height:50px;min-width:50px;min-height:30px;border:2px solid #4D4D4D;display:flex;align-items:center;justify-content:center;border-radius:50px}.get-access-box{padding:1px;width:100%;position:relative;background:conic-gradient(from 0deg at 50% 50%,#6E40C9 0deg,#0029FF 55.8deg,#00E0FF 147.6deg,#FF00B8 252deg,#6E40C9 360deg);border-radius:40px}.get-access-content{background:var(--bg-medium);width:100%;border-radius:40px;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;gap:10px}.access-box-1{display:flex;flex-direction:column;gap:30px}.subs-border{align-items:normal;background:var(--bg-medium);height:100%;width:100%;display:flex;flex-direction:column;gap:10px;border-radius:6px;padding:3%;position:relative}.modulo-pro-active-label{background:var(--bg-medium);padding:3px 7px;width:100%;display:flex;font-size:11px;border-radius:99px;gap:6px;justify-content:center;align-items:center}.modulo-pro-active-div{background:conic-gradient(from 0deg at 50% 50%,#6E40C9 0deg,#0029FF 55.8deg,#00E0FF 147.6deg,#FF00B8 252deg,#6E40C9 360deg);width:100%;padding:1px;border-radius:99px}.name-details{font-size:22px;margin-bottom:0;line-height:24px}.name-component{font-size:18px}.details{overflow:auto;max-height:95vh;width:-moz-fit-content;width:fit-content}.component-loader-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px;width:100%}.options-modulo-preview-loader{width:100%;height:221px}.modulo-bottom-loader{padding:0 0 0 6px;margin:14px 0;gap:20px}.component-section-detail-loader{width:100%;padding:16px 16px 0}.name-details-loader{background-color:#2e2e2e;border-radius:27px;width:198px;height:16px;padding:10px;margin:10px 0}.tag-div-details-loader{background-color:#2e2e2e;height:16px;border-radius:6px}.tag-details-loader{width:35%}.buttons-details-loader{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;gap:10px}.modulo-name-loader{background-color:#2e2e2e;border-radius:27px;width:98px;height:16px;margin-left:0;padding:8px 0}.az-button-loader{background:#2E2E2E;width:127px;height:24px;border-radius:6px}.no-image-div{width:100%;display:flex;align-items:center;justify-content:center;background:#373737;min-height:100px}.first-button-details-loader{background:#2E2E2E;border-radius:20px;width:200px;height:24px}.bold-font{font-weight:600;text-wrap:nowrap}.second-button-details-loader{background:#2E2E2E;border-radius:20px;width:170px;height:24px}.tag-div-loader{width:42px;height:16px;border-radius:27px;background-color:#2e2e2e}.modulo-date-loader{margin:0;gap:0}.tags-section-loader{padding:0;gap:6px 9px}.header-subs-modal{display:flex;justify-content:space-between;align-items:center}.logo-div{display:flex;align-items:center}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.similar-components-loader{margin:20px 0;display:flex;flex-direction:column;gap:20px;align-items:flex-start;text-align:center;justify-content:center}.flex-rows{display:flex;width:100%;justify-content:space-between;gap:20px}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px;height:90vh}.not-found-page h1{font-size:18px;font-weight:600px}.not-found-page p{max-width:300px;text-align:center}footer{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;background-color:#262626;min-height:30px;padding:0 16px;border-left:.5px solid #1E1E1E}.footer-links{display:flex;gap:15px;justify-content:center;align-items:center}.footer-links a,.social-media{transition:all ease-in-out .5s}.footer-links a{padding-top:2px}.footer-links a:hover{cursor:pointer;opacity:.7}.footer-icons{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center}.social-media:hover{cursor:pointer;opacity:.6}.page-container{display:flex;flex-direction:column;width:100%;overflow:auto;justify-content:space-between}@media screen and (min-width: 0px){.grid-container,.component-loader-container{grid-template-columns:repeat(1,1fr)}.similar-components{margin-top:12%}.login-module-container,.subscription-modal{width:90%}.get-access-content{flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 350px){.grid-container,.component-loader-container{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width: 400px){.grid-container{grid-template-columns:repeat(1,1fr)}.component-loader-container{grid-template-columns:repeat(1,minmax(0,1fr))}.home-section{display:flex;flex-direction:row}.navbar{height:100vh;width:203px;min-width:203px}.get-access-content{flex-wrap:nowrap;justify-content:space-between}}@media screen and (min-width: 650px){.grid-container,.component-loader-container{grid-template-columns:repeat(2,1fr)}.subscription-modal{width:70%}.login-module-container{width:40%}}@media screen and (min-width: 900px){.grid-container{grid-template-columns:repeat(3,1fr)}.component-details-section,.component-section-detail-loader{max-width:80%;margin:auto}.category-overflow{max-height:493px}.component-loader-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.similar-components{margin-top:4%}.subscription-modal{width:50%}.login-module-container{width:30%}.absolute-class{position:absolute}.p-desc{max-width:100%}}@media screen and (min-width: 1404px){.grid-container{grid-template-columns:repeat(4,1fr);gap:8px}.overflow-grid{max-height:96vh}.component-loader-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.subscription-modal{width:41%}}@media screen and (min-width: 2204px){.login-module-container{width:15%}}