.pressable{transition:background-color 3s,transform .2s}.pressable:hover{filter:brightness(95%);transform:translateY(-2px)}.pressable:active{filter:brightness(85%);transform:translateY(2px)}.btn{border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 3s,box-shadow .3s,transform .1s;box-shadow:0 4px 6px #0000001a;min-height:48px;max-height:fit-content;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{filter:brightness(85%);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.btn:active{filter:brightness(75%);box-shadow:0 3px 10px #0003;transform:translateY(2px)}.btn:focus{outline:none;box-shadow:0 0 0 3px #34373d80}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.btn:disabled:hover,.btn:disabled:active{filter:none;box-shadow:none;transform:none}.btn:disabled:focus{outline:none;box-shadow:none}p.info{padding:7px;background-color:var(--grey-color);border-radius:var(--border-radius-sm);margin:10px 0}p.info:before{content:attr(data-label)": ";font-weight:600}.error{color:red}.table-responsive{display:block;overflow-x:auto;padding:0 30px}@media (max-width: 1024px){.table-responsive table{padding-left:0!important;padding-right:0!important}.table-responsive tbody{display:flex;justify-content:center;gap:10px}.table-responsive thead tr:not(.toolbar){display:none}.table-responsive thead tr.toolbar{max-width:100vw}.table-responsive tr{display:flex;flex-direction:column;align-items:center;max-width:fit-content;border:1px solid var(--white-select);border-radius:10px}.table-responsive td{text-align:center!important}.table-responsive td:before{font-weight:700;text-transform:capitalize;margin-bottom:5px;content:attr(data-label)": "}.table-responsive td:not(:first-child){display:grid;min-width:max-content}.table-responsive .no-content{flex-grow:1}.table-responsive .buttons{min-height:120px}.table-responsive .buttons span{margin:auto}}.select-container{position:relative;pointer-events:auto}.select-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:10px 10px 10px 0;margin-left:10px;font-size:16px;color:#fff;width:fit-content;outline:none;border-radius:5px;cursor:pointer}.select-container select option{padding:5px}.select-container select:invalid{color:gray}.select-container select:focus{background-color:#000}.select-container:after{content:"";font-size:16px;position:absolute;color:#fff;top:50%;right:0;width:0;height:0;pointer-events:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff;transform:translateY(-50%)}.select-container:has(select:focus):after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:none;border-bottom:7px solid #fff}.vue-notification-group{width:min(80%,400px)!important;left:calc(50% - (min(80%,500px)/2))!important}.notify{display:flex;gap:15px;margin:0 5px 5px;padding:10px;font-size:12px;color:#fff;background:#44a4fc;border-left:5px solid #187fe7}.notify .notification-content{align-self:center}.notify:before{font-size:35px;font-family:boxicons!important;height:fit-content;align-self:center}.notify.success{background:#68cd86;border-left-color:#42a85f}.notify.success:before{content:"";animation:tada 2s linear infinite}.notify.warn{background:#ffb648;border-left-color:#f48a06}.notify.warn:before{content:"";animation:burst 3s ease-in-out infinite}.notify.error{background:#e54d42;border-left-color:#b82e24}.notify.error:before{content:"";animation:flashing 2s linear infinite}.main-nav{mix-blend-mode:difference;color:var(--background)}.main-nav a{text-decoration:none;font-weight:600;transition:color .3s ease;padding:.25rem;border:2px solid transparent;border-radius:var(--border-radius-md);transition:color .3s ease,border-color .7s ease,background-color .3s ease}.main-nav a:hover,.main-nav a.router-link-active{color:var(--dark-color);border-color:var(--background);background-color:var(--background)}.main-nav .page-links{display:flex;margin-left:auto;gap:1rem}.main-nav .logo-link{pointer-events:auto;position:relative;height:calc(100% + 2rem);margin-top:.25rem;aspect-ratio:1 / 1}.main-nav .logo-link .logo{height:100%}.main-nav:has(#authorize.router-link-active) .page-links{display:none}@media (max-width: 480px){.main-nav{gap:0}.main-nav .page-links{gap:0}}
