:root{----background-color-fff-fff:#fff;----display-flex-flex:flex;----place-items-center-center:center;----flex-direction-column-column:column;----border-radius-8px-8px:8px;----box-shadow-04px8pxrgba00001-04px8pxrgba00001:0 4px 8px rgba(0, 0, 0, 0.1);----margin-0auto-0auto:0 auto;----padding-20px-20px:20px;----width-100-100:100%;----padding-10px-10px:10px;----box-sizing-borderbox-borderbox:border-box;----border-1pxsolidccc-1pxsolidccc:1px solid #ccc;----border-radius-5px-5px:5px;----font-family-Arialsansserif-Arialsansserif:'Arial', sans-serif;----resize-vertical-vertical:vertical;----height-150px-150px:150px;----background-color-4caf50-4caf50:#4caf50;----padding-10px20px-10px20px:10px 20px;----border-none-none:none;----border-radius-4px-4px:4px;----cursor-pointer-pointer:pointer;----background-color-3498db-3498db:#3498db;----background-color-f9f9f9-f9f9f9:#f9f9f9;----white-space-preline-preline:pre-line;----font-size-14px-14px:14px;--background-color-varbackgroundcolorfff:var(--background-color-fff);--display-vardisplayflex:var(--display-flex);--place-items-varplaceitemscenter:var(--place-items-center);--flex-direction-varflexdirectioncolumn:var(--flex-direction-column);--border-radius-varborderradius8px:var(--border-radius-8px);--box-shadow-varboxshadow04px8pxrgba00001:var(--box-shadow-04px8pxrgba00001);--margin-varmargin0auto:var(--margin-0auto);--padding-varpadding20px:var(--padding-20px);--width-varwidth100:var(--width-100);--padding-varpadding10px:var(--padding-10px);--box-sizing-varboxsizingborderbox:var(--box-sizing-borderbox);--border-varborder1pxsolidccc:var(--border-1pxsolidccc);--border-radius-varborderradius5px:var(--border-radius-5px);--font-family-varfontfamilyArialsansserif:var(--font-family-Arialsansserif);--resize-varresizevertical:var(--resize-vertical);--height-varheight150px:var(--height-150px);--background-color-varbackgroundcolor4caf50:var(--background-color-4caf50);--padding-varpadding10px20px:var(--padding-10px20px);--border-varbordernone:var(--border-none);--border-radius-varborderradius4px:var(--border-radius-4px);--cursor-varcursorpointer:var(--cursor-pointer);--background-color-varbackgroundcolor3498db:var(--background-color-3498db);--background-color-varbackgroundcolorf9f9f9:var(--background-color-f9f9f9);--white-space-varwhitespacepreline:var(--white-space-preline);--font-size-varfontsize14px:var(--font-size-14px);}root{--background-color-fff:var(----background-color-fff-fff);--display-flex:var(----display-flex-flex);--place-items-center:var(----place-items-center-center);--flex-direction-column:var(----flex-direction-column-column);--border-radius-8px:var(----border-radius-8px-8px);--box-shadow-04px8pxrgba00001:var(----box-shadow-04px8pxrgba00001-04px8pxrgba00001);--margin-0auto:var(----margin-0auto-0auto);--padding-20px:var(----padding-20px-20px);--width-100:var(----width-100-100);--padding-10px:var(----padding-10px-10px);--box-sizing-borderbox:var(----box-sizing-borderbox-borderbox);--border-1pxsolidccc:var(----border-1pxsolidccc-1pxsolidccc);--border-radius-5px:var(----border-radius-5px-5px);--font-family-Arialsansserif:var(----font-family-Arialsansserif-Arialsansserif);--resize-vertical:var(----resize-vertical-vertical);--height-150px:var(----height-150px-150px);--background-color-4caf50:var(----background-color-4caf50-4caf50);--padding-10px20px:var(----padding-10px20px-10px20px);--border-none:var(----border-none-none);--border-radius-4px:var(----border-radius-4px-4px);--cursor-pointer:var(----cursor-pointer-pointer);--background-color-3498db:var(----background-color-3498db-3498db);--background-color-f9f9f9:var(----background-color-f9f9f9-f9f9f9);--white-space-preline:var(----white-space-preline-preline);--font-size-14px:var(----font-size-14px-14px);}.at_container{background-color:var(--background-color-varbackgroundcolorfff);display:var(--display-vardisplayflex);place-items:var(--place-items-varplaceitemscenter);flex-direction:var(--flex-direction-varflexdirectioncolumn);border-radius:var(--border-radius-varborderradius8px);box-shadow:var(--box-shadow-varboxshadow04px8pxrgba00001);margin:var(--margin-varmargin0auto);padding:var(--padding-varpadding20px);text-align:var(--place-items-varplaceitemscenter);}.at_container div{width:var(--width-varwidth100);margin:var(--margin-varmargin0auto);}.at_container .at_input{padding:var(--padding-varpadding10px);box-sizing:var(--box-sizing-varboxsizingborderbox);border:var(--border-varborder1pxsolidccc);border-radius:var(--border-radius-varborderradius5px);margin-bottom:var(--padding-varpadding10px);font-family:var(--font-family-varfontfamilyArialsansserif);resize:var(--resize-varresizevertical);}#inputCss{width:var(--width-varwidth100);margin:var(--margin-varmargin0auto);height:var(--height-varheight150px);}.atGenbtn, #copyButton{background-color:var(--background-color-varbackgroundcolor4caf50);color:var(--background-color-varbackgroundcolorfff);padding:var(--padding-varpadding10px20px);border:var(--border-varbordernone);border-radius:var(--border-radius-varborderradius4px);cursor:var(--cursor-varcursorpointer);}#copyButton{background-color:var(--background-color-varbackgroundcolor3498db);display:var(--border-varbordernone);}.at_container pre{background-color:var(--background-color-varbackgroundcolorf9f9f9);padding:var(--padding-varpadding10px);border-radius:var(--border-radius-varborderradius4px);white-space:var(--white-space-varwhitespacepreline);font-size:var(--font-size-varfontsize14px);}root{}
