.clubs-page{gap:var(--spacing-xl);width:var(--container-full-width);flex-direction:column;align-items:center;display:flex}.clubs-page__content{width:var(--container-max-width-desktop);max-width:var(--container-full-width);align-items:stretch;gap:var(--spacing-4xl);flex-direction:column;display:flex}@media screen and (max-width:767px){.clubs-page__content{width:var(--container-max-width-mobile);gap:var(--spacing-xl);padding:0}}.clubs-page__content__title{color:var(--text-primary);text-align:center;font-size:var(--text-display-sm);font-style:normal;font-weight:var(--font-bold);line-height:40px}@media screen and (max-width:767px){.clubs-page__content__title{font-size:var(--text-xl);line-height:28px}}
.club-list{flex-direction:column;align-items:center;gap:16px;display:flex}.club-list__items-wrapper{max-width:1162px}@media screen and (max-width:767px){.club-list__items-wrapper{max-width:340px}}.club-list__items-wrapper__items{gap:var(--spacing-4xl)var(--spacing-3xl);width:100%;margin:0 auto;display:grid}@media screen and (max-width:767px){.club-list__items-wrapper__items{grid-template-columns:340px}}@media screen and (min-width:768px){.club-list__items-wrapper__items{grid-template-columns:370px}}@media screen and (min-width:992px){.club-list__items-wrapper__items{grid-template-columns:370px 370px}}@media screen and (min-width:1200px){.club-list__items-wrapper__items{grid-template-columns:370px 370px}}@media screen and (min-width:1400px){.club-list__items-wrapper__items{grid-template-columns:370px 370px 370px}}@media screen and (max-width:767px){.club-list__items-wrapper__items{gap:var(--spacing-3xl);flex-direction:column;align-items:center}}
.club-item{gap:var(--spacing-none);cursor:pointer;flex-direction:row;align-items:stretch;width:370px;height:100px;text-decoration:none;display:flex;position:relative;overflow:hidden}@media screen and (max-width:767px){.club-item{width:340px}}.club-item__thumbnail{width:100px;height:100px;position:relative;overflow:hidden}.club-item__thumbnail__image{transition:all .25s ease-out;position:absolute;inset:0}.club-item__metadata{background:var(--blue-50);padding:var(--spacing-md)var(--spacing-lg);flex:1;align-self:stretch;align-items:center;gap:10px;display:flex}.club-item__metadata__name{color:#000;font-size:var(--text-md);font-style:normal;font-weight:var(--font-bold);line-height:22px}.club-item:hover .club-item__thumbnail__image{transform:scale(1.2)}.club-item:hover .club-item__metadata{background:var(--orange-50)}.club-item:hover .club-item__metadata__name{color:var(--base-secondary)}