.slider-wrapper{opacity:0;transition:opacity .6s}.slider-wrapper.loaded,.slider-wrapper.slider-error{opacity:1}.slider-wrapper.slider-error:after{content:"اسلایدر نیاز به: npm install three gsap";background:hsl(var(--muted));color:hsl(var(--muted-foreground));z-index:5;text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex;position:absolute;inset:0}.slides-navigation{-webkit-backdrop-filter:blur(14px);background:#00000080;border:1px solid #ffffff24;border-radius:1rem;gap:.4rem;min-width:170px;max-width:230px;padding:.75rem}.slide-nav-item{cursor:pointer;opacity:.72;border-radius:.7rem;padding:.55rem .7rem;transition:background .25s,opacity .25s}.slide-nav-item:hover{opacity:1;background:#ffffff1a}.slide-nav-item.active{opacity:1;box-shadow:inset 0 0 0 1px hsl(var(--primary) / .55);background:#ffffff1f}.slide-nav-title{color:#fff;text-align:right;white-space:nowrap;text-overflow:ellipsis;direction:rtl;font-size:.82rem;font-weight:600;line-height:1.45;overflow:hidden}.slide-nav-item.active .slide-nav-title{color:hsl(var(--primary))}.slide-progress-line{background:#ffffff38;border-radius:3px;height:3px;margin-bottom:.4rem;overflow:hidden}.slide-progress-fill{background:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--primary) / .65));border-radius:3px;width:0%;height:100%;transition:width .1s linear,opacity .3s}.slide-title,.slide-description{direction:rtl;unicode-bidi:plaintext}@media (max-width:640px){.slides-navigation{min-width:124px;max-width:148px;padding:.5rem}.slide-nav-title{font-size:.72rem}}.slides-navigation{scrollbar-width:thin;scrollbar-color:hsl(var(--primary) / .46) transparent}.slides-navigation::-webkit-scrollbar-thumb{background-color:hsl(var(--primary) / .46);border-radius:999px}.slide-nav-item{color:#ffffffbf;background:0 0;border:1px solid #0000;transition:background .2s,border-color .2s,color .2s;border-radius:10px!important}.slide-nav-item:hover,.slide-nav-item.is-active{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff2e!important}.slide-title,.slide-description{text-align:right}.slides-navigation::-webkit-scrollbar{display:none}.slide-nav-item{min-width:130px}@media (max-width:640px){.slide-nav-item{min-width:100px}}.slides-navigation{scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.slides-navigation .slide-nav-item{scroll-snap-align:start;flex:none}.slider-wrapper .slides-navigation{flex-direction:row;justify-content:center;width:auto;min-width:0;max-width:none;max-height:none;display:flex;inset-block:auto 16px;inset-inline:16px;overflow:auto hidden;transform:none}.slider-wrapper .slides-navigation .slide-nav-item{flex:0 0 150px;min-width:0}.portfolio-skeleton{background:#ffffff0f;animation:1.8s ease-in-out infinite pulse}.slides-navigation{scrollbar-width:thin}.slides-navigation::-webkit-scrollbar{width:4px}@media (max-width:768px){.slider-wrapper .slides-navigation{justify-content:flex-start}.slider-wrapper .slides-navigation .slide-nav-item{flex-basis:120px}}@media (max-width:480px){.slider-wrapper .slides-navigation .slide-nav-item{flex-basis:104px}}html:not(.dark) .slider-wrapper .slides-navigation{border-color:hsl(var(--foreground) / .12);box-shadow:0 12px 32px -24px hsl(var(--foreground) / .3), inset 0 1px 0 #ffffffdb;background:#ffffffc7}html:not(.dark) .slider-wrapper .slide-nav-item{color:hsl(var(--foreground) / .68)}html:not(.dark) .slider-wrapper .slide-nav-item:hover,html:not(.dark) .slider-wrapper .slide-nav-item.is-active{border-color:hsl(var(--foreground) / .12)!important;background:hsl(var(--foreground) / .06)!important;color:hsl(var(--foreground))!important}html:not(.dark) .slider-wrapper .slide-nav-title{color:hsl(var(--foreground) / .8)}html:not(.dark) .slider-wrapper .slide-nav-item.active .slide-nav-title{color:hsl(var(--primary))}html:not(.dark) .slider-wrapper .slide-progress-line{background:hsl(var(--foreground) / .14)}@media (max-width:768px){.slider-wrapper canvas{width:100%!important;height:100%!important}}