.accessGraph{margin-left:-22px;margin-right:-22px;overflow:hidden}.accessGraph__heading{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:450px}.accessGraph__control{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;margin-left:10px;margin-right:10px;max-width:110px;text-align:center}.accessGraph__control:after{background:#5a5a5a;content:"";display:block;height:30px;margin:10px auto 0;width:1px}.accessGraph__control:first-of-type:after{-webkit-transform:rotate(-35deg) translate(10px,9px);-ms-transform:rotate(-35deg) translate(10px,9px);transform:rotate(-35deg) translate(10px,9px)}.accessGraph__control:last-of-type:after{-webkit-transform:rotate(35deg) translate(-10px,9px);-ms-transform:rotate(35deg) translate(-10px,9px);transform:rotate(35deg) translate(-10px,9px)}.accessGraph img,.accessGraph picture{display:block;margin-left:auto;margin-right:auto;max-width:100%}.accessGraph__control-image{border-radius:100%;margin-bottom:14px;max-width:110px;overflow:hidden;position:relative}.accessGraph__control-image:after{content:"";display:block;padding-bottom:100%}.accessGraph__control-image img{-o-object-fit:cover;object-fit:cover;position:absolute}.accessGraph__control-title{font-size:16px;font-weight:300;letter-spacing:.021em;margin-bottom:18px}.accessGraph__control-status{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.accessGraph__control-status,.accessGraph__control-status-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px}.accessGraph__control-status-item{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";font-size:14px;font-weight:500;opacity:0;position:absolute;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);-webkit-transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,transform .35s ease;transition:opacity .35s ease,transform .35s ease,-webkit-transform .35s ease}.accessGraph__control-status-item.is-active{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.accessGraph__control-status-item:before{content:"";display:inline-block;height:22px;margin-right:5px;width:14px}.accessGraph__control-status-item-unlocked:before{background:url(https://www.realpage.com/storage/files/pages/communityconnect/icon-unlock.png) 50% 50% no-repeat;background-size:contain}.accessGraph__control-status-item-locked{-webkit-transition:none;transition:none}.accessGraph__control-status-item-locked:before{background:url(https://www.realpage.com/storage/files/pages/communityconnect/icon-lock.png) 50% 50% no-repeat;background-size:contain}.accessGraph__body{margin-left:-24px;margin-right:-24px;padding-top:20px;position:relative}.accessGraph__body-container{bottom:32px;left:0;position:absolute;right:0}.accessGraph__body-swipe{margin-left:auto;margin-right:auto;max-width:100%;width:267px}.slideToUnlock{background:#e4eaeb;border:1px solid #c0c1c2;border-radius:25px;border-radius:0 0 10px 10px;height:43px;line-height:50px;overflow:hidden;position:relative;text-align:center}.slideToUnlock .progressBar{background:#0f7dff;border-radius:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";height:100%;left:0;opacity:0;position:absolute;top:0;width:0;z-index:2}.slideToUnlock .progressBar.unlocked{-webkit-animation:Gradient 3s ease infinite;animation:Gradient 3s ease infinite;background:radial-gradient(ellipse at bottom,#0f7dff,#6522cc);background-size:300% 300%}.slideToUnlock .drag{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#0f7dff;border:none;border-radius:0;color:#692003;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;line-height:50px;position:absolute;text-align:center;width:40px;z-index:3}.slideToUnlock .drag:before{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:15px;-webkit-transform:rotate(-45deg) translate(-25%,-25%);-ms-transform:rotate(-45deg) translate(-25%,-25%);transform:rotate(-45deg) translate(-25%,-25%);width:15px}.slideToUnlock.unlocked .drag{background-color:transparent}.slideToUnlock.unlocked .drag:before{display:none}.slideToUnlock.unlocked .text{color:#fff;z-index:10}.slideToUnlock .text{-webkit-touch-callout:none;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:none;border-radius:0;color:#0b62ff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;font-weight:400;height:100%;justify-content:center;left:0;line-height:normal;pointer-events:none;position:absolute;text-shadow:none;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:10}.slideToUnlock.loading .drag{-webkit-animation:blinker 1s linear infinite;animation:blinker 1s linear infinite}.slideToUnlock.unlocked .drag:before{margin-left:5px;-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}
