@gravityforms/components/dist/css/admin/avatar.css.map

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

{"version":3,"sources":["avatar.css"],"names":[],"mappings":"AAEC;EACC,sBAAsB;EACtB,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;EACb,kBAAkB;CAoPnB;;EAhPE;IACC,UAAU;GACX;;EAKA;IAEC,UAAU;GACX;;EAGD;GACC,uBAAuB;EACxB;;EAEA;GACC,sBAAsB;EACvB;;EAEA;GACC,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,UAAU;EAKX;;EAHC;IACC,gBAAgB;GACjB;;EAOC;KACC,UAAU;IACX;;EAIF;GACC,gBAAgB;GAChB,mBAAmB;GACnB,iBAAiB;GACjB,gBAAgB;GAChB,kBAAkB;EAWnB;;EATC;IACC,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,uBAAuB;IACvB,oBAAiB;OAAjB,iBAAiB;IACjB,kBAAkB;IAClB,gCAAgC;GACjC;;EAGD;GAEC,UAAU;EACX;;EAEA;GAEC,mBAAqD;GACrD,yBAAqD;GACrD,aAAa;GACb,iBAAiB;GACjB,oBAAoB;GACpB,qBAAqB;GACrB,UAAU;GACV,kBAAkB;GAClB,wBAAwB;GACxB,UAAU;EACX;;EAEA;GAGC,aAAa;EACd;;EAEA;GACC,gBAAgB;GAChB,iBAAiB;EAsBlB;;EApBC;IACC,iBAAiB;GAClB;;EAEA;IACC,kBAAkB;GACnB;;EAEA;IAIC,gBAAgB;IAChB,iBAAiB;GAClB;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;GAClB;;EAGD;GACC,gBAAgB;GAChB,iBAAiB;EAsBlB;;EApBC;IACC,eAAe;GAChB;;EAEA;IACC,iBAAiB;GAClB;;EAEA;IAIC,gBAAgB;IAChB,iBAAiB;GAClB;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;GAClB;;EAGD;GACC,gBAAgB;GAChB,iBAAiB;EAsBlB;;EApBC;IACC,kBAAkB;GACnB;;EAEA;IACC,eAAe;GAChB;;EAEA;IAIC,gBAAgB;IAChB,iBAAiB;GAClB;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;GAClB;;EAGD;GACC,gBAAgB;GAChB,iBAAiB;EAsBlB;;EApBC;IACC,iBAAiB;GAClB;;EAEA;IACC,iBAAiB;GAClB;;EAEA;IAIC,gBAAgB;IAChB,iBAAiB;GAClB;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;GAClB;;EAGD;GACC,gBAAgB;GAChB,iBAAiB;EAsBlB;;EApBC;IACC,kBAAkB;GACnB;;EAEA;IACC,kBAAkB;GACnB;;EAEA;IAIC,gBAAgB;IAChB,iBAAiB;GAClB;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;GAClB;;EAGD;GACC,gBAAgB;GAChB,iBAAiB;EAsBlB;;EApBC;IACC,kBAAkB;GACnB;;EAEA;IACC,iBAAiB;GAClB;;EAEA;IAIC,gBAAgB;IAChB,iBAAiB;GAClB;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;GAClB;;CAIF;EAEC,mBAAmB;EACnB,mBAAqD;EACrD,mBAAmB;EACnB,cAAqC;EACrC,aAAa;EACb,uBAAuB;EACvB,kBAAkB;EAClB,UAAU;CACX;;CAEA;EACC,uIAAgD;EAChD,gBAAoD;EACpD,yBAAyB;EACzB,yBAAiB;KAAjB,sBAAiB;UAAjB,iBAAiB;CAClB;;CAEA;EACC,mBAAmB;EACnB,gBAA0C;EAC1C,sBAAgD;EAChD,mBAAmB;EACnB,uBAAmB;EAAnB,mBAAmB;EACnB,aAAa;EACb,qBAAqB;EACrB,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;CAMX;;CAJC;GACC,gBAAgB;GAChB,iBAAiB;EAClB","file":"avatar.css","sourcesContent":[".gform-admin {\n\n\t.gform-avatar {\n\t\tbackground-size: cover;\n\t\tborder-radius: 100%;\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tposition: relative;\n\n\t\t&:focus-within {\n\n\t\t\t.gform-file-upload__wrapper--has-preview .gform-file-upload__icon {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\n\t\t\t.gform-file-upload__icon,\n\t\t\t.gform-file-upload__wrapper--has-preview .gform-file-upload__icon {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar--has-upload {\n\t\t\tbox-sizing: content-box;\n\t\t}\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t.gform-file-upload__wrapper {\n\t\t\tborder: 0;\n\t\t\tcursor: pointer;\n\t\t\tmin-height: auto;\n\t\t\tz-index: 2;\n\n\t\t\t.file-drop {\n\t\t\t\tmin-height: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar--no-image-icon-hidden {\n\n\t\t\t.gform-file-upload__wrapper:not(.gform-file-upload__wrapper--has-preview) {\n\n\t\t\t\t.gform-file-upload__icon {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.gform-file-upload__preview {\n\t\t\tblock-size: 100%;\n\t\t\tborder-radius: 100%;\n\t\t\tinline-size: 100%;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\n\t\t\timg {\n\t\t\t\tblock-size: 100%;\n\t\t\t\tinline-size: 100%;\n\t\t\t\tinset-block-start: 50%;\n\t\t\t\tinset-inline-start: 50%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tposition: absolute;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t}\n\t\t}\n\n\t\t.gform-file-upload__wrapper--has-preview,\n\t\t.gform-file-upload__preview {\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t.gform-file-upload__icon,\n\t\t.gform-file-upload__wrapper--has-preview .gform-file-upload__icon {\n\t\t\tbackground: var(--gform-admin-color-anti-flash-white);\n\t\t\tborder: 1px solid var(--gform-admin-color-metal-gray);\n\t\t\tdisplay: flex;\n\t\t\tfont-size: 1.5rem;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\ttransition: opacity 0.2s;\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.gform-file-upload__filetypes,\n\t\t.gform-file-upload__message,\n\t\t.gform-file-upload__buttons-wrapper {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&.gform-avatar--size-xs {\n\t\t\tblock-size: 24px;\n\t\t\tinline-size: 24px;\n\n\t\t\t.gform-avatar__no-image-icon {\n\t\t\t\tfont-size: 0.9rem;\n\t\t\t}\n\n\t\t\t.gform-avatar__initials {\n\t\t\t\tfont-size: 0.73rem;\n\t\t\t}\n\n\t\t\t.gform-file-upload__wrapper,\n\t\t\t.gform-file-upload__icon,\n\t\t\t.gform-avatar__no-image-icon,\n\t\t\t.gform-avatar__initials {\n\t\t\t\tblock-size: 24px;\n\t\t\t\tinline-size: 24px;\n\t\t\t}\n\n\t\t\t.gform-avatar__logo {\n\t\t\t\tblock-size: 10px;\n\t\t\t\tinline-size: 10px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar--size-sm {\n\t\t\tblock-size: 32px;\n\t\t\tinline-size: 32px;\n\n\t\t\t.gform-avatar__no-image-icon {\n\t\t\t\tfont-size: 1rem;\n\t\t\t}\n\n\t\t\t.gform-avatar__initials {\n\t\t\t\tfont-size: 0.9rem;\n\t\t\t}\n\n\t\t\t.gform-file-upload__wrapper,\n\t\t\t.gform-file-upload__icon,\n\t\t\t.gform-avatar__no-image-icon,\n\t\t\t.gform-avatar__initials {\n\t\t\t\tblock-size: 32px;\n\t\t\t\tinline-size: 32px;\n\t\t\t}\n\n\t\t\t.gform-avatar__logo {\n\t\t\t\tblock-size: 12px;\n\t\t\t\tinline-size: 12px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar--size-md {\n\t\t\tblock-size: 40px;\n\t\t\tinline-size: 40px;\n\n\t\t\t.gform-avatar__no-image-icon {\n\t\t\t\tfont-size: 1.25rem;\n\t\t\t}\n\n\t\t\t.gform-avatar__initials {\n\t\t\t\tfont-size: 1rem;\n\t\t\t}\n\n\t\t\t.gform-file-upload__wrapper,\n\t\t\t.gform-file-upload__icon,\n\t\t\t.gform-avatar__no-image-icon,\n\t\t\t.gform-avatar__initials {\n\t\t\t\tblock-size: 40px;\n\t\t\t\tinline-size: 40px;\n\t\t\t}\n\n\t\t\t.gform-avatar__logo {\n\t\t\t\tblock-size: 14px;\n\t\t\t\tinline-size: 14px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar--size-lg {\n\t\t\tblock-size: 48px;\n\t\t\tinline-size: 48px;\n\n\t\t\t.gform-avatar__no-image-icon {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t}\n\n\t\t\t.gform-avatar__initials {\n\t\t\t\tfont-size: 1.1rem;\n\t\t\t}\n\n\t\t\t.gform-file-upload__wrapper,\n\t\t\t.gform-file-upload__icon,\n\t\t\t.gform-avatar__no-image-icon,\n\t\t\t.gform-avatar__initials {\n\t\t\t\tblock-size: 48px;\n\t\t\t\tinline-size: 48px;\n\t\t\t}\n\n\t\t\t.gform-avatar__logo {\n\t\t\t\tblock-size: 16px;\n\t\t\t\tinline-size: 16px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar--size-xl {\n\t\t\tblock-size: 56px;\n\t\t\tinline-size: 56px;\n\n\t\t\t.gform-avatar__no-image-icon {\n\t\t\t\tfont-size: 1.65rem;\n\t\t\t}\n\n\t\t\t.gform-avatar__initials {\n\t\t\t\tfont-size: 1.25rem;\n\t\t\t}\n\n\t\t\t.gform-file-upload__wrapper,\n\t\t\t.gform-file-upload__icon,\n\t\t\t.gform-avatar__no-image-icon,\n\t\t\t.gform-avatar__initials {\n\t\t\t\tblock-size: 56px;\n\t\t\t\tinline-size: 56px;\n\t\t\t}\n\n\t\t\t.gform-avatar__logo {\n\t\t\t\tblock-size: 18px;\n\t\t\t\tinline-size: 18px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar--size-2xl {\n\t\t\tblock-size: 64px;\n\t\t\tinline-size: 64px;\n\n\t\t\t.gform-avatar__no-image-icon {\n\t\t\t\tfont-size: 1.75rem;\n\t\t\t}\n\n\t\t\t.gform-avatar__initials {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t}\n\n\t\t\t.gform-file-upload__wrapper,\n\t\t\t.gform-file-upload__icon,\n\t\t\t.gform-avatar__no-image-icon,\n\t\t\t.gform-avatar__initials {\n\t\t\t\tblock-size: 64px;\n\t\t\t\tinline-size: 64px;\n\t\t\t}\n\n\t\t\t.gform-avatar__logo {\n\t\t\t\tblock-size: 20px;\n\t\t\t\tinline-size: 20px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-avatar__no-image-icon,\n\t.gform-avatar__initials {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-anti-flash-white);\n\t\tborder-radius: 100%;\n\t\tcolor: var(--gform-admin-color-comet);\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t}\n\n\t.gform-avatar__initials {\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-weight: var(--gform-admin-font-weight-semibold);\n\t\ttext-transform: uppercase;\n\t\tuser-select: none;\n\t}\n\n\t.gform-avatar__logo {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 2px solid var(--gform-admin-color-white);\n\t\tborder-radius: 100%;\n\t\tbox-sizing: initial;\n\t\tdisplay: flex;\n\t\tinset-block-end: -4px;\n\t\tinset-inline-end: -4px;\n\t\tjustify-content: center;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 3;\n\n\t\tsvg {\n\t\t\tblock-size: 100%;\n\t\t\tinline-size: 100%;\n\t\t}\n\t}\n}\n"]}