#social-engineering{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;font-weight:300;text-align:center;background:#2a8fc1;background-size:cover!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#social-engineering .hint-text{position:fixed;margin:10rem 0 0;bottom:10vmin}#social-engineering .help-modal{position:fixed;top:0;right:0;margin:2rem}#social-engineering #phone-container{position:absolute;margin-right:-300px}#social-engineering #phone-container #phone-bg{max-width:340px}#social-engineering #phone-container #phone-bg img{box-shadow:0 2px 5px 0 #151515}#social-engineering #phone-container #phone-inner{position:absolute;top:60px;bottom:80px;left:40px;right:45px;background:#151515;border-radius:5px}#social-engineering #phone-container #phone-inner .phone-container{width:100%;height:100%}#social-engineering #phone-container #phone-inner .phone-container.ringing:hover{-webkit-animation:shake .8s cubic-bezier(.8,.7,.19,.97) both;animation:shake .8s cubic-bezier(.8,.7,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}#social-engineering #phone-container #phone-inner .phone-container #ringer-container #caller-name{font-size:22px;font-weight:600;color:#fff;padding-top:100px}#social-engineering #phone-container #phone-inner .phone-container #ringer-container #phone-number{font-size:30px;font-weight:600;color:#fff}#social-engineering #phone-container #phone-inner .phone-container #ringer-container #ringer-waves{width:1px;height:1px}#social-engineering #phone-container #phone-inner .phone-container #ringer-container .slider{position:absolute!important;bottom:80px;left:28px}#social-engineering #phone-container #phone-inner .phone-container #ringer-container .slide-to-open{display:inline-block;position:absolute;bottom:87px;left:115px;font-size:18px;color:#fafafa}#social-engineering #phone-container #phone-inner .phone-container #call-container{height:100%}#social-engineering #phone-container #phone-inner .phone-container #call-container #caller-name{position:absolute;top:15px;left:0;right:0;font-size:20px;font-weight:600;color:#fff}#social-engineering #phone-container #phone-inner .phone-container #call-container #phone-number{position:absolute;top:42px;left:0;right:0;font-size:15px;font-weight:400;color:#fff}#social-engineering #phone-container #phone-inner .phone-container #call-container #caller-avatar{position:absolute;top:94px;left:7px;right:0}#social-engineering #phone-container #phone-inner .phone-container #call-container #caller-avatar img{border-radius:200px;width:100px}#social-engineering #phone-container #phone-inner .phone-container #call-container #audio-waves{width:200px;height:178px;padding:58px 30px 0}#social-engineering #phone-container #phone-inner .phone-container #call-container #audio-captions{width:90%;margin:0 auto;font-size:14px;line-height:20px;color:#ff795c}#social-engineering #phone-container #phone-inner .phone-container #call-container #audio-captions .typing-animation{-webkit-animation:fadein 3s;animation:fadein 3s}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:absolute;bottom:0;left:0;right:0;height:200px;padding-bottom:10px}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons div{width:100%}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button{width:200px;max-height:90px;min-height:30px;margin:5px auto;font:14px GothamMedium,sans-serif;font-weight:900;background:#4eb3d4;color:#fff;border-color:transparent;border-radius:60px;display:inline-block;vertical-align:middle;font-size:14px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:14px Gotham,sans-serif;line-height:normal;font-weight:400;padding:10px 20px}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button:hover{opacity:.9}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button.clear{background:transparent;color:#4eb3d4;border:2px solid #4eb3d4}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button.clear:hover{background:#4eb3d4;color:#fff}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button.clear.salmon{background:transparent;color:#f16153;border:2px solid #f16153}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button.clear.salmon:hover{background:#f16153;color:#fff}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button.clear.slate{background:transparent;color:#212126;border:2px solid #212126}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button.clear.slate:hover{background:#212126;color:#fff}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button:focus{outline:none}#social-engineering #phone-container #phone-inner .phone-container #call-container #option-buttons button:hover{background:rgba(84,192,227,.98)}#social-engineering #start-modal{display:flex;flex-direction:column;position:fixed;top:150px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:400px;text-align:center;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff;padding:40px 40px 60px;font-size:18px;border-radius:30px;z-index:999}#social-engineering #start-modal div{margin:5px 0;max-width:600px}#social-engineering #start-modal .modal-button{margin:30px 0 -20px;font:14px GothamMedium,sans-serif;line-height:normal;font-weight:900;padding:10px 40px;background:#4eb3d4;color:#fff;border-color:transparent;border-radius:60px;display:inline-block;vertical-align:middle;font-size:14px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#social-engineering #start-modal .modal-button:hover{opacity:.9}#social-engineering #start-modal .modal-button.clear{background:transparent;color:#4eb3d4;border:2px solid #4eb3d4}#social-engineering #start-modal .modal-button.clear:hover{background:#4eb3d4;color:#fff}#social-engineering #start-modal .modal-button.clear.salmon{background:transparent;color:#f16153;border:2px solid #f16153}#social-engineering #start-modal .modal-button.clear.salmon:hover{background:#f16153;color:#fff}#social-engineering #start-modal .modal-button.clear.slate{background:transparent;color:#212126;border:2px solid #212126}#social-engineering #start-modal .modal-button.clear.slate:hover{background:#212126;color:#fff}#social-engineering #start-modal .modal-button:focus{outline:none}#social-engineering #start-modal img{margin-top:10px;width:450px}#social-engineering #start-modal .caption{font-size:13px;font-style:italic}#social-engineering .modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:rgba(0,0,0,.95)}#host-title{font-weight:700}.passcode{font-family:monospace}.copy-btn{font:14px GothamMedium,sans-serif;line-height:normal;font-weight:900;background:#4eb3d4;color:#fff;border-color:transparent;border-radius:60px;display:inline-block;vertical-align:middle;font-size:14px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:140px;padding:10px 0;font-weight:500;margin:30px auto 0!important}.copy-btn:hover{opacity:.9}.copy-btn.clear{background:transparent;color:#4eb3d4;border:2px solid #4eb3d4}.copy-btn.clear:hover{background:#4eb3d4;color:#fff}.copy-btn.clear.salmon{background:transparent;color:#f16153;border:2px solid #f16153}.copy-btn.clear.salmon:hover{background:#f16153;color:#fff}.copy-btn.clear.slate{background:transparent;color:#212126;border:2px solid #212126}.copy-btn.clear.slate:hover{background:#212126;color:#fff}.copy-btn:focus{outline:none}.copy-btn:active{box-shadow:inset 1px 1px 3px #474f55}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}#social-engineering{position:fixed;top:0;bottom:0;left:0;right:0}
/*# sourceMappingURL=main.e20a1dd4.chunk.css.map */