.cmp-tabcard-wrapper{background-color:#0c0c0c;width:100%}
.cmp-tabcard{display:flex;flex-direction:column;align-items:center;gap:64px;padding-top:64px;padding-bottom:80px;width:100%;max-width:1142px;margin:0 auto}
.cmp-tabcard.cmp-tabcard--no-title{padding-top:0}
.cmp-tabcard .cmp-tabcard__section-title{font-family:"Neue Haas Grotesk Display Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;line-height:1.2;color:#fff;margin:0 0 64px 0;width:100%}
.cmp-tabcard__tab-button{font-family:"Roboto Mono",monospace;font-weight:700;font-size:16px;line-height:140%;letter-spacing:.05em;text-align:center;padding:16px 24px;background:0;border:1px solid #fff;color:#fff;cursor:pointer;transition:background-color .3s ease,color .3s ease}
.cmp-tabcard__tab-button.is-active{background-color:#fff;color:#0c0c0c}
.cmp-tabcard__tab-button:hover:not(.is-active){background-color:rgba(255,255,255,0.1)}
.cmp-tabcard__panels{position:relative;width:100%;min-height:480px}
.cmp-tabcard__panel{display:flex;flex-direction:row;width:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity .35s ease}
.cmp-tabcard__panel.is-active{position:relative;opacity:1;pointer-events:auto}
.cmp-tabcard__sidebar{display:flex;flex-direction:column;width:312px;flex-shrink:0;background-color:var(--sidebar-bg,transparent)}
.cmp-tabcard__sidebar-item{font-family:"Roboto Mono",monospace;font-weight:400;font-size:14px;line-height:1.6;letter-spacing:.05em;color:#fff;background:0;border:0;border-top:1px solid #fff;padding:16px 17px;text-align:left;cursor:pointer;width:100%;transition:background-color .3s ease,color .3s ease}
.cmp-tabcard__sidebar-item.is-active{background-color:#e9e9e9;color:#0c0c0c;border-top:0;font-size:16px;font-weight:500;padding:16px 24px}
.cmp-tabcard__sidebar-item:hover:not(.is-active){background-color:rgba(255,255,255,0.05)}
.cmp-tabcard__content-area{flex:1;position:relative;height:480px}
.cmp-tabcard__card{display:flex;flex-direction:row;height:480px;overflow:hidden;background-color:#fff;padding-left:48px;gap:48px;position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .35s ease}
.cmp-tabcard__card.is-active{opacity:1}
.cmp-tabcard__panel.is-active .cmp-tabcard__card.is-active{pointer-events:auto}
.cmp-tabcard__card-body{display:flex;flex-direction:column;justify-content:center;width:306px;flex-shrink:0}
.cmp-tabcard__card-body .cmp-tabcard__card-title{font-family:"Roboto Mono",monospace;font-size:20px;font-weight:400;line-height:1.4;letter-spacing:0;color:#191919;margin:0 0 32px 0}
.cmp-tabcard__description p{font-family:"Neue Haas Grotesk Display Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:140%;letter-spacing:0;color:#191919;margin:0}
.cmp-tabcard__button{margin-top:32px}
.cmp-tabcard__button-link{display:inline-flex;align-items:stretch;text-decoration:none;background-color:#e9e9e9;color:#000;overflow:hidden;transition:background-color .2s ease}
.cmp-tabcard__button-link:hover{background-color:#d3d3d3}
.cmp-tabcard__button-link .cmp-tabcard__button-text{font-family:"Roboto Mono",monospace;font-size:16px;font-weight:400;line-height:140%;letter-spacing:.05em;padding:14px 24px;display:flex;align-items:center;border-right:2px solid #000}
.cmp-tabcard__button-link .cmp-tabcard__button-icon{display:flex;align-items:center;justify-content:center;width:56px;flex-shrink:0}
.cmp-tabcard__button-link .cmp-tabcard__button-icon svg{width:16px;height:16px;transition:transform .3s ease}
.cmp-tabcard__button-link:hover .cmp-tabcard__button-icon svg{transform:scale(1.4)}
.cmp-tabcard__image{flex:1;min-width:0;align-self:stretch;overflow:hidden}
.cmp-tabcard__image img{display:block;width:100%;height:100%;object-fit:cover}
.cmp-tabcard--mono .cmp-tabcard__card-body .cmp-tabcard__card-title{font-family:"Roboto Mono",monospace;font-weight:700;font-size:16px;line-height:1.4;letter-spacing:0}
.cmp-tabcard--mono .cmp-tabcard__description p{font-family:"Roboto Mono",monospace;font-weight:400}
.cmp-tabcard__card--hide-title .cmp-tabcard__card-title{display:none}
.cmp-tabcard--text-dark .cmp-tabcard__section-title{color:#0c0c0c}
.cmp-tabcard--text-dark .cmp-tabcard__tab-button{border-color:#0c0c0c;color:#0c0c0c}
.cmp-tabcard--text-dark .cmp-tabcard__tab-button.is-active{background-color:#0c0c0c;color:#fff}
.cmp-tabcard--text-dark .cmp-tabcard__tab-button:hover:not(.is-active){background-color:rgba(0,0,0,0.1)}
.cmp-tabcard--text-dark .cmp-tabcard__sidebar-item{color:#0c0c0c;border-top-color:rgba(0,0,0,0.2)}
.cmp-tabcard--text-dark .cmp-tabcard__sidebar-item:hover:not(.is-active){background-color:rgba(0,0,0,0.05)}
@media(max-width:968px){.cmp-tabcard{padding-left:24px;padding-right:24px;box-sizing:border-box}
.cmp-tabcard__sidebar{width:220px}
.cmp-tabcard__card{padding-left:24px;gap:24px}
.cmp-tabcard__card-body{width:auto;flex:1;min-width:180px;flex-shrink:1}
}
@media(max-width:767px){.cmp-tabcard{gap:0;padding-top:40px;padding-bottom:40px;padding-left:0;padding-right:0}
.cmp-tabcard__section-title{margin-bottom:24px}
.cmp-tabcard__tabs{display:flex;overflow-x:auto;width:100%;margin-bottom:16px;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cmp-tabcard__tabs::-webkit-scrollbar{display:none}
.cmp-tabcard__panel{position:static;flex-direction:column;opacity:1;display:none}
.cmp-tabcard__panel.is-active{display:flex}
.cmp-tabcard__content-area{display:none}
.cmp-tabcard__sidebar{width:100%;flex-direction:column;gap:0;background-color:transparent}
.cmp-tabcard__sidebar-item{white-space:normal;border:1px solid #fff;margin:0;width:auto;padding:16px 24px}
.cmp-tabcard__sidebar-item + .cmp-tabcard__sidebar-item{margin-top:-1px}
.cmp-tabcard__sidebar-item.is-active{display:block;background-color:#e9e9e9;color:#0c0c0c;font-weight:500;border-color:#e9e9e9;cursor:default}
.cmp-tabcard--text-dark .cmp-tabcard__sidebar-item{border-top-color:rgba(0,0,0,0.2)}
.cmp-tabcard__card{position:static;opacity:1;pointer-events:none;flex-direction:column;padding:0;gap:0;height:auto;max-height:0;overflow:hidden;transition:max-height .35s ease;margin:0}
.cmp-tabcard__card.is-active{position:static;max-height:1000px;pointer-events:auto}
.cmp-tabcard__card-body{width:100%;display:flex;flex-direction:column;gap:24px;padding-bottom:24px}
.cmp-tabcard__card--hide-title .cmp-tabcard__card-body{padding-top:24px}
.cmp-tabcard__card-body .cmp-tabcard__card-title{display:none}
.cmp-tabcard__description{padding:0 24px 24px}
.cmp-tabcard__description p{font-family:"Neue Haas Grotesk Display Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.05em;overflow-wrap:normal}
.cmp-tabcard__button{margin-top:0;padding:0 24px}
.cmp-tabcard__image{flex:none;width:100%;height:200px}
}