.banners{display:grid;gap:calc(var(--gap)*5)}.banners__title-wrapper{display:grid;align-items:center;gap:calc(var(--gap)*4);grid-template-columns:1fr max-content}@media screen and (max-width: 1479px){.banners__title-wrapper{gap:calc(var(--gap)*3)}}@media screen and (max-width: 767px){.banners__title-wrapper{gap:calc(var(--gap)*2);grid-template-columns:1fr}.banners__title-wrapper .button{justify-self:end}}.banners__title{font-size:calc(48/var(--initial-font-multiplier)*1rem)}@media screen and (max-width: 1479px){.banners__title{font-size:calc(32/var(--initial-font-multiplier)*1rem)}}@media screen and (max-width: 767px){.banners__title{font-size:calc(20/var(--initial-font-multiplier)*1rem)}}.banners__items-wrapper{position:relative;overflow:hidden}.banners__items{--translate-x: 0px;display:grid;width:max-content;gap:calc(var(--gap)*4);grid-auto-columns:max-content;grid-auto-flow:column;transform:translateX(var(--translate-x));transition:transform var(--transition-time) var(--transition-effect)}@media screen and (max-width: 1479px){.banners__items{gap:calc(var(--gap)*2)}}.banners__item{position:relative;display:flex;height:180px}@media screen and (max-width: 767px){.banners__item{height:140px}}.banners__item a{display:flex;outline-offset:-2px}.banners__item:not(:has(.banners__image)){width:320px;min-width:320px;align-items:center;justify-content:center;padding:calc(var(--gap)*4);border-radius:var(--border-radius);background:var(--gray-ultra-light-color)}@media screen and (max-width: 1479px){.banners__item:not(:has(.banners__image)){padding:calc(var(--gap)*3)}}@media screen and (max-width: 767px){.banners__item:not(:has(.banners__image)){padding:calc(var(--gap)*2)}}.banners__item:not(:has(.banners__image)) a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:calc(20/var(--initial-font-multiplier)*1rem);-webkit-line-clamp:5;line-clamp:5;line-height:1.2}@media screen and (max-width: 1479px){.banners__item:not(:has(.banners__image)) a{font-size:calc(16/var(--initial-font-multiplier)*1rem);-webkit-line-clamp:7;line-clamp:7}}@media screen and (max-width: 767px){.banners__item:not(:has(.banners__image)) a{font-size:calc(14/var(--initial-font-multiplier)*1rem);-webkit-line-clamp:6;line-clamp:6}}@media screen and (max-width: 767px){.banners__item:not(:has(.banners__image)){min-width:230px}}.banners__image{height:100%}.banners__nav{display:flex;gap:calc(var(--gap)*2)}.banners__nav-button{--btn-padding-x: 0px;--btn-padding-y: 0px;width:48px;height:48px;min-height:unset;border-radius:50%}:root[data-special-color=white] .banners__nav-button{--btn-border-size: 2px;--btn-border-color: var(--border-color);--btn-text-color: var(--primary-text-color)}:root[data-special-color=black] .banners__nav-button{--btn-border-size: 2px;--btn-border-color: var(--border-color);--btn-text-color: var(--primary-text-color)}:root[data-special-color=blue] .banners__nav-button{--btn-border-size: 2px;--btn-border-color: var(--border-color);--btn-text-color: var(--primary-text-color)}.banners__nav-button,.banners__nav-button:focus{--btn-background: var(--primary-bg-color);--btn-text-color: var(--primary-color);--btn-border-color: var(--gray-extra-light-color)}.banners__nav-button:hover,.banners__nav-button:focus-visible{--btn-background: var(--primary-color);--btn-text-color: var(--primary-bg-color);--btn-border-color: var(--primary-color)}.banners__nav-button:disabled{--btn-background: var(--primary-bg-color);--btn-text-color: var(--gray-color);--btn-border-color: var(--gray-extra-light-color);opacity:.6}@media screen and (max-width: 1479px){.banners__nav{display:none}}