TeresaK/vulnerability_analysisT

1 2.row-widget.stTextInput > div:first-of-type {3    background: #fff;4    display: flex;5    border: 1px solid #dfe1e5;6    box-shadow: none;7    border-radius: 24px;8    height: 50px;9    width: auto;10    margin: 10px auto 30px;11}12 13.row-widget.stTextInput > div:first-of-type:hover,14.row-widget.stTextInput > div:first-of-type:focus {15    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);16}17 18.row-widget.stTextInput .st-bq {19    background-color: #fff;20}21 22.row-widget.stTextInput > label {23    color: #b3b3b3;24}25 26.row-widget.stButton > button {27    border-radius: 24px;28    background-color: #B6C9B1;29    color: #fff;30    border: none;31    padding: 6px 20px;32    float: right;33    background-image: none;34}35 36.row-widget.stButton > button:hover {37    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);38}39 40.row-widget.stButton > button:focus {41    border: none;42    color: #fff;43}44 45.footer-custom {46    position: fixed;47    bottom: 0;48    width: 100%;49    color: var(--text-color);50    max-width: 698px;51    font-size: 14px;52    height: 50px;53    padding: 10px 0;54    z-index: 50;55}56 57.main {58    padding: 20px;59}60 61footer {62    display: none !important;63}64 65.footer-custom a {66    color: var(--text-color);67}68 69#wikipedia-assistant {70    font-size: 36px;71}72 73.generated-answer p {74    font-size: 16px;75    font-weight: bold;76}77 78.react-json-view {79    margin: 40px 0 80px;80}81 82.tooltip {83    text-align: center;84    line-height: 20px;85    display: table-caption;86    font-size: 10px;87    border-radius: 50%;88    height: 20px;89    width: 20px;90    position: relative;91    cursor: pointer;92    color:#000;93}94 95.tooltip .tooltiptext {96    visibility: hidden;97    width: 280px;98    text-align: center;99    border-radius: 6px;100    padding: 10px;101    position: absolute;102    z-index: 1;103    top: 25px;104    left: 50%;105    margin-left: -140px;106    font-size: 14px;107    background-color: #fff;108    border: 1px solid #ccc;109    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.16);110    color: #000;111}112 113.tooltip:hover .tooltiptext {114    visibility: visible;115}116 117.sentence-wrapper {118    border-left: 4px solid #ffc423;119    padding-left: 20px;120    margin-bottom: 40px;121}122 123#context {124    padding: 2rem 0 1rem;125}126 127hr {128    margin: 2em 0 1em;129}130 131  132.technical-details-info {133    margin-bottom: 100px;134}135 136.loader-wrapper {137    display: flex;138    align-items: center;139    background-color: rgba(250, 202, 43, 0.2);140    padding: 15px 20px;141    border-radius: 6px;142}143 144.loader-wrapper p {145    margin-bottom: 0;146    margin-left: 20px;147}148 149.loader {150    width: 30px;151    height: 30px;152    border: dotted 5px #868686;153    border-radius: 100%;154    animation: spin 1s linear infinite;155}156 157.loader-note {158    font-size: 14px;159    color: #b3b3b3;160    margin-left: 5px;161}162 163@keyframes spin {164  0% { 165    transform: rotate(0deg) scale(0.8); 166    border-top-color: transparent;167    border-right-color: transparent;168  }169  50% { transform: rotate(180deg) scale(1.2);   170    border-color: #949494; 171    border-top-color: transparent;172    border-right-color: transparent;173  }174  100% { transform: rotate(360deg) scale(0.8); 175    border-color: #bbbbbb;     176    border-top-color: transparent;177    border-right-color: transparent;178  }179}180