@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*{font-family:"Encode Sans Expanded",sans-serif}.title{margin-bottom:1rem;color:#162969}.card{-webkit-perspective:50rem;perspective:50rem}.card,.card__part{width:16rem;height:10rem}.card__part{box-shadow:1px 1px #aaa3a3;top:0;position:absolute;z-index:1000;left:0;display:inline-block;background-image:linear-gradient(to right bottom,#fd696b,#fa616e,#f65871,#f15075,#ec4879);background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.card__front{padding:1rem;-webkit-transform:rotateY(0);-moz-transform:rotateY(0)}.card__back{padding:1rem 0;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg)}.card__black-line{margin-top:5px;height:2rem;background-color:#303030}.card__logo{height:.9rem}.card__front-logo{position:absolute;top:1rem;right:1rem}.card__square{border-radius:5px;height:1.9rem}.card_numer{display:block;width:100%;word-spacing:4px;font-size:1rem;letter-spacing:2px;color:#fff;text-align:center;margin-bottom:20px;margin-top:20px}.card__space-75{width:75%;float:left}.card__space-25{width:25%;float:left}.card__label{font-size:.5rem;color:hsla(0,0%,100%,.8)}.card__info,.card__label{text-transform:uppercase;letter-spacing:1px}.card__info{margin-bottom:0;margin-top:5px;font-size:.75rem;line-height:1rem;color:#fff}.card__back-content{padding:.75rem .75rem 0}.card__secret--last{color:#303030;text-align:right;margin:0;font-size:.75rem}.card__secret{padding:5px 12px;background-color:#fff;position:relative}.card__secret:before{content:"";position:absolute;top:-3px;left:-3px;height:calc(100% + 6px);width:calc(100% - 42px);border-radius:4px;background:repeating-linear-gradient(45deg,#ededed,#ededed 5px,#f9f9f9 0,#f9f9f9 10px)}.card__back-logo{position:absolute;bottom:.75rem;right:.75rem}.card__back-square{position:absolute;bottom:.75rem;left:.75rem}.card:hover .card__front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.card:hover .card__back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg)}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;font-family:"Quicksand",sans-serif}body .dashboard{width:100%;height:100vh;display:grid;grid-template-columns:20% 80%}.sidebar{background-image:radial-gradient(circle 580.6px at 10% 40%,#fffec8 10%,#fffdaf 100%);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.sidebar .upper__container .brand{cursor:pointer}.sidebar .upper__container .brand img{height:8rem;margin-top:1rem}.sidebar .upper__container .links .links-list{display:flex;flex-direction:column;padding-left:3.5rem;padding-top:1rem;padding-bottom:1rem}.sidebar .upper__container .links li{padding-right:0;list-style-type:none;margin:.5rem 0;display:flex;align-items:center;grid-gap:1rem;gap:1rem;font-size:1.2rem}.sidebar .upper__container .links li svg{color:#000}.sidebar .upper__container .links li a{text-decoration:none;color:#000}.sidebar .lower__container .logout-button-container{margin-bottom:2rem;display:flex;align-content:center;grid-gap:1rem;gap:1rem;cursor:pointer}.sidebar .lower__container .logout-button-container .logout-button-icon{margin-top:.1rem}.player{background-color:rgba(0,0,0,.2);padding:3rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;color:#fff}.player__image{position:relative}.player__image img{position:absolute;bottom:1rem;height:3rem;right:-1.5rem}.player__track__artist{margin-bottom:1rem;font-weight:300}.player__track__seek__info{margin-top:.1rem;display:flex;justify-content:space-between}.player__options{margin-top:1rem;display:flex;justify-content:space-evenly}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translateY(-50px);transform:translateY(-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-light,.btn-light:focus,.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-dark,.btn-dark:focus,.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.metrics{background-color:#fffee0;padding:0 2rem}.metrics .navbar{margin:1rem 0;display:flex;align-items:center;justify-content:space-between}.metrics .navbar .mobile-info{display:none}@media screen and (max-width:768px){.metrics .navbar .mobile-info{display:flex}}.metrics .navbar .info{display:flex;align-items:center;grid-gap:1rem;gap:1rem}@media screen and (max-width:768px){.metrics .navbar .info{display:none}}.metrics .navbar .info .avatar img{border-radius:3rem;height:3rem}.metrics span{font-weight:700;color:#6d6d6d}.metrics .grid-one{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;height:40%;margin-bottom:1rem}.metrics .grid-one .top__card{background-color:#fff;border-radius:.4rem;padding:1rem;transition:.3s ease-in-out}.metrics .grid-one .top__card:hover{-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 15px 25px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.metrics .grid-one .top__card__info{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.metrics .grid-one .top__card__info .icon{cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.metrics .grid-one .top__card__info .icon svg{color:#000;font-size:1.4rem}.metrics .grid-one .metric{background-color:#fff;border-radius:.4rem;padding:1rem;transition:.3s ease-in-out}.metrics .grid-one .metric:hover{-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 15px 25px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.metrics .grid-one .metric__info{display:flex;justify-content:space-between}.metrics .grid-one .metric__info .icon{cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.metrics .grid-one .metric__info .icon svg{color:#000;font-size:1.4rem}.metrics .grid-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;height:40%}.metrics .grid-two .transactions__title{background-color:#fff;border-radius:.4rem;padding:1rem;transition:.3s ease-in-out}.metrics .grid-two .transactions__title:hover{-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 15px 25px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.metrics .grid-two .transactions__title .transactions__info{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.metrics .grid-two .transactions__title .transactions__info .icon{cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.metrics .grid-two .transactions__title .transactions__info .icon svg{color:#000;font-size:1.4rem}.metrics .grid-two .transactions__title .transaction{display:flex;margin-bottom:1.4rem;grid-gap:1rem;gap:1rem;justify-content:space-between}@media (max-width:1080px){.metrics .grid-two .transactions__title .transaction{flex-direction:column}}.metrics .grid-two .transactions__title .transaction .transaction__info{grid-gap:1rem;gap:1rem;width:40%;display:flex}.metrics .grid-two .transactions__title .transaction .transaction__info img{border-radius:1rem;height:3rem}.metrics .grid-two .transactions__title .transaction .transaction__meta{display:flex;grid-gap:1rem;gap:1rem}.metrics .grid-two .trending__users{background-color:#fff;border-radius:.4rem;padding:1rem;transition:.3s ease-in-out}.metrics .grid-two .trending__users:hover{-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 15px 25px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.metrics .grid-two .trending__users .trending__info{display:flex;justify-content:space-between;margin-bottom:1rem}.metrics .grid-two .trending__users .trending__info .icon{cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.metrics .grid-two .trending__users .trending__info .icon svg{color:#000;font-size:1.4rem}.metrics .grid-two .trending__users .trend{display:flex;margin-bottom:1rem;grid-gap:1rem;gap:1rem}.metrics .grid-two .trending__users .trend img{border-radius:2rem;height:2.5rem}.metrics .grid-two .trending__users .trend .trend__meta{display:flex;margin-left:3rem;grid-gap:2rem;gap:2rem}.metrics .grid-two .user__activity{background-color:#fff;border-radius:.4rem;padding:1rem;transition:.3s ease-in-out}.metrics .grid-two .user__activity:hover{-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 15px 25px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.metrics .grid-two .user__activity__info{margin-bottom:1rem;display:flex;justify-content:space-between}.metrics .grid-two .user__activity__info .icon{cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.metrics .grid-two .user__activity__info .icon svg{color:#000;font-size:1.4rem}@media (max-width:1080px){body{padding:0!important}body .dashboard{grid-template-columns:1fr}body .dashboard .sidebar .upper__container .brand img{height:5rem}body .dashboard .sidebar .lower__container,body .dashboard .sidebar .upper__container .links{display:none}body .dashboard .metrics{height:-webkit-max-content;height:max-content;padding-top:2rem;padding-bottom:2rem}}@media screen and (max-width:1080px) and (max-width:1080px){body .dashboard .metrics{padding-top:.5rem}}@media (max-width:1080px){body .dashboard .metrics .grid-one,body .dashboard .metrics .grid-two{grid-template-columns:1fr}}.settings{background-color:#fffee0;padding:0 2rem}.settings .navbar{margin:1rem 0;display:flex;align-items:center;justify-content:space-between}.settings .navbar .mobile-info{display:none}@media screen and (max-width:768px){.settings .navbar .mobile-info{display:flex}}.settings .navbar .info{display:flex;align-items:center;grid-gap:1rem;gap:1rem}@media screen and (max-width:768px){.settings .navbar .info{display:none}}.settings .navbar .info .avatar img{border-radius:3rem;height:3rem}.settings span{font-weight:700;color:#6d6d6d}@media screen and (max-width:768px){.settings{padding:0 1rem}}.settings .grid-one{display:flex;justify-content:center}.settings .grid-one .top__card{background-color:#fff;border-radius:.4rem;padding:1rem;transition:.3s ease-in-out}.settings .grid-one .top__card:hover{-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 15px 25px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.settings .grid-one .top__card__info{display:flex;justify-content:space-between;align-items:center}.settings .grid-one .top__card__info .icon{cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.settings .grid-one .top__card__info .icon svg{color:#000;font-size:1.4rem}.settings .grid-one .metric{background-color:#fff;border-radius:.4rem;padding:1rem;transition:.3s ease-in-out}.settings .grid-one .metric:hover{-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 15px 25px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.settings .grid-one .metric__info{display:flex;justify-content:space-between}.settings .grid-one .metric__info .icon{cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.settings .grid-one .metric__info .icon svg{color:#000;font-size:1.4rem}.settings .grid-one .form{background:#010101;height:auto;width:40vw;z-index:1;display:grid;margin:0 auto;padding:30px 45px;border-radius:14px;box-shadow:0 1px 40px #010101}@media screen and (max-width:768px){.settings .grid-one .form{width:80vw;padding:30px 15px}}.settings .grid-one .form .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.settings .grid-one .form .formH1{margin-bottom:20px;color:#fff;font-size:20px;font-weight:400;text-align:start;font-weight:600}.settings .grid-one .form .formLabel{font-size:14px;color:#fff}.settings .grid-one .form .formInput{padding:16px;border:none;border-radius:114px;width:18rem}.settings .grid-one .form .formInput::-webkit-inner-spin-button{-webkit-appearance:none}.settings .grid-one .form .formInput:disabled{color:#b6b6b6;background-color:#f7f7f7;cursor:not-allowed}@media screen and (max-width:768px){.settings .grid-one .form .formInput{width:8rem}}.settings .grid-one .form .formButton{background:#01bf71;padding:16px 0;border:none;border-radius:2rem;color:#000;font-size:20px;cursor:pointer;margin-top:2rem;display:flex;justify-content:center}.settings .grid-one .form .formText{text-align:center;margin-top:20px;color:#f54848;font-size:16x;cursor:pointer}.settings .grid-one .form .row-card-details{display:flex;justify-content:space-between;margin-bottom:1.5rem}.settings .grid-one .form .row-card-details .card-details{display:flex;flex-direction:column}.settings .grid-one .form .row-card-details .card-details .card-expiry{margin-top:.6rem;width:10rem}@media screen and (max-width:768px){.settings .grid-one .form .row-card-details .card-details .card-expiry{width:6rem}}.settings .grid-one .form .row-card-details .card-details .card-cvv{margin-top:.6rem;width:8rem}@media screen and (max-width:768px){.settings .grid-one .form .row-card-details .card-details .card-cvv{width:4.5rem}}.settings .grid-one .form .row-card-details .card-details .card-zip{margin-top:.6rem;width:10rem}@media screen and (max-width:768px){.settings .grid-one .form .row-card-details .card-details .card-zip{width:6rem}}
/*# sourceMappingURL=main.b647d356.chunk.css.map */