@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap);: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:hsla(0,0%,100%,.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(90deg,#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{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--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{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.post-container{background:var(--background);display:flex;flex-direction:column;gap:10px;padding-bottom:5px;width:80%}.post-container .card{background:var(--bgbtn);border-radius:10px;box-shadow:none;color:var(--text-primary)}.post-container .card h4{font-family:var(--light);font-size:15px}.cardHeader{max-height:50px;overflow:hidden;position:relative;text-transform:capitalize}.cardHeader .sub{align-items:center;display:flex;gap:5px}.cardHeader .sub img{height:15px;object-fit:cover;width:15px}.cardHeader .sub img,.cardHeader>.icon{border-radius:50%;color:var(--text-primary)}.cardHeader>.icon{font-size:25px;max-height:60px;max-width:60px;min-height:60px;min-width:60px}.cardHeader .menu-head{background:var(--grey);border-radius:5px;box-shadow:1px 1px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:1px;height:40px;overflow:hidden;padding:5px;position:absolute;right:10px;top:4px;transition:all .5s;width:70px;z-index:0}.cardHeader .menu-head span{color:var(--text-primary);font-family:var(--fontlight);font-size:11px}.cardHeader .menu-head span:first-child:hover{color:var(--green);cursor:pointer}.cardHeader .menu-head span:last-child:hover{color:var(--red);cursor:pointer}.post-container .card .cardHeader .avatar{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.link{color:var(--text-primary)}.post-container .card .imageArray{grid-gap:5px;grid-template-rows:3fr 1fr}.post-container .card .imageArray,.post-container .card .imageArray1{display:grid;gap:5px;grid-template-columns:1fr;max-height:400px;width:100%}.post-container .card .imageArray1{grid-gap:5px;grid-template-rows:1fr}.post-container .card .imageArray .imageTop,.post-container .card .imageArray1 .imageTop{border-radius:2px;height:100%;overflow:hidden;width:100%}.post-container .card .imageArray .imageTop img{min-height:100%;object-fit:cover;width:100%}.post-container .card .imageArray .imageBot{align-items:center;display:flex;gap:5px;justify-content:center;max-height:150px;position:relative;width:100%}.post-container .card .imageArray .imageBot .image{border-radius:2px;height:100%;overflow:hidden;position:relative;width:33.33333%}.post-container .card .imageArray .imageBot .image:last-child .textImage{align-items:center;background:rgba(0,0,0,.3);border-radius:2px;color:#eee;display:flex;font-family:var(--fontlight);font-size:25px;font-weight:500;height:100%;justify-content:center;position:absolute;right:0;top:0;width:calc(33.33333% - 3px);width:100%;z-index:0}.post-container .card .imageArray .image img,.post-container .card .imageArray .image2 img{height:100%;object-fit:cover;width:100%}.post-container .card .imageArray .image2{border-radius:2px;height:100%;overflow:hidden;width:50%}.post-container .card .imageArray .only2,.post-container .card .imageArray1 .only2{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr;overflow:hidden}.post-container .card .imageArray .only2 img,.post-container .card .imageArray1 .only2 img{border-radius:2px;height:100%;object-fit:cover;width:100%}.post-container .card video{height:auto;object-fit:cover;width:100%}.card-action{color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--light);gap:5px;width:100%}.card-action .item{align-items:center;display:flex;justify-content:space-between;width:100%}.card-action .item>.icon{align-items:center;color:var(--text-primary);display:flex;font-size:20px;gap:5px;justify-content:center;padding:8px 2px;width:25%}.card-action .item>.liked{color:var(--green)}.card-action .item>.icon:hover{background:var(--bgbtn);border-radius:2px}.card-action .item .text{font-size:14px}.card-action .item .text,.col-head{align-items:center;display:flex;gap:10px}.col-head{background:var(--bgbtn);border-radius:10px;margin-bottom:10px;padding:5px 10px;position:relative}.card .col-head img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.card .col-head input{border:none;color:var(--text-primary);flex-grow:1;font-family:var(--fontlight);font-size:15px;padding:0 40px 0 0}.card .col-head .send{color:var(--text-primary);cursor:pointer;font-size:25px;position:absolute;right:15px;top:30%}.card .col-feet{display:flex;flex-direction:column;gap:15px;max-height:150px;overflow:auto;padding-left:50px}.card .col-feet .comment{display:flex;flex-grow:1;gap:10px}.card .col-feet .comment img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.card .col-feet .comment .text{display:flex;flex-direction:column;flex-grow:1;gap:2px;justify-content:space-between}.card .col-feet .comment .text span{color:var(--text-primary);font-family:var(--fontlight);font-size:15px}.card .col-feet .comment .text small{color:var(--text-primary);font-family:var(--fontlight);font-size:10px}@media(max-width:720px){.post-container{width:100%}}.emoji-panel{background-color:var(--background);border-radius:5px;box-shadow:1px 1px 12px rgba(0,0,0,.4);padding:5px;width:300px;z-index:10}.emoji-panel.left{left:0;position:absolute;top:30px}.emoji-panel.right{bottom:30px;position:absolute;right:10px}.emoji-panel__heading{background-color:var(--background);display:flex;justify-content:space-between}.emoji-panel__body{max-height:250px;overflow:auto}.emoji-panel__btn{background:none;border:none;cursor:pointer;font-size:20px;padding:2px}.active{border-bottom:3px solid #0ac5fe}.story-cont{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.story-cont>.container{background:var(--background);border-radius:5px;padding:10px;position:relative;width:40%}.story-cont>.container .header{align-items:center;display:flex;gap:5px;height:40px;width:100%}.story-cont>.container .header img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.story-cont>.container .header span{color:var(--text-primary);font-family:var(--fontlight);font-size:15px;text-transform:capitalize}.story-cont>.container .close{align-items:center;background:var(--bgbtn);border-radius:50%;color:var(--red);cursor:pointer;display:flex;font-size:25px;justify-content:center;max-height:30px;max-width:30px;min-height:30px;min-width:30px;position:absolute;right:5px;top:5px}.story-cont>.container .contents{align-items:center;display:flex;flex-direction:column;gap:5px;width:100%}.story-cont>.container .contents input{border:1px solid var(--bgbtn);border-radius:0;color:var(--text-primary);font-family:var(--fontlight);font-size:15px;padding:10px;text-transform:capitalize;width:100%}.story-cont>.container .contents .images{align-items:center;display:flex;height:120px;overflow:hidden;width:100%}.story-cont>.container .contents .images img{height:100%;object-fit:cover;width:20%}.story-cont>.container .contents span{border:1px dashed var(--green);color:var(--text-primary);cursor:pointer;font-family:var(--fontlight);font-size:15px;padding:10px 5px;text-align:center;width:100%}.story-cont>.container .contents button{background:transparent;border:1px solid var(--green);border-radius:2px;color:var(--text-primary);font-family:var(--fontlight);font-size:100%;height:40px;text-transform:uppercase;transition:all .5s ease-in-out;width:20%}.story-cont>.container .contents button:hover{background:var(--green);color:var(--white);cursor:pointer}.add-container{display:flex;flex-direction:column;gap:10px;width:80%}.add-header{display:flex;gap:10px;height:160px;max-width:550px;position:relative;width:100%}.add-card{background:var(--grey);border-radius:10px;height:100%;overflow:hidden;position:relative;width:20%}.story{border-radius:50%;height:35px;left:10px;overflow:hidden;position:absolute;top:10px;width:35px}.story img{background:var(--background);border:2px solid var(--background);border-radius:50%;height:100%;object-fit:cover;width:100%}.card-icon{color:var(--text-primary);cursor:pointer;font-size:30px}.story-icon{background:var(--green);border-radius:50%;color:var(--white);height:40px;left:30%;top:40%;width:40px}.story-icon,.story-text{align-items:center;display:flex;justify-content:center;position:absolute}.story-text{bottom:10px;color:var(--text-primary);font-family:var(--light);font-size:18px;width:100%}.story-img{height:100%;object-fit:cover;width:100%}.story-see{align-items:center;background:var(--grey);border:2px solid var(--background);border-radius:50%;color:var(--text-primary);display:flex;height:40px;justify-content:center;position:absolute;right:-20px;top:60px;width:40px;z-index:0}.add-bottom{background:var(--bgbtn);border-radius:10px;height:120px;padding:10px;width:100%}.bottom-header{border-bottom:1px solid var(--bgbtn);display:flex;gap:15px;position:relative;width:100%}.bottom-header img{border-radius:50%;left:5px;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover;position:absolute;top:10px}.bottom-header textarea{background:var(--bgbtn);border:none;color:var(--text-primary);flex-grow:1;font-family:var(--fontlight);font-size:15px;height:85%;padding:10px 10px 10px 45px;resize:none;width:100%}.bottom-header textarea:focus{outline:none}.bottom-footer{height:40%;justify-content:space-between;padding-left:50px;width:100%}.bottom-footer,.footer-left{align-items:center;display:flex}.footer-left{gap:15px}.video-image{align-items:center;cursor:pointer;position:relative}.video-image,.video-image .emoji{display:flex;gap:5px}.video-image .share-icon{color:tomato;display:inline;font-size:18px}.share-text{display:inline}.btn-share,.share-text{color:var(--text-primary);font-family:var(--fontlight)}.btn-share{background:transparent;border:1px solid var(--green);border-radius:5px;height:30px;transition:all .5s;width:80px}.btn-share:hover{background:var(--green);color:var(--white);cursor:pointer}.btn-share:disabled{cursor:not-allowed}@media(max-width:720px){.add-container{width:100%}.share-text{display:none}.add-header{max-height:100px;max-width:350px}.story-see{height:30px;right:-15px;top:30%;width:30px}.story-text{bottom:10px;color:var(--text-primary);font-size:10px;font-weight:500;width:100%}.story-icon,.story-text{align-items:center;display:flex;justify-content:center}.story-icon{background:var(--green);color:var(--white);left:30%;top:50%}.story,.story-icon{border-radius:50%;height:25px;width:25px}.story{left:10px;overflow:hidden;position:absolute;top:10px}}.left-container{height:calc(100vh - 3em);left:0;min-width:20%;overflow-y:auto;position:fixed}.left-container ul{width:100%}.left-container ul li{align-items:center;color:var(--text-primary);display:flex;font-family:var(--fontlight);gap:20px;line-height:50px;list-style:none;padding-left:20px;position:relative;width:100%}.left-container ul li span:first-child{font-size:20px}.left-container ul li span:last-child{width:100%}.left-container ul li:hover{background:var(--background);color:var(--green);cursor:pointer}.left-container ul li:hover:after{background:var(--green);content:"";height:100%;left:0;position:absolute;width:6px}.left-container ul li .active{background:var(--background);color:var(--green);height:100%;width:100%}.left-container ul li .active:after{background:var(--green);content:"";height:100%;left:0;position:absolute;width:6px}.link{display:contents;gap:10px;text-decoration:none}.link:hover{color:var(--green)}@media(max-width:920px){.left-container{display:none}}.call{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.call>.container{background:var(--background);border-radius:5px;height:70%;overflow:hidden;position:relative;width:60%}.call>.container .me{border:1px solid var(--bgbtn);border-radius:5px;left:15px;overflow:hidden;padding:0;position:absolute;top:15px;z-index:1}.call>.container .me video{object-fit:contain;width:120px}.call>.container .friend{height:100%;overflow:hidden;width:100%}.call>.container .friend video{height:100%;object-fit:cover;width:100%;z-index:0}.call>.container .action{align-items:center;bottom:15px;display:flex;gap:10px;height:50px;justify-content:center;position:absolute;width:100%}.call>.container .action span{align-items:center;background:var(--bgbtn);border-radius:50%;cursor:pointer;display:flex;font-size:25px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px}.call>.container .action .mic,.call>.container .action .video{color:var(--green)}.call>.container .action .end{color:var(--red)}.call>.container .close{align-items:center;background:var(--bgbtn);border-radius:50%;color:var(--red);cursor:pointer;display:flex;font-size:25px;justify-content:center;max-height:35px;max-width:35px;min-height:35px;min-width:35px;position:absolute;right:5px;top:5px;z-index:10}.box-message{background:var(--grey);border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;box-shadow:1px 5px 50px 11px rgba(0,0,0,.2);-webkit-box-shadow:1px 5px 50px 11px rgba(0,0,0,.2);-moz-box-shadow:1px 5px 50px 11px rgba(0,0,0,.2);flex-direction:column;height:450px;position:fixed;right:25px;width:350px;z-index:10}.box-message,.box-message .box-header{display:flex;justify-content:space-between}.box-message .box-header{align-items:center;border-bottom:1px solid var(--bgbtn);height:60px;padding:10px 5px;width:100%}.box-message .box-header .header-left{align-items:center;display:flex;gap:10px}.box-message .box-header .header-left img{border-radius:50%;height:40px;object-fit:cover;width:40px}.box-message .box-header .header-left .userInfo{display:flex;flex-direction:column;font-family:var(--fontlight)}.box-message .box-header .header-left .userInfo small{color:var(--greyscale);font-size:12px}.box-message .box-header .header-left .userInfo span{color:var(--text-primary);font-size:15px}.box-message .box-header .header-right{align-items:center;color:var(--text-primary);display:flex;gap:5px}.box-message .box-header .header-right span:hover{cursor:pointer}.box-message .box-middle{display:flex;flex-direction:column;flex-grow:1;gap:5px;overflow-x:hidden;overflow-y:auto;padding:5px;position:relative;width:100%}.box-message .box-middle .friend{align-items:flex-end;display:flex;gap:10px;justify-content:flex-start;max-height:200px;max-width:100%;position:relative;width:100%}.box-message .box-middle .friend .avatar{border-radius:50%;max-height:30px;max-width:30px;min-height:30px;min-width:30px;object-fit:cover}.box-message .box-middle .friend .ms-contents{background:#7a7a7a;border-radius:5px;color:var(--white);font-weight:500;max-width:60%;min-height:30px;position:relative}.box-message .box-middle .friend .ms-contents>span{padding:5px;width:100%}.box-message .box-middle .friend .ms-contents:before{background:#7a7a7a;bottom:8px;content:"";height:8px;left:-4px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px;z-index:0}.box-message .box-middle .me{display:flex;gap:5px;justify-content:flex-end;max-height:200px;padding-right:10px;position:relative;width:100%}.box-message .box-middle .me .owner{display:flex;flex-direction:column;max-width:60%}.box-message .box-middle .me .owner .ms-contents{background:var(--green);border-radius:5px;color:var(--white);min-height:30px;position:relative}.box-message .box-middle .me .owner .ms-contents:before{background:var(--green);bottom:8px;content:"";height:8px;position:absolute;right:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px;z-index:0}.box-message .box-middle .me .owner small{color:var(--text-primary);font-family:var(--light);font-size:10px;padding-top:5px;text-align:right;width:100%}.box-message .box-footer{align-items:center;background:var(--bgbtn);color:var(--text-primary);display:flex;gap:5px;overflow:hidden;padding:10px 5px;width:100%}.box-message .box-footer span:hover{cursor:pointer}.box-message .box-footer textarea{background:transparent;border:1px solid var(--bgbtn);border-radius:5px;color:var(--text-primary);flex-grow:1;font-family:var(--fontlight);font-size:14px;height:35px;max-height:150px;overflow:auto;padding:5px;resize:block;resize:none}.box-message .box-footer textarea::-webkit-scrollbar{width:0}.box-message .box-footer textarea:focus{outline:none}.right-container{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 3em);min-width:20%;padding:10px;position:fixed;right:0}.right-container .right-top{display:flex;flex-direction:column;max-height:100px;width:100%}.top-text{align-items:center;border-bottom:1px solid var(--bgbtn);display:flex;flex-wrap:wrap;justify-content:space-between}.top-text .text-left{color:var(--text-primary);font-family:var(--fontlight)}.top-text .text-right{color:var(--green);cursor:pointer;font-family:var(--fontlight)}.right-container .request{align-items:center;display:flex;gap:10px;margin-bottom:20px}.right-container .request img{border-radius:50px;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.right-container .request .action{display:flex;flex-direction:column;gap:10px}.right-container .request .action .text{color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--fontlight);gap:2px}.right-container .request .action .button{align-items:center;display:flex;gap:15px}.right-container .request .action .button .accept{border:1px solid var(--green);border-radius:2px;color:var(--green)}.right-container .request .action .button .accept,.right-container .request .action .button .refused{align-items:center;background:transparent;cursor:pointer;display:flex;font-size:20px;height:40;justify-content:center;transition:.5s;width:50px}.right-container .request .action .button .refused{border:1px solid var(--red);border-radius:2px;color:var(--red)}.right-container .request .action .button .accept:hover{background:var(--green);color:var(--white)}.right-container .request .action .button .refused:hover{background:var(--red);color:var(--white)}.right-container .right-feet{display:flex;flex-direction:column;gap:10px;height:100%}.right-container .right-feet .contact{display:flex;flex-direction:column;flex-grow:1;width:100%}.right-container .right-feet .contact .online-friend{align-items:center;display:flex;gap:5px;height:40px;padding:5px;width:100%}.right-container .right-feet .contact .online-friend:hover{background:var(--bgbtn);cursor:pointer}.right-container .right-feet .contact .online-friend span{color:var(--text-primary);font-family:var(--fontlight);font-size:15px}.right-container .right-feet .contact .online-friend .avatar{position:relative}.right-container .right-feet .contact .online-friend .avatar small{background:var(--green);border-radius:50%;bottom:5px;height:8px;position:absolute;right:0;width:8px}.right-container .right-feet .contact .online-friend .avatar img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.right-container>.right-feet>.other-link{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-family:var(--fontlight);font-size:12px;gap:5px;justify-content:center;text-decoration:none}@media(max-width:920px){.right-container{display:none}}.weather{background:var(--bgbtn);flex-direction:column;min-height:100vh;padding:10px}.weather,.weather>.header{align-items:center;display:flex;width:100%}.weather>.header{gap:10px;max-height:10%}.weather>.header span{align-items:center;color:var(--text-primary);display:flex;font-family:var(--fontlight);font-size:25px;gap:5px}.weather>.header .btn{transition:all .5s ease-in-out}.weather>.header .btn:hover{color:var(--green);cursor:pointer}.weather>.middle{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--fontlight);width:60%}.weather>.middle .times{font-family:var(--light);font-size:15px}.weather>.middle .contry{font-size:20px;padding:15px 0}.weather>.middle .details{align-items:center;display:flex;gap:20px}.weather>.middle .temp{font-size:50px}.weather>.middle .details .right{display:flex;flex-direction:column;font-family:var(--light)}.weather>.middle .feet{color:var(--text-primary);gap:5px}.weather>.middle .feet,.weather>.middle .feet span{align-items:center;display:flex}.weather>.middle .feet small{font-family:var(--light)}.weather>.footer{display:flex;flex-direction:column;gap:5px;width:60%}.weather>.footer .head{border-bottom:1px solid var(--text-primary);padding:20px 5px 5px;width:100%}.weather>.footer .head span{color:var(--text-primary);font-family:var(--fontlight);font-size:13px}.weather>.footer .contents{align-items:center;color:var(--text-primary);display:flex;justify-content:space-between}.weather>.footer .contents .items{align-items:center;display:flex;flex-direction:column}.weather>.footer .contents .items small{font-family:var(--light)}.weather>.footer .contents .items img{width:35px}.weather>.loader{color:var(--text-primary)}@media(max-width:720px){.weather>.footer,.weather>.middle{width:100%}}.perso-container{height:100%}.perso-container,.perso-header{display:flex;flex-direction:column;position:relative;width:100%}.perso-header{background:var(--bgbtn);border-radius:10px;justify-content:space-between;max-height:300px;min-height:300px;overflow:hidden}.perso-header .header-top{height:70%;position:relative;width:100%}.perso-header .header-top img{height:100%;object-fit:cover;width:100%}.perso-header .header-top>.avatar{bottom:-50px;height:130px;left:30px;position:absolute;width:130px}.perso-header .header-top>.avatar .avatar-relative{height:100%;position:relative;width:100%}.perso-header .header-top>.avatar .avatar-relative img{background:var(--background);border-radius:50%;height:100%;object-fit:cover;width:100%}.perso-header .header-top>.avatar .avatar-relative>span{border-radius:50%;bottom:8px;font-size:15px;right:6px}.perso-header .header-top .mur-badge,.perso-header .header-top>.avatar .avatar-relative>span{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;width:30px}.perso-header .header-top .mur-badge{bottom:5px;padding:0;right:5px}.personal-tab ul{display:flex}.personal-tab ul li{align-items:center;color:var(--text-primary);display:flex;font-family:var(--fontlight);justify-content:center;line-height:20px;list-style:none;padding:5px;position:relative}.personal-tab ul li:hover:before{background:var(--green);bottom:0;content:"";height:2px;position:absolute;width:100%}.perso-footer{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 2fr;margin-bottom:10px;margin-top:10px;width:100%}.perso-footer .footer-left{align-items:center;background:var(--bgbtn);border-radius:10px;display:flex;flex-direction:column;gap:5px;height:auto;padding:5px 10px}.perso-footer .footer-left,.perso-footer .footer-left>.top{color:var(--text-primary);font-family:var(--fontlight);width:100%}.perso-footer .footer-left>.top{border-bottom:1px solid var(--bgbtn);line-height:40px}.perso-footer .footer-left>.text{color:var(--text-primary);font-family:var(--fontlight);width:100%}.perso-footer .footer-left>.input-data{align-items:center;display:flex;gap:2px;padding:0 10px;width:100%}.perso-footer .footer-left>.input-data input{color:var(--text-primary);font-family:var(--fontlight);font-size:small;padding:5px}.perso-footer .footer-left>.input-data textarea{background:transparent;border:1px solid var(--bgbtn);color:var(--text-primary);flex-grow:1;font-family:var(--fontlight);font-size:smaller;height:auto;padding:5px}.perso-footer .footer-left>.input-data textarea:focus{outline:none}.perso-footer .footer-left>.input-data span{color:var(--text-primary);cursor:pointer;font-family:var(--fontlight);font-size:large;padding:5px;-webkit-transform:rotate(105deg);transform:rotate(105deg)}.perso-footer .footer-left>.input-data span:hover{color:var(--green)}.perso-footer .footer-left>.input-data button{background:transparent;border:none;color:var(--text-primary);font-family:var(--fontlight);font-size:larger;padding:5px}.perso-footer .footer-left>.input-data button:hover{color:var(--green);cursor:pointer}.perso-footer .footer-left>.input-data small{color:var(--greyscale);flex-grow:1}.perso-footer .footer-right{border-radius:10px;height:auto;overflow:auto;padding:5px 10px;width:100%}@media(max-width:720px){.perso-footer{grid-template-columns:repeat(1,1fr)}}.messenger{display:flex;flex-direction:column;height:calc(100vh - 3em);position:relative}.messenger .top{display:flex;flex-direction:row;gap:5px;height:10%;overflow:auto;visibility:hidden;width:100%}.messenger .top .avatar{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;position:relative}.messenger .top .avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.messenger .top .avatar small{background:var(--green);border:1px solid var(--background);border-radius:50%;bottom:2px;height:8px;position:absolute;right:2px;width:8px}.messenger .bottom{display:flex;flex-direction:column;flex-grow:1;max-height:98%;width:100%}.messenger .bottom .header{align-items:center;background:var(--bgbtn);display:flex;flex-direction:row;height:10%;justify-content:space-between;padding:5px;width:100%}.messenger .bottom .header .left,.messenger .bottom .header .right{align-items:center;display:flex;gap:5px;height:100%}.messenger .bottom .header .left img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.messenger .bottom .header .left span{color:var(--text-primary);font-family:var(--fontlight);font-size:16px}.messenger .bottom .contents{border:1px solid var(--bgbtn);display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:5px;position:relative;width:100%}.messenger .bottom .contents .friend-ms{border-radius:5px;display:flex;gap:10px;justify-content:flex-start;margin:5px 10px;max-height:200px;max-width:100%;position:relative;width:100%}.messenger .bottom .contents .friend-ms .friand-avatar{align-items:flex-end;display:flex;height:100%;justify-content:center;max-width:35px;min-width:35px}.messenger .bottom .contents .friend-ms .friand-avatar img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.messenger .bottom .contents .friend-ms .chat-friend{background:var(--grey);border-radius:5px;display:flex;flex-direction:column;max-height:200px;max-width:50%;min-height:40px;min-width:10%;padding:2px 7px;position:relative}.messenger .bottom .contents .friend-ms .chat-friend .timestamp{color:var(--text-primary);font-display:flex;font-family:var(--fontlight);font-size:10px;justify-content:flex-end;max-height:15px;text-align:right;width:100%}.messenger .bottom .contents .friend-ms .chat-friend:after{background:var(--grey);bottom:10px;content:"";height:8px;left:-3.5px;position:absolute;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:8px}.messenger .bottom .contents .owner-ms{border-radius:5px;display:flex;gap:10px;justify-content:flex-end;margin:5px 10px;max-height:200px;position:relative;width:100%}.messenger .bottom .contents .owner-chat{background:var(--green);border-radius:5px;color:var(--text-primary);display:flex;flex-direction:column;margin-right:25px;max-height:200px;max-width:50%;min-height:40px;min-width:10%;padding:2px 7px;position:relative}.messenger .bottom .contents .owner-chat .timestamp{color:var(--white);font-display:flex;font-family:var(--fontlight);font-size:10px;justify-content:flex-end;max-height:15px;text-align:left;width:100%}.messenger .bottom .contents .chat-friend .contents-flex,.messenger .bottom .contents .owner-chat .contents-flex{display:flex;flex-direction:column;flex-grow:1;gap:5px;overflow-y:auto;width:100%}.messenger .bottom .contents .chat-friend .contents-flex span{color:var(--text-primary);font-family:var(--light);font-size:15px}.messenger .bottom .contents .chat-friend .contents-flex img{max-height:150px;object-fit:cover;width:100%}.messenger .bottom .contents .owner-ms .owner-chat .contents-flex span{color:var(--white);font-family:var(--light);font-size:15px}.messenger .bottom .contents .owner-ms .owner-chat .contents-flex img{max-height:150px;object-fit:cover;width:100%}.messenger .bottom .contents .owner-chat:before{background:var(--green);bottom:10px;content:"";height:8px;position:absolute;right:-3.5px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:8px}.messenger .bottom .bot{align-items:center;background:var(--bgbtn);display:flex;flex-direction:row;gap:5px;height:15%;padding:5px;width:100%}.ms-icon{align-items:center;border-radius:50%;color:var(--text-primary);display:flex;font-size:30px;height:40px;justify-content:center;width:40px}.ms-icon:hover{background:var(--bgbtn);cursor:pointer}.messenger .bottom .bot textarea{background:transparent;border:1px solid var(--bgbtn);color:var(--text-primary);flex-grow:1;font-family:var(--fontlight);font-size:15px;height:100%;padding:5px}.messenger .bottom .bot textarea:focus{outline:none}@media(max-width:720px){.messenger .top{visibility:visible}.messenger .bottom{max-height:90%;width:100%}}.profiles{align-items:center;gap:10px;height:100%}.profiles,.profiles .top{display:flex;flex-direction:column;position:relative;width:100%}.profiles .top{background:var(--bgbtn);border-radius:10px;gap:5px;height:300px;justify-content:space-between;min-height:300px;overflow:hidden}.profiles .top .mur{height:65%;width:100%}.profiles .top .mur img{height:100%;object-fit:cover;width:100%}.profiles .top .avatar{border:2px solid var(--background);border-radius:50%;height:120px;left:5%;overflow:hidden;position:absolute;top:40%;width:120px}.profiles .top .avatar img{background:var(--background);height:100%;object-fit:cover;width:100%}.profiles .top .action{display:flex;flex-direction:column;gap:5px;height:30%;width:100%}.profiles .top .action .left{flex-grow:1;width:100%}.profiles .top .action .right{display:flex;gap:10px;height:40%;justify-content:flex-end;padding-right:10px;width:100%}.profiles .top .action .right span{align-items:center;border:1px solid var(--green);color:var(--text-primary);display:flex;font-size:23px;height:100%;justify-content:center;padding:5px 10px;transition:all .5s;width:10%}.profiles .top .action .right span:hover{background:var(--green);color:var(--white);cursor:pointer}.profiles .top .action .left ul{align-items:flex-end;display:flex;gap:10px;height:100%;margin-left:10px;width:100%}.profiles .top .action .left ul li{color:var(--text-primary);font-family:var(--fontlight);font-size:16px;line-height:40px;list-style:none;padding:0 3px;position:relative;text-align:center;transition:all .2s}.profiles .top .action .left ul li:hover:after{background:var(--green);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.profiles .top .action .left ul li .active,.profiles .top .action .left ul li:hover{color:var(--green)}.profiles .top .action .left ul li .active:after{background:var(--green);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.profiles .contents{grid-gap:10px;display:grid;flex-grow:1;gap:10px;grid-template-columns:1fr 2fr;margin-bottom:10px;width:100%}.profiles .contents .left{background:var(--bgbtn);border-radius:10px;display:flex;flex-direction:column;padding:5px 2px;width:100%}.profiles .contents .left span{color:var(--text-primary);font-family:var(--light);font-size:15px;padding:5px 3px;text-overflow:auto;width:100%}.profiles .contents .left .about{border-bottom:1px solid var(--bgbtn);width:100%}.profiles .contents .right{display:flex;flex-direction:column;flex-grow:1;gap:5px}@media(max-width:720px){.profiles .contents{grid-template-columns:repeat(1,1fr)}}.det-prod{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}.card-left,.det-prod{position:relative;width:100%}.card-left{background:var(--background);box-shadow:0 7px 25px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden}.cardHeader h2{color:var(--green);font-weight:600}.cardHeader{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.cardHeader .seller-contact{align-items:center;display:flex;gap:15px}.cardHeader .seller-contact img{border-radius:50%;height:35px;object-fit:cover;width:35px}.card-right{background:var(--background);box-shadow:0 7px 25px rgba(0,0,0,.08);color:var(--text-primary);height:100%;padding:5px;position:relative;width:100%}.card-right .return{color:var(--red);cursor:pointer;font-size:20px;font-weight:500;margin-bottom:20px}.card-left img{height:350px;object-fit:cover;width:100%}.card-left .pic-bottom{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);overflow:hidden;padding:5px;width:100%}.card-left .pic-bottom img{height:100px;object-fit:cover}.card-right h3{font-weight:500}.rights{align-items:center;display:flex;text-transform:capitalize}.categories{display:block}.rights img{border-radius:50%;height:40px;margin-left:5px;object-fit:cover;width:40px}.quantity{align-items:center;border:1px solid var(--green);border-radius:20px;display:flex;flex-direction:row;font-size:20px;justify-content:space-between;margin-top:10px;max-height:30px;padding:5px;position:relative;width:100px}.quantity span{cursor:pointer;font-size:30px;font-weight:600;margin:10px}.quantity input{background:transparent;border:none;color:var(--text-primary);font-size:22px;font-weight:600;padding:0;pointer-events:none;width:15px}.minus{color:var(--red)}.plus{color:#0298ee}.rating{align-items:center;color:#ffd513;display:flex}.grey,.rating{font-size:20px}.grey{color:#ccc}.btn-action{grid-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:10px}.btn-action button{background:transparent;border:1px solid var(--green);border-radius:5px;color:var(--text-primary);font-size:15px;font-weight:500;padding:5px;width:150px}.btn-action button:hover{background:var(--green);color:var(--white);cursor:pointer}@media(max-width:768px){.det-prod{grid-gap:10px;grid-template-columns:repeat(1,1fr);max-width:100%}.categories{visibility:hidden}.btn-action{grid-template-columns:repeat(1,1fr)}}.product{grid-gap:5px;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;position:relative;width:100%}.product .card{background-color:var(--grey);box-shadow:0 7px 25px rgba(0,0,0,.08);max-height:280px;min-height:280px;width:100%}.product .card .imgBox{max-height:200px;min-height:200px;overflow:hidden;position:relative;width:100%}.product .card .imgBox img{height:100%;left:0;object-fit:cover;position:absolute;top:0;-webkit-transform-origin:right;transform-origin:right;transition:.5s ease-in-out;width:100%}.product .card:hover .imgBox img{-webkit-transform:scale(1.5);transform:scale(1.5)}.product .card .imgBox .action{position:absolute;right:10px;top:10px}.product .card .imgBox .action li{align-items:center;background:#d3d3d3;color:#219083;cursor:pointer;display:flex;height:40px;justify-content:center;list-style:none;margin:4px;position:relative;-webkit-transform:translateX(60px);transform:translateX(60px);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:40px}.product .card .imgBox .action li:nth-child(2){transition-delay:.15s}.product .card .imgBox .action li:nth-child(3){transition-delay:.3s}.product .card:hover .imgBox .action li{-webkit-transform:translateX(0);transform:translateX(0)}.product .card .imgBox .action li span:before{background:#219083;content:"";height:8px;position:absolute;right:-4px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:8px}.product .card .imgBox .action li:hover{background-color:#219083;color:#d3d3d3}.product .card .imgBox .action li span{background-color:#219083;border-radius:4px;-webkit-columns:#333;column-count:#333;font-size:12px;font-weight:500;opacity:0;padding:3px 6px;pointer-events:none;position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%) translateX(-20px);transform:translateY(-50%) translateX(-20px);transition:.5s;white-space:nowrap}.product .card .imgBox .action li small{color:var(--green)}.product .card .imgBox .action li:hover small{color:var(--white)}.product .card .imgBox .action li:hover span{opacity:1;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}.product .card .content{padding:10px}.product .card .content .productName h3{color:var(--white);font-size:18px;font-weight:500;margin:5px 0;text-align:center}.product .card .content .price{align-items:center;display:flex;justify-content:space-between}.product .card .content .price h2{color:var(--white);font-size:20px}.product .card .content .price .rating{align-items:center;color:#ffd513;display:flex;font-size:15px}.product .card .content .price .rating .grey{color:#ccc;font-size:15px}@media(max-width:720px){.product{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:60px}}.manage{display:flex;flex-direction:column;gap:5px;height:100%;padding:5px;width:100%}.manage .header{align-items:center;background:var(--bgbtn);display:flex;justify-content:space-between;min-height:40px;padding:5px 10px;position:-webkit-sticky;position:sticky;width:65%}.manage .header span{color:var(--text-primary);font-family:var(--fontlight)}.manage .middle{grid-gap:5px;background:var(--bgbtn);border-radius:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);width:100%}.manage .middle .left,.manage .middle .right{align-items:center;display:flex;flex:100% 1;flex-direction:column;gap:5px;padding:5px}.manage .middle .left input{border:1px solid var(--bgbtn);border-radius:0;height:30%}.manage .middle .left input,.manage .middle .left textarea{color:var(--text-primary);font-family:var(--textlight);font-size:15px;padding:5px;width:100%}.manage .middle .left textarea{background:transparent;border:1px solid var(--bgbtn);height:40%}.manage .middle .left textarea:focus{outline:none}.manage .middle .right .drag-drop{align-items:center;border:1px dashed var(--green);display:flex;flex-direction:column;gap:10px;height:40%;justify-content:center;width:100%}.manage .middle .right .drag-drop span{color:var(--green);font-family:var(--textlight);font-size:20px}.manage .middle .right .drag-drop span:last-child{font-size:40px}.manage .middle .right .pic{align-items:center;display:flex;flex-direction:row;gap:1px;height:40%;width:100%}.manage .middle .right .pic img{height:100%;object-fit:cover;width:19.60784%}.manage .middle .right button{background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--textlight);font-size:15px;height:16%;transition:all .5s;width:35%}.manage .middle .right button:hover{background:var(--green);color:var(--white);cursor:pointer}.manage .bottom{display:flex;flex-direction:column;flex-grow:1;overflow:auto;width:100%}.manage .bottom label{position:relative;width:30%}.manage .bottom label input{border:none;border-bottom:1px solid var(--green);border-radius:0;color:var(--text-primary);font-family:var(--fontlight);font-size:15px;padding:10px 10px 10px 30px}.manage .bottom label span{color:var(--text-primary);font-size:25px;left:0;position:absolute;top:28%}.manage .bottom table{width:100%}.manage .bottom table tbody tr img{height:100px;object-fit:cover;width:100px}.manage .bottom table tbody tr th{text-align:left}.manage .bottom table tbody tr .desc{display:flex;flex-direction:column;gap:5px}.manage .bottom table tbody tr .desc span{color:var(--text-primary);font-family:var(--fontlight);font-size:15px;text-align:left;width:100%}.manage .bottom table tbody tr .action{display:flex;gap:10px}.manage .bottom table tbody tr .action span{color:var(--text-primary);font-size:25px}.manage .bottom table tbody tr .action span:first-child:hover{color:var(--green);cursor:pointer}.manage .bottom table tbody tr .action span:last-child:hover{color:var(--red);cursor:pointer}.cart{display:flex;flex-direction:column;gap:10px;height:98%;margin-top:10px;position:relative;width:100%}.cart .cart-header{align-items:center;background:var(--bgbtn);display:flex;justify-content:space-between;max-height:70px;max-width:65%;min-width:60%;padding:10px}.cart .cart-header span:last-child{color:var(--text-primary);font-family:var(--fontlight);font-size:15px}.cart .cart-header span:last-child:hover{color:var(--green);cursor:pointer}.cart .contents{flex-grow:1;overflow:auto;width:100%}.cart .contents table{color:var(--text-primary);font-family:var(--fontlight);font-size:13px;font-weight:lighter;width:100%}.cart .contents table img{max-height:80px;max-width:80px;min-height:80px;min-width:80px;object-fit:cover}.cart .contents table .prod-desc{align-items:center;display:flex;flex-direction:column;gap:5px}.cart .contents table .red{color:var(--red)}.shop-container{background:var(--background);height:100vh;position:relative;width:100%}.shop-container>.shop-menu{align-items:center;background:var(--background);border:1px solid var(--green);border-radius:5px;display:flex;gap:10px;justify-content:space-between;max-height:50px;min-height:50px;min-width:25%;padding:5px;position:absolute;right:0;top:0;z-index:1}.shop-container .shop-menu .label-menu{position:relative}.shop-container .shop-menu .label-menu .dropdown{cursor:default;position:absolute;right:45px;top:-10px;transition:all .5s ease-in;z-index:0}.shop-container .shop-menu .label-menu .dropdown .menu-list{background:var(--grey);border-radius:5px;box-shadow:1px 1px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:10px;height:125px;padding:10px;position:relative;width:200px}.shop-container .shop-menu .label-menu .dropdown .menu-list:after{background:var(--grey);content:"";height:15px;position:absolute;right:-7px;top:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:15px}.flag,.shop-container .shop-menu .label-menu .dropdown .menu-list .icon-text{color:var(--text-primary);font-family:var(--fontlight);font-size:15px}@media(max-width:720px){.shop-container .shop-menu{width:100%}}.lists{display:flex;flex-wrap:wrap;gap:15px;min-height:100vh;width:100%}.list-card{display:flex;flex-direction:column;gap:5px;height:190px;width:230px}.list-card .link{text-decoration:none}.list-card:hover{background:var(--bgbtn);cursor:pointer}.list-card .thumbnail{height:70%;width:100%}.list-card .thumbnail video{height:100%;object-fit:cover;width:100%}.list-card .vid-description{align-items:center;display:flex;gap:5px;padding:0 5px;width:100%}.list-card .vid-description img{border-radius:50%;max-height:30px;max-width:30px;min-height:30px;min-width:30px;object-fit:cover}.list-card .vid-description>div{display:flex;flex-direction:column;font-family:var(--fontlight)}.list-card .vid-description>div span{color:var(--text-primary);display:inline-block;overflow:hidden;text-overflow:ellipsis;width:190px}.list-card .vid-description>div small{color:var(--greyscale);font-size:12px}.menu-container{background:var(--grey);border-radius:5px;box-shadow:1px 1px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding:5px;position:fixed;right:10px;top:3.5em;width:200px}.menu-container .userMenu{align-items:center;border-bottom:1px solid var(--bgbtn);display:flex;gap:10px;padding-bottom:5px}.menu-container .userMenu:hover{cursor:pointer}.menu-container .userMenu img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.menu-container .userMenu .userName{color:var(--text-primary);display:flex;flex-direction:column}.menu-container .userMenu .userName>span{font-family:var(--fontlight);font-size:15px}.menu-container .userMenu .userName>small{font-family:var(--light);font-size:10px}.menu-container>.textIcon{align-items:center;display:flex;gap:10px}.menu-container>.textIcon:hover{cursor:pointer}.menu-container>.textIcon .icon{align-items:center;color:var(--text-primary);display:flex;font-size:25px;height:35px;justify-content:center}.menu-container>.textIcon .text{color:var(--text-primary);font-family:var(--fontlight);font-size:15px}@media(max-width:720px){.menu-container{height:100vh;right:0;width:100vw}}.modal{background:rgba(0,0,0,.2);height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:10}.modal,.modal>.container{align-items:center;display:flex}.modal>.container{background:var(--white);flex-direction:column;overflow:hidden;padding:5px 10px;position:relative;width:450px}.modal>.container .red{color:var(--red);position:absolute;right:2px;top:0}.modal>.container .header{color:var(--green);font-family:var(--fontlight);font-size:20px}.modal>.container .contents{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:2px;padding-top:10px;width:100%}.modal>.container .contents input{border:1px solid var(--grey);border-radius:0;color:var(--grey);font-family:var(--fontlight);font-size:16px;padding:5px;width:100%}.modal>.container .contents small{color:var(--red);flex-grow:1;height:20px;min-height:30px;text-align:left;width:100%}.modal>.container .contents button{background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--fontlight);font-size:18px;padding:5px;transition:all .5s;width:35%}.modal>.container .contents button:hover{background:var(--green);color:var(--white);cursor:pointer}.modal>.container .contents button:disabled{cursor:not-allowed}.navbar{align-items:center;background:var(--background);box-shadow:0 4px 21px 0 rgba(0,0,0,.66);-webkit-box-shadow:0 4px 21px 0 rgba(0,0,0,.66);-moz-box-shadow:0 4px 21px 0 rgba(0,0,0,.66);display:flex;height:3em;justify-content:space-between;position:fixed;top:0;width:100%;z-index:15}.navbar .center,.navbar .left,.navbar .right{align-items:center;display:flex;gap:5px;height:100%}.navbar .left .logo{height:70%;object-fit:cover;width:80px}.navbar .left .logo:hover{cursor:pointer}.navbar .left .search{align-items:center;background:var(--bgbtn);border-radius:50px;display:flex;height:70%;padding:3px;position:relative}.navbar .left .search input{background:transparent;border:none;color:var(--text-primary);font-family:var(--fontlight);font-size:18px;font-weight:300;height:100%;padding:5px 5px 5px 30px}.navbar .left .search input:focus{outline:none}.navbar .left .search .search-icon{color:var(--text-primary);font-size:25px;font-weight:500;left:5px;position:absolute;top:5px;z-index:0}.navbar .center{flex-grow:1;justify-content:center}.navbar .center>ul,.navbar .center>ul>li{display:flex;height:100%}.navbar .center>ul>li{align-items:center;justify-content:center;list-style:none;position:relative;width:65px}.navbar .center>ul>li span{color:var(--text-primary);font-size:25px;font-weight:500}.navbar .center>ul>li:hover{background:rgba(0,0,0,.1);cursor:pointer}.navbar .center>ul>li:hover span{color:var(--green)}.navbar .center>ul>li:hover:before{background:var(--green);bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.navbar .left{width:25%}.navbar .right{justify-content:right;margin-right:20px;position:relative;width:25%}.navbar .right>.icon{border-radius:50%;color:var(--text-primary);font-size:25px;max-height:40px;max-width:40px;min-height:40px;min-width:40px;position:relative}.navbar .right>.icon,.navbar .right>.icon small{align-items:center;display:flex;justify-content:center}.navbar .right>.icon small{background:var(--red);border-radius:50px;color:var(--white);font-family:var(--fontlight);font-size:12px;max-height:18px;min-height:18px;min-width:18px;padding:1px 2px;position:absolute;right:0;top:5px}.navbar .right>.icon:hover{background:var(--bgbtn)}.navbar .right>.avatar{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.navbar .right>.avatar:hover{cursor:pointer}.navbar .center>.link{display:contents;text-decoration:none}.navbar .center>ul>li .active span{color:var(--green)}.navbar .center>ul>li .active:before{background:var(--green);bottom:0;content:"";height:4px;position:absolute;width:100%}@media(max-width:720px){.navbar{align-items:center;display:flex;flex-direction:column-reverse;gap:2px;height:9rem;padding:5px}.navbar .left .logo{display:none}.navbar .center>ul,.navbar .left,.navbar .right{display:flex;justify-content:space-between;width:100%}.navbar .left .search{align-items:center;background:var(--bgbtn);border-radius:50px;display:flex;height:40px;padding:3px;position:relative}.navbar .left .search input{background:transparent;border:none;color:var(--text-primary);font-family:var(--fontlight);font-size:18px;font-weight:300;height:100%;padding:5px 5px 5px 30px}}.pagepub{display:flex;flex-direction:column;gap:10px;min-height:100vh;width:100%}.pagepub video{height:auto;width:100%}.pagepub .head-skeleton{background:var(--gray);height:250px;width:100%}.pagepub .bottom-skeleton{background:var(--gray);height:30px;width:100%}.pagepub .images{background:var(--bgbtn);height:400px;position:relative;width:100%}.pagepub .images img{height:100%;object-fit:contain;width:100%}.pagepub .images span{align-items:center;background:var(--bgbtn);border-radius:50%;color:var(--text-primary);display:flex;font-size:25px;justify-content:center;max-height:35px;max-width:35px;min-height:35px;min-width:35px}.pagepub .images span:hover{cursor:pointer}.pagepub .images .left{left:5px;position:absolute;top:40%}.pagepub .images .right{position:absolute;right:5px;top:40%}.pagepub .page-avatar{display:flex;gap:10px;padding:5px;width:100%}.pagepub .page-avatar img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.pagepub .page-avatar .page-text{color:var(--text-primary);flex-grow:1;font-family:var(--fontlight);font-size:15px;width:100%}.pagepub>.action{display:flex;flex-direction:column;padding:5px}.pagepub>.action .item{align-items:center;display:flex;gap:10px;justify-content:space-between}.pagepub>.action .item small{align-items:center;color:var(--text-primary);display:flex;font-family:var(--light);gap:5px;letter-spacing:2px}.pagepub>.action>.item .icon{align-items:center;display:flex;font-size:20px;gap:5px;height:40px;justify-content:center;width:10%}.pagepub>.action>.item .liked{color:var(--green)}.pagepub>.action>div small{align-items:center;display:flex;font-family:var(--light);font-size:15px;height:20px;justify-content:center}.pagepub>.action>div,.pagepub>.text-input{align-items:center;display:flex;gap:5px}.pagepub>.text-input{background:var(--bgbtn);border-radius:5px;max-height:50px;padding:5px;position:relative;width:100%}.pagepub>.text-input input{background:transparent;border:none;color:var(--text-primary);flex-grow:1;font-family:var(--fontlight);font-size:15px;height:100%;padding:0}.pagepub>.text-input img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.pagepub>.text-input span{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:25px;height:20px;z-index:0}.pagepub>.comments{color:var(--text-primary);display:flex;gap:5px;position:relative}.pagepub>.comments .right{display:none;position:absolute;right:2px;top:40%;transition:all .5s ease-in-out}.pagepub>.comments .right .menu{position:relative}.pagepub>.comments .right .menu .item-menu{background:var(--grey);border-radius:2px;bottom:0;box-shadow:1px 1px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;height:30px;overflow:hidden;padding:2px 5px;position:absolute;right:20px;transition:all .5s;width:50px;z-index:0}.pagepub>.comments .right .menu .item-menu small{color:var(--text-primary);font-family:var(--fontlight);font-size:9px}.pagepub>.comments .right .menu .item-menu small:hover:first-child{color:var(--green);cursor:pointer}.pagepub>.comments .right .menu .item-menu small:hover:last-child{color:var(--red);cursor:pointer}.pagepub>.comments:hover .right{display:flex}.pagepub>.comments .right:hover{cursor:pointer}.pagepub>.comments img{border-radius:50%;max-height:35px;max-width:35px;min-height:35px;min-width:35px;object-fit:cover}.pagepub>.comments .text{border-bottom:1px solid var(--bgbtn);display:flex;flex-direction:column;flex-grow:1;gap:1px;padding-bottom:2px}.pagepub>.comments .text span{font-family:var(--fontlight);letter-spacing:2px;text-transform:capitalize}.pagepub>.comments .text small{font-family:var(--light);font-size:15px}.pagepub>.comments .text small:last-child{font-family:var(--fontlight);font-size:8px}.home-container{background:var(--background);height:100%;position:relative;width:100%;z-index:1}main{justify-content:center;margin-top:3em;min-height:100vh;padding-top:5px}main,main .central{display:flex;gap:10px}main .central{align-items:center;flex-direction:column;width:58%}.icon{color:var(--text-primary);cursor:pointer;font-size:25px}@media(max-width:920px){main .central{padding:10px;width:100%}}@media(max-width:720px){main{margin-top:9rem}}.formInput{display:flex;flex-direction:column}input{background:transparent;border:1px solid #555;border-radius:5px;color:var(--text-primary);font-size:18px;margin:10px 0;padding:15px;width:100%}label{color:gray}label,text{font-size:12px}text{color:var(--red);display:none;padding:3px}input:focus{outline:none}input:invalid[focused=true]{border:1px solid var(--red)}input:invalid[focused=true]~text{display:block}.reset-container{align-items:center;background:rgba(0,0,0,.3);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.reset-container>.container{align-items:center;background:var(--background);border-radius:5px;display:flex;flex-direction:column;gap:5px;padding:5px;position:relative;width:40%}.reset-container>.container .title{color:var(--green);font-family:var(--fontlight);font-size:18px;padding:5px}.reset-container>.container input{border:1px solid var(--bgbtn);color:var(--text-primary);font-family:var(--fontlight);font-size:18px;padding:10px}.reset-container>.container .close{align-items:center;background:var(--bgbtn);border-radius:50%;color:var(--red);cursor:pointer;display:flex;font-size:25px;justify-content:center;max-height:30px;max-width:30px;min-height:30px;min-width:30px;position:absolute;right:5px;top:5px}.reset-container>.container button{background:transparent;border:1px solid var(--green);border-radius:2px;color:var(--text-primary);font-family:var(--fontlight);font-size:15px;padding:5px;text-transform:uppercase;transition:all .5s ease-in-out;width:30%}.reset-container>.container button:hover{background:var(--green);color:var(--white);cursor:pointer}.reset-container>.container .error{color:var(--red);font-family:var(--fontlight);font-size:15px;letter-spacing:5px;text-align:center;width:100%}.reset-container>.container .sending{color:var(--green);font-family:var(--fontlight);font-size:15px;letter-spacing:5px}.login{grid-gap:10px;color:var(--text-primary);display:grid;grid-template-columns:2fr 1fr;min-height:100vh;position:relative}.login,.login .left{align-items:center;background:var(--background);padding:20px}.login .left{display:flex;flex-direction:column}.login .left span{color:var(--green);font-size:35px;font-weight:500;text-align:center}.login .rights{grid-gap:5px;background:var(--bgbtn);border-radius:10px;box-shadow:0 7px 25px rgba(0,0,0,.08);display:grid;gap:5px;grid-template-columns:repeat(1,1fr);padding:20px}.login .link{display:flex;flex-direction:column;padding:2px;width:100%}.login .link span{align-items:center;color:var(--text-primary);display:flex;font-family:var(--fontlight);font-size:12px;justify-content:center}.login .link span:hover{color:var(--green);cursor:pointer}.btn-login{background:transparent;border:1px solid var(--green);border-radius:5px;color:var(--text-primary);font-size:18px;padding:5px 10px;text-transform:uppercase;transition:all .5s ease-in-out}.btn-login:hover{background:var(--green);color:var(--white);cursor:pointer}@media(max-width:991px){.login{grid-template-columns:repeat(1,1fr)}}@media(max-width:480px){.login .left{display:none}}.create{grid-gap:10px;color:var(--text-primary);display:grid;grid-template-columns:2fr 1fr;min-height:100vh;position:relative}.create,.create .left{align-items:center;background:var(--background);padding:20px}.create .left{display:flex;flex-direction:column}.create .left span{color:var(--green);font-size:35px;font-weight:500;text-align:center}.create .rights{grid-gap:5px;background:var(--bgbtn);border-radius:10px;box-shadow:0 7px 25px rgba(0,0,0,.08);display:grid;gap:5px;grid-template-columns:repeat(1,1fr);padding:20px}.create .link{color:var(--text-primary);text-decoration:none}.error{color:var(--red);font-size:15px}.btn-create{background:transparent;border:1px solid var(--green);border-radius:5px;color:var(--text-primary);font-size:18px;padding:5px 10px;text-transform:uppercase;transition:all .5s ease-in-out}.btn-create:hover{background:var(--green);color:var(--white);cursor:pointer}@media(max-width:991px){.create{grid-template-columns:repeat(1,1fr)}}@media(max-width:480px){.create .left{display:none}}.confirm{background:var(--background);height:100vh;justify-content:center;width:100vw}.confirm,.confirm>.container{align-items:center;display:flex}.confirm>.container{border:1px solid var(--bgbtn);border-radius:2px;flex-direction:column;gap:5px;padding:10px;width:40%}.confirm>.container .header{color:var(--green);font-family:var(--fontlight);font-size:18px;letter-spacing:2px}.confirm>.container input{border:1px solid var(--green);border-radius:2px;color:var(--text-primary);padding:10px;width:100%}.confirm>.container small{color:var(--red);flex-grow:1;height:20px;min-height:30px;text-align:left;width:100%}.confirm>.container button{background:transparent;border:1px solid var(--green);color:var(--text-primary);font-family:var(--fontlight);font-size:15px;padding:5px;text-transform:uppercase;width:20%}.confirm>.container button:hover{background:var(--green);color:var(--white);cursor:pointer}.confirm>.container button:disabled{cursor:not-allowed}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/static/media/roboto-latin-100.c2aa4ab115bf9c6057cb.woff2) format("woff2"),url(/static/media/roboto-latin-100.a45108d3b34af91f9113.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/static/media/roboto-latin-100italic.7f839a8652da29745ce4.woff2) format("woff2"),url(/static/media/roboto-latin-100italic.451d4e559d6f57cdf6a1.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/static/media/roboto-latin-300.37a7069dc30fc663c878.woff2) format("woff2"),url(/static/media/roboto-latin-300.865f928cbabcc9f8f2b5.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/static/media/roboto-latin-300italic.c64e7e354c88e613c77c.woff2) format("woff2"),url(/static/media/roboto-latin-300italic.bd5b7a13f2c52b531a2a.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/static/media/roboto-latin-400.176f8f5bd5f02b3abfcf.woff2) format("woff2"),url(/static/media/roboto-latin-400.49ae34d4cc6b98c00c69.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/static/media/roboto-latin-400italic.d022bc70dc1bf7b3425d.woff2) format("woff2"),url(/static/media/roboto-latin-400italic.b1d9d9904bfca8802a63.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/static/media/roboto-latin-500.f5b74d7ffcdf85b9dd60.woff2) format("woff2"),url(/static/media/roboto-latin-500.cea99d3e3e13a3a599a0.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/static/media/roboto-latin-500italic.0d8bb5b3ee5f5dac9e44.woff2) format("woff2"),url(/static/media/roboto-latin-500italic.18d00f739ff1e1c52db1.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/static/media/roboto-latin-700.c18ee39fb002ad58b6dc.woff2) format("woff2"),url(/static/media/roboto-latin-700.2267169ee7270a22a963.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/static/media/roboto-latin-700italic.7d8125ff7f707231fd89.woff2) format("woff2"),url(/static/media/roboto-latin-700italic.9360531f9bb817f917f0.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/static/media/roboto-latin-900.870c8c1486f76054301a.woff2) format("woff2"),url(/static/media/roboto-latin-900.bac8362e7a6ea60b6983.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/static/media/roboto-latin-900italic.cb5ad999740e9d8a8bd1.woff2) format("woff2"),url(/static/media/roboto-latin-900italic.c20d916c1a1b094c1cec.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}body{overflow:overlay}html{height:100%}::-webkit-scrollbar{background:transparent;width:8px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:#f4f4f4;--text-primary:#454545;--text-secondary:#4169e1;--accent:purple;--green:#219083;--white:#f4f4f4;--red:#ff5959;--warning:#faa65c;--grey:#c2c2c2;--greyscale:#c2c2c2;--bgbtn:rgba(0,0,0,.05);--bghover:rgba(0,0,0,.12);--fontlight:"Poppins",sans-serif;--light:"Roboto Condensed",sans-serif}[data-theme=dark]{--background:#454545;--text-primary:#f4f4f4;--text-secondary:grey;--accent:darkred;--grey:#4d4d4d;--bgbtn:hsla(0,0%,100%,.05);--bghover:hsla(0,0%,100%,.12);--white:#f4f4f4}
/*# sourceMappingURL=main.6ebe776a.css.map*/