.photo-link{display:block;width:100%;height:100%}.gallery-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:#fffef3e8;color:#193b2a;font-size:25px;line-height:1;box-shadow:0 3px 12px #0002;opacity:0;transition:.2s}.gallery-arrow.prev{left:11px}.gallery-arrow.next{right:11px}.cardphoto:hover .gallery-arrow,.detailgallery .gallery-arrow{opacity:1}.photo-link img{width:100%;height:100%;object-fit:cover;transition:opacity .18s}.photo-link img.changing{opacity:.65}.gallery-dots{position:absolute;z-index:2;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.gallery-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#ffffff80;box-shadow:0 1px 3px #0004}.gallery-dots i.active{background:white;transform:scale(1.25)}.photoindex{z-index:2}.photoindex b{font-weight:800}.detailgallery{position:relative;background:#e4e5df}.detailcount{position:absolute;z-index:3;right:17px;top:17px;background:#102b1dcc;color:#fff;padding:6px 10px;border-radius:20px;font-size:9px}.thumbrail{display:flex;gap:7px;overflow-x:auto;padding:9px;background:#fbf9f3;scrollbar-width:none}.thumbrail button{padding:0;border:2px solid transparent;background:none;min-width:92px;height:65px;overflow:hidden;border-radius:4px}.thumbrail button.active{border-color:#193b2a}.thumbrail img{width:100%;height:100%;object-fit:cover}.detailgallery .gallery-arrow{top:210px}.detailgallery .gallery-arrow.prev{left:15px}.detailgallery .gallery-arrow.next{right:15px}@media(max-width:640px){.gallery-arrow{opacity:1;width:34px;height:34px}.cardphoto .gallery-arrow{top:47%}.detailgallery .gallery-arrow{top:19vh}.thumbrail button{min-width:76px;height:54px}.photoindex{font-size:7px;left:10px}.gallery-dots{bottom:13px}}