/* Alternate accessory photographs share the existing image frame and card dimensions. */
.gear-shop-page [data-accessory-view] { position:relative; }
.gear-shop-page [data-accessory-view] [data-accessory-media] {
    position:relative;
    isolation:isolate;
    overflow:hidden;
}
.gear-shop-page [data-accessory-view] [data-accessory-media] > img:is(.xfg-accessory-main,.xfg-accessory-alternate),
.gear-shop-page [data-accessory-view]:hover [data-accessory-media] > img:is(.xfg-accessory-main,.xfg-accessory-alternate) {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    transform:none;
    transition:none; /* Swap decoded views without fading through the card background. */
}
.gear-shop-page [data-accessory-view] .xfg-accessory-main { opacity:1; }
.gear-shop-page [data-accessory-view] .xfg-accessory-alternate { opacity:0; visibility:hidden; }
.gear-shop-page [data-accessory-view].has-accessory-alternate .xfg-accessory-alternate { visibility:visible; }
.gear-shop-page [data-accessory-view].has-accessory-alternate.is-accessory-alternate .xfg-accessory-main { opacity:0; }
.gear-shop-page [data-accessory-view].has-accessory-alternate.is-accessory-alternate .xfg-accessory-alternate { opacity:1; }
.gear-shop-page [data-accessory-gallery] [data-accessory-gallery-alternate]:disabled {
    opacity:.5;
    cursor:default;
}
.gear-shop-page [data-accessory-gallery] [data-accessory-gallery-alternate].is-accessory-unavailable img { visibility:hidden; }
@media(prefers-reduced-motion:reduce) {
    .gear-shop-page [data-accessory-view] [data-accessory-media] > img:is(.xfg-accessory-main,.xfg-accessory-alternate),
    .gear-shop-page [data-accessory-view]:hover [data-accessory-media] > img:is(.xfg-accessory-main,.xfg-accessory-alternate) { transition:none; }
}