Decoder2704/python-chatbot-jay

1.ui-card {2  box-sizing: border-box;3}4 5.ui-card--default {6  background: #ffffff;7  border: 1px solid rgba(15, 23, 42, 0.08);8  border-radius: var(--radius-lg);9  padding: var(--space-6);10  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);11  transition:12    box-shadow var(--duration-normal) var(--ease-standard),13    transform var(--duration-normal) var(--ease-standard),14    border-color var(--duration-normal) var(--ease-standard);15}16 17@media (hover: hover) {18  .ui-card--default:hover {19    box-shadow: var(--shadow-card-hover);20    transform: translateY(-1px);21    border-color: rgba(15, 23, 42, 0.1);22  }23}24 25.ui-card--feature {26  display: flex;27  flex-direction: column;28  height: 100%;29  padding: 1.75rem 1.5rem;30  background: #ffffff;31  border: 1px solid rgba(15, 23, 42, 0.06);32  border-radius: var(--radius-3xl);33  box-shadow: var(--shadow-card);34  transition:35    box-shadow var(--duration-normal) var(--ease-out),36    transform var(--duration-normal) var(--ease-out),37    border-color var(--duration-normal) var(--ease-standard);38}39 40@media (hover: hover) {41  .ui-card--feature:hover {42    box-shadow: var(--shadow-card-hover);43    transform: translateY(-3px);44    border-color: rgba(99, 102, 241, 0.18);45  }46}47 48.ui-card--doc {49  display: flex;50  flex-direction: column;51  height: 100%;52  padding: 1.75rem 1.75rem 2rem;53  background: #ffffff;54  border: 1px solid rgba(15, 23, 42, 0.07);55  border-radius: var(--radius-3xl);56  box-shadow:57    0 1px 2px rgba(15, 23, 42, 0.04),58    0 8px 28px rgba(15, 23, 42, 0.07);59  transition:60    box-shadow var(--duration-normal) var(--ease-out),61    transform var(--duration-normal) var(--ease-out),62    border-color var(--duration-normal) var(--ease-standard);63}64 65@media (hover: hover) {66  .ui-card--doc:hover {67    box-shadow: var(--shadow-card-hover);68    transform: translateY(-2px);69    border-color: rgba(99, 102, 241, 0.14);70  }71}72 73.ui-card--nested {74  padding: 1.1rem 1.15rem;75  background: linear-gradient(180deg, #fafbff 0%, #f8fafc 100%);76  border: 1px solid rgba(99, 102, 241, 0.12);77  border-radius: var(--radius-xl);78  transition:79    box-shadow var(--duration-normal) var(--ease-standard),80    transform var(--duration-normal) var(--ease-standard),81    border-color var(--duration-normal) var(--ease-standard);82}83 84@media (hover: hover) {85  .ui-card--nested:hover {86    box-shadow: 0 2px 12px rgba(99, 102, 241, 0.12);87    transform: translateY(-1px);88    border-color: rgba(99, 102, 241, 0.22);89  }90}91 92.ui-card--compact {93  padding: 1.35rem 1.4rem;94  background: #ffffff;95  border: 1px solid rgba(15, 23, 42, 0.07);96  border-radius: var(--radius-2xl);97  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);98  transition:99    box-shadow var(--duration-normal) var(--ease-standard),100    transform var(--duration-normal) var(--ease-standard);101}102 103@media (hover: hover) {104  .ui-card--compact:hover {105    box-shadow: var(--shadow-card-hover);106    transform: translateY(-1px);107  }108}109