.user-social-layout-slider-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--color-light);border-radius:16px;border:2px dashed var(--color-dark);text-align:center;min-height:200px}.user-social-layout-slider-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.user-social-layout-slider-empty-text{font-size:1.25rem;font-weight:600;color:var(--color-dark);margin:0 0 .5rem}.user-social-layout-slider-empty-subtext{font-size:.875rem;color:var(--color-gray)}.user-social-layout-slider-trigger-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px;max-width:100%}.user-social-layout-slider-trigger-image-wrapper{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.user-social-layout-slider-trigger-image-wrapper:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.user-social-layout-slider-trigger-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.user-social-layout-slider-trigger-image-wrapper:hover .user-social-layout-slider-trigger-image{transform:scale(1.1)}.user-social-layout-slider-more-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;font-weight:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-social-layout-slider-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;animation:user-social-layout-slider-fade-in-animation .3s ease-out}.user-social-layout-slider-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px)}.user-social-layout-slider-close-btn{position:absolute;top:20px;right:20px;z-index:10001;background:rgba(255,255,255,.1);border:none;color:white;font-size:1.5rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-social-layout-slider-close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.user-social-layout-slider-counter{position:absolute;top:20px;left:20px;z-index:10001;background:rgba(0,0,0,.7);color:white;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-social-layout-slider-main-container{position:relative;flex:1 1;display:flex;align-items:center;justify-content:center;padding:80px 20px 120px;z-index:10000}.user-social-layout-slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:white;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001}.user-social-layout-slider-nav-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.1)}.user-social-layout-slider-nav-prev{left:20px}.user-social-layout-slider-nav-next{right:20px}.user-social-layout-slider-main-image-container{position:relative;max-width:90vw;max-height:70vh;display:flex;align-items:center;justify-content:center}.user-social-layout-slider-main-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:user-social-layout-slider-image-appear-animation .4s cubic-bezier(.4,0,.2,1)}.user-social-layout-slider-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10002}.user-social-layout-slider-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:user-social-layout-slider-spin-animation 1s linear infinite}.user-social-layout-slider-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;padding:2rem}.user-social-layout-slider-error-icon{font-size:3rem;margin-bottom:1rem}.user-social-layout-slider-thumbnails-container{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:10001;max-width:90vw}.user-social-layout-slider-thumbnails{display:flex;gap:8px;padding:12px;background:rgba(0,0,0,.5);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.user-social-layout-slider-thumbnails::-webkit-scrollbar{display:none}.user-social-layout-slider-thumbnail{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative}.user-social-layout-slider-thumbnail:hover{transform:scale(1.1);border-color:rgba(255,255,255,.5)}.user-social-layout-slider-thumbnail-active{border-color:white;transform:scale(1.1)}.user-social-layout-slider-thumbnail img{width:100%;height:100%;object-fit:cover}.user-social-layout-slider-thumbnail-error{background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.user-social-layout-slider-thumbnail-error-icon{font-size:1.5rem}@keyframes user-social-layout-slider-fade-in-animation{0%{opacity:0}to{opacity:1}}@keyframes user-social-layout-slider-image-appear-animation{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes user-social-layout-slider-spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.user-social-layout-slider-trigger-container{grid-template-columns:repeat(2,1fr);gap:8px}.user-social-layout-slider-main-container{padding:60px 10px 100px}.user-social-layout-slider-main-image-container{max-width:95vw;max-height:60vh}.user-social-layout-slider-nav-btn{width:40px;height:40px;font-size:1.5rem}.user-social-layout-slider-nav-prev{left:10px}.user-social-layout-slider-nav-next{right:10px}.user-social-layout-slider-close-btn{top:10px;right:10px;width:36px;height:36px;font-size:1.25rem}.user-social-layout-slider-counter{top:10px;left:10px;padding:6px 12px;font-size:.75rem}.user-social-layout-slider-thumbnails-container{bottom:10px;max-width:95vw}.user-social-layout-slider-thumbnail{width:50px;height:50px}}@media (max-width:480px){.user-social-layout-slider-trigger-container{grid-template-columns:1fr 1fr}.user-social-layout-slider-main-image-container{max-height:50vh}.user-social-layout-slider-thumbnails{gap:6px;padding:8px}.user-social-layout-slider-thumbnail{width:45px;height:45px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.user-social-layout-slider-main-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.user-social-layout-slider-close-btn,.user-social-layout-slider-main-image,.user-social-layout-slider-nav-btn,.user-social-layout-slider-thumbnail,.user-social-layout-slider-trigger-image-wrapper{transition:none}.user-social-layout-slider-main-image,.user-social-layout-slider-overlay{animation:none}.user-social-layout-slider-spinner{animation:user-social-layout-slider-spin-animation 2s linear infinite}}.social-images-arrow-slider-icons svg{width:24px;height:24px}.user-images-slider-close-icon svg{width:28px;height:28px}