.cardbrowser{padding-top:80px}
.cardbrowser .sort-cards-true{position:relative;width:100%}
.cardbrowser .sort-cards-false{margin:0 auto}
.cardbrowser .cmp-cffilter-section{width:100%;max-width:234px}
.cardbrowser .cmp-cffilter-section .filter-tags{list-style-type:none;margin:0;padding:0}
.cardbrowser .cmp-cffilter-section .filter-tags--selected{display:none}
.cardbrowser .cmp-cffilter-section .filter-tags li input{position:absolute;visibility:hidden}
.cardbrowser .cmp-cffilter-section .filter-tags li input+label{cursor:pointer;display:flex;font-weight:bold;margin-bottom:24px;margin-left:30px;user-select:none;width:fit-content}
.cardbrowser .cmp-cffilter-section .filter-tags li input+label:before{position:absolute;left:0;color:#bfbfbf;content:'check_box_outline_blank';font-size:24px;font-family:'Material Icons';line-height:1}
.cardbrowser .cmp-cffilter-section .filter-tags li input:checked{color:#766835}
.cardbrowser .cmp-cffilter-section .filter-tags li input:checked+label{color:#766835;text-decoration:solid underline 2px;text-underline-offset:4px}
.cardbrowser .cmp-cffilter-section .filter-tags li input:checked+label:before{color:#766835;content:'check_box'}
.cardbrowser .cmp-list{display:flex;flex-wrap:wrap;column-gap:24px;width:100%;max-width:964px;margin-left:auto}
.cardbrowser .cmp-cf-card{max-width:468px;width:100%;height:100vh;max-height:279px;display:flex;flex-direction:column;margin-bottom:24px;padding:1px;background-color:#fff;box-shadow:2px 2px 30px 0 rgba(0,0,0,0.1);position:relative}
.cardbrowser .cmp-cf-card:hover{border:1px solid #766835;box-shadow:4px 4px 30px 0 rgba(0,0,0,0.15);padding:0}
.cardbrowser .cmp-cf-card:hover:before{border-top-width:75px;border-left-width:163px;border-top-color:#ece8db;border-left-color:transparent}
.cardbrowser .cmp-cf-card:hover:after{top:7px;right:7px}
.cardbrowser .cmp-cf-card:before{position:absolute;content:"";height:0;width:0;top:0;right:0;border-top:76px solid #f5f3ed;border-left:164px solid transparent}
.cardbrowser .cmp-cf-card:after{position:absolute;content:"";height:32px;width:32px;top:8px;right:8px;background-position:top right;background-repeat:no-repeat;background-size:32px}
.cardbrowser .cmp-cf-card[data-imagetype=capitol_markets]:after{background-image:url("../../../../etc.clientlibs/bnymellon/clientlibs/clientlib-site/resources/bny-brand-assets/Icons/Globe.svg")}
.cardbrowser .cmp-cf-card[data-imagetype=data_analytics]:after{background-image:url("../../../../etc.clientlibs/bnymellon/clientlibs/clientlib-site/resources/bny-brand-assets/Icons/Insights.svg")}
.cardbrowser .cmp-cf-card[data-imagetype=securities]:after{background-image:url("../../../../etc.clientlibs/bnymellon/clientlibs/clientlib-site/resources/bny-brand-assets/Icons/Tune.svg")}
.cardbrowser .cmp-cf-card[data-imagetype=treasury]:after{background-image:url("../../../../etc.clientlibs/bnymellon/clientlibs/clientlib-site/resources/bny-brand-assets/Icons/Sync.svg")}
.cardbrowser .cmp-cf-card[data-imagetype=investment]:after{background-image:url("../../../../etc.clientlibs/bnymellon/clientlibs/clientlib-site/resources/bny-brand-assets/Icons/House.svg")}
.cardbrowser .cmp-cf-card[data-imagetype=wealth]:after{background-image:url("../../../../etc.clientlibs/bnymellon/clientlibs/clientlib-site/resources/bny-brand-assets/Icons/Groups.svg")}
.cardbrowser .cmp-cf-content{color:#000;flex-grow:1;padding:24px;z-index:1}
.cardbrowser .cmp-cf-content .card-title{font-family:'Akkurat Pro';font-weight:bold;font-size:24px;line-height:32px;margin-bottom:16px;max-width:343px}
.cardbrowser .cmp-cf-content .card-description{font-weight:normal;max-width:422px}
.cardbrowser .cmp-cf-content .card-description .card-cta--more{font-weight:normal;cursor:pointer;text-decoration:solid underline 1px;text-underline-offset:1px}
.cardbrowser .cmp-cf-content .card-description p{display:inline-block}
.cardbrowser .cmp-cf-cta{display:flex;flex-direction:column;justify-content:space-between;height:50px;padding-left:24px;padding-right:24px;padding-bottom:24px}
.cardbrowser .cmp-cf-cta .cmp-cf-sperator{border:0;background-color:#ddd;height:1px;margin:0}
.cardbrowser .cmp-cf-cta .card-cta{color:#000;width:fit-content;border-bottom:2px solid transparent}
.cardbrowser .cmp-cf-cta .card-cta:after{position:absolute;content:'arrow_forward';font-family:'Material Icons';font-weight:100;margin-left:5px}
.cardbrowser .cmp-cf-cta .card-cta.ext-link:after{content:'launch'}
.cardbrowser .cmp-cf-cta .card-cta:hover,.cardbrowser .cmp-cf-cta .card-cta:focus{border-bottom:2px solid #000}
.cardbrowser .cmp-cfcardfilter{display:flex;justify-content:space-between;margin-top:32px}
.cardbrowser .cmp-cfsortentries-section{display:flex;align-items:baseline;justify-content:flex-end}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort{display:flex;position:relative}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf-sort--label,.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf-sort--icon{user-select:none;cursor:pointer}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf-sort--selected{font-size:80%;opacity:.7}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort.cmp-cf--expanded .cmp-cf__sort-by--dropdown{display:flex;z-index:2}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf-sort--icon{background-color:#ece8db;border-radius:50%;color:#766835;margin-left:4px;vertical-align:middle}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf__sort-by--dropdown{display:none;flex-direction:column;justify-content:space-around;list-style-type:none;margin:0;padding:0;background-color:#fff;border:1px solid #999;box-shadow:0 4px 10px rgba(0,0,0,0.1);position:absolute;top:56px;right:0;width:270px;z-index:1}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf__sort-by--dropdown li{height:50px}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf__sort-by--dropdown input[type="radio"]{position:absolute;visibility:hidden}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf__sort-by--dropdown label{display:flex;align-items:center;cursor:pointer;font-weight:bold;height:100%;width:auto;padding-left:16px;padding-right:16px;user-select:none}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf__sort-by--dropdown input:checked+label,.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf__sort-by--dropdown input+label:hover{background-color:#f9f8f4;color:#766835}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-showing{margin-left:36px}
.cardbrowser .expand-less{transform:rotate(180deg)}
.cardbrowser .cmp-cf--expanded .expand-less{transform:rotate(0)}
.cardbrowser .modal-data{display:none}
@media(min-width:768px) and (max-width:1250px){.cardbrowser .cmp-cffilter-section{max-width:200px}
.cardbrowser .cmp-cf-card .card-title{font-size:20px;line-height:28px}
.cardbrowser .cmp-cf-card:hover:before{border-top-width:53px;border-left-width:119px}
.cardbrowser .cmp-cf-card:hover:after{top:5px;right:7px}
.cardbrowser .cmp-cf-card:before{border-top:54px solid #f5f3ed;border-left:120px solid transparent}
.cardbrowser .cmp-cf-card:after{height:24px;width:24px;top:6px;right:8px;background-size:24px}
.cardbrowser .cmp-cf-content{padding:16px}
.cardbrowser .cmp-cf-cta{height:40px;padding-left:16px;padding-right:16px;padding-bottom:16px}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-showing{margin-left:40x}
}
.cardbrowser .cmp-cfcard-container .card-pagination{display:flex;justify-content:flex-end}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination{display:flex;justify-content:flex-end;list-style-type:none;margin:0 0 64px;padding:0;user-select:none;width:100%}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination li{display:flex;align-items:center;justify-content:center;background-color:transparent;font-size:20px;line-height:28px;height:28px;width:28px;margin-left:24px}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination li:first-child{margin-left:0}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination input[type="radio"]{position:absolute;visibility:hidden}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination input[type="radio"]:checked+label{background-color:#766835;color:#fff;height:100%;width:100%}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination label{cursor:pointer;font-weight:bold;text-align:center;height:100%;width:100%}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination label[for^="cardlistpage--keyboard_arrow_left"],.cardbrowser .cmp-cfcard-container .card-pagination .pagination label[for^="cardlistpage--keyboard_arrow_right"]{background-color:#fff;font-family:'Material Icons';font-weight:100}
@media(min-width:1024px) and (max-width:1250px){.cardbrowser .cmp-list{max-width:768px}
.cardbrowser .cmp-list .cmp-cf-card{max-width:370px}
}
@media(max-width:1024px){.cardbrowser{padding-top:64px}
.cardbrowser .cmp-list{max-width:504px}
.cardbrowser .cmp-list .cmp-cf-card{max-width:238px;max-height:363px}
.cardbrowser .cmp-list .cmp-cf-card .card-title{max-width:160px}
}
@media(max-width:767px){.cardbrowser .cmp-list{max-width:100%}
.cardbrowser .cmp-cfcard-container .card-pagination{justify-content:center}
.cardbrowser .cmp-cfcard-container .card-pagination .pagination{justify-content:center}
.cardbrowser .cmp-cfcardfilter{flex-direction:column;position:relative}
.cardbrowser .cmp-cffilter-section{background-color:white;border:1px solid #999;position:absolute;margin-top:-133px;max-width:100%;display:flex;flex-direction:column;justify-content:center}
.cardbrowser .cmp-cffilter-section .filter-tags--selected{display:flex;align-items:center;justify-content:space-between;padding:12px;position:relative;user-select:none}
.cardbrowser .cmp-cffilter-section .filter-tags--border{background-color:#ccc;border:0;display:none;position:absolute;bottom:0;height:1px;width:calc(100% - 2rem)}
.cardbrowser .cmp-cffilter-section .filter-tags{display:none;padding-left:12px;padding-right:12px}
.cardbrowser .cmp-cffilter-section .filter-tags li input+label:before{left:12px}
.cardbrowser .cmp-cffilter-section.cmp-cf--expanded{z-index:3}
.cardbrowser .cmp-cffilter-section.cmp-cf--expanded .filter-tags--selected{margin-bottom:1rem}
.cardbrowser .cmp-cffilter-section.cmp-cf--expanded .filter-tags--selected .filter-tags--border{display:block}
.cardbrowser .cmp-cffilter-section.cmp-cf--expanded .filter-tags{display:block}
.cardbrowser .cmp-list .cmp-cf-card{max-height:259px;max-width:100%}
.cardbrowser .cmp-list .cmp-cf-card .card-title{font-size:20px;line-height:28px;max-width:calc(100% - 60px)}
.cardbrowser .cmp-list .cmp-cf-card .card-description{max-width:100%}
.cardbrowser .cmp-list .cmp-cf-card:hover:before{border-top-width:48px;border-left-width:119px}
.cardbrowser .cmp-list .cmp-cf-card:hover:after{top:7px;right:7px}
.cardbrowser .cmp-list .cmp-cf-card:before{border-top:49px solid #f5f3ed;border-left:120px solid transparent}
.cardbrowser .cmp-list .cmp-cf-card:after{height:24px;width:24px;top:8px;right:8px;background-size:24px}
.cardbrowser .cmp-cf-content{padding:16px}
.cardbrowser .cmp-cf-cta{height:40px;padding-left:16px;padding-right:16px;padding-bottom:16px}
.cardbrowser .cmp-cfsortentries-section{justify-content:space-between;margin-top:85px}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-showing{margin-left:0}
.cardbrowser .cmp-cfsortentries-section .cmp-cf-sort .cmp-cf__sort-by--dropdown{right:auto;top:40px}
}
.cardbrowser .cmp-list.__new{opacity:0}
.cardbrowser .cmp-list.__new.fade-in{opacity:1;transition:opacity 1s ease;transition-delay:250ms}
.cardbrowser .cmp-list.__old{opacity:1;box-shadow:none}
.cardbrowser .cmp-list.__old.fade-out{opacity:0;transition:opacity 1s ease}
.cardbrowser .cmp-list:nth-child(n+2){position:absolute;top:0;right:0}
.cmp-modal__content.modal-content .dark-navigation-btn.card-cta--modal .cmp-button.ext-link:after,.cmp-modal__content.modal-content .lg-navigation-btn.card-cta--modal .cmp-button.ext-link:after{content:'launch'}
.cf-modal .modal-dialog{max-width:855px}
.cf-modal .modal-dialog.modal-dialog-centered{display:flex;flex-direction:column;justify-content:center;height:100%;margin:auto}
.cf-modal .cmp-modal__content.modal-content{min-height:314px;padding:78px 98px;overflow:hidden;position:relative}
.cf-modal .cmp-modal__content.modal-content:before{position:absolute;content:'';height:0;width:0;top:0;right:0;border-top:107px solid #f5f3ed;border-left:263px solid transparent}
.cf-modal .cmp-modal__content.modal-content:after{position:absolute;content:'';background-image:url("../../../../etc.clientlibs/bnymellon/clientlibs/clientlib-site/resources/bny-brand-assets/Backgrounds/Triangle/Outline/multi-tri-background.svg");background-repeat:no-repeat;background-position:top right;background-size:634px 409px;height:409px;width:634px;bottom:-166px;right:-95px;z-index:0}
.cf-modal .cmp-modal__content.modal-content .cmp-modal__close{z-index:1}
.cf-modal .cmp-modal__content.modal-content .card-title--modal{font-size:40px;font-weight:bold;line-height:46px;margin-bottom:2rem;position:relative}
.cf-modal .cmp-modal__content.modal-content .card-description--modal{position:relative;margin-bottom:2rem;z-index:1}
.cf-modal .cmp-modal__content.modal-content .card-description--modal p{margin-bottom:1rem}
.cf-modal .cmp-modal__content.modal-content .card-description--modal .card-description--text{margin-bottom:2rem}
.cf-modal .cmp-modal__content.modal-content .card-cta--modal.button{position:relative;margin:0;z-index:1}
.cf-modal .cmp-modal__content.modal-content .card-cta--modal.button .cmp-button:after{font-size:1rem;font-weight:100;margin-left:5px;vertical-align:bottom}
@media(min-width:768px) and (max-width:1250px){.cf-modal .modal-dialog{max-width:512px}
.cf-modal .cmp-modal__content.modal-content{min-height:416px;padding:64px}
.cf-modal .cmp-modal__content.modal-content:before{border-top:89px solid #f5f3ed;border-left:219px solid transparent}
.cf-modal .cmp-modal__content.modal-content:after{background-size:520px 335px;height:335px;width:520px;bottom:-114px;right:-56px}
.cf-modal .cmp-modal__content.modal-content .card-title--modal{font-size:1.5rem;line-height:2rem;margin-bottom:1rem}
}
@media(max-width:767px){.cf-modal .modal-dialog{width:calc(100vw - 2rem);max-width:100%;max-height:calc(100vh - 2rem)}
.cf-modal .modal-dialog.modal-dialog-centered{display:inline-flex;margin:1rem}
.cf-modal .cmp-modal__content.modal-content{height:100%;overflow-y:scroll;padding:56px 32px}
.cf-modal .cmp-modal__content.modal-content:before{border-left:184px solid transparent}
.cf-modal .cmp-modal__content.modal-content:after{background-size:570px 364px;background-position:-45px top;height:236px;width:calc(100% - 2px);margin:1px auto;position:fixed;bottom:0;left:0;right:0}
.cf-modal .cmp-modal__content.modal-content .card-title--modal{font-size:1.5rem;line-height:2rem;margin-bottom:1rem}
}