.x-action-icon{cursor:pointer;transition:all var(--transition-duration) ease;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.x-action-icon.position-top-right{top:0;right:0}.x-action-icon.position-top-left{top:0;left:0}.x-action-icon.position-bottom-right{bottom:0;right:0}.x-action-icon.position-bottom-left{bottom:0;left:0}.x-action-icon.variant-overlay{padding:var(--space-1);opacity:0;transition:opacity 1s}.x-action-icon.variant-overlay .icon{width:24px;height:24px;transition:background-color var(--transition-duration) ease;border-radius:50%}.x-action-icon.variant-overlay svg{stroke:var(--text-on-dark)}.x-action-icon.variant-overlay.always-visible{opacity:1}.x-action-icon.variant-card{padding:var(--space-1);opacity:0;transition:opacity 1s}.x-action-icon.variant-card .icon{width:24px;height:24px;transition:background-color var(--transition-duration) ease;background-color:var(--primary-color);border-radius:50%}.x-action-icon.variant-card svg{stroke:var(--primary-color-text)}.x-action-icon.variant-card.always-visible{opacity:1}.x-action-icon.variant-dialog{opacity:1;padding:0}.x-action-icon.variant-dialog .icon{background:#0009;border-radius:0;width:24px;height:24px}.x-action-icon.variant-dialog .icon svg{stroke:var(--text-on-dark);scale:.8}.x-action-icon.variant-button{padding:var(--space-2);background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--corner-inner);box-shadow:var(--box-shadow)}.x-action-icon.variant-button:hover{background:var(--surface-hover)}.x-image{height:auto;position:relative;overflow:hidden}.x-image img{transition:filter var(--image-transition,.7s) ease}.x-image.darken img{filter:brightness(50%)}.x-image.darker img{filter:brightness(30%)}.x-image.grayscale img{filter:grayscale(70%)}.x-image.hover-darken img{filter:brightness(60%);transition:filter var(--image-transition,.7s) ease}.x-image picture{width:100%;height:100%;display:block;position:relative}.x-image picture>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.x-image__no-image{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:100%;aspect-ratio:var(--card-media-ratio,3/2);background:var(--background-2);color:var(--text-color-secondary);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.x-image__no-image-icon{opacity:.75;width:26%;min-width:38px;max-width:88px;height:auto}.x-image__no-image-label{font-size:var(--step--1);letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:.85;font-weight:500}.x-image .overlay{color:var(--text-on-dark);z-index:1;position:absolute;inset:0}.x-image:focus-within .x-action-icon,.x-image:hover .x-action-icon{opacity:1}