.main[view=msp] .container{max-width:1370px}.main[view=msp] .twoColumns{padding:56px 0}@media(max-width: 991px){.main[view=msp] .twoColumns{padding:48px 0}}.main[view=msp] .twoColumns .container{display:flex;flex-flow:row wrap;justify-content:space-between}@media(max-width: 768px){.main[view=msp] .twoColumns .container{flex-flow:column nowrap}}.main[view=msp] .twoColumns .container:before,.main[view=msp] .twoColumns .container:after{display:none}.main[view=msp] .twoColumns .container h2{text-align:center}.main[view=msp] .twoColumns .container>div.theColumns{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;gap:48px;margin-top:48px}.main[view=msp] .twoColumns .container>div.theColumns article{width:calc(50% - 24px);max-width:636px;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:8px}@media(max-width: 768px){.main[view=msp] .twoColumns .container>div.theColumns article{width:100%;margin:0 auto}}@media(max-width: 480px){.main[view=msp] .twoColumns .container>div.theColumns article h3{text-align:center}}.main[view=msp] .intro{padding:0}@media(max-width: 991px){.main[view=msp] .intro{--bg-angle-offset: 85%}}@media(max-width: 768px){.main[view=msp] .intro{--bg-angle-offset: 82%}}@media(min-width: 1440px){.main[view=msp] .intro .content{--grid-content-gap: 60px}}.main[view=msp] .intro .content video{display:none;box-shadow:0px 3px 9px 0px rgba(0,0,0,.15)}.main[view=msp] .securityIssues{background:#fff;padding:56px 0}@media(max-width: 991px){.main[view=msp] .securityIssues{padding:48px 0}}.main[view=msp] .securityIssues h2{text-align:center;margin-bottom:16px}.main[view=msp] .securityIssues p{text-align:center}.main[view=msp] .securityIssues .issuesTiles{display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;gap:72px;margin-top:48px}@media(max-width: 768px){.main[view=msp] .securityIssues .issuesTiles{flex-flow:column nowrap;align-items:center}}.main[view=msp] .securityIssues .issuesTiles .anIssue{width:33%;max-width:288px;border-radius:16px;background:#fff;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;gap:16px}@media(max-width: 768px){.main[view=msp] .securityIssues .issuesTiles .anIssue{width:440px;max-width:100%}}.main[view=msp] .securityIssues .issuesTiles .anIssue img{width:40px}.main[view=msp] .securityIssues .issuesTiles .anIssue h3{text-align:center}.main[view=msp] #demoVideo{padding:56px 0;overflow:hidden}@media(max-width: 1200px){.main[view=msp] #demoVideo{padding:48px 0}}@media(max-width: 991px){.main[view=msp] #demoVideo{padding:40px 0}}@media(max-width: 640px){.main[view=msp] #demoVideo{padding:36px 0}}.main[view=msp] #demoVideo .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;gap:120px}@media(max-width: 1200px){.main[view=msp] #demoVideo .container{gap:64px}}@media(max-width: 991px){.main[view=msp] #demoVideo .container{gap:57px;flex-flow:column nowrap}}@media(max-width: 768px){.main[view=msp] #demoVideo .container{gap:48px}}@media(max-width: 640px){.main[view=msp] #demoVideo .container{padding:0 16px;gap:36px}}.main[view=msp] #demoVideo .container>div{width:50%}@media(max-width: 991px){.main[view=msp] #demoVideo .container>div{width:100%}}.main[view=msp] #demoVideo h2{color:#000;text-align:left;margin-bottom:16px}.main[view=msp] #demoVideo p{width:100%;margin:0 auto}.main[view=msp] #demoVideo p+p{margin-top:16px}.main[view=msp] #demoVideo p a{color:#1b74da}.main[view=msp] #demoVideo .videoButton{display:none}@media(max-width: 640px){.main[view=msp] #demoVideo .videoButton{display:block;text-align:center;margin-top:24px}.main[view=msp] #demoVideo .videoButton [class^=btn-]:before{top:9px}.main[view=msp] #demoVideo .videoButton [class^=btn-]:after{top:14px}}.main[view=msp] #demoVideo .msp-video{width:100%;max-width:100%;border-radius:6px 6px 0 0;overflow:hidden}@media(max-width: 640px){.main[view=msp] #demoVideo .msp-video{display:none}}.main[view=msp] #demoVideo .msp-video .embed-container{padding:55.8% 0 0 0;position:relative}.main[view=msp] #demoVideo .msp-video .embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.main[view=msp] .animatedCircle{display:block;width:115px;min-width:115px;height:115px;position:relative}@media(max-width: 768px){.main[view=msp] .animatedCircle{min-width:98px;width:98px;height:98px}}.main[view=msp] .animatedCircle .circle-chart{display:block;position:absolute;left:0;top:0}@media(max-width: 768px){.main[view=msp] .animatedCircle .circle-chart{display:block;width:98px;height:98px;position:relative}}.main[view=msp] .animatedCircle .countValue{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;text-align:center;font-size:36px;font-weight:600;line-height:117px}@media(-ms-high-contrast: active),(-ms-high-contrast: none){.main[view=msp] .animatedCircle .countValue{line-height:130px}}@media(max-width: 960px){.main[view=msp] .animatedCircle .countValue{font-size:30px}}@media(max-width: 768px){.main[view=msp] .animatedCircle .countValue{font-size:30px;line-height:100px}}.main[view=msp] .animatedCircle .circle-chart__circle{animation:circle-chart-fill 2s reverse;transform:rotate(-90deg);transform-origin:center}@media(max-width: 768px){.main[view=msp] .animatedCircle .circle-chart__circle{display:block;width:98px;height:98px}}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}.main[view=msp] #bestPAM{padding:56px 0}.main[view=msp] #bestPAM h2,.main[view=msp] #bestPAM p{width:100%;text-align:center}.main[view=msp] #bestPAM .bestPAMIntro{display:flex;flex-flow:column nowrap;justify-content:center;align-items:stretch;gap:16px}.main[view=msp] #bestPAM .learnBoxes{display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;gap:24px;margin-top:48px}@media(max-width: 991px){.main[view=msp] #bestPAM .learnBoxes{flex-flow:row wrap}}@media(max-width: 768px){.main[view=msp] #bestPAM .learnBoxes{flex-flow:column nowrap;align-items:center;gap:16px}}.main[view=msp] #bestPAM .learnBox{width:400px;max-width:32%;background:#fff;border:1px solid #d8d8d8;border-radius:8px;overflow:hidden;position:relative;padding-bottom:120px;box-shadow:0px 8px 28px rgba(0,0,0,.07)}@media(max-width: 991px){.main[view=msp] #bestPAM .learnBox{max-width:calc(50% - 12px)}}@media(max-width: 768px){.main[view=msp] #bestPAM .learnBox{width:400px;max-width:100%}}.main[view=msp] #bestPAM .learnBox .learnImage{display:block;height:150px;padding:32px 30px 0}.main[view=msp] #bestPAM .learnBox .learnImage img{margin:0 auto 0 0}.main[view=msp] #bestPAM .learnBox .learnImage span{margin-left:-80px;position:relative;left:0;top:0}@media(max-width: 1300px){.main[view=msp] #bestPAM .learnBox .learnImage span{margin-left:-100px}}@media(max-width: 1200px){.main[view=msp] #bestPAM .learnBox .learnImage span{margin:0 auto}}.main[view=msp] #bestPAM .learnBox .learnContent{display:block;padding:32px 30px 0}@media(max-width: 991px){.main[view=msp] #bestPAM .learnBox .learnContent{padding:30px 24px}}@media(max-width: 768px){.main[view=msp] #bestPAM .learnBox .learnContent{padding:24px 16px}}.main[view=msp] #bestPAM .learnBox .learnContent h3{margin-bottom:32px}@media(max-width: 1200px){.main[view=msp] #bestPAM .learnBox .learnContent h3{text-align:center}}.main[view=msp] #bestPAM .learnBox .learnContent p{text-align:left}@media(max-width: 1200px){.main[view=msp] #bestPAM .learnBox .learnContent p{text-align:center}}.main[view=msp] #bestPAM .learnBox .actions{position:absolute;left:0;bottom:0;width:100%;padding:40px 30px}@media(max-width: 991px){.main[view=msp] #bestPAM .learnBox .actions{justify-content:center;align-items:center}}.main[view=msp] #seamlesslyIntegrates{background:#000;padding:80px 0}@media(max-width: 991px){.main[view=msp] #seamlesslyIntegrates{padding:57px 0}}@media(max-width: 768px){.main[view=msp] #seamlesslyIntegrates{padding:48px 0}}.main[view=msp] #seamlesslyIntegrates .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:48px}@media(max-width: 991px){.main[view=msp] #seamlesslyIntegrates .container{flex-flow:column nowrap}}@media(max-width: 991px){.main[view=msp] #seamlesslyIntegrates .seamlessImage{order:2}}.main[view=msp] #seamlesslyIntegrates .seamlessContent{width:50%;max-width:600px}@media(max-width: 991px){.main[view=msp] #seamlesslyIntegrates .seamlessContent{width:100%;max-width:100%;text-align:center;order:1}}.main[view=msp] #seamlesslyIntegrates .seamlessContent h2{color:#fff;margin-bottom:24px;text-align:left}@media(max-width: 991px){.main[view=msp] #seamlesslyIntegrates .seamlessContent h2{text-align:center}}.main[view=msp] #seamlesslyIntegrates .seamlessContent img{width:100%;display:block;margin:48px 0}@media(max-width: 991px){.main[view=msp] #seamlesslyIntegrates .seamlessContent img{max-width:80%;margin:40px auto}}@media(max-width: 768px){.main[view=msp] #seamlesslyIntegrates .seamlessContent img{max-width:85%;margin:32px auto}}@media(max-width: 480px){.main[view=msp] #seamlesslyIntegrates .seamlessContent img{max-width:90%;margin:16px auto}}.main[view=msp] #powerfulAddons{background:#fff;padding:56px 0}.main[view=msp] #powerfulAddons h2{text-align:center}.main[view=msp] #powerfulAddons .learnBoxes{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;gap:56px 48px;margin-top:48px}@media(max-width: 991px){.main[view=msp] #powerfulAddons .learnBoxes{gap:24px;flex-flow:column nowrap;align-items:center}}@media(max-width: 768px){.main[view=msp] #powerfulAddons .learnBoxes{gap:16px}}.main[view=msp] #powerfulAddons .learnBox{width:636px;max-width:calc(50% - 24px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;gap:16px}@media(max-width: 991px){.main[view=msp] #powerfulAddons .learnBox{max-width:100%}}.main[view=msp] #powerfulAddons .actions{margin-top:56px}[locale=en_US] body:not(.safari) main[view=msp].main .intro .image-content img,[locale=en_GB] body:not(.safari) main[view=msp].main .intro .image-content img{display:none}@media(max-width: 768px){[locale=en_US] body:not(.safari) main[view=msp].main .intro .image-content img,[locale=en_GB] body:not(.safari) main[view=msp].main .intro .image-content img{display:block}}[locale=en_US] body:not(.safari) main[view=msp].main .intro .image-content video,[locale=en_GB] body:not(.safari) main[view=msp].main .intro .image-content video{display:block}@media(max-width: 768px){[locale=en_US] body:not(.safari) main[view=msp].main .intro .image-content video,[locale=en_GB] body:not(.safari) main[view=msp].main .intro .image-content video{display:none}}

/*# sourceMappingURL=msp-password-manager.min.css.map*/