.crsl-container{width:100%;border:1px solid #ccc;padding:0;box-shadow:0 2px 5px #0000001a;margin:20px auto}.crsl-container.crsl-hidden{display:none}.crsl-main-image-wrapper{position:relative;margin-bottom:10px;background-color:#f0f0f0;min-height:300px;display:flex;justify-content:center;align-items:center}#crsl-main-image{display:block;max-width:100%;max-height:450px;height:auto;object-fit:contain;margin-top:.5rem}.crsl-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;font-size:1.5rem;padding:10px 15px;cursor:pointer;opacity:.7;transition:opacity .2s ease;z-index:10}.crsl-nav-button:hover{opacity:1}.crsl-nav-button:disabled{opacity:.3;cursor:not-allowed}.crsl-nav-button.crsl-prev{left:10px}.crsl-nav-button.crsl-next{right:10px}#crsl-thumbnail-container.crsl-thumbnail-container{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #eee;max-height:100px;overflow-y:auto}.crsl-thumbnail{width:80px;height:60px;object-fit:cover;cursor:pointer;opacity:.6;border:2px solid transparent;transition:opacity .2s ease,border-color .2s ease}.crsl-thumbnail:hover{opacity:1}.crsl-thumbnail.crsl-active{opacity:1;border-color:red}.single-image{display:block;max-width:100%;max-height:400px;height:auto;object-fit:contain;margin-top:1rem;margin-bottom:1rem}