ReactTest / assets /index-98acc9b5.css
contact-1001epochs's picture
Upload 11 files
8d0f5fd
raw
history blame contribute delete
No virus
15.1 kB
.authBox{align-self:center;background-color:#caf0f8;padding:1rem;border-radius:30px;box-shadow:var(--shadow)}.loginContainer{display:flex;flex-direction:column;gap:.5rem}.loginContainer>*{min-height:30px;border-radius:var(--radius);border:none;font-size:1rem}.loginContainer{text-align:center}.loginTextBox{color:var(--dark);font-family:inherit;padding:.3rem 0 .3rem .2rem;border:1px solid var(--grey-dark);background-color:var(--light)}.loginBtn{color:var(--dark);padding:.3rem 0;border:2px solid;border-color:transparent;background-color:var(--light);transition:all .25s;cursor:pointer}.loginBtn:hover{border-color:var(--grey-dark)}.loginGoogle{display:flex;align-items:center;justify-content:center;gap:.3rem}.loginGoogle>img{width:26px}.messageContainer{display:flex}.message{display:flex;gap:.5rem;text-align:left;min-width:300px;width:fit-content;margin:0 7px}.messageContent{width:100%;display:flex;flex-direction:column;align-items:flex-start}.profilePic{width:56px;height:56px;border-radius:50%;box-shadow:var(--shadow)}.messageDetails{display:flex;flex-direction:column;min-height:54px;gap:.1rem}.messageDetails>*{margin:0}.name{font-size:smaller;color:var(--grey-dark)}.timestamp{font-size:small}.messageText{font-size:large;padding:1rem;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background-color:#caf0f8;box-shadow:var(--shadow)}.attachments{width:100%;height:20px;background-color:var(--light);border-radius:var(--radius);border:solid var(--grey-dark) 1px}.userMessage{align-self:flex-end}.userMessage>.message{flex-direction:row-reverse}.userMessage>.message>.messageContent{align-items:flex-end}.userMessage>.message>.messageContent>.messageDetails{text-align:right}.userMessage>.message>.messageContent>.messageDetails>.messageText{color:#fff;background-color:#559af9;border-top-right-radius:0;border-top-left-radius:30px}.chatBot{background:var(--light);border-radius:20px;box-shadow:var(--shadow);width:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.chatTitle{display:flex;align-items:center;padding:.5rem 1rem .2rem;background-color:#559af9;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-weight:700;font-size:larger}.chatTitle>h4{margin:0 auto}.titleBarButtons{background:none;border:none;cursor:pointer;transition:scale .3s}.titleBarButtons:hover{scale:1.2}.titleBarButtons>img{width:38px}.chatArea{display:flex;height:100%;flex-direction:column;padding:1rem;gap:1rem;box-sizing:border-box;overflow-y:scroll;-webkit-overflow-scrolling:touch;background-image:url(/assets/Grayscale-f7094aaf.png);background-position:center;background-repeat:no-repeat;background-size:contain}.chatArea::-webkit-scrollbar{width:7px}.chatArea::-webkit-scrollbar-thumb{border-radius:8px;background-color:#0003;visibility:hidden}.chatArea:hover::-webkit-scrollbar-thumb{visibility:visible}.inputBox{margin-top:5px;border-radius:var(--radius);border:solid var(--grey) 1px;width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-image:url(/src/assets/logos/Grayscale\ Transparent.svg);background-position:center;background-repeat:no-repeat;background-size:cover}.inputBox>*{box-sizing:border-box;padding:.5rem 1rem;height:inherit;background:none;border:none}.textInput{width:100%;color:var(--dark)}.uploadAndSubmit{display:flex;gap:1rem}.fileInput{display:flex}.fileLabel{display:inline-flex;cursor:pointer}.fileLabel>img,.submit>img{width:36px}.submit{background:none;border:none;cursor:pointer}.typing{width:fit-content;height:fit-content;position:relative;padding:10px;margin-left:5px;background:#e6e6e6;border-radius:20px;box-shadow:var(--shadow)}.typing__dot{float:left;width:8px;height:8px;margin:0 4px;background:#8d8c91;border-radius:50%;opacity:0;animation:loadingFade 1s infinite}.typing__dot:nth-child(1){animation-delay:0s}.typing__dot:nth-child(2){animation-delay:.2s}.typing__dot:nth-child(3){animation-delay:.4s}@keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black}@media (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight}.annotationLayer .textWidgetAnnotation input:required,.annotationLayer .textWidgetAnnotation textarea:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation.checkBox input:required,.annotationLayer .buttonWidgetAnnotation.radioButton input:required{outline:1.5px solid selectedItem}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;--scale-factor: 1}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0}.annotationLayer .linkAnnotation>a,.annotationLayer .buttonWidgetAnnotation.pushButton>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer .buttonWidgetAnnotation.pushButton>canvas{width:100%;height:100%}.annotationLayer .linkAnnotation>a:hover,.annotationLayer .buttonWidgetAnnotation.pushButton>a:hover{opacity:.2;background:rgba(255,255,0,1);box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%}.annotationLayer .textWidgetAnnotation input,.annotationLayer .textWidgetAnnotation textarea,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation.checkBox input,.annotationLayer .buttonWidgetAnnotation.radioButton input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation input:required,.annotationLayer .textWidgetAnnotation textarea:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation.checkBox input:required,.annotationLayer .buttonWidgetAnnotation.radioButton input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation input[disabled],.annotationLayer .textWidgetAnnotation textarea[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation input:hover,.annotationLayer .textWidgetAnnotation textarea:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .buttonWidgetAnnotation.radioButton input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation input:hover,.annotationLayer .textWidgetAnnotation textarea:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation input:focus,.annotationLayer .textWidgetAnnotation textarea:focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox :focus,.annotationLayer .buttonWidgetAnnotation.radioButton :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation.checkBox input,.annotationLayer .buttonWidgetAnnotation.radioButton input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1}.textLayer{position:absolute;text-align:initial;left:0;top:0;right:0;bottom:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none}.textLayer span,.textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;user-select:none}.textLayer .endOfContent.active{top:0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App{display:flex;position:fixed;width:100%;height:100%;top:0;left:0}.container{margin:0 auto;border-radius:20px;box-sizing:border-box;display:flex;justify-content:space-between}.register{background:None;box-shadow:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.closed{width:0}@media screen and (min-width: 600px){.container{width:100%;height:95%;margin:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a}.my-header{background-color:#80808080;color:#fff;padding:10px 0}.my-navbar{display:flex;justify-content:space-between;align-items:center}.my-navbar img{max-width:100px}main{padding:20px}.profile-container{background-color:#fff;border:1px solid #ddd;margin-bottom:20px;padding:20px}.profile-header h1{font-size:24px;margin-bottom:10px}.profile-body{display:flex;flex-direction:column}.profile-name,.profile-email,.profile-tier{margin-bottom:10px}.profile-chat-history p{white-space:pre-wrap}.tier-selection{background-color:#fff;border:1px solid #ddd;padding:20px;margin-top:20px}.tier-selection h1{font-size:24px;margin-bottom:20px}.tier-selection-container{display:flex;justify-content:space-between;align-items:center}.tier-selection-basic,.tier-selection-premium,.tier-selection-pro{width:30%;padding:10px;border:1px solid #ddd;text-align:center}.tier-selection-basic a,.tier-selection-premium a,.tier-selection-pro a{text-decoration:none;color:#333}.tier-selection-basic a:hover,.tier-selection-premium a:hover,.tier-selection-pro a:hover{color:#007bff}:root{font-family:Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:20px;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:var(--grey, #e5e5e5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--light: #ffffff;--dark: #000000;--grey: #e5e5e5;--grey-dark: #727272;--accent: #170df2;--radius: 10px;--shadow: rgba(149, 157, 165, .2) 0px 8px 24px}a{font-weight:500;color:#646cff;text-decoration:inherit;cursor:pointer}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}