:where(html){--duration-instant:0;--duration-quick-1:80ms;--duration-quick-2:120ms;--duration-moderate-1:180ms;--duration-moderate-2:260ms;--duration-gentle-1:320ms;--duration-gentle-2:420ms}
.spaces-list-component{background-color:var(--spaces-list-bg-color,var(--primary-color-bg));color:var(--spaces-list-fg-color,var(--primary-color-fg))}
.spaces-list-component .container{padding:24px 0}
@media(min-width:1024px){.spaces-list-component .container{padding:40px 0}
}
.spaces-list-component__spaces{display:flex;flex-wrap:wrap;gap:40px;margin:0;padding:0}
@media(min-width:1280px){.spaces-list-component__spaces{gap:48px}
}
.spaces-list-component__group-list{display:flex;flex-direction:column;gap:40px;width:100%}
@media(min-width:1024px){.spaces-list-component__group-list{width:auto}
}
.spaces-list-component__group-list__title{font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1;letter-spacing:0;font-size:24px}
@media(min-width:1280px){.spaces-list-component__group-list__title{font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1;letter-spacing:0;font-size:32px;line-height:1.125}
}
.spaces-list-component__group-list__items{display:grid;align-items:center;grid-template-columns:1fr;gap:24px;padding:0}
@media(min-width:1024px){.spaces-list-component__group-list__items{grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:40px;max-width:944px}
}
@media(min-width:1280px){.spaces-list-component__group-list__items{grid-template-columns:repeat(auto-fit,minmax(368px,1fr));max-width:1192px}
}
.spaces-list-component__group-list__item__link{display:flex;flex-direction:row;align-items:center;gap:16px;text-decoration:none;color:currentColor}
.spaces-list-component__group-list__item__img{width:40px;height:40px;object-fit:cover;object-position:center}
@media(min-width:768px){.spaces-list-component__group-list__item__img{width:73px;height:73px}
}
.spaces-list-component__group-list__item__img-picture{overflow:hidden;display:block;width:100%;height:100%;max-width:40px}
@media(min-width:768px){.spaces-list-component__group-list__item__img-picture{max-width:73px}
}
.spaces-list-component__group-list__item__text{font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1;letter-spacing:0;font-size:20px;line-height:1.2;font-size:16px;font-weight:700;line-height:36px}
@media(min-width:1280px){.spaces-list-component__group-list__item__text{font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1;letter-spacing:0;font-size:24px}
}
@media(min-width:1280px){.spaces-list-component__group-list__item__text{font-size:24px;font-weight:700}
}
.spaces-list-component__group-list__item .icon-hdr-arrows-arrow-right{padding-top:2px;font-size:24px;color:#f81616}
@media(min-width:768px){.spaces-list-component__group-list__item:hover .spaces-list-component__group-list__item__img{transform:scale(1.05)}
}
.spaces-list-component__group-list__item:hover .spaces-list-component__group-list__item__text{text-decoration:underline}
.spaces-list-component__group-list__item:hover .icon-hdr-arrows-arrow-right{transform:translateX(4px)}
.spaces-list-component.bg-primary{--spaces-list-bg-color:var(--primary-color-bg);--spaces-list-fg-color:var(--primary-color-fg)}
.spaces-list-component.bg-secondary{--spaces-list-bg-color:var(--secondary-color-bg);--spaces-list-fg-color:var(--secondary-color-fg)}
.spaces-list-component.bg-tertiary{--spaces-list-bg-color:var(--tertiary-color-bg);--spaces-list-fg-color:var(--tertiary-color-fg)}
@media(prefers-reduced-motion:no-preference){.spaces-list-component__group-list__item__img{transition:transform var(--duration-gentle-1) ease-in-out;transform-origin:center center}
.spaces-list-component__group-list__item__text{transition:text-decoration-color var(--duration-gentle-1) ease-in-out}
.icon-hdr-arrows-arrow-right{transition:transform var(--duration-gentle-1) ease-in-out}
}