.phone-rotate{transform:rotate(90deg)}.flipCard{transform:rotateY(180deg)}.keypad_header{box-shadow:var(--color-shadow-xs) 1px 1px 2px .5px;border-radius:3px;padding:5px 0;background-color:var(--color-bg-page);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 1s;transform-style:preserve-3d;height:40em}.keypad{display:grid;list-style:none;padding:0;grid-template-columns:repeat(3,1fr);gap:25px 10px}.keypad li{display:flex;justify-content:center}.keypadinput{font-size:24px;border-color:transparent;background:transparent;width:100%;text-align:center;margin:.5em 2em}.keypadinput::placeholder{font-size:18px}.keypadinput:focus{outline:none}.country_code{background-color:var(--color-secondary-gold-lightest);color:var(--color-secondary-gold-dark);padding:5px 10px;width:fit-content;border-radius:3px}.keypad-button{border:none;border-radius:100%;background-color:var(--color-neutral-grey-lightest);color:var(--color-neutral-grey-dark);box-shadow:var(--color-shadow-xs) 0 2px 0 1px;width:2.3em;height:2.3em;font-size:24px;line-height:1;transition:all .2s linear}.keypad-button:hover{box-shadow:var(--color-shadow-xs) 0 2px 0 1px inset}.hideButton{border:none;background-color:var(--color-primary-dark);box-shadow:none}.keypad-button>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.keypad-button>div>div:nth-child(2){font-size:large}.noBorder{border:none;border-radius:100%;font-size:24px;line-height:1;background-color:#fff;color:#000;opacity:.8;transition:all .2s linear}.keypad-button:hover{opacity:.8}.keypad-button:focus,.noBorder:focus{outline:none}.keypad-button.green{background-color:var(--color-tertiary-green-darker);color:var(--color-basic-white);margin:10px;border-radius:100px}.keypad-button.red{background-color:var(--color-primary-dark);color:var(--color-basic-white);width:12%;border-radius:30px}.keypad-button.mute_button{background-color:var(--color-neutral-grey-darker);color:var(--color-basic-white);width:12%;border-radius:30px}.onCall{display:flex;flex-direction:column;margin:10px;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 1s;transform-style:preserve-3d;box-shadow:var(--color-shadow-md) .5px .5px 3px;padding:20px 0}.onCall>div:nth-child(1){display:flex;justify-content:center;background-color:var(--color-secondary-gold-lightest);color:var(--color-secondary-gold-dark);width:25%;padding:10px;border-radius:3px}.onCall>div:nth-child(1)>i>span{color:#000}.onCall>div:nth-child(3){display:flex;align-items:center;justify-content:center}.onCall>div:nth-child(3)>div:nth-child(1){border-radius:999px;padding:10px 20px;background-color:gray;color:#fff;margin:0 15px;font-size:x-large;transition:all .2s linear}.onCall>div:nth-child(3)>div:nth-child(1):hover{opacity:.8}.onCall>div:nth-child(3)>div:nth-child(2){border-radius:999px;padding:10px 15px;background-color:red;color:#fff;font-size:x-large;margin:0 15px;transition:all .2s linear}.onCall>div:nth-child(3)>div:nth-child(2):hover{opacity:.8}.onCall>div:nth-child(3)>i{border-radius:999px;padding:8px 10px;background-color:gray;color:#fff;font-size:25px;margin:0 15px;transition:all .2s linear}.onCall>div:nth-child(3)>i:hover{opacity:.8}.onCall>div:nth-child(3)>i>img{width:35px;height:35px;color:#fff}.caller{display:flex;justify-content:space-between;padding:10px 5px;align-items:center;border-radius:5px;margin:5px 10px}.caller>div:nth-child(1){font-size:xxx-large;padding:25px 50px;border-radius:999px;display:flex;flex-direction:column;align-items:center;background-color:#f0f8ff}.caller>div:nth-child(1)>div{font-size:x-large}.caller>div:nth-child(2){margin:0 100px}.caller>div:nth-child(3){font-size:xxx-large;padding:25px 45px;display:flex;flex-direction:column;align-items:center;border-radius:999px;background-color:#f0f8ff}.caller>div:nth-child(3)>div{font-size:x-large}.lds-ellipsiss{display:flex}.lds-ellipsiss div{width:10px;height:10px;border-radius:50%;background:#000;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsiss div:nth-child(1){left:8px;animation:lds-ellipsisA 1s infinite}.lds-ellipsiss div:nth-child(2){left:8px;animation:lds-ellipsisB .8s infinite}.lds-ellipsiss div:nth-child(3){left:32px;animation:lds-ellipsisC .8s infinite}.lds-ellipsiss div:nth-child(4){left:56px;animation:lds-ellipsisD .8s infinite}@keyframes lds-ellipsisA{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsisC{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsisD{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsisB{0%{transform:translate(0)}to{transform:translate(35px)}}.callDialog{display:flex;position:fixed;top:80px;right:15px;z-index:100;align-items:center;flex-direction:column;width:fit-content;background-color:var(--color-neutral-grey-lightest);border-radius:5px;border:1px solid lightgray}.blurScreen>img{width:20%;height:30%}.callDialog>div:nth-child(1){display:flex;flex-direction:column;align-items:center;justify-content:center}.callDialog>div:nth-child(1)>div:nth-child(1){position:absolute;background-color:var(--color-neutral-grey-lightest);opacity:0;height:120px;width:100%;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s}.callDialog>div:nth-child(1)>div:nth-child(1)>i{font-size:xx-large}.callDialog>div:nth-child(1)>div:nth-child(2){display:flex;align-items:center;flex-direction:column;flex:.7;margin:10px}.callDialog>div:nth-child(1)>div:nth-child(2)>i{font-size:xx-large;background-color:var(--color-tertiary-sapphire-lighter);padding:15px;border-radius:999px}.callDialog>div:nth-child(1)>div:nth-child(2)>div:nth-child(2){font-weight:700}.callDialog>div:nth-child(2){display:flex;width:100%;flex:.3}.callDialog>div:nth-child(2)>button:nth-child(1),.callDialog>div:nth-child(2)>button:nth-child(2){flex:.5;margin:5px;display:flex;align-items:center;transition:all .2s linear}.callDialog>div:nth-child(2)>button:nth-child(1):hover,.callDialog>div:nth-child(2)>button:nth-child(2):hover{opacity:.75}.fa-phone{transform:rotate(90deg)}.call{text-align:center}.status{text-align:center;background:var(--color-neutral-grey-lightest);display:block;width:200px;padding:.5em;border-radius:6px;margin:2em auto 0}.phone{display:flex;width:35%;flex-direction:column;justify-content:center}.phone_header{display:flex;flex-direction:column}.backToCall{color:var(--color-neutral-grey-primary);width:fit-content;cursor:pointer;padding:2px 10px;margin:10px 0 0 10px;border-radius:999px;transition:all .12s linear}.backToCall:hover{color:var(--color-neutral-grey-dark)}.backToCall>i{margin-right:10px}.phone_header>div:nth-child(1){display:flex;align-items:center;justify-content:center}.disableTab{pointer-events:none;opacity:.8}.recent{display:flex;justify-content:center;margin:15px;font-weight:700;font-size:large}.recent_calls{width:40%;background-color:var(--color-bg-page);display:flex;padding:10px 20px;height:40em;margin-left:6%;border-radius:5px;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-shadow:var(--color-shadow-md) .5px .5px 3px}.searchCall{display:flex;align-items:center;width:80%;border:none;border-radius:5px;padding:15px;box-shadow:var(--color-shadow-md) 0 1px 2px 0;background-color:var(--color-basic-white);margin:10px 0 10px 10%}.searchCall>i{margin-right:8px;color:var(--color-neutral-grey-primary)}.searchCall>input{border:none;width:100%;outline:none;height:100%}.recent_items{display:flex;align-items:center;padding:15px;width:100%;font-size:medium;background-color:#fff;border-radius:4px;margin:3px;box-shadow:var(--color-shadow-md) .5px .5px 1px;border:1px solid var(--color-neutral-grey-lighter)}.recent_items>div:nth-child(1){flex:.1;padding:10px 5px;border-radius:5px;display:flex;justify-content:center;font-size:x-large}.recent_items>div:nth-child(2){flex:.8;margin-left:10px;font-weight:700;font-size:medium}.recent_items>div:nth-child(3){font-size:small;flex:.1}.recent_items>div:nth-child(4){flex:.1;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:100%;font-weight:700;transition:all .2s linear;height:2em;max-width:2em}.completed{background-color:var(--color-tertiary-green-darker);box-shadow:var(--color-shadow-md) 1.95px 1.95px 2.6px}.in_progress{background-color:var(--color-secondary-gold-primary);box-shadow:var(--color-shadow-md) 1.95px 1.95px 2.6px}.recent_items>div:nth-child(4):hover{opacity:.8}.date_separator{font-weight:700;margin:10px 10px 10px 18px}