.application-notes{max-width:900px;margin:40px auto;padding:0}
span.resource-count{font-weight:400;font-size:16px;line-height:150%;color:#727272;padding:0 0 0 4px}
.application-note-item{border-radius:8px;padding:20px;margin-bottom:16px;background-color:#fff}
.resource-title{margin-bottom:0;font-size:18px;line-height:23px;font-weight:700;font-style:normal;letter-spacing:.02em;color:#232e35}
.categories-list-items-container{list-style:none;padding:0;margin:0 0 12px 0;border:1px solid rgba(0,0,0,0.381);width:100%}
.category-list-item-each-card{display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:20px;padding:26px;width:100%;border-bottom:1px solid #ddd}
.category-list-item-each-card:hover{background-color:#f3f4f6;cursor:pointer;padding:20px}
.resource-main-title{font-size:14px;color:#000;font-weight:700;margin-bottom:-7px;font-family:"din-2014","Helvetica Neue",Helvetica,Arial,sans-serif}
.resource-sub-title{font-size:12px;color:#6b7280;font-weight:400}
.tag-NGS{background-color:#e6f6f0;color:#105928;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Biopharma{background-color:#f8e7ff;color:#a322a5;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Genes{background-color:#e9e9fd;color:#5d5db2;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Antibodies{background-color:#f8e7ff;color:#c639c1;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Variant-Libraries{background-color:#feefe1;color:#c68239;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Synthetic-Controls{background-color:#e6ecf4;color:#1a7b1a;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Oligo-Pools{background:#e6f7f8;color:#31a0aa;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.resource-sub-title-label-container{display:flex;justify-content:space-between;align-items:center;width:fit-content;margin-top:18px;margin-bottom:20px}
.resource-description{flex-basis:100%;font-size:14px;color:#4b5563;margin:4px 0 0 0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.categories-list-items-arrow-image{margin-left:auto;width:16px;height:12px;margin-bottom:20px}
.categories-all-items-title{text-align:center;font-size:12px;font-weight:500;color:#111827;text-transform:uppercase;letter-spacing:1px;padding-top:8px;cursor:pointer}
.categories-all-items-title:hover{background:#fafafa;border-radius:4px;color:#4a4a4a;text-decoration:underline;cursor:pointer}
li{list-style:none}
@media(min-width:768px) and (max-width:1023px){.categories-list-items-container{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.application-note-item{padding:0}
.category-list-item-each-card{flex:0 0 100%;padding:0;border-bottom:0;border-right:1px solid #ddd}
.resource-title{font-size:17px}
.resource-description{display:none}
.resource-sub-title{font-size:10px;color:#295dc4;font-weight:400}
.application-notes{max-width:100%;margin:20px;padding:7px}
}
@media(max-width:767px){.categories-list-items-container{display:block;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.category-list-item-each-card{flex:auto;border-bottom:0;border-right:1px solid #ddd;margin-bottom:0}
.application-note-item{padding:0}
.application-notes{max-width:800px;margin:20px;padding:0}
.resource-title{font-size:17px}
.resource-description{display:none}
.resource-description{display:none}
.grid-item{width:242px;height:215px}
}
.hidden{display:none !important}
.resource-page-wrapper{display:flex;justify-content:space-between;.featured-resources-section,.public-featured-resources-section{div{.title{font-size:16px;font-weight:700}
}
@media(max-width:1023px){.featured_section{overflow:auto;.grid-container{display:inline-flex !important}
}
}
.grid-container{.grid-item-link{display:flex;align-items:center;background:#E6F6F0;justify-content:center;justify-content:space-between;&:first-child{padding-top:40px}
.grid-image{margin-top:auto;margin-bottom:auto;width:70%;background:transparent}
.grid-bottom-content{background:#fff;position:relative;bottom:0;width:100%}
}
}
}
}
.resource-filters{margin-top:48px}
.application-notes .arrow-button{content:"";display:block;width:100%;height:40px;text-align:end;background-size:14px}
.application-notes .resource-tag-label{font-weight:700;display:inline-block;font-size:14px;line-height:14px;color:#727272;margin-right:42px;margin-left:3px;margin-bottom:0}
.resource-type-main-container{padding:0 16px;margin:40px auto}
.resource-type-title{font-size:20px;font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;color:#444242}
.each-input-box-container{display:flex;gap:15px;margin-top:20px;align-items:center;position:relative;.yearCount{color:#ababab;font-size:14px;line-height:14px}
}
.each-input-box-container:hover .input-box-label{color:#04ad75;cursor:pointer}
.all-input-values:hover .option{color:#04ad75;cursor:pointer}
.all-input-values:hover .input-box-field{border:2px solid #98a8b3 !important;box-shadow:0 0 0 5px #eef2f6;border-radius:8px}
.each-input-box-container:hover .input-box-label{color:#04ad75;cursor:pointer}
.each-input-box-container:hover .input-box-field{border:2px solid #98a8b3 !important;box-shadow:0 0 0 5px #eef2f6;border-radius:8px}
.resource-type-all-input-boxes-container .all-input-values label.option:after{width:16px !important;height:16px !important;margin-top:0;background:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/checkbox-selected.svg") center center;border:1px solid #2ad39b;content:"";color:#fff;line-height:16px}
.resource-type-all-input-boxes-container [type=checkbox]:not(:checked) + label:after,.resource-type-all-input-boxes-container [type=checkbox]:checked + label:after{content:"";position:absolute;width:16px;height:16px;left:-24px;top:0;background-color:#2ad39b;opacity:1;background:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/checkbox-selected.svg") center center;border-radius:2px;color:#313538}
.resource-type-all-input-boxes-container [type=checkbox]:not(:checked) + label:before,.resource-type-all-input-boxes-container [type=checkbox]:checked + label:before{content:"";position:absolute;width:14px;height:14px;left:-24px;top:-1px;border:1px solid #98a8b3;background:#fff;border-radius:0}
.all-input-values .option [type=checkbox]:checked + label{color:#04a973}
.resource-type-all-input-boxes-container [type=checkbox]:not(:checked) + label:after{opacity:0}
.resource-type-all-input-boxes-container [type=checkbox]:checked + label:after{opacity:1}
.resource-type-all-input-boxes-container [type=checkbox]:checked + label{color:#04a973}
.resource-type-all-input-boxes-container [type=checkbox] + label:hover:after{box-shadow:0 0 0 0 #eef2f6}
.resource-type-all-input-boxes-container [type=checkbox] + label:hover:before{border:2px solid #98a8b3 !important;box-shadow:0 0 0 0 #eef2f6}
.resource-type-all-input-boxes-container label:hover:before{border:1px solid #313538 !important;color:#04ad75}
.resource-type-all-input-boxes-container .option:before{width:16px;height:16px;margin-top:1px}
.resource-type-all-input-boxes-container .all-input-values label.option{padding:0;letter-spacing:.02em;line-height:24px !important;padding-left:28px}
.resource-type-all-input-boxes-container [type=checkbox]:not(:checked) + label,.resource-type-all-input-boxes-container [type=checkbox]:checked + label{position:relative;padding-left:2px;cursor:pointer;line-height:16px;font-size:16px;text-transform:capitalize;height:20px}
.resource-type-all-input-boxes-container .each-input-box-container label.input-box-label:after{width:16px !important;height:16px !important;margin-top:0;background:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/checkbox-selected.svg") center center;border:1px solid #2ad39b;content:"";color:#fff;line-height:16px;left:-30px;top:0}
.resource-type-all-input-boxes-container .input-box-label:before{width:16px;height:16px;margin-top:1px}
.resource-type-all-input-boxes-container .each-input-box-container label.input-box-label{padding:0;letter-spacing:.02em;line-height:24px !important;padding-left:0}
.each-input-box-container .input-box-label [type=checkbox]:checked + label{color:#04a973}
.resource-type-all-input-boxes-container .each-input-box-container [type=checkbox]:not(:checked) + label:before,.resource-type-all-input-boxes-container .each-input-box-container [type=checkbox]:checked + label:before{content:"";position:absolute;width:14px;height:14px;left:-30px;top:0;border:1px solid #98a8b3;background:#fff;border-radius:0}
.checkbox-parent-container .all-input-values label.option:after{width:16px !important;height:16px !important;margin-top:0;background:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/checkbox-selected.svg") center center;border:1px solid #2ad39b;content:"";color:#fff;line-height:16px}
.checkbox-parent-container [type=checkbox]:not(:checked) + label:after,.checkbox-parent-container [type=checkbox]:checked + label:after{content:"";position:absolute;width:16px;height:16px;left:-30px;top:1px;background-color:#2ad39b;opacity:1;background:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/checkbox-selected.svg") center center;border-radius:2px;color:#313538}
.checkbox-parent-container [type=checkbox]:not(:checked) + label:before,.checkbox-parent-container [type=checkbox]:checked + label:before{content:"";position:absolute;width:13px;height:14px;left:-30px;top:1px;border:1px solid #98a8b3;background:#fff;border-radius:0}
.all-input-values .option [type=checkbox]:checked + label{color:#04a973}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;opacity:0}
.checkbox-parent-container [type=checkbox]:not(:checked) + label:after{opacity:0}
.checkbox-parent-container [type=checkbox]:checked + label:after{opacity:1}
.checkbox-parent-container [type=checkbox]:checked + label{color:#04a973}
.checkbox-parent-container [type=checkbox] + label:hover:after{box-shadow:0 0 0 0 #eef2f6}
.checkbox-parent-container [type=checkbox] + label:hover:before{border:2px solid #98a8b3 !important;box-shadow:0 0 0 0 #eef2f6}
.checkbox-parent-container label:hover:before{border:1px solid #313538 !important;color:#04ad75}
.checkbox-parent-container .option:before{width:16px;height:16px;margin-top:1px}
.checkbox-parent-container .all-input-values label.option{padding:0;letter-spacing:.02em;line-height:24px !important;padding-left:28px}
.checkbox-parent-container [type=checkbox]:not(:checked) + label,.checkbox-parent-container [type=checkbox]:checked + label{position:relative;padding-left:2px;cursor:pointer;line-height:24px;font-size:16px;text-transform:capitalize;height:initial}
.resource-type-all-input-boxes-container [type=checkbox]:checked + label{color:#04a973 !important}
.input-box-field{width:15px;height:15px;cursor:pointer}
.input-box-label{color:#181717;font-size:15px}
.product-interest-wrapper{margin-top:40px;padding:20px;border-top:2px solid #ddd;background-color:#fff}
.product-interest-title{font-size:24px;font-weight:bold;color:#333;margin-bottom:20px}
.product-interest-list{list-style:none;padding:0;margin:0}
.product-interest-item{margin-bottom:12px}
.product-interest-link{display:block;text-decoration:none;font-size:16px;color:#333;padding:10px 14px}
.resource-products-wrapper{margin-top:10px;display:grid;width:90%}
.resource-products-wrapper .flex.items-center{padding:8px 0;display:flex;align-items:center;@media(max-width:767px){padding:0}
}
.resource-products-wrapper .flex.items-center.active{background-color:#F2F6EE;label.option{color:#04ad75}
}
.resource-products-wrapper input[type="radio"]{display:none}
.resource-dates-wrapper{margin-top:10px;display:grid;gap:16px;width:90%;margin-left:15px;border-bottom:gray solid 1px}
.resource-journal-wrapper{margin-top:10px;display:grid;gap:16px;width:90%;margin-left:15px;border-bottom:gray solid 1px}
.form-radio{margin-right:10px;accent-color:#0073e6;opacity:0}
.option{font-size:16px;font-weight:500;color:#333;margin-left:4px;cursor:pointer}
.product-title{font-size:20px;font-weight:600;margin-bottom:10px;color:#444;margin-left:25px;margin:0}
.categories-list-items-container{display:flex;flex-wrap:wrap}
.resource-articles{transition:opacity .3s ease-in-out}
.resource-articles.loading{opacity:.3}
.row.resources-landing-container{width:1140px;margin:auto;display:flex;margin-top:60px}
.resource-page-wrapper.right-resources-container.col-9{display:block;margin-top:155px;width:855px}
.resources-landing-container .top-container.left-resources-container.col-3{display:block;width:285px;margin-top:120px}
.resources-landing-container .product-title{font-weight:700;font-size:13px;line-height:20px;letter-spacing:1px;text-transform:uppercase;color:#98a8b3;padding:0 0 4px 0;position:relative}
.resources-landing-container label.option{position:relative;padding-left:0;cursor:pointer;line-height:24px;font-size:16px;text-transform:capitalize;color:#313538;letter-spacing:normal;font-weight:500;margin:0}
.resources-landing-container label.option:hover{color:#04ad75;text-decoration:underline}
.resources-landing-container .grid-item{padding:0;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #eee;box-sizing:border-box;border-radius:4px}
.resources-landing-container .grid-title{font-size:16px;margin:10px 0;font-weight:bold;font-weight:700;font-size:14px;line-height:14px;color:#727272;padding:10px 20px}
.resources-landing-container .grid-description{color:#333;font-family:"din-2014","Helvetica Neue",Helvetica,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:16px;line-height:20px;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-left:20px;padding-right:20px;margin-bottom:10px}
.resources-landing-container .grid-item:not(:first-child) .grid-description{-webkit-line-clamp:2}
.resources-landing-container .category-list-item-each-card{display:flex;flex-wrap:wrap;flex-direction:column;padding:20px;width:853px;border-bottom:1px solid #ddd;margin-bottom:0}
.resources-landing-container .resource-main-title{font-size:14px;color:#000;font-weight:700;margin-bottom:-7px;font-size:18px;line-height:150%;margin-bottom:8px}
.resources-landing-container .resource-sub-title{font-weight:700;font-size:16px;line-height:24px;-webkit-line-clamp:unset;color:#727272;text-transform:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical}
.resources-landing-container .categories-list-items-container{list-style:none;padding:0;width:100%;border:1px solid #eee;margin-bottom:0;border-radius:4px}
.resources-landing-container .categories-all-items-title{padding:19px 0;cursor:pointer;border:1px solid #eee;position:relative;top:-1px;border-top:0;z-index:9;font-weight:700;font-size:14px;line-height:18px;text-align:center;letter-spacing:1px;text-transform:uppercase}
@media(max-width:1023px){.resources-landing-container .top-container.left-resources-container.col-3{display:none}
.row.resources-landing-container{width:unset}
.resource-page-wrapper.right-resources-container.col-9{width:100%;margin:140px 0 0 0}
.resources-landing-container .grid-image{height:100px}
.resources-landing-container .category-list-item-each-card{display:flex;width:100%}
}
.product-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}
.clear-button{background:0;border:0;color:#727272;font-size:14px;cursor:pointer;padding:0;font-weight:700;@media(max-width:767px){position:absolute;right:30px}
}
.clear-button:hover{color:#727272;text-decoration:none}
.resource-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.resource-title-filter-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.resource-title-filter-container .view-filters{display:none}
.resource-title-filter-container select{border:1px solid #4a4a4a;padding:10px 16px;border-radius:6px;opacity:.6}
.resource-type-title{margin:0;font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}
.resources{.header-component .header-container{position:static;@media(max-width:1169px){position:fixed;.nav{display:none}
.no-bg-color{.nav{display:block}
.header-bottom-section{margin-top:26px;display:flex;flex-direction:row;.section-title{display:block}
}
}
.dark-bg-header{background:url("../../../../../content/dam/twistbioscience/desktop.svg") no-repeat 50%;background-size:cover;width:100%;.resource-nav{margin:20px 0;overflow-x:scroll;.bottom-header{min-width:100px}
a[href="/resources"]{min-width:150px;display:inline-block;text-align:center}
@media(max-width:767px){margin:20px 0 0 0}
}
}
}
}
.row.resources-landing-container{margin-top:0;@media(max-width:1169px){width:100%}
}
.resources-landing-container .top-container.left-resources-container.col-3{margin-top:12px;@media(max-width:1169px){margin-top:210px;width:240px}
@media(max-width:1024px){margin-top:230px}
}
.resource-page-wrapper.right-resources-container.col-9{margin-top:45px;@media(max-width:1169px){margin-top:230px;width:750px}
@media(max-width:1023px){width:100%}
}
.header-bottom-section{@media(max-width:1169px){margin:0;.section-title{display:none}
}
}
.title.aem-GridColumn.aem-GridColumn--default--12{display:none}
}
.case-study{.covered-in-resource .field__label{color:#ababab !important;font-weight:700;font-size:12px;line-height:12px;text-align:left;letter-spacing:1px;text-transform:uppercase}
.primary-section-left-column{background-color:#f7fdfd}
}
.case-study-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1140px;margin:auto;margin-top:15px;@media(min-width:768px) and (max-width:1169px){max-width:100%;padding:0 24px;margin-top:240px}
@media(max-width:767px){justify-items:center;margin-top:220px}
}
.webinar{.case-study-card-grid{@media(min-width:768px) and (max-width:1169px){margin-top:0}
}
}
.case-study-card-grid-years{display:none !important}
.case-study-card{border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:flex;flex-direction:column;transition:box-shadow .3s ease;height:401px;width:354px;position:relative;@media(min-width:768px) and (max-width:1169px){height:401px;width:302px}
}
.tag-NGS{background-color:#e6f6f0;color:#23945f;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Biopharma{background-color:#f8e7ff;color:#a322a5;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Genes{background-color:#e9e9fd;color:#5d5db2;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Antibodies{background-color:#f8e7ff;color:#c639c1;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Variant-Libraries{background-color:#feefe1;color:#c68239;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Synthetic-Controls{background-color:#e6ecf4;color:#1a7b1a;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.tag-Oligo-Pools{background:#e6f7f8;color:#31a0aa;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
a{color:black}
.case-study-card:hover{box-shadow:0 1px 4px rgba(0,0,0,0.2);position:relative;.tag{position:relative;top:0}
}
.case-study-card img{width:354px;height:210px;display:block;object-fit:cover;opacity:1;transition:opacity .5s ease;@media(min-width:768px) and (max-width:1169px){width:100%}
}
.case-study-card-content{position:relative;width:329px;height:191px !important;padding:16px 24px 65px 24px;max-width:fit-content;.resource-sub-title{display:none}
.tag{position:absolute;bottom:24px}
}
.case-study-card-content h3{font-size:1rem;margin:0 0 .5rem;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.case-study-card-description{margin:.75rem 0 0;font-size:.85rem;color:#555;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s ease;opacity:0}
.case-study-card:hover .case-study-card-description{opacity:1;max-height:100px;margin-top:30px}
.case-study-card:hover .case-study-card-content{transition:opacity .3s ease,visibility 0;opacity:1}
.case-study-card:hover{opacity:1;img{opacity:0;height:0 !important}
}
.webinar-case-study-card-grid{background-color:red;padding:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
.webinar-case-study-card{border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:flex;flex-direction:column;transition:box-shadow .3s ease;height:500px;position:relative}
a.resource-article-link{padding:6px}
span.tag.ngs,span.tag.synthetic-controls{background:#e6f6f0;color:#105928}
span.tag.biopharma,span.tag.antibodies{background:#f8e7ff;color:#ae45d2}
.tag-Data-Storage{background:#f1ebde;color:#382f1b;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
span.tag.genes{background:#e9e9fd;color:#5d5db2}
span.tag.oligo-pools{background:#e6f7f8;color:#31a0aa}
span.tag.varient-libraries{background:#feefe1;color:#ce6b12}
.case-study{.case-study-card-grid{.case-study-card{.case-study-card-content{h6{color:#313538}
.case-study-card-description{font-weight:400;font-size:16px;line-height:20px;color:#727272}
}
}
}
}
@media(max-width:767px){.webinar-landing-container{.case-study-card-content{width:unset;max-width:fit-content}
.case-study-card{img{width:100% !important}
}
a.resource-article-link{padding:10px;margin:auto}
}
}
.total-pages{margin-left:180px;margin-top:40px;gap:20px}
a.card{display:block;background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 2px rgba(0,0,0,0.1);max-width:900px;margin:30px auto;text-decoration:none;color:inherit;height:fit-content}
.meta-top{display:flex;gap:40px;align-items:center;color:#5b7083;font-size:14px;margin-bottom:30px;flex-wrap:wrap;@media(max-width:767px){gap:4px}
}
.meta-section{display:flex;align-items:center;gap:6px}
.truncate-text{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;color:#627684;font-weight:700;font-size:16px}
.category{display:inline-block;font-size:16px;font-weight:700;line-height:20px;color:#627684;letter-spacing:.02em;white-space:wrap;overflow:hidden;text-overflow:ellipsis}
.icon-book-open-pub,.user-icon-pub{position:relative;top:4px}
.user-icon-pub{position:relative;top:2px}
.truncate-text::before{content:"";display:inline-block;width:18px;height:18px;margin-right:6px;margin-bottom:-6px;background-image:url("../../../../../content/dam/twist-aem-migration/icons/author-icon.svg");background-size:contain;background-repeat:no-repeat;@media(max-width:767px){display:none}
}
.title{font-size:18px;font-weight:700;margin-bottom:20px;color:#232E35;line-height:22.97px;@media(max-width:767px){font-size:16px}
}
.sub-info{display:flex;align-items:center;gap:16px;font-size:14px;color:#3a3a3a;margin-bottom:16px;@media(max-width:767px){align-items:flex-start;flex-direction:column}
}
.tag-label{background:#e0f7ec;color:#2e7d32;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;&.NGS{background:#e6f6f0;color:#105928}
&.Genes{background:#e9e9fd;color:#5d5db2}
&.Variant-Libraries{background:#feefe1;color:#ce6b12}
&.Oligo-Pools{background:#e6f7f8;color:#31a0aa}
}
.doi{font-weight:700;color:#627684}
.bottom-button{margin-top:-13px;@media(max-width:767px){display:none}
}
.arrow-button{display:inline-block;align-items:center;font-size:16px;gap:8px}
.arrow-button::after{content:"";display:inline-block;width:20px;height:26px;margin:10px 50px;background-image:url("../../../../../etc.clientlibs/twist-aem-migration/clientlibs/clientlib-site/resources/images/green-arrow-right.svg");background-size:14px;background-repeat:no-repeat;filter:brightness(0.3) contrast(1)}
.bottom-container{display:flex;align-items:center;justify-content:space-between}
.publication{.publicationscountcomponent{.section-wrapper{padding:0;.summary-report-container{.text-data{font-size:16px;line-height:20px;color:#354652;margin-top:16px;letter-spacing:.02em}
}
}
}
}
.toggle-journal-list{text-align:left;text-decoration:underline;font-size:16px !important;line-height:20px;color:#354652;cursor:pointer;float:left}
.container-publication{max-width:1140px;width:100%;margin:0 auto;padding:35px;display:flex;@media(max-width:767px){display:block}
.left-container{max-width:285px;padding:0 30px 0 0;width:100%;@media(max-width:1023px){display:none}
.filter-box.twist-picks-filter-wrapper{position:relative;.filter-box-title{font-size:13px;line-height:20px;font-weight:500;letter-spacing:.14em;padding:12px 16px 12px 0;text-transform:uppercase;color:#727272}
}
.publication-accordion-container{position:relative;gap:0;padding:5px 16px 5px 0;cursor:pointer;&:before{position:absolute;left:auto;right:0;display:block;margin:0 auto;background:#eee;content:"";width:100%;height:1px;top:0}
.resource-type-all-input-boxes-container{margin-top:16px}
}
.resource-type-title{display:inline-block;font-size:16px;line-height:24px;color:#232e35;position:relative;width:100%;padding:12px 16px 12px 0;font-weight:400;text-transform:capitalize;margin-top:0;font-family:"din-2014","Helvetica Neue",Helvetica,Arial,sans-serif}
.product-title{display:inline-block;font-size:16px;line-height:24px;color:#232e35;position:relative;width:100%;padding:12px 16px 12px 0;font-weight:400;text-transform:capitalize;margin-top:0;font-family:"din-2014","Helvetica Neue",Helvetica,Arial,sans-serif}
.resource-products-wrapper{display:grid;margin:0;width:100%;.all-input-values{margin:6px 0 12px 0 !important}
.resource-type-all-input-boxes-container{display:none;margin-top:25px;margin-bottom:25px}
input[type="radio"]{display:block}
}
.resource-dates-wrapper{display:grid;margin:0;width:100%;border:0;.all-input-values{margin:6px 0 12px 0 !important}
.resource-type-all-input-boxes-container{display:none;margin-bottom:25px}
input[type="radio"]{display:block}
}
.resource-journals-wrapper{display:grid;margin:0;width:100%;.all-input-values{margin:6px 0 12px 0 !important}
.resource-type-all-input-boxes-container{display:none}
.journal-search-wraper{padding:10px 0;input{margin-top:.25rem;font-size:14px;color:#6c757d;position:sticky;top:0;z-index:1;padding:10px 4px}
}
input[type="radio"]{display:block}
}
.accordion-extension-button{margin-bottom:0;font-size:20px}
.journal-list-container{display:none}
.checkbox-parent-container{max-height:600px;overflow-y:auto;overflow-x:hidden;margin-bottom:20px;.each-input-box-container{.input-box-field{flex-shrink:0}
}
}
}
.right-container{@media(max-width:767px){position:relative;top:200px}
section.featured-resources-section,section.public-featured-resources-section{padding:0 0 0 30px;@media(max-width:767px){padding:0}
.title{font-weight:700;font-size:16px;line-height:130%;color:#313538;letter-spacing:.02em;margin-bottom:13px;margin-left:0;margin-top:0}
.grid-container{background:#FFFFFF;box-sizing:border-box;border-radius:4px;.grid-item-link{padding:0;justify-content:space-between;border:1px solid #EEEEEE;background:#9191F5;background:linear-gradient(143deg,rgba(145,145,245,1) 0,rgba(188,140,245,1) 100%);&:first-child{background:#36BA8F;background:linear-gradient(143deg,rgba(54,186,143,1) 0,rgba(74,182,193,1) 100%);.grid-image{max-height:315px;object-fit:none}
}
&:nth-child(2){.grid-image{width:90%;margin:0 auto}
background:#79d2da;background:linear-gradient(143deg,rgba(121,210,218,1) 0,rgba(138,166,237,1) 100%)}
&:nth-child(3){.grid-image{width:50%;margin:0 auto}
background:#9191f5;background:linear-gradient(143deg,rgba(145,145,245,1) 0,rgba(188,140,245,1) 100%)}
.grid-image{max-height:315px;object-fit:contain}
.grid-bottom-content{padding:0 20px 5px 20px;background:#fff;.grid-title{margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:14px;line-height:14px;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px}
.grid-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:16px;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#232e35}
}
}
}
}
.publication-selected-filters{margin-top:20px;min-height:40px;padding:0 0 0 30px;#publication-selected-filters{position:relative}
.selected-filter{padding:10px 15px;border:1px solid #eee;border-radius:40px;color:#232e35;margin-right:10px;font-size:16px;font-weight:normal;line-height:24px;letter-spacing:.02em;text-transform:capitalize;margin-bottom:10px}
.selected-count-filters{padding:10px 15px;border:1px solid #eee;border-radius:40px;color:#232e35;cursor:pointer;margin-right:10px;font-size:16px;font-weight:normal;line-height:24px;letter-spacing:.02em;text-transform:capitalize;display:inline-block;margin-bottom:10px}
span.selected-filters-clear{position:absolute;right:-60px;top:0;text-decoration:underline;cursor:pointer;display:none}
}
.publication-landing-page{padding:0 0 0 20px;@media(max-width:767px){padding:0}
}
.total-pages{margin-left:30px}
.publication-card{&:hover{box-shadow:none !important;background:#fafbfd}
&.category-list-item-each-card{padding:0;border:0}
.publication-section{.resource-title{display:none}
}
.card{display:block;background:#fff;border-radius:0;padding:24px;box-shadow:none;max-width:900px;margin:0 auto 6px auto;text-decoration:none;color:inherit;height:fit-content;border:1px solid #EEEEEE;border-top:0;width:calc(100% - 10px);margin-left:10px;@media(max-width:767px){gap:2px}
&:first-child{border-top:1px solid #eee}
&:hover{background:#fafbfd}
.doi{font-size:16px}
span.arrow-button{display:flex;flex-wrap:nowrap;align-items:center;font-size:16px;font-weight:700;line-height:20px;color:#354652;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&::after{margin:0;content:"";width:14px;height:14px}
}
}
}
.search-block{display:flex;justify-content:space-between;align-items:center;padding:0 0 0 20px;@media(max-width:1023px){display:none}
.total-pages{margin:30px 10px;color:#354652;font-size:16px;line-height:20px;letter-spacing:.02em}
}
}
.search-right-container{display:flex;justify-content:flex-end;gap:2rem;.form-type-textfield{label{display:none}
}
#edit-title{width:216px !important;margin-left:15px !important;border:1px solid #e0e5eb;margin-top:-1px;font-weight:400;line-height:1.5;color:#212529;padding:9px 10px 9px 32px;border-radius:2px;font-size:1rem;background:url("../../../../../etc.clientlibs/twist-aem-migration/clientlibs/clientlib-site/resources/images/search.svg") no-repeat 13px center}
.form-item-sort-by{display:flex;label{margin-right:10px;margin-top:10px;font-size:16px;color:#232e35;line-height:20px;text-transform:inherit}
select{border:1px solid #e0e5eb;padding:0 12px;color:#232e35;height:40px;outline:0;border:1px solid #ddd;box-sizing:border-box;border-radius:4px;font-size:1rem;color:#212529}
}
}
.landing-side-nav{width:312px;.resource-type-all-input-boxes-container{display:none}
.resource-type-all-input-boxes-container{display:none}
.product-title{font-size:16px !important;line-height:24px !important;color:#232e35;position:relative;width:100%;padding:16px 16px 16px 0;font-weight:400;text-transform:capitalize;margin-top:0}
.resource-products-wrapper{width:100%}
.resource-dates-wrapper{width:100%;margin:0;border-bottom:#eee solid 1px;border-top:#eee solid 1px}
.publication-accordion-container{justify-content:space-between}
.filter-box-title{font-size:13px !important;line-height:20px !important;margin-bottom:0;color:#98a8b3}
}
}
.webinar-landing-container{margin:auto;display:flex;width:1140px;margin-top:30px;@media(min-width:767px) and (max-width:1169px){margin-top:240px;width:100%}
@media(max-width:767px){margin-top:190px;width:100%}
}
.top-container.left-webinar-container{display:block;margin-top:0;padding-right:15px;padding-top:0;@media(min-width:767px) and (max-width:1169px){max-width:250px}
.resource-products-wrapper{margin-top:0}
.yearCount{color:#ababab;font-size:14px;line-height:14px;position:absolute;top:3px;left:auto;right:50px}
}
.webinar-landing-container .right-webinar-container{width:855px;@media(min-width:767px) and (max-width:1169px){width:755px}
}
.webinar-landing-container .case-study-card{width:281px;height:358px}
.case-study-card{.picks-wrapper{position:absolute;top:9px;left:9px;color:#fff;z-index:1;font-weight:700;padding:4px 7px;font-size:14px;line-height:14px;background:rgba(49,53,56,0.35);border-radius:4px}
}
.webinar-landing-container .case-study-card-grid{gap:15px;width:884px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:flex;flex-wrap:wrap}
.webinar-landing-container .case-study-card img{width:279px;height:160px;object-fit:cover}
.picks-wrapper-hover{display:none}
.webinar-landing-container .case-study-card-content{width:279px;height:196px}
.webinar-landing-container .presented-by{font-weight:400;font-size:14px;line-height:17px;color:#727272}
.webinar-landing-container .recorded{color:#727272;line-height:150%;text-transform:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.webinar-landing-container .case-study-card-description{font-weight:400;font-size:16px;line-height:125%;display:flex;align-items:center;color:#727272}
.webinar-landing-container .case-study-card-content h3{font-size:16px;margin-bottom:10px;font-style:normal;line-height:125%;font-weight:700;color:#313538;letter-spacing:.32px}
.webinar-landing-container a.case-study-card-link{width:281px;height:358px;@media(min-width:768px) and (max-width:1169px){width:222px}
}
.webinar-landing-container .case-study-card:hover{box-shadow:0 2px 20px rgba(0,0,0,0.1);border:1px solid #EEEEEE;border-radius:4px;overflow:hidden;position:relative;background-color:transparent;.picks-wrapper{display:none}
.picks-wrapper-hover{display:block;color:#2ad39b;background:0;opacity:1;margin-bottom:16px;font-weight:700;padding:15px 0 0 0;font-size:14px;line-height:14px}
}
.tag{display:inline-block;padding:4px 8px;background:#eee;border-radius:12px;font-size:.75rem;color:#444;font-weight:700;margin-top:30px}
.case-study-card:hover .tag-Webinar{position:absolute;padding:3px 10px;background-color:#cee2d9;color:#13613d;text-align:center;bottom:unset}
.img-Webinar{background-color:#13613d}
.tag-Webinar{background-color:#cee2d9;color:#13613d;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.img-NGS{background-color:#23945f}
.tag-NGS{background-color:#e6f4ee;color:#23945f;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.img-Biopharma{background-color:#a322a5}
.tag-Biopharma{background-color:#f8e7ff;color:#a322a5;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.img-Genes{background-color:#2256a5}
.tag-Genes{background-color:#e9e9fd;color:#5d5db2;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.img-Antibodies{background-color:#c639c1}
.tag-Antibodies{background-color:#f8e7ff;color:#c639c1;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.img-Variant-Libraries{background-color:#c68239}
.tag-Variant-Libraries{background-color:#feefe1;color:#c68239;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.img-Synthetic-Controls{background-color:#e6f6f0}
.tag-Synthetic-Controls{background-color:#e6ecf4;color:#1a7b1a;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
.img-Oligo-Pools{background-color:#1c1361}
.tag-Oligo-Pools{background:#e6f7f8;color:#31a0aa;border:0;font-weight:bold;border-radius:12px;padding:2px 10px;font-size:14px;cursor:default;font-weight:bold}
span.tag.ngs,span.tag.synthetic-controls{background:#e6f6f0;color:#105928}
span.tag.biopharma,span.tag.antibodies{background:#f8e7ff;color:#ae45d2}
span.tag.data-storage{background:#f1ebde;color:#382f1b}
span.tag.genes{background:#e9e9fd;color:#5d5db2}
span.tag.oligo-pools{background:#e6f7f8;color:#31a0aa}
span.tag.varient-libraries{background:#feefe1;color:#ce6b12}
.webinar-landing-container h6.title{font-weight:700;font-style:normal;font-size:16px;line-height:130%;color:#313538}
.webinar-landing-container .grid-item{padding:0;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #eee;box-sizing:border-box;border-radius:4px}
.webinar-landing-container .grid-title{font-size:16px;margin:10px 0;font-weight:bold;font-weight:700;font-size:14px;line-height:14px;color:#727272;padding:10px 20px}
.webinar-landing-container .grid-description{color:#333;font-family:"din-2014","Helvetica Neue",Helvetica,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:16px;line-height:20px;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-left:20px;padding-right:20px;margin-bottom:10px}
.webinar-landing-container .grid-item:not(:first-child) .grid-description{-webkit-line-clamp:2}
.webinar-landing-container .product-title{font-weight:700;font-size:13px;line-height:20px;letter-spacing:1px;text-transform:uppercase;color:#98A8B3;position:relative;.clear-button{float:right}
}
.webinar-landing-container .option{position:relative;padding-left:0;cursor:pointer;line-height:24px;font-size:16px;text-transform:capitalize;color:#313538;letter-spacing:normal;&:hover{color:#1e986f;text-decoration:underline}
}
.webinar-landing-container .view-header-container{display:flex;justify-content:space-between;padding:10px 2px}
.webinar-landing-container .view-header{font-weight:400;display:inline-block;align-self:center;font-size:16px;line-height:30px;margin-top:0;font-family:"din-2014","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.32px}
.webinar-landing-container .filter-label{font-size:16px;font-weight:400;font-family:"din-2014","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.02em;line-height:28px;-webkit-font-smoothing:antialiased;margin-right:6px}
.webinar-landing-container .sorting-dropdown{padding:0 8px;border-color:#4a4a4a !important;height:40px;outline:0;border:1px solid #ddd;box-sizing:border-box;border-radius:4px !important}
.webinar-landing-container option:hover{background:white !important;font-weight:700}
.pagination{margin-bottom:2pc;display:flex;justify-content:space-around;width:700px;padding-top:20px;align-items:center}
.pagination-1{margin-bottom:2pc;display:flex;width:700px;padding-top:20px;align-items:center}
li.page-item{padding:0 15px 0 0;font-size:18px;font-weight:400}
li.page-item .page-link{padding:10px 15px}
a.page-link.arrow-link{position:relative;padding:0 0 0 18px;font-size:32px;margin:0}
a.page-link.arrow-link::before{content:"";border:2px solid #eef2f6;width:60px;height:60px;display:block;position:absolute;border-radius:50px;top:-8px;left:-10px}
.mobile-view-filter{display:none}
@media(max-width:576px){.webinar-landing-container .case-study-card-grid{display:block;margin:0 auto;width:100%}
.webinar-landing-container a.case-study-card-link{padding:15px !important;justify-content:center !important;width:100%!Important;height:unset !important}
.pagination{width:330px;margin:auto;justify-content:space-between;margin-bottom:20px}
.top-container.left-webinar-container{display:none}
.mobile-filter-btn{display:block!Important}
.pagination-1{width:330px;margin:auto;margin-bottom:20px}
}
@media(max-width:768px){.mobile-view-filter{display:block}
.top-container.left-webinar-container{display:none}
.grid-container{display:inline-flex !important}
.webinar-landing-container{width:unset}
.grid-item{width:242px;height:215px}
.webinar-landing-container .case-study-card-grid{display:flex;margin:0 auto;width:100%;justify-content:center}
.pagination{width:80%;margin:auto;justify-content:space-between;margin-bottom:20px}
.pagination-1{width:80%;margin:auto;justify-content:space-between;margin-bottom:20px}
.featured-resources-section,.public-featured-resources-section{width:90%;padding:0 0 15px;height:auto;overflow-x:auto;overflow-y:hidden;display:flex;flex-flow:row nowrap;justify-content:space-between;scrollbar-width:none;margin:auto;.title{font-size:16px;font-weight:700}
}
.webinar-landing-container .right-webinar-container{width:100%}
li.page-item{padding:0}
.webinar-landing-container a.case-study-card-link{padding:0;justify-content:center;width:221px;height:414px}
.webinar-landing-container .case-study-card{width:90%}
h4#pagination-heading{width:82%;margin:auto}
.webinar-landing-container .view-header-container{display:none}
}
@media(max-width:1023px){.mobile-filter-btn{display:block!Important}
}
.landing-open-nav-btn{margin:20px;padding:10px 20px;background:#fff;color:#313538;border:0;border-radius:6px;cursor:pointer;font-size:16px;border:1px solid #4a4a4a;font-weight:400;@media(max-width:767px){display:flex;justify-content:center;align-items:center;gap:6px;margin:20px 20px 20px 30px}
&:hover{color:#313538}
}
.landing-overlay{position:fixed;top:0;left:0;width:0;height:100%;background:rgba(0,0,0,0.5);overflow-x:hidden;transition:.3s;z-index:300000000}
.landing-side-nav{position:absolute;top:0;left:0;width:312px;height:100%;background:#fff;box-shadow:2px 0 5px rgba(0,0,0,0.2);padding:20px;overflow-x:scroll;.filter-box-title{font-size:18px;line-height:175%;color:#727272;margin-bottom:12px;padding:0 0 0 16px}
}
.landing-close-btn{position:absolute;top:15px;right:15px;font-size:22px;font-weight:bold;color:#333;cursor:pointer;background:0;border:0}
.landing-nav-links{margin:50px 0 50px 24px;display:flex;flex-direction:column;gap:15px;@media(max-width:1023px){margin:0}
.product-title{font-weight:700;font-size:13px;line-height:20px;letter-spacing:1px;text-transform:uppercase;color:#98A8B3;padding:0 10px;@media(max-width:767px){display:flex;justify-content:space-between}
}
.resource-type-title{font-weight:700;font-size:13px;line-height:20px;letter-spacing:1px;text-transform:uppercase;color:#98a8b3;padding:0 10px;font-family:din-2014,Helvetica Neue,Helvetica,Arial,sans-serif !important}
.option{font-size:16px;font-weight:500;color:#333333;margin-left:4px;cursor:pointer;margin:0 24px 0 !important;display:block;line-height:16px;padding:12px 0;&.active{color:#1e986f;background:#f2f6ee;display:block;width:100%}
}
.resource-filters{margin-top:40px}
.each-input-box-container{margin:16px 0 0 10px}
}
.landing-nav-links a{text-decoration:none;color:#333;font-size:18px}
.landing-overlay.open{width:100%;position:fixed;z-index:300000000}
hr.sort-border{margin-top:15px}
.filter-sort-container{margin:auto;width:62%}
.filter-sort-container label{margin:13px 10px;font-size:16px}
span.filter-sort{display:block;font-size:16px;font-weight:500;margin-bottom:10px}
.mobile-filter-btn{display:none}
.hidden{display:none}
.no-data{margin:auto}
.toggle-btn{width:11px;height:16px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;margin-left:auto}
.toggle-btn.closed{background-image:url('../../../../../content/dam/twistbioscience/resource-filter-menu-down.jpg')}
.toggle-btn.open{background-image:url('../../../../../content/dam/twistbioscience/themes/custom/twist_barrio/images/resource-filter-menu-up.svg')}
#children-Genes,#children-NGS{padding:0 0 0 20px}
.landing-overlay{.landing-side-nav{.landing-nav-links{.filter-sort-container{[type=radio]{opacity:1}
}
}
}
}
.resource-listing{position:relative}
.resource-listing [hidden]{display:none !important}
.resource-listing.is-loading [data-listing-summary],.resource-listing.is-loading [data-listing-results],.resource-listing.is-loading [data-listing-featured]{opacity:.65}
.resource-listing__status{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.resource-listing__no-results{margin:24px auto;max-width:1140px;text-align:center}
.resource-listing__filter-icon{border-bottom:6px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #313538;display:inline-block;height:0;margin-right:6px;position:relative;top:1px;width:0}
.resource-listing .toggle-btn{background:transparent;border:0;cursor:pointer;height:20px;padding:0;position:relative;width:20px}
.resource-listing .toggle-btn::before{border-bottom:1px solid #354652;border-right:1px solid #354652;content:"";height:7px;left:5px;position:absolute;top:4px;transform:rotate(45deg);transition:transform 160ms ease;width:7px}
.resource-listing .toggle-btn.open::before{top:7px;transform:rotate(225deg)}
.resource-listing .resource-listing__product-children{margin-left:24px}
.resource-listing .resource-type-all-input-boxes-container [data-listing-filter][type="checkbox"] + label,.resource-listing .checkbox-parent-container [data-listing-filter][type="checkbox"] + label{cursor:pointer;position:relative;text-align:left}
.resource-listing .resource-type-all-input-boxes-container [data-listing-filter][type="checkbox"] + label::before,.resource-listing .checkbox-parent-container [data-listing-filter][type="checkbox"] + label::before{background:#fff;border:1px solid #98a8b3;border-radius:2px;box-sizing:border-box;content:"" !important;display:block !important;height:16px;left:-30px;position:absolute;top:2px;width:16px}
.resource-listing .resource-type-all-input-boxes-container [data-listing-filter][type="checkbox"] + label::after,.resource-listing .checkbox-parent-container [data-listing-filter][type="checkbox"] + label::after{background:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/checkbox-selected.svg") center / 16px 16px no-repeat !important;border:0;content:"" !important;display:block !important;height:16px !important;left:-30px;opacity:0;position:absolute;top:3px;transform:none;width:16px !important}
.resource-listing .resource-type-all-input-boxes-container [data-listing-filter][type="checkbox"]:checked + label::after,.resource-listing .checkbox-parent-container [data-listing-filter][type="checkbox"]:checked + label::after{opacity:1}
.resource-listing .resource-type-all-input-boxes-container [data-listing-filter][type="checkbox"]:focus-visible + label::before,.resource-listing .checkbox-parent-container [data-listing-filter][type="checkbox"]:focus-visible + label::before{outline:2px solid #354652;outline-offset:2px}
.resource-listing .categories-all-items-title{background:#fff;width:100%}
.resource-listing [data-listing-featured] .grid-container{display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr auto auto}
.resource-listing [data-listing-featured] .grid-item:nth-child(1){grid-row:1 / span 2}
.resource-listing [data-listing-featured] .grid-item:nth-child(4){grid-column:2 / span 2}
.resource-listing [data-listing-featured] .grid-image{display:block;height:auto;object-fit:cover;width:100%}
.resource-listing [data-listing-featured] .grid-item:not(:first-child) .grid-image{height:100px;object-fit:contain;zoom:1.2}
.resource-listing .landing-close-btn{background:transparent;border:0;cursor:pointer}
.resource-listing .publication-accordion-container{align-items:center;background:transparent;border:0;color:#232e35;cursor:pointer;display:flex;font:inherit;justify-content:space-between;text-align:left;width:100%}
.resource-listing--publications .publication-accordion-container:hover,.resource-listing--publications .publication-accordion-container:focus-visible{color:#232e35}
.resource-listing .publication-accordion-container.is-open{background:#eef2f6}
.resource-listing [data-listing-accordion-content]:not([hidden]){display:block !important}
.resource-listing--publications .right-container{--publication-content-gutter:15px}
.resource-listing--publications .publication-selected-filters{align-items:center;display:flex;gap:10px;margin:20px var(--publication-content-gutter) 10px;position:relative}
.resource-listing.resource-listing--publications .right-container.filter-results-grid .publication-selected-filters{padding:0}
.resource-listing--publications .publication-selected-filters [data-listing-selected-filter-items]{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px}
.resource-listing--publications .publication-selected-filters .selected-filter{align-items:center;border:1px solid #eee;border-radius:40px;box-sizing:border-box;color:#232e35;display:inline-flex;font-size:16px;gap:0;height:49px;line-height:24px;padding:10px 15px}
.resource-listing--publications .publication-selected-filters .selecteFilterText{display:inline-block;line-height:24px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-listing--publications .publication-selected-filters .close{background:transparent;border:0;cursor:pointer;flex:0 0 16px;height:16px;margin:0;padding:0;position:relative;top:auto;width:16px}
.resource-listing--publications .publication-selected-filters .close::before,.resource-listing--publications .publication-selected-filters .close::after{background:#354652;content:"";height:1px;left:50%;position:absolute;top:50%;width:12px}
.resource-listing--publications .publication-selected-filters .close::before{transform:translate(-50%,-50%) rotate(45deg)}
.resource-listing--publications .publication-selected-filters .close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.resource-listing--publications .selected-filters-clear{background:transparent;border:0;color:#354652;cursor:pointer;flex:0 0 auto;font:inherit;padding:9px 0;text-decoration:underline}
.resource-listing .toggle-journal-list{background:transparent;border:0;display:block;font:inherit;padding:8px 0}
.resource-listing--publications .publication-card-new{border:0;margin:0;padding:0}
.resource-listing--publications .publication-card-new .card{border:1px solid #eee;border-radius:8px;box-shadow:none;margin:30px var(--publication-content-gutter);max-width:none;width:auto}
.resource-listing--publications .publication-card-new .card:hover{background:#fafbfd}
.resource-listing--publications .publication-card-new .publication-title{color:#232e35;font-size:18px;font-weight:700;line-height:23px;margin-bottom:20px}
.resource-listing--publications .publication-card-new .arrow-button{align-items:center;display:flex;flex-wrap:nowrap;white-space:nowrap}
.resource-listing--publications .publication-card-new .arrow-button::after{height:14px;margin:0 10px}
.resource-listing--publications .meta-section,.resource-listing--publications .category,.resource-listing--publications .truncate-text{align-items:center;display:inline-flex}
.resource-listing--publications .category,.resource-listing--publications .truncate-text{gap:6px}
.resource-listing--publications .icon-book-open-pub,.resource-listing--publications .truncate-text::before{background-position:center;background-repeat:no-repeat;background-size:contain;display:block;flex:0 0 18px;height:18px;margin:0;position:static;width:18px}
.resource-listing--publications .icon-book-open-pub{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/book-open.svg")}
.resource-listing--publications .truncate-text::before{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/author.svg");margin:0}
.resource-listing--publications .resource-listing__filter-icon--menu{border:0;color:currentColor;display:inline;font-size:inherit;height:auto;line-height:inherit;margin:0;position:static;width:auto}
.resource-listing--publications .landing-open-nav-btn{gap:4px}
.resource-listing--publications .landing-open-nav-btn:hover .resource-listing__filter-icon--menu,.resource-listing--publications .landing-open-nav-btn:focus-visible .resource-listing__filter-icon--menu{color:currentColor;opacity:1;visibility:visible}
.resource-listing .resource-listing__book-icon::before{color:#627684;content:"▤";display:inline-block;font-size:18px;line-height:18px;margin-right:6px}
.resource-listing [data-listing-pagination-wrapper]{max-width:1140px}
.resource-listing [data-listing-pagination]{align-items:center;display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:24px 0;padding:0}
.resource-listing [data-listing-pagination] button{background:transparent;border:0;color:#354652;cursor:pointer;font:inherit;min-height:36px;min-width:36px;padding:8px}
.resource-listing [data-listing-pagination] button.active-page{color:#04a973;font-weight:700;text-decoration:underline}
.resource-listing [data-listing-pagination] button:disabled{cursor:default;opacity:.4}
.resource-listing--technicalResource [data-listing-pagination-wrapper]{margin:0 auto;width:855px}
.resource-listing--technicalResource [data-listing-pagination]{justify-content:flex-start}
.resource-listing--webinar [data-listing-pagination]{justify-content:center}
.resource-listing.resource-listing--publications .right-container.filter-results-grid .search-block{margin-left:var(--publication-content-gutter);margin-right:var(--publication-content-gutter);padding-left:0}
.resource-listing.resource-listing--publications .right-container.filter-results-grid .search-block [data-listing-count]{margin:30px 0}
.resource-listing--publications [data-listing-pagination-wrapper]{margin-left:var(--publication-content-gutter);margin-right:var(--publication-content-gutter)}
.resource-listing--publications [data-listing-pagination]{justify-content:flex-start;margin-top:20px}
.resource-listing--publications .publication-filter-column{flex:0 0 285px;max-width:285px;width:100%}
.resource-listing--publications .publication-filter-overlay{background:transparent;display:block;height:auto;overflow:visible;position:static;transition:none;width:100%}
.resource-listing--publications .publication-filter-overlay .landing-side-nav{box-shadow:none;height:auto;overflow:visible;padding:0 30px 0 0;position:static;width:100%}
.resource-listing--publications .publication-filter-content{display:block;margin:0}
.resource-listing--publications .publication-filter-mobile-title,.resource-listing--publications .publication-filter-mobile-close{display:none}
.resource-listing--threeColumnGrid .case-study-cards-pagination-component,.resource-listing--threeColumnGrid .case-study-card-grid{margin-left:auto;margin-right:auto;max-width:1140px}
.resource-listing--threeColumnGrid [data-listing-pagination-wrapper]{margin:0 auto}
.resource-listing--threeColumnGrid [data-listing-pagination]{justify-content:flex-start}
@media(max-width:1023px){.resource-listing--publications .publication-filter-column{flex:0;max-width:0;padding:0;width:0}
.resource-listing--publications .publication-filter-overlay{background:rgba(0,0,0,0.5);display:none;height:100%;overflow-x:hidden;position:fixed;transition:width .3s;width:0}
.resource-listing--publications .publication-filter-overlay.open{display:block;width:100%}
.resource-listing--publications .publication-filter-overlay .landing-side-nav,.resource-listing--publications .publication-filter-overlay .left-container{display:block;height:100%;max-width:312px;overflow-x:hidden;overflow-y:auto;padding:20px;position:absolute;width:312px}
.resource-listing--publications .publication-filter-content{display:flex;flex-direction:column;gap:15px;margin:50px 0}
.resource-listing--publications .publication-filter-mobile-title,.resource-listing--publications .publication-filter-mobile-close{display:block}
.resource-listing--publications .right-container{flex:1 1 100%;max-width:100%;width:100%}
.resource-listing [data-listing-featured] .featured_section{overflow-x:auto}
.resource-listing [data-listing-featured] .grid-container{display:inline-flex}
.resource-listing [data-listing-featured] .grid-item{flex:0 0 242px;height:215px;width:242px}
.resource-listing--technicalResource [data-listing-pagination-wrapper]{width:100%}
}
@media(max-width:767px){.resource-listing--publications .publication-selected-filters{align-items:stretch;flex-direction:column}
}
.resource-listing li.category-list-item-each-card[data-filter-item="Application Note"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Article"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Brochure"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Data Files"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Ebook"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Flyer"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Guide Guideline"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Poster"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Product Sheet"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Protocol"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Safety Data Sheet"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Technical Document"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Technical Note"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Instructions for Use"] .book-icon,.resource-listing li.category-list-item-each-card[data-filter-item="Whitepaper"] .book-icon{background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;height:16px;vertical-align:middle;width:16px}
.resource-listing li.category-list-item-each-card[data-filter-item="Application Note"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/application-note.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Article"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/article.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Brochure"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/brochure.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Data Files"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/data-files.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Ebook"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/ebook.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Flyer"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/flyer.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Guide Guideline"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/guide-guideline.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Poster"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/poster.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Product Sheet"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/product-sheet.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Protocol"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/protocol.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Safety Data Sheet"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/safety-data-sheet.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Technical Document"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/technical-document.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Technical Note"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/technical-note.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Instructions for Use"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/instructions-for-use.svg")}
.resource-listing li.category-list-item-each-card[data-filter-item="Whitepaper"] .book-icon{background-image:url("../../../../../etc.clientlibs/twist-aem-migration/components/drupal-migration/filter/clientlib-resource-listing/resources/white-paper.svg")}