.DemoPaneliBaglantisi_kutu__xjGfZ{margin:1rem 0 0;color:inherit}.DemoPaneliBaglantisi_kart__5Y9D4{display:inline-flex;align-items:center;gap:.875rem;min-height:64px;max-width:100%;padding:.625rem 1rem .625rem .625rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:16px;background:color-mix(in srgb,currentColor 9%,transparent);color:inherit;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[dir=rtl] .DemoPaneliBaglantisi_kart__5Y9D4{padding:.625rem .625rem .625rem 1rem}.DemoPaneliBaglantisi_kart__5Y9D4:focus-visible{outline:2px solid currentColor;outline-offset:3px}.DemoPaneliBaglantisi_onizleme__UTthF{position:relative;display:flex;flex:none;gap:3px;width:56px;height:42px;padding:4px;overflow:hidden;border-radius:9px;background:color-mix(in srgb,currentColor 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 16%,transparent)}.DemoPaneliBaglantisi_yan__m_2pd{flex:none;width:9px;border-radius:3px;background:color-mix(in srgb,currentColor 30%,transparent)}.DemoPaneliBaglantisi_liste__IwnOL{position:relative;display:flex;flex:1;flex-direction:column;gap:3px;transform:translateY(-10px)}.DemoPaneliBaglantisi_satir__L6ax8,.DemoPaneliBaglantisi_yeni__K9Lur{display:block;height:7px;border-radius:2px;background:color-mix(in srgb,currentColor 34%,transparent)}.DemoPaneliBaglantisi_satir__L6ax8:nth-child(3){width:80%}.DemoPaneliBaglantisi_satir__L6ax8:nth-child(4){width:64%}.DemoPaneliBaglantisi_yeni__K9Lur{background:var(--hp-accent);opacity:0}.DemoPaneliBaglantisi_metin__Jy1MV{display:flex;flex-direction:column;min-width:0;line-height:1.35}.DemoPaneliBaglantisi_baslik__B8cMd{font-size:1rem;font-weight:700}.DemoPaneliBaglantisi_alt__abyMQ{font-size:.875rem;opacity:.82}.DemoPaneliBaglantisi_ok__h0A3c{flex:none;margin-inline-start:.5rem}[dir=rtl] .DemoPaneliBaglantisi_ok__h0A3c{transform:scaleX(-1)}.DemoPaneliBaglantisi_kart__5Y9D4:focus-visible .DemoPaneliBaglantisi_liste__IwnOL,.DemoPaneliBaglantisi_kart__5Y9D4:hover .DemoPaneliBaglantisi_liste__IwnOL{transform:none}.DemoPaneliBaglantisi_kart__5Y9D4:focus-visible .DemoPaneliBaglantisi_yeni__K9Lur,.DemoPaneliBaglantisi_kart__5Y9D4:hover .DemoPaneliBaglantisi_yeni__K9Lur{opacity:1}@media (prefers-reduced-motion:no-preference){.DemoPaneliBaglantisi_kart__5Y9D4{transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s ease}.DemoPaneliBaglantisi_ok__h0A3c{transition:transform .2s cubic-bezier(.22,1,.36,1)}.DemoPaneliBaglantisi_liste__IwnOL{transition:transform .32s cubic-bezier(.22,1,.36,1) 80ms}.DemoPaneliBaglantisi_yeni__K9Lur{transition:opacity .24s ease 80ms}.DemoPaneliBaglantisi_kart__5Y9D4:hover{transform:translateY(-2px);background:color-mix(in srgb,currentColor 13%,transparent)}.DemoPaneliBaglantisi_kart__5Y9D4:hover .DemoPaneliBaglantisi_ok__h0A3c{transform:translateX(4px)}[dir=rtl] .DemoPaneliBaglantisi_kart__5Y9D4:hover .DemoPaneliBaglantisi_ok__h0A3c{transform:scaleX(-1) translateX(4px)}[data-motion=off] .DemoPaneliBaglantisi_kart__5Y9D4,[data-motion=off] .DemoPaneliBaglantisi_liste__IwnOL,[data-motion=off] .DemoPaneliBaglantisi_ok__h0A3c,[data-motion=off] .DemoPaneliBaglantisi_yeni__K9Lur{transition:none}[data-motion=off] .DemoPaneliBaglantisi_kart__5Y9D4:hover{transform:none}}@media (max-width:767px){.DemoPaneliBaglantisi_kart__5Y9D4{display:flex;width:100%}.DemoPaneliBaglantisi_ok__h0A3c{margin-inline-start:auto}}