/* UNIVERSAL CONFIG ================================================================================*/
/* App login background */
.g14, .c1f {
background: linear-gradient(to bottom left, #AAFFDD, #000020) !important;
}


/* Webkit Scrollbar Customization */
::-webkit-scrollbar {
display: none !important;
}


/* Watermark */
.o30 {
visibility: hidden !important;
position: sticky !important;
width: 100% !important;
font-weight: bold !important;
margin-top: 10px !important;
margin-bottom: 0px !important;
}
.o30::after {
color: #FFFFFF !important;
opacity: 0.5 !important;
background: #000000 !important;
border: 3px solid #FFFFFF !important;
border-radius: 20px !important;
font-style: italic !important;
content: '"Babbage may make mistakes and errors. Use with responsibility."' !important;
-webkit-background-clip: text;
visibility: visible !important;
font-family: Comfortaa !important;
font-size: 15px !important;
text-align: center !important;
padding: 5px !important;
font-weight: bold !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 600px !important;
transform: translate(-50%, -50%);
}


/* Sidebar customization */
.y19 {
border-top: 3px solid !important;
border-bottom: 3px solid !important;
border-right: 3px solid !important;
border-top-right-radius: 50px !important;
border-bottom-right-radius: 50px !important;
}


/* Generated images in UI */
.q4a, .p6 {
padding: 6px !important;
background: linear-gradient(45deg, #808080, #808080);
background-size: 100% !important;
border-radius: 10px !important;
border: 3px solid #000030;
}


/* Greeting message in UI */
.o4c, .c3f {
text-align: center !important;
color: transparent !important;
font-size: 25px !important;
background: linear-gradient(90deg, #00AAFF, #00FFA0);
-webkit-background-clip: text;
background-size: 100% !important;
}


/* Assistant messages */
.a3e {
padding: 15px !important;
border-radius: 20px !important;
box-shadow:
-5px 5px 0px 0px !important;
border: 3px solid !important;
margin-bottom: 20px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
}
.a3e:active {
box-shadow: none !important;
transform: translate(-5px, 5px) !important;
}


/* User messages in edit mode */
.i43 {
border-radius: 20px !important;
padding: 15px !important;
border: 3px solid !important;
margin-bottom: 20px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
5px 5px 0px 0px !important;
}
.i43:active {
box-shadow: none !important;
transform: translate(5px, 5px) !important;
}


/* Weird layer when user messages in edit mode */
.m41, .ze {
background: transparent !important;
}


/* Border login widget */
.x5, .k17 {
border: 3px solid !important;
border-radius: 50px !important;
}


/* Collapsed user messages */
.ta {
width: 600px !important;
}


/* Links in chat messages */
.v11, .m32 {
color: #00AAFF !important;
text-decoration: underline #00AAFF !important;
transition: color 0.5s ease !important;
}
.v11:hover, .m32:hover {
color: #0088CC !important;
text-decoration: underline #0088CC !important;
}


/* Gap in between greeting message and starters */
.x22 {
gap: 20px !important;
}


/* Description for elements in chat settings */
.z2f, .j47 {
padding-top: 5px !important;
}


/* Chat bubble icons in chat history sidebar */
.i24 {
display: none !important;
}


/* The code language title that goes above code that Babbage streams */
.c49 {
text-transform: uppercase !important;
}


/* README button in sidebar */
.o38, .e15 {
display: none !important;
}


/* Feedback filter text in sidebar */
.v1c, .w1a {
font-family: Comfortaa !important;
}


/* Feeback filter widget border */
.f37, .g18 {
border-radius: 20px !important;
}


/* README text */
.z33, .p13 {
font-family: Comfortaa !important;
}


/* Login title */
.g7, .n31 {
width: 300px !important;
font-size: 20px !important;
}


/* Container for messaging textbox */
.d28 {
padding: 15px !important;
}


/* Date labels for thread titles in sidebar */
.a20, .ff {
color: #808080 !important;
padding: 5px !important;
font-size: 13px !important;
}


/* Coding language title for code elements */
.y3b, .zb {
border-radius: 20px !important;
background: #303030 !important;
color: #ffffff !important;
padding-bottom: 5px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 5px !important;
margin-bottom: 10px !important;
}


/* Boxes containing code */
code.q36, .k46 {
border-radius: 20px !important;
border: 3px solid #808080 !important;
background-color: #000030 !important;
}


/* Text for boxes with raw code (.txt) */
code {
background-color: transparent !important;
color: #00AAFF !important;
padding: 10px 10px 10px 10px !important;
}


/*Boxes with raw code */
.j4b {
border-radius: 20px !important;
background: #000030 !important;
border: 3px solid #808080 !important;
}


/* DARK MODE CONFIG ================================================================================*/
/* Starter borders */
.u25 {
border: 3px solid #AAFFDD !important;
border-radius: 20px !important;
height: 80px !important;
padding-top: 0px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
5px 5px 0px 0px #AAFFDD !important;
}
.u25:hover {
border: 3px solid #AAFFDD !important;
background-color: #000030 !important;
border-radius: 20px !important;
height: 80px !important;
padding-top: 0px !important;
box-shadow: none !important;
transform: translate(5px, 5px) !important;
}


/* Messaging textbox */
.i2 {
border-radius: 20px !important;
border: 3px solid !important;
padding: 5px 5px 5px !important;
background: transparent !important;
transition: box-shadow 1s ease !important;
box-shadow:
0px 0px 20px 0px #AAFFDD,
0px 0px 200px 20px #AAFFDD !important;
}


/* Confirm button in settings */
.p12 {
height: 40px !important;
width: 100px !important;
border-radius: 10px !important;
border: 3px solid !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
2.5px 2.5px 0px 0px #AAFFDD !important;
}
.p12:hover {
transform: translate(2.5px, 2.5px) !important;
box-shadow: none !important;
}


/* Cancel button in settings */
.q3a {
height: 40px !important;
width: 100px !important;
background: #000030 !important;
border-radius: 10px !important;
border: 3px solid !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
2.5px 2.5px 0px 0px #AAFFDD !important;
}
.q3a:hover {
transform: translate(2.5px, 2.5px) !important;
box-shadow: none !important;
}


/* Reset button in settings */
.k9 {
height: 40px !important;
width: 100px !important;
border-radius: 10px !important;
border: 3px solid !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
2.5px 2.5px 0px 0px #AAFFDD !important;
}
.k9:hover {
transform: translate(2.5px, 2.5px) !important;
box-shadow: none !important;
}


/* README widget */
.n35 {
border: 3px solid !important;
border-radius: 20px !important;
max-width: 800px !important;
max-height: 500px !important;
transition: box-shadow 1s ease !important;
box-shadow:
0px 0px 20px 0px #AAFFDD !important;
}

/* Dividers in README */
.s27 {
border-top: 3px solid !important;
}


/* To bottom of thread button */
.u42 {
background: #000030 !important;
color: #AAFFDD !important;
border: 3px solid #AAFFDD !important;
}


/* User messages */
.t39 {
border-radius: 20px !important;
border: 3px solid #AAFFDD !important;
margin-bottom: 20px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
5px 5px 0px 0px #AAFFDD !important;
}
.t39:active {
box-shadow: none !important;
transform: translate(5px, 5px) !important;
}


/*Header in UI */
.b2e {
border-bottom: 3px solid transparent;
border-image: linear-gradient(45deg, #000030, #AAFFDD, #000030);
border-image-slice: 1;
padding: 5px !important;
}


/* Starter space between elements */
.y2a > .r10 {
padding: 10px !important;
}


/* Starter text */
.v1e {
gap: 0px !important;
}


/* Login button */
.n40 {
color: #AAFFDD !important;
background-color: #000030 !important;
border-radius: 20px !important;
font-weight: bold !important;
border: 3px solid !important;
}


/* Email/username textbox border */
.g8 {
border: 3px solid #AAFFDD !important;
background-color: #000030 !important;
border-radius: 20px !important;
}


/* Password textbox border */
.y1d {
border: 3px solid #AAFFDD !important;
background-color: #000030 !important;
border-radius: 20px !important;
}


/* Widgets for new/deleting threads and README. */
.o21 {
border: 3px solid #AAFFDD !important;
border-radius: 20px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
5px 5px 0px 0px #AAFFDD !important;
}


/* "Resume Thread" button */
.j26 {
border: 3px solid #AAFFDD !important;
color: #AAFFDD !important;
background-color: #000030 !important;
border-radius: 20px !important;
box-shadow: 0px 5px #AAFFDD !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
margin-bottom: 5px !important;
}
.j26:hover {
box-shadow: none !important;
transform: translate(0px, 5px) !important;
}


/* Text input border */
.r2b {
border: 3px solid #AAFFDD !important;
border-radius: 20px !important;
}


/* Options in selectbox */
.z3d {
border-radius: 20px !important;
border: 3px solid #AAFFDD !important;
}


/* LIGHT MODE CONFIG ================================================================================*/
/* Starter borders */
.g0 {
border: 3px solid #000030 !important;
border-radius: 20px !important;
height: 80px !important;
padding-top: 0px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
5px 5px 0px 0px #000030 !important;
}
.g0:hover {
border: 3px solid #000030 !important;
background-color: #EAEAEA !important;
border-radius: 20px !important;
height: 80px !important;
padding-top: 0px !important;
box-shadow: none !important;
transform: translate(5px, 5px) !important;
}


/* Messaging textbox */
.p45 {
border-radius: 20px !important;
border: 3px solid !important;
padding: 5px 5px 5px !important;
background: transparent !important;
transition: box-shadow 1s ease !important;
box-shadow:
0px 0px 20px 0px #000030,
0px 0px 200px 20px #000030 !important;
}


/* Confirm & reset button in settings */
.ac {
height: 40px !important;
width: 100px !important;
border-radius: 10px !important;
border: 3px solid !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
2.5px 2.5px 0px 0px #000030 !important;
}
.ac:hover {
transform: translate(2.5px, 2.5px) !important;
box-shadow: none !important;
}


/* Cancel button in settings */
.c2c {
height: 40px !important;
width: 100px !important;
background: transparent !important;
border-radius: 10px !important;
border: 3px solid !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
2.5px 2.5px 0px 0px #000030 !important;
}
.c2c:hover {
transform: translate(2.5px, 2.5px) !important;
box-shadow: none !important;
}


/* README widget */
.r3c {
border: 3px solid !important;
border-radius: 20px !important;
max-width: 1000px !important;
}


/* Dividers in README */
.l34 {
border-top: 3px solid !important;
}


/* To bottom of thread button */
.y3 {
background: #DDDDDD !important;
color: #000030 !important;
border: 3px solid #000030 !important;
}


/* User messages */
.css\.moretools\.net {
border-radius: 20px !important;
border: 3px solid #000030 !important;
margin-bottom: 20px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
5px 5px 0px 0px #000030 !important;
}
.css\.moretools\.net:active {
box-shadow: none !important;
transform: translate(5px, 5px) !important;
}


/*Header in UI */
.od {
border-bottom: 3px solid transparent;
border-image: linear-gradient(45deg, #EEEEEE, #000030, #EEEEEE);
border-image-slice: 1;
padding: 5px !important;
}


/* Login button */
.o16 {
color: #000030 !important;
background-color: #EAEAEA !important;
border-radius: 20px !important;
font-weight: bold !important;
border: 3px solid #000030 !important;
}


/* Email/username textbox border */
.u1 {
border: 3px solid #000030 !important;
background-color: #EAEAEA !important;
border-radius: 20px !important;
}


/* Password textbox border */
.j23 {
border: 3px solid #000030 !important;
background-color: #EAEAEA !important;
border-radius: 20px !important;
}


/* Widgets for new/deleting threads and README. */
.x2d {
border: 3px solid #000030 !important;
border-radius: 20px !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
box-shadow:
5px 5px 0px 0px #000030 !important;
}


/* "Resume Thread" button */
.b29 {
border: 3px solid #000030 !important;
color: #000030 !important;
background-color: #DDDDDD !important;
border-radius: 20px !important;
box-shadow: 0px 5px #000030 !important;
transition: transform 0.1s ease, box-shadow 0.1s ease !important;
margin-bottom: 5px !important;
}
.b29:hover {
box-shadow: none !important;
transform: translate(0px, 5px) !important;
}


/* Text input border */
.h44 {
border: 3px solid #000030 !important;
border-radius: 20px !important;
}


/* Options in selectbox */
.i4 {
border-radius: 20px !important;
border: 3px solid #000030 !important;
}


/* MOBILE MODE CONFIG ================================================================================*/
@media only screen and (max-width: 650px) {
.o30 {
margin-top: 15px !important;
margin-bottom: 5px !important;
}
.o30::after {
content: '"Babbage may make mistakes and errors. Use with responsibility."' !important;
font-size: 14px !important;
width: 300px !important;
}
}


@media only screen and (max-width: 600px) {
/* Login widget */
.x5, .k17 {
width: 250px !important;
max-height: 410px !important;
}


/* Email/password fields as group */
.v48 {
gap: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
}