.dnaPillTabs{position:relative}.dnaPillTabs__pills-dropdown{max-width:570px}.dnaPillTabs__pills-dropdown-btn{height:48px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.dnaPillTabs__buttons{padding-top:24px}.dnaPillTabs__pills-button{text-transform:none;font-size:16px;font-weight:700;height:40px}.dnaPillTabs__pills-button:not(.active):hover{background-color:rgba(0, 0, 0, .05)}.bg-dark .dnaPillTabs__pills-button:not(.active){color:#fff}.bg-dark .dnaPillTabs__pills-button:not(.active):hover{background-color:hsla(0, 0%, 100%, .05)}.dnaPillTabs.bg-light .dnaPillTabs__pills-button:not(.active){color:rgba(0, 0, 0, .6)}.dnaPillTabs-tab-container{min-height:100px}.dnaPillTabs--square .dnaPillTabs__pills-button{height:60px !important}@media(min-width:992px){.dnaPillTabs--square .dnaPillTabs__pills-button{border-radius:8px !important}.dnaPillTabs--square .dnaPillTabs__pills-button:not(.active){color:rgba(0, 0, 0, .95) !important}.dnaPillTabs--square .dnaPillTabs__pills-button:not(.active):hover{background-color:rgba(0, 0, 0, .05)}.dnaPillTabs--square .dnaPillTabs__pills-button.active:hover{color:hsla(0, 0%, 100%, .95) !important;background:rgba(0, 0, 0, .95) !important}.dnaPillTabs--square .dnaPillTabs__square-desktop{position:relative;padding:0;width:100%}.dnaPillTabs--square .dnaPillTabs__square-desktop .nav-link{padding:7px 16px;border:1px solid rgba(0, 0, 0, .1) !important;background-color:transparent;outline:none}.dnaPillTabs--square .dnaPillTabs__square-desktop .nav-link:active,.dnaPillTabs--square .dnaPillTabs__square-desktop .nav-link:focus{outline:none;box-shadow:none}.dnaPillTabs--square .dnaPillTabs__scroll-wrapper{position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.dnaPillTabs--square .dnaPillTabs__scroll-container{display:-ms-flexbox;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 16px;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}.dnaPillTabs--square .dnaPillTabs__scroll-container::-webkit-scrollbar{display:none}.dnaPillTabs--square .dnaPillTabs__scroll-container.has-overflow{-ms-flex-pack:start;justify-content:flex-start}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;margin:0;outline:none;font-size:16px;line-height:24px;letter-spacing:.4px}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button:active,.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button:focus{outline:none;box-shadow:none}.dnaPillTabs--square .dnaPillTabs__scroll-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:60px;border:none;background-color:hsla(0, 0%, 100%, .6);color:#000;cursor:pointer;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:opacity .3s ease,background-color .2s ease;padding:0;outline:none}.dnaPillTabs--square .dnaPillTabs__scroll-arrow:disabled{opacity:0;pointer-events:none;visibility:hidden}.dnaPillTabs--square .dnaPillTabs__scroll-arrow--left{left:0}.dnaPillTabs--square .dnaPillTabs__scroll-arrow--right{right:0}.dnaPillTabs--square .dnaPillTabs__chevron-left,.dnaPillTabs--square .dnaPillTabs__chevron-right{width:20px;height:20px;border-right:2px solid;border-bottom:2px solid;display:inline-block}.dnaPillTabs--square .dnaPillTabs__chevron-left{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-right:2px}.dnaPillTabs--square .dnaPillTabs__chevron-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:2px}.bg-dark .dnaPillTabs--square .nav-link,.dnaPillTabs--square.bg-dark .nav-link{border:1px solid hsla(0, 0%, 100%, .1) !important}.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button:not(.active),.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button:not(.active){color:hsla(0, 0%, 100%, .95) !important}.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button.active:hover,.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button:active,.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button:focus,.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button.active:hover,.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button:active,.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button:focus{color:rgba(0, 0, 0, .95) !important;background:hsla(0, 0%, 100%, .95) !important}.bg-dark .dnaPillTabs--square .dnaPillTabs__scroll-arrow,.dnaPillTabs--square.bg-dark .dnaPillTabs__scroll-arrow{background-color:hsla(0, 0%, 100%, .6);color:#000}}@media(max-width:991px){.dnaPillTabs--square .dnaPillTabs__square-mobile{position:relative;padding:0}.dnaPillTabs--square .dnaPillTabs__square-mobile .nav-link{border:1px solid rgba(0, 0, 0, .1) !important}.dnaPillTabs--square .dnaPillTabs__scroll-wrapper{position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.dnaPillTabs--square .dnaPillTabs__scroll-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 8px;-ms-flex:1;flex:1}.dnaPillTabs--square .dnaPillTabs__scroll-container.has-overflow{-ms-flex-pack:start;justify-content:flex-start}.dnaPillTabs--square .dnaPillTabs__scroll-container::-webkit-scrollbar{display:none}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;margin:0;border-radius:8px;outline:none;font-size:16px;line-height:24px;letter-spacing:.4px}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button:active,.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button:focus{outline:none;box-shadow:none;color:hsla(0, 0%, 100%, .95) !important;background:rgba(0, 0, 0, .95) !important}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button:not(.active){color:rgba(0, 0, 0, .95) !important}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button:not(.active):hover{background-color:rgba(0, 0, 0, .05)}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button.active:hover{color:hsla(0, 0%, 100%, .95) !important;background:rgba(0, 0, 0, .95) !important}.dnaPillTabs--square .dnaPillTabs__scroll-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:60px;border:none;background-color:hsla(0, 0%, 100%, .6);color:#000;cursor:pointer;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:opacity .3s ease,background-color .2s ease;padding:0;outline:none}.dnaPillTabs--square .dnaPillTabs__scroll-arrow:disabled{opacity:0;pointer-events:none;visibility:hidden}.dnaPillTabs--square .dnaPillTabs__scroll-arrow--left{left:-1px}.dnaPillTabs--square .dnaPillTabs__scroll-arrow--right{right:-1px}.dnaPillTabs--square .dnaPillTabs__chevron-left,.dnaPillTabs--square .dnaPillTabs__chevron-right{width:20px;height:20px;border-right:2px solid;border-bottom:2px solid;display:inline-block}.dnaPillTabs--square .dnaPillTabs__chevron-left{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-right:2px}.dnaPillTabs--square .dnaPillTabs__chevron-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:2px}.bg-dark .dnaPillTabs--square .nav-link,.dnaPillTabs--square.bg-dark .nav-link{border:1px solid hsla(0, 0%, 100%, .1) !important}.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button:not(.active),.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button:not(.active){color:hsla(0, 0%, 100%, .95) !important}.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button.active:hover,.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button:active,.bg-dark .dnaPillTabs--square .dnaPillTabs__pills-button:focus,.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button.active:hover,.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button:active,.dnaPillTabs--square.bg-dark .dnaPillTabs__pills-button:focus{color:rgba(0, 0, 0, .95) !important;background:hsla(0, 0%, 100%, .95) !important}.bg-dark .dnaPillTabs--square .dnaPillTabs__scroll-arrow,.dnaPillTabs--square.bg-dark .dnaPillTabs__scroll-arrow{background-color:hsla(0, 0%, 100%, .6);color:#000}}@media(max-width:767px){.dnaPillTabs--square .dnaPillTabs__scroll-container{gap:24px}.dnaPillTabs--square .dnaPillTabs__scroll-container .dnaPillTabs__pills-button{font-size:16px;line-height:24px;letter-spacing:.4px}.dnaPillTabs--square .dnaPillTabs__scroll-arrow--left{left:-2px}.dnaPillTabs--square .dnaPillTabs__scroll-arrow--right{right:-2px}}.dna-tabs .dnaPillTabs__buttons,.dnaLineTabs .dnaPillTabs__buttons{padding-top:64px}@media screen and (min-width:768px){.dna-tabs .dnaPillTabs__buttons,.dnaLineTabs .dnaPillTabs__buttons{padding-top:80px}}@media screen and (min-width:992px){.dna-tabs .dnaPillTabs__buttons,.dnaLineTabs .dnaPillTabs__buttons{padding-top:104px}}

/*# sourceMappingURL=dnaPillTabs.css.map*/