.Components_componentsPage__dhsB9{max-width:1400px;margin:0 auto;padding:2rem 1rem}.Components_header___7OXP{text-align:center;margin-bottom:3rem}.Components_header___7OXP h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,var(--primary),#6c5ce7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.Components_header___7OXP p{color:var(--text-secondary);margin-bottom:2rem}.Components_search__xIsTk{margin-bottom:2rem}.Components_search__xIsTk input{width:100%;max-width:500px;padding:1rem 1.5rem;border-radius:50px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:var(--text);font-size:1rem}.Components_search__xIsTk input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(28,169,201,.2)}.Components_categories__8Epy5{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem}.Components_categoryButton__dUogt{padding:.6rem 1.2rem;border-radius:50px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.Components_categoryButton__dUogt:hover{background:hsla(0,0%,100%,.1);color:var(--text)}.Components_categoryButton__dUogt.Components_active__uhpyX{background:var(--primary);color:#fff;border-color:transparent}.Components_componentsGrid__fUs4D{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.Components_componentCard__3V_9Y{background:var(--surface);border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;cursor:pointer}.Components_componentCard__3V_9Y:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.2)}.Components_componentPreview__rpf2N{height:200px;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.05)}.Components_componentInfo__R8w3d{padding:1.25rem}.Components_componentInfo__R8w3d h3{margin:0 0 .75rem;font-size:1.1rem}.Components_componentMeta__XJ0P1{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.9rem}.Components_gradientButton__y9d3e{padding:.8em 1.8em;border:2px solid #1ca9c9;position:relative;overflow:hidden;background-color:transparent;text-align:center;font-size:16px;transition:.3s;z-index:1;font-family:inherit;color:#1ca9c9;border-radius:8px}.Components_gradientButton__y9d3e:before{content:"";width:0;height:300%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#1ca9c9;transition:.5s ease;display:block;z-index:-1}.Components_gradientButton__y9d3e:hover:before{width:105%}.Components_gradientButton__y9d3e:hover{color:#fff}.Components_hoverCard__Wndq7{width:280px;height:200px;background:linear-gradient(45deg,#2a2a72,#009ffd);border-radius:16px;overflow:hidden;position:relative;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:all .3s ease}.Components_hoverCard__Wndq7:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.Components_hoverCardContent__UqH7e{padding:20px;position:absolute;bottom:0;background:rgba(0,0,0,.4);width:100%;transform:translateY(60px);transition:transform .3s ease}.Components_hoverCard__Wndq7:hover .Components_hoverCardContent__UqH7e{transform:translateY(0)}.Components_hoverCard__Wndq7 h3{margin:0 0 10px;font-size:20px}.Components_hoverCard__Wndq7 p{margin:0;opacity:0;transition:opacity .3s ease}.Components_hoverCard__Wndq7:hover p{opacity:1}.Components_toggleSwitch__wdVv_{position:relative;display:inline-block;width:60px;height:34px}.Components_toggleSwitch__wdVv_ input{opacity:0;width:0;height:0}.Components_slider__zRW7Z{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.Components_slider__zRW7Z:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.Components_toggleSwitch__wdVv_ input:checked+.Components_slider__zRW7Z{background-color:#2196f3}.Components_toggleSwitch__wdVv_ input:checked+.Components_slider__zRW7Z:before{transform:translateX(26px)}.Components_componentModal__7r6BR{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.Components_modalContent__hemhF{background:var(--surface);border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.Components_modalHeader__rlkuo{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.Components_modalHeader__rlkuo h2{margin:0;font-size:1.5rem}.Components_closeButton__wH4H8{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color .2s ease}.Components_closeButton__wH4H8:hover{color:var(--text)}.Components_tabs__7FvRi{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1)}.Components_tabButton__3aOvX{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.95rem}.Components_tabButton__3aOvX:hover{color:var(--text)}.Components_activeTab__BarWw{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}.Components_tabContent__Kkfj_{flex:1 1;overflow:auto;position:relative}.Components_previewContainer__SlxfX{padding:3rem;display:flex;align-items:center;justify-content:center;min-height:300px}.Components_codeContainer__t13hD{position:relative}.Components_codeContainer__t13hD pre{margin:0!important;border-radius:0!important}.Components_copyButton__7z4HA{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.1);border:none;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;z-index:10;transition:background .2s ease}.Components_copyButton__7z4HA:hover{background:hsla(0,0%,100%,.2)}.Components_modalFooter__U6qfq{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.Components_authorInfo__0EfyW{color:var(--text-secondary);font-size:.9rem}.Components_likeButton__nAKtk{background:none;border:1px solid hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:50px;color:var(--text);cursor:pointer;transition:all .2s ease}.Components_likeButton__nAKtk:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}@media (max-width:768px){.Components_header___7OXP h1{font-size:2rem}.Components_componentsGrid__fUs4D{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.Components_componentPreview__rpf2N{height:180px}.Components_previewContainer__SlxfX{padding:2rem}.Components_tabs__7FvRi{overflow-x:auto}.Components_tabButton__3aOvX{padding:.75rem 1rem;white-space:nowrap}}