.dcs-gallery{--grid-min: 30%;--border-radius: 0;--aspect-ratio: 1;--caption-display: none;--caption-bg: var(--nsw-palette-off-white);display:grid;grid-gap:28px;gap:28px;margin-inline:-1rem;@media(min-width:48rem){grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr));grid-template-rows:masonry;masonry-auto-flow:next;margin-inline:0}.dcs-gallery-item{position:relative;overflow:hidden;border-radius:var(--border-radius)}.dcs-gallery-item button:focus img{outline:solid 3px #0086b3;outline:solid 3px var(--nsw-focus);outline-offset:-3px}.dcs-gallery-item-inner{display:block;cursor:pointer;border:none;width:100%;padding:0;& picture{display:flex;width:100%;height:100%;overflow:hidden;& img{-o-object-fit:cover;object-fit:cover;height:auto;width:100%}}&[role=button]:hover{& img{transform:scale(1.1)}.image-caption{background-color:#002664;background-color:var(--nsw-brand-dark);color:#fff;color:var(--nsw-white);& *{color:inherit}}}}.image-overlay-wrapper{position:relative;aspect-ratio:var(--aspect-ratio)}.image-expand{position:absolute;bottom:0;right:0;background-color:#22272b;background-color:var(--nsw-grey-01);color:#fff;color:var(--nsw-white);opacity:.9;border-top-left-radius:4px;padding:.25rem .5rem .25rem .375rem;font-weight:500;font-size:.875rem;font-size:var(--nsw-font-size-xs-desktop);text-shadow:0 0 4px #22272b;text-shadow:0 0 4px var(--nsw-grey-01);display:flex;align-items:center;gap:4px;.material-icons{font-size:1.125rem}}.image-caption{display:var(--caption-display);padding:var(--spacing-md);font-size:var(--font-size-sm);background-color:var(--caption-bg);color:#22272b;color:var(--nsw-text-dark);text-align:left;flex-direction:column;gap:var(--spacing-sm);& h3{font-size:var(--font-size-md);color:#002664;color:var(--nsw-brand-dark);line-height:1.4;margin:0!important}& p{font-size:inherit;line-height:1.5;margin:0!important}}.square,.portrait{--aspect-ratio: 2 / 3}.landscape{--aspect-ratio: 3 / 2}}.dcs-gallery--show-caption .dcs-gallery{--grid-min: 370px;--border-radius: 4px;--caption-display: flex}.dcs-gallery--any-ratio .dcs-gallery{.portrait,.square,.landscape{--aspect-ratio: auto}}.dcs-gallery--simple-grid .dcs-gallery{--grid-min: 45%;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr));grid-template-rows:auto;margin-left:0;margin-right:0;@media(min-width:48rem){--grid-min: 237px}.dcs-gallery-item:not([hidden]){display:flex;place-content:center}.portrait,.square,.landscape{--aspect-ratio: auto}.image-expand,.image-caption{display:none}.dcs-gallery-item-inner{background-color:transparent;width:auto;pointer-events:none;& picture img{width:auto;width:initial;-o-object-fit:initial;object-fit:initial}}}.page--inline-highlight,.page--highlight{.dcs-gallery{--caption-bg: var(--nsw-white)}}