:root,:host{--tile-border-width: 1px;--tile-border-style: solid;--tile-border-radius: 16px;--tile-box-shadow: none;--tile-image-light-gradient-color-transparent: rgba(255, 255, 255, 0);--tile-image-light-gradient-color-solid: rgba(255, 255, 255, 0.75);--tile-image-dark-gradient-color-transparent: rgba(0, 0, 0, 0);--tile-image-dark-gradient-color-solid: rgba(0, 0, 0, 0.75);--tile-padding-min: 20;--tile-padding-max: 40;--tile-gap-min: 24;--tile-gap-max: 24}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;height:var(--height, auto);width:100%;background:var(--background, transparent);color:var(--foreground, inherit);border-width:var(--tile-border-width, 1px);border-style:var(--tile-border-style, solid);border-color:var(--border-color, transparent);border-radius:var(--tile-border-radius, 16px);box-shadow:var(--tile-box-shadow, none);aspect-ratio:var(--format, 2/1);justify-content:center;--gradient-color-transparent: transparent;--gradient-color-solid: transparent;--gradient-top: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);--gradient-bottom: linear-gradient(to top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);--gradient-center: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%)}.tile__wrapper{display:flex;flex-direction:row;align-items:center;padding:clamp(var(--tile-padding-min)*1px,(var(--tile-padding-max) - var(--tile-padding-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--tile-padding-min) - (var(--tile-padding-max) - var(--tile-padding-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--tile-padding-max)*1px);gap:clamp(var(--tile-gap-min)*1px,(var(--tile-gap-max) - var(--tile-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--tile-gap-min) - (var(--tile-gap-max) - var(--tile-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--tile-gap-max)*1px);background:var(--wrapper-background, transparent);z-index:2}.tile__body{flex:1}.tile .background-layer{z-index:1}.tile.format--auto{--format: auto}.tile.format--1_1{--format: 1/1}.tile.format--3_2{--format: 3/2}.tile.format--2_3{--format: 2/3}.tile.format--4_3{--format: 4/3}.tile.format--3_4{--format: 3/4}.tile.format--5_4{--format: 5/4}.tile.format--4_5{--format: 4/5}.tile.format--16_9{--format: 16/9}.tile.format--2_1{--format: 2/1}.tile .background-layer{transition:transform .3s ease-in-out}.tile.clickable a.tile__link{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:10;content:""}.tile.clickable:hover .background-layer{transform:scale(1.05)}.tile picture,.tile video,.tile img{--image-border-radius: 0}.tile.full-height{--format: auto;--height: 100%;height:100%}.tile.vertical-align--top{justify-content:flex-start;--wrapper-background: linear-gradient(to top, var(--gradient-color-transparent) 0%, var(--gradient-color-solid) 23.9%)}.tile.vertical-align--center{justify-content:center;--wrapper-background: linear-gradient(to top, var(--gradient-color-transparent) 0%, var(--gradient-color-solid) 23.9%, var(--gradient-color-solid) 76.1%, var(--gradient-color-transparent) 100%)}.tile.vertical-align--bottom{justify-content:flex-end;--wrapper-background: linear-gradient(to bottom, var(--gradient-color-transparent) 0%, var(--gradient-color-solid) 23.9%)}.tile.background--transparent{--background: transparent}.tile.background--white-50{--background: var(--color-white-50)}.tile.background--white-100{--background: var(--color-white-100)}.tile.background--gray-light{--background: var(--color-gray-light)}.tile.background--gray-solid{--background: var(--color-gray-solid)}.tile.background--brand-light{--background: var(--color-brand-light)}.tile.background--brand-solid{--background: var(--color-brand-solid)}.tile.background--image-light{--background: transparent;--gradient-color-transparent: var(--tile-image-light-gradient-color-transparent, rgba(255, 255, 255, 0));--gradient-color-solid: var(--tile-image-light-gradient-color-solid, rgba(255, 255, 255, 0.75))}.tile.background--image-dark{--background: transparent;--gradient-color-transparent: var(--tile-image-dark-gradient-color-transparent, rgba(0, 0, 0, 0));--gradient-color-solid: var(--tile-image-dark-gradient-color-solid, rgba(0, 0, 0, 0.75))}.tile.border--transparent{--border-color: transparent;border-style:hidden}.tile.border--white-50{--border-color: var(--color-white-50)}.tile.border--white-100{--border-color: var(--color-white-100)}.tile.border--gray-light{--border-color: var(--color-gray-light)}.tile.border--gray-solid{--border-color: var(--color-gray-solid)}.tile.border--brand-light{--border-color: var(--color-brand-light)}.tile.border--brand-solid{--border-color: var(--color-brand-solid)}.tile.foreground--black{--foreground: var(--color-fg-black)}.tile.foreground--gray{--foreground: var(--color-fg-gray)}.tile.foreground--white{--foreground: var(--color-fg-white)}.background-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.background-layer>img,.background-layer>picture,.background-layer>video,.background-layer>iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.background-layer>video{transform:translateZ(0)}