.row{display:flex;width:100%}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}.messenger{width:100%;height:100vh;background-color:var(--bg-color)}.messenger .row{height:100%}.messenger .row .col-3 .left-side{padding:5px 0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;justify-content:start}.messenger .row .col-3 .left-side .top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:12px 8px}.messenger .row .col-3 .left-side .top .image-name{display:flex;cursor:pointer}.messenger .row .col-3 .left-side .top .image-name .image{width:40px;height:40px;border-radius:50%;overflow:hidden}.messenger .row .col-3 .left-side .top .image-name .image img{width:100%;height:100%;object-fit:cover}.messenger .row .col-3 .left-side .top .image-name .name{display:flex;justify-content:center;align-items:center}.messenger .row .col-3 .left-side .top .image-name .name h3{padding-left:10px;font-weight:600;color:var(--text-color)}.messenger .row .col-3 .left-side .top .icons{display:flex;position:relative}.messenger .row .col-3 .left-side .top .icons .theme_logout.show{visibility:visible;transform:scale(1)}.messenger .row .col-3 .left-side .top .icons .theme_logout{width:200px;background-color:var(--theme-popup-bg);transform:scale(0);position:absolute;transition:all .4s;visibility:hidden;top:100%;padding:10px;color:#fff;border-radius:5px}.messenger .row .col-3 .left-side .top .icons .theme_logout .on,.messenger .row .col-3 .left-side .top .icons .theme_logout .of{width:100%;display:flex;justify-content:space-between;padding-top:10px}.messenger .row .col-3 .left-side .top .icons .theme_logout .on label,.messenger .row .col-3 .left-side .top .icons .theme_logout .of label{cursor:pointer;color:#fff}.messenger .row .col-3 .left-side .top .icons .theme_logout .logout{display:flex;align-items:center;margin-top:10px;cursor:pointer;gap:10px}.messenger .row .col-3 .left-side .top .icons .icon{width:33px;height:33px;display:flex;justify-content:center;align-items:center;background-color:var(--icon-bg-color);margin-left:8px;border-radius:24px;color:var(--icon-color);cursor:pointer}.messenger .row .col-3 .left-side .friend-search{padding:0 8px}.messenger .row .col-3 .left-side .friend-search .search{display:flex;width:100%;height:40px;background-color:var(--search-bg);border-radius:50px;margin:20px 0}.messenger .row .col-3 .left-side .friend-search .search button{padding:12px;border-bottom-left-radius:50px;border-top-left-radius:50px;border:none;color:var(--text-color);font-size:20px;background-color:transparent}.messenger .row .col-3 .left-side .friend-search .search .form-control{width:100%;padding-left:0;border-bottom-right-radius:50px;border-top-right-radius:50pc;background-color:#fff0;border:none}.messenger .row .col-3 .left-side .friend-search .search .form-control::placeholder{color:var(--text-color)}.active-friends .active-friend{overflow:hidden}.active-friends .active-friend .image-active-icon{overflow-x:scroll;display:flex}.active-friends .active-friend .image-active-icon::-webkit-scrollbar{overflow:hidden}.active-friends .active-friend .image-active-icon .image{margin:5px;position:relative;cursor:pointer}.active-friends .active-friend .image-active-icon .image img{width:38px;height:38px;border-radius:50%;padding:2px;border:2px solid rgb(98,245,98)}.active-friends .active-friend .image-active-icon .image .active-icon{position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-radius:50%;background-color:#62f562}.friends{display:flex;flex-direction:column;height:100%;overflow-y:auto;border-top:1px solid var(--border-color)}.friends::-webkit-scrollbar{background-color:#635f5f;width:3px}.friends::-webkit-scrollbar-thumb{background-color:#aaa7a7;border-radius:6px}.friends::-webkit-scrollbar-track{background-color:#635f5f}.friends .hover-friend.active{background-color:var(--active-color)}.friends .hover-friend{cursor:pointer;transition:.3s}.friends .hover-friend:hover{background-color:var(--hover-color)}.friends .hover-friend .friend{display:flex;width:100%;padding:7px 15px;border-bottom:1px solid var(--border-color);align-items:center}.friends .hover-friend .friend .friend-left-side{display:flex;width:90%}.friends .hover-friend .friend .friend-left-side .friend-image .image{width:45px;height:45px;border-radius:50%;position:relative}.friends .hover-friend .friend .friend-left-side .friend-image .image .active-icon{position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-radius:50%;background-color:#62f562}.friends .hover-friend .friend .friend-left-side .friend-image .image .frd-img-list{width:100%;height:100%;border-radius:50%}.friends .hover-friend .friend .friend-left-side .friend-name{display:flex;align-items:start;flex-direction:column;gap:4px}.friends .hover-friend .friend .friend-left-side .friend-name h4{padding-left:10px;color:var(--text-color);font-weight:600;font-size:14px}.friends .hover-friend .friend .friend-left-side .friend-name .msg-info{padding-left:10px;padding-top:4px}.friends .hover-friend .friend .friend-left-side .friend-name .msg-info .timeAgo{color:#0f920f;padding-left:10px;font-size:12px;letter-spacing:-.5px}.friends .hover-friend .friend .friend-left-side .friend-name .msg-info .youMsg,.friends .hover-friend .friend .friend-left-side .friend-name .msg-info .frdMsg{color:var(--text-color)}.friends .hover-friend .friend .seen-unseen-icon{width:14px;height:14px;border-radius:50%;overflow:hidden}.friends .hover-friend .friend .seen-unseen-icon .seen-unseen-img{width:100%;height:100%;object-fit:cover}.friends .hover-friend .friend .seen-unseen-icon .circle-fill{color:var(--text-color);z-index:999}.col-9 .right-side,.col-9 .right-side .row{height:100%}.col-9 .right-side .row .col-8{border-right:1px solid var(--border-color);transition:all .5s}.col-9 .right-side .row .col-8 .message-send-show{height:100vh;border-radius:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between}.col-9 .right-side .row .col-8 .message-send-show .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 10px;border-bottom:1px solid var(--border-color)}.col-9 .right-side .row .col-8 .message-send-show .header .image-name{display:flex}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .image{width:40px;height:40px;border-radius:50%;position:relative}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .image img{width:100%;height:100%;border-radius:50%}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .image .active-icon{position:absolute;bottom:1px;right:0;width:10px;height:10px;border-radius:50%;background-color:#62f562}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .name{display:flex;justify-content:center;align-items:center}.col-9 .right-side .row .col-8 .message-send-show .header .image-name .name h3{padding:10px;color:var(--text-color)}.col-9 .right-side .row .col-8 .message-send-show .header .icons{display:flex}.col-9 .right-side .row .col-8 .message-send-show .header .icons .icon{padding:8px;margin-left:10px;border-radius:24px;color:var(--icon-color);cursor:pointer;background-color:var(--icon-bg-color);display:flex;justify-content:center;align-items:center}.col-9 .right-side .row .col-8 .message-send-show .header .icons .icon label{display:flex;margin-bottom:0;cursor:pointer;color:var(--icon-color)}.col-9 .right-side .row .col-4{transition:all .5s}.col-9 .right-side #dot{display:none}.col-9 .right-side #dot:checked~.row .col-4{display:none}.col-9 .right-side #dot:checked~.row .col-8{width:100%}.col-9 .right-side #dot:checked~.row .col-8 .message-show .my-message .my-text{width:500px}.col-9 .right-side #dot:checked~.row .col-8 .message-show .fd-message .fd-text{width:500px}.register,.login{width:100%;height:100vh;background-color:azure;display:flex;justify-content:center;align-items:center}.register .card .card-header h3,.login .card .card-header h3{text-align:center;color:#fff}.register .card .card-body .form-group .btn,.login .card .card-body .form-group .btn{transition:.3s;border-radius:10px}.register .card .card-body .form-group .btn:hover,.login .card .card-body .form-group .btn:hover{background-color:#bda3a3}.register .card .card-body .form-group .form-control,.login .card .card-body .form-group .form-control{color:#fff;border-radius:10px}.register .card .card-body .form-group:last-child,.login .card .card-body .form-group:last-child{margin-bottom:0}.register .card .card-body .form-group span,.login .card .card-body .form-group span{text-align:center;margin:10px 0}.register .card .card-body .form-group span a,.login .card .card-body .form-group span a{color:#7d9dda;transition:.3s;text-decoration:underline}.register .card .card-body .form-group span a:hover,.login .card .card-body .form-group span a:hover{color:#e2461f}.register .card .card-body .form-group .file-image,.login .card .card-body .form-group .file-image{display:flex}.register .card .card-body .form-group .file-image .image,.login .card .card-body .form-group .file-image .image{width:50px;height:50px;border-radius:50%;border:1px solid rgb(199,195,195);overflow:hidden}.register .card .card-body .form-group .file-image .image img,.login .card .card-body .form-group .file-image .image img{width:100%;height:100%;object-fit:cover}.register .card .card-body .form-group .file-image .file,.login .card .card-body .form-group .file-image .file{display:flex;flex-direction:column;justify-content:center;align-items:center}.register .card .card-body .form-group .file-image .file .form-control,.login .card .card-body .form-group .file-image .file .form-control{display:none}.register .card .card-body .form-group .file-image .file label,.login .card .card-body .form-group .file-image .file label{background-color:#0a0e1585;padding:8px;margin-bottom:0;width:120px;text-align:center;border-radius:10px;margin-left:10px;cursor:pointer}.message-show{height:100%;padding:10px;overflow-y:auto;scroll-behavior:smooth}.message-show::-webkit-scrollbar{background-color:var(--webkit-scrollbar-bg);width:5px}.message-show::-webkit-scrollbar-thumb{background-color:var(--webkit-scrollbar-thumb-bg);border-radius:6px}.message-show::-webkit-scrollbar-track{background-color:var(--webkit-scrollbar-track-bg)}.message-show .my-message{float:right}.message-show .my-message .my-text{display:flex;align-items:flex-end;justify-content:flex-end;width:370px}.message-show .my-message .my-text .message-text{text-align:end;padding:10px}.message-show .my-message .time{text-align:end;padding:5px 0;color:#62ad40}.message-show .fd-message{float:left}.message-show .fd-message .fd-text{display:flex;align-items:flex-end;justify-content:flex-start;width:370px}.message-show .fd-message .fd-text .message-text{text-align:start;border-radius:15px;background-color:var(--fd-message-bg);color:var(--fd-message-color)}.message-show .image-message-time,.message-show .image-message{display:flex}.message-show .image-message-time .frd-img,.message-show .image-message .frd-img{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:10px}.message-show .image-message-time .message-text,.message-show .image-message .message-text{padding:10px;color:var(--text-color);background-color:var(--my-message-bg);font-size:14px;font-weight:400;border-radius:15px;color:var(--my-message-color)}.message-show .image-message-time .message-text img,.message-show .image-message .message-text img{width:220px;height:200px;padding:0;object-fit:cover;overflow:hidden}.message-show .time{padding:5px 0;color:#62ad40;font-size:12px}.message-show .typing-message{color:#fff;bottom:63px;position:absolute;display:flex;justify-content:center;border-radius:10px;left:34%;right:34%}.message-show .typing-message p{background-color:#343434;padding:5px 10px;border-radius:10px}.message-show .friend_connect{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;color:var(--text-color)}.message-show .friend_connect img{width:100px;height:100px;border-radius:50%}.message-show .friend_connect h3{margin-top:10px}.message-send-section{position:relative;display:flex;justify-content:space-between;align-items:center;padding:5px}.message-send-section .file{display:flex;padding:8px;font-size:20px;cursor:pointer;color:var(--icon-color)}.message-send-section .file .add-attachment,.message-send-section .file .add-image,.message-send-section .file .add-gift{position:fixed;padding:4px;background-color:#212d44;font-size:14px;bottom:44px;display:none;transition:.3s;color:var(--text-white)}.message-send-section .file label{display:flex;align-items:center;margin-bottom:0;cursor:pointer;color:var(--icon-color)}.message-send-section .file #pic{display:none}.message-send-section .hover-attachment{position:relative;transition:.3s}.message-send-section .hover-attachment:hover .add-attachment{display:block}.message-send-section .hover-image{position:relative;transition:.3s}.message-send-section .hover-image:hover .add-image{display:block}.message-send-section .hover-gift{position:relative;transition:.3s}.message-send-section .hover-gift:hover .add-gift{display:block}.message-send-section .message-type{display:flex;width:70%;height:40px;background-color:var(--search-bg);border-radius:50px;border:none;align-items:center}.message-send-section .message-type input{color:var(--text-color)}.message-send-section .message-type input::placeholder{color:var(--text-color)}.message-send-section .message-type .form-control{width:100%;padding-left:20px;border-bottom-left-radius:50px;border-top-left-radius:50px;background-color:transparent}.message-send-section .message-type label{font-size:20px;margin-right:5px;cursor:pointer}.message-send-section .emoji-section{width:200px;background-color:#0e131d;position:absolute;right:60px;bottom:50px;padding:6px;border-radius:8px 8px 0/8px 8px 0px;display:none}.message-send-section .emoji-section .emoji{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px}.message-send-section .emoji-section .emoji span{cursor:pointer;transition:all .3s}.message-send-section .emoji-section .emoji span:hover{font-size:20px}.message-send-section #emoji{display:none}.message-send-section #emoji:checked~.emoji-section{display:block}.friend-info{padding:12px 15px;display:flex;justify-content:start;height:100%;flex-direction:column}.friend-info .image-name{display:flex;justify-content:center;align-items:center;flex-direction:column}.friend-info .image-name .image{height:70px;width:70px;border-radius:50%;overflow:hidden;margin-bottom:5px}.friend-info .image-name .image img{width:100%;height:100%}.friend-info .image-name .active-user{color:#1bee1b;margin-bottom:3px}.friend-info .image-name .name h4{font-weight:600;color:var(--text-color);margin-bottom:16px}.friend-info .others{display:flex;flex-direction:column;margin:10px 0}.friend-info .others .custom-chat,.friend-info .others .privacy,.friend-info .others .media{display:flex;flex-direction:row;justify-content:space-between;margin:4px 0;color:var(--text-color);font-size:16px;cursor:pointer}.friend-info .others .custom-chat label,.friend-info .others .privacy label,.friend-info .others .media label{cursor:pointer}.friend-info .others .custom-chat h3,.friend-info .others .privacy h3,.friend-info .others .media h3{font-size:17px}.friend-info .others .custom-chat label,.friend-info .others .privacy label,.friend-info .others .media label{color:var(--text-color)}.friend-info .gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;overflow-y:auto;display:none;transition:all .5s}.friend-info .gallery::-webkit-scrollbar{display:none}.friend-info .gallery img{width:100%;height:100%}.friend-info #gallery{display:none}.friend-info #gallery:checked~.gallery{display:grid}*{margin:0;padding:0;box-sizing:border-box}:root{--text-white: #fff;--bg-color: #ffffff;--text-color: #050505;--icon-bg-color: #f5f5f5;--icon-color: #414141;--search-bg: #868e991a;--active-color: #bcbcc091;--active-icon-color: #5ad539;--hover-color: #bcbcc091;--border-color: #e5e5e5;--message-icon-color: #0099ff;--fd-message-bg: #e5e5e5;--my-message-bg: #0084ff;--my-message-color: #fff;--fd-message-color: #050505;--image-border-color: rgb(155, 153, 153);--theme-popup-bg: #696c6e;--webkit-scrollbar-track-bg: rgb(216, 211, 211);--webkit-scrollbar-thumb-bg: rgb(70, 68, 68);--webkit-scrollbar-bg: rgb(99, 95, 95)}.messenger.theme{--text-color: #fff;--bg-color: #141b2bf0;--border-color: #213156bf;--icon-bg-color: #0a0a1357;--active-color: #2b335591;--hover-color: #323a5c91;--fd-message-bg: #28324ed9;--my-message-bg: #28324ed9;--search-bg: #15162559;--text-white: #fff;--text-dark: #404040;--icon-color: #fff;--message-icon-color: #fff;--my-message-color: #fff;--fd-message-color: #fff;--active-icon-color: #5ad539;--image-border-color: #fff;--theme-popup-bg: #091b3d;--webkit-scrollbar-track-bg: rgb(99, 95, 95);--webkit-scrollbar-thumb-bg: rgb(170, 167, 167);--webkit-scrollbar-bg: rgb(99, 95, 95)}body{background-color:var(--bg-color);font-family:Roboto,sans-serif}a{text-decoration:none}li{list-style:none}.card{width:375px;padding:15px 20px;background-color:#141b2bd4;box-shadow:0 8px 25px #f5f0f0;border-radius:5px}.form-group{margin:10px 0;display:flex;flex-direction:column}.form-control{padding:12px;border:none;outline:none;background-color:#0a0e1585}.form-control::placeholder{color:#afa8a8;font-weight:400}label{margin-bottom:5px;color:#fff;font-weight:500}.btn{outline:none;color:#fff;text-transform:uppercase;text-align:center;background-color:#101a23eb;border:none;cursor:pointer}.submit_btn{background:transparent;border:none;color:#fff;text-transform:uppercase;cursor:pointer;width:100%;height:100%;padding:12px}@media (max-width: 1024px){.friend .friend-left-side{align-items:center}.friend .frd-img-list{height:36px!important;width:36px!important}.msg-info{font-size:12px}.msg-info span{padding-left:0!important}.msg-info .youMsg,.msg-info .frdMsg{display:flex;flex-direction:column;justify-content:flex-start}.others h3{font-size:15px!important}}@media (max-width: 768px){.my-message{width:90%}.my-message p{font-size:13px!important}.my-message p img{width:90%;height:150px!important}.fd-message .message-time{width:80%}.fd-message .message-time .fd-text{width:100%}.fd-message p{font-size:13px!important}.fd-message p img{width:90%;height:150px!important}#dot:checked~.row .col-8 .message-show .fd-message .fd-text{width:246px!important}}@media (max-width: 425px){.friend .friend-left-side{flex-direction:column;justify-content:center;align-items:center}.friend .friend-left-side .msg-info{display:none}.friend .message-text img{width:60px!important;height:91px!important}.top{flex-direction:column!important}.top .image-name{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px;margin-bottom:10px}.icons{font-size:15px!important}.icons .icon{width:20px!important;height:20px!important}.header .icons,.header .icons .icon{font-size:20px!important}.header .icons .icon .single_icon{font-size:25px!important}#dot:checked~.row .col-8 .message-show .fd-message .fd-text{width:200px!important}}@media (max-width: 375px){#dot:checked~.row .col-8 .message-show .fd-message .fd-text{width:5px!important}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}