epitope-edu-section{background-color:#fff}.epitope-edu-section-content{padding-bottom:24px;margin:0 auto;box-sizing:border-box}.educational-main-component .educational-header{background:linear-gradient(270.59deg,#4D6C8E,#445C77,#445468);color:var(--black-100);font-family:HelveticaNeue;padding:16px 24px 16px 90px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:155px}.educational-main-component .educational-header__title{font-weight:300;font-size:40px;color:#fff;margin-bottom:35px;margin-top:23px}.educational-main-component .educational-header__image{font-size:16px;color:var(--gray-60)}.educational-main-component .tab-container{margin:20px 60px 20px 90px}@media screen and (min-width: 768px) and (max-width: 979px){.educational-main-component .tab-container{margin:16px 30px!important}.educational-main-component .educational-header{padding:16px 20px 8px 35px;height:154px!important}.educational-main-component .educational-header__title{font-weight:300;font-size:30px;margin-bottom:12px!important;margin-top:0!important}.educational-main-component .educational-header__image{font-size:16px;color:var(--gray-60)}}@media screen and (min-width: 576px) and (max-width: 767px){.educational-main-component .tab-container{margin:16px 20px!important}.educational-main-component .educational-header{padding:16px 20px!important;height:125px!important}.educational-main-component .educational-header__title{font-weight:300;font-size:30px;width:79%;margin-bottom:17px!important;margin-top:15px!important}.educational-main-component .educational-header__image{display:none}}@media screen and (min-width: 360px) and (max-width: 575px){.educational-main-component .tab-container{margin:16px 20px!important}.educational-main-component .educational-header{padding:16px 20px!important;height:100px!important}.educational-main-component .educational-header__title{font-weight:300;font-size:24px;margin-bottom:10px!important;margin-top:15px!important}.educational-main-component .educational-header__image{display:none}}.epitope-tabs{width:100%}.epitope-tabs__list{display:flex;list-style:none;padding:0;margin:0;border-bottom:2px solid var(--gray-20)}.epitope-tabs__item{padding:8px 16px;cursor:pointer;color:var(--gray-60);font-size:14px}.epitope-tabs__item:hover{color:var(--black-100)}.epitope-tabs__item--active{color:var(--blue-20);border-bottom:2px solid var(--blue-20);margin-bottom:-2px;font-weight:700}.epitope-tabs__content{padding:16px;font-size:14px;color:var(--gray-60)}.epitope-tabs core-tabs-container{width:100%}.epitope-3d{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.mapping-tool-info{width:89%}.mapping-tool-info .card-container{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:40px 0}.mapping-tool-info .card-container .card-container-header{font-size:26px;font-weight:500;padding-bottom:35px;color:#1b1b1d}.mapping-tool-info .card-container .card-content{display:flex;flex-direction:row;gap:34px;width:100%}.mapping-tool-info .card-container .card-content core-card{flex:1;width:358px}.mapping-tool-info .card-container .card-content core-card::part(core-card){height:93px;border-radius:0!important;padding:21px 39px!important;align-content:space-between!important}.mapping-tool-info .card-container .card-content core-card .card-text{text-align:center;color:#54545c!important;font-size:16px;margin-bottom:0!important}@media screen and (min-width: 980px) and (max-width: 1200px){.mapping-tool-info .card-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.mapping-tool-info .card-container .card-container-header{font-size:22px;font-weight:500;padding-bottom:35px}.mapping-tool-info .card-container .card-content{display:flex;flex-direction:row;gap:20px;width:100%}.mapping-tool-info .card-container .card-content core-card{flex:1;width:275px}.mapping-tool-info .card-container .card-content core-card::part(core-card){height:89px}.mapping-tool-info .card-container .card-content core-card .card-text{text-align:center;font-size:14px;margin:0!important}}@media screen and (min-width: 576px) and (max-width: 979px){.mapping-tool-info .card-container .card-container-header{font-size:20px;font-weight:500;padding-bottom:27px}.mapping-tool-info .card-container .card-content{display:flex;flex-direction:column;align-items:center;gap:16px}.mapping-tool-info .card-container .card-content core-card{width:378px}.mapping-tool-info .card-container .card-content core-card::part(core-card){height:72px;align-content:center!important;padding:21px 60px!important}.mapping-tool-info .card-container .card-content .card-text{font-size:14px!important;margin:0}}@media screen and (min-width: 360px) and (max-width: 575px){.mapping-tool-info .card-container .card-container-header{font-size:18px;font-weight:500;padding-bottom:27px;text-align:center}.mapping-tool-info .card-container .card-content{display:flex;flex-direction:column;align-items:center;gap:16px}.mapping-tool-info .card-container .card-content core-card{width:328px}.mapping-tool-info .card-container .card-content core-card::part(core-card){height:70px}.mapping-tool-info .card-container .card-content .card-text{font-size:14px;margin:0!important}}canvas,.msp-plugin,.msp-viewport{background:#2b2b30!important;background-image:none!important}.msp-viewport-top-left-controls,.msp-viewport-controls{display:none!important}.msp-representation-ball-and-stick,.msp-representation-spacefill,.msp-representation-licorice,.msp-representation-line,.msp-representation-bond,.msp-state-transform-item[data-name*=ball],.msp-state-transform-item[data-name*=stick],.msp-state-transform-item[data-name*=spacefill],.msp-state-transform-item[data-name*=bond],.msp-state-transform-item[data-name*=line],.msp-state-transform-item[data-name*=interaction]{display:none!important;visibility:hidden!important;opacity:0!important}.msp-highlight,.msp-selection,.msp-tooltip{display:none!important}.epitope-wrapper{height:700px}@media (max-width: 470px){.epitope-wrapper{height:628px}}.viewer-wrapper{position:relative}.viewer-wrapper #viewer{width:100%;height:700px;margin:auto}@media (max-width: 470px){.viewer-wrapper #viewer{height:628px}}#zoom-buttons{z-index:9;position:absolute;top:32px;right:32px;display:flex;flex-direction:column}@media (max-width: 767px){#zoom-buttons{top:20px;right:20px}}#zoom-buttons .zoom-out{margin:10px 0}#zoom-buttons img{cursor:pointer}.loader-overlay{height:500px;display:flex;justify-content:center;align-items:center}.loader-overlay .loader-gif{width:20px;height:20px}.notification-wrapper{background-color:#fff;border:1px solid #d9d9d9}.notification-wrapper .notification{border-left:6px solid #d0021b;padding:20px;display:flex;gap:20px;align-items:flex-start}.notification-wrapper .warning-icon{width:22px;margin-top:5px}.notification-wrapper .message-text{font-size:14px;color:#333;line-height:1.5}.notification-wrapper .message-text span{font-weight:700}.rzslider-wrapper{display:flex;margin-top:-67px;margin-right:8%;margin-left:46%}.rzslider-disabled{cursor:not-allowed;pointer-events:none}.bar-start{content:"";height:52px;width:3px;background:#25A1BE;z-index:2;top:21px;position:relative;box-shadow:0 2px 4px #2222221a;left:2px;flex-shrink:0;touch-action:none}.bar-end{content:"";height:52px;width:3px;background:#25A1BE;z-index:2;top:21px;position:relative;box-shadow:0 2px 4px #2222221a;left:-2.6px;flex-shrink:0;touch-action:none}.rzslider{position:relative;display:inline-block;width:100%;flex:1;height:4px;margin:35px 0 15px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}.rzslider .rz-base{width:100%;height:100%;padding:0;position:relative;touch-action:none}.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box;position:absolute}.rzslider .rz-selection-wrapper{position:absolute;z-index:2}.rzslider .rz-bar{left:0;z-index:1;width:100%;height:38px;background:#43434A;opacity:1;box-shadow:0 2px 4px #0000001a;border-radius:0}.custom-slider .rz-selection{background-color:#2cd9db;opacity:1;text-align:center;color:#43434a;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;height:38px;border-radius:0}.hide-before:before{display:none!important}.rzslider .rz-pointer{position:absolute;width:3px;height:52px;top:-14px;background-color:#25a1be;cursor:ew-resize;border-radius:0;box-shadow:0 2px 4px #2222221a;z-index:3;outline:none;touch-action:none}.rzslider .rz-pointer:focus-visible{outline:2px solid #fff;outline-offset:2px}.rzslider .rz-pointer:after{content:"";background-color:#18ffff;border-top:none;display:none;height:11px;width:11px;top:47px;position:relative;left:-4px;border-radius:10px;box-shadow:0 2px 4px #2222221a}.rzslider .rz-pointer:before{content:"";background-color:#54545c;display:none;height:5px;width:5px;top:55px;position:relative;left:-1px;z-index:2;border-radius:7px;box-shadow:5px 0 15px #00000026}.rzslider-disabled .rz-pointer{cursor:not-allowed;background-color:#fff}.rzslider-disabled .rz-pointer:after{background-color:#fff}.rzslider-disabled .rz-selection{color:#000;background:#b3b3b3;font-weight:700}.rzslider .rz-bubble{position:absolute;bottom:32px;color:#1b1b1d;font-size:11px;font-weight:700;height:12px;letter-spacing:0px;white-space:nowrap;cursor:default;z-index:5}.rzslider .rz-model-combined{transform:translate(-50%);bottom:40px}.rzslider .rz-limit{font-weight:400;color:#1b1b1d;font-size:16px;bottom:-50px;visibility:visible!important}.rzslider .rz-floor{left:0}.rzslider .rz-ceil{right:0}.antigen-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:100;cursor:pointer}#overlay-message:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom:0;margin-left:-20px;margin-bottom:-8px}.message{display:flex;height:62px;flex-direction:row;text-align:center;flex-wrap:wrap;position:absolute;padding:10px 15px 0;border-radius:10px;background-color:#fff;top:414px}@media only screen and (min-width: 1378px){.message{left:55%}}@media only screen and (min-width: 1200px) and (max-width: 1377px){.message{left:57%;top:413px}}@media only screen and (min-width: 980px) and (max-width: 1199px){.message{top:500px;left:30%}}@media only screen and (min-width: 768px) and (max-width: 979px){.message{left:26%;top:428px}}@media only screen and (min-width: 640px) and (max-width: 767px){.message{top:425px;left:19%}}@media only screen and (min-width: 480px) and (max-width: 639px){.message{top:411px;left:22%;width:278px}}@media only screen and (min-width: 427px) and (max-width: 479px){.message{top:410px;width:279px;left:18%}}@media only screen and (min-width: 375px) and (max-width: 426px){.message{top:438px;left:19%;width:205px}}@media only screen and (max-width: 374px){.message{top:436px;width:230px;left:14%}}.new-overlay-message{display:flex;height:62px;flex-direction:row;text-align:center;flex-wrap:wrap;position:absolute;padding:10px 15px 0;border-radius:10px;background-color:#fff;top:354px}@media only screen and (min-width: 1378px){.new-overlay-message{left:55%}}@media only screen and (min-width: 1200px) and (max-width: 1377px){.new-overlay-message{left:57%;top:354px}}@media only screen and (min-width: 980px) and (max-width: 1199px){.new-overlay-message{top:432px;left:30%}}@media only screen and (min-width: 768px) and (max-width: 979px){.new-overlay-message{left:26%;top:422px}}@media only screen and (min-width: 640px) and (max-width: 767px){.new-overlay-message{top:425px;left:22%}}@media only screen and (min-width: 480px) and (max-width: 639px){.new-overlay-message{top:410px;left:16%;width:297px}}@media only screen and (min-width: 375px) and (max-width: 479px){.new-overlay-message{top:438px;left:17%;width:211px}}@media only screen and (max-width: 374px){.new-overlay-message{top:436px;width:230px;left:14%}}.epitope-section{width:89%}.epitope-section .epitope-container-header{font-size:22px;font-weight:500;text-align:center;margin-bottom:25px;color:#1b1b1d}.epitope-section .epitope-container{display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:#f7f7f7;padding:50px 0}.epitope-section .epitope-container .epitope-3d-wrapper{width:85%}.epitope-section .epitope-container .epitope-3d-wrapper .range-bar-container{margin-bottom:70px}.epitope-section .epitope-container .epitope-3d-wrapper .range-bar-container .rzslider-wrapper{margin:0!important}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container{height:482px!important}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container .viewer-wrapper #viewer{height:482px}@media screen and (min-width: 980px) and (max-width: 1199px){.epitope-section{width:100%!important}.epitope-section .epitope-container-header{font-size:22px}.epitope-section .epitope-container{padding:35px 0}.epitope-section .epitope-container .epitope-3d-wrapper{width:790px}}@media screen and (min-width: 360px) and (max-width: 575px){.epitope-section{width:100%!important}.epitope-section .epitope-container-header{font-size:18px;font-weight:500;text-align:center;margin-bottom:25px}.epitope-section .epitope-container{padding:18px 0}.epitope-section .epitope-container .epitope-3d-wrapper{width:300px}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container{height:223px!important}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container .viewer-wrapper #viewer{height:223px}}@media screen and (min-width: 768px) and (max-width: 979px){.epitope-section{width:100%!important}.epitope-section .epitope-container-header{font-size:20px;font-weight:500;text-align:center;margin-bottom:25px}.epitope-section .epitope-container{padding:30px 0}.epitope-section .epitope-container .epitope-3d-wrapper{width:603px}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container{height:306px!important}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container .viewer-wrapper #viewer{height:306px}}@media only screen and (min-width: 576px) and (max-width: 767px){.epitope-section{width:100%!important}.epitope-section .epitope-container-header{font-size:20px;font-weight:500;text-align:center;margin-bottom:25px}.epitope-section .epitope-container{padding:25px 0}.epitope-section .epitope-container .epitope-3d-wrapper{width:492px}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container{height:251px!important}.epitope-section .epitope-container .epitope-3d-wrapper .tf3d-viewer-container .viewer-wrapper #viewer{height:251px}}.typeahead-search{margin-top:40px}.typeahead-search .typeahead-search-header{font-size:22px;font-weight:500;margin-bottom:20px;text-align:center;color:#1b1b1d}.typeahead-search .typeahead-search-container{background-color:#f7f7f7;padding:50px 0;width:731px;height:320px;display:flex;justify-content:center}.typeahead-search .typeahead-search-container .core-search-component{width:85%;display:block;z-index:1}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__icon){left:unset;right:20px;padding-bottom:25px}.typeahead-search .typeahead-search-container .core-search-component.search-has-text::part(core-search__icon--search){display:none!important}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__svg){fill:#0092f3!important;width:24px!important;height:24px!important}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__clear),.typeahead-search .typeahead-search-container .core-search-component::part(core-search__clear-icon),.typeahead-search .typeahead-search-container .core-search-component::part(core-search__clear-button){top:50%;transform:translateY(-65%)}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__input){padding-left:16px!important;height:56px!important;border-radius:4px!important;color:#1b1b1d!important;font-weight:400}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__input):focus-visible{outline:2px solid #0092F3!important}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__results),.typeahead-search .typeahead-search-container .core-search-component::part(core-search__results--no-results){box-shadow:0 -2px 6px -4px #0000001f,0 8px 10px -4px #00000026!important;border-radius:0 0 4px 4px!important;outline:1px solid #F7F7F7!important;margin-top:4px!important}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__result){cursor:pointer}.typeahead-search .typeahead-search-container .core-search-component::part(core-search__result) .core-search__result--highlighted{cursor:pointer!important}@media screen and (min-width: 360px) and (max-width: 979px){.typeahead-search{width:100%}.typeahead-search .typeahead-search-container{width:100%!important}}@media screen and (min-width: 768px) and (max-width: 979px){.typeahead-search .typeahead-search-header{font-size:24px!important}}@media screen and (min-width: 568px) and (max-width: 767px){.typeahead-search .typeahead-search-header{font-size:20px!important}}@media screen and (min-width: 360px) and (max-width: 567px){.typeahead-search .typeahead-search-header{font-size:18px!important}}.how-to-guide{text-align:center;color:#1b1b1b}.how-to-guide .main-title{font-size:26px;font-weight:500;margin-top:40px;margin-bottom:28px}.how-to-guide .sub-title{font-size:24px;font-weight:500;margin-bottom:14px}.how-to-guide .guide-section .guide-title{font-size:14px;font-weight:500;margin-top:30px;margin-bottom:5px}.how-to-guide .guide-section .guide-description{font-size:14px;margin-top:0;margin-bottom:24px;color:#54545c}.how-to-guide .step-guide{margin-bottom:25px;display:flex;flex-direction:column;align-items:center}.how-to-guide .step-guide .step-image-desktop,.how-to-guide .step-guide .step-image-tab,.how-to-guide .step-guide .step-image-mobile,.how-to-guide .step-guide .step2-image-desktop,.how-to-guide .step-guide .step2-image-lower,.how-to-guide .step-guide .step3-image-desktop,.how-to-guide .step-guide .step3-image-lower{max-width:100%;height:auto}.how-to-guide .step-guide .border{border:1px solid #E0E0E0}.how-to-guide .step-guide .step2-section{background-color:#f7f7f7;width:100%;display:none;justify-content:center;padding:24px 0}.how-to-guide .step-guide .step-image-tab,.how-to-guide .step-guide .step-image-mobile,.how-to-guide .step-guide .step2-image-lower,.how-to-guide .step-guide .step3-image-lower{display:none}@media (min-width: 576px) and (max-width: 767px){.how-to-guide .step-guide .step-image-desktop,.how-to-guide .step-guide .step-image-mobile{display:none}.how-to-guide .step-guide .step-image-tab{display:block}}@media (max-width: 575px){.how-to-guide .step-guide .step-image-desktop,.how-to-guide .step-guide .step-image-tab{display:none}.how-to-guide .step-guide .step-image-mobile{display:block}}@media (max-width: 981px){.how-to-guide .step-guide .step2-image-desktop{display:none}.how-to-guide .step-guide .step2-section{display:flex}.how-to-guide .step-guide .step2-image-lower{display:block;width:400px}}@media (min-width: 991px){.how-to-guide .step-guide .step-image-desktop{width:60%}.how-to-guide .step-guide .step2-image-desktop{width:80%}.how-to-guide .step-guide .step3-image-desktop{width:60%}}@media (max-width: 575px){.how-to-guide .step-guide .step2-image-lower{width:300px}}@media (max-width: 767px){.how-to-guide .step-guide .step3-image-desktop{display:none}.how-to-guide .step-guide .step3-image-lower{display:block}}.how-to-guide .step-guide .step{width:60px;height:60px;border-radius:50%;background-color:#cacaca;font-size:24px;font-weight:500;color:#fff;display:flex;justify-content:center;align-items:center}.how-to-guide .step-guide .step-title{font-size:20px;font-weight:500}.how-to-guide .step-guide .sub-title,.how-to-guide .step-guide .step-subtitle{font-size:20px;font-weight:500;margin-top:8px;margin-bottom:8px}.how-to-guide .step-guide .step-description{font-size:14px;margin-top:0;margin-bottom:20px;color:#54545c!important}.how-to-guide .guide-search{margin-top:40px}.how-to-guide .guide-search .typeahead-search{margin-top:0}.how-to-guide .guide-search .typeahead-search .typeahead-search-container{margin:0 auto}@media screen and (min-width: 360px) and (max-width: 575px){.how-to-guide .step-title,.how-to-guide .step-subtitle,.how-to-guide .main-title{font-size:18px!important}.how-to-guide .sub-title{font-size:16px!important}.how-to-guide .guide-search .typeahead-search-container{width:100%}}@media screen and (min-width: 576px) and (max-width: 979px){.how-to-guide .main-title{font-size:20px!important}.how-to-guide .sub-title{font-size:18px!important}.how-to-guide .guide-search .typeahead-search-container{width:100%}}.educational-breadcrumb{top:-17px;position:relative;font-size:12px;font-weight:400}.educational-breadcrumb__list{margin:0;padding:0;display:flex;align-items:center;list-style:none;gap:10px}.educational-breadcrumb__item{color:#d6dbe4;line-height:1}.educational-breadcrumb__separator{display:inline-flex;align-items:center}.educational-breadcrumb__separator img{width:8px;height:8px;opacity:.9}.educational-breadcrumb__item--current{color:#fff}.educational-breadcrumb__link{color:#fff;text-decoration:none}.educational-breadcrumb__link:hover{color:#fff!important}@media screen and (min-width: 768px) and (max-width: 979px){.educational-breadcrumb{top:-26px;padding:8px 20px 0 0}}@media screen and (min-width: 360px) and (max-width: 767px){.educational-breadcrumb{top:-7px}}html,body,#root{font-family:Helvetica Neue,Helvetica,sans-serif!important}html{overflow:initial!important}body{margin-left:0;margin-right:0}
