.hidden-content {
    max-height: 1.4em; /* Shfaq vetëm rreshtin e parë */
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    position: relative;
}

/* Krijon efektin e zbehjes në fund të rreshtit të parë */
.hidden-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%; /* Sa pjesë e rreshtit të zbehet */
    height: 1.4em;
      background: linear-gradient(to right, transparent, #252525);
    transition: opacity 0.3s;
}

.show-content {
    max-height: 400px; /* Hapet i gjithi */
}

/* Hiq zbehjen kur teksti është i hapur */
.show-content::after {
    opacity: 0;
    pointer-events: none;
}
* { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } .fle-1ek { display: flex; } .bg-sos { background-color: rgb(var(--color-bg)); } .item-bnx { align-items: center; } .justify-hsy { justify-content: center; } .p-tsr { padding: calc(var(--spacing)*4); } :root { --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-black: #000; --spacing: .25rem; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-wide: .025em; --leading-relaxed: 1.625; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --blur-sm: 8px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: "Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --default-mono-font-family: var(--font-mono); --color-primary: rgb(var(--color-primary)); --color-primary-light: rgb(var(--color-primary-light)); --color-bg: rgb(var(--color-bg)); --color-bg-secondary: rgb(var(--color-bg-secondary)); --color-surface: rgb(var(--color-surface)); --color-border: rgb(var(--color-border)); --color-text: rgb(var(--color-text)); --color-text-secondary: rgb(var(--color-text-secondary)); --color-text-tertiary: rgb(var(--color-text-tertiary)); } :root { --color-primary: 159 232 113; --color-primary-light: 175 238 140; --color-bg: 255 255 255; --color-bg-secondary: 248 248 250; --color-surface: 255 255 255; --color-border: 230 230 235; --color-text: 29 29 31; --color-text-secondary: 80 80 85; --color-text-tertiary: 130 130 138; } :root { --color-primary: 159 232 113; --color-primary-light: 17 40 0; } .mx-16w { margin-inline: calc(var(--spacing)*6); } .mt-41m { margin-top: calc(var(--spacing)*5); } .rounded-o77 { border-radius: var(--radius-xl); } .bg-bg-qol { background-color: rgb(var(--color-bg-secondary)); } *,:after,:before,:backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } :selection { background: rgb(var(--color-primary)/.15); color: rgb(var(--color-text)); } :-webkit-scrollbar { width: 6px; height: 6px; } :-webkit-scrollbar-thumb { background: rgb(var(--color-text-tertiary)/.3); border-radius: 3px; } :-webkit-scrollbar-track { background: 0 0; } :-webkit-scrollbar-thumb:hover { background: rgb(var(--color-text-tertiary)/.5); } .item-g3b { align-items: flex-start; } .gap-boa { gap: calc(var(--spacing)*3); } .h-1tv { height: calc(var(--spacing)*10); } .w-xcq { width: calc(var(--spacing)*10); } .shrink-ctz { flex-shrink: 0; } .flex-7ii { flex: 1; } svg { vertical-align: middle; display: block; } .h-5 { height: calc(var(--spacing)*5); } .w-5 { width: calc(var(--spacing)*5); } .text-hkq { color: rgb(var(--color-text-secondary)); } .text-\[14px\] { font-size: 14px; } .font-f1r { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-pmf { color: rgb(var(--color-text)); } .mt-xps { margin-top: calc(var(--spacing)*1); } .text-\[13px\] { font-size: 13px; } .leading-ae8 { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } .mt-woj { margin-top: calc(var(--spacing)*3); } .inline-zyk { display: inline-flex; } .gap-cxe { gap: calc(var(--spacing)*2); } .rounded-tti { border-radius: var(--radius-lg); } .px-7wt { padding-inline: calc(var(--spacing)*4); } .py-xq5 { padding-block: calc(var(--spacing)*2); } .text-2ds { color: rgb(var(--color-primary)); } .shadow-2zt { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .col-3to { transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } a { cursor: pointer; } @media (hover: hover){ .hover\:bg-primary\/5:hover { background-color: color-mix(in srgb,rgb(rgb(var(--color-primary)))5%,transparent); } .hover\:bg-primary\/5:hover { background-color: color-mix(in oklab,rgb(var(--color-primary))5%,transparent); } } .h-4 { height: calc(var(--spacing)*4); } .w-4 { width: calc(var(--spacing)*4); } code { font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; } .text-\[15px\] { font-size: 15px; } .font-mvw { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .tracking-n6q { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }