.neonText__exampleText{margin-bottom:15px;font-size:50px;color:#fff}.neonText__example{background-image:url(https://www.transparenttextures.com/patterns/3px-tile.png);display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100%;border-radius:10px;background-color:#1e1e1e}.neonText__tabs{margin-top:3px;margin-bottom:3px}.neonText__numberBox{width:calc(var(--spacing)*15);padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*.5);text-align:right;font-size:var(--heroui-font-size-small);line-height:var(--heroui-line-height-small);color:hsl(var(--heroui-default-700)/1);font-weight:var(--font-weight-medium);background-color:hsl(var(--heroui-default-100)/1);border-radius:var(--heroui-radius-small);border-width:var(--heroui-border-width-medium);border-style:var(--tw-border-style);border-color:rgba(0,0,0,0);outline-style:solid;outline-color:rgba(0,0,0,0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.neonText__numberBox:focus,.neonText__numberBox:hover{border-color:hsl(var(--heroui-primary)/1)}.neonText__opacity{width:calc(var(--spacing)*16);padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*.5);text-align:right;font-size:var(--heroui-font-size-small);line-height:var(--heroui-line-height-small);color:hsl(var(--heroui-default-700)/1);font-weight:var(--font-weight-medium);background-color:hsl(var(--heroui-default-100)/1);border-radius:var(--heroui-radius-small);border-width:var(--heroui-border-width-medium);border-style:var(--tw-border-style);border-color:rgba(0,0,0,0);outline-style:solid;outline-color:rgba(0,0,0,0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.neonText__opacity:focus,.neonText__opacity:hover{border-color:hsl(var(--heroui-primary)/1)}.neonText__colorBlocks{display:flex;flex-direction:column;justify-content:start;align-items:center;margin-top:10px;overflow-y:auto;height:220px}.neonText__opacitySlider{margin:0 5px;width:190px}.neonText__colorBlock{height:40px;width:380px;display:flex;align-items:center}.neonText__colorBlock:last-child{border-bottom:none}.neonText__colorCode{width:calc(var(--spacing)*19);padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*.5);text-align:right;font-size:var(--heroui-font-size-small);line-height:var(--heroui-line-height-small);color:hsl(var(--heroui-default-700)/1);font-weight:var(--font-weight-medium);background-color:hsl(var(--heroui-default-100)/1);border-radius:var(--heroui-radius-small);border-width:var(--heroui-border-width-medium);border-style:var(--tw-border-style);border-color:rgba(0,0,0,0);outline-style:solid;outline-color:rgba(0,0,0,0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));margin-left:7px;text-align:center}.neonText__colorCode:focus,.neonText__colorCode:hover{border-color:hsl(var(--heroui-primary)/1)}.neonText__color{width:36px;height:38px}.neonText__randomizeButton{position:absolute;right:10px;bottom:10px;background-color:hsl(var(--heroui-default-100)/1);color:hsl(var(--heroui-default-700)/1)}.neonText__copyButton{position:absolute;left:10px;bottom:10px}