main[view=passkeysDirectory]{background-color:#fff}main[view=passkeysDirectory] .hero{position:relative;overflow:hidden;background:#000;color:#fff;max-width:100%;transition:all .3s ease}main[view=passkeysDirectory] .hero:before{content:"";display:block;background:url("/assets/images/pages/passkeys-directory/keeper-passkeys-directory@2x.webp") no-repeat center/contain;background-position:calc(50% - 400px) center;height:100%;width:100%;position:absolute;left:0;bottom:0;pointer-events:none}@media(max-width: 1440px){main[view=passkeysDirectory] .hero:before{background-position:calc(50% - 320px) center}}@media(max-width: 1200px){main[view=passkeysDirectory] .hero:before{background-position:calc(50% - 290px) center;background-image:url("/assets/images/pages/passkeys-directory/keeper-passkeys-directory.webp")}}@media(max-width: 991px){main[view=passkeysDirectory] .hero:before{height:60%;background-position:center bottom;background-image:url("/assets/images/pages/passkeys-directory/keeper-passkeys-directory-mobile@2x.webp")}}@media(max-width: 480px){main[view=passkeysDirectory] .hero:before{background-image:url("/assets/images/pages/passkeys-directory/keeper-passkeys-directory-mobile.webp")}}@media(max-width: 991px){main[view=passkeysDirectory] .hero{padding-bottom:65%}}@media(max-width: 768px){main[view=passkeysDirectory] .hero{padding-bottom:80%}}main[view=passkeysDirectory] .hero .container{display:flex;flex-flow:row nowrap;justify-content:space-between}main[view=passkeysDirectory] .hero .container:before,main[view=passkeysDirectory] .hero .container:after{display:none}@media(max-width: 767px){main[view=passkeysDirectory] .hero .container{flex-flow:column nowrap;justify-content:flex-start}}main[view=passkeysDirectory] .hero .hero-content{margin-left:60%;width:650px;max-width:50%;padding:108px 0 60px;display:flex;flex-flow:column nowrap;justify-content:center;gap:16px}@media(max-width: 1440px){main[view=passkeysDirectory] .hero .hero-content{padding:72px 0}}@media(max-width: 1200px){main[view=passkeysDirectory] .hero .hero-content{padding:60px 0}}@media(max-width: 991px){main[view=passkeysDirectory] .hero .hero-content{width:100%;max-width:100%;margin-left:0;padding:60px 0;text-align:center}}main[view=passkeysDirectory] .hero .hero-content .actions{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;gap:24px;margin-top:40px}@media(max-width: 991px){main[view=passkeysDirectory] .hero .hero-content .actions{justify-content:center}}main[view=passkeysDirectory] .hero .hero-content .actions [class^=btn-]{min-width:175px}main[view=passkeysDirectory] .hero .hero-content .actions .btn-clear-white{border-color:#fff}main[view=passkeysDirectory] .hero .hero-content .actions .btn-clear-white:hover{color:#fff}main[view=passkeysDirectory] #passKeyDirectory{background:#fff;padding:56px 0}@media(max-width: 991px){main[view=passkeysDirectory] #passKeyDirectory{padding:48px 0}}main[view=passkeysDirectory] #passKeyDirectory #searchBox{border:2px solid #d8d8d8;border-radius:56px;display:block;height:56px;width:100%;box-shadow:0px 2px 8px rgba(0,0,0,.12);padding-left:64px;font-size:20px;line-height:56px;margin-top:24px;background:#fff url("/assets/icons/ico-search.svg") no-repeat 20px center/28px}main[view=passkeysDirectory] #passKeyDirectory .box{padding:32px 56px;border-radius:16px}@media(max-width: 768px){main[view=passkeysDirectory] #passKeyDirectory .box{box-shadow:none;padding:0;border:none}}main[view=passkeysDirectory] #passKeyDirectory .box h2{text-align:center}main[view=passkeysDirectory] #passKeyDirectory .box h2 a{color:#1b74da;font-weight:500}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox{background:#e8f2fc;padding:24px 32px;border-radius:16px;margin:24px 0;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:24px}@media(max-width: 640px){main[view=passkeysDirectory] #passKeyDirectory .box .filterBox{flex-flow:column nowrap;justify-content:center}}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter{width:50%;font-size:20px;position:relative}@media(max-width: 768px){main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter{font-size:18px}}@media(max-width: 640px){main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter{width:100%}}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter .selector{display:inline-block;position:relative;padding-right:30px;cursor:pointer}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter .selector:after{content:"";display:block;width:9px;height:9px;border:2px solid #000;position:absolute;right:10px;top:50%;margin-top:-6px;transform:rotate(45deg);border-left:0;border-top:0}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter .filters{display:none;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;position:absolute;left:0;top:100%;background:#fff;box-shadow:0px 2px 8px rgba(0,0,0,.12);border-radius:24px;padding:16px 0;z-index:10}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter .filters span{display:block;width:100%;padding:8px 52px;position:relative;cursor:pointer}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter .filters span:hover{background:rgba(0,0,0,.05)}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter .filters span.current:before{content:"";position:absolute;left:30px;top:50%;margin:-10px 0 0 0;width:9px;height:15px;border:2px solid #1b74da;transform:rotate(45deg);border-left:0;border-top:0}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .sortFilter.open .filters{display:flex}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter{font-size:20px;width:calc(50% - 80px);position:relative}@media(max-width: 768px){main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter{font-size:18px}}@media(max-width: 640px){main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter{width:100%}}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter .selector{display:inline-block;position:relative;padding-right:30px;cursor:pointer}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter .selector:after{content:"";display:block;width:9px;height:9px;border:2px solid #000;position:absolute;right:10px;top:50%;margin-top:-6px;transform:rotate(45deg);border-left:0;border-top:0}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter .filters{display:none;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;position:absolute;left:0;top:100%;background:#fff;box-shadow:0px 2px 8px rgba(0,0,0,.12);border-radius:24px;padding:16px 0;z-index:10}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter .filters span{display:block;width:100%;padding:8px 52px;position:relative;cursor:pointer}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter .filters span:hover{background:rgba(0,0,0,.05)}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter .filters span.current:before{content:"";position:absolute;left:30px;top:50%;margin:-10px 0 0 0;width:9px;height:15px;border:2px solid #1b74da;transform:rotate(45deg);border-left:0;border-top:0}main[view=passkeysDirectory] #passKeyDirectory .box .filterBox .integrationFilter.open .filters{display:flex}@media(max-width: 768px){main[view=passkeysDirectory] #passKeyDirectory .box .brandsList{margin:0;width:100%}}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand{padding:16px;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;border-bottom:1px solid #d8d8d8}@media(max-width: 768px){main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand{padding:16px 0}}@media(max-width: 640px){main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand{flex-flow:row wrap}}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand:last-child{border:none}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand.notFound{display:none}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .brandLogo{border-radius:8px;width:64px;height:64px}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .brandLogo img{width:100%}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .brandName{width:calc(50% - 80px);font-size:16px}@media(max-width: 640px){main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .brandName{width:calc(100% - 80px)}}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .brandName strong{display:block;font-size:20px;width:100%}@media(max-width: 480px){main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .brandName strong{font-size:18px}}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods{width:calc(50% - 80px);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px}@media(max-width: 640px){main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods{width:100%}}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods span{display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding:0 10px 0 30px;height:28px;border-radius:14px;color:#fff;font-size:14px;position:relative;white-space:nowrap}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods span:before{content:"";display:block;width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;left:4px;top:50%;margin-top:-10px}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods span:after{content:"";display:block;width:7px;height:12px;border:2px solid #55a76a;transform:rotate(45deg);border-left:0;border-top:0;position:absolute;left:10px;top:50%;margin-top:-8px}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods span.signIn{background:#55a76a}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods span.mfa{background:#887efe}main[view=passkeysDirectory] #passKeyDirectory .box .brandsList .brand .suMethods span.mfa:after{border-color:#887efe}

/*# sourceMappingURL=index.min.css.map*/