.unitsandaccessories-container{position:relative;padding:40px;padding-right:0;font-family:Archivo;@media(max-width:650px){padding:0}
>.cmp-container{display:flex;flex-direction:column;gap:40px;@media screen and (max-width:650px){gap:20px}
.text{font-size:32px;font-weight:500;color:#232426;margin:0;@media(max-width:650px){font-size:24px;text-align:center}
}
.tabs{.cmp-tabs{display:flex;gap:20px;@media(max-width:650px){flex-direction:column;padding:0 20px;padding-right:0}
.cmp-tabs__tablist{margin:0;width:20%;display:flex;flex-direction:column;@media(max-width:650px){display:flex;justify-content:flex-start;width:100%;gap:10px;overflow-x:scroll;padding-right:20px;flex-direction:row;flex-wrap:nowrap}
.cmp-tabs__tab{font-size:18px;font-weight:600;color:#8c8e90;padding:20px;white-space:nowrap;cursor:pointer;line-height:101%;@media(max-width:650px){font-size:14px;border:1.5px solid #e6e6e8;border-radius:44px;padding:9px 16px;font-weight:500}
}
.cmp-tabs__tab--active{border:1px solid #e6e7eb;border-radius:12px;color:#000;@media(max-width:650px){background:#e6e6e8;border-radius:44px;font-family:Archivo}
}
}
.cmp-tabs__tablist::-webkit-scrollbar{display:none}
.cmp-tabs__tabpanel{width:80%;@media screen and (max-width:650px){width:100%}
.cmp-container{display:flex;gap:20px;overflow-x:auto;.teaser{.cmp-teaser{display:flex;gap:18px;flex-direction:column;min-width:325px;width:325px;@media(max-width:767px){min-width:288px;width:288px}
.cmp-teaser__content{order:2;.cmp-teaser__title{font-size:20px;font-weight:600;color:#232426;line-height:132%}
.cmp-teaser__description{margin-top:10px;font-size:14px;font-weight:400;color:#75787b;line-height:132%}
}
.cmp-teaser__image{@media(max-width:767px){max-height:356px}
div{img{@media(max-width:767px){max-height:356px}
}
}
.img{height:400px;object-fit:cover}
}
}
}
}
.cmp-container::-webkit-scrollbar{display:none}
}
}
}
}
}
.unitsandaccessories-container .cmp-container .cmp-tabs__tab{line-height:101%}
.unitsandaccessories-container .cmp-container .text{line-height:101%}
@media(max-height:767px){.unitsandaccessories-container .cmp-container .cmp-teaser__description{color:#6b6767;font-size:12px}
.unitsandaccessories-container .cmp-container .cmp-teaser__title{font-size:18px}
.unitsandaccessories-container .cmp-container .cmp-tabs__tab{color:#74798a}
}
@media(min-width:1024px) and (max-width:1440px){.unitsandaccessories-container .cmp-tabs{margin-left:40px}
.unitsandaccessories-container .cmp-container{gap:20px}
.unitsandaccessories-container .cmp-container .text{margin-left:40px}
}
@media(min-width:1441px) and (max-width:1599px){.unitsandaccessories-container .cmp-tabs{margin-left:5%}
.unitsandaccessories-container .cmp-container .text{margin-left:5%}
}
@media(min-width:1600px) and (max-width:1679px){.unitsandaccessories-container .cmp-tabs{margin-left:7%}
.unitsandaccessories-container .cmp-container .text{margin-left:7%}
}
@media(min-width:1680px) and (max-width:1900px){.unitsandaccessories-container .cmp-tabs{margin-left:9.5%}
.unitsandaccessories-container .cmp-container .text{margin-left:9.5%}
}
@media(min-width:1900px){.unitsandaccessories-container .cmp-tabs{margin-left:14.5%}
.unitsandaccessories-container .cmp-container .text{margin-left:14.5%}
}