/* Wide edge click targets; the majority of the image keeps its zoom action. */
.soft-detail .xd-image-gallery:not(.is-single) .xd-image-gallery-control{top:0;bottom:0;width:18%;height:100%;min-width:0;max-width:none;transform:none;border-radius:0;background:transparent;opacity:1;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none}
.soft-detail .xd-image-gallery .xd-image-gallery-control.is-prev{left:0}
.soft-detail .xd-image-gallery .xd-image-gallery-control.is-next{right:0}
.soft-detail .xd-image-gallery-control>span{display:flex;align-items:center;justify-content:center;width:36px;height:56px;border-radius:9px;background:rgba(25,35,50,.58);color:#fff;font-size:25px;line-height:1;pointer-events:none;transition:background-color .15s}
.soft-detail .xd-image-gallery:not(.is-single) .xd-image-gallery-control:hover{background:rgba(25,35,50,.06)}
.soft-detail .xd-image-gallery-control:hover>span,.soft-detail .xd-image-gallery-control:focus-visible>span{background:rgba(25,35,50,.85)}
.soft-detail .xd-image-gallery-control:focus-visible{outline:2px solid #8cb5ed;outline-offset:-3px}
.soft-detail .xd-image-gallery-counter{pointer-events:none}
.soft-detail .xd-image-gallery-zoom-hint{position:absolute;inset:0 18%;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .15s}
.soft-detail .xd-image-gallery.is-single .xd-image-gallery-zoom-hint{inset:0}
.soft-detail .xd-image-gallery-zoom-hint>span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:9px;background:rgba(25,35,50,.72);color:#fff;font-size:14px;line-height:22px}
.soft-detail .xd-image-gallery-zoom-hint svg{display:block;flex-shrink:0}
@media(hover:hover){.soft-detail .xd-image-gallery-viewport:has(.xd-image-gallery-image:hover) .xd-image-gallery-zoom-hint{opacity:1}}
.soft-detail .xd-image-gallery-viewport:has(.xd-image-gallery-image:focus-visible) .xd-image-gallery-zoom-hint{opacity:1}
@media(max-width:800px){.soft-detail .xd-image-gallery-control>span{width:28px;height:42px;border-radius:7px;font-size:20px;background:rgba(25,35,50,.48)}}
@media(prefers-reduced-motion:reduce){.soft-detail .xd-image-gallery-control>span,.soft-detail .xd-image-gallery-zoom-hint{transition:none}}