@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-atoms{.image-frame{position:relative;display:inline-grid;overflow:hidden;width:var(--imageframe-width);height:var(--imageframe-height);border-radius:var(--imageframe-border-radius, 0)}.image-frame:before{content:"";position:absolute;inset:0;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}.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);background-size:8px 8px;background-clip:content-box;padding:var(--spacings-s2)}.image-frame--disabled{opacity:var(--states-disabled);pointer-events:none}.image-frame__content{grid-area:1/1;min-height:0;min-width:0;pointer-events:none}.image-frame__content *{pointer-events:initial}}