| @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
|
|
|
| html,
|
| body,
|
| [class*="stApp"],
|
| .stApp {
|
| font-family: "Inter", sans-serif !important;
|
| }
|
|
|
|
|
| [data-testid="stAppViewContainer"],
|
| [data-testid="stMain"],
|
| .stApp {
|
| overflow-y: scroll !important;
|
| }
|
|
|
|
|
| #MainMenu {
|
| visibility: hidden;
|
| }
|
| header {
|
| visibility: hidden;
|
| }
|
| footer {
|
| visibility: hidden;
|
| }
|
|
|
|
|
| ::-webkit-scrollbar {
|
| width: 6px;
|
| }
|
| ::-webkit-scrollbar-track {
|
| background: transparent;
|
| }
|
| ::-webkit-scrollbar-thumb {
|
| background: #cbd5e1;
|
| border-radius: 999px;
|
| }
|
| ::-webkit-scrollbar-thumb:hover {
|
| background: #94a3b8;
|
| }
|
|
|
|
|
| .st-emotion-cache-1y4p8pa {
|
| padding: 1rem 2rem;
|
| }
|
|
|
|
|
| .stExpander,
|
| .stDataFrame,
|
| .stJson {
|
| border-radius: 12px !important;
|
| border: 1px solid #e2e8f0 !important;
|
| }
|
|
|
|
|
| .stButton > button {
|
| border-radius: 10px !important;
|
| font-weight: 600 !important;
|
| transition:
|
| transform 0.1s ease,
|
| opacity 0.2s ease !important;
|
| }
|
| .stButton > button:active {
|
| transform: scale(0.97) !important;
|
| }
|
|
|
|
|
| .stButton > button[kind="primary"] {
|
| background: #000000 !important;
|
| color: #ffffff !important;
|
| border: none !important;
|
| }
|
| .stButton > button[kind="primary"]:hover {
|
| background: #333333 !important;
|
| }
|
|
|
|
|
| .stButton > button[kind="secondary"] {
|
| background: #ffffff !important;
|
| color: #000000 !important;
|
| border: 1px solid #000000 !important;
|
| }
|
|
|
|
|
| .stTextInput input,
|
| .stNumberInput input,
|
| .stSelectbox div[data-baseweb="select"] {
|
| border-radius: 8px !important;
|
| border-color: #e2e8f0 !important;
|
| }
|
| .stTextInput input:focus,
|
| .stNumberInput input:focus {
|
| border-color: #000000 !important;
|
| box-shadow: 0 0 0 1px #000000 !important;
|
| }
|
|
|
|
|
| [data-testid="stDataFrame"] td {
|
| color: #000000 !important;
|
| }
|
| [data-testid="stDataFrame"] th {
|
| font-weight: 700 !important;
|
| text-transform: uppercase;
|
| font-size: 0.8rem;
|
| color: #64748b !important;
|
| }
|
|
|
|
|
| .stImage img {
|
| border-radius: 12px !important;
|
| border: 1px solid #e2e8f0 !important;
|
| }
|
|
|
