.technical-hub-root{position:relative;overflow:visible}.technical-hub-root .tech-hub-grid{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.technical-hub-root .hub-product-image .hero-tin{width:100%;max-width:var(--hub-image-width);height:auto;filter:drop-shadow(0px 15px 30px rgba(0,0,0,.25));transition:transform .5s ease;position:relative;z-index:4}@media screen and (min-width:768px){.technical-hub-root .tech-hub-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1500px;margin:0 auto 38px;gap:0;column-gap:var(--hub-icon-gap)}.technical-hub-root .left-side{padding-right:calc(var(--hub-icon-gap) / 2)}.technical-hub-root .right-side{padding-left:calc(var(--hub-icon-gap) / 2)}.technical-hub-root .desktop-only{display:flex!important;justify-content:center}.technical-hub-root .mobile-only{display:none!important}.technical-hub-root .side-col{display:flex;flex-direction:column;justify-content:center;width:100%;position:relative;z-index:6}.technical-hub-root .tech-icon-btn{width:100%;display:flex;align-items:center;position:relative;height:120px;padding:0;margin:0;background:none;border:none;cursor:pointer;color:inherit;transition:transform .25s ease;z-index:6}.technical-hub-root .left-side .tech-icon-btn{justify-content:flex-end;transform-origin:100% 50%}.technical-hub-root .left-side .tech-icon-btn:first-child{transform:rotate(-25deg) translateY(-20px);margin-bottom:var(--hub-icon-vertical-gap, 60px)}.technical-hub-root .left-side .tech-icon-btn:last-child{transform:rotate(25deg) translateY(20px)}.technical-hub-root .right-side .tech-icon-btn{justify-content:flex-start;transform-origin:0% 50%}.technical-hub-root .right-side .tech-icon-btn:first-child{transform:rotate(25deg) translateY(-20px);margin-bottom:var(--hub-icon-vertical-gap, 60px)}.technical-hub-root .right-side .tech-icon-btn:last-child{transform:rotate(-25deg) translateY(20px)}.technical-hub-root .left-side .tech-icon-btn:first-child .icon-wrapper{transform:rotate(25deg)}.technical-hub-root .left-side .tech-icon-btn:last-child .icon-wrapper{transform:rotate(-25deg)}.technical-hub-root .right-side .tech-icon-btn:first-child .icon-wrapper{transform:rotate(-25deg)}.technical-hub-root .right-side .tech-icon-btn:last-child .icon-wrapper{transform:rotate(25deg)}.technical-hub-root .tech-icon-btn.active .icon-wrapper{transform:translateZ(0) scale(1.05)}}@media screen and (max-width:767px){.technical-hub-root .desktop-only{display:none!important}.technical-hub-root .mobile-only{display:flex!important;justify-content:center}.technical-hub-root .mobile-icon-row{display:flex;justify-content:center;gap:15px;width:100%;padding-bottom:20px;position:relative;z-index:6}.technical-hub-root .tech-icon-btn-mobile{background:none;border:none;cursor:pointer;padding:0;color:inherit;position:relative;z-index:6}.technical-hub-root .icon-wrapper img{width:45px;height:45px}.technical-hub-root .icon-wrapper{width:80px;height:80px}}.technical-hub-root .icon-wrapper{width:100px;height:100px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000014;position:relative;z-index:7;opacity:1;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease,border-color .25s ease}.technical-hub-root [data-tech-hub-button]:hover .icon-wrapper{opacity:1}.technical-hub-root [data-tech-hub-button].active .icon-wrapper{opacity:1;border-color:var(--hub-accent-color);box-shadow:0 0 0 4px var(--hub-accent-color)}.technical-hub-root .icon-wrapper img{width:55px;height:55px;object-fit:contain;opacity:.7;transition:opacity .25s ease}.technical-hub-root .connector-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.technical-hub-root .connector-layer path,.technical-hub-root .connector-layer circle{transition:stroke .25s ease,fill .25s ease,opacity .25s ease}@media(max-width:767px){.technical-hub-root .connector-layer{display:none}}.technical-hub-root .tech-info-display{text-align:center;max-width:800px;margin:6px auto 0;min-height:150px}.technical-hub-root .feature-title{margin-top:0;margin-bottom:10px}.technical-hub-root .feature-title:before{content:"";display:block;width:56px;height:1px;margin:0 auto 14px;opacity:.18;background:currentColor}.technical-hub-root .feature-content{display:none;opacity:0;transition:opacity .3s ease-in-out}.technical-hub-root .feature-content.active{display:block;opacity:1}.technical-hub-root [data-tech-hub-button]:hover .icon-wrapper img,.technical-hub-root [data-tech-hub-button].active .icon-wrapper img{opacity:1}.technical-hub-root.is-inview .icon-wrapper{will-change:transform}.technical-hub-root.is-hinting [data-tech-hub-button]:not(.active) .icon-wrapper{animation:techHubPulse 1.6s ease-in-out infinite}.tech-hub-nudge .icon-wrapper{animation:techHubNudge .9s cubic-bezier(.2,.9,.2,1) 1;will-change:outline-offset,outline-color,box-shadow}@keyframes techHubNudge{0%{outline:0px solid rgba(0,0,0,0);outline-offset:0px;box-shadow:0 10px 25px #00000014}35%{outline:6px solid color-mix(in srgb,var(--hub-accent-color) 45%,transparent);outline-offset:6px;box-shadow:0 22px 55px #0000002e}65%{outline:3px solid color-mix(in srgb,var(--hub-accent-color) 30%,transparent);outline-offset:3px;box-shadow:0 14px 32px #0000001f}to{outline:0px solid rgba(0,0,0,0);outline-offset:0px;box-shadow:0 10px 25px #00000014}}.technical-hub-root .tech-hub-eyebrow{text-align:center;margin:0 auto 18px;max-width:900px}.technical-hub-root .tech-hub-eyebrow__kicker{margin-bottom:6px;font-size:16px}@media(min-width:768px){.technical-hub-root .tech-hub-eyebrow__kicker{font-size:20px}}@media(min-width:768px){.technical-hub-root .tech-hub-eyebrow{margin-bottom:22px}}.technical-hub-root .tech-hub-eyebrow__hint{opacity:.55;max-width:520px;margin:0 auto}.technical-hub-root .tech-info-display{position:relative}@media(max-width:768px){.technical-hub-root .icon-wrapper img{width:45px;height:45px}.technical-hub-root .icon-wrapper{width:80px;height:80px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/technical-anatomy-hub.css.map */