@layer ds-reset,ds-foundation,ds-subatoms;@layer ds-atoms{.image-frame{width:var(--imageframe-width);height:var(--imageframe-height);border-radius:var(--imageframe-border-radius,0);display:inline-grid;position:relative;overflow:hidden}.image-frame:before{content:"";z-index:1;border:1px solid var(--background-colors-tint-2);border-radius:var(--imageframe-border-radius,0);opacity:0;transition:opacity var(--timings-default) var(--easings-ease);pointer-events:none;position:absolute;inset:0}.image-frame--bg{background-color:var(--background-colors-tint-1)}.image-frame--interactive{cursor:pointer}.image-frame--interactive:before{opacity:1}@media (hover:hover) and (pointer:fine){.image-frame--interactive:hover:before{opacity:0}}.image-frame--active-border:before{border-color:var(--primary-colors-base-default)}@media (hover:hover) and (pointer:fine){.image-frame--active-border:hover:before{opacity:.7}}.image-frame--transparent{background-image:conic-gradient(var(--background-colors-tint-1) 90deg, var(--background-colors-tint-3) 0 180deg, var(--background-colors-tint-1) 0 270deg, var(--background-colors-tint-3) 0);padding:var(--spacings-s2);background-size:8px 8px;background-clip:content-box}.image-frame--disabled{opacity:var(--states-disabled);pointer-events:none}.image-frame__content{pointer-events:none;grid-area:1/1;min-width:0;min-height:0}.image-frame__content *{pointer-events:initial}}@layer ds-molecules,ds-organisms,ds-templates,ds-landing;