.resource-tabs{display:block}.resource-tabs__nav,.resource-tabs .tab-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;gap:0}.resource-tabs .tab-button{font-family:inherit;font-size:16px;font-weight:500;padding:20px 40px;border:1px solid #ccc;text-align:center;flex:1 0 auto;margin:0 10px;border-radius:4px;transition:all .25s ease-in-out;background:transparent;color:inherit;cursor:pointer;line-height:1.3}.resource-tabs .tab-button:first-child{margin-left:0}.resource-tabs .tab-button:last-child{margin-right:0}.resource-tabs .tab-button[aria-selected=true],.resource-tabs .tab-button.selected,.resource-tabs .tab-button:hover{background-color:red;color:#fff;border-color:red}.resource-tabs .tab-button:focus-visible{outline:2px solid #ff0000;outline-offset:2px}.resource-tab-panel__items{display:flex;flex-wrap:wrap;align-items:stretch}.resource-tab-panel[hidden],.tab-content-container[hidden]{display:none!important}.tab-content-container.is-active{display:block;width:100%}.tab-content{width:32%;margin:20px calc(4% / 6);display:flex;align-items:center;flex-direction:column;box-shadow:0 4px 10px #c5c5c57f}.tab-content--fullwidth{width:100%;margin:20px 0;flex-direction:row}.tab-content--fullwidth .tab-content__media,.tab-content--fullwidth .tab-content-lockup{width:50%}.tab-content__media{line-height:0}.tab-content__image{width:100%;height:auto;display:block;object-fit:cover}.tab-content__placeholder{width:100%;height:auto;display:block}.tab-content-lockup{padding:20px 40px}.tab-content--fullwidth .tab-content-lockup{padding:20px 80px}.tab-content-lockup h3{font-size:26px;font-weight:600;margin:0 0 .5em}.tab-content-lockup p{margin:0 0 .75em}.tab-content-lockup a{display:inline-block;background-color:red;color:#fff;text-align:center;padding:10px 30px;border-radius:4px;margin-top:8px;text-decoration:none}.tab-content-lockup a:hover{background-color:#c00;color:#fff}@media(max-width:1024px){.resource-tabs__nav,.resource-tabs .tab-container{flex-direction:column;margin-bottom:10px}.resource-tabs .tab-button{width:100%;margin:0 0 10px}.tab-content{width:100%;margin:20px 0}.tab-content--fullwidth{flex-direction:column}.tab-content--fullwidth .tab-content__media,.tab-content--fullwidth .tab-content-lockup{width:100%}.tab-content-lockup,.tab-content--fullwidth .tab-content-lockup{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/resource-tab.css.map */