.tile__content-title{color:var(--color-text);font-family:Inter Var,sans-serif;font-size:22px;font-weight:600;letter-spacing:0;line-height:27.5px;margin:0}@media (min-width:992px){.tile__content-title{font-size:29px}}.tile__content-additional-title,.tile__content-text{color:var(--color-text);font-family:Inter Var,sans-serif;font-size:18px;font-weight:400;letter-spacing:0;line-height:22.5px;margin:0}@media (min-width:992px){.tile__content-additional-title,.tile__content-text{font-size:18px}}.tile{border-radius:16px;color:var(--color-text);container-type:inline-size;display:flex;flex-direction:column;gap:0;height:100%;overflow:hidden;position:relative}@container (min-width: 400px){.has-image .tile{gap:24px}}.tile.is-color-light{--color-text:#001025;background-color:#fff}.tile.is-color-citric{--color-text:#001025;background-color:#beef9a}.tile.is-color-dark{--color-text:#beef9a;background-color:#001025}.tile.is-size-small{min-height:auto}.card-pattern--all-items-small .tile.is-size-small{aspect-ratio:1/1}.tile.is-size-medium{max-width:650px;min-height:335px}.tile__background{order:2}@container (min-width: 400px){.tile__background{bottom:0;height:100%;position:absolute;right:0;width:auto;z-index:1}}.tile__background .media-image{width:auto}.tile__background img,.tile__background picture{height:inherit}.tile__background img{height:100%!important;-o-object-fit:cover;object-fit:cover}.tile__content{display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;min-height:inherit;order:1;padding:32px 24px;position:relative;z-index:2}.has-image .tile__content{min-height:auto}@container (min-width: 400px){.tile__content{min-height:inherit}}.tile__content-head{align-items:flex-start;display:flex;flex-direction:row;gap:16px;justify-content:space-between}.has-image .tile__content-title{line-height:1.25}@container (min-width: 400px){.has-image .tile__content-title{width:70%}}.tile__content-additional-title{text-align:right}.has-image .tile__content-additional-title{display:none}.tile__content-body{display:flex;flex-direction:column;gap:24px}@container (min-width: 400px){.has-image .tile__content-body{width:50%}}.tile__content-body p:last-child{margin-bottom:0}.tile__content-action .custom-button{transform:translate(-12px)}
