.campus-view-sprite{position:relative;display:block;aspect-ratio:1;width:100%;height:auto;min-width:0;overflow:hidden;line-height:0;isolation:isolate;pointer-events:none}
.campus-view-sprite>img.campus-view-atlas{position:absolute;display:block;width:300%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0;object-fit:fill;transform:none;pointer-events:none}
.campus-collection-art:has(.campus-view-sprite),.campus-item-art-wrap:has(.campus-view-sprite){display:grid;place-items:center}
.campus-collection-art>.campus-view-sprite{height:100%!important;width:auto!important;max-width:100%;aspect-ratio:1}
.campus-selection-thumb>.campus-view-sprite{width:100%;height:100%}
.campus-object-art>.campus-view-sprite{width:100%;height:auto}

/* A three-view atlas needs a square clipping window, even in rectangular previews. */
.market-item-stage:has(.campus-view-sprite),.focus-inspect-object:has(.campus-view-sprite){container-type:size}
.market-item-stage:has(.campus-view-sprite)>.campus-variant-art,.focus-inspect-object:has(.campus-view-sprite)>.campus-variant-art{display:flex;align-items:center;justify-content:center}
.market-item-stage .campus-view-sprite,.focus-inspect-object .campus-view-sprite{flex:0 0 auto;width:min(100cqw,100cqh)!important;height:auto!important;max-width:none;max-height:none;aspect-ratio:1}
.market-item-stage .campus-view-sprite{width:min(100cqw,100cqh,420px)!important}