.dyad-image-set {
margin: var(--margin-top, 0) auto 0;
}
.dyad-image-set img {
display: block;
width: 100%;
}
.dyad-image-set .ratio img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.is-even.dyad-image-set .image-holder .ratio img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.is-even.dyad-image-set .wp-block,
.is-even.dyad-image-set .image-holder {
flex: 1 1 100% !important;
}
.dyad-image-set .wp-block {
flex: 1 1 0;
flex: var(--ratio, 1) 1 0;
}
.dyad-image-set .dyad-image-set-innerblock {
width: 100%;
margin: 0;
}
.dyad-image-set .dyad-image-set-innerblock .dyad-image {
padding: 0.25rem 0;
}
@media screen and (min-width: 40em) {
.dyad-image-set .dyad-image-set-innerblock {
width: 100%;
margin: 0.5% auto;
}
.dyad-image-set .dyad-image-set-innerblock .dyad-image {
padding: 0;
}
}
#editor .dyad-image-set .dyad-image-set-innerblock {
padding-top: 18px;
}
#editor .dyad-image-set .dyad-image-set-innerblock:not(:has(.dyad-image)) {
min-height: 5em;
background-color: #efefef; padding-bottom: 1em;
}
#editor .dyad-image-set :where(.wp-block) {
width: 100%;
max-width: 100%;
}
#editor .dyad-image-set .dyad-image-set-innerblock .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
#editor .dyad-image-set .dyad-image-set-innerblock .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
color: #000;
}
#editor .dyad-image-set .wp-block {
margin-bottom: 34px;
}
#editor .dyad-image-set .block-list-appender {  flex: 0 0 100% !important;
margin-bottom: 5px;
}
.dyad-image-set .block-list-appender button {
background: #000 !important;
color: #fff !important;
}
.dyad-image-set .block-list-appender button:hover {
background: var(--wp-admin-theme-color);
color: #fff;
}  .dyad-image-set .dyad-image-set-innerblock > * {
margin-top: var(--image-set-gap, 0);
}
.dyad-image-set .dyad-image {
margin: 0;
flex: 0 0 0;
flex: var(--ratio, 1) 1 0;
}
@media screen and (min-width: 50em) {
.dyad-image-set .dyad-image.is-vertical:only-child {
margin: 0 auto;
max-width: 50%; }
} .dyad-image-set-innerblock .dyad-image .ratio {
width: 100%;
position: relative;
padding: 0;
padding-top: var(--padding, 100%); }
@media screen and (min-width: 768px) {
.is-even .dyad-image-set-innerblock .dyad-image .ratio {
padding-top: var(--row-padding, var(--padding, 100%));
}
.is-even .dyad-image-set-innerblock .dyad-image.image-missing:only-child .ratio {
padding-top: 60%;
}
.dyad-image-set .dyad-image-set-innerblock {
display: flex;
align-items: stretch;
justify-content: center;
gap: 0.5rem;
}
.dyad-image-set .dyad-image-set-innerblock > * {
margin-top: 0;
}
.dyad-interiors-row .dyad-image-set-innerblock .dyad-image:not(:first-child),
.dyad-image-set-innerblock .acf-notify:not(:first-child),
.dyad-image-set-innerblock .wp-block-acf-dyad-image:not(:first-child) {
margin-top: 0;
}
} @media screen and (max-width: 767px) {
.heart-slideshow.showroom-mobile-slideshow {
height: 0;
padding-top: 110%;
}
.dyad-image-set:has(.showroom-mobile-slideshow) {
margin-bottom: 2em;
}
} #editor .dyad-image-set {
margin-bottom: 1rem; }
#editor .heart-slideshow.showroom-mobile-slideshow {
height: 100%;
max-height: 100%;
padding-top: 0;
}
#editor .dyad-image-set:hover {
outline: 1px dotted;
}
#editor .dyad-image-set.is-even .dyad-image-set-innerblock::after {
content: "Image Set: Even";
}
#editor .dyad-image-set .dyad-image-set-innerblock::after {
display: none;
content: "Image Set: Natural";
position: absolute;
top: 0;
right: auto; bottom: auto;
left: 0;
background-color: #ddd;
color: #000;
font-size: 8px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.25em;
padding: 4px 8px;
}
#editor .dyad-image-set .dyad-image-set-innerblock figcaption p {
margin-top: 0;
}
#editor .is-selected .dyad-image-set .dyad-image-set-innerblock::after,
#editor .dyad-image-set:hover .dyad-image-set-innerblock::after {
display: block;
}
#editor .dyad-image-set .dyad-image-set-innerblock img {
opacity: 1 !important;
}