.alignwide .block-trecord.alignwide{margin-left:auto;margin-right:auto}.trecords{border-left:4px solid #545860;border-top:4px solid #545860}.trecords-links .slick-dots{left:0;position:absolute}.trecords.trecords-links{margin-bottom:2rem}.trecord{border-bottom:4px solid #545860;border-right:4px solid #545860;color:#53585f;cursor:pointer;display:block;font-family:kallisto,sans-serif;font-size:1em;font-weight:700;line-height:1.2em;position:relative;transition:all .4s ease}.entry-content a.trecord{border-bottom:4px solid #545860;color:#53585f}.trecords-links{border-left:4px solid #545860}.trecords-links .trecord{border-top:4px solid #545860;min-height:360px}.trecord p{font-size:1em;line-height:1.2em;margin:0}.trecord em{font-weight:400}.trecord a.btn{color:#fff;font-family:kallisto,sans-serif;font-size:.9em;font-weight:700;padding:1em .812em}.trecord a.btn:before{background-image:linear-gradient(to left,#fff 50%,#f04279 50%)}.trecord a.btn:focus,.trecord a.btn:hover{color:#53585f}.tr-type{align-items:center;background:#00a4eb;clip-path:polygon(0% 0%,55% 0%,45% 100%,0% 100%);clip-path:polygon(-1% -1%,55% -1%,45% 101%,-1% 101%);color:#fff;display:flex;font-size:.875em;font-size:.6875em;font-weight:700;height:30px;justify-content:flex-start;line-height:1em;padding:.5rem 20px;text-transform:uppercase;transition:all .4s ease}span.tr-type-text{display:block;max-width:50%}.tr-img{align-items:center;display:flex;justify-content:center;min-height:160px;padding:0 20px}.tr-img svg{max-height:150px}.tr-img svg *{transition:all .4s ease}.trecord-main-content{padding:20px 20px 24px}strong.tr-title{color:#00a4eb;display:block;font-size:.6875em;line-height:1em;text-transform:uppercase;transition:all .4s ease}.trecord.active .tr-img svg *,.trecord:focus-visible .tr-img svg *,.trecord:focus-within .tr-img svg *{fill:#fff}.trecord.active,.trecord:focus-visible,.trecord:focus-within{background:#00a4eb;color:#fff}.trecord.active .tr-type,.trecord:focus-visible .tr-type,.trecord:focus-within .tr-type{background:#fff;color:#00a4eb}.trecord.type-receptors .tr-type,.trecord.type-receptors.active,.trecord.type-receptors:focus-visible,.trecord.type-receptors:focus-within{background:#98d801}.trecord.type-receptors.active .tr-type,.trecord.type-receptors:focus-visible .tr-type,.trecord.type-receptors:focus-within .tr-type{background:#fff;color:#98d801}.trecord.type-receptors .tr-title{color:#98d801}.trecord.type-kinases .tr-type,.trecord.type-kinases.active,.trecord.type-kinases:focus-visible,.trecord.type-kinases:focus-within{background:#f04279}.trecord.type-kinases.active .tr-type,.trecord.type-kinases:focus-visible .tr-type,.trecord.type-kinases:focus-within .tr-type{background:#fff;color:#f04279}.trecord.type-kinases .tr-title{color:#f04279}.trecord.type-protein .tr-type,.trecord.type-protein.active,.trecord.type-protein:focus-visible,.trecord.type-protein:focus-within{background:#101921}.trecord.type-protein.active .tr-type,.trecord.type-protein:focus-visible .tr-type,.trecord.type-protein:focus-within .tr-type{background:#fff;color:#101921}.trecord.type-protein .tr-title{color:#101921}@media (hover:hover){.trecord:focus .tr-img svg *,.trecord:hover .tr-img svg *{fill:#fff}.entry-content a.trecord:focus,.entry-content a.trecord:hover,.trecord:focus,.trecord:hover{background:#00a4eb;color:#fff}.entry-content a.trecord:focus .tr-type,.entry-content a.trecord:hover .tr-type,.trecord:focus .tr-type,.trecord:hover .tr-type{background:#fff;color:#00a4eb}.entry-content a.trecord.type-receptors:focus,.entry-content a.trecord.type-receptors:hover,.trecord.type-receptors:focus,.trecord.type-receptors:hover{background:#98d801}.entry-content a.trecord.type-receptors:focus .tr-type,.entry-content a.trecord.type-receptors:hover .tr-type,.trecord.type-receptors:focus .tr-type,.trecord.type-receptors:hover .tr-type{background:#fff;color:#98d801}.entry-content a.trecord.type-kinases:focus,.entry-content a.trecord.type-kinases:hover,.trecord.type-kinases:focus,.trecord.type-kinases:hover{background:#f04279}.entry-content a.trecord.type-kinases:focus .tr-type,.entry-content a.trecord.type-kinases:hover .tr-type,.trecord.type-kinases:focus .tr-type,.trecord.type-kinases:hover .tr-type{background:#fff;color:#f04279}.entry-content a.trecord.type-protein:focus,.entry-content a.trecord.type-protein:hover,.trecord.type-protein:focus,.trecord.type-protein:hover{background:#101921}.entry-content a.trecord.type-protein:focus .tr-type,.entry-content a.trecord.type-protein:hover .tr-type,.trecord.type-protein:focus .tr-type,.trecord.type-protein:hover .tr-type{background:#fff;color:#101921}}.trecord.active strong.tr-title,.trecord:focus strong.tr-title,.trecord:focus-within strong.tr-title,.trecord:hover strong.tr-title{color:#fff}.tr-hover{color:#53585f}.trecord .tr-hover .tr-title{color:#00a4eb!important}.trecord.type-receptors .tr-hover .tr-title{color:#98d801!important}.trecord.type-kinases .tr-hover .tr-title{color:#f04279!important}.trecord.type-protein .tr-hover .tr-title{color:#101921!important}.tr-text{margin-bottom:1rem}.tr-hover,.tr-overlay{margin:auto;opacity:0;position:absolute;transition:all .3s ease;visibility:hidden;z-index:9}.tr-hover{background:#fff;border:4px solid #545860;left:-4px;padding-top:40px;right:-4px;top:-4px;transform:scale(0);transform-origin:0 0}.tr-hover:after,.tr-hover:before{content:'';position:absolute}.tr-hover:before{background:#00a4eb;clip-path:polygon(-1% -1%,11% -1%,-1% 101%);height:30px;left:0;top:0;width:100%}.trecord.type-receptors .tr-hover:before{background:#98d801}.trecord.type-kinases .tr-hover:before{background:#f04279}.trecord.type-protein .tr-hover:before{background:#101921}.tr-hover .trecord-main-content{position:relative;z-index:9}.active .tr-hover,.trecord:focus-visible .tr-hover,.trecord:has(:focus-visible) .tr-hover{opacity:1;outline:0;transform:scale(1);visibility:visible!important}.tr-close{cursor:pointer;display:none;height:20px;position:absolute;right:20px;top:20px;width:20px;z-index:10}.tr-close:after,.tr-close:before{background:#545860;bottom:0;content:'';height:4px;left:0;margin:auto;position:absolute;right:0;top:0;transform:rotate(45deg);width:100%}.tr-close:after{transform:rotate(-45deg)}.tr-overlay{background:rgba(84,88,96,.5);bottom:0;left:0;right:0;top:0;z-index:8}.trecords.clicked .trecord:not(.active) .tr-overlay{opacity:1;visibility:visible}.trecords.clicked .trecord:hover .tr-overlay{opacity:0;visibility:hidden}@media only screen and (min-width:641px){.trecords{display:grid;grid-template-columns:50% 50%}.tr-hover:after{background:#fff;border-left:4px solid #545860;border-top:4px solid #545860;height:50px;left:-3px;top:100px;transform:translateX(-50%) rotate(-45deg);transform-origin:center center;width:50px}.active .tr-hover,.trecord:focus-visible .tr-hover,.trecord:has(:focus-visible) .tr-hover{transform:scale(1) translateX(100%);transform:scale(1) translateX(calc(100% - 4px))}}@media only screen and (min-width:641px) and (max-width:1023px){.trecord:nth-of-type(2n){transform-origin:100% 0}.trecord:nth-of-type(2n) .tr-hover:after{left:auto;right:-3px;transform:translateX(50%) rotate(135deg)}.trecord:nth-of-type(2n).active .tr-hover,.trecord:nth-of-type(2n):focus-visible .tr-hover,.trecord:nth-of-type(2n):has(:focus-visible) .tr-hover{transform:scale(1) translateX(-100%);transform:scale(1) translateX(calc(-100% + 4px))}.trecord:nth-of-type(2n) .tr-hover:before{clip-path:polygon(89% -1%,101% -1%,101% 101%)}}@media only screen and (min-width:1024px){.trecords{grid-template-columns:25% 25% 25% 25%}.trecord:nth-of-type(4n){transform-origin:100% 0}.trecord:nth-of-type(4n) .tr-hover:after{left:auto;right:-3px;transform:translateX(50%) rotate(135deg)}.trecord:nth-of-type(4n).active .tr-hover,.trecord:nth-of-type(4n):focus-visible .tr-hover,.trecord:nth-of-type(4n):has(:focus-visible) .tr-hover{transform:scale(1) translateX(-100%);transform:scale(1) translateX(calc(-100% + 4px))}.trecord:nth-of-type(4n) .tr-hover:before{clip-path:polygon(89% -1%,101% -1%,101% 101%)}}@media only screen and (max-width:640px){.tr-close{display:block}}